@fuf-stack/uniform 1.10.3 → 1.11.0

package/dist/chunk-OORASWXL.js

@@ -1,49 +0,0 @@
-import {
-  useFormContext
-} from "./chunk-SJWL6EMI.js";
-
-// src/SubmitButton/SubmitButton.tsx
-import { cn, slugify } from "@fuf-stack/pixel-utils";
-import { Button } from "@fuf-stack/pixels";
-import { jsx } from "react/jsx-runtime";
-var 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;
-
-// src/SubmitButton/index.ts
-var SubmitButton_default2 = SubmitButton_default;
-
-export {
-  SubmitButton_default,
-  SubmitButton_default2
-};
-//# sourceMappingURL=chunk-OORASWXL.js.map

package/dist/chunk-OORASWXL.js.map

@@ -1 +0,0 @@
-{"version":3,"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":";;;;;AAGA,SAAS,IAAI,eAAe;AAC5B,SAAS,cAAc;AA0CnB;AAhBJ,IAAM,eAAe,CAAC;AAAA,EACpB,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AACX,MAAyB;AACvB,QAAM;AAAA,IACJ,WAAW,EAAE,aAAa;AAAA,IAC1B;AAAA,EACF,IAAI,eAAe;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,SAAS;AAAA,MACvB;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,SAAS,WAAW;AAAA,MAIpB,SAAS;AAAA,MACT;AAAA,MACA,QAAQ,QAAQ,QAAQ,EAAE,aAAa,KAAK,CAAC;AAAA,MAC7C,MAAK;AAAA,MAEJ;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,uBAAQ;;;AC5Df,IAAOA,wBAAQ;","names":["SubmitButton_default"]}

package/dist/chunk-OT3A4LEE.cjs

@@ -1,154 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkV3M7HL26cjs = require('./chunk-V3M7HL26.cjs');
-
-
-var _chunkNHEZXA4Hcjs = require('./chunk-NHEZXA4H.cjs');
-
-
-
-
-var _chunk555JRYCScjs = require('./chunk-555JRYCS.cjs');
-
-// src/FieldCard/FieldCard.tsx
-var _pixelutils = require('@fuf-stack/pixel-utils');
-
-// src/FieldCard/subcomponents/FieldCardValidationError.tsx
-
-
-
-
-var _pixelmotion = require('@fuf-stack/pixel-motion');
-
-var _jsxruntime = require('react/jsx-runtime');
-var FieldCardValidationError = ({
-  className = void 0,
-  name
-}) => {
-  var _a;
-  const {
-    error,
-    getErrorMessageProps,
-    getHelperWrapperProps,
-    invalid,
-    testId
-  } = _chunkV3M7HL26cjs.useUniformField.call(void 0, {
-    name
-  });
-  const disableAnimation = _pixelmotion.useReducedMotion.call(void 0, );
-  const hasErrors = invalid && (error == null ? void 0 : error._errors);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _pixelmotion.AnimatePresence, { initial: !disableAnimation, children: hasErrors ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _pixelmotion.motion.div,
-    {
-      exit: disableAnimation ? void 0 : { opacity: 0, height: 0 },
-      initial: disableAnimation ? false : { height: 0, opacity: 0 },
-      style: { overflow: "hidden" },
-      transition: { duration: 0.2, ease: "circOut" },
-      animate: disableAnimation ? void 0 : { opacity: 1, height: "auto" },
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        _chunk555JRYCScjs.__spreadProps.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {}, getHelperWrapperProps()), {
-          className: _pixelutils.cn.call(void 0, (_a = getHelperWrapperProps()) == null ? void 0 : _a.className, className),
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", _chunk555JRYCScjs.__spreadProps.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {}, getErrorMessageProps()), { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkNHEZXA4Hcjs.FieldValidationError_default,
-            {
-              error: error._errors,
-              testId
-            }
-          ) }))
-        })
-      )
-    },
-    "field-card-errors"
-  ) : null });
-};
-var FieldCardValidationError_default = FieldCardValidationError;
-
-// src/FieldCard/FieldCard.tsx
-
-var fieldCardVariants = _pixelutils.tv.call(void 0, {
-  slots: {
-    /** base class for the field card wrapper */
-    base: [
-      // base styles
-      "overflow-hidden rounded-small border bg-content1"
-    ],
-    /** class for the label/header */
-    label: [
-      // override HeroUI label positioning and display
-      "pointer-events-auto! static! z-auto! block! w-full!",
-      // reset any transforms or translations
-      "translate-x-0! translate-y-0! transform-none!",
-      // card header styling - use text-medium (16px) for proper header size
-      "rounded-t-small border-b p-3 font-semibold text-medium"
-    ],
-    /** class for the content */
-    content: [
-      // same as p-3 of Card component
-      "p-3",
-      // default grid for form components (see Grid component)
-      "grid gap-4"
-    ],
-    /** class for the error footer wrapper */
-    errorFooter: [
-      "border-t",
-      // force helper to be visible and add padding
-      "block px-3 py-2"
-    ]
-  },
-  variants: {
-    invalid: {
-      true: {
-        base: "border-danger",
-        label: "border-danger text-danger",
-        errorFooter: "border-danger"
-      },
-      false: {
-        base: "border-divider",
-        label: "border-divider text-foreground",
-        errorFooter: "border-divider"
-      }
-    }
-  },
-  defaultVariants: {
-    invalid: false
-  }
-});
-var FieldCard = (_a) => {
-  var _b = _a, {
-    children,
-    className: _className = void 0,
-    name
-  } = _b, uniformFieldProps = _chunk555JRYCScjs.__objRest.call(void 0, _b, [
-    "children",
-    "className",
-    "name"
-  ]);
-  var _a2;
-  const { error, getLabelProps, invalid, label } = _chunkV3M7HL26cjs.useUniformField.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {
-    name
-  }, uniformFieldProps));
-  const hasErrors = invalid && (error == null ? void 0 : error._errors);
-  const variants = fieldCardVariants({ invalid: hasErrors });
-  const className = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: className.base, children: [
-    label ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      _chunk555JRYCScjs.__spreadProps.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {}, getLabelProps()), {
-        "aria-level": 3,
-        className: _pixelutils.cn.call(void 0, (_a2 = getLabelProps()) == null ? void 0 : _a2.className, className.label),
-        role: "heading",
-        children: label
-      })
-    ) : null,
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: className.content, children }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldCardValidationError_default, { className: className.errorFooter, name })
-  ] });
-};
-var FieldCard_default = FieldCard;
-
-
-
-
-exports.fieldCardVariants = fieldCardVariants; exports.FieldCard_default = FieldCard_default;
-//# sourceMappingURL=chunk-OT3A4LEE.cjs.map

