adminium 1.0.2 → 1.0.3

package/dist/index.cjs

@@ -10,12 +10,20 @@ var jsxRuntime = require('react/jsx-runtime');
 var radixUi = require('radix-ui');
 var vaul = require('vaul');
 var HoverCardPrimitive = require('@radix-ui/react-hover-card');
-var React = require('react');
+var cmdk = require('cmdk');
+var React4 = require('react');
 var react = require('motion/react');
+var RechartsPrimitive = require('recharts');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var reactTable = require('@tanstack/react-table');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var core = require('@dnd-kit/core');
+var sortable = require('@dnd-kit/sortable');
+var utilities = require('@dnd-kit/utilities');
+var reactDayPicker = require('react-day-picker');
+var reactAriaComponents = require('react-aria-components');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
+var inputOtp = require('input-otp');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -37,7 +45,8 @@ function _interopNamespace(e) {
 
 var SlotPrimitive2__namespace = /*#__PURE__*/_interopNamespace(SlotPrimitive2);
 var HoverCardPrimitive__namespace = /*#__PURE__*/_interopNamespace(HoverCardPrimitive);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
+var RechartsPrimitive__namespace = /*#__PURE__*/_interopNamespace(RechartsPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
@@ -1223,6 +1232,156 @@ function SheetDescription({ className, ...props }) {
     }
   );
 }
