@nice2dev/ui 1.0.5 → 1.0.6

package/dist/NiceButton-B5RXLDwI.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),n=require("./core-DGJSUW64.cjs"),re=i.forwardRef(({label:j,helperText:v,error:t,required:T,disabled:r,readOnly:o,size:q="md",name:w,id:g,className:R,style:y,accessMode:h,displayStyle:k,value:_,defaultValue:m,onChange:$,onBlur:d,onKeyDown:x,placeholder:M,type:D="text",maxLength:A,prefix:I,suffix:B,clearable:l,autoFocus:G,submitOnEnter:S,onSubmit:E,showKeyboardHints:J,...z},Z)=>{const H=n.useNiceAccessMode(h,g);if(H==="hidden")return null;H==="disabled"&&(r=!0),H==="readOnly"&&(o=!0);const{t:O}=n.useNiceTranslation(),u=n.useControlId(g),ee=n.useComponentDisplayStyle("input",k),se=n.useComponentDisplayClass("input",k),Q=i.useCallback(()=>$?.(""),[$]),C=n.useSubmitOnEnter({enabled:S,onSubmit:E}),F=i.useCallback(p=>{C(p),x?.(p)},[C,x]),L=i.useMemo(()=>{const p=[];return S&&p.push({key:"Enter",description:O("shortcuts.submit","Submit")}),l&&p.push({key:"Escape",description:O("shortcuts.clear","Clear")}),p},[S,l,O]);return e.jsxs("div",{className:`nice-field ${R||""}`,style:y,children:[j&&e.jsxs("label",{htmlFor:u,className:`nice-field__label ${T?"nice-field__label--required":""}`,children:[j,J&&L.length>0&&e.jsx(n.NiceKeyboardHint,{shortcuts:L,size:"sm"})]}),e.jsxs("div",{className:`nice-input nice-input--${q} nice-input--ds-${se} ${t?"nice-input--error":""} ${r?"nice-input--disabled":""} ${o?"nice-input--readonly":""}`,style:ee,children:[I&&e.jsx("span",{className:"nice-input__icon",children:I}),e.jsx("input",{ref:Z,id:u,className:"nice-input__native",type:D,name:w,value:_,defaultValue:m,placeholder:M,disabled:r,readOnly:o,maxLength:A,autoFocus:G,"aria-invalid":!!t,"aria-describedby":t?`${u}-error`:v?`${u}-helper`:void 0,onChange:p=>$?.(p.target.value),onBlur:d,onKeyDown:F,...z}),l&&_&&e.jsx("button",{type:"button",className:"nice-input__clear",onClick:Q,"aria-label":O("controls.clear","Clear"),children:"✕"}),B&&e.jsx("span",{className:"nice-input__icon",children:B})]}),t&&e.jsx("div",{id:`${u}-error`,className:"nice-field__error",role:"alert",children:t}),!t&&v&&e.jsx("div",{id:`${u}-helper`,className:"nice-field__helper",children:v})]})});re.displayName="NiceTextInput";const ae=i.forwardRef(({label:j,helperText:v,error:t,required:T,disabled:r,size:o="md",name:q,id:w,className:g,style:R,accessMode:y,displayStyle:h,options:k,value:_,onChange:m,placeholder:$,multiple:d=!1,searchable:x=!1,clearable:M=!1,emptyText:D,maxHeight:A=240,optionsSource:I,valueField:B,labelField:l,virtualScroll:G,optionHeight:S=36,onSearch:E,loading:J,renderOption:z,showKeyboardHints:Z},H)=>{const O=n.useNiceAccessMode(y,w);if(O==="hidden")return null;(O==="disabled"||O==="readOnly")&&(r=!0);const{t:u}=n.useNiceTranslation(),ee=n.useComponentDisplayStyle("input",h),se=n.useComponentDisplayClass("input",h),Q=n.useControlId(w),[C,F]=i.useState(!1),[L,p]=i.useState(""),[K,W]=i.useState(-1),[ie,ue]=i.useState(0),ce=i.useRef(null),pe=n.useNiceLookupSource(I??null,B??I?.keyField??"id",l??"name"),P=I?pe.options:k??[];n.useClickOutside(ce,()=>{F(!1),p("")});const f=i.useMemo(()=>_?Array.isArray(_)?_:[_]:[],[_]),N=i.useMemo(()=>{if(!L&&!E||E)return P;const s=L.toLowerCase();return P.filter(a=>a.label.toLowerCase().includes(s)||String(a.value).toLowerCase().includes(s))},[P,L,E]),le=i.useMemo(()=>{const s=new Map;for(const a of N){const c=a.group||"";s.has(c)||s.set(c,[]),s.get(c).push(a)}return s},[N]),V=i.useCallback(s=>{if(d){const a=f.includes(s)?f.filter(c=>c!==s):[...f,s];m?.(a)}else m?.(s),F(!1),p("")},[d,f,m]),he=i.useCallback(s=>{if(s.key==="Escape"){F(!1),p("");return}if(s.key==="Enter"||s.key===" "){if(!C){F(!0),s.preventDefault();return}K>=0&&N[K]&&(V(N[K].value),s.preventDefault());return}s.key==="ArrowDown"&&(s.preventDefault(),W(a=>Math.min(a+1,N.length-1))),s.key==="ArrowUp"&&(s.preventDefault(),W(a=>Math.max(a-1,0)))},[C,K,N,V]),te=i.useMemo(()=>f.length===0?null:d?f.map(s=>P.find(a=>a.value===s)?.label||s).join(", "):P.find(s=>s.value===f[0])?.label||f[0],[f,P,d]),_e=i.useCallback(s=>{s.stopPropagation(),m?.(d?[]:"")},[m,d]),me=i.useMemo(()=>[{key:"Enter",description:u("shortcuts.select","Select")},{key:"Space",description:u("shortcuts.openDropdown","Open dropdown")},n.COMMON_SHORTCUTS.moveUp,n.COMMON_SHORTCUTS.moveDown,n.COMMON_SHORTCUTS.cancel],[u]);return e.jsxs("div",{className:`nice-field ${g||""}`,style:R,children:[j&&e.jsxs("label",{htmlFor:Q,className:`nice-field__label ${T?"nice-field__label--required":""}`,children:[j,Z&&e.jsx(n.NiceKeyboardHint,{shortcuts:me,size:"sm"})]}),e.jsxs("div",{className:"nice-select",ref:ce,children:[e.jsxs("button",{ref:H,type:"button",id:Q,role:"combobox","aria-expanded":C,"aria-haspopup":"listbox","aria-invalid":!!t,className:`nice-select__trigger nice-select__trigger--${o} nice-select--ds-${se} ${C?"nice-select__trigger--open":""} ${t?"nice-select__trigger--error":""} ${r?"nice-select__trigger--disabled":""}`,style:ee,disabled:r,onClick:()=>F(!C),onKeyDown:he,children:[te?e.jsx("span",{children:te}):e.jsx("span",{className:"nice-select__placeholder",children:$||u("controls.select","Select...")}),e.jsxs("span",{style:{display:"flex",alignItems:"center",gap:4},children:[M&&f.length>0&&e.jsx("span",{className:"nice-input__clear",onClick:_e,role:"button","aria-label":u("controls.clear","Clear"),children:"✕"}),e.jsx("svg",{className:`nice-select__chevron ${C?"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"})})]})]}),C&&e.jsxs("div",{className:"nice-select__dropdown",role:"listbox",style:{maxHeight:A},onScroll:G?s=>ue(s.currentTarget.scrollTop):void 0,children:[(x||E)&&e.jsx("div",{className:"nice-select__search",children:e.jsx("input",{type:"text",value:L,onChange:s=>{p(s.target.value),W(0),E?.(s.target.value)},placeholder:u("controls.search","Search..."),autoFocus:!0})}),J&&e.jsx("div",{className:"nice-select__loading",children:e.jsx("div",{className:"nice-spinner nice-spinner--sm",style:{margin:"8px auto"}})}),!J&&N.length===0?e.jsx("div",{className:"nice-select__empty",children:D||u("controls.noResults","No results found")}):G&&!Array.from(le.keys()).some(s=>s!=="")?(()=>{const a=N.length*S,c=Math.max(0,Math.floor(ie/S)-3),U=Math.min(N.length,Math.ceil((ie+A)/S)+3),X=N.slice(c,U);return e.jsx("div",{style:{height:a,position:"relative"},children:X.map((b,xe)=>{const ne=c+xe,Y=f.includes(b.value);return e.jsx("div",{role:"option","aria-selected":Y,className:`nice-select__option ${Y?"nice-select__option--selected":""} ${ne===K?"nice-select__option--highlighted":""} ${b.disabled?"nice-select__option--disabled":""}`,style:{position:"absolute",top:ne*S,left:0,right:0,height:S,display:"flex",alignItems:"center",padding:"0 12px"},onClick:()=>!b.disabled&&V(String(b.value)),onMouseEnter:()=>W(ne),children:z?z(b,Y):e.jsxs(e.Fragment,{children:[b.icon&&e.jsx("span",{children:b.icon}),e.jsxs("div",{style:{flex:1},children:[e.jsx("div",{children:b.label}),b.description&&e.jsx("div",{className:"nice-select__option-desc",children:b.description})]}),Y&&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"})})]})},b.value)})})})():Array.from(le.entries()).map(([s,a])=>e.jsxs(i.Fragment,{children:[s&&e.jsx("div",{className:"nice-select__group-label",children:s}),a.map(c=>{const U=f.includes(c.value),X=N.indexOf(c);return e.jsx("div",{role:"option","aria-selected":U,className:`nice-select__option ${U?"nice-select__option--selected":""} ${X===K?"nice-select__option--highlighted":""} ${c.disabled?"nice-select__option--disabled":""}`,onClick:()=>!c.disabled&&V(String(c.value)),onMouseEnter:()=>W(X),children:z?z(c,U):e.jsxs(e.Fragment,{children:[c.icon&&e.jsx("span",{children:c.icon}),e.jsxs("div",{style:{flex:1},children:[e.jsx("div",{children:c.label}),c.description&&e.jsx("div",{className:"nice-select__option-desc",children:c.description})]}),U&&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"})})]})},c.value)})]},s))]})]}),t&&e.jsx("div",{className:"nice-field__error",role:"alert",children:t}),!t&&v&&e.jsx("div",{className:"nice-field__helper",children:v})]})});ae.displayName="NiceSelect";const fe=["#ef4444","#f97316","#f59e0b","#84cc16","#10b981","#06b6d4","#3b82f6","#6366f1","#8b5cf6","#ec4899","#64748b","#1e293b"];function ve(){return"#"+Math.floor(Math.random()*16777215).toString(16).padStart(6,"0")}const oe=i.forwardRef(({label:j,helperText:v,error:t,required:T,disabled:r,id:o,className:q,style:w,accessMode:g,displayStyle:R,value:y="#3b82f6",onChange:h,presets:k=fe,showInput:_=!0,showRandom:m=!0,showKeyboardHints:$},d)=>{const x=n.useNiceAccessMode(g,o);if(x==="hidden")return null;(x==="disabled"||x==="readOnly")&&(r=!0);const{t:M}=n.useNiceTranslation(),D=n.useControlId(o);n.useComponentDisplayClass("input",R);const A=i.useRef(null),I=i.useCallback(()=>{r||h?.(ve())},[r,h]),B=i.useMemo(()=>[{key:"Enter",description:M("shortcuts.openPicker","Open color picker")},{key:"Arrow keys",description:M("shortcuts.navigatePresets","Navigate presets")}],[M]);return e.jsxs("div",{className:`nice-field ${q||""}`,style:w,children:[j&&e.jsxs("label",{htmlFor:D,className:`nice-field__label ${T?"nice-field__label--required":""}`,children:[j,$&&e.jsx(n.NiceKeyboardHint,{shortcuts:B,size:"sm"})]}),e.jsxs("div",{className:"nice-color-picker",children:[e.jsxs("div",{className:"nice-color-picker__preview-row",children:[e.jsx("div",{className:"nice-color-picker__swatch",style:{background:y},onClick:()=>A.current?.click(),role:"button",tabIndex:0,"aria-label":"Pick color",children:e.jsx("input",{ref:l=>{A.current=l,typeof d=="function"?d(l):d&&(d.current=l)},type:"color",className:"nice-color-picker__native",id:D,value:y,disabled:r,onChange:l=>h?.(l.target.value)})}),_&&e.jsx("div",{className:"nice-input nice-input--sm",style:{width:100},children:e.jsx("input",{className:"nice-input__native",type:"text",value:y,disabled:r,onChange:l=>h?.(l.target.value),maxLength:7})}),m&&e.jsx("button",{type:"button",className:"nice-btn nice-btn--outline nice-btn--sm nice-color-picker__random",onClick:I,disabled:r,title:"Random color","aria-label":"Random color",children:"🎲"})]}),k.length>0&&e.jsx("div",{className:"nice-color-picker__presets",children:k.map(l=>e.jsx("div",{className:`nice-color-picker__preset ${y===l?"nice-color-picker__preset--active":""}`,style:{background:l},onClick:()=>h?.(l),role:"button",tabIndex:0,"aria-label":l},l))})]}),t&&e.jsx("div",{className:"nice-field__error",role:"alert",children:t}),!t&&v&&e.jsx("div",{className:"nice-field__helper",children:v})]})});oe.displayName="NiceColorPicker";const de=i.forwardRef(({children:j,variant:v="primary",size:t="md",type:T="button",disabled:r,loading:o,fullWidth:q,onClick:w,leftIcon:g,rightIcon:R,className:y,style:h,id:k,accessMode:_,displayStyle:m,...$},d)=>{const x=n.useNiceAccessMode(_,k);if(x==="hidden")return null;(x==="disabled"||x==="readOnly")&&(r=!0);const M=n.useComponentDisplayStyle("button",m),D=n.useComponentDisplayClass("button",m);return e.jsxs("button",{ref:d,type:T,id:k,className:`nice-btn nice-btn--${v} nice-btn--${t} nice-btn--ds-${D} ${q?"nice-btn--full-width":""} ${o?"nice-btn--loading":""} ${y||""}`,style:{...M,...h},disabled:r||o,"aria-busy":o||void 0,"aria-disabled":r||o||void 0,onClick:w,...$,children:[o&&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"})}),!o&&g&&e.jsx("span",{"aria-hidden":"true",children:g}),e.jsx("span",{children:j}),!o&&R&&e.jsx("span",{"aria-hidden":"true",children:R})]})});de.displayName="NiceButton";exports.NiceButton=de;exports.NiceColorPicker=oe;exports.NiceSelect=ae;exports.NiceTextInput=re;

package/dist/NiceButton-DmTHNHet.js

@@ -0,0 +1,450 @@
+import { jsxs as l, jsx as e, Fragment as ve } from "react/jsx-runtime";
+import Ce, { forwardRef as ne, useCallback as W, useMemo as z, useState as ee, useRef as be } from "react";
+import { a as ie, b as oe, u as de, c as ue, d as ce, e as we, N as pe, f as Se, g as Me, C as ae } from "./core-CfXsl755.js";
+const Re = ne(({
+  label: y,
+  helperText: v,
+  error: t,
+  required: A,
+  disabled: s,
+  readOnly: a,
+  size: B = "md",
+  name: M,
+  id: x,
+  className: R,
+  style: k,
+  accessMode: p,
+  displayStyle: g,
+  value: h,
+  defaultValue: _,
+  onChange: C,
+  onBlur: o,
+  onKeyDown: m,
+  placeholder: w,
+  type: D = "text",
+  maxLength: F,
+  prefix: I,
+  suffix: q,
+  clearable: c,
+  autoFocus: J,
+  submitOnEnter: S,
+  onSubmit: L,
+  showKeyboardHints: Q,
+  ...K
+}, le) => {
+  const G = ie(p, x);
+  if (G === "hidden") return null;
+  G === "disabled" && (s = !0), G === "readOnly" && (a = !0);
+  const { t: E } = oe(), d = de(x), te = ue("input", g), se = ce("input", g), V = W(() => C?.(""), [C]), $ = we({
+    enabled: S,
+    onSubmit: L
+  }), O = W((u) => {
+    $(u), m?.(u);
+  }, [$, m]), P = z(() => {
+    const u = [];
+    return S && u.push({ key: "Enter", description: E("shortcuts.submit", "Submit") }), c && u.push({ key: "Escape", description: E("shortcuts.clear", "Clear") }), u;
+  }, [S, c, E]);
+  return /* @__PURE__ */ l("div", { className: `nice-field ${R || ""}`, style: k, children: [
+    y && /* @__PURE__ */ l("label", { htmlFor: d, className: `nice-field__label ${A ? "nice-field__label--required" : ""}`, children: [
+      y,
+      Q && P.length > 0 && /* @__PURE__ */ e(pe, { shortcuts: P, size: "sm" })
+    ] }),
+    /* @__PURE__ */ l("div", { className: `nice-input nice-input--${B} nice-input--ds-${se} ${t ? "nice-input--error" : ""} ${s ? "nice-input--disabled" : ""} ${a ? "nice-input--readonly" : ""}`, style: te, children: [
+      I && /* @__PURE__ */ e("span", { className: "nice-input__icon", children: I }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: le,
+          id: d,
+          className: "nice-input__native",
+          type: D,
+          name: M,
+          value: h,
+          defaultValue: _,
+          placeholder: w,
+          disabled: s,
+          readOnly: a,
+          maxLength: F,
+          autoFocus: J,
+          "aria-invalid": !!t,
+          "aria-describedby": t ? `${d}-error` : v ? `${d}-helper` : void 0,
+          onChange: (u) => C?.(u.target.value),
+          onBlur: o,
+          onKeyDown: O,
+          ...K
+        }
+      ),
+      c && h && /* @__PURE__ */ e("button", { type: "button", className: "nice-input__clear", onClick: V, "aria-label": E("controls.clear", "Clear"), children: "✕" }),
+      q && /* @__PURE__ */ e("span", { className: "nice-input__icon", children: q })
+    ] }),
+    t && /* @__PURE__ */ e("div", { id: `${d}-error`, className: "nice-field__error", role: "alert", children: t }),
+    !t && v && /* @__PURE__ */ e("div", { id: `${d}-helper`, className: "nice-field__helper", children: v })
+  ] });
+});
+Re.displayName = "NiceTextInput";
+const De = ne(({
+  label: y,
+  helperText: v,
+  error: t,
+  required: A,
+  disabled: s,
+  size: a = "md",
+  name: B,
+  id: M,
+  className: x,
+  style: R,
+  accessMode: k,
+  displayStyle: p,
+  options: g,
+  value: h,
+  onChange: _,
+  placeholder: C,
+  multiple: o = !1,
+  searchable: m = !1,
+  clearable: w = !1,
+  emptyText: D,
+  maxHeight: F = 240,
+  optionsSource: I,
+  valueField: q,
+  labelField: c,
+  virtualScroll: J,
+  optionHeight: S = 36,
+  onSearch: L,
+  loading: Q,
+  renderOption: K,
+  showKeyboardHints: le
+}, G) => {
+  const E = ie(k, M);
+  if (E === "hidden") return null;
+  (E === "disabled" || E === "readOnly") && (s = !0);
+  const { t: d } = oe(), te = ue("input", p), se = ce("input", p), V = de(M), [$, O] = ee(!1), [P, u] = ee(""), [U, H] = ee(-1), [he, Ne] = ee(0), _e = be(null), ye = Se(
+    I ?? null,
+    q ?? I?.keyField ?? "id",
+    c ?? "name"
+  ), T = I ? ye.options : g ?? [];
+  Me(_e, () => {
+    O(!1), u("");
+  });
+  const f = z(() => h ? Array.isArray(h) ? h : [h] : [], [h]), b = z(() => {
+    if (!P && !L || L) return T;
+    const n = P.toLowerCase();
+    return T.filter((r) => r.label.toLowerCase().includes(n) || String(r.value).toLowerCase().includes(n));
+  }, [T, P, L]), me = z(() => {
+    const n = /* @__PURE__ */ new Map();
+    for (const r of b) {
+      const i = r.group || "";
+      n.has(i) || n.set(i, []), n.get(i).push(r);
+    }
+    return n;
+  }, [b]), X = W((n) => {
+    if (o) {
+      const r = f.includes(n) ? f.filter((i) => i !== n) : [...f, n];
+      _?.(r);
+    } else
+      _?.(n), O(!1), u("");
+  }, [o, f, _]), ke = W((n) => {
+    if (n.key === "Escape") {
+      O(!1), u("");
+      return;
+    }
+    if (n.key === "Enter" || n.key === " ") {
+      if (!$) {
+        O(!0), n.preventDefault();
+        return;
+      }
+      U >= 0 && b[U] && (X(b[U].value), n.preventDefault());
+      return;
+    }
+    n.key === "ArrowDown" && (n.preventDefault(), H((r) => Math.min(r + 1, b.length - 1))), n.key === "ArrowUp" && (n.preventDefault(), H((r) => Math.max(r - 1, 0)));
+  }, [$, U, b, X]), fe = z(() => f.length === 0 ? null : o ? f.map((n) => T.find((r) => r.value === n)?.label || n).join(", ") : T.find((n) => n.value === f[0])?.label || f[0], [f, T, o]), ge = W((n) => {
+    n.stopPropagation(), _?.(o ? [] : "");
+  }, [_, o]), $e = z(() => [
+    { key: "Enter", description: d("shortcuts.select", "Select") },
+    { key: "Space", description: d("shortcuts.openDropdown", "Open dropdown") },
+    ae.moveUp,
+    ae.moveDown,
+    ae.cancel
+  ], [d]);
+  return /* @__PURE__ */ l("div", { className: `nice-field ${x || ""}`, style: R, children: [
+    y && /* @__PURE__ */ l("label", { htmlFor: V, className: `nice-field__label ${A ? "nice-field__label--required" : ""}`, children: [
+      y,
+      le && /* @__PURE__ */ e(pe, { shortcuts: $e, size: "sm" })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "nice-select", ref: _e, children: [
+      /* @__PURE__ */ l(
+        "button",
+        {
+          ref: G,
+          type: "button",
+          id: V,
+          role: "combobox",
+          "aria-expanded": $,
+          "aria-haspopup": "listbox",
+          "aria-invalid": !!t,
+          className: `nice-select__trigger nice-select__trigger--${a} nice-select--ds-${se} ${$ ? "nice-select__trigger--open" : ""} ${t ? "nice-select__trigger--error" : ""} ${s ? "nice-select__trigger--disabled" : ""}`,
+          style: te,
+          disabled: s,
+          onClick: () => O(!$),
+          onKeyDown: ke,
+          children: [
+            fe ? /* @__PURE__ */ e("span", { children: fe }) : /* @__PURE__ */ e("span", { className: "nice-select__placeholder", children: C || d("controls.select", "Select...") }),
+            /* @__PURE__ */ l("span", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+              w && f.length > 0 && /* @__PURE__ */ e("span", { className: "nice-input__clear", onClick: ge, role: "button", "aria-label": d("controls.clear", "Clear"), children: "✕" }),
+              /* @__PURE__ */ e("svg", { className: `nice-select__chevron ${$ ? "nice-select__chevron--open" : ""}`, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ e("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" }) })
+            ] })
+          ]
+        }
+      ),
+      $ && /* @__PURE__ */ l(
+        "div",
+        {
+          className: "nice-select__dropdown",
+          role: "listbox",
+          style: { maxHeight: F },
+          onScroll: J ? (n) => Ne(n.currentTarget.scrollTop) : void 0,
+          children: [
+            (m || L) && /* @__PURE__ */ e("div", { className: "nice-select__search", children: /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                value: P,
+                onChange: (n) => {
+                  u(n.target.value), H(0), L?.(n.target.value);
+                },
+                placeholder: d("controls.search", "Search..."),
+                autoFocus: !0
+              }
+            ) }),
+            Q && /* @__PURE__ */ e("div", { className: "nice-select__loading", children: /* @__PURE__ */ e("div", { className: "nice-spinner nice-spinner--sm", style: { margin: "8px auto" } }) }),
+            !Q && b.length === 0 ? /* @__PURE__ */ e("div", { className: "nice-select__empty", children: D || d("controls.noResults", "No results found") }) : J && !Array.from(me.keys()).some((n) => n !== "") ? (() => {
+              const r = b.length * S, i = Math.max(0, Math.floor(he / S) - 3), j = Math.min(b.length, Math.ceil((he + F) / S) + 3), Y = b.slice(i, j);
+              return /* @__PURE__ */ e("div", { style: { height: r, position: "relative" }, children: Y.map((N, xe) => {
+                const re = i + xe, Z = f.includes(N.value);
+                return /* @__PURE__ */ e(
+                  "div",
+                  {
+                    role: "option",
+                    "aria-selected": Z,
+                    className: `nice-select__option ${Z ? "nice-select__option--selected" : ""} ${re === U ? "nice-select__option--highlighted" : ""} ${N.disabled ? "nice-select__option--disabled" : ""}`,
+                    style: { position: "absolute", top: re * S, left: 0, right: 0, height: S, display: "flex", alignItems: "center", padding: "0 12px" },
+                    onClick: () => !N.disabled && X(String(N.value)),
+                    onMouseEnter: () => H(re),
+                    children: K ? K(N, Z) : /* @__PURE__ */ l(ve, { children: [
+                      N.icon && /* @__PURE__ */ e("span", { children: N.icon }),
+                      /* @__PURE__ */ l("div", { style: { flex: 1 }, children: [
+                        /* @__PURE__ */ e("div", { children: N.label }),
+                        N.description && /* @__PURE__ */ e("div", { className: "nice-select__option-desc", children: N.description })
+                      ] }),
+                      Z && /* @__PURE__ */ e("svg", { className: "nice-select__option-check", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ e("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" }) })
+                    ] })
+                  },
+                  N.value
+                );
+              }) });
+            })() : Array.from(me.entries()).map(([n, r]) => /* @__PURE__ */ l(Ce.Fragment, { children: [
+              n && /* @__PURE__ */ e("div", { className: "nice-select__group-label", children: n }),
+              r.map((i) => {
+                const j = f.includes(i.value), Y = b.indexOf(i);
+                return /* @__PURE__ */ e(
+                  "div",
+                  {
+                    role: "option",
+                    "aria-selected": j,
+                    className: `nice-select__option ${j ? "nice-select__option--selected" : ""} ${Y === U ? "nice-select__option--highlighted" : ""} ${i.disabled ? "nice-select__option--disabled" : ""}`,
+                    onClick: () => !i.disabled && X(String(i.value)),
+                    onMouseEnter: () => H(Y),
+                    children: K ? K(i, j) : /* @__PURE__ */ l(ve, { children: [
+                      i.icon && /* @__PURE__ */ e("span", { children: i.icon }),
+                      /* @__PURE__ */ l("div", { style: { flex: 1 }, children: [
+                        /* @__PURE__ */ e("div", { children: i.label }),
+                        i.description && /* @__PURE__ */ e("div", { className: "nice-select__option-desc", children: i.description })
+                      ] }),
+                      j && /* @__PURE__ */ e("svg", { className: "nice-select__option-check", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ e("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" }) })
+                    ] })
+                  },
+                  i.value
+                );
+              })
+            ] }, n))
+          ]
+        }
+      )
+    ] }),
+    t && /* @__PURE__ */ e("div", { className: "nice-field__error", role: "alert", children: t }),
+    !t && v && /* @__PURE__ */ e("div", { className: "nice-field__helper", children: v })
+  ] });
+});
+De.displayName = "NiceSelect";
+const Ie = [
+  "#ef4444",
+  "#f97316",
+  "#f59e0b",
+  "#84cc16",
+  "#10b981",
+  "#06b6d4",
+  "#3b82f6",
+  "#6366f1",
+  "#8b5cf6",
+  "#ec4899",
+  "#64748b",
+  "#1e293b"
+];
+function Ee() {
+  return "#" + Math.floor(Math.random() * 16777215).toString(16).padStart(6, "0");
+}
+const Ae = ne(({
+  label: y,
+  helperText: v,
+  error: t,
+  required: A,
+  disabled: s,
+  id: a,
+  className: B,
+  style: M,
+  accessMode: x,
+  displayStyle: R,
+  value: k = "#3b82f6",
+  onChange: p,
+  presets: g = Ie,
+  showInput: h = !0,
+  showRandom: _ = !0,
+  showKeyboardHints: C
+}, o) => {
+  const m = ie(x, a);
+  if (m === "hidden") return null;
+  (m === "disabled" || m === "readOnly") && (s = !0);
+  const { t: w } = oe(), D = de(a);
+  ce("input", R);
+  const F = be(null), I = W(() => {
+    s || p?.(Ee());
+  }, [s, p]), q = z(() => [
+    { key: "Enter", description: w("shortcuts.openPicker", "Open color picker") },
+    { key: "Arrow keys", description: w("shortcuts.navigatePresets", "Navigate presets") }
+  ], [w]);
+  return /* @__PURE__ */ l("div", { className: `nice-field ${B || ""}`, style: M, children: [
+    y && /* @__PURE__ */ l("label", { htmlFor: D, className: `nice-field__label ${A ? "nice-field__label--required" : ""}`, children: [
+      y,
+      C && /* @__PURE__ */ e(pe, { shortcuts: q, size: "sm" })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "nice-color-picker", children: [
+      /* @__PURE__ */ l("div", { className: "nice-color-picker__preview-row", children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: "nice-color-picker__swatch",
+            style: { background: k },
+            onClick: () => F.current?.click(),
+            role: "button",
+            tabIndex: 0,
+            "aria-label": "Pick color",
+            children: /* @__PURE__ */ e(
+              "input",
+              {
+                ref: (c) => {
+                  F.current = c, typeof o == "function" ? o(c) : o && (o.current = c);
+                },
+                type: "color",
+                className: "nice-color-picker__native",
+                id: D,
+                value: k,
+                disabled: s,
+                onChange: (c) => p?.(c.target.value)
+              }
+            )
+          }
+        ),
+        h && /* @__PURE__ */ e("div", { className: "nice-input nice-input--sm", style: { width: 100 }, children: /* @__PURE__ */ e(
+          "input",
+          {
+            className: "nice-input__native",
+            type: "text",
+            value: k,
+            disabled: s,
+            onChange: (c) => p?.(c.target.value),
+            maxLength: 7
+          }
+        ) }),
+        _ && /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--outline nice-btn--sm nice-color-picker__random", onClick: I, disabled: s, title: "Random color", "aria-label": "Random color", children: "🎲" })
+      ] }),
+      g.length > 0 && /* @__PURE__ */ e("div", { className: "nice-color-picker__presets", children: g.map((c) => /* @__PURE__ */ e(
+        "div",
+        {
+          className: `nice-color-picker__preset ${k === c ? "nice-color-picker__preset--active" : ""}`,
+          style: { background: c },
+          onClick: () => p?.(c),
+          role: "button",
+          tabIndex: 0,
+          "aria-label": c
+        },
+        c
+      )) })
+    ] }),
+    t && /* @__PURE__ */ e("div", { className: "nice-field__error", role: "alert", children: t }),
+    !t && v && /* @__PURE__ */ e("div", { className: "nice-field__helper", children: v })
+  ] });
+});
+Ae.displayName = "NiceColorPicker";
+const Fe = ne(
+  ({
+    children: y,
+    variant: v = "primary",
+    size: t = "md",
+    type: A = "button",
+    disabled: s,
+    loading: a,
+    fullWidth: B,
+    onClick: M,
+    leftIcon: x,
+    rightIcon: R,
+    className: k,
+    style: p,
+    id: g,
+    accessMode: h,
+    displayStyle: _,
+    ...C
+  }, o) => {
+    const m = ie(h, g);
+    if (m === "hidden") return null;
+    (m === "disabled" || m === "readOnly") && (s = !0);
+    const w = ue("button", _), D = ce("button", _);
+    return /* @__PURE__ */ l(
+      "button",
+      {
+        ref: o,
+        type: A,
+        id: g,
+        className: `nice-btn nice-btn--${v} nice-btn--${t} nice-btn--ds-${D} ${B ? "nice-btn--full-width" : ""} ${a ? "nice-btn--loading" : ""} ${k || ""}`,
+        style: { ...w, ...p },
+        disabled: s || a,
+        "aria-busy": a || void 0,
+        "aria-disabled": s || a || void 0,
+        onClick: M,
+        ...C,
+        children: [
+          a && /* @__PURE__ */ e(
+            "svg",
+            {
+              className: "nice-btn__spinner",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "3",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10", strokeDasharray: "31.4 31.4", strokeLinecap: "round" })
+            }
+          ),
+          !a && x && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: x }),
+          /* @__PURE__ */ e("span", { children: y }),
+          !a && R && /* @__PURE__ */ e("span", { "aria-hidden": "true", children: R })
+        ]
+      }
+    );
+  }
+);
+Fe.displayName = "NiceButton";
+export {
+  Ae as N,
+  De as a,
+  Re as b,
+  Fe as c
+};