@fuf-stack/uniform 1.22.5 → 1.22.7

package/dist/SwitchBox-Dl-F5y2m.cjs.map

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

package/dist/TextArea-CMXm-kTK.cjs

@@ -1,78 +0,0 @@
-require("./FormContext-DsmS_mkO.cjs");
-const require_hooks_useUniformField_index = require("./hooks/useUniformField/index.cjs");
-const require_hooks_useInputValueDebounce_index = require("./hooks/useInputValueDebounce/index.cjs");
-let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _heroui_input = require("@heroui/input");
-//#region src/TextArea/TextArea.tsx
-const textAreaVariants = (0, _fuf_stack_pixel_utils.tv)({ slots: {
-	/** wrapper around the whole input */
-	base: "",
-	/** clear button */
-	clearButton: "",
-	/** actual input element */
-	input: "",
-	/** inner wrapper (HeroUI inputWrapper slot) */
-	inputWrapper: "bg-content1 group-data-[focus=true]:border-focus"
-} });
-/**
-* TextArea component based on [HeroUI TextArea](https://www.heroui.com//docs/components/textarea)
-*/
-const TextArea = ({ children = null, className: _className = void 0, debounceDelay = 300, name, placeholder = " ", ...uniformFieldProps }) => {
-	const { ariaLabel, disabled, errorMessage, field: { onChange: fieldOnChange, onBlur: fieldOnBlur, value: fieldValue, ref }, invalid, label, required, testId } = require_hooks_useUniformField_index.useUniformField({
-		name,
-		...uniformFieldProps
-	});
-	const { onChange, onBlur, value } = require_hooks_useInputValueDebounce_index.useInputValueDebounce({
-		debounceDelay,
-		name,
-		onBlur: fieldOnBlur,
-		onChange: fieldOnChange,
-		value: fieldValue
-	});
-	const classNames = (0, _fuf_stack_pixel_utils.variantsToClassNames)(textAreaVariants(), _className, "base");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_heroui_input.Textarea, {
-		ref,
-		"data-testid": testId,
-		errorMessage,
-		id: testId,
-		isDisabled: disabled,
-		isInvalid: invalid,
-		isRequired: required,
-		label,
-		labelPlacement: "outside",
-		name,
-		onBlur,
-		onChange,
-		placeholder,
-		value,
-		variant: "bordered",
-		"aria-label": !placeholder || placeholder.trim() === "" ? ariaLabel : void 0,
-		classNames: {
-			base: classNames.base,
-			clearButton: classNames.clearButton,
-			helperWrapper: "p-0",
-			input: classNames.input,
-			inputWrapper: classNames.inputWrapper
-		},
-		children
-	});
-};
-//#endregion
-//#region src/TextArea/index.ts
-var TextArea_default = TextArea;
-//#endregion
-Object.defineProperty(exports, "TextArea", {
-	enumerable: true,
-	get: function() {
-		return TextArea;
-	}
-});
-Object.defineProperty(exports, "TextArea_default", {
-	enumerable: true,
-	get: function() {
-		return TextArea_default;
-	}
-});
-
-//# sourceMappingURL=TextArea-CMXm-kTK.cjs.map

