@refraction-ui/react 0.19.0 → 0.19.2

package/dist/internal/command-input/index.d.cts

@@ -26,16 +26,24 @@ interface CommandInputOptions {
     onCommandCommit?: (trigger: Trigger, text: string) => void;
     onCommandCancel?: () => void;
 }
+/**
+ * Minimal keyboard-event surface {@link CommandInput.handleKeyDown} needs.
+ * DOM `KeyboardEvent`s and framework synthetic events (e.g. React's) both
+ * satisfy this structurally, so adapters can pass their events without casts.
+ */
+interface CommandKeyEvent {
+    preventDefault(): void;
+}
 declare class CommandInput {
     private state;
     private options;
     constructor(options: CommandInputOptions);
     handleInput(text: string, cursorPosition: number): void;
-    handleKeyDown(key: string, event?: Event): void;
+    handleKeyDown(key: string, event?: CommandKeyEvent): void;
     get value(): InputNode[];
     getState(): CommandInputState;
     private parseInput;
     private notifyStateChange;
 }
 
-export { CommandInput, type CommandInputOptions, type CommandInputState, type CommandNode, type InputNode, type TextNode, type Trigger };
+export { CommandInput, type CommandInputOptions, type CommandInputState, type CommandKeyEvent, type CommandNode, type InputNode, type TextNode, type Trigger };

package/dist/internal/command-input/index.d.ts

@@ -26,16 +26,24 @@ interface CommandInputOptions {
     onCommandCommit?: (trigger: Trigger, text: string) => void;
     onCommandCancel?: () => void;
 }
+/**
+ * Minimal keyboard-event surface {@link CommandInput.handleKeyDown} needs.
+ * DOM `KeyboardEvent`s and framework synthetic events (e.g. React's) both
+ * satisfy this structurally, so adapters can pass their events without casts.
+ */
+interface CommandKeyEvent {
+    preventDefault(): void;
+}
 declare class CommandInput {
     private state;
     private options;
     constructor(options: CommandInputOptions);
     handleInput(text: string, cursorPosition: number): void;
-    handleKeyDown(key: string, event?: Event): void;
+    handleKeyDown(key: string, event?: CommandKeyEvent): void;
     get value(): InputNode[];
     getState(): CommandInputState;
     private parseInput;
     private notifyStateChange;
 }
 
-export { CommandInput, type CommandInputOptions, type CommandInputState, type CommandNode, type InputNode, type TextNode, type Trigger };
+export { CommandInput, type CommandInputOptions, type CommandInputState, type CommandKeyEvent, type CommandNode, type InputNode, type TextNode, type Trigger };

package/dist/internal/react-app-shell/index.d.cts

