@fuf-stack/uniform 1.22.5 → 1.22.6

package/dist/{index-Bie3CWyW.d.cts.map → Slider/index.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Bie3CWyW.d.cts","names":[],"sources":["../src/Slider/Slider.tsx"],"mappings":";;;;cAYa,cAAA,IAAc,KAAA;EAAA;;;gbAmBzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gbAnByB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kbAqBsB;;;;sbACrB;EAAA;IAAA;;;kbAEC;;;;sbAAQ;EAAA;IAAA;;;kbAInC;;;;sbAIa;EAAA;kbAIb;;;;sbAcA;EAAA;;;;;kbAiBQ;;;;sbA8HT;EAAA;IAAA;;;kbAxHe;;;;sbAAA;EAAA;IAAA;;;kbAAA;;;;sbAAA;EAAA;IAAA;;;kbAAA;;;;sbAAA;EAAA;IAAA;;;kbAAA;;;;sbAYF;EAAA;kbA4Gb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA5KI,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,cAAA;AAAA,UAEnB,WAAA,SAAoB,YAAA;;EAEnC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,QAAA;;EAEA,UAAA,GAAa,SAAA;;EAEb,UAAA;;EAEA,KAAA;;EAEA,IAAA;;;;;EAKA,SAAA;;;;;EAKA,IAAA;;EAEA,YAAA,GAAe,SAAA;;;;;EAKf,IAAA;;EAEA,MAAA;;;;;EAKA,QAAA;;;;;EAKA,QAAA;AAAA;;;;cAMI,MAAA;EAAU,SAAA;EAAA,UAAA;EAAA,UAAA;EAAA,IAAA;EAAA,SAAA;EAAA,IAAA;EAAA,YAAA;EAAA,IAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAYb,WAAA,iCAAW,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/Slider/Slider.tsx"],"mappings":";;;;cAYa,cAAA,IAAc,KAAA;EAAA;;;gbAmBzB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gbAnByB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kbAqBsB;;;;sbACrB;EAAA;IAAA;;;kbAEC;;;;sbAAQ;EAAA;IAAA;;;kbAInC;;;;sbAIa;EAAA;kbAIb;;;;sbAcA;EAAA;;;;;kbAiBQ;;;;sbA8HT;EAAA;IAAA;;;kbAxHe;;;;sbAAA;EAAA;IAAA;;;kbAAA;;;;sbAAA;EAAA;IAAA;;;kbAAA;;;;sbAAA;EAAA;IAAA;;;kbAAA;;;;sbAYF;EAAA;kbA4Gb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA5KI,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,cAAA;AAAA,UAEnB,WAAA,SAAoB,YAAA;;EAEnC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,QAAA;;EAEA,UAAA,GAAa,SAAA;;EAEb,UAAA;;EAEA,KAAA;;EAEA,IAAA;;;;;EAKA,SAAA;;;;;EAKA,IAAA;;EAEA,YAAA,GAAe,SAAA;;;;;EAKf,IAAA;;EAEA,MAAA;;;;;EAKA,QAAA;;;;;EAKA,QAAA;AAAA;;;;cAMI,MAAA;EAAU,SAAA;EAAA,UAAA;EAAA,UAAA;EAAA,IAAA;EAAA,SAAA;EAAA,IAAA;EAAA,YAAA;EAAA,IAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAYb,WAAA,iCAAW,GAAA,CAAA,OAAA"}

package/dist/Slider/index.js

@@ -1,2 +1,108 @@
-import { n as Slider, r as sliderVariants, t as Slider_default } from "../Slider-DmEwhC1T.js";
-export { Slider, Slider_default as default, sliderVariants };
+import { useUniformField } from "../hooks/useUniformField/index.js";
+import { cn, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { VisuallyHidden } from "@react-aria/visually-hidden";
+import { Slider } from "@heroui/slider";
+//#region src/Slider/Slider.tsx
+const sliderVariants = tv({ slots: {
+	base: "group",
+	endContent: "",
+	errorMessage: "ml-1 mt-1",
+	filler: "",
+	label: "text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:!text-danger group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-[\"*\"]",
+	labelWrapper: "",
+	mark: "",
+	startContent: "",
+	step: "",
+	thumb: "",
+	track: "",
+	trackWrapper: "",
+	value: ""
+} });
+/**
+* Slider component based on [HeroUI Slider](https://www.heroui.com//docs/components/slider)
+*/
+const Slider$1 = ({ className = void 0, endContent = void 0, fillOffset = void 0, name, showSteps = false, size = "md", startContent = void 0, step = 1, minValue = 0, maxValue = 100, ...uniformFieldProps }) => {
+	const { ariaLabel, disabled, field, getErrorMessageProps, getHelperWrapperProps, invalid, label, onBlur, onChange, ref, required, errorMessage, testId } = useUniformField({
+		name,
+		...uniformFieldProps
+	});
+	const visualSliderRef = useRef(null);
+	const classNames = variantsToClassNames(sliderVariants(), className, "base");
+	const currentValue = field.value != null ? Number(field.value) : minValue;
+	return /* @__PURE__ */ jsxs("div", {
+		className: classNames.base,
+		"data-invalid": invalid,
+		"data-required": required,
+		"data-testid": testId,
+		children: [
+			/* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("input", {
+				ref,
+				"aria-label": ariaLabel,
+				disabled,
+				max: maxValue,
+				min: minValue,
+				name,
+				onBlur,
+				onChange: (e) => {
+					onChange(Number(e.target.value));
+				},
+				onFocus: () => {
+					visualSliderRef.current?.focus();
+				},
+				step,
+				tabIndex: -1,
+				type: "range",
+				value: currentValue
+			}) }),
+			/* @__PURE__ */ jsx(Slider, {
+				ref: visualSliderRef,
+				"aria-label": ariaLabel,
+				classNames: {
+					endContent: classNames.endContent,
+					filler: classNames.filler,
+					label: classNames.label,
+					labelWrapper: classNames.labelWrapper,
+					mark: classNames.mark,
+					startContent: classNames.startContent,
+					step: classNames.step,
+					thumb: classNames.thumb,
+					track: classNames.track,
+					trackWrapper: classNames.trackWrapper,
+					value: classNames.value
+				},
+				color: invalid ? "danger" : "primary",
+				endContent,
+				fillOffset,
+				isDisabled: disabled,
+				label,
+				maxValue,
+				minValue,
+				name: `${name}_slider`,
+				onBlur,
+				onChange,
+				showSteps,
+				size,
+				startContent,
+				step,
+				value: currentValue
+			}),
+			invalid ? /* @__PURE__ */ jsx("div", {
+				...getHelperWrapperProps(),
+				className: cn(getHelperWrapperProps()?.className, "ml-0 block"),
+				children: /* @__PURE__ */ jsx("div", {
+					...getErrorMessageProps(),
+					children: errorMessage
+				})
+			}) : null
+		]
+	});
+};
+//#endregion
+//#region src/Slider/index.ts
+var Slider_default = Slider$1;
+//#endregion
+export { Slider_default as default, sliderVariants };
+
+//# sourceMappingURL=index.js.map

package/dist/Slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Slider","HeroUISlider","Slider"],"sources":["../../src/Slider/Slider.tsx","../../src/Slider/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { useRef } from 'react';\n\nimport { Slider as HeroUISlider } from '@heroui/slider';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks/useUniformField';\n\nexport const sliderVariants = tv({\n  slots: {\n    base: 'group',\n    endContent: '',\n    errorMessage: 'ml-1 mt-1',\n    filler: '',\n    // see HeroUI styles for group-data condition,\n    // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts\n    label:\n      'text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:!text-danger group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-[\"*\"]',\n    labelWrapper: '',\n    mark: '',\n    startContent: '',\n    step: '',\n    thumb: '',\n    track: '',\n    trackWrapper: '',\n    value: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof sliderVariants>;\ntype ClassName = TVClassName<typeof sliderVariants>;\n\nexport interface SliderProps extends VariantProps {\n  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** input field is disabled */\n  disabled?: boolean;\n  /** Content to display at the end of the slider */\n  endContent?: ReactNode;\n  /** The offset from where the fill should start */\n  fillOffset?: number;\n  /** form field label */\n  label?: string;\n  /** form field name */\n  name: string;\n  /**\n   * Whether to show step dots on the slider\n   * @default false\n   */\n  showSteps?: boolean;\n  /**\n   * The size of the slider\n   * @default \"md\"\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /** Content to display at the start of the slider */\n  startContent?: ReactNode;\n  /**\n   * The step value of the slider\n   * @default 1\n   */\n  step?: number;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /**\n   * The minimum value of the slider\n   * @default 0\n   */\n  minValue?: number;\n  /**\n   * The maximum value of the slider\n   * @default 100\n   */\n  maxValue?: number;\n}\n\n/**\n * Slider component based on [HeroUI Slider](https://www.heroui.com//docs/components/slider)\n */\nconst Slider = ({\n  className = undefined,\n  endContent = undefined,\n  fillOffset = undefined,\n  name,\n  showSteps = false,\n  size = 'md',\n  startContent = undefined,\n  step = 1,\n  minValue = 0,\n  maxValue = 100,\n  ...uniformFieldProps\n}: SliderProps) => {\n  const {\n    ariaLabel,\n    disabled,\n    field,\n    getErrorMessageProps,\n    getHelperWrapperProps,\n    invalid,\n    label,\n    onBlur,\n    onChange,\n    ref,\n    required,\n    errorMessage,\n    testId,\n  } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  // Ref for the visual slider to forward focus\n  const visualSliderRef = useRef<HTMLDivElement>(null);\n\n  // classNames from slots\n  const variants = sliderVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // Get the current value, defaulting to minValue if null/undefined\n  const currentValue = field.value != null ? Number(field.value) : minValue;\n\n  return (\n    <div\n      className={classNames.base}\n      data-invalid={invalid}\n      data-required={required}\n      data-testid={testId}\n    >\n      {/* Visually hidden input for form accessibility and focus management */}\n      <VisuallyHidden>\n        <input\n          ref={ref}\n          aria-label={ariaLabel}\n          disabled={disabled}\n          max={maxValue}\n          min={minValue}\n          name={name}\n          onBlur={onBlur}\n          onChange={(e) => {\n            onChange(Number(e.target.value));\n          }}\n          onFocus={() => {\n            // When RHF focuses this hidden input (e.g., on validation error),\n            // forward focus to the visual slider to show focus ring\n            visualSliderRef.current?.focus();\n          }}\n          step={step}\n          tabIndex={-1}\n          type=\"range\"\n          value={currentValue}\n        />\n      </VisuallyHidden>\n      {/* Visual HeroUISlider component */}\n      <HeroUISlider\n        ref={visualSliderRef}\n        aria-label={ariaLabel}\n        classNames={{\n          endContent: classNames.endContent,\n          filler: classNames.filler,\n          label: classNames.label,\n          labelWrapper: classNames.labelWrapper,\n          mark: classNames.mark,\n          startContent: classNames.startContent,\n          step: classNames.step,\n          thumb: classNames.thumb,\n          track: classNames.track,\n          trackWrapper: classNames.trackWrapper,\n          value: classNames.value,\n        }}\n        color={invalid ? 'danger' : 'primary'}\n        endContent={endContent}\n        fillOffset={fillOffset}\n        isDisabled={disabled}\n        label={label}\n        maxValue={maxValue}\n        minValue={minValue}\n        name={`${name}_slider`}\n        onBlur={onBlur}\n        onChange={onChange}\n        showSteps={showSteps}\n        size={size}\n        startContent={startContent}\n        step={step}\n        value={currentValue}\n      />\n      {invalid ? (\n        <div\n          {...getHelperWrapperProps()}\n          className={cn(\n            getHelperWrapperProps()?.className,\n            // force helper to be visible (for some reason it's hidden by default) and remove margin\n            'ml-0 block',\n          )}\n        >\n          <div {...getErrorMessageProps()}>{errorMessage}</div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default Slider;\n","import Slider from './Slider';\n\nexport type { SliderProps } from './Slider';\n\nexport { sliderVariants } from './Slider';\n\nexport default Slider;\n"],"mappings":";;;;;;;AAYA,MAAa,iBAAiB,GAAG,EAC/B,OAAO;CACL,MAAM;CACN,YAAY;CACZ,cAAc;CACd,QAAQ;CAGR,OACE;CACF,cAAc;CACd,MAAM;CACN,cAAc;CACd,MAAM;CACN,OAAO;CACP,OAAO;CACP,cAAc;CACd,OAAO;AACT,EACF,CAAC;;;;AAsDD,MAAMA,YAAU,EACd,YAAY,KAAA,GACZ,aAAa,KAAA,GACb,aAAa,KAAA,GACb,MACA,YAAY,OACZ,OAAO,MACP,eAAe,KAAA,GACf,OAAO,GACP,WAAW,GACX,WAAW,KACX,GAAG,wBACc;CACjB,MAAM,EACJ,WACA,UACA,OACA,sBACA,uBACA,SACA,OACA,QACA,UACA,KACA,UACA,cACA,WACE,gBAAgB;EAClB;EACA,GAAG;CACL,CAAC;CAGD,MAAM,kBAAkB,OAAuB,IAAI;CAInD,MAAM,aAAa,qBADF,eAC8B,GAAG,WAAW,MAAM;CAGnE,MAAM,eAAe,MAAM,SAAS,OAAO,OAAO,MAAM,KAAK,IAAI;CAEjE,OACE,qBAAC,OAAD;EACE,WAAW,WAAW;EACtB,gBAAc;EACd,iBAAe;EACf,eAAa;YAJf;GAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,SAAD;IACO;IACL,cAAY;IACF;IACV,KAAK;IACL,KAAK;IACC;IACE;IACR,WAAW,MAAM;KACf,SAAS,OAAO,EAAE,OAAO,KAAK,CAAC;IACjC;IACA,eAAe;KAGb,gBAAgB,SAAS,MAAM;IACjC;IACM;IACN,UAAU;IACV,MAAK;IACL,OAAO;GACR,CAAA,EACa,CAAA;GAEhB,oBAACC,QAAD;IACE,KAAK;IACL,cAAY;IACZ,YAAY;KACV,YAAY,WAAW;KACvB,QAAQ,WAAW;KACnB,OAAO,WAAW;KAClB,cAAc,WAAW;KACzB,MAAM,WAAW;KACjB,cAAc,WAAW;KACzB,MAAM,WAAW;KACjB,OAAO,WAAW;KAClB,OAAO,WAAW;KAClB,cAAc,WAAW;KACzB,OAAO,WAAW;IACpB;IACA,OAAO,UAAU,WAAW;IAChB;IACA;IACZ,YAAY;IACL;IACG;IACA;IACV,MAAM,GAAG,KAAK;IACN;IACE;IACC;IACL;IACQ;IACR;IACN,OAAO;GACR,CAAA;GACA,UACC,oBAAC,OAAD;IACE,GAAI,sBAAsB;IAC1B,WAAW,GACT,sBAAsB,GAAG,WAEzB,YACF;cAEA,oBAAC,OAAD;KAAK,GAAI,qBAAqB;eAAI;IAAkB,CAAA;GACjD,CAAA,IACH;EACD;;AAET;;;ACvMA,IAAA,iBAAeC"}

package/dist/SubmitButton/index.cjs

@@ -2,6 +2,34 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_SubmitButton = require("../SubmitButton-D-wn1PJV.cjs");
-exports.SubmitButton = require_SubmitButton.SubmitButton;
-exports.default = require_SubmitButton.SubmitButton_default;
+const require_useFormContext = require("../useFormContext-kUHonwgu.cjs");
+let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
+let _fuf_stack_pixels = require("@fuf-stack/pixels");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/SubmitButton/SubmitButton.tsx
+/**
+* From SubmitButton
+*/
+const SubmitButton = ({ ariaLabel = "Submit form", children = "Submit", className = void 0, color = "success", icon = void 0, loading = false, size = "md", testId = "form_submit_button" }) => {
+	const { formState: { isSubmitting }, triggerSubmit } = require_useFormContext.useFormContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_fuf_stack_pixels.Button, {
+		ariaLabel,
+		className: (0, _fuf_stack_pixel_utils.cn)(className),
+		color,
+		disabled: isSubmitting,
+		icon,
+		loading: loading || isSubmitting,
+		onClick: triggerSubmit,
+		size,
+		testId: (0, _fuf_stack_pixel_utils.slugify)(testId, { replaceDots: true }),
+		type: "submit",
+		children
+	});
+};
+//#endregion
+//#region src/SubmitButton/index.ts
+var SubmitButton_default = SubmitButton;
+//#endregion
+exports.default = SubmitButton_default;
+
+//# sourceMappingURL=index.cjs.map

