@byldpartners/ui 0.0.1

package/dist/index.js

@@ -0,0 +1,3894 @@
+import {
+  ThemeProvider,
+  auroraPreset,
+  darkPreset,
+  defaultPreset,
+  useTheme
+} from "./chunk-JFJY6DZZ.js";
+
+// src/components/Accordion/Accordion.web.tsx
+import { forwardRef } from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/Accordion/Accordion.web.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ChevronDownIcon(props) {
+  return /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) });
+}
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("border-b", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronDownIcon, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+// src/components/Alert/Alert.web.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { cva } from "class-variance-authority";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var alertVariants = cva(
+  "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg~*]:pl-7",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Alert = forwardRef2(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx2(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+var AlertTitle = forwardRef2(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+  "h5",
+  {
+    ref,
+    className: cn("mb-1 font-medium leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = forwardRef2(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+  "div",
+  {
+    ref,
+    className: cn("text-sm [&_p]:leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+
+// src/components/AlertDialog/AlertDialog.web.tsx
+import { forwardRef as forwardRef4 } from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+
+// src/components/Button/Button.web.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var buttonVariants = cva2(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = forwardRef3(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx3(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/AlertDialog/AlertDialog.web.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+var AlertDialogOverlay = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  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 = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsxs2(AlertDialogPortal, { children: [
+  /* @__PURE__ */ jsx4(AlertDialogOverlay, {}),
+  /* @__PURE__ */ jsx4(
+    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 text-foreground p-6 shadow-lg transition-opacity duration-200 data-[state=open]:opacity-100 data-[state=closed]:opacity-0 sm:rounded-lg",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx4(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+var AlertDialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx4(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+var AlertDialogTitle = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescription = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogAction = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(buttonVariants(), className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancel = forwardRef4(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(
+      buttonVariants({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className
+    ),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+// src/components/AspectRatio/AspectRatio.web.tsx
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+var AspectRatio = AspectRatioPrimitive.Root;
+
+// src/components/Avatar/Avatar.web.tsx
+import { forwardRef as forwardRef5 } from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Avatar = forwardRef5(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImage = forwardRef5(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallback = forwardRef5(({ className, ...props }, ref) => /* @__PURE__ */ jsx5(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+
+// src/components/Badge/Badge.web.tsx
+import { forwardRef as forwardRef6 } from "react";
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var badgeVariants = cva3(
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Badge = forwardRef6(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx6(
+    "div",
+    {
+      ref,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  )
+);
+Badge.displayName = "Badge";
+
+// src/components/Breadcrumb/Breadcrumb.web.tsx
+import { forwardRef as forwardRef7 } from "react";
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+function ChevronRightIcon(props) {
+  return /* @__PURE__ */ jsx7("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: /* @__PURE__ */ jsx7("path", { d: "m9 18 6-6-6-6" }) });
+}
+function MoreHorizontalIcon(props) {
+  return /* @__PURE__ */ jsxs3("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [
+    /* @__PURE__ */ jsx7("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx7("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx7("circle", { cx: "5", cy: "12", r: "1" })
+  ] });
+}
+var Breadcrumb = forwardRef7(({ ...props }, ref) => /* @__PURE__ */ jsx7("nav", { ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = "Breadcrumb";
+var BreadcrumbList = forwardRef7(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+  "ol",
+  {
+    ref,
+    className: cn(
+      "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground sm:gap-2.5",
+      className
+    ),
+    ...props
+  }
+));
+BreadcrumbList.displayName = "BreadcrumbList";
+var BreadcrumbItem = forwardRef7(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+  "li",
+  {
+    ref,
+    className: cn("inline-flex items-center gap-1.5", className),
+    ...props
+  }
+));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = forwardRef7(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? Slot2 : "a";
+  return /* @__PURE__ */ jsx7(
+    Comp,
+    {
+      ref,
+      className: cn("transition-colors hover:text-foreground", className),
+      ...props
+    }
+  );
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = forwardRef7(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
+  "span",
+  {
+    ref,
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: cn("font-normal text-foreground", className),
+    ...props
+  }
+));
+BreadcrumbPage.displayName = "BreadcrumbPage";
+var BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx7(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("[&>svg]:h-3.5 [&>svg]:w-3.5", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx7(ChevronRightIcon, {})
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+var BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs3(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx7(MoreHorizontalIcon, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx7("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
+
+// src/components/Calendar/Calendar.web.tsx
+import { forwardRef as forwardRef8, useState } from "react";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+function getDaysInMonth(year, month) {
+  return new Date(year, month + 1, 0).getDate();
+}
+function getFirstDayOfMonth(year, month) {
+  return new Date(year, month, 1).getDay();
+}
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function isToday(date) {
+  return isSameDay(date, /* @__PURE__ */ new Date());
+}
+var Calendar = forwardRef8(
+  ({
+    selected,
+    onSelect,
+    month: controlledMonth,
+    onMonthChange,
+    disabled = false,
+    className,
+    ...props
+  }, ref) => {
+    const [internalMonth, setInternalMonth] = useState(
+      controlledMonth || selected || /* @__PURE__ */ new Date()
+    );
+    const displayMonth = controlledMonth || internalMonth;
+    const year = displayMonth.getFullYear();
+    const monthIndex = displayMonth.getMonth();
+    const daysInMonth = getDaysInMonth(year, monthIndex);
+    const firstDay = getFirstDayOfMonth(year, monthIndex);
+    const monthLabel = displayMonth.toLocaleString("default", {
+      month: "long",
+      year: "numeric"
+    });
+    const goToPrevMonth = () => {
+      const prev = new Date(year, monthIndex - 1, 1);
+      if (controlledMonth === void 0) setInternalMonth(prev);
+      onMonthChange?.(prev);
+    };
+    const goToNextMonth = () => {
+      const next = new Date(year, monthIndex + 1, 1);
+      if (controlledMonth === void 0) setInternalMonth(next);
+      onMonthChange?.(next);
+    };
+    const handleDayClick = (day) => {
+      if (disabled) return;
+      const date = new Date(year, monthIndex, day);
+      onSelect?.(date);
+    };
+    const cells = [];
+    for (let i = 0; i < firstDay; i++) {
+      cells.push(null);
+    }
+    for (let d = 1; d <= daysInMonth; d++) {
+      cells.push(d);
+    }
+    return /* @__PURE__ */ jsxs4("div", { ref, className: cn("p-3", className), ...props, children: [
+      /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ jsx8(
+          "button",
+          {
+            type: "button",
+            onClick: goToPrevMonth,
+            className: "inline-flex h-7 w-7 items-center justify-center rounded-md border border-input bg-transparent text-sm shadow-sm hover:bg-accent hover:text-accent-foreground",
+            disabled,
+            children: /* @__PURE__ */ jsx8("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx8("path", { d: "m15 18-6-6 6-6" }) })
+          }
+        ),
+        /* @__PURE__ */ jsx8("div", { className: "text-sm font-medium", children: monthLabel }),
+        /* @__PURE__ */ jsx8(
+          "button",
+          {
+            type: "button",
+            onClick: goToNextMonth,
+            className: "inline-flex h-7 w-7 items-center justify-center rounded-md border border-input bg-transparent text-sm shadow-sm hover:bg-accent hover:text-accent-foreground",
+            disabled,
+            children: /* @__PURE__ */ jsx8("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx8("path", { d: "m9 18 6-6-6-6" }) })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-7 gap-0", children: [
+        DAYS.map((day) => /* @__PURE__ */ jsx8(
+          "div",
+          {
+            className: "flex h-8 w-8 items-center justify-center text-[0.8rem] text-muted-foreground font-medium",
+            children: day
+          },
+          day
+        )),
+        cells.map((day, i) => {
+          if (day === null) {
+            return /* @__PURE__ */ jsx8("div", { className: "h-8 w-8" }, `empty-${i}`);
+          }
+          const date = new Date(year, monthIndex, day);
+          const isSelected = selected && isSameDay(date, selected);
+          const isTodayDate = isToday(date);
+          return /* @__PURE__ */ jsx8(
+            "button",
+            {
+              type: "button",
+              onClick: () => handleDayClick(day),
+              disabled,
+              className: cn(
+                "inline-flex h-8 w-8 items-center justify-center rounded-md text-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+                isSelected && "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground",
+                isTodayDate && !isSelected && "bg-accent text-accent-foreground"
+              ),
+              children: day
+            },
+            day
+          );
+        })
+      ] })
+    ] });
+  }
+);
+Calendar.displayName = "Calendar";
+
+// src/components/Card/Card.web.tsx
+import { forwardRef as forwardRef9 } from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var Card = forwardRef9(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx9(
+      "div",
+      {
+        ref,
+        className: cn(
+          "rounded-xl border border-border bg-card text-card-foreground shadow-sm",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Card.displayName = "Card";
+
+// src/components/Carousel/Carousel.web.tsx
+import {
+  forwardRef as forwardRef10,
+  createContext,
+  useContext,
+  useState as useState2,
+  useCallback,
+  Children
+} from "react";
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+var CarouselContext = createContext(null);
+function useCarousel() {
+  const context = useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+}
+var carouselContentVariants = cva4(
+  "flex transition-transform duration-300 ease-in-out",
+  {
+    variants: {
+      orientation: {
+        horizontal: "-ml-4",
+        vertical: "-mt-4 flex-col"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+var carouselItemVariants = cva4("min-w-0 shrink-0 grow-0 basis-full", {
+  variants: {
+    orientation: {
+      horizontal: "pl-4",
+      vertical: "pt-4"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+var carouselPreviousVariants = cva4(
+  "absolute inline-flex h-8 w-8 items-center justify-center rounded-full border border-input bg-background shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      orientation: {
+        horizontal: "-left-12 top-1/2 -translate-y-1/2",
+        vertical: "-top-12 left-1/2 -translate-x-1/2 rotate-90"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+var carouselNextVariants = cva4(
+  "absolute inline-flex h-8 w-8 items-center justify-center rounded-full border border-input bg-background shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      orientation: {
+        horizontal: "-right-12 top-1/2 -translate-y-1/2",
+        vertical: "-bottom-12 left-1/2 -translate-x-1/2 rotate-90"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+var Carousel = forwardRef10(({ className, orientation = "horizontal", children, ...props }, ref) => {
+  const [currentIndex, setCurrentIndex] = useState2(0);
+  const [totalItems, setTotalItems] = useState2(0);
+  const canScrollPrevious = currentIndex > 0;
+  const canScrollNext = currentIndex < totalItems - 1;
+  const scrollPrevious = useCallback(() => {
+    setCurrentIndex((prev) => Math.max(0, prev - 1));
+  }, []);
+  const scrollNext = useCallback(() => {
+    setCurrentIndex((prev) => Math.min(totalItems - 1, prev + 1));
+  }, [totalItems]);
+  return /* @__PURE__ */ jsx10(
+    CarouselContext.Provider,
+    {
+      value: {
+        orientation,
+        currentIndex,
+        totalItems,
+        scrollPrevious,
+        scrollNext,
+        canScrollPrevious,
+        canScrollNext,
+        setTotalItems
+      },
+      children: /* @__PURE__ */ jsx10(
+        "div",
+        {
+          ref,
+          role: "region",
+          "aria-roledescription": "carousel",
+          className: cn("relative", className),
+          ...props,
+          children
+        }
+      )
+    }
+  );
+});
+Carousel.displayName = "Carousel";
+var CarouselContent = forwardRef10(({ className, children, ...props }, ref) => {
+  const { orientation, currentIndex, setTotalItems } = useCarousel();
+  const items = Children.toArray(children);
+  if (items.length !== 0) {
+    queueMicrotask(() => setTotalItems(items.length));
+  }
+  return /* @__PURE__ */ jsx10("div", { className: "overflow-hidden", ref, children: /* @__PURE__ */ jsx10(
+    "div",
+    {
+      className: cn(carouselContentVariants({ orientation }), className),
+      style: {
+        transform: orientation === "horizontal" ? `translateX(-${currentIndex * 100}%)` : `translateY(-${currentIndex * 100}%)`
+      },
+      ...props,
+      children
+    }
+  ) });
+});
+CarouselContent.displayName = "CarouselContent";
+var CarouselItem = forwardRef10(({ className, ...props }, ref) => {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ jsx10(
+    "div",
+    {
+      ref,
+      role: "group",
+      "aria-roledescription": "slide",
+      className: cn(carouselItemVariants({ orientation }), className),
+      ...props
+    }
+  );
+});
+CarouselItem.displayName = "CarouselItem";
+var CarouselPrevious = forwardRef10(({ className, children, ...props }, ref) => {
+  const { orientation, scrollPrevious, canScrollPrevious } = useCarousel();
+  return /* @__PURE__ */ jsxs5(
+    "button",
+    {
+      ref,
+      className: cn(carouselPreviousVariants({ orientation }), className),
+      disabled: !canScrollPrevious,
+      onClick: scrollPrevious,
+      "aria-label": "Previous slide",
+      ...props,
+      children: [
+        children ?? /* @__PURE__ */ jsx10(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ jsx10("path", { d: "m15 18-6-6 6-6" })
+          }
+        ),
+        /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+});
+CarouselPrevious.displayName = "CarouselPrevious";
+var CarouselNext = forwardRef10(({ className, children, ...props }, ref) => {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxs5(
+    "button",
+    {
+      ref,
+      className: cn(carouselNextVariants({ orientation }), className),
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      "aria-label": "Next slide",
+      ...props,
+      children: [
+        children ?? /* @__PURE__ */ jsx10(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ jsx10("path", { d: "m9 18 6-6-6-6" })
+          }
+        ),
+        /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+});
+CarouselNext.displayName = "CarouselNext";
+
+// src/components/Chart/Chart.web.tsx
+import { forwardRef as forwardRef11, useMemo } from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var Chart = forwardRef11(({ className, config, children, ...props }, ref) => {
+  const cssVars = useMemo(() => {
+    const vars = {};
+    Object.entries(config).forEach(([key, value]) => {
+      if (value.color) {
+        vars[`--color-${key}`] = value.color;
+      }
+    });
+    return vars;
+  }, [config]);
+  return /* @__PURE__ */ jsx11(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
+        className
+      ),
+      style: cssVars,
+      ...props,
+      children
+    }
+  );
+});
+Chart.displayName = "Chart";
+
+// src/components/Checkbox/Checkbox.web.tsx
+import { forwardRef as forwardRef12 } from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var Checkbox = forwardRef12(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx12(
+      CheckboxPrimitive.Indicator,
+      {
+        className: cn("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ jsx12(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            className: "h-3.5 w-3.5",
+            children: /* @__PURE__ */ jsx12("polyline", { points: "20 6 9 17 4 12" })
+          }
+        )
+      }
+    )
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/Collapsible/Collapsible.web.tsx
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+
+// src/components/Combobox/Combobox.web.tsx
+import { forwardRef as forwardRef13, useState as useState3 } from "react";
+import * as Popover from "@radix-ui/react-popover";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+var Combobox = forwardRef13(
+  ({
+    options,
+    value,
+    onValueChange,
+    placeholder = "Select...",
+    searchPlaceholder = "Search...",
+    emptyMessage = "No results found.",
+    disabled = false,
+    className,
+    ...props
+  }, ref) => {
+    const [open, setOpen] = useState3(false);
+    const [search, setSearch] = useState3("");
+    const selectedOption = options.find((o) => o.value === value);
+    const filtered = options.filter(
+      (o) => o.label.toLowerCase().includes(search.toLowerCase())
+    );
+    const handleSelect = (val) => {
+      onValueChange?.(val === value ? "" : val);
+      setOpen(false);
+      setSearch("");
+    };
+    return /* @__PURE__ */ jsxs6(Popover.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx13(Popover.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs6(
+        "button",
+        {
+          type: "button",
+          role: "combobox",
+          "aria-expanded": open,
+          className: cn(
+            "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsx13("span", { className: cn(!selectedOption && "text-muted-foreground"), children: selectedOption ? selectedOption.label : placeholder }),
+            /* @__PURE__ */ jsx13(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "16",
+                height: "16",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: "ml-2 h-4 w-4 shrink-0 opacity-50",
+                children: /* @__PURE__ */ jsx13("path", { d: "m6 9 6 6 6-6" })
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx13(Popover.Portal, { children: /* @__PURE__ */ jsxs6(
+        Popover.Content,
+        {
+          ref,
+          className: "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95",
+          align: "start",
+          sideOffset: 4,
+          onCloseAutoFocus: (e) => e.preventDefault(),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsxs6("div", { className: "flex items-center border-b px-3", children: [
+              /* @__PURE__ */ jsxs6(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  className: "mr-2 h-4 w-4 shrink-0 opacity-50",
+                  children: [
+                    /* @__PURE__ */ jsx13("circle", { cx: "11", cy: "11", r: "8" }),
+                    /* @__PURE__ */ jsx13("path", { d: "m21 21-4.3-4.3" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx13(
+                "input",
+                {
+                  value: search,
+                  onChange: (e) => setSearch(e.target.value),
+                  placeholder: searchPlaceholder,
+                  className: "flex h-9 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx13("div", { className: "max-h-[300px] overflow-y-auto p-1", children: filtered.length === 0 ? /* @__PURE__ */ jsx13("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }) : filtered.map((option) => /* @__PURE__ */ jsxs6(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleSelect(option.value),
+                className: cn(
+                  "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none hover:bg-accent hover:text-accent-foreground",
+                  value === option.value && "bg-accent"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx13("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: value === option.value && /* @__PURE__ */ jsx13(
+                    "svg",
+                    {
+                      xmlns: "http://www.w3.org/2000/svg",
+                      width: "16",
+                      height: "16",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      className: "h-4 w-4",
+                      children: /* @__PURE__ */ jsx13("polyline", { points: "20 6 9 17 4 12" })
+                    }
+                  ) }),
+                  option.label
+                ]
+              },
+              option.value
+            )) })
+          ]
+        }
+      ) })
+    ] });
+  }
+);
+Combobox.displayName = "Combobox";
+
+// src/components/Command/Command.web.tsx
+import { forwardRef as forwardRef14 } from "react";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+var Command = forwardRef14(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Command.displayName = "Command";
+var CommandInput = forwardRef14(({ className, ...props }, ref) => /* @__PURE__ */ jsxs7("div", { className: "flex items-center border-b px-3", "data-command-input-wrapper": "", children: [
+  /* @__PURE__ */ jsxs7(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: "mr-2 h-4 w-4 shrink-0 opacity-50",
+      children: [
+        /* @__PURE__ */ jsx14("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ jsx14("path", { d: "m21 21-4.3-4.3" })
+      ]
+    }
+  ),
+  /* @__PURE__ */ jsx14(
+    "input",
+    {
+      ref,
+      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
+    }
+  )
+] }));
+CommandInput.displayName = "CommandInput";
+var CommandList = forwardRef14(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+    "div",
+    {
+      ref,
+      className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+      ...props
+    }
+  )
+);
+CommandList.displayName = "CommandList";
+var CommandEmpty = forwardRef14(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  "div",
+  {
+    ref,
+    className: cn("py-6 text-center text-sm", className),
+    ...props
+  }
+));
+CommandEmpty.displayName = "CommandEmpty";
+var CommandGroup = forwardRef14(({ className, heading, children, ...props }, ref) => /* @__PURE__ */ jsxs7(
+  "div",
+  {
+    ref,
+    className: cn(
+      "overflow-hidden p-1 text-foreground [&_[data-command-group-heading]]:px-2 [&_[data-command-group-heading]]:py-1.5 [&_[data-command-group-heading]]:text-xs [&_[data-command-group-heading]]:font-medium [&_[data-command-group-heading]]:text-muted-foreground",
+      className
+    ),
+    ...props,
+    children: [
+      heading && /* @__PURE__ */ jsx14("div", { "data-command-group-heading": "", className: "px-2 py-1.5 text-xs font-medium text-muted-foreground", children: heading }),
+      children
+    ]
+  }
+));
+CommandGroup.displayName = "CommandGroup";
+var CommandSeparator = forwardRef14(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  "div",
+  {
+    ref,
+    className: cn("-mx-1 h-px bg-border", className),
+    ...props
+  }
+));
+CommandSeparator.displayName = "CommandSeparator";
+var CommandItem = forwardRef14(({ className, disabled, ...props }, ref) => /* @__PURE__ */ jsx14(
+  "div",
+  {
+    ref,
+    role: "option",
+    "aria-disabled": disabled,
+    className: cn(
+      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      disabled && "pointer-events-none opacity-50",
+      className
+    ),
+    "data-disabled": disabled || void 0,
+    ...props
+  }
+));
+CommandItem.displayName = "CommandItem";
+
+// src/components/ContextMenu/ContextMenu.web.tsx
+import { forwardRef as forwardRef15 } from "react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+function CheckIcon(props) {
+  return /* @__PURE__ */ jsx15("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: /* @__PURE__ */ jsx15("path", { d: "M20 6 9 17l-5-5" }) });
+}
+function ChevronRightIcon2(props) {
+  return /* @__PURE__ */ jsx15("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: /* @__PURE__ */ jsx15("path", { d: "m9 18 6-6-6-6" }) });
+}
+function CircleIcon(props) {
+  return /* @__PURE__ */ jsx15("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: /* @__PURE__ */ jsx15("circle", { cx: "12", cy: "12", r: "10" }) });
+}
+var ContextMenu = ContextMenuPrimitive.Root;
+var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
+var ContextMenuGroup = ContextMenuPrimitive.Group;
+var ContextMenuPortal = ContextMenuPrimitive.Portal;
+var ContextMenuSub = ContextMenuPrimitive.Sub;
+var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
+var ContextMenuSubTrigger = forwardRef15(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
+  ContextMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx15(ChevronRightIcon2, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+var ContextMenuSubContent = forwardRef15(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+  ContextMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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",
+      className
+    ),
+    ...props
+  }
+));
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+var ContextMenuContent = forwardRef15(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx15(
+  ContextMenuPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 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",
+      className
+    ),
+    ...props
+  }
+) }));
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+var ContextMenuItem = forwardRef15(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx15(
+  ContextMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+var ContextMenuCheckboxItem = forwardRef15(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs8(
+  ContextMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex 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
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx15("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx15(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx15(CheckIcon, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
+var ContextMenuRadioItem = forwardRef15(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
+  ContextMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex 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__ */ jsx15("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx15(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx15(CircleIcon, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+var ContextMenuLabel = forwardRef15(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx15(
+  ContextMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold text-foreground",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+var ContextMenuSeparator = forwardRef15(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+  ContextMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-border", className),
+    ...props
+  }
+));
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+var ContextMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx15(
+    "span",
+    {
+      className: cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+
+// src/components/DataTable/DataTable.web.tsx
+import { forwardRef as forwardRef16, useState as useState4, useMemo as useMemo2, useCallback as useCallback2 } from "react";
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+function getCellValue(column, row) {
+  if (column.accessorFn) return column.accessorFn(row);
+  if (column.accessorKey) return row[column.accessorKey];
+  return void 0;
+}
+function DataTableInner({
+  columns,
+  data,
+  className,
+  ...props
+}, ref) {
+  const [sortColumn, setSortColumn] = useState4(null);
+  const [sortDirection, setSortDirection] = useState4(null);
+  const handleSort = useCallback2(
+    (columnId) => {
+      if (sortColumn === columnId) {
+        if (sortDirection === "asc") {
+          setSortDirection("desc");
+        } else if (sortDirection === "desc") {
+          setSortColumn(null);
+          setSortDirection(null);
+        }
+      } else {
+        setSortColumn(columnId);
+        setSortDirection("asc");
+      }
+    },
+    [sortColumn, sortDirection]
+  );
+  const sortedData = useMemo2(() => {
+    if (!sortColumn || !sortDirection) return data;
+    const column = columns.find((c) => c.id === sortColumn);
+    if (!column) return data;
+    return [...data].sort((a, b) => {
+      const aVal = getCellValue(column, a);
+      const bVal = getCellValue(column, b);
+      if (aVal == null && bVal == null) return 0;
+      if (aVal == null) return 1;
+      if (bVal == null) return -1;
+      const comparison = typeof aVal === "string" && typeof bVal === "string" ? aVal.localeCompare(bVal) : Number(aVal) - Number(bVal);
+      return sortDirection === "asc" ? comparison : -comparison;
+    });
+  }, [data, columns, sortColumn, sortDirection]);
+  return /* @__PURE__ */ jsx16("div", { ref, className: cn("relative w-full overflow-auto", className), ...props, children: /* @__PURE__ */ jsxs9("table", { className: "w-full caption-bottom text-sm", children: [
+    /* @__PURE__ */ jsx16("thead", { className: "[&_tr]:border-b", children: /* @__PURE__ */ jsx16("tr", { className: "border-b transition-colors hover:bg-muted/50", children: columns.map((column) => /* @__PURE__ */ jsx16(
+      "th",
+      {
+        className: cn(
+          "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+          column.sortable && "cursor-pointer select-none"
+        ),
+        onClick: column.sortable ? () => handleSort(column.id) : void 0,
+        children: /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-1", children: [
+          column.header,
+          column.sortable && sortColumn === column.id && /* @__PURE__ */ jsx16("span", { className: "ml-1 text-xs", children: sortDirection === "asc" ? "\u2191" : "\u2193" })
+        ] })
+      },
+      column.id
+    )) }) }),
+    /* @__PURE__ */ jsx16("tbody", { className: "[&_tr:last-child]:border-0", children: sortedData.length === 0 ? /* @__PURE__ */ jsx16("tr", { children: /* @__PURE__ */ jsx16(
+      "td",
+      {
+        colSpan: columns.length,
+        className: "h-24 text-center text-muted-foreground",
+        children: "No results."
+      }
+    ) }) : sortedData.map((row, rowIndex) => /* @__PURE__ */ jsx16(
+      "tr",
+      {
+        className: "border-b transition-colors hover:bg-muted/50",
+        children: columns.map((column) => {
+          const value = getCellValue(column, row);
+          return /* @__PURE__ */ jsx16(
+            "td",
+            {
+              className: "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+              children: column.cell ? column.cell(value, row) : String(value ?? "")
+            },
+            column.id
+          );
+        })
+      },
+      rowIndex
+    )) })
+  ] }) });
+}
+var DataTable = forwardRef16(DataTableInner);
+
+// src/components/DatePicker/DatePicker.web.tsx
+import { forwardRef as forwardRef17, useState as useState5 } from "react";
+import * as Popover2 from "@radix-ui/react-popover";
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+function formatDate(date) {
+  return date.toLocaleDateString("en-US", {
+    month: "long",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+var DatePicker = forwardRef17(
+  ({
+    value,
+    onValueChange,
+    placeholder = "Pick a date",
+    disabled = false,
+    className,
+    ...props
+  }, ref) => {
+    const [open, setOpen] = useState5(false);
+    const handleSelect = (date) => {
+      onValueChange?.(date);
+      setOpen(false);
+    };
+    return /* @__PURE__ */ jsxs10(Popover2.Root, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx17(Popover2.Trigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs10(
+        "button",
+        {
+          type: "button",
+          className: cn(
+            "flex h-9 w-full items-center justify-start whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+            !value && "text-muted-foreground",
+            className
+          ),
+          children: [
+            /* @__PURE__ */ jsxs10(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "16",
+                height: "16",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: "mr-2 h-4 w-4",
+                children: [
+                  /* @__PURE__ */ jsx17("path", { d: "M8 2v4" }),
+                  /* @__PURE__ */ jsx17("path", { d: "M16 2v4" }),
+                  /* @__PURE__ */ jsx17("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2" }),
+                  /* @__PURE__ */ jsx17("path", { d: "M3 10h18" })
+                ]
+              }
+            ),
+            value ? formatDate(value) : placeholder
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx17(Popover2.Portal, { children: /* @__PURE__ */ jsx17(
+        Popover2.Content,
+        {
+          ref,
+          className: "z-50 rounded-md border bg-popover p-0 text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95",
+          align: "start",
+          sideOffset: 4,
+          ...props,
+          children: /* @__PURE__ */ jsx17(
+            Calendar,
+            {
+              selected: value,
+              onSelect: handleSelect
+            }
+          )
+        }
+      ) })
+    ] });
+  }
+);
+DatePicker.displayName = "DatePicker";
+
+// src/components/Dialog/Dialog.web.tsx
+import { forwardRef as forwardRef18 } from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
+function XIcon(props) {
+  return /* @__PURE__ */ jsxs11("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [
+    /* @__PURE__ */ jsx18("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ jsx18("path", { d: "m6 6 12 12" })
+  ] });
+}
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+var DialogOverlay = forwardRef18(({ 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 = forwardRef18(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs11(DialogPortal, { children: [
+  /* @__PURE__ */ jsx18(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs11(
+    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 text-foreground p-6 shadow-lg transition-opacity duration-200 data-[state=open]:opacity-100 data-[state=closed]:opacity-0 sm:rounded-lg",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs11(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(XIcon, { 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 = forwardRef18(({ 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 = forwardRef18(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// src/components/Drawer/Drawer.web.tsx
+import { Drawer as DrawerPrimitive } from "vaul";
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
+function Drawer({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(DrawerPrimitive.Root, { ...props });
+}
+Drawer.displayName = "Drawer";
+function DrawerTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(DrawerPrimitive.Trigger, { ...props });
+}
+DrawerTrigger.displayName = "DrawerTrigger";
+function DrawerPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(DrawerPrimitive.Portal, { ...props });
+}
+DrawerPortal.displayName = "DrawerPortal";
+function DrawerClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(DrawerPrimitive.Close, { ...props });
+}
+DrawerClose.displayName = "DrawerClose";
+function DrawerOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(
+    DrawerPrimitive.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
+    }
+  );
+}
+DrawerOverlay.displayName = "DrawerOverlay";
+function DrawerContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs12(DrawerPortal, { children: [
+    /* @__PURE__ */ jsx19(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs12(
+      DrawerPrimitive.Content,
+      {
+        className: cn(
+          "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background text-foreground",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx19("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+          children
+        ]
+      }
+    )
+  ] });
+}
+DrawerContent.displayName = "DrawerContent";
+var DrawerHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx19(
+  "div",
+  {
+    className: cn("grid gap-1.5 p-4 text-center sm:text-left", className),
+    ...props
+  }
+);
+DrawerHeader.displayName = "DrawerHeader";
+var DrawerFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx19(
+  "div",
+  {
+    className: cn("mt-auto flex flex-col gap-2 p-4", className),
+    ...props
+  }
+);
+DrawerFooter.displayName = "DrawerFooter";
+function DrawerTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(
+    DrawerPrimitive.Title,
+    {
+      className: cn(
+        "text-lg font-semibold leading-none tracking-tight",
+        className
+      ),
+      ...props
+    }
+  );
+}
+DrawerTitle.displayName = "DrawerTitle";
+function DrawerDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx19(
+    DrawerPrimitive.Description,
+    {
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+DrawerDescription.displayName = "DrawerDescription";
+
+// src/components/DropdownMenu/DropdownMenu.web.tsx
+import { forwardRef as forwardRef19 } from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+function CheckIcon2(props) {
+  return /* @__PURE__ */ jsx20("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: /* @__PURE__ */ jsx20("path", { d: "M20 6 9 17l-5-5" }) });
+}
+function ChevronRightIcon3(props) {
+  return /* @__PURE__ */ jsx20("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: /* @__PURE__ */ jsx20("path", { d: "m9 18 6-6-6-6" }) });
+}
+function CircleIcon2(props) {
+  return /* @__PURE__ */ jsx20("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: /* @__PURE__ */ jsx20("circle", { cx: "12", cy: "12", r: "10" }) });
+}
+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 = forwardRef19(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx20(ChevronRightIcon3, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = forwardRef19(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = forwardRef19(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx20(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx20(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 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",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = forwardRef19(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx20(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center 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",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = forwardRef19(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs13(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx20("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx20(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx20(CheckIcon2, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = forwardRef19(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx20("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx20(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx20(CircleIcon2, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = forwardRef19(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx20(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = forwardRef19(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx20(
+    "span",
+    {
+      className: cn(
+        "ml-auto text-xs tracking-widest opacity-60",
+        className
+      ),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+// src/components/Form/Form.web.tsx
+import { forwardRef as forwardRef20 } from "react";
+
+// src/components/Form/useFormField.ts
+import { createContext as createContext2, useContext as useContext2, useId } from "react";
+var FormFieldContext = createContext2({
+  id: "",
+  name: ""
+});
+function useFormFieldContext() {
+  return useContext2(FormFieldContext);
+}
+function useFormFieldId() {
+  return useId();
+}
+
+// src/components/Form/Form.web.tsx
+import { jsx as jsx21 } from "react/jsx-runtime";
+var Form = forwardRef20(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx21("form", { ref, className: cn("space-y-6", className), ...props });
+  }
+);
+Form.displayName = "Form";
+function FormField({ name, children }) {
+  const id = useFormFieldId();
+  return /* @__PURE__ */ jsx21(FormFieldContext.Provider, { value: { id, name }, children });
+}
+FormField.displayName = "FormField";
+var FormItem = forwardRef20(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx21("div", { ref, className: cn("space-y-2", className), ...props });
+  }
+);
+FormItem.displayName = "FormItem";
+var FormLabel = forwardRef20(
+  ({ className, ...props }, ref) => {
+    const { id } = useFormFieldContext();
+    return /* @__PURE__ */ jsx21(
+      "label",
+      {
+        ref,
+        className: cn(
+          "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+          className
+        ),
+        htmlFor: id,
+        ...props
+      }
+    );
+  }
+);
+FormLabel.displayName = "FormLabel";
+var FormControl = forwardRef20(
+  ({ className, ...props }, ref) => {
+    const { id } = useFormFieldContext();
+    return /* @__PURE__ */ jsx21(
+      "div",
+      {
+        ref,
+        id,
+        className: cn("", className),
+        ...props
+      }
+    );
+  }
+);
+FormControl.displayName = "FormControl";
+var FormDescription = forwardRef20(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx21(
+    "p",
+    {
+      ref,
+      className: cn("text-[0.8rem] text-muted-foreground", className),
+      ...props
+    }
+  );
+});
+FormDescription.displayName = "FormDescription";
+var FormMessage = forwardRef20(({ className, children, ...props }, ref) => {
+  if (!children) return null;
+  return /* @__PURE__ */ jsx21(
+    "p",
+    {
+      ref,
+      className: cn("text-[0.8rem] font-medium text-destructive", className),
+      ...props,
+      children
+    }
+  );
+});
+FormMessage.displayName = "FormMessage";
+
+// src/components/HoverCard/HoverCard.web.tsx
+import { forwardRef as forwardRef21 } from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+var HoverCardContent = forwardRef21(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx22(
+  HoverCardPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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",
+      className
+    ),
+    ...props
+  }
+));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+
+// src/components/Input/Input.web.tsx
+import { forwardRef as forwardRef22 } from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var Input = forwardRef22(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx23(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/components/InputOTP/InputOTP.web.tsx
+import { forwardRef as forwardRef23, useState as useState6, useRef, useCallback as useCallback3, createContext as createContext3 } from "react";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var InputOTPContext = createContext3({
+  value: "",
+  activeIndex: -1,
+  length: 6
+});
+var InputOTP = forwardRef23(
+  ({
+    length = 6,
+    value: controlledValue,
+    onValueChange,
+    disabled = false,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const [internalValue, setInternalValue] = useState6("");
+    const [activeIndex, setActiveIndex] = useState6(-1);
+    const inputRefs = useRef([]);
+    const currentValue = controlledValue !== void 0 ? controlledValue : internalValue;
+    const updateValue = useCallback3(
+      (newValue) => {
+        const clamped = newValue.slice(0, length);
+        if (controlledValue === void 0) {
+          setInternalValue(clamped);
+        }
+        onValueChange?.(clamped);
+      },
+      [controlledValue, length, onValueChange]
+    );
+    const handleKeyDown = (index, e) => {
+      if (e.key === "Backspace") {
+        e.preventDefault();
+        const chars = currentValue.split("");
+        if (chars[index]) {
+          chars[index] = "";
+          updateValue(chars.join(""));
+        } else if (index > 0) {
+          chars[index - 1] = "";
+          updateValue(chars.join(""));
+          inputRefs.current[index - 1]?.focus();
+        }
+      } else if (e.key === "ArrowLeft" && index > 0) {
+        inputRefs.current[index - 1]?.focus();
+      } else if (e.key === "ArrowRight" && index < length - 1) {
+        inputRefs.current[index + 1]?.focus();
+      }
+    };
+    const handleInput = (index, e) => {
+      const char = e.target.value.slice(-1);
+      if (!char) return;
+      const chars = currentValue.split("");
+      while (chars.length < length) chars.push("");
+      chars[index] = char;
+      updateValue(chars.join(""));
+      if (index < length - 1) {
+        inputRefs.current[index + 1]?.focus();
+      }
+    };
+    const handlePaste = (e) => {
+      e.preventDefault();
+      const pasted = e.clipboardData.getData("text").slice(0, length);
+      updateValue(pasted);
+      const nextIndex = Math.min(pasted.length, length - 1);
+      inputRefs.current[nextIndex]?.focus();
+    };
+    return /* @__PURE__ */ jsx24(InputOTPContext.Provider, { value: { value: currentValue, activeIndex, length }, children: /* @__PURE__ */ jsx24(
+      "div",
+      {
+        ref,
+        className: cn("flex items-center gap-2", disabled && "opacity-50", className),
+        onPaste: handlePaste,
+        ...props,
+        children: Array.from({ length }, (_, i) => /* @__PURE__ */ jsx24(
+          "input",
+          {
+            ref: (el) => {
+              inputRefs.current[i] = el;
+            },
+            type: "text",
+            inputMode: "numeric",
+            maxLength: 1,
+            value: currentValue[i] || "",
+            disabled,
+            onChange: (e) => handleInput(i, e),
+            onKeyDown: (e) => handleKeyDown(i, e),
+            onFocus: () => setActiveIndex(i),
+            onBlur: () => setActiveIndex(-1),
+            className: cn(
+              "flex h-9 w-9 items-center justify-center rounded-md border border-input bg-transparent text-center text-sm shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed",
+              activeIndex === i && "ring-1 ring-ring"
+            ),
+            autoComplete: "one-time-code"
+          },
+          i
+        ))
+      }
+    ) });
+  }
+);
+InputOTP.displayName = "InputOTP";
+
+// src/components/Label/Label.web.tsx
+import { forwardRef as forwardRef24 } from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva as cva5 } from "class-variance-authority";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var labelVariants = cva5(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label3 = forwardRef24(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label3.displayName = LabelPrimitive.Root.displayName;
+
+// src/components/Menubar/Menubar.web.tsx
+import { forwardRef as forwardRef25 } from "react";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+function CheckIcon3(props) {
+  return /* @__PURE__ */ jsx26("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: /* @__PURE__ */ jsx26("path", { d: "M20 6 9 17l-5-5" }) });
+}
+function ChevronRightIcon4(props) {
+  return /* @__PURE__ */ jsx26("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: /* @__PURE__ */ jsx26("path", { d: "m9 18 6-6-6-6" }) });
+}
+function CircleIcon3(props) {
+  return /* @__PURE__ */ jsx26("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: /* @__PURE__ */ jsx26("circle", { cx: "12", cy: "12", r: "10" }) });
+}
+var MenubarMenu = MenubarPrimitive.Menu;
+var MenubarGroup = MenubarPrimitive.Group;
+var MenubarPortal = MenubarPrimitive.Portal;
+var MenubarSub = MenubarPrimitive.Sub;
+var MenubarRadioGroup = MenubarPrimitive.RadioGroup;
+var Menubar = forwardRef25(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  MenubarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm",
+      className
+    ),
+    ...props
+  }
+));
+Menubar.displayName = MenubarPrimitive.Root.displayName;
+var MenubarTrigger = forwardRef25(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  MenubarPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      className
+    ),
+    ...props
+  }
+));
+MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
+var MenubarSubTrigger = forwardRef25(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+  MenubarPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx26(ChevronRightIcon4, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
+var MenubarSubContent = forwardRef25(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  MenubarPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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",
+      className
+    ),
+    ...props
+  }
+));
+MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
+var MenubarContent = forwardRef25(
+  ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ jsx26(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx26(
+    MenubarPrimitive.Content,
+    {
+      ref,
+      align,
+      alignOffset,
+      sideOffset,
+      className: cn(
+        "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in 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",
+        className
+      ),
+      ...props
+    }
+  ) })
+);
+MenubarContent.displayName = MenubarPrimitive.Content.displayName;
+var MenubarItem = forwardRef25(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx26(
+  MenubarPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+MenubarItem.displayName = MenubarPrimitive.Item.displayName;
+var MenubarCheckboxItem = forwardRef25(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs14(
+  MenubarPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex 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
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx26("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(CheckIcon3, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
+var MenubarRadioItem = forwardRef25(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+  MenubarPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex 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__ */ jsx26("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(CircleIcon3, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
+var MenubarLabel = forwardRef25(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx26(
+  MenubarPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
+var MenubarSeparator = forwardRef25(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  MenubarPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
+var MenubarShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx26(
+    "span",
+    {
+      className: cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+};
+MenubarShortcut.displayName = "MenubarShortcut";
+
+// src/components/NavigationMenu/NavigationMenu.web.tsx
+import { forwardRef as forwardRef26 } from "react";
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva as cva6 } from "class-variance-authority";
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+function ChevronDownIcon2(props) {
+  return /* @__PURE__ */ jsx27("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: /* @__PURE__ */ jsx27("path", { d: "m6 9 6 6 6-6" }) });
+}
+var NavigationMenu = forwardRef26(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
+  NavigationMenuPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative z-10 flex max-w-max flex-1 items-center justify-center",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx27(NavigationMenuViewport, {})
+    ]
+  }
+));
+NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
+var NavigationMenuList = forwardRef26(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  NavigationMenuPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "group flex flex-1 list-none items-center justify-center space-x-1",
+      className
+    ),
+    ...props
+  }
+));
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+var NavigationMenuItem = NavigationMenuPrimitive.Item;
+var navigationMenuTriggerStyle = cva6(
+  "group 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:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
+);
+var NavigationMenuTrigger = forwardRef26(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
+  NavigationMenuPrimitive.Trigger,
+  {
+    ref,
+    className: cn(navigationMenuTriggerStyle(), "group", className),
+    ...props,
+    children: [
+      children,
+      " ",
+      /* @__PURE__ */ jsx27(
+        ChevronDownIcon2,
+        {
+          className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ]
+  }
+));
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+var NavigationMenuContent = forwardRef26(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  NavigationMenuPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",
+      className
+    ),
+    ...props
+  }
+));
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+var NavigationMenuLink = NavigationMenuPrimitive.Link;
+var NavigationMenuViewport = forwardRef26(({ className, ...props }, ref) => /* @__PURE__ */ jsx27("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ jsx27(
+  NavigationMenuPrimitive.Viewport,
+  {
+    className: cn(
+      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+      className
+    ),
+    ref,
+    ...props
+  }
+) }));
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+var NavigationMenuIndicator = forwardRef26(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+  NavigationMenuPrimitive.Indicator,
+  {
+    ref,
+    className: cn(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx27("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+  }
+));
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+
+// src/components/Pagination/Pagination.web.tsx
+import { forwardRef as forwardRef27 } from "react";
+import { cva as cva7 } from "class-variance-authority";
+import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
+var Pagination = forwardRef27(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  "nav",
+  {
+    ref,
+    role: "navigation",
+    "aria-label": "pagination",
+    className: cn("mx-auto flex w-full justify-center", className),
+    ...props
+  }
+));
+Pagination.displayName = "Pagination";
+var PaginationContent = forwardRef27(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  "ul",
+  {
+    ref,
+    className: cn("flex flex-row items-center gap-1", className),
+    ...props
+  }
+));
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = forwardRef27(({ className, ...props }, ref) => /* @__PURE__ */ jsx28("li", { ref, className: cn("", className), ...props }));
+PaginationItem.displayName = "PaginationItem";
+var paginationLinkVariants = cva7(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      size: {
+        default: "h-9 px-4 py-2",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      size: "icon"
+    }
+  }
+);
+var PaginationLink = forwardRef27(
+  ({ className, isActive, size = "icon", ...props }, ref) => /* @__PURE__ */ jsx28(
+    "a",
+    {
+      ref,
+      "aria-current": isActive ? "page" : void 0,
+      className: cn(
+        paginationLinkVariants({ size }),
+        isActive ? "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground",
+        className
+      ),
+      ...props
+    }
+  )
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = forwardRef27(({ className, ...props }, ref) => /* @__PURE__ */ jsxs16(
+  PaginationLink,
+  {
+    ref,
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: cn("gap-1 pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx28(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: /* @__PURE__ */ jsx28("path", { d: "m15 18-6-6 6-6" })
+        }
+      ),
+      /* @__PURE__ */ jsx28("span", { children: "Previous" })
+    ]
+  }
+));
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = forwardRef27(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxs16(
+    PaginationLink,
+    {
+      ref,
+      "aria-label": "Go to next page",
+      size: "default",
+      className: cn("gap-1 pr-2.5", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx28("span", { children: "Next" }),
+        /* @__PURE__ */ jsx28(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ jsx28("path", { d: "m9 18 6-6-6-6" })
+          }
+        )
+      ]
+    }
+  )
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = forwardRef27(({ className, ...props }, ref) => /* @__PURE__ */ jsxs16(
+  "span",
+  {
+    ref,
+    "aria-hidden": true,
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs16(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: [
+            /* @__PURE__ */ jsx28("circle", { cx: "12", cy: "12", r: "1" }),
+            /* @__PURE__ */ jsx28("circle", { cx: "19", cy: "12", r: "1" }),
+            /* @__PURE__ */ jsx28("circle", { cx: "5", cy: "12", r: "1" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx28("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+));
+PaginationEllipsis.displayName = "PaginationEllipsis";
+
+// src/components/Popover/Popover.web.tsx
+import { forwardRef as forwardRef28 } from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var Popover3 = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverAnchor = PopoverPrimitive.Anchor;
+var PopoverContent = forwardRef28(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx29(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx29(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/Progress/Progress.web.tsx
+import { forwardRef as forwardRef29 } from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+
+// src/components/Progress/useProgress.ts
+function useProgress({ value = 0, max = 100 } = {}) {
+  const clampedValue = Math.min(Math.max(value, 0), max);
+  const percentage = max > 0 ? clampedValue / max : 0;
+  return { clampedValue, percentage, max };
+}
+
+// src/components/Progress/Progress.web.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+var Progress = forwardRef29(({ className, value, ...props }, ref) => {
+  const { percentage } = useProgress({ value: value ?? 0 });
+  return /* @__PURE__ */ jsx30(
+    ProgressPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx30(
+        ProgressPrimitive.Indicator,
+        {
+          className: "h-full w-full flex-1 bg-primary transition-all",
+          style: { transform: `translateX(-${100 - percentage * 100}%)` }
+        }
+      )
+    }
+  );
+});
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+// src/components/RadioGroup/RadioGroup.web.tsx
+import { forwardRef as forwardRef30 } from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { jsx as jsx31 } from "react/jsx-runtime";
+var RadioGroup4 = forwardRef30(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx31(
+    RadioGroupPrimitive.Root,
+    {
+      className: cn("grid gap-2", className),
+      ...props,
+      ref
+    }
+  );
+});
+RadioGroup4.displayName = RadioGroupPrimitive.Root.displayName;
+var RadioGroupItem = forwardRef30(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx31(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx31(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx31(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 24 24",
+          fill: "currentColor",
+          className: "h-3.5 w-3.5",
+          children: /* @__PURE__ */ jsx31("circle", { cx: "12", cy: "12", r: "6" })
+        }
+      ) })
+    }
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+// src/components/ResizablePanel/ResizablePanel.web.tsx
+import {
+  Group as Group4,
+  Panel,
+  Separator as Separator4
+} from "react-resizable-panels";
+import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
+function ResizablePanelGroup({
+  className,
+  direction = "horizontal",
+  children
+}) {
+  return /* @__PURE__ */ jsx32(
+    Group4,
+    {
+      orientation: direction,
+      className: cn(
+        "flex h-full w-full data-[orientation=vertical]:flex-col",
+        className
+      ),
+      children
+    }
+  );
+}
+function ResizablePanel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx32(Panel, { className: cn("relative overflow-auto", className), ...props });
+}
+function ResizableHandle({
+  className,
+  withHandle,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx32(
+    Separator4,
+    {
+      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:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 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-y-1/2 data-[orientation=vertical]:after:translate-x-0 [&[data-orientation=vertical]>div]:rotate-90",
+        className
+      ),
+      ...props,
+      children: withHandle && /* @__PURE__ */ jsx32("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsxs17(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "10",
+          height: "10",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: [
+            /* @__PURE__ */ jsx32("circle", { cx: "12", cy: "5", r: "1" }),
+            /* @__PURE__ */ jsx32("circle", { cx: "12", cy: "12", r: "1" }),
+            /* @__PURE__ */ jsx32("circle", { cx: "12", cy: "19", r: "1" }),
+            /* @__PURE__ */ jsx32("circle", { cx: "19", cy: "5", r: "1" }),
+            /* @__PURE__ */ jsx32("circle", { cx: "19", cy: "12", r: "1" }),
+            /* @__PURE__ */ jsx32("circle", { cx: "19", cy: "19", r: "1" })
+          ]
+        }
+      ) })
+    }
+  );
+}
+
+// src/components/ScrollArea/ScrollArea.web.tsx
+import { forwardRef as forwardRef31 } from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+var ScrollArea = forwardRef31(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx33(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx33(ScrollBar, {}),
+      /* @__PURE__ */ jsx33(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = forwardRef31(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx33(
+  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__ */ jsx33(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+// src/components/Select/Select.web.tsx
+import { forwardRef as forwardRef32 } from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = forwardRef32(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs19(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx34(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx34(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: "h-4 w-4 opacity-50",
+          children: /* @__PURE__ */ jsx34("path", { d: "m6 9 6 6 6-6" })
+        }
+      ) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = forwardRef32(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx34(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "16",
+        height: "16",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: "h-4 w-4",
+        children: /* @__PURE__ */ jsx34("path", { d: "m18 15-6-6-6 6" })
+      }
+    )
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = forwardRef32(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx34(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "16",
+        height: "16",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        className: "h-4 w-4",
+        children: /* @__PURE__ */ jsx34("path", { d: "m6 9 6 6 6-6" })
+      }
+    )
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = forwardRef32(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx34(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs19(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-96 min-w-[8rem] overflow-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",
+      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__ */ jsx34(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx34(
+        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__ */ jsx34(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = forwardRef32(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = forwardRef32(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs19(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx34("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          className: "h-4 w-4",
+          children: /* @__PURE__ */ jsx34("polyline", { points: "20 6 9 17 4 12" })
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx34(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = forwardRef32(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+// src/components/Separator/Separator.web.tsx
+import { forwardRef as forwardRef33 } from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { cva as cva8 } from "class-variance-authority";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var separatorVariants = cva8("shrink-0 bg-border", {
+  variants: {
+    orientation: {
+      horizontal: "h-[1px] w-full",
+      vertical: "h-full w-[1px]"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+var Separator6 = forwardRef33(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx35(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(separatorVariants({ orientation }), className),
+      ...props
+    }
+  )
+);
+Separator6.displayName = SeparatorPrimitive.Root.displayName;
+
+// src/components/Sheet/Sheet.web.tsx
+import { forwardRef as forwardRef34 } from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva as cva9 } from "class-variance-authority";
+import { jsx as jsx36, jsxs as jsxs20 } from "react/jsx-runtime";
+function XIcon2(props) {
+  return /* @__PURE__ */ jsxs20("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [
+    /* @__PURE__ */ jsx36("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ jsx36("path", { d: "m6 6 12 12" })
+  ] });
+}
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = forwardRef34(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+  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 = cva9(
+  "fixed z-50 gap-4 bg-background text-foreground p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+  {
+    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 = forwardRef34(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(SheetPortal, { children: [
+  /* @__PURE__ */ jsx36(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs20(
+    SheetPrimitive.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs20(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__ */ jsx36(XIcon2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "Close" })
+        ] }),
+        children
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx36(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx36(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = forwardRef34(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = forwardRef34(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+// src/components/Sidebar/Sidebar.web.tsx
+import {
+  forwardRef as forwardRef35,
+  createContext as createContext4,
+  useContext as useContext4
+} from "react";
+
+// src/components/Sidebar/useSidebar.ts
+import { useCallback as useCallback5 } from "react";
+
+// src/hooks/useControllableState.ts
+import { useState as useState7, useCallback as useCallback4, useRef as useRef2 } from "react";
+function useControllableState({
+  value: controlledValue,
+  defaultValue,
+  onChange
+}) {
+  const [uncontrolledValue, setUncontrolledValue] = useState7(defaultValue);
+  const isControlled = controlledValue !== void 0;
+  const value = isControlled ? controlledValue : uncontrolledValue;
+  const onChangeRef = useRef2(onChange);
+  onChangeRef.current = onChange;
+  const setValue = useCallback4(
+    (next) => {
+      const nextValue = typeof next === "function" ? next(value) : next;
+      if (!isControlled) {
+        setUncontrolledValue(nextValue);
+      }
+      onChangeRef.current?.(nextValue);
+    },
+    [isControlled, value]
+  );
+  return [value, setValue];
+}
+
+// src/components/Sidebar/useSidebar.ts
+function useSidebar({
+  open: controlledOpen,
+  defaultOpen = true,
+  onOpenChange
+} = {}) {
+  const [open, setOpen] = useControllableState({
+    value: controlledOpen,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange
+  });
+  const toggleSidebar = useCallback5(() => {
+    setOpen((prev) => !prev);
+  }, [setOpen]);
+  return { open, setOpen, toggleSidebar };
+}
+
+// src/components/Sidebar/Sidebar.web.tsx
+import { jsx as jsx37, jsxs as jsxs21 } from "react/jsx-runtime";
+var SidebarContext = createContext4({
+  open: true,
+  setOpen: () => {
+  },
+  toggleSidebar: () => {
+  }
+});
+function useSidebarContext() {
+  const context = useContext4(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebarContext must be used within a SidebarProvider.");
+  }
+  return context;
+}
+var SidebarProvider = forwardRef35(({ defaultOpen = true, open: controlledOpen, onOpenChange, className, children, ...props }, ref) => {
+  const { open, setOpen, toggleSidebar } = useSidebar({
+    open: controlledOpen,
+    defaultOpen,
+    onOpenChange
+  });
+  return /* @__PURE__ */ jsx37(SidebarContext.Provider, { value: { open, setOpen, toggleSidebar }, children: /* @__PURE__ */ jsx37(
+    "div",
+    {
+      ref,
+      className: cn("flex min-h-svh w-full", className),
+      ...props,
+      children
+    }
+  ) });
+});
+SidebarProvider.displayName = "SidebarProvider";
+var Sidebar = forwardRef35(({ side = "left", collapsible = "offcanvas", className, children, ...props }, ref) => {
+  const { open } = useSidebarContext();
+  if (collapsible === "none") {
+    return /* @__PURE__ */ jsx37(
+      "div",
+      {
+        ref,
+        className: cn(
+          "flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx37(
+    "div",
+    {
+      ref,
+      className: cn(
+        "group/sidebar relative flex flex-col bg-sidebar text-sidebar-foreground transition-[width] duration-200 ease-linear",
+        open ? "w-[--sidebar-width]" : collapsible === "icon" ? "w-[--sidebar-width-icon]" : "w-0",
+        side === "right" && "order-last",
+        className
+      ),
+      "data-state": open ? "expanded" : "collapsed",
+      "data-side": side,
+      ...props,
+      children: /* @__PURE__ */ jsx37(
+        "div",
+        {
+          className: cn(
+            "flex h-full w-[--sidebar-width] flex-col overflow-hidden",
+            !open && collapsible === "offcanvas" && "invisible"
+          ),
+          children
+        }
+      )
+    }
+  );
+});
+Sidebar.displayName = "Sidebar";
+var SidebarHeader = forwardRef35(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col gap-2 p-2", className),
+    ...props
+  }
+));
+SidebarHeader.displayName = "SidebarHeader";
+var SidebarContent = forwardRef35(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+  "div",
+  {
+    ref,
+    className: cn(
+      "flex min-h-0 flex-1 flex-col gap-2 overflow-auto p-2",
+      className
+    ),
+    ...props
+  }
+));
+SidebarContent.displayName = "SidebarContent";
+var SidebarFooter = forwardRef35(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col gap-2 p-2", className),
+    ...props
+  }
+));
+SidebarFooter.displayName = "SidebarFooter";
+var SidebarTrigger = forwardRef35(({ className, onClick, ...props }, ref) => {
+  const { toggleSidebar } = useSidebarContext();
+  return /* @__PURE__ */ jsxs21(
+    "button",
+    {
+      ref,
+      className: cn("h-7 w-7", className),
+      onClick: (e) => {
+        onClick?.(e);
+        toggleSidebar();
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs21(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            className: "h-4 w-4",
+            children: [
+              /* @__PURE__ */ jsx37("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+              /* @__PURE__ */ jsx37("path", { d: "M9 3v18" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx37("span", { className: "sr-only", children: "Toggle Sidebar" })
+      ]
+    }
+  );
+});
+SidebarTrigger.displayName = "SidebarTrigger";
+
+// src/components/Skeleton/Skeleton.web.tsx
+import { forwardRef as forwardRef36 } from "react";
+import { jsx as jsx38 } from "react/jsx-runtime";
+var Skeleton = forwardRef36(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx38(
+    "div",
+    {
+      ref,
+      className: cn("animate-pulse rounded-md bg-primary/10", className),
+      ...props
+    }
+  );
+});
+Skeleton.displayName = "Skeleton";
+
+// src/components/Slider/Slider.web.tsx
+import { forwardRef as forwardRef37 } from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
+var Slider = forwardRef37(({ className, ...props }, ref) => /* @__PURE__ */ jsxs22(
+  SliderPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx39(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsx39(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ jsx39(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
+    ]
+  }
+));
+Slider.displayName = SliderPrimitive.Root.displayName;
+
+// src/components/Switch/Switch.web.tsx
+import { forwardRef as forwardRef38 } from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { jsx as jsx40 } from "react/jsx-runtime";
+var Switch = forwardRef38(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+  SwitchPrimitive.Root,
+  {
+    className: cn(
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm 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",
+      className
+    ),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ jsx40(
+      SwitchPrimitive.Thumb,
+      {
+        className: cn(
+          "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitive.Root.displayName;
+
+// src/components/Table/Table.web.tsx
+import { forwardRef as forwardRef39 } from "react";
+import { jsx as jsx41 } from "react/jsx-runtime";
+var Table = forwardRef39(({ className, ...props }, ref) => /* @__PURE__ */ jsx41("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx41(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+var TableHeader = forwardRef39(({ className, ...props }, ref) => /* @__PURE__ */ jsx41("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+var TableBody = forwardRef39(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+var TableFooter = forwardRef39(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+var TableRow = forwardRef39(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+var TableHead = forwardRef39(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+var TableCell = forwardRef39(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+  "td",
+  {
+    ref,
+    className: cn(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    ),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+var TableCaption = forwardRef39(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+// src/components/Tabs/Tabs.web.tsx
+import { forwardRef as forwardRef40 } from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { jsx as jsx42 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = forwardRef40(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = forwardRef40(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 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-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = forwardRef40(({ className, ...props }, ref) => /* @__PURE__ */ jsx42(
+  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;
+
+// src/components/Textarea/Textarea.web.tsx
+import { forwardRef as forwardRef41 } from "react";
+import { jsx as jsx43 } from "react/jsx-runtime";
+var Textarea = forwardRef41(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx43(
+    "textarea",
+    {
+      className: cn(
+        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+});
+Textarea.displayName = "Textarea";
+
+// src/components/Toast/Toast.web.tsx
+import { forwardRef as forwardRef42, useState as useState8, useEffect } from "react";
+import { cva as cva10 } from "class-variance-authority";
+import { Fragment, jsx as jsx44, jsxs as jsxs23 } from "react/jsx-runtime";
+function XIcon3(props) {
+  return /* @__PURE__ */ jsxs23("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", ...props, children: [
+    /* @__PURE__ */ jsx44("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ jsx44("path", { d: "m6 6 12 12" })
+  ] });
+}
+var toastKeyframes = `@keyframes byld-toast-slide-in{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}`;
+var toastStyleInjected = false;
+var toastVariants = cva10(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg [animation:byld-toast-slide-in_0.3s_ease-out]",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background text-foreground",
+        destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var ToastProvider = ({ children }) => {
+  return /* @__PURE__ */ jsx44(Fragment, { children });
+};
+ToastProvider.displayName = "ToastProvider";
+var ToastViewport = forwardRef42(({ className, ...props }, ref) => {
+  useEffect(() => {
+    if (toastStyleInjected) return;
+    toastStyleInjected = true;
+    const style = document.createElement("style");
+    style.textContent = toastKeyframes;
+    document.head.appendChild(style);
+  }, []);
+  return /* @__PURE__ */ jsx44(
+    "ol",
+    {
+      ref,
+      className: cn(
+        "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+        className
+      ),
+      ...props
+    }
+  );
+});
+ToastViewport.displayName = "ToastViewport";
+var Toast = forwardRef42(
+  ({ className, variant, open = true, onOpenChange, ...props }, ref) => {
+    if (!open) return null;
+    return /* @__PURE__ */ jsx44(
+      "li",
+      {
+        ref,
+        className: cn(toastVariants({ variant }), className),
+        "data-state": open ? "open" : "closed",
+        ...props
+      }
+    );
+  }
+);
+Toast.displayName = "Toast";
+var ToastAction = forwardRef42(({ className, altText, ...props }, ref) => /* @__PURE__ */ jsx44(
+  "button",
+  {
+    ref,
+    className: cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      className
+    ),
+    ...props
+  }
+));
+ToastAction.displayName = "ToastAction";
+var ToastClose = forwardRef42(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+  "button",
+  {
+    ref,
+    className: cn(
+      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      className
+    ),
+    "toast-close": "",
+    ...props,
+    children: /* @__PURE__ */ jsx44(XIcon3, { className: "h-4 w-4" })
+  }
+));
+ToastClose.displayName = "ToastClose";
+var ToastTitle = forwardRef42(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+  "div",
+  {
+    ref,
+    className: cn("text-sm font-semibold [&+div]:text-xs", className),
+    ...props
+  }
+));
+ToastTitle.displayName = "ToastTitle";
+var ToastDescription = forwardRef42(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+  "div",
+  {
+    ref,
+    className: cn("text-sm opacity-90", className),
+    ...props
+  }
+));
+ToastDescription.displayName = "ToastDescription";
+var TOAST_LIMIT = 1;
+var TOAST_REMOVE_DELAY = 5e3;
+var count = 0;
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER;
+  return count.toString();
+}
+var toastTimeouts = /* @__PURE__ */ new Map();
+var addToRemoveQueue = (toastId) => {
+  if (toastTimeouts.has(toastId)) return;
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({ type: "REMOVE_TOAST", toastId });
+  }, TOAST_REMOVE_DELAY);
+  toastTimeouts.set(toastId, timeout);
+};
+var reducer = (state, action) => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return [action.toast, ...state].slice(0, TOAST_LIMIT);
+    case "UPDATE_TOAST":
+      return state.map(
+        (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
+      );
+    case "DISMISS_TOAST": {
+      const { toastId } = action;
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.forEach((t) => addToRemoveQueue(t.id));
+      }
+      return state.map(
+        (t) => t.id === toastId || toastId === void 0 ? { ...t, open: false } : t
+      );
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === void 0) return [];
+      return state.filter((t) => t.id !== action.toastId);
+    default:
+      return state;
+  }
+};
+var listeners = [];
+var memoryState = [];
+function dispatch(action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => listener(memoryState));
+}
+function toast({
+  ...props
+}) {
+  const id = genId();
+  const update = (updateProps) => dispatch({ type: "UPDATE_TOAST", toast: { ...updateProps, id } });
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss();
+      }
+    }
+  });
+  setTimeout(() => {
+    dismiss();
+  }, TOAST_REMOVE_DELAY);
+  return { id, dismiss, update };
+}
+function useToast() {
+  const [state, setState] = useState8(memoryState);
+  useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) listeners.splice(index, 1);
+    };
+  }, []);
+  return {
+    toasts: state,
+    toast,
+    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
+  };
+}
+
+// src/components/Toggle/Toggle.web.tsx
+import { forwardRef as forwardRef43 } from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva as cva11 } from "class-variance-authority";
+import { jsx as jsx45 } from "react/jsx-runtime";
+var toggleVariants = cva11(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent shadow-sm 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"
+    }
+  }
+);
+var Toggle = forwardRef43(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx45(
+  TogglePrimitive.Root,
+  {
+    ref,
+    className: cn(toggleVariants({ variant, size, className })),
+    ...props
+  }
+));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+
+// src/components/ToggleGroup/ToggleGroup.web.tsx
+import { forwardRef as forwardRef44, createContext as createContext5, useContext as useContext5 } from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import { jsx as jsx46 } from "react/jsx-runtime";
+var ToggleGroupContext = createContext5({
+  size: "default",
+  variant: "default"
+});
+var ToggleGroup = forwardRef44(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx46(
+  ToggleGroupPrimitive.Root,
+  {
+    ref,
+    className: cn("flex items-center justify-center gap-1", className),
+    ...props,
+    children: /* @__PURE__ */ jsx46(ToggleGroupContext.Provider, { value: { variant, size }, children })
+  }
+));
+ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
+var ToggleGroupItem = forwardRef44(({ className, children, variant, size, ...props }, ref) => {
+  const context = useContext5(ToggleGroupContext);
+  return /* @__PURE__ */ jsx46(
+    ToggleGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        toggleVariants({
+          variant: variant || context.variant,
+          size: size || context.size
+        }),
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
+
+// src/components/Tooltip/Tooltip.web.tsx
+import { forwardRef as forwardRef45 } from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx as jsx47 } from "react/jsx-runtime";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = forwardRef45(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx47(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx47(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground 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
+  }
+) }));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  AlertTitle,
+  AspectRatio,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Button,
+  Calendar,
+  Card,
+  Carousel,
+  CarouselContent,
+  CarouselItem,
+  CarouselNext,
+  CarouselPrevious,
+  Chart,
+  Checkbox,
+  Collapsible,
+  CollapsibleContent2 as CollapsibleContent,
+  CollapsibleTrigger2 as CollapsibleTrigger,
+  Combobox,
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  ContextMenu,
+  ContextMenuCheckboxItem,
+  ContextMenuContent,
+  ContextMenuGroup,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuPortal,
+  ContextMenuRadioGroup,
+  ContextMenuRadioItem,
+  ContextMenuSeparator,
+  ContextMenuShortcut,
+  ContextMenuSub,
+  ContextMenuSubContent,
+  ContextMenuSubTrigger,
+  ContextMenuTrigger,
+  DataTable,
+  DatePicker,
+  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,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger,
+  Input,
+  InputOTP,
+  Label3 as Label,
+  Menubar,
+  MenubarCheckboxItem,
+  MenubarContent,
+  MenubarGroup,
+  MenubarItem,
+  MenubarLabel,
+  MenubarMenu,
+  MenubarPortal,
+  MenubarRadioGroup,
+  MenubarRadioItem,
+  MenubarSeparator,
+  MenubarShortcut,
+  MenubarSub,
+  MenubarSubContent,
+  MenubarSubTrigger,
+  MenubarTrigger,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+  Popover3 as Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
+  Progress,
+  RadioGroup4 as RadioGroup,
+  RadioGroupItem,
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+  ScrollArea,
+  ScrollBar,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Separator6 as Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarHeader,
+  SidebarProvider,
+  SidebarTrigger,
+  Skeleton,
+  Slider,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
+  ThemeProvider,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastProvider,
+  ToastTitle,
+  ToastViewport,
+  Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+  auroraPreset,
+  badgeVariants,
+  darkPreset,
+  defaultPreset,
+  navigationMenuTriggerStyle,
+  paginationLinkVariants,
+  separatorVariants,
+  toast,
+  toastVariants,
+  toggleVariants,
+  useSidebarContext,
+  useTheme,
+  useToast
+};
+//# sourceMappingURL=index.js.map