@fuf-stack/uniform 1.10.3 → 1.11.0

package/dist/SubmitButton/index.d.ts

@@ -1,9 +1,2 @@
-import { S as SubmitButton } from '../SubmitButton-DqaxyVpp.js';
-export { a as SubmitButtonProps } from '../SubmitButton-DqaxyVpp.js';
-import 'react/jsx-runtime';
-import '@fuf-stack/pixels';
-import 'react';
-
-
-
-export { SubmitButton, SubmitButton as default };
+import { n as SubmitButtonProps, t as SubmitButton } from "../index-CVY05bZf.js";
+export { SubmitButton, SubmitButton as default, SubmitButtonProps };

package/dist/SubmitButton/index.js

@@ -1,14 +1,3 @@
-import {
-  SubmitButton_default,
-  SubmitButton_default2
-} from "../chunk-OORASWXL.js";
-import "../chunk-36LBVB45.js";
-import "../chunk-SJWL6EMI.js";
-import "../chunk-IV45K4WU.js";
-import "../chunk-O2XJNQQK.js";
-import "../chunk-K2V4ULA2.js";
-export {
-  SubmitButton_default as SubmitButton,
-  SubmitButton_default2 as default
-};
-//# sourceMappingURL=index.js.map
+import { n as SubmitButton_default, t as SubmitButton_default$1 } from "../SubmitButton-7iOaKzhB.js";
+
+export { SubmitButton_default as SubmitButton, SubmitButton_default$1 as default };

package/dist/SubmitButton-7iOaKzhB.js

@@ -0,0 +1,34 @@
+import { n as useFormContext } from "./useFormContext-JCm1UR_e.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
+	});
+};
+var SubmitButton_default = SubmitButton;
+
+//#endregion
+//#region src/SubmitButton/index.ts
+var SubmitButton_default$1 = SubmitButton_default;
+
+//#endregion
+export { SubmitButton_default as n, SubmitButton_default$1 as t };
+//# sourceMappingURL=SubmitButton-7iOaKzhB.js.map

package/dist/SubmitButton-7iOaKzhB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton-7iOaKzhB.js","names":["SubmitButton"],"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,QACZ,QAAQ,WACR,OAAO,QACP,UAAU,OACV,OAAO,MACP,SAAS,2BACc;CACvB,MAAM,EACJ,WAAW,EAAE,gBACb,kBACE,gBAAgB;AAEpB,QACE,oBAAC;EACY;EACX,WAAW,GAAG,UAAU;EACjB;EACP,UAAU;EACJ;EACN,SAAS,WAAW;EAIpB,SAAS;EACH;EACN,QAAQ,QAAQ,QAAQ,EAAE,aAAa,MAAM,CAAC;EAC9C,MAAK;EAEJ;GACM;;AAIb,2BAAe;;;;AC5Df,6BAAeA"}

package/dist/SubmitButton-DhtPJuro.cjs

@@ -0,0 +1,46 @@
+const require_FormContext = require('./FormContext-C3GymQOA.cjs');
+const require_useFormContext = require('./useFormContext-CWuN-_7P.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
+	});
+};
+var SubmitButton_default = SubmitButton;
+
+//#endregion
+//#region src/SubmitButton/index.ts
+var SubmitButton_default$1 = SubmitButton_default;
+
+//#endregion
+Object.defineProperty(exports, 'SubmitButton_default', {
+  enumerable: true,
+  get: function () {
+    return SubmitButton_default$1;
+  }
+});
+Object.defineProperty(exports, 'SubmitButton_default$1', {
+  enumerable: true,
+  get: function () {
+    return SubmitButton_default;
+  }
+});
+//# sourceMappingURL=SubmitButton-DhtPJuro.cjs.map

package/dist/SubmitButton-DhtPJuro.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton-DhtPJuro.cjs","names":["useFormContext","Button","SubmitButton"],"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,QACZ,QAAQ,WACR,OAAO,QACP,UAAU,OACV,OAAO,MACP,SAAS,2BACc;CACvB,MAAM,EACJ,WAAW,EAAE,gBACb,kBACEA,uCAAgB;AAEpB,QACE,2CAACC;EACY;EACX,2CAAc,UAAU;EACjB;EACP,UAAU;EACJ;EACN,SAAS,WAAW;EAIpB,SAAS;EACH;EACN,6CAAgB,QAAQ,EAAE,aAAa,MAAM,CAAC;EAC9C,MAAK;EAEJ;GACM;;AAIb,2BAAe;;;;AC5Df,6BAAeC"}

