banhaten 0.2.0 → 0.3.0

package/registry/index.json

@@ -308,8 +308,8 @@
         "--bh-bg-neutral-subtle",
         "--bh-bg-success-default",
         "--bh-border-width-default",
+        "--bh-content-default",
         "--bh-content-on-brand",
-        "--bh-content-subtle",
         "--bh-font-weight-semibold",
         "--bh-icon-stroke-210",
         "--bh-icon-stroke-240",
@@ -397,7 +397,7 @@
         "--bh-badge-outline-border-width",
         "--bh-bg-accent-amber-default",
         "--bh-bg-accent-amber-subtle",
-        "--bh-bg-accent-blue-default",
+        "--bh-bg-accent-blue-bold",
         "--bh-bg-accent-blue-subtle",
         "--bh-bg-accent-fuchsia-default",
         "--bh-bg-accent-fuchsia-subtle",
@@ -409,11 +409,11 @@
         "--bh-bg-accent-purple-subtle",
         "--bh-bg-accent-red-default",
         "--bh-bg-accent-red-subtle",
-        "--bh-bg-accent-rose-default",
+        "--bh-bg-accent-rose-bold",
         "--bh-bg-accent-rose-subtle",
         "--bh-bg-accent-sky-base",
         "--bh-bg-accent-sky-subtle",
-        "--bh-bg-neutral-default",
+        "--bh-bg-neutral-bold",
         "--bh-bg-neutral-subtle",
         "--bh-border-accent-amber-strong",
         "--bh-border-accent-amber-subtle",
@@ -461,7 +461,7 @@
         "--bh-content-muted",
         "--bh-content-on-color",
         "--bh-content-on-light",
-        "--bh-content-subtle",
+        "--bh-content-on-neutral",
         "--bh-interactive-ghost-default",
         "--bh-opacity-35",
         "--bh-radius-full",
@@ -553,7 +553,7 @@
         "--bh-bg-always-white",
         "--bh-bg-brand-subtle",
         "--bh-bg-danger-default",
-        "--bh-bg-neutral-default",
+        "--bh-bg-neutral-bold",
         "--bh-bg-neutral-subtle",
         "--bh-border-brand-strong",
         "--bh-border-default",
@@ -564,7 +564,7 @@
         "--bh-content-default",
         "--bh-content-disabled",
         "--bh-content-muted",
-        "--bh-content-on-color",
+        "--bh-content-on-neutral",
         "--bh-control-default",
         "--bh-control-md",
         "--bh-icon-stroke-200",
@@ -788,12 +788,6 @@
       ],
       "tokens": [
         "--bh-bg-always-white",
-        "--bh-bg-success-bold",
-        "--bh-bg-success-default",
-        "--bh-bg-success-strong",
-        "--bh-bg-warning-bold",
-        "--bh-bg-warning-default",
-        "--bh-bg-warning-strong",
         "--bh-border-brand-strong",
         "--bh-border-danger-strong",
         "--bh-border-default",
@@ -826,6 +820,8 @@
         "--bh-content-on-brand",
         "--bh-content-on-color",
         "--bh-content-on-light",
+        "--bh-content-on-success",
+        "--bh-content-on-warning",
         "--bh-control-default",
         "--bh-interactive-brand-default",
         "--bh-interactive-brand-disabled",
@@ -855,6 +851,12 @@
         "--bh-interactive-soft-disabled",
         "--bh-interactive-soft-hover",
         "--bh-interactive-soft-pressed",
+        "--bh-interactive-success-default",
+        "--bh-interactive-success-hover",
+        "--bh-interactive-success-pressed",
+        "--bh-interactive-warning-default",
+        "--bh-interactive-warning-hover",
+        "--bh-interactive-warning-pressed",
         "--bh-opacity-30",
         "--bh-space-none",
         "--bh-text-button-font-size",
@@ -880,6 +882,7 @@
       ],
       "parts": [
         "Card",
+        "CardSurface",
         "CardMedia",
         "CardFooter",
         "CardActions"
@@ -892,6 +895,7 @@
             "CardActions",
             "CardFooter",
             "CardMedia",
+            "CardSurface",
             "cardVariants"
           ]
         }
