@nice2dev/ui 1.0.19 → 1.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +105 -0
- package/dist/NiceErrorBoundary-B9UWIYPz.js +770 -0
- package/dist/NiceErrorBoundary-Bzx-bOeb.cjs +1 -0
- package/dist/NiceErrorBoundary-CFJh1FyM.js +770 -0
- package/dist/NiceErrorBoundary-DvA00DOz.cjs +1 -0
- package/dist/NiceErrorBoundary-XNceAa-3.cjs +1 -0
- package/dist/NiceErrorBoundary-eTwBEuSH.js +770 -0
- package/dist/NiceErrorBoundary-qp4IJ18o.js +770 -0
- package/dist/NiceErrorBoundary-uT48n_F7.cjs +1 -0
- package/dist/NiceForm-B1Okz7SW.cjs +382 -0
- package/dist/NiceForm-BE8vt5k6.js +5383 -0
- package/dist/NiceForm-BXHPoTcH.cjs +382 -0
- package/dist/NiceForm-BzKlOWJa.js +5383 -0
- package/dist/NiceForm-DL7Kxsi2.js +5383 -0
- package/dist/NiceForm-DYPj-XoP.cjs +382 -0
- package/dist/NiceForm-DZ8jwtA8.cjs +382 -0
- package/dist/NiceForm-D_XZxq3a.js +5383 -0
- package/dist/NiceForm.css +1 -1
- package/dist/NiceModal-0Sg2HxIb.cjs +1 -0
- package/dist/NiceModal-BOkmGqPj.cjs +1 -0
- package/dist/NiceModal-BRih_XEH.js +95 -0
- package/dist/NiceModal-C-yKNnig.cjs +1 -0
- package/dist/NiceModal-C4HIsjrn.js +95 -0
- package/dist/NiceModal-DSabJ81z.js +95 -0
- package/dist/NiceModal-DieswZtd.cjs +1 -0
- package/dist/NiceModal-DjN1yXgw.js +95 -0
- package/dist/NiceModuleLifecyclePanel-95lS8pXO.cjs +1 -0
- package/dist/NiceModuleLifecyclePanel-C4jlm9tl.cjs +1 -0
- package/dist/NiceModuleLifecyclePanel-CEfeJxw_.cjs +1 -0
- package/dist/NiceModuleLifecyclePanel-D4xWUswk.js +6777 -0
- package/dist/NiceModuleLifecyclePanel-L5FNYzF9.js +6781 -0
- package/dist/NiceModuleLifecyclePanel-LdYOMLA6.js +6777 -0
- package/dist/NiceModuleLifecyclePanel-jDzEfvDM.js +6553 -0
- package/dist/NiceModuleLifecyclePanel-sBJLlhJp.cjs +1 -0
- package/dist/NiceModuleLifecyclePanel.css +1 -1
- package/dist/NicePagination-B2TC6MTL.cjs +1 -0
- package/dist/NicePagination-BAywVGwT.js +171 -0
- package/dist/NicePagination-BT8UWXYG.js +171 -0
- package/dist/NicePagination-CJqksuAl.cjs +1 -0
- package/dist/NicePagination-CiWxbXT9.cjs +1 -0
- package/dist/NicePagination-DnnypBiE.js +171 -0
- package/dist/NicePagination-F8NyMfgc.cjs +1 -0
- package/dist/NicePagination-d6vm1ce3.js +171 -0
- package/dist/NicePinCodeInput-BY_tgKaU.cjs +419 -0
- package/dist/NicePinCodeInput-Bo8Ahkae.js +12240 -0
- package/dist/NicePinCodeInput-CpPtHZsK.js +12240 -0
- package/dist/NicePinCodeInput-Cpa01Yfg.cjs +419 -0
- package/dist/NicePinCodeInput-DDK6qqFW.js +12240 -0
- package/dist/NicePinCodeInput-DdXTdocN.js +12240 -0
- package/dist/NicePinCodeInput-JvYd_LB_.cjs +419 -0
- package/dist/NicePinCodeInput-qAO9tRhm.cjs +419 -0
- package/dist/NiceSavedQueryPanel-BOBULytX.js +6455 -0
- package/dist/NiceSavedQueryPanel-CTfC-qwV.cjs +596 -0
- package/dist/NiceSavedQueryPanel-CpcjQZDl.cjs +596 -0
- package/dist/NiceSavedQueryPanel-Dryck7pv.js +6584 -0
- package/dist/NiceSavedQueryPanel-DtgcsEls.js +6584 -0
- package/dist/NiceSavedQueryPanel-DuonbEem.js +6584 -0
- package/dist/NiceSavedQueryPanel-MdKdGYNg.cjs +596 -0
- package/dist/NiceSavedQueryPanel-TUoWkvpW.cjs +596 -0
- package/dist/NiceTabs-BjBtazRn.cjs +1 -0
- package/dist/NiceTabs-C-VQXNIa.cjs +1 -0
- package/dist/NiceTabs-CJ8G2t0-.js +1657 -0
- package/dist/NiceTabs-D91-vW_P.js +1657 -0
- package/dist/NiceTabs-DirTIQjD.cjs +1 -0
- package/dist/NiceTabs-dwNCzbJ2.cjs +1 -0
- package/dist/NiceTabs-nQEYYbsV.js +1657 -0
- package/dist/NiceTabs-v7HfeXIw.js +1657 -0
- package/dist/NiceWindow-BMiF-so6.cjs +1 -0
- package/dist/NiceWindow-C677O__r.js +1418 -0
- package/dist/NiceWindow-CmgJGE4d.js +1418 -0
- package/dist/NiceWindow-CysIgnn3.js +1418 -0
- package/dist/NiceWindow-D6SjpDc4.cjs +1 -0
- package/dist/NiceWindow-DUTRQOaP.js +1418 -0
- package/dist/NiceWindow-D_h01zyu.cjs +1 -0
- package/dist/NiceWindow-fcTJOlYf.cjs +1 -0
- package/dist/charts-8Bqzj1TE.js +4657 -0
- package/dist/charts-CFn-7PzC.cjs +761 -0
- package/dist/charts-CJlMAHJG.cjs +761 -0
- package/dist/charts-CLbJ4Zjq.js +4657 -0
- package/dist/charts-CUMpSAQe.cjs +761 -0
- package/dist/charts-CX4jiyVh.cjs +761 -0
- package/dist/charts-CYpqDxHd.js +4657 -0
- package/dist/charts-P6qura0j.js +4657 -0
- package/dist/charts.cjs +1 -1
- package/dist/charts.mjs +1 -1
- package/dist/core-BFu5opn6.js +23131 -0
- package/dist/core-BfeyB9A8.cjs +96 -0
- package/dist/core-BgGSTko-.js +22401 -0
- package/dist/core-Bit5kLWQ.cjs +96 -0
- package/dist/core-D0ElqRZA.cjs +96 -0
- package/dist/core-DDJKu5LZ.cjs +96 -0
- package/dist/core-DICON6Z7.js +23129 -0
- package/dist/core-XsWxyBHD.js +22767 -0
- package/dist/data.cjs +1 -1
- package/dist/data.mjs +1 -1
- package/dist/editors.cjs +1 -1
- package/dist/editors.mjs +3 -3
- package/dist/feedback.cjs +1 -1
- package/dist/feedback.mjs +2 -2
- package/dist/index-B-WxtREy.js +65040 -0
- package/dist/index-ByDRtfrm.js +65050 -0
- package/dist/index-CQIDqjZp.cjs +5194 -0
- package/dist/index-CXVXf_HY.cjs +5194 -0
- package/dist/index-CtikFbFa.js +64337 -0
- package/dist/index-DnfPyuXA.cjs +5194 -0
- package/dist/index-DxO61OUF.cjs +5194 -0
- package/dist/index-xVJiF843.js +65040 -0
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +294 -5
- package/dist/index.mjs +875 -861
- package/dist/lazy.cjs +1 -1
- package/dist/lazy.mjs +3 -3
- package/dist/navigation.cjs +1 -1
- package/dist/navigation.d.ts +35 -2
- package/dist/navigation.mjs +22 -22
- package/dist/overlays.cjs +1 -1
- package/dist/overlays.mjs +2 -2
- package/dist/style.css +3 -3
- package/package.json +3 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),o=require("./core-BfeyB9A8.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:y,id:h,className:f,style:_,accessMode:S,displayStyle:P,variant:x,value:w,defaultValue:E,onChange:m,onBlur:J,onKeyDown:D,placeholder:$,type:F="text",maxLength:g,prefix:I,suffix:U,clearable:R,autoFocus:T,submitOnEnter:k,onSubmit:A,showKeyboardHints:Z,labelPlacement:L,errorPlacement:W,loading:re,labelWidth:le,controlWidth:X,displayMode:V,...de},b)=>{const N=o.Zs(S,h),z=N==="hidden";N==="disabled"&&(n=!0),N==="readOnly"&&(i=!0);const{t:H}=o.$o(),M=o.Hs(h),ee=o.vs("input",P),ae=o.Ss("input",P),ue=x==="filled"?"filled":x==="underlined"?"underlined":"",Y=l.useCallback(()=>m?.(""),[m]),G=o.Ms({enabled:V,readOnly:i,disabled:n}),oe=o.gc({enabled:k,onSubmit:A}),ie=l.useCallback(v=>{oe(v),D?.(v)},[oe,D]),a=l.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 z?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":""} ${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":L==="inside"&&w?"true":void 0,children:[t&&L!=="inside"&&e.jsxs("label",{htmlFor:M,className:`nice-field__label ${u?"nice-field__label--required":""}`,children:[t,Z&&a.length>0&&e.jsx(o.Kr,{shortcuts:a,size:"sm"})]}),e.jsxs("div",{className:"nice-field__control",children:[G.isDisplay?e.jsx(o.Cs,{value:w??E??"",placeholder:$,disabled:n,readOnly:i,onActivate:G.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:[I&&e.jsx("span",{className:"nice-input__icon",children:I}),e.jsx("input",{ref:v=>{typeof b=="function"?b(v):b&&(b.current=v),G.autoFocusRef(v)},id:M,className:"nice-input__native",type:F,name:y,value:w,defaultValue:E,placeholder:$,disabled:n||re,readOnly:i,maxLength:g,autoFocus:T,"aria-invalid":!!s,"aria-describedby":s?`${M}-error`:p?`${M}-helper`:void 0,onChange:v=>m?.(v.target.value),onBlur:v=>{V&&G.exitEdit(),J?.(v)},onKeyDown:ie,...de}),R&&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&&L==="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"})}),W==="right"&&s&&e.jsx("div",{id:`${M}-error`,className:"nice-field__error",role:"alert",children:s}),W==="right"&&!s&&p&&e.jsx("div",{id:`${M}-helper`,className:"nice-field__helper",children:p})]}),W!=="right"&&s&&e.jsx("div",{id:`${M}-error`,className:"nice-field__error",role:"alert",children:s}),W!=="right"&&!s&&p&&e.jsx("div",{id:`${M}-helper`,className:"nice-field__helper",children:p})]})});Ce.displayName="NiceTextInput";const He=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:y,id:h,className:f,style:_,accessMode:S,displayStyle:P,value:x,onChange:w,onBlur:E,onKeyDown:m,placeholder:J,min:D,max:$,step:F=1,precision:g,prefix:I,prefixType:U="label",prefixOptions:R,prefixValue:T,onPrefixChange:k,suffix:A,showStepper:Z=!0,submitOnEnter:L,onSubmit:W,showKeyboardHints:re,labelPlacement:le,errorPlacement:X,loading:V,labelWidth:de,controlWidth:b,formatPreset:N,format:z,suffixType:H="label",suffixOptions:M,suffixValue:ee,onSuffixChange:ae,displayMode:ue},Y)=>{const G=o.Zs(S,h),oe=G==="hidden";G==="disabled"&&(n=!0),G==="readOnly"&&(i=!0);const{t:ie}=o.$o(),a=o.Hs(h),v=o.vs("input",P),q=o.Ss("input",P),[C,Q]=l.useState(!1),[O,xe]=l.useState(null),ve=o.Ms({enabled:ue,readOnly:i,disabled:n}),pe=l.useMemo(()=>{let c=3;return $!=null&&(c=String(Math.abs(Math.floor($))).length),D!=null&&D<0&&(c+=1),g&&(c+=g+1),Math.max(3,c)+1},[$,D,g]),je=l.useCallback(c=>{if(z)return z(c);if(!N)return g!=null?c.toFixed(g):String(c);switch(N){case"integer":return Math.round(c).toLocaleString();case"decimal":return c.toLocaleString(void 0,{minimumFractionDigits:g??2,maximumFractionDigits:g??2});case"money":return c.toLocaleString(void 0,{minimumFractionDigits:g??2,maximumFractionDigits:g??2,useGrouping:!0});case"percent":return(c*100).toLocaleString(void 0,{minimumFractionDigits:g??0,maximumFractionDigits:g??2})+"%";default:return String(c)}},[z,N,g]),ye=l.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,se=!!(I||U==="select"&&R&&R.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)),$!==void 0&&(j=Math.min($,j)),g!==void 0&&(j=parseFloat(j.toFixed(g))),j},[D,$,g]),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)),$!==void 0&&(_e=Math.min($,_e)),w?.(_e)}},[w,D,$]),ge=l.useCallback(()=>{const c=be.current,j=he((c??0)+F);be.current=j,w?.(j)},[F,w,he]),$e=l.useCallback(()=>{const c=be.current,j=he((c??0)-F);be.current=j,w?.(j)},[F,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)},[]),K=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.gc({enabled:L,onSubmit:W}),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 L&&c.push(o.mc.submit),Z&&(c.push({key:"ArrowUp",description:ie("shortcuts.increment","Increase value")}),c.push({key:"ArrowDown",description:ie("shortcuts.decrement","Decrease value")})),c},[L,Z,ie]);return oe?null:e.jsxs("div",{className:`nice-field nice-field--${d} ${le==="left"?"nice-field--label-left":""} ${V?"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":V||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.Kr,{shortcuts:te,size:"sm"})]}),e.jsxs("div",{className:"nice-field__control",children:[ve.isDisplay?e.jsx(o.Cs,{value:x==null?"":I?e.jsxs(e.Fragment,{children:[I,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-${q} ${s?"nice-input--error":""} ${n?"nice-input--disabled":""} ${i?"nice-input--readonly":""}`,style:v,children:[Z&&!i&&e.jsx("button",{type:"button",className:"nice-input__clear nice-input__minus",onClick:$e,onMouseDown:()=>K($e),onMouseUp:B,onMouseLeave:B,disabled:n,"aria-label":ie("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:T??R[0]?.value,disabled:n,onChange:c=>{const j=c.target.value,ce=R.find(Ne=>Ne.value===(T??R[0]?.value)),_e=R.find(Ne=>Ne.value===j);k?.(j,ce?.weight,_e?.weight)},children:R.map(c=>e.jsx("option",{value:c.value,children:c.label},c.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:c=>{typeof Y=="function"?Y(c):Y&&(Y.current=c),ve.autoFocusRef(c)},id:a,className:"nice-input__native",type:!C&&(z||N)?"text":"number",name:y,value:we,placeholder:J,min:D,max:$,step:F,disabled:n||V,readOnly:i,"aria-invalid":!!s,onChange:Me,onFocus:c=>{Q(!0),xe(null),c.target.select()},onBlur:c=>{if(Q(!1),xe(null),x!=null&&g!==void 0){const j=parseFloat(x.toFixed(g));j!==x&&w?.(j)}ue&&ve.exitEdit(),E?.(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))}):A?e.jsx("span",{className:"nice-input__icon nice-input__icon--suffix",children:A}):null,Z&&!i&&e.jsx("button",{type:"button",className:"nice-input__clear nice-input__plus",onClick:ge,onMouseDown:()=>K(ge),onMouseUp:B,onMouseLeave:B,disabled:n,"aria-label":ie("controls.increment","Increment"),children:"+"})]})}),V&&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 Te=Object.freeze(Object.defineProperty({__proto__:null,NiceNumberInput:Se},Symbol.toStringTag,{value:"Module"})),Re=l.forwardRef(({label:t,helperText:p,error:s,required:u,disabled:n,size:i="md",name:d,id:y,className:h,style:f,accessMode:_,displayStyle:S,options:P,value:x,onChange:w,placeholder:E,multiple:m=!1,searchable:J=!1,clearable:D=!1,emptyText:$,maxHeight:F=240,optionsSource:g,valueField:I,labelField:U,virtualScroll:R,optionHeight:T=36,onSearch:k,loading:A,renderOption:Z,multipleAutosize:L=!1,showKeyboardHints:W,labelPlacement:re,errorPlacement:le,labelWidth:X,controlWidth:V,displayMode:de},b)=>{const N=o.Zs(_,y),z=N==="hidden";(N==="disabled"||N==="readOnly")&&(n=!0);const{t:H}=o.$o(),M=o.vs("input",S),ee=o.Ss("input",S),ae=o.Hs(y),ue=o.Ms({enabled:de,disabled:n}),[Y,G]=l.useState(!1),[oe,ie]=l.useState(""),[a,v]=l.useState(-1),[q,C]=l.useState(0),Q=l.useRef(null),O=l.useRef(null),[xe,ve]=l.useState(null);l.useLayoutEffect(()=>{!A&&O.current&&ve(O.current.offsetWidth)},[A,x,S]);const[pe,je]=l.useState(null);l.useLayoutEffect(()=>{m&&!L&&O.current&&pe==null&&je(O.current.offsetWidth)},[m,L,pe]);const ye=o.od(g??null,I??g?.keyField??"id",U??"name"),fe=g?ye.options:(P??[]).map(r=>typeof r=="string"?{value:r,label:r}:r);o.$s(Q,()=>{G(!1),ie("")});const se=l.useMemo(()=>x?Array.isArray(x)?x:[x]:[],[x]),ne=l.useMemo(()=>{if(!oe&&!k||k)return fe;const r=oe.toLowerCase();return fe.filter(B=>B.label.toLowerCase().includes(r)||String(B.value).toLowerCase().includes(r))},[fe,oe,k]),we=l.useMemo(()=>{const r=new Map;for(const B of ne){const K=B.group||"";r.has(K)||r.set(K,[]),r.get(K).push(B)}return r},[ne]),he=l.useCallback(r=>{if(m){const B=se.includes(r)?se.filter(K=>K!==r):[...se,r];w?.(B)}else w?.(r),G(!1),ie("")},[m,se,w]),Me=l.useCallback(r=>{if(r.key==="Escape"){G(!1),ie("");return}if(r.key==="Enter"||r.key===" "){if(!Y){G(!0),r.preventDefault();return}a>=0&&ne[a]&&(he(ne[a].value),r.preventDefault());return}r.key==="ArrowDown"&&(r.preventDefault(),v(B=>Math.min(B+1,ne.length-1))),r.key==="ArrowUp"&&(r.preventDefault(),v(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.mc.moveUp,o.mc.moveDown,o.mc.cancel],[H]);return z?null:e.jsxs("div",{className:`nice-field ${V==null?"nice-field--select-auto":""} nice-field--${i} ${re==="left"?"nice-field--label-left":""} ${A?"nice-field--loading":""} ${h||""}`,style:{...f,...X!=null&&{"--nice-field-label-width":typeof X=="number"?`${X}px`:X},...V!=null&&{"--nice-field-control-width":typeof V=="number"?`${V}px`:V},...A&&xe!=null&&{"--nice-select-locked-width":`${xe}px`}},"aria-busy":A||void 0,children:[t&&e.jsxs("label",{htmlFor:ae,className:`nice-field__label ${u?"nice-field__label--required":""}`,children:[t,W&&e.jsx(o.Kr,{shortcuts:be,size:"sm"})]}),e.jsxs("div",{className:"nice-field__control",children:[ue.isDisplay?e.jsx(o.Cs,{value:ge,placeholder:E||H("controls.select","Select..."),disabled:n,onActivate:()=>{ue.enterEdit(),G(!0)},ariaLabel:t}):e.jsxs("div",{className:"nice-select",ref:Q,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":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&&!L&&pe!=null?{width:pe,maxWidth:pe,overflow:"hidden"}:{}},disabled:n,onClick:()=>G(!Y),onKeyDown:Me,children:[ge?e.jsx("span",{style:m&&!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&&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:F},onScroll:R?r=>C(r.currentTarget.scrollTop):void 0,children:[(J||k)&&e.jsx("div",{className:"nice-select__search",children:e.jsx("input",{type:"text",value:oe,onChange:r=>{ie(r.target.value),v(0),k?.(r.target.value)},placeholder:H("controls.search","Search..."),autoFocus:!0})}),A&&e.jsx("div",{className:"nice-select__loading",children:e.jsx("div",{className:"nice-spinner nice-spinner--sm",style:{margin:"8px auto"}})}),!A&&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 B=ne.length*T,K=Math.max(0,Math.floor(q/T)-3),me=Math.min(ne.length,Math.ceil((q+F)/T)+3),ke=ne.slice(K,me);return e.jsx("div",{style:{height:B,position:"relative"},children:ke.map((te,c)=>{const j=K+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*T,left:0,right:0,height:T,display:"flex",alignItems:"center",padding:"0 12px"},onClick:()=>!te.disabled&&he(String(te.value)),onMouseEnter:()=>v(j),children:Z?Z(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(K=>{const me=se.includes(K.value),ke=ne.indexOf(K);return e.jsx("div",{role:"option","aria-selected":me,className:`nice-select__option ${me?"nice-select__option--selected":""} ${ke===a?"nice-select__option--highlighted":""} ${K.disabled?"nice-select__option--disabled":""}`,onClick:()=>!K.disabled&&he(String(K.value)),onMouseEnter:()=>v(ke),children:Z?Z(K,me):e.jsxs(e.Fragment,{children:[K.icon&&e.jsx("span",{children:K.icon}),e.jsxs("div",{style:{flex:1},children:[e.jsx("div",{children:K.label}),K.description&&e.jsx("div",{className:"nice-select__option-desc",children:K.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"})})]})},K.value)})]},r))]})]}),A&&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})]})});Re.displayName="NiceSelect";const Ae=Object.freeze(Object.defineProperty({__proto__:null,NiceSelect:Re},Symbol.toStringTag,{value:"Module"})),De=l.forwardRef(({label:t,checked:p=!1,indeterminate:s=!1,onChange:u,disabled:n,readOnly:i,loading:d,required:y,size:h="md",name:f,id:_,className:S,style:P,error:x,helperText:w,accessMode:E,displayStyle:m,showKeyboardHints:J,labelPlacement:D,errorPlacement:$,labelWidth:F,controlWidth:g},I)=>{const U=o.Zs(E,_),R=U==="hidden";(U==="disabled"||U==="readOnly")&&(n=!0);const{t:T}=o.$o(),k=o.Hs(_);o.Ss("toggle",m);const A=l.useMemo(()=>[{key:"Space",description:T("shortcuts.toggle","Toggle")}],[T]),Z=l.useCallback(L=>{L&&(L.indeterminate=s),typeof I=="function"?I(L):I&&(I.current=L)},[s,I]);return R?null:e.jsxs("div",{className:`nice-field nice-field--inline nice-field--${h} ${D==="left"?"nice-field--label-left":""} ${$==="right"?"nice-field--error-right":""} ${d?"nice-field--loading":""} ${S||""}`,style:{...P,...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"&&t&&e.jsx("span",{className:`nice-field__label ${y?"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:k,children:[e.jsx("input",{ref:Z,id:k,type:"checkbox",className:"nice-checkbox__input",name:f,checked:p,disabled:n||d,readOnly:i,"aria-invalid":!!x,onChange:L=>{i||d||u?.(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: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.Kr,{shortcuts:A,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 Be=Object.freeze(Object.defineProperty({__proto__:null,NiceCheckbox:De},Symbol.toStringTag,{value:"Module"})),Le=l.forwardRef(({label:t,checked:p=!1,onChange:s,disabled:u,readOnly:n,loading:i,required:d,size:y="md",name:h,id:f,className:_,style:S,accessMode:P,displayStyle:x,showKeyboardHints:w,error:E,helperText:m,labelPlacement:J,errorPlacement:D,labelWidth:$,controlWidth:F},g)=>{const I=o.Zs(P,f),U=I==="hidden";(I==="disabled"||I==="readOnly")&&(u=!0);const{t:R}=o.$o(),T=o.Hs(f);o.vs("toggle",x);const k=o.Ss("toggle",x),A=l.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} ${J==="left"?"nice-field--label-left":""} ${i?"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":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-${k} ${y!=="md"?`nice-toggle--${y}`:""} ${u||i?"nice-toggle--disabled":""}`,htmlFor:T,children:[e.jsx("input",{ref:g,id:T,type:"checkbox",className:"nice-toggle__input",name:h,checked:p,disabled:u||i,readOnly:n,role:"switch","aria-checked":p,"aria-invalid":!!E,onChange:Z=>{n||i||s?.(Z.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.Kr,{shortcuts:A,size:"sm"})]}),i&&e.jsx("span",{className:"nice-field__spinner",children:e.jsx("span",{className:"nice-spinner nice-spinner--sm"})}),D==="right"&&E&&e.jsx("div",{id:`${T}-error`,className:"nice-field__error",role:"alert",children:E}),D==="right"&&!E&&m&&e.jsx("div",{id:`${T}-helper`,className:"nice-field__helper",children:m})]}),D!=="right"&&E&&e.jsx("div",{id:`${T}-error`,className:"nice-field__error",role:"alert",children:E}),D!=="right"&&!E&&m&&e.jsx("div",{id:`${T}-helper`,className:"nice-field__helper",children:m})]})});Le.displayName="NiceToggle";const Ke=["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 qe(){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 Ze(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 ze(t,p,s){const u=t/255,n=p/255,i=s/255,d=Math.max(u,n,i),y=Math.min(u,n,i),h=(d+y)/2;let f=0,_=0;if(d!==y){const S=d-y;switch(_=h>.5?S/(2-d-y):S/(d+y),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 Pe(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)),y=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+y)*255),g:Math.round((f+y)*255),b:Math.round((_+y)*255)}}function Ve(t,p,s){const u=t/255,n=p/255,i=s/255,d=Math.max(u,n,i),y=Math.min(u,n,i),h=d-y;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 Ge(t,p,s){const u=p/100,n=s/100,i=n*u,d=i*(1-Math.abs(t/60%2-1)),y=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+y)*255),g:Math.round((f+y)*255),b:Math.round((_+y)*255)}}function Xe(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 Ye(t,p,s,u,n){const i=y=>Math.max(0,Math.min(255,Math.round(y))).toString(16).padStart(2,"0"),d=`#${i(t)}${i(p)}${i(s)}`;return n?`${d}${i(u*255)}`:d}const Fe=l.forwardRef(({label:t,helperText:p,error:s,required:u,disabled:n,id:i,className:d,style:y,accessMode:h,displayStyle:f,value:_="var(--nice-primary, #3b82f6)",onChange:S,presets:P=Ke,showInput:x=!0,showRandom:w=!0,withAlpha:E=!1,showKeyboardHints:m,size:J="md",labelPlacement:D,errorPlacement:$,labelWidth:F,controlWidth:g,loading:I},U)=>{const R=o.Zs(h,i),T=R==="hidden";(R==="disabled"||R==="readOnly")&&(n=!0);const{t:k}=o.$o(),A=o.Hs(i);o.Ss("input",f);const Z=l.useCallback(()=>{n||S?.(qe())},[n,S]),[L,W]=l.useState(!1),[re,le]=l.useState(null),X=l.useRef(null),V=l.useRef(null);l.useLayoutEffect(()=>{if(!L||!V.current)return;const b=()=>{const N=V.current?.getBoundingClientRect();if(!N)return;const z=280,H=360;let M=N.left,ee=N.bottom+6;M+z>window.innerWidth-8&&(M=Math.max(8,window.innerWidth-z-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]),l.useEffect(()=>{if(!L)return;const b=z=>{const H=z.target;X.current?.contains(H)||V.current?.contains(H)||W(!1)},N=z=>{z.key==="Escape"&&W(!1)};return document.addEventListener("mousedown",b),document.addEventListener("keydown",N),()=>{document.removeEventListener("mousedown",b),document.removeEventListener("keydown",N)}},[L]);const de=l.useMemo(()=>[{key:"Enter",description:k("shortcuts.openPicker","Open color picker")},{key:"Arrow keys",description:k("shortcuts.navigatePresets","Navigate presets")}],[k]);return T?null:e.jsxs("div",{className:`nice-field nice-field--${J} ${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:[t&&e.jsxs("label",{htmlFor:A,className:`nice-field__label ${u?"nice-field__label--required":""}`,children:[t,m&&e.jsx(o.Kr,{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:V,className:"nice-color-picker__swatch",id:A,style:{background:_},onClick:b=>{b.stopPropagation(),n||W(N=>!N)},onKeyDown:b=>{!n&&(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: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:Z,disabled:n,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"&&s&&e.jsx("div",{id:`${A}-error`,className:"nice-field__error",role:"alert",children:s}),$==="right"&&!s&&p&&e.jsx("div",{id:`${A}-helper`,className:"nice-field__helper",children:p})]}),L&&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":k("colorPicker.palette","Color palette"),style:{position:"fixed",left:re.left,top:re.top},onClick:b=>b.stopPropagation(),children:(()=>{const b=Xe(_),N={r:b.r,g:b.g,b:b.b},z=E?b.a:1,H=ze(N.r,N.g,N.b),M=Ve(N.r,N.g,N.b),ee=(a,v,q,C=z)=>S?.(Ye(a,v,q,C,E)),ae=(a,v,q)=>ee(a,v,q),ue=(a,v,q)=>{const C=Pe(a,v,q);ee(C.r,C.g,C.b)},Y=(a,v,q)=>{const C=Ge(a,v,q);ee(C.r,C.g,C.b)},G=a=>ee(N.r,N.g,N.b,a),oe=a=>{if(n)return;const v=a.currentTarget,q=Q=>{const O=v.getBoundingClientRect(),xe=Math.max(0,Math.min(O.width,Q.clientX-O.left)),ve=Math.max(0,Math.min(O.height,Q.clientY-O.top)),pe=Math.round(xe/O.width*100),je=100-Math.round(ve/O.height*100);Y(M.h,pe,je)};q(a);const C=()=>{document.removeEventListener("pointermove",q),document.removeEventListener("pointerup",C)};document.addEventListener("pointermove",q),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:E?9:7,"aria-label":k("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":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), ${ie})`},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,q=H[a],C=Q=>ue(a==="h"?Q:H.h,a==="s"?Q:H.s,a==="l"?Q: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:q,disabled:n,onChange:Q=>C(Number(Q.target.value))}),e.jsx("input",{type:"number",min:0,max:v,value:q,disabled:n,onChange:Q=>C(Number(Q.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],q=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:n,onChange:C=>q(Number(C.target.value))}),e.jsx("input",{type:"number",min:0,max:255,value:v,disabled:n,onChange:C=>q(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(z*100),disabled:n,onChange:a=>G(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(z*100),disabled:n,onChange:a=>G((Number(a.target.value)||0)/100),className:"nice-input__native nice-color-picker__slider-num"})]}),P.length>0&&e.jsx("div",{className:"nice-color-picker__popup-presets",children:P.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"&&s&&e.jsx("div",{id:`${A}-error`,className:"nice-field__error",role:"alert",children:s}),$!=="right"&&!s&&p&&e.jsx("div",{id:`${A}-helper`,className:"nice-field__helper",children:p})]})});Fe.displayName="NiceColorPicker";const Je=Object.freeze(Object.defineProperty({__proto__:null,NiceColorPicker:Fe,hexToRgb:Ue,rgbToHex:Ze},Symbol.toStringTag,{value:"Module"})),Ee=l.forwardRef(({children:t,variant:p="primary",size:s="md",type:u="button",disabled:n,loading:i,fullWidth:d,onClick:y,leftIcon:h,rightIcon:f,error:_,errorPlacement:S="bottom",className:P,style:x,id:w,accessMode:E,displayStyle:m,...J},D)=>{const $=o.Zs(E,w),F=$==="hidden";($==="disabled"||$==="readOnly")&&(n=!0);const g=o.vs("button",m),I=o.Ss("button",m),U=p!=="primary"?(({background:k,color:A,...Z})=>Z)(g):g,R=e.jsxs("button",{ref:D,type:u,id:w,className:`nice-btn nice-btn--${p} nice-btn--${s} nice-btn--ds-${I} ${d?"nice-btn--full-width":""} ${i?"nice-btn--loading":""} ${_&&!S?"nice-btn--has-error":""} ${P||""}`,style:{...U,...x},disabled:n||i,"aria-busy":i||void 0,"aria-disabled":n||i||void 0,onClick:y,...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(F)return null;if(!_)return R;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--${s}`,style:{display:"inline-flex",flexDirection:"row",alignItems:"center",gap:"8px",width:"fit-content"},children:[R,T]}):F?null:e.jsxs("span",{className:`nice-btn-field nice-btn-field--bottom nice-field--${s}`,style:{display:"inline-flex",flexDirection:"column",alignItems:"flex-start",gap:"4px",width:"fit-content"},children:[R,T]})});Ee.displayName="NiceButton";const Qe=({tabs:t,activeTab:p,onChange:s,variant:u="default",vertical:n,size:i="md",className:d,style:y,displayStyle:h})=>{const f=o.vs("tab",h),_=o.Ss("tab",h),[S,P]=l.useState(p||t[0]?.id),x=p??S,w=l.useCallback(m=>{P(m),s?.(m)},[s]),E=t.find(m=>m.id===x)?.content;return e.jsxs("div",{className:`nice-tabs nice-tabs--${i} nice-tabs--ds-${_} ${d||""}`,style:{...f,...y,...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))}),E&&e.jsx("div",{className:"nice-tabs__panel",role:"tabpanel",children:E})]})};exports.NiceButton=Ee;exports.NiceCheckbox=De;exports.NiceCheckbox$1=Be;exports.NiceColorPicker=Fe;exports.NiceColorPicker$1=Je;exports.NiceNumberInput=Se;exports.NiceNumberInput$1=Te;exports.NiceSelect=Re;exports.NiceSelect$1=Ae;exports.NiceTabs=Qe;exports.NiceTextInput=Ce;exports.NiceTextInput$1=He;exports.NiceToggle=Le;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),o=require("./core-DDJKu5LZ.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:y,id:h,className:f,style:_,accessMode:S,displayStyle:P,variant:x,value:w,defaultValue:E,onChange:m,onBlur:J,onKeyDown:D,placeholder:$,type:F="text",maxLength:g,prefix:I,suffix:U,clearable:R,autoFocus:T,submitOnEnter:k,onSubmit:A,showKeyboardHints:Z,labelPlacement:L,errorPlacement:W,loading:re,labelWidth:le,controlWidth:X,displayMode:V,...de},b)=>{const N=o.Zs(S,h),z=N==="hidden";N==="disabled"&&(n=!0),N==="readOnly"&&(i=!0);const{t:H}=o.$o(),M=o.Hs(h),ee=o.vs("input",P),ae=o.Ss("input",P),ue=x==="filled"?"filled":x==="underlined"?"underlined":"",Y=l.useCallback(()=>m?.(""),[m]),G=o.Ms({enabled:V,readOnly:i,disabled:n}),oe=o.gc({enabled:k,onSubmit:A}),ie=l.useCallback(v=>{oe(v),D?.(v)},[oe,D]),a=l.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 z?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":""} ${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":L==="inside"&&w?"true":void 0,children:[t&&L!=="inside"&&e.jsxs("label",{htmlFor:M,className:`nice-field__label ${u?"nice-field__label--required":""}`,children:[t,Z&&a.length>0&&e.jsx(o.Kr,{shortcuts:a,size:"sm"})]}),e.jsxs("div",{className:"nice-field__control",children:[G.isDisplay?e.jsx(o.Cs,{value:w??E??"",placeholder:$,disabled:n,readOnly:i,onActivate:G.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:[I&&e.jsx("span",{className:"nice-input__icon",children:I}),e.jsx("input",{ref:v=>{typeof b=="function"?b(v):b&&(b.current=v),G.autoFocusRef(v)},id:M,className:"nice-input__native",type:F,name:y,value:w,defaultValue:E,placeholder:$,disabled:n||re,readOnly:i,maxLength:g,autoFocus:T,"aria-invalid":!!s,"aria-describedby":s?`${M}-error`:p?`${M}-helper`:void 0,onChange:v=>m?.(v.target.value),onBlur:v=>{V&&G.exitEdit(),J?.(v)},onKeyDown:ie,...de}),R&&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&&L==="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"})}),W==="right"&&s&&e.jsx("div",{id:`${M}-error`,className:"nice-field__error",role:"alert",children:s}),W==="right"&&!s&&p&&e.jsx("div",{id:`${M}-helper`,className:"nice-field__helper",children:p})]}),W!=="right"&&s&&e.jsx("div",{id:`${M}-error`,className:"nice-field__error",role:"alert",children:s}),W!=="right"&&!s&&p&&e.jsx("div",{id:`${M}-helper`,className:"nice-field__helper",children:p})]})});Ce.displayName="NiceTextInput";const He=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:y,id:h,className:f,style:_,accessMode:S,displayStyle:P,value:x,onChange:w,onBlur:E,onKeyDown:m,placeholder:J,min:D,max:$,step:F=1,precision:g,prefix:I,prefixType:U="label",prefixOptions:R,prefixValue:T,onPrefixChange:k,suffix:A,showStepper:Z=!0,submitOnEnter:L,onSubmit:W,showKeyboardHints:re,labelPlacement:le,errorPlacement:X,loading:V,labelWidth:de,controlWidth:b,formatPreset:N,format:z,suffixType:H="label",suffixOptions:M,suffixValue:ee,onSuffixChange:ae,displayMode:ue},Y)=>{const G=o.Zs(S,h),oe=G==="hidden";G==="disabled"&&(n=!0),G==="readOnly"&&(i=!0);const{t:ie}=o.$o(),a=o.Hs(h),v=o.vs("input",P),q=o.Ss("input",P),[C,Q]=l.useState(!1),[O,xe]=l.useState(null),ve=o.Ms({enabled:ue,readOnly:i,disabled:n}),pe=l.useMemo(()=>{let c=3;return $!=null&&(c=String(Math.abs(Math.floor($))).length),D!=null&&D<0&&(c+=1),g&&(c+=g+1),Math.max(3,c)+1},[$,D,g]),je=l.useCallback(c=>{if(z)return z(c);if(!N)return g!=null?c.toFixed(g):String(c);switch(N){case"integer":return Math.round(c).toLocaleString();case"decimal":return c.toLocaleString(void 0,{minimumFractionDigits:g??2,maximumFractionDigits:g??2});case"money":return c.toLocaleString(void 0,{minimumFractionDigits:g??2,maximumFractionDigits:g??2,useGrouping:!0});case"percent":return(c*100).toLocaleString(void 0,{minimumFractionDigits:g??0,maximumFractionDigits:g??2})+"%";default:return String(c)}},[z,N,g]),ye=l.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,se=!!(I||U==="select"&&R&&R.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)),$!==void 0&&(j=Math.min($,j)),g!==void 0&&(j=parseFloat(j.toFixed(g))),j},[D,$,g]),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)),$!==void 0&&(_e=Math.min($,_e)),w?.(_e)}},[w,D,$]),ge=l.useCallback(()=>{const c=be.current,j=he((c??0)+F);be.current=j,w?.(j)},[F,w,he]),$e=l.useCallback(()=>{const c=be.current,j=he((c??0)-F);be.current=j,w?.(j)},[F,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)},[]),K=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.gc({enabled:L,onSubmit:W}),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 L&&c.push(o.mc.submit),Z&&(c.push({key:"ArrowUp",description:ie("shortcuts.increment","Increase value")}),c.push({key:"ArrowDown",description:ie("shortcuts.decrement","Decrease value")})),c},[L,Z,ie]);return oe?null:e.jsxs("div",{className:`nice-field nice-field--${d} ${le==="left"?"nice-field--label-left":""} ${V?"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":V||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.Kr,{shortcuts:te,size:"sm"})]}),e.jsxs("div",{className:"nice-field__control",children:[ve.isDisplay?e.jsx(o.Cs,{value:x==null?"":I?e.jsxs(e.Fragment,{children:[I,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-${q} ${s?"nice-input--error":""} ${n?"nice-input--disabled":""} ${i?"nice-input--readonly":""}`,style:v,children:[Z&&!i&&e.jsx("button",{type:"button",className:"nice-input__clear nice-input__minus",onClick:$e,onMouseDown:()=>K($e),onMouseUp:B,onMouseLeave:B,disabled:n,"aria-label":ie("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:T??R[0]?.value,disabled:n,onChange:c=>{const j=c.target.value,ce=R.find(Ne=>Ne.value===(T??R[0]?.value)),_e=R.find(Ne=>Ne.value===j);k?.(j,ce?.weight,_e?.weight)},children:R.map(c=>e.jsx("option",{value:c.value,children:c.label},c.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:c=>{typeof Y=="function"?Y(c):Y&&(Y.current=c),ve.autoFocusRef(c)},id:a,className:"nice-input__native",type:!C&&(z||N)?"text":"number",name:y,value:we,placeholder:J,min:D,max:$,step:F,disabled:n||V,readOnly:i,"aria-invalid":!!s,onChange:Me,onFocus:c=>{Q(!0),xe(null),c.target.select()},onBlur:c=>{if(Q(!1),xe(null),x!=null&&g!==void 0){const j=parseFloat(x.toFixed(g));j!==x&&w?.(j)}ue&&ve.exitEdit(),E?.(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))}):A?e.jsx("span",{className:"nice-input__icon nice-input__icon--suffix",children:A}):null,Z&&!i&&e.jsx("button",{type:"button",className:"nice-input__clear nice-input__plus",onClick:ge,onMouseDown:()=>K(ge),onMouseUp:B,onMouseLeave:B,disabled:n,"aria-label":ie("controls.increment","Increment"),children:"+"})]})}),V&&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 Te=Object.freeze(Object.defineProperty({__proto__:null,NiceNumberInput:Se},Symbol.toStringTag,{value:"Module"})),Re=l.forwardRef(({label:t,helperText:p,error:s,required:u,disabled:n,size:i="md",name:d,id:y,className:h,style:f,accessMode:_,displayStyle:S,options:P,value:x,onChange:w,placeholder:E,multiple:m=!1,searchable:J=!1,clearable:D=!1,emptyText:$,maxHeight:F=240,optionsSource:g,valueField:I,labelField:U,virtualScroll:R,optionHeight:T=36,onSearch:k,loading:A,renderOption:Z,multipleAutosize:L=!1,showKeyboardHints:W,labelPlacement:re,errorPlacement:le,labelWidth:X,controlWidth:V,displayMode:de},b)=>{const N=o.Zs(_,y),z=N==="hidden";(N==="disabled"||N==="readOnly")&&(n=!0);const{t:H}=o.$o(),M=o.vs("input",S),ee=o.Ss("input",S),ae=o.Hs(y),ue=o.Ms({enabled:de,disabled:n}),[Y,G]=l.useState(!1),[oe,ie]=l.useState(""),[a,v]=l.useState(-1),[q,C]=l.useState(0),Q=l.useRef(null),O=l.useRef(null),[xe,ve]=l.useState(null);l.useLayoutEffect(()=>{!A&&O.current&&ve(O.current.offsetWidth)},[A,x,S]);const[pe,je]=l.useState(null);l.useLayoutEffect(()=>{m&&!L&&O.current&&pe==null&&je(O.current.offsetWidth)},[m,L,pe]);const ye=o.od(g??null,I??g?.keyField??"id",U??"name"),fe=g?ye.options:(P??[]).map(r=>typeof r=="string"?{value:r,label:r}:r);o.$s(Q,()=>{G(!1),ie("")});const se=l.useMemo(()=>x?Array.isArray(x)?x:[x]:[],[x]),ne=l.useMemo(()=>{if(!oe&&!k||k)return fe;const r=oe.toLowerCase();return fe.filter(B=>B.label.toLowerCase().includes(r)||String(B.value).toLowerCase().includes(r))},[fe,oe,k]),we=l.useMemo(()=>{const r=new Map;for(const B of ne){const K=B.group||"";r.has(K)||r.set(K,[]),r.get(K).push(B)}return r},[ne]),he=l.useCallback(r=>{if(m){const B=se.includes(r)?se.filter(K=>K!==r):[...se,r];w?.(B)}else w?.(r),G(!1),ie("")},[m,se,w]),Me=l.useCallback(r=>{if(r.key==="Escape"){G(!1),ie("");return}if(r.key==="Enter"||r.key===" "){if(!Y){G(!0),r.preventDefault();return}a>=0&&ne[a]&&(he(ne[a].value),r.preventDefault());return}r.key==="ArrowDown"&&(r.preventDefault(),v(B=>Math.min(B+1,ne.length-1))),r.key==="ArrowUp"&&(r.preventDefault(),v(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.mc.moveUp,o.mc.moveDown,o.mc.cancel],[H]);return z?null:e.jsxs("div",{className:`nice-field ${V==null?"nice-field--select-auto":""} nice-field--${i} ${re==="left"?"nice-field--label-left":""} ${A?"nice-field--loading":""} ${h||""}`,style:{...f,...X!=null&&{"--nice-field-label-width":typeof X=="number"?`${X}px`:X},...V!=null&&{"--nice-field-control-width":typeof V=="number"?`${V}px`:V},...A&&xe!=null&&{"--nice-select-locked-width":`${xe}px`}},"aria-busy":A||void 0,children:[t&&e.jsxs("label",{htmlFor:ae,className:`nice-field__label ${u?"nice-field__label--required":""}`,children:[t,W&&e.jsx(o.Kr,{shortcuts:be,size:"sm"})]}),e.jsxs("div",{className:"nice-field__control",children:[ue.isDisplay?e.jsx(o.Cs,{value:ge,placeholder:E||H("controls.select","Select..."),disabled:n,onActivate:()=>{ue.enterEdit(),G(!0)},ariaLabel:t}):e.jsxs("div",{className:"nice-select",ref:Q,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":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&&!L&&pe!=null?{width:pe,maxWidth:pe,overflow:"hidden"}:{}},disabled:n,onClick:()=>G(!Y),onKeyDown:Me,children:[ge?e.jsx("span",{style:m&&!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&&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:F},onScroll:R?r=>C(r.currentTarget.scrollTop):void 0,children:[(J||k)&&e.jsx("div",{className:"nice-select__search",children:e.jsx("input",{type:"text",value:oe,onChange:r=>{ie(r.target.value),v(0),k?.(r.target.value)},placeholder:H("controls.search","Search..."),autoFocus:!0})}),A&&e.jsx("div",{className:"nice-select__loading",children:e.jsx("div",{className:"nice-spinner nice-spinner--sm",style:{margin:"8px auto"}})}),!A&&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 B=ne.length*T,K=Math.max(0,Math.floor(q/T)-3),me=Math.min(ne.length,Math.ceil((q+F)/T)+3),ke=ne.slice(K,me);return e.jsx("div",{style:{height:B,position:"relative"},children:ke.map((te,c)=>{const j=K+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*T,left:0,right:0,height:T,display:"flex",alignItems:"center",padding:"0 12px"},onClick:()=>!te.disabled&&he(String(te.value)),onMouseEnter:()=>v(j),children:Z?Z(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(K=>{const me=se.includes(K.value),ke=ne.indexOf(K);return e.jsx("div",{role:"option","aria-selected":me,className:`nice-select__option ${me?"nice-select__option--selected":""} ${ke===a?"nice-select__option--highlighted":""} ${K.disabled?"nice-select__option--disabled":""}`,onClick:()=>!K.disabled&&he(String(K.value)),onMouseEnter:()=>v(ke),children:Z?Z(K,me):e.jsxs(e.Fragment,{children:[K.icon&&e.jsx("span",{children:K.icon}),e.jsxs("div",{style:{flex:1},children:[e.jsx("div",{children:K.label}),K.description&&e.jsx("div",{className:"nice-select__option-desc",children:K.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"})})]})},K.value)})]},r))]})]}),A&&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})]})});Re.displayName="NiceSelect";const Ae=Object.freeze(Object.defineProperty({__proto__:null,NiceSelect:Re},Symbol.toStringTag,{value:"Module"})),De=l.forwardRef(({label:t,checked:p=!1,indeterminate:s=!1,onChange:u,disabled:n,readOnly:i,loading:d,required:y,size:h="md",name:f,id:_,className:S,style:P,error:x,helperText:w,accessMode:E,displayStyle:m,showKeyboardHints:J,labelPlacement:D,errorPlacement:$,labelWidth:F,controlWidth:g},I)=>{const U=o.Zs(E,_),R=U==="hidden";(U==="disabled"||U==="readOnly")&&(n=!0);const{t:T}=o.$o(),k=o.Hs(_);o.Ss("toggle",m);const A=l.useMemo(()=>[{key:"Space",description:T("shortcuts.toggle","Toggle")}],[T]),Z=l.useCallback(L=>{L&&(L.indeterminate=s),typeof I=="function"?I(L):I&&(I.current=L)},[s,I]);return R?null:e.jsxs("div",{className:`nice-field nice-field--inline nice-field--${h} ${D==="left"?"nice-field--label-left":""} ${$==="right"?"nice-field--error-right":""} ${d?"nice-field--loading":""} ${S||""}`,style:{...P,...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"&&t&&e.jsx("span",{className:`nice-field__label ${y?"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:k,children:[e.jsx("input",{ref:Z,id:k,type:"checkbox",className:"nice-checkbox__input",name:f,checked:p,disabled:n||d,readOnly:i,"aria-invalid":!!x,onChange:L=>{i||d||u?.(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: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.Kr,{shortcuts:A,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 Be=Object.freeze(Object.defineProperty({__proto__:null,NiceCheckbox:De},Symbol.toStringTag,{value:"Module"})),Le=l.forwardRef(({label:t,checked:p=!1,onChange:s,disabled:u,readOnly:n,loading:i,required:d,size:y="md",name:h,id:f,className:_,style:S,accessMode:P,displayStyle:x,showKeyboardHints:w,error:E,helperText:m,labelPlacement:J,errorPlacement:D,labelWidth:$,controlWidth:F},g)=>{const I=o.Zs(P,f),U=I==="hidden";(I==="disabled"||I==="readOnly")&&(u=!0);const{t:R}=o.$o(),T=o.Hs(f);o.vs("toggle",x);const k=o.Ss("toggle",x),A=l.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} ${J==="left"?"nice-field--label-left":""} ${i?"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":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-${k} ${y!=="md"?`nice-toggle--${y}`:""} ${u||i?"nice-toggle--disabled":""}`,htmlFor:T,children:[e.jsx("input",{ref:g,id:T,type:"checkbox",className:"nice-toggle__input",name:h,checked:p,disabled:u||i,readOnly:n,role:"switch","aria-checked":p,"aria-invalid":!!E,onChange:Z=>{n||i||s?.(Z.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.Kr,{shortcuts:A,size:"sm"})]}),i&&e.jsx("span",{className:"nice-field__spinner",children:e.jsx("span",{className:"nice-spinner nice-spinner--sm"})}),D==="right"&&E&&e.jsx("div",{id:`${T}-error`,className:"nice-field__error",role:"alert",children:E}),D==="right"&&!E&&m&&e.jsx("div",{id:`${T}-helper`,className:"nice-field__helper",children:m})]}),D!=="right"&&E&&e.jsx("div",{id:`${T}-error`,className:"nice-field__error",role:"alert",children:E}),D!=="right"&&!E&&m&&e.jsx("div",{id:`${T}-helper`,className:"nice-field__helper",children:m})]})});Le.displayName="NiceToggle";const Ke=["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 qe(){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 Ze(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 ze(t,p,s){const u=t/255,n=p/255,i=s/255,d=Math.max(u,n,i),y=Math.min(u,n,i),h=(d+y)/2;let f=0,_=0;if(d!==y){const S=d-y;switch(_=h>.5?S/(2-d-y):S/(d+y),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 Pe(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)),y=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+y)*255),g:Math.round((f+y)*255),b:Math.round((_+y)*255)}}function Ve(t,p,s){const u=t/255,n=p/255,i=s/255,d=Math.max(u,n,i),y=Math.min(u,n,i),h=d-y;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 Ge(t,p,s){const u=p/100,n=s/100,i=n*u,d=i*(1-Math.abs(t/60%2-1)),y=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+y)*255),g:Math.round((f+y)*255),b:Math.round((_+y)*255)}}function Xe(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 Ye(t,p,s,u,n){const i=y=>Math.max(0,Math.min(255,Math.round(y))).toString(16).padStart(2,"0"),d=`#${i(t)}${i(p)}${i(s)}`;return n?`${d}${i(u*255)}`:d}const Fe=l.forwardRef(({label:t,helperText:p,error:s,required:u,disabled:n,id:i,className:d,style:y,accessMode:h,displayStyle:f,value:_="var(--nice-primary, #3b82f6)",onChange:S,presets:P=Ke,showInput:x=!0,showRandom:w=!0,withAlpha:E=!1,showKeyboardHints:m,size:J="md",labelPlacement:D,errorPlacement:$,labelWidth:F,controlWidth:g,loading:I},U)=>{const R=o.Zs(h,i),T=R==="hidden";(R==="disabled"||R==="readOnly")&&(n=!0);const{t:k}=o.$o(),A=o.Hs(i);o.Ss("input",f);const Z=l.useCallback(()=>{n||S?.(qe())},[n,S]),[L,W]=l.useState(!1),[re,le]=l.useState(null),X=l.useRef(null),V=l.useRef(null);l.useLayoutEffect(()=>{if(!L||!V.current)return;const b=()=>{const N=V.current?.getBoundingClientRect();if(!N)return;const z=280,H=360;let M=N.left,ee=N.bottom+6;M+z>window.innerWidth-8&&(M=Math.max(8,window.innerWidth-z-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]),l.useEffect(()=>{if(!L)return;const b=z=>{const H=z.target;X.current?.contains(H)||V.current?.contains(H)||W(!1)},N=z=>{z.key==="Escape"&&W(!1)};return document.addEventListener("mousedown",b),document.addEventListener("keydown",N),()=>{document.removeEventListener("mousedown",b),document.removeEventListener("keydown",N)}},[L]);const de=l.useMemo(()=>[{key:"Enter",description:k("shortcuts.openPicker","Open color picker")},{key:"Arrow keys",description:k("shortcuts.navigatePresets","Navigate presets")}],[k]);return T?null:e.jsxs("div",{className:`nice-field nice-field--${J} ${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:[t&&e.jsxs("label",{htmlFor:A,className:`nice-field__label ${u?"nice-field__label--required":""}`,children:[t,m&&e.jsx(o.Kr,{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:V,className:"nice-color-picker__swatch",id:A,style:{background:_},onClick:b=>{b.stopPropagation(),n||W(N=>!N)},onKeyDown:b=>{!n&&(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: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:Z,disabled:n,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"&&s&&e.jsx("div",{id:`${A}-error`,className:"nice-field__error",role:"alert",children:s}),$==="right"&&!s&&p&&e.jsx("div",{id:`${A}-helper`,className:"nice-field__helper",children:p})]}),L&&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":k("colorPicker.palette","Color palette"),style:{position:"fixed",left:re.left,top:re.top},onClick:b=>b.stopPropagation(),children:(()=>{const b=Xe(_),N={r:b.r,g:b.g,b:b.b},z=E?b.a:1,H=ze(N.r,N.g,N.b),M=Ve(N.r,N.g,N.b),ee=(a,v,q,C=z)=>S?.(Ye(a,v,q,C,E)),ae=(a,v,q)=>ee(a,v,q),ue=(a,v,q)=>{const C=Pe(a,v,q);ee(C.r,C.g,C.b)},Y=(a,v,q)=>{const C=Ge(a,v,q);ee(C.r,C.g,C.b)},G=a=>ee(N.r,N.g,N.b,a),oe=a=>{if(n)return;const v=a.currentTarget,q=Q=>{const O=v.getBoundingClientRect(),xe=Math.max(0,Math.min(O.width,Q.clientX-O.left)),ve=Math.max(0,Math.min(O.height,Q.clientY-O.top)),pe=Math.round(xe/O.width*100),je=100-Math.round(ve/O.height*100);Y(M.h,pe,je)};q(a);const C=()=>{document.removeEventListener("pointermove",q),document.removeEventListener("pointerup",C)};document.addEventListener("pointermove",q),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:E?9:7,"aria-label":k("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":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), ${ie})`},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,q=H[a],C=Q=>ue(a==="h"?Q:H.h,a==="s"?Q:H.s,a==="l"?Q: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:q,disabled:n,onChange:Q=>C(Number(Q.target.value))}),e.jsx("input",{type:"number",min:0,max:v,value:q,disabled:n,onChange:Q=>C(Number(Q.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],q=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:n,onChange:C=>q(Number(C.target.value))}),e.jsx("input",{type:"number",min:0,max:255,value:v,disabled:n,onChange:C=>q(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(z*100),disabled:n,onChange:a=>G(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(z*100),disabled:n,onChange:a=>G((Number(a.target.value)||0)/100),className:"nice-input__native nice-color-picker__slider-num"})]}),P.length>0&&e.jsx("div",{className:"nice-color-picker__popup-presets",children:P.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"&&s&&e.jsx("div",{id:`${A}-error`,className:"nice-field__error",role:"alert",children:s}),$!=="right"&&!s&&p&&e.jsx("div",{id:`${A}-helper`,className:"nice-field__helper",children:p})]})});Fe.displayName="NiceColorPicker";const Je=Object.freeze(Object.defineProperty({__proto__:null,NiceColorPicker:Fe,hexToRgb:Ue,rgbToHex:Ze},Symbol.toStringTag,{value:"Module"})),Ee=l.forwardRef(({children:t,variant:p="primary",size:s="md",type:u="button",disabled:n,loading:i,fullWidth:d,onClick:y,leftIcon:h,rightIcon:f,error:_,errorPlacement:S="bottom",className:P,style:x,id:w,accessMode:E,displayStyle:m,...J},D)=>{const $=o.Zs(E,w),F=$==="hidden";($==="disabled"||$==="readOnly")&&(n=!0);const g=o.vs("button",m),I=o.Ss("button",m),U=p!=="primary"?(({background:k,color:A,...Z})=>Z)(g):g,R=e.jsxs("button",{ref:D,type:u,id:w,className:`nice-btn nice-btn--${p} nice-btn--${s} nice-btn--ds-${I} ${d?"nice-btn--full-width":""} ${i?"nice-btn--loading":""} ${_&&!S?"nice-btn--has-error":""} ${P||""}`,style:{...U,...x},disabled:n||i,"aria-busy":i||void 0,"aria-disabled":n||i||void 0,onClick:y,...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(F)return null;if(!_)return R;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--${s}`,style:{display:"inline-flex",flexDirection:"row",alignItems:"center",gap:"8px",width:"fit-content"},children:[R,T]}):F?null:e.jsxs("span",{className:`nice-btn-field nice-btn-field--bottom nice-field--${s}`,style:{display:"inline-flex",flexDirection:"column",alignItems:"flex-start",gap:"4px",width:"fit-content"},children:[R,T]})});Ee.displayName="NiceButton";const Qe=({tabs:t,activeTab:p,onChange:s,variant:u="default",vertical:n,size:i="md",className:d,style:y,displayStyle:h})=>{const f=o.vs("tab",h),_=o.Ss("tab",h),[S,P]=l.useState(p||t[0]?.id),x=p??S,w=l.useCallback(m=>{P(m),s?.(m)},[s]),E=t.find(m=>m.id===x)?.content;return e.jsxs("div",{className:`nice-tabs nice-tabs--${i} nice-tabs--ds-${_} ${d||""}`,style:{...f,...y,...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))}),E&&e.jsx("div",{className:"nice-tabs__panel",role:"tabpanel",children:E})]})};exports.NiceButton=Ee;exports.NiceCheckbox=De;exports.NiceCheckbox$1=Be;exports.NiceColorPicker=Fe;exports.NiceColorPicker$1=Je;exports.NiceNumberInput=Se;exports.NiceNumberInput$1=Te;exports.NiceSelect=Re;exports.NiceSelect$1=Ae;exports.NiceTabs=Qe;exports.NiceTextInput=Ce;exports.NiceTextInput$1=He;exports.NiceToggle=Le;
|