@planningcenter/tapestry 3.2.1-rc.1 → 3.2.1-rc.10

package/dist/components/NumberStepper/NumberStepper.d.ts

@@ -0,0 +1,44 @@
+import "../button/btn.css";
+import "./index.css";
+import React, { type AriaAttributes } from "react";
+export type NumberStepperSize = "md" | "lg";
+export interface NumberStepperProps {
+    /** The default uncontrolled value. */
+    defaultValue?: number;
+    /** Helper text displayed below the component. Styled as error text when `invalid` is `true`. */
+    description?: string;
+    /** Disables the input and stepper buttons. */
+    disabled?: boolean;
+    /** Formatting options for the displayed value. Uses `Intl.NumberFormat`. */
+    formatOptions?: Intl.NumberFormatOptions;
+    /** If `true`, renders the label visually hidden. */
+    hideLabel?: boolean;
+    /** If `true`, applies error styling to the field and description. */
+    invalid?: boolean;
+    /** Accessible label for the field. */
+    label: string;
+    /** Maximum allowed value. */
+    max?: number;
+    /** Minimum allowed value. */
+    min?: number;
+    /** Field name for form submission. */
+    name?: string;
+    /** Called when the value changes. */
+    onChange?: (value: number) => void;
+    /** Allows the value to be read but not changed. */
+    readOnly?: boolean;
+    /** If `true`, appends an asterisk after the label text. */
+    required?: boolean;
+    /** The size of the number stepper. */
+    size?: NumberStepperSize;
+    /** Amount to increment or decrement by. Defaults to `1`. */
+    step?: number;
+    /** The controlled value. */
+    value?: number;
+}
+export type NumberStepperElementProps = NumberStepperProps & Omit<AriaAttributes, keyof NumberStepperProps> & {
+    className?: string;
+    id?: string;
+};
+export declare function NumberStepper({ className, defaultValue, description, disabled, formatOptions, hideLabel, id, invalid, label, max, min, name, onChange, readOnly, required, size, step, value, ...restProps }: NumberStepperElementProps): React.JSX.Element;
+//# sourceMappingURL=NumberStepper.d.ts.map

package/dist/components/NumberStepper/NumberStepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberStepper.d.ts","sourceRoot":"","sources":["../../../src/components/NumberStepper/NumberStepper.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAC1B,OAAO,aAAa,CAAA;AAIpB,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAUlD,MAAM,MAAM,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAA;AAE3C,MAAM,WAAW,kBAAkB;IACjC,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gGAAgG;IAChG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAA;IACxC,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sCAAsC;IACtC,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACxB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,yBAAyB,GAAG,kBAAkB,GACxD,IAAI,CAAC,cAAc,EAAE,MAAM,kBAAkB,CAAC,GAAG;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAEH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,aAAa,EACb,SAAS,EACT,EAAE,EACF,OAAO,EACP,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAW,EACX,IAAI,EACJ,KAAK,EACL,GAAG,SAAS,EACb,EAAE,yBAAyB,qBAwD3B"}

package/dist/components/NumberStepper/NumberStepper.js

@@ -0,0 +1,22 @@
+import Icon from '../../utilities/Icon.js';
+import classNames from 'classnames';
+import React__default from 'react';
+import { NumberField, Label, Group, Input, Button, Text } from 'react-aria-components';
+
+function NumberStepper({ className, defaultValue, description, disabled, formatOptions, hideLabel, id, invalid, label, max, min, name, onChange, readOnly, required, size = "md", step, value, ...restProps }) {
+    const combinedClassName = classNames("tds-number-stepper", { "tds-number-stepper--lg": size === "lg" }, className);
+    return (React__default.createElement(NumberField, { ...restProps, "aria-label": hideLabel ? label : undefined, className: combinedClassName, defaultValue: defaultValue, formatOptions: formatOptions, id: id, isDisabled: disabled, isInvalid: invalid, isReadOnly: readOnly, isRequired: required, maxValue: max, minValue: min, name: name, onChange: onChange ?? undefined, step: step, value: value },
+        !hideLabel && (React__default.createElement(Label, { className: "tds-number-stepper-label" }, label)),
+        React__default.createElement(Group, { className: "tds-number-stepper-field" },
+            React__default.createElement(Input, { className: "tds-number-stepper-input" }),
+            React__default.createElement(Button, { className: "tds-btn tds-btn--infield tds-number-stepper-button", slot: "decrement" },
+                React__default.createElement(Icon, { "aria-hidden": true, symbol: "general#minus" })),
+            React__default.createElement(Button, { className: "tds-btn tds-btn--infield tds-number-stepper-button", slot: "increment" },
+                React__default.createElement(Icon, { "aria-hidden": true, symbol: "general#plus" }))),
+        description && (React__default.createElement(Text, { className: "tds-number-stepper-description", slot: "description" },
+            React__default.createElement(Icon, { "aria-hidden": true, className: "tds-number-stepper-description-invalid-icon", symbol: "general#exclamation-triangle" }),
+            description))));
+}
+
+export { NumberStepper };
+//# sourceMappingURL=NumberStepper.js.map