@@ -1200,6 +1204,10 @@
         "Connected action group",
         "Text formatting toggle group"
       ],
+      "features": [
+        "contained horizontal scrolling for narrow containers",
+        "connected dividers remain intact while scrolling"
+      ],
       "rtl": {
         "inheritsDirection": true,
         "itemSizing": "LTR and RTL default items keep their fixed Figma matrix widths. Icon-only groups keep the same square dimensions.",
@@ -1429,7 +1437,7 @@
         "--bh-toggle-icon-size-md",
         "--bh-toggle-icon-size-sm",
         "--bh-toggle-offset",
-        "--shadow-component-default",
+        "--shadow-md",
         "--shadow-social-button-focus-ring"
       ]
     },
@@ -2042,7 +2050,7 @@
         "--bh-z-overlay",
         "--bh-z-raised",
         "--shadow-button-focus",
-        "--shadow-component-default"
+        "--shadow-lg"
       ]
     },
     "popover": {
@@ -2360,7 +2368,7 @@
         "--bh-text-heading-sm-semibold-line-height",
         "--bh-z-overlay",
         "--shadow-button-focus",
-        "--shadow-component-default",
+        "--shadow-lg",
         "--shadow-modal"
       ]
     },
@@ -2480,7 +2488,7 @@
         "--bh-text-heading-sm-semibold-letter-spacing",
         "--bh-text-heading-sm-semibold-line-height",
         "--bh-z-overlay",
-        "--shadow-component-default",
+        "--shadow-lg",
         "--shadow-modal"
       ]
     },
@@ -2934,6 +2942,10 @@
         "spacing": "Uses logical flex direction, gap, and text direction so English and Arabic captions align naturally."
       },
       "files": [
+        {
+          "source": "components/pagination.css",
+          "target": "{{ui}}/pagination.css"
+        },
         {
           "source": "components/pagination.tsx",
           "target": "{{ui}}/pagination.tsx"
@@ -2942,6 +2954,11 @@
       "examples": [
         "examples/pagination-demo.tsx"
       ],
+      "features": [
+        "container-aware compact numeric pages",
+        "contained horizontal control scrolling",
+        "wrapping captions and summaries"
+      ],
       "tokens": [
         "--bh-border-brand-strong",
         "--bh-content-disabled",
@@ -3166,6 +3183,7 @@
         "--bh-select-icon-slot-size",
         "--bh-select-trigger-padding-x",
         "--bh-select-width",
+        "--bh-space-19xl-384",
         "--bh-space-3xl-16",
         "--bh-space-5xl-24",
         "--bh-space-md-8",
@@ -4591,6 +4609,7 @@
         }
       ],
       "features": [
+        "standalone static surface",
         "controlled collapse",
         "uncontrolled collapse",
         "group labels",
@@ -4702,6 +4721,8 @@
       ],
       "tokens": [
         "--bh-bg-raised",
+        "--bh-border-subtle",
+        "--bh-border-width-default",
         "--bh-content-default",
         "--bh-content-disabled",
         "--bh-interactive-ghost-hover",
@@ -4749,7 +4770,10 @@
       "features": [
         "vertical scrollbar",
         "horizontal scrollbar",
-        "viewport clipping"
+        "two-axis scrollbar composition",
+        "viewport clipping",
+        "keyboard-focusable viewport",
+        "viewportProps escape hatch"
       ],
       "rtl": {
         "inheritsDirection": true,
@@ -4768,7 +4792,8 @@
         "--bh-border-default",
         "--bh-radius-full",
         "--bh-space-lg-10",
-        "--bh-space-xxs-2"
+        "--bh-space-xxs-2",
+        "--shadow-component-focus-ring"
       ]
     },
     "resizable": {
@@ -4821,7 +4846,8 @@
         "--bh-space-5xl-24",
         "--bh-space-6xl-32",
         "--bh-z-raised",
-        "--shadow-button-focus"
+        "--shadow-button-focus",
+        "--shadow-component-focus-ring"
       ]
     },
     "autocomplete": {
@@ -5031,12 +5057,13 @@
         "examples/date-picker-demo.tsx"
       ],
       "tokens": [
-        "--bh-bg-brand-default",
+        "--bh-bg-brand-bold",
         "--bh-bg-brand-subtle",
         "--bh-bg-default",
         "--bh-bg-default-hover",
         "--bh-bg-raised",
         "--bh-border-disabled",
+        "--bh-border-focus",
         "--bh-border-input",
         "--bh-border-subtle",
         "--bh-border-width-default",
@@ -5047,7 +5074,7 @@
         "--bh-content-default",
         "--bh-content-disabled",
         "--bh-content-muted",
-        "--bh-content-on-color",
+        "--bh-content-on-brand",
         "--bh-content-subtle",
         "--bh-control-default",
         "--bh-date-day-cell-height",
@@ -5726,6 +5753,11 @@
         "steady",
         "dynamic"
       ],