package/dist/TextArea-CMXm-kTK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea-CMXm-kTK.cjs","names":["useUniformField","useInputValueDebounce","HeroTextArea"],"sources":["../src/TextArea/TextArea.tsx","../src/TextArea/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Textarea as HeroTextArea } from '@heroui/input';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useInputValueDebounce } from '../hooks/useInputValueDebounce';\nimport { useUniformField } from '../hooks/useUniformField';\n\n// input variants\nexport const textAreaVariants = tv({\n  slots: {\n    /** wrapper around the whole input */\n    base: '',\n    /** clear button */\n    clearButton: '',\n    /** actual input element */\n    input: '',\n    /** inner wrapper (HeroUI inputWrapper slot) */\n    inputWrapper: 'bg-content1 group-data-[focus=true]:border-focus',\n  },\n});\n\ntype VariantProps = TVProps<typeof textAreaVariants>;\ntype ClassName = TVClassName<typeof textAreaVariants>;\n\nexport interface TextAreaProps 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  /** Child components. The content of the textarea. */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** debounce delay in milliseconds for form state updates (default: 300ms) */\n  debounceDelay?: number;\n  /** Determines if the TextArea is disabled or not. */\n  disabled?: boolean;\n  /** Label displayed above the TextArea. */\n  label?: ReactNode;\n  /** Name the TextArea is registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** placeholder for the textArea content. */\n  placeholder?: string;\n  /** Id to grab element in internal tests. */\n  testId?: string;\n}\n\n/**\n * TextArea component based on [HeroUI TextArea](https://www.heroui.com//docs/components/textarea)\n */\nconst TextArea = ({\n  children = null,\n  className: _className = undefined,\n  debounceDelay = 300,\n  name,\n  placeholder = ' ',\n  ...uniformFieldProps\n}: TextAreaProps) => {\n  const {\n    ariaLabel,\n    disabled,\n    errorMessage,\n    field: {\n      onChange: fieldOnChange,\n      onBlur: fieldOnBlur,\n      value: fieldValue,\n      ref,\n    },\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({ name, ...uniformFieldProps });\n\n  // Use debounced handlers for form updates\n  const { onChange, onBlur, value } = useInputValueDebounce({\n    debounceDelay,\n    name,\n    onBlur: fieldOnBlur,\n    onChange: fieldOnChange,\n    value: fieldValue,\n  });\n\n  // classNames from slots\n  const variants = textAreaVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroTextArea\n      ref={ref}\n      data-testid={testId}\n      errorMessage={errorMessage}\n      id={testId}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isRequired={required}\n      label={label}\n      labelPlacement=\"outside\"\n      name={name}\n      onBlur={onBlur}\n      onChange={onChange}\n      placeholder={placeholder}\n      value={value}\n      variant=\"bordered\"\n      // Only add aria-label if there's no meaningful placeholder (HeroUI uses placeholder as aria-label)\n      aria-label={\n        !placeholder || placeholder.trim() === '' ? ariaLabel : undefined\n      }\n      classNames={{\n        base: classNames.base,\n        clearButton: classNames.clearButton,\n        // set padding to 0 for error message exit animation\n        helperWrapper: 'p-0',\n        input: classNames.input,\n        inputWrapper: classNames.inputWrapper,\n      }}\n    >\n      {children}\n    </HeroTextArea>\n  );\n};\n\nexport default TextArea;\n","import TextArea from './TextArea';\n\nexport type { TextAreaProps } from './TextArea';\n\nexport { TextArea };\n\nexport default TextArea;\n"],"mappings":";;;;;;;AAWA,MAAa,oBAAA,GAAA,uBAAA,IAAsB,EACjC,OAAO;;CAEL,MAAM;;CAEN,aAAa;;CAEb,OAAO;;CAEP,cAAc;AAChB,EACF,CAAC;;;;AA6BD,MAAM,YAAY,EAChB,WAAW,MACX,WAAW,aAAa,KAAA,GACxB,gBAAgB,KAChB,MACA,cAAc,KACd,GAAG,wBACgB;CACnB,MAAM,EACJ,WACA,UACA,cACA,OAAO,EACL,UAAU,eACV,QAAQ,aACR,OAAO,YACP,OAEF,SACA,OACA,UACA,WACEA,oCAAAA,gBAAgB;EAAE;EAAM,GAAG;CAAkB,CAAC;CAGlD,MAAM,EAAE,UAAU,QAAQ,UAAUC,0CAAAA,sBAAsB;EACxD;EACA;EACA,QAAQ;EACR,UAAU;EACV,OAAO;CACT,CAAC;CAID,MAAM,cAAA,GAAA,uBAAA,sBADW,iBAC8B,GAAG,YAAY,MAAM;CAEpE,OACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,UAAD;EACO;EACL,eAAa;EACC;EACd,IAAI;EACJ,YAAY;EACZ,WAAW;EACX,YAAY;EACL;EACP,gBAAe;EACT;EACE;EACE;EACG;EACN;EACP,SAAQ;EAER,cACE,CAAC,eAAe,YAAY,KAAK,MAAM,KAAK,YAAY,KAAA;EAE1D,YAAY;GACV,MAAM,WAAW;GACjB,aAAa,WAAW;GAExB,eAAe;GACf,OAAO,WAAW;GAClB,cAAc,WAAW;EAC3B;EAEC;CACW,CAAA;AAElB;;;ACnHA,IAAA,mBAAe"}

package/dist/TextArea-DAg_K-QP.js