package/dist/Switch/index.cjs

@@ -1,19 +1,5 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+Object.defineProperty(exports, '__esModule', { value: true });
+const require_Switch = require('../Switch-Dczzog3v.cjs');
 
-
-var _chunkRVBTLB5Gcjs = require('../chunk-RVBTLB5G.cjs');
-require('../chunk-V3M7HL26.cjs');
-require('../chunk-OE5BOGGX.cjs');
-require('../chunk-NHEZXA4H.cjs');
-require('../chunk-6AWHOBNL.cjs');
-require('../chunk-PCTYJUY7.cjs');
-require('../chunk-56TQOKG7.cjs');
-require('../chunk-FYN7ZWLW.cjs');
-require('../chunk-AQJLKHAE.cjs');
-require('../chunk-OKJWLH7T.cjs');
-require('../chunk-555JRYCS.cjs');
-
-
-
-exports.Switch = _chunkRVBTLB5Gcjs.Switch_default; exports.default = _chunkRVBTLB5Gcjs.Switch_default2;
-//# sourceMappingURL=index.cjs.map
+exports.Switch = require_Switch.Switch_default$1;
+exports.default = require_Switch.Switch_default;

package/dist/Switch/index.d.cts

@@ -1,11 +1,2 @@
-import { S as Switch } from '../Switch-B4AuHAMX.cjs';
-export { a as SwitchProps } from '../Switch-B4AuHAMX.cjs';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import '@fuf-stack/pixel-utils';
-import '@heroui/switch';
-import 'react';
-
-
-
-export { Switch, Switch as default };
+import { n as SwitchProps, t as Switch } from "../index-BOI0cy-n.cjs";
+export { Switch, Switch as default, SwitchProps };

package/dist/Switch/index.d.ts

@@ -1,11 +1,2 @@
-import { S as Switch } from '../Switch-B4AuHAMX.js';
-export { a as SwitchProps } from '../Switch-B4AuHAMX.js';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import '@fuf-stack/pixel-utils';
-import '@heroui/switch';
-import 'react';
-
-
-
-export { Switch, Switch as default };
+import { n as SwitchProps, t as Switch } from "../index-BM4XWo1K.js";
+export { Switch, Switch as default, SwitchProps };

package/dist/Switch/index.js

@@ -1,19 +1,3 @@
-import {
-  Switch_default,
-  Switch_default2
-} from "../chunk-PRUIH5LI.js";
-import "../chunk-GEC75GNL.js";
-import "../chunk-NTDKZW4E.js";
-import "../chunk-ELYGQTXB.js";
-import "../chunk-5MTIQ6WD.js";
-import "../chunk-AHJJIANM.js";
-import "../chunk-CNTOODUQ.js";
-import "../chunk-SJWL6EMI.js";
-import "../chunk-IV45K4WU.js";
-import "../chunk-O2XJNQQK.js";
-import "../chunk-K2V4ULA2.js";
-export {
-  Switch_default as Switch,
-  Switch_default2 as default
-};
-//# sourceMappingURL=index.js.map
+import { n as Switch_default, t as Switch_default$1 } from "../Switch-DCxAgt_L.js";
+
+export { Switch_default as Switch, Switch_default$1 as default };

package/dist/Switch-DCxAgt_L.js

@@ -0,0 +1,84 @@
+import { t as useUniformField } from "./useUniformField-ClprfrES.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
+		]
+	});
+};
+var Switch_default = Switch$1;
+
+//#endregion
+//#region src/Switch/index.ts
+var Switch_default$1 = Switch_default;
+
+//#endregion
+export { Switch_default as n, Switch_default$1 as t };
+//# sourceMappingURL=Switch-DCxAgt_L.js.map