+function Command({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command,
+    {
+      "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__ */ jsxRuntime.jsx(Dialog, { ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: cn("overflow-hidden p-0 shadow-lg", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: "hidden" }),
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "flex items-center border-b border-border px-3",
+      "cmdk-input-wrapper": "",
+      "data-slot": "command-input-wrapper",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "me-2 size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          cmdk.Command.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__ */ jsxRuntime.jsx(
+    cmdk.Command.List,
+    {
+      "data-slot": "command-list",
+      className: cn("max-h-75 overflow-y-auto overflow-x-hidden", className),
+      ...props
+    }
+  );
+}
+function CommandEmpty({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...props
+    }
+  );
+}
+function CommandGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.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__ */ jsxRuntime.jsx(
+    cmdk.Command.Separator,
+    {
+      "data-slot": "command-separator",
+      className: cn("-mx-1.5 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function CommandItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.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__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: cn(
+        "ms-auto text-xs tracking-widest text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandCheck({
+  icon: Icon = lucideReact.Check,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Icon,
+    {
+      "data-slot": "command-check",
+      "data-check": "true",
+      className: cn("ms-auto size-4 text-primary", className),
+      ...props
+    }
+  );
+}
 var avatarStatusVariants = classVarianceAuthority.cva(
   "flex items-center rounded-full size-2 border-2 border-background",
   {
@@ -1311,11 +1470,11 @@ function AvatarStatus({
     }
   );
 }
-var AvatarGroupContext = React__namespace.createContext(
+var AvatarGroupContext = React4__namespace.createContext(
   null
 );
 var StaggeredContent = ({ content }) => {
-  const children = React__namespace.Children.toArray(content);
+  const children = React4__namespace.Children.toArray(content);
   return /* @__PURE__ */ jsxRuntime.jsx(
     react.motion.div,
     {
@@ -1358,7 +1517,14 @@ function AvatarGroup({
     tooltipClassName,
     animation
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(AvatarGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex -space-x-2.5", className), children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(AvatarGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "avatar-group",
+      className: cn("flex -space-x-2.5", className),
+      children
+    }
+  ) });
 }
 function AvatarGroupItem({
   children,
@@ -1366,8 +1532,8 @@ function AvatarGroupItem({
   tooltipClassName,
   animation: itemAnimation
 }) {
-  const context = React__namespace.useContext(AvatarGroupContext);
-  const [hoveredIndex, setHoveredIndex] = React__namespace.useState(false);
+  const context = React4__namespace.useContext(AvatarGroupContext);
+  const [hoveredIndex, setHoveredIndex] = React4__namespace.useState(false);
   const springConfig = { stiffness: 100, damping: 5 };
   const x = react.useMotionValue(0);
   const animation = itemAnimation || context?.animation || "default";
@@ -1380,13 +1546,13 @@ function AvatarGroupItem({
     react.useTransform(x, [-100, 100], [-50, 50]),
     springConfig
   );
-  const tooltipChild = React__namespace.Children.toArray(children).find(
-    (child) => React__namespace.isValidElement(child) && child.type === AvatarGroupTooltip
+  const tooltipChild = React4__namespace.Children.toArray(children).find(
+    (child) => React4__namespace.isValidElement(child) && child.type === AvatarGroupTooltip
   );
-  const otherChildren = React__namespace.Children.toArray(children).filter(
-    (child) => !(React__namespace.isValidElement(child) && child.type === AvatarGroupTooltip)
+  const otherChildren = React4__namespace.Children.toArray(children).filter(
+    (child) => !(React4__namespace.isValidElement(child) && child.type === AvatarGroupTooltip)
   );
-  const tooltipContent = tooltipChild && React__namespace.isValidElement(tooltipChild) ? tooltipChild.props.children : null;
+  const tooltipContent = tooltipChild && React4__namespace.isValidElement(tooltipChild) ? tooltipChild.props.children : null;
   const handleMouseMove = (event) => {
     const halfWidth = event.target.offsetWidth / 2;
     x.set(event.nativeEvent.offsetX - halfWidth);
@@ -1532,9 +1698,251 @@ function AvatarGroupTooltip({
     }
   );
 }
-var DataGridContext = React.createContext(void 0);
+var THEMES = { light: "", dark: ".dark" };
+var ChartContext = React4__namespace.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__namespace.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__namespace.useId();
+  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+  return /* @__PURE__ */ jsxRuntime.jsx(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "chart",
+      "data-chart": chartId,
+      className: cn(chartContainerClasses, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsxRuntime.jsx(RechartsPrimitive__namespace.ResponsiveContainer, { children })
+      ]
+    }
+  ) });
+}
+function ChartStyle({ id, config }) {
+  const colorConfig = Object.entries(config).filter(
+    ([, itemConfig]) => itemConfig.theme || itemConfig.color
+  );
+  if (!colorConfig.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.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__namespace.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__namespace.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__ */ jsxRuntime.jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+    }
+    if (!value) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                itemConfig?.icon ? /* @__PURE__ */ jsxRuntime.jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "flex flex-1 justify-between leading-none",
+                      nestLabel ? "items-end" : "items-center"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1.5", children: [
+                        nestLabel ? tooltipLabel : null,
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
+                      ] }),
+                      item.value != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground font-mono font-medium tabular-nums", children: item.value.toLocaleString() })
+                    ]
+                  }
+                )
+              ] })
+            },
+            item.dataKey
+          );
+        }) })
+      ]
+    }
+  );
+}
+var ChartLegend = RechartsPrimitive__namespace.Legend;
+function ChartLegendContent({
+  className,
+  hideIcon = false,
+  payload,
+  verticalAlign = "bottom",
+  nameKey
+}) {
+  const { config } = useChart();
+  if (!payload?.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:size-3"
+            ),
+            children: [
+              itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsxRuntime.jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsxRuntime.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 = React4.createContext(void 0);
 function useDataGrid() {
-  const context = React.useContext(DataGridContext);
+  const context = React4.useContext(DataGridContext);
   if (!context) {
     throw new Error("useDataGrid must be used within a DataGridProvider");
   }
@@ -2064,7 +2472,7 @@ function DataGridTable() {
         colIndex
       );
     }) }, rowIndex)) : table.getRowModel().rows.length ? table.getRowModel().rows.map((row, index) => {
-      return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs(React4.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(DataGridTableBodyRow, { row, children: row.getVisibleCells().map((cell, colIndex) => {
           return /* @__PURE__ */ jsxRuntime.jsx(DataGridTableBodyRowCell, { cell, children: reactTable.flexRender(
             cell.column.columnDef.cell,
@@ -2520,7 +2928,7 @@ function DataGridColumnHeader({
   }
   return headerLabel();
 }
-var SelectContext = React__namespace.createContext({ indicatorPosition: "left", indicator: null, indicatorVisibility: true });
+var SelectContext = React4__namespace.createContext({ indicatorPosition: "left", indicator: null, indicatorVisibility: true });
 var Select = ({
   indicatorPosition = "left",
   indicatorVisibility = true,
@@ -2674,7 +3082,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  const { indicatorPosition, indicatorVisibility, indicator } = React__namespace.useContext(SelectContext);
+  const { indicatorPosition, indicatorVisibility, indicator } = React4__namespace.useContext(SelectContext);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     radixUi.Select.Item,
     {
@@ -2686,7 +3094,7 @@ function SelectItem({
       ),
       ...props,
       children: [
-        indicatorVisibility && (indicator && React.isValidElement(indicator) ? indicator : /* @__PURE__ */ jsxRuntime.jsx(
+        indicatorVisibility && (indicator && React4.isValidElement(indicator) ? indicator : /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
             className: cn(
@@ -2706,7 +3114,7 @@ function SelectIndicator({
   className,
   ...props
 }) {
-  const { indicatorPosition } = React__namespace.useContext(SelectContext);
+  const { indicatorPosition } = React4__namespace.useContext(SelectContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
@@ -2930,61 +3338,492 @@ function DataGridColumnVisibility({
     ] })
   ] });
 }
-var badgeVariants = classVarianceAuthority.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__namespace.createContext({
+  columns: {},
+  setColumns: () => {
+  },
+  getItemId: () => "",
+  columnIds: [],
+  activeId: null,
+  setActiveId: () => {
+  },
+  findContainer: () => void 0,
+  isColumn: () => false
+});
+var ColumnContext = React4__namespace.createContext({
+  attributes: {},
+  listeners: void 0,
+  isDragging: false,
+  disabled: false
+});
+var ItemContext = React4__namespace.createContext({
+  listeners: void 0,
+  isDragging: false,
+  disabled: false
+});
+var dropAnimationConfig = {
+  ...core.defaultDropAnimation,
+  sideEffects: core.defaultDropAnimationSideEffects({
+    styles: {
+      active: {
+        opacity: "0.4"
+      }
+    }
+  })
+};
+function Kanban({
+  value,
+  onValueChange,
+  getItemValue,
+  children,
+  className,
+  onMove
+}) {
+  const columns = value;
+  const setColumns = onValueChange;
+  const [activeId, setActiveId] = React4__namespace.useState(null);
+  const sensors = core.useSensors(
+    core.useSensor(core.PointerSensor, {
+      activationConstraint: {
+        distance: 10
       }
+    }),
+    core.useSensor(core.KeyboardSensor, {
+      coordinateGetter: sortable.sortableKeyboardCoordinates
+    })
+  );
+  const columnIds = React4__namespace.useMemo(() => Object.keys(columns), [columns]);
+  const isColumn = React4__namespace.useCallback(
+    (id) => columnIds.includes(id),
+    [columnIds]
+  );
+  const findContainer = React4__namespace.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__namespace.useCallback((event) => {
+    setActiveId(event.active.id);
+  }, []);
+  const handleDragOver = React4__namespace.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__namespace.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 = sortable.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]: sortable.arrayMove(columns[container], activeIndex, overIndex)
+          });
+        }
+      }
+    },
+    [
+      columnIds,
+      columns,
+      findContainer,
+      getItemValue,
+      isColumn,
+      setColumns,
+      onMove
+    ]
+  );
+  const contextValue = React4__namespace.useMemo(
+    () => ({
+      columns,
+      setColumns,
+      getItemId: getItemValue,
+      columnIds,
+      activeId,
+      setActiveId,
+      findContainer,
+      isColumn
+    }),
+    [
+      columns,
+      setColumns,
+      getItemValue,
+      columnIds,
+      activeId,
+      findContainer,
+      isColumn
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(KanbanContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+    core.DndContext,
+    {
+      sensors,
+      onDragStart: handleDragStart,
+      onDragOver: handleDragOver,
+      onDragEnd: handleDragEnd,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          "data-slot": "kanban",
+          "data-dragging": activeId !== null,
+          className: cn(className),
+          children
+        }
+      )
+    }
+  ) });
+}
+function KanbanBoard({ children, className }) {
+  const { columnIds } = React4__namespace.useContext(KanbanContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: columnIds, strategy: sortable.rectSortingStrategy, children: /* @__PURE__ */ jsxRuntime.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
+  } = sortable.useSortable({
+    id: value,
+    disabled
+  });
+  const { activeId, isColumn } = React4__namespace.useContext(KanbanContext);
+  const isColumnDragging = activeId ? isColumn(activeId) : false;
+  const style = {
+    transition,
+    transform: utilities.CSS.Translate.toString(transform)
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ColumnContext.Provider,
+    {
+      value: { attributes, listeners, isDragging: isColumnDragging, disabled },
+      children: /* @__PURE__ */ jsxRuntime.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__namespace.useContext(ColumnContext);
+  const Comp = asChild ? SlotPrimitive2.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.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
+  } = sortable.useSortable({
+    id: value,
+    disabled
+  });
+  const { activeId, isColumn } = React4__namespace.useContext(KanbanContext);
+  const isItemDragging = activeId ? !isColumn(activeId) : false;
+  const style = {
+    transition,
+    transform: utilities.CSS.Translate.toString(transform)
+  };
+  const Comp = asChild ? SlotPrimitive2.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ItemContext.Provider,
+    {
+      value: { listeners, isDragging: isItemDragging, disabled },
+      children: /* @__PURE__ */ jsxRuntime.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__namespace.useContext(ItemContext);
+  const Comp = asChild ? SlotPrimitive2.Slot : "div";
+  return /* @__PURE__ */ jsxRuntime.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__namespace.useContext(KanbanContext);
+  const itemIds = React4__namespace.useMemo(
+    () => columns[value].map(getItemId),
+    [columns, getItemId, value]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: itemIds, strategy: sortable.verticalListSortingStrategy, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "kanban-column-content",
+      className: cn("flex flex-col gap-2", className),
+      children
+    }
+  ) });
+}
+function KanbanOverlay({ children, className }) {
+  const { activeId, isColumn } = React4__namespace.useContext(KanbanContext);
+  const [dimensions, setDimensions] = React4__namespace.useState(null);
+  React4__namespace.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__namespace.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__ */ jsxRuntime.jsx(core.DragOverlay, { dropAnimation: dropAnimationConfig, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "kanban-overlay",
+      "data-dragging": true,
+      style,
+      className: cn(
+        "pointer-events-none",
+        className,
+        activeId ? "cursor-grabbing!" : ""
+      ),
+      children: content
+    }
+  ) });
+}
+var badgeVariants = classVarianceAuthority.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",
@@ -3069,7 +3908,370 @@ var badgeButtonVariants = classVarianceAuthority.cva(
   {
     variants: {
       variant: {
-        default: ""
+        default: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  size,
+  appearance,
+  shape,
+  asChild = false,
+  disabled,
+  ...props
+}) {
+  const Comp = asChild ? SlotPrimitive2__namespace.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(
+        badgeVariants({ variant, size, appearance, shape, disabled }),
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BadgeButton({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? SlotPrimitive2__namespace.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "badge-button",
+      className: cn(badgeButtonVariants({ variant, className })),
+      role: "button",
+      ...props
+    }
+  );
+}
+function BadgeDot({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "badge-dot",
+      className: cn(
+        "size-1.5 rounded-full bg-[currentColor] opacity-75",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var accordionRootVariants = classVarianceAuthority.cva("", {
+  variants: {
+    variant: {
+      default: "",
+      outline: "space-y-2",
+      solid: "space-y-2"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var accordionItemVariants = classVarianceAuthority.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 = classVarianceAuthority.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 = classVarianceAuthority.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__namespace.createContext({
+  variant: "default",
+  indicator: "arrow"
+});
+function Accordion(props) {
+  const {
+    className,
+    variant = "default",
+    indicator = "arrow",
+    children,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    AccordionContext.Provider,
+    {
+      value: { variant: variant || "default", indicator },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        radixUi.Accordion.Root,
+        {
+          "data-slot": "accordion",
+          className: cn(accordionRootVariants({ variant }), className),
+          ...rest,
+          children
+        }
+      )
+    }
+  );
+}
+function AccordionItem(props) {
+  const { className, children, ...rest } = props;
+  const { variant } = React4__namespace.useContext(AccordionContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Accordion.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn(accordionItemVariants({ variant }), className),
+      ...rest,
+      children
+    }
+  );
+}
+function AccordionTrigger(props) {
+  const { className, children, ...rest } = props;
+  const { variant, indicator } = React4__namespace.useContext(AccordionContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Accordion.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.Accordion.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn(
+        accordionTriggerVariants({ variant, indicator }),
+        className
+      ),
+      ...rest,
+      children: [
+        children,
+        indicator === "plus" && /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.Plus,
+          {
+            className: "size-4 shrink-0 transition-transform duration-200",
+            strokeWidth: 1
+          }
+        ),
+        indicator === "arrow" && /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.ChevronDown,
+          {
+            className: "size-4 shrink-0 transition-transform duration-200",
+            strokeWidth: 1
+          }
+        )
+      ]
+    }
+  ) });
+}
+function AccordionContent(props) {
+  const { className, children, ...rest } = props;
+  const { variant } = React4__namespace.useContext(AccordionContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Accordion.Content,
+    {
+      "data-slot": "accordion-content",
+      className: cn(accordionContentVariants({ variant }), className),
+      ...rest,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-5 pt-0", children })
+    }
+  );
+}
+var AccordionMenuContext = React4__namespace.createContext({
+  matchPath: () => false,
+  selectedValue: "",
+  setSelectedValue: () => {
+  },
+  nestedStates: {},
+  setNestedStates: () => {
+  }
+});
+function AccordionMenu({
+  className,
+  matchPath = () => false,
+  classNames,
+  children,
+  selectedValue,
+  onItemClick,
+  ...props
+}) {
+  const [internalSelectedValue, setInternalSelectedValue] = React4__namespace.useState(selectedValue);
+  React4__namespace.useEffect(() => {
+    setInternalSelectedValue(selectedValue);
+  }, [selectedValue]);
+  const [nestedStates, setNestedStates] = React4__namespace.useState({});
+  React4__namespace.useEffect(() => {
+    const getActiveChain = (nodes, chain2 = []) => {
+      let result = [];
+      React4__namespace.Children.forEach(nodes, (node) => {
+        if (React4__namespace.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__ */ jsxRuntime.jsx(
+    AccordionMenuContext.Provider,
+    {
+      value: {
+        matchPath,
+        selectedValue: internalSelectedValue,
+        setSelectedValue: setInternalSelectedValue,
+        classNames,
+        onItemClick,
+        nestedStates,
+        setNestedStates
+      },
+      children: props.type === "single" ? /* @__PURE__ */ jsxRuntime.jsx(
+        radixUi.Accordion.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__ */ jsxRuntime.jsx(
+        radixUi.Accordion.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__namespace.useContext(AccordionMenuContext);
+  return /* @__PURE__ */ jsxRuntime.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__namespace.useContext(AccordionMenuContext);
+  return /* @__PURE__ */ jsxRuntime.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__namespace.useContext(AccordionMenuContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "accordion-menu-separator",
+      role: "separator",
+      className: cn("my-1 h-px bg-border", classNames?.separator, className),
+      ...props
+    }
+  );
+}
+var itemVariants = classVarianceAuthority.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: {
@@ -3077,53 +4279,176 @@ var badgeButtonVariants = classVarianceAuthority.cva(
     }
   }
 );
-function Badge({
+function AccordionMenuItem({
   className,
+  children,
   variant,
-  size,
-  appearance,
-  shape,
-  asChild = false,
-  disabled,
+  asChild,
+  onClick,
   ...props
 }) {
-  const Comp = asChild ? SlotPrimitive2__namespace.Slot : "span";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
+  const { classNames, selectedValue, matchPath, onItemClick } = React4__namespace.useContext(AccordionMenuContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Accordion.Item, { className: "flex", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.Accordion.Header, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Accordion.Trigger,
     {
-      "data-slot": "badge",
+      role: "menuitem",
+      asChild,
+      "data-slot": "accordion-menu-item",
       className: cn(
-        badgeVariants({ variant, size, appearance, shape, disabled }),
+        itemVariants({ variant }),
+        classNames?.item,
         className
       ),
-      ...props
+      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__namespace.useContext(AccordionMenuContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Accordion.Item,
+    {
+      "data-slot": "accordion-menu-sub",
+      className: cn(classNames?.sub, className),
+      ...props,
+      children
     }
   );
 }
-function BadgeButton({
+function AccordionMenuSubTrigger({
   className,
-  variant,
-  asChild = false,
+  children
+}) {
+  const { classNames } = React4__namespace.useContext(AccordionMenuContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Accordion.Header, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.Accordion.Trigger,
+    {
+      role: "menuitem",
+      "aria-haspopup": "true",
+      "data-slot": "accordion-menu-sub-trigger",
+      className: cn(
+        itemVariants({ variant: "default" }),
+        classNames?.subTrigger,
+        className
+      ),
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.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 Comp = asChild ? SlotPrimitive2__namespace.Slot : "span";
+  const { nestedStates, setNestedStates, classNames } = React4__namespace.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__ */ jsxRuntime.jsx(
-    Comp,
+    radixUi.Accordion.Content,
     {
-      "data-slot": "badge-button",
-      className: cn(badgeButtonVariants({ variant, className })),
-      role: "button",
-      ...props
+      "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__ */ jsxRuntime.jsx(
+        radixUi.Accordion.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__ */ jsxRuntime.jsx(
+        radixUi.Accordion.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 BadgeDot({ className, ...props }) {
+function AccordionMenuIndicator({
+  className,
+  ...props
+}) {
+  const { classNames } = React4__namespace.useContext(AccordionMenuContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      "data-slot": "badge-dot",
+      "aria-hidden": "true",
+      "data-slot": "accordion-menu-indicator",
       className: cn(
-        "size-1.5 rounded-full bg-[currentColor] opacity-75",
+        "ms-auto flex items-center font-medium",
+        classNames?.indicator,
         className
       ),
       ...props
@@ -3141,7 +4466,7 @@ function BreadcrumbList({ className, ...props }) {
     {
       "data-slot": "breadcrumb-list",
       className: cn(
-        "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted-foreground",
+        "flex flex-wrap items-center gap-1.5 wrap-break-word text-sm text-muted-foreground",
         className
       ),
       ...props
@@ -3218,6 +4543,40 @@ var BreadcrumbEllipsis = ({
     ]
   }
 );
+function Collapsible({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Collapsible.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Collapsible.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...props
+    }
+  );
+}
+function CollapsibleContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Collapsible.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",
@@ -3335,7 +4694,7 @@ var tabsContentVariants = classVarianceAuthority.cva(
     }
   }
 );
-var TabsContext = React__namespace.createContext({
+var TabsContext = React4__namespace.createContext({
   variant: "default",
   size: "md"
 });
@@ -3371,7 +4730,7 @@ function TabsTrigger({
   className,
   ...props
 }) {
-  const { variant, size } = React__namespace.useContext(TabsContext);
+  const { variant, size } = React4__namespace.useContext(TabsContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     radixUi.Tabs.Trigger,
     {
@@ -3395,12 +4754,12 @@ function TabsContent({
     }
   );
 }
-var CardContext = React__namespace.createContext({
+var CardContext = React4__namespace.createContext({
   variant: "default"
   // Default value
 });
 var useCardContext = () => {
-  const context = React__namespace.useContext(CardContext);
+  const context = React4__namespace.useContext(CardContext);
   return context;
 };
 var cardVariants = classVarianceAuthority.cva(
@@ -3944,70 +5303,416 @@ var inputWrapperVariants = classVarianceAuthority.cva(
     defaultVariants: {
       variant: "md"
     }
-  }
-);
-function Input({
+  }
+);
+function Input({
+  className,
+  type,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      "data-slot": "input",
+      type,
+      className: cn(inputVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function InputAddon({
+  className,
+  variant,
+  mode,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "input-addon",
+      className: cn(inputAddonVariants({ variant, mode }), className),
+      ...props
+    }
+  );
+}
+function InputGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "input-group",
+      className: cn(inputGroupVariants(), className),
+      ...props
+    }
+  );
+}
+function InputWrapper({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "input-wrapper",
+      className: cn(
+        inputVariants({ variant }),
+        inputWrapperVariants({ variant }),
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.ContextMenu.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.ContextMenu.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+function ContextMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.ContextMenu.Group, { "data-slot": "context-menu-group", ...props });
+}
+function ContextMenuPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.ContextMenu.Portal, { "data-slot": "context-menu-portal", ...props });
+}
+function ContextMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.ContextMenu.Sub, { "data-slot": "context-menu-sub", ...props });
+}
+function ContextMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.ContextMenu.RadioGroup,
+    {
+      "data-slot": "context-menu-radio-group",
+      ...props
+    }
+  );
+}
+function ContextMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.ContextMenu.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__ */ jsxRuntime.jsx(
+          lucideReact.ChevronRight,
+          {
+            "data-slot": "context-menu-sub-trigger-indicator",
+            className: "ms-auto size-3.5! rtl:rotate-180"
+          }
+        )
+      ]
+    }
+  );
+}
+function ContextMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.ContextMenu.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__ */ jsxRuntime.jsx(radixUi.ContextMenu.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.ContextMenu.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__ */ jsxRuntime.jsx(
+    radixUi.ContextMenu.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,
-  type,
-  variant,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.ContextMenu.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__ */ jsxRuntime.jsx("span", { className: "absolute start-2 flex size-3.5 items-center text-muted-foreground justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-4 text-primary" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuRadioItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.ContextMenu.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__ */ jsxRuntime.jsx("span", { className: "absolute start-1.5 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.ContextMenu.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "size-1.5 fill-primary stroke-primary" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuLabel({
+  className,
+  inset,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "input",
+    radixUi.ContextMenu.Label,
     {
-      "data-slot": "input",
-      type,
-      className: cn(inputVariants({ variant }), className),
+      "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 InputAddon({
+function ContextMenuSeparator({
   className,
-  variant,
-  mode,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+    radixUi.ContextMenu.Separator,
     {
-      "data-slot": "input-addon",
-      className: cn(inputAddonVariants({ variant, mode }), className),
+      "data-slot": "context-menu-separator",
+      className: cn("-mx-2 my-1.5 h-px bg-muted", className),
       ...props
     }
   );
 }
-function InputGroup({
+function ContextMenuShortcut({
   className,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+    "span",
     {
-      "data-slot": "input-group",
-      className: cn(inputGroupVariants(), className),
+      "data-slot": "context-menu-shortcut",
+      className: cn("ms-auto text-xs tracking-widest opacity-60", className),
       ...props
     }
   );
 }
-function InputWrapper({
+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,
-  variant,
+  classNames,
+  showOutsideDays = true,
   ...props
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+    reactDayPicker.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__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-4 rtl:rotate-180" });
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4 rtl:rotate-180" });
+        }
+      },
+      ...props
+    }
+  );
+}
+function DateField({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.DateField,
     {
-      "data-slot": "input-wrapper",
-      className: cn(
-        inputVariants({ variant }),
-        inputWrapperVariants({ variant }),
-        className
+      className: reactAriaComponents.composeRenderProps(className, (className2) => cn(className2)),
+      "data-slot": "datefield",
+      ...props,
+      children
+    }
+  );
+}
+function TimeField({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.TimeField,
+    {
+      className: reactAriaComponents.composeRenderProps(className, (className2) => cn(className2)),
+      "data-slot": "datefield",
+      ...props,
+      children
+    }
+  );
+}
+function DateSegment({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactAriaComponents.DateSegment,
+    {
+      className: reactAriaComponents.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__ */ jsxRuntime.jsx(
+    reactAriaComponents.DateInput,
+    {
+      "data-slot": "input",
+      className: reactAriaComponents.composeRenderProps(
+        className,
+        (className2) => cn(inputVariants({ variant }), dateInputStyles, className2)
+      ),
+      ...props,
+      children: (segment) => /* @__PURE__ */ jsxRuntime.jsx(DateSegment, { segment })
+    }
+  );
+}
 var labelVariants = classVarianceAuthority.cva(
   "text-sm leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
   {
@@ -4036,11 +5741,12 @@ function Label2({
     }
   );
 }
-var Separator2 = React__namespace.forwardRef(
+var Separator2 = React4__namespace.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     SeparatorPrimitive__namespace.Root,
     {
       ref,
+      "data-slot": "separator",
       decorative,
       orientation,
       className: cn(
@@ -4233,45 +5939,215 @@ function FieldSeparator({
     }
   );
 }
-function FieldError({
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}) {
+  const content = React4.useMemo(() => {
+    if (children) {
+      return children;
+    }
+    if (!errors) {
+      return null;
+    }
+    if (errors?.length === 1 && errors[0]?.message) {
+      return errors[0].message;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsxRuntime.jsx("li", { children: error.message }, index)
+    ) });
+  }, [children, errors]);
+  if (!content) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: cn("text-destructive text-sm font-normal", className),
+      ...props,
+      children: content
+    }
+  );
+}
+function InputOTP({
+  className,
+  containerClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    inputOtp.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__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "input-otp-group",
+      className: cn("flex items-center", className),
+      ...props
+    }
+  );
+}
+function InputOTPSlot({
+  index,
+  className,
+  ...props
+}) {
+  const inputOTPContext = React4__namespace.useContext(inputOtp.OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+      ]
+    }
+  );
+}
+function InputOTPSeparator({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MinusIcon, {}) });
+}
+var radioGroupVariants = classVarianceAuthority.cva("grid gap-2.5", {
+  variants: {
+    variant: {
+      primary: "",
+      mono: ""
+    },
+    size: {
+      sm: "",
+      md: "",
+      lg: ""
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md"
+  }
+});
+var RadioGroupContext = React4__namespace.createContext({ variant: "primary", size: "md" });
+function RadioGroup2({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroupContext.Provider,
+    {
+      value: { variant: variant ?? "primary", size: size ?? "md" },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        radixUi.RadioGroup.Root,
+        {
+          "data-slot": "radio-group",
+          className: cn(radioGroupVariants({ variant, size }), className),
+          ...props
+        }
+      )
+    }
+  );
+}
+var radioItemVariants = classVarianceAuthority.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__namespace.useContext(RadioGroupContext);
+  const effectiveSize = size ?? contextSize;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.RadioGroup.Item,
+    {
+      "data-slot": "radio-group-item",
+      className: cn(radioItemVariants({ size: effectiveSize }), className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        radixUi.RadioGroup.Indicator,
+        {
+          "data-slot": "radio-group-indicator",
+          className: "flex items-center justify-center",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "fill-current text-current" })
+        }
+      )
+    }
+  );
+}
+function Slider({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.Slider.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__ */ jsxRuntime.jsx(radixUi.Slider.Track, { className: "relative h-1.5 w-full overflow-hidden rounded-full bg-accent", children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.Slider.Range, { className: "absolute h-full bg-primary" }) }),
+        children
+      ]
+    }
+  );
+}
+function SliderThumb({
   className,
-  children,
-  errors,
   ...props
 }) {
-  const content = React.useMemo(() => {
-    if (children) {
-      return children;
-    }
-    if (!errors) {
-      return null;
-    }
-    if (errors?.length === 1 && errors[0]?.message) {
-      return errors[0].message;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
-      (error, index) => error?.message && /* @__PURE__ */ jsxRuntime.jsx("li", { children: error.message }, index)
-    ) });
-  }, [children, errors]);
-  if (!content) {
-    return null;
-  }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
+    radixUi.Slider.Thumb,
     {
-      role: "alert",
-      "data-slot": "field-error",
-      className: cn("text-destructive text-sm font-normal", className),
-      ...props,
-      children: content
+      "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 = React__namespace.createContext({
+var SwitchContext = React4__namespace.createContext({
   permanent: false
 });
 var useSwitchContext = () => {
-  const context = React__namespace.useContext(SwitchContext);
+  const context = React4__namespace.useContext(SwitchContext);
   if (!context) {
     throw new Error("SwitchIndicator must be used within a Switch component");
   }
@@ -4438,6 +6314,43 @@ function SwitchIndicator({
     }
   );
 }
+var textareaVariants = classVarianceAuthority.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__ */ jsxRuntime.jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(textareaVariants({ variant }), className),
+      ...props
+    }
+  );
+}
 function ScrollArea({
   className,
   viewportClassName,
@@ -4497,10 +6410,10 @@ function Scrollspy({
   dataAttribute = "scrollspy",
   history = true
 }) {
-  const selfRef = React.useRef(null);
-  const anchorElementsRef = React.useRef(null);
-  const prevIdTracker = React.useRef(null);
-  const setActiveSection = React.useCallback(
+  const selfRef = React4.useRef(null);
+  const anchorElementsRef = React4.useRef(null);
+  const prevIdTracker = React4.useRef(null);
+  const setActiveSection = React4.useCallback(
     (sectionId, force = false) => {
       if (!sectionId) return;
       anchorElementsRef.current?.forEach((item) => {
@@ -4519,7 +6432,7 @@ function Scrollspy({
     },
     [anchorElementsRef, dataAttribute, history, onUpdate]
   );
-  const handleScroll = React.useCallback(() => {
+  const handleScroll = React4.useCallback(() => {
     if (!anchorElementsRef.current || anchorElementsRef.current.length === 0)
       return;
     const scrollElement = targetRef?.current === document ? window : targetRef?.current;
@@ -4557,7 +6470,7 @@ function Scrollspy({
       }
     });
   }, [anchorElementsRef, targetRef, dataAttribute, offset, setActiveSection]);
-  const scrollTo = React.useCallback(
+  const scrollTo = React4.useCallback(
     (anchorElement) => (event) => {
       if (event) event.preventDefault();
       const sectionId = anchorElement.getAttribute(`data-${dataAttribute}-anchor`)?.replace("#", "") || null;
@@ -4584,7 +6497,7 @@ function Scrollspy({
     },
     [dataAttribute, offset, smooth, targetRef, setActiveSection]
   );
-  const scrollToHashSection = React.useCallback(() => {
+  const scrollToHashSection = React4.useCallback(() => {
     const hash = CSS.escape(window.location.hash.replace("#", ""));
     if (hash) {
       const targetElement = document.querySelector(
@@ -4595,7 +6508,7 @@ function Scrollspy({
       }
     }
   }, [dataAttribute, scrollTo]);
-  React.useEffect(() => {
+  React4.useEffect(() => {
     if (selfRef.current) {
       anchorElementsRef.current = Array.from(
         selfRef.current.querySelectorAll(`[data-${dataAttribute}-anchor]`)
@@ -4714,27 +6627,320 @@ function ToolbarActions({
     }
   );
 }
-var MOBILE_BREAKPOINT = 992;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = React__namespace.useState(
-    void 0
+function Progress({
+  className,
+  indicatorClassName,
+  value,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Progress.Root,
+    {
+      "data-slot": "progress",
+      className: cn(
+        "relative h-1.5 w-full overflow-hidden rounded-full bg-secondary",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        radixUi.Progress.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+          "svg",
+          {
+            className: "absolute inset-0 -rotate-90",
+            width: size,
+            height: size,
+            viewBox: `0 0 ${size} ${size}`,
+            children: [
+              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: children || /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-lg font-bold", children: [
+          value,
+          "%"
+        ] }) })
+      ]
+    }
+  );
+}
+function Pagination({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+    "ul",
+    {
+      "data-slot": "pagination-content",
+      className: cn("flex flex-row items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function PaginationItem({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { "data-slot": "pagination-item", className, ...props });
+}
+function PaginationEllipsis({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "data-slot": "pagination-ellipsis",
+      "aria-hidden": true,
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "More pages" })
+      ]
+    }
+  );
+}
+var TimelineItem = React4__namespace.forwardRef(
+  ({ line, icon: Icon, children, removeSpace, className }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("flex items-start relative", className), children: [
+      line && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Icon, { size: 16, className: "text-base" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("ps-2.5 text-base grow", !removeSpace && "mb-7"), children })
+    ] });
+  }
+);
+TimelineItem.displayName = "TimelineItem";
+var kbdVariants = classVarianceAuthority.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__ */ jsxRuntime.jsx(
+    "kbd",
+    {
+      "data-slot": "kbd",
+      className: cn(kbdVariants({ variant, size }), className),
+      ...props
+    }
   );
-  React__namespace.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__namespace.useState(false);
+  const [isCopied, setIsCopied] = React4__namespace.useState(false);
   const copyToClipboard = (value) => {
     if (typeof window === "undefined" || !navigator.clipboard.writeText) {
       return;
@@ -4752,14 +6958,105 @@ function useCopyToClipboard({
   };
   return { isCopied, copyToClipboard };
 }
+var codeVariants = classVarianceAuthority.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 ? SlotPrimitive2.Slot : "code";
+  const textToCopy = copyText || (typeof children === "string" ? children : "");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: cn("inline-flex items-center gap-2", className),
+      "data-slot": "code",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Comp,
+          {
+            "data-slot": "code-panel",
+            className: cn(codeVariants({ variant, size })),
+            ...props,
+            children
+          }
+        ),
+        showCopyButton && textToCopy && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "size-3" })
+          }
+        )
+      ]
+    }
+  );
+}
+var MOBILE_BREAKPOINT = 992;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React4__namespace.useState(
+    void 0
+  );
+  React4__namespace.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__namespace.useState(false);
-  React__namespace.useEffect(() => {
+  const [mounted, setMounted] = React4__namespace.useState(false);
+  React4__namespace.useEffect(() => {
     setMounted(true);
   }, []);
   return mounted;
 }
 
+exports.Accordion = Accordion;
+exports.AccordionContent = AccordionContent;
+exports.AccordionItem = AccordionItem;
+exports.AccordionMenu = AccordionMenu;
+exports.AccordionMenuGroup = AccordionMenuGroup;
+exports.AccordionMenuIndicator = AccordionMenuIndicator;
+exports.AccordionMenuItem = AccordionMenuItem;
+exports.AccordionMenuLabel = AccordionMenuLabel;
+exports.AccordionMenuSeparator = AccordionMenuSeparator;
+exports.AccordionMenuSub = AccordionMenuSub;
+exports.AccordionMenuSubContent = AccordionMenuSubContent;
+exports.AccordionMenuSubTrigger = AccordionMenuSubTrigger;
+exports.AccordionTrigger = AccordionTrigger;
 exports.Alert = Alert;
 exports.AlertContent = AlertContent;
 exports.AlertDescription = AlertDescription;
@@ -4798,6 +7095,7 @@ exports.BreadcrumbPage = BreadcrumbPage;
 exports.BreadcrumbSeparator = BreadcrumbSeparator;
 exports.Button = Button;
 exports.ButtonArrow = ButtonArrow;
+exports.Calendar = Calendar;
 exports.Card = Card;
 exports.CardContent = CardContent;
 exports.CardDescription = CardDescription;
@@ -4807,7 +7105,42 @@ exports.CardHeading = CardHeading;
 exports.CardTable = CardTable;
 exports.CardTitle = CardTitle;
 exports.CardToolbar = CardToolbar;
+exports.ChartContainer = ChartContainer;
+exports.ChartLegend = ChartLegend;
+exports.ChartLegendContent = ChartLegendContent;
+exports.ChartStyle = ChartStyle;
+exports.ChartTooltip = ChartTooltip;
+exports.ChartTooltipContent = ChartTooltipContent;
 exports.Checkbox = Checkbox;
+exports.Code = Code;
+exports.Collapsible = Collapsible;
+exports.CollapsibleContent = CollapsibleContent;
+exports.CollapsibleTrigger = CollapsibleTrigger;
+exports.Command = Command;
+exports.CommandCheck = CommandCheck;
+exports.CommandDialog = CommandDialog;
+exports.CommandEmpty = CommandEmpty;
+exports.CommandGroup = CommandGroup;
+exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
+exports.CommandList = CommandList;
+exports.CommandSeparator = CommandSeparator;
+exports.CommandShortcut = CommandShortcut;
+exports.ContextMenu = ContextMenu;
+exports.ContextMenuCheckboxItem = ContextMenuCheckboxItem;
+exports.ContextMenuContent = ContextMenuContent;
+exports.ContextMenuGroup = ContextMenuGroup;
+exports.ContextMenuItem = ContextMenuItem;
+exports.ContextMenuLabel = ContextMenuLabel;
+exports.ContextMenuPortal = ContextMenuPortal;
+exports.ContextMenuRadioGroup = ContextMenuRadioGroup;
+exports.ContextMenuRadioItem = ContextMenuRadioItem;
+exports.ContextMenuSeparator = ContextMenuSeparator;
+exports.ContextMenuShortcut = ContextMenuShortcut;
+exports.ContextMenuSub = ContextMenuSub;
+exports.ContextMenuSubContent = ContextMenuSubContent;
+exports.ContextMenuSubTrigger = ContextMenuSubTrigger;
+exports.ContextMenuTrigger = ContextMenuTrigger;
 exports.DataGrid = DataGrid;
 exports.DataGridColumnHeader = DataGridColumnHeader;
 exports.DataGridColumnVisibility = DataGridColumnVisibility;
@@ -4831,6 +7164,9 @@ exports.DataGridTableLoader = DataGridTableLoader;
 exports.DataGridTableRowSelect = DataGridTableRowSelect;
 exports.DataGridTableRowSelectAll = DataGridTableRowSelectAll;
 exports.DataGridTableRowSpacer = DataGridTableRowSpacer;
+exports.DateField = DateField;
+exports.DateInput = DateInput;
+exports.DateSegment = DateSegment;
 exports.Dialog = Dialog;
 exports.DialogBody = DialogBody;
 exports.DialogClose = DialogClose;
@@ -4884,11 +7220,33 @@ exports.Icons = Icons;
 exports.Input = Input;
 exports.InputAddon = InputAddon;
 exports.InputGroup = InputGroup;
+exports.InputOTP = InputOTP;
+exports.InputOTPGroup = InputOTPGroup;
+exports.InputOTPSeparator = InputOTPSeparator;
+exports.InputOTPSlot = InputOTPSlot;
 exports.InputWrapper = InputWrapper;
+exports.Kanban = Kanban;
+exports.KanbanBoard = KanbanBoard;
+exports.KanbanColumn = KanbanColumn;
+exports.KanbanColumnContent = KanbanColumnContent;
+exports.KanbanColumnHandle = KanbanColumnHandle;
+exports.KanbanItem = KanbanItem;
+exports.KanbanItemHandle = KanbanItemHandle;
+exports.KanbanOverlay = KanbanOverlay;
+exports.Kbd = Kbd;
 exports.Label = Label2;
+exports.Pagination = Pagination;
+exports.PaginationContent = PaginationContent;
+exports.PaginationEllipsis = PaginationEllipsis;
+exports.PaginationItem = PaginationItem;
 exports.Popover = Popover;
 exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;
+exports.Progress = Progress;
+exports.ProgressCircle = ProgressCircle;
+exports.ProgressRadial = ProgressRadial;
+exports.RadioGroup = RadioGroup2;
+exports.RadioGroupItem = RadioGroupItem;
 exports.ScrollArea = ScrollArea;
 exports.ScrollBar = ScrollBar;
 exports.Scrollspy = Scrollspy;
@@ -4916,6 +7274,8 @@ exports.SheetPortal = SheetPortal;
 exports.SheetTitle = SheetTitle;
 exports.SheetTrigger = SheetTrigger;
 exports.Skeleton = Skeleton;
+exports.Slider = Slider;
+exports.SliderThumb = SliderThumb;
 exports.Spinner = Spinner;
 exports.Switch = Switch;
 exports.SwitchIndicator = SwitchIndicator;
@@ -4924,6 +7284,9 @@ exports.Tabs = Tabs;
 exports.TabsContent = TabsContent;
 exports.TabsList = TabsList;
 exports.TabsTrigger = TabsTrigger;
+exports.Textarea = Textarea;
+exports.TimeField = TimeField;
+exports.TimelineItem = TimelineItem;
 exports.Toolbar = Toolbar;
 exports.ToolbarActions = ToolbarActions;
 exports.ToolbarDescription = ToolbarDescription;
@@ -4934,14 +7297,21 @@ exports.badgeVariants = badgeVariants;
 exports.buttonVariantConfig = buttonVariantConfig;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
+exports.codeVariants = codeVariants;
+exports.dateInputStyles = dateInputStyles;
 exports.headings = headings;
 exports.inputAddonVariants = inputAddonVariants;
 exports.inputVariants = inputVariants;
+exports.kbdVariants = kbdVariants;
 exports.labelVariants = labelVariants;
+exports.radioGroupVariants = radioGroupVariants;
+exports.radioItemVariants = radioItemVariants;
 exports.selectTriggerVariants = selectTriggerVariants;
 exports.switchShapes = switchShapes;
 exports.switchSizes = switchSizes;
 exports.tabsListVariantConfig = tabsListVariantConfig;
+exports.textareaVariants = textareaVariants;
+exports.useChart = useChart;
 exports.useCopyToClipboard = useCopyToClipboard;
 exports.useDataGrid = useDataGrid;
 exports.useIsMobile = useIsMobile;