@nice2dev/ui 1.0.22 → 1.0.24

package/dist/NiceTabs-CFA8DGYR.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("./core-CZE5v34h.cjs"),l=require("react"),Ie=require("react-dom"),Ce=l.forwardRef(({label:t,helperText:p,error:s,required:u,disabled:n,readOnly:i,size:d="md",name:$,id:h,className:f,style:_,accessMode:S,displayStyle:Q,variant:x,value:w,defaultValue:F,onChange:m,onBlur:J,onKeyDown:D,placeholder:k,type:E="text",maxLength:v,prefix:L,suffix:U,clearable:I,autoFocus:A,submitOnEnter:y,onSubmit:T,showKeyboardHints:V,labelPlacement:R,errorPlacement:G,loading:re,labelWidth:le,controlWidth:X,displayMode:Z,...de},b)=>{const N=o.sc(S,h),K=N==="hidden";N==="disabled"&&(n=!0),N==="readOnly"&&(i=!0);const{t:H}=o.Zt(),M=o._s(h),ee=o.Ns("input",Q),ae=o.Es("input",Q),ue=x==="filled"?"filled":x==="underlined"?"underlined":"",Y=l.useCallback(()=>m?.(""),[m]),P=o.zs({enabled:Z,readOnly:i,disabled:n}),oe=o.kc({enabled:y,onSubmit:T}),ie=l.useCallback(g=>{oe(g),D?.(g)},[oe,D]),a=l.useMemo(()=>{const g=[];return y&&g.push({key:"Enter",description:H("shortcuts.submit","Submit")}),I&&g.push({key:"Escape",description:H("shortcuts.clear","Clear")}),g},[y,I,H]);return K?null:e.jsxs("div",{className:`nice-field nice-field--${d} ${R==="left"?"nice-field--label-left":""} ${R==="inside"?"nice-field--label-inside":""} ${re?"nice-field--loading":""} ${f||""}`,style:{..._,...le!=null&&{"--nice-field-label-width":typeof le=="number"?`${le}px`:le},...X!=null&&{"--nice-field-control-width":typeof X=="number"?`${X}px`:X}},"aria-busy":re||void 0,"data-floating":R==="inside"&&w?"true":void 0,children:[t&&R!=="inside"&&e.jsxs("label",{htmlFor:M,className:`nice-field__label ${u?"nice-field__label--required":""}`,children:[t,V&&a.length>0&&e.jsx(o.Qr,{shortcuts:a,size:"sm"})]}),e.jsxs("div",{className:"nice-field__control",children:[P.isDisplay?e.jsx(o.Fs,{value:w??F??"",placeholder:k,disabled:n,readOnly:i,onActivate:P.enterEdit,ariaLabel:t}):e.jsxs("div",{className:`nice-input nice-input--${d} nice-input--ds-${ue||ae} ${s?"nice-input--error":""} ${n?"nice-input--disabled":""} ${i?"nice-input--readonly":""}`,style:x?void 0:ee,children:[L&&e.jsx("span",{className:"nice-input__icon",children:L}),e.jsx("input",{ref:g=>{typeof b=="function"?b(g):b&&(b.current=g),P.autoFocusRef(g)},id:M,className:"nice-input__native",type:E,name:$,value:w,defaultValue:F,placeholder:k,disabled:n||re,readOnly:i,maxLength:v,autoFocus:A,"aria-invalid":!!s,"aria-describedby":s?`${M}-error`:p?`${M}-helper`:void 0,onChange:g=>m?.(g.target.value),onBlur:g=>{Z&&P.exitEdit(),J?.(g)},onKeyDown:ie,...de}),I&&w&&e.jsx("button",{type:"button",className:"nice-input__clear",onClick:Y,"aria-label":H("controls.clear","Clear"),children:"✕"}),U&&e.jsx("span",{className:"nice-input__icon",children:U}),t&&R==="inside"&&e.jsx("label",{htmlFor:M,className:`nice-input__floating-label ${u?"nice-input__floating-label--required":""}`,children:t})]}),re&&e.jsx("span",{className:"nice-field__spinner",children:e.jsx("span",{className:"nice-spinner nice-spinner--sm"})}),G==="right"&&s&&e.jsx("div",{id:`${M}-error`,className:"nice-field__error",role:"alert",children:s}),G==="right"&&!s&&p&&e.jsx("div",{id:`${M}-helper`,className:"nice-field__helper",children:p})]}),G!=="right"&&s&&e.jsx("div",{id:`${M}-error`,className:"nice-field__error",role:"alert",children:s}),G!=="right"&&!s&&p&&e.jsx("div",{id:`${M}-helper`,className:"nice-field__helper",children:p})]})});Ce.displayName="NiceTextInput";const Te=Object.freeze(Object.defineProperty({__proto__:null,NiceTextInput:Ce},Symbol.toStringTag,{value:"Module"})),Se=l.forwardRef(({label:t,helperText:p,error:s,required:u,disabled:n,readOnly:i,size:d="md",name:$,id:h,className:f,style:_,accessMode:S,displayStyle:Q,value:x,onChange:w,onBlur:F,onKeyDown:m,placeholder:J,min:D,max:k,step:E=1,precision:v,prefix:L,prefixType:U="label",prefixOptions:I,prefixValue:A,onPrefixChange:y,suffix:T,showStepper:V=!0,submitOnEnter:R,onSubmit:G,showKeyboardHints:re,labelPlacement:le,errorPlacement:X,loading:Z,labelWidth:de,controlWidth:b,formatPreset:N,format:K,suffixType:H="label",suffixOptions:M,suffixValue:ee,onSuffixChange:ae,displayMode:ue},Y)=>{const P=o.sc(S,h),oe=P==="hidden";P==="disabled"&&(n=!0),P==="readOnly"&&(i=!0);const{t:ie}=o.Zt(),a=o._s(h),g=o.Ns("input",Q),z=o.Es("input",Q),[C,O]=l.useState(!1),[W,xe]=l.useState(null),ve=o.zs({enabled:ue,readOnly:i,disabled:n}),pe=l.useMemo(()=>{let c=3;return k!=null&&(c=String(Math.abs(Math.floor(k))).length),D!=null&&D<0&&(c+=1),v&&(c+=v+1),Math.max(3,c)+1},[k,D,v]),je=l.useCallback(c=>{if(K)return K(c);if(!N)return v!=null?c.toFixed(v):String(c);switch(N){case"integer":return Math.round(c).toLocaleString();case"decimal":return c.toLocaleString(void 0,{minimumFractionDigits:v??2,maximumFractionDigits:v??2});case"money":return c.toLocaleString(void 0,{minimumFractionDigits:v??2,maximumFractionDigits:v??2,useGrouping:!0});case"percent":return(c*100).toLocaleString(void 0,{minimumFractionDigits:v??0,maximumFractionDigits:v??2})+"%";default:return String(c)}},[K,N,v]),ye=l.useMemo(()=>C&&W!==null?W:x==null?"":C?v!=null?x.toFixed(v):String(x):je(x),[x,C,W,je,v]),fe=x!=null&&x<0,se=!!(L||U==="select"&&I&&I.length>0),ne=fe&&se&&!C,we=ne?ye.replace(/^[-−]/,""):ye,he=l.useCallback(c=>{let j=c;return D!==void 0&&(j=Math.max(D,j)),k!==void 0&&(j=Math.min(k,j)),v!==void 0&&(j=parseFloat(j.toFixed(v))),j},[D,k,v]),Me=l.useCallback(c=>{const j=c.target.value;if(xe(j),j===""||j==="-"||j==="."||j==="-."){j===""&&w?.(null);return}const ce=parseFloat(j);if(!isNaN(ce)){let _e=ce;D!==void 0&&(_e=Math.max(D,_e)),k!==void 0&&(_e=Math.min(k,_e)),w?.(_e)}},[w,D,k]),ge=l.useCallback(()=>{const c=be.current,j=he((c??0)+E);be.current=j,w?.(j)},[E,w,he]),$e=l.useCallback(()=>{const c=be.current,j=he((c??0)-E);be.current=j,w?.(j)},[E,w,he]),be=l.useRef(x);be.current=x;const r=l.useRef(null),B=l.useCallback(()=>{r.current&&(clearTimeout(r.current),r.current=null)},[]),q=l.useCallback(c=>{B();let j=300;const ce=()=>{c(),j=Math.max(30,j*.82),r.current=setTimeout(ce,j)};r.current=setTimeout(ce,400)},[B]),me=o.kc({enabled:R,onSubmit:G}),ke=l.useCallback(c=>{me(c),c.key==="ArrowUp"?(c.preventDefault(),ge()):c.key==="ArrowDown"&&(c.preventDefault(),$e()),m?.(c)},[me,m,ge,$e]),te=l.useMemo(()=>{const c=[];return R&&c.push(o.xc.submit),V&&(c.push({key:"ArrowUp",description:ie("shortcuts.increment","Increase value")}),c.push({key:"ArrowDown",description:ie("shortcuts.decrement","Decrease value")})),c},[R,V,ie]);return oe?null:e.jsxs("div",{className:`nice-field nice-field--${d} ${le==="left"?"nice-field--label-left":""} ${Z?"nice-field--loading":""} ${f||""}`,style:{..._,...de!=null&&{"--nice-field-label-width":typeof de=="number"?`${de}px`:de},...b!=null&&{"--nice-field-control-width":typeof b=="number"?`${b}px`:b}},"aria-busy":Z||void 0,children:[t&&e.jsxs("label",{htmlFor:a,className:`nice-field__label ${u?"nice-field__label--required":""}`,children:[t,re&&te.length>0&&e.jsx(o.Qr,{shortcuts:te,size:"sm"})]}),e.jsxs("div",{className:"nice-field__control",children:[ve.isDisplay?e.jsx(o.Fs,{value:x==null?"":L?e.jsxs(e.Fragment,{children:[L,ye]}):ye,placeholder:J,disabled:n,readOnly:i,onActivate:ve.enterEdit,ariaLabel:t}):e.jsx(e.Fragment,{children:e.jsxs("div",{className:`nice-input nice-input--number nice-input--${d} nice-input--ds-${z} ${s?"nice-input--error":""} ${n?"nice-input--disabled":""} ${i?"nice-input--readonly":""}`,style:g,children:[V&&!i&&e.jsx("button",{type:"button",className:"nice-input__clear nice-input__minus",onClick:$e,onMouseDown:()=>q($e),onMouseUp:B,onMouseLeave:B,disabled:n,"aria-label":ie("controls.decrement","Decrement"),children:"−"}),U==="select"&&I&&I.length>0?e.jsxs(e.Fragment,{children:[ne&&e.jsx("span",{className:"nice-input__sign",children:"−"}),e.jsx("select",{className:"nice-input__suffix-select nice-input__icon--prefix",value:A??I[0]?.value,disabled:n,onChange:c=>{const j=c.target.value,ce=I.find(Ne=>Ne.value===(A??I[0]?.value)),_e=I.find(Ne=>Ne.value===j);y?.(j,ce?.weight,_e?.weight)},children:I.map(c=>e.jsx("option",{value:c.value,children:c.label},c.value))})]}):L?e.jsxs("span",{className:"nice-input__icon nice-input__icon--prefix",children:[ne&&e.jsx("span",{className:"nice-input__sign",children:"−"}),L]}):null,e.jsx("input",{ref:c=>{typeof Y=="function"?Y(c):Y&&(Y.current=c),ve.autoFocusRef(c)},id:a,className:"nice-input__native",type:!C&&(K||N)?"text":"number",name:$,value:we,placeholder:J,min:D,max:k,step:E,disabled:n||Z,readOnly:i,"aria-invalid":!!s,onChange:Me,onFocus:c=>{O(!0),xe(null),c.target.select()},onBlur:c=>{if(O(!1),xe(null),x!=null&&v!==void 0){const j=parseFloat(x.toFixed(v));j!==x&&w?.(j)}ue&&ve.exitEdit(),F?.(c)},onKeyDown:ke,style:{width:`${pe}ch`}}),H==="select"&&M&&M.length>0?e.jsx("select",{className:"nice-input__suffix-select nice-input__icon--suffix",value:ee??M[0]?.value,disabled:n,onChange:c=>{const j=c.target.value,ce=M.find(Ne=>Ne.value===(ee??M[0]?.value)),_e=M.find(Ne=>Ne.value===j);ae?.(j,ce?.weight,_e?.weight)},children:M.map(c=>e.jsx("option",{value:c.value,children:c.label},c.value))}):T?e.jsx("span",{className:"nice-input__icon nice-input__icon--suffix",children:T}):null,V&&!i&&e.jsx("button",{type:"button",className:"nice-input__clear nice-input__plus",onClick:ge,onMouseDown:()=>q(ge),onMouseUp:B,onMouseLeave:B,disabled:n,"aria-label":ie("controls.increment","Increment"),children:"+"})]})}),Z&&e.jsx("span",{className:"nice-field__spinner",children:e.jsx("span",{className:"nice-spinner nice-spinner--sm"})}),X==="right"&&s&&e.jsx("div",{className:"nice-field__error",role:"alert",children:s}),X==="right"&&!s&&p&&e.jsx("div",{className:"nice-field__helper",children:p})]}),X!=="right"&&s&&e.jsx("div",{className:"nice-field__error",role:"alert",children:s}),X!=="right"&&!s&&p&&e.jsx("div",{className:"nice-field__helper",children:p})]})});Se.displayName="NiceNumberInput";const He=Object.freeze(Object.defineProperty({__proto__:null,NiceNumberInput:Se},Symbol.toStringTag,{value:"Module"})),Ee=l.forwardRef(({label:t,helperText:p,error:s,required:u,disabled:n,size:i="md",name:d,id:$,className:h,style:f,accessMode:_,displayStyle:S,options:Q,value:x,onChange:w,placeholder:F,multiple:m=!1,searchable:J=!1,clearable:D=!1,emptyText:k,maxHeight:E=240,optionsSource:v,valueField:L,labelField:U,virtualScroll:I,optionHeight:A=36,onSearch:y,loading:T,renderOption:V,multipleAutosize:R=!1,showKeyboardHints:G,labelPlacement:re,errorPlacement:le,labelWidth:X,controlWidth:Z,displayMode:de},b)=>{const N=o.sc(_,$),K=N==="hidden";(N==="disabled"||N==="readOnly")&&(n=!0);const{t:H}=o.Zt(),M=o.Ns("input",S),ee=o.Es("input",S),ae=o._s($),ue=o.zs({enabled:de,disabled:n}),[Y,P]=l.useState(!1),[oe,ie]=l.useState(""),[a,g]=l.useState(-1),[z,C]=l.useState(0),O=l.useRef(null),W=l.useRef(null),[xe,ve]=l.useState(null);l.useLayoutEffect(()=>{!T&&W.current&&ve(W.current.offsetWidth)},[T,x,S]);const[pe,je]=l.useState(null);l.useLayoutEffect(()=>{m&&!R&&W.current&&pe==null&&je(W.current.offsetWidth)},[m,R,pe]);const ye=o.vd(v??null,L??v?.keyField??"id",U??"name"),fe=v?ye.options:(Q??[]).map(r=>typeof r=="string"?{value:r,label:r}:r);o.Vs(O,()=>{P(!1),ie("")});const se=l.useMemo(()=>x?Array.isArray(x)?x:[x]:[],[x]),ne=l.useMemo(()=>{if(!oe&&!y||y)return fe;const r=oe.toLowerCase();return fe.filter(B=>B.label.toLowerCase().includes(r)||String(B.value).toLowerCase().includes(r))},[fe,oe,y]),we=l.useMemo(()=>{const r=new Map;for(const B of ne){const q=B.group||"";r.has(q)||r.set(q,[]),r.get(q).push(B)}return r},[ne]),he=l.useCallback(r=>{if(m){const B=se.includes(r)?se.filter(q=>q!==r):[...se,r];w?.(B)}else w?.(r),P(!1),ie("")},[m,se,w]),Me=l.useCallback(r=>{if(r.key==="Escape"){P(!1),ie("");return}if(r.key==="Enter"||r.key===" "){if(!Y){P(!0),r.preventDefault();return}a>=0&&ne[a]&&(he(ne[a].value),r.preventDefault());return}r.key==="ArrowDown"&&(r.preventDefault(),g(B=>Math.min(B+1,ne.length-1))),r.key==="ArrowUp"&&(r.preventDefault(),g(B=>Math.max(B-1,0)))},[Y,a,ne,he]),ge=l.useMemo(()=>se.length===0?null:m?se.map(r=>fe.find(B=>B.value===r)?.label||r).join(", "):fe.find(r=>r.value===se[0])?.label||se[0],[se,fe,m]),$e=l.useCallback(r=>{r.stopPropagation(),w?.(m?[]:"")},[w,m]),be=l.useMemo(()=>[{key:"Enter",description:H("shortcuts.select","Select")},{key:"Space",description:H("shortcuts.openDropdown","Open dropdown")},o.xc.moveUp,o.xc.moveDown,o.xc.cancel],[H]);return K?null:e.jsxs("div",{className:`nice-field ${Z==null?"nice-field--select-auto":""} nice-field--${i} ${re==="left"?"nice-field--label-left":""} ${T?"nice-field--loading":""} ${h||""}`,style:{...f,...X!=null&&{"--nice-field-label-width":typeof X=="number"?`${X}px`:X},...Z!=null&&{"--nice-field-control-width":typeof Z=="number"?`${Z}px`:Z},...T&&xe!=null&&{"--nice-select-locked-width":`${xe}px`}},"aria-busy":T||void 0,children:[t&&e.jsxs("label",{htmlFor:ae,className:`nice-field__label ${u?"nice-field__label--required":""}`,children:[t,G&&e.jsx(o.Qr,{shortcuts:be,size:"sm"})]}),e.jsxs("div",{className:"nice-field__control",children:[ue.isDisplay?e.jsx(o.Fs,{value:ge,placeholder:F||H("controls.select","Select..."),disabled:n,onActivate:()=>{ue.enterEdit(),P(!0)},ariaLabel:t}):e.jsxs("div",{className:"nice-select",ref:O,children:[e.jsxs("button",{ref:r=>{W.current=r,typeof b=="function"?b(r):b&&(b.current=r)},type:"button",id:ae,role:"combobox","aria-expanded":Y,"aria-haspopup":"listbox","aria-invalid":!!s,className:`nice-select__trigger nice-select__trigger--${i} nice-select--ds-${ee} ${Y?"nice-select__trigger--open":""} ${s?"nice-select__trigger--error":""} ${n?"nice-select__trigger--disabled":""}`,style:{...M,...m&&!R&&pe!=null?{width:pe,maxWidth:pe,overflow:"hidden"}:{}},disabled:n,onClick:()=>P(!Y),onKeyDown:Me,children:[ge?e.jsx("span",{style:m&&!R?{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}:void 0,children:ge}):e.jsx("span",{className:"nice-select__placeholder",children:F||H("controls.select","Select...")}),e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:4},children:[D&&se.length>0&&e.jsx("span",{className:"nice-input__clear",onClick:$e,role:"button","aria-label":H("controls.clear","Clear"),children:"✕"}),e.jsx("svg",{className:`nice-select__chevron ${Y?"nice-select__chevron--open":""}`,viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",d:"M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z",clipRule:"evenodd"})})]})]}),Y&&e.jsxs("div",{className:"nice-select__dropdown",role:"listbox",style:{maxHeight:E},onScroll:I?r=>C(r.currentTarget.scrollTop):void 0,children:[(J||y)&&e.jsx("div",{className:"nice-select__search",children:e.jsx("input",{type:"text",value:oe,onChange:r=>{ie(r.target.value),g(0),y?.(r.target.value)},placeholder:H("controls.search","Search..."),autoFocus:!0})}),T&&e.jsx("div",{className:"nice-select__loading",children:e.jsx("div",{className:"nice-spinner nice-spinner--sm",style:{margin:"8px auto"}})}),!T&&ne.length===0?e.jsx("div",{className:"nice-select__empty",children:k||H("controls.noResults","No results found")}):I&&!Array.from(we.keys()).some(r=>r!=="")?(()=>{const B=ne.length*A,q=Math.max(0,Math.floor(z/A)-3),me=Math.min(ne.length,Math.ceil((z+E)/A)+3),ke=ne.slice(q,me);return e.jsx("div",{style:{height:B,position:"relative"},children:ke.map((te,c)=>{const j=q+c,ce=se.includes(te.value);return e.jsx("div",{role:"option","aria-selected":ce,className:`nice-select__option ${ce?"nice-select__option--selected":""} ${j===a?"nice-select__option--highlighted":""} ${te.disabled?"nice-select__option--disabled":""}`,style:{position:"absolute",top:j*A,left:0,right:0,height:A,display:"flex",alignItems:"center",padding:"0 12px"},onClick:()=>!te.disabled&&he(String(te.value)),onMouseEnter:()=>g(j),children:V?V(te,ce):e.jsxs(e.Fragment,{children:[te.icon&&e.jsx("span",{children:te.icon}),e.jsxs("div",{style:{flex:1},children:[e.jsx("div",{children:te.label}),te.description&&e.jsx("div",{className:"nice-select__option-desc",children:te.description})]}),ce&&e.jsx("svg",{className:"nice-select__option-check",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",d:"M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z",clipRule:"evenodd"})})]})},te.value)})})})():Array.from(we.entries()).map(([r,B])=>e.jsxs(l.Fragment,{children:[r&&e.jsx("div",{className:"nice-select__group-label",children:r}),B.map(q=>{const me=se.includes(q.value),ke=ne.indexOf(q);return e.jsx("div",{role:"option","aria-selected":me,className:`nice-select__option ${me?"nice-select__option--selected":""} ${ke===a?"nice-select__option--highlighted":""} ${q.disabled?"nice-select__option--disabled":""}`,onClick:()=>!q.disabled&&he(String(q.value)),onMouseEnter:()=>g(ke),children:V?V(q,me):e.jsxs(e.Fragment,{children:[q.icon&&e.jsx("span",{children:q.icon}),e.jsxs("div",{style:{flex:1},children:[e.jsx("div",{children:q.label}),q.description&&e.jsx("div",{className:"nice-select__option-desc",children:q.description})]}),me&&e.jsx("svg",{className:"nice-select__option-check",viewBox:"0 0 20 20",fill:"currentColor",children:e.jsx("path",{fillRule:"evenodd",d:"M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z",clipRule:"evenodd"})})]})},q.value)})]},r))]})]}),T&&e.jsx("span",{className:"nice-field__spinner",children:e.jsx("span",{className:"nice-spinner nice-spinner--sm"})}),le==="right"&&s&&e.jsx("div",{id:`${ae}-error`,className:"nice-field__error",role:"alert",children:s}),le==="right"&&!s&&p&&e.jsx("div",{id:`${ae}-helper`,className:"nice-field__helper",children:p})]}),le!=="right"&&s&&e.jsx("div",{id:`${ae}-error`,className:"nice-field__error",role:"alert",children:s}),le!=="right"&&!s&&p&&e.jsx("div",{id:`${ae}-helper`,className:"nice-field__helper",children:p})]})});Ee.displayName="NiceSelect";const Ae=Object.freeze(Object.defineProperty({__proto__:null,NiceSelect:Ee},Symbol.toStringTag,{value:"Module"})),Re=l.forwardRef(({label:t,checked:p=!1,indeterminate:s=!1,onChange:u,disabled:n,readOnly:i,loading:d,required:$,size:h="md",name:f,id:_,className:S,style:Q,error:x,helperText:w,accessMode:F,displayStyle:m,showKeyboardHints:J,labelPlacement:D,errorPlacement:k,labelWidth:E,controlWidth:v},L)=>{const U=o.sc(F,_),I=U==="hidden";(U==="disabled"||U==="readOnly")&&(n=!0);const{t:A}=o.Zt(),y=o._s(_);o.Es("toggle",m);const T=l.useMemo(()=>[{key:"Space",description:A("shortcuts.toggle","Toggle")}],[A]),V=l.useCallback(R=>{R&&(R.indeterminate=s),typeof L=="function"?L(R):L&&(L.current=R)},[s,L]);return I?null:e.jsxs("div",{className:`nice-field nice-field--inline nice-field--${h} ${D==="left"?"nice-field--label-left":""} ${k==="right"?"nice-field--error-right":""} ${d?"nice-field--loading":""} ${S||""}`,style:{...Q,...E!=null&&{"--nice-field-label-width":typeof E=="number"?`${E}px`:E},...v!=null&&{"--nice-field-control-width":typeof v=="number"?`${v}px`:v}},"aria-busy":d||void 0,children:[D==="left"&&t&&e.jsx("span",{className:`nice-field__label ${$?"nice-field__label--required":""}`,children:t}),e.jsxs("div",{className:"nice-field__control",children:[e.jsxs("label",{className:`nice-checkbox ${h!=="md"?`nice-checkbox--${h}`:""} ${n||d?"nice-checkbox--disabled":""}`,htmlFor:y,children:[e.jsx("input",{ref:V,id:y,type:"checkbox",className:"nice-checkbox__input",name:f,checked:p,disabled:n||d,readOnly:i,"aria-invalid":!!x,onChange:R=>{i||d||u?.(R.target.checked)}}),e.jsx("span",{className:"nice-checkbox__box",children:e.jsx("svg",{viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:s?e.jsx("line",{x1:"2",y1:"6",x2:"10",y2:"6"}):e.jsx("polyline",{points:"2 6 5 9 10 3"})})}),D!=="left"&&t&&e.jsx("span",{children:t}),J&&e.jsx(o.Qr,{shortcuts:T,size:"sm"})]}),d&&e.jsx("span",{className:"nice-field__spinner",children:e.jsx("span",{className:"nice-spinner nice-spinner--sm"})}),k==="right"&&x&&e.jsx("div",{id:`${y}-error`,className:"nice-field__error",role:"alert",children:x}),k==="right"&&!x&&w&&e.jsx("div",{id:`${y}-helper`,className:"nice-field__helper",children:w})]}),k!=="right"&&x&&e.jsx("div",{id:`${y}-error`,className:"nice-field__error",role:"alert",children:x}),k!=="right"&&!x&&w&&e.jsx("div",{id:`${y}-helper`,className:"nice-field__helper",children:w})]})});Re.displayName="NiceCheckbox";const Be=Object.freeze(Object.defineProperty({__proto__:null,NiceCheckbox:Re},Symbol.toStringTag,{value:"Module"})),Fe=l.forwardRef(({label:t,checked:p=!1,onChange:s,disabled:u,readOnly:n,loading:i,required:d,size:$="md",name:h,id:f,className:_,style:S,accessMode:Q,displayStyle:x,showKeyboardHints:w,error:F,helperText:m,labelPlacement:J,errorPlacement:D,labelWidth:k,controlWidth:E},v)=>{const L=o.sc(Q,f),U=L==="hidden";(L==="disabled"||L==="readOnly")&&(u=!0);const{t:I}=o.Zt(),A=o._s(f);o.Ns("toggle",x);const y=o.Es("toggle",x),T=l.useMemo(()=>[{key:"Space",description:I("shortcuts.toggle","Toggle on/off")}],[I]);return U?null:e.jsxs("div",{className:`nice-field nice-field--inline nice-field--${$} ${J==="left"?"nice-field--label-left":""} ${i?"nice-field--loading":""} ${_||""}`,style:{...S,...k!=null&&{"--nice-field-label-width":typeof k=="number"?`${k}px`:k},...E!=null&&{"--nice-field-control-width":typeof E=="number"?`${E}px`:E}},"aria-busy":i||void 0,children:[J==="left"&&t&&e.jsx("span",{className:`nice-field__label ${d?"nice-field__label--required":""}`,children:t}),e.jsxs("div",{className:"nice-field__control",children:[e.jsxs("label",{className:`nice-toggle nice-toggle--ds-${y} ${$!=="md"?`nice-toggle--${$}`:""} ${u||i?"nice-toggle--disabled":""}`,htmlFor:A,children:[e.jsx("input",{ref:v,id:A,type:"checkbox",className:"nice-toggle__input",name:h,checked:p,disabled:u||i,readOnly:n,role:"switch","aria-checked":p,"aria-invalid":!!F,onChange:V=>{n||i||s?.(V.target.checked)}}),e.jsx("span",{className:"nice-toggle__track",children:e.jsx("span",{className:"nice-toggle__thumb"})}),J!=="left"&&t&&e.jsx("span",{children:t}),w&&e.jsx(o.Qr,{shortcuts:T,size:"sm"})]}),i&&e.jsx("span",{className:"nice-field__spinner",children:e.jsx("span",{className:"nice-spinner nice-spinner--sm"})}),D==="right"&&F&&e.jsx("div",{id:`${A}-error`,className:"nice-field__error",role:"alert",children:F}),D==="right"&&!F&&m&&e.jsx("div",{id:`${A}-helper`,className:"nice-field__helper",children:m})]}),D!=="right"&&F&&e.jsx("div",{id:`${A}-error`,className:"nice-field__error",role:"alert",children:F}),D!=="right"&&!F&&m&&e.jsx("div",{id:`${A}-helper`,className:"nice-field__helper",children:m})]})});Fe.displayName="NiceToggle";const qe=["var(--nice-danger, #ef4444)","var(--nice-warning, #f97316)","var(--nice-warning, #f59e0b)","var(--nice-success, #84cc16)","var(--nice-success, #10b981)","var(--nice-info, #06b6d4)","var(--nice-primary, #3b82f6)","var(--nice-info, #6366f1)","var(--nice-accent, #8b5cf6)","var(--nice-accent-pink, #ec4899)","var(--nice-text-secondary, #64748b)","var(--nice-text, #1e293b)"];function ze(){return"#"+Math.floor(Math.random()*16777215).toString(16).padStart(6,"0")}function Ue(t){const p=/^#?([0-9a-f]{6})$/i.exec(t.trim());if(!p)return{r:0,g:0,b:0};const s=parseInt(p[1],16);return{r:s>>16&255,g:s>>8&255,b:s&255}}function Ke(t,p,s){const u=n=>Math.max(0,Math.min(255,Math.round(n))).toString(16).padStart(2,"0");return`#${u(t)}${u(p)}${u(s)}`}function Qe(t,p,s){const u=t/255,n=p/255,i=s/255,d=Math.max(u,n,i),$=Math.min(u,n,i),h=(d+$)/2;let f=0,_=0;if(d!==$){const S=d-$;switch(_=h>.5?S/(2-d-$):S/(d+$),d){case u:f=(n-i)/S+(n<i?6:0);break;case n:f=(i-u)/S+2;break;case i:f=(u-n)/S+4;break}f*=60}return{h:Math.round(f),s:Math.round(_*100),l:Math.round(h*100)}}function Ve(t,p,s){const u=p/100,n=s/100,i=(1-Math.abs(2*n-1))*u,d=i*(1-Math.abs(t/60%2-1)),$=n-i/2;let h=0,f=0,_=0;return t<60?[h,f,_]=[i,d,0]:t<120?[h,f,_]=[d,i,0]:t<180?[h,f,_]=[0,i,d]:t<240?[h,f,_]=[0,d,i]:t<300?[h,f,_]=[d,0,i]:[h,f,_]=[i,0,d],{r:Math.round((h+$)*255),g:Math.round((f+$)*255),b:Math.round((_+$)*255)}}function Ze(t,p,s){const u=t/255,n=p/255,i=s/255,d=Math.max(u,n,i),$=Math.min(u,n,i),h=d-$;let f=0;h!==0&&(d===u?f=(n-i)/h%6:d===n?f=(i-u)/h+2:f=(u-n)/h+4,f*=60,f<0&&(f+=360));const _=d===0?0:h/d;return{h:Math.round(f),s:Math.round(_*100),v:Math.round(d*100)}}function Pe(t,p,s){const u=p/100,n=s/100,i=n*u,d=i*(1-Math.abs(t/60%2-1)),$=n-i;let h=0,f=0,_=0;return t<60?[h,f,_]=[i,d,0]:t<120?[h,f,_]=[d,i,0]:t<180?[h,f,_]=[0,i,d]:t<240?[h,f,_]=[0,d,i]:t<300?[h,f,_]=[d,0,i]:[h,f,_]=[i,0,d],{r:Math.round((h+$)*255),g:Math.round((f+$)*255),b:Math.round((_+$)*255)}}function Ge(t){const p=/^#?([0-9a-f]{6})$/i.exec(t.trim()),s=/^#?([0-9a-f]{8})$/i.exec(t.trim());if(s){const u=s[1];return{r:parseInt(u.slice(0,2),16),g:parseInt(u.slice(2,4),16),b:parseInt(u.slice(4,6),16),a:parseInt(u.slice(6,8),16)/255}}if(p){const u=parseInt(p[1],16);return{r:u>>16&255,g:u>>8&255,b:u&255,a:1}}return{r:0,g:0,b:0,a:1}}function Xe(t,p,s,u,n){const i=$=>Math.max(0,Math.min(255,Math.round($))).toString(16).padStart(2,"0"),d=`#${i(t)}${i(p)}${i(s)}`;return n?`${d}${i(u*255)}`:d}const De=l.forwardRef(({label:t,helperText:p,error:s,required:u,disabled:n,id:i,className:d,style:$,accessMode:h,displayStyle:f,value:_="var(--nice-primary, #3b82f6)",onChange:S,presets:Q=qe,showInput:x=!0,showRandom:w=!0,withAlpha:F=!1,showKeyboardHints:m,size:J="md",labelPlacement:D,errorPlacement:k,labelWidth:E,controlWidth:v,loading:L},U)=>{const I=o.sc(h,i),A=I==="hidden";(I==="disabled"||I==="readOnly")&&(n=!0);const{t:y}=o.Zt(),T=o._s(i);o.Es("input",f);const V=l.useCallback(()=>{n||S?.(ze())},[n,S]),[R,G]=l.useState(!1),[re,le]=l.useState(null),X=l.useRef(null),Z=l.useRef(null);l.useLayoutEffect(()=>{if(!R||!Z.current)return;const b=()=>{const N=Z.current?.getBoundingClientRect();if(!N)return;const K=280,H=360;let M=N.left,ee=N.bottom+6;M+K>window.innerWidth-8&&(M=Math.max(8,window.innerWidth-K-8)),ee+H>window.innerHeight-8&&(ee=Math.max(8,N.top-H-6)),le({left:M,top:ee})};return b(),window.addEventListener("scroll",b,!0),window.addEventListener("resize",b),()=>{window.removeEventListener("scroll",b,!0),window.removeEventListener("resize",b)}},[R]),l.useEffect(()=>{if(!R)return;const b=K=>{const H=K.target;X.current?.contains(H)||Z.current?.contains(H)||G(!1)},N=K=>{K.key==="Escape"&&G(!1)};return document.addEventListener("mousedown",b),document.addEventListener("keydown",N),()=>{document.removeEventListener("mousedown",b),document.removeEventListener("keydown",N)}},[R]);const de=l.useMemo(()=>[{key:"Enter",description:y("shortcuts.openPicker","Open color picker")},{key:"Arrow keys",description:y("shortcuts.navigatePresets","Navigate presets")}],[y]);return A?null:e.jsxs("div",{className:`nice-field nice-field--${J} ${D==="left"?"nice-field--label-left":""} ${L?"nice-field--loading":""} ${d||""}`,style:{...$,...E!=null&&{"--nice-field-label-width":typeof E=="number"?`${E}px`:E},...v!=null&&{"--nice-field-control-width":typeof v=="number"?`${v}px`:v}},"aria-busy":L||void 0,children:[t&&e.jsxs("label",{htmlFor:T,className:`nice-field__label ${u?"nice-field__label--required":""}`,children:[t,m&&e.jsx(o.Qr,{shortcuts:de,size:"sm"})]}),e.jsx("div",{className:"nice-field__control",children:e.jsxs("div",{className:"nice-color-picker",children:[e.jsxs("div",{className:"nice-color-picker__preview-row",children:[e.jsx("div",{ref:Z,className:"nice-color-picker__swatch",id:T,style:{background:_},onClick:b=>{b.stopPropagation(),n||G(N=>!N)},onKeyDown:b=>{!n&&(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),G(N=>!N))},role:"button",tabIndex:0,"aria-label":y("colorPicker.openPalette","Open color palette"),"aria-haspopup":"dialog","aria-expanded":R,children:e.jsx("input",{ref:b=>{typeof U=="function"?U(b):U&&(U.current=b)},type:"hidden",value:_,disabled:n,readOnly:!0})}),x&&e.jsx("div",{className:"nice-input nice-input--sm",style:{width:100},children:e.jsx("input",{className:"nice-input__native",type:"text",value:_,disabled:n,onChange:b=>S?.(b.target.value),maxLength:7})}),w&&e.jsx("button",{type:"button",className:"nice-btn nice-btn--outline nice-btn--sm nice-color-picker__random",onClick:V,disabled:n,title:y("colorPicker.random","Random"),"aria-label":y("colorPicker.random","Random"),style:{fontSize:"0.65rem",textTransform:"uppercase",letterSpacing:"0.05em"},children:y("colorPicker.random","Random")}),L&&e.jsx("span",{className:"nice-field__spinner",children:e.jsx("span",{className:"nice-spinner nice-spinner--sm"})}),k==="right"&&s&&e.jsx("div",{id:`${T}-error`,className:"nice-field__error",role:"alert",children:s}),k==="right"&&!s&&p&&e.jsx("div",{id:`${T}-helper`,className:"nice-field__helper",children:p})]}),R&&re&&typeof document<"u"&&Ie.createPortal(e.jsx("div",{ref:X,className:"nice-color-picker__popup nice-color-picker__popup--portal",role:"dialog","aria-label":y("colorPicker.palette","Color palette"),style:{position:"fixed",left:re.left,top:re.top},onClick:b=>b.stopPropagation(),children:(()=>{const b=Ge(_),N={r:b.r,g:b.g,b:b.b},K=F?b.a:1,H=Qe(N.r,N.g,N.b),M=Ze(N.r,N.g,N.b),ee=(a,g,z,C=K)=>S?.(Xe(a,g,z,C,F)),ae=(a,g,z)=>ee(a,g,z),ue=(a,g,z)=>{const C=Ve(a,g,z);ee(C.r,C.g,C.b)},Y=(a,g,z)=>{const C=Pe(a,g,z);ee(C.r,C.g,C.b)},P=a=>ee(N.r,N.g,N.b,a),oe=a=>{if(n)return;const g=a.currentTarget,z=O=>{const W=g.getBoundingClientRect(),xe=Math.max(0,Math.min(W.width,O.clientX-W.left)),ve=Math.max(0,Math.min(W.height,O.clientY-W.top)),pe=Math.round(xe/W.width*100),je=100-Math.round(ve/W.height*100);Y(M.h,pe,je)};z(a);const C=()=>{document.removeEventListener("pointermove",z),document.removeEventListener("pointerup",C)};document.addEventListener("pointermove",z),document.addEventListener("pointerup",C)},ie=`hsl(${M.h}, 100%, 50%)`;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"nice-color-picker__popup-header",children:e.jsx("input",{type:"text",className:"nice-input__native nice-color-picker__popup-hex",value:_,disabled:n,onChange:a=>S?.(a.target.value),maxLength:F?9:7,"aria-label":y("colorPicker.hexValue","Hex value")})}),e.jsx("input",{type:"range",min:0,max:360,value:M.h,disabled:n,onChange:a=>Y(Number(a.target.value),M.s,M.v),className:"nice-color-picker__hue-slider","aria-label":y("colorPicker.hue","Hue")}),e.jsx("div",{className:"nice-color-picker__sv",style:{background:`linear-gradient(to top, var(--nice-text, #000), transparent), linear-gradient(to right, var(--nice-bg, #FFF), ${ie})`},onPointerDown:oe,role:"application","aria-label":y("colorPicker.svPalette","Saturation/value palette"),children:e.jsx("span",{className:"nice-color-picker__sv-marker",style:{left:`${M.s}%`,top:`${100-M.v}%`}})}),e.jsxs("div",{className:"nice-color-picker__sliders",children:[e.jsx("div",{className:"nice-color-picker__slider-col",children:["h","s","l"].map(a=>{const g=a==="h"?360:100,z=H[a],C=O=>ue(a==="h"?O:H.h,a==="s"?O:H.s,a==="l"?O:H.l);return e.jsxs("div",{className:"nice-color-picker__slider-row",children:[e.jsx("label",{className:"nice-color-picker__slider-label",children:a.toUpperCase()}),e.jsx("input",{type:"range",min:0,max:g,value:z,disabled:n,onChange:O=>C(Number(O.target.value))}),e.jsx("input",{type:"number",min:0,max:g,value:z,disabled:n,onChange:O=>C(Number(O.target.value)||0),className:"nice-input__native nice-color-picker__slider-num"})]},a)})}),e.jsx("div",{className:"nice-color-picker__slider-col",children:["r","g","b"].map(a=>{const g=N[a],z=C=>ae(a==="r"?C:N.r,a==="g"?C:N.g,a==="b"?C:N.b);return e.jsxs("div",{className:"nice-color-picker__slider-row",children:[e.jsx("label",{className:"nice-color-picker__slider-label",children:a.toUpperCase()}),e.jsx("input",{type:"range",min:0,max:255,value:g,disabled:n,onChange:C=>z(Number(C.target.value))}),e.jsx("input",{type:"number",min:0,max:255,value:g,disabled:n,onChange:C=>z(Number(C.target.value)||0),className:"nice-input__native nice-color-picker__slider-num"})]},a)})})]}),F&&e.jsxs("div",{className:"nice-color-picker__alpha-row",children:[e.jsx("label",{className:"nice-color-picker__slider-label",children:"A"}),e.jsx("input",{type:"range",min:0,max:100,value:Math.round(K*100),disabled:n,onChange:a=>P(Number(a.target.value)/100),className:"nice-color-picker__alpha-slider",style:{background:`linear-gradient(to right, transparent, rgb(${N.r},${N.g},${N.b}))`},"aria-label":y("colorPicker.alpha","Alpha")}),e.jsx("input",{type:"number",min:0,max:100,value:Math.round(K*100),disabled:n,onChange:a=>P((Number(a.target.value)||0)/100),className:"nice-input__native nice-color-picker__slider-num"})]}),Q.length>0&&e.jsx("div",{className:"nice-color-picker__popup-presets",children:Q.map(a=>e.jsx("div",{className:`nice-color-picker__preset ${_===a?"nice-color-picker__preset--active":""}`,style:{background:a},onClick:()=>{S?.(a),G(!1)},role:"button",tabIndex:0,"aria-label":a,onKeyDown:g=>{(g.key==="Enter"||g.key===" ")&&(g.preventDefault(),S?.(a),G(!1))}},a))})]})})()}),document.body)]})}),k!=="right"&&s&&e.jsx("div",{id:`${T}-error`,className:"nice-field__error",role:"alert",children:s}),k!=="right"&&!s&&p&&e.jsx("div",{id:`${T}-helper`,className:"nice-field__helper",children:p})]})});De.displayName="NiceColorPicker";const Ye=Object.freeze(Object.defineProperty({__proto__:null,NiceColorPicker:De,hexToRgb:Ue,rgbToHex:Ke},Symbol.toStringTag,{value:"Module"})),Le=l.forwardRef(({children:t,variant:p="primary",size:s="md",type:u="button",disabled:n,loading:i,fullWidth:d,onClick:$,leftIcon:h,rightIcon:f,error:_,errorPlacement:S="bottom",className:Q,style:x,id:w,accessMode:F,displayStyle:m,...J},D)=>{const k=o.ws(p),E=o.xs(s),v=o.sc(F,w),L=v==="hidden";(v==="disabled"||v==="readOnly")&&(n=!0);const U=o.Ns("button",m),I=o.Es("button",m),A=k!=="primary"?(({background:V,color:R,...G})=>G)(U):U,y=e.jsxs("button",{ref:D,type:u,id:w,className:`nice-btn nice-btn--${k} nice-btn--${E} nice-btn--ds-${I} ${d?"nice-btn--full-width":""} ${i?"nice-btn--loading":""} ${_&&!S?"nice-btn--has-error":""} ${Q||""}`,style:{...A,...x},disabled:n||i,"aria-busy":i||void 0,"aria-disabled":n||i||void 0,onClick:$,...J,children:[i&&e.jsx("svg",{className:"nice-btn__spinner",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3","aria-hidden":"true",children:e.jsx("circle",{cx:"12",cy:"12",r:"10",strokeDasharray:"31.4 31.4",strokeLinecap:"round"})}),!i&&h&&e.jsx("span",{"aria-hidden":"true",children:h}),!i&&e.jsx("span",{children:t}),i&&e.jsx("span",{style:{visibility:"hidden"},"aria-hidden":"true",children:t}),!i&&f&&e.jsx("span",{"aria-hidden":"true",children:f})]});if(L)return null;if(!_)return y;const T=e.jsx("div",{className:"nice-field__error",role:"alert",children:_});return S==="right"?e.jsxs("span",{className:`nice-btn-field nice-btn-field--right nice-field--${E}`,style:{display:"inline-flex",flexDirection:"row",alignItems:"center",gap:"8px",width:"fit-content"},children:[y,T]}):L?null:e.jsxs("span",{className:`nice-btn-field nice-btn-field--bottom nice-field--${E}`,style:{display:"inline-flex",flexDirection:"column",alignItems:"flex-start",gap:"4px",width:"fit-content"},children:[y,T]})});Le.displayName="NiceButton";const Je=({tabs:t,activeTab:p,onChange:s,variant:u="default",vertical:n,size:i="md",className:d,style:$,displayStyle:h})=>{const f=o.Ns("tab",h),_=o.Es("tab",h),[S,Q]=l.useState(p||t[0]?.id),x=p??S,w=l.useCallback(m=>{Q(m),s?.(m)},[s]),F=t.find(m=>m.id===x)?.content;return e.jsxs("div",{className:`nice-tabs nice-tabs--${i} nice-tabs--ds-${_} ${d||""}`,style:{...f,...$,...n?{display:"flex",gap:16}:{}},children:[e.jsx("div",{className:`nice-tabs__list ${u!=="default"?`nice-tabs__list--${u}`:""} ${n?"nice-tabs__list--vertical":""}`,role:"tablist",children:t.map(m=>e.jsxs("button",{type:"button",role:"tab","aria-selected":x===m.id,className:`nice-tabs__tab ${x===m.id?"nice-tabs__tab--active":""} ${m.disabled?"nice-tabs__tab--disabled":""}`,disabled:m.disabled,onClick:()=>w(m.id),children:[m.icon,e.jsx("span",{children:m.label}),m.badge!==void 0&&e.jsx("span",{className:"nice-tabs__badge",children:m.badge})]},m.id))}),F&&e.jsx("div",{className:"nice-tabs__panel",role:"tabpanel",children:F})]})};exports.NiceButton=Le;exports.NiceCheckbox=Re;exports.NiceCheckbox$1=Be;exports.NiceColorPicker=De;exports.NiceColorPicker$1=Ye;exports.NiceNumberInput=Se;exports.NiceNumberInput$1=He;exports.NiceSelect=Ee;exports.NiceSelect$1=Ae;exports.NiceTabs=Je;exports.NiceTextInput=Ce;exports.NiceTextInput$1=Te;exports.NiceToggle=Fe;