package/dist/chunk-OT3A4LEE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-OT3A4LEE.cjs","../src/FieldCard/FieldCard.tsx","../src/FieldCard/subcomponents/FieldCardValidationError.tsx"],"names":["_a","jsx","cn"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-OT3A4LEE.cjs","sourcesContent":[null,"import type { TVClassName } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks/useUniformField';\nimport FieldCardValidationError from './subcomponents/FieldCardValidationError';\n\nexport const fieldCardVariants = tv({\n  slots: {\n    /** base class for the field card wrapper */\n    base: [\n      // base styles\n      'overflow-hidden rounded-small border bg-content1',\n    ],\n    /** class for the label/header */\n    label: [\n      // override HeroUI label positioning and display\n      'pointer-events-auto! static! z-auto! block! w-full!',\n      // reset any transforms or translations\n      'translate-x-0! translate-y-0! transform-none!',\n      // card header styling - use text-medium (16px) for proper header size\n      'rounded-t-small border-b p-3 font-semibold text-medium',\n    ],\n    /** class for the content */\n    content: [\n      // same as p-3 of Card component\n      'p-3',\n      // default grid for form components (see Grid component)\n      'grid gap-4',\n    ],\n    /** class for the error footer wrapper */\n    errorFooter: [\n      'border-t',\n      // force helper to be visible and add padding\n      'block px-3 py-2',\n    ],\n  },\n  variants: {\n    invalid: {\n      true: {\n        base: 'border-danger',\n        label: 'border-danger text-danger',\n        errorFooter: 'border-danger',\n      },\n      false: {\n        base: 'border-divider',\n        label: 'border-divider text-foreground',\n        errorFooter: 'border-divider',\n      },\n    },\n  },\n  defaultVariants: {\n    invalid: false,\n  },\n});\n\ntype ClassName = TVClassName<typeof fieldCardVariants>;\n\nexport interface FieldCardProps {\n  /** Content to render inside the card */\n  children: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Label content for the card header */\n  label: ReactNode;\n  /** Field name for validation */\n  name: string;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * FieldCard component - A card-styled container with label header and error footer\n *\n * Displays form field content in a card layout with:\n * - Label/title in the header\n * - Content in the body\n * - Validation errors in the footer\n * - Danger outline when validation errors exist\n */\nconst FieldCard = ({\n  children,\n  className: _className = undefined,\n  name,\n  ...uniformFieldProps\n}: FieldCardProps) => {\n  const { error, getLabelProps, invalid, label } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  // @ts-expect-error - error._errors exists but not typed\n  const hasErrors = invalid && error?._errors;\n\n  // className from slots\n  const variants = fieldCardVariants({ invalid: hasErrors });\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <div className={className.base}>\n      {/* card header with label */}\n      {label ? (\n        <div\n          {...getLabelProps()}\n          aria-level={3}\n          className={cn(getLabelProps()?.className, className.label)}\n          role=\"heading\"\n        >\n          {label}\n        </div>\n      ) : null}\n\n      {/* card content */}\n      <div className={className.content}>{children}</div>\n\n      {/* card footer with validation errors */}\n      <FieldCardValidationError className={className.errorFooter} name={name} />\n    </div>\n  );\n};\n\nexport default FieldCard;\n","import {\n  AnimatePresence,\n  motion,\n  useReducedMotion,\n} from '@fuf-stack/pixel-motion';\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../../hooks/useUniformField';\nimport FieldValidationError from '../../partials/FieldValidationError/FieldValidationError';\n\nexport interface FieldCardValidationErrorProps {\n  /** CSS class name for the error footer wrapper */\n  className?: string;\n  /** Field name */\n  name: string;\n}\n\n/**\n * Renders validation errors in the footer of a FieldCard component.\n *\n * This component handles displaying field-level validation errors with proper\n * accessibility attributes and animates them in/out using Framer Motion.\n */\nconst FieldCardValidationError = ({\n  className = undefined,\n  name,\n}: FieldCardValidationErrorProps) => {\n  const {\n    error,\n    getErrorMessageProps,\n    getHelperWrapperProps,\n    invalid,\n    testId,\n  } = useUniformField({\n    name,\n  });\n\n  // disable all animation if user prefers reduced motion\n  const disableAnimation = useReducedMotion();\n\n  // @ts-expect-error - error._errors exists but not typed\n  const hasErrors = invalid && error?._errors;\n\n  return (\n    <AnimatePresence initial={!disableAnimation}>\n      {hasErrors ? (\n        <motion.div\n          key=\"field-card-errors\"\n          exit={disableAnimation ? undefined : { opacity: 0, height: 0 }}\n          initial={disableAnimation ? false : { height: 0, opacity: 0 }}\n          style={{ overflow: 'hidden' }}\n          transition={{ duration: 0.2, ease: 'circOut' }}\n          animate={\n            disableAnimation ? undefined : { opacity: 1, height: 'auto' }\n          }\n        >\n          <div\n            {...getHelperWrapperProps()}\n            className={cn(getHelperWrapperProps()?.className, className)}\n          >\n            <div {...getErrorMessageProps()}>\n              <FieldValidationError\n                // @ts-expect-error - error._errors exists but not typed\n                error={error._errors}\n                testId={testId}\n              />\n            </div>\n          </div>\n        </motion.div>\n      ) : null}\n    </AnimatePresence>\n  );\n};\n\nexport default FieldCardValidationError;\n"]}