package/dist/Switch-DCxAgt_L.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch-DCxAgt_L.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 { 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;CACV,EACF,CAAC;;;;AA+BF,MAAMA,YAAU,EACd,YAAY,QACZ,aAAa,QACb,MACA,OAAO,QACP,eAAe,QACf,YAAY,QACZ,GAAG,wBACc;CACjB,MAAM,EACJ,WACA,cACA,UACA,cACA,OACA,sBACA,uBACA,SACA,OACA,QACA,UACA,KACA,UACA,WACE,gBAAgB;EAClB;EACA,GAAG;EACJ,CAAC;CAGF,MAAM,kBAAkB,OAAyB,KAAK;CAItD,MAAM,aAAa,qBADF,gBAAgB,EACiB,WAAW,eAAe;AAE5E,QACE,qBAAC;EAAI,WAAW,WAAW;;GAEzB,oBAAC,4BACC,oBAAC;IACM;IACL,cAAY;IACZ,SAAS,CAAC,CAAC,MAAM;IACX;IACE;IACR,MAAK;IACL,WAAW,MAAM;AACf,cAAS,EAAE,OAAO,QAAQ;;IAE5B,eAAe;AAGb,qBAAgB,SAAS,OAAO;;KAElC,GACa;GAEjB,oBAACC;IACC,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;KACU;GACZ,UACC,oBAAC;IACC,GAAI,uBAAuB;IAC3B,WAAW,GACT,uBAAuB,EAAE,WAEzB,aACD;cAED,oBAAC;KAAI,GAAI,sBAAsB;eAAG;MAAmB;KACjD,GACJ;;GACA;;AAIV,qBAAeD;;;;AClJf,uBAAeE"}

package/dist/Switch-Dczzog3v.cjs

@@ -0,0 +1,96 @@
+const require_FormContext = require('./FormContext-C3GymQOA.cjs');
+const require_useUniformField = require('./useUniformField-BMvnRC_r.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_useUniformField.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
+		]
+	});
+};
+var Switch_default = Switch;
+
+//#endregion
+//#region src/Switch/index.ts
+var Switch_default$1 = Switch_default;
+
+//#endregion
+Object.defineProperty(exports, 'Switch_default', {
+  enumerable: true,
+  get: function () {
+    return Switch_default$1;
+  }
+});
+Object.defineProperty(exports, 'Switch_default$1', {
+  enumerable: true,
+  get: function () {
+    return Switch_default;
+  }
+});
+//# sourceMappingURL=Switch-Dczzog3v.cjs.map

package/dist/Switch-Dczzog3v.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch-Dczzog3v.cjs","names":["useUniformField","VisuallyHidden","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 { Switch };\n\nexport default Switch;\n"],"mappings":";;;;;;;;;AAaA,MAAa,iDAAoB,EAC/B,OAAO;CACL,MAAM;CACN,YAAY;CACZ,cAAc;CAGd,OACE;CACF,cAAc;CACd,cAAc;CACd,OAAO;CACP,WAAW;CACX,SAAS;CACV,EACF,CAAC;;;;AA+BF,MAAM,UAAU,EACd,YAAY,QACZ,aAAa,QACb,MACA,OAAO,QACP,eAAe,QACf,YAAY,QACZ,GAAG,wBACc;CACjB,MAAM,EACJ,WACA,cACA,UACA,cACA,OACA,sBACA,uBACA,SACA,OACA,QACA,UACA,KACA,UACA,WACEA,wCAAgB;EAClB;EACA,GAAG;EACJ,CAAC;CAGF,MAAM,oCAA2C,KAAK;CAItD,MAAM,+DADW,gBAAgB,EACiB,WAAW,eAAe;AAE5E,QACE,4CAAC;EAAI,WAAW,WAAW;;GAEzB,2CAACC,yDACC,2CAAC;IACM;IACL,cAAY;IACZ,SAAS,CAAC,CAAC,MAAM;IACX;IACE;IACR,MAAK;IACL,WAAW,MAAM;AACf,cAAS,EAAE,OAAO,QAAQ;;IAE5B,eAAe;AAGb,qBAAgB,SAAS,OAAO;;KAElC,GACa;GAEjB,2CAACC;IACC,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;KACU;GACZ,UACC,2CAAC;IACC,GAAI,uBAAuB;IAC3B,2CACE,uBAAuB,EAAE,WAEzB,aACD;cAED,2CAAC;KAAI,GAAI,sBAAsB;eAAG;MAAmB;KACjD,GACJ;;GACA;;AAIV,qBAAe;;;;AClJf,uBAAeC"}

package/dist/SwitchBox/index.cjs

@@ -1,21 +1,6 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+Object.defineProperty(exports, '__esModule', { value: true });
+const require_SwitchBox = require('../SwitchBox-DqVmZYId.cjs');
 
