@burtson-labs/ui 0.13.0 → 0.14.0

package/dist/components/mobile-nav.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from "../lib/utils.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/mobile-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-nav.js","names":["_Fragment"],"sources":["../../src/components/mobile-nav.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nexport interface MobileNavItem {\n  id: string;\n  label: string;\n  /** An icon element, e.g. <MessageSquare />; sized to 20px. */\n  icon: React.ReactNode;\n  /** Renders a link; leave out for a button that only calls onValueChange. */\n  href?: string;\n  /** A count, or true for a dot. */\n  badge?: number | boolean;\n}\n\nexport interface MobileNavProps extends Omit<React.ComponentProps<'nav'>, 'onChange'> {\n  /** Three to five destinations the app defines. */\n  items: MobileNavItem[];\n  /** The current destination's id. */\n  value: string;\n  /**\n   * Called on every press. For a link, call `event.preventDefault()` and\n   * route yourself to keep a single-page app from reloading.\n   */\n  onValueChange?: (id: string, event: React.MouseEvent<HTMLElement>) => void;\n  /** `fixed` pins it to the bottom of the viewport. */\n  position?: 'fixed' | 'static';\n  'aria-label'?: string;\n}\n\n/**\n * The phone's bottom tab bar: icon over a visible label, 44px+ targets, and\n * room for the home indicator (safe-area insets). Destinations come from the\n * app; don't pad it with empty sections.\n */\nfunction MobileNav({\n  items,\n  value,\n  onValueChange,\n  position = 'static',\n  className,\n  'aria-label': ariaLabel = 'Primary',\n  ...props\n}: MobileNavProps) {\n  return (\n    <nav\n      data-slot=\"mobile-nav\"\n      aria-label={ariaLabel}\n      className={cn(\n        'border-t bg-surface/95 pr-[env(safe-area-inset-right)] pb-[env(safe-area-inset-bottom)] pl-[env(safe-area-inset-left)] backdrop-blur supports-[backdrop-filter]:bg-surface/80',\n        position === 'fixed' && 'fixed inset-x-0 bottom-0 z-40',\n        className,\n      )}\n      {...props}\n    >\n      <ul className=\"mx-auto flex max-w-lg\">\n        {items.map((item) => {\n          const active = item.id === value;\n          const count = typeof item.badge === 'number' && item.badge > 0 ? item.badge : undefined;\n          const dot = item.badge === true;\n          const content = (\n            <>\n              <span className=\"relative [&_svg]:size-5\" aria-hidden>\n                {item.icon}\n                {(count !== undefined || dot) && (\n                  <span\n                    className={cn(\n                      'absolute -top-1 left-3 grid place-items-center rounded-full bg-destructive text-[10px] leading-none font-semibold text-destructive-foreground ring-2 ring-surface tabular-nums',\n                      count !== undefined ? 'h-4 min-w-4 px-1' : 'size-2',\n                    )}\n                  >\n                    {count !== undefined ? (count > 99 ? '99+' : count) : null}\n                  </span>\n                )}\n              </span>\n              <span className=\"max-w-full truncate\">{item.label}</span>\n              {count !== undefined && <span className=\"sr-only\">, {count} new</span>}\n              {dot && <span className=\"sr-only\">, new</span>}\n            </>\n          );\n          const classes = cn(\n            'flex min-h-14 w-full min-w-11 flex-col items-center justify-center gap-1 px-1 py-1.5 text-[11px] font-medium text-muted-foreground outline-none transition-colors select-none [-webkit-tap-highlight-color:transparent] hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/25 focus-visible:ring-inset',\n            active && 'text-brand hover:text-brand',\n          );\n          return (\n            <li key={item.id} className=\"min-w-0 flex-1\">\n              {item.href ? (\n                <a\n                  href={item.href}\n                  aria-current={active ? 'page' : undefined}\n                  onClick={(e) => onValueChange?.(item.id, e)}\n                  className={classes}\n                >\n                  {content}\n                </a>\n              ) : (\n                <button\n                  type=\"button\"\n                  aria-current={active ? 'page' : undefined}\n                  onClick={(e) => onValueChange?.(item.id, e)}\n                  className={classes}\n                >\n                  {content}\n                </button>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n\nexport { MobileNav };\n"],"mappings":";;;;;;;;;AAmCA,SAAS,UAAU,EACjB,OACA,OACA,eACA,WAAW,UACX,WACA,cAAc,YAAY,WAC1B,GAAG,SACc;CACjB,OACE,oBAAC,OAAD;EACE,aAAU;EACV,cAAY;EACZ,WAAW,GACT,iLACA,aAAa,WAAW,iCACxB,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,MAAD;GAAI,WAAU;GACX,UAAA,MAAM,KAAK,SAAS;IACnB,MAAM,SAAS,KAAK,OAAO;IAC3B,MAAM,QAAQ,OAAO,KAAK,UAAU,YAAY,KAAK,QAAQ,IAAI,KAAK,QAAQ,KAAA;IAC9E,MAAM,MAAM,KAAK,UAAU;IAC3B,MAAM,UACJ,qBAAAA,UAAA,EAAA,UAAA;KACE,qBAAC,QAAD;MAAM,WAAU;MAA0B,eAAA;MAA1C,UAAA,CACG,KAAK,OACJ,UAAU,KAAA,KAAa,QACvB,oBAAC,QAAD;OACE,WAAW,GACT,kLACA,UAAU,KAAA,IAAY,qBAAqB,QAC7C;OAEC,UAAA,UAAU,KAAA,IAAa,QAAQ,KAAK,QAAQ,QAAS;MAClD,CAAA,CAEJ;;KACN,oBAAC,QAAD;MAAM,WAAU;MAAuB,UAAA,KAAK;KAAY,CAAA;KACvD,UAAU,KAAA,KAAa,qBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OAA0B;OAAG;OAAM;MAAU;;KACpE,OAAO,oBAAC,QAAD;MAAM,WAAU;MAAU,UAAA;KAAW,CAAA;IAC7C,EAAA,CAAA;IAEJ,MAAM,UAAU,GACd,8TACA,UAAU,6BACZ;IACA,OACE,oBAAC,MAAD;KAAkB,WAAU;KACzB,UAAA,KAAK,OACJ,oBAAC,KAAD;MACE,MAAM,KAAK;MACX,gBAAc,SAAS,SAAS,KAAA;MAChC,UAAU,MAAM,gBAAgB,KAAK,IAAI,CAAC;MAC1C,WAAW;MAEV,UAAA;KACA,CAAA,IAEH,oBAAC,UAAD;MACE,MAAK;MACL,gBAAc,SAAS,SAAS,KAAA;MAChC,UAAU,MAAM,gBAAgB,KAAK,IAAI,CAAC;MAC1C,WAAW;MAEV,UAAA;KACK,CAAA;IAER,GApBK,KAAK,EAoBV;GAER,CAAC;EACC,CAAA;CACD,CAAA;AAET"}
+{"version":3,"file":"mobile-nav.js","names":["_Fragment"],"sources":["../../src/components/mobile-nav.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nexport interface MobileNavItem {\n  id: string;\n  label: string;\n  /** An icon element, e.g. <MessageSquare />; sized to 20px. */\n  icon: React.ReactNode;\n  /** Renders a link; leave out for a button that only calls onValueChange. */\n  href?: string;\n  /** A count, or true for a dot. */\n  badge?: number | boolean;\n}\n\nexport interface MobileNavProps extends Omit<React.ComponentProps<'nav'>, 'onChange'> {\n  /** Three to five destinations the app defines. */\n  items: MobileNavItem[];\n  /** The current destination's id. */\n  value: string;\n  /**\n   * Called on every press. For a link, call `event.preventDefault()` and\n   * route yourself to keep a single-page app from reloading.\n   */\n  onValueChange?: (id: string, event: React.MouseEvent<HTMLElement>) => void;\n  /** `fixed` pins it to the bottom of the viewport. */\n  position?: 'fixed' | 'static';\n  'aria-label'?: string;\n}\n\n/**\n * The phone's bottom tab bar: icon over a visible label, 44px+ targets, and\n * room for the home indicator (safe-area insets). Destinations come from the\n * app; don't pad it with empty sections.\n */\nfunction MobileNav({\n  items,\n  value,\n  onValueChange,\n  position = 'static',\n  className,\n  'aria-label': ariaLabel = 'Primary',\n  ...props\n}: MobileNavProps) {\n  return (\n    <nav\n      data-slot=\"mobile-nav\"\n      aria-label={ariaLabel}\n      className={cn(\n        'border-t bg-surface/95 pr-[env(safe-area-inset-right)] pb-[env(safe-area-inset-bottom)] pl-[env(safe-area-inset-left)] backdrop-blur supports-[backdrop-filter]:bg-surface/80',\n        position === 'fixed' && 'fixed inset-x-0 bottom-0 z-40',\n        className,\n      )}\n      {...props}\n    >\n      <ul className=\"mx-auto flex max-w-lg\">\n        {items.map((item) => {\n          const active = item.id === value;\n          const count = typeof item.badge === 'number' && item.badge > 0 ? item.badge : undefined;\n          const dot = item.badge === true;\n          const content = (\n            <>\n              <span className=\"relative [&_svg]:size-5\" aria-hidden>\n                {item.icon}\n                {(count !== undefined || dot) && (\n                  <span\n                    className={cn(\n                      'absolute -top-1 left-3 grid place-items-center rounded-full bg-destructive text-[10px] leading-none font-semibold text-destructive-foreground ring-2 ring-surface tabular-nums',\n                      count !== undefined ? 'h-4 min-w-4 px-1' : 'size-2',\n                    )}\n                  >\n                    {count !== undefined ? (count > 99 ? '99+' : count) : null}\n                  </span>\n                )}\n              </span>\n              <span className=\"max-w-full truncate\">{item.label}</span>\n              {count !== undefined && <span className=\"sr-only\">, {count} new</span>}\n              {dot && <span className=\"sr-only\">, new</span>}\n            </>\n          );\n          const classes = cn(\n            'flex min-h-14 w-full min-w-11 flex-col items-center justify-center gap-1 px-1 py-1.5 text-[11px] font-medium text-muted-foreground outline-none transition-colors select-none [-webkit-tap-highlight-color:transparent] hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/25 focus-visible:ring-inset',\n            active && 'text-brand hover:text-brand',\n          );\n          return (\n            <li key={item.id} className=\"min-w-0 flex-1\">\n              {item.href ? (\n                <a\n                  href={item.href}\n                  aria-current={active ? 'page' : undefined}\n                  onClick={(e) => onValueChange?.(item.id, e)}\n                  className={classes}\n                >\n                  {content}\n                </a>\n              ) : (\n                <button\n                  type=\"button\"\n                  aria-current={active ? 'page' : undefined}\n                  onClick={(e) => onValueChange?.(item.id, e)}\n                  className={classes}\n                >\n                  {content}\n                </button>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n\nexport { MobileNav };\n"],"mappings":";;;;;;;;;;AAmCA,SAAS,UAAU,EACjB,OACA,OACA,eACA,WAAW,UACX,WACA,cAAc,YAAY,WAC1B,GAAG,SACc;CACjB,OACE,oBAAC,OAAD;EACE,aAAU;EACV,cAAY;EACZ,WAAW,GACT,iLACA,aAAa,WAAW,iCACxB,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,MAAD;GAAI,WAAU;GACX,UAAA,MAAM,KAAK,SAAS;IACnB,MAAM,SAAS,KAAK,OAAO;IAC3B,MAAM,QAAQ,OAAO,KAAK,UAAU,YAAY,KAAK,QAAQ,IAAI,KAAK,QAAQ,KAAA;IAC9E,MAAM,MAAM,KAAK,UAAU;IAC3B,MAAM,UACJ,qBAAAA,UAAA,EAAA,UAAA;KACE,qBAAC,QAAD;MAAM,WAAU;MAA0B,eAAA;MAA1C,UAAA,CACG,KAAK,OACJ,UAAU,KAAA,KAAa,QACvB,oBAAC,QAAD;OACE,WAAW,GACT,kLACA,UAAU,KAAA,IAAY,qBAAqB,QAC7C;OAEC,UAAA,UAAU,KAAA,IAAa,QAAQ,KAAK,QAAQ,QAAS;MAClD,CAAA,CAEJ;;KACN,oBAAC,QAAD;MAAM,WAAU;MAAuB,UAAA,KAAK;KAAY,CAAA;KACvD,UAAU,KAAA,KAAa,qBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OAA0B;OAAG;OAAM;MAAU;;KACpE,OAAO,oBAAC,QAAD;MAAM,WAAU;MAAU,UAAA;KAAW,CAAA;IAC7C,EAAA,CAAA;IAEJ,MAAM,UAAU,GACd,8TACA,UAAU,6BACZ;IACA,OACE,oBAAC,MAAD;KAAkB,WAAU;KACzB,UAAA,KAAK,OACJ,oBAAC,KAAD;MACE,MAAM,KAAK;MACX,gBAAc,SAAS,SAAS,KAAA;MAChC,UAAU,MAAM,gBAAgB,KAAK,IAAI,CAAC;MAC1C,WAAW;MAEV,UAAA;KACA,CAAA,IAEH,oBAAC,UAAD;MACE,MAAK;MACL,gBAAc,SAAS,SAAS,KAAA;MAChC,UAAU,MAAM,gBAAgB,KAAK,IAAI,CAAC;MAC1C,WAAW;MAEV,UAAA;KACK,CAAA;IAER,GApBK,KAAK,EAoBV;GAER,CAAC;EACC,CAAA;CACD,CAAA;AAET"}

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