package/dist/components/NumberStepper/NumberStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberStepper.js","sources":["../../../src/components/NumberStepper/NumberStepper.tsx"],"sourcesContent":["import \"../button/btn.css\"\nimport \"./index.css\"\n\nimport Icon from \"@utilities/Icon\"\nimport classNames from \"classnames\"\nimport React, { type AriaAttributes } from \"react\"\nimport {\n  Button,\n  Group,\n  Input,\n  Label,\n  NumberField as AriaNumberField,\n  Text,\n} from \"react-aria-components\"\n\nexport type NumberStepperSize = \"md\" | \"lg\"\n\nexport interface NumberStepperProps {\n  /** The default uncontrolled value. */\n  defaultValue?: number\n  /** Helper text displayed below the component. Styled as error text when `invalid` is `true`. */\n  description?: string\n  /** Disables the input and stepper buttons. */\n  disabled?: boolean\n  /** Formatting options for the displayed value. Uses `Intl.NumberFormat`. */\n  formatOptions?: Intl.NumberFormatOptions\n  /** If `true`, renders the label visually hidden. */\n  hideLabel?: boolean\n  /** If `true`, applies error styling to the field and description. */\n  invalid?: boolean\n  /** Accessible label for the field. */\n  label: string\n  /** Maximum allowed value. */\n  max?: number\n  /** Minimum allowed value. */\n  min?: number\n  /** Field name for form submission. */\n  name?: string\n  /** Called when the value changes. */\n  onChange?: (value: number) => void\n  /** Allows the value to be read but not changed. */\n  readOnly?: boolean\n  /** If `true`, appends an asterisk after the label text. */\n  required?: boolean\n  /** The size of the number stepper. */\n  size?: NumberStepperSize\n  /** Amount to increment or decrement by. Defaults to `1`. */\n  step?: number\n  /** The controlled value. */\n  value?: number\n}\n\nexport type NumberStepperElementProps = NumberStepperProps &\n  Omit<AriaAttributes, keyof NumberStepperProps> & {\n    className?: string\n    id?: string\n  }\n\nexport function NumberStepper({\n  className,\n  defaultValue,\n  description,\n  disabled,\n  formatOptions,\n  hideLabel,\n  id,\n  invalid,\n  label,\n  max,\n  min,\n  name,\n  onChange,\n  readOnly,\n  required,\n  size = \"md\",\n  step,\n  value,\n  ...restProps\n}: NumberStepperElementProps) {\n  const combinedClassName = classNames(\n    \"tds-number-stepper\",\n    { \"tds-number-stepper--lg\": size === \"lg\" },\n    className\n  )\n\n  return (\n    <AriaNumberField\n      {...restProps}\n      aria-label={hideLabel ? label : undefined}\n      className={combinedClassName}\n      defaultValue={defaultValue}\n      formatOptions={formatOptions}\n      id={id}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isReadOnly={readOnly}\n      isRequired={required}\n      maxValue={max}\n      minValue={min}\n      name={name}\n      onChange={onChange ?? undefined}\n      step={step}\n      value={value}\n    >\n      {!hideLabel && (\n        <Label className=\"tds-number-stepper-label\">{label}</Label>\n      )}\n      <Group className=\"tds-number-stepper-field\">\n        <Input className=\"tds-number-stepper-input\" />\n        <Button\n          className=\"tds-btn tds-btn--infield tds-number-stepper-button\"\n          slot=\"decrement\"\n        >\n          <Icon aria-hidden symbol=\"general#minus\" />\n        </Button>\n        <Button\n          className=\"tds-btn tds-btn--infield tds-number-stepper-button\"\n          slot=\"increment\"\n        >\n          <Icon aria-hidden symbol=\"general#plus\" />\n        </Button>\n      </Group>\n      {description && (\n        <Text className=\"tds-number-stepper-description\" slot=\"description\">\n          <Icon\n            aria-hidden\n            className=\"tds-number-stepper-description-invalid-icon\"\n            symbol=\"general#exclamation-triangle\"\n          />\n          {description}\n        </Text>\n      )}\n    </AriaNumberField>\n  )\n}\n"],"names":["React","AriaNumberField"],"mappings":";;;;;AA0DM,SAAU,aAAa,CAAC,EAC5B,SAAS,EACT,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,aAAa,EACb,SAAS,EACT,EAAE,EACF,OAAO,EACP,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,KAAK,EACL,GAAG,SAAS,EACc,EAAA;AAC1B,IAAA,MAAM,iBAAiB,GAAG,UAAU,CAClC,oBAAoB,EACpB,EAAE,wBAAwB,EAAE,IAAI,KAAK,IAAI,EAAE,EAC3C,SAAS,CACV;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAACC,WAAe,EAAA,EAAA,GACV,SAAS,EAAA,YAAA,EACD,SAAS,GAAG,KAAK,GAAG,SAAS,EACzC,SAAS,EAAE,iBAAiB,EAC5B,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,EAAE,EAAE,EAAE,EACN,UAAU,EAAE,QAAQ,EACpB,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE,QAAQ,EACpB,UAAU,EAAE,QAAQ,EACpB,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,GAAG,EACb,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EAAA;AAEX,QAAA,CAAC,SAAS,KACTD,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,0BAA0B,EAAA,EAAE,KAAK,CAAS,CAC5D;AACD,QAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,0BAA0B,EAAA;AACzC,YAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,0BAA0B,EAAA,CAAG;YAC9CA,cAAA,CAAA,aAAA,CAAC,MAAM,IACL,SAAS,EAAC,oDAAoD,EAC9D,IAAI,EAAC,WAAW,EAAA;AAEhB,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,aAAA,EAAA,IAAA,EAAa,MAAM,EAAC,eAAe,GAAG,CACpC;YACTA,cAAA,CAAA,aAAA,CAAC,MAAM,IACL,SAAS,EAAC,oDAAoD,EAC9D,IAAI,EAAC,WAAW,EAAA;AAEhB,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAA,aAAA,EAAA,IAAA,EAAa,MAAM,EAAC,cAAc,EAAA,CAAG,CACnC,CACH;QACP,WAAW,KACVA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gCAAgC,EAAC,IAAI,EAAC,aAAa,EAAA;YACjEA,cAAA,CAAA,aAAA,CAAC,IAAI,yBAEH,SAAS,EAAC,6CAA6C,EACvD,MAAM,EAAC,8BAA8B,EAAA,CACrC;AACD,YAAA,WAAW,CACP,CACR,CACe;AAEtB;;;;"}

package/dist/components/NumberStepper/index.d.ts

@@ -0,0 +1,4 @@
+import "./index.css";
+export type { NumberStepperElementProps, NumberStepperProps, NumberStepperSize, } from "./NumberStepper";
+export { NumberStepper } from "./NumberStepper";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/NumberStepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NumberStepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,YAAY,EACV,yBAAyB,EACzB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/components/combo-box/ComboBox.d.ts

@@ -0,0 +1,77 @@
+import "../button/btn.css";
+import "./index.css";
+import React, { type AriaAttributes, type ReactNode } from "react";
+import type { Key, ListBoxItemProps, ListBoxSectionProps } from "react-aria-components";
+export type ComboBoxSize = "md" | "lg";
+export interface ComboBoxProps<T extends object = object> {
+    /** Whether the combo box allows the menu to be open when the collection is empty. */
+    allowsEmptyCollection?: boolean;
+    /** The children of the combo box (ComboBoxItem elements or a render function). */
+    children: ReactNode | ((item: T) => ReactNode);
+    /** The default uncontrolled value of the text input. */
+    defaultInputValue?: string;
+    /** The default list of items (uncontrolled dynamic collection). */
+    defaultItems?: Iterable<T>;
+    /**
+     * The default uncontrolled selected value(s).
+     * Pass a `Key[]` when `selectionMode` is `"multiple"`.
+     */
+    defaultValue?: Key | Key[] | null;
+    /** Helper text displayed below the component. Styled as error text when `invalid` is `true`. */
+    description?: string;
+    /** Disables the field and trigger button. */
+    disabled?: boolean;
+    /** Item keys that are disabled and cannot be selected or focused. */
+    disabledKeys?: Iterable<Key>;
+    /** Custom filter function for determining if an item should appear in the list. */
+    filter?: (textValue: string, inputValue: string) => boolean;
+    /** If `true`, the `label` text is rendered as an `aria-label` instead of a visible label element. */
+    hideLabel?: boolean;
+    /** The controlled value of the text input. */
+    inputValue?: string;
+    /** Whether the input is in an invalid state. */
+    invalid?: boolean;
+    /** The list of items (controlled dynamic collection). */
+    items?: Iterable<T>;
+    /** Accessible label for the field. */
+    label: string;
+    /** Controls when the listbox opens. */
+    menuTrigger?: "focus" | "input" | "manual";
+    /** Field name for form submission. */
+    name?: string;
+    /**
+     * Called when the selected value(s) change.
+     * Receives `Key[]` when `selectionMode` is `"multiple"`, otherwise `Key | null`.
+     */
+    onChange?: ((value: Key | null) => void) | ((value: Key[]) => void);
+    /** Called when the input text changes. */
+    onInputChange?: (value: string) => void;
+    /** Placeholder text for the input. */
+    placeholder?: string;
+    /** If `true`, allows the value to be read but not changed. */
+    readOnly?: boolean;
+    /** If `true`, appends an asterisk at the end of the label text. */
+    required?: boolean;
+    /** Controls whether one or multiple items can be selected. Defaults to `"single"`. */
+    selectionMode?: "single" | "multiple";
+    /** The size of the combo box. */
+    size?: ComboBoxSize;
+    /**
+     * The controlled selected value(s).
+     * Pass a `Key[]` when `selectionMode` is `"multiple"`.
+     */
+    value?: Key | Key[] | null;
+}
+export type ComboBoxElementProps<T extends object = object> = ComboBoxProps<T> & Omit<AriaAttributes, keyof ComboBoxProps<T>> & {
+    className?: string;
+    id?: string;
+};
+export declare function ComboBox<T extends object>({ allowsEmptyCollection, children, className, defaultInputValue, defaultItems, defaultValue, description, disabled, disabledKeys, filter, hideLabel, inputValue, invalid, items, label, menuTrigger, name, onChange, onInputChange, placeholder, readOnly, required, selectionMode, size, value, ...restProps }: ComboBoxElementProps<T>): React.JSX.Element;
+export declare function ComboBoxItem<T extends object>(props: ListBoxItemProps<T>): React.JSX.Element;
+interface ComboBoxSectionProps<T extends object> extends Omit<ListBoxSectionProps<T>, "children"> {
+    children: ReactNode;
+    title?: string;
+}
+export declare function ComboBoxSection<T extends object>({ children, title, ...props }: ComboBoxSectionProps<T>): React.JSX.Element;
+export {};
+//# sourceMappingURL=ComboBox.d.ts.map

