adminium 1.0.2 → 1.0.4

package/dist/index.js

@@ -2,19 +2,28 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
-import { Loader2Icon, ChevronDown, X, Check, Minus, ChevronRight, Circle, ChevronUp, ChevronLeftIcon, ChevronRightIcon, MoreHorizontal, ArrowDown, ArrowUp, ChevronsUpDown, ArrowLeftToLine, ArrowRightToLine, ArrowLeft, ArrowRight, Settings2, PinOff } from 'lucide-react';
+import { Loader2Icon, ChevronDown, X, Search, Check, Minus, ChevronRight, Circle, ChevronUp, ChevronLeftIcon, ChevronRightIcon, Plus, MoreHorizontal, ChevronLeft, MinusIcon, ChevronDownIcon, Copy, ArrowDown, ArrowUp, ChevronsUpDown, ArrowLeftToLine, ArrowRightToLine, ArrowLeft, ArrowRight, Settings2, PinOff } from 'lucide-react';
 import * as SlotPrimitive2 from '@radix-ui/react-slot';
+import { Slot } from '@radix-ui/react-slot';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { AlertDialog as AlertDialog$1, Dialog as Dialog$1, Popover as Popover$1, Avatar as Avatar$1, Select as Select$1, Slot, Tabs as Tabs$1, Label, Switch as Switch$1, ScrollArea as ScrollArea$1, AspectRatio as AspectRatio$1 } from 'radix-ui';
+import { AlertDialog as AlertDialog$1, Dialog as Dialog$1, Popover as Popover$1, Avatar as Avatar$1, Select as Select$1, Accordion as Accordion$1, Slot as Slot$1, Collapsible as Collapsible$1, Tabs as Tabs$1, ContextMenu as ContextMenu$1, Label, RadioGroup, Slider as Slider$1, Switch as Switch$1, ScrollArea as ScrollArea$1, AspectRatio as AspectRatio$1, Progress as Progress$1, NavigationMenu as NavigationMenu$1 } from 'radix-ui';
 import { Drawer as Drawer$1 } from 'vaul';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
-import * as React from 'react';
+import { Command as Command$1 } from 'cmdk';
+import * as React4 from 'react';
 import { createContext, useContext, Fragment as Fragment$1, isValidElement, useMemo, useRef, useCallback, useEffect } from 'react';
 import { useMotionValue, useSpring, useTransform, AnimatePresence, motion } from 'motion/react';
+import * as RechartsPrimitive from 'recharts';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { flexRender } from '@tanstack/react-table';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { defaultDropAnimationSideEffects, defaultDropAnimation, useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, DragOverlay } from '@dnd-kit/core';
+import { sortableKeyboardCoordinates, arrayMove, SortableContext, rectSortingStrategy, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { CSS as CSS$1 } from '@dnd-kit/utilities';
+import { DayPicker } from 'react-day-picker';
+import { DateField as DateField$1, composeRenderProps, TimeField as TimeField$1, DateSegment as DateSegment$1, DateInput as DateInput$1 } from 'react-aria-components';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { OTPInput, OTPInputContext } from 'input-otp';
 
 // src/lib/utils.ts
 function cn(...inputs) {
@@ -1197,6 +1206,156 @@ function SheetDescription({ className, ...props }) {
     }
   );
 }