@@ -1,66 +0,0 @@
-import { useUniformField } from "./hooks/useUniformField/index.js";
-import { useInputValueDebounce } from "./hooks/useInputValueDebounce/index.js";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
-import { Textarea } from "@heroui/input";
-//#region src/TextArea/TextArea.tsx
-const textAreaVariants = tv({ slots: {
-	/** wrapper around the whole input */
-	base: "",
-	/** clear button */
-	clearButton: "",
-	/** actual input element */
-	input: "",
-	/** inner wrapper (HeroUI inputWrapper slot) */
-	inputWrapper: "bg-content1 group-data-[focus=true]:border-focus"
-} });
-/**
-* TextArea component based on [HeroUI TextArea](https://www.heroui.com//docs/components/textarea)
-*/
-const TextArea = ({ children = null, className: _className = void 0, debounceDelay = 300, name, placeholder = " ", ...uniformFieldProps }) => {
-	const { ariaLabel, disabled, errorMessage, field: { onChange: fieldOnChange, onBlur: fieldOnBlur, value: fieldValue, ref }, invalid, label, required, testId } = useUniformField({
-		name,
-		...uniformFieldProps
-	});
-	const { onChange, onBlur, value } = useInputValueDebounce({
-		debounceDelay,
-		name,
-		onBlur: fieldOnBlur,
-		onChange: fieldOnChange,
-		value: fieldValue
-	});
-	const classNames = variantsToClassNames(textAreaVariants(), _className, "base");
-	return /* @__PURE__ */ jsx(Textarea, {
-		ref,
-		"data-testid": testId,
-		errorMessage,
-		id: testId,
-		isDisabled: disabled,
-		isInvalid: invalid,
-		isRequired: required,
-		label,
-		labelPlacement: "outside",
-		name,
-		onBlur,
-		onChange,
-		placeholder,
-		value,
-		variant: "bordered",
-		"aria-label": !placeholder || placeholder.trim() === "" ? ariaLabel : void 0,
-		classNames: {
-			base: classNames.base,
-			clearButton: classNames.clearButton,
-			helperWrapper: "p-0",
-			input: classNames.input,
-			inputWrapper: classNames.inputWrapper
-		},
-		children
-	});
-};
-//#endregion
-//#region src/TextArea/index.ts
-var TextArea_default = TextArea;
-//#endregion
-export { TextArea as n, TextArea_default as t };
-
-//# sourceMappingURL=TextArea-DAg_K-QP.js.map

package/dist/TextArea-DAg_K-QP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea-DAg_K-QP.js","names":["HeroTextArea"],"sources":["../src/TextArea/TextArea.tsx","../src/TextArea/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\n\nimport { Textarea as HeroTextArea } from '@heroui/input';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useInputValueDebounce } from '../hooks/useInputValueDebounce';\nimport { useUniformField } from '../hooks/useUniformField';\n\n// input variants\nexport const textAreaVariants = tv({\n  slots: {\n    /** wrapper around the whole input */\n    base: '',\n    /** clear button */\n    clearButton: '',\n    /** actual input element */\n    input: '',\n    /** inner wrapper (HeroUI inputWrapper slot) */\n    inputWrapper: 'bg-content1 group-data-[focus=true]:border-focus',\n  },\n});\n\ntype VariantProps = TVProps<typeof textAreaVariants>;\ntype ClassName = TVClassName<typeof textAreaVariants>;\n\nexport interface TextAreaProps 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  /** Child components. The content of the textarea. */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** debounce delay in milliseconds for form state updates (default: 300ms) */\n  debounceDelay?: number;\n  /** Determines if the TextArea is disabled or not. */\n  disabled?: boolean;\n  /** Label displayed above the TextArea. */\n  label?: ReactNode;\n  /** Name the TextArea is registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** placeholder for the textArea content. */\n  placeholder?: string;\n  /** Id to grab element in internal tests. */\n  testId?: string;\n}\n\n/**\n * TextArea component based on [HeroUI TextArea](https://www.heroui.com//docs/components/textarea)\n */\nconst TextArea = ({\n  children = null,\n  className: _className = undefined,\n  debounceDelay = 300,\n  name,\n  placeholder = ' ',\n  ...uniformFieldProps\n}: TextAreaProps) => {\n  const {\n    ariaLabel,\n    disabled,\n    errorMessage,\n    field: {\n      onChange: fieldOnChange,\n      onBlur: fieldOnBlur,\n      value: fieldValue,\n      ref,\n    },\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({ name, ...uniformFieldProps });\n\n  // Use debounced handlers for form updates\n  const { onChange, onBlur, value } = useInputValueDebounce({\n    debounceDelay,\n    name,\n    onBlur: fieldOnBlur,\n    onChange: fieldOnChange,\n    value: fieldValue,\n  });\n\n  // classNames from slots\n  const variants = textAreaVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroTextArea\n      ref={ref}\n      data-testid={testId}\n      errorMessage={errorMessage}\n      id={testId}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isRequired={required}\n      label={label}\n      labelPlacement=\"outside\"\n      name={name}\n      onBlur={onBlur}\n      onChange={onChange}\n      placeholder={placeholder}\n      value={value}\n      variant=\"bordered\"\n      // Only add aria-label if there's no meaningful placeholder (HeroUI uses placeholder as aria-label)\n      aria-label={\n        !placeholder || placeholder.trim() === '' ? ariaLabel : undefined\n      }\n      classNames={{\n        base: classNames.base,\n        clearButton: classNames.clearButton,\n        // set padding to 0 for error message exit animation\n        helperWrapper: 'p-0',\n        input: classNames.input,\n        inputWrapper: classNames.inputWrapper,\n      }}\n    >\n      {children}\n    </HeroTextArea>\n  );\n};\n\nexport default TextArea;\n","import TextArea from './TextArea';\n\nexport type { TextAreaProps } from './TextArea';\n\nexport { TextArea };\n\nexport default TextArea;\n"],"mappings":";;;;;;AAWA,MAAa,mBAAmB,GAAG,EACjC,OAAO;;CAEL,MAAM;;CAEN,aAAa;;CAEb,OAAO;;CAEP,cAAc;AAChB,EACF,CAAC;;;;AA6BD,MAAM,YAAY,EAChB,WAAW,MACX,WAAW,aAAa,KAAA,GACxB,gBAAgB,KAChB,MACA,cAAc,KACd,GAAG,wBACgB;CACnB,MAAM,EACJ,WACA,UACA,cACA,OAAO,EACL,UAAU,eACV,QAAQ,aACR,OAAO,YACP,OAEF,SACA,OACA,UACA,WACE,gBAAgB;EAAE;EAAM,GAAG;CAAkB,CAAC;CAGlD,MAAM,EAAE,UAAU,QAAQ,UAAU,sBAAsB;EACxD;EACA;EACA,QAAQ;EACR,UAAU;EACV,OAAO;CACT,CAAC;CAID,MAAM,aAAa,qBADF,iBAC8B,GAAG,YAAY,MAAM;CAEpE,OACE,oBAACA,UAAD;EACO;EACL,eAAa;EACC;EACd,IAAI;EACJ,YAAY;EACZ,WAAW;EACX,YAAY;EACL;EACP,gBAAe;EACT;EACE;EACE;EACG;EACN;EACP,SAAQ;EAER,cACE,CAAC,eAAe,YAAY,KAAK,MAAM,KAAK,YAAY,KAAA;EAE1D,YAAY;GACV,MAAM,WAAW;GACjB,aAAa,WAAW;GAExB,eAAe;GACf,OAAO,WAAW;GAClB,cAAc,WAAW;EAC3B;EAEC;CACW,CAAA;AAElB;;;ACnHA,IAAA,mBAAe"}

