@mlw-packages/react-components 1.4.7 → 1.4.8

package/dist/index.mjs

@@ -0,0 +1,4935 @@
+"use client";
+import './index.css';
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// node_modules/picocolors/picocolors.browser.js
+var require_picocolors_browser = __commonJS({
+  "node_modules/picocolors/picocolors.browser.js"(exports, module) {
+    "use strict";
+    var x = String;
+    var create = function() {
+      return { isColorSupported: false, reset: x, bold: x, dim: x, italic: x, underline: x, inverse: x, hidden: x, strikethrough: x, black: x, red: x, green: x, yellow: x, blue: x, magenta: x, cyan: x, white: x, gray: x, bgBlack: x, bgRed: x, bgGreen: x, bgYellow: x, bgBlue: x, bgMagenta: x, bgCyan: x, bgWhite: x, blackBright: x, redBright: x, greenBright: x, yellowBright: x, blueBright: x, magentaBright: x, cyanBright: x, whiteBright: x, bgBlackBright: x, bgRedBright: x, bgGreenBright: x, bgYellowBright: x, bgBlueBright: x, bgMagentaBright: x, bgCyanBright: x, bgWhiteBright: x };
+    };
+    module.exports = create();
+    module.exports.createColors = create;
+  }
+});
+
+// node_modules/tailwindcss/lib/util/log.js
+var require_log = __commonJS({
+  "node_modules/tailwindcss/lib/util/log.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    function _export(target, all) {
+      for (var name in all) Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+      });
+    }
+    _export(exports, {
+      dim: function() {
+        return dim;
+      },
+      default: function() {
+        return _default;
+      }
+    });
+    var _picocolors = /* @__PURE__ */ _interop_require_default(require_picocolors_browser());
+    function _interop_require_default(obj) {
+      return obj && obj.__esModule ? obj : {
+        default: obj
+      };
+    }
+    var alreadyShown = /* @__PURE__ */ new Set();
+    function log(type, messages, key) {
+      if (typeof process !== "undefined" && process.env.JEST_WORKER_ID) return;
+      if (key && alreadyShown.has(key)) return;
+      if (key) alreadyShown.add(key);
+      console.warn("");
+      messages.forEach((message) => console.warn(type, "-", message));
+    }
+    function dim(input) {
+      return _picocolors.default.dim(input);
+    }
+    var _default = {
+      info(key, messages) {
+        log(_picocolors.default.bold(_picocolors.default.cyan("info")), ...Array.isArray(key) ? [
+          key
+        ] : [
+          messages,
+          key
+        ]);
+      },
+      warn(key, messages) {
+        log(_picocolors.default.bold(_picocolors.default.yellow("warn")), ...Array.isArray(key) ? [
+          key
+        ] : [
+          messages,
+          key
+        ]);
+      },
+      risk(key, messages) {
+        log(_picocolors.default.bold(_picocolors.default.magenta("risk")), ...Array.isArray(key) ? [
+          key
+        ] : [
+          messages,
+          key
+        ]);
+      }
+    };
+  }
+});
+
+// node_modules/tailwindcss/lib/public/colors.js
+var require_colors = __commonJS({
+  "node_modules/tailwindcss/lib/public/colors.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports, "default", {
+      enumerable: true,
+      get: function() {
+        return _default;
+      }
+    });
+    var _log = /* @__PURE__ */ _interop_require_default(require_log());
+    function _interop_require_default(obj) {
+      return obj && obj.__esModule ? obj : {
+        default: obj
+      };
+    }
+    function warn({ version, from, to }) {
+      _log.default.warn(`${from}-color-renamed`, [
+        `As of Tailwind CSS ${version}, \`${from}\` has been renamed to \`${to}\`.`,
+        "Update your configuration file to silence this warning."
+      ]);
+    }
+    var _default = {
+      inherit: "inherit",
+      current: "currentColor",
+      transparent: "transparent",
+      black: "#000",
+      white: "#fff",
+      slate: {
+        50: "#f8fafc",
+        100: "#f1f5f9",
+        200: "#e2e8f0",
+        300: "#cbd5e1",
+        400: "#94a3b8",
+        500: "#64748b",
+        600: "#475569",
+        700: "#334155",
+        800: "#1e293b",
+        900: "#0f172a",
+        950: "#020617"
+      },
+      gray: {
+        50: "#f9fafb",
+        100: "#f3f4f6",
+        200: "#e5e7eb",
+        300: "#d1d5db",
+        400: "#9ca3af",
+        500: "#6b7280",
+        600: "#4b5563",
+        700: "#374151",
+        800: "#1f2937",
+        900: "#111827",
+        950: "#030712"
+      },
+      zinc: {
+        50: "#fafafa",
+        100: "#f4f4f5",
+        200: "#e4e4e7",
+        300: "#d4d4d8",
+        400: "#a1a1aa",
+        500: "#71717a",
+        600: "#52525b",
+        700: "#3f3f46",
+        800: "#27272a",
+        900: "#18181b",
+        950: "#09090b"
+      },
+      neutral: {
+        50: "#fafafa",
+        100: "#f5f5f5",
+        200: "#e5e5e5",
+        300: "#d4d4d4",
+        400: "#a3a3a3",
+        500: "#737373",
+        600: "#525252",
+        700: "#404040",
+        800: "#262626",
+        900: "#171717",
+        950: "#0a0a0a"
+      },
+      stone: {
+        50: "#fafaf9",
+        100: "#f5f5f4",
+        200: "#e7e5e4",
+        300: "#d6d3d1",
+        400: "#a8a29e",
+        500: "#78716c",
+        600: "#57534e",
+        700: "#44403c",
+        800: "#292524",
+        900: "#1c1917",
+        950: "#0c0a09"
+      },
+      red: {
+        50: "#fef2f2",
+        100: "#fee2e2",
+        200: "#fecaca",
+        300: "#fca5a5",
+        400: "#f87171",
+        500: "#ef4444",
+        600: "#dc2626",
+        700: "#b91c1c",
+        800: "#991b1b",
+        900: "#7f1d1d",
+        950: "#450a0a"
+      },
+      orange: {
+        50: "#fff7ed",
+        100: "#ffedd5",
+        200: "#fed7aa",
+        300: "#fdba74",
+        400: "#fb923c",
+        500: "#f97316",
+        600: "#ea580c",
+        700: "#c2410c",
+        800: "#9a3412",
+        900: "#7c2d12",
+        950: "#431407"
+      },
+      amber: {
+        50: "#fffbeb",
+        100: "#fef3c7",
+        200: "#fde68a",
+        300: "#fcd34d",
+        400: "#fbbf24",
+        500: "#f59e0b",
+        600: "#d97706",
+        700: "#b45309",
+        800: "#92400e",
+        900: "#78350f",
+        950: "#451a03"
+      },
+      yellow: {
+        50: "#fefce8",
+        100: "#fef9c3",
+        200: "#fef08a",
+        300: "#fde047",
+        400: "#facc15",
+        500: "#eab308",
+        600: "#ca8a04",
+        700: "#a16207",
+        800: "#854d0e",
+        900: "#713f12",
+        950: "#422006"
+      },
+      lime: {
+        50: "#f7fee7",
+        100: "#ecfccb",
+        200: "#d9f99d",
+        300: "#bef264",
+        400: "#a3e635",
+        500: "#84cc16",
+        600: "#65a30d",
+        700: "#4d7c0f",
+        800: "#3f6212",
+        900: "#365314",
+        950: "#1a2e05"
+      },
+      green: {
+        50: "#f0fdf4",
+        100: "#dcfce7",
+        200: "#bbf7d0",
+        300: "#86efac",
+        400: "#4ade80",
+        500: "#22c55e",
+        600: "#16a34a",
+        700: "#15803d",
+        800: "#166534",
+        900: "#14532d",
+        950: "#052e16"
+      },
+      emerald: {
+        50: "#ecfdf5",
+        100: "#d1fae5",
+        200: "#a7f3d0",
+        300: "#6ee7b7",
+        400: "#34d399",
+        500: "#10b981",
+        600: "#059669",
+        700: "#047857",
+        800: "#065f46",
+        900: "#064e3b",
+        950: "#022c22"
+      },
+      teal: {
+        50: "#f0fdfa",
+        100: "#ccfbf1",
+        200: "#99f6e4",
+        300: "#5eead4",
+        400: "#2dd4bf",
+        500: "#14b8a6",
+        600: "#0d9488",
+        700: "#0f766e",
+        800: "#115e59",
+        900: "#134e4a",
+        950: "#042f2e"
+      },
+      cyan: {
+        50: "#ecfeff",
+        100: "#cffafe",
+        200: "#a5f3fc",
+        300: "#67e8f9",
+        400: "#22d3ee",
+        500: "#06b6d4",
+        600: "#0891b2",
+        700: "#0e7490",
+        800: "#155e75",
+        900: "#164e63",
+        950: "#083344"
+      },
+      sky: {
+        50: "#f0f9ff",
+        100: "#e0f2fe",
+        200: "#bae6fd",
+        300: "#7dd3fc",
+        400: "#38bdf8",
+        500: "#0ea5e9",
+        600: "#0284c7",
+        700: "#0369a1",
+        800: "#075985",
+        900: "#0c4a6e",
+        950: "#082f49"
+      },
+      blue: {
+        50: "#eff6ff",
+        100: "#dbeafe",
+        200: "#bfdbfe",
+        300: "#93c5fd",
+        400: "#60a5fa",
+        500: "#3b82f6",
+        600: "#2563eb",
+        700: "#1d4ed8",
+        800: "#1e40af",
+        900: "#1e3a8a",
+        950: "#172554"
+      },
+      indigo: {
+        50: "#eef2ff",
+        100: "#e0e7ff",
+        200: "#c7d2fe",
+        300: "#a5b4fc",
+        400: "#818cf8",
+        500: "#6366f1",
+        600: "#4f46e5",
+        700: "#4338ca",
+        800: "#3730a3",
+        900: "#312e81",
+        950: "#1e1b4b"
+      },
+      violet: {
+        50: "#f5f3ff",
+        100: "#ede9fe",
+        200: "#ddd6fe",
+        300: "#c4b5fd",
+        400: "#a78bfa",
+        500: "#8b5cf6",
+        600: "#7c3aed",
+        700: "#6d28d9",
+        800: "#5b21b6",
+        900: "#4c1d95",
+        950: "#2e1065"
+      },
+      purple: {
+        50: "#faf5ff",
+        100: "#f3e8ff",
+        200: "#e9d5ff",
+        300: "#d8b4fe",
+        400: "#c084fc",
+        500: "#a855f7",
+        600: "#9333ea",
+        700: "#7e22ce",
+        800: "#6b21a8",
+        900: "#581c87",
+        950: "#3b0764"
+      },
+      fuchsia: {
+        50: "#fdf4ff",
+        100: "#fae8ff",
+        200: "#f5d0fe",
+        300: "#f0abfc",
+        400: "#e879f9",
+        500: "#d946ef",
+        600: "#c026d3",
+        700: "#a21caf",
+        800: "#86198f",
+        900: "#701a75",
+        950: "#4a044e"
+      },
+      pink: {
+        50: "#fdf2f8",
+        100: "#fce7f3",
+        200: "#fbcfe8",
+        300: "#f9a8d4",
+        400: "#f472b6",
+        500: "#ec4899",
+        600: "#db2777",
+        700: "#be185d",
+        800: "#9d174d",
+        900: "#831843",
+        950: "#500724"
+      },
+      rose: {
+        50: "#fff1f2",
+        100: "#ffe4e6",
+        200: "#fecdd3",
+        300: "#fda4af",
+        400: "#fb7185",
+        500: "#f43f5e",
+        600: "#e11d48",
+        700: "#be123c",
+        800: "#9f1239",
+        900: "#881337",
+        950: "#4c0519"
+      },
+      get lightBlue() {
+        warn({
+          version: "v2.2",
+          from: "lightBlue",
+          to: "sky"
+        });
+        return this.sky;
+      },
+      get warmGray() {
+        warn({
+          version: "v3.0",
+          from: "warmGray",
+          to: "stone"
+        });
+        return this.stone;
+      },
+      get trueGray() {
+        warn({
+          version: "v3.0",
+          from: "trueGray",
+          to: "neutral"
+        });
+        return this.neutral;
+      },
+      get coolGray() {
+        warn({
+          version: "v3.0",
+          from: "coolGray",
+          to: "gray"
+        });
+        return this.gray;
+      },
+      get blueGray() {
+        warn({
+          version: "v3.0",
+          from: "blueGray",
+          to: "slate"
+        });
+        return this.slate;
+      }
+    };
+  }
+});
+
+// node_modules/tailwindcss/colors.js
+var require_colors2 = __commonJS({
+  "node_modules/tailwindcss/colors.js"(exports, module) {
+    "use strict";
+    var colors2 = require_colors();
+    module.exports = (colors2.__esModule ? colors2 : { default: colors2 }).default;
+  }
+});
+
+// src/components/ui/AlertDialogBase.tsx
+import * as React2 from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/ui/ButtonBase.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var buttonVariantsBase = cva(
+  `
+    inline-flex items-center justify-center gap-2
+    whitespace-nowrap rounded-md text-sm
+    transition-all duration-200
+    focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
+    disabled:pointer-events-none disabled:opacity-50
+    active:scale-[0.97]
+    [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-transparent
+  `,
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:opacity-90 hover:shadow-md",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 hover:shadow-md",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground hover:shadow-md",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm border border-transparent hover:opacity-80 hover:shadow-md",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "px-4 py-1.5",
+        sm: "rounded-md px-3 text-xs",
+        lg: "rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var ButtonBase = React.forwardRef(
+  ({ className, variant, size, asChild = false, testid = `button-${variant ?? "default"}`, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(buttonVariantsBase({ variant, size, className })),
+        ref,
+        "data-testid": testid ?? `button-${variant ?? "default"}`,
+        ...props
+      }
+    );
+  }
+);
+ButtonBase.displayName = "Button";
+var ButtonGroupBase = React.forwardRef(
+  ({ className, children, orientation = "horizontal", ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "inline-flex",
+          orientation === "vertical" ? "flex-col" : "flex-row",
+          "rounded-md overflow-hidden isolate",
+          className
+        ),
+        ...props,
+        children: React.Children.map(children, (child, index) => {
+          if (!React.isValidElement(child)) return child;
+          const typedChild = child;
+          return React.cloneElement(typedChild, {
+            className: cn(
+              typedChild.props.className,
+              "rounded-none border-0",
+              index === 0 && orientation === "horizontal" && "rounded-l-md",
+              index === 0 && orientation === "vertical" && "rounded-t-md",
+              index === React.Children.count(children) - 1 && orientation === "horizontal" && "rounded-r-md",
+              index === React.Children.count(children) - 1 && orientation === "vertical" && "rounded-b-md"
+            )
+          });
+        })
+      }
+    );
+  }
+);
+ButtonGroupBase.displayName = "ButtonGroup";
+
+// src/components/ui/AlertDialogBase.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var AlertDialogBase = AlertDialogPrimitive.Root;
+var AlertDialogTriggerBase = AlertDialogPrimitive.Trigger;
+var AlertDialogPortalBase = AlertDialogPrimitive.Portal;
+var AlertDialogOverlayBase = React2.forwardRef(({ className, testid = "alertdialog-overlay", ...props }, ref) => /* @__PURE__ */ jsx2(
+  AlertDialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    "data-testid": testid,
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlayBase.displayName = AlertDialogPrimitive.Overlay.displayName;
+var AlertDialogContentBase = React2.forwardRef(({ className, testid = "alertdialog-content", ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortalBase, { children: [
+  /* @__PURE__ */ jsx2(AlertDialogOverlayBase, {}),
+  /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      ),
+      "data-testid": testid,
+      ...props
+    }
+  )
+] }));
+AlertDialogContentBase.displayName = AlertDialogPrimitive.Content.displayName;
+var AlertDialogHeaderBase = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx2(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogHeaderBase.displayName = "AlertDialogHeaderBase";
+var AlertDialogFooterBase = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx2(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogFooterBase.displayName = "AlertDialogFooterBase";
+var AlertDialogTitleBase = React2.forwardRef(({ className, testid = "alertdialog-title", ...props }, ref) => /* @__PURE__ */ jsx2(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold", className),
+    "data-testid": testid,
+    ...props
+  }
+));
+AlertDialogTitleBase.displayName = AlertDialogPrimitive.Title.displayName;
+var AlertDialogDescriptionBase = React2.forwardRef(({ className, testid = "alertdialog-description", ...props }, ref) => /* @__PURE__ */ jsx2(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    "data-testid": testid,
+    ...props
+  }
+));
+AlertDialogDescriptionBase.displayName = AlertDialogPrimitive.Description.displayName;
+var AlertDialogActionBase = React2.forwardRef(({ className, testid = "alertdialog-action", ...props }, ref) => /* @__PURE__ */ jsx2(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    className: cn(buttonVariantsBase(), className),
+    "data-testid": testid,
+    ...props
+  }
+));
+AlertDialogActionBase.displayName = AlertDialogPrimitive.Action.displayName;
+var AlertDialogCancelBase = React2.forwardRef(({ className, testid = "alertdialog-cancel", ...props }, ref) => /* @__PURE__ */ jsx2(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(
+      buttonVariantsBase({ variant: "outline" }),
+      "mt-2 sm:mt-0",
+      className
+    ),
+    "data-testid": testid,
+    ...props
+  }
+));
+AlertDialogCancelBase.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+// src/components/ui/AvatarBase.tsx
+import * as React3 from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var AvatarBase = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  AvatarPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+      className
+    ),
+    ...props
+  }
+));
+AvatarBase.displayName = AvatarPrimitive.Root.displayName;
+var AvatarImageBase = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full", className),
+    ...props
+  }
+));
+AvatarImageBase.displayName = AvatarPrimitive.Image.displayName;
+var AvatarFallbackBase = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallbackBase.displayName = AvatarPrimitive.Fallback.displayName;
+
+// src/components/ui/BadgeBase.tsx
+import { Slot as Slot2 } from "@radix-ui/react-slot";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var tailwindColors = {
+  // Red
+  "red-50": "#fef2f2",
+  "red-100": "#fee2e2",
+  "red-200": "#fecaca",
+  "red-300": "#fca5a5",
+  "red-400": "#f87171",
+  "red-500": "#ef4444",
+  "red-600": "#dc2626",
+  "red-700": "#b91c1c",
+  "red-800": "#991b1b",
+  "red-900": "#7f1d1d",
+  // Orange
+  "orange-50": "#fff7ed",
+  "orange-100": "#ffedd5",
+  "orange-200": "#fed7aa",
+  "orange-300": "#fdba74",
+  "orange-400": "#fb923c",
+  "orange-500": "#f97316",
+  "orange-600": "#ea580c",
+  "orange-700": "#c2410c",
+  "orange-800": "#9a3412",
+  "orange-900": "#7c2d12",
+  // Yellow
+  "yellow-50": "#fefce8",
+  "yellow-100": "#fef3c7",
+  "yellow-200": "#fde68a",
+  "yellow-300": "#fcd34d",
+  "yellow-400": "#fbbf24",
+  "yellow-500": "#f59e0b",
+  "yellow-600": "#d97706",
+  "yellow-700": "#b45309",
+  "yellow-800": "#92400e",
+  "yellow-900": "#78350f",
+  // Green
+  "green-50": "#f0fdf4",
+  "green-100": "#dcfce7",
+  "green-200": "#bbf7d0",
+  "green-300": "#86efac",
+  "green-400": "#4ade80",
+  "green-500": "#22c55e",
+  "green-600": "#16a34a",
+  "green-700": "#15803d",
+  "green-800": "#166534",
+  "green-900": "#14532d",
+  // Blue
+  "blue-50": "#eff6ff",
+  "blue-100": "#dbeafe",
+  "blue-200": "#bfdbfe",
+  "blue-300": "#93c5fd",
+  "blue-400": "#60a5fa",
+  "blue-500": "#3b82f6",
+  "blue-600": "#2563eb",
+  "blue-700": "#1d4ed8",
+  "blue-800": "#1e40af",
+  "blue-900": "#1e3a8a",
+  // Purple
+  "purple-50": "#faf5ff",
+  "purple-100": "#f3e8ff",
+  "purple-200": "#e9d5ff",
+  "purple-300": "#d8b4fe",
+  "purple-400": "#c084fc",
+  "purple-500": "#a855f7",
+  "purple-600": "#9333ea",
+  "purple-700": "#7c3aed",
+  "purple-800": "#6b21a8",
+  "purple-900": "#581c87",
+  // Pink
+  "pink-50": "#fdf2f8",
+  "pink-100": "#fce7f3",
+  "pink-200": "#fbcfe8",
+  "pink-300": "#f9a8d4",
+  "pink-400": "#f472b6",
+  "pink-500": "#ec4899",
+  "pink-600": "#db2777",
+  "pink-700": "#be185d",
+  "pink-800": "#9d174d",
+  "pink-900": "#831843",
+  // Gray
+  "gray-50": "#f9fafb",
+  "gray-100": "#f3f4f6",
+  "gray-200": "#e5e7eb",
+  "gray-300": "#d1d5db",
+  "gray-400": "#9ca3af",
+  "gray-500": "#6b7280",
+  "gray-600": "#4b5563",
+  "gray-700": "#374151",
+  "gray-800": "#1f2937",
+  "gray-900": "#111827",
+  // Indigo
+  "indigo-50": "#eef2ff",
+  "indigo-100": "#e0e7ff",
+  "indigo-200": "#c7d2fe",
+  "indigo-300": "#a5b4fc",
+  "indigo-400": "#818cf8",
+  "indigo-500": "#6366f1",
+  "indigo-600": "#4f46e5",
+  "indigo-700": "#4338ca",
+  "indigo-800": "#3730a3",
+  "indigo-900": "#312e81",
+  // Teal
+  "teal-50": "#f0fdfa",
+  "teal-100": "#ccfbf1",
+  "teal-200": "#99f6e4",
+  "teal-300": "#5eead4",
+  "teal-400": "#2dd4bf",
+  "teal-500": "#14b8a6",
+  "teal-600": "#0d9488",
+  "teal-700": "#0f766e",
+  "teal-800": "#115e59",
+  "teal-900": "#134e4a",
+  // Emerald
+  "emerald-50": "#ecfdf5",
+  "emerald-100": "#d1fae5",
+  "emerald-200": "#a7f3d0",
+  "emerald-300": "#6ee7b7",
+  "emerald-400": "#34d399",
+  "emerald-500": "#10b981",
+  "emerald-600": "#059669",
+  "emerald-700": "#047857",
+  "emerald-800": "#065f46",
+  "emerald-900": "#064e3b",
+  // Cyan
+  "cyan-50": "#ecfeff",
+  "cyan-100": "#cffafe",
+  "cyan-200": "#a5f3fc",
+  "cyan-300": "#67e8f9",
+  "cyan-400": "#22d3ee",
+  "cyan-500": "#06b6d4",
+  "cyan-600": "#0891b2",
+  "cyan-700": "#0e7490",
+  "cyan-800": "#155e75",
+  "cyan-900": "#164e63"
+};
+var getTailwindColor = (color) => {
+  if (color.startsWith("#") || color.startsWith("rgb") || color.startsWith("hsl")) {
+    return color;
+  }
+  if (tailwindColors[color]) {
+    return tailwindColors[color];
+  }
+  if (!color.includes("-")) {
+    const defaultColor = `${color}-500`;
+    if (tailwindColors[defaultColor]) {
+      return tailwindColors[defaultColor];
+    }
+  }
+  return color;
+};
+var badgeVariants = cva2(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      },
+      status: {
+        success: "bg-green-500 border-white dark:border-zinc-900",
+        desactivated: "bg-gray-400 border-white dark:border-zinc-900",
+        destructive: "bg-red-500 border-white dark:border-zinc-900",
+        away: "bg-yellow-400 border-white dark:border-zinc-900",
+        custom: "border-white dark:border-zinc-900"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function BadgeBase({
+  className,
+  variant,
+  status,
+  statusColor,
+  asChild = false,
+  children,
+  style,
+  ...props
+}) {
+  const Comp = asChild ? Slot2 : "span";
+  const isStatus = Boolean(status);
+  const resolvedStatusColor = statusColor ? getTailwindColor(statusColor) : void 0;
+  const customStyle = status === "custom" && resolvedStatusColor ? { ...style, backgroundColor: resolvedStatusColor } : style;
+  return /* @__PURE__ */ jsx4(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn(
+        badgeVariants({ variant, status: isStatus ? status : void 0 }),
+        isStatus && "absolute bottom-0 right-0 rounded-full p-0 h-4 w-4 flex items-center justify-center border-2",
+        className
+      ),
+      style: customStyle,
+      ...props,
+      children: isStatus ? null : children
+    }
+  );
+}
+
+// src/components/ui/BreadcrumbBase.tsx
+import { Slot as Slot3 } from "@radix-ui/react-slot";
+import { CaretRight, DotsThree } from "phosphor-react";
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+function BreadcrumbBase({ ...props }) {
+  return /* @__PURE__ */ jsx5("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+}
+function BreadcrumbListBase({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbItemBase({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1.5", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLinkBase({
+  asChild,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? Slot3 : "a";
+  return /* @__PURE__ */ jsx5(
+    Comp,
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn("hover:text-foreground transition-colors", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbPageBase({ className, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("text-foreground font-normal", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparatorBase({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx5(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx5(CaretRight, {})
+    }
+  );
+}
+function BreadcrumbEllipsisBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs2(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("flex size-9 items-center justify-center", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx5(DotsThree, { className: "size-4" }),
+        /* @__PURE__ */ jsx5("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+
+// src/components/ui/CalendarBase.tsx
+import { CaretLeft, CaretRight as CaretRight2 } from "phosphor-react";
+import { DayPicker } from "react-day-picker";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function CalendarBase({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx6(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("bg-background p-3", className),
+      classNames: {
+        months: "flex items-center flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        caption: "flex justify-center pt-1 relative items-center",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        nav_button: cn(
+          buttonVariantsBase({ variant: "outline" }),
+          "h-7 w-7 bg-transparent p-0  opacity-50 hover:opacity-100"
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-y-1",
+        head_row: "flex",
+        head_cell: "text-slate-500 rounded-md w-9 font-normal text-[0.8rem] dark:text-slate-400",
+        row: "flex w-full mt-2",
+        cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-slate-100/50 [&:has([aria-selected])]:bg-slate-100 first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20 dark:[&:has([aria-selected].day-outside)]:bg-slate-800/50 dark:[&:has([aria-selected])]:bg-slate-800",
+        day: cn(
+          buttonVariantsBase({ variant: "ghost" }),
+          "h-9 w-9 p-0 font-normal aria-selected:opacity-100"
+        ),
+        day_range_end: "day-range-end",
+        day_selected: "bg-purple text-slate-50 hover:bg-primary hover:text-slate-50 focus:bg-purple-500 focus:text-slate-50 dark:bg-slate-50 dark:text-slate-900 dark:hover:bg-slate-50 dark:hover:text-slate-900 dark:focus:bg-slate-50 dark:focus:text-slate-900",
+        day_today: "bg-slate-100 text-slate-900 dark:bg-primary dark:text-slate-50",
+        day_outside: "day-outside text-slate-500 opacity-50 aria-selected:bg-slate-100/50 aria-selected:text-slate-500 aria-selected:opacity-30 dark:text-slate-400 dark:aria-selected:bg-slate-800/50 dark:aria-selected:text-slate-400",
+        day_disabled: "text-slate-500 opacity-50 dark:text-slate-400",
+        day_range_middle: "aria-selected:bg-slate-100 aria-selected:text-slate-900 dark:aria-selected:bg-primary dark:aria-selected:text-primary",
+        day_hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        IconLeft: () => /* @__PURE__ */ jsx6(CaretLeft, { className: "h-4 w-4" }),
+        IconRight: () => /* @__PURE__ */ jsx6(CaretRight2, { className: "h-4 w-4" })
+      },
+      ...props
+    }
+  );
+}
+CalendarBase.displayName = "Calendar";
+
+// src/components/ui/CardBase.tsx
+import * as React4 from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var CardBase = React4.forwardRef(({ className, testid: dataTestId = "card-base", ...props }, ref) => /* @__PURE__ */ jsx7(
+  "div",
+  {
+    ref,
+    className: cn(
+      "rounded-xl border bg-card text-card-foreground shadow",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+CardBase.displayName = "Card";
+var CardHeaderBase = React4.forwardRef(({ className, testid: dataTestId = "card-header", ...props }, ref) => /* @__PURE__ */ jsx7(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 p-6", className),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+CardHeaderBase.displayName = "CardHeader";
+var CardTitleBase = React4.forwardRef(({ className, testid: dataTestId = "card-title", ...props }, ref) => /* @__PURE__ */ jsx7(
+  "div",
+  {
+    ref,
+    className: cn("font-semibold leading-none tracking-tight", className),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+CardTitleBase.displayName = "CardTitle";
+var CardDescriptionBase = React4.forwardRef(({ className, testid: dataTestId = "card-description", ...props }, ref) => /* @__PURE__ */ jsx7(
+  "div",
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+CardDescriptionBase.displayName = "CardDescription";
+var CardContentBase = React4.forwardRef(({ className, testid: dataTestId = "card-content", ...props }, ref) => /* @__PURE__ */ jsx7("div", { ref, className: cn("p-6 pt-0", className), "data-testid": dataTestId, ...props }));
+CardContentBase.displayName = "CardContent";
+var CardFooterBase = React4.forwardRef(({ className, testid: dataTestId = "card-footer", ...props }, ref) => /* @__PURE__ */ jsx7(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center p-6 pt-0", className),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+CardFooterBase.displayName = "CardFooter";
+
+// src/components/ui/CarouselBase.tsx
+import * as React5 from "react";
+import useEmblaCarousel from "embla-carousel-react";
+import { ArrowLeft, ArrowRight } from "phosphor-react";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+var CarouselContext = React5.createContext(null);
+function useCarousel() {
+  const context = React5.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <CarouselBase />");
+  }
+  return context;
+}
+function CarouselBase({
+  orientation = "horizontal",
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}) {
+  const [carouselRef, api] = useEmblaCarousel(
+    {
+      ...opts,
+      axis: orientation === "horizontal" ? "x" : "y"
+    },
+    plugins
+  );
+  const [canScrollPrev, setCanScrollPrev] = React5.useState(false);
+  const [canScrollNext, setCanScrollNext] = React5.useState(false);
+  const onSelect = React5.useCallback((api2) => {
+    if (!api2) return;
+    setCanScrollPrev(api2.canScrollPrev());
+    setCanScrollNext(api2.canScrollNext());
+  }, []);
+  const scrollPrev = React5.useCallback(() => {
+    api?.scrollPrev();
+  }, [api]);
+  const scrollNext = React5.useCallback(() => {
+    api?.scrollNext();
+  }, [api]);
+  const handleKeyDown = React5.useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  React5.useEffect(() => {
+    if (!api || !setApi) return;
+    setApi(api);
+  }, [api, setApi]);
+  React5.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api?.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ jsx8(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      },
+      children: /* @__PURE__ */ jsx8(
+        "div",
+        {
+          onKeyDownCapture: handleKeyDown,
+          className: cn("relative", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...props,
+          children
+        }
+      )
+    }
+  );
+}
+function CarouselContentBase({ className, ...props }) {
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      ref: carouselRef,
+      className: "overflow-hidden",
+      "data-slot": "carousel-content",
+      children: /* @__PURE__ */ jsx8(
+        "div",
+        {
+          className: cn(
+            "flex",
+            orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  );
+}
+function CarouselItemBase({ className, ...props }) {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "pl-4" : "pt-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CarouselPrevious({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ jsxs3(
+    ButtonBase,
+    {
+      "data-slot": "carousel-previous",
+      variant,
+      size,
+      className: cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx8(ArrowLeft, {}),
+        /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+}
+function CarouselNextBase({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxs3(
+    ButtonBase,
+    {
+      "data-slot": "carousel-next",
+      variant,
+      size,
+      className: cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx8(ArrowRight, {}),
+        /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+}
+
+// src/components/ui/CheckBoxBase.tsx
+import * as React6 from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Check } from "phosphor-react";
+import { motion } from "framer-motion";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var CheckboxBase = React6.forwardRef(({ className, testid: dataTestId = "checkbox-base", ...props }, ref) => /* @__PURE__ */ jsx9(
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "peer h-4 w-4 shrink-0 rounded-md border border-primary shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground transition-colors",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props,
+    children: /* @__PURE__ */ jsx9(CheckboxPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ jsx9(
+      motion.div,
+      {
+        initial: { scale: 0, opacity: 0, rotate: -90 },
+        animate: { scale: 1, opacity: 1, rotate: 0 },
+        exit: { scale: 0, opacity: 0, rotate: 90 },
+        transition: { type: "spring", stiffness: 500, damping: 30 },
+        className: "flex items-center justify-center text-current",
+        children: /* @__PURE__ */ jsx9(Check, { className: "h-4 w-4", weight: "bold" })
+      }
+    ) })
+  }
+));
+CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
+
+// src/components/ui/CommandBase.tsx
+import * as React8 from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { MagnifyingGlass } from "phosphor-react";
+import { motion as motion2, AnimatePresence } from "framer-motion";
+
+// src/components/ui/DialogBase.tsx
+import * as React7 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "phosphor-react";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+var DialogBase = DialogPrimitive.Root;
+var DialogTriggerBase = DialogPrimitive.Trigger;
+var DialogPortalBase = DialogPrimitive.Portal;
+var DialogCloseBase = DialogPrimitive.Close;
+var DialogOverlayBase = React7.forwardRef(({ className, testid: dataTestId = "dialog-overlay", ...props }, ref) => /* @__PURE__ */ jsx10(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+DialogOverlayBase.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContentBase = React7.forwardRef(({ className, children, testid: dataTestId = "dialog-content", ...props }, ref) => /* @__PURE__ */ jsxs4(DialogPortalBase, { children: [
+  /* @__PURE__ */ jsx10(DialogOverlayBase, {}),
+  /* @__PURE__ */ jsxs4(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      ),
+      "data-testid": dataTestId,
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs4(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ jsx10(X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContentBase.displayName = DialogPrimitive.Content.displayName;
+var DialogHeaderBase = React7.forwardRef(({ className, testid: dataTestId = "dialog-header", ...props }, ref) => /* @__PURE__ */ jsx10(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+DialogHeaderBase.displayName = "DialogHeader";
+var DialogFooterBase = React7.forwardRef(({ className, testid: dataTestId = "dialog-footer", ...props }, ref) => /* @__PURE__ */ jsx10(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+DialogFooterBase.displayName = "DialogFooter";
+var DialogTitleBase = React7.forwardRef(({ className, testid: dataTestId = "dialog-title", ...props }, ref) => /* @__PURE__ */ jsx10(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold leading-none tracking-tight", className),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+DialogTitleBase.displayName = DialogPrimitive.Title.displayName;
+var DialogDescriptionBase = React7.forwardRef(({ className, testid: dataTestId = "dialog-description", ...props }, ref) => /* @__PURE__ */ jsx10(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+DialogDescriptionBase.displayName = DialogPrimitive.Description.displayName;
+
+// src/components/ui/CommandBase.tsx
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+var CommandBase = React8.forwardRef(({ className, testid: dataTestId = "command-base", ...props }, ref) => /* @__PURE__ */ jsx11(
+  CommandPrimitive,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-background text-popover-foreground",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+CommandBase.displayName = CommandPrimitive.displayName;
+var dialogVariants = {
+  hidden: { opacity: 0, scale: 0.95, y: -20 },
+  visible: { opacity: 1, scale: 1, y: 0 },
+  exit: { opacity: 0, scale: 0.95, y: -20 }
+};
+var CommandDialogBase = ({ children, open, ...props }) => {
+  return /* @__PURE__ */ jsx11(DialogBase, { open, ...props, children: /* @__PURE__ */ jsx11(AnimatePresence, { children: open && /* @__PURE__ */ jsx11(DialogContentBase, { asChild: true, forceMount: true, children: /* @__PURE__ */ jsx11(
+    motion2.div,
+    {
+      initial: "hidden",
+      animate: "visible",
+      exit: "exit",
+      variants: dialogVariants,
+      transition: { duration: 0.2, ease: "easeOut" },
+      className: "overflow-hidden p-0",
+      children: /* @__PURE__ */ jsx11(CommandBase, { 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]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
+    },
+    "command-dialog"
+  ) }) }) });
+};
+var CommandInputBase = React8.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ jsxs5("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx11(MagnifyingGlass, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
+  /* @__PURE__ */ jsx11(
+    CommandPrimitive.Input,
+    {
+      ref,
+      className: cn(
+        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none text-primary placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      "data-testid": dataTestId,
+      ...props
+    }
+  )
+] }));
+CommandInputBase.displayName = CommandPrimitive.Input.displayName;
+var CommandListBase = React8.forwardRef(({ className, testid: dataTestId = "command-list", ...props }, ref) => /* @__PURE__ */ jsx11(
+  CommandPrimitive.List,
+  {
+    ref,
+    className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+CommandListBase.displayName = CommandPrimitive.List.displayName;
+var CommandEmptyBase = React8.forwardRef(({ testid: dataTestId = "command-empty", ...props }, ref) => /* @__PURE__ */ jsx11(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", "data-testid": dataTestId, ...props }));
+CommandEmptyBase.displayName = CommandPrimitive.Empty.displayName;
+var CommandGroupBase = React8.forwardRef(({ className, testid: dataTestId = "command-group", ...props }, ref) => /* @__PURE__ */ jsx11(
+  CommandPrimitive.Group,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+CommandGroupBase.displayName = CommandPrimitive.Group.displayName;
+var CommandSeparatorBase = React8.forwardRef(({ className, testid: dataTestId = "command-separator", ...props }, ref) => /* @__PURE__ */ jsx11(CommandPrimitive.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), "data-testid": dataTestId, ...props }));
+CommandSeparatorBase.displayName = CommandPrimitive.Separator.displayName;
+var CommandItemBase = React8.forwardRef(({ className, testid: dataTestId = "command-item", ...props }, ref) => /* @__PURE__ */ jsx11(
+  CommandPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-all data-[disabled=true]:pointer-events-none data-[selected=true]:bg-primary data-[selected=true]:text-background data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:scale-[1.02] active:scale-[0.98]",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props
+  }
+));
+CommandItemBase.displayName = CommandPrimitive.Item.displayName;
+var CommandShortcutBase = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx11("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+};
+CommandShortcutBase.displayName = "CommandShortcut";
+
+// src/components/ui/ContextMenuBase.tsx
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { CaretRight as CaretRight3, Check as Check2, Circle } from "phosphor-react";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+function ContextMenuBase(props) {
+  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+}
+function ContextMenuTriggerBase(props) {
+  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+}
+function ContextMenuGroupBase(props) {
+  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+}
+function ContextMenuPortalBase(props) {
+  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
+}
+function ContextMenuSubBase(props) {
+  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+}
+function ContextMenuRadioGroupBase(props) {
+  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
+}
+function ContextMenuSubTriggerBase({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs6(
+    ContextMenuPrimitive.SubTrigger,
+    {
+      "data-slot": "context-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "focus:outline-none",
+        "focus:bg-accent focus:text-accent-foreground",
+        "flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm select-none",
+        "data-[inset]:pl-8",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx12(CaretRight3, { className: "ml-auto" })
+      ]
+    }
+  );
+}
+function ContextMenuSubContentBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx12(
+    ContextMenuPrimitive.SubContent,
+    {
+      "data-slot": "context-menu-sub-content",
+      className: cn(
+        "bg-popover text-popover-foreground 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",
+        "z-50 min-w-[8rem] overflow-hidden rounded-md border border-border p-1 shadow-lg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuContentBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
+    ContextMenuPrimitive.Content,
+    {
+      "data-slot": "context-menu-content",
+      className: cn(
+        "bg-popover text-popover-foreground 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",
+        "z-50 max-h-[var(--radix-context-menu-content-available-height)] min-w-[8rem]",
+        "overflow-x-hidden overflow-y-auto rounded-md border border-border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function ContextMenuItemBase({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx12(
+    ContextMenuPrimitive.Item,
+    {
+      "data-slot": "context-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "focus:outline-none",
+        "focus:bg-accent focus:text-accent-foreground",
+        "data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20",
+        "data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive",
+        "[&_svg:not([class*='text-'])]:text-muted-foreground",
+        "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm select-none",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "data-[inset]:pl-8",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ContextMenuCheckboxItemBase({
+  className,
+  children,
+  checked,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs6(
+    ContextMenuPrimitive.CheckboxItem,
+    {
+      "data-slot": "context-menu-checkbox-item",
+      className: cn(
+        "focus:outline-none",
+        "focus:bg-accent focus:text-accent-foreground",
+        "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm select-none",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx12("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx12(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(Check2, { className: "size-4" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuRadioItemBase({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs6(
+    ContextMenuPrimitive.RadioItem,
+    {
+      "data-slot": "context-menu-radio-item",
+      className: cn(
+        "focus:outline-none",
+        "focus:bg-accent focus:text-accent-foreground",
+        "relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm select-none",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx12("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx12(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(Circle, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuLabelBase({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx12(
+    ContextMenuPrimitive.Label,
+    {
+      "data-slot": "context-menu-label",
+      "data-inset": inset,
+      className: cn("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
+      ...props
+    }
+  );
+}
+function ContextMenuSeparatorBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx12(
+    ContextMenuPrimitive.Separator,
+    {
+      "data-slot": "context-menu-separator",
+      className: cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function ContextMenuShortcutBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx12(
+    "span",
+    {
+      "data-slot": "context-menu-shortcut",
+      className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/DrawerBase.tsx
+import { Drawer as DrawerPrimitive } from "vaul";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+function DrawerBase({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
+}
+function DrawerTriggerBase({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
+}
+function DrawerPortalBase({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
+}
+function DrawerCloseBase({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
+}
+function DrawerOverlayBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(
+    DrawerPrimitive.Overlay,
+    {
+      "data-slot": "drawer-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerContentBase({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs7(DrawerPortalBase, { children: [
+    /* @__PURE__ */ jsx13(DrawerOverlayBase, {}),
+    /* @__PURE__ */ jsxs7(
+      DrawerPrimitive.Content,
+      {
+        "data-slot": "drawer-content",
+        className: cn(
+          "group/drawer-content bg-background fixed z-50 flex h-auto flex-col",
+          "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b",
+          "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t",
+          "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm",
+          "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx13("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          children
+        ]
+      }
+    )
+  ] });
+}
+function DrawerHeaderBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(
+    "div",
+    {
+      "data-slot": "drawer-header",
+      className: cn(
+        "flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerFooterBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(
+    "div",
+    {
+      "data-slot": "drawer-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function DrawerTitleBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(
+    DrawerPrimitive.Title,
+    {
+      "data-slot": "drawer-title",
+      className: cn("text-foreground font-semibold", className),
+      ...props
+    }
+  );
+}
+function DrawerDescriptionBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx13(
+    DrawerPrimitive.Description,
+    {
+      "data-slot": "drawer-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/DropDownMenuBase.tsx
+import * as React9 from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check as Check3, CaretRight as CaretRight4, Circle as Circle2 } from "phosphor-react";
+import { motion as motion3, AnimatePresence as AnimatePresence2 } from "framer-motion";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+var DropDownMenuBase = DropdownMenuPrimitive.Root;
+var DropDownMenuTriggerBase = DropdownMenuPrimitive.Trigger;
+var DropDownMenuGroupBase = DropdownMenuPrimitive.Group;
+var DropDownMenuPortalBase = DropdownMenuPrimitive.Portal;
+var DropDownMenuSubBase = DropdownMenuPrimitive.Sub;
+var DropDownMenuRadioGroupBase = DropdownMenuPrimitive.RadioGroup;
+var DropDownMenuSubTriggerBase = React9.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
+  DropdownMenuPrimitive.SubTrigger,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx14(CaretRight4, { className: "ml-auto" })
+    ]
+  }
+));
+DropDownMenuSubTriggerBase.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropDownMenuSubContentBase = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      " min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+var DropDownMenuContentBase = React9.forwardRef(({ className, sideOffset = 4, testid: dataTestId = "dropdown-content", ...props }, ref) => /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx14(
+  DropdownMenuPrimitive.Content,
+  {
+    sideOffset,
+    forceMount: true,
+    ref,
+    className: cn("z-[9999] p-0", className),
+    "data-testid": dataTestId,
+    ...props,
+    children: /* @__PURE__ */ jsx14(AnimatePresence2, { children: /* @__PURE__ */ jsx14(
+      motion3.div,
+      {
+        initial: { opacity: 0, scale: 0.95, y: 5 },
+        animate: { opacity: 1, scale: 1, y: 0 },
+        exit: { opacity: 0, scale: 0.95, y: 5 },
+        transition: { duration: 0.2, ease: "easeOut" },
+        className: cn(
+          "min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+          className
+        ),
+        children: props.children
+      }
+    ) })
+  }
+) }));
+DropDownMenuContentBase.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropDownMenuItemBase = React9.forwardRef(({ className, inset, leftIcon, rightIcon, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
+        leftIcon && /* @__PURE__ */ jsx14("span", { className: "[&>svg]:size-4", children: leftIcon }),
+        children
+      ] }),
+      rightIcon && /* @__PURE__ */ jsx14("span", { className: "[&>svg]:size-4", children: rightIcon })
+    ]
+  }
+));
+DropDownMenuItemBase.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropDownMenuCheckboxItemBase = React9.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs8(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx14("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx14(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx14(Check3, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropDownMenuCheckboxItemBase.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropDownMenuRadioItemBase = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx14("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx14(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx14(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropDownMenuRadioItemBase.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropDownMenuLabelBase = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx14(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropDownMenuLabelBase.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropDownMenuSeparatorBase = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropDownMenuSeparatorBase.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropDownMenuShortcutBase = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx14(
+    "span",
+    {
+      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+};
+DropDownMenuShortcutBase.displayName = "DropDownMenuShortcutBase";
+
+// src/components/ui/FilterBase.tsx
+import { useState as useState3, useCallback as useCallback4, useMemo as useMemo3, useEffect as useEffect2 } from "react";
+import { useSearchParams } from "react-router-dom";
+
+// src/components/ui/InputBase.tsx
+import * as React11 from "react";
+
+// src/components/ui/LabelBase.tsx
+import * as React10 from "react";
+import { Label as RadixLabel } from "@radix-ui/react-label";
+import { Slot as Slot4 } from "@radix-ui/react-slot";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var LabelBase = React10.forwardRef(
+  ({ className, asChild = false, testid = "label-base", ...props }, ref) => {
+    const Comp = asChild ? Slot4 : "label";
+    return /* @__PURE__ */ jsx15(RadixLabel, { children: /* @__PURE__ */ jsx15(
+      Comp,
+      {
+        ref,
+        className: cn(
+          "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+          className
+        ),
+        "data-testid": testid,
+        ...props
+      }
+    ) });
+  }
+);
+LabelBase.displayName = "LabelBase";
+var LabelBase_default = LabelBase;
+
+// src/components/ui/InputBase.tsx
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+var InputBase = React11.forwardRef(
+  ({
+    className,
+    type = "text",
+    label,
+    labelClassname,
+    leftIcon,
+    rightIcon,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs9("div", { className: "flex flex-col w-full min-w-[150px]", children: [
+      label && /* @__PURE__ */ jsx16(LabelBase_default, { className: labelClassname, children: label }),
+      /* @__PURE__ */ jsxs9(
+        "div",
+        {
+          className: cn(
+            "flex items-center rounded-md transition focus-within:ring-1 focus-within:ring-ring focus-within:border-ring bg-background overflow-hidden",
+            type !== "file" && "border border-input"
+          ),
+          children: [
+            leftIcon && /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-center px-2", children: leftIcon }),
+            /* @__PURE__ */ jsx16(
+              "input",
+              {
+                type,
+                className: cn(
+                  "w-full flex-1 text-sm py-1.5 px-3 focus:outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 bg-background text-foreground",
+                  className
+                ),
+                ref,
+                "data-testid": dataTestId ?? "input-base",
+                ...props
+              }
+            ),
+            rightIcon && /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-center px-2", children: rightIcon })
+          ]
+        }
+      )
+    ] });
+  }
+);
+InputBase.displayName = "Input";
+
+// src/components/selects/Combobox.tsx
+import { useCallback as useCallback2, useMemo } from "react";
+
+// src/components/ui/PopoverBase.tsx
+import * as React12 from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var PopoverBase = PopoverPrimitive.Root;
+var PopoverTriggerBase = PopoverPrimitive.Trigger;
+var PopoverAnchorBase = PopoverPrimitive.Anchor;
+var PopoverContentBase = React12.forwardRef(({ className, align = "center", sideOffset = 4, testid: dataTestId = "popover-content", ...props }, ref) => /* @__PURE__ */ jsx17(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx17(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    "data-testid": dataTestId,
+    ...props
+  }
+) }));
+PopoverContentBase.displayName = PopoverPrimitive.Content.displayName;
+
+// src/components/selects/ComboboxBase.tsx
+import { CaretDown, Check as Check4 } from "phosphor-react";
+import { useState as useState2 } from "react";
+import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+function ComboboxBase({
+  items,
+  renderSelected,
+  handleSelection,
+  checkIsSelected,
+  searchPlaceholder,
+  errorMessage,
+  testIds = {}
+}) {
+  const [open, setOpen] = useState2(false);
+  return /* @__PURE__ */ jsx18(
+    "div",
+    {
+      className: "col-span-1 w-full",
+      "data-testid": testIds.root ?? "combobox-base-root",
+      children: /* @__PURE__ */ jsxs10(PopoverBase, { open, onOpenChange: setOpen, modal: true, children: [
+        /* @__PURE__ */ jsx18(
+          PopoverTriggerBase,
+          {
+            asChild: true,
+            className: "flex w-full justify-between dark:bg-[hsl(231,15%,19%)]",
+            children: /* @__PURE__ */ jsxs10(
+              ButtonBase,
+              {
+                variant: "outline",
+                role: "combobox",
+                "aria-expanded": open,
+                className: cn(
+                  "flex items-start gap-2 justify-between h-full",
+                  errorMessage && "border-red-500"
+                ),
+                "data-testid": testIds.trigger ?? "combobox-trigger",
+                children: [
+                  renderSelected,
+                  /* @__PURE__ */ jsx18(CaretDown, { size: 16, className: "mt-0.5" })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx18(
+          PopoverContentBase,
+          {
+            className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] p-0 border-none",
+            "data-testid": testIds.popover ?? "combobox-popover",
+            children: /* @__PURE__ */ jsxs10(
+              CommandBase,
+              {
+                className: "dark:text-white",
+                "data-testid": testIds.command ?? "combobox-command",
+                children: [
+                  /* @__PURE__ */ jsx18(
+                    CommandInputBase,
+                    {
+                      tabIndex: -1,
+                      placeholder: searchPlaceholder ?? "Busque uma op\xE7\xE3o...",
+                      "data-testid": testIds.search ?? "combobox-search"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs10(CommandListBase, { "data-testid": testIds.list ?? "combobox-list", children: [
+                    /* @__PURE__ */ jsx18(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children: "Nenhum dado encontrado" }),
+                    /* @__PURE__ */ jsx18(CommandGroupBase, { "data-testid": testIds.group ?? "combobox-group", children: items.map((item) => {
+                      const isSelected = checkIsSelected(item.value);
+                      return /* @__PURE__ */ jsxs10(
+                        CommandItemBase,
+                        {
+                          keywords: [item.label],
+                          value: item.value,
+                          onSelect: (value) => {
+                            handleSelection(value);
+                            setOpen(false);
+                          },
+                          "data-testid": testIds.option ?? "combobox-option",
+                          children: [
+                            item.label,
+                            /* @__PURE__ */ jsx18(
+                              Check4,
+                              {
+                                className: cn(
+                                  "ml-auto",
+                                  isSelected ? "opacity-100" : "opacity-0"
+                                ),
+                                "data-testid": isSelected ? testIds.check ?? "combobox-option-check" : void 0
+                              }
+                            )
+                          ]
+                        },
+                        item.value
+                      );
+                    }) })
+                  ] })
+                ]
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+}
+
+// src/components/selects/Combobox.tsx
+import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+function Combobox({
+  items,
+  selected,
+  onChange,
+  className,
+  placeholder,
+  searchPlaceholder,
+  label,
+  labelClassname,
+  testIds
+}) {
+  const selectedItem = items.find((item) => item.value === selected);
+  const renderSelected = useMemo(() => {
+    return /* @__PURE__ */ jsx19(
+      "span",
+      {
+        "data-testid": testIds?.selected ?? "combobox-selected",
+        className: cn("truncate", !selectedItem && "text-gray-500"),
+        children: selectedItem?.label ?? placeholder ?? "Selecione uma op\xE7\xE3o..."
+      }
+    );
+  }, [placeholder, selectedItem, testIds?.selected]);
+  const checkIsSelected = useCallback2(
+    (value) => selected == null ? false : selected == value,
+    [selected]
+  );
+  const handleSelection = useCallback2(
+    (value) => {
+      onChange(value === selected ? null : value);
+    },
+    [selected, onChange]
+  );
+  return /* @__PURE__ */ jsxs11("div", { className: cn("flex flex-col gap-1 w-full min-w-[150px]", className), children: [
+    label && /* @__PURE__ */ jsx19(LabelBase_default, { className: labelClassname, children: label }),
+    /* @__PURE__ */ jsx19(
+      ComboboxBase,
+      {
+        items,
+        renderSelected,
+        handleSelection,
+        checkIsSelected,
+        searchPlaceholder,
+        testIds
+      }
+    )
+  ] });
+}
+
+// src/components/selects/MultiCombobox.tsx
+import { useCallback as useCallback3, useMemo as useMemo2 } from "react";
+import { X as X2 } from "phosphor-react";
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+function MultiCombobox({
+  items,
+  selected,
+  onChange,
+  className,
+  placeholder,
+  searchPlaceholder,
+  label,
+  labelClassname,
+  testIds = {}
+}) {
+  const selectedItems = items.filter((item) => selected.includes(item.value));
+  const checkIsSelected = useCallback3(
+    (value) => selected.includes(value),
+    [selected]
+  );
+  const handleSelection = useCallback3(
+    (value) => {
+      const isSelected = selected.includes(value);
+      if (isSelected) {
+        onChange(selected.filter((item) => item !== value));
+      } else {
+        onChange([...selected, value]);
+      }
+    },
+    [selected, onChange]
+  );
+  const renderSelected = useMemo2(() => {
+    if (selectedItems.length === 0) {
+      return /* @__PURE__ */ jsx20(
+        "span",
+        {
+          "data-testid": testIds.emptyPlaceholder ?? "combobox-selected-empty",
+          className: "text-gray-500",
+          children: placeholder ?? "Selecione uma op\xE7\xE3o..."
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx20(
+      "div",
+      {
+        "data-testid": testIds.selectedWrapper ?? "combobox-selected-wrapper",
+        className: "flex w-full flex-wrap gap-2",
+        children: selectedItems.map((item) => /* @__PURE__ */ jsxs12(
+          "div",
+          {
+            className: "flex items-center gap-1 rounded-md border p-1",
+            "data-testid": testIds.selectedItem?.(item.value) ?? `combobox-selected-${item.value}`,
+            children: [
+              /* @__PURE__ */ jsx20("span", { className: "whitespace-break-spaces text-xs", children: item.label }),
+              /* @__PURE__ */ jsx20(
+                "span",
+                {
+                  role: "button",
+                  tabIndex: 0,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    handleSelection(item.value);
+                  },
+                  className: "cursor-pointer p-0 m-0 text-xs flex items-center justify-center hover:text-red-500 hover:scale-110 transition-all",
+                  children: /* @__PURE__ */ jsx20(X2, { size: 14 })
+                }
+              )
+            ]
+          },
+          item.value
+        ))
+      }
+    );
+  }, [handleSelection, placeholder, selectedItems, testIds]);
+  return /* @__PURE__ */ jsxs12(
+    "div",
+    {
+      className: cn("flex flex-col gap-1 w-full min-w-[150px]", className),
+      "data-testid": testIds.root ?? "multi-combobox-root",
+      children: [
+        label && /* @__PURE__ */ jsx20(
+          LabelBase_default,
+          {
+            className: labelClassname,
+            "data-testid": testIds.label ?? "multi-combobox-label",
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsx20(
+          ComboboxBase,
+          {
+            items,
+            renderSelected,
+            handleSelection,
+            checkIsSelected,
+            searchPlaceholder
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ui/TooltipBase.tsx
+import * as React13 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var TooltipProviderBase = TooltipPrimitive.Provider;
+var TooltipBase = TooltipPrimitive.Root;
+var TooltipTriggerBase = TooltipPrimitive.Trigger;
+var TooltipContentBase = React13.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx21(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+TooltipContentBase.displayName = TooltipPrimitive.Content.displayName;
+
+// src/components/ui/FilterBase.tsx
+var import_colors = __toESM(require_colors2());
+import { FunnelSimple, Plus, Trash } from "phosphor-react";
+import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
+
+// src/components/ui/HoverCardBase.tsx
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+import { jsx as jsx23 } from "react/jsx-runtime";
+function HoverCardBase(props) {
+  return /* @__PURE__ */ jsx23(HoverCardPrimitive.Root, { ...props });
+}
+function HoverCardTriggerBase(props) {
+  return /* @__PURE__ */ jsx23(HoverCardPrimitive.Trigger, { ...props });
+}
+function HoverCardContentBase({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx23(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
+    HoverCardPrimitive.Content,
+    {
+      align,
+      sideOffset,
+      className: cn(
+        "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+        "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+        "data-[side=bottom]:slide-in-from-top-2",
+        "data-[side=left]:slide-in-from-right-2",
+        "data-[side=right]:slide-in-from-left-2",
+        "data-[side=top]:slide-in-from-bottom-2",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+
+// src/components/ui/Input-OTP-Base.tsx
+import * as React14 from "react";
+import { OTPInput, OTPInputContext } from "input-otp";
+import { Minus } from "phosphor-react";
+import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+function InputOTPBase({
+  className,
+  containerClassName,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx24(
+    OTPInput,
+    {
+      "data-slot": "input-otp",
+      containerClassName: cn(
+        "flex items-center gap-2 has-disabled:opacity-50",
+        containerClassName
+      ),
+      className: cn("disabled:cursor-not-allowed", className),
+      ...props
+    }
+  );
+}
+function InputOTPGroupBase({ className, ...props }) {
+  return /* @__PURE__ */ jsx24(
+    "div",
+    {
+      "data-slot": "input-otp-group",
+      className: cn("flex items-center", className),
+      ...props
+    }
+  );
+}
+function InputOTPSlotBase({
+  index,
+  className,
+  ...props
+}) {
+  const inputOTPContext = React14.useContext(OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
+  return /* @__PURE__ */ jsxs14(
+    "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 h-9 w-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__ */ jsx24("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx24("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+      ]
+    }
+  );
+}
+function InputOTPSeparatorBase({ ...props }) {
+  return /* @__PURE__ */ jsx24("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx24(Minus, {}) });
+}
+
+// src/components/ui/NavigationMenuBase.tsx
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { cva as cva3 } from "class-variance-authority";
+import { CaretDown as CaretDown2 } from "phosphor-react";
+import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+function NavigationMenuBase({
+  className,
+  children,
+  viewport = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs15(
+    NavigationMenuPrimitive.Root,
+    {
+      "data-slot": "navigation-menu",
+      "data-viewport": viewport,
+      className: cn(
+        "group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        viewport && /* @__PURE__ */ jsx25(NavigationMenuViewportBase, {})
+      ]
+    }
+  );
+}
+function NavigationMenuListBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx25(
+    NavigationMenuPrimitive.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: cn(
+        "group flex flex-1 list-none items-center justify-center gap-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuItemBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx25(
+    NavigationMenuPrimitive.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: cn("relative", className),
+      ...props
+    }
+  );
+}
+var navigationMenuTriggerStyle = cva3(
+  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
+);
+function NavigationMenuTriggerBase({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs15(
+    NavigationMenuPrimitive.Trigger,
+    {
+      "data-slot": "navigation-menu-trigger",
+      className: cn(navigationMenuTriggerStyle(), "group", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx25(
+          CaretDown2,
+          {
+            className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+}
+function NavigationMenuContentBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx25(
+    NavigationMenuPrimitive.Content,
+    {
+      "data-slot": "navigation-menu-content",
+      className: cn(
+        "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
+        "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuViewportBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx25("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: /* @__PURE__ */ jsx25(
+    NavigationMenuPrimitive.Viewport,
+    {
+      "data-slot": "navigation-menu-viewport",
+      className: cn(
+        "origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function NavigationMenuLinkBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx25(
+    NavigationMenuPrimitive.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: cn(
+        "data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavigationMenuIndicatorBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx25(
+    NavigationMenuPrimitive.Indicator,
+    {
+      "data-slot": "navigation-menu-indicator",
+      className: cn(
+        "data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx25("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+    }
+  );
+}
+
+// src/components/ui/ProgressBase.tsx
+import * as React15 from "react";
+import * as ProgressPrimitive from "@radix-ui/react-progress";
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
+var ProgressBase = React15.forwardRef(({ className, value, label, leftIcon, rightIcon, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
+    label && /* @__PURE__ */ jsx26(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
+      leftIcon && /* @__PURE__ */ jsx26("div", { className: "flex items-center justify-center", children: leftIcon }),
+      /* @__PURE__ */ jsx26(
+        ProgressPrimitive.Root,
+        {
+          ref,
+          className: cn(
+            "relative h-3 w-full overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-800 shadow-inner transition-all",
+            className
+          ),
+          value,
+          ...props,
+          children: /* @__PURE__ */ jsx26(
+            ProgressPrimitive.Indicator,
+            {
+              className: "h-full w-full flex-1 bg-primary transition-all duration-500 ease-in-out",
+              style: { transform: `translateX(-${100 - (value || 0)}%)` }
+            }
+          )
+        }
+      ),
+      rightIcon && /* @__PURE__ */ jsx26("div", { className: "flex items-center justify-center", children: rightIcon })
+    ] })
+  ] });
+});
+ProgressBase.displayName = "ProgressBase";
+var ProgressSegmentsBase = ({
+  label,
+  segments,
+  value
+}) => {
+  const filled = Math.round(value / 100 * segments);
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
+    label && /* @__PURE__ */ jsx26(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ jsx26("div", { className: "flex gap-1 w-full", children: Array.from({ length: segments }).map((_, idx) => /* @__PURE__ */ jsx26(
+      "div",
+      {
+        className: cn(
+          "h-2 flex-1 rounded-full transition-all duration-300",
+          idx < filled ? "bg-primary" : "bg-zinc-300 hover:bg-zinc-400"
+        )
+      },
+      idx
+    )) })
+  ] });
+};
+var ArrowRightIcon = () => /* @__PURE__ */ jsx26(
+  "svg",
+  {
+    className: "w-6 h-6 text-zinc-400 transition-transform duration-300 group-hover:translate-x-1",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsx26("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+  }
+);
+var ProgressPanelsBase = ({
+  label,
+  steps,
+  currentStep
+}) => {
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1 w-full", children: [
+    label && /* @__PURE__ */ jsx26(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ jsx26("div", { className: "flex w-full gap-1 rounded-lg overflow-hidden", children: steps.map((step, idx) => {
+      const isActive = idx === currentStep;
+      const isLast = idx === steps.length - 1;
+      return /* @__PURE__ */ jsxs16(React15.Fragment, { children: [
+        /* @__PURE__ */ jsxs16(
+          "div",
+          {
+            className: cn(
+              "relative flex items-center justify-center cursor-pointer select-none rounded-lg border transition-shadow duration-300 ease-in-out",
+              "hover:shadow-md hover:z-10",
+              "aspect-[5/1] min-w-[90px] px-4",
+              isActive ? "bg-primary/20 border-2 border-primary shadow-lg font-semibold" : "border-zinc-300"
+            ),
+            style: { flex: "1 1 0" },
+            children: [
+              /* @__PURE__ */ jsx26("span", { className: "truncate", children: step }),
+              isActive && /* @__PURE__ */ jsx26("div", { className: "absolute bottom-0 left-0 h-1 w-full animate-pulse rounded-b-lg" })
+            ]
+          }
+        ),
+        !isLast && /* @__PURE__ */ jsx26("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ jsx26(ArrowRightIcon, {}) })
+      ] }, idx);
+    }) })
+  ] });
+};
+var ProgressCirclesBase = ({
+  label,
+  steps,
+  currentStep
+}) => {
+  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-2 w-full", children: [
+    label && /* @__PURE__ */ jsx26("label", { className: "py-2 text-base font-semibold text-gray-700 dark:text-gray-300", children: label }),
+    /* @__PURE__ */ jsxs16("div", { className: "relative flex items-center justify-between w-full", children: [
+      /* @__PURE__ */ jsx26("div", { className: "absolute top-5 left-0 w-full h-1 bg-zinc-200 dark:bg-zinc-700" }),
+      /* @__PURE__ */ jsx26(
+        "div",
+        {
+          className: "absolute top-5 left-0 h-1 bg-primary transition-all duration-300",
+          style: {
+            width: `${currentStep / (steps.length - 1) * 100}%`
+          }
+        }
+      ),
+      steps.map((step, idx) => {
+        const isActive = idx <= currentStep;
+        return /* @__PURE__ */ jsxs16(
+          "div",
+          {
+            className: "relative flex flex-col items-center w-10",
+            style: { zIndex: isActive ? 10 : 1 },
+            children: [
+              /* @__PURE__ */ jsx26(
+                "div",
+                {
+                  className: cn(
+                    "w-10 h-10 rounded-full flex items-center justify-center font-bold text-sm transition-all duration-300 cursor-pointer select-none",
+                    isActive ? "bg-primary text-white dark:text-black shadow-md" : "bg-zinc-200 text-zinc-500 hover:bg-zinc-300 dark:bg-zinc-500 dark:text-black"
+                  ),
+                  children: idx + 1
+                }
+              ),
+              /* @__PURE__ */ jsx26("span", { className: "text-xs text-center font-medium mt-1 max-w-[80px] break-words", children: step })
+            ]
+          },
+          idx
+        );
+      })
+    ] })
+  ] });
+};
+
+// src/components/ui/ScrollareaBase.tsx
+import * as React16 from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+var ScrollAreaBase = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx27(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx27(ScrollBarBase, {}),
+      /* @__PURE__ */ jsx27(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollAreaBase.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBarBase = React16.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx27(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx27(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ScrollBarBase.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+// src/components/ui/SelectBase.tsx
+import * as React17 from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check as Check5, CaretDown as CaretDown3, CaretUp } from "phosphor-react";
+import { motion as motion4, AnimatePresence as AnimatePresence3 } from "framer-motion";
+import { Fragment as Fragment2, jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+var SelectBase = SelectPrimitive.Root;
+var SelectGroupBase = SelectPrimitive.Group;
+var SelectValueBase = SelectPrimitive.Value;
+var SelectTriggerBase = React17.forwardRef(({ className, children, open, ...props }, ref) => /* @__PURE__ */ jsxs18(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx28(
+        motion4.span,
+        {
+          animate: { rotate: open ? 180 : 0 },
+          transition: { duration: 0.3 },
+          className: "flex items-center",
+          children: /* @__PURE__ */ jsx28(CaretDown3, { className: "h-4 w-4 opacity-50" })
+        }
+      )
+    ]
+  }
+));
+SelectTriggerBase.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButtonBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx28(CaretUp, { className: "h-4 w-4" })
+  }
+));
+SelectScrollUpButtonBase.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButtonBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx28(CaretDown3, { className: "h-4 w-4" })
+  }
+));
+SelectScrollDownButtonBase.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContentBase = React17.forwardRef(({ className, children, position = "popper", testid: dataTestId = "select-content", ...props }, ref) => /* @__PURE__ */ jsx28(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx28(AnimatePresence3, { children: /* @__PURE__ */ jsx28(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md",
+      className
+    ),
+    position,
+    "data-testid": dataTestId,
+    ...props,
+    asChild: true,
+    children: /* @__PURE__ */ jsx28(
+      motion4.div,
+      {
+        initial: { opacity: 0, scale: 0.95 },
+        animate: { opacity: 1, scale: 1 },
+        exit: { opacity: 0, scale: 0.95 },
+        transition: { duration: 0.2 },
+        children: /* @__PURE__ */ jsxs18(Fragment2, { children: [
+          /* @__PURE__ */ jsx28(SelectScrollUpButtonBase, {}),
+          /* @__PURE__ */ jsx28(
+            SelectPrimitive.Viewport,
+            {
+              className: cn(
+                "p-1",
+                position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+              ),
+              children
+            }
+          ),
+          /* @__PURE__ */ jsx28(SelectScrollDownButtonBase, {})
+        ] })
+      }
+    )
+  }
+) }) }));
+SelectContentBase.displayName = SelectPrimitive.Content.displayName;
+var SelectLabelBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabelBase.displayName = SelectPrimitive.Label.displayName;
+var SelectItemBase = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx28("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx28(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx28(Check5, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx28(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItemBase.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparatorBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparatorBase.displayName = SelectPrimitive.Separator.displayName;
+
+// src/components/ui/SeparatorBase.tsx
+import * as React18 from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { motion as motion5 } from "framer-motion";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var SeparatorBase = React18.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
+    const isHorizontal = orientation === "horizontal";
+    return /* @__PURE__ */ jsx29(
+      SeparatorPrimitive.Root,
+      {
+        ref,
+        decorative,
+        orientation,
+        asChild: true,
+        ...props,
+        children: /* @__PURE__ */ jsx29(
+          motion5.div,
+          {
+            className: cn(
+              "shrink-0 bg-border",
+              isHorizontal ? "h-[1px] w-full" : "h-full w-[1px]",
+              className
+            ),
+            initial: { scaleX: isHorizontal ? 0 : 1, scaleY: isHorizontal ? 1 : 0 },
+            animate: { scaleX: 1, scaleY: 1 },
+            transition: { duration: 0.2, ease: "easeInOut" }
+          }
+        )
+      }
+    );
+  }
+);
+SeparatorBase.displayName = SeparatorPrimitive.Root.displayName;
+
+// src/components/ui/SheetBase.tsx
+import * as React19 from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva as cva4 } from "class-variance-authority";
+import { X as X3 } from "phosphor-react";
+import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
+var SheetBase = SheetPrimitive.Root;
+var SheetTriggerBase = SheetPrimitive.Trigger;
+var SheetCloseBase = SheetPrimitive.Close;
+var SheetPortalBase = SheetPrimitive.Portal;
+var SheetOverlayBase = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+  SheetPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlayBase.displayName = SheetPrimitive.Overlay.displayName;
+var sheetVariants = cva4(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContentBase = React19.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs19(SheetPortalBase, { children: [
+  /* @__PURE__ */ jsx30(SheetOverlayBase, {}),
+  /* @__PURE__ */ jsxs19(
+    SheetPrimitive.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs19(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ jsx30(X3, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Close" })
+        ] }),
+        children
+      ]
+    }
+  )
+] }));
+SheetContentBase.displayName = SheetPrimitive.Content.displayName;
+var SheetHeaderBase = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx30(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeaderBase.displayName = "SheetHeaderBase";
+var SheetFooterBase = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx30(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooterBase.displayName = "SheetFooterBase";
+var SheetTitleBase = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+SheetTitleBase.displayName = SheetPrimitive.Title.displayName;
+var SheetDescriptionBase = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescriptionBase.displayName = SheetPrimitive.Description.displayName;
+
+// src/components/ui/SidebarBase.tsx
+import * as React21 from "react";
+import { Slot as Slot5 } from "@radix-ui/react-slot";
+import { cva as cva5 } from "class-variance-authority";
+
+// src/hooks/use-mobile.tsx
+import * as React20 from "react";
+var MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React20.useState(void 0);
+  React20.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;
+}
+
+// src/components/ui/SkeletonBase.tsx
+import { jsx as jsx31 } from "react/jsx-runtime";
+function SkeletonBase({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx31(
+    "div",
+    {
+      className: cn("animate-pulse  bg-primary/10", className),
+      ...props
+    }
+  );
+}
+
+// src/components/ui/SidebarBase.tsx
+import { SidebarSimple } from "phosphor-react";
+import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
+var SIDEBAR_COOKIE_NAME = "sidebar:state";
+var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+var SIDEBAR_WIDTH = "16rem";
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SIDEBAR_WIDTH_ICON = "3rem";
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var SidebarContext = React21.createContext(null);
+function UseSideBarBase() {
+  const context = React21.useContext(SidebarContext);
+  if (!context) {
+    throw new Error(
+      "UseSideBarBase must be used within a SidebarProviderBase."
+    );
+  }
+  return context;
+}
+var SidebarProviderBase = React21.forwardRef(
+  ({
+    defaultOpen = true,
+    open: openProp,
+    onOpenChange: setOpenProp,
+    className,
+    style,
+    children,
+    ...props
+  }, ref) => {
+    const isMobile = useIsMobile();
+    const [openMobile, setOpenMobile] = React21.useState(false);
+    const [_open, _setOpen] = React21.useState(defaultOpen);
+    const open = openProp ?? _open;
+    const setOpen = React21.useCallback(
+      (value) => {
+        const openState = typeof value === "function" ? value(open) : value;
+        if (setOpenProp) {
+          setOpenProp(openState);
+        } else {
+          _setOpen(openState);
+        }
+        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+      },
+      [setOpenProp, open]
+    );
+    const toggleSidebar = React21.useCallback(() => {
+      return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
+    }, [isMobile, setOpen, setOpenMobile]);
+    React21.useEffect(() => {
+      const handleKeyDown = (event) => {
+        if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+          event.preventDefault();
+          toggleSidebar();
+        }
+      };
+      window.addEventListener("keydown", handleKeyDown);
+      return () => window.removeEventListener("keydown", handleKeyDown);
+    }, [toggleSidebar]);
+    const state = open ? "expanded" : "collapsed";
+    const contextValue = React21.useMemo(
+      () => ({
+        state,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        setOpenMobile,
+        toggleSidebar
+      }),
+      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+    );
+    return /* @__PURE__ */ jsx32(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx32(TooltipProviderBase, { delayDuration: 0, children: /* @__PURE__ */ jsx32(
+      "div",
+      {
+        style: {
+          "--sidebar-width": SIDEBAR_WIDTH,
+          "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+          ...style
+        },
+        className: cn(
+          "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
+          className
+        ),
+        ref,
+        ...props,
+        children
+      }
+    ) }) });
+  }
+);
+SidebarProviderBase.displayName = "SidebarProviderBase";
+var SidebarBase = React21.forwardRef(
+  ({
+    side = "left",
+    variant = "sidebar",
+    collapsible = "offcanvas",
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const { isMobile, state, openMobile, setOpenMobile } = UseSideBarBase();
+    if (collapsible === "none") {
+      return /* @__PURE__ */ jsx32(
+        "div",
+        {
+          className: cn(
+            "flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground",
+            className
+          ),
+          ref,
+          ...props,
+          children
+        }
+      );
+    }
+    if (isMobile) {
+      return /* @__PURE__ */ jsx32(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx32(
+        SheetContentBase,
+        {
+          "data-sidebar": "sidebar",
+          "data-mobile": "true",
+          className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden",
+          style: {
+            "--sidebar-width": SIDEBAR_WIDTH_MOBILE
+          },
+          side,
+          children: /* @__PURE__ */ jsx32("div", { className: "flex h-full w-full flex-col", children })
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsxs20(
+      "div",
+      {
+        ref,
+        className: "group peer hidden text-sidebar-foreground md:block",
+        "data-state": state,
+        "data-collapsible": state === "collapsed" ? collapsible : "",
+        "data-variant": variant,
+        "data-side": side,
+        children: [
+          /* @__PURE__ */ jsx32(
+            "div",
+            {
+              className: cn(
+                "relative h-svh w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear",
+                "group-data-[collapsible=offcanvas]:w-0",
+                "group-data-[side=right]:rotate-180",
+                variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx32(
+            "div",
+            {
+              className: cn(
+                "fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex",
+                side === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+                // Adjust the padding for floating and inset variants.
+                variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]" : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",
+                className
+              ),
+              ...props,
+              children: /* @__PURE__ */ jsx32(
+                "div",
+                {
+                  "data-sidebar": "sidebar",
+                  className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow",
+                  children
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+SidebarBase.displayName = "SidebarBase";
+var SidebarTriggerBase = React21.forwardRef(({ className, onClick, ...props }, ref) => {
+  const { toggleSidebar } = UseSideBarBase();
+  return /* @__PURE__ */ jsx32("div", { children: /* @__PURE__ */ jsxs20(
+    ButtonBase,
+    {
+      ref,
+      "data-sidebar": "trigger",
+      variant: "ghost",
+      size: "icon",
+      className: cn("h-7 w-7", className),
+      onClick: (event) => {
+        onClick?.(event);
+        toggleSidebar();
+      },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "Toggle SidebarBase" }),
+        /* @__PURE__ */ jsx32(SidebarSimple, {})
+      ]
+    }
+  ) });
+});
+SidebarTriggerBase.displayName = "SidebarTriggerBase";
+var SidebarRailBase = React21.forwardRef(({ className, ...props }, ref) => {
+  const { toggleSidebar } = UseSideBarBase();
+  return /* @__PURE__ */ jsx32(
+    "button",
+    {
+      ref,
+      "data-sidebar": "rail",
+      "aria-label": "Toggle SidebarBase",
+      tabIndex: -1,
+      onClick: toggleSidebar,
+      title: "Toggle SidebarBase",
+      className: cn(
+        "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
+        "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
+        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarRailBase.displayName = "SidebarRailBase";
+var SidebarInsetBase = React21.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
+    "main",
+    {
+      ref,
+      className: cn(
+        "relative flex min-h-svh flex-1 flex-col bg-background",
+        "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarInsetBase.displayName = "SidebarInsetBase";
+var SidebarInputBase = React21.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
+    InputBase,
+    {
+      ref,
+      "data-sidebar": "input",
+      className: cn(
+        "h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarInputBase.displayName = "SidebarInputBase";
+var SidebarHeaderBase = React21.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
+    "div",
+    {
+      ref,
+      "data-sidebar": "header",
+      className: cn("flex flex-col gap-2 p-2", className),
+      ...props
+    }
+  );
+});
+SidebarHeaderBase.displayName = "SidebarHeaderBase";
+var SidebarFooterBase = React21.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
+    "div",
+    {
+      ref,
+      "data-sidebar": "footer",
+      className: cn("flex flex-col gap-2 p-2", className),
+      ...props
+    }
+  );
+});
+SidebarFooterBase.displayName = "SidebarFooterBase";
+var SidebarSeparatorBase = React21.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
+    SeparatorBase,
+    {
+      ref,
+      "data-sidebar": "separator",
+      className: cn("mx-2 w-auto bg-sidebar-border", className),
+      ...props
+    }
+  );
+});
+SidebarSeparatorBase.displayName = "SidebarSeparatorBase";
+var SidebarContentBase = React21.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
+    "div",
+    {
+      ref,
+      "data-sidebar": "content",
+      className: cn(
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarContentBase.displayName = "SidebarContentBase";
+var SidebarGroupBase = React21.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx32(
+    "div",
+    {
+      ref,
+      "data-sidebar": "group",
+      className: cn("relative flex w-full min-w-0 flex-col p-2", className),
+      ...props
+    }
+  );
+});
+SidebarGroupBase.displayName = "SidebarGroupBase";
+var SidebarGroupLabelBase = React21.forwardRef(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? Slot5 : "div";
+  return /* @__PURE__ */ jsx32(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "group-label",
+      className: cn(
+        "flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarGroupLabelBase.displayName = "SidebarGroupLabelBase";
+var SidebarGroupActionBase = React21.forwardRef(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? Slot5 : "button";
+  return /* @__PURE__ */ jsx32(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "group-action",
+      className: cn(
+        "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 after:md:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarGroupActionBase.displayName = "SidebarGroupActionBase";
+var SidebarGroupContentBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+  "div",
+  {
+    ref,
+    "data-sidebar": "group-content",
+    className: cn("w-full text-sm", className),
+    ...props
+  }
+));
+SidebarGroupContentBase.displayName = "SidebarGroupContentBase";
+var SidebarMenuBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+  "ul",
+  {
+    ref,
+    "data-sidebar": "menu",
+    className: cn("flex w-full min-w-0 flex-col gap-1", className),
+    ...props
+  }
+));
+SidebarMenuBase.displayName = "SidebarMenuBase";
+var SidebarMenuItemBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+  "li",
+  {
+    ref,
+    "data-sidebar": "menu-item",
+    className: cn("group/menu-item relative", className),
+    ...props
+  }
+));
+SidebarMenuItemBase.displayName = "SidebarMenuItemBase";
+var sidebarMenuButtonVariants = cva5(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:!p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var SidebarMenuButtonBase = React21.forwardRef(
+  ({
+    asChild = false,
+    isActive = false,
+    variant = "default",
+    size = "default",
+    tooltip,
+    className,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot5 : "button";
+    const { isMobile, state } = UseSideBarBase();
+    const button = /* @__PURE__ */ jsx32(
+      Comp,
+      {
+        ref,
+        "data-sidebar": "menu-button",
+        "data-size": size,
+        "data-active": isActive,
+        className: cn(sidebarMenuButtonVariants({ variant, size }), className),
+        ...props
+      }
+    );
+    if (!tooltip) {
+      return button;
+    }
+    if (typeof tooltip === "string") {
+      tooltip = {
+        children: tooltip
+      };
+    }
+    return /* @__PURE__ */ jsxs20(TooltipBase, { children: [
+      /* @__PURE__ */ jsx32(TooltipTriggerBase, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx32(
+        TooltipContentBase,
+        {
+          side: "right",
+          align: "center",
+          hidden: state !== "collapsed" || isMobile,
+          ...tooltip
+        }
+      )
+    ] });
+  }
+);
+SidebarMenuButtonBase.displayName = "SidebarMenuButtonBase";
+var SidebarMenuActionBase = React21.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+  const Comp = asChild ? Slot5 : "button";
+  return /* @__PURE__ */ jsx32(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "menu-action",
+      className: cn(
+        "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 after:md:hidden",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarMenuActionBase.displayName = "SidebarMenuActionBase";
+var SidebarMenuBadgeBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+  "div",
+  {
+    ref,
+    "data-sidebar": "menu-badge",
+    className: cn(
+      "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
+      "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+      "peer-data-[size=sm]/menu-button:top-1",
+      "peer-data-[size=default]/menu-button:top-1.5",
+      "peer-data-[size=lg]/menu-button:top-2.5",
+      "group-data-[collapsible=icon]:hidden",
+      className
+    ),
+    ...props
+  }
+));
+SidebarMenuBadgeBase.displayName = "SidebarMenuBadgeBase";
+var SidebarMenuSkeletonBase = React21.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React21.useMemo(() => {
+    return `${Math.floor(Math.random() * 40) + 50}%`;
+  }, []);
+  return /* @__PURE__ */ jsxs20(
+    "div",
+    {
+      ref,
+      "data-sidebar": "menu-skeleton",
+      className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
+      ...props,
+      children: [
+        showIcon && /* @__PURE__ */ jsx32(
+          SkeletonBase,
+          {
+            className: "size-4 rounded-md",
+            "data-sidebar": "menu-skeleton-icon"
+          }
+        ),
+        /* @__PURE__ */ jsx32(
+          SkeletonBase,
+          {
+            className: "h-4 max-w-[--skeleton-width] flex-1",
+            "data-sidebar": "menu-skeleton-text",
+            style: {
+              "--skeleton-width": width
+            }
+          }
+        )
+      ]
+    }
+  );
+});
+SidebarMenuSkeletonBase.displayName = "SidebarMenuSkeletonBase";
+var SidebarMenuSubBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+  "ul",
+  {
+    ref,
+    "data-sidebar": "menu-sub",
+    className: cn(
+      "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
+      "group-data-[collapsible=icon]:hidden",
+      className
+    ),
+    ...props
+  }
+));
+SidebarMenuSubBase.displayName = "SidebarMenuSubBase";
+var SidebarMenuSubItemBase = React21.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx32("li", { ref, ...props }));
+SidebarMenuSubItemBase.displayName = "SidebarMenuSubItemBase";
+var SidebarMenuSubButtonBase = React21.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+  const Comp = asChild ? Slot5 : "a";
+  return /* @__PURE__ */ jsx32(
+    Comp,
+    {
+      ref,
+      "data-sidebar": "menu-sub-button",
+      "data-size": size,
+      "data-active": isActive,
+      className: cn(
+        "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
+        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+        size === "sm" && "text-xs",
+        size === "md" && "text-sm",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      ),
+      ...props
+    }
+  );
+});
+SidebarMenuSubButtonBase.displayName = "SidebarMenuSubButtonBase";
+
+// src/components/ui/SliderBase.tsx
+import * as React22 from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
+var SlideBase = React22.forwardRef(
+  ({
+    className,
+    orientation = "horizontal",
+    label,
+    leftIcon,
+    rightIcon,
+    ...props
+  }, ref) => {
+    const isVertical = orientation === "vertical";
+    return /* @__PURE__ */ jsxs21(
+      "div",
+      {
+        className: cn(
+          "flex flex-col gap-1",
+          isVertical ? "h-full " : "w-full"
+        ),
+        children: [
+          label && /* @__PURE__ */ jsx33(LabelBase_default, { className: "py-2", children: label }),
+          /* @__PURE__ */ jsxs21(
+            "div",
+            {
+              className: cn(
+                "flex gap-2",
+                isVertical ? "flex-col  h-full" : "flex-row items-center w-full"
+              ),
+              children: [
+                leftIcon && /* @__PURE__ */ jsx33("div", { className: "flex items-center justify-center", children: leftIcon }),
+                /* @__PURE__ */ jsxs21(
+                  SliderPrimitive.Root,
+                  {
+                    ref,
+                    orientation,
+                    className: cn(
+                      "relative flex touch-none select-none items-center",
+                      isVertical ? "flex-col h-full" : "flex-row w-full",
+                      className
+                    ),
+                    ...props,
+                    children: [
+                      /* @__PURE__ */ jsx33(
+                        SliderPrimitive.Track,
+                        {
+                          className: cn(
+                            "relative overflow-hidden bg-primary/20 rounded-full",
+                            isVertical ? "w-1.5 h-full" : "h-1.5 w-full"
+                          ),
+                          children: /* @__PURE__ */ jsx33(
+                            SliderPrimitive.Range,
+                            {
+                              className: cn(
+                                "absolute bg-primary",
+                                isVertical ? "w-full" : "h-full"
+                              )
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ jsx33(
+                        SliderPrimitive.Thumb,
+                        {
+                          className: cn(
+                            "block h-4 w-4 rounded-full border border-primary/70 bg-background shadow-md transition-transform",
+                            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2",
+                            "hover:scale-125 active:scale-125"
+                          )
+                        }
+                      )
+                    ]
+                  }
+                ),
+                rightIcon && /* @__PURE__ */ jsx33("div", { className: "flex items-center justify-center", children: rightIcon })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+SlideBase.displayName = "SlideBase";
+
+// src/components/ui/SonnerBase.tsx
+import {
+  CheckCircle,
+  XCircle,
+  Info,
+  Warning,
+  Spinner
+} from "phosphor-react";
+import { Toaster as Sonner, toast as sonnertoast } from "sonner";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var iconBaseClass = "w-5 h-auto";
+var Toaster = ({ testId, ...props }) => {
+  return /* @__PURE__ */ jsx34(
+    Sonner,
+    {
+      className: "toaster group",
+      position: "top-center",
+      toastOptions: {
+        classNames: {
+          toast: `
+            group toast
+            bg-background
+            text-foreground
+            shadow-lg rounded-md
+            border-l-4
+            border-border
+            flex items-center gap-3
+            data-[type=success]:border-l-green-500 data-[type=success]:bg-green-50 data-[type=success]:text-green-800 data-[type=success]:border-green-500
+            data-[type=error]:border-l-red-500 data-[type=error]:bg-red-50 data-[type=error]:text-red-800 data-[type=error]:border-red-500
+            data-[type=warning]:border-l-yellow-500 data-[type=warning]:bg-yellow-50 data-[type=warning]:text-yellow-800 data-[type=warning]:border-yellow-500
+            data-[type=info]:border-l-blue-500 data-[type=info]:bg-blue-50 data-[type=info]:text-blue-800 data-[type=info]:border-blue-500
+          `,
+          description: `
+            text-sm
+            group-[.toast]:text-neutral-600
+          `,
+          actionButton: `
+            ml-auto
+            rounded-md px-3 py-1 text-sm font-semibold
+            bg-neutral-800 text-white
+            hover:bg-neutral-700
+            transition-colors duration-200
+          `,
+          cancelButton: `
+            ml-2
+            rounded-md px-3 py-1 text-sm font-semibold
+            bg-neutral-100 text-neutral-700
+            hover:bg-neutral-200
+            transition-colors duration-200
+          `
+        }
+      },
+      "data-testid": testId,
+      ...props
+    }
+  );
+};
+var toast = {
+  success: (message) => sonnertoast.success(message, {
+    icon: /* @__PURE__ */ jsx34(CheckCircle, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
+    className: "sonner-success"
+  }),
+  error: (message) => sonnertoast.error(message, {
+    icon: /* @__PURE__ */ jsx34(XCircle, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
+    className: "sonner-error"
+  }),
+  warning: (message) => sonnertoast.warning(message, {
+    icon: /* @__PURE__ */ jsx34(Warning, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
+    className: "sonner-warning"
+  }),
+  info: (message) => sonnertoast.info(message, {
+    icon: /* @__PURE__ */ jsx34(Info, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
+    className: "sonner-info"
+  }),
+  loading: (message) => sonnertoast(message, {
+    icon: /* @__PURE__ */ jsx34(Spinner, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
+    className: "sonner-loading"
+  })
+};
+
+// src/components/ui/SwitchBase.tsx
+import * as React23 from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var SwitchBase = React23.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
+  return /* @__PURE__ */ jsx35(
+    SwitchPrimitives.Root,
+    {
+      ...props,
+      ref,
+      className: cn(
+        "peer relative inline-flex w-12 cursor-pointer items-center rounded-full border-2 border-transparent shadow-md transition-colors duration-300 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input data-[state=checked]:shadow-[0_0_15px_4px_var(--tw-shadow-color)] data-[state=checked]:shadow-primary/30",
+        className
+      ),
+      "data-testid": dataTestId,
+      children: /* @__PURE__ */ jsx35(
+        SwitchPrimitives.Thumb,
+        {
+          className: cn(
+            "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-xl ring-0 transition-transform duration-350 ease-out peer-focus:shadow-lg peer-focus:ring-2 peer-focus:ring-primary/70 data-[state=unchecked]:translate-x-0 data-[state=checked]:translate-x-7 data-[state=checked]:animate-bounce-thumb"
+          ),
+          style: {
+            transformOrigin: "center",
+            transition: "transform 350ms cubic-bezier(0.68, -0.55, 0.265, 1.55)"
+          }
+        }
+      )
+    }
+  );
+});
+SwitchBase.displayName = SwitchPrimitives.Root.displayName;
+
+// src/components/ui/TableBase.tsx
+import * as React24 from "react";
+import { jsx as jsx36 } from "react/jsx-runtime";
+var TableBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx36(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+TableBase.displayName = "TableBase";
+var TableHeaderBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeaderBase.displayName = "TableHeaderBase";
+var TableBodyBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBodyBase.displayName = "TableBodyBase";
+var TableFooterBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooterBase.displayName = "TableFooterBase";
+var TableRowBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+TableRowBase.displayName = "TableRowBase";
+var TableHeadBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    ),
+    ...props
+  }
+));
+TableHeadBase.displayName = "TableHeadBase";
+var TableCellBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+  "td",
+  {
+    ref,
+    className: cn(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    ),
+    ...props
+  }
+));
+TableCellBase.displayName = "TableCellBase";
+var TableCaptionBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaptionBase.displayName = "TableCaptionBase";
+
+// src/components/ui/TabsBase.tsx
+import * as React25 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { jsx as jsx37 } from "react/jsx-runtime";
+var TabsBase = TabsPrimitive.Root;
+var TabsListBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full items-center justify-start gap-4 border-b-2 border-border",
+      className
+    ),
+    ...props
+  }
+));
+TabsListBase.displayName = TabsPrimitive.List.displayName;
+var TabsTriggerBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "relative inline-flex items-center justify-center whitespace-nowrap px-3 py-2 text-sm font-medium transition-colors",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-3",
+      "disabled:pointer-events-none disabled:opacity-50",
+      "data-[state=active]:text-primary",
+      "after:absolute after:bottom-0 after:left-0 after:h-[1.5px] after:w-full",
+      "after:scale-x-0 after:bg-primary after:origin-left",
+      "after:transition-transform after:duration-300 after:ease-[cubic-bezier(0.65,0,0.35,1)]",
+      "data-[state=active]:after:scale-x-100",
+      className
+    ),
+    ...props
+  }
+));
+var TabsContentBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "animate-fade-in",
+      className
+    ),
+    ...props
+  }
+));
+TabsContentBase.displayName = TabsPrimitive.Content.displayName;
+
+// src/components/ui/TextAreaBase.tsx
+import * as React26 from "react";
+import { jsx as jsx38 } from "react/jsx-runtime";
+var TextAreaBase = React26.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx38(
+    "textarea",
+    {
+      className: cn(
+        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ref,
+      ...props
+    }
+  );
+});
+TextAreaBase.displayName = "TextAreaBase";
+
+// src/components/mode-toggle.tsx
+import { Check as Check6, Moon, Sun } from "phosphor-react";
+
+// src/components/theme-provider.tsx
+import { createContext as createContext3, useContext as useContext4, useEffect as useEffect5, useState as useState6 } from "react";
+import { jsx as jsx39 } from "react/jsx-runtime";
+var initialState = {
+  theme: "system",
+  setTheme: () => null
+};
+var ThemeProviderContext = createContext3(initialState);
+function ThemeProviderBase({
+  children,
+  defaultTheme = "system",
+  storageKey = "vite-ui-theme",
+  ...props
+}) {
+  const [theme, setTheme] = useState6(() => {
+    return localStorage.getItem(storageKey) || defaultTheme;
+  });
+  useEffect5(() => {
+    const root = window.document.documentElement;
+    root.classList.remove(
+      "light",
+      "light-purple",
+      "light-green",
+      "light-blue",
+      "dark",
+      "dark-purple",
+      "dark-green",
+      "dark-blue",
+      "system"
+    );
+    if (theme === "system") {
+      const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      root.classList.add(systemTheme);
+      document.body.style.backgroundColor = "";
+      document.body.style.color = "";
+      return;
+    }
+    root.classList.add(theme);
+    if (theme.includes("dark")) {
+      document.body.style.backgroundColor = "";
+      document.body.style.color = "";
+    }
+  }, [theme]);
+  const value = {
+    theme,
+    setTheme: (theme2) => {
+      localStorage.setItem(storageKey, theme2);
+      setTheme(theme2);
+    }
+  };
+  return /* @__PURE__ */ jsx39(ThemeProviderContext.Provider, { ...props, value, children });
+}
+var useTheme = () => {
+  const context = useContext4(ThemeProviderContext);
+  if (context === void 0)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return context;
+};
+
+// src/components/mode-toggle.tsx
+import { Fragment as Fragment3, jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
+var themeLabels = {
+  light: "Light",
+  dark: "Dark",
+  system: "System",
+  "light-purple": "Light Purple",
+  "dark-purple": "Dark Purple",
+  "light-blue": "Light Blue",
+  "dark-blue": "Dark Blue",
+  "light-green": "Light Green",
+  "dark-green": "Dark Green"
+};
+function ModeToggleBase({
+  themes = ["light", "dark", "system"]
+}) {
+  const { setTheme, theme: currentTheme } = useTheme();
+  const isDark = currentTheme?.includes("dark") || currentTheme === "system" && typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches;
+  return /* @__PURE__ */ jsxs22(DropDownMenuBase, { children: [
+    /* @__PURE__ */ jsx40(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs22(
+      ButtonBase,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "relative overflow-hidden border-transparent",
+        children: [
+          /* @__PURE__ */ jsxs22(Fragment3, { children: [
+            /* @__PURE__ */ jsx40(Sun, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
+            /* @__PURE__ */ jsx40(Moon, { className: `absolute top-0 left-0 h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
+          ] }),
+          /* @__PURE__ */ jsx40("span", { className: "sr-only", children: "Toggle theme" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx40(DropDownMenuContentBase, { align: "end", className: "border-border bg-popover text-popover-foreground", children: themes.map((theme) => /* @__PURE__ */ jsxs22(
+      DropDownMenuItemBase,
+      {
+        onClick: () => setTheme(theme),
+        className: "flex items-center justify-between hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
+        children: [
+          themeLabels[theme],
+          currentTheme === theme && /* @__PURE__ */ jsx40(Check6, { className: "h-4 w-4 opacity-100" })
+        ]
+      },
+      theme
+    )) })
+  ] });
+}
+
+// src/components/date-time-picker/DateTimePicker.tsx
+import { add, format } from "date-fns";
+
+// src/components/date-time-picker/calendar.tsx
+import * as React27 from "react";
+import { DayPicker as DayPicker2 } from "react-day-picker";
+import { CaretLeft as CaretLeft2, CaretRight as CaretRight5, X as X4, Calendar } from "phosphor-react";
+import { motion as motion6 } from "framer-motion";
+import { jsx as jsx41, jsxs as jsxs23 } from "react/jsx-runtime";
+var variants = {
+  enter: (direction) => ({
+    opacity: 0,
+    x: direction > 0 ? 30 : -30
+  }),
+  center: {
+    opacity: 1,
+    x: 0
+  },
+  exit: (direction) => ({
+    opacity: 0,
+    x: direction > 0 ? -30 : 30
+  })
+};
+function CalendarBase2({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  const [month, setMonth] = React27.useState(
+    props.month || props.defaultMonth || /* @__PURE__ */ new Date()
+  );
+  const [direction, setDirection] = React27.useState(1);
+  const handleMonthChange = (newMonth) => {
+    const isNext = newMonth > month ? 1 : -1;
+    setDirection(isNext);
+    setMonth(newMonth);
+    props.onMonthChange?.(newMonth);
+  };
+  return /* @__PURE__ */ jsx41(
+    "div",
+    {
+      className: cn(
+        "rounded-xl border bg-background p-3 shadow-sm overflow-hidden",
+        className
+      ),
+      children: /* @__PURE__ */ jsx41(
+        motion6.div,
+        {
+          variants,
+          initial: "enter",
+          animate: "center",
+          exit: "exit",
+          custom: direction,
+          transition: { duration: 0.3, ease: "easeInOut" },
+          style: { position: "relative" },
+          children: /* @__PURE__ */ jsx41(
+            DayPicker2,
+            {
+              showOutsideDays,
+              month,
+              onMonthChange: handleMonthChange,
+              className: "w-full",
+              classNames: {
+                months: "flex items-center flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+                month: "space-y-4",
+                caption: "flex justify-center pt-1 relative items-center",
+                caption_label: "text-sm font-medium",
+                nav: "space-x-1 flex items-center",
+                nav_button: cn(
+                  buttonVariantsBase({ variant: "outline" }),
+                  "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+                ),
+                nav_button_previous: "absolute left-1",
+                nav_button_next: "absolute right-1",
+                table: "w-full border-collapse space-y-1",
+                head_row: "flex",
+                head_cell: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+                row: "flex w-full mt-2",
+                cell: cn(
+                  "h-9 w-9 text-center text-sm p-0 relative",
+                  "[&:has([aria-selected].day-range-end)]:rounded-r-md",
+                  "[&:has([aria-selected].day-range-start)]:rounded-l-md",
+                  "[&:has([aria-selected].day-outside)]:bg-muted/50",
+                  "[&:has([aria-selected])]:bg-muted",
+                  "first:[&:has([aria-selected])]:rounded-l-md",
+                  "last:[&:has([aria-selected])]:rounded-r-md",
+                  "focus-within:relative focus-within:z-20"
+                ),
+                day: cn(
+                  buttonVariantsBase({ variant: "ghost" }),
+                  "h-9 w-9 p-0 font-normal rounded-md",
+                  "aria-selected:opacity-100 hover:bg-muted"
+                ),
+                day_selected: "bg-primary text-primary-foreground hover:bg-primary/90 focus:bg-primary/90",
+                day_today: "bg-muted text-foreground dark:bg-muted dark:text-foreground",
+                day_outside: "day-outside text-gray-500 opacity-50 aria-selected:bg-muted/50 aria-selected:text-black",
+                day_disabled: "text-gray-500",
+                day_range_middle: "aria-selected:bg-muted aria-selected:text-foreground",
+                day_hidden: "invisible",
+                ...classNames
+              },
+              components: {
+                IconLeft: () => /* @__PURE__ */ jsx41(CaretLeft2, { className: "h-4 w-4" }),
+                IconRight: () => /* @__PURE__ */ jsx41(CaretRight5, { className: "h-4 w-4" })
+              },
+              ...props
+            }
+          )
+        },
+        month.toISOString()
+      )
+    }
+  );
+}
+CalendarBase2.displayName = "CalendarBase";
+
+// src/components/date-time-picker/DateTimePicker.tsx
+import { Calendar as Calendar2 } from "phosphor-react";
+import { ptBR } from "date-fns/locale";
+import { useEffect as useEffect6, useState as useState8 } from "react";
+
+// src/components/date-time-picker/TimePicker.tsx
+import { Clock } from "phosphor-react";
+import * as React29 from "react";
+
+// src/components/date-time-picker/TimePickerInput.tsx
+import React28 from "react";
+
+// src/components/date-time-picker/time-picker-utils.ts
+function isValidHour(value) {
+  return /^(0[0-9]|1[0-9]|2[0-3])$/.test(value);
+}
+function isValid12Hour(value) {
+  return /^(0[1-9]|1[0-2])$/.test(value);
+}
+function isValidMinuteOrSecond(value) {
+  return /^[0-5][0-9]$/.test(value);
+}
+function getValidNumber(value, { max, min = 0, loop = false }) {
+  let numericValue = parseInt(value, 10);
+  if (!isNaN(numericValue)) {
+    if (!loop) {
+      if (numericValue > max) numericValue = max;
+      if (numericValue < min) numericValue = min;
+    } else {
+      if (numericValue > max) numericValue = min;
+      if (numericValue < min) numericValue = max;
+    }
+    return numericValue.toString().padStart(2, "0");
+  }
+  return "00";
+}
+function getValidHour(value) {
+  if (isValidHour(value)) return value;
+  return getValidNumber(value, { max: 23 });
+}
+function getValid12Hour(value) {
+  if (isValid12Hour(value)) return value;
+  return getValidNumber(value, { min: 1, max: 12 });
+}
+function getValidMinuteOrSecond(value) {
+  if (isValidMinuteOrSecond(value)) return value;
+  return getValidNumber(value, { max: 59 });
+}
+function getValidArrowNumber(value, { min, max, step }) {
+  let numericValue = parseInt(value, 10);
+  if (!isNaN(numericValue)) {
+    numericValue += step;
+    return getValidNumber(String(numericValue), { min, max, loop: true });
+  }
+  return "00";
+}
+function getValidArrowHour(value, step) {
+  return getValidArrowNumber(value, { min: 0, max: 23, step });
+}
+function getValidArrow12Hour(value, step) {
+  return getValidArrowNumber(value, { min: 1, max: 12, step });
+}
+function getValidArrowMinuteOrSecond(value, step) {
+  return getValidArrowNumber(value, { min: 0, max: 59, step });
+}
+function setMinutes(date, value) {
+  const minutes = getValidMinuteOrSecond(value);
+  date.setMinutes(parseInt(minutes, 10));
+  return date;
+}
+function setSeconds(date, value) {
+  const seconds = getValidMinuteOrSecond(value);
+  date.setSeconds(parseInt(seconds, 10));
+  return date;
+}
+function setHours(date, value) {
+  const hours = getValidHour(value);
+  date.setHours(parseInt(hours, 10));
+  return date;
+}
+function set12Hours(date, value, period) {
+  const hours = parseInt(getValid12Hour(value), 10);
+  const convertedHours = convert12HourTo24Hour(hours, period);
+  date.setHours(convertedHours);
+  return date;
+}
+function setDateByType(date, value, type, period) {
+  switch (type) {
+    case "minutes":
+      return setMinutes(date, value);
+    case "seconds":
+      return setSeconds(date, value);
+    case "hours":
+      return setHours(date, value);
+    case "12hours": {
+      if (!period) return date;
+      return set12Hours(date, value, period);
+    }
+    default:
+      return date;
+  }
+}
+function getDateByType(date, type) {
+  switch (type) {
+    case "minutes":
+      return getValidMinuteOrSecond(String(date.getMinutes()));
+    case "seconds":
+      return getValidMinuteOrSecond(String(date.getSeconds()));
+    case "hours":
+      return getValidHour(String(date.getHours()));
+    case "12hours":
+      const hours = display12HourValue(date.getHours());
+      return getValid12Hour(String(hours));
+    default:
+      return "00";
+  }
+}
+function getArrowByType(value, step, type) {
+  switch (type) {
+    case "minutes":
+      return getValidArrowMinuteOrSecond(value, step);
+    case "seconds":
+      return getValidArrowMinuteOrSecond(value, step);
+    case "hours":
+      return getValidArrowHour(value, step);
+    case "12hours":
+      return getValidArrow12Hour(value, step);
+    default:
+      return "00";
+  }
+}
+function convert12HourTo24Hour(hour, period) {
+  if (period === "PM") {
+    if (hour <= 11) {
+      return hour + 12;
+    } else {
+      return hour;
+    }
+  } else if (period === "AM") {
+    if (hour === 12) return 0;
+    return hour;
+  }
+  return hour;
+}
+function display12HourValue(hours) {
+  if (hours === 0 || hours === 12) return "12";
+  if (hours >= 22) return `${hours - 12}`;
+  if (hours % 12 > 9) return `${hours}`;
+  return `0${hours % 12}`;
+}
+
+// src/components/date-time-picker/TimePickerInput.tsx
+import { jsx as jsx42 } from "react/jsx-runtime";
+var TimePickerInput = React28.forwardRef(
+  ({
+    className,
+    type = "tel",
+    value,
+    id,
+    name,
+    date = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)),
+    setDate,
+    onChange,
+    onKeyDown,
+    picker,
+    period,
+    onLeftFocus,
+    onRightFocus,
+    ...props
+  }, ref) => {
+    const [flag, setFlag] = React28.useState(false);
+    const [prevIntKey, setPrevIntKey] = React28.useState("0");
+    React28.useEffect(() => {
+      if (flag) {
+        const timer = setTimeout(() => {
+          setFlag(false);
+        }, 2e3);
+        return () => clearTimeout(timer);
+      }
+    }, [flag]);
+    const calculatedValue = React28.useMemo(() => {
+      return getDateByType(date, picker);
+    }, [date, picker]);
+    const calculateNewValue = (key) => {
+      if (picker === "12hours") {
+        if (flag && calculatedValue.slice(1, 2) === "1" && prevIntKey === "0")
+          return "0" + key;
+      }
+      return !flag ? "0" + key : calculatedValue.slice(1, 2) + key;
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Tab") return;
+      e.preventDefault();
+      if (e.key === "ArrowRight") onRightFocus?.();
+      if (e.key === "ArrowLeft") onLeftFocus?.();
+      if (["ArrowUp", "ArrowDown"].includes(e.key)) {
+        const step = e.key === "ArrowUp" ? 1 : -1;
+        const newValue = getArrowByType(calculatedValue, step, picker);
+        if (flag) setFlag(false);
+        const tempDate = new Date(date);
+        setDate(setDateByType(tempDate, newValue, picker, period));
+      }
+      if (e.key >= "0" && e.key <= "9") {
+        if (picker === "12hours") setPrevIntKey(e.key);
+        const newValue = calculateNewValue(e.key);
+        if (flag) onRightFocus?.();
+        setFlag((prev) => !prev);
+        const tempDate = new Date(date);
+        setDate(setDateByType(tempDate, newValue, picker, period));
+      }
+    };
+    return /* @__PURE__ */ jsx42(
+      InputBase,
+      {
+        ref,
+        id: id || picker,
+        name: name || picker,
+        className: cn(
+          "focus:bg-accent focus:text-accent-foreground w-[48px] text-center font-mono text-base tabular-nums caret-transparent [&::-webkit-inner-spin-button]:appearance-none",
+          className
+        ),
+        value: value || calculatedValue,
+        onChange: (e) => {
+          e.preventDefault();
+          onChange?.(e);
+        },
+        type,
+        inputMode: "decimal",
+        onKeyDown: (e) => {
+          onKeyDown?.(e);
+          handleKeyDown(e);
+        },
+        ...props
+      }
+    );
+  }
+);
+TimePickerInput.displayName = "TimePickerInput";
+
+// src/components/date-time-picker/TimePicker.tsx
+import { jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
+function TimePicker({ date, setDate, hideSeconds }) {
+  const minuteRef = React29.useRef(null);
+  const hourRef = React29.useRef(null);
+  const secondRef = React29.useRef(null);
+  return /* @__PURE__ */ jsxs24("div", { className: "flex items-end gap-2", children: [
+    /* @__PURE__ */ jsxs24("div", { className: "grid gap-1 text-center", children: [
+      /* @__PURE__ */ jsx43(LabelBase_default, { htmlFor: "hours", className: "text-xs", children: "Horas" }),
+      /* @__PURE__ */ jsx43(
+        TimePickerInput,
+        {
+          picker: "hours",
+          date,
+          setDate,
+          ref: hourRef,
+          onRightFocus: () => minuteRef.current?.focus()
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs24("div", { className: "grid gap-1 text-center", children: [
+      /* @__PURE__ */ jsx43(LabelBase_default, { htmlFor: "minutes", className: "text-xs", children: "Minutos" }),
+      /* @__PURE__ */ jsx43(
+        TimePickerInput,
+        {
+          picker: "minutes",
+          date,
+          setDate,
+          ref: minuteRef,
+          onLeftFocus: () => hourRef.current?.focus(),
+          onRightFocus: () => secondRef.current?.focus()
+        }
+      )
+    ] }),
+    !hideSeconds && /* @__PURE__ */ jsxs24("div", { className: "grid gap-1 text-center", children: [
+      /* @__PURE__ */ jsx43(LabelBase_default, { htmlFor: "seconds", className: "text-xs", children: "Segundos" }),
+      /* @__PURE__ */ jsx43(
+        TimePickerInput,
+        {
+          picker: "seconds",
+          date,
+          setDate,
+          ref: secondRef,
+          onLeftFocus: () => minuteRef.current?.focus()
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx43("div", { className: "flex h-10 items-center", children: /* @__PURE__ */ jsx43(Clock, { className: "ml-2 h-4 w-4" }) })
+  ] });
+}
+
+// src/components/date-time-picker/DateTimePicker.tsx
+import { Fragment as Fragment4, jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
+function DateTimePicker({
+  label,
+  date,
+  onChange,
+  hideSeconds,
+  fromDate,
+  toDate,
+  disabled,
+  dialogTitle
+}) {
+  const [internalDate, setInternalDate] = useState8(date);
+  const handleSelect = (newDay) => {
+    if (!newDay) return;
+    if (!internalDate) {
+      setInternalDate(newDay);
+      return;
+    }
+    const diff = newDay.getTime() - internalDate.getTime();
+    const diffInDays = diff / (1e3 * 60 * 60 * 24);
+    const newDateFull = add(internalDate, { days: Math.ceil(diffInDays) });
+    setInternalDate(newDateFull);
+  };
+  const [open, setOpen] = useState8(false);
+  useEffect6(() => {
+    if (date) {
+      setInternalDate(date);
+    }
+  }, [date, open]);
+  return /* @__PURE__ */ jsxs25(Fragment4, { children: [
+    label && /* @__PURE__ */ jsx44(LabelBase_default, { className: "mb-[-1rem] pl-2", children: label }),
+    /* @__PURE__ */ jsxs25(DialogBase, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx44(DialogTriggerBase, { disabled, asChild: true, children: /* @__PURE__ */ jsxs25(
+        ButtonBase,
+        {
+          variant: "default",
+          size: "lg",
+          className: cn(
+            "w-full justify-start text-left font-normal text-zinc-950",
+            !date && "text-muted-foreground"
+          ),
+          children: [
+            date ? format(date, "PPP - HH:mm", { locale: ptBR }) : /* @__PURE__ */ jsx44("span", { className: "text-zinc-400", children: "Pick a date" }),
+            /* @__PURE__ */ jsx44(Calendar2, { className: "ml-auto text-gray-500", size: 24 })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs25(DialogContentBase, { children: [
+        /* @__PURE__ */ jsx44(DialogHeaderBase, { children: /* @__PURE__ */ jsx44(DialogTitleBase, { className: "text-xl font-semibold", children: dialogTitle ?? "Selecione a data" }) }),
+        /* @__PURE__ */ jsx44(
+          CalendarBase2,
+          {
+            mode: "single",
+            locale: ptBR,
+            selected: internalDate,
+            onSelect: (d) => handleSelect(d),
+            initialFocus: true,
+            fromDate,
+            toDate
+          }
+        ),
+        /* @__PURE__ */ jsx44("div", { className: "border-border flex justify-center border-t p-3", children: /* @__PURE__ */ jsx44(
+          TimePicker,
+          {
+            setDate: setInternalDate,
+            date: internalDate,
+            hideSeconds
+          }
+        ) }),
+        /* @__PURE__ */ jsx44(
+          ButtonBase,
+          {
+            onClick: () => {
+              onChange(internalDate);
+              setOpen(false);
+            },
+            children: "Salvar"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/selects/Select.tsx
+import { Fragment as Fragment5, jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
+function Select({
+  items,
+  groupItems,
+  placeholder,
+  onChange,
+  errorMessage,
+  testIds = {}
+}) {
+  return /* @__PURE__ */ jsxs26("div", { "data-testid": testIds.root ?? "select-root", children: [
+    /* @__PURE__ */ jsxs26(SelectBase, { onValueChange: onChange, "data-testid": testIds.base ?? "select-base", children: [
+      /* @__PURE__ */ jsx45(
+        SelectTriggerBase,
+        {
+          className: cn(
+            "flex h-12 w-full content-start text-lg shadow-md",
+            errorMessage && "border-red-500"
+          ),
+          "data-testid": testIds.trigger ?? "select-trigger",
+          children: /* @__PURE__ */ jsx45(
+            SelectValueBase,
+            {
+              placeholder,
+              "data-testid": testIds.value ?? "select-value"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx45(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsx45(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: groupItems ? /* @__PURE__ */ jsx45(Fragment5, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ jsxs26(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: [
+        /* @__PURE__ */ jsx45(SelectLabelBase, { "data-testid": testIds.label ?? "select-label", children: key }),
+        groupItems[key].map((item) => /* @__PURE__ */ jsx45(
+          SelectItemBase,
+          {
+            value: item.value,
+            "data-testid": testIds.item?.(item.value) ?? `select-item-${item.value}`,
+            children: item.label
+          },
+          item.value
+        ))
+      ] }, key)) }) : /* @__PURE__ */ jsx45(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: items.map((item) => /* @__PURE__ */ jsx45(
+        SelectItemBase,
+        {
+          value: item.value,
+          "data-testid": testIds.item?.(item.value) ?? `select-item-${item.value}`,
+          children: item.label
+        },
+        item.value
+      )) }) }) })
+    ] }),
+    errorMessage && /* @__PURE__ */ jsx45(
+      "p",
+      {
+        className: "text-sm text-red-500",
+        "data-testid": testIds.error ?? "select-error",
+        children: errorMessage
+      }
+    )
+  ] });
+}
+export {
+  AlertDialogActionBase,
+  AlertDialogBase,
+  AlertDialogCancelBase,
+  AlertDialogContentBase,
+  AlertDialogDescriptionBase,
+  AlertDialogFooterBase,
+  AlertDialogHeaderBase,
+  AlertDialogOverlayBase,
+  AlertDialogPortalBase,
+  AlertDialogTitleBase,
+  AlertDialogTriggerBase,
+  AvatarBase,
+  AvatarFallbackBase,
+  AvatarImageBase,
+  BadgeBase,
+  BreadcrumbBase,
+  BreadcrumbEllipsisBase,
+  BreadcrumbItemBase,
+  BreadcrumbLinkBase,
+  BreadcrumbListBase,
+  BreadcrumbPageBase,
+  BreadcrumbSeparatorBase,
+  ButtonBase,
+  ButtonGroupBase,
+  CalendarBase,
+  CardBase,
+  CardContentBase,
+  CardDescriptionBase,
+  CardFooterBase,
+  CardHeaderBase,
+  CardTitleBase,
+  CarouselBase,
+  CarouselContentBase,
+  CarouselItemBase,
+  CarouselNextBase,
+  CarouselPrevious,
+  CheckboxBase,
+  Combobox,
+  CommandBase,
+  CommandDialogBase,
+  CommandEmptyBase,
+  CommandGroupBase,
+  CommandInputBase,
+  CommandItemBase,
+  CommandListBase,
+  CommandSeparatorBase,
+  CommandShortcutBase,
+  ContextMenuBase,
+  ContextMenuCheckboxItemBase,
+  ContextMenuContentBase,
+  ContextMenuGroupBase,
+  ContextMenuItemBase,
+  ContextMenuLabelBase,
+  ContextMenuPortalBase,
+  ContextMenuRadioGroupBase,
+  ContextMenuRadioItemBase,
+  ContextMenuSeparatorBase,
+  ContextMenuShortcutBase,
+  ContextMenuSubBase,
+  ContextMenuSubContentBase,
+  ContextMenuSubTriggerBase,
+  ContextMenuTriggerBase,
+  DateTimePicker,
+  DialogBase,
+  DialogCloseBase,
+  DialogContentBase,
+  DialogDescriptionBase,
+  DialogFooterBase,
+  DialogHeaderBase,
+  DialogOverlayBase,
+  DialogPortalBase,
+  DialogTitleBase,
+  DialogTriggerBase,
+  DrawerBase,
+  DrawerCloseBase,
+  DrawerContentBase,
+  DrawerDescriptionBase,
+  DrawerFooterBase,
+  DrawerHeaderBase,
+  DrawerOverlayBase,
+  DrawerPortalBase,
+  DrawerTitleBase,
+  DrawerTriggerBase,
+  DropDownMenuBase,
+  DropDownMenuCheckboxItemBase,
+  DropDownMenuContentBase,
+  DropDownMenuGroupBase,
+  DropDownMenuItemBase,
+  DropDownMenuLabelBase,
+  DropDownMenuPortalBase,
+  DropDownMenuRadioGroupBase,
+  DropDownMenuRadioItemBase,
+  DropDownMenuSeparatorBase,
+  DropDownMenuShortcutBase,
+  DropDownMenuSubBase,
+  DropDownMenuSubContentBase,
+  DropDownMenuSubTriggerBase,
+  DropDownMenuTriggerBase,
+  HoverCardBase,
+  HoverCardContentBase,
+  HoverCardTriggerBase,
+  InputBase,
+  InputOTPBase,
+  InputOTPGroupBase,
+  InputOTPSeparatorBase,
+  InputOTPSlotBase,
+  ModeToggleBase,
+  MultiCombobox,
+  NavigationMenuBase,
+  NavigationMenuContentBase,
+  NavigationMenuIndicatorBase,
+  NavigationMenuItemBase,
+  NavigationMenuLinkBase,
+  NavigationMenuListBase,
+  NavigationMenuTriggerBase,
+  NavigationMenuViewportBase,
+  PopoverAnchorBase,
+  PopoverBase,
+  PopoverContentBase,
+  PopoverTriggerBase,
+  ProgressBase,
+  ProgressCirclesBase,
+  ProgressPanelsBase,
+  ProgressSegmentsBase,
+  ScrollAreaBase,
+  ScrollBarBase,
+  Select,
+  SelectBase,
+  SelectContentBase,
+  SelectGroupBase,
+  SelectItemBase,
+  SelectLabelBase,
+  SelectScrollDownButtonBase,
+  SelectScrollUpButtonBase,
+  SelectSeparatorBase,
+  SelectTriggerBase,
+  SelectValueBase,
+  SeparatorBase,
+  SheetBase,
+  SheetCloseBase,
+  SheetContentBase,
+  SheetDescriptionBase,
+  SheetFooterBase,
+  SheetHeaderBase,
+  SheetOverlayBase,
+  SheetPortalBase,
+  SheetTitleBase,
+  SheetTriggerBase,
+  SidebarBase,
+  SidebarContentBase,
+  SidebarFooterBase,
+  SidebarGroupActionBase,
+  SidebarGroupBase,
+  SidebarGroupContentBase,
+  SidebarGroupLabelBase,
+  SidebarHeaderBase,
+  SidebarInputBase,
+  SidebarInsetBase,
+  SidebarMenuActionBase,
+  SidebarMenuBadgeBase,
+  SidebarMenuBase,
+  SidebarMenuButtonBase,
+  SidebarMenuItemBase,
+  SidebarMenuSkeletonBase,
+  SidebarMenuSubBase,
+  SidebarMenuSubButtonBase,
+  SidebarMenuSubItemBase,
+  SidebarProviderBase,
+  SidebarRailBase,
+  SidebarSeparatorBase,
+  SidebarTriggerBase,
+  SkeletonBase,
+  SlideBase,
+  SwitchBase,
+  TableBase,
+  TableBodyBase,
+  TableCaptionBase,
+  TableCellBase,
+  TableFooterBase,
+  TableHeadBase,
+  TableHeaderBase,
+  TableRowBase,
+  TabsBase,
+  TabsContentBase,
+  TabsListBase,
+  TabsTriggerBase,
+  TextAreaBase,
+  ThemeProviderBase,
+  TimePicker,
+  TimePickerInput,
+  Toaster,
+  TooltipBase,
+  TooltipContentBase,
+  TooltipProviderBase,
+  TooltipTriggerBase,
+  UseSideBarBase,
+  badgeVariants,
+  buttonVariantsBase,
+  navigationMenuTriggerStyle,
+  toast,
+  useIsMobile,
+  useTheme
+};