@fuf-stack/uniform 1.22.5 → 1.22.7

package/dist/SubmitButton-D-wn1PJV.cjs

@@ -1,43 +0,0 @@
-require("./FormContext-DsmS_mkO.cjs");
-const require_useFormContext = require("./useFormContext-CrXwNYiB.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
-Object.defineProperty(exports, "SubmitButton", {
-	enumerable: true,
-	get: function() {
-		return SubmitButton;
-	}
-});
-Object.defineProperty(exports, "SubmitButton_default", {
-	enumerable: true,
-	get: function() {
-		return SubmitButton_default;
-	}
-});
-
-//# sourceMappingURL=SubmitButton-D-wn1PJV.cjs.map

package/dist/SubmitButton-D-wn1PJV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubmitButton-D-wn1PJV.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 { 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;;;AC1DA,IAAA,uBAAe"}

package/dist/SubmitButton-D6aU7IgC.js

@@ -1,31 +0,0 @@
-import { n as useFormContext } from "./useFormContext-CT8H8xIe.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 as n, SubmitButton_default as t };
-
-//# sourceMappingURL=SubmitButton-D6aU7IgC.js.map

package/dist/SubmitButton-D6aU7IgC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubmitButton-D6aU7IgC.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 { 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;;;AC1DA,IAAA,uBAAe"}

package/dist/Switch-Ch6_VInV.cjs

@@ -1,99 +0,0 @@
-require("./FormContext-DsmS_mkO.cjs");
-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,
-				type: "checkbox",
-				onChange: (e) => {
-					onChange(e.target.checked);
-				},
-				onFocus: () => {
-					visualSwitchRef.current?.focus();
-				}
-			}) }),
-			/* @__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
-Object.defineProperty(exports, "Switch", {
-	enumerable: true,
-	get: function() {
-		return Switch;
-	}
-});
-Object.defineProperty(exports, "Switch_default", {
-	enumerable: true,
-	get: function() {
-		return Switch_default;
-	}
-});
-Object.defineProperty(exports, "switchVariants", {
-	enumerable: true,
-	get: function() {
-		return switchVariants;
-	}
-});
-
-//# sourceMappingURL=Switch-Ch6_VInV.cjs.map

package/dist/Switch-Ch6_VInV.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch-Ch6_VInV.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          type=\"checkbox\"\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        />\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 { 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,MAAK;IACL,WAAW,MAAM;KACf,SAAS,EAAE,OAAO,OAAO;IAC3B;IACA,eAAe;KAGb,gBAAgB,SAAS,MAAM;IACjC;GACD,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;;;AC9IA,IAAA,iBAAe"}

package/dist/Switch-DvKRPFcC.js

@@ -1,81 +0,0 @@
-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 { Switch } from "@heroui/switch";
-//#region src/Switch/Switch.tsx
-const switchVariants = 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$1 = ({ 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 } = useUniformField({
-		name,
-		...uniformFieldProps
-	});
-	const visualSwitchRef = useRef(null);
-	const classNames = variantsToClassNames(switchVariants(), className, "outerWrapper");
-	return /* @__PURE__ */ jsxs("div", {
-		className: classNames.outerWrapper,
-		children: [
-			/* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("input", {
-				ref,
-				"aria-label": ariaLabel,
-				checked: !!field.value,
-				name,
-				onBlur,
-				type: "checkbox",
-				onChange: (e) => {
-					onChange(e.target.checked);
-				},
-				onFocus: () => {
-					visualSwitchRef.current?.focus();
-				}
-			}) }),
-			/* @__PURE__ */ jsx(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__ */ jsx("div", {
-				...getHelperWrapperProps(),
-				className: cn(getHelperWrapperProps()?.className, "ml-0 block"),
-				children: /* @__PURE__ */ jsx("div", {
-					...getErrorMessageProps(),
-					children: errorMessage
-				})
-			}) : null
-		]
-	});
-};
-//#endregion
-//#region src/Switch/index.ts
-var Switch_default = Switch$1;
-//#endregion
-export { Switch$1 as n, switchVariants as r, Switch_default as t };
-
-//# sourceMappingURL=Switch-DvKRPFcC.js.map

