@entropix/react 1.0.0 → 1.0.1

package/dist/index.d.ts

@@ -1,7 +1,19 @@
-import { AccessibilityProps, KeyboardHandlerConfig, KeyIntent, UseDialogOptions, UseTabsOptions, UseAccordionOptions, UseMenuOptions, UseRadioGroupOptions, UseSelectOptions } from '@entropix/core';
-import * as react from 'react';
-import react__default from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AccessibilityProps, KeyboardHandlerConfig, KeyIntent } from '@entropix/core';
+export { Button, ButtonProps } from './button.js';
+export { Toggle, ToggleProps } from './toggle.js';
+export { Switch, SwitchProps } from './switch.js';
+export { Dialog, DialogClose, DialogCloseProps, DialogContent, DialogContentProps, DialogDescription, DialogDescriptionProps, DialogOverlay, DialogOverlayProps, DialogProps, DialogTitle, DialogTitleProps, DialogTrigger, DialogTriggerProps } from './dialog.js';
+export { Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsProps } from './tabs.js';
+export { Accordion, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionProps, AccordionTrigger, AccordionTriggerProps } from './accordion.js';
+export { Menu, MenuContent, MenuContentProps, MenuItem, MenuItemProps, MenuProps, MenuTrigger, MenuTriggerProps } from './menu.js';
+export { Input, InputProps } from './input.js';
+export { Textarea, TextareaProps } from './textarea.js';
+export { Checkbox, CheckboxProps } from './checkbox.js';
+export { RadioGroup, RadioGroupProps, RadioItem, RadioItemProps } from './radio.js';
+export { Select, SelectContent, SelectContentProps, SelectOption, SelectOptionProps, SelectProps, SelectTrigger, SelectTriggerProps } from './select.js';
+export { Container, ContainerProps, ContainerSize, Divider, DividerProps, Inline, InlineProps, SpacingSize, Stack, StackProps } from './layout.js';
+import 'react';
+import 'react/jsx-runtime';
 
 /**
  * Maps platform-neutral AccessibilityProps from @entropix/core
@@ -39,373 +51,6 @@ declare function useFocusTrap(containerRef: React.RefObject<HTMLElement | null>,
  */
 declare function useFocusRestore(isActive: boolean): void;
 
-interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLElement>, "disabled"> {
-    /** Whether the button is disabled */
-    disabled?: boolean;
-    /** Whether the button is in a loading state */
-    loading?: boolean;
-    /** Called when the button is activated */
-    onPress?: () => void;
-    /** Render as a different element type */
-    as?: React.ElementType;
-    /** Visual variant for CSS targeting via data-variant */
-    variant?: string;
-    /** Size for CSS targeting via data-size */
-    size?: string;
-}
-/**
- * Button component — web adapter for @entropix/core's useButton.
- *
- * Renders a `<button>` by default. Use the `as` prop for other elements.
- * Provides data-state, data-variant, data-size attributes for CSS targeting.
- */
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLElement>>;
-
-interface ToggleProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "disabled"> {
-    /** Controlled checked state */
-    checked?: boolean;
-    /** Default checked state for uncontrolled mode */
-    defaultChecked?: boolean;
-    /** Called when checked state changes */
-    onChange?: (checked: boolean) => void;
-    /** Whether the toggle is disabled */
-    disabled?: boolean;
-    /** Accessible label (if no children) */
-    label?: string;
-}
-/**
- * Toggle component — web adapter for @entropix/core's useToggle.
- *
- * Renders a `<button type="button">` with role="checkbox".
- * Use the Switch component for role="switch" semantics.
- * Sets data-state="checked"|"unchecked" for CSS targeting.
- */
-declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLButtonElement>>;
-
-type SwitchProps = ToggleProps;
-/**
- * Switch component — Toggle with role="switch" semantics.
- *
- * API-identical to Toggle, but renders with `role="switch"`
- * instead of `role="checkbox"`.
- */
-declare const Switch: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLButtonElement>>;
-
-interface DialogProps extends UseDialogOptions {
-    children: React.ReactNode;
-}
-/**
- * Dialog root — provides dialog state to compound sub-components.
- * Renders no DOM of its own.
- */
-declare function Dialog({ children, isOpen, defaultOpen, onOpenChange, closeOnOverlayPress, closeOnEscape, modal, role, }: DialogProps): react_jsx_runtime.JSX.Element;
-
-interface DialogTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-}
-/**
- * DialogTrigger — button that opens/closes the dialog.
- * Maps core's getTriggerProps() to DOM attributes.
- */
-declare const DialogTrigger: react.ForwardRefExoticComponent<DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-
-interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-/**
- * DialogContent — the dialog panel rendered in a portal.
- *
- * Implements focus trap, focus restore, Escape-to-close keyboard handling,
- * and portal rendering. SSR-safe via useEffect mount gating.
- */
-declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps & react.RefAttributes<HTMLDivElement>>;
-
-interface DialogTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
-}
-/**
- * DialogTitle — heading element with auto-linked ID for aria-labelledby.
- */
-declare const DialogTitle: react.ForwardRefExoticComponent<DialogTitleProps & react.RefAttributes<HTMLHeadingElement>>;
-
-interface DialogDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
-}
-/**
- * DialogDescription — paragraph element with auto-linked ID for aria-describedby.
- */
-declare const DialogDescription: react.ForwardRefExoticComponent<DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>>;
-
-interface DialogCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-}
-/**
- * DialogClose — button that closes the dialog.
- * Maps core's getCloseProps() to DOM attributes.
- */
-declare const DialogClose: react.ForwardRefExoticComponent<DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
-
-interface DialogOverlayProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-/**
- * DialogOverlay — backdrop element behind the dialog.
- * Hidden from the accessibility tree. Optionally closes the dialog on click.
- */
-declare const DialogOverlay: react.ForwardRefExoticComponent<DialogOverlayProps & react.RefAttributes<HTMLDivElement>>;
-
-interface TabsProps extends UseTabsOptions {
-    children: react__default.ReactNode;
-    className?: string;
-}
-declare function Tabs({ children, className, orientation, activationMode, ...options }: TabsProps): react_jsx_runtime.JSX.Element;
-
-interface TabListProps {
-    children: react__default.ReactNode;
-    className?: string;
-}
-declare function TabList({ children, className }: TabListProps): react_jsx_runtime.JSX.Element;
-
-interface TabProps {
-    value: string;
-    children: react__default.ReactNode;
-    className?: string;
-}
-declare function Tab({ value, children, className }: TabProps): react_jsx_runtime.JSX.Element;
-
-interface TabPanelProps {
-    value: string;
-    children: react__default.ReactNode;
-    className?: string;
-}
-declare function TabPanel({ value, children, className }: TabPanelProps): react_jsx_runtime.JSX.Element | null;
-
-interface AccordionProps extends UseAccordionOptions {
-    children: react__default.ReactNode;
-    className?: string;
-}
-declare function Accordion({ children, className, ...options }: AccordionProps): react_jsx_runtime.JSX.Element;
-
-interface AccordionItemProps {
-    value: string;
-    children: react__default.ReactNode;
-    className?: string;
-}
-declare function AccordionItem({ value, children, className, }: AccordionItemProps): react_jsx_runtime.JSX.Element;
-
-interface AccordionTriggerProps {
-    children: react__default.ReactNode;
-    className?: string;
-}
-declare function AccordionTrigger({ children, className, }: AccordionTriggerProps): react_jsx_runtime.JSX.Element;
-
-interface AccordionPanelProps {
-    children: react__default.ReactNode;
-    className?: string;
-}
-declare function AccordionPanel({ children, className }: AccordionPanelProps): react_jsx_runtime.JSX.Element | null;
-
-interface MenuProps extends UseMenuOptions {
-    children: react__default.ReactNode;
-}
-declare function Menu({ children, ...options }: MenuProps): react_jsx_runtime.JSX.Element;
-
-interface MenuTriggerProps {
-    children: react__default.ReactNode;
-    className?: string;
-}
-declare function MenuTrigger({ children, className }: MenuTriggerProps): react_jsx_runtime.JSX.Element;
-
-interface MenuContentProps {
-    children: react__default.ReactNode;
-    className?: string;
-}
-declare function MenuContent({ children, className }: MenuContentProps): react_jsx_runtime.JSX.Element | null;
-
-interface MenuItemProps {
-    index: number;
-    onSelect?: () => void;
-    disabled?: boolean;
-    children: react__default.ReactNode;
-    className?: string;
-}
-declare function MenuItem({ index, onSelect, disabled, children, className, }: MenuItemProps): react_jsx_runtime.JSX.Element;
-
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "disabled" | "value" | "size"> {
-    /** Controlled value */
-    value?: string;
-    /** Default value for uncontrolled mode */
-    defaultValue?: string;
-    /** Called when the value changes */
-    onChange?: (value: string) => void;
-    /** Whether the input is disabled */
-    disabled?: boolean;
-    /** Whether the input is read-only */
-    readOnly?: boolean;
-    /** Whether the input is required */
-    required?: boolean;
-    /** Whether the input is in an invalid state */
-    invalid?: boolean;
-    /** Label text */
-    label?: string;
-    /** Helper text displayed below the input */
-    helperText?: string;
-    /** Error message displayed below the input (sets invalid=true when present) */
-    errorMessage?: string;
-    /** Visual variant */
-    variant?: "default" | "filled";
-    /** Size */
-    size?: "sm" | "md" | "lg";
-}
-/**
- * Input component — web adapter for @entropix/core's useInput.
- *
- * Renders a wrapper div with label, input, helper text, and error message.
- * Sets data-state, data-variant, and data-size attributes for CSS targeting.
- */
-declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
-
-interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "disabled" | "value"> {
-    /** Controlled value */
-    value?: string;
-    /** Default value for uncontrolled mode */
-    defaultValue?: string;
-    /** Called when the value changes */
-    onChange?: (value: string) => void;
-    /** Whether the textarea is disabled */
-    disabled?: boolean;
-    /** Whether the textarea is read-only */
-    readOnly?: boolean;
-    /** Whether the textarea is required */
-    required?: boolean;
-    /** Whether the textarea is in an invalid state */
-    invalid?: boolean;
-    /** Label text */
-    label?: string;
-    /** Helper text displayed below the textarea */
-    helperText?: string;
-    /** Error message displayed below the textarea (sets invalid=true when present) */
-    errorMessage?: string;
-    /** Visual variant */
-    variant?: "default" | "filled";
-    /** Size */
-    size?: "sm" | "md" | "lg";
-    /** Number of visible text rows */
-    rows?: number;
-    /** Resize behavior */
-    resize?: "none" | "vertical" | "both";
-}
-/**
- * Textarea component — web adapter for @entropix/core's useInput.
- *
- * Renders a wrapper div with label, textarea, helper text, and error message.
- * Sets data-state, data-variant, and data-size attributes for CSS targeting.
- */
-declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
-
-interface CheckboxProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "disabled"> {
-    /** Controlled checked state */
-    checked?: boolean;
-    /** Default checked state for uncontrolled mode */
-    defaultChecked?: boolean;
-    /** Called when checked state changes */
-    onChange?: (checked: boolean) => void;
-    /** Whether the checkbox is disabled */
-    disabled?: boolean;
-    /** Accessible label text */
-    label?: string;
-    /** Whether the checkbox is in an indeterminate state */
-    indeterminate?: boolean;
-}
-/**
- * Checkbox component — web adapter for @entropix/core's useToggle.
- *
- * Renders a `<button type="button">` with role="checkbox" containing
- * an indicator span and a label span.
- * Sets data-state="checked"|"unchecked"|"indeterminate" for CSS targeting.
- */
-declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLButtonElement>>;
-
-interface RadioGroupProps extends UseRadioGroupOptions {
-    /** Label for the radio group */
-    label?: string;
-    children: react__default.ReactNode;
-    className?: string;
-}
-/**
- * RadioGroup component — web adapter for @entropix/core's useRadioGroup.
- *
- * Renders a `<div role="radiogroup">` that provides context to RadioItem children.
- * Sets data-orientation for CSS targeting.
- */
-declare function RadioGroup({ children, label, className, ...options }: RadioGroupProps): react_jsx_runtime.JSX.Element;
-
-interface RadioItemProps {
-    /** The value this radio option represents */
-    value: string;
-    /** Whether this specific radio is disabled */
-    disabled?: boolean;
-    /** Label text */
-    label?: string;
-    children?: react__default.ReactNode;
-    className?: string;
-}
-/**
- * RadioItem component — a single radio option within a RadioGroup.
- *
- * Renders a `<button type="button" role="radio">` with an indicator
- * circle and label. Sets data-state="checked"|"unchecked" for CSS targeting.
- */
-declare function RadioItem({ value, disabled, label, children, className, }: RadioItemProps): react_jsx_runtime.JSX.Element;
-
-interface SelectProps extends UseSelectOptions {
-    /** Label for the select */
-    label?: string;
-    children: react__default.ReactNode;
-    className?: string;
-}
-/**
- * Select component — web adapter for @entropix/core's useSelect.
- *
- * Provides context to SelectTrigger, SelectContent, and SelectOption children.
- */
-declare function Select({ children, label, className, ...options }: SelectProps): react_jsx_runtime.JSX.Element;
-
-interface SelectTriggerProps {
-    /** Placeholder text when no value is selected */
-    placeholder?: string;
-    children?: react__default.ReactNode;
-    className?: string;
-}
-/**
- * SelectTrigger — renders like a styled input with a chevron.
- *
- * Displays the currently selected value or placeholder text.
- */
-declare function SelectTrigger({ placeholder, children, className, }: SelectTriggerProps): react_jsx_runtime.JSX.Element;
-
-interface SelectContentProps {
-    children: react__default.ReactNode;
-    className?: string;
-}
-/**
- * SelectContent — renders the dropdown container for options.
- *
- * Only visible when the select is open.
- */
-declare function SelectContent({ children, className }: SelectContentProps): react_jsx_runtime.JSX.Element | null;
-
-interface SelectOptionProps {
-    /** The value this option represents */
-    value: string;
-    /** The index of this option in the list (auto-assigned by SelectContent if omitted) */
-    index?: number;
-    /** Whether this option is disabled */
-    disabled?: boolean;
-    children: react__default.ReactNode;
-    className?: string;
-}
-/**
- * SelectOption — renders an option within SelectContent.
- *
- * Sets data-state="selected"|"unselected" for CSS targeting.
- */
-declare function SelectOption({ value, index, disabled, children, className, }: SelectOptionProps): react_jsx_runtime.JSX.Element;
-
 /**
  * Breakpoint values in pixels, matching @entropix/tokens breakpoint primitives.
  */