+function Command({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1,
+    {
+      "data-slot": "command",
+      className: cn(
+        "flex size-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandDialog({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxs(DialogContent, { className: cn("overflow-hidden p-0 shadow-lg", className), children: [
+    /* @__PURE__ */ jsx(DialogTitle, { className: "hidden" }),
+    /* @__PURE__ */ jsx(Command, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5", children })
+  ] }) });
+}
+function CommandInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center border-b border-border px-3",
+      "cmdk-input-wrapper": "",
+      "data-slot": "command-input-wrapper",
+      children: [
+        /* @__PURE__ */ jsx(Search, { className: "me-2 size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsx(
+          Command$1.Input,
+          {
+            "data-slot": "command-input",
+            className: cn(
+              "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-hidden text-foreground placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            ),
+            ...props
+          }
+        )
+      ]
+    }
+  );
+}
+function CommandList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.List,
+    {
+      "data-slot": "command-list",
+      className: cn("max-h-75 overflow-y-auto overflow-x-hidden", className),
+      ...props
+    }
+  );
+}
+function CommandEmpty({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...props
+    }
+  );
+}
+function CommandGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Group,
+    {
+      "data-slot": "command-group",
+      className: cn(
+        "overflow-hidden p-1.5 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Separator,
+    {
+      "data-slot": "command-separator",
+      className: cn("-mx-1.5 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function CommandItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Item,
+    {
+      "data-slot": "command-item",
+      className: cn(
+        "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm text-foreground outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: cn(
+        "ms-auto text-xs tracking-widest text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandCheck({
+  icon: Icon = Check,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Icon,
+    {
+      "data-slot": "command-check",
+      "data-check": "true",
+      className: cn("ms-auto size-4 text-primary", className),
+      ...props
+    }
+  );
+}
 var avatarStatusVariants = cva(
   "flex items-center rounded-full size-2 border-2 border-background",
   {
@@ -1285,11 +1444,11 @@ function AvatarStatus({
     }
   );
 }
-var AvatarGroupContext = React.createContext(
+var AvatarGroupContext = React4.createContext(
   null
 );
 var StaggeredContent = ({ content }) => {
-  const children = React.Children.toArray(content);
+  const children = React4.Children.toArray(content);
   return /* @__PURE__ */ jsx(
     motion.div,
     {
@@ -1332,7 +1491,14 @@ function AvatarGroup({
     tooltipClassName,
     animation
   };
-  return /* @__PURE__ */ jsx(AvatarGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { className: cn("flex -space-x-2.5", className), children }) });
+  return /* @__PURE__ */ jsx(AvatarGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "avatar-group",
+      className: cn("flex -space-x-2.5", className),
+      children
+    }
+  ) });
 }
 function AvatarGroupItem({
   children,
@@ -1340,8 +1506,8 @@ function AvatarGroupItem({
   tooltipClassName,
   animation: itemAnimation
 }) {
-  const context = React.useContext(AvatarGroupContext);
-  const [hoveredIndex, setHoveredIndex] = React.useState(false);
+  const context = React4.useContext(AvatarGroupContext);
+  const [hoveredIndex, setHoveredIndex] = React4.useState(false);
   const springConfig = { stiffness: 100, damping: 5 };
   const x = useMotionValue(0);
   const animation = itemAnimation || context?.animation || "default";
@@ -1354,13 +1520,13 @@ function AvatarGroupItem({
     useTransform(x, [-100, 100], [-50, 50]),
     springConfig
   );
-  const tooltipChild = React.Children.toArray(children).find(
-    (child) => React.isValidElement(child) && child.type === AvatarGroupTooltip
+  const tooltipChild = React4.Children.toArray(children).find(
+    (child) => React4.isValidElement(child) && child.type === AvatarGroupTooltip
   );
-  const otherChildren = React.Children.toArray(children).filter(
-    (child) => !(React.isValidElement(child) && child.type === AvatarGroupTooltip)
+  const otherChildren = React4.Children.toArray(children).filter(
+    (child) => !(React4.isValidElement(child) && child.type === AvatarGroupTooltip)
   );
-  const tooltipContent = tooltipChild && React.isValidElement(tooltipChild) ? tooltipChild.props.children : null;
+  const tooltipContent = tooltipChild && React4.isValidElement(tooltipChild) ? tooltipChild.props.children : null;
   const handleMouseMove = (event) => {
     const halfWidth = event.target.offsetWidth / 2;
     x.set(event.nativeEvent.offsetX - halfWidth);
@@ -1506,6 +1672,248 @@ function AvatarGroupTooltip({
     }
   );
 }
+var THEMES = { light: "", dark: ".dark" };
+var ChartContext = React4.createContext(null);
+var chartContainerClasses = [
+  "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground",
+  "[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50",
+  "[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border",
+  "[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border",
+  "[&_.recharts-radial-bar-background-sector]:fill-muted",
+  "[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted",
+  "[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border",
+  "flex aspect-video justify-center text-xs",
+  "[&_.recharts-dot[stroke='#fff']]:stroke-transparent",
+  "[&_.recharts-layer]:outline-hidden",
+  "[&_.recharts-sector]:outline-hidden",
+  "[&_.recharts-sector[stroke='#fff']]:stroke-transparent",
+  "[&_.recharts-surface]:outline-hidden"
+].join(" ");
+function useChart() {
+  const context = React4.useContext(ChartContext);
+  if (!context) {
+    throw new Error("useChart must be used within a <ChartContainer />");
+  }
+  return context;
+}
+function ChartContainer({
+  id,
+  className,
+  children,
+  config,
+  ...props
+}) {
+  const uniqueId = React4.useId();
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "chart",
+      "data-chart": chartId,
+      className: cn(chartContainerClasses, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { children })
+      ]
+    }
+  ) });
+}
+function ChartStyle({ id, config }) {
+  const colorConfig = Object.entries(config).filter(
+    ([, itemConfig]) => itemConfig.theme || itemConfig.color
+  );
+  if (!colorConfig.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "style",
+    {
+      dangerouslySetInnerHTML: {
+        __html: Object.entries(THEMES).map(
+          ([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig.map(([key, itemConfig]) => {
+            const color = itemConfig.theme?.[theme] || itemConfig.color;
+            return color ? `  --color-${key}: ${color};` : null;
+          }).join("\n")}
+}
+`
+        ).join("\n")
+      }
+    }
+  );
+}
+var ChartTooltip = RechartsPrimitive.Tooltip;
+function ChartTooltipContent({
+  active,
+  payload,
+  className,
+  indicator = "dot",
+  hideLabel = false,
+  hideIndicator = false,
+  label,
+  labelFormatter,
+  labelClassName,
+  formatter,
+  color,
+  nameKey,
+  labelKey
+}) {
+  const { config } = useChart();
+  const tooltipLabel = React4.useMemo(() => {
+    if (hideLabel || !payload?.length) {
+      return null;
+    }
+    const [item] = payload;
+    const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
+    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+    const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
+    if (labelFormatter) {
+      return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+    }
+    if (!value) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx("div", { className: cn("font-medium", labelClassName), children: value });
+  }, [
+    label,
+    labelFormatter,
+    payload,
+    hideLabel,
+    labelClassName,
+    config,
+    labelKey
+  ]);
+  if (!active || !payload?.length) {
+    return null;
+  }
+  const nestLabel = payload.length === 1 && indicator !== "dot";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "border-border/50 bg-background grid min-w-32 items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl",
+        className
+      ),
+      children: [
+        !nestLabel ? tooltipLabel : null,
+        /* @__PURE__ */ jsx("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
+          const key = `${nameKey || item.name || item.dataKey || "value"}`;
+          const itemConfig = getPayloadConfigFromPayload(config, item, key);
+          const indicatorColor = color || item.payload.fill || item.color;
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5",
+                indicator === "dot" && "items-center"
+              ),
+              children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                itemConfig?.icon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "shrink-0 rounded-sm border-(--color-border) bg-(--color-bg)",
+                      {
+                        "size-2.5": indicator === "dot",
+                        "w-1": indicator === "line",
+                        "w-0 border-2 border-dashed bg-transparent": indicator === "dashed",
+                        "my-0.5": nestLabel && indicator === "dashed"
+                      }
+                    ),
+                    style: {
+                      "--color-bg": indicatorColor,
+                      "--color-border": indicatorColor
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "flex flex-1 justify-between leading-none",
+                      nestLabel ? "items-end" : "items-center"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: "grid gap-1.5", children: [
+                        nestLabel ? tooltipLabel : null,
+                        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
+                      ] }),
+                      item.value != null && /* @__PURE__ */ jsx("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value.toLocaleString() })
+                    ]
+                  }
+                )
+              ] })
+            },
+            item.dataKey
+          );
+        }) })
+      ]
+    }
+  );
+}
+var ChartLegend = RechartsPrimitive.Legend;
+function ChartLegendContent({
+  className,
+  hideIcon = false,
+  payload,
+  verticalAlign = "bottom",
+  nameKey
+}) {
+  const { config } = useChart();
+  if (!payload?.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex items-center justify-center gap-4",
+        verticalAlign === "top" ? "pb-3" : "pt-3",
+        className
+      ),
+      children: payload.map((item) => {
+        const key = `${nameKey || item.dataKey || "value"}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:size-3"
+            ),
+            children: [
+              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "size-2 shrink-0 rounded-sm",
+                  style: {
+                    backgroundColor: item.color
+                  }
+                }
+              ),
+              itemConfig?.label
+            ]
+          },
+          item.value
+        );
+      })
+    }
+  );
+}
+function getPayloadConfigFromPayload(config, payload, key) {
+  if (typeof payload !== "object" || payload === null) {
+    return void 0;
+  }
+  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
+  let configLabelKey = key;
+  if (key in payload && typeof payload[key] === "string") {
+    configLabelKey = payload[key];
+  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
+    configLabelKey = payloadPayload[key];
+  }
+  return configLabelKey in config ? config[configLabelKey] : config[key];
+}
 var DataGridContext = createContext(void 0);
 function useDataGrid() {
   const context = useContext(DataGridContext);
@@ -2494,7 +2902,7 @@ function DataGridColumnHeader({
   }
   return headerLabel();
 }
-var SelectContext = React.createContext({ indicatorPosition: "left", indicator: null, indicatorVisibility: true });
+var SelectContext = React4.createContext({ indicatorPosition: "left", indicator: null, indicatorVisibility: true });
 var Select = ({
   indicatorPosition = "left",
   indicatorVisibility = true,
@@ -2648,7 +3056,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  const { indicatorPosition, indicatorVisibility, indicator } = React.useContext(SelectContext);
+  const { indicatorPosition, indicatorVisibility, indicator } = React4.useContext(SelectContext);
   return /* @__PURE__ */ jsxs(
     Select$1.Item,
     {
@@ -2680,7 +3088,7 @@ function SelectIndicator({
   className,
   ...props
 }) {
-  const { indicatorPosition } = React.useContext(SelectContext);
+  const { indicatorPosition } = React4.useContext(SelectContext);
   return /* @__PURE__ */ jsx(
     "span",
     {
@@ -2904,61 +3312,492 @@ function DataGridColumnVisibility({
     ] })
   ] });
 }
-var badgeVariants = cva(
-  "inline-flex items-center justify-center border border-transparent font-medium focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 [&_svg]:-ms-px [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        primary: "bg-primary text-primary-foreground",
-        secondary: "bg-secondary text-secondary-foreground",
-        success: "bg-[var(--color-success-accent,var(--color-green-500))] text-[var(--color-success-foreground,var(--color-white))]",
-        warning: "bg-[var(--color-warning-accent,var(--color-yellow-500))] text-[var(--color-warning-foreground,var(--color-white))]",
-        info: "bg-[var(--color-info-accent,var(--color-violet-500))] text-[var(--color-info-foreground,var(--color-white))]",
-        outline: "bg-transparent border border-border text-secondary-foreground",
-        destructive: "bg-destructive text-destructive-foreground"
-      },
-      appearance: {
-        default: "",
-        light: "",
-        outline: "",
-        ghost: "border-transparent bg-transparent"
-      },
-      disabled: {
-        true: "opacity-50 pointer-events-none"
-      },
-      size: {
-        lg: "rounded-md px-[0.5rem] h-7 min-w-7 gap-1.5 text-xs [&_svg]:size-3.5",
-        md: "rounded-md px-[0.45rem] h-6 min-w-6 gap-1.5 text-xs [&_svg]:size-3.5 ",
-        sm: "rounded-sm px-[0.325rem] h-5 min-w-5 gap-1 text-[0.6875rem] leading-[0.75rem] [&_svg]:size-3",
-        xs: "rounded-sm px-[0.25rem] h-4 min-w-4 gap-1 text-[0.625rem] leading-[0.5rem] [&_svg]:size-3"
-      },
-      shape: {
-        default: "",
-        circle: "rounded-full"
+var KanbanContext = React4.createContext({
+  columns: {},
+  setColumns: () => {
+  },
+  getItemId: () => "",
+  columnIds: [],
+  activeId: null,
+  setActiveId: () => {
+  },
+  findContainer: () => void 0,
+  isColumn: () => false
+});
+var ColumnContext = React4.createContext({
+  attributes: {},
+  listeners: void 0,
+  isDragging: false,
+  disabled: false
+});
+var ItemContext = React4.createContext({
+  listeners: void 0,
+  isDragging: false,
+  disabled: false
+});
+var dropAnimationConfig = {
+  ...defaultDropAnimation,
+  sideEffects: defaultDropAnimationSideEffects({
+    styles: {
+      active: {
+        opacity: "0.4"
+      }
+    }
+  })
+};
+function Kanban({
+  value,
+  onValueChange,
+  getItemValue,
+  children,
+  className,
+  onMove
+}) {
+  const columns = value;
+  const setColumns = onValueChange;
+  const [activeId, setActiveId] = React4.useState(null);
+  const sensors = useSensors(
+    useSensor(PointerSensor, {
+      activationConstraint: {
+        distance: 10
       }
+    }),
+    useSensor(KeyboardSensor, {
+      coordinateGetter: sortableKeyboardCoordinates
+    })
+  );
+  const columnIds = React4.useMemo(() => Object.keys(columns), [columns]);
+  const isColumn = React4.useCallback(
+    (id) => columnIds.includes(id),
+    [columnIds]
+  );
+  const findContainer = React4.useCallback(
+    (id) => {
+      if (isColumn(id)) return id;
+      return columnIds.find(
+        (key) => columns[key].some((item) => getItemValue(item) === id)
+      );
     },
-    compoundVariants: [
-      /* Light */
-      {
-        variant: "primary",
-        appearance: "light",
-        className: "text-[var(--color-primary-accent,var(--color-blue-700))] bg-[var(--color-primary-soft,var(--color-blue-50))] dark:bg-[var(--color-primary-soft,var(--color-blue-950))] dark:text-[var(--color-primary-soft,var(--color-blue-600))]"
-      },
-      {
-        variant: "secondary",
-        appearance: "light",
-        className: "bg-secondary dark:bg-secondary/50 text-secondary-foreground"
-      },
-      {
-        variant: "success",
-        appearance: "light",
-        className: "text-[var(--color-success-accent,var(--color-green-800))] bg-[var(--color-success-soft,var(--color-green-100))] dark:bg-[var(--color-success-soft,var(--color-green-950))] dark:text-[var(--color-success-soft,var(--color-green-600))]"
-      },
-      {
-        variant: "warning",
-        appearance: "light",
-        className: "text-[var(--color-warning-accent,var(--color-yellow-700))] bg-[var(--color-warning-soft,var(--color-yellow-100))] dark:bg-[var(--color-warning-soft,var(--color-yellow-950))] dark:text-[var(--color-warning-soft,var(--color-yellow-600))]"
-      },
+    [columns, columnIds, getItemValue, isColumn]
+  );
+  const handleDragStart = React4.useCallback((event) => {
+    setActiveId(event.active.id);
+  }, []);
+  const handleDragOver = React4.useCallback(
+    (event) => {
+      if (onMove) {
+        return;
+      }
+      const { active, over } = event;
+      if (!over) return;
+      if (isColumn(active.id)) return;
+      const activeContainer = findContainer(active.id);
+      const overContainer = findContainer(over.id);
+      if (!activeContainer || !overContainer || activeContainer === overContainer) {
+        return;
+      }
+      const activeItems = [...columns[activeContainer]];
+      const overItems = [...columns[overContainer]];
+      const activeIndex = activeItems.findIndex(
+        (item) => getItemValue(item) === active.id
+      );
+      const overIndex = isColumn(over.id) ? overItems.length : overItems.findIndex((item) => getItemValue(item) === over.id);
+      const [movedItem] = activeItems.splice(activeIndex, 1);
+      overItems.splice(overIndex, 0, movedItem);
+      setColumns({
+        ...columns,
+        [activeContainer]: activeItems,
+        [overContainer]: overItems
+      });
+    },
+    [findContainer, getItemValue, isColumn, setColumns, columns, onMove]
+  );
+  const handleDragEnd = React4.useCallback(
+    (event) => {
+      const { active, over } = event;
+      setActiveId(null);
+      if (!over) return;
+      if (onMove && !isColumn(active.id)) {
+        const activeContainer2 = findContainer(active.id);
+        const overContainer2 = findContainer(over.id);
+        if (activeContainer2 && overContainer2) {
+          const activeIndex = columns[activeContainer2].findIndex(
+            (item) => getItemValue(item) === active.id
+          );
+          const overIndex = isColumn(over.id) ? columns[overContainer2].length : columns[overContainer2].findIndex(
+            (item) => getItemValue(item) === over.id
+          );
+          onMove({
+            event,
+            activeContainer: activeContainer2,
+            activeIndex,
+            overContainer: overContainer2,
+            overIndex
+          });
+        }
+        return;
+      }
+      if (isColumn(active.id) && isColumn(over.id)) {
+        const activeIndex = columnIds.indexOf(active.id);
+        const overIndex = columnIds.indexOf(over.id);
+        if (activeIndex !== overIndex) {
+          const newOrder = arrayMove(
+            Object.keys(columns),
+            activeIndex,
+            overIndex
+          );
+          const newColumns = {};
+          newOrder.forEach((key) => {
+            newColumns[key] = columns[key];
+          });
+          setColumns(newColumns);
+        }
+        return;
+      }
+      const activeContainer = findContainer(active.id);
+      const overContainer = findContainer(over.id);
+      if (activeContainer && overContainer && activeContainer === overContainer) {
+        const container = activeContainer;
+        const activeIndex = columns[container].findIndex(
+          (item) => getItemValue(item) === active.id
+        );
+        const overIndex = columns[container].findIndex(
+          (item) => getItemValue(item) === over.id
+        );
+        if (activeIndex !== overIndex) {
+          setColumns({
+            ...columns,
+            [container]: arrayMove(columns[container], activeIndex, overIndex)
+          });
+        }
+      }
+    },
+    [
+      columnIds,
+      columns,
+      findContainer,
+      getItemValue,
+      isColumn,
+      setColumns,
+      onMove
+    ]
+  );
+  const contextValue = React4.useMemo(
+    () => ({
+      columns,
+      setColumns,
+      getItemId: getItemValue,
+      columnIds,
+      activeId,
+      setActiveId,
+      findContainer,
+      isColumn
+    }),
+    [
+      columns,
+      setColumns,
+      getItemValue,
+      columnIds,
+      activeId,
+      findContainer,
+      isColumn
+    ]
+  );
+  return /* @__PURE__ */ jsx(KanbanContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    DndContext,
+    {
+      sensors,
+      onDragStart: handleDragStart,
+      onDragOver: handleDragOver,
+      onDragEnd: handleDragEnd,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "kanban",
+          "data-dragging": activeId !== null,
+          className: cn(className),
+          children
+        }
+      )
+    }
+  ) });
+}
+function KanbanBoard({ children, className }) {
+  const { columnIds } = React4.useContext(KanbanContext);
+  return /* @__PURE__ */ jsx(SortableContext, { items: columnIds, strategy: rectSortingStrategy, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "kanban-board",
+      className: cn("grid auto-rows-fr gap-4", className),
+      children
+    }
+  ) });
+}
+function KanbanColumn({
+  value,
+  className,
+  children,
+  disabled
+}) {
+  const {
+    setNodeRef,
+    transform,
+    transition,
+    attributes,
+    listeners,
+    isDragging: isSortableDragging
+  } = useSortable({
+    id: value,
+    disabled
+  });
+  const { activeId, isColumn } = React4.useContext(KanbanContext);
+  const isColumnDragging = activeId ? isColumn(activeId) : false;
+  const style = {
+    transition,
+    transform: CSS$1.Translate.toString(transform)
+  };
+  return /* @__PURE__ */ jsx(
+    ColumnContext.Provider,
+    {
+      value: { attributes, listeners, isDragging: isColumnDragging, disabled },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "kanban-column",
+          "data-value": value,
+          "data-dragging": isSortableDragging,
+          "data-disabled": disabled,
+          ref: setNodeRef,
+          style,
+          className: cn(
+            "group/kanban-column flex flex-col",
+            isSortableDragging && "opacity-50",
+            disabled && "opacity-50",
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
+}
+function KanbanColumnHandle({
+  asChild,
+  className,
+  children,
+  cursor = true
+}) {
+  const { attributes, listeners, isDragging, disabled } = React4.useContext(ColumnContext);
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "kanban-column-handle",
+      "data-dragging": isDragging,
+      "data-disabled": disabled,
+      ...attributes,
+      ...listeners,
+      className: cn(
+        "opacity-0 transition-opacity group-hover/kanban-column:opacity-100",
+        cursor && (isDragging ? "cursor-grabbing!" : "cursor-grab!"),
+        className
+      ),
+      children
+    }
+  );
+}
+function KanbanItem({
+  value,
+  asChild = false,
+  className,
+  children,
+  disabled
+}) {
+  const {
+    setNodeRef,
+    transform,
+    transition,
+    attributes,
+    listeners,
+    isDragging: isSortableDragging
+  } = useSortable({
+    id: value,
+    disabled
+  });
+  const { activeId, isColumn } = React4.useContext(KanbanContext);
+  const isItemDragging = activeId ? !isColumn(activeId) : false;
+  const style = {
+    transition,
+    transform: CSS$1.Translate.toString(transform)
+  };
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    ItemContext.Provider,
+    {
+      value: { listeners, isDragging: isItemDragging, disabled },
+      children: /* @__PURE__ */ jsx(
+        Comp,
+        {
+          "data-slot": "kanban-item",
+          "data-value": value,
+          "data-dragging": isSortableDragging,
+          "data-disabled": disabled,
+          ref: setNodeRef,
+          style,
+          ...attributes,
+          className: cn(
+            isSortableDragging && "opacity-50",
+            disabled && "opacity-50",
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
+}
+function KanbanItemHandle({
+  asChild,
+  className,
+  children,
+  cursor = true
+}) {
+  const { listeners, isDragging, disabled } = React4.useContext(ItemContext);
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "kanban-item-handle",
+      "data-dragging": isDragging,
+      "data-disabled": disabled,
+      ...listeners,
+      className: cn(
+        cursor && (isDragging ? "cursor-grabbing!" : "cursor-grab!"),
+        className
+      ),
+      children
+    }
+  );
+}
+function KanbanColumnContent({
+  value,
+  className,
+  children
+}) {
+  const { columns, getItemId } = React4.useContext(KanbanContext);
+  const itemIds = React4.useMemo(
+    () => columns[value].map(getItemId),
+    [columns, getItemId, value]
+  );
+  return /* @__PURE__ */ jsx(SortableContext, { items: itemIds, strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "kanban-column-content",
+      className: cn("flex flex-col gap-2", className),
+      children
+    }
+  ) });
+}
+function KanbanOverlay({ children, className }) {
+  const { activeId, isColumn } = React4.useContext(KanbanContext);
+  const [dimensions, setDimensions] = React4.useState(null);
+  React4.useEffect(() => {
+    if (activeId) {
+      const element = document.querySelector(
+        `[data-slot="kanban-${isColumn(activeId) ? "column" : "item"}"][data-value="${activeId}"]`
+      );
+      if (element) {
+        const rect = element.getBoundingClientRect();
+        setDimensions({ width: rect.width, height: rect.height });
+      }
+    } else {
+      setDimensions(null);
+    }
+  }, [activeId, isColumn]);
+  const style = {
+    width: dimensions?.width,
+    height: dimensions?.height
+  };
+  const content = React4.useMemo(() => {
+    if (!activeId) return null;
+    if (typeof children === "function") {
+      return children({
+        value: activeId,
+        variant: isColumn(activeId) ? "column" : "item"
+      });
+    }
+    return children;
+  }, [activeId, children, isColumn]);
+  return /* @__PURE__ */ jsx(DragOverlay, { dropAnimation: dropAnimationConfig, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "kanban-overlay",
+      "data-dragging": true,
+      style,
+      className: cn(
+        "pointer-events-none",
+        className,
+        activeId ? "cursor-grabbing!" : ""
+      ),
+      children: content
+    }
+  ) });
+}
+var badgeVariants = cva(
+  "inline-flex items-center justify-center border border-transparent font-medium focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 [&_svg]:-ms-px [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary text-primary-foreground",
+        secondary: "bg-secondary text-secondary-foreground",
+        success: "bg-[var(--color-success-accent,var(--color-green-500))] text-[var(--color-success-foreground,var(--color-white))]",
+        warning: "bg-[var(--color-warning-accent,var(--color-yellow-500))] text-[var(--color-warning-foreground,var(--color-white))]",
+        info: "bg-[var(--color-info-accent,var(--color-violet-500))] text-[var(--color-info-foreground,var(--color-white))]",
+        outline: "bg-transparent border border-border text-secondary-foreground",
+        destructive: "bg-destructive text-destructive-foreground"
+      },
+      appearance: {
+        default: "",
+        light: "",
+        outline: "",
+        ghost: "border-transparent bg-transparent"
+      },
+      disabled: {
+        true: "opacity-50 pointer-events-none"
+      },
+      size: {
+        lg: "rounded-md px-[0.5rem] h-7 min-w-7 gap-1.5 text-xs [&_svg]:size-3.5",
+        md: "rounded-md px-[0.45rem] h-6 min-w-6 gap-1.5 text-xs [&_svg]:size-3.5 ",
+        sm: "rounded-sm px-[0.325rem] h-5 min-w-5 gap-1 text-[0.6875rem] leading-[0.75rem] [&_svg]:size-3",
+        xs: "rounded-sm px-[0.25rem] h-4 min-w-4 gap-1 text-[0.625rem] leading-[0.5rem] [&_svg]:size-3"
+      },
+      shape: {
+        default: "",
+        circle: "rounded-full"
+      }
+    },
+    compoundVariants: [
+      /* Light */
+      {
+        variant: "primary",
+        appearance: "light",
+        className: "text-[var(--color-primary-accent,var(--color-blue-700))] bg-[var(--color-primary-soft,var(--color-blue-50))] dark:bg-[var(--color-primary-soft,var(--color-blue-950))] dark:text-[var(--color-primary-soft,var(--color-blue-600))]"
+      },
+      {
+        variant: "secondary",
+        appearance: "light",
+        className: "bg-secondary dark:bg-secondary/50 text-secondary-foreground"
+      },
+      {
+        variant: "success",
+        appearance: "light",
+        className: "text-[var(--color-success-accent,var(--color-green-800))] bg-[var(--color-success-soft,var(--color-green-100))] dark:bg-[var(--color-success-soft,var(--color-green-950))] dark:text-[var(--color-success-soft,var(--color-green-600))]"
+      },
+      {
+        variant: "warning",
+        appearance: "light",
+        className: "text-[var(--color-warning-accent,var(--color-yellow-700))] bg-[var(--color-warning-soft,var(--color-yellow-100))] dark:bg-[var(--color-warning-soft,var(--color-yellow-950))] dark:text-[var(--color-warning-soft,var(--color-yellow-600))]"
+      },
       {
         variant: "info",
         appearance: "light",
@@ -3104,50 +3943,536 @@ function BadgeDot({ className, ...props }) {
     }
   );
 }