package/dist/Switch-DvKRPFcC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch-DvKRPFcC.js","names":["Switch","HeroSwitch","Switch"],"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          type=\"checkbox\"\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        />\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 { Switch };\n\nexport default Switch;\n"],"mappings":";;;;;;;AAaA,MAAa,iBAAiB,GAAG,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,MAAMA,YAAU,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,WACE,gBAAgB;EAClB;EACA,GAAG;CACL,CAAC;CAGD,MAAM,kBAAkB,OAAyB,IAAI;CAIrD,MAAM,aAAa,qBADF,eAC8B,GAAG,WAAW,cAAc;CAE3E,OACE,qBAAC,OAAD;EAAK,WAAW,WAAW;YAA3B;GAEE,oBAAC,gBAAD,EAAA,UACE,oBAAC,SAAD;IACO;IACL,cAAY;IACZ,SAAS,CAAC,CAAC,MAAM;IACX;IACE;IACR,MAAK;IACL,WAAW,MAAM;KACf,SAAS,EAAE,OAAO,OAAO;IAC3B;IACA,eAAe;KAGb,gBAAgB,SAAS,MAAM;IACjC;GACD,CAAA,EACa,CAAA;GAEhB,oBAACC,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,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;;;AC9IA,IAAA,iBAAeC"}

package/dist/SwitchBox-BU1XieaZ.js

@@ -1,153 +0,0 @@
-import { useUniformField } from "./hooks/useUniformField/index.js";
-import { cn, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { useRef } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { VisuallyHidden } from "@react-aria/visually-hidden";
-import { useSwitch } from "@heroui/switch";
-//#region src/SwitchBox/SwitchBox.tsx
-const switchBoxVariants = tv({
-	slots: {
-		box: "group inline-flex w-full cursor-pointer items-center justify-between rounded-lg border-2 border-default hover:bg-content2 data-[selected=true]:border-focus",
-		description: "text-foreground opacity-70",
-		icon: "",
-		label: "font-medium text-foreground group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-[\"*\"]",
-		wrapper: "",
-		thumb: "",
-		thumbIcon: ""
-	},
-	variants: {
-		isDisabled: { true: { box: "pointer-events-none opacity-disabled" } },
-		isInvalid: { true: {
-			box: "!border-danger",
-			label: "!text-danger"
-		} },
-		size: {
-			sm: {
-				box: "gap-2 p-3",
-				description: "text-xs",
-				label: "text-xs"
-			},
-			md: {
-				box: "gap-4 p-4",
-				description: "text-small",
-				label: "text-sm"
-			},
-			lg: {
-				box: "gap-4 p-5",
-				description: "text-small",
-				label: "text-base"
-			}
-		}
-	},
-	defaultVariants: { size: "md" }
-});
-/**
-* SwitchBox component - A card-like box with a switch control
-*/
-const SwitchBox = ({ className = void 0, description = void 0, icon = void 0, name, size = void 0, thumbIcon = void 0, ...uniformFieldProps }) => {
-	const { defaultValue, disabled, errorMessage, field, getErrorMessageProps, getHelperWrapperProps, invalid, label, onBlur, onChange, ref, required, testId } = useUniformField({
-		name,
-		...uniformFieldProps
-	});
-	const visualSwitchRef = useRef(null);
-	const { Component, slots, isSelected, getBaseProps, getInputProps, getWrapperProps } = useSwitch({
-		defaultSelected: !!defaultValue,
-		isDisabled: disabled,
-		isSelected: !!field.value,
-		name: `${name}_switch`,
-		onValueChange: onChange,
-		size,
-		thumbIcon
-	});
-	const classNames = variantsToClassNames(switchBoxVariants({
-		isDisabled: disabled,
-		isInvalid: invalid,
-		size
-	}), className, "box");
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Component, {
-		...getBaseProps(),
-		className: classNames.box,
-		"data-invalid": invalid,
-		"data-required": required,
-		"data-testid": testId,
-		children: [
-			/* @__PURE__ */ jsxs(VisuallyHidden, { children: [/* @__PURE__ */ jsx("input", {
-				ref,
-				"aria-label": typeof label === "string" ? label : name,
-				checked: !!field.value,
-				name,
-				tabIndex: -1,
-				type: "checkbox",
-				onChange: (e) => {
-					onChange(e.target.checked);
-				},
-				onFocus: () => {
-					visualSwitchRef.current?.focus();
-				}
-			}), /* @__PURE__ */ jsx("input", {
-				ref: visualSwitchRef,
-				...getInputProps(),
-				onBlur: (e) => {
-					getInputProps().onBlur?.(e);
-					onBlur();
-				}
-			})] }),
-			!icon ? /* @__PURE__ */ jsx("span", {
-				...getWrapperProps(),
-				className: cn(getWrapperProps().className, classNames.wrapper),
-				children: /* @__PURE__ */ jsx("span", {
-					className: cn(slots.thumb({ class: classNames.thumb })),
-					children: thumbIcon && typeof thumbIcon === "function" ? thumbIcon({
-						isSelected: !!isSelected,
-						className: slots.thumbIcon({ class: classNames.thumbIcon }),
-						width: "1em",
-						height: "1em",
-						"data-checked": isSelected ? "true" : "false"
-					}) : thumbIcon
-				})
-			}) : null,
-			icon ? /* @__PURE__ */ jsx("div", {
-				className: classNames.icon,
-				children: icon
-			}) : null,
-			/* @__PURE__ */ jsxs("div", {
-				className: "grow",
-				children: [label ? /* @__PURE__ */ jsx("div", {
-					className: classNames.label,
-					children: label
-				}) : null, description ? /* @__PURE__ */ jsx("div", {
-					className: classNames.description,
-					children: description
-				}) : null]
-			}),
-			icon ? /* @__PURE__ */ jsx("span", {
-				...getWrapperProps(),
-				className: cn(getWrapperProps().className, classNames.wrapper),
-				children: /* @__PURE__ */ jsx("span", {
-					className: cn(slots.thumb({ class: classNames.thumb })),
-					children: thumbIcon && typeof thumbIcon === "function" ? thumbIcon({
-						isSelected: !!isSelected,
-						className: slots.thumbIcon({ class: classNames.thumbIcon }),
-						width: "1em",
-						height: "1em",
-						"data-checked": isSelected ? "true" : "false"
-					}) : thumbIcon
-				})
-			}) : null
-		]
-	}), invalid ? /* @__PURE__ */ jsx("div", {
-		...getHelperWrapperProps(),
-		className: cn(getHelperWrapperProps()?.className, "ml-0 block"),
-		children: /* @__PURE__ */ jsx("div", {
-			...getErrorMessageProps(),
-			children: errorMessage
-		})
-	}) : null] });
-};
-//#endregion
-//#region src/SwitchBox/index.ts
-var SwitchBox_default = SwitchBox;
-//#endregion
-export { SwitchBox as n, switchBoxVariants as r, SwitchBox_default as t };
-
-//# sourceMappingURL=SwitchBox-BU1XieaZ.js.map

