@handled-ai/design-system 0.1.0

package/dist/index.js

@@ -0,0 +1,2371 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import * as React21 from 'react';
+import { AlertCircle, Phone, Mail, MessageSquare, ArrowRight, ChevronDown, ArrowLeft, ThumbsUp, ThumbsDown, ChevronUp, XIcon, CheckIcon, CircleIcon, ChevronRightIcon, ExternalLink, Info, ArrowDown, ArrowUp, ChevronDownIcon, ChevronUpIcon, PanelLeftIcon, Activity, Heart, Scale } from 'lucide-react';
+import { format } from 'date-fns';
+import { Avatar as Avatar$1, Slot, Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, ScrollArea as ScrollArea$1, Select as Select$1, Separator as Separator$1, Tooltip, Tabs as Tabs$1 } from 'radix-ui';
+import { cva } from 'class-variance-authority';
+import { Slot as Slot$1 } from '@radix-ui/react-slot';
+import * as RechartsPrimitive from 'recharts';
+import * as LabelPrimitive from '@radix-ui/react-label';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React21.useState(
+    void 0
+  );
+  React21.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+var getIcon = (type) => {
+  switch (type) {
+    case "workout":
+      return /* @__PURE__ */ React21.createElement(Activity, { size: 16, className: "text-orange-500" });
+    case "weighin":
+      return /* @__PURE__ */ React21.createElement(Scale, { size: 16, className: "text-blue-500" });
+    case "biometric":
+      return /* @__PURE__ */ React21.createElement(Heart, { size: 16, className: "text-rose-500" });
+    case "checkin":
+      return /* @__PURE__ */ React21.createElement(MessageSquare, { size: 16, className: "text-indigo-500" });
+    default:
+      return /* @__PURE__ */ React21.createElement(Activity, { size: 16, className: "text-gray-500" });
+  }
+};
+function ActivityRow({ item }) {
+  return /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-4 py-3 border-b border-gray-100 last:border-0 hover:bg-gray-50 px-2 -mx-2 rounded-md transition-colors group" }, /* @__PURE__ */ React21.createElement("div", { className: "flex-shrink-0 w-8 h-8 rounded-full bg-gray-50 border border-gray-200 flex items-center justify-center" }, getIcon(item.type)), /* @__PURE__ */ React21.createElement("div", { className: "flex-1 min-w-0 flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-2" }, /* @__PURE__ */ React21.createElement("span", { className: "font-medium text-sm text-gray-900" }, item.title), /* @__PURE__ */ React21.createElement("span", { className: "hidden sm:inline text-gray-300" }, "\u2022"), /* @__PURE__ */ React21.createElement("span", { className: "text-xs text-gray-500 truncate" }, item.details), item.type === "checkin" && /* @__PURE__ */ React21.createElement("button", { className: "ml-auto sm:ml-2 text-xs text-indigo-600 hover:text-indigo-800 font-medium flex items-center gap-0.5 opacity-0 group-hover:opacity-100 transition-opacity" }, "view ", /* @__PURE__ */ React21.createElement(ArrowRight, { size: 10 }))), /* @__PURE__ */ React21.createElement("div", { className: "text-right flex-shrink-0" }, /* @__PURE__ */ React21.createElement("div", { className: "text-xs text-gray-500" }, format(new Date(item.date), "MMM d")), /* @__PURE__ */ React21.createElement("div", { className: "text-[10px] text-gray-400" }, item.time)));
+}
+function ActivityLog({ items, title = "Recent Activity", initialLimit = 5 }) {
+  const [limit, setLimit] = React21.useState(initialLimit);
+  const displayedLogs = items.slice(0, limit);
+  const hasMore = limit < items.length;
+  return /* @__PURE__ */ React21.createElement("div", { className: "bg-white rounded-xl border border-gray-200 p-6 shadow-sm" }, /* @__PURE__ */ React21.createElement("h2", { className: "text-lg font-semibold text-gray-900 mb-4" }, title), /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col" }, displayedLogs.map((item) => /* @__PURE__ */ React21.createElement(ActivityRow, { key: item.id, item }))), hasMore && /* @__PURE__ */ React21.createElement(
+    "button",
+    {
+      onClick: () => setLimit((prev) => prev + 5),
+      className: "w-full mt-4 py-2 flex items-center justify-center gap-2 text-sm text-gray-500 hover:text-gray-900 hover:bg-gray-50 rounded-md transition-colors border border-dashed border-gray-200"
+    },
+    /* @__PURE__ */ React21.createElement(ChevronDown, { size: 14 }),
+    "Show more"
+  ));
+}
+function Avatar(_a) {
+  var _b = _a, {
+    className,
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Avatar$1.Root,
+    __spreadValues({
+      "data-slot": "avatar",
+      "data-size": size,
+      className: cn(
+        "group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
+        className
+      )
+    }, props)
+  );
+}
+function AvatarImage(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Avatar$1.Image,
+    __spreadValues({
+      "data-slot": "avatar-image",
+      className: cn("aspect-square size-full", className)
+    }, props)
+  );
+}
+function AvatarFallback(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Avatar$1.Fallback,
+    __spreadValues({
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs",
+        className
+      )
+    }, props)
+  );
+}
+function AvatarBadge(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "span",
+    __spreadValues({
+      "data-slot": "avatar-badge",
+      className: cn(
+        "bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full ring-2 select-none",
+        "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
+        "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
+        "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
+        className
+      )
+    }, props)
+  );
+}
+function AvatarGroup(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "avatar-group",
+      className: cn(
+        "*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2",
+        className
+      )
+    }, props)
+  );
+}
+function AvatarGroupCount(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "avatar-group-count",
+      className: cn(
+        "bg-muted text-muted-foreground ring-background relative flex size-8 shrink-0 items-center justify-center rounded-full text-sm ring-2 group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
+        className
+      )
+    }, props)
+  );
+}
+var badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 [a&]:hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge(_a) {
+  var _b = _a, {
+    className,
+    variant = "default",
+    asChild = false
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "asChild"
+  ]);
+  const Comp = asChild ? Slot.Root : "span";
+  return /* @__PURE__ */ React21.createElement(
+    Comp,
+    __spreadValues({
+      "data-slot": "badge",
+      "data-variant": variant,
+      className: cn(badgeVariants({ variant }), className)
+    }, props)
+  );
+}
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button(_a) {
+  var _b = _a, {
+    className,
+    variant,
+    size,
+    asChild = false
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size",
+    "asChild"
+  ]);
+  const Comp = asChild ? Slot$1 : "button";
+  return /* @__PURE__ */ React21.createElement(
+    Comp,
+    __spreadValues({
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className }))
+    }, props)
+  );
+}
+function Card(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "card",
+      className: cn(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
+      )
+    }, props)
+  );
+}
+function CardHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "card-header",
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      )
+    }, props)
+  );
+}
+function CardTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "card-title",
+      className: cn("leading-none font-semibold", className)
+    }, props)
+  );
+}
+function CardDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "card-description",
+      className: cn("text-muted-foreground text-sm", className)
+    }, props)
+  );
+}
+function CardAction(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "card-action",
+      className: cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      )
+    }, props)
+  );
+}
+function CardContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "card-content",
+      className: cn("px-6", className)
+    }, props)
+  );
+}
+function CardFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "card-footer",
+      className: cn("flex items-center px-6 [.border-t]:pt-6", className)
+    }, props)
+  );
+}
+var THEMES = { light: "", dark: ".dark" };
+var ChartContext = React21.createContext(null);
+function useChart() {
+  const context = React21.useContext(ChartContext);
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />");
+  }
+  return context;
+}
+function ChartContainer(_a) {
+  var _b = _a, {
+    id,
+    className,
+    children,
+    config
+  } = _b, props = __objRest(_b, [
+    "id",
+    "className",
+    "children",
+    "config"
+  ]);
+  const uniqueId = React21.useId();
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ React21.createElement(ChartContext.Provider, { value: { config } }, /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "chart",
+      "data-chart": chartId,
+      className: cn(
+        "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
+        className
+      )
+    }, props),
+    /* @__PURE__ */ React21.createElement(ChartStyle, { id: chartId, config }),
+    /* @__PURE__ */ React21.createElement(RechartsPrimitive.ResponsiveContainer, null, children)
+  ));
+}
+var ChartStyle = ({ id, config }) => {
+  const colorConfig = Object.entries(config).filter(
+    ([, config2]) => config2.theme || config2.color
+  );
+  if (!colorConfig.length) {
+    return null;
+  }
+  return /* @__PURE__ */ React21.createElement(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(THEMES).map(
+          ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig.map(([key, itemConfig]) => {
+            var _a;
+            const color = ((_a = itemConfig.theme) == null ? void 0 : _a[theme]) || itemConfig.color;
+            return color ? `  --color-${key}: ${color};` : null;
+          }).join("\n")}
+}
+`
+        ).join("\n")
+      }
+    }
+  );
+};
+var ChartTooltip = RechartsPrimitive.Tooltip;
+function ChartTooltipContent({
+  active,
+  payload,
+  className,
+  indicator = "dot",
+  hideLabel = false,
+  hideIndicator = false,
+  label,
+  labelFormatter,
+  labelClassName,
+  formatter,
+  color,
+  nameKey,
+  labelKey
+}) {
+  const { config } = useChart();
+  const tooltipLabel = React21.useMemo(() => {
+    var _a;
+    if (hideLabel || !(payload == null ? void 0 : payload.length)) {
+      return null;
+    }
+    const [item] = payload;
+    const key = `${labelKey || (item == null ? void 0 : item.dataKey) || (item == null ? void 0 : item.name) || "value"}`;
+    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+    const value = !labelKey && typeof label === "string" ? ((_a = config[label]) == null ? void 0 : _a.label) || label : itemConfig == null ? void 0 : itemConfig.label;
+    if (labelFormatter) {
+      return /* @__PURE__ */ React21.createElement("div", { className: cn("font-medium", labelClassName) }, labelFormatter(value, payload));
+    }
+    if (!value) {
+      return null;
+    }
+    return /* @__PURE__ */ React21.createElement("div", { className: cn("font-medium", labelClassName) }, value);
+  }, [
+    label,
+    labelFormatter,
+    payload,
+    hideLabel,
+    labelClassName,
+    config,
+    labelKey
+  ]);
+  if (!active || !(payload == null ? void 0 : payload.length)) {
+    return null;
+  }
+  const nestLabel = payload.length === 1 && indicator !== "dot";
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    {
+      className: cn(
+        "border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",
+        className
+      )
+    },
+    !nestLabel ? tooltipLabel : null,
+    /* @__PURE__ */ React21.createElement("div", { className: "grid gap-1.5" }, payload.map((item, index) => {
+      var _a, _b;
+      const key = `${nameKey || item.name || item.dataKey || "value"}`;
+      const itemConfig = getPayloadConfigFromPayload(config, item, key);
+      const indicatorColor = color || ((_a = item.payload) == null ? void 0 : _a.fill) || item.color;
+      return /* @__PURE__ */ React21.createElement(
+        "div",
+        {
+          key: item.dataKey,
+          className: cn(
+            "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
+            indicator === "dot" && "items-center"
+          )
+        },
+        formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, (_b = item.payload) != null ? _b : {}) : /* @__PURE__ */ React21.createElement(React21.Fragment, null, (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ React21.createElement(itemConfig.icon, null) : !hideIndicator && /* @__PURE__ */ React21.createElement(
+          "div",
+          {
+            className: cn(
+              "shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",
+              {
+                "h-2.5 w-2.5": indicator === "dot",
+                "w-1": indicator === "line",
+                "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+                "my-0.5": nestLabel && indicator === "dashed"
+              }
+            ),
+            style: {
+              "--color-bg": indicatorColor,
+              "--color-border": indicatorColor
+            }
+          }
+        ), /* @__PURE__ */ React21.createElement(
+          "div",
+          {
+            className: cn(
+              "flex flex-1 justify-between leading-none",
+              nestLabel ? "items-end" : "items-center"
+            )
+          },
+          /* @__PURE__ */ React21.createElement("div", { className: "grid gap-1.5" }, nestLabel ? tooltipLabel : null, /* @__PURE__ */ React21.createElement("span", { className: "text-muted-foreground" }, (itemConfig == null ? void 0 : itemConfig.label) || item.name)),
+          item.value && /* @__PURE__ */ React21.createElement("span", { className: "text-foreground font-mono font-medium tabular-nums" }, item.value.toLocaleString())
+        ))
+      );
+    }))
+  );
+}
+var ChartLegend = RechartsPrimitive.Legend;
+function ChartLegendContent({
+  className,
+  hideIcon = false,
+  payload,
+  verticalAlign = "bottom",
+  nameKey
+}) {
+  const { config } = useChart();
+  if (!(payload == null ? void 0 : payload.length)) {
+    return null;
+  }
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    {
+      className: cn(
+        "flex items-center justify-center gap-4",
+        verticalAlign === "top" ? "pb-3" : "pt-3",
+        className
+      )
+    },
+    payload.map((item) => {
+      const key = `${nameKey || item.dataKey || "value"}`;
+      const itemConfig = getPayloadConfigFromPayload(config, item, key);
+      return /* @__PURE__ */ React21.createElement(
+        "div",
+        {
+          key: item.value,
+          className: cn(
+            "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
+          )
+        },
+        (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ React21.createElement(itemConfig.icon, null) : /* @__PURE__ */ React21.createElement(
+          "div",
+          {
+            className: "h-2 w-2 shrink-0 rounded-[2px]",
+            style: {
+              backgroundColor: item.color
+            }
+          }
+        ),
+        itemConfig == null ? void 0 : itemConfig.label
+      );
+    })
+  );
+}
+function getPayloadConfigFromPayload(config, payload, key) {
+  if (typeof payload !== "object" || payload === null) {
+    return void 0;
+  }
+  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
+  let configLabelKey = key;
+  if (key in payload && typeof payload[key] === "string") {
+    configLabelKey = payload[key];
+  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
+    configLabelKey = payloadPayload[key];
+  }
+  return configLabelKey in config ? config[configLabelKey] : config[key];
+}
+function DetailViewHeader({
+  title,
+  breadcrumbs,
+  badges,
+  onBack
+}) {
+  return /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col gap-4 mb-6" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2 text-sm text-muted-foreground" }, onBack && /* @__PURE__ */ React21.createElement(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      className: "h-6 px-2 text-muted-foreground hover:text-foreground -ml-2",
+      onClick: onBack
+    },
+    /* @__PURE__ */ React21.createElement(ArrowLeft, { className: "w-4 h-4 mr-1" }),
+    "Back"
+  ), /* @__PURE__ */ React21.createElement("span", { className: "text-muted-foreground/50" }, "\xB7"), breadcrumbs), /* @__PURE__ */ React21.createElement("h1", { className: "text-2xl font-bold tracking-tight text-foreground" }, title), /* @__PURE__ */ React21.createElement("div", { className: "flex flex-wrap items-center gap-2" }, badges));
+}
+function DetailViewSummary({
+  title = "Here's what I found",
+  children,
+  sources
+}) {
+  const [showSources, setShowSources] = React21.useState(false);
+  return /* @__PURE__ */ React21.createElement("div", { className: "relative pl-4 mb-8" }, /* @__PURE__ */ React21.createElement("div", { className: "absolute left-0 top-1 bottom-1 w-1 bg-brand-purple rounded-full" }), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React21.createElement("h2", { className: "text-base font-semibold text-foreground" }, title), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React21.createElement(Button, { variant: "ghost", size: "icon", className: "h-7 w-7 text-muted-foreground hover:text-foreground" }, /* @__PURE__ */ React21.createElement(ThumbsUp, { className: "w-3.5 h-3.5" })), /* @__PURE__ */ React21.createElement(Button, { variant: "ghost", size: "icon", className: "h-7 w-7 text-muted-foreground hover:text-foreground" }, /* @__PURE__ */ React21.createElement(ThumbsDown, { className: "w-3.5 h-3.5" })))), /* @__PURE__ */ React21.createElement("div", { className: "space-y-3 text-sm text-foreground/90" }, children), sources && /* @__PURE__ */ React21.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React21.createElement(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      onClick: () => setShowSources(!showSources),
+      className: "h-6 px-0 text-xs font-semibold text-muted-foreground hover:text-foreground uppercase tracking-wider bg-transparent"
+    },
+    "SOURCES",
+    showSources ? /* @__PURE__ */ React21.createElement(ChevronUp, { className: "w-3.5 h-3.5 ml-1" }) : /* @__PURE__ */ React21.createElement(ChevronDown, { className: "w-3.5 h-3.5 ml-1" })
+  ), showSources && /* @__PURE__ */ React21.createElement("div", { className: "mt-2 text-sm text-muted-foreground" }, sources)));
+}
+function Citation({ number }) {
+  return /* @__PURE__ */ React21.createElement("span", { className: "inline-flex items-center justify-center w-4 h-4 rounded-full bg-muted border border-border text-[9px] font-medium text-muted-foreground ml-1 align-middle cursor-pointer hover:bg-muted/80" }, number);
+}
+function DetailViewThread({
+  title,
+  actionCount,
+  children
+}) {
+  return /* @__PURE__ */ React21.createElement("div", { className: "mt-8 border-t border-border pt-8" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React21.createElement("h3", { className: "text-xs font-bold text-muted-foreground uppercase tracking-wider" }, title), actionCount !== void 0 && /* @__PURE__ */ React21.createElement("span", { className: "text-sm text-muted-foreground" }, actionCount, " actions")), /* @__PURE__ */ React21.createElement("div", { className: "rounded-xl border border-border bg-card overflow-hidden shadow-sm" }, children));
+}
+function ThreadMessage({
+  icon,
+  subject,
+  time,
+  messageCount,
+  threadLink,
+  sender,
+  senderTime,
+  children,
+  isExpanded = true
+}) {
+  return /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between p-4 border-b border-border bg-card hover:bg-muted/30 cursor-pointer" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-3" }, icon || /* @__PURE__ */ React21.createElement(MessageSquare, { className: "w-4 h-4 text-muted-foreground" }), /* @__PURE__ */ React21.createElement("span", { className: "font-semibold text-sm" }, subject)), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-3 text-xs text-muted-foreground" }, time, /* @__PURE__ */ React21.createElement(ChevronUp, { className: "w-4 h-4" }))), messageCount !== void 0 && /* @__PURE__ */ React21.createElement("div", { className: "px-4 py-2 bg-muted/20 border-b border-border text-xs text-muted-foreground flex items-center gap-2" }, messageCount, " messages in this thread \xB7", threadLink && /* @__PURE__ */ React21.createElement("a", { href: threadLink, className: "underline hover:text-foreground" }, "View thread")), isExpanded && /* @__PURE__ */ React21.createElement("div", { className: "p-4" }, sender && /* @__PURE__ */ React21.createElement("div", { className: "flex items-center justify-between mb-2" }, /* @__PURE__ */ React21.createElement("span", { className: "font-semibold text-sm" }, sender), senderTime && /* @__PURE__ */ React21.createElement("span", { className: "text-xs text-muted-foreground" }, senderTime)), /* @__PURE__ */ React21.createElement("div", { className: "text-sm text-foreground/90 space-y-4 leading-relaxed" }, children)));
+}
+function Dialog(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(Dialog$1.Root, __spreadValues({ "data-slot": "dialog" }, props));
+}
+function DialogTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(Dialog$1.Trigger, __spreadValues({ "data-slot": "dialog-trigger" }, props));
+}
+function DialogPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(Dialog$1.Portal, __spreadValues({ "data-slot": "dialog-portal" }, props));
+}
+function DialogClose(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(Dialog$1.Close, __spreadValues({ "data-slot": "dialog-close" }, props));
+}
+function DialogOverlay(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Dialog$1.Overlay,
+    __spreadValues({
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      )
+    }, props)
+  );
+}
+function DialogContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    showCloseButton = true
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "showCloseButton"
+  ]);
+  return /* @__PURE__ */ React21.createElement(DialogPortal, { "data-slot": "dialog-portal" }, /* @__PURE__ */ React21.createElement(DialogOverlay, null), /* @__PURE__ */ React21.createElement(
+    Dialog$1.Content,
+    __spreadValues({
+      "data-slot": "dialog-content",
+      className: cn(
+        "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
+        className
+      )
+    }, props),
+    children,
+    showCloseButton && /* @__PURE__ */ React21.createElement(
+      Dialog$1.Close,
+      {
+        "data-slot": "dialog-close",
+        className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+      },
+      /* @__PURE__ */ React21.createElement(XIcon, null),
+      /* @__PURE__ */ React21.createElement("span", { className: "sr-only" }, "Close")
+    )
+  ));
+}
+function DialogHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className)
+    }, props)
+  );
+}
+function DialogFooter(_a) {
+  var _b = _a, {
+    className,
+    showCloseButton = false,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "showCloseButton",
+    "children"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      )
+    }, props),
+    children,
+    showCloseButton && /* @__PURE__ */ React21.createElement(Dialog$1.Close, { asChild: true }, /* @__PURE__ */ React21.createElement(Button, { variant: "outline" }, "Close"))
+  );
+}
+function DialogTitle(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Dialog$1.Title,
+    __spreadValues({
+      "data-slot": "dialog-title",
+      className: cn("text-lg leading-none font-semibold", className)
+    }, props)
+  );
+}
+function DialogDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Dialog$1.Description,
+    __spreadValues({
+      "data-slot": "dialog-description",
+      className: cn("text-muted-foreground text-sm", className)
+    }, props)
+  );
+}
+function DropdownMenu(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(DropdownMenu$1.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+}
+function DropdownMenuPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(DropdownMenu$1.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
+}
+function DropdownMenuTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(
+    DropdownMenu$1.Trigger,
+    __spreadValues({
+      "data-slot": "dropdown-menu-trigger"
+    }, props)
+  );
+}
+function DropdownMenuContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 4
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset"
+  ]);
+  return /* @__PURE__ */ React21.createElement(DropdownMenu$1.Portal, null, /* @__PURE__ */ React21.createElement(
+    DropdownMenu$1.Content,
+    __spreadValues({
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        className
+      )
+    }, props)
+  ));
+}
+function DropdownMenuGroup(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(DropdownMenu$1.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
+}
+function DropdownMenuItem(_a) {
+  var _b = _a, {
+    className,
+    inset,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset",
+    "variant"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    DropdownMenu$1.Item,
+    __spreadValues({
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )
+    }, props)
+  );
+}
+function DropdownMenuCheckboxItem(_a) {
+  var _b = _a, {
+    className,
+    children,
+    checked
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "checked"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    DropdownMenu$1.CheckboxItem,
+    __spreadValues({
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      checked
+    }, props),
+    /* @__PURE__ */ React21.createElement("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React21.createElement(DropdownMenu$1.ItemIndicator, null, /* @__PURE__ */ React21.createElement(CheckIcon, { className: "size-4" }))),
+    children
+  );
+}
+function DropdownMenuRadioGroup(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(
+    DropdownMenu$1.RadioGroup,
+    __spreadValues({
+      "data-slot": "dropdown-menu-radio-group"
+    }, props)
+  );
+}
+function DropdownMenuRadioItem(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    DropdownMenu$1.RadioItem,
+    __spreadValues({
+      "data-slot": "dropdown-menu-radio-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )
+    }, props),
+    /* @__PURE__ */ React21.createElement("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center" }, /* @__PURE__ */ React21.createElement(DropdownMenu$1.ItemIndicator, null, /* @__PURE__ */ React21.createElement(CircleIcon, { className: "size-2 fill-current" }))),
+    children
+  );
+}
+function DropdownMenuLabel(_a) {
+  var _b = _a, {
+    className,
+    inset
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    DropdownMenu$1.Label,
+    __spreadValues({
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: cn(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      )
+    }, props)
+  );
+}
+function DropdownMenuSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    DropdownMenu$1.Separator,
+    __spreadValues({
+      "data-slot": "dropdown-menu-separator",
+      className: cn("bg-border -mx-1 my-1 h-px", className)
+    }, props)
+  );
+}
+function DropdownMenuShortcut(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    "span",
+    __spreadValues({
+      "data-slot": "dropdown-menu-shortcut",
+      className: cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      )
+    }, props)
+  );
+}
+function DropdownMenuSub(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(DropdownMenu$1.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
+}
+function DropdownMenuSubTrigger(_a) {
+  var _b = _a, {
+    className,
+    inset,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset",
+    "children"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    DropdownMenu$1.SubTrigger,
+    __spreadValues({
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )
+    }, props),
+    children,
+    /* @__PURE__ */ React21.createElement(ChevronRightIcon, { className: "ml-auto size-4" })
+  );
+}
+function DropdownMenuSubContent(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    DropdownMenu$1.SubContent,
+    __spreadValues({
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",
+        className
+      )
+    }, props)
+  );
+}
+var InboxRow = React21.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      itemId,
+      statusColor,
+      primaryText,
+      secondaryText,
+      tertiaryText,
+      isAtRisk = false,
+      contactMethods = { phone: true, email: true, message: true },
+      interactionCount,
+      assignee,
+      status,
+      time
+    } = _b, props = __objRest(_b, [
+      "className",
+      "itemId",
+      "statusColor",
+      "primaryText",
+      "secondaryText",
+      "tertiaryText",
+      "isAtRisk",
+      "contactMethods",
+      "interactionCount",
+      "assignee",
+      "status",
+      "time"
+    ]);
+    return /* @__PURE__ */ React21.createElement(
+      "div",
+      __spreadValues({
+        ref,
+        className: cn(
+          "group flex items-center gap-4 py-3 px-4 border-b border-border hover:bg-muted/50 cursor-pointer bg-background transition-colors text-sm",
+          className
+        )
+      }, props),
+      /* @__PURE__ */ React21.createElement("div", { className: "w-24 shrink-0 text-muted-foreground font-medium text-[13px]" }, itemId),
+      /* @__PURE__ */ React21.createElement("div", { className: "flex-1 min-w-0 flex items-center gap-3" }, /* @__PURE__ */ React21.createElement(
+        "div",
+        {
+          className: cn("w-2 h-2 rounded-full shrink-0", {
+            "bg-red-500": statusColor === "red",
+            "bg-orange-500": statusColor === "orange",
+            "bg-gray-300": statusColor === "gray"
+          })
+        }
+      ), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-1.5 truncate" }, /* @__PURE__ */ React21.createElement("span", { className: "font-semibold text-foreground" }, primaryText), /* @__PURE__ */ React21.createElement("span", { className: "text-muted-foreground" }, "via ", secondaryText), /* @__PURE__ */ React21.createElement("span", { className: "text-muted-foreground" }, "\u2192"), /* @__PURE__ */ React21.createElement("span", { className: "text-muted-foreground" }, tertiaryText))),
+      /* @__PURE__ */ React21.createElement("div", { className: "w-24 shrink-0 flex items-center justify-end px-2" }, isAtRisk && /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-1 text-red-600 bg-red-50 px-2 py-0.5 rounded-md text-[11px] font-medium border border-red-100" }, /* @__PURE__ */ React21.createElement(AlertCircle, { className: "w-3 h-3" }), "At Risk")),
+      /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2 text-muted-foreground/40 shrink-0 w-20 justify-center" }, /* @__PURE__ */ React21.createElement(Phone, { className: cn("w-3.5 h-3.5", contactMethods.phone && "text-muted-foreground/80") }), /* @__PURE__ */ React21.createElement(Mail, { className: cn("w-3.5 h-3.5", contactMethods.email && "text-muted-foreground/80") }), /* @__PURE__ */ React21.createElement(MessageSquare, { className: cn("w-3.5 h-3.5", contactMethods.message && "text-muted-foreground/80") })),
+      /* @__PURE__ */ React21.createElement("div", { className: "w-12 shrink-0 flex items-center justify-center" }, /* @__PURE__ */ React21.createElement(
+        "div",
+        {
+          className: cn(
+            "text-[11px] font-medium px-1.5 py-0.5 rounded border",
+            typeof interactionCount === "string" && interactionCount.includes("+") ? "bg-red-50 border-red-200 text-red-700" : Number(interactionCount) > 2 ? "bg-yellow-50 border-yellow-200 text-yellow-700" : "bg-muted border-border text-foreground"
+          )
+        },
+        interactionCount
+      )),
+      /* @__PURE__ */ React21.createElement("div", { className: "w-32 shrink-0 text-[13px] font-medium text-foreground truncate" }, assignee),
+      /* @__PURE__ */ React21.createElement("div", { className: "w-28 shrink-0" }, /* @__PURE__ */ React21.createElement("div", { className: "inline-flex items-center bg-muted/80 px-2 py-0.5 rounded text-[11px] font-medium text-muted-foreground" }, status)),
+      /* @__PURE__ */ React21.createElement("div", { className: "w-24 shrink-0 text-right text-[12px] text-muted-foreground" }, time)
+    );
+  }
+);
+InboxRow.displayName = "InboxRow";
+function InboxGroupHeader({ title, count }) {
+  return /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-2 py-2 px-4 bg-muted/30 border-b border-border text-[11px] font-bold text-muted-foreground uppercase tracking-wider" }, /* @__PURE__ */ React21.createElement(ChevronDown, { className: "w-3.5 h-3.5" }), title, /* @__PURE__ */ React21.createElement("span", { className: "bg-background border border-border px-1.5 py-0.5 rounded text-[10px]" }, count));
+}
+function Input(_a) {
+  var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
+  return /* @__PURE__ */ React21.createElement(
+    "input",
+    __spreadValues({
+      type,
+      "data-slot": "input",
+      className: cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      )
+    }, props)
+  );
+}
+function Label(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    LabelPrimitive.Root,
+    __spreadValues({
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      )
+    }, props)
+  );
+}
+function MetricCard({
+  title,
+  value,
+  unit,
+  subtitle,
+  change,
+  footerText,
+  dataPoints,
+  showExternalLink,
+  showInfo = true
+}) {
+  const renderDonut = () => {
+    if (!dataPoints || dataPoints.length === 0 || value === void 0) return null;
+    const size = 80;
+    const strokeWidth = 12;
+    const radius = (size - strokeWidth) / 2;
+    const circumference = 2 * Math.PI * radius;
+    const total = dataPoints.reduce((sum, dp) => sum + (typeof dp.value === "number" ? dp.value : 0), 0);
+    let currentOffset = 0;
+    return /* @__PURE__ */ React21.createElement("div", { className: "relative", style: { width: size, height: size } }, /* @__PURE__ */ React21.createElement("svg", { width: size, height: size, className: "transform -rotate-90" }, dataPoints.map((dp, i) => {
+      const val = typeof dp.value === "number" ? dp.value : 0;
+      const percentage = val / total;
+      const strokeLength = percentage * circumference;
+      const offset = currentOffset;
+      currentOffset += strokeLength;
+      const colors = ["#166534", "#22c55e", "#6ee7b7", "#ccfbf1", "#f1f5f9"];
+      const color = dp.color || colors[i % colors.length];
+      return /* @__PURE__ */ React21.createElement(
+        "circle",
+        {
+          key: dp.label,
+          cx: size / 2,
+          cy: size / 2,
+          r: radius,
+          fill: "none",
+          stroke: color,
+          strokeWidth,
+          strokeDasharray: `${Math.max(strokeLength - 2, 0)} ${circumference}`,
+          strokeDashoffset: -offset,
+          className: "transition-all duration-300"
+        }
+      );
+    })), /* @__PURE__ */ React21.createElement("div", { className: "absolute inset-0 flex items-center justify-center flex-col" }, /* @__PURE__ */ React21.createElement("span", { className: "text-xl font-bold text-foreground leading-none" }, value)));
+  };
+  return /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col rounded-xl border border-border bg-card p-5 shadow-sm h-full w-full" }, /* @__PURE__ */ React21.createElement("div", { className: cn("flex justify-between items-start", title ? "mb-4" : "mb-4") }, title ? /* @__PURE__ */ React21.createElement("h3", { className: "font-semibold text-sm text-foreground/80" }, title) : /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ React21.createElement("span", { className: "text-3xl font-bold tracking-tight text-foreground" }, value), unit && /* @__PURE__ */ React21.createElement("span", { className: "text-2xl font-bold tracking-tight text-foreground" }, unit)), subtitle && /* @__PURE__ */ React21.createElement("p", { className: "text-sm font-medium text-muted-foreground mt-2" }, subtitle)), /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-1.5 text-muted-foreground shrink-0 mt-0.5" }, showExternalLink && /* @__PURE__ */ React21.createElement(ExternalLink, { className: "w-3.5 h-3.5 cursor-pointer hover:text-foreground transition-colors" }), showInfo && /* @__PURE__ */ React21.createElement(Info, { className: "w-3.5 h-3.5 cursor-pointer hover:text-foreground transition-colors" }))), /* @__PURE__ */ React21.createElement("div", { className: "flex-1 flex flex-col min-w-0" }, dataPoints && dataPoints.length > 0 ? (
+    // Donut Chart Variant
+    /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-4 mt-2 mb-6" }, /* @__PURE__ */ React21.createElement("div", { className: "shrink-0" }, renderDonut()), /* @__PURE__ */ React21.createElement("div", { className: "flex flex-col gap-2 flex-1 min-w-0" }, dataPoints.slice(0, 5).map((dp, i) => {
+      const colors = ["bg-[#166534]", "bg-[#22c55e]", "bg-[#6ee7b7]", "bg-[#ccfbf1]", "bg-[#f1f5f9]"];
+      return /* @__PURE__ */ React21.createElement("div", { key: dp.label, className: "flex items-center justify-between gap-2 text-[11px] font-medium min-w-0" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-1.5 text-muted-foreground min-w-0" }, /* @__PURE__ */ React21.createElement("div", { className: cn("w-1.5 h-1.5 rounded-full shrink-0", dp.color ? "" : colors[i % colors.length]), style: dp.color ? { backgroundColor: dp.color } : {} }), /* @__PURE__ */ React21.createElement("span", { className: "truncate" }, dp.label)), /* @__PURE__ */ React21.createElement("span", { className: "text-foreground font-semibold shrink-0" }, dp.value));
+    })))
+  ) : title && // Standard Big Number Variant (only if title exists)
+  /* @__PURE__ */ React21.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React21.createElement("div", { className: "flex items-baseline gap-1" }, /* @__PURE__ */ React21.createElement("span", { className: "text-4xl font-bold tracking-tight text-foreground" }, value), unit && /* @__PURE__ */ React21.createElement("span", { className: "text-2xl font-bold tracking-tight text-foreground" }, unit)), subtitle && /* @__PURE__ */ React21.createElement("p", { className: "text-sm font-medium text-muted-foreground mt-1" }, subtitle)), /* @__PURE__ */ React21.createElement("div", { className: "mt-auto flex flex-col gap-1.5" }, change && /* @__PURE__ */ React21.createElement("div", { className: "flex items-center gap-1" }, (() => {
+    const isGoodDirection = change.isGood !== void 0 ? change.isGood : change.direction === "up";
+    const colorClass = isGoodDirection ? "text-emerald-600" : "text-red-600";
+    const Icon = change.direction === "down" ? ArrowDown : ArrowUp;
+    return /* @__PURE__ */ React21.createElement("span", { className: cn("text-xs font-semibold flex items-center gap-0.5", colorClass) }, /* @__PURE__ */ React21.createElement(Icon, { className: "w-3 h-3 stroke-[3]" }), change.value);
+  })()), footerText && /* @__PURE__ */ React21.createElement("span", { className: "text-[11px] text-muted-foreground font-medium" }, footerText))));
+}
+function ScrollArea(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    ScrollArea$1.Root,
+    __spreadValues({
+      "data-slot": "scroll-area",
+      className: cn("relative", className)
+    }, props),
+    /* @__PURE__ */ React21.createElement(
+      ScrollArea$1.Viewport,
+      {
+        "data-slot": "scroll-area-viewport",
+        className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+      },
+      children
+    ),
+    /* @__PURE__ */ React21.createElement(ScrollBar, null),
+    /* @__PURE__ */ React21.createElement(ScrollArea$1.Corner, null)
+  );
+}
+function ScrollBar(_a) {
+  var _b = _a, {
+    className,
+    orientation = "vertical"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    ScrollArea$1.ScrollAreaScrollbar,
+    __spreadValues({
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      )
+    }, props),
+    /* @__PURE__ */ React21.createElement(
+      ScrollArea$1.ScrollAreaThumb,
+      {
+        "data-slot": "scroll-area-thumb",
+        className: "bg-border relative flex-1 rounded-full"
+      }
+    )
+  );
+}
+function Select(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(Select$1.Root, __spreadValues({ "data-slot": "select" }, props));
+}
+function SelectGroup(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(Select$1.Group, __spreadValues({ "data-slot": "select-group" }, props));
+}
+function SelectValue(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(Select$1.Value, __spreadValues({ "data-slot": "select-value" }, props));
+}
+function SelectTrigger(_a) {
+  var _b = _a, {
+    className,
+    size = "default",
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "children"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Select$1.Trigger,
+    __spreadValues({
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )
+    }, props),
+    children,
+    /* @__PURE__ */ React21.createElement(Select$1.Icon, { asChild: true }, /* @__PURE__ */ React21.createElement(ChevronDownIcon, { className: "size-4 opacity-50" }))
+  );
+}
+function SelectContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    position = "item-aligned",
+    align = "center"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "position",
+    "align"
+  ]);
+  return /* @__PURE__ */ React21.createElement(Select$1.Portal, null, /* @__PURE__ */ React21.createElement(
+    Select$1.Content,
+    __spreadValues({
+      "data-slot": "select-content",
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      align
+    }, props),
+    /* @__PURE__ */ React21.createElement(SelectScrollUpButton, null),
+    /* @__PURE__ */ React21.createElement(
+      Select$1.Viewport,
+      {
+        className: cn(
+          "p-1",
+          position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+        )
+      },
+      children
+    ),
+    /* @__PURE__ */ React21.createElement(SelectScrollDownButton, null)
+  ));
+}
+function SelectLabel(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Select$1.Label,
+    __spreadValues({
+      "data-slot": "select-label",
+      className: cn("text-muted-foreground px-2 py-1.5 text-xs", className)
+    }, props)
+  );
+}
+function SelectItem(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Select$1.Item,
+    __spreadValues({
+      "data-slot": "select-item",
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      )
+    }, props),
+    /* @__PURE__ */ React21.createElement(
+      "span",
+      {
+        "data-slot": "select-item-indicator",
+        className: "absolute right-2 flex size-3.5 items-center justify-center"
+      },
+      /* @__PURE__ */ React21.createElement(Select$1.ItemIndicator, null, /* @__PURE__ */ React21.createElement(CheckIcon, { className: "size-4" }))
+    ),
+    /* @__PURE__ */ React21.createElement(Select$1.ItemText, null, children)
+  );
+}
+function SelectSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Select$1.Separator,
+    __spreadValues({
+      "data-slot": "select-separator",
+      className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)
+    }, props)
+  );
+}
+function SelectScrollUpButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Select$1.ScrollUpButton,
+    __spreadValues({
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )
+    }, props),
+    /* @__PURE__ */ React21.createElement(ChevronUpIcon, { className: "size-4" })
+  );
+}
+function SelectScrollDownButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Select$1.ScrollDownButton,
+    __spreadValues({
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )
+    }, props),
+    /* @__PURE__ */ React21.createElement(ChevronDownIcon, { className: "size-4" })
+  );
+}
+function Separator(_a) {
+  var _b = _a, {
+    className,
+    orientation = "horizontal",
+    decorative = true
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation",
+    "decorative"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Separator$1.Root,
+    __spreadValues({
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      )
+    }, props)
+  );
+}
+function Sheet(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(Dialog$1.Root, __spreadValues({ "data-slot": "sheet" }, props));
+}
+function SheetTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(Dialog$1.Trigger, __spreadValues({ "data-slot": "sheet-trigger" }, props));
+}
+function SheetClose(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(Dialog$1.Close, __spreadValues({ "data-slot": "sheet-close" }, props));
+}
+function SheetPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(Dialog$1.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+}
+function SheetOverlay(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Dialog$1.Overlay,
+    __spreadValues({
+      "data-slot": "sheet-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      )
+    }, props)
+  );
+}
+function SheetContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    side = "right",
+    showCloseButton = true
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "side",
+    "showCloseButton"
+  ]);
+  return /* @__PURE__ */ React21.createElement(SheetPortal, null, /* @__PURE__ */ React21.createElement(SheetOverlay, null), /* @__PURE__ */ React21.createElement(
+    Dialog$1.Content,
+    __spreadValues({
+      "data-slot": "sheet-content",
+      className: cn(
+        "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+        side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+        side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+        side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+        side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+        className
+      )
+    }, props),
+    children,
+    showCloseButton && /* @__PURE__ */ React21.createElement(Dialog$1.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none" }, /* @__PURE__ */ React21.createElement(XIcon, { className: "size-4" }), /* @__PURE__ */ React21.createElement("span", { className: "sr-only" }, "Close"))
+  ));
+}
+function SheetHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-1.5 p-4", className)
+    }, props)
+  );
+}
+function SheetFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "sheet-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className)
+    }, props)
+  );
+}
+function SheetTitle(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Dialog$1.Title,
+    __spreadValues({
+      "data-slot": "sheet-title",
+      className: cn("text-foreground font-semibold", className)
+    }, props)
+  );
+}
+function SheetDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Dialog$1.Description,
+    __spreadValues({
+      "data-slot": "sheet-description",
+      className: cn("text-muted-foreground text-sm", className)
+    }, props)
+  );
+}
+
+// registry/new-york/ui/skeleton.tsx
+function Skeleton(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "skeleton",
+      className: cn("bg-accent animate-pulse rounded-md", className)
+    }, props)
+  );
+}
+function TooltipProvider(_a) {
+  var _b = _a, {
+    delayDuration = 0
+  } = _b, props = __objRest(_b, [
+    "delayDuration"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Tooltip.Provider,
+    __spreadValues({
+      "data-slot": "tooltip-provider",
+      delayDuration
+    }, props)
+  );
+}
+function Tooltip2(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(Tooltip.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+}
+function TooltipTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ React21.createElement(Tooltip.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+}
+function TooltipContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 0,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "children"
+  ]);
+  return /* @__PURE__ */ React21.createElement(Tooltip.Portal, null, /* @__PURE__ */ React21.createElement(
+    Tooltip.Content,
+    __spreadValues({
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        className
+      )
+    }, props),
+    children,
+    /* @__PURE__ */ React21.createElement(Tooltip.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+  ));
+}
+
+// registry/new-york/ui/sidebar.tsx
+var SIDEBAR_COOKIE_NAME = "sidebar_state";
+var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+var SIDEBAR_WIDTH = "16rem";
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SIDEBAR_WIDTH_ICON = "3rem";
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var SidebarContext = React21.createContext(null);
+function useSidebar() {
+  const context = React21.useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  }
+  return context;
+}
+function SidebarProvider(_a) {
+  var _b = _a, {
+    defaultOpen = true,
+    open: openProp,
+    onOpenChange: setOpenProp,
+    className,
+    style,
+    children
+  } = _b, props = __objRest(_b, [
+    "defaultOpen",
+    "open",
+    "onOpenChange",
+    "className",
+    "style",
+    "children"
+  ]);
+  const isMobile = useIsMobile();
+  const [openMobile, setOpenMobile] = React21.useState(false);
+  const [_open, _setOpen] = React21.useState(defaultOpen);
+  const open = openProp != null ? openProp : _open;
+  const setOpen = React21.useCallback(
+    (value) => {
+      const openState = typeof value === "function" ? value(open) : value;
+      if (setOpenProp) {
+        setOpenProp(openState);
+      } else {
+        _setOpen(openState);
+      }
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+    },
+    [setOpenProp, open]
+  );
+  const toggleSidebar = React21.useCallback(() => {
+    return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
+  }, [isMobile, setOpen, setOpenMobile]);
+  React21.useEffect(() => {
+    const handleKeyDown = (event) => {
+      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        toggleSidebar();
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [toggleSidebar]);
+  const state = open ? "expanded" : "collapsed";
+  const contextValue = React21.useMemo(
+    () => ({
+      state,
+      open,
+      setOpen,
+      isMobile,
+      openMobile,
+      setOpenMobile,
+      toggleSidebar
+    }),
+    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+  );
+  return /* @__PURE__ */ React21.createElement(SidebarContext.Provider, { value: contextValue }, /* @__PURE__ */ React21.createElement(TooltipProvider, { delayDuration: 0 }, /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-wrapper",
+      style: __spreadValues({
+        "--sidebar-width": SIDEBAR_WIDTH,
+        "--sidebar-width-icon": SIDEBAR_WIDTH_ICON
+      }, style),
+      className: cn(
+        "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
+        className
+      )
+    }, props),
+    children
+  )));
+}
+function Sidebar(_a) {
+  var _b = _a, {
+    side = "left",
+    variant = "sidebar",
+    collapsible = "offcanvas",
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "side",
+    "variant",
+    "collapsible",
+    "className",
+    "children"
+  ]);
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+  if (collapsible === "none") {
+    return /* @__PURE__ */ React21.createElement(
+      "div",
+      __spreadValues({
+        "data-slot": "sidebar",
+        className: cn(
+          "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",
+          className
+        )
+      }, props),
+      children
+    );
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ React21.createElement(Sheet, __spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), /* @__PURE__ */ React21.createElement(
+      SheetContent,
+      {
+        "data-sidebar": "sidebar",
+        "data-slot": "sidebar",
+        "data-mobile": "true",
+        className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
+        style: {
+          "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+        },
+        side
+      },
+      /* @__PURE__ */ React21.createElement(SheetHeader, { className: "sr-only" }, /* @__PURE__ */ React21.createElement(SheetTitle, null, "Sidebar"), /* @__PURE__ */ React21.createElement(SheetDescription, null, "Displays the mobile sidebar.")),
+      /* @__PURE__ */ React21.createElement("div", { className: "flex h-full w-full flex-col" }, children)
+    ));
+  }
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    {
+      className: "group peer text-sidebar-foreground hidden md:block",
+      "data-state": state,
+      "data-collapsible": state === "collapsed" ? collapsible : "",
+      "data-variant": variant,
+      "data-side": side,
+      "data-slot": "sidebar"
+    },
+    /* @__PURE__ */ React21.createElement(
+      "div",
+      {
+        "data-slot": "sidebar-gap",
+        className: cn(
+          "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
+          "group-data-[collapsible=offcanvas]:w-0",
+          "group-data-[side=right]:rotate-180",
+          variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+        )
+      }
+    ),
+    /* @__PURE__ */ React21.createElement(
+      "div",
+      __spreadValues({
+        "data-slot": "sidebar-container",
+        className: cn(
+          "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
+          side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+          // Adjust the padding for floating and inset variants.
+          variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+          className
+        )
+      }, props),
+      /* @__PURE__ */ React21.createElement(
+        "div",
+        {
+          "data-sidebar": "sidebar",
+          "data-slot": "sidebar-inner",
+          className: "bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
+        },
+        children
+      )
+    )
+  );
+}
+function SidebarTrigger(_a) {
+  var _b = _a, {
+    className,
+    onClick
+  } = _b, props = __objRest(_b, [
+    "className",
+    "onClick"
+  ]);
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ React21.createElement(
+    Button,
+    __spreadValues({
+      "data-sidebar": "trigger",
+      "data-slot": "sidebar-trigger",
+      variant: "ghost",
+      size: "icon",
+      className: cn("size-7", className),
+      onClick: (event) => {
+        onClick == null ? void 0 : onClick(event);
+        toggleSidebar();
+      }
+    }, props),
+    /* @__PURE__ */ React21.createElement(PanelLeftIcon, null),
+    /* @__PURE__ */ React21.createElement("span", { className: "sr-only" }, "Toggle Sidebar")
+  );
+}
+function SidebarRail(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ React21.createElement(
+    "button",
+    __spreadValues({
+      "data-sidebar": "rail",
+      "data-slot": "sidebar-rail",
+      "aria-label": "Toggle Sidebar",
+      tabIndex: -1,
+      onClick: toggleSidebar,
+      title: "Toggle Sidebar",
+      className: cn(
+        "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex",
+        "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
+        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarInset(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "main",
+    __spreadValues({
+      "data-slot": "sidebar-inset",
+      className: cn(
+        "bg-background relative flex w-full flex-1 flex-col",
+        "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarInput(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Input,
+    __spreadValues({
+      "data-slot": "sidebar-input",
+      "data-sidebar": "input",
+      className: cn("bg-background h-8 w-full shadow-none", className)
+    }, props)
+  );
+}
+function SidebarHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-header",
+      "data-sidebar": "header",
+      className: cn("flex flex-col gap-2 p-2", className)
+    }, props)
+  );
+}
+function SidebarFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-footer",
+      "data-sidebar": "footer",
+      className: cn("flex flex-col gap-2 p-2", className)
+    }, props)
+  );
+}
+function SidebarSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Separator,
+    __spreadValues({
+      "data-slot": "sidebar-separator",
+      "data-sidebar": "separator",
+      className: cn("bg-sidebar-border mx-2 w-auto", className)
+    }, props)
+  );
+}
+function SidebarContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-content",
+      "data-sidebar": "content",
+      className: cn(
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarGroup(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-group",
+      "data-sidebar": "group",
+      className: cn("relative flex w-full min-w-0 flex-col p-2", className)
+    }, props)
+  );
+}
+function SidebarGroupLabel(_a) {
+  var _b = _a, {
+    className,
+    asChild = false
+  } = _b, props = __objRest(_b, [
+    "className",
+    "asChild"
+  ]);
+  const Comp = asChild ? Slot$1 : "div";
+  return /* @__PURE__ */ React21.createElement(
+    Comp,
+    __spreadValues({
+      "data-slot": "sidebar-group-label",
+      "data-sidebar": "group-label",
+      className: cn(
+        "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarGroupAction(_a) {
+  var _b = _a, {
+    className,
+    asChild = false
+  } = _b, props = __objRest(_b, [
+    "className",
+    "asChild"
+  ]);
+  const Comp = asChild ? Slot$1 : "button";
+  return /* @__PURE__ */ React21.createElement(
+    Comp,
+    __spreadValues({
+      "data-slot": "sidebar-group-action",
+      "data-sidebar": "group-action",
+      className: cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarGroupContent(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-group-content",
+      "data-sidebar": "group-content",
+      className: cn("w-full text-sm", className)
+    }, props)
+  );
+}
+function SidebarMenu(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "ul",
+    __spreadValues({
+      "data-slot": "sidebar-menu",
+      "data-sidebar": "menu",
+      className: cn("flex w-full min-w-0 flex-col gap-1", className)
+    }, props)
+  );
+}
+function SidebarMenuItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "li",
+    __spreadValues({
+      "data-slot": "sidebar-menu-item",
+      "data-sidebar": "menu-item",
+      className: cn("group/menu-item relative", className)
+    }, props)
+  );
+}
+var sidebarMenuButtonVariants = cva(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function SidebarMenuButton(_a) {
+  var _b = _a, {
+    asChild = false,
+    isActive = false,
+    variant = "default",
+    size = "default",
+    tooltip,
+    className
+  } = _b, props = __objRest(_b, [
+    "asChild",
+    "isActive",
+    "variant",
+    "size",
+    "tooltip",
+    "className"
+  ]);
+  const Comp = asChild ? Slot$1 : "button";
+  const { isMobile, state } = useSidebar();
+  const button = /* @__PURE__ */ React21.createElement(
+    Comp,
+    __spreadValues({
+      "data-slot": "sidebar-menu-button",
+      "data-sidebar": "menu-button",
+      "data-size": size,
+      "data-active": isActive,
+      className: cn(sidebarMenuButtonVariants({ variant, size }), className)
+    }, props)
+  );
+  if (!tooltip) {
+    return button;
+  }
+  if (typeof tooltip === "string") {
+    tooltip = {
+      children: tooltip
+    };
+  }
+  return /* @__PURE__ */ React21.createElement(Tooltip2, null, /* @__PURE__ */ React21.createElement(TooltipTrigger, { asChild: true }, button), /* @__PURE__ */ React21.createElement(
+    TooltipContent,
+    __spreadValues({
+      side: "right",
+      align: "center",
+      hidden: state !== "collapsed" || isMobile
+    }, tooltip)
+  ));
+}
+function SidebarMenuAction(_a) {
+  var _b = _a, {
+    className,
+    asChild = false,
+    showOnHover = false
+  } = _b, props = __objRest(_b, [
+    "className",
+    "asChild",
+    "showOnHover"
+  ]);
+  const Comp = asChild ? Slot$1 : "button";
+  return /* @__PURE__ */ React21.createElement(
+    Comp,
+    __spreadValues({
+      "data-slot": "sidebar-menu-action",
+      "data-sidebar": "menu-action",
+      className: cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        showOnHover && "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarMenuBadge(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-menu-badge",
+      "data-sidebar": "menu-badge",
+      className: cn(
+        "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none",
+        "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarMenuSkeleton(_a) {
+  var _b = _a, {
+    className,
+    showIcon = false
+  } = _b, props = __objRest(_b, [
+    "className",
+    "showIcon"
+  ]);
+  const width = React21.useMemo(() => {
+    return `${Math.floor(Math.random() * 40) + 50}%`;
+  }, []);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    __spreadValues({
+      "data-slot": "sidebar-menu-skeleton",
+      "data-sidebar": "menu-skeleton",
+      className: cn("flex h-8 items-center gap-2 rounded-md px-2", className)
+    }, props),
+    showIcon && /* @__PURE__ */ React21.createElement(
+      Skeleton,
+      {
+        className: "size-4 rounded-md",
+        "data-sidebar": "menu-skeleton-icon"
+      }
+    ),
+    /* @__PURE__ */ React21.createElement(
+      Skeleton,
+      {
+        className: "h-4 max-w-(--skeleton-width) flex-1",
+        "data-sidebar": "menu-skeleton-text",
+        style: {
+          "--skeleton-width": width
+        }
+      }
+    )
+  );
+}
+function SidebarMenuSub(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "ul",
+    __spreadValues({
+      "data-slot": "sidebar-menu-sub",
+      "data-sidebar": "menu-sub",
+      className: cn(
+        "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )
+    }, props)
+  );
+}
+function SidebarMenuSubItem(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    "li",
+    __spreadValues({
+      "data-slot": "sidebar-menu-sub-item",
+      "data-sidebar": "menu-sub-item",
+      className: cn("group/menu-sub-item relative", className)
+    }, props)
+  );
+}
+function SidebarMenuSubButton(_a) {
+  var _b = _a, {
+    asChild = false,
+    size = "md",
+    isActive = false,
+    className
+  } = _b, props = __objRest(_b, [
+    "asChild",
+    "size",
+    "isActive",
+    "className"
+  ]);
+  const Comp = asChild ? Slot$1 : "a";
+  return /* @__PURE__ */ React21.createElement(
+    Comp,
+    __spreadValues({
+      "data-slot": "sidebar-menu-sub-button",
+      "data-sidebar": "menu-sub-button",
+      "data-size": size,
+      "data-active": isActive,
+      className: cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+        size === "sm" && "text-xs",
+        size === "md" && "text-sm",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )
+    }, props)
+  );
+}
+function Table(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto"
+    },
+    /* @__PURE__ */ React21.createElement(
+      "table",
+      __spreadValues({
+        "data-slot": "table",
+        className: cn("w-full caption-bottom text-sm", className)
+      }, props)
+    )
+  );
+}
+function TableHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "thead",
+    __spreadValues({
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className)
+    }, props)
+  );
+}
+function TableBody(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "tbody",
+    __spreadValues({
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className)
+    }, props)
+  );
+}
+function TableFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "tfoot",
+    __spreadValues({
+      "data-slot": "table-footer",
+      className: cn(
+        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+        className
+      )
+    }, props)
+  );
+}
+function TableRow(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "tr",
+    __spreadValues({
+      "data-slot": "table-row",
+      className: cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      )
+    }, props)
+  );
+}
+function TableHead(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "th",
+    __spreadValues({
+      "data-slot": "table-head",
+      className: cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      )
+    }, props)
+  );
+}
+function TableCell(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "td",
+    __spreadValues({
+      "data-slot": "table-cell",
+      className: cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      )
+    }, props)
+  );
+}
+function TableCaption(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    "caption",
+    __spreadValues({
+      "data-slot": "table-caption",
+      className: cn("text-muted-foreground mt-4 text-sm", className)
+    }, props)
+  );
+}
+function Tabs(_a) {
+  var _b = _a, {
+    className,
+    orientation = "horizontal"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Tabs$1.Root,
+    __spreadValues({
+      "data-slot": "tabs",
+      "data-orientation": orientation,
+      orientation,
+      className: cn(
+        "group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",
+        className
+      )
+    }, props)
+  );
+}
+var tabsListVariants = cva(
+  "rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        line: "gap-1 bg-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function TabsList(_a) {
+  var _b = _a, {
+    className,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Tabs$1.List,
+    __spreadValues({
+      "data-slot": "tabs-list",
+      "data-variant": variant,
+      className: cn(tabsListVariants({ variant }), className)
+    }, props)
+  );
+}
+function TabsTrigger(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Tabs$1.Trigger,
+    __spreadValues({
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground",
+        "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
+        className
+      )
+    }, props)
+  );
+}
+function TabsContent(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ React21.createElement(
+    Tabs$1.Content,
+    __spreadValues({
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none", className)
+    }, props)
+  );
+}
+function Textarea(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React21.createElement(
+    "textarea",
+    __spreadValues({
+      "data-slot": "textarea",
+      className: cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      )
+    }, props)
+  );
+}
+
+export { ActivityLog, ActivityRow, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Citation, DetailViewHeader, DetailViewSummary, DetailViewThread, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, InboxGroupHeader, InboxRow, Input, Label, MetricCard, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThreadMessage, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, tabsListVariants, useIsMobile, useSidebar };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map