@hirobius/design-system 0.16.0 → 0.17.0

package/dist/types/src/app/components/toggle-button.d.ts

@@ -15,10 +15,10 @@
 import * as React from 'react';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { type VariantProps } from 'class-variance-authority';
-declare const hdsToggleButtonVariants: (props?: {
-    variant?: "secondary" | "ghost";
-    size?: "sm" | "md" | "lg";
-} & import("class-variance-authority/dist/types").ClassProp) => string;
+declare const hdsToggleButtonVariants: (props?: ({
+    variant?: "secondary" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 type ToggleButtonVariantProps = VariantProps<typeof hdsToggleButtonVariants>;
 /** @public */
 export interface ToggleButtonProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>, ToggleButtonVariantProps {

package/dist/types/src/app/components/toggle.d.ts

@@ -1,11 +1,11 @@
 /**
- * HdsToggle — boolean on/off toggle with animated thumb.
+ * Toggle — boolean on/off toggle with animated thumb.
  * @category Inputs
  * @tier primitive
  * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=37-19
  */
 import type { InputHTMLAttributes } from 'react';
-/** HdsToggle — boolean on/off toggle with animated thumb. */
+/** Toggle — boolean on/off toggle with animated thumb. */
 export type HdsToggleDemoState = 'rest' | 'hover' | 'focused' | 'pressed' | 'disabled';
 export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'onChange'> {
     /** Toggle label displayed next to the control. */
@@ -15,4 +15,4 @@ export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
     /** Called when the toggle changes. */
     onChange: (v: boolean) => void;
 }
-export declare const HdsToggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Toggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/types/src/app/components/token.d.ts

@@ -12,22 +12,22 @@
  * custom properties, same pixels, no CSS module.
  */
 import React from 'react';
-declare const tokenShellVariants: (props?: {
-    variant?: "node" | "diagram";
-    sourceNode?: boolean;
-    selected?: boolean;
-    fullWidth?: boolean;
-    asButton?: boolean;
-    nowrap?: boolean;
-} & import("class-variance-authority/dist/types").ClassProp) => string;
-declare const tokenNodeInlineVariants: (props?: {
-    sourceNode?: boolean;
-} & import("class-variance-authority/dist/types").ClassProp) => string;
-declare const tokenLabelVariants: (props?: {
-    sourceNode?: boolean;
-    truncateFromStart?: boolean;
-    selected?: boolean;
-} & import("class-variance-authority/dist/types").ClassProp) => string;
+declare const tokenShellVariants: (props?: ({
+    variant?: "node" | "diagram" | null | undefined;
+    sourceNode?: boolean | null | undefined;
+    selected?: boolean | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    asButton?: boolean | null | undefined;
+    nowrap?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare const tokenNodeInlineVariants: (props?: ({
+    sourceNode?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare const tokenLabelVariants: (props?: ({
+    sourceNode?: boolean | null | undefined;
+    truncateFromStart?: boolean | null | undefined;
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 type TokenBaseProps = {
     className?: string;
     fullWidth?: boolean;

package/dist/types/src/app/components/toolbar.d.ts

@@ -20,7 +20,7 @@ declare const ToolbarSeparator: React.ForwardRefExoticComponent<Omit<ToolbarPrim
 declare const ToolbarToggleGroup: React.ForwardRefExoticComponent<(Omit<ToolbarPrimitive.ToolbarToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToolbarPrimitive.ToolbarToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>>;
 declare const ToolbarToggleItem: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarToggleItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const ToolbarLink: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarLinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-interface ToolbarComponent extends React.FC<React.ComponentProps<typeof ToolbarPrimitive.Root>> {
+export interface ToolbarComponent extends React.FC<React.ComponentProps<typeof ToolbarPrimitive.Root>> {
     Button: typeof ToolbarButton;
     Separator: typeof ToolbarSeparator;
     ToggleGroup: typeof ToolbarToggleGroup;

package/dist/types/src/app/components/tooltip.d.ts

@@ -3,7 +3,7 @@
  * @tier utility
  */
 /**
- * Tooltip — HDS image interaction tooltip
+ * ExpandTooltip — HDS image interaction tooltip
  *
  * A pill-shaped label (brand blue / white text) that indicates an image
  * is expandable. Supports two render modes:
@@ -29,5 +29,5 @@ interface TooltipProps {
     /** Cursor Y position in client coordinates. */
     y?: number;
 }
-export declare function Tooltip({ visible, mode, label, x, y }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function ExpandTooltip({ visible, mode, label, x, y }: TooltipProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/types/src/app/components/top-nav.d.ts

@@ -17,5 +17,7 @@ export interface TopNavProps extends React.HTMLAttributes<HTMLElement> {
     /** Pins the bar to the top of its scroll container. */
     sticky?: boolean;
 }
-/** Top navigation bar with brand, nav, and trailing action slots. */
+/**
+ * Top navigation bar with brand, nav, and trailing action slots.
+ */
 export declare const TopNav: React.ForwardRefExoticComponent<TopNavProps & React.RefAttributes<HTMLElement>>;

package/dist/types/src/app/components/tree-list.d.ts

@@ -24,5 +24,7 @@ export interface TreeListProps extends Omit<React.HTMLAttributes<HTMLUListElemen
     /** Called with a node's id when its label row is clicked. */
     onSelect?: (id: string) => void;
 }
-/** Renders a hierarchical `role="tree"` list; nodes with children get an expand/collapse toggle. */
+/**
+ * Renders a hierarchical `role="tree"` list; nodes with children get an expand/collapse toggle.
+ */
 export declare const TreeList: React.ForwardRefExoticComponent<TreeListProps & React.RefAttributes<HTMLUListElement>>;

package/dist/types/src/app/design-system/generated-token-refs.d.ts

@@ -252,6 +252,7 @@ export declare const tokenRefs: {
                 readonly duration: "var(--hds-motion-exit-duration)";
                 readonly easing: "var(--hds-motion-exit-easing)";
             };
+            readonly distance: "var(--semantic-motion-distance)";
         };
         readonly color: {
             readonly surface: {
@@ -304,6 +305,19 @@ export declare const tokenRefs: {
             };
         };
         readonly space: {
+            readonly scale: {
+                readonly xs: "var(--semantic-space-scale-xs)";
+                readonly sm: "var(--semantic-space-scale-sm)";
+                readonly md: "var(--semantic-space-scale-md)";
+                readonly lg: "var(--semantic-space-scale-lg)";
+                readonly xl: "var(--semantic-space-scale-xl)";
+            };
+            readonly surface: {
+                readonly padding: "var(--semantic-space-surface-padding)";
+            };
+            readonly region: {
+                readonly gutter: "var(--semantic-space-region-gutter)";
+            };
             readonly subgrid: {
                 readonly hairline: "var(--semantic-space-subgrid-hairline)";
                 readonly xs: "var(--semantic-space-subgrid-xs)";
@@ -451,6 +465,7 @@ export declare const tokenRefs: {
         };
         readonly radius: {
             readonly action: "var(--semantic-radius-action)";
+            readonly control: "var(--semantic-radius-control)";
         };
         readonly borderWidth: {
             readonly default: "var(--semantic-borderWidth-default)";
@@ -483,6 +498,27 @@ export declare const tokenRefs: {
                 readonly border: "var(--semantic-elevation-overlay-border)";
             };
         };
+        readonly size: {
+            readonly control: {
+                readonly sm: "var(--semantic-size-control-sm)";
+                readonly md: "var(--semantic-size-control-md)";
+                readonly lg: "var(--semantic-size-control-lg)";
+            };
+            readonly icon: {
+                readonly sm: "var(--semantic-size-icon-sm)";
+                readonly md: "var(--semantic-size-icon-md)";
+                readonly lg: "var(--semantic-size-icon-lg)";
+            };
+            readonly avatar: "var(--semantic-size-avatar)";
+            readonly row: {
+                readonly compact: "var(--semantic-size-row-compact)";
+                readonly comfortable: "var(--semantic-size-row-comfortable)";
+            };
+        };
+        readonly zIndex: {
+            readonly control: "var(--semantic-zIndex-control)";
+            readonly sticky: "var(--semantic-zIndex-sticky)";
+        };
     };
     readonly component: {
         readonly nav: {

package/dist/types/src/app/design-system/generated-token-values.d.ts

@@ -139,16 +139,16 @@ export declare const tokenValues: {
                 readonly mono: readonly ["Geist Mono", "Courier New", "monospace"];
             };
             readonly size: {
-                readonly xs: "13px";
-                readonly sm: "15px";
-                readonly base: "17px";
-                readonly lg: "20px";
-                readonly xl: "24px";
-                readonly "2xl": "30px";
-                readonly "3xl": "36px";
-                readonly "4xl": "48px";
-                readonly "5xl": "72px";
-                readonly "6xl": "80px";
+                readonly xs: "12px";
+                readonly sm: "14px";
+                readonly base: "16px";
+                readonly lg: "18px";
+                readonly xl: "20px";
+                readonly "2xl": "24px";
+                readonly "3xl": "30px";
+                readonly "4xl": "36px";
+                readonly "5xl": "48px";
+                readonly "6xl": "60px";
             };
             readonly weight: {
                 readonly regular: "400";

package/dist/types/src/app/design-system/tokens.d.ts

@@ -105,19 +105,35 @@ declare const hds: {
             };
         };
         space: {
+            scale: {
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+            };
+            surface: {
+                padding: string;
+            };
+            region: {
+                gutter: string;
+            };
             subgrid: {
                 gap: string;
                 hairline: string;
                 xs: string;
             };
             component: {
+                /** @deprecated hds#206 — use `semantic.space.surface.padding`. */
                 padding: string;
+                /** @deprecated hds#206 — use `semantic.space.scale.xs`. */
                 gap: string;
             };
             stack: {
                 gap: string;
             };
             layout: {
+                /** @deprecated hds#206 — use `semantic.space.region.gutter`. */
                 gutter: string;
                 gap: string;
                 section: string;

package/dist/types/src/index.d.ts

@@ -600,48 +600,56 @@ export declare const tokens: {
                         value: number;
                         unit: string;
                     };
+                    $description: string;
                 };
                 sm: {
                     $value: {
                         value: number;
                         unit: string;
                     };
+                    $description: string;
                 };
                 base: {
                     $value: {
                         value: number;
                         unit: string;
                     };
+                    $description: string;
                 };
                 lg: {
                     $value: {
                         value: number;
                         unit: string;
                     };
+                    $description: string;
                 };
                 xl: {
                     $value: {
                         value: number;
                         unit: string;
                     };
+                    $description: string;
                 };
                 "2xl": {
                     $value: {
                         value: number;
                         unit: string;
                     };
+                    $description: string;
                 };
                 "3xl": {
                     $value: {
                         value: number;
                         unit: string;
                     };
+                    $description: string;
                 };
                 "4xl": {
                     $value: {
                         value: number;
                         unit: string;
                     };
+                    $description: string;
                 };
                 "5xl": {
                     $value: {
@@ -655,6 +663,7 @@ export declare const tokens: {
                         value: number;
                         unit: string;
                     };
+                    $description: string;
                 };
             };
             weight: {
@@ -1069,6 +1078,11 @@ export declare const tokens: {
                 };
                 $description: string;
             };
+            distance: {
+                $type: string;
+                $value: string;
+                $description: string;
+            };
         };
         color: {
             $type: string;
@@ -1535,6 +1549,43 @@ export declare const tokens: {
         space: {
             $type: string;
             $description: string;
+            scale: {
+                $description: string;
+                xs: {
+                    $value: string;
+                    $description: string;
+                };
+                sm: {
+                    $value: string;
+                    $description: string;
+                };
+                md: {
+                    $value: string;
+                    $description: string;
+                };
+                lg: {
+                    $value: string;
+                    $description: string;
+                };
+                xl: {
+                    $value: string;
+                    $description: string;
+                };
+            };
+            surface: {
+                $description: string;
+                padding: {
+                    $value: string;
+                    $description: string;
+                };
+            };
+            region: {
+                $description: string;
+                gutter: {
+                    $value: string;
+                    $description: string;
+                };
+            };
             subgrid: {
                 hairline: {
                     $value: string;
@@ -1553,6 +1604,7 @@ export declare const tokens: {
                 gap: {
                     $value: string;
                     $description: string;
+                    $deprecated: string;
                 };
                 medium: {
                     $value: string;
@@ -1561,28 +1613,34 @@ export declare const tokens: {
                 padding: {
                     $value: string;
                     $description: string;
+                    $deprecated: string;
                 };
             };
             layout: {
                 tight: {
                     $value: string;
                     $description: string;
+                    $deprecated: string;
                 };
                 normal: {
                     $value: string;
                     $description: string;
+                    $deprecated: string;
                 };
                 gutter: {
                     $value: string;
                     $description: string;
+                    $deprecated: string;
                 };
                 inset: {
                     $value: string;
                     $description: string;
+                    $deprecated: string;
                 };
                 spacious: {
                     $value: string;
                     $description: string;
+                    $deprecated: string;
                 };
             };
             section: {
@@ -1779,10 +1837,7 @@ export declare const tokens: {
             caption: {
                 $value: {
                     fontFamily: string;
-                    fontSize: {
-                        value: number;
-                        unit: string;
-                    };
+                    fontSize: string;
                     fontWeight: string;
                     letterSpacing: string;
                     lineHeight: string;
@@ -1945,6 +2000,11 @@ export declare const tokens: {
                 $value: string;
                 $description: string;
             };
+            control: {
+                $type: string;
+                $value: string;
+                $description: string;
+            };
         };
         borderWidth: {
             default: {
@@ -1978,7 +2038,7 @@ export declare const tokens: {
             flat: {
                 $value: {
                     surface: string;
-                    shadow: any;
+                    shadow: null;
                     border: string;
                 };
                 $description: string;
@@ -1987,7 +2047,7 @@ export declare const tokens: {
                 $value: {
                     surface: string;
                     shadow: string;
-                    border: any;
+                    border: null;
                 };
                 $description: string;
             };
@@ -1995,7 +2055,7 @@ export declare const tokens: {
                 $value: {
                     surface: string;
                     shadow: string;
-                    border: any;
+                    border: null;
                 };
                 $description: string;
             };
@@ -2003,8 +2063,69 @@ export declare const tokens: {
                 $value: {
                     surface: string;
                     shadow: string;
-                    border: any;
+                    border: null;
+                };
+                $description: string;
+            };
+        };
+        size: {
+            $type: string;
+            $description: string;
+            control: {
+                $description: string;
+                sm: {
+                    $value: string;
+                    $description: string;
+                };
+                md: {
+                    $value: string;
+                    $description: string;
+                };
+                lg: {
+                    $value: string;
+                    $description: string;
+                };
+            };
+            icon: {
+                $description: string;
+                sm: {
+                    $value: string;
+                    $description: string;
                 };
+                md: {
+                    $value: string;
+                    $description: string;
+                };
+                lg: {
+                    $value: string;
+                    $description: string;
+                };
+            };
+            avatar: {
+                $value: string;
+                $description: string;
+            };
+            row: {
+                $description: string;
+                compact: {
+                    $value: string;
+                    $description: string;
+                };
+                comfortable: {
+                    $value: string;
+                    $description: string;
+                };
+            };
+        };
+        zIndex: {
+            $type: string;
+            $description: string;
+            control: {
+                $value: string;
+                $description: string;
+            };
+            sticky: {
+                $value: string;
                 $description: string;
             };
         };
@@ -2551,3 +2672,67 @@ export { HdsThemeProvider, useHdsTheme } from './app/context/hds-theme.js';
 export type { HdsTheme, HdsDensity, HdsThemeValue, HdsThemeProviderProps, } from './app/context/hds-theme.js';
 export { HdsRouterProvider, useHdsRouter } from './app/context/RouterContext.js';
 export type { HdsRouterAdapter, HdsRouterProviderProps, HdsLinkComponent, HdsLinkProps, HdsNavigateOptions, } from './app/context/RouterContext.js';
+import { ActivityFeed as _ActivityFeed254 } from './app/components/activity-feed.js';
+import { AssetImg as _AssetImg254 } from './app/components/asset-img.js';
+import { Calendar as _Calendar254 } from './app/components/calendar.js';
+import { CodeBlock as _CodeBlock254 } from './app/components/code-block.js';
+import { DocLinkCard as _DocLinkCard254 } from './app/components/doc-link-card.js';
+import { ErrorPattern as _ErrorPattern254 } from './app/components/error-pattern.js';
+import { Lightbox as _Lightbox254 } from './app/components/image-lightbox.js';
+import { NavItem as _NavItem254 } from './app/components/nav-item.js';
+import { Page as _Page254 } from './app/components/page.js';
+import { SideNav as _SideNav254 } from './app/components/side-nav.js';
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const ActivityFeed: typeof _ActivityFeed254;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const AppShell: import("react").ForwardRefExoticComponent<import("./app/components/app-shell.js").AppShellProps & import("react").RefAttributes<HTMLDivElement>>;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. `ops` is a current importer of this component — its codemod is tracked under hds#124 before this is dropped. */
+export declare const AssetImg: typeof _AssetImg254;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const Calendar: typeof _Calendar254;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const Carousel: import("react").ForwardRefExoticComponent<import("./app/components/carousel.js").CarouselProps & import("react").RefAttributes<HTMLElement>>;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const CodeBlock: typeof _CodeBlock254;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const CommandPalette: import("react").ForwardRefExoticComponent<import("./app/components/command-palette.js").CommandPaletteProps & import("react").RefAttributes<HTMLInputElement>>;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const DocLinkCard: typeof _DocLinkCard254;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const ErrorPattern: typeof _ErrorPattern254;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const FileInput: import("react").ForwardRefExoticComponent<import("./app/components/file-input.js").FileInputProps & import("react").RefAttributes<HTMLInputElement>>;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const Form: import("react").ForwardRefExoticComponent<import("./app/components/form.js").FormProps & import("react").RefAttributes<HTMLFormElement>>;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const Lightbox: typeof _Lightbox254;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const NavItem: typeof _NavItem254;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const OverflowList: import("react").ForwardRefExoticComponent<import("./app/components/overflow-list.js").OverflowListProps & import("react").RefAttributes<HTMLDivElement>>;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const Page: typeof _Page254;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const Reveal: import("react").ForwardRefExoticComponent<import("./app/components/reveal.js").RevealProps & import("react").RefAttributes<HTMLDivElement>>;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const SideNav: typeof _SideNav254;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const Stepper: import("react").ForwardRefExoticComponent<import("./app/components/stepper.js").StepperProps & import("react").RefAttributes<HTMLOListElement>>;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const Toolbar: import("./app/components/toolbar.js").ToolbarComponent;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const TopNav: import("react").ForwardRefExoticComponent<import("./app/components/top-nav.js").TopNavProps & import("react").RefAttributes<HTMLElement>>;
+/** @deprecated Import from `@hirobius/design-system/patterns` instead — the root re-export is kept for one minor (hds#254) and removed at the next major once ops has a codemod. */
+export declare const TreeList: import("react").ForwardRefExoticComponent<import("./app/components/tree-list.js").TreeListProps & import("react").RefAttributes<HTMLUListElement>>;
+/** @deprecated Use `Checkbox` — the `Hds` prefix is dropped to match the rest of the surface. This alias is kept until the 1.0 alias-removal window (hds#254). */
+export { Checkbox as HdsCheckbox } from './app/components/checkbox.js';
+/** @deprecated Use `Radio` — the `Hds` prefix is dropped to match the rest of the surface. This alias is kept until the 1.0 alias-removal window (hds#254). */
+export { Radio as HdsRadio } from './app/components/radio.js';
+/** @deprecated Use `Select` — the `Hds` prefix is dropped to match the rest of the surface. This alias is kept until the 1.0 alias-removal window (hds#254). */
+export { Select as HdsSelect } from './app/components/select.js';
+/** @deprecated Use `Slider` — the `Hds` prefix is dropped to match the rest of the surface. This alias is kept until the 1.0 alias-removal window (hds#254). */
+export { Slider as HdsSlider } from './app/components/slider.js';
+/** @deprecated Use `Toggle` — the `Hds` prefix is dropped to match the rest of the surface. This alias is kept until the 1.0 alias-removal window (hds#254). */
+export { Toggle as HdsToggle } from './app/components/toggle.js';
+/** @deprecated Use `Tooltip` — the `Hds` prefix is dropped to match the rest of the surface. This alias is kept until the 1.0 alias-removal window (hds#254). */
+export { Tooltip as HdsTooltip } from './app/components/hds-tooltip.js';

package/dist/types/src/patterns.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @hirobius/design-system/patterns
+ *
+ * The 22 `pattern`-tier components (hds#254 disposition table, ratified
+ * 2026-09-26): composed, higher-level surfaces (nav shells, feeds, rails,
+ * pickers) as opposed to the `core` primitives the main barrel is trending
+ * toward. Split into their own subpath so a consumer that only needs
+ * primitives doesn't pull in this tier's weight.
+ *
+ * Every one of these is STILL re-exported from the package root today —
+ * hds#254 keeps the root re-export for one minor with a `@deprecated` /
+ * `@removeIn` notice on each component (see the JSDoc in each module under
+ * `src/app/components/`). Prefer importing from here; the root re-export is
+ * scheduled for removal at the next major once ops has a codemod (hds#124).
+ */
+export * from './app/components/calendar.js';
+export * from './app/components/file-input.js';
+export * from './app/components/form.js';
+export * from './app/components/app-shell.js';
+export * from './app/components/overflow-list.js';
+export * from './app/components/page.js';
+export * from './app/components/activity-feed.js';
+export * from './app/components/asset-img.js';
+export * from './app/components/carousel.js';
+export * from './app/components/code-block.js';
+export * from './app/components/stacked-card-rail.js';
+export * from './app/components/doc-link-card.js';
+export * from './app/components/nav-item.js';
+export * from './app/components/side-nav.js';
+export * from './app/components/stepper.js';
+export * from './app/components/top-nav.js';
+export * from './app/components/tree-list.js';
+export * from './app/components/error-pattern.js';
+export * from './app/components/toolbar.js';
+export * from './app/components/command-palette.js';
+export * from './app/components/image-lightbox.js';
+export * from './app/components/reveal.js';