@refraction-ui/react 0.4.1 → 0.5.0

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { CheckedState } from '../checkbox/index.js';
+export { CheckboxAPI, CheckedState, checkIconPath, checkboxTokens, checkboxVariants, indeterminateIconPath } from '../checkbox/index.js';
+
+interface CheckboxProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
+    checked?: CheckedState;
+    onCheckedChange?: (checked: CheckedState) => void;
+    disabled?: boolean;
+    size?: 'sm' | 'default' | 'lg';
+}
+/**
+ * Checkbox component -- renders a styled checkbox with check/indeterminate icons.
+ *
+ * Uses the headless @refraction-ui/checkbox core for state, ARIA, and keyboard handling.
+ */
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Checkbox, type CheckboxProps };

package/dist/internal/react-code-block/index.d.cts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+declare const CodeBlock: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CodeBlockHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CodeBlockContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLPreElement> & React.RefAttributes<HTMLPreElement>>;
+
+export { CodeBlock, CodeBlockContent, CodeBlockHeader };

package/dist/internal/react-code-block/index.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+declare const CodeBlock: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CodeBlockHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CodeBlockContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLPreElement> & React.RefAttributes<HTMLPreElement>>;
+
+export { CodeBlock, CodeBlockContent, CodeBlockHeader };

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

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { CodeEditorTheme } from '../code-editor/index.cjs';
+export { CodeEditorAPI, CodeEditorState, CodeEditorTheme, codeEditorTokens, codeEditorVariants } from '../code-editor/index.cjs';
+
+interface CodeEditorProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    language?: string;
+    readOnly?: boolean;
+    theme?: CodeEditorTheme;
+    className?: string;
+    placeholder?: string;
+    /** Optional action buttons rendered in the header bar */
+    actions?: Array<{
+        label: string;
+        onClick: () => void;
+    }>;
+}
+/**
+ * CodeEditor component — a styled textarea-based code editor.
+ *
+ * Uses the headless @refraction-ui/code-editor core for state and ARIA.
+ * Renders a simple monospace textarea with a header bar showing the language
+ * label and optional action buttons. Syntax highlighting is a future enhancement.
+ */
+declare const CodeEditor: React.ForwardRefExoticComponent<CodeEditorProps & React.RefAttributes<HTMLDivElement>>;
+
+export { CodeEditor, type CodeEditorProps };

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

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { CodeEditorTheme } from '../code-editor/index.js';
+export { CodeEditorAPI, CodeEditorState, CodeEditorTheme, codeEditorTokens, codeEditorVariants } from '../code-editor/index.js';
+
+interface CodeEditorProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    language?: string;
+    readOnly?: boolean;
+    theme?: CodeEditorTheme;
+    className?: string;
+    placeholder?: string;
+    /** Optional action buttons rendered in the header bar */
+    actions?: Array<{
+        label: string;
+        onClick: () => void;
+    }>;
+}
+/**
+ * CodeEditor component — a styled textarea-based code editor.
+ *
+ * Uses the headless @refraction-ui/code-editor core for state and ARIA.
+ * Renders a simple monospace textarea with a header bar showing the language
+ * label and optional action buttons. Syntax highlighting is a future enhancement.
+ */
+declare const CodeEditor: React.ForwardRefExoticComponent<CodeEditorProps & React.RefAttributes<HTMLDivElement>>;
+
+export { CodeEditor, type CodeEditorProps };

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export { CollapsibleAPI, CollapsibleProps as CoreCollapsibleProps, collapsibleContentVariants } from '../collapsible/index.cjs';
+
+interface CollapsibleContextValue {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    disabled: boolean;
+    contentId: string;
+}
+interface CollapsibleProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    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>>;
+interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps };

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export { CollapsibleAPI, CollapsibleProps as CoreCollapsibleProps, collapsibleContentVariants } from '../collapsible/index.js';
+
+interface CollapsibleContextValue {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    disabled: boolean;
+    contentId: string;
+}
+interface CollapsibleProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    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>>;
+interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps };

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

