artefact-design-system 0.1.0

package/dist/index.js

@@ -0,0 +1,3975 @@
+// src/foundation/tokens.ts
+var color = {
+  // --- page / surface ---
+  background: "var(--background)",
+  // cream
+  foreground: "var(--foreground)",
+  // ink
+  card: "var(--card)",
+  // 60% glass island
+  cardForeground: "var(--card-foreground)",
+  popover: "var(--popover)",
+  // paper-warm — stays opaque for readability
+  popoverForeground: "var(--popover-foreground)",
+  ink3: "var(--brand-ink-3)",
+  // #a3a094 — tertiary ink, one step past mutedForeground. A neutral text tone (no-data states), not a status color — lives here, not with the semantic roles below.
+  // --- controls ---
+  primary: "var(--primary)",
+  // ink — default filled CTA (dark, not orange)
+  primaryForeground: "var(--primary-foreground)",
+  secondary: "var(--secondary)",
+  // paper (white) — quiet button, chips
+  secondaryForeground: "var(--secondary-foreground)",
+  muted: "var(--muted)",
+  // cream-2 — hover fill, tag pills (== shadcn's own --accent slot)
+  mutedForeground: "var(--muted-foreground)",
+  // ink-2
+  border: "var(--border)",
+  // transparent BY RULE (see DESIGN.md) — do not use for a visible line, use `input`
+  input: "var(--input)",
+  // line-2 — the one hairline that's meant to be seen (inputs, dividers)
+  ring: "var(--ring)",
+  // == accent — focus ring is brand orange
+  destructive: "var(--destructive)",
+  // shadcn's own contract slot — wired to `danger` below (a real red, not accent)
+  // --- brand + semantic (komanda's own palette, no shadcn-contract slot) ---
+  // Each role: base / foreground / hover / soft / softForeground. foreground
+  // is picked by measured WCAG contrast (see index.css), not assumed white;
+  // hover is color-mix() off base (recomputes automatically, never drifts);
+  // soft is the pale badge fill, softForeground is base-on-soft (the pattern
+  // Avatar's ToneGreen/ToneWarn already use).
+  accent: "var(--brand-accent)",
+  // #f75506 — THE brand color. One per screen, rare.
+  accentForeground: "var(--brand-accent-foreground)",
+  accentHover: "var(--brand-accent-hover)",
+  accentSoft: "var(--brand-accent-soft)",
+  // #fdeee5
+  accentSoftForeground: "var(--brand-accent-soft-foreground)",
+  accentGradient: "var(--brand-accent-gradient)",
+  // komanda's ONE gradient — .primary.askbtn on the assistant dock
+  green: "var(--brand-green)",
+  // #1f7a54 — score-band "good" (komanda's own band(): score ≥7)
+  greenForeground: "var(--brand-green-foreground)",
+  greenHover: "var(--brand-green-hover)",
+  greenSoft: "var(--brand-green-soft)",
+  greenSoftForeground: "var(--brand-green-soft-foreground)",
+  warn: "var(--brand-warn)",
+  // #b8862f — score-band "caution" (band(): 5 ≤ score < 7)
+  warnForeground: "var(--brand-warn-foreground)",
+  warnHover: "var(--brand-warn-hover)",
+  warnSoft: "var(--brand-warn-soft)",
+  warnSoftForeground: "var(--brand-warn-soft-foreground)",
+  plum: "var(--brand-plum)",
+  // #7a4d7d — role tint: network manager (not a score band)
+  plumForeground: "var(--brand-plum-foreground)",
+  plumHover: "var(--brand-plum-hover)",
+  plumSoft: "var(--brand-plum-soft)",
+  plumSoftForeground: "var(--brand-plum-soft-foreground)",
+  danger: "var(--brand-danger)",
+  // #b23a2e — real destructive red. NOT accent — neither source page has a red, this is a deliberate addition (see index.css)
+  dangerForeground: "var(--brand-danger-foreground)",
+  dangerHover: "var(--brand-danger-hover)",
+  dangerSoft: "var(--brand-danger-soft)",
+  dangerSoftForeground: "var(--brand-danger-soft-foreground)",
+  // --- charts ---
+  chart1: "var(--chart-1)",
+  chart2: "var(--chart-2)",
+  chart3: "var(--chart-3)",
+  chart4: "var(--chart-4)",
+  chart5: "var(--chart-5)",
+  chartSurface: "var(--brand-chart-surface)",
+  // #fbfaf7 — quiet backdrop for data-viz surfaces (dashboard-prototype.html only)
+  scrim: "var(--brand-scrim)"
+  // rgba(0,0,0,.1) — dark low-opacity backdrop behind a heavily blurred overlay (assistant dock)
+};
+var semanticRoles = Object.keys(color).filter((key) => {
+  if (key.endsWith("Foreground") || key.endsWith("Hover") || key.endsWith("Soft") || key.endsWith("SoftForeground")) return false;
+  return `${key}Foreground` in color && `${key}Hover` in color && `${key}Soft` in color && `${key}SoftForeground` in color;
+});
+var chartKeys = Object.keys(color).filter((key) => /^chart\d+$/.test(key)).sort((a, b) => Number(a.slice(5)) - Number(b.slice(5)));
+var radius = {
+  sm: "var(--radius-sm)",
+  md: "var(--radius-md)",
+  lg: "var(--radius-lg)",
+  xl: "var(--radius-xl)",
+  "2xl": "var(--radius-2xl)",
+  pill: 999
+};
+var spacing = {
+  none: 0,
+  xs: 4,
+  sm: 8,
+  md: 12,
+  base: 16,
+  lg: 20,
+  xl: 24,
+  "2xl": 32,
+  "3xl": 40,
+  "4xl": 56
+};
+var type = {
+  footnote: { size: 12, lineHeight: 1.45 },
+  // var(--text-footnote)
+  caption: { size: 14, lineHeight: 1.45 },
+  // var(--text-caption)
+  body: { size: 16, lineHeight: 1.55 },
+  // var(--text-body)
+  subhead: { size: 18, lineHeight: 1.35 },
+  title: { size: 20, lineHeight: 1.3 },
+  headline: { size: 24, lineHeight: 1.25 },
+  display: { size: 32, lineHeight: 1.15 }
+};
+var font = {
+  sans: "var(--font-sans)"
+};
+
+// src/foundation/layout.tsx
+import { jsx } from "react/jsx-runtime";
+var isSpacingKey = (v) => typeof v === "string" && v in spacing;
+var space = (v) => {
+  if (v == null) return void 0;
+  if (isSpacingKey(v)) return `${spacing[v]}px`;
+  return typeof v === "number" ? `${v}px` : v;
+};
+var isRadiusKey = (v) => typeof v === "string" && v in radius;
+var rad = (v) => {
+  if (v == null) return void 0;
+  if (isRadiusKey(v)) return radius[v];
+  return typeof v === "number" ? `${v}px` : v;
+};
+function Box({
+  as: As = "div",
+  p,
+  px,
+  py,
+  radius: radius2,
+  width,
+  maxWidth,
+  minWidth,
+  grow,
+  className,
+  style,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    As,
+    {
+      ...rest,
+      className,
+      style: {
+        padding: space(p),
+        paddingInline: space(px),
+        paddingBlock: space(py),
+        borderRadius: rad(radius2),
+        width: space(width),
+        maxWidth: space(maxWidth),
+        minWidth: minWidth != null ? space(minWidth) : 0,
+        flexGrow: grow ? 1 : void 0,
+        ...style
+      },
+      children
+    }
+  );
+}
+function Flex({
+  direction = "row",
+  gap = "md",
+  align,
+  justify,
+  wrap = true,
+  style,
+  children,
+  ...box
+}) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ...box,
+      style: {
+        display: "flex",
+        flexDirection: direction,
+        gap: space(gap),
+        alignItems: align,
+        justifyContent: justify,
+        flexWrap: wrap ? "wrap" : "nowrap",
+        ...style
+      },
+      children
+    }
+  );
+}
+function Stack({ gap = "base", ...props }) {
+  return /* @__PURE__ */ jsx(Flex, { direction: "column", gap, ...props });
+}
+function Grid({
+  minColWidth = 280,
+  columns,
+  gap = "base",
+  align = "stretch",
+  style,
+  children,
+  ...box
+}) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      ...box,
+      style: {
+        display: "grid",
+        gridTemplateColumns: columns ? `repeat(${columns}, minmax(0, 1fr))` : `repeat(auto-fit, minmax(min(${space(minColWidth)}, 100%), 1fr))`,
+        gap: space(gap),
+        alignItems: align,
+        ...style
+      },
+      children
+    }
+  );
+}
+function Container({ size = 1280, style, children, ...box }) {
+  return /* @__PURE__ */ jsx(Box, { ...box, style: { width: "100%", maxWidth: space(size), marginInline: "auto", ...style }, children });
+}
+
+// src/foundation/surface.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var VARIANTS = {
+  glass: {
+    style: { background: color.card, backdropFilter: "blur(10px)" },
+    description: "60% + blur \u2014 \u043A\u0430\u0440\u0442\u043E\u0447\u043A\u0438-\u043E\u0441\u0442\u0440\u043E\u0432\u0430"
+  },
+  paper: {
+    style: { background: color.secondary },
+    description: "\u043D\u0435\u043F\u0440\u043E\u0437\u0440\u0430\u0447\u043D\u044B\u0439 \u0431\u0435\u043B\u044B\u0439 \u2014 \u0447\u0438\u043F\u044B, \u043F\u043E\u043F\u0430\u043F\u044B"
+  },
+  muted: {
+    style: { background: color.muted },
+    description: "hover / \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0435 \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435"
+  },
+  plain: {
+    style: { background: "transparent" },
+    description: "\u0431\u0435\u0437 \u0444\u043E\u043D\u0430 \u2014 \u0442\u043E\u043B\u044C\u043A\u043E \u043A\u043E\u043D\u0442\u0443\u0440"
+  },
+  scrim: {
+    style: { background: color.scrim, backdropFilter: "blur(40px) saturate(1.4)" },
+    description: "\u0442\u0451\u043C\u043D\u0430\u044F \u043F\u043E\u0434\u043B\u043E\u0436\u043A\u0430 + \u0441\u0438\u043B\u044C\u043D\u044B\u0439 \u0431\u043B\u044E\u0440 \u2014 \u0444\u043E\u043D \u043F\u043E\u0437\u0430\u0434\u0438 \u043E\u0432\u0435\u0440\u043B\u0435\u0439-\u043F\u0430\u043D\u0435\u043B\u0438"
+  }
+};
+var SURFACE_VARIANTS = VARIANTS;
+function Surface({ variant = "glass", radius: radius2 = "xl", style, ...box }) {
+  const { backdropFilter, ...rest } = VARIANTS[variant].style;
+  return /* @__PURE__ */ jsx2(
+    Box,
+    {
+      radius: radius2,
+      style: {
+        ...rest,
+        WebkitBackdropFilter: backdropFilter,
+        backdropFilter,
+        ...style
+      },
+      ...box
+    }
+  );
+}
+
+// src/foundation/row.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+function TitledRow({ title, side, rail = 180, gap = 20, children }) {
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: `foundation-row${side ? "" : " foundation-row--no-side"}`,
+      style: { "--foundation-row-rail": `${rail}px`, "--foundation-row-gap": `${gap}px` },
+      children: [
+        title && /* @__PURE__ */ jsx3("div", { className: "foundation-row-title", children: title }),
+        /* @__PURE__ */ jsx3("div", { className: "foundation-row-main", children }),
+        side && /* @__PURE__ */ jsx3("div", { className: "foundation-row-side", children: side })
+      ]
+    }
+  );
+}
+
+// src/foundation/AppShell.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function AppShell({ sidebar, children }) {
+  return /* @__PURE__ */ jsxs2("div", { style: { display: "flex", minHeight: "100vh" }, children: [
+    sidebar,
+    /* @__PURE__ */ jsx4("div", { style: { flex: 1, minWidth: 0, maxWidth: 1280, marginInline: "auto", padding: "26px 24px 90px" }, children })
+  ] });
+}
+
+// src/primitives/Icon.tsx
+import {
+  House,
+  UsersThree,
+  ShoppingCartSimple,
+  BookOpen,
+  Gear,
+  MagnifyingGlass,
+  Plus,
+  Minus,
+  CaretDown,
+  CaretRight,
+  CaretUp,
+  ArrowUp,
+  ArrowDown,
+  ArrowRight,
+  Star,
+  Warning,
+  Check,
+  X,
+  Bell,
+  DotsThree,
+  TrendUp,
+  TrendDown,
+  Sparkle,
+  Lock,
+  LockOpen,
+  Microphone,
+  Info,
+  Lightbulb,
+  ChartLineUp,
+  SquaresFour,
+  PaperPlaneRight
+} from "@phosphor-icons/react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var REGISTRY = {
+  // app navigation
+  home: House,
+  team: UsersThree,
+  orders: ShoppingCartSimple,
+  knowledge: BookOpen,
+  settings: Gear,
+  // common actions / affordances
+  search: MagnifyingGlass,
+  add: Plus,
+  remove: Minus,
+  close: X,
+  check: Check,
+  more: DotsThree,
+  bell: Bell,
+  // carets / arrows
+  "caret-down": CaretDown,
+  "caret-right": CaretRight,
+  "caret-up": CaretUp,
+  "arrow-up": ArrowUp,
+  "arrow-down": ArrowDown,
+  "arrow-right": ArrowRight,
+  // status / semantics
+  star: Star,
+  warning: Warning,
+  "trend-up": TrendUp,
+  "trend-down": TrendDown,
+  spark: Sparkle,
+  lock: Lock,
+  "lock-open": LockOpen,
+  voice: Microphone,
+  info: Info,
+  lightbulb: Lightbulb,
+  "chart-line-up": ChartLineUp,
+  dashboard: SquaresFour,
+  send: PaperPlaneRight
+};
+var ICON_NAMES = Object.keys(REGISTRY);
+function Icon({
+  name,
+  size = 20,
+  weight = "regular",
+  color: color2 = "currentColor",
+  className,
+  label
+}) {
+  const Glyph = REGISTRY[name];
+  return /* @__PURE__ */ jsx5(
+    Glyph,
+    {
+      size,
+      weight,
+      color: color2,
+      className,
+      "aria-hidden": label ? void 0 : true,
+      "aria-label": label,
+      role: label ? "img" : void 0
+    }
+  );
+}
+
+// src/primitives/Image.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+function Image({
+  src,
+  alt,
+  width,
+  height,
+  fit = "cover",
+  radius: radius2,
+  loading = "lazy",
+  className,
+  style
+}) {
+  const resolvedRadius = radius2 == null ? void 0 : typeof radius2 === "number" ? `${radius2}px` : radius2 in radius ? radius[radius2] : radius2;
+  return /* @__PURE__ */ jsx6(
+    "img",
+    {
+      src,
+      alt,
+      loading,
+      className,
+      width: typeof width === "number" ? width : void 0,
+      height: typeof height === "number" ? height : void 0,
+      style: {
+        display: "block",
+        width,
+        height,
+        objectFit: fit,
+        borderRadius: resolvedRadius,
+        ...style
+      }
+    }
+  );
+}
+
+// src/primitives/Text.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function Text({
+  as: As = "span",
+  size = "body",
+  weight,
+  color: textColor = color.foreground,
+  align,
+  truncate,
+  className,
+  style,
+  children
+}) {
+  const step = type[size];
+  return /* @__PURE__ */ jsx7(
+    As,
+    {
+      className,
+      style: {
+        fontSize: step.size,
+        lineHeight: step.lineHeight,
+        fontWeight: weight,
+        color: textColor,
+        textAlign: align,
+        ...truncate ? { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } : null,
+        ...style
+      },
+      children
+    }
+  );
+}
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/ui/alert.tsx
+import "react";
+import { cva } from "class-variance-authority";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var alertVariants = cva(
+  "group/alert relative grid w-full gap-0.5 rounded-lg border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: cn(
+        "font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: cn(
+        "text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      "data-slot": "alert-action",
+      className: cn("absolute top-2 right-2", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/avatar.tsx
+import "react";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function Avatar({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    AvatarPrimitive.Root,
+    {
+      "data-slot": "avatar",
+      "data-size": size,
+      className: cn(
+        "group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    AvatarPrimitive.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn(
+        "aspect-square size-full rounded-full object-cover",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    AvatarPrimitive.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarBadge({ className, ...props }) {
+  return /* @__PURE__ */ jsx9(
+    "span",
+    {
+      "data-slot": "avatar-badge",
+      className: cn(
+        "absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background 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({ className, ...props }) {
+  return /* @__PURE__ */ jsx9(
+    "div",
+    {
+      "data-slot": "avatar-group",
+      className: cn(
+        "group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarGroupCount({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    "div",
+    {
+      "data-slot": "avatar-group-count",
+      className: cn(
+        "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background 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
+    }
+  );
+}
+
+// src/components/ui/badge.tsx
+import "react";
+import { cva as cva2 } from "class-variance-authority";
+import { Slot } from "radix-ui";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var badgeVariants = cva2(
+  "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+        destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+        outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+        ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "span";
+  return /* @__PURE__ */ jsx10(
+    Comp,
+    {
+      "data-slot": "badge",
+      "data-variant": variant,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/button.tsx
+import "react";
+import { cva as cva3 } from "class-variance-authority";
+import { Slot as Slot2 } from "radix-ui";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var buttonVariants = cva3(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot2.Root : "button";
+  return /* @__PURE__ */ jsx11(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/button-group.tsx
+import { cva as cva4 } from "class-variance-authority";
+import { Slot as Slot3 } from "radix-ui";
+
+// src/components/ui/separator.tsx
+import "react";
+import { Separator as SeparatorPrimitive } from "radix-ui";
+import { jsx as jsx12 } from "react/jsx-runtime";
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx12(
+    SeparatorPrimitive.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/button-group.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+var buttonGroupVariants = cva4(
+  "group/button-group flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+  {
+    variants: {
+      orientation: {
+        horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg!",
+        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg!"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(
+    "div",
+    {
+      role: "group",
+      "data-slot": "button-group",
+      "data-orientation": orientation,
+      className: cn(buttonGroupVariants({ orientation }), className),
+      ...props
+    }
+  );
+}
+function ButtonGroupText({
+  className,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot3.Root : "div";
+  return /* @__PURE__ */ jsx13(
+    Comp,
+    {
+      className: cn(
+        "flex items-center gap-2 rounded-lg border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ButtonGroupSeparator({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(
+    Separator,
+    {
+      "data-slot": "button-group-separator",
+      orientation,
+      className: cn(
+        "relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/card.tsx
+import "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+function Card({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx14(
+    "div",
+    {
+      "data-slot": "card",
+      "data-size": size,
+      className: cn(
+        "group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx14(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx14(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn(
+        "font-heading text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx14(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx14(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx14(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-(--card-spacing)", className),
+      ...props
+    }
+  );
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx14(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn(
+        "flex items-center rounded-b-xl border-t bg-muted/50 p-(--card-spacing)",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/chart.tsx
+import * as React7 from "react";
+import * as RechartsPrimitive from "recharts";
+import { Fragment, jsx as jsx15, jsxs as jsxs3 } from "react/jsx-runtime";
+var THEMES = { light: "", dark: ".dark" };
+var INITIAL_DIMENSION = { width: 320, height: 200 };
+var ChartContext = React7.createContext(null);
+function useChart() {
+  const context = React7.useContext(ChartContext);
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />");
+  }
+  return context;
+}
+function ChartContainer({
+  id,
+  className,
+  children,
+  config,
+  initialDimension = INITIAL_DIMENSION,
+  ...props
+}) {
+  const uniqueId = React7.useId();
+  const chartId = `chart-${id ?? uniqueId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ jsx15(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      "data-slot": "chart",
+      "data-chart": chartId,
+      className: cn(
+        "flex aspect-video justify-center text-xs [&_.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-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.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 [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx15(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx15(
+          RechartsPrimitive.ResponsiveContainer,
+          {
+            initialDimension,
+            children
+          }
+        )
+      ]
+    }
+  ) });
+}
+var ChartStyle = ({ id, config }) => {
+  const colorConfig = Object.entries(config).filter(
+    ([, config2]) => config2.theme ?? config2.color
+  );
+  if (!colorConfig.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx15(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(THEMES).map(
+          ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig.map(([key, itemConfig]) => {
+            const color2 = itemConfig.theme?.[theme] ?? itemConfig.color;
+            return color2 ? `  --color-${key}: ${color2};` : 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: color2,
+  nameKey,
+  labelKey
+}) {
+  const { config } = useChart();
+  const tooltipLabel = React7.useMemo(() => {
+    if (hideLabel || !payload?.length) {
+      return null;
+    }
+    const [item] = payload;
+    const key = `${labelKey ?? item?.dataKey ?? item?.name ?? "value"}`;
+    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+    const value = !labelKey && typeof label === "string" ? config[label]?.label ?? label : itemConfig?.label;
+    if (labelFormatter) {
+      return /* @__PURE__ */ jsx15("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+    }
+    if (!value) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx15("div", { className: cn("font-medium", labelClassName), children: value });
+  }, [
+    label,
+    labelFormatter,
+    payload,
+    hideLabel,
+    labelClassName,
+    config,
+    labelKey
+  ]);
+  if (!active || !payload?.length) {
+    return null;
+  }
+  const nestLabel = payload.length === 1 && indicator !== "dot";
+  return /* @__PURE__ */ jsxs3(
+    "div",
+    {
+      className: cn(
+        "grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
+        className
+      ),
+      children: [
+        !nestLabel ? tooltipLabel : null,
+        /* @__PURE__ */ jsx15("div", { className: "grid gap-1.5", children: payload.filter((item) => item.type !== "none").map((item, index) => {
+          const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;
+          const itemConfig = getPayloadConfigFromPayload(config, item, key);
+          const indicatorColor = color2 ?? item.payload?.fill ?? item.color;
+          return /* @__PURE__ */ jsx15(
+            "div",
+            {
+              className: cn(
+                "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
+                indicator === "dot" && "items-center"
+              ),
+              children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs3(Fragment, { children: [
+                itemConfig?.icon ? /* @__PURE__ */ jsx15(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx15(
+                  "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__ */ jsxs3(
+                  "div",
+                  {
+                    className: cn(
+                      "flex flex-1 justify-between leading-none",
+                      nestLabel ? "items-end" : "items-center"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxs3("div", { className: "grid gap-1.5", children: [
+                        nestLabel ? tooltipLabel : null,
+                        /* @__PURE__ */ jsx15("span", { className: "text-muted-foreground", children: itemConfig?.label ?? item.name })
+                      ] }),
+                      item.value != null && /* @__PURE__ */ jsx15("span", { className: "font-mono font-medium text-foreground tabular-nums", children: typeof item.value === "number" ? item.value.toLocaleString() : String(item.value) })
+                    ]
+                  }
+                )
+              ] })
+            },
+            index
+          );
+        }) })
+      ]
+    }
+  );
+}
+var ChartLegend = RechartsPrimitive.Legend;
+function ChartLegendContent({
+  className,
+  hideIcon = false,
+  payload,
+  verticalAlign = "bottom",
+  nameKey
+}) {
+  const { config } = useChart();
+  if (!payload?.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx15(
+    "div",
+    {
+      className: cn(
+        "flex items-center justify-center gap-4",
+        verticalAlign === "top" ? "pb-3" : "pt-3",
+        className
+      ),
+      children: payload.filter((item) => item.type !== "none").map((item, index) => {
+        const key = `${nameKey ?? item.dataKey ?? "value"}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        return /* @__PURE__ */ jsxs3(
+          "div",
+          {
+            className: cn(
+              "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
+            ),
+            children: [
+              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx15(itemConfig.icon, {}) : /* @__PURE__ */ jsx15(
+                "div",
+                {
+                  className: "h-2 w-2 shrink-0 rounded-[2px]",
+                  style: {
+                    backgroundColor: item.color
+                  }
+                }
+              ),
+              itemConfig?.label
+            ]
+          },
+          index
+        );
+      })
+    }
+  );
+}
+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];
+}
+
+// src/components/ui/checkbox.tsx
+import "react";
+import { Checkbox as CheckboxPrimitive } from "radix-ui";
+import { CheckIcon } from "lucide-react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+function Checkbox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(
+    CheckboxPrimitive.Root,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx16(
+        CheckboxPrimitive.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none [&>svg]:size-3.5",
+          children: /* @__PURE__ */ jsx16(
+            CheckIcon,
+            {}
+          )
+        }
+      )
+    }
+  );
+}
+
+// src/components/ui/dialog.tsx
+import "react";
+import { Dialog as DialogPrimitive } from "radix-ui";
+import { XIcon } from "lucide-react";
+import { jsx as jsx17, jsxs as jsxs4 } from "react/jsx-runtime";
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs4(DialogPortal, { children: [
+    /* @__PURE__ */ jsx17(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs4(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsx17(DialogPrimitive.Close, { "data-slot": "dialog-close", asChild: true, children: /* @__PURE__ */ jsxs4(
+            Button,
+            {
+              variant: "ghost",
+              className: "absolute top-2 right-2",
+              size: "icon-sm",
+              children: [
+                /* @__PURE__ */ jsx17(
+                  XIcon,
+                  {}
+                ),
+                /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx17(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({
+  className,
+  showCloseButton = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showCloseButton && /* @__PURE__ */ jsx17(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx17(Button, { variant: "outline", children: "Close" }) })
+      ]
+    }
+  );
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn(
+        "font-heading text-base leading-none font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn(
+        "text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/dropdown-menu.tsx
+import "react";
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import { CheckIcon as CheckIcon2, ChevronRightIcon } from "lucide-react";
+import { jsx as jsx18, jsxs as jsxs5 } from "react/jsx-runtime";
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(
+    DropdownMenuPrimitive.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  align = "start",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx18(
+    DropdownMenuPrimitive.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      align,
+      className: cn("z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 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 data-[state=closed]:overflow-hidden data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(
+    DropdownMenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "group/dropdown-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs5(
+    DropdownMenuPrimitive.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      "data-inset": inset,
+      className: cn(
+        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 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,
+      children: [
+        /* @__PURE__ */ jsx18(
+          "span",
+          {
+            className: "pointer-events-none absolute right-2 flex items-center justify-center",
+            "data-slot": "dropdown-menu-checkbox-item-indicator",
+            children: /* @__PURE__ */ jsx18(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx18(
+              CheckIcon2,
+              {}
+            ) })
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(
+    DropdownMenuPrimitive.RadioGroup,
+    {
+      "data-slot": "dropdown-menu-radio-group",
+      ...props
+    }
+  );
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs5(
+    DropdownMenuPrimitive.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      "data-inset": inset,
+      className: cn(
+        "relative flex cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx18(
+          "span",
+          {
+            className: "pointer-events-none absolute right-2 flex items-center justify-center",
+            "data-slot": "dropdown-menu-radio-item-indicator",
+            children: /* @__PURE__ */ jsx18(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx18(
+              CheckIcon2,
+              {}
+            ) })
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(
+    DropdownMenuPrimitive.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: cn(
+        "px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(
+    DropdownMenuPrimitive.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs5(
+    DropdownMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx18(ChevronRightIcon, { className: "ml-auto" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(
+    DropdownMenuPrimitive.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn("z-50 min-w-[96px] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/empty.tsx
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx19 } from "react/jsx-runtime";
+function Empty({ className, ...props }) {
+  return /* @__PURE__ */ jsx19(
+    "div",
+    {
+      "data-slot": "empty",
+      className: cn(
+        "flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx19(
+    "div",
+    {
+      "data-slot": "empty-header",
+      className: cn("flex max-w-sm flex-col items-center gap-2", className),
+      ...props
+    }
+  );
+}
+var emptyMediaVariants = cva5(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function EmptyMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(
+    "div",
+    {
+      "data-slot": "empty-icon",
+      "data-variant": variant,
+      className: cn(emptyMediaVariants({ variant, className })),
+      ...props
+    }
+  );
+}
+function EmptyTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx19(
+    "div",
+    {
+      "data-slot": "empty-title",
+      className: cn(
+        "font-heading text-sm font-medium tracking-tight",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx19(
+    "div",
+    {
+      "data-slot": "empty-description",
+      className: cn(
+        "text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx19(
+    "div",
+    {
+      "data-slot": "empty-content",
+      className: cn(
+        "flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm text-balance",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/field.tsx
+import { useMemo as useMemo2 } from "react";
+import { cva as cva6 } from "class-variance-authority";
+
+// src/components/ui/label.tsx
+import "react";
+import { Label as LabelPrimitive } from "radix-ui";
+import { jsx as jsx20 } from "react/jsx-runtime";
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(
+    LabelPrimitive.Root,
+    {
+      "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
+    }
+  );
+}
+
+// src/components/ui/field.tsx
+import { jsx as jsx21, jsxs as jsxs6 } from "react/jsx-runtime";
+function FieldSet({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      className: cn(
+        "flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldLegend({
+  className,
+  variant = "legend",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx21(
+    "legend",
+    {
+      "data-slot": "field-legend",
+      "data-variant": variant,
+      className: cn(
+        "mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: cn(
+        "group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var fieldVariants = cva6(
+  "group/field flex w-full gap-2 data-[invalid=true]:text-destructive",
+  {
+    variants: {
+      orientation: {
+        vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+        horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+        responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical"
+    }
+  }
+);
+function Field({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": orientation,
+      className: cn(fieldVariants({ orientation }), className),
+      ...props
+    }
+  );
+}
+function FieldContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: cn(
+        "group/field-content flex flex-1 flex-col gap-0.5 leading-snug",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx21(
+    Label,
+    {
+      "data-slot": "field-label",
+      className: cn(
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      "data-slot": "field-label",
+      className: cn(
+        "flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    "p",
+    {
+      "data-slot": "field-description",
+      className: cn(
+        "text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5",
+        "last:mt-0 nth-last-2:-mt-1",
+        "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      "data-slot": "field-separator",
+      "data-content": !!children,
+      className: cn(
+        "relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx21(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx21(
+          "span",
+          {
+            className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+            "data-slot": "field-separator-content",
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}) {
+  const content = useMemo2(() => {
+    if (children) {
+      return children;
+    }
+    if (!errors?.length) {
+      return null;
+    }
+    const uniqueErrors = [
+      ...new Map(errors.map((error) => [error?.message, error])).values()
+    ];
+    if (uniqueErrors?.length == 1) {
+      return uniqueErrors[0]?.message;
+    }
+    return /* @__PURE__ */ jsx21("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx21("li", { children: error.message }, index)
+    ) });
+  }, [children, errors]);
+  if (!content) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: cn("text-sm font-normal text-destructive", className),
+      ...props,
+      children: content
+    }
+  );
+}
+
+// src/components/ui/input.tsx
+import "react";
+import { jsx as jsx22 } from "react/jsx-runtime";
+function Input({ className, type: type2, ...props }) {
+  return /* @__PURE__ */ jsx22(
+    "input",
+    {
+      type: type2,
+      "data-slot": "input",
+      className: cn(
+        "h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/input-group.tsx
+import "react";
+import { cva as cva7 } from "class-variance-authority";
+
+// src/components/ui/textarea.tsx
+import "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx23(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/input-group.tsx
+import { jsx as jsx24 } from "react/jsx-runtime";
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: cn(
+        "group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border border-input transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var inputGroupAddonVariants = cva7(
+  "flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      align: {
+        "inline-start": "order-first pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem]",
+        "inline-end": "order-last pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem]",
+        "block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+        "block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+);
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx24(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": align,
+      className: cn(inputGroupAddonVariants({ align }), className),
+      onClick: (e) => {
+        if (e.target.closest("button")) {
+          return;
+        }
+        e.currentTarget.parentElement?.querySelector("input")?.focus();
+      },
+      ...props
+    }
+  );
+}
+var inputGroupButtonVariants = cva7(
+  "flex items-center gap-2 text-sm shadow-none",
+  {
+    variants: {
+      size: {
+        xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
+        sm: "",
+        "icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
+        "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+      }
+    },
+    defaultVariants: {
+      size: "xs"
+    }
+  }
+);
+function InputGroupButton({
+  className,
+  type: type2 = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx24(
+    Button,
+    {
+      type: type2,
+      "data-size": size,
+      variant,
+      className: cn(inputGroupButtonVariants({ size }), className),
+      ...props
+    }
+  );
+}
+function InputGroupText({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(
+    "span",
+    {
+      className: cn(
+        "flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function InputGroupInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx24(
+    Input,
+    {
+      "data-slot": "input-group-control",
+      className: cn(
+        "flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function InputGroupTextarea({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx24(
+    Textarea,
+    {
+      "data-slot": "input-group-control",
+      className: cn(
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/item.tsx
+import "react";
+import { cva as cva8 } from "class-variance-authority";
+import { Slot as Slot4 } from "radix-ui";
+import { jsx as jsx25 } from "react/jsx-runtime";
+function ItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    "div",
+    {
+      role: "list",
+      "data-slot": "item-group",
+      className: cn(
+        "group/item-group flex w-full flex-col gap-4 has-data-[size=sm]:gap-2.5 has-data-[size=xs]:gap-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx25(
+    Separator,
+    {
+      "data-slot": "item-separator",
+      orientation: "horizontal",
+      className: cn("my-2", className),
+      ...props
+    }
+  );
+}
+var itemVariants = cva8(
+  "group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent",
+        outline: "border-border",
+        muted: "border-transparent bg-muted/50"
+      },
+      size: {
+        default: "gap-2.5 px-3 py-2.5",
+        sm: "gap-2.5 px-3 py-2.5",
+        xs: "gap-2 px-2.5 py-2 in-data-[slot=dropdown-menu-content]:p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Item({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot4.Root : "div";
+  return /* @__PURE__ */ jsx25(
+    Comp,
+    {
+      "data-slot": "item",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(itemVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+var itemMediaVariants = cva8(
+  "flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "[&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 overflow-hidden rounded-sm group-data-[size=sm]/item:size-8 group-data-[size=xs]/item:size-6 [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function ItemMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx25(
+    "div",
+    {
+      "data-slot": "item-media",
+      "data-variant": variant,
+      className: cn(itemMediaVariants({ variant, className })),
+      ...props
+    }
+  );
+}
+function ItemContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    "div",
+    {
+      "data-slot": "item-content",
+      className: cn(
+        "flex flex-1 flex-col gap-1 group-data-[size=xs]/item:gap-0 [&+[data-slot=item-content]]:flex-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    "div",
+    {
+      "data-slot": "item-title",
+      className: cn(
+        "line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    "p",
+    {
+      "data-slot": "item-description",
+      className: cn(
+        "line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground group-data-[size=xs]/item:text-xs [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    "div",
+    {
+      "data-slot": "item-actions",
+      className: cn("flex items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function ItemHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    "div",
+    {
+      "data-slot": "item-header",
+      className: cn(
+        "flex basis-full items-center justify-between gap-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    "div",
+    {
+      "data-slot": "item-footer",
+      className: cn(
+        "flex basis-full items-center justify-between gap-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/navigation-menu.tsx
+import "react";
+import { cva as cva9 } from "class-variance-authority";
+import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
+import { ChevronDownIcon } from "lucide-react";
+import { jsx as jsx26, jsxs as jsxs7 } from "react/jsx-runtime";
+function NavigationMenu({
+  className,
+  children,
+  viewport = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs7(
+    NavigationMenuPrimitive.Root,
+    {
+      "data-slot": "navigation-menu",
+      "data-viewport": viewport,
+      className: cn(
+        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        viewport && /* @__PURE__ */ jsx26(NavigationMenuViewport, {})
+      ]
+    }
+  );
+}
+function NavigationMenuList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx26(
+    NavigationMenuPrimitive.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: cn(
+        "group flex flex-1 list-none items-center justify-center gap-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx26(
+    NavigationMenuPrimitive.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: cn("relative", className),
+      ...props
+    }
+  );
+}
+var navigationMenuTriggerStyle = cva9(
+  "group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted"
+);
+function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs7(
+    NavigationMenuPrimitive.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: cn(navigationMenuTriggerStyle(), "group", className),
+      ...props,
+      children: [
+        children,
+        " ",
+        /* @__PURE__ */ jsx26(ChevronDownIcon, { className: "relative top-px ml-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+function NavigationMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx26(
+    NavigationMenuPrimitive.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: cn(
+        "top-0 left-0 w-full p-1 ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none md:absolute md:w-auto group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx26(
+    "div",
+    {
+      className: cn(
+        "absolute top-full left-0 isolate z-50 flex justify-center"
+      ),
+      children: /* @__PURE__ */ jsx26(
+        NavigationMenuPrimitive.Viewport,
+        {
+          "data-slot": "navigation-menu-viewport",
+          className: cn(
+            "origin-top-center relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden rounded-lg bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 duration-100 md:w-(--radix-navigation-menu-viewport-width) data-open:animate-in data-open:zoom-in-90 data-closed:animate-out data-closed:zoom-out-90",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  );
+}
+function NavigationMenuLink({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx26(
+    NavigationMenuPrimitive.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: cn(
+        "flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuIndicator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx26(
+    NavigationMenuPrimitive.Indicator,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: cn(
+        "top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx26("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+    }
+  );
+}
+
+// src/components/ui/pagination.tsx
+import "react";
+import { ChevronLeftIcon, ChevronRightIcon as ChevronRightIcon2, MoreHorizontalIcon } from "lucide-react";
+import { jsx as jsx27, jsxs as jsxs8 } from "react/jsx-runtime";
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ jsx27(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+function PaginationContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx27(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: cn("flex items-center gap-0.5", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ ...props }) {
+  return /* @__PURE__ */ jsx27("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx27(
+    Button,
+    {
+      asChild: true,
+      variant: isActive ? "outline" : "ghost",
+      size,
+      className: cn(className),
+      children: /* @__PURE__ */ jsx27(
+        "a",
+        {
+          "aria-current": isActive ? "page" : void 0,
+          "data-slot": "pagination-link",
+          "data-active": isActive,
+          ...props
+        }
+      )
+    }
+  );
+}
+function PaginationPrevious({
+  className,
+  text = "Previous",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs8(
+    PaginationLink,
+    {
+      "aria-label": "Go to previous page",
+      size: "default",
+      className: cn("pl-1.5!", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx27(ChevronLeftIcon, { "data-icon": "inline-start" }),
+        /* @__PURE__ */ jsx27("span", { className: "hidden sm:block", children: text })
+      ]
+    }
+  );
+}
+function PaginationNext({
+  className,
+  text = "Next",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs8(
+    PaginationLink,
+    {
+      "aria-label": "Go to next page",
+      size: "default",
+      className: cn("pr-1.5!", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx27("span", { className: "hidden sm:block", children: text }),
+        /* @__PURE__ */ jsx27(ChevronRightIcon2, { "data-icon": "inline-end" })
+      ]
+    }
+  );
+}
+function PaginationEllipsis({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs8(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: cn(
+        "flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx27(
+          MoreHorizontalIcon,
+          {}
+        ),
+        /* @__PURE__ */ jsx27("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+
+// src/components/ui/progress.tsx
+import "react";
+import { Progress as ProgressPrimitive } from "radix-ui";
+import { jsx as jsx28 } from "react/jsx-runtime";
+function Progress({
+  className,
+  value,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(
+    ProgressPrimitive.Root,
+    {
+      "data-slot": "progress",
+      className: cn(
+        "relative flex h-1 w-full items-center overflow-x-hidden rounded-full bg-muted",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx28(
+        ProgressPrimitive.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: "size-full flex-1 bg-primary transition-all",
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+
+// src/components/ui/radio-group.tsx
+import "react";
+import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
+import { jsx as jsx29 } from "react/jsx-runtime";
+function RadioGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx29(
+    RadioGroupPrimitive.Root,
+    {
+      "data-slot": "radio-group",
+      className: cn("grid w-full gap-2", className),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx29(
+    RadioGroupPrimitive.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: cn(
+        "group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx29(
+        RadioGroupPrimitive.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "flex size-4 items-center justify-center",
+          children: /* @__PURE__ */ jsx29("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
+        }
+      )
+    }
+  );
+}
+
+// src/components/ui/select.tsx
+import "react";
+import { Select as SelectPrimitive } from "radix-ui";
+import { ChevronDownIcon as ChevronDownIcon2, CheckIcon as CheckIcon3, ChevronUpIcon } from "lucide-react";
+import { jsx as jsx30, jsxs as jsxs9 } from "react/jsx-runtime";
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx30(SelectPrimitive.Root, { "data-slot": "select", ...props });
+}
+function SelectGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx30(
+    SelectPrimitive.Group,
+    {
+      "data-slot": "select-group",
+      className: cn("scroll-my-1 p-1", className),
+      ...props
+    }
+  );
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx30(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs9(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx30(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx30(ChevronDownIcon2, { className: "pointer-events-none size-4 text-muted-foreground" }) })
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  position = "item-aligned",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx30(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs9(
+    SelectPrimitive.Content,
+    {
+      "data-slot": "select-content",
+      "data-align-trigger": position === "item-aligned",
+      className: cn("relative z-50 max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", 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,
+      children: [
+        /* @__PURE__ */ jsx30(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx30(
+          SelectPrimitive.Viewport,
+          {
+            "data-position": position,
+            className: cn(
+              "data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)",
+              position === "popper" && ""
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx30(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
+}
+function SelectLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx30(
+    SelectPrimitive.Label,
+    {
+      "data-slot": "select-label",
+      className: cn("px-1.5 py-1 text-xs text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs9(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground 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,
+      children: [
+        /* @__PURE__ */ jsx30("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center", children: /* @__PURE__ */ jsx30(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx30(CheckIcon3, { className: "pointer-events-none" }) }) }),
+        /* @__PURE__ */ jsx30(SelectPrimitive.ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx30(
+    SelectPrimitive.Separator,
+    {
+      "data-slot": "select-separator",
+      className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx30(
+    SelectPrimitive.ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx30(
+        ChevronUpIcon,
+        {}
+      )
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx30(
+    SelectPrimitive.ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx30(
+        ChevronDownIcon2,
+        {}
+      )
+    }
+  );
+}
+
+// src/components/ui/sonner.tsx
+import { useTheme } from "next-themes";
+import { Toaster as Sonner } from "sonner";
+import { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from "lucide-react";
+import { jsx as jsx31 } from "react/jsx-runtime";
+var Toaster = ({ ...props }) => {
+  const { theme = "system" } = useTheme();
+  return /* @__PURE__ */ jsx31(
+    Sonner,
+    {
+      theme,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ jsx31(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx31(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx31(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx31(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx31(Loader2Icon, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
+      toastOptions: {
+        classNames: {
+          toast: "cn-toast"
+        }
+      },
+      ...props
+    }
+  );
+};
+
+// src/components/ui/spinner.tsx
+import { Loader2Icon as Loader2Icon2 } from "lucide-react";
+import { jsx as jsx32 } from "react/jsx-runtime";
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsx32(Loader2Icon2, { "data-slot": "spinner", role: "status", "aria-label": "Loading", className: cn("size-4 animate-spin", className), ...props });
+}
+
+// src/components/ui/switch.tsx
+import "react";
+import { Switch as SwitchPrimitive } from "radix-ui";
+import { jsx as jsx33 } from "react/jsx-runtime";
+function Switch({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx33(
+    SwitchPrimitive.Root,
+    {
+      "data-slot": "switch",
+      "data-size": size,
+      className: cn(
+        "peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx33(
+        SwitchPrimitive.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"
+        }
+      )
+    }
+  );
+}
+
+// src/components/ui/table.tsx
+import "react";
+import { jsx as jsx34 } from "react/jsx-runtime";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx34(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsx34(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx34(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx34(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx34(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: cn(
+        "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx34(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx34(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx34(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCaption({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx34(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("mt-4 text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/tabs.tsx
+import "react";
+import { cva as cva10 } from "class-variance-authority";
+import { Tabs as TabsPrimitive } from "radix-ui";
+import { jsx as jsx35 } from "react/jsx-runtime";
+function Tabs({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx35(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      "data-orientation": orientation,
+      className: cn(
+        "group/tabs flex gap-2 data-horizontal:flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var tabsListVariants = cva10(
+  "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        line: "gap-1 bg-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function TabsList({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx35(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      "data-variant": variant,
+      className: cn(tabsListVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx35(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-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-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
+        "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground",
+        "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx35(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 text-sm outline-none", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/toggle.tsx
+import "react";
+import { cva as cva11 } from "class-variance-authority";
+import { Toggle as TogglePrimitive } from "radix-ui";
+import { jsx as jsx36 } from "react/jsx-runtime";
+var toggleVariants = cva11(
+  "group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-muted"
+      },
+      size: {
+        default: "h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        sm: "h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Toggle({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx36(
+    TogglePrimitive.Root,
+    {
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/toggle-group.tsx
+import * as React25 from "react";
+import "class-variance-authority";
+import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
+import { jsx as jsx37 } from "react/jsx-runtime";
+var ToggleGroupContext = React25.createContext({
+  size: "default",
+  variant: "default",
+  spacing: 2,
+  orientation: "horizontal"
+});
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  spacing: spacing2 = 2,
+  orientation = "horizontal",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx37(
+    ToggleGroupPrimitive.Root,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      "data-spacing": spacing2,
+      "data-orientation": orientation,
+      style: { "--gap": spacing2 },
+      className: cn(
+        "group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx37(
+        ToggleGroupContext.Provider,
+        {
+          value: { variant, size, spacing: spacing2, orientation },
+          children
+        }
+      )
+    }
+  );
+}
+function ToggleGroupItem({
+  className,
+  children,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  const context = React25.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx37(
+    ToggleGroupPrimitive.Item,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": context.variant || variant,
+      "data-size": context.size || size,
+      "data-spacing": context.spacing,
+      className: cn(
+        "shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5 group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t",
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+
+// src/components/ui/tooltip.tsx
+import "react";
+import { Tooltip as TooltipPrimitive } from "radix-ui";
+import { jsx as jsx38, jsxs as jsxs10 } from "react/jsx-runtime";
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration,
+      ...props
+    }
+  );
+}
+function Tooltip2({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs10(
+    TooltipPrimitive.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 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 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx38(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
+      ]
+    }
+  ) });
+}
+
+// src/components/composed/AdviceCard.tsx
+import { jsx as jsx39, jsxs as jsxs11 } from "react/jsx-runtime";
+function AdviceCard({ icon, tone = "ink", value, text, note }) {
+  const iconColor = tone === "accent" ? color.accent : color.foreground;
+  return /* @__PURE__ */ jsxs11(Stack, { gap: "xs", style: { maxWidth: 168 }, children: [
+    /* @__PURE__ */ jsx39(Icon, { name: icon, size: 40, color: iconColor }),
+    /* @__PURE__ */ jsx39(Text, { as: "span", size: "display", weight: 400, children: value }),
+    /* @__PURE__ */ jsx39(Text, { as: "span", size: "caption", style: { opacity: 0.72 }, children: text }),
+    note && /* @__PURE__ */ jsx39(Text, { as: "span", size: "footnote", style: { opacity: 0.68, marginTop: 2 }, children: note })
+  ] });
+}
+
+// src/components/composed/Chip.tsx
+import { jsx as jsx40 } from "react/jsx-runtime";
+function Chip({ children, style, ...props }) {
+  return /* @__PURE__ */ jsx40(
+    Surface,
+    {
+      as: "button",
+      type: "button",
+      variant: "glass",
+      radius: "pill",
+      style: {
+        border: "none",
+        cursor: "pointer",
+        fontSize: 16,
+        fontWeight: 500,
+        color: color.foreground,
+        padding: "8px 14px",
+        ...style
+      },
+      ...props,
+      children
+    }
+  );
+}
+
+// src/components/composed/Field.tsx
+import { jsx as jsx41, jsxs as jsxs12 } from "react/jsx-runtime";
+function FormField({ label, htmlFor, description, error, children }) {
+  return /* @__PURE__ */ jsxs12(Field, { "data-invalid": error ? true : void 0, children: [
+    /* @__PURE__ */ jsx41(FieldLabel, { htmlFor, children: label }),
+    children,
+    description && !error && /* @__PURE__ */ jsx41(FieldDescription, { children: description }),
+    error && /* @__PURE__ */ jsx41(FieldError, { children: error })
+  ] });
+}
+
+// src/components/composed/FilterSelect.tsx
+import { Fragment as Fragment2, jsx as jsx42, jsxs as jsxs13 } from "react/jsx-runtime";
+function FilterSelect({ label, placeholder, value, onValueChange, onClear, options }) {
+  return /* @__PURE__ */ jsxs13(
+    Surface,
+    {
+      variant: "paper",
+      radius: "pill",
+      style: { display: "inline-flex", alignItems: "stretch", overflow: "hidden", width: "max-content" },
+      children: [
+        /* @__PURE__ */ jsxs13(Select, { value, onValueChange, children: [
+          /* @__PURE__ */ jsx42(
+            SelectTrigger,
+            {
+              "aria-label": label,
+              style: { border: "none", background: "transparent", borderRadius: 0 },
+              children: /* @__PURE__ */ jsx42(SelectValue, { placeholder })
+            }
+          ),
+          /* @__PURE__ */ jsx42(SelectContent, { children: options.map((o) => /* @__PURE__ */ jsx42(SelectItem, { value: o.value, children: o.label }, o.value)) })
+        ] }),
+        value && /* @__PURE__ */ jsxs13(Fragment2, { children: [
+          /* @__PURE__ */ jsx42(Separator, { orientation: "vertical" }),
+          /* @__PURE__ */ jsx42(
+            "button",
+            {
+              type: "button",
+              onClick: onClear,
+              "aria-label": `\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C ${label.toLowerCase()}`,
+              style: {
+                width: 36,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                border: "none",
+                background: "transparent",
+                color: color.ink3,
+                cursor: "pointer",
+                padding: 0
+              },
+              onMouseEnter: (e) => {
+                e.currentTarget.style.background = color.muted;
+                e.currentTarget.style.color = color.accent;
+              },
+              onMouseLeave: (e) => {
+                e.currentTarget.style.background = "transparent";
+                e.currentTarget.style.color = color.ink3;
+              },
+              children: /* @__PURE__ */ jsx42(Icon, { name: "close", size: 14 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/composed/MessageBubble.tsx
+import { jsx as jsx43 } from "react/jsx-runtime";
+function MessageBubble({ from, children }) {
+  const isUser = from === "user";
+  return /* @__PURE__ */ jsx43(
+    Box,
+    {
+      p: "base",
+      radius: "xl",
+      style: {
+        maxWidth: "90%",
+        alignSelf: isUser ? "flex-end" : "flex-start",
+        background: isUser ? color.foreground : color.secondary,
+        color: isUser ? color.background : color.foreground,
+        fontSize: 16,
+        lineHeight: 1.55,
+        borderBottomRightRadius: isUser ? 5 : void 0,
+        borderBottomLeftRadius: isUser ? void 0 : 5
+      },
+      children
+    }
+  );
+}
+
+// src/components/composed/Search.tsx
+import { jsx as jsx44, jsxs as jsxs14 } from "react/jsx-runtime";
+function Search({ placeholder = "\u041F\u043E\u0438\u0441\u043A", value, onChange, className }) {
+  return /* @__PURE__ */ jsxs14(InputGroup, { className, children: [
+    /* @__PURE__ */ jsx44(InputGroupAddon, { children: /* @__PURE__ */ jsx44(Icon, { name: "search", size: 16 }) }),
+    /* @__PURE__ */ jsx44(
+      InputGroupInput,
+      {
+        placeholder,
+        value,
+        onChange: onChange ? (e) => onChange(e.target.value) : void 0
+      }
+    )
+  ] });
+}
+
+// src/components/composed/Toolbar.tsx
+import { Toolbar as RadixToolbar } from "radix-ui";
+import { jsx as jsx45 } from "react/jsx-runtime";
+function Toolbar({
+  children,
+  orientation = "horizontal",
+  bare = false
+}) {
+  if (bare) {
+    return /* @__PURE__ */ jsx45(RadixToolbar.Root, { asChild: true, orientation, children: /* @__PURE__ */ jsx45(Flex, { align: "center", gap: "md", children }) });
+  }
+  return /* @__PURE__ */ jsx45(RadixToolbar.Root, { asChild: true, orientation, children: /* @__PURE__ */ jsx45(
+    Flex,
+    {
+      align: "center",
+      justify: "between",
+      gap: "md",
+      p: "sm",
+      radius: "lg",
+      style: { background: color.muted },
+      children
+    }
+  ) });
+}
+function ToolbarGroup({ children }) {
+  return /* @__PURE__ */ jsx45(Flex, { align: "center", gap: "xs", children });
+}
+function ToolbarToggleGroup({
+  value,
+  onValueChange,
+  children
+}) {
+  return /* @__PURE__ */ jsx45(
+    RadixToolbar.ToggleGroup,
+    {
+      type: "single",
+      value,
+      onValueChange: (v) => v && onValueChange?.(v),
+      asChild: true,
+      children: /* @__PURE__ */ jsx45(Flex, { gap: "xs", style: { background: color.background, borderRadius: radius.pill, padding: spacing.xs }, children })
+    }
+  );
+}
+function ToolbarToggleItem({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsx45(
+    RadixToolbar.ToggleItem,
+    {
+      value,
+      className: "toolbar-toggle-item",
+      style: {
+        // background/color are NOT set here — inline style always wins over
+        // an external CSS rule regardless of specificity, which would make
+        // Toolbar.css's `[data-state="on"]` selector permanently dead (this
+        // is exactly the bug that shipped: the active tab never highlighted
+        // even though Radix's data-state was switching correctly). Both
+        // states live in Toolbar.css instead.
+        border: "none",
+        borderRadius: radius.pill,
+        padding: `${spacing.xs}px ${spacing.md}px`,
+        fontSize: 14,
+        cursor: "pointer"
+      },
+      children
+    }
+  );
+}
+function ToolbarSeparator() {
+  return /* @__PURE__ */ jsx45(RadixToolbar.Separator, { style: { width: 1, height: 24, background: color.input } });
+}
+function ToolbarButton({ children }) {
+  return /* @__PURE__ */ jsx45(RadixToolbar.Button, { asChild: true, children });
+}
+
+// src/components/composed/TypingIndicator.tsx
+import { jsx as jsx46, jsxs as jsxs15 } from "react/jsx-runtime";
+function TypingIndicator() {
+  return /* @__PURE__ */ jsxs15(
+    Box,
+    {
+      radius: "xl",
+      style: {
+        display: "inline-flex",
+        gap: 4,
+        alignSelf: "flex-start",
+        background: color.secondary,
+        padding: "13px 15px",
+        borderBottomLeftRadius: 5
+      },
+      children: [
+        /* @__PURE__ */ jsx46("span", { className: "typing-dot" }),
+        /* @__PURE__ */ jsx46("span", { className: "typing-dot", style: { animationDelay: ".2s" } }),
+        /* @__PURE__ */ jsx46("span", { className: "typing-dot", style: { animationDelay: ".4s" } })
+      ]
+    }
+  );
+}
+
+// src/components/composed/charts/AreaChart.tsx
+import { AreaChart as RAreaChart, Area, XAxis, YAxis, CartesianGrid } from "recharts";
+import { jsx as jsx47, jsxs as jsxs16 } from "react/jsx-runtime";
+function AreaChart({ data, xKey, series, height = 260, showLegend = series.length > 1, stacked = true }) {
+  const config = Object.fromEntries(series.map((s) => [s.key, { label: s.label, color: s.color }]));
+  return /* @__PURE__ */ jsx47(ChartContainer, { config, style: { height }, className: "w-full", children: /* @__PURE__ */ jsxs16(RAreaChart, { data, children: [
+    /* @__PURE__ */ jsx47(CartesianGrid, { vertical: false, stroke: color.input }),
+    /* @__PURE__ */ jsx47(XAxis, { dataKey: xKey, tickLine: false, axisLine: false, fontSize: 12 }),
+    /* @__PURE__ */ jsx47(YAxis, { tickLine: false, axisLine: false, fontSize: 12, width: 32 }),
+    /* @__PURE__ */ jsx47(ChartTooltip, { content: /* @__PURE__ */ jsx47(ChartTooltipContent, {}) }),
+    showLegend && /* @__PURE__ */ jsx47(ChartLegend, { content: /* @__PURE__ */ jsx47(ChartLegendContent, {}) }),
+    series.map((s) => /* @__PURE__ */ jsx47(
+      Area,
+      {
+        dataKey: s.key,
+        type: "monotone",
+        stackId: stacked ? "a" : void 0,
+        stroke: `var(--color-${s.key})`,
+        fill: `var(--color-${s.key})`,
+        fillOpacity: 0.2,
+        strokeWidth: 2,
+        isAnimationActive: false
+      },
+      s.key
+    ))
+  ] }) });
+}
+
+// src/components/composed/charts/BarChart.tsx
+import { BarChart as RBarChart, Bar, XAxis as XAxis2, YAxis as YAxis2, CartesianGrid as CartesianGrid2 } from "recharts";
+import { jsx as jsx48, jsxs as jsxs17 } from "react/jsx-runtime";
+function BarChart({ data, xKey, series, height = 260, showLegend = series.length > 1 }) {
+  const config = Object.fromEntries(series.map((s) => [s.key, { label: s.label, color: s.color }]));
+  return /* @__PURE__ */ jsx48(ChartContainer, { config, style: { height }, className: "w-full", children: /* @__PURE__ */ jsxs17(RBarChart, { data, children: [
+    /* @__PURE__ */ jsx48(CartesianGrid2, { vertical: false, stroke: color.input }),
+    /* @__PURE__ */ jsx48(XAxis2, { dataKey: xKey, tickLine: false, axisLine: false, fontSize: 12 }),
+    /* @__PURE__ */ jsx48(YAxis2, { tickLine: false, axisLine: false, fontSize: 12, width: 32 }),
+    /* @__PURE__ */ jsx48(ChartTooltip, { content: /* @__PURE__ */ jsx48(ChartTooltipContent, {}) }),
+    showLegend && /* @__PURE__ */ jsx48(ChartLegend, { content: /* @__PURE__ */ jsx48(ChartLegendContent, {}) }),
+    series.map((s) => /* @__PURE__ */ jsx48(Bar, { dataKey: s.key, fill: `var(--color-${s.key})`, radius: 4, isAnimationActive: false }, s.key))
+  ] }) });
+}
+
+// src/components/composed/charts/DistributionChart.tsx
+import {
+  BarChart as BarChart2,
+  Bar as Bar2,
+  XAxis as XAxis3,
+  YAxis as YAxis3,
+  CartesianGrid as CartesianGrid3
+} from "recharts";
+import { jsx as jsx49, jsxs as jsxs18 } from "react/jsx-runtime";
+var SEGMENT_COLORS = [color.accent, color.chart2, color.chart3, color.chart4, color.chart5];
+var MAX_SEGMENTS = 5;
+function DistributionChart({ groups, rowHeight = 40 }) {
+  const config = {};
+  for (let i = 0; i < MAX_SEGMENTS; i++) {
+    config[`seg${i}`] = { label: `\u041F\u043E\u0437\u0438\u0446\u0438\u044F ${i + 1}`, color: SEGMENT_COLORS[i] };
+  }
+  config.rest = { label: "\u041E\u0441\u0442\u0430\u043B\u044C\u043D\u043E\u0435", color: color.muted };
+  const data = groups.map((g) => {
+    const row = { name: g.name, total: g.total };
+    let sum = 0;
+    g.segments.slice(0, MAX_SEGMENTS).forEach((seg, i) => {
+      row[`seg${i}`] = seg.widthPct;
+      row[`seg${i}_label`] = `${seg.label} \u2014 ${seg.count}`;
+      sum += seg.widthPct;
+    });
+    row.rest = Math.max(0, 100 - sum);
+    return row;
+  });
+  return /* @__PURE__ */ jsx49(ChartContainer, { config, style: { height: groups.length * rowHeight + 24 }, className: "w-full", children: /* @__PURE__ */ jsxs18(BarChart2, { data, layout: "vertical", margin: { left: 0, right: 12, top: 4, bottom: 4 }, children: [
+    /* @__PURE__ */ jsx49(CartesianGrid3, { horizontal: false, stroke: color.input }),
+    /* @__PURE__ */ jsx49(XAxis3, { type: "number", domain: [0, 100], hide: true }),
+    /* @__PURE__ */ jsx49(YAxis3, { type: "category", dataKey: "name", tickLine: false, axisLine: false, width: 130, fontSize: 12 }),
+    /* @__PURE__ */ jsx49(
+      ChartTooltip,
+      {
+        content: /* @__PURE__ */ jsx49(
+          ChartTooltipContent,
+          {
+            hideLabel: true,
+            formatter: (_value, name, item) => {
+              if (name === "rest") return null;
+              const label = item?.payload?.[`${name}_label`];
+              return label ?? null;
+            }
+          }
+        )
+      }
+    ),
+    Array.from({ length: MAX_SEGMENTS }, (_, i) => /* @__PURE__ */ jsx49(Bar2, { dataKey: `seg${i}`, stackId: "dist", fill: `var(--color-seg${i})`, isAnimationActive: false }, i)),
+    /* @__PURE__ */ jsx49(Bar2, { dataKey: "rest", stackId: "dist", fill: "var(--color-rest)", isAnimationActive: false })
+  ] }) });
+}
+
+// src/components/composed/charts/DonutChart.tsx
+import { PieChart, Pie, Cell } from "recharts";
+import { jsx as jsx50, jsxs as jsxs19 } from "react/jsx-runtime";
+function DonutChart({ data, height = 260, showLegend = true }) {
+  const config = Object.fromEntries(data.map((d) => [d.key, { label: d.label, color: d.color }]));
+  return /* @__PURE__ */ jsx50(ChartContainer, { config, style: { height }, className: "w-full", children: /* @__PURE__ */ jsxs19(PieChart, { children: [
+    /* @__PURE__ */ jsx50(ChartTooltip, { content: /* @__PURE__ */ jsx50(ChartTooltipContent, { nameKey: "key" }) }),
+    showLegend && /* @__PURE__ */ jsx50(ChartLegend, { content: /* @__PURE__ */ jsx50(ChartLegendContent, { nameKey: "key" }) }),
+    /* @__PURE__ */ jsx50(Pie, { data, dataKey: "value", nameKey: "key", innerRadius: "60%", outerRadius: "90%", strokeWidth: 2, isAnimationActive: false, children: data.map((d) => /* @__PURE__ */ jsx50(Cell, { fill: `var(--color-${d.key})` }, d.key)) })
+  ] }) });
+}
+
+// src/components/composed/charts/LineChart.tsx
+import { LineChart as RLineChart, Line, XAxis as XAxis4, YAxis as YAxis4, CartesianGrid as CartesianGrid4 } from "recharts";
+import { jsx as jsx51, jsxs as jsxs20 } from "react/jsx-runtime";
+function LineChart({ data, xKey, series, height = 260, showLegend = series.length > 1 }) {
+  const config = Object.fromEntries(series.map((s) => [s.key, { label: s.label, color: s.color }]));
+  return /* @__PURE__ */ jsx51(ChartContainer, { config, style: { height }, className: "w-full", children: /* @__PURE__ */ jsxs20(RLineChart, { data, children: [
+    /* @__PURE__ */ jsx51(CartesianGrid4, { vertical: false, stroke: color.input }),
+    /* @__PURE__ */ jsx51(XAxis4, { dataKey: xKey, tickLine: false, axisLine: false, fontSize: 12 }),
+    /* @__PURE__ */ jsx51(YAxis4, { tickLine: false, axisLine: false, fontSize: 12, width: 32 }),
+    /* @__PURE__ */ jsx51(ChartTooltip, { content: /* @__PURE__ */ jsx51(ChartTooltipContent, {}) }),
+    showLegend && /* @__PURE__ */ jsx51(ChartLegend, { content: /* @__PURE__ */ jsx51(ChartLegendContent, {}) }),
+    series.map((s) => /* @__PURE__ */ jsx51(Line, { dataKey: s.key, type: "monotone", stroke: `var(--color-${s.key})`, strokeWidth: 2, dot: false, isAnimationActive: false }, s.key))
+  ] }) });
+}
+
+// src/sections/AssistantDock.tsx
+import { useEffect, useRef, useState } from "react";
+import { Fragment as Fragment3, jsx as jsx52, jsxs as jsxs21 } from "react/jsx-runtime";
+var msgId = 0;
+function AssistantDock({
+  title = "\u0410\u0441\u0441\u0438\u0441\u0442\u0435\u043D\u0442",
+  intro = "\u0421\u043F\u0440\u043E\u0441\u0438\u0442\u0435 \u0447\u0442\u043E \u0443\u0433\u043E\u0434\u043D\u043E \u0438\u043B\u0438 \u043D\u0430\u0447\u043D\u0438\u0442\u0435 \u0441 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438:",
+  chips = [],
+  fallbackAnswer = "\u0423\u0442\u043E\u0447\u043D\u0438\u0442\u0435 \u0432\u043E\u043F\u0440\u043E\u0441 \u2014 \u0440\u0430\u0437\u0431\u0435\u0440\u0451\u043C \u043F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435.",
+  placeholder = "\u0417\u0430\u0434\u0430\u0439\u0442\u0435 \u0432\u043E\u043F\u0440\u043E\u0441\u2026"
+}) {
+  const [mode, setMode] = useState("idle");
+  const [messages, setMessages] = useState([]);
+  const [typing, setTyping] = useState(false);
+  const [value, setValue] = useState("");
+  const fieldRef = useRef(null);
+  const msgsRef = useRef(null);
+  const close = () => {
+    setMode(window.scrollY > 120 ? "orb" : "idle");
+    fieldRef.current?.blur();
+    document.body.style.overflow = "";
+  };
+  const open = () => {
+    setMode("open");
+    document.body.style.overflow = "hidden";
+    requestAnimationFrame(() => fieldRef.current?.focus());
+  };
+  useEffect(() => {
+    if (mode !== "open") return;
+    const onKey = (e) => {
+      if (e.key === "Escape") close();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [mode]);
+  useEffect(() => {
+    msgsRef.current?.scrollTo({ top: msgsRef.current.scrollHeight });
+  }, [messages, typing]);
+  const ask = (question, answer) => {
+    setMode("open");
+    document.body.style.overflow = "hidden";
+    setMessages((m) => [...m, { id: ++msgId, from: "user", content: question }]);
+    setTyping(true);
+    setTimeout(() => {
+      setTyping(false);
+      setMessages((m) => [...m, { id: ++msgId, from: "bot", content: answer ?? fallbackAnswer }]);
+    }, 650);
+  };
+  const send = () => {
+    const v = value.trim();
+    if (!v) {
+      fieldRef.current?.focus();
+      return;
+    }
+    ask(v, null);
+    setValue("");
+    fieldRef.current?.focus();
+  };
+  const handleBtnClick = () => {
+    if (mode === "open") send();
+    else open();
+  };
+  const handleKey = (e) => {
+    if (e.key === "Enter") send();
+    else if (e.key === "Escape") {
+      setValue("");
+      close();
+    }
+  };
+  return /* @__PURE__ */ jsxs21("div", { className: `assistant-dock assistant-dock--${mode === "open" ? "open" : mode === "orb" ? "orb" : "idle"}`, children: [
+    /* @__PURE__ */ jsxs21("div", { className: "assistant-dock-panel", children: [
+      /* @__PURE__ */ jsxs21("div", { className: "assistant-dock-glow", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx52("span", { className: "blob blob1" }),
+        /* @__PURE__ */ jsx52("span", { className: "blob blob2" }),
+        /* @__PURE__ */ jsx52("span", { className: "blob blob3" })
+      ] }),
+      /* @__PURE__ */ jsxs21("div", { className: "assistant-dock-inner", children: [
+        /* @__PURE__ */ jsxs21("div", { className: "assistant-dock-head", children: [
+          /* @__PURE__ */ jsx52("span", { className: "assistant-dock-title", children: title }),
+          /* @__PURE__ */ jsx52(
+            "button",
+            {
+              type: "button",
+              className: "assistant-dock-close",
+              "aria-label": "\u0417\u0430\u043A\u0440\u044B\u0442\u044C",
+              onMouseDown: (e) => e.preventDefault(),
+              onClick: close,
+              children: /* @__PURE__ */ jsx52(Icon, { name: "close", size: 16 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs21("div", { className: "assistant-dock-msgs", ref: msgsRef, children: [
+          messages.length === 0 && /* @__PURE__ */ jsxs21(Fragment3, { children: [
+            /* @__PURE__ */ jsx52("div", { className: "assistant-dock-sub", children: intro }),
+            /* @__PURE__ */ jsx52("div", { className: "assistant-dock-chips", children: chips.map((c) => /* @__PURE__ */ jsx52(
+              Chip,
+              {
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => {
+                  ask(c.question, c.answer);
+                  fieldRef.current?.focus();
+                },
+                children: c.question
+              },
+              c.question
+            )) })
+          ] }),
+          messages.map((m) => /* @__PURE__ */ jsx52(MessageBubble, { from: m.from, children: m.content }, m.id)),
+          typing && /* @__PURE__ */ jsx52(TypingIndicator, {})
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs21("div", { className: "assistant-dock-input", children: [
+      /* @__PURE__ */ jsx52(
+        "input",
+        {
+          ref: fieldRef,
+          className: "assistant-dock-field",
+          placeholder,
+          autoComplete: "off",
+          value,
+          onChange: (e) => setValue(e.target.value),
+          onKeyDown: handleKey
+        }
+      ),
+      /* @__PURE__ */ jsxs21("div", { className: "assistant-dock-blob", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx52("i", {}),
+        /* @__PURE__ */ jsx52("i", {}),
+        /* @__PURE__ */ jsx52("i", {}),
+        /* @__PURE__ */ jsx52("i", {})
+      ] }),
+      /* @__PURE__ */ jsxs21(
+        "button",
+        {
+          type: "button",
+          className: "assistant-dock-btn",
+          "aria-label": "\u0421\u043F\u0440\u043E\u0441\u0438\u0442\u044C \u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043D\u0442\u0430",
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: handleBtnClick,
+          children: [
+            /* @__PURE__ */ jsxs21("span", { className: "assistant-dock-btn-label", children: [
+              /* @__PURE__ */ jsx52(Icon, { name: "spark", size: 16 }),
+              " \u0421\u043F\u0440\u043E\u0441\u0438\u0442\u044C \u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043D\u0442\u0430"
+            ] }),
+            /* @__PURE__ */ jsx52("span", { className: "assistant-dock-miniico", children: /* @__PURE__ */ jsx52(Icon, { name: "spark", size: 16 }) }),
+            /* @__PURE__ */ jsx52(Icon, { name: "send", size: 22, className: "assistant-dock-send" })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/sections/SidebarNav.tsx
+import { jsx as jsx53, jsxs as jsxs22 } from "react/jsx-runtime";
+var BRAND_LOGO_PATH = "M450.313 0C769.313 0 944.528 245.166 864.813 542.666C852.313 581.666 848.967 591.728 838.813 623.165L872.813 664.166C962.596 778.457 980.313 929.666 937.814 1104.77H624.813C746.313 944.666 814.313 782.166 825.313 711.666L814.313 696.165C714.974 976.165 548.411 1115.92 359.862 1115.92C151.313 1115.92 0 972.665 0 794.466C0 582.558 193.313 444.512 450.313 444.512C625.327 444.512 730.313 526.666 783.813 571.665L796.313 532.666C781.813 463.166 613.813 360.364 436.813 360.364C329.862 360.364 239.313 386.166 144.313 437.165L20 114.335C134.313 49.6655 286.313 0 450.313 0ZM543.813 547.665C425.012 547.665 349.862 633.349 349.862 720.165C349.862 791.982 413.313 872.992 493.663 872.992C605.327 872.992 712.813 785.665 764.813 639.665C704.313 582.666 621.859 547.665 543.813 547.665Z";
+var EXAMPLE_NAV_ITEMS = [
+  { key: "home", label: "\u0413\u043B\u0430\u0432\u043D\u0430\u044F", icon: "home" },
+  { key: "team", label: "\u041A\u043E\u043C\u0430\u043D\u0434\u0430", icon: "team" },
+  { key: "orders", label: "\u0417\u0430\u043A\u0430\u0437\u044B", icon: "orders" },
+  { key: "knowledge", label: "\u0417\u043D\u0430\u043D\u0438\u044F", icon: "knowledge" }
+];
+var NI = 22;
+function SidebarNav({
+  active,
+  items,
+  avatarInitials = "",
+  avatarTitle,
+  showSettings = true,
+  clientLabel,
+  clientInitial
+}) {
+  return /* @__PURE__ */ jsxs22("aside", { className: "sidebar", children: [
+    /* @__PURE__ */ jsx53("div", { className: "brand", title: "\u0410\u0440\u0442\u0435\u0444\u0430\u043A\u0442", children: /* @__PURE__ */ jsx53(
+      "svg",
+      {
+        className: "brand-logo",
+        viewBox: "0 0 960 1116",
+        fill: "currentColor",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ jsx53("path", { fillRule: "evenodd", clipRule: "evenodd", d: BRAND_LOGO_PATH })
+      }
+    ) }),
+    clientLabel && /* @__PURE__ */ jsxs22("div", { className: "client", "aria-label": clientLabel, children: [
+      /* @__PURE__ */ jsx53("span", { className: "bd", children: (clientInitial ?? clientLabel.charAt(0)).toUpperCase() }),
+      /* @__PURE__ */ jsx53("span", { className: "tip", children: clientLabel })
+    ] }),
+    /* @__PURE__ */ jsx53("nav", { className: "nav", "aria-label": "\u041D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044F", children: items.map((item) => /* @__PURE__ */ jsxs22(
+      "a",
+      {
+        href: "#",
+        className: item.key === active ? "active" : void 0,
+        "aria-label": item.label,
+        "aria-current": item.key === active ? "page" : void 0,
+        children: [
+          /* @__PURE__ */ jsx53(Icon, { name: item.icon, size: NI }),
+          /* @__PURE__ */ jsx53("span", { className: "tip", children: item.label })
+        ]
+      },
+      item.key
+    )) }),
+    /* @__PURE__ */ jsxs22("div", { className: "side-foot", children: [
+      /* @__PURE__ */ jsx53("span", { className: "avatar", title: avatarTitle, children: avatarInitials }),
+      showSettings && /* @__PURE__ */ jsxs22("span", { className: "ico-btn", "aria-label": "\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438", children: [
+        /* @__PURE__ */ jsx53(Icon, { name: "settings", size: NI }),
+        /* @__PURE__ */ jsx53("span", { className: "tip", children: "\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438" })
+      ] })
+    ] })
+  ] });
+}
+export {
+  AdviceCard,
+  Alert,
+  AlertAction,
+  AlertDescription,
+  AlertTitle,
+  AppShell,
+  AreaChart,
+  AssistantDock,
+  Avatar,
+  AvatarBadge,
+  AvatarFallback,
+  AvatarGroup,
+  AvatarGroupCount,
+  AvatarImage,
+  Badge,
+  BarChart,
+  Box,
+  Button,
+  ButtonGroup,
+  ButtonGroupSeparator,
+  ButtonGroupText,
+  Card,
+  CardAction,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartStyle,
+  ChartTooltip,
+  ChartTooltipContent,
+  Checkbox,
+  Chip,
+  Container,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DistributionChart,
+  DonutChart,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  EXAMPLE_NAV_ITEMS,
+  Empty,
+  EmptyContent,
+  EmptyDescription,
+  EmptyHeader,
+  EmptyMedia,
+  EmptyTitle,
+  Field,
+  FieldContent,
+  FieldDescription,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldTitle,
+  FilterSelect,
+  Flex,
+  FormField,
+  Grid,
+  ICON_NAMES,
+  Icon,
+  Image,
+  Input,
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputGroupTextarea,
+  Item,
+  ItemActions,
+  ItemContent,
+  ItemDescription,
+  ItemFooter,
+  ItemGroup,
+  ItemHeader,
+  ItemMedia,
+  ItemSeparator,
+  ItemTitle,
+  Label,
+  LineChart,
+  MessageBubble,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  Progress,
+  RadioGroup,
+  RadioGroupItem,
+  SURFACE_VARIANTS,
+  Search,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator,
+  SidebarNav,
+  Spinner,
+  Stack,
+  Surface,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Text,
+  Textarea,
+  TitledRow,
+  Toaster,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  Toolbar,
+  ToolbarButton,
+  ToolbarGroup,
+  ToolbarSeparator,
+  ToolbarToggleGroup,
+  ToolbarToggleItem,
+  Tooltip2 as Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  TypingIndicator,
+  badgeVariants,
+  buttonGroupVariants,
+  buttonVariants,
+  chartKeys,
+  cn,
+  color,
+  font,
+  navigationMenuTriggerStyle,
+  radius,
+  semanticRoles,
+  spacing,
+  tabsListVariants,
+  toggleVariants,
+  type
+};
+//# sourceMappingURL=index.js.map