@@ -54,10 +54,6 @@ interface PageShellProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare function PageShellRoot({ config, children, className }: PageShellProps): React.FunctionComponentElement<React.ProviderProps<PageShellContextValue | null>>;
-declare namespace PageShellRoot {
-    var displayName: string;
-}
 interface PageShellNavProps {
     children?: React.ReactNode;
     className?: string;
@@ -65,9 +61,6 @@ interface PageShellNavProps {
 declare function Nav({ children, className }: PageShellNavProps): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace Nav {
-    var displayName: string;
-}
 interface PageShellSectionProps extends SectionConfig {
     children?: React.ReactNode;
     className?: string;
@@ -75,9 +68,6 @@ interface PageShellSectionProps extends SectionConfig {
 declare function Section({ children, className, fullWidth, maxWidth, padding, background, }: PageShellSectionProps): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace Section {
-    var displayName: string;
-}
 interface PageShellFooterProps {
     children?: React.ReactNode;
     className?: string;
@@ -86,10 +76,7 @@ interface PageShellFooterProps {
 declare function Footer({ children, className, columns }: PageShellFooterProps): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace Footer {
-    var displayName: string;
-}
-declare const PageShell: typeof PageShellRoot & {
+declare const PageShell: (({ config, children, className }: PageShellProps) => React.FunctionComponentElement<React.ProviderProps<PageShellContextValue | null>>) & {
     Nav: typeof Nav;
     Section: typeof Section;
     Footer: typeof Footer;
@@ -103,10 +90,6 @@ interface AuthShellProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare function AuthShellRoot({ config, children, className }: AuthShellProps): React.FunctionComponentElement<React.ProviderProps<AuthShellContextValue | null>>;
-declare namespace AuthShellRoot {
-    var displayName: string;
-}
 interface AuthShellCardProps {
     children?: React.ReactNode;
     className?: string;
@@ -115,10 +98,7 @@ declare function AuthShellCard({ children, className }: AuthShellCardProps): Rea
     className: string;
     'data-auth-card': string;
 }, HTMLElement>;
-declare namespace AuthShellCard {
-    var displayName: string;
-}
-declare const AuthShell: typeof AuthShellRoot & {
+declare const AuthShell: (({ config, children, className }: AuthShellProps) => React.FunctionComponentElement<React.ProviderProps<AuthShellContextValue | null>>) & {
     Card: typeof AuthShellCard;
 };
 

package/dist/internal/react-app-shell/index.d.ts

@@ -54,10 +54,6 @@ interface PageShellProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare function PageShellRoot({ config, children, className }: PageShellProps): React.FunctionComponentElement<React.ProviderProps<PageShellContextValue | null>>;
-declare namespace PageShellRoot {
-    var displayName: string;
-}
 interface PageShellNavProps {
     children?: React.ReactNode;
     className?: string;
@@ -65,9 +61,6 @@ interface PageShellNavProps {
 declare function Nav({ children, className }: PageShellNavProps): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace Nav {
-    var displayName: string;
-}
 interface PageShellSectionProps extends SectionConfig {
     children?: React.ReactNode;
     className?: string;
@@ -75,9 +68,6 @@ interface PageShellSectionProps extends SectionConfig {
 declare function Section({ children, className, fullWidth, maxWidth, padding, background, }: PageShellSectionProps): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace Section {
-    var displayName: string;
-}
 interface PageShellFooterProps {
     children?: React.ReactNode;
     className?: string;
@@ -86,10 +76,7 @@ interface PageShellFooterProps {
 declare function Footer({ children, className, columns }: PageShellFooterProps): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace Footer {
-    var displayName: string;
-}
-declare const PageShell: typeof PageShellRoot & {
+declare const PageShell: (({ config, children, className }: PageShellProps) => React.FunctionComponentElement<React.ProviderProps<PageShellContextValue | null>>) & {
     Nav: typeof Nav;
     Section: typeof Section;
     Footer: typeof Footer;
@@ -103,10 +90,6 @@ interface AuthShellProps {
     children?: React.ReactNode;
     className?: string;
 }
-declare function AuthShellRoot({ config, children, className }: AuthShellProps): React.FunctionComponentElement<React.ProviderProps<AuthShellContextValue | null>>;
-declare namespace AuthShellRoot {
-    var displayName: string;
-}
 interface AuthShellCardProps {
     children?: React.ReactNode;
     className?: string;
@@ -115,10 +98,7 @@ declare function AuthShellCard({ children, className }: AuthShellCardProps): Rea
     className: string;
     'data-auth-card': string;
 }, HTMLElement>;
-declare namespace AuthShellCard {
-    var displayName: string;
-}
-declare const AuthShell: typeof AuthShellRoot & {
+declare const AuthShell: (({ config, children, className }: AuthShellProps) => React.FunctionComponentElement<React.ProviderProps<AuthShellContextValue | null>>) & {
     Card: typeof AuthShellCard;
 };
 

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

@@ -16,9 +16,6 @@ interface CollapsibleProps {
     className?: string;
 }
 declare function Collapsible({ open: controlledOpen, defaultOpen, onOpenChange, disabled, children, className, }: CollapsibleProps): React.FunctionComponentElement<React.ProviderProps<CollapsibleContextValue | null>>;
-declare namespace Collapsible {
-    var displayName: string;
-}
 interface CollapsibleTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -16,9 +16,6 @@ interface CollapsibleProps {
     className?: string;
 }
 declare function Collapsible({ open: controlledOpen, defaultOpen, onOpenChange, disabled, children, className, }: CollapsibleProps): React.FunctionComponentElement<React.ProviderProps<CollapsibleContextValue | null>>;
-declare namespace Collapsible {
-    var displayName: string;
-}
 interface CollapsibleTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -61,9 +61,6 @@ interface ComboboxProps {
  * <ComboboxItem> children inside <ComboboxList> for full control.
  */
 declare function Combobox({ value: valueProp, defaultValue, onValueChange, open: openProp, defaultOpen, onOpenChange, options, filter, disabled, children, }: ComboboxProps): react_jsx_runtime.JSX.Element;
-declare namespace Combobox {
-    var displayName: string;
-}
 interface ComboboxTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     size?: 'sm' | 'default' | 'lg';
     placeholder?: string;

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

@@ -61,9 +61,6 @@ interface ComboboxProps {
  * <ComboboxItem> children inside <ComboboxList> for full control.
  */
 declare function Combobox({ value: valueProp, defaultValue, onValueChange, open: openProp, defaultOpen, onOpenChange, options, filter, disabled, children, }: ComboboxProps): react_jsx_runtime.JSX.Element;
-declare namespace Combobox {
-    var displayName: string;
-}
 interface ComboboxTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     size?: 'sm' | 'default' | 'lg';
     placeholder?: string;

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

@@ -22,9 +22,6 @@ interface CommandProps {
     children?: React.ReactNode;
 }
 declare function Command({ open, onOpenChange, filter, className, children, }: CommandProps): React.FunctionComponentElement<React.ProviderProps<CommandContextValue | null>>;
-declare namespace Command {
-    var displayName: string;
-}
 interface CommandInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
 }
 declare const CommandInput: React.ForwardRefExoticComponent<CommandInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -22,9 +22,6 @@ interface CommandProps {
     children?: React.ReactNode;
 }
 declare function Command({ open, onOpenChange, filter, className, children, }: CommandProps): React.FunctionComponentElement<React.ProviderProps<CommandContextValue | null>>;
-declare namespace Command {
-    var displayName: string;
-}
 interface CommandInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
 }
 declare const CommandInput: React.ForwardRefExoticComponent<CommandInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/internal/react-data-table/index.d.cts

@@ -15,8 +15,5 @@ interface DataTableProps<T = Record<string, unknown>> {
 declare function DataTable<T = Record<string, unknown>>({ columns, data, sortBy: controlledSortBy, sortDir: controlledSortDir, onSort, filters: controlledFilters, className, emptyMessage, }: DataTableProps<T>): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace DataTable {
-    var displayName: string;
-}
 
 export { DataTable, type DataTableProps };

package/dist/internal/react-data-table/index.d.ts

@@ -15,8 +15,5 @@ interface DataTableProps<T = Record<string, unknown>> {
 declare function DataTable<T = Record<string, unknown>>({ columns, data, sortBy: controlledSortBy, sortDir: controlledSortDir, onSort, filters: controlledFilters, className, emptyMessage, }: DataTableProps<T>): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace DataTable {
-    var displayName: string;
-}
 
 export { DataTable, type DataTableProps };

package/dist/internal/react-date-picker/index.d.cts

@@ -7,6 +7,7 @@ interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElemen
     minDate?: Date;
     maxDate?: Date;
     showTime?: boolean;
+    /** Display format for the selected-date text shown next to the input (e.g. 'DD/MM/YYYY'). The native input value itself stays ISO (`YYYY-MM-DD`). */
     format?: string;
     placeholder?: string;
 }

package/dist/internal/react-date-picker/index.d.ts

@@ -7,6 +7,7 @@ interface DatePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElemen
     minDate?: Date;
     maxDate?: Date;
     showTime?: boolean;
+    /** Display format for the selected-date text shown next to the input (e.g. 'DD/MM/YYYY'). The native input value itself stays ISO (`YYYY-MM-DD`). */
     format?: string;
     placeholder?: string;
 }

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

@@ -17,9 +17,6 @@ interface DialogProps {
     children?: React.ReactNode;
 }
 declare function Dialog({ open: controlledOpen, defaultOpen, onOpenChange, modal, children, }: DialogProps): React.FunctionComponentElement<React.ProviderProps<DialogContextValue | null>>;
-declare namespace Dialog {
-    var displayName: string;
-}
 interface DialogTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     asChild?: boolean;
 }

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

@@ -17,9 +17,6 @@ interface DialogProps {
     children?: React.ReactNode;
 }
 declare function Dialog({ open: controlledOpen, defaultOpen, onOpenChange, modal, children, }: DialogProps): React.FunctionComponentElement<React.ProviderProps<DialogContextValue | null>>;
-declare namespace Dialog {
-    var displayName: string;
-}
 interface DialogTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     asChild?: boolean;
 }

package/dist/internal/react-dropdown-menu/index.d.cts

@@ -13,9 +13,6 @@ interface DropdownMenuProps {
     children?: React.ReactNode;
 }
 declare function DropdownMenu({ open: controlledOpen, defaultOpen, onOpenChange, children, }: DropdownMenuProps): React.FunctionComponentElement<React.ProviderProps<DropdownMenuContextValue | null>>;
-declare namespace DropdownMenu {
-    var displayName: string;
-}
 interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /** Merge the trigger's props/behavior onto the child element instead of
      * rendering a `<button>` around it (Radix-style `asChild`). Use it with

package/dist/internal/react-dropdown-menu/index.d.ts

@@ -13,9 +13,6 @@ interface DropdownMenuProps {
     children?: React.ReactNode;
 }
 declare function DropdownMenu({ open: controlledOpen, defaultOpen, onOpenChange, children, }: DropdownMenuProps): React.FunctionComponentElement<React.ProviderProps<DropdownMenuContextValue | null>>;
-declare namespace DropdownMenu {
-    var displayName: string;
-}
 interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /** Merge the trigger's props/behavior onto the child element instead of
      * rendering a `<button>` around it (Radix-style `asChild`). Use it with

package/dist/internal/react-feedback-dialog/index.d.cts

@@ -15,9 +15,6 @@ interface FeedbackDialogProps {
 declare function FeedbackDialog({ open: controlledOpen, defaultOpen, onOpenChange, onSubmit, type, className, children, }: FeedbackDialogProps): React.FunctionComponentElement<{
     children?: React.ReactNode | undefined;
 }>;
-declare namespace FeedbackDialog {
-    var displayName: string;
-}
 interface FeedbackButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     children?: React.ReactNode;
 }

package/dist/internal/react-feedback-dialog/index.d.ts

@@ -15,9 +15,6 @@ interface FeedbackDialogProps {
 declare function FeedbackDialog({ open: controlledOpen, defaultOpen, onOpenChange, onSubmit, type, className, children, }: FeedbackDialogProps): React.FunctionComponentElement<{
     children?: React.ReactNode | undefined;
 }>;
-declare namespace FeedbackDialog {
-    var displayName: string;
-}
 interface FeedbackButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     children?: React.ReactNode;
 }

package/dist/internal/react-keyboard-shortcut/index.d.cts

@@ -37,9 +37,6 @@ interface KeyboardShortcutProps {
  * Attaches a global keydown listener and calls onTrigger when the combo matches.
  */
 declare function KeyboardShortcut({ keys, onTrigger, enabled, preventDefault, }: KeyboardShortcutProps): null;
-declare namespace KeyboardShortcut {
-    var displayName: string;
-}
 interface ShortcutBadgeProps {
     /** Key combination to display */
     keys: string[];
@@ -50,8 +47,5 @@ interface ShortcutBadgeProps {
 declare function ShortcutBadge({ keys, platform, className }: ShortcutBadgeProps): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace ShortcutBadge {
-    var displayName: string;
-}
 
 export { KeyboardShortcut, type KeyboardShortcutProps, ShortcutBadge, type ShortcutBadgeProps, ShortcutContext, ShortcutHint, type ShortcutHintProps, ShortcutProvider, type UseShortcutOptions, useShortcut };

package/dist/internal/react-keyboard-shortcut/index.d.ts

@@ -37,9 +37,6 @@ interface KeyboardShortcutProps {
  * Attaches a global keydown listener and calls onTrigger when the combo matches.
  */
 declare function KeyboardShortcut({ keys, onTrigger, enabled, preventDefault, }: KeyboardShortcutProps): null;
-declare namespace KeyboardShortcut {
-    var displayName: string;
-}
 interface ShortcutBadgeProps {
     /** Key combination to display */
     keys: string[];
@@ -50,8 +47,5 @@ interface ShortcutBadgeProps {
 declare function ShortcutBadge({ keys, platform, className }: ShortcutBadgeProps): React.DetailedReactHTMLElement<{
     className: string;
 }, HTMLElement>;
-declare namespace ShortcutBadge {
-    var displayName: string;
-}
 
 export { KeyboardShortcut, type KeyboardShortcutProps, ShortcutBadge, type ShortcutBadgeProps, ShortcutContext, ShortcutHint, type ShortcutHintProps, ShortcutProvider, type UseShortcutOptions, useShortcut };

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

@@ -16,9 +16,6 @@ interface PopoverProps {
     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>>;

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

@@ -16,9 +16,6 @@ interface PopoverProps {
     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>>;

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

@@ -26,9 +26,6 @@ interface SheetProps {
     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>>;

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

@@ -26,9 +26,6 @@ interface SheetProps {
     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>>;

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

@@ -9,9 +9,6 @@ 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?: {

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

@@ -9,9 +9,6 @@ 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?: {

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

@@ -19,9 +19,6 @@ interface TooltipProps {
     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>>;

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

@@ -19,9 +19,6 @@ interface TooltipProps {
     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>>;