package/dist/chunk-PCTYJUY7.cjs

@@ -1,7 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/hooks/useInput/useInput.ts
-var _input = require('@heroui/input');
-
-
-
-exports.useInput = _input.useInput;
-//# sourceMappingURL=chunk-PCTYJUY7.cjs.map

package/dist/chunk-PCTYJUY7.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-PCTYJUY7.cjs","../src/hooks/useInput/useInput.ts"],"names":[],"mappings":"AAAA;ACCA,sCAAyB;ADCzB;AACA;AACE;AACF,mCAAC","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-PCTYJUY7.cjs","sourcesContent":[null,"/* eslint-disable import-x/prefer-default-export */\nexport { useInput } from '@heroui/input';\n"]}

package/dist/chunk-PRUIH5LI.js

@@ -1,131 +0,0 @@
-import {
-  useUniformField
-} from "./chunk-GEC75GNL.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-K2V4ULA2.js";
-
-// src/Switch/Switch.tsx
-import { useRef } from "react";
-import { Switch as HeroSwitch } from "@heroui/switch";
-import { VisuallyHidden } from "@react-aria/visually-hidden";
-import { cn, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-var switchVariants = tv({
-  slots: {
-    base: "",
-    endContent: "",
-    errorMessage: "ml-1 mt-1",
-    // see HeroUI styles for group-data condition,
-    // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts
-    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: ""
-  }
-});
-var Switch = (_a) => {
-  var _b = _a, {
-    className = void 0,
-    endContent = void 0,
-    name,
-    size = void 0,
-    startContent = void 0,
-    thumbIcon = void 0
-  } = _b, uniformFieldProps = __objRest(_b, [
-    "className",
-    "endContent",
-    "name",
-    "size",
-    "startContent",
-    "thumbIcon"
-  ]);
-  var _a2;
-  const {
-    ariaLabel,
-    defaultValue,
-    disabled,
-    errorMessage,
-    field,
-    getErrorMessageProps,
-    getHelperWrapperProps,
-    invalid,
-    label,
-    onBlur,
-    onChange,
-    ref,
-    required,
-    testId
-  } = useUniformField(__spreadValues({
-    name
-  }, uniformFieldProps));
-  const visualSwitchRef = useRef(null);
-  const variants = switchVariants();
-  const classNames = variantsToClassNames(variants, 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: () => {
-          var _a3;
-          (_a3 = visualSwitchRef.current) == null ? void 0 : _a3.focus();
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      HeroSwitch,
-      {
-        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",
-      __spreadProps(__spreadValues({}, getHelperWrapperProps()), {
-        className: cn(
-          (_a2 = getHelperWrapperProps()) == null ? void 0 : _a2.className,
-          // force helper to be visible (for some reason it's hidden by default) and remove margin
-          "ml-0 block"
-        ),
-        children: /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, getErrorMessageProps()), { children: errorMessage }))
-      })
-    ) : null
-  ] });
-};
-var Switch_default = Switch;
-
-// src/Switch/index.ts
-var Switch_default2 = Switch_default;
-
-export {
-  Switch_default,
-  Switch_default2
-};
-//# sourceMappingURL=chunk-PRUIH5LI.js.map

