@alexgorbatchev/shadcn 0.0.48 → 0.0.49

package/dist/{chunk-svr3r7pj.js → chunk-jhvy8jay.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-7ny0vyek.js";
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 import {
   DensityContext,
   useDensity
@@ -23,7 +23,7 @@ import {
   TooltipContent2,
   buttonVariants2,
   Button2
-} from "./chunk-38301e40.js";
+} from "./chunk-bd09gygt.js";
 import {
   MenuPortal,
   MenuPopup,
@@ -38,12 +38,12 @@ import {
   MenuShortcut2,
   DropdownMenu2,
   DropdownMenuTrigger2
-} from "./chunk-cfnkbp0y.js";
+} from "./chunk-10vjajh7.js";
 import {
   Alert2,
   AlertTitle2,
   AlertDescription2
-} from "./chunk-zdt8xxzy.js";
+} from "./chunk-x9qph1g4.js";
 import {
   Dialog2,
   DialogClose2,
@@ -52,43 +52,31 @@ import {
   DialogFooter2,
   DialogTitle2,
   DialogDescription2
-} from "./chunk-jgdpa00w.js";
+} from "./chunk-4t23yhc0.js";
 import {
-  ScrollArea2,
-  Combobox2,
-  ComboboxValue2,
-  ComboboxContent2,
-  ComboboxList2,
-  ComboboxItem2,
-  ComboboxGroup2,
-  ComboboxCollection2,
-  ComboboxEmpty2,
-  ComboboxChips2,
-  ComboboxChip2,
-  ComboboxChipsInput2,
-  useComboboxAnchor2
-} from "./chunk-a6mes7w0.js";
+  ScrollArea2
+} from "./chunk-f9sm5zpv.js";
 import {
   Skeleton2
-} from "./chunk-d70rcwk7.js";
+} from "./chunk-1fzwfn11.js";
 import {
   Input2
-} from "./chunk-0fmrwsgp.js";
+} from "./chunk-7vg045gd.js";
 import {
   Separator2
-} from "./chunk-rajgnfbr.js";
+} from "./chunk-52aadmkc.js";
 import {
   FieldGroup2,
   Field2,
   FieldLabel2,
   FieldDescription2
-} from "./chunk-6jpz5geq.js";
+} from "./chunk-9n0axzd5.js";
 import {
   Textarea2
-} from "./chunk-tq0pfv5h.js";
+} from "./chunk-er6e5fj8.js";
 import {
   RadioGroup2
-} from "./chunk-ekbesw9t.js";
+} from "./chunk-kgqe8gpb.js";
 import {
   Card2,
   CardHeader2,
@@ -96,17 +84,31 @@ import {
   CardDescription2,
   CardContent2,
   CardFooter2
-} from "./chunk-bygq5yqf.js";
+} from "./chunk-k1f35j55.js";
+import {
+  Combobox2,
+  ComboboxValue2,
+  ComboboxContent2,
+  ComboboxList2,
+  ComboboxItem2,
+  ComboboxGroup2,
+  ComboboxCollection2,
+  ComboboxEmpty2,
+  ComboboxChips2,
+  ComboboxChip2,
+  ComboboxChipsInput2,
+  useComboboxAnchor2
+} from "./chunk-31wptjv4.js";
 import {
   Badge2
-} from "./chunk-wjx6zf94.js";
+} from "./chunk-9t530p75.js";
 import {
   Empty2,
   EmptyHeader2,
   EmptyTitle2,
   EmptyDescription2,
   EmptyContent2
-} from "./chunk-9de1htr5.js";
+} from "./chunk-4e96tpw0.js";
 import {
   ThemeContext
 } from "./chunk-1j2hz3w9.js";
@@ -117,17 +119,18 @@ import {
   Avatar2,
   AvatarImage2,
   AvatarFallback2
-} from "./chunk-hyq4nwg2.js";
+} from "./chunk-0hq6rg7w.js";
 import {
   Spinner2
-} from "./chunk-1xncv9gb.js";
+} from "./chunk-t3p4dn1p.js";
 import {
   NativeSelect2,
   NativeSelectOption2
-} from "./chunk-r4jzz4f2.js";
+} from "./chunk-sp4g23m0.js";
 import {
+  useLinkAnalyticsCallback,
   AnalyticsLink
-} from "./chunk-4710gn6d.js";
+} from "./chunk-m4geb1s5.js";
 import {
   SidebarProvider2,
   Sidebar2,
@@ -140,7 +143,7 @@ import {
   SidebarMenu2,
   SidebarMenuItem2,
   SidebarMenuButton2
-} from "./chunk-c9ypcp4s.js";
+} from "./chunk-1f6p05qh.js";
 import {
   AnalyticsButton
 } from "./chunk-tcefvfr8.js";