@@ -452,109 +97,4 @@ declare function useMediaQuery(query: string): boolean;
  */
 declare function useBreakpointValue(breakpoint: Exclude<Breakpoint, "base">): boolean;
 
-type SpacingSize$1 = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Gap between children. Default uses --entropix-space-layout-stack token */
-    gap?: SpacingSize$1;
-    /** Cross-axis alignment */
-    align?: "start" | "center" | "end" | "stretch";
-    /** Whether to take full width */
-    fullWidth?: boolean;
-    /** Render as a different element */
-    as?: React.ElementType;
-}
-/**
- * Stack — vertical flex layout primitive.
- *
- * Uses the `space.layout.stack` token (16px) as default gap.
- *
- * ```tsx
- * <Stack gap="lg" align="center">
- *   <Button>First</Button>
- *   <Button>Second</Button>
- * </Stack>
- * ```
- */
-declare const Stack: react.ForwardRefExoticComponent<StackProps & react.RefAttributes<HTMLDivElement>>;
-
-type SpacingSize = "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-interface InlineProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Gap between children. Default uses --entropix-space-layout-inline token */
-    gap?: SpacingSize;
-    /** Cross-axis alignment */
-    align?: "start" | "center" | "end" | "stretch" | "baseline";
-    /** Main-axis justification */
-    justify?: "start" | "center" | "end" | "between" | "around";
-    /** Whether to wrap children */
-    wrap?: boolean;
-    /** Render as a different element */
-    as?: React.ElementType;
-}
-/**
- * Inline — horizontal flex layout primitive.
- *
- * Uses the `space.layout.inline` token (12px) as default gap.
- *
- * ```tsx
- * <Inline gap="sm" justify="between" wrap>
- *   <Button variant="primary">Save</Button>
- *   <Button variant="ghost">Cancel</Button>
- * </Inline>
- * ```
- */
-declare const Inline: react.ForwardRefExoticComponent<InlineProps & react.RefAttributes<HTMLDivElement>>;
-
-type ContainerSize = "xs" | "sm" | "md" | "lg" | "xl" | "full";
-interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Maximum width constraint. Default: "lg" (1024px) */
-    maxWidth?: ContainerSize;
-    /** Whether to center children vertically */
-    center?: boolean;
-    /** Render as a different element */
-    as?: React.ElementType;
-}
-/**
- * Container — page-level width constraint with horizontal margins.
- *
- * Uses the `space.layout.page-margin` token (24px) for horizontal padding.
- * Centers itself horizontally via auto margins.
- *
- * ```tsx
- * <Container maxWidth="lg">
- *   <Stack gap="xl">
- *     <h1>Page Title</h1>
- *     <p>Content</p>
- *   </Stack>
- * </Container>
- * ```
- */
-declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
-
-interface DividerProps extends React.HTMLAttributes<HTMLHRElement> {
-    /** Orientation of the divider */
-    orientation?: "horizontal" | "vertical";
-    /** Spacing above and below (or left and right for vertical) */
-    spacing?: "sm" | "md" | "lg";
-}
-/**
- * Divider — visual separator line.
- *
- * Uses the `color.border.default` token for line color.
- *
- * ```tsx
- * <Stack>
- *   <p>Section A</p>
- *   <Divider spacing="md" />
- *   <p>Section B</p>
- * </Stack>
- *
- * <Inline>
- *   <span>Left</span>
- *   <Divider orientation="vertical" spacing="sm" />
- *   <span>Right</span>
- * </Inline>
- * ```
- */
-declare const Divider: react.ForwardRefExoticComponent<DividerProps & react.RefAttributes<HTMLHRElement>>;
-
-export { Accordion, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, BREAKPOINTS, type Breakpoint, Button, type ButtonProps, Checkbox, type CheckboxProps, Container, type ContainerProps, type ContainerSize, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogOverlay, type DialogOverlayProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Divider, type DividerProps, Inline, type InlineProps, Input, type InputProps, Menu, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, type MenuProps, MenuTrigger, type MenuTriggerProps, RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps, Select, SelectContent, type SelectContentProps, SelectOption, type SelectOptionProps, type SelectProps, SelectTrigger, type SelectTriggerProps, type SpacingSize$1 as SpacingSize, Stack, type StackProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps, Textarea, type TextareaProps, Toggle, type ToggleProps, mapAccessibilityToAria, useBreakpoint, useBreakpointValue, useFocusRestore, useFocusTrap, useKeyboardHandler, useMediaQuery };
+export { BREAKPOINTS, type Breakpoint, mapAccessibilityToAria, useBreakpoint, useBreakpointValue, useFocusRestore, useFocusTrap, useKeyboardHandler, useMediaQuery };