@2urgseui/core 0.1.0

package/dist/index.js

@@ -0,0 +1,4936 @@
+import {
+  borderRadius,
+  boxShadow,
+  breakpoints,
+  colors,
+  spacing,
+  transitionDuration,
+  transitionTimingFunction,
+  typography
+} from "./chunk-VGPGVDCW.js";
+
+// source/components/primitive/Alert/alert.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+
+// source/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// source/components/primitive/Alert/alert.tsx
+import { jsx } from "react/jsx-runtime";
+var alertVariants = cva(
+  "relative w-full rounded-lg border p-4 text-sm",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground border-border",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive",
+        success: "border-green-500/50 text-green-600 dark:border-green-500",
+        warning: "border-yellow-500/50 text-yellow-600 dark:border-yellow-500"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Alert = React.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      role: "alert",
+      "data-slot": "alert",
+      className: cn(alertVariants({ variant }), className),
+      ...props
+    }
+  )
+);
+Alert.displayName = "Alert";
+var AlertTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h5",
+  {
+    ref,
+    "data-slot": "alert-title",
+    className: cn(
+      "mb-1 font-medium leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    "data-slot": "alert-description",
+    className: cn("text-sm leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+
+// source/components/primitive/AlertDialog/alert-dialog.tsx
+import * as React3 from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+
+// source/components/primitive/Button/button.tsx
+import * as React2 from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var buttonVariants = cva2(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all outline-none shrink-0 disabled:pointer-events-none disabled:opacity-50 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+        // ── Glassmorphic ──────────────────────────────────────────
+        // Semi-transparent fill + backdrop blur so the gradient behind
+        // the AppShell (or any coloured container) bleeds through.
+        // Border and inner highlight simulate a frosted glass edge.
+        // Active state darkens the fill; focus uses the token ring.
+        glass: [
+          "relative overflow-hidden",
+          "bg-primary/75 dark:bg-primary/20",
+          "border border-white/30 dark:border-white/15",
+          "text-secondary",
+          "backdrop-blur-md backdrop-saturate-150",
+          "shadow-glass dark:shadow-glass-dark",
+          // Inner top-edge highlight — the "rim" of the glass
+          "before:pointer-events-none before:absolute before:inset-x-0 before:top-0",
+          "before:h-px before:bg-gradient-to-r before:from-transparent before:via-white/50 before:to-transparent",
+          "hover:bg-primary dark:hover:bg-primary/20",
+          "hover:border-white/50 dark:hover:border-white/25",
+          "hover:shadow-md",
+          "active:bg-brand-600 dark:active:bg-brand-600/45",
+          "active:scale-[0.98]"
+        ].join(" ")
+      },
+      size: {
+        xs: "h-7 px-2 text-xs gap-1 has-[>svg]:px-2",
+        sm: "h-8 px-3 gap-1.5 has-[>svg]:px-2.5",
+        default: "h-9 px-4 gap-2 has-[>svg]:px-3",
+        lg: "h-10 px-6 gap-2 has-[>svg]:px-4",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function ButtonSpinner() {
+  return /* @__PURE__ */ jsx2(
+    "span",
+    {
+      className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent",
+      "aria-hidden": "true"
+    }
+  );
+}
+var Button = React2.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    asChild = false,
+    isLoading = false,
+    disabled,
+    children,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    const isDisabled = disabled || isLoading;
+    return /* @__PURE__ */ jsx2(
+      Comp,
+      {
+        ref,
+        "data-slot": "button",
+        className: cn(buttonVariants({ variant, size }), className),
+        disabled: isDisabled,
+        "aria-busy": isLoading || void 0,
+        ...props,
+        children: isLoading ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx2(ButtonSpinner, {}),
+          /* @__PURE__ */ jsx2("span", { className: "sr-only", children: "Loading" })
+        ] }) : children
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// source/components/primitive/AlertDialog/alert-dialog.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  AlertDialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContent = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs2(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx3(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx3(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx3(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx3(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(buttonVariants(), className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(
+      buttonVariants({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+// source/components/primitive/Accordion/accordion.tsx
+import * as React4 from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown } from "lucide-react";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("border-b", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx4(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs3(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx4(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx4(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ jsx4("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// source/components/primitive/AsyncSelect/async-select.tsx
+import * as React6 from "react";
+import { Check, ChevronDown as ChevronDown2, Loader2, Search } from "lucide-react";
+
+// source/utils/input-surface.ts
+var motion = "transition-[border-color,box-shadow,background-color,backdrop-filter] duration-200 ease-out motion-reduce:transition-none ";
+var inverseShadowField = "shadow-[inset_0_2px_8px_rgb(0_0_0/0.06),inset_0_-1px_0_rgb(255_255_255/0.55)] dark:shadow-[inset_0_2px_10px_rgb(0_0_0/0.28),inset_0_-1px_0_rgb(255_255_255/0.06)] ";
+var inverseShadowFieldFocus = "focus-visible:shadow-[inset_0_2px_10px_rgb(0_0_0/0.07),inset_0_-1px_0_rgb(255_255_255/0.58),0_0_0_1px_hsl(var(--primary)/0.2)] dark:focus-visible:shadow-[inset_0_2px_12px_rgb(0_0_0/0.38),inset_0_-1px_0_rgb(255_255_255/0.08),0_0_0_1px_hsl(var(--primary)/0.28)] ";
+var inverseShadowContainerFocus = "focus-within:shadow-[inset_0_2px_10px_rgb(0_0_0/0.07),inset_0_-1px_0_rgb(255_255_255/0.58),0_0_0_1px_hsl(var(--primary)/0.2)] dark:focus-within:shadow-[inset_0_2px_12px_rgb(0_0_0/0.38),inset_0_-1px_0_rgb(255_255_255/0.08),0_0_0_1px_hsl(var(--primary)/0.28)] ";
+var inputSurfaceShell = "rounded-xl border border-slate-200/95 dark:border-zinc-600/45 bg-slate-100/92 dark:bg-zinc-900/55 text-slate-800 dark:text-slate-100 backdrop-blur-md backdrop-saturate-125 ";
+var inputSurfacePlaceholders = "placeholder:text-slate-500 dark:placeholder:text-slate-400 [&_[data-placeholder]]:text-slate-500 dark:[&_[data-placeholder]]:text-slate-400 ";
+var inputSurfaceField = inputSurfaceShell + inverseShadowField + motion + inputSurfacePlaceholders + "hover:ring-2 hover:ring-primary/25 hover:ring-offset-0 active:border-primary dark:active:border-primary focus-visible:outline-none focus-visible:border-primary dark:focus-visible:border-primary " + inverseShadowFieldFocus + "focus-visible:ring-2 focus-visible:ring-primary/30 focus-visible:ring-offset-0 data-[state=open]:border-primary dark:data-[state=open]:border-primary";
+var inputSurfaceContainer = inputSurfaceShell + inverseShadowField + motion + "hover:ring-2 hover:ring-primary/25 hover:ring-offset-0 focus-within:outline-none focus-within:border-primary dark:focus-within:border-primary " + inverseShadowContainerFocus + "focus-within:ring-2 focus-within:ring-primary/30 focus-within:ring-offset-0";
+var inputSurfaceFieldDisabled = "disabled:cursor-not-allowed disabled:opacity-[0.38] disabled:backdrop-blur-sm disabled:shadow-none disabled:ring-0 disabled:border-slate-200/60 dark:disabled:border-zinc-700/40";
+var inputSurfaceContainerDisabled = "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-[0.38] has-[:disabled]:backdrop-blur-sm has-[:disabled]:shadow-none has-[:disabled]:ring-0 has-[:disabled]:border-slate-200/60 dark:has-[:disabled]:border-zinc-700/40";
+var inputSurfaceFieldInvalid = "border-rose-400/60 dark:border-rose-400/40 bg-rose-50/55 dark:bg-rose-950/30 text-slate-800 dark:text-slate-100 shadow-[inset_0_2px_8px_rgb(244_63_94/0.08),inset_0_-1px_0_rgb(255_255_255/0.45)] dark:shadow-[inset_0_2px_10px_rgb(0_0_0/0.35),inset_0_-1px_0_rgb(255_255_255/0.05)] hover:ring-rose-500/25 dark:hover:ring-rose-400/22 focus-visible:border-rose-500 dark:focus-visible:border-rose-400 focus-visible:ring-rose-500/25 dark:focus-visible:ring-rose-400/25";
+var inputSurfaceContainerInvalid = "border-rose-400/60 dark:border-rose-400/40 bg-rose-50/55 dark:bg-rose-950/30 text-slate-800 dark:text-slate-100 shadow-[inset_0_2px_8px_rgb(244_63_94/0.08),inset_0_-1px_0_rgb(255_255_255/0.45)] dark:shadow-[inset_0_2px_10px_rgb(0_0_0/0.35),inset_0_-1px_0_rgb(255_255_255/0.05)] hover:ring-rose-500/25 dark:hover:ring-rose-400/22 focus-within:border-rose-500 dark:focus-within:border-rose-400 focus-within:ring-2 focus-within:ring-rose-500/25 dark:focus-within:ring-rose-400/25 focus-within:ring-offset-0";
+var inputSurfaceDashed = "rounded-xl border-2 border-dashed border-slate-300/90 dark:border-zinc-600/45 bg-slate-100/75 dark:bg-zinc-900/40 backdrop-blur-md backdrop-saturate-125 shadow-[inset_0_2px_8px_rgb(0_0_0/0.05),inset_0_-1px_0_rgb(255_255_255/0.45)] dark:shadow-[inset_0_2px_10px_rgb(0_0_0/0.26),inset_0_-1px_0_rgb(255_255_255/0.05)] " + motion + "text-slate-600 dark:text-slate-300 hover:border-slate-400/90 dark:hover:border-zinc-500/55 hover:ring-2 hover:ring-primary/20 hover:ring-offset-0 focus-visible:outline-none focus-visible:border-primary dark:focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25 focus-visible:ring-offset-0";
+var inputSurfaceDashedDragOver = "border-primary/65 dark:border-primary/50 bg-primary/10 dark:bg-primary/14 ring-2 ring-primary/25 ring-offset-0 shadow-[inset_0_2px_8px_rgb(0_0_0/0.05),0_0_0_1px_hsl(var(--primary)/0.22)]";
+var inputSurfaceOtpSlot = "rounded-xl border border-slate-200/95 dark:border-zinc-600/45 bg-slate-100/92 dark:bg-zinc-900/55 text-slate-800 dark:text-slate-100 backdrop-blur-md backdrop-saturate-125 " + inverseShadowField + motion + "focus-visible:outline-none ";
+var inputOtpContainerInvalid = "[&_[data-slot=input-otp-slot]]:border-rose-400/60 [&_[data-slot=input-otp-slot]]:dark:border-rose-400/40 [&_[data-slot=input-otp-slot]]:bg-rose-50/55 [&_[data-slot=input-otp-slot]]:dark:bg-rose-950/30 [&_[data-slot=input-otp-slot]]:shadow-[inset_0_2px_6px_rgb(244_63_94/0.1),inset_0_-1px_0_rgb(255_255_255/0.4)] [&_[data-slot=input-otp-slot]]:dark:shadow-[inset_0_2px_8px_rgb(0_0_0/0.35),inset_0_-1px_0_rgb(255_255_255/0.05)]";
+
+// source/components/primitive/Popover/popover.tsx
+import * as React5 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var animationClasses = "data-[state=open]:animate-in data-[state=closed]:animate-out      data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0      data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95      data-[side=bottom]:slide-in-from-top-2      data-[side=left]:slide-in-from-right-2      data-[side=right]:slide-in-from-left-2      data-[side=top]:slide-in-from-bottom-2";
+var PopoverContent = React5.forwardRef(
+  ({
+    className,
+    align = "center",
+    side = "bottom",
+    sideOffset = 4,
+    collisionPadding = 8,
+    showArrow = false,
+    children,
+    ...props
+  }, ref) => /* @__PURE__ */ jsx5(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs4(
+    PopoverPrimitive.Content,
+    {
+      ref,
+      align,
+      side,
+      sideOffset,
+      collisionPadding,
+      className: cn(
+        "z-50 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none origin-[--radix-popover-content-transform-origin]",
+        animationClasses,
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showArrow && /* @__PURE__ */ jsx5(PopoverPrimitive.Arrow, { className: "fill-popover" })
+      ]
+    }
+  ) })
+);
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// source/components/primitive/AsyncSelect/async-select.tsx
+import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function getByPath(obj, path) {
+  return path.split(".").reduce((acc, key) => {
+    if (acc != null && typeof acc === "object") return acc[key];
+    return void 0;
+  }, obj);
+}
+var defaultFetcher = async ({ url, search, page }) => {
+  const sep = url.includes("?") ? "&" : "?";
+  const res = await fetch(
+    `${url}${sep}search=${encodeURIComponent(search)}&page=${encodeURIComponent(page)}`
+  );
+  if (!res.ok) throw new Error(`AsyncSelect fetch failed: ${res.status}`);
+  return res.json();
+};
+function resolveLabel(item, labelKey) {
+  if (typeof labelKey === "function") return labelKey(item);
+  return String(item[labelKey] ?? "");
+}
+function AsyncSelectInner(props) {
+  const {
+    url,
+    valueKey,
+    labelKey,
+    value,
+    onValueChange,
+    placeholder = "Select\u2026",
+    searchPlaceholder = "Search\u2026",
+    debounce: debounceMs = 300,
+    searchable = true,
+    clearable = true,
+    disabled = false,
+    error = false,
+    name,
+    className,
+    fetcher,
+    dataPath = "data",
+    hasMorePath = "hasMore",
+    pageSize = 20,
+    innerRef
+  } = props;
+  const [open, setOpen] = React6.useState(false);
+  const [search, setSearch] = React6.useState("");
+  const [debouncedSearch, setDebouncedSearch] = React6.useState("");
+  const [page, setPage] = React6.useState(1);
+  const [items, setItems] = React6.useState([]);
+  const [hasMore, setHasMore] = React6.useState(false);
+  const [loading, setLoading] = React6.useState(false);
+  const [loadingMore, setLoadingMore] = React6.useState(false);
+  const [fetchError, setFetchError] = React6.useState(null);
+  const [selectedItem, setSelectedItem] = React6.useState(null);
+  const sentinelRef = React6.useRef(null);
+  const searchInputRef = React6.useRef(null);
+  const abortRef = React6.useRef(null);
+  React6.useEffect(() => {
+    const id = setTimeout(() => setDebouncedSearch(search), debounceMs);
+    return () => clearTimeout(id);
+  }, [search, debounceMs]);
+  React6.useEffect(() => {
+    setPage(1);
+    setItems([]);
+    setHasMore(false);
+  }, [debouncedSearch, url]);
+  const fetchPage = React6.useCallback(
+    async (pageNum, searchTerm, append) => {
+      abortRef.current?.abort();
+      const controller = new AbortController();
+      abortRef.current = controller;
+      if (append) setLoadingMore(true);
+      else setLoading(true);
+      setFetchError(null);
+      try {
+        const doFetch = fetcher ?? defaultFetcher;
+        const result = await doFetch({ url, search: searchTerm, page: pageNum });
+        if (controller.signal.aborted) return;
+        const rawData = getByPath(result, dataPath);
+        const newItems = Array.isArray(rawData) ? rawData : [];
+        const rawHasMore = getByPath(result, hasMorePath);
+        let more;
+        if (typeof rawHasMore === "boolean") {
+          more = rawHasMore;
+        } else if (typeof rawHasMore === "number") {
+          const total = rawHasMore;
+          const loaded = (append ? items.length : 0) + newItems.length;
+          more = loaded < total;
+        } else {
+          more = newItems.length >= pageSize;
+        }
+        setItems((prev) => append ? [...prev, ...newItems] : newItems);
+        setHasMore(more);
+      } catch (err) {
+        if (controller.signal.aborted) return;
+        setFetchError(err instanceof Error ? err.message : "Fetch failed");
+      } finally {
+        if (!controller.signal.aborted) {
+          setLoading(false);
+          setLoadingMore(false);
+        }
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [url, fetcher, dataPath, hasMorePath, pageSize]
+  );
+  React6.useEffect(() => {
+    if (!open) return;
+    fetchPage(page, debouncedSearch, page > 1);
+  }, [open, page, debouncedSearch, fetchPage]);
+  React6.useEffect(() => {
+    const el = sentinelRef.current;
+    if (!el || !open) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries[0]?.isIntersecting && hasMore && !loading && !loadingMore) {
+          setPage((p) => p + 1);
+        }
+      },
+      { threshold: 0.1 }
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [open, hasMore, loading, loadingMore]);
+  React6.useEffect(() => {
+    if (open) {
+      setTimeout(() => searchInputRef.current?.focus(), 0);
+    } else {
+      setSearch("");
+      setDebouncedSearch("");
+    }
+  }, [open]);
+  React6.useEffect(() => {
+    if (!value) {
+      setSelectedItem(null);
+      return;
+    }
+    const found = items.find(
+      (it) => String(it[valueKey]) === value
+    );
+    if (found) setSelectedItem(found);
+  }, [value, items, valueKey]);
+  const handleSelect = (item) => {
+    const itemValue = String(item[valueKey]);
+    if (itemValue === value && clearable) {
+      onValueChange?.("");
+      setSelectedItem(null);
+    } else {
+      onValueChange?.(itemValue);
+      setSelectedItem(item);
+    }
+    setOpen(false);
+  };
+  const handleClear = (e) => {
+    e.stopPropagation();
+    onValueChange?.("");
+    setSelectedItem(null);
+  };
+  const triggerLabel = selectedItem ? resolveLabel(selectedItem, labelKey) : null;
+  return /* @__PURE__ */ jsxs5(Popover, { open, onOpenChange: setOpen, children: [
+    name && /* @__PURE__ */ jsx6("input", { type: "hidden", name, value: value ?? "" }),
+    /* @__PURE__ */ jsx6(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs5(
+      "button",
+      {
+        ref: innerRef,
+        type: "button",
+        role: "combobox",
+        "aria-expanded": open,
+        disabled,
+        className: cn(
+          "flex h-11 w-full appearance-none items-center justify-between gap-2 px-4 text-base md:text-sm",
+          inputSurfaceField,
+          inputSurfaceFieldDisabled,
+          "[&>span]:line-clamp-1 [&>span]:text-inherit [&_svg]:text-slate-500 dark:[&_svg]:text-slate-400",
+          error && inputSurfaceFieldInvalid,
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx6(
+            "span",
+            {
+              className: cn("truncate", !triggerLabel && "text-slate-500 dark:text-slate-400"),
+              children: triggerLabel ?? placeholder
+            }
+          ),
+          /* @__PURE__ */ jsxs5("span", { className: "flex shrink-0 items-center gap-1", children: [
+            clearable && value && !disabled && /* @__PURE__ */ jsx6(
+              "span",
+              {
+                role: "button",
+                tabIndex: -1,
+                "aria-label": "Clear selection",
+                onClick: handleClear,
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" || e.key === " ") handleClear(e);
+                },
+                className: "rounded-sm p-0.5 text-muted-foreground hover:text-foreground",
+                children: "\xD7"
+              }
+            ),
+            /* @__PURE__ */ jsx6(ChevronDown2, { "aria-hidden": true, className: "h-4 w-4 shrink-0" })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs5(
+      PopoverContent,
+      {
+        align: "start",
+        className: "w-[--radix-popover-trigger-width] p-0",
+        onOpenAutoFocus: (e) => e.preventDefault(),
+        children: [
+          searchable && /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 border-b px-3 py-2", children: [
+            /* @__PURE__ */ jsx6(Search, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsx6(
+              "input",
+              {
+                ref: searchInputRef,
+                value: search,
+                onChange: (e) => setSearch(e.target.value),
+                placeholder: searchPlaceholder,
+                className: "h-8 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx6("div", { className: "max-h-60 overflow-y-auto p-1", children: loading && items.length === 0 ? /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsx6(Loader2, { className: "h-4 w-4 animate-spin" }),
+            "Loading\u2026"
+          ] }) : fetchError ? /* @__PURE__ */ jsx6("div", { className: "px-3 py-4 text-center text-sm text-destructive", children: fetchError }) : items.length === 0 ? /* @__PURE__ */ jsx6("div", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: "No results found." }) : /* @__PURE__ */ jsxs5(Fragment, { children: [
+            items.map((item) => {
+              const itemValue = String(
+                item[valueKey]
+              );
+              const isSelected = itemValue === value;
+              return /* @__PURE__ */ jsxs5(
+                "button",
+                {
+                  type: "button",
+                  role: "option",
+                  "aria-selected": isSelected,
+                  onClick: () => handleSelect(item),
+                  className: cn(
+                    "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
+                    "hover:bg-accent hover:text-accent-foreground",
+                    "focus-visible:bg-accent focus-visible:text-accent-foreground",
+                    isSelected && "bg-accent/50"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx6("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: isSelected && /* @__PURE__ */ jsx6(Check, { className: "h-4 w-4" }) }),
+                    /* @__PURE__ */ jsx6("span", { className: "truncate", children: resolveLabel(item, labelKey) })
+                  ]
+                },
+                itemValue
+              );
+            }),
+            hasMore && /* @__PURE__ */ jsx6(
+              "div",
+              {
+                ref: sentinelRef,
+                className: "flex items-center justify-center py-2",
+                children: /* @__PURE__ */ jsx6(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" })
+              }
+            )
+          ] }) })
+        ]
+      }
+    )
+  ] });
+}
+var AsyncSelect = React6.forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx6(AsyncSelectInner, { ...props, innerRef: ref })
+);
+AsyncSelect.displayName = "AsyncSelect";
+
+// source/components/composite/layout/AppShell/appshell.tsx
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function AppShell({ sidebar, topbar, children, className }) {
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      className: cn(
+        "relative flex h-screen w-full overflow-hidden",
+        "bg-gradient-to-br from-brand-50 via-neutral-100 to-emerald-50",
+        "dark:from-brand-950 dark:via-neutral-950 dark:to-brand-900",
+        className
+      ),
+      children: [
+        sidebar,
+        /* @__PURE__ */ jsxs6("div", { className: "relative flex min-h-0 min-w-0 flex-1 flex-col", children: [
+          topbar && /* @__PURE__ */ jsx7("header", { className: cn("sticky top-0 z-30 flex-shrink-0 my-2 mx-3 mb-0 rounded-2xl"), children: topbar }),
+          /* @__PURE__ */ jsx7("main", { className: "flex-1 overflow-y-auto", children })
+        ] })
+      ]
+    }
+  );
+}
+
+// source/components/primitive/AspectRatio/aspect-ratio.tsx
+import * as React7 from "react";
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var AspectRatio = React7.forwardRef(({ className, ratio = 1, style, ...props }, ref) => {
+  return /* @__PURE__ */ jsx8(
+    AspectRatioPrimitive.Root,
+    {
+      ref,
+      "data-slot": "aspect-ratio",
+      ratio,
+      className: cn("overflow-hidden", className),
+      style,
+      ...props
+    }
+  );
+});
+AspectRatio.displayName = "AspectRatio";
+
+// source/components/primitive/Avatar/avatar.tsx
+import * as React8 from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var avatarSizes = {
+  xs: "h-6 w-6 text-[10px]",
+  sm: "h-8 w-8 text-xs",
+  md: "h-10 w-10 text-sm",
+  lg: "h-12 w-12 text-base",
+  xl: "h-16 w-16 text-lg"
+};
+var Avatar = React8.forwardRef(({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx9(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    "data-slot": "avatar",
+    className: cn(
+      "relative inline-flex shrink-0 overflow-hidden rounded-full",
+      avatarSizes[size],
+      className
+    ),
+    ...props
+  }
+));
+Avatar.displayName = "Avatar";
+var AvatarImage = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("h-full w-full object-cover", className),
+    ...props
+  }
+));
+AvatarImage.displayName = "AvatarImage";
+var AvatarFallback = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted font-medium text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = "AvatarFallback";
+
+// source/components/primitive/Badge/badge.tsx
+import * as React9 from "react";
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var badgeVariants = cva3(
+  "inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground border-border",
+        success: "border-transparent bg-green-500 text-white hover:bg-green-500/80",
+        warning: "border-transparent bg-yellow-500 text-black hover:bg-yellow-500/80"
+      },
+      size: {
+        sm: "px-2 py-0 text-[10px]",
+        default: "px-2.5 py-0.5 text-xs",
+        lg: "px-3 py-1 text-sm"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Badge = React9.forwardRef(
+  ({ className, variant, size, ...props }, ref) => {
+    return /* @__PURE__ */ jsx10(
+      "span",
+      {
+        ref,
+        "data-slot": "badge",
+        className: cn(badgeVariants({ variant, size }), className),
+        ...props
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+
+// source/components/primitive/Breadcrumb/breadcrumb.tsx
+import * as React10 from "react";
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+
+// source/components/primitive/Icon/icon.tsx
+import { Fragment as Fragment2, jsx as jsx11 } from "react/jsx-runtime";
+var registry = /* @__PURE__ */ new Map();
+function registerIcons(icons) {
+  Object.entries(icons).forEach(([name, component]) => {
+    registry.set(name, component);
+  });
+}
+function getIcon(name) {
+  return registry.get(name);
+}
+var Icon = ({ name, fallback, size = 24, ...props }) => {
+  const Component = registry.get(name);
+  if (!Component) {
+    if (fallback) return /* @__PURE__ */ jsx11(Fragment2, { children: fallback });
+    return null;
+  }
+  return /* @__PURE__ */ jsx11(Component, { size, ...props });
+};
+Icon.displayName = "Icon";
+
+// source/components/primitive/Breadcrumb/breadcrumb.tsx
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+var Breadcrumb = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  "nav",
+  {
+    ref,
+    "aria-label": "breadcrumb",
+    "data-slot": "breadcrumb",
+    className: cn(className),
+    ...props
+  }
+));
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  "ol",
+  {
+    ref,
+    "data-slot": "breadcrumb-list",
+    className: cn(
+      "flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground sm:gap-2.5",
+      className
+    ),
+    ...props
+  }
+));
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  "li",
+  {
+    ref,
+    "data-slot": "breadcrumb-item",
+    className: cn("inline-flex items-center gap-1.5", className),
+    ...props
+  }
+));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React10.forwardRef(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? Slot2 : "a";
+  return /* @__PURE__ */ jsx12(
+    Comp,
+    {
+      ref,
+      "data-slot": "breadcrumb-link",
+      className: cn("transition-colors hover:text-foreground", className),
+      ...props
+    }
+  );
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  "span",
+  {
+    ref,
+    "data-slot": "breadcrumb-page",
+    "aria-current": "page",
+    className: cn("font-normal text-foreground", className),
+    ...props
+  }
+));
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = ({
+  className,
+  children,
+  ...props
+}) => /* @__PURE__ */ jsx12(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    "data-slot": "breadcrumb-separator",
+    className: cn(
+      "[&>svg]:h-3.5 [&>svg]:w-3.5 text-muted-foreground",
+      className
+    ),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx12(Icon, { name: "ChevronRight" })
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs7(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    "data-slot": "breadcrumb-ellipsis",
+    className: cn(
+      "flex h-9 w-9 items-center justify-center",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx12(Icon, { name: "FlipHorizontal2", className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+
+// source/components/primitive/Calendar/calendar.tsx
+import * as React11 from "react";
+import {
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon
+} from "lucide-react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import { jsx as jsx13 } from "react/jsx-runtime";
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  captionLayout = "label",
+  buttonVariant = "ghost",
+  formatters,
+  components,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  return /* @__PURE__ */ jsx13(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn(
+        "bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      captionLayout,
+      formatters: {
+        formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+        ...formatters
+      },
+      classNames: {
+        root: cn("w-fit", defaultClassNames.root),
+        months: cn(
+          "relative flex flex-col gap-4 md:flex-row",
+          defaultClassNames.months
+        ),
+        month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+        nav: cn(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          defaultClassNames.nav
+        ),
+        button_previous: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: buttonVariant }),
+          "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: cn(
+          "flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: cn(
+          "has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: cn(
+          "bg-popover absolute inset-0 opacity-0",
+          defaultClassNames.dropdown
+        ),
+        caption_label: cn(
+          "select-none font-medium",
+          captionLayout === "label" ? "text-sm" : "[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5",
+          defaultClassNames.caption_label
+        ),
+        table: "w-full border-collapse",
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal",
+          defaultClassNames.weekday
+        ),
+        week: cn("mt-2 flex w-full", defaultClassNames.week),
+        week_number_header: cn(
+          "w-[--cell-size] select-none",
+          defaultClassNames.week_number_header
+        ),
+        week_number: cn(
+          "text-muted-foreground select-none text-[0.8rem]",
+          defaultClassNames.week_number
+        ),
+        day: cn(
+          "group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md",
+          defaultClassNames.day
+        ),
+        range_start: cn(
+          "bg-accent rounded-l-md",
+          defaultClassNames.range_start
+        ),
+        range_middle: cn("rounded-none", defaultClassNames.range_middle),
+        range_end: cn("bg-accent rounded-r-md", defaultClassNames.range_end),
+        today: cn(
+          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn(
+          "text-muted-foreground opacity-50",
+          defaultClassNames.disabled
+        ),
+        hidden: cn("invisible", defaultClassNames.hidden),
+        ...classNames
+      },
+      components: {
+        Root: ({ className: className2, rootRef, ...props2 }) => {
+          return /* @__PURE__ */ jsx13(
+            "div",
+            {
+              "data-slot": "calendar",
+              ref: rootRef,
+              className: cn(className2),
+              ...props2
+            }
+          );
+        },
+        Chevron: ({ className: className2, orientation, ...props2 }) => {
+          if (orientation === "left") {
+            return /* @__PURE__ */ jsx13(ChevronLeftIcon, { className: cn("size-4", className2), ...props2 });
+          }
+          if (orientation === "right") {
+            return /* @__PURE__ */ jsx13(
+              ChevronRightIcon,
+              {
+                className: cn("size-4", className2),
+                ...props2
+              }
+            );
+          }
+          return /* @__PURE__ */ jsx13(ChevronDownIcon, { className: cn("size-4", className2), ...props2 });
+        },
+        DayButton: CalendarDayButton,
+        WeekNumber: ({ children, ...props2 }) => {
+          return /* @__PURE__ */ jsx13("td", { ...props2, children: /* @__PURE__ */ jsx13("div", { className: "flex size-[--cell-size] items-center justify-center text-center", children }) });
+        },
+        ...components
+      },
+      ...props
+    }
+  );
+}
+function CalendarDayButton({
+  className,
+  day,
+  modifiers,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  const ref = React11.useRef(null);
+  React11.useEffect(() => {
+    if (modifiers.focused) ref.current?.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ jsx13(
+    Button,
+    {
+      ref,
+      variant: "ghost",
+      size: "icon",
+      "data-day": day.date.toLocaleDateString(),
+      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+      "data-range-start": modifiers.range_start,
+      "data-range-end": modifiers.range_end,
+      "data-range-middle": modifiers.range_middle,
+      className: cn(
+        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// source/components/primitive/Caption/caption.tsx
+import * as React12 from "react";
+import { cva as cva4 } from "class-variance-authority";
+import { jsxs as jsxs8 } from "react/jsx-runtime";
+var captionVariants = cva4(
+  // Base: small, muted, slightly tracked out for readability at small sizes
+  "text-muted-foreground text-xs leading-normal tracking-wide",
+  {
+    variants: {
+      size: {
+        "2xs": "text-2xs",
+        xs: "text-xs",
+        sm: "text-sm"
+      },
+      tone: {
+        default: "text-muted-foreground",
+        subtle: "text-muted-foreground/60",
+        primary: "text-primary",
+        destructive: "text-destructive",
+        success: "text-success",
+        warning: "text-warning"
+      },
+      align: {
+        left: "text-left",
+        center: "text-center",
+        right: "text-right"
+      },
+      /**
+       * When true, the caption renders as a flex row so an optional leading
+       * icon (info, warning, etc.) sits inline with the text.
+       */
+      withIcon: {
+        true: "inline-flex items-center gap-1"
+      },
+      truncate: {
+        true: "truncate"
+      }
+    },
+    defaultVariants: {
+      size: "xs",
+      tone: "default"
+    }
+  }
+);
+var Caption = React12.forwardRef(
+  ({
+    element = "figcaption",
+    size,
+    tone,
+    align,
+    truncate,
+    icon,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const Tag = element;
+    const hasIcon = Boolean(icon);
+    return /* @__PURE__ */ jsxs8(
+      Tag,
+      {
+        ref,
+        className: cn(
+          captionVariants({ size, tone, align, truncate, withIcon: hasIcon }),
+          className
+        ),
+        ...props,
+        children: [
+          icon,
+          children
+        ]
+      }
+    );
+  }
+);
+Caption.displayName = "Caption";
+
+// source/components/primitive/Card/card.tsx
+import * as React13 from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var Card = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  "div",
+  {
+    ref,
+    className: cn(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      className
+    ),
+    ...props
+  }
+));
+Card.displayName = "Card";
+var CardHeader = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  "div",
+  {
+    ref,
+    className: cn(
+      "text-2xl font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  "div",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center p-6 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+
+// source/components/primitive/Checkbox/checkbox.tsx
+import * as React14 from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check as Check2 } from "lucide-react";
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var checkboxVariants = cva5(
+  "peer shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+  {
+    variants: {
+      size: {
+        sm: "h-3.5 w-3.5",
+        default: "h-4 w-4",
+        lg: "h-5 w-5"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var indicatorIconVariants = cva5("text-current", {
+  variants: {
+    size: {
+      sm: "h-3 w-3",
+      default: "h-4 w-4",
+      lg: "h-5 w-5"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+var Checkbox = React14.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsx15(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    "data-slot": "checkbox",
+    className: cn(checkboxVariants({ size }), className),
+    ...props,
+    children: /* @__PURE__ */ jsx15(
+      CheckboxPrimitive.Indicator,
+      {
+        "data-slot": "checkbox-indicator",
+        className: "flex items-center justify-center",
+        children: /* @__PURE__ */ jsx15(Check2, { className: cn(indicatorIconVariants({ size })) })
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+// source/components/primitive/Collapsible/collapsible.tsx
+import * as React15 from "react";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+  CollapsiblePrimitive.CollapsibleTrigger,
+  {
+    ref,
+    className: cn(
+      "flex items-center justify-between w-full",
+      className
+    ),
+    ...props
+  }
+));
+CollapsibleTrigger2.displayName = CollapsiblePrimitive.CollapsibleTrigger.displayName;
+var CollapsibleContent2 = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+  CollapsiblePrimitive.CollapsibleContent,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden text-sm data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
+      className
+    ),
+    ...props
+  }
+));
+CollapsibleContent2.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
+
+// source/components/primitive/Container/container.tsx
+import * as React16 from "react";
+import { cva as cva6 } from "class-variance-authority";
+import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+var containerVariants = cva6(
+  [
+    "relative overflow-hidden",
+    "transition-colors",
+    "border"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        glass: [
+          "backdrop-blur-md backdrop-saturate-150",
+          "bg-background/60 dark:bg-background/30",
+          "border-white/30 dark:border-white/15",
+          "shadow-glass dark:shadow-glass-dark",
+          "before:pointer-events-none before:absolute before:inset-x-0 before:top-0",
+          "before:h-px before:bg-gradient-to-r before:from-transparent before:via-white/50 before:to-transparent"
+        ].join(" "),
+        solid: [
+          "bg-background",
+          "border-border",
+          "shadow-sm"
+        ].join(" "),
+        bordered: [
+          "bg-transparent",
+          "border-border"
+        ].join(" ")
+      },
+      rounded: {
+        none: "rounded-none",
+        sm: "rounded-sm",
+        md: "rounded-md",
+        lg: "rounded-lg",
+        xl: "rounded-xl",
+        "2xl": "rounded-2xl"
+      },
+      padding: {
+        none: "p-0",
+        sm: "p-3",
+        md: "p-4",
+        lg: "p-6",
+        xl: "p-8"
+      }
+    },
+    defaultVariants: {
+      variant: "glass",
+      rounded: "lg",
+      padding: "md"
+    }
+  }
+);
+var Container = React16.forwardRef(
+  ({
+    className,
+    variant,
+    rounded,
+    padding,
+    header,
+    footer,
+    actions,
+    loading,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs9(
+      "div",
+      {
+        ref,
+        className: cn(
+          containerVariants({
+            variant,
+            rounded,
+            padding
+          }),
+          className
+        ),
+        ...props,
+        children: [
+          (header || actions) && /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between mb-4", children: [
+            header && /* @__PURE__ */ jsx17("div", { className: "text-sm font-semibold", children: header }),
+            actions && /* @__PURE__ */ jsx17("div", { className: "flex items-center gap-2", children: actions })
+          ] }),
+          /* @__PURE__ */ jsx17("div", { className: "relative", children: loading ? /* @__PURE__ */ jsxs9("div", { className: "animate-pulse space-y-3", children: [
+            /* @__PURE__ */ jsx17("div", { className: "h-4 w-3/4 bg-muted rounded" }),
+            /* @__PURE__ */ jsx17("div", { className: "h-4 w-full bg-muted rounded" }),
+            /* @__PURE__ */ jsx17("div", { className: "h-4 w-2/3 bg-muted rounded" })
+          ] }) : children }),
+          footer && /* @__PURE__ */ jsx17("div", { className: "mt-4 pt-4 border-t border-border", children: footer })
+        ]
+      }
+    );
+  }
+);
+Container.displayName = "Container";
+
+// source/components/primitive/Dialog/dialog.tsx
+import * as React17 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React17.forwardRef(({ className, children, hideClose = false, ...props }, ref) => /* @__PURE__ */ jsxs10(DialogPortal, { children: [
+  /* @__PURE__ */ jsx18(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs10(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        !hideClose && /* @__PURE__ */ jsxs10(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ jsx18(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx18("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx18(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx18(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// source/components/primitive/DropdownMenu/dropdown-menu.tsx
+import * as React18 from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check as Check3, ChevronRight, Circle } from "lucide-react";
+import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+var dropdownItemStyles = "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0";
+var dropdownAnimation = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2";
+var DropdownMenu = DropdownMenuPrimitive.Root;
+var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+var DropdownMenuGroup = DropdownMenuPrimitive.Group;
+var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+var DropdownMenuSubTrigger = React18.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    "data-slot": "dropdown-menu-sub-trigger",
+    className: cn(
+      dropdownItemStyles,
+      "focus:bg-accent data-[state=open]:bg-accent",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx19(ChevronRight, { className: "ml-auto" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    "data-slot": "dropdown-menu-sub-content",
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg",
+      dropdownAnimation,
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React18.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    "data-slot": "dropdown-menu-content",
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+      dropdownAnimation,
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React18.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx19(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    "data-slot": "dropdown-menu-item",
+    className: cn(dropdownItemStyles, inset && "pl-8", className),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React18.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs11(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    "data-slot": "dropdown-menu-checkbox-item",
+    className: cn(
+      dropdownItemStyles,
+      "pl-8 pr-2",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx19("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx19(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx19(Check3, { className: "size-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    "data-slot": "dropdown-menu-radio-item",
+    className: cn(
+      dropdownItemStyles,
+      "pl-8 pr-2",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx19("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx19(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx19(Circle, { className: "size-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React18.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx19(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    "data-slot": "dropdown-menu-label",
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    "data-slot": "dropdown-menu-separator",
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx19(
+  "span",
+  {
+    "data-slot": "dropdown-menu-shortcut",
+    className: cn(
+      "ml-auto text-xs tracking-widest opacity-60",
+      className
+    ),
+    ...props
+  }
+);
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+// source/components/primitive/Drawer/drawer.tsx
+import * as React19 from "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+var Drawer = ({
+  shouldScaleBackground = true,
+  ...props
+}) => /* @__PURE__ */ jsx20(
+  DrawerPrimitive.Root,
+  {
+    shouldScaleBackground,
+    ...props
+  }
+);
+Drawer.displayName = "Drawer";
+var DrawerTrigger = DrawerPrimitive.Trigger;
+var DrawerPortal = DrawerPrimitive.Portal;
+var DrawerClose = DrawerPrimitive.Close;
+var DrawerOverlay = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+  DrawerPrimitive.Overlay,
+  {
+    ref,
+    className: cn("fixed inset-0 z-50 bg-black/80", className),
+    ...props
+  }
+));
+DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
+var DrawerContent = React19.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs12(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx20(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxs12(
+    DrawerPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx20("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        children
+      ]
+    }
+  )
+] }));
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx20(
+  "div",
+  {
+    className: cn("grid gap-1.5 p-4 text-center sm:text-left", className),
+    ...props
+  }
+);
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx20(
+  "div",
+  {
+    className: cn("mt-auto flex flex-col gap-2 p-4", className),
+    ...props
+  }
+);
+DrawerFooter.displayName = "DrawerFooter";
+var DrawerTitle = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+  DrawerPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
+var DrawerDescription = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+  DrawerPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
+
+// source/components/primitive/FileDropzone/file-dropzone.tsx
+import * as React20 from "react";
+import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
+var FileDropzone = React20.forwardRef(
+  ({
+    className,
+    id,
+    name,
+    error,
+    disabled,
+    multiple,
+    onBlur,
+    onChange,
+    onFilesSelected,
+    accept,
+    helperText,
+    value: _value,
+    ...props
+  }, ref) => {
+    const inputRef = React20.useRef(null);
+    const [isDragging, setIsDragging] = React20.useState(false);
+    const [selectedFiles, setSelectedFiles] = React20.useState([]);
+    React20.useEffect(() => {
+      const v = _value;
+      if (v === null) {
+        setSelectedFiles([]);
+        if (inputRef.current) inputRef.current.value = "";
+        return;
+      }
+      if (typeof FileList !== "undefined" && v instanceof FileList) {
+        if (v.length === 0) {
+          setSelectedFiles([]);
+          if (inputRef.current) inputRef.current.value = "";
+          return;
+        }
+        setSelectedFiles(Array.from(v));
+        const node = inputRef.current;
+        if (!node) return;
+        const transfer = new DataTransfer();
+        for (const f of Array.from(v)) transfer.items.add(f);
+        try {
+          node.files = transfer.files;
+        } catch {
+        }
+      }
+    }, [_value]);
+    const assignRef = React20.useCallback(
+      (node) => {
+        inputRef.current = node;
+        if (!ref) return;
+        if (typeof ref === "function") {
+          ref(node);
+          return;
+        }
+        ref.current = node;
+      },
+      [ref]
+    );
+    const notifyChange = React20.useCallback(
+      (files) => {
+        setSelectedFiles(files);
+        onFilesSelected?.(files);
+        const node = inputRef.current;
+        if (!node) return;
+        const transfer = new DataTransfer();
+        for (const file of files) transfer.items.add(file);
+        try {
+          node.files = transfer.files;
+          const event = {
+            target: node
+          };
+          onChange?.(event);
+        } catch {
+          onChange?.({
+            target: {
+              name,
+              files: transfer.files
+            }
+          });
+        }
+      },
+      [name, onChange, onFilesSelected]
+    );
+    const handleNativeChange = (event) => {
+      const files = Array.from(event.target.files ?? []);
+      setSelectedFiles(files);
+      onFilesSelected?.(files);
+      onChange?.(event);
+    };
+    const handleDrop = (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      setIsDragging(false);
+      if (disabled) return;
+      const dropped = Array.from(event.dataTransfer.files ?? []);
+      if (dropped.length === 0) return;
+      notifyChange(multiple ? dropped : [dropped[0]]);
+    };
+    const openPicker = () => {
+      if (disabled) return;
+      inputRef.current?.click();
+    };
+    const fileLabel = selectedFiles.length === 0 ? "Drop file(s) here or click to browse" : selectedFiles.map((file) => file.name).join(", ");
+    return /* @__PURE__ */ jsxs13("div", { className: "w-full min-w-0 space-y-2", children: [
+      /* @__PURE__ */ jsx21(
+        "input",
+        {
+          ...props,
+          ref: assignRef,
+          id,
+          name,
+          type: "file",
+          accept,
+          disabled,
+          multiple,
+          className: "sr-only",
+          onBlur,
+          onChange: handleNativeChange
+        }
+      ),
+      /* @__PURE__ */ jsx21(
+        "div",
+        {
+          role: "button",
+          tabIndex: disabled ? -1 : 0,
+          "aria-disabled": disabled || void 0,
+          "aria-invalid": error || void 0,
+          onClick: openPicker,
+          onDrop: handleDrop,
+          onDragOver: (event) => {
+            event.preventDefault();
+            if (!disabled) setIsDragging(true);
+          },
+          onDragLeave: (event) => {
+            event.preventDefault();
+            setIsDragging(false);
+          },
+          onKeyDown: (event) => {
+            if (event.key === "Enter" || event.key === " ") {
+              event.preventDefault();
+              openPicker();
+            }
+          },
+          className: cn(
+            "flex min-h-28 w-full cursor-pointer items-center justify-center px-4 py-5 text-sm text-muted-foreground",
+            inputSurfaceDashed,
+            disabled && "pointer-events-none cursor-not-allowed opacity-[0.38] backdrop-blur-sm shadow-none ring-0 border-white/14 dark:border-white/8",
+            isDragging && !disabled && inputSurfaceDashedDragOver,
+            error && inputSurfaceFieldInvalid,
+            className
+          ),
+          children: /* @__PURE__ */ jsx21("span", { className: "text-center", children: fileLabel })
+        }
+      ),
+      helperText && /* @__PURE__ */ jsx21("p", { className: "text-xs text-muted-foreground", children: helperText })
+    ] });
+  }
+);
+FileDropzone.displayName = "FileDropzone";
+
+// source/components/primitive/FormField/form-field.tsx
+import * as React29 from "react";
+import {
+  Controller
+} from "react-hook-form";
+
+// source/components/primitive/InputOtp/input-otp.tsx
+import * as React21 from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { Dot } from "lucide-react";
+import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
+var InputOTPInvalidContext = React21.createContext(false);
+var slotLayout = "relative flex h-11 w-10 min-w-0 items-center justify-center rounded-xl px-0 py-0 text-base font-medium tabular-nums";
+var InputOTP = React21.forwardRef(({ className, containerClassName, invalid, children, render, ...props }, ref) => /* @__PURE__ */ jsx22(InputOTPInvalidContext.Provider, { value: Boolean(invalid), children: /* @__PURE__ */ jsx22(
+  OTPInput,
+  {
+    ref,
+    inputMode: "numeric",
+    autoComplete: "one-time-code",
+    containerClassName: cn(
+      "flex w-full min-w-0 items-center gap-2 has-[:disabled]:opacity-[0.38]",
+      containerClassName
+    ),
+    className: cn(inputSurfaceFieldDisabled, className),
+    ...props,
+    ...render != null ? { render } : { children }
+  }
+) }));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+  "div",
+  {
+    ref,
+    className: cn("flex w-full min-w-0 items-center gap-2.5", className),
+    ...props
+  }
+));
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React21.memo(
+  React21.forwardRef(({ index, className, ...props }, ref) => {
+    const ctx = React21.useContext(OTPInputContext);
+    const invalid = React21.useContext(InputOTPInvalidContext);
+    const slot = ctx?.slots?.[index];
+    if (!slot) return null;
+    const { char, hasFakeCaret, isActive } = slot;
+    return /* @__PURE__ */ jsxs14(
+      "div",
+      {
+        ref,
+        "data-slot": "input-otp-slot",
+        className: cn(
+          slotLayout,
+          inputSurfaceOtpSlot,
+          isActive && (invalid ? "z-10 border-rose-500/75 dark:border-rose-400/60 shadow-[inset_0_2px_8px_rgb(244_63_94/0.12)] ring-2 ring-rose-500/30 dark:ring-rose-400/25 ring-offset-0" : "z-10 border-primary shadow-[inset_0_2px_8px_rgb(0_0_0/0.06)] ring-2 ring-primary/30 ring-offset-0"),
+          className
+        ),
+        ...props,
+        children: [
+          char,
+          hasFakeCaret && /* @__PURE__ */ jsx22("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx22("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        ]
+      }
+    );
+  })
+);
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React21.forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx22("div", { ref, role: "separator", ...props, children: children ?? /* @__PURE__ */ jsx22(Dot, {}) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+// source/components/primitive/Input/input.tsx
+import * as React22 from "react";
+import { cva as cva7 } from "class-variance-authority";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var inputVariants = cva7(
+  [
+    "block w-full appearance-none px-4 text-base md:text-sm",
+    "file:mr-4 file:rounded-md file:border-0 file:bg-secondary file:px-3 file:py-1.5 file:text-sm file:font-medium file:text-foreground file:cursor-pointer",
+    inputSurfaceField,
+    inputSurfaceFieldDisabled
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        /** Default `h-11` (44px). */
+        default: "h-11",
+        sm: "h-9 px-3 text-sm",
+        lg: "h-[52px] px-5 text-base"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var Input = React22.forwardRef(
+  ({ className, type, size, invalid, error, ...props }, ref) => {
+    const isInvalid = error ?? invalid;
+    return /* @__PURE__ */ jsx23(
+      "input",
+      {
+        ref,
+        type,
+        "aria-invalid": isInvalid || void 0,
+        "data-invalid": isInvalid || void 0,
+        className: cn(
+          inputVariants({ size }),
+          isInvalid && inputSurfaceFieldInvalid,
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// source/components/primitive/Label/label.tsx
+import * as React23 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva as cva8 } from "class-variance-authority";
+import { jsx as jsx24, jsxs as jsxs15 } from "react/jsx-runtime";
+var labelVariants = cva8(
+  "font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+  {
+    variants: {
+      tone: {
+        default: "text-foreground",
+        muted: "text-muted-foreground"
+      },
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base"
+      }
+    },
+    defaultVariants: {
+      tone: "default",
+      size: "md"
+    }
+  }
+);
+var Label2 = React23.forwardRef(({ className, tone, size, required, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants({ tone, size }), className),
+    ...props,
+    children: [
+      children,
+      required && /* @__PURE__ */ jsx24("span", { className: "ml-0.5 text-destructive", children: "*" })
+    ]
+  }
+));
+Label2.displayName = LabelPrimitive.Root.displayName;
+
+// source/components/primitive/RadioGroup/radiogroup.tsx
+import * as React24 from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { Circle as Circle2 } from "lucide-react";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var RadioGroup2 = React24.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx25(
+    RadioGroupPrimitive.Root,
+    {
+      ref,
+      className: cn("grid gap-2", className),
+      ...props
+    }
+  );
+});
+RadioGroup2.displayName = "RadioGroup";
+var RadioGroupItem = React24.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx25(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "aspect-square h-4 w-4 rounded-full border border-primary text-primary",
+        "ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "data-[state=checked]:border-primary",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx25(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx25(Circle2, { className: "h-2.5 w-2.5 shrink-0 fill-current text-current" }) })
+    }
+  );
+});
+RadioGroupItem.displayName = "RadioGroupItem";
+
+// source/components/primitive/RichTextArea/richtext-editor.tsx
+import { EditorContent, useEditor } from "@tiptap/react";
+import StarterKit from "@tiptap/starter-kit";
+import Placeholder from "@tiptap/extension-placeholder";
+import Image2 from "@tiptap/extension-image";
+import Link from "@tiptap/extension-link";
+
+// source/components/primitive/RichTextArea/richtext-toolbar.tsx
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+function RichTextToolbar({ editor }) {
+  if (!editor) return null;
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-wrap gap-2 border-b p-2", children: [
+    /* @__PURE__ */ jsx26("button", { onClick: () => editor.chain().focus().toggleBold().run(), children: "Bold" }),
+    /* @__PURE__ */ jsx26("button", { onClick: () => editor.chain().focus().toggleItalic().run(), children: "Italic" }),
+    /* @__PURE__ */ jsx26("button", { onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(), children: "H2" }),
+    /* @__PURE__ */ jsx26("button", { onClick: () => editor.chain().focus().toggleBulletList().run(), children: "List" }),
+    /* @__PURE__ */ jsx26("button", { onClick: () => editor.chain().focus().toggleCodeBlock().run(), children: "Code" })
+  ] });
+}
+
+// source/components/primitive/RichTextArea/richtext-editor.tsx
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+var RichTextEditor = ({
+  value,
+  onChange,
+  placeholder,
+  className,
+  disabled
+}) => {
+  const editor = useEditor({
+    extensions: [
+      StarterKit,
+      Image2,
+      Link,
+      Placeholder.configure({
+        placeholder: placeholder ?? "Start writing..."
+      })
+    ],
+    content: value,
+    editable: !disabled,
+    onUpdate({ editor: editor2 }) {
+      onChange?.(editor2.getHTML());
+    }
+  });
+  if (!editor) return null;
+  return /* @__PURE__ */ jsxs17(
+    "div",
+    {
+      className: cn(
+        "w-full overflow-hidden",
+        inputSurfaceContainer,
+        inputSurfaceContainerDisabled,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx27(RichTextToolbar, { editor }),
+        /* @__PURE__ */ jsx27(
+          EditorContent,
+          {
+            editor,
+            className: "min-h-[200px] px-4 py-3 text-sm outline-none"
+          }
+        )
+      ]
+    }
+  );
+};
+
+// source/components/primitive/Select/select.tsx
+import * as React25 from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check as Check4, ChevronDown as ChevronDown3, ChevronUp } from "lucide-react";
+import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React25.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-11 w-full appearance-none items-center justify-between gap-2 px-4 text-base md:text-sm",
+      inputSurfaceField,
+      inputSurfaceFieldDisabled,
+      "[&>span]:line-clamp-1 [&>span]:text-inherit [&_svg]:text-slate-500 dark:[&_svg]:text-slate-400",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx28(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx28(
+        ChevronDown3,
+        {
+          "aria-hidden": "true",
+          className: "h-4 w-4 shrink-0"
+        }
+      ) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx28(ChevronUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx28(ChevronDown3, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React25.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx28(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs18(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
+      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,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx28(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx28(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx28(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React25.forwardRef(({ value, className, children, ...props }, ref) => {
+  if (value === "") {
+    throw new Error(
+      'SelectItem: `value` must not be an empty string \u2014 Radix uses "" to reset the Select and show the placeholder. Omit that option and use `<SelectValue placeholder="\u2026">`, or assign a sentinel value such as `"none"`.'
+    );
+  }
+  return /* @__PURE__ */ jsxs18(
+    SelectPrimitive.Item,
+    {
+      ref,
+      value,
+      className: cn(
+        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx28("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx28(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx28(Check4, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx28(SelectPrimitive.ItemText, { children })
+      ]
+    }
+  );
+});
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+// source/components/primitive/Switch/switch.tsx
+import * as React26 from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import { cva as cva9 } from "class-variance-authority";
+import { jsx as jsx29, jsxs as jsxs19 } from "react/jsx-runtime";
+var switchRootVariants = cva9(
+  [
+    "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "data-[state=checked]:bg-primary data-[state=unchecked]:bg-input"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        default: "h-6 w-11",
+        sm: "h-5 w-9"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var switchThumbVariants = cva9(
+  "pointer-events-none block rounded-full bg-background shadow-lg transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
+  {
+    variants: {
+      size: {
+        default: "h-5 w-5",
+        sm: "h-4 w-4 data-[state=checked]:translate-x-4"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var Switch = React26.forwardRef(
+  ({ className, label, description, error, size, id: idProp, ...props }, ref) => {
+    const generatedId = React26.useId();
+    const id = idProp ?? generatedId;
+    const descriptionId = description ? `${id}-description` : void 0;
+    const errorId = error ? `${id}-error` : void 0;
+    return /* @__PURE__ */ jsxs19("div", { className: "flex items-start gap-3", children: [
+      /* @__PURE__ */ jsx29(
+        SwitchPrimitives.Root,
+        {
+          ref,
+          id,
+          "aria-describedby": [descriptionId, errorId].filter(Boolean).join(" ") || void 0,
+          "aria-invalid": !!error,
+          className: cn(
+            switchRootVariants({ size }),
+            error && "border-destructive",
+            className
+          ),
+          ...props,
+          children: /* @__PURE__ */ jsx29(
+            SwitchPrimitives.Thumb,
+            {
+              className: cn(switchThumbVariants({ size }))
+            }
+          )
+        }
+      ),
+      (label || description || error) && /* @__PURE__ */ jsxs19("div", { className: "flex flex-col leading-tight", children: [
+        label && /* @__PURE__ */ jsx29(
+          "label",
+          {
+            htmlFor: id,
+            className: "text-sm font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+            children: label
+          }
+        ),
+        description && /* @__PURE__ */ jsx29(
+          "p",
+          {
+            id: descriptionId,
+            className: "text-sm text-muted-foreground",
+            children: description
+          }
+        ),
+        error && /* @__PURE__ */ jsx29(
+          "p",
+          {
+            id: errorId,
+            className: "text-sm text-destructive",
+            children: error
+          }
+        )
+      ] })
+    ] });
+  }
+);
+Switch.displayName = "Switch";
+
+// source/components/primitive/Text/text.tsx
+import * as React27 from "react";
+import { cva as cva10 } from "class-variance-authority";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var textVariants = cva10("text-foreground", {
+  variants: {
+    element: {
+      p: "block",
+      span: "inline",
+      label: "inline-block",
+      div: "block"
+    },
+    size: {
+      xs: "text-xs",
+      sm: "text-sm",
+      base: "text-base",
+      lg: "text-lg",
+      xl: "text-xl",
+      "2xl": "text-2xl",
+      "3xl": "text-3xl",
+      "4xl": "text-4xl"
+    },
+    weight: {
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold"
+    },
+    tone: {
+      default: "text-foreground",
+      muted: "text-muted-foreground",
+      subtle: "text-muted-foreground/70",
+      destructive: "text-destructive",
+      success: "text-green-600",
+      warning: "text-yellow-600"
+    },
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right"
+    },
+    truncate: {
+      true: "truncate"
+    }
+  },
+  defaultVariants: {
+    element: "p",
+    size: "base",
+    weight: "normal",
+    tone: "default"
+  }
+});
+var Text = React27.forwardRef(
+  ({
+    element = "p",
+    size,
+    weight,
+    tone,
+    align,
+    truncate,
+    className,
+    ...props
+  }, ref) => {
+    const Comp = element;
+    const variantElement = element === "div" ? "p" : element;
+    return /* @__PURE__ */ jsx30(
+      Comp,
+      {
+        ref,
+        className: cn(
+          textVariants({
+            element: variantElement,
+            size,
+            weight,
+            tone,
+            align,
+            truncate
+          }),
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Text.displayName = "Text";
+
+// source/components/primitive/TextArea/textarea.tsx
+import * as React28 from "react";
+import { jsx as jsx31 } from "react/jsx-runtime";
+var resizeClasses = {
+  none: "resize-none",
+  vertical: "resize-y",
+  horizontal: "resize-x",
+  both: "resize"
+};
+var layout = "block min-h-[120px] w-full min-w-0 px-4 py-2 text-sm md:text-base";
+var Textarea = React28.forwardRef(
+  ({ className, error, resize = "vertical", ...props }, ref) => {
+    return /* @__PURE__ */ jsx31(
+      "textarea",
+      {
+        ref,
+        "aria-invalid": error || void 0,
+        "data-invalid": error ? "" : void 0,
+        className: cn(
+          layout,
+          resizeClasses[resize],
+          inputSurfaceField,
+          inputSurfaceFieldDisabled,
+          error && inputSurfaceFieldInvalid,
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+// source/components/primitive/FormField/form-field.tsx
+import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
+var VARIANTS_NEED_CONTROL = [
+  "checkbox",
+  "switch",
+  "select",
+  "async-select",
+  "radio",
+  "otp",
+  "richtext",
+  "dropzone"
+];
+function defaultOtpGroups(maxLength) {
+  return [Array.from({ length: maxLength }, (_, i) => i)];
+}
+function formFieldHasLabel(label) {
+  if (label == null) return false;
+  if (typeof label === "string" && label.trim() === "") return false;
+  return true;
+}
+function FormField({
+  name,
+  label,
+  register,
+  control,
+  rules,
+  description,
+  required,
+  error,
+  variant = "input",
+  inputProps,
+  textareaProps,
+  checkboxProps,
+  switchProps,
+  selectProps,
+  radioProps,
+  otpProps,
+  richTextProps,
+  dropzoneProps,
+  asyncSelectProps,
+  className,
+  renderInput
+}) {
+  const generatedId = React29.useId();
+  const inputId = `field-${generatedId}`;
+  const descriptionId = description ? `${inputId}-description` : void 0;
+  const externalError = error ? String(error) : void 0;
+  if (!control && VARIANTS_NEED_CONTROL.includes(variant)) {
+    throw new Error(
+      `FormField variant "${variant}" requires the control prop (React Hook Form Controller).`
+    );
+  }
+  if (control) {
+    return /* @__PURE__ */ jsx32(
+      Controller,
+      {
+        name,
+        control,
+        rules,
+        render: ({ field, fieldState }) => {
+          const message = externalError ?? fieldState.error?.message;
+          const errorId = message ? `${inputId}-error` : void 0;
+          const describedBy2 = [descriptionId, errorId].filter(Boolean).join(" ") || void 0;
+          const hasError = Boolean(message);
+          const legendId = `${inputId}-legend`;
+          const isCheckboxInline = variant === "checkbox" && !renderInput;
+          const hasFieldLabel2 = formFieldHasLabel(label);
+          const sharedInputShell = {
+            ...inputProps,
+            id: inputId,
+            name: field.name,
+            "aria-describedby": describedBy2,
+            error: hasError
+          };
+          const controlNode = renderInput ? renderInput({
+            ...sharedInputShell,
+            value: field.value ?? "",
+            onChange: field.onChange,
+            onBlur: field.onBlur,
+            ref: field.ref
+          }) : /* @__PURE__ */ jsx32(
+            FormFieldVariantControl,
+            {
+              variant,
+              inputId,
+              legendId,
+              hasFieldLabel: hasFieldLabel2,
+              fieldNameAria: String(name),
+              describedBy: describedBy2,
+              hasError,
+              field,
+              inputProps,
+              textareaProps,
+              checkboxProps,
+              switchProps,
+              selectProps,
+              radioProps,
+              otpProps,
+              richTextProps,
+              dropzoneProps,
+              asyncSelectProps
+            }
+          );
+          const labelBlock = isCheckboxInline || !hasFieldLabel2 ? null : /* @__PURE__ */ jsx32(
+            Label2,
+            {
+              id: variant === "radio" || variant === "richtext" ? legendId : void 0,
+              htmlFor: variant === "radio" || variant === "richtext" ? void 0 : inputId,
+              size: "sm",
+              required,
+              children: label
+            }
+          );
+          const checkboxInline = isCheckboxInline ? hasFieldLabel2 ? /* @__PURE__ */ jsxs20("div", { className: "flex w-full min-w-0 items-start gap-2", children: [
+            /* @__PURE__ */ jsx32(
+              Checkbox,
+              {
+                ...checkboxProps,
+                id: inputId,
+                name: field.name,
+                checked: Boolean(field.value),
+                onCheckedChange: (checked) => field.onChange(checked === true),
+                onBlur: field.onBlur,
+                ref: field.ref,
+                disabled: field.disabled,
+                "aria-describedby": describedBy2,
+                "aria-invalid": hasError || void 0
+              }
+            ),
+            /* @__PURE__ */ jsx32(
+              Label2,
+              {
+                htmlFor: inputId,
+                required,
+                size: "sm",
+                className: "font-normal leading-snug",
+                children: label
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx32(
+            Checkbox,
+            {
+              ...checkboxProps,
+              id: inputId,
+              name: field.name,
+              checked: Boolean(field.value),
+              onCheckedChange: (checked) => field.onChange(checked === true),
+              onBlur: field.onBlur,
+              ref: field.ref,
+              disabled: field.disabled,
+              "aria-describedby": describedBy2,
+              "aria-invalid": hasError || void 0
+            }
+          ) : null;
+          return /* @__PURE__ */ jsxs20(
+            "div",
+            {
+              className: cn(
+                "flex w-full min-w-0 flex-col gap-2",
+                className
+              ),
+              children: [
+                isCheckboxInline ? checkboxInline : /* @__PURE__ */ jsxs20("div", { className: "flex w-full min-w-0 flex-col gap-1.5", children: [
+                  labelBlock,
+                  controlNode
+                ] }),
+                description && /* @__PURE__ */ jsx32(Text, { id: descriptionId, size: "sm", tone: "muted", children: description }),
+                message && /* @__PURE__ */ jsx32(Text, { id: errorId, size: "sm", tone: "destructive", children: message })
+              ]
+            }
+          );
+        }
+      }
+    );
+  }
+  if (!register) {
+    throw new Error("FormField requires either a register function or a control prop.");
+  }
+  if (variant !== "input" && variant !== "textarea") {
+    throw new Error(
+      `FormField variant "${variant}" is not supported with register(). Use control instead.`
+    );
+  }
+  const registered = register(name, rules);
+  const describedBy = [descriptionId, externalError ? `${inputId}-error` : void 0].filter(Boolean).join(" ") || void 0;
+  const hasFieldLabel = formFieldHasLabel(label);
+  const registeredControl = renderInput ? renderInput({
+    ...inputProps,
+    id: inputId,
+    "aria-describedby": describedBy,
+    error: Boolean(externalError),
+    ...registered
+  }) : variant === "textarea" ? /* @__PURE__ */ jsx32(
+    Textarea,
+    {
+      id: inputId,
+      "aria-describedby": describedBy,
+      error: Boolean(externalError),
+      ...textareaProps,
+      ...registered
+    }
+  ) : /* @__PURE__ */ jsx32(
+    Input,
+    {
+      id: inputId,
+      "aria-describedby": describedBy,
+      error: Boolean(externalError),
+      ...inputProps,
+      ...registered
+    }
+  );
+  return /* @__PURE__ */ jsxs20("div", { className: cn("mt-4 flex w-full min-w-0 flex-col gap-2", className), children: [
+    hasFieldLabel ? /* @__PURE__ */ jsxs20("div", { className: "flex w-full min-w-0 flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsx32(Label2, { htmlFor: inputId, required, size: "sm", children: label }),
+      registeredControl
+    ] }) : /* @__PURE__ */ jsx32("div", { className: "w-full min-w-0", children: registeredControl }),
+    description && /* @__PURE__ */ jsx32(Text, { id: descriptionId, size: "sm", tone: "muted", children: description }),
+    externalError && /* @__PURE__ */ jsx32(Text, { id: `${inputId}-error`, size: "sm", tone: "destructive", children: externalError })
+  ] });
+}
+function FormFieldVariantControl({
+  variant,
+  inputId,
+  legendId,
+  hasFieldLabel,
+  fieldNameAria,
+  describedBy,
+  hasError,
+  field,
+  inputProps,
+  textareaProps,
+  checkboxProps,
+  switchProps,
+  selectProps,
+  radioProps,
+  otpProps,
+  richTextProps,
+  dropzoneProps,
+  asyncSelectProps
+}) {
+  switch (variant) {
+    case "textarea":
+      return /* @__PURE__ */ jsx32("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx32(
+        Textarea,
+        {
+          ...textareaProps,
+          id: inputId,
+          name: field.name,
+          "aria-describedby": describedBy,
+          error: hasError,
+          value: field.value ?? "",
+          onChange: field.onChange,
+          onBlur: field.onBlur,
+          ref: field.ref,
+          disabled: field.disabled
+        }
+      ) });
+    case "checkbox":
+      return null;
+    case "switch":
+      return /* @__PURE__ */ jsx32("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx32(
+        Switch,
+        {
+          ...switchProps,
+          id: inputId,
+          name: field.name,
+          checked: Boolean(field.value),
+          onCheckedChange: (checked) => field.onChange(checked === true),
+          onBlur: field.onBlur,
+          ref: field.ref,
+          disabled: field.disabled,
+          "aria-describedby": describedBy,
+          "aria-invalid": hasError || switchProps?.["aria-invalid"]
+        }
+      ) });
+    case "select": {
+      if (!selectProps?.items?.length) {
+        throw new Error('FormField variant "select" requires selectProps.items.');
+      }
+      const {
+        placeholder,
+        items,
+        triggerClassName,
+        contentClassName,
+        ...selectRootRest
+      } = selectProps;
+      const emptyValueItems = items.filter((item) => item.value === "");
+      if (emptyValueItems.length > 0) {
+        throw new Error(
+          'FormField variant "select": every `items[].value` must be non-empty \u2014 Radix Select reserves "" for clearing. Use `placeholder` for an empty-looking state.'
+        );
+      }
+      const value = field.value == null || field.value === "" ? void 0 : String(field.value);
+      return /* @__PURE__ */ jsx32("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsxs20(
+        Select,
+        {
+          ...selectRootRest,
+          value,
+          onValueChange: field.onChange,
+          disabled: field.disabled,
+          name: field.name,
+          children: [
+            /* @__PURE__ */ jsx32(
+              SelectTrigger,
+              {
+                id: inputId,
+                ref: field.ref,
+                "aria-describedby": describedBy,
+                "aria-invalid": hasError || void 0,
+                className: cn(
+                  hasError && inputSurfaceFieldInvalid,
+                  triggerClassName
+                ),
+                onBlur: field.onBlur,
+                children: /* @__PURE__ */ jsx32(SelectValue, { placeholder })
+              }
+            ),
+            /* @__PURE__ */ jsx32(SelectContent, { className: contentClassName, children: items.map((item) => /* @__PURE__ */ jsx32(
+              SelectItem,
+              {
+                value: item.value,
+                disabled: item.disabled,
+                children: item.label
+              },
+              item.value
+            )) })
+          ]
+        }
+      ) });
+    }
+    case "async-select": {
+      if (!asyncSelectProps?.url) {
+        throw new Error('FormField variant "async-select" requires asyncSelectProps.url.');
+      }
+      if (!asyncSelectProps?.valueKey) {
+        throw new Error('FormField variant "async-select" requires asyncSelectProps.valueKey.');
+      }
+      if (!asyncSelectProps?.labelKey) {
+        throw new Error('FormField variant "async-select" requires asyncSelectProps.labelKey.');
+      }
+      return /* @__PURE__ */ jsx32("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx32(
+        AsyncSelect,
+        {
+          ...asyncSelectProps,
+          value: field.value == null || field.value === "" ? void 0 : String(field.value),
+          onValueChange: field.onChange,
+          disabled: field.disabled,
+          error: hasError,
+          name: field.name,
+          ref: field.ref
+        }
+      ) });
+    }
+    case "radio": {
+      if (!radioProps?.options?.length) {
+        throw new Error('FormField variant "radio" requires radioProps.options.');
+      }
+      const {
+        options,
+        groupClassName,
+        className: radioClassName,
+        ...radioGroupRest
+      } = radioProps;
+      return /* @__PURE__ */ jsx32(
+        RadioGroup2,
+        {
+          ...radioGroupRest,
+          className: cn("w-full min-w-0", groupClassName, radioClassName),
+          value: field.value == null ? void 0 : String(field.value),
+          onValueChange: field.onChange,
+          onBlur: field.onBlur,
+          disabled: field.disabled,
+          name: field.name,
+          "aria-labelledby": hasFieldLabel ? legendId : void 0,
+          "aria-label": hasFieldLabel ? void 0 : fieldNameAria,
+          "aria-describedby": describedBy,
+          "aria-invalid": hasError || void 0,
+          ref: field.ref,
+          children: options.map((opt) => /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx32(
+              RadioGroupItem,
+              {
+                value: opt.value,
+                id: opt.id ?? `${inputId}-${opt.value}`,
+                disabled: opt.disabled
+              }
+            ),
+            /* @__PURE__ */ jsx32(
+              Label2,
+              {
+                htmlFor: opt.id ?? `${inputId}-${opt.value}`,
+                size: "sm",
+                className: "font-normal",
+                children: opt.label
+              }
+            )
+          ] }, opt.value))
+        }
+      );
+    }
+    case "otp": {
+      if (!otpProps?.maxLength) {
+        throw new Error('FormField variant "otp" requires otpProps.maxLength.');
+      }
+      const { maxLength, groups, containerClassName, ...otpRest } = otpProps;
+      const slotGroups = groups?.length ? groups : defaultOtpGroups(maxLength);
+      return /* @__PURE__ */ jsx32("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx32(
+        InputOTP,
+        {
+          ...otpRest,
+          invalid: hasError,
+          maxLength,
+          value: field.value ?? "",
+          onChange: field.onChange,
+          onBlur: field.onBlur,
+          ref: field.ref,
+          disabled: field.disabled,
+          name: field.name,
+          id: inputId,
+          "aria-describedby": describedBy,
+          "aria-invalid": hasError || void 0,
+          containerClassName: cn(
+            hasError && inputOtpContainerInvalid,
+            containerClassName
+          ),
+          children: slotGroups.map((indices, gi) => /* @__PURE__ */ jsxs20(React29.Fragment, { children: [
+            gi > 0 ? /* @__PURE__ */ jsx32(InputOTPSeparator, {}) : null,
+            /* @__PURE__ */ jsx32(InputOTPGroup, { children: indices.map((index) => /* @__PURE__ */ jsx32(InputOTPSlot, { index }, index)) })
+          ] }, gi))
+        }
+      ) });
+    }
+    case "richtext":
+      return /* @__PURE__ */ jsx32(
+        "div",
+        {
+          className: "w-full min-w-0",
+          role: "group",
+          "aria-labelledby": hasFieldLabel ? legendId : void 0,
+          "aria-label": hasFieldLabel ? void 0 : fieldNameAria,
+          "aria-describedby": describedBy,
+          "aria-invalid": hasError || void 0,
+          onBlur: field.onBlur,
+          children: /* @__PURE__ */ jsx32(
+            RichTextEditor,
+            {
+              value: field.value ?? "",
+              onChange: (html) => field.onChange(html),
+              disabled: field.disabled,
+              ...richTextProps
+            }
+          )
+        }
+      );
+    case "dropzone":
+      return /* @__PURE__ */ jsx32("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx32(
+        FileDropzone,
+        {
+          ...dropzoneProps,
+          id: inputId,
+          name: field.name,
+          ref: field.ref,
+          disabled: field.disabled,
+          error: hasError,
+          "aria-describedby": describedBy,
+          value: field.value,
+          onBlur: field.onBlur,
+          onChange: (ev) => {
+            const target = "target" in ev && ev.target && typeof ev.target === "object" && "files" in ev.target ? ev.target : null;
+            field.onChange(target?.files ?? null);
+          }
+        },
+        `${String(field.name)}-${field.value === null ? "cleared" : typeof FileList !== "undefined" && field.value instanceof FileList ? field.value.length : "open"}`
+      ) });
+    case "input":
+    default:
+      return /* @__PURE__ */ jsx32("div", { className: "w-full min-w-0", children: /* @__PURE__ */ jsx32(
+        Input,
+        {
+          ...inputProps,
+          id: inputId,
+          name: field.name,
+          "aria-describedby": describedBy,
+          error: hasError,
+          value: field.value ?? "",
+          onChange: field.onChange,
+          onBlur: field.onBlur,
+          ref: field.ref,
+          disabled: field.disabled
+        }
+      ) });
+  }
+}
+
+// source/components/primitive/Heading/heading.tsx
+import * as React30 from "react";
+import { cva as cva11 } from "class-variance-authority";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var headingVariants = cva11(
+  "text-foreground tracking-tight",
+  {
+    variants: {
+      /**
+       * Controls the rendered HTML element AND the default size/weight.
+       * Always override with `size` or `weight` if the visual hierarchy
+       * needs to diverge from the semantic level.
+       */
+      level: {
+        1: "text-5xl font-bold leading-none",
+        2: "text-4xl font-bold leading-tight",
+        3: "text-3xl font-semibold leading-snug",
+        4: "text-2xl font-semibold leading-snug",
+        5: "text-xl  font-medium leading-normal",
+        6: "text-lg  font-medium leading-normal"
+      },
+      /** Override the size independently of the semantic level. */
+      size: {
+        "2xs": "text-2xs",
+        xs: "text-xs",
+        sm: "text-sm",
+        base: "text-base",
+        lg: "text-lg",
+        xl: "text-xl",
+        "2xl": "text-2xl",
+        "3xl": "text-3xl",
+        "4xl": "text-4xl",
+        "5xl": "text-5xl"
+      },
+      /** Override the weight independently of the semantic level. */
+      weight: {
+        regular: "font-normal",
+        medium: "font-medium",
+        semibold: "font-semibold",
+        bold: "font-bold"
+      },
+      tone: {
+        default: "text-foreground",
+        muted: "text-muted-foreground",
+        primary: "text-primary",
+        destructive: "text-destructive"
+      },
+      align: {
+        left: "text-left",
+        center: "text-center",
+        right: "text-right"
+      },
+      /**
+       * Uses the display font family (Cal Sans → Inter Variable fallback)
+       * for hero headings, landing pages, and marketing copy.
+       */
+      display: {
+        true: "font-display"
+      },
+      truncate: {
+        true: "truncate"
+      }
+    },
+    defaultVariants: {
+      level: 1,
+      tone: "default"
+    }
+  }
+);
+var Heading = React30.forwardRef(
+  ({
+    level = 1,
+    size,
+    weight,
+    tone,
+    align,
+    display,
+    truncate,
+    className,
+    ...props
+  }, ref) => {
+    const Tag = `h${level}`;
+    return /* @__PURE__ */ jsx33(
+      Tag,
+      {
+        ref,
+        className: cn(
+          headingVariants({ level, size, weight, tone, align, display, truncate }),
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Heading.displayName = "Heading";
+
+// source/components/primitive/InputGroup/input-group.tsx
+import * as React31 from "react";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var InputGroup = React31.forwardRef(
+  ({ className, error, children, ...props }, ref) => /* @__PURE__ */ jsx34(
+    "div",
+    {
+      ref,
+      "data-slot": "input-group",
+      className: cn(
+        "flex h-11 w-full min-w-0 items-center gap-3 px-4",
+        inputSurfaceContainer,
+        inputSurfaceContainerDisabled,
+        error && inputSurfaceContainerInvalid,
+        className
+      ),
+      ...props,
+      children
+    }
+  )
+);
+InputGroup.displayName = "InputGroup";
+var InputGroupIcon = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+  "span",
+  {
+    ref,
+    "data-slot": "input-group-icon",
+    className: cn(
+      "pointer-events-none flex shrink-0 select-none text-primary [&_svg]:h-5 [&_svg]:w-5",
+      className
+    ),
+    ...props
+  }
+));
+InputGroupIcon.displayName = "InputGroupIcon";
+var InputGroupInput = React31.forwardRef(
+  ({ className, type, ...props }, ref) => /* @__PURE__ */ jsx34(
+    "input",
+    {
+      ref,
+      type: type ?? "text",
+      className: cn(
+        "min-h-0 min-w-0 flex-1 border-0 bg-transparent p-0 text-base text-inherit shadow-none outline-none md:text-sm",
+        "placeholder:text-slate-500 dark:placeholder:text-slate-400",
+        "focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0",
+        className
+      ),
+      ...props
+    }
+  )
+);
+InputGroupInput.displayName = "InputGroupInput";
+var inputGroupSelectTriggerTextAlignClass = "pl-12";
+
+// source/components/primitive/Pagination/pagination.tsx
+import * as React32 from "react";
+import { ChevronLeft, ChevronRight as ChevronRight2, MoreHorizontal } from "lucide-react";
+import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx35(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: cn("mx-auto flex w-full justify-center", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+var PaginationContent = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+  "ul",
+  {
+    ref,
+    className: cn("flex flex-row items-center gap-1", className),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React32.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35("li", { ref, className: cn("", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}) => /* @__PURE__ */ jsx35(
+  "a",
+  {
+    "aria-current": isActive ? "page" : void 0,
+    className: cn(
+      buttonVariants({
+        variant: isActive ? "outline" : "ghost",
+        size
+      }),
+      className
+    ),
+    ...props
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs21(
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    className: cn("gap-1 pl-2.5", className),
+    size: "default",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx35(ChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx35("span", { children: "Previous" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs21(
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    className: cn("gap-1 pr-2.5", className),
+    size: "default",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx35("span", { children: "Next" }),
+      /* @__PURE__ */ jsx35(ChevronRight2, { className: "h-4 w-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs21(
+  "span",
+  {
+    "aria-hidden": true,
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx35(MoreHorizontal, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx35("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+
+// source/components/primitive/Progress/progress.tsx
+import * as React33 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
+var variantStyles = {
+  default: "bg-primary",
+  success: "bg-green-500",
+  warning: "bg-yellow-500",
+  error: "bg-red-500"
+};
+var Progress = React33.forwardRef(
+  ({
+    className,
+    value = 0,
+    max = 100,
+    label,
+    showValue,
+    variant = "default",
+    indeterminate,
+    ...props
+  }, ref) => {
+    const safeMax = max > 0 ? max : 100;
+    const safeValue = Math.min(Math.max(value, 0), safeMax);
+    const percentage = Math.min(safeValue / safeMax * 100, 100);
+    return /* @__PURE__ */ jsxs22("div", { className: "flex flex-col gap-1", children: [
+      (label || showValue) && /* @__PURE__ */ jsxs22("div", { className: "flex items-center justify-between", children: [
+        label && /* @__PURE__ */ jsx36("span", { className: "text-sm font-medium", children: label }),
+        showValue && !indeterminate && /* @__PURE__ */ jsxs22("span", { className: "text-xs text-muted-foreground", children: [
+          Math.round(percentage),
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx36(
+        ProgressPrimitive.Root,
+        {
+          ref,
+          className: cn(
+            "relative h-3 w-full overflow-hidden rounded-full bg-secondary",
+            className
+          ),
+          value: indeterminate ? void 0 : safeValue,
+          "aria-valuemin": 0,
+          "aria-valuemax": safeMax,
+          "aria-valuenow": indeterminate ? void 0 : safeValue,
+          ...props,
+          children: /* @__PURE__ */ jsx36(
+            ProgressPrimitive.Indicator,
+            {
+              className: cn(
+                "h-full w-full flex-1 transition-transform duration-300",
+                variantStyles[variant],
+                indeterminate && "animate-pulse"
+              ),
+              style: {
+                transform: indeterminate ? "translateX(0)" : `translateX(-${100 - percentage}%)`
+              }
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+Progress.displayName = "Progress";
+
+// source/components/primitive/RichHtml/rich-html.tsx
+import * as React34 from "react";
+import DOMPurify from "dompurify";
+import { jsx as jsx37 } from "react/jsx-runtime";
+var defaultSanitizeConfig = {
+  USE_PROFILES: { html: true }
+};
+var richHtmlChrome = cn(
+  "max-w-none text-base leading-relaxed text-foreground",
+  // Block flow
+  "[&_p]:mb-3 [&_p:last-child]:mb-0 [&_blockquote]:my-4 [&_blockquote]:border-l-2 [&_blockquote]:border-muted [&_blockquote]:pl-4 [&_blockquote]:italic",
+  // Lists
+  "[&_ul]:my-3 [&_ul]:list-disc [&_ul]:pl-6 [&_ol]:my-3 [&_ol]:list-decimal [&_ol]:pl-6 [&_li]:my-1 [&_li]:pl-1",
+  // Headings (common for TipTap / CMS output)
+  "[&_h1]:mb-3 [&_h1]:mt-8 [&_h1]:text-3xl [&_h1]:font-semibold [&_h1]:first:mt-0",
+  "[&_h2]:mb-2 [&_h2]:mt-6 [&_h2]:text-2xl [&_h2]:font-semibold [&_h2]:first:mt-0",
+  "[&_h3]:mb-2 [&_h3]:mt-5 [&_h3]:text-xl [&_h3]:font-semibold [&_h3]:first:mt-0",
+  "[&_h4]:mb-2 [&_h4]:mt-4 [&_h4]:text-lg [&_h4]:font-semibold [&_h4]:first:mt-0",
+  // Links & media
+  "[&_a]:text-primary [&_a]:underline [&_a]:underline-offset-2 [&_a]:outline-none [&_a]:focus-visible:ring-2 [&_a]:focus-visible:ring-ring [&_a]:focus-visible:ring-offset-2",
+  "[&_img]:my-4 [&_img]:max-h-[min(480px,70vh)] [&_img]:max-w-full [&_img]:rounded-md [&_img]:object-contain",
+  "[&_hr]:my-6 [&_hr]:border-border",
+  // Code
+  "[&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:text-[0.9em]",
+  "[&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:bg-muted [&_pre]:p-3 [&_pre]:font-mono [&_pre]:text-sm"
+);
+var RichHtml = React34.forwardRef(
+  ({
+    html,
+    sanitize = true,
+    sanitizeConfig,
+    className,
+    suppressHydrationWarning,
+    ...props
+  }, ref) => {
+    const markup = React34.useMemo(() => {
+      if (html === void 0 || html === null || html === "") {
+        return "";
+      }
+      if (!sanitize) {
+        return html;
+      }
+      if (typeof window === "undefined") {
+        return "";
+      }
+      const config = {
+        ...defaultSanitizeConfig,
+        ...sanitizeConfig
+      };
+      return DOMPurify.sanitize(html, config);
+    }, [html, sanitize, sanitizeConfig]);
+    const resolvedSuppressHydration = suppressHydrationWarning ?? sanitize;
+    if (html === void 0 || html === null || html === "") {
+      return null;
+    }
+    return /* @__PURE__ */ jsx37(
+      "div",
+      {
+        ref,
+        suppressHydrationWarning: resolvedSuppressHydration,
+        className: cn(richHtmlChrome, className),
+        ...props,
+        dangerouslySetInnerHTML: { __html: markup }
+      }
+    );
+  }
+);
+RichHtml.displayName = "RichHtml";
+
+// source/components/primitive/ScrollArea/scroll-area.tsx
+import * as React35 from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
+var ScrollArea = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs23(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx38(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx38(ScrollBar, {}),
+      /* @__PURE__ */ jsx38(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React35.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx38(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx38(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+// source/components/primitive/Separator/separator.tsx
+import * as React36 from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { cva as cva12 } from "class-variance-authority";
+import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
+var separatorVariants = cva12("shrink-0", {
+  variants: {
+    orientation: {
+      horizontal: "h-[1px] w-full",
+      vertical: "h-full w-[1px]"
+    },
+    line: {
+      solid: "bg-border",
+      dashed: "border-t border-dashed border-border bg-transparent",
+      dotted: "border-t border-dotted border-border bg-transparent"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+    line: "solid"
+  }
+});
+var Separator3 = React36.forwardRef(
+  ({
+    className,
+    orientation = "horizontal",
+    decorative = true,
+    line: lineProp,
+    variant,
+    label,
+    ...props
+  }, ref) => {
+    const line = lineProp ?? variant ?? "solid";
+    if (label && orientation === "horizontal") {
+      return /* @__PURE__ */ jsxs24(
+        "div",
+        {
+          role: "separator",
+          className: "flex items-center gap-3",
+          children: [
+            /* @__PURE__ */ jsx39(
+              "div",
+              {
+                className: cn(
+                  "flex-1",
+                  separatorVariants({ orientation: "horizontal", line })
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx39("span", { className: "text-xs text-muted-foreground whitespace-nowrap", children: label }),
+            /* @__PURE__ */ jsx39(
+              "div",
+              {
+                className: cn(
+                  "flex-1",
+                  separatorVariants({ orientation: "horizontal", line })
+                )
+              }
+            )
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx39(
+      SeparatorPrimitive.Root,
+      {
+        ref,
+        decorative,
+        orientation,
+        className: cn(
+          separatorVariants({ orientation, line }),
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Separator3.displayName = "Separator";
+
+// source/components/primitive/Sheet/sheet.tsx
+import * as React37 from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva as cva13 } from "class-variance-authority";
+import { X as X2 } from "lucide-react";
+import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+  SheetPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+var sheetVariants = cva13(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4  border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContent = React37.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs25(SheetPortal, { children: [
+  /* @__PURE__ */ jsx40(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs25(
+    SheetPrimitive.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs25(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ jsx40(X2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx40("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx40(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx40(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+// source/components/primitive/Sidebar/sidebar.tsx
+import * as React41 from "react";
+import { Slot as Slot3 } from "@radix-ui/react-slot";
+import { cva as cva15 } from "class-variance-authority";
+import { PanelLeft } from "lucide-react";
+
+// source/hooks/use-mobile.ts
+import * as React38 from "react";
+var MOBILE_MAX = 768;
+function useIsMobile(breakpoint = MOBILE_MAX) {
+  const [isMobile, setIsMobile] = React38.useState(
+    () => typeof window !== "undefined" ? window.innerWidth < breakpoint : false
+  );
+  React38.useEffect(() => {
+    const mq = window.matchMedia(`(max-width: ${breakpoint - 1}px)`);
+    const onChange = () => setIsMobile(mq.matches);
+    onChange();
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, [breakpoint]);
+  return isMobile;
+}
+
+// source/components/primitive/Skeleton/skeleton.tsx
+import * as React39 from "react";
+import { cva as cva14 } from "class-variance-authority";
+import { jsx as jsx41 } from "react/jsx-runtime";
+var skeletonVariants = cva14(
+  "animate-pulse bg-muted",
+  {
+    variants: {
+      rounded: {
+        default: "rounded-md",
+        sm: "rounded-sm",
+        lg: "rounded-lg",
+        full: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      rounded: "default"
+    }
+  }
+);
+var Skeleton = React39.forwardRef(
+  ({ className, rounded, ...props }, ref) => {
+    return /* @__PURE__ */ jsx41(
+      "div",
+      {
+        ref,
+        "aria-busy": "true",
+        "aria-live": "polite",
+        className: cn(skeletonVariants({ rounded }), className),
+        ...props
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+
+// source/components/primitive/ToolTip/tooltip.tsx
+import * as React40 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx as jsx42, jsxs as jsxs26 } from "react/jsx-runtime";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = ({ ...props }) => {
+  return /* @__PURE__ */ jsx42(TooltipPrimitive.Root, { ...props });
+};
+Tooltip.displayName = "Tooltip";
+var TooltipTrigger = TooltipPrimitive.Trigger;
+TooltipTrigger.displayName = "TooltipTrigger";
+var TooltipContent = React40.forwardRef(({ className, sideOffset = 4, arrow = false, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx42(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs26(
+    TooltipPrimitive.Content,
+    {
+      ref,
+      sideOffset,
+      className: cn(
+        "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md",
+        "animate-in fade-in-0 zoom-in-95",
+        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+        "data-[side=bottom]:slide-in-from-top-2",
+        "data-[side=left]:slide-in-from-right-2",
+        "data-[side=right]:slide-in-from-left-2",
+        "data-[side=top]:slide-in-from-bottom-2",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        arrow && /* @__PURE__ */ jsx42(TooltipPrimitive.Arrow, { className: "fill-popover" })
+      ]
+    }
+  ) });
+});
+TooltipContent.displayName = "TooltipContent";
+
+// source/components/primitive/Sidebar/sidebar.tsx
+import { jsx as jsx43, jsxs as jsxs27 } from "react/jsx-runtime";
+var SIDEBAR_COOKIE_NAME = "sidebar:state";
+var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+var SIDEBAR_WIDTH = "16rem";
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SIDEBAR_WIDTH_ICON = "4rem";
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var SidebarContext = React41.createContext(null);
+function useSidebar() {
+  const context = React41.useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  }
+  return context;
+}
+var SidebarProvider = React41.forwardRef(
+  ({
+    defaultOpen = true,
+    open: openProp,
+    onOpenChange: setOpenProp,
+    className,
+    style,
+    children,
+    ...props
+  }, ref) => {
+    const isMobile = useIsMobile();
+    const [openMobile, setOpenMobile] = React41.useState(false);
+    const [_open, _setOpen] = React41.useState(() => {
+      if (typeof window === "undefined") return defaultOpen;
+      const cookie = document.cookie.split("; ").find((row) => row.startsWith(`${SIDEBAR_COOKIE_NAME}=`));
+      if (!cookie) return defaultOpen;
+      return cookie.split("=")[1] === "true";
+    });
+    const open = openProp ?? _open;
+    const setOpen = React41.useCallback(
+      (value) => {
+        const openState = typeof value === "function" ? value(open) : value;
+        if (setOpenProp) {
+          setOpenProp(openState);
+        } else {
+          _setOpen(openState);
+        }
+        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+      },
+      [setOpenProp, open]
+    );
+    const toggleSidebar = React41.useCallback(() => {
+      if (isMobile) {
+        setOpenMobile((v) => !v);
+      } else {
+        setOpen((v) => !v);
+      }
+    }, [isMobile, setOpen, setOpenMobile]);
+    React41.useEffect(() => {
+      const cookie = document.cookie.split("; ").find((row) => row.startsWith(`${SIDEBAR_COOKIE_NAME}=`));
+      if (cookie) {
+        const value = cookie.split("=")[1];
+        _setOpen(value === "true");
+      }
+    }, []);
+    React41.useEffect(() => {
+      const handleKeyDown = (event) => {
+        if (event.key === "Escape") {
+          setOpenMobile(false);
+        }
+        if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+          event.preventDefault();
+          toggleSidebar();
+        }
+      };
+      window.addEventListener("keydown", handleKeyDown);
+      return () => window.removeEventListener("keydown", handleKeyDown);
+    }, [toggleSidebar]);
+    const state = open ? "expanded" : "collapsed";
+    const contextValue = React41.useMemo(
+      () => ({
+        state,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        setOpenMobile,
+        toggleSidebar
+      }),
+      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+    );
+    return /* @__PURE__ */ jsx43(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx43(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx43(
+      "div",
+      {
+        style: {
+          "--sidebar-width": SIDEBAR_WIDTH,
+          "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+          ...style
+        },
+        className: cn(
+          "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
+          className
+        ),
+        ref,
+        ...props,
+        children
+      }
+    ) }) });
+  }
+);
+SidebarProvider.displayName = "SidebarProvider";
+var Sidebar = React41.forwardRef(
+  ({
+    side = "left",
+    variant = "sidebar",
+    collapsible = "offcanvas",
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+    if (collapsible === "none") {
+      return /* @__PURE__ */ jsx43(
+        "div",
+        {
+          className: cn(
+            "flex h-full w-[--sidebar-width] flex-col text-sidebar-foreground",
+            "bg-background/55 dark:bg-background/30",
+            "backdrop-blur-xl backdrop-saturate-150",
+            className
+          ),
+          ref,
+          ...props,
+          children
+        }
+      );
+    }
+    if (isMobile) {
+      return /* @__PURE__ */ jsx43(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx43(
+        SheetContent,
+        {
+          "data-sidebar": "sidebar",
+          "data-mobile": "true",
+          className: "w-[--sidebar-width] bg-background/80 backdrop-blur-xl backdrop-saturate-150 p-0 text-sidebar-foreground [&>button]:hidden",
+          style: {
+            "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+          },
+          side,
+          children: /* @__PURE__ */ jsx43("div", { className: "flex h-full w-full flex-col", children })
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsxs27(
+      "div",
+      {
+        ref,
+        className: "group peer hidden md:block text-sidebar-foreground",
+        "data-state": state,
+        "data-collapsible": state === "collapsed" ? collapsible : "",
+        "data-variant": variant,
+        "data-side": side,
+        children: [
+          /* @__PURE__ */ jsx43(
+            "div",
+            {
+              className: cn(
+                "duration-200 relative h-svh w-[--sidebar-width] bg-transparent transition-[width] ease-linear",
+                "group-data-[collapsible=offcanvas]:w-0",
+                "group-data-[side=right]:rotate-180",
+                variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx43(
+            "div",
+            {
+              className: cn(
+                "duration-200 fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-all duration-300 ease-in-out ease-linear md:flex",
+                side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+                // Adjust the padding for floating and inset variants.
+                variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+                className
+              ),
+              ...props,
+              children: /* @__PURE__ */ jsx43(
+                "div",
+                {
+                  "data-sidebar": "sidebar",
+                  className: cn(
+                    "flex h-full w-full flex-col",
+                    "bg-background/55 dark:bg-background/30",
+                    "backdrop-blur-xl backdrop-saturate-150",
+                    "text-sidebar-foreground",
+                    "group-data-[variant=floating]:rounded-2xl",
+                    "group-data-[variant=floating]:border group-data-[variant=floating]:border-white/30 dark:group-data-[variant=floating]:border-white/10",
+                    "group-data-[variant=floating]:shadow-glass dark:group-data-[variant=floating]:shadow-glass-dark"
+                  ),
+                  children
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Sidebar.displayName = "Sidebar";
+var SidebarTrigger = React41.forwardRef(({ className, onClick, ...props }, ref) => {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ jsxs27(
+    Button,
+    {
+      ref,
+      "data-sidebar": "trigger",
+      variant: "ghost",
+      size: "icon",
+      className: cn("h-7 w-7", className),
+      onClick: (event) => {
+        onClick?.(event);
+        toggleSidebar();
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx43(PanelLeft, {}),
+        /* @__PURE__ */ jsx43("span", { className: "sr-only", children: "Toggle Sidebar" })
+      ]
+    }
+  );
+});
+SidebarTrigger.displayName = "SidebarTrigger";
+var SidebarRail = React41.forwardRef(({ className, ...props }, ref) => {
+  const { toggleSidebar } = useSidebar();
+  return /* @__PURE__ */ jsx43(
+    "button",
+    {
+      ref,
+      "data-sidebar": "rail",
+      "aria-label": "Toggle Sidebar",
+      tabIndex: -1,
+      onClick: toggleSidebar,
+      title: "Toggle Sidebar",
+      className: cn(
+        "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
+        "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
+        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarRail.displayName = "SidebarRail";
+var SidebarInset = React41.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx43(
+    "main",
+    {
+      ref,
+      className: cn(
+        "relative flex min-h-svh flex-1 flex-col bg-background",
+        "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarInset.displayName = "SidebarInset";
+var SidebarInput = React41.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx43(
+    Input,
+    {
+      ref,
+      "data-sidebar": "input",
+      className: cn(
+        "h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarInput.displayName = "SidebarInput";
+var SidebarHeader = React41.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx43(
+    "div",
+    {
+      ref,
+      "data-sidebar": "header",
+      className: cn("flex flex-col gap-2 p-2", className),
+      ...props
+    }
+  );
+});
+SidebarHeader.displayName = "SidebarHeader";
+var SidebarFooter = React41.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx43(
+    "div",
+    {
+      ref,
+      "data-sidebar": "footer",
+      className: cn("flex flex-col gap-2 p-2", className),
+      ...props
+    }
+  );
+});
+SidebarFooter.displayName = "SidebarFooter";
+var SidebarSeparator = React41.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx43(
+    Separator3,
+    {
+      ref,
+      "data-sidebar": "separator",
+      className: cn("mx-2 w-auto bg-brand-600/10 dark:bg-brand-400/10", className),
+      ...props
+    }
+  );
+});
+SidebarSeparator.displayName = "SidebarSeparator";
+var SidebarContent = React41.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx43(
+    "div",
+    {
+      ref,
+      "data-sidebar": "content",
+      className: cn(
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarContent.displayName = "SidebarContent";
+var SidebarGroup = React41.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx43(
+    "div",
+    {
+      ref,
+      "data-sidebar": "group",
+      className: cn("relative flex w-full min-w-0 flex-col p-2", className),
+      ...props
+    }
+  );
+});
+SidebarGroup.displayName = "SidebarGroup";
+var SidebarGroupLabel = React41.forwardRef(({ className, asChild = false, showLabel = true, ...props }, ref) => {
+  if (!showLabel) return null;
+  const Comp = asChild ? Slot3 : "div";
+  return /* @__PURE__ */ jsx43(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "group-label",
+      className: cn(
+        "duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-semibold uppercase tracking-wide text-brand-700/70 dark:text-brand-400/70 outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarGroupLabel.displayName = "SidebarGroupLabel";
+var SidebarGroupAction = React41.forwardRef(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? Slot3 : "button";
+  return /* @__PURE__ */ jsx43(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "group-action",
+      className: cn(
+        "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 after:md:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarGroupAction.displayName = "SidebarGroupAction";
+var SidebarGroupContent = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
+  "div",
+  {
+    ref,
+    "data-sidebar": "group-content",
+    className: cn("w-full text-sm", className),
+    ...props
+  }
+));
+SidebarGroupContent.displayName = "SidebarGroupContent";
+var SidebarMenu = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
+  "ul",
+  {
+    ref,
+    "data-sidebar": "menu",
+    className: cn("flex w-full min-w-0 flex-col gap-1", className),
+    ...props
+  }
+));
+SidebarMenu.displayName = "SidebarMenu";
+var SidebarMenuItem = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
+  "li",
+  {
+    ref,
+    "data-sidebar": "menu-item",
+    className: cn("group/menu-item relative", className),
+    ...props
+  }
+));
+SidebarMenuItem.displayName = "SidebarMenuItem";
+var sidebarMenuButtonVariants = cva15(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-lg p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-brand-600/10 hover:text-foreground focus-visible:ring-2 active:bg-brand-600/15 active:text-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-brand-600/15 data-[active=true]:font-medium data-[active=true]:text-brand-700 dark:data-[active=true]:text-brand-400 data-[state=open]:hover:bg-brand-600/10 data-[state=open]:hover:text-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-brand-600 dark:[&>svg]:text-brand-400",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-brand-600/10 hover:text-foreground",
+        outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-brand-600/10 hover:text-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var SidebarMenuButton = React41.forwardRef(
+  ({
+    asChild = false,
+    isActive = false,
+    variant = "default",
+    size = "default",
+    tooltip,
+    className,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot3 : "button";
+    const { isMobile, state } = useSidebar();
+    const button = /* @__PURE__ */ jsx43(
+      Comp,
+      {
+        ref,
+        "data-sidebar": "menu-button",
+        "data-size": size,
+        "data-active": isActive,
+        className: cn(sidebarMenuButtonVariants({ variant, size }), className),
+        ...props
+      }
+    );
+    if (!tooltip) {
+      return button;
+    }
+    if (typeof tooltip === "string") {
+      tooltip = {
+        children: tooltip
+      };
+    }
+    return /* @__PURE__ */ jsxs27(Tooltip, { children: [
+      /* @__PURE__ */ jsx43(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx43(
+        TooltipContent,
+        {
+          side: "right",
+          align: "center",
+          hidden: state !== "collapsed" || isMobile,
+          ...tooltip
+        }
+      )
+    ] });
+  }
+);
+SidebarMenuButton.displayName = "SidebarMenuButton";
+var SidebarMenuAction = React41.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+  const Comp = asChild ? Slot3 : "button";
+  return /* @__PURE__ */ jsx43(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "menu-action",
+      className: cn(
+        "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 after:md:hidden",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarMenuAction.displayName = "SidebarMenuAction";
+var SidebarMenuBadge = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
+  "div",
+  {
+    ref,
+    "data-sidebar": "menu-badge",
+    className: cn(
+      "absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground select-none pointer-events-none",
+      "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+      "peer-data-[size=sm]/menu-button:top-1",
+      "peer-data-[size=default]/menu-button:top-1.5",
+      "peer-data-[size=lg]/menu-button:top-2.5",
+      "group-data-[collapsible=icon]:hidden",
+      className
+    ),
+    ...props
+  }
+));
+SidebarMenuBadge.displayName = "SidebarMenuBadge";
+var SidebarMenuSkeleton = React41.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React41.useMemo(() => {
+    return `${Math.floor(Math.random() * 40) + 50}%`;
+  }, []);
+  return /* @__PURE__ */ jsxs27(
+    "div",
+    {
+      ref,
+      "data-sidebar": "menu-skeleton",
+      className: cn("rounded-md h-8 flex gap-2 px-2 items-center", className),
+      ...props,
+      children: [
+        showIcon && /* @__PURE__ */ jsx43(
+          Skeleton,
+          {
+            className: "size-4 rounded-md",
+            "data-sidebar": "menu-skeleton-icon"
+          }
+        ),
+        /* @__PURE__ */ jsx43(
+          Skeleton,
+          {
+            className: "h-4 flex-1 max-w-[--skeleton-width]",
+            "data-sidebar": "menu-skeleton-text",
+            style: {
+              "--skeleton-width": width
+            }
+          }
+        )
+      ]
+    }
+  );
+});
+SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
+var SidebarMenuSub = React41.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
+  "ul",
+  {
+    ref,
+    "data-sidebar": "menu-sub",
+    className: cn(
+      "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-brand-600/20 dark:border-brand-400/20 px-2.5 py-0.5",
+      "group-data-[collapsible=icon]:hidden",
+      className
+    ),
+    ...props
+  }
+));
+SidebarMenuSub.displayName = "SidebarMenuSub";
+var SidebarMenuSubItem = React41.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx43("li", { ref, ...props }));
+SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
+var SidebarMenuSubButton = React41.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+  const Comp = asChild ? Slot3 : "a";
+  return /* @__PURE__ */ jsx43(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "menu-sub-button",
+      "data-size": size,
+      "data-active": isActive,
+      className: cn(
+        "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-lg px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-brand-600/10 hover:text-foreground focus-visible:ring-2 active:bg-brand-600/15 active:text-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-brand-600 dark:[&>svg]:text-brand-400",
+        "data-[active=true]:bg-brand-600/15 data-[active=true]:text-brand-700 dark:data-[active=true]:text-brand-400",
+        size === "sm" && "text-xs",
+        size === "md" && "text-sm",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
+
+// source/components/primitive/Slider/slider.tsx
+import * as React42 from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { jsx as jsx44, jsxs as jsxs28 } from "react/jsx-runtime";
+var Slider = React42.forwardRef(
+  ({
+    className,
+    label,
+    showValue,
+    minLabel,
+    maxLabel,
+    defaultValue,
+    value,
+    ...props
+  }, ref) => {
+    const [internalValue, setInternalValue] = React42.useState(
+      value || defaultValue || [0]
+    );
+    const currentValue = value ?? internalValue;
+    return /* @__PURE__ */ jsxs28("div", { className: "flex w-full flex-col gap-2", children: [
+      (label || showValue) && /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between", children: [
+        label && /* @__PURE__ */ jsx44("label", { className: "text-sm font-medium", children: label }),
+        showValue && /* @__PURE__ */ jsx44("span", { className: "text-sm text-muted-foreground", children: currentValue?.[0] })
+      ] }),
+      /* @__PURE__ */ jsxs28(
+        SliderPrimitive.Root,
+        {
+          ref,
+          value,
+          defaultValue,
+          onValueChange: (v) => {
+            setInternalValue(v);
+            props.onValueChange?.(v);
+          },
+          className: cn(
+            "relative flex w-full touch-none select-none items-center",
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx44(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ jsx44(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+            /* @__PURE__ */ jsx44(
+              SliderPrimitive.Thumb,
+              {
+                className: cn(
+                  "block h-5 w-5 rounded-full border-2 border-primary bg-background",
+                  "ring-offset-background transition-colors",
+                  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                  "disabled:pointer-events-none disabled:opacity-50"
+                )
+              }
+            )
+          ]
+        }
+      ),
+      (minLabel || maxLabel) && /* @__PURE__ */ jsxs28("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx44("span", { children: minLabel }),
+        /* @__PURE__ */ jsx44("span", { children: maxLabel })
+      ] })
+    ] });
+  }
+);
+Slider.displayName = "Slider";
+
+// source/components/primitive/Table/table.tsx
+import * as React43 from "react";
+import { jsx as jsx45 } from "react/jsx-runtime";
+var Table = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx45(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+var TableHead = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+  "td",
+  {
+    ref,
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = React43.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+// source/components/primitive/Tabs/tabs.tsx
+import * as React44 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { jsx as jsx46 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-white data-[state=active]:shadow-sm",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx46(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// source/components/primitive/Toast/toast.tsx
+import * as React45 from "react";
+import * as ToastPrimitive from "@radix-ui/react-toast";
+import { cva as cva16 } from "class-variance-authority";
+import { jsx as jsx47 } from "react/jsx-runtime";
+var ToastProvider = ToastPrimitive.Provider;
+var ToastViewport = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+  ToastPrimitive.Viewport,
+  {
+    ref,
+    className: cn(
+      "fixed top-0 right-0 z-[100] flex max-h-screen w-full flex-col-reverse gap-2 p-4 sm:w-auto md:max-w-[420px]",
+      className
+    ),
+    ...props
+  }
+));
+ToastViewport.displayName = ToastPrimitive.Viewport.displayName;
+var toastVariants = cva16(
+  [
+    "group pointer-events-auto relative flex w-full items-center justify-between gap-4",
+    "overflow-hidden rounded-xl border p-4 pr-8",
+    "backdrop-blur-md backdrop-saturate-125",
+    "shadow-[0_4px_24px_-2px_rgb(0_0_0/0.10),inset_0_-1px_0_rgb(255_255_255/0.45)]",
+    "dark:shadow-[0_4px_24px_-2px_rgb(0_0_0/0.40),inset_0_-1px_0_rgb(255_255_255/0.06)]",
+    "transition-all",
+    "data-[swipe=cancel]:translate-x-0",
+    "data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)]",
+    "data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)]",
+    "data-[swipe=move]:transition-none",
+    "data-[state=open]:animate-in data-[state=closed]:animate-out",
+    "data-[swipe=end]:animate-out data-[state=closed]:fade-out-80",
+    "data-[state=closed]:slide-out-to-right-full",
+    "data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full"
+  ],
+  {
+    variants: {
+      variant: {
+        default: [
+          "border-slate-200/90 bg-slate-100/90 text-slate-900",
+          "dark:border-zinc-600/50 dark:bg-zinc-900/80 dark:text-slate-100"
+        ],
+        success: [
+          "border-emerald-300/70 bg-emerald-50/85 text-emerald-950",
+          "dark:border-emerald-500/40 dark:bg-emerald-950/70 dark:text-emerald-100"
+        ],
+        warning: [
+          "border-amber-300/70 bg-amber-50/85 text-amber-950",
+          "dark:border-amber-500/40 dark:bg-amber-950/70 dark:text-amber-100"
+        ],
+        danger: [
+          "border-rose-300/70 bg-rose-50/85 text-rose-950",
+          "dark:border-rose-500/40 dark:bg-rose-950/70 dark:text-rose-100"
+        ],
+        destructive: [
+          "border-rose-300/70 bg-rose-50/85 text-rose-950",
+          "dark:border-rose-500/40 dark:bg-rose-950/70 dark:text-rose-100"
+        ]
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Toast = React45.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx47(
+  ToastPrimitive.Root,
+  {
+    ref,
+    className: cn(toastVariants({ variant }), className),
+    ...props
+  }
+));
+Toast.displayName = ToastPrimitive.Root.displayName;
+var ToastAction = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+  ToastPrimitive.Action,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-lg border border-current/20 bg-white/40 px-3 text-sm font-medium backdrop-blur-sm transition-colors",
+      "hover:bg-white/60 focus:outline-none focus:ring-2 focus:ring-ring/40 focus:ring-offset-0",
+      "dark:bg-white/10 dark:hover:bg-white/20",
+      "disabled:pointer-events-none disabled:opacity-50",
+      className
+    ),
+    ...props
+  }
+));
+ToastAction.displayName = ToastPrimitive.Action.displayName;
+var ToastClose = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+  ToastPrimitive.Close,
+  {
+    ref,
+    className: cn(
+      "absolute right-2 top-2 rounded-md p-1 text-current/50 opacity-0 transition-opacity",
+      "hover:text-current focus:opacity-100 focus:outline-none focus:ring-2 focus:ring-current/20",
+      "group-hover:opacity-100",
+      className
+    ),
+    ...props
+  }
+));
+ToastClose.displayName = ToastPrimitive.Close.displayName;
+var ToastTitle = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+  ToastPrimitive.Title,
+  {
+    ref,
+    className: cn("text-sm font-semibold [&+div]:text-xs", className),
+    ...props
+  }
+));
+ToastTitle.displayName = ToastPrimitive.Title.displayName;
+var ToastDescription = React45.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx47(
+  ToastPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm opacity-90", className),
+    ...props
+  }
+));
+ToastDescription.displayName = ToastPrimitive.Description.displayName;
+
+// source/components/primitive/Toast/toast-state.ts
+var TOAST_LIMIT = 5;
+var memoryState = [];
+var listeners = /* @__PURE__ */ new Set();
+function genId() {
+  const c = globalThis.crypto;
+  if (c && "randomUUID" in c) {
+    return c.randomUUID();
+  }
+  return `${Date.now()}-${Math.random().toString(16).slice(2)}`;
+}
+function publish() {
+  const snapshot = [...memoryState];
+  listeners.forEach((l) => l(snapshot));
+}
+function addToast(payload) {
+  const id = genId();
+  memoryState = [...memoryState, { id, ...payload }].slice(-TOAST_LIMIT);
+  publish();
+  return id;
+}
+function removeToast(id) {
+  memoryState = memoryState.filter((t) => t.id !== id);
+  publish();
+}
+function toast(payload) {
+  return addToast(payload);
+}
+function dismissToast(id) {
+  removeToast(id);
+}
+function subscribeToasts(listener) {
+  listeners.add(listener);
+  listener(memoryState);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function getToastSnapshot() {
+  return [...memoryState];
+}
+
+// source/components/primitive/Toast/toaster.tsx
+import * as React46 from "react";
+import { jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
+function useToast() {
+  const [toasts, setToasts] = React46.useState(() => getToastSnapshot());
+  React46.useEffect(() => subscribeToasts((s) => setToasts([...s])), []);
+  return {
+    toasts,
+    toast,
+    dismiss: dismissToast
+  };
+}
+function Toaster({
+  duration = 5e3,
+  label = "Notifications",
+  swipeDirection = "right",
+  viewportClassName,
+  ...providerProps
+}) {
+  const { toasts } = useToast();
+  return /* @__PURE__ */ jsxs29(
+    ToastProvider,
+    {
+      duration,
+      label,
+      swipeDirection,
+      ...providerProps,
+      children: [
+        toasts.map(
+          ({
+            id,
+            title,
+            description,
+            variant,
+            duration: itemDuration,
+            action
+          }) => {
+            const v = variant ?? "default";
+            return /* @__PURE__ */ jsxs29(
+              Toast,
+              {
+                variant,
+                duration: itemDuration,
+                onOpenChange: (open) => {
+                  if (!open) dismissToast(id);
+                },
+                children: [
+                  /* @__PURE__ */ jsxs29("div", { className: "grid flex-1 gap-1 pl-1", children: [
+                    title ? /* @__PURE__ */ jsx48(ToastTitle, { children: title }) : null,
+                    description ? /* @__PURE__ */ jsx48(ToastDescription, { children: description }) : null
+                  ] }),
+                  action ? /* @__PURE__ */ jsx48(
+                    ToastAction,
+                    {
+                      altText: action.altText,
+                      onClick: () => {
+                        action.onClick();
+                        dismissToast(id);
+                      },
+                      children: action.label
+                    }
+                  ) : null,
+                  /* @__PURE__ */ jsx48(ToastClose, { "aria-label": "Dismiss notification", children: /* @__PURE__ */ jsx48(
+                    "span",
+                    {
+                      "aria-hidden": true,
+                      className: "text-base leading-none font-light",
+                      children: "\xD7"
+                    }
+                  ) })
+                ]
+              },
+              id
+            );
+          }
+        ),
+        /* @__PURE__ */ jsx48(ToastViewport, { className: cn(viewportClassName) })
+      ]
+    }
+  );
+}
+Toaster.displayName = "Toaster";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle,
+  AppShell,
+  AspectRatio,
+  AsyncSelect,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  Calendar,
+  CalendarDayButton,
+  Caption,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Checkbox,
+  Collapsible,
+  CollapsibleContent2 as CollapsibleContent,
+  CollapsibleTrigger2 as CollapsibleTrigger,
+  Container,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  FileDropzone,
+  FormField,
+  Heading,
+  Icon,
+  Input,
+  InputGroup,
+  InputGroupIcon,
+  InputGroupInput,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot,
+  Label2 as Label,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  RadioGroup2 as RadioGroup,
+  RadioGroupItem,
+  RichHtml,
+  RichTextEditor,
+  ScrollArea,
+  ScrollBar,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator3 as Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  Skeleton,
+  Slider,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Text,
+  Textarea,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+  Toaster,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  badgeVariants,
+  borderRadius,
+  boxShadow,
+  breakpoints,
+  buttonVariants,
+  captionVariants,
+  checkboxVariants,
+  colors,
+  containerVariants,
+  dismissToast,
+  getIcon,
+  headingVariants,
+  inputGroupSelectTriggerTextAlignClass,
+  inputVariants,
+  labelVariants,
+  registerIcons,
+  separatorVariants,
+  sidebarMenuButtonVariants,
+  skeletonVariants,
+  spacing,
+  switchRootVariants,
+  switchThumbVariants,
+  textVariants,
+  toast,
+  toastVariants,
+  transitionDuration,
+  transitionTimingFunction,
+  typography,
+  useSidebar,
+  useToast
+};