@new-black/lyra 0.0.25 → 0.0.28

package/dist/components/inputs/text-area-field/text-area-field.stories.d.ts

@@ -0,0 +1,114 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { TextAreaField } from "./text-area-field";
+declare const meta: Meta<typeof TextAreaField>;
+export default meta;
+export type TextAreaFieldStory = StoryObj<typeof TextAreaField>;
+/**
+ * ## CSS Variables
+ * ```css
+ * :root {
+ * // Background
+ * --input-bg-color: theme(colors.neutral.0);
+ * --input-disabled-bg-color: theme(colors.neutral.1);
+ * // Border
+ * --input-radius: theme(borderRadius.base);
+ * --input-border-default-color: theme(colors.neutral.3);
+ * --input-border-default-hover-color: theme(colors.neutral.4);
+ * --input-border-focused-color: theme(colors.primary.3);
+ * --input-border-valid-color: theme(colors.success.3);
+ * --input-border-invalid-color: theme(colors.danger.3);
+ * --input-border-width: theme(borderWidth.DEFAULT);
+ * // Ring
+ * --input-ring-focused-color: theme(colors.primary.opacity-2);
+ * --input-ring-valid-color: theme(colors.success.opacity-2);
+ * --input-ring-invalid-color: theme(colors.danger.opacity-2);
+ * // Size: Small
+ * --input-padding-x-small: theme(spacing.4);
+ * --input-padding-y-small: theme(spacing.2);
+ * --input-text-size-small: theme(fontSize.base);
+ * --input-label-size-small: theme(fontSize.base);
+ * --input-hint-size-small: theme(fontSize.base);
+ * --input-description-size-small: theme(fontSize.xs);
+ * --input-icon-size-small: theme(width.5);
+ * // Size: Medium
+ * --input-padding-x-medium: theme(spacing.4);
+ * --input-padding-y-medium: theme(spacing.3);
+ * --input-text-size-medium: theme(fontSize.base);
+ * --input-label-size-medium: theme(fontSize.base);
+ * --input-hint-size-medium: theme(fontSize.base);
+ * --input-description-size-medium: theme(fontSize.xs);
+ * --input-icon-size-medium: theme(width.5);
+ * // Size: Large
+ * --input-padding-x-large: theme(spacing.4);
+ * --input-padding-y-large: theme(spacing.4);
+ * --input-text-size-large: theme(fontSize.base);
+ * --input-label-size-large: theme(fontSize.base);
+ * --input-hint-size-large: theme(fontSize.base);
+ * --input-description-size-large: theme(fontSize.xs);
+ * --input-icon-size-large: theme(width.5);
+ * // Font
+ * --input-font-family: theme(fontFamily.sans);
+ * --input-text-color: theme(colors.neutral.foreground-1);
+ * --input-text-disabled-color: theme(colors.neutral.4);
+ * --input-placeholder-color: theme(colors.neutral.6);
+ * --input-text-weight: theme(fontWeight.normal);
+ * // Label
+ * --input-label-font-family: theme(fontFamily.sans);
+ * --input-label-color: theme(colors.neutral.foreground-1);
+ * --input-label-weight: theme(fontWeight.normal);
+ * --input-label-margin-bottom: theme(spacing.2);
+ * // Hint
+ * --input-hint-font-family: theme(fontFamily.sans);
+ * --input-hint-color: theme(colors.neutral.6);
+ * --input-hint-weight: theme(fontWeight.normal);
+ * }
+ * ```
+ * ### Default
+ */
+export declare const Default: TextAreaFieldStory;
+export declare const Disabled: TextAreaFieldStory;
+export declare const Description: TextAreaFieldStory;
+export declare const Error: TextAreaFieldStory;
+export declare const Required: TextAreaFieldStory;
+export declare const WithPlaceholder: TextAreaFieldStory;
+export declare const WithHint: TextAreaFieldStory;
+export declare const Uncontrolled: TextAreaFieldStory;
+/**
+ * ```tsx
+ * const ControlledComponent = (props: ComponentProps<typeof TextField>) => {
+ *  const [value, setValue] = useState<string | undefined>(props.value);
+ *  return (
+ *      <TextAreaField
+ *        {...props}
+ *        value={value ?? ""}
+ *        onChange={(val) => setValue(val)}
+ *      />
+ *  );
+};
+ * ```
+ */
+export declare const Controlled: TextAreaFieldStory;
+export declare const StartSlot: TextAreaFieldStory;
+export declare const EndSlot: TextAreaFieldStory;
+/**
+ * ```tsx
+ * <TextAreaField
+ *   fullWidth
+ *   label="Label"
+ *   startSlot={<InputIcon iconName="plus" variant="start" />}
+ * />
+ * ```
+ */
+export declare const StartIcon: TextAreaFieldStory;
+/**
+ * ```tsx
+ * <TextAreaField
+ *   fullWidth
+ *   label="Label"
+ *   endSlot={<InputIcon iconName="plus" variant="end" />}
+ * />
+ * ```
+ */
+export declare const EndIcon: TextAreaFieldStory;
+export declare const RowSize: TextAreaFieldStory;
+//# sourceMappingURL=text-area-field.stories.d.ts.map