package/dist/components/combo-box/ComboBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/combo-box/ComboBox.tsx"],"names":[],"mappings":"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"}

package/dist/components/combo-box/ComboBox.js

@@ -0,0 +1,35 @@
+import Icon from '../../utilities/Icon.js';
+import classNames from 'classnames';
+import React__default from 'react';
+import { ComboBox as ComboBox$1, Label, Group, Input, Button, Popover, ListBox, Text, ListBoxItem, ListBoxSection, Header } from 'react-aria-components';
+
+function ComboBox({ allowsEmptyCollection, children, className, defaultInputValue, defaultItems, defaultValue, description, disabled, disabledKeys, filter, hideLabel, inputValue, invalid, items, label, menuTrigger, name, onChange, onInputChange, placeholder, readOnly, required, selectionMode, size = "md", value, ...restProps }) {
+    const combinedClassName = classNames("tds-combo-box", { "tds-combo-box--lg": size === "lg" }, className);
+    return (
+    // React Aria's ComboBox uses conditional generic types (ComboBoxProps<T, M>) to
+    // differentiate value/defaultValue/onChange/selectionMode per selection mode. Since
+    // our interface intentionally abstracts this detail, we bridge with targeted assertions
+    // on the four props that carry the selection-mode variance.
+    React__default.createElement(ComboBox$1, { ...restProps, allowsEmptyCollection: allowsEmptyCollection, "aria-label": hideLabel ? label : undefined, className: combinedClassName, defaultFilter: filter, defaultInputValue: defaultInputValue, defaultItems: defaultItems, defaultValue: defaultValue, disabledKeys: disabledKeys, inputValue: inputValue, isDisabled: disabled, isInvalid: invalid, isReadOnly: readOnly, isRequired: required, items: items, menuTrigger: menuTrigger, name: name, onChange: onChange, onInputChange: onInputChange, selectionMode: selectionMode, value: value },
+        !hideLabel && React__default.createElement(Label, { className: "tds-combo-box-label" }, label),
+        React__default.createElement(Group, { className: "tds-combo-box-field" },
+            React__default.createElement(Input, { className: "tds-combo-box-input", placeholder: placeholder }),
+            React__default.createElement(Button, { className: classNames("tds-combo-box-button", menuTrigger !== "focus" && "tds-btn tds-btn--infield") },
+                React__default.createElement(Icon, { "aria-hidden": true, symbol: "general#down-caret" }))),
+        React__default.createElement(Popover, { className: "tds-combo-box-popover" },
+            React__default.createElement(ListBox, { className: "tds-combo-box-list" }, children)),
+        description && (React__default.createElement(Text, { className: "tds-combo-box-description", slot: "description" },
+            React__default.createElement(Icon, { "aria-hidden": true, className: "tds-combo-box-description-invalid-icon", symbol: "general#exclamation-triangle" }),
+            description))));
+}
+function ComboBoxItem(props) {
+    return (React__default.createElement(ListBoxItem, { ...props, className: classNames("tds-combo-box-list-item", props.className) }));
+}
+function ComboBoxSection({ children, title, ...props }) {
+    return (React__default.createElement(ListBoxSection, { ...props, className: classNames("tds-combo-box-list-section", props.className) },
+        title && (React__default.createElement(Header, { className: "tds-combo-box-section-header" }, title)),
+        children));
+}
+
+export { ComboBox, ComboBoxItem, ComboBoxSection };
+//# sourceMappingURL=ComboBox.js.map

