@refraction-ui/react 0.4.2 → 0.6.0

package/dist/internal/react-toast/index.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { ToastEntry, ToastManagerAPI, ToastVariant } from '../toast/index.js';
+export { ToastEntry, ToastManagerAPI, ToastVariant, toastVariants } from '../toast/index.js';
+
+interface ToastContextValue {
+    manager: ToastManagerAPI;
+}
+interface ToastProviderProps {
+    children?: React.ReactNode;
+}
+declare function ToastProvider({ children }: ToastProviderProps): React.FunctionComponentElement<React.ProviderProps<ToastContextValue | null>>;
+declare namespace ToastProvider {
+    var displayName: string;
+}
+interface UseToastReturn {
+    /** Show a new toast */
+    toast: (message: string, opts?: {
+        variant?: ToastVariant;
+        duration?: number;
+    }) => string;
+    /** Dismiss a toast by id */
+    dismiss: (id: string) => void;
+    /** Current toast entries */
+    toasts: ReadonlyArray<ToastEntry>;
+}
+declare function useToast(): UseToastReturn;
+interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {
+    entry: ToastEntry;
+    onDismiss?: (id: string) => void;
+}
+declare const Toast: React.ForwardRefExoticComponent<ToastProps & React.RefAttributes<HTMLDivElement>>;
+interface ToasterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const Toaster: React.ForwardRefExoticComponent<ToasterProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Toast, type ToastProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, type UseToastReturn, useToast };

package/dist/internal/react-tooltip/index.d.cts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { TooltipAPI } from '../tooltip/index.cjs';
+export { tooltipContentVariants } from '../tooltip/index.cjs';
+import { Side } from '../shared/index.cjs';
+
+interface TooltipContextValue {
+    api: TooltipAPI;
+    open: boolean;
+    setOpen: (value: boolean) => void;
+    openWithDelay: () => void;
+    cancelDelay: () => void;
+}
+interface TooltipProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: Side;
+    delayDuration?: number;
+    children: React.ReactNode;
+}
+declare function Tooltip({ open: controlledOpen, defaultOpen, onOpenChange, placement, delayDuration, children, }: TooltipProps): React.FunctionComponentElement<React.ProviderProps<TooltipContextValue | null>>;
+declare namespace Tooltip {
+    var displayName: string;
+}
+interface TooltipTriggerProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLSpanElement>>;
+interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: Side;
+}
+declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipTrigger, type TooltipTriggerProps };

package/dist/internal/react-tooltip/index.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { TooltipAPI } from '../tooltip/index.js';
+export { tooltipContentVariants } from '../tooltip/index.js';
+import { Side } from '../shared/index.js';
+
+interface TooltipContextValue {
+    api: TooltipAPI;
+    open: boolean;
+    setOpen: (value: boolean) => void;
+    openWithDelay: () => void;
+    cancelDelay: () => void;
+}
+interface TooltipProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: Side;
+    delayDuration?: number;
+    children: React.ReactNode;
+}
+declare function Tooltip({ open: controlledOpen, defaultOpen, onOpenChange, placement, delayDuration, children, }: TooltipProps): React.FunctionComponentElement<React.ProviderProps<TooltipContextValue | null>>;
+declare namespace Tooltip {
+    var displayName: string;
+}
+interface TooltipTriggerProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLSpanElement>>;
+interface TooltipContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: Side;
+}
+declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Tooltip, TooltipContent, type TooltipContentProps, type TooltipProps, TooltipTrigger, type TooltipTriggerProps };

package/dist/internal/react-version-selector/index.d.cts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { VersionOption, VersionSelectorAPI } from '../version-selector/index.cjs';
+export { VersionOption, latestBadgeVariants, optionVariants, versionSelectorVariants } from '../version-selector/index.cjs';
+
+interface VersionSelectorContextValue {
+    api: VersionSelectorAPI;
+    isOpen: boolean;
+    setOpen: (value: boolean) => void;
+    select: (value: string) => void;
+    versions: VersionOption[];
+}
+interface VersionSelectorProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    versions: VersionOption[];
+    placeholder?: string;
+    className?: string;
+}
+declare function VersionSelector({ value: controlledValue, onValueChange, versions, placeholder, className, }: VersionSelectorProps): React.FunctionComponentElement<React.ProviderProps<VersionSelectorContextValue | null>>;
+declare namespace VersionSelector {
+    var displayName: string;
+}
+
+export { VersionSelector, type VersionSelectorProps };

