@refraction-ui/react 0.4.2 → 0.6.0

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

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { PopoverAPI } from '../popover/index.cjs';
+export { popoverContentVariants } from '../popover/index.cjs';
+import { Side } from '../shared/index.cjs';
+
+interface PopoverContextValue {
+    api: PopoverAPI;
+    open: boolean;
+    setOpen: (value: boolean) => void;
+}
+interface PopoverProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: Side;
+    children: React.ReactNode;
+}
+declare function Popover({ open: controlledOpen, defaultOpen, onOpenChange, placement, children }: PopoverProps): React.FunctionComponentElement<React.ProviderProps<PopoverContextValue | null>>;
+declare namespace Popover {
+    var displayName: string;
+}
+interface PopoverTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: Side;
+}
+declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+interface PopoverCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const PopoverClose: React.ForwardRefExoticComponent<PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Popover, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps };

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

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { PopoverAPI } from '../popover/index.js';
+export { popoverContentVariants } from '../popover/index.js';
+import { Side } from '../shared/index.js';
+
+interface PopoverContextValue {
+    api: PopoverAPI;
+    open: boolean;
+    setOpen: (value: boolean) => void;
+}
+interface PopoverProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: Side;
+    children: React.ReactNode;
+}
+declare function Popover({ open: controlledOpen, defaultOpen, onOpenChange, placement, children }: PopoverProps): React.FunctionComponentElement<React.ProviderProps<PopoverContextValue | null>>;
+declare namespace Popover {
+    var displayName: string;
+}
+interface PopoverTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface PopoverContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    side?: Side;
+}
+declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+interface PopoverCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const PopoverClose: React.ForwardRefExoticComponent<PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Popover, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps };

package/dist/internal/react-presence-indicator/index.d.cts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { PresenceStatus } from '../presence-indicator/index.cjs';
+export { PresenceProps as CorePresenceProps, PresenceAPI, PresenceStatus, STATUS_COLORS, STATUS_LABELS, presenceContainerStyles, presenceDotVariants, presenceLabelStyles } from '../presence-indicator/index.cjs';
+
+interface PresenceIndicatorProps {
+    status: PresenceStatus;
+    showLabel?: boolean;
+    label?: string;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+declare function PresenceIndicator({ status, showLabel, label, size, className, }: PresenceIndicatorProps): React.DetailedReactHTMLElement<{
+    className: string;
+    role?: string | undefined;
+    tabIndex?: number | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-expanded'?: boolean | undefined;
+    'aria-selected'?: boolean | undefined;
+    'aria-hidden'?: boolean | undefined;
+    'aria-disabled'?: boolean | undefined;
+    'aria-pressed'?: boolean | "mixed" | undefined;
+    'aria-checked'?: boolean | "mixed" | undefined;
+    'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-atomic'?: boolean | undefined;
+}, HTMLElement>;
+declare namespace PresenceIndicator {
+    var displayName: string;
+}
+
+export { PresenceIndicator, type PresenceIndicatorProps };

package/dist/internal/react-presence-indicator/index.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { PresenceStatus } from '../presence-indicator/index.js';
+export { PresenceProps as CorePresenceProps, PresenceAPI, PresenceStatus, STATUS_COLORS, STATUS_LABELS, presenceContainerStyles, presenceDotVariants, presenceLabelStyles } from '../presence-indicator/index.js';
+
+interface PresenceIndicatorProps {
+    status: PresenceStatus;
+    showLabel?: boolean;
+    label?: string;
+    size?: 'sm' | 'md' | 'lg';
+    className?: string;
+}
+declare function PresenceIndicator({ status, showLabel, label, size, className, }: PresenceIndicatorProps): React.DetailedReactHTMLElement<{
+    className: string;
+    role?: string | undefined;
+    tabIndex?: number | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-expanded'?: boolean | undefined;
+    'aria-selected'?: boolean | undefined;
+    'aria-hidden'?: boolean | undefined;
+    'aria-disabled'?: boolean | undefined;
+    'aria-pressed'?: boolean | "mixed" | undefined;
+    'aria-checked'?: boolean | "mixed" | undefined;
+    'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-atomic'?: boolean | undefined;
+}, HTMLElement>;
+declare namespace PresenceIndicator {
+    var displayName: string;
+}
+
+export { PresenceIndicator, type PresenceIndicatorProps };

package/dist/internal/react-progress-display/index.d.cts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { BadgeData, StatCardData } from '../progress-display/index.cjs';
+export { BadgeData, ProgressDisplayProps, StatCardData, badgeGridVariants, badgeItemVariants, progressBarVariants, statCardVariants, statsGridVariants } from '../progress-display/index.cjs';
+
+interface StatsGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    stats: StatCardData[];
+    badges?: BadgeData[];
+}
+declare const StatsGrid: React.ForwardRefExoticComponent<StatsGridProps & React.RefAttributes<HTMLDivElement>>;
+interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: number;
+    max?: number;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+interface BadgeDisplayProps extends React.HTMLAttributes<HTMLDivElement> {
+    badges: BadgeData[];
+}
+declare const BadgeDisplay: React.ForwardRefExoticComponent<BadgeDisplayProps & React.RefAttributes<HTMLDivElement>>;
+
+export { BadgeDisplay, type BadgeDisplayProps, ProgressBar, type ProgressBarProps, StatsGrid, type StatsGridProps };

