@pactor-app/ui 0.1.0 → 1.1.0

package/dist/chunk-BVHAP22U.js

@@ -0,0 +1,3085 @@
+import {
+  Button,
+  buttonVariants
+} from "./chunk-F3H23KYG.js";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-GL7IO22L.js";
+import {
+  cn
+} from "./chunk-RQHJBTEU.js";
+
+// src/ui/alert.tsx
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var alertVariants = cva(
+  "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border border-border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        destructive: "border-destructive/50 text-destructive bg-card [&>svg]:text-current",
+        success: "border-success/50 text-success bg-card [&>svg]:text-current",
+        warning: "border-warning/50 text-warning bg-card [&>svg]:text-current",
+        info: "border-info/50 text-info bg-card [&>svg]:text-current"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: cn(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: cn(
+        "col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/alert-dialog.tsx
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function AlertDialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.Backdrop,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/50 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { "data-slot": "alert-dialog-portal", children: [
+    /* @__PURE__ */ jsx2(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx2(
+      AlertDialogPrimitive.Popup,
+      {
+        "data-slot": "alert-dialog-content",
+        className: cn(
+          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-border bg-background p-6 shadow-lg duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 sm:max-w-lg",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn("text-lg font-semibold", className),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function AlertDialogAction({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.Close,
+    {
+      "data-slot": "alert-dialog-action",
+      className: cn(buttonVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function AlertDialogCancel({
+  className,
+  variant = "outline",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.Close,
+    {
+      "data-slot": "alert-dialog-cancel",
+      className: cn(buttonVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+// src/ui/aspect-ratio.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function AspectRatio({
+  ratio = 1,
+  className,
+  style,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      "data-slot": "aspect-ratio",
+      className: cn("w-full overflow-hidden", className),
+      style: { aspectRatio: String(ratio), ...style },
+      ...props
+    }
+  );
+}
+
+// src/ui/avatar.tsx
+import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function Avatar({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    AvatarPrimitive.Root,
+    {
+      "data-slot": "avatar",
+      className: cn(
+        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    AvatarPrimitive.Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn("aspect-square size-full object-cover", className),
+      ...props
+    }
+  );
+}
+function AvatarFallback({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    AvatarPrimitive.Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/badge.tsx
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var badgeVariants = cva2(
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-md border px-2 py-0.5 text-xs font-medium whitespace-nowrap [&>svg]:pointer-events-none [&>svg]:size-3",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        destructive: "border-transparent bg-destructive text-destructive-foreground",
+        outline: "border-border text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx5(
+    "span",
+    {
+      "data-slot": "badge",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+// src/ui/breadcrumb.tsx
+import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+function Breadcrumb({ ...props }) {
+  return /* @__PURE__ */ jsx6("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1.5", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLink({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "a",
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn("transition-colors hover:text-foreground", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("font-normal text-foreground", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx6(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx6(ChevronRightIcon, {})
+    }
+  );
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsxs2(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx6(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx6("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+
+// src/ui/button-group.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function ButtonGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx7(
+    "div",
+    {
+      role: "group",
+      "data-slot": "button-group",
+      className: cn(
+        "flex w-fit items-stretch [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>[data-slot=button]]:rounded-none [&>[data-slot=button]]:first:rounded-l-md [&>[data-slot=button]]:last:rounded-r-md [&>[data-slot=button]:not(:first-child)]:-ml-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/calendar.tsx
+import { ChevronLeftIcon, ChevronRightIcon as ChevronRightIcon2 } from "lucide-react";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import { jsx as jsx8 } from "react/jsx-runtime";
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  const defaultClassNames = getDefaultClassNames();
+  return /* @__PURE__ */ jsx8(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("bg-background p-3", className),
+      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: "outline" }),
+          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+          defaultClassNames.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: "outline" }),
+          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+          defaultClassNames.button_next
+        ),
+        month_caption: cn(
+          "flex h-7 w-full items-center justify-center px-7",
+          defaultClassNames.month_caption
+        ),
+        caption_label: cn("text-sm font-medium", defaultClassNames.caption_label),
+        month_grid: cn("w-full border-collapse", defaultClassNames.month_grid),
+        weekdays: cn("flex", defaultClassNames.weekdays),
+        weekday: cn(
+          "w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground",
+          defaultClassNames.weekday
+        ),
+        week: cn("mt-2 flex w-full", defaultClassNames.week),
+        day: cn("h-8 w-8 p-0 text-center text-sm", defaultClassNames.day),
+        day_button: cn(
+          "size-8 cursor-pointer rounded-md p-0 font-normal hover:bg-accent hover:text-accent-foreground aria-selected:opacity-100",
+          defaultClassNames.day_button
+        ),
+        selected: cn(
+          "[&>button]:bg-primary [&>button]:text-primary-foreground [&>button]:hover:bg-primary",
+          defaultClassNames.selected
+        ),
+        today: cn(
+          "[&>button]:bg-accent [&>button]:text-accent-foreground",
+          defaultClassNames.today
+        ),
+        outside: cn(
+          "text-muted-foreground opacity-50 aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+        hidden: cn("invisible", defaultClassNames.hidden),
+        ...classNames
+      },
+      components: {
+        Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ jsx8(ChevronLeftIcon, { className: "size-4" }) : /* @__PURE__ */ jsx8(ChevronRightIcon2, { className: "size-4" })
+      },
+      ...props
+    }
+  );
+}
+
+// src/ui/carousel.tsx
+import useEmblaCarousel from "embla-carousel-react";
+import { ChevronLeftIcon as ChevronLeftIcon2, ChevronRightIcon as ChevronRightIcon3 } from "lucide-react";
+import * as React from "react";
+import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+var CarouselContext = React.createContext(null);
+function useCarousel() {
+  const context = React.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+}
+function Carousel({
+  orientation = "horizontal",
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}) {
+  const [carouselRef, api] = useEmblaCarousel(
+    { ...opts, axis: orientation === "horizontal" ? "x" : "y" },
+    plugins
+  );
+  const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+  const [canScrollNext, setCanScrollNext] = React.useState(false);
+  const onSelect = React.useCallback((carouselApi) => {
+    if (!carouselApi) return;
+    setCanScrollPrev(carouselApi.canScrollPrev());
+    setCanScrollNext(carouselApi.canScrollNext());
+  }, []);
+  const scrollPrev = React.useCallback(() => api?.scrollPrev(), [api]);
+  const scrollNext = React.useCallback(() => api?.scrollNext(), [api]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  React.useEffect(() => {
+    if (api && setApi) setApi(api);
+  }, [api, setApi]);
+  React.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ jsx9(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation,
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      },
+      children: /* @__PURE__ */ jsx9(
+        "div",
+        {
+          onKeyDownCapture: handleKeyDown,
+          className: cn("relative", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...props,
+          children
+        }
+      )
+    }
+  );
+}
+function CarouselContent({ className, ...props }) {
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ jsx9("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-viewport", children: /* @__PURE__ */ jsx9(
+    "div",
+    {
+      className: cn(
+        "flex",
+        orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function CarouselItem({ className, ...props }) {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ jsx9(
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "pl-4" : "pt-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CarouselPrevious({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ jsxs3(
+    Button,
+    {
+      "data-slot": "carousel-previous",
+      variant,
+      size,
+      className: cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx9(ChevronLeftIcon2, {}),
+        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+}
+function CarouselNext({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxs3(
+    Button,
+    {
+      "data-slot": "carousel-next",
+      variant,
+      size,
+      className: cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx9(ChevronRightIcon3, {}),
+        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+}
+
+// src/ui/checkbox.tsx
+import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
+import { CheckIcon } from "lucide-react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function Checkbox({ className, ...props }) {
+  return /* @__PURE__ */ jsx10(
+    CheckboxPrimitive.Root,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "peer size-4 shrink-0 cursor-pointer rounded-[4px] border border-input shadow-xs transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx10(
+        CheckboxPrimitive.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "flex items-center justify-center text-current",
+          children: /* @__PURE__ */ jsx10(CheckIcon, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+
+// src/ui/collapsible.tsx
+import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+import { ChevronDownIcon } from "lucide-react";
+import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
+function Collapsible({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx11(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs4(
+    CollapsiblePrimitive.Trigger,
+    {
+      "data-slot": "collapsible-trigger",
+      className: cn(
+        "flex w-full cursor-pointer items-center justify-between gap-4 rounded-md py-2 text-left text-sm font-medium transition-colors outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 [&[data-panel-open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx11(ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+      ]
+    }
+  );
+}
+function CollapsibleContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx11(
+    CollapsiblePrimitive.Panel,
+    {
+      "data-slot": "collapsible-content",
+      className: cn(
+        "overflow-hidden text-sm transition-[height] duration-200 ease-out",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/combobox.tsx
+import { ChevronsUpDownIcon } from "lucide-react";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+function Combobox({
+  open,
+  onOpenChange,
+  children
+}) {
+  return /* @__PURE__ */ jsx12(Popover, { open, onOpenChange: (next) => onOpenChange?.(next), children });
+}
+function ComboboxTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs5(
+    PopoverTrigger,
+    {
+      "data-slot": "combobox-trigger",
+      className: cn(
+        "flex h-9 w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors outline-none hover:bg-accent focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx12("span", { className: "min-w-0 flex-1 truncate text-left", children }),
+        /* @__PURE__ */ jsx12(ChevronsUpDownIcon, { className: "size-4 shrink-0 opacity-50" })
+      ]
+    }
+  );
+}
+function ComboboxContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx12(
+    PopoverContent,
+    {
+      "data-slot": "combobox-content",
+      className: cn("w-[--anchor-width] p-0", className),
+      ...props,
+      children
+    }
+  );
+}
+
+// src/ui/command.tsx
+import { Command as CommandPrimitive } from "cmdk";
+import { SearchIcon } from "lucide-react";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+function Command({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(
+    CommandPrimitive,
+    {
+      "data-slot": "command",
+      className: cn(
+        "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "flex items-center gap-2 border-b border-border px-3",
+      children: [
+        /* @__PURE__ */ jsx13(SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx13(
+          CommandPrimitive.Input,
+          {
+            "data-slot": "command-input",
+            className: cn(
+              "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            ),
+            ...props
+          }
+        )
+      ]
+    }
+  );
+}
+function CommandList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(
+    CommandPrimitive.List,
+    {
+      "data-slot": "command-list",
+      className: cn(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandEmpty({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(
+    CommandPrimitive.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...props
+    }
+  );
+}
+function CommandGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(
+    CommandPrimitive.Group,
+    {
+      "data-slot": "command-group",
+      className: cn(
+        "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(
+    CommandPrimitive.Item,
+    {
+      "data-slot": "command-item",
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/chart.tsx
+import { ResponsiveContainer } from "recharts";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var CHART_TOKEN_COLORS = [
+  "hsl(var(--chart-1))",
+  "hsl(var(--chart-2))",
+  "hsl(var(--chart-3))",
+  "hsl(var(--chart-4))",
+  "hsl(var(--chart-5))"
+];
+function chartColor(index, colors) {
+  if (colors && colors.length > 0) {
+    return colors[index % colors.length];
+  }
+  return CHART_TOKEN_COLORS[index % CHART_TOKEN_COLORS.length];
+}
+function ChartContainer({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx14(
+    "div",
+    {
+      "data-slot": "chart-container",
+      className: cn("h-64 w-full", className),
+      ...props,
+      children: /* @__PURE__ */ jsx14(ResponsiveContainer, { width: "100%", height: "100%", children })
+    }
+  );
+}
+
+// src/ui/textarea.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+function Textarea({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx15(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/context-menu.tsx
+import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
+import { jsx as jsx16 } from "react/jsx-runtime";
+function ContextMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+function ContextMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx16(ContextMenuPrimitive.Positioner, { className: "isolate z-50", children: /* @__PURE__ */ jsx16(
+    ContextMenuPrimitive.Popup,
+    {
+      "data-slot": "context-menu-content",
+      className: cn(
+        "z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        className
+      ),
+      ...props
+    }
+  ) }) });
+}
+function ContextMenuItem({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(
+    ContextMenuPrimitive.Item,
+    {
+      "data-slot": "context-menu-item",
+      "data-variant": variant,
+      className: cn(
+        "relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx16(
+    ContextMenuPrimitive.Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/input.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx17(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/table.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx18(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsx18(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx18(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b [&_tr]:border-border", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx18(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx18(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: cn(
+        "border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx18(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "border-b border-border transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx18(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx18(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCaption({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("mt-4 text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/dropdown-menu.tsx
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+import { ChevronRightIcon as ChevronRightIcon4 } from "lucide-react";
+import { jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(MenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuContent({
+  className,
+  align = "start",
+  side = "bottom",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx19(
+    MenuPrimitive.Positioner,
+    {
+      align,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsx19(
+        MenuPrimitive.Popup,
+        {
+          "data-slot": "dropdown-menu-content",
+          className: cn(
+            "z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(
+    MenuPrimitive.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-variant": variant,
+      className: cn(
+        "relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(
+    MenuPrimitive.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(MenuPrimitive.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs7(
+    MenuPrimitive.SubmenuTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      className: cn(
+        "flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx19(ChevronRightIcon4, { className: "ml-auto" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  sideOffset = 2,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx19(MenuPrimitive.Positioner, { sideOffset, className: "isolate z-50", children: /* @__PURE__ */ jsx19(
+    MenuPrimitive.Popup,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(
+        "z-50 min-w-32 origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        className
+      ),
+      ...props
+    }
+  ) }) });
+}
+
+// src/ui/empty.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
+function Empty({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      "data-slot": "empty",
+      className: cn(
+        "flex min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border-dashed p-6 text-center text-balance",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      "data-slot": "empty-header",
+      className: cn("flex max-w-sm flex-col items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function EmptyTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      "data-slot": "empty-title",
+      className: cn("text-lg font-medium tracking-tight", className),
+      ...props
+    }
+  );
+}
+function EmptyDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "p",
+    {
+      "data-slot": "empty-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function EmptyContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      "data-slot": "empty-content",
+      className: cn(
+        "flex w-full max-w-sm min-w-0 flex-col items-center gap-2 text-sm text-balance",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/field.tsx
+import { Field as FieldPrimitive } from "@base-ui/react/field";
+import { jsx as jsx21 } from "react/jsx-runtime";
+function Field({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    FieldPrimitive.Root,
+    {
+      "data-slot": "field",
+      className: cn("flex flex-col gap-1.5", className),
+      ...props
+    }
+  );
+}
+function FieldLabel({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    FieldPrimitive.Label,
+    {
+      "data-slot": "field-label",
+      className: cn("text-sm leading-none font-medium", className),
+      ...props
+    }
+  );
+}
+function FieldDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    FieldPrimitive.Description,
+    {
+      "data-slot": "field-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function FieldError({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    FieldPrimitive.Error,
+    {
+      "data-slot": "field-error",
+      className: cn("text-sm text-destructive", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/hover-card.tsx
+import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
+import { jsx as jsx22 } from "react/jsx-runtime";
+function HoverCard({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx22(PreviewCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+}
+function HoverCardTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx22(PreviewCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+}
+function HoverCardContent({
+  className,
+  align = "center",
+  side = "bottom",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx22(PreviewCardPrimitive.Portal, { children: /* @__PURE__ */ jsx22(
+    PreviewCardPrimitive.Positioner,
+    {
+      align,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsx22(
+        PreviewCardPrimitive.Popup,
+        {
+          "data-slot": "hover-card-content",
+          className: cn(
+            "z-50 w-64 origin-(--transform-origin) rounded-md border border-border bg-popover p-4 text-popover-foreground shadow-md outline-hidden duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+
+// src/ui/input-group.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx23(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: cn(
+        "group/input-group relative flex w-full items-center rounded-md border border-input shadow-xs transition-colors outline-none focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 has-disabled:opacity-50",
+        // 消化 DSL 子元素：Input 去边框/焦点环并伸展；Text 作前后缀；Button 贴边去圆角
+        "[&_[data-slot=input]]:min-w-0 [&_[data-slot=input]]:flex-1 [&_[data-slot=input]]:border-0 [&_[data-slot=input]]:shadow-none [&_[data-slot=input]]:focus-visible:ring-0",
+        "[&>[data-slot=text]]:shrink-0 [&>[data-slot=text]]:px-3 [&>[data-slot=text]]:text-sm [&>[data-slot=text]]:text-muted-foreground",
+        "[&>[data-slot=button]]:shrink-0 [&>[data-slot=button]]:rounded-none [&>[data-slot=button]]:first:rounded-l-md [&>[data-slot=button]]:last:rounded-r-md",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": align,
+      className: cn(
+        "flex items-center gap-1 px-3 text-sm text-muted-foreground [&>svg]:size-4",
+        align === "inline-start" ? "order-first pl-3" : "order-last pr-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function InputGroupInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(
+    "input",
+    {
+      "data-slot": "input-group-input",
+      className: cn(
+        "h-9 min-w-0 flex-1 border-0 bg-transparent px-3 py-1 text-base shadow-none outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/input-otp.tsx
+import { OTPInput, OTPInputContext } from "input-otp";
+import { MinusIcon } from "lucide-react";
+import * as React2 from "react";
+import { jsx as jsx24, jsxs as jsxs8 } from "react/jsx-runtime";
+function InputOTP({
+  className,
+  containerClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx24(
+    OTPInput,
+    {
+      "data-slot": "input-otp",
+      containerClassName: cn(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        containerClassName
+      ),
+      className: cn("disabled:cursor-not-allowed", className),
+      ...props
+    }
+  );
+}
+function InputOTPGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(
+    "div",
+    {
+      "data-slot": "input-otp-group",
+      className: cn("flex items-center", className),
+      ...props
+    }
+  );
+}
+function InputOTPSlot({
+  index,
+  className,
+  ...props
+}) {
+  const inputOTPContext = React2.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
+  return /* @__PURE__ */ jsxs8(
+    "div",
+    {
+      "data-slot": "input-otp-slot",
+      "data-active": isActive,
+      className: cn(
+        "relative flex h-9 w-9 items-center justify-center border-y border-r border-input text-sm shadow-xs transition-all first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret ? /* @__PURE__ */ jsx24("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx24("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }) : null
+      ]
+    }
+  );
+}
+function InputOTPSeparator({ ...props }) {
+  return /* @__PURE__ */ jsx24("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx24(MinusIcon, {}) });
+}
+
+// src/ui/item.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+function Item({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    "div",
+    {
+      "data-slot": "item",
+      className: cn(
+        "group/item flex items-center gap-3 rounded-lg border border-border p-3 text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemMedia({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    "div",
+    {
+      "data-slot": "item-media",
+      className: cn(
+        "flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    "div",
+    {
+      "data-slot": "item-content",
+      className: cn("flex min-w-0 flex-1 flex-col gap-0.5", className),
+      ...props
+    }
+  );
+}
+function ItemTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    "div",
+    {
+      "data-slot": "item-title",
+      className: cn("line-clamp-1 font-medium", className),
+      ...props
+    }
+  );
+}
+function ItemDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    "p",
+    {
+      "data-slot": "item-description",
+      className: cn("line-clamp-2 text-xs text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function ItemActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx25(
+    "div",
+    {
+      "data-slot": "item-actions",
+      className: cn("flex shrink-0 items-center gap-2", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/kbd.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
+function Kbd({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(
+    "kbd",
+    {
+      "data-slot": "kbd",
+      className: cn(
+        "pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/label.tsx
+import { jsx as jsx27 } from "react/jsx-runtime";
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx27(
+    "label",
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { jsx as jsx28, jsxs as jsxs9 } from "react/jsx-runtime";
+function TooltipProvider({
+  delay = 0,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(
+    TooltipPrimitive.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delay,
+      ...props
+    }
+  );
+}
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(TooltipProvider, { children: /* @__PURE__ */ jsx28(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+}
+function TooltipTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+}
+function TooltipContent({
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx28(
+    TooltipPrimitive.Positioner,
+    {
+      align,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxs9(
+        TooltipPrimitive.Popup,
+        {
+          "data-slot": "tooltip-content",
+          className: cn(
+            "z-50 w-fit origin-(--transform-origin) rounded-md bg-primary px-3 py-1.5 text-xs text-balance text-primary-foreground duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props,
+          children: [
+            children,
+            /* @__PURE__ */ jsx28(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 rotate-45 rounded-[2px] bg-primary fill-primary data-[side=top]:-bottom-1 data-[side=bottom]:-top-1 data-[side=left]:-right-1 data-[side=right]:-left-1" })
+          ]
+        }
+      )
+    }
+  ) });
+}
+
+// src/ui/menubar.tsx
+import { Menu as MenuPrimitive2 } from "@base-ui/react/menu";
+import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar";
+import { jsx as jsx29 } from "react/jsx-runtime";
+function Menubar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx29(
+    MenubarPrimitive,
+    {
+      "data-slot": "menubar",
+      className: cn(
+        "flex h-9 items-center gap-1 rounded-md border border-border bg-background p-1 shadow-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx29(MenuPrimitive2.Root, { "data-slot": "menubar-menu", ...props });
+}
+function MenubarTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx29(
+    MenuPrimitive2.Trigger,
+    {
+      "data-slot": "menubar-trigger",
+      className: cn(
+        "flex cursor-pointer items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarContent({
+  className,
+  align = "start",
+  side = "bottom",
+  sideOffset = 8,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx29(MenuPrimitive2.Portal, { children: /* @__PURE__ */ jsx29(
+    MenuPrimitive2.Positioner,
+    {
+      align,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsx29(
+        MenuPrimitive2.Popup,
+        {
+          "data-slot": "menubar-content",
+          className: cn(
+            "z-50 min-w-36 origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+function MenubarItem({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx29(
+    MenuPrimitive2.Item,
+    {
+      "data-slot": "menubar-item",
+      "data-variant": variant,
+      className: cn(
+        "relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function MenubarSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx29(
+    MenuPrimitive2.Separator,
+    {
+      "data-slot": "menubar-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/navigation-menu.tsx
+import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
+import { ChevronDownIcon as ChevronDownIcon2 } from "lucide-react";
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx30, jsxs as jsxs10 } from "react/jsx-runtime";
+function NavigationMenu({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs10(
+    NavigationMenuPrimitive.Root,
+    {
+      "data-slot": "navigation-menu",
+      className: cn("relative z-10 flex max-w-max items-center justify-center", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx30(NavigationMenuViewport, {})
+      ]
+    }
+  );
+}
+function NavigationMenuList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx30(
+    NavigationMenuPrimitive.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: cn("flex flex-1 list-none items-center justify-center gap-1", className),
+      ...props
+    }
+  );
+}
+function NavigationMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx30(
+    NavigationMenuPrimitive.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: cn("relative", className),
+      ...props
+    }
+  );
+}
+var navigationMenuTriggerStyle = cva3(
+  "group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-open:bg-accent/50 data-open:text-accent-foreground"
+);
+function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs10(
+    NavigationMenuPrimitive.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: cn(navigationMenuTriggerStyle(), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx30(
+          ChevronDownIcon2,
+          {
+            className: "relative top-px ml-1 size-3 transition-transform duration-200 group-data-open/navigation-menu-trigger:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function NavigationMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx30(
+    NavigationMenuPrimitive.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: cn(
+        "w-full p-2 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[instant]:transition-none **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuViewport({ className }) {
+  return /* @__PURE__ */ jsx30(NavigationMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx30(
+    NavigationMenuPrimitive.Positioner,
+    {
+      side: "bottom",
+      align: "start",
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsx30(
+        NavigationMenuPrimitive.Popup,
+        {
+          "data-slot": "navigation-menu-popup",
+          className: cn(
+            "origin-(--transform-origin) overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          children: /* @__PURE__ */ jsx30(NavigationMenuPrimitive.Viewport, { "data-slot": "navigation-menu-viewport" })
+        }
+      )
+    }
+  ) });
+}
+function NavigationMenuLink({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx30(
+    NavigationMenuPrimitive.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: cn(
+        "flex flex-col gap-1 rounded-md p-2 text-sm transition-colors outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 data-active:bg-accent/50 data-active:text-accent-foreground [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/pagination.tsx
+import { ChevronLeftIcon as ChevronLeftIcon3, ChevronRightIcon as ChevronRightIcon5, MoreHorizontalIcon as MoreHorizontalIcon2 } from "lucide-react";
+import { jsx as jsx31, jsxs as jsxs11 } from "react/jsx-runtime";
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ jsx31(
+    "nav",
+    {
+      role: "navigation",
+      "aria-label": "pagination",
+      "data-slot": "pagination",
+      className: cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+function PaginationContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx31(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: cn("flex flex-row items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ ...props }) {
+  return /* @__PURE__ */ jsx31("li", { "data-slot": "pagination-item", ...props });
+}
+function PaginationLink({
+  className,
+  isActive,
+  disabled,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx31(
+    "a",
+    {
+      "aria-current": isActive ? "page" : void 0,
+      "aria-disabled": disabled || void 0,
+      tabIndex: disabled ? -1 : void 0,
+      "data-slot": "pagination-link",
+      "data-active": isActive || void 0,
+      className: cn(
+        buttonVariants({
+          variant: isActive ? "outline" : "ghost"
+        }),
+        disabled && "pointer-events-none opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function PaginationPrevious({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs11(
+    PaginationLink,
+    {
+      "aria-label": "Go to previous page",
+      className: cn("gap-1 px-2.5 sm:pl-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx31(ChevronLeftIcon3, {}),
+        /* @__PURE__ */ jsx31("span", { className: "hidden sm:block", children: "Previous" })
+      ]
+    }
+  );
+}
+function PaginationNext({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs11(
+    PaginationLink,
+    {
+      "aria-label": "Go to next page",
+      className: cn("gap-1 px-2.5 sm:pr-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx31("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx31(ChevronRightIcon5, {})
+      ]
+    }
+  );
+}
+function PaginationEllipsis({ className, ...props }) {
+  return /* @__PURE__ */ jsxs11(
+    "span",
+    {
+      "aria-hidden": true,
+      "data-slot": "pagination-ellipsis",
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx31(MoreHorizontalIcon2, { className: "size-4" }),
+        /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+
+// src/ui/progress.tsx
+import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
+import { jsx as jsx32 } from "react/jsx-runtime";
+function Progress({ className, ...props }) {
+  return /* @__PURE__ */ jsx32(
+    ProgressPrimitive.Root,
+    {
+      "data-slot": "progress",
+      className: cn("relative w-full", className),
+      ...props
+    }
+  );
+}
+function ProgressTrack({ className, ...props }) {
+  return /* @__PURE__ */ jsx32(
+    ProgressPrimitive.Track,
+    {
+      "data-slot": "progress-track",
+      className: cn("h-2 w-full overflow-hidden rounded-full bg-muted", className),
+      ...props
+    }
+  );
+}
+function ProgressIndicator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx32(
+    ProgressPrimitive.Indicator,
+    {
+      "data-slot": "progress-indicator",
+      className: cn(
+        "h-full bg-primary transition-[width] duration-300 ease-in-out",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/radio-group.tsx
+import { Radio as RadioPrimitive } from "@base-ui/react/radio";
+import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group";
+import { jsx as jsx33 } from "react/jsx-runtime";
+function RadioGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx33(
+    RadioGroupPrimitive,
+    {
+      "data-slot": "radio-group",
+      className: cn("grid gap-3", className),
+      ...props
+    }
+  );
+}
+function RadioGroupItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx33(
+    RadioPrimitive.Root,
+    {
+      "data-slot": "radio-group-item",
+      className: cn(
+        "aspect-square size-4 shrink-0 cursor-pointer rounded-full border border-input shadow-xs transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-checked:border-primary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx33(
+        RadioPrimitive.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "flex items-center justify-center",
+          children: /* @__PURE__ */ jsx33("span", { className: "size-2 rounded-full bg-primary" })
+        }
+      )
+    }
+  );
+}
+
+// src/ui/resizable.tsx
+import { GripVerticalIcon } from "lucide-react";
+import {
+  Group as PanelGroupPrimitive,
+  Panel as PanelPrimitive,
+  Separator as PanelResizeHandlePrimitive
+} from "react-resizable-panels";
+import { jsx as jsx34 } from "react/jsx-runtime";
+function PanelGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx34(
+    PanelGroupPrimitive,
+    {
+      "data-slot": "resizable-panel-group",
+      className: cn(
+        "flex h-full w-full data-[orientation=vertical]:flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Panel({ ...props }) {
+  return /* @__PURE__ */ jsx34(PanelPrimitive, { "data-slot": "resizable-panel", ...props });
+}
+function ResizableHandle({
+  withHandle,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx34(
+    PanelResizeHandlePrimitive,
+    {
+      "data-slot": "resizable-handle",
+      className: cn(
+        "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-none data-[orientation=vertical]:h-px data-[orientation=vertical]:w-full data-[orientation=vertical]:after:left-0 data-[orientation=vertical]:after:h-1 data-[orientation=vertical]:after:w-full data-[orientation=vertical]:after:translate-x-0 data-[orientation=vertical]:after:-translate-y-1/2 [&[data-orientation=vertical]>div]:rotate-90",
+        className
+      ),
+      ...props,
+      children: withHandle ? /* @__PURE__ */ jsx34("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border border-border bg-border", children: /* @__PURE__ */ jsx34(GripVerticalIcon, { className: "size-2.5" }) }) : null
+    }
+  );
+}
+
+// src/ui/scroll-area.tsx
+import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
+import { jsx as jsx35, jsxs as jsxs12 } from "react/jsx-runtime";
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs12(
+    ScrollAreaPrimitive.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative overflow-hidden", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx35(
+          ScrollAreaPrimitive.Viewport,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "size-full rounded-[inherit] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx35(ScrollBar, {}),
+        /* @__PURE__ */ jsx35(ScrollAreaPrimitive.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx35(
+    ScrollAreaPrimitive.Scrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx35(
+        ScrollAreaPrimitive.Thumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "relative flex-1 rounded-full bg-border"
+        }
+      )
+    }
+  );
+}
+
+// src/ui/select.tsx
+import { Select as SelectPrimitive } from "@base-ui/react/select";
+import { CheckIcon as CheckIcon2, ChevronDownIcon as ChevronDownIcon3, ChevronUpIcon } from "lucide-react";
+import { jsx as jsx36, jsxs as jsxs13 } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+function SelectGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx36(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+}
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx36(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+}
+function SelectTrigger({
+  className,
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs13(
+    SelectPrimitive.Trigger,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "flex w-fit cursor-pointer items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-colors outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 data-[placeholder]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx36(
+          SelectPrimitive.Icon,
+          {
+            render: /* @__PURE__ */ jsx36(ChevronDownIcon3, { className: "size-4 opacity-50" })
+          }
+        )
+      ]
+    }
+  );
+}
+function SelectContent({
+  className,
+  children,
+  side = "bottom",
+  sideOffset = 4,
+  align = "center",
+  alignItemWithTrigger = false,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx36(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx36(
+    SelectPrimitive.Positioner,
+    {
+      side,
+      sideOffset,
+      align,
+      alignItemWithTrigger,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxs13(
+        SelectPrimitive.Popup,
+        {
+          "data-slot": "select-content",
+          className: cn(
+            "relative z-50 max-h-96 min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover text-popover-foreground shadow-md duration-200 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          ),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx36(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx36(SelectPrimitive.List, { className: "p-1", children }),
+            /* @__PURE__ */ jsx36(SelectScrollDownButton, {})
+          ]
+        }
+      )
+    }
+  ) });
+}
+function SelectLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx36(
+    SelectPrimitive.GroupLabel,
+    {
+      "data-slot": "select-label",
+      className: cn("px-2 py-1.5 text-xs text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs13(
+    SelectPrimitive.Item,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "relative flex w-full cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx36("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(CheckIcon2, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx36(SelectPrimitive.ItemText, { children })
+      ]
+    }
+  );
+}
+function SelectSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx36(
+    SelectPrimitive.Separator,
+    {
+      "data-slot": "select-separator",
+      className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx36(
+    SelectPrimitive.ScrollUpArrow,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx36(ChevronUpIcon, { className: "size-4" })
+    }
+  );
+}
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx36(
+    SelectPrimitive.ScrollDownArrow,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx36(ChevronDownIcon3, { className: "size-4" })
+    }
+  );
+}
+
+// src/ui/separator.tsx
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+import { jsx as jsx37 } from "react/jsx-runtime";
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative: _decorative,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx37(
+    SeparatorPrimitive,
+    {
+      "data-slot": "separator",
+      orientation,
+      className: cn(
+        "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/sheet.tsx
+import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
+import { XIcon } from "lucide-react";
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx38, jsxs as jsxs14 } from "react/jsx-runtime";
+function Sheet({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(
+    DialogPrimitive.Backdrop,
+    {
+      "data-slot": "sheet-overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/50 data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var sheetVariants = cva4(
+  "fixed z-50 flex flex-col gap-4 border-border bg-background shadow-lg transition ease-in-out data-open:animate-in data-open:duration-300 data-closed:animate-out data-closed:duration-200",
+  {
+    variants: {
+      side: {
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-open:slide-in-from-right data-closed:slide-out-to-right sm:max-w-sm",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-open:slide-in-from-left data-closed:slide-out-to-left sm:max-w-sm",
+        top: "inset-x-0 top-0 border-b data-open:slide-in-from-top data-closed:slide-out-to-top",
+        bottom: "inset-x-0 bottom-0 border-t data-open:slide-in-from-bottom data-closed:slide-out-to-bottom"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs14(SheetPortal, { "data-slot": "sheet-portal", children: [
+    /* @__PURE__ */ jsx38(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs14(
+      DialogPrimitive.Popup,
+      {
+        "data-slot": "sheet-content",
+        className: cn(sheetVariants({ side }), className),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs14(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "sheet-close",
+              render: /* @__PURE__ */ jsx38(
+                "button",
+                {
+                  type: "button",
+                  className: "absolute top-4 right-4 cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
+                }
+              ),
+              children: [
+                /* @__PURE__ */ jsx38(XIcon, {}),
+                /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx38(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-1.5 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx38(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("font-semibold text-foreground", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/skeleton.tsx
+import { jsx as jsx39 } from "react/jsx-runtime";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx39(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("animate-pulse rounded-md bg-muted", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/slider.tsx
+import { Slider as SliderPrimitive } from "@base-ui/react/slider";
+import { jsx as jsx40 } from "react/jsx-runtime";
+function Slider({ className, ...props }) {
+  return /* @__PURE__ */ jsx40(
+    SliderPrimitive.Root,
+    {
+      "data-slot": "slider",
+      className: cn(
+        "relative flex w-full touch-none items-center select-none data-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SliderControl({ className, ...props }) {
+  return /* @__PURE__ */ jsx40(
+    SliderPrimitive.Control,
+    {
+      "data-slot": "slider-control",
+      className: cn("flex w-full items-center py-2", className),
+      ...props
+    }
+  );
+}
+function SliderTrack({ className, ...props }) {
+  return /* @__PURE__ */ jsx40(
+    SliderPrimitive.Track,
+    {
+      "data-slot": "slider-track",
+      className: cn(
+        "relative h-1.5 w-full grow overflow-hidden rounded-full bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SliderIndicator({ className, ...props }) {
+  return /* @__PURE__ */ jsx40(
+    SliderPrimitive.Indicator,
+    {
+      "data-slot": "slider-indicator",
+      className: cn("absolute h-full bg-primary", className),
+      ...props
+    }
+  );
+}
+function SliderThumb({ className, ...props }) {
+  return /* @__PURE__ */ jsx40(
+    SliderPrimitive.Thumb,
+    {
+      "data-slot": "slider-thumb",
+      className: cn(
+        "block size-4 shrink-0 cursor-grab rounded-full border border-primary bg-background shadow-sm transition-colors focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none active:cursor-grabbing disabled:pointer-events-none disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/toast.tsx
+import { Toast as ToastPrimitive } from "@base-ui/react/toast";
+import { XIcon as XIcon2 } from "lucide-react";
+import { jsx as jsx41, jsxs as jsxs15 } from "react/jsx-runtime";
+var toastManager = ToastPrimitive.createToastManager();
+function toast(message, options = {}) {
+  return toastManager.add({
+    title: message,
+    description: options.description,
+    type: options.variant ?? "info"
+  });
+}
+var toastVariantClass = {
+  success: "border-l-4 border-l-success",
+  error: "border-l-4 border-l-destructive",
+  info: "border-l-4 border-l-info"
+};
+function ToasterViewport({ className }) {
+  const { toasts } = ToastPrimitive.useToastManager();
+  return /* @__PURE__ */ jsx41(ToastPrimitive.Portal, { children: /* @__PURE__ */ jsx41(
+    ToastPrimitive.Viewport,
+    {
+      "data-slot": "toast-viewport",
+      className: cn(
+        "fixed top-4 right-4 z-[100] flex w-80 flex-col gap-2 outline-none",
+        className
+      ),
+      children: toasts.map((item) => /* @__PURE__ */ jsx41(
+        ToastPrimitive.Root,
+        {
+          toast: item,
+          "data-slot": "toast",
+          "data-type": item.type ?? "info",
+          className: cn(
+            "rounded-md border border-border bg-popover px-4 py-3 text-sm text-popover-foreground shadow-md transition-[opacity,transform] duration-200 data-ending-style:animate-toast-out data-starting-style:animate-toast-in",
+            toastVariantClass[item.type ?? "info"] ?? toastVariantClass.info
+          ),
+          children: /* @__PURE__ */ jsxs15(ToastPrimitive.Content, { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs15("div", { className: "grid gap-0.5", children: [
+              /* @__PURE__ */ jsx41(
+                ToastPrimitive.Title,
+                {
+                  "data-slot": "toast-title",
+                  className: "font-medium"
+                }
+              ),
+              /* @__PURE__ */ jsx41(
+                ToastPrimitive.Description,
+                {
+                  "data-slot": "toast-description",
+                  className: "text-muted-foreground"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx41(
+              ToastPrimitive.Close,
+              {
+                "data-slot": "toast-close",
+                "aria-label": "Close",
+                className: "cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none [&_svg]:size-3.5",
+                children: /* @__PURE__ */ jsx41(XIcon2, {})
+              }
+            )
+          ] })
+        },
+        item.id
+      ))
+    }
+  ) });
+}
+function Toaster({ className }) {
+  return /* @__PURE__ */ jsx41(ToastPrimitive.Provider, { toastManager, children: /* @__PURE__ */ jsx41(ToasterViewport, { className }) });
+}
+
+// src/ui/spinner.tsx
+import { Loader2Icon } from "lucide-react";
+import { jsx as jsx42 } from "react/jsx-runtime";
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ jsx42(
+    Loader2Icon,
+    {
+      role: "status",
+      "aria-label": "Loading",
+      "data-slot": "spinner",
+      className: cn("size-4 animate-spin", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/switch.tsx
+import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
+import { jsx as jsx43 } from "react/jsx-runtime";
+function Switch({ className, ...props }) {
+  return /* @__PURE__ */ jsx43(
+    SwitchPrimitive.Root,
+    {
+      "data-slot": "switch",
+      className: cn(
+        "inline-flex h-[1.15rem] w-8 shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-xs transition-colors outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-checked:bg-primary data-unchecked:bg-input",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx43(
+        SwitchPrimitive.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: "pointer-events-none block size-4 rounded-full bg-background transition-transform data-checked:translate-x-[calc(100%-2px)] data-unchecked:translate-x-0"
+        }
+      )
+    }
+  );
+}
+
+// src/ui/tabs.tsx
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import { jsx as jsx44 } from "react/jsx-runtime";
+function Tabs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx44(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      className: cn("flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function TabsList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx44(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(
+        "inline-flex h-9 w-fit items-center justify-center rounded-lg bg-muted p-[3px] text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx44(
+    TabsPrimitive.Tab,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "inline-flex h-[calc(100%-1px)] flex-1 cursor-pointer items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-active:border-border data-active:bg-background data-active:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx44(
+    TabsPrimitive.Panel,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/toggle.tsx
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx45 } from "react/jsx-runtime";
+var toggleVariants = cva5(
+  "inline-flex cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-colors outline-none hover:bg-muted hover:text-muted-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 data-pressed:bg-accent data-pressed:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Toggle({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx45(
+    TogglePrimitive,
+    {
+      "data-slot": "toggle",
+      className: cn(toggleVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/ui/toggle-group.tsx
+import { Toggle as TogglePrimitive2 } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group";
+import * as React3 from "react";
+import { jsx as jsx46 } from "react/jsx-runtime";
+var ToggleGroupContext = React3.createContext({
+  size: "default",
+  variant: "default"
+});
+function ToggleGroup({
+  className,
+  variant = "default",
+  size = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx46(
+    ToggleGroupPrimitive,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(
+        "group/toggle-group flex w-fit items-center rounded-md [&>[data-slot=toggle]]:rounded-none [&>[data-slot=toggle]]:first:rounded-l-md [&>[data-slot=toggle]]:last:rounded-r-md",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx46(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    }
+  );
+}
+function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}) {
+  const context = React3.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx46(
+    TogglePrimitive2,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": variant ?? context.variant,
+      "data-size": size ?? context.size,
+      className: cn(
+        toggleVariants({
+          variant: variant ?? context.variant,
+          size: size ?? context.size
+        }),
+        "min-w-0 flex-1 shrink-0 shadow-none focus:z-10 focus-visible:z-10",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+
+// src/ui/typography.tsx
+import { cva as cva6 } from "class-variance-authority";
+import { jsx as jsx47 } from "react/jsx-runtime";
+var typographyVariants = cva6("", {
+  variants: {
+    variant: {
+      h1: "scroll-m-20 text-4xl font-extrabold tracking-tight text-balance",
+      h2: "scroll-m-20 border-b border-border pb-2 text-3xl font-semibold tracking-tight",
+      h3: "scroll-m-20 text-2xl font-semibold tracking-tight",
+      h4: "scroll-m-20 text-xl font-semibold tracking-tight",
+      p: "leading-7",
+      blockquote: "mt-6 border-l-2 border-border pl-6 italic",
+      list: "my-6 ml-6 list-disc [&>li]:mt-2",
+      "inline-code": "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
+      lead: "text-xl text-muted-foreground",
+      muted: "text-sm text-muted-foreground",
+      small: "text-sm leading-none font-medium"
+    }
+  },
+  defaultVariants: {
+    variant: "p"
+  }
+});
+var variantTagMap = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  p: "p",
+  blockquote: "blockquote",
+  list: "ul",
+  "inline-code": "code",
+  lead: "p",
+  muted: "p",
+  small: "small"
+};
+function Typography({ className, variant = "p", ...props }) {
+  const Tag = variantTagMap[variant ?? "p"];
+  return /* @__PURE__ */ jsx47(
+    Tag,
+    {
+      "data-slot": "typography",
+      "data-variant": variant,
+      className: cn(typographyVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+
+export {
+  Alert,
+  AlertTitle,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogTrigger,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AspectRatio,
+  Avatar,
+  AvatarImage,
+  AvatarFallback,
+  badgeVariants,
+  Badge,
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis,
+  ButtonGroup,
+  Calendar,
+  useCarousel,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselPrevious,
+  CarouselNext,
+  Checkbox,
+  Collapsible,
+  CollapsibleTrigger,
+  CollapsibleContent,
+  Combobox,
+  ComboboxTrigger,
+  ComboboxContent,
+  Command,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  CHART_TOKEN_COLORS,
+  chartColor,
+  ChartContainer,
+  Textarea,
+  ContextMenu,
+  ContextMenuTrigger,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuSeparator,
+  Input,
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableRow,
+  TableHead,
+  TableCell,
+  TableCaption,
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+  Empty,
+  EmptyHeader,
+  EmptyTitle,
+  EmptyDescription,
+  EmptyContent,
+  Field,
+  FieldLabel,
+  FieldDescription,
+  FieldError,
+  HoverCard,
+  HoverCardTrigger,
+  HoverCardContent,
+  InputGroup,
+  InputGroupAddon,
+  InputGroupInput,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSlot,
+  InputOTPSeparator,
+  Item,
+  ItemMedia,
+  ItemContent,
+  ItemTitle,
+  ItemDescription,
+  ItemActions,
+  Kbd,
+  Label,
+  TooltipProvider,
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent,
+  Menubar,
+  MenubarMenu,
+  MenubarTrigger,
+  MenubarContent,
+  MenubarItem,
+  MenubarSeparator,
+  NavigationMenu,
+  NavigationMenuList,
+  NavigationMenuItem,
+  navigationMenuTriggerStyle,
+  NavigationMenuTrigger,
+  NavigationMenuContent,
+  NavigationMenuViewport,
+  NavigationMenuLink,
+  Pagination,
+  PaginationContent,
+  PaginationItem,
+  PaginationLink,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationEllipsis,
+  Progress,
+  ProgressTrack,
+  ProgressIndicator,
+  RadioGroup,
+  RadioGroupItem,
+  PanelGroup,
+  Panel,
+  ResizableHandle,
+  ScrollArea,
+  ScrollBar,
+  Select,
+  SelectGroup,
+  SelectValue,
+  SelectTrigger,
+  SelectContent,
+  SelectLabel,
+  SelectItem,
+  SelectSeparator,
+  SelectScrollUpButton,
+  SelectScrollDownButton,
+  Separator,
+  Sheet,
+  SheetTrigger,
+  SheetClose,
+  SheetPortal,
+  SheetOverlay,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+  Skeleton,
+  Slider,
+  SliderControl,
+  SliderTrack,
+  SliderIndicator,
+  SliderThumb,
+  toastManager,
+  toast,
+  Toaster,
+  Spinner,
+  Switch,
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+  toggleVariants,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  typographyVariants,
+  Typography
+};