@fuf-stack/uniform 1.22.2 → 1.22.3

package/dist/Checkboxes/index.cjs

@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_Checkboxes = require("../Checkboxes-Ce7gp6L_.cjs");
+const require_Checkboxes = require("../Checkboxes-DHk09GmH.cjs");
 exports.Checkboxes = require_Checkboxes.Checkboxes;
 exports.default = require_Checkboxes.Checkboxes_default;

package/dist/{Checkboxes-Ce7gp6L_.cjs → Checkboxes-DHk09GmH.cjs}

@@ -1,5 +1,5 @@
-require("./FormContext-CjDd8Zej.cjs");
-const require_FieldValidationError = require("./FieldValidationError-BWrQN-Im.cjs");
+require("./FormContext-DsmS_mkO.cjs");
+const require_FieldValidationError = require("./FieldValidationError-BQcvvU9i.cjs");
 const require_hooks_useUniformField_index = require("./hooks/useUniformField/index.cjs");
 let _heroui_checkbox = require("@heroui/checkbox");
 let _heroui_theme = require("@heroui/theme");
@@ -121,4 +121,4 @@ Object.defineProperty(exports, "Checkboxes_default", {
 	}
 });
 
-//# sourceMappingURL=Checkboxes-Ce7gp6L_.cjs.map
+//# sourceMappingURL=Checkboxes-DHk09GmH.cjs.map

package/dist/{Checkboxes-Ce7gp6L_.cjs.map → Checkboxes-DHk09GmH.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Checkboxes-Ce7gp6L_.cjs","names":["heroCheckboxVariants","useUniformField","FieldValidationError","HeroCheckboxGroup","HeroCheckbox"],"sources":["../src/Checkboxes/Checkboxes.tsx","../src/Checkboxes/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type {\n  CheckboxGroupProps as HeroCheckboxGroupProps,\n  CheckboxProps as HeroCheckboxProps,\n} from '@heroui/checkbox';\nimport type { ReactNode } from 'react';\nimport type { FieldError } from 'react-hook-form';\nimport type { InputValueTransform } from '../hooks/useInputValueTransform';\n\nimport {\n  Checkbox as HeroCheckbox,\n  CheckboxGroup as HeroCheckboxGroup,\n} from '@heroui/checkbox';\nimport { checkbox as heroCheckboxVariants } from '@heroui/theme';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks/useUniformField';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport const checkboxesVariants = tv({\n  slots: {\n    base: 'group', // Needs group for group-data condition\n    errorMessage: 'text-tiny',\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      'inline-flex text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:!text-danger',\n    optionBase: '',\n    optionIcon: '',\n    optionLabel: '',\n    optionLabelSubline: 'text-foreground-400 !text-small',\n    optionWrapper: '',\n    wrapper: '',\n  },\n  variants: {\n    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/checkbox.ts\n    color: {\n      info: {\n        wrapper:\n          'text-info-foreground after:bg-info after:text-info-foreground',\n      },\n      ...heroCheckboxVariants.variants.color,\n    } as const,\n    lineThrough: {\n      true: {\n        optionLabel: [\n          ...heroCheckboxVariants.variants.lineThrough.true.label,\n          // fix stroke position when used with subline and enable animation\n          'relative before:transition-all before:duration-200',\n        ],\n        optionLabelSubline: 'group-data-[selected=true]:opacity-60',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof checkboxesVariants>;\ntype ClassName = TVClassName<typeof checkboxesVariants>;\n\nexport interface CheckboxOption {\n  /** option label */\n  label?: ReactNode;\n  /** subline displayed below the label */\n  labelSubline?: ReactNode;\n  /** option value */\n  value: string;\n  /** disables the option */\n  disabled?: boolean;\n  /** HTML data-testid attribute of the option */\n  testId?: string;\n}\n\nexport interface CheckboxesProps 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  /** Color scheme of the checkboxes */\n  color?: VariantProps['color'];\n  /** Sets all checkboxes disabled */\n  disabled?: boolean;\n  /** Orientation of the checkboxes */\n  inline?: boolean;\n  /** Label displayed above the checkboxes */\n  label?: ReactNode;\n  /** Whether the checkboxes label should be crossed out */\n  lineThrough?: boolean;\n  /** Name the Field is registered on the form */\n  name: string;\n  /** Checkboxes that should be displayed. */\n  options: CheckboxOption[];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** allows disentangled display and form values for a field */\n  transform?: InputValueTransform<string[]>;\n}\n\n/**\n * Checkboxes component based on [HeroUI CheckboxGroup](https://www.heroui.com//docs/components/checkbox-group)\n */\nconst Checkboxes = ({\n  className = undefined,\n  color = 'primary',\n  inline = false,\n  lineThrough = false,\n  options,\n  name,\n  ...uniformFieldProps\n}: CheckboxesProps) => {\n  const {\n    ariaLabel,\n    disabled,\n    error: _error,\n    field: { onChange, value: fieldValue, ref, onBlur },\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  // Ensure value is always an array (checkboxes need arrays)\n  const value = Array.isArray(fieldValue) ? fieldValue : [];\n\n  // Convert React Hook Form's nested error object structure to a flat array\n  // RHF errors can be nested like: checkboxField.0 (individual checkbox errors)\n  // and checkboxField._error (global field errors) - this flattens all\n  // error values into a single array for rendering with FieldValidationError\n  const errorFlat: FieldError[] =\n    (_error &&\n      Object.values(\n        _error as unknown as Record<string, FieldError[]>,\n      ).flat()) ??\n    [];\n  const errorMessage = (\n    <FieldValidationError error={errorFlat} testId={testId} />\n  );\n\n  // classNames from slots\n  const variants = checkboxesVariants({ lineThrough });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // map slots to HeroUI class names\n  const heroCheckboxGroupClassNames: HeroCheckboxGroupProps['classNames'] = {\n    base: classNames.base,\n    label: classNames.label,\n    wrapper: classNames.wrapper,\n  };\n  const heroCheckboxClassNames: HeroCheckboxProps['classNames'] = {\n    base: classNames.optionBase,\n    icon: classNames.optionIcon,\n    label: classNames.optionLabel,\n    wrapper: classNames.optionWrapper,\n  };\n\n  return (\n    <HeroCheckboxGroup\n      ref={ref}\n      aria-label={ariaLabel}\n      classNames={heroCheckboxGroupClassNames}\n      color={color === 'info' ? 'primary' : color}\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-testid={testId}\n      errorMessage={errorMessage}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isRequired={required}\n      label={label ? <legend>{label}</legend> : null}\n      name={name}\n      onBlur={onBlur}\n      onChange={onChange}\n      orientation={inline ? 'horizontal' : 'vertical'}\n      value={value}\n    >\n      {options?.map((option) => {\n        const optionTestId = slugify(\n          `${testId}_option_${option?.testId ?? option?.value}`,\n          { replaceDots: true },\n        );\n\n        // set content and classes depending option has subline\n        const hasSubline = !!option.labelSubline;\n        let labelContent: ReactNode;\n        let optionClassNames = heroCheckboxClassNames;\n        if (hasSubline) {\n          labelContent = (\n            <div className=\"flex grow flex-col items-start\">\n              <span className={classNames.optionLabel}>{option.label}</span>\n              <span className={classNames.optionLabelSubline}>\n                {option.labelSubline}\n              </span>\n            </div>\n          );\n          // remove label classes from outer label when subline is used\n          optionClassNames = { ...optionClassNames, label: '' };\n        } else {\n          labelContent = option.label;\n        }\n\n        return (\n          <HeroCheckbox\n            key={`index_${option.value}`}\n            classNames={optionClassNames}\n            data-invalid={invalid}\n            data-testid={optionTestId}\n            isDisabled={!!disabled || option.disabled}\n            value={option?.value}\n            aria-label={\n              typeof option.label === 'string' ? option.label : option.value\n            }\n          >\n            {labelContent}\n          </HeroCheckbox>\n        );\n      })}\n    </HeroCheckboxGroup>\n  );\n};\n\nexport default Checkboxes;\n","import Checkboxes from './Checkboxes';\n\nexport type { CheckboxesProps, CheckboxOption } from './Checkboxes';\n\nexport { Checkboxes };\n\nexport default Checkboxes;\n"],"mappings":";;;;;;;;AAoBA,MAAa,sBAAA,GAAA,uBAAA,IAAwB;CACnC,OAAO;EACL,MAAM;EACN,cAAc;EAGd,OACE;EACF,YAAY;EACZ,YAAY;EACZ,aAAa;EACb,oBAAoB;EACpB,eAAe;EACf,SAAS;CACX;CACA,UAAU;EAER,OAAO;GACL,MAAM,EACJ,SACE,gEACJ;GACA,GAAGA,cAAAA,SAAqB,SAAS;EACnC;EACA,aAAa,EACX,MAAM;GACJ,aAAa,CACX,GAAGA,cAAAA,SAAqB,SAAS,YAAY,KAAK,OAElD,oDACF;GACA,oBAAoB;EACtB,EACF;CACF;AACF,CAAC;;;;AA8CD,MAAM,cAAc,EAClB,YAAY,KAAA,GACZ,QAAQ,WACR,SAAS,OACT,cAAc,OACd,SACA,MACA,GAAG,wBACkB;CACrB,MAAM,EACJ,WACA,UACA,OAAO,QACP,OAAO,EAAE,UAAU,OAAO,YAAY,KAAK,UAC3C,SACA,OACA,UACA,WACEC,oCAAAA,gBAAgB;EAClB;EACA,GAAG;CACL,CAAC;CAGD,MAAM,QAAQ,MAAM,QAAQ,UAAU,IAAI,aAAa,CAAC;CAYxD,MAAM,eACJ,iBAAA,GAAA,kBAAA,KAACC,6BAAAA,sBAAD;EAAsB,QANrB,UACC,OAAO,OACL,MACF,EAAE,KAAK,MACT,CAAC;EAE+C;CAAS,CAAA;CAK3D,MAAM,cAAA,GAAA,uBAAA,sBADW,mBAAmB,EAAE,YAAY,CACH,GAAG,WAAW,MAAM;CAGnE,MAAM,8BAAoE;EACxE,MAAM,WAAW;EACjB,OAAO,WAAW;EAClB,SAAS,WAAW;CACtB;CACA,MAAM,yBAA0D;EAC9D,MAAM,WAAW;EACjB,MAAM,WAAW;EACjB,OAAO,WAAW;EAClB,SAAS,WAAW;CACtB;CAEA,OACE,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,eAAD;EACO;EACL,cAAY;EACZ,YAAY;EACZ,OAAO,UAAU,SAAS,YAAY;EAGtC,gBAAc;EACd,eAAa;EACC;EACd,YAAY;EACZ,WAAW;EACX,YAAY;EACZ,OAAO,QAAQ,iBAAA,GAAA,kBAAA,KAAC,UAAD,EAAA,UAAS,MAAc,CAAA,IAAI;EACpC;EACE;EACE;EACV,aAAa,SAAS,eAAe;EAC9B;YAEN,SAAS,KAAK,WAAW;GACxB,MAAM,gBAAA,GAAA,uBAAA,SACJ,GAAG,OAAO,UAAU,QAAQ,UAAU,QAAQ,SAC9C,EAAE,aAAa,KAAK,CACtB;GAGA,MAAM,aAAa,CAAC,CAAC,OAAO;GAC5B,IAAI;GACJ,IAAI,mBAAmB;GACvB,IAAI,YAAY;IACd,eACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;MAAM,WAAW,WAAW;gBAAc,OAAO;KAAY,CAAA,GAC7D,iBAAA,GAAA,kBAAA,KAAC,QAAD;MAAM,WAAW,WAAW;gBACzB,OAAO;KACJ,CAAA,CACH;;IAGP,mBAAmB;KAAE,GAAG;KAAkB,OAAO;IAAG;GACtD,OACE,eAAe,OAAO;GAGxB,OACE,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,UAAD;IAEE,YAAY;IACZ,gBAAc;IACd,eAAa;IACb,YAAY,CAAC,CAAC,YAAY,OAAO;IACjC,OAAO,QAAQ;IACf,cACE,OAAO,OAAO,UAAU,WAAW,OAAO,QAAQ,OAAO;cAG1D;GACW,GAXP,SAAS,OAAO,OAWT;EAElB,CAAC;CACgB,CAAA;AAEvB;;;ACxNA,IAAA,qBAAe"}
+{"version":3,"file":"Checkboxes-DHk09GmH.cjs","names":["heroCheckboxVariants","useUniformField","FieldValidationError","HeroCheckboxGroup","HeroCheckbox"],"sources":["../src/Checkboxes/Checkboxes.tsx","../src/Checkboxes/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type {\n  CheckboxGroupProps as HeroCheckboxGroupProps,\n  CheckboxProps as HeroCheckboxProps,\n} from '@heroui/checkbox';\nimport type { ReactNode } from 'react';\nimport type { FieldError } from 'react-hook-form';\nimport type { InputValueTransform } from '../hooks/useInputValueTransform';\n\nimport {\n  Checkbox as HeroCheckbox,\n  CheckboxGroup as HeroCheckboxGroup,\n} from '@heroui/checkbox';\nimport { checkbox as heroCheckboxVariants } from '@heroui/theme';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks/useUniformField';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport const checkboxesVariants = tv({\n  slots: {\n    base: 'group', // Needs group for group-data condition\n    errorMessage: 'text-tiny',\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      'inline-flex text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:!text-danger',\n    optionBase: '',\n    optionIcon: '',\n    optionLabel: '',\n    optionLabelSubline: 'text-foreground-400 !text-small',\n    optionWrapper: '',\n    wrapper: '',\n  },\n  variants: {\n    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/checkbox.ts\n    color: {\n      info: {\n        wrapper:\n          'text-info-foreground after:bg-info after:text-info-foreground',\n      },\n      ...heroCheckboxVariants.variants.color,\n    } as const,\n    lineThrough: {\n      true: {\n        optionLabel: [\n          ...heroCheckboxVariants.variants.lineThrough.true.label,\n          // fix stroke position when used with subline and enable animation\n          'relative before:transition-all before:duration-200',\n        ],\n        optionLabelSubline: 'group-data-[selected=true]:opacity-60',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof checkboxesVariants>;\ntype ClassName = TVClassName<typeof checkboxesVariants>;\n\nexport interface CheckboxOption {\n  /** option label */\n  label?: ReactNode;\n  /** subline displayed below the label */\n  labelSubline?: ReactNode;\n  /** option value */\n  value: string;\n  /** disables the option */\n  disabled?: boolean;\n  /** HTML data-testid attribute of the option */\n  testId?: string;\n}\n\nexport interface CheckboxesProps 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  /** Color scheme of the checkboxes */\n  color?: VariantProps['color'];\n  /** Sets all checkboxes disabled */\n  disabled?: boolean;\n  /** Orientation of the checkboxes */\n  inline?: boolean;\n  /** Label displayed above the checkboxes */\n  label?: ReactNode;\n  /** Whether the checkboxes label should be crossed out */\n  lineThrough?: boolean;\n  /** Name the Field is registered on the form */\n  name: string;\n  /** Checkboxes that should be displayed. */\n  options: CheckboxOption[];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** allows disentangled display and form values for a field */\n  transform?: InputValueTransform<string[]>;\n}\n\n/**\n * Checkboxes component based on [HeroUI CheckboxGroup](https://www.heroui.com//docs/components/checkbox-group)\n */\nconst Checkboxes = ({\n  className = undefined,\n  color = 'primary',\n  inline = false,\n  lineThrough = false,\n  options,\n  name,\n  ...uniformFieldProps\n}: CheckboxesProps) => {\n  const {\n    ariaLabel,\n    disabled,\n    error: _error,\n    field: { onChange, value: fieldValue, ref, onBlur },\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  // Ensure value is always an array (checkboxes need arrays)\n  const value = Array.isArray(fieldValue) ? fieldValue : [];\n\n  // Convert React Hook Form's nested error object structure to a flat array\n  // RHF errors can be nested like: checkboxField.0 (individual checkbox errors)\n  // and checkboxField._error (global field errors) - this flattens all\n  // error values into a single array for rendering with FieldValidationError\n  const errorFlat: FieldError[] =\n    (_error &&\n      Object.values(\n        _error as unknown as Record<string, FieldError[]>,\n      ).flat()) ??\n    [];\n  const errorMessage = (\n    <FieldValidationError error={errorFlat} testId={testId} />\n  );\n\n  // classNames from slots\n  const variants = checkboxesVariants({ lineThrough });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // map slots to HeroUI class names\n  const heroCheckboxGroupClassNames: HeroCheckboxGroupProps['classNames'] = {\n    base: classNames.base,\n    label: classNames.label,\n    wrapper: classNames.wrapper,\n  };\n  const heroCheckboxClassNames: HeroCheckboxProps['classNames'] = {\n    base: classNames.optionBase,\n    icon: classNames.optionIcon,\n    label: classNames.optionLabel,\n    wrapper: classNames.optionWrapper,\n  };\n\n  return (\n    <HeroCheckboxGroup\n      ref={ref}\n      aria-label={ariaLabel}\n      classNames={heroCheckboxGroupClassNames}\n      color={color === 'info' ? 'primary' : color}\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-testid={testId}\n      errorMessage={errorMessage}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isRequired={required}\n      label={label ? <legend>{label}</legend> : null}\n      name={name}\n      onBlur={onBlur}\n      onChange={onChange}\n      orientation={inline ? 'horizontal' : 'vertical'}\n      value={value}\n    >\n      {options?.map((option) => {\n        const optionTestId = slugify(\n          `${testId}_option_${option?.testId ?? option?.value}`,\n          { replaceDots: true },\n        );\n\n        // set content and classes depending option has subline\n        const hasSubline = !!option.labelSubline;\n        let labelContent: ReactNode;\n        let optionClassNames = heroCheckboxClassNames;\n        if (hasSubline) {\n          labelContent = (\n            <div className=\"flex grow flex-col items-start\">\n              <span className={classNames.optionLabel}>{option.label}</span>\n              <span className={classNames.optionLabelSubline}>\n                {option.labelSubline}\n              </span>\n            </div>\n          );\n          // remove label classes from outer label when subline is used\n          optionClassNames = { ...optionClassNames, label: '' };\n        } else {\n          labelContent = option.label;\n        }\n\n        return (\n          <HeroCheckbox\n            key={`index_${option.value}`}\n            classNames={optionClassNames}\n            data-invalid={invalid}\n            data-testid={optionTestId}\n            isDisabled={!!disabled || option.disabled}\n            value={option?.value}\n            aria-label={\n              typeof option.label === 'string' ? option.label : option.value\n            }\n          >\n            {labelContent}\n          </HeroCheckbox>\n        );\n      })}\n    </HeroCheckboxGroup>\n  );\n};\n\nexport default Checkboxes;\n","import Checkboxes from './Checkboxes';\n\nexport type { CheckboxesProps, CheckboxOption } from './Checkboxes';\n\nexport { Checkboxes };\n\nexport default Checkboxes;\n"],"mappings":";;;;;;;;AAoBA,MAAa,sBAAA,GAAA,uBAAA,IAAwB;CACnC,OAAO;EACL,MAAM;EACN,cAAc;EAGd,OACE;EACF,YAAY;EACZ,YAAY;EACZ,aAAa;EACb,oBAAoB;EACpB,eAAe;EACf,SAAS;CACX;CACA,UAAU;EAER,OAAO;GACL,MAAM,EACJ,SACE,gEACJ;GACA,GAAGA,cAAAA,SAAqB,SAAS;EACnC;EACA,aAAa,EACX,MAAM;GACJ,aAAa,CACX,GAAGA,cAAAA,SAAqB,SAAS,YAAY,KAAK,OAElD,oDACF;GACA,oBAAoB;EACtB,EACF;CACF;AACF,CAAC;;;;AA8CD,MAAM,cAAc,EAClB,YAAY,KAAA,GACZ,QAAQ,WACR,SAAS,OACT,cAAc,OACd,SACA,MACA,GAAG,wBACkB;CACrB,MAAM,EACJ,WACA,UACA,OAAO,QACP,OAAO,EAAE,UAAU,OAAO,YAAY,KAAK,UAC3C,SACA,OACA,UACA,WACEC,oCAAAA,gBAAgB;EAClB;EACA,GAAG;CACL,CAAC;CAGD,MAAM,QAAQ,MAAM,QAAQ,UAAU,IAAI,aAAa,CAAC;CAYxD,MAAM,eACJ,iBAAA,GAAA,kBAAA,KAACC,6BAAAA,sBAAD;EAAsB,QANrB,UACC,OAAO,OACL,MACF,EAAE,KAAK,MACT,CAAC;EAE+C;CAAS,CAAA;CAK3D,MAAM,cAAA,GAAA,uBAAA,sBADW,mBAAmB,EAAE,YAAY,CACH,GAAG,WAAW,MAAM;CAGnE,MAAM,8BAAoE;EACxE,MAAM,WAAW;EACjB,OAAO,WAAW;EAClB,SAAS,WAAW;CACtB;CACA,MAAM,yBAA0D;EAC9D,MAAM,WAAW;EACjB,MAAM,WAAW;EACjB,OAAO,WAAW;EAClB,SAAS,WAAW;CACtB;CAEA,OACE,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,eAAD;EACO;EACL,cAAY;EACZ,YAAY;EACZ,OAAO,UAAU,SAAS,YAAY;EAGtC,gBAAc;EACd,eAAa;EACC;EACd,YAAY;EACZ,WAAW;EACX,YAAY;EACZ,OAAO,QAAQ,iBAAA,GAAA,kBAAA,KAAC,UAAD,EAAA,UAAS,MAAc,CAAA,IAAI;EACpC;EACE;EACE;EACV,aAAa,SAAS,eAAe;EAC9B;YAEN,SAAS,KAAK,WAAW;GACxB,MAAM,gBAAA,GAAA,uBAAA,SACJ,GAAG,OAAO,UAAU,QAAQ,UAAU,QAAQ,SAC9C,EAAE,aAAa,KAAK,CACtB;GAGA,MAAM,aAAa,CAAC,CAAC,OAAO;GAC5B,IAAI;GACJ,IAAI,mBAAmB;GACvB,IAAI,YAAY;IACd,eACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,QAAD;MAAM,WAAW,WAAW;gBAAc,OAAO;KAAY,CAAA,GAC7D,iBAAA,GAAA,kBAAA,KAAC,QAAD;MAAM,WAAW,WAAW;gBACzB,OAAO;KACJ,CAAA,CACH;;IAGP,mBAAmB;KAAE,GAAG;KAAkB,OAAO;IAAG;GACtD,OACE,eAAe,OAAO;GAGxB,OACE,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,UAAD;IAEE,YAAY;IACZ,gBAAc;IACd,eAAa;IACb,YAAY,CAAC,CAAC,YAAY,OAAO;IACjC,OAAO,QAAQ;IACf,cACE,OAAO,OAAO,UAAU,WAAW,OAAO,QAAQ,OAAO;cAG1D;GACW,GAXP,SAAS,OAAO,OAWT;EAElB,CAAC;CACgB,CAAA;AAEvB;;;ACxNA,IAAA,qBAAe"}

package/dist/DatePicker/index.cjs

@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_DatePicker = require("../DatePicker-BAe4t169.cjs");
+const require_DatePicker = require("../DatePicker-DuBjvS5g.cjs");
 exports.DatePicker = require_DatePicker.DatePicker;
 exports.default = require_DatePicker.DatePicker_default;

package/dist/{DatePicker-BAe4t169.cjs → DatePicker-DuBjvS5g.cjs}

@@ -1,4 +1,4 @@
-require("./FormContext-CjDd8Zej.cjs");
+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_jsx_runtime = require("react/jsx-runtime");
@@ -202,4 +202,4 @@ Object.defineProperty(exports, "DatePicker_default", {
 	}
 });
 
