entangle-ui 0.9.0 → 0.10.0

package/dist/types/components/navigation/Menu/Menu.types.d.ts

@@ -1,94 +1,213 @@
-import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
 import { BaseComponent } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
+/** Side of the trigger the popup is placed against. */
+type MenuSide = 'top' | 'right' | 'bottom' | 'left';
+/** Alignment of the popup relative to the trigger. */
+type MenuAlign = 'start' | 'center' | 'end';
 /**
- * How submenus should be triggered.
- * - `hover`: Submenu opens on hover
- * - `click`: Submenu opens on click only
+ * Imperative handle exposed on the `Menu` / `ContextMenu` root `ref`. Lets app
+ * code close an open menu from outside React's render flow (e.g. after a long
+ * task finishes).
  */
-type SubmenuTrigger = 'hover' | 'click';
+interface MenuHandle {
+    /** Close the menu programmatically. */
+    close: () => void;
+}
 /**
- * Configuration for a single menu item.
+ * Root of the menu. Groups the trigger and content, owns open/close state.
  */
-type MenuItem = {
-    /** Unique identifier for the menu item */
-    id: string;
-    /** Display text for the menu item */
-    label: string;
-    /** Click handler called with item id and event */
-    onClick: (id: string, event: MouseEvent) => void;
-    /** Optional icon rendered before the label */
-    icon?: React.ReactNode;
-    /** Whether the item is disabled */
+interface MenuRootBaseProps {
+    /** Trigger and content of the menu. */
+    children?: React.ReactNode;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Uncontrolled initial open state. */
+    defaultOpen?: boolean;
+    /** Called when the menu opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Whether the menu traps interaction while open.
+     * @default true
+     */
+    modal?: boolean;
+    /** Disables opening the menu. */
     disabled?: boolean;
-    /** Nested submenu configuration */
-    subMenu?: MenuConfig;
-    /** How submenu should be triggered when subMenu is present */
-    submenuTrigger?: SubmenuTrigger;
-};
+    /**
+     * Gap in px between every popup (the menu and its submenus) and its anchor.
+     * Set once here for the whole menu; overridable per popup via
+     * `Menu.Content`'s `sideOffset`.
+     * @default 8
+     */
+    gap?: number;
+    /** Imperative handle for closing the menu from app code. */
+    ref?: React.Ref<MenuHandle>;
+}
+type MenuRootProps = Prettify<MenuRootBaseProps>;
 /**
- * Type of item selection behavior within a group.
- * - `radio`: Single selection within group
- * - `checkbox`: Multiple selection within group
- * - `none`: No selection state, just click handlers
+ * Button that opens the menu. Defaults to the library `Button`; pass `render`
+ * to compose with another element (e.g. `IconButton`).
  */
-type ItemSelectionType = 'radio' | 'checkbox' | 'none';
+interface MenuTriggerBaseProps extends BaseComponent<HTMLButtonElement> {
+    /** Trigger content. */
+    children?: React.ReactNode;
+    /** Disables the trigger. */
+    disabled?: boolean;
+    /** Also open the menu when the trigger is hovered. */
+    openOnHover?: boolean;
+    /** Replace the default Button with a custom element. */
+    render?: React.ReactElement;
+}
+type MenuTriggerProps = Prettify<MenuTriggerBaseProps>;
 /**
- * Configuration for a group of menu items.
- * Groups are visually separated and can have different selection behaviors.
+ * Styled popup surface. Place items or any custom node inside.
  */