package/dist/internal/react-version-selector/index.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { VersionOption, VersionSelectorAPI } from '../version-selector/index.js';
+export { VersionOption, latestBadgeVariants, optionVariants, versionSelectorVariants } from '../version-selector/index.js';
+
+interface VersionSelectorContextValue {
+    api: VersionSelectorAPI;
+    isOpen: boolean;
+    setOpen: (value: boolean) => void;
+    select: (value: string) => void;
+    versions: VersionOption[];
+}
+interface VersionSelectorProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    versions: VersionOption[];
+    placeholder?: string;
+    className?: string;
+}
+declare function VersionSelector({ value: controlledValue, onValueChange, versions, placeholder, className, }: VersionSelectorProps): React.FunctionComponentElement<React.ProviderProps<VersionSelectorContextValue | null>>;
+declare namespace VersionSelector {
+    var displayName: string;
+}
+
+export { VersionSelector, type VersionSelectorProps };

package/dist/internal/react-video-player/index.d.cts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { VideoPlayerProps as VideoPlayerProps$1 } from '../video-player/index.cjs';
+export { VideoPlayerAPI, VideoState, controlsVariants, overlayVariants, playerVariants } from '../video-player/index.cjs';
+
+interface VideoPlayerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'src'>, VideoPlayerProps$1 {
+}
+declare const VideoPlayer: React.ForwardRefExoticComponent<VideoPlayerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { VideoPlayer, type VideoPlayerProps };

package/dist/internal/react-video-player/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { VideoPlayerProps as VideoPlayerProps$1 } from '../video-player/index.js';
+export { VideoPlayerAPI, VideoState, controlsVariants, overlayVariants, playerVariants } from '../video-player/index.js';
+
+interface VideoPlayerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'src'>, VideoPlayerProps$1 {
+}
+declare const VideoPlayer: React.ForwardRefExoticComponent<VideoPlayerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { VideoPlayer, type VideoPlayerProps };

package/dist/internal/react-voice-pill/index.d.cts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { VoicePillProps as VoicePillProps$1 } from '../voice-pill/index.cjs';
+export { VoicePillProps as CoreVoicePillProps, DEFAULT_VOICE_PILL_POSITION, DEFAULT_VOICE_PILL_SPEAKER, VoicePillAPI, VoicePillPosition, VoicePillSpeaker, VoicePillStyleVars, clampVoicePillIntensity, createVoicePill, getVoicePillAriaLabel, getVoicePillInitials, getVoicePillPosition, getVoicePillPulseStyle, getVoicePillSpeakerKey, getVoicePillSpeakerLabel, voicePillAvatarStyles, voicePillAvatarWrapStyles, voicePillLabelStyles, voicePillMuteButtonStyles, voicePillPositionVariants, voicePillPulseRingStyles, voicePillRootStyles, voicePillSpeakerStyles, voicePillSubStyles, voicePillTextStyles, voicePillTokens } from '../voice-pill/index.cjs';
+
+interface VoicePillProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VoicePillProps$1 {
+    avatar?: React.ReactNode;
+}
+declare const VoicePill: React.ForwardRefExoticComponent<VoicePillProps & React.RefAttributes<HTMLDivElement>>;
+
+export { VoicePill, type VoicePillProps };

package/dist/internal/react-voice-pill/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { VoicePillProps as VoicePillProps$1 } from '../voice-pill/index.js';
+export { VoicePillProps as CoreVoicePillProps, DEFAULT_VOICE_PILL_POSITION, DEFAULT_VOICE_PILL_SPEAKER, VoicePillAPI, VoicePillPosition, VoicePillSpeaker, VoicePillStyleVars, clampVoicePillIntensity, createVoicePill, getVoicePillAriaLabel, getVoicePillInitials, getVoicePillPosition, getVoicePillPulseStyle, getVoicePillSpeakerKey, getVoicePillSpeakerLabel, voicePillAvatarStyles, voicePillAvatarWrapStyles, voicePillLabelStyles, voicePillMuteButtonStyles, voicePillPositionVariants, voicePillPulseRingStyles, voicePillRootStyles, voicePillSpeakerStyles, voicePillSubStyles, voicePillTextStyles, voicePillTokens } from '../voice-pill/index.js';
+
+interface VoicePillProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VoicePillProps$1 {
+    avatar?: React.ReactNode;
+}
+declare const VoicePill: React.ForwardRefExoticComponent<VoicePillProps & React.RefAttributes<HTMLDivElement>>;
+
+export { VoicePill, type VoicePillProps };