package/dist/chunk-PRUIH5LI.js.map

@@ -1 +0,0 @@
-{"version":3,"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":";;;;;;;;;;AAIA,SAAS,cAAc;AAEvB,SAAS,UAAU,kBAAkB;AACrC,SAAS,sBAAsB;AAE/B,SAAS,IAAI,IAAI,4BAA4B;AAuFzC,SAGI,KAHJ;AAnFG,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,cAAc;AAAA;AAAA;AAAA,IAGd,OACE;AAAA,IACF,cAAc;AAAA,IACd,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,SAAS;AAAA,EACX;AACF,CAAC;AA+BD,IAAM,SAAS,CAAC,OAQG;AARH,eACd;AAAA,gBAAY;AAAA,IACZ,aAAa;AAAA,IACb;AAAA,IACA,OAAO;AAAA,IACP,eAAe;AAAA,IACf,YAAY;AAAA,EAjEd,IA2DgB,IAOX,8BAPW,IAOX;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAjEF,MAAAA;AAoEE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,gBAAgB;AAAA,IAClB;AAAA,KACG,kBACJ;AAGD,QAAM,kBAAkB,OAAyB,IAAI;AAGrD,QAAM,WAAW,eAAe;AAChC,QAAM,aAAa,qBAAqB,UAAU,WAAW,cAAc;AAE3E,SACE,qBAAC,SAAI,WAAW,WAAW,cAEzB;AAAA,wBAAC,kBACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAY;AAAA,QACZ,SAAS,CAAC,CAAC,MAAM;AAAA,QACjB;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QACL,UAAU,CAAC,MAAM;AACf,mBAAS,EAAE,OAAO,OAAO;AAAA,QAC3B;AAAA,QACA,SAAS,MAAM;AA7GzB,cAAAA;AAgHY,WAAAA,MAAA,gBAAgB,YAAhB,gBAAAA,IAAyB;AAAA,QAC3B;AAAA;AAAA,IACF,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,cAAY;AAAA,QACZ;AAAA,QACA,gBAAc;AAAA,QACd,iBAAe;AAAA,QACf,eAAa;AAAA,QACb,iBAAiB,CAAC,CAAC;AAAA,QACnB;AAAA,QACA,YAAY;AAAA,QACZ,YAAY,CAAC,CAAC,MAAM;AAAA,QACpB,MAAM,GAAG,IAAI;AAAA,QACb,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,IACC,UACC;AAAA,MAAC;AAAA,uCACK,sBAAsB,IAD3B;AAAA,QAEC,WAAW;AAAA,WACTA,MAAA,sBAAsB,MAAtB,gBAAAA,IAAyB;AAAA;AAAA,UAEzB;AAAA,QACF;AAAA,QAEA,8BAAC,wCAAQ,qBAAqB,IAA7B,EAAiC,yBAAa;AAAA;AAAA,IACjD,IACE;AAAA,KACN;AAEJ;AAEA,IAAO,iBAAQ;;;AClJf,IAAOC,kBAAQ;","names":["_a","Switch_default"]}

