@refraction-ui/react 0.19.1 → 0.20.0

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-badge/index.d.cts

@@ -5,6 +5,11 @@ export { BadgeSize, BadgeVariant, badgeVariants } from '../badge/index.cjs';
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: BadgeVariant;
     size?: BadgeSize;
+    /** Merge the badge's classes/props onto the single child element instead of
+     * rendering a `<div>` (Radix-style `asChild`) — e.g.
+     * `<Badge asChild><a href="/x">…</a></Badge>` for a linked badge. Expects
+     * exactly one React element child. */
+    asChild?: boolean;
 }
 /**
  * Badge component — renders a styled badge with variant and size support.

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

@@ -5,6 +5,11 @@ export { BadgeSize, BadgeVariant, badgeVariants } from '../badge/index.js';
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: BadgeVariant;
     size?: BadgeSize;
+    /** Merge the badge's classes/props onto the single child element instead of
+     * rendering a `<div>` (Radix-style `asChild`) — e.g.
+     * `<Badge asChild><a href="/x">…</a></Badge>` for a linked badge. Expects
+     * exactly one React element child. */
+    asChild?: boolean;
 }
 /**
  * Badge component — renders a styled badge with variant and size support.

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

@@ -2,6 +2,10 @@ import * as React from 'react';
 
 interface CalloutProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: 'default' | 'destructive' | 'success' | 'warning' | 'info';
+    /** Merge the callout's classes/props onto the single child element instead
+     * of rendering a `<div>` (Radix-style `asChild`). Expects exactly one React
+     * element child. */
+    asChild?: boolean;
 }
 declare const Callout: React.ForwardRefExoticComponent<CalloutProps & React.RefAttributes<HTMLDivElement>>;
 declare const CalloutIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

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

@@ -2,6 +2,10 @@ import * as React from 'react';
 
 interface CalloutProps extends React.HTMLAttributes<HTMLDivElement> {
     variant?: 'default' | 'destructive' | 'success' | 'warning' | 'info';
+    /** Merge the callout's classes/props onto the single child element instead
+     * of rendering a `<div>` (Radix-style `asChild`). Expects exactly one React
+     * element child. */
+    asChild?: boolean;
 }
 declare const Callout: React.ForwardRefExoticComponent<CalloutProps & React.RefAttributes<HTMLDivElement>>;
 declare const CalloutIcon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,10 +1,17 @@
 import * as React from 'react';
 export { CardAPI, CardProps, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants } from '../card/index.cjs';
 
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Merge the card's classes/props onto the single child element instead of
+     * rendering a `<div>` (Radix-style `asChild`) — e.g.
+     * `<Card asChild><a href="/x">…</a></Card>` for a clickable card. Expects
+     * exactly one React element child. */
+    asChild?: boolean;
+}
 /**
  * Card -- a container with rounded corners, border, and shadow.
  */
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * CardHeader -- top section of a card, typically contains title and description.
  */

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

@@ -1,10 +1,17 @@
 import * as React from 'react';
 export { CardAPI, CardProps, cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardTokens, cardVariants } from '../card/index.js';
 
+interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Merge the card's classes/props onto the single child element instead of
+     * rendering a `<div>` (Radix-style `asChild`) — e.g.
+     * `<Card asChild><a href="/x">…</a></Card>` for a clickable card. Expects
+     * exactly one React element child. */
+    asChild?: boolean;
+}
 /**
  * Card -- a container with rounded corners, border, and shadow.
  */
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * CardHeader -- top section of a card, typically contains title and description.
  */

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-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-form/index.d.cts

@@ -3,6 +3,7 @@ import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 export { Controller, FieldPath, FieldValues, FormProvider, SubmitErrorHandler, SubmitHandler, UseFormProps, UseFormReturn, useController, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
 import * as React from 'react';
+export { Slot, SlotProps } from '../react-slot/index.cjs';
 
 /**
  * Form — RHF FormProvider wrapper.
@@ -62,24 +63,4 @@ interface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
 }
 declare const FormMessage: React.ForwardRefExoticComponent<FormMessageProps & React.RefAttributes<HTMLParagraphElement>>;
 
-/**
- * Minimal Slot implementation.
- *
- * Why not @radix-ui/react-slot? Per package policy, no external runtime deps
- * are allowed in @refraction-ui/* packages. This Slot does the small amount
- * of work we actually need:
- *   - Forwards a single React child
- *   - Merges incoming props onto that child (event handlers are chained,
- *     className is concatenated, style is shallow-merged)
- *   - Merges refs (callback refs and ref objects)
- *
- * It is intentionally simpler than Radix Slot — no <Slottable/>, no asChild
- * recursion. FormControl renders exactly one child input/textarea/etc., which
- * is all we need here.
- */
-interface SlotProps extends React.HTMLAttributes<HTMLElement> {
-    children?: React.ReactNode;
-}
-declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
-
-export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, Slot, type SlotProps, formItemVariants, formLabelVariants, useFormField };
+export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, formItemVariants, formLabelVariants, useFormField };

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