-type MenuGroup = {
-    /** Unique identifier for the group */
-    id: string;
-    /** Optional label displayed above the group */
-    label?: string;
-    /** Array of menu items in this group */
-    items: MenuItem[];
-    /** Selection behavior for items in this group */
-    itemSelectionType: ItemSelectionType;
-    /** Whether to close menu when any item in group is clicked */
-    closeOnItemClick?: boolean;
-};
+interface MenuContentBaseProps extends BaseComponent {
+    /** Items, groups, or custom panel content. */
+    children?: React.ReactNode;
+    /** Preferred side relative to the trigger. */
+    side?: MenuSide;
+    /** Alignment along the chosen side. */
+    align?: MenuAlign;
+    /** Gap in px between trigger and popup. @default 4 */
+    sideOffset?: number;
+    /** Offset in px along the alignment axis. */
+    alignOffset?: number;
+}
+type MenuContentProps = Prettify<MenuContentBaseProps>;
 /**
- * Configuration for a menu component.
- * Defines structure, behavior, and selection state.
+ * Single actionable row. Icon on the left, label in the center, shortcut and
+ * action on the right.
  */
-type MenuConfig = {
-    /** Whether to open menu on hover instead of click */
-    openOnHover?: boolean;
-    /** Array of menu groups */
-    groups: MenuGroup[];
-};
+interface MenuItemBaseProps extends Omit<BaseComponent<HTMLElement>, 'onClick'> {
+    /** Label content. */
+    children?: React.ReactNode;
+    /** Icon rendered in the left slot. */
+    icon?: React.ReactNode;
+    /** Keyboard shortcut hint rendered on the right. */
+    shortcut?: React.ReactNode;
+    /** Arbitrary node rendered on the right (badge, switch, etc.). */
+    endContent?: React.ReactNode;
+    /** Disables the item. */
+    disabled?: boolean;
+    /** Whether clicking the item closes the menu. @default true */
+    closeOnClick?: boolean;
+    /** Click handler. Fires on pointer click and keyboard activation. */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * Activation handler — alias of `onClick` with clearer intent. Fires on the
+     * same pointer and keyboard (Enter/Space) activation. Both run if provided.
+     */
+    onSelect?: React.MouseEventHandler<HTMLElement>;
+}
+type MenuItemProps = Prettify<MenuItemBaseProps>;
 /**
- * Selected items state organized by group.
- * Maps group ID to array of selected item IDs.
+ * Wraps a set of radio items, owns the selected value.
  */
-type MenuSelection = Record<string, string[]>;
+interface MenuRadioGroupBaseProps extends Omit<BaseComponent, 'onChange'> {
+    /** Radio items. */
+    children?: React.ReactNode;
+    /** Controlled selected value. */
+    value?: string;
+    /** Uncontrolled initial value. */
+    defaultValue?: string;
+    /** Called when the selected value changes. */
+    onValueChange?: (value: string) => void;
+}
+type MenuRadioGroupProps = Prettify<MenuRadioGroupBaseProps>;
+/**
+ * Radio row. Shows a selection indicator in the left slot when active.
+ */
+interface MenuRadioItemBaseProps extends Omit<BaseComponent<HTMLElement>, 'onClick'> {
+    /** Value this item represents within its `RadioGroup`. */
+    value: string;
+    /** Label content. */
+    children?: React.ReactNode;
+    /** Indicator shown when selected. @default CircleIcon */
+    indicator?: React.ReactNode;
+    /** Keyboard shortcut hint rendered on the right. */
+    shortcut?: React.ReactNode;
+    /** Arbitrary node rendered on the right. */
+    endContent?: React.ReactNode;
+    /** Disables the item. */
+    disabled?: boolean;
+    /** Whether clicking the item closes the menu. @default false */
+    closeOnClick?: boolean;
+    /** Click handler. Fires on pointer click and keyboard activation. */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * Activation handler — alias of `onClick` with clearer intent. Fires on the
+     * same pointer and keyboard (Enter/Space) activation. Both run if provided.
+     */
+    onSelect?: React.MouseEventHandler<HTMLElement>;
+}
+type MenuRadioItemProps = Prettify<MenuRadioItemBaseProps>;
 /**
- * Base props for the Menu component.
+ * Checkbox row. Shows a selection indicator in the left slot when ticked.
  */
