@burtson-labs/ui 0.13.0 → 0.14.0

package/dist/components/badge.js

@@ -1,5 +1,6 @@
+"use client";
 import { cn } from "../lib/utils.js";
-import { Slot } from "radix-ui";
+import { Root as Slot } from "../primitives/vendor/radix/react-slot/slot.js";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
@@ -18,8 +19,7 @@ var badgeVariants = cva("inline-flex w-fit shrink-0 items-center gap-1.5 rounded
 	defaultVariants: { variant: "default" }
 });
 function Badge({ className, variant, asChild = false, ...props }) {
-	const Comp = asChild ? Slot.Root : "span";
-	return /* @__PURE__ */ jsx(Comp, {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
 		"data-slot": "badge",
 		className: cn(badgeVariants({ variant }), className),
 		...props

package/dist/components/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../../src/components/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nconst badgeVariants = cva(\n  'inline-flex w-fit shrink-0 items-center gap-1.5 rounded-full border px-2 py-0.5 text-[11px] font-semibold leading-4 whitespace-nowrap outline-none transition-colors focus-visible:ring-[3px] focus-visible:ring-ring/20 [&>svg]:size-3',\n  {\n    variants: {\n      variant: {\n        default: 'border-border bg-surface-muted text-foreground',\n        // 0.x name for the neutral tag; kept so existing apps keep compiling.\n        secondary: 'border-border bg-surface-muted text-foreground',\n        brand: 'border-brand/20 bg-brand-soft text-brand-soft-foreground',\n        success: 'border-success/20 bg-success/10 text-success',\n        warning: 'border-warning/20 bg-warning/10 text-warning',\n        destructive: 'border-destructive/20 bg-destructive/10 text-destructive',\n        info: 'border-info/20 bg-info/10 text-info',\n        outline: 'border-border-strong bg-transparent text-muted-foreground',\n      },\n    },\n    defaultVariants: { variant: 'default' },\n  },\n);\n\nexport interface BadgeProps\n  extends React.ComponentProps<'span'>, VariantProps<typeof badgeVariants> {\n  asChild?: boolean;\n}\n\nfunction Badge({ className, variant, asChild = false, ...props }: BadgeProps) {\n  const Comp = asChild ? Slot.Root : 'span';\n  return (\n    <Comp data-slot=\"badge\" className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;AAMA,IAAM,gBAAgB,IACpB,2OACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EAET,WAAW;EACX,OAAO;EACP,SAAS;EACT,SAAS;EACT,aAAa;EACb,MAAM;EACN,SAAS;CACX,EACF;CACA,iBAAiB,EAAE,SAAS,UAAU;AACxC,CACF;AAOA,SAAS,MAAM,EAAE,WAAW,SAAS,UAAU,OAAO,GAAG,SAAqB;CAC5E,MAAM,OAAO,UAAU,KAAK,OAAO;CACnC,OACE,oBAAC,MAAD;EAAM,aAAU;EAAQ,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAE9F"}
+{"version":3,"file":"badge.js","names":["Slot.Root"],"sources":["../../src/components/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport * as Slot from '../primitives/vendor/radix/react-slot';\n\nconst badgeVariants = cva(\n  'inline-flex w-fit shrink-0 items-center gap-1.5 rounded-full border px-2 py-0.5 text-[11px] font-semibold leading-4 whitespace-nowrap outline-none transition-colors focus-visible:ring-[3px] focus-visible:ring-ring/20 [&>svg]:size-3',\n  {\n    variants: {\n      variant: {\n        default: 'border-border bg-surface-muted text-foreground',\n        // 0.x name for the neutral tag; kept so existing apps keep compiling.\n        secondary: 'border-border bg-surface-muted text-foreground',\n        brand: 'border-brand/20 bg-brand-soft text-brand-soft-foreground',\n        success: 'border-success/20 bg-success/10 text-success',\n        warning: 'border-warning/20 bg-warning/10 text-warning',\n        destructive: 'border-destructive/20 bg-destructive/10 text-destructive',\n        info: 'border-info/20 bg-info/10 text-info',\n        outline: 'border-border-strong bg-transparent text-muted-foreground',\n      },\n    },\n    defaultVariants: { variant: 'default' },\n  },\n);\n\nexport interface BadgeProps\n  extends React.ComponentProps<'span'>, VariantProps<typeof badgeVariants> {\n  asChild?: boolean;\n}\n\nfunction Badge({ className, variant, asChild = false, ...props }: BadgeProps) {\n  const Comp = asChild ? Slot.Root : 'span';\n  return (\n    <Comp data-slot=\"badge\" className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"mappings":";;;;;;;AAMA,IAAM,gBAAgB,IACpB,2OACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EAET,WAAW;EACX,OAAO;EACP,SAAS;EACT,SAAS;EACT,aAAa;EACb,MAAM;EACN,SAAS;CACX,EACF;CACA,iBAAiB,EAAE,SAAS,UAAU;AACxC,CACF;AAOA,SAAS,MAAM,EAAE,WAAW,SAAS,UAAU,OAAO,GAAG,SAAqB;CAE5E,OACE,oBAFW,UAAUA,OAAY,QAEjC;EAAM,aAAU;EAAQ,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAE9F"}

package/dist/components/breadcrumb.js

@@ -1,5 +1,6 @@
+"use client";
 import { cn } from "../lib/utils.js";
-import { Slot } from "radix-ui";
+import { Root as Slot } from "../primitives/vendor/radix/react-slot/slot.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import ChevronRight from "@burtson-labs/icons/react/chevron-right";
@@ -27,8 +28,7 @@ function BreadcrumbItem({ className, ...props }) {
 	});
 }
 function BreadcrumbLink({ asChild, className, ...props }) {
-	const Comp = asChild ? Slot.Root : "a";
-	return /* @__PURE__ */ jsx(Comp, {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
 		"data-slot": "breadcrumb-link",
 		className: cn("transition-colors hover:text-foreground", className),
 		...props

package/dist/components/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../src/components/breadcrumb.tsx"],"sourcesContent":["import ChevronRight from '@burtson-labs/icons/react/chevron-right';\nimport MoreHorizontal from '@burtson-labs/icons/react/more-horizontal';\nimport { Slot } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction Breadcrumb(props: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"Breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        'flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn('inline-flex items-center gap-1.5', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : 'a';\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn('transition-colors hover:text-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn('font-medium text-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('flex size-9 items-center justify-center', className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n};\n"],"mappings":";;;;;;;AAOA,SAAS,WAAW,OAAoC;CACtD,OAAO,oBAAC,OAAD;EAAK,cAAW;EAAa,aAAU;EAAa,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;CAC3E,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,iFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;CAC3E,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,oCAAoC,SAAS;EAC3D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EACtB,SACA,WACA,GAAG,SACiD;CACpD,MAAM,OAAO,UAAU,KAAK,OAAO;CACnC,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,2CAA2C,SAAS;EAClE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAuC;CAC7E,OACE,oBAAC,QAAD;EACE,aAAU;EACV,MAAK;EACL,iBAAc;EACd,gBAAa;EACb,WAAW,GAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,oBAAoB,EAAE,UAAU,WAAW,GAAG,SAAqC;CAC1F,OACE,oBAAC,MAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,GAAG,oBAAoB,SAAS;EAC3C,GAAI;EAEH,UAAA,YAAY,oBAAC,cAAD,CAAe,CAAA;CAC1B,CAAA;AAER;AAEA,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAuC;CACjF,OACE,qBAAC,QAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,GAAG,2CAA2C,SAAS;EAClE,GAAI;EALN,UAAA,CAOE,oBAAC,gBAAD,EAAgB,WAAU,SAAU,CAAA,GACpC,oBAAC,QAAD;GAAM,WAAU;GAAU,UAAA;EAAU,CAAA,CAChC;;AAEV"}
+{"version":3,"file":"breadcrumb.js","names":["Slot.Root"],"sources":["../../src/components/breadcrumb.tsx"],"sourcesContent":["import ChevronRight from '@burtson-labs/icons/react/chevron-right';\nimport MoreHorizontal from '@burtson-labs/icons/react/more-horizontal';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport * as Slot from '../primitives/vendor/radix/react-slot';\n\nfunction Breadcrumb(props: React.ComponentProps<'nav'>) {\n  return <nav aria-label=\"Breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        'flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn('inline-flex items-center gap-1.5', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<'a'> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : 'a';\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn('transition-colors hover:text-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn('font-medium text-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('[&>svg]:size-3.5', className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn('flex size-9 items-center justify-center', className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbEllipsis,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n};\n"],"mappings":";;;;;;;;AAOA,SAAS,WAAW,OAAoC;CACtD,OAAO,oBAAC,OAAD;EAAK,cAAW;EAAa,aAAU;EAAa,GAAI;CAAQ,CAAA;AACzE;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;CAC3E,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,iFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAqC;CAC3E,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GAAG,oCAAoC,SAAS;EAC3D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EACtB,SACA,WACA,GAAG,SACiD;CAEpD,OACE,oBAFW,UAAUA,OAAY,KAEjC;EACE,aAAU;EACV,WAAW,GAAG,2CAA2C,SAAS;EAClE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,eAAe,EAAE,WAAW,GAAG,SAAuC;CAC7E,OACE,oBAAC,QAAD;EACE,aAAU;EACV,MAAK;EACL,iBAAc;EACd,gBAAa;EACb,WAAW,GAAG,+BAA+B,SAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,oBAAoB,EAAE,UAAU,WAAW,GAAG,SAAqC;CAC1F,OACE,oBAAC,MAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,GAAG,oBAAoB,SAAS;EAC3C,GAAI;EAEH,UAAA,YAAY,oBAAC,cAAD,CAAe,CAAA;CAC1B,CAAA;AAER;AAEA,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAuC;CACjF,OACE,qBAAC,QAAD;EACE,aAAU;EACV,MAAK;EACL,eAAY;EACZ,WAAW,GAAG,2CAA2C,SAAS;EAClE,GAAI;EALN,UAAA,CAOE,oBAAC,gBAAD,EAAgB,WAAU,SAAU,CAAA,GACpC,oBAAC,QAAD;GAAM,WAAU;GAAU,UAAA;EAAU,CAAA,CAChC;;AAEV"}

package/dist/components/button.d.ts

@@ -1,8 +1,8 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const buttonVariants: (props?: ({
-    variant?: "secondary" | "destructive" | "brand" | "link" | "default" | "soft" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "secondary" | "destructive" | "brand" | "link" | "default" | "outline" | "soft" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "xs" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/components/button.js

@@ -1,5 +1,6 @@
+"use client";
 import { cn } from "../lib/utils.js";
-import { Slot } from "radix-ui";
+import { Root as Slot } from "../primitives/vendor/radix/react-slot/slot.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
@@ -32,8 +33,7 @@ var buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap-2
 	}
 });
 var Button = React.forwardRef(function Button({ className, variant, size, asChild = false, loading = false, disabled, children, type, onClickCapture, onKeyDownCapture, ...props }, ref) {
-	const Comp = asChild ? Slot.Root : "button";
-	return /* @__PURE__ */ jsx(Comp, {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
 		ref,
 		type: asChild ? void 0 : type ?? "button",
 		"data-slot": "button",

package/dist/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["_Fragment"],"sources":["../../src/components/button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nconst buttonVariants = cva(\n  \"inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-semibold tracking-[-0.01em] outline-none transition-[background-color,border-color,color,box-shadow,transform] duration-150 select-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:ring-ring/20 active:translate-y-px disabled:pointer-events-none disabled:opacity-45 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default:\n          'border border-primary bg-primary text-primary-foreground shadow-xs hover:brightness-90',\n        brand:\n          'border border-primary bg-primary text-primary-foreground shadow-xs hover:brightness-90',\n        soft: 'border border-brand/15 bg-brand-soft text-brand-soft-foreground hover:bg-brand/15',\n        secondary:\n          'border border-border bg-secondary text-secondary-foreground shadow-xs hover:border-border-strong hover:bg-muted',\n        outline:\n          'border border-border-strong bg-surface text-foreground shadow-xs hover:border-brand/35 hover:bg-accent/60 hover:text-accent-foreground',\n        ghost: 'border border-transparent text-foreground hover:bg-muted',\n        destructive:\n          'border border-destructive bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90',\n        link: 'h-auto rounded-none border-0 p-0 text-brand shadow-none hover:text-brand-hover hover:underline hover:underline-offset-4 active:translate-y-0',\n      },\n      size: {\n        xs: 'h-7 gap-1.5 rounded-sm px-2.5 text-xs [&_svg:not([class*=size-])]:size-3.5',\n        sm: 'h-8 px-3 text-[13px]',\n        default: 'h-9 px-3.5',\n        lg: 'h-10 rounded-lg px-4 text-[15px]',\n        icon: 'size-9 px-0',\n        'icon-sm': 'size-8 px-0',\n        'icon-lg': 'size-10 rounded-lg px-0',\n      },\n    },\n    defaultVariants: { variant: 'default', size: 'default' },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  loading?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    className,\n    variant,\n    size,\n    asChild = false,\n    loading = false,\n    disabled,\n    children,\n    type,\n    onClickCapture,\n    onKeyDownCapture,\n    ...props\n  }: ButtonProps,\n  ref,\n) {\n  const Comp = asChild ? Slot.Root : 'button';\n\n  return (\n    <Comp\n      ref={ref}\n      type={asChild ? undefined : (type ?? 'button')}\n      data-slot=\"button\"\n      data-loading={loading ? '' : undefined}\n      aria-busy={loading || undefined}\n      disabled={!asChild ? disabled || loading : undefined}\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...props}\n      aria-disabled={asChild && (disabled || loading) ? true : props['aria-disabled']}\n      tabIndex={asChild && (disabled || loading) ? -1 : props.tabIndex}\n      onClickCapture={(event) => {\n        if (disabled || loading) {\n          event.preventDefault();\n          event.stopPropagation();\n          return;\n        }\n        onClickCapture?.(event);\n      }}\n      onKeyDownCapture={(event) => {\n        if ((disabled || loading) && (event.key === 'Enter' || event.key === ' ')) {\n          event.preventDefault();\n          event.stopPropagation();\n          return;\n        }\n        onKeyDownCapture?.(event);\n      }}\n    >\n      {asChild ? (\n        // Slot needs exactly one child to merge onto, so no spinner here.\n        children\n      ) : (\n        <>\n          {loading ? (\n            <span\n              aria-hidden=\"true\"\n              className=\"size-3.5 animate-spin rounded-full border-2 border-current border-r-transparent opacity-70\"\n            />\n          ) : null}\n          {children}\n        </>\n      )}\n    </Comp>\n  );\n});\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;AAMA,IAAM,iBAAiB,IACrB,2gBACA;CACE,UAAU;EACR,SAAS;GACP,SACE;GACF,OACE;GACF,MAAM;GACN,WACE;GACF,SACE;GACF,OAAO;GACP,aACE;GACF,MAAM;EACR;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,MAAM;GACN,WAAW;GACX,WAAW;EACb;CACF;CACA,iBAAiB;EAAE,SAAS;EAAW,MAAM;CAAU;AACzD,CACF;AAQA,IAAM,SAAS,MAAM,WAA2C,SAAS,OACvE,EACE,WACA,SACA,MACA,UAAU,OACV,UAAU,OACV,UACA,UACA,MACA,gBACA,kBACA,GAAG,SAEL,KACA;CACA,MAAM,OAAO,UAAU,KAAK,OAAO;CAEnC,OACE,oBAAC,MAAD;EACO;EACL,MAAM,UAAU,KAAA,IAAa,QAAQ;EACrC,aAAU;EACV,gBAAc,UAAU,KAAK,KAAA;EAC7B,aAAW,WAAW,KAAA;EACtB,UAAU,CAAC,UAAU,YAAY,UAAU,KAAA;EAC3C,WAAW,GAAG,eAAe;GAAE;GAAS;EAAK,CAAC,GAAG,SAAS;EAC1D,GAAI;EACJ,iBAAe,YAAY,YAAY,WAAW,OAAO,MAAM;EAC/D,UAAU,YAAY,YAAY,WAAW,KAAK,MAAM;EACxD,iBAAiB,UAAU;GACzB,IAAI,YAAY,SAAS;IACvB,MAAM,eAAe;IACrB,MAAM,gBAAgB;IACtB;GACF;GACA,iBAAiB,KAAK;EACxB;EACA,mBAAmB,UAAU;GAC3B,KAAK,YAAY,aAAa,MAAM,QAAQ,WAAW,MAAM,QAAQ,MAAM;IACzE,MAAM,eAAe;IACrB,MAAM,gBAAgB;IACtB;GACF;GACA,mBAAmB,KAAK;EAC1B;EAEC,UAAA,UAEC,WAEA,qBAAAA,UAAA,EAAA,UAAA,CACG,UACC,oBAAC,QAAD;GACE,eAAY;GACZ,WAAU;EACX,CAAA,IACC,MACH,QACD,EAAA,CAAA;CAEA,CAAA;AAEV,CAAC"}
+{"version":3,"file":"button.js","names":["Slot.Root","_Fragment"],"sources":["../../src/components/button.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport * as Slot from '../primitives/vendor/radix/react-slot';\n\nconst buttonVariants = cva(\n  \"inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-semibold tracking-[-0.01em] outline-none transition-[background-color,border-color,color,box-shadow,transform] duration-150 select-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:ring-[3px] focus-visible:ring-ring/20 active:translate-y-px disabled:pointer-events-none disabled:opacity-45 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default:\n          'border border-primary bg-primary text-primary-foreground shadow-xs hover:brightness-90',\n        brand:\n          'border border-primary bg-primary text-primary-foreground shadow-xs hover:brightness-90',\n        soft: 'border border-brand/15 bg-brand-soft text-brand-soft-foreground hover:bg-brand/15',\n        secondary:\n          'border border-border bg-secondary text-secondary-foreground shadow-xs hover:border-border-strong hover:bg-muted',\n        outline:\n          'border border-border-strong bg-surface text-foreground shadow-xs hover:border-brand/35 hover:bg-accent/60 hover:text-accent-foreground',\n        ghost: 'border border-transparent text-foreground hover:bg-muted',\n        destructive:\n          'border border-destructive bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90',\n        link: 'h-auto rounded-none border-0 p-0 text-brand shadow-none hover:text-brand-hover hover:underline hover:underline-offset-4 active:translate-y-0',\n      },\n      size: {\n        xs: 'h-7 gap-1.5 rounded-sm px-2.5 text-xs [&_svg:not([class*=size-])]:size-3.5',\n        sm: 'h-8 px-3 text-[13px]',\n        default: 'h-9 px-3.5',\n        lg: 'h-10 rounded-lg px-4 text-[15px]',\n        icon: 'size-9 px-0',\n        'icon-sm': 'size-8 px-0',\n        'icon-lg': 'size-10 rounded-lg px-0',\n      },\n    },\n    defaultVariants: { variant: 'default', size: 'default' },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  loading?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    className,\n    variant,\n    size,\n    asChild = false,\n    loading = false,\n    disabled,\n    children,\n    type,\n    onClickCapture,\n    onKeyDownCapture,\n    ...props\n  }: ButtonProps,\n  ref,\n) {\n  const Comp = asChild ? Slot.Root : 'button';\n\n  return (\n    <Comp\n      ref={ref}\n      type={asChild ? undefined : (type ?? 'button')}\n      data-slot=\"button\"\n      data-loading={loading ? '' : undefined}\n      aria-busy={loading || undefined}\n      disabled={!asChild ? disabled || loading : undefined}\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...props}\n      aria-disabled={asChild && (disabled || loading) ? true : props['aria-disabled']}\n      tabIndex={asChild && (disabled || loading) ? -1 : props.tabIndex}\n      onClickCapture={(event) => {\n        if (disabled || loading) {\n          event.preventDefault();\n          event.stopPropagation();\n          return;\n        }\n        onClickCapture?.(event);\n      }}\n      onKeyDownCapture={(event) => {\n        if ((disabled || loading) && (event.key === 'Enter' || event.key === ' ')) {\n          event.preventDefault();\n          event.stopPropagation();\n          return;\n        }\n        onKeyDownCapture?.(event);\n      }}\n    >\n      {asChild ? (\n        // Slot needs exactly one child to merge onto, so no spinner here.\n        children\n      ) : (\n        <>\n          {loading ? (\n            <span\n              aria-hidden=\"true\"\n              className=\"size-3.5 animate-spin rounded-full border-2 border-current border-r-transparent opacity-70\"\n            />\n          ) : null}\n          {children}\n        </>\n      )}\n    </Comp>\n  );\n});\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;;AAMA,IAAM,iBAAiB,IACrB,2gBACA;CACE,UAAU;EACR,SAAS;GACP,SACE;GACF,OACE;GACF,MAAM;GACN,WACE;GACF,SACE;GACF,OAAO;GACP,aACE;GACF,MAAM;EACR;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,MAAM;GACN,WAAW;GACX,WAAW;EACb;CACF;CACA,iBAAiB;EAAE,SAAS;EAAW,MAAM;CAAU;AACzD,CACF;AAQA,IAAM,SAAS,MAAM,WAA2C,SAAS,OACvE,EACE,WACA,SACA,MACA,UAAU,OACV,UAAU,OACV,UACA,UACA,MACA,gBACA,kBACA,GAAG,SAEL,KACA;CAGA,OACE,oBAHW,UAAUA,OAAY,UAGjC;EACO;EACL,MAAM,UAAU,KAAA,IAAa,QAAQ;EACrC,aAAU;EACV,gBAAc,UAAU,KAAK,KAAA;EAC7B,aAAW,WAAW,KAAA;EACtB,UAAU,CAAC,UAAU,YAAY,UAAU,KAAA;EAC3C,WAAW,GAAG,eAAe;GAAE;GAAS;EAAK,CAAC,GAAG,SAAS;EAC1D,GAAI;EACJ,iBAAe,YAAY,YAAY,WAAW,OAAO,MAAM;EAC/D,UAAU,YAAY,YAAY,WAAW,KAAK,MAAM;EACxD,iBAAiB,UAAU;GACzB,IAAI,YAAY,SAAS;IACvB,MAAM,eAAe;IACrB,MAAM,gBAAgB;IACtB;GACF;GACA,iBAAiB,KAAK;EACxB;EACA,mBAAmB,UAAU;GAC3B,KAAK,YAAY,aAAa,MAAM,QAAQ,WAAW,MAAM,QAAQ,MAAM;IACzE,MAAM,eAAe;IACrB,MAAM,gBAAgB;IACtB;GACF;GACA,mBAAmB,KAAK;EAC1B;EAEC,UAAA,UAEC,WAEA,qBAAAC,UAAA,EAAA,UAAA,CACG,UACC,oBAAC,QAAD;GACE,eAAY;GACZ,WAAU;EACX,CAAA,IACC,MACH,QACD,EAAA,CAAA;CAEA,CAAA;AAEV,CAAC"}

package/dist/components/card.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const cardVariants: (props?: ({
-    variant?: "default" | "raised" | "subtle" | "interactive" | "terminal" | null | undefined;
+    variant?: "terminal" | "default" | "raised" | "subtle" | "interactive" | null | undefined;
     density?: "default" | "compact" | "roomy" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface CardProps extends React.ComponentProps<'div'>, VariantProps<typeof cardVariants> {

package/dist/components/card.js

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

package/dist/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":[],"sources":["../../src/components/card.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nconst cardVariants = cva(\n  'group/card relative flex flex-col overflow-hidden rounded-lg border text-card-foreground transition-[border-color,background-color,box-shadow,transform] duration-150',\n  {\n    variants: {\n      variant: {\n        default: 'border-border bg-card shadow-xs',\n        raised: 'border-border bg-surface-raised shadow-md',\n        subtle: 'border-border/70 bg-surface-muted shadow-none',\n        interactive:\n          'border-border bg-card shadow-xs hover:-translate-y-0.5 hover:border-brand/30 hover:shadow-md',\n        terminal: 'border-border-strong bg-code text-code-foreground shadow-md',\n      },\n      density: {\n        compact:\n          '[&_[data-slot=card-header]]:p-4 [&_[data-slot=card-content]]:px-4 [&_[data-slot=card-footer]]:p-4',\n        default:\n          '[&_[data-slot=card-header]]:p-5 [&_[data-slot=card-content]]:px-5 [&_[data-slot=card-footer]]:p-5',\n        roomy:\n          '[&_[data-slot=card-header]]:p-6 [&_[data-slot=card-content]]:px-6 [&_[data-slot=card-footer]]:p-6',\n      },\n    },\n    defaultVariants: { variant: 'default', density: 'default' },\n  },\n);\n\nexport interface CardProps extends React.ComponentProps<'div'>, VariantProps<typeof cardVariants> {}\n\nfunction Card({ className, variant, density, ...props }: CardProps) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(cardVariants({ variant, density }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        'grid grid-cols-[1fr_auto] items-start gap-x-4 gap-y-1 border-b border-transparent pb-3',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardEyebrow({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-eyebrow\"\n      className={cn(\n        'col-span-full mb-0.5 text-[11px] font-semibold tracking-[0.12em] text-muted-foreground uppercase',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn('min-w-0 text-sm font-semibold tracking-[-0.015em]', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn('col-start-1 text-sm leading-5 text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn('col-start-2 row-span-2 row-start-1 self-start', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-content\" className={cn('pb-5', className)} {...props} />;\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn('mt-auto flex items-center gap-2 border-t pt-4', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardEyebrow,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n  cardVariants,\n};\n"],"mappings":";;;;;AAKA,IAAM,eAAe,IACnB,yKACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,QAAQ;GACR,QAAQ;GACR,aACE;GACF,UAAU;EACZ;EACA,SAAS;GACP,SACE;GACF,SACE;GACF,OACE;EACJ;CACF;CACA,iBAAiB;EAAE,SAAS;EAAW,SAAS;CAAU;AAC5D,CACF;AAIA,SAAS,KAAK,EAAE,WAAW,SAAS,SAAS,GAAG,SAAoB;CAClE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,aAAa;GAAE;GAAS;EAAQ,CAAC,GAAG,SAAS;EAC3D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,0FACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,oGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;CACvE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,qDAAqD,SAAS;EAC5E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAsC;CAC7E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,uDAAuD,SAAS;EAC9E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,iDAAiD,SAAS;EACxE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OAAO,oBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,GAAG,QAAQ,SAAS;EAAG,GAAI;CAAQ,CAAA;AACrF;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,iDAAiD,SAAS;EACxE,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"card.js","names":[],"sources":["../../src/components/card.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nconst cardVariants = cva(\n  'group/card relative flex flex-col overflow-hidden rounded-lg border text-card-foreground transition-[border-color,background-color,box-shadow,transform] duration-150',\n  {\n    variants: {\n      variant: {\n        default: 'border-border bg-card shadow-xs',\n        raised: 'border-border bg-surface-raised shadow-md',\n        subtle: 'border-border/70 bg-surface-muted shadow-none',\n        interactive:\n          'border-border bg-card shadow-xs hover:-translate-y-0.5 hover:border-brand/30 hover:shadow-md',\n        terminal: 'border-border-strong bg-code text-code-foreground shadow-md',\n      },\n      density: {\n        compact:\n          '[&_[data-slot=card-header]]:p-4 [&_[data-slot=card-content]]:px-4 [&_[data-slot=card-footer]]:p-4',\n        default:\n          '[&_[data-slot=card-header]]:p-5 [&_[data-slot=card-content]]:px-5 [&_[data-slot=card-footer]]:p-5',\n        roomy:\n          '[&_[data-slot=card-header]]:p-6 [&_[data-slot=card-content]]:px-6 [&_[data-slot=card-footer]]:p-6',\n      },\n    },\n    defaultVariants: { variant: 'default', density: 'default' },\n  },\n);\n\nexport interface CardProps extends React.ComponentProps<'div'>, VariantProps<typeof cardVariants> {}\n\nfunction Card({ className, variant, density, ...props }: CardProps) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn(cardVariants({ variant, density }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        'grid grid-cols-[1fr_auto] items-start gap-x-4 gap-y-1 border-b border-transparent pb-3',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardEyebrow({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-eyebrow\"\n      className={cn(\n        'col-span-full mb-0.5 text-[11px] font-semibold tracking-[0.12em] text-muted-foreground uppercase',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-title\"\n      className={cn('min-w-0 text-sm font-semibold tracking-[-0.015em]', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-description\"\n      className={cn('col-start-1 text-sm leading-5 text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn('col-start-2 row-span-2 row-start-1 self-start', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-content\" className={cn('pb-5', className)} {...props} />;\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-footer\"\n      className={cn('mt-auto flex items-center gap-2 border-t pt-4', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardEyebrow,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n  cardVariants,\n};\n"],"mappings":";;;;;;AAKA,IAAM,eAAe,IACnB,yKACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,QAAQ;GACR,QAAQ;GACR,aACE;GACF,UAAU;EACZ;EACA,SAAS;GACP,SACE;GACF,SACE;GACF,OACE;EACJ;CACF;CACA,iBAAiB;EAAE,SAAS;EAAW,SAAS;CAAU;AAC5D,CACF;AAIA,SAAS,KAAK,EAAE,WAAW,SAAS,SAAS,GAAG,SAAoB;CAClE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,aAAa;GAAE;GAAS;EAAQ,CAAC,GAAG,SAAS;EAC3D,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,0FACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,oGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAsC;CACvE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,qDAAqD,SAAS;EAC5E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAsC;CAC7E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,uDAAuD,SAAS;EAC9E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,iDAAiD,SAAS;EACxE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;CACzE,OAAO,oBAAC,OAAD;EAAK,aAAU;EAAe,WAAW,GAAG,QAAQ,SAAS;EAAG,GAAI;CAAQ,CAAA;AACrF;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,iDAAiD,SAAS;EACxE,GAAI;CACL,CAAA;AAEL"}

package/dist/components/chat-history.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from "../lib/utils.js";
 import { Button } from "./button.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "./dropdown-menu.js";

package/dist/components/chat-history.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-history.js","names":["_Fragment"],"sources":["../../src/components/chat-history.tsx"],"sourcesContent":["import AlertCircle from '@burtson-labs/icons/react/alert-circle';\nimport Edit from '@burtson-labs/icons/react/edit';\nimport MessageSquarePlus from '@burtson-labs/icons/react/message-square-plus';\nimport MoreHorizontal from '@burtson-labs/icons/react/more-horizontal';\nimport Pin from '@burtson-labs/icons/react/pin';\nimport PinOff from '@burtson-labs/icons/react/pin-off';\nimport Search from '@burtson-labs/icons/react/search';\nimport Trash from '@burtson-labs/icons/react/trash';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { Button } from './button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from './dropdown-menu';\nimport { fieldFocusClasses } from './input';\n\nexport interface ChatHistoryItem {\n  id: string;\n  title: string;\n  /** When the conversation last changed; decides its group. */\n  updatedAt: Date | string | number;\n  pinned?: boolean;\n  /** A line of the latest message, searched along with the title. */\n  preview?: string;\n}\n\nexport type ChatHistoryGroupKey = 'pinned' | 'today' | 'yesterday' | 'week' | 'older';\n\nexport interface ChatHistoryGroup {\n  key: ChatHistoryGroupKey;\n  label: string;\n  items: ChatHistoryItem[];\n}\n\nconst LABELS: Record<ChatHistoryGroupKey, string> = {\n  pinned: 'Pinned',\n  today: 'Today',\n  yesterday: 'Yesterday',\n  week: 'Previous 7 days',\n  older: 'Older',\n};\n\nconst time = (d: ChatHistoryItem['updatedAt']) => new Date(d).getTime();\nconst startOfDay = (d: Date) => new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();\n\n/**\n * Pinned first, then Today, Yesterday, Previous 7 days and Older by the\n * local calendar, newest first in each. Empty groups are left out.\n */\nexport function groupConversations(\n  items: ChatHistoryItem[],\n  now: Date = new Date(),\n): ChatHistoryGroup[] {\n  const today = startOfDay(now);\n  const day = 24 * 60 * 60 * 1000;\n  const buckets: Record<ChatHistoryGroupKey, ChatHistoryItem[]> = {\n    pinned: [],\n    today: [],\n    yesterday: [],\n    week: [],\n    older: [],\n  };\n  for (const item of [...items].sort((a, b) => time(b.updatedAt) - time(a.updatedAt))) {\n    if (item.pinned) {\n      buckets.pinned.push(item);\n      continue;\n    }\n    const t = startOfDay(new Date(item.updatedAt));\n    const key: ChatHistoryGroupKey =\n      t >= today\n        ? 'today'\n        : t >= today - day\n          ? 'yesterday'\n          : t >= today - 7 * day\n            ? 'week'\n            : 'older';\n    buckets[key].push(item);\n  }\n  return (Object.keys(buckets) as ChatHistoryGroupKey[])\n    .filter((k) => buckets[k].length > 0)\n    .map((k) => ({ key: k, label: LABELS[k], items: buckets[k] }));\n}\n\n/** Case-insensitive match on every word, across title and preview. */\nexport function matchesConversation(item: ChatHistoryItem, query: string): boolean {\n  const hay = `${item.title} ${item.preview ?? ''}`.toLowerCase();\n  return query\n    .toLowerCase()\n    .split(/\\s+/)\n    .filter(Boolean)\n    .every((w) => hay.includes(w));\n}\n\nexport interface ChatHistoryProps extends Omit<React.ComponentProps<'div'>, 'onSelect'> {\n  items: ChatHistoryItem[];\n  activeId?: string;\n  onSelect: (id: string) => void;\n  /** Shows a \"New chat\" button at the top. */\n  onNewChat?: () => void;\n  /** Adds Rename to the row menu; the title is edited in place. */\n  onRename?: (id: string, title: string) => void;\n  /** Adds Delete to the row menu. Confirm or offer undo in your app. */\n  onDelete?: (id: string) => void;\n  /** Adds Pin / Unpin to the row menu. */\n  onPinChange?: (id: string, pinned: boolean) => void;\n  /** Controlled search text; leave out to let the list keep its own. */\n  query?: string;\n  onQueryChange?: (query: string) => void;\n  /** Hides the search box, e.g. when the app searches on the server. */\n  searchable?: boolean;\n  loading?: boolean;\n  /** Why the list could not load. Shown with Retry when `onRetry` is set. */\n  error?: React.ReactNode;\n  onRetry?: () => void;\n  /** Shown when there are no conversations at all. */\n  empty?: React.ReactNode;\n  /** The clock grouping uses; pass it in tests. */\n  now?: Date;\n  /**\n   * Virtualisation hook for long histories: receives a group's items and the\n   * row renderer, returns what to render (e.g. a windowed list). Default\n   * renders every row.\n   */\n  renderItems?: (\n    items: ChatHistoryItem[],\n    renderItem: (item: ChatHistoryItem) => React.ReactNode,\n  ) => React.ReactNode;\n  label?: string;\n}\n\n/**\n * The conversation list beside a chat: a New chat action, search, and the\n * history grouped by day with pinned chats on top. Up and Down move between\n * rows, Home and End jump, Enter opens; each row has a menu for rename, pin\n * and delete. The app owns the data; this only reports what the person did.\n */\nfunction ChatHistory({\n  items,\n  activeId,\n  onSelect,\n  onNewChat,\n  onRename,\n  onDelete,\n  onPinChange,\n  query: controlledQuery,\n  onQueryChange,\n  searchable = true,\n  loading = false,\n  error,\n  onRetry,\n  empty,\n  now,\n  renderItems,\n  label = 'Chat history',\n  className,\n  ...props\n}: ChatHistoryProps) {\n  const [ownQuery, setOwnQuery] = React.useState('');\n  const query = controlledQuery ?? ownQuery;\n  const setQuery = (q: string) => {\n    if (controlledQuery === undefined) setOwnQuery(q);\n    onQueryChange?.(q);\n  };\n  const [renaming, setRenaming] = React.useState<string | null>(null);\n  const list = React.useRef<HTMLDivElement>(null);\n  const searchId = React.useId();\n\n  const visible = query.trim() ? items.filter((i) => matchesConversation(i, query)) : items;\n  const groups = groupConversations(visible, now);\n\n  const onRowKeyDown = (e: React.KeyboardEvent) => {\n    const rows = Array.from(\n      list.current?.querySelectorAll<HTMLElement>('[data-slot=\"chat-history-row\"]') ?? [],\n    );\n    const i = rows.indexOf(document.activeElement as HTMLElement);\n    let next = -1;\n    if (e.key === 'ArrowDown') next = Math.min(rows.length - 1, i + 1);\n    else if (e.key === 'ArrowUp') next = Math.max(0, i - 1);\n    else if (e.key === 'Home') next = 0;\n    else if (e.key === 'End') next = rows.length - 1;\n    const row = next >= 0 ? rows[next] : undefined;\n    if (row) {\n      e.preventDefault();\n      row.focus();\n    }\n  };\n\n  const renderItem = (item: ChatHistoryItem) => (\n    <HistoryRow\n      key={item.id}\n      item={item}\n      active={item.id === activeId}\n      renaming={renaming === item.id}\n      onSelect={() => onSelect(item.id)}\n      onStartRename={onRename ? () => setRenaming(item.id) : undefined}\n      onRename={(title) => {\n        setRenaming(null);\n        if (onRename && title.trim() && title.trim() !== item.title)\n          onRename(item.id, title.trim());\n      }}\n      onDelete={onDelete ? () => onDelete(item.id) : undefined}\n      onPinChange={onPinChange ? (p) => onPinChange(item.id, p) : undefined}\n      onKeyDown={onRowKeyDown}\n    />\n  );\n\n  return (\n    <div\n      data-slot=\"chat-history\"\n      aria-label={label}\n      role=\"navigation\"\n      className={cn('flex h-full min-h-0 flex-col', className)}\n      {...props}\n    >\n      {(onNewChat || searchable) && (\n        <div className=\"grid gap-2 p-2\">\n          {onNewChat && (\n            <Button variant=\"outline\" className=\"justify-start\" onClick={onNewChat}>\n              <MessageSquarePlus /> New chat\n            </Button>\n          )}\n          {searchable && (\n            <label htmlFor={searchId} className=\"relative block\">\n              <span className=\"sr-only\">Search chats</span>\n              <Search\n                aria-hidden\n                className=\"pointer-events-none absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground\"\n              />\n              <input\n                id={searchId}\n                type=\"search\"\n                value={query}\n                onChange={(e) => setQuery(e.target.value)}\n                placeholder=\"Search chats\"\n                className={cn(\n                  'h-8 w-full rounded-md border border-input bg-surface pr-2 pl-8 text-base placeholder:text-muted-foreground sm:text-sm',\n                  fieldFocusClasses,\n                )}\n              />\n            </label>\n          )}\n        </div>\n      )}\n      <div ref={list} className=\"min-h-0 flex-1 overflow-y-auto px-2 pb-2\">\n        {loading ? (\n          <div role=\"status\" aria-label=\"Loading chats\" className=\"grid gap-1.5 pt-1\">\n            {[72, 56, 64, 48, 60].map((w, i) => (\n              <div key={i} className=\"h-8 rounded-md bg-muted/70 motion-safe:animate-pulse\">\n                <span className=\"sr-only\">Loading</span>\n                <span\n                  aria-hidden\n                  className=\"ml-2 inline-block h-2.5 translate-y-3 rounded bg-muted-foreground/15\"\n                  style={{ width: `${w}%` }}\n                />\n              </div>\n            ))}\n          </div>\n        ) : error ? (\n          <div role=\"alert\" className=\"grid justify-items-start gap-2 p-2 text-sm\">\n            <span className=\"inline-flex items-center gap-1.5 font-medium text-destructive [&_svg]:size-4\">\n              <AlertCircle aria-hidden /> Chats could not load\n            </span>\n            <span className=\"text-muted-foreground\">{error}</span>\n            {onRetry && (\n              <Button size=\"sm\" variant=\"outline\" onClick={onRetry}>\n                Try again\n              </Button>\n            )}\n          </div>\n        ) : items.length === 0 ? (\n          <div className=\"p-3 text-sm text-muted-foreground\">\n            {empty ?? 'No chats yet. Start one and it will appear here.'}\n          </div>\n        ) : groups.length === 0 ? (\n          <p role=\"status\" className=\"p-3 text-sm text-muted-foreground\">\n            No chats match &ldquo;{query}&rdquo;.\n          </p>\n        ) : (\n          groups.map((g) => (\n            <section key={g.key} aria-label={g.label} className=\"mt-2 first:mt-0\">\n              <h3 className=\"px-2 pt-2 pb-1 text-[11px] font-semibold tracking-wide text-muted-foreground uppercase\">\n                {g.label}\n              </h3>\n              <ul className=\"grid grid-cols-[minmax(0,1fr)] gap-0.5\">\n                {renderItems ? renderItems(g.items, renderItem) : g.items.map(renderItem)}\n              </ul>\n            </section>\n          ))\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction HistoryRow({\n  item,\n  active,\n  renaming,\n  onSelect,\n  onStartRename,\n  onRename,\n  onDelete,\n  onPinChange,\n  onKeyDown,\n}: {\n  item: ChatHistoryItem;\n  active: boolean;\n  renaming: boolean;\n  onSelect: () => void;\n  onStartRename?: () => void;\n  onRename: (title: string) => void;\n  onDelete?: () => void;\n  onPinChange?: (pinned: boolean) => void;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n}) {\n  const hasMenu = Boolean(onStartRename || onDelete || onPinChange);\n  if (renaming) return <RenameRow title={item.title} onDone={onRename} />;\n  return (\n    <li className=\"group/row relative min-w-0\">\n      <button\n        type=\"button\"\n        data-slot=\"chat-history-row\"\n        aria-current={active ? 'page' : undefined}\n        onClick={onSelect}\n        onKeyDown={onKeyDown}\n        className={cn(\n          'flex h-8 w-full items-center gap-2 rounded-md px-2 text-left text-sm outline-none transition-colors hover:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/20 pointer-coarse:h-11',\n          hasMenu && 'pr-9',\n          active && 'bg-accent font-medium text-accent-foreground hover:bg-accent',\n        )}\n      >\n        <span className=\"min-w-0 flex-1 truncate\">{item.title || 'Untitled chat'}</span>\n      </button>\n      {hasMenu && (\n        <DropdownMenu>\n          <DropdownMenuTrigger\n            aria-label={`Actions for ${item.title || 'chat'}`}\n            className={cn(\n              'absolute top-1/2 right-1 grid size-7 -translate-y-1/2 place-items-center rounded-sm text-muted-foreground opacity-0 outline-none transition-opacity hover:bg-background hover:text-foreground focus-visible:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/20 group-hover/row:opacity-100 data-[state=open]:opacity-100 pointer-coarse:size-9 pointer-coarse:opacity-100 [&_svg]:size-4',\n              active && 'opacity-100',\n            )}\n          >\n            <MoreHorizontal aria-hidden />\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"end\" className=\"w-40\">\n            {onStartRename && (\n              <DropdownMenuItem onSelect={onStartRename}>\n                <Edit aria-hidden /> Rename\n              </DropdownMenuItem>\n            )}\n            {onPinChange && (\n              <DropdownMenuItem onSelect={() => onPinChange(!item.pinned)}>\n                {item.pinned ? <PinOff aria-hidden /> : <Pin aria-hidden />}\n                {item.pinned ? 'Unpin' : 'Pin'}\n              </DropdownMenuItem>\n            )}\n            {onDelete && (\n              <>\n                {(onStartRename || onPinChange) && <DropdownMenuSeparator />}\n                <DropdownMenuItem variant=\"destructive\" onSelect={onDelete}>\n                  <Trash aria-hidden /> Delete\n                </DropdownMenuItem>\n              </>\n            )}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      )}\n    </li>\n  );\n}\n\n/** Rename in place: Enter or leaving the field saves, Escape keeps the old title. */\nfunction RenameRow({ title, onDone }: { title: string; onDone: (title: string) => void }) {\n  const [draft, setDraft] = React.useState(title);\n  const input = React.useRef<HTMLInputElement>(null);\n  React.useEffect(() => {\n    input.current?.select();\n  }, []);\n  return (\n    <li className=\"px-1 py-0.5\">\n      <input\n        ref={input}\n        aria-label=\"Chat title\"\n        value={draft}\n        // eslint-disable-next-line jsx-a11y/no-autofocus -- rename was just asked for\n        autoFocus\n        onChange={(e) => setDraft(e.target.value)}\n        onBlur={() => onDone(draft)}\n        onKeyDown={(e) => {\n          if (e.nativeEvent.isComposing || e.nativeEvent.keyCode === 229) return;\n          if (e.key === 'Enter') {\n            e.preventDefault();\n            onDone(draft);\n          } else if (e.key === 'Escape') {\n            e.preventDefault();\n            onDone(title);\n          }\n        }}\n        className=\"h-8 w-full rounded-md border border-ring bg-surface px-2 text-base inset-ring-1 inset-ring-ring outline-hidden! sm:text-sm\"\n      />\n    </li>\n  );\n}\n\nexport { ChatHistory };\n"],"mappings":"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"}
+{"version":3,"file":"chat-history.js","names":["_Fragment"],"sources":["../../src/components/chat-history.tsx"],"sourcesContent":["import AlertCircle from '@burtson-labs/icons/react/alert-circle';\nimport Edit from '@burtson-labs/icons/react/edit';\nimport MessageSquarePlus from '@burtson-labs/icons/react/message-square-plus';\nimport MoreHorizontal from '@burtson-labs/icons/react/more-horizontal';\nimport Pin from '@burtson-labs/icons/react/pin';\nimport PinOff from '@burtson-labs/icons/react/pin-off';\nimport Search from '@burtson-labs/icons/react/search';\nimport Trash from '@burtson-labs/icons/react/trash';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { Button } from './button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from './dropdown-menu';\nimport { fieldFocusClasses } from './input';\n\nexport interface ChatHistoryItem {\n  id: string;\n  title: string;\n  /** When the conversation last changed; decides its group. */\n  updatedAt: Date | string | number;\n  pinned?: boolean;\n  /** A line of the latest message, searched along with the title. */\n  preview?: string;\n}\n\nexport type ChatHistoryGroupKey = 'pinned' | 'today' | 'yesterday' | 'week' | 'older';\n\nexport interface ChatHistoryGroup {\n  key: ChatHistoryGroupKey;\n  label: string;\n  items: ChatHistoryItem[];\n}\n\nconst LABELS: Record<ChatHistoryGroupKey, string> = {\n  pinned: 'Pinned',\n  today: 'Today',\n  yesterday: 'Yesterday',\n  week: 'Previous 7 days',\n  older: 'Older',\n};\n\nconst time = (d: ChatHistoryItem['updatedAt']) => new Date(d).getTime();\nconst startOfDay = (d: Date) => new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();\n\n/**\n * Pinned first, then Today, Yesterday, Previous 7 days and Older by the\n * local calendar, newest first in each. Empty groups are left out.\n */\nexport function groupConversations(\n  items: ChatHistoryItem[],\n  now: Date = new Date(),\n): ChatHistoryGroup[] {\n  const today = startOfDay(now);\n  const day = 24 * 60 * 60 * 1000;\n  const buckets: Record<ChatHistoryGroupKey, ChatHistoryItem[]> = {\n    pinned: [],\n    today: [],\n    yesterday: [],\n    week: [],\n    older: [],\n  };\n  for (const item of [...items].sort((a, b) => time(b.updatedAt) - time(a.updatedAt))) {\n    if (item.pinned) {\n      buckets.pinned.push(item);\n      continue;\n    }\n    const t = startOfDay(new Date(item.updatedAt));\n    const key: ChatHistoryGroupKey =\n      t >= today\n        ? 'today'\n        : t >= today - day\n          ? 'yesterday'\n          : t >= today - 7 * day\n            ? 'week'\n            : 'older';\n    buckets[key].push(item);\n  }\n  return (Object.keys(buckets) as ChatHistoryGroupKey[])\n    .filter((k) => buckets[k].length > 0)\n    .map((k) => ({ key: k, label: LABELS[k], items: buckets[k] }));\n}\n\n/** Case-insensitive match on every word, across title and preview. */\nexport function matchesConversation(item: ChatHistoryItem, query: string): boolean {\n  const hay = `${item.title} ${item.preview ?? ''}`.toLowerCase();\n  return query\n    .toLowerCase()\n    .split(/\\s+/)\n    .filter(Boolean)\n    .every((w) => hay.includes(w));\n}\n\nexport interface ChatHistoryProps extends Omit<React.ComponentProps<'div'>, 'onSelect'> {\n  items: ChatHistoryItem[];\n  activeId?: string;\n  onSelect: (id: string) => void;\n  /** Shows a \"New chat\" button at the top. */\n  onNewChat?: () => void;\n  /** Adds Rename to the row menu; the title is edited in place. */\n  onRename?: (id: string, title: string) => void;\n  /** Adds Delete to the row menu. Confirm or offer undo in your app. */\n  onDelete?: (id: string) => void;\n  /** Adds Pin / Unpin to the row menu. */\n  onPinChange?: (id: string, pinned: boolean) => void;\n  /** Controlled search text; leave out to let the list keep its own. */\n  query?: string;\n  onQueryChange?: (query: string) => void;\n  /** Hides the search box, e.g. when the app searches on the server. */\n  searchable?: boolean;\n  loading?: boolean;\n  /** Why the list could not load. Shown with Retry when `onRetry` is set. */\n  error?: React.ReactNode;\n  onRetry?: () => void;\n  /** Shown when there are no conversations at all. */\n  empty?: React.ReactNode;\n  /** The clock grouping uses; pass it in tests. */\n  now?: Date;\n  /**\n   * Virtualisation hook for long histories: receives a group's items and the\n   * row renderer, returns what to render (e.g. a windowed list). Default\n   * renders every row.\n   */\n  renderItems?: (\n    items: ChatHistoryItem[],\n    renderItem: (item: ChatHistoryItem) => React.ReactNode,\n  ) => React.ReactNode;\n  label?: string;\n}\n\n/**\n * The conversation list beside a chat: a New chat action, search, and the\n * history grouped by day with pinned chats on top. Up and Down move between\n * rows, Home and End jump, Enter opens; each row has a menu for rename, pin\n * and delete. The app owns the data; this only reports what the person did.\n */\nfunction ChatHistory({\n  items,\n  activeId,\n  onSelect,\n  onNewChat,\n  onRename,\n  onDelete,\n  onPinChange,\n  query: controlledQuery,\n  onQueryChange,\n  searchable = true,\n  loading = false,\n  error,\n  onRetry,\n  empty,\n  now,\n  renderItems,\n  label = 'Chat history',\n  className,\n  ...props\n}: ChatHistoryProps) {\n  const [ownQuery, setOwnQuery] = React.useState('');\n  const query = controlledQuery ?? ownQuery;\n  const setQuery = (q: string) => {\n    if (controlledQuery === undefined) setOwnQuery(q);\n    onQueryChange?.(q);\n  };\n  const [renaming, setRenaming] = React.useState<string | null>(null);\n  const list = React.useRef<HTMLDivElement>(null);\n  const searchId = React.useId();\n\n  const visible = query.trim() ? items.filter((i) => matchesConversation(i, query)) : items;\n  const groups = groupConversations(visible, now);\n\n  const onRowKeyDown = (e: React.KeyboardEvent) => {\n    const rows = Array.from(\n      list.current?.querySelectorAll<HTMLElement>('[data-slot=\"chat-history-row\"]') ?? [],\n    );\n    const i = rows.indexOf(document.activeElement as HTMLElement);\n    let next = -1;\n    if (e.key === 'ArrowDown') next = Math.min(rows.length - 1, i + 1);\n    else if (e.key === 'ArrowUp') next = Math.max(0, i - 1);\n    else if (e.key === 'Home') next = 0;\n    else if (e.key === 'End') next = rows.length - 1;\n    const row = next >= 0 ? rows[next] : undefined;\n    if (row) {\n      e.preventDefault();\n      row.focus();\n    }\n  };\n\n  const renderItem = (item: ChatHistoryItem) => (\n    <HistoryRow\n      key={item.id}\n      item={item}\n      active={item.id === activeId}\n      renaming={renaming === item.id}\n      onSelect={() => onSelect(item.id)}\n      onStartRename={onRename ? () => setRenaming(item.id) : undefined}\n      onRename={(title) => {\n        setRenaming(null);\n        if (onRename && title.trim() && title.trim() !== item.title)\n          onRename(item.id, title.trim());\n      }}\n      onDelete={onDelete ? () => onDelete(item.id) : undefined}\n      onPinChange={onPinChange ? (p) => onPinChange(item.id, p) : undefined}\n      onKeyDown={onRowKeyDown}\n    />\n  );\n\n  return (\n    <div\n      data-slot=\"chat-history\"\n      aria-label={label}\n      role=\"navigation\"\n      className={cn('flex h-full min-h-0 flex-col', className)}\n      {...props}\n    >\n      {(onNewChat || searchable) && (\n        <div className=\"grid gap-2 p-2\">\n          {onNewChat && (\n            <Button variant=\"outline\" className=\"justify-start\" onClick={onNewChat}>\n              <MessageSquarePlus /> New chat\n            </Button>\n          )}\n          {searchable && (\n            <label htmlFor={searchId} className=\"relative block\">\n              <span className=\"sr-only\">Search chats</span>\n              <Search\n                aria-hidden\n                className=\"pointer-events-none absolute top-1/2 left-2.5 size-4 -translate-y-1/2 text-muted-foreground\"\n              />\n              <input\n                id={searchId}\n                type=\"search\"\n                value={query}\n                onChange={(e) => setQuery(e.target.value)}\n                placeholder=\"Search chats\"\n                className={cn(\n                  'h-8 w-full rounded-md border border-input bg-surface pr-2 pl-8 text-base placeholder:text-muted-foreground sm:text-sm',\n                  fieldFocusClasses,\n                )}\n              />\n            </label>\n          )}\n        </div>\n      )}\n      <div ref={list} className=\"min-h-0 flex-1 overflow-y-auto px-2 pb-2\">\n        {loading ? (\n          <div role=\"status\" aria-label=\"Loading chats\" className=\"grid gap-1.5 pt-1\">\n            {[72, 56, 64, 48, 60].map((w, i) => (\n              <div key={i} className=\"h-8 rounded-md bg-muted/70 motion-safe:animate-pulse\">\n                <span className=\"sr-only\">Loading</span>\n                <span\n                  aria-hidden\n                  className=\"ml-2 inline-block h-2.5 translate-y-3 rounded bg-muted-foreground/15\"\n                  style={{ width: `${w}%` }}\n                />\n              </div>\n            ))}\n          </div>\n        ) : error ? (\n          <div role=\"alert\" className=\"grid justify-items-start gap-2 p-2 text-sm\">\n            <span className=\"inline-flex items-center gap-1.5 font-medium text-destructive [&_svg]:size-4\">\n              <AlertCircle aria-hidden /> Chats could not load\n            </span>\n            <span className=\"text-muted-foreground\">{error}</span>\n            {onRetry && (\n              <Button size=\"sm\" variant=\"outline\" onClick={onRetry}>\n                Try again\n              </Button>\n            )}\n          </div>\n        ) : items.length === 0 ? (\n          <div className=\"p-3 text-sm text-muted-foreground\">\n            {empty ?? 'No chats yet. Start one and it will appear here.'}\n          </div>\n        ) : groups.length === 0 ? (\n          <p role=\"status\" className=\"p-3 text-sm text-muted-foreground\">\n            No chats match &ldquo;{query}&rdquo;.\n          </p>\n        ) : (\n          groups.map((g) => (\n            <section key={g.key} aria-label={g.label} className=\"mt-2 first:mt-0\">\n              <h3 className=\"px-2 pt-2 pb-1 text-[11px] font-semibold tracking-wide text-muted-foreground uppercase\">\n                {g.label}\n              </h3>\n              <ul className=\"grid grid-cols-[minmax(0,1fr)] gap-0.5\">\n                {renderItems ? renderItems(g.items, renderItem) : g.items.map(renderItem)}\n              </ul>\n            </section>\n          ))\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction HistoryRow({\n  item,\n  active,\n  renaming,\n  onSelect,\n  onStartRename,\n  onRename,\n  onDelete,\n  onPinChange,\n  onKeyDown,\n}: {\n  item: ChatHistoryItem;\n  active: boolean;\n  renaming: boolean;\n  onSelect: () => void;\n  onStartRename?: () => void;\n  onRename: (title: string) => void;\n  onDelete?: () => void;\n  onPinChange?: (pinned: boolean) => void;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n}) {\n  const hasMenu = Boolean(onStartRename || onDelete || onPinChange);\n  if (renaming) return <RenameRow title={item.title} onDone={onRename} />;\n  return (\n    <li className=\"group/row relative min-w-0\">\n      <button\n        type=\"button\"\n        data-slot=\"chat-history-row\"\n        aria-current={active ? 'page' : undefined}\n        onClick={onSelect}\n        onKeyDown={onKeyDown}\n        className={cn(\n          'flex h-8 w-full items-center gap-2 rounded-md px-2 text-left text-sm outline-none transition-colors hover:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/20 pointer-coarse:h-11',\n          hasMenu && 'pr-9',\n          active && 'bg-accent font-medium text-accent-foreground hover:bg-accent',\n        )}\n      >\n        <span className=\"min-w-0 flex-1 truncate\">{item.title || 'Untitled chat'}</span>\n      </button>\n      {hasMenu && (\n        <DropdownMenu>\n          <DropdownMenuTrigger\n            aria-label={`Actions for ${item.title || 'chat'}`}\n            className={cn(\n              'absolute top-1/2 right-1 grid size-7 -translate-y-1/2 place-items-center rounded-sm text-muted-foreground opacity-0 outline-none transition-opacity hover:bg-background hover:text-foreground focus-visible:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/20 group-hover/row:opacity-100 data-[state=open]:opacity-100 pointer-coarse:size-9 pointer-coarse:opacity-100 [&_svg]:size-4',\n              active && 'opacity-100',\n            )}\n          >\n            <MoreHorizontal aria-hidden />\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"end\" className=\"w-40\">\n            {onStartRename && (\n              <DropdownMenuItem onSelect={onStartRename}>\n                <Edit aria-hidden /> Rename\n              </DropdownMenuItem>\n            )}\n            {onPinChange && (\n              <DropdownMenuItem onSelect={() => onPinChange(!item.pinned)}>\n                {item.pinned ? <PinOff aria-hidden /> : <Pin aria-hidden />}\n                {item.pinned ? 'Unpin' : 'Pin'}\n              </DropdownMenuItem>\n            )}\n            {onDelete && (\n              <>\n                {(onStartRename || onPinChange) && <DropdownMenuSeparator />}\n                <DropdownMenuItem variant=\"destructive\" onSelect={onDelete}>\n                  <Trash aria-hidden /> Delete\n                </DropdownMenuItem>\n              </>\n            )}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      )}\n    </li>\n  );\n}\n\n/** Rename in place: Enter or leaving the field saves, Escape keeps the old title. */\nfunction RenameRow({ title, onDone }: { title: string; onDone: (title: string) => void }) {\n  const [draft, setDraft] = React.useState(title);\n  const input = React.useRef<HTMLInputElement>(null);\n  React.useEffect(() => {\n    input.current?.select();\n  }, []);\n  return (\n    <li className=\"px-1 py-0.5\">\n      <input\n        ref={input}\n        aria-label=\"Chat title\"\n        value={draft}\n        // eslint-disable-next-line jsx-a11y/no-autofocus -- rename was just asked for\n        autoFocus\n        onChange={(e) => setDraft(e.target.value)}\n        onBlur={() => onDone(draft)}\n        onKeyDown={(e) => {\n          if (e.nativeEvent.isComposing || e.nativeEvent.keyCode === 229) return;\n          if (e.key === 'Enter') {\n            e.preventDefault();\n            onDone(draft);\n          } else if (e.key === 'Escape') {\n            e.preventDefault();\n            onDone(title);\n          }\n        }}\n        className=\"h-8 w-full rounded-md border border-ring bg-surface px-2 text-base inset-ring-1 inset-ring-ring outline-hidden! sm:text-sm\"\n      />\n    </li>\n  );\n}\n\nexport { ChatHistory };\n"],"mappings":"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"}

package/dist/components/chat-layout.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from "../lib/utils.js";
 import { IconButton } from "./icon-button.js";
 import { ResizablePanel, ResizablePanelGroup, ResizeHandle } from "./resizable.js";

package/dist/components/chat-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-layout.js","names":["_Fragment"],"sources":["../../src/components/chat-layout.tsx"],"sourcesContent":["import Maximize from '@burtson-labs/icons/react/maximize';\nimport Minimize from '@burtson-labs/icons/react/minimize';\nimport PanelLeft from '@burtson-labs/icons/react/panel-left';\nimport PanelLeftClose from '@burtson-labs/icons/react/panel-left-close';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { IconButton } from './icon-button';\nimport { ResizablePanel, ResizablePanelGroup, ResizeHandle } from './resizable';\nimport { Sheet, SheetContent, SheetDescription, SheetTitle } from './sheet';\n\n/**\n * Full screen for one element: the Fullscreen API where the browser allows\n * it, otherwise the element is pinned over the page with CSS. Escape leaves\n * either way. Nothing remounts, so focus and scroll stay where they were.\n */\nexport function useFullscreen(\n  ref: React.RefObject<HTMLElement | null>,\n  onChange?: (fullscreen: boolean) => void,\n) {\n  const [native, setNative] = React.useState(false);\n  const [fallback, setFallback] = React.useState(false);\n  const active = native || fallback;\n  const changed = React.useRef(onChange);\n  React.useEffect(() => {\n    changed.current = onChange;\n  }, [onChange]);\n\n  React.useEffect(() => {\n    const sync = () =>\n      setNative(Boolean(ref.current && document.fullscreenElement === ref.current));\n    document.addEventListener('fullscreenchange', sync);\n    return () => document.removeEventListener('fullscreenchange', sync);\n  }, [ref]);\n\n  React.useEffect(() => {\n    if (!fallback) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && !e.defaultPrevented) setFallback(false);\n    };\n    const root = document.documentElement;\n    const previous = root.style.overflow;\n    root.style.overflow = 'hidden';\n    document.addEventListener('keydown', onKey);\n    return () => {\n      root.style.overflow = previous;\n      document.removeEventListener('keydown', onKey);\n    };\n  }, [fallback]);\n\n  const first = React.useRef(true);\n  React.useEffect(() => {\n    if (first.current) {\n      first.current = false;\n      return;\n    }\n    changed.current?.(active);\n  }, [active]);\n\n  const enter = React.useCallback(async () => {\n    const el = ref.current;\n    if (!el) return;\n    const canNative = document.fullscreenEnabled && typeof el.requestFullscreen === 'function';\n    // Denied (iframe without allowfullscreen, iOS) resolves false: use the CSS fallback.\n    const ok = canNative\n      ? await el.requestFullscreen().then(\n          () => true,\n          () => false,\n        )\n      : false;\n    if (!ok) setFallback(true);\n  }, [ref]);\n\n  const exit = React.useCallback(async () => {\n    setFallback(false);\n    if (document.fullscreenElement && typeof document.exitFullscreen === 'function') {\n      await document.exitFullscreen().catch(() => undefined);\n    }\n  }, []);\n\n  const toggle = React.useCallback(() => (active ? exit() : enter()), [active, enter, exit]);\n  return { fullscreen: active, native, enter, exit, toggle };\n}\n\nfunction useDesktop(query = '(min-width: 768px)') {\n  const get = () => (typeof matchMedia === 'function' ? matchMedia(query).matches : true);\n  const [desktop, setDesktop] = React.useState(get);\n  React.useEffect(() => {\n    if (typeof matchMedia !== 'function') return;\n    const mq = matchMedia(query);\n    const on = () => setDesktop(mq.matches);\n    mq.addEventListener?.('change', on);\n    return () => mq.removeEventListener?.('change', on);\n  }, [query]);\n  return desktop;\n}\n\nexport interface ChatLayoutProps extends Omit<React.ComponentProps<'div'>, 'title'> {\n  /** The history column, usually a ChatHistory. A sheet from the left on phones. */\n  sidebar?: React.ReactNode;\n  sidebarLabel?: string;\n  /** An optional right column: sources, files, run details. Hidden on phones. */\n  details?: React.ReactNode;\n  detailsLabel?: string;\n  /** Shown in the header: the conversation title. */\n  title?: React.ReactNode;\n  /** Header controls right of the title (model picker, share). */\n  actions?: React.ReactNode;\n  /** Controlled sidebar state; leave out to let the layout keep its own. */\n  sidebarOpen?: boolean;\n  defaultSidebarOpen?: boolean;\n  onSidebarOpenChange?: (open: boolean) => void;\n  /** Show the Full screen button. Default true. */\n  allowFullscreen?: boolean;\n  onFullscreenChange?: (fullscreen: boolean) => void;\n  /** Sidebar width, e.g. \"22%\" or 280 (px), as ResizablePanel sizes. */\n  sidebarSize?: number | string;\n}\n\n/**\n * The frame for a chat app: header, a resizable history sidebar (a sheet on\n * phones that closes when a chat is picked), the conversation, an optional\n * details column, and a Full screen mode. Put a Conversation and a Composer\n * in `children`; the layout stacks them and keeps the composer at the bottom.\n */\nfunction ChatLayout({\n  sidebar,\n  sidebarLabel = 'Chats',\n  details,\n  detailsLabel = 'Details',\n  title,\n  actions,\n  sidebarOpen: controlledOpen,\n  defaultSidebarOpen = true,\n  onSidebarOpenChange,\n  allowFullscreen = true,\n  onFullscreenChange,\n  sidebarSize = '24%',\n  children,\n  className,\n  ...props\n}: ChatLayoutProps) {\n  const root = React.useRef<HTMLDivElement>(null);\n  const desktop = useDesktop();\n  const [ownOpen, setOwnOpen] = React.useState(defaultSidebarOpen);\n  const [sheetOpen, setSheetOpen] = React.useState(false);\n  const open = controlledOpen ?? ownOpen;\n  const setOpen = (v: boolean) => {\n    if (controlledOpen === undefined) setOwnOpen(v);\n    onSidebarOpenChange?.(v);\n  };\n  const { fullscreen, toggle } = useFullscreen(root, onFullscreenChange);\n\n  const sidebarToggle = sidebar ? (\n    desktop ? (\n      <IconButton\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        label={open ? `Hide ${sidebarLabel.toLowerCase()}` : `Show ${sidebarLabel.toLowerCase()}`}\n        aria-expanded={open}\n        onClick={() => setOpen(!open)}\n      >\n        {open ? <PanelLeftClose /> : <PanelLeft />}\n      </IconButton>\n    ) : (\n      <IconButton\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        className=\"pointer-coarse:size-11\"\n        label={`Open ${sidebarLabel.toLowerCase()}`}\n        aria-expanded={sheetOpen}\n        onClick={() => setSheetOpen(true)}\n      >\n        <PanelLeft />\n      </IconButton>\n    )\n  ) : null;\n\n  const main = (\n    <div data-slot=\"chat-layout-main\" className=\"flex h-full min-h-0 min-w-0 flex-col\">\n      {children}\n    </div>\n  );\n\n  return (\n    <div\n      ref={root}\n      data-slot=\"chat-layout\"\n      data-fullscreen={fullscreen || undefined}\n      className={cn(\n        'flex h-full min-h-0 flex-col overflow-hidden bg-background text-foreground',\n        'data-[fullscreen]:fixed data-[fullscreen]:inset-0 data-[fullscreen]:z-50 data-[fullscreen]:h-dvh data-[fullscreen]:w-screen',\n        className,\n      )}\n      {...props}\n    >\n      <header className=\"flex h-12 shrink-0 items-center gap-1 border-b px-2\">\n        {sidebarToggle}\n        <div className=\"min-w-0 flex-1 truncate px-1 text-sm font-medium\">{title}</div>\n        {actions}\n        {allowFullscreen && (\n          <IconButton\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            className=\"pointer-coarse:size-11\"\n            label={fullscreen ? 'Exit full screen' : 'Full screen'}\n            aria-pressed={fullscreen}\n            onClick={() => void toggle()}\n          >\n            {fullscreen ? <Minimize /> : <Maximize />}\n          </IconButton>\n        )}\n      </header>\n      <div className=\"min-h-0 flex-1\">\n        {desktop && (sidebar || details) ? (\n          <ResizablePanelGroup orientation=\"horizontal\">\n            {sidebar && open && (\n              <>\n                <ResizablePanel\n                  id=\"chat-sidebar\"\n                  defaultSize={sidebarSize}\n                  minSize={180}\n                  maxSize=\"45%\"\n                  className=\"bg-surface-muted/50\"\n                >\n                  <aside aria-label={sidebarLabel} className=\"h-full\">\n                    {sidebar}\n                  </aside>\n                </ResizablePanel>\n                <ResizeHandle aria-label={`Resize ${sidebarLabel.toLowerCase()}`} />\n              </>\n            )}\n            <ResizablePanel id=\"chat-main\" minSize=\"30%\">\n              {main}\n            </ResizablePanel>\n            {details && (\n              <>\n                <ResizeHandle aria-label={`Resize ${detailsLabel.toLowerCase()}`} />\n                <ResizablePanel id=\"chat-details\" defaultSize=\"26%\" minSize={200} maxSize=\"45%\">\n                  <aside aria-label={detailsLabel} className=\"h-full overflow-y-auto\">\n                    {details}\n                  </aside>\n                </ResizablePanel>\n              </>\n            )}\n          </ResizablePanelGroup>\n        ) : (\n          main\n        )}\n      </div>\n      {sidebar && !desktop && (\n        <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>\n          <SheetContent side=\"left\" className=\"w-[min(20rem,88vw)] gap-0 p-0\">\n            <SheetTitle className=\"border-b px-4 py-3.5 text-sm\">{sidebarLabel}</SheetTitle>\n            <SheetDescription className=\"sr-only\">Pick a conversation.</SheetDescription>\n            <div\n              className=\"min-h-0 flex-1\"\n              // Picking a chat (or New chat) closes the sheet, as on a phone it should.\n              onClickCapture={(e) => {\n                const t = e.target as HTMLElement;\n                if (t.closest('[data-slot=\"chat-history-row\"], [data-close-sheet]'))\n                  setSheetOpen(false);\n              }}\n            >\n              {sidebar}\n            </div>\n          </SheetContent>\n        </Sheet>\n      )}\n    </div>\n  );\n}\n\nexport { ChatLayout };\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,SAAgB,cACd,KACA,UACA;CACA,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAS,KAAK;CAChD,MAAM,CAAC,UAAU,eAAe,MAAM,SAAS,KAAK;CACpD,MAAM,SAAS,UAAU;CACzB,MAAM,UAAU,MAAM,OAAO,QAAQ;CACrC,MAAM,gBAAgB;EACpB,QAAQ,UAAU;CACpB,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,gBAAgB;EACpB,MAAM,aACJ,UAAU,QAAQ,IAAI,WAAW,SAAS,sBAAsB,IAAI,OAAO,CAAC;EAC9E,SAAS,iBAAiB,oBAAoB,IAAI;EAClD,aAAa,SAAS,oBAAoB,oBAAoB,IAAI;CACpE,GAAG,CAAC,GAAG,CAAC;CAER,MAAM,gBAAgB;EACpB,IAAI,CAAC,UAAU;EACf,MAAM,SAAS,MAAqB;GAClC,IAAI,EAAE,QAAQ,YAAY,CAAC,EAAE,kBAAkB,YAAY,KAAK;EAClE;EACA,MAAM,OAAO,SAAS;EACtB,MAAM,WAAW,KAAK,MAAM;EAC5B,KAAK,MAAM,WAAW;EACtB,SAAS,iBAAiB,WAAW,KAAK;EAC1C,aAAa;GACX,KAAK,MAAM,WAAW;GACtB,SAAS,oBAAoB,WAAW,KAAK;EAC/C;CACF,GAAG,CAAC,QAAQ,CAAC;CAEb,MAAM,QAAQ,MAAM,OAAO,IAAI;CAC/B,MAAM,gBAAgB;EACpB,IAAI,MAAM,SAAS;GACjB,MAAM,UAAU;GAChB;EACF;EACA,QAAQ,UAAU,MAAM;CAC1B,GAAG,CAAC,MAAM,CAAC;CAEX,MAAM,QAAQ,MAAM,YAAY,YAAY;EAC1C,MAAM,KAAK,IAAI;EACf,IAAI,CAAC,IAAI;EAST,IAAI,EARc,SAAS,qBAAqB,OAAO,GAAG,sBAAsB,aAG5E,MAAM,GAAG,kBAAkB,CAAC,CAAC,WACrB,YACA,KACR,IACA,QACK,YAAY,IAAI;CAC3B,GAAG,CAAC,GAAG,CAAC;CAER,MAAM,OAAO,MAAM,YAAY,YAAY;EACzC,YAAY,KAAK;EACjB,IAAI,SAAS,qBAAqB,OAAO,SAAS,mBAAmB,YACnE,MAAM,SAAS,eAAe,CAAC,CAAC,YAAY,KAAA,CAAS;CAEzD,GAAG,CAAC,CAAC;CAGL,OAAO;EAAE,YAAY;EAAQ;EAAQ;EAAO;EAAM,QADnC,MAAM,kBAAmB,SAAS,KAAK,IAAI,MAAM,GAAI;GAAC;GAAQ;GAAO;EAAI,CACtC;CAAO;AAC3D;AAEA,SAAS,WAAW,QAAQ,sBAAsB;CAChD,MAAM,YAAa,OAAO,eAAe,aAAa,WAAW,KAAK,CAAC,CAAC,UAAU;CAClF,MAAM,CAAC,SAAS,cAAc,MAAM,SAAS,GAAG;CAChD,MAAM,gBAAgB;EACpB,IAAI,OAAO,eAAe,YAAY;EACtC,MAAM,KAAK,WAAW,KAAK;EAC3B,MAAM,WAAW,WAAW,GAAG,OAAO;EACtC,GAAG,mBAAmB,UAAU,EAAE;EAClC,aAAa,GAAG,sBAAsB,UAAU,EAAE;CACpD,GAAG,CAAC,KAAK,CAAC;CACV,OAAO;AACT;;;;;;;AA8BA,SAAS,WAAW,EAClB,SACA,eAAe,SACf,SACA,eAAe,WACf,OACA,SACA,aAAa,gBACb,qBAAqB,MACrB,qBACA,kBAAkB,MAClB,oBACA,cAAc,OACd,UACA,WACA,GAAG,SACe;CAClB,MAAM,OAAO,MAAM,OAAuB,IAAI;CAC9C,MAAM,UAAU,WAAW;CAC3B,MAAM,CAAC,SAAS,cAAc,MAAM,SAAS,kBAAkB;CAC/D,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,KAAK;CACtD,MAAM,OAAO,kBAAkB;CAC/B,MAAM,WAAW,MAAe;EAC9B,IAAI,mBAAmB,KAAA,GAAW,WAAW,CAAC;EAC9C,sBAAsB,CAAC;CACzB;CACA,MAAM,EAAE,YAAY,WAAW,cAAc,MAAM,kBAAkB;CAErE,MAAM,gBAAgB,UACpB,UACE,oBAAC,YAAD;EACE,SAAQ;EACR,MAAK;EACL,OAAO,OAAO,QAAQ,aAAa,YAAY,MAAM,QAAQ,aAAa,YAAY;EACtF,iBAAe;EACf,eAAe,QAAQ,CAAC,IAAI;EAE3B,UAAA,OAAO,oBAAC,gBAAD,CAAiB,CAAA,IAAI,oBAAC,WAAD,CAAY,CAAA;CAC/B,CAAA,IAEZ,oBAAC,YAAD;EACE,SAAQ;EACR,MAAK;EACL,WAAU;EACV,OAAO,QAAQ,aAAa,YAAY;EACxC,iBAAe;EACf,eAAe,aAAa,IAAI;EAEhC,UAAA,oBAAC,WAAD,CAAY,CAAA;CACF,CAAA,IAEZ;CAEJ,MAAM,OACJ,oBAAC,OAAD;EAAK,aAAU;EAAmB,WAAU;EACzC;CACE,CAAA;CAGP,OACE,qBAAC,OAAD;EACE,KAAK;EACL,aAAU;EACV,mBAAiB,cAAc,KAAA;EAC/B,WAAW,GACT,8EACA,+HACA,SACF;EACA,GAAI;EATN,UAAA;GAWE,qBAAC,UAAD;IAAQ,WAAU;IAAlB,UAAA;KACG;KACD,oBAAC,OAAD;MAAK,WAAU;MAAoD,UAAA;KAAW,CAAA;KAC7E;KACA,mBACC,oBAAC,YAAD;MACE,SAAQ;MACR,MAAK;MACL,WAAU;MACV,OAAO,aAAa,qBAAqB;MACzC,gBAAc;MACd,eAAe,KAAK,OAAO;MAE1B,UAAA,aAAa,oBAAC,UAAD,CAAW,CAAA,IAAI,oBAAC,UAAD,CAAW,CAAA;KAC9B,CAAA;IAER;;GACR,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA,YAAY,WAAW,WACtB,qBAAC,qBAAD;KAAqB,aAAY;KAAjC,UAAA;MACG,WAAW,QACV,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,gBAAD;OACE,IAAG;OACH,aAAa;OACb,SAAS;OACT,SAAQ;OACR,WAAU;OAEV,UAAA,oBAAC,SAAD;QAAO,cAAY;QAAc,WAAU;QACxC,UAAA;OACI,CAAA;MACO,CAAA,GAChB,oBAAC,cAAD,EAAc,cAAY,UAAU,aAAa,YAAY,IAAM,CAAA,CACnE,EAAA,CAAA;MAEJ,oBAAC,gBAAD;OAAgB,IAAG;OAAY,SAAQ;OACpC,UAAA;MACa,CAAA;MACf,WACC,qBAAAA,UAAA,EAAA,UAAA,CACE,oBAAC,cAAD,EAAc,cAAY,UAAU,aAAa,YAAY,IAAM,CAAA,GACnE,oBAAC,gBAAD;OAAgB,IAAG;OAAe,aAAY;OAAM,SAAS;OAAK,SAAQ;OACxE,UAAA,oBAAC,SAAD;QAAO,cAAY;QAAc,WAAU;QACxC,UAAA;OACI,CAAA;MACO,CAAA,CAChB,EAAA,CAAA;KAEe;IAErB,CAAA,IAAA;GAEC,CAAA;GACJ,WAAW,CAAC,WACX,oBAAC,OAAD;IAAO,MAAM;IAAW,cAAc;IACpC,UAAA,qBAAC,cAAD;KAAc,MAAK;KAAO,WAAU;KAApC,UAAA;MACE,oBAAC,YAAD;OAAY,WAAU;OAAgC,UAAA;MAAyB,CAAA;MAC/E,oBAAC,kBAAD;OAAkB,WAAU;OAAU,UAAA;MAAsC,CAAA;MAC5E,oBAAC,OAAD;OACE,WAAU;OAEV,iBAAiB,MAAM;QAErB,IADU,EAAE,OACN,QAAQ,sDAAoD,GAChE,aAAa,KAAK;OACtB;OAEC,UAAA;MACE,CAAA;KACO;;GACT,CAAA;EAEN;;AAET"}
+{"version":3,"file":"chat-layout.js","names":["_Fragment"],"sources":["../../src/components/chat-layout.tsx"],"sourcesContent":["import Maximize from '@burtson-labs/icons/react/maximize';\nimport Minimize from '@burtson-labs/icons/react/minimize';\nimport PanelLeft from '@burtson-labs/icons/react/panel-left';\nimport PanelLeftClose from '@burtson-labs/icons/react/panel-left-close';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { IconButton } from './icon-button';\nimport { ResizablePanel, ResizablePanelGroup, ResizeHandle } from './resizable';\nimport { Sheet, SheetContent, SheetDescription, SheetTitle } from './sheet';\n\n/**\n * Full screen for one element: the Fullscreen API where the browser allows\n * it, otherwise the element is pinned over the page with CSS. Escape leaves\n * either way. Nothing remounts, so focus and scroll stay where they were.\n */\nexport function useFullscreen(\n  ref: React.RefObject<HTMLElement | null>,\n  onChange?: (fullscreen: boolean) => void,\n) {\n  const [native, setNative] = React.useState(false);\n  const [fallback, setFallback] = React.useState(false);\n  const active = native || fallback;\n  const changed = React.useRef(onChange);\n  React.useEffect(() => {\n    changed.current = onChange;\n  }, [onChange]);\n\n  React.useEffect(() => {\n    const sync = () =>\n      setNative(Boolean(ref.current && document.fullscreenElement === ref.current));\n    document.addEventListener('fullscreenchange', sync);\n    return () => document.removeEventListener('fullscreenchange', sync);\n  }, [ref]);\n\n  React.useEffect(() => {\n    if (!fallback) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && !e.defaultPrevented) setFallback(false);\n    };\n    const root = document.documentElement;\n    const previous = root.style.overflow;\n    root.style.overflow = 'hidden';\n    document.addEventListener('keydown', onKey);\n    return () => {\n      root.style.overflow = previous;\n      document.removeEventListener('keydown', onKey);\n    };\n  }, [fallback]);\n\n  const first = React.useRef(true);\n  React.useEffect(() => {\n    if (first.current) {\n      first.current = false;\n      return;\n    }\n    changed.current?.(active);\n  }, [active]);\n\n  const enter = React.useCallback(async () => {\n    const el = ref.current;\n    if (!el) return;\n    const canNative = document.fullscreenEnabled && typeof el.requestFullscreen === 'function';\n    // Denied (iframe without allowfullscreen, iOS) resolves false: use the CSS fallback.\n    const ok = canNative\n      ? await el.requestFullscreen().then(\n          () => true,\n          () => false,\n        )\n      : false;\n    if (!ok) setFallback(true);\n  }, [ref]);\n\n  const exit = React.useCallback(async () => {\n    setFallback(false);\n    if (document.fullscreenElement && typeof document.exitFullscreen === 'function') {\n      await document.exitFullscreen().catch(() => undefined);\n    }\n  }, []);\n\n  const toggle = React.useCallback(() => (active ? exit() : enter()), [active, enter, exit]);\n  return { fullscreen: active, native, enter, exit, toggle };\n}\n\nfunction useDesktop(query = '(min-width: 768px)') {\n  const get = () => (typeof matchMedia === 'function' ? matchMedia(query).matches : true);\n  const [desktop, setDesktop] = React.useState(get);\n  React.useEffect(() => {\n    if (typeof matchMedia !== 'function') return;\n    const mq = matchMedia(query);\n    const on = () => setDesktop(mq.matches);\n    mq.addEventListener?.('change', on);\n    return () => mq.removeEventListener?.('change', on);\n  }, [query]);\n  return desktop;\n}\n\nexport interface ChatLayoutProps extends Omit<React.ComponentProps<'div'>, 'title'> {\n  /** The history column, usually a ChatHistory. A sheet from the left on phones. */\n  sidebar?: React.ReactNode;\n  sidebarLabel?: string;\n  /** An optional right column: sources, files, run details. Hidden on phones. */\n  details?: React.ReactNode;\n  detailsLabel?: string;\n  /** Shown in the header: the conversation title. */\n  title?: React.ReactNode;\n  /** Header controls right of the title (model picker, share). */\n  actions?: React.ReactNode;\n  /** Controlled sidebar state; leave out to let the layout keep its own. */\n  sidebarOpen?: boolean;\n  defaultSidebarOpen?: boolean;\n  onSidebarOpenChange?: (open: boolean) => void;\n  /** Show the Full screen button. Default true. */\n  allowFullscreen?: boolean;\n  onFullscreenChange?: (fullscreen: boolean) => void;\n  /** Sidebar width, e.g. \"22%\" or 280 (px), as ResizablePanel sizes. */\n  sidebarSize?: number | string;\n}\n\n/**\n * The frame for a chat app: header, a resizable history sidebar (a sheet on\n * phones that closes when a chat is picked), the conversation, an optional\n * details column, and a Full screen mode. Put a Conversation and a Composer\n * in `children`; the layout stacks them and keeps the composer at the bottom.\n */\nfunction ChatLayout({\n  sidebar,\n  sidebarLabel = 'Chats',\n  details,\n  detailsLabel = 'Details',\n  title,\n  actions,\n  sidebarOpen: controlledOpen,\n  defaultSidebarOpen = true,\n  onSidebarOpenChange,\n  allowFullscreen = true,\n  onFullscreenChange,\n  sidebarSize = '24%',\n  children,\n  className,\n  ...props\n}: ChatLayoutProps) {\n  const root = React.useRef<HTMLDivElement>(null);\n  const desktop = useDesktop();\n  const [ownOpen, setOwnOpen] = React.useState(defaultSidebarOpen);\n  const [sheetOpen, setSheetOpen] = React.useState(false);\n  const open = controlledOpen ?? ownOpen;\n  const setOpen = (v: boolean) => {\n    if (controlledOpen === undefined) setOwnOpen(v);\n    onSidebarOpenChange?.(v);\n  };\n  const { fullscreen, toggle } = useFullscreen(root, onFullscreenChange);\n\n  const sidebarToggle = sidebar ? (\n    desktop ? (\n      <IconButton\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        label={open ? `Hide ${sidebarLabel.toLowerCase()}` : `Show ${sidebarLabel.toLowerCase()}`}\n        aria-expanded={open}\n        onClick={() => setOpen(!open)}\n      >\n        {open ? <PanelLeftClose /> : <PanelLeft />}\n      </IconButton>\n    ) : (\n      <IconButton\n        variant=\"ghost\"\n        size=\"icon-sm\"\n        className=\"pointer-coarse:size-11\"\n        label={`Open ${sidebarLabel.toLowerCase()}`}\n        aria-expanded={sheetOpen}\n        onClick={() => setSheetOpen(true)}\n      >\n        <PanelLeft />\n      </IconButton>\n    )\n  ) : null;\n\n  const main = (\n    <div data-slot=\"chat-layout-main\" className=\"flex h-full min-h-0 min-w-0 flex-col\">\n      {children}\n    </div>\n  );\n\n  return (\n    <div\n      ref={root}\n      data-slot=\"chat-layout\"\n      data-fullscreen={fullscreen || undefined}\n      className={cn(\n        'flex h-full min-h-0 flex-col overflow-hidden bg-background text-foreground',\n        'data-[fullscreen]:fixed data-[fullscreen]:inset-0 data-[fullscreen]:z-50 data-[fullscreen]:h-dvh data-[fullscreen]:w-screen',\n        className,\n      )}\n      {...props}\n    >\n      <header className=\"flex h-12 shrink-0 items-center gap-1 border-b px-2\">\n        {sidebarToggle}\n        <div className=\"min-w-0 flex-1 truncate px-1 text-sm font-medium\">{title}</div>\n        {actions}\n        {allowFullscreen && (\n          <IconButton\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            className=\"pointer-coarse:size-11\"\n            label={fullscreen ? 'Exit full screen' : 'Full screen'}\n            aria-pressed={fullscreen}\n            onClick={() => void toggle()}\n          >\n            {fullscreen ? <Minimize /> : <Maximize />}\n          </IconButton>\n        )}\n      </header>\n      <div className=\"min-h-0 flex-1\">\n        {desktop && (sidebar || details) ? (\n          <ResizablePanelGroup orientation=\"horizontal\">\n            {sidebar && open && (\n              <>\n                <ResizablePanel\n                  id=\"chat-sidebar\"\n                  defaultSize={sidebarSize}\n                  minSize={180}\n                  maxSize=\"45%\"\n                  className=\"bg-surface-muted/50\"\n                >\n                  <aside aria-label={sidebarLabel} className=\"h-full\">\n                    {sidebar}\n                  </aside>\n                </ResizablePanel>\n                <ResizeHandle aria-label={`Resize ${sidebarLabel.toLowerCase()}`} />\n              </>\n            )}\n            <ResizablePanel id=\"chat-main\" minSize=\"30%\">\n              {main}\n            </ResizablePanel>\n            {details && (\n              <>\n                <ResizeHandle aria-label={`Resize ${detailsLabel.toLowerCase()}`} />\n                <ResizablePanel id=\"chat-details\" defaultSize=\"26%\" minSize={200} maxSize=\"45%\">\n                  <aside aria-label={detailsLabel} className=\"h-full overflow-y-auto\">\n                    {details}\n                  </aside>\n                </ResizablePanel>\n              </>\n            )}\n          </ResizablePanelGroup>\n        ) : (\n          main\n        )}\n      </div>\n      {sidebar && !desktop && (\n        <Sheet open={sheetOpen} onOpenChange={setSheetOpen}>\n          <SheetContent side=\"left\" className=\"w-[min(20rem,88vw)] gap-0 p-0\">\n            <SheetTitle className=\"border-b px-4 py-3.5 text-sm\">{sidebarLabel}</SheetTitle>\n            <SheetDescription className=\"sr-only\">Pick a conversation.</SheetDescription>\n            <div\n              className=\"min-h-0 flex-1\"\n              // Picking a chat (or New chat) closes the sheet, as on a phone it should.\n              onClickCapture={(e) => {\n                const t = e.target as HTMLElement;\n                if (t.closest('[data-slot=\"chat-history-row\"], [data-close-sheet]'))\n                  setSheetOpen(false);\n              }}\n            >\n              {sidebar}\n            </div>\n          </SheetContent>\n        </Sheet>\n      )}\n    </div>\n  );\n}\n\nexport { ChatLayout };\n"],"mappings":"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"}

package/dist/components/checkbox-card.d.ts

@@ -1,5 +1,5 @@
-import { Checkbox as CheckboxPrimitive } from 'radix-ui';
 import * as React from 'react';
+import * as CheckboxPrimitive from '../primitives/vendor/radix/react-checkbox';
 export interface CheckboxCardProps extends Omit<React.ComponentProps<typeof CheckboxPrimitive.Root>, 'title' | 'children'> {
     /** The option's name. */
     title: React.ReactNode;

package/dist/components/checkbox-card.js

@@ -1,6 +1,6 @@
+"use client";
 import { cn } from "../lib/utils.js";
-import { Checkbox as Checkbox$1 } from "./checkbox.js";
-import "radix-ui";
+import { Checkbox } from "./checkbox.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/checkbox-card.tsx
@@ -16,7 +16,7 @@ function CheckboxCard({ title, description, id: idProp, disabled, className, car
 		htmlFor: id,
 		"data-slot": "checkbox-card",
 		className: cn("flex min-h-11 cursor-pointer items-start gap-3 rounded-md border border-border bg-surface px-3 py-2.5 transition-colors hover:border-border-strong", "has-[[data-state=checked]]:border-brand/40 has-[[data-state=checked]]:bg-brand-soft/50", "has-[:focus-visible]:border-ring has-[:focus-visible]:inset-ring-1 has-[:focus-visible]:inset-ring-ring", "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-60 has-[:disabled]:hover:border-border", cardClassName),
-		children: [/* @__PURE__ */ jsx(Checkbox$1, {
+		children: [/* @__PURE__ */ jsx(Checkbox, {
 			id,
 			disabled,
 			"aria-labelledby": `${id}-title`,

package/dist/components/checkbox-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-card.js","names":["Checkbox"],"sources":["../../src/components/checkbox-card.tsx"],"sourcesContent":["import { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport { Checkbox } from './checkbox';\n\nexport interface CheckboxCardProps extends Omit<\n  React.ComponentProps<typeof CheckboxPrimitive.Root>,\n  'title' | 'children'\n> {\n  /** The option's name. */\n  title: React.ReactNode;\n  /** A sentence under the name: what choosing it means. */\n  description?: React.ReactNode;\n  /** Extra classes for the card (the label); className goes to the checkbox. */\n  cardClassName?: string;\n}\n\n/**\n * A checkbox with a title and a sentence, where the whole card is the hit\n * area (44px or taller). For choices that need explaining: roles,\n * permissions, notification types. One focus ring, on the card.\n */\nfunction CheckboxCard({\n  title,\n  description,\n  id: idProp,\n  disabled,\n  className,\n  cardClassName,\n  ...props\n}: CheckboxCardProps) {\n  const auto = React.useId();\n  const id = idProp ?? auto;\n  return (\n    <label\n      htmlFor={id}\n      data-slot=\"checkbox-card\"\n      className={cn(\n        'flex min-h-11 cursor-pointer items-start gap-3 rounded-md border border-border bg-surface px-3 py-2.5 transition-colors hover:border-border-strong',\n        'has-[[data-state=checked]]:border-brand/40 has-[[data-state=checked]]:bg-brand-soft/50',\n        'has-[:focus-visible]:border-ring has-[:focus-visible]:inset-ring-1 has-[:focus-visible]:inset-ring-ring',\n        // :disabled also catches a disabled fieldset around the card.\n        'has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-60 has-[:disabled]:hover:border-border',\n        cardClassName,\n      )}\n    >\n      <Checkbox\n        id={id}\n        disabled={disabled}\n        aria-labelledby={`${id}-title`}\n        aria-describedby={description ? `${id}-description` : undefined}\n        className={cn(\n          'mt-0.5 outline-hidden! focus-visible:ring-0 focus-visible:outline-none',\n          className,\n        )}\n        {...props}\n      />\n      <span className=\"grid min-w-0 gap-0.5\">\n        <span id={`${id}-title`} className=\"text-sm leading-5 font-medium\">\n          {title}\n        </span>\n        {description && (\n          <span id={`${id}-description`} className=\"text-[13px] leading-5 text-muted-foreground\">\n            {description}\n          </span>\n        )}\n      </span>\n    </label>\n  );\n}\n\nexport interface CheckboxCardGroupProps extends React.ComponentProps<'fieldset'> {\n  /** The group's name, shown as its legend. */\n  label: React.ReactNode;\n  /** Help under the legend. */\n  description?: React.ReactNode;\n}\n\n/** A fieldset of CheckboxCards with a visible legend. `disabled` disables every card. */\nfunction CheckboxCardGroup({\n  label,\n  description,\n  className,\n  children,\n  ...props\n}: CheckboxCardGroupProps) {\n  const id = React.useId();\n  return (\n    <fieldset\n      data-slot=\"checkbox-card-group\"\n      aria-describedby={description ? `${id}-description` : undefined}\n      className={cn('grid min-w-0 gap-2', className)}\n      {...props}\n    >\n      <legend className=\"mb-1.5 text-sm font-medium\">{label}</legend>\n      {description && (\n        <p id={`${id}-description`} className=\"-mt-1.5 text-[13px] text-muted-foreground\">\n          {description}\n        </p>\n      )}\n      {children}\n    </fieldset>\n  );\n}\n\nexport { CheckboxCard, CheckboxCardGroup };\n"],"mappings":";;;;;;;;;;;AAwBA,SAAS,aAAa,EACpB,OACA,aACA,IAAI,QACJ,UACA,WACA,eACA,GAAG,SACiB;CACpB,MAAM,OAAO,MAAM,MAAM;CACzB,MAAM,KAAK,UAAU;CACrB,OACE,qBAAC,SAAD;EACE,SAAS;EACT,aAAU;EACV,WAAW,GACT,sJACA,0FACA,2GAEA,qGACA,aACF;EAVF,UAAA,CAYE,oBAACA,YAAD;GACM;GACM;GACV,mBAAiB,GAAG,GAAG;GACvB,oBAAkB,cAAc,GAAG,GAAG,gBAAgB,KAAA;GACtD,WAAW,GACT,0EACA,SACF;GACA,GAAI;EACL,CAAA,GACD,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,oBAAC,QAAD;IAAM,IAAI,GAAG,GAAG;IAAS,WAAU;IAChC,UAAA;GACG,CAAA,GACL,eACC,oBAAC,QAAD;IAAM,IAAI,GAAG,GAAG;IAAe,WAAU;IACtC,UAAA;GACG,CAAA,CAEJ;EACD,CAAA,CAAA;;AAEX;;AAUA,SAAS,kBAAkB,EACzB,OACA,aACA,WACA,UACA,GAAG,SACsB;CACzB,MAAM,KAAK,MAAM,MAAM;CACvB,OACE,qBAAC,YAAD;EACE,aAAU;EACV,oBAAkB,cAAc,GAAG,GAAG,gBAAgB,KAAA;EACtD,WAAW,GAAG,sBAAsB,SAAS;EAC7C,GAAI;EAJN,UAAA;GAME,oBAAC,UAAD;IAAQ,WAAU;IAA8B,UAAA;GAAc,CAAA;GAC7D,eACC,oBAAC,KAAD;IAAG,IAAI,GAAG,GAAG;IAAe,WAAU;IACnC,UAAA;GACA,CAAA;GAEJ;EACO;;AAEd"}
+{"version":3,"file":"checkbox-card.js","names":[],"sources":["../../src/components/checkbox-card.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport * as CheckboxPrimitive from '../primitives/vendor/radix/react-checkbox';\n\nimport { Checkbox } from './checkbox';\n\nexport interface CheckboxCardProps extends Omit<\n  React.ComponentProps<typeof CheckboxPrimitive.Root>,\n  'title' | 'children'\n> {\n  /** The option's name. */\n  title: React.ReactNode;\n  /** A sentence under the name: what choosing it means. */\n  description?: React.ReactNode;\n  /** Extra classes for the card (the label); className goes to the checkbox. */\n  cardClassName?: string;\n}\n\n/**\n * A checkbox with a title and a sentence, where the whole card is the hit\n * area (44px or taller). For choices that need explaining: roles,\n * permissions, notification types. One focus ring, on the card.\n */\nfunction CheckboxCard({\n  title,\n  description,\n  id: idProp,\n  disabled,\n  className,\n  cardClassName,\n  ...props\n}: CheckboxCardProps) {\n  const auto = React.useId();\n  const id = idProp ?? auto;\n  return (\n    <label\n      htmlFor={id}\n      data-slot=\"checkbox-card\"\n      className={cn(\n        'flex min-h-11 cursor-pointer items-start gap-3 rounded-md border border-border bg-surface px-3 py-2.5 transition-colors hover:border-border-strong',\n        'has-[[data-state=checked]]:border-brand/40 has-[[data-state=checked]]:bg-brand-soft/50',\n        'has-[:focus-visible]:border-ring has-[:focus-visible]:inset-ring-1 has-[:focus-visible]:inset-ring-ring',\n        // :disabled also catches a disabled fieldset around the card.\n        'has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-60 has-[:disabled]:hover:border-border',\n        cardClassName,\n      )}\n    >\n      <Checkbox\n        id={id}\n        disabled={disabled}\n        aria-labelledby={`${id}-title`}\n        aria-describedby={description ? `${id}-description` : undefined}\n        className={cn(\n          'mt-0.5 outline-hidden! focus-visible:ring-0 focus-visible:outline-none',\n          className,\n        )}\n        {...props}\n      />\n      <span className=\"grid min-w-0 gap-0.5\">\n        <span id={`${id}-title`} className=\"text-sm leading-5 font-medium\">\n          {title}\n        </span>\n        {description && (\n          <span id={`${id}-description`} className=\"text-[13px] leading-5 text-muted-foreground\">\n            {description}\n          </span>\n        )}\n      </span>\n    </label>\n  );\n}\n\nexport interface CheckboxCardGroupProps extends React.ComponentProps<'fieldset'> {\n  /** The group's name, shown as its legend. */\n  label: React.ReactNode;\n  /** Help under the legend. */\n  description?: React.ReactNode;\n}\n\n/** A fieldset of CheckboxCards with a visible legend. `disabled` disables every card. */\nfunction CheckboxCardGroup({\n  label,\n  description,\n  className,\n  children,\n  ...props\n}: CheckboxCardGroupProps) {\n  const id = React.useId();\n  return (\n    <fieldset\n      data-slot=\"checkbox-card-group\"\n      aria-describedby={description ? `${id}-description` : undefined}\n      className={cn('grid min-w-0 gap-2', className)}\n      {...props}\n    >\n      <legend className=\"mb-1.5 text-sm font-medium\">{label}</legend>\n      {description && (\n        <p id={`${id}-description`} className=\"-mt-1.5 text-[13px] text-muted-foreground\">\n          {description}\n        </p>\n      )}\n      {children}\n    </fieldset>\n  );\n}\n\nexport { CheckboxCard, CheckboxCardGroup };\n"],"mappings":";;;;;;;;;;;AAwBA,SAAS,aAAa,EACpB,OACA,aACA,IAAI,QACJ,UACA,WACA,eACA,GAAG,SACiB;CACpB,MAAM,OAAO,MAAM,MAAM;CACzB,MAAM,KAAK,UAAU;CACrB,OACE,qBAAC,SAAD;EACE,SAAS;EACT,aAAU;EACV,WAAW,GACT,sJACA,0FACA,2GAEA,qGACA,aACF;EAVF,UAAA,CAYE,oBAAC,UAAD;GACM;GACM;GACV,mBAAiB,GAAG,GAAG;GACvB,oBAAkB,cAAc,GAAG,GAAG,gBAAgB,KAAA;GACtD,WAAW,GACT,0EACA,SACF;GACA,GAAI;EACL,CAAA,GACD,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,oBAAC,QAAD;IAAM,IAAI,GAAG,GAAG;IAAS,WAAU;IAChC,UAAA;GACG,CAAA,GACL,eACC,oBAAC,QAAD;IAAM,IAAI,GAAG,GAAG;IAAe,WAAU;IACtC,UAAA;GACG,CAAA,CAEJ;EACD,CAAA,CAAA;;AAEX;;AAUA,SAAS,kBAAkB,EACzB,OACA,aACA,WACA,UACA,GAAG,SACsB;CACzB,MAAM,KAAK,MAAM,MAAM;CACvB,OACE,qBAAC,YAAD;EACE,aAAU;EACV,oBAAkB,cAAc,GAAG,GAAG,gBAAgB,KAAA;EACtD,WAAW,GAAG,sBAAsB,SAAS;EAC7C,GAAI;EAJN,UAAA;GAME,oBAAC,UAAD;IAAQ,WAAU;IAA8B,UAAA;GAAc,CAAA;GAC7D,eACC,oBAAC,KAAD;IAAG,IAAI,GAAG,GAAG;IAAe,WAAU;IACnC,UAAA;GACA,CAAA;GAEJ;EACO;;AAEd"}

package/dist/components/checkbox.d.ts

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

package/dist/components/checkbox.js

@@ -1,16 +1,17 @@
+"use client";
 import { cn } from "../lib/utils.js";
-import { Checkbox } from "radix-ui";
+import { Checkbox as Checkbox$1, CheckboxIndicator } from "../primitives/vendor/radix/react-checkbox/checkbox.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Check from "@burtson-labs/icons/react/check";
 import Minus from "@burtson-labs/icons/react/minus";
 //#region src/components/checkbox.tsx
-function Checkbox$1({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Checkbox.Root, {
+function Checkbox({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Checkbox$1, {
 		"data-slot": "checkbox",
 		className: cn("peer size-4 shrink-0 rounded-xs border border-border-strong bg-surface 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 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", className),
 		...props,
-		children: /* @__PURE__ */ jsxs(Checkbox.Indicator, {
+		children: /* @__PURE__ */ jsxs(CheckboxIndicator, {
 			"data-slot": "checkbox-indicator",
 			className: "group/indicator grid place-content-center text-current",
 			children: [/* @__PURE__ */ jsx(Check, {
@@ -26,6 +27,6 @@ function Checkbox$1({ className, ...props }) {
 	});
 }
 //#endregion
-export { Checkbox$1 as Checkbox };
+export { Checkbox };
 
 //# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["Checkbox","CheckboxPrimitive"],"sources":["../../src/components/checkbox.tsx"],"sourcesContent":["import Check from '@burtson-labs/icons/react/check';\nimport Minus from '@burtson-labs/icons/react/minus';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer size-4 shrink-0 rounded-xs border border-border-strong bg-surface 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 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"group/indicator grid place-content-center text-current\"\n      >\n        <Check\n          className=\"size-3.5 group-data-[state=indeterminate]/indicator:hidden\"\n          strokeWidth={2.5}\n          aria-hidden\n        />\n        <Minus\n          className=\"hidden size-3.5 group-data-[state=indeterminate]/indicator:block\"\n          strokeWidth={2.5}\n          aria-hidden\n        />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":";;;;;;;AAOA,SAASA,WAAS,EAAE,WAAW,GAAG,SAA8D;CAC9F,OACE,oBAACC,SAAkB,MAAnB;EACE,aAAU;EACV,WAAW,GACT,iZACA,SACF;EACA,GAAI;EAEJ,UAAA,qBAACA,SAAkB,WAAnB;GACE,aAAU;GACV,WAAU;GAFZ,UAAA,CAIE,oBAAC,OAAD;IACE,WAAU;IACV,aAAa;IACb,eAAA;GACD,CAAA,GACD,oBAAC,OAAD;IACE,WAAU;IACV,aAAa;IACb,eAAA;GACD,CAAA,CAC0B;;CACP,CAAA;AAE5B"}
+{"version":3,"file":"checkbox.js","names":["CheckboxPrimitive.Root","CheckboxPrimitive.Indicator"],"sources":["../../src/components/checkbox.tsx"],"sourcesContent":["import Check from '@burtson-labs/icons/react/check';\nimport Minus from '@burtson-labs/icons/react/minus';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport * as CheckboxPrimitive from '../primitives/vendor/radix/react-checkbox';\n\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer size-4 shrink-0 rounded-xs border border-border-strong bg-surface 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 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"group/indicator grid place-content-center text-current\"\n      >\n        <Check\n          className=\"size-3.5 group-data-[state=indeterminate]/indicator:hidden\"\n          strokeWidth={2.5}\n          aria-hidden\n        />\n        <Minus\n          className=\"hidden size-3.5 group-data-[state=indeterminate]/indicator:block\"\n          strokeWidth={2.5}\n          aria-hidden\n        />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":";;;;;;;;AAOA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA8D;CAC9F,OACE,oBAACA,YAAD;EACE,aAAU;EACV,WAAW,GACT,iZACA,SACF;EACA,GAAI;EAEJ,UAAA,qBAACC,mBAAD;GACE,aAAU;GACV,WAAU;GAFZ,UAAA,CAIE,oBAAC,OAAD;IACE,WAAU;IACV,aAAa;IACb,eAAA;GACD,CAAA,GACD,oBAAC,OAAD;IACE,WAAU;IACV,aAAa;IACb,eAAA;GACD,CAAA,CAC0B;;CACP,CAAA;AAE5B"}

package/dist/components/collapsible.d.ts

@@ -1,5 +1,5 @@
-import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
 import * as React from 'react';
+import * as CollapsiblePrimitive from '../primitives/vendor/radix/react-collapsible';
 declare function Collapsible(props: React.ComponentProps<typeof CollapsiblePrimitive.Root>): React.JSX.Element;
 declare function CollapsibleTrigger(props: React.ComponentProps<typeof CollapsiblePrimitive.Trigger>): React.JSX.Element;
 declare function CollapsibleContent({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Content>): React.JSX.Element;

package/dist/components/collapsible.js

@@ -1,28 +1,29 @@
+"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 } from "react/jsx-runtime";
 //#region src/components/collapsible.tsx
-function Collapsible$1(props) {
-	return /* @__PURE__ */ jsx(Collapsible.Root, {
+function Collapsible(props) {
+	return /* @__PURE__ */ jsx(Root, {
 		"data-slot": "collapsible",
 		...props
 	});
 }
 function CollapsibleTrigger(props) {
-	return /* @__PURE__ */ jsx(Collapsible.Trigger, {
+	return /* @__PURE__ */ jsx(Trigger, {
 		"data-slot": "collapsible-trigger",
 		...props
 	});
 }
 function CollapsibleContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Collapsible.Content, {
+	return /* @__PURE__ */ jsx(Content, {
 		"data-slot": "collapsible-content",
 		className: cn("overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down", className),
 		...props
 	});
 }
 //#endregion
-export { Collapsible$1 as Collapsible, CollapsibleContent, CollapsibleTrigger };
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };
 
 //# sourceMappingURL=collapsible.js.map

package/dist/components/collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.js","names":["Collapsible","CollapsiblePrimitive"],"sources":["../../src/components/collapsible.tsx"],"sourcesContent":["import { Collapsible as CollapsiblePrimitive } from 'radix-ui';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nfunction Collapsible(props: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nfunction CollapsibleTrigger(props: React.ComponentProps<typeof CollapsiblePrimitive.Trigger>) {\n  return <CollapsiblePrimitive.Trigger data-slot=\"collapsible-trigger\" {...props} />;\n}\n\nfunction CollapsibleContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Content>) {\n  return (\n    <CollapsiblePrimitive.Content\n      data-slot=\"collapsible-content\"\n      className={cn(\n        'overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"mappings":";;;;;AAKA,SAASA,cAAY,OAA+D;CAClF,OAAO,oBAACC,YAAqB,MAAtB;EAA2B,aAAU;EAAc,GAAI;CAAQ,CAAA;AACxE;AAEA,SAAS,mBAAmB,OAAkE;CAC5F,OAAO,oBAACA,YAAqB,SAAtB;EAA8B,aAAU;EAAsB,GAAI;CAAQ,CAAA;AACnF;AAEA,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;CAC5D,OACE,oBAACA,YAAqB,SAAtB;EACE,aAAU;EACV,WAAW,GACT,yGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"collapsible.js","names":["CollapsiblePrimitive.Root","CollapsiblePrimitive.Trigger","CollapsiblePrimitive.Content"],"sources":["../../src/components/collapsible.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport * as CollapsiblePrimitive from '../primitives/vendor/radix/react-collapsible';\n\nfunction Collapsible(props: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nfunction CollapsibleTrigger(props: React.ComponentProps<typeof CollapsiblePrimitive.Trigger>) {\n  return <CollapsiblePrimitive.Trigger data-slot=\"collapsible-trigger\" {...props} />;\n}\n\nfunction CollapsibleContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Content>) {\n  return (\n    <CollapsiblePrimitive.Content\n      data-slot=\"collapsible-content\"\n      className={cn(\n        'overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"mappings":";;;;;;AAKA,SAAS,YAAY,OAA+D;CAClF,OAAO,oBAACA,MAAD;EAA2B,aAAU;EAAc,GAAI;CAAQ,CAAA;AACxE;AAEA,SAAS,mBAAmB,OAAkE;CAC5F,OAAO,oBAACC,SAAD;EAA8B,aAAU;EAAsB,GAAI;CAAQ,CAAA;AACnF;AAEA,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;CAC5D,OACE,oBAACC,SAAD;EACE,aAAU;EACV,WAAW,GACT,yGACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/combobox.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn } from "../lib/utils.js";
 import { Spinner } from "./spinner.js";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";

package/dist/components/combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.js","names":["_Fragment"],"sources":["../../src/components/combobox.tsx"],"sourcesContent":["import Check from '@burtson-labs/icons/react/check';\nimport ChevronsUpDown from '@burtson-labs/icons/react/chevrons-up-down';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from './command';\nimport { fieldClasses } from './input';\nimport { Popover, PopoverContent, PopoverTrigger } from './popover';\nimport { Spinner } from './spinner';\n\nexport interface ComboboxOption {\n  value: string;\n  label: string;\n  /** Second line, e.g. an email under a name. Also searched. */\n  description?: string;\n  disabled?: boolean;\n}\n\nexport interface ComboboxProps {\n  options: ComboboxOption[];\n  value: string | null;\n  onValueChange: (value: string | null) => void;\n  placeholder?: string;\n  searchPlaceholder?: string;\n  emptyText?: string;\n  disabled?: boolean;\n  /** Show a spinner in the list, e.g. while `onSearchChange` fetches. */\n  loading?: boolean;\n  /**\n   * Called as the person types. Pass it to search on a server; the options\n   * you pass back are shown as-is (no client filtering).\n   */\n  onSearchChange?: (search: string) => void;\n  /** Let the person clear the selection by picking it again. */\n  clearable?: boolean;\n  id?: string;\n  className?: string;\n  'aria-invalid'?: boolean;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  name?: string;\n  required?: boolean;\n}\n\n/** Pick one value from a long or remote list by typing. */\nfunction Combobox({\n  options,\n  value,\n  onValueChange,\n  placeholder = 'Select…',\n  searchPlaceholder = 'Search…',\n  emptyText = 'No matches.',\n  disabled,\n  loading,\n  onSearchChange,\n  clearable = true,\n  id,\n  className,\n  name,\n  required,\n  ...aria\n}: ComboboxProps) {\n  const [open, setOpen] = React.useState(false);\n  const listId = React.useId();\n  const selected = options.find((o) => o.value === value);\n  return (\n    <>\n      {name && <input type=\"hidden\" name={name} value={value ?? ''} disabled={disabled} />}\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <button\n            type=\"button\"\n            role=\"combobox\"\n            aria-required={required || undefined}\n            onKeyDown={(event) => {\n              if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n                event.preventDefault();\n                setOpen(true);\n              }\n            }}\n            id={id}\n            aria-expanded={open}\n            aria-haspopup=\"dialog\"\n            aria-controls={open ? listId : undefined}\n            aria-label={\n              aria['aria-label'] ?? (aria['aria-labelledby'] || id ? undefined : placeholder)\n            }\n            aria-labelledby={aria['aria-labelledby']}\n            aria-describedby={aria['aria-describedby']}\n            data-required={required || undefined}\n            aria-invalid={aria['aria-invalid']}\n            disabled={disabled}\n            data-slot=\"combobox-trigger\"\n            className={cn(\n              fieldClasses,\n              'flex h-9 items-center justify-between gap-2 text-left',\n              !selected && 'text-muted-foreground',\n              className,\n            )}\n          >\n            <span className=\"truncate\">{selected?.label ?? value ?? placeholder}</span>\n            <ChevronsUpDown className=\"size-4 shrink-0 opacity-60\" aria-hidden />\n          </button>\n        </PopoverTrigger>\n        <PopoverContent\n          id={listId}\n          aria-label={aria['aria-label'] ?? placeholder}\n          className=\"w-(--radix-popover-trigger-width) min-w-64 p-0\"\n          align=\"start\"\n        >\n          <Command shouldFilter={!onSearchChange}>\n            <CommandInput\n              aria-label={searchPlaceholder}\n              placeholder={searchPlaceholder}\n              onValueChange={onSearchChange}\n            />\n            <CommandList>\n              {loading ? (\n                <div className=\"flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground\">\n                  <Spinner /> Searching…\n                </div>\n              ) : (\n                <CommandEmpty>{emptyText}</CommandEmpty>\n              )}\n              {!loading && (\n                <CommandGroup>\n                  {options.map((o) => (\n                    <CommandItem\n                      key={o.value}\n                      value={`${o.label} ${o.description ?? ''} ${o.value}`}\n                      disabled={o.disabled}\n                      onSelect={() => {\n                        onValueChange(clearable && o.value === value ? null : o.value);\n                        setOpen(false);\n                      }}\n                    >\n                      <span className=\"grid min-w-0 flex-1\">\n                        <span className=\"truncate\">{o.label}</span>\n                        {o.description && (\n                          <span className=\"truncate text-xs text-muted-foreground\">\n                            {o.description}\n                          </span>\n                        )}\n                      </span>\n                      <Check\n                        aria-hidden\n                        className={cn(\n                          'ml-auto size-4 text-brand',\n                          o.value === value ? 'opacity-100' : 'opacity-0',\n                        )}\n                      />\n                    </CommandItem>\n                  ))}\n                </CommandGroup>\n              )}\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    </>\n  );\n}\n\nexport { Combobox };\n"],"mappings":";;;;;;;;;;;AAsDA,SAAS,SAAS,EAChB,SACA,OACA,eACA,cAAc,WACd,oBAAoB,WACpB,YAAY,eACZ,UACA,SACA,gBACA,YAAY,MACZ,IACA,WACA,MACA,UACA,GAAG,QACa;CAChB,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,KAAK;CAC5C,MAAM,SAAS,MAAM,MAAM;CAC3B,MAAM,WAAW,QAAQ,MAAM,MAAM,EAAE,UAAU,KAAK;CACtD,OACE,qBAAAA,UAAA,EAAA,UAAA,CACG,QAAQ,oBAAC,SAAD;EAAO,MAAK;EAAe;EAAM,OAAO,SAAS;EAAc;CAAW,CAAA,GACnF,qBAAC,SAAD;EAAe;EAAM,cAAc;EAAnC,UAAA,CACE,oBAAC,gBAAD;GAAgB,SAAA;GACd,UAAA,qBAAC,UAAD;IACE,MAAK;IACL,MAAK;IACL,iBAAe,YAAY,KAAA;IAC3B,YAAY,UAAU;KACpB,IAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW;MACxD,MAAM,eAAe;MACrB,QAAQ,IAAI;KACd;IACF;IACI;IACJ,iBAAe;IACf,iBAAc;IACd,iBAAe,OAAO,SAAS,KAAA;IAC/B,cACE,KAAK,kBAAkB,KAAK,sBAAsB,KAAK,KAAA,IAAY;IAErE,mBAAiB,KAAK;IACtB,oBAAkB,KAAK;IACvB,iBAAe,YAAY,KAAA;IAC3B,gBAAc,KAAK;IACT;IACV,aAAU;IACV,WAAW,GACT,cACA,yDACA,CAAC,YAAY,yBACb,SACF;IA5BF,UAAA,CA8BE,oBAAC,QAAD;KAAM,WAAU;KAAY,UAAA,UAAU,SAAS,SAAS;IAAkB,CAAA,GAC1E,oBAAC,gBAAD;KAAgB,WAAU;KAA6B,eAAA;IAAa,CAAA,CAC9D;;EACM,CAAA,GAChB,oBAAC,gBAAD;GACE,IAAI;GACJ,cAAY,KAAK,iBAAiB;GAClC,WAAU;GACV,OAAM;GAEN,UAAA,qBAAC,SAAD;IAAS,cAAc,CAAC;IAAxB,UAAA,CACE,oBAAC,cAAD;KACE,cAAY;KACZ,aAAa;KACb,eAAe;IAChB,CAAA,GACD,qBAAC,aAAD,EAAA,UAAA,CACG,UACC,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,oBAAC,SAAD,CAAU,CAAA,GAAC,aACR;IAEL,CAAA,IAAA,oBAAC,cAAD,EAAA,UAAe,UAAwB,CAAA,GAExC,CAAC,WACA,oBAAC,cAAD,EAAA,UACG,QAAQ,KAAK,MACZ,qBAAC,aAAD;KAEE,OAAO,GAAG,EAAE,MAAM,GAAG,EAAE,eAAe,GAAG,GAAG,EAAE;KAC9C,UAAU,EAAE;KACZ,gBAAgB;MACd,cAAc,aAAa,EAAE,UAAU,QAAQ,OAAO,EAAE,KAAK;MAC7D,QAAQ,KAAK;KACf;KAPF,UAAA,CASE,qBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA,CACE,oBAAC,QAAD;OAAM,WAAU;OAAY,UAAA,EAAE;MAAY,CAAA,GACzC,EAAE,eACD,oBAAC,QAAD;OAAM,WAAU;OACb,UAAA,EAAE;MACC,CAAA,CAEJ;KACN,CAAA,GAAA,oBAAC,OAAD;MACE,eAAA;MACA,WAAW,GACT,6BACA,EAAE,UAAU,QAAQ,gBAAgB,WACtC;KACD,CAAA,CACU;IAvBN,GAAA,EAAE,KAuBI,CACd,EACW,CAAA,CAEL,EAAA,CAAA,CACN;;EACK,CAAA,CACT;CACT,CAAA,CAAA,EAAA,CAAA;AAEN"}
+{"version":3,"file":"combobox.js","names":["_Fragment"],"sources":["../../src/components/combobox.tsx"],"sourcesContent":["import Check from '@burtson-labs/icons/react/check';\nimport ChevronsUpDown from '@burtson-labs/icons/react/chevrons-up-down';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\n\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from './command';\nimport { fieldClasses } from './input';\nimport { Popover, PopoverContent, PopoverTrigger } from './popover';\nimport { Spinner } from './spinner';\n\nexport interface ComboboxOption {\n  value: string;\n  label: string;\n  /** Second line, e.g. an email under a name. Also searched. */\n  description?: string;\n  disabled?: boolean;\n}\n\nexport interface ComboboxProps {\n  options: ComboboxOption[];\n  value: string | null;\n  onValueChange: (value: string | null) => void;\n  placeholder?: string;\n  searchPlaceholder?: string;\n  emptyText?: string;\n  disabled?: boolean;\n  /** Show a spinner in the list, e.g. while `onSearchChange` fetches. */\n  loading?: boolean;\n  /**\n   * Called as the person types. Pass it to search on a server; the options\n   * you pass back are shown as-is (no client filtering).\n   */\n  onSearchChange?: (search: string) => void;\n  /** Let the person clear the selection by picking it again. */\n  clearable?: boolean;\n  id?: string;\n  className?: string;\n  'aria-invalid'?: boolean;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'aria-describedby'?: string;\n  name?: string;\n  required?: boolean;\n}\n\n/** Pick one value from a long or remote list by typing. */\nfunction Combobox({\n  options,\n  value,\n  onValueChange,\n  placeholder = 'Select…',\n  searchPlaceholder = 'Search…',\n  emptyText = 'No matches.',\n  disabled,\n  loading,\n  onSearchChange,\n  clearable = true,\n  id,\n  className,\n  name,\n  required,\n  ...aria\n}: ComboboxProps) {\n  const [open, setOpen] = React.useState(false);\n  const listId = React.useId();\n  const selected = options.find((o) => o.value === value);\n  return (\n    <>\n      {name && <input type=\"hidden\" name={name} value={value ?? ''} disabled={disabled} />}\n      <Popover open={open} onOpenChange={setOpen}>\n        <PopoverTrigger asChild>\n          <button\n            type=\"button\"\n            role=\"combobox\"\n            aria-required={required || undefined}\n            onKeyDown={(event) => {\n              if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n                event.preventDefault();\n                setOpen(true);\n              }\n            }}\n            id={id}\n            aria-expanded={open}\n            aria-haspopup=\"dialog\"\n            aria-controls={open ? listId : undefined}\n            aria-label={\n              aria['aria-label'] ?? (aria['aria-labelledby'] || id ? undefined : placeholder)\n            }\n            aria-labelledby={aria['aria-labelledby']}\n            aria-describedby={aria['aria-describedby']}\n            data-required={required || undefined}\n            aria-invalid={aria['aria-invalid']}\n            disabled={disabled}\n            data-slot=\"combobox-trigger\"\n            className={cn(\n              fieldClasses,\n              'flex h-9 items-center justify-between gap-2 text-left',\n              !selected && 'text-muted-foreground',\n              className,\n            )}\n          >\n            <span className=\"truncate\">{selected?.label ?? value ?? placeholder}</span>\n            <ChevronsUpDown className=\"size-4 shrink-0 opacity-60\" aria-hidden />\n          </button>\n        </PopoverTrigger>\n        <PopoverContent\n          id={listId}\n          aria-label={aria['aria-label'] ?? placeholder}\n          className=\"w-(--radix-popover-trigger-width) min-w-64 p-0\"\n          align=\"start\"\n        >\n          <Command shouldFilter={!onSearchChange}>\n            <CommandInput\n              aria-label={searchPlaceholder}\n              placeholder={searchPlaceholder}\n              onValueChange={onSearchChange}\n            />\n            <CommandList>\n              {loading ? (\n                <div className=\"flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground\">\n                  <Spinner /> Searching…\n                </div>\n              ) : (\n                <CommandEmpty>{emptyText}</CommandEmpty>\n              )}\n              {!loading && (\n                <CommandGroup>\n                  {options.map((o) => (\n                    <CommandItem\n                      key={o.value}\n                      value={`${o.label} ${o.description ?? ''} ${o.value}`}\n                      disabled={o.disabled}\n                      onSelect={() => {\n                        onValueChange(clearable && o.value === value ? null : o.value);\n                        setOpen(false);\n                      }}\n                    >\n                      <span className=\"grid min-w-0 flex-1\">\n                        <span className=\"truncate\">{o.label}</span>\n                        {o.description && (\n                          <span className=\"truncate text-xs text-muted-foreground\">\n                            {o.description}\n                          </span>\n                        )}\n                      </span>\n                      <Check\n                        aria-hidden\n                        className={cn(\n                          'ml-auto size-4 text-brand',\n                          o.value === value ? 'opacity-100' : 'opacity-0',\n                        )}\n                      />\n                    </CommandItem>\n                  ))}\n                </CommandGroup>\n              )}\n            </CommandList>\n          </Command>\n        </PopoverContent>\n      </Popover>\n    </>\n  );\n}\n\nexport { Combobox };\n"],"mappings":";;;;;;;;;;;;AAsDA,SAAS,SAAS,EAChB,SACA,OACA,eACA,cAAc,WACd,oBAAoB,WACpB,YAAY,eACZ,UACA,SACA,gBACA,YAAY,MACZ,IACA,WACA,MACA,UACA,GAAG,QACa;CAChB,MAAM,CAAC,MAAM,WAAW,MAAM,SAAS,KAAK;CAC5C,MAAM,SAAS,MAAM,MAAM;CAC3B,MAAM,WAAW,QAAQ,MAAM,MAAM,EAAE,UAAU,KAAK;CACtD,OACE,qBAAAA,UAAA,EAAA,UAAA,CACG,QAAQ,oBAAC,SAAD;EAAO,MAAK;EAAe;EAAM,OAAO,SAAS;EAAc;CAAW,CAAA,GACnF,qBAAC,SAAD;EAAe;EAAM,cAAc;EAAnC,UAAA,CACE,oBAAC,gBAAD;GAAgB,SAAA;GACd,UAAA,qBAAC,UAAD;IACE,MAAK;IACL,MAAK;IACL,iBAAe,YAAY,KAAA;IAC3B,YAAY,UAAU;KACpB,IAAI,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW;MACxD,MAAM,eAAe;MACrB,QAAQ,IAAI;KACd;IACF;IACI;IACJ,iBAAe;IACf,iBAAc;IACd,iBAAe,OAAO,SAAS,KAAA;IAC/B,cACE,KAAK,kBAAkB,KAAK,sBAAsB,KAAK,KAAA,IAAY;IAErE,mBAAiB,KAAK;IACtB,oBAAkB,KAAK;IACvB,iBAAe,YAAY,KAAA;IAC3B,gBAAc,KAAK;IACT;IACV,aAAU;IACV,WAAW,GACT,cACA,yDACA,CAAC,YAAY,yBACb,SACF;IA5BF,UAAA,CA8BE,oBAAC,QAAD;KAAM,WAAU;KAAY,UAAA,UAAU,SAAS,SAAS;IAAkB,CAAA,GAC1E,oBAAC,gBAAD;KAAgB,WAAU;KAA6B,eAAA;IAAa,CAAA,CAC9D;;EACM,CAAA,GAChB,oBAAC,gBAAD;GACE,IAAI;GACJ,cAAY,KAAK,iBAAiB;GAClC,WAAU;GACV,OAAM;GAEN,UAAA,qBAAC,SAAD;IAAS,cAAc,CAAC;IAAxB,UAAA,CACE,oBAAC,cAAD;KACE,cAAY;KACZ,aAAa;KACb,eAAe;IAChB,CAAA,GACD,qBAAC,aAAD,EAAA,UAAA,CACG,UACC,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,oBAAC,SAAD,CAAU,CAAA,GAAC,aACR;IAEL,CAAA,IAAA,oBAAC,cAAD,EAAA,UAAe,UAAwB,CAAA,GAExC,CAAC,WACA,oBAAC,cAAD,EAAA,UACG,QAAQ,KAAK,MACZ,qBAAC,aAAD;KAEE,OAAO,GAAG,EAAE,MAAM,GAAG,EAAE,eAAe,GAAG,GAAG,EAAE;KAC9C,UAAU,EAAE;KACZ,gBAAgB;MACd,cAAc,aAAa,EAAE,UAAU,QAAQ,OAAO,EAAE,KAAK;MAC7D,QAAQ,KAAK;KACf;KAPF,UAAA,CASE,qBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA,CACE,oBAAC,QAAD;OAAM,WAAU;OAAY,UAAA,EAAE;MAAY,CAAA,GACzC,EAAE,eACD,oBAAC,QAAD;OAAM,WAAU;OACb,UAAA,EAAE;MACC,CAAA,CAEJ;KACN,CAAA,GAAA,oBAAC,OAAD;MACE,eAAA;MACA,WAAW,GACT,6BACA,EAAE,UAAU,QAAQ,gBAAgB,WACtC;KACD,CAAA,CACU;IAvBN,GAAA,EAAE,KAuBI,CACd,EACW,CAAA,CAEL,EAAA,CAAA,CACN;;EACK,CAAA,CACT;CACT,CAAA,CAAA,EAAA,CAAA;AAEN"}