package/dist/internal/react-waveform/index.d.cts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { WaveformProps as WaveformProps$1 } from '../waveform/index.cjs';
+export { WaveformProps as CoreWaveformProps, DEFAULT_WAVEFORM_BAR_COUNT, DEFAULT_WAVEFORM_COLOR, DEFAULT_WAVEFORM_HEIGHT, DEFAULT_WAVEFORM_INTENSITY, DEFAULT_WAVEFORM_SMOOTHING, NormalizedWaveformConfig, WaveformAPI, WaveformCanvasSize, WaveformRenderOptions, WaveformSampleInput, WaveformSource, WaveformVariant, createIntensitySamples, createSilentSamples, createWaveform, drawWaveform, getWaveformPeak, isWaveformSampleInput, normalizeBarCount, normalizeIntensity, normalizeSmoothing, normalizeWaveformConfig, normalizeWaveformSamples, prepareWaveformCanvas, resampleWaveformSamples, scaleWaveformSamples, smoothWaveformSamples, toCssDimension, waveformCanvasVariants, waveformVariants } from '../waveform/index.cjs';
+
+interface WaveformProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'color' | 'height' | 'width'>, WaveformProps$1 {
+}
+declare const Waveform: React.ForwardRefExoticComponent<WaveformProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Waveform, type WaveformProps };

package/dist/internal/react-waveform/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { WaveformProps as WaveformProps$1 } from '../waveform/index.js';
+export { WaveformProps as CoreWaveformProps, DEFAULT_WAVEFORM_BAR_COUNT, DEFAULT_WAVEFORM_COLOR, DEFAULT_WAVEFORM_HEIGHT, DEFAULT_WAVEFORM_INTENSITY, DEFAULT_WAVEFORM_SMOOTHING, NormalizedWaveformConfig, WaveformAPI, WaveformCanvasSize, WaveformRenderOptions, WaveformSampleInput, WaveformSource, WaveformVariant, createIntensitySamples, createSilentSamples, createWaveform, drawWaveform, getWaveformPeak, isWaveformSampleInput, normalizeBarCount, normalizeIntensity, normalizeSmoothing, normalizeWaveformConfig, normalizeWaveformSamples, prepareWaveformCanvas, resampleWaveformSamples, scaleWaveformSamples, smoothWaveformSamples, toCssDimension, waveformCanvasVariants, waveformVariants } from '../waveform/index.js';
+
+interface WaveformProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'color' | 'height' | 'width'>, WaveformProps$1 {
+}
+declare const Waveform: React.ForwardRefExoticComponent<WaveformProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Waveform, type WaveformProps };

package/dist/internal/reaction-bar/index.d.cts