package/dist/SubmitButton/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["useFormContext","Button"],"sources":["../../src/SubmitButton/SubmitButton.tsx","../../src/SubmitButton/index.ts"],"sourcesContent":["import type { ButtonProps } from '@fuf-stack/pixels';\nimport type { ReactNode } from 'react';\n\nimport { cn, slugify } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\nimport { useFormContext } from '../hooks/useFormContext';\n\nexport interface SubmitButtonProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the submit button */\n  color?: ButtonProps['color'];\n  /** icon of the submit button */\n  icon?: ButtonProps['icon'];\n  /** If set loading animation is shown */\n  loading?: boolean;\n  /** size of the submit button */\n  size?: ButtonProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * From SubmitButton\n */\nconst SubmitButton = ({\n  ariaLabel = 'Submit form',\n  children = 'Submit',\n  className = undefined,\n  color = 'success',\n  icon = undefined,\n  loading = false,\n  size = 'md',\n  testId = 'form_submit_button',\n}: SubmitButtonProps) => {\n  const {\n    formState: { isSubmitting },\n    triggerSubmit,\n  } = useFormContext();\n\n  return (\n    <Button\n      ariaLabel={ariaLabel}\n      className={cn(className)}\n      color={color}\n      disabled={isSubmitting}\n      icon={icon}\n      loading={loading || isSubmitting}\n      // @ts-expect-error we use form context triggerSubmit\n      // here so that submit button also works in special\n      // scenarios (e.g. when used in modal)\n      onClick={triggerSubmit}\n      size={size}\n      testId={slugify(testId, { replaceDots: true })}\n      type=\"submit\"\n    >\n      {children}\n    </Button>\n  );\n};\n\nexport default SubmitButton;\n","import SubmitButton from './SubmitButton';\n\nexport type { SubmitButtonProps } from './SubmitButton';\n\nexport default SubmitButton;\n"],"mappings":";;;;;;;;;;;;AA8BA,MAAM,gBAAgB,EACpB,YAAY,eACZ,WAAW,UACX,YAAY,KAAA,GACZ,QAAQ,WACR,OAAO,KAAA,GACP,UAAU,OACV,OAAO,MACP,SAAS,2BACc;CACvB,MAAM,EACJ,WAAW,EAAE,gBACb,kBACEA,uBAAAA,eAAe;CAEnB,OACE,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,QAAD;EACa;EACX,YAAA,GAAA,uBAAA,IAAc,SAAS;EAChB;EACP,UAAU;EACJ;EACN,SAAS,WAAW;EAIpB,SAAS;EACH;EACN,SAAA,GAAA,uBAAA,SAAgB,QAAQ,EAAE,aAAa,KAAK,CAAC;EAC7C,MAAK;EAEJ;CACK,CAAA;AAEZ;;;AC5DA,IAAA,uBAAe"}