package/dist/internal/react-progress-display/index.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { BadgeData, StatCardData } from '../progress-display/index.js';
+export { BadgeData, ProgressDisplayProps, StatCardData, badgeGridVariants, badgeItemVariants, progressBarVariants, statCardVariants, statsGridVariants } from '../progress-display/index.js';
+
+interface StatsGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    stats: StatCardData[];
+    badges?: BadgeData[];
+}
+declare const StatsGrid: React.ForwardRefExoticComponent<StatsGridProps & React.RefAttributes<HTMLDivElement>>;
+interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: number;
+    max?: number;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
+interface BadgeDisplayProps extends React.HTMLAttributes<HTMLDivElement> {
+    badges: BadgeData[];
+}
+declare const BadgeDisplay: React.ForwardRefExoticComponent<BadgeDisplayProps & React.RefAttributes<HTMLDivElement>>;
+
+export { BadgeDisplay, type BadgeDisplayProps, ProgressBar, type ProgressBarProps, StatsGrid, type StatsGridProps };

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

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { RadioGroupProps as RadioGroupProps$1 } from '../radio/index.js';
+export { RadioOption, radioCircleVariants, radioGroupVariants, radioItemVariants } from '../radio/index.js';
+
+interface RadioContextValue {
+    value: string | undefined;
+    onValueChange: (value: string) => void;
+    name?: string;
+    disabled: boolean;
+}
+interface RadioGroupProps extends RadioGroupProps$1 {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function RadioGroup({ children, className, value: controlledValue, defaultValue, onValueChange, name, disabled, orientation, }: RadioGroupProps): React.FunctionComponentElement<React.ProviderProps<RadioContextValue | null>>;
+declare namespace RadioGroup {
+    var displayName: string;
+}
+interface RadioItemProps {
+    value: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+}
+declare function RadioItem({ value, children, disabled, className }: RadioItemProps): React.DetailedReactHTMLElement<{
+    className: string;
+    'data-state': string;
+}, HTMLElement>;
+declare namespace RadioItem {
+    var displayName: string;
+}
+
+export { RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps };

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

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { Reaction } from '../reaction-bar/index.cjs';
+export { ReactionBarProps as CoreReactionBarProps, Reaction, ReactionBarAPI, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants } from '../reaction-bar/index.cjs';
+
+interface ReactionBarProps {
+    reactions: Reaction[];
+    onToggle?: (emoji: string) => void;
+    onAdd?: (emoji: string) => void;
+    showAddButton?: boolean;
+    className?: string;
+}
+declare function ReactionBar({ reactions, onToggle, onAdd, showAddButton, className, }: ReactionBarProps): React.DetailedReactHTMLElement<{
+    className: string;
+    role?: string | undefined;
+    tabIndex?: number | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-expanded'?: boolean | undefined;
+    'aria-selected'?: boolean | undefined;
+    'aria-hidden'?: boolean | undefined;
+    'aria-disabled'?: boolean | undefined;
+    'aria-pressed'?: boolean | "mixed" | undefined;
+    'aria-checked'?: boolean | "mixed" | undefined;
+    'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-atomic'?: boolean | undefined;
+}, HTMLElement>;
+declare namespace ReactionBar {
+    var displayName: string;
+}
+
+export { ReactionBar, type ReactionBarProps };

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

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { Reaction } from '../reaction-bar/index.js';
+export { ReactionBarProps as CoreReactionBarProps, Reaction, ReactionBarAPI, reactionAddButtonStyles, reactionBarStyles, reactionCountStyles, reactionEmojiStyles, reactionPillVariants } from '../reaction-bar/index.js';
+
+interface ReactionBarProps {
+    reactions: Reaction[];
+    onToggle?: (emoji: string) => void;
+    onAdd?: (emoji: string) => void;
+    showAddButton?: boolean;
+    className?: string;
+}
+declare function ReactionBar({ reactions, onToggle, onAdd, showAddButton, className, }: ReactionBarProps): React.DetailedReactHTMLElement<{
+    className: string;
+    role?: string | undefined;
+    tabIndex?: number | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-controls'?: string | undefined;
+    'aria-expanded'?: boolean | undefined;
+    'aria-selected'?: boolean | undefined;
+    'aria-hidden'?: boolean | undefined;
+    'aria-disabled'?: boolean | undefined;
+    'aria-pressed'?: boolean | "mixed" | undefined;
+    'aria-checked'?: boolean | "mixed" | undefined;
+    'aria-current'?: boolean | "page" | "step" | "location" | "date" | "time" | undefined;
+    'aria-live'?: "off" | "assertive" | "polite" | undefined;
+    'aria-atomic'?: boolean | undefined;
+}, HTMLElement>;
+declare namespace ReactionBar {
+    var displayName: string;
+}
+
+export { ReactionBar, type ReactionBarProps };

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

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { Orientation } from '../shared/index.cjs';
+export { ResizableLayoutAPI, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants } from '../resizable-layout/index.cjs';
+
+interface ResizableLayoutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {
+    orientation?: Orientation;
+    defaultSizes?: number[];
+    minSizes?: number[];
+    maxSizes?: number[];
+    persistKey?: string;
+    onSizesChange?: (sizes: number[]) => void;
+}
+/**
+ * ResizableLayout — flex container with resizable panes separated by draggable dividers.
+ * Uses pointer events for cross-platform drag support.
+ */
+declare const ResizableLayout: React.ForwardRefExoticComponent<ResizableLayoutProps & React.RefAttributes<HTMLDivElement>>;
+interface ResizablePaneProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Zero-based index of this pane (order in the layout) */
+    index: number;
+}
+/**
+ * ResizablePane — a single pane whose size is driven by CSS custom properties.
+ */
+declare const ResizablePane: React.ForwardRefExoticComponent<ResizablePaneProps & React.RefAttributes<HTMLDivElement>>;
+interface ResizableDividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Index of the divider (between pane[index] and pane[index+1]) */
+    index: number;
+}
+/**
+ * ResizableDivider — draggable handle between two panes.
+ * Uses pointer events for cross-platform drag support (mouse + touch).
+ */
+declare const ResizableDivider: React.ForwardRefExoticComponent<ResizableDividerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ResizableDivider, type ResizableDividerProps, ResizableLayout, type ResizableLayoutProps, ResizablePane, type ResizablePaneProps };

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

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { Orientation } from '../shared/index.js';
+export { ResizableLayoutAPI, resizableDividerVariants, resizableLayoutTokens, resizableLayoutVariants, resizablePaneVariants } from '../resizable-layout/index.js';
+
+interface ResizableLayoutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'defaultValue'> {
+    orientation?: Orientation;
+    defaultSizes?: number[];
+    minSizes?: number[];
+    maxSizes?: number[];
+    persistKey?: string;
+    onSizesChange?: (sizes: number[]) => void;
+}
+/**
+ * ResizableLayout — flex container with resizable panes separated by draggable dividers.
+ * Uses pointer events for cross-platform drag support.
+ */
+declare const ResizableLayout: React.ForwardRefExoticComponent<ResizableLayoutProps & React.RefAttributes<HTMLDivElement>>;
+interface ResizablePaneProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Zero-based index of this pane (order in the layout) */
+    index: number;
+}
+/**
+ * ResizablePane — a single pane whose size is driven by CSS custom properties.
+ */
+declare const ResizablePane: React.ForwardRefExoticComponent<ResizablePaneProps & React.RefAttributes<HTMLDivElement>>;
+interface ResizableDividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Index of the divider (between pane[index] and pane[index+1]) */
+    index: number;
+}
+/**
+ * ResizableDivider — draggable handle between two panes.
+ * Uses pointer events for cross-platform drag support (mouse + touch).
+ */
+declare const ResizableDivider: React.ForwardRefExoticComponent<ResizableDividerProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ResizableDivider, type ResizableDividerProps, ResizableLayout, type ResizableLayoutProps, ResizablePane, type ResizablePaneProps };