package/dist/components/combo-box/ComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.js","sources":["../../../src/components/combo-box/ComboBox.tsx"],"sourcesContent":["import \"../button/btn.css\"\nimport \"./index.css\"\n\nimport Icon from \"@utilities/Icon\"\nimport classNames from \"classnames\"\nimport React, { type AriaAttributes, type ReactNode } from \"react\"\nimport type {\n  Key,\n  ListBoxItemProps,\n  ListBoxSectionProps,\n} from \"react-aria-components\"\nimport {\n  Button,\n  ComboBox as AriaComboBox,\n  Group,\n  Header,\n  Input,\n  Label,\n  ListBox,\n  ListBoxItem,\n  ListBoxSection,\n  Popover,\n  Text,\n} from \"react-aria-components\"\n\nexport type ComboBoxSize = \"md\" | \"lg\"\n\nexport interface ComboBoxProps<T extends object = object> {\n  /** Whether the combo box allows the menu to be open when the collection is empty. */\n  allowsEmptyCollection?: boolean\n  /** The children of the combo box (ComboBoxItem elements or a render function). */\n  children: ReactNode | ((item: T) => ReactNode)\n  /** The default uncontrolled value of the text input. */\n  defaultInputValue?: string\n  /** The default list of items (uncontrolled dynamic collection). */\n  defaultItems?: Iterable<T>\n  /**\n   * The default uncontrolled selected value(s).\n   * Pass a `Key[]` when `selectionMode` is `\"multiple\"`.\n   */\n  defaultValue?: Key | Key[] | null\n  /** Helper text displayed below the component. Styled as error text when `invalid` is `true`. */\n  description?: string\n  /** Disables the field and trigger button. */\n  disabled?: boolean\n  /** Item keys that are disabled and cannot be selected or focused. */\n  disabledKeys?: Iterable<Key>\n  /** Custom filter function for determining if an item should appear in the list. */\n  filter?: (textValue: string, inputValue: string) => boolean\n  /** If `true`, the `label` text is rendered as an `aria-label` instead of a visible label element. */\n  hideLabel?: boolean\n  /** The controlled value of the text input. */\n  inputValue?: string\n  /** Whether the input is in an invalid state. */\n  invalid?: boolean\n  /** The list of items (controlled dynamic collection). */\n  items?: Iterable<T>\n  /** Accessible label for the field. */\n  label: string\n  /** Controls when the listbox opens. */\n  menuTrigger?: \"focus\" | \"input\" | \"manual\"\n  /** Field name for form submission. */\n  name?: string\n  /**\n   * Called when the selected value(s) change.\n   * Receives `Key[]` when `selectionMode` is `\"multiple\"`, otherwise `Key | null`.\n   */\n  onChange?: ((value: Key | null) => void) | ((value: Key[]) => void)\n  /** Called when the input text changes. */\n  onInputChange?: (value: string) => void\n  /** Placeholder text for the input. */\n  placeholder?: string\n  /** If `true`, allows the value to be read but not changed. */\n  readOnly?: boolean\n  /** If `true`, appends an asterisk at the end of the label text. */\n  required?: boolean\n  /** Controls whether one or multiple items can be selected. Defaults to `\"single\"`. */\n  selectionMode?: \"single\" | \"multiple\"\n  /** The size of the combo box. */\n  size?: ComboBoxSize\n  /**\n   * The controlled selected value(s).\n   * Pass a `Key[]` when `selectionMode` is `\"multiple\"`.\n   */\n  value?: Key | Key[] | null\n}\n\nexport type ComboBoxElementProps<T extends object = object> = ComboBoxProps<T> &\n  Omit<AriaAttributes, keyof ComboBoxProps<T>> & {\n    className?: string\n    id?: string\n  }\n\nexport function ComboBox<T extends object>({\n  allowsEmptyCollection,\n  children,\n  className,\n  defaultInputValue,\n  defaultItems,\n  defaultValue,\n  description,\n  disabled,\n  disabledKeys,\n  filter,\n  hideLabel,\n  inputValue,\n  invalid,\n  items,\n  label,\n  menuTrigger,\n  name,\n  onChange,\n  onInputChange,\n  placeholder,\n  readOnly,\n  required,\n  selectionMode,\n  size = \"md\",\n  value,\n  ...restProps\n}: ComboBoxElementProps<T>) {\n  const combinedClassName = classNames(\n    \"tds-combo-box\",\n    { \"tds-combo-box--lg\": size === \"lg\" },\n    className\n  )\n\n  return (\n    // React Aria's ComboBox uses conditional generic types (ComboBoxProps<T, M>) to\n    // differentiate value/defaultValue/onChange/selectionMode per selection mode. Since\n    // our interface intentionally abstracts this detail, we bridge with targeted assertions\n    // on the four props that carry the selection-mode variance.\n    <AriaComboBox\n      {...restProps}\n      allowsEmptyCollection={allowsEmptyCollection}\n      aria-label={hideLabel ? label : undefined}\n      className={combinedClassName}\n      defaultFilter={filter}\n      defaultInputValue={defaultInputValue}\n      defaultItems={defaultItems}\n      defaultValue={defaultValue as unknown as Key | null}\n      disabledKeys={disabledKeys}\n      inputValue={inputValue}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isReadOnly={readOnly}\n      isRequired={required}\n      items={items}\n      menuTrigger={menuTrigger}\n      name={name}\n      onChange={onChange as unknown as (value: Key | null) => void}\n      onInputChange={onInputChange}\n      selectionMode={selectionMode as \"single\" | undefined}\n      value={value as unknown as Key | null}\n    >\n      {!hideLabel && <Label className=\"tds-combo-box-label\">{label}</Label>}\n      <Group className=\"tds-combo-box-field\">\n        <Input className=\"tds-combo-box-input\" placeholder={placeholder} />\n        <Button\n          className={classNames(\n            \"tds-combo-box-button\",\n            menuTrigger !== \"focus\" && \"tds-btn tds-btn--infield\"\n          )}\n        >\n          <Icon aria-hidden symbol=\"general#down-caret\" />\n        </Button>\n      </Group>\n      <Popover className=\"tds-combo-box-popover\">\n        <ListBox className=\"tds-combo-box-list\">{children}</ListBox>\n      </Popover>\n      {description && (\n        <Text className=\"tds-combo-box-description\" slot=\"description\">\n          <Icon\n            aria-hidden\n            className=\"tds-combo-box-description-invalid-icon\"\n            symbol=\"general#exclamation-triangle\"\n          />\n          {description}\n        </Text>\n      )}\n    </AriaComboBox>\n  )\n}\n\nexport function ComboBoxItem<T extends object>(props: ListBoxItemProps<T>) {\n  return (\n    <ListBoxItem\n      {...props}\n      className={classNames(\"tds-combo-box-list-item\", props.className)}\n    />\n  )\n}\n\ninterface ComboBoxSectionProps<T extends object>\n  extends Omit<ListBoxSectionProps<T>, \"children\"> {\n  children: ReactNode\n  title?: string\n}\n\nexport function ComboBoxSection<T extends object>({\n  children,\n  title,\n  ...props\n}: ComboBoxSectionProps<T>) {\n  return (\n    <ListBoxSection\n      {...props}\n      className={classNames(\"tds-combo-box-list-section\", props.className)}\n    >\n      {title && (\n        <Header className=\"tds-combo-box-section-header\">{title}</Header>\n      )}\n      {children}\n    </ListBoxSection>\n  )\n}\n"],"names":["React","AriaComboBox"],"mappings":"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"}

package/dist/components/combo-box/index.d.ts

@@ -0,0 +1,4 @@
+import "./index.css";
+export type { ComboBoxElementProps, ComboBoxProps, ComboBoxSize, } from "./ComboBox";
+export { ComboBox, ComboBoxItem, ComboBoxSection } from "./ComboBox";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/combo-box/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/combo-box/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,YAAY,EACV,oBAAoB,EACpB,aAAa,EACb,YAAY,GACb,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA"}

package/dist/components/date-picker/DatePicker.d.ts

@@ -1,7 +1,9 @@
+import "../button/btn.css";
 import "./index.css";
-import type { DateValue } from "@internationalized/date";
+import { type DateValue } from "@internationalized/date";
 import React, { type AriaAttributes } from "react";
 export type DatePickerSize = "md" | "lg";
