@vite-mf-monorepo/ui 0.5.8 → 0.6.0

package/dist/Tabs/Tabs.d.ts

@@ -1,12 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import TabsList from './TabsList.js';
-import TabsPanel from './TabsPanel.js';
-import TabsTrigger from './TabsTrigger.js';
-import { HTMLAttributes } from 'react';
-
+import TabsList from './TabsList';
+import TabsPanel from './TabsPanel';
+import TabsTrigger from './TabsTrigger';
+import type { HTMLAttributes } from 'react';
 /** Tabs visual variant */
-type TabsVariant = 'underline' | 'pills';
-interface TabsProps extends HTMLAttributes<HTMLDivElement> {
+export type TabsVariant = 'underline' | 'pills';
+export interface TabsProps extends HTMLAttributes<HTMLDivElement> {
     /** Default active tab value (uncontrolled) */
     defaultValue?: string;
     /** Controlled active tab value */
@@ -24,11 +22,11 @@ interface TabsProps extends HTMLAttributes<HTMLDivElement> {
  * Supports underline and pills variants.
  * Uses Compound Component pattern.
  */
-declare function Tabs({ defaultValue, value, onValueChange, variant, prefix, className, children, ...rest }: Readonly<TabsProps>): react_jsx_runtime.JSX.Element;
+declare function Tabs({ defaultValue, value, onValueChange, variant, prefix, className, children, ...rest }: Readonly<TabsProps>): import("react/jsx-runtime").JSX.Element;
 declare namespace Tabs {
     var List: typeof TabsList;
     var Trigger: typeof TabsTrigger;
     var Panel: typeof TabsPanel;
 }
-
-export { type TabsProps, type TabsVariant, Tabs as default };
+export default Tabs;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAIA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,0BAA0B;AAC1B,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,OAAO,CAAA;AAE/C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gCAAgC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,qBAAqB;IACrB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,yFAAyF;IACzF,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED;;;;;GAKG;AACH,iBAAS,IAAI,CAAC,EACZ,YAAiB,EACjB,KAAK,EACL,aAAa,EACb,OAAqB,EACrB,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,SAAS,CAAC,2CA2BrB;kBApCQ,IAAI;;;;;AA0Cb,eAAe,IAAI,CAAA"}

package/dist/Tabs/TabsContext.d.ts

@@ -1,10 +1,4 @@
-import * as react from 'react';
-import { TabsVariant } from './Tabs.js';
-import 'react/jsx-runtime';
-import './TabsList.js';
-import './TabsPanel.js';
-import './TabsTrigger.js';
-
+import type { TabsVariant } from './Tabs';
 interface TabsContextValue {
     /** Currently active tab value */
     value: string;
@@ -15,7 +9,7 @@ interface TabsContextValue {
     /** Optional prefix for ID generation */
     prefix?: string;
 }
-declare const TabsContext: react.Context<TabsContextValue | undefined>;
-declare const useTabsContext: () => TabsContextValue;
-
-export { TabsContext, useTabsContext };
+export declare const TabsContext: import("react").Context<TabsContextValue | undefined>;
+export declare const useTabsContext: () => TabsContextValue;
+export {};
+//# sourceMappingURL=TabsContext.d.ts.map

package/dist/Tabs/TabsContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContext.d.ts","sourceRoot":"","sources":["../../src/Tabs/TabsContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAEzC,UAAU,gBAAgB;IACxB,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,qBAAqB;IACrB,OAAO,EAAE,WAAW,CAAA;IACpB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,WAAW,uDAEvB,CAAA;AAED,eAAO,MAAM,cAAc,wBAM1B,CAAA"}

package/dist/Tabs/TabsList.d.ts

@@ -1,7 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HTMLAttributes } from 'react';
-
-type TabsListProps = HTMLAttributes<HTMLDivElement>;
-declare function TabsList({ className, children, ...rest }: Readonly<TabsListProps>): react_jsx_runtime.JSX.Element;
-
-export { type TabsListProps, TabsList as default };
+import type { HTMLAttributes } from 'react';
+export type TabsListProps = HTMLAttributes<HTMLDivElement>;
+declare function TabsList({ className, children, ...rest }: Readonly<TabsListProps>): import("react/jsx-runtime").JSX.Element;
+export default TabsList;
+//# sourceMappingURL=TabsList.d.ts.map

package/dist/Tabs/TabsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../src/Tabs/TabsList.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAE1D,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,QAAQ,CAAC,aAAa,CAAC,2CA2C1E;AAED,eAAe,QAAQ,CAAA"}

package/dist/Tabs/TabsListContext.d.ts

@@ -1,5 +1,3 @@
-import * as react from 'react';
-
 interface TabsListContextValue {
     /** Register a trigger with its value and disabled state */
     registerTrigger: (value: string, disabled?: boolean) => void;
@@ -10,7 +8,7 @@ interface TabsListContextValue {
     /** Check if a trigger is disabled */
     isDisabled: (value: string) => boolean;
 }
-declare const TabsListContext: react.Context<TabsListContextValue | undefined>;
-declare const useTabsListContext: () => TabsListContextValue;
-
-export { TabsListContext, useTabsListContext };
+export declare const TabsListContext: import("react").Context<TabsListContextValue | undefined>;
+export declare const useTabsListContext: () => TabsListContextValue;
+export {};
+//# sourceMappingURL=TabsListContext.d.ts.map

package/dist/Tabs/TabsListContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsListContext.d.ts","sourceRoot":"","sources":["../../src/Tabs/TabsListContext.tsx"],"names":[],"mappings":"AAEA,UAAU,oBAAoB;IAC5B,2DAA2D;IAC3D,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5D,2BAA2B;IAC3B,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,wCAAwC;IACxC,WAAW,EAAE,MAAM,MAAM,EAAE,CAAA;IAC3B,qCAAqC;IACrC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAA;CACvC;AAED,eAAO,MAAM,eAAe,2DAE3B,CAAA;AAED,eAAO,MAAM,kBAAkB,4BAM9B,CAAA"}

package/dist/Tabs/TabsPanel.d.ts

@@ -1,7 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HTMLAttributes, ReactNode } from 'react';
-
-interface TabsPanelProps extends HTMLAttributes<HTMLDivElement> {
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface TabsPanelProps extends HTMLAttributes<HTMLDivElement> {
     /** Value that identifies this panel (must match a Tabs.Trigger value) */
     value: string;
     /** Panel content */
@@ -12,6 +10,6 @@ interface TabsPanelProps extends HTMLAttributes<HTMLDivElement> {
  * Automatically hidden/shown based on active tab value.
  * Provides proper ARIA attributes for accessibility.
  */
-declare function TabsPanel({ value, children, ...rest }: Readonly<TabsPanelProps>): react_jsx_runtime.JSX.Element;
-
-export { type TabsPanelProps, TabsPanel as default };
+declare function TabsPanel({ value, children, ...rest }: Readonly<TabsPanelProps>): import("react/jsx-runtime").JSX.Element;
+export default TabsPanel;
+//# sourceMappingURL=TabsPanel.d.ts.map

package/dist/Tabs/TabsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../src/Tabs/TabsPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAA;IACb,oBAAoB;IACpB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;GAIG;AACH,iBAAS,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,QAAQ,CAAC,cAAc,CAAC,2CAqBxE;AAED,eAAe,SAAS,CAAA"}

package/dist/Tabs/TabsTrigger.d.ts

@@ -1,12 +1,10 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonHTMLAttributes, ReactNode } from 'react';
-
-interface TabsTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface TabsTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Value that identifies this tab */
     value: string;
     /** Optional icon component */
     icon?: ReactNode;
 }
-declare function TabsTrigger({ value, icon, disabled, className, children, ...rest }: Readonly<TabsTriggerProps>): react_jsx_runtime.JSX.Element;
-
-export { type TabsTriggerProps, TabsTrigger as default };
+declare function TabsTrigger({ value, icon, disabled, className, children, ...rest }: Readonly<TabsTriggerProps>): import("react/jsx-runtime").JSX.Element;
+export default TabsTrigger;
+//# sourceMappingURL=TabsTrigger.d.ts.map

package/dist/Tabs/TabsTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTrigger.d.ts","sourceRoot":"","sources":["../../src/Tabs/TabsTrigger.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3E,MAAM,WAAW,gBACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAgI5B;AAED,eAAe,WAAW,CAAA"}

package/dist/Tabs/index.d.ts

@@ -1,6 +1,6 @@
-export { default as Tabs, TabsProps, TabsVariant } from './Tabs.js';
-export { TabsListProps } from './TabsList.js';
-export { TabsTriggerProps } from './TabsTrigger.js';
-export { TabsPanelProps } from './TabsPanel.js';
-import 'react/jsx-runtime';
-import 'react';
+export { default as Tabs } from './Tabs';
+export type { TabsProps, TabsVariant } from './Tabs';
+export type { TabsListProps } from './TabsList';
+export type { TabsTriggerProps } from './TabsTrigger';
+export type { TabsPanelProps } from './TabsPanel';
+//# sourceMappingURL=index.d.ts.map

package/dist/Tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA"}

package/dist/Talent/Talent.d.ts

@@ -1,8 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AvatarSize } from '../Avatar/Avatar.js';
-import { HTMLAttributes } from 'react';
-
-interface TalentProps extends HTMLAttributes<HTMLDivElement> {
+import type { AvatarSize } from '../Avatar';
+import type { HTMLAttributes } from 'react';
+export interface TalentProps extends HTMLAttributes<HTMLDivElement> {
     /** Full name of the talent (actor, director, writer, etc.) */
     name?: string;
     /** Role or job title (e.g., "Director", "Screenplay", "Character Name") */
@@ -14,6 +12,6 @@ interface TalentProps extends HTMLAttributes<HTMLDivElement> {
     /** Avatar size */
     size?: AvatarSize;
 }
-declare function Talent({ name, role, imageSrc, variant, size, className, ...rest }: Readonly<TalentProps>): react_jsx_runtime.JSX.Element;
-
-export { type TalentProps, Talent as default };
+declare function Talent({ name, role, imageSrc, variant, size, className, ...rest }: Readonly<TalentProps>): import("react/jsx-runtime").JSX.Element;
+export default Talent;
+//# sourceMappingURL=Talent.d.ts.map

package/dist/Talent/Talent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Talent.d.ts","sourceRoot":"","sources":["../../src/Talent/Talent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IACnC,kBAAkB;IAClB,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB;AAED,iBAAS,MAAM,CAAC,EACd,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAoB,EACpB,IAAW,EACX,SAAS,EACT,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,WAAW,CAAC,2CAsCvB;AAED,eAAe,MAAM,CAAA"}

package/dist/Talent/index.d.ts

@@ -1,4 +1,3 @@
-export { default as Talent, TalentProps } from './Talent.js';
-import 'react/jsx-runtime';
-import '../Avatar/Avatar.js';
-import 'react';
+export { default as Talent } from './Talent';
+export type { TalentProps } from './Talent';
+//# sourceMappingURL=index.d.ts.map

package/dist/Talent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Talent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/TrailerCard/TrailerCard.d.ts

@@ -1,6 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface TrailerCardProps {
+export interface TrailerCardProps {
     /** YouTube video ID */
     videoKey: string;
     /** Trailer title/name */
@@ -10,6 +8,6 @@ interface TrailerCardProps {
     /** Additional className for the card */
     className?: string;
 }
-declare function TrailerCard({ videoKey, title, type, className, }: Readonly<TrailerCardProps>): react_jsx_runtime.JSX.Element;
-
-export { type TrailerCardProps, TrailerCard as default };
+declare function TrailerCard({ videoKey, title, type, className, }: Readonly<TrailerCardProps>): import("react/jsx-runtime").JSX.Element;
+export default TrailerCard;
+//# sourceMappingURL=TrailerCard.d.ts.map

package/dist/TrailerCard/TrailerCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrailerCard.d.ts","sourceRoot":"","sources":["../../src/TrailerCard/TrailerCard.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,uBAAuB;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,KAAK,EACL,IAAgB,EAChB,SAAS,GACV,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAkF5B;AAED,eAAe,WAAW,CAAA"}

package/dist/TrailerCard/index.d.ts

@@ -1,2 +1,3 @@
-export { default as TrailerCard, TrailerCardProps } from './TrailerCard.js';
-import 'react/jsx-runtime';
+export { default as TrailerCard } from './TrailerCard';
+export type { TrailerCardProps } from './TrailerCard';
+//# sourceMappingURL=index.d.ts.map

package/dist/TrailerCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TrailerCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA"}

package/dist/Typeahead/Typeahead.d.ts

@@ -0,0 +1,58 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Props for the Typeahead root component.
+ *
+ * Extends standard div attributes (except `onSelect` which is repurposed
+ * for item selection).
+ */
+export interface TypeaheadProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {
+    /** Called with the search value (debounced if debounceMs is set) */
+    onSearch?: (value: string) => void;
+    /** Called when an item is selected via click or keyboard */
+    onSelect?: (value: string) => void;
+    /** Debounce delay in ms for onSearch (default: 0, no debounce) */
+    debounceMs?: number;
+    /** Minimum characters before triggering search and opening menu (default: 2) */
+    minChars?: number;
+    /** Whether to clear the input after selecting an item (default: true) */
+    clearOnSelect?: boolean;
+    /** Render the dropdown in a Portal to avoid overflow clipping (default: false) */
+    portal?: boolean;
+    /** Color scheme for the dropdown menu and items */
+    variant?: 'light' | 'dark';
+    /** Compound children: Typeahead.Input, Typeahead.Menu, etc. */
+    children: ReactNode;
+}
+/**
+ * Typeahead compound component — search input with dropdown suggestions.
+ *
+ * Composes `Typeahead.Input`, `Typeahead.Menu`, `Typeahead.Item`, and
+ * `Typeahead.Empty` via shared context. Implements the ARIA combobox
+ * pattern with full keyboard navigation (ArrowUp/Down, Home/End,
+ * Enter, Escape) and click-outside dismissal.
+ *
+ * @example
+ * ```tsx
+ * <Typeahead onSearch={handleSearch} onSelect={handleSelect} debounceMs={300}>
+ *   <Typeahead.Input placeholder="Search..." icon="MagnifyingGlass" />
+ *   <Typeahead.Menu>
+ *     {results.map((item, i) => (
+ *       <Typeahead.Item key={item.id} value={item.id} index={i}>
+ *         {item.label}
+ *       </Typeahead.Item>
+ *     ))}
+ *     {results.length === 0 && <Typeahead.Empty>No results</Typeahead.Empty>}
+ *   </Typeahead.Menu>
+ * </Typeahead>
+ * ```
+ */
+declare function Typeahead({ onSearch, onSelect, debounceMs, minChars, clearOnSelect, portal, variant, className, children, ...rest }: Readonly<TypeaheadProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Typeahead {
+    var Input: import("react").FC<import("./TypeaheadInput").TypeaheadInputProps>;
+    var Menu: import("react").FC<import("./TypeaheadMenu").TypeaheadMenuProps>;
+    var Item: import("react").FC<import("./TypeaheadItem").TypeaheadItemProps>;
+    var Empty: import("react").FC<import("react").PropsWithChildren<import("./TypeaheadEmpty").TypeaheadEmptyProps>>;
+    var Highlight: import("react").FC<import("./TypeaheadHighlight").TypeaheadHighlightProps>;
+}
+export default Typeahead;
+//# sourceMappingURL=Typeahead.d.ts.map

package/dist/Typeahead/Typeahead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../src/Typeahead/Typeahead.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtD;;;;;GAKG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yEAAyE;IACzE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,kFAAkF;IAClF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B,+DAA+D;IAC/D,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,QAAQ,EACR,UAAc,EACd,QAAY,EACZ,aAAoB,EACpB,MAAc,EACd,OAAiB,EACjB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,QAAQ,CAAC,cAAc,CAAC,2CAkM1B;kBA7MQ,SAAS;;;;;;;AAqNlB,eAAe,SAAS,CAAA"}

package/dist/Typeahead/Typeahead.js

@@ -0,0 +1,2 @@
+import{jsx as C}from"react/jsx-runtime";import z from"clsx";import{useCallback as r,useEffect as V,useId as F,useMemo as G,useRef as f,useState as I}from"react";import{TypeaheadContext as J}from"./TypeaheadContext";import K from"./TypeaheadEmpty";import Q from"./TypeaheadHighlight";import U from"./TypeaheadInput";import W from"./TypeaheadItem";import X from"./TypeaheadMenu";function i({onSearch:a,onSelect:y,debounceMs:g=0,minChars:c=2,clearOnSelect:h=!0,portal:T=!1,variant:v="light",className:D,children:$,...B}){const[E,u]=I(!1),[M,x]=I(""),[l,o]=I(-1),m=f(new Map),b=f(void 0),d=f(null),S=f(null),s=F(),R=r(e=>{clearTimeout(b.current),g>0?b.current=setTimeout(()=>{a?.(e)},g):a?.(e)},[a,g]);V(()=>()=>{clearTimeout(b.current)},[]),V(()=>{const e=t=>{const n=t.target;if(d.current&&!d.current.contains(n)){if(document.getElementById(s)?.contains(n))return;u(!1),o(-1)}};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[s]);const w=r((e,t,n)=>{m.current.set(e,{value:t,disabled:n})},[]),k=r(e=>{m.current.delete(e)},[]),H=r(e=>`${s}-item-${String(e)}`,[s]),L=r(e=>{x(e),o(-1),e.trim().length>=c?(u(!0),R(e)):(u(!1),a?.(""))},[R,a,c]),A=r(e=>{y?.(e),u(!1),o(-1),h&&x("")},[y,h]),O=r(()=>Array.from(m.current.entries()).sort(([t],[n])=>t-n).filter(([,t])=>!t.disabled).map(([t])=>t),[]),P=r(e=>{const t=O();if(t.length===0)return;const n=t.indexOf(l);switch(e){case"down":{const p=n<t.length-1?t[n+1]:t[0];o(p);break}case"up":{const p=n>0?t[n-1]:t[t.length-1];o(p);break}case"first":o(t[0]);break;case"last":o(t[t.length-1]);break}},[O,l]),N=r(e=>m.current.get(e),[]),q=G(()=>({isOpen:E,inputValue:M,activeIndex:l,variant:v,minChars:c,menuId:s,setIsOpen:u,setInputValue:L,setActiveIndex:o,registerItem:w,unregisterItem:k,getItemId:H,selectItem:A,navigateItems:P,getActiveEntry:N,portal:T,rootRef:d,inputRef:S}),[E,M,l,v,c,s,T,L,w,k,H,A,P,N]);return C(J.Provider,{value:q,children:C("div",{ref:d,className:z("ui:relative ui:w-full",D),...B,children:$})})}i.Input=U,i.Menu=X,i.Item=W,i.Empty=K,i.Highlight=Q;var oe=i;export{oe as default};
+//# sourceMappingURL=Typeahead.js.map

package/dist/Typeahead/Typeahead.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Typeahead/Typeahead.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react'\n\nimport { TypeaheadContext } from './TypeaheadContext'\nimport TypeaheadEmpty from './TypeaheadEmpty'\nimport TypeaheadHighlight from './TypeaheadHighlight'\nimport TypeaheadInput from './TypeaheadInput'\nimport TypeaheadItem from './TypeaheadItem'\nimport TypeaheadMenu from './TypeaheadMenu'\n\nimport type { HTMLAttributes, ReactNode } from 'react'\n\n/** Internal registry entry for a single Typeahead.Item */\ninterface ItemEntry {\n  value: string\n  disabled: boolean\n}\n\n/**\n * Props for the Typeahead root component.\n *\n * Extends standard div attributes (except `onSelect` which is repurposed\n * for item selection).\n */\nexport interface TypeaheadProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  /** Called with the search value (debounced if debounceMs is set) */\n  onSearch?: (value: string) => void\n  /** Called when an item is selected via click or keyboard */\n  onSelect?: (value: string) => void\n  /** Debounce delay in ms for onSearch (default: 0, no debounce) */\n  debounceMs?: number\n  /** Minimum characters before triggering search and opening menu (default: 2) */\n  minChars?: number\n  /** Whether to clear the input after selecting an item (default: true) */\n  clearOnSelect?: boolean\n  /** Render the dropdown in a Portal to avoid overflow clipping (default: false) */\n  portal?: boolean\n  /** Color scheme for the dropdown menu and items */\n  variant?: 'light' | 'dark'\n  /** Compound children: Typeahead.Input, Typeahead.Menu, etc. */\n  children: ReactNode\n}\n\n/**\n * Typeahead compound component — search input with dropdown suggestions.\n *\n * Composes `Typeahead.Input`, `Typeahead.Menu`, `Typeahead.Item`, and\n * `Typeahead.Empty` via shared context. Implements the ARIA combobox\n * pattern with full keyboard navigation (ArrowUp/Down, Home/End,\n * Enter, Escape) and click-outside dismissal.\n *\n * @example\n * ```tsx\n * <Typeahead onSearch={handleSearch} onSelect={handleSelect} debounceMs={300}>\n *   <Typeahead.Input placeholder=\"Search...\" icon=\"MagnifyingGlass\" />\n *   <Typeahead.Menu>\n *     {results.map((item, i) => (\n *       <Typeahead.Item key={item.id} value={item.id} index={i}>\n *         {item.label}\n *       </Typeahead.Item>\n *     ))}\n *     {results.length === 0 && <Typeahead.Empty>No results</Typeahead.Empty>}\n *   </Typeahead.Menu>\n * </Typeahead>\n * ```\n */\nfunction Typeahead({\n  onSearch,\n  onSelect,\n  debounceMs = 0,\n  minChars = 2,\n  clearOnSelect = true,\n  portal = false,\n  variant = 'light',\n  className,\n  children,\n  ...rest\n}: Readonly<TypeaheadProps>) {\n  const [isOpen, setIsOpen] = useState(false)\n  const [inputValue, setInputValueRaw] = useState('')\n  const [activeIndex, setActiveIndex] = useState(-1)\n  const itemsRef = useRef<Map<number, ItemEntry>>(new Map())\n  const timerRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n  const rootRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const menuId = useId()\n\n  /** Invokes onSearch with optional debounce, cancelling any pending call */\n  const debouncedSearch = useCallback(\n    (value: string) => {\n      clearTimeout(timerRef.current)\n      if (debounceMs > 0) {\n        timerRef.current = setTimeout(() => {\n          onSearch?.(value)\n        }, debounceMs)\n      } else {\n        onSearch?.(value)\n      }\n    },\n    [onSearch, debounceMs]\n  )\n\n  /** Cleans up the debounce timer on unmount */\n  useEffect(() => {\n    return () => {\n      clearTimeout(timerRef.current)\n    }\n  }, [])\n\n  /** Closes the menu when clicking outside the root wrapper (and portal menu if portaled) */\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      const target = e.target as Node\n      if (rootRef.current && !rootRef.current.contains(target)) {\n        const portalMenu = document.getElementById(menuId)\n        if (portalMenu?.contains(target)) return\n        setIsOpen(false)\n        setActiveIndex(-1)\n      }\n    }\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [menuId])\n\n  /** Registers a Typeahead.Item in the internal registry for keyboard navigation */\n  const registerItem = useCallback(\n    (index: number, value: string, disabled: boolean) => {\n      itemsRef.current.set(index, { value, disabled })\n    },\n    []\n  )\n\n  /** Removes a Typeahead.Item from the registry on unmount */\n  const unregisterItem = useCallback((index: number) => {\n    itemsRef.current.delete(index)\n  }, [])\n\n  /** Generates a unique DOM id for a Typeahead.Item (used by aria-activedescendant) */\n  const getItemId = useCallback(\n    (index: number) => `${menuId}-item-${String(index)}`,\n    [menuId]\n  )\n\n  /** Updates the input value, resets active index, opens/closes menu, and triggers search */\n  const setInputValue = useCallback(\n    (value: string) => {\n      setInputValueRaw(value)\n      setActiveIndex(-1)\n      if (value.trim().length >= minChars) {\n        setIsOpen(true)\n        debouncedSearch(value)\n      } else {\n        setIsOpen(false)\n        onSearch?.('')\n      }\n    },\n    [debouncedSearch, onSearch, minChars]\n  )\n\n  /** Forwards item selection to the consumer, closes menu, and optionally clears input */\n  const selectItem = useCallback(\n    (value: string) => {\n      onSelect?.(value)\n      setIsOpen(false)\n      setActiveIndex(-1)\n      if (clearOnSelect) setInputValueRaw('')\n    },\n    [onSelect, clearOnSelect]\n  )\n\n  /** Returns sorted indices of non-disabled items for keyboard traversal */\n  const getEnabledIndices = useCallback(() => {\n    const entries = Array.from(itemsRef.current.entries()).sort(\n      ([a], [b]) => a - b\n    )\n    return entries.filter(([, entry]) => !entry.disabled).map(([idx]) => idx)\n  }, [])\n\n  /** Moves the active index in the given direction, wrapping at boundaries and skipping disabled items */\n  const navigateItems = useCallback(\n    (direction: 'down' | 'up' | 'first' | 'last') => {\n      const enabled = getEnabledIndices()\n      if (enabled.length === 0) return\n\n      const currentPos = enabled.indexOf(activeIndex)\n\n      switch (direction) {\n        case 'down': {\n          const next =\n            currentPos < enabled.length - 1\n              ? enabled[currentPos + 1]\n              : enabled[0]\n          setActiveIndex(next)\n          break\n        }\n        case 'up': {\n          const prev =\n            currentPos > 0\n              ? enabled[currentPos - 1]\n              : enabled[enabled.length - 1]\n          setActiveIndex(prev)\n          break\n        }\n        case 'first':\n          setActiveIndex(enabled[0])\n          break\n        case 'last':\n          setActiveIndex(enabled[enabled.length - 1])\n          break\n      }\n    },\n    [getEnabledIndices, activeIndex]\n  )\n\n  /** Returns the item entry at the given index, or undefined if not registered */\n  const getActiveEntry = useCallback((index: number) => {\n    return itemsRef.current.get(index)\n  }, [])\n\n  const contextValue = useMemo(\n    () => ({\n      isOpen,\n      inputValue,\n      activeIndex,\n      variant,\n      minChars,\n      menuId,\n      setIsOpen,\n      setInputValue,\n      setActiveIndex,\n      registerItem,\n      unregisterItem,\n      getItemId,\n      selectItem,\n      navigateItems,\n      getActiveEntry,\n      portal,\n      rootRef,\n      inputRef,\n    }),\n    [\n      isOpen,\n      inputValue,\n      activeIndex,\n      variant,\n      minChars,\n      menuId,\n      portal,\n      setInputValue,\n      registerItem,\n      unregisterItem,\n      getItemId,\n      selectItem,\n      navigateItems,\n      getActiveEntry,\n    ]\n  )\n\n  return (\n    <TypeaheadContext.Provider value={contextValue}>\n      <div\n        ref={rootRef}\n        className={clsx('ui:relative ui:w-full', className)}\n        {...rest}\n      >\n        {children}\n      </div>\n    </TypeaheadContext.Provider>\n  )\n}\n\nTypeahead.Input = TypeaheadInput\nTypeahead.Menu = TypeaheadMenu\nTypeahead.Item = TypeaheadItem\nTypeahead.Empty = TypeaheadEmpty\nTypeahead.Highlight = TypeaheadHighlight\n\nexport default Typeahead\n"],"mappings":"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","names":["jsx","clsx","useCallback","useEffect","useId","useMemo","useRef","useState","TypeaheadContext","TypeaheadEmpty","TypeaheadHighlight","TypeaheadInput","TypeaheadItem","TypeaheadMenu","Typeahead","onSearch","onSelect","debounceMs","minChars","clearOnSelect","portal","variant","className","children","rest","isOpen","setIsOpen","inputValue","setInputValueRaw","activeIndex","setActiveIndex","itemsRef","timerRef","rootRef","inputRef","menuId","debouncedSearch","value","handleClickOutside","e","target","registerItem","index","disabled","unregisterItem","getItemId","setInputValue","selectItem","getEnabledIndices","a","b","entry","idx","navigateItems","direction","enabled","currentPos","next","prev","getActiveEntry","contextValue","Typeahead_default"]}

package/dist/Typeahead/TypeaheadContext.d.ts

@@ -0,0 +1,45 @@
+import type { RefObject } from 'react';
+/** Shared state and actions for the Typeahead compound component */
+export interface TypeaheadContextValue {
+    /** Whether the dropdown menu is currently visible */
+    isOpen: boolean;
+    /** Current value of the search input */
+    inputValue: string;
+    /** Index of the keyboard-active item (-1 when none) */
+    activeIndex: number;
+    /** Color scheme applied to the dropdown */
+    variant: 'light' | 'dark';
+    /** Minimum characters before triggering search and opening menu */
+    minChars: number;
+    /** Auto-generated DOM id linking the input to the listbox via aria-controls */
+    menuId: string;
+    /** Opens or closes the dropdown menu */
+    setIsOpen: (open: boolean) => void;
+    /** Updates the input value, triggers debounced search, and manages open state */
+    setInputValue: (value: string) => void;
+    /** Sets the keyboard-active item index (-1 to clear) */
+    setActiveIndex: (index: number) => void;
+    /** Registers a Typeahead.Item in the internal registry for keyboard navigation */
+    registerItem: (index: number, value: string, disabled: boolean) => void;
+    /** Removes a Typeahead.Item from the registry on unmount */
+    unregisterItem: (index: number) => void;
+    /** Generates a unique DOM id for a Typeahead.Item (used by aria-activedescendant) */
+    getItemId: (index: number) => string;
+    /** Selects an item by value, closes the menu, and optionally clears the input */
+    selectItem: (value: string) => void;
+    /** Moves the active index in the given direction, skipping disabled items */
+    navigateItems: (direction: 'down' | 'up' | 'first' | 'last') => void;
+    /** Returns the item entry at the given index, or undefined if not registered */
+    getActiveEntry: (index: number) => {
+        value: string;
+        disabled: boolean;
+    } | undefined;
+    /** Whether the dropdown renders in a Portal (avoids overflow clipping) */
+    portal: boolean;
+    /** Ref to the root wrapper div (used for click-outside detection) */
+    rootRef: RefObject<HTMLDivElement | null>;
+    /** Ref to the input element (used for portal menu positioning) */
+    inputRef: RefObject<HTMLInputElement | null>;
+}
+export declare const TypeaheadContext: import("react").Context<TypeaheadContextValue | null>;
+//# sourceMappingURL=TypeaheadContext.d.ts.map

package/dist/Typeahead/TypeaheadContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeaheadContext.d.ts","sourceRoot":"","sources":["../../src/Typeahead/TypeaheadContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,oEAAoE;AACpE,MAAM,WAAW,qBAAqB;IACpC,qDAAqD;IACrD,MAAM,EAAE,OAAO,CAAA;IACf,wCAAwC;IACxC,UAAU,EAAE,MAAM,CAAA;IAClB,uDAAuD;IACvD,WAAW,EAAE,MAAM,CAAA;IACnB,2CAA2C;IAC3C,OAAO,EAAE,OAAO,GAAG,MAAM,CAAA;IACzB,mEAAmE;IACnE,QAAQ,EAAE,MAAM,CAAA;IAChB,+EAA+E;IAC/E,MAAM,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAClC,iFAAiF;IACjF,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,wDAAwD;IACxD,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,kFAAkF;IAClF,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IACvE,4DAA4D;IAC5D,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,qFAAqF;IACrF,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACpC,iFAAiF;IACjF,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,6EAA6E;IAC7E,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,GAAG,MAAM,KAAK,IAAI,CAAA;IACpE,gFAAgF;IAChF,cAAc,EAAE,CACd,KAAK,EAAE,MAAM,KACV;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,GAAG,SAAS,CAAA;IACrD,0EAA0E;IAC1E,MAAM,EAAE,OAAO,CAAA;IACf,qEAAqE;IACrE,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACzC,kEAAkE;IAClE,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CAC7C;AAED,eAAO,MAAM,gBAAgB,uDAE5B,CAAA"}

package/dist/Typeahead/TypeaheadContext.js

@@ -0,0 +1,2 @@
+import{createContext as e}from"react";const n=e(null);export{n as TypeaheadContext};
+//# sourceMappingURL=TypeaheadContext.js.map

package/dist/Typeahead/TypeaheadContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Typeahead/TypeaheadContext.ts"],"sourcesContent":["import { createContext } from 'react'\n\nimport type { RefObject } from 'react'\n\n/** Shared state and actions for the Typeahead compound component */\nexport interface TypeaheadContextValue {\n  /** Whether the dropdown menu is currently visible */\n  isOpen: boolean\n  /** Current value of the search input */\n  inputValue: string\n  /** Index of the keyboard-active item (-1 when none) */\n  activeIndex: number\n  /** Color scheme applied to the dropdown */\n  variant: 'light' | 'dark'\n  /** Minimum characters before triggering search and opening menu */\n  minChars: number\n  /** Auto-generated DOM id linking the input to the listbox via aria-controls */\n  menuId: string\n  /** Opens or closes the dropdown menu */\n  setIsOpen: (open: boolean) => void\n  /** Updates the input value, triggers debounced search, and manages open state */\n  setInputValue: (value: string) => void\n  /** Sets the keyboard-active item index (-1 to clear) */\n  setActiveIndex: (index: number) => void\n  /** Registers a Typeahead.Item in the internal registry for keyboard navigation */\n  registerItem: (index: number, value: string, disabled: boolean) => void\n  /** Removes a Typeahead.Item from the registry on unmount */\n  unregisterItem: (index: number) => void\n  /** Generates a unique DOM id for a Typeahead.Item (used by aria-activedescendant) */\n  getItemId: (index: number) => string\n  /** Selects an item by value, closes the menu, and optionally clears the input */\n  selectItem: (value: string) => void\n  /** Moves the active index in the given direction, skipping disabled items */\n  navigateItems: (direction: 'down' | 'up' | 'first' | 'last') => void\n  /** Returns the item entry at the given index, or undefined if not registered */\n  getActiveEntry: (\n    index: number\n  ) => { value: string; disabled: boolean } | undefined\n  /** Whether the dropdown renders in a Portal (avoids overflow clipping) */\n  portal: boolean\n  /** Ref to the root wrapper div (used for click-outside detection) */\n  rootRef: RefObject<HTMLDivElement | null>\n  /** Ref to the input element (used for portal menu positioning) */\n  inputRef: RefObject<HTMLInputElement | null>\n}\n\nexport const TypeaheadContext = createContext<TypeaheadContextValue | null>(\n  null\n)\n"],"mappings":"AAAA,OAAS,iBAAAA,MAAqB,QA8CvB,MAAMC,EAAmBD,EAC9B,IACF","names":["createContext","TypeaheadContext"]}

package/dist/Typeahead/TypeaheadEmpty.d.ts

@@ -0,0 +1,18 @@
+import type { FC, PropsWithChildren } from 'react';
+/** Props for Typeahead.Empty */
+export interface TypeaheadEmptyProps {
+    /** Additional CSS class names */
+    className?: string;
+}
+/**
+ * Empty state placeholder for the Typeahead dropdown.
+ *
+ * Renders a disabled `<li role="option">` with centered text, used when
+ * no search results match the query. Styled with light/dark variant
+ * from context.
+ *
+ * Must be used within a `<Typeahead>` provider (inside `Typeahead.Menu`).
+ */
+declare const TypeaheadEmpty: FC<PropsWithChildren<TypeaheadEmptyProps>>;
+export default TypeaheadEmpty;
+//# sourceMappingURL=TypeaheadEmpty.d.ts.map

package/dist/Typeahead/TypeaheadEmpty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeaheadEmpty.d.ts","sourceRoot":"","sources":["../../src/Typeahead/TypeaheadEmpty.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAElD,gCAAgC;AAChC,MAAM,WAAW,mBAAmB;IAClC,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;GAQG;AACH,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAsB9D,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/Typeahead/TypeaheadEmpty.js

@@ -0,0 +1,2 @@
+import{jsx as s}from"react/jsx-runtime";import i from"clsx";import{useContext as a}from"react";import{TypeaheadContext as p}from"./TypeaheadContext";const n=({children:e,className:r})=>{const t=a(p);if(!t)throw new Error("Typeahead.Empty must be used within Typeahead");const o=t.variant==="dark";return s("li",{role:"option","aria-disabled":"true",className:i("ui:select-none ui:px-3 ui:py-2 ui:text-center ui:text-sm ui:font-roboto",o?"ui:text-neutral-400":"ui:text-muted-foreground",r),children:e})};var h=n;export{h as default};
+//# sourceMappingURL=TypeaheadEmpty.js.map

package/dist/Typeahead/TypeaheadEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Typeahead/TypeaheadEmpty.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useContext } from 'react'\n\nimport { TypeaheadContext } from './TypeaheadContext'\n\nimport type { FC, PropsWithChildren } from 'react'\n\n/** Props for Typeahead.Empty */\nexport interface TypeaheadEmptyProps {\n  /** Additional CSS class names */\n  className?: string\n}\n\n/**\n * Empty state placeholder for the Typeahead dropdown.\n *\n * Renders a disabled `<li role=\"option\">` with centered text, used when\n * no search results match the query. Styled with light/dark variant\n * from context.\n *\n * Must be used within a `<Typeahead>` provider (inside `Typeahead.Menu`).\n */\nconst TypeaheadEmpty: FC<PropsWithChildren<TypeaheadEmptyProps>> = ({\n  children,\n  className,\n}) => {\n  const context = useContext(TypeaheadContext)\n  if (!context) throw new Error('Typeahead.Empty must be used within Typeahead')\n\n  const isDark = context.variant === 'dark'\n\n  return (\n    <li\n      role=\"option\"\n      aria-disabled=\"true\"\n      className={clsx(\n        'ui:select-none ui:px-3 ui:py-2 ui:text-center ui:text-sm ui:font-roboto',\n        isDark ? 'ui:text-neutral-400' : 'ui:text-muted-foreground',\n        className\n      )}\n    >\n      {children}\n    </li>\n  )\n}\n\nexport default TypeaheadEmpty\n"],"mappings":"AAgCI,cAAAA,MAAA,oBAhCJ,OAAOC,MAAU,OACjB,OAAS,cAAAC,MAAkB,QAE3B,OAAS,oBAAAC,MAAwB,qBAmBjC,MAAMC,EAA6D,CAAC,CAClE,SAAAC,EACA,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAUL,EAAWC,CAAgB,EAC3C,GAAI,CAACI,EAAS,MAAM,IAAI,MAAM,+CAA+C,EAE7E,MAAMC,EAASD,EAAQ,UAAY,OAEnC,OACEP,EAAC,MACC,KAAK,SACL,gBAAc,OACd,UAAWC,EACT,0EACAO,EAAS,sBAAwB,2BACjCF,CACF,EAEC,SAAAD,EACH,CAEJ,EAEA,IAAOI,EAAQL","names":["jsx","clsx","useContext","TypeaheadContext","TypeaheadEmpty","children","className","context","isDark","TypeaheadEmpty_default"]}

package/dist/Typeahead/TypeaheadHighlight.d.ts

@@ -0,0 +1,19 @@
+import type { FC } from 'react';
+/** Props for Typeahead.Highlight */
+export interface TypeaheadHighlightProps {
+    /** The text to highlight matching characters in */
+    children: string;
+    /** Additional CSS class names */
+    className?: string;
+}
+/**
+ * Highlights the portion of text matching the current search query.
+ *
+ * Splits the text on the query (case-insensitive) and wraps matched
+ * segments in `<mark>` with bold styling. Preserves original casing.
+ *
+ * Must be used within a `<Typeahead>` provider.
+ */
+declare const TypeaheadHighlight: FC<TypeaheadHighlightProps>;
+export default TypeaheadHighlight;
+//# sourceMappingURL=TypeaheadHighlight.d.ts.map

package/dist/Typeahead/TypeaheadHighlight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeaheadHighlight.d.ts","sourceRoot":"","sources":["../../src/Typeahead/TypeaheadHighlight.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,oCAAoC;AACpC,MAAM,WAAW,uBAAuB;IACtC,mDAAmD;IACnD,QAAQ,EAAE,MAAM,CAAA;IAChB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAKD;;;;;;;GAOG;AACH,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkCnD,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/Typeahead/TypeaheadHighlight.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";import g from"clsx";import{useContext as h,useMemo as m}from"react";import{TypeaheadContext as c}from"./TypeaheadContext";const u=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),l=({children:e,className:s})=>{const a=h(c);if(!a)throw new Error("Typeahead.Highlight must be used within Typeahead");const{inputValue:i}=a,t=i.trim(),n=m(()=>t?e.split(new RegExp(`(${u(t)})`,"gi")):[e],[e,t]);return o("span",{className:s,children:n.map((r,p)=>r.toLowerCase()===t.toLowerCase()?o("mark",{className:g("ui:bg-transparent ui:font-extrabold ui:text-inherit"),children:r},p):r)})};var d=l;export{d as default};
+//# sourceMappingURL=TypeaheadHighlight.js.map

package/dist/Typeahead/TypeaheadHighlight.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Typeahead/TypeaheadHighlight.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { useContext, useMemo } from 'react'\n\nimport { TypeaheadContext } from './TypeaheadContext'\n\nimport type { FC } from 'react'\n\n/** Props for Typeahead.Highlight */\nexport interface TypeaheadHighlightProps {\n  /** The text to highlight matching characters in */\n  children: string\n  /** Additional CSS class names */\n  className?: string\n}\n\n/** Escapes special regex characters in a string */\nconst escapeRegex = (str: string) => str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n\n/**\n * Highlights the portion of text matching the current search query.\n *\n * Splits the text on the query (case-insensitive) and wraps matched\n * segments in `<mark>` with bold styling. Preserves original casing.\n *\n * Must be used within a `<Typeahead>` provider.\n */\nconst TypeaheadHighlight: FC<TypeaheadHighlightProps> = ({\n  children,\n  className,\n}) => {\n  const context = useContext(TypeaheadContext)\n  if (!context)\n    throw new Error('Typeahead.Highlight must be used within Typeahead')\n\n  const { inputValue } = context\n  const query = inputValue.trim()\n\n  const parts = useMemo(() => {\n    if (!query) return [children]\n    return children.split(new RegExp(`(${escapeRegex(query)})`, 'gi'))\n  }, [children, query])\n\n  return (\n    <span className={className}>\n      {parts.map((part, i) =>\n        part.toLowerCase() === query.toLowerCase() ? (\n          <mark\n            key={i}\n            className={clsx(\n              'ui:bg-transparent ui:font-extrabold ui:text-inherit'\n            )}\n          >\n            {part}\n          </mark>\n        ) : (\n          part\n        )\n      )}\n    </span>\n  )\n}\n\nexport default TypeaheadHighlight\n"],"mappings":"AA8CU,cAAAA,MAAA,oBA9CV,OAAOC,MAAU,OACjB,OAAS,cAAAC,EAAY,WAAAC,MAAe,QAEpC,OAAS,oBAAAC,MAAwB,qBAajC,MAAMC,EAAeC,GAAgBA,EAAI,QAAQ,sBAAuB,MAAM,EAUxEC,EAAkD,CAAC,CACvD,SAAAC,EACA,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAUR,EAAWE,CAAgB,EAC3C,GAAI,CAACM,EACH,MAAM,IAAI,MAAM,mDAAmD,EAErE,KAAM,CAAE,WAAAC,CAAW,EAAID,EACjBE,EAAQD,EAAW,KAAK,EAExBE,EAAQV,EAAQ,IACfS,EACEJ,EAAS,MAAM,IAAI,OAAO,IAAIH,EAAYO,CAAK,CAAC,IAAK,IAAI,CAAC,EAD9C,CAACJ,CAAQ,EAE3B,CAACA,EAAUI,CAAK,CAAC,EAEpB,OACEZ,EAAC,QAAK,UAAWS,EACd,SAAAI,EAAM,IAAI,CAACC,EAAMC,IAChBD,EAAK,YAAY,IAAMF,EAAM,YAAY,EACvCZ,EAAC,QAEC,UAAWC,EACT,qDACF,EAEC,SAAAa,GALIC,CAMP,EAEAD,CAEJ,EACF,CAEJ,EAEA,IAAOE,EAAQT","names":["jsx","clsx","useContext","useMemo","TypeaheadContext","escapeRegex","str","TypeaheadHighlight","children","className","context","inputValue","query","parts","part","i","TypeaheadHighlight_default"]}

package/dist/Typeahead/TypeaheadInput.d.ts

@@ -0,0 +1,21 @@
+import { Input } from '../Input';
+import type { ComponentProps, FC } from 'react';
+/**
+ * Props for Typeahead.Input.
+ *
+ * Derives from Input, omitting props managed by Typeahead context.
+ */
+export type TypeaheadInputProps = Omit<ComponentProps<typeof Input>, 'value' | 'onChange' | 'role'>;
+/**
+ * Combobox input for the Typeahead compound component.
+ *
+ * Wraps the base Input component, wiring it to Typeahead context for
+ * controlled value, keyboard navigation (ArrowUp/Down, Home/End, Enter,
+ * Escape), and ARIA combobox attributes. Opens the menu on focus/click
+ * when the input has a value.
+ *
+ * Must be used within a `<Typeahead>` provider.
+ */
+declare const TypeaheadInput: FC<TypeaheadInputProps>;
+export default TypeaheadInput;
+//# sourceMappingURL=TypeaheadInput.d.ts.map

package/dist/Typeahead/TypeaheadInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeaheadInput.d.ts","sourceRoot":"","sources":["../../src/Typeahead/TypeaheadInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAIhC,OAAO,KAAK,EAAe,cAAc,EAAE,EAAE,EAAiB,MAAM,OAAO,CAAA;AAE3E;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,cAAc,CAAC,OAAO,KAAK,CAAC,EAC5B,OAAO,GAAG,UAAU,GAAG,MAAM,CAC9B,CAAA;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA4G3C,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/Typeahead/TypeaheadInput.js

@@ -0,0 +1,2 @@
+import{jsx as k}from"react/jsx-runtime";import{useContext as E}from"react";import{Input as g}from"../Input";import{TypeaheadContext as w}from"./TypeaheadContext";const D=u=>{const p=E(w);if(!p)throw new Error("Typeahead.Input must be used within Typeahead");const{isOpen:t,inputValue:s,activeIndex:a,minChars:l,menuId:c,setIsOpen:o,setInputValue:d,setActiveIndex:f,navigateItems:n,getActiveEntry:m,selectItem:v,getItemId:h,inputRef:I}=p,y=a>=0?h(a):void 0,C=e=>{d(e.target.value)},b=e=>{switch(e.key){case"ArrowDown":{e.preventDefault(),t?n("down"):(o(!0),n("first"));break}case"ArrowUp":{e.preventDefault(),t&&n("up");break}case"Home":{t&&(e.preventDefault(),n("first"));break}case"End":{t&&(e.preventDefault(),n("last"));break}case"Enter":{if(t&&a>=0){e.preventDefault();const r=m(a);r&&!r.disabled&&v(r.value)}break}case"Escape":{t&&(e.preventDefault(),o(!1),f(-1));break}}},i=()=>{s.trim().length>=l&&o(!0)};return k(g,{...u,ref:I,value:s,onChange:C,onKeyDown:b,onFocus:i,onClick:i,role:"combobox","aria-expanded":t,"aria-controls":t?c:void 0,"aria-activedescendant":y,"aria-autocomplete":"list",autoComplete:"off"})};var K=D;export{K as default};
+//# sourceMappingURL=TypeaheadInput.js.map

package/dist/Typeahead/TypeaheadInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Typeahead/TypeaheadInput.tsx"],"sourcesContent":["import { useContext } from 'react'\n\nimport { Input } from '../Input'\n\nimport { TypeaheadContext } from './TypeaheadContext'\n\nimport type { ChangeEvent, ComponentProps, FC, KeyboardEvent } from 'react'\n\n/**\n * Props for Typeahead.Input.\n *\n * Derives from Input, omitting props managed by Typeahead context.\n */\nexport type TypeaheadInputProps = Omit<\n  ComponentProps<typeof Input>,\n  'value' | 'onChange' | 'role'\n>\n\n/**\n * Combobox input for the Typeahead compound component.\n *\n * Wraps the base Input component, wiring it to Typeahead context for\n * controlled value, keyboard navigation (ArrowUp/Down, Home/End, Enter,\n * Escape), and ARIA combobox attributes. Opens the menu on focus/click\n * when the input has a value.\n *\n * Must be used within a `<Typeahead>` provider.\n */\nconst TypeaheadInput: FC<TypeaheadInputProps> = (props) => {\n  const context = useContext(TypeaheadContext)\n  if (!context) throw new Error('Typeahead.Input must be used within Typeahead')\n\n  const {\n    isOpen,\n    inputValue,\n    activeIndex,\n    minChars,\n    menuId,\n    setIsOpen,\n    setInputValue,\n    setActiveIndex,\n    navigateItems,\n    getActiveEntry,\n    selectItem,\n    getItemId,\n    inputRef,\n  } = context\n\n  const activeDescendant = activeIndex >= 0 ? getItemId(activeIndex) : undefined\n\n  /** Forwards input changes to the Typeahead context (triggers search + open/close) */\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    setInputValue(e.target.value)\n  }\n\n  /**\n   * Handles keyboard navigation within the combobox.\n   *\n   * - ArrowDown: opens menu if closed, moves active index down (wraps)\n   * - ArrowUp: moves active index up (wraps)\n   * - Home/End: jumps to first/last enabled item\n   * - Enter: selects the active item\n   * - Escape: closes the menu and resets active index\n   */\n  const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n    switch (e.key) {\n      case 'ArrowDown': {\n        e.preventDefault()\n        if (!isOpen) {\n          setIsOpen(true)\n          navigateItems('first')\n        } else {\n          navigateItems('down')\n        }\n        break\n      }\n      case 'ArrowUp': {\n        e.preventDefault()\n        if (isOpen) navigateItems('up')\n        break\n      }\n      case 'Home': {\n        if (isOpen) {\n          e.preventDefault()\n          navigateItems('first')\n        }\n        break\n      }\n      case 'End': {\n        if (isOpen) {\n          e.preventDefault()\n          navigateItems('last')\n        }\n        break\n      }\n      case 'Enter': {\n        if (isOpen && activeIndex >= 0) {\n          e.preventDefault()\n          const entry = getActiveEntry(activeIndex)\n          if (entry && !entry.disabled) selectItem(entry.value)\n        }\n        break\n      }\n      case 'Escape': {\n        if (isOpen) {\n          e.preventDefault()\n          setIsOpen(false)\n          setActiveIndex(-1)\n        }\n        break\n      }\n    }\n  }\n\n  /** Reopens the dropdown on focus or click when the input contains text */\n  const handleOpen = () => {\n    if (inputValue.trim().length >= minChars) setIsOpen(true)\n  }\n\n  return (\n    <Input\n      {...props}\n      ref={inputRef}\n      value={inputValue}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      onFocus={handleOpen}\n      onClick={handleOpen}\n      role=\"combobox\"\n      aria-expanded={isOpen}\n      aria-controls={isOpen ? menuId : undefined}\n      aria-activedescendant={activeDescendant}\n      aria-autocomplete=\"list\"\n      autoComplete=\"off\"\n    />\n  )\n}\n\nexport default TypeaheadInput\n"],"mappings":"AAwHI,cAAAA,MAAA,oBAxHJ,OAAS,cAAAC,MAAkB,QAE3B,OAAS,SAAAC,MAAa,WAEtB,OAAS,oBAAAC,MAAwB,qBAwBjC,MAAMC,EAA2CC,GAAU,CACzD,MAAMC,EAAUL,EAAWE,CAAgB,EAC3C,GAAI,CAACG,EAAS,MAAM,IAAI,MAAM,+CAA+C,EAE7E,KAAM,CACJ,OAAAC,EACA,WAAAC,EACA,YAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,cAAAC,EACA,eAAAC,EACA,cAAAC,EACA,eAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,CACF,EAAIb,EAEEc,EAAmBX,GAAe,EAAIS,EAAUT,CAAW,EAAI,OAG/DY,EAAgB,GAAqC,CACzDR,EAAc,EAAE,OAAO,KAAK,CAC9B,EAWMS,EAAiB,GAAuC,CAC5D,OAAQ,EAAE,IAAK,CACb,IAAK,YAAa,CAChB,EAAE,eAAe,EACZf,EAIHQ,EAAc,MAAM,GAHpBH,EAAU,EAAI,EACdG,EAAc,OAAO,GAIvB,KACF,CACA,IAAK,UAAW,CACd,EAAE,eAAe,EACbR,GAAQQ,EAAc,IAAI,EAC9B,KACF,CACA,IAAK,OAAQ,CACPR,IACF,EAAE,eAAe,EACjBQ,EAAc,OAAO,GAEvB,KACF,CACA,IAAK,MAAO,CACNR,IACF,EAAE,eAAe,EACjBQ,EAAc,MAAM,GAEtB,KACF,CACA,IAAK,QAAS,CACZ,GAAIR,GAAUE,GAAe,EAAG,CAC9B,EAAE,eAAe,EACjB,MAAMc,EAAQP,EAAeP,CAAW,EACpCc,GAAS,CAACA,EAAM,UAAUN,EAAWM,EAAM,KAAK,CACtD,CACA,KACF,CACA,IAAK,SAAU,CACThB,IACF,EAAE,eAAe,EACjBK,EAAU,EAAK,EACfE,EAAe,EAAE,GAEnB,KACF,CACF,CACF,EAGMU,EAAa,IAAM,CACnBhB,EAAW,KAAK,EAAE,QAAUE,GAAUE,EAAU,EAAI,CAC1D,EAEA,OACEZ,EAACE,EAAA,CACE,GAAGG,EACJ,IAAKc,EACL,MAAOX,EACP,SAAUa,EACV,UAAWC,EACX,QAASE,EACT,QAASA,EACT,KAAK,WACL,gBAAejB,EACf,gBAAeA,EAASI,EAAS,OACjC,wBAAuBS,EACvB,oBAAkB,OAClB,aAAa,MACf,CAEJ,EAEA,IAAOK,EAAQrB","names":["jsx","useContext","Input","TypeaheadContext","TypeaheadInput","props","context","isOpen","inputValue","activeIndex","minChars","menuId","setIsOpen","setInputValue","setActiveIndex","navigateItems","getActiveEntry","selectItem","getItemId","inputRef","activeDescendant","handleChange","handleKeyDown","entry","handleOpen","TypeaheadInput_default"]}

package/dist/Typeahead/TypeaheadItem.d.ts

@@ -0,0 +1,26 @@
+import { ListboxItem } from '../Listbox';
+import type { ComponentProps, FC } from 'react';
+/**
+ * Props for Typeahead.Item.
+ *
+ * Derives from ListboxItem, omitting props managed by Typeahead context.
+ */
+export interface TypeaheadItemProps extends Omit<ComponentProps<typeof ListboxItem>, 'variant' | 'isActive' | 'isSelected' | 'ref'> {
+    /** Unique value identifying this item, passed to onSelect */
+    value: string;
+    /** Position index for keyboard navigation ordering (must be unique per item) */
+    index: number;
+}
+/**
+ * Individual option within the Typeahead dropdown.
+ *
+ * Composes `ListboxItem` for shared visual styling and registers itself in
+ * the Typeahead item registry on mount. Supports keyboard activation (via
+ * context activeIndex), mouse hover highlighting, click selection, and
+ * auto-scrolling when navigated to.
+ *
+ * Must be used within a `<Typeahead>` provider (inside `Typeahead.Menu`).
+ */
+declare const TypeaheadItem: FC<TypeaheadItemProps>;
+export default TypeaheadItem;
+//# sourceMappingURL=TypeaheadItem.d.ts.map

package/dist/Typeahead/TypeaheadItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeaheadItem.d.ts","sourceRoot":"","sources":["../../src/Typeahead/TypeaheadItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAIxC,OAAO,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/C;;;;GAIG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,cAAc,CAAC,OAAO,WAAW,CAAC,EAClC,SAAS,GAAG,UAAU,GAAG,YAAY,GAAG,KAAK,CAC9C;IACD,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAiEzC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/Typeahead/TypeaheadItem.js

@@ -0,0 +1,2 @@
+import{jsx as w}from"react/jsx-runtime";import{useContext as y,useEffect as a,useRef as v}from"react";import{ListboxItem as T}from"../Listbox";import{TypeaheadContext as x}from"./TypeaheadContext";const E=({value:n,disabled:t=!1,children:m,index:e,className:p,...f})=>{const s=y(x);if(!s)throw new Error("Typeahead.Item must be used within Typeahead");const{activeIndex:I,variant:l,selectItem:u,registerItem:i,unregisterItem:c,getItemId:h,setActiveIndex:d}=s,r=I===e,C=h(e),o=v(null);return a(()=>(i(e,n,t),()=>{c(e)}),[e,n,t,i,c]),a(()=>{r&&o.current&&"scrollIntoView"in o.current&&o.current.scrollIntoView({block:"nearest"})},[r]),w(T,{ref:o,id:C,variant:l,isActive:r,disabled:t,"aria-selected":r,className:p,onClick:()=>{t||u(n)},onMouseEnter:()=>{t||d(e)},...f,children:m})};var P=E;export{P as default};
+//# sourceMappingURL=TypeaheadItem.js.map

package/dist/Typeahead/TypeaheadItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Typeahead/TypeaheadItem.tsx"],"sourcesContent":["import { useContext, useEffect, useRef } from 'react'\n\nimport { ListboxItem } from '../Listbox'\n\nimport { TypeaheadContext } from './TypeaheadContext'\n\nimport type { ComponentProps, FC } from 'react'\n\n/**\n * Props for Typeahead.Item.\n *\n * Derives from ListboxItem, omitting props managed by Typeahead context.\n */\nexport interface TypeaheadItemProps\n  extends Omit<\n    ComponentProps<typeof ListboxItem>,\n    'variant' | 'isActive' | 'isSelected' | 'ref'\n  > {\n  /** Unique value identifying this item, passed to onSelect */\n  value: string\n  /** Position index for keyboard navigation ordering (must be unique per item) */\n  index: number\n}\n\n/**\n * Individual option within the Typeahead dropdown.\n *\n * Composes `ListboxItem` for shared visual styling and registers itself in\n * the Typeahead item registry on mount. Supports keyboard activation (via\n * context activeIndex), mouse hover highlighting, click selection, and\n * auto-scrolling when navigated to.\n *\n * Must be used within a `<Typeahead>` provider (inside `Typeahead.Menu`).\n */\nconst TypeaheadItem: FC<TypeaheadItemProps> = ({\n  value,\n  disabled = false,\n  children,\n  index,\n  className,\n  ...rest\n}) => {\n  const context = useContext(TypeaheadContext)\n  if (!context) throw new Error('Typeahead.Item must be used within Typeahead')\n\n  const {\n    activeIndex,\n    variant,\n    selectItem,\n    registerItem,\n    unregisterItem,\n    getItemId,\n    setActiveIndex,\n  } = context\n  const isActive = activeIndex === index\n  const itemId = getItemId(index)\n  const ref = useRef<HTMLLIElement>(null)\n\n  /** Registers this item in the Typeahead registry; unregisters on unmount */\n  useEffect(() => {\n    registerItem(index, value, disabled)\n    return () => {\n      unregisterItem(index)\n    }\n  }, [index, value, disabled, registerItem, unregisterItem])\n\n  /** Scrolls the active item into view when navigated to via keyboard */\n  useEffect(() => {\n    if (isActive && ref.current && 'scrollIntoView' in ref.current) {\n      ref.current.scrollIntoView({ block: 'nearest' })\n    }\n  }, [isActive])\n\n  /** Selects this item on click (no-op when disabled) */\n  const handleClick = () => {\n    if (!disabled) selectItem(value)\n  }\n\n  /** Highlights this item on mouse enter (no-op when disabled) */\n  const handleMouseEnter = () => {\n    if (!disabled) setActiveIndex(index)\n  }\n\n  return (\n    <ListboxItem\n      ref={ref}\n      id={itemId}\n      variant={variant}\n      isActive={isActive}\n      disabled={disabled}\n      aria-selected={isActive}\n      className={className}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      {...rest}\n    >\n      {children}\n    </ListboxItem>\n  )\n}\n\nexport default TypeaheadItem\n"],"mappings":"AAoFI,cAAAA,MAAA,oBApFJ,OAAS,cAAAC,EAAY,aAAAC,EAAW,UAAAC,MAAc,QAE9C,OAAS,eAAAC,MAAmB,aAE5B,OAAS,oBAAAC,MAAwB,qBA8BjC,MAAMC,EAAwC,CAAC,CAC7C,MAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAUZ,EAAWI,CAAgB,EAC3C,GAAI,CAACQ,EAAS,MAAM,IAAI,MAAM,8CAA8C,EAE5E,KAAM,CACJ,YAAAC,EACA,QAAAC,EACA,WAAAC,EACA,aAAAC,EACA,eAAAC,EACA,UAAAC,EACA,eAAAC,CACF,EAAIP,EACEQ,EAAWP,IAAgBJ,EAC3BY,EAASH,EAAUT,CAAK,EACxBa,EAAMpB,EAAsB,IAAI,EAGtC,OAAAD,EAAU,KACRe,EAAaP,EAAOH,EAAOC,CAAQ,EAC5B,IAAM,CACXU,EAAeR,CAAK,CACtB,GACC,CAACA,EAAOH,EAAOC,EAAUS,EAAcC,CAAc,CAAC,EAGzDhB,EAAU,IAAM,CACVmB,GAAYE,EAAI,SAAW,mBAAoBA,EAAI,SACrDA,EAAI,QAAQ,eAAe,CAAE,MAAO,SAAU,CAAC,CAEnD,EAAG,CAACF,CAAQ,CAAC,EAaXrB,EAACI,EAAA,CACC,IAAKmB,EACL,GAAID,EACJ,QAASP,EACT,SAAUM,EACV,SAAUb,EACV,gBAAea,EACf,UAAWV,EACX,QAlBgB,IAAM,CACnBH,GAAUQ,EAAWT,CAAK,CACjC,EAiBI,aAdqB,IAAM,CACxBC,GAAUY,EAAeV,CAAK,CACrC,EAaK,GAAGE,EAEH,SAAAH,EACH,CAEJ,EAEA,IAAOe,EAAQlB","names":["jsx","useContext","useEffect","useRef","ListboxItem","TypeaheadContext","TypeaheadItem","value","disabled","children","index","className","rest","context","activeIndex","variant","selectItem","registerItem","unregisterItem","getItemId","setActiveIndex","isActive","itemId","ref","TypeaheadItem_default"]}