@particle-academy/react-fancy 5.22.0 → 5.23.0

package/dist/{chunk-MEUR7C6X.js → chunk-FUG3OCGP.js}

@@ -1,5 +1,5 @@
 import { DisplayValue } from './chunk-KKWNKBKR.js';
-import { Field } from './chunk-FERMW3YE.js';
+import { Field } from './chunk-5MU6X3KO.js';
 import { dirtyRingClasses } from './chunk-GFYSELJF.js';
 import { useInlineEdit } from './chunk-OL53XYHF.js';
 import { useFieldMode } from './chunk-NRXK42LO.js';
@@ -15,6 +15,7 @@ var Slider = forwardRef(
       dirty,
       error,
       label,
+      labelHidden,
       description,
       required,
       disabled,
@@ -57,6 +58,7 @@ var SingleSlider = forwardRef(
     dirty,
     error,
     label,
+    labelHidden,
     description,
     required,
     disabled,
@@ -131,7 +133,7 @@ var SingleSlider = forwardRef(
       marks && marks.length > 0 && /* @__PURE__ */ jsx(SliderMarks, { marks, min, max })
     ] });
     if (label || error || description) {
-      return /* @__PURE__ */ jsx(Field, { label, description, error, required, htmlFor: id, size, children: slider });
+      return /* @__PURE__ */ jsx(Field, { label, labelHidden, description, error, required, htmlFor: id, size, children: slider });
     }
     return slider;
   }
@@ -143,6 +145,7 @@ var RangeSlider = forwardRef(
     dirty,
     error,
     label,
+    labelHidden,
     description,
     required,
     disabled,
@@ -251,7 +254,7 @@ var RangeSlider = forwardRef(
       }
     );
     if (label || error || description) {
-      return /* @__PURE__ */ jsx(Field, { label, description, error, required, htmlFor: id, size, children: slider });
+      return /* @__PURE__ */ jsx(Field, { label, labelHidden, description, error, required, htmlFor: id, size, children: slider });
     }
     return slider;
   }