package/dist/internal/react-rich-editor/index.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/internal/react-rich-editor/index.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

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

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { SearchBarAPI } from '../search-bar/index.cjs';
+export { searchBarVariants, searchResultVariants } from '../search-bar/index.cjs';
+
+interface SearchBarContextValue {
+    api: SearchBarAPI;
+    value: string;
+    isSearching: boolean;
+    setValue: (value: string) => void;
+    clear: () => void;
+}
+interface SearchBarProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    onSearch?: (value: string) => void;
+    debounceMs?: number;
+    loading?: boolean;
+    children?: React.ReactNode;
+}
+declare function SearchBar({ value: controlledValue, defaultValue, onValueChange, onSearch, debounceMs, loading, placeholder, className, children, ...inputProps }: SearchBarProps): React.FunctionComponentElement<React.ProviderProps<SearchBarContextValue | null>>;
+declare namespace SearchBar {
+    var displayName: string;
+}
+interface SearchResultsProps extends React.HTMLAttributes<HTMLUListElement> {
+}
+declare const SearchResults: React.ForwardRefExoticComponent<SearchResultsProps & React.RefAttributes<HTMLUListElement>>;
+interface SearchResultItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+}
+declare const SearchResultItem: React.ForwardRefExoticComponent<SearchResultItemProps & React.RefAttributes<HTMLLIElement>>;
+
+export { SearchBar, type SearchBarProps, SearchResultItem, type SearchResultItemProps, SearchResults, type SearchResultsProps };

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

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { SearchBarAPI } from '../search-bar/index.js';
+export { searchBarVariants, searchResultVariants } from '../search-bar/index.js';
+
+interface SearchBarContextValue {
+    api: SearchBarAPI;
+    value: string;
+    isSearching: boolean;
+    setValue: (value: string) => void;
+    clear: () => void;
+}
+interface SearchBarProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    onSearch?: (value: string) => void;
+    debounceMs?: number;
+    loading?: boolean;
+    children?: React.ReactNode;
+}
+declare function SearchBar({ value: controlledValue, defaultValue, onValueChange, onSearch, debounceMs, loading, placeholder, className, children, ...inputProps }: SearchBarProps): React.FunctionComponentElement<React.ProviderProps<SearchBarContextValue | null>>;
+declare namespace SearchBar {
+    var displayName: string;
+}
+interface SearchResultsProps extends React.HTMLAttributes<HTMLUListElement> {
+}
+declare const SearchResults: React.ForwardRefExoticComponent<SearchResultsProps & React.RefAttributes<HTMLUListElement>>;
+interface SearchResultItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+}
+declare const SearchResultItem: React.ForwardRefExoticComponent<SearchResultItemProps & React.RefAttributes<HTMLLIElement>>;
+
+export { SearchBar, type SearchBarProps, SearchResultItem, type SearchResultItemProps, SearchResults, type SearchResultsProps };

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

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+export { SelectAPI, SelectOption, selectContentVariants, selectItemVariants, selectTokens, selectTriggerVariants } from '../select/index.cjs';
+
+interface SelectProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    placeholder?: string;
+}
+/**
+ * Select -- dropdown select with accessible keyboard and ARIA support.
+ * Compound component: Select > SelectTrigger + SelectContent > SelectItem.
+ */
+declare function Select({ value, onValueChange, disabled, children, placeholder, }: SelectProps): react_jsx_runtime.JSX.Element;
+interface SelectTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    size?: 'sm' | 'default' | 'lg';
+}
+declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface SelectContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+interface SelectItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+    disabled?: boolean;
+}
+declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps };

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

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+export { SelectAPI, SelectOption, selectContentVariants, selectItemVariants, selectTokens, selectTriggerVariants } from '../select/index.js';
+
+interface SelectProps {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    placeholder?: string;
+}
+/**
+ * Select -- dropdown select with accessible keyboard and ARIA support.
+ * Compound component: Select > SelectTrigger + SelectContent > SelectItem.
+ */
+declare function Select({ value, onValueChange, disabled, children, placeholder, }: SelectProps): react_jsx_runtime.JSX.Element;
+interface SelectTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    size?: 'sm' | 'default' | 'lg';
+}
+declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface SelectContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+interface SelectItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+    disabled?: boolean;
+}
+declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Select, SelectContent, type SelectContentProps, SelectItem, type SelectItemProps, type SelectProps, SelectTrigger, type SelectTriggerProps };

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

