@dxos/react-ui 0.8.4-main.ead640a → 0.8.4-main.effb148878

package/dist/types/src/components/Input/Input.d.ts

@@ -1,14 +1,28 @@
-import { type CheckboxProps as CheckboxPrimitiveProps } from '@radix-ui/react-checkbox';
-import React, { type ComponentPropsWithRef } from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import React, { type ComponentPropsWithRef, type ForwardRefExoticComponent } from 'react';
 import { type DescriptionAndValidationProps as DescriptionAndValidationPrimitiveProps, type DescriptionProps as DescriptionPrimitiveProps, type InputRootProps, type InputScopedProps, type LabelProps as LabelPrimitiveProps, type PinInputProps as PinInputPrimitiveProps, type TextAreaProps as TextAreaPrimitiveProps, type TextInputProps as TextInputPrimitiveProps, type ValidationProps as ValidationPrimitiveProps } from '@dxos/react-input';
-import { type ClassNameValue, type Density, type Elevation, type Size } from '@dxos/react-ui-types';
+import { type Density, type Elevation, type Size } from '@dxos/ui-types';
 import { type ThemedClassName } from '../../util';
+import { type SegmentedDateProps, type SegmentedDateTimeProps, type SegmentedTimeProps } from './SegmentedInput';
 type InputVariant = 'default' | 'subdued';
 type InputSharedProps = Partial<{
     density: Density;
     elevation: Elevation;
     variant: InputVariant;
 }>;
+type InputTriggerHandler = () => void;
+/**
+ * Field hook. Pass an opener function; while the field is mounted, an `Input.TriggerIcon`
+ * sibling will call this opener on press. Returns a no-op when used outside `Input.Root`.
+ */
+declare const useInputTrigger: (handler: InputTriggerHandler | undefined) => void;
+declare function Root(props: InputRootProps): React.JSX.Element;
+declare namespace Root {
+    var displayName: string;
+}
+type TriggerIconProps = ThemedClassName<Omit<ComponentPropsWithRef<'button'>, 'children' | 'onClick'> & {
+    icon?: string;
+}>;
 type LabelProps = ThemedClassName<LabelPrimitiveProps> & {
     srOnly?: boolean;
 };
