@orion-ds/react 4.2.1 → 4.2.4

package/dist/components/Collapsible/Collapsible.stories.d.ts

@@ -0,0 +1,33 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Collapsible.types').CollapsibleProps & import('react').RefAttributes<HTMLDivElement>> & {
+        Trigger: import('react').ForwardRefExoticComponent<import('./Collapsible.types').CollapsibleTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+        Content: import('react').ForwardRefExoticComponent<import('./Collapsible.types').CollapsibleContentProps & import('react').RefAttributes<HTMLDivElement>>;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        defaultOpen: {
+            control: "boolean";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const DefaultOpen: Story;
+export declare const Disabled: Story;
+export declare const Controlled: Story;
+export declare const ForceMount: Story;
+export declare const MultipleItems: Story;
+export declare const TagsList: Story;
+//# sourceMappingURL=Collapsible.stories.d.ts.map

package/dist/components/Collapsible/Collapsible.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAiB0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KA8BrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA8BzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA8BtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAoFxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA+BxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAmE3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA+EtB,CAAC"}

package/dist/components/Collapsible/Collapsible.types.d.ts

@@ -0,0 +1,31 @@
+import { HTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
+
+export interface CollapsibleProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue"> {
+    /** Controlled open state. */
+    open?: boolean;
+    /** Default open state for uncontrolled usage. */
+    defaultOpen?: boolean;
+    /** Callback when open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Disable the trigger. */
+    disabled?: boolean;
+    children?: ReactNode;
+}
+export interface CollapsibleTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** Render as child element instead of a wrapper button. */
+    asChild?: boolean;
+    children?: ReactNode;
+}
+export interface CollapsibleContentProps extends HTMLAttributes<HTMLDivElement> {
+    /** Keep content mounted in the DOM even when closed. */
+    forceMount?: boolean;
+    children?: ReactNode;
+}
+export interface CollapsibleContextValue {
+    open: boolean;
+    disabled: boolean;
+    toggle: () => void;
+    contentId: string;
+    triggerId: string;
+}
+//# sourceMappingURL=Collapsible.types.d.ts.map

package/dist/components/Collapsible/Collapsible.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.types.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,cAAc,CAAC,cAAc,CAAC,EAC9B,cAAc,CACf;IACC,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,uBAAwB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7E,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB"}

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

@@ -0,0 +1,3 @@
+export { Collapsible } from './Collapsible';
+export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps, } from './Collapsible.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC"}

package/dist/components/CollapsibleFolder/CollapsibleFolder.d.ts

@@ -0,0 +1,10 @@
+import { CollapsibleFolderProps } from './CollapsibleFolder.types';
+
+export declare function CollapsibleFolder<TItem extends {
+    id: string;
+    draggable?: boolean;
+}>(props: CollapsibleFolderProps<TItem>): import("react/jsx-runtime").JSX.Element;
+export declare namespace CollapsibleFolder {
+    var displayName: string;
+}
+//# sourceMappingURL=CollapsibleFolder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleFolder.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleFolder/CollapsibleFolder.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAQxE,wBAAgB,iBAAiB,CAC/B,KAAK,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,EACjD,KAAK,EAAE,sBAAsB,CAAC,KAAK,CAAC,2CAuQrC;yBAzQe,iBAAiB"}

package/dist/components/CollapsibleFolder/CollapsibleFolder.module.css

