@hirobius/design-system 0.14.0 → 0.15.0

package/dist/scroll.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as o, Fragment as d } from "react/jsx-runtime";
 import * as c from "react";
 import { ReactLenis as i } from "lenis/react";

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

@@ -6,7 +6,7 @@
  */
 import React from 'react';
 type AlertTone = 'success' | 'danger' | 'warning' | 'info';
-interface AlertProps {
+export interface AlertProps {
     /** Feedback tone that controls icon, border, and surface treatment. */
     tone?: AlertTone;
     /** Optional heading shown above the body copy. */

package/dist/types/src/app/components/asset-img.d.ts

@@ -7,7 +7,7 @@
 import { CSSProperties } from 'react';
 import type React from 'react';
 type AssetImgContext = 'default' | 'lightbox' | 'detail';
-interface AssetImgProps {
+export interface AssetImgProps {
     /** Image source path. */
     src: string;
     /** Accessible alt text. */

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

@@ -20,7 +20,7 @@
 import React from 'react';
 type LayoutGap = 'tight' | 'normal' | 'inset' | 'spacious';
 type BleedAxis = 'x' | 'y' | 'both';
-interface BleedProps {
+export interface BleedProps {
     /** Bleed content. */
     children: React.ReactNode;
     /** Semantic space step to negate. Defaults to 'normal'. */

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

@@ -89,7 +89,7 @@ interface CardComponent extends React.ForwardRefExoticComponent<CardProps & Reac
     Progress: typeof CardProgress;
     Metric: typeof CardMetric;
 }
-interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Top-of-card metadata zone — status badges, tags, eyebrow labels.
      *  Accepts <Badge>, <Tag>, or compound nodes. NEVER pass raw spans
      *  with status colors here; use the proper primitive so tone, padding,
@@ -104,7 +104,7 @@ declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HT
 declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const CardBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-interface CardProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'aria-valuemin' | 'aria-valuemax' | 'aria-valuenow'> {
+export interface CardProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'aria-valuemin' | 'aria-valuemax' | 'aria-valuenow'> {
     /** Current value (0..max). */
     value: number;
     /** Maximum value. Defaults to 100. */
@@ -118,7 +118,7 @@ interface CardProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, '
     tone?: CardTone;
 }
 declare const CardProgress: React.ForwardRefExoticComponent<CardProgressProps & React.RefAttributes<HTMLDivElement>>;
-interface CardMetricProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardMetricProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Uppercase eyebrow label (e.g. "Retainer", "Open tasks"). */
     label: React.ReactNode;
     /** Big value (e.g. "$3,500", "12", "67%"). Rendered at h2 weight. */

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

@@ -17,7 +17,7 @@
 import React from 'react';
 type CenterMaxWidth = 'content' | 'max';
 type LayoutGap = 'tight' | 'normal' | 'inset' | 'spacious';
-interface CenterProps {
+export interface CenterProps {
     /** Center content. */
     children: React.ReactNode;
     /** Max width: 'content' (760px prose) | 'max' (1200px full layouts). Defaults to 'content'. */

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

@@ -7,7 +7,7 @@
 import type { InputHTMLAttributes } from 'react';
 /** HdsCheckbox — custom-drawn checkbox with check / indeterminate glyph. */
 export type HdsCheckboxDemoState = 'rest' | 'hover' | 'focused' | 'pressed' | 'disabled';
-interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'onChange'> {
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'onChange'> {
     /** Checkbox label displayed next to the control. */
     label: string;
     /** Current checked state. */
@@ -18,4 +18,3 @@ interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'typ
     indeterminate?: boolean;
 }
 export declare const HdsCheckbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/types/src/app/components/cinematic-link.d.ts

@@ -4,10 +4,9 @@
  * @tier primitive
  */
 import React from 'react';
-interface CinematicLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
+export interface CinematicLinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
     href: string;
     children: string;
 }
 /** @public */
 export declare function CinematicLink({ href, children, style, className, ...rest }: CinematicLinkProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -18,7 +18,7 @@ import React from 'react';
 type LayoutGap = 'tight' | 'normal' | 'inset' | 'spacious';
 type ClusterAlign = 'start' | 'center' | 'end' | 'stretch';
 type ClusterJustify = 'start' | 'center' | 'end' | 'space-between';
-interface ClusterProps {
+export interface ClusterProps {
     /** Cluster content — items that wrap as a unit. */
     children: React.ReactNode;
     /** Gap token applied to both axes (row and column). Defaults to 'tight'. */

package/dist/types/src/app/components/code-block.d.ts

@@ -21,7 +21,7 @@ declare const blockCodeTextVariants: (props?: import("class-variance-authority/d
 declare const prePanelVariants: (props?: {
     panelBackground?: boolean;
 } & import("class-variance-authority/dist/types").ClassProp) => string;
-interface CodeBlockProps {
+export interface CodeBlockProps {
     /** Code string displayed in the block. */
     code: string;
     /** Visual presentation mode for block snippets vs inline single-line code. */

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

@@ -24,7 +24,7 @@
  */
 import type { ReactNode, CSSProperties } from 'react';
 type MaxWidthOption = 'content' | 'max';
-interface ContainerProps {
+export interface ContainerProps {
     /** Container content. */
     children: ReactNode;
     /** Max width: 'content' (760px for prose) | 'max' (1200px for full layouts). Defaults to 'max'. */

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

@@ -18,7 +18,7 @@
  */
 import React from 'react';
 type LayoutGap = 'tight' | 'normal' | 'inset' | 'spacious';
-interface CoverProps {
+export interface CoverProps {
     /** The centered main region — takes the remaining space via auto margins. Also available as `centerSlot`. */
     children?: React.ReactNode;
     /** Alias for `children` — the centered main region. If both are set, `centerSlot` wins. */

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

@@ -9,7 +9,7 @@ type DisclosureVariant = 'panel' | 'nav' | 'card';
 declare const disclosureTriggerVariants: (props?: {
     variant?: "nav" | "panel" | "card";
 } & import("class-variance-authority/dist/types").ClassProp) => string;
-type DisclosureProps = {
+export type DisclosureProps = {
     /** Summary label rendered in the disclosure trigger. Accepts a string or ReactNode for icon+label combos. */
     label: ReactNode;
     /** Whether the disclosure starts in the open state. */

package/dist/types/src/app/components/doc-link-card.d.ts

@@ -1,5 +1,5 @@
 import { type LucideIcon } from 'lucide-react';
-interface DocLinkCardProps {
+export interface DocLinkCardProps {
     /** Primary title displayed in the card. */
     title: string;
     /** Supporting body copy shown below the title. */

package/dist/types/src/app/components/error-boundary.d.ts

@@ -6,7 +6,7 @@
  * @doc-exempt: runtime safety infra, not an LLM-facing layout primitive
  */
 import { Component, type ErrorInfo, type ReactNode } from 'react';
-interface ErrorBoundaryProps {
+export interface ErrorBoundaryProps {
     children: ReactNode;
     slotLabel?: string;
     minHeight?: string;

package/dist/types/src/app/components/error-pattern.d.ts

@@ -1,4 +1,4 @@
-type ErrorPatternProps = {
+export type ErrorPatternProps = {
     /** Large recovery headline rendered through the animated cascade treatment. */
     displayText?: string;
     /** Supporting message explaining the recovery state to the user. */
@@ -6,4 +6,3 @@ type ErrorPatternProps = {
 };
 /** @public */
 export declare function ErrorPattern({ displayText, message, }: ErrorPatternProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -19,7 +19,7 @@
  */
 import React from 'react';
 type FrameRadius = 'none' | 'sm' | 'md' | 'full';
-interface FrameProps {
+export interface FrameProps {
     /** Media rendered inside the locked-ratio, clipped frame. */
     children: React.ReactNode;
     /** Desired width-to-height ratio, e.g. `16 / 9`. Defaults to `16 / 9`. */

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

@@ -27,7 +27,7 @@
 import React, { type ReactNode, type CSSProperties } from 'react';
 type SemanticGap = 'tight' | 'normal' | 'inset' | 'spacious';
 type GridLayout = 'fixed' | 'auto-fit';
-interface GridProps {
+export interface GridProps {
     /** Grid content. */
     children: ReactNode;
     /** Grid layout mode: 'fixed' (responsive) or 'auto-fit' (card wrapping). Defaults to 'fixed'. */
@@ -45,7 +45,7 @@ interface GridProps {
     /** Element rendered as the outer wrapper. Defaults to 'div'. */
     as?: React.ElementType;
 }
-interface GridItemProps {
+export interface GridItemProps {
     children: ReactNode;
     /** Number of columns this item spans (out of the grid's column count). */
     colSpan?: number;

package/dist/types/src/app/components/heading-stack.d.ts

@@ -30,7 +30,7 @@ type HdsHeadingLevel = NonNullable<HeadingStackLevelVariantProps['level']>;
 type HdsHeadingGap = NonNullable<HeadingStackGapVariantProps['gap']>;
 type HdsHeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 type HdsSupportingTag = 'p' | 'div' | 'span';
-interface HeadingStackProps {
+export interface HeadingStackProps {
     /** The heading content (string). */
     heading: string;
     /** The supporting copy rendered beneath the heading. */

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

@@ -1,7 +1,7 @@
 import type { LucideIcon } from 'lucide-react';
 import { ButtonProps } from './button.js';
 import { IconSize } from './icon.js';
-interface IconButtonProps extends Omit<ButtonProps, 'iconOnly' | 'children' | 'size'> {
+export interface IconButtonProps extends Omit<ButtonProps, 'iconOnly' | 'children' | 'size'> {
     /** Lucide icon rendered inside the button. */
     icon: LucideIcon;
     /** Size token for the button itself. */
@@ -20,4 +20,3 @@ interface IconButtonProps extends Omit<ButtonProps, 'iconOnly' | 'children' | 's
  */
 /** @public */
 export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/types/src/app/components/image-lightbox.d.ts

@@ -1,4 +1,4 @@
-interface LightboxProps {
+export interface LightboxProps {
     open: boolean;
     onClose: () => void;
     src: string;
@@ -10,4 +10,3 @@ interface LightboxProps {
     captionLabel?: string;
 }
 export declare function Lightbox({ open, onClose, src, alt, naturalWidth, naturalHeight, caption, captionHref, captionLabel, }: LightboxProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/src/app/components/inline-code.d.ts

@@ -4,7 +4,7 @@ declare const inlineCodeVariants: (props?: {
     density?: "compact" | "comfortable";
 } & import("class-variance-authority/dist/types").ClassProp) => string;
 type InlineCodeVariantProps = VariantProps<typeof inlineCodeVariants>;
-type InlineCodeProps = {
+export type InlineCodeProps = {
     children: ReactNode;
     style?: CSSProperties;
     /** Layout density. `compact` tightens vertical rhythm for dense body copy and table prose. Defaults to `comfortable`. */

package/dist/types/src/app/components/inline-link.d.ts

@@ -5,7 +5,7 @@
  * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=89-161
  */
 import React from 'react';
-interface InlineLinkProps {
+export interface InlineLinkProps {
     /** Destination route or URL. */
     href: string;
     /** Inline label or content to render inside the link. */
@@ -15,4 +15,3 @@ interface InlineLinkProps {
 }
 /** @public */
 export declare function InlineLink({ href, children, externalIcon }: InlineLinkProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -10,7 +10,7 @@ type NavGroupVariant = 'side' | 'toc';
 declare const navGroupLabelVariants: (props?: {
     variant?: "side" | "toc";
 } & import("class-variance-authority/dist/types").ClassProp) => string;
-type NavGroupProps = {
+export type NavGroupProps = {
     label?: string;
     variant?: NavGroupVariant;
     level?: NavLevel;

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

@@ -11,7 +11,7 @@ declare const navIndicatorVariants: (props?: {
 type NavItemVariantProps = VariantProps<typeof navItemVariants>;
 type NavVariant = NonNullable<NavItemVariantProps['variant']>;
 type NavNativeProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'onClick'>;
-interface NavProps extends NavNativeProps {
+export interface NavProps extends NavNativeProps {
     /** Visual layout variant for side nav or table of contents usage. */
     variant?: NavVariant;
     /** Text label displayed inside the navigation row. */

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

@@ -28,7 +28,7 @@
 import type { ReactNode, CSSProperties } from 'react';
 type MaxWidth = 'content' | 'max';
 type PaddingY = 'default' | 'compact' | 'none';
-interface PageProps {
+export interface PageProps {
     children: ReactNode;
     /** Max width: 'content' (760px for prose) | 'max' (1200px). Defaults to 'max'. */
     maxWidth?: MaxWidth;

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

@@ -13,7 +13,7 @@
  * `@hirobius/design-system/scroll`. See ADR-021.
  */
 import React from 'react';
-interface PinProps {
+export interface PinProps {
     /** Content pinned within the scroll region. */
     children: React.ReactNode;
     /** Sticky offset from the top of the scroll region (CSS length). Defaults to '0'. */
@@ -27,4 +27,3 @@ interface PinProps {
 }
 /** @public */
 export declare const Pin: React.ForwardRefExoticComponent<PinProps & React.RefAttributes<HTMLDivElement>>;
-export {};

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

@@ -7,7 +7,7 @@
 import type { InputHTMLAttributes } from 'react';
 /** HdsRadio — radio button with animated selection indicator. */
 export type HdsRadioDemoState = 'rest' | 'hover' | 'focused' | 'pressed' | 'disabled';
-interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'onChange'> {
+export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'onChange'> {
     /** Radio label displayed next to the control. */
     label: string;
     /** Current checked state. */
@@ -16,4 +16,3 @@ interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'
     onChange: (v: boolean) => void;
 }
 export declare const HdsRadio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

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

@@ -14,7 +14,7 @@
  */
 import React from 'react';
 export type RevealAnimation = 'fade' | 'fade-up' | 'fade-down' | 'scale';
-interface RevealProps {
+export interface RevealProps {
     /** Content revealed as it scrolls into view. */
     children: React.ReactNode;
     /** Entrance animation. Defaults to 'fade-up'. */
@@ -28,4 +28,3 @@ interface RevealProps {
 }
 /** @public */
 export declare const Reveal: React.ForwardRefExoticComponent<RevealProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/types/src/app/components/segmented-control.d.ts

@@ -39,7 +39,7 @@ interface HdsSegmentedOption {
     /** Optional supporting description shown below the label. */
     description?: string;
 }
-interface SegmentedControlProps {
+export interface SegmentedControlProps {
     /** Accessible label for the control. */
     label?: string;
     /** Accessible label when no visible label should be rendered. */

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

@@ -22,7 +22,7 @@
 import React from 'react';
 type SidebarSide = 'start' | 'end';
 type LayoutGap = 'tight' | 'normal' | 'inset' | 'spacious';
-interface SidebarProps {
+export interface SidebarProps {
     /** Exactly two children: the rail first, the fluid content second (DOM order — `side` only changes visual order). */
     children: [React.ReactNode, React.ReactNode];
     /** Which visual edge the rail renders on. Defaults to 'start'. */

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

@@ -5,7 +5,7 @@
  * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=82-265
  */
 /** HdsSlider — range slider with label and value display. */
-interface SliderProps {
+export interface SliderProps {
     /** Slider label. */
     label: string;
     /** Minimum value in the range. */
@@ -20,4 +20,3 @@ interface SliderProps {
     onChange: (v: number) => void;
 }
 export declare const HdsSlider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

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

@@ -14,7 +14,7 @@ type SectionGap = 'stack';
 type GapOption = SemanticGap | ComponentGap | SubgridGap | SectionGap | keyof typeof hds.space;
 type FlexAlign = 'start' | 'center' | 'end' | 'stretch';
 type FlexJustify = 'start' | 'center' | 'end' | 'space-between';
-interface StackProps {
+export interface StackProps {
     /** Stack content rendered inside the flex wrapper. */
     children: React.ReactNode;
     /** Flex direction for the stack. */

package/dist/types/src/app/components/stepper-field.d.ts

@@ -1,4 +1,4 @@
-interface StepperFieldProps {
+export interface StepperFieldProps {
     label: string;
     value: number;
     min: number;
@@ -10,4 +10,3 @@ interface StepperFieldProps {
 }
 /** @public */
 export declare function StepperField({ label, value, min, max, step, onChange, inputStep, precision, }: StepperFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -6,7 +6,7 @@ declare const surfaceVariants: (props?: {
     shadow?: boolean;
 } & import("class-variance-authority/dist/types").ClassProp) => string;
 type SurfaceVariantProps = VariantProps<typeof surfaceVariants>;
-interface SurfaceProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style' | 'className'>, Omit<SurfaceVariantProps, 'shadow'> {
+export interface SurfaceProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style' | 'className'>, Omit<SurfaceVariantProps, 'shadow'> {
     /** Surface content. */
     children?: ReactNode;
     /** Padding: 'component' (24px, default) | 'item' (16px) | primitive px values | 'none' (0px). */

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

@@ -20,7 +20,7 @@
  */
 import React from 'react';
 type LayoutGap = 'tight' | 'normal' | 'inset' | 'spacious';
-interface SwitcherProps {
+export interface SwitcherProps {
     /** Switcher content — peer items that flip between row and column as a unit. */
     children: React.ReactNode;
     /** Container width below which items stack vertically (CSS length, e.g. '30rem'). Defaults to '30rem'. */

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

@@ -7,7 +7,7 @@
 import type { InputHTMLAttributes } from 'react';
 /** HdsToggle — boolean on/off toggle with animated thumb. */
 export type HdsToggleDemoState = 'rest' | 'hover' | 'focused' | 'pressed' | 'disabled';
-interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'onChange'> {
+export interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'onChange'> {
     /** Toggle label displayed next to the control. */
     label: string;
     /** Current checked state. */
@@ -16,4 +16,3 @@ interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'
     onChange: (v: boolean) => void;
 }
 export declare const HdsToggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

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

@@ -69,7 +69,7 @@ type TokenDiagramProps = TokenBaseProps & {
     rawValue?: React.ReactNode;
     onClick?: () => void;
 };
-type TokenProps = TokenNodeSurfaceProps | TokenDiagramProps;
+export type TokenProps = TokenNodeSurfaceProps | TokenDiagramProps;
 /**
  * Token - unified token component.
  *

package/dist/types/src/app/layouts/CaseStudyLayout.d.ts

@@ -10,12 +10,11 @@
  *   contentSlot → full-width (maxWidth="max")  — chapters, galleries, learnings
  */
 import type { ReactNode } from 'react';
-interface CaseStudyLayoutProps {
+export interface CaseStudyLayoutProps {
     heroSlot: ReactNode;
     introSlot: ReactNode;
     metricsSlot?: ReactNode;
     contentSlot: ReactNode;
 }
 /** @public */
-export declare function CaseStudyLayout({ heroSlot, introSlot, metricsSlot, contentSlot }: CaseStudyLayoutProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function CaseStudyLayout({ heroSlot, introSlot, metricsSlot, contentSlot, }: CaseStudyLayoutProps): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -19,7 +19,7 @@
   },
   "license": "SEE LICENSE IN NOTICE.md",
   "private": false,
-  "version": "0.14.0",
+  "version": "0.15.0",
   "engines": {
     "node": ">=20",
     "pnpm": ">=8"
@@ -333,13 +333,13 @@
     "manifest:generate": "node scripts/generate-manifest.mjs && node scripts/generate-component-api.mjs && node scripts/enrich-manifest.mjs",
     "manifest:project": "node scripts/generate-manifest-projection.mjs",
     "prebuild:lib": "node scripts/generate-component-api.mjs",
-    "pretest": "node scripts/validate-manifest.mjs && node scripts/check-manifest-drift.mjs && node scripts/check-manifest-schema-semver.mjs && node scripts/audit-component-integrity.mjs --completeness && node scripts/check-source-canon.mjs && node scripts/check-binding-drift.mjs && node scripts/check-registry.mjs && node scripts/check-tenant-tokens.mjs && knip --no-exit-code",
+    "pretest": "node scripts/validate-manifest.mjs && node scripts/check-manifest-drift.mjs && node scripts/check-manifest-schema-semver.mjs && node scripts/audit-component-integrity.mjs --completeness && node scripts/check-source-canon.mjs && node scripts/check-binding-drift.mjs && node scripts/check-registry.mjs && node scripts/check-tenant-tokens.mjs && node scripts/check-props-exports.mjs && knip --no-exit-code",
     "promote": "node scripts/promote.mjs",
     "hds:new": "node scripts/scaffold-component.mjs",
     "scaffold:component": "node scripts/scaffold-component.mjs",
     "scaffold:tenant": "node scripts/scaffold-tenant.mjs",
     "size-limit": "size-limit --config .size-limit.cjs",
-    "smoke:consumer": "node scripts/smoke-consumer.mjs && node scripts/check-published-types.mjs",
+    "smoke:consumer": "node scripts/smoke-consumer.mjs && node scripts/check-published-types.mjs && node scripts/check-rsc-directives.mjs",
     "sync": "node scripts/build-tokens.mjs && node scripts/audit-tokens.mjs --forbidden && node scripts/build-handoff.mjs && node scripts/build-design-md.mjs && node scripts/build-figma-variables.mjs",
     "sync:health": "node scripts/generate-manifest.mjs && node scripts/generate-component-api.mjs && node scripts/enrich-manifest.mjs && node scripts/build-tokens.mjs && node scripts/audit-tokens.mjs --report-only && node scripts/build-design-md.mjs",
     "test": "vitest run --passWithNoTests",

package/public/hds-manifest.json

@@ -2,7 +2,7 @@
   "name": "Hirobius Design System",
   "description": "Three-tier design token system for Adrian Milsap's portfolio site. Tokens flow primitive → semantic → component. All visual decisions trace back to hirobius.tokens.json.",
   "version": "1",
-  "generated": "2026-09-21T02:18:05.720Z",
+  "generated": "2026-09-23T02:51:22.454Z",
   "source": "hirobius.tokens.json",
   "format": "W3C DTCG 2025.10",
   "docs": "https://adrianmilsap.com/hds",
@@ -28,8 +28,8 @@
     "consumeTypography": "hds.typeStyles.h1 (inline style object) — never Tailwind font classes"
   },
   "brand": {
-    "primaryColor": "#1E2EFD",
-    "primaryColorToken": "primitive.color.blue.500",
+    "primaryColor": "#111111",
+    "primaryColorToken": "semantic.accent.rest",
     "font": "Satoshi variable 100–900, self-hosted",
     "spacingBase": "4px",
     "buttonBorderRadius": "0px",