package/dist/Time-B_SXrKWK.js

@@ -1,216 +0,0 @@
-import { useUniformField } from "./hooks/useUniformField/index.js";
-import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
-import { jsx } from "react/jsx-runtime";
-import { getLocalTimeZone, parseAbsolute, parseAbsoluteToLocal, parseDateTime, parseZonedDateTime } from "@internationalized/date";
-import { TimeInput } from "@heroui/date-input";
-//#region src/Time/timeHelpers.ts
-/** Cast unknown input to the TimeInput value union type. */
-const asTimeValue = (value) => {
-	return value;
-};
-/** Check whether a value already looks like an @internationalized/date value. */
-const isTimeValueLike = (value) => {
-	if (!value || typeof value !== "object") return false;
-	return "hour" in value || "calendar" in value;
-};
-/** Check if the incoming string represents a plain time (e.g. 09:30 or 09:30:45). */
-const isTimeOnlyString = (value) => {
-	return /^\d{2}:\d{2}(?::\d{2}(?:\.\d{1,3})?)?$/.test(value);
-};
-/** Check if the incoming string is a UTC time-only value (e.g. 09:30Z). */
-const isUtcTimeOnlyString = (value) => {
-	return /^\d{2}:\d{2}(?::\d{2}(?:\.\d{1,3})?)?Z$/.test(value);
-};
-/** Zero-pad integer segments for time serialization. */
-const pad = (value) => {
-	return String(value).padStart(2, "0");
-};
-/** Convert an absolute ISO string into UTC time-only store format. */
-const toUtcTimeString = (absoluteIsoString, granularity) => {
-	const utcDate = new Date(absoluteIsoString);
-	if (Number.isNaN(utcDate.getTime())) return null;
-	const hour = pad(utcDate.getUTCHours());
-	if (granularity === "hour") return `${hour}:00Z`;
-	return `${hour}:${pad(utcDate.getUTCMinutes())}Z`;
-};
-/** True when an input already carries timezone/offset information. */
-const hasExplicitTimeZone = (value) => {
-	if (value.includes("[") && value.includes("]")) return true;
-	return /(?:[zZ]|[+-]\d{2}:\d{2})$/.test(value);
-};
-/** True for date-time strings without timezone/offset. */
-const isNaiveDateTimeString = (value) => {
-	return /^\d{4}-\d{2}-\d{2}T/.test(value) && !hasExplicitTimeZone(value);
-};
-/** Safely run a parser and return `null` on parsing errors. */
-const tryParse = (parser) => {
-	try {
-		return asTimeValue(parser());
-	} catch {
-		return null;
-	}
-};
-/**
-* Parse a form value into a HeroUI TimeInput compatible `TimeValue`.
-*
-* Supports existing `TimeValue` objects, native `Date` instances, plain time
-* strings (`HH:mm[:ss]`), absolute ISO date-time strings, zoned date-time
-* strings, and local date-time strings.
-*
-* Time-only strings are interpreted in the active timezone and normalized to a
-* `ZonedDateTime` (using a fixed reference date) so timezone abbreviations can
-* remain visible in the UI.
-*/
-const parseTimeValue = (value, timeZone) => {
-	if (value == null || value === "") return null;
-	if (isTimeValueLike(value)) return asTimeValue(value);
-	if (value instanceof Date) return asTimeValue(timeZone ? parseAbsolute(value.toISOString(), timeZone) : parseAbsoluteToLocal(value.toISOString()));
-	if (typeof value !== "string") return null;
-	const normalizedValue = value.trim();
-	if (normalizedValue === "") return null;
-	if (isTimeOnlyString(normalizedValue)) return tryParse(() => {
-		const [hourValue, minuteValue, secondValue] = normalizedValue.split(":").map(Number);
-		const resolvedTimeZone = resolveTimeFieldTimeZone(timeZone);
-		return parseZonedDateTime(`1970-01-01T${pad(hourValue)}:${pad(minuteValue)}:${pad(secondValue ?? 0)}[${resolvedTimeZone}]`);
-	});
-	if (isUtcTimeOnlyString(normalizedValue)) return tryParse(() => {
-		const resolvedTimeZone = resolveTimeFieldTimeZone(timeZone);
-		return parseAbsolute(`1970-01-01T${normalizedValue}`, resolvedTimeZone);
-	});
-	return [
-		...timeZone && isNaiveDateTimeString(normalizedValue) ? [() => {
-			return parseZonedDateTime(`${normalizedValue}[${timeZone}]`);
-		}] : [],
-		() => {
-			return timeZone ? parseAbsolute(normalizedValue, timeZone) : parseAbsoluteToLocal(normalizedValue);
-		},
-		() => {
-			return parseZonedDateTime(normalizedValue);
-		},
-		() => {
-			return parseDateTime(normalizedValue);
-		}
-	].map((parser) => {
-		return tryParse(parser);
-	}).find((parsedValue) => {
-		return parsedValue != null;
-	}) ?? null;
-};
-/** Resolve the timezone used for parsing and string conversion. */
-const resolveTimeFieldTimeZone = (timeZone) => {
-	return timeZone ?? getLocalTimeZone();
-};
-/**
-* Build default placeholder value for TimeInput.
-*
-* Uses a fixed reference time to keep snapshots deterministic.
-*/
-const getTimeFieldPlaceholderValue = (timeZone) => {
-	return asTimeValue(parseZonedDateTime(`1970-01-01T00:00:00[${resolveTimeFieldTimeZone(timeZone)}]`));
-};
-/**
-* Convert a TimeValue into a UTC time-only string for form state.
-*
-* The stored format is `HH:mmZ` (or `HH:00Z` when granularity is `hour`).
-*/
-const timeValueToString = (value, timeZone, granularity = "minute") => {
-	if (value == null) return null;
-	const maybeWithAbsoluteString = value;
-	if (typeof maybeWithAbsoluteString.toAbsoluteString === "function") return toUtcTimeString(maybeWithAbsoluteString.toAbsoluteString(), granularity);
-	const maybeWithToDate = value;
-	if (typeof maybeWithToDate.toDate === "function") return toUtcTimeString(maybeWithToDate.toDate(timeZone).toISOString(), granularity);
-	const maybeTime = value;
-	if (typeof maybeTime.hour === "number" && typeof maybeTime.minute === "number") return toUtcTimeString(parseZonedDateTime(`1970-01-01T${pad(maybeTime.hour)}:${pad(maybeTime.minute)}:${pad(maybeTime.second ?? 0)}[${timeZone}]`).toAbsoluteString(), granularity);
-	return null;
-};
-//#endregion
-//#region src/Time/Time.tsx
-const timeVariants = tv({ slots: {
-	/** wrapper around the whole time input */
-	base: "",
-	/** helper wrapper for error/description */
-	helperWrapper: ["p-0"],
-	/** the segmented input element */
-	input: "",
-	/** inner wrapper around segments and optional content */
-	innerWrapper: "",
-	/** outer input wrapper */
-	inputWrapper: "bg-content1 focus-within:border-focus",
-	/** field label */
-	label: "",
-	/** individual segment */
-	segment: ""
-} });
-/**
-* Time component based on [HeroUI TimeInput](https://v2.heroui.com/docs/components/time-input)
-*/
-const Time = ({ className: _className = void 0, granularity = "minute", hideTimeZone = false, hourAsNumber = false, hourCycle = void 0, name, timeZone = void 0, valueType = "string", ...uniformFieldProps }) => {
-	const { ariaLabel, disabled, errorMessage, field: { onBlur, onChange, value }, invalid, label, required, testId } = useUniformField({
-		name,
-		...uniformFieldProps
-	});
-	const classNames = variantsToClassNames(timeVariants(), _className, "base");
-	const resolvedTimeZone = resolveTimeFieldTimeZone(timeZone);
-	const effectiveGranularity = hourAsNumber ? "hour" : granularity;
-	const parsedValue = parseTimeValue(hourAsNumber && typeof value === "number" ? `${String(Math.max(0, Math.min(23, value))).padStart(2, "0")}:00Z` : value, timeZone);
-	const placeholderValue = getTimeFieldPlaceholderValue(timeZone);
-	const handleChange = (nextValue) => {
-		if (nextValue == null) {
-			onChange(null);
-			return;
-		}
-		if (hourAsNumber) {
-			const serializedValue = timeValueToString(nextValue, resolvedTimeZone, "hour");
-			if (!serializedValue) {
-				onChange(null);
-				return;
-			}
-			const [hoursSegment] = serializedValue.split(":");
-			const parsedHours = Number(hoursSegment);
-			onChange(Number.isNaN(parsedHours) ? null : parsedHours);
-			return;
-		}
-		if (valueType === "timeValue") {
-			onChange(nextValue);
-			return;
-		}
-		onChange(timeValueToString(nextValue, resolvedTimeZone, effectiveGranularity) ?? String(nextValue));
-	};
-	return /* @__PURE__ */ jsx(TimeInput, {
-		"aria-label": label ? void 0 : ariaLabel,
-		classNames: {
-			base: classNames.base,
-			helperWrapper: classNames.helperWrapper,
-			innerWrapper: classNames.innerWrapper,
-			input: classNames.input,
-			inputWrapper: classNames.inputWrapper,
-			label: classNames.label,
-			segment: classNames.segment
-		},
-		"data-testid": testId,
-		errorMessage,
-		granularity: effectiveGranularity,
-		hideTimeZone,
-		hourCycle,
-		id: testId,
-		isDisabled: disabled,
-		isInvalid: invalid,
-		isRequired: required,
-		label,
-		labelPlacement: "outside",
-		name,
-		onBlur,
-		onChange: handleChange,
-		placeholderValue: placeholderValue ?? void 0,
-		radius: "sm",
-		value: parsedValue ?? void 0,
-		variant: "bordered"
-	});
-};
-//#endregion
-//#region src/Time/index.ts
-var Time_default = Time;
-//#endregion
-export { Time as n, timeVariants as r, Time_default as t };
-
-//# sourceMappingURL=Time-B_SXrKWK.js.map