package/dist/SubmitButton/index.d.cts

@@ -1,2 +1,38 @@
-import { n as SubmitButtonProps, t as SubmitButton } from "../index-DpXSZCZe.cjs";
-export { SubmitButton, SubmitButton as default, type SubmitButtonProps };
+import { ReactNode } from "react";
+import { ButtonProps } from "@fuf-stack/pixels";
+
+//#region src/SubmitButton/SubmitButton.d.ts
+interface SubmitButtonProps {
+  /** sets HTML aria-label attribute */
+  ariaLabel?: string;
+  /** child components */
+  children?: ReactNode;
+  /** CSS class name */
+  className?: string;
+  /** color of the submit button */
+  color?: ButtonProps['color'];
+  /** icon of the submit button */
+  icon?: ButtonProps['icon'];
+  /** If set loading animation is shown */
+  loading?: boolean;
+  /** size of the submit button */
+  size?: ButtonProps['size'];
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+}
+/**
+ * From SubmitButton
+ */
+declare const SubmitButton: ({
+  ariaLabel,
+  children,
+  className,
+  color,
+  icon,
+  loading,
+  size,
+  testId
+}: SubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { type SubmitButtonProps, SubmitButton as default };
+//# sourceMappingURL=index.d.cts.map

package/dist/SubmitButton/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/SubmitButton/SubmitButton.tsx"],"mappings":";;;;UAQiB,iBAAA;;EAEf,SAAA;EAFgC;EAIhC,QAAA,GAAW,SAAA;EAAA;EAEX,SAAA;EAIO;EAFP,KAAA,GAAQ,WAAA;EAMU;EAJlB,IAAA,GAAO,WAAA;EARP;EAUA,OAAA;EARW;EAUX,IAAA,GAAO,WAAA;EANP;EAQA,MAAA;AAAA;;;;cAMI,YAAA;EAAgB,SAAA;EAAA,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA,IAAA;EAAA,OAAA;EAAA,IAAA;EAAA;AAAA,GASnB,iBAAA,iCAAiB,GAAA,CAAA,OAAA"}

package/dist/SubmitButton/index.d.ts

@@ -1,2 +1,38 @@
-import { n as SubmitButtonProps, t as SubmitButton } from "../index-CV7wqRev.js";
-export { SubmitButton, SubmitButton as default, type SubmitButtonProps };
+import { ReactNode } from "react";
+import { ButtonProps } from "@fuf-stack/pixels";
+
+//#region src/SubmitButton/SubmitButton.d.ts
+interface SubmitButtonProps {
+  /** sets HTML aria-label attribute */
+  ariaLabel?: string;
+  /** child components */
+  children?: ReactNode;
+  /** CSS class name */
+  className?: string;
+  /** color of the submit button */
+  color?: ButtonProps['color'];
+  /** icon of the submit button */
+  icon?: ButtonProps['icon'];
+  /** If set loading animation is shown */
+  loading?: boolean;
+  /** size of the submit button */
+  size?: ButtonProps['size'];
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+}
+/**
+ * From SubmitButton
+ */
+declare const SubmitButton: ({
+  ariaLabel,
+  children,
+  className,
+  color,
+  icon,
+  loading,
+  size,
+  testId
+}: SubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { type SubmitButtonProps, SubmitButton as default };
+//# sourceMappingURL=index.d.ts.map

package/dist/SubmitButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/SubmitButton/SubmitButton.tsx"],"mappings":";;;;UAQiB,iBAAA;;EAEf,SAAA;EAFgC;EAIhC,QAAA,GAAW,SAAA;EAAA;EAEX,SAAA;EAIO;EAFP,KAAA,GAAQ,WAAA;EAMU;EAJlB,IAAA,GAAO,WAAA;EARP;EAUA,OAAA;EARW;EAUX,IAAA,GAAO,WAAA;EANP;EAQA,MAAA;AAAA;;;;cAMI,YAAA;EAAgB,SAAA;EAAA,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA,IAAA;EAAA,OAAA;EAAA,IAAA;EAAA;AAAA,GASnB,iBAAA,iCAAiB,GAAA,CAAA,OAAA"}

package/dist/SubmitButton/index.js

@@ -1,2 +1,31 @@
-import { n as SubmitButton, t as SubmitButton_default } from "../SubmitButton-D6aU7IgC.js";
-export { SubmitButton, SubmitButton_default as default };
+import { n as useFormContext } from "../useFormContext-BJqa1FoT.js";
+import { cn, slugify } from "@fuf-stack/pixel-utils";
+import { Button } from "@fuf-stack/pixels";
+import { jsx } from "react/jsx-runtime";
+//#region src/SubmitButton/SubmitButton.tsx
+/**
+* From SubmitButton
+*/
+const SubmitButton = ({ ariaLabel = "Submit form", children = "Submit", className = void 0, color = "success", icon = void 0, loading = false, size = "md", testId = "form_submit_button" }) => {
+	const { formState: { isSubmitting }, triggerSubmit } = useFormContext();
+	return /* @__PURE__ */ jsx(Button, {
+		ariaLabel,
+		className: cn(className),
+		color,
+		disabled: isSubmitting,
+		icon,
+		loading: loading || isSubmitting,
+		onClick: triggerSubmit,
+		size,
+		testId: slugify(testId, { replaceDots: true }),
+		type: "submit",
+		children
+	});
+};
+//#endregion
+//#region src/SubmitButton/index.ts
+var SubmitButton_default = SubmitButton;
+//#endregion
+export { SubmitButton_default as default };
+
+//# sourceMappingURL=index.js.map

package/dist/SubmitButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/SubmitButton/SubmitButton.tsx","../../src/SubmitButton/index.ts"],"sourcesContent":["import type { ButtonProps } from '@fuf-stack/pixels';\nimport type { ReactNode } from 'react';\n\nimport { cn, slugify } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\nimport { useFormContext } from '../hooks/useFormContext';\n\nexport interface SubmitButtonProps {\n  /** sets HTML aria-label attribute */\n  ariaLabel?: string;\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: string;\n  /** color of the submit button */\n  color?: ButtonProps['color'];\n  /** icon of the submit button */\n  icon?: ButtonProps['icon'];\n  /** If set loading animation is shown */\n  loading?: boolean;\n  /** size of the submit button */\n  size?: ButtonProps['size'];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * From SubmitButton\n */\nconst SubmitButton = ({\n  ariaLabel = 'Submit form',\n  children = 'Submit',\n  className = undefined,\n  color = 'success',\n  icon = undefined,\n  loading = false,\n  size = 'md',\n  testId = 'form_submit_button',\n}: SubmitButtonProps) => {\n  const {\n    formState: { isSubmitting },\n    triggerSubmit,\n  } = useFormContext();\n\n  return (\n    <Button\n      ariaLabel={ariaLabel}\n      className={cn(className)}\n      color={color}\n      disabled={isSubmitting}\n      icon={icon}\n      loading={loading || isSubmitting}\n      // @ts-expect-error we use form context triggerSubmit\n      // here so that submit button also works in special\n      // scenarios (e.g. when used in modal)\n      onClick={triggerSubmit}\n      size={size}\n      testId={slugify(testId, { replaceDots: true })}\n      type=\"submit\"\n    >\n      {children}\n    </Button>\n  );\n};\n\nexport default SubmitButton;\n","import SubmitButton from './SubmitButton';\n\nexport type { SubmitButtonProps } from './SubmitButton';\n\nexport default SubmitButton;\n"],"mappings":";;;;;;;;AA8BA,MAAM,gBAAgB,EACpB,YAAY,eACZ,WAAW,UACX,YAAY,KAAA,GACZ,QAAQ,WACR,OAAO,KAAA,GACP,UAAU,OACV,OAAO,MACP,SAAS,2BACc;CACvB,MAAM,EACJ,WAAW,EAAE,gBACb,kBACE,eAAe;CAEnB,OACE,oBAAC,QAAD;EACa;EACX,WAAW,GAAG,SAAS;EAChB;EACP,UAAU;EACJ;EACN,SAAS,WAAW;EAIpB,SAAS;EACH;EACN,QAAQ,QAAQ,QAAQ,EAAE,aAAa,KAAK,CAAC;EAC7C,MAAK;EAEJ;CACK,CAAA;AAEZ;;;AC5DA,IAAA,uBAAe"}

package/dist/Switch/index.cjs

@@ -2,7 +2,85 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_Switch = require("../Switch-Ch6_VInV.cjs");
-exports.Switch = require_Switch.Switch;
-exports.default = require_Switch.Switch_default;
-exports.switchVariants = require_Switch.switchVariants;
+const require_hooks_useUniformField_index = require("../hooks/useUniformField/index.cjs");
+let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _react_aria_visually_hidden = require("@react-aria/visually-hidden");
+let _heroui_switch = require("@heroui/switch");
+//#region src/Switch/Switch.tsx
+const switchVariants = (0, _fuf_stack_pixel_utils.tv)({ slots: {
+	base: "",
+	endContent: "",
+	errorMessage: "ml-1 mt-1",
+	label: "text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:!text-danger group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-[\"*\"]",
+	outerWrapper: "place-content-center",
+	startContent: "",
+	thumb: "",
+	thumbIcon: "",
+	wrapper: ""
+} });
+/**
+*  Switch component based on [HeroUI Switch](https://www.heroui.com//docs/components/switch)
+*/
+const Switch = ({ className = void 0, endContent = void 0, name, size = void 0, startContent = void 0, thumbIcon = void 0, ...uniformFieldProps }) => {
+	const { ariaLabel, defaultValue, disabled, errorMessage, field, getErrorMessageProps, getHelperWrapperProps, invalid, label, onBlur, onChange, ref, required, testId } = require_hooks_useUniformField_index.useUniformField({
+		name,
+		...uniformFieldProps
+	});
+	const visualSwitchRef = (0, react.useRef)(null);
+	const classNames = (0, _fuf_stack_pixel_utils.variantsToClassNames)(switchVariants(), className, "outerWrapper");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: classNames.outerWrapper,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_aria_visually_hidden.VisuallyHidden, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				ref,
+				"aria-label": ariaLabel,
+				checked: !!field.value,
+				name,
+				onBlur,
+				onChange: (e) => {
+					onChange(e.target.checked);
+				},
+				onFocus: () => {
+					visualSwitchRef.current?.focus();
+				},
+				type: "checkbox"
+			}) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_switch.Switch, {
+				ref: visualSwitchRef,
+				"aria-label": ariaLabel,
+				classNames,
+				"data-invalid": invalid,
+				"data-required": required,
+				"data-testid": testId,
+				defaultSelected: !!defaultValue,
+				endContent,
+				isDisabled: disabled,
+				isSelected: !!field.value,
+				name: `${name}_switch`,
+				onValueChange: onChange,
+				size,
+				startContent,
+				thumbIcon,
+				children: label
+			}),
+			invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				...getHelperWrapperProps(),
+				className: (0, _fuf_stack_pixel_utils.cn)(getHelperWrapperProps()?.className, "ml-0 block"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					...getErrorMessageProps(),
+					children: errorMessage
+				})
+			}) : null
+		]
+	});
+};
+//#endregion
+//#region src/Switch/index.ts
+var Switch_default = Switch;
+//#endregion
+exports.default = Switch_default;
+exports.switchVariants = switchVariants;
+
+//# sourceMappingURL=index.cjs.map