@@ -21,13 +35,16 @@ type ValidationProps = ThemedClassName<ValidationPrimitiveProps> & {
 type DescriptionAndValidationProps = ThemedClassName<DescriptionAndValidationPrimitiveProps> & {
     srOnly?: boolean;
 };
-type PinInputProps = InputSharedProps & Omit<PinInputPrimitiveProps, 'segmentClassName' | 'inputClassName'> & {
-    segmentClassName?: ClassNameValue;
-    inputClassName?: ClassNameValue;
+type PinInputProps = ThemedClassName<InputSharedProps & Omit<PinInputPrimitiveProps, 'className' | 'segmentClassName'>>;
+type AutoFillProps = {
+    noAutoFill?: boolean;
 };
-type TextInputProps = InputSharedProps & ThemedClassName<TextInputPrimitiveProps>;
+type TextInputProps = InputSharedProps & ThemedClassName<TextInputPrimitiveProps> & AutoFillProps;
+type TimeProps = SegmentedTimeProps;
+type DateInputProps = SegmentedDateProps;
+type DateTimeInputProps = SegmentedDateTimeProps;
 type TextAreaProps = InputSharedProps & ThemedClassName<TextAreaPrimitiveProps>;
-type CheckboxProps = ThemedClassName<Omit<CheckboxPrimitiveProps, 'children'>> & {
+type CheckboxProps = ThemedClassName<Omit<CheckboxPrimitive.CheckboxProps, 'children'>> & {
     size?: Size;
 };
 type SwitchProps = ThemedClassName<Omit<ComponentPropsWithRef<'input'>, 'children' | 'onChange'> & {
@@ -35,18 +52,75 @@ type SwitchProps = ThemedClassName<Omit<ComponentPropsWithRef<'input'>, 'childre
 }>;
 export declare const Input: {
     Root: {
-        ({ __inputScope, id: propsId, descriptionId: propsDescriptionId, errorMessageId: propsErrorMessageId, validationValence, children, }: InputScopedProps<InputRootProps>): React.JSX.Element;
+        (props: InputRootProps): React.JSX.Element;
         displayName: string;
     };
-    PinInput: React.ForwardRefExoticComponent<Omit<PinInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
-    TextInput: React.ForwardRefExoticComponent<Omit<InputScopedProps<TextInputProps>, "ref"> & React.RefAttributes<HTMLInputElement>>;
-    TextArea: React.ForwardRefExoticComponent<Omit<InputScopedProps<TextAreaProps>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
-    Checkbox: React.ForwardRefExoticComponent<CheckboxProps>;
-    Switch: React.ForwardRefExoticComponent<Omit<InputScopedProps<SwitchProps>, "ref"> & React.RefAttributes<HTMLInputElement>>;
-    Label: React.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
-    Description: React.ForwardRefExoticComponent<Omit<DescriptionProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-    Validation: React.ForwardRefExoticComponent<Omit<InputScopedProps<ValidationProps>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-    DescriptionAndValidation: React.ForwardRefExoticComponent<Omit<DescriptionAndValidationProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    TriggerIcon: ForwardRefExoticComponent<Omit<TriggerIconProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    PinInput: ForwardRefExoticComponent<Omit<PinInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    TextInput: ForwardRefExoticComponent<Omit<InputScopedProps<TextInputProps>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    TextArea: ForwardRefExoticComponent<Omit<InputScopedProps<TextAreaProps>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+    Time: ForwardRefExoticComponent<Partial<{
+        density: Density;
+        elevation: Elevation;
+        variant: InputVariant;
+    }> & Omit<{
+        id?: string;
+        value?: string;
+        defaultValue?: string;
+        onValueChange?: (value: string) => void;
+        disabled?: boolean;
+        autoFocus?: boolean;
+        'aria-label'?: string;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        hourCycle?: 12 | 24;
+    } & {
+        __inputScope?: import("@radix-ui/react-context").Scope;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Date: ForwardRefExoticComponent<Partial<{
+        density: Density;
+        elevation: Elevation;
+        variant: InputVariant;
+    }> & Omit<{
+        id?: string;
+        value?: string;
+        defaultValue?: string;
+        onValueChange?: (value: string) => void;
+        disabled?: boolean;
+        autoFocus?: boolean;
+        'aria-label'?: string;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        __inputScope?: import("@radix-ui/react-context").Scope;
+    } & React.RefAttributes<HTMLDivElement>>;
+    DateTime: ForwardRefExoticComponent<Partial<{
+        density: Density;
+        elevation: Elevation;
+        variant: InputVariant;
+    }> & Omit<{
+        id?: string;
+        value?: string;
+        defaultValue?: string;
+        onValueChange?: (value: string) => void;
+        disabled?: boolean;
+        autoFocus?: boolean;
+        'aria-label'?: string;
+    }, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & {
+        hourCycle?: 12 | 24;
+    } & {
+        __inputScope?: import("@radix-ui/react-context").Scope;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Checkbox: ForwardRefExoticComponent<CheckboxProps>;
+    Switch: ForwardRefExoticComponent<Omit<InputScopedProps<SwitchProps>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    Label: ForwardRefExoticComponent<Omit<LabelProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+    Description: ForwardRefExoticComponent<Omit<DescriptionProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    Validation: ForwardRefExoticComponent<Omit<InputScopedProps<ValidationProps>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+    DescriptionAndValidation: ForwardRefExoticComponent<Omit<DescriptionAndValidationProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 };
-export type { InputVariant, InputRootProps, InputSharedProps, PinInputProps, TextInputProps, TextAreaProps, CheckboxProps, SwitchProps, LabelProps, DescriptionProps, ValidationProps, DescriptionAndValidationProps, };
+export { useInputTrigger };
+export type { InputVariant, InputRootProps, InputSharedProps, PinInputProps, TextInputProps, TextAreaProps, TimeProps, DateInputProps, DateTimeInputProps, CheckboxProps, SwitchProps, LabelProps, DescriptionProps, ValidationProps, DescriptionAndValidationProps, };
 //# sourceMappingURL=Input.d.ts.map

package/dist/types/src/components/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA6B,KAAK,aAAa,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEnH,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAA2D,MAAM,OAAO,CAAC;AAEnH,OAAO,EAEL,KAAK,6BAA6B,IAAI,sCAAsC,EAE5E,KAAK,gBAAgB,IAAI,yBAAyB,EAGlD,KAAK,cAAc,EACnB,KAAK,gBAAgB,EAErB,KAAK,UAAU,IAAI,mBAAmB,EAEtC,KAAK,aAAa,IAAI,sBAAsB,EAE5C,KAAK,aAAa,IAAI,sBAAsB,EAE5C,KAAK,cAAc,IAAI,uBAAuB,EAE9C,KAAK,eAAe,IAAI,wBAAwB,EAEjD,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAGpG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,KAAK,YAAY,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1C,KAAK,gBAAgB,GAAG,OAAO,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,SAAS,CAAC;IAAC,OAAO,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAEnG,KAAK,UAAU,GAAG,eAAe,CAAC,mBAAmB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAW9E,KAAK,gBAAgB,GAAG,eAAe,CAAC,yBAAyB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiB1F,KAAK,eAAe,GAAG,eAAe,CAAC,wBAAwB,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAuBxF,KAAK,6BAA6B,GAAG,eAAe,CAAC,sCAAsC,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAiBpH,KAAK,aAAa,GAAG,gBAAgB,GACnC,IAAI,CAAC,sBAAsB,EAAE,kBAAkB,GAAG,gBAAgB,CAAC,GAAG;IACpE,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAoDJ,KAAK,cAAc,GAAG,gBAAgB,GAAG,eAAe,CAAC,uBAAuB,CAAC,CAAC;AAkClF,KAAK,aAAa,GAAG,gBAAgB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AAiChF,KAAK,aAAa,GAAG,eAAe,CAAC,IAAI,CAAC,sBAAsB,EAAE,UAAU,CAAC,CAAC,GAAG;IAC/E,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAmDF,KAAK,WAAW,GAAG,eAAe,CAChC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAAE,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;CAAE,CACjH,CAAC;AA2CF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;CAWjB,CAAC;AAEF,YAAY,EACV,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,6BAA6B,GAC9B,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}

package/dist/types/src/components/Input/Input.stories.d.ts

@@ -1,11 +1,14 @@
 import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
-import { type MessageValence } from '@dxos/react-ui-types';
-import { type CheckboxProps, type PinInputProps, type SwitchProps, type TextAreaProps, type TextInputProps } from './Input';
+import { type MessageValence } from '@dxos/ui-types';
+import { type CheckboxProps, type DateInputProps, type DateTimeInputProps, type PinInputProps, type SwitchProps, type TextAreaProps, type TextInputProps, type TimeProps } from './Input';
 type VariantMap = {
     text: TextInputProps;
     pin: PinInputProps;
     textarea: TextAreaProps;
+    time: TimeProps;
+    date: DateInputProps;
+    datetime: DateTimeInputProps;
     checkbox: CheckboxProps;
     switch: SwitchProps;
 };
@@ -14,7 +17,7 @@ type Variant = {
         type: K;
     } & VariantMap[K];
 }[keyof VariantMap];
-type BaseProps = Partial<{
+type DefaultStoryProps = Partial<{
     kind: keyof VariantMap;
     label: string;
     labelVisuallyHidden: boolean;
@@ -26,21 +29,29 @@ type BaseProps = Partial<{
 declare const meta: {
     title: string;
     component: any;
-    render: (props: BaseProps) => React.JSX.Element;
+    render: ({ kind, label, description, labelVisuallyHidden, descriptionVisuallyHidden, validationValence, validationMessage, ...props }: DefaultStoryProps) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
 };
 export default meta;
-type Story = StoryObj<BaseProps & Variant>;
-export declare const Default: Story;
-export declare const DensityFine: Story;
+type Story = StoryObj<DefaultStoryProps & Variant>;
+export declare const Density: Story;
 export declare const Subdued: Story;
 export declare const Disabled: Story;
 export declare const LabelVisuallyHidden: Story;
-export declare const InputWithDescription: Story;
-export declare const InputWithErrorAndDescription: Story;
-export declare const InputWithValidationAndDescription: Story;
+export declare const WithDescription: Story;
+export declare const WithErrorAndDescription: Story;
+export declare const WithValidationAndDescription: Story;
 export declare const TextArea: Story;
 export declare const PinInput: Story;
+export declare const Time: Story;
+export declare const TimeUncontrolled: Story;
+export declare const TimeAmPm: Story;
+export declare const TimeDisabled: Story;
+export declare const Date: Story;
+export declare const DateTime: Story;
+export declare const DateWithPicker: Story;
+export declare const DateTimeWithPicker: Story;
 export declare const Checkbox: Story;
 export declare const Switch: Story;
+export declare const TextInputTypes: Story;
 //# sourceMappingURL=Input.stories.d.ts.map

package/dist/types/src/components/Input/Input.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI3D,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,SAAS,CAAC;AAEjB,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,cAAc,CAAC;IACrB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,OAAO,GAAG;KAAG,CAAC,IAAI,MAAM,UAAU,GAAG;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,CAAC,CAAC;CAAE,CAAC,MAAM,UAAU,CAAC,CAAC;AAE1F,KAAK,SAAS,GAAG,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,UAAU,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,yBAAyB,EAAE,OAAO,CAAC;IACnC,iBAAiB,EAAE,cAAc,CAAC;IAClC,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAkDH,QAAA,MAAM,IAAI;;eAEiB,GAAG;oBAlBD,SAAS;;CAqBD,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,SAAS,GAAG,OAAO,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAS1C,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,KAS/C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC"}
+{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAGrD,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EAEvB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,SAAS,CAAC;AAEjB,KAAK,UAAU,GAAG;IAChB,IAAI,EAAE,cAAc,CAAC;IACrB,GAAG,EAAE,aAAa,CAAC;IACnB,QAAQ,EAAE,aAAa,CAAC;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,cAAc,CAAC;IACrB,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,EAAE,aAAa,CAAC;IACxB,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,OAAO,GAAG;KAAG,CAAC,IAAI,MAAM,UAAU,GAAG;QAAE,IAAI,EAAE,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,CAAC,CAAC;CAAE,CAAC,MAAM,UAAU,CAAC,CAAC;AAE1F,KAAK,iBAAiB,GAAG,OAAO,CAAC;IAC/B,IAAI,EAAE,MAAM,UAAU,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,yBAAyB,EAAE,OAAO,CAAC;IACnC,iBAAiB,EAAE,cAAc,CAAC;IAClC,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC,CAAC;AAiCH,QAAA,MAAM,IAAI;;eAEiB,GAAG;2IAxB3B,iBAAiB;;CA2BiB,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,iBAAiB,GAAG,OAAO,CAAC,CAAC;AAEnD,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KASrC,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,KAS1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAM9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAWhC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAwBF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC"}

package/dist/types/src/components/Input/Input.theme.d.ts

@@ -0,0 +1,115 @@
+import { type ComponentFunction, type Density, type Elevation, type MessageValence, type Size } from '@dxos/ui-types';
+export type InputStyleProps = Partial<{
+    variant: 'default' | 'subdued' | 'static';
+    density: Density;
+    disabled: boolean;
+    elevation: Elevation;
+    focused: boolean;
+    validationValence: MessageValence;
+    size: Size;
+    checked: boolean;
+}>;
+export type InputMetaStyleProps = Partial<{
+    srOnly: boolean;
+    validationValence: MessageValence;
+}>;
+export declare const inputTheme: {
+    input: ComponentFunction<Partial<{
+        variant: 'default' | 'subdued' | 'static';
+        density: Density;
+        disabled: boolean;
+        elevation: Elevation;
+        focused: boolean;
+        validationValence: MessageValence;
+        size: Size;
+        checked: boolean;
+    }>>;
+    textArea: ComponentFunction<Partial<{
+        variant: 'default' | 'subdued' | 'static';
+        density: Density;
+        disabled: boolean;
+        elevation: Elevation;
+        focused: boolean;
+        validationValence: MessageValence;
+        size: Size;
+        checked: boolean;
+    }>>;
+    inputWithSegments: ComponentFunction<Partial<{
+        variant: 'default' | 'subdued' | 'static';
+        density: Density;
+        disabled: boolean;
+        elevation: Elevation;
+        focused: boolean;
+        validationValence: MessageValence;
+        size: Size;
+        checked: boolean;
+    }>>;
+    segment: ComponentFunction<Partial<{
+        variant: 'default' | 'subdued' | 'static';
+        density: Density;
+        disabled: boolean;
+        elevation: Elevation;
+        focused: boolean;
+        validationValence: MessageValence;
+        size: Size;
+        checked: boolean;
+    }>>;
+    checkbox: ComponentFunction<Partial<{
+        variant: 'default' | 'subdued' | 'static';
+        density: Density;
+        disabled: boolean;
+        elevation: Elevation;
+        focused: boolean;
+        validationValence: MessageValence;
+        size: Size;
+        checked: boolean;
+    }>>;
+    checkboxIndicator: ComponentFunction<Partial<{
+        variant: 'default' | 'subdued' | 'static';
+        density: Density;
+        disabled: boolean;
+        elevation: Elevation;
+        focused: boolean;
+        validationValence: MessageValence;
+        size: Size;
+        checked: boolean;
+    }>>;
+    label: ComponentFunction<Partial<{
+        srOnly: boolean;
+        validationValence: MessageValence;
+    }>>;
+    description: ComponentFunction<Partial<{
+        srOnly: boolean;
+        validationValence: MessageValence;
+    }>>;
+    switch: ComponentFunction<Partial<{
+        variant: 'default' | 'subdued' | 'static';
+        density: Density;
+        disabled: boolean;
+        elevation: Elevation;
+        focused: boolean;
+        validationValence: MessageValence;
+        size: Size;
+        checked: boolean;
+    }>>;
+    switchThumb: ComponentFunction<Partial<{
+        variant: 'default' | 'subdued' | 'static';
+        density: Density;
+        disabled: boolean;
+        elevation: Elevation;
+        focused: boolean;
+        validationValence: MessageValence;
+        size: Size;
+        checked: boolean;
+    }>>;
+    validation: ComponentFunction<Partial<{
+        srOnly: boolean;
+        validationValence: MessageValence;
+    }>>;
+    descriptionAndValidation: ComponentFunction<Partial<{
+        srOnly: boolean;
+        validationValence: MessageValence;
+    }>>;
+    triggerIcon: ComponentFunction<{}>;
+};
+//# sourceMappingURL=Input.theme.d.ts.map

package/dist/types/src/components/Input/Input.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.theme.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,IAAI,EACV,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;IACpC,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1C,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,cAAc,CAAC;IAClC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,cAAc,CAAC;CACnC,CAAC,CAAC;AAiJH,eAAO,MAAM,UAAU;;iBA9JZ,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAIR,OAAO;2BACI,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgKlC,CAAC"}

package/dist/types/src/components/Input/SegmentedInput.d.ts

@@ -0,0 +1,79 @@
+import React from 'react';
+import { type ThemedClassName } from '../../util';
+import { type InputSharedProps } from './Input';
+type SegmentedInputBaseProps = InputSharedProps & ThemedClassName<{
+    id?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    'aria-label'?: string;
+}>;
+type SegmentedTimeBearingProps = SegmentedInputBaseProps & {
+    /** `24` (default) renders HH:mm; `12` renders hh:mm with an AM/PM segment. */
+    hourCycle?: 12 | 24;
+};
+type SegmentedDateProps = SegmentedInputBaseProps;
+declare const SegmentedDate: React.ForwardRefExoticComponent<Partial<{
+    density: import("@dxos/ui-types").Density;
+    elevation: import("@dxos/ui-types").Elevation;
+    variant: import("./Input").InputVariant;
+}> & Omit<{
+    id?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    'aria-label'?: string;
+}, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & {
+    __inputScope?: import("@radix-ui/react-context").Scope;
+} & React.RefAttributes<HTMLDivElement>>;
+type SegmentedTimeProps = SegmentedTimeBearingProps;
+declare const SegmentedTime: React.ForwardRefExoticComponent<Partial<{
+    density: import("@dxos/ui-types").Density;
+    elevation: import("@dxos/ui-types").Elevation;
+    variant: import("./Input").InputVariant;
+}> & Omit<{
+    id?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    'aria-label'?: string;
+}, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & {
+    /** `24` (default) renders HH:mm; `12` renders hh:mm with an AM/PM segment. */
+    hourCycle?: 12 | 24;
+} & {
+    __inputScope?: import("@radix-ui/react-context").Scope;
+} & React.RefAttributes<HTMLDivElement>>;
+type SegmentedDateTimeProps = SegmentedTimeBearingProps;
+declare const SegmentedDateTime: React.ForwardRefExoticComponent<Partial<{
+    density: import("@dxos/ui-types").Density;
+    elevation: import("@dxos/ui-types").Elevation;
+    variant: import("./Input").InputVariant;
+}> & Omit<{
+    id?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    'aria-label'?: string;
+}, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & {
+    /** `24` (default) renders HH:mm; `12` renders hh:mm with an AM/PM segment. */
+    hourCycle?: 12 | 24;
+} & {
+    __inputScope?: import("@radix-ui/react-context").Scope;
+} & React.RefAttributes<HTMLDivElement>>;
+export { SegmentedDate, SegmentedTime, SegmentedDateTime };
+export type { SegmentedDateProps, SegmentedTimeProps, SegmentedDateTimeProps };
+//# sourceMappingURL=SegmentedInput.d.ts.map

package/dist/types/src/components/Input/SegmentedInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/SegmentedInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAajE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,EAAE,KAAK,gBAAgB,EAAmB,MAAM,SAAS,CAAC;AAwFjE,KAAK,uBAAuB,GAAG,gBAAgB,GAC7C,eAAe,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEL,KAAK,yBAAyB,GAAG,uBAAuB,GAAG;IACzD,8EAA8E;IAC9E,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;CACrB,CAAC;AAoEF,KAAK,kBAAkB,GAAG,uBAAuB,CAAC;AAElD,QAAA,MAAM,aAAa;;;;;SAlFV,MAAM;YACH,MAAM;mBACC,MAAM;oBACL,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;eAC5B,OAAO;gBACN,OAAO;mBACJ,MAAM;;;;;wCAwJxB,CAAC;AAOF,KAAK,kBAAkB,GAAG,yBAAyB,CAAC;AAEpD,QAAA,MAAM,aAAa;;;;;SAvKV,MAAM;YACH,MAAM;mBACC,MAAM;oBACL,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;eAC5B,OAAO;gBACN,OAAO;mBACJ,MAAM;;;;IAIvB,8EAA8E;gBAClE,EAAE,GAAG,EAAE;;;wCA8NpB,CAAC;AAOF,KAAK,sBAAsB,GAAG,yBAAyB,CAAC;AAExD,QAAA,MAAM,iBAAiB;;;;;SAlPd,MAAM;YACH,MAAM;mBACC,MAAM;oBACL,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;eAC5B,OAAO;gBACN,OAAO;mBACJ,MAAM;;;;IAIvB,8EAA8E;gBAClE,EAAE,GAAG,EAAE;;;wCAqUpB,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/types/src/components/Input/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const inputTextLabel = "py-1 text-sm text-description";
+//# sourceMappingURL=constants.d.ts.map

package/dist/types/src/components/Input/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,kCAAkC,CAAC"}

package/dist/types/src/components/Input/index.d.ts

@@ -1,2 +1,4 @@
 export * from './Input';
+export * from './SegmentedInput';
+export * from './constants';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC"}

package/dist/types/src/components/Link/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,GAChF,OAAO,CAAC;IACN,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC/B,CAAC,CAAC;AAEL,eAAO,MAAM,IAAI,kGAMhB,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,KAAK,EAAE,EAAE,KAAK,qBAAqB,EAAc,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,GAChF,OAAO,CAAC;IACN,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,QAAQ,GAAG,SAAS,CAAC;CAC/B,CAAC,CAAC;AAEL,eAAO,MAAM,IAAI,kGAchB,CAAC"}

package/dist/types/src/components/Link/Link.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Link/Link.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMjE,QAAA,MAAM,IAAI;;;;CAImB,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAkD,CAAC"}
+{"version":3,"file":"Link.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Link/Link.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAKjE,QAAA,MAAM,IAAI;;;;CAImB,CAAC;eAEf,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAkD,CAAC"}

package/dist/types/src/components/Link/Link.theme.d.ts

@@ -0,0 +1,6 @@
+import { type Theme } from '@dxos/ui-types';
+export type LinkStyleProps = {
+    variant?: 'accent' | 'neutral';
+};
+export declare const linkTheme: Theme<LinkStyleProps>;
+//# sourceMappingURL=Link.theme.d.ts.map

package/dist/types/src/components/Link/Link.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/Link/Link.theme.ts"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEpE,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC,CAAC;AAIF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAE3C,CAAC"}

package/dist/types/src/components/{Lists → List}/List.d.ts

@@ -1,12 +1,14 @@
 import React, { type ComponentPropsWithoutRef, type FC, type ForwardRefExoticComponent } from 'react';
 import { LIST_ITEM_NAME, LIST_NAME, type ListItemCollapsibleContentProps, type ListItemScopedProps, type ListItemHeadingProps as ListPrimitiveItemHeadingProps, type ListItemOpenTriggerProps as ListPrimitiveItemOpenTriggerProps, type ListItemProps as ListPrimitiveItemProps, type ListProps as ListPrimitiveProps, type ListScopedProps, useListContext, useListItemContext } from '@dxos/react-list';
-import { type Density } from '@dxos/react-ui-types';
+import { type Density } from '@dxos/ui-types';
 import { type ThemedClassName } from '../../util';
 import { ListDropIndicator } from './ListDropIndicator';
-type ListProps = ThemedClassName<ListPrimitiveProps> & {
+type ListProps = ThemedClassName<ListPrimitiveProps & {
     density?: Density;
-};
-declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
+}>;
+declare const List: ForwardRefExoticComponent<Omit<ListProps, "className"> & {
+    classNames?: import("@dxos/ui-types").ClassNameValue;
+} & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLOListElement>>;
 type ListItemEndcapProps = ThemedClassName<ComponentPropsWithoutRef<'div'>> & {
     asChild?: boolean;
 };

package/dist/types/src/components/List/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/List.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,KAAK,EAAE,EAAE,KAAK,yBAAyB,EAAc,MAAM,OAAO,CAAC;AAElH,OAAO,EACL,cAAc,EACd,SAAS,EAET,KAAK,+BAA+B,EACpC,KAAK,mBAAmB,EAIxB,KAAK,oBAAoB,IAAI,6BAA6B,EAE1D,KAAK,wBAAwB,IAAI,iCAAiC,EAClE,KAAK,aAAa,IAAI,sBAAsB,EAC5C,KAAK,SAAS,IAAI,kBAAkB,EACpC,KAAK,eAAe,EACpB,cAAc,EACd,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAK9C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,KAAK,SAAS,GAAG,eAAe,CAAC,kBAAkB,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAE7E,QAAA,MAAM,IAAI;;6HAYR,CAAC;AAEH,KAAK,mBAAmB,GAAG,eAAe,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA6BpG,KAAK,oBAAoB,GAAG,eAAe,CAAC,6BAA6B,CAAC,CAAC;AAkB3E,KAAK,wBAAwB,GAAG,eAAe,CAAC,iCAAiC,CAAC,CAAC;AAyBnF,KAAK,iBAAiB,GAAG,eAAe,CAAC,sBAAsB,CAAC,CAAC;AAkBjE,eAAO,MAAM,QAAQ,EAAE;IACrB,IAAI,EAAE,yBAAyB,CAAC,iBAAiB,CAAC,CAAC;IACnD,MAAM,EAAE,yBAAyB,CAAC,mBAAmB,CAAC,CAAC;IACvD,OAAO,EAAE,yBAAyB,CAAC,oBAAoB,CAAC,CAAC;IACzD,WAAW,EAAE,yBAAyB,CAAC,wBAAwB,CAAC,CAAC;IACjE,kBAAkB,EAAE,yBAAyB,CAAC,+BAA+B,CAAC,CAAC;IAC/E,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACxF,aAAa,EAAE,OAAO,iBAAiB,CAAC;CASzC,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,kBAAkB,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;AAE/E,YAAY,EACV,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,EACxB,+BAA+B,GAChC,CAAC"}

package/dist/types/src/components/{Lists → List}/List.stories.d.ts

@@ -2,7 +2,9 @@ import { type StoryObj } from '@storybook/react-vite';
 import React from 'react';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<Omit<import("./List").ListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
+    component: React.ForwardRefExoticComponent<Omit<import("./List").ListProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLOListElement>>;
     decorators: import("@storybook/react").Decorator[];
 };
 export default meta;

package/dist/types/src/components/List/List.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/List.stories.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAgD,MAAM,OAAO,CAAC;AAQrE,QAAA,MAAM,IAAI;;;;;;CAImB,CAAC;eAEf,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAuBnC,eAAO,MAAM,oBAAoB,EAAE,KAoClC,CAAC;AAgCF,eAAO,MAAM,kBAAkB,EAAE,KA8ChC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAqC/B,CAAC"}

package/dist/types/src/components/List/List.theme.d.ts

@@ -0,0 +1,7 @@
+import { type Density, type Theme } from '@dxos/ui-types';
+export type ListStyleProps = Partial<{
+    density: Density;
+    collapsible: boolean;
+}>;
+export declare const listTheme: Theme<ListStyleProps>;
+//# sourceMappingURL=List.theme.d.ts.map

package/dist/types/src/components/List/List.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/List.theme.ts"],"names":[],"mappings":"AAMA,OAAO,EAA0B,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAElF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC,CAAC;AAyBH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAU3C,CAAC"}

package/dist/types/src/components/List/ListDropIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListDropIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/ListDropIndicator.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,gDAAgD,CAAC;AAC3E,OAAO,KAAkD,MAAM,OAAO,CAAC;AA6BvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,IAAI,CAAC;IACX,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,6CAK3B,kBAAkB,sBAmBpB,CAAC"}

package/dist/types/src/components/{Lists → List}/Tree.d.ts

@@ -8,8 +8,8 @@ type TreeItemHeadingProps = ListItemHeadingProps;
 type TreeItemOpenTriggerProps = ListItemOpenTriggerProps;
 type TreeItemBodyProps = ListItemCollapsibleContentProps;
 export declare const Tree: {
-    Root: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
-    Branch: React.ForwardRefExoticComponent<Omit<ListScopedProps<ListProps>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+    Root: ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLOListElement>>;
+    Branch: ForwardRefExoticComponent<Omit<ListScopedProps<ListProps>, "ref"> & React.RefAttributes<HTMLOListElement>>;
 };
 export declare const TreeItem: {
     Root: ForwardRefExoticComponent<TreeItemProps>;

package/dist/types/src/components/List/Tree.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/Tree.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,wBAAwB,EAAE,KAAK,EAAE,EAAE,KAAK,yBAAyB,EAAc,MAAM,OAAO,CAAC;AAElH,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAIL,KAAK,+BAA+B,EACpC,KAAK,oBAAoB,EACzB,KAAK,wBAAwB,EAC7B,KAAK,iBAAiB,EACtB,KAAK,SAAS,EACd,KAAK,eAAe,EAErB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,KAAK,aAAa,GAAG,SAAS,CAAC;AAE/B,KAAK,aAAa,GAAG,iBAAiB,CAAC;AAmBvC,KAAK,oBAAoB,GAAG,oBAAoB,CAAC;AAIjD,KAAK,wBAAwB,GAAG,wBAAwB,CAAC;AAMzD,KAAK,iBAAiB,GAAG,+BAA+B,CAAC;AAIzD,eAAO,MAAM,IAAI;IAAK,IAAI;IAAY,MAAM;CAAc,CAAC;AAC3D,eAAO,MAAM,QAAQ,EAAE;IACrB,IAAI,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAC;IAC/C,OAAO,EAAE,yBAAyB,CAAC,oBAAoB,CAAC,CAAC;IACzD,IAAI,EAAE,yBAAyB,CAAC,iBAAiB,CAAC,CAAC;IACnD,WAAW,EAAE,yBAAyB,CAAC,wBAAwB,CAAC,CAAC;IACjE,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACxF,aAAa,EAAE,OAAO,iBAAiB,CAAC;CAQzC,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/types/src/components/List/Tree.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/Tree.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,GAAG,CAAC;CACX,CAAC;AA4CF,QAAA,MAAM,IAAI;;eAEW,GAAG;uBANQ,kBAAkB;;CASb,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC"}

package/dist/types/src/components/List/TreeDropIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeDropIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/TreeDropIndicator.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,KAAkD,MAAM,OAAO,CAAC;AAkCvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,EAAE,WAAW,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,iBAAiB,yBAA8B,kBAAkB,6BAyB7E,CAAC"}

package/dist/types/src/components/{Lists → List}/Treegrid.d.ts

@@ -5,10 +5,8 @@ import { type ThemedClassName } from '../../util';
 type TreegridRowScopedProps<P> = P & {
     __treegridRowScope?: Scope;
 };
-type TreegridRowContextValue = {
-    open?: boolean;
-    onOpenChange?: (nextOpen: boolean) => void;
-};
+export declare const TREEGRID_PATH_SEPARATOR = "~";
+export declare const TREEGRID_PARENT_OF_SEPARATOR = " ";
 type TreegridRootProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.div>> & {
     gridTemplateColumns: CSSProperties['gridTemplateColumns'];
     asChild?: boolean;
@@ -26,12 +24,10 @@ type TreegridCellProps = ThemedClassName<ComponentPropsWithRef<typeof Primitive.
 };
 export type { TreegridRootProps, TreegridRowProps };
 export declare const Treegrid: {
-    Root: React.ForwardRefExoticComponent<Omit<TreegridRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Root: React.ForwardRefExoticComponent<Omit<TreegridRootProps, "className"> & {
+        classNames?: import("@dxos/ui-types").ClassNameValue;
+    } & Pick<React.HTMLAttributes<Element>, "children" | "className" | "role" | "style"> & React.RefAttributes<HTMLDivElement>>;
     Row: React.ForwardRefExoticComponent<Omit<TreegridRowScopedProps<TreegridRowProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Cell: React.ForwardRefExoticComponent<Omit<TreegridCellProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    PARENT_OF_SEPARATOR: string;
-    PATH_SEPARATOR: string;
-    createTreegridRowScope: import("@radix-ui/react-context").CreateScope;
-    useTreegridRowContext: (consumerName: string, scope: Scope<TreegridRowContextValue | undefined>) => TreegridRowContextValue;
 };
 //# sourceMappingURL=Treegrid.d.ts.map

package/dist/types/src/components/List/Treegrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Treegrid.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/Treegrid.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,KAAK,EAAsB,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAGtD,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAI3B,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAMlD,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,kBAAkB,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAapE,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAEhD,KAAK,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACtF,mBAAmB,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAsEF,KAAK,gBAAgB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IACrF,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;CACpC,CAAC;AA8CF,KAAK,iBAAiB,GAAG,eAAe,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAa7G,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;AAEpD,eAAO,MAAM,QAAQ;IACnB,IAAI;;;IACJ,GAAG;IACH,IAAI;CACL,CAAC"}

package/dist/types/src/components/List/Treegrid.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Treegrid.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/Treegrid.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AA2I1B,QAAA,MAAM,IAAI;;eAEoB,GAAG;;;CAGI,CAAC;eAEvB,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/components/List/Treegrid.theme.d.ts

@@ -0,0 +1,7 @@
+import type { Theme } from '@dxos/ui-types';
+export type TreegridStyleProps = Partial<{
+    level: number;
+    indent: boolean;
+}>;
+export declare const treegridTheme: Theme<TreegridStyleProps>;
+//# sourceMappingURL=Treegrid.theme.d.ts.map

package/dist/types/src/components/List/Treegrid.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Treegrid.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/Treegrid.theme.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAqB,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE/D,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAoBH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAInD,CAAC"}

package/dist/types/src/components/List/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC"}