package/dist/Time-B_SXrKWK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Time-B_SXrKWK.js","names":["HeroTimeInput"],"sources":["../src/Time/timeHelpers.ts","../src/Time/Time.tsx","../src/Time/index.ts"],"sourcesContent":["import type { TimeInput as HeroTimeInput } from '@heroui/date-input';\nimport type { ComponentProps } from 'react';\n\nimport {\n  getLocalTimeZone,\n  parseAbsolute,\n  parseAbsoluteToLocal,\n  parseDateTime,\n  parseZonedDateTime,\n} from '@internationalized/date';\n\n/** Value type accepted by HeroUI TimeInput */\nexport type TimeValue = ComponentProps<typeof HeroTimeInput>['value'];\n\n/** Cast unknown input to the TimeInput value union type. */\nconst asTimeValue = (value: unknown): TimeValue => {\n  return value as TimeValue;\n};\n\n/** Check whether a value already looks like an @internationalized/date value. */\nconst isTimeValueLike = (value: unknown): value is object => {\n  if (!value || typeof value !== 'object') {\n    return false;\n  }\n\n  return 'hour' in value || 'calendar' in value;\n};\n\n/** Check if the incoming string represents a plain time (e.g. 09:30 or 09:30:45). */\nconst isTimeOnlyString = (value: string): boolean => {\n  return /^\\d{2}:\\d{2}(?::\\d{2}(?:\\.\\d{1,3})?)?$/.test(value);\n};\n\n/** Check if the incoming string is a UTC time-only value (e.g. 09:30Z). */\nconst isUtcTimeOnlyString = (value: string): boolean => {\n  return /^\\d{2}:\\d{2}(?::\\d{2}(?:\\.\\d{1,3})?)?Z$/.test(value);\n};\n\n/** Zero-pad integer segments for time serialization. */\nconst pad = (value: number): string => {\n  return String(value).padStart(2, '0');\n};\n\n/** Convert an absolute ISO string into UTC time-only store format. */\nconst toUtcTimeString = (\n  absoluteIsoString: string,\n  granularity: 'hour' | 'minute',\n): string | null => {\n  const utcDate = new Date(absoluteIsoString);\n  if (Number.isNaN(utcDate.getTime())) {\n    return null;\n  }\n\n  const hour = pad(utcDate.getUTCHours());\n  if (granularity === 'hour') {\n    return `${hour}:00Z`;\n  }\n\n  return `${hour}:${pad(utcDate.getUTCMinutes())}Z`;\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/** True for date-time strings without timezone/offset. */\nconst isNaiveDateTimeString = (value: string): boolean => {\n  return /^\\d{4}-\\d{2}-\\d{2}T/.test(value) && !hasExplicitTimeZone(value);\n};\n\n/** Safely run a parser and return `null` on parsing errors. */\nconst tryParse = (parser: () => unknown): TimeValue => {\n  try {\n    return asTimeValue(parser());\n  } catch {\n    return null;\n  }\n};\n\n/**\n * Parse a form value into a HeroUI TimeInput compatible `TimeValue`.\n *\n * Supports existing `TimeValue` objects, native `Date` instances, plain time\n * strings (`HH:mm[:ss]`), absolute ISO date-time strings, zoned date-time\n * strings, and local date-time strings.\n *\n * Time-only strings are interpreted in the active timezone and normalized to a\n * `ZonedDateTime` (using a fixed reference date) so timezone abbreviations can\n * remain visible in the UI.\n */\nexport const parseTimeValue = (\n  value: unknown,\n  timeZone?: string,\n): TimeValue => {\n  if (value == null || value === '') {\n    return null;\n  }\n\n  if (isTimeValueLike(value)) {\n    return asTimeValue(value);\n  }\n\n  if (value instanceof Date) {\n    return asTimeValue(\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 (isTimeOnlyString(normalizedValue)) {\n    return tryParse(() => {\n      const [hourValue, minuteValue, secondValue] = normalizedValue\n        .split(':')\n        .map(Number);\n      const resolvedTimeZone = resolveTimeFieldTimeZone(timeZone);\n      const hour = pad(hourValue);\n      const minute = pad(minuteValue);\n      const second = pad(secondValue ?? 0);\n\n      return parseZonedDateTime(\n        `1970-01-01T${hour}:${minute}:${second}[${resolvedTimeZone}]`,\n      );\n    });\n  }\n\n  if (isUtcTimeOnlyString(normalizedValue)) {\n    return tryParse(() => {\n      const resolvedTimeZone = resolveTimeFieldTimeZone(timeZone);\n      return parseAbsolute(`1970-01-01T${normalizedValue}`, resolvedTimeZone);\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\n  return (\n    parsers\n      .map((parser) => {\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n        return tryParse(parser);\n      })\n      .find((parsedValue) => {\n        return parsedValue != null;\n      }) ?? null\n  );\n};\n\n/** Resolve the timezone used for parsing and string conversion. */\nexport const resolveTimeFieldTimeZone = (timeZone?: string): string => {\n  return timeZone ?? getLocalTimeZone();\n};\n\n/**\n * Build default placeholder value for TimeInput.\n *\n * Uses a fixed reference time to keep snapshots deterministic.\n */\nexport const getTimeFieldPlaceholderValue = (timeZone?: string): TimeValue => {\n  const resolvedTimeZone = resolveTimeFieldTimeZone(timeZone);\n  return asTimeValue(\n    parseZonedDateTime(`1970-01-01T00:00:00[${resolvedTimeZone}]`),\n  );\n};\n\n/**\n * Convert a TimeValue into a UTC time-only string for form state.\n *\n * The stored format is `HH:mmZ` (or `HH:00Z` when granularity is `hour`).\n */\nexport const timeValueToString = (\n  value: TimeValue,\n  timeZone: string,\n  granularity: 'hour' | 'minute' = 'minute',\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 toUtcTimeString(\n      maybeWithAbsoluteString.toAbsoluteString(),\n      granularity,\n    );\n  }\n\n  const maybeWithToDate = value as { toDate?: (zone: string) => Date };\n  if (typeof maybeWithToDate.toDate === 'function') {\n    return toUtcTimeString(\n      maybeWithToDate.toDate(timeZone).toISOString(),\n      granularity,\n    );\n  }\n\n  const maybeTime = value as {\n    hour?: number;\n    minute?: number;\n    second?: number;\n  };\n  if (\n    typeof maybeTime.hour === 'number' &&\n    typeof maybeTime.minute === 'number'\n  ) {\n    const hour = pad(maybeTime.hour);\n    const minute = pad(maybeTime.minute);\n    const second = pad(maybeTime.second ?? 0);\n    return toUtcTimeString(\n      parseZonedDateTime(\n        `1970-01-01T${hour}:${minute}:${second}[${timeZone}]`,\n      ).toAbsoluteString(),\n      granularity,\n    );\n  }\n\n  return null;\n};\n","import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactNode } from 'react';\nimport type { TimeValue } from './timeHelpers';\n\nimport { TimeInput as HeroTimeInput } from '@heroui/date-input';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks/useUniformField';\nimport {\n  getTimeFieldPlaceholderValue,\n  parseTimeValue,\n  resolveTimeFieldTimeZone,\n  timeValueToString,\n} from './timeHelpers';\n\nexport const timeVariants = tv({\n  slots: {\n    /** wrapper around the whole time input */\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 segmented input element */\n    input: '',\n    /** inner wrapper around segments and optional content */\n    innerWrapper: '',\n    /** outer input wrapper */\n    inputWrapper: 'bg-content1 focus-within:border-focus',\n    /** field label */\n    label: '',\n    /** individual segment */\n    segment: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof timeVariants>;\ntype ClassName = TVClassName<typeof timeVariants>;\n\nexport interface TimeProps extends VariantProps {\n  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */\n  ariaLabel?: string;\n  /** CSS class name */\n  className?: ClassName;\n  /** input is disabled */\n  disabled?: boolean;\n  /** smallest visible unit in the segmented time input */\n  granularity?: 'hour' | 'minute';\n  /** hide timezone abbreviation for zoned values */\n  hideTimeZone?: boolean;\n  /** force hour granularity and store UTC hour as number (0-23) */\n  hourAsNumber?: boolean;\n  /** hour cycle formatting */\n  hourCycle?: 12 | 24;\n  /** form field label */\n  label?: ReactNode;\n  /** form field name */\n  name: string;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /**\n   * Optional timezone used for parsing date-time strings and serializing values.\n   * When omitted, local timezone is used.\n   */\n  timeZone?: string;\n  /** value format stored in form state (`string` stores UTC minute values, e.g. `10:15Z`) */\n  valueType?: 'string' | 'timeValue';\n}\n\n/**\n * Time component based on [HeroUI TimeInput](https://v2.heroui.com/docs/components/time-input)\n */\nconst Time = ({\n  className: _className = undefined,\n  granularity = 'minute',\n  hideTimeZone = false,\n  hourAsNumber = false,\n  hourCycle = undefined,\n  name,\n  timeZone = undefined,\n  valueType = 'string',\n  ...uniformFieldProps\n}: TimeProps) => {\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 = timeVariants();\n  const classNames = variantsToClassNames(variants, _className, 'base');\n  const resolvedTimeZone = resolveTimeFieldTimeZone(timeZone);\n  const effectiveGranularity = hourAsNumber ? 'hour' : granularity;\n\n  // `hourAsNumber` stores 0-23; convert this into a parseable UTC time for display.\n  const normalizedFieldValue =\n    hourAsNumber && typeof value === 'number'\n      ? `${String(Math.max(0, Math.min(23, value))).padStart(2, '0')}:00Z`\n      : value;\n\n  // Normalize incoming form value into HeroUI TimeInput value shape.\n  const parsedValue = parseTimeValue(normalizedFieldValue, timeZone);\n  const placeholderValue = getTimeFieldPlaceholderValue(timeZone);\n\n  // Normalize TimeInput output into the configured storage format.\n  const handleChange = (nextValue: TimeValue) => {\n    if (nextValue == null) {\n      onChange(null);\n      return;\n    }\n\n    if (hourAsNumber) {\n      const serializedValue = timeValueToString(\n        nextValue,\n        resolvedTimeZone,\n        'hour',\n      );\n\n      if (!serializedValue) {\n        onChange(null);\n        return;\n      }\n\n      const [hoursSegment] = serializedValue.split(':');\n      const parsedHours = Number(hoursSegment);\n      onChange(Number.isNaN(parsedHours) ? null : parsedHours);\n      return;\n    }\n\n    if (valueType === 'timeValue') {\n      onChange(nextValue);\n      return;\n    }\n\n    onChange(\n      timeValueToString(nextValue, resolvedTimeZone, effectiveGranularity) ??\n        String(nextValue),\n    );\n  };\n\n  return (\n    <HeroTimeInput\n      aria-label={label ? undefined : ariaLabel}\n      classNames={{\n        base: classNames.base,\n        helperWrapper: classNames.helperWrapper,\n        innerWrapper: classNames.innerWrapper,\n        input: classNames.input,\n        inputWrapper: classNames.inputWrapper,\n        label: classNames.label,\n        segment: classNames.segment,\n      }}\n      data-testid={testId}\n      errorMessage={errorMessage}\n      granularity={effectiveGranularity}\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      name={name}\n      onBlur={onBlur}\n      onChange={handleChange}\n      placeholderValue={placeholderValue ?? undefined}\n      radius=\"sm\"\n      value={parsedValue ?? undefined}\n      variant=\"bordered\"\n    />\n  );\n};\n\nexport default Time;\n","import Time from './Time';\n\nexport type { TimeProps } from './Time';\n\nexport { timeVariants } from './Time';\n\nexport { Time };\n\nexport default Time;\n"],"mappings":"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"}