@bigbinary/neeto-atoms 1.0.77 → 1.0.78

package/dist/{Slider-DNcH5X7b.js → Slider-Bokg8-oi.js}

@@ -1,9 +1,13 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef, useId } from 'react';
+import { forwardRef, useId, useCallback } from 'react';
 import { Slider as Slider$1 } from './primitives/Slider.js';
 import { c as cn } from './utils-BJnb9o5c.js';
 import { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from './primitives/Field.js';
 
+const toArray = (value) => {
+  if (value === void 0) return void 0;
+  return Array.isArray(value) ? value : [value];
+};
 const Slider = forwardRef(
   ({
     label,
@@ -14,6 +18,10 @@ const Slider = forwardRef(
     labelProps,
     disabled,
     id: idProp,
+    value,
+    defaultValue,
+    onValueChange,
+    onValueCommit,
     ...otherProps
   }, ref) => {
     const generatedId = useId();
@@ -22,6 +30,19 @@ const Slider = forwardRef(
     const helpTextId = `helpText_${id}`;
     const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null].filter(Boolean).join(" ") || void 0;
     const hasField = !!(label || error || helpText);
+    const inputShapeIsScalar = value !== void 0 ? !Array.isArray(value) : defaultValue !== void 0 ? !Array.isArray(defaultValue) : false;
+    const unwrap = useCallback(
+      (next) => inputShapeIsScalar ? next[0] : next,
+      [inputShapeIsScalar]
+    );
+    const handleValueChange = useCallback(
+      (next) => onValueChange?.(unwrap(next)),
+      [onValueChange, unwrap]
+    );
+    const handleValueCommit = useCallback(
+      (next) => onValueCommit?.(unwrap(next)),
+      [onValueCommit, unwrap]
+    );
     const slider = /* @__PURE__ */ jsx(
       Slider$1,
       {
@@ -32,6 +53,10 @@ const Slider = forwardRef(
         "aria-describedby": ariaDescribedBy,
         "aria-label": !label ? void 0 : label,
         className: cn(!hasField && className),
+        value: toArray(value),
+        defaultValue: toArray(defaultValue),
+        onValueChange: onValueChange ? handleValueChange : void 0,
+        onValueCommit: onValueCommit ? handleValueCommit : void 0,
         ...otherProps
       }
     );
@@ -62,4 +87,4 @@ const Slider = forwardRef(
 Slider.displayName = "Slider";
 
 export { Slider as S };
-//# sourceMappingURL=Slider-DNcH5X7b.js.map
+//# sourceMappingURL=Slider-Bokg8-oi.js.map

package/dist/Slider-Bokg8-oi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider-Bokg8-oi.js","sources":["../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useId } from \"react\";\n\nimport { Slider as PrimitiveSlider } from \"src/primitives/Slider\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\n\ntype SliderValue = number | number[];\n\ntype PrimitiveSliderProps = React.ComponentProps<typeof PrimitiveSlider>;\n\nexport interface SliderProps extends Omit<\n  PrimitiveSliderProps,\n  \"value\" | \"defaultValue\" | \"onValueChange\" | \"onValueCommit\"\n> {\n  /** Current value. Pass a number for a single-thumb slider or an array for a range slider. */\n  value?: SliderValue;\n  /** Default value (uncontrolled). Shape mirrors `value`. */\n  defaultValue?: SliderValue;\n  /** Called on every change. Emits a number if `value`/`defaultValue` was a number, an array otherwise. */\n  onValueChange?: (value: SliderValue) => void;\n  /** Called when the user stops dragging. Emits a number if `value`/`defaultValue` was a number, an array otherwise. */\n  onValueCommit?: (value: SliderValue) => void;\n  /** Label displayed above the slider. */\n  label?: string;\n  /** Error message displayed below the slider. */\n  error?: string;\n  /** Help text displayed below the slider. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Shows a required indicator next to the label. */\n  required?: boolean;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n  /** Props forwarded to the FieldLabel element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n}\n\nconst toArray = (value: SliderValue | undefined): number[] | undefined => {\n  if (value === undefined) return undefined;\n  return Array.isArray(value) ? value : [value];\n};\n\nconst Slider = forwardRef<\n  React.ComponentRef<typeof PrimitiveSlider>,\n  SliderProps\n>(\n  (\n    {\n      label,\n      error,\n      helpText,\n      required = false,\n      className,\n      labelProps,\n      disabled,\n      id: idProp,\n      value,\n      defaultValue,\n      onValueChange,\n      onValueCommit,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    const hasField = !!(label || error || helpText);\n\n    const inputShapeIsScalar =\n      value !== undefined\n        ? !Array.isArray(value)\n        : defaultValue !== undefined\n          ? !Array.isArray(defaultValue)\n          : false;\n\n    const unwrap = useCallback(\n      (next: number[]): SliderValue =>\n        inputShapeIsScalar ? (next[0] as number) : next,\n      [inputShapeIsScalar]\n    );\n\n    const handleValueChange = useCallback(\n      (next: number[]) => onValueChange?.(unwrap(next)),\n      [onValueChange, unwrap]\n    );\n\n    const handleValueCommit = useCallback(\n      (next: number[]) => onValueCommit?.(unwrap(next)),\n      [onValueCommit, unwrap]\n    );\n\n    const slider = (\n      <PrimitiveSlider\n        ref={ref}\n        id={id}\n        disabled={disabled}\n        aria-invalid={!!error || undefined}\n        aria-describedby={ariaDescribedBy}\n        aria-label={!label ? undefined : label}\n        className={cn(!hasField && className)}\n        value={toArray(value)}\n        defaultValue={toArray(defaultValue)}\n        onValueChange={onValueChange ? handleValueChange : undefined}\n        onValueCommit={onValueCommit ? handleValueCommit : undefined}\n        {...otherProps}\n      />\n    );\n\n    if (!hasField) {\n      return slider;\n    }\n\n    return (\n      <Field\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {label && (\n          <FieldLabel htmlFor={id} {...labelProps}>\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"text-destructive\">\n                *\n              </span>\n            )}\n          </FieldLabel>\n        )}\n        <FieldContent>\n          {slider}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nSlider.displayName = \"Slider\";\n\nexport { Slider };\n"],"names":["PrimitiveSlider"],"mappings":"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"}

package/dist/cjs/{Slider-ICf2eQ6p.js → Slider-CRmd_VMs.js}

@@ -6,6 +6,10 @@ var primitives_Slider = require('./primitives/Slider.js');
 var utils = require('./utils-BhM0B89p.js');
 var primitives_Field = require('./primitives/Field.js');
 
+const toArray = (value) => {
+  if (value === void 0) return void 0;
+  return Array.isArray(value) ? value : [value];
+};
 const Slider = React.forwardRef(
   ({
     label,
@@ -16,6 +20,10 @@ const Slider = React.forwardRef(
     labelProps,
     disabled,
     id: idProp,
+    value,
+    defaultValue,
+    onValueChange,
+    onValueCommit,
     ...otherProps
   }, ref) => {
     const generatedId = React.useId();
@@ -24,6 +32,19 @@ const Slider = React.forwardRef(
     const helpTextId = `helpText_${id}`;
     const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null].filter(Boolean).join(" ") || void 0;
     const hasField = !!(label || error || helpText);
+    const inputShapeIsScalar = value !== void 0 ? !Array.isArray(value) : defaultValue !== void 0 ? !Array.isArray(defaultValue) : false;
+    const unwrap = React.useCallback(
+      (next) => inputShapeIsScalar ? next[0] : next,
+      [inputShapeIsScalar]
+    );
+    const handleValueChange = React.useCallback(
+      (next) => onValueChange?.(unwrap(next)),
+      [onValueChange, unwrap]
+    );
+    const handleValueCommit = React.useCallback(
+      (next) => onValueCommit?.(unwrap(next)),
+      [onValueCommit, unwrap]
+    );
     const slider = /* @__PURE__ */ jsxRuntime.jsx(
       primitives_Slider.Slider,
       {
@@ -34,6 +55,10 @@ const Slider = React.forwardRef(
         "aria-describedby": ariaDescribedBy,
         "aria-label": !label ? void 0 : label,
         className: utils.cn(!hasField && className),
+        value: toArray(value),
+        defaultValue: toArray(defaultValue),
+        onValueChange: onValueChange ? handleValueChange : void 0,
+        onValueCommit: onValueCommit ? handleValueCommit : void 0,
         ...otherProps
       }
     );
@@ -64,4 +89,4 @@ const Slider = React.forwardRef(
 Slider.displayName = "Slider";
 
 exports.Slider = Slider;
-//# sourceMappingURL=Slider-ICf2eQ6p.js.map
+//# sourceMappingURL=Slider-CRmd_VMs.js.map

package/dist/cjs/Slider-CRmd_VMs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider-CRmd_VMs.js","sources":["../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useId } from \"react\";\n\nimport { Slider as PrimitiveSlider } from \"src/primitives/Slider\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\n\ntype SliderValue = number | number[];\n\ntype PrimitiveSliderProps = React.ComponentProps<typeof PrimitiveSlider>;\n\nexport interface SliderProps extends Omit<\n  PrimitiveSliderProps,\n  \"value\" | \"defaultValue\" | \"onValueChange\" | \"onValueCommit\"\n> {\n  /** Current value. Pass a number for a single-thumb slider or an array for a range slider. */\n  value?: SliderValue;\n  /** Default value (uncontrolled). Shape mirrors `value`. */\n  defaultValue?: SliderValue;\n  /** Called on every change. Emits a number if `value`/`defaultValue` was a number, an array otherwise. */\n  onValueChange?: (value: SliderValue) => void;\n  /** Called when the user stops dragging. Emits a number if `value`/`defaultValue` was a number, an array otherwise. */\n  onValueCommit?: (value: SliderValue) => void;\n  /** Label displayed above the slider. */\n  label?: string;\n  /** Error message displayed below the slider. */\n  error?: string;\n  /** Help text displayed below the slider. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Shows a required indicator next to the label. */\n  required?: boolean;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n  /** Props forwarded to the FieldLabel element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n}\n\nconst toArray = (value: SliderValue | undefined): number[] | undefined => {\n  if (value === undefined) return undefined;\n  return Array.isArray(value) ? value : [value];\n};\n\nconst Slider = forwardRef<\n  React.ComponentRef<typeof PrimitiveSlider>,\n  SliderProps\n>(\n  (\n    {\n      label,\n      error,\n      helpText,\n      required = false,\n      className,\n      labelProps,\n      disabled,\n      id: idProp,\n      value,\n      defaultValue,\n      onValueChange,\n      onValueCommit,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    const hasField = !!(label || error || helpText);\n\n    const inputShapeIsScalar =\n      value !== undefined\n        ? !Array.isArray(value)\n        : defaultValue !== undefined\n          ? !Array.isArray(defaultValue)\n          : false;\n\n    const unwrap = useCallback(\n      (next: number[]): SliderValue =>\n        inputShapeIsScalar ? (next[0] as number) : next,\n      [inputShapeIsScalar]\n    );\n\n    const handleValueChange = useCallback(\n      (next: number[]) => onValueChange?.(unwrap(next)),\n      [onValueChange, unwrap]\n    );\n\n    const handleValueCommit = useCallback(\n      (next: number[]) => onValueCommit?.(unwrap(next)),\n      [onValueCommit, unwrap]\n    );\n\n    const slider = (\n      <PrimitiveSlider\n        ref={ref}\n        id={id}\n        disabled={disabled}\n        aria-invalid={!!error || undefined}\n        aria-describedby={ariaDescribedBy}\n        aria-label={!label ? undefined : label}\n        className={cn(!hasField && className)}\n        value={toArray(value)}\n        defaultValue={toArray(defaultValue)}\n        onValueChange={onValueChange ? handleValueChange : undefined}\n        onValueCommit={onValueCommit ? handleValueCommit : undefined}\n        {...otherProps}\n      />\n    );\n\n    if (!hasField) {\n      return slider;\n    }\n\n    return (\n      <Field\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {label && (\n          <FieldLabel htmlFor={id} {...labelProps}>\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"text-destructive\">\n                *\n              </span>\n            )}\n          </FieldLabel>\n        )}\n        <FieldContent>\n          {slider}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nSlider.displayName = \"Slider\";\n\nexport { Slider };\n"],"names":["forwardRef","useId","useCallback","jsx","PrimitiveSlider","cn","jsxs","Field","FieldLabel","FieldContent","FieldError","FieldDescription"],"mappings":"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"}

package/dist/cjs/components/Slider.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Slider = require('../Slider-ICf2eQ6p.js');
+var Slider = require('../Slider-CRmd_VMs.js');
 require('react/jsx-runtime');
 require('react');
 require('../primitives/Slider.js');

package/dist/cjs/components/index.js

@@ -23,7 +23,7 @@ var Progress = require('../Progress-yBpMAzIU.js');
 var RadioGroup = require('../RadioGroup-6mpFVQr8.js');
 var Select = require('../Select-DA4PZAwd.js');
 var Sheet = require('../Sheet-By1W1pFD.js');
-var Slider = require('../Slider-ICf2eQ6p.js');
+var Slider = require('../Slider-CRmd_VMs.js');
 var Spinner = require('../Spinner-DzNBz8al.js');
 var Stepper = require('../Stepper-DZb25oBH.js');
 var Switch = require('../Switch-bY6bZw78.js');

package/dist/cjs/formik/Slider.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var formik = require('formik');
 var ramda = require('ramda');
-var Slider = require('../Slider-ICf2eQ6p.js');
+var Slider = require('../Slider-CRmd_VMs.js');
 require('../primitives/Slider.js');
 require('../utils-BhM0B89p.js');
 require('../index-EyWRfsCG.js');

package/dist/cjs/formik/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../src/formik/Slider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Slider, SliderProps } from \"src/components/Slider\";\n\nexport interface FormikSliderProps extends Omit<\n  SliderProps,\n  \"name\" | \"onChange\"\n> {\n  /** Formik field name. */\n  name: string;\n  /** Callback fired when the value changes. Also supports onChange for compatibility. */\n  onChange?: (value: number[]) => void;\n}\n\nconst FormikSlider = forwardRef<\n  React.ComponentRef<typeof Slider>,\n  FormikSliderProps\n>(\n  (\n    {\n      name,\n      onValueChange: onValueChangeProp,\n      onChange: onChangeProp,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const [field, meta, { setValue, setTouched }] = useField(name);\n    const { status = {}, setStatus } = useFormikContext();\n    const fieldStatus = getIn(status, name);\n\n    return (\n      <Slider\n        ref={ref}\n        error={meta.error || fieldStatus || \"\"}\n        name={field.name}\n        value={field.value}\n        onBlur={() => setTouched(true)}\n        onValueChange={(value: number[]) => {\n          setStatus(dissoc(name, status));\n          setValue(value);\n          onValueChangeProp?.(value);\n          onChangeProp?.(value);\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nFormikSlider.displayName = \"FormikSlider\";\n\nexport { FormikSlider };\n"],"names":["forwardRef","useField","useFormikContext","getIn","jsx","Slider","dissoc"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,YAAA,GAAeA,gBAAA;AAAA,EAInB,CACE;AAAA,IACE,IAAA;AAAA,IACA,aAAA,EAAe,iBAAA;AAAA,IACf,QAAA,EAAU,YAAA;AAAA,IACV,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,CAAC,OAAO,IAAA,EAAM,EAAE,UAAU,UAAA,EAAY,CAAA,GAAIC,eAAA,CAAS,IAAI,CAAA;AAC7D,IAAA,MAAM,EAAE,MAAA,GAAS,EAAC,EAAG,SAAA,KAAcC,uBAAA,EAAiB;AACpD,IAAA,MAAM,WAAA,GAAcC,YAAA,CAAM,MAAA,EAAQ,IAAI,CAAA;AAEtC,IAAA,uBACEC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,KAAA,EAAO,IAAA,CAAK,KAAA,IAAS,WAAA,IAAe,EAAA;AAAA,QACpC,MAAM,KAAA,CAAM,IAAA;AAAA,QACZ,OAAO,KAAA,CAAM,KAAA;AAAA,QACb,MAAA,EAAQ,MAAM,UAAA,CAAW,IAAI,CAAA;AAAA,QAC7B,aAAA,EAAe,CAAC,KAAA,KAAoB;AAClC,UAAA,SAAA,CAAUC,YAAA,CAAO,IAAA,EAAM,MAAM,CAAC,CAAA;AAC9B,UAAA,QAAA,CAAS,KAAK,CAAA;AACd,UAAA,iBAAA,GAAoB,KAAK,CAAA;AACzB,UAAA,YAAA,GAAe,KAAK,CAAA;AAAA,QACtB,CAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;"}
+{"version":3,"file":"Slider.js","sources":["../../../src/formik/Slider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Slider, SliderProps } from \"src/components/Slider\";\n\ntype SliderValue = number | number[];\n\nexport interface FormikSliderProps extends Omit<\n  SliderProps,\n  \"name\" | \"onChange\"\n> {\n  /** Formik field name. */\n  name: string;\n  /** Callback fired when the value changes. Also supports onChange for compatibility. */\n  onChange?: (value: SliderValue) => void;\n}\n\nconst FormikSlider = forwardRef<\n  React.ComponentRef<typeof Slider>,\n  FormikSliderProps\n>(\n  (\n    {\n      name,\n      onValueChange: onValueChangeProp,\n      onChange: onChangeProp,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const [field, meta, { setValue, setTouched }] = useField(name);\n    const { status = {}, setStatus } = useFormikContext();\n    const fieldStatus = getIn(status, name);\n\n    return (\n      <Slider\n        ref={ref}\n        error={meta.error || fieldStatus || \"\"}\n        name={field.name}\n        value={field.value}\n        onBlur={() => setTouched(true)}\n        onValueChange={(value: SliderValue) => {\n          setStatus(dissoc(name, status));\n          setValue(value);\n          onValueChangeProp?.(value);\n          onChangeProp?.(value);\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nFormikSlider.displayName = \"FormikSlider\";\n\nexport { FormikSlider };\n"],"names":["forwardRef","useField","useFormikContext","getIn","jsx","Slider","dissoc"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,YAAA,GAAeA,gBAAA;AAAA,EAInB,CACE;AAAA,IACE,IAAA;AAAA,IACA,aAAA,EAAe,iBAAA;AAAA,IACf,QAAA,EAAU,YAAA;AAAA,IACV,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,CAAC,OAAO,IAAA,EAAM,EAAE,UAAU,UAAA,EAAY,CAAA,GAAIC,eAAA,CAAS,IAAI,CAAA;AAC7D,IAAA,MAAM,EAAE,MAAA,GAAS,EAAC,EAAG,SAAA,KAAcC,uBAAA,EAAiB;AACpD,IAAA,MAAM,WAAA,GAAcC,YAAA,CAAM,MAAA,EAAQ,IAAI,CAAA;AAEtC,IAAA,uBACEC,cAAA;AAAA,MAACC,aAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,KAAA,EAAO,IAAA,CAAK,KAAA,IAAS,WAAA,IAAe,EAAA;AAAA,QACpC,MAAM,KAAA,CAAM,IAAA;AAAA,QACZ,OAAO,KAAA,CAAM,KAAA;AAAA,QACb,MAAA,EAAQ,MAAM,UAAA,CAAW,IAAI,CAAA;AAAA,QAC7B,aAAA,EAAe,CAAC,KAAA,KAAuB;AACrC,UAAA,SAAA,CAAUC,YAAA,CAAO,IAAA,EAAM,MAAM,CAAC,CAAA;AAC9B,UAAA,QAAA,CAAS,KAAK,CAAA;AACd,UAAA,iBAAA,GAAoB,KAAK,CAAA;AACzB,UAAA,YAAA,GAAe,KAAK,CAAA;AAAA,QACtB,CAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;"}

package/dist/cjs/formik/index.js

@@ -82,7 +82,7 @@ require('../index-BY6wgiQV.js');
 require('../primitives/Label.js');
 require('../Switch-bY6bZw78.js');
 require('../primitives/Switch.js');
-require('../Slider-ICf2eQ6p.js');
+require('../Slider-CRmd_VMs.js');
 require('../primitives/Slider.js');
 require('../index-EyWRfsCG.js');
 require('../TreeSelect-qLtRIP-s.js');

package/dist/cjs/index.js

@@ -28,7 +28,7 @@ var Progress = require('./Progress-yBpMAzIU.js');
 var RadioGroup = require('./RadioGroup-6mpFVQr8.js');
 var Select = require('./Select-DA4PZAwd.js');
 var Sheet = require('./Sheet-By1W1pFD.js');
-var Slider = require('./Slider-ICf2eQ6p.js');
+var Slider = require('./Slider-CRmd_VMs.js');
 var Spinner = require('./Spinner-DzNBz8al.js');
 var Stepper = require('./Stepper-DZb25oBH.js');
 var Switch = require('./Switch-bY6bZw78.js');

package/dist/components/Slider/Slider.d.ts

@@ -1,7 +1,17 @@
 import React from "react";
 import { Slider as PrimitiveSlider } from "src/primitives/Slider";
 import { FieldLabel } from "src/primitives/Field";
-export interface SliderProps extends React.ComponentProps<typeof PrimitiveSlider> {
+type SliderValue = number | number[];
+type PrimitiveSliderProps = React.ComponentProps<typeof PrimitiveSlider>;
+export interface SliderProps extends Omit<PrimitiveSliderProps, "value" | "defaultValue" | "onValueChange" | "onValueCommit"> {
+    /** Current value. Pass a number for a single-thumb slider or an array for a range slider. */
+    value?: SliderValue;
+    /** Default value (uncontrolled). Shape mirrors `value`. */
+    defaultValue?: SliderValue;
+    /** Called on every change. Emits a number if `value`/`defaultValue` was a number, an array otherwise. */
+    onValueChange?: (value: SliderValue) => void;
+    /** Called when the user stops dragging. Emits a number if `value`/`defaultValue` was a number, an array otherwise. */
+    onValueCommit?: (value: SliderValue) => void;
     /** Label displayed above the slider. */
     label?: string;
     /** Error message displayed below the slider. */

package/dist/components/Slider.js

@@ -1,4 +1,4 @@
-export { S as Slider } from '../Slider-DNcH5X7b.js';
+export { S as Slider } from '../Slider-Bokg8-oi.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../primitives/Slider.js';

package/dist/components/index.js

@@ -21,7 +21,7 @@ export { P as Progress } from '../Progress-DURemsl_.js';
 export { R as RadioGroup } from '../RadioGroup-BRAVPPc3.js';
 export { S as Select } from '../Select-ChcG9Sse.js';
 export { S as Sheet } from '../Sheet-Bw8GVQPS.js';
-export { S as Slider } from '../Slider-DNcH5X7b.js';
+export { S as Slider } from '../Slider-Bokg8-oi.js';
 export { S as Spinner } from '../Spinner-DgV3mILN.js';
 export { S as Stepper } from '../Stepper-7OpfOfas.js';
 export { S as Switch } from '../Switch-b4ZAjhRy.js';

package/dist/formik/Slider.d.ts

@@ -1,10 +1,11 @@
 import React from "react";
 import { SliderProps } from "src/components/Slider";
+type SliderValue = number | number[];
 export interface FormikSliderProps extends Omit<SliderProps, "name" | "onChange"> {
     /** Formik field name. */
     name: string;
     /** Callback fired when the value changes. Also supports onChange for compatibility. */
-    onChange?: (value: number[]) => void;
+    onChange?: (value: SliderValue) => void;
 }
 declare const FormikSlider: React.ForwardRefExoticComponent<Omit<FormikSliderProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { FormikSlider };

package/dist/formik/Slider.js

@@ -2,7 +2,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { useField, useFormikContext, getIn } from 'formik';
 import { dissoc } from 'ramda';
-import { S as Slider } from '../Slider-DNcH5X7b.js';
+import { S as Slider } from '../Slider-Bokg8-oi.js';
 import '../primitives/Slider.js';
 import '../utils-BJnb9o5c.js';
 import '../index-BfAAoDv6.js';

package/dist/formik/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../src/formik/Slider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Slider, SliderProps } from \"src/components/Slider\";\n\nexport interface FormikSliderProps extends Omit<\n  SliderProps,\n  \"name\" | \"onChange\"\n> {\n  /** Formik field name. */\n  name: string;\n  /** Callback fired when the value changes. Also supports onChange for compatibility. */\n  onChange?: (value: number[]) => void;\n}\n\nconst FormikSlider = forwardRef<\n  React.ComponentRef<typeof Slider>,\n  FormikSliderProps\n>(\n  (\n    {\n      name,\n      onValueChange: onValueChangeProp,\n      onChange: onChangeProp,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const [field, meta, { setValue, setTouched }] = useField(name);\n    const { status = {}, setStatus } = useFormikContext();\n    const fieldStatus = getIn(status, name);\n\n    return (\n      <Slider\n        ref={ref}\n        error={meta.error || fieldStatus || \"\"}\n        name={field.name}\n        value={field.value}\n        onBlur={() => setTouched(true)}\n        onValueChange={(value: number[]) => {\n          setStatus(dissoc(name, status));\n          setValue(value);\n          onValueChangeProp?.(value);\n          onChangeProp?.(value);\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nFormikSlider.displayName = \"FormikSlider\";\n\nexport { FormikSlider };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,YAAA,GAAe,UAAA;AAAA,EAInB,CACE;AAAA,IACE,IAAA;AAAA,IACA,aAAA,EAAe,iBAAA;AAAA,IACf,QAAA,EAAU,YAAA;AAAA,IACV,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,CAAC,OAAO,IAAA,EAAM,EAAE,UAAU,UAAA,EAAY,CAAA,GAAI,QAAA,CAAS,IAAI,CAAA;AAC7D,IAAA,MAAM,EAAE,MAAA,GAAS,EAAC,EAAG,SAAA,KAAc,gBAAA,EAAiB;AACpD,IAAA,MAAM,WAAA,GAAc,KAAA,CAAM,MAAA,EAAQ,IAAI,CAAA;AAEtC,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,KAAA,EAAO,IAAA,CAAK,KAAA,IAAS,WAAA,IAAe,EAAA;AAAA,QACpC,MAAM,KAAA,CAAM,IAAA;AAAA,QACZ,OAAO,KAAA,CAAM,KAAA;AAAA,QACb,MAAA,EAAQ,MAAM,UAAA,CAAW,IAAI,CAAA;AAAA,QAC7B,aAAA,EAAe,CAAC,KAAA,KAAoB;AAClC,UAAA,SAAA,CAAU,MAAA,CAAO,IAAA,EAAM,MAAM,CAAC,CAAA;AAC9B,UAAA,QAAA,CAAS,KAAK,CAAA;AACd,UAAA,iBAAA,GAAoB,KAAK,CAAA;AACzB,UAAA,YAAA,GAAe,KAAK,CAAA;AAAA,QACtB,CAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;"}
+{"version":3,"file":"Slider.js","sources":["../../src/formik/Slider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Slider, SliderProps } from \"src/components/Slider\";\n\ntype SliderValue = number | number[];\n\nexport interface FormikSliderProps extends Omit<\n  SliderProps,\n  \"name\" | \"onChange\"\n> {\n  /** Formik field name. */\n  name: string;\n  /** Callback fired when the value changes. Also supports onChange for compatibility. */\n  onChange?: (value: SliderValue) => void;\n}\n\nconst FormikSlider = forwardRef<\n  React.ComponentRef<typeof Slider>,\n  FormikSliderProps\n>(\n  (\n    {\n      name,\n      onValueChange: onValueChangeProp,\n      onChange: onChangeProp,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const [field, meta, { setValue, setTouched }] = useField(name);\n    const { status = {}, setStatus } = useFormikContext();\n    const fieldStatus = getIn(status, name);\n\n    return (\n      <Slider\n        ref={ref}\n        error={meta.error || fieldStatus || \"\"}\n        name={field.name}\n        value={field.value}\n        onBlur={() => setTouched(true)}\n        onValueChange={(value: SliderValue) => {\n          setStatus(dissoc(name, status));\n          setValue(value);\n          onValueChangeProp?.(value);\n          onChangeProp?.(value);\n        }}\n        {...otherProps}\n      />\n    );\n  }\n);\n\nFormikSlider.displayName = \"FormikSlider\";\n\nexport { FormikSlider };\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAM,YAAA,GAAe,UAAA;AAAA,EAInB,CACE;AAAA,IACE,IAAA;AAAA,IACA,aAAA,EAAe,iBAAA;AAAA,IACf,QAAA,EAAU,YAAA;AAAA,IACV,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,CAAC,OAAO,IAAA,EAAM,EAAE,UAAU,UAAA,EAAY,CAAA,GAAI,QAAA,CAAS,IAAI,CAAA;AAC7D,IAAA,MAAM,EAAE,MAAA,GAAS,EAAC,EAAG,SAAA,KAAc,gBAAA,EAAiB;AACpD,IAAA,MAAM,WAAA,GAAc,KAAA,CAAM,MAAA,EAAQ,IAAI,CAAA;AAEtC,IAAA,uBACE,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,KAAA,EAAO,IAAA,CAAK,KAAA,IAAS,WAAA,IAAe,EAAA;AAAA,QACpC,MAAM,KAAA,CAAM,IAAA;AAAA,QACZ,OAAO,KAAA,CAAM,KAAA;AAAA,QACb,MAAA,EAAQ,MAAM,UAAA,CAAW,IAAI,CAAA;AAAA,QAC7B,aAAA,EAAe,CAAC,KAAA,KAAuB;AACrC,UAAA,SAAA,CAAU,MAAA,CAAO,IAAA,EAAM,MAAM,CAAC,CAAA;AAC9B,UAAA,QAAA,CAAS,KAAK,CAAA;AACd,UAAA,iBAAA,GAAoB,KAAK,CAAA;AACzB,UAAA,YAAA,GAAe,KAAK,CAAA;AAAA,QACtB,CAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,YAAA,CAAa,WAAA,GAAc,cAAA;;;;"}

package/dist/formik/index.js

@@ -80,7 +80,7 @@ import '../index-d0BBQf5t.js';
 import '../primitives/Label.js';
 import '../Switch-b4ZAjhRy.js';
 import '../primitives/Switch.js';
-import '../Slider-DNcH5X7b.js';
+import '../Slider-Bokg8-oi.js';
 import '../primitives/Slider.js';
 import '../index-BfAAoDv6.js';
 import '../TreeSelect-BwF2rY6f.js';

package/dist/index.js

@@ -27,7 +27,7 @@ export { P as Progress } from './Progress-DURemsl_.js';
 export { R as RadioGroup } from './RadioGroup-BRAVPPc3.js';
 export { S as Select } from './Select-ChcG9Sse.js';
 export { S as Sheet } from './Sheet-Bw8GVQPS.js';
-export { S as Slider } from './Slider-DNcH5X7b.js';
+export { S as Slider } from './Slider-Bokg8-oi.js';
 export { S as Spinner } from './Spinner-DgV3mILN.js';
 export { S as Stepper } from './Stepper-7OpfOfas.js';
 export { S as Switch } from './Switch-b4ZAjhRy.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-atoms",
-  "version": "1.0.77",
+  "version": "1.0.78",
   "author": "BigBinary",
   "license": "MIT",
   "engines": {

package/dist/Slider-DNcH5X7b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider-DNcH5X7b.js","sources":["../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\n\nimport { Slider as PrimitiveSlider } from \"src/primitives/Slider\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\n\nexport interface SliderProps extends React.ComponentProps<\n  typeof PrimitiveSlider\n> {\n  /** Label displayed above the slider. */\n  label?: string;\n  /** Error message displayed below the slider. */\n  error?: string;\n  /** Help text displayed below the slider. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Shows a required indicator next to the label. */\n  required?: boolean;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n  /** Props forwarded to the FieldLabel element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n}\n\nconst Slider = forwardRef<\n  React.ComponentRef<typeof PrimitiveSlider>,\n  SliderProps\n>(\n  (\n    {\n      label,\n      error,\n      helpText,\n      required = false,\n      className,\n      labelProps,\n      disabled,\n      id: idProp,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    const hasField = !!(label || error || helpText);\n\n    const slider = (\n      <PrimitiveSlider\n        ref={ref}\n        id={id}\n        disabled={disabled}\n        aria-invalid={!!error || undefined}\n        aria-describedby={ariaDescribedBy}\n        aria-label={!label ? undefined : label}\n        className={cn(!hasField && className)}\n        {...otherProps}\n      />\n    );\n\n    if (!hasField) {\n      return slider;\n    }\n\n    return (\n      <Field\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {label && (\n          <FieldLabel htmlFor={id} {...labelProps}>\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"text-destructive\">\n                *\n              </span>\n            )}\n          </FieldLabel>\n        )}\n        <FieldContent>\n          {slider}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nSlider.displayName = \"Slider\";\n\nexport { Slider };\n"],"names":["PrimitiveSlider"],"mappings":";;;;;;AA6BA,MAAM,MAAA,GAAS,UAAA;AAAA,EAIb,CACE;AAAA,IACE,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,EAAA,EAAI,MAAA;AAAA,IACJ,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,cAAc,KAAA,EAAM;AAC1B,IAAA,MAAM,KAAK,MAAA,IAAU,WAAA;AACrB,IAAA,MAAM,OAAA,GAAU,SAAS,EAAE,CAAA,CAAA;AAC3B,IAAA,MAAM,UAAA,GAAa,YAAY,EAAE,CAAA,CAAA;AAEjC,IAAA,MAAM,eAAA,GACJ,CAAC,KAAA,GAAQ,OAAA,GAAU,MAAM,QAAA,GAAW,UAAA,GAAa,IAAI,CAAA,CAClD,MAAA,CAAO,OAAO,CAAA,CACd,IAAA,CAAK,GAAG,CAAA,IAAK,MAAA;AAElB,IAAA,MAAM,QAAA,GAAW,CAAC,EAAE,KAAA,IAAS,KAAA,IAAS,QAAA,CAAA;AAEtC,IAAA,MAAM,MAAA,mBACJ,GAAA;AAAA,MAACA,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,EAAA;AAAA,QACA,QAAA;AAAA,QACA,cAAA,EAAc,CAAC,CAAC,KAAA,IAAS,MAAA;AAAA,QACzB,kBAAA,EAAkB,eAAA;AAAA,QAClB,YAAA,EAAY,CAAC,KAAA,GAAQ,MAAA,GAAY,KAAA;AAAA,QACjC,SAAA,EAAW,EAAA,CAAG,CAAC,QAAA,IAAY,SAAS,CAAA;AAAA,QACnC,GAAG;AAAA;AAAA,KACN;AAGF,IAAA,IAAI,CAAC,QAAA,EAAU;AACb,MAAA,OAAO,MAAA;AAAA,IACT;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,iBAAe,QAAA,IAAY,MAAA;AAAA,QAC3B,cAAA,EAAc,CAAC,CAAC,KAAA,IAAS,MAAA;AAAA,QACzB,SAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,KAAA,oBACC,IAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAS,EAAA,EAAK,GAAG,UAAA,EAC1B,QAAA,EAAA;AAAA,YAAA,KAAA;AAAA,YACA,4BACC,GAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,oBAAmB,QAAA,EAAA,GAAA,EAEtD;AAAA,WAAA,EAEJ,CAAA;AAAA,+BAED,YAAA,EAAA,EACE,QAAA,EAAA;AAAA,YAAA,MAAA;AAAA,YACA,CAAC,CAAC,KAAA,wBAAU,UAAA,EAAA,EAAW,EAAA,EAAI,SAAU,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,YAC3C,QAAA,oBACC,GAAA,CAAC,gBAAA,EAAA,EAAiB,EAAA,EAAI,YAAa,QAAA,EAAA,QAAA,EAAS;AAAA,WAAA,EAEhD;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}

package/dist/cjs/Slider-ICf2eQ6p.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider-ICf2eQ6p.js","sources":["../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\n\nimport { Slider as PrimitiveSlider } from \"src/primitives/Slider\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\n\nexport interface SliderProps extends React.ComponentProps<\n  typeof PrimitiveSlider\n> {\n  /** Label displayed above the slider. */\n  label?: string;\n  /** Error message displayed below the slider. */\n  error?: string;\n  /** Help text displayed below the slider. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Shows a required indicator next to the label. */\n  required?: boolean;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n  /** Props forwarded to the FieldLabel element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n}\n\nconst Slider = forwardRef<\n  React.ComponentRef<typeof PrimitiveSlider>,\n  SliderProps\n>(\n  (\n    {\n      label,\n      error,\n      helpText,\n      required = false,\n      className,\n      labelProps,\n      disabled,\n      id: idProp,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    const hasField = !!(label || error || helpText);\n\n    const slider = (\n      <PrimitiveSlider\n        ref={ref}\n        id={id}\n        disabled={disabled}\n        aria-invalid={!!error || undefined}\n        aria-describedby={ariaDescribedBy}\n        aria-label={!label ? undefined : label}\n        className={cn(!hasField && className)}\n        {...otherProps}\n      />\n    );\n\n    if (!hasField) {\n      return slider;\n    }\n\n    return (\n      <Field\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {label && (\n          <FieldLabel htmlFor={id} {...labelProps}>\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"text-destructive\">\n                *\n              </span>\n            )}\n          </FieldLabel>\n        )}\n        <FieldContent>\n          {slider}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nSlider.displayName = \"Slider\";\n\nexport { Slider };\n"],"names":["forwardRef","useId","jsx","PrimitiveSlider","cn","jsxs","Field","FieldLabel","FieldContent","FieldError","FieldDescription"],"mappings":";;;;;;;;AA6BA,MAAM,MAAA,GAASA,gBAAA;AAAA,EAIb,CACE;AAAA,IACE,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,EAAA,EAAI,MAAA;AAAA,IACJ,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,cAAcC,WAAA,EAAM;AAC1B,IAAA,MAAM,KAAK,MAAA,IAAU,WAAA;AACrB,IAAA,MAAM,OAAA,GAAU,SAAS,EAAE,CAAA,CAAA;AAC3B,IAAA,MAAM,UAAA,GAAa,YAAY,EAAE,CAAA,CAAA;AAEjC,IAAA,MAAM,eAAA,GACJ,CAAC,KAAA,GAAQ,OAAA,GAAU,MAAM,QAAA,GAAW,UAAA,GAAa,IAAI,CAAA,CAClD,MAAA,CAAO,OAAO,CAAA,CACd,IAAA,CAAK,GAAG,CAAA,IAAK,MAAA;AAElB,IAAA,MAAM,QAAA,GAAW,CAAC,EAAE,KAAA,IAAS,KAAA,IAAS,QAAA,CAAA;AAEtC,IAAA,MAAM,MAAA,mBACJC,cAAA;AAAA,MAACC,wBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,EAAA;AAAA,QACA,QAAA;AAAA,QACA,cAAA,EAAc,CAAC,CAAC,KAAA,IAAS,MAAA;AAAA,QACzB,kBAAA,EAAkB,eAAA;AAAA,QAClB,YAAA,EAAY,CAAC,KAAA,GAAQ,MAAA,GAAY,KAAA;AAAA,QACjC,SAAA,EAAWC,QAAA,CAAG,CAAC,QAAA,IAAY,SAAS,CAAA;AAAA,QACnC,GAAG;AAAA;AAAA,KACN;AAGF,IAAA,IAAI,CAAC,QAAA,EAAU;AACb,MAAA,OAAO,MAAA;AAAA,IACT;AAEA,IAAA,uBACEC,eAAA;AAAA,MAACC,sBAAA;AAAA,MAAA;AAAA,QACC,iBAAe,QAAA,IAAY,MAAA;AAAA,QAC3B,cAAA,EAAc,CAAC,CAAC,KAAA,IAAS,MAAA;AAAA,QACzB,SAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,KAAA,oBACCD,eAAA,CAACE,2BAAA,EAAA,EAAW,OAAA,EAAS,EAAA,EAAK,GAAG,UAAA,EAC1B,QAAA,EAAA;AAAA,YAAA,KAAA;AAAA,YACA,4BACCL,cAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,oBAAmB,QAAA,EAAA,GAAA,EAEtD;AAAA,WAAA,EAEJ,CAAA;AAAA,0CAEDM,6BAAA,EAAA,EACE,QAAA,EAAA;AAAA,YAAA,MAAA;AAAA,YACA,CAAC,CAAC,KAAA,mCAAUC,2BAAA,EAAA,EAAW,EAAA,EAAI,SAAU,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,YAC3C,QAAA,oBACCP,cAAA,CAACQ,iCAAA,EAAA,EAAiB,EAAA,EAAI,YAAa,QAAA,EAAA,QAAA,EAAS;AAAA,WAAA,EAEhD;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}