@@ -164,7 +167,7 @@ function ButtonLink2({
   children,
   ...props
 }) {
-  const onClick = useAnalyticsCallback("ButtonLink", analytics, { name: "ui.activate" }, props.onClick);
+  const onClick = useLinkAnalyticsCallback("ButtonLink", analytics, props.onClick, render !== undefined);
   return useRender({
     defaultTagName: "a",
     props: mergeProps({
@@ -1355,7 +1358,7 @@ function BreadcrumbItem2({ density, className, ...props }) {
   });
 }
 function BreadcrumbLink2({ analytics, density, className, render, ...props }) {
-  const onClick = useAnalyticsCallback("BreadcrumbLink", analytics, { name: "ui.activate" }, props.onClick);
+  const onClick = useLinkAnalyticsCallback("BreadcrumbLink", analytics, props.onClick, render !== undefined);
   return useRender3({
     defaultTagName: "a",
     props: mergeProps3({
@@ -3093,6 +3096,7 @@ function AppShell2({
   height = "100dvh",
   defaultSidebarOpen = true,
   label = "Application",
+  content = "scroll",
   density
 }) {
   return /* @__PURE__ */ jsxs19(SidebarProvider2, {
@@ -3118,8 +3122,9 @@ function AppShell2({
                     children: /* @__PURE__ */ jsxs19(SidebarMenuButton2, {
                       render: /* @__PURE__ */ jsx33(AnalyticsLink, {
                         component: "AppShell",
-                        href: item.href,
-                        "aria-current": item.active ? "page" : undefined
+                        render: item.render,
+                        ...item.href === undefined ? {} : { href: item.href },
+                        ...item.active ? { "aria-current": "page" } : {}
                       }),
                       isActive: item.active,
                       tooltip: item.label,
@@ -3157,7 +3162,12 @@ function AppShell2({
               header
             ]
           }),
-          /* @__PURE__ */ jsx33(ScrollArea2, {
+          content === "fill" ? /* @__PURE__ */ jsx33("div", {
+            "data-slot": "app-shell-content",
+            "data-scroll": "none",
+            className: "flex min-h-0 min-w-0 flex-1 flex-col",
+            children
+          }) : /* @__PURE__ */ jsx33(ScrollArea2, {
             className: "min-h-0 flex-1",
             children: /* @__PURE__ */ jsx33("div", {
               className: "flex min-w-0 flex-col gap-panel p-panel",
@@ -3174,37 +3184,528 @@ function AppShell2({
     ]
   });
 }
+// src/components/Stack.tsx
+import { mergeProps as mergeProps9 } from "@base-ui/react/merge-props";
+import { useRender as useRender10 } from "@base-ui/react/use-render";
+
+// src/layout/constants.ts
+var GAP_CLASSES = {
+  none: "gap-0",
+  control: "gap-control-gap",
+  "panel-sm": "gap-panel-sm",
+  panel: "gap-panel",
+  field: "gap-field-gap",
+  section: "gap-section"
+};
+var PADDING_CLASSES = {
+  none: "p-0",
+  control: "p-control-gap",
+  "panel-sm": "p-panel-sm",
+  panel: "p-panel",
+  field: "p-field-gap",
+  section: "p-section"
+};
+var HEIGHT_CLASSES = {
+  auto: "",
+  full: "h-full min-h-0",
+  viewport: "h-dvh min-h-0",
+  "min-viewport": "min-h-dvh"
+};
+var GROW_CLASSES = "min-h-0 min-w-0 flex-1";
+var STACK_DIRECTION_CLASSES = {
+  base: { vertical: "flex-col", horizontal: "flex-row" },
+  sm: { vertical: "sm:flex-col", horizontal: "sm:flex-row" },
+  md: { vertical: "md:flex-col", horizontal: "md:flex-row" },
+  lg: { vertical: "lg:flex-col", horizontal: "lg:flex-row" },
+  xl: { vertical: "xl:flex-col", horizontal: "xl:flex-row" }
+};
+var STACK_ALIGN_CLASSES = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch",
+  baseline: "items-baseline"
+};
+var STACK_JUSTIFY_CLASSES = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  between: "justify-between"
+};
+var GRID_COLUMN_CLASSES = {
+  base: {
+    1: "grid-cols-1",
+    2: "grid-cols-2",
+    3: "grid-cols-3",
+    4: "grid-cols-4",
+    5: "grid-cols-5",
+    6: "grid-cols-6",
+    12: "grid-cols-12"
+  },
+  sm: {
+    1: "sm:grid-cols-1",
+    2: "sm:grid-cols-2",
+    3: "sm:grid-cols-3",
+    4: "sm:grid-cols-4",
+    5: "sm:grid-cols-5",
+    6: "sm:grid-cols-6",
+    12: "sm:grid-cols-12"
+  },
+  md: {
+    1: "md:grid-cols-1",
+    2: "md:grid-cols-2",
+    3: "md:grid-cols-3",
+    4: "md:grid-cols-4",
+    5: "md:grid-cols-5",
+    6: "md:grid-cols-6",
+    12: "md:grid-cols-12"
+  },
+  lg: {
+    1: "lg:grid-cols-1",
+    2: "lg:grid-cols-2",
+    3: "lg:grid-cols-3",
+    4: "lg:grid-cols-4",
+    5: "lg:grid-cols-5",
+    6: "lg:grid-cols-6",
+    12: "lg:grid-cols-12"
+  },
+  xl: {
+    1: "xl:grid-cols-1",
+    2: "xl:grid-cols-2",
+    3: "xl:grid-cols-3",
+    4: "xl:grid-cols-4",
+    5: "xl:grid-cols-5",
+    6: "xl:grid-cols-6",
+    12: "xl:grid-cols-12"
+  }
+};
+var GRID_MIN_COLUMN_WIDTH_CLASSES = {
+  xs: "grid-cols-[repeat(auto-fill,minmax(min(100%,8rem),1fr))]",
+  sm: "grid-cols-[repeat(auto-fill,minmax(min(100%,12rem),1fr))]",
+  md: "grid-cols-[repeat(auto-fill,minmax(min(100%,16rem),1fr))]",
+  lg: "grid-cols-[repeat(auto-fill,minmax(min(100%,22rem),1fr))]"
+};
+var GRID_ALIGN_CLASSES = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch"
+};
+var GRID_SPAN_CLASSES = {
+  base: {
+    1: "col-span-1",
+    2: "col-span-2",
+    3: "col-span-3",
+    4: "col-span-4",
+    5: "col-span-5",
+    6: "col-span-6",
+    full: "col-span-full"
+  },
+  sm: {
+    1: "sm:col-span-1",
+    2: "sm:col-span-2",
+    3: "sm:col-span-3",
+    4: "sm:col-span-4",
+    5: "sm:col-span-5",
+    6: "sm:col-span-6",
+    full: "sm:col-span-full"
+  },
+  md: {
+    1: "md:col-span-1",
+    2: "md:col-span-2",
+    3: "md:col-span-3",
+    4: "md:col-span-4",
+    5: "md:col-span-5",
+    6: "md:col-span-6",
+    full: "md:col-span-full"
+  },
+  lg: {
+    1: "lg:col-span-1",
+    2: "lg:col-span-2",
+    3: "lg:col-span-3",
+    4: "lg:col-span-4",
+    5: "lg:col-span-5",
+    6: "lg:col-span-6",
+    full: "lg:col-span-full"
+  },
+  xl: {
+    1: "xl:col-span-1",
+    2: "xl:col-span-2",
+    3: "xl:col-span-3",
+    4: "xl:col-span-4",
+    5: "xl:col-span-5",
+    6: "xl:col-span-6",
+    full: "xl:col-span-full"
+  }
+};
+var CONTAINER_WIDTH_CLASSES = {
+  xs: "max-w-xs",
+  sm: "max-w-sm",
+  md: "max-w-2xl",
+  lg: "max-w-5xl",
+  xl: "max-w-7xl",
+  full: "max-w-none"
+};
+var LAYOUT_BREAKPOINTS = ["base", "sm", "md", "lg", "xl"];
+
+// src/layout/responsiveClassNames.ts
+function isBreakpointMap(value) {
+  return typeof value === "object";
+}
+function responsiveClassNames(value, classes) {
+  if (value === undefined)
+    return "";
+  if (!isBreakpointMap(value))
+    return classes.base[value];
+  return LAYOUT_BREAKPOINTS.flatMap((breakpoint) => {
+    const breakpointValue = value[breakpoint];
+    return breakpointValue === undefined ? [] : [classes[breakpoint][breakpointValue]];
+  }).join(" ");
+}
+
+// src/components/Stack.tsx
+function Stack2({
+  direction = "vertical",
+  gap = "none",
+  padding = "none",
+  align,
+  justify,
+  wrap = false,
+  grow = false,
+  height = "auto",
+  density,
+  className,
+  render,
+  ...props
+}) {
+  return useRender10({
+    defaultTagName: "div",
+    props: mergeProps9({
+      className: cn2("flex", responsiveClassNames(direction, STACK_DIRECTION_CLASSES), GAP_CLASSES[gap], PADDING_CLASSES[padding], align && STACK_ALIGN_CLASSES[align], justify && STACK_JUSTIFY_CLASSES[justify], wrap && "flex-wrap", grow && GROW_CLASSES, HEIGHT_CLASSES[height], className)
+    }, props),
+    render,
+    state: { slot: "stack", density }
+  });
+}
+// src/components/Grid.tsx
+import { mergeProps as mergeProps10 } from "@base-ui/react/merge-props";
+import { useRender as useRender11 } from "@base-ui/react/use-render";
+function Grid2({
+  columns = 1,
+  minColumnWidth,
+  gap = "panel",
+  padding = "none",
+  align,
+  grow = false,
+  height = "auto",
+  density,
+  className,
+  render,
+  ...props
+}) {
+  return useRender11({
+    defaultTagName: "div",
+    props: mergeProps10({
+      className: cn2("grid min-w-0", minColumnWidth === undefined ? responsiveClassNames(columns, GRID_COLUMN_CLASSES) : GRID_MIN_COLUMN_WIDTH_CLASSES[minColumnWidth], GAP_CLASSES[gap], PADDING_CLASSES[padding], align && GRID_ALIGN_CLASSES[align], grow && GROW_CLASSES, HEIGHT_CLASSES[height], className)
+    }, props),
+    render,
+    state: { slot: "grid", density }
+  });
+}
+function GridItem2({ span, density, className, render, ...props }) {
+  return useRender11({
+    defaultTagName: "div",
+    props: mergeProps10({ className: cn2("min-w-0", responsiveClassNames(span, GRID_SPAN_CLASSES), className) }, props),
+    render,
+    state: { slot: "grid-item", density }
+  });
+}
+// src/components/Container.tsx
+import { mergeProps as mergeProps11 } from "@base-ui/react/merge-props";
+import { useRender as useRender12 } from "@base-ui/react/use-render";
+function Container2({
+  width = "lg",
+  padding = "none",
+  density,
+  className,
+  render,
+  ...props
+}) {
+  return useRender12({
+    defaultTagName: "div",
+    props: mergeProps11({
+      className: cn2("mx-auto w-full min-w-0", CONTAINER_WIDTH_CLASSES[width], PADDING_CLASSES[padding], className)
+    }, props),
+    render,
+    state: { slot: "container", density }
+  });
+}
+// src/components/Text.tsx
+import { mergeProps as mergeProps12 } from "@base-ui/react/merge-props";
+import { useRender as useRender13 } from "@base-ui/react/use-render";
+var SIZE_CLASSES = {
+  xs: "text-xs",
+  sm: "text-sm",
+  base: "text-base",
+  lg: "text-lg"
+};
+var TONE_CLASSES = {
+  default: "text-foreground",
+  muted: "text-muted-foreground",
+  faint: "text-faint-foreground",
+  primary: "text-primary",
+  success: "text-success",
+  warning: "text-warning",
+  destructive: "text-destructive"
+};
+var WEIGHT_CLASSES = {
+  normal: "font-normal",
+  medium: "font-medium",
+  semibold: "font-semibold"
+};
+var ALIGN_CLASSES = {
+  start: "text-start",
+  center: "text-center",
+  end: "text-end"
+};
+function Text2({
+  size = "base",
+  tone = "default",
+  weight = "normal",
+  align = "start",
+  truncate = false,
+  tabular = false,
+  density,
+  className,
+  render,
+  ...props
+}) {
+  return useRender13({
+    defaultTagName: "p",
+    props: mergeProps12({
+      className: cn2("min-w-0", SIZE_CLASSES[size], TONE_CLASSES[tone], WEIGHT_CLASSES[weight], ALIGN_CLASSES[align], truncate ? "truncate" : "break-words", tabular && "tabular-nums", className)
+    }, props),
+    render,
+    state: { slot: "text", density }
+  });
+}
+// src/components/Heading.tsx
+import { mergeProps as mergeProps13 } from "@base-ui/react/merge-props";
+import { useRender as useRender14 } from "@base-ui/react/use-render";
+var HEADING_TAGS = { 1: "h1", 2: "h2", 3: "h3", 4: "h4", 5: "h5", 6: "h6" };
+var DEFAULT_SIZES = { 1: "xl", 2: "lg", 3: "base", 4: "sm", 5: "sm", 6: "sm" };
+var SIZE_CLASSES2 = {
+  sm: "text-sm",
+  base: "text-base",
+  lg: "text-lg",
+  xl: "text-xl"
+};
+function Heading2({ level, size, truncate = false, density, className, render, ...props }) {
+  return useRender14({
+    defaultTagName: HEADING_TAGS[level],
+    props: mergeProps13({
+      className: cn2("min-w-0 font-semibold text-foreground", SIZE_CLASSES2[size ?? DEFAULT_SIZES[level]], truncate ? "truncate" : "break-words", className)
+    }, props),
+    render,
+    state: { slot: "heading", level, density }
+  });
+}
+// src/components/WeatherSummary.tsx
+import { mergeProps as mergeProps14 } from "@base-ui/react/merge-props";
+import { useRender as useRender15 } from "@base-ui/react/use-render";
+import {
+  CloudDrizzleIcon,
+  CloudFogIcon,
+  CloudIcon,
+  CloudLightningIcon,
+  CloudRainIcon,
+  CloudSnowIcon,
+  CloudSunIcon,
+  DropletIcon,
+  SunIcon
+} from "lucide-react";
+import { jsx as jsx34, jsxs as jsxs20, Fragment as Fragment5 } from "react/jsx-runtime";
+var CONDITION_ICONS = {
+  clear: SunIcon,
+  "partly-cloudy": CloudSunIcon,
+  cloudy: CloudIcon,
+  fog: CloudFogIcon,
+  drizzle: CloudDrizzleIcon,
+  rain: CloudRainIcon,
+  snow: CloudSnowIcon,
+  thunderstorm: CloudLightningIcon
+};
+var CONDITION_LABELS = {
+  clear: "Clear",
+  "partly-cloudy": "Partly cloudy",
+  cloudy: "Cloudy",
+  fog: "Fog",
+  drizzle: "Drizzle",
+  rain: "Rain",
+  snow: "Snow",
+  thunderstorm: "Thunderstorm"
+};
+function formatTemperature(value, unit, locale) {
+  return new Intl.NumberFormat(locale, { style: "unit", unit, maximumFractionDigits: 0 }).format(value);
+}
+function formatProbability(value, locale) {
+  const share = Math.min(100, Math.max(0, value)) / 100;
+  return new Intl.NumberFormat(locale, { style: "percent", maximumFractionDigits: 0 }).format(share);
+}
+function WeatherSummary2({
+  label,
+  condition,
+  conditionLabel = CONDITION_LABELS[condition],
+  high,
+  low,
+  precipitationProbability,
+  unit = "celsius",
+  locale,
+  variant = "default",
+  density,
+  className,
+  render,
+  ...props
+}) {
+  const ConditionIcon = CONDITION_ICONS[condition];
+  const highText = formatTemperature(high, unit, locale);
+  const lowText = formatTemperature(low, unit, locale);
+  const probabilityText = precipitationProbability === undefined ? undefined : formatProbability(precipitationProbability, locale);
+  const isCompact = variant === "compact";
+  return useRender15({
+    defaultTagName: "div",
+    props: mergeProps14({
+      className: cn2("flex min-w-0 text-foreground", isCompact ? "flex-col items-center gap-1 text-center" : "items-center gap-panel-sm", className),
+      children: /* @__PURE__ */ jsxs20(Fragment5, {
+        children: [
+          /* @__PURE__ */ jsx34(ConditionIcon, {
+            "aria-hidden": "true",
+            "data-slot": "weather-summary-icon",
+            className: cn2("shrink-0 text-muted-foreground", isCompact ? "size-6" : "size-8")
+          }),
+          /* @__PURE__ */ jsxs20("div", {
+            className: cn2("flex min-w-0 flex-col gap-0.5", isCompact && "items-center"),
+            children: [
+              /* @__PURE__ */ jsx34("div", {
+                className: "text-sm font-medium break-words",
+                children: label
+              }),
+              /* @__PURE__ */ jsx34("div", {
+                className: cn2("text-sm text-muted-foreground", isCompact && "sr-only"),
+                children: conditionLabel
+              }),
+              /* @__PURE__ */ jsxs20("div", {
+                className: "flex flex-wrap items-baseline gap-x-2 text-sm tabular-nums",
+                children: [
+                  /* @__PURE__ */ jsxs20("span", {
+                    children: [
+                      /* @__PURE__ */ jsx34("span", {
+                        className: "sr-only",
+                        children: "High "
+                      }),
+                      /* @__PURE__ */ jsx34("span", {
+                        className: "font-medium",
+                        children: highText
+                      })
+                    ]
+                  }),
+                  /* @__PURE__ */ jsxs20("span", {
+                    className: "text-muted-foreground",
+                    children: [
+                      /* @__PURE__ */ jsx34("span", {
+                        className: "sr-only",
+                        children: "Low "
+                      }),
+                      lowText
+                    ]
+                  })
+                ]
+              }),
+              probabilityText !== undefined && /* @__PURE__ */ jsxs20("div", {
+                className: "flex items-center gap-1 text-xs text-muted-foreground tabular-nums",
+                children: [
+                  /* @__PURE__ */ jsx34(DropletIcon, {
+                    "aria-hidden": "true",
+                    className: "size-3 shrink-0"
+                  }),
+                  /* @__PURE__ */ jsxs20("span", {
+                    children: [
+                      probabilityText,
+                      /* @__PURE__ */ jsx34("span", {
+                        className: "sr-only",
+                        children: " chance of precipitation"
+                      })
+                    ]
+                  })
+                ]
+              })
+            ]
+          })
+        ]
+      })
+    }, props),
+    render,
+    state: { slot: "weather-summary", condition, density }
+  });
+}
+// src/components/WeatherForecast.tsx
+import { jsx as jsx35 } from "react/jsx-runtime";
+function WeatherForecast2({
+  days,
+  label,
+  unit,
+  locale,
+  variant = "strip",
+  density,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx35("ul", {
+    "aria-label": label,
+    "data-slot": "weather-forecast",
+    "data-density": density,
+    className: cn2("grid min-w-0 gap-panel-sm", variant === "strip" && "grid-cols-[repeat(auto-fill,minmax(6rem,1fr))]", className),
+    ...props,
+    children: days.map(({ id, ...day }) => /* @__PURE__ */ jsx35(WeatherSummary2, {
+      ...day,
+      unit,
+      locale,
+      variant: variant === "strip" ? "compact" : "default",
+      render: /* @__PURE__ */ jsx35("li", {})
+    }, id))
+  });
+}
 // src/components/PageHeader.tsx
-import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
 function PageHeader2({ title, eyebrow, description, breadcrumbs, actions, density }) {
-  return /* @__PURE__ */ jsxs20("header", {
+  return /* @__PURE__ */ jsxs21("header", {
     "data-density": density,
     "data-slot": "page-header",
     "data-scroll": "none",
     className: "flex min-w-0 flex-col gap-field-gap",
     children: [
       breadcrumbs,
-      /* @__PURE__ */ jsxs20("div", {
+      /* @__PURE__ */ jsxs21("div", {
         className: "flex min-w-0 flex-wrap items-start justify-between gap-panel",
         children: [
-          /* @__PURE__ */ jsxs20("div", {
+          /* @__PURE__ */ jsxs21("div", {
             className: "min-w-0",
             children: [
-              eyebrow != null && /* @__PURE__ */ jsx34("div", {
+              eyebrow != null && /* @__PURE__ */ jsx36("div", {
                 className: "mb-2 text-xs font-medium tracking-widest text-muted-foreground",
                 children: eyebrow
               }),
-              /* @__PURE__ */ jsx34("h1", {
+              /* @__PURE__ */ jsx36("h1", {
                 className: "text-xl font-semibold text-foreground",
                 children: title
               }),
-              description && /* @__PURE__ */ jsx34("div", {
+              description && /* @__PURE__ */ jsx36("div", {
                 className: "mt-1 text-sm text-muted-foreground",
                 children: description
               })
             ]
           }),
-          actions && /* @__PURE__ */ jsx34("div", {
+          actions && /* @__PURE__ */ jsx36("div", {
             className: "flex min-w-0 max-w-full flex-wrap items-center gap-control-gap wrap-anywhere",
             children: actions
           })
@@ -3214,7 +3715,7 @@ function PageHeader2({ title, eyebrow, description, breadcrumbs, actions, densit
   });
 }
 // src/components/WorkspaceSwitcher.tsx
-import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
 function WorkspaceSwitcher2({
   workspaces,
   value,
@@ -3224,7 +3725,7 @@ function WorkspaceSwitcher2({
   label = "Workspace",
   density
 }) {
-  return /* @__PURE__ */ jsxs21(Select2, {
+  return /* @__PURE__ */ jsxs22(Select2, {
     items: workspaces,
     value,
     defaultValue: defaultValue ?? workspaces[0]?.value,
@@ -3234,15 +3735,15 @@ function WorkspaceSwitcher2({
     },
     disabled,
     children: [
-      /* @__PURE__ */ jsx35(SelectTrigger2, {
+      /* @__PURE__ */ jsx37(SelectTrigger2, {
         "aria-label": label,
         density,
-        children: /* @__PURE__ */ jsx35(SelectValue2, {})
+        children: /* @__PURE__ */ jsx37(SelectValue2, {})
       }),
-      /* @__PURE__ */ jsx35(SelectContent2, {
+      /* @__PURE__ */ jsx37(SelectContent2, {
         density,
-        children: /* @__PURE__ */ jsx35(SelectGroup2, {
-          children: workspaces.map((workspace) => /* @__PURE__ */ jsx35(SelectItem2, {
+        children: /* @__PURE__ */ jsx37(SelectGroup2, {
+          children: workspaces.map((workspace) => /* @__PURE__ */ jsx37(SelectItem2, {
             value: workspace.value,
             children: workspace.label
           }, workspace.value))
@@ -3252,52 +3753,52 @@ function WorkspaceSwitcher2({
   });
 }
 // src/components/AccountMenu.tsx
-import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
 function AccountMenu2({ name, email, image, onAction, density }) {
-  return /* @__PURE__ */ jsxs22(DropdownMenu2, {
+  return /* @__PURE__ */ jsxs23(DropdownMenu2, {
     children: [
-      /* @__PURE__ */ jsxs22(DropdownMenuTrigger2, {
-        render: /* @__PURE__ */ jsx36(Button2, {
+      /* @__PURE__ */ jsxs23(DropdownMenuTrigger2, {
+        render: /* @__PURE__ */ jsx38(Button2, {
           variant: "ghost",
           density
         }),
         "aria-label": `Account menu for ${name}`,
         children: [
-          /* @__PURE__ */ jsxs22(Avatar2, {
+          /* @__PURE__ */ jsxs23(Avatar2, {
             className: "size-control",
             children: [
-              /* @__PURE__ */ jsx36(AvatarImage2, {
+              /* @__PURE__ */ jsx38(AvatarImage2, {
                 src: image,
                 alt: ""
               }),
-              /* @__PURE__ */ jsx36(AvatarFallback2, {
+              /* @__PURE__ */ jsx38(AvatarFallback2, {
                 children: name.slice(0, 2).toUpperCase()
               })
             ]
           }),
-          /* @__PURE__ */ jsx36("span", {
+          /* @__PURE__ */ jsx38("span", {
             children: name
           })
         ]
       }),
-      /* @__PURE__ */ jsx36(MenuPopup, {
+      /* @__PURE__ */ jsx38(MenuPopup, {
         density,
         align: "end",
-        children: /* @__PURE__ */ jsxs22(MenuGroup2, {
+        children: /* @__PURE__ */ jsxs23(MenuGroup2, {
           children: [
-            /* @__PURE__ */ jsx36(MenuLabel2, {
+            /* @__PURE__ */ jsx38(MenuLabel2, {
               children: email ?? name
             }),
-            /* @__PURE__ */ jsx36(MenuItem2, {
+            /* @__PURE__ */ jsx38(MenuItem2, {
               onClick: () => onAction("profile"),
               children: "Profile"
             }),
-            /* @__PURE__ */ jsx36(MenuItem2, {
+            /* @__PURE__ */ jsx38(MenuItem2, {
               onClick: () => onAction("settings"),
               children: "Settings"
             }),
-            /* @__PURE__ */ jsx36(MenuSeparator2, {}),
-            /* @__PURE__ */ jsx36(MenuItem2, {
+            /* @__PURE__ */ jsx38(MenuSeparator2, {}),
+            /* @__PURE__ */ jsx38(MenuItem2, {
               onClick: () => onAction("sign-out"),
               children: "Sign out"
             })
@@ -3308,7 +3809,7 @@ function AccountMenu2({ name, email, image, onAction, density }) {
   });
 }
 // src/components/StatCard.tsx
-import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
 function StatCard2({
   label,
   value,
@@ -3319,40 +3820,40 @@ function StatCard2({
   loading = false,
   density
 }) {
-  return /* @__PURE__ */ jsxs23(Card2, {
+  return /* @__PURE__ */ jsxs24(Card2, {
     density,
     "aria-label": label,
     "aria-busy": loading,
     children: [
-      /* @__PURE__ */ jsxs23(CardHeader2, {
+      /* @__PURE__ */ jsxs24(CardHeader2, {
         children: [
-          /* @__PURE__ */ jsx37(CardTitle2, {
+          /* @__PURE__ */ jsx39(CardTitle2, {
             children: label
           }),
-          description && /* @__PURE__ */ jsx37(CardDescription2, {
+          description && /* @__PURE__ */ jsx39(CardDescription2, {
             children: description
           })
         ]
       }),
-      /* @__PURE__ */ jsx37(CardContent2, {
-        children: /* @__PURE__ */ jsxs23("div", {
+      /* @__PURE__ */ jsx39(CardContent2, {
+        children: /* @__PURE__ */ jsxs24("div", {
           className: "flex flex-wrap items-center justify-between gap-control-gap",
           children: [
-            loading ? /* @__PURE__ */ jsx37(Skeleton2, {
+            loading ? /* @__PURE__ */ jsx39(Skeleton2, {
               className: "h-8 w-24",
               "aria-label": `Loading ${label}`
-            }) : /* @__PURE__ */ jsx37("div", {
+            }) : /* @__PURE__ */ jsx39("div", {
               className: "text-2xl font-semibold tabular-nums",
               children: value
             }),
-            change && /* @__PURE__ */ jsx37(Badge2, {
+            change && /* @__PURE__ */ jsx39(Badge2, {
               variant: changeIntent === "positive" ? "success" : changeIntent === "negative" ? "destructive" : "secondary",
               children: change
             })
           ]
         })
       }),
-      children && /* @__PURE__ */ jsx37(CardFooter2, {
+      children && /* @__PURE__ */ jsx39(CardFooter2, {
         children
       })
     ]
@@ -3360,7 +3861,7 @@ function StatCard2({
 }
 // src/components/AuthForm.tsx
 import { useId as useId2, useState as useState5 } from "react";
-import { jsx as jsx38, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
 function AuthForm2({
   mode = "sign-in",
   onSubmit,
@@ -3390,33 +3891,33 @@ function AuthForm2({
       setPending(false);
     }
   }
-  return /* @__PURE__ */ jsxs24(Card2, {
+  return /* @__PURE__ */ jsxs25(Card2, {
     density,
     children: [
-      /* @__PURE__ */ jsxs24(CardHeader2, {
+      /* @__PURE__ */ jsxs25(CardHeader2, {
         children: [
-          /* @__PURE__ */ jsx38(CardTitle2, {
+          /* @__PURE__ */ jsx40(CardTitle2, {
             children: title
           }),
-          /* @__PURE__ */ jsx38(CardDescription2, {
+          /* @__PURE__ */ jsx40(CardDescription2, {
             children: mode === "reset-password" ? "Enter your email to request a password reset." : "Enter your details to continue."
           })
         ]
       }),
-      /* @__PURE__ */ jsx38(CardContent2, {
-        children: /* @__PURE__ */ jsx38("form", {
+      /* @__PURE__ */ jsx40(CardContent2, {
+        children: /* @__PURE__ */ jsx40("form", {
           onSubmit: submit,
           "aria-label": title,
           "aria-busy": pending,
-          children: /* @__PURE__ */ jsxs24(FieldGroup2, {
+          children: /* @__PURE__ */ jsxs25(FieldGroup2, {
             children: [
-              mode === "sign-up" && /* @__PURE__ */ jsxs24(Field2, {
+              mode === "sign-up" && /* @__PURE__ */ jsxs25(Field2, {
                 children: [
-                  /* @__PURE__ */ jsx38(FieldLabel2, {
+                  /* @__PURE__ */ jsx40(FieldLabel2, {
                     htmlFor: id + "-name",
                     children: "Name"
                   }),
-                  /* @__PURE__ */ jsx38(Input2, {
+                  /* @__PURE__ */ jsx40(Input2, {
                     id: id + "-name",
                     name: "name",
                     autoComplete: "name",
@@ -3425,13 +3926,13 @@ function AuthForm2({
                   })
                 ]
               }),
-              /* @__PURE__ */ jsxs24(Field2, {
+              /* @__PURE__ */ jsxs25(Field2, {
                 children: [
-                  /* @__PURE__ */ jsx38(FieldLabel2, {
+                  /* @__PURE__ */ jsx40(FieldLabel2, {
                     htmlFor: id + "-email",
                     children: "Email"
                   }),
-                  /* @__PURE__ */ jsx38(Input2, {
+                  /* @__PURE__ */ jsx40(Input2, {
                     id: id + "-email",
                     name: "email",
                     type: "email",
@@ -3441,13 +3942,13 @@ function AuthForm2({
                   })
                 ]
               }),
-              mode !== "reset-password" && /* @__PURE__ */ jsxs24(Field2, {
+              mode !== "reset-password" && /* @__PURE__ */ jsxs25(Field2, {
                 children: [
-                  /* @__PURE__ */ jsx38(FieldLabel2, {
+                  /* @__PURE__ */ jsx40(FieldLabel2, {
                     htmlFor: id + "-password",
                     children: "Password"
                   }),
-                  /* @__PURE__ */ jsx38(Input2, {
+                  /* @__PURE__ */ jsx40(Input2, {
                     id: id + "-password",
                     name: "password",
                     type: "password",
@@ -3456,27 +3957,27 @@ function AuthForm2({
                     required: true,
                     disabled: disabled || pending
                   }),
-                  mode === "sign-up" && /* @__PURE__ */ jsx38(FieldDescription2, {
+                  mode === "sign-up" && /* @__PURE__ */ jsx40(FieldDescription2, {
                     children: "Use at least eight characters."
                   })
                 ]
               }),
-              error && /* @__PURE__ */ jsxs24(Alert2, {
+              error && /* @__PURE__ */ jsxs25(Alert2, {
                 variant: "destructive",
                 children: [
-                  /* @__PURE__ */ jsx38(AlertTitle2, {
+                  /* @__PURE__ */ jsx40(AlertTitle2, {
                     children: "Request failed"
                   }),
-                  /* @__PURE__ */ jsx38(AlertDescription2, {
+                  /* @__PURE__ */ jsx40(AlertDescription2, {
                     children: error
                   })
                 ]
               }),
-              /* @__PURE__ */ jsxs24(Button2, {
+              /* @__PURE__ */ jsxs25(Button2, {
                 type: "submit",
                 disabled: disabled || pending,
                 children: [
-                  pending && /* @__PURE__ */ jsx38(Spinner2, {
+                  pending && /* @__PURE__ */ jsx40(Spinner2, {
                     "data-icon": "inline-start"
                   }),
                   mode === "reset-password" ? "Send reset link" : title
@@ -3487,14 +3988,14 @@ function AuthForm2({
           })
         })
       }),
-      footer && /* @__PURE__ */ jsx38(CardFooter2, {
+      footer && /* @__PURE__ */ jsx40(CardFooter2, {
         children: footer
       })
     ]
   });
 }
 // src/components/SettingsSection.tsx
-import { jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
 function SettingsSection2({
   title,
   description,
@@ -3507,48 +4008,48 @@ function SettingsSection2({
   destructive = false,
   density
 }) {
-  return /* @__PURE__ */ jsx39("form", {
+  return /* @__PURE__ */ jsx41("form", {
     "aria-label": title,
     onSubmit,
     "aria-busy": pending,
-    children: /* @__PURE__ */ jsxs25(Card2, {
+    children: /* @__PURE__ */ jsxs26(Card2, {
       density,
       children: [
-        /* @__PURE__ */ jsxs25(CardHeader2, {
+        /* @__PURE__ */ jsxs26(CardHeader2, {
           children: [
-            /* @__PURE__ */ jsx39(CardTitle2, {
+            /* @__PURE__ */ jsx41(CardTitle2, {
               children: title
             }),
-            description && /* @__PURE__ */ jsx39(CardDescription2, {
+            description && /* @__PURE__ */ jsx41(CardDescription2, {
               children: description
             })
           ]
         }),
-        /* @__PURE__ */ jsx39(CardContent2, {
-          children: /* @__PURE__ */ jsxs25("fieldset", {
+        /* @__PURE__ */ jsx41(CardContent2, {
+          children: /* @__PURE__ */ jsxs26("fieldset", {
             disabled: disabled || pending,
             className: "min-w-0 border-0 p-0",
             children: [
-              /* @__PURE__ */ jsx39("legend", {
+              /* @__PURE__ */ jsx41("legend", {
                 className: "sr-only",
                 children: title
               }),
-              /* @__PURE__ */ jsx39(FieldGroup2, {
+              /* @__PURE__ */ jsx41(FieldGroup2, {
                 children
               })
             ]
           })
         }),
-        /* @__PURE__ */ jsxs25(CardFooter2, {
+        /* @__PURE__ */ jsxs26(CardFooter2, {
           className: "flex flex-wrap items-center justify-between gap-control-gap",
           children: [
             footer,
-            /* @__PURE__ */ jsxs25(Button2, {
+            /* @__PURE__ */ jsxs26(Button2, {
               type: "submit",
               variant: destructive ? "destructive" : "default",
               disabled: disabled || pending,
               children: [
-                pending && /* @__PURE__ */ jsx39(Spinner2, {
+                pending && /* @__PURE__ */ jsx41(Spinner2, {
                   "data-icon": "inline-start"
                 }),
                 saveLabel
@@ -3561,7 +4062,7 @@ function SettingsSection2({
   });
 }
 // src/components/TagInput.tsx
-import { jsx as jsx40, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
 function TagInput2({
   label,
   options,
@@ -3574,7 +4075,7 @@ function TagInput2({
   density
 }) {
   const anchor = useComboboxAnchor2();
-  return /* @__PURE__ */ jsxs26(Combobox2, {
+  return /* @__PURE__ */ jsxs27(Combobox2, {
     items: options,
     multiple: true,
     value,
@@ -3583,33 +4084,33 @@ function TagInput2({
     disabled,
     name,
     children: [
-      /* @__PURE__ */ jsxs26(ComboboxChips2, {
+      /* @__PURE__ */ jsxs27(ComboboxChips2, {
         ref: anchor,
         density,
         children: [
-          /* @__PURE__ */ jsx40(ComboboxValue2, {
-            children: (values) => values.map((item) => /* @__PURE__ */ jsx40(ComboboxChip2, {
+          /* @__PURE__ */ jsx42(ComboboxValue2, {
+            children: (values) => values.map((item) => /* @__PURE__ */ jsx42(ComboboxChip2, {
               removeLabel: `Remove ${item}`,
               children: item
             }, item))
           }),
-          /* @__PURE__ */ jsx40(ComboboxChipsInput2, {
+          /* @__PURE__ */ jsx42(ComboboxChipsInput2, {
             "aria-label": label,
             placeholder
           })
         ]
       }),
-      /* @__PURE__ */ jsxs26(ComboboxContent2, {
+      /* @__PURE__ */ jsxs27(ComboboxContent2, {
         anchor,
         density,
         children: [
-          /* @__PURE__ */ jsx40(ComboboxEmpty2, {
+          /* @__PURE__ */ jsx42(ComboboxEmpty2, {
             children: "No matching tags."
           }),
-          /* @__PURE__ */ jsx40(ComboboxList2, {
-            children: /* @__PURE__ */ jsx40(ComboboxGroup2, {
-              children: /* @__PURE__ */ jsx40(ComboboxCollection2, {
-                children: (item) => /* @__PURE__ */ jsx40(ComboboxItem2, {
+          /* @__PURE__ */ jsx42(ComboboxList2, {
+            children: /* @__PURE__ */ jsx42(ComboboxGroup2, {
+              children: /* @__PURE__ */ jsx42(ComboboxCollection2, {
+                children: (item) => /* @__PURE__ */ jsx42(ComboboxItem2, {
                   value: item,
                   children: item
                 }, item)
@@ -3622,7 +4123,7 @@ function TagInput2({
   });
 }
 // src/components/FilterBar.tsx
-import { jsx as jsx41, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs28 } from "react/jsx-runtime";
 function FilterBar2({
   label,
   search,
@@ -3633,38 +4134,38 @@ function FilterBar2({
   disabled,
   density
 }) {
-  return /* @__PURE__ */ jsxs27("fieldset", {
+  return /* @__PURE__ */ jsxs28("fieldset", {
     "aria-label": label,
     disabled,
     "data-density": density,
     className: "flex min-w-0 flex-wrap items-center gap-2",
     children: [
-      /* @__PURE__ */ jsx41(Input2, {
+      /* @__PURE__ */ jsx43(Input2, {
         "aria-label": `Search ${label}`,
         type: "search",
         value: search,
         onChange: (event) => onSearchChange(event.target.value),
         className: "min-w-40 flex-1"
       }),
-      filters.map((filter) => /* @__PURE__ */ jsxs27(NativeSelect2, {
+      filters.map((filter) => /* @__PURE__ */ jsxs28(NativeSelect2, {
         "aria-label": filter.label,
         value: value[filter.id] ?? "",
         onChange: (event) => onValueChange({ ...value, [filter.id]: event.target.value }),
         children: [
-          /* @__PURE__ */ jsxs27(NativeSelectOption2, {
+          /* @__PURE__ */ jsxs28(NativeSelectOption2, {
             value: "",
             children: [
               "All ",
               filter.label.toLowerCase()
             ]
           }),
-          filter.options.map((option) => /* @__PURE__ */ jsx41(NativeSelectOption2, {
+          filter.options.map((option) => /* @__PURE__ */ jsx43(NativeSelectOption2, {
             value: option.value,
             children: option.label
           }, option.value))
         ]
       }, filter.id)),
-      /* @__PURE__ */ jsx41(Button2, {
+      /* @__PURE__ */ jsx43(Button2, {
         type: "button",
         variant: "ghost",
         disabled: !search && !Object.values(value).some(Boolean),
@@ -3678,7 +4179,7 @@ function FilterBar2({
   });
 }
 // src/components/BarList.tsx
-import { jsx as jsx42, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs29 } from "react/jsx-runtime";
 function BarList2({
   label,
   items,
@@ -3687,25 +4188,25 @@ function BarList2({
   density
 }) {
   const max = Math.max(1, ...items.map((item) => item.value));
-  return /* @__PURE__ */ jsxs28("section", {
+  return /* @__PURE__ */ jsxs29("section", {
     "aria-label": label,
     "data-density": density,
     children: [
-      /* @__PURE__ */ jsx42("ul", {
+      /* @__PURE__ */ jsx44("ul", {
         className: "grid gap-3",
-        children: items.map((item) => /* @__PURE__ */ jsx42("li", {
-          children: /* @__PURE__ */ jsxs28(Meter2, {
+        children: items.map((item) => /* @__PURE__ */ jsx44("li", {
+          children: /* @__PURE__ */ jsxs29(Meter2, {
             min: 0,
             max,
             value: item.value,
             "aria-label": item.label,
             format: { maximumFractionDigits: 2 },
             children: [
-              /* @__PURE__ */ jsxs28("div", {
+              /* @__PURE__ */ jsxs29("div", {
                 className: "mb-1 flex items-center justify-between gap-3 text-sm",
                 children: [
-                  /* @__PURE__ */ jsx42(MeterLabel2, {
-                    children: onItemSelect ? /* @__PURE__ */ jsx42(Button2, {
+                  /* @__PURE__ */ jsx44(MeterLabel2, {
+                    children: onItemSelect ? /* @__PURE__ */ jsx44(Button2, {
                       type: "button",
                       variant: "link",
                       className: "h-auto p-0",
@@ -3713,19 +4214,19 @@ function BarList2({
                       children: item.label
                     }) : item.label
                   }),
-                  /* @__PURE__ */ jsx42(MeterValue2, {
+                  /* @__PURE__ */ jsx44(MeterValue2, {
                     children: () => valueFormatter(item.value)
                   })
                 ]
               }),
-              /* @__PURE__ */ jsx42(MeterTrack2, {
-                children: /* @__PURE__ */ jsx42(MeterIndicator2, {})
+              /* @__PURE__ */ jsx44(MeterTrack2, {
+                children: /* @__PURE__ */ jsx44(MeterIndicator2, {})
               })
             ]
           })
         }, item.id))
       }),
-      !items.length && /* @__PURE__ */ jsx42("p", {
+      !items.length && /* @__PURE__ */ jsx44("p", {
         role: "status",
         className: "text-sm text-muted-foreground",
         children: "No data available."
@@ -3734,23 +4235,23 @@ function BarList2({
   });
 }
 // src/components/StatusTracker.tsx
-import { jsx as jsx43, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs30 } from "react/jsx-runtime";
 var statusClasses = { success: "bg-success", warning: "bg-warning", error: "bg-destructive", unknown: "bg-muted" };
 function StatusTracker2({ label, items, onItemSelect, density }) {
-  return /* @__PURE__ */ jsx43(TooltipProvider2, {
-    children: /* @__PURE__ */ jsx43("div", {
+  return /* @__PURE__ */ jsx45(TooltipProvider2, {
+    children: /* @__PURE__ */ jsx45("div", {
       role: "group",
       "aria-label": label,
       "data-density": density,
       className: "flex min-w-0 gap-1",
-      children: items.map((item) => /* @__PURE__ */ jsxs29(Tooltip2, {
+      children: items.map((item) => /* @__PURE__ */ jsxs30(Tooltip2, {
         children: [
-          /* @__PURE__ */ jsx43(TooltipTrigger2, {
+          /* @__PURE__ */ jsx45(TooltipTrigger2, {
             "aria-label": `${item.label}: ${item.status}`,
             onClick: () => onItemSelect?.(item),
             className: cn2("h-8 min-w-2 flex-1 rounded-sm outline-none focus-visible:ring-2 focus-visible:ring-ring", statusClasses[item.status])
           }),
-          /* @__PURE__ */ jsxs29(TooltipContent2, {
+          /* @__PURE__ */ jsxs30(TooltipContent2, {
             children: [
               item.label,
               ": ",
@@ -3763,7 +4264,7 @@ function StatusTracker2({ label, items, onItemSelect, density }) {
   });
 }
 // src/components/DashboardLayout.tsx
-import { jsx as jsx44, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs31 } from "react/jsx-runtime";
 function DashboardLayout2({
   title,
   description,
@@ -3774,24 +4275,24 @@ function DashboardLayout2({
   footer,
   density
 }) {
-  return /* @__PURE__ */ jsxs30("div", {
+  return /* @__PURE__ */ jsxs31("div", {
     "data-density": density,
     "data-scroll": "none",
     className: "grid min-w-0 gap-6",
     children: [
-      /* @__PURE__ */ jsx44(PageHeader2, {
+      /* @__PURE__ */ jsx46(PageHeader2, {
         title,
         description,
         actions
       }),
       filters,
-      stats.length > 0 && /* @__PURE__ */ jsx44("div", {
+      stats.length > 0 && /* @__PURE__ */ jsx46("div", {
         className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-4",
-        children: stats.map(({ id, ...stat }) => /* @__PURE__ */ jsx44(StatCard2, {
+        children: stats.map(({ id, ...stat }) => /* @__PURE__ */ jsx46(StatCard2, {
           ...stat
         }, id))
       }),
-      /* @__PURE__ */ jsx44("div", {
+      /* @__PURE__ */ jsx46("div", {
         className: "grid min-w-0 gap-4",
         children
       }),
@@ -3800,18 +4301,18 @@ function DashboardLayout2({
   });
 }
 // src/components/BillingUsage.tsx
-import { jsx as jsx45, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs32 } from "react/jsx-runtime";
 function BillingUsage2({ plan, price, period, metrics, onManage, pending, density }) {
-  return /* @__PURE__ */ jsxs31(Card2, {
+  return /* @__PURE__ */ jsxs32(Card2, {
     density,
     "aria-label": "Billing and usage",
     children: [
-      /* @__PURE__ */ jsxs31(CardHeader2, {
+      /* @__PURE__ */ jsxs32(CardHeader2, {
         children: [
-          /* @__PURE__ */ jsx45(CardTitle2, {
+          /* @__PURE__ */ jsx47(CardTitle2, {
             children: plan
           }),
-          /* @__PURE__ */ jsxs31(CardDescription2, {
+          /* @__PURE__ */ jsxs32(CardDescription2, {
             children: [
               price,
               " · ",
@@ -3820,32 +4321,32 @@ function BillingUsage2({ plan, price, period, metrics, onManage, pending, densit
           })
         ]
       }),
-      /* @__PURE__ */ jsx45(CardContent2, {
+      /* @__PURE__ */ jsx47(CardContent2, {
         className: "grid gap-4",
-        children: metrics.map((metric) => /* @__PURE__ */ jsxs31(Meter2, {
+        children: metrics.map((metric) => /* @__PURE__ */ jsxs32(Meter2, {
           value: metric.used,
           max: metric.limit,
           "aria-label": metric.label,
           children: [
-            /* @__PURE__ */ jsxs31("div", {
+            /* @__PURE__ */ jsxs32("div", {
               className: "mb-2 flex items-center justify-between gap-3 text-sm",
               children: [
-                /* @__PURE__ */ jsx45(MeterLabel2, {
+                /* @__PURE__ */ jsx47(MeterLabel2, {
                   children: metric.label
                 }),
-                /* @__PURE__ */ jsx45(MeterValue2, {
+                /* @__PURE__ */ jsx47(MeterValue2, {
                   children: () => `${metric.used.toLocaleString()} / ${metric.limit.toLocaleString()}${metric.unit ? ` ${metric.unit}` : ""}`
                 })
               ]
             }),
-            /* @__PURE__ */ jsx45(MeterTrack2, {
-              children: /* @__PURE__ */ jsx45(MeterIndicator2, {})
+            /* @__PURE__ */ jsx47(MeterTrack2, {
+              children: /* @__PURE__ */ jsx47(MeterIndicator2, {})
             })
           ]
         }, metric.id))
       }),
-      /* @__PURE__ */ jsx45(CardFooter2, {
-        children: /* @__PURE__ */ jsx45(Button2, {
+      /* @__PURE__ */ jsx47(CardFooter2, {
+        children: /* @__PURE__ */ jsx47(Button2, {
           type: "button",
           variant: "outline",
           onClick: onManage,
@@ -3856,4 +4357,4 @@ function BillingUsage2({ plan, price, period, metrics, onManage, pending, densit
     ]
   });
 }
-export { ButtonLink2, ContextMenu2, ContextMenuPortal2, ContextMenuTrigger2, ContextMenuContent2, ActionsMenu2, ActionsMenuTrigger2, ActionsMenuContextTarget2, ActionsMenuContextContent2, FormDialog2, Accordion2, AccordionItem2, AccordionTrigger2, AccordionContent2, EmptyState3, PageMessage2, formatDataLabel2, DataViewer2, JsonViewer2, AlertDialog2, AlertDialogTrigger2, AlertDialogPortal2, AlertDialogOverlay2, AlertDialogContent2, AlertDialogHeader2, AlertDialogFooter2, AlertDialogMedia2, AlertDialogTitle2, AlertDialogDescription2, AlertDialogAction2, AlertDialogCancel2, Select2, SelectGroup2, SelectValue2, SelectTrigger2, SelectContent2, SelectLabel2, SelectItem2, SelectSeparator2, SelectScrollUpButton2, SelectScrollDownButton2, DensityProvider2, collectLayoutViolations2, LayoutGuard2, ScrollGuard2, ThemeProvider2, AspectRatio2, Breadcrumb2, BreadcrumbList2, BreadcrumbItem2, BreadcrumbLink2, BreadcrumbPage2, BreadcrumbSeparator2, BreadcrumbEllipsis2, buttonGroupVariants2, ButtonGroup2, ButtonGroupText2, ButtonGroupSeparator2, ItemGroup2, ItemSeparator2, Item2, ItemMedia2, ItemContent2, ItemTitle2, ItemDescription2, ItemActions2, ItemHeader2, ItemFooter2, Pagination2, PaginationContent2, PaginationItem2, PaginationLink2, PaginationPrevious2, PaginationNext2, PaginationEllipsis2, Drawer2, DrawerTrigger2, DrawerPortal2, DrawerClose2, DrawerOverlay2, DrawerSwipeHandle2, DrawerContent2, DrawerHeader2, DrawerFooter2, DrawerTitle2, DrawerDescription2, Menubar2, MenubarMenu2, MenubarGroup2, MenubarPortal2, MenubarTrigger2, MenubarContent2, MenubarItem2, MenubarCheckboxItem2, MenubarRadioGroup2, MenubarRadioItem2, MenubarLabel2, MenubarSeparator2, MenubarShortcut2, MenubarSub2, MenubarSubTrigger2, MenubarSubContent2, NavigationMenu2, NavigationMenuList2, NavigationMenuItem2, navigationMenuTriggerStyle2, NavigationMenuTrigger2, NavigationMenuContent2, NavigationMenuPositioner2, NavigationMenuLink2, NavigationMenuIndicator2, ToastProvider2, ToastPortal2, ToastViewport2, Toast2, ToastContent2, ToastTitle2, ToastDescription2, ToastAction2, ToastClose2, ToastToaster2, createToastManager2, useToastManager2, markerVariants2, Marker2, MarkerIcon2, MarkerContent2, BubbleGroup2, Bubble2, BubbleContent2, BubbleReactions2, MessageGroup2, Message2, MessageAvatar2, MessageContent2, MessageHeader2, MessageFooter2, Attachment2, AttachmentMedia2, AttachmentContent2, AttachmentTitle2, AttachmentDescription2, AttachmentActions2, AttachmentAction2, AttachmentTrigger2, AttachmentGroup2, InlineEdit2, StarRating2, ConfirmationDialog2, ImagePicker2, Meter2, MeterLabel2, MeterValue2, MeterTrack2, MeterIndicator2, Stepper2, StepperList2, StepperTrigger2, StepperIndicator2, StepperContent2, AppShell2, PageHeader2, WorkspaceSwitcher2, AccountMenu2, StatCard2, AuthForm2, SettingsSection2, TagInput2, FilterBar2, BarList2, StatusTracker2, DashboardLayout2, BillingUsage2 };
+export { ButtonLink2, ContextMenu2, ContextMenuPortal2, ContextMenuTrigger2, ContextMenuContent2, ActionsMenu2, ActionsMenuTrigger2, ActionsMenuContextTarget2, ActionsMenuContextContent2, FormDialog2, Accordion2, AccordionItem2, AccordionTrigger2, AccordionContent2, EmptyState3, PageMessage2, formatDataLabel2, DataViewer2, JsonViewer2, AlertDialog2, AlertDialogTrigger2, AlertDialogPortal2, AlertDialogOverlay2, AlertDialogContent2, AlertDialogHeader2, AlertDialogFooter2, AlertDialogMedia2, AlertDialogTitle2, AlertDialogDescription2, AlertDialogAction2, AlertDialogCancel2, Select2, SelectGroup2, SelectValue2, SelectTrigger2, SelectContent2, SelectLabel2, SelectItem2, SelectSeparator2, SelectScrollUpButton2, SelectScrollDownButton2, DensityProvider2, collectLayoutViolations2, LayoutGuard2, ScrollGuard2, ThemeProvider2, AspectRatio2, Breadcrumb2, BreadcrumbList2, BreadcrumbItem2, BreadcrumbLink2, BreadcrumbPage2, BreadcrumbSeparator2, BreadcrumbEllipsis2, buttonGroupVariants2, ButtonGroup2, ButtonGroupText2, ButtonGroupSeparator2, ItemGroup2, ItemSeparator2, Item2, ItemMedia2, ItemContent2, ItemTitle2, ItemDescription2, ItemActions2, ItemHeader2, ItemFooter2, Pagination2, PaginationContent2, PaginationItem2, PaginationLink2, PaginationPrevious2, PaginationNext2, PaginationEllipsis2, Drawer2, DrawerTrigger2, DrawerPortal2, DrawerClose2, DrawerOverlay2, DrawerSwipeHandle2, DrawerContent2, DrawerHeader2, DrawerFooter2, DrawerTitle2, DrawerDescription2, Menubar2, MenubarMenu2, MenubarGroup2, MenubarPortal2, MenubarTrigger2, MenubarContent2, MenubarItem2, MenubarCheckboxItem2, MenubarRadioGroup2, MenubarRadioItem2, MenubarLabel2, MenubarSeparator2, MenubarShortcut2, MenubarSub2, MenubarSubTrigger2, MenubarSubContent2, NavigationMenu2, NavigationMenuList2, NavigationMenuItem2, navigationMenuTriggerStyle2, NavigationMenuTrigger2, NavigationMenuContent2, NavigationMenuPositioner2, NavigationMenuLink2, NavigationMenuIndicator2, ToastProvider2, ToastPortal2, ToastViewport2, Toast2, ToastContent2, ToastTitle2, ToastDescription2, ToastAction2, ToastClose2, ToastToaster2, createToastManager2, useToastManager2, markerVariants2, Marker2, MarkerIcon2, MarkerContent2, BubbleGroup2, Bubble2, BubbleContent2, BubbleReactions2, MessageGroup2, Message2, MessageAvatar2, MessageContent2, MessageHeader2, MessageFooter2, Attachment2, AttachmentMedia2, AttachmentContent2, AttachmentTitle2, AttachmentDescription2, AttachmentActions2, AttachmentAction2, AttachmentTrigger2, AttachmentGroup2, InlineEdit2, StarRating2, ConfirmationDialog2, ImagePicker2, Meter2, MeterLabel2, MeterValue2, MeterTrack2, MeterIndicator2, Stepper2, StepperList2, StepperTrigger2, StepperIndicator2, StepperContent2, AppShell2, Stack2, Grid2, GridItem2, Container2, Text2, Heading2, WeatherSummary2, WeatherForecast2, PageHeader2, WorkspaceSwitcher2, AccountMenu2, StatCard2, AuthForm2, SettingsSection2, TagInput2, FilterBar2, BarList2, StatusTracker2, DashboardLayout2, BillingUsage2 };