banhaten 0.3.0 → 0.4.0

package/registry/index.json

@@ -278,6 +278,7 @@
         "--bh-avatar-icon-size-sm",
         "--bh-avatar-icon-size-xl",
         "--bh-avatar-icon-size-xs",
+        "--bh-avatar-icon-slot-size",
         "--bh-avatar-radius",
         "--bh-avatar-size",
         "--bh-avatar-size-2xl",
@@ -311,6 +312,7 @@
         "--bh-content-default",
         "--bh-content-on-brand",
         "--bh-font-weight-semibold",
+        "--bh-icon-slot-size-default",
         "--bh-icon-stroke-210",
         "--bh-icon-stroke-240",
         "--bh-icon-stroke-260",
@@ -567,6 +569,8 @@
         "--bh-content-on-neutral",
         "--bh-control-default",
         "--bh-control-md",
+        "--bh-icon-size-default",
+        "--bh-icon-slot-size-default",
         "--bh-icon-stroke-200",
         "--bh-icon-stroke-225",
         "--bh-interactive-ghost-hover",
@@ -674,6 +678,8 @@
         "--bh-border-subtle",
         "--bh-content-default",
         "--bh-content-subtle",
+        "--bh-icon-size-default",
+        "--bh-icon-slot-size-default",
         "--bh-radius-2xl-12",
         "--bh-radius-full",
         "--bh-radius-lg-8",
@@ -798,6 +804,7 @@
         "--bh-button-gap-xs",
         "--bh-button-icon-offset",
         "--bh-button-icon-size",
+        "--bh-button-icon-slot-size",
         "--bh-button-label-padding-x",
         "--bh-button-lg-height",
         "--bh-button-lg-padding-x",
@@ -1231,6 +1238,7 @@
         "--bh-button-group-content-disabled",
         "--bh-button-group-divider",
         "--bh-button-group-icon-size",
+        "--bh-button-group-icon-slot-size",
         "--bh-button-group-item-active-bg",
         "--bh-button-group-item-bg",
         "--bh-button-group-item-disabled-bg",
@@ -1594,6 +1602,7 @@
         "--bh-menu-item-slot-gap",
         "--bh-menu-label-padding-x",
         "--bh-menu-leading-icon-size",
+        "--bh-menu-leading-icon-slot-size",
         "--bh-menu-padding-y",
         "--bh-menu-progress-gap",
         "--bh-menu-progress-height",
@@ -2367,8 +2376,8 @@
         "--bh-text-heading-sm-semibold-letter-spacing",
         "--bh-text-heading-sm-semibold-line-height",
         "--bh-z-overlay",
+        "--shadow-2xl",
         "--shadow-button-focus",
-        "--shadow-lg",
         "--shadow-modal"
       ]
     },
@@ -2488,7 +2497,7 @@
         "--bh-text-heading-sm-semibold-letter-spacing",
         "--bh-text-heading-sm-semibold-line-height",
         "--bh-z-overlay",
-        "--shadow-lg",
+        "--shadow-2xl",
         "--shadow-modal"
       ]
     },
@@ -2817,6 +2826,8 @@
         "--bh-content-default",
         "--bh-content-disabled",
         "--bh-content-subtle",
+        "--bh-icon-size-default",
+        "--bh-icon-slot-size-default",
         "--bh-icon-stroke-180",
         "--bh-icon-stroke-200",
         "--bh-interactive-radiobutton-default",
@@ -2986,6 +2997,7 @@
         "--bh-pagination-control-text-rtl-padding-x",
         "--bh-pagination-font-size",
         "--bh-pagination-icon-size",
+        "--bh-pagination-icon-slot-size",
         "--bh-pagination-item-size",
         "--bh-pagination-label-font-weight",
         "--bh-pagination-letter-spacing",
@@ -3136,6 +3148,7 @@
         "--bh-button-gap-xs",
         "--bh-button-icon-offset",
         "--bh-button-icon-size",
+        "--bh-button-icon-slot-size",
         "--bh-button-label-padding-x",
         "--bh-button-md-height",
         "--bh-button-md-padding-x",
