@refraction-ui/react 0.4.2 → 0.6.0

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

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { EmojiEntry } from '../emoji-picker/index.js';
+export { CATEGORY_LABELS, EmojiPickerProps as CoreEmojiPickerProps, EMOJI_CATEGORIES, EMOJI_DATA, EmojiCategory, EmojiEntry, EmojiPickerAPI, EmojiPickerState, emojiPickerContainerStyles, emojiPickerEmojiButtonStyles, emojiPickerGridStyles } from '../emoji-picker/index.js';
+
+interface EmojiPickerProps {
+    onSelect?: (emoji: EmojiEntry) => void;
+    recentEmojis?: EmojiEntry[];
+    className?: string;
+}
+declare function EmojiPicker({ onSelect, recentEmojis: initialRecent, className }: EmojiPickerProps): 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;
+}, HTMLElement>;
+declare namespace EmojiPicker {
+    var displayName: string;
+}
+
+export { EmojiPicker, type EmojiPickerProps };

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

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { FeedbackData, FeedbackType } from '../feedback-dialog/index.cjs';
+export { FeedbackData, FeedbackDialogAPI, FeedbackDialogState, FeedbackFormState, FeedbackType, feedbackDialogVariants } from '../feedback-dialog/index.cjs';
+
+interface FeedbackDialogProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onSubmit?: (data: FeedbackData) => void | Promise<void>;
+    type?: FeedbackType;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function FeedbackDialog({ open: controlledOpen, onOpenChange, onSubmit, type, className, }: FeedbackDialogProps): React.DetailedReactHTMLElement<{
+    'data-state': 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;
+    className: string;
+}, HTMLElement> | null;
+declare namespace FeedbackDialog {
+    var displayName: string;
+}
+interface FeedbackButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: React.ReactNode;
+}
+declare const FeedbackButton: React.ForwardRefExoticComponent<FeedbackButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { FeedbackButton, type FeedbackButtonProps, FeedbackDialog, type FeedbackDialogProps };

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

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { FeedbackData, FeedbackType } from '../feedback-dialog/index.js';
+export { FeedbackData, FeedbackDialogAPI, FeedbackDialogState, FeedbackFormState, FeedbackType, feedbackDialogVariants } from '../feedback-dialog/index.js';
+
+interface FeedbackDialogProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onSubmit?: (data: FeedbackData) => void | Promise<void>;
+    type?: FeedbackType;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function FeedbackDialog({ open: controlledOpen, onOpenChange, onSubmit, type, className, }: FeedbackDialogProps): React.DetailedReactHTMLElement<{
+    'data-state': 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;
+    className: string;
+}, HTMLElement> | null;
+declare namespace FeedbackDialog {
+    var displayName: string;
+}
+interface FeedbackButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    children?: React.ReactNode;
+}
+declare const FeedbackButton: React.ForwardRefExoticComponent<FeedbackButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { FeedbackButton, type FeedbackButtonProps, FeedbackDialog, type FeedbackDialogProps };

package/dist/internal/react-file-tree/index.d.cts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const FileTree: () => react_jsx_runtime.JSX.Element;
+
+export { FileTree };

package/dist/internal/react-file-tree/index.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const FileTree: () => react_jsx_runtime.JSX.Element;
+
+export { FileTree };

