@adea-ai/ui 0.101.0 → 0.102.0

package/dist/components/ui/navigation-menu/navigation-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation-menu/navigation-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AACpE,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAKtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,GAAG;IACpF,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAsBxD;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,eAE1F;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,eAuBhG;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,eA4BhG;AAED;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,QAAQ,CAAC,eAiB7D;AAED;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,GAAG;IACxF,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sBAAsB;IACtB,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eAoBhE;AAED,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,eAS9D;AAED,wDAAwD;AACxD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,eAa/D;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,eAG5F"}
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation-menu/navigation-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AACpE,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAYtE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAEH,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,GAAG;IACpF,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAsBxD;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,eAE1F;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,eAuBhG;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,eAgChG;AAED;;;;;;;;;GASG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,QAAQ,CAAC,eAiB7D;AAED;;;;GAIG;AACH,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,GAAG;IACxF,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,sBAAsB;IACtB,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,eA8BhE;AAED,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,eAI9D;AAED,wDAAwD;AACxD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,eAI/D;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,eAG5F"}

package/dist/components/ui/navigation-menu/navigation-menu.js

@@ -1,12 +1,12 @@
 import { cn } from "../../../lib/utils.js";
-import { menuItem, overlayMotion, overlaySurface } from "../../../lib/overlay.js";
-import { createComponent, insert, memo, mergeProps, template } from "solid-js/web";
+import { menuItem, menuLabel, menuSeparator, overlayMotion, overlaySurface } from "../../../lib/overlay.js";
+import { className, createComponent, effect, insert, memo, mergeProps, template } from "solid-js/web";
 import { ChevronDown } from "lucide-solid";
 import { splitProps } from "solid-js";
 import * as KobalteNavigationMenu from "@kobalte/core/navigation-menu";
 //#region src/components/ui/navigation-menu/navigation-menu.tsx
 var _tmpl$ = /*#__PURE__*/ template(`<span class=font-medium>`);