package/dist/chunk-QLNJZDVF.js

@@ -1,182 +0,0 @@
-import {
-  useUniformField
-} from "./chunk-GEC75GNL.js";
-import {
-  __objRest,
-  __spreadValues
-} from "./chunk-K2V4ULA2.js";
-
-// src/RadioTabs/RadioTabs.tsx
-import { useRef } from "react";
-import { RadioGroup as HeroRadioGroup } from "@heroui/radio";
-import { VisuallyHidden } from "@react-aria/visually-hidden";
-import { slugify, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import Tabs from "@fuf-stack/pixels/Tabs";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var radioTabsVariants = tv({
-  slots: {
-    base: "group gap-0",
-    // Needs group for group-data condition
-    cursor: "",
-    label: "mb-2 inline-flex text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:text-danger",
-    tab: "",
-    tabBase: "",
-    tabContent: "",
-    tabList: "",
-    tabPanel: "p-3",
-    tabWrapper: "",
-    wrapper: ""
-  },
-  variants: {
-    hasContent: {
-      true: {
-        base: "",
-        tabBase: "p-1",
-        tabWrapper: [
-          // border style
-          "rounded-medium border border-divider",
-          // full width
-          "w-full"
-        ]
-      }
-    },
-    fullWidth: {
-      true: {
-        tabWrapper: "w-full"
-      }
-    },
-    isInvalid: {
-      true: {
-        tabWrapper: "rounded-medium border-2 !border-danger"
-      }
-    }
-  }
-});
-var RadioTabs = (_a) => {
-  var _b = _a, {
-    className = void 0,
-    fullWidth = false,
-    inline = false,
-    name,
-    options,
-    variant = void 0
-  } = _b, uniformFieldProps = __objRest(_b, [
-    "className",
-    "fullWidth",
-    "inline",
-    "name",
-    "options",
-    "variant"
-  ]);
-  const {
-    ariaLabel,
-    disabled,
-    errorMessage,
-    field: { onBlur, onChange, ref, value },
-    invalid,
-    label,
-    required,
-    testId
-  } = useUniformField(__spreadValues({
-    name
-  }, uniformFieldProps));
-  const visualRadioGroupRef = useRef(null);
-  const tabOptions = options.map((option) => {
-    var _a2, _b2;
-    return {
-      content: option == null ? void 0 : option.content,
-      disabled: option == null ? void 0 : option.disabled,
-      key: option.value,
-      label: (_a2 = option == null ? void 0 : option.label) != null ? _a2 : option == null ? void 0 : option.value,
-      testId: slugify(`option_${(_b2 = option == null ? void 0 : option.testId) != null ? _b2 : option == null ? void 0 : option.value}`, {
-        replaceDots: true
-      })
-    };
-  });
-  const disabledAllKeys = tabOptions == null ? void 0 : tabOptions.map((option) => {
-    return option.key;
-  });
-  const hasContent = options.some((option) => {
-    return option.content;
-  });
-  const variants = radioTabsVariants({
-    fullWidth,
-    hasContent,
-    isInvalid: invalid
-  });
-  const classNames = variantsToClassNames(variants, className, "base");
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref,
-        "aria-label": ariaLabel,
-        name,
-        onBlur,
-        value: value != null ? value : "",
-        onChange: (e) => {
-          onChange(e.target.value);
-        },
-        onFocus: () => {
-          var _a2;
-          const firstTab = (_a2 = visualRadioGroupRef.current) == null ? void 0 : _a2.querySelector(
-            '[role="tab"]'
-          );
-          firstTab == null ? void 0 : firstTab.focus();
-        }
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      HeroRadioGroup,
-      {
-        ref: visualRadioGroupRef,
-        "aria-label": ariaLabel,
-        "data-invalid": invalid,
-        "data-required": required,
-        "data-testid": testId,
-        errorMessage,
-        isDisabled: disabled,
-        isInvalid: invalid,
-        isRequired: required,
-        label: label ? /* @__PURE__ */ jsx("legend", { children: label }) : null,
-        name: `${name}_radiotabs`,
-        orientation: inline ? "horizontal" : "vertical",
-        classNames: {
-          base: classNames.base,
-          label: classNames.label,
-          wrapper: classNames.wrapper
-        },
-        children: /* @__PURE__ */ jsx(
-          Tabs,
-          {
-            disabledKeys: disabled ? disabledAllKeys : void 0,
-            onSelectionChange: onChange,
-            selectedKey: value != null ? value : "",
-            tabs: tabOptions,
-            testId,
-            variant,
-            className: {
-              base: classNames.tabBase,
-              cursor: classNames.cursor,
-              panel: classNames.tabPanel,
-              tab: classNames.tab,
-              tabContent: classNames.tabContent,
-              tabList: classNames.tabList,
-              tabWrapper: classNames.tabWrapper
-            }
-          }
-        )
-      }
-    )
-  ] });
-};
-var RadioTabs_default = RadioTabs;
-
-// src/RadioTabs/index.ts
-var RadioTabs_default2 = RadioTabs_default;
-
-export {
-  RadioTabs_default,
-  RadioTabs_default2
-};
-//# sourceMappingURL=chunk-QLNJZDVF.js.map