package/dist/Switch/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["useUniformField","VisuallyHidden","HeroSwitch"],"sources":["../../src/Switch/Switch.tsx","../../src/Switch/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { SwitchProps as HeroSwitchProps } from '@heroui/switch';\nimport type { ReactNode } from 'react';\n\nimport { useRef } from 'react';\n\nimport { Switch as HeroSwitch } from '@heroui/switch';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks/useUniformField';\n\nexport const switchVariants = tv({\n  slots: {\n    base: '',\n    endContent: '',\n    errorMessage: 'ml-1 mt-1',\n    // see HeroUI styles for group-data condition,\n    // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts\n    label:\n      'text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:!text-danger group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-[\"*\"]',\n    outerWrapper: 'place-content-center',\n    startContent: '',\n    thumb: '',\n    thumbIcon: '',\n    wrapper: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof switchVariants>;\ntype ClassName = TVClassName<typeof switchVariants>;\n\nexport interface SwitchProps extends VariantProps {\n  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** whether the select should be disabled */\n  disabled?: boolean;\n  /** Icon to be displayed at the end of the switch (when enabled) */\n  endContent?: ReactNode;\n  /** component displayed next to the switch */\n  label?: ReactNode;\n  /** name the field is registered under */\n  name: string;\n  /* Size of the switch */\n  size?: 'sm' | 'md' | 'lg';\n  /** Icon to be displayed at the start of the switch (when disabled) */\n  startContent?: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Icon to be displayed inside the thumb */\n  thumbIcon?: HeroSwitchProps['thumbIcon'];\n}\n\n/**\n *  Switch component based on [HeroUI Switch](https://www.heroui.com//docs/components/switch)\n */\nconst Switch = ({\n  className = undefined,\n  endContent = undefined,\n  name,\n  size = undefined,\n  startContent = undefined,\n  thumbIcon = undefined,\n  ...uniformFieldProps\n}: SwitchProps) => {\n  const {\n    ariaLabel,\n    defaultValue,\n    disabled,\n    errorMessage,\n    field,\n    getErrorMessageProps,\n    getHelperWrapperProps,\n    invalid,\n    label,\n    onBlur,\n    onChange,\n    ref,\n    required,\n    testId,\n  } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  // Ref for the visual switch to forward focus\n  const visualSwitchRef = useRef<HTMLInputElement>(null);\n\n  // classNames from slots\n  const variants = switchVariants();\n  const classNames = variantsToClassNames(variants, className, 'outerWrapper');\n\n  return (\n    <div className={classNames.outerWrapper}>\n      {/* Visually hidden input for form accessibility and focus management */}\n      <VisuallyHidden>\n        <input\n          ref={ref}\n          aria-label={ariaLabel}\n          checked={!!field.value}\n          name={name}\n          onBlur={onBlur}\n          onChange={(e) => {\n            onChange(e.target.checked);\n          }}\n          onFocus={() => {\n            // When RHF focuses this hidden input (e.g., on validation error),\n            // forward focus to the visual switch to show focus ring\n            visualSwitchRef.current?.focus();\n          }}\n          type=\"checkbox\"\n        />\n      </VisuallyHidden>\n      {/* Visual HeroSwitch component */}\n      <HeroSwitch\n        ref={visualSwitchRef}\n        aria-label={ariaLabel}\n        classNames={classNames}\n        data-invalid={invalid}\n        data-required={required}\n        data-testid={testId}\n        defaultSelected={!!defaultValue}\n        endContent={endContent}\n        isDisabled={disabled}\n        isSelected={!!field.value}\n        name={`${name}_switch`}\n        onValueChange={onChange}\n        size={size}\n        startContent={startContent}\n        thumbIcon={thumbIcon}\n      >\n        {label}\n      </HeroSwitch>\n      {invalid ? (\n        <div\n          {...getHelperWrapperProps()}\n          className={cn(\n            getHelperWrapperProps()?.className,\n            // force helper to be visible (for some reason it's hidden by default) and remove margin\n            'ml-0 block',\n          )}\n        >\n          <div {...getErrorMessageProps()}>{errorMessage}</div>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default Switch;\n","import Switch from './Switch';\n\nexport type { SwitchProps } from './Switch';\n\nexport { switchVariants } from './Switch';\n\nexport default Switch;\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,kBAAA,GAAA,uBAAA,IAAoB,EAC/B,OAAO;CACL,MAAM;CACN,YAAY;CACZ,cAAc;CAGd,OACE;CACF,cAAc;CACd,cAAc;CACd,OAAO;CACP,WAAW;CACX,SAAS;AACX,EACF,CAAC;;;;AA+BD,MAAM,UAAU,EACd,YAAY,KAAA,GACZ,aAAa,KAAA,GACb,MACA,OAAO,KAAA,GACP,eAAe,KAAA,GACf,YAAY,KAAA,GACZ,GAAG,wBACc;CACjB,MAAM,EACJ,WACA,cACA,UACA,cACA,OACA,sBACA,uBACA,SACA,OACA,QACA,UACA,KACA,UACA,WACEA,oCAAAA,gBAAgB;EAClB;EACA,GAAG;CACL,CAAC;CAGD,MAAM,mBAAA,GAAA,MAAA,QAA2C,IAAI;CAIrD,MAAM,cAAA,GAAA,uBAAA,sBADW,eAC8B,GAAG,WAAW,cAAc;CAE3E,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,WAAW,WAAW;YAA3B;GAEE,iBAAA,GAAA,kBAAA,KAACC,4BAAAA,gBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACO;IACL,cAAY;IACZ,SAAS,CAAC,CAAC,MAAM;IACX;IACE;IACR,WAAW,MAAM;KACf,SAAS,EAAE,OAAO,OAAO;IAC3B;IACA,eAAe;KAGb,gBAAgB,SAAS,MAAM;IACjC;IACA,MAAK;GACN,CAAA,EACa,CAAA;GAEhB,iBAAA,GAAA,kBAAA,KAACC,eAAAA,QAAD;IACE,KAAK;IACL,cAAY;IACA;IACZ,gBAAc;IACd,iBAAe;IACf,eAAa;IACb,iBAAiB,CAAC,CAAC;IACP;IACZ,YAAY;IACZ,YAAY,CAAC,CAAC,MAAM;IACpB,MAAM,GAAG,KAAK;IACd,eAAe;IACT;IACQ;IACH;cAEV;GACS,CAAA;GACX,UACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,GAAI,sBAAsB;IAC1B,YAAA,GAAA,uBAAA,IACE,sBAAsB,GAAG,WAEzB,YACF;cAEA,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,GAAI,qBAAqB;eAAI;IAAkB,CAAA;GACjD,CAAA,IACH;EACD;;AAET;;;AChJA,IAAA,iBAAe"}