@hirobius/design-system 0.15.0 → 0.17.0

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

@@ -36,6 +36,7 @@ export * from './app/components/progress.js';
 export * from './app/components/skeleton.js';
 export * from './app/components/spinner.js';
 export * from './app/components/segmented-control.js';
+export * from './app/components/select.js';
 export * from './app/components/stack.js';
 export * from './app/components/surface.js';
 export * from './app/components/table.js';
@@ -108,6 +109,7 @@ export * from './app/components/toast.js';
 export * from './app/layouts/CaseStudyLayout.js';
 export * from './app/components/error-pattern.js';
 export * from './app/layouts/HdsSystemDocLayout.js';
+export * from './app/layouts/HdsDocsShell.js';
 export { default as hds } from './app/design-system/tokens.js';
 /** Raw DTCG design tokens (the contents of `hirobius.tokens.json`). */
 export declare const tokens: {
@@ -593,59 +595,61 @@ export declare const tokens: {
             };
             size: {
                 $type: string;
-                "2xs": {
-                    $value: {
-                        value: number;
-                        unit: string;
-                    };
-                };
                 xs: {
                     $value: {
                         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: {
@@ -659,23 +663,17 @@ export declare const tokens: {
                         value: number;
                         unit: string;
                     };
+                    $description: string;
                 };
             };
             weight: {
                 $type: string;
-                light: {
-                    $value: number;
-                    $description: string;
-                };
                 regular: {
                     $value: number;
                 };
                 medium: {
                     $value: number;
                 };
-                semibold: {
-                    $value: number;
-                };
                 bold: {
                     $value: number;
                 };
@@ -705,12 +703,6 @@ export declare const tokens: {
             };
             letterSpacing: {
                 $type: string;
-                tighter: {
-                    $value: {
-                        value: number;
-                        unit: string;
-                    };
-                };
                 tight: {
                     $value: {
                         value: number;
@@ -723,18 +715,6 @@ export declare const tokens: {
                         unit: string;
                     };
                 };
-                wide: {
-                    $value: {
-                        value: number;
-                        unit: string;
-                    };
-                };
-                wider: {
-                    $value: {
-                        value: number;
-                        unit: string;
-                    };
-                };
                 caps: {
                     $value: {
                         value: number;
@@ -961,6 +941,14 @@ export declare const tokens: {
                     };
                     $description: string;
                 };
+                minCompact: {
+                    $type: string;
+                    $value: {
+                        value: number;
+                        unit: string;
+                    };
+                    $description: string;
+                };
             };
             width: {
                 "96": {
@@ -992,6 +980,14 @@ export declare const tokens: {
                         unit: string;
                     };
                 };
+                "280": {
+                    $type: string;
+                    $value: {
+                        value: number;
+                        unit: string;
+                    };
+                    $description: string;
+                };
             };
         };
         grid: {
@@ -1082,6 +1078,11 @@ export declare const tokens: {
                 };
                 $description: string;
             };
+            distance: {
+                $type: string;
+                $value: string;
+                $description: string;
+            };
         };
         color: {
             $type: string;
@@ -1548,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;
@@ -1566,6 +1604,7 @@ export declare const tokens: {
                 gap: {
                     $value: string;
                     $description: string;
+                    $deprecated: string;
                 };
                 medium: {
                     $value: string;
@@ -1574,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: {
@@ -1629,6 +1674,11 @@ export declare const tokens: {
                     $value: string;
                     $description: string;
                 };
+                railWidth: {
+                    $type: string;
+                    $value: string;
+                    $description: string;
+                };
             };
         };
         layout: {
@@ -1787,10 +1837,7 @@ export declare const tokens: {
             caption: {
                 $value: {
                     fontFamily: string;
-                    fontSize: {
-                        value: number;
-                        unit: string;
-                    };
+                    fontSize: string;
                     fontWeight: string;
                     letterSpacing: string;
                     lineHeight: string;
@@ -1953,6 +2000,11 @@ export declare const tokens: {
                 $value: string;
                 $description: string;
             };
+            control: {
+                $type: string;
+                $value: string;
+                $description: string;
+            };
         };
         borderWidth: {
             default: {
@@ -1986,7 +2038,7 @@ export declare const tokens: {
             flat: {
                 $value: {
                     surface: string;
-                    shadow: any;
+                    shadow: null;
                     border: string;
                 };
                 $description: string;
@@ -1995,7 +2047,7 @@ export declare const tokens: {
                 $value: {
                     surface: string;
                     shadow: string;
-                    border: any;
+                    border: null;
                 };
                 $description: string;
             };
@@ -2003,7 +2055,7 @@ export declare const tokens: {
                 $value: {
                     surface: string;
                     shadow: string;
-                    border: any;
+                    border: null;
                 };
                 $description: string;
             };
@@ -2011,11 +2063,72 @@ 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;
+            };
+        };
     };
     component: {
         nav: {
@@ -2559,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';