@@ -277,5 +280,5 @@ function SliderMarks({
 }
 
 export { Slider };
-//# sourceMappingURL=chunk-MEUR7C6X.js.map
-//# sourceMappingURL=chunk-MEUR7C6X.js.map
+//# sourceMappingURL=chunk-FUG3OCGP.js.map
+//# sourceMappingURL=chunk-FUG3OCGP.js.map

package/dist/chunk-FUG3OCGP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/inputs/Slider/Slider.tsx"],"names":[],"mappings":"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","file":"chunk-FUG3OCGP.js","sourcesContent":["import { forwardRef, useId } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { useControllableState } from \"../../../hooks/use-controllable-state\";\nimport { Field } from \"../Field\";\nimport { useFieldMode } from \"../mode/FieldMode.context\";\nimport { DisplayValue } from \"../mode/DisplayValue\";\nimport { useInlineEdit } from \"../mode/useInlineEdit\";\nimport { dirtyRingClasses } from \"../inputs.utils\";\nimport type { SliderProps } from \"./Slider.types\";\n\nexport const Slider = forwardRef<HTMLInputElement, SliderProps>(\n  (props, ref) => {\n    const {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      labelHidden,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      showValue,\n      marks,\n    } = props;\n\n    const autoId = useId();\n    const sliderId = id ?? autoId;\n\n    if (props.range) {\n      return (\n        <RangeSlider\n          {...props}\n          id={sliderId}\n          ref={ref}\n        />\n      );\n    }\n\n    return (\n      <SingleSlider\n        {...props}\n        range={false}\n        id={sliderId}\n        ref={ref}\n      />\n    );\n  },\n);\n\nSlider.displayName = \"Slider\";\n\nconst SingleSlider = forwardRef<HTMLInputElement, SliderProps & { range?: false }>(\n  (\n    {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      labelHidden,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      showValue,\n      marks,\n      prefix,\n      suffix,\n      mode,\n      ...rest\n    },\n    ref,\n  ) => {\n    const singleProps = rest as { value?: number; defaultValue?: number; onValueChange?: (v: number) => void };\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n    const [value, setValue] = useControllableState(\n      singleProps.value,\n      singleProps.defaultValue ?? min,\n      singleProps.onValueChange,\n    );\n\n    const slider = !showControl ? (\n      <DisplayValue\n        size={size}\n        className={className}\n        interactive={interactive}\n        onActivate={enterEdit}\n      >\n        {`${prefix ?? \"\"}${value}${suffix ?? \"\"}`}\n      </DisplayValue>\n    ) : (\n      <div data-react-fancy-slider=\"\" className={cn(\"flex flex-col gap-1\", className)}>\n        <div className=\"flex items-center gap-3\">\n          <input\n            ref={ref}\n            id={id}\n            type=\"range\"\n            name={name}\n            min={min}\n            max={max}\n            step={step}\n            value={value}\n            disabled={disabled}\n            autoFocus={interactive}\n            onBlur={() => {\n              if (interactive) exitEdit();\n            }}\n            onChange={(e) => setValue(Number(e.target.value))}\n            className={cn(\n              \"w-full cursor-pointer accent-blue-600 disabled:cursor-not-allowed disabled:opacity-50\",\n              dirtyRingClasses(dirty),\n              {\n                xs: \"h-1\",\n                sm: \"h-1.5\",\n                md: \"h-2\",\n                lg: \"h-2.5\",\n                xl: \"h-3\",\n              }[size],\n            )}\n          />\n          {showValue && (\n            <span className=\"min-w-[3ch] shrink-0 whitespace-nowrap text-right text-sm font-medium text-zinc-700 dark:text-zinc-300\">\n              {prefix}{value}{suffix}\n            </span>\n          )}\n        </div>\n        {marks && marks.length > 0 && <SliderMarks marks={marks} min={min} max={max} />}\n      </div>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field label={label} labelHidden={labelHidden} description={description} error={error} required={required} htmlFor={id} size={size}>\n          {slider}\n        </Field>\n      );\n    }\n\n    return slider;\n  },\n);\n\nSingleSlider.displayName = \"SingleSlider\";\n\nconst RangeSlider = forwardRef<HTMLInputElement, SliderProps & { range: true }>(\n  (\n    {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      labelHidden,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      showValue,\n      marks,\n      prefix,\n      suffix,\n      mode,\n      ...rest\n    },\n    ref,\n  ) => {\n    const rangeProps = rest as { value?: [number, number]; defaultValue?: [number, number]; onValueChange?: (v: [number, number]) => void };\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n    const [value, setValue] = useControllableState(\n      rangeProps.value,\n      rangeProps.defaultValue ?? [min, max] as [number, number],\n      rangeProps.onValueChange,\n    );\n\n    const handleMin = (n: number) => {\n      setValue([Math.min(n, value[1]), value[1]]);\n    };\n\n    const handleMax = (n: number) => {\n      setValue([value[0], Math.max(n, value[0])]);\n    };\n\n    const leftPercent = ((value[0] - min) / (max - min)) * 100;\n    const rightPercent = ((value[1] - min) / (max - min)) * 100;\n\n    const slider = !showControl ? (\n      <DisplayValue\n        size={size}\n        className={className}\n        interactive={interactive}\n        onActivate={enterEdit}\n      >\n        {`${prefix ?? \"\"}${value[0]}${suffix ?? \"\"}–${prefix ?? \"\"}${value[1]}${suffix ?? \"\"}`}\n      </DisplayValue>\n    ) : (\n      <div\n        data-react-fancy-slider=\"\"\n        className={cn(\"flex flex-col gap-1\", className)}\n        onBlur={(e) => {\n          if (interactive && !e.currentTarget.contains(e.relatedTarget as Node)) exitEdit();\n        }}\n      >\n        <div className=\"flex items-center gap-3\">\n          <div className=\"relative w-full\">\n            <div className=\"pointer-events-none absolute top-1/2 h-1.5 w-full -translate-y-1/2 rounded-full bg-zinc-200 dark:bg-zinc-700\" />\n            <div\n              className=\"pointer-events-none absolute top-1/2 h-1.5 -translate-y-1/2 rounded-full bg-blue-500\"\n              style={{ left: `${leftPercent}%`, width: `${rightPercent - leftPercent}%` }}\n            />\n            <input\n              ref={ref}\n              type=\"range\"\n              min={min}\n              max={max}\n              step={step}\n              value={value[0]}\n              disabled={disabled}\n              autoFocus={interactive}\n              onChange={(e) => handleMin(Number(e.target.value))}\n              className={cn(\n                \"pointer-events-none absolute w-full cursor-pointer appearance-none bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-blue-600 [&::-webkit-slider-thumb]:shadow\",\n                dirtyRingClasses(dirty),\n              )}\n            />\n            <input\n              type=\"range\"\n              min={min}\n              max={max}\n              step={step}\n              value={value[1]}\n              disabled={disabled}\n              onChange={(e) => handleMax(Number(e.target.value))}\n              className=\"pointer-events-none absolute w-full cursor-pointer appearance-none bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-blue-600 [&::-webkit-slider-thumb]:shadow\"\n            />\n            <div className=\"h-6\" />\n          </div>\n          {showValue && (\n            <span className=\"min-w-[6ch] shrink-0 whitespace-nowrap text-right text-sm font-medium text-zinc-700 dark:text-zinc-300\">\n              {prefix}{value[0]}{suffix}–{prefix}{value[1]}{suffix}\n            </span>\n          )}\n        </div>\n        {marks && marks.length > 0 && <SliderMarks marks={marks} min={min} max={max} />}\n      </div>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field label={label} labelHidden={labelHidden} description={description} error={error} required={required} htmlFor={id} size={size}>\n          {slider}\n        </Field>\n      );\n    }\n\n    return slider;\n  },\n);\n\nRangeSlider.displayName = \"RangeSlider\";\n\nfunction SliderMarks({\n  marks,\n  min,\n  max,\n}: {\n  marks: { value: number; label?: string }[];\n  min: number;\n  max: number;\n}) {\n  return (\n    <div className=\"relative h-5 w-full\">\n      {marks.map((mark) => {\n        const percent = ((mark.value - min) / (max - min)) * 100;\n        return (\n          <span\n            key={mark.value}\n            className=\"absolute -translate-x-1/2 text-xs text-zinc-500 dark:text-zinc-400\"\n            style={{ left: `${percent}%` }}\n          >\n            {mark.label ?? mark.value}\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-LNFMT2CE.cjs → chunk-FXP4JLGU.cjs}

@@ -2,7 +2,7 @@
 
 var chunk7EZBMGEE_cjs = require('./chunk-7EZBMGEE.cjs');
 var chunkXKDW6B7X_cjs = require('./chunk-XKDW6B7X.cjs');
-var chunkNP7SU2DF_cjs = require('./chunk-NP7SU2DF.cjs');
+var chunkBBOIFV27_cjs = require('./chunk-BBOIFV27.cjs');
 var chunkYLGTDBB2_cjs = require('./chunk-YLGTDBB2.cjs');
 var chunkJ2DI6RMR_cjs = require('./chunk-J2DI6RMR.cjs');
 var chunkKJ22KE56_cjs = require('./chunk-KJ22KE56.cjs');
@@ -46,6 +46,7 @@ var NativeSelect = react.forwardRef(
     dirty,
     error,
     label,
+    labelHidden,
     description,
     required,
     disabled,
@@ -84,9 +85,10 @@ var NativeSelect = react.forwardRef(
       );
       if (label || error || description) {
         return /* @__PURE__ */ jsxRuntime.jsx(
-          chunkNP7SU2DF_cjs.Field,
+          chunkBBOIFV27_cjs.Field,
           {
             label,
+            labelHidden,
             description,
             error,
             required,
@@ -151,9 +153,10 @@ var NativeSelect = react.forwardRef(
     );
     if (label || error || description) {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkNP7SU2DF_cjs.Field,
+        chunkBBOIFV27_cjs.Field,
         {
           label,
+          labelHidden,
           description,
           error,
           required,
@@ -173,6 +176,7 @@ var ListboxSelect = react.forwardRef(
     dirty,
     error,
     label,
+    labelHidden,
     description,
     required,
     disabled,
@@ -332,9 +336,10 @@ var ListboxSelect = react.forwardRef(
       const display = /* @__PURE__ */ jsxRuntime.jsx(chunkXKDW6B7X_cjs.DisplayValue, { size, interactive, onActivate: enterEdit, children: labels.join(", ") });
       if (label || error || description) {
         return /* @__PURE__ */ jsxRuntime.jsx(
-          chunkNP7SU2DF_cjs.Field,
+          chunkBBOIFV27_cjs.Field,
           {
             label,
+            labelHidden,
             description,
             error,
             required,
@@ -492,9 +497,10 @@ var ListboxSelect = react.forwardRef(
     );
     if (label || error || description) {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkNP7SU2DF_cjs.Field,
+        chunkBBOIFV27_cjs.Field,
         {
           label,
+          labelHidden,
           description,
           error,
           required,
@@ -520,5 +526,5 @@ var Select = react.forwardRef(
 Select.displayName = "Select";
 
 exports.Select = Select;
-//# sourceMappingURL=chunk-LNFMT2CE.cjs.map
-//# sourceMappingURL=chunk-LNFMT2CE.cjs.map
+//# sourceMappingURL=chunk-FXP4JLGU.cjs.map
+//# sourceMappingURL=chunk-FXP4JLGU.cjs.map

package/dist/chunk-FXP4JLGU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/inputs/Select/Select.tsx"],"names":["resolveOption","jsx","forwardRef","useId","useFieldMode","useInlineEdit","DisplayValue","Field","InputWrapper","jsxs","cn","inputBaseClasses","inputSizeClasses","dirtyClasses","errorClasses","useState","useEffect","useRef","useFloatingPosition","useCallback","useOutsideClick","useEscapeKey","useMemo","label","opt","Portal"],"mappings":";;;;;;;;;;;;;;;;AAqBA,SAAS,cACP,IAAA,EAC0B;AAC1B,EAAA,OAAO,OAAO,IAAA,KAAS,QAAA,IAAY,SAAA,IAAa,IAAA;AAClD;AAEA,SAAS,eAAe,IAAA,EAAyD;AAC/E,EAAA,MAAM,OAAsB,EAAC;AAC7B,EAAA,KAAA,MAAW,QAAQ,IAAA,EAAM;AACvB,IAAA,IAAI,aAAA,CAAc,IAAI,CAAA,EAAG;AACvB,MAAA,IAAA,CAAK,IAAA,CAAK,GAAG,IAAA,CAAK,OAAO,CAAA;AAAA,IAC3B,CAAA,MAAO;AACL,MAAA,IAAA,CAAK,KAAK,IAAI,CAAA;AAAA,IAChB;AAAA,EACF;AACA,EAAA,OAAO,IAAA;AACT;AAEA,SAAS,kBAAA,CAAmB,QAAqB,KAAA,EAAe;AAC9D,EAAA,MAAM,QAAA,GAAWA,gCAAc,MAAM,CAAA;AACrC,EAAA,uBACEC,cAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MAEC,OAAO,QAAA,CAAS,KAAA;AAAA,MAChB,UAAU,QAAA,CAAS,QAAA;AAAA,MAElB,QAAA,EAAA,QAAA,CAAS;AAAA,KAAA;AAAA,IAJL,CAAA,EAAG,QAAA,CAAS,KAAK,CAAA,CAAA,EAAI,KAAK,CAAA;AAAA,GAKjC;AAEJ;AAIA,IAAM,YAAA,GAAeC,gBAAA;AAAA,EACnB,CACE;AAAA,IACE,IAAA,GAAO,IAAA;AAAA,IACP,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA;AAAA,IACA,cAAA;AAAA,IACA,IAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,YAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,SAASC,WAAA,EAAM;AACrB,IAAA,MAAM,WAAW,EAAA,IAAM,MAAA;AACvB,IAAA,MAAM,YAAA,GAAeC,+BAAa,IAAI,CAAA;AACtC,IAAA,MAAM,EAAE,aAAa,WAAA,EAAa,SAAA,EAAW,UAAS,GAAIC,+BAAA,CAAc,cAAc,QAAQ,CAAA;AAE9F,IAAA,IAAI,CAAC,WAAA,EAAa;AAChB,MAAA,MAAM,UAAW,KAAA,IAAS,YAAA;AAC1B,MAAA,MAAM,MAAM,cAAA,CAAe,IAAI,CAAA,CAC5B,GAAA,CAAI,CAAC,CAAA,KAAML,+BAAA,CAAc,CAAC,CAAC,EAC3B,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,UAAU,OAAO,CAAA;AAClC,MAAA,MAAM,OAAA,mBACJC,cAAA;AAAA,QAACK,8BAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,OAAA,EAAS,MAAA;AAAA,UACT,QAAA,EAAU,MAAA;AAAA,UACV,WAAA;AAAA,UACA,UAAA,EAAY,SAAA;AAAA,UAEX,eAAK,KAAA,IAAS;AAAA;AAAA,OACjB;AAEF,MAAA,IAAI,KAAA,IAAS,SAAS,WAAA,EAAa;AACjC,QAAA,uBACEL,cAAA;AAAA,UAACM,uBAAA;AAAA,UAAA;AAAA,YACC,KAAA;AAAA,YACA,WAAA;AAAA,YACA,WAAA;AAAA,YACA,KAAA;AAAA,YACA,QAAA;AAAA,YACA,OAAA,EAAS,QAAA;AAAA,YACT,IAAA;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,MAEJ;AACA,MAAA,OAAO,OAAA;AAAA,IACT;AAKA,IAAA,MAAM,eAAe,KAAA,KAAU,MAAA;AAC/B,IAAA,MAAM,kBACJ,CAAC,YAAA,IAAgB,YAAA,KAAiB,MAAA,IAAa,cAAc,EAAA,GAAK,YAAA;AAEpE,IAAA,MAAM,MAAA,mBACJN,cAAA;AAAA,MAACO,8BAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,MAAA;AAAA,QACA,cAAA;AAAA,QACA,cAAA;AAAA,QACA,IAAA;AAAA,QAEA,QAAA,kBAAAC,eAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,yBAAA,EAAwB,EAAA;AAAA,YACxB,GAAA;AAAA,YACA,EAAA,EAAI,QAAA;AAAA,YACJ,QAAA;AAAA,YACA,QAAA;AAAA,YACA,SAAA,EAAWC,oBAAA;AAAA,cACTC,kCAAA;AAAA,cACAC,mCAAiB,IAAI,CAAA;AAAA,cACrBC,+BAAa,KAAK,CAAA;AAAA,cAClBC,+BAAa,KAAK,CAAA;AAAA,cAClB,4EAAA;AAAA,cACA,maAAA;AAAA,cACA,MAAA;AAAA,cACA;AAAA,aACF;AAAA,YACA,QAAA,EAAU,CAAC,CAAA,KAAM;AACf,cAAA,QAAA,GAAW,CAAC,CAAA;AACZ,cAAA,aAAA,GAAgB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,YAChC,CAAA;AAAA,YACC,GAAG,KAAA;AAAA,YACH,GAAI,YAAA,GAAe,EAAE,OAAM,GAAI,EAAE,cAAc,eAAA,EAAgB;AAAA,YAChE,SAAA,EAAW,eAAe,KAAA,CAAM,SAAA;AAAA,YAChC,MAAA,EAAQ,CAAC,CAAA,KAAM;AACb,cAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAChB,cAAA,IAAI,aAAa,QAAA,EAAS;AAAA,YAC5B,CAAA;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,WAAA,mCACE,QAAA,EAAA,EAAO,KAAA,EAAM,EAAA,EAAG,QAAA,EAAQ,MACtB,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,cAED,IAAA,CAAK,GAAA;AAAA,gBAAI,CAAC,IAAA,EAAM,KAAA,KACf,aAAA,CAAc,IAAI,CAAA,mBAChBb,cAAA,CAAC,UAAA,EAAA,EAAgC,KAAA,EAAO,IAAA,CAAK,KAAA,EAC1C,QAAA,EAAA,IAAA,CAAK,OAAA,CAAQ,GAAA;AAAA,kBAAI,CAAC,GAAA,EAAK,QAAA,KACtB,kBAAA,CAAmB,KAAK,QAAQ;AAAA,qBAFrB,CAAA,MAAA,EAAS,KAAK,EAI7B,CAAA,GAEA,kBAAA,CAAmB,MAAM,KAAK;AAAA;AAElC;AAAA;AAAA;AACF;AAAA,KACF;AAGF,IAAA,IAAI,KAAA,IAAS,SAAS,WAAA,EAAa;AACjC,MAAA,uBACEA,cAAA;AAAA,QAACM,uBAAA;AAAA,QAAA;AAAA,UACC,KAAA;AAAA,UACA,WAAA;AAAA,UACA,WAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAA,EAAS,QAAA;AAAA,UACT,IAAA;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,IAEJ;AAEA,IAAA,OAAO,MAAA;AAAA,EACT;AACF,CAAA;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;AAI3B,IAAM,aAAA,GAAgBL,gBAAA;AAAA,EACpB,CACE;AAAA,IACE,IAAA,GAAO,IAAA;AAAA,IACP,KAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,EAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA,GAAc,WAAA;AAAA,IACd,QAAA,GAAW,KAAA;AAAA,IACX,MAAA,EAAQ,gBAAA;AAAA,IACR,aAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,UAAA,GAAa,KAAA;AAAA,IACb,SAAA,GAAY,KAAA;AAAA,IACZ,QAAA;AAAA,IACA,WAAA,GAAc,QAAA;AAAA,IACd,cAAA,GAAiB,UAAA;AAAA,IACjB,SAAA,GAAY,OAAA;AAAA,IACZ,IAAA;AAAA,IACA,KAAA,EAAO,qBAAA;AAAA,IACP,YAAA,EAAc;AAAA,KAEhB,IAAA,KACG;AACH,IAAA,MAAM,SAASC,WAAA,EAAM;AACrB,IAAA,MAAM,WAAW,EAAA,IAAM,MAAA;AACvB,IAAA,MAAM,YAAA,GAAeC,+BAAa,IAAI,CAAA;AACtC,IAAA,MAAM,EAAE,aAAa,WAAA,EAAa,SAAA,EAAW,UAAS,GAAIC,+BAAA,CAAc,cAAc,QAAQ,CAAA;AAG9F,IAAA,MAAM,mBAAmB,UAAA,IAAc,SAAA;AAGvC,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIU,eAAS,KAAK,CAAA;AACtC,IAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,eAAS,EAAE,CAAA;AACvC,IAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,eAAS,EAAE,CAAA;AACjD,IAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAIA,cAAA,CAAwB,EAAE,CAAA;AAGtE,IAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,cAAA;AAAA,MACnC,yBAAqC,kBAAA,IAAiC;AAAA,KACzE;AACA,IAAA,MAAM,gBAAiB,qBAAA,IAAoC,WAAA;AAG3D,IAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,cAAA;AAAA,MACpC,gBAAA,IAAoB,iBAAiB;AAAC,KACxC;AACA,IAAA,MAAM,eAAe,gBAAA,IAAoB,WAAA;AAGzC,IAAAC,eAAA,CAAU,MAAM;AACd,MAAA,IAAI,gBAAA,iBAAiC,gBAAgB,CAAA;AAAA,IACvD,CAAA,EAAG,CAAC,gBAAgB,CAAC,CAAA;AACrB,IAAAA,eAAA,CAAU,MAAM;AACd,MAAA,IAAI,qBAAA,KAA0B,MAAA,EAAW,cAAA,CAAe,qBAA+B,CAAA;AAAA,IACzF,CAAA,EAAG,CAAC,qBAAqB,CAAC,CAAA;AAG1B,IAAA,MAAM,SAAA,GAAYC,aAA0B,IAAI,CAAA;AAChD,IAAA,MAAM,OAAA,GAAUA,aAAuB,IAAI,CAAA;AAC3C,IAAA,MAAM,SAAA,GAAYA,aAAyB,IAAI,CAAA;AAE/C,IAAA,MAAM,QAAA,GAAWC,qCAAA,CAAoB,SAAA,EAAW,OAAA,EAAS;AAAA,MACvD,SAAA,EAAW,cAAA;AAAA,MACX,MAAA,EAAQ,CAAA;AAAA,MACR,OAAA,EAAS;AAAA,KACV,CAAA;AAED,IAAA,MAAM,KAAA,GAAQC,kBAAY,MAAM;AAC9B,MAAA,OAAA,CAAQ,KAAK,CAAA;AACb,MAAA,SAAA,CAAU,EAAE,CAAA;AACZ,MAAA,cAAA,CAAe,EAAE,CAAA;AAAA,IACnB,CAAA,EAAG,EAAE,CAAA;AAIL,IAAAC,iCAAA,CAAgB,OAAA,EAAS,KAAA,EAAO,IAAA,EAAM,SAAS,CAAA;AAC/C,IAAAC,8BAAA,CAAa,OAAO,IAAI,CAAA;AAGxB,IAAAL,eAAA,CAAU,MAAM;AACd,MAAA,IAAI,QAAQ,gBAAA,EAAkB;AAC5B,QAAA,qBAAA,CAAsB,MAAM,SAAA,CAAU,OAAA,EAAS,KAAA,EAAO,CAAA;AAAA,MACxD;AAAA,IACF,CAAA,EAAG,CAAC,IAAA,EAAM,gBAAgB,CAAC,CAAA;AAG3B,IAAA,MAAM,eAAA,GAAkBM,cAAQ,MAAM;AACpC,MAAA,MAAM,IAAA,GAAO,cAAA,CAAe,IAAI,CAAA,CAAE,IAAItB,+BAAa,CAAA;AACnD,MAAA,MAAM,OAAA,GAAU,cAAA,CAAe,GAAA,CAAIA,+BAAa,CAAA;AAChD,MAAA,OAAO,CAAC,GAAG,IAAA,EAAM,GAAG,OAAO,CAAA;AAAA,IAC7B,CAAA,EAAG,CAAC,IAAA,EAAM,cAAc,CAAC,CAAA;AAEzB,IAAA,MAAM,QAAA,GAAW,SACb,eAAA,CAAgB,MAAA;AAAA,MAAO,CAAC,MACtB,CAAA,CAAE,KAAA,CAAM,aAAY,CAAE,QAAA,CAAS,MAAA,CAAO,WAAA,EAAa;AAAA,KACrD,GACA,eAAA;AAGJ,IAAA,MAAM,SAAA,GACJ,aACA,MAAA,CAAO,IAAA,GAAO,MAAA,GAAS,CAAA,IACvB,CAAC,eAAA,CAAgB,IAAA;AAAA,MACf,CAAC,CAAA,KACC,CAAA,CAAE,KAAA,CAAM,aAAY,KAAM,MAAA,CAAO,IAAA,EAAK,CAAE,WAAA,EAAY,IACpD,CAAA,CAAE,KAAA,KAAU,OAAO,IAAA;AAAK,KAC5B;AAGF,IAAA,MAAM,UAAA,GAAa,CAAC,KAAA,KAA2B;AAC7C,MAAA,IAAI,QAAA,EAAU,OAAO,YAAA,CAAa,QAAA,CAAS,KAAK,CAAA;AAChD,MAAA,OAAO,aAAA,KAAkB,KAAA;AAAA,IAC3B,CAAA;AAEA,IAAA,MAAM,YAAA,GAAemB,iBAAA;AAAA,MACnB,CAAC,KAAA,KAAkB;AACjB,QAAA,IAAI,QAAA,EAAU;AACZ,UAAA,MAAM,IAAA,GAAO,YAAA,CAAa,QAAA,CAAS,KAAK,IACpC,YAAA,CAAa,MAAA,CAAO,CAAC,CAAA,KAAM,MAAM,KAAK,CAAA,GACtC,CAAC,GAAG,cAAc,KAAK,CAAA;AAC3B,UAAA,cAAA,CAAe,IAAI,CAAA;AACnB,UAAA,cAAA,GAAiB,IAAI,CAAA;AAAA,QACvB,CAAA,MAAO;AACL,UAAA,cAAA,CAAe,KAAK,CAAA;AACpB,UAAA,aAAA,GAAgB,KAAK,CAAA;AACrB,UAAA,KAAA,EAAM;AAAA,QACR;AAAA,MACF,CAAA;AAAA,MACA,CAAC,QAAA,EAAU,YAAA,EAAc,cAAA,EAAgB,eAAe,KAAK;AAAA,KAC/D;AAEA,IAAA,MAAM,YAAA,GAAeA,kBAAY,MAAM;AACrC,MAAA,MAAMI,MAAAA,GAAQ,OAAO,IAAA,EAAK;AAC1B,MAAA,IAAI,CAACA,MAAAA,EAAO;AACZ,MAAA,MAAM,KAAA,GAAQA,MAAAA;AACd,MAAA,MAAM,SAAA,GAAyB,EAAE,KAAA,EAAO,KAAA,EAAAA,MAAAA,EAAM;AAC9C,MAAA,iBAAA,CAAkB,CAAC,IAAA,KAAS,CAAC,GAAG,IAAA,EAAM,SAAS,CAAC,CAAA;AAChD,MAAA,QAAA,GAAWA,MAAK,CAAA;AAChB,MAAA,SAAA,CAAU,EAAE,CAAA;AACZ,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,MAAM,IAAA,GAAO,CAAC,GAAG,YAAA,EAAc,KAAK,CAAA;AACpC,QAAA,cAAA,CAAe,IAAI,CAAA;AACnB,QAAA,cAAA,GAAiB,IAAI,CAAA;AAErB,QAAA,qBAAA,CAAsB,MAAM,SAAA,CAAU,OAAA,EAAS,KAAA,EAAO,CAAA;AAAA,MACxD,CAAA,MAAO;AACL,QAAA,cAAA,CAAe,KAAK,CAAA;AACpB,QAAA,aAAA,GAAgB,KAAK,CAAA;AACrB,QAAA,KAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA,EAAG,CAAC,MAAA,EAAQ,QAAA,EAAU,cAAc,QAAA,EAAU,cAAA,EAAgB,aAAA,EAAe,KAAK,CAAC,CAAA;AAGnF,IAAA,MAAM,iBAAiB,MAAc;AACnC,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,IAAI,YAAA,CAAa,MAAA,KAAW,CAAA,EAAG,OAAO,WAAA;AACtC,QAAA,IAAI,YAAA,CAAa,WAAW,CAAA,EAAG;AAC7B,UAAA,MAAMC,IAAAA,GAAM,gBAAgB,IAAA,CAAK,CAAC,MAAM,CAAA,CAAE,KAAA,KAAU,YAAA,CAAa,CAAC,CAAC,CAAA;AACnE,UAAA,OAAOA,IAAAA,EAAK,KAAA,IAAS,YAAA,CAAa,CAAC,CAAA;AAAA,QACrC;AACA,QAAA,OAAO,CAAA,EAAG,YAAA,CAAa,MAAM,CAAA,CAAA,EAAI,cAAc,CAAA,CAAA;AAAA,MACjD;AACA,MAAA,IAAI,CAAC,eAAe,OAAO,WAAA;AAC3B,MAAA,MAAM,MAAM,eAAA,CAAgB,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,UAAU,aAAa,CAAA;AACjE,MAAA,OAAO,KAAK,KAAA,IAAS,aAAA;AAAA,IACvB,CAAA;AAEA,IAAA,MAAM,WAAW,QAAA,GAAW,YAAA,CAAa,MAAA,GAAS,CAAA,GAAI,CAAC,CAAC,aAAA;AAGxD,IAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAA2B;AAChD,MAAA,IAAI,CAAC,IAAA,EAAM;AACT,QAAA,IAAI,CAAA,CAAE,QAAQ,WAAA,IAAe,CAAA,CAAE,QAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AAC/D,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,QACd;AACA,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,CAAA,CAAE,QAAQ,WAAA,EAAa;AACzB,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,cAAA,CAAe,CAAC,MAAM,IAAA,CAAK,GAAA,CAAI,IAAI,CAAA,EAAG,QAAA,CAAS,MAAA,GAAS,CAAC,CAAC,CAAA;AAAA,MAC5D,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,SAAA,EAAW;AAC9B,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,cAAA,CAAe,CAAC,CAAA,KAAM,IAAA,CAAK,IAAI,CAAA,GAAI,CAAA,EAAG,CAAC,CAAC,CAAA;AAAA,MAC1C,CAAA,MAAA,IAAW,CAAA,CAAE,GAAA,KAAQ,OAAA,EAAS;AAC5B,QAAA,IAAI,eAAe,CAAA,EAAG;AACpB,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,MAAM,IAAA,GAAO,SAAS,WAAW,CAAA;AACjC,UAAA,IAAI,QAAQ,CAAC,IAAA,CAAK,QAAA,EAAU,YAAA,CAAa,KAAK,KAAe,CAAA;AAAA,QAC/D,WAAW,SAAA,EAAW;AACpB,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,YAAA,EAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF,CAAA;AAGA,IAAA,IAAI,CAAC,WAAA,EAAa;AAChB,MAAA,MAAM,MAAA,GAAS,WACX,YAAA,CAAa,GAAA;AAAA,QACX,CAAC,CAAA,KAAM,eAAA,CAAgB,IAAA,CAAK,CAAC,MAAM,CAAA,CAAE,KAAA,KAAU,CAAC,CAAA,EAAG,KAAA,IAAS;AAAA,OAC9D,GACA,aAAA,GACE,CAAC,eAAA,CAAgB,KAAK,CAAC,CAAA,KAAM,CAAA,CAAE,KAAA,KAAU,aAAa,CAAA,EAAG,KAAA,IAAS,aAAa,IAC/E,EAAC;AACP,MAAA,MAAM,OAAA,mBACJvB,cAAA,CAACK,8BAAA,EAAA,EAAa,IAAA,EAAY,WAAA,EAA0B,YAAY,SAAA,EAC7D,QAAA,EAAA,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,EACnB,CAAA;AAEF,MAAA,IAAI,KAAA,IAAS,SAAS,WAAA,EAAa;AACjC,QAAA,uBACEL,cAAA;AAAA,UAACM,uBAAA;AAAA,UAAA;AAAA,YACC,KAAA;AAAA,YACA,WAAA;AAAA,YACA,WAAA;AAAA,YACA,KAAA;AAAA,YACA,QAAA;AAAA,YACA,OAAA,EAAS,QAAA;AAAA,YACT,IAAA;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,MAEJ;AACA,MAAA,OAAO,OAAA;AAAA,IACT;AAGA,IAAA,MAAM,OAAA,mBACJE,eAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,SAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,EAAA,EAAI,QAAA;AAAA,QACJ,QAAA;AAAA,QACA,SAAA,EAAW,WAAA;AAAA,QACX,SAAS,MAAM,OAAA,CAAQ,CAAC,CAAA,KAAM,CAAC,CAAC,CAAA;AAAA,QAChC,SAAA,EAAW,aAAA;AAAA,QACX,IAAA,EAAK,UAAA;AAAA,QACL,eAAA,EAAe,IAAA;AAAA,QACf,eAAA,EAAc,SAAA;AAAA,QACd,yBAAA,EAAwB,EAAA;AAAA,QACxB,cAAA,EAAa,SAAA;AAAA,QACb,SAAA,EAAWC,oBAAA;AAAA,UACTC,kCAAA;AAAA,UACAC,mCAAiB,IAAI,CAAA;AAAA,UACrBC,+BAAa,KAAK,CAAA;AAAA,UAClBC,+BAAa,KAAK,CAAA;AAAA,UAClB,yEAAA;AAAA,UACA,CAAC,QAAA,IAAY,kCAAA;AAAA,UACb;AAAA,SACF;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAb,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA,cAAA,EAAe,EAAE,CAAA;AAAA,0BAC7CA,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAWS,oBAAA,CAAG,qDAAA,EAAuD,IAAA,IAAQ,YAAY,CAAA;AAAA,cACzF,OAAA,EAAQ,WAAA;AAAA,cACR,IAAA,EAAK,cAAA;AAAA,cAEL,QAAA,kBAAAT,cAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,QAAA,EAAS,SAAA;AAAA,kBACT,CAAA,EAAE,qIAAA;AAAA,kBACF,QAAA,EAAS;AAAA;AAAA;AACX;AAAA;AACF;AAAA;AAAA,KACF;AAGF,IAAA,MAAM,QAAA,GAAW,IAAA,oBACfA,cAAA,CAACwB,wBAAA,EAAA,EACC,QAAA,kBAAAhB,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,OAAA;AAAA,QACL,IAAA,EAAK,SAAA;AAAA,QACL,wBAAsB,QAAA,IAAY,MAAA;AAAA,QAClC,SAAA,EAAU,wLAAA;AAAA,QACV,KAAA,EAAO;AAAA,UACL,MAAM,QAAA,CAAS,CAAA;AAAA,UACf,KAAK,QAAA,CAAS,CAAA;AAAA,UACd,KAAA,EAAO,UAAU,OAAA,EAAS;AAAA,SAC5B;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,gBAAA,oBACCR,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,SAAA;AAAA,cACL,IAAA,EAAK,MAAA;AAAA,cACL,KAAA,EAAO,MAAA;AAAA,cACP,QAAA,EAAU,CAAC,CAAA,KAAM;AACf,gBAAA,SAAA,CAAU,CAAA,CAAE,OAAO,KAAK,CAAA;AACxB,gBAAA,cAAA,CAAe,EAAE,CAAA;AAAA,cACnB,CAAA;AAAA,cACA,SAAA,EAAW,aAAA;AAAA,cACX,WAAA,EAAa,SAAA,IAAa,CAAC,UAAA,GAAa,mBAAA,GAAiB,cAAA;AAAA,cACzD,SAAA,EAAU;AAAA;AAAA,WACZ,EACF,CAAA;AAAA,UAGD,SAAA,oBACCQ,eAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,YAAA;AAAA,cACT,SAAA,EAAU,mJAAA;AAAA,cAEV,QAAA,EAAA;AAAA,gCAAAR,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kBAAA,EAAmB,OAAA,EAAQ,aAAY,IAAA,EAAK,cAAA,EACzD,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,UAAS,SAAA,EAAU,CAAA,EAAE,kIAAA,EAAmI,QAAA,EAAS,WAAU,CAAA,EACnL,CAAA;AAAA,gCACAQ,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,QAAA,EAAA;AAAA,kBAAA,WAAA;AAAA,kBAAY,IAAA;AAAA,kBAAQ,OAAO,IAAA,EAAK;AAAA,kBAAE;AAAA,iBAAA,EAAM;AAAA;AAAA;AAAA,WACtE;AAAA,UAGD,SAAS,MAAA,KAAW,CAAA,IAAK,CAAC,SAAA,mBACzBR,cAAA,CAAC,SAAI,SAAA,EAAU,iCAAA,EAAkC,8BAAgB,CAAA,GAC/D,QAAA,CAAS,WAAW,CAAA,GAAI,IAAA,GAC1B,SAAS,GAAA,CAAI,CAAC,QAAQ,CAAA,KAAM;AAC1B,YAAA,MAAM,QAAA,GAAW,UAAA,CAAW,MAAA,CAAO,KAAe,CAAA;AAClD,YAAA,uBACEQ,eAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBAEC,IAAA,EAAK,QAAA;AAAA,gBACL,IAAA,EAAK,QAAA;AAAA,gBACL,eAAA,EAAe,QAAA;AAAA,gBACf,UAAU,MAAA,CAAO,QAAA;AAAA,gBACjB,OAAA,EAAS,MAAM,YAAA,CAAa,MAAA,CAAO,KAAe,CAAA;AAAA,gBAClD,SAAA,EAAWC,oBAAA;AAAA,kBACT,yFAAA;AAAA,kBACA,CAAA,KAAM,cACF,8BAAA,GACA,4CAAA;AAAA,kBACJ,WACI,kCAAA,GACA,kCAAA;AAAA,kBACJ,OAAO,QAAA,IAAY;AAAA,iBACrB;AAAA,gBAGC,QAAA,EAAA;AAAA,kBAAA,SAAA,KAAc,UAAA,mBACbT,cAAA;AAAA,oBAAC,MAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAWS,oBAAA;AAAA,wBACT,oFAAA;AAAA,wBACA,WACI,8EAAA,GACA;AAAA,uBACN;AAAA,sBAEC,QAAA,EAAA,QAAA,mCACE,KAAA,EAAA,EAAI,SAAA,EAAU,WAAU,OAAA,EAAQ,WAAA,EAAY,MAAK,MAAA,EAAO,MAAA,EAAO,gBAAe,WAAA,EAAY,GAAA,EAAI,eAAc,OAAA,EAAQ,cAAA,EAAe,SAClI,QAAA,kBAAAT,cAAA,CAAC,UAAA,EAAA,EAAS,MAAA,EAAO,qBAAA,EAAsB,CAAA,EACzC;AAAA;AAAA,mBAEJ,kCAEC,MAAA,EAAA,EAAK,SAAA,EAAU,qDACb,QAAA,EAAA,QAAA,oBACCA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,0CAAA,EAA2C,OAAA,EAAQ,aAAY,IAAA,EAAK,cAAA,EACjF,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,QAAA,EAAS,SAAA,EAAU,GAAE,8IAAA,EAA+I,QAAA,EAAS,SAAA,EAAU,CAAA,EAC/L,CAAA,EAEJ,CAAA;AAAA,kCAIFQ,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EACd,QAAA,EAAA;AAAA,oCAAAR,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAA,EAAkB,QAAA,EAAA,MAAA,CAAO,KAAA,EAAM,CAAA;AAAA,oBAC9C,OAAO,WAAA,oBACNA,cAAA,CAAC,UAAK,SAAA,EAAU,yDAAA,EAA2D,iBAAO,WAAA,EAAY;AAAA,mBAAA,EAElG;AAAA;AAAA,eAAA;AAAA,cAjDK,MAAA,CAAO;AAAA,aAkDd;AAAA,UAEJ,CAAC;AAAA;AAAA;AAAA,KAEL,EACF,CAAA;AAGF,IAAA,MAAM,OAAA,mBACJQ,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,UAAA;AAAA,QACV,MAAA,EAAQ,CAAC,CAAA,KAAM;AAGb,UAAA,IAAI,WAAA,IAAe,CAAC,IAAA,IAAQ,CAAC,EAAE,aAAA,CAAc,QAAA,CAAS,CAAA,CAAE,aAAqB,CAAA,EAAG;AAC9E,YAAA,QAAA,EAAS;AAAA,UACX;AAAA,QACF,CAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,OAAA;AAAA,UACA;AAAA;AAAA;AAAA,KACH;AAGF,IAAA,IAAI,KAAA,IAAS,SAAS,WAAA,EAAa;AACjC,MAAA,uBACER,cAAA;AAAA,QAACM,uBAAA;AAAA,QAAA;AAAA,UACC,KAAA;AAAA,UACA,WAAA;AAAA,UACA,WAAA;AAAA,UACA,KAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAA,EAAS,QAAA;AAAA,UACT,IAAA;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,IAEJ;AAEA,IAAA,OAAO,OAAA;AAAA,EACT;AACF,CAAA;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;AAIrB,IAAM,MAAA,GAASL,gBAAA;AAAA,EACpB,CAAC,OAAO,GAAA,KAAQ;AACd,IAAA,MAAM,OAAA,GAAU,KAAA,CAAM,OAAA,KAAY,KAAA,CAAM,WAAW,SAAA,GAAY,QAAA,CAAA;AAE/D,IAAA,IAAI,YAAY,SAAA,EAAW;AACzB,MAAA,uBAAOD,cAAA,CAAC,aAAA,EAAA,EAAe,GAAG,KAAA,EAAO,GAAA,EAAU,CAAA;AAAA,IAC7C;AACA,IAAA,uBAAOA,cAAA,CAAC,YAAA,EAAA,EAAc,GAAG,KAAA,EAAO,GAAA,EAAU,CAAA;AAAA,EAC5C;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-FXP4JLGU.cjs","sourcesContent":["import { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { Field } from \"../Field\";\nimport { InputWrapper } from \"../InputWrapper\";\nimport { Portal } from \"../../Portal\";\nimport { useFloatingPosition } from \"../../../hooks/use-floating-position\";\nimport { useOutsideClick } from \"../../../hooks/use-outside-click\";\nimport { useEscapeKey } from \"../../../hooks/use-escape-key\";\nimport {\n  dirtyClasses,\n  errorClasses,\n  inputBaseClasses,\n  inputSizeClasses,\n  resolveOption,\n} from \"../inputs.utils\";\nimport { useFieldMode } from \"../mode/FieldMode.context\";\nimport { DisplayValue } from \"../mode/DisplayValue\";\nimport { useInlineEdit } from \"../mode/useInlineEdit\";\nimport type { InputOption, InputOptionGroup } from \"../inputs.types\";\nimport type { SelectProps } from \"./Select.types\";\n\nfunction isOptionGroup(\n  item: InputOption | InputOptionGroup,\n): item is InputOptionGroup {\n  return typeof item === \"object\" && \"options\" in item;\n}\n\nfunction flattenOptions(list: (InputOption | InputOptionGroup)[]): InputOption[] {\n  const flat: InputOption[] = [];\n  for (const item of list) {\n    if (isOptionGroup(item)) {\n      flat.push(...item.options);\n    } else {\n      flat.push(item);\n    }\n  }\n  return flat;\n}\n\nfunction renderNativeOption(option: InputOption, index: number) {\n  const resolved = resolveOption(option);\n  return (\n    <option\n      key={`${resolved.value}-${index}`}\n      value={resolved.value as string}\n      disabled={resolved.disabled}\n    >\n      {resolved.label}\n    </option>\n  );\n}\n\n// ── Native variant ──────────────────────────────────────────────────────\n\nconst NativeSelect = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      labelHidden,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      list,\n      placeholder,\n      prefix,\n      suffix,\n      prefixPosition,\n      suffixPosition,\n      mode,\n      onValueChange,\n      onChange,\n      value,\n      defaultValue,\n      ...props\n    },\n    ref,\n  ) => {\n    const autoId = useId();\n    const selectId = id ?? autoId;\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n\n    if (!showControl) {\n      const current = (value ?? defaultValue) as string | undefined;\n      const opt = flattenOptions(list)\n        .map((o) => resolveOption(o))\n        .find((o) => o.value === current);\n      const display = (\n        <DisplayValue\n          size={size}\n          leading={prefix}\n          trailing={suffix}\n          interactive={interactive}\n          onActivate={enterEdit}\n        >\n          {opt?.label ?? current}\n        </DisplayValue>\n      );\n      if (label || error || description) {\n        return (\n          <Field\n            label={label}\n            labelHidden={labelHidden}\n            description={description}\n            error={error}\n            required={required}\n            htmlFor={selectId}\n            size={size}\n          >\n            {display}\n          </Field>\n        );\n      }\n      return display;\n    }\n\n    // When a placeholder is provided but no value/defaultValue, default to \"\"\n    // so the disabled placeholder <option> is the initial selection instead of\n    // the browser auto-picking the first real option.\n    const isControlled = value !== undefined;\n    const resolvedDefault =\n      !isControlled && defaultValue === undefined && placeholder ? \"\" : defaultValue;\n\n    const select = (\n      <InputWrapper\n        prefix={prefix}\n        suffix={suffix}\n        prefixPosition={prefixPosition}\n        suffixPosition={suffixPosition}\n        size={size}\n      >\n        <select\n          data-react-fancy-select=\"\"\n          ref={ref}\n          id={selectId}\n          disabled={disabled}\n          required={required}\n          className={cn(\n            inputBaseClasses,\n            inputSizeClasses[size],\n            dirtyClasses(dirty),\n            errorClasses(error),\n            \"w-full appearance-none bg-no-repeat bg-[length:16px] bg-[right_8px_center]\",\n            \"bg-[url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22%236b7280%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.23%207.21a.75.75%200%20011.06.02L10%2011.168l3.71-3.938a.75.75%200%20111.08%201.04l-4.25%204.5a.75.75%200%2001-1.08%200l-4.25-4.5a.75.75%200%2001.02-1.06z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E')]\",\n            \"pr-8\",\n            className,\n          )}\n          onChange={(e) => {\n            onChange?.(e);\n            onValueChange?.(e.target.value);\n          }}\n          {...props}\n          {...(isControlled ? { value } : { defaultValue: resolvedDefault })}\n          autoFocus={interactive || props.autoFocus}\n          onBlur={(e) => {\n            props.onBlur?.(e);\n            if (interactive) exitEdit();\n          }}\n        >\n          {placeholder && (\n            <option value=\"\" disabled>\n              {placeholder}\n            </option>\n          )}\n          {list.map((item, index) =>\n            isOptionGroup(item) ? (\n              <optgroup key={`group-${index}`} label={item.label}>\n                {item.options.map((opt, optIndex) =>\n                  renderNativeOption(opt, optIndex),\n                )}\n              </optgroup>\n            ) : (\n              renderNativeOption(item, index)\n            ),\n          )}\n        </select>\n      </InputWrapper>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field\n          label={label}\n          labelHidden={labelHidden}\n          description={description}\n          error={error}\n          required={required}\n          htmlFor={selectId}\n          size={size}\n        >\n          {select}\n        </Field>\n      );\n    }\n\n    return select;\n  },\n);\n\nNativeSelect.displayName = \"NativeSelect\";\n\n// ── Listbox variant ─────────────────────────────────────────────────────\n\nconst ListboxSelect = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      labelHidden,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      list,\n      placeholder = \"Select...\",\n      multiple = false,\n      values: controlledValues,\n      defaultValues,\n      onValueChange,\n      onValuesChange,\n      searchable = false,\n      creatable = false,\n      onCreate,\n      createLabel = \"Create\",\n      selectedSuffix = \"selected\",\n      indicator = \"check\",\n      mode,\n      value: controlledSingleValue,\n      defaultValue: defaultSingleValue,\n    },\n    _ref,\n  ) => {\n    const autoId = useId();\n    const selectId = id ?? autoId;\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n\n    // Creatable implies a text input, which is also the search input.\n    const textInputEnabled = searchable || creatable;\n\n    // ── State ──────────────────────────────────────────────\n    const [open, setOpen] = useState(false);\n    const [search, setSearch] = useState(\"\");\n    const [activeIndex, setActiveIndex] = useState(-1);\n    const [createdOptions, setCreatedOptions] = useState<InputOption[]>([]);\n\n    // Single-select state\n    const [singleValue, setSingleValue] = useState<string>(\n      (controlledSingleValue as string) ?? (defaultSingleValue as string) ?? \"\",\n    );\n    const currentSingle = (controlledSingleValue as string) ?? singleValue;\n\n    // Multi-select state\n    const [multiValues, setMultiValues] = useState<string[]>(\n      controlledValues ?? defaultValues ?? [],\n    );\n    const currentMulti = controlledValues ?? multiValues;\n\n    // Sync controlled values\n    useEffect(() => {\n      if (controlledValues) setMultiValues(controlledValues);\n    }, [controlledValues]);\n    useEffect(() => {\n      if (controlledSingleValue !== undefined) setSingleValue(controlledSingleValue as string);\n    }, [controlledSingleValue]);\n\n    // ── Refs ───────────────────────────────────────────────\n    const anchorRef = useRef<HTMLButtonElement>(null);\n    const listRef = useRef<HTMLDivElement>(null);\n    const searchRef = useRef<HTMLInputElement>(null);\n\n    const position = useFloatingPosition(anchorRef, listRef, {\n      placement: \"bottom-start\",\n      offset: 4,\n      enabled: open,\n    });\n\n    const close = useCallback(() => {\n      setOpen(false);\n      setSearch(\"\");\n      setActiveIndex(-1);\n    }, []);\n\n    // Outside-click guards the dropdown (in a Portal) against its own clicks,\n    // with the trigger button ignored since it toggles open/closed itself.\n    useOutsideClick(listRef, close, open, anchorRef);\n    useEscapeKey(close, open);\n\n    // Focus text input on open\n    useEffect(() => {\n      if (open && textInputEnabled) {\n        requestAnimationFrame(() => searchRef.current?.focus());\n      }\n    }, [open, textInputEnabled]);\n\n    // ── Options ────────────────────────────────────────────\n    const resolvedOptions = useMemo(() => {\n      const base = flattenOptions(list).map(resolveOption);\n      const created = createdOptions.map(resolveOption);\n      return [...base, ...created];\n    }, [list, createdOptions]);\n\n    const filtered = search\n      ? resolvedOptions.filter((o) =>\n          o.label.toLowerCase().includes(search.toLowerCase()),\n        )\n      : resolvedOptions;\n\n    // Exact-match check to decide whether to show the \"Create X\" row\n    const canCreate =\n      creatable &&\n      search.trim().length > 0 &&\n      !resolvedOptions.some(\n        (o) =>\n          o.label.toLowerCase() === search.trim().toLowerCase() ||\n          o.value === search.trim(),\n      );\n\n    // ── Selection ──────────────────────────────────────────\n    const isSelected = (value: string): boolean => {\n      if (multiple) return currentMulti.includes(value);\n      return currentSingle === value;\n    };\n\n    const toggleOption = useCallback(\n      (value: string) => {\n        if (multiple) {\n          const next = currentMulti.includes(value)\n            ? currentMulti.filter((v) => v !== value)\n            : [...currentMulti, value];\n          setMultiValues(next);\n          onValuesChange?.(next);\n        } else {\n          setSingleValue(value);\n          onValueChange?.(value);\n          close();\n        }\n      },\n      [multiple, currentMulti, onValuesChange, onValueChange, close],\n    );\n\n    const handleCreate = useCallback(() => {\n      const label = search.trim();\n      if (!label) return;\n      const value = label;\n      const newOption: InputOption = { value, label };\n      setCreatedOptions((prev) => [...prev, newOption]);\n      onCreate?.(label);\n      setSearch(\"\");\n      if (multiple) {\n        const next = [...currentMulti, value];\n        setMultiValues(next);\n        onValuesChange?.(next);\n        // Keep dropdown open for multi-select; refocus input\n        requestAnimationFrame(() => searchRef.current?.focus());\n      } else {\n        setSingleValue(value);\n        onValueChange?.(value);\n        close();\n      }\n    }, [search, multiple, currentMulti, onCreate, onValuesChange, onValueChange, close]);\n\n    // ── Display text ───────────────────────────────────────\n    const getDisplayText = (): string => {\n      if (multiple) {\n        if (currentMulti.length === 0) return placeholder;\n        if (currentMulti.length === 1) {\n          const opt = resolvedOptions.find((o) => o.value === currentMulti[0]);\n          return opt?.label ?? currentMulti[0];\n        }\n        return `${currentMulti.length} ${selectedSuffix}`;\n      }\n      if (!currentSingle) return placeholder;\n      const opt = resolvedOptions.find((o) => o.value === currentSingle);\n      return opt?.label ?? currentSingle;\n    };\n\n    const hasValue = multiple ? currentMulti.length > 0 : !!currentSingle;\n\n    // ── Keyboard ───────────────────────────────────────────\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      if (!open) {\n        if (e.key === \"ArrowDown\" || e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          setOpen(true);\n        }\n        return;\n      }\n\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        setActiveIndex((i) => Math.min(i + 1, filtered.length - 1));\n      } else if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        setActiveIndex((i) => Math.max(i - 1, 0));\n      } else if (e.key === \"Enter\") {\n        if (activeIndex >= 0) {\n          e.preventDefault();\n          const item = filtered[activeIndex];\n          if (item && !item.disabled) toggleOption(item.value as string);\n        } else if (canCreate) {\n          e.preventDefault();\n          handleCreate();\n        }\n      }\n    };\n\n    // ── View mode ──────────────────────────────────────────\n    if (!showControl) {\n      const labels = multiple\n        ? currentMulti.map(\n            (v) => resolvedOptions.find((o) => o.value === v)?.label ?? v,\n          )\n        : currentSingle\n          ? [resolvedOptions.find((o) => o.value === currentSingle)?.label ?? currentSingle]\n          : [];\n      const display = (\n        <DisplayValue size={size} interactive={interactive} onActivate={enterEdit}>\n          {labels.join(\", \")}\n        </DisplayValue>\n      );\n      if (label || error || description) {\n        return (\n          <Field\n            label={label}\n            labelHidden={labelHidden}\n            description={description}\n            error={error}\n            required={required}\n            htmlFor={selectId}\n            size={size}\n          >\n            {display}\n          </Field>\n        );\n      }\n      return display;\n    }\n\n    // ── Render ─────────────────────────────────────────────\n    const trigger = (\n      <button\n        ref={anchorRef}\n        type=\"button\"\n        id={selectId}\n        disabled={disabled}\n        autoFocus={interactive}\n        onClick={() => setOpen((o) => !o)}\n        onKeyDown={handleKeyDown}\n        role=\"combobox\"\n        aria-expanded={open}\n        aria-haspopup=\"listbox\"\n        data-react-fancy-select=\"\"\n        data-variant=\"listbox\"\n        className={cn(\n          inputBaseClasses,\n          inputSizeClasses[size],\n          dirtyClasses(dirty),\n          errorClasses(error),\n          \"flex w-full cursor-pointer items-center justify-between gap-2 text-left\",\n          !hasValue && \"text-zinc-400 dark:text-zinc-500\",\n          className,\n        )}\n      >\n        <span className=\"truncate\">{getDisplayText()}</span>\n        <svg\n          className={cn(\"h-4 w-4 shrink-0 text-zinc-400 transition-transform\", open && \"rotate-180\")}\n          viewBox=\"0 0 20 20\"\n          fill=\"currentColor\"\n        >\n          <path\n            fillRule=\"evenodd\"\n            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\"\n            clipRule=\"evenodd\"\n          />\n        </svg>\n      </button>\n    );\n\n    const dropdown = open && (\n      <Portal>\n        <div\n          ref={listRef}\n          role=\"listbox\"\n          aria-multiselectable={multiple || undefined}\n          className=\"fixed z-50 max-h-60 min-w-[8rem] overflow-y-auto rounded-xl border border-zinc-200 bg-white p-1 shadow-lg dark:border-zinc-700 dark:bg-zinc-900 dark:shadow-zinc-950/50 fancy-scale-in\"\n          style={{\n            left: position.x,\n            top: position.y,\n            width: anchorRef.current?.offsetWidth,\n          }}\n        >\n          {textInputEnabled && (\n            <div className=\"px-2 pb-1 pt-1\">\n              <input\n                ref={searchRef}\n                type=\"text\"\n                value={search}\n                onChange={(e) => {\n                  setSearch(e.target.value);\n                  setActiveIndex(-1);\n                }}\n                onKeyDown={handleKeyDown}\n                placeholder={creatable && !searchable ? \"Type to add…\" : \"Search…\"}\n                className=\"w-full rounded-md border-0 bg-zinc-100 px-2.5 py-1.5 text-sm text-zinc-900 placeholder:text-zinc-400 outline-none dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder:text-zinc-500\"\n              />\n            </div>\n          )}\n\n          {canCreate && (\n            <button\n              type=\"button\"\n              onClick={handleCreate}\n              className=\"flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-sm text-blue-600 hover:bg-blue-50 dark:text-blue-400 dark:hover:bg-blue-500/10\"\n            >\n              <svg className=\"h-4 w-4 shrink-0\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                <path fillRule=\"evenodd\" d=\"M10 3a.75.75 0 01.75.75v5.5h5.5a.75.75 0 010 1.5h-5.5v5.5a.75.75 0 01-1.5 0v-5.5h-5.5a.75.75 0 010-1.5h5.5v-5.5A.75.75 0 0110 3z\" clipRule=\"evenodd\" />\n              </svg>\n              <span className=\"truncate\">{createLabel} &quot;{search.trim()}&quot;</span>\n            </button>\n          )}\n\n          {filtered.length === 0 && !canCreate ? (\n            <div className=\"px-3 py-2 text-sm text-zinc-400\">No results found</div>\n          ) : filtered.length === 0 ? null : (\n            filtered.map((option, i) => {\n              const selected = isSelected(option.value as string);\n              return (\n                <button\n                  key={option.value as string}\n                  type=\"button\"\n                  role=\"option\"\n                  aria-selected={selected}\n                  disabled={option.disabled}\n                  onClick={() => toggleOption(option.value as string)}\n                  className={cn(\n                    \"flex w-full items-center gap-2 rounded-lg px-3 py-2 text-left text-sm transition-colors\",\n                    i === activeIndex\n                      ? \"bg-zinc-100 dark:bg-zinc-800\"\n                      : \"hover:bg-zinc-50 dark:hover:bg-zinc-800/50\",\n                    selected\n                      ? \"text-zinc-900 dark:text-zinc-100\"\n                      : \"text-zinc-700 dark:text-zinc-300\",\n                    option.disabled && \"cursor-not-allowed opacity-50\",\n                  )}\n                >\n                  {/* Indicator */}\n                  {indicator === \"checkbox\" ? (\n                    <span\n                      className={cn(\n                        \"flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors\",\n                        selected\n                          ? \"border-blue-500 bg-blue-500 text-white dark:border-blue-400 dark:bg-blue-400\"\n                          : \"border-zinc-300 dark:border-zinc-600\",\n                      )}\n                    >\n                      {selected && (\n                        <svg className=\"h-3 w-3\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                          <polyline points=\"2.5 6 5 8.5 9.5 3.5\" />\n                        </svg>\n                      )}\n                    </span>\n                  ) : (\n                    <span className=\"flex h-4 w-4 shrink-0 items-center justify-center\">\n                      {selected && (\n                        <svg className=\"h-4 w-4 text-blue-500 dark:text-blue-400\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                          <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                        </svg>\n                      )}\n                    </span>\n                  )}\n\n                  {/* Label + description */}\n                  <span className=\"min-w-0 flex-1\">\n                    <span className=\"block truncate\">{option.label}</span>\n                    {option.description && (\n                      <span className=\"block truncate text-xs text-zinc-400 dark:text-zinc-500\">{option.description}</span>\n                    )}\n                  </span>\n                </button>\n              );\n            })\n          )}\n        </div>\n      </Portal>\n    );\n\n    const content = (\n      <div\n        className=\"relative\"\n        onBlur={(e) => {\n          // The popover is portaled (focus moves out of this wrapper), so only\n          // exit edit when the dropdown is closed and focus has truly left.\n          if (interactive && !open && !e.currentTarget.contains(e.relatedTarget as Node)) {\n            exitEdit();\n          }\n        }}\n      >\n        {trigger}\n        {dropdown}\n      </div>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field\n          label={label}\n          labelHidden={labelHidden}\n          description={description}\n          error={error}\n          required={required}\n          htmlFor={selectId}\n          size={size}\n        >\n          {content}\n        </Field>\n      );\n    }\n\n    return content;\n  },\n);\n\nListboxSelect.displayName = \"ListboxSelect\";\n\n// ── Public component ────────────────────────────────────────────────────\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (props, ref) => {\n    const variant = props.variant ?? (props.multiple ? \"listbox\" : \"native\");\n\n    if (variant === \"listbox\") {\n      return <ListboxSelect {...props} ref={ref} />;\n    }\n    return <NativeSelect {...props} ref={ref} />;\n  },\n);\n\nSelect.displayName = \"Select\";\n"]}

package/dist/{chunk-TWSPVX6X.cjs → chunk-GHAZOIEG.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkZPHHKIFV_cjs = require('./chunk-ZPHHKIFV.cjs');
+var chunkV6VFSX6V_cjs = require('./chunk-V6VFSX6V.cjs');
 var chunkH5OPZEVQ_cjs = require('./chunk-H5OPZEVQ.cjs');
 var chunkF2VJEXN2_cjs = require('./chunk-F2VJEXN2.cjs');
 var react = require('react');
@@ -72,7 +72,7 @@ function MagicWand({
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZPHHKIFV_cjs.Textarea,
+      chunkV6VFSX6V_cjs.Textarea,
       {
         ref: taRef,
         value,
@@ -200,5 +200,5 @@ function caretRect(ta, start, end) {
 }
 
 exports.MagicWand = MagicWand;
-//# sourceMappingURL=chunk-TWSPVX6X.cjs.map
-//# sourceMappingURL=chunk-TWSPVX6X.cjs.map
+//# sourceMappingURL=chunk-GHAZOIEG.cjs.map
+//# sourceMappingURL=chunk-GHAZOIEG.cjs.map

package/dist/{chunk-TWSPVX6X.cjs.map → chunk-GHAZOIEG.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/MagicWand/MagicWand.tsx"],"names":["useRef","useState","useCallback","useEffect","jsxs","jsx","Textarea","Badge","Button"],"mappings":"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","file":"chunk-TWSPVX6X.cjs","sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"../Button\";\nimport { Badge } from \"../Badge\";\nimport { Textarea } from \"../inputs/Textarea/Textarea\";\n\n/**\n * MagicWand — selection-anchored floating toolbar for text inputs.\n *\n * When the user highlights text inside the wrapped <Textarea>, a small\n * pill of AI quick-actions floats above the selection. Clicking an\n * action invokes the host callback with the selected substring + range;\n * the host returns a replacement string and MagicWand swaps it in-place.\n *\n *   <MagicWand\n *     value={body}\n *     onValueChange={setBody}\n *     actions={[\n *       { id: \"rephrase\", label: \"Rephrase\", hint: \"same meaning, different words\",\n *         run: async (s) => await ai.rephrase(s) },\n *       …\n *     ]}\n *   />\n *\n * Two appearances: `\"floating\"` (default — full labels) and `\"pill\"`\n * (icon-only, compact). Auto-hides on click-away or scroll by default.\n */\nexport type MagicWandSelection = { start: number; end: number; text: string };\n\nexport type MagicWandAction = {\n  /** Stable id, also shown as the busy-state key. */\n  id: string;\n  /** Display label (first character used in `pill` mode). */\n  label: string;\n  /** Tooltip body. */\n  hint?: string;\n  /** Optional kind chip rendered next to the label. */\n  tag?: string;\n  /** Returns the replacement text for the selection. */\n  run: (selection: string, range: MagicWandSelection) => Promise<string> | string;\n};\n\nexport type MagicWandAppearance = \"pill\" | \"floating\";\n\nexport interface MagicWandProps {\n  /** Controlled textarea value. */\n  value: string;\n  /** Called on every edit. */\n  onValueChange: (v: string) => void;\n  /** Action list. */\n  actions: MagicWandAction[];\n  /** Visual treatment. Defaults to \"floating\". */\n  appearance?: MagicWandAppearance;\n  /** Auto-hide the wand on click-away or scroll. Defaults to true. */\n  autoHide?: boolean;\n  /** Textarea rows. */\n  rows?: number;\n  /** Placeholder. */\n  placeholder?: string;\n  /** Called after an action runs successfully. */\n  onAction?: (action: MagicWandAction, selection: MagicWandSelection, replacement: string) => void;\n}\n\nexport function MagicWand({\n  value,\n  onValueChange,\n  actions,\n  appearance = \"floating\",\n  autoHide = true,\n  rows = 6,\n  placeholder,\n  onAction,\n}: MagicWandProps) {\n  const taRef = useRef<HTMLTextAreaElement>(null);\n  const wandRef = useRef<HTMLDivElement>(null);\n  const [sel, setSel] = useState<MagicWandSelection | null>(null);\n  const [pos, setPos] = useState<{ x: number; y: number } | null>(null);\n  const [busy, setBusy] = useState<string | null>(null);\n\n  const measureSelection = useCallback(() => {\n    const ta = taRef.current;\n    if (!ta) return;\n    const start = ta.selectionStart ?? 0;\n    const end = ta.selectionEnd ?? 0;\n    if (start === end) {\n      setSel(null);\n      setPos(null);\n      return;\n    }\n    const text = ta.value.slice(start, end);\n    setSel({ start, end, text });\n    const rect = caretRect(ta, start, end);\n    if (rect) setPos({ x: rect.x, y: rect.y });\n  }, []);\n\n  useEffect(() => {\n    if (!autoHide) return;\n    const onScroll = () => {\n      setSel(null);\n      setPos(null);\n    };\n    window.addEventListener(\"scroll\", onScroll, true);\n    return () => window.removeEventListener(\"scroll\", onScroll, true);\n  }, [autoHide]);\n\n  useEffect(() => {\n    if (!autoHide) return;\n    const onDocMouseDown = (e: MouseEvent) => {\n      if (wandRef.current?.contains(e.target as Node)) return;\n      if (taRef.current?.contains(e.target as Node)) return;\n      setSel(null);\n      setPos(null);\n    };\n    document.addEventListener(\"mousedown\", onDocMouseDown);\n    return () => document.removeEventListener(\"mousedown\", onDocMouseDown);\n  }, [autoHide]);\n\n  const handleAction = async (action: MagicWandAction) => {\n    if (!sel) return;\n    setBusy(action.id);\n    try {\n      const replacement = await action.run(sel.text, sel);\n      const next = value.slice(0, sel.start) + replacement + value.slice(sel.end);\n      onValueChange(next);\n      onAction?.(action, sel, replacement);\n    } finally {\n      setBusy(null);\n      setSel(null);\n      setPos(null);\n    }\n  };\n\n  return (\n    <div className=\"relative\">\n      <Textarea\n        ref={taRef as unknown as React.Ref<HTMLTextAreaElement>}\n        value={value}\n        onValueChange={onValueChange}\n        onSelect={measureSelection}\n        onKeyUp={measureSelection}\n        onMouseUp={measureSelection}\n        rows={rows}\n        placeholder={placeholder}\n      />\n      {sel && pos && (\n        <Wand\n          ref={wandRef}\n          pos={pos}\n          actions={actions}\n          appearance={appearance}\n          busy={busy}\n          onAction={handleAction}\n          selectionLength={sel.text.length}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction Wand({\n  ref,\n  pos,\n  actions,\n  appearance,\n  busy,\n  onAction,\n  selectionLength,\n}: {\n  ref: React.RefObject<HTMLDivElement | null>;\n  pos: { x: number; y: number };\n  actions: MagicWandAction[];\n  appearance: MagicWandAppearance;\n  busy: string | null;\n  onAction: (a: MagicWandAction) => void;\n  selectionLength: number;\n}) {\n  return (\n    <div\n      ref={ref}\n      className=\"absolute z-20 -translate-x-1/2 -translate-y-full\"\n      style={{ left: pos.x, top: pos.y - 6 }}\n    >\n      <div className=\"flex items-center gap-1 rounded-full border border-violet-300 bg-white px-1.5 py-1 shadow-lg ring-1 ring-violet-200 dark:border-violet-700 dark:bg-zinc-900 dark:ring-violet-900\">\n        <span className=\"ml-1 mr-0.5 inline-flex items-center gap-1 text-[10px] font-medium text-violet-700 dark:text-violet-300\">\n          <span aria-hidden>✦</span>\n          {appearance === \"floating\" && (\n            <Badge color=\"violet\">{selectionLength} chars</Badge>\n          )}\n        </span>\n        {actions.map((a) => (\n          <Button\n            key={a.id}\n            size=\"sm\"\n            variant=\"ghost\"\n            onClick={() => onAction(a)}\n            disabled={busy !== null}\n            title={a.hint}\n          >\n            {busy === a.id ? \"…\" : appearance === \"pill\" ? a.label[0] : a.label}\n            {appearance === \"floating\" && a.tag && (\n              <span className=\"ml-1 rounded-full bg-zinc-100 px-1 text-[9px] font-medium text-zinc-500 dark:bg-zinc-800\">\n                {a.tag}\n              </span>\n            )}\n          </Button>\n        ))}\n      </div>\n      <div className=\"absolute left-1/2 top-full -translate-x-1/2 -translate-y-px\">\n        <div className=\"h-2 w-2 rotate-45 border-b border-r border-violet-300 bg-white dark:border-violet-700 dark:bg-zinc-900\" />\n      </div>\n    </div>\n  );\n}\n\n/**\n * Caret/selection geometry: mirror the textarea into a hidden div and\n * measure the selected substring's bounding rect. Not perfect for\n * resized textareas, but works for typical chat composers.\n */\nfunction caretRect(\n  ta: HTMLTextAreaElement,\n  start: number,\n  end: number,\n): { x: number; y: number } | null {\n  const div = document.createElement(\"div\");\n  const style = getComputedStyle(ta);\n  const props = [\n    \"boxSizing\",\n    \"width\",\n    \"height\",\n    \"overflowX\",\n    \"overflowY\",\n    \"borderTopWidth\",\n    \"borderRightWidth\",\n    \"borderBottomWidth\",\n    \"borderLeftWidth\",\n    \"paddingTop\",\n    \"paddingRight\",\n    \"paddingBottom\",\n    \"paddingLeft\",\n    \"fontStyle\",\n    \"fontVariant\",\n    \"fontWeight\",\n    \"fontStretch\",\n    \"fontSize\",\n    \"fontSizeAdjust\",\n    \"lineHeight\",\n    \"fontFamily\",\n    \"textAlign\",\n    \"textTransform\",\n    \"textIndent\",\n    \"letterSpacing\",\n    \"wordSpacing\",\n    \"tabSize\",\n  ] as const;\n  for (const p of props) (div.style as any)[p] = (style as any)[p];\n  div.style.position = \"absolute\";\n  div.style.top = \"-9999px\";\n  div.style.left = \"-9999px\";\n  div.style.whiteSpace = \"pre-wrap\";\n  div.style.wordWrap = \"break-word\";\n\n  const value = ta.value;\n  div.textContent = value.substring(0, start);\n  const startSpan = document.createElement(\"span\");\n  startSpan.textContent = value.substring(start, end) || \".\";\n  div.appendChild(startSpan);\n\n  document.body.appendChild(div);\n  const taRect = ta.getBoundingClientRect();\n  const parentRect =\n    (ta.offsetParent as HTMLElement | null)?.getBoundingClientRect() ?? taRect;\n  const spanRect = startSpan.getBoundingClientRect();\n  const divRect = div.getBoundingClientRect();\n  const offsetX = spanRect.left - divRect.left;\n  const offsetY = spanRect.top - divRect.top;\n  document.body.removeChild(div);\n\n  const x = taRect.left - parentRect.left + offsetX + spanRect.width / 2;\n  const y = taRect.top - parentRect.top + offsetY - ta.scrollTop;\n  return { x, y };\n}\n"]}
+{"version":3,"sources":["../src/components/MagicWand/MagicWand.tsx"],"names":["useRef","useState","useCallback","useEffect","jsxs","jsx","Textarea","Badge","Button"],"mappings":"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","file":"chunk-GHAZOIEG.cjs","sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"../Button\";\nimport { Badge } from \"../Badge\";\nimport { Textarea } from \"../inputs/Textarea/Textarea\";\n\n/**\n * MagicWand — selection-anchored floating toolbar for text inputs.\n *\n * When the user highlights text inside the wrapped <Textarea>, a small\n * pill of AI quick-actions floats above the selection. Clicking an\n * action invokes the host callback with the selected substring + range;\n * the host returns a replacement string and MagicWand swaps it in-place.\n *\n *   <MagicWand\n *     value={body}\n *     onValueChange={setBody}\n *     actions={[\n *       { id: \"rephrase\", label: \"Rephrase\", hint: \"same meaning, different words\",\n *         run: async (s) => await ai.rephrase(s) },\n *       …\n *     ]}\n *   />\n *\n * Two appearances: `\"floating\"` (default — full labels) and `\"pill\"`\n * (icon-only, compact). Auto-hides on click-away or scroll by default.\n */\nexport type MagicWandSelection = { start: number; end: number; text: string };\n\nexport type MagicWandAction = {\n  /** Stable id, also shown as the busy-state key. */\n  id: string;\n  /** Display label (first character used in `pill` mode). */\n  label: string;\n  /** Tooltip body. */\n  hint?: string;\n  /** Optional kind chip rendered next to the label. */\n  tag?: string;\n  /** Returns the replacement text for the selection. */\n  run: (selection: string, range: MagicWandSelection) => Promise<string> | string;\n};\n\nexport type MagicWandAppearance = \"pill\" | \"floating\";\n\nexport interface MagicWandProps {\n  /** Controlled textarea value. */\n  value: string;\n  /** Called on every edit. */\n  onValueChange: (v: string) => void;\n  /** Action list. */\n  actions: MagicWandAction[];\n  /** Visual treatment. Defaults to \"floating\". */\n  appearance?: MagicWandAppearance;\n  /** Auto-hide the wand on click-away or scroll. Defaults to true. */\n  autoHide?: boolean;\n  /** Textarea rows. */\n  rows?: number;\n  /** Placeholder. */\n  placeholder?: string;\n  /** Called after an action runs successfully. */\n  onAction?: (action: MagicWandAction, selection: MagicWandSelection, replacement: string) => void;\n}\n\nexport function MagicWand({\n  value,\n  onValueChange,\n  actions,\n  appearance = \"floating\",\n  autoHide = true,\n  rows = 6,\n  placeholder,\n  onAction,\n}: MagicWandProps) {\n  const taRef = useRef<HTMLTextAreaElement>(null);\n  const wandRef = useRef<HTMLDivElement>(null);\n  const [sel, setSel] = useState<MagicWandSelection | null>(null);\n  const [pos, setPos] = useState<{ x: number; y: number } | null>(null);\n  const [busy, setBusy] = useState<string | null>(null);\n\n  const measureSelection = useCallback(() => {\n    const ta = taRef.current;\n    if (!ta) return;\n    const start = ta.selectionStart ?? 0;\n    const end = ta.selectionEnd ?? 0;\n    if (start === end) {\n      setSel(null);\n      setPos(null);\n      return;\n    }\n    const text = ta.value.slice(start, end);\n    setSel({ start, end, text });\n    const rect = caretRect(ta, start, end);\n    if (rect) setPos({ x: rect.x, y: rect.y });\n  }, []);\n\n  useEffect(() => {\n    if (!autoHide) return;\n    const onScroll = () => {\n      setSel(null);\n      setPos(null);\n    };\n    window.addEventListener(\"scroll\", onScroll, true);\n    return () => window.removeEventListener(\"scroll\", onScroll, true);\n  }, [autoHide]);\n\n  useEffect(() => {\n    if (!autoHide) return;\n    const onDocMouseDown = (e: MouseEvent) => {\n      if (wandRef.current?.contains(e.target as Node)) return;\n      if (taRef.current?.contains(e.target as Node)) return;\n      setSel(null);\n      setPos(null);\n    };\n    document.addEventListener(\"mousedown\", onDocMouseDown);\n    return () => document.removeEventListener(\"mousedown\", onDocMouseDown);\n  }, [autoHide]);\n\n  const handleAction = async (action: MagicWandAction) => {\n    if (!sel) return;\n    setBusy(action.id);\n    try {\n      const replacement = await action.run(sel.text, sel);\n      const next = value.slice(0, sel.start) + replacement + value.slice(sel.end);\n      onValueChange(next);\n      onAction?.(action, sel, replacement);\n    } finally {\n      setBusy(null);\n      setSel(null);\n      setPos(null);\n    }\n  };\n\n  return (\n    <div className=\"relative\">\n      <Textarea\n        ref={taRef as unknown as React.Ref<HTMLTextAreaElement>}\n        value={value}\n        onValueChange={onValueChange}\n        onSelect={measureSelection}\n        onKeyUp={measureSelection}\n        onMouseUp={measureSelection}\n        rows={rows}\n        placeholder={placeholder}\n      />\n      {sel && pos && (\n        <Wand\n          ref={wandRef}\n          pos={pos}\n          actions={actions}\n          appearance={appearance}\n          busy={busy}\n          onAction={handleAction}\n          selectionLength={sel.text.length}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction Wand({\n  ref,\n  pos,\n  actions,\n  appearance,\n  busy,\n  onAction,\n  selectionLength,\n}: {\n  ref: React.RefObject<HTMLDivElement | null>;\n  pos: { x: number; y: number };\n  actions: MagicWandAction[];\n  appearance: MagicWandAppearance;\n  busy: string | null;\n  onAction: (a: MagicWandAction) => void;\n  selectionLength: number;\n}) {\n  return (\n    <div\n      ref={ref}\n      className=\"absolute z-20 -translate-x-1/2 -translate-y-full\"\n      style={{ left: pos.x, top: pos.y - 6 }}\n    >\n      <div className=\"flex items-center gap-1 rounded-full border border-violet-300 bg-white px-1.5 py-1 shadow-lg ring-1 ring-violet-200 dark:border-violet-700 dark:bg-zinc-900 dark:ring-violet-900\">\n        <span className=\"ml-1 mr-0.5 inline-flex items-center gap-1 text-[10px] font-medium text-violet-700 dark:text-violet-300\">\n          <span aria-hidden>✦</span>\n          {appearance === \"floating\" && (\n            <Badge color=\"violet\">{selectionLength} chars</Badge>\n          )}\n        </span>\n        {actions.map((a) => (\n          <Button\n            key={a.id}\n            size=\"sm\"\n            variant=\"ghost\"\n            onClick={() => onAction(a)}\n            disabled={busy !== null}\n            title={a.hint}\n          >\n            {busy === a.id ? \"…\" : appearance === \"pill\" ? a.label[0] : a.label}\n            {appearance === \"floating\" && a.tag && (\n              <span className=\"ml-1 rounded-full bg-zinc-100 px-1 text-[9px] font-medium text-zinc-500 dark:bg-zinc-800\">\n                {a.tag}\n              </span>\n            )}\n          </Button>\n        ))}\n      </div>\n      <div className=\"absolute left-1/2 top-full -translate-x-1/2 -translate-y-px\">\n        <div className=\"h-2 w-2 rotate-45 border-b border-r border-violet-300 bg-white dark:border-violet-700 dark:bg-zinc-900\" />\n      </div>\n    </div>\n  );\n}\n\n/**\n * Caret/selection geometry: mirror the textarea into a hidden div and\n * measure the selected substring's bounding rect. Not perfect for\n * resized textareas, but works for typical chat composers.\n */\nfunction caretRect(\n  ta: HTMLTextAreaElement,\n  start: number,\n  end: number,\n): { x: number; y: number } | null {\n  const div = document.createElement(\"div\");\n  const style = getComputedStyle(ta);\n  const props = [\n    \"boxSizing\",\n    \"width\",\n    \"height\",\n    \"overflowX\",\n    \"overflowY\",\n    \"borderTopWidth\",\n    \"borderRightWidth\",\n    \"borderBottomWidth\",\n    \"borderLeftWidth\",\n    \"paddingTop\",\n    \"paddingRight\",\n    \"paddingBottom\",\n    \"paddingLeft\",\n    \"fontStyle\",\n    \"fontVariant\",\n    \"fontWeight\",\n    \"fontStretch\",\n    \"fontSize\",\n    \"fontSizeAdjust\",\n    \"lineHeight\",\n    \"fontFamily\",\n    \"textAlign\",\n    \"textTransform\",\n    \"textIndent\",\n    \"letterSpacing\",\n    \"wordSpacing\",\n    \"tabSize\",\n  ] as const;\n  for (const p of props) (div.style as any)[p] = (style as any)[p];\n  div.style.position = \"absolute\";\n  div.style.top = \"-9999px\";\n  div.style.left = \"-9999px\";\n  div.style.whiteSpace = \"pre-wrap\";\n  div.style.wordWrap = \"break-word\";\n\n  const value = ta.value;\n  div.textContent = value.substring(0, start);\n  const startSpan = document.createElement(\"span\");\n  startSpan.textContent = value.substring(start, end) || \".\";\n  div.appendChild(startSpan);\n\n  document.body.appendChild(div);\n  const taRect = ta.getBoundingClientRect();\n  const parentRect =\n    (ta.offsetParent as HTMLElement | null)?.getBoundingClientRect() ?? taRect;\n  const spanRect = startSpan.getBoundingClientRect();\n  const divRect = div.getBoundingClientRect();\n  const offsetX = spanRect.left - divRect.left;\n  const offsetY = spanRect.top - divRect.top;\n  document.body.removeChild(div);\n\n  const x = taRect.left - parentRect.left + offsetX + spanRect.width / 2;\n  const y = taRect.top - parentRect.top + offsetY - ta.scrollTop;\n  return { x, y };\n}\n"]}

package/dist/{chunk-NHTSQRAF.cjs → chunk-HBCKKE24.cjs}

@@ -2,7 +2,7 @@
 
 var chunk7EZBMGEE_cjs = require('./chunk-7EZBMGEE.cjs');
 var chunkXKDW6B7X_cjs = require('./chunk-XKDW6B7X.cjs');
-var chunkNP7SU2DF_cjs = require('./chunk-NP7SU2DF.cjs');
+var chunkBBOIFV27_cjs = require('./chunk-BBOIFV27.cjs');
 var chunkYLGTDBB2_cjs = require('./chunk-YLGTDBB2.cjs');
 var chunkKJ22KE56_cjs = require('./chunk-KJ22KE56.cjs');
 var chunkL3V3BYVS_cjs = require('./chunk-L3V3BYVS.cjs');
@@ -18,6 +18,7 @@ var Input = react.forwardRef(
     dirty,
     error,
     label,
+    labelHidden,
     description,
     required,
     disabled,
@@ -119,9 +120,10 @@ var Input = react.forwardRef(
     );
     if (label || error || description) {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        chunkNP7SU2DF_cjs.Field,
+        chunkBBOIFV27_cjs.Field,
         {
           label,
+          labelHidden,
           description,
           error,
           required,
@@ -151,5 +153,5 @@ function EyeOffIcon() {
 }
 
 exports.Input = Input;
-//# sourceMappingURL=chunk-NHTSQRAF.cjs.map
-//# sourceMappingURL=chunk-NHTSQRAF.cjs.map
+//# sourceMappingURL=chunk-HBCKKE24.cjs.map
+//# sourceMappingURL=chunk-HBCKKE24.cjs.map

package/dist/chunk-HBCKKE24.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/inputs/Input/Input.tsx"],"names":["forwardRef","useId","useFieldMode","useInlineEdit","useControllableState","jsx","DisplayValue","InputWrapper","jsxs","cn","inputBaseClasses","inputSizeClasses","dirtyClasses","errorClasses","Field"],"mappings":"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","file":"chunk-HBCKKE24.cjs","sourcesContent":["import { forwardRef, useId } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { useControllableState } from \"../../../hooks/use-controllable-state\";\nimport { Field } from \"../Field\";\nimport { InputWrapper } from \"../InputWrapper\";\nimport {\n  dirtyClasses,\n  errorClasses,\n  inputBaseClasses,\n  inputSizeClasses,\n} from \"../inputs.utils\";\nimport { useFieldMode } from \"../mode/FieldMode.context\";\nimport { DisplayValue } from \"../mode/DisplayValue\";\nimport { useInlineEdit } from \"../mode/useInlineEdit\";\nimport type { InputProps } from \"./Input.types\";\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      type = \"text\",\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      labelHidden,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      leading,\n      trailing,\n      prefix,\n      suffix,\n      prefixPosition,\n      suffixPosition,\n      mode,\n      onValueChange,\n      onChange,\n      reveal,\n      revealed,\n      onRevealedChange,\n      revealLabel = \"Show password\",\n      hideLabel = \"Hide password\",\n      ...props\n    },\n    ref,\n  ) => {\n    const autoId = useId();\n    const inputId = id ?? autoId;\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n\n    // Only meaningful on a password field: a reveal on an already-visible input\n    // is a button that does nothing.\n    const canReveal = reveal === true && type === \"password\";\n    const [isRevealed, setRevealed] = useControllableState(revealed, false, onRevealedChange);\n    const shown = canReveal && isRevealed;\n    // The rendered type, NOT the declared one — `type` stays \"password\" so the\n    // display-mode masking below and any caller reading props are unaffected.\n    const renderedType = shown ? \"text\" : type;\n\n    const input = !showControl ? (\n      <DisplayValue\n        size={size}\n        interactive={interactive}\n        onActivate={enterEdit}\n        leading={leading ?? prefix}\n        trailing={trailing ?? suffix}\n      >\n        {type === \"password\" ? (props.value ? \"••••••\" : \"\") : (props.value as string | undefined)}\n      </DisplayValue>\n    ) : (\n      <InputWrapper\n        prefix={prefix}\n        suffix={suffix}\n        prefixPosition={prefixPosition}\n        suffixPosition={suffixPosition}\n        size={size}\n      >\n        <div data-react-fancy-input=\"\" className=\"relative flex items-center\">\n          {leading && (\n            <span className=\"pointer-events-none absolute left-3 text-zinc-400 dark:text-zinc-500\">\n              {leading}\n            </span>\n          )}\n          <input\n            ref={ref}\n            id={inputId}\n            type={renderedType}\n            disabled={disabled}\n            required={required}\n            className={cn(\n              inputBaseClasses,\n              inputSizeClasses[size],\n              dirtyClasses(dirty),\n              errorClasses(error),\n              \"w-full\",\n              leading && \"pl-9\",\n              (trailing || canReveal) && \"pr-9\",\n              className,\n            )}\n            onChange={(e) => {\n              onChange?.(e);\n              onValueChange?.(e.target.value);\n            }}\n            {...props}\n            // Inline click-to-edit: focus on entering edit, return to the display\n            // (and run the host's onBlur) when focus leaves.\n            autoFocus={interactive || props.autoFocus}\n            onBlur={(e) => {\n              props.onBlur?.(e);\n              if (interactive) exitEdit();\n            }}\n          />\n          {canReveal ? (\n            <button\n              type=\"button\"\n              // type=\"button\" is load-bearing: the default is \"submit\", so a\n              // reveal inside a login form would submit it on every click.\n              id={`${inputId}-reveal`}\n              data-react-fancy-reveal=\"\"\n              onClick={() => setRevealed((v) => !v)}\n              disabled={disabled}\n              aria-controls={inputId}\n              aria-pressed={shown}\n              aria-label={shown ? hideLabel : revealLabel}\n              title={shown ? hideLabel : revealLabel}\n              // Not focusable by tab: the field and the submit button are the\n              // path through a login form, and a reveal in between is a stop\n              // most people do not want. Still reachable by click and by\n              // screen readers.\n              tabIndex={-1}\n              className=\"absolute right-2 inline-flex items-center justify-center rounded p-1 text-zinc-400 transition-colors hover:text-zinc-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/40 disabled:cursor-not-allowed disabled:opacity-50 dark:text-zinc-500 dark:hover:text-zinc-300\"\n            >\n              {shown ? <EyeOffIcon /> : <EyeIcon />}\n            </button>\n          ) : (\n            trailing && (\n              <span className=\"pointer-events-none absolute right-3 text-zinc-400 dark:text-zinc-500\">\n                {trailing}\n              </span>\n            )\n          )}\n        </div>\n      </InputWrapper>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field\n          label={label}\n          labelHidden={labelHidden}\n          description={description}\n          error={error}\n          required={required}\n          htmlFor={inputId}\n          size={size}\n        >\n          {input}\n        </Field>\n      );\n    }\n\n    return input;\n  },\n);\n\nInput.displayName = \"Input\";\n\n/**\n * Inline SVGs rather than the Icon component: Input is the most-installed\n * primitive in the kit, and routing it through the icon registry would make\n * every consumer's password field depend on an icon set being configured.\n */\nfunction EyeIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n      <path d=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  );\n}\n\nfunction EyeOffIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n      <path d=\"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\" />\n      <path d=\"M14.084 14.158a3 3 0 0 1-4.242-4.242\" />\n      <path d=\"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\" />\n      <path d=\"m2 2 20 20\" />\n    </svg>\n  );\n}\n"]}

package/dist/{chunk-AVCDGSXV.cjs → chunk-IRD6UXDK.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkXKDW6B7X_cjs = require('./chunk-XKDW6B7X.cjs');
-var chunkNP7SU2DF_cjs = require('./chunk-NP7SU2DF.cjs');
+var chunkBBOIFV27_cjs = require('./chunk-BBOIFV27.cjs');
 var chunkYLGTDBB2_cjs = require('./chunk-YLGTDBB2.cjs');
 var chunkKJ22KE56_cjs = require('./chunk-KJ22KE56.cjs');
 var chunkL3V3BYVS_cjs = require('./chunk-L3V3BYVS.cjs');
@@ -17,6 +17,7 @@ var Slider = react.forwardRef(
       dirty,
       error,
       label,
+      labelHidden,
       description,
       required,
       disabled,
@@ -59,6 +60,7 @@ var SingleSlider = react.forwardRef(
     dirty,
     error,
     label,
+    labelHidden,
     description,
     required,
     disabled,
@@ -133,7 +135,7 @@ var SingleSlider = react.forwardRef(
       marks && marks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(SliderMarks, { marks, min, max })
     ] });
     if (label || error || description) {
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkNP7SU2DF_cjs.Field, { label, description, error, required, htmlFor: id, size, children: slider });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkBBOIFV27_cjs.Field, { label, labelHidden, description, error, required, htmlFor: id, size, children: slider });
     }
     return slider;
   }
@@ -145,6 +147,7 @@ var RangeSlider = react.forwardRef(
     dirty,
     error,
     label,
+    labelHidden,
     description,
     required,
     disabled,
@@ -253,7 +256,7 @@ var RangeSlider = react.forwardRef(
       }
     );
     if (label || error || description) {
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkNP7SU2DF_cjs.Field, { label, description, error, required, htmlFor: id, size, children: slider });
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkBBOIFV27_cjs.Field, { label, labelHidden, description, error, required, htmlFor: id, size, children: slider });
     }
     return slider;
   }
@@ -279,5 +282,5 @@ function SliderMarks({
 }
 
 exports.Slider = Slider;
-//# sourceMappingURL=chunk-AVCDGSXV.cjs.map
-//# sourceMappingURL=chunk-AVCDGSXV.cjs.map
+//# sourceMappingURL=chunk-IRD6UXDK.cjs.map
+//# sourceMappingURL=chunk-IRD6UXDK.cjs.map

package/dist/chunk-IRD6UXDK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/inputs/Slider/Slider.tsx"],"names":["forwardRef","useId","jsx","useFieldMode","useInlineEdit","useControllableState","DisplayValue","cn","jsxs","dirtyRingClasses","Field"],"mappings":"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","file":"chunk-IRD6UXDK.cjs","sourcesContent":["import { forwardRef, useId } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { useControllableState } from \"../../../hooks/use-controllable-state\";\nimport { Field } from \"../Field\";\nimport { useFieldMode } from \"../mode/FieldMode.context\";\nimport { DisplayValue } from \"../mode/DisplayValue\";\nimport { useInlineEdit } from \"../mode/useInlineEdit\";\nimport { dirtyRingClasses } from \"../inputs.utils\";\nimport type { SliderProps } from \"./Slider.types\";\n\nexport const Slider = forwardRef<HTMLInputElement, SliderProps>(\n  (props, ref) => {\n    const {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      labelHidden,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      showValue,\n      marks,\n    } = props;\n\n    const autoId = useId();\n    const sliderId = id ?? autoId;\n\n    if (props.range) {\n      return (\n        <RangeSlider\n          {...props}\n          id={sliderId}\n          ref={ref}\n        />\n      );\n    }\n\n    return (\n      <SingleSlider\n        {...props}\n        range={false}\n        id={sliderId}\n        ref={ref}\n      />\n    );\n  },\n);\n\nSlider.displayName = \"Slider\";\n\nconst SingleSlider = forwardRef<HTMLInputElement, SliderProps & { range?: false }>(\n  (\n    {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      labelHidden,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      showValue,\n      marks,\n      prefix,\n      suffix,\n      mode,\n      ...rest\n    },\n    ref,\n  ) => {\n    const singleProps = rest as { value?: number; defaultValue?: number; onValueChange?: (v: number) => void };\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n    const [value, setValue] = useControllableState(\n      singleProps.value,\n      singleProps.defaultValue ?? min,\n      singleProps.onValueChange,\n    );\n\n    const slider = !showControl ? (\n      <DisplayValue\n        size={size}\n        className={className}\n        interactive={interactive}\n        onActivate={enterEdit}\n      >\n        {`${prefix ?? \"\"}${value}${suffix ?? \"\"}`}\n      </DisplayValue>\n    ) : (\n      <div data-react-fancy-slider=\"\" className={cn(\"flex flex-col gap-1\", className)}>\n        <div className=\"flex items-center gap-3\">\n          <input\n            ref={ref}\n            id={id}\n            type=\"range\"\n            name={name}\n            min={min}\n            max={max}\n            step={step}\n            value={value}\n            disabled={disabled}\n            autoFocus={interactive}\n            onBlur={() => {\n              if (interactive) exitEdit();\n            }}\n            onChange={(e) => setValue(Number(e.target.value))}\n            className={cn(\n              \"w-full cursor-pointer accent-blue-600 disabled:cursor-not-allowed disabled:opacity-50\",\n              dirtyRingClasses(dirty),\n              {\n                xs: \"h-1\",\n                sm: \"h-1.5\",\n                md: \"h-2\",\n                lg: \"h-2.5\",\n                xl: \"h-3\",\n              }[size],\n            )}\n          />\n          {showValue && (\n            <span className=\"min-w-[3ch] shrink-0 whitespace-nowrap text-right text-sm font-medium text-zinc-700 dark:text-zinc-300\">\n              {prefix}{value}{suffix}\n            </span>\n          )}\n        </div>\n        {marks && marks.length > 0 && <SliderMarks marks={marks} min={min} max={max} />}\n      </div>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field label={label} labelHidden={labelHidden} description={description} error={error} required={required} htmlFor={id} size={size}>\n          {slider}\n        </Field>\n      );\n    }\n\n    return slider;\n  },\n);\n\nSingleSlider.displayName = \"SingleSlider\";\n\nconst RangeSlider = forwardRef<HTMLInputElement, SliderProps & { range: true }>(\n  (\n    {\n      size = \"md\",\n      dirty,\n      error,\n      label,\n      labelHidden,\n      description,\n      required,\n      disabled,\n      className,\n      id,\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      showValue,\n      marks,\n      prefix,\n      suffix,\n      mode,\n      ...rest\n    },\n    ref,\n  ) => {\n    const rangeProps = rest as { value?: [number, number]; defaultValue?: [number, number]; onValueChange?: (v: [number, number]) => void };\n    const resolvedMode = useFieldMode(mode);\n    const { showControl, interactive, enterEdit, exitEdit } = useInlineEdit(resolvedMode, disabled);\n    const [value, setValue] = useControllableState(\n      rangeProps.value,\n      rangeProps.defaultValue ?? [min, max] as [number, number],\n      rangeProps.onValueChange,\n    );\n\n    const handleMin = (n: number) => {\n      setValue([Math.min(n, value[1]), value[1]]);\n    };\n\n    const handleMax = (n: number) => {\n      setValue([value[0], Math.max(n, value[0])]);\n    };\n\n    const leftPercent = ((value[0] - min) / (max - min)) * 100;\n    const rightPercent = ((value[1] - min) / (max - min)) * 100;\n\n    const slider = !showControl ? (\n      <DisplayValue\n        size={size}\n        className={className}\n        interactive={interactive}\n        onActivate={enterEdit}\n      >\n        {`${prefix ?? \"\"}${value[0]}${suffix ?? \"\"}–${prefix ?? \"\"}${value[1]}${suffix ?? \"\"}`}\n      </DisplayValue>\n    ) : (\n      <div\n        data-react-fancy-slider=\"\"\n        className={cn(\"flex flex-col gap-1\", className)}\n        onBlur={(e) => {\n          if (interactive && !e.currentTarget.contains(e.relatedTarget as Node)) exitEdit();\n        }}\n      >\n        <div className=\"flex items-center gap-3\">\n          <div className=\"relative w-full\">\n            <div className=\"pointer-events-none absolute top-1/2 h-1.5 w-full -translate-y-1/2 rounded-full bg-zinc-200 dark:bg-zinc-700\" />\n            <div\n              className=\"pointer-events-none absolute top-1/2 h-1.5 -translate-y-1/2 rounded-full bg-blue-500\"\n              style={{ left: `${leftPercent}%`, width: `${rightPercent - leftPercent}%` }}\n            />\n            <input\n              ref={ref}\n              type=\"range\"\n              min={min}\n              max={max}\n              step={step}\n              value={value[0]}\n              disabled={disabled}\n              autoFocus={interactive}\n              onChange={(e) => handleMin(Number(e.target.value))}\n              className={cn(\n                \"pointer-events-none absolute w-full cursor-pointer appearance-none bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-blue-600 [&::-webkit-slider-thumb]:shadow\",\n                dirtyRingClasses(dirty),\n              )}\n            />\n            <input\n              type=\"range\"\n              min={min}\n              max={max}\n              step={step}\n              value={value[1]}\n              disabled={disabled}\n              onChange={(e) => handleMax(Number(e.target.value))}\n              className=\"pointer-events-none absolute w-full cursor-pointer appearance-none bg-transparent [&::-webkit-slider-thumb]:pointer-events-auto [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4 [&::-webkit-slider-thumb]:appearance-none [&::-webkit-slider-thumb]:rounded-full [&::-webkit-slider-thumb]:bg-blue-600 [&::-webkit-slider-thumb]:shadow\"\n            />\n            <div className=\"h-6\" />\n          </div>\n          {showValue && (\n            <span className=\"min-w-[6ch] shrink-0 whitespace-nowrap text-right text-sm font-medium text-zinc-700 dark:text-zinc-300\">\n              {prefix}{value[0]}{suffix}–{prefix}{value[1]}{suffix}\n            </span>\n          )}\n        </div>\n        {marks && marks.length > 0 && <SliderMarks marks={marks} min={min} max={max} />}\n      </div>\n    );\n\n    if (label || error || description) {\n      return (\n        <Field label={label} labelHidden={labelHidden} description={description} error={error} required={required} htmlFor={id} size={size}>\n          {slider}\n        </Field>\n      );\n    }\n\n    return slider;\n  },\n);\n\nRangeSlider.displayName = \"RangeSlider\";\n\nfunction SliderMarks({\n  marks,\n  min,\n  max,\n}: {\n  marks: { value: number; label?: string }[];\n  min: number;\n  max: number;\n}) {\n  return (\n    <div className=\"relative h-5 w-full\">\n      {marks.map((mark) => {\n        const percent = ((mark.value - min) / (max - min)) * 100;\n        return (\n          <span\n            key={mark.value}\n            className=\"absolute -translate-x-1/2 text-xs text-zinc-500 dark:text-zinc-400\"\n            style={{ left: `${percent}%` }}\n          >\n            {mark.label ?? mark.value}\n          </span>\n        );\n      })}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-DKKU3VVJ.js → chunk-IUT3Q2EC.js}

@@ -1,11 +1,11 @@
 import { DisplayValue } from './chunk-KKWNKBKR.js';
-import { Field } from './chunk-FERMW3YE.js';
+import { Field } from './chunk-5MU6X3KO.js';
 import { resolveOption } from './chunk-GFYSELJF.js';
 import { useInlineEdit } from './chunk-OL53XYHF.js';
 import { useFieldMode } from './chunk-NRXK42LO.js';
 import { useControllableState } from './chunk-6FQGMVF2.js';
 import { cn } from './chunk-MMW2JGKZ.js';
-import { useRef, useState, useCallback, useEffect } from 'react';
+import { useId, useRef, useState, useCallback, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var sizeClasses = {
@@ -20,6 +20,7 @@ function MultiSwitch({
   dirty,
   error,
   label,
+  labelHidden,
   description,
   required,
   disabled,
@@ -34,6 +35,8 @@ function MultiSwitch({
   mode,
   ...rest
 }) {
+  const reactId = useId();
+  const labelId = label ? `${id ?? reactId}-label` : void 0;
   const resolvedOptions = list.map(resolveOption);
   const fallback = defaultValue ?? resolvedOptions[0]?.value;
   const resolvedMode = useFieldMode(mode);
@@ -70,6 +73,7 @@ function MultiSwitch({
       "data-react-fancy-multi-switch": "",
       role: "radiogroup",
       id,
+      "aria-labelledby": labelId,
       onBlur: (e) => {
         if (interactive && !e.currentTarget.contains(e.relatedTarget)) exitEdit();
       },
@@ -125,12 +129,25 @@ function MultiSwitch({
     }
   );
   if (label || error || description) {
-    return /* @__PURE__ */ jsx(Field, { label, description, error, required, htmlFor: id, size, children: control });
+    return /* @__PURE__ */ jsx(
+      Field,
+      {
+        label,
+        labelHidden,
+        labelId,
+        description,
+        error,
+        required,
+        htmlFor: id,
+        size,
+        children: control
+      }
+    );
   }
   return control;
 }
 MultiSwitch.displayName = "MultiSwitch";
 
 export { MultiSwitch };
-//# sourceMappingURL=chunk-DKKU3VVJ.js.map
-//# sourceMappingURL=chunk-DKKU3VVJ.js.map
+//# sourceMappingURL=chunk-IUT3Q2EC.js.map
+//# sourceMappingURL=chunk-IUT3Q2EC.js.map