+      "rtl": {
+        "inheritsDirection": true,
+        "motion": "Circular loading motion is direction-neutral; no icon or track mirroring is required.",
+        "semantics": "The indicator keeps the same accessible loading label in either direction; localize that label at the call site."
+      },
       "features": [
         "steady arc rotation",
         "dynamic arc length",
@@ -5842,6 +5874,21 @@
     "activity-feed": {
       "description": "Expanded activity feed composition with avatar indicators, status dots, captions, action buttons, slot rows, timestamps, links, and RTL copy.",
       "status": "expanded",
+      "variants": [
+        "caption",
+        "slot"
+      ],
+      "states": [
+        "default",
+        "with-status",
+        "with-link",
+        "with-actions"
+      ],
+      "rtl": {
+        "inheritsDirection": true,
+        "layout": "The feed and each item inherit direction; marker, copy, timestamps, links, and owned Button actions mirror through logical CSS.",
+        "textDirection": "Labels, captions, support text, and timestamps preserve their supplied content while the row aligns to the inherited direction."
+      },
       "registryDependencies": [
         "button"
       ],
@@ -5919,12 +5966,85 @@
         "--shadow-component-default"
       ]
     },
+    "activity-heatmap": {
+      "description": "Token-only calendar activity heatmap with seven-day columns, five semantic intensity levels, responsive horizontal overflow, cell labels, and RTL support.",
+      "status": "expanded",
+      "dependencies": {},
+      "parts": [
+        "ActivityHeatmap"
+      ],
+      "supportedExports": [
+        {
+          "source": "components/expanded/ActivityHeatmap.tsx",
+          "values": [
+            "ActivityHeatmap"
+          ]
+        }
+      ],
+      "files": [
+        {
+          "source": "components/expanded/activityHeatmap.css",
+          "target": "{{ui}}/expanded/activityHeatmap.css"
+        },
+        {
+          "source": "components/expanded/ActivityHeatmap.tsx",
+          "target": "{{ui}}/expanded/ActivityHeatmap.tsx"
+        }
+      ],
+      "examples": [
+        "examples/expanded/activity-heatmap-demo.tsx"
+      ],
+      "props": {
+        "ariaLabel": {
+          "type": "string",
+          "default": "Activity heatmap",
+          "description": "Accessible summary for the full visualized period."
+        },
+        "dir": {
+          "type": "ltr | rtl",
+          "default": "inherited",
+          "description": "Places the first activity column at the logical start edge."
+        },
+        "items": {
+          "type": "readonly ActivityHeatmapItem[]",
+          "default": "[]",
+          "description": "Column-major cells grouped into seven-day weeks, each with a level from zero through four."
+        }
+      },
+      "states": [
+        "level-0",
+        "level-1",
+        "level-2",
+        "level-3",
+        "level-4"
+      ],
+      "rtl": {
+        "inheritsDirection": true,
+        "layout": "Grid auto-placement follows logical inline direction while preserving the supplied item order."
+      },
+      "tokens": [
+        "--bh-bg-accent-purple-default",
+        "--bh-bg-accent-purple-soft",
+        "--bh-bg-accent-purple-subtle",
+        "--bh-bg-neutral-medium",
+        "--bh-content-accent-purple-strong",
+        "--bh-content-default",
+        "--bh-font-family",
+        "--bh-radius-sm-4",
+        "--bh-space-3xl-16",
+        "--bh-space-xs-4",
+        "--shadow-component-focus-ring"
+      ]
+    },
     "alert": {
       "description": "Contextual feedback primitive with danger, success, warning, info, neutral, compact, expandable, action, close, and RTL variants.",
       "dependencies": {
         "class-variance-authority": "^0.7.1",
         "lucide-react": "^1.17.0"
       },
+      "registryDependencies": [
+        "button"
+      ],
       "parts": [
         "Alert"
       ],
@@ -5996,7 +6116,6 @@
         "--bh-font-weight-medium",
         "--bh-font-weight-regular",
         "--bh-icon-stroke-225",
-        "--bh-opacity-80",
         "--bh-radius-full",
         "--bh-space-3xl-16",
         "--bh-space-md-8",
@@ -6013,13 +6132,36 @@
         "--bh-text-body-md-underline-line-height",
         "--bh-text-body-sm-regular-font-size",
         "--bh-text-body-sm-regular-letter-spacing",
-        "--bh-text-body-sm-regular-line-height",
-        "--shadow-button-focus"
+        "--bh-text-body-sm-regular-line-height"
       ]
     },
     "banner": {
       "description": "Expanded banner system with slim, inline action, single action, input, floating, full-width, brand, grey, brand-light, and RTL variants.",
       "status": "expanded",
+      "variants": [
+        "brand",
+        "grey",
+        "brand-light"
+      ],
+      "sizes": [
+        "floating",
+        "full-width"
+      ],
+      "states": [
+        "title",
+        "title-description"
+      ],
+      "modes": [
+        "slim",
+        "single-action-inline",
+        "single-action",
+        "input"
+      ],
+      "rtl": {
+        "inheritsDirection": true,
+        "layout": "Message, action, input, and close clusters use logical layout and :dir(rtl), including when direction comes from an ancestor.",
+        "composition": "Actions and dismiss controls compose Button; the input mode composes Input."
+      },
       "dependencies": {
         "lucide-react": "^1.17.0"
       },
@@ -6052,13 +6194,13 @@
         "examples/expanded/banner-demo.tsx"
       ],
       "tokens": [
-        "--bh-bg-brand-default",
+        "--bh-bg-brand-bold",
         "--bh-bg-brand-soft",
         "--bh-bg-muted",
         "--bh-border-subtle",
         "--bh-content-default",
-        "--bh-content-inverse",
         "--bh-content-link",
+        "--bh-content-on-brand",
         "--bh-content-subtle",
         "--bh-font-family",
         "--bh-font-weight-regular",
@@ -6067,6 +6209,8 @@
         "--bh-icon-stroke-225",
         "--bh-input-width",
         "--bh-radius-xl-10",
+        "--bh-space-17xl-288",
+        "--bh-space-19xl-384",
         "--bh-space-3xl-16",
         "--bh-space-4xl-20",
         "--bh-space-8xl-48",
@@ -6086,12 +6230,31 @@
         "--bh-text-body-md-medium-font-weight",
         "--bh-text-body-md-medium-letter-spacing",
         "--bh-text-body-md-medium-line-height",
-        "--shadow-component-default"
+        "--shadow-md"
       ]
     },
     "catalog-components": {
       "description": "Expanded catalog showcase with breadcrumbs, catalog-only content dividers, tag previews, file upload states, and table previews.",
       "status": "expanded",
+      "variants": [
+        "solid-divider",
+        "dotted-divider"
+      ],
+      "states": [
+        "label",
+        "action",
+        "disabled-action"
+      ],
+      "modes": [
+        "showcase",
+        "divider",
+        "content-divider"
+      ],
+      "rtl": {
+        "inheritsDirection": true,
+        "composition": "The showcase composes the owned Breadcrumbs, Button, Tag, File Upload, and Table components and includes explicit RTL surfaces.",
+        "spacing": "Catalog dividers use logical flex order and gaps, so labels and actions remain centered in either direction."
+      },
       "dependencies": {
         "lucide-react": "^1.17.0"
       },
@@ -6189,6 +6352,26 @@
     "breadcrumbs": {
       "description": "Expanded breadcrumbs navigation with default, raised, icon, overflow, separator, and RTL variants.",
       "status": "expanded",
+      "variants": [
+        "default",
+        "raised"
+      ],
+      "states": [
+        "link",
+        "current",
+        "overflow"
+      ],
+      "modes": [
+        "text",
+        "icon-only",
+        "slash",
+        "chevron"
+      ],
+      "rtl": {
+        "inheritsDirection": true,
+        "layout": "The ordered trail follows inherited inline direction, and chevron separators mirror through :dir(rtl).",
+        "semantics": "The root is a named navigation landmark and the final or explicitly current item exposes aria-current=\"page\"."
+      },
       "dependencies": {
         "lucide-react": "^1.17.0"
       },
@@ -6250,6 +6433,32 @@
     "file-upload": {
       "description": "Expanded file upload composition with drag-and-drop zones, file rows, upload states, disabled behavior, and RTL direction.",
       "status": "expanded",
+      "variants": [
+        "default",
+        "button"
+      ],
+      "sizes": [
+        "lg",
+        "sm"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "disabled",
+        "uploaded",
+        "uploading",
+        "uploading-progress",
+        "error"
+      ],
+      "modes": [
+        "single",
+        "multiple"
+      ],
+      "rtl": {
+        "inheritsDirection": true,
+        "layout": "Dropzone copy, file metadata, progress, and owned Button actions mirror from inherited direction using logical spacing.",
+        "semantics": "The native file input remains the owned component's intrinsic control; status graphics are decorative in rows and named only when standalone."
+      },
       "dependencies": {
         "lucide-react": "^1.17.0"
       },
@@ -6371,6 +6580,28 @@
     "table": {
       "description": "Expanded table and data table composition with selection, stateful sortable headers, search, filters, bulk actions, pagination, empty/loading/error states, status badges, progress cells, actions, row states, and RTL mirroring.",
       "status": "expanded",
+      "sizes": [
+        "sm",
+        "lg"
+      ],
+      "states": [
+        "default",
+        "selected",
+        "disabled",
+        "loading",
+        "empty",
+        "error"
+      ],
+      "modes": [
+        "table",
+        "data-table"
+      ],
+      "rtl": {
+        "inheritsDirection": true,
+        "layout": "Headers, cells, search/filter tools, selection, pagination, and actions inherit direction and use logical alignment.",
+        "semantics": "Sortable headers are owned Buttons, selection uses Checkbox, progress cells are named, and row actions expose accessible labels.",
+        "narrowContainers": "The toolbar wraps and the table owns local horizontal scrolling instead of overlapping controls or overflowing the page."
+      },
       "dependencies": {
         "lucide-react": "^1.17.0"
       },
@@ -6388,7 +6619,14 @@
       ],
       "parts": [
         "Table",
-        "DataTable"
+        "DataTable",
+        "DataTableSurface",
+        "TableRoot",
+        "TableHeader",
+        "TableBody",
+        "TableRowElement",
+        "TableHead",
+        "TableCell"
       ],
       "supportedExports": [
         {
@@ -6397,6 +6635,18 @@
             "DataTable",
             "Table"
           ]
+        },
+        {
+          "source": "components/table-elements.tsx",
+          "values": [
+            "DataTableSurface",
+            "TableBody",
+            "TableCell",
+            "TableHead",
+            "TableHeader",
+            "TableRoot",
+            "TableRowElement"
+          ]
         }
       ],
       "files": [
@@ -6407,12 +6657,20 @@
         {
           "source": "components/expanded/Table.tsx",
           "target": "{{ui}}/expanded/Table.tsx"
+        },
+        {
+          "source": "components/table-elements.tsx",
+          "target": "{{ui}}/table-elements.tsx"
         }
       ],
       "examples": [
         "examples/expanded/table-demo.tsx"
       ],
       "tokens": [
+        "--bh-avatar-fallback-font-size-md",
+        "--bh-avatar-fallback-font-size-xs",
+        "--bh-avatar-size-md",
+        "--bh-avatar-size-xs",
         "--bh-bg-accent-amber-subtle",
         "--bh-bg-accent-fuchsia-subtle",
         "--bh-bg-accent-golden-default",
@@ -6448,10 +6706,10 @@
         "--bh-easing-standard",
         "--bh-focus-ring-width",
         "--bh-font-family",
-        "--bh-font-weight-bold",
         "--bh-font-weight-semibold",
         "--bh-icon-stroke-190",
         "--bh-icon-stroke-225",
+        "--bh-input-width",
         "--bh-interactive-ghost-hover",
         "--bh-opacity-0",
         "--bh-opacity-100",
@@ -6489,10 +6747,12 @@
         "--bh-text-body-md-semibold-font-size",
         "--bh-text-body-md-semibold-font-weight",
         "--bh-text-body-md-semibold-line-height",
+        "--bh-text-body-sm-medium-font-weight",
         "--bh-text-body-sm-regular-font-size",
         "--bh-text-body-sm-regular-font-weight",
         "--bh-text-body-sm-regular-line-height",
-        "--bh-text-body-xs-regular-font-size"
+        "--bh-text-body-xs-regular-font-size",
+        "--shadow-component-focus-ring"
       ]
     },
     "empty-state": {
@@ -6580,6 +6840,16 @@
     "onboarding-step": {
       "description": "Expanded onboarding step list item with finished, active, and inactive progress states for compact setup flows in LTR and RTL.",
       "status": "expanded",
+      "states": [
+        "finished",
+        "active",
+        "inactive"
+      ],
+      "rtl": {
+        "inheritsDirection": true,
+        "layout": "Marker lines and label alignment follow inherited direction through logical CSS and :dir(rtl).",
+        "semantics": "Decorative progress geometry is hidden from assistive technology while the visible label remains readable."
+      },
       "dependencies": {
         "lucide-react": "^1.17.0"
       },
@@ -6638,10 +6908,30 @@
     "page-header": {
       "description": "Expanded page header composition with breadcrumbs, metadata, description copy, action groups, responsive layout, and optional local tabs.",
       "status": "expanded",
+      "states": [
+        "default",
+        "without-icon",
+        "without-actions",
+        "without-tabs"
+      ],
+      "modes": [
+        "breadcrumbs",
+        "metadata",
+        "description",
+        "actions",
+        "tabs"
+      ],
+      "rtl": {
+        "inheritsDirection": true,
+        "layout": "Heading, metadata, owned Breadcrumbs, Button actions, and Tabs mirror through inherited direction and logical spacing.",
+        "semantics": "Every tab trigger owns a matching panel, and breadcrumb navigation receives a stable accessible label."
+      },
       "dependencies": {
         "lucide-react": "^1.17.0"
       },
       "registryDependencies": [
+        "breadcrumbs",
+        "button",
         "tabs"
       ],
       "parts": [
@@ -6710,8 +7000,32 @@
       ]
     },
     "slideout": {
-      "description": "Expanded slideout panel with desktop and mobile breakpoints, header and footer actions, slotted content, and RTL coverage.",
+      "description": "Expanded presentational slideout panel with desktop and mobile breakpoints, header and footer actions, slotted content, and RTL coverage. Use Sheet or Modal when overlay behavior is required.",
       "status": "expanded",
+      "sizes": [
+        "small",
+        "medium",
+        "large"
+      ],
+      "states": [
+        "header-action",
+        "footer-actions",
+        "without-footer",
+        "primary-only"
+      ],
+      "modes": [
+        "desktop",
+        "mobile"
+      ],
+      "rtl": {
+        "inheritsDirection": true,
+        "layout": "Header, body, and footer use logical spacing and :dir(rtl), including when direction is inherited from an ancestor.",
+        "semantics": "Slideout is a presentational region named by its title, not a modal dialog. Compose Sheet or Modal for focus trapping, Escape dismissal, portals, and focus return.",
+        "composition": "Header and footer actions use the owned Button component."
+      },
+      "registryDependencies": [
+        "button"
+      ],
       "dependencies": {
         "lucide-react": "^1.17.0"
       },
@@ -6800,6 +7114,30 @@
     "steps": {
       "description": "Expanded steps composition with horizontal and vertical progress indicators, icon markers, number markers, item alignment, and RTL layouts.",
       "status": "expanded",
+      "variants": [
+        "icon",
+        "number"
+      ],
+      "states": [
+        "complete",
+        "active",
+        "todo"
+      ],
+      "modes": [
+        "steps",
+        "progress-steps",
+        "horizontal-item",
+        "vertical-item"
+      ],
+      "orientations": [
+        "horizontal",
+        "vertical"
+      ],
+      "rtl": {
+        "inheritsDirection": true,
+        "layout": "Markers, connectors, labels, support copy, and actions follow inherited direction through :dir(rtl) and logical spacing.",
+        "composition": "Step actions compose Button, and ordered progress structures preserve their semantic list order."
+      },
       "dependencies": {
         "lucide-react": "^1.17.0"
       },
@@ -6808,6 +7146,7 @@
       ],
       "parts": [
         "HorizontalStepItem",
+        "ProgressSteps",
         "Steps",
         "VerticalStepItem"
       ],
@@ -6816,6 +7155,7 @@
           "source": "components/expanded/Steps.tsx",
           "values": [
             "HorizontalStepItem",
+            "ProgressSteps",
             "Steps",
             "VerticalStepItem"
           ]
@@ -6967,6 +7307,24 @@
     "timeline": {
       "description": "Expanded timeline composition with vertical and horizontal orientations, dates, captions, active states, finished states, item variants, and RTL layouts.",
       "status": "expanded",
+      "variants": [
+        "default",
+        "icon"
+      ],
+      "states": [
+        "finished",
+        "active",
+        "inactive"
+      ],
+      "orientations": [
+        "vertical",
+        "horizontal"
+      ],
+      "rtl": {
+        "inheritsDirection": true,
+        "layout": "Marker, connector, date, title, and caption ordering follows inherited direction through :dir(rtl) and logical padding.",
+        "keyboard": "Horizontal timelines are focusable and own local inline scrolling in narrow containers."
+      },
       "dependencies": {
         "lucide-react": "^1.17.0"
       },
@@ -7030,7 +7388,8 @@
         "--bh-text-body-sm-regular-line-height",
         "--bh-timeline-grid-width",
         "--bh-timeline-narrow-width",
-        "--bh-timeline-sidebar-width"
+        "--bh-timeline-sidebar-width",
+        "--shadow-component-focus-ring"
       ]
     }
   }