2 lines
4.0 KiB
JavaScript
2 lines
4.0 KiB
JavaScript
import{r as d,j as c,t as n,q as D,y as F,s as v,v as I}from"./index-TNj5auBr.js";import{h as G,f as L}from"./TextInput-DL-5979h.js";const O={x1tspnpo:"x1tspnpo",$$css:!0},e={container:{k1xSpc:"x78zum5",kGNEyG:"x6s0dn4",kOIVth:"x1txdalj",$$css:!0},containerLabelHidden:{kOIVth:"xxhr3t",$$css:!0},checkboxWrapper:{kVAEAm:"x1n2onr6",k1xSpc:"x78zum5",kGNEyG:"x6s0dn4",kjj79g:"xl56j7k",kmuXW:"x2lah0s",kHBbk8:"xc8icb0",$$css:!0},input:{kVAEAm:"x10l6tqk",kogj98:"x1ghz6dp",kmVPX3:"x1717udv",kSiTet:"xg01cxk",kkrTdU:"x1ypdohk",kY2c9j:"x1vjfegm",$$css:!0},inputDisabled:{kkrTdU:"x1h6gzvc",$$css:!0},checkbox:{k1xSpc:"x78zum5",kGNEyG:"x6s0dn4",kjj79g:"xl56j7k",kMzoRj:"x1litavf",ksu8eU:"x1y0btm7",kaIpWk:"xx3sua9",k1ekBW:"xts7igz",kIyJzY:"xuedmi6 x12w9bfk",kAMwcw:"xlr8y92",$$css:!0},checkboxFocus:{kI3sdo:"x1a2a7pz xkri23q",kInvED:"x81n7kt",$$css:!0},checkboxUnchecked:{kMwMTN:"xqwr325",kVAM5u:"xvy26l8 x1jtjlen",kWkggS:"x10xzikg xrsv7h",$$css:!0},checkboxChecked:{kMwMTN:"x17wrial",kVAM5u:"xad5do x1od6ugu",kWkggS:"x1ewilqj x6aeo4j",$$css:!0},checkboxDisabled:{kSiTet:"xbyyjgo",kVAM5u:"x14i3s5s xmt8yqp",$$css:!0},checkboxDisabledUnchecked:{kWkggS:"xwmxj5m x1cjfj8k",$$css:!0},checkmark:{k1xSpc:"x1s85apg",kMwMTN:"x17wrial",$$css:!0},checkmarkVisible:{k1xSpc:"x1lliihq",$$css:!0},indeterminateMark:{k1xSpc:"x1s85apg",kWkggS:"x1azo05",kaIpWk:"x1nj7uno",$$css:!0},indeterminateMarkVisible:{k1xSpc:"x1lliihq",$$css:!0}},M={sm:{kzqmXN:"xw4jnvo",kZKoxP:"x1qx5ct2",$$css:!0},md:{kzqmXN:"xvy4d1p",kZKoxP:"xxk0z11",$$css:!0}},H={sm:{kzqmXN:"x1xp8n7a",kZKoxP:"xmix8c7",$$css:!0},md:{kzqmXN:"x17z2i9w",kZKoxP:"x17rw0jw",$$css:!0}},R={sm:{kzqmXN:"xsmyaan",kZKoxP:"x1kpxq89",$$css:!0},md:{kzqmXN:"x6jxa94",kZKoxP:"x1v9usgg",$$css:!0}},Y={sm:{kzqmXN:"x1fsd2vl",kZKoxP:"x36qwtl",$$css:!0},md:{kzqmXN:"xsmyaan",kZKoxP:"x36qwtl",$$css:!0}},J={width:o=>[{kzqmXN:o!=null?"x5lhr3w":o,$$css:!0},{"--x-width":(x=>typeof x=="number"?x+"px":x??void 0)(o)}]};function Q({label:o,isLabelHidden:x=!1,description:b,onChange:l,changeAction:j,isLoading:N=!1,value:y,isDisabled:k=!1,isReadOnly:m=!1,isOptional:V=!1,isRequired:f=!1,size:r="md",onFocus:P,onBlur:W,labelIcon:X,status:s,width:g,xstyle:T,className:E,style:K,ref:Z}){const S=d.useId(),q=d.useId(),z=d.useId(),[,A]=d.useTransition(),[h,B]=d.useOptimistic(y),p=N||h!==y,t=h==="indeterminate",a=h===!0,w=a||t,U=d.useCallback(i=>{i&&(i.indeterminate=t)},[t]),u=[];b&&!x&&u.push(q),s!=null&&s.message&&u.push(z);const C=u.length>0?u.join(" "):void 0;return c.jsxs("div",{...v(I("checkbox-input",{size:r}),n(g!=null&&J.width(g),T),E,K),children:[c.jsxs("div",{...n(e.container,x&&e.containerLabelHidden,!k&&O),children:[c.jsxs("div",{...n(e.checkboxWrapper,M[r]),children:[c.jsx("input",{ref:D(Z,U),id:S,type:"checkbox",checked:a,disabled:k,readOnly:m,required:f,onChange:i=>{if(p||m)return;const $=i.target.checked;l==null||l($,i),j&&!i.defaultPrevented&&A(async()=>{B($),await j($,i)})},onFocus:P,onBlur:W,"aria-checked":t?"mixed":void 0,"aria-readonly":m||void 0,"aria-describedby":C,"aria-invalid":(s==null?void 0:s.type)==="error"?!0:void 0,"aria-busy":p||void 0,...n(e.input,M[r],k&&e.inputDisabled)}),c.jsx("div",{"aria-hidden":"true",...v(I("checkbox",{size:r,checked:a?"checked":t?"indeterminate":null,disabled:k?"disabled":null}),n(e.checkbox,H[r],!k&&e.checkboxFocus,w?e.checkboxChecked:e.checkboxUnchecked,k&&e.checkboxDisabled,k&&!w&&e.checkboxDisabledUnchecked)),children:p?c.jsx(F,{size:"sm",shade:"inherit"}):c.jsxs(c.Fragment,{children:[c.jsx("svg",{viewBox:"0 0 10 10",...n(e.checkmark,R[r],a&&e.checkmarkVisible),children:c.jsx("path",{d:"M8.5 2.5L4 7.5L1.5 5",stroke:"currentColor",strokeWidth:"1.5",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"})}),c.jsx("div",{...n(e.indeterminateMark,Y[r],t&&e.indeterminateMarkVisible)})]})})]}),c.jsx("div",{className:"x78zum5 xdt5ytf x1lsbc85",children:c.jsx(G,{label:o,inputID:S,isLabelHidden:x,isDisabled:k,isOptional:V,isRequired:f,labelIcon:X,description:b,descriptionID:q})})]}),(s==null?void 0:s.message)&&c.jsx(L,{type:s.type,message:s.message,id:z,variant:"detached"})]})}Q.displayName="CheckboxInput";export{Q as C};
|