-var _tmpl$2 = /*#__PURE__*/ template(`<span class="col-start-2 text-xs text-muted-foreground">`);
+var _tmpl$2 = /*#__PURE__*/ template(`<span>`);
 function NavigationMenu(props) {
 	const [local, rest] = splitProps(props, [
 		"label",
@@ -46,7 +46,7 @@ function NavigationMenuContent(props) {
 	const [local, rest] = splitProps(props, ["class", "children"]);
 	return createComponent(KobalteNavigationMenu.Portal, { get children() {
 		return createComponent(KobalteNavigationMenu.Content, mergeProps({ get ["class"]() {
-			return cn("absolute top-0 left-0 grid w-max gap-1 p-2 outline-none", overlayMotion, "data-[wide]:grid-cols-2", local.class);
+			return cn("absolute top-0 left-0 grid w-max gap-1 outline-none", "p-1", overlayMotion, "data-[wide]:grid-cols-2", local.class);
 		} }, rest, { get children() {
 			return local.children;
 		} }));
@@ -79,7 +79,7 @@ function NavigationMenuItem(props) {
 		"icon"
 	]);
 	return createComponent(KobalteNavigationMenu.Item, mergeProps({ get ["class"]() {
-		return cn(menuItem, "grid grid-cols-[auto_1fr] items-center gap-x-2 gap-y-0.5", local.description && "grid-rows-[auto_auto] py-2", local.class);
+		return cn(menuItem, local.icon ? "grid grid-cols-[auto_1fr]" : "grid grid-cols-1", "items-center gap-x-2 gap-y-0.5", local.description && "grid-rows-[auto_auto] py-2", local.class);
 	} }, rest, { get children() {
 		return [
 			memo(() => local.icon),
@@ -91,6 +91,7 @@ function NavigationMenuItem(props) {
 			memo(() => memo(() => !!local.description)() && (() => {
 				var _el$2 = _tmpl$2();
 				insert(_el$2, () => local.description);
+				effect(() => className(_el$2, cn("text-xs text-muted-foreground", { "col-start-2": !!local.icon })));
 				return _el$2;
 			})())
 		];
@@ -99,14 +100,14 @@ function NavigationMenuItem(props) {
 function NavigationMenuSeparator(props) {
 	const [local, rest] = splitProps(props, ["class"]);
 	return createComponent(KobalteNavigationMenu.Separator, mergeProps({ get ["class"]() {
-		return cn("-mx-1 my-1 h-px bg-border", local.class);
+		return cn(menuSeparator, local.class);
 	} }, rest));
 }
 /** A non-interactive caption above a group of items. */
 function NavigationMenuGroupLabel(props) {
 	const [local, rest] = splitProps(props, ["class"]);
 	return createComponent(KobalteNavigationMenu.GroupLabel, mergeProps({ get ["class"]() {
-		return cn("p-1", "text-2xs font-semibold text-muted-foreground uppercase", local.class);
+		return cn(menuLabel, local.class);
 	} }, rest));
 }
 function NavigationMenuGroup(props) {

package/dist/components/ui/navigation-menu/navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.js","names":["splitProps","ComponentProps","JSX","KobalteNavigationMenu","ChevronDown","cn","menuContentPadding","menuItem","overlayMotion","overlaySurface","NavigationMenuProps","Root","label","NavigationMenu","props","local","rest","_$createComponent","_$mergeProps","class","aria-label","children","_$memo","NavigationMenuViewport","NavigationMenuMenu","Menu","NavigationMenuTrigger","Trigger","NavigationMenuContent","Content","Portal","Viewport","NavigationMenuItemProps","Item","description","icon","Element","NavigationMenuItem","_el$","_tmpl$","_$insert","_el$2","_tmpl$2","NavigationMenuSeparator","Separator","NavigationMenuGroupLabel","GroupLabel","NavigationMenuGroup","Group","_$createComponent","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/navigation-menu/navigation-menu.tsx"],"sourcesContent":["import { splitProps, type ComponentProps, type JSX } from 'solid-js'\nimport * as KobalteNavigationMenu from '@kobalte/core/navigation-menu'\nimport { ChevronDown } from 'lucide-solid'\nimport { cn } from '#lib/utils'\nimport { menuContentPadding, menuItem, overlayMotion, overlaySurface } from '#lib/overlay'\n\n/**\n * NavigationMenu.\n *\n * A site-style menu bar: top-level triggers that open panels of links. It is the\n * header pattern — a documentation site, a marketing page, an application with\n * several top-level destinations — and it is deliberately *not* a `Menubar`.\n * `Menubar` is a row of application menus (File, Edit, View) whose items are\n * commands; this is a row of destinations whose panels are links. The two have\n * different roles, different keyboard models, and different semantics.\n *\n * ## Composition\n *\n * Kobalte's primitive has an unusual shape, and getting it wrong is why this took\n * three attempts to port. The structure is:\n *\n * ```tsx\n * <NavigationMenu>\n *   <NavigationMenuMenu>\n *     <NavigationMenuTrigger>Destinations</NavigationMenuTrigger>\n *     <NavigationMenuContent>\n *       <NavigationMenuItem href=\"/x\">X</NavigationMenuItem>\n *     </NavigationMenuContent>\n *   </NavigationMenuMenu>\n *   <NavigationMenuViewport />\n * </NavigationMenu>\n * ```\n *\n * Three facts that are not obvious from the prop types:\n *\n * - `Menu` renders **nothing**. It is a context provider — one per top-level\n *   entry, naming it so the bar's arrow keys can move between entries. A menu\n *   without one cannot be reached by keyboard.\n * - `Trigger` renders `<li role=\"presentation\"><button>`. It is already the list\n *   item, so wrapping it in your own `<li>` produces a `<ul>` inside a `<ul>`.\n * - `Content` must be a direct child of `Menu`, and the `Viewport` is a **sibling\n *   of the menus** — not inside them. All the panels share one viewport, which is\n *   what lets the bar animate between them instead of each panel popping in place.\n * - The viewport is an empty surface. Each `Content` reaches it through Kobalte's\n *   `Portal`, which mounts the panel inside the viewport while keeping it in its\n *   own `Menu`'s context. A `Content` rendered anywhere else — the viewport's own\n *   children included — has no `Menu` above it, and Kobalte throws\n *   `useMenuRootContext must be used within a MenuRoot` the moment a panel opens.\n *\n * The wrapper enforces the last two by rendering the `Viewport` itself and by\n * portalling every `NavigationMenuContent`, so a caller cannot forget either and\n * get a menu whose panels never appear.\n */\n\nexport type NavigationMenuProps = ComponentProps<typeof KobalteNavigationMenu.Root> & {\n  /** The accessible name for the navigation landmark. */\n  label?: string\n}\n\nexport function NavigationMenu(props: NavigationMenuProps) {\n  const [local, rest] = splitProps(props, ['label', 'class', 'children'])\n\n  return (\n    <KobalteNavigationMenu.Root\n      class={cn(\n        'relative flex max-w-max flex-1 items-center justify-center',\n        '[&>nav>ul]:flex [&>nav>ul]:items-center [&>nav>ul]:gap-1',\n        local.class\n      )}\n      aria-label={local.label ?? 'Main'}\n      {...rest}\n    >\n      {local.children}\n      {/*\n        The shared panel surface. Rendered here rather than left to the caller:\n        every panel animates through this one element, and a menu bar without it\n        opens panels that never paint.\n      */}\n      <NavigationMenuViewport />\n    </KobalteNavigationMenu.Root>\n  )\n}\n\n/**\n * One top-level entry. Renders nothing itself — see the note above — and exists\n * so a caller cannot build a bar whose entries the keyboard cannot reach.\n */\nexport function NavigationMenuMenu(props: ComponentProps<typeof KobalteNavigationMenu.Menu>) {\n  return <KobalteNavigationMenu.Menu {...props} />\n}\n\nexport function NavigationMenuTrigger(props: ComponentProps<typeof KobalteNavigationMenu.Trigger>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteNavigationMenu.Trigger\n      class={cn(\n        'inline-flex items-center gap-1 rounded-md px-3 py-1.5 text-sm font-medium text-muted-foreground',\n        'transition-colors ease-out outline-none select-none',\n        'hover:bg-muted hover:text-foreground',\n        'data-[expanded]:bg-muted data-[expanded]:text-foreground',\n        'data-[highlighted]:bg-muted data-[highlighted]:text-foreground',\n        'focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n      <ChevronDown\n        aria-hidden=\"true\"\n        class=\"size-3.5 transition-transform duration-200 ease-out [[data-expanded]_&]:rotate-180\"\n      />\n    </KobalteNavigationMenu.Trigger>\n  )\n}\n\nexport function NavigationMenuContent(props: ComponentProps<typeof KobalteNavigationMenu.Content>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteNavigationMenu.Portal>\n      <KobalteNavigationMenu.Content\n        class={cn(\n          // Absolute so the viewport sizes to the active panel's measured box and\n          // animates between panels, rather than stacking them.\n          'absolute top-0 left-0 grid w-max gap-1 p-2 outline-none',\n          // The motion is the panel's, not the viewport's. Kobalte keeps an\n          // outgoing panel mounted until the viewport's own animation ends; a\n          // viewport that carries an entrance animation never fires that again\n          // after it opens, so the previous panel would stay painted under the\n          // next one.\n          overlayMotion,\n          // A two-column panel is the shape most menu bars want, and it is opt-in\n          // through this hook rather than a prop because the column count is a\n          // layout decision the caller's content makes.\n          'data-[wide]:grid-cols-2',\n          local.class\n        )}\n        {...rest}\n      >\n        {local.children}\n      </KobalteNavigationMenu.Content>\n    </KobalteNavigationMenu.Portal>\n  )\n}\n\n/**\n * The shared panel surface. One per menu bar, and the wrapper supplies it — but\n * exported so a caller with an unusual layout can place it themselves.\n *\n * It renders no children: the panels arrive through each `NavigationMenuContent`'s\n * portal. Kobalte positions it under the bar and publishes the active panel's size\n * as `--kb-navigation-menu-viewport-*`, which the surface animates between.\n * `box-content` keeps the border outside that measured size so a panel is never\n * clipped by its own frame.\n */\nexport function NavigationMenuViewport(\n  props: ComponentProps<typeof KobalteNavigationMenu.Viewport>\n) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <KobalteNavigationMenu.Viewport\n      data-slot=\"navigation-menu-viewport\"\n      class={cn(\n        overlaySurface,\n        'isolate z-(--z-menu) mt-1.5 box-content list-none overflow-hidden',\n        'h-(--kb-navigation-menu-viewport-height) w-(--kb-navigation-menu-viewport-width)',\n        'origin-(--kb-menu-content-transform-origin) transition-[width,height] duration-200 ease-out',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/**\n * A link inside a panel. `href` is the point of the component, so it is a link\n * rather than a button — and the accessible name comes from its text, which is\n * why there is no `aria-label` here.\n */\nexport type NavigationMenuItemProps = ComponentProps<typeof KobalteNavigationMenu.Item> & {\n  /** A one-line description, shown under the label. */\n  description?: string\n  /** A leading icon. */\n  icon?: JSX.Element\n}\n\nexport function NavigationMenuItem(props: NavigationMenuItemProps) {\n  const [local, rest] = splitProps(props, ['class', 'children', 'description', 'icon'])\n\n  return (\n    <KobalteNavigationMenu.Item\n      class={cn(\n        menuItem,\n        'grid grid-cols-[auto_1fr] items-center gap-x-2 gap-y-0.5',\n        local.description && 'grid-rows-[auto_auto] py-2',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.icon}\n      <span class=\"font-medium\">{local.children}</span>\n      {local.description && (\n        <span class=\"col-start-2 text-xs text-muted-foreground\">{local.description}</span>\n      )}\n    </KobalteNavigationMenu.Item>\n  )\n}\n\nexport function NavigationMenuSeparator(\n  props: ComponentProps<typeof KobalteNavigationMenu.Separator>\n) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteNavigationMenu.Separator\n      class={cn('-mx-1 my-1 h-px bg-border', local.class)}\n      {...rest}\n    />\n  )\n}\n\n/** A non-interactive caption above a group of items. */\nexport function NavigationMenuGroupLabel(\n  props: ComponentProps<typeof KobalteNavigationMenu.GroupLabel>\n) {\n  const [local, rest] = splitProps(props, ['class'])\n  return (\n    <KobalteNavigationMenu.GroupLabel\n      class={cn(\n        menuContentPadding,\n        'text-2xs font-semibold text-muted-foreground uppercase',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function NavigationMenuGroup(props: ComponentProps<typeof KobalteNavigationMenu.Group>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteNavigationMenu.Group class={cn('grid gap-0.5', local.class)} {...rest} />\n}\n"],"mappings":"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"}
+{"version":3,"file":"navigation-menu.js","names":["splitProps","ComponentProps","JSX","KobalteNavigationMenu","ChevronDown","cn","menuContentPadding","menuItem","menuLabel","menuSeparator","overlayMotion","overlaySurface","NavigationMenuProps","Root","label","NavigationMenu","props","local","rest","_$createComponent","_$mergeProps","class","aria-label","children","_$memo","NavigationMenuViewport","NavigationMenuMenu","Menu","NavigationMenuTrigger","Trigger","NavigationMenuContent","Content","Portal","Viewport","NavigationMenuItemProps","Item","description","icon","Element","NavigationMenuItem","_el$","_tmpl$","_$insert","_el$2","_tmpl$2","_$effect","_$className","NavigationMenuSeparator","Separator","NavigationMenuGroupLabel","GroupLabel","NavigationMenuGroup","Group","_$createComponent","_$mergeProps","_$memo","_$className"],"sources":["../../../../src/components/ui/navigation-menu/navigation-menu.tsx"],"sourcesContent":["import { splitProps, type ComponentProps, type JSX } from 'solid-js'\nimport * as KobalteNavigationMenu from '@kobalte/core/navigation-menu'\nimport { ChevronDown } from 'lucide-solid'\nimport { cn } from '#lib/utils'\nimport {\n  menuContentPadding,\n  menuItem,\n  menuLabel,\n  menuSeparator,\n  overlayMotion,\n  overlaySurface,\n} from '#lib/overlay'\n\n/**\n * NavigationMenu.\n *\n * A site-style menu bar: top-level triggers that open panels of links. It is the\n * header pattern — a documentation site, a marketing page, an application with\n * several top-level destinations — and it is deliberately *not* a `Menubar`.\n * `Menubar` is a row of application menus (File, Edit, View) whose items are\n * commands; this is a row of destinations whose panels are links. The two have\n * different roles, different keyboard models, and different semantics.\n *\n * ## Composition\n *\n * Kobalte's primitive has an unusual shape, and getting it wrong is why this took\n * three attempts to port. The structure is:\n *\n * ```tsx\n * <NavigationMenu>\n *   <NavigationMenuMenu>\n *     <NavigationMenuTrigger>Destinations</NavigationMenuTrigger>\n *     <NavigationMenuContent>\n *       <NavigationMenuItem href=\"/x\">X</NavigationMenuItem>\n *     </NavigationMenuContent>\n *   </NavigationMenuMenu>\n *   <NavigationMenuViewport />\n * </NavigationMenu>\n * ```\n *\n * Three facts that are not obvious from the prop types:\n *\n * - `Menu` renders **nothing**. It is a context provider — one per top-level\n *   entry, naming it so the bar's arrow keys can move between entries. A menu\n *   without one cannot be reached by keyboard.\n * - `Trigger` renders `<li role=\"presentation\"><button>`. It is already the list\n *   item, so wrapping it in your own `<li>` produces a `<ul>` inside a `<ul>`.\n * - `Content` must be a direct child of `Menu`, and the `Viewport` is a **sibling\n *   of the menus** — not inside them. All the panels share one viewport, which is\n *   what lets the bar animate between them instead of each panel popping in place.\n * - The viewport is an empty surface. Each `Content` reaches it through Kobalte's\n *   `Portal`, which mounts the panel inside the viewport while keeping it in its\n *   own `Menu`'s context. A `Content` rendered anywhere else — the viewport's own\n *   children included — has no `Menu` above it, and Kobalte throws\n *   `useMenuRootContext must be used within a MenuRoot` the moment a panel opens.\n *\n * The wrapper enforces the last two by rendering the `Viewport` itself and by\n * portalling every `NavigationMenuContent`, so a caller cannot forget either and\n * get a menu whose panels never appear.\n */\n\nexport type NavigationMenuProps = ComponentProps<typeof KobalteNavigationMenu.Root> & {\n  /** The accessible name for the navigation landmark. */\n  label?: string\n}\n\nexport function NavigationMenu(props: NavigationMenuProps) {\n  const [local, rest] = splitProps(props, ['label', 'class', 'children'])\n\n  return (\n    <KobalteNavigationMenu.Root\n      class={cn(\n        'relative flex max-w-max flex-1 items-center justify-center',\n        '[&>nav>ul]:flex [&>nav>ul]:items-center [&>nav>ul]:gap-1',\n        local.class\n      )}\n      aria-label={local.label ?? 'Main'}\n      {...rest}\n    >\n      {local.children}\n      {/*\n        The shared panel surface. Rendered here rather than left to the caller:\n        every panel animates through this one element, and a menu bar without it\n        opens panels that never paint.\n      */}\n      <NavigationMenuViewport />\n    </KobalteNavigationMenu.Root>\n  )\n}\n\n/**\n * One top-level entry. Renders nothing itself — see the note above — and exists\n * so a caller cannot build a bar whose entries the keyboard cannot reach.\n */\nexport function NavigationMenuMenu(props: ComponentProps<typeof KobalteNavigationMenu.Menu>) {\n  return <KobalteNavigationMenu.Menu {...props} />\n}\n\nexport function NavigationMenuTrigger(props: ComponentProps<typeof KobalteNavigationMenu.Trigger>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteNavigationMenu.Trigger\n      class={cn(\n        'inline-flex items-center gap-1 rounded-md px-3 py-1.5 text-sm font-medium text-muted-foreground',\n        'transition-colors ease-out outline-none select-none',\n        'hover:bg-muted hover:text-foreground',\n        'data-[expanded]:bg-muted data-[expanded]:text-foreground',\n        'data-[highlighted]:bg-muted data-[highlighted]:text-foreground',\n        'focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.children}\n      <ChevronDown\n        aria-hidden=\"true\"\n        class=\"size-3.5 transition-transform duration-200 ease-out [[data-expanded]_&]:rotate-180\"\n      />\n    </KobalteNavigationMenu.Trigger>\n  )\n}\n\nexport function NavigationMenuContent(props: ComponentProps<typeof KobalteNavigationMenu.Content>) {\n  const [local, rest] = splitProps(props, ['class', 'children'])\n\n  return (\n    <KobalteNavigationMenu.Portal>\n      <KobalteNavigationMenu.Content\n        class={cn(\n          // Absolute so the viewport sizes to the active panel's measured box and\n          // animates between panels, rather than stacking them.\n          'absolute top-0 left-0 grid w-max gap-1 outline-none',\n          // The viewport is the surface and carries no padding of its own (its\n          // measured size is the panel's), so the panel supplies the inset every\n          // menu surface shares — the one the separator's bleed is cut for.\n          menuContentPadding,\n          // The motion is the panel's, not the viewport's. Kobalte keeps an\n          // outgoing panel mounted until the viewport's own animation ends; a\n          // viewport that carries an entrance animation never fires that again\n          // after it opens, so the previous panel would stay painted under the\n          // next one.\n          overlayMotion,\n          // A two-column panel is the shape most menu bars want, and it is opt-in\n          // through this hook rather than a prop because the column count is a\n          // layout decision the caller's content makes.\n          'data-[wide]:grid-cols-2',\n          local.class\n        )}\n        {...rest}\n      >\n        {local.children}\n      </KobalteNavigationMenu.Content>\n    </KobalteNavigationMenu.Portal>\n  )\n}\n\n/**\n * The shared panel surface. One per menu bar, and the wrapper supplies it — but\n * exported so a caller with an unusual layout can place it themselves.\n *\n * It renders no children: the panels arrive through each `NavigationMenuContent`'s\n * portal. Kobalte positions it under the bar and publishes the active panel's size\n * as `--kb-navigation-menu-viewport-*`, which the surface animates between.\n * `box-content` keeps the border outside that measured size so a panel is never\n * clipped by its own frame.\n */\nexport function NavigationMenuViewport(\n  props: ComponentProps<typeof KobalteNavigationMenu.Viewport>\n) {\n  const [local, rest] = splitProps(props, ['class'])\n\n  return (\n    <KobalteNavigationMenu.Viewport\n      data-slot=\"navigation-menu-viewport\"\n      class={cn(\n        overlaySurface,\n        'isolate z-(--z-menu) mt-1.5 box-content list-none overflow-hidden',\n        'h-(--kb-navigation-menu-viewport-height) w-(--kb-navigation-menu-viewport-width)',\n        'origin-(--kb-menu-content-transform-origin) transition-[width,height] duration-200 ease-out',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\n/**\n * A link inside a panel. `href` is the point of the component, so it is a link\n * rather than a button — and the accessible name comes from its text, which is\n * why there is no `aria-label` here.\n */\nexport type NavigationMenuItemProps = ComponentProps<typeof KobalteNavigationMenu.Item> & {\n  /** A one-line description, shown under the label. */\n  description?: string\n  /** A leading icon. */\n  icon?: JSX.Element\n}\n\nexport function NavigationMenuItem(props: NavigationMenuItemProps) {\n  const [local, rest] = splitProps(props, ['class', 'children', 'description', 'icon'])\n\n  return (\n    <KobalteNavigationMenu.Item\n      class={cn(\n        menuItem,\n        // The description sits under the label, in the label's column. Without\n        // an icon there is no leading column, and a two-column grid would set\n        // the description beside the label instead of beneath it.\n        local.icon ? 'grid grid-cols-[auto_1fr]' : 'grid grid-cols-1',\n        'items-center gap-x-2 gap-y-0.5',\n        local.description && 'grid-rows-[auto_auto] py-2',\n        local.class\n      )}\n      {...rest}\n    >\n      {local.icon}\n      <span class=\"font-medium\">{local.children}</span>\n      {local.description && (\n        <span\n          class={cn('text-xs text-muted-foreground', {\n            'col-start-2': !!local.icon,\n          })}\n        >\n          {local.description}\n        </span>\n      )}\n    </KobalteNavigationMenu.Item>\n  )\n}\n\nexport function NavigationMenuSeparator(\n  props: ComponentProps<typeof KobalteNavigationMenu.Separator>\n) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteNavigationMenu.Separator class={cn(menuSeparator, local.class)} {...rest} />\n}\n\n/** A non-interactive caption above a group of items. */\nexport function NavigationMenuGroupLabel(\n  props: ComponentProps<typeof KobalteNavigationMenu.GroupLabel>\n) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteNavigationMenu.GroupLabel class={cn(menuLabel, local.class)} {...rest} />\n}\n\nexport function NavigationMenuGroup(props: ComponentProps<typeof KobalteNavigationMenu.Group>) {\n  const [local, rest] = splitProps(props, ['class'])\n  return <KobalteNavigationMenu.Group class={cn('grid gap-0.5', local.class)} {...rest} />\n}\n"],"mappings":"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"}

package/dist/components/ui/tabs/tabs.d.ts

@@ -24,6 +24,19 @@ export declare function TabsList(props: TabsListProps): import("solid-js").JSX.E
 export type TabsTriggerProps = ComponentProps<typeof KobalteTabs.Trigger> & {
     appearance?: 'underline' | 'segmented';
 };
+/**
+ * The underline appearance marks the selected trigger on the edge it shares
+ * with the list's axis. A horizontal row reads left to right along a baseline,
+ * so the mark is a bottom bar sitting on the list's rule. A vertical list stacks
+ * its triggers, and a bottom bar there underlines one row of a column — it reads
+ * as a divider, not a selection — so the mark moves to the inline-start edge,
+ * the leading bar a side navigation uses, and the label aligns to that edge.
+ *
+ * The orientation is read from the root rather than from a `data-orientation`
+ * selector so the vertical classes are unprefixed: a composite that replaces the
+ * mark (SettingsNavigation's filled row passes `border-0`) then overrides it
+ * through the ordinary class merge instead of fighting a variant-scoped border.
+ */
 export declare function TabsTrigger(props: TabsTriggerProps): import("solid-js").JSX.Element;
 export declare function TabsContent(props: ComponentProps<typeof KobalteTabs.Content>): import("solid-js").JSX.Element;
 //# sourceMappingURL=tabs.d.ts.map

package/dist/components/ui/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,KAAK,EAAY,cAAc,EAAE,MAAM,UAAU,CAAA;AA2BxD;;;;;;;;;GASG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,kCAiC7D;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG;IACpE,UAAU,CAAC,EAAE,WAAW,GAAG,WAAW,CAAA;CACvC,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,kCAgB5C;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,GAAG;IAC1E,UAAU,CAAC,EAAE,WAAW,GAAG,WAAW,CAAA;CACvC,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCA+BlD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,kCAc5E"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACxD,OAAO,KAAK,EAAY,cAAc,EAAE,MAAM,UAAU,CAAA;AA4BxD;;;;;;;;;GASG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,kCAkC7D;AAED,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,GAAG;IACpE,UAAU,CAAC,EAAE,WAAW,GAAG,WAAW,CAAA;CACvC,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,kCAgB5C;AAED,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,GAAG;IAC1E,UAAU,CAAC,EAAE,WAAW,GAAG,WAAW,CAAA;CACvC,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kCAiClD;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,kCAc5E"}

package/dist/components/ui/tabs/tabs.js

@@ -26,6 +26,7 @@ function Tabs$1(props) {
 	const [triggerIds, setTriggerIds] = createSignal(/* @__PURE__ */ new Map());
 	const tabs = {
 		id,
+		orientation: () => rest.orientation ?? "horizontal",
 		triggerIds,
 		registerTriggerId: (value, triggerId) => {
 			setTriggerIds((current) => new Map(current).set(value, triggerId));
@@ -65,6 +66,19 @@ function TabsList(props) {
 		return cn("inline-flex w-fit shrink-0 items-center justify-center", local.appearance === "segmented" ? "gap-0.5 rounded-lg bg-surface-hover p-0.5" : "gap-1 rounded-none border-b border-border data-[orientation=vertical]:border-b-0", "data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", local.class);
 	} }, rest));
 }
+/**
+* The underline appearance marks the selected trigger on the edge it shares
+* with the list's axis. A horizontal row reads left to right along a baseline,
+* so the mark is a bottom bar sitting on the list's rule. A vertical list stacks
+* its triggers, and a bottom bar there underlines one row of a column — it reads
+* as a divider, not a selection — so the mark moves to the inline-start edge,
+* the leading bar a side navigation uses, and the label aligns to that edge.
+*
+* The orientation is read from the root rather than from a `data-orientation`
+* selector so the vertical classes are unprefixed: a composite that replaces the
+* mark (SettingsNavigation's filled row passes `border-0`) then overrides it
+* through the ordinary class merge instead of fighting a variant-scoped border.
+*/
 function TabsTrigger(props) {
 	const [local, rest] = splitProps(props, [
 		"class",
@@ -84,7 +98,7 @@ function TabsTrigger(props) {
 			return triggerId();
 		},
 		get ["class"]() {
-			return cn("inline-flex shrink-0 items-center justify-center gap-1.5 whitespace-nowrap text-sm font-medium", "transition-colors ease-out outline-none select-none", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle", "disabled:pointer-events-none disabled:opacity-50", "text-foreground", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4", local.appearance === "segmented" ? "h-control-sm rounded-md px-control-sm data-[selected]:bg-card data-[selected]:shadow-xs" : "h-control-md -mb-px rounded-none border-b-2 border-transparent px-2 pb-2 data-[selected]:border-primary", local.class);
+			return cn("inline-flex shrink-0 items-center justify-center gap-1.5 whitespace-nowrap text-sm font-medium", "transition-colors ease-out outline-none select-none", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle", "disabled:pointer-events-none disabled:opacity-50", "text-foreground", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4", local.appearance === "segmented" ? "h-control-sm rounded-md px-control-sm data-[selected]:bg-card data-[selected]:shadow-xs" : tabs.orientation() === "vertical" ? "h-control-md justify-start rounded-none border-s-2 border-transparent ps-3 pe-2 data-[selected]:border-primary" : "h-control-md -mb-px rounded-none border-b-2 border-transparent px-2 pb-2 data-[selected]:border-primary", local.class);
 		}
 	}, rest));
 }

package/dist/components/ui/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["Tabs","KobalteTabs","Accessor","ComponentProps","createContext","createRenderEffect","createSignal","createUniqueId","onCleanup","splitProps","useContext","cn","TabsIdContextValue","id","triggerIds","ReadonlyMap","registerTriggerId","value","unregisterTriggerId","TabsIdContext","useTabsId","tabs","Error","props","local","rest","generatedId","setTriggerIds","Map","triggerId","current","set","get","next","delete","_$createComponent","Provider","children","_$mergeProps","class","TabsListProps","List","appearance","TabsList","TabsTriggerProps","Trigger","TabsTrigger","TabsContent","Content","aria-labelledby","Tabs","_$createComponent","KobalteTabs","_$mergeProps"],"sources":["../../../../src/components/ui/tabs/tabs.tsx"],"sourcesContent":["import { Tabs as KobalteTabs } from '@kobalte/core/tabs'\nimport type { Accessor, ComponentProps } from 'solid-js'\nimport {\n  createContext,\n  createRenderEffect,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  splitProps,\n  useContext,\n} from 'solid-js'\nimport { cn } from '#lib/utils'\n\ntype TabsIdContextValue = {\n  id: Accessor<string>\n  triggerIds: Accessor<ReadonlyMap<string, string>>\n  registerTriggerId: (value: string, id: string) => void\n  unregisterTriggerId: (value: string, id: string) => void\n}\n\nconst TabsIdContext = createContext<TabsIdContextValue>()\n\nfunction useTabsId() {\n  const tabs = useContext(TabsIdContext)\n  if (!tabs) throw new Error('[adea-ui]: Tabs parts must be used within Tabs.')\n  return tabs\n}\n\n/**\n * Tabs.\n *\n * For switching between sibling views of the *same* subject — a file's code,\n * diff and history. Not for moving between pages: a tab is expected to keep\n * its panel and its scroll position, which a route does not.\n *\n * `appearance=\"segmented\"` gives the joined bar KiroCrew uses inside a pane\n * where a full-width underline would collide with the panel's own header rule.\n */\nexport function Tabs(props: ComponentProps<typeof KobalteTabs>) {\n  const [local, rest] = splitProps(props, ['class', 'id'])\n  const generatedId = `tabs-${createUniqueId()}`\n  const id = () => local.id ?? generatedId\n  const [triggerIds, setTriggerIds] = createSignal<ReadonlyMap<string, string>>(new Map())\n  const tabs: TabsIdContextValue = {\n    id,\n    triggerIds,\n    registerTriggerId: (value, triggerId) => {\n      setTriggerIds((current) => new Map(current).set(value, triggerId))\n    },\n    unregisterTriggerId: (value, triggerId) => {\n      setTriggerIds((current) => {\n        if (current.get(value) !== triggerId) return current\n        const next = new Map(current)\n        next.delete(value)\n        return next\n      })\n    },\n  }\n\n  return (\n    <TabsIdContext.Provider value={tabs}>\n      <KobalteTabs\n        id={id()}\n        class={cn(\n          'flex min-h-0 min-w-0 flex-col gap-2 data-[orientation=vertical]:flex-row',\n          local.class\n        )}\n        {...rest}\n      />\n    </TabsIdContext.Provider>\n  )\n}\n\nexport type TabsListProps = ComponentProps<typeof KobalteTabs.List> & {\n  appearance?: 'underline' | 'segmented'\n}\n\n/**\n * The underline appearance's rule is the baseline a horizontal row of tabs sits\n * on. A vertical list has no baseline — its triggers stack — so the rule is\n * dropped there; otherwise it draws as a stray line under the last trigger,\n * spanning only the list's width (the SettingsLayout rail showed exactly that).\n */\nexport function TabsList(props: TabsListProps) {\n  const [local, rest] = splitProps(props, ['class', 'appearance'])\n\n  return (\n    <KobalteTabs.List\n      class={cn(\n        'inline-flex w-fit shrink-0 items-center justify-center',\n        local.appearance === 'segmented'\n          ? 'gap-0.5 rounded-lg bg-surface-hover p-0.5'\n          : 'gap-1 rounded-none border-b border-border data-[orientation=vertical]:border-b-0',\n        'data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport type TabsTriggerProps = ComponentProps<typeof KobalteTabs.Trigger> & {\n  appearance?: 'underline' | 'segmented'\n}\n\nexport function TabsTrigger(props: TabsTriggerProps) {\n  const [local, rest] = splitProps(props, ['class', 'appearance', 'id'])\n  const tabs = useTabsId()\n  const triggerId = () => local.id ?? `${tabs.id()}-trigger-${rest.value}`\n\n  // Register before panels render, including SSR where createEffect is skipped.\n  createRenderEffect(() => {\n    const value = rest.value\n    const id = triggerId()\n    tabs.registerTriggerId(value, id)\n    onCleanup(() => tabs.unregisterTriggerId(value, id))\n  })\n\n  return (\n    <KobalteTabs.Trigger\n      id={triggerId()}\n      class={cn(\n        'inline-flex shrink-0 items-center justify-center gap-1.5 whitespace-nowrap text-sm font-medium',\n        'transition-colors ease-out outline-none select-none',\n        'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n        'disabled:pointer-events-none disabled:opacity-50',\n        'text-foreground',\n        '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4',\n        local.appearance === 'segmented'\n          ? 'h-control-sm rounded-md px-control-sm data-[selected]:bg-card data-[selected]:shadow-xs'\n          : 'h-control-md -mb-px rounded-none border-b-2 border-transparent px-2 pb-2 data-[selected]:border-primary',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function TabsContent(props: ComponentProps<typeof KobalteTabs.Content>) {\n  const [local, rest] = splitProps(props, ['class', 'aria-labelledby'])\n  const tabs = useTabsId()\n  return (\n    <KobalteTabs.Content\n      aria-labelledby={\n        local['aria-labelledby'] ??\n        tabs.triggerIds().get(rest.value) ??\n        `${tabs.id()}-trigger-${rest.value}`\n      }\n      class={cn('min-h-0 min-w-0 flex-1 outline-none', local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"tabs.js","names":["Tabs","KobalteTabs","Accessor","ComponentProps","createContext","createRenderEffect","createSignal","createUniqueId","onCleanup","splitProps","useContext","cn","TabsIdContextValue","id","orientation","triggerIds","ReadonlyMap","registerTriggerId","value","unregisterTriggerId","TabsIdContext","useTabsId","tabs","Error","props","local","rest","generatedId","setTriggerIds","Map","triggerId","current","set","get","next","delete","_$createComponent","Provider","children","_$mergeProps","class","TabsListProps","List","appearance","TabsList","TabsTriggerProps","Trigger","TabsTrigger","TabsContent","Content","aria-labelledby","Tabs","_$createComponent","KobalteTabs","_$mergeProps"],"sources":["../../../../src/components/ui/tabs/tabs.tsx"],"sourcesContent":["import { Tabs as KobalteTabs } from '@kobalte/core/tabs'\nimport type { Accessor, ComponentProps } from 'solid-js'\nimport {\n  createContext,\n  createRenderEffect,\n  createSignal,\n  createUniqueId,\n  onCleanup,\n  splitProps,\n  useContext,\n} from 'solid-js'\nimport { cn } from '#lib/utils'\n\ntype TabsIdContextValue = {\n  id: Accessor<string>\n  orientation: Accessor<'horizontal' | 'vertical'>\n  triggerIds: Accessor<ReadonlyMap<string, string>>\n  registerTriggerId: (value: string, id: string) => void\n  unregisterTriggerId: (value: string, id: string) => void\n}\n\nconst TabsIdContext = createContext<TabsIdContextValue>()\n\nfunction useTabsId() {\n  const tabs = useContext(TabsIdContext)\n  if (!tabs) throw new Error('[adea-ui]: Tabs parts must be used within Tabs.')\n  return tabs\n}\n\n/**\n * Tabs.\n *\n * For switching between sibling views of the *same* subject — a file's code,\n * diff and history. Not for moving between pages: a tab is expected to keep\n * its panel and its scroll position, which a route does not.\n *\n * `appearance=\"segmented\"` gives the joined bar KiroCrew uses inside a pane\n * where a full-width underline would collide with the panel's own header rule.\n */\nexport function Tabs(props: ComponentProps<typeof KobalteTabs>) {\n  const [local, rest] = splitProps(props, ['class', 'id'])\n  const generatedId = `tabs-${createUniqueId()}`\n  const id = () => local.id ?? generatedId\n  const [triggerIds, setTriggerIds] = createSignal<ReadonlyMap<string, string>>(new Map())\n  const tabs: TabsIdContextValue = {\n    id,\n    orientation: () => rest.orientation ?? 'horizontal',\n    triggerIds,\n    registerTriggerId: (value, triggerId) => {\n      setTriggerIds((current) => new Map(current).set(value, triggerId))\n    },\n    unregisterTriggerId: (value, triggerId) => {\n      setTriggerIds((current) => {\n        if (current.get(value) !== triggerId) return current\n        const next = new Map(current)\n        next.delete(value)\n        return next\n      })\n    },\n  }\n\n  return (\n    <TabsIdContext.Provider value={tabs}>\n      <KobalteTabs\n        id={id()}\n        class={cn(\n          'flex min-h-0 min-w-0 flex-col gap-2 data-[orientation=vertical]:flex-row',\n          local.class\n        )}\n        {...rest}\n      />\n    </TabsIdContext.Provider>\n  )\n}\n\nexport type TabsListProps = ComponentProps<typeof KobalteTabs.List> & {\n  appearance?: 'underline' | 'segmented'\n}\n\n/**\n * The underline appearance's rule is the baseline a horizontal row of tabs sits\n * on. A vertical list has no baseline — its triggers stack — so the rule is\n * dropped there; otherwise it draws as a stray line under the last trigger,\n * spanning only the list's width (the SettingsLayout rail showed exactly that).\n */\nexport function TabsList(props: TabsListProps) {\n  const [local, rest] = splitProps(props, ['class', 'appearance'])\n\n  return (\n    <KobalteTabs.List\n      class={cn(\n        'inline-flex w-fit shrink-0 items-center justify-center',\n        local.appearance === 'segmented'\n          ? 'gap-0.5 rounded-lg bg-surface-hover p-0.5'\n          : 'gap-1 rounded-none border-b border-border data-[orientation=vertical]:border-b-0',\n        'data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport type TabsTriggerProps = ComponentProps<typeof KobalteTabs.Trigger> & {\n  appearance?: 'underline' | 'segmented'\n}\n\n/**\n * The underline appearance marks the selected trigger on the edge it shares\n * with the list's axis. A horizontal row reads left to right along a baseline,\n * so the mark is a bottom bar sitting on the list's rule. A vertical list stacks\n * its triggers, and a bottom bar there underlines one row of a column — it reads\n * as a divider, not a selection — so the mark moves to the inline-start edge,\n * the leading bar a side navigation uses, and the label aligns to that edge.\n *\n * The orientation is read from the root rather than from a `data-orientation`\n * selector so the vertical classes are unprefixed: a composite that replaces the\n * mark (SettingsNavigation's filled row passes `border-0`) then overrides it\n * through the ordinary class merge instead of fighting a variant-scoped border.\n */\nexport function TabsTrigger(props: TabsTriggerProps) {\n  const [local, rest] = splitProps(props, ['class', 'appearance', 'id'])\n  const tabs = useTabsId()\n  const triggerId = () => local.id ?? `${tabs.id()}-trigger-${rest.value}`\n\n  // Register before panels render, including SSR where createEffect is skipped.\n  createRenderEffect(() => {\n    const value = rest.value\n    const id = triggerId()\n    tabs.registerTriggerId(value, id)\n    onCleanup(() => tabs.unregisterTriggerId(value, id))\n  })\n\n  return (\n    <KobalteTabs.Trigger\n      id={triggerId()}\n      class={cn(\n        'inline-flex shrink-0 items-center justify-center gap-1.5 whitespace-nowrap text-sm font-medium',\n        'transition-colors ease-out outline-none select-none',\n        'focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle',\n        'disabled:pointer-events-none disabled:opacity-50',\n        'text-foreground',\n        '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4',\n        local.appearance === 'segmented'\n          ? 'h-control-sm rounded-md px-control-sm data-[selected]:bg-card data-[selected]:shadow-xs'\n          : tabs.orientation() === 'vertical'\n            ? 'h-control-md justify-start rounded-none border-s-2 border-transparent ps-3 pe-2 data-[selected]:border-primary'\n            : 'h-control-md -mb-px rounded-none border-b-2 border-transparent px-2 pb-2 data-[selected]:border-primary',\n        local.class\n      )}\n      {...rest}\n    />\n  )\n}\n\nexport function TabsContent(props: ComponentProps<typeof KobalteTabs.Content>) {\n  const [local, rest] = splitProps(props, ['class', 'aria-labelledby'])\n  const tabs = useTabsId()\n  return (\n    <KobalteTabs.Content\n      aria-labelledby={\n        local['aria-labelledby'] ??\n        tabs.triggerIds().get(rest.value) ??\n        `${tabs.id()}-trigger-${rest.value}`\n      }\n      class={cn('min-h-0 min-w-0 flex-1 outline-none', local.class)}\n      {...rest}\n    />\n  )\n}\n"],"mappings":"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"}

package/dist/components/ui/toast/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAA4B,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAE9F,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAInD;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,MAAM,CAAA;AAgB3E,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,iFAAiF;IACjF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAoDD;;;GAGG;AACH,eAAO,MAAM,KAAK;kBACF,YAAY,GAAG,MAAM;mBAKpB,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG,MAAM;iBAGjE,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG,MAAM;mBAG7D,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG,MAAM;gBAGlE,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG,MAAM;IAG3E;;;;OAIG;YACK,CAAC,WACE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,YAC9B;QACR,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACvC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAC,CAAA;KAC7C,GACA,OAAO,CAAC,CAAC,CAAC;;;CAgCd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,MAAM,CAAC,GAAG;IACtE,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAA;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAqBD,iFAAiF;AACjF,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,eA+B1C;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAA4B,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAE9F,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAInD;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,MAAM,CAAA;AAgB3E,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,iFAAiF;IACjF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAoDD;;;GAGG;AACH,eAAO,MAAM,KAAK;kBACF,YAAY,GAAG,MAAM;mBAKpB,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG,MAAM;iBAGjE,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG,MAAM;mBAG7D,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG,MAAM;gBAGlE,MAAM,YAAY,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC,GAAG,MAAM;IAG3E;;;;OAIG;YACK,CAAC,WACE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,YAC9B;QACR,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,CAAA;QACvC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,MAAM,CAAC,CAAA;KAC7C,GACA,OAAO,CAAC,CAAC,CAAC;;;CAgCd,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,YAAY,CAAC,MAAM,CAAC,GAAG;IACtE,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAA;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAyBD,iFAAiF;AACjF,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,eA4B1C;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/ui/toast/toast.js

@@ -152,6 +152,10 @@ var toast = {
 	clear: toaster.clear
 };
 /**
+* `class` lands on the region too: the props describe the region, and the
+* region is the element a caller lays out (an inset clear of a status bar, a
+* narrower stack). The list inside it is an implementation detail.
+*
 * The corner is set on the region, not the list. The region is the `fixed`
 * element: an inset on the list inside it positions nothing, and the region falls
 * back to wherever it happens to sit in the document flow.
@@ -185,11 +189,11 @@ function Toaster(props) {
 		pauseOnInteraction: true,
 		pauseOnPageIdle: true,
 		get ["class"]() {
-			return cn("pointer-events-none fixed z-(--z-toast) flex max-h-screen w-full flex-col gap-2 p-4 sm:max-w-sm", toasterPosition[local.position ?? "bottom-right"]);
+			return cn("pointer-events-none fixed z-(--z-toast) flex max-h-screen w-full flex-col gap-2 p-4 sm:max-w-sm", toasterPosition[local.position ?? "bottom-right"], local.class);
 		}
 	}, rest, { get children() {
 		return createComponent(Toast.List, { get ["class"]() {
-			return cn("flex flex-col gap-2", toasterAlignment[local.position ?? "bottom-right"], local.class);
+			return cn("flex flex-col gap-2", toasterAlignment[local.position ?? "bottom-right"]);
 		} });
 	} }));
 }

package/dist/components/ui/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":["Toast","KobalteToast","ToastComponentProps","toaster","X","ComponentProps","JSX","Show","splitProps","cn","ToastTone","toastTones","Record","default","success","warning","destructive","info","ToastOptions","title","description","tone","action","Element","persistent","duration","region","ToastCard","props","_$createComponent","toastId","priority","class","style","children","_tmpl$","_el$2","_tmpl$3","_$insert","Title","when","Description","_el$3","_tmpl$2","CloseButton","toast","show","options","_$mergeProps","Omit","error","promise","Promise","T","messages","pending","data","resolved","state","dismiss","clear","ToasterProps","Region","position","toasterPosition","toasterAlignment","Toaster","local","rest","regionId","limit","swipeDirection","pauseOnInteraction","pauseOnPageIdle","List","_$createComponent","KobalteToast","_$mergeProps"],"sources":["../../../../src/components/ui/toast/toast.tsx"],"sourcesContent":["import { Toast as KobalteToast, type ToastComponentProps, toaster } from '@kobalte/core/toast'\nimport { X } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Toast.\n *\n * A short, self-dismissing message about something that already happened.\n *\n * The rules that make toasts helpful rather than hostile are built into this\n * API rather than left to callers:\n *\n *   - A toast never carries the only route to an action. Anything important\n *     enough to need doing belongs in the interface, not in a message that\n *     disappears. `action` exists, but it is a convenience, not a flow.\n *   - Errors from user-initiated work get `priority=\"high\"` so a screen reader\n *     interrupts to announce them; background progress uses the default low\n *     priority so it is not read over whatever the user is doing.\n *   - A toast with a way to undo is preferred to a confirmation dialog for a\n *     reversible action. Undo after the fact costs the user nothing; a modal\n *     before it costs everyone a click.\n *\n * `Toaster` is mounted once, near the root of the app.\n */\n\ntype ToastTone = 'default' | 'success' | 'warning' | 'destructive' | 'info'\n\n/**\n * The tone dot's colour. A custom property rather than five colour utilities\n * because the value is applied inline (the tone is data, not markup) and a\n * Tailwind colour class cannot be built from a runtime value without becoming\n * invisible to the linter.\n */\nconst toastTones: Record<ToastTone, string> = {\n  default: 'var(--foreground)',\n  success: 'var(--success)',\n  warning: 'var(--warning)',\n  destructive: 'var(--destructive)',\n  info: 'var(--info)',\n}\n\nexport type ToastOptions = {\n  title: string\n  description?: string\n  tone?: ToastTone\n  /** A control rendered inside the toast, usually an Undo. */\n  action?: JSX.Element\n  /** Keep the toast until it is dismissed. Use for a failure the user must see. */\n  persistent?: boolean\n  /** Milliseconds before auto-dismiss. Overrides the region's setting. */\n  duration?: number\n  /** Which Toaster region to render into. */\n  region?: string\n}\n\nfunction ToastCard(props: ToastComponentProps & ToastOptions) {\n  const tone = () => props.tone ?? 'default'\n\n  return (\n    <KobalteToast\n      toastId={props.toastId}\n      /**\n       * A user-initiated outcome is announced; a background one waits its turn.\n       * A failure the user caused is worth interrupting for; a sync finishing\n       * quietly is not.\n       */\n      priority={tone() === 'destructive' ? 'high' : 'low'}\n      duration={props.duration}\n      persistent={props.persistent}\n      class={cn(\n        'pointer-events-auto flex w-full items-start gap-3 rounded-xl border border-border bg-popover p-3 shadow-lg',\n        'data-[opened]:animate-in data-[opened]:slide-in-from-right-full data-[opened]:fade-in-0',\n        'data-[closed]:animate-out data-[closed]:slide-out-to-right-full data-[closed]:fade-out-0',\n        'data-[swipe=move]:translate-x-(--kb-toast-swipe-move-x) data-[swipe=move]:transition-none',\n        'data-[swipe=cancel]:translate-x-0 data-[swipe=cancel]:transition-transform',\n        'data-[swipe=end]:animate-out data-[swipe=end]:slide-out-to-right-full'\n      )}\n      style={{ '--toast-tone': toastTones[tone()] }}\n    >\n      <span\n        aria-hidden=\"true\"\n        class=\"mt-1.5 size-1.5 shrink-0 rounded-full\"\n        style={{ 'background-color': 'var(--toast-tone)' }}\n      />\n      <div class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n        <KobalteToast.Title class=\"text-sm font-medium\">{props.title}</KobalteToast.Title>\n        <Show when={props.description}>\n          <KobalteToast.Description class=\"text-sm text-muted-foreground\">\n            {props.description}\n          </KobalteToast.Description>\n        </Show>\n        <Show when={props.action}>\n          <div class=\"mt-1.5 flex items-center gap-2\">{props.action}</div>\n        </Show>\n      </div>\n      <KobalteToast.CloseButton\n        aria-label=\"Dismiss notification\"\n        class=\"text-muted-foreground shrink-0 rounded-sm p-0.5 transition-colors ease-out outline-none hover:text-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle\"\n      >\n        <X class=\"size-3.5\" />\n      </KobalteToast.CloseButton>\n    </KobalteToast>\n  )\n}\n\n/**\n * The toast API. `show` is the general form; the tone helpers are shorthand for\n * the four cases that come up constantly.\n */\nexport const toast = {\n  show(options: ToastOptions): number {\n    return toaster.show((props) => <ToastCard {...props} {...options} />, {\n      region: options.region,\n    })\n  },\n  success(title: string, options?: Omit<ToastOptions, 'title' | 'tone'>): number {\n    return toast.show({ ...options, title, tone: 'success' })\n  },\n  error(title: string, options?: Omit<ToastOptions, 'title' | 'tone'>): number {\n    return toast.show({ ...options, title, tone: 'destructive', persistent: true })\n  },\n  warning(title: string, options?: Omit<ToastOptions, 'title' | 'tone'>): number {\n    return toast.show({ ...options, title, tone: 'warning' })\n  },\n  info(title: string, options?: Omit<ToastOptions, 'title' | 'tone'>): number {\n    return toast.show({ ...options, title, tone: 'info' })\n  },\n  /**\n   * A toast that resolves with a promise: pending, then success or failure.\n   * The right shape for an operation with a visible duration, because the user\n   * gets one message instead of three.\n   */\n  promise<T>(\n    promise: Promise<T> | (() => Promise<T>),\n    messages: {\n      pending: string\n      success: string | ((data: T) => string)\n      error: string | ((error: unknown) => string)\n    }\n  ): Promise<T> {\n    const resolved = typeof promise === 'function' ? promise() : promise\n    toaster.promise(resolved, (props) => {\n      const tone: ToastTone =\n        props.state === 'fulfilled'\n          ? 'success'\n          : props.state === 'rejected'\n            ? 'destructive'\n            : 'default'\n      const title =\n        props.state === 'pending'\n          ? messages.pending\n          : props.state === 'fulfilled'\n            ? typeof messages.success === 'function'\n              ? messages.success(props.data as T)\n              : messages.success\n            : typeof messages.error === 'function'\n              ? messages.error(props.error)\n              : messages.error\n      return (\n        <ToastCard\n          toastId={props.toastId}\n          title={title}\n          tone={tone}\n          persistent={props.state === 'rejected'}\n        />\n      )\n    })\n    return resolved\n  },\n  dismiss: toaster.dismiss,\n  clear: toaster.clear,\n}\n\nexport type ToasterProps = ComponentProps<typeof KobalteToast.Region> & {\n  /** Where the stack sits. Defaults to the bottom-right, clear of the shell. */\n  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n  region?: string\n}\n\n/**\n * The corner is set on the region, not the list. The region is the `fixed`\n * element: an inset on the list inside it positions nothing, and the region falls\n * back to wherever it happens to sit in the document flow.\n */\nconst toasterPosition = {\n  'top-left': 'top-0 left-0',\n  'top-right': 'top-0 right-0',\n  'bottom-left': 'bottom-0 left-0',\n  'bottom-right': 'bottom-0 right-0',\n}\n\nconst toasterAlignment = {\n  'top-left': 'items-start',\n  'top-right': 'items-end',\n  'bottom-left': 'items-start',\n  'bottom-right': 'items-end',\n}\n\n/** Mount once, near the root. Renders the stack and owns its timing defaults. */\nexport function Toaster(props: ToasterProps) {\n  const [local, rest] = splitProps(props, ['position', 'region', 'class'])\n\n  return (\n    <KobalteToast.Region\n      regionId={local.region}\n      duration={5000}\n      limit={3}\n      swipeDirection=\"right\"\n      pauseOnInteraction\n      pauseOnPageIdle\n      /**\n       * The toast region is a top layer: opening a dialog must not hide an\n       * in-flight notification, and clicking a toast must not dismiss the\n       * dialog behind it.\n       */\n      class={cn(\n        'pointer-events-none fixed z-(--z-toast) flex max-h-screen w-full flex-col gap-2 p-4 sm:max-w-sm',\n        toasterPosition[local.position ?? 'bottom-right']\n      )}\n      {...rest}\n    >\n      <KobalteToast.List\n        class={cn(\n          'flex flex-col gap-2',\n          toasterAlignment[local.position ?? 'bottom-right'],\n          local.class\n        )}\n      />\n    </KobalteToast.Region>\n  )\n}\n\nexport { toaster }\n"],"mappings":";;;;;;;;;;;;;;;AAmCA,IAAMW,aAAwC;CAC5CE,SAAS;CACTC,SAAS;CACTC,SAAS;CACTC,aAAa;CACbC,MAAM;AACR;AAgBA,SAASU,UAAUC,OAA2C;CAC5D,MAAMP,aAAaO,MAAMP,QAAQ;CAEjC,OAAAQ,gBACG5B,OAAY;EAAA,IACX6B,UAAO;GAAA,OAAEF,MAAME;EAAO;EAAA,IAMtBC,WAAQ;GAAA,OAAEV,KAAK,MAAM,gBAAgB,SAAS;EAAK;EAAA,IACnDI,WAAQ;GAAA,OAAEG,MAAMH;EAAQ;EAAA,IACxBD,aAAU;GAAA,OAAEI,MAAMJ;EAAU;EAAA,KAAA,WAAA;GAAA,OACrBf,GACL,8GACA,2FACA,4FACA,6FACA,8EACA,uEACF;EAAC;EAAA,IACDwB,QAAK;GAAA,OAAE,EAAE,gBAAgBtB,WAAWU,KAAK,GAAG;EAAC;EAAA,IAAAa,WAAA;GAAA,OAAA;IAAAC,OAAA;WAAA;KAAA,IAAAC,QAAAC,QAAA;KAAAC,OAAAF,OAAAP,gBAQ1C5B,MAAasC,OAAK;MAAA,SAAA;MAAA,IAAAL,WAAA;OAAA,OAA8BN,MAAMT;MAAK;KAAA,CAAA,GAAA,IAAA;KAAAmB,OAAAF,OAAAP,gBAC3DtB,MAAI;MAAA,IAACiC,OAAI;OAAA,OAAEZ,MAAMR;MAAW;MAAA,IAAAc,WAAA;OAAA,OAAAL,gBAC1B5B,MAAawC,aAAW;QAAA,SAAA;QAAA,IAAAP,WAAA;SAAA,OACtBN,MAAMR;QAAW;OAAA,CAAA;MAAA;KAAA,CAAA,GAAA,IAAA;KAAAkB,OAAAF,OAAAP,gBAGrBtB,MAAI;MAAA,IAACiC,OAAI;OAAA,OAAEZ,MAAMN;MAAM;MAAA,IAAAY,WAAA;OAAA,IAAAQ,QAAAC,QAAA;OAAAL,OAAAI,aACuBd,MAAMN,MAAM;OAAA,OAAAoB;MAAA;KAAA,CAAA,GAAA,IAAA;KAAA,OAAAN;IAAA,EAAA,CAAA;IAAAP,gBAG5D5B,MAAa2C,aAAW;KAAA,cAAA;KAAA,SAAA;KAAA,IAAAV,WAAA;MAAA,OAAAL,gBAItBzB,GAAC,EAAA,SAAA,WAAA,CAAA;KAAA;IAAA,CAAA;GAAA;EAAA;CAAA,CAAA;AAIV;;;;;AAMA,IAAayC,QAAQ;CACnBC,KAAKC,SAA+B;EAClC,OAAO5C,QAAQ2C,MAAMlB,UAAKC,gBAAMF,WAASqB,WAAKpB,OAAWmB,OAAO,CAAA,GAAM,EACpErB,QAAQqB,QAAQrB,OAClB,CAAC;CACH;CACAZ,QAAQK,OAAe4B,SAAwD;EAC7E,OAAOF,MAAMC,KAAK;GAAE,GAAGC;GAAS5B;GAAOE,MAAM;EAAU,CAAC;CAC1D;CACA6B,MAAM/B,OAAe4B,SAAwD;EAC3E,OAAOF,MAAMC,KAAK;GAAE,GAAGC;GAAS5B;GAAOE,MAAM;GAAeG,YAAY;EAAK,CAAC;CAChF;CACAT,QAAQI,OAAe4B,SAAwD;EAC7E,OAAOF,MAAMC,KAAK;GAAE,GAAGC;GAAS5B;GAAOE,MAAM;EAAU,CAAC;CAC1D;CACAJ,KAAKE,OAAe4B,SAAwD;EAC1E,OAAOF,MAAMC,KAAK;GAAE,GAAGC;GAAS5B;GAAOE,MAAM;EAAO,CAAC;CACvD;;;;;;CAMA8B,QACEA,SACAG,UAKY;EACZ,MAAMG,WAAW,OAAON,YAAY,aAAaA,QAAQ,IAAIA;EAC7DhD,QAAQgD,QAAQM,WAAW7B,UAAU;GACnC,MAAMP,OACJO,MAAM8B,UAAU,cACZ,YACA9B,MAAM8B,UAAU,aACd,gBACA;GACR,MAAMvC,QACJS,MAAM8B,UAAU,YACZJ,SAASC,UACT3B,MAAM8B,UAAU,cACd,OAAOJ,SAASxC,YAAY,aAC1BwC,SAASxC,QAAQc,MAAM4B,IAAS,IAChCF,SAASxC,UACX,OAAOwC,SAASJ,UAAU,aACxBI,SAASJ,MAAMtB,MAAMsB,KAAK,IAC1BI,SAASJ;GACnB,OAAArB,gBACGF,WAAS;IAAA,IACRG,UAAO;KAAA,OAAEF,MAAME;IAAO;IACfX;IACDE;IAAI,IACVG,aAAU;KAAA,OAAEI,MAAM8B,UAAU;IAAU;GAAA,CAAA;EAG5C,CAAC;EACD,OAAOD;CACT;CACAE,SAASxD,QAAQwD;CACjBC,OAAOzD,QAAQyD;AACjB;;;;;;AAaA,IAAMI,kBAAkB;CACtB,YAAY;CACZ,aAAa;CACb,eAAe;CACf,gBAAgB;AAClB;AAEA,IAAMC,mBAAmB;CACvB,YAAY;CACZ,aAAa;CACb,eAAe;CACf,gBAAgB;AAClB;;AAGA,SAAgBC,QAAQtC,OAAqB;CAC3C,MAAM,CAACuC,OAAOC,QAAQ5D,WAAWoB,OAAO;EAAC;EAAY;EAAU;CAAO,CAAC;CAEvE,OAAAC,gBACG5B,MAAa6D,QAAMd,WAAA;EAAA,IAClBqB,WAAQ;GAAA,OAAEF,MAAMzC;EAAM;EACtBD,UAAU;EACV6C,OAAO;EACPC,gBAAc;EACdC,oBAAkB;EAClBC,iBAAe;EAAA,KAAA,WAAA;GAAA,OAMRhE,GACL,mGACAuD,gBAAgBG,MAAMJ,YAAY,eACpC;EAAC;CAAA,GACGK,MAAI,EAAA,IAAAlC,WAAA;EAAA,OAAAL,gBAEP5B,MAAayE,MAAI,EAAA,KAAA,WAAA;GAAA,OACTjE,GACL,uBACAwD,iBAAiBE,MAAMJ,YAAY,iBACnCI,MAAMnC,KACR;EAAC,EAAA,CAAA;CAAA,EAAA,CAAA,CAAA;AAIT"}
+{"version":3,"file":"toast.js","names":["Toast","KobalteToast","ToastComponentProps","toaster","X","ComponentProps","JSX","Show","splitProps","cn","ToastTone","toastTones","Record","default","success","warning","destructive","info","ToastOptions","title","description","tone","action","Element","persistent","duration","region","ToastCard","props","_$createComponent","toastId","priority","class","style","children","_tmpl$","_el$2","_tmpl$3","_$insert","Title","when","Description","_el$3","_tmpl$2","CloseButton","toast","show","options","_$mergeProps","Omit","error","promise","Promise","T","messages","pending","data","resolved","state","dismiss","clear","ToasterProps","Region","position","toasterPosition","toasterAlignment","Toaster","local","rest","regionId","limit","swipeDirection","pauseOnInteraction","pauseOnPageIdle","List","_$createComponent","KobalteToast","_$mergeProps"],"sources":["../../../../src/components/ui/toast/toast.tsx"],"sourcesContent":["import { Toast as KobalteToast, type ToastComponentProps, toaster } from '@kobalte/core/toast'\nimport { X } from 'lucide-solid'\nimport type { ComponentProps, JSX } from 'solid-js'\nimport { Show, splitProps } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * Toast.\n *\n * A short, self-dismissing message about something that already happened.\n *\n * The rules that make toasts helpful rather than hostile are built into this\n * API rather than left to callers:\n *\n *   - A toast never carries the only route to an action. Anything important\n *     enough to need doing belongs in the interface, not in a message that\n *     disappears. `action` exists, but it is a convenience, not a flow.\n *   - Errors from user-initiated work get `priority=\"high\"` so a screen reader\n *     interrupts to announce them; background progress uses the default low\n *     priority so it is not read over whatever the user is doing.\n *   - A toast with a way to undo is preferred to a confirmation dialog for a\n *     reversible action. Undo after the fact costs the user nothing; a modal\n *     before it costs everyone a click.\n *\n * `Toaster` is mounted once, near the root of the app.\n */\n\ntype ToastTone = 'default' | 'success' | 'warning' | 'destructive' | 'info'\n\n/**\n * The tone dot's colour. A custom property rather than five colour utilities\n * because the value is applied inline (the tone is data, not markup) and a\n * Tailwind colour class cannot be built from a runtime value without becoming\n * invisible to the linter.\n */\nconst toastTones: Record<ToastTone, string> = {\n  default: 'var(--foreground)',\n  success: 'var(--success)',\n  warning: 'var(--warning)',\n  destructive: 'var(--destructive)',\n  info: 'var(--info)',\n}\n\nexport type ToastOptions = {\n  title: string\n  description?: string\n  tone?: ToastTone\n  /** A control rendered inside the toast, usually an Undo. */\n  action?: JSX.Element\n  /** Keep the toast until it is dismissed. Use for a failure the user must see. */\n  persistent?: boolean\n  /** Milliseconds before auto-dismiss. Overrides the region's setting. */\n  duration?: number\n  /** Which Toaster region to render into. */\n  region?: string\n}\n\nfunction ToastCard(props: ToastComponentProps & ToastOptions) {\n  const tone = () => props.tone ?? 'default'\n\n  return (\n    <KobalteToast\n      toastId={props.toastId}\n      /**\n       * A user-initiated outcome is announced; a background one waits its turn.\n       * A failure the user caused is worth interrupting for; a sync finishing\n       * quietly is not.\n       */\n      priority={tone() === 'destructive' ? 'high' : 'low'}\n      duration={props.duration}\n      persistent={props.persistent}\n      class={cn(\n        'pointer-events-auto flex w-full items-start gap-3 rounded-xl border border-border bg-popover p-3 shadow-lg',\n        'data-[opened]:animate-in data-[opened]:slide-in-from-right-full data-[opened]:fade-in-0',\n        'data-[closed]:animate-out data-[closed]:slide-out-to-right-full data-[closed]:fade-out-0',\n        'data-[swipe=move]:translate-x-(--kb-toast-swipe-move-x) data-[swipe=move]:transition-none',\n        'data-[swipe=cancel]:translate-x-0 data-[swipe=cancel]:transition-transform',\n        'data-[swipe=end]:animate-out data-[swipe=end]:slide-out-to-right-full'\n      )}\n      style={{ '--toast-tone': toastTones[tone()] }}\n    >\n      <span\n        aria-hidden=\"true\"\n        class=\"mt-1.5 size-1.5 shrink-0 rounded-full\"\n        style={{ 'background-color': 'var(--toast-tone)' }}\n      />\n      <div class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n        <KobalteToast.Title class=\"text-sm font-medium\">{props.title}</KobalteToast.Title>\n        <Show when={props.description}>\n          <KobalteToast.Description class=\"text-sm text-muted-foreground\">\n            {props.description}\n          </KobalteToast.Description>\n        </Show>\n        <Show when={props.action}>\n          <div class=\"mt-1.5 flex items-center gap-2\">{props.action}</div>\n        </Show>\n      </div>\n      <KobalteToast.CloseButton\n        aria-label=\"Dismiss notification\"\n        class=\"text-muted-foreground shrink-0 rounded-sm p-0.5 transition-colors ease-out outline-none hover:text-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-primary-subtle\"\n      >\n        <X class=\"size-3.5\" />\n      </KobalteToast.CloseButton>\n    </KobalteToast>\n  )\n}\n\n/**\n * The toast API. `show` is the general form; the tone helpers are shorthand for\n * the four cases that come up constantly.\n */\nexport const toast = {\n  show(options: ToastOptions): number {\n    return toaster.show((props) => <ToastCard {...props} {...options} />, {\n      region: options.region,\n    })\n  },\n  success(title: string, options?: Omit<ToastOptions, 'title' | 'tone'>): number {\n    return toast.show({ ...options, title, tone: 'success' })\n  },\n  error(title: string, options?: Omit<ToastOptions, 'title' | 'tone'>): number {\n    return toast.show({ ...options, title, tone: 'destructive', persistent: true })\n  },\n  warning(title: string, options?: Omit<ToastOptions, 'title' | 'tone'>): number {\n    return toast.show({ ...options, title, tone: 'warning' })\n  },\n  info(title: string, options?: Omit<ToastOptions, 'title' | 'tone'>): number {\n    return toast.show({ ...options, title, tone: 'info' })\n  },\n  /**\n   * A toast that resolves with a promise: pending, then success or failure.\n   * The right shape for an operation with a visible duration, because the user\n   * gets one message instead of three.\n   */\n  promise<T>(\n    promise: Promise<T> | (() => Promise<T>),\n    messages: {\n      pending: string\n      success: string | ((data: T) => string)\n      error: string | ((error: unknown) => string)\n    }\n  ): Promise<T> {\n    const resolved = typeof promise === 'function' ? promise() : promise\n    toaster.promise(resolved, (props) => {\n      const tone: ToastTone =\n        props.state === 'fulfilled'\n          ? 'success'\n          : props.state === 'rejected'\n            ? 'destructive'\n            : 'default'\n      const title =\n        props.state === 'pending'\n          ? messages.pending\n          : props.state === 'fulfilled'\n            ? typeof messages.success === 'function'\n              ? messages.success(props.data as T)\n              : messages.success\n            : typeof messages.error === 'function'\n              ? messages.error(props.error)\n              : messages.error\n      return (\n        <ToastCard\n          toastId={props.toastId}\n          title={title}\n          tone={tone}\n          persistent={props.state === 'rejected'}\n        />\n      )\n    })\n    return resolved\n  },\n  dismiss: toaster.dismiss,\n  clear: toaster.clear,\n}\n\nexport type ToasterProps = ComponentProps<typeof KobalteToast.Region> & {\n  /** Where the stack sits. Defaults to the bottom-right, clear of the shell. */\n  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n  region?: string\n}\n\n/**\n * `class` lands on the region too: the props describe the region, and the\n * region is the element a caller lays out (an inset clear of a status bar, a\n * narrower stack). The list inside it is an implementation detail.\n *\n * The corner is set on the region, not the list. The region is the `fixed`\n * element: an inset on the list inside it positions nothing, and the region falls\n * back to wherever it happens to sit in the document flow.\n */\nconst toasterPosition = {\n  'top-left': 'top-0 left-0',\n  'top-right': 'top-0 right-0',\n  'bottom-left': 'bottom-0 left-0',\n  'bottom-right': 'bottom-0 right-0',\n}\n\nconst toasterAlignment = {\n  'top-left': 'items-start',\n  'top-right': 'items-end',\n  'bottom-left': 'items-start',\n  'bottom-right': 'items-end',\n}\n\n/** Mount once, near the root. Renders the stack and owns its timing defaults. */\nexport function Toaster(props: ToasterProps) {\n  const [local, rest] = splitProps(props, ['position', 'region', 'class'])\n\n  return (\n    <KobalteToast.Region\n      regionId={local.region}\n      duration={5000}\n      limit={3}\n      swipeDirection=\"right\"\n      pauseOnInteraction\n      pauseOnPageIdle\n      /**\n       * The toast region is a top layer: opening a dialog must not hide an\n       * in-flight notification, and clicking a toast must not dismiss the\n       * dialog behind it.\n       */\n      class={cn(\n        'pointer-events-none fixed z-(--z-toast) flex max-h-screen w-full flex-col gap-2 p-4 sm:max-w-sm',\n        toasterPosition[local.position ?? 'bottom-right'],\n        local.class\n      )}\n      {...rest}\n    >\n      <KobalteToast.List\n        class={cn('flex flex-col gap-2', toasterAlignment[local.position ?? 'bottom-right'])}\n      />\n    </KobalteToast.Region>\n  )\n}\n\nexport { toaster }\n"],"mappings":"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"}

package/dist/index.js

@@ -6,8 +6,8 @@ import { Heading, Text, headingElement, headingVariants, textElement, textVarian
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./components/ui/alert-dialog/alert-dialog.js";
 import { AspectRatio } from "./components/ui/aspect-ratio/aspect-ratio.js";
 import { Avatar, AvatarFallback, AvatarImage, initialsFrom } from "./components/ui/avatar/avatar.js";
-import { Board, BoardCardBody, BoardCardTitle, boardCardTitleVariants } from "./components/ui/board/board.js";
 import { Badge, badgeVariants } from "./components/ui/badge/badge.js";
+import { Board, BoardCardBody, BoardCardTitle, BoardCardTrigger, boardCardTitleVariants } from "./components/ui/board/board.js";
 import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator } from "./components/ui/breadcrumb/breadcrumb.js";
 import { Button, buttonVariants } from "./components/ui/button/button.js";
 import { Separator } from "./components/ui/separator/separator.js";
@@ -121,4 +121,4 @@ import { AboutDialog } from "./components/composites/about-dialog/about-dialog.j
 import { HelpCenter } from "./components/composites/help-center/help-center.js";
 import { WorkspaceMark } from "./components/composites/workspace-mark/workspace-mark.js";
 import { writeClipboardText } from "./lib/clipboard.js";
-export { AboutDialog, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountMenu, ActionButton, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, AppShellBody, AppShellContent, AppShellMain, AppearanceEditor, AppearancePanel, AppearancePopover, AspectRatio, AttachmentCard, Avatar, AvatarFallback, AvatarImage, Badge, Board, BoardCardBody, BoardCardTitle, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator, BusySendButton, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CalendarSurface, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CatalogBrowser, CatalogDetail, CatalogDetailSection, ChatComposer, Checkbox, CheckboxDescription, CheckboxLabel, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxSection, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, ComposerAttachmentButton, ComposerHint, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ConversationAvatar, ConversationSurface, DatePicker, DetailPanel, DetailPanelBody, DetailPanelField, DetailPanelHeader, DetailPanelSection, Dialog, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffBlock, DiffSummary, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, EntityIcon, FLOATING_PREVIEW_CORNER_RADIUS, FLOATING_PREVIEW_EDGE_GAP, Field, FieldDescription, FieldError, FieldGroup, FieldInput, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTextArea, FloatingPreview, FormField, Heading, HelpCenter, HoverCard, HoverCardContent, HoverCardTrigger, InlineCode, Input, InputControl, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputOtp, InputOtpCaret, Item, ItemDescription, ItemEmpty, ItemGroup, ItemGroupEntry, ItemTitle, Kbd, KbdGroup, Label, ListGroup, ListRow, ListRowControl, MAX_LAYOUT_DEPTH, MAX_LAYOUT_LEAVES, MAX_SPLIT_RATIO, MIN_SPLIT_RATIO, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageBody, MessageComposer, MessageDayDivider, MessageGroup, MessageRow, ModalDialog, Motion, NO_FLOATING_PREVIEW_OBSTACLES, NO_PREVIEW_MINI_PLAYER_OBSTACLES, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuMenu, NavigationMenuSeparator, NavigationMenuTrigger, NavigationMenuViewport, NumberField, OrbitItem, OrbitLayout, PASTE_THRESHOLD_CHARS, PASTE_THRESHOLD_LINES, PASTE_TOKEN_REGEX, PREVIEW_MINI_PLAYER_CORNER_RADIUS, PREVIEW_MINI_PLAYER_EDGE_GAP, Page, PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderTitle, PageSection, Pagination, PaginationEllipsis, PaginationItem, PaginationNext, PaginationPrevious, PalettePreview, Panel, PanelActions, PanelBody, PanelCard, PanelDescription, PanelFooter, PanelHeader, PanelPlaceholder, PanelTitle, PanelToolbar, Popover, PopoverAnchor, PopoverCloseButton, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, Presence, Progress, PropertyList, PropertyRow, PropertyTerm, PropertyValue, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, SceneControls, ScrollArea, SecretInputGroup, Select, SelectChevronsUpDown, SelectContent, SelectItem, SelectLabel, SelectSection, SelectTrigger, SelectValue, Separator, SettingsField, SettingsLayout, SettingsNavigation, SettingsPage, SettingsRow, SettingsSection, Sheet, SheetBody, SheetCloseButton, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SideRail, SideRailButton, SideRailContent, SideRailFooter, SideRailHeader, SideRailItem, SideRailSection, SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavLabel, SidebarNavResizeHandle, SidebarNavRow, SidebarNavSection, SidebarNavTitle, Skeleton, SkipLink, Slider, Spinner, SplitLayout, Stat, StatGroup, StatusBar, StatusBarItem, StatusBarSpacer, StatusChip, StatusList, Switch, SwitchDescription, SwitchLabel, TALL_CODE_BLOCK_PX, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableNumericCell, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, ThemeMiniature, ThemeMiniatureSplit, ThemeModeToggle, ThemePicker, ThemePreview, ThemeProvider, ThemeSwatch, ThemeToggle, ThreadPanel, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, TopBarBreadcrumb, TopBarPill, TopBarSearch, TopBarSection, TopBarTitle, TranscriptComposition, Tree, TreeRow, UpdateDialog, ValueCombobox, VirtualWindow, WorkspaceMark, accentPresets, alertVariants, allTokens, badgeVariants, boardCardTitleVariants, builtinThemes, buttonVariants, clampFloatingPreviewPosition, clampPreviewMiniPlayerPosition, closePane, cn, colorTokens, computeLayoutFrames, contrastRatio, controlInteractive, controlSize, controlSizeIcon, controlSizes, countLeaves, countLines, createAppMenuItems, createLayoutState, cva, defaultDarkThemeId, defaultLightThemeId, defaultThemeSelection, densityTokens, designTokens, diffLineVariants, diffStats, diffTargetPath, elevationTokens, entityIconVariants, expandAll, findTokenRanges, focusPane, fontOptions, formatBytes, formatReleaseDate, formatToken, headingElement, headingVariants, initialsFrom, inlineScriptLiteral, isPasteBlock, itemVariants, keyedRows, layoutDepth, listLeaves, monogram, motionTokens, movePane, neighborLeaf, nextSeq, normalizeLayout, parseDiff, plainTextFromMarkdown, pruneBlocks, radiusTokens, recollapsePastes, remapCarriedBlocks, resizeFloatingPreview, resizePreviewMiniPlayer, resizeSplit, resolveFloatingPreviewFrame, resolvePreviewMiniPlayerFrame, resolvedDensity, sheetVariants, shouldCollapse, sidebarNavItemClass, sidebarNavItemStateClass, splitPane, statusDotVariants, stripTrailingBlankLines, surfaceInteractive, swapPanes, textElement, textVariants, textareaVariants, themeById, themeCssVariables, themeFamilies, themeScript, themesForAppearance, toast, toaster, toggleVariants, tokenRangeAt, transcriptDisclosureKey, typographyTokens, undoClosePane, undocumentedTokenAliases, useSideRail, useTheme, validateTheme, validateThemeRegistry, writeClipboardText, zIndexTokens };
+export { AboutDialog, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AccountMenu, ActionButton, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, AppShellBody, AppShellContent, AppShellMain, AppearanceEditor, AppearancePanel, AppearancePopover, AspectRatio, AttachmentCard, Avatar, AvatarFallback, AvatarImage, Badge, Board, BoardCardBody, BoardCardTitle, BoardCardTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator, BusySendButton, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, CalendarSurface, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CatalogBrowser, CatalogDetail, CatalogDetailSection, ChatComposer, Checkbox, CheckboxDescription, CheckboxLabel, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxClear, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxSection, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, ComposerAttachmentButton, ComposerHint, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ConversationAvatar, ConversationSurface, DatePicker, DetailPanel, DetailPanelBody, DetailPanelField, DetailPanelHeader, DetailPanelSection, Dialog, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DiffBlock, DiffSummary, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, EntityIcon, FLOATING_PREVIEW_CORNER_RADIUS, FLOATING_PREVIEW_EDGE_GAP, Field, FieldDescription, FieldError, FieldGroup, FieldInput, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTextArea, FloatingPreview, FormField, Heading, HelpCenter, HoverCard, HoverCardContent, HoverCardTrigger, InlineCode, Input, InputControl, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputOtp, InputOtpCaret, Item, ItemDescription, ItemEmpty, ItemGroup, ItemGroupEntry, ItemTitle, Kbd, KbdGroup, Label, ListGroup, ListRow, ListRowControl, MAX_LAYOUT_DEPTH, MAX_LAYOUT_LEAVES, MAX_SPLIT_RATIO, MIN_SPLIT_RATIO, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageBody, MessageComposer, MessageDayDivider, MessageGroup, MessageRow, ModalDialog, Motion, NO_FLOATING_PREVIEW_OBSTACLES, NO_PREVIEW_MINI_PLAYER_OBSTACLES, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuGroup, NavigationMenuGroupLabel, NavigationMenuItem, NavigationMenuMenu, NavigationMenuSeparator, NavigationMenuTrigger, NavigationMenuViewport, NumberField, OrbitItem, OrbitLayout, PASTE_THRESHOLD_CHARS, PASTE_THRESHOLD_LINES, PASTE_TOKEN_REGEX, PREVIEW_MINI_PLAYER_CORNER_RADIUS, PREVIEW_MINI_PLAYER_EDGE_GAP, Page, PageHeader, PageHeaderActions, PageHeaderContent, PageHeaderDescription, PageHeaderTitle, PageSection, Pagination, PaginationEllipsis, PaginationItem, PaginationNext, PaginationPrevious, PalettePreview, Panel, PanelActions, PanelBody, PanelCard, PanelDescription, PanelFooter, PanelHeader, PanelPlaceholder, PanelTitle, PanelToolbar, Popover, PopoverAnchor, PopoverCloseButton, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, Presence, Progress, PropertyList, PropertyRow, PropertyTerm, PropertyValue, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, SceneControls, ScrollArea, SecretInputGroup, Select, SelectChevronsUpDown, SelectContent, SelectItem, SelectLabel, SelectSection, SelectTrigger, SelectValue, Separator, SettingsField, SettingsLayout, SettingsNavigation, SettingsPage, SettingsRow, SettingsSection, Sheet, SheetBody, SheetCloseButton, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SideRail, SideRailButton, SideRailContent, SideRailFooter, SideRailHeader, SideRailItem, SideRailSection, SidebarNav, SidebarNavButton, SidebarNavContent, SidebarNavFooter, SidebarNavHeader, SidebarNavItem, SidebarNavLabel, SidebarNavResizeHandle, SidebarNavRow, SidebarNavSection, SidebarNavTitle, Skeleton, SkipLink, Slider, Spinner, SplitLayout, Stat, StatGroup, StatusBar, StatusBarItem, StatusBarSpacer, StatusChip, StatusList, Switch, SwitchDescription, SwitchLabel, TALL_CODE_BLOCK_PX, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableNumericCell, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, ThemeMiniature, ThemeMiniatureSplit, ThemeModeToggle, ThemePicker, ThemePreview, ThemeProvider, ThemeSwatch, ThemeToggle, ThreadPanel, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, TopBarBreadcrumb, TopBarPill, TopBarSearch, TopBarSection, TopBarTitle, TranscriptComposition, Tree, TreeRow, UpdateDialog, ValueCombobox, VirtualWindow, WorkspaceMark, accentPresets, alertVariants, allTokens, badgeVariants, boardCardTitleVariants, builtinThemes, buttonVariants, clampFloatingPreviewPosition, clampPreviewMiniPlayerPosition, closePane, cn, colorTokens, computeLayoutFrames, contrastRatio, controlInteractive, controlSize, controlSizeIcon, controlSizes, countLeaves, countLines, createAppMenuItems, createLayoutState, cva, defaultDarkThemeId, defaultLightThemeId, defaultThemeSelection, densityTokens, designTokens, diffLineVariants, diffStats, diffTargetPath, elevationTokens, entityIconVariants, expandAll, findTokenRanges, focusPane, fontOptions, formatBytes, formatReleaseDate, formatToken, headingElement, headingVariants, initialsFrom, inlineScriptLiteral, isPasteBlock, itemVariants, keyedRows, layoutDepth, listLeaves, monogram, motionTokens, movePane, neighborLeaf, nextSeq, normalizeLayout, parseDiff, plainTextFromMarkdown, pruneBlocks, radiusTokens, recollapsePastes, remapCarriedBlocks, resizeFloatingPreview, resizePreviewMiniPlayer, resizeSplit, resolveFloatingPreviewFrame, resolvePreviewMiniPlayerFrame, resolvedDensity, sheetVariants, shouldCollapse, sidebarNavItemClass, sidebarNavItemStateClass, splitPane, statusDotVariants, stripTrailingBlankLines, surfaceInteractive, swapPanes, textElement, textVariants, textareaVariants, themeById, themeCssVariables, themeFamilies, themeScript, themesForAppearance, toast, toaster, toggleVariants, tokenRangeAt, transcriptDisclosureKey, typographyTokens, undoClosePane, undocumentedTokenAliases, useSideRail, useTheme, validateTheme, validateThemeRegistry, writeClipboardText, zIndexTokens };

package/dist/r/board.json

@@ -5,6 +5,8 @@
   "description": "",
   "dependencies": [],
   "registryDependencies": [
+    "@adea-ai/ui/badge",
+    "@adea-ai/ui/typography",
     "lib"
   ],
   "files": [

package/dist/r/registry.json

@@ -152,6 +152,8 @@
       "description": "",
       "dependencies": [],
       "registryDependencies": [
+        "@adea-ai/ui/badge",
+        "@adea-ai/ui/typography",
         "lib"
       ],
       "files": [