@@ -0,0 +1,94 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+type ComboboxFilter = (option: ComboboxOption, query: string) => boolean;
+declare const comboboxTriggerVariants: (props?: ({
+    size?: "sm" | "default" | "lg" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const comboboxContentVariants: (props?: ({
+    [x: string]: string | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const comboboxInputVariants: (props?: ({
+    [x: string]: string | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const comboboxListVariants: (props?: ({
+    [x: string]: string | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const comboboxItemVariants: (props?: ({
+    selected?: "true" | "false" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const comboboxEmptyVariants: (props?: ({
+    [x: string]: string | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+interface ComboboxProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    options?: ComboboxOption[];
+    filter?: ComboboxFilter;
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * Combobox -- searchable select with text-based filtering.
+ *
+ * Compound component:
+ *   Combobox > ComboboxTrigger + ComboboxContent
+ *   ComboboxContent > ComboboxInput + ComboboxList(ComboboxItem...) + ComboboxEmpty
+ *
+ * Supports both controlled (value/onValueChange) and uncontrolled (defaultValue) modes.
+ * Options can be supplied via the `options` prop (auto-renders items) or by composing
+ * <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;
+}
+declare const ComboboxTrigger: React.ForwardRefExoticComponent<ComboboxTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface ComboboxContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Render content inside a portal (defaults true). */
+    portal?: boolean;
+}
+declare const ComboboxContent: React.ForwardRefExoticComponent<ComboboxContentProps & React.RefAttributes<HTMLDivElement>>;
+interface ComboboxInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const ComboboxInput: React.ForwardRefExoticComponent<ComboboxInputProps & React.RefAttributes<HTMLInputElement>>;
+interface ComboboxListProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ComboboxList: React.ForwardRefExoticComponent<ComboboxListProps & React.RefAttributes<HTMLDivElement>>;
+interface ComboboxItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+    disabled?: boolean;
+    /** Override the label used for filtering (defaults to children text). */
+    label?: string;
+}
+declare const ComboboxItem: React.ForwardRefExoticComponent<ComboboxItemProps & React.RefAttributes<HTMLDivElement>>;
+interface ComboboxEmptyProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ComboboxEmpty: React.ForwardRefExoticComponent<ComboboxEmptyProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Combobox, ComboboxContent, type ComboboxContentProps, ComboboxEmpty, type ComboboxEmptyProps, type ComboboxFilter, ComboboxInput, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxList, type ComboboxListProps, type ComboboxOption, type ComboboxProps, ComboboxTrigger, type ComboboxTriggerProps, comboboxContentVariants, comboboxEmptyVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxTriggerVariants };

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

@@ -0,0 +1,94 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+type ComboboxFilter = (option: ComboboxOption, query: string) => boolean;
+declare const comboboxTriggerVariants: (props?: ({
+    size?: "sm" | "default" | "lg" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const comboboxContentVariants: (props?: ({
+    [x: string]: string | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const comboboxInputVariants: (props?: ({
+    [x: string]: string | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const comboboxListVariants: (props?: ({
+    [x: string]: string | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const comboboxItemVariants: (props?: ({
+    selected?: "true" | "false" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+declare const comboboxEmptyVariants: (props?: ({
+    [x: string]: string | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+interface ComboboxProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    options?: ComboboxOption[];
+    filter?: ComboboxFilter;
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * Combobox -- searchable select with text-based filtering.
+ *
+ * Compound component:
+ *   Combobox > ComboboxTrigger + ComboboxContent
+ *   ComboboxContent > ComboboxInput + ComboboxList(ComboboxItem...) + ComboboxEmpty
+ *
+ * Supports both controlled (value/onValueChange) and uncontrolled (defaultValue) modes.
+ * Options can be supplied via the `options` prop (auto-renders items) or by composing
+ * <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;
+}
+declare const ComboboxTrigger: React.ForwardRefExoticComponent<ComboboxTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface ComboboxContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Render content inside a portal (defaults true). */
+    portal?: boolean;
+}
+declare const ComboboxContent: React.ForwardRefExoticComponent<ComboboxContentProps & React.RefAttributes<HTMLDivElement>>;
+interface ComboboxInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const ComboboxInput: React.ForwardRefExoticComponent<ComboboxInputProps & React.RefAttributes<HTMLInputElement>>;
+interface ComboboxListProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ComboboxList: React.ForwardRefExoticComponent<ComboboxListProps & React.RefAttributes<HTMLDivElement>>;
+interface ComboboxItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+    disabled?: boolean;
+    /** Override the label used for filtering (defaults to children text). */
+    label?: string;
+}
+declare const ComboboxItem: React.ForwardRefExoticComponent<ComboboxItemProps & React.RefAttributes<HTMLDivElement>>;
+interface ComboboxEmptyProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const ComboboxEmpty: React.ForwardRefExoticComponent<ComboboxEmptyProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Combobox, ComboboxContent, type ComboboxContentProps, ComboboxEmpty, type ComboboxEmptyProps, type ComboboxFilter, ComboboxInput, type ComboboxInputProps, ComboboxItem, type ComboboxItemProps, ComboboxList, type ComboboxListProps, type ComboboxOption, type ComboboxProps, ComboboxTrigger, type ComboboxTriggerProps, comboboxContentVariants, comboboxEmptyVariants, comboboxInputVariants, comboboxItemVariants, comboboxListVariants, comboboxTriggerVariants };

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

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { CommandItemData } from '../command/index.cjs';
+export { CommandAPI, CommandItemData, CommandState, CommandProps as CoreCommandProps, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants } from '../command/index.cjs';
+
+interface CommandContextValue {
+    search: string;
+    onSearch: (query: string) => void;
+    selectedIndex: number;
+    onSelect: (index: number) => void;
+    items: CommandItemData[];
+    filteredItems: CommandItemData[];
+    registerItem: (item: CommandItemData) => void;
+    unregisterItem: (id: string) => void;
+    listId: string;
+    inputId: string;
+}
+interface CommandProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    filter?: (value: string, search: string) => boolean;
+    className?: string;
+    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>>;
+interface CommandListProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CommandList: React.ForwardRefExoticComponent<CommandListProps & React.RefAttributes<HTMLDivElement>>;
+interface CommandEmptyProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CommandEmpty: React.ForwardRefExoticComponent<CommandEmptyProps & React.RefAttributes<HTMLDivElement>>;
+interface CommandGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    heading?: string;
+}
+declare const CommandGroup: React.ForwardRefExoticComponent<CommandGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface CommandItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: string;
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+declare const CommandItem: React.ForwardRefExoticComponent<CommandItemProps & React.RefAttributes<HTMLDivElement>>;
+interface CommandSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CommandSeparator: React.ForwardRefExoticComponent<CommandSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Command, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps };

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

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { CommandItemData } from '../command/index.js';
+export { CommandAPI, CommandItemData, CommandState, CommandProps as CoreCommandProps, commandGroupVariants, commandInputVariants, commandItemVariants, commandVariants } from '../command/index.js';
+
+interface CommandContextValue {
+    search: string;
+    onSearch: (query: string) => void;
+    selectedIndex: number;
+    onSelect: (index: number) => void;
+    items: CommandItemData[];
+    filteredItems: CommandItemData[];
+    registerItem: (item: CommandItemData) => void;
+    unregisterItem: (id: string) => void;
+    listId: string;
+    inputId: string;
+}
+interface CommandProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    filter?: (value: string, search: string) => boolean;
+    className?: string;
+    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>>;
+interface CommandListProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CommandList: React.ForwardRefExoticComponent<CommandListProps & React.RefAttributes<HTMLDivElement>>;
+interface CommandEmptyProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CommandEmpty: React.ForwardRefExoticComponent<CommandEmptyProps & React.RefAttributes<HTMLDivElement>>;
+interface CommandGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    heading?: string;
+}
+declare const CommandGroup: React.ForwardRefExoticComponent<CommandGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface CommandItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    value?: string;
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+declare const CommandItem: React.ForwardRefExoticComponent<CommandItemProps & React.RefAttributes<HTMLDivElement>>;
+interface CommandSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CommandSeparator: React.ForwardRefExoticComponent<CommandSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Command, CommandEmpty, type CommandEmptyProps, CommandGroup, type CommandGroupProps, CommandInput, type CommandInputProps, CommandItem, type CommandItemProps, CommandList, type CommandListProps, type CommandProps, CommandSeparator, type CommandSeparatorProps };

package/dist/internal/react-content-protection/index.d.cts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export { WatermarkConfig, contentProtectionVariants, watermarkVariants } from '../content-protection/index.cjs';
+
+interface ContentProtectionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Enable content protection. Default: true */
+    enabled?: boolean;
+    /** Disable copy/cut. Default: true */
+    disableCopy?: boolean;
+    /** Disable right-click context menu. Default: true */
+    disableContextMenu?: boolean;
+    /** Watermark text overlay */
+    watermarkText?: string;
+}
+/**
+ * ContentProtection component — wraps children to block copy/context menu
+ * and optionally renders a watermark overlay.
+ *
+ * Uses the headless @refraction-ui/content-protection core for event handlers.
+ */
+declare const ContentProtection: React.ForwardRefExoticComponent<ContentProtectionProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ContentProtection, type ContentProtectionProps };

package/dist/internal/react-content-protection/index.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+export { WatermarkConfig, contentProtectionVariants, watermarkVariants } from '../content-protection/index.js';
+
+interface ContentProtectionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Enable content protection. Default: true */
+    enabled?: boolean;
+    /** Disable copy/cut. Default: true */
+    disableCopy?: boolean;
+    /** Disable right-click context menu. Default: true */
+    disableContextMenu?: boolean;
+    /** Watermark text overlay */
+    watermarkText?: string;
+}
+/**
+ * ContentProtection component — wraps children to block copy/context menu
+ * and optionally renders a watermark overlay.
+ *
+ * Uses the headless @refraction-ui/content-protection core for event handlers.
+ */
+declare const ContentProtection: React.ForwardRefExoticComponent<ContentProtectionProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ContentProtection, type ContentProtectionProps };

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { ColumnDef, SortDirection } from '../data-table/index.cjs';
+export { ColumnDef, DataTableProps as CoreDataTableProps, DataTableAPI, DataTableState, SortDirection, cellVariants, headerVariants, rowVariants, tableVariants } from '../data-table/index.cjs';
+
+interface DataTableProps<T = Record<string, unknown>> {
+    columns: ColumnDef<T>[];
+    data: T[];
+    sortBy?: string;
+    sortDir?: SortDirection;
+    onSort?: (columnId: string, direction: SortDirection) => void;
+    filters?: Record<string, string>;
+    className?: string;
+    emptyMessage?: string;
+}
+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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { ColumnDef, SortDirection } from '../data-table/index.js';
+export { ColumnDef, DataTableProps as CoreDataTableProps, DataTableAPI, DataTableState, SortDirection, cellVariants, headerVariants, rowVariants, tableVariants } from '../data-table/index.js';
+
+interface DataTableProps<T = Record<string, unknown>> {
+    columns: ColumnDef<T>[];
+    data: T[];
+    sortBy?: string;
+    sortDir?: SortDirection;
+    onSort?: (columnId: string, direction: SortDirection) => void;
+    filters?: Record<string, string>;
+    className?: string;
+    emptyMessage?: string;
+}
+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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export { CalendarDay, DatePickerProps as CoreDatePickerProps, DatePickerAPI, DatePickerState, DatePickerView, datePickerDayVariants, datePickerDropdownStyles, datePickerTimeInputStyles, datePickerTimeStyles, datePickerTriggerStyles } from '../date-picker/index.cjs';
+
+interface DatePickerProps {
+    value?: Date;
+    onChange?: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    showTime?: boolean;
+    format?: string;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+}
+declare function DatePicker({ value, onChange, minDate, maxDate, showTime, format, placeholder, className, disabled, }: DatePickerProps): React.DetailedReactHTMLElement<{
+    ref: React.RefObject<HTMLDivElement | null>;
+    className: string;
+}, HTMLDivElement>;
+declare namespace DatePicker {
+    var displayName: string;
+}
+
+export { DatePicker, type DatePickerProps };

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

@@ -0,0 +1,23 @@
+import * as React from 'react';
+export { CalendarDay, DatePickerProps as CoreDatePickerProps, DatePickerAPI, DatePickerState, DatePickerView, datePickerDayVariants, datePickerDropdownStyles, datePickerTimeInputStyles, datePickerTimeStyles, datePickerTriggerStyles } from '../date-picker/index.js';
+
+interface DatePickerProps {
+    value?: Date;
+    onChange?: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    showTime?: boolean;
+    format?: string;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+}
+declare function DatePicker({ value, onChange, minDate, maxDate, showTime, format, placeholder, className, disabled, }: DatePickerProps): React.DetailedReactHTMLElement<{
+    ref: React.RefObject<HTMLDivElement | null>;
+    className: string;
+}, HTMLDivElement>;
+declare namespace DatePicker {
+    var displayName: string;
+}
+
+export { DatePicker, type DatePickerProps };

package/dist/internal/react-device-frame/index.d.cts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { DeviceType, DeviceOrientation } from '../device-frame/index.cjs';
+export { DeviceFrameProps as CoreDeviceFrameProps, DeviceDimensions, DeviceFrameAPI, DeviceOrientation, DeviceType, deviceFrameVariants } from '../device-frame/index.cjs';
+
+interface DeviceFrameProps {
+    device: DeviceType;
+    orientation?: DeviceOrientation;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function DeviceFrame({ device, orientation, className, children, }: DeviceFrameProps): React.DetailedReactHTMLElement<{
+    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;
+    className: string;
+    style: {
+        width: string;
+        height: string;
+    };
+}, HTMLElement>;
+declare namespace DeviceFrame {
+    var displayName: string;
+}
+
+export { DeviceFrame, type DeviceFrameProps };