package/dist/internal/react-file-upload/index.d.cts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { FileEntry, FileUploadError } from '../file-upload/index.cjs';
+export { FileUploadProps as CoreFileUploadProps, FileEntry, FileStatus, FileUploadAPI, FileUploadError, FileUploadState, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, formatFileSize } from '../file-upload/index.cjs';
+
+interface FileUploadProps {
+    accept?: string;
+    maxSize?: number;
+    maxFiles?: number;
+    multiple?: boolean;
+    onFilesSelected?: (files: FileEntry[]) => void;
+    onError?: (errors: FileUploadError[]) => void;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function FileUpload({ accept, maxSize, maxFiles, multiple, onFilesSelected, onError, className, children, }: FileUploadProps): React.DetailedReactHTMLElement<{
+    className: string | undefined;
+}, HTMLElement>;
+declare namespace FileUpload {
+    var displayName: string;
+}
+
+export { FileUpload, type FileUploadProps };

package/dist/internal/react-file-upload/index.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { FileEntry, FileUploadError } from '../file-upload/index.js';
+export { FileUploadProps as CoreFileUploadProps, FileEntry, FileStatus, FileUploadAPI, FileUploadError, FileUploadState, fileUploadDropZoneVariants, fileUploadFileItemStyles, fileUploadFileListStyles, formatFileSize } from '../file-upload/index.js';
+
+interface FileUploadProps {
+    accept?: string;
+    maxSize?: number;
+    maxFiles?: number;
+    multiple?: boolean;
+    onFilesSelected?: (files: FileEntry[]) => void;
+    onError?: (errors: FileUploadError[]) => void;
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function FileUpload({ accept, maxSize, maxFiles, multiple, onFilesSelected, onError, className, children, }: FileUploadProps): React.DetailedReactHTMLElement<{
+    className: string | undefined;
+}, HTMLElement>;
+declare namespace FileUpload {
+    var displayName: string;
+}
+
+export { FileUpload, type FileUploadProps };

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SocialLink, FooterColumn } from '../footer/index.cjs';
+export { FooterColumn, SocialLink, footerVariants } from '../footer/index.cjs';
+
+interface FooterProps extends React.HTMLAttributes<HTMLElement> {
+    /** Custom copyright text */
+    copyright?: string;
+    /** Social media links */
+    socialLinks?: SocialLink[];
+    /** Footer link columns */
+    columns?: FooterColumn[];
+}
+/**
+ * Footer component — renders a site footer with copyright, social links, and link columns.
+ *
+ * Uses the headless @refraction-ui/footer core for state and ARIA attributes.
+ */
+declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLElement>>;
+
+export { Footer, type FooterProps };

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { SocialLink, FooterColumn } from '../footer/index.js';
+export { FooterColumn, SocialLink, footerVariants } from '../footer/index.js';
+
+interface FooterProps extends React.HTMLAttributes<HTMLElement> {
+    /** Custom copyright text */
+    copyright?: string;
+    /** Social media links */
+    socialLinks?: SocialLink[];
+    /** Footer link columns */
+    columns?: FooterColumn[];
+}
+/**
+ * Footer component — renders a site footer with copyright, social links, and link columns.
+ *
+ * Uses the headless @refraction-ui/footer core for state and ARIA attributes.
+ */
+declare const Footer: React.ForwardRefExoticComponent<FooterProps & React.RefAttributes<HTMLElement>>;
+
+export { Footer, type FooterProps };

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

@@ -0,0 +1,85 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+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';
+
+/**
+ * Form — RHF FormProvider wrapper.
+ *
+ * Spread the result of `useForm()` into <Form> so descendants can read the
+ * form state via context. Renders no DOM of its own; consumers can place a
+ * <form onSubmit={form.handleSubmit(...)}> inside.
+ */
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+/**
+ * FormField — connects a named field to RHF's Controller and provides
+ * field-name context to the descendants (FormLabel, FormControl, FormMessage).
+ */
+declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: ControllerProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+/**
+ * useFormField — read-only access to the current field context.
+ *
+ * Returns the per-field id collection plus the live RHF error state. Useful
+ * when building custom form controls that want the same wiring as FormControl.
+ */
+declare function useFormField(): {
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+    error: {
+        message?: string;
+        type?: string;
+    } | undefined;
+    invalid: boolean;
+};
+declare const formItemVariants: (props?: ({
+    [x: string]: string | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+interface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const FormItem: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const formLabelVariants: (props?: ({
+    invalid?: "true" | "false" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+interface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+}
+declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
+interface FormControlProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLElement>>;
+interface FormDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const FormDescription: React.ForwardRefExoticComponent<FormDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+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 };

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

@@ -0,0 +1,85 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+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';
+
+/**
+ * Form — RHF FormProvider wrapper.
+ *
+ * Spread the result of `useForm()` into <Form> so descendants can read the
+ * form state via context. Renders no DOM of its own; consumers can place a
+ * <form onSubmit={form.handleSubmit(...)}> inside.
+ */
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+/**
+ * FormField — connects a named field to RHF's Controller and provides
+ * field-name context to the descendants (FormLabel, FormControl, FormMessage).
+ */
+declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: ControllerProps<TFieldValues, TName>): react_jsx_runtime.JSX.Element;
+/**
+ * useFormField — read-only access to the current field context.
+ *
+ * Returns the per-field id collection plus the live RHF error state. Useful
+ * when building custom form controls that want the same wiring as FormControl.
+ */
+declare function useFormField(): {
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+    error: {
+        message?: string;
+        type?: string;
+    } | undefined;
+    invalid: boolean;
+};
+declare const formItemVariants: (props?: ({
+    [x: string]: string | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+interface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const FormItem: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const formLabelVariants: (props?: ({
+    invalid?: "true" | "false" | undefined;
+} & {
+    className?: string;
+}) | undefined) => string;
+interface FormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+}
+declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
+interface FormControlProps extends React.HTMLAttributes<HTMLElement> {
+    children?: React.ReactNode;
+}
+declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLElement>>;
+interface FormDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
+}
+declare const FormDescription: React.ForwardRefExoticComponent<FormDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+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 };

package/dist/internal/react-icon-system/index.d.cts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const IconSystem: () => react_jsx_runtime.JSX.Element;
+
+export { IconSystem };

package/dist/internal/react-icon-system/index.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const IconSystem: () => react_jsx_runtime.JSX.Element;
+
+export { IconSystem };

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export { InlineEditorProps as CoreInlineEditorProps, InlineEditorAPI, InlineEditorState, ToolbarAction, editorVariants, previewVariants, toolbarVariants } from '../inline-editor/index.cjs';
+
+interface InlineEditorProps {
+    value: string;
+    onSave?: (value: string) => void;
+    onCancel?: () => void;
+    className?: string;
+}
+declare function InlineEditor({ value: initialValue, onSave, onCancel, className, }: InlineEditorProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace InlineEditor {
+    var displayName: string;
+}
+
+export { InlineEditor, type InlineEditorProps };

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export { InlineEditorProps as CoreInlineEditorProps, InlineEditorAPI, InlineEditorState, ToolbarAction, editorVariants, previewVariants, toolbarVariants } from '../inline-editor/index.js';
+
+interface InlineEditorProps {
+    value: string;
+    onSave?: (value: string) => void;
+    onCancel?: () => void;
+    className?: string;
+}
+declare function InlineEditor({ value: initialValue, onSave, onCancel, className, }: InlineEditorProps): React.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+declare namespace InlineEditor {
+    var displayName: string;
+}
+
+export { InlineEditor, type InlineEditorProps };

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

@@ -0,0 +1,31 @@
+import * as React from 'react';
+export { InputType, inputVariants } from '../input/index.cjs';
+
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /**
+     * Visual size of the input.
+     *
+     * Note: this prop intentionally **shadows** the native HTML `size`
+     * attribute (which would otherwise control the visible character width
+     * of the `<input>` element). We re-purpose the name for our visual
+     * size variants (`'sm' | 'default' | 'lg'`) because in practice almost
+     * no one uses the native character-width `size` attribute, while
+     * visual sizing is a near-universal need.
+     *
+     * If you need the native character-width behavior, set it via
+     * `htmlSize` on the underlying DOM through a `ref`, or render a plain
+     * `<input>` instead.
+     *
+     * See the package README's "Sizing" section for more.
+     */
+    size?: 'sm' | 'default' | 'lg';
+}
+/**
+ * Input component — renders a styled input with size support.
+ *
+ * Uses the headless @refraction-ui/input core for state, ARIA, and data attributes.
+ * Styling via Tailwind utility classes (no external CSS-in-JS).
+ */
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps };

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

@@ -0,0 +1,31 @@
+import * as React from 'react';
+export { InputType, inputVariants } from '../input/index.js';
+
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /**
+     * Visual size of the input.
+     *
+     * Note: this prop intentionally **shadows** the native HTML `size`
+     * attribute (which would otherwise control the visible character width
+     * of the `<input>` element). We re-purpose the name for our visual
+     * size variants (`'sm' | 'default' | 'lg'`) because in practice almost
+     * no one uses the native character-width `size` attribute, while
+     * visual sizing is a near-universal need.
+     *
+     * If you need the native character-width behavior, set it via
+     * `htmlSize` on the underlying DOM through a `ref`, or render a plain
+     * `<input>` instead.
+     *
+     * See the package README's "Sizing" section for more.
+     */
+    size?: 'sm' | 'default' | 'lg';
+}
+/**
+ * Input component — renders a styled input with size support.
+ *
+ * Uses the headless @refraction-ui/input core for state, ARIA, and data attributes.
+ * Styling via Tailwind utility classes (no external CSS-in-JS).
+ */
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+
+export { Input, type InputProps };

package/dist/internal/react-input-group/index.d.cts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { InputGroupOrientation } from '../input-group/index.cjs';
+export { InputGroupOrientation, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants } from '../input-group/index.cjs';
+
+interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: InputGroupOrientation;
+}
+/**
+ * InputGroup — flex container that visually groups inputs, addons, and buttons.
+ * Handles border-radius clipping on first/last children.
+ */
+declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface InputGroupAddonProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: InputGroupOrientation;
+}
+/**
+ * InputGroupAddon — decorative text or icon addon (e.g., "$", "@", icons).
+ */
+declare const InputGroupAddon: React.ForwardRefExoticComponent<InputGroupAddonProps & React.RefAttributes<HTMLDivElement>>;
+interface InputGroupTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+/**
+ * InputGroupText — inline text label within an input group.
+ */
+declare const InputGroupText: React.ForwardRefExoticComponent<InputGroupTextProps & React.RefAttributes<HTMLSpanElement>>;
+interface InputGroupButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    orientation?: InputGroupOrientation;
+}
+/**
+ * InputGroupButton — a button styled to sit flush inside an input group.
+ */
+declare const InputGroupButton: React.ForwardRefExoticComponent<InputGroupButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, InputGroupText, type InputGroupTextProps };

