@nice2dev/ui 1.0.15 → 1.0.16

package/dist/NiceTabs-BQgV3eKE.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("./core-oNMPbzb7.cjs"),c=require("react"),Ie=require("react-dom"),Ce=c.forwardRef(({label:l,helperText:m,error:i,required:p,disabled:s,readOnly:n,size:d="md",name:y,id:f,className:u,style:_,accessMode:S,displayStyle:X,variant:x,value:w,defaultValue:E,onChange:h,onBlur:Z,onKeyDown:D,placeholder:$,type:F="text",maxLength:g,prefix:I,suffix:U,clearable:R,autoFocus:A,submitOnEnter:k,onSubmit:B,showKeyboardHints:K,labelPlacement:L,errorPlacement:W,loading:re,labelWidth:le,controlWidth:J,displayMode:Y,...de},b)=>{const N=o._s(S,f),G=N==="hidden";N==="disabled"&&(s=!0),N==="readOnly"&&(n=!0);const{t:H}=o.$o(),M=o.ks(f),ee=o.cs("input",X),ae=o.ls("input",X),ue=x==="filled"?"filled":x==="underlined"?"underlined":"",Q=c.useCallback(()=>h?.(""),[h]),z=o.ms({enabled:Y,readOnly:n,disabled:s}),oe=o.nc({enabled:k,onSubmit:B}),se=c.useCallback(v=>{oe(v),D?.(v)},[oe,D]),a=c.useMemo(()=>{const v=[];return k&&v.push({key:"Enter",description:H("shortcuts.submit","Submit")}),R&&v.push({key:"Escape",description:H("shortcuts.clear","Clear")}),v},[k,R,H]);return G?null:e.jsxs("div",{className:`nice-field nice-field--${d} ${L==="left"?"nice-field--label-left":""} ${L==="inside"?"nice-field--label-inside":""} ${re?"nice-field--loading":""} ${u||""}`,style:{..._,...le!=null&&{"--nice-field-label-width":typeof le=="number"?`${le}px`:le},...J!=null&&{"--nice-field-control-width":typeof J=="number"?`${J}px`:J}},"aria-busy":re||void 0,"data-floating":L==="inside"&&w?"true":void 0,children:[l&&L!=="inside"&&e.jsxs("label",{htmlFor:M,className:`nice-field__label ${p?"nice-field__label--required":""}`,children:[l,K&&a.length>0&&e.jsx(o.Vr,{shortcuts:a,size:"sm"})]}),e.jsxs("div",{className:"nice-field__control",children:[z.isDisplay?e.jsx(o.ps,{value:w??E??"",placeholder:$,disabled:s,readOnly:n,onActivate:z.enterEdit,ariaLabel:l}):e.jsxs("div",{className:`nice-input nice-input--${d} nice-input--ds-${ue||ae} ${i?"nice-input--error":""} ${s?"nice-input--disabled":""} ${n?"nice-input--readonly":""}`,style:x?void 0:ee,children:[I&&e.jsx("span",{className:"nice-input__icon",children:I}),e.jsx("input",{ref:v=>{typeof b=="function"?b(v):b&&(b.current=v),z.autoFocusRef(v)},id:M,className:"nice-input__native",type:F,name:y,value:w,defaultValue:E,placeholder:$,disabled:s||re,readOnly:n,maxLength:g,autoFocus:A,"aria-invalid":!!i,"aria-describedby":i?`${M}-error`:m?`${M}-helper`:void 0,onChange:v=>h?.(v.target.value),onBlur:v=>{Y&&z.exitEdit(),Z?.(v)},onKeyDown:se,...de}),R&&w&&e.jsx("button",{type:"button",className:"nice-input__clear",onClick:Q,"aria-label":H("controls.clear","Clear"),children:"✕"}),U&&e.jsx("span",{className:"nice-input__icon",children:U}),l&&L==="inside"&&e.jsx("label",{htmlFor:M,className:`nice-input__floating-label ${p?"nice-input__floating-label--required":""}`,children:l})]}),re&&e.jsx("span",{className:"nice-field__spinner",children:e.jsx("span",{className:"nice-spinner nice-spinner--sm"})}),W==="right"&&i&&e.jsx("div",{id:`${M}-error`,className:"nice-field__error",role:"alert",children:i}),W==="right"&&!i&&m&&e.jsx("div",{id:`${M}-helper`,className:"nice-field__helper",children:m})]}),W!=="right"&&i&&e.jsx("div",{id:`${M}-error`,className:"nice-field__error",role:"alert",children:i}),W!=="right"&&!i&&m&&e.jsx("div",{id:`${M}-helper`,className:"nice-field__helper",children:m})]})});Ce.displayName="NiceTextInput";const Se=c.forwardRef(({label:l,helperText:m,error:i,required:p,disabled:s,readOnly:n,size:d="md",name:y,id:f,className:u,style:_,accessMode:S,displayStyle:X,value:x,onChange:w,onBlur:E,onKeyDown:h,placeholder:Z,min:D,max:$,step:F=1,precision:g,prefix:I,prefixType:U="label",prefixOptions:R,prefixValue:A,onPrefixChange:k,suffix:B,showStepper:K=!0,submitOnEnter:L,onSubmit:W,showKeyboardHints:re,labelPlacement:le,errorPlacement:J,loading:Y,labelWidth:de,controlWidth:b,formatPreset:N,format:G,suffixType:H="label",suffixOptions:M,suffixValue:ee,onSuffixChange:ae,displayMode:ue},Q)=>{const z=o._s(S,f),oe=z==="hidden";z==="disabled"&&(s=!0),z==="readOnly"&&(n=!0);const{t:se}=o.$o(),a=o.ks(f),v=o.cs("input",X),V=o.ls("input",X),[C,P]=c.useState(!1),[O,xe]=c.useState(null),ve=o.ms({enabled:ue,readOnly:n,disabled:s}),pe=c.useMemo(()=>{let t=3;return $!=null&&(t=String(Math.abs(Math.floor($))).length),D!=null&&D<0&&(t+=1),g&&(t+=g+1),Math.max(3,t)+1},[$,D,g]),je=c.useCallback(t=>{if(G)return G(t);if(!N)return g!=null?t.toFixed(g):String(t);switch(N){case"integer":return Math.round(t).toLocaleString();case"decimal":return t.toLocaleString(void 0,{minimumFractionDigits:g??2,maximumFractionDigits:g??2});case"money":return t.toLocaleString(void 0,{minimumFractionDigits:g??2,maximumFractionDigits:g??2,useGrouping:!0});case"percent":return(t*100).toLocaleString(void 0,{minimumFractionDigits:g??0,maximumFractionDigits:g??2})+"%";default:return String(t)}},[G,N,g]),ye=c.useMemo(()=>C&&O!==null?O:x==null?"":C?g!=null?x.toFixed(g):String(x):je(x),[x,C,O,je,g]),fe=x!=null&&x<0,ie=!!(I||U==="select"&&R&&R.length>0),ne=fe&&ie&&!C,we=ne?ye.replace(/^[-−]/,""):ye,he=c.useCallback(t=>{let j=t;return D!==void 0&&(j=Math.max(D,j)),$!==void 0&&(j=Math.min($,j)),g!==void 0&&(j=parseFloat(j.toFixed(g))),j},[D,$,g]),Me=c.useCallback(t=>{const j=t.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)),$!==void 0&&(_e=Math.min($,_e)),w?.(_e)}},[w,D,$]),ge=c.useCallback(()=>{const t=be.current,j=he((t??0)+F);be.current=j,w?.(j)},[F,w,he]),$e=c.useCallback(()=>{const t=be.current,j=he((t??0)-F);be.current=j,w?.(j)},[F,w,he]),be=c.useRef(x);be.current=x;const r=c.useRef(null),T=c.useCallback(()=>{r.current&&(clearTimeout(r.current),r.current=null)},[]),q=c.useCallback(t=>{T();let j=300;const ce=()=>{t(),j=Math.max(30,j*.82),r.current=setTimeout(ce,j)};r.current=setTimeout(ce,400)},[T]),me=o.nc({enabled:L,onSubmit:W}),ke=c.useCallback(t=>{me(t),t.key==="ArrowUp"?(t.preventDefault(),ge()):t.key==="ArrowDown"&&(t.preventDefault(),$e()),h?.(t)},[me,h,ge,$e]),te=c.useMemo(()=>{const t=[];return L&&t.push(o.rc.submit),K&&(t.push({key:"ArrowUp",description:se("shortcuts.increment","Increase value")}),t.push({key:"ArrowDown",description:se("shortcuts.decrement","Decrease value")})),t},[L,K,se]);return oe?null:e.jsxs("div",{className:`nice-field nice-field--${d} ${le==="left"?"nice-field--label-left":""} ${Y?"nice-field--loading":""} ${u||""}`,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":Y||void 0,children:[l&&e.jsxs("label",{htmlFor:a,className:`nice-field__label ${p?"nice-field__label--required":""}`,children:[l,re&&te.length>0&&e.jsx(o.Vr,{shortcuts:te,size:"sm"})]}),e.jsxs("div",{className:"nice-field__control",children:[ve.isDisplay?e.jsx(o.ps,{value:x==null?"":I?e.jsxs(e.Fragment,{children:[I,ye]}):ye,placeholder:Z,disabled:s,readOnly:n,onActivate:ve.enterEdit,ariaLabel:l}):e.jsx(e.Fragment,{children:e.jsxs("div",{className:`nice-input nice-input--number nice-input--${d} nice-input--ds-${V} ${i?"nice-input--error":""} ${s?"nice-input--disabled":""} ${n?"nice-input--readonly":""}`,style:v,children:[K&&!n&&e.jsx("button",{type:"button",className:"nice-input__clear nice-input__minus",onClick:$e,onMouseDown:()=>q($e),onMouseUp:T,onMouseLeave:T,disabled:s,"aria-label":se("controls.decrement","Decrement"),children:"−"}),U==="select"&&R&&R.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??R[0]?.value,disabled:s,onChange:t=>{const j=t.target.value,ce=R.find(Ne=>Ne.value===(A??R[0]?.value)),_e=R.find(Ne=>Ne.value===j);k?.(j,ce?.weight,_e?.weight)},children:R.map(t=>e.jsx("option",{value:t.value,children:t.label},t.value))})]}):I?e.jsxs("span",{className:"nice-input__icon nice-input__icon--prefix",children:[ne&&e.jsx("span",{className:"nice-input__sign",children:"−"}),I]}):null,e.jsx("input",{ref:t=>{typeof Q=="function"?Q(t):Q&&(Q.current=t),ve.autoFocusRef(t)},id:a,className:"nice-input__native",type:!C&&(G||N)?"text":"number",name:y,value:we,placeholder:Z,min:D,max:$,step:F,disabled:s||Y,readOnly:n,"aria-invalid":!!i,onChange:Me,onFocus:t=>{P(!0),xe(null),t.target.select()},onBlur:t=>{if(P(!1),xe(null),x!=null&&g!==void 0){const j=parseFloat(x.toFixed(g));j!==x&&w?.(j)}ue&&ve.exitEdit(),E?.(t)},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:s,onChange:t=>{const j=t.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(t=>e.jsx("option",{value:t.value,children:t.label},t.value))}):B?e.jsx("span",{className:"nice-input__icon nice-input__icon--suffix",children:B}):null,K&&!n&&e.jsx("button",{type:"button",className:"nice-input__clear nice-input__plus",onClick:ge,onMouseDown:()=>q(ge),onMouseUp:T,onMouseLeave:T,disabled:s,"aria-label":se("controls.increment","Increment"),children:"+"})]})}),Y&&e.jsx("span",{className:"nice-field__spinner",children:e.jsx("span",{className:"nice-spinner nice-spinner--sm"})}),J==="right"&&i&&e.jsx("div",{className:"nice-field__error",role:"alert",children:i}),J==="right"&&!i&&m&&e.jsx("div",{className:"nice-field__helper",children:m})]}),J!=="right"&&i&&e.jsx("div",{className:"nice-field__error",role:"alert",children:i}),J!=="right"&&!i&&m&&e.jsx("div",{className:"nice-field__helper",children:m})]})});Se.displayName="NiceNumberInput";const Re=c.forwardRef(({label:l,helperText:m,error:i,required:p,disabled:s,size:n="md",name:d,id:y,className:f,style:u,accessMode:_,displayStyle:S,options:X,value:x,onChange:w,placeholder:E,multiple:h=!1,searchable:Z=!1,clearable:D=!1,emptyText:$,maxHeight:F=240,optionsSource:g,valueField:I,labelField:U,virtualScroll:R,optionHeight:A=36,onSearch:k,loading:B,renderOption:K,multipleAutosize:L=!1,showKeyboardHints:W,labelPlacement:re,errorPlacement:le,labelWidth:J,controlWidth:Y,displayMode:de},b)=>{const N=o._s(_,y),G=N==="hidden";(N==="disabled"||N==="readOnly")&&(s=!0);const{t:H}=o.$o(),M=o.cs("input",S),ee=o.ls("input",S),ae=o.ks(y),ue=o.ms({enabled:de,disabled:s}),[Q,z]=c.useState(!1),[oe,se]=c.useState(""),[a,v]=c.useState(-1),[V,C]=c.useState(0),P=c.useRef(null),O=c.useRef(null),[xe,ve]=c.useState(null);c.useLayoutEffect(()=>{!B&&O.current&&ve(O.current.offsetWidth)},[B,x,S]);const[pe,je]=c.useState(null);c.useLayoutEffect(()=>{h&&!L&&O.current&&pe==null&&je(O.current.offsetWidth)},[h,L,pe]);const ye=o.Gl(g??null,I??g?.keyField??"id",U??"name"),fe=g?ye.options:(X??[]).map(r=>typeof r=="string"?{value:r,label:r}:r);o.Cs(P,()=>{z(!1),se("")});const ie=c.useMemo(()=>x?Array.isArray(x)?x:[x]:[],[x]),ne=c.useMemo(()=>{if(!oe&&!k||k)return fe;const r=oe.toLowerCase();return fe.filter(T=>T.label.toLowerCase().includes(r)||String(T.value).toLowerCase().includes(r))},[fe,oe,k]),we=c.useMemo(()=>{const r=new Map;for(const T of ne){const q=T.group||"";r.has(q)||r.set(q,[]),r.get(q).push(T)}return r},[ne]),he=c.useCallback(r=>{if(h){const T=ie.includes(r)?ie.filter(q=>q!==r):[...ie,r];w?.(T)}else w?.(r),z(!1),se("")},[h,ie,w]),Me=c.useCallback(r=>{if(r.key==="Escape"){z(!1),se("");return}if(r.key==="Enter"||r.key===" "){if(!Q){z(!0),r.preventDefault();return}a>=0&&ne[a]&&(he(ne[a].value),r.preventDefault());return}r.key==="ArrowDown"&&(r.preventDefault(),v(T=>Math.min(T+1,ne.length-1))),r.key==="ArrowUp"&&(r.preventDefault(),v(T=>Math.max(T-1,0)))},[Q,a,ne,he]),ge=c.useMemo(()=>ie.length===0?null:h?ie.map(r=>fe.find(T=>T.value===r)?.label||r).join(", "):fe.find(r=>r.value===ie[0])?.label||ie[0],[ie,fe,h]),$e=c.useCallback(r=>{r.stopPropagation(),w?.(h?[]:"")},[w,h]),be=c.useMemo(()=>[{key:"Enter",description:H("shortcuts.select","Select")},{key:"Space",description:H("shortcuts.openDropdown","Open dropdown")},o.rc.moveUp,o.rc.moveDown,o.rc.cancel],[H]);return G?null:e.jsxs("div",{className:`nice-field ${Y==null?"nice-field--select-auto":""} nice-field--${n} ${re==="left"?"nice-field--label-left":""} ${B?"nice-field--loading":""} ${f||""}`,style:{...u,...J!=null&&{"--nice-field-label-width":typeof J=="number"?`${J}px`:J},...Y!=null&&{"--nice-field-control-width":typeof Y=="number"?`${Y}px`:Y},...B&&xe!=null&&{"--nice-select-locked-width":`${xe}px`}},"aria-busy":B||void 0,children:[l&&e.jsxs("label",{htmlFor:ae,className:`nice-field__label ${p?"nice-field__label--required":""}`,children:[l,W&&e.jsx(o.Vr,{shortcuts:be,size:"sm"})]}),e.jsxs("div",{className:"nice-field__control",children:[ue.isDisplay?e.jsx(o.ps,{value:ge,placeholder:E||H("controls.select","Select..."),disabled:s,onActivate:()=>{ue.enterEdit(),z(!0)},ariaLabel:l}):e.jsxs("div",{className:"nice-select",ref:P,children:[e.jsxs("button",{ref:r=>{O.current=r,typeof b=="function"?b(r):b&&(b.current=r)},type:"button",id:ae,role:"combobox","aria-expanded":Q,"aria-haspopup":"listbox","aria-invalid":!!i,className:`nice-select__trigger nice-select__trigger--${n} nice-select--ds-${ee} ${Q?"nice-select__trigger--open":""} ${i?"nice-select__trigger--error":""} ${s?"nice-select__trigger--disabled":""}`,style:{...M,...h&&!L&&pe!=null?{width:pe,maxWidth:pe,overflow:"hidden"}:{}},disabled:s,onClick:()=>z(!Q),onKeyDown:Me,children:[ge?e.jsx("span",{style:h&&!L?{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}:void 0,children:ge}):e.jsx("span",{className:"nice-select__placeholder",children:E||H("controls.select","Select...")}),e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:4},children:[D&&ie.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 ${Q?"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"})})]})]}),Q&&e.jsxs("div",{className:"nice-select__dropdown",role:"listbox",style:{maxHeight:F},onScroll:R?r=>C(r.currentTarget.scrollTop):void 0,children:[(Z||k)&&e.jsx("div",{className:"nice-select__search",children:e.jsx("input",{type:"text",value:oe,onChange:r=>{se(r.target.value),v(0),k?.(r.target.value)},placeholder:H("controls.search","Search..."),autoFocus:!0})}),B&&e.jsx("div",{className:"nice-select__loading",children:e.jsx("div",{className:"nice-spinner nice-spinner--sm",style:{margin:"8px auto"}})}),!B&&ne.length===0?e.jsx("div",{className:"nice-select__empty",children:$||H("controls.noResults","No results found")}):R&&!Array.from(we.keys()).some(r=>r!=="")?(()=>{const T=ne.length*A,q=Math.max(0,Math.floor(V/A)-3),me=Math.min(ne.length,Math.ceil((V+F)/A)+3),ke=ne.slice(q,me);return e.jsx("div",{style:{height:T,position:"relative"},children:ke.map((te,t)=>{const j=q+t,ce=ie.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:()=>v(j),children:K?K(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,T])=>e.jsxs(c.Fragment,{children:[r&&e.jsx("div",{className:"nice-select__group-label",children:r}),T.map(q=>{const me=ie.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:()=>v(ke),children:K?K(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))]})]}),B&&e.jsx("span",{className:"nice-field__spinner",children:e.jsx("span",{className:"nice-spinner nice-spinner--sm"})}),le==="right"&&i&&e.jsx("div",{id:`${ae}-error`,className:"nice-field__error",role:"alert",children:i}),le==="right"&&!i&&m&&e.jsx("div",{id:`${ae}-helper`,className:"nice-field__helper",children:m})]}),le!=="right"&&i&&e.jsx("div",{id:`${ae}-error`,className:"nice-field__error",role:"alert",children:i}),le!=="right"&&!i&&m&&e.jsx("div",{id:`${ae}-helper`,className:"nice-field__helper",children:m})]})});Re.displayName="NiceSelect";const De=c.forwardRef(({label:l,checked:m=!1,indeterminate:i=!1,onChange:p,disabled:s,readOnly:n,loading:d,required:y,size:f="md",name:u,id:_,className:S,style:X,error:x,helperText:w,accessMode:E,displayStyle:h,showKeyboardHints:Z,labelPlacement:D,errorPlacement:$,labelWidth:F,controlWidth:g},I)=>{const U=o._s(E,_),R=U==="hidden";(U==="disabled"||U==="readOnly")&&(s=!0);const{t:A}=o.$o(),k=o.ks(_);o.ls("toggle",h);const B=c.useMemo(()=>[{key:"Space",description:A("shortcuts.toggle","Toggle")}],[A]),K=c.useCallback(L=>{L&&(L.indeterminate=i),typeof I=="function"?I(L):I&&(I.current=L)},[i,I]);return R?null:e.jsxs("div",{className:`nice-field nice-field--inline nice-field--${f} ${D==="left"?"nice-field--label-left":""} ${$==="right"?"nice-field--error-right":""} ${d?"nice-field--loading":""} ${S||""}`,style:{...X,...F!=null&&{"--nice-field-label-width":typeof F=="number"?`${F}px`:F},...g!=null&&{"--nice-field-control-width":typeof g=="number"?`${g}px`:g}},"aria-busy":d||void 0,children:[D==="left"&&l&&e.jsx("span",{className:`nice-field__label ${y?"nice-field__label--required":""}`,children:l}),e.jsxs("div",{className:"nice-field__control",children:[e.jsxs("label",{className:`nice-checkbox ${f!=="md"?`nice-checkbox--${f}`:""} ${s||d?"nice-checkbox--disabled":""}`,htmlFor:k,children:[e.jsx("input",{ref:K,id:k,type:"checkbox",className:"nice-checkbox__input",name:u,checked:m,disabled:s||d,readOnly:n,"aria-invalid":!!x,onChange:L=>{n||d||p?.(L.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:i?e.jsx("line",{x1:"2",y1:"6",x2:"10",y2:"6"}):e.jsx("polyline",{points:"2 6 5 9 10 3"})})}),D!=="left"&&l&&e.jsx("span",{children:l}),Z&&e.jsx(o.Vr,{shortcuts:B,size:"sm"})]}),d&&e.jsx("span",{className:"nice-field__spinner",children:e.jsx("span",{className:"nice-spinner nice-spinner--sm"})}),$==="right"&&x&&e.jsx("div",{id:`${k}-error`,className:"nice-field__error",role:"alert",children:x}),$==="right"&&!x&&w&&e.jsx("div",{id:`${k}-helper`,className:"nice-field__helper",children:w})]}),$!=="right"&&x&&e.jsx("div",{id:`${k}-error`,className:"nice-field__error",role:"alert",children:x}),$!=="right"&&!x&&w&&e.jsx("div",{id:`${k}-helper`,className:"nice-field__helper",children:w})]})});De.displayName="NiceCheckbox";const Fe=c.forwardRef(({label:l,checked:m=!1,onChange:i,disabled:p,readOnly:s,loading:n,required:d,size:y="md",name:f,id:u,className:_,style:S,accessMode:X,displayStyle:x,showKeyboardHints:w,error:E,helperText:h,labelPlacement:Z,errorPlacement:D,labelWidth:$,controlWidth:F},g)=>{const I=o._s(X,u),U=I==="hidden";(I==="disabled"||I==="readOnly")&&(p=!0);const{t:R}=o.$o(),A=o.ks(u);o.cs("toggle",x);const k=o.ls("toggle",x),B=c.useMemo(()=>[{key:"Space",description:R("shortcuts.toggle","Toggle on/off")}],[R]);return U?null:e.jsxs("div",{className:`nice-field nice-field--inline nice-field--${y} ${Z==="left"?"nice-field--label-left":""} ${n?"nice-field--loading":""} ${_||""}`,style:{...S,...$!=null&&{"--nice-field-label-width":typeof $=="number"?`${$}px`:$},...F!=null&&{"--nice-field-control-width":typeof F=="number"?`${F}px`:F}},"aria-busy":n||void 0,children:[Z==="left"&&l&&e.jsx("span",{className:`nice-field__label ${d?"nice-field__label--required":""}`,children:l}),e.jsxs("div",{className:"nice-field__control",children:[e.jsxs("label",{className:`nice-toggle nice-toggle--ds-${k} ${y!=="md"?`nice-toggle--${y}`:""} ${p||n?"nice-toggle--disabled":""}`,htmlFor:A,children:[e.jsx("input",{ref:g,id:A,type:"checkbox",className:"nice-toggle__input",name:f,checked:m,disabled:p||n,readOnly:s,role:"switch","aria-checked":m,"aria-invalid":!!E,onChange:K=>{s||n||i?.(K.target.checked)}}),e.jsx("span",{className:"nice-toggle__track",children:e.jsx("span",{className:"nice-toggle__thumb"})}),Z!=="left"&&l&&e.jsx("span",{children:l}),w&&e.jsx(o.Vr,{shortcuts:B,size:"sm"})]}),n&&e.jsx("span",{className:"nice-field__spinner",children:e.jsx("span",{className:"nice-spinner nice-spinner--sm"})}),D==="right"&&E&&e.jsx("div",{id:`${A}-error`,className:"nice-field__error",role:"alert",children:E}),D==="right"&&!E&&h&&e.jsx("div",{id:`${A}-helper`,className:"nice-field__helper",children:h})]}),D!=="right"&&E&&e.jsx("div",{id:`${A}-error`,className:"nice-field__error",role:"alert",children:E}),D!=="right"&&!E&&h&&e.jsx("div",{id:`${A}-helper`,className:"nice-field__helper",children:h})]})});Fe.displayName="NiceToggle";const He=["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 Ae(){return"#"+Math.floor(Math.random()*16777215).toString(16).padStart(6,"0")}function Be(l,m,i){const p=l/255,s=m/255,n=i/255,d=Math.max(p,s,n),y=Math.min(p,s,n),f=(d+y)/2;let u=0,_=0;if(d!==y){const S=d-y;switch(_=f>.5?S/(2-d-y):S/(d+y),d){case p:u=(s-n)/S+(s<n?6:0);break;case s:u=(n-p)/S+2;break;case n:u=(p-s)/S+4;break}u*=60}return{h:Math.round(u),s:Math.round(_*100),l:Math.round(f*100)}}function Te(l,m,i){const p=m/100,s=i/100,n=(1-Math.abs(2*s-1))*p,d=n*(1-Math.abs(l/60%2-1)),y=s-n/2;let f=0,u=0,_=0;return l<60?[f,u,_]=[n,d,0]:l<120?[f,u,_]=[d,n,0]:l<180?[f,u,_]=[0,n,d]:l<240?[f,u,_]=[0,d,n]:l<300?[f,u,_]=[d,0,n]:[f,u,_]=[n,0,d],{r:Math.round((f+y)*255),g:Math.round((u+y)*255),b:Math.round((_+y)*255)}}function qe(l,m,i){const p=l/255,s=m/255,n=i/255,d=Math.max(p,s,n),y=Math.min(p,s,n),f=d-y;let u=0;f!==0&&(d===p?u=(s-n)/f%6:d===s?u=(n-p)/f+2:u=(p-s)/f+4,u*=60,u<0&&(u+=360));const _=d===0?0:f/d;return{h:Math.round(u),s:Math.round(_*100),v:Math.round(d*100)}}function Ve(l,m,i){const p=m/100,s=i/100,n=s*p,d=n*(1-Math.abs(l/60%2-1)),y=s-n;let f=0,u=0,_=0;return l<60?[f,u,_]=[n,d,0]:l<120?[f,u,_]=[d,n,0]:l<180?[f,u,_]=[0,n,d]:l<240?[f,u,_]=[0,d,n]:l<300?[f,u,_]=[d,0,n]:[f,u,_]=[n,0,d],{r:Math.round((f+y)*255),g:Math.round((u+y)*255),b:Math.round((_+y)*255)}}function Ue(l){const m=/^#?([0-9a-f]{6})$/i.exec(l.trim()),i=/^#?([0-9a-f]{8})$/i.exec(l.trim());if(i){const p=i[1];return{r:parseInt(p.slice(0,2),16),g:parseInt(p.slice(2,4),16),b:parseInt(p.slice(4,6),16),a:parseInt(p.slice(6,8),16)/255}}if(m){const p=parseInt(m[1],16);return{r:p>>16&255,g:p>>8&255,b:p&255,a:1}}return{r:0,g:0,b:0,a:1}}function Ke(l,m,i,p,s){const n=y=>Math.max(0,Math.min(255,Math.round(y))).toString(16).padStart(2,"0"),d=`#${n(l)}${n(m)}${n(i)}`;return s?`${d}${n(p*255)}`:d}const Le=c.forwardRef(({label:l,helperText:m,error:i,required:p,disabled:s,id:n,className:d,style:y,accessMode:f,displayStyle:u,value:_="var(--nice-primary, #3b82f6)",onChange:S,presets:X=He,showInput:x=!0,showRandom:w=!0,withAlpha:E=!1,showKeyboardHints:h,size:Z="md",labelPlacement:D,errorPlacement:$,labelWidth:F,controlWidth:g,loading:I},U)=>{const R=o._s(f,n),A=R==="hidden";(R==="disabled"||R==="readOnly")&&(s=!0);const{t:k}=o.$o(),B=o.ks(n);o.ls("input",u);const K=c.useCallback(()=>{s||S?.(Ae())},[s,S]),[L,W]=c.useState(!1),[re,le]=c.useState(null),J=c.useRef(null),Y=c.useRef(null);c.useLayoutEffect(()=>{if(!L||!Y.current)return;const b=()=>{const N=Y.current?.getBoundingClientRect();if(!N)return;const G=280,H=360;let M=N.left,ee=N.bottom+6;M+G>window.innerWidth-8&&(M=Math.max(8,window.innerWidth-G-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)}},[L]),c.useEffect(()=>{if(!L)return;const b=G=>{const H=G.target;J.current?.contains(H)||Y.current?.contains(H)||W(!1)},N=G=>{G.key==="Escape"&&W(!1)};return document.addEventListener("mousedown",b),document.addEventListener("keydown",N),()=>{document.removeEventListener("mousedown",b),document.removeEventListener("keydown",N)}},[L]);const de=c.useMemo(()=>[{key:"Enter",description:k("shortcuts.openPicker","Open color picker")},{key:"Arrow keys",description:k("shortcuts.navigatePresets","Navigate presets")}],[k]);return A?null:e.jsxs("div",{className:`nice-field nice-field--${Z} ${D==="left"?"nice-field--label-left":""} ${I?"nice-field--loading":""} ${d||""}`,style:{...y,...F!=null&&{"--nice-field-label-width":typeof F=="number"?`${F}px`:F},...g!=null&&{"--nice-field-control-width":typeof g=="number"?`${g}px`:g}},"aria-busy":I||void 0,children:[l&&e.jsxs("label",{htmlFor:B,className:`nice-field__label ${p?"nice-field__label--required":""}`,children:[l,h&&e.jsx(o.Vr,{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:Y,className:"nice-color-picker__swatch",id:B,style:{background:_},onClick:b=>{b.stopPropagation(),s||W(N=>!N)},onKeyDown:b=>{!s&&(b.key==="Enter"||b.key===" ")&&(b.preventDefault(),W(N=>!N))},role:"button",tabIndex:0,"aria-label":k("colorPicker.openPalette","Open color palette"),"aria-haspopup":"dialog","aria-expanded":L,children:e.jsx("input",{ref:b=>{typeof U=="function"?U(b):U&&(U.current=b)},type:"hidden",value:_,disabled:s,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:s,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:K,disabled:s,title:k("colorPicker.random","Random"),"aria-label":k("colorPicker.random","Random"),style:{fontSize:"0.65rem",textTransform:"uppercase",letterSpacing:"0.05em"},children:k("colorPicker.random","Random")}),I&&e.jsx("span",{className:"nice-field__spinner",children:e.jsx("span",{className:"nice-spinner nice-spinner--sm"})}),$==="right"&&i&&e.jsx("div",{id:`${B}-error`,className:"nice-field__error",role:"alert",children:i}),$==="right"&&!i&&m&&e.jsx("div",{id:`${B}-helper`,className:"nice-field__helper",children:m})]}),L&&re&&typeof document<"u"&&Ie.createPortal(e.jsx("div",{ref:J,className:"nice-color-picker__popup nice-color-picker__popup--portal",role:"dialog","aria-label":k("colorPicker.palette","Color palette"),style:{position:"fixed",left:re.left,top:re.top},onClick:b=>b.stopPropagation(),children:(()=>{const b=Ue(_),N={r:b.r,g:b.g,b:b.b},G=E?b.a:1,H=Be(N.r,N.g,N.b),M=qe(N.r,N.g,N.b),ee=(a,v,V,C=G)=>S?.(Ke(a,v,V,C,E)),ae=(a,v,V)=>ee(a,v,V),ue=(a,v,V)=>{const C=Te(a,v,V);ee(C.r,C.g,C.b)},Q=(a,v,V)=>{const C=Ve(a,v,V);ee(C.r,C.g,C.b)},z=a=>ee(N.r,N.g,N.b,a),oe=a=>{if(s)return;const v=a.currentTarget,V=P=>{const O=v.getBoundingClientRect(),xe=Math.max(0,Math.min(O.width,P.clientX-O.left)),ve=Math.max(0,Math.min(O.height,P.clientY-O.top)),pe=Math.round(xe/O.width*100),je=100-Math.round(ve/O.height*100);Q(M.h,pe,je)};V(a);const C=()=>{document.removeEventListener("pointermove",V),document.removeEventListener("pointerup",C)};document.addEventListener("pointermove",V),document.addEventListener("pointerup",C)},se=`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:s,onChange:a=>S?.(a.target.value),maxLength:E?9:7,"aria-label":k("colorPicker.hexValue","Hex value")})}),e.jsx("input",{type:"range",min:0,max:360,value:M.h,disabled:s,onChange:a=>Q(Number(a.target.value),M.s,M.v),className:"nice-color-picker__hue-slider","aria-label":k("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), ${se})`},onPointerDown:oe,role:"application","aria-label":k("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 v=a==="h"?360:100,V=H[a],C=P=>ue(a==="h"?P:H.h,a==="s"?P:H.s,a==="l"?P: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:v,value:V,disabled:s,onChange:P=>C(Number(P.target.value))}),e.jsx("input",{type:"number",min:0,max:v,value:V,disabled:s,onChange:P=>C(Number(P.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 v=N[a],V=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:v,disabled:s,onChange:C=>V(Number(C.target.value))}),e.jsx("input",{type:"number",min:0,max:255,value:v,disabled:s,onChange:C=>V(Number(C.target.value)||0),className:"nice-input__native nice-color-picker__slider-num"})]},a)})})]}),E&&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(G*100),disabled:s,onChange:a=>z(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":k("colorPicker.alpha","Alpha")}),e.jsx("input",{type:"number",min:0,max:100,value:Math.round(G*100),disabled:s,onChange:a=>z((Number(a.target.value)||0)/100),className:"nice-input__native nice-color-picker__slider-num"})]}),X.length>0&&e.jsx("div",{className:"nice-color-picker__popup-presets",children:X.map(a=>e.jsx("div",{className:`nice-color-picker__preset ${_===a?"nice-color-picker__preset--active":""}`,style:{background:a},onClick:()=>{S?.(a),W(!1)},role:"button",tabIndex:0,"aria-label":a,onKeyDown:v=>{(v.key==="Enter"||v.key===" ")&&(v.preventDefault(),S?.(a),W(!1))}},a))})]})})()}),document.body)]})}),$!=="right"&&i&&e.jsx("div",{id:`${B}-error`,className:"nice-field__error",role:"alert",children:i}),$!=="right"&&!i&&m&&e.jsx("div",{id:`${B}-helper`,className:"nice-field__helper",children:m})]})});Le.displayName="NiceColorPicker";const Ee=c.forwardRef(({children:l,variant:m="primary",size:i="md",type:p="button",disabled:s,loading:n,fullWidth:d,onClick:y,leftIcon:f,rightIcon:u,error:_,errorPlacement:S="bottom",className:X,style:x,id:w,accessMode:E,displayStyle:h,...Z},D)=>{const $=o._s(E,w),F=$==="hidden";($==="disabled"||$==="readOnly")&&(s=!0);const g=o.cs("button",h),I=o.ls("button",h),U=m!=="primary"?(({background:k,color:B,...K})=>K)(g):g,R=e.jsxs("button",{ref:D,type:p,id:w,className:`nice-btn nice-btn--${m} nice-btn--${i} nice-btn--ds-${I} ${d?"nice-btn--full-width":""} ${n?"nice-btn--loading":""} ${_&&!S?"nice-btn--has-error":""} ${X||""}`,style:{...U,...x},disabled:s||n,"aria-busy":n||void 0,"aria-disabled":s||n||void 0,onClick:y,...Z,children:[n&&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"})}),!n&&f&&e.jsx("span",{"aria-hidden":"true",children:f}),!n&&e.jsx("span",{children:l}),n&&e.jsx("span",{style:{visibility:"hidden"},"aria-hidden":"true",children:l}),!n&&u&&e.jsx("span",{"aria-hidden":"true",children:u})]});if(F)return null;if(!_)return R;const A=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--${i}`,style:{display:"inline-flex",flexDirection:"row",alignItems:"center",gap:"8px",width:"fit-content"},children:[R,A]}):F?null:e.jsxs("span",{className:`nice-btn-field nice-btn-field--bottom nice-field--${i}`,style:{display:"inline-flex",flexDirection:"column",alignItems:"flex-start",gap:"4px",width:"fit-content"},children:[R,A]})});Ee.displayName="NiceButton";const Ge=({tabs:l,activeTab:m,onChange:i,variant:p="default",vertical:s,size:n="md",className:d,style:y,displayStyle:f})=>{const u=o.cs("tab",f),_=o.ls("tab",f),[S,X]=c.useState(m||l[0]?.id),x=m??S,w=c.useCallback(h=>{X(h),i?.(h)},[i]),E=l.find(h=>h.id===x)?.content;return e.jsxs("div",{className:`nice-tabs nice-tabs--${n} nice-tabs--ds-${_} ${d||""}`,style:{...u,...y,...s?{display:"flex",gap:16}:{}},children:[e.jsx("div",{className:`nice-tabs__list ${p!=="default"?`nice-tabs__list--${p}`:""} ${s?"nice-tabs__list--vertical":""}`,role:"tablist",children:l.map(h=>e.jsxs("button",{type:"button",role:"tab","aria-selected":x===h.id,className:`nice-tabs__tab ${x===h.id?"nice-tabs__tab--active":""} ${h.disabled?"nice-tabs__tab--disabled":""}`,disabled:h.disabled,onClick:()=>w(h.id),children:[h.icon,e.jsx("span",{children:h.label}),h.badge!==void 0&&e.jsx("span",{className:"nice-tabs__badge",children:h.badge})]},h.id))}),E&&e.jsx("div",{className:"nice-tabs__panel",role:"tabpanel",children:E})]})};exports.NiceButton=Ee;exports.NiceCheckbox=De;exports.NiceColorPicker=Le;exports.NiceNumberInput=Se;exports.NiceSelect=Re;exports.NiceTabs=Ge;exports.NiceTextInput=Ce;exports.NiceToggle=Fe;