-function Breadcrumb({
-  ...props
-}) {
-  return /* @__PURE__ */ jsx("nav", { "data-slot": "breadcrumb", "aria-label": "breadcrumb", ...props });
-}
-function BreadcrumbList({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "ol",
-    {
-      "data-slot": "breadcrumb-list",
-      className: cn(
-        "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground",
-        className
-      ),
-      ...props
+var accordionRootVariants = cva("", {
+  variants: {
+    variant: {
+      default: "",
+      outline: "space-y-2",
+      solid: "space-y-2"
     }
-  );
-}
-function BreadcrumbItem({ className, ...props }) {
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var accordionItemVariants = cva("", {
+  variants: {
+    variant: {
+      default: "border-b border-border",
+      outline: "border border-border rounded-lg px-4",
+      solid: "rounded-lg bg-accent/70 px-4"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var accordionTriggerVariants = cva(
+  "flex flex-1 items-center justify-between py-4 gap-2.5 text-foreground font-medium transition-all [&[data-state=open]>svg]:rotate-180 cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: "",
+        outline: "",
+        solid: ""
+      },
+      indicator: {
+        arrow: "",
+        plus: "[&>svg>path:last-child]:origin-center [&>svg>path:last-child]:transition-all [&>svg>path:last-child]:duration-200 [&[data-state=open]>svg>path:last-child]:rotate-90 [&[data-state=open]>svg>path:last-child]:opacity-0 [&[data-state=open]>svg]:rotate-180",
+        none: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      indicator: "arrow"
+    }
+  }
+);
+var accordionContentVariants = cva(
+  "overflow-hidden text-sm text-accent-foreground transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+  {
+    variants: {
+      variant: {
+        default: "",
+        outline: "",
+        solid: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var AccordionContext = React4.createContext({
+  variant: "default",
+  indicator: "arrow"
+});
+function Accordion(props) {
+  const {
+    className,
+    variant = "default",
+    indicator = "arrow",
+    children,
+    ...rest
+  } = props;
   return /* @__PURE__ */ jsx(
-    "li",
+    AccordionContext.Provider,
     {
-      "data-slot": "breadcrumb-item",
-      className: cn("inline-flex items-center gap-1.5", className),
-      ...props
+      value: { variant: variant || "default", indicator },
+      children: /* @__PURE__ */ jsx(
+        Accordion$1.Root,
+        {
+          "data-slot": "accordion",
+          className: cn(accordionRootVariants({ variant }), className),
+          ...rest,
+          children
+        }
+      )
     }
   );
 }
-function BreadcrumbLink({
-  asChild,
-  className,
-  ...props
-}) {
-  const Comp = asChild ? Slot.Slot : "a";
+function AccordionItem(props) {
+  const { className, children, ...rest } = props;
+  const { variant } = React4.useContext(AccordionContext);
   return /* @__PURE__ */ jsx(
-    Comp,
+    Accordion$1.Item,
     {
-      "data-slot": "breadcrumb-link",
-      className: cn("transition-colors hover:text-foreground", className),
-      ...props
+      "data-slot": "accordion-item",
+      className: cn(accordionItemVariants({ variant }), className),
+      ...rest,
+      children
     }
   );
 }
-function BreadcrumbPage({ className, ...props }) {
+function AccordionTrigger(props) {
+  const { className, children, ...rest } = props;
+  const { variant, indicator } = React4.useContext(AccordionContext);
+  return /* @__PURE__ */ jsx(Accordion$1.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    Accordion$1.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        accordionTriggerVariants({ variant, indicator }),
+        className
+      ),
+      ...rest,
+      children: [
+        children,
+        indicator === "plus" && /* @__PURE__ */ jsx(
+          Plus,
+          {
+            className: "size-4 shrink-0 transition-transform duration-200",
+            strokeWidth: 1
+          }
+        ),
+        indicator === "arrow" && /* @__PURE__ */ jsx(
+          ChevronDown,
+          {
+            className: "size-4 shrink-0 transition-transform duration-200",
+            strokeWidth: 1
+          }
+        )
+      ]
+    }
+  ) });
+}
+function AccordionContent(props) {
+  const { className, children, ...rest } = props;
+  const { variant } = React4.useContext(AccordionContext);
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Content,
+    {
+      "data-slot": "accordion-content",
+      className: cn(accordionContentVariants({ variant }), className),
+      ...rest,
+      children: /* @__PURE__ */ jsx("div", { className: "pb-5 pt-0", children })
+    }
+  );
+}
+var AccordionMenuContext = React4.createContext({
+  matchPath: () => false,
+  selectedValue: "",
+  setSelectedValue: () => {
+  },
+  nestedStates: {},
+  setNestedStates: () => {
+  }
+});
+function AccordionMenu({
+  className,
+  matchPath = () => false,
+  classNames,
+  children,
+  selectedValue,
+  onItemClick,
+  ...props
+}) {
+  const [internalSelectedValue, setInternalSelectedValue] = React4.useState(selectedValue);
+  React4.useEffect(() => {
+    setInternalSelectedValue(selectedValue);
+  }, [selectedValue]);
+  const [nestedStates, setNestedStates] = React4.useState({});
+  React4.useEffect(() => {
+    const getActiveChain = (nodes, chain2 = []) => {
+      let result = [];
+      React4.Children.forEach(nodes, (node) => {
+        if (React4.isValidElement(node)) {
+          const { value, children: nodeChildren } = node.props;
+          const newChain = value ? [...chain2, value] : chain2;
+          if (value && (value === selectedValue || matchPath(value))) {
+            result = newChain;
+          } else if (nodeChildren) {
+            const childChain = getActiveChain(nodeChildren, newChain);
+            if (childChain.length > 0) {
+              result = childChain;
+            }
+          }
+        }
+      });
+      return result;
+    };
+    const chain = getActiveChain(children);
+    const trimmedChain = chain.length > 1 ? chain.slice(0, chain.length - 1) : chain;
+    const mapping = {};
+    if (trimmedChain.length > 0) {
+      if (props.type === "multiple") {
+        mapping["root"] = trimmedChain;
+      } else {
+        mapping["root"] = trimmedChain[0];
+        for (let i = 0; i < trimmedChain.length - 1; i++) {
+          mapping[trimmedChain[i]] = trimmedChain[i + 1];
+        }
+      }
+    }
+    setNestedStates(mapping);
+  }, [selectedValue]);
+  const multipleValue = Array.isArray(nestedStates["root"]) ? nestedStates["root"] : typeof nestedStates["root"] === "string" ? [nestedStates["root"]] : [];
+  const singleValue = nestedStates["root"] ?? "";
+  return /* @__PURE__ */ jsx(
+    AccordionMenuContext.Provider,
+    {
+      value: {
+        matchPath,
+        selectedValue: internalSelectedValue,
+        setSelectedValue: setInternalSelectedValue,
+        classNames,
+        onItemClick,
+        nestedStates,
+        setNestedStates
+      },
+      children: props.type === "single" ? /* @__PURE__ */ jsx(
+        Accordion$1.Root,
+        {
+          "data-slot": "accordion-menu",
+          value: singleValue,
+          className: cn("w-full", classNames?.root, className),
+          onValueChange: (value) => setNestedStates((prev) => ({ ...prev, root: value })),
+          ...props,
+          role: "menu",
+          children
+        }
+      ) : /* @__PURE__ */ jsx(
+        Accordion$1.Root,
+        {
+          "data-slot": "accordion-menu",
+          value: multipleValue,
+          className: cn("w-full", classNames?.root, className),
+          onValueChange: (value) => setNestedStates((prev) => ({ ...prev, root: value })),
+          ...props,
+          role: "menu",
+          children
+        }
+      )
+    }
+  );
+}
+function AccordionMenuGroup({
+  children,
+  className,
+  ...props
+}) {
+  const { classNames } = React4.useContext(AccordionMenuContext);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "accordion-menu-group",
+      role: "group",
+      className: cn("space-y-0.5", classNames?.group, className),
+      ...props,
+      children
+    }
+  );
+}
+function AccordionMenuLabel({
+  children,
+  className,
+  ...props
+}) {
+  const { classNames } = React4.useContext(AccordionMenuContext);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "accordion-menu-label",
+      role: "presentation",
+      className: cn(
+        "px-2 py-1.5 text-xs font-medium text-muted-foreground",
+        classNames?.label,
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function AccordionMenuSeparator({
+  className,
+  ...props
+}) {
+  const { classNames } = React4.useContext(AccordionMenuContext);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "accordion-menu-separator",
+      role: "separator",
+      className: cn("my-1 h-px bg-border", classNames?.separator, className),
+      ...props
+    }
+  );
+}
+var itemVariants = cva(
+  "relative cursor-pointer select-none flex w-full text-start items-center text-foreground rounded-lg gap-2 px-2 py-1.5 text-sm outline-hidden transition-colors hover:bg-accent hover:text-accent-foreground data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground disabled:opacity-50 disabled:bg-transparent focus-visible:bg-accent focus-visible:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:opacity-60 [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0 [&_a]:flex [&>a]:w-full [&>a]:items-center [&>a]:gap-2",
+  {
+    variants: {
+      variant: {
+        default: "",
+        destructive: "text-destructive hover:text-destructive focus:text-destructive hover:bg-destructive/5 focus:bg-destructive/5 data-[active=true]:bg-destructive/5"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function AccordionMenuItem({
+  className,
+  children,
+  variant,
+  asChild,
+  onClick,
+  ...props
+}) {
+  const { classNames, selectedValue, matchPath, onItemClick } = React4.useContext(AccordionMenuContext);
+  return /* @__PURE__ */ jsx(Accordion$1.Item, { className: "flex", ...props, children: /* @__PURE__ */ jsx(Accordion$1.Header, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "flex w-full", children: /* @__PURE__ */ jsx(
+    Accordion$1.Trigger,
+    {
+      role: "menuitem",
+      asChild,
+      "data-slot": "accordion-menu-item",
+      className: cn(
+        itemVariants({ variant }),
+        classNames?.item,
+        className
+      ),
+      onClick: (e) => {
+        if (onItemClick) {
+          onItemClick(props.value, e);
+        }
+        if (onClick) {
+          onClick(e);
+        }
+        e.preventDefault();
+      },
+      onKeyDown: (e) => {
+        if (e.key === "Enter") {
+          e.preventDefault();
+          const target = e.currentTarget;
+          const firstChild = target.firstElementChild;
+          if (firstChild) {
+            firstChild.click();
+          }
+        }
+      },
+      "data-selected": matchPath(props.value) || selectedValue === props.value ? "true" : void 0,
+      children
+    }
+  ) }) }) });
+}
+function AccordionMenuSub({
+  className,
+  children,
+  ...props
+}) {
+  const { classNames } = React4.useContext(AccordionMenuContext);
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Item,
+    {
+      "data-slot": "accordion-menu-sub",
+      className: cn(classNames?.sub, className),
+      ...props,
+      children
+    }
+  );
+}
+function AccordionMenuSubTrigger({
+  className,
+  children
+}) {
+  const { classNames } = React4.useContext(AccordionMenuContext);
+  return /* @__PURE__ */ jsx(Accordion$1.Header, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "flex", children: /* @__PURE__ */ jsxs(
+    Accordion$1.Trigger,
+    {
+      role: "menuitem",
+      "aria-haspopup": "true",
+      "data-slot": "accordion-menu-sub-trigger",
+      className: cn(
+        itemVariants({ variant: "default" }),
+        classNames?.subTrigger,
+        className
+      ),
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          ChevronDown,
+          {
+            "data-slot": "accordion-menu-sub-indicator",
+            className: cn(
+              "ms-auto size-3.5! shrink-0 text-muted-foreground transition-transform duration-200 [[data-state=open]>&]:-rotate-180"
+            )
+          }
+        )
+      ]
+    }
+  ) }) });
+}
+function AccordionMenuSubContent({
+  className,
+  children,
+  type,
+  collapsible,
+  defaultValue,
+  parentValue,
+  ...props
+}) {
+  const { nestedStates, setNestedStates, classNames } = React4.useContext(AccordionMenuContext);
+  let currentValue;
+  if (type === "multiple") {
+    const stateValue = nestedStates[parentValue];
+    if (Array.isArray(stateValue)) {
+      currentValue = stateValue;
+    } else if (typeof stateValue === "string") {
+      currentValue = [stateValue];
+    } else if (defaultValue) {
+      currentValue = Array.isArray(defaultValue) ? defaultValue : [defaultValue];
+    } else {
+      currentValue = [];
+    }
+  } else {
+    currentValue = nestedStates[parentValue] ?? defaultValue ?? "";
+  }
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Content,
+    {
+      "data-slot": "accordion-menu-sub-content",
+      className: cn(
+        "ps-5",
+        "overflow-hidden transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+        classNames?.subContent,
+        className
+      ),
+      ...props,
+      children: type === "multiple" ? /* @__PURE__ */ jsx(
+        Accordion$1.Root,
+        {
+          className: cn("w-full py-0.5", classNames?.subWrapper),
+          type: "multiple",
+          value: currentValue,
+          role: "menu",
+          "data-slot": "accordion-menu-sub-wrapper",
+          onValueChange: (value) => {
+            const newValue = Array.isArray(value) ? value : [value];
+            setNestedStates((prev) => ({ ...prev, [parentValue]: newValue }));
+          },
+          children
+        }
+      ) : /* @__PURE__ */ jsx(
+        Accordion$1.Root,
+        {
+          className: cn("w-full py-0.5", classNames?.subWrapper),
+          type: "single",
+          collapsible,
+          value: currentValue,
+          role: "menu",
+          "data-slot": "accordion-menu-sub-wrapper",
+          onValueChange: (value) => setNestedStates((prev) => ({ ...prev, [parentValue]: value })),
+          children
+        }
+      )
+    }
+  );
+}
+function AccordionMenuIndicator({
+  className,
+  ...props
+}) {
+  const { classNames } = React4.useContext(AccordionMenuContext);
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-slot": "accordion-menu-indicator",
+      className: cn(
+        "ms-auto flex items-center font-medium",
+        classNames?.indicator,
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Breadcrumb({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("nav", { "data-slot": "breadcrumb", "aria-label": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "flex flex-wrap items-center gap-1.5 wrap-break-word text-sm text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1.5", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? Slot$1.Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn("transition-colors hover:text-foreground", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbPage({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "span",
     {
@@ -3192,6 +4517,40 @@ var BreadcrumbEllipsis = ({
     ]
   }
 );
+function Collapsible({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Collapsible$1.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Collapsible$1.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...props
+    }
+  );
+}
+function CollapsibleContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Collapsible$1.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      className: cn(
+        "overflow-hidden transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
 var tabsListVariantConfig = {
   variant: {
     default: "bg-accent p-1",
@@ -3309,7 +4668,7 @@ var tabsContentVariants = cva(
     }
   }
 );
-var TabsContext = React.createContext({
+var TabsContext = React4.createContext({
   variant: "default",
   size: "md"
 });
@@ -3345,7 +4704,7 @@ function TabsTrigger({
   className,
   ...props
 }) {
-  const { variant, size } = React.useContext(TabsContext);
+  const { variant, size } = React4.useContext(TabsContext);
   return /* @__PURE__ */ jsx(
     Tabs$1.Trigger,
     {
@@ -3369,12 +4728,12 @@ function TabsContent({
     }
   );
 }
-var CardContext = React.createContext({
+var CardContext = React4.createContext({
   variant: "default"
   // Default value
 });
 var useCardContext = () => {
-  const context = React.useContext(CardContext);
+  const context = React4.useContext(CardContext);
   return context;
 };
 var cardVariants = cva(
@@ -3982,10 +5341,356 @@ function InputWrapper({
     }
   );
 }
-var labelVariants = cva(
-  "text-sm leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-  {
-    variants: {
+function ContextMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenu$1.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenu$1.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+function ContextMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenu$1.Group, { "data-slot": "context-menu-group", ...props });
+}
+function ContextMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenu$1.Portal, { "data-slot": "context-menu-portal", ...props });
+}
+function ContextMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenu$1.Sub, { "data-slot": "context-menu-sub", ...props });
+}
+function ContextMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenu$1.RadioGroup,
+    {
+      "data-slot": "context-menu-radio-group",
+      ...props
+    }
+  );
+}
+function ContextMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenu$1.SubTrigger,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      className: cn(
+        "flex cursor-default gap-2 select-none items-center rounded-md px-2 py-1.5 text-sm outline-hidden",
+        "focus:bg-accent focus:text-foreground",
+        "data-[state=open]:bg-accent data-[state=open]:text-foreground",
+        "[&>svg]:pointer-events-none [&_svg:not([role=img]):not([class*=text-])]:opacity-60 [&>svg]:size-4 [&>svg]:shrink-0",
+        inset && "ps-8",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          ChevronRight,
+          {
+            "data-slot": "context-menu-sub-trigger-indicator",
+            className: "ms-auto size-3.5! rtl:rotate-180"
+          }
+        )
+      ]
+    }
+  );
+}
+function ContextMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenu$1.SubContent,
+    {
+      "data-slot": "context-menu-sub-content",
+      className: cn(
+        "space-y-0.5 z-50 min-w-32 overflow-hidden shadow-md shadow-black/5 rounded-md border border-border bg-popover text-popover-foreground p-2 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
+    }
+  );
+}
+function ContextMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(ContextMenu$1.Portal, { children: /* @__PURE__ */ jsx(
+    ContextMenu$1.Content,
+    {
+      "data-slot": "context-menu-content",
+      className: cn(
+        "space-y-0.5 z-50 min-w-32 overflow-hidden rounded-md border border-border bg-popover p-2 text-popover-foreground shadow-md shadow-black/5 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
+    }
+  ) });
+}
+function ContextMenuItem({
+  className,
+  inset,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenu$1.Item,
+    {
+      "data-slot": "context-menu-item",
+      className: cn(
+        "text-foreground relative flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-hidden transition-colors data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([role=img]):not([class*=text-])]:opacity-60 [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0",
+        "focus:bg-accent focus:text-foreground",
+        "data-[active=true]:bg-accent data-[active=true]:text-accent-foreground",
+        inset && "ps-8",
+        variant === "destructive" && "text-destructive hover:text-destructive focus:text-destructive hover:bg-destructive/5 focus:bg-destructive/5 data-[active=true]:bg-destructive/5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenu$1.CheckboxItem,
+    {
+      "data-slot": "context-menu-checkbox-item",
+      className: cn(
+        "relative flex cursor-default select-none items-center rounded-md py-1.5 ps-8 pe-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute start-2 flex size-3.5 items-center text-muted-foreground justify-center", children: /* @__PURE__ */ jsx(ContextMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "size-4 text-primary" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ContextMenu$1.RadioItem,
+    {
+      "data-slot": "context-menu-radio-item",
+      className: cn(
+        "relative flex cursor-default select-none items-center rounded-md py-1.5 ps-6 pe-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute start-1.5 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(ContextMenu$1.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "size-1.5 fill-primary stroke-primary" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenu$1.Label,
+    {
+      "data-slot": "context-menu-label",
+      className: cn(
+        "px-2 py-1.5 text-xs text-muted-foreground font-medium",
+        inset && "ps-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ContextMenu$1.Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: cn("-mx-2 my-1.5 h-px bg-muted", className),
+      ...props
+    }
+  );
+}
+function ContextMenuShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "context-menu-shortcut",
+      className: cn("ms-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+}
+var dayButtonClasses = [
+  "cursor-pointer relative flex size-8 items-center justify-center",
+  "whitespace-nowrap rounded-md p-0 text-foreground",
+  "transition-colors duration-200",
+  "group-[[data-selected]:not(.range-middle)]:[transition-property:color,background-color,border-radius,box-shadow]",
+  "group-[[data-selected]:not(.range-middle)]:duration-150",
+  "group-data-disabled:pointer-events-none",
+  "focus-visible:z-10",
+  "hover:not-in-data-selected:bg-accent",
+  "group-data-selected:bg-primary",
+  "hover:not-in-data-selected:text-foreground",
+  "group-data-selected:text-primary-foreground",
+  "group-data-disabled:text-foreground/30 group-data-disabled:line-through",
+  "group-data-outside:text-foreground/30",
+  "group-data-selected:group-data-outside:text-primary-foreground",
+  "outline-none focus-visible:ring-ring/50 focus-visible:ring",
+  "group-[.range-start:not(.range-end)]:rounded-e-none",
+  "group-[.range-end:not(.range-start)]:rounded-s-none",
+  "group-[.range-middle]:rounded-none",
+  "group-[.range-middle]:group-data-selected:bg-accent",
+  "group-[.range-middle]:group-data-selected:text-foreground"
+].join(" ");
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      "data-slot": "calendar",
+      showOutsideDays,
+      className: cn("p-3", className),
+      classNames: {
+        months: "relative flex flex-col sm:flex-row gap-4",
+        month: "w-full",
+        month_caption: "relative mx-10 mb-1 flex h-8 items-center justify-center z-20",
+        caption_label: "text-sm font-medium",
+        nav: "absolute top-0 flex w-full justify-between z-10",
+        button_previous: cn(
+          buttonVariants({ variant: "ghost" }),
+          "size-8 text-muted-foreground/80 hover:text-foreground p-0"
+        ),
+        button_next: cn(
+          buttonVariants({ variant: "ghost" }),
+          "size-8 text-muted-foreground/80 hover:text-foreground p-0"
+        ),
+        weekday: "size-8 p-0 text-xs font-medium text-muted-foreground/80",
+        day_button: dayButtonClasses,
+        day: "group size-8 px-0 py-px text-sm",
+        range_start: "range-start",
+        range_end: "range-end",
+        range_middle: "range-middle",
+        today: "*:after:pointer-events-none *:after:absolute *:after:bottom-1 *:after:start-1/2 *:after:z-10 *:after:size-0.75 *:after:-translate-x-1/2 rtl:*:after:translate-x-1/2 *:after:rounded-full *:after:bg-primary [&[data-selected]:not(.range-middle)>*]:after:bg-background [&[data-disabled]>*]:after:bg-foreground/30 *:after:transition-colors",
+        outside: "text-muted-foreground data-selected:bg-accent/50 data-selected:text-muted-foreground",
+        hidden: "invisible",
+        week_number: "size-8 p-0 text-xs font-medium text-muted-foreground/80",
+        ...classNames
+      },
+      components: {
+        Chevron: (chevronProps) => {
+          if (chevronProps.orientation === "left") {
+            return /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4 rtl:rotate-180" });
+          }
+          return /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 rtl:rotate-180" });
+        }
+      },
+      ...props
+    }
+  );
+}
+function DateField({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DateField$1,
+    {
+      className: composeRenderProps(className, (className2) => cn(className2)),
+      "data-slot": "datefield",
+      ...props,
+      children
+    }
+  );
+}
+function TimeField({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TimeField$1,
+    {
+      className: composeRenderProps(className, (className2) => cn(className2)),
+      "data-slot": "datefield",
+      ...props,
+      children
+    }
+  );
+}
+function DateSegment({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DateSegment$1,
+    {
+      className: composeRenderProps(
+        className,
+        (className2) => cn(
+          "text-foreground inline-flex rounded px-0.5 caret-transparent outline-hidden data-[type=literal]:text-muted-foreground/70 data-[type=literal]:px-0 data-placeholder:text-muted-foreground/70 data-invalid:data-focused:bg-destructive data-invalid:data-placeholder:text-destructive data-invalid:text-destructive data-invalid:data-focused:data-placeholder:text-destructive-foreground data-invalid:data-focused:text-destructive-foreground data-focused:bg-accent data-focused:data-placeholder:text-foreground data-focused:text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-50",
+          className2
+        )
+      ),
+      ...props
+    }
+  );
+}
+var dateInputStyles = "relative inline-flex items-center overflow-hidden whitespace-nowrap data-focus-within:ring-ring/30 data-focus-within:border-ring data-focus-within:outline-none data-focus-within:ring-[3px] data-focus-within:has-aria-invalid:ring-destructive/20 dark:data-focus-within:has-aria-invalid:ring-destructive/40 data-focus-within:has-aria-invalid:border-destructive";
+function DateInput({
+  className,
+  variant = "md",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DateInput$1,
+    {
+      "data-slot": "input",
+      className: composeRenderProps(
+        className,
+        (className2) => cn(inputVariants({ variant }), dateInputStyles, className2)
+      ),
+      ...props,
+      children: (segment) => /* @__PURE__ */ jsx(DateSegment, { segment })
+    }
+  );
+}
+var labelVariants = cva(
+  "text-sm leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+  {
+    variants: {
       variant: {
         primary: "font-medium",
         secondary: "font-normal"
@@ -4010,11 +5715,12 @@ function Label2({
     }
   );
 }
-var Separator2 = React.forwardRef(
+var Separator2 = React4.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
     SeparatorPrimitive.Root,
     {
       ref,
+      "data-slot": "separator",
       decorative,
       orientation,
       className: cn(
@@ -4241,38 +5947,208 @@ function FieldError({
     }
   );
 }
-var SwitchContext = React.createContext({
-  permanent: false
-});
-var useSwitchContext = () => {
-  const context = React.useContext(SwitchContext);
-  if (!context) {
-    throw new Error("SwitchIndicator must be used within a Switch component");
-  }
-  return context;
-};
-var switchShapes = {
-  pill: "rounded-full",
-  square: "rounded-md"
-};
-var switchSizes = {
-  xs: "h-4 w-7",
-  sm: "h-5 w-8",
-  md: "h-6 w-10",
-  lg: "h-8 w-14",
-  xl: "h-9 w-16"
-};
-var switchVariants = cva(
-  `
-    relative peer inline-flex shrink-0 cursor-pointer items-center rounded-full transition-colors 
-    focus-visible:outline-hidden 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=unchecked]:bg-input
-    aria-invalid:border aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20
-    [[data-invalid=true]_&]:border [[data-invalid=true]_&]:border-destructive/60 [[data-invalid=true]_&]:ring-destructive/10  dark:[[data-invalid=true]_&]:border-destructive dark:[[data-invalid=true]_&]:ring-destructive/20
-  `,
-  {
-    variants: {
-      shape: switchShapes,
+function InputOTP({
+  className,
+  containerClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    OTPInput,
+    {
+      "data-slot": "input-otp",
+      containerClassName: cn(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        containerClassName
+      ),
+      className: cn("disabled:cursor-not-allowed", className),
+      ...props
+    }
+  );
+}
+function InputOTPGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "input-otp-group",
+      className: cn("flex items-center", className),
+      ...props
+    }
+  );
+}
+function InputOTPSlot({
+  index,
+  className,
+  ...props
+}) {
+  const inputOTPContext = React4.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "input-otp-slot",
+      "data-active": isActive,
+      className: cn(
+        "data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 border-input relative flex size-9 items-center justify-center border-y border-r text-sm shadow-xs transition-all outline-none first:rounded-l-md first:border-l last:rounded-r-md data-[active=true]:z-10 data-[active=true]:ring-[3px]",
+        className
+      ),
+      ...props,
+      children: [
+        char,
+        hasFakeCaret && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+      ]
+    }
+  );
+}
+function InputOTPSeparator({ ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx(MinusIcon, {}) });
+}
+var radioGroupVariants = cva("grid gap-2.5", {
+  variants: {
+    variant: {
+      primary: "",
+      mono: ""
+    },
+    size: {
+      sm: "",
+      md: "",
+      lg: ""
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md"
+  }
+});
+var RadioGroupContext = React4.createContext({ variant: "primary", size: "md" });
+function RadioGroup2({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    RadioGroupContext.Provider,
+    {
+      value: { variant: variant ?? "primary", size: size ?? "md" },
+      children: /* @__PURE__ */ jsx(
+        RadioGroup.Root,
+        {
+          "data-slot": "radio-group",
+          className: cn(radioGroupVariants({ variant, size }), className),
+          ...props
+        }
+      )
+    }
+  );
+}
+var radioItemVariants = cva(
+  "peer aspect-square rounded-full border outline-hidden ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20 [[data-invalid=true]_&]:border-destructive/60 [[data-invalid=true]_&]:ring-destructive/10 dark:[[data-invalid=true]_&]:border-destructive dark:[[data-invalid=true]_&]:ring-destructive/20 border-input text-primary data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=checked]:text-primary-foreground",
+  {
+    variants: {
+      size: {
+        sm: "size-4.5 [&_svg]:size-2",
+        md: "size-5 [&_svg]:size-2.5",
+        lg: "size-5.5 [&_svg]:size-3"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function RadioGroupItem({
+  className,
+  size,
+  ...props
+}) {
+  const { size: contextSize } = React4.useContext(RadioGroupContext);
+  const effectiveSize = size ?? contextSize;
+  return /* @__PURE__ */ jsx(
+    RadioGroup.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: cn(radioItemVariants({ size: effectiveSize }), className),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        RadioGroup.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "flex items-center justify-center",
+          children: /* @__PURE__ */ jsx(Circle, { className: "fill-current text-current" })
+        }
+      )
+    }
+  );
+}
+function Slider({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    Slider$1.Root,
+    {
+      "data-slot": "slider",
+      className: cn(
+        "relative flex h-4 w-full touch-none select-none items-center data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Slider$1.Track, { className: "relative h-1.5 w-full overflow-hidden rounded-full bg-accent", children: /* @__PURE__ */ jsx(Slider$1.Range, { className: "absolute h-full bg-primary" }) }),
+        children
+      ]
+    }
+  );
+}
+function SliderThumb({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Slider$1.Thumb,
+    {
+      "data-slot": "slider-thumb",
+      className: cn(
+        "box-content block size-4 shrink-0 cursor-pointer rounded-full border-2 border-primary bg-primary-foreground shadow-xs shadow-black/5 outline-hidden",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var SwitchContext = React4.createContext({
+  permanent: false
+});
+var useSwitchContext = () => {
+  const context = React4.useContext(SwitchContext);
+  if (!context) {
+    throw new Error("SwitchIndicator must be used within a Switch component");
+  }
+  return context;
+};
+var switchShapes = {
+  pill: "rounded-full",
+  square: "rounded-md"
+};
+var switchSizes = {
+  xs: "h-4 w-7",
+  sm: "h-5 w-8",
+  md: "h-6 w-10",
+  lg: "h-8 w-14",
+  xl: "h-9 w-16"
+};
+var switchVariants = cva(
+  `
+    relative peer inline-flex shrink-0 cursor-pointer items-center rounded-full transition-colors 
+    focus-visible:outline-hidden 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=unchecked]:bg-input
+    aria-invalid:border aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20
+    [[data-invalid=true]_&]:border [[data-invalid=true]_&]:border-destructive/60 [[data-invalid=true]_&]:ring-destructive/10  dark:[[data-invalid=true]_&]:border-destructive dark:[[data-invalid=true]_&]:ring-destructive/20
+  `,
+  {
+    variants: {
+      shape: switchShapes,
       size: switchSizes,
       permanent: {
         true: "bg-input",
@@ -4412,6 +6288,43 @@ function SwitchIndicator({
     }
   );
 }
+var textareaVariants = cva(
+  `
+    w-full bg-background border border-input shadow-xs shadow-black/5 transition-[color,box-shadow]
+    text-foreground placeholder:text-muted-foreground/80
+    focus-visible:border-ring focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/30
+    disabled:cursor-not-allowed disabled:opacity-50
+    [&[readonly]]:bg-muted/80 [&[readonly]]:cursor-not-allowed
+    aria-invalid:border-destructive/60 aria-invalid:ring-destructive/10
+    dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/20
+  `,
+  {
+    variants: {
+      variant: {
+        sm: "px-2.5 py-2.5 text-xs rounded-md",
+        md: "px-3 py-3 text-[0.8125rem] leading-[var(--text-sm--line-height)] rounded-md",
+        lg: "px-4 py-4 text-sm rounded-md"
+      }
+    },
+    defaultVariants: {
+      variant: "md"
+    }
+  }
+);
+function Textarea({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(textareaVariants({ variant }), className),
+      ...props
+    }
+  );
+}
 function ScrollArea({
   className,
   viewportClassName,
@@ -4688,27 +6601,474 @@ function ToolbarActions({
     }
   );
 }
-var MOBILE_BREAKPOINT = 992;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = React.useState(
-    void 0
+function Progress({
+  className,
+  indicatorClassName,
+  value,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Progress$1.Root,
+    {
+      "data-slot": "progress",
+      className: cn(
+        "relative h-1.5 w-full overflow-hidden rounded-full bg-secondary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Progress$1.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: cn(
+            "h-full w-full flex-1 bg-primary transition-all",
+            indicatorClassName
+          ),
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+function ProgressCircle({
+  className,
+  indicatorClassName,
+  trackClassName,
+  value = 0,
+  size = 48,
+  strokeWidth = 4,
+  children,
+  ...props
+}) {
+  const radius = (size - strokeWidth) / 2;
+  const circumference = radius * 2 * Math.PI;
+  const offset = circumference - value / 100 * circumference;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "progress-circle",
+      role: "progressbar",
+      "aria-valuenow": value,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      className: cn(
+        "relative inline-flex items-center justify-center",
+        className
+      ),
+      style: { width: size, height: size },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: "absolute inset-0 -rotate-90",
+            width: size,
+            height: size,
+            viewBox: `0 0 ${size} ${size}`,
+            children: [
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  "data-slot": "progress-circle-track",
+                  cx: size / 2,
+                  cy: size / 2,
+                  r: radius,
+                  stroke: "currentColor",
+                  strokeWidth,
+                  fill: "none",
+                  className: cn("text-secondary", trackClassName)
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  "data-slot": "progress-circle-indicator",
+                  cx: size / 2,
+                  cy: size / 2,
+                  r: radius,
+                  stroke: "currentColor",
+                  strokeWidth,
+                  fill: "none",
+                  strokeDasharray: circumference,
+                  strokeDashoffset: offset,
+                  strokeLinecap: "round",
+                  className: cn(
+                    "text-primary transition-all duration-300 ease-in-out",
+                    indicatorClassName
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        children && /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "progress-circle-content",
+            className: "relative z-10 flex items-center justify-center text-sm font-medium",
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function ProgressRadial({
+  className,
+  value = 0,
+  size = 120,
+  strokeWidth = 8,
+  startAngle = -90,
+  endAngle = 90,
+  showLabel = false,
+  trackClassName,
+  indicatorClassName,
+  children,
+  ...props
+}) {
+  const radius = (size - strokeWidth) / 2;
+  const angleRange = endAngle - startAngle;
+  const progressAngle = value / 100 * angleRange;
+  const toRadians = (degrees) => degrees * Math.PI / 180;
+  const startX = size / 2 + radius * Math.cos(toRadians(startAngle));
+  const startY = size / 2 + radius * Math.sin(toRadians(startAngle));
+  const endX = size / 2 + radius * Math.cos(toRadians(startAngle + progressAngle));
+  const endY = size / 2 + radius * Math.sin(toRadians(startAngle + progressAngle));
+  const largeArc = progressAngle > 180 ? 1 : 0;
+  const pathData = [
+    "M",
+    startX,
+    startY,
+    "A",
+    radius,
+    radius,
+    0,
+    largeArc,
+    1,
+    endX,
+    endY
+  ].join(" ");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "progress-radial",
+      role: "progressbar",
+      "aria-valuenow": value,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      className: cn(
+        "relative inline-flex items-center justify-center",
+        className
+      ),
+      style: { width: size, height: size },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: [
+                "M",
+                size / 2 + radius * Math.cos(toRadians(startAngle)),
+                size / 2 + radius * Math.sin(toRadians(startAngle)),
+                "A",
+                radius,
+                radius,
+                0,
+                angleRange > 180 ? 1 : 0,
+                1,
+                size / 2 + radius * Math.cos(toRadians(endAngle)),
+                size / 2 + radius * Math.sin(toRadians(endAngle))
+              ].join(" "),
+              stroke: "currentColor",
+              strokeWidth,
+              fill: "none",
+              strokeLinecap: "round",
+              className: cn("text-secondary", trackClassName)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: pathData,
+              stroke: "currentColor",
+              strokeWidth,
+              fill: "none",
+              strokeLinecap: "round",
+              className: cn(
+                "text-primary transition-all duration-300 ease-in-out",
+                indicatorClassName
+              )
+            }
+          )
+        ] }),
+        (showLabel || children) && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: children || /* @__PURE__ */ jsxs("span", { className: "text-lg font-bold", children: [
+          value,
+          "%"
+        ] }) })
+      ]
+    }
+  );
+}
+function NavigationMenu({
+  className,
+  children,
+  viewport = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    NavigationMenu$1.Root,
+    {
+      "data-slot": "navigation-menu",
+      "data-viewport": viewport,
+      className: cn(
+        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        viewport && /* @__PURE__ */ jsx(NavigationMenuViewport, {})
+      ]
+    }
+  );
+}
+function NavigationMenuList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: cn(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: cn("relative", className),
+      ...props
+    }
+  );
+}
+var navigationMenuTriggerStyle = cva(
+  "cursor-pointer group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[active=true]:bg-accent/50 data-[state=open]:bg-accent/50 data-[active=true]:text-accent-foreground ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1"
+);
+function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    NavigationMenu$1.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: cn(navigationMenuTriggerStyle(), className),
+      ...props,
+      children: [
+        children,
+        " ",
+        /* @__PURE__ */ jsx(
+          ChevronDownIcon,
+          {
+            className: "relative top-px ms-1 size-3.5 opacity-60 transition duration-300 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function NavigationMenuContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: cn(
+        "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! top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
+        "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuViewport({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "absolute top-full right-0 isolate z-50 flex items-center justify-center"
+      ),
+      children: /* @__PURE__ */ jsx(
+        NavigationMenu$1.Viewport,
+        {
+          "data-slot": "navigation-menu-viewport",
+          className: cn(
+            "shadow-md shadow-black/5 rounded-md border border-border bg-popover text-popover-foreground p-1.5 origin-top-center data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-(--radix-navigation-menu-viewport-height) w-full overflow-hidden md:w-(--radix-navigation-menu-viewport-width)",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  );
+}
+function NavigationMenuLink({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: cn(
+        "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 flex flex-col gap-1 rounded-md p-2 text-sm transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuIndicator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    NavigationMenu$1.Indicator,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: cn(
+        "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-10 flex h-1.5 items-end justify-center overflow-hidden",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-ts-md shadow-md" })
+    }
+  );
+}
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "data-slot": "pagination",
+      role: "navigation",
+      "aria-label": "pagination",
+      className: cn("mx-auto flex w-full justify-center", className),
+      ...props
+    }
+  );
+}
+function PaginationContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: cn("flex flex-row items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx("li", { "data-slot": "pagination-item", className, ...props });
+}
+function PaginationEllipsis({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-slot": "pagination-ellipsis",
+      "aria-hidden": true,
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+var TimelineItem = React4.forwardRef(
+  ({ line, icon: Icon, children, removeSpace, className }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex items-start relative", className), children: [
+      line && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "w-9 start-0 top-9 absolute bottom-0",
+            "translate-x-1/2 rtl:-translate-x-1/2",
+            "border-s border-s-input"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center shrink-0 rounded-full bg-accent/60 border border-input size-9 text-secondary-foreground", children: /* @__PURE__ */ jsx(Icon, { size: 16, className: "text-base" }) }),
+      /* @__PURE__ */ jsx("div", { className: cn("ps-2.5 text-base grow", !removeSpace && "mb-7"), children })
+    ] });
+  }
+);
+TimelineItem.displayName = "TimelineItem";
+var kbdVariants = cva(
+  "inline-flex items-center justify-center font-mono rounded-md",
+  {
+    variants: {
+      variant: {
+        default: "bg-accent border border-border text-accent-foreground",
+        outline: "text-accent-foreground border border-input"
+      },
+      size: {
+        md: "h-7 min-w-7 px-1.5 text-xs [&_svg]:size-3.5",
+        sm: "h-6 min-w-6 px-1 text-xs leading-3 [&_svg]:size-3",
+        xs: "h-5 min-w-5 px-1 text-xs leading-3 [&_svg]:size-3"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+function Kbd({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      "data-slot": "kbd",
+      className: cn(kbdVariants({ variant, size }), className),
+      ...props
+    }
   );
-  React.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    };
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return !!isMobile;
 }
 function useCopyToClipboard({
   timeout = 2e3,
   onCopy
 } = {}) {
-  const [isCopied, setIsCopied] = React.useState(false);
+  const [isCopied, setIsCopied] = React4.useState(false);
   const copyToClipboard = (value) => {
     if (typeof window === "undefined" || !navigator.clipboard.writeText) {
       return;
@@ -4726,14 +7086,92 @@ function useCopyToClipboard({
   };
   return { isCopied, copyToClipboard };
 }
+var codeVariants = cva("relative rounded-md font-mono font-medium", {
+  variants: {
+    variant: {
+      default: "bg-muted text-muted-foreground",
+      destructive: "bg-destructive/10 text-destructive",
+      outline: "border border-border bg-background text-foreground"
+    },
+    size: {
+      default: "text-sm px-2.5 py-1.5",
+      sm: "text-xs px-2 py-1.5",
+      lg: "text-base px-3 py-1.5"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Code({
+  className,
+  variant,
+  size,
+  asChild = false,
+  showCopyButton = false,
+  copyText,
+  children,
+  ...props
+}) {
+  const { isCopied, copyToClipboard } = useCopyToClipboard();
+  const Comp = asChild ? Slot : "code";
+  const textToCopy = copyText || (typeof children === "string" ? children : "");
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn("inline-flex items-center gap-2", className),
+      "data-slot": "code",
+      children: [
+        /* @__PURE__ */ jsx(
+          Comp,
+          {
+            "data-slot": "code-panel",
+            className: cn(codeVariants({ variant, size })),
+            ...props,
+            children
+          }
+        ),
+        showCopyButton && textToCopy && /* @__PURE__ */ jsx(
+          Button,
+          {
+            mode: "icon",
+            size: "sm",
+            variant: "ghost",
+            "aria-label": isCopied ? "Copied" : "Copy to clipboard",
+            className: "size-4 p-0 opacity-60 hover:opacity-100",
+            onClick: () => copyToClipboard(textToCopy),
+            children: isCopied ? /* @__PURE__ */ jsx(Check, { className: "size-3" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3" })
+          }
+        )
+      ]
+    }
+  );
+}
+var MOBILE_BREAKPOINT = 992;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React4.useState(
+    void 0
+  );
+  React4.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
 function useMounted() {
-  const [mounted, setMounted] = React.useState(false);
-  React.useEffect(() => {
+  const [mounted, setMounted] = React4.useState(false);
+  React4.useEffect(() => {
     setMounted(true);
   }, []);
   return mounted;
 }
 
-export { Alert, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AlertToolbar, AspectRatio, Avatar, AvatarFallback, AvatarGroup, AvatarGroupItem, AvatarGroupTooltip, AvatarImage, AvatarIndicator, AvatarStatus, Badge, BadgeButton, BadgeDot, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonArrow, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTable, CardTitle, CardToolbar, Checkbox, DataGrid, DataGridColumnHeader, DataGridColumnVisibility, DataGridContainer, DataGridPagination, DataGridProvider, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpanded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableEmpty, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, Dialog, DialogBody, 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, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputAddon, InputGroup, InputWrapper, Label2 as Label, Popover, PopoverContent, PopoverTrigger, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectIndicator, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Spinner, Switch, SwitchIndicator, SwitchWrapper, Tabs, TabsContent, TabsList, TabsTrigger, Toolbar, ToolbarActions, ToolbarDescription, ToolbarHeading, ToolbarTitle, avatarStatusVariants, badgeVariants, buttonVariantConfig, buttonVariants, cn, headings, inputAddonVariants, inputVariants, labelVariants, selectTriggerVariants, switchShapes, switchSizes, tabsListVariantConfig, useCopyToClipboard, useDataGrid, useIsMobile, useMounted };
+export { Accordion, AccordionContent, AccordionItem, AccordionMenu, AccordionMenuGroup, AccordionMenuIndicator, AccordionMenuItem, AccordionMenuLabel, AccordionMenuSeparator, AccordionMenuSub, AccordionMenuSubContent, AccordionMenuSubTrigger, AccordionTrigger, Alert, AlertContent, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertIcon, AlertTitle, AlertToolbar, AspectRatio, Avatar, AvatarFallback, AvatarGroup, AvatarGroupItem, AvatarGroupTooltip, AvatarImage, AvatarIndicator, AvatarStatus, Badge, BadgeButton, BadgeDot, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonArrow, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardHeading, CardTable, CardTitle, CardToolbar, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, Command, CommandCheck, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, DataGridColumnHeader, DataGridColumnVisibility, DataGridContainer, DataGridPagination, DataGridProvider, DataGridTable, DataGridTableBase, DataGridTableBody, DataGridTableBodyRow, DataGridTableBodyRowCell, DataGridTableBodyRowExpanded, DataGridTableBodyRowSkeleton, DataGridTableBodyRowSkeletonCell, DataGridTableEmpty, DataGridTableHead, DataGridTableHeadRow, DataGridTableHeadRowCell, DataGridTableHeadRowCellResize, DataGridTableLoader, DataGridTableRowSelect, DataGridTableRowSelectAll, DataGridTableRowSpacer, DateField, DateInput, DateSegment, Dialog, DialogBody, 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, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, Icons, Input, InputAddon, InputGroup, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, InputWrapper, Kanban, KanbanBoard, KanbanColumn, KanbanColumnContent, KanbanColumnHandle, KanbanItem, KanbanItemHandle, KanbanOverlay, Kbd, Label2 as Label, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, Popover, PopoverContent, PopoverTrigger, Progress, ProgressCircle, ProgressRadial, RadioGroup2 as RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, Scrollspy, Select, SelectContent, SelectGroup, SelectIndicator, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderThumb, Spinner, Switch, SwitchIndicator, SwitchWrapper, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, TimeField, TimelineItem, Toolbar, ToolbarActions, ToolbarDescription, ToolbarHeading, ToolbarTitle, avatarStatusVariants, badgeVariants, buttonVariantConfig, buttonVariants, cn, codeVariants, dateInputStyles, headings, inputAddonVariants, inputVariants, kbdVariants, labelVariants, navigationMenuTriggerStyle, radioGroupVariants, radioItemVariants, selectTriggerVariants, switchShapes, switchSizes, tabsListVariantConfig, textareaVariants, useChart, useCopyToClipboard, useDataGrid, useIsMobile, useMounted };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map