-interface MenuBaseProps extends Omit<BaseComponent<HTMLDivElement>, 'onChange'> {
-    /** Menu configuration object */
-    config: MenuConfig;
-    /** Currently selected items organized by group */
-    selectedItems?: MenuSelection;
-    /** Callback when selection changes */
-    onChange?: (selection: MenuSelection) => void;
-    /** Menu trigger element */
+interface MenuCheckboxItemBaseProps extends Omit<BaseComponent<HTMLElement>, 'onClick'> {
+    /** Label content. */
     children?: React.ReactNode;
-    /** Custom icon for checkbox selected state */
-    checkboxIcon?: React.ReactNode;
-    /** Custom icon for radio selected state */
-    radioIcon?: React.ReactNode;
-    /** Whether the menu is disabled */
+    /** Controlled checked state. */
+    checked?: boolean;
+    /** Uncontrolled initial checked state. */
+    defaultChecked?: boolean;
+    /** Called when toggled. */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Indicator shown when ticked. @default CheckIcon */
+    indicator?: React.ReactNode;
+    /** Keyboard shortcut hint rendered on the right. */
+    shortcut?: React.ReactNode;
+    /** Arbitrary node rendered on the right. */
+    endContent?: React.ReactNode;
+    /** Disables the item. */
     disabled?: boolean;
-    /** Whether this menu is a submenu */
-    isSubmenu?: boolean;
+    /** Whether clicking the item closes the menu. @default false */
+    closeOnClick?: boolean;
+    /** Click handler. Fires on pointer click and keyboard activation. */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    /**
+     * Activation handler — alias of `onClick` with clearer intent. Fires on the
+     * same pointer and keyboard (Enter/Space) activation. Both run if provided.
+     */
+    onSelect?: React.MouseEventHandler<HTMLElement>;
 }
+type MenuCheckboxItemProps = Prettify<MenuCheckboxItemBaseProps>;
 /**
- * Props for the Menu component using Prettify utility type.
+ * Visually separated group of items with an optional label.
  */
-type MenuProps = Prettify<MenuBaseProps>;
+interface MenuGroupBaseProps extends BaseComponent {
+    /** Group items. */
+    children?: React.ReactNode;
+    /** Label rendered above the group. */
+    label?: React.ReactNode;
+}
+type MenuGroupProps = Prettify<MenuGroupBaseProps>;
+type MenuSeparatorProps = Prettify<BaseComponent>;
+/**
+ * Groups a submenu trigger with its content.
+ */
+interface MenuSubBaseProps {
+    /** `SubTrigger` and `SubContent`. */
+    children?: React.ReactNode;
+    /** Uncontrolled initial open state of the submenu. */
+    defaultOpen?: boolean;
+}
+type MenuSubProps = Prettify<MenuSubBaseProps>;
+/**
+ * Row that opens a submenu. Renders a chevron in the right slot.
+ */
+interface MenuSubTriggerBaseProps extends Omit<BaseComponent<HTMLElement>, 'onClick'> {
+    /** Label content. */
+    children?: React.ReactNode;
+    /** Icon rendered in the left slot. */
+    icon?: React.ReactNode;
+    /** Disables the submenu trigger. */
+    disabled?: boolean;
+    /** Click handler. */
+    onClick?: React.MouseEventHandler<HTMLElement>;
+}
+type MenuSubTriggerProps = Prettify<MenuSubTriggerBaseProps>;
 
-export type { ItemSelectionType, MenuBaseProps, MenuConfig, MenuGroup, MenuItem, MenuProps, MenuSelection, SubmenuTrigger };
+export type { MenuAlign, MenuCheckboxItemBaseProps, MenuCheckboxItemProps, MenuContentBaseProps, MenuContentProps, MenuGroupBaseProps, MenuGroupProps, MenuHandle, MenuItemBaseProps, MenuItemProps, MenuRadioGroupBaseProps, MenuRadioGroupProps, MenuRadioItemBaseProps, MenuRadioItemProps, MenuRootBaseProps, MenuRootProps, MenuSeparatorProps, MenuSide, MenuSubBaseProps, MenuSubProps, MenuSubTriggerBaseProps, MenuSubTriggerProps, MenuTriggerBaseProps, MenuTriggerProps };

package/dist/types/components/navigation/Pagination/Pagination.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { BaseComponent } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type PaginationSize = 'sm' | 'md' | 'lg';
 type PaginationItemType = 'page' | 'ellipsis' | 'first' | 'previous' | 'next' | 'last';

package/dist/types/components/navigation/PathBar/PathBar.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { PathBarProps } from './PathBar.types.js';
+
+/**
+ * File-path breadcrumbs, like the VS Code editor breadcrumb bar.
+ *
+ * PathBar specializes {@link Breadcrumbs}: give it a path — a delimited string
+ * or a structured segment array — and it renders each segment as a crumb.
+ * Folder crumbs navigate on click (`onNavigate`); the final segment is the
+ * current location. Provide `getSiblings` to add a VS-Code-style dropdown that
+ * swaps a segment for one of its siblings. Long paths reuse the Breadcrumbs
+ * collapse / ellipsis machinery via `maxItems`.
+ *
+ * The current path is controllable: pass `value` to drive it, or `defaultValue`
+ * to let PathBar track it (clicking an ancestor truncates the trail).
+ *
+ * @example
+ * ```tsx
+ * <PathBar
+ *   defaultValue="src/components/Button/Button.tsx"
+ *   rootIcon={<HomeIcon size="sm" decorative />}
+ *   onNavigate={path => router.push(path)}
+ * />
+ * ```
+ */
+declare const PathBar: {
+    ({ value, defaultValue, delimiter, onNavigate, getSiblings, rootIcon, separator, maxItems, itemsBeforeCollapse, itemsAfterCollapse, expandable, size, className, style, testId, ref, ...rest }: PathBarProps): React.ReactElement;
+    displayName: string;
+};
+
+export { PathBar };

package/dist/types/components/navigation/PathBar/PathBar.types.d.ts

@@ -0,0 +1,79 @@
+import { BreadcrumbsProps, BreadcrumbsSize } from '../Breadcrumbs/Breadcrumbs.types.js';
+import React from 'react';
+import { BaseComponent } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
+
+type PathBarSize = BreadcrumbsSize;
+/**
+ * A single segment of a path. Pass these (instead of a raw string) when a
+ * segment needs its own icon or an explicit navigation value.
+ */
+interface PathSegment {
+    /** Text shown for the segment. */
+    label: string;
+    /**
+     * Path handed to `onNavigate` when this segment is activated. Defaults to the
+     * cumulative path built from the preceding labels and the `delimiter`.
+     */
+    value?: string;
+    /** Icon rendered before the label, overriding any default for this segment. */
+    icon?: React.ReactNode;
+}
+/**
+ * Accepted shapes for a path: a delimited string (split on `delimiter`) or a
+ * pre-split array mixing plain label strings and structured {@link PathSegment}
+ * objects.
+ */
+type PathInput = string | ReadonlyArray<string | PathSegment>;
+interface PathBarBaseProps extends Omit<BaseComponent<HTMLElement>, 'onChange' | 'defaultValue'>, Pick<BreadcrumbsProps, 'maxItems' | 'itemsBeforeCollapse' | 'itemsAfterCollapse' | 'expandable'> {
+    /**
+     * Controlled current path. When provided, PathBar renders exactly this path
+     * and never mutates it — drive changes from `onNavigate`.
+     */
+    value?: PathInput;
+    /**
+     * Uncontrolled initial path. PathBar then tracks the current path itself:
+     * navigating to an ancestor truncates the trail; picking a sibling swaps the
+     * segment.
+     */
+    defaultValue?: PathInput;
+    /**
+     * Delimiter used to split string paths and to join cumulative navigation
+     * values.
+     * @default "/"
+     */
+    delimiter?: string;
+    /**
+     * Called when a segment is activated — by clicking a folder crumb or by
+     * choosing an entry from a segment's sibling dropdown. `path` is the
+     * activated segment's navigation value.
+     */
+    onNavigate?: (path: string, segment: PathSegment, index: number) => void;
+    /**
+     * Return the sibling entries for a segment to enable a dropdown picker on
+     * that crumb. Return an empty array (or omit the prop) to leave a segment
+     * without a dropdown. Choosing a sibling fires `onNavigate` with that
+     * sibling's value.
+     */
+    getSiblings?: (segment: PathSegment, index: number) => ReadonlyArray<string | PathSegment>;
+    /**
+     * Icon rendered before the first segment when that segment has no `icon` of
+     * its own — typically a workspace or home glyph.
+     */
+    rootIcon?: React.ReactNode;
+    /**
+     * Separator inserted between segments. The default chevron scales with
+     * `size`.
+     * @default <ChevronRightIcon size={size} decorative />
+     */
+    separator?: React.ReactNode;
+    /**
+     * Typography and spacing scale. Also scales the default separator and the
+     * sibling-dropdown caret.
+     * @default "sm"
+     */
+    size?: PathBarSize;
+}
+type PathBarProps = Prettify<PathBarBaseProps>;
+
+export type { PathBarBaseProps, PathBarProps, PathBarSize, PathInput, PathSegment };

package/dist/types/components/navigation/SegmentedControl/SegmentedControl.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
 import { BaseComponent, Size } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type SegmentedControlSize = Size;
 type SegmentedControlOrientation = 'horizontal' | 'vertical';
@@ -11,7 +11,7 @@ type SegmentedControlOrientation = 'horizontal' | 'vertical';
  * - `outline`: bordered container, selected segment marked with accent edge
  */
 type SegmentedControlVariant = 'subtle' | 'solid' | 'outline';
-interface SegmentedControlBaseProps extends Omit<BaseComponent<HTMLDivElement>, 'onChange'> {
+interface SegmentedControlBaseProps extends Omit<BaseComponent, 'onChange'> {
     /** Currently selected value (controlled) */
     value?: string;
     /** Default selected value (uncontrolled) */

package/dist/types/components/navigation/Tabs/Tabs.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
 import { BaseComponent, Size } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type TabsSize = Size;
 /**

package/dist/types/components/primitives/Avatar/Avatar.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { Size, BaseComponent } from '../../../types/common.js';
 import { LiteralUnion, Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 /**
  * Avatar size scale.
@@ -101,7 +101,7 @@ interface AvatarBaseProps extends BaseComponent<HTMLSpanElement> {
     bordered?: boolean;
 }
 type AvatarProps = Prettify<AvatarBaseProps>;
-interface AvatarGroupBaseProps extends BaseComponent<HTMLDivElement> {
+interface AvatarGroupBaseProps extends BaseComponent {
     /**
      * Maximum number of avatars to show before collapsing the rest into a
      * `+N` overflow indicator.

package/dist/types/components/primitives/Badge/Badge.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { Size, BaseComponent } from '../../../types/common.js';
 import { LiteralUnion, Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 /**
  * Visual style of the badge.

package/dist/types/components/primitives/Button/Button.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
 import { Size, Variant } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
 
 /**
  * Button sizes optimized for editor interfaces

package/dist/types/components/primitives/Checkbox/Checkbox.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
 import { BaseComponent, Size } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 /**
  * Checkbox size using standard library sizing.

package/dist/types/components/primitives/Code/Code.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { BaseComponent } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type CodeSize = 'xs' | 'sm' | 'md';
 interface CodeBaseProps extends BaseComponent<HTMLElement> {

package/dist/types/components/primitives/Collapsible/Collapsible.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
 import { BaseComponent, Size } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type CollapsibleSize = Size;
 interface CollapsibleBaseProps extends Omit<BaseComponent, 'onChange'> {

package/dist/types/components/primitives/HoverCard/HoverCard.types.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { UseFloatingReturn, FloatingContext } from '@floating-ui/react';
+import { PopoverPlacement } from '../Popover/Popover.types.js';
 import { BaseComponent } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
-import { PopoverPlacement } from '../Popover/Popover.types.js';
+import { UseFloatingReturn, FloatingContext } from '@floating-ui/react';
 
 interface HoverCardBaseProps {
     /** Open state (controlled). */
@@ -37,7 +37,7 @@ interface HoverCardTriggerBaseProps {
     children: React.ReactElement;
 }
 type HoverCardTriggerProps = Prettify<HoverCardTriggerBaseProps>;
-interface HoverCardContentBaseProps extends BaseComponent<HTMLDivElement> {
+interface HoverCardContentBaseProps extends BaseComponent {
     /** Content rendered inside the floating panel. */
     children: React.ReactNode;
     /** Width of the content. */

package/dist/types/components/primitives/Icon/Icon.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { LiteralUnion, Prettify } from '../../../types/utilities.js';
 import { Size } from '../../../types/common.js';
+import { LiteralUnion, Prettify } from '../../../types/utilities.js';
 
-type IconSize = LiteralUnion<Size, string> | number;
+type IconSize = LiteralUnion<Size> | number;
 type IconColor = LiteralUnion<'primary' | 'secondary' | 'muted' | 'accent' | 'success' | 'warning' | 'error'>;
 interface IconBaseProps {
     children: React.ReactNode;

package/dist/types/components/primitives/Input/Input.d.ts

@@ -1,6 +1,6 @@
+import React from 'react';
 import { Size } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
-import React from 'react';
 
 /**
  * Standard input sizes using library sizing.

package/dist/types/components/primitives/Kbd/Kbd.types.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
 import { Size, BaseComponent } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
 import { Platform } from '../../../utils/platform.js';
+import React from 'react';
 
 type KbdSize = Size;
 type KbdVariant = 'solid' | 'outline' | 'ghost';

package/dist/types/components/primitives/Link/Link.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { Size } from '../../../types/common.js';
 import { Prettify, LiteralUnion } from '../../../types/utilities.js';
+import React from 'react';
 
 /**
  * Link size — mirrors the typography scale.

package/dist/types/components/primitives/Popover/Popover.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
 import { BaseComponent } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
 interface PopoverBaseProps extends BaseComponent {

package/dist/types/components/primitives/Radio/Radio.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
 import { Size, BaseComponent } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 /**
  * Radio size using standard library sizing.
@@ -83,7 +83,7 @@ interface RadioBaseProps extends Omit<BaseComponent<HTMLInputElement>, 'onChange
     onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 type RadioProps = Prettify<RadioBaseProps>;
-interface RadioGroupBaseProps extends Omit<BaseComponent<HTMLDivElement>, 'onChange'> {
+interface RadioGroupBaseProps extends Omit<BaseComponent, 'onChange'> {
     /**
      * Currently selected value (controlled)
      */

package/dist/types/components/primitives/Switch/Switch.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
 import { Size } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
 
 type SwitchSize = Size;
 interface SwitchBaseProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'css'> {

package/dist/types/components/primitives/TextArea/TextArea.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { BaseComponent, Size } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type TextAreaSize = Size;
 type TextAreaResize = 'none' | 'vertical' | 'horizontal' | 'both';

package/dist/types/components/primitives/Tooltip/Tooltip.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
 import { TooltipPlacement, TooltipCollisionStrategy, TooltipCollisionConfig, TooltipPositioner, TooltipAnimation, BaseTooltipRootProps, BaseTooltipPositionerProps } from './types.js';
+import { Prettify } from '../../../types/utilities.js';
 
 interface TooltipBaseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'css' | 'title'> {
     /**

package/dist/types/components/primitives/VisuallyHidden/VisuallyHidden.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { BaseComponent } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 /**
  * HTML element types that VisuallyHidden can render as.