package/dist/internal/react-input-group/index.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { InputGroupOrientation } from '../input-group/index.js';
+export { InputGroupOrientation, inputGroupAddonVariants, inputGroupButtonVariants, inputGroupTokens, inputGroupVariants } from '../input-group/index.js';
+
+interface InputGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: InputGroupOrientation;
+}
+/**
+ * InputGroup — flex container that visually groups inputs, addons, and buttons.
+ * Handles border-radius clipping on first/last children.
+ */
+declare const InputGroup: React.ForwardRefExoticComponent<InputGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface InputGroupAddonProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: InputGroupOrientation;
+}
+/**
+ * InputGroupAddon — decorative text or icon addon (e.g., "$", "@", icons).
+ */
+declare const InputGroupAddon: React.ForwardRefExoticComponent<InputGroupAddonProps & React.RefAttributes<HTMLDivElement>>;
+interface InputGroupTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+/**
+ * InputGroupText — inline text label within an input group.
+ */
+declare const InputGroupText: React.ForwardRefExoticComponent<InputGroupTextProps & React.RefAttributes<HTMLSpanElement>>;
+interface InputGroupButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    orientation?: InputGroupOrientation;
+}
+/**
+ * InputGroupButton — a button styled to sit flush inside an input group.
+ */
+declare const InputGroupButton: React.ForwardRefExoticComponent<InputGroupButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, InputGroupText, type InputGroupTextProps };

