@hirobius/design-system 0.13.0 → 0.14.0

package/dist/tokens.js

@@ -134,8 +134,8 @@ const a = {
         "2xl": "30px",
         "3xl": "36px",
         "4xl": "48px",
-        "5xl": "80px",
-        "7xl": "72px"
+        "5xl": "72px",
+        "6xl": "80px"
       },
       weight: {
         light: "300",

package/dist/types/src/app/components/activity-feed.d.ts

@@ -21,6 +21,10 @@ import type { ReactNode } from 'react';
  * fixed HDS tone vocabulary (`neutral | danger | success | warning | info`,
  * see docs/architecture/variant-contract.md). `'error'` remains supported
  * here as a back-compat alias for `'danger'`; new code should use `tone`.
+ *
+ * @removeIn 1.0.0 — CHANGELOG 0.13.0 already states `status`/`ActivityStatus`
+ * go in a future major. Dropping a prop is breaking, so 1.0.0 is the first
+ * version that can carry it.
  */
 export type ActivityStatus = 'success' | 'error' | 'warning' | 'info' | 'neutral';
 /** @public */
@@ -40,6 +44,8 @@ export interface ActivityEvent {
     /**
      * @deprecated Use `tone` instead. Retained for back-compat; `'error'`
      * resolves to the `danger` tone.
+     *
+     * @removeIn 1.0.0 — paired with ActivityStatus above; both go together.
      */
     status?: ActivityStatus;
     action?: {

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

@@ -2,6 +2,7 @@
  * Alert - compact feedback surface with contextual severity.
  * @category Feedback
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=33-34
  */
 import React from 'react';
 type AlertTone = 'success' | 'danger' | 'warning' | 'info';

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

@@ -2,6 +2,7 @@
  * Avatar - user or entity image with an initials fallback.
  * @category Display
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=34-18
  */
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';

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

@@ -2,6 +2,7 @@
  * Badge - compact feedback badge for neutral and semantic states.
  * @category Feedback
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=31-15
  */
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';

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

@@ -27,8 +27,8 @@
  * See `box-sx.ts` for the pure resolver + hashing/injection engine.
  */
 import React from 'react';
-import { type SxObject } from './box-sx';
-export type { SxObject, SxValue, ResponsiveValue, Breakpoint } from './box-sx';
+import { type SxObject } from './box-sx.js';
+export type { SxObject, SxValue, ResponsiveValue, Breakpoint } from './box-sx.js';
 /** @public */
 export interface BoxProps extends React.HTMLAttributes<HTMLElement> {
     /** Element (or component) rendered as the outer wrapper. Defaults to 'div'. */

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

@@ -2,6 +2,7 @@
  * Breadcrumb - hierarchical navigation trail.
  * @category Navigation
  * @tier pattern
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=86-159
  */
 import * as React from 'react';
 declare const crumbLabelVariants: (props?: {

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

@@ -1,6 +1,7 @@
 /**
  * @category Actions
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=28-138
  * @figma Variant=Button/Variant
  * @figma Size=Button/Size
  */

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

@@ -1,6 +1,7 @@
 /**
  * @category Feedback
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=88-85
  */
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';

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

@@ -44,8 +44,8 @@
  * for a hover/floating treatment on interactive cards.
  */
 import * as React from 'react';
-import hds from '../design-system/tokens';
-import { type PaddingOption } from './surface-padding';
+import hds from '../design-system/tokens.js';
+import { type PaddingOption } from './surface-padding.js';
 type GapOption = 'tight' | 'normal' | 'inset' | 'spacious' | keyof typeof hds.space;
 /** @public */
 export type CardVariant = 'default' | 'accent';
@@ -129,6 +129,11 @@ interface CardMetricProps extends React.HTMLAttributes<HTMLDivElement> {
     tone?: CardTone;
 }
 declare const CardMetric: React.ForwardRefExoticComponent<CardMetricProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Tagged per-export, not on the file block: this module exports eight
+ * components and a file-level @figma would hand all eight this one node.
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=39-11
+ */
 export declare const Card: CardComponent;
 export { CardHeader, CardTitle, CardDescription, CardBody, CardFooter, CardProgress, CardMetric };
 /** @internal — CVA variant helper; compose via Card props instead. */

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

@@ -2,6 +2,7 @@
  * HdsCheckbox — custom-drawn checkbox with check / indeterminate glyph.
  * @category Inputs
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=35-29
  */
 import type { InputHTMLAttributes } from 'react';
 /** HdsCheckbox — custom-drawn checkbox with check / indeterminate glyph. */

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

@@ -2,6 +2,7 @@
  * CodeBlock - code display with copy button and optional collapsible toggle.
  * @category Display
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=89-154
  */
 declare const blockContainerVariants: (props?: import("class-variance-authority/dist/types").ClassProp) => string;
 declare const inlineWrapperVariants: (props?: import("class-variance-authority/dist/types").ClassProp) => string;

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

@@ -2,6 +2,7 @@
  * Combobox — searchable single-select (Popover + filtered listbox).
  * @category Inputs
  * @tier pattern
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=82-237
  * @doc-exempt: no Inputs-overlay doc page yet — add demo when created
  *
  * A select-with-search built on the HDS Popover. The trigger shows the current

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

@@ -69,5 +69,10 @@ interface DialogComponent extends React.FC<DialogProps> {
     Description: typeof DialogDescription;
     Close: typeof DialogClose;
 }
+/**
+ * Tagged per-export, not on the file block: this module exports ten components
+ * and a file-level @figma would hand all ten this one node.
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=93-27
+ */
 export declare const Dialog: DialogComponent;
 export { DialogTrigger, DialogPortal, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, DialogClose, };

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

@@ -2,6 +2,7 @@
  * Disclosure - compact disclosure surface for optional explanatory content.
  * @category Layout
  * @tier pattern
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=88-453
  */
 import React, { type CSSProperties, type ReactNode } from 'react';
 type DisclosureVariant = 'panel' | 'nav' | 'card';

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

@@ -2,6 +2,7 @@
  * Divider — semantic separator between content regions.
  * @category Layout
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=89-26
  */
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
@@ -17,6 +18,9 @@ export interface DividerProps extends Omit<React.HTMLAttributes<HTMLHRElement>,
     /**
      * @deprecated Use `variant="strong"` instead. Kept for backward
      * compatibility; when set, it takes precedence over `variant`.
+     *
+     * @removeIn 1.0.0 — a boolean superseded by a variant axis. Removing it
+     * is breaking, so it waits for the major.
      */
     strong?: boolean;
 }

package/dist/types/src/app/components/empty-state.d.ts

@@ -2,6 +2,7 @@
  * EmptyState — consistent no-data placeholder for lists, grids, and sections.
  * @category Display
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=88-352
  * @ai-intent Inline empty-state placeholder so any list, grid, or section can
  *   communicate "no data yet" with consistent muted typography instead of agents
  *   inventing one-off `<p>No items.</p>` lines.

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

@@ -1,6 +1,7 @@
 /**
  * @category Display
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=85-81
  */
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';

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

@@ -32,7 +32,13 @@
 import * as React from 'react';
 /** @public */
 export type FormProps = React.FormHTMLAttributes<HTMLFormElement>;
-/** Styled `<form>` with consistent vertical field rhythm. */
+/**
+ * Styled `<form>` with consistent vertical field rhythm.
+ *
+ * Tagged per-export: FormField and FormFieldShell share this module and have no
+ * Figma node, so a file-level @figma would claim this one for all three.
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=85-94
+ */
 export declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
 /** @public */
 export interface FieldWiringInput {

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

@@ -1,6 +1,6 @@
 import type { LucideIcon } from 'lucide-react';
-import { ButtonProps } from './button';
-import { IconSize } from './icon';
+import { ButtonProps } from './button.js';
+import { IconSize } from './icon.js';
 interface IconButtonProps extends Omit<ButtonProps, 'iconOnly' | 'children' | 'size'> {
     /** Lucide icon rendered inside the button. */
     icon: LucideIcon;

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

@@ -5,7 +5,7 @@
  */
 import React from 'react';
 import type { LucideIcon } from 'lucide-react';
-import hds from '../design-system/tokens';
+import hds from '../design-system/tokens.js';
 /** @public */
 export type IconSize = keyof typeof hds.iconSize | number | string;
 export interface IconProps {

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

@@ -12,6 +12,9 @@ type InlineCodeProps = {
     /**
      * @deprecated Use `density="compact"` instead. Kept for backward
      * compatibility; when set, it takes precedence over `density`.
+     *
+     * @removeIn 1.0.0 — a boolean superseded by a variant axis, breaking to
+     * remove, so it waits for the major.
      */
     compact?: boolean;
     /** Show a copy-to-clipboard button. children must be a string when true. */

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

@@ -2,6 +2,7 @@
  * InlineLink ” inline navigation and external-link primitive for body copy.
  * @category Navigation
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=89-161
  */
 import React from 'react';
 interface InlineLinkProps {

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

@@ -2,6 +2,7 @@
  * Input — text field primitive with label, helper, and error slots.
  * @category Inputs
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=38-20
  */
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';

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

@@ -2,6 +2,7 @@
  * Menu — dropdown menu (shadcn baseline, compound parts).
  * @category Overlays
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=93-59
  * @doc-exempt: no Overlays doc page yet — add demo when the overlays page is created
  *
  * Radix DropdownMenu (@radix-ui/react-dropdown-menu) themed with the overlay

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

@@ -1,6 +1,6 @@
 import type { CSSProperties, ReactNode } from 'react';
-import { type NavLevel } from '../lib/navLevels';
-import { NavItem } from './nav-item';
+import { type NavLevel } from '../lib/navLevels.js';
+import { NavItem } from './nav-item.js';
 type NavItem = {
     path: string;
     label: string;

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

@@ -1,6 +1,6 @@
 import type { AnchorHTMLAttributes, MouseEvent } from 'react';
 import { type VariantProps } from 'class-variance-authority';
-import { type NavLevel } from '../lib/navLevels';
+import { type NavLevel } from '../lib/navLevels.js';
 declare const navItemVariants: (props?: {
     variant?: "side" | "toc";
     state?: "default" | "active" | "disabled" | "focus" | "hover";

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

@@ -2,6 +2,7 @@
  * Pagination - paged navigation control with truncation.
  * @category Navigation
  * @tier pattern
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=86-194
  */
 import * as React from 'react';
 type PageToken = number | 'ellipsis';

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

@@ -2,6 +2,7 @@
  * Popover — floating surface anchored to a trigger (shadcn baseline, compound parts).
  * @category Overlays
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=93-32
  * @doc-exempt: no Overlays doc page yet — add demo when the overlays page is created
  *
  * Radix Popover (@radix-ui/react-popover) themed with role tokens. Provides

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

@@ -2,6 +2,7 @@
  * Progress - linear progress bar (determinate or indeterminate).
  * @category Feedback
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=88-91
  */
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';

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

@@ -2,6 +2,7 @@
  * HdsRadio — radio button with animated selection indicator.
  * @category Inputs
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=36-17
  */
 import type { InputHTMLAttributes } from 'react';
 /** HdsRadio — radio button with animated selection indicator. */

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

@@ -2,6 +2,7 @@
  * Skeleton - placeholder shimmer for content that is still loading.
  * @category Feedback
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=88-95
  */
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';

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

@@ -2,6 +2,7 @@
  * HdsSlider — range slider with label and value display.
  * @category Inputs
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=82-265
  */
 /** HdsSlider — range slider with label and value display. */
 interface SliderProps {

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

@@ -2,6 +2,7 @@
  * Spinner - indeterminate loading indicator.
  * @category Feedback
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=88-106
  */
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';

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

@@ -6,7 +6,7 @@
  * @ai-rules Use Stack for flow spacing and simple flex alignment only. Do NOT use Stack to create card chrome, internal surface padding, or page-width constraints. Do NOT apply arbitrary margins to Stack to fake spacing between children when the gap prop should own that rhythm. Do NOT use Stack for true two-dimensional layouts that require Grid.
  */
 import React from 'react';
-import hds from '../design-system/tokens';
+import hds from '../design-system/tokens.js';
 type SemanticGap = 'tight' | 'normal' | 'inset' | 'spacious';
 type ComponentGap = 'gap' | 'medium';
 type SubgridGap = 'hairline' | 'xs' | 'gap';

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

@@ -1,6 +1,7 @@
 /**
  * @category Display
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=88-247
  */
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';

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

@@ -1,6 +1,7 @@
 /**
  * @category Display
  * @tier pattern
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=88-350
  */
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';

package/dist/types/src/app/components/status-tile.d.ts

@@ -1,6 +1,7 @@
 /**
  * @category Display
  * @tier pattern
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=88-292
  */
 import * as React from 'react';
 export type StatusTileTone = 'success' | 'warning' | 'danger' | 'info' | 'neutral';

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

@@ -1,6 +1,6 @@
 import React, { type CSSProperties, type HTMLAttributes, type ReactNode } from 'react';
 import { type VariantProps } from 'class-variance-authority';
-import type { PaddingOption } from './surface-padding';
+import type { PaddingOption } from './surface-padding.js';
 declare const surfaceVariants: (props?: {
     padding?: "none" | "item" | "px16" | "px24" | "component";
     shadow?: boolean;

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

@@ -2,6 +2,7 @@
  * Table - structured data table primitive for documentation and compact UI matrices.
  * @category Display
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=89-300
  */
 import { type ReactNode } from 'react';
 declare const tableHeaderCellVariants: (props?: {

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

@@ -21,6 +21,12 @@
  * @tier primitive
  */
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+/**
+ * The tab set itself. Tagged here rather than in the file block because
+ * TabsList and TabsContent share this module and have no Figma node of their
+ * own — a file-level @figma would silently claim this node for all four.
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=86-89
+ */
 export declare const Tabs: import("react").ForwardRefExoticComponent<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
 export declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;

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

@@ -2,6 +2,7 @@
  * Tag — interactive filter and category chip.
  * @category Inputs
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=32-11
  *
  * The outer <button> carries the accessible 44px hit target directly via the
  * size token while the inner pill keeps the visible surface compact. Colors

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

@@ -2,6 +2,7 @@
  * Textarea — multi-line text field primitive with label, helper, and error slots.
  * @category Inputs
  * @tier primitive
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=85-14
  *
  * Mirrors Input's shell + token skin as a native `<textarea>`. Figma parity:
  * the four states Default / Focus / Error / Disabled map to the focus-ring,

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

@@ -2,6 +2,7 @@
  * Toast — transient feedback notifications (Radix Toast).
  * @category Feedback
  * @tier pattern
+ * @figma https://www.figma.com/design/c8MaVgwxOlxm4wr8wnH0Z4/HDS-Tokens-Components?node-id=93-367
  * @doc-exempt: no Overlays/Feedback-overlay doc page yet — add demo when created
  *
  * Imperative API: wrap the app once in <ToastProvider>, then call

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

@@ -2,6 +2,7 @@
  * HdsToggle — 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. */

package/dist/types/src/app/context/TenantContext.d.ts

@@ -1,5 +1,5 @@
 import { type ReactNode } from 'react';
-export type TenantSlug = 'hirobius' | 'concrete-creations' | 'lilac-bonds' | (string & {});
+export type TenantSlug = 'hirobius' | 'concrete-creations' | 'accent-lilac' | (string & {});
 interface TenantCtx {
     /** Active tenant slug, or null in single-tenant mode. */
     tenantSlug: TenantSlug | null;
@@ -7,15 +7,29 @@ interface TenantCtx {
 /**
  * TenantProvider
  *
- * Reads VITE_TENANT_SLUG from the Vite environment and, if set, writes
- * `data-tenant="<slug>"` onto `<html>` so CSS tenant-scope selectors
+ * Writes `data-tenant="<slug>"` onto `<html>` so CSS tenant-scope selectors
  * (e.g. `[data-tenant="acme"] .hds-button`) resolve correctly at runtime.
  *
- * Single-tenant deployments that never set VITE_TENANT_SLUG are unaffected:
- * no attribute is written and no context value is populated.
+ * Pass the slug in. It used to be read from `VITE_TENANT_SLUG` via
+ * `import.meta.env`, which the library build evaluated at HDS's build time
+ * rather than the consumer's — it baked to `{}` in `dist/contexts.js`, so the
+ * provider had been an inert no-op for every installed consumer regardless of
+ * what they set. Taking a prop is therefore not a behaviour change for anyone
+ * downstream: it is the first version that works at all.
+ *
+ * An app that still wants an env var reads it itself and passes the result,
+ * which is the only place that knows its own build:
+ *
+ * ```tsx
+ * <TenantProvider slug={import.meta.env.VITE_TENANT_SLUG as TenantSlug}>
+ * ```
+ *
+ * Omitting `slug` writes no attribute and populates no context value.
  */
-export declare function TenantProvider({ children }: {
+export declare function TenantProvider({ children, slug, }: {
     children: ReactNode;
+    /** The active tenant, or null for a single-tenant deployment. */
+    slug?: TenantSlug | null;
 }): import("react/jsx-runtime").JSX.Element;
 /** Returns the active tenant slug (null in single-tenant mode). */
 export declare function useTenant(): TenantCtx;

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

@@ -10,10 +10,10 @@
  *     {app}
  *   </FontProvider></ThemeProvider></LanguageProvider></TenantProvider>
  */
-export * from './ThemeContext';
-export * from './LanguageContext';
-export * from './TenantContext';
-export * from './FontContext';
-export * from './DemoStateContext';
-export * from './TokenDisplayContext';
-export * from './RouterContext';
+export * from './ThemeContext.js';
+export * from './LanguageContext.js';
+export * from './TenantContext.js';
+export * from './FontContext.js';
+export * from './DemoStateContext.js';
+export * from './TokenDisplayContext.js';
+export * from './RouterContext.js';

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

@@ -7,7 +7,7 @@
  * Import in tokens.ts or any component that needs a CSS var string without hardcoding.
  *
  * Usage:
- *   import { tokenRefs } from './generated-token-refs';
+ *   import { tokenRefs } from './generated-token-refs.js';
  *   tokenRefs.semantic.typography.mono          // { fontFamily: 'var(...)', ... }
  *   tokenRefs.semantic.color.surface.page       // 'var(--semantic-color-surface-page)'
  */
@@ -148,7 +148,7 @@ export declare const tokenRefs: {
                 readonly "3xl": "var(--primitive-typography-size-3xl)";
                 readonly "4xl": "var(--primitive-typography-size-4xl)";
                 readonly "5xl": "var(--primitive-typography-size-5xl)";
-                readonly "7xl": "var(--primitive-typography-size-7xl)";
+                readonly "6xl": "var(--primitive-typography-size-6xl)";
             };
             readonly weight: {
                 readonly light: "var(--primitive-typography-weight-light)";
@@ -265,6 +265,11 @@ export declare const tokenRefs: {
                 readonly inverse: "var(--semantic-color-surface-inverse)";
                 readonly accent: "var(--semantic-color-surface-accent)";
                 readonly accentSubtle: "var(--semantic-color-surface-accentSubtle)";
+                readonly hover: "var(--semantic-color-surface-hover)";
+                readonly pressed: "var(--semantic-color-surface-pressed)";
+                readonly selected: "var(--semantic-color-surface-selected)";
+                readonly muted: "var(--semantic-color-surface-muted)";
+                readonly sunken: "var(--semantic-color-surface-sunken)";
             };
             readonly content: {
                 readonly primary: "var(--semantic-color-content-primary)";
@@ -273,13 +278,19 @@ export declare const tokenRefs: {
                 readonly inverse: "var(--semantic-color-content-inverse)";
                 readonly accent: "var(--semantic-color-content-accent)";
                 readonly onAccent: "var(--semantic-color-content-onAccent)";
+                readonly success: "var(--semantic-color-content-success)";
+                readonly warning: "var(--semantic-color-content-warning)";
+                readonly danger: "var(--semantic-color-content-danger)";
             };
             readonly border: {
                 readonly default: "var(--semantic-color-border-default)";
+                readonly interactive: "var(--semantic-color-border-interactive)";
                 readonly subdued: "var(--semantic-color-border-subdued)";
                 readonly subtle: "var(--semantic-color-border-subtle)";
                 readonly strong: "var(--semantic-color-border-strong)";
                 readonly accent: "var(--semantic-color-border-accent)";
+                readonly success: "var(--semantic-color-border-success)";
+                readonly warning: "var(--semantic-color-border-warning)";
             };
             readonly feedback: {
                 readonly error: "var(--semantic-color-feedback-error)";

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

@@ -7,7 +7,7 @@
  * Import in doc pages instead of hardcoding hex strings, font names, or OKLCH values.
  *
  * Usage:
- *   import { tokenValues } from './generated-token-values';
+ *   import { tokenValues } from './generated-token-values.js';
  *   tokenValues.primitive.color.blue['500']        // '#1e2fff'
  *   tokenValues.primitive.typography.family.primary[0]   // 'Clash Grotesk'
  *   tokenValues.primitive.color.blue['500']        // 'oklch(0.49 0.2903 266.54)'
@@ -148,8 +148,8 @@ export declare const tokenValues: {
                 readonly "2xl": "30px";
                 readonly "3xl": "36px";
                 readonly "4xl": "48px";
-                readonly "5xl": "80px";
-                readonly "7xl": "72px";
+                readonly "5xl": "72px";
+                readonly "6xl": "80px";
             };
             readonly weight: {
                 readonly light: "300";

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

@@ -5,7 +5,7 @@
  * Import this wherever you need resolved colours for a given dark/light mode.
  *
  * Usage:
- *   import { ct } from '../design-system/theme';
+ *   import { ct } from '../design-system/theme.js';
  *   const t = ct(isDark);
  *   // t.bg, t.content, t.accent, etc.
  */