-//# sourceMappingURL=DatePicker-BAe4t169.cjs.map
+//# sourceMappingURL=DatePicker-DuBjvS5g.cjs.map

package/dist/{DatePicker-BAe4t169.cjs.map → DatePicker-DuBjvS5g.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"DatePicker-BAe4t169.cjs","names":["useUniformField","HeroDatePicker"],"sources":["../src/DatePicker/dateHelpers.ts","../src/DatePicker/DatePicker.tsx","../src/DatePicker/index.ts"],"sourcesContent":["import type { DatePicker as HeroDatePicker } from '@heroui/date-picker';\nimport type { ComponentProps } from 'react';\n\nimport {\n  getLocalTimeZone,\n  now,\n  parseAbsolute,\n  parseAbsoluteToLocal,\n  parseDate,\n  parseDateTime,\n  parseZonedDateTime,\n} from '@internationalized/date';\n\n/** Value type accepted by the HeroUI DatePicker */\nexport type DatePickerValue = ComponentProps<typeof HeroDatePicker>['value'];\n\n/** Cast unknown input to the DatePicker value union type. */\nconst asDatePickerValue = (value: unknown): DatePickerValue => {\n  return value as DatePickerValue;\n};\n\n/** Check whether a value already looks like an @internationalized/date object. */\nconst isDateValueLike = (value: unknown): value is object => {\n  return !!value && typeof value === 'object' && 'calendar' in value;\n};\n\n/** True for ISO datetime strings that do not yet include timezone information. */\nconst isNaiveDateTimeString = (value: string): boolean => {\n  return /^\\d{4}-\\d{2}-\\d{2}T/.test(value) && !hasExplicitTimeZone(value);\n};\n\n/** True when an input already carries timezone/offset information. */\nconst hasExplicitTimeZone = (value: string): boolean => {\n  if (value.includes('[') && value.includes(']')) {\n    return true;\n  }\n\n  return /(?:[zZ]|[+-]\\d{2}:\\d{2})$/.test(value);\n};\n\n/** Safely run a parser and return `null` on parsing errors. */\nconst tryParse = (parser: () => unknown): DatePickerValue => {\n  try {\n    return asDatePickerValue(parser());\n  } catch {\n    return null;\n  }\n};\n\n/**\n * Parse a form value into a HeroUI DatePicker compatible `DateValue`.\n *\n * Accepts existing `DateValue` objects, native `Date` instances, and ISO-like\n * strings (date, date-time, zoned, and absolute). Returns `null` when the value\n * is empty or cannot be parsed.\n */\nexport const parseDateValue = (\n  value: unknown,\n  timeZone?: string,\n): DatePickerValue => {\n  if (value == null || value === '') {\n    return null;\n  }\n\n  if (isDateValueLike(value)) {\n    return asDatePickerValue(value);\n  }\n\n  if (value instanceof Date) {\n    return asDatePickerValue(\n      timeZone\n        ? parseAbsolute(value.toISOString(), timeZone)\n        : parseAbsoluteToLocal(value.toISOString()),\n    );\n  }\n\n  if (typeof value !== 'string') {\n    return null;\n  }\n\n  const normalizedValue = value.trim();\n  if (normalizedValue === '') {\n    return null;\n  }\n\n  if (/^\\d{4}-\\d{2}-\\d{2}$/.test(normalizedValue)) {\n    return tryParse(() => {\n      return parseDate(normalizedValue);\n    });\n  }\n\n  const parsers: (() => unknown)[] = [\n    ...(timeZone && isNaiveDateTimeString(normalizedValue)\n      ? [\n          () => {\n            return parseZonedDateTime(`${normalizedValue}[${timeZone}]`);\n          },\n        ]\n      : []),\n    () => {\n      return timeZone\n        ? parseAbsolute(normalizedValue, timeZone)\n        : parseAbsoluteToLocal(normalizedValue);\n    },\n    () => {\n      return parseZonedDateTime(normalizedValue);\n    },\n    () => {\n      return parseDateTime(normalizedValue);\n    },\n    () => {\n      return parseDate(normalizedValue);\n    },\n  ];\n\n  return (\n    parsers\n      .map((parser) => {\n        return tryParse(parser);\n      })\n      .find((parsedValue) => {\n        return parsedValue != null;\n      }) ?? null\n  );\n};\n\n/** Resolve the timezone used by the DatePicker when time fields are enabled. */\nexport const resolveDatePickerTimeZone = (\n  withTime: boolean,\n  timeZone?: string,\n): string | undefined => {\n  if (!withTime) {\n    return timeZone;\n  }\n\n  return timeZone ?? getLocalTimeZone();\n};\n\n/** Build the default placeholder value for time-enabled pickers. */\nexport const getDatePickerPlaceholderValue = (\n  withTime: boolean,\n  timeZone?: string,\n): DatePickerValue => {\n  const resolvedTimeZone = resolveDatePickerTimeZone(withTime, timeZone);\n  if (!resolvedTimeZone || !withTime) {\n    return undefined;\n  }\n\n  return asDatePickerValue(now(resolvedTimeZone));\n};\n\n/**\n * Convert a date value into a UTC ISO string.\n *\n * `CalendarDate` and `CalendarDateTime` values are interpreted in the provided\n * timezone. `ZonedDateTime` values use their own timezone and offset.\n */\nexport const dateValueToUtcIsoString = (\n  value: DatePickerValue,\n  timeZone: string,\n): string | null => {\n  if (value == null) {\n    return null;\n  }\n\n  const maybeWithAbsoluteString = value as { toAbsoluteString?: () => string };\n  if (typeof maybeWithAbsoluteString.toAbsoluteString === 'function') {\n    return maybeWithAbsoluteString.toAbsoluteString();\n  }\n\n  const maybeWithToDate = value as { toDate?: (zone: string) => Date };\n  if (typeof maybeWithToDate.toDate === 'function') {\n    return maybeWithToDate.toDate(timeZone).toISOString();\n  }\n\n  return null;\n};\n","import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DatePickerProps as HeroDatePickerProps } from '@heroui/date-picker';\nimport type { ReactNode } from 'react';\nimport type { DatePickerValue } from './dateHelpers';\n\nimport { DatePicker as HeroDatePicker } from '@heroui/date-picker';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks/useUniformField';\nimport {\n  dateValueToUtcIsoString,\n  getDatePickerPlaceholderValue,\n  parseDateValue,\n  resolveDatePickerTimeZone,\n} from './dateHelpers';\n\nexport const datePickerVariants = tv({\n  slots: {\n    /** wrapper around the whole date picker */\n    base: '',\n    /** helper wrapper for error/description */\n    helperWrapper: [\n      // set padding to 0 for error message exit animation\n      'p-0',\n    ],\n    /** the calendar element */\n    calendar: '',\n    /** the calendar's content element */\n    calendarContent: '',\n    /**\n     * inner wrapper (HeroUI inputWrapper slot)\n     *\n     * NOTE: Unlike HeroUI Input, the DatePicker does not expose a\n     * `data-focus` indicator on the group, so the focus border has to be\n     * driven by the native `focus-within` state of the segment inputs.\n     */\n    inputWrapper: 'bg-content1 focus-within:border-focus',\n    /** the calendar popover element */\n    popoverContent: '',\n    /** selector button element */\n    selectorButton: '',\n    /** selector icon element */\n    selectorIcon: '',\n    /** the time-input component element */\n    timeInput: '',\n    /** the time-input component's label element */\n    timeInputLabel: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof datePickerVariants>;\ntype ClassName = TVClassName<typeof datePickerVariants>;\n\nexport interface DatePickerProps 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  /** date picker is disabled */\n  disabled?: boolean;\n  /**\n   * Optional hour cycle override.\n   *\n   * When omitted, the picker uses the user's locale default (12-hour or 24-hour).\n   */\n  hourCycle?: 12 | 24;\n  /** hide timezone abbreviation for zoned values */\n  hideTimeZone?: boolean;\n  /** form field label */\n  label?: ReactNode;\n  /** latest selectable value as ISO string */\n  maxValue?: string;\n  /** earliest selectable value as ISO string */\n  minValue?: string;\n  /** form field name */\n  name: string;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /**\n   * Optional advanced override for the display/interpretation timezone.\n   *\n   * When omitted, the picker uses the current user's local timezone while\n   * `withTime` is enabled.\n   */\n  timeZone?: string;\n  /**\n   * Enables date-time mode.\n   *\n   * - `false` (default): date-only input (`day` granularity)\n   * - `true`: includes time segments (`minute` granularity)\n   */\n  withTime?: boolean;\n  /** value format stored in form state (`string` stores UTC ISO values) */\n  valueType?: 'dateValue' | 'string';\n}\n\n/**\n * DatePicker component based on [HeroUI DatePicker](https://v2.heroui.com/docs/components/date-picker)\n */\nconst DatePicker = ({\n  className: _className = undefined,\n  hourCycle = 24,\n  hideTimeZone = false,\n  maxValue = undefined,\n  minValue = undefined,\n  name,\n  timeZone = undefined,\n  valueType = 'string',\n  withTime = false,\n  ...uniformFieldProps\n}: DatePickerProps) => {\n  const {\n    ariaLabel,\n    disabled,\n    errorMessage,\n    field: { onBlur, onChange, value },\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({ name, ...uniformFieldProps });\n\n  // classNames from slots\n  const variants = datePickerVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n  const resolvedTimeZone = resolveDatePickerTimeZone(withTime, timeZone);\n\n  // Normalize incoming form value into HeroUI's DateValue shape so the field can\n  // render consistently from UTC strings, local strings, Date instances, or DateValue objects.\n  const parsedValue = parseDateValue(\n    value,\n    withTime ? resolvedTimeZone : timeZone,\n  );\n\n  // Build the default placeholder value for time-enabled pickers.\n  const placeholderValue = getDatePickerPlaceholderValue(withTime, timeZone);\n\n  // Parse ISO boundary strings into HeroUI DateValue objects.\n  const parsedMinValue = parseDateValue(\n    minValue,\n    withTime ? resolvedTimeZone : timeZone,\n  ) as unknown as HeroDatePickerProps['minValue'];\n  const parsedMaxValue = parseDateValue(\n    maxValue,\n    withTime ? resolvedTimeZone : timeZone,\n  ) as unknown as HeroDatePickerProps['maxValue'];\n\n  // Normalize DatePicker output into the configured storage format before writing to form state.\n  const handleChange = (nextValue: DatePickerValue) => {\n    if (nextValue == null) {\n      onChange(null);\n      return;\n    }\n\n    if (valueType === 'dateValue') {\n      onChange(nextValue);\n      return;\n    }\n\n    // String mode always stores UTC ISO values so form state is timezone-neutral\n    // and comparable across users/locales.\n    onChange(\n      dateValueToUtcIsoString(nextValue, resolvedTimeZone ?? 'UTC') ??\n        String(nextValue),\n    );\n  };\n\n  return (\n    <HeroDatePicker\n      aria-label={label ? undefined : ariaLabel}\n      classNames={{\n        base: classNames.base,\n        calendar: classNames.calendar,\n        calendarContent: classNames.calendarContent,\n        helperWrapper: classNames.helperWrapper,\n        inputWrapper: classNames.inputWrapper,\n        popoverContent: classNames.popoverContent,\n        selectorButton: classNames.selectorButton,\n        selectorIcon: classNames.selectorIcon,\n        timeInput: classNames.timeInput,\n        timeInputLabel: classNames.timeInputLabel,\n      }}\n      data-testid={testId}\n      errorMessage={errorMessage}\n      granularity={withTime ? 'minute' : 'day'}\n      hideTimeZone={hideTimeZone}\n      hourCycle={hourCycle}\n      id={testId}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isRequired={required}\n      label={label}\n      labelPlacement=\"outside\"\n      maxValue={parsedMaxValue}\n      minValue={parsedMinValue}\n      name={name}\n      onBlur={onBlur}\n      onChange={handleChange}\n      placeholderValue={placeholderValue}\n      radius=\"sm\"\n      value={parsedValue}\n      variant=\"bordered\"\n    />\n  );\n};\n\nexport default DatePicker;\n","import DatePicker from './DatePicker';\n\nexport type { DatePickerProps } from './DatePicker';\n\nexport { DatePicker };\n\nexport default DatePicker;\n"],"mappings":"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"}
+{"version":3,"file":"DatePicker-DuBjvS5g.cjs","names":["useUniformField","HeroDatePicker"],"sources":["../src/DatePicker/dateHelpers.ts","../src/DatePicker/DatePicker.tsx","../src/DatePicker/index.ts"],"sourcesContent":["import type { DatePicker as HeroDatePicker } from '@heroui/date-picker';\nimport type { ComponentProps } from 'react';\n\nimport {\n  getLocalTimeZone,\n  now,\n  parseAbsolute,\n  parseAbsoluteToLocal,\n  parseDate,\n  parseDateTime,\n  parseZonedDateTime,\n} from '@internationalized/date';\n\n/** Value type accepted by the HeroUI DatePicker */\nexport type DatePickerValue = ComponentProps<typeof HeroDatePicker>['value'];\n\n/** Cast unknown input to the DatePicker value union type. */\nconst asDatePickerValue = (value: unknown): DatePickerValue => {\n  return value as DatePickerValue;\n};\n\n/** Check whether a value already looks like an @internationalized/date object. */\nconst isDateValueLike = (value: unknown): value is object => {\n  return !!value && typeof value === 'object' && 'calendar' in value;\n};\n\n/** True for ISO datetime strings that do not yet include timezone information. */\nconst isNaiveDateTimeString = (value: string): boolean => {\n  return /^\\d{4}-\\d{2}-\\d{2}T/.test(value) && !hasExplicitTimeZone(value);\n};\n\n/** True when an input already carries timezone/offset information. */\nconst hasExplicitTimeZone = (value: string): boolean => {\n  if (value.includes('[') && value.includes(']')) {\n    return true;\n  }\n\n  return /(?:[zZ]|[+-]\\d{2}:\\d{2})$/.test(value);\n};\n\n/** Safely run a parser and return `null` on parsing errors. */\nconst tryParse = (parser: () => unknown): DatePickerValue => {\n  try {\n    return asDatePickerValue(parser());\n  } catch {\n    return null;\n  }\n};\n\n/**\n * Parse a form value into a HeroUI DatePicker compatible `DateValue`.\n *\n * Accepts existing `DateValue` objects, native `Date` instances, and ISO-like\n * strings (date, date-time, zoned, and absolute). Returns `null` when the value\n * is empty or cannot be parsed.\n */\nexport const parseDateValue = (\n  value: unknown,\n  timeZone?: string,\n): DatePickerValue => {\n  if (value == null || value === '') {\n    return null;\n  }\n\n  if (isDateValueLike(value)) {\n    return asDatePickerValue(value);\n  }\n\n  if (value instanceof Date) {\n    return asDatePickerValue(\n      timeZone\n        ? parseAbsolute(value.toISOString(), timeZone)\n        : parseAbsoluteToLocal(value.toISOString()),\n    );\n  }\n\n  if (typeof value !== 'string') {\n    return null;\n  }\n\n  const normalizedValue = value.trim();\n  if (normalizedValue === '') {\n    return null;\n  }\n\n  if (/^\\d{4}-\\d{2}-\\d{2}$/.test(normalizedValue)) {\n    return tryParse(() => {\n      return parseDate(normalizedValue);\n    });\n  }\n\n  const parsers: (() => unknown)[] = [\n    ...(timeZone && isNaiveDateTimeString(normalizedValue)\n      ? [\n          () => {\n            return parseZonedDateTime(`${normalizedValue}[${timeZone}]`);\n          },\n        ]\n      : []),\n    () => {\n      return timeZone\n        ? parseAbsolute(normalizedValue, timeZone)\n        : parseAbsoluteToLocal(normalizedValue);\n    },\n    () => {\n      return parseZonedDateTime(normalizedValue);\n    },\n    () => {\n      return parseDateTime(normalizedValue);\n    },\n    () => {\n      return parseDate(normalizedValue);\n    },\n  ];\n\n  return (\n    parsers\n      .map((parser) => {\n        return tryParse(parser);\n      })\n      .find((parsedValue) => {\n        return parsedValue != null;\n      }) ?? null\n  );\n};\n\n/** Resolve the timezone used by the DatePicker when time fields are enabled. */\nexport const resolveDatePickerTimeZone = (\n  withTime: boolean,\n  timeZone?: string,\n): string | undefined => {\n  if (!withTime) {\n    return timeZone;\n  }\n\n  return timeZone ?? getLocalTimeZone();\n};\n\n/** Build the default placeholder value for time-enabled pickers. */\nexport const getDatePickerPlaceholderValue = (\n  withTime: boolean,\n  timeZone?: string,\n): DatePickerValue => {\n  const resolvedTimeZone = resolveDatePickerTimeZone(withTime, timeZone);\n  if (!resolvedTimeZone || !withTime) {\n    return undefined;\n  }\n\n  return asDatePickerValue(now(resolvedTimeZone));\n};\n\n/**\n * Convert a date value into a UTC ISO string.\n *\n * `CalendarDate` and `CalendarDateTime` values are interpreted in the provided\n * timezone. `ZonedDateTime` values use their own timezone and offset.\n */\nexport const dateValueToUtcIsoString = (\n  value: DatePickerValue,\n  timeZone: string,\n): string | null => {\n  if (value == null) {\n    return null;\n  }\n\n  const maybeWithAbsoluteString = value as { toAbsoluteString?: () => string };\n  if (typeof maybeWithAbsoluteString.toAbsoluteString === 'function') {\n    return maybeWithAbsoluteString.toAbsoluteString();\n  }\n\n  const maybeWithToDate = value as { toDate?: (zone: string) => Date };\n  if (typeof maybeWithToDate.toDate === 'function') {\n    return maybeWithToDate.toDate(timeZone).toISOString();\n  }\n\n  return null;\n};\n","import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { DatePickerProps as HeroDatePickerProps } from '@heroui/date-picker';\nimport type { ReactNode } from 'react';\nimport type { DatePickerValue } from './dateHelpers';\n\nimport { DatePicker as HeroDatePicker } from '@heroui/date-picker';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks/useUniformField';\nimport {\n  dateValueToUtcIsoString,\n  getDatePickerPlaceholderValue,\n  parseDateValue,\n  resolveDatePickerTimeZone,\n} from './dateHelpers';\n\nexport const datePickerVariants = tv({\n  slots: {\n    /** wrapper around the whole date picker */\n    base: '',\n    /** helper wrapper for error/description */\n    helperWrapper: [\n      // set padding to 0 for error message exit animation\n      'p-0',\n    ],\n    /** the calendar element */\n    calendar: '',\n    /** the calendar's content element */\n    calendarContent: '',\n    /**\n     * inner wrapper (HeroUI inputWrapper slot)\n     *\n     * NOTE: Unlike HeroUI Input, the DatePicker does not expose a\n     * `data-focus` indicator on the group, so the focus border has to be\n     * driven by the native `focus-within` state of the segment inputs.\n     */\n    inputWrapper: 'bg-content1 focus-within:border-focus',\n    /** the calendar popover element */\n    popoverContent: '',\n    /** selector button element */\n    selectorButton: '',\n    /** selector icon element */\n    selectorIcon: '',\n    /** the time-input component element */\n    timeInput: '',\n    /** the time-input component's label element */\n    timeInputLabel: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof datePickerVariants>;\ntype ClassName = TVClassName<typeof datePickerVariants>;\n\nexport interface DatePickerProps 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  /** date picker is disabled */\n  disabled?: boolean;\n  /**\n   * Optional hour cycle override.\n   *\n   * When omitted, the picker uses the user's locale default (12-hour or 24-hour).\n   */\n  hourCycle?: 12 | 24;\n  /** hide timezone abbreviation for zoned values */\n  hideTimeZone?: boolean;\n  /** form field label */\n  label?: ReactNode;\n  /** latest selectable value as ISO string */\n  maxValue?: string;\n  /** earliest selectable value as ISO string */\n  minValue?: string;\n  /** form field name */\n  name: string;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /**\n   * Optional advanced override for the display/interpretation timezone.\n   *\n   * When omitted, the picker uses the current user's local timezone while\n   * `withTime` is enabled.\n   */\n  timeZone?: string;\n  /**\n   * Enables date-time mode.\n   *\n   * - `false` (default): date-only input (`day` granularity)\n   * - `true`: includes time segments (`minute` granularity)\n   */\n  withTime?: boolean;\n  /** value format stored in form state (`string` stores UTC ISO values) */\n  valueType?: 'dateValue' | 'string';\n}\n\n/**\n * DatePicker component based on [HeroUI DatePicker](https://v2.heroui.com/docs/components/date-picker)\n */\nconst DatePicker = ({\n  className: _className = undefined,\n  hourCycle = 24,\n  hideTimeZone = false,\n  maxValue = undefined,\n  minValue = undefined,\n  name,\n  timeZone = undefined,\n  valueType = 'string',\n  withTime = false,\n  ...uniformFieldProps\n}: DatePickerProps) => {\n  const {\n    ariaLabel,\n    disabled,\n    errorMessage,\n    field: { onBlur, onChange, value },\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({ name, ...uniformFieldProps });\n\n  // classNames from slots\n  const variants = datePickerVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n  const resolvedTimeZone = resolveDatePickerTimeZone(withTime, timeZone);\n\n  // Normalize incoming form value into HeroUI's DateValue shape so the field can\n  // render consistently from UTC strings, local strings, Date instances, or DateValue objects.\n  const parsedValue = parseDateValue(\n    value,\n    withTime ? resolvedTimeZone : timeZone,\n  );\n\n  // Build the default placeholder value for time-enabled pickers.\n  const placeholderValue = getDatePickerPlaceholderValue(withTime, timeZone);\n\n  // Parse ISO boundary strings into HeroUI DateValue objects.\n  const parsedMinValue = parseDateValue(\n    minValue,\n    withTime ? resolvedTimeZone : timeZone,\n  ) as unknown as HeroDatePickerProps['minValue'];\n  const parsedMaxValue = parseDateValue(\n    maxValue,\n    withTime ? resolvedTimeZone : timeZone,\n  ) as unknown as HeroDatePickerProps['maxValue'];\n\n  // Normalize DatePicker output into the configured storage format before writing to form state.\n  const handleChange = (nextValue: DatePickerValue) => {\n    if (nextValue == null) {\n      onChange(null);\n      return;\n    }\n\n    if (valueType === 'dateValue') {\n      onChange(nextValue);\n      return;\n    }\n\n    // String mode always stores UTC ISO values so form state is timezone-neutral\n    // and comparable across users/locales.\n    onChange(\n      dateValueToUtcIsoString(nextValue, resolvedTimeZone ?? 'UTC') ??\n        String(nextValue),\n    );\n  };\n\n  return (\n    <HeroDatePicker\n      aria-label={label ? undefined : ariaLabel}\n      classNames={{\n        base: classNames.base,\n        calendar: classNames.calendar,\n        calendarContent: classNames.calendarContent,\n        helperWrapper: classNames.helperWrapper,\n        inputWrapper: classNames.inputWrapper,\n        popoverContent: classNames.popoverContent,\n        selectorButton: classNames.selectorButton,\n        selectorIcon: classNames.selectorIcon,\n        timeInput: classNames.timeInput,\n        timeInputLabel: classNames.timeInputLabel,\n      }}\n      data-testid={testId}\n      errorMessage={errorMessage}\n      granularity={withTime ? 'minute' : 'day'}\n      hideTimeZone={hideTimeZone}\n      hourCycle={hourCycle}\n      id={testId}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isRequired={required}\n      label={label}\n      labelPlacement=\"outside\"\n      maxValue={parsedMaxValue}\n      minValue={parsedMinValue}\n      name={name}\n      onBlur={onBlur}\n      onChange={handleChange}\n      placeholderValue={placeholderValue}\n      radius=\"sm\"\n      value={parsedValue}\n      variant=\"bordered\"\n    />\n  );\n};\n\nexport default DatePicker;\n","import DatePicker from './DatePicker';\n\nexport type { DatePickerProps } from './DatePicker';\n\nexport { DatePicker };\n\nexport default DatePicker;\n"],"mappings":";;;;;;;;AAiBA,MAAM,qBAAqB,UAAoC;CAC7D,OAAO;AACT;;AAGA,MAAM,mBAAmB,UAAoC;CAC3D,OAAO,CAAC,CAAC,SAAS,OAAO,UAAU,YAAY,cAAc;AAC/D;;AAGA,MAAM,yBAAyB,UAA2B;CACxD,OAAO,sBAAsB,KAAK,KAAK,KAAK,CAAC,oBAAoB,KAAK;AACxE;;AAGA,MAAM,uBAAuB,UAA2B;CACtD,IAAI,MAAM,SAAS,GAAG,KAAK,MAAM,SAAS,GAAG,GAC3C,OAAO;CAGT,OAAO,4BAA4B,KAAK,KAAK;AAC/C;;AAGA,MAAM,YAAY,WAA2C;CAC3D,IAAI;EACF,OAAO,kBAAkB,OAAO,CAAC;CACnC,QAAQ;EACN,OAAO;CACT;AACF;;;;;;;;AASA,MAAa,kBACX,OACA,aACoB;CACpB,IAAI,SAAS,QAAQ,UAAU,IAC7B,OAAO;CAGT,IAAI,gBAAgB,KAAK,GACvB,OAAO,kBAAkB,KAAK;CAGhC,IAAI,iBAAiB,MACnB,OAAO,kBACL,YAAA,GAAA,wBAAA,eACkB,MAAM,YAAY,GAAG,QAAQ,KAAA,GAAA,wBAAA,sBACtB,MAAM,YAAY,CAAC,CAC9C;CAGF,IAAI,OAAO,UAAU,UACnB,OAAO;CAGT,MAAM,kBAAkB,MAAM,KAAK;CACnC,IAAI,oBAAoB,IACtB,OAAO;CAGT,IAAI,sBAAsB,KAAK,eAAe,GAC5C,OAAO,eAAe;EACpB,QAAA,GAAA,wBAAA,WAAiB,eAAe;CAClC,CAAC;CA2BH,OACE;EAxBA,GAAI,YAAY,sBAAsB,eAAe,IACjD,OACQ;GACJ,QAAA,GAAA,wBAAA,oBAA0B,GAAG,gBAAgB,GAAG,SAAS,EAAE;EAC7D,CACF,IACA,CAAC;QACC;GACJ,OAAO,YAAA,GAAA,wBAAA,eACW,iBAAiB,QAAQ,KAAA,GAAA,wBAAA,sBAClB,eAAe;EAC1C;QACM;GACJ,QAAA,GAAA,wBAAA,oBAA0B,eAAe;EAC3C;QACM;GACJ,QAAA,GAAA,wBAAA,eAAqB,eAAe;EACtC;QACM;GACJ,QAAA,GAAA,wBAAA,WAAiB,eAAe;EAClC;CAIM,EACH,KAAK,WAAW;EACf,OAAO,SAAS,MAAM;CACxB,CAAC,EACA,MAAM,gBAAgB;EACrB,OAAO,eAAe;CACxB,CAAC,KAAK;AAEZ;;AAGA,MAAa,6BACX,UACA,aACuB;CACvB,IAAI,CAAC,UACH,OAAO;CAGT,OAAO,aAAA,GAAA,wBAAA,kBAA6B;AACtC;;AAGA,MAAa,iCACX,UACA,aACoB;CACpB,MAAM,mBAAmB,0BAA0B,UAAU,QAAQ;CACrE,IAAI,CAAC,oBAAoB,CAAC,UACxB;CAGF,OAAO,mBAAA,GAAA,wBAAA,KAAsB,gBAAgB,CAAC;AAChD;;;;;;;AAQA,MAAa,2BACX,OACA,aACkB;CAClB,IAAI,SAAS,MACX,OAAO;CAGT,MAAM,0BAA0B;CAChC,IAAI,OAAO,wBAAwB,qBAAqB,YACtD,OAAO,wBAAwB,iBAAiB;CAGlD,MAAM,kBAAkB;CACxB,IAAI,OAAO,gBAAgB,WAAW,YACpC,OAAO,gBAAgB,OAAO,QAAQ,EAAE,YAAY;CAGtD,OAAO;AACT;;;AC/JA,MAAa,sBAAA,GAAA,uBAAA,IAAwB,EACnC,OAAO;;CAEL,MAAM;;CAEN,eAAe,CAEb,KACF;;CAEA,UAAU;;CAEV,iBAAiB;;;;;;;;CAQjB,cAAc;;CAEd,gBAAgB;;CAEhB,gBAAgB;;CAEhB,cAAc;;CAEd,WAAW;;CAEX,gBAAgB;AAClB,EACF,CAAC;;;;AAmDD,MAAM,cAAc,EAClB,WAAW,aAAa,KAAA,GACxB,YAAY,IACZ,eAAe,OACf,WAAW,KAAA,GACX,WAAW,KAAA,GACX,MACA,WAAW,KAAA,GACX,YAAY,UACZ,WAAW,OACX,GAAG,wBACkB;CACrB,MAAM,EACJ,WACA,UACA,cACA,OAAO,EAAE,QAAQ,UAAU,SAC3B,SACA,OACA,UACA,WACEA,oCAAAA,gBAAgB;EAAE;EAAM,GAAG;CAAkB,CAAC;CAIlD,MAAM,cAAA,GAAA,uBAAA,sBADW,mBAC8B,GAAG,YAAY,MAAM;CACpE,MAAM,mBAAmB,0BAA0B,UAAU,QAAQ;CAIrE,MAAM,cAAc,eAClB,OACA,WAAW,mBAAmB,QAChC;CAGA,MAAM,mBAAmB,8BAA8B,UAAU,QAAQ;CAGzE,MAAM,iBAAiB,eACrB,UACA,WAAW,mBAAmB,QAChC;CACA,MAAM,iBAAiB,eACrB,UACA,WAAW,mBAAmB,QAChC;CAGA,MAAM,gBAAgB,cAA+B;EACnD,IAAI,aAAa,MAAM;GACrB,SAAS,IAAI;GACb;EACF;EAEA,IAAI,cAAc,aAAa;GAC7B,SAAS,SAAS;GAClB;EACF;EAIA,SACE,wBAAwB,WAAW,oBAAoB,KAAK,KAC1D,OAAO,SAAS,CACpB;CACF;CAEA,OACE,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,YAAD;EACE,cAAY,QAAQ,KAAA,IAAY;EAChC,YAAY;GACV,MAAM,WAAW;GACjB,UAAU,WAAW;GACrB,iBAAiB,WAAW;GAC5B,eAAe,WAAW;GAC1B,cAAc,WAAW;GACzB,gBAAgB,WAAW;GAC3B,gBAAgB,WAAW;GAC3B,cAAc,WAAW;GACzB,WAAW,WAAW;GACtB,gBAAgB,WAAW;EAC7B;EACA,eAAa;EACC;EACd,aAAa,WAAW,WAAW;EACrB;EACH;EACX,IAAI;EACJ,YAAY;EACZ,WAAW;EACX,YAAY;EACL;EACP,gBAAe;EACf,UAAU;EACV,UAAU;EACJ;EACE;EACR,UAAU;EACQ;EAClB,QAAO;EACP,OAAO;EACP,SAAQ;CACT,CAAA;AAEL;;;ACvMA,IAAA,qBAAe"}