package/dist/chunk-QLNJZDVF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/RadioTabs/RadioTabs.tsx","../src/RadioTabs/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { TabsProps } from '@fuf-stack/pixels';\nimport type { TabProps } from '@fuf-stack/pixels/Tabs';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { useRef } from 'react';\n\nimport { RadioGroup as HeroRadioGroup } from '@heroui/radio';\nimport { VisuallyHidden } from '@react-aria/visually-hidden';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport Tabs from '@fuf-stack/pixels/Tabs';\n\nimport { useUniformField } from '../hooks/useUniformField';\n\nexport const radioTabsVariants = tv({\n  slots: {\n    base: 'group gap-0', // Needs group for group-data condition\n    cursor: '',\n    label:\n      'mb-2 inline-flex text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:text-danger',\n    tab: '',\n    tabBase: '',\n    tabContent: '',\n    tabList: '',\n    tabPanel: 'p-3',\n    tabWrapper: '',\n    wrapper: '',\n  },\n  variants: {\n    hasContent: {\n      true: {\n        base: '',\n        tabBase: 'p-1',\n        tabWrapper: [\n          // border style\n          'rounded-medium border border-divider',\n          // full width\n          'w-full',\n        ],\n      },\n    },\n    fullWidth: {\n      true: {\n        tabWrapper: 'w-full',\n      },\n    },\n    isInvalid: {\n      true: {\n        tabWrapper: 'rounded-medium border-2 !border-danger',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof radioTabsVariants>;\ntype ClassName = TVClassName<typeof radioTabsVariants>;\n\nexport interface RadioTabsOption {\n  /** Optional content inside of the tab */\n  content?: ReactNode;\n  /** disables the option */\n  disabled?: boolean;\n  /** option label */\n  label?: ReactNode;\n  /** option icon */\n  icon?: ReactNode;\n  /** HTML data-testid attribute of the option */\n  testId?: string;\n  /** option value */\n  value: string;\n}\n\nexport interface RadioTabsProps extends Omit<VariantProps, 'hasContent'> {\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  /** Determines if the Buttons are disabled or not. */\n  disabled?: boolean;\n  /** Whether tabs should take up full container width */\n  fullWidth?: boolean;\n  /** determines orientation of the Buttons. */\n  inline?: boolean;\n  /** Label displayed next to the RadioButton. */\n  label?: ReactNode;\n  /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** Radio button configuration. */\n  options: RadioTabsOption[];\n  /** Id to grab element in internal tests. */\n  testId?: string;\n  /** How the RadioTabs should look like. */\n  variant?: TabsProps['variant'];\n}\n\n/**\n * RadioTabs component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)\n * and [HeroUI Tabs](https://www.heroui.com//docs/components/tabs)\n */\nconst RadioTabs = ({\n  className = undefined,\n  fullWidth = false,\n  inline = false,\n  name,\n  options,\n  variant = undefined,\n  ...uniformFieldProps\n}: RadioTabsProps): ReactElement => {\n  const {\n    ariaLabel,\n    disabled,\n    errorMessage,\n    field: { onBlur, onChange, ref, value },\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  // Create a ref for the visual radio group to forward focus\n  const visualRadioGroupRef = useRef<HTMLDivElement>(null);\n\n  const tabOptions = options.map<TabProps>((option) => {\n    return {\n      content: option?.content,\n      disabled: option?.disabled,\n      key: option.value,\n      label: option?.label ?? option?.value,\n      testId: slugify(`option_${option?.testId ?? option?.value}`, {\n        replaceDots: true,\n      }),\n    };\n  });\n\n  const disabledAllKeys: string[] | undefined = tabOptions?.map((option) => {\n    return option.key as string;\n  });\n\n  // check if any option has content\n  // eslint-disable-next-line @typescript-eslint/no-misused-promises, @typescript-eslint/promise-function-async\n  const hasContent = options.some((option) => {\n    return option.content;\n  });\n\n  // classNames from slots\n  const variants = radioTabsVariants({\n    fullWidth,\n    hasContent,\n    isInvalid: invalid,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  return (\n    <>\n      {/* Visually hidden input for React Hook Form focus management */}\n      <VisuallyHidden>\n        <input\n          ref={ref}\n          aria-label={ariaLabel}\n          name={name}\n          onBlur={onBlur}\n          value={value ?? ''}\n          onChange={(e) => {\n            onChange(e.target.value);\n          }}\n          onFocus={() => {\n            // Forward focus to the first tab when RHF focuses this input\n            const firstTab = visualRadioGroupRef.current?.querySelector(\n              '[role=\"tab\"]',\n            ) as HTMLElement;\n            firstTab?.focus();\n          }}\n        />\n      </VisuallyHidden>\n\n      <HeroRadioGroup\n        ref={visualRadioGroupRef}\n        aria-label={ariaLabel}\n        // see HeroUI styles for group-data condition (data-invalid),\n        // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/components/select/src/use-select.ts\n        data-invalid={invalid}\n        data-required={required}\n        data-testid={testId}\n        errorMessage={errorMessage}\n        isDisabled={disabled}\n        isInvalid={invalid}\n        isRequired={required}\n        label={label ? <legend>{label}</legend> : null}\n        name={`${name}_radiotabs`}\n        orientation={inline ? 'horizontal' : 'vertical'}\n        classNames={{\n          base: classNames.base,\n          label: classNames.label,\n          wrapper: classNames.wrapper,\n        }}\n      >\n        <Tabs\n          disabledKeys={disabled ? disabledAllKeys : undefined}\n          onSelectionChange={onChange}\n          // make sure component is controlled\n          selectedKey={value ?? ''}\n          tabs={tabOptions}\n          testId={testId}\n          variant={variant}\n          className={{\n            base: classNames.tabBase,\n            cursor: classNames.cursor,\n            panel: classNames.tabPanel,\n            tab: classNames.tab,\n            tabContent: classNames.tabContent,\n            tabList: classNames.tabList,\n            tabWrapper: classNames.tabWrapper,\n          }}\n        />\n      </HeroRadioGroup>\n    </>\n  );\n};\n\nexport default RadioTabs;\n","import RadioTabs from './RadioTabs';\n\nexport type { RadioTabsProps } from './RadioTabs';\n\nexport { RadioTabs };\n\nexport default RadioTabs;\n"],"mappings":"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","names":["_a","_b","RadioTabs_default"]}