@@ -0,0 +1 @@
+._folder_6iy6s_8{background-color:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-container);padding:var(--spacing-6);margin-bottom:0;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}._folder_6iy6s_8._dropTarget_6iy6s_21,._folder_6iy6s_8[data-drop-active=true]{border:2px dashed var(--border-interactive);background-color:var(--soft-brand);filter:drop-shadow(0 0 0 2px var(--border-interactive));transition:all var(--transition-fast)}._folder_6iy6s_8._dropCompleted_6iy6s_30{border-color:var(--status-success);background-color:var(--surface-subtle)}._header_6iy6s_36{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}._trigger_6iy6s_44{display:flex;align-items:center;gap:var(--spacing-3);flex:1;padding:0;border:none;background:none;cursor:pointer;text-align:left;color:var(--text-primary);transition:color var(--transition-fast)}._trigger_6iy6s_44:hover{color:var(--interactive-primary)}._trigger_6iy6s_44:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px;border-radius:var(--radius-control)}._chevron_6iy6s_69{flex-shrink:0;transition:transform var(--transition-normal);color:var(--text-secondary)}._chevron_6iy6s_69._expanded_6iy6s_75{transform:rotate(0)}._chevron_6iy6s_69:not(._expanded_6iy6s_75){transform:rotate(-90deg)}._title_6iy6s_84{font-family:var(--font-secondary);font-size:var(--font-size-18);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.4}._badge_6iy6s_94{flex-shrink:0}._actions_6iy6s_99{display:flex;align-items:center;gap:var(--spacing-2)}._content_6iy6s_106{padding-top:var(--spacing-4);padding-bottom:var(--spacing-3)}._grid_6iy6s_112{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4)}@media(max-width:1200px){._grid_6iy6s_112{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){._grid_6iy6s_112{grid-template-columns:1fr}._badgeLabel_6iy6s_131{display:none}._sortDropdown_6iy6s_136 button>span:not([aria-hidden=true]){display:none}._sortDropdown_6iy6s_136 button{width:32px;padding:0}}._emptyState_6iy6s_147{padding:var(--spacing-16) var(--spacing-8);text-align:center}._emptyText_6iy6s_152{font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-tertiary);margin:0}._insertionLine_6iy6s_160{height:2px;background-color:var(--interactive-primary);border-radius:1px;margin:var(--spacing-1) 0;position:relative;opacity:1}._insertionLine_6iy6s_160:before{content:"";position:absolute;left:-6px;top:-3px;width:8px;height:8px;border-radius:50%;background-color:var(--interactive-primary)}._emptyDropZone_6iy6s_182{padding:var(--spacing-4);display:flex;align-items:center;justify-content:center;min-height:80px}@media(prefers-reduced-motion:reduce){._folder_6iy6s_8,._chevron_6iy6s_69{transition:none}}

package/dist/components/CollapsibleFolder/CollapsibleFolder.types.d.ts