-
-
-var _chunkSW3NGBCEcjs = require('../chunk-SW3NGBCE.cjs');
-require('../chunk-V3M7HL26.cjs');
-require('../chunk-OE5BOGGX.cjs');
-require('../chunk-NHEZXA4H.cjs');
-require('../chunk-6AWHOBNL.cjs');
-require('../chunk-PCTYJUY7.cjs');
-require('../chunk-56TQOKG7.cjs');
-require('../chunk-FYN7ZWLW.cjs');
-require('../chunk-AQJLKHAE.cjs');
-require('../chunk-OKJWLH7T.cjs');
-require('../chunk-555JRYCS.cjs');
-
-
-
-
-exports.SwitchBox = _chunkSW3NGBCEcjs.SwitchBox_default; exports.default = _chunkSW3NGBCEcjs.SwitchBox_default2; exports.switchBoxVariants = _chunkSW3NGBCEcjs.switchBoxVariants;
-//# sourceMappingURL=index.cjs.map
+exports.SwitchBox = require_SwitchBox.SwitchBox_default$1;
+exports.default = require_SwitchBox.SwitchBox_default;
+exports.switchBoxVariants = require_SwitchBox.switchBoxVariants;

package/dist/SwitchBox/index.d.cts

@@ -1,11 +1,2 @@
-import { S as SwitchBox } from '../SwitchBox-q1I7a0NX.cjs';
-export { a as SwitchBoxProps, s as switchBoxVariants } from '../SwitchBox-q1I7a0NX.cjs';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import '@fuf-stack/pixel-utils';
-import '@heroui/switch';
-import 'react';
-
-
-
-export { SwitchBox, SwitchBox as default };
+import { n as SwitchBoxProps, r as switchBoxVariants, t as SwitchBox } from "../index-Dklb-p_1.cjs";
+export { SwitchBox, SwitchBox as default, SwitchBoxProps, switchBoxVariants };

package/dist/SwitchBox/index.d.ts

@@ -1,11 +1,2 @@
-import { S as SwitchBox } from '../SwitchBox-q1I7a0NX.js';
-export { a as SwitchBoxProps, s as switchBoxVariants } from '../SwitchBox-q1I7a0NX.js';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import '@fuf-stack/pixel-utils';
-import '@heroui/switch';
-import 'react';
-
-
-
-export { SwitchBox, SwitchBox as default };
+import { n as SwitchBoxProps, r as switchBoxVariants, t as SwitchBox } from "../index-DhMSgdwM.js";
+export { SwitchBox, SwitchBox as default, SwitchBoxProps, switchBoxVariants };

package/dist/SwitchBox/index.js

@@ -1,21 +1,3 @@
-import {
-  SwitchBox_default,
-  SwitchBox_default2,
-  switchBoxVariants
-} from "../chunk-2HDXHQOC.js";
-import "../chunk-GEC75GNL.js";
-import "../chunk-NTDKZW4E.js";
-import "../chunk-ELYGQTXB.js";
-import "../chunk-5MTIQ6WD.js";
-import "../chunk-AHJJIANM.js";
-import "../chunk-CNTOODUQ.js";
-import "../chunk-SJWL6EMI.js";
-import "../chunk-IV45K4WU.js";
-import "../chunk-O2XJNQQK.js";
-import "../chunk-K2V4ULA2.js";
-export {
-  SwitchBox_default as SwitchBox,
-  SwitchBox_default2 as default,
-  switchBoxVariants
-};
-//# sourceMappingURL=index.js.map
+import { n as SwitchBox_default, r as switchBoxVariants, t as SwitchBox_default$1 } from "../SwitchBox-DPHryDOM.js";
+
+export { SwitchBox_default as SwitchBox, SwitchBox_default$1 as default, switchBoxVariants };

package/dist/SwitchBox-DPHryDOM.js

@@ -0,0 +1,156 @@
+import { t as useUniformField } from "./useUniformField-ClprfrES.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 { 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("div", { 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] });
+};
+var SwitchBox_default = SwitchBox;
+
+//#endregion
+//#region src/SwitchBox/index.ts
+var SwitchBox_default$1 = SwitchBox_default;
+
+//#endregion
+export { SwitchBox_default as n, switchBoxVariants as r, SwitchBox_default$1 as t };
+//# sourceMappingURL=SwitchBox-DPHryDOM.js.map