package/dist/internal/react-install-prompt/index.d.cts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export { InstallPromptState, StorageAdapter, installPromptVariants } from '../install-prompt/index.cjs';
+
+interface InstallPromptProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Delay in ms before showing. Default: 3000 */
+    delay?: number;
+    /** Storage key for dismissed state. Default: 'rfr-install-dismissed' */
+    storageKey?: string;
+    /** Install button label. Default: 'Install' */
+    installLabel?: string;
+    /** Dismiss button label. Default: 'Dismiss' */
+    dismissLabel?: string;
+    /** Message text. Default: 'Install this app for a better experience' */
+    message?: string;
+}
+/**
+ * InstallPrompt component — renders a bottom banner prompting PWA installation.
+ *
+ * Uses the headless @refraction-ui/install-prompt core for state and ARIA attributes.
+ * Listens for the `beforeinstallprompt` browser event.
+ */
+declare const InstallPrompt: React.ForwardRefExoticComponent<InstallPromptProps & React.RefAttributes<HTMLDivElement>>;
+
+export { InstallPrompt, type InstallPromptProps };

package/dist/internal/react-install-prompt/index.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export { InstallPromptState, StorageAdapter, installPromptVariants } from '../install-prompt/index.js';
+
+interface InstallPromptProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Delay in ms before showing. Default: 3000 */
+    delay?: number;
+    /** Storage key for dismissed state. Default: 'rfr-install-dismissed' */
+    storageKey?: string;
+    /** Install button label. Default: 'Install' */
+    installLabel?: string;
+    /** Dismiss button label. Default: 'Dismiss' */
+    dismissLabel?: string;
+    /** Message text. Default: 'Install this app for a better experience' */
+    message?: string;
+}
+/**
+ * InstallPrompt component — renders a bottom banner prompting PWA installation.
+ *
+ * Uses the headless @refraction-ui/install-prompt core for state and ARIA attributes.
+ * Listens for the `beforeinstallprompt` browser event.
+ */
+declare const InstallPrompt: React.ForwardRefExoticComponent<InstallPromptProps & React.RefAttributes<HTMLDivElement>>;
+
+export { InstallPrompt, type InstallPromptProps };