package/dist/SwitchBox-BU1XieaZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SwitchBox-BU1XieaZ.js","names":[],"sources":["../src/SwitchBox/SwitchBox.tsx","../src/SwitchBox/index.ts"],"sourcesContent":["import type { TVClassName } 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 { useSwitch } 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 switchBoxVariants = tv({\n  slots: {\n    box: 'group inline-flex w-full cursor-pointer items-center justify-between rounded-lg border-2 border-default hover:bg-content2 data-[selected=true]:border-focus',\n    description: 'text-foreground opacity-70',\n    icon: '',\n    label:\n      'font-medium text-foreground group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-[\"*\"]',\n    wrapper: '',\n    thumb: '',\n    thumbIcon: '',\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        box: 'pointer-events-none opacity-disabled',\n      },\n    },\n    isInvalid: {\n      true: {\n        box: '!border-danger',\n        label: '!text-danger',\n      },\n    },\n    size: {\n      sm: {\n        box: 'gap-2 p-3',\n        description: 'text-xs',\n        label: 'text-xs',\n      },\n      md: {\n        box: 'gap-4 p-4',\n        description: 'text-small',\n        label: 'text-sm',\n      },\n      lg: {\n        box: 'gap-4 p-5',\n        description: 'text-small',\n        label: 'text-base',\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\ntype ClassName = TVClassName<typeof switchBoxVariants>;\n\nexport interface SwitchBoxProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Description text displayed below the label */\n  description?: ReactNode;\n  /** whether the switch should be disabled */\n  disabled?: boolean;\n  /** Icon to be displayed in the box */\n  icon?: ReactNode;\n  /** component displayed as the label */\n  label?: ReactNode;\n  /** name the field is registered under */\n  name: string;\n  /** whether the field is required */\n  required?: boolean;\n  /* Size of the switch */\n  size?: 'sm' | 'md' | 'lg';\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 * SwitchBox component - A card-like box with a switch control\n */\nconst SwitchBox = ({\n  className = undefined,\n  description = undefined,\n  icon = undefined,\n  name,\n  size = undefined,\n  thumbIcon = undefined,\n  ...uniformFieldProps\n}: SwitchBoxProps) => {\n  const {\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  // Use the useSwitch hook to get access to all the necessary props\n  const {\n    Component,\n    slots,\n    isSelected,\n    getBaseProps,\n    getInputProps,\n    getWrapperProps,\n  } = useSwitch({\n    defaultSelected: !!defaultValue,\n    isDisabled: disabled,\n    isSelected: !!field.value,\n    name: `${name}_switch`,\n    onValueChange: onChange,\n    size,\n    thumbIcon,\n  });\n\n  // classNames from slots\n  const variants = switchBoxVariants({\n    isDisabled: disabled,\n    isInvalid: invalid,\n    size,\n  });\n  const classNames = variantsToClassNames(variants, className, 'box');\n\n  return (\n    <>\n      <Component\n        {...getBaseProps()}\n        className={classNames.box}\n        data-invalid={invalid}\n        data-required={required}\n        data-testid={testId}\n      >\n        <VisuallyHidden>\n          <input\n            ref={ref}\n            aria-label={typeof label === 'string' ? label : name}\n            checked={!!field.value}\n            name={name}\n            tabIndex={-1}\n            type=\"checkbox\"\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          />\n          {/* Visual switch input for focus ring */}\n          <input\n            ref={visualSwitchRef}\n            {...getInputProps()}\n            onBlur={(e) => {\n              // Call HeroUI's internal onBlur to clear focus state and remove focus ring\n              getInputProps().onBlur?.(e);\n              // Then call RHF's onBlur to mark field as touched\n              onBlur();\n            }}\n          />\n        </VisuallyHidden>\n        {!icon ? (\n          <span\n            {...getWrapperProps()}\n            className={cn(getWrapperProps().className, classNames.wrapper)}\n          >\n            <span className={cn(slots.thumb({ class: classNames.thumb }))}>\n              {thumbIcon && typeof thumbIcon === 'function'\n                ? thumbIcon({\n                    isSelected: !!isSelected,\n                    className: slots.thumbIcon({ class: classNames.thumbIcon }),\n                    width: '1em',\n                    height: '1em',\n                    'data-checked': isSelected ? 'true' : 'false',\n                  })\n                : thumbIcon}\n            </span>\n          </span>\n        ) : null}\n        {icon ? <div className={classNames.icon}>{icon}</div> : null}\n        <div className=\"grow\">\n          {label ? <div className={classNames.label}>{label}</div> : null}\n          {description ? (\n            <div className={classNames.description}>{description}</div>\n          ) : null}\n        </div>\n        {icon ? (\n          <span\n            {...getWrapperProps()}\n            className={cn(getWrapperProps().className, classNames.wrapper)}\n          >\n            <span className={cn(slots.thumb({ class: classNames.thumb }))}>\n              {thumbIcon && typeof thumbIcon === 'function'\n                ? thumbIcon({\n                    isSelected: !!isSelected,\n                    className: slots.thumbIcon({ class: classNames.thumbIcon }),\n                    width: '1em',\n                    height: '1em',\n                    'data-checked': isSelected ? 'true' : 'false',\n                  })\n                : thumbIcon}\n            </span>\n          </span>\n        ) : null}\n      </Component>\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    </>\n  );\n};\n\nexport default SwitchBox;\n","import SwitchBox from './SwitchBox';\n\nexport type { SwitchBoxProps } from './SwitchBox';\n\nexport { switchBoxVariants } from './SwitchBox';\n\nexport { SwitchBox };\n\nexport default SwitchBox;\n"],"mappings":"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"}

package/dist/SwitchBox-Dl-F5y2m.cjs

@@ -1,171 +0,0 @@
-require("./FormContext-DsmS_mkO.cjs");
-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/SwitchBox/SwitchBox.tsx
-const switchBoxVariants = (0, _fuf_stack_pixel_utils.tv)({
-	slots: {
-		box: "group inline-flex w-full cursor-pointer items-center justify-between rounded-lg border-2 border-default hover:bg-content2 data-[selected=true]:border-focus",
-		description: "text-foreground opacity-70",
-		icon: "",
-		label: "font-medium text-foreground group-data-[required=true]:after:ml-0.5 group-data-[required=true]:after:text-danger group-data-[required=true]:after:content-[\"*\"]",
-		wrapper: "",
-		thumb: "",
-		thumbIcon: ""
-	},
-	variants: {
-		isDisabled: { true: { box: "pointer-events-none opacity-disabled" } },
-		isInvalid: { true: {
-			box: "!border-danger",
-			label: "!text-danger"
-		} },
-		size: {
-			sm: {
-				box: "gap-2 p-3",
-				description: "text-xs",
-				label: "text-xs"
-			},
-			md: {
-				box: "gap-4 p-4",
-				description: "text-small",
-				label: "text-sm"
-			},
-			lg: {
-				box: "gap-4 p-5",
-				description: "text-small",
-				label: "text-base"
-			}
-		}
-	},
-	defaultVariants: { size: "md" }
-});
-/**
-* SwitchBox component - A card-like box with a switch control
-*/
-const SwitchBox = ({ className = void 0, description = void 0, icon = void 0, name, size = void 0, thumbIcon = void 0, ...uniformFieldProps }) => {
-	const { 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 { Component, slots, isSelected, getBaseProps, getInputProps, getWrapperProps } = (0, _heroui_switch.useSwitch)({
-		defaultSelected: !!defaultValue,
-		isDisabled: disabled,
-		isSelected: !!field.value,
-		name: `${name}_switch`,
-		onValueChange: onChange,
-		size,
-		thumbIcon
-	});
-	const classNames = (0, _fuf_stack_pixel_utils.variantsToClassNames)(switchBoxVariants({
-		isDisabled: disabled,
-		isInvalid: invalid,
-		size
-	}), className, "box");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Component, {
-		...getBaseProps(),
-		className: classNames.box,
-		"data-invalid": invalid,
-		"data-required": required,
-		"data-testid": testId,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_react_aria_visually_hidden.VisuallyHidden, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				ref,
-				"aria-label": typeof label === "string" ? label : name,
-				checked: !!field.value,
-				name,
-				tabIndex: -1,
-				type: "checkbox",
-				onChange: (e) => {
-					onChange(e.target.checked);
-				},
-				onFocus: () => {
-					visualSwitchRef.current?.focus();
-				}
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				ref: visualSwitchRef,
-				...getInputProps(),
-				onBlur: (e) => {
-					getInputProps().onBlur?.(e);
-					onBlur();
-				}
-			})] }),
-			!icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				...getWrapperProps(),
-				className: (0, _fuf_stack_pixel_utils.cn)(getWrapperProps().className, classNames.wrapper),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: (0, _fuf_stack_pixel_utils.cn)(slots.thumb({ class: classNames.thumb })),
-					children: thumbIcon && typeof thumbIcon === "function" ? thumbIcon({
-						isSelected: !!isSelected,
-						className: slots.thumbIcon({ class: classNames.thumbIcon }),
-						width: "1em",
-						height: "1em",
-						"data-checked": isSelected ? "true" : "false"
-					}) : thumbIcon
-				})
-			}) : null,
-			icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: classNames.icon,
-				children: icon
-			}) : null,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "grow",
-				children: [label ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: classNames.label,
-					children: label
-				}) : null, description ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: classNames.description,
-					children: description
-				}) : null]
-			}),
-			icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				...getWrapperProps(),
-				className: (0, _fuf_stack_pixel_utils.cn)(getWrapperProps().className, classNames.wrapper),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: (0, _fuf_stack_pixel_utils.cn)(slots.thumb({ class: classNames.thumb })),
-					children: thumbIcon && typeof thumbIcon === "function" ? thumbIcon({
-						isSelected: !!isSelected,
-						className: slots.thumbIcon({ class: classNames.thumbIcon }),
-						width: "1em",
-						height: "1em",
-						"data-checked": isSelected ? "true" : "false"
-					}) : thumbIcon
-				})
-			}) : null
-		]
-	}), 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/SwitchBox/index.ts
-var SwitchBox_default = SwitchBox;
-//#endregion
-Object.defineProperty(exports, "SwitchBox", {
-	enumerable: true,
-	get: function() {
-		return SwitchBox;
-	}
-});
-Object.defineProperty(exports, "SwitchBox_default", {
-	enumerable: true,
-	get: function() {
-		return SwitchBox_default;
-	}
-});
-Object.defineProperty(exports, "switchBoxVariants", {
-	enumerable: true,
-	get: function() {
-		return switchBoxVariants;
-	}
-});
-
-//# sourceMappingURL=SwitchBox-Dl-F5y2m.cjs.map