@@ -0,0 +1,50 @@
+import { AccessibilityProps } from '../shared/index.cjs';
+
+interface Reaction {
+    /** The emoji character */
+    emoji: string;
+    /** Number of users who reacted with this emoji */
+    count: number;
+    /** Whether the current user has reacted */
+    userReacted: boolean;
+}
+interface ReactionBarProps {
+    /** Current reactions */
+    reactions: Reaction[];
+    /** Callback when a reaction is toggled */
+    onToggle?: (emoji: string) => void;
+    /** Callback when a new reaction is added */
+    onAdd?: (emoji: string) => void;
+}
+interface ReactionBarAPI {
+    /** Current reactions */
+    reactions: Reaction[];
+    /** Toggle a reaction */
+    toggle(emoji: string): void;
+    /** Add a new reaction */
+    add(emoji: string): void;
+    /** ARIA props for the reaction bar container */
+    ariaProps: Partial<AccessibilityProps> & Record<string, unknown>;
+    /** Get ARIA props for an individual reaction pill */
+    getReactionAriaProps(reaction: Reaction): Record<string, unknown>;
+    /** ARIA props for the "add reaction" button */
+    addButtonAriaProps: Record<string, unknown>;
+    /** Generated IDs */
+    ids: {
+        container: string;
+        label: string;
+    };
+}
+declare function createReactionBar(props: ReactionBarProps): ReactionBarAPI;
+
+declare const reactionBarStyles = "flex flex-wrap items-center gap-1";
+declare const reactionPillVariants: (props?: ({
+    state?: "active" | "inactive" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const reactionAddButtonStyles = "inline-flex items-center justify-center h-6 w-6 rounded-full border border-dashed border-muted-foreground/30 text-muted-foreground hover:border-muted-foreground hover:text-foreground cursor-pointer transition-colors text-xs";
+declare const reactionEmojiStyles = "text-sm";
+declare const reactionCountStyles = "text-xs font-medium tabular-nums";
+
+export { type Reaction, type ReactionBarAPI, type ReactionBarProps, createReactionBar, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants };

package/dist/internal/reaction-bar/index.d.ts

@@ -0,0 +1,50 @@
+import { AccessibilityProps } from '../shared/index.js';
+
+interface Reaction {
+    /** The emoji character */
+    emoji: string;
+    /** Number of users who reacted with this emoji */
+    count: number;
+    /** Whether the current user has reacted */
+    userReacted: boolean;
+}
+interface ReactionBarProps {
+    /** Current reactions */
+    reactions: Reaction[];
+    /** Callback when a reaction is toggled */
+    onToggle?: (emoji: string) => void;
+    /** Callback when a new reaction is added */
+    onAdd?: (emoji: string) => void;
+}
+interface ReactionBarAPI {
+    /** Current reactions */
+    reactions: Reaction[];
+    /** Toggle a reaction */
+    toggle(emoji: string): void;
+    /** Add a new reaction */
+    add(emoji: string): void;
+    /** ARIA props for the reaction bar container */
+    ariaProps: Partial<AccessibilityProps> & Record<string, unknown>;
+    /** Get ARIA props for an individual reaction pill */
+    getReactionAriaProps(reaction: Reaction): Record<string, unknown>;
+    /** ARIA props for the "add reaction" button */
+    addButtonAriaProps: Record<string, unknown>;
+    /** Generated IDs */
+    ids: {
+        container: string;
+        label: string;
+    };
+}
+declare function createReactionBar(props: ReactionBarProps): ReactionBarAPI;
+
+declare const reactionBarStyles = "flex flex-wrap items-center gap-1";
+declare const reactionPillVariants: (props?: ({
+    state?: "active" | "inactive" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const reactionAddButtonStyles = "inline-flex items-center justify-center h-6 w-6 rounded-full border border-dashed border-muted-foreground/30 text-muted-foreground hover:border-muted-foreground hover:text-foreground cursor-pointer transition-colors text-xs";
+declare const reactionEmojiStyles = "text-sm";
+declare const reactionCountStyles = "text-xs font-medium tabular-nums";
+
+export { type Reaction, type ReactionBarAPI, type ReactionBarProps, createReactionBar, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants };

package/dist/internal/resizable-layout/index.d.cts

@@ -0,0 +1,47 @@
+import { Orientation, TokenContract } from '../shared/index.cjs';
+
+interface ResizableLayoutProps {
+    orientation?: Orientation;
+    /** Initial sizes as percentages (must sum to 100) */
+    defaultSizes?: number[];
+    /** Minimum size for each pane (percentage) */
+    minSizes?: number[];
+    /** Maximum size for each pane (percentage) */
+    maxSizes?: number[];
+    /** localStorage key for persisting sizes */
+    persistKey?: string;
+}
+interface ResizableLayoutAPI {
+    /** Current pane sizes as percentages */
+    sizes: number[];
+    /** Begin a resize operation at divider index */
+    startResize: (index: number) => void;
+    /** Apply a delta (percentage) during resize */
+    onResize: (delta: number) => void;
+    /** End the current resize operation */
+    endResize: () => void;
+    /** Generate CSS custom properties for pane sizes */
+    getCSSVariables: () => Record<string, string>;
+    /** Current orientation */
+    orientation: Orientation;
+}
+declare function createResizableLayout(props?: ResizableLayoutProps): ResizableLayoutAPI;
+
+declare const resizableLayoutTokens: TokenContract;
+declare const resizableLayoutVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const resizableDividerVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const resizablePaneVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+
+export { type ResizableLayoutAPI, type ResizableLayoutProps, createResizableLayout, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants };

package/dist/internal/resizable-layout/index.d.ts

@@ -0,0 +1,47 @@
+import { Orientation, TokenContract } from '../shared/index.js';
+
+interface ResizableLayoutProps {
+    orientation?: Orientation;
+    /** Initial sizes as percentages (must sum to 100) */
+    defaultSizes?: number[];
+    /** Minimum size for each pane (percentage) */
+    minSizes?: number[];
+    /** Maximum size for each pane (percentage) */
+    maxSizes?: number[];
+    /** localStorage key for persisting sizes */
+    persistKey?: string;
+}
+interface ResizableLayoutAPI {
+    /** Current pane sizes as percentages */
+    sizes: number[];
+    /** Begin a resize operation at divider index */
+    startResize: (index: number) => void;
+    /** Apply a delta (percentage) during resize */
+    onResize: (delta: number) => void;
+    /** End the current resize operation */
+    endResize: () => void;
+    /** Generate CSS custom properties for pane sizes */
+    getCSSVariables: () => Record<string, string>;
+    /** Current orientation */
+    orientation: Orientation;
+}
+declare function createResizableLayout(props?: ResizableLayoutProps): ResizableLayoutAPI;
+
+declare const resizableLayoutTokens: TokenContract;
+declare const resizableLayoutVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const resizableDividerVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const resizablePaneVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+
+export { type ResizableLayoutAPI, type ResizableLayoutProps, createResizableLayout, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants };

package/dist/internal/search-bar/index.d.cts

@@ -0,0 +1,51 @@
+import { KeyboardHandlerMap } from '../shared/index.cjs';
+
+interface SearchBarProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    onSearch?: (value: string) => void;
+    debounceMs?: number;
+    placeholder?: string;
+    loading?: boolean;
+}
+interface SearchBarAPI {
+    /** Current state */
+    state: {
+        value: string;
+        isSearching: boolean;
+    };
+    /** Props to spread on the input element */
+    inputProps: {
+        role: 'combobox';
+        'aria-expanded': boolean;
+        'aria-controls': string;
+        'aria-autocomplete': 'list';
+    };
+    /** Props to spread on the results list element */
+    listProps: {
+        role: 'listbox';
+        id: string;
+    };
+    /** Set the search value */
+    setValue: (value: string) => void;
+    /** Clear the search value */
+    clear: () => void;
+    /** Keyboard handler map */
+    keyboardHandlers: KeyboardHandlerMap;
+    /** Pre-built keyboard event handler */
+    handleKeyDown: (event: KeyboardEvent) => void;
+}
+declare function createSearchBar(props?: SearchBarProps): SearchBarAPI;
+
+declare const searchBarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const searchResultVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+
+export { type SearchBarAPI, type SearchBarProps, createSearchBar, searchBarVariants, searchResultVariants };

package/dist/internal/search-bar/index.d.ts

@@ -0,0 +1,51 @@
+import { KeyboardHandlerMap } from '../shared/index.js';
+
+interface SearchBarProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    onSearch?: (value: string) => void;
+    debounceMs?: number;
+    placeholder?: string;
+    loading?: boolean;
+}
+interface SearchBarAPI {
+    /** Current state */
+    state: {
+        value: string;
+        isSearching: boolean;
+    };
+    /** Props to spread on the input element */
+    inputProps: {
+        role: 'combobox';
+        'aria-expanded': boolean;
+        'aria-controls': string;
+        'aria-autocomplete': 'list';
+    };
+    /** Props to spread on the results list element */
+    listProps: {
+        role: 'listbox';
+        id: string;
+    };
+    /** Set the search value */
+    setValue: (value: string) => void;
+    /** Clear the search value */
+    clear: () => void;
+    /** Keyboard handler map */
+    keyboardHandlers: KeyboardHandlerMap;
+    /** Pre-built keyboard event handler */
+    handleKeyDown: (event: KeyboardEvent) => void;
+}
+declare function createSearchBar(props?: SearchBarProps): SearchBarAPI;
+
+declare const searchBarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const searchResultVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+
+export { type SearchBarAPI, type SearchBarProps, createSearchBar, searchBarVariants, searchResultVariants };

package/dist/internal/select/index.d.cts

@@ -0,0 +1,69 @@
+import { AccessibilityProps, KeyboardHandlerMap, TokenContract } from '../shared/index.cjs';
+
+interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface SelectProps {
+    value?: string;
+    options?: SelectOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    open?: boolean;
+    name?: string;
+}
+interface SelectAPI {
+    /** Trigger element ARIA + keyboard props */
+    triggerProps: {
+        ariaProps: Partial<AccessibilityProps>;
+        keyboardHandlers: KeyboardHandlerMap;
+        dataAttributes: Record<string, string>;
+    };
+    /** Content (dropdown) props */
+    contentProps: {
+        ariaProps: Partial<AccessibilityProps>;
+        dataAttributes: Record<string, string>;
+    };
+    /** Get props for a single option */
+    getOptionProps: (option: SelectOption) => {
+        ariaProps: Partial<AccessibilityProps>;
+        dataAttributes: Record<string, string>;
+        isSelected: boolean;
+    };
+    /** Whether interaction should be blocked */
+    isInteractive: boolean;
+    /** Current state */
+    state: {
+        open: boolean;
+        selectedValue: string | undefined;
+        selectedLabel: string | undefined;
+        disabled: boolean;
+        placeholder: string;
+    };
+    /** Generated IDs for trigger/content association */
+    ids: {
+        trigger: string;
+        content: string;
+    };
+}
+declare function createSelect(props?: SelectProps): SelectAPI;
+
+declare const selectTokens: TokenContract;
+declare const selectTriggerVariants: (props?: ({
+    size?: "sm" | "default" | "lg" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const selectContentVariants: (props?: ({
+    position?: "popper" | "item-aligned" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const selectItemVariants: (props?: ({
+    selected?: "true" | "false" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+
+export { type SelectAPI, type SelectOption, type SelectProps, createSelect, selectContentVariants, selectItemVariants, selectTokens, selectTriggerVariants };

package/dist/internal/select/index.d.ts

@@ -0,0 +1,69 @@
+import { AccessibilityProps, KeyboardHandlerMap, TokenContract } from '../shared/index.js';
+
+interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface SelectProps {
+    value?: string;
+    options?: SelectOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    open?: boolean;
+    name?: string;
+}
+interface SelectAPI {
+    /** Trigger element ARIA + keyboard props */
+    triggerProps: {
+        ariaProps: Partial<AccessibilityProps>;
+        keyboardHandlers: KeyboardHandlerMap;
+        dataAttributes: Record<string, string>;
+    };
+    /** Content (dropdown) props */
+    contentProps: {
+        ariaProps: Partial<AccessibilityProps>;
+        dataAttributes: Record<string, string>;
+    };
+    /** Get props for a single option */
+    getOptionProps: (option: SelectOption) => {
+        ariaProps: Partial<AccessibilityProps>;
+        dataAttributes: Record<string, string>;
+        isSelected: boolean;
+    };
+    /** Whether interaction should be blocked */
+    isInteractive: boolean;
+    /** Current state */
+    state: {
+        open: boolean;
+        selectedValue: string | undefined;
+        selectedLabel: string | undefined;
+        disabled: boolean;
+        placeholder: string;
+    };
+    /** Generated IDs for trigger/content association */
+    ids: {
+        trigger: string;
+        content: string;
+    };
+}
+declare function createSelect(props?: SelectProps): SelectAPI;
+
+declare const selectTokens: TokenContract;
+declare const selectTriggerVariants: (props?: ({
+    size?: "sm" | "default" | "lg" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const selectContentVariants: (props?: ({
+    position?: "popper" | "item-aligned" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const selectItemVariants: (props?: ({
+    selected?: "true" | "false" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+
+export { type SelectAPI, type SelectOption, type SelectProps, createSelect, selectContentVariants, selectItemVariants, selectTokens, selectTriggerVariants };