@goplusvn/core 0.1.1 → 0.1.3

package/dist/workflow/index.js

@@ -1,3710 +0,0 @@
-'use strict';
-
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var React12 = require('react');
-var classVarianceAuthority = require('class-variance-authority');
-var reactSlot = require('@radix-ui/react-slot');
-var jsxRuntime = require('react/jsx-runtime');
-var CheckboxPrimitive = require('@radix-ui/react-checkbox');
-var lucideReact = require('lucide-react');
-require('@radix-ui/react-dropdown-menu');
-var DialogPrimitive = require('@radix-ui/react-dialog');
-var TabsPrimitive = require('@radix-ui/react-tabs');
-var Link7 = require('next/link');
-require('next/navigation');
-require('next/image');
-require('react-day-picker');
-var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
-require('@radix-ui/react-select');
-require('@radix-ui/react-popover');
-require('@radix-ui/react-switch');
-var LabelPrimitive = require('@radix-ui/react-label');
-var TooltipPrimitive = require('@radix-ui/react-tooltip');
-require('react-resizable-panels');
-require('@radix-ui/react-slider');
-require('@radix-ui/react-toggle');
-require('@radix-ui/react-toggle-group');
-require('@radix-ui/react-menubar');
-require('@radix-ui/react-navigation-menu');
-require('@radix-ui/react-context-menu');
-require('vaul');
-require('@radix-ui/react-progress');
-require('sonner');
-require('framer-motion');
-var AvatarPrimitive = require('@radix-ui/react-avatar');
-require('next-auth/react');
-require('react-use');
-require('@radix-ui/react-direction');
-require('@radix-ui/react-alert-dialog');
-require('@radix-ui/react-radio-group');
-require('cmdk');
-var dateFns = require('date-fns');
-var dynamic = require('next/dynamic');
-require('emoji-picker-react');
-require('react-dropzone');
-require('input-otp');
-require('react-phone-number-input');
-require('@tiptap/extension-color');
-require('@tiptap/extension-image');
-require('@tiptap/extension-link');
-require('@tiptap/extension-placeholder');
-require('@tiptap/extension-text-align');
-require('@tiptap/extension-text-style');
-require('@tiptap/extension-typography');
-require('@tiptap/extension-underline');
-require('@tiptap/react');
-require('@tiptap/starter-kit');
-require('react-hook-form');
-require('recharts');
-require('embla-carousel-react');
-require('@radix-ui/react-accordion');
-require('@dnd-kit/sortable');
-require('@dnd-kit/utilities');
-require('@dnd-kit/core');
-require('react-dom');
-require('@radix-ui/react-aspect-ratio');
-require('hast-util-to-jsx-runtime');
-require('shiki/bundle/web');
-require('@radix-ui/react-collapsible');
-require('@radix-ui/react-hover-card');
-require('@hookform/resolvers/zod');
-var locale = require('date-fns/locale');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React12__namespace = /*#__PURE__*/_interopNamespace(React12);
-var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
-var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
-var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
-var Link7__default = /*#__PURE__*/_interopDefault(Link7);
-var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
-var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
-var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
-var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
-var dynamic__default = /*#__PURE__*/_interopDefault(dynamic);
-
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-function getInitials(fullName) {
-  if (fullName.length === 0) return "";
-  const names = fullName.split(" ");
-  const initials = names.map((name) => name.charAt(0).toUpperCase()).join("");
-  return initials;
-}
-var Logger;
-var init_utils = __esm({
-  "src/utils/index.ts"() {
-    Logger = class {
-      log(level, message, context, error) {
-        const entry = {
-          timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-          level,
-          message,
-          context
-        };
-        if (error instanceof Error) {
-          entry.error = {
-            name: error.name,
-            message: error.message,
-            stack: error.stack
-          };
-        } else if (error) {
-          entry.error = error;
-        }
-        const logString = JSON.stringify(entry);
-        switch (level) {
-          case "error":
-            console.error(logString);
-            break;
-          case "warn":
-            console.warn(logString);
-            break;
-          case "debug":
-            if (process.env.NODE_ENV === "development") console.debug(logString);
-            break;
-          default:
-            console.log(logString);
-        }
-      }
-      info(message, context) {
-        this.log("info", message, context);
-      }
-      warn(message, context) {
-        this.log("warn", message, context);
-      }
-      error(message, error, context) {
-        this.log("error", message, context, error);
-      }
-      debug(message, context) {
-        this.log("debug", message, context);
-      }
-    };
-    new Logger();
-  }
-});
-var buttonVariants, Button;
-var init_button = __esm({
-  "src/ui/primitives/button.tsx"() {
-    init_utils();
-    buttonVariants = classVarianceAuthority.cva(
-      "inline-flex items-center justify-center gap-1.5 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-      {
-        variants: {
-          variant: {
-            // Existing variants (backwards-compatible)
-            default: "bg-primary text-primary-foreground hover:bg-primary/90",
-            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-            outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-            ghost: "hover:bg-accent hover:text-accent-foreground",
-            link: "text-primary underline-offset-4 hover:underline",
-            // New Plane-inspired variants using semantic tokens
-            accent: "bg-accent-primary text-text-on-color hover:bg-accent-primary-hover active:bg-accent-primary-active disabled:bg-layer-disabled disabled:text-text-disabled",
-            danger: "bg-danger text-text-on-color hover:bg-danger-hover active:bg-danger-hover disabled:bg-layer-disabled disabled:text-text-disabled",
-            "danger-outline": "border border-danger bg-layer-2 text-danger-text hover:bg-danger-subtle active:bg-danger-subtle disabled:border-border-subtle disabled:bg-layer-2 disabled:text-text-disabled",
-            success: "bg-success-semantic text-text-on-color hover:bg-success-semantic/90 active:bg-success-semantic/80 disabled:bg-layer-disabled disabled:text-text-disabled",
-            tertiary: "bg-layer-3 text-text-secondary hover:bg-layer-3-hover active:bg-layer-3-hover disabled:bg-transparent disabled:text-text-disabled"
-          },
-          size: {
-            // Existing sizes (backwards-compatible)
-            default: "h-10 px-4 py-2",
-            sm: "h-9 rounded-md px-3",
-            lg: "h-11 rounded-md px-8",
-            icon: "h-10 w-10",
-            // New ERP-specific compact sizes
-            xs: "h-7 rounded-sm px-2 text-xs",
-            compact: "h-8 rounded-md px-3 text-xs",
-            "icon-sm": "h-8 w-8",
-            "icon-xs": "h-7 w-7"
-          }
-        },
-        defaultVariants: {
-          variant: "default",
-          size: "default"
-        }
-      }
-    );
-    Button = React12__namespace.forwardRef(
-      ({ className, variant, size, asChild = false, loading = false, prependIcon, appendIcon, children, disabled, ...props }, ref) => {
-        if (asChild) {
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            reactSlot.Slot,
-            {
-              className: cn(buttonVariants({ variant, size }), className),
-              ref,
-              ...{ disabled: disabled || loading },
-              ...props,
-              children: React12__namespace.isValidElement(children) && (prependIcon || appendIcon) ? React12__namespace.cloneElement(children, {}, /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                prependIcon && React12__namespace.cloneElement(prependIcon, {
-                  className: cn("shrink-0", size === "xs" || size === "compact" ? "size-3.5" : "size-4")
-                }),
-                children.props.children,
-                appendIcon && React12__namespace.cloneElement(appendIcon, {
-                  className: cn("shrink-0", size === "xs" || size === "compact" ? "size-3.5" : "size-4")
-                })
-              ] })) : children
-            }
-          );
-        }
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            className: cn(buttonVariants({ variant, size }), className),
-            ref,
-            disabled: disabled || loading,
-            ...props,
-            children: [
-              prependIcon && React12__namespace.cloneElement(prependIcon, {
-                className: cn("shrink-0", size === "xs" || size === "compact" ? "size-3.5" : "size-4")
-              }),
-              children,
-              appendIcon && React12__namespace.cloneElement(appendIcon, {
-                className: cn("shrink-0", size === "xs" || size === "compact" ? "size-3.5" : "size-4")
-              })
-            ]
-          }
-        );
-      }
-    );
-    Button.displayName = "Button";
-  }
-});
-function Badge({ className, variant, size, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(badgeVariants({ variant, size }), className), ...props });
-}
-var badgeVariants;
-var init_badge = __esm({
-  "src/ui/primitives/badge.tsx"() {
-    init_utils();
-    badgeVariants = classVarianceAuthority.cva(
-      "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-      {
-        variants: {
-          variant: {
-            // Existing variants (backwards-compatible)
-            default: "border-transparent bg-primary text-primary-foreground",
-            secondary: "border-transparent bg-secondary text-secondary-foreground",
-            destructive: "border-transparent bg-destructive text-destructive-foreground",
-            outline: "text-foreground",
-            // Enhanced semantic variants (using Design Tokens)
-            success: "border-transparent bg-success-subtle text-success-text",
-            warning: "border-transparent bg-warning-subtle text-warning-text",
-            danger: "border-transparent bg-danger-subtle text-danger-text",
-            info: "border-transparent bg-info-subtle text-info-text",
-            accent: "border-transparent bg-accent-primary-subtle text-accent-primary"
-          },
-          size: {
-            default: "",
-            sm: "px-1.5 py-0 text-[10px]",
-            lg: "px-3 py-1 text-sm"
-          }
-        },
-        defaultVariants: {
-          variant: "default",
-          size: "default"
-        }
-      }
-    );
-  }
-});
-var Input;
-var init_input = __esm({
-  "src/ui/primitives/input.tsx"() {
-    init_utils();
-    Input = React12__namespace.forwardRef(
-      ({ className, type, ...props }, ref) => {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type,
-            className: cn(
-              "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-              className
-            ),
-            ref,
-            ...props
-          }
-        );
-      }
-    );
-    Input.displayName = "Input";
-  }
-});
-var Checkbox;
-var init_checkbox = __esm({
-  "src/ui/primitives/checkbox.tsx"() {
-    "use client";
-    init_utils();
-    Checkbox = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      CheckboxPrimitive__namespace.Root,
-      {
-        ref,
-        className: cn(
-          "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
-          className
-        ),
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          CheckboxPrimitive__namespace.Indicator,
-          {
-            className: cn("flex items-center justify-center text-current"),
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" })
-          }
-        )
-      }
-    ));
-    Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
-  }
-});
-var Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter;
-var init_card = __esm({
-  "src/ui/primitives/card.tsx"() {
-    init_utils();
-    Card = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "rounded-lg border bg-card text-card-foreground shadow-sm",
-          className
-        ),
-        ...props
-      }
-    ));
-    Card.displayName = "Card";
-    CardHeader = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: cn("flex flex-col space-y-1.5 p-6", className),
-        ...props
-      }
-    ));
-    CardHeader.displayName = "CardHeader";
-    CardTitle = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      "h3",
-      {
-        ref,
-        className: cn(
-          "text-2xl font-semibold leading-none tracking-tight",
-          className
-        ),
-        ...props
-      }
-    ));
-    CardTitle.displayName = "CardTitle";
-    CardDescription = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      "p",
-      {
-        ref,
-        className: cn("text-sm text-muted-foreground", className),
-        ...props
-      }
-    ));
-    CardDescription.displayName = "CardDescription";
-    CardContent = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
-    CardContent.displayName = "CardContent";
-    CardFooter = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: cn("flex items-center p-6 pt-0", className),
-        ...props
-      }
-    ));
-    CardFooter.displayName = "CardFooter";
-  }
-});
-var Separator;
-var init_separator = __esm({
-  "src/ui/primitives/separator.tsx"() {
-    init_utils();
-    Separator = React12__namespace.forwardRef(
-      ({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref,
-          className: cn(
-            "shrink-0 bg-border",
-            orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-            className
-          ),
-          ...props
-        }
-      )
-    );
-    Separator.displayName = "Separator";
-  }
-});
-var Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption;
-var init_table = __esm({
-  "src/ui/primitives/table.tsx"() {
-    init_utils();
-    Table = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
-      "table",
-      {
-        ref,
-        className: cn("w-max min-w-full caption-bottom text-xs", className),
-        ...props
-      }
-    ) }));
-    Table.displayName = "Table";
-    TableHeader = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
-    TableHeader.displayName = "TableHeader";
-    TableBody = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      "tbody",
-      {
-        ref,
-        className: cn("[&_tr:last-child]:border-0", className),
-        ...props
-      }
-    ));
-    TableBody.displayName = "TableBody";
-    TableFooter = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      "tfoot",
-      {
-        ref,
-        className: cn(
-          "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
-          className
-        ),
-        ...props
-      }
-    ));
-    TableFooter.displayName = "TableFooter";
-    TableRow = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      "tr",
-      {
-        ref,
-        className: cn(
-          "border-b transition-colors even:bg-muted/30 data-[state=selected]:bg-muted",
-          className
-        ),
-        ...props
-      }
-    ));
-    TableRow.displayName = "TableRow";
-    TableHead = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      "th",
-      {
-        ref,
-        className: cn(
-          "h-9 px-3 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
-          className
-        ),
-        ...props
-      }
-    ));
-    TableHead.displayName = "TableHead";
-    TableCell = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      "td",
-      {
-        ref,
-        className: cn("px-3 py-1.5 align-middle [&:has([role=checkbox])]:pr-0 text-xs", className),
-        ...props
-      }
-    ));
-    TableCell.displayName = "TableCell";
-    TableCaption = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      "caption",
-      {
-        ref,
-        className: cn("mt-4 text-sm text-muted-foreground", className),
-        ...props
-      }
-    ));
-    TableCaption.displayName = "TableCaption";
-  }
-});
-var init_dropdown_menu = __esm({
-  "src/ui/primitives/dropdown-menu.tsx"() {
-    "use client";
-  }
-});
-var DialogPortal, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
-var init_dialog = __esm({
-  "src/ui/primitives/dialog.tsx"() {
-    "use client";
-    init_utils();
-    DialogPortal = DialogPrimitive__namespace.Portal;
-    DialogOverlay = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      DialogPrimitive__namespace.Overlay,
-      {
-        ref,
-        className: cn(
-          "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-          className
-        ),
-        ...props
-      }
-    ));
-    DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-    DialogContent = React12__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        DialogPrimitive__namespace.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
-          ),
-          ...props,
-          children: [
-            children,
-            /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.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__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
-            ] })
-          ]
-        }
-      )
-    ] }));
-    DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
-    DialogHeader = ({
-      className,
-      ...props
-    }) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: cn(
-          "flex flex-col space-y-1.5 text-center sm:text-left",
-          className
-        ),
-        ...props
-      }
-    );
-    DialogHeader.displayName = "DialogHeader";
-    DialogFooter = ({
-      className,
-      ...props
-    }) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: cn(
-          "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-          className
-        ),
-        ...props
-      }
-    );
-    DialogFooter.displayName = "DialogFooter";
-    DialogTitle = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      DialogPrimitive__namespace.Title,
-      {
-        ref,
-        className: cn(
-          "text-lg font-semibold leading-none tracking-tight",
-          className
-        ),
-        ...props
-      }
-    ));
-    DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
-    DialogDescription = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      DialogPrimitive__namespace.Description,
-      {
-        ref,
-        className: cn("text-sm text-muted-foreground", className),
-        ...props
-      }
-    ));
-    DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
-  }
-});
-var TabsList, TabsTrigger, TabsContent;
-var init_tabs = __esm({
-  "src/ui/primitives/tabs.tsx"() {
-    "use client";
-    init_utils();
-    TabsList = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      TabsPrimitive__namespace.List,
-      {
-        ref,
-        className: cn(
-          "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
-          className
-        ),
-        ...props
-      }
-    ));
-    TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-    TabsTrigger = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      TabsPrimitive__namespace.Trigger,
-      {
-        ref,
-        className: cn(
-          "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
-          className
-        ),
-        ...props
-      }
-    ));
-    TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-    TabsContent = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      TabsPrimitive__namespace.Content,
-      {
-        ref,
-        className: cn(
-          "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-          className
-        ),
-        ...props
-      }
-    ));
-    TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
-  }
-});
-var init_breadcrumb = __esm({
-  "src/ui/primitives/breadcrumb.tsx"() {
-  }
-});
-var init_keyboard = __esm({
-  "src/ui/primitives/keyboard.tsx"() {
-  }
-});
-var init_pagination = __esm({
-  "src/ui/primitives/pagination.tsx"() {
-  }
-});
-var init_status_badge = __esm({
-  "src/ui/primitives/status-badge.tsx"() {
-  }
-});
-var init_command_menu = __esm({
-  "src/ui/layout/command-menu.tsx"() {
-    "use client";
-  }
-});
-var init_logo = __esm({
-  "src/ui/layout/logo.tsx"() {
-    "use client";
-  }
-});
-var init_sidebar_group_icon_menu = __esm({
-  "src/ui/layout/sidebar-group-icon-menu.tsx"() {
-    "use client";
-  }
-});
-var init_sidebar = __esm({
-  "src/ui/layout/sidebar.tsx"() {
-    "use client";
-  }
-});
-var init_calendar = __esm({
-  "src/ui/primitives/calendar.tsx"() {
-    "use client";
-    init_utils();
-    init_button();
-  }
-});
-function ScrollArea({
-  orientation,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    ScrollAreaPrimitive__namespace.Root,
-    {
-      "data-slot": "scroll-area",
-      className: cn("relative overflow-hidden", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ScrollAreaPrimitive__namespace.Viewport,
-          {
-            "data-slot": "scroll-area-viewport",
-            className: "h-full w-full rounded-[inherit]",
-            children
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { orientation }),
-        /* @__PURE__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.Corner, {})
-      ]
-    }
-  );
-}
-function ScrollBar({
-  className,
-  orientation = "vertical",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ScrollAreaPrimitive__namespace.ScrollAreaScrollbar,
-    {
-      "data-slot": "scroll-area-scrollbar",
-      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__ */ jsxRuntime.jsx(ScrollAreaPrimitive__namespace.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
-    }
-  );
-}
-var init_scroll_area = __esm({
-  "src/ui/primitives/scroll-area.tsx"() {
-    "use client";
-    init_utils();
-  }
-});
-var init_combobox = __esm({
-  "src/ui/primitives/combobox.tsx"() {
-    "use client";
-  }
-});
-var init_select = __esm({
-  "src/ui/primitives/select.tsx"() {
-    "use client";
-  }
-});
-var init_popover = __esm({
-  "src/ui/primitives/popover.tsx"() {
-    "use client";
-  }
-});
-var init_switch = __esm({
-  "src/ui/primitives/switch.tsx"() {
-    "use client";
-  }
-});
-var Label3;
-var init_label = __esm({
-  "src/ui/primitives/label.tsx"() {
-    "use client";
-    init_utils();
-    Label3 = React12__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-      LabelPrimitive__namespace.Root,
-      {
-        ref,
-        className: cn(
-          "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-          className
-        ),
-        ...props
-      }
-    ));
-    Label3.displayName = LabelPrimitive__namespace.Root.displayName;
-  }
-});
-function TooltipProvider({
-  delayDuration = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TooltipPrimitive__namespace.Provider,
-    {
-      "data-slot": "tooltip-provider",
-      delayDuration,
-      ...props
-    }
-  );
-}
-function Tooltip({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Root, { "data-slot": "tooltip", ...props }) });
-}
-function TooltipTrigger({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TooltipPrimitive__namespace.Trigger,
-    {
-      "data-slot": "tooltip-trigger",
-      className: cn("cursor-pointer", className),
-      ...props
-    }
-  );
-}
-function TooltipContent({
-  className,
-  sideOffset = 0,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TooltipPrimitive__namespace.Content,
-    {
-      "data-slot": "tooltip-content",
-      sideOffset,
-      className: cn(
-        "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-sm 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
-    }
-  );
-}
-var init_tooltip = __esm({
-  "src/ui/primitives/tooltip.tsx"() {
-    "use client";
-    init_utils();
-  }
-});
-var init_resizable = __esm({
-  "src/ui/primitives/resizable.tsx"() {
-    "use client";
-  }
-});
-var init_slider = __esm({
-  "src/ui/primitives/slider.tsx"() {
-    "use client";
-  }
-});
-var init_toggle = __esm({
-  "src/ui/primitives/toggle.tsx"() {
-    "use client";
-    classVarianceAuthority.cva(
-      "cursor-pointer inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
-      {
-        variants: {
-          variant: {
-            default: "bg-transparent",
-            outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
-          },
-          size: {
-            default: "h-9 px-3",
-            sm: "h-8 px-2",
-            lg: "h-10 px-3"
-          }
-        },
-        defaultVariants: {
-          variant: "default",
-          size: "default"
-        }
-      }
-    );
-  }
-});
-var init_toggle_group = __esm({
-  "src/ui/primitives/toggle-group.tsx"() {
-    "use client";
-    React12.createContext({
-      size: "default",
-      variant: "default"
-    });
-  }
-});
-var init_menubar = __esm({
-  "src/ui/primitives/menubar.tsx"() {
-    "use client";
-  }
-});
-var init_navigation_menu = __esm({
-  "src/ui/primitives/navigation-menu.tsx"() {
-    classVarianceAuthority.cva(
-      "group cursor-pointer 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"
-    );
-  }
-});
-var init_sticky_layout = __esm({
-  "src/ui/primitives/sticky-layout.tsx"() {
-  }
-});
-var init_prefetch_link = __esm({
-  "src/ui/primitives/prefetch-link.tsx"() {
-    "use client";
-  }
-});
-function DynamicIcon({ name, ...props }) {
-  if (!name) return null;
-  const LucideIcon = lucideReact.icons[name];
-  if (!LucideIcon) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(LucideIcon, { ...props });
-}
-var init_dynamic_icon = __esm({
-  "src/ui/primitives/dynamic-icon.tsx"() {
-    "use client";
-  }
-});
-var InputNumber;
-var init_input_number = __esm({
-  "src/ui/primitives/input-number.tsx"() {
-    "use client";
-    init_utils();
-    init_input();
-    InputNumber = React12__namespace.forwardRef(
-      ({ value, onChange, className, decimalScale = 0, suffix, ...props }, ref) => {
-        const [displayValue, setDisplayValue] = React12__namespace.useState("");
-        const parseDisplayValue = (val) => {
-          const clean = val.replace(/\./g, "").replace(",", ".");
-          return Number(clean);
-        };
-        const formatNumber = React12__namespace.useCallback(
-          (num) => {
-            return new Intl.NumberFormat("vi-VN", {
-              maximumFractionDigits: decimalScale,
-              minimumFractionDigits: 0
-            }).format(num);
-          },
-          [decimalScale]
-        );
-        React12__namespace.useEffect(() => {
-          if (value === null || value === void 0 || value === "") {
-            setDisplayValue("");
-            return;
-          }
-          const numValue = Number(value);
-          if (isNaN(numValue)) return;
-          const currentNum = parseDisplayValue(displayValue);
-          if (currentNum !== numValue) {
-            setDisplayValue(formatNumber(numValue));
-          }
-        }, [value, decimalScale, displayValue, formatNumber]);
-        const handleChange = (e) => {
-          const rawValue = e.target.value;
-          let cleanVal = rawValue.replace(/[^0-9,]/g, "");
-          const parts = cleanVal.split(",");
-          if (parts.length > 2) {
-            cleanVal = parts[0] + "," + parts.slice(1).join("");
-          }
-          if (cleanVal === "") {
-            setDisplayValue("");
-            onChange?.(null);
-            return;
-          }
-          const [integerPart, decimalPart] = cleanVal.split(",");
-          let formattedInteger = integerPart;
-          if (integerPart) {
-            formattedInteger = new Intl.NumberFormat("vi-VN").format(
-              Number(integerPart)
-            );
-          }
-          let newDisplayValue = formattedInteger;
-          let finalDecimalPart = decimalPart;
-          if (decimalPart !== void 0) {
-            if (decimalScale !== void 0 && decimalPart.length > decimalScale) {
-              finalDecimalPart = decimalPart.substring(0, decimalScale);
-            }
-            newDisplayValue += "," + finalDecimalPart;
-          }
-          setDisplayValue(newDisplayValue);
-          let numStr = integerPart;
-          if (finalDecimalPart !== void 0) {
-            numStr += "." + finalDecimalPart;
-          }
-          const numValue = Number(numStr.replace(/\./g, ""));
-          onChange?.(numValue);
-        };
-        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Input,
-            {
-              ...props,
-              ref,
-              type: "text",
-              inputMode: "numeric",
-              value: displayValue,
-              onChange: handleChange,
-              className: cn("pr-8", className)
-            }
-          ),
-          suffix && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none text-muted-foreground text-sm", children: suffix })
-        ] });
-      }
-    );
-    InputNumber.displayName = "InputNumber";
-  }
-});
-function Sheet({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { "data-slot": "sheet", ...props });
-}
-function SheetPortal({
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { "data-slot": "sheet-portal", ...props });
-}
-function SheetOverlay({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DialogPrimitive__namespace.Overlay,
-    {
-      "data-slot": "sheet-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
-    }
-  );
-}
-function SheetContent({
-  className,
-  children,
-  side = "right",
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      DialogPrimitive__namespace.Content,
-      {
-        "data-slot": "sheet-content",
-        className: cn(sheetVariants({ side }), className),
-        ...props,
-        children
-      }
-    )
-  ] });
-}
-function SheetTitle({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    DialogPrimitive__namespace.Title,
-    {
-      "data-slot": "sheet-title",
-      className: cn("text-lg font-semibold text-foreground", className),
-      ...props
-    }
-  );
-}
-var sheetVariants;
-var init_sheet = __esm({
-  "src/ui/feedback/sheet.tsx"() {
-    "use client";
-    init_utils();
-    sheetVariants = classVarianceAuthority.cva(
-      "fixed z-50 gap-4 bg-background p-4 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-72 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-72 border-s data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
-            start: "inset-y-0 start-0 h-full w-72 border-e data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left data-[state=closed]:rtl:slide-out-to-right data-[state=open]:rtl:slide-in-from-right sm:max-w-sm",
-            end: "inset-y-0 end-0 h-full w-72 border-s data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right data-[state=closed]:rtl:slide-out-to-left data-[state=open]:rtl:slide-in-from-left sm:max-w-sm"
-          }
-        },
-        defaultVariants: {
-          side: "right"
-        }
-      }
-    );
-  }
-});
-var init_context_menu = __esm({
-  "src/ui/feedback/context-menu.tsx"() {
-    "use client";
-  }
-});
-var init_drawer = __esm({
-  "src/ui/feedback/drawer.tsx"() {
-    "use client";
-  }
-});
-var init_progress = __esm({
-  "src/ui/feedback/progress.tsx"() {
-    "use client";
-  }
-});
-var init_sonner = __esm({
-  "src/ui/feedback/sonner.tsx"() {
-    "use client";
-  }
-});
-
-// src/ui/primitives/client.ts
-var init_client = __esm({
-  "src/ui/primitives/client.ts"() {
-    "use client";
-    init_calendar();
-    init_combobox();
-    init_scroll_area();
-    init_select();
-    init_popover();
-    init_dropdown_menu();
-    init_switch();
-    init_checkbox();
-    init_label();
-    init_tooltip();
-    init_sidebar2();
-    init_resizable();
-    init_slider();
-    init_toggle();
-    init_toggle_group();
-    init_menubar();
-    init_navigation_menu();
-    init_sticky_layout();
-    init_prefetch_link();
-    init_dynamic_icon();
-    init_input_number();
-    init_sheet();
-    init_context_menu();
-    init_drawer();
-    init_progress();
-    init_sonner();
-  }
-});
-var init_language_dropdown = __esm({
-  "src/ui/layout/language-dropdown.tsx"() {
-    "use client";
-  }
-});
-var init_footer = __esm({
-  "src/ui/layout/footer.tsx"() {
-  }
-});
-var init_header_breadcrumb = __esm({
-  "src/ui/layout/header-breadcrumb.tsx"() {
-    "use client";
-  }
-});
-var init_animated_list = __esm({
-  "src/ui/layout/animated-list.tsx"() {
-  }
-});
-var init_animated_sidebar = __esm({
-  "src/ui/layout/animated-sidebar.tsx"() {
-    "use client";
-  }
-});
-var init_customizer = __esm({
-  "src/ui/layout/customizer.tsx"() {
-    "use client";
-  }
-});
-function Avatar({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AvatarPrimitive__namespace.Root,
-    {
-      "data-slot": "avatar",
-      className: cn("relative flex h-10 w-10 shrink-0", className),
-      ...props
-    }
-  );
-}
-function AvatarImage({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AvatarPrimitive__namespace.Image,
-    {
-      "data-slot": "avatar-image",
-      className: cn(
-        "aspect-square h-full w-full bg-muted rounded-lg object-cover",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AvatarFallback({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    AvatarPrimitive__namespace.Fallback,
-    {
-      className: cn(
-        "flex h-full w-full items-center justify-center bg-muted rounded-lg",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function AvatarStack({
-  avatars,
-  limit = 4,
-  size,
-  onMoreButtonClick,
-  className,
-  avatarClassName,
-  ...props
-}) {
-  const limitedAvatars = avatars.slice(0, limit);
-  const remainingCount = avatars.length - limitedAvatars.length;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex", className), ...props, children: [
-    limitedAvatars.slice(0, limit).map((avatar) => /* @__PURE__ */ jsxRuntime.jsx(
-      TooltipProvider,
-      {
-        delayDuration: 200,
-        children: /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { className: "-ms-1 -me-1", children: avatar.href ? /* @__PURE__ */ jsxRuntime.jsx(Link7__default.default, { href: avatar.href, children: /* @__PURE__ */ jsxRuntime.jsxs(
-            Avatar,
-            {
-              className: cn(
-                avatarStackVariants({ size }),
-                avatarClassName
-              ),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  AvatarImage,
-                  {
-                    src: avatar.src,
-                    className: "border-2 border-background"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "border-2 border-background", children: getInitials(avatar.alt) })
-              ]
-            }
-          ) }) : /* @__PURE__ */ jsxRuntime.jsxs(
-            Avatar,
-            {
-              className: cn(avatarStackVariants({ size }), avatarClassName),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  AvatarImage,
-                  {
-                    src: avatar.src,
-                    className: "border-2 border-background"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(AvatarFallback, { className: "border-2 border-background", children: getInitials(avatar.alt) })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { className: "capitalize -me-[1.23rem]", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: avatar.alt }) })
-        ] })
-      },
-      `${avatar.alt}-${avatar.src}`
-    )),
-    remainingCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onMoreButtonClick,
-        className: "-ms-1 -me-1",
-        "aria-label": "Show more",
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          Avatar,
-          {
-            className: cn(avatarStackVariants({ size }), avatarClassName),
-            children: /* @__PURE__ */ jsxRuntime.jsxs(AvatarFallback, { className: "border-2 border-background", children: [
-              "+",
-              remainingCount
-            ] })
-          }
-        )
-      }
-    )
-  ] });
-}
-var avatarStackVariants;
-var init_avatar = __esm({
-  "src/ui/data-display/avatar.tsx"() {
-    "use client";
-    init_utils();
-    init_tooltip();
-    avatarStackVariants = classVarianceAuthority.cva(
-      "transition duration-300 hover:scale-105 hover:z-10",
-      {
-        variants: {
-          size: {
-            default: "h-10 w-10",
-            sm: "h-9 w-9 text-sm",
-            lg: "h-11 w-11"
-          }
-        },
-        defaultVariants: {
-          size: "default"
-        }
-      }
-    );
-  }
-});
-var init_tab_content_cache = __esm({
-  "src/ui/layout/tab-content-cache.tsx"() {
-    "use client";
-    React12.createContext(void 0);
-  }
-});
-var init_tab_navigation_provider = __esm({
-  "src/ui/layout/tab-navigation-provider.tsx"() {
-    "use client";
-    React12.createContext(void 0);
-  }
-});
-var init_user_dropdown = __esm({
-  "src/ui/layout/user-dropdown.tsx"() {
-    "use client";
-  }
-});
-var init_notification_dropdown = __esm({
-  "src/ui/layout/notification-dropdown.tsx"() {
-    "use client";
-  }
-});
-var init_mode_dropdown = __esm({
-  "src/ui/layout/mode-dropdown.tsx"() {
-    "use client";
-  }
-});
-var init_full_screen_toggle = __esm({
-  "src/ui/layout/full-screen-toggle.tsx"() {
-    "use client";
-  }
-});
-var init_route_cache = __esm({
-  "src/ui/layout/route-cache.tsx"() {
-    "use client";
-    React12.createContext(
-      void 0
-    );
-  }
-});
-var init_page_tabs = __esm({
-  "src/ui/layout/page-tabs.tsx"() {
-    "use client";
-  }
-});
-var init_toggle_mobile_sidebar = __esm({
-  "src/ui/layout/toggle-mobile-sidebar.tsx"() {
-    "use client";
-  }
-});
-var init_top_bar_header_menubar = __esm({
-  "src/ui/layout/top-bar-header-menubar.tsx"() {
-    "use client";
-  }
-});
-var init_vertical_layout_header = __esm({
-  "src/ui/layout/vertical-layout-header.tsx"() {
-    "use client";
-  }
-});
-var init_horizontal_layout_header = __esm({
-  "src/ui/layout/horizontal-layout-header.tsx"() {
-    "use client";
-  }
-});
-var init_vertical_layout = __esm({
-  "src/ui/layout/vertical-layout.tsx"() {
-    "use client";
-  }
-});
-var init_horizontal_layout = __esm({
-  "src/ui/layout/horizontal-layout.tsx"() {
-    "use client";
-  }
-});
-var init_main_layout = __esm({
-  "src/ui/layout/main-layout.tsx"() {
-    "use client";
-  }
-});
-
-// src/ui/layout/index.tsx
-var init_layout = __esm({
-  "src/ui/layout/index.tsx"() {
-    init_sidebar();
-    init_language_dropdown();
-    init_footer();
-    init_logo();
-    init_header_breadcrumb();
-    init_animated_list();
-    init_animated_sidebar();
-    init_command_menu();
-    init_sidebar_group_icon_menu();
-    init_customizer();
-    init_user_dropdown();
-    init_notification_dropdown();
-    init_mode_dropdown();
-    init_full_screen_toggle();
-    init_page_tabs();
-    init_tab_navigation_provider();
-    init_route_cache();
-    init_toggle_mobile_sidebar();
-    init_top_bar_header_menubar();
-    init_vertical_layout_header();
-    init_horizontal_layout_header();
-    init_vertical_layout();
-    init_horizontal_layout();
-    init_main_layout();
-    init_tab_content_cache();
-  }
-});
-
-// src/hooks/use-tenant.ts
-var init_use_tenant = __esm({
-  "src/hooks/use-tenant.ts"() {
-  }
-});
-function useMediaQuery(query) {
-  const [matches, setMatches] = React12.useState(false);
-  React12.useEffect(() => {
-    if (typeof window !== "undefined") {
-      const media = window.matchMedia(query);
-      setMatches(media.matches);
-      const listener = (event) => setMatches(event.matches);
-      media.addEventListener("change", listener);
-      return () => media.removeEventListener("change", listener);
-    }
-  }, [query]);
-  return matches;
-}
-function useMobile() {
-  return useMediaQuery("(max-width: 768px)");
-}
-var init_hooks = __esm({
-  "src/hooks/index.tsx"() {
-    "use client";
-    init_use_tenant();
-    React12.createContext(null);
-  }
-});
-var init_alert = __esm({
-  "src/ui/feedback/alert.tsx"() {
-    classVarianceAuthority.cva(
-      "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
-      {
-        variants: {
-          variant: {
-            default: "bg-background text-foreground",
-            destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
-          }
-        },
-        defaultVariants: {
-          variant: "default"
-        }
-      }
-    );
-  }
-});
-var GlobalErrorEmitter;
-var init_error_dialog = __esm({
-  "src/ui/feedback/error-dialog.tsx"() {
-    "use client";
-    GlobalErrorEmitter = class {
-      constructor() {
-        this.listeners = [];
-      }
-      subscribe(listener) {
-        this.listeners.push(listener);
-        return () => {
-          this.listeners = this.listeners.filter((l) => l !== listener);
-        };
-      }
-      emit(data) {
-        this.listeners.forEach((listener) => listener(data));
-      }
-    };
-    new GlobalErrorEmitter();
-    React12.createContext(null);
-  }
-});
-var init_feedback = __esm({
-  "src/ui/feedback/index.tsx"() {
-    init_progress();
-    init_sheet();
-    init_alert();
-    init_context_menu();
-    init_drawer();
-    init_sonner();
-    init_error_dialog();
-  }
-});
-function useSidebar() {
-  const context = React12__namespace.useContext(SidebarContext);
-  if (!context) {
-    throw new Error("useSidebar must be used within a SidebarProvider.");
-  }
-  return context;
-}
-var SIDEBAR_WIDTH, SIDEBAR_WIDTH_MOBILE, SIDEBAR_WIDTH_ICON, SIDEBAR_KEYBOARD_SHORTCUT, SidebarContext, SidebarProvider, Sidebar, SidebarTrigger, SidebarRail, SidebarInset, SidebarInput, SidebarHeader, SidebarFooter, SidebarSeparator, SidebarContent, SidebarGroup, SidebarGroupLabel, SidebarGroupAction, SidebarGroupContent, SidebarMenu, SidebarMenuItem, sidebarMenuButtonVariants, SidebarMenuButton, SidebarMenuAction, SidebarMenuBadge, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubItem, SidebarMenuSubButton;
-var init_sidebar2 = __esm({
-  "src/ui/primitives/sidebar.tsx"() {
-    "use client";
-    init_hooks();
-    init_utils();
-    init_button();
-    init_feedback();
-    init_tooltip();
-    SIDEBAR_WIDTH = "16rem";
-    SIDEBAR_WIDTH_MOBILE = "18rem";
-    SIDEBAR_WIDTH_ICON = "3rem";
-    SIDEBAR_KEYBOARD_SHORTCUT = "b";
-    SidebarContext = React12__namespace.createContext(null);
-    SidebarProvider = React12__namespace.forwardRef(
-      ({
-        defaultOpen = false,
-        open: openProp,
-        onOpenChange: setOpenProp,
-        className,
-        style,
-        children,
-        ...props
-      }, ref) => {
-        const isMobile = useMobile();
-        const [openMobile, setOpenMobile] = React12__namespace.useState(false);
-        const [hoverOpen, setHoverOpen] = React12__namespace.useState(false);
-        const [_open, _setOpen] = React12__namespace.useState(defaultOpen);
-        const open = openProp ?? _open;
-        const setOpen = React12__namespace.useCallback(
-          (value) => {
-            if (setOpenProp) {
-              return setOpenProp(typeof value === "function" ? value(open) : value);
-            }
-            _setOpen(value);
-          },
-          [setOpenProp, open]
-        );
-        const toggleSidebar = React12__namespace.useCallback(() => {
-          return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
-        }, [isMobile, setOpen, setOpenMobile]);
-        React12__namespace.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 isHoverExpanded = !open && hoverOpen;
-        const contextValue = React12__namespace.useMemo(
-          () => ({
-            state,
-            open,
-            setOpen,
-            isMobile,
-            openMobile,
-            setOpenMobile,
-            toggleSidebar,
-            hoverOpen,
-            setHoverOpen,
-            isHoverExpanded
-          }),
-          [
-            state,
-            open,
-            setOpen,
-            isMobile,
-            openMobile,
-            setOpenMobile,
-            toggleSidebar,
-            hoverOpen,
-            setHoverOpen,
-            isHoverExpanded
-          ]
-        );
-        return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
-          "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
-          }
-        ) }) });
-      }
-    );
-    SidebarProvider.displayName = "SidebarProvider";
-    Sidebar = React12__namespace.forwardRef(
-      ({
-        side = "left",
-        variant = "sidebar",
-        collapsible = "offcanvas",
-        hoverExpandEnabled = true,
-        className,
-        children,
-        ...props
-      }, ref) => {
-        const {
-          isMobile,
-          state,
-          openMobile,
-          setOpenMobile,
-          setHoverOpen,
-          isHoverExpanded
-        } = useSidebar();
-        const handleMouseEnter = React12__namespace.useCallback(() => {
-          if (hoverExpandEnabled && state === "collapsed" && collapsible === "icon") {
-            setHoverOpen(true);
-          }
-        }, [hoverExpandEnabled, state, collapsible, setHoverOpen]);
-        const handleMouseLeave = React12__namespace.useCallback(() => {
-          if (hoverExpandEnabled) {
-            setHoverOpen(false);
-          }
-        }, [hoverExpandEnabled, setHoverOpen]);
-        if (collapsible === "none") {
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: cn(
-                "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",
-                className
-              ),
-              ref,
-              ...props,
-              children
-            }
-          );
-        }
-        if (isMobile) {
-          return /* @__PURE__ */ jsxRuntime.jsx(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
-            SheetContent,
-            {
-              "data-sidebar": "sidebar",
-              "data-mobile": "true",
-              className: "w-(--sidebar-width) bg-background p-0 text-foreground [&>button]:hidden",
-              style: {
-                "--sidebar-width": SIDEBAR_WIDTH_MOBILE
-              },
-              side,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { className: "sr-only", children: "Mobile Menu" }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full w-full flex-col", children })
-              ]
-            }
-          ) });
-        }
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            ref,
-            className: cn(
-              "group peer hidden md:block transition-colors duration-200",
-              // Blue bg + white text when collapsed, white bg + dark text when expanded/hover
-              state === "collapsed" && !isHoverExpanded ? "text-sidebar-foreground" : "text-foreground"
-            ),
-            "data-state": state,
-            "data-hover-expanded": isHoverExpanded,
-            "data-collapsible": state === "collapsed" ? collapsible : "",
-            "data-variant": variant,
-            "data-side": side,
-            onMouseEnter: handleMouseEnter,
-            onMouseLeave: handleMouseLeave,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(
-                    "duration-200 relative h-svh w-(--sidebar-width) bg-transparent transition-[width] ease-linear",
-                    "group-data-[collapsible=offcanvas]:w-0",
-                    "group-data-[collapsible=icon]:w-(--sidebar-width-icon)",
-                    variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(
-                    "duration-200 fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] 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)]",
-                    // Adjustments for collapsible=icon
-                    variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_8px)] group-data-[collapsible=icon]:px-2.5" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[collapsible=icon]:border-r group-data-[collapsible=icon]:px-0",
-                    // Hover expand - override icon width to full width on hover
-                    "group-data-[hover-expanded=true]:!w-(--sidebar-width) group-data-[hover-expanded=true]:shadow-xl group-data-[hover-expanded=true]:z-[100]",
-                    className
-                  ),
-                  ...props,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      "data-sidebar": "sidebar",
-                      className: cn(
-                        "flex h-full w-full flex-col border-r transition-colors duration-200",
-                        // Blue background when collapsed, white when expanded/hover
-                        "group-data-[state=collapsed]:bg-sidebar group-data-[state=collapsed]:border-sidebar-border",
-                        "group-data-[state=expanded]:bg-background group-data-[state=expanded]:border-border",
-                        "group-data-[hover-expanded=true]:!bg-background group-data-[hover-expanded=true]:!border-border",
-                        "group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow"
-                      ),
-                      children
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        );
-      }
-    );
-    Sidebar.displayName = "Sidebar";
-    SidebarTrigger = React12__namespace.forwardRef(({ className, onClick, ...props }, ref) => {
-      const { toggleSidebar } = useSidebar();
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        Button,
-        {
-          ref,
-          "data-sidebar": "trigger",
-          variant: "ghost",
-          size: "icon",
-          className: cn("h-7 w-7", className),
-          onClick: (event) => {
-            onClick?.(event);
-            toggleSidebar();
-          },
-          ...props,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeft, {}),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle Sidebar" })
-          ]
-        }
-      );
-    });
-    SidebarTrigger.displayName = "SidebarTrigger";
-    SidebarRail = React12__namespace.forwardRef(({ className, ...props }, ref) => {
-      const { toggleSidebar } = useSidebar();
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          ref,
-          "data-sidebar": "rail",
-          "aria-label": "Toggle Sidebar",
-          tabIndex: -1,
-          onClick: toggleSidebar,
-          title: "Toggle Sidebar",
-          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
-        }
-      );
-    });
-    SidebarRail.displayName = "SidebarRail";
-    SidebarInset = React12__namespace.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "main",
-        {
-          ref,
-          className: cn(
-            "relative flex min-h-svh flex-1 flex-col bg-muted/40 transition-[margin] duration-200 ease-linear",
-            "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarInset.displayName = "SidebarInset";
-    SidebarInput = React12__namespace.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          ref,
-          "data-sidebar": "input",
-          className: cn(
-            "flex h-8 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sidebar-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarInput.displayName = "SidebarInput";
-    SidebarHeader = React12__namespace.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref,
-          "data-sidebar": "header",
-          className: cn("flex flex-col gap-2 p-2", className),
-          ...props
-        }
-      );
-    });
-    SidebarHeader.displayName = "SidebarHeader";
-    SidebarFooter = React12__namespace.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref,
-          "data-sidebar": "footer",
-          className: cn("flex flex-col gap-2 p-2", className),
-          ...props
-        }
-      );
-    });
-    SidebarFooter.displayName = "SidebarFooter";
-    SidebarSeparator = React12__namespace.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref,
-          "data-sidebar": "separator",
-          className: cn("mx-2 h-[1px] w-auto bg-sidebar-border", className),
-          ...props
-        }
-      );
-    });
-    SidebarSeparator.displayName = "SidebarSeparator";
-    SidebarContent = React12__namespace.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref,
-          "data-sidebar": "content",
-          className: cn(
-            "flex min-h-0 flex-1 flex-col gap-2 overflow-auto",
-            // Hide overflow when collapsed, but show when hover-expanded
-            "group-data-[collapsible=icon]:overflow-hidden group-data-[hover-expanded=true]:!overflow-auto",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarContent.displayName = "SidebarContent";
-    SidebarGroup = React12__namespace.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref,
-          "data-sidebar": "group",
-          className: cn("relative flex w-full min-w-0 flex-col p-2", className),
-          ...props
-        }
-      );
-    });
-    SidebarGroup.displayName = "SidebarGroup";
-    SidebarGroupLabel = React12__namespace.forwardRef(({ className, asChild = false, ...props }, ref) => {
-      const Comp = asChild ? reactSlot.Slot : "div";
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Comp,
-        {
-          ref,
-          "data-sidebar": "group-label",
-          className: cn(
-            "duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-bold text-primary uppercase tracking-wider outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-            // Hide when collapsed, show when hover-expanded
-            "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
-            "group-data-[hover-expanded=true]:!mt-0 group-data-[hover-expanded=true]:!opacity-100",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarGroupLabel.displayName = "SidebarGroupLabel";
-    SidebarGroupAction = React12__namespace.forwardRef(({ className, asChild = false, ...props }, ref) => {
-      const Comp = asChild ? reactSlot.Slot : "button";
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        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
-        }
-      );
-    });
-    SidebarGroupAction.displayName = "SidebarGroupAction";
-    SidebarGroupContent = React12__namespace.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref,
-          "data-sidebar": "group-content",
-          className: cn("w-full text-sm", className),
-          ...props
-        }
-      );
-    });
-    SidebarGroupContent.displayName = "SidebarGroupContent";
-    SidebarMenu = React12__namespace.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "ul",
-        {
-          ref,
-          "data-sidebar": "menu",
-          className: cn("flex w-full min-w-0 flex-col gap-1", className),
-          ...props
-        }
-      );
-    });
-    SidebarMenu.displayName = "SidebarMenu";
-    SidebarMenuItem = React12__namespace.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "li",
-        {
-          ref,
-          "data-sidebar": "menu-item",
-          className: cn("group/menu-item relative", className),
-          ...props
-        }
-      );
-    });
-    SidebarMenuItem.displayName = "SidebarMenuItem";
-    sidebarMenuButtonVariants = classVarianceAuthority.cva(
-      // Base styles + hover-expand overrides
-      "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-[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 group-data-[hover-expanded=true]:!size-auto group-data-[hover-expanded=true]:!w-full group-data-[hover-expanded=true]:!p-2",
-      {
-        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"
-          },
-          isActive: {
-            true: "bg-primary/10 text-primary font-bold"
-          }
-        },
-        defaultVariants: {
-          variant: "default",
-          size: "default"
-        }
-      }
-    );
-    SidebarMenuButton = React12__namespace.forwardRef(
-      ({
-        asChild = false,
-        isActive = false,
-        variant = "default",
-        size = "default",
-        tooltip,
-        className,
-        ...props
-      }, ref) => {
-        const Comp = asChild ? reactSlot.Slot : "button";
-        const { isMobile, state } = useSidebar();
-        const button = /* @__PURE__ */ jsxRuntime.jsx(
-          Comp,
-          {
-            ref,
-            "data-sidebar": "menu-button",
-            "data-size": size,
-            "data-active": isActive,
-            className: cn(
-              sidebarMenuButtonVariants({ variant, size, isActive }),
-              className
-            ),
-            ...props
-          }
-        );
-        if (!tooltip) {
-          return button;
-        }
-        if (typeof tooltip === "string") {
-          tooltip = {
-            children: tooltip
-          };
-        }
-        return /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: button }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            TooltipContent,
-            {
-              side: "right",
-              align: "center",
-              hidden: state !== "collapsed" || isMobile,
-              ...tooltip
-            }
-          )
-        ] });
-      }
-    );
-    SidebarMenuButton.displayName = "SidebarMenuButton";
-    SidebarMenuAction = React12__namespace.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
-      const Comp = asChild ? reactSlot.Slot : "button";
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        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 [&>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 md:opacity-0",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarMenuAction.displayName = "SidebarMenuAction";
-    SidebarMenuBadge = React12__namespace.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref,
-          "data-sidebar": "menu-badge",
-          className: cn(
-            "pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground select-none",
-            "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
-        }
-      );
-    });
-    SidebarMenuBadge.displayName = "SidebarMenuBadge";
-    SidebarMenuSkeleton = React12__namespace.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-      const width = React12__namespace.useMemo(() => {
-        return `${Math.floor(Math.random() * 40) + 50}%`;
-      }, []);
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          ref,
-          "data-sidebar": "menu-skeleton",
-          className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
-          ...props,
-          children: [
-            showIcon && /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: "size-4 rounded-md animate-pulse bg-muted",
-                "data-sidebar": "menu-skeleton-icon"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: "h-4 flex-1 max-w-[--skeleton-width] animate-pulse bg-muted rounded-full",
-                "data-sidebar": "menu-skeleton-text",
-                style: {
-                  "--skeleton-width": width
-                }
-              }
-            )
-          ]
-        }
-      );
-    });
-    SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-    SidebarMenuSub = React12__namespace.forwardRef(({ className, ...props }, ref) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "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",
-            // Hide when collapsed, show when hover-expanded
-            "group-data-[collapsible=icon]:hidden group-data-[hover-expanded=true]:!flex",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarMenuSub.displayName = "SidebarMenuSub";
-    SidebarMenuSubItem = React12__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("li", { ref, ...props }));
-    SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-    SidebarMenuSubButton = React12__namespace.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
-      const Comp = asChild ? reactSlot.Slot : "a";
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        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 text-xs",
-            "data-[active=true]:bg-primary/15 data-[active=true]:!text-primary data-[active=true]:font-bold",
-            size === "sm" && "text-xs",
-            size === "md" && "text-sm",
-            className
-          ),
-          ...props
-        }
-      );
-    });
-    SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
-  }
-});
-function Spinner({ size = "md", className }) {
-  const sizeClasses = {
-    sm: "h-4 w-4",
-    md: "h-6 w-6",
-    lg: "h-8 w-8"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cn(
-        "animate-spin rounded-full border-2 border-current border-t-transparent",
-        sizeClasses[size],
-        className
-      )
-    }
-  );
-}
-var Textarea, ButtonLoading;
-var init_primitives = __esm({
-  "src/ui/primitives/index.tsx"() {
-    init_utils();
-    init_button();
-    init_badge();
-    init_button();
-    init_input();
-    init_checkbox();
-    init_card();
-    init_separator();
-    init_card();
-    init_table();
-    init_dropdown_menu();
-    init_dialog();
-    init_tabs();
-    init_breadcrumb();
-    init_keyboard();
-    init_pagination();
-    init_status_badge();
-    init_sidebar2();
-    init_popover();
-    init_scroll_area();
-    init_calendar();
-    init_resizable();
-    init_slider();
-    init_switch();
-    init_tooltip();
-    init_select();
-    init_menubar();
-    init_navigation_menu();
-    init_toggle();
-    init_toggle_group();
-    init_combobox();
-    init_label();
-    Textarea = React12__namespace.forwardRef(
-      ({ className, ...props }, ref) => {
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          "textarea",
-          {
-            className: cn(
-              "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-              className
-            ),
-            ref,
-            ...props
-          }
-        );
-      }
-    );
-    Textarea.displayName = "Textarea";
-    ButtonLoading = React12__namespace.forwardRef(({ className, isLoading, children, disabled, ...props }, ref) => {
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        Button,
-        {
-          className: cn("gap-2", className),
-          disabled: isLoading || disabled,
-          ref,
-          ...props,
-          children: [
-            isLoading && /* @__PURE__ */ jsxRuntime.jsx(Spinner, { size: "sm" }),
-            children
-          ]
-        }
-      );
-    });
-    ButtonLoading.displayName = "ButtonLoading";
-  }
-});
-var init_radio_group = __esm({
-  "src/ui/forms/radio-group.tsx"() {
-    "use client";
-  }
-});
-var init_rating = __esm({
-  "src/ui/forms/rating.tsx"() {
-    "use client";
-    classVarianceAuthority.cva(
-      "transition-all duration-100 ease-in-out hover:scale-110",
-      {
-        variants: {
-          size: {
-            sm: "w-4 h-4",
-            default: "w-6 h-6",
-            lg: "w-8 h-8"
-          },
-          variant: {
-            default: "text-yellow-400",
-            primary: "text-primary",
-            muted: "text-muted-foreground"
-          },
-          filled: {
-            true: "",
-            false: "text-gray-200"
-          }
-        },
-        defaultVariants: {
-          size: "default",
-          variant: "default",
-          filled: false
-        }
-      }
-    );
-  }
-});
-var init_command = __esm({
-  "src/ui/forms/command.tsx"() {
-    "use client";
-  }
-});
-var MultiSelect;
-var init_multi_select = __esm({
-  "src/ui/forms/multi-select.tsx"() {
-    "use client";
-    init_utils();
-    init_primitives();
-    init_client();
-    MultiSelect = React12__namespace.forwardRef(
-      ({
-        options,
-        value: controlledValue,
-        onValueChange,
-        defaultValue = [],
-        placeholder = "Select options...",
-        searchPlaceholder = "Search...",
-        emptyText = "No option found.",
-        maxCount = 3,
-        disabled = false,
-        responsive = false,
-        className,
-        id
-      }, ref) => {
-        const [internalValue, setInternalValue] = React12.useState(defaultValue);
-        const [open, setOpen] = React12.useState(false);
-        const [searchValue, setSearchValue] = React12.useState("");
-        const isControlled = controlledValue !== void 0;
-        const value = isControlled ? controlledValue : internalValue;
-        const containerRef = React12.useRef(null);
-        const searchInputRef = React12.useRef(null);
-        const dropdownRef = React12.useRef(null);
-        const buttonRef = React12.useRef(null);
-        const [politeMessage, setPoliteMessage] = React12.useState("");
-        const [assertiveMessage, setAssertiveMessage] = React12.useState("");
-        const prevSelectedCount = React12.useRef(value.length);
-        const announce = React12.useCallback(
-          (message, priority = "polite") => {
-            if (priority === "assertive") {
-              setAssertiveMessage(message);
-              setTimeout(() => setAssertiveMessage(""), 100);
-            } else {
-              setPoliteMessage(message);
-              setTimeout(() => setPoliteMessage(""), 100);
-            }
-          },
-          []
-        );
-        const [screenSize, setScreenSize] = React12.useState("desktop");
-        React12.useEffect(() => {
-          if (typeof window === "undefined") return;
-          const handleResize = () => {
-            const width = window.innerWidth;
-            if (width < 640) {
-              setScreenSize("mobile");
-            } else if (width < 1024) {
-              setScreenSize("tablet");
-            } else {
-              setScreenSize("desktop");
-            }
-          };
-          handleResize();
-          window.addEventListener("resize", handleResize);
-          return () => window.removeEventListener("resize", handleResize);
-        }, []);
-        const getResponsiveSettings = React12.useCallback(() => {
-          if (!responsive) {
-            return {
-              maxCount,
-              compactMode: false
-            };
-          }
-          if (responsive === true) {
-            const defaultResponsive = {
-              mobile: { maxCount: 2, compactMode: true },
-              tablet: { maxCount: 4, compactMode: false },
-              desktop: { maxCount: 6, compactMode: false }
-            };
-            const currentSettings2 = defaultResponsive[screenSize];
-            return {
-              maxCount: currentSettings2?.maxCount ?? maxCount,
-              compactMode: currentSettings2?.compactMode ?? false
-            };
-          }
-          const currentSettings = responsive[screenSize];
-          return {
-            maxCount: currentSettings?.maxCount ?? maxCount,
-            compactMode: currentSettings?.compactMode ?? false
-          };
-        }, [responsive, screenSize, maxCount]);
-        const responsiveSettings = getResponsiveSettings();
-        const filteredOptions = React12.useMemo(() => {
-          if (!searchValue.trim()) {
-            return options;
-          }
-          const searchLower = searchValue.toLowerCase();
-          return options.filter(
-            (option) => option.label.toLowerCase().includes(searchLower) || String(option.value).toLowerCase().includes(searchLower)
-          );
-        }, [options, searchValue]);
-        React12.useEffect(() => {
-          if (!open) {
-            setSearchValue("");
-          }
-        }, [open]);
-        React12.useEffect(() => {
-          if (open && searchInputRef.current) {
-            setTimeout(() => {
-              searchInputRef.current?.focus();
-            }, 50);
-          }
-        }, [open]);
-        React12.useEffect(() => {
-          if (!open) return;
-          const handleClickOutside = (event) => {
-            const target = event.target;
-            if (containerRef.current && !containerRef.current.contains(target) && dropdownRef.current && !dropdownRef.current.contains(target)) {
-              if (target.closest('[data-slot="dialog-content"]')) {
-                return;
-              }
-              setOpen(false);
-            }
-          };
-          const handleEscape = (event) => {
-            if (event.key === "Escape" && open) {
-              event.stopPropagation();
-              setOpen(false);
-            }
-          };
-          document.addEventListener("mousedown", handleClickOutside, true);
-          document.addEventListener("keydown", handleEscape, true);
-          return () => {
-            document.removeEventListener("mousedown", handleClickOutside, true);
-            document.removeEventListener("keydown", handleEscape, true);
-          };
-        }, [open]);
-        React12.useEffect(() => {
-          const selectedCount = value.length;
-          const totalOptions = options.filter((opt) => !opt.disabled).length;
-          if (selectedCount !== prevSelectedCount.current) {
-            const diff = selectedCount - prevSelectedCount.current;
-            if (diff > 0) {
-              announce(`${selectedCount} of ${totalOptions} options selected.`);
-            } else if (diff < 0) {
-              announce(
-                `Option removed. ${selectedCount} of ${totalOptions} options selected.`
-              );
-            }
-            prevSelectedCount.current = selectedCount;
-          }
-        }, [value, announce, options]);
-        const updateValue = React12.useCallback(
-          (newValue) => {
-            if (!isControlled) {
-              setInternalValue(newValue);
-            }
-            onValueChange?.(newValue);
-          },
-          [isControlled, onValueChange]
-        );
-        const handleSelect = React12.useCallback(
-          (optionValue) => {
-            const option = options.find((opt) => opt.value === optionValue);
-            if (option?.disabled) {
-              return;
-            }
-            const newValue = value.includes(optionValue) ? value.filter((v) => v !== optionValue) : [...value, optionValue];
-            updateValue(newValue);
-          },
-          [value, options, updateValue]
-        );
-        const handleSelectAll = React12.useCallback(() => {
-          updateValue(
-            filteredOptions.filter((opt) => !opt.disabled).map((opt) => opt.value)
-          );
-        }, [updateValue, filteredOptions]);
-        const handleClearAll = React12.useCallback(() => {
-          updateValue([]);
-        }, [updateValue]);
-        const handleRemove = React12.useCallback(
-          (optionValue, e) => {
-            e.stopPropagation();
-            updateValue(value.filter((v) => v !== optionValue));
-          },
-          [updateValue, value]
-        );
-        const clearExtraOptions = React12.useCallback(() => {
-          const newSelectedValues = value.slice(0, responsiveSettings.maxCount);
-          updateValue(newSelectedValues);
-        }, [value, responsiveSettings.maxCount, updateValue]);
-        React12__namespace.useImperativeHandle(
-          ref,
-          () => ({
-            reset: () => {
-              updateValue(defaultValue);
-              setOpen(false);
-              setSearchValue("");
-            },
-            getSelectedValues: () => value,
-            setSelectedValues: (values) => {
-              updateValue(values);
-            },
-            clear: () => {
-              updateValue([]);
-            },
-            focus: () => {
-              buttonRef.current?.focus();
-            }
-          }),
-          [value, defaultValue, updateValue]
-        );
-        const selectedOptions = options.filter(
-          (option) => value.includes(option.value)
-        );
-        const getBadgeColor = (index) => {
-          const colors = [
-            "bg-blue-100 text-blue-700 hover:bg-blue-200",
-            "bg-green-100 text-green-700 hover:bg-green-200",
-            "bg-purple-100 text-purple-700 hover:bg-purple-200",
-            "bg-orange-100 text-orange-700 hover:bg-orange-200",
-            "bg-pink-100 text-pink-700 hover:bg-pink-200",
-            "bg-cyan-100 text-cyan-700 hover:bg-cyan-200"
-          ];
-          return colors[index % colors.length];
-        };
-        return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "relative w-full", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sr-only", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-live": "polite", "aria-atomic": "true", role: "status", children: politeMessage }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-live": "assertive", "aria-atomic": "true", role: "alert", children: assertiveMessage })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            Button,
-            {
-              ref: buttonRef,
-              type: "button",
-              variant: "outline",
-              role: "combobox",
-              "aria-expanded": open,
-              disabled,
-              className: cn(
-                "w-full justify-between h-auto min-h-10 px-3 py-2",
-                responsiveSettings.compactMode && "min-h-8 text-sm",
-                className
-              ),
-              id,
-              onClick: (e) => {
-                e.stopPropagation();
-                setOpen(!open);
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: selectedOptions.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  selectedOptions.slice(0, responsiveSettings.maxCount).map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-                    Badge,
-                    {
-                      className: cn(
-                        "mr-1 mb-1",
-                        getBadgeColor(index),
-                        responsiveSettings.compactMode && "text-xs px-1.5 py-0.5"
-                      ),
-                      onClick: (e) => handleRemove(option.value, e),
-                      children: [
-                        option.icon && !responsiveSettings.compactMode && /* @__PURE__ */ jsxRuntime.jsx(option.icon, { className: "mr-2 h-4 w-4" }),
-                        option.label,
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "div",
-                          {
-                            role: "button",
-                            tabIndex: 0,
-                            className: "ml-1 ring-offset-background rounded-full outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",
-                            onKeyDown: (e) => {
-                              if (e.key === "Enter") {
-                                handleRemove(option.value, e);
-                              }
-                            },
-                            onMouseDown: (e) => {
-                              e.preventDefault();
-                              e.stopPropagation();
-                            },
-                            onClick: (e) => handleRemove(option.value, e),
-                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3 text-muted-foreground hover:text-foreground" })
-                          }
-                        )
-                      ]
-                    },
-                    String(option.value)
-                  )),
-                  value.length > responsiveSettings.maxCount && /* @__PURE__ */ jsxRuntime.jsxs(
-                    Badge,
-                    {
-                      className: cn(
-                        "mr-1 mb-1 bg-muted text-muted-foreground hover:bg-muted",
-                        responsiveSettings.compactMode && "text-xs px-1.5 py-0.5"
-                      ),
-                      children: [
-                        "+",
-                        value.length - responsiveSettings.maxCount,
-                        " more",
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "div",
-                          {
-                            role: "button",
-                            tabIndex: 0,
-                            className: "ml-1 ring-offset-background rounded-full outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",
-                            onClick: (e) => {
-                              e.stopPropagation();
-                              clearExtraOptions();
-                            },
-                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" })
-                          }
-                        )
-                      ]
-                    }
-                  )
-                ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: placeholder }) }),
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
-              ]
-            }
-          ),
-          open && /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              ref: dropdownRef,
-              className: "absolute z-[100] mt-1 w-full rounded-md border bg-popover text-popover-foreground shadow-md",
-              style: {
-                top: "100%",
-                left: 0
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3 py-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    Input,
-                    {
-                      ref: searchInputRef,
-                      placeholder: searchPlaceholder,
-                      value: searchValue,
-                      onChange: (e) => {
-                        e.stopPropagation();
-                        setSearchValue(e.target.value);
-                      },
-                      onKeyDown: (e) => {
-                        e.stopPropagation();
-                        if (e.key === "Escape") {
-                          e.preventDefault();
-                          setOpen(false);
-                        }
-                      },
-                      onClick: (e) => {
-                        e.stopPropagation();
-                      },
-                      onFocus: (e) => {
-                        e.stopPropagation();
-                      },
-                      className: "border-0 focus-visible:ring-0 focus-visible:ring-offset-0 h-9 bg-transparent px-0"
-                    }
-                  ),
-                  searchValue && /* @__PURE__ */ jsxRuntime.jsx(
-                    Button,
-                    {
-                      type: "button",
-                      variant: "ghost",
-                      size: "sm",
-                      className: "h-6 w-6 p-0",
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        setSearchValue("");
-                        searchInputRef.current?.focus();
-                      },
-                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" })
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b p-1", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    Button,
-                    {
-                      type: "button",
-                      variant: "ghost",
-                      size: "sm",
-                      className: "h-8 px-2 text-xs",
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        handleSelectAll();
-                      },
-                      children: "Select All"
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    Button,
-                    {
-                      type: "button",
-                      variant: "ghost",
-                      size: "sm",
-                      className: "h-8 px-2 text-xs",
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        handleClearAll();
-                      },
-                      children: "Clear All"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { className: "max-h-[300px]", children: filteredOptions.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyText }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-1", children: filteredOptions.map((option) => {
-                  const isSelected = value.includes(option.value);
-                  const isDisabled = option.disabled || false;
-                  return /* @__PURE__ */ jsxRuntime.jsxs(
-                    "div",
-                    {
-                      role: "option",
-                      "aria-selected": isSelected,
-                      "aria-disabled": isDisabled,
-                      className: cn(
-                        "relative flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none",
-                        isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer hover:bg-accent hover:text-accent-foreground",
-                        isSelected && !isDisabled && "bg-accent text-accent-foreground"
-                      ),
-                      onMouseDown: (e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
-                      },
-                      onClick: (e) => {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        if (!isDisabled) {
-                          handleSelect(option.value);
-                        }
-                      },
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(
-                          "div",
-                          {
-                            className: cn(
-                              "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
-                              isSelected ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
-                            ),
-                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: cn("h-4 w-4") })
-                          }
-                        ),
-                        option.icon && /* @__PURE__ */ jsxRuntime.jsx(option.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: option.label })
-                      ]
-                    },
-                    String(option.value)
-                  );
-                }) }) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  Button,
-                  {
-                    type: "button",
-                    variant: "outline",
-                    size: "sm",
-                    className: "w-full h-8 text-xs",
-                    onClick: (e) => {
-                      e.stopPropagation();
-                      setOpen(false);
-                    },
-                    children: "Close"
-                  }
-                ) })
-              ] })
-            }
-          )
-        ] });
-      }
-    );
-    MultiSelect.displayName = "MultiSelect";
-  }
-});
-var init_date_picker = __esm({
-  "src/ui/forms/date-picker.tsx"() {
-    "use client";
-  }
-});
-var init_date_range_picker = __esm({
-  "src/ui/forms/date-range-picker.tsx"() {
-    "use client";
-  }
-});
-var init_input_time = __esm({
-  "src/ui/forms/input-time.tsx"() {
-    "use client";
-  }
-});
-var init_date_time_picker = __esm({
-  "src/ui/forms/date-time-picker.tsx"() {
-    "use client";
-  }
-});
-var init_emoji_picker = __esm({
-  "src/ui/forms/emoji-picker.tsx"() {
-    "use client";
-    dynamic__default.default(
-      () => {
-        return import('emoji-picker-react');
-      },
-      { ssr: false }
-    );
-  }
-});
-var init_file_thumbnail = __esm({
-  "src/ui/forms/file-thumbnail.tsx"() {
-  }
-});
-var init_file_dropzone = __esm({
-  "src/ui/forms/file-dropzone.tsx"() {
-    "use client";
-  }
-});
-var init_input_file = __esm({
-  "src/ui/forms/input-file.tsx"() {
-    "use client";
-  }
-});
-var init_input_group = __esm({
-  "src/ui/forms/input-group.tsx"() {
-    "use client";
-  }
-});
-var init_input_otp = __esm({
-  "src/ui/forms/input-otp.tsx"() {
-    "use client";
-  }
-});
-var init_input_phone = __esm({
-  "src/ui/forms/input-phone.tsx"() {
-    "use client";
-  }
-});
-var init_input_spin = __esm({
-  "src/ui/forms/input-spin.tsx"() {
-    "use client";
-  }
-});
-var init_input_tags = __esm({
-  "src/ui/forms/input-tags.tsx"() {
-    "use client";
-  }
-});
-var init_multiple_date_picker = __esm({
-  "src/ui/forms/multiple-date-picker.tsx"() {
-    "use client";
-  }
-});
-var init_time_picker = __esm({
-  "src/ui/forms/time-picker.tsx"() {
-    "use client";
-  }
-});
-var init_editor = __esm({
-  "src/ui/forms/editor/index.tsx"() {
-    "use client";
-  }
-});
-var init_forms = __esm({
-  "src/ui/forms/index.tsx"() {
-    "use client";
-    init_radio_group();
-    init_rating();
-    init_command();
-    init_multi_select();
-    init_date_picker();
-    init_date_range_picker();
-    init_date_time_picker();
-    init_emoji_picker();
-    init_file_dropzone();
-    init_file_thumbnail();
-    init_input_file();
-    init_input_group();
-    init_input_otp();
-    init_input_phone();
-    init_input_spin();
-    init_input_tags();
-    init_input_time();
-    init_multiple_date_picker();
-    init_time_picker();
-    init_editor();
-    React12.createContext(
-      {}
-    );
-    React12.createContext(
-      {}
-    );
-  }
-});
-var init_formatted_number_input = __esm({
-  "src/ui/data-display/formatted-number-input.tsx"() {
-    "use client";
-  }
-});
-var init_data_table_pagination = __esm({
-  "src/ui/data-display/data-table-pagination.tsx"() {
-    "use client";
-  }
-});
-var init_kpi_card = __esm({
-  "src/ui/data-display/kpi-card.tsx"() {
-    "use client";
-  }
-});
-var THEME_STYLES;
-var init_compact_stat_bar = __esm({
-  "src/ui/data-display/compact-stat-bar.tsx"() {
-    init_utils();
-    THEME_STYLES = {
-      dark: {
-        wrapper: "hover:bg-[#181d26]/5 dark:hover:bg-slate-100/5",
-        box: "bg-[#181d26] group-hover:bg-[#0a2e0e] dark:bg-slate-800 dark:group-hover:bg-slate-700",
-        icon: "text-white",
-        label: "text-[#181d26] dark:text-slate-300"
-      },
-      green: {
-        wrapper: "hover:bg-[#006400]/10",
-        box: "bg-[#006400] group-hover:bg-[#39bf45]",
-        icon: "text-white",
-        label: "text-[#006400] dark:text-[#39bf45]"
-      },
-      blue: {
-        wrapper: "hover:bg-[#254fad]/10",
-        box: "bg-[#254fad] group-hover:bg-[#1d3d8f]",
-        icon: "text-white",
-        label: "text-[#254fad] dark:text-[#60a5fa]"
-      },
-      purple: {
-        wrapper: "hover:bg-[#7C3AED]/10",
-        box: "bg-[#7C3AED] group-hover:bg-[#6D28D9]",
-        icon: "text-white",
-        label: "text-[#7C3AED] dark:text-[#a78bfa]"
-      },
-      orange: {
-        wrapper: "hover:bg-[#EA580C]/10",
-        box: "bg-[#EA580C] group-hover:bg-[#C2410C]",
-        icon: "text-white",
-        label: "text-[#EA580C] dark:text-[#fb923c]"
-      },
-      emerald: {
-        wrapper: "hover:bg-[#059669]/10",
-        box: "bg-[#059669] group-hover:bg-[#047857]",
-        icon: "text-white",
-        label: "text-[#059669] dark:text-[#34d399]"
-      },
-      primary: {
-        wrapper: "hover:bg-primary/10",
-        box: "bg-primary group-hover:bg-primary/90",
-        icon: "text-primary-foreground",
-        label: "text-primary"
-      },
-      destructive: {
-        wrapper: "hover:bg-destructive/10",
-        box: "bg-destructive group-hover:bg-destructive/90",
-        icon: "text-destructive-foreground",
-        label: "text-destructive"
-      },
-      muted: {
-        wrapper: "hover:bg-muted/50",
-        box: "bg-muted group-hover:bg-muted-foreground/20",
-        icon: "text-muted-foreground",
-        label: "text-muted-foreground"
-      },
-      rose: {
-        wrapper: "hover:bg-[#E11D48]/10",
-        box: "bg-[#E11D48] group-hover:bg-[#BE123C]",
-        icon: "text-white",
-        label: "text-[#E11D48] dark:text-[#fb7185]"
-      }
-    };
-    React12.memo(function CompactStatBar2({
-      items,
-      className
-    }) {
-      if (!items || items.length === 0) return null;
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col md:flex-row md:items-stretch gap-2 pb-1", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-stretch overflow-x-auto no-scrollbar flex-1 bg-white dark:bg-[#1e293b] border border-slate-200 dark:border-slate-800 shadow-sm rounded-[10px] divide-x divide-slate-100 dark:divide-slate-800", children: items.map((item) => {
-        const theme = THEME_STYLES[item.colorTheme || "dark"];
-        const Icon2 = item.icon;
-        return /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: cn(
-              "flex items-center gap-3 min-w-fit px-5 py-2 flex-1 transition-colors group cursor-default",
-              theme.wrapper
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(
-                    "p-1.5 rounded-md transition-colors shadow-sm shrink-0",
-                    theme.box
-                  ),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: cn("w-3.5 h-3.5", theme.icon), strokeWidth: 2.5 })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    className: cn(
-                      "text-[9px] font-bold uppercase tracking-wider mb-0.5",
-                      item.isHighlighted ? "text-emerald-600 dark:text-emerald-400" : theme.label
-                    ),
-                    children: item.label
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
-                  "font-black leading-none",
-                  item.isHighlighted ? "text-[22px] text-emerald-700 dark:text-emerald-400" : "text-[17px] text-slate-900 dark:text-white"
-                ), children: item.value })
-              ] })
-            ]
-          },
-          item.id
-        );
-      }) }) });
-    });
-  }
-});
-var init_show_more_text = __esm({
-  "src/ui/data-display/show-more-text.tsx"() {
-    "use client";
-  }
-});
-var init_chart = __esm({
-  "src/ui/data-display/chart.tsx"() {
-    "use client";
-    React12.createContext(null);
-  }
-});
-var init_carousel = __esm({
-  "src/ui/data-display/carousel.tsx"() {
-    "use client";
-    React12.createContext(null);
-  }
-});
-var init_accordion = __esm({
-  "src/ui/data-display/accordion.tsx"() {
-    "use client";
-  }
-});
-var init_kanban_item = __esm({
-  "src/ui/data-display/kanban/kanban-item.tsx"() {
-  }
-});
-var init_kanban_column = __esm({
-  "src/ui/data-display/kanban/kanban-column.tsx"() {
-  }
-});
-var init_kanban_board = __esm({
-  "src/ui/data-display/kanban/kanban-board.tsx"() {
-  }
-});
-
-// src/ui/data-display/kanban/kanban-types.ts
-var init_kanban_types = __esm({
-  "src/ui/data-display/kanban/kanban-types.ts"() {
-  }
-});
-
-// src/ui/data-display/kanban/index.ts
-var init_kanban = __esm({
-  "src/ui/data-display/kanban/index.ts"() {
-    init_kanban_board();
-    init_kanban_column();
-    init_kanban_item();
-    init_kanban_types();
-  }
-});
-var init_aspect_ratio = __esm({
-  "src/ui/data-display/aspect-ratio.tsx"() {
-    "use client";
-  }
-});
-var init_bento_grid = __esm({
-  "src/ui/data-display/bento-grid.tsx"() {
-  }
-});
-var init_highlight = __esm({
-  "src/ui/data-display/highlight.tsx"() {
-  }
-});
-var init_code_block_highlight = __esm({
-  "src/ui/data-display/code-block-highlight.tsx"() {
-    "use client";
-  }
-});
-var init_collapsible = __esm({
-  "src/ui/data-display/collapsible.tsx"() {
-    "use client";
-  }
-});
-var init_hover_card = __esm({
-  "src/ui/data-display/hover-card.tsx"() {
-    "use client";
-  }
-});
-var init_iphone_15_pro = __esm({
-  "src/ui/data-display/iphone-15-pro.tsx"() {
-  }
-});
-var init_media_grid = __esm({
-  "src/ui/data-display/media-grid.tsx"() {
-    "use client";
-  }
-});
-var init_safari = __esm({
-  "src/ui/data-display/safari.tsx"() {
-  }
-});
-function Timeline({
-  children,
-  className,
-  align,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "ul",
-    {
-      "data-slot": "timeline",
-      className: cn(timelineVariants({ align }), className),
-      ...props,
-      children
-    }
-  );
-}
-function TimelineItem({
-  className,
-  status,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "li",
-    {
-      "data-slot": "timeline-item",
-      className: cn(timelineItemVariants({ status }), className),
-      ...props
-    }
-  );
-}
-function TimelineDot({
-  className,
-  iconClassName,
-  status = "current",
-  customIconName,
-  customStatusName,
-  ...props
-}) {
-  let statusIconName = statusIconNames["current"].iconName;
-  let statusLabel = "current";
-  let statusClassName;
-  if (customStatusName && customIconName) {
-    statusIconName = customIconName;
-    statusLabel = customStatusName;
-  } else if (status) {
-    statusIconName = statusIconNames[status].iconName;
-    statusClassName = statusIconNames[status].className;
-    statusLabel = status;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "timeline-dot",
-      role: "status",
-      className: cn(
-        "col-start-2 col-end-3 row-start-1 row-end-1 flex justify-center items-center rounded-md",
-        className
-      ),
-      "aria-label": statusLabel,
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        DynamicIcon,
-        {
-          name: statusIconName,
-          className: cn(
-            "size-4 text-muted-foreground",
-            statusClassName,
-            iconClassName
-          )
-        }
-      )
-    }
-  );
-}
-function TimelineContent({
-  className,
-  side,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "timeline-content",
-      className: cn(timelineContentVariants({ side }), className),
-      ...props
-    }
-  );
-}
-function TimelineHeading({
-  className,
-  side,
-  variant,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? reactSlot.Slot : "h3";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
-    {
-      "data-slot": "timeline-heading",
-      className: cn(timelineHeadingVariants({ side, variant }), className),
-      ...props
-    }
-  );
-}
-function TimelineLine({
-  className,
-  done = false,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Separator,
-    {
-      "data-slot": "timeline-line",
-      orientation: "vertical",
-      className: cn(
-        "col-start-2 col-end-3 row-start-2 row-end-2 bg-muted-foreground mx-auto w-[0.094rem]",
-        done && "bg-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-}
-var timelineVariants, timelineItemVariants, statusIconNames, timelineContentVariants, timelineHeadingVariants;
-var init_timeline = __esm({
-  "src/ui/data-display/timeline.tsx"() {
-    init_utils();
-    init_client();
-    init_primitives();
-    timelineVariants = classVarianceAuthority.cva("grid", {
-      variants: {
-        align: {
-          left: "[&>li]:grid-cols-[0_min-content_1fr]",
-          right: "[&>li]:grid-cols-[1fr_min-content]",
-          center: "[&>li]:grid-cols-[1fr_min-content_1fr]"
-        }
-      },
-      defaultVariants: {
-        align: "left"
-      }
-    });
-    timelineItemVariants = classVarianceAuthority.cva("grid items-center gap-x-2", {
-      variants: {
-        status: {
-          done: "text-foreground",
-          default: "text-muted-foreground"
-        }
-      },
-      defaultVariants: {
-        status: "default"
-      }
-    });
-    statusIconNames = {
-      current: {
-        iconName: "Circle",
-        className: "fill-foreground text-foreground rounded-full"
-      },
-      done: {
-        iconName: "Check",
-        className: "bg-primary text-primary-foreground p-0.5 rounded-full"
-      },
-      error: {
-        iconName: "X",
-        className: "bg-destructive text-destructive-foreground p-0.5 rounded-full"
-      }
-    };
-    timelineContentVariants = classVarianceAuthority.cva("row-start-2 row-end-2 pb-8", {
-      variants: {
-        side: {
-          start: "col-start-3 col-end-4 me-auto text-start",
-          end: "col-start-1 col-end-2 ms-auto text-end"
-        }
-      },
-      defaultVariants: {
-        side: "start"
-      }
-    });
-    timelineHeadingVariants = classVarianceAuthority.cva(
-      "row-start-1 row-end-1 line-clamp-1 max-w-full truncate",
-      {
-        variants: {
-          side: {
-            start: "col-start-3 col-end-4 me-auto text-start",
-            end: "col-start-1 col-end-2 ms-auto text-end"
-          },
-          variant: {
-            primary: "text-base font-medium text-foreground",
-            secondary: "text-sm font-light text-muted-foreground"
-          }
-        },
-        defaultVariants: {
-          side: "start",
-          variant: "primary"
-        }
-      }
-    );
-  }
-});
-
-// src/ui/data-display/data-table/index.ts
-var init_data_table = __esm({
-  "src/ui/data-display/data-table/index.ts"() {
-  }
-});
-
-// src/ui/data-display/index.tsx
-var init_data_display = __esm({
-  "src/ui/data-display/index.tsx"() {
-    "use client";
-    init_formatted_number_input();
-    init_data_table_pagination();
-    init_avatar();
-    init_kpi_card();
-    init_compact_stat_bar();
-    init_show_more_text();
-    init_chart();
-    init_carousel();
-    init_accordion();
-    init_kanban();
-    init_aspect_ratio();
-    init_bento_grid();
-    init_code_block_highlight();
-    init_collapsible();
-    init_highlight();
-    init_hover_card();
-    init_iphone_15_pro();
-    init_media_grid();
-    init_safari();
-    init_timeline();
-    init_data_table();
-  }
-});
-var init_auth_layout = __esm({
-  "src/ui/auth/auth-layout.tsx"() {
-    "use client";
-  }
-});
-var init_sign_in_form = __esm({
-  "src/ui/auth/sign-in-form.tsx"() {
-    "use client";
-  }
-});
-var init_register_form = __esm({
-  "src/ui/auth/register-form.tsx"() {
-    "use client";
-  }
-});
-var init_oauth_links = __esm({
-  "src/ui/auth/oauth-links.tsx"() {
-    "use client";
-  }
-});
-var init_forgot_password_form = __esm({
-  "src/ui/auth/forgot-password-form.tsx"() {
-    "use client";
-  }
-});
-var init_new_password_form = __esm({
-  "src/ui/auth/new-password-form.tsx"() {
-    "use client";
-  }
-});
-var init_verify_email_form = __esm({
-  "src/ui/auth/verify-email-form.tsx"() {
-    "use client";
-  }
-});
-
-// src/ui/auth/index.tsx
-var init_auth = __esm({
-  "src/ui/auth/index.tsx"() {
-    init_auth_layout();
-    init_sign_in_form();
-    init_register_form();
-    init_oauth_links();
-    init_forgot_password_form();
-    init_new_password_form();
-    init_verify_email_form();
-  }
-});
-var init_job_management = __esm({
-  "src/ui/management/job-management.tsx"() {
-    "use client";
-  }
-});
-var init_audit_log_page = __esm({
-  "src/ui/management/audit-log-page.tsx"() {
-    "use client";
-  }
-});
-var init_cache_management = __esm({
-  "src/ui/management/cache-management.tsx"() {
-    "use client";
-  }
-});
-
-// src/ui/management/index.ts
-var init_management = __esm({
-  "src/ui/management/index.ts"() {
-    init_job_management();
-    init_audit_log_page();
-    init_cache_management();
-  }
-});
-var init_not_found = __esm({
-  "src/ui/pages/not-found.tsx"() {
-  }
-});
-
-// src/ui/index.tsx
-var init_ui = __esm({
-  "src/ui/index.tsx"() {
-    init_primitives();
-    init_client();
-    init_forms();
-    init_data_display();
-    init_feedback();
-    init_layout();
-    init_auth();
-    init_management();
-    init_not_found();
-  }
-});
-
-// src/workflow/activity-timeline.tsx
-init_ui();
-init_utils();
-function RenderAvatarStack({
-  assignedMembers
-}) {
-  if (assignedMembers && assignedMembers.length > 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      AvatarStack,
-      {
-        avatars: assignedMembers.map((member) => ({
-          src: member.avatar,
-          alt: member.name,
-          href: member.href || "#"
-        })),
-        size: "sm",
-        className: "mt-2"
-      }
-    );
-  }
-  return null;
-}
-function HorizontalStep({
-  item,
-  isLast,
-  stepNumber
-}) {
-  const getStepIcon = () => {
-    if (item.status === "completed") {
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-4 w-4 text-green-600 dark:text-green-400" });
-    }
-    if (item.status === "error") {
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "h-4 w-4 text-red-600 dark:text-red-400" });
-    }
-    if (item.status === "current") {
-      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-4 w-4 text-blue-600 dark:text-blue-400" });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-4 w-4 text-muted-foreground opacity-50" });
-  };
-  const isCurrent = item.status === "current";
-  const isCompleted = item.status === "completed";
-  const isUpcoming = item.status === "upcoming" || !item.status;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 flex-1 relative min-w-0 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: cn(
-        "flex items-center gap-1.5 flex-1 relative z-10 transition-all shrink-0",
-        isCurrent && "bg-blue-50 dark:bg-blue-950/30 border-2 border-blue-500 dark:border-blue-400 rounded-md px-1.5 py-1 shadow-sm"
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: cn(
-              "shrink-0 w-4 h-4 rounded-full flex items-center justify-center text-[10px] font-bold transition-all",
-              isCompleted && "bg-green-500 dark:bg-green-400 text-white",
-              isCurrent && "bg-blue-500 dark:bg-blue-400 text-white",
-              isUpcoming && "bg-muted text-muted-foreground opacity-50"
-            ),
-            children: stepNumber
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: cn(
-              "shrink-0 transition-all",
-              isCompleted && "text-green-600 dark:text-green-400",
-              isCurrent && "text-blue-600 dark:text-blue-400",
-              isUpcoming && "text-muted-foreground opacity-50"
-            ),
-            children: item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: cn(
-                  "rounded-full p-0.5 transition-all",
-                  isCurrent && "scale-105"
-                ),
-                style: item.fill ? { backgroundColor: item.fill, color: "white" } : void 0,
-                children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, className: "size-3" })
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "scale-90", children: getStepIcon() })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "p",
-              {
-                className: cn(
-                  "text-xs font-medium whitespace-nowrap transition-all leading-tight",
-                  isCompleted && "text-green-700 dark:text-green-300 font-semibold",
-                  isCurrent && "text-blue-700 dark:text-blue-300 font-semibold",
-                  isUpcoming && "text-muted-foreground opacity-60"
-                ),
-                children: item.title
-              }
-            ),
-            item.badgeText && /* @__PURE__ */ jsxRuntime.jsx(
-              Badge,
-              {
-                variant: isCurrent ? "default" : isCompleted ? "outline" : "outline",
-                className: cn(
-                  "text-[10px] px-1 py-0 h-3.5 transition-all leading-none",
-                  isCompleted && "border-green-500 dark:border-green-400 text-green-700 dark:text-green-300",
-                  isCurrent && "bg-blue-600 dark:bg-blue-500 text-white border-blue-600 dark:border-blue-500",
-                  isUpcoming && "border-muted-foreground/30 text-muted-foreground opacity-50"
-                ),
-                children: item.badgeText
-              }
-            )
-          ] }),
-          item.description && /* @__PURE__ */ jsxRuntime.jsx(
-            "p",
-            {
-              className: cn(
-                "text-[10px] mt-0 line-clamp-1 transition-colors leading-tight",
-                isCompleted && "text-green-600/80 dark:text-green-400/80",
-                isCurrent && "text-blue-600/80 dark:text-blue-400/80",
-                isUpcoming && "text-muted-foreground opacity-50"
-              ),
-              children: item.description
-            }
-          )
-        ] }) })
-      ]
-    }
-  ) });
-}
-function SharedActivityTimeline({
-  items,
-  className,
-  orientation = "vertical"
-}) {
-  if (orientation === "horizontal") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center gap-0.5", className), children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React12__namespace.default.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        HorizontalStep,
-        {
-          item,
-          isLast: index === items.length - 1,
-          stepNumber: index + 1
-        }
-      ),
-      index < items.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center shrink-0 w-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-        lucideReact.ArrowRight,
-        {
-          className: cn(
-            "h-3.5 w-3.5 transition-colors",
-            item.status === "completed" ? "text-green-600 dark:text-green-400" : "text-muted-foreground opacity-50"
-          ),
-          strokeWidth: 2.5
-        }
-      ) })
-    ] }, item.id)) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(Timeline, { className: cn("pl-2", className), children: items.map((item, index) => {
-    const isLast = index === items.length - 1;
-    let dotStatus = void 0;
-    let dotClass = "";
-    if (item.status === "completed") {
-      dotStatus = "done";
-    } else if (item.status === "error") {
-      dotStatus = "error";
-    } else if (item.status === "current") {
-      dotStatus = "current";
-    } else {
-      dotClass = "bg-muted text-muted-foreground border-muted-foreground/30";
-    }
-    const isCurrent = item.status === "current";
-    const isCompleted = item.status === "completed";
-    const isUpcoming = item.status === "upcoming" || !item.status;
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      TimelineItem,
-      {
-        status: item.status === "completed" ? "done" : "default",
-        className: cn(
-          isCurrent && "bg-blue-50 dark:bg-blue-950/30 border-2 border-blue-500 dark:border-blue-400 rounded-lg px-3 py-2 -mx-1 shadow-sm"
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: cn(
-                  "shrink-0 w-5 h-5 rounded-full flex items-center justify-center text-[10px] font-bold transition-all",
-                  isCompleted && "bg-green-500 dark:bg-green-400 text-white",
-                  isCurrent && "bg-blue-500 dark:bg-blue-400 text-white",
-                  isUpcoming && "bg-muted text-muted-foreground opacity-50"
-                ),
-                children: index + 1
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              TimelineHeading,
-              {
-                className: cn(
-                  "text-sm font-medium transition-all flex-1 leading-tight",
-                  isCompleted && "text-green-700 dark:text-green-300 font-semibold",
-                  isCurrent && "text-blue-700 dark:text-blue-300 font-semibold",
-                  isUpcoming && "text-muted-foreground opacity-60"
-                ),
-                children: item.title
-              }
-            )
-          ] }),
-          item.iconName ? /* @__PURE__ */ jsxRuntime.jsx(
-            TimelineDot,
-            {
-              customIconName: item.iconName,
-              customStatusName: item.status || "default",
-              className: cn(
-                dotClass,
-                isCompleted && "bg-green-100 dark:bg-green-900/30 border-green-500 dark:border-green-400",
-                isCurrent && "ring-2 ring-blue-400 dark:ring-blue-500 ring-offset-2 ring-offset-background",
-                isUpcoming && "opacity-50"
-              ),
-              style: item.fill ? { backgroundColor: item.fill, color: "white" } : void 0,
-              iconClassName: cn(
-                "size-4 text-background p-0.5 transition-all",
-                isCurrent && "scale-105"
-              )
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(
-            TimelineDot,
-            {
-              status: dotStatus,
-              className: cn(
-                dotClass,
-                isCompleted && "bg-green-100 dark:bg-green-900/30 border-green-500 dark:border-green-400",
-                isCurrent && "ring-2 ring-blue-400 dark:ring-blue-500 ring-offset-2 ring-offset-background",
-                isUpcoming && "opacity-50"
-              )
-            }
-          ),
-          !isLast && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative col-start-2 col-end-3 z-20", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              TimelineLine,
-              {
-                done: isCompleted,
-                className: cn(!isCompleted && "opacity-30")
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              lucideReact.ArrowDown,
-              {
-                className: cn(
-                  "absolute left-1/2 -translate-x-1/2 bottom-0 translate-y-1/2 h-3.5 w-3.5 z-20 transition-colors bg-background rounded-full p-0.5",
-                  isCompleted ? "text-green-600 dark:text-green-400" : "text-muted-foreground opacity-50"
-                ),
-                strokeWidth: 2.5
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(TimelineContent, { className: cn("space-y-1 pb-2 transition-colors"), children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: cn(
-                  "flex items-center text-sm transition-colors",
-                  isCompleted && "text-green-600/80 dark:text-green-400/80",
-                  isCurrent && "text-blue-600/80 dark:text-blue-400/80",
-                  isUpcoming && "text-muted-foreground opacity-50"
-                ),
-                children: [
-                  item.date && /* @__PURE__ */ jsxRuntime.jsx("span", { children: typeof item.date === "string" ? item.date : dateFns.format(new Date(item.date), "dd/MM/yyyy HH:mm", {
-                    locale: locale.vi
-                  }) }),
-                  item.badgeText && /* @__PURE__ */ jsxRuntime.jsx(
-                    Badge,
-                    {
-                      variant: isCurrent ? "default" : isCompleted ? "outline" : "outline",
-                      className: cn(
-                        "ms-1.5 text-[10px] px-1 py-0 h-3.5 transition-all leading-none",
-                        isCompleted && "border-green-500 dark:border-green-400 text-green-700 dark:text-green-300",
-                        isCurrent && "bg-blue-600 dark:bg-blue-500 text-white border-blue-600 dark:border-blue-500",
-                        isUpcoming && "border-muted-foreground/30 text-muted-foreground opacity-50"
-                      ),
-                      children: item.badgeText
-                    }
-                  )
-                ]
-              }
-            ),
-            item.description && /* @__PURE__ */ jsxRuntime.jsx(
-              "p",
-              {
-                className: cn(
-                  "text-sm transition-colors leading-tight",
-                  isCompleted && "text-green-600/80 dark:text-green-400/80",
-                  isCurrent && "text-blue-600/80 dark:text-blue-400/80",
-                  isUpcoming && "text-muted-foreground opacity-50"
-                ),
-                children: item.description
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(RenderAvatarStack, { assignedMembers: item.assignedMembers })
-          ] })
-        ]
-      },
-      item.id
-    );
-  }) });
-}
-
-// src/workflow/approval-workflow.tsx
-init_utils();
-function ApprovalWorkflow({
-  steps,
-  orientation = "horizontal",
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(SharedActivityTimeline, { items: steps, orientation }) });
-}
-
-exports.ApprovalWorkflow = ApprovalWorkflow;
-exports.SharedActivityTimeline = SharedActivityTimeline;
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map