package/dist/components/inputs/text-area-field/text-area-field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-area-field/text-area-field.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAkBpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AACH,eAAO,MAAM,OAAO,EAAE,kBAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,kBAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,kBAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,kBAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,kBAMtB,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,kBAM7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,kBAMtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,kBAO1B,CAAC;AAYF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,EAAE,kBAcxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,kBAMvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,kBAMrB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,EAAE,kBAavB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,EAAE,kBAarB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,kBAMrB,CAAC"}

package/dist/components/inputs/text-field/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/text-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/components/inputs/text-field/text-field.d.ts

@@ -1,13 +1,23 @@
 /// <reference types="react" />
 import { TextFieldProps as AriaTextFieldProps } from "react-aria-components";
 import { VariantProps } from "../../../utils/class-variance-authority";
-export declare const TextField: import("react").ForwardRefExoticComponent<AriaTextFieldProps & VariantProps<(props?: ({
+import { sharedInputFieldStyles, sharedInputFieldWrapperStyles } from "../shared.styles";
+export type TextFieldProps = AriaTextFieldProps & VariantProps<typeof sharedInputFieldWrapperStyles> & VariantProps<typeof sharedInputFieldStyles> & {
+    label?: string;
+    description?: string;
+    errorMessage?: string;
+    startSlot?: JSX.Element;
+    endSlot?: JSX.Element;
+    placeholder?: string;
+    hint?: string;
+};
+export declare const TextField: (props: AriaTextFieldProps & VariantProps<(props?: ({
     fullWidth?: boolean | null | undefined;
 } & import("../../../utils/class-variance-authority/types").ClassProp) | undefined) => string> & VariantProps<(props?: ({
     fullWidth?: boolean | null | undefined;
     isDisabled?: boolean | null | undefined;
-    size?: "medium" | "small" | "large" | null | undefined;
-    validationState?: "valid" | "invalid" | null | undefined;
+    size?: "small" | "large" | "medium" | null | undefined;
+    validationState?: "invalid" | "valid" | null | undefined;
     isHovered?: boolean | null | undefined;
     isFocused?: boolean | null | undefined;
 } & import("../../../utils/class-variance-authority/types").ClassProp) | undefined) => string> & {
@@ -18,5 +28,5 @@ export declare const TextField: import("react").ForwardRefExoticComponent<AriaTe
     endSlot?: JSX.Element | undefined;
     placeholder?: string | undefined;
     hint?: string | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 //# sourceMappingURL=text-field.d.ts.map

package/dist/components/inputs/text-field/text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/text-field/text-field.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,cAAc,IAAI,kBAAkB,EAGrC,MAAM,uBAAuB,CAAC;AAU/B,OAAO,EAAE,YAAY,EAAM,MAAM,yCAAyC,CAAC;AAC3E,OAAO,oBAAoB,CAAC;AAc5B,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;kDAyGrB,CAAC"}
+{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/text-field.tsx"],"names":[],"mappings":";AACA,OAAO,EAIL,cAAc,IAAI,kBAAkB,EACrC,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAAM,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAG3E,OAAO,EACL,sBAAsB,EACtB,6BAA6B,EAI9B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,oBAAoB,CAAC;AAE5B,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,YAAY,CAAC,OAAO,6BAA6B,CAAC,GAClD,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAyGJ,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;4IAA8B,CAAC"}

package/dist/components/inputs/text-field/text-field.stories.d.ts

@@ -0,0 +1,135 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { TextField } from "./text-field";
+declare const meta: Meta<typeof TextField>;
+export default meta;
+export type TextFieldStory = StoryObj<typeof TextField>;
+/**
+ * ## CSS Variables
+ * ```css
+ * :root {
+ * // Background
+ * --input-bg-color: theme(colors.neutral.0);
+ * --input-disabled-bg-color: theme(colors.neutral.1);
+ * // Border
+ * --input-radius: theme(borderRadius.base);
+ * --input-border-default-color: theme(colors.neutral.3);
+ * --input-border-default-hover-color: theme(colors.neutral.4);
+ * --input-border-focused-color: theme(colors.primary.3);
+ * --input-border-valid-color: theme(colors.success.3);
+ * --input-border-invalid-color: theme(colors.danger.3);
+ * --input-border-width: theme(borderWidth.DEFAULT);
+ * // Ring
+ * --input-ring-focused-color: theme(colors.primary.opacity-2);
+ * --input-ring-valid-color: theme(colors.success.opacity-2);
+ * --input-ring-invalid-color: theme(colors.danger.opacity-2);
+ * // Size: Small
+ * --input-padding-x-small: theme(spacing.4);
+ * --input-padding-y-small: theme(spacing.2);
+ * --input-text-size-small: theme(fontSize.base);
+ * --input-label-size-small: theme(fontSize.base);
+ * --input-hint-size-small: theme(fontSize.base);
+ * --input-description-size-small: theme(fontSize.xs);
+ * --input-icon-size-small: theme(width.5);
+ * // Size: Medium
+ * --input-padding-x-medium: theme(spacing.4);
+ * --input-padding-y-medium: theme(spacing.3);
+ * --input-text-size-medium: theme(fontSize.base);
+ * --input-label-size-medium: theme(fontSize.base);
+ * --input-hint-size-medium: theme(fontSize.base);
+ * --input-description-size-medium: theme(fontSize.xs);
+ * --input-icon-size-medium: theme(width.5);
+ * // Size: Large
+ * --input-padding-x-large: theme(spacing.4);
+ * --input-padding-y-large: theme(spacing.4);
+ * --input-text-size-large: theme(fontSize.base);
+ * --input-label-size-large: theme(fontSize.base);
+ * --input-hint-size-large: theme(fontSize.base);
+ * --input-description-size-large: theme(fontSize.xs);
+ * --input-icon-size-large: theme(width.5);
+ * // Font
+ * --input-font-family: theme(fontFamily.sans);
+ * --input-text-color: theme(colors.neutral.foreground-1);
+ * --input-text-disabled-color: theme(colors.neutral.4);
+ * --input-placeholder-color: theme(colors.neutral.6);
+ * --input-text-weight: theme(fontWeight.normal);
+ * // Label
+ * --input-label-font-family: theme(fontFamily.sans);
+ * --input-label-color: theme(colors.neutral.foreground-1);
+ * --input-label-weight: theme(fontWeight.normal);
+ * --input-label-margin-bottom: theme(spacing.2);
+ * // Hint
+ * --input-hint-font-family: theme(fontFamily.sans);
+ * --input-hint-color: theme(colors.neutral.6);
+ * --input-hint-weight: theme(fontWeight.normal);
+ * }
+ * ```
+ * ### Default
+ */
+export declare const Default: TextFieldStory;
+export declare const Disabled: TextFieldStory;
+export declare const Description: TextFieldStory;
+export declare const Error: TextFieldStory;
+export declare const Required: TextFieldStory;
+export declare const WithPlaceholder: TextFieldStory;
+export declare const WithHint: TextFieldStory;
+export declare const Uncontrolled: TextFieldStory;
+/**
+ * ```tsx
+ * const ControlledComponent = (props: ComponentProps<typeof TextField>) => {
+ *  const [value, setValue] = useState<string | undefined>(props.value ?? props.defaultValue);
+ *  return (
+ *      <TextField
+ *        {...props}
+ *        value={value ?? ""}
+ *        onChange={(val) => setValue(val)}
+ *      />
+ *  );
+};
+ * ```
+ */
+export declare const Controlled: TextFieldStory;
+/**
+ * The type of input to render. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdeftype).
+ * 	`text`
+ *     `search`
+ *     `url`
+ *     `tel`
+ *     `email`
+ *     `password`
+ */
+export declare const Types: TextFieldStory;
+/**
+ * The type of input to render. See [MDN](https://html.spec.whatwg.org/multipage/interaction.html#input-modalities:-the-inputmode-attribute).
+ * 	`text`
+ *  `search`
+ *  `url`
+ *  `tel`
+ *  `email`
+ *  `password`
+ *  `numeric`
+ *  `decimal`
+ */
+export declare const InputMode: TextFieldStory;
+export declare const StartSlot: TextFieldStory;
+export declare const EndSlot: TextFieldStory;
+/**
+ * ```tsx
+ * <TextField
+ *   fullWidth
+ *   label="Label"
+ *   startSlot={<InputIcon iconName="plus" variant="start" />}
+ * />
+ * ```
+ */
+export declare const StartIcon: TextFieldStory;
+/**
+ * ```tsx
+ * <TextField
+ *   fullWidth
+ *   label="Label"
+ *   endSlot={<InputIcon iconName="plus" variant="end" />}
+ * />
+ * ```
+ */
+export declare const EndIcon: TextFieldStory;
+//# sourceMappingURL=text-field.stories.d.ts.map

package/dist/components/inputs/text-field/text-field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/text-field.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAehC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AACH,eAAO,MAAM,OAAO,EAAE,cAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,cAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,cAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,cAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,cAMtB,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,cAM7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,cAMtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,cAO1B,CAAC;AAYF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,EAAE,cAcxB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,KAAK,EAAE,cAMnB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,EAAE,cAMvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,cAMvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,cAMrB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,EAAE,cAavB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,EAAE,cAarB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/time-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/time-field/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { TimeFieldProps as AriaTimeFieldProps, TimeValue } from "react-aria-components";
-import { sharedInputFieldStyles, sharedInputFieldWrapperStyles } from "../shared.styles";
 import { VariantProps } from "../../../utils/class-variance-authority";
+import { sharedInputFieldStyles, sharedInputFieldWrapperStyles } from "../shared.styles";
 export type { TimeValue };
 export type TimeFieldProps<T extends TimeValue> = AriaTimeFieldProps<T> & VariantProps<typeof sharedInputFieldWrapperStyles> & VariantProps<typeof sharedInputFieldStyles> & {
     label?: string;
@@ -16,8 +16,8 @@ export declare const TimeField: <T extends TimeValue>(props: AriaTimeFieldProps<
 } & import("../../../utils/class-variance-authority/types").ClassProp) | undefined) => string> & VariantProps<(props?: ({
     fullWidth?: boolean | null | undefined;
     isDisabled?: boolean | null | undefined;
-    size?: "medium" | "small" | "large" | null | undefined;
-    validationState?: "valid" | "invalid" | null | undefined;
+    size?: "small" | "large" | "medium" | null | undefined;
+    validationState?: "invalid" | "valid" | null | undefined;
     isHovered?: boolean | null | undefined;
     isFocused?: boolean | null | undefined;
 } & import("../../../utils/class-variance-authority/types").ClassProp) | undefined) => string> & {

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

@@ -1 +1 @@
-{"version":3,"file":"time-field.d.ts","sourceRoot":"","sources":["../../../../../src/components/inputs/time-field/time-field.tsx"],"names":[],"mappings":";AACA,OAAO,EAEL,cAAc,IAAI,kBAAkB,EAEpC,SAAS,EAGV,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACL,sBAAsB,EACtB,6BAA6B,EAI9B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAM,MAAM,yCAAyC,CAAC;AAC3E,OAAO,oBAAoB,CAAC;AAE5B,OAAO,uBAAuB,CAAC;AAE/B,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,SAAS,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACrE,YAAY,CAAC,OAAO,6BAA6B,CAAC,GAClD,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAkHJ,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;4IAA8B,CAAC"}
+{"version":3,"file":"time-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/time-field/time-field.tsx"],"names":[],"mappings":";AACA,OAAO,EAKL,cAAc,IAAI,kBAAkB,EACpC,SAAS,EACV,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAAM,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAG3E,OAAO,EACL,sBAAsB,EACtB,6BAA6B,EAI9B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,uBAAuB,CAAC;AAE/B,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,SAAS,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACrE,YAAY,CAAC,OAAO,6BAA6B,CAAC,GAClD,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAgHJ,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;4IAA8B,CAAC"}

package/dist/components/inputs/time-field/time-field.stories.d.ts

@@ -0,0 +1,59 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { TimeField } from "./time-field";
+declare const meta: Meta<typeof TimeField>;
+export default meta;
+export type TimeFieldStory = StoryObj<typeof TimeField>;
+/**
+ * ## CSS Variables
+ * ```css
+ * :root {
+ *   --time-field-segment-focused-bg: theme(colors.primary.3);
+ *   --time-field-segment-focused-text: theme(colors.primary.foreground-2);
+ *   --time-field-segment-padding-x: theme(padding[0.5]);
+ *   --time-field-segment-padding-y: theme(padding.0);
+ *   --time-field-segment-radius: theme(borderRadius.base);
+ * }
+ * ```
+ * ### Default
+ */
+export declare const Default: TimeFieldStory;
+export declare const Disabled: TimeFieldStory;
+export declare const Description: TimeFieldStory;
+export declare const Error: TimeFieldStory;
+export declare const Required: TimeFieldStory;
+export declare const WithHint: TimeFieldStory;
+export declare const Uncontrolled: TimeFieldStory;
+/**
+ * ```tsx
+ * const ControlledComponent = (props: ComponentProps<typeof TimeField>) => {
+ *   const [value, setValue] = useState<TimeValue | null | undefined>();
+ *   return (
+ *       <TimeField {...props} value={value} onChange={(val) => setValue(val)} />
+ *   );
+ * };
+ * ```
+ */
+export declare const Controlled: TimeFieldStory;
+export declare const StartSlot: TimeFieldStory;
+export declare const EndSlot: TimeFieldStory;
+/**
+ * ```tsx
+ * <TimeField
+ *   fullWidth
+ *   label="Label"
+ *   startSlot={<InputIcon iconName="arrow-left" variant="start" />}
+ * />
+ * ```
+ */
+export declare const StartIcon: TimeFieldStory;
+/**
+ * ```tsx
+ * <TimeField
+ *   fullWidth
+ *   label="Label"
+ *   endSlot={<InputIcon iconName="arrow-left" variant="end" />}
+ * />
+ * ```
+ */
+export declare const EndIcon: TimeFieldStory;
+//# sourceMappingURL=time-field.stories.d.ts.map

package/dist/components/inputs/time-field/time-field.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-field.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/time-field/time-field.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,SAAS,EAAa,MAAM,cAAc,CAAC;AAIpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAehC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO,EAAE,cAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,cAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,cAMzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,cAOnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,cAMtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,cAMtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,cAO1B,CAAC;AAYF;;;;;;;;;GASG;AACH,eAAO,MAAM,UAAU,EAAE,cAcxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,cAQvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,cAQrB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,EAAE,cAcvB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,EAAE,cAcrB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/list-box/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/list-box/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}

package/dist/components/list-box/list-box-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-box-styles.d.ts","sourceRoot":"","sources":["../../../../src/components/list-box/list-box-styles.ts"],"names":[],"mappings":"AACA,OAAO,qBAAqB,CAAC;AAE7B,eAAO,MAAM,aAAa,uGAczB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;0FAgD7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,gGAO9B,CAAC"}
+{"version":3,"file":"list-box-styles.d.ts","sourceRoot":"","sources":["../../../src/components/list-box/list-box-styles.ts"],"names":[],"mappings":"AACA,OAAO,qBAAqB,CAAC;AAE7B,eAAO,MAAM,aAAa,uGAczB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;0FAgD7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,gGAO9B,CAAC"}

package/dist/components/list-box/list-box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list-box.d.ts","sourceRoot":"","sources":["../../../../src/components/list-box/list-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,EAAc,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,IAAI,IAAI,QAAQ,EAChB,OAAO,IAAI,WAAW,EACtB,MAAM,IAAI,UAAU,EACrB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAEL,iBAAiB,EACjB,aAAa,EACd,MAAM,mBAAmB,CAAC;AAG3B,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,GACjE,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEJ,QAAA,MAAM,WAAW,mHAQV,aAAa,cAAc,CAAC,4CAmBlC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GACrD,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEzC,eAAO,MAAM,IAAI,sCACoB,SAAS,OACvC,aAAa,WAAW,CAAC,4CAqC/B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE5D,eAAO,MAAM,MAAM,4BACQ,WAAW,OAC/B,aAAa,WAAW,CAAC,4CAS/B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAC9D,eAAO,MAAM,OAAO,UACX,YAAY,OACd,aAAa,WAAW,CAAC,4CAG/B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;MAEf,WAAW,kBAAkB,CAAC,CAAC;AAEpC,eAAO,MAAM,WAAW,gHAAmB,CAAC;AAC5C,eAAO,MAAM,cAAc,wMAAsB,CAAC;AAClD,eAAO,MAAM,aAAa,+LAAqB,CAAC"}
+{"version":3,"file":"list-box.d.ts","sourceRoot":"","sources":["../../../src/components/list-box/list-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,EAAc,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,IAAI,IAAI,QAAQ,EAChB,OAAO,IAAI,WAAW,EACtB,MAAM,IAAI,UAAU,EACrB,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAEL,iBAAiB,EACjB,aAAa,EACd,MAAM,mBAAmB,CAAC;AAG3B,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,GACjE,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEJ,QAAA,MAAM,WAAW,mHAQV,aAAa,cAAc,CAAC,4CAmBlC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GACrD,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEzC,eAAO,MAAM,IAAI,sCACoB,SAAS,OACvC,aAAa,WAAW,CAAC,4CAqC/B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAE5D,eAAO,MAAM,MAAM,4BACQ,WAAW,OAC/B,aAAa,WAAW,CAAC,4CAS/B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAC9D,eAAO,MAAM,OAAO,UACX,YAAY,OACd,aAAa,WAAW,CAAC,4CAG/B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;MAEf,WAAW,kBAAkB,CAAC,CAAC;AAEpC,eAAO,MAAM,WAAW,gHAAmB,CAAC;AAC5C,eAAO,MAAM,cAAc,wMAAsB,CAAC;AAClD,eAAO,MAAM,aAAa,+LAAqB,CAAC"}

package/dist/components/list-box/list-box.stories.d.ts

@@ -0,0 +1,130 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { ListBox } from "./list-box";
+type Item = {
+    name: string;
+    id: string;
+    children?: Item[];
+};
+declare const meta: Meta;
+export default meta;
+type ListBoxStoryProps = StoryObj<typeof ListBox<Item>>;
+/**
+ * ## CSS Variables
+ * ```css
+ * :root {
+ *  --list-box-padding: theme(spacing[1]);
+ *  --list-box-row-gap: theme(spacing[1]);
+ *  --list-box-item-padding-y: theme(spacing[1]);
+ *  --list-box-item-padding-start: theme(spacing[2]);
+ *  --list-box-item-padding-end: theme(spacing[2]);
+ *  --list-box-item-gap-x: theme(spacing[1]);
+ *  --list-box-item-bg-color: theme(colors.transparent);
+ *  --list-box-item-text-color: theme(colors.neutral.foreground-1);
+ *  --list-box-item-text-size: theme(fontSize.base);
+ *  --list-box-item-text-weight: theme(fontWeight.normal);
+ *  --list-box-item-focused-bg-color: theme(colors.primary.DEFAULT);
+ *  --list-box-item-focused-text-color: theme(colors.primary.foreground-2);
+ *  --list-box-item-pressed-bg-color: theme(colors.primary.4);
+ *  --list-box-item-pressed-text-color: theme(colors.primary.foreground-2);
+ *  --list-box-item-selected-bg-color: var(--list-box-item-bg-color);
+ *  --list-box-item-selected-text-color: var(--list-box-item-text-color);
+ *  --list-box-item-hover-bg-color: theme(colors.neutral.2);
+ *  --list-box-item-hover-text-color: theme(colors.neutral.foreground-1);
+ *  --list-box-item-focused-hover-bg-color: theme(colors.primary.2);
+ *  --list-box-item-focused-hover-text-color: theme(colors.primary.foreground-2);
+ *  --list-box-header-padding-y: theme(padding[1]);
+ *  --list-box-header-padding-x: theme(padding[2]);
+ *  --list-box-header-text-color: theme(colors.neutral.foreground-1);
+ *  --list-box-header-text-size: theme(fontSize.lg);
+ *  --list-box-header-text-weight: theme(fontWeight.medium);
+ * }
+ * ```
+ *
+ * ## Usage
+ *
+ * ```tsx
+ * const items: Item[] = [
+ * { name: "Item 1", id: "item-1" },
+ * { name: "Item 2", id: "item-2" },
+ * { name: "Item 3", id: "item-3" },
+ * { name: "Item 4", id: "item-4" },
+ * ];
+ *
+ * const ListBoxExample = (args: ListBoxProps<Item>) => (
+ * <ListBox{...args}>
+ *  {(item) => <ListBoxItem textValue={item.id}>{item.name}</ListBoxItem>}
+ * </ListBox>
+ * );
+ * ```
+ *
+ */
+export declare const Default: ListBoxStoryProps;
+/**
+ *
+ * ```tsx
+ * type Item = {
+ *   name: string;
+ *  id: string;
+ * }
+ *
+ * const ControlledTemplate = (args: ListBoxProps<Item>) => {
+ *  const [selected, setSelected] = useState<Selection>(new Set(["item-1"]));
+ *
+ *  return (
+ *      <ListBox {...args} selectedKeys={selected} onSelectionChange={setSelected}>
+ *        {(item) => <ListBoxItem>{item.name}</ListBoxItem>}
+ *      </ListBox>
+ *  );
+ * }
+ * ```
+ */
+export declare const Controlled: ListBoxStoryProps;
+/**
+ *
+ * ```tsx
+ * const DisabledListBoxItemExample = (args: ListBoxProps<Item>) => {
+ *  return (
+ *      <ListBox{...args} disabledKeys={["item-2"]}>
+ *        {(item) => <ListBoxItem>{item.name}</ListBoxItem>}
+ *      </ListBox>
+ *  );
+ * }
+ * ```
+ */
+export declare const DisabledItems: ListBoxStoryProps;
+/**
+ *
+ * ```tsx
+ * const MultiListBoxItemExample = (args: ListBoxProps<Item>) => {
+ *  return (
+ *      <ListBox {...args} selectionMode="multiple">
+ *        {(item) => <ListBoxItem>{item.name}</ListBoxItem>}
+ *      </ListBox>
+ *  );
+ * }
+ * ```
+ */
+export declare const MultiSelect: ListBoxStoryProps;
+/**
+ *
+ * ```tsx
+ * const NestedListBoxItemExample = (args: ListBoxProps<Item>) => {
+ *  return (
+ *      <ListBox {...args}>
+ *        {(item) => (
+ *        <ListBoxSection>
+ *          <ListBoxHeader>{item.name}</ListBox.Header>
+ *         <Collection items={item.children}>
+ *           {(child) => (
+ *            <ListBoxItem textValue={child.id}>{child.name}</ListBox.Item>
+ *            )}
+ *          </Collection>
+ *        </ListBoxSection>
+ *    )}
+ *      </ListBox>
+ *  );
+ * }
+ * ```
+ */
+export declare const Nested: ListBoxStoryProps;
+//# sourceMappingURL=list-box.stories.d.ts.map

package/dist/components/list-box/list-box.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-box.stories.d.ts","sourceRoot":"","sources":["../../../src/components/list-box/list-box.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EACL,OAAO,EAKR,MAAM,YAAY,CAAC;AAIpB,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,iBAAiB,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;AASxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,eAAO,MAAM,OAAO,EAAE,iBAiBrB,CAAC;AAmBF;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,EAAE,iBAaxB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,EAAE,iBAM3B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,EAAE,iBAMzB,CAAC;AAmCF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM,EAAE,iBAmBpB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EACb,YAAY,IAAI,gBAAgB,EACjC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAgB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,gBAAgB,EAChB,qBAAqB,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CAChE,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAsBF,eAAO,MAAM,OAAO;cAvBR,SAAS;+CAuBsB,CAAC;AAE5C,eAAO,MAAM,cAAc,sBAAgB,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EACb,YAAY,IAAI,gBAAgB,EACjC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAgB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,gBAAgB,EAChB,qBAAqB,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CAChE,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAsBF,eAAO,MAAM,OAAO;cAvBR,SAAS;+CAuBsB,CAAC;AAE5C,eAAO,MAAM,cAAc,sBAAgB,CAAC"}