package/dist/FieldArray/index.cjs

@@ -2,6 +2,6 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_FieldArray = require("../FieldArray-iHmWagv3.cjs");
+const require_FieldArray = require("../FieldArray-DgiQpIdr.cjs");
 exports.FieldArray = require_FieldArray.FieldArray;
 exports.default = require_FieldArray.FieldArray_default;

package/dist/{FieldArray-iHmWagv3.cjs → FieldArray-DgiQpIdr.cjs}

@@ -1,9 +1,9 @@
-require("./FormContext-CjDd8Zej.cjs");
+require("./FormContext-DsmS_mkO.cjs");
 const require_helpers_index = require("./helpers/index.cjs");
-const require_FieldValidationError = require("./FieldValidationError-BWrQN-Im.cjs");
+const require_FieldValidationError = require("./FieldValidationError-BQcvvU9i.cjs");
 const require_hooks_useUniformField_index = require("./hooks/useUniformField/index.cjs");
 const require_hooks_useUniformFieldArray_index = require("./hooks/useUniformFieldArray/index.cjs");
-const require_Grid = require("./Grid-RbL6tNfn.cjs");
+const require_Grid = require("./Grid-D-VcRGi9.cjs");
 let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
 let react = require("react");
 let _fuf_stack_pixels = require("@fuf-stack/pixels");