@@ -0,0 +1,157 @@
+import { HTMLAttributes } from 'react';
+
+/**
+ * Sort option for organizing items
+ */
+export interface SortOption {
+    /**
+     * Display label
+     */
+    label: string;
+    /**
+     * Internal value
+     */
+    value: string;
+}
+/**
+ * CollapsibleFolder component props
+ *
+ * Generic folder component that can contain any type of items (agents, files, documents, etc.)
+ * with drag & drop, sorting, and folder management features.
+ *
+ * @template TItem - The type of items in the folder. Must have `id` property and optional `draggable` boolean.
+ *
+ * @example
+ * ```tsx
+ * // With files
+ * <CollapsibleFolder
+ *   id="folder-1"
+ *   title="Documents"
+ *   itemCount={3}
+ *   items={files}
+ *   itemLabel="File"
+ *   itemLabelPlural="Files"
+ *   emptyText="No files in this folder"
+ *   renderItem={(file) => <FileCard {...file} />}
+ * />
+ *
+ * // With custom items
+ * <CollapsibleFolder
+ *   id="folder-2"
+ *   title="Projects"
+ *   itemCount={2}
+ *   items={projects}
+ *   itemLabel="Project"
+ *   itemLabelPlural="Projects"
+ *   renderItem={(project) => (
+ *     <div>{project.name} - {project.status}</div>
+ *   )}
+ * />
+ * ```
+ */
+export interface CollapsibleFolderProps<TItem extends {
+    id: string;
+    draggable?: boolean;
+    [key: string]: any;
+}> extends Omit<HTMLAttributes<HTMLDivElement>, "onDrop"> {
+    /**
+     * Unique folder identifier
+     */
+    id: string;
+    /**
+     * Folder title/name
+     */
+    title: string;
+    /**
+     * Number of items in folder
+     */
+    itemCount: number;
+    /**
+     * Array of items to display
+     */
+    items: TItem[];
+    /**
+     * Render function for each item
+     * @param item - The item to render
+     * @param index - The item's index in the items array
+     * @returns React node to render for this item
+     */
+    renderItem: (item: TItem, index: number) => React.ReactNode;
+    /**
+     * Singular label for items (used in badge)
+     * @default "Item"
+     */
+    itemLabel?: string;
+    /**
+     * Plural label for items (used in badge)
+     * @default "Items"
+     */
+    itemLabelPlural?: string;
+    /**
+     * Empty state message when folder contains no items
+     * @default "No items in this folder"
+     */
+    emptyText?: string;
+    /**
+     * Fallback label for sort button
+     * @default "Sort"
+     */
+    sortLabel?: string;
+    /**
+     * Default expanded state
+     * @default true
+     */
+    defaultExpanded?: boolean;
+    /**
+     * Available sort options
+     */
+    sortOptions?: SortOption[];
+    /**
+     * Currently selected sort value
+     */
+    selectedSort?: string;
+    /**
+     * Sort option change handler
+     */
+    onSortChange?: (value: string) => void;
+    /**
+     * Drop handler for drag & drop
+     * @param itemId - ID of the item being dropped
+     * @param folderId - ID of the target folder
+     * @param index - Position index where the item will be inserted (optional, defaults to end)
+     */
+    onDrop?: (itemId: string, folderId: string, index?: number) => void;
+    /**
+     * Rename folder handler
+     */
+    onFolderEdit?: () => void;
+    /**
+     * Delete folder handler
+     */
+    onFolderDelete?: () => void;
+    /**
+     * Invite participants to folder handler
+     */
+    onFolderInvite?: () => void;
+    /**
+     * Is this folder currently a valid drop target
+     * @internal
+     */
+    isDropTarget?: boolean;
+    /**
+     * Briefly set to true after a successful drop for micro-feedback
+     * @internal
+     */
+    isDropCompleted?: boolean;
+    /**
+     * Callback when drag enters folder (for syncing @dnd-kit state)
+     * @internal
+     */
+    onDragEnter?: () => void;
+    /**
+     * Callback when drag leaves folder (for syncing @dnd-kit state)
+     * @internal
+     */
+    onDragLeaveFolder?: () => void;
+}
+//# sourceMappingURL=CollapsibleFolder.types.d.ts.map

package/dist/components/CollapsibleFolder/CollapsibleFolder.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleFolder.types.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleFolder/CollapsibleFolder.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,MAAM,WAAW,sBAAsB,CACrC,KAAK,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CACrE,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC;IACtD;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,KAAK,EAAE,KAAK,EAAE,CAAC;IAEf;;;;;OAKG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAE5D;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC"}

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

@@ -0,0 +1,8 @@
+/**
+ * CollapsibleFolder Section Exports
+ *
+ * Exports for the CollapsibleFolder section and its types.
+ */
+export { CollapsibleFolder } from './CollapsibleFolder';
+export type { CollapsibleFolderProps, SortOption, } from './CollapsibleFolder.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsibleFolder/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EACV,sBAAsB,EACtB,UAAU,GACX,MAAM,2BAA2B,CAAC"}

package/dist/components/Combobox/Combobox.d.ts

@@ -0,0 +1,4 @@
+import { ComboboxProps } from './Combobox.types';
+
+export declare const Combobox: import('react').ForwardRefExoticComponent<ComboboxProps & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAaH,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,kBAAkB,CAAC;AAetE,eAAO,MAAM,QAAQ,4GA6bpB,CAAC"}