@@ -3391,7 +3404,7 @@
         "leadingIcon": {
           "type": "React.ReactNode | false",
           "default": null,
-          "description": "Supplies and enables a custom leading icon; false always removes the leading slot."
+          "description": "Supplies and enables a custom 16px glyph inside the shared 20px leading slot; false always removes the slot."
         },
         "hasInformationIcon": {
           "type": "boolean",
@@ -3417,12 +3430,12 @@
         "shortcutKeys": {
           "type": "readonly string[]",
           "default": "Mod,K",
-          "description": "Renders the shortcut kind with shared Kbd keycaps. Use Mod for a platform-aware primary modifier."
+          "description": "Renders the shortcut kind as one compact platform-aware Shortcut chip. Use Mod for the primary modifier."
         },
         "shortcut": {
           "type": "React.ReactNode",
           "default": null,
-          "description": "Deprecated single-keycap escape hatch. Prefer shortcutKeys for a structured shortcut chord.",
+          "description": "Deprecated compact-chip content escape hatch. Prefer shortcutKeys for a structured platform-aware chord.",
           "deprecated": true
         }
       },
@@ -3469,7 +3482,7 @@
       ],
       "recommendedFor": [
         "Text, email, URL, number, and other native text-entry controls",
-        "Search fields when composed with an explicit search icon and shared shortcut keycaps"
+        "Search fields composed with a 16px search glyph in the shared 20px icon slot and a compact Shortcut chip"
       ],
       "avoidWhen": [
         "Calendar date or date-range selection; use DatePicker or DateRangePicker",
@@ -3519,6 +3532,7 @@
         "--bh-input-content-gap",
         "--bh-input-helper-gap",
         "--bh-input-icon-size",
+        "--bh-input-icon-slot-size",
         "--bh-input-info-icon-size",
         "--bh-input-inline-gap",
         "--bh-input-inline-tags-gap",
@@ -3715,13 +3729,14 @@
       ]
     },
     "kbd": {
-      "description": "Keyboard key and platform-aware shortcut primitives for search fields, command rows, and help text with shared tokenized surfaces.",
+      "description": "Keyboard key and platform-aware shortcut primitives: physical keycaps, separated chords, and compact combined hints for inputs and command rows.",
       "dependencies": {
         "class-variance-authority": "^0.7.1"
       },
       "parts": [
         "Kbd",
-        "KbdShortcut"
+        "KbdShortcut",
+        "Shortcut"
       ],
       "supportedExports": [
         {
@@ -3729,7 +3744,9 @@
           "values": [
             "Kbd",
             "KbdShortcut",
-            "kbdVariants"
+            "Shortcut",
+            "kbdVariants",
+            "shortcutVariants"
           ]
         }
       ],
@@ -3737,7 +3754,7 @@
         "keys": {
           "type": "readonly string[]",
           "default": null,
-          "description": "Required by KbdShortcut. Each entry renders as its own keycap; use Mod for the platform primary modifier."
+          "description": "Used by KbdShortcut and Shortcut. Use Mod for the platform primary modifier; KbdShortcut separates keys while Shortcut combines them."
         },
         "platform": {
           "type": "\"auto\" | \"mac\" | \"windows\" | \"linux\"",
@@ -3759,10 +3776,11 @@
       },
       "recommendedFor": [
         "Single keyboard keys",
-        "Multi-key shortcuts rendered as separate, consistently spaced keycaps"
+        "Multi-key shortcuts rendered as separate, consistently spaced keycaps",
+        "Compact combined shortcut hints inside inputs and constrained action rows"
       ],
       "avoidWhen": [
-        "Rendering an entire shortcut chord as one bespoke badge"
+        "Rebuilding shortcut badges locally instead of using Shortcut or KbdShortcut"
       ],
       "rtl": {
         "inheritsDirection": false,
@@ -3786,12 +3804,18 @@
         "--bh-interactive-soft-default",
         "--bh-interactive-soft-disabled",
         "--bh-radius-md-6",
+        "--bh-radius-sm-4",
+        "--bh-space-4xl-20",
         "--bh-space-5xl-24",
         "--bh-space-6xl-32",
         "--bh-space-md-8",
         "--bh-space-sm-6",
         "--bh-space-xs-4",
         "--bh-space-xxs-2",
+        "--bh-text-body-2xs-medium-font-size",
+        "--bh-text-body-2xs-medium-font-weight",
+        "--bh-text-body-2xs-medium-letter-spacing",
+        "--bh-text-body-2xs-medium-line-height",
         "--bh-text-body-xs-medium-font-size",
         "--bh-text-body-xs-medium-font-weight",
         "--bh-text-body-xs-medium-letter-spacing",
@@ -3881,6 +3905,7 @@
         "--bh-item-gap",
         "--bh-item-group-gap",
         "--bh-item-icon-size",
+        "--bh-item-icon-slot-size",
         "--bh-item-media-radius",
         "--bh-item-media-size",
         "--bh-item-min-height-lg",
@@ -4269,6 +4294,7 @@
         "--bh-content-on-color",
         "--bh-content-subtle",
         "--bh-font-weight-semibold",
+        "--bh-icon-size-default",
         "--bh-icon-stroke-200",
         "--bh-icon-stroke-220",
         "--bh-interactive-checkbox-default",
@@ -4566,22 +4592,35 @@
       ]
     },
     "sidebar": {
-      "description": "Composable app sidebar with controlled or uncontrolled collapse state, grouped menu items, logical start/end placement, RTL mirroring, and generated sidebar tokens.",
+      "description": "Figma-aligned application sidebar with 280px expanded and 48px collapsed shells, brand and workspace headers, search and actions, default/avatar/nested/tree menu variants, badges, group actions, user footers, controlled state, tooltips, logical placement, and RTL mirroring.",
       "dependencies": {
         "@radix-ui/react-slot": "^1.2.3",
         "lucide-react": "^1.17.0"
       },
+      "registryDependencies": [
+        "tooltip"
+      ],
       "parts": [
         "SidebarProvider",
         "Sidebar",
         "SidebarHeader",
+        "SidebarHeaderAction",
+        "SidebarHeaderBrand",
+        "SidebarHeaderWorkspaceSwitch",
         "SidebarBody",
         "SidebarFooter",
+        "SidebarFooterUser",
         "SidebarGroup",
+        "SidebarGroupAction",
         "SidebarGroupLabel",
         "SidebarMenu",
         "SidebarMenuItem",
+        "SidebarMenuBadge",
         "SidebarMenuButton",
+        "SidebarMenuSub",
+        "SidebarMenuSubButton",
+        "SidebarMenuTreeItem",
+        "SidebarTreeGroup",
         "SidebarToggle",
         "SidebarTrigger",
         "SidebarInset",
@@ -4594,70 +4633,224 @@
             "Sidebar",
             "SidebarBody",
             "SidebarFooter",
+            "SidebarFooterUser",
             "SidebarGroup",
+            "SidebarGroupAction",
             "SidebarGroupLabel",
             "SidebarHeader",
+            "SidebarHeaderAction",
+            "SidebarHeaderBrand",
+            "SidebarHeaderWorkspaceSwitch",
             "SidebarInset",
             "SidebarMenu",
+            "SidebarMenuBadge",
             "SidebarMenuButton",
             "SidebarMenuItem",
+            "SidebarMenuSub",
+            "SidebarMenuSubButton",
+            "SidebarMenuTreeItem",
             "SidebarProvider",
             "SidebarRail",
             "SidebarToggle",
+            "SidebarTreeGroup",
             "SidebarTrigger"
           ]
         }
       ],