@@ -503,4 +503,4 @@ Object.defineProperty(exports, "FieldArray_default", {
 	}
 });
 
-//# sourceMappingURL=FieldArray-iHmWagv3.cjs.map
+//# sourceMappingURL=FieldArray-DgiQpIdr.cjs.map

package/dist/{FieldArray-iHmWagv3.cjs.map → FieldArray-DgiQpIdr.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"FieldArray-iHmWagv3.cjs","names":["Button","FaPlus","FaCopy","VscInsert","FaTimes","Menu","Button","FaTimes","motion","FaGripVertical","CSS","AnimatePresence","motion","Grid","useUniformField","useUniformField","AnimatePresence","motion","FieldValidationError","PointerSensor","KeyboardSensor","DndContext","closestCenter","restrictToVerticalAxis","restrictToWindowEdges","SortableContext","verticalListSortingStrategy","useUniformFieldArray","flatArrayKey"],"sources":["../src/FieldArray/subcomponents/ElementAppendButton.tsx","../src/FieldArray/subcomponents/ElementActionsMenu.tsx","../src/FieldArray/subcomponents/ElementRemoveButton.tsx","../src/FieldArray/subcomponents/SortDragHandle.tsx","../src/FieldArray/subcomponents/FieldArrayElement.tsx","../src/FieldArray/subcomponents/FieldArrayLabel.tsx","../src/FieldArray/subcomponents/FieldArrayValidationError.tsx","../src/FieldArray/subcomponents/SortContext.tsx","../src/FieldArray/FieldArray.tsx","../src/FieldArray/index.ts"],"sourcesContent":["import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaPlus } from 'react-icons/fa';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface ElementAppendButtonProps {\n  /** text of the append element button */\n  appendButtonText?: string;\n  /** CSS class name */\n  className?: ClassValue;\n  /** click handler */\n  onClick: () => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst ElementAppendButton = ({\n  appendButtonText = 'Add Element',\n  className = undefined,\n  onClick,\n  testId = undefined,\n}: ElementAppendButtonProps) => {\n  return (\n    <Button\n      disableAnimation\n      className={cn(className)}\n      onClick={onClick}\n      size=\"sm\"\n      testId={testId}\n      variant=\"light\"\n    >\n      <FaPlus />\n      <span>{appendButtonText}</span>\n    </Button>\n  );\n};\n\nexport default ElementAppendButton;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\nimport type { MenuItem } from '@fuf-stack/pixels';\nimport type { Key } from 'react';\nimport type { FieldArrayElementMethods } from './FieldArrayElement';\n\nimport { FaCopy, FaTimes } from 'react-icons/fa';\nimport { VscInsert } from 'react-icons/vsc';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Menu } from '@fuf-stack/pixels';\n\nexport interface ElementActionsMenuProps {\n  /** CSS class name */\n  className?: ClassValue;\n  /** Whether duplicate action is available */\n  duplicate?: boolean;\n  /** Whether insert after action is available */\n  insertAfter?: boolean;\n  /** Whether to show remove button (false when last element is not deletable) */\n  showRemove?: boolean;\n  /** Field array operation methods */\n  methods: FieldArrayElementMethods;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Menu component for field array element actions (remove, duplicate, insert after)\n */\nconst ElementActionsMenu = ({\n  className = undefined,\n  duplicate = false,\n  insertAfter = false,\n  showRemove = true,\n  methods,\n  testId = undefined,\n}: ElementActionsMenuProps) => {\n  const handleAction = (key: Key) => {\n    switch (key) {\n      case 'remove':\n        methods.remove();\n        break;\n      case 'duplicate':\n        methods.duplicate();\n        break;\n      case 'insertAfter':\n        methods.insert();\n        break;\n      default:\n        break;\n    }\n  };\n\n  // Build menu items based on available actions\n  const menuItems: MenuItem[] = [];\n\n  if (duplicate) {\n    menuItems.push({\n      key: 'duplicate',\n      label: 'Duplicate',\n      icon: <FaCopy />,\n    });\n  }\n\n  if (insertAfter) {\n    menuItems.push({\n      key: 'insertAfter',\n      label: 'Insert After',\n      icon: <VscInsert />,\n    });\n  }\n\n  if (showRemove) {\n    menuItems.push({\n      key: 'remove',\n      className: 'text-danger',\n      label: 'Remove',\n      icon: <FaTimes />,\n    });\n  }\n\n  return (\n    <Menu\n      ariaLabel=\"Element actions\"\n      items={menuItems}\n      onAction={handleAction}\n      placement=\"right\"\n      testId={testId}\n      triggerButtonProps={{\n        className: cn(className),\n        disableRipple: true,\n        size: 'md',\n        variant: 'light',\n      }}\n    />\n  );\n};\n\nexport default ElementActionsMenu;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaTimes } from 'react-icons/fa';\n\nimport { motion } from '@fuf-stack/pixel-motion';\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface ElementRemoveButtonProps {\n  /** CSS class name */\n  className?: ClassValue;\n  /** Globally disable animations (used for first render or prefers-reduced-motion) */\n  disableAnimation?: boolean;\n  /** click handler */\n  onClick: () => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst ElementRemoveButton = ({\n  className = undefined,\n  disableAnimation = false,\n  onClick,\n  testId = undefined,\n}: ElementRemoveButtonProps) => {\n  const button = (\n    <Button\n      ariaLabel=\"remove element\"\n      className={cn(className)}\n      color=\"danger\"\n      icon={<FaTimes />}\n      onClick={onClick}\n      size=\"sm\"\n      testId={testId}\n      variant=\"light\"\n    />\n  );\n\n  if (disableAnimation) {\n    return button;\n  }\n\n  return (\n    <motion.div\n      animate={{ opacity: 1, width: 'auto' }}\n      className=\"flex\"\n      exit={{ opacity: 0, width: 0 }}\n      initial={{ opacity: 0, width: 0 }}\n      transition={{ duration: 0.2 }}\n    >\n      {button}\n    </motion.div>\n  );\n};\n\nexport default ElementRemoveButton;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaGripVertical } from 'react-icons/fa';\n\nimport { useSortable } from '@dnd-kit/sortable';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\ninterface SortDragHandleProps {\n  /** Optional CSS class name */\n  className?: ClassValue;\n  /** Unique identifier for sortable item */\n  id: string | number;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Drag handle component that integrates with dnd-kit sortable functionality.\n * Renders a vertical grip icon that can be used to reorder items.\n */\nconst SortDragHandle = ({\n  className = undefined,\n  id,\n  testId = undefined,\n}: SortDragHandleProps) => {\n  // Get dnd-kit sortable attributes and listeners\n  const { attributes, listeners } = useSortable({ id });\n\n  return (\n    <div\n      className={cn(className)}\n      data-testid={testId}\n      {...attributes}\n      {...listeners}\n    >\n      <FaGripVertical />\n    </div>\n  );\n};\n\nexport default SortDragHandle;\n","import type { Variants as MotionVariants } from '@fuf-stack/pixel-motion';\nimport type { ClassValue } from '@fuf-stack/pixel-utils';\nimport type { FieldArrayFeatures } from '../types';\n\nimport { useState } from 'react';\n\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nimport { AnimatePresence, motion } from '@fuf-stack/pixel-motion';\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { Grid } from '../../Grid';\nimport ElementActionsMenu from './ElementActionsMenu';\nimport ElementRemoveButton from './ElementRemoveButton';\nimport SortDragHandle from './SortDragHandle';\n\nexport interface FieldArrayElementMethods {\n  /** Add new element at end */\n  append: () => void;\n  /** Clone current element */\n  duplicate: () => void;\n  /** Add new element after current */\n  insert: () => void;\n  /** Remove current element */\n  remove: () => void;\n}\n\ninterface FieldArrayElementProps extends FieldArrayFeatures {\n  /** Form elements to render inside array element */\n  children: React.ReactNode;\n  /** CSS class names for component parts */\n  className: {\n    /** Class of wrapper grid inside the li that wraps the rendered element fields directly */\n    elementFieldsGrid?: ClassValue;\n    /** Class for the li (performs motion animations) */\n    listItem?: ClassValue;\n    /** Class for the li inner div (wraps the rendered element fields) */\n    listItemInner?: ClassValue;\n    /** Class for the actions menu button */\n    actionsMenuButton?: ClassValue;\n    /** Class for the remove element button (when menu is not used) */\n    removeButton?: ClassValue;\n    /** Class for the drag handle when sorting enabled */\n    sortDragHandle?: ClassValue;\n  };\n  /** Globally disable animations for this item (used for first render or prefers-reduced-motion) */\n  disableAnimation?: boolean;\n  /** Bottom margin for elements (for backwards compatibility) */\n  elementMarginBottom?: React.CSSProperties['marginBottom'];\n  /** All fields in the form array */\n  fields: Record<'id', string>[];\n  /** Unique identifier for drag/drop */\n  id: string | number;\n  /** Field index in array */\n  index: number;\n  /** Prevent deletion of last remaining element */\n  lastNotDeletable?: boolean;\n  /** Field array operation methods */\n  methods: FieldArrayElementMethods;\n  /** HTML data-testid of the element */\n  testId?: string;\n}\n\n/**\n * Form array element component using react-hook-form with drag-drop sorting\n * and validation capabilities. Animations when elements are added or removed\n * improve the user experience and provide a better visual feedback.\n */\nconst FieldArrayElement = ({\n  children,\n  className,\n  disableAnimation = false,\n  duplicate = false,\n  elementMarginBottom: _elementMarginBottom = undefined,\n  fields,\n  id,\n  index: _index,\n  insertAfter = false,\n  lastNotDeletable = true,\n  methods,\n  sortable = false,\n  testId = undefined,\n}: FieldArrayElementProps) => {\n  // Apply transform styles when sortable is enabled for smooth drag animations\n  // transform: handles the item's position during drag\n  // transition: controls the animation timing when dropping\n  const { setNodeRef, transform, transition, isDragging } = useSortable({ id });\n  const sortingStyle = sortable\n    ? {\n        transform: CSS.Translate.toString(transform),\n        transition,\n        zIndex: isDragging ? 50 : undefined,\n      }\n    : undefined;\n\n  // Local visibility to allow exit animation before removing from RHF state\n  const [isVisible, setIsVisible] = useState(true);\n\n  // Motion variants for the list item\n  const listItemMotionVariants: MotionVariants = {\n    hidden: { opacity: 0, height: 0, marginBottom: 0 },\n    visible: {\n      opacity: 1,\n      height: 'auto',\n      transition: { duration: 0.2, ease: 'circOut' },\n      // push last visible item down to overlap with append button (hide double border)\n      marginBottom: '-1px',\n    },\n    exit: {\n      opacity: 0,\n      height: 0,\n      marginBottom: 0,\n      transition: {\n        // on exit first fade out, then shrink\n        opacity: { duration: 0.1, ease: 'circOut' },\n        height: { delay: 0.1, duration: 0.2, ease: 'circOut' },\n      },\n    },\n  };\n\n  // Height animation handled on <motion.li> using overflow hidden\n  return (\n    <AnimatePresence\n      mode=\"wait\"\n      // remove from RHF state after exit animation\n      onExitComplete={() => {\n        methods.remove();\n      }}\n    >\n      {isVisible ? (\n        <motion.li\n          key={id}\n          ref={setNodeRef}\n          animate={disableAnimation ? undefined : 'visible'}\n          className={cn(className.listItem)}\n          data-dragging={isDragging}\n          data-testid={`${testId}_element`}\n          exit={disableAnimation ? undefined : 'exit'}\n          initial={disableAnimation ? false : 'hidden'}\n          style={sortingStyle}\n          variants={disableAnimation ? undefined : listItemMotionVariants}\n        >\n          <div className={cn(className.listItemInner)}>\n            {/** sorting drag handle */}\n            {sortable ? (\n              <SortDragHandle\n                className={className.sortDragHandle}\n                id={id}\n                testId={`${testId}_sort_drag_handle`}\n              />\n            ) : null}\n\n            {/** render element fields in Grid component */}\n            <Grid\n              className={cn(className.elementFieldsGrid)}\n              testId={`${testId}_element_fields_grid`}\n            >\n              {/* render actual fields */}\n              {children}\n            </Grid>\n\n            {/** actions menu when duplicate or insertAfter is enabled */}\n            {duplicate || insertAfter ? (\n              <ElementActionsMenu\n                className={className.actionsMenuButton}\n                duplicate={duplicate}\n                insertAfter={insertAfter}\n                showRemove={!(lastNotDeletable && fields.length === 1)}\n                testId={`${testId}_actions_menu`}\n                methods={{\n                  ...methods,\n                  remove: () => {\n                    if (disableAnimation) {\n                      methods.remove();\n                    } else {\n                      setIsVisible(false);\n                    }\n                  },\n                }}\n              />\n            ) : (\n              <>\n                {/** remove element button (when menu is not used) */}\n                <AnimatePresence initial={false}>\n                  {lastNotDeletable && fields.length === 1 ? null : (\n                    <ElementRemoveButton\n                      key=\"remove-button\"\n                      className={className.removeButton}\n                      disableAnimation={disableAnimation}\n                      testId={`${testId}_remove_button`}\n                      onClick={() => {\n                        if (disableAnimation) {\n                          methods.remove();\n                        } else {\n                          setIsVisible(false);\n                        }\n                      }}\n                    />\n                  )}\n                </AnimatePresence>\n              </>\n            )}\n          </div>\n        </motion.li>\n      ) : null}\n    </AnimatePresence>\n  );\n};\n\nexport default FieldArrayElement;\n","import type { ReactNode } from 'react';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../../hooks/useUniformField';\n\nexport interface FieldArrayLabelProps {\n  /** CSS class name */\n  className?: string;\n  /** Label content */\n  label: ReactNode;\n  /** Field name */\n  name: string;\n}\n\n/**\n * Renders the label for a FieldArray component.\n *\n * This component handles displaying the array label with proper accessibility\n * attributes using the label props from useUniformField.\n */\nconst FieldArrayLabel = ({\n  className = undefined,\n  label: _label,\n  name,\n}: FieldArrayLabelProps) => {\n  const { error, getLabelProps, invalid, label } = useUniformField({\n    name,\n    label: _label,\n  });\n\n  // when no label is provided, don't render anything\n  if (!_label) {\n    return null;\n  }\n\n  // @ts-expect-error - error._errors exists but not typed\n  const hasErrors = invalid && error?._errors;\n\n  return (\n    <div\n      {...getLabelProps()}\n      aria-level={3}\n      role=\"heading\"\n      className={cn(getLabelProps()?.className, className, {\n        // when there are no array level errors, the label should have foreground color\n        'text-foreground!': !hasErrors,\n      })}\n    >\n      {label}\n    </div>\n  );\n};\n\nexport default FieldArrayLabel;\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 FieldArrayValidationErrorProps {\n  /** Field name */\n  name: string;\n}\n\n/**\n * Renders array-level validation errors for FieldArray.\n *\n * This component handles validation errors that apply to the entire array\n * (e.g., \"Array must contain at least 3 elements\", \"Array elements are not unique\"),\n * as opposed to field-level errors which apply to individual array elements.\n *\n * The component wraps errors in the proper accessibility markup and animates\n * them in/out using Framer Motion when they appear or are resolved.\n */\nconst FieldArrayValidationError = ({\n  name,\n}: FieldArrayValidationErrorProps) => {\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-array-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.4, ease: 'circOut' }}\n          animate={\n            disableAnimation ? undefined : { opacity: 1, height: 'auto' }\n          }\n        >\n          <div\n            {...getHelperWrapperProps()}\n            className={cn(\n              getHelperWrapperProps()?.className,\n              // force helper to be visible and add padding (pt-1 to compensate for inner content's top padding)\n              'block px-3 pb-2 pt-1',\n            )}\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 FieldArrayValidationError;\n","import type { DragEndEvent } from '@dnd-kit/core';\nimport type { ReactNode } from 'react';\nimport type { UseFieldArrayMove } from 'react-hook-form';\n\nimport { useFormContext } from 'react-hook-form';\n\nimport {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport {\n  restrictToVerticalAxis,\n  restrictToWindowEdges,\n} from '@dnd-kit/modifiers';\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\n\ninterface SortContextProps {\n  /** child components */\n  children: ReactNode;\n  /** Array of objects containing unique IDs for sortable items */\n  fields: Record<'id', string>[];\n  /** name of the field array */\n  name: string;\n  /** react-hook-form's move function to update field array indices */\n  move: UseFieldArrayMove;\n  /** enable/disable sorting functionality */\n  sortable: boolean;\n}\n\n/**\n * A wrapper component that provides drag-and-drop sorting functionality for field arrays\n * using dnd-kit and react-hook-form.\n *\n * This component integrates with react-hook-form's field arrays to enable vertical\n * drag-and-drop reordering of form fields. It supports both pointer (mouse/touch)\n * and keyboard interactions for accessibility.\n */\nconst SortContext = ({\n  children,\n  fields,\n  move,\n  name,\n  sortable,\n}: SortContextProps): ReactNode => {\n  const { trigger } = useFormContext();\n\n  // Initialize sensors for both pointer (mouse/touch) and keyboard interactions\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor),\n  );\n\n  // Early return if sorting is disabled\n  if (!sortable) {\n    return children;\n  }\n\n  /**\n   * Handles the end of a drag operation by updating field positions\n   * @param event - The drag end event containing active and over elements\n   */\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event;\n\n    // Only move if dropping over a different item\n    if (active.id !== over?.id) {\n      // Find the indices of the dragged item and drop target\n      const oldIndex = fields.findIndex((field) => {\n        return field.id === active.id;\n      });\n      const newIndex = fields.findIndex((field) => {\n        return field.id === over?.id;\n      });\n      // Update the field array order using react-hook-form's move function\n      move(oldIndex, newIndex);\n\n      // Finally trigger validation for the array field,\n      // so validation errors are updated for the new order\n      trigger(name);\n    }\n  };\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      modifiers={[restrictToVerticalAxis, restrictToWindowEdges]}\n      onDragEnd={handleDragEnd}\n      sensors={sensors}\n    >\n      <SortableContext\n        strategy={verticalListSortingStrategy}\n        items={fields.map((field) => {\n          return field.id;\n        })}\n      >\n        {children}\n      </SortableContext>\n    </DndContext>\n  );\n};\n\nexport default SortContext;\n","import type { FieldArrayElementMethods } from './subcomponents/FieldArrayElement';\nimport type { FieldArrayProps } from './types';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { flatArrayKey } from '../helpers';\nimport { useUniformFieldArray } from '../hooks/useUniformFieldArray';\nimport ElementAppendButton from './subcomponents/ElementAppendButton';\nimport FieldArrayElement from './subcomponents/FieldArrayElement';\nimport FieldArrayLabel from './subcomponents/FieldArrayLabel';\nimport FieldArrayValidationError from './subcomponents/FieldArrayValidationError';\nimport SortContext from './subcomponents/SortContext';\n\nexport const fieldArrayVariants = tv({\n  slots: {\n    /** base class for the field array wrapper */\n    base: [\n      // base styles\n      'overflow-hidden rounded-small border border-divider bg-content1',\n      // divider between items\n      'divide-y divide-divider',\n    ],\n    /** class for the actions menu button */\n    actionsMenuButton: [\n      // base styles\n      'flex items-center justify-center text-default-600',\n      // fixed height/no round corners/center align\n      'h-full rounded-none',\n      // focus styles - inset ring\n      'outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus',\n    ],\n    /** class for the append button */\n    appendButton: [\n      // base styles\n      'w-full justify-start rounded-b-small rounded-t-none font-semibold',\n      // match label height (p-3 = 12px vertical padding + text-base line height)\n      '!h-[48px] !min-h-0',\n      // focus styles - inset ring with rounded bottom corners to match container\n      'outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus',\n    ],\n    /** class for the element fields grid */\n    elementFieldsGrid: ['w-full grow p-3'],\n    /** class for the label */\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) instead of text-base for correct 48px height\n      'rounded-t-small p-3 font-semibold text-medium',\n    ],\n    /** class for the list */\n    list: ['overflow-hidden'],\n    /** class for the list wrapper */\n    listWrapper: ['overflow-hidden'],\n    /** class for the list item (performs motion animations) */\n    listItem: [\n      // base styles\n      'group relative flex flex-row',\n      // overlap borders by shifting first item up 1px (similar to how last item overlaps with append button)\n      'first:-mt-px',\n    ],\n    /** class for the list item inner */\n    listItemInner: [\n      // base styles\n      'flex w-full flex-row items-stretch divide-divider bg-content1',\n      // x division and borders\n      'divide-x divide-solid border-b border-t border-divider',\n    ],\n    /** class for the remove button */\n    removeButton: [\n      // base styles\n      'flex items-center justify-center',\n      // fixed height/no round corners\n      '!h-full !min-h-0 !rounded-none px-3',\n      // focus styles - inset ring\n      'outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus',\n    ],\n    /** class for the sort drag handle */\n    sortDragHandle: [\n      // base styles\n      'flex cursor-grab items-center justify-center px-2 text-default-600 transition-colors',\n      // hover and  dragging state\n      'hover:bg-default-100 active:cursor-grabbing group-data-[dragging=true]:bg-default-100',\n      // focus styles - inset ring\n      'outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus',\n    ],\n  },\n  variants: {\n    hasLabel: {\n      false: {\n        // focus styles - when there is no label, the first item actions menu button should have rounded top right corners\n        actionsMenuButton:\n          'group-[:first-child]:!rounded-tr-small group-[:first-child]:group-data-[dragging=true]:!rounded-tr-none',\n        // focus styles - when there is no label, the first item remove button focus ring should have rounded top right corners\n        removeButton:\n          'group-[:first-child]:!rounded-tr-small group-[:first-child]:group-data-[dragging=true]:!rounded-tr-none',\n        // focus styles - when there is no label, the first item sort drag handle focus ring should have rounded top left corners\n        sortDragHandle:\n          'group-[:first-child]:rounded-tl-small group-[:first-child]:group-data-[dragging=true]:rounded-tl-none',\n      },\n    },\n  },\n});\n\n/**\n * FieldArray component based in [RHF useFieldArray](https://react-hook-form.com/docs/usefieldarray)\n */\nconst FieldArray = ({\n  appendButtonText = 'Add Element',\n  children,\n  className: _className = undefined,\n  duplicate = false,\n  elementInitialValue: _elementInitialValue = null,\n  elementMarginBottom = undefined,\n  flat = false,\n  insertAfter = false,\n  lastElementNotRemovable = false,\n  name,\n  sortable = false,\n  ...uniformFieldProps\n}: FieldArrayProps) => {\n  const {\n    fields,\n    append,\n    remove,\n    insert,\n    move,\n    disableAnimation,\n    elementInitialValue,\n    getValues,\n    testId,\n  } = useUniformFieldArray({\n    name,\n    flat,\n    elementInitialValue: _elementInitialValue,\n    lastElementNotRemovable,\n    ...uniformFieldProps,\n  });\n\n  // className from slots\n  const variants = fieldArrayVariants({ hasLabel: !!uniformFieldProps.label });\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <div className={className.base}>\n      {/* field array label */}\n      <FieldArrayLabel\n        className={className.label}\n        label={uniformFieldProps.label}\n        name={name}\n      />\n\n      {fields.length ? (\n        /* list wrapper */\n        <div className={cn(className.listWrapper)}>\n          {/* sortable context */}\n          <SortContext\n            fields={fields}\n            move={move}\n            name={name}\n            sortable={sortable}\n          >\n            {/* list container */}\n            <ul className={className.list} data-testid={testId}>\n              {/* fields / list elements  */}\n              {fields.map((field, index) => {\n                const elementName = flat\n                  ? `${name}.${index}.${flatArrayKey}`\n                  : `${name}.${index}`;\n                const elementTestId = `${testId}_${index}`;\n\n                // create methods for element\n                const elementMethods: FieldArrayElementMethods = {\n                  append: () => {\n                    append(elementInitialValue);\n                  },\n                  duplicate: () => {\n                    const values = getValues(name);\n                    const currentValue = (values as unknown[])[index];\n                    const nextValue = flat\n                      ? { [flatArrayKey]: currentValue }\n                      : currentValue;\n                    insert(index + 1, nextValue);\n                  },\n                  insert: () => {\n                    insert(index + 1, elementInitialValue);\n                  },\n                  remove: () => {\n                    remove(index);\n                  },\n                };\n\n                return (\n                  <FieldArrayElement\n                    key={field.id}\n                    className={className}\n                    disableAnimation={disableAnimation}\n                    duplicate={duplicate}\n                    elementMarginBottom={elementMarginBottom}\n                    fields={fields}\n                    id={field.id}\n                    index={index}\n                    insertAfter={insertAfter}\n                    lastNotDeletable={lastElementNotRemovable}\n                    methods={elementMethods}\n                    sortable={sortable}\n                    testId={elementTestId}\n                  >\n                    {children({\n                      index,\n                      length: fields.length,\n                      methods: elementMethods,\n                      name: elementName,\n                      testId: elementTestId,\n                    })}\n                  </FieldArrayElement>\n                );\n              })}\n            </ul>\n          </SortContext>\n        </div>\n      ) : null}\n\n      {/* top level field array errors */}\n      <FieldArrayValidationError name={name} />\n\n      {/* append elements button */}\n      <ElementAppendButton\n        appendButtonText={appendButtonText}\n        className={className.appendButton}\n        testId={`${testId}_append_button`}\n        onClick={() => {\n          append(elementInitialValue);\n        }}\n      />\n    </div>\n  );\n};\n\nexport default FieldArray;\n","import FieldArray from './FieldArray';\n\nexport type * from './types';\n\nexport { FieldArray };\n\nexport default FieldArray;\n"],"mappings":"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"}
+{"version":3,"file":"FieldArray-DgiQpIdr.cjs","names":["Button","FaPlus","FaCopy","VscInsert","FaTimes","Menu","Button","FaTimes","motion","FaGripVertical","CSS","AnimatePresence","motion","Grid","useUniformField","useUniformField","AnimatePresence","motion","FieldValidationError","PointerSensor","KeyboardSensor","DndContext","closestCenter","restrictToVerticalAxis","restrictToWindowEdges","SortableContext","verticalListSortingStrategy","useUniformFieldArray","flatArrayKey"],"sources":["../src/FieldArray/subcomponents/ElementAppendButton.tsx","../src/FieldArray/subcomponents/ElementActionsMenu.tsx","../src/FieldArray/subcomponents/ElementRemoveButton.tsx","../src/FieldArray/subcomponents/SortDragHandle.tsx","../src/FieldArray/subcomponents/FieldArrayElement.tsx","../src/FieldArray/subcomponents/FieldArrayLabel.tsx","../src/FieldArray/subcomponents/FieldArrayValidationError.tsx","../src/FieldArray/subcomponents/SortContext.tsx","../src/FieldArray/FieldArray.tsx","../src/FieldArray/index.ts"],"sourcesContent":["import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaPlus } from 'react-icons/fa';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface ElementAppendButtonProps {\n  /** text of the append element button */\n  appendButtonText?: string;\n  /** CSS class name */\n  className?: ClassValue;\n  /** click handler */\n  onClick: () => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst ElementAppendButton = ({\n  appendButtonText = 'Add Element',\n  className = undefined,\n  onClick,\n  testId = undefined,\n}: ElementAppendButtonProps) => {\n  return (\n    <Button\n      disableAnimation\n      className={cn(className)}\n      onClick={onClick}\n      size=\"sm\"\n      testId={testId}\n      variant=\"light\"\n    >\n      <FaPlus />\n      <span>{appendButtonText}</span>\n    </Button>\n  );\n};\n\nexport default ElementAppendButton;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\nimport type { MenuItem } from '@fuf-stack/pixels';\nimport type { Key } from 'react';\nimport type { FieldArrayElementMethods } from './FieldArrayElement';\n\nimport { FaCopy, FaTimes } from 'react-icons/fa';\nimport { VscInsert } from 'react-icons/vsc';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Menu } from '@fuf-stack/pixels';\n\nexport interface ElementActionsMenuProps {\n  /** CSS class name */\n  className?: ClassValue;\n  /** Whether duplicate action is available */\n  duplicate?: boolean;\n  /** Whether insert after action is available */\n  insertAfter?: boolean;\n  /** Whether to show remove button (false when last element is not deletable) */\n  showRemove?: boolean;\n  /** Field array operation methods */\n  methods: FieldArrayElementMethods;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Menu component for field array element actions (remove, duplicate, insert after)\n */\nconst ElementActionsMenu = ({\n  className = undefined,\n  duplicate = false,\n  insertAfter = false,\n  showRemove = true,\n  methods,\n  testId = undefined,\n}: ElementActionsMenuProps) => {\n  const handleAction = (key: Key) => {\n    switch (key) {\n      case 'remove':\n        methods.remove();\n        break;\n      case 'duplicate':\n        methods.duplicate();\n        break;\n      case 'insertAfter':\n        methods.insert();\n        break;\n      default:\n        break;\n    }\n  };\n\n  // Build menu items based on available actions\n  const menuItems: MenuItem[] = [];\n\n  if (duplicate) {\n    menuItems.push({\n      key: 'duplicate',\n      label: 'Duplicate',\n      icon: <FaCopy />,\n    });\n  }\n\n  if (insertAfter) {\n    menuItems.push({\n      key: 'insertAfter',\n      label: 'Insert After',\n      icon: <VscInsert />,\n    });\n  }\n\n  if (showRemove) {\n    menuItems.push({\n      key: 'remove',\n      className: 'text-danger',\n      label: 'Remove',\n      icon: <FaTimes />,\n    });\n  }\n\n  return (\n    <Menu\n      ariaLabel=\"Element actions\"\n      items={menuItems}\n      onAction={handleAction}\n      placement=\"right\"\n      testId={testId}\n      triggerButtonProps={{\n        className: cn(className),\n        disableRipple: true,\n        size: 'md',\n        variant: 'light',\n      }}\n    />\n  );\n};\n\nexport default ElementActionsMenu;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaTimes } from 'react-icons/fa';\n\nimport { motion } from '@fuf-stack/pixel-motion';\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface ElementRemoveButtonProps {\n  /** CSS class name */\n  className?: ClassValue;\n  /** Globally disable animations (used for first render or prefers-reduced-motion) */\n  disableAnimation?: boolean;\n  /** click handler */\n  onClick: () => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst ElementRemoveButton = ({\n  className = undefined,\n  disableAnimation = false,\n  onClick,\n  testId = undefined,\n}: ElementRemoveButtonProps) => {\n  const button = (\n    <Button\n      ariaLabel=\"remove element\"\n      className={cn(className)}\n      color=\"danger\"\n      icon={<FaTimes />}\n      onClick={onClick}\n      size=\"sm\"\n      testId={testId}\n      variant=\"light\"\n    />\n  );\n\n  if (disableAnimation) {\n    return button;\n  }\n\n  return (\n    <motion.div\n      animate={{ opacity: 1, width: 'auto' }}\n      className=\"flex\"\n      exit={{ opacity: 0, width: 0 }}\n      initial={{ opacity: 0, width: 0 }}\n      transition={{ duration: 0.2 }}\n    >\n      {button}\n    </motion.div>\n  );\n};\n\nexport default ElementRemoveButton;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaGripVertical } from 'react-icons/fa';\n\nimport { useSortable } from '@dnd-kit/sortable';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\ninterface SortDragHandleProps {\n  /** Optional CSS class name */\n  className?: ClassValue;\n  /** Unique identifier for sortable item */\n  id: string | number;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Drag handle component that integrates with dnd-kit sortable functionality.\n * Renders a vertical grip icon that can be used to reorder items.\n */\nconst SortDragHandle = ({\n  className = undefined,\n  id,\n  testId = undefined,\n}: SortDragHandleProps) => {\n  // Get dnd-kit sortable attributes and listeners\n  const { attributes, listeners } = useSortable({ id });\n\n  return (\n    <div\n      className={cn(className)}\n      data-testid={testId}\n      {...attributes}\n      {...listeners}\n    >\n      <FaGripVertical />\n    </div>\n  );\n};\n\nexport default SortDragHandle;\n","import type { Variants as MotionVariants } from '@fuf-stack/pixel-motion';\nimport type { ClassValue } from '@fuf-stack/pixel-utils';\nimport type { FieldArrayFeatures } from '../types';\n\nimport { useState } from 'react';\n\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nimport { AnimatePresence, motion } from '@fuf-stack/pixel-motion';\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { Grid } from '../../Grid';\nimport ElementActionsMenu from './ElementActionsMenu';\nimport ElementRemoveButton from './ElementRemoveButton';\nimport SortDragHandle from './SortDragHandle';\n\nexport interface FieldArrayElementMethods {\n  /** Add new element at end */\n  append: () => void;\n  /** Clone current element */\n  duplicate: () => void;\n  /** Add new element after current */\n  insert: () => void;\n  /** Remove current element */\n  remove: () => void;\n}\n\ninterface FieldArrayElementProps extends FieldArrayFeatures {\n  /** Form elements to render inside array element */\n  children: React.ReactNode;\n  /** CSS class names for component parts */\n  className: {\n    /** Class of wrapper grid inside the li that wraps the rendered element fields directly */\n    elementFieldsGrid?: ClassValue;\n    /** Class for the li (performs motion animations) */\n    listItem?: ClassValue;\n    /** Class for the li inner div (wraps the rendered element fields) */\n    listItemInner?: ClassValue;\n    /** Class for the actions menu button */\n    actionsMenuButton?: ClassValue;\n    /** Class for the remove element button (when menu is not used) */\n    removeButton?: ClassValue;\n    /** Class for the drag handle when sorting enabled */\n    sortDragHandle?: ClassValue;\n  };\n  /** Globally disable animations for this item (used for first render or prefers-reduced-motion) */\n  disableAnimation?: boolean;\n  /** Bottom margin for elements (for backwards compatibility) */\n  elementMarginBottom?: React.CSSProperties['marginBottom'];\n  /** All fields in the form array */\n  fields: Record<'id', string>[];\n  /** Unique identifier for drag/drop */\n  id: string | number;\n  /** Field index in array */\n  index: number;\n  /** Prevent deletion of last remaining element */\n  lastNotDeletable?: boolean;\n  /** Field array operation methods */\n  methods: FieldArrayElementMethods;\n  /** HTML data-testid of the element */\n  testId?: string;\n}\n\n/**\n * Form array element component using react-hook-form with drag-drop sorting\n * and validation capabilities. Animations when elements are added or removed\n * improve the user experience and provide a better visual feedback.\n */\nconst FieldArrayElement = ({\n  children,\n  className,\n  disableAnimation = false,\n  duplicate = false,\n  elementMarginBottom: _elementMarginBottom = undefined,\n  fields,\n  id,\n  index: _index,\n  insertAfter = false,\n  lastNotDeletable = true,\n  methods,\n  sortable = false,\n  testId = undefined,\n}: FieldArrayElementProps) => {\n  // Apply transform styles when sortable is enabled for smooth drag animations\n  // transform: handles the item's position during drag\n  // transition: controls the animation timing when dropping\n  const { setNodeRef, transform, transition, isDragging } = useSortable({ id });\n  const sortingStyle = sortable\n    ? {\n        transform: CSS.Translate.toString(transform),\n        transition,\n        zIndex: isDragging ? 50 : undefined,\n      }\n    : undefined;\n\n  // Local visibility to allow exit animation before removing from RHF state\n  const [isVisible, setIsVisible] = useState(true);\n\n  // Motion variants for the list item\n  const listItemMotionVariants: MotionVariants = {\n    hidden: { opacity: 0, height: 0, marginBottom: 0 },\n    visible: {\n      opacity: 1,\n      height: 'auto',\n      transition: { duration: 0.2, ease: 'circOut' },\n      // push last visible item down to overlap with append button (hide double border)\n      marginBottom: '-1px',\n    },\n    exit: {\n      opacity: 0,\n      height: 0,\n      marginBottom: 0,\n      transition: {\n        // on exit first fade out, then shrink\n        opacity: { duration: 0.1, ease: 'circOut' },\n        height: { delay: 0.1, duration: 0.2, ease: 'circOut' },\n      },\n    },\n  };\n\n  // Height animation handled on <motion.li> using overflow hidden\n  return (\n    <AnimatePresence\n      mode=\"wait\"\n      // remove from RHF state after exit animation\n      onExitComplete={() => {\n        methods.remove();\n      }}\n    >\n      {isVisible ? (\n        <motion.li\n          key={id}\n          ref={setNodeRef}\n          animate={disableAnimation ? undefined : 'visible'}\n          className={cn(className.listItem)}\n          data-dragging={isDragging}\n          data-testid={`${testId}_element`}\n          exit={disableAnimation ? undefined : 'exit'}\n          initial={disableAnimation ? false : 'hidden'}\n          style={sortingStyle}\n          variants={disableAnimation ? undefined : listItemMotionVariants}\n        >\n          <div className={cn(className.listItemInner)}>\n            {/** sorting drag handle */}\n            {sortable ? (\n              <SortDragHandle\n                className={className.sortDragHandle}\n                id={id}\n                testId={`${testId}_sort_drag_handle`}\n              />\n            ) : null}\n\n            {/** render element fields in Grid component */}\n            <Grid\n              className={cn(className.elementFieldsGrid)}\n              testId={`${testId}_element_fields_grid`}\n            >\n              {/* render actual fields */}\n              {children}\n            </Grid>\n\n            {/** actions menu when duplicate or insertAfter is enabled */}\n            {duplicate || insertAfter ? (\n              <ElementActionsMenu\n                className={className.actionsMenuButton}\n                duplicate={duplicate}\n                insertAfter={insertAfter}\n                showRemove={!(lastNotDeletable && fields.length === 1)}\n                testId={`${testId}_actions_menu`}\n                methods={{\n                  ...methods,\n                  remove: () => {\n                    if (disableAnimation) {\n                      methods.remove();\n                    } else {\n                      setIsVisible(false);\n                    }\n                  },\n                }}\n              />\n            ) : (\n              <>\n                {/** remove element button (when menu is not used) */}\n                <AnimatePresence initial={false}>\n                  {lastNotDeletable && fields.length === 1 ? null : (\n                    <ElementRemoveButton\n                      key=\"remove-button\"\n                      className={className.removeButton}\n                      disableAnimation={disableAnimation}\n                      testId={`${testId}_remove_button`}\n                      onClick={() => {\n                        if (disableAnimation) {\n                          methods.remove();\n                        } else {\n                          setIsVisible(false);\n                        }\n                      }}\n                    />\n                  )}\n                </AnimatePresence>\n              </>\n            )}\n          </div>\n        </motion.li>\n      ) : null}\n    </AnimatePresence>\n  );\n};\n\nexport default FieldArrayElement;\n","import type { ReactNode } from 'react';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../../hooks/useUniformField';\n\nexport interface FieldArrayLabelProps {\n  /** CSS class name */\n  className?: string;\n  /** Label content */\n  label: ReactNode;\n  /** Field name */\n  name: string;\n}\n\n/**\n * Renders the label for a FieldArray component.\n *\n * This component handles displaying the array label with proper accessibility\n * attributes using the label props from useUniformField.\n */\nconst FieldArrayLabel = ({\n  className = undefined,\n  label: _label,\n  name,\n}: FieldArrayLabelProps) => {\n  const { error, getLabelProps, invalid, label } = useUniformField({\n    name,\n    label: _label,\n  });\n\n  // when no label is provided, don't render anything\n  if (!_label) {\n    return null;\n  }\n\n  // @ts-expect-error - error._errors exists but not typed\n  const hasErrors = invalid && error?._errors;\n\n  return (\n    <div\n      {...getLabelProps()}\n      aria-level={3}\n      role=\"heading\"\n      className={cn(getLabelProps()?.className, className, {\n        // when there are no array level errors, the label should have foreground color\n        'text-foreground!': !hasErrors,\n      })}\n    >\n      {label}\n    </div>\n  );\n};\n\nexport default FieldArrayLabel;\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 FieldArrayValidationErrorProps {\n  /** Field name */\n  name: string;\n}\n\n/**\n * Renders array-level validation errors for FieldArray.\n *\n * This component handles validation errors that apply to the entire array\n * (e.g., \"Array must contain at least 3 elements\", \"Array elements are not unique\"),\n * as opposed to field-level errors which apply to individual array elements.\n *\n * The component wraps errors in the proper accessibility markup and animates\n * them in/out using Framer Motion when they appear or are resolved.\n */\nconst FieldArrayValidationError = ({\n  name,\n}: FieldArrayValidationErrorProps) => {\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-array-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.4, ease: 'circOut' }}\n          animate={\n            disableAnimation ? undefined : { opacity: 1, height: 'auto' }\n          }\n        >\n          <div\n            {...getHelperWrapperProps()}\n            className={cn(\n              getHelperWrapperProps()?.className,\n              // force helper to be visible and add padding (pt-1 to compensate for inner content's top padding)\n              'block px-3 pb-2 pt-1',\n            )}\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 FieldArrayValidationError;\n","import type { DragEndEvent } from '@dnd-kit/core';\nimport type { ReactNode } from 'react';\nimport type { UseFieldArrayMove } from 'react-hook-form';\n\nimport { useFormContext } from 'react-hook-form';\n\nimport {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport {\n  restrictToVerticalAxis,\n  restrictToWindowEdges,\n} from '@dnd-kit/modifiers';\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\n\ninterface SortContextProps {\n  /** child components */\n  children: ReactNode;\n  /** Array of objects containing unique IDs for sortable items */\n  fields: Record<'id', string>[];\n  /** name of the field array */\n  name: string;\n  /** react-hook-form's move function to update field array indices */\n  move: UseFieldArrayMove;\n  /** enable/disable sorting functionality */\n  sortable: boolean;\n}\n\n/**\n * A wrapper component that provides drag-and-drop sorting functionality for field arrays\n * using dnd-kit and react-hook-form.\n *\n * This component integrates with react-hook-form's field arrays to enable vertical\n * drag-and-drop reordering of form fields. It supports both pointer (mouse/touch)\n * and keyboard interactions for accessibility.\n */\nconst SortContext = ({\n  children,\n  fields,\n  move,\n  name,\n  sortable,\n}: SortContextProps): ReactNode => {\n  const { trigger } = useFormContext();\n\n  // Initialize sensors for both pointer (mouse/touch) and keyboard interactions\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor),\n  );\n\n  // Early return if sorting is disabled\n  if (!sortable) {\n    return children;\n  }\n\n  /**\n   * Handles the end of a drag operation by updating field positions\n   * @param event - The drag end event containing active and over elements\n   */\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event;\n\n    // Only move if dropping over a different item\n    if (active.id !== over?.id) {\n      // Find the indices of the dragged item and drop target\n      const oldIndex = fields.findIndex((field) => {\n        return field.id === active.id;\n      });\n      const newIndex = fields.findIndex((field) => {\n        return field.id === over?.id;\n      });\n      // Update the field array order using react-hook-form's move function\n      move(oldIndex, newIndex);\n\n      // Finally trigger validation for the array field,\n      // so validation errors are updated for the new order\n      trigger(name);\n    }\n  };\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      modifiers={[restrictToVerticalAxis, restrictToWindowEdges]}\n      onDragEnd={handleDragEnd}\n      sensors={sensors}\n    >\n      <SortableContext\n        strategy={verticalListSortingStrategy}\n        items={fields.map((field) => {\n          return field.id;\n        })}\n      >\n        {children}\n      </SortableContext>\n    </DndContext>\n  );\n};\n\nexport default SortContext;\n","import type { FieldArrayElementMethods } from './subcomponents/FieldArrayElement';\nimport type { FieldArrayProps } from './types';\n\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { flatArrayKey } from '../helpers';\nimport { useUniformFieldArray } from '../hooks/useUniformFieldArray';\nimport ElementAppendButton from './subcomponents/ElementAppendButton';\nimport FieldArrayElement from './subcomponents/FieldArrayElement';\nimport FieldArrayLabel from './subcomponents/FieldArrayLabel';\nimport FieldArrayValidationError from './subcomponents/FieldArrayValidationError';\nimport SortContext from './subcomponents/SortContext';\n\nexport const fieldArrayVariants = tv({\n  slots: {\n    /** base class for the field array wrapper */\n    base: [\n      // base styles\n      'overflow-hidden rounded-small border border-divider bg-content1',\n      // divider between items\n      'divide-y divide-divider',\n    ],\n    /** class for the actions menu button */\n    actionsMenuButton: [\n      // base styles\n      'flex items-center justify-center text-default-600',\n      // fixed height/no round corners/center align\n      'h-full rounded-none',\n      // focus styles - inset ring\n      'outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus',\n    ],\n    /** class for the append button */\n    appendButton: [\n      // base styles\n      'w-full justify-start rounded-b-small rounded-t-none font-semibold',\n      // match label height (p-3 = 12px vertical padding + text-base line height)\n      '!h-[48px] !min-h-0',\n      // focus styles - inset ring with rounded bottom corners to match container\n      'outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus',\n    ],\n    /** class for the element fields grid */\n    elementFieldsGrid: ['w-full grow p-3'],\n    /** class for the label */\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) instead of text-base for correct 48px height\n      'rounded-t-small p-3 font-semibold text-medium',\n    ],\n    /** class for the list */\n    list: ['overflow-hidden'],\n    /** class for the list wrapper */\n    listWrapper: ['overflow-hidden'],\n    /** class for the list item (performs motion animations) */\n    listItem: [\n      // base styles\n      'group relative flex flex-row',\n      // overlap borders by shifting first item up 1px (similar to how last item overlaps with append button)\n      'first:-mt-px',\n    ],\n    /** class for the list item inner */\n    listItemInner: [\n      // base styles\n      'flex w-full flex-row items-stretch divide-divider bg-content1',\n      // x division and borders\n      'divide-x divide-solid border-b border-t border-divider',\n    ],\n    /** class for the remove button */\n    removeButton: [\n      // base styles\n      'flex items-center justify-center',\n      // fixed height/no round corners\n      '!h-full !min-h-0 !rounded-none px-3',\n      // focus styles - inset ring\n      'outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus',\n    ],\n    /** class for the sort drag handle */\n    sortDragHandle: [\n      // base styles\n      'flex cursor-grab items-center justify-center px-2 text-default-600 transition-colors',\n      // hover and  dragging state\n      'hover:bg-default-100 active:cursor-grabbing group-data-[dragging=true]:bg-default-100',\n      // focus styles - inset ring\n      'outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus',\n    ],\n  },\n  variants: {\n    hasLabel: {\n      false: {\n        // focus styles - when there is no label, the first item actions menu button should have rounded top right corners\n        actionsMenuButton:\n          'group-[:first-child]:!rounded-tr-small group-[:first-child]:group-data-[dragging=true]:!rounded-tr-none',\n        // focus styles - when there is no label, the first item remove button focus ring should have rounded top right corners\n        removeButton:\n          'group-[:first-child]:!rounded-tr-small group-[:first-child]:group-data-[dragging=true]:!rounded-tr-none',\n        // focus styles - when there is no label, the first item sort drag handle focus ring should have rounded top left corners\n        sortDragHandle:\n          'group-[:first-child]:rounded-tl-small group-[:first-child]:group-data-[dragging=true]:rounded-tl-none',\n      },\n    },\n  },\n});\n\n/**\n * FieldArray component based in [RHF useFieldArray](https://react-hook-form.com/docs/usefieldarray)\n */\nconst FieldArray = ({\n  appendButtonText = 'Add Element',\n  children,\n  className: _className = undefined,\n  duplicate = false,\n  elementInitialValue: _elementInitialValue = null,\n  elementMarginBottom = undefined,\n  flat = false,\n  insertAfter = false,\n  lastElementNotRemovable = false,\n  name,\n  sortable = false,\n  ...uniformFieldProps\n}: FieldArrayProps) => {\n  const {\n    fields,\n    append,\n    remove,\n    insert,\n    move,\n    disableAnimation,\n    elementInitialValue,\n    getValues,\n    testId,\n  } = useUniformFieldArray({\n    name,\n    flat,\n    elementInitialValue: _elementInitialValue,\n    lastElementNotRemovable,\n    ...uniformFieldProps,\n  });\n\n  // className from slots\n  const variants = fieldArrayVariants({ hasLabel: !!uniformFieldProps.label });\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <div className={className.base}>\n      {/* field array label */}\n      <FieldArrayLabel\n        className={className.label}\n        label={uniformFieldProps.label}\n        name={name}\n      />\n\n      {fields.length ? (\n        /* list wrapper */\n        <div className={cn(className.listWrapper)}>\n          {/* sortable context */}\n          <SortContext\n            fields={fields}\n            move={move}\n            name={name}\n            sortable={sortable}\n          >\n            {/* list container */}\n            <ul className={className.list} data-testid={testId}>\n              {/* fields / list elements  */}\n              {fields.map((field, index) => {\n                const elementName = flat\n                  ? `${name}.${index}.${flatArrayKey}`\n                  : `${name}.${index}`;\n                const elementTestId = `${testId}_${index}`;\n\n                // create methods for element\n                const elementMethods: FieldArrayElementMethods = {\n                  append: () => {\n                    append(elementInitialValue);\n                  },\n                  duplicate: () => {\n                    const values = getValues(name);\n                    const currentValue = (values as unknown[])[index];\n                    const nextValue = flat\n                      ? { [flatArrayKey]: currentValue }\n                      : currentValue;\n                    insert(index + 1, nextValue);\n                  },\n                  insert: () => {\n                    insert(index + 1, elementInitialValue);\n                  },\n                  remove: () => {\n                    remove(index);\n                  },\n                };\n\n                return (\n                  <FieldArrayElement\n                    key={field.id}\n                    className={className}\n                    disableAnimation={disableAnimation}\n                    duplicate={duplicate}\n                    elementMarginBottom={elementMarginBottom}\n                    fields={fields}\n                    id={field.id}\n                    index={index}\n                    insertAfter={insertAfter}\n                    lastNotDeletable={lastElementNotRemovable}\n                    methods={elementMethods}\n                    sortable={sortable}\n                    testId={elementTestId}\n                  >\n                    {children({\n                      index,\n                      length: fields.length,\n                      methods: elementMethods,\n                      name: elementName,\n                      testId: elementTestId,\n                    })}\n                  </FieldArrayElement>\n                );\n              })}\n            </ul>\n          </SortContext>\n        </div>\n      ) : null}\n\n      {/* top level field array errors */}\n      <FieldArrayValidationError name={name} />\n\n      {/* append elements button */}\n      <ElementAppendButton\n        appendButtonText={appendButtonText}\n        className={className.appendButton}\n        testId={`${testId}_append_button`}\n        onClick={() => {\n          append(elementInitialValue);\n        }}\n      />\n    </div>\n  );\n};\n\nexport default FieldArray;\n","import FieldArray from './FieldArray';\n\nexport type * from './types';\n\nexport { FieldArray };\n\nexport default FieldArray;\n"],"mappings":"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"}