@@ -0,0 +1,67 @@
+import * as React from 'react';
+
+type SheetSide = 'top' | 'right' | 'bottom' | 'left';
+declare const sheetOverlayStyles = "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
+declare const sheetContentVariants: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+interface SheetContextValue {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    modal: boolean;
+    side: SheetSide;
+    contentId: string;
+    titleId: string;
+    descriptionId: string;
+    triggerRef: React.MutableRefObject<HTMLElement | null>;
+}
+interface SheetProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+    side?: SheetSide;
+    children?: React.ReactNode;
+}
+declare function Sheet({ open: controlledOpen, defaultOpen, onOpenChange, modal, side, children, }: SheetProps): React.FunctionComponentElement<React.ProviderProps<SheetContextValue | null>>;
+declare namespace Sheet {
+    var displayName: string;
+}
+interface SheetTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface SheetOverlayProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const SheetOverlay: React.ForwardRefExoticComponent<SheetOverlayProps & React.RefAttributes<HTMLDivElement>>;
+interface SheetContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Side of the screen the sheet slides in from.
+     * Overrides the `side` prop on the parent <Sheet> if provided.
+     */
+    side?: SheetSide;
+    /**
+     * If true (default), an overlay is rendered behind the content and
+     * clicks outside the content close the sheet.
+     */
+    withOverlay?: boolean;
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+interface SheetHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const SheetHeader: React.ForwardRefExoticComponent<SheetHeaderProps & React.RefAttributes<HTMLDivElement>>;
+interface SheetFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const SheetFooter: React.ForwardRefExoticComponent<SheetFooterProps & React.RefAttributes<HTMLDivElement>>;
+interface SheetTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+declare const SheetTitle: React.ForwardRefExoticComponent<SheetTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+interface SheetDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const SheetDescription: React.ForwardRefExoticComponent<SheetDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+interface SheetCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const SheetClose: React.ForwardRefExoticComponent<SheetCloseProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, SheetOverlay, type SheetOverlayProps, type SheetProps, type SheetSide, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps, sheetContentVariants, sheetOverlayStyles };

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