@@ -1,5 +1,5 @@
-import { NavigationMenu as NavigationMenuPrimitive } from 'radix-ui';
 import * as React from 'react';
+import * as NavigationMenuPrimitive from '../primitives/vendor/radix/react-navigation-menu';
 /**
  * Site navigation with dropdown panels (a products menu, docs sections).
  * Keyboard and screen-reader behaviour come from Radix; the panel renders in

package/dist/components/navigation-menu.js

@@ -1,6 +1,7 @@
+"use client";
 import { cn } from "../lib/utils.js";
+import { Content, Indicator, Item, Link, List, Root, Trigger, Viewport } from "../primitives/vendor/radix/react-navigation-menu/navigation-menu.js";
 import ChevronDown from "@burtson-labs/icons/react/chevron-down";
-import { NavigationMenu } from "radix-ui";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/navigation-menu.tsx
@@ -9,8 +10,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Keyboard and screen-reader behaviour come from Radix; the panel renders in
 * a shared viewport under the bar, sized to its content.
 */
-function NavigationMenu$1({ className, children, viewport = true, ...props }) {
-	return /* @__PURE__ */ jsxs(NavigationMenu.Root, {
+function NavigationMenu({ className, children, viewport = true, ...props }) {
+	return /* @__PURE__ */ jsxs(Root, {
 		"data-slot": "navigation-menu",
 		"data-viewport": viewport,
 		className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
@@ -19,14 +20,14 @@ function NavigationMenu$1({ className, children, viewport = true, ...props }) {
 	});
 }
 function NavigationMenuList({ className, ...props }) {
-	return /* @__PURE__ */ jsx(NavigationMenu.List, {
+	return /* @__PURE__ */ jsx(List, {
 		"data-slot": "navigation-menu-list",
 		className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
 		...props
 	});
 }
 function NavigationMenuItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx(NavigationMenu.Item, {
+	return /* @__PURE__ */ jsx(Item, {
 		"data-slot": "navigation-menu-item",
 		className: cn("relative", className),
 		...props
@@ -35,7 +36,7 @@ function NavigationMenuItem({ className, ...props }) {
 /** The look of a top-level entry, for links that sit beside triggers. */
 var navigationMenuTriggerStyle = "group inline-flex h-9 w-max items-center justify-center gap-1 rounded-md px-3 text-sm font-semibold text-foreground/80 outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/20 disabled:pointer-events-none disabled:opacity-50 data-[active]:text-foreground data-[state=open]:bg-muted data-[state=open]:text-foreground";
 function NavigationMenuTrigger({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(NavigationMenu.Trigger, {
+	return /* @__PURE__ */ jsxs(Trigger, {
 		"data-slot": "navigation-menu-trigger",
 		className: cn(navigationMenuTriggerStyle, className),
 		...props,
@@ -46,7 +47,7 @@ function NavigationMenuTrigger({ className, children, ...props }) {
 	});
 }
 function NavigationMenuContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(NavigationMenu.Content, {
+	return /* @__PURE__ */ jsx(Content, {
 		"data-slot": "navigation-menu-content",
 		className: cn("top-0 left-0 w-full p-2 md:absolute md:w-auto data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion=from-end]:[--bl-tx:24px] data-[motion=from-start]:[--bl-tx:-24px] data-[motion=to-end]:[--bl-tx:24px] data-[motion=to-start]:[--bl-tx:-24px] [--bl-scale:1]", className),
 		...props
@@ -55,7 +56,7 @@ function NavigationMenuContent({ className, ...props }) {
 function NavigationMenuViewport({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "absolute top-full left-0 z-50 flex justify-center",
-		children: /* @__PURE__ */ jsx(NavigationMenu.Viewport, {
+		children: /* @__PURE__ */ jsx(Viewport, {
 			"data-slot": "navigation-menu-viewport",
 			className: cn("relative mt-2 h-(--radix-navigation-menu-viewport-height) w-full origin-top overflow-hidden rounded-lg border border-border-strong bg-surface-raised text-popover-foreground shadow-[0_16px_48px_rgb(0_0_0_/_0.18)] transition-[width,height] duration-200 [--bl-ty:-6px] data-[state=closed]:animate-out data-[state=open]:animate-in md:w-(--radix-navigation-menu-viewport-width)", className),
 			...props
@@ -63,14 +64,14 @@ function NavigationMenuViewport({ className, ...props }) {
 	});
 }
 function NavigationMenuLink({ className, ...props }) {
-	return /* @__PURE__ */ jsx(NavigationMenu.Link, {
+	return /* @__PURE__ */ jsx(Link, {
 		"data-slot": "navigation-menu-link",
 		className: cn("flex flex-col gap-1 rounded-sm p-2 text-sm outline-none transition-colors hover:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/20 data-[active=true]:bg-muted data-[active=true]:shadow-[inset_2px_0_0_var(--color-brand)] [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className),
 		...props
 	});
 }
 function NavigationMenuIndicator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(NavigationMenu.Indicator, {
+	return /* @__PURE__ */ jsx(Indicator, {
 		"data-slot": "navigation-menu-indicator",
 		className: cn("top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=visible]:animate-in", className),
 		...props,
@@ -78,6 +79,6 @@ function NavigationMenuIndicator({ className, ...props }) {
 	});
 }
 //#endregion
-export { NavigationMenu$1 as NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
 
 //# sourceMappingURL=navigation-menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.js","names":["NavigationMenu","NavigationMenuPrimitive"],"sources":["../../src/components/navigation-menu.tsx"],"sourcesContent":["import ChevronDown from '@burtson-labs/icons/react/chevron-down';\nimport { NavigationMenu as NavigationMenuPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\n/**\n * Site navigation with dropdown panels (a products menu, docs sections).\n * Keyboard and screen-reader behaviour come from Radix; the panel renders in\n * a shared viewport under the bar, sized to its content.\n */\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & { viewport?: boolean }) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn(\n        'group/navigation-menu relative flex max-w-max flex-1 items-center justify-center',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn('group flex flex-1 list-none items-center justify-center gap-1', className)}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn('relative', className)}\n      {...props}\n    />\n  );\n}\n\n/** The look of a top-level entry, for links that sit beside triggers. */\nconst navigationMenuTriggerStyle =\n  'group inline-flex h-9 w-max items-center justify-center gap-1 rounded-md px-3 text-sm font-semibold text-foreground/80 outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/20 disabled:pointer-events-none disabled:opacity-50 data-[active]:text-foreground data-[state=open]:bg-muted data-[state=open]:text-foreground';\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle, className)}\n      {...props}\n    >\n      {children}\n      <ChevronDown\n        aria-hidden\n        className=\"relative top-px size-3.5 transition-transform duration-200 group-data-[state=open]:rotate-180\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        'top-0 left-0 w-full p-2 md:absolute md:w-auto data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion=from-end]:[--bl-tx:24px] data-[motion=from-start]:[--bl-tx:-24px] data-[motion=to-end]:[--bl-tx:24px] data-[motion=to-start]:[--bl-tx:-24px] [--bl-scale:1]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div className=\"absolute top-full left-0 z-50 flex justify-center\">\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          'relative mt-2 h-(--radix-navigation-menu-viewport-height) w-full origin-top overflow-hidden rounded-lg border border-border-strong bg-surface-raised text-popover-foreground shadow-[0_16px_48px_rgb(0_0_0_/_0.18)] transition-[width,height] duration-200 [--bl-ty:-6px] data-[state=closed]:animate-out data-[state=open]:animate-in md:w-(--radix-navigation-menu-viewport-width)',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"flex flex-col gap-1 rounded-sm p-2 text-sm outline-none transition-colors hover:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/20 data-[active=true]:bg-muted data-[active=true]:shadow-[inset_2px_0_0_var(--color-brand)] [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        'top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=visible]:animate-in',\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-border-strong\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n  NavigationMenuViewport,\n};\n"],"mappings":";;;;;;;;;;;AAWA,SAASA,iBAAe,EACtB,WACA,UACA,WAAW,MACX,GAAG,SACkF;CACrF,OACE,qBAACC,eAAwB,MAAzB;EACE,aAAU;EACV,iBAAe;EACf,WAAW,GACT,oFACA,SACF;EACA,GAAI;EAPN,UAAA,CASG,UACA,YAAY,oBAAC,wBAAD,CAAyB,CAAA,CACV;;AAElC;AAEA,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;CAC5D,OACE,oBAACA,eAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GAAG,iEAAiE,SAAS;EACxF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;CAC5D,OACE,oBAACA,eAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GAAG,YAAY,SAAS;EACnC,GAAI;CACL,CAAA;AAEL;;AAGA,IAAM,6BACJ;AAEF,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SAC4D;CAC/D,OACE,qBAACA,eAAwB,SAAzB;EACE,aAAU;EACV,WAAW,GAAG,4BAA4B,SAAS;EACnD,GAAI;EAHN,UAAA,CAKG,UACD,oBAAC,aAAD;GACE,eAAA;GACA,WAAU;EACX,CAAA,CAC8B;;AAErC;AAEA,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAC4D;CAC/D,OACE,oBAACA,eAAwB,SAAzB;EACE,aAAU;EACV,WAAW,GACT,yRACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;CAChE,OACE,oBAAC,OAAD;EAAK,WAAU;EACb,UAAA,oBAACA,eAAwB,UAAzB;GACE,aAAU;GACV,WAAW,GACT,wXACA,SACF;GACA,GAAI;EACL,CAAA;CACE,CAAA;AAET;AAEA,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;CAC5D,OACE,oBAACA,eAAwB,MAAzB;EACE,aAAU;EACV,WAAW,GACT,kUACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,wBAAwB,EAC/B,WACA,GAAG,SAC8D;CACjE,OACE,oBAACA,eAAwB,WAAzB;EACE,aAAU;EACV,WAAW,GACT,sIACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,OAAD,EAAK,WAAU,qEAAsE,CAAA;CACpD,CAAA;AAEvC"}
+{"version":3,"file":"navigation-menu.js","names":["NavigationMenuPrimitive.Root","NavigationMenuPrimitive.List","NavigationMenuPrimitive.Item","NavigationMenuPrimitive.Trigger","NavigationMenuPrimitive.Content","NavigationMenuPrimitive.Viewport","NavigationMenuPrimitive.Link","NavigationMenuPrimitive.Indicator"],"sources":["../../src/components/navigation-menu.tsx"],"sourcesContent":["import ChevronDown from '@burtson-labs/icons/react/chevron-down';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport * as NavigationMenuPrimitive from '../primitives/vendor/radix/react-navigation-menu';\n\n/**\n * Site navigation with dropdown panels (a products menu, docs sections).\n * Keyboard and screen-reader behaviour come from Radix; the panel renders in\n * a shared viewport under the bar, sized to its content.\n */\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & { viewport?: boolean }) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn(\n        'group/navigation-menu relative flex max-w-max flex-1 items-center justify-center',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn('group flex flex-1 list-none items-center justify-center gap-1', className)}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn('relative', className)}\n      {...props}\n    />\n  );\n}\n\n/** The look of a top-level entry, for links that sit beside triggers. */\nconst navigationMenuTriggerStyle =\n  'group inline-flex h-9 w-max items-center justify-center gap-1 rounded-md px-3 text-sm font-semibold text-foreground/80 outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/20 disabled:pointer-events-none disabled:opacity-50 data-[active]:text-foreground data-[state=open]:bg-muted data-[state=open]:text-foreground';\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle, className)}\n      {...props}\n    >\n      {children}\n      <ChevronDown\n        aria-hidden\n        className=\"relative top-px size-3.5 transition-transform duration-200 group-data-[state=open]:rotate-180\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        'top-0 left-0 w-full p-2 md:absolute md:w-auto data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion=from-end]:[--bl-tx:24px] data-[motion=from-start]:[--bl-tx:-24px] data-[motion=to-end]:[--bl-tx:24px] data-[motion=to-start]:[--bl-tx:-24px] [--bl-scale:1]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div className=\"absolute top-full left-0 z-50 flex justify-center\">\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          'relative mt-2 h-(--radix-navigation-menu-viewport-height) w-full origin-top overflow-hidden rounded-lg border border-border-strong bg-surface-raised text-popover-foreground shadow-[0_16px_48px_rgb(0_0_0_/_0.18)] transition-[width,height] duration-200 [--bl-ty:-6px] data-[state=closed]:animate-out data-[state=open]:animate-in md:w-(--radix-navigation-menu-viewport-width)',\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"flex flex-col gap-1 rounded-sm p-2 text-sm outline-none transition-colors hover:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/20 data-[active=true]:bg-muted data-[active=true]:shadow-[inset_2px_0_0_var(--color-brand)] [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        'top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=visible]:animate-in',\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-border-strong\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  navigationMenuTriggerStyle,\n  NavigationMenuViewport,\n};\n"],"mappings":";;;;;;;;;;;;AAWA,SAAS,eAAe,EACtB,WACA,UACA,WAAW,MACX,GAAG,SACkF;CACrF,OACE,qBAACA,MAAD;EACE,aAAU;EACV,iBAAe;EACf,WAAW,GACT,oFACA,SACF;EACA,GAAI;EAPN,UAAA,CASG,UACA,YAAY,oBAAC,wBAAD,CAAyB,CAAA,CACV;;AAElC;AAEA,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;CAC5D,OACE,oBAACC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,iEAAiE,SAAS;EACxF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;CAC5D,OACE,oBAACC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,YAAY,SAAS;EACnC,GAAI;CACL,CAAA;AAEL;;AAGA,IAAM,6BACJ;AAEF,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SAC4D;CAC/D,OACE,qBAACC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,4BAA4B,SAAS;EACnD,GAAI;EAHN,UAAA,CAKG,UACD,oBAAC,aAAD;GACE,eAAA;GACA,WAAU;EACX,CAAA,CAC8B;;AAErC;AAEA,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAC4D;CAC/D,OACE,oBAACC,SAAD;EACE,aAAU;EACV,WAAW,GACT,yRACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;CAChE,OACE,oBAAC,OAAD;EAAK,WAAU;EACb,UAAA,oBAACC,UAAD;GACE,aAAU;GACV,WAAW,GACT,wXACA,SACF;GACA,GAAI;EACL,CAAA;CACE,CAAA;AAET;AAEA,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;CAC5D,OACE,oBAACC,MAAD;EACE,aAAU;EACV,WAAW,GACT,kUACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,wBAAwB,EAC/B,WACA,GAAG,SAC8D;CACjE,OACE,oBAACC,WAAD;EACE,aAAU;EACV,WAAW,GACT,sIACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,OAAD,EAAK,WAAU,qEAAsE,CAAA;CACpD,CAAA;AAEvC"}

package/dist/components/onboarding-checklist.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from "../lib/utils.js";
 import { Progress } from "./progress.js";
 import * as React from "react";

package/dist/components/onboarding-checklist.js.map

@@ -1 +1 @@
-{"version":3,"file":"onboarding-checklist.js","names":[],"sources":["../../src/components/onboarding-checklist.tsx"],"sourcesContent":["import CheckCircle from '@burtson-labs/icons/react/check-circle';\nimport CircleDashed from '@burtson-labs/icons/react/circle-dashed';\nimport X from '@burtson-labs/icons/react/x';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { Progress } from './progress';\n\nexport interface ChecklistItem {\n  id: string;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  /** Set from real app events (a repo opened, a provider tested), never from a click on the list. */\n  done: boolean;\n  /** A button or link that starts the task. Hidden once done. */\n  action?: React.ReactNode;\n}\n\nexport interface OnboardingChecklistProps extends Omit<React.ComponentProps<'section'>, 'title'> {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  items: ChecklistItem[];\n  /** Shows a close button. Persist the dismissal yourself. */\n  onDismiss?: () => void;\n  dismissLabel?: string;\n  /** Replaces the list once every item is done. */\n  complete?: React.ReactNode;\n}\n\n/**\n * A short list of first tasks with progress. The app decides when each task\n * is done and whether the list shows at all; this renders it.\n */\nfunction OnboardingChecklist({\n  title,\n  description,\n  items,\n  onDismiss,\n  dismissLabel = 'Dismiss checklist',\n  complete,\n  className,\n  ...props\n}: OnboardingChecklistProps) {\n  const titleId = React.useId();\n  const done = items.filter((i) => i.done).length;\n  const allDone = items.length > 0 && done === items.length;\n  return (\n    <section\n      data-slot=\"onboarding-checklist\"\n      aria-labelledby={titleId}\n      className={cn('rounded-lg border bg-card p-4 text-[13px] text-card-foreground', className)}\n      {...props}\n    >\n      <div className=\"flex items-start gap-3\">\n        <div className=\"min-w-0 flex-1\">\n          <h2 id={titleId} className=\"text-sm font-semibold\">\n            {title}\n          </h2>\n          {description && <p className=\"mt-0.5 text-muted-foreground\">{description}</p>}\n        </div>\n        {onDismiss && (\n          <button\n            type=\"button\"\n            aria-label={dismissLabel}\n            onClick={onDismiss}\n            className=\"-me-1 -mt-1 flex size-7 shrink-0 items-center justify-center rounded-sm text-muted-foreground outline-none hover:bg-muted hover:text-foreground focus-visible:shadow-[inset_0_0_0_1px_var(--ring)]\"\n          >\n            <X aria-hidden className=\"size-4\" />\n          </button>\n        )}\n      </div>\n      <div className=\"mt-3 flex items-center gap-3\">\n        <Progress\n          value={done}\n          max={Math.max(items.length, 1)}\n          aria-label={`${done} of ${items.length} done`}\n          className=\"flex-1\"\n        />\n        <span className=\"shrink-0 text-xs text-muted-foreground tabular-nums\" aria-hidden>\n          {done}/{items.length}\n        </span>\n      </div>\n      {allDone && complete ? (\n        <div className=\"mt-3\">{complete}</div>\n      ) : (\n        <ul className=\"mt-3 flex flex-col gap-1\">\n          {items.map((item) => (\n            <li\n              key={item.id}\n              data-slot=\"onboarding-checklist-item\"\n              data-state={item.done ? 'done' : 'todo'}\n              className=\"flex items-start gap-2.5 rounded-md px-1 py-1.5\"\n            >\n              {item.done ? (\n                <CheckCircle aria-hidden className=\"mt-px size-4 shrink-0 text-success\" />\n              ) : (\n                <CircleDashed aria-hidden className=\"mt-px size-4 shrink-0 text-muted-foreground\" />\n              )}\n              <div className=\"min-w-0 flex-1\">\n                <p className={cn('font-medium', item.done && 'text-muted-foreground line-through')}>\n                  {item.title}\n                  <span className=\"sr-only\">{item.done ? ', done' : ', not done'}</span>\n                </p>\n                {item.description && !item.done && (\n                  <p className=\"mt-0.5 text-muted-foreground\">{item.description}</p>\n                )}\n              </div>\n              {item.action && !item.done && <div className=\"shrink-0\">{item.action}</div>}\n            </li>\n          ))}\n        </ul>\n      )}\n    </section>\n  );\n}\n\nexport { OnboardingChecklist };\n"],"mappings":";;;;;;;;;;;;AAkCA,SAAS,oBAAoB,EAC3B,OACA,aACA,OACA,WACA,eAAe,qBACf,UACA,WACA,GAAG,SACwB;CAC3B,MAAM,UAAU,MAAM,MAAM;CAC5B,MAAM,OAAO,MAAM,QAAQ,MAAM,EAAE,IAAI,CAAC,CAAC;CACzC,MAAM,UAAU,MAAM,SAAS,KAAK,SAAS,MAAM;CACnD,OACE,qBAAC,WAAD;EACE,aAAU;EACV,mBAAiB;EACjB,WAAW,GAAG,kEAAkE,SAAS;EACzF,GAAI;EAJN,UAAA;GAME,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,oBAAC,MAAD;MAAI,IAAI;MAAS,WAAU;MACxB,UAAA;KACC,CAAA,GACH,eAAe,oBAAC,KAAD;MAAG,WAAU;MAAgC,UAAA;KAAe,CAAA,CACzE;IACJ,CAAA,GAAA,aACC,oBAAC,UAAD;KACE,MAAK;KACL,cAAY;KACZ,SAAS;KACT,WAAU;KAEV,UAAA,oBAAC,GAAD;MAAG,eAAA;MAAY,WAAU;KAAU,CAAA;IAC7B,CAAA,CAEP;;GACL,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,UAAD;KACE,OAAO;KACP,KAAK,KAAK,IAAI,MAAM,QAAQ,CAAC;KAC7B,cAAY,GAAG,KAAK,MAAM,MAAM,OAAO;KACvC,WAAU;IACX,CAAA,GACD,qBAAC,QAAD;KAAM,WAAU;KAAsD,eAAA;KAAtE,UAAA;MACG;MAAK;MAAE,MAAM;KACV;IACH,CAAA,CAAA;;GACJ,WAAW,WACV,oBAAC,OAAD;IAAK,WAAU;IAAQ,UAAA;GAAc,CAAA,IAErC,oBAAC,MAAD;IAAI,WAAU;IACX,UAAA,MAAM,KAAK,SACV,qBAAC,MAAD;KAEE,aAAU;KACV,cAAY,KAAK,OAAO,SAAS;KACjC,WAAU;KAJZ,UAAA;MAMG,KAAK,OACJ,oBAAC,aAAD;OAAa,eAAA;OAAY,WAAU;MAAsC,CAAA,IAEzE,oBAAC,cAAD;OAAc,eAAA;OAAY,WAAU;MAA+C,CAAA;MAErF,qBAAC,OAAD;OAAK,WAAU;OAAf,UAAA,CACE,qBAAC,KAAD;QAAG,WAAW,GAAG,eAAe,KAAK,QAAQ,oCAAoC;QAAjF,UAAA,CACG,KAAK,OACN,oBAAC,QAAD;SAAM,WAAU;SAAW,UAAA,KAAK,OAAO,WAAW;QAAmB,CAAA,CACpE;OACF,CAAA,GAAA,KAAK,eAAe,CAAC,KAAK,QACzB,oBAAC,KAAD;QAAG,WAAU;QAAgC,UAAA,KAAK;OAAe,CAAA,CAEhE;;MACJ,KAAK,UAAU,CAAC,KAAK,QAAQ,oBAAC,OAAD;OAAK,WAAU;OAAY,UAAA,KAAK;MAAY,CAAA;KACxE;IApBG,GAAA,KAAK,EAoBR,CACL;GACC,CAAA;EAEC;;AAEb"}
+{"version":3,"file":"onboarding-checklist.js","names":[],"sources":["../../src/components/onboarding-checklist.tsx"],"sourcesContent":["import CheckCircle from '@burtson-labs/icons/react/check-circle';\nimport CircleDashed from '@burtson-labs/icons/react/circle-dashed';\nimport X from '@burtson-labs/icons/react/x';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { Progress } from './progress';\n\nexport interface ChecklistItem {\n  id: string;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  /** Set from real app events (a repo opened, a provider tested), never from a click on the list. */\n  done: boolean;\n  /** A button or link that starts the task. Hidden once done. */\n  action?: React.ReactNode;\n}\n\nexport interface OnboardingChecklistProps extends Omit<React.ComponentProps<'section'>, 'title'> {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  items: ChecklistItem[];\n  /** Shows a close button. Persist the dismissal yourself. */\n  onDismiss?: () => void;\n  dismissLabel?: string;\n  /** Replaces the list once every item is done. */\n  complete?: React.ReactNode;\n}\n\n/**\n * A short list of first tasks with progress. The app decides when each task\n * is done and whether the list shows at all; this renders it.\n */\nfunction OnboardingChecklist({\n  title,\n  description,\n  items,\n  onDismiss,\n  dismissLabel = 'Dismiss checklist',\n  complete,\n  className,\n  ...props\n}: OnboardingChecklistProps) {\n  const titleId = React.useId();\n  const done = items.filter((i) => i.done).length;\n  const allDone = items.length > 0 && done === items.length;\n  return (\n    <section\n      data-slot=\"onboarding-checklist\"\n      aria-labelledby={titleId}\n      className={cn('rounded-lg border bg-card p-4 text-[13px] text-card-foreground', className)}\n      {...props}\n    >\n      <div className=\"flex items-start gap-3\">\n        <div className=\"min-w-0 flex-1\">\n          <h2 id={titleId} className=\"text-sm font-semibold\">\n            {title}\n          </h2>\n          {description && <p className=\"mt-0.5 text-muted-foreground\">{description}</p>}\n        </div>\n        {onDismiss && (\n          <button\n            type=\"button\"\n            aria-label={dismissLabel}\n            onClick={onDismiss}\n            className=\"-me-1 -mt-1 flex size-7 shrink-0 items-center justify-center rounded-sm text-muted-foreground outline-none hover:bg-muted hover:text-foreground focus-visible:shadow-[inset_0_0_0_1px_var(--ring)]\"\n          >\n            <X aria-hidden className=\"size-4\" />\n          </button>\n        )}\n      </div>\n      <div className=\"mt-3 flex items-center gap-3\">\n        <Progress\n          value={done}\n          max={Math.max(items.length, 1)}\n          aria-label={`${done} of ${items.length} done`}\n          className=\"flex-1\"\n        />\n        <span className=\"shrink-0 text-xs text-muted-foreground tabular-nums\" aria-hidden>\n          {done}/{items.length}\n        </span>\n      </div>\n      {allDone && complete ? (\n        <div className=\"mt-3\">{complete}</div>\n      ) : (\n        <ul className=\"mt-3 flex flex-col gap-1\">\n          {items.map((item) => (\n            <li\n              key={item.id}\n              data-slot=\"onboarding-checklist-item\"\n              data-state={item.done ? 'done' : 'todo'}\n              className=\"flex items-start gap-2.5 rounded-md px-1 py-1.5\"\n            >\n              {item.done ? (\n                <CheckCircle aria-hidden className=\"mt-px size-4 shrink-0 text-success\" />\n              ) : (\n                <CircleDashed aria-hidden className=\"mt-px size-4 shrink-0 text-muted-foreground\" />\n              )}\n              <div className=\"min-w-0 flex-1\">\n                <p className={cn('font-medium', item.done && 'text-muted-foreground line-through')}>\n                  {item.title}\n                  <span className=\"sr-only\">{item.done ? ', done' : ', not done'}</span>\n                </p>\n                {item.description && !item.done && (\n                  <p className=\"mt-0.5 text-muted-foreground\">{item.description}</p>\n                )}\n              </div>\n              {item.action && !item.done && <div className=\"shrink-0\">{item.action}</div>}\n            </li>\n          ))}\n        </ul>\n      )}\n    </section>\n  );\n}\n\nexport { OnboardingChecklist };\n"],"mappings":";;;;;;;;;;;;;AAkCA,SAAS,oBAAoB,EAC3B,OACA,aACA,OACA,WACA,eAAe,qBACf,UACA,WACA,GAAG,SACwB;CAC3B,MAAM,UAAU,MAAM,MAAM;CAC5B,MAAM,OAAO,MAAM,QAAQ,MAAM,EAAE,IAAI,CAAC,CAAC;CACzC,MAAM,UAAU,MAAM,SAAS,KAAK,SAAS,MAAM;CACnD,OACE,qBAAC,WAAD;EACE,aAAU;EACV,mBAAiB;EACjB,WAAW,GAAG,kEAAkE,SAAS;EACzF,GAAI;EAJN,UAAA;GAME,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,oBAAC,MAAD;MAAI,IAAI;MAAS,WAAU;MACxB,UAAA;KACC,CAAA,GACH,eAAe,oBAAC,KAAD;MAAG,WAAU;MAAgC,UAAA;KAAe,CAAA,CACzE;IACJ,CAAA,GAAA,aACC,oBAAC,UAAD;KACE,MAAK;KACL,cAAY;KACZ,SAAS;KACT,WAAU;KAEV,UAAA,oBAAC,GAAD;MAAG,eAAA;MAAY,WAAU;KAAU,CAAA;IAC7B,CAAA,CAEP;;GACL,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,oBAAC,UAAD;KACE,OAAO;KACP,KAAK,KAAK,IAAI,MAAM,QAAQ,CAAC;KAC7B,cAAY,GAAG,KAAK,MAAM,MAAM,OAAO;KACvC,WAAU;IACX,CAAA,GACD,qBAAC,QAAD;KAAM,WAAU;KAAsD,eAAA;KAAtE,UAAA;MACG;MAAK;MAAE,MAAM;KACV;IACH,CAAA,CAAA;;GACJ,WAAW,WACV,oBAAC,OAAD;IAAK,WAAU;IAAQ,UAAA;GAAc,CAAA,IAErC,oBAAC,MAAD;IAAI,WAAU;IACX,UAAA,MAAM,KAAK,SACV,qBAAC,MAAD;KAEE,aAAU;KACV,cAAY,KAAK,OAAO,SAAS;KACjC,WAAU;KAJZ,UAAA;MAMG,KAAK,OACJ,oBAAC,aAAD;OAAa,eAAA;OAAY,WAAU;MAAsC,CAAA,IAEzE,oBAAC,cAAD;OAAc,eAAA;OAAY,WAAU;MAA+C,CAAA;MAErF,qBAAC,OAAD;OAAK,WAAU;OAAf,UAAA,CACE,qBAAC,KAAD;QAAG,WAAW,GAAG,eAAe,KAAK,QAAQ,oCAAoC;QAAjF,UAAA,CACG,KAAK,OACN,oBAAC,QAAD;SAAM,WAAU;SAAW,UAAA,KAAK,OAAO,WAAW;QAAmB,CAAA,CACpE;OACF,CAAA,GAAA,KAAK,eAAe,CAAC,KAAK,QACzB,oBAAC,KAAD;QAAG,WAAU;QAAgC,UAAA,KAAK;OAAe,CAAA,CAEhE;;MACJ,KAAK,UAAU,CAAC,KAAK,QAAQ,oBAAC,OAAD;OAAK,WAAU;OAAY,UAAA,KAAK;MAAY,CAAA;KACxE;IApBG,GAAA,KAAK,EAoBR,CACL;GACC,CAAA;EAEC;;AAEb"}

package/dist/components/page-header.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from "../lib/utils.js";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/page-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.js","names":[],"sources":["../../src/components/page-header.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction PageHeader({ className, ...props }: React.ComponentProps<'header'>) {\n  return (\n    <header\n      data-slot=\"page-header\"\n      className={cn(\n        'flex flex-col gap-4 border-b border-border pb-5 sm:flex-row sm:items-end sm:justify-between',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction PageHeaderMain({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div data-slot=\"page-header-main\" className={cn('min-w-0 space-y-1', className)} {...props} />\n  );\n}\n\nfunction PageHeaderEyebrow({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"page-header-eyebrow\"\n      className={cn('text-[11px] font-semibold tracking-[0.12em] text-brand uppercase', className)}\n      {...props}\n    />\n  );\n}\n\nfunction PageHeaderTitle({ className, children, ...props }: React.ComponentProps<'h1'>) {\n  return (\n    <h1\n      data-slot=\"page-header-title\"\n      className={cn(\n        'truncate text-xl font-semibold tracking-[-0.025em] text-foreground sm:text-2xl',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </h1>\n  );\n}\n\nfunction PageHeaderDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"page-header-description\"\n      className={cn('max-w-3xl text-sm leading-5 text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction PageHeaderActions({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"page-header-actions\"\n      className={cn('flex shrink-0 flex-wrap items-center gap-2', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  PageHeader,\n  PageHeaderActions,\n  PageHeaderDescription,\n  PageHeaderEyebrow,\n  PageHeaderMain,\n  PageHeaderTitle,\n};\n"],"mappings":";;;;AAIA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAyC;CAC3E,OACE,oBAAC,UAAD;EACE,aAAU;EACV,WAAW,GACT,+FACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAsC;CAC5E,OACE,oBAAC,OAAD;EAAK,aAAU;EAAmB,WAAW,GAAG,qBAAqB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEjG;AAEA,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAsC;CAC/E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,oEAAoE,SAAS;EAC3F,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,gBAAgB,EAAE,WAAW,UAAU,GAAG,SAAqC;CACtF,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,kFACA,SACF;EACA,GAAI;EAEH;CACC,CAAA;AAER;AAEA,SAAS,sBAAsB,EAAE,WAAW,GAAG,SAAoC;CACjF,OACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GAAG,qDAAqD,SAAS;EAC5E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAsC;CAC/E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,8CAA8C,SAAS;EACrE,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"page-header.js","names":[],"sources":["../../src/components/page-header.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction PageHeader({ className, ...props }: React.ComponentProps<'header'>) {\n  return (\n    <header\n      data-slot=\"page-header\"\n      className={cn(\n        'flex flex-col gap-4 border-b border-border pb-5 sm:flex-row sm:items-end sm:justify-between',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction PageHeaderMain({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div data-slot=\"page-header-main\" className={cn('min-w-0 space-y-1', className)} {...props} />\n  );\n}\n\nfunction PageHeaderEyebrow({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"page-header-eyebrow\"\n      className={cn('text-[11px] font-semibold tracking-[0.12em] text-brand uppercase', className)}\n      {...props}\n    />\n  );\n}\n\nfunction PageHeaderTitle({ className, children, ...props }: React.ComponentProps<'h1'>) {\n  return (\n    <h1\n      data-slot=\"page-header-title\"\n      className={cn(\n        'truncate text-xl font-semibold tracking-[-0.025em] text-foreground sm:text-2xl',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </h1>\n  );\n}\n\nfunction PageHeaderDescription({ className, ...props }: React.ComponentProps<'p'>) {\n  return (\n    <p\n      data-slot=\"page-header-description\"\n      className={cn('max-w-3xl text-sm leading-5 text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction PageHeaderActions({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"page-header-actions\"\n      className={cn('flex shrink-0 flex-wrap items-center gap-2', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  PageHeader,\n  PageHeaderActions,\n  PageHeaderDescription,\n  PageHeaderEyebrow,\n  PageHeaderMain,\n  PageHeaderTitle,\n};\n"],"mappings":";;;;;AAIA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAyC;CAC3E,OACE,oBAAC,UAAD;EACE,aAAU;EACV,WAAW,GACT,+FACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAsC;CAC5E,OACE,oBAAC,OAAD;EAAK,aAAU;EAAmB,WAAW,GAAG,qBAAqB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAEjG;AAEA,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAsC;CAC/E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,oEAAoE,SAAS;EAC3F,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,gBAAgB,EAAE,WAAW,UAAU,GAAG,SAAqC;CACtF,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,kFACA,SACF;EACA,GAAI;EAEH;CACC,CAAA;AAER;AAEA,SAAS,sBAAsB,EAAE,WAAW,GAAG,SAAoC;CACjF,OACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GAAG,qDAAqD,SAAS;EAC5E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAsC;CAC/E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,8CAA8C,SAAS;EACrE,GAAI;CACL,CAAA;AAEL"}

package/dist/components/pagination.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from "../lib/utils.js";
 import { Button } from "./button.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./select.js";
@@ -155,7 +156,7 @@ function usePagination(rows, options = {}) {
 		rows: [...rows]
 	};
 	const summary = paginationSummary(w, locale);
-	const hasPages = w.total > Math.min(...pageSizeOptions, w.pageSize);
+	const hasPages = w.total > Math.min(w.pageSize, ...pageSizeOptions);
 	return {
 		...w,
 		pageSizeOptions,
@@ -243,7 +244,7 @@ function Pagination({ page: requestedPage, pageCount: requestedCount, onPageChan
 						"aria-hidden": true,
 						"data-slot": "pagination-position",
 						className: "px-2 text-sm font-medium tabular-nums sm:hidden",
-						children: position
+						children: pageCount > 0 ? position : ""
 					}),
 					/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(Button, {
 						variant: "ghost",

package/dist/components/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../src/components/pagination.tsx"],"sourcesContent":["import ChevronLeft from '@burtson-labs/icons/react/chevron-left';\nimport ChevronRight from '@burtson-labs/icons/react/chevron-right';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { Button } from './button';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select';\n\n/**\n * The page numbers to show: always the first and last page, `siblings` pages\n * either side of the current one, and 'ellipsis' for the gaps.\n */\nexport function paginationRange(\n  page: number,\n  pageCount: number,\n  siblings = 1,\n): (number | 'ellipsis')[] {\n  pageCount = Number.isFinite(pageCount) ? Math.max(0, Math.floor(pageCount)) : 0;\n  siblings = Number.isFinite(siblings) ? Math.min(5, Math.max(0, Math.floor(siblings))) : 1;\n  page = Number.isFinite(page) ? Math.max(1, Math.min(pageCount, Math.floor(page))) : 1;\n  if (pageCount <= 0) return [];\n  const window = siblings * 2 + 5; // first, last, current, siblings, two gaps\n  if (pageCount <= window) return Array.from({ length: pageCount }, (_, i) => i + 1);\n  const start = Math.max(2, page - siblings);\n  const end = Math.min(pageCount - 1, page + siblings);\n  const out: (number | 'ellipsis')[] = [1];\n  if (start > 2) out.push('ellipsis');\n  for (let p = start; p <= end; p += 1) out.push(p);\n  if (end < pageCount - 1) out.push('ellipsis');\n  out.push(pageCount);\n  return out;\n}\n\n/* ------------------------------------------------------------------------ */\n/* Paging arithmetic: no React, for any list, table or server query.        */\n/* ------------------------------------------------------------------------ */\n\n/** The page sizes offered by default: 25, 50 or 100 rows. */\nexport const DEFAULT_PAGE_SIZES: readonly number[] = [25, 50, 100];\n\nexport interface PageWindow {\n  /** 1-based, clamped to the pages that exist (1 when there are no rows). */\n  page: number;\n  /** At least 1, so \"Page 1 of 1\" reads sensibly for an empty list. */\n  pageCount: number;\n  pageSize: number;\n  total: number;\n  /** 1-based index of the first row on this page; 0 when there are none. */\n  from: number;\n  /** 1-based index of the last row on this page; 0 when there are none. */\n  to: number;\n}\n\n/** Pages needed for `total` rows, never less than 1. */\nexport function pageCountFor(total: number, pageSize: number): number {\n  if (!Number.isFinite(total) || total <= 0) return 1;\n  const size = Number.isFinite(pageSize) ? Math.max(1, Math.floor(pageSize)) : 1;\n  return Math.max(1, Math.ceil(total / size));\n}\n\n/** A requested page clamped to 1…pageCount. Anything unreadable (\"abc\", NaN) is page 1. */\nexport function clampPage(page: unknown, pageCount: number): number {\n  const n = typeof page === 'number' ? page : Number(page);\n  if (!Number.isFinite(n)) return 1;\n  return Math.min(Math.max(1, Math.floor(n)), Math.max(1, Math.floor(pageCount) || 1));\n}\n\n/** Where page `page` of `total` rows starts and ends, for server-side paging. */\nexport function pageWindow({\n  page,\n  pageSize,\n  total,\n}: {\n  page: unknown;\n  pageSize: number;\n  total: number;\n}): PageWindow {\n  const size = Number.isFinite(pageSize) ? Math.max(1, Math.floor(pageSize)) : 1;\n  const safeTotal = Number.isFinite(total) ? Math.max(0, Math.floor(total)) : 0;\n  const pageCount = pageCountFor(safeTotal, size);\n  const p = clampPage(page, pageCount);\n  const start = (p - 1) * size;\n  const to = Math.min(start + size, safeTotal);\n  return {\n    page: p,\n    pageCount,\n    pageSize: size,\n    total: safeTotal,\n    from: safeTotal ? start + 1 : 0,\n    to: safeTotal ? to : 0,\n  };\n}\n\n/** One page of `rows`, with the numbers for the page controls. */\nexport function paginate<T>(\n  rows: readonly T[],\n  page: unknown,\n  pageSize: number,\n): PageWindow & { rows: T[] } {\n  const w = pageWindow({ page, pageSize, total: rows.length });\n  return { ...w, rows: rows.slice(w.from ? w.from - 1 : 0, w.to) };\n}\n\n/**\n * \"1–25 of 312\", \"7 of 7\" when everything fits, \"0 of 0\" when empty. Numbers\n * use the locale's grouping (\"1,025\"); pass `locale` to pin it.\n */\nexport function paginationSummary(\n  { from, to, total }: Pick<PageWindow, 'from' | 'to' | 'total'>,\n  locale?: string,\n): string {\n  const fmt = new Intl.NumberFormat(locale);\n  if (!total) return '0 of 0';\n  if (from === 1 && to === total) return `${fmt.format(total)} of ${fmt.format(total)}`;\n  return `${fmt.format(from)}–${fmt.format(to)} of ${fmt.format(total)}`;\n}\n\nconst storedSizeKey = (key: string) => `bl-page-size:${key}`;\n\nfunction readStoredSize(key: string | undefined, options: readonly number[]): number | undefined {\n  if (!key) return undefined;\n  try {\n    const n = Number(globalThis.localStorage?.getItem(storedSizeKey(key)));\n    return options.includes(n) ? n : undefined;\n  } catch {\n    return undefined;\n  }\n}\n\nfunction writeStoredSize(key: string | undefined, size: number) {\n  if (!key) return;\n  try {\n    globalThis.localStorage?.setItem(storedSizeKey(key), String(size));\n  } catch {\n    // Storage blocked (private mode, a sandboxed frame): the size is not remembered.\n  }\n}\n\nexport interface UsePaginationOptions {\n  /** Controlled page (e.g. read from the URL). Leave out to let the hook keep it. */\n  page?: number;\n  /** Starting page when uncontrolled. */\n  defaultPage?: number;\n  onPageChange?: (page: number) => void;\n  /** Controlled page size. */\n  pageSize?: number;\n  /** Starting page size when uncontrolled; the first option by default. */\n  defaultPageSize?: number;\n  onPageSizeChange?: (pageSize: number) => void;\n  /** Sizes offered by the page-size menu. */\n  pageSizeOptions?: readonly number[];\n  /**\n   * Whatever decides which rows are listed (search text, a filter, a tab).\n   * When it changes, paging goes back to page 1. The first render never\n   * resets, so a link to page 3 stays on page 3.\n   */\n  resetKey?: unknown;\n  /** Remembers the chosen page size in localStorage under this key. */\n  storageKey?: string;\n  /**\n   * The full row count when the server pages: `rows` is then already the\n   * current page and is not sliced.\n   */\n  total?: number;\n  /** Locale for the summary's numbers. */\n  locale?: string;\n}\n\nexport interface UsePaginationResult<T> extends PageWindow {\n  /** The rows to render on this page. */\n  rows: T[];\n  pageSizeOptions: readonly number[];\n  /** \"1–25 of 312\". */\n  summary: string;\n  /** More rows than the smallest page size: worth showing controls for. */\n  hasPages: boolean;\n  setPage: (page: number) => void;\n  /** Changes the size and goes back to page 1. */\n  setPageSize: (pageSize: number) => void;\n  /** Spread onto Pagination (or pass to DataTable's paging props). */\n  paginationProps: Pick<\n    PaginationProps,\n    'page' | 'pageCount' | 'onPageChange' | 'pageSize' | 'pageSizeOptions' | 'onPageSizeChange'\n  > & { summary: string };\n}\n\n/**\n * Headless paging for a list or table: slices `rows`, clamps the page,\n * returns to page 1 when `resetKey` changes, and optionally remembers the\n * page size. Controlled `page` / `pageSize` let an app keep them in the URL.\n */\nexport function usePagination<T>(\n  rows: readonly T[],\n  options: UsePaginationOptions = {},\n): UsePaginationResult<T> {\n  const {\n    page: pageProp,\n    defaultPage = 1,\n    onPageChange,\n    pageSize: pageSizeProp,\n    defaultPageSize,\n    onPageSizeChange,\n    pageSizeOptions = DEFAULT_PAGE_SIZES,\n    resetKey,\n    storageKey,\n    total: serverTotal,\n    locale,\n  } = options;\n\n  const [pageState, setPageState] = React.useState(defaultPage);\n  const [sizeState, setSizeState] = React.useState<number>(\n    () =>\n      readStoredSize(storageKey, pageSizeOptions) ?? defaultPageSize ?? pageSizeOptions[0] ?? 25,\n  );\n  const page = pageProp ?? pageState;\n  const pageSize = pageSizeProp ?? sizeState;\n\n  // Keep the latest callbacks without making the setters change every render.\n  const latest = React.useRef({ onPageChange, onPageSizeChange, pageProp, storageKey });\n  React.useEffect(() => {\n    latest.current = { onPageChange, onPageSizeChange, pageProp, storageKey };\n  });\n\n  const setPage = React.useCallback((next: number) => {\n    setPageState(next);\n    latest.current.onPageChange?.(next);\n  }, []);\n  const setPageSize = React.useCallback((next: number) => {\n    writeStoredSize(latest.current.storageKey, next);\n    setSizeState(next);\n    setPageState(1);\n    latest.current.onPageSizeChange?.(next);\n    latest.current.onPageChange?.(1);\n  }, []);\n\n  // A new filter starts again at page 1: during render for local state (no\n  // flash of an empty page), and after it for a controlled page.\n  const [lastKey, setLastKey] = React.useState(resetKey);\n  if (!Object.is(lastKey, resetKey)) {\n    setLastKey(resetKey);\n    setPageState(1);\n  }\n  const committedKey = React.useRef(resetKey);\n  React.useEffect(() => {\n    if (Object.is(committedKey.current, resetKey)) return;\n    committedKey.current = resetKey;\n    const { pageProp: controlled, onPageChange: report } = latest.current;\n    if (controlled !== undefined && controlled !== 1) report?.(1);\n  }, [resetKey]);\n\n  const w =\n    serverTotal === undefined\n      ? paginate(rows, page, pageSize)\n      : { ...pageWindow({ page, pageSize, total: serverTotal }), rows: [...rows] };\n  const summary = paginationSummary(w, locale);\n  const hasPages = w.total > Math.min(...pageSizeOptions, w.pageSize);\n\n  return {\n    ...w,\n    pageSizeOptions,\n    summary,\n    hasPages,\n    setPage,\n    setPageSize,\n    paginationProps: {\n      page: w.page,\n      pageCount: w.pageCount,\n      onPageChange: setPage,\n      pageSize: w.pageSize,\n      pageSizeOptions,\n      onPageSizeChange: setPageSize,\n      summary,\n    },\n  };\n}\n\n/* ------------------------------------------------------------------------ */\n/* The controls.                                                             */\n/* ------------------------------------------------------------------------ */\n\nexport interface PaginationProps extends Omit<React.ComponentProps<'nav'>, 'onChange'> {\n  /** 1-based current page. */\n  page: number;\n  pageCount: number;\n  onPageChange: (page: number) => void;\n  siblings?: number;\n  /** Summary on the left, e.g. \"1–25 of 312\". Worked out from `total` when left out. */\n  summary?: React.ReactNode;\n  /** Total rows: with `pageSize`, gives the default summary. */\n  total?: number;\n  /** Rows per page, shown in the page-size menu. */\n  pageSize?: number;\n  /** Sizes in the page-size menu (25, 50, 100 by default). */\n  pageSizeOptions?: readonly number[];\n  /** Adds a rows-per-page menu. */\n  onPageSizeChange?: (pageSize: number) => void;\n  /** The page-size menu's accessible name. */\n  pageSizeLabel?: string;\n  /** An option's text, e.g. \"25 per page\". */\n  formatPageSize?: (size: number) => string;\n}\n\n/**\n * Page controls for a table or list: a summary, the pages, and optionally a\n * rows-per-page menu. Below 640px it becomes \"Page 2 of 13\" between large\n * previous and next buttons. Buttons are real buttons, keyboard-reachable,\n * and 44px on touch screens.\n */\nfunction Pagination({\n  page: requestedPage,\n  pageCount: requestedCount,\n  onPageChange,\n  siblings = 1,\n  summary,\n  total,\n  pageSize,\n  pageSizeOptions = DEFAULT_PAGE_SIZES,\n  onPageSizeChange,\n  pageSizeLabel = 'Rows per page',\n  formatPageSize = (size) => `${size} per page`,\n  className,\n  ...props\n}: PaginationProps) {\n  const pageCount = Number.isFinite(requestedCount) ? Math.max(0, Math.floor(requestedCount)) : 0;\n  const page =\n    pageCount === 0\n      ? 0\n      : Number.isFinite(requestedPage)\n        ? Math.max(1, Math.min(pageCount, Math.floor(requestedPage)))\n        : 1;\n  const pages = paginationRange(page, pageCount, siblings);\n  const go = (p: number) => onPageChange(Math.min(Math.max(1, p), Math.max(1, pageCount)));\n  const shownSummary =\n    summary ??\n    (total !== undefined && pageSize\n      ? paginationSummary(pageWindow({ page: page || 1, pageSize, total }))\n      : null);\n  const sizes =\n    pageSize !== undefined && !pageSizeOptions.includes(pageSize)\n      ? [...pageSizeOptions, pageSize].sort((a, b) => a - b)\n      : pageSizeOptions;\n  const position = `Page ${page} of ${pageCount}`;\n  return (\n    <nav\n      aria-label=\"Pagination\"\n      data-slot=\"pagination\"\n      className={cn('flex flex-wrap items-center justify-between gap-x-3 gap-y-2', className)}\n      {...props}\n    >\n      <div\n        data-slot=\"pagination-summary\"\n        className=\"min-w-0 text-xs text-muted-foreground tabular-nums max-sm:order-2\"\n      >\n        {shownSummary}\n      </div>\n      {/* Announced when the page changes; the visible \"Page 2 of 13\" is for phones. */}\n      <span role=\"status\" className=\"sr-only\">\n        {pageCount > 0 ? position : ''}\n      </span>\n      <ul className=\"flex items-center gap-1 max-sm:order-1 max-sm:w-full max-sm:justify-between\">\n        <li>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => go(page - 1)}\n            disabled={page <= 1}\n            aria-label=\"Previous page\"\n            className=\"max-sm:size-11 max-sm:border max-sm:border-border max-sm:px-0\"\n          >\n            <ChevronLeft aria-hidden />\n            <span className=\"hidden sm:inline\">Previous</span>\n          </Button>\n        </li>\n        {pages.map((p, i) =>\n          p === 'ellipsis' ? (\n            <li key={`e${i}`} aria-hidden className=\"hidden px-1 text-muted-foreground sm:block\">\n              …\n            </li>\n          ) : (\n            <li key={p} className=\"hidden sm:block\">\n              <Button\n                variant={p === page ? 'outline' : 'ghost'}\n                size=\"icon-sm\"\n                onClick={() => go(p)}\n                aria-current={p === page ? 'page' : undefined}\n                aria-label={`Page ${p}`}\n                className={cn('tabular-nums', p === page && 'border-brand/40 text-brand')}\n              >\n                {p}\n              </Button>\n            </li>\n          ),\n        )}\n        <li\n          aria-hidden\n          data-slot=\"pagination-position\"\n          className=\"px-2 text-sm font-medium tabular-nums sm:hidden\"\n        >\n          {position}\n        </li>\n        <li>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => go(page + 1)}\n            disabled={page >= pageCount}\n            aria-label=\"Next page\"\n            className=\"max-sm:size-11 max-sm:border max-sm:border-border max-sm:px-0\"\n          >\n            <span className=\"hidden sm:inline\">Next</span>\n            <ChevronRight aria-hidden />\n          </Button>\n        </li>\n      </ul>\n      {onPageSizeChange && (\n        <Select\n          value={pageSize !== undefined ? String(pageSize) : undefined}\n          onValueChange={(v) => onPageSizeChange(Number(v))}\n        >\n          <SelectTrigger\n            size=\"sm\"\n            aria-label={pageSizeLabel}\n            className=\"w-auto gap-1.5 text-xs tabular-nums max-sm:order-3 pointer-coarse:h-11\"\n          >\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent align=\"end\">\n            {sizes.map((s) => (\n              <SelectItem key={s} value={String(s)}>\n                {formatPageSize(s)}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      )}\n    </nav>\n  );\n}\n\nexport { Pagination };\n"],"mappings":"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"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../src/components/pagination.tsx"],"sourcesContent":["import ChevronLeft from '@burtson-labs/icons/react/chevron-left';\nimport ChevronRight from '@burtson-labs/icons/react/chevron-right';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { Button } from './button';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select';\n\n/**\n * The page numbers to show: always the first and last page, `siblings` pages\n * either side of the current one, and 'ellipsis' for the gaps.\n */\nexport function paginationRange(\n  page: number,\n  pageCount: number,\n  siblings = 1,\n): (number | 'ellipsis')[] {\n  pageCount = Number.isFinite(pageCount) ? Math.max(0, Math.floor(pageCount)) : 0;\n  siblings = Number.isFinite(siblings) ? Math.min(5, Math.max(0, Math.floor(siblings))) : 1;\n  page = Number.isFinite(page) ? Math.max(1, Math.min(pageCount, Math.floor(page))) : 1;\n  if (pageCount <= 0) return [];\n  const window = siblings * 2 + 5; // first, last, current, siblings, two gaps\n  if (pageCount <= window) return Array.from({ length: pageCount }, (_, i) => i + 1);\n  const start = Math.max(2, page - siblings);\n  const end = Math.min(pageCount - 1, page + siblings);\n  const out: (number | 'ellipsis')[] = [1];\n  if (start > 2) out.push('ellipsis');\n  for (let p = start; p <= end; p += 1) out.push(p);\n  if (end < pageCount - 1) out.push('ellipsis');\n  out.push(pageCount);\n  return out;\n}\n\n/* ------------------------------------------------------------------------ */\n/* Paging arithmetic: no React, for any list, table or server query.        */\n/* ------------------------------------------------------------------------ */\n\n/** The page sizes offered by default: 25, 50 or 100 rows. */\nexport const DEFAULT_PAGE_SIZES: readonly number[] = [25, 50, 100];\n\nexport interface PageWindow {\n  /** 1-based, clamped to the pages that exist (1 when there are no rows). */\n  page: number;\n  /** At least 1, so \"Page 1 of 1\" reads sensibly for an empty list. */\n  pageCount: number;\n  pageSize: number;\n  total: number;\n  /** 1-based index of the first row on this page; 0 when there are none. */\n  from: number;\n  /** 1-based index of the last row on this page; 0 when there are none. */\n  to: number;\n}\n\n/** Pages needed for `total` rows, never less than 1. */\nexport function pageCountFor(total: number, pageSize: number): number {\n  if (!Number.isFinite(total) || total <= 0) return 1;\n  const size = Number.isFinite(pageSize) ? Math.max(1, Math.floor(pageSize)) : 1;\n  return Math.max(1, Math.ceil(total / size));\n}\n\n/** A requested page clamped to 1…pageCount. Anything unreadable (\"abc\", NaN) is page 1. */\nexport function clampPage(page: unknown, pageCount: number): number {\n  const n = typeof page === 'number' ? page : Number(page);\n  if (!Number.isFinite(n)) return 1;\n  return Math.min(Math.max(1, Math.floor(n)), Math.max(1, Math.floor(pageCount) || 1));\n}\n\n/** Where page `page` of `total` rows starts and ends, for server-side paging. */\nexport function pageWindow({\n  page,\n  pageSize,\n  total,\n}: {\n  page: unknown;\n  pageSize: number;\n  total: number;\n}): PageWindow {\n  const size = Number.isFinite(pageSize) ? Math.max(1, Math.floor(pageSize)) : 1;\n  const safeTotal = Number.isFinite(total) ? Math.max(0, Math.floor(total)) : 0;\n  const pageCount = pageCountFor(safeTotal, size);\n  const p = clampPage(page, pageCount);\n  const start = (p - 1) * size;\n  const to = Math.min(start + size, safeTotal);\n  return {\n    page: p,\n    pageCount,\n    pageSize: size,\n    total: safeTotal,\n    from: safeTotal ? start + 1 : 0,\n    to: safeTotal ? to : 0,\n  };\n}\n\n/** One page of `rows`, with the numbers for the page controls. */\nexport function paginate<T>(\n  rows: readonly T[],\n  page: unknown,\n  pageSize: number,\n): PageWindow & { rows: T[] } {\n  const w = pageWindow({ page, pageSize, total: rows.length });\n  return { ...w, rows: rows.slice(w.from ? w.from - 1 : 0, w.to) };\n}\n\n/**\n * \"1–25 of 312\", \"7 of 7\" when everything fits, \"0 of 0\" when empty. Numbers\n * use the locale's grouping (\"1,025\"); pass `locale` to pin it.\n */\nexport function paginationSummary(\n  { from, to, total }: Pick<PageWindow, 'from' | 'to' | 'total'>,\n  locale?: string,\n): string {\n  const fmt = new Intl.NumberFormat(locale);\n  if (!total) return '0 of 0';\n  if (from === 1 && to === total) return `${fmt.format(total)} of ${fmt.format(total)}`;\n  return `${fmt.format(from)}–${fmt.format(to)} of ${fmt.format(total)}`;\n}\n\nconst storedSizeKey = (key: string) => `bl-page-size:${key}`;\n\nfunction readStoredSize(key: string | undefined, options: readonly number[]): number | undefined {\n  if (!key) return undefined;\n  try {\n    const n = Number(globalThis.localStorage?.getItem(storedSizeKey(key)));\n    return options.includes(n) ? n : undefined;\n  } catch {\n    return undefined;\n  }\n}\n\nfunction writeStoredSize(key: string | undefined, size: number) {\n  if (!key) return;\n  try {\n    globalThis.localStorage?.setItem(storedSizeKey(key), String(size));\n  } catch {\n    // Storage blocked (private mode, a sandboxed frame): the size is not remembered.\n  }\n}\n\nexport interface UsePaginationOptions {\n  /** Controlled page (e.g. read from the URL). Leave out to let the hook keep it. */\n  page?: number;\n  /** Starting page when uncontrolled. */\n  defaultPage?: number;\n  onPageChange?: (page: number) => void;\n  /** Controlled page size. */\n  pageSize?: number;\n  /** Starting page size when uncontrolled; the first option by default. */\n  defaultPageSize?: number;\n  onPageSizeChange?: (pageSize: number) => void;\n  /** Sizes offered by the page-size menu. */\n  pageSizeOptions?: readonly number[];\n  /**\n   * Whatever decides which rows are listed (search text, a filter, a tab).\n   * When it changes, paging goes back to page 1. The first render never\n   * resets, so a link to page 3 stays on page 3.\n   */\n  resetKey?: unknown;\n  /** Remembers the chosen page size in localStorage under this key. */\n  storageKey?: string;\n  /**\n   * The full row count when the server pages: `rows` is then already the\n   * current page and is not sliced.\n   */\n  total?: number;\n  /** Locale for the summary's numbers. */\n  locale?: string;\n}\n\nexport interface UsePaginationResult<T> extends PageWindow {\n  /** The rows to render on this page. */\n  rows: T[];\n  pageSizeOptions: readonly number[];\n  /** \"1–25 of 312\". */\n  summary: string;\n  /** More rows than the smallest page size: worth showing controls for. */\n  hasPages: boolean;\n  setPage: (page: number) => void;\n  /** Changes the size and goes back to page 1. */\n  setPageSize: (pageSize: number) => void;\n  /** Spread onto Pagination (or pass to DataTable's paging props). */\n  paginationProps: Pick<\n    PaginationProps,\n    'page' | 'pageCount' | 'onPageChange' | 'pageSize' | 'pageSizeOptions' | 'onPageSizeChange'\n  > & { summary: string };\n}\n\n/**\n * Headless paging for a list or table: slices `rows`, clamps the page,\n * returns to page 1 when `resetKey` changes, and optionally remembers the\n * page size. Controlled `page` / `pageSize` let an app keep them in the URL.\n */\nexport function usePagination<T>(\n  rows: readonly T[],\n  options: UsePaginationOptions = {},\n): UsePaginationResult<T> {\n  const {\n    page: pageProp,\n    defaultPage = 1,\n    onPageChange,\n    pageSize: pageSizeProp,\n    defaultPageSize,\n    onPageSizeChange,\n    pageSizeOptions = DEFAULT_PAGE_SIZES,\n    resetKey,\n    storageKey,\n    total: serverTotal,\n    locale,\n  } = options;\n\n  const [pageState, setPageState] = React.useState(defaultPage);\n  const [sizeState, setSizeState] = React.useState<number>(\n    () =>\n      readStoredSize(storageKey, pageSizeOptions) ?? defaultPageSize ?? pageSizeOptions[0] ?? 25,\n  );\n  const page = pageProp ?? pageState;\n  const pageSize = pageSizeProp ?? sizeState;\n\n  // Keep the latest callbacks without making the setters change every render.\n  const latest = React.useRef({ onPageChange, onPageSizeChange, pageProp, storageKey });\n  React.useEffect(() => {\n    latest.current = { onPageChange, onPageSizeChange, pageProp, storageKey };\n  });\n\n  const setPage = React.useCallback((next: number) => {\n    setPageState(next);\n    latest.current.onPageChange?.(next);\n  }, []);\n  const setPageSize = React.useCallback((next: number) => {\n    writeStoredSize(latest.current.storageKey, next);\n    setSizeState(next);\n    setPageState(1);\n    latest.current.onPageSizeChange?.(next);\n    latest.current.onPageChange?.(1);\n  }, []);\n\n  // A new filter starts again at page 1: during render for local state (no\n  // flash of an empty page), and after it for a controlled page.\n  const [lastKey, setLastKey] = React.useState(resetKey);\n  if (!Object.is(lastKey, resetKey)) {\n    setLastKey(resetKey);\n    setPageState(1);\n  }\n  const committedKey = React.useRef(resetKey);\n  React.useEffect(() => {\n    if (Object.is(committedKey.current, resetKey)) return;\n    committedKey.current = resetKey;\n    const { pageProp: controlled, onPageChange: report } = latest.current;\n    if (controlled !== undefined && controlled !== 1) report?.(1);\n  }, [resetKey]);\n\n  const w =\n    serverTotal === undefined\n      ? paginate(rows, page, pageSize)\n      : { ...pageWindow({ page, pageSize, total: serverTotal }), rows: [...rows] };\n  const summary = paginationSummary(w, locale);\n  // pageSize first: Math.min() of an empty options list is Infinity.\n  const hasPages = w.total > Math.min(w.pageSize, ...pageSizeOptions);\n\n  return {\n    ...w,\n    pageSizeOptions,\n    summary,\n    hasPages,\n    setPage,\n    setPageSize,\n    paginationProps: {\n      page: w.page,\n      pageCount: w.pageCount,\n      onPageChange: setPage,\n      pageSize: w.pageSize,\n      pageSizeOptions,\n      onPageSizeChange: setPageSize,\n      summary,\n    },\n  };\n}\n\n/* ------------------------------------------------------------------------ */\n/* The controls.                                                             */\n/* ------------------------------------------------------------------------ */\n\nexport interface PaginationProps extends Omit<React.ComponentProps<'nav'>, 'onChange'> {\n  /** 1-based current page. */\n  page: number;\n  pageCount: number;\n  onPageChange: (page: number) => void;\n  siblings?: number;\n  /** Summary on the left, e.g. \"1–25 of 312\". Worked out from `total` when left out. */\n  summary?: React.ReactNode;\n  /** Total rows: with `pageSize`, gives the default summary. */\n  total?: number;\n  /** Rows per page, shown in the page-size menu. */\n  pageSize?: number;\n  /** Sizes in the page-size menu (25, 50, 100 by default). */\n  pageSizeOptions?: readonly number[];\n  /** Adds a rows-per-page menu. */\n  onPageSizeChange?: (pageSize: number) => void;\n  /** The page-size menu's accessible name. */\n  pageSizeLabel?: string;\n  /** An option's text, e.g. \"25 per page\". */\n  formatPageSize?: (size: number) => string;\n}\n\n/**\n * Page controls for a table or list: a summary, the pages, and optionally a\n * rows-per-page menu. Below 640px it becomes \"Page 2 of 13\" between large\n * previous and next buttons. Buttons are real buttons, keyboard-reachable,\n * and 44px on touch screens.\n */\nfunction Pagination({\n  page: requestedPage,\n  pageCount: requestedCount,\n  onPageChange,\n  siblings = 1,\n  summary,\n  total,\n  pageSize,\n  pageSizeOptions = DEFAULT_PAGE_SIZES,\n  onPageSizeChange,\n  pageSizeLabel = 'Rows per page',\n  formatPageSize = (size) => `${size} per page`,\n  className,\n  ...props\n}: PaginationProps) {\n  const pageCount = Number.isFinite(requestedCount) ? Math.max(0, Math.floor(requestedCount)) : 0;\n  const page =\n    pageCount === 0\n      ? 0\n      : Number.isFinite(requestedPage)\n        ? Math.max(1, Math.min(pageCount, Math.floor(requestedPage)))\n        : 1;\n  const pages = paginationRange(page, pageCount, siblings);\n  const go = (p: number) => onPageChange(Math.min(Math.max(1, p), Math.max(1, pageCount)));\n  const shownSummary =\n    summary ??\n    (total !== undefined && pageSize\n      ? paginationSummary(pageWindow({ page: page || 1, pageSize, total }))\n      : null);\n  const sizes =\n    pageSize !== undefined && !pageSizeOptions.includes(pageSize)\n      ? [...pageSizeOptions, pageSize].sort((a, b) => a - b)\n      : pageSizeOptions;\n  const position = `Page ${page} of ${pageCount}`;\n  return (\n    <nav\n      aria-label=\"Pagination\"\n      data-slot=\"pagination\"\n      className={cn('flex flex-wrap items-center justify-between gap-x-3 gap-y-2', className)}\n      {...props}\n    >\n      <div\n        data-slot=\"pagination-summary\"\n        className=\"min-w-0 text-xs text-muted-foreground tabular-nums max-sm:order-2\"\n      >\n        {shownSummary}\n      </div>\n      {/* Announced when the page changes; the visible \"Page 2 of 13\" is for phones. */}\n      <span role=\"status\" className=\"sr-only\">\n        {pageCount > 0 ? position : ''}\n      </span>\n      <ul className=\"flex items-center gap-1 max-sm:order-1 max-sm:w-full max-sm:justify-between\">\n        <li>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => go(page - 1)}\n            disabled={page <= 1}\n            aria-label=\"Previous page\"\n            className=\"max-sm:size-11 max-sm:border max-sm:border-border max-sm:px-0\"\n          >\n            <ChevronLeft aria-hidden />\n            <span className=\"hidden sm:inline\">Previous</span>\n          </Button>\n        </li>\n        {pages.map((p, i) =>\n          p === 'ellipsis' ? (\n            <li key={`e${i}`} aria-hidden className=\"hidden px-1 text-muted-foreground sm:block\">\n              …\n            </li>\n          ) : (\n            <li key={p} className=\"hidden sm:block\">\n              <Button\n                variant={p === page ? 'outline' : 'ghost'}\n                size=\"icon-sm\"\n                onClick={() => go(p)}\n                aria-current={p === page ? 'page' : undefined}\n                aria-label={`Page ${p}`}\n                className={cn('tabular-nums', p === page && 'border-brand/40 text-brand')}\n              >\n                {p}\n              </Button>\n            </li>\n          ),\n        )}\n        <li\n          aria-hidden\n          data-slot=\"pagination-position\"\n          className=\"px-2 text-sm font-medium tabular-nums sm:hidden\"\n        >\n          {pageCount > 0 ? position : ''}\n        </li>\n        <li>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => go(page + 1)}\n            disabled={page >= pageCount}\n            aria-label=\"Next page\"\n            className=\"max-sm:size-11 max-sm:border max-sm:border-border max-sm:px-0\"\n          >\n            <span className=\"hidden sm:inline\">Next</span>\n            <ChevronRight aria-hidden />\n          </Button>\n        </li>\n      </ul>\n      {onPageSizeChange && (\n        <Select\n          value={pageSize !== undefined ? String(pageSize) : undefined}\n          onValueChange={(v) => onPageSizeChange(Number(v))}\n        >\n          <SelectTrigger\n            size=\"sm\"\n            aria-label={pageSizeLabel}\n            className=\"w-auto gap-1.5 text-xs tabular-nums max-sm:order-3 pointer-coarse:h-11\"\n          >\n            <SelectValue />\n          </SelectTrigger>\n          <SelectContent align=\"end\">\n            {sizes.map((s) => (\n              <SelectItem key={s} value={String(s)}>\n                {formatPageSize(s)}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      )}\n    </nav>\n  );\n}\n\nexport { Pagination };\n"],"mappings":"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"}

package/dist/components/popover.d.ts

@@ -1,5 +1,5 @@
-import { Popover as PopoverPrimitive } from 'radix-ui';
 import * as React from 'react';
+import * as PopoverPrimitive from '../primitives/vendor/radix/react-popover';
 /**
  * The floating surface shared by popovers, menus and select lists: raised,
  * with a strong border, and the one place a heavy shadow is allowed.

package/dist/components/popover.js

@@ -1,5 +1,6 @@
+"use client";
 import { cn } from "../lib/utils.js";
-import { Popover } from "radix-ui";
+import { Anchor, Content, Portal, Root, Trigger } from "../primitives/vendor/radix/react-popover/popover.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/popover.tsx
@@ -15,26 +16,26 @@ var surfaceClasses = "z-50 animate-in rounded-lg border border-border-strong bg-
 * with !important so a host page's global focus outline cannot box the row.
 */
 var menuItemClasses = "relative flex min-h-8 cursor-default items-center gap-2 rounded-sm px-2 text-[13px] outline-hidden! select-none focus:bg-secondary focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground";
-function Popover$1(props) {
-	return /* @__PURE__ */ jsx(Popover.Root, {
+function Popover(props) {
+	return /* @__PURE__ */ jsx(Root, {
 		"data-slot": "popover",
 		...props
 	});
 }
 function PopoverTrigger(props) {
-	return /* @__PURE__ */ jsx(Popover.Trigger, {
+	return /* @__PURE__ */ jsx(Trigger, {
 		"data-slot": "popover-trigger",
 		...props
 	});
 }
 function PopoverAnchor(props) {
-	return /* @__PURE__ */ jsx(Popover.Anchor, {
+	return /* @__PURE__ */ jsx(Anchor, {
 		"data-slot": "popover-anchor",
 		...props
 	});
 }
 function PopoverContent({ className, align = "center", sideOffset = 6, ...props }) {
-	return /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(Popover.Content, {
+	return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Content, {
 		"data-slot": "popover-content",
 		align,
 		sideOffset,
@@ -43,6 +44,6 @@ function PopoverContent({ className, align = "center", sideOffset = 6, ...props
 	}) });
 }
 //#endregion
-export { Popover$1 as Popover, PopoverAnchor, PopoverContent, PopoverTrigger, menuItemClasses, surfaceClasses };
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger, menuItemClasses, surfaceClasses };
 
 //# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":["Popover","PopoverPrimitive"],"sources":["../../src/components/popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\n/**\n * The floating surface shared by popovers, menus and select lists: raised,\n * with a strong border, and the one place a heavy shadow is allowed.\n */\nexport const surfaceClasses =\n  'z-50 animate-in rounded-lg border border-border-strong bg-surface-raised text-popover-foreground shadow-[0_16px_48px_rgb(0_0_0_/_0.18)] data-[state=closed]:animate-out data-[side=bottom]:[--bl-ty:-6px] data-[side=top]:[--bl-ty:6px] data-[side=left]:[--bl-tx:6px] data-[side=right]:[--bl-tx:-6px]';\n\n/**\n * A menu row: 32px, 8px radius (the surface's 12px less its 4px padding); the\n * focused row is a quiet secondary fill (muted is too close to the raised\n * surface in dark mode to read). The outline is suppressed\n * with !important so a host page's global focus outline cannot box the row.\n */\nexport const menuItemClasses =\n  \"relative flex min-h-8 cursor-default items-center gap-2 rounded-sm px-2 text-[13px] outline-hidden! select-none focus:bg-secondary focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground\";\n\nfunction Popover(props: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger(props: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverAnchor(props: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 6,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          surfaceClasses,\n          'w-72 max-w-[calc(100vw-2rem)] max-h-(--radix-popover-content-available-height) overflow-y-auto origin-(--radix-popover-content-transform-origin) p-4 outline-hidden',\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };\n"],"mappings":";;;;;;;;;AASA,IAAa,iBACX;;;;;;;AAQF,IAAa,kBACX;AAEF,SAASA,UAAQ,OAA2D;CAC1E,OAAO,oBAACC,QAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAS,eAAe,OAA8D;CACpF,OAAO,oBAACA,QAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,cAAc,OAA6D;CAClF,OAAO,oBAACA,QAAiB,QAAlB;EAAyB,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,aAAa,GACb,GAAG,SACqD;CACxD,OACE,oBAACA,QAAiB,QAAlB,EAAA,UACE,oBAACA,QAAiB,SAAlB;EACE,aAAU;EACH;EACK;EACZ,WAAW,GACT,gBACA,uKACA,SACF;EACA,GAAI;CACL,CAAA,EACsB,CAAA;AAE7B"}
+{"version":3,"file":"popover.js","names":["PopoverPrimitive.Root","PopoverPrimitive.Trigger","PopoverPrimitive.Anchor","PopoverPrimitive.Portal","PopoverPrimitive.Content"],"sources":["../../src/components/popover.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport * as PopoverPrimitive from '../primitives/vendor/radix/react-popover';\n\n/**\n * The floating surface shared by popovers, menus and select lists: raised,\n * with a strong border, and the one place a heavy shadow is allowed.\n */\nexport const surfaceClasses =\n  'z-50 animate-in rounded-lg border border-border-strong bg-surface-raised text-popover-foreground shadow-[0_16px_48px_rgb(0_0_0_/_0.18)] data-[state=closed]:animate-out data-[side=bottom]:[--bl-ty:-6px] data-[side=top]:[--bl-ty:6px] data-[side=left]:[--bl-tx:6px] data-[side=right]:[--bl-tx:-6px]';\n\n/**\n * A menu row: 32px, 8px radius (the surface's 12px less its 4px padding); the\n * focused row is a quiet secondary fill (muted is too close to the raised\n * surface in dark mode to read). The outline is suppressed\n * with !important so a host page's global focus outline cannot box the row.\n */\nexport const menuItemClasses =\n  \"relative flex min-h-8 cursor-default items-center gap-2 rounded-sm px-2 text-[13px] outline-hidden! select-none focus:bg-secondary focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground\";\n\nfunction Popover(props: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger(props: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverAnchor(props: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nfunction PopoverContent({\n  className,\n  align = 'center',\n  sideOffset = 6,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          surfaceClasses,\n          'w-72 max-w-[calc(100vw-2rem)] max-h-(--radix-popover-content-available-height) overflow-y-auto origin-(--radix-popover-content-transform-origin) p-4 outline-hidden',\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };\n"],"mappings":";;;;;;;;;;AASA,IAAa,iBACX;;;;;;;AAQF,IAAa,kBACX;AAEF,SAAS,QAAQ,OAA2D;CAC1E,OAAO,oBAACA,MAAD;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAS,eAAe,OAA8D;CACpF,OAAO,oBAACC,SAAD;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,cAAc,OAA6D;CAClF,OAAO,oBAACC,QAAD;EAAyB,aAAU;EAAiB,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,aAAa,GACb,GAAG,SACqD;CACxD,OACE,oBAACC,QAAD,EAAA,UACE,oBAACC,SAAD;EACE,aAAU;EACH;EACK;EACZ,WAAW,GACT,gBACA,uKACA,SACF;EACA,GAAI;CACL,CAAA,EACsB,CAAA;AAE7B"}

package/dist/components/progress.d.ts

@@ -1,4 +1,4 @@
-import { Progress as ProgressPrimitive } from 'radix-ui';
 import * as React from 'react';
+import * as ProgressPrimitive from '../primitives/vendor/radix/react-progress';
 declare function Progress({ className, value, max, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): React.JSX.Element;
 export { Progress };

package/dist/components/progress.js

@@ -1,18 +1,19 @@
+"use client";
 import { cn } from "../lib/utils.js";
-import { Progress } from "radix-ui";
+import { Indicator, Root } from "../primitives/vendor/radix/react-progress/progress.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/progress.tsx
-function Progress$1({ className, value, max = 100, ...props }) {
+function Progress({ className, value, max = 100, ...props }) {
 	const maximum = Number.isFinite(max) && max > 0 ? max : 100;
 	const progress = typeof value === "number" && Number.isFinite(value) ? Math.min(maximum, Math.max(0, value)) : null;
-	return /* @__PURE__ */ jsx(Progress.Root, {
+	return /* @__PURE__ */ jsx(Root, {
 		"data-slot": "progress",
 		value: progress,
 		max: maximum,
 		className: cn("relative h-1.5 w-full overflow-hidden rounded-full bg-muted", className),
 		...props,
-		children: /* @__PURE__ */ jsx(Progress.Indicator, {
+		children: /* @__PURE__ */ jsx(Indicator, {
 			"data-slot": "progress-indicator",
 			className: cn("h-full bg-brand transition-transform", progress === null ? "w-1/3 animate-pulse" : "w-full"),
 			style: progress === null ? void 0 : { transform: `translateX(-${100 - progress / maximum * 100}%)` }
@@ -20,6 +21,6 @@ function Progress$1({ className, value, max = 100, ...props }) {
 	});
 }
 //#endregion
-export { Progress$1 as Progress };
+export { Progress };
 
 //# sourceMappingURL=progress.js.map

package/dist/components/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","names":["Progress","ProgressPrimitive"],"sources":["../../src/components/progress.tsx"],"sourcesContent":["import { Progress as ProgressPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction Progress({\n  className,\n  value,\n  max = 100,\n  ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  const maximum = Number.isFinite(max) && max > 0 ? max : 100;\n  const progress =\n    typeof value === 'number' && Number.isFinite(value)\n      ? Math.min(maximum, Math.max(0, value))\n      : null;\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      value={progress}\n      max={maximum}\n      className={cn('relative h-1.5 w-full overflow-hidden rounded-full bg-muted', className)}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className={cn(\n          'h-full bg-brand transition-transform',\n          progress === null ? 'w-1/3 animate-pulse' : 'w-full',\n        )}\n        style={\n          progress === null\n            ? undefined\n            : { transform: `translateX(-${100 - (progress / maximum) * 100}%)` }\n        }\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":";;;;;AAKA,SAASA,WAAS,EAChB,WACA,OACA,MAAM,KACN,GAAG,SACmD;CACtD,MAAM,UAAU,OAAO,SAAS,GAAG,KAAK,MAAM,IAAI,MAAM;CACxD,MAAM,WACJ,OAAO,UAAU,YAAY,OAAO,SAAS,KAAK,IAC9C,KAAK,IAAI,SAAS,KAAK,IAAI,GAAG,KAAK,CAAC,IACpC;CACN,OACE,oBAACC,SAAkB,MAAnB;EACE,aAAU;EACV,OAAO;EACP,KAAK;EACL,WAAW,GAAG,+DAA+D,SAAS;EACtF,GAAI;EAEJ,UAAA,oBAACA,SAAkB,WAAnB;GACE,aAAU;GACV,WAAW,GACT,wCACA,aAAa,OAAO,wBAAwB,QAC9C;GACA,OACE,aAAa,OACT,KAAA,IACA,EAAE,WAAW,eAAe,MAAO,WAAW,UAAW,IAAI,IAAI;EAExE,CAAA;CACqB,CAAA;AAE5B"}
+{"version":3,"file":"progress.js","names":["ProgressPrimitive.Root","ProgressPrimitive.Indicator"],"sources":["../../src/components/progress.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport * as ProgressPrimitive from '../primitives/vendor/radix/react-progress';\n\nfunction Progress({\n  className,\n  value,\n  max = 100,\n  ...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  const maximum = Number.isFinite(max) && max > 0 ? max : 100;\n  const progress =\n    typeof value === 'number' && Number.isFinite(value)\n      ? Math.min(maximum, Math.max(0, value))\n      : null;\n  return (\n    <ProgressPrimitive.Root\n      data-slot=\"progress\"\n      value={progress}\n      max={maximum}\n      className={cn('relative h-1.5 w-full overflow-hidden rounded-full bg-muted', className)}\n      {...props}\n    >\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className={cn(\n          'h-full bg-brand transition-transform',\n          progress === null ? 'w-1/3 animate-pulse' : 'w-full',\n        )}\n        style={\n          progress === null\n            ? undefined\n            : { transform: `translateX(-${100 - (progress / maximum) * 100}%)` }\n        }\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":";;;;;;AAKA,SAAS,SAAS,EAChB,WACA,OACA,MAAM,KACN,GAAG,SACmD;CACtD,MAAM,UAAU,OAAO,SAAS,GAAG,KAAK,MAAM,IAAI,MAAM;CACxD,MAAM,WACJ,OAAO,UAAU,YAAY,OAAO,SAAS,KAAK,IAC9C,KAAK,IAAI,SAAS,KAAK,IAAI,GAAG,KAAK,CAAC,IACpC;CACN,OACE,oBAACA,MAAD;EACE,aAAU;EACV,OAAO;EACP,KAAK;EACL,WAAW,GAAG,+DAA+D,SAAS;EACtF,GAAI;EAEJ,UAAA,oBAACC,WAAD;GACE,aAAU;GACV,WAAW,GACT,wCACA,aAAa,OAAO,wBAAwB,QAC9C;GACA,OACE,aAAa,OACT,KAAA,IACA,EAAE,WAAW,eAAe,MAAO,WAAW,UAAW,IAAI,IAAI;EAExE,CAAA;CACqB,CAAA;AAE5B"}

package/dist/components/radio-group.d.ts

@@ -1,5 +1,5 @@
-import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';
 import * as React from 'react';
+import * as RadioGroupPrimitive from '../primitives/vendor/radix/react-radio-group';
 declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): React.JSX.Element;
 declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): React.JSX.Element;
 export { RadioGroup, RadioGroupItem };

package/dist/components/radio-group.js

@@ -1,21 +1,22 @@
+"use client";
 import { cn } from "../lib/utils.js";
-import { RadioGroup } from "radix-ui";
+import { Indicator as RadioGroupIndicator, Item as RadioGroupItem$1, RadioGroup as RadioGroup$1 } from "../primitives/vendor/radix/react-radio-group/radio-group.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/radio-group.tsx
-function RadioGroup$1({ className, ...props }) {
-	return /* @__PURE__ */ jsx(RadioGroup.Root, {
+function RadioGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(RadioGroup$1, {
 		"data-slot": "radio-group",
 		className: cn("grid gap-3", className),
 		...props
 	});
 }
 function RadioGroupItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx(RadioGroup.Item, {
+	return /* @__PURE__ */ jsx(RadioGroupItem$1, {
 		"data-slot": "radio-group-item",
 		className: cn("aspect-square size-4 shrink-0 rounded-full border border-border-strong bg-surface text-primary shadow-xs transition-[border-color,box-shadow] outline-none hover:border-brand/50 focus-visible:ring-[3px] focus-visible:ring-ring/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive data-[state=checked]:border-primary", className),
 		...props,
-		children: /* @__PURE__ */ jsx(RadioGroup.Indicator, {
+		children: /* @__PURE__ */ jsx(RadioGroupIndicator, {
 			"data-slot": "radio-group-indicator",
 			className: "relative flex items-center justify-center",
 			children: /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-primary" })
@@ -23,6 +24,6 @@ function RadioGroupItem({ className, ...props }) {
 	});
 }
 //#endregion
-export { RadioGroup$1 as RadioGroup, RadioGroupItem };
+export { RadioGroup, RadioGroupItem };
 
 //# sourceMappingURL=radio-group.js.map

package/dist/components/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","names":["RadioGroup","RadioGroupPrimitive"],"sources":["../../src/components/radio-group.tsx"],"sourcesContent":["import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction RadioGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"radio-group\"\n      className={cn('grid gap-3', className)}\n      {...props}\n    />\n  );\n}\n\nfunction RadioGroupItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'aspect-square size-4 shrink-0 rounded-full border border-border-strong bg-surface text-primary shadow-xs transition-[border-color,box-shadow] outline-none hover:border-brand/50 focus-visible:ring-[3px] focus-visible:ring-ring/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive data-[state=checked]:border-primary',\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"relative flex items-center justify-center\"\n      >\n        <span className=\"size-2 rounded-full bg-primary\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;AAKA,SAASA,aAAW,EAClB,WACA,GAAG,SACqD;CACxD,OACE,oBAACC,WAAoB,MAArB;EACE,aAAU;EACV,WAAW,GAAG,cAAc,SAAS;EACrC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EACtB,WACA,GAAG,SACqD;CACxD,OACE,oBAACA,WAAoB,MAArB;EACE,aAAU;EACV,WAAW,GACT,4VACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAACA,WAAoB,WAArB;GACE,aAAU;GACV,WAAU;GAEV,UAAA,oBAAC,QAAD,EAAM,WAAU,iCAAkC,CAAA;EACrB,CAAA;CACP,CAAA;AAE9B"}
+{"version":3,"file":"radio-group.js","names":["RadioGroupPrimitive.Root","RadioGroupPrimitive.Item","RadioGroupPrimitive.Indicator"],"sources":["../../src/components/radio-group.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport * as RadioGroupPrimitive from '../primitives/vendor/radix/react-radio-group';\n\nfunction RadioGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"radio-group\"\n      className={cn('grid gap-3', className)}\n      {...props}\n    />\n  );\n}\n\nfunction RadioGroupItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"radio-group-item\"\n      className={cn(\n        'aspect-square size-4 shrink-0 rounded-full border border-border-strong bg-surface text-primary shadow-xs transition-[border-color,box-shadow] outline-none hover:border-brand/50 focus-visible:ring-[3px] focus-visible:ring-ring/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive data-[state=checked]:border-primary',\n        className,\n      )}\n      {...props}\n    >\n      <RadioGroupPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"relative flex items-center justify-center\"\n      >\n        <span className=\"size-2 rounded-full bg-primary\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"mappings":";;;;;;AAKA,SAAS,WAAW,EAClB,WACA,GAAG,SACqD;CACxD,OACE,oBAACA,cAAD;EACE,aAAU;EACV,WAAW,GAAG,cAAc,SAAS;EACrC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EACtB,WACA,GAAG,SACqD;CACxD,OACE,oBAACC,kBAAD;EACE,aAAU;EACV,WAAW,GACT,4VACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAACC,qBAAD;GACE,aAAU;GACV,WAAU;GAEV,UAAA,oBAAC,QAAD,EAAM,WAAU,iCAAkC,CAAA;EACrB,CAAA;CACP,CAAA;AAE9B"}

package/dist/components/reasoning.js

@@ -1,5 +1,6 @@
+"use client";
 import { cn } from "../lib/utils.js";
-import { Collapsible } from "radix-ui";
+import { Content, Root, Trigger } from "../primitives/vendor/radix/react-collapsible/collapsible.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import ChevronRight from "@burtson-labs/icons/react/chevron-right";
@@ -8,13 +9,13 @@ import Lightbulb from "@burtson-labs/icons/react/lightbulb";
 /** A model's reasoning, collapsed to one line ("Thought for 3s") unless opened. */
 function Reasoning({ streaming = false, durationMs, defaultOpen = false, children, className, ...props }) {
 	const label = streaming ? "Thinking…" : durationMs !== void 0 ? `Thought for ${Math.max(1, Math.round(durationMs / 1e3))}s` : "Reasoning";
-	return /* @__PURE__ */ jsx(Collapsible.Root, {
+	return /* @__PURE__ */ jsx(Root, {
 		defaultOpen,
 		children: /* @__PURE__ */ jsxs("div", {
 			"data-slot": "reasoning",
 			className: cn("grid gap-1.5", className),
 			...props,
-			children: [/* @__PURE__ */ jsxs(Collapsible.Trigger, {
+			children: [/* @__PURE__ */ jsxs(Trigger, {
 				className: "group/reasoning inline-flex w-fit items-center gap-1.5 rounded-sm text-xs text-muted-foreground outline-none hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/20",
 				children: [
 					/* @__PURE__ */ jsx(Lightbulb, {
@@ -27,7 +28,7 @@ function Reasoning({ streaming = false, durationMs, defaultOpen = false, childre
 						className: "size-3.5 transition-transform group-data-[state=open]/reasoning:rotate-90"
 					})
 				]
-			}), /* @__PURE__ */ jsx(Collapsible.Content, {
+			}), /* @__PURE__ */ jsx(Content, {
 				className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
 				children: /* @__PURE__ */ jsx("div", {
 					className: "border-l-2 border-border-strong pl-3 text-[13px] leading-6 text-muted-foreground",