+      "props": {
+        "collapsed": {
+          "type": "boolean",
+          "default": false,
+          "description": "Controls the provider-owned 280px expanded or 48px rail state. Pair with onCollapsedChange for controlled usage."
+        },
+        "defaultCollapsed": {
+          "type": "boolean",
+          "default": false,
+          "description": "Sets the initial rail state when SidebarProvider owns collapse state internally."
+        },
+        "side": {
+          "type": "\"start\" | \"end\"",
+          "default": "start",
+          "description": "Places Sidebar on the logical start or end edge and selects the matching logical border."
+        },
+        "variant": {
+          "type": "SidebarMenuButtonVariant | SidebarWorkspaceVariant | \"default\" | \"supporting-text\"",
+          "default": "part-specific",
+          "description": "Selects default/avatar/nested menu rows, action/card workspace headers, or default/supporting-text footers on the part that owns it."
+        },
+        "active": {
+          "type": "boolean",
+          "default": false,
+          "description": "Applies the selected menu or tree treatment and exposes aria-current=\"page\"."
+        },
+        "state": {
+          "type": "\"default\" | \"hover\" | \"active\" | \"focus\"",
+          "default": "default",
+          "description": "Deterministic interaction state for documentation matrices; product hover and focus remain native CSS interactions."
+        },
+        "showLine": {
+          "type": "boolean",
+          "default": false,
+          "description": "Selects the neutral/brand line-guided Level 2 treatment on SidebarMenuSubButton."
+        },
+        "level": {
+          "type": "1 | 2 | 3 | 4",
+          "default": 1,
+          "description": "Controls tokenized logical indentation for SidebarMenuTreeItem."
+        },
+        "expandable": {
+          "type": "boolean",
+          "default": false,
+          "description": "Adds a disclosure affordance to group labels or tree-group headings."
+        },
+        "asChild": {
+          "type": "boolean",
+          "default": false,
+          "description": "Renders menu, tree, or inset content through Radix Slot while preserving sidebar layout and semantics."
+        }
+      },
+      "defaults": {
+        "directions": "ltr",
+        "sides": "start",
+        "states": "default",
+        "variants": "default menu"
+      },
+      "directions": [
+        "ltr",
+        "rtl"
+      ],
+      "sides": [
+        "start",
+        "end"
+      ],
+      "states": [
+        "default",
+        "hover",
+        "active",
+        "focus",
+        "expanded",
+        "collapsed"
+      ],
+      "variants": [
+        "default menu",
+        "avatar menu",
+        "Level 2 menu",
+        "Level 2 line menu",
+        "workspace actions",
+        "workspace card",
+        "default footer",
+        "supporting-text footer"
+      ],
       "features": [
-        "standalone static surface",
+        "280px expanded and 48px collapsed shells",
         "controlled collapse",
         "uncontrolled collapse",
-        "group labels",
-        "icon-only collapsed state",
-        "logical side placement"
+        "brand header with search and collapse actions",
+        "workspace action and card headers",
+        "default, avatar, Level 2, and Level 2 line menu rows",
+        "supporting text, count badge, and trailing action slots",
+        "group labels with disclosure and icon actions",
+        "four-level tree navigation",
+        "supporting-text and bordered user footers",
+        "icon-only rail with tooltips",
+        "logical side placement and RTL mirroring"
       ],
       "tokens": [
+        "--bh-bg-brand-default",
+        "--bh-bg-default",
+        "--bh-bg-default-hover",
+        "--bh-bg-neutral-subtle",
+        "--bh-border-focus",
+        "--bh-border-subtle",
+        "--bh-border-width-default",
+        "--bh-border-width-strong",
         "--bh-content-default",
+        "--bh-content-disabled",
         "--bh-content-muted",
+        "--bh-content-on-brand",
         "--bh-content-subtle",
+        "--bh-control-sm",
         "--bh-icon-stroke-200",
+        "--bh-interactive-ghost-active",
+        "--bh-interactive-ghost-default",
         "--bh-interactive-ghost-hover",
+        "--bh-opacity-0",
+        "--bh-opacity-100",
+        "--bh-radius-full",
         "--bh-radius-lg-8",
+        "--bh-radius-md-6",
+        "--bh-sidebar-active-guide-height",
         "--bh-sidebar-bg",
         "--bh-sidebar-bg-collapsed",
         "--bh-sidebar-border",
+        "--bh-sidebar-brand-height",
+        "--bh-sidebar-compact-control-size",
+        "--bh-sidebar-header-action-size",
         "--bh-sidebar-icon-size",
+        "--bh-sidebar-icon-size-collapsed",
+        "--bh-sidebar-icon-slot-size",
         "--bh-sidebar-item-bg-active",
         "--bh-sidebar-item-bg-hover",
         "--bh-sidebar-item-content",
         "--bh-sidebar-item-content-active",
-        "--bh-sidebar-item-gap",
         "--bh-sidebar-item-height",
+        "--bh-sidebar-item-height-collapsed",
         "--bh-sidebar-item-padding-x",
+        "--bh-sidebar-level-2-indent-width",
         "--bh-sidebar-padding",
         "--bh-sidebar-rail-width",
+        "--bh-sidebar-tree-indent-step",
+        "--bh-sidebar-tree-item-height",
         "--bh-sidebar-width",
         "--bh-sidebar-width-collapsed",
+        "--bh-sidebar-workspace-card-height",
+        "--bh-sidebar-workspace-trigger-max-width",
+        "--bh-sidebar-workspace-trigger-width",
         "--bh-space-19xl-384",
+        "--bh-space-3xl-16",
+        "--bh-space-4xl-20",
         "--bh-space-5xl-24",
+        "--bh-space-6xl-32",
+        "--bh-space-8xl-48",
+        "--bh-space-lg-10",
         "--bh-space-md-8",
+        "--bh-space-sm-6",
         "--bh-space-xl-12",
         "--bh-space-xs-4",
+        "--bh-space-xxs-2",
+        "--bh-space-xxxs-1",
+        "--bh-text-body-2xs-regular-font-size",
+        "--bh-text-body-2xs-regular-font-weight",
+        "--bh-text-body-2xs-regular-letter-spacing",
+        "--bh-text-body-2xs-regular-line-height",
+        "--bh-text-body-3xs-semibold-font-size",
+        "--bh-text-body-3xs-semibold-font-weight",
+        "--bh-text-body-3xs-semibold-letter-spacing",
+        "--bh-text-body-3xs-semibold-line-height",
         "--bh-text-body-sm-medium-font-size",
         "--bh-text-body-sm-medium-font-weight",
         "--bh-text-body-sm-medium-letter-spacing",
         "--bh-text-body-sm-medium-line-height",
-        "--bh-text-body-xs-medium-font-size",
-        "--bh-text-body-xs-medium-font-weight",
-        "--bh-text-body-xs-medium-letter-spacing",
-        "--bh-text-body-xs-medium-line-height",
-        "--shadow-button-focus",
-        "--shadow-sidebar"
+        "--bh-text-body-sm-regular-font-size",
+        "--bh-text-body-sm-regular-font-weight",
+        "--bh-text-body-sm-regular-letter-spacing",
+        "--bh-text-body-sm-regular-line-height",
+        "--bh-text-body-xl-semibold-font-size",
+        "--bh-text-body-xl-semibold-font-weight",
+        "--bh-text-body-xl-semibold-letter-spacing",
+        "--bh-text-body-xl-semibold-line-height",
+        "--bh-text-body-xs-regular-font-size",
+        "--bh-text-body-xs-regular-font-weight",
+        "--bh-text-body-xs-regular-letter-spacing",
+        "--bh-text-body-xs-regular-line-height",
+        "--bh-text-body-xs-semibold-font-weight",
+        "--shadow-button-focus"
       ],
       "rtl": {
         "inheritsDirection": true,
-        "placement": "Use side=\"start\" or side=\"end\" with dir on SidebarProvider for logical placement.",
-        "spacing": "Menu item icon and label spacing uses flex gaps and logical text alignment."
+        "placement": "Use side=\"start\" or side=\"end\" with dir on SidebarProvider for logical placement and border selection.",
+        "spacing": "Headers, menu rows, nested guides, tree indentation, group actions, and footer content use logical inline spacing.",
+        "icons": "Directional collapse, disclosure, and tree chevrons mirror in RTL; semantic icons retain their orientation."
       },
       "files": [
         {
@@ -5087,6 +5280,7 @@
         "--bh-date-month-year-spacer-height",
         "--bh-date-nav-button-size",
         "--bh-date-nav-icon-size",
+        "--bh-date-nav-icon-slot-size",
         "--bh-date-picker-width",
         "--bh-date-presets-width",
         "--bh-date-range-month-width",
@@ -5100,6 +5294,7 @@
         "--bh-date-trigger-border",
         "--bh-date-trigger-height",
         "--bh-date-trigger-icon-size",
+        "--bh-date-trigger-icon-slot-size",
         "--bh-date-trigger-shadow",
         "--bh-date-trigger-width",
         "--bh-icon-stroke-180",
@@ -6090,6 +6285,7 @@
         "--bh-alert-expanded-radius",
         "--bh-alert-expanded-width",
         "--bh-alert-icon-size",
+        "--bh-alert-icon-slot-size",
         "--bh-bg-danger-subtle",
         "--bh-bg-info-subtle",
         "--bh-bg-neutral-subtle",
@@ -6205,6 +6401,8 @@
         "--bh-font-family",
         "--bh-font-weight-regular",
         "--bh-font-weight-semibold",
+        "--bh-icon-size-default",
+        "--bh-icon-slot-size-default",
         "--bh-icon-stroke-210",
         "--bh-icon-stroke-225",
         "--bh-input-width",
@@ -6212,7 +6410,6 @@
         "--bh-space-17xl-288",
         "--bh-space-19xl-384",
         "--bh-space-3xl-16",
-        "--bh-space-4xl-20",
         "--bh-space-8xl-48",
         "--bh-space-lg-10",
         "--bh-space-md-8",
@@ -6230,7 +6427,7 @@
         "--bh-text-body-md-medium-font-weight",
         "--bh-text-body-md-medium-letter-spacing",
         "--bh-text-body-md-medium-line-height",
-        "--shadow-md"
+        "--shadow-xl"
       ]
     },
     "catalog-components": {
@@ -6410,6 +6607,8 @@
         "--bh-focus-ring-width",
         "--bh-font-family",
         "--bh-font-weight-medium",
+        "--bh-icon-size-default",
+        "--bh-icon-slot-size-default",
         "--bh-icon-stroke-190",
         "--bh-icon-stroke-200",
         "--bh-icon-stroke-225",
@@ -6417,7 +6616,6 @@
         "--bh-radius-lg-8",
         "--bh-radius-sm-4",
         "--bh-space-3xl-16",
-        "--bh-space-4xl-20",
         "--bh-space-6xl-32",
         "--bh-space-md-8",
         "--bh-space-xl-12",
@@ -6536,6 +6734,7 @@
         "--bh-font-weight-medium",
         "--bh-font-weight-regular",
         "--bh-font-weight-semibold",
+        "--bh-icon-size-default",
         "--bh-icon-stroke-200",
         "--bh-icon-stroke-220",
         "--bh-radius-2xl-12",
@@ -6574,7 +6773,7 @@
         "--bh-text-body-xs-regular-line-height",
         "--bh-underline-offset-default",
         "--shadow-component-default",
-        "--shadow-xs"
+        "--shadow-sm"
       ]
     },
     "table": {
@@ -6707,6 +6906,8 @@
         "--bh-focus-ring-width",
         "--bh-font-family",
         "--bh-font-weight-semibold",
+        "--bh-icon-size-default",
+        "--bh-icon-slot-size-default",
         "--bh-icon-stroke-190",
         "--bh-icon-stroke-225",
         "--bh-input-width",
@@ -6887,10 +7088,11 @@
         "--bh-content-success-default",
         "--bh-control-default",
         "--bh-font-family",
+        "--bh-icon-size-default",
+        "--bh-icon-slot-size-default",
         "--bh-icon-stroke-225",
         "--bh-space-17xl-288",
         "--bh-space-2xl-14",
-        "--bh-space-4xl-20",
         "--bh-space-5xl-24",
         "--bh-space-7xl-40",
         "--bh-space-lg-10",