@@ -0,0 +1,67 @@
+import * as React from 'react';
+
+type SheetSide = 'top' | 'right' | 'bottom' | 'left';
+declare const sheetOverlayStyles = "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
+declare const sheetContentVariants: (props?: ({
+    side?: "top" | "right" | "bottom" | "left" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+interface SheetContextValue {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    modal: boolean;
+    side: SheetSide;
+    contentId: string;
+    titleId: string;
+    descriptionId: string;
+    triggerRef: React.MutableRefObject<HTMLElement | null>;
+}
+interface SheetProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+    side?: SheetSide;
+    children?: React.ReactNode;
+}
+declare function Sheet({ open: controlledOpen, defaultOpen, onOpenChange, modal, side, children, }: SheetProps): React.FunctionComponentElement<React.ProviderProps<SheetContextValue | null>>;
+declare namespace Sheet {
+    var displayName: string;
+}
+interface SheetTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface SheetOverlayProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const SheetOverlay: React.ForwardRefExoticComponent<SheetOverlayProps & React.RefAttributes<HTMLDivElement>>;
+interface SheetContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Side of the screen the sheet slides in from.
+     * Overrides the `side` prop on the parent <Sheet> if provided.
+     */
+    side?: SheetSide;
+    /**
+     * If true (default), an overlay is rendered behind the content and
+     * clicks outside the content close the sheet.
+     */
+    withOverlay?: boolean;
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+interface SheetHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const SheetHeader: React.ForwardRefExoticComponent<SheetHeaderProps & React.RefAttributes<HTMLDivElement>>;
+interface SheetFooterProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const SheetFooter: React.ForwardRefExoticComponent<SheetFooterProps & React.RefAttributes<HTMLDivElement>>;
+interface SheetTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+}
+declare const SheetTitle: React.ForwardRefExoticComponent<SheetTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+interface SheetDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const SheetDescription: React.ForwardRefExoticComponent<SheetDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+interface SheetCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const SheetClose: React.ForwardRefExoticComponent<SheetCloseProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, SheetOverlay, type SheetOverlayProps, type SheetProps, type SheetSide, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps, sheetContentVariants, sheetOverlayStyles };