package/dist/components/Combobox/Combobox.module.css

@@ -0,0 +1 @@
+._container_1v6vo_9{display:flex;flex-direction:column;gap:var(--spacing-1)}._fullWidth_1v6vo_15{width:100%}._label_1v6vo_20{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}._inputWrapper_1v6vo_27{position:relative;display:flex;align-items:center;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);cursor:text;transition:all var(--transition-fast)}._inputWrapper_1v6vo_27:hover:not(._disabled_1v6vo_39 ._inputWrapper_1v6vo_27){border-color:var(--border-strong)}._inputWrapper_1v6vo_27:focus-within{border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--soft-brand)}._inputWrapper_1v6vo_27:has(._input_1v6vo_27:focus-visible){border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--soft-brand);outline:2px solid var(--interactive-primary);outline-offset:2px}._sm_1v6vo_58 ._inputWrapper_1v6vo_27{height:32px}._sm_1v6vo_58 ._input_1v6vo_27{padding:var(--spacing-1) var(--spacing-8) var(--spacing-1) var(--spacing-3);font-size:var(--font-size-sm)}._md_1v6vo_67 ._inputWrapper_1v6vo_27{height:40px}._md_1v6vo_67 ._input_1v6vo_27{padding:var(--spacing-2) var(--spacing-10) var(--spacing-2) var(--spacing-3);font-size:var(--font-size-base)}._lg_1v6vo_76 ._inputWrapper_1v6vo_27{height:48px}._lg_1v6vo_76 ._input_1v6vo_27{padding:var(--spacing-3) var(--spacing-12) var(--spacing-3) var(--spacing-4);font-size:var(--font-size-lg)}._input_1v6vo_27{flex:1;width:100%;height:100%;background:transparent;border:none;border-radius:inherit;font-family:var(--font-secondary);color:var(--text-primary);outline:none}._input_1v6vo_27::placeholder{color:var(--text-tertiary)}._actions_1v6vo_103{position:absolute;right:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-1)}._clearButton_1v6vo_111{display:flex;align-items:center;justify-content:center;padding:var(--spacing-1);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}._clearButton_1v6vo_111:hover{color:var(--text-primary);background:var(--surface-subtle)}._chevron_1v6vo_131{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:transform var(--duration-fast) var(--ease-out)}._chevron_1v6vo_131._open_1v6vo_139{transform:rotate(180deg)}._error_1v6vo_144 ._inputWrapper_1v6vo_27{border-color:var(--status-error)}._error_1v6vo_144 ._inputWrapper_1v6vo_27:focus-within{border-color:var(--status-error);box-shadow:0 0 0 3px var(--soft-error)}._error_1v6vo_144 ._inputWrapper_1v6vo_27:has(._input_1v6vo_27:focus-visible){border-color:var(--status-error);box-shadow:0 0 0 3px var(--soft-error);outline:2px solid var(--status-error);outline-offset:2px}._errorText_1v6vo_160{font-size:var(--font-size-sm);color:var(--status-error)}._helperText_1v6vo_166{font-size:var(--font-size-sm);color:var(--text-secondary)}._disabled_1v6vo_39 ._inputWrapper_1v6vo_27{background:var(--surface-subtle);cursor:not-allowed}._disabled_1v6vo_39 ._input_1v6vo_27{cursor:not-allowed;color:var(--text-tertiary)}._dropdown_1v6vo_183{position:fixed;z-index:var(--z-popover);background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-control);box-shadow:var(--shadow-lg);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out)}._dropdown_1v6vo_183._visible_1v6vo_200{opacity:1;visibility:visible;transform:translateY(0)}._option_1v6vo_207{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out)}._option_1v6vo_207:first-child{border-top-left-radius:calc(var(--radius-control) - 1px);border-top-right-radius:calc(var(--radius-control) - 1px)}._option_1v6vo_207:last-child{border-bottom-left-radius:calc(var(--radius-control) - 1px);border-bottom-right-radius:calc(var(--radius-control) - 1px)}._option_1v6vo_207._highlighted_1v6vo_226{background:var(--surface-subtle)}._option_1v6vo_207._selected_1v6vo_230{background:var(--interactive-primary-subtle)}._option_1v6vo_207._disabled_1v6vo_39{opacity:.5;cursor:not-allowed}._optionIcon_1v6vo_240{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}._optionContent_1v6vo_248{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}._optionLabel_1v6vo_256{font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._optionDescription_1v6vo_264{font-size:var(--font-size-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._checkIcon_1v6vo_272{flex-shrink:0;color:var(--interactive-primary)}._loading_1v6vo_278{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4);color:var(--text-secondary)}._spinner_1v6vo_287{animation:_spin_1v6vo_287 1s linear infinite}@keyframes _spin_1v6vo_287{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._empty_1v6vo_301{padding:var(--spacing-4);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}@media(forced-colors:active){._inputWrapper_1v6vo_27{border:2px solid CanvasText;background:Canvas}._inputWrapper_1v6vo_27:focus-within,._inputWrapper_1v6vo_27:has(._input_1v6vo_27:focus-visible){outline:3px solid Highlight;outline-offset:2px}._disabled_1v6vo_39 ._inputWrapper_1v6vo_27{border-color:GrayText}._input_1v6vo_27{color:CanvasText}._error_1v6vo_144 ._inputWrapper_1v6vo_27{border-color:LinkText}._errorText_1v6vo_160{color:LinkText}._dropdown_1v6vo_183{border:2px solid CanvasText;background:Canvas}._option_1v6vo_207._highlighted_1v6vo_226,._option_1v6vo_207._selected_1v6vo_230{background:Highlight;color:HighlightText}._clearButton_1v6vo_111,._chevron_1v6vo_131{color:CanvasText}._checkIcon_1v6vo_272{color:Highlight}}@media(prefers-reduced-motion:reduce){._inputWrapper_1v6vo_27,._dropdown_1v6vo_183,._clearButton_1v6vo_111,._chevron_1v6vo_131,._option_1v6vo_207{transition:none}._spinner_1v6vo_287{animation:none}}

package/dist/components/Combobox/Combobox.stories.d.ts

@@ -0,0 +1,26 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Combobox } from './Combobox';
+
+declare const meta: Meta<typeof Combobox>;
+export default meta;
+type Story = StoryObj<typeof Combobox>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const WithHelperText: Story;
+export declare const WithError: Story;
+export declare const WithDescriptions: Story;
+export declare const WithIcons: Story;
+export declare const WithAvatars: Story;
+export declare const Loading: Story;
+export declare const NotClearable: Story;
+export declare const MinimumCharacters: Story;
+export declare const CustomEmptyState: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const FullWidth: Story;
+export declare const Disabled: Story;
+export declare const WithDisabledOptions: Story;
+export declare const PreSelected: Story;
+export declare const AllSizes: Story;
+export declare const AsyncSearch: Story;
+//# sourceMappingURL=Combobox.stories.d.ts.map

package/dist/components/Combobox/Combobox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.stories.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAoB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAqCvC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAmCzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAI9B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAyCtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAsCzB,CAAC"}

package/dist/components/Combobox/Combobox.types.d.ts

@@ -0,0 +1,149 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Combobox size variants
+ */
+export type ComboboxSize = "sm" | "md" | "lg";
+/**
+ * Combobox option item
+ */
+export interface ComboboxOption {
+    /**
+     * Unique value for the option
+     */
+    value: string;
+    /**
+     * Display label for the option
+     */
+    label: string;
+    /**
+     * Optional description
+     */
+    description?: string;
+    /**
+     * Optional icon/avatar
+     */
+    icon?: ReactNode;
+    /**
+     * Whether this option is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Group this option belongs to
+     */
+    group?: string;
+}
+/**
+ * Combobox option group
+ */
+export interface ComboboxGroup {
+    /**
+     * Group label
+     */
+    label: string;
+    /**
+     * Options in this group
+     */
+    options: ComboboxOption[];
+}
+/**
+ * Combobox component props
+ *
+ * @example
+ * ```tsx
+ * <Combobox
+ *   options={[
+ *     { value: 'react', label: 'React' },
+ *     { value: 'vue', label: 'Vue' },
+ *     { value: 'angular', label: 'Angular' },
+ *   ]}
+ *   value={selected}
+ *   onChange={setSelected}
+ *   placeholder="Select a framework..."
+ * />
+ * ```
+ */
+export interface ComboboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "onChange"> {
+    /**
+     * Available options
+     */
+    options: ComboboxOption[];
+    /**
+     * Currently selected value
+     */
+    value?: string | null;
+    /**
+     * Callback when selection changes
+     */
+    onChange?: (value: string | null, option: ComboboxOption | null) => void;
+    /**
+     * Callback when input value changes (for custom filtering)
+     */
+    onInputChange?: (value: string) => void;
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: ComboboxSize;
+    /**
+     * Field label
+     */
+    label?: string;
+    /**
+     * Helper text below the input
+     */
+    helperText?: string;
+    /**
+     * Error message (also sets error state)
+     */
+    error?: string;
+    /**
+     * Whether the combobox is loading
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Whether to allow clearing the selection
+     * @default true
+     */
+    clearable?: boolean;
+    /**
+     * Whether to allow free text input (not just selection)
+     * @default false
+     */
+    allowFreeInput?: boolean;
+    /**
+     * Custom filter function
+     */
+    filterFn?: (option: ComboboxOption, inputValue: string) => boolean;
+    /**
+     * Whether to show the dropdown when input is focused
+     * @default true
+     */
+    openOnFocus?: boolean;
+    /**
+     * Minimum characters before showing options
+     * @default 0
+     */
+    minChars?: number;
+    /**
+     * Text to show when no options match
+     * @default 'No results found'
+     */
+    emptyText?: string;
+    /**
+     * Custom render function for options
+     */
+    renderOption?: (option: ComboboxOption, isSelected: boolean, isHighlighted: boolean) => ReactNode;
+    /**
+     * Maximum height of the dropdown
+     * @default 300
+     */
+    maxHeight?: number;
+    /**
+     * Whether the input is full width
+     * @default false
+     */
+    fullWidth?: boolean;
+}
+//# sourceMappingURL=Combobox.types.d.ts.map

package/dist/components/Combobox/Combobox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,cAAc,EAAE,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,OAAO,GAAG,UAAU,CAC9B;IACC;;OAEG;IACH,OAAO,EAAE,cAAc,EAAE,CAAC;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAEzE;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC;IAEnE;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,cAAc,EACtB,UAAU,EAAE,OAAO,EACnB,aAAa,EAAE,OAAO,KACnB,SAAS,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

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

@@ -0,0 +1,22 @@
+/**
+ * Combobox Component - Autocomplete/typeahead input.
+ *
+ * @example
+ * ```tsx
+ * import { Combobox } from '@orion-ds/react';
+ *
+ * <Combobox
+ *   label="Select a country"
+ *   placeholder="Search countries..."
+ *   options={[
+ *     { value: 'us', label: 'United States' },
+ *     { value: 'uk', label: 'United Kingdom' },
+ *     { value: 'ca', label: 'Canada' },
+ *   ]}
+ *   onSelect={(option) => setCountry(option.value)}
+ * />
+ * ```
+ */
+export { Combobox } from './Combobox';
+export type { ComboboxProps, ComboboxOption, ComboboxGroup, ComboboxSize, } from './Combobox.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,aAAa,EACb,cAAc,EACd,aAAa,EACb,YAAY,GACb,MAAM,kBAAkB,CAAC"}

package/dist/components/Command/Command.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { CommandProps, CommandDialogProps, CommandInputProps, CommandListProps, CommandEmptyProps, CommandGroupProps, CommandItemProps, CommandSeparatorProps, CommandShortcutProps } from './Command.types';
+
+export declare const Command: React.FC<CommandProps> & {
+    Input: React.FC<CommandInputProps>;
+    List: React.FC<CommandListProps>;
+    Empty: React.FC<CommandEmptyProps>;
+    Group: React.FC<CommandGroupProps>;
+    Item: React.FC<CommandItemProps>;
+    Separator: React.FC<CommandSeparatorProps>;
+    Shortcut: React.FC<CommandShortcutProps>;
+    Dialog: React.FC<CommandDialogProps>;
+};
+//# sourceMappingURL=Command.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../../src/components/Command/Command.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KASN,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EACV,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAwCzB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,GAAG;IAC7C,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;IACnC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACjC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;IACnC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;IACnC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACjC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC;IACzC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;CAoHtC,CAAC"}

package/dist/components/Command/Command.module.css

@@ -0,0 +1 @@
+._command_ou903_8{display:flex;flex-direction:column;width:100%;overflow:hidden;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--radius-container);font-family:var(--font-secondary)}._inputWrapper_ou903_23{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--border-subtle)}._searchIcon_ou903_31{color:var(--text-tertiary);flex-shrink:0}._input_ou903_23{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-secondary);font-size:var(--font-size-14);color:var(--text-primary);padding:0}._input_ou903_23::placeholder{color:var(--text-tertiary)}._list_ou903_55{max-height:300px;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-2)}._empty_ou903_66{display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);font-size:var(--font-size-14);color:var(--text-tertiary)}._group_ou903_79{padding:var(--spacing-1) 0}._groupHeading_ou903_83{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}._item_ou903_96{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-14);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);position:relative;-webkit-user-select:none;user-select:none}._item_ou903_96:hover:not(._itemDisabled_ou903_110){background:var(--interactive-ghost-hover)}._item_ou903_96[data-active=true]{background:var(--interactive-ghost-hover)}._item_ou903_96:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:-2px}._itemDisabled_ou903_110{opacity:.5;cursor:not-allowed;pointer-events:none}._itemHidden_ou903_129{display:none}._separator_ou903_138{margin:var(--spacing-1) calc(var(--spacing-2) * -1)}._shortcut_ou903_146{margin-left:auto;font-size:var(--font-size-12);color:var(--text-tertiary);font-family:var(--font-secondary);letter-spacing:.02em;pointer-events:none}._dialogBackdrop_ou903_159{position:fixed;inset:0;z-index:var(--z-modal-backdrop);display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;background:var(--surface-overlay);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));animation:_fadeIn_ou903_1 .15s ease}._dialogContent_ou903_172{width:100%;max-width:520px;animation:_slideDown_ou903_1 .15s ease}._dialogContent_ou903_172 ._command_ou903_8{box-shadow:var(--shadow-xl)}@keyframes _fadeIn_ou903_1{0%{opacity:0}to{opacity:1}}@keyframes _slideDown_ou903_1{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){._item_ou903_96{transition:none}._dialogBackdrop_ou903_159,._dialogContent_ou903_172{animation:none}}

package/dist/components/Command/Command.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Command } from './Command';
+
+declare const meta: Meta<typeof Command>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithDialog: Story;
+export declare const WithDisabledItems: Story;
+export declare const SearchFiltering: Story;
+export declare const SimpleList: Story;
+export declare const MultipleGroups: Story;
+//# sourceMappingURL=Command.stories.d.ts.map

package/dist/components/Command/Command.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Command/Command.stories.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAgBvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAO9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAqCrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAsGxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAyB/B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA2BxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAoC5B,CAAC"}