package/dist/FieldCard/index.cjs

@@ -1,4 +1,4 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_FieldCard = require("../FieldCard-D9c1j_RX.cjs");
+const require_FieldCard = require("../FieldCard-C-DZ5ARr.cjs");
 exports.FieldCard = require_FieldCard.FieldCard;
 exports.fieldCardVariants = require_FieldCard.fieldCardVariants;

package/dist/FieldCard/index.js

@@ -1,2 +1,2 @@
-import { n as fieldCardVariants, t as FieldCard } from "../FieldCard-x142VXrR.js";
+import { n as fieldCardVariants, t as FieldCard } from "../FieldCard-BK6SNqFY.js";
 export { FieldCard, fieldCardVariants };

package/dist/{FieldCard-x142VXrR.js → FieldCard-BK6SNqFY.js}

@@ -1,5 +1,5 @@
 import { n as FieldValidationError } from "./FieldValidationError-ktTyyyip.js";
-import { n as useFormContext, t as checkFieldIsRequired } from "./useFormContext-DJ-9hs8X.js";
+import { n as useFormContext, t as checkFieldIsRequired } from "./useFormContext-CT8H8xIe.js";
 import { useUniformField } from "./hooks/useUniformField/index.js";
 import { cn, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
 import { useDebounce } from "@fuf-stack/pixels";
@@ -219,4 +219,4 @@ const FieldCard = ({ children, className: _className = void 0, name, ...uniformF
 //#endregion
 export { fieldCardVariants as n, FieldCard as t };
 
-//# sourceMappingURL=FieldCard-x142VXrR.js.map
+//# sourceMappingURL=FieldCard-BK6SNqFY.js.map

package/dist/{FieldCard-x142VXrR.js.map → FieldCard-BK6SNqFY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FieldCard-x142VXrR.js","names":[],"sources":["../src/FieldCard/subcomponents/FieldCardValidationError.tsx","../src/FieldCard/FieldCard.tsx"],"sourcesContent":["import type { FieldError } from 'react-hook-form';\n\nimport {\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  /** Error object from parent FieldCard (passed directly to avoid duplicate hook calls) */\n  error?: FieldError[] | undefined;\n  /** CSS class name for the error text (controls color based on invalid state) */\n  errorTextClassName?: 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 *\n * Note: Object-level errors (_errors) are always shown when they exist,\n * but the danger styling is controlled by the parent FieldCard based on\n * whether child fields have been touched.\n */\nconst FieldCardValidationError = ({\n  className = undefined,\n  error = undefined,\n  errorTextClassName = undefined,\n  name,\n}: FieldCardValidationErrorProps) => {\n  const { getErrorMessageProps, getHelperWrapperProps, testId } =\n    useUniformField({\n      name,\n    });\n\n  // disable all animation if user prefers reduced motion\n  const disableAnimation = useReducedMotion();\n\n  // Always show object-level errors (_errors) when they exist\n  // @ts-expect-error - error._errors exists but not typed\n  const hasErrors = !!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.4, 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\n              {...getErrorMessageProps()}\n              className={cn(\n                getErrorMessageProps()?.className,\n                errorTextClassName,\n              )}\n            >\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","import type { TVClassName } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport { useDebounce } from '@fuf-stack/pixels';\n\nimport { checkFieldIsRequired, useFormContext } from '../hooks/useFormContext';\nimport { useUniformField } from '../hooks/useUniformField';\nimport FieldCardValidationError from './subcomponents/FieldCardValidationError';\n\n/**\n * Recursively checks if any child field has an error (regardless of touched state).\n * Returns true if at least one child has an error.\n */\nexport const hasAnyChildErrors = (\n  errors: Record<string, unknown> | undefined,\n): boolean => {\n  if (!errors) {\n    return false;\n  }\n\n  return Object.keys(errors)\n    .filter((key) => {\n      return key !== '_errors';\n    })\n    .some((key) => {\n      const errorValue = errors[key];\n      if (errorValue === undefined) {\n        return false;\n      }\n      // If errorValue is an array, it's a leaf field error\n      if (Array.isArray(errorValue)) {\n        return true;\n      }\n      // Recursively check nested objects\n      if (typeof errorValue === 'object' && errorValue !== null) {\n        return hasAnyChildErrors(errorValue as Record<string, unknown>);\n      }\n      return false;\n    });\n};\n\n/**\n * Recursively checks if any child field is touched.\n * Returns true if at least one child is touched.\n */\nexport const hasAnyChildTouched = (\n  touched: Record<string, unknown> | undefined,\n): boolean => {\n  if (!touched) {\n    return false;\n  }\n\n  return Object.keys(touched)\n    .filter((key) => {\n      return key !== '_errors';\n    })\n    .some((key) => {\n      const touchedValue = touched[key];\n      if (touchedValue === undefined) {\n        return false;\n      }\n      // If touchedValue is truthy (boolean true), field is touched\n      if (touchedValue === true) {\n        return true;\n      }\n      // Recursively check nested objects\n      if (typeof touchedValue === 'object' && touchedValue !== null) {\n        return hasAnyChildTouched(touchedValue as Record<string, unknown>);\n      }\n      return false;\n    });\n};\n\n/**\n * Recursively checks if any child field with an error is also touched.\n * Returns true if at least one touched child has an error.\n */\nexport const hasVisibleChildErrors = (\n  errors: Record<string, unknown> | undefined,\n  touched: Record<string, unknown> | undefined,\n): boolean => {\n  if (!errors || !touched) {\n    return false;\n  }\n\n  return Object.keys(errors)\n    .filter((key) => {\n      // Skip object-level errors (_errors) - those are handled separately\n      return key !== '_errors';\n    })\n    .some((key) => {\n      const errorValue = errors[key];\n      const touchedValue = touched[key];\n\n      // If this key doesn't exist in both errors and touched, skip\n      if (errorValue === undefined || touchedValue === undefined) {\n        return false;\n      }\n\n      // If errorValue is an array, it's a leaf field error\n      if (Array.isArray(errorValue)) {\n        // touchedValue being truthy means the field is touched\n        return !!touchedValue;\n      }\n\n      // Recursively check nested objects\n      if (typeof errorValue === 'object' && errorValue !== null) {\n        return hasVisibleChildErrors(\n          errorValue as Record<string, unknown>,\n          touchedValue as Record<string, unknown>,\n        );\n      }\n\n      return false;\n    });\n};\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      // animate border color change, respect reduced motion\n      'transition-colors duration-150 motion-reduce:transition-none',\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      // animate border and text color change, respect reduced motion\n      'transition-colors duration-150 motion-reduce:transition-none',\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 (pt-1 to compensate for inner content's top padding)\n      'block px-3 pb-2 pt-1',\n      // animate border color change, respect reduced motion\n      'transition-colors duration-150 motion-reduce:transition-none',\n    ],\n    /** class for the error text (empty base, color controlled by variant) */\n    errorText: [],\n  },\n  variants: {\n    invalid: {\n      true: {\n        base: 'border-danger-200',\n        label: 'border-danger-200 text-danger',\n        errorFooter: 'border-danger-200',\n        errorText: '!text-danger text-tiny',\n      },\n      false: {\n        base: 'border-divider',\n        label: 'border-divider text-foreground',\n        errorFooter: 'border-divider',\n        errorText: '!text-foreground-500 text-tiny',\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, label } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  const {\n    control,\n    formState: { touchedFields, submitCount },\n    validation,\n  } = useFormContext();\n\n  // Check if any registered child field is required\n  const validationInstance = validation?.baseInstance ?? validation?.instance;\n  const registeredFields: string[] = Array.from(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (control as any)._names?.mount ?? [],\n  );\n  const childFieldPrefix = `${name}.`;\n  const isRequired = validationInstance\n    ? registeredFields\n        .filter((f) => {\n          return f.startsWith(childFieldPrefix);\n        })\n        .some((f) => {\n          return checkFieldIsRequired(\n            validationInstance,\n            f.split('.').filter((k) => {\n              return k !== '';\n            }),\n          );\n        })\n    : false;\n\n  // Get touched state for this field's children by traversing the path\n  const getNestedValue = (\n    obj: Record<string, unknown> | undefined,\n    path: string,\n  ): Record<string, unknown> | undefined => {\n    if (!obj) {\n      return undefined;\n    }\n    const keys = path.split('.');\n    let current: unknown = obj;\n    keys.every((key) => {\n      if (current && typeof current === 'object') {\n        current = (current as Record<string, unknown>)[key];\n        return true;\n      }\n      current = undefined;\n      return false;\n    });\n    return current as Record<string, unknown> | undefined;\n  };\n\n  const fieldTouched = getNestedValue(\n    touchedFields as Record<string, unknown>,\n    name,\n  );\n\n  // Check for object-level errors (_errors)\n  // @ts-expect-error - error._errors exists but not typed\n  const hasObjectErrors = !!error?._errors;\n\n  const errorRecord = error as unknown as Record<string, unknown>;\n\n  // Check if any child field has errors (regardless of touched state)\n  const hasChildErrors = hasAnyChildErrors(errorRecord);\n  // Check if any child field is touched\n  const isAnyChildTouched = hasAnyChildTouched(fieldTouched);\n\n  // Show invalid styling (danger border/header/error text) when:\n  // 1. Any child field has an error AND (it's touched OR form was submitted), OR\n  // 2. Object-level _errors exists AND no child errors AND (any child touched OR submitted)\n  const rawShowInvalid =\n    (hasChildErrors &&\n      (hasVisibleChildErrors(errorRecord, fieldTouched) || submitCount > 0)) ||\n    (hasObjectErrors &&\n      !hasChildErrors &&\n      (isAnyChildTouched || submitCount > 0));\n\n  // Debounce to prevent flickering during rapid state changes\n  const showInvalid = useDebounce(rawShowInvalid, 200);\n\n  // className from slots\n  const variants = fieldCardVariants({ invalid: showInvalid });\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          // Override getLabelProps className to use our own invalid styling based on hasErrors,\n          // not HeroUI's which is based on any child field being invalid\n          className={className.label}\n          role=\"heading\"\n        >\n          {label}\n          {/* Manual asterisk: getLabelProps uses schema-required for the object itself,\n              but FieldCard needs asterisk based on whether any CHILD field is required */}\n          {isRequired ? (\n            <span aria-hidden=\"true\" className=\"ml-0.5 text-danger\">\n              *\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      {/* card content */}\n      <div className={className.content}>{children}</div>\n\n      {/* card footer with validation errors - always show _errors, but danger styling controlled by showInvalid */}\n      <FieldCardValidationError\n        className={className.errorFooter}\n        error={error}\n        errorTextClassName={className.errorText}\n        name={name}\n      />\n    </div>\n  );\n};\n\nexport default FieldCard;\n"],"mappings":"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"}
+{"version":3,"file":"FieldCard-BK6SNqFY.js","names":[],"sources":["../src/FieldCard/subcomponents/FieldCardValidationError.tsx","../src/FieldCard/FieldCard.tsx"],"sourcesContent":["import type { FieldError } from 'react-hook-form';\n\nimport {\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  /** Error object from parent FieldCard (passed directly to avoid duplicate hook calls) */\n  error?: FieldError[] | undefined;\n  /** CSS class name for the error text (controls color based on invalid state) */\n  errorTextClassName?: 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 *\n * Note: Object-level errors (_errors) are always shown when they exist,\n * but the danger styling is controlled by the parent FieldCard based on\n * whether child fields have been touched.\n */\nconst FieldCardValidationError = ({\n  className = undefined,\n  error = undefined,\n  errorTextClassName = undefined,\n  name,\n}: FieldCardValidationErrorProps) => {\n  const { getErrorMessageProps, getHelperWrapperProps, testId } =\n    useUniformField({\n      name,\n    });\n\n  // disable all animation if user prefers reduced motion\n  const disableAnimation = useReducedMotion();\n\n  // Always show object-level errors (_errors) when they exist\n  // @ts-expect-error - error._errors exists but not typed\n  const hasErrors = !!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.4, 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\n              {...getErrorMessageProps()}\n              className={cn(\n                getErrorMessageProps()?.className,\n                errorTextClassName,\n              )}\n            >\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","import type { TVClassName } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport { useDebounce } from '@fuf-stack/pixels';\n\nimport { checkFieldIsRequired, useFormContext } from '../hooks/useFormContext';\nimport { useUniformField } from '../hooks/useUniformField';\nimport FieldCardValidationError from './subcomponents/FieldCardValidationError';\n\n/**\n * Recursively checks if any child field has an error (regardless of touched state).\n * Returns true if at least one child has an error.\n */\nexport const hasAnyChildErrors = (\n  errors: Record<string, unknown> | undefined,\n): boolean => {\n  if (!errors) {\n    return false;\n  }\n\n  return Object.keys(errors)\n    .filter((key) => {\n      return key !== '_errors';\n    })\n    .some((key) => {\n      const errorValue = errors[key];\n      if (errorValue === undefined) {\n        return false;\n      }\n      // If errorValue is an array, it's a leaf field error\n      if (Array.isArray(errorValue)) {\n        return true;\n      }\n      // Recursively check nested objects\n      if (typeof errorValue === 'object' && errorValue !== null) {\n        return hasAnyChildErrors(errorValue as Record<string, unknown>);\n      }\n      return false;\n    });\n};\n\n/**\n * Recursively checks if any child field is touched.\n * Returns true if at least one child is touched.\n */\nexport const hasAnyChildTouched = (\n  touched: Record<string, unknown> | undefined,\n): boolean => {\n  if (!touched) {\n    return false;\n  }\n\n  return Object.keys(touched)\n    .filter((key) => {\n      return key !== '_errors';\n    })\n    .some((key) => {\n      const touchedValue = touched[key];\n      if (touchedValue === undefined) {\n        return false;\n      }\n      // If touchedValue is truthy (boolean true), field is touched\n      if (touchedValue === true) {\n        return true;\n      }\n      // Recursively check nested objects\n      if (typeof touchedValue === 'object' && touchedValue !== null) {\n        return hasAnyChildTouched(touchedValue as Record<string, unknown>);\n      }\n      return false;\n    });\n};\n\n/**\n * Recursively checks if any child field with an error is also touched.\n * Returns true if at least one touched child has an error.\n */\nexport const hasVisibleChildErrors = (\n  errors: Record<string, unknown> | undefined,\n  touched: Record<string, unknown> | undefined,\n): boolean => {\n  if (!errors || !touched) {\n    return false;\n  }\n\n  return Object.keys(errors)\n    .filter((key) => {\n      // Skip object-level errors (_errors) - those are handled separately\n      return key !== '_errors';\n    })\n    .some((key) => {\n      const errorValue = errors[key];\n      const touchedValue = touched[key];\n\n      // If this key doesn't exist in both errors and touched, skip\n      if (errorValue === undefined || touchedValue === undefined) {\n        return false;\n      }\n\n      // If errorValue is an array, it's a leaf field error\n      if (Array.isArray(errorValue)) {\n        // touchedValue being truthy means the field is touched\n        return !!touchedValue;\n      }\n\n      // Recursively check nested objects\n      if (typeof errorValue === 'object' && errorValue !== null) {\n        return hasVisibleChildErrors(\n          errorValue as Record<string, unknown>,\n          touchedValue as Record<string, unknown>,\n        );\n      }\n\n      return false;\n    });\n};\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      // animate border color change, respect reduced motion\n      'transition-colors duration-150 motion-reduce:transition-none',\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      // animate border and text color change, respect reduced motion\n      'transition-colors duration-150 motion-reduce:transition-none',\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 (pt-1 to compensate for inner content's top padding)\n      'block px-3 pb-2 pt-1',\n      // animate border color change, respect reduced motion\n      'transition-colors duration-150 motion-reduce:transition-none',\n    ],\n    /** class for the error text (empty base, color controlled by variant) */\n    errorText: [],\n  },\n  variants: {\n    invalid: {\n      true: {\n        base: 'border-danger-200',\n        label: 'border-danger-200 text-danger',\n        errorFooter: 'border-danger-200',\n        errorText: '!text-danger text-tiny',\n      },\n      false: {\n        base: 'border-divider',\n        label: 'border-divider text-foreground',\n        errorFooter: 'border-divider',\n        errorText: '!text-foreground-500 text-tiny',\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, label } = useUniformField({\n    name,\n    ...uniformFieldProps,\n  });\n\n  const {\n    control,\n    formState: { touchedFields, submitCount },\n    validation,\n  } = useFormContext();\n\n  // Check if any registered child field is required\n  const validationInstance = validation?.baseInstance ?? validation?.instance;\n  const registeredFields: string[] = Array.from(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (control as any)._names?.mount ?? [],\n  );\n  const childFieldPrefix = `${name}.`;\n  const isRequired = validationInstance\n    ? registeredFields\n        .filter((f) => {\n          return f.startsWith(childFieldPrefix);\n        })\n        .some((f) => {\n          return checkFieldIsRequired(\n            validationInstance,\n            f.split('.').filter((k) => {\n              return k !== '';\n            }),\n          );\n        })\n    : false;\n\n  // Get touched state for this field's children by traversing the path\n  const getNestedValue = (\n    obj: Record<string, unknown> | undefined,\n    path: string,\n  ): Record<string, unknown> | undefined => {\n    if (!obj) {\n      return undefined;\n    }\n    const keys = path.split('.');\n    let current: unknown = obj;\n    keys.every((key) => {\n      if (current && typeof current === 'object') {\n        current = (current as Record<string, unknown>)[key];\n        return true;\n      }\n      current = undefined;\n      return false;\n    });\n    return current as Record<string, unknown> | undefined;\n  };\n\n  const fieldTouched = getNestedValue(\n    touchedFields as Record<string, unknown>,\n    name,\n  );\n\n  // Check for object-level errors (_errors)\n  // @ts-expect-error - error._errors exists but not typed\n  const hasObjectErrors = !!error?._errors;\n\n  const errorRecord = error as unknown as Record<string, unknown>;\n\n  // Check if any child field has errors (regardless of touched state)\n  const hasChildErrors = hasAnyChildErrors(errorRecord);\n  // Check if any child field is touched\n  const isAnyChildTouched = hasAnyChildTouched(fieldTouched);\n\n  // Show invalid styling (danger border/header/error text) when:\n  // 1. Any child field has an error AND (it's touched OR form was submitted), OR\n  // 2. Object-level _errors exists AND no child errors AND (any child touched OR submitted)\n  const rawShowInvalid =\n    (hasChildErrors &&\n      (hasVisibleChildErrors(errorRecord, fieldTouched) || submitCount > 0)) ||\n    (hasObjectErrors &&\n      !hasChildErrors &&\n      (isAnyChildTouched || submitCount > 0));\n\n  // Debounce to prevent flickering during rapid state changes\n  const showInvalid = useDebounce(rawShowInvalid, 200);\n\n  // className from slots\n  const variants = fieldCardVariants({ invalid: showInvalid });\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          // Override getLabelProps className to use our own invalid styling based on hasErrors,\n          // not HeroUI's which is based on any child field being invalid\n          className={className.label}\n          role=\"heading\"\n        >\n          {label}\n          {/* Manual asterisk: getLabelProps uses schema-required for the object itself,\n              but FieldCard needs asterisk based on whether any CHILD field is required */}\n          {isRequired ? (\n            <span aria-hidden=\"true\" className=\"ml-0.5 text-danger\">\n              *\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      {/* card content */}\n      <div className={className.content}>{children}</div>\n\n      {/* card footer with validation errors - always show _errors, but danger styling controlled by showInvalid */}\n      <FieldCardValidationError\n        className={className.errorFooter}\n        error={error}\n        errorTextClassName={className.errorText}\n        name={name}\n      />\n    </div>\n  );\n};\n\nexport default FieldCard;\n"],"mappings":"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"}

package/dist/{FieldCard-D9c1j_RX.cjs → FieldCard-C-DZ5ARr.cjs}

@@ -1,6 +1,6 @@
-require("./FormContext-CjDd8Zej.cjs");
-const require_FieldValidationError = require("./FieldValidationError-BWrQN-Im.cjs");
-const require_useFormContext = require("./useFormContext-C_EQr8dV.cjs");
+require("./FormContext-DsmS_mkO.cjs");
+const require_FieldValidationError = require("./FieldValidationError-BQcvvU9i.cjs");
+const require_useFormContext = require("./useFormContext-CrXwNYiB.cjs");
 const require_hooks_useUniformField_index = require("./hooks/useUniformField/index.cjs");
 let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
 let _fuf_stack_pixels = require("@fuf-stack/pixels");
@@ -231,4 +231,4 @@ Object.defineProperty(exports, "fieldCardVariants", {
 	}
 });
 
-//# sourceMappingURL=FieldCard-D9c1j_RX.cjs.map
+//# sourceMappingURL=FieldCard-C-DZ5ARr.cjs.map