@@ -3,6 +3,7 @@ import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 export { Controller, FieldPath, FieldValues, FormProvider, SubmitErrorHandler, SubmitHandler, UseFormProps, UseFormReturn, useController, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
 import * as React from 'react';
+export { Slot, SlotProps } from '../react-slot/index.js';
 
 /**
  * Form — RHF FormProvider wrapper.
@@ -62,24 +63,4 @@ interface FormMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
 }
 declare const FormMessage: React.ForwardRefExoticComponent<FormMessageProps & React.RefAttributes<HTMLParagraphElement>>;
 
-/**
- * Minimal Slot implementation.
- *
- * Why not @radix-ui/react-slot? Per package policy, no external runtime deps
- * are allowed in @refraction-ui/* packages. This Slot does the small amount
- * of work we actually need:
- *   - Forwards a single React child
- *   - Merges incoming props onto that child (event handlers are chained,
- *     className is concatenated, style is shallow-merged)
- *   - Merges refs (callback refs and ref objects)
- *
- * It is intentionally simpler than Radix Slot — no <Slottable/>, no asChild
- * recursion. FormControl renders exactly one child input/textarea/etc., which
- * is all we need here.
- */
-interface SlotProps extends React.HTMLAttributes<HTMLElement> {
-    children?: React.ReactNode;
-}
-declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
-
-export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, Slot, type SlotProps, formItemVariants, formLabelVariants, useFormField };
+export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, formItemVariants, formLabelVariants, useFormField };

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-link-card/index.d.cts

@@ -1,5 +1,11 @@
 import * as React from 'react';
 
-declare const LinkCard: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+interface LinkCardProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Merge the link card's classes/props onto the single child element
+     * instead of rendering an `<a>` (Radix-style `asChild`) — e.g. compose with
+     * a router `<Link>`. Expects exactly one React element child. */
+    asChild?: boolean;
+}
+declare const LinkCard: React.ForwardRefExoticComponent<LinkCardProps & React.RefAttributes<HTMLAnchorElement>>;
 
-export { LinkCard };
+export { LinkCard, type LinkCardProps };

package/dist/internal/react-link-card/index.d.ts

@@ -1,5 +1,11 @@
 import * as React from 'react';
 
-declare const LinkCard: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
+interface LinkCardProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Merge the link card's classes/props onto the single child element
+     * instead of rendering an `<a>` (Radix-style `asChild`) — e.g. compose with
+     * a router `<Link>`. Expects exactly one React element child. */
+    asChild?: boolean;
+}
+declare const LinkCard: React.ForwardRefExoticComponent<LinkCardProps & React.RefAttributes<HTMLAnchorElement>>;
 
-export { LinkCard };
+export { LinkCard, type LinkCardProps };

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-slot/index.d.cts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+/**
+ * Minimal Slot implementation — the shared `asChild` primitive.
+ *
+ * Why not @radix-ui/react-slot? Per package policy, no external runtime deps
+ * are allowed in @refraction-ui/* packages. This Slot does the small amount
+ * of work we actually need:
+ *   - Forwards a single React child
+ *   - Merges incoming props onto that child (event handlers are chained,
+ *     className is concatenated, style is shallow-merged)
+ *   - Merges refs (callback refs and ref objects)
+ *
+ * It is intentionally simpler than Radix Slot — no <Slottable/>, no asChild
+ * recursion. `asChild` components render exactly one child element, which is
+ * all we need here. Non-element children (text, arrays, null) render nothing.
+ */
+interface SlotProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
+
+export { Slot, type SlotProps };

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+
+/**
+ * Minimal Slot implementation — the shared `asChild` primitive.
+ *
+ * Why not @radix-ui/react-slot? Per package policy, no external runtime deps
+ * are allowed in @refraction-ui/* packages. This Slot does the small amount
+ * of work we actually need:
+ *   - Forwards a single React child
+ *   - Merges incoming props onto that child (event handlers are chained,
+ *     className is concatenated, style is shallow-merged)
+ *   - Merges refs (callback refs and ref objects)
+ *
+ * It is intentionally simpler than Radix Slot — no <Slottable/>, no asChild
+ * recursion. `asChild` components render exactly one child element, which is
+ * all we need here. Non-element children (text, arrays, null) render nothing.
+ */
+interface SlotProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
+
+export { Slot, type SlotProps };

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>>;