+export type DatePickerDateValue = DateValue | string;
 export interface DatePickerProps {
     /** Helper text displayed below the component. Styled as error text when `invalid` is `true`. */
     description?: string;
@@ -17,10 +19,10 @@ export interface DatePickerProps {
     isDateUnavailable?: (date: DateValue) => boolean;
     /** Accessible label for the field. */
     label: string;
-    /** Maximum selectable date. */
-    max?: DateValue;
-    /** Minimum selectable date. */
-    min?: DateValue;
+    /** Maximum selectable date. Accepts a DateValue or ISO date string. */
+    max?: DatePickerDateValue;
+    /** Minimum selectable date. Accepts a DateValue or ISO date string. */
+    min?: DatePickerDateValue;
     /** Called when the selected date changes. */
     onChange?: (value: DateValue | null) => void;
     /** If `true`, allows the value to be read but not changed. */
@@ -29,8 +31,8 @@ export interface DatePickerProps {
     required?: boolean;
     /** The size of the date picker. */
     size?: DatePickerSize;
-    /** The controlled value. */
-    value?: DateValue | null;
+    /** The controlled value. Accepts a DateValue or ISO date string. */
+    value?: DatePickerDateValue | null;
 }
 export type DatePickerElementProps = DatePickerProps & Omit<AriaAttributes, keyof DatePickerProps> & {
     className?: string;

package/dist/components/date-picker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAGxD,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAmBlD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAA;AAExC,MAAM,WAAW,eAAe;IAC9B,gGAAgG;IAChG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;IACtE,qGAAqG;IACrG,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wFAAwF;IACxF,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAA;IAChD,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,+BAA+B;IAC/B,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,+BAA+B;IAC/B,GAAG,CAAC,EAAE,SAAS,CAAA;IACf,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CACzB;AAED,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAClD,IAAI,CAAC,cAAc,EAAE,MAAM,eAAe,CAAC,GAAG;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAEH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,WAAW,EACX,QAAQ,EACR,cAAc,EACd,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,KAAK,EACL,GAAG,EACH,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAW,EACX,KAAK,EACL,GAAG,SAAS,EACb,EAAE,sBAAsB,qBAyFxB;yBA1Ge,UAAU"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAA;AAC1B,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,yBAAyB,CAAA;AAGnE,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAmBlD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAA;AAExC,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,MAAM,CAAA;AAepD,MAAM,WAAW,eAAe;IAC9B,gGAAgG;IAChG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4FAA4F;IAC5F,cAAc,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;IACtE,qGAAqG;IACrG,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wFAAwF;IACxF,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAA;IAChD,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,uEAAuE;IACvE,GAAG,CAAC,EAAE,mBAAmB,CAAA;IACzB,uEAAuE;IACvE,GAAG,CAAC,EAAE,mBAAmB,CAAA;IACzB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,oEAAoE;IACpE,KAAK,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;CACnC;AAED,MAAM,MAAM,sBAAsB,GAAG,eAAe,GAClD,IAAI,CAAC,cAAc,EAAE,MAAM,eAAe,CAAC,GAAG;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAEH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,WAAW,EACX,QAAQ,EACR,cAAc,EACd,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,KAAK,EACL,GAAG,EACH,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAW,EACX,KAAK,EACL,GAAG,SAAS,EACb,EAAE,sBAAsB,qBA6FxB;yBA9Ge,UAAU"}

package/dist/components/date-picker/DatePicker.js

@@ -1,17 +1,31 @@
+import { parseDate as $fae977aafc393c5c$export$6b862160d295c8e } from './../../ext/@internationalized/date/dist/string.js';
 import Icon from '../../utilities/Icon.js';
 import classNames from 'classnames';
 import React__default from 'react';
 import { DatePicker as DatePicker$1, Label, Group, DateInput, DateSegment, Button, Popover, Calendar, Heading, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, CalendarCell, Text } from 'react-aria-components';
 
+function toCalendarDate(input) {
+    if (input === null)
+        return null;
+    if (input === undefined)
+        return undefined;
+    if (typeof input === "object" && "calendar" in input) {
+        return input;
+    }
+    return $fae977aafc393c5c$export$6b862160d295c8e(input);
+}
 function DatePicker({ className, description, disabled, firstDayOfWeek, hideLabel, invalid, isDateUnavailable, label, max, min, onChange, readOnly, required, size = "md", value, ...restProps }) {
+    const convertedValue = toCalendarDate(value);
+    const convertedMin = toCalendarDate(min) ?? undefined;
+    const convertedMax = toCalendarDate(max) ?? undefined;
     const combinedClassName = classNames("tds-date-picker", { "tds-date-picker--lg": size === "lg" }, className);
-    return (React__default.createElement(DatePicker$1, { ...restProps, "aria-label": hideLabel ? label : undefined, className: combinedClassName, isDateUnavailable: isDateUnavailable, isDisabled: disabled, isInvalid: invalid, isReadOnly: readOnly, isRequired: required, maxValue: max ?? undefined, minValue: min ?? undefined, onChange: onChange ?? undefined, value: value },
+    return (React__default.createElement(DatePicker$1, { ...restProps, "aria-label": hideLabel ? label : undefined, className: combinedClassName, isDateUnavailable: isDateUnavailable, isDisabled: disabled, isInvalid: invalid, isReadOnly: readOnly, isRequired: required, maxValue: convertedMax, minValue: convertedMin, onChange: onChange ?? undefined, value: convertedValue },
         !hideLabel && React__default.createElement(Label, { className: "tds-date-picker-label" }, label),
         React__default.createElement(Group, { className: "tds-date-picker-field" },
             React__default.createElement(DateInput, { className: "tds-date-picker-input" }, (segment) => (React__default.createElement(DateSegment, { className: segment.type === "literal"
                     ? "tds-date-picker-segment-separator"
                     : "tds-date-picker-segment", segment: segment }))),
-            React__default.createElement(Button, { className: "tds-date-picker-button" },
+            React__default.createElement(Button, { className: "tds-btn tds-btn--infield tds-date-picker-button" },
                 React__default.createElement(Icon, { "aria-hidden": true, symbol: "general#calendar" }))),
         React__default.createElement(Popover, { className: "tds-date-picker-popover" },
             React__default.createElement(Calendar, { className: "tds-date-picker-calendar", firstDayOfWeek: firstDayOfWeek },

package/dist/components/date-picker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport type { DateValue } from \"@internationalized/date\"\nimport Icon from \"@utilities/Icon\"\nimport classNames from \"classnames\"\nimport React, { type AriaAttributes } from \"react\"\nimport {\n  Button,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  DateInput,\n  DatePicker as AriaDatePicker,\n  DateSegment,\n  Group,\n  Heading,\n  Label,\n  Popover,\n  Text,\n} from \"react-aria-components\"\n\nexport type DatePickerSize = \"md\" | \"lg\"\n\nexport interface DatePickerProps {\n  /** Helper text displayed below the component. Styled as error text when `invalid` is `true`. */\n  description?: string\n  /** Disables the input and calendar button. */\n  disabled?: boolean\n  /** Sets the first day of the week in the calendar. Defaults to locale-appropriate value. */\n  firstDayOfWeek?: \"fri\" | \"mon\" | \"sat\" | \"sun\" | \"thu\" | \"tue\" | \"wed\"\n  /** If `true`, the `label` text is rendered as an `aria-label` instead of a visible label element. */\n  hideLabel?: boolean\n  /** Whether the input is in an invalid state. */\n  invalid?: boolean\n  /** Callback that returns `true` for dates that should be visible but not selectable. */\n  isDateUnavailable?: (date: DateValue) => boolean\n  /** Accessible label for the field. */\n  label: string\n  /** Maximum selectable date. */\n  max?: DateValue\n  /** Minimum selectable date. */\n  min?: DateValue\n  /** Called when the selected date changes. */\n  onChange?: (value: DateValue | null) => void\n  /** If `true`, allows the value to be read but not changed. */\n  readOnly?: boolean\n  /** If `true`, appends an asterisk at the end of the label text. */\n  required?: boolean\n  /** The size of the date picker. */\n  size?: DatePickerSize\n  /** The controlled value. */\n  value?: DateValue | null\n}\n\nexport type DatePickerElementProps = DatePickerProps &\n  Omit<AriaAttributes, keyof DatePickerProps> & {\n    className?: string\n    id?: string\n  }\n\nexport function DatePicker({\n  className,\n  description,\n  disabled,\n  firstDayOfWeek,\n  hideLabel,\n  invalid,\n  isDateUnavailable,\n  label,\n  max,\n  min,\n  onChange,\n  readOnly,\n  required,\n  size = \"md\",\n  value,\n  ...restProps\n}: DatePickerElementProps) {\n  const combinedClassName = classNames(\n    \"tds-date-picker\",\n    { \"tds-date-picker--lg\": size === \"lg\" },\n    className\n  )\n\n  return (\n    <AriaDatePicker\n      {...restProps}\n      aria-label={hideLabel ? label : undefined}\n      className={combinedClassName}\n      isDateUnavailable={isDateUnavailable}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isReadOnly={readOnly}\n      isRequired={required}\n      maxValue={max ?? undefined}\n      minValue={min ?? undefined}\n      onChange={onChange ?? undefined}\n      value={value}\n    >\n      {!hideLabel && <Label className=\"tds-date-picker-label\">{label}</Label>}\n      <Group className=\"tds-date-picker-field\">\n        <DateInput className=\"tds-date-picker-input\">\n          {(segment) => (\n            <DateSegment\n              className={\n                segment.type === \"literal\"\n                  ? \"tds-date-picker-segment-separator\"\n                  : \"tds-date-picker-segment\"\n              }\n              segment={segment}\n            />\n          )}\n        </DateInput>\n        <Button className=\"tds-date-picker-button\">\n          <Icon aria-hidden symbol=\"general#calendar\" />\n        </Button>\n      </Group>\n      <Popover className=\"tds-date-picker-popover\">\n        <Calendar\n          className=\"tds-date-picker-calendar\"\n          firstDayOfWeek={firstDayOfWeek}\n        >\n          <header className=\"tds-date-picker-calendar-header\">\n            <Button className=\"tds-date-picker-calendar-nav\" slot=\"previous\">\n              <Icon aria-hidden symbol=\"general#left-chevron\" />\n            </Button>\n            <Heading className=\"tds-date-picker-calendar-title\" />\n            <Button className=\"tds-date-picker-calendar-nav\" slot=\"next\">\n              <Icon aria-hidden symbol=\"general#right-chevron\" />\n            </Button>\n          </header>\n          <CalendarGrid className=\"tds-date-picker-calendar-grid\">\n            <CalendarGridHeader className=\"tds-date-picker-calendar-grid-header\">\n              {(day) => (\n                <CalendarHeaderCell className=\"tds-date-picker-calendar-header-cell\">\n                  {day}\n                </CalendarHeaderCell>\n              )}\n            </CalendarGridHeader>\n            <CalendarGridBody className=\"tds-date-picker-calendar-grid-body\">\n              {(date) => (\n                <CalendarCell\n                  className=\"tds-date-picker-calendar-cell\"\n                  date={date}\n                />\n              )}\n            </CalendarGridBody>\n          </CalendarGrid>\n        </Calendar>\n      </Popover>\n      {description && (\n        <Text\n          elementType=\"p\"\n          className=\"tds-date-picker-description\"\n          slot=\"description\"\n        >\n          <Icon\n            aria-hidden\n            className=\"tds-date-picker-description-invalid-icon\"\n            symbol=\"general#exclamation-triangle\"\n          />\n          {description}\n        </Text>\n      )}\n    </AriaDatePicker>\n  )\n}\n\nDatePicker.displayName = \"DatePicker\"\n"],"names":["React","AriaDatePicker"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../src/components/date-picker/DatePicker.tsx"],"sourcesContent":["import \"../button/btn.css\"\nimport \"./index.css\"\n\nimport { type DateValue, parseDate } from \"@internationalized/date\"\nimport Icon from \"@utilities/Icon\"\nimport classNames from \"classnames\"\nimport React, { type AriaAttributes } from \"react\"\nimport {\n  Button,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  DateInput,\n  DatePicker as AriaDatePicker,\n  DateSegment,\n  Group,\n  Heading,\n  Label,\n  Popover,\n  Text,\n} from \"react-aria-components\"\n\nexport type DatePickerSize = \"md\" | \"lg\"\n\nexport type DatePickerDateValue = DateValue | string\n\nfunction toCalendarDate(\n  input: DatePickerDateValue | null | undefined\n): DateValue | null | undefined {\n  if (input === null) return null\n  if (input === undefined) return undefined\n\n  if (typeof input === \"object\" && \"calendar\" in input) {\n    return input\n  }\n\n  return parseDate(input)\n}\n\nexport interface DatePickerProps {\n  /** Helper text displayed below the component. Styled as error text when `invalid` is `true`. */\n  description?: string\n  /** Disables the input and calendar button. */\n  disabled?: boolean\n  /** Sets the first day of the week in the calendar. Defaults to locale-appropriate value. */\n  firstDayOfWeek?: \"fri\" | \"mon\" | \"sat\" | \"sun\" | \"thu\" | \"tue\" | \"wed\"\n  /** If `true`, the `label` text is rendered as an `aria-label` instead of a visible label element. */\n  hideLabel?: boolean\n  /** Whether the input is in an invalid state. */\n  invalid?: boolean\n  /** Callback that returns `true` for dates that should be visible but not selectable. */\n  isDateUnavailable?: (date: DateValue) => boolean\n  /** Accessible label for the field. */\n  label: string\n  /** Maximum selectable date. Accepts a DateValue or ISO date string. */\n  max?: DatePickerDateValue\n  /** Minimum selectable date. Accepts a DateValue or ISO date string. */\n  min?: DatePickerDateValue\n  /** Called when the selected date changes. */\n  onChange?: (value: DateValue | null) => void\n  /** If `true`, allows the value to be read but not changed. */\n  readOnly?: boolean\n  /** If `true`, appends an asterisk at the end of the label text. */\n  required?: boolean\n  /** The size of the date picker. */\n  size?: DatePickerSize\n  /** The controlled value. Accepts a DateValue or ISO date string. */\n  value?: DatePickerDateValue | null\n}\n\nexport type DatePickerElementProps = DatePickerProps &\n  Omit<AriaAttributes, keyof DatePickerProps> & {\n    className?: string\n    id?: string\n  }\n\nexport function DatePicker({\n  className,\n  description,\n  disabled,\n  firstDayOfWeek,\n  hideLabel,\n  invalid,\n  isDateUnavailable,\n  label,\n  max,\n  min,\n  onChange,\n  readOnly,\n  required,\n  size = \"md\",\n  value,\n  ...restProps\n}: DatePickerElementProps) {\n  const convertedValue = toCalendarDate(value)\n  const convertedMin = toCalendarDate(min) ?? undefined\n  const convertedMax = toCalendarDate(max) ?? undefined\n\n  const combinedClassName = classNames(\n    \"tds-date-picker\",\n    { \"tds-date-picker--lg\": size === \"lg\" },\n    className\n  )\n\n  return (\n    <AriaDatePicker\n      {...restProps}\n      aria-label={hideLabel ? label : undefined}\n      className={combinedClassName}\n      isDateUnavailable={isDateUnavailable}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isReadOnly={readOnly}\n      isRequired={required}\n      maxValue={convertedMax}\n      minValue={convertedMin}\n      onChange={onChange ?? undefined}\n      value={convertedValue}\n    >\n      {!hideLabel && <Label className=\"tds-date-picker-label\">{label}</Label>}\n      <Group className=\"tds-date-picker-field\">\n        <DateInput className=\"tds-date-picker-input\">\n          {(segment) => (\n            <DateSegment\n              className={\n                segment.type === \"literal\"\n                  ? \"tds-date-picker-segment-separator\"\n                  : \"tds-date-picker-segment\"\n              }\n              segment={segment}\n            />\n          )}\n        </DateInput>\n        <Button className=\"tds-btn tds-btn--infield tds-date-picker-button\">\n          <Icon aria-hidden symbol=\"general#calendar\" />\n        </Button>\n      </Group>\n      <Popover className=\"tds-date-picker-popover\">\n        <Calendar\n          className=\"tds-date-picker-calendar\"\n          firstDayOfWeek={firstDayOfWeek}\n        >\n          <header className=\"tds-date-picker-calendar-header\">\n            <Button className=\"tds-date-picker-calendar-nav\" slot=\"previous\">\n              <Icon aria-hidden symbol=\"general#left-chevron\" />\n            </Button>\n            <Heading className=\"tds-date-picker-calendar-title\" />\n            <Button className=\"tds-date-picker-calendar-nav\" slot=\"next\">\n              <Icon aria-hidden symbol=\"general#right-chevron\" />\n            </Button>\n          </header>\n          <CalendarGrid className=\"tds-date-picker-calendar-grid\">\n            <CalendarGridHeader className=\"tds-date-picker-calendar-grid-header\">\n              {(day) => (\n                <CalendarHeaderCell className=\"tds-date-picker-calendar-header-cell\">\n                  {day}\n                </CalendarHeaderCell>\n              )}\n            </CalendarGridHeader>\n            <CalendarGridBody className=\"tds-date-picker-calendar-grid-body\">\n              {(date) => (\n                <CalendarCell\n                  className=\"tds-date-picker-calendar-cell\"\n                  date={date}\n                />\n              )}\n            </CalendarGridBody>\n          </CalendarGrid>\n        </Calendar>\n      </Popover>\n      {description && (\n        <Text\n          elementType=\"p\"\n          className=\"tds-date-picker-description\"\n          slot=\"description\"\n        >\n          <Icon\n            aria-hidden\n            className=\"tds-date-picker-description-invalid-icon\"\n            symbol=\"general#exclamation-triangle\"\n          />\n          {description}\n        </Text>\n      )}\n    </AriaDatePicker>\n  )\n}\n\nDatePicker.displayName = \"DatePicker\"\n"],"names":["parseDate","React","AriaDatePicker"],"mappings":"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"}

package/dist/components/date-picker/index.d.ts

@@ -1,4 +1,4 @@
 import "./index.css";
-export type { DatePickerElementProps, DatePickerProps, DatePickerSize, } from "./DatePicker";
+export type { DatePickerDateValue, DatePickerElementProps, DatePickerProps, DatePickerSize, } from "./DatePicker";
 export { DatePicker } from "./DatePicker";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/date-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,YAAY,EACV,sBAAsB,EACtB,eAAe,EACf,cAAc,GACf,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,YAAY,EACV,mBAAmB,EACnB,sBAAsB,EACtB,eAAe,EACf,cAAc,GACf,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/page-header/index.js

@@ -1,6 +1,6 @@
-import '../../tapestry-wc/dist/components/p-D8qDXp6N.js';
-import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-page-header.js';
-import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-page-header-nav.js';
+import '../../packages/tapestry-wc/dist/components/p-D8qDXp6N.js';
+import { defineCustomElement } from '../../packages/tapestry-wc/dist/components/tds-page-header.js';
+import { defineCustomElement as defineCustomElement$1 } from '../../packages/tapestry-wc/dist/components/tds-page-header-nav.js';
 
 defineCustomElement();
 defineCustomElement$1();

package/dist/components/sidenav/index.js

@@ -1,8 +1,8 @@
-import '../../tapestry-wc/dist/components/p-D8qDXp6N.js';
-import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-sidenav.js';
-import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-sidenav-item.js';
-import { defineCustomElement as defineCustomElement$3 } from '../../tapestry-wc/dist/components/tds-sidenav-responsive-header.js';
-import { defineCustomElement as defineCustomElement$2 } from '../../tapestry-wc/dist/components/tds-sidenav-section.js';
+import '../../packages/tapestry-wc/dist/components/p-D8qDXp6N.js';
+import { defineCustomElement } from '../../packages/tapestry-wc/dist/components/tds-sidenav.js';
+import { defineCustomElement as defineCustomElement$1 } from '../../packages/tapestry-wc/dist/components/tds-sidenav-item.js';
+import { defineCustomElement as defineCustomElement$3 } from '../../packages/tapestry-wc/dist/components/tds-sidenav-responsive-header.js';
+import { defineCustomElement as defineCustomElement$2 } from '../../packages/tapestry-wc/dist/components/tds-sidenav-section.js';
 
 defineCustomElement();
 defineCustomElement$1();

package/dist/components/time-field/TimeField.d.ts

@@ -0,0 +1,47 @@
+import "./index.css";
+import type { CalendarDateTime, Time, ZonedDateTime } from "@internationalized/date";
+import React, { type AriaAttributes } from "react";
+export type TimeFieldSize = "md" | "lg";
+export type TimeFieldValue = CalendarDateTime | Time | ZonedDateTime;
+export interface TimeFieldProps {
+    /** The default uncontrolled value (e.g. `new Time(9, 30)` or `new CalendarDateTime(2025, 1, 1, 9, 30)`). */
+    defaultValue?: TimeFieldValue | null;
+    /** Helper text displayed below the component. Styled as error text when `invalid` is `true`. */
+    description?: string;
+    /** Disables the field. */
+    disabled?: boolean;
+    /** If `true`, always shows leading zeros in the hour field. */
+    forceLeadingZeros?: boolean;
+    /** If `true`, renders the label visually hidden. */
+    hideLabel?: boolean;
+    /** If `true`, hides the time zone abbreviation for ZonedDateTime values. */
+    hideTimeZone?: boolean;
+    /** Whether to display in 12 or 24 hour format. By default, determined by locale. */
+    hourCycle?: 12 | 24;
+    /** If `true`, applies error styling to the field and description. */
+    invalid?: boolean;
+    /** Accessible label for the field. */
+    label: string;
+    /** The maximum allowed time (e.g. `new Time(17, 0)`). */
+    max?: TimeFieldValue;
+    /** The minimum allowed time (e.g. `new Time(9, 0)`). */
+    min?: TimeFieldValue;
+    /** Field name for form submission. */
+    name?: string;
+    /** Called when the value changes. */
+    onChange?: (value: TimeFieldValue | null) => void;
+    /** Allows the value to be read but not changed. */
+    readOnly?: boolean;
+    /** If `true`, appends an asterisk after the label text. */
+    required?: boolean;
+    /** The size of the time field. */
+    size?: TimeFieldSize;
+    /** The controlled value (e.g. `new Time(9, 30)` or `new CalendarDateTime(2025, 1, 1, 9, 30)`). */
+    value?: TimeFieldValue | null;
+}
+export type TimeFieldElementProps = TimeFieldProps & Omit<AriaAttributes, keyof TimeFieldProps> & {
+    className?: string;
+    id?: string;
+};
+export declare function TimeField({ className, defaultValue, description, disabled, forceLeadingZeros, hideLabel, hideTimeZone, hourCycle, invalid, label, max, min, name, onChange, readOnly, required, size, value, ...restProps }: TimeFieldElementProps): React.JSX.Element;
+//# sourceMappingURL=TimeField.d.ts.map

package/dist/components/time-field/TimeField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../../src/components/time-field/TimeField.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,KAAK,EACV,gBAAgB,EAChB,IAAI,EACJ,aAAa,EACd,MAAM,yBAAyB,CAAA;AAGhC,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AASlD,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,CAAA;AAEvC,MAAM,MAAM,cAAc,GAAG,gBAAgB,GAAG,IAAI,GAAG,aAAa,CAAA;AAEpE,MAAM,WAAW,cAAc;IAC7B,4GAA4G;IAC5G,YAAY,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IACpC,gGAAgG;IAChG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4EAA4E;IAC5E,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,oFAAoF;IACpF,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;IACnB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,GAAG,CAAC,EAAE,cAAc,CAAA;IACpB,wDAAwD;IACxD,GAAG,CAAC,EAAE,cAAc,CAAA;IACpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IACjD,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kCAAkC;IAClC,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,kGAAkG;IAClG,KAAK,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;CAC9B;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,GAChD,IAAI,CAAC,cAAc,EAAE,MAAM,cAAc,CAAC,GAAG;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAEH,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,SAAS,EACT,OAAO,EACP,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAW,EACX,KAAK,EACL,GAAG,SAAS,EACb,EAAE,qBAAqB,qBAwDvB"}

package/dist/components/time-field/TimeField.js

@@ -0,0 +1,19 @@
+import Icon from '../../utilities/Icon.js';
+import classNames from 'classnames';
+import React__default from 'react';
+import { TimeField as TimeField$1, Label, DateInput, DateSegment, Text } from 'react-aria-components';
+
+function TimeField({ className, defaultValue, description, disabled, forceLeadingZeros, hideLabel, hideTimeZone, hourCycle, invalid, label, max, min, name, onChange, readOnly, required, size = "md", value, ...restProps }) {
+    const combinedClassName = classNames("tds-time-field", { "tds-time-field--lg": size === "lg" }, className);
+    return (React__default.createElement(TimeField$1, { ...restProps, "aria-label": hideLabel ? label : undefined, className: combinedClassName, defaultValue: defaultValue, granularity: "minute", hideTimeZone: hideTimeZone, hourCycle: hourCycle, isDisabled: disabled, isInvalid: invalid, isReadOnly: readOnly, isRequired: required, maxValue: max ?? undefined, minValue: min ?? undefined, name: name, onChange: onChange ?? undefined, shouldForceLeadingZeros: forceLeadingZeros, value: value },
+        !hideLabel && React__default.createElement(Label, { className: "tds-time-field-label" }, label),
+        React__default.createElement(DateInput, { className: "tds-time-field-input" }, (segment) => (React__default.createElement(DateSegment, { className: segment.type === "literal"
+                ? "tds-time-field-segment-separator"
+                : "tds-time-field-segment", segment: segment }))),
+        description && (React__default.createElement(Text, { elementType: "p", className: "tds-time-field-description", slot: "description" },
+            React__default.createElement(Icon, { "aria-hidden": true, className: "tds-time-field-description-invalid-icon", symbol: "general#exclamation-triangle" }),
+            description))));
+}
+
+export { TimeField };
+//# sourceMappingURL=TimeField.js.map

package/dist/components/time-field/TimeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.js","sources":["../../../src/components/time-field/TimeField.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport type {\n  CalendarDateTime,\n  Time,\n  ZonedDateTime,\n} from \"@internationalized/date\"\nimport Icon from \"@utilities/Icon\"\nimport classNames from \"classnames\"\nimport React, { type AriaAttributes } from \"react\"\nimport {\n  DateInput,\n  DateSegment,\n  Label,\n  Text,\n  TimeField as AriaTimeField,\n} from \"react-aria-components\"\n\nexport type TimeFieldSize = \"md\" | \"lg\"\n\nexport type TimeFieldValue = CalendarDateTime | Time | ZonedDateTime\n\nexport interface TimeFieldProps {\n  /** The default uncontrolled value (e.g. `new Time(9, 30)` or `new CalendarDateTime(2025, 1, 1, 9, 30)`). */\n  defaultValue?: TimeFieldValue | null\n  /** Helper text displayed below the component. Styled as error text when `invalid` is `true`. */\n  description?: string\n  /** Disables the field. */\n  disabled?: boolean\n  /** If `true`, always shows leading zeros in the hour field. */\n  forceLeadingZeros?: boolean\n  /** If `true`, renders the label visually hidden. */\n  hideLabel?: boolean\n  /** If `true`, hides the time zone abbreviation for ZonedDateTime values. */\n  hideTimeZone?: boolean\n  /** Whether to display in 12 or 24 hour format. By default, determined by locale. */\n  hourCycle?: 12 | 24\n  /** If `true`, applies error styling to the field and description. */\n  invalid?: boolean\n  /** Accessible label for the field. */\n  label: string\n  /** The maximum allowed time (e.g. `new Time(17, 0)`). */\n  max?: TimeFieldValue\n  /** The minimum allowed time (e.g. `new Time(9, 0)`). */\n  min?: TimeFieldValue\n  /** Field name for form submission. */\n  name?: string\n  /** Called when the value changes. */\n  onChange?: (value: TimeFieldValue | null) => void\n  /** Allows the value to be read but not changed. */\n  readOnly?: boolean\n  /** If `true`, appends an asterisk after the label text. */\n  required?: boolean\n  /** The size of the time field. */\n  size?: TimeFieldSize\n  /** The controlled value (e.g. `new Time(9, 30)` or `new CalendarDateTime(2025, 1, 1, 9, 30)`). */\n  value?: TimeFieldValue | null\n}\n\nexport type TimeFieldElementProps = TimeFieldProps &\n  Omit<AriaAttributes, keyof TimeFieldProps> & {\n    className?: string\n    id?: string\n  }\n\nexport function TimeField({\n  className,\n  defaultValue,\n  description,\n  disabled,\n  forceLeadingZeros,\n  hideLabel,\n  hideTimeZone,\n  hourCycle,\n  invalid,\n  label,\n  max,\n  min,\n  name,\n  onChange,\n  readOnly,\n  required,\n  size = \"md\",\n  value,\n  ...restProps\n}: TimeFieldElementProps) {\n  const combinedClassName = classNames(\n    \"tds-time-field\",\n    { \"tds-time-field--lg\": size === \"lg\" },\n    className\n  )\n\n  return (\n    <AriaTimeField\n      {...restProps}\n      aria-label={hideLabel ? label : undefined}\n      className={combinedClassName}\n      defaultValue={defaultValue}\n      granularity=\"minute\"\n      hideTimeZone={hideTimeZone}\n      hourCycle={hourCycle}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isReadOnly={readOnly}\n      isRequired={required}\n      maxValue={max ?? undefined}\n      minValue={min ?? undefined}\n      name={name}\n      onChange={onChange ?? undefined}\n      shouldForceLeadingZeros={forceLeadingZeros}\n      value={value}\n    >\n      {!hideLabel && <Label className=\"tds-time-field-label\">{label}</Label>}\n      <DateInput className=\"tds-time-field-input\">\n        {(segment) => (\n          <DateSegment\n            className={\n              segment.type === \"literal\"\n                ? \"tds-time-field-segment-separator\"\n                : \"tds-time-field-segment\"\n            }\n            segment={segment}\n          />\n        )}\n      </DateInput>\n      {description && (\n        <Text\n          elementType=\"p\"\n          className=\"tds-time-field-description\"\n          slot=\"description\"\n        >\n          <Icon\n            aria-hidden\n            className=\"tds-time-field-description-invalid-icon\"\n            symbol=\"general#exclamation-triangle\"\n          />\n          {description}\n        </Text>\n      )}\n    </AriaTimeField>\n  )\n}\n"],"names":["React","AriaTimeField"],"mappings":";;;;;AAiEM,SAAU,SAAS,CAAC,EACxB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,SAAS,EACT,OAAO,EACP,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,KAAK,EACL,GAAG,SAAS,EACU,EAAA;AACtB,IAAA,MAAM,iBAAiB,GAAG,UAAU,CAClC,gBAAgB,EAChB,EAAE,oBAAoB,EAAE,IAAI,KAAK,IAAI,EAAE,EACvC,SAAS,CACV;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAACC,WAAa,EAAA,EAAA,GACR,SAAS,gBACD,SAAS,GAAG,KAAK,GAAG,SAAS,EACzC,SAAS,EAAE,iBAAiB,EAC5B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAC,QAAQ,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,QAAQ,EACpB,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE,QAAQ,EACpB,UAAU,EAAE,QAAQ,EACpB,QAAQ,EAAE,GAAG,IAAI,SAAS,EAC1B,QAAQ,EAAE,GAAG,IAAI,SAAS,EAC1B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,uBAAuB,EAAE,iBAAiB,EAC1C,KAAK,EAAE,KAAK,EAAA;QAEX,CAAC,SAAS,IAAID,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,SAAS,EAAC,sBAAsB,EAAA,EAAE,KAAK,CAAS;QACtEA,cAAA,CAAA,aAAA,CAAC,SAAS,IAAC,SAAS,EAAC,sBAAsB,EAAA,EACxC,CAAC,OAAO,MACPA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EACV,SAAS,EACP,OAAO,CAAC,IAAI,KAAK;AACf,kBAAE;kBACA,wBAAwB,EAE9B,OAAO,EAAE,OAAO,EAAA,CAChB,CACH,CACS;AACX,QAAA,WAAW,KACVA,cAAA,CAAA,aAAA,CAAC,IAAI,IACH,WAAW,EAAC,GAAG,EACf,SAAS,EAAC,4BAA4B,EACtC,IAAI,EAAC,aAAa,EAAA;YAElBA,cAAA,CAAA,aAAA,CAAC,IAAI,yBAEH,SAAS,EAAC,yCAAyC,EACnD,MAAM,EAAC,8BAA8B,EAAA,CACrC;AACD,YAAA,WAAW,CACP,CACR,CACa;AAEpB;;;;"}

package/dist/components/time-field/index.d.ts

@@ -0,0 +1,4 @@
+import "./index.css";
+export type { TimeFieldElementProps, TimeFieldProps, TimeFieldSize, } from "./TimeField";
+export { TimeField } from "./TimeField";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/time-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/time-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,YAAY,EACV,qBAAqB,EACrB,cAAc,EACd,aAAa,GACd,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}