@goplusvn/core 0.1.1 → 0.1.2

package/dist/home/index.js

@@ -1,1678 +0,0 @@
-'use strict';
-
-var navigation = require('next/navigation');
-var useSWR = require('swr');
-var lucideReact = require('lucide-react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var dateFns = require('date-fns');
-var locale = require('date-fns/locale');
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var core = require('@dnd-kit/core');
-var sortable = require('@dnd-kit/sortable');
-var framerMotion = require('framer-motion');
-var utilities = require('@dnd-kit/utilities');
-var useEmblaCarousel = require('embla-carousel-react');
-var Autoplay = require('embla-carousel-autoplay');
-var reactHookForm = require('react-hook-form');
-var zod = require('@hookform/resolvers/zod');
-var z = require('zod');
-var DialogPrimitive = require('@radix-ui/react-dialog');
-
-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 useSWR__default = /*#__PURE__*/_interopDefault(useSWR);
-var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
-var Autoplay__default = /*#__PURE__*/_interopDefault(Autoplay);
-var z__namespace = /*#__PURE__*/_interopNamespace(z);
-var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
-
-// src/home/home-page.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-function getGreeting(hour) {
-  if (hour >= 5 && hour < 12) {
-    return { text: "Ch\xE0o bu\u1ED5i s\xE1ng", emoji: "\u{1F305}" };
-  } else if (hour >= 12 && hour < 18) {
-    return { text: "Ch\xE0o bu\u1ED5i chi\u1EC1u", emoji: "\u2600\uFE0F" };
-  } else {
-    return { text: "Ch\xE0o bu\u1ED5i t\u1ED1i", emoji: "\u{1F319}" };
-  }
-}
-function WelcomeCard({ userName = "B\u1EA1n", className }) {
-  const now = /* @__PURE__ */ new Date();
-  const hour = now.getHours();
-  const greeting = getGreeting(hour);
-  const formattedDate = dateFns.format(now, "EEEE, dd/MM/yyyy", { locale: locale.vi });
-  const formattedTime = dateFns.format(now, "HH:mm");
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: cn(
-        "w-full bg-gradient-to-r from-blue-900 to-primary rounded-xl overflow-hidden shadow-lg group relative animate-in fade-in slide-in-from-bottom-4 duration-500",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "absolute inset-0 opacity-20 pointer-events-none",
-            style: {
-              backgroundImage: "radial-gradient(circle at 80% 20%, white 0%, transparent 40%), radial-gradient(circle at 10% 80%, white 0%, transparent 30%)"
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col md:flex-row items-center relative overflow-hidden", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-8 flex-1 z-10 w-full", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-white/20 text-white text-xs font-bold px-2 py-1 rounded uppercase tracking-wider backdrop-blur-sm", children: formattedDate }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "text-white text-2xl md:text-3xl font-bold mb-3", children: [
-              greeting.text,
-              ", ",
-              userName
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-blue-100 mb-6 max-w-lg", children: "Ch\xFAc b\u1EA1n m\u1ED9t ng\xE0y l\xE0m vi\u1EC7c hi\u1EC7u qu\u1EA3. H\u1EC7 th\u1ED1ng \u0111ang ho\u1EA1t \u0111\u1ED9ng \u1ED5n \u0111\u1ECBnh." }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white/10 text-white px-5 py-2.5 rounded-lg text-sm font-bold shadow-sm backdrop-blur-sm border border-white/20 flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "w-2 h-2 rounded-full bg-green-400 animate-pulse" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                "Online \u2022 ",
-                formattedTime
-              ] })
-            ] }) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:flex flex-1 justify-end items-end h-full p-8 z-10 self-stretch", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3 opacity-90 transform translate-y-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white/10 backdrop-blur-md border border-white/20 p-3 rounded-lg flex items-center gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingUp, { className: "text-white w-6 h-6" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 w-12 bg-white/40 rounded mb-1" }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 w-8 bg-white/20 rounded" })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white/10 backdrop-blur-md border border-white/20 p-3 rounded-lg flex items-center gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { className: "text-white w-6 h-6" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 w-12 bg-white/40 rounded mb-1" }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 w-8 bg-white/20 rounded" })
-              ] })
-            ] })
-          ] }) })
-        ] })
-      ]
-    }
-  );
-}
-
-// src/home/types.ts
-var DEFAULT_WIDGETS = [
-  {
-    id: "revenue",
-    type: "revenue",
-    position: 0,
-    visible: true,
-    size: "medium"
-  },
-  { id: "orders", type: "orders", position: 1, visible: true, size: "medium" },
-  {
-    id: "customers",
-    type: "customers",
-    position: 2,
-    visible: true,
-    size: "medium"
-  },
-  { id: "stock", type: "stock", position: 3, visible: true, size: "medium" }
-];
-var WIDGET_LABELS = {
-  revenue: "Doanh thu",
-  orders: "\u0110\u01A1n h\xE0ng",
-  customers: "Kh\xE1ch h\xE0ng",
-  stock: "T\u1ED3n kho"
-};
-var ERP_FEATURES = [
-  {
-    id: "inventory",
-    icon: "\u{1F4E6}",
-    title: "Qu\u1EA3n l\xFD Kho",
-    description: "Qu\u1EA3n l\xFD to\xE0n di\u1EC7n h\xE0ng h\xF3a v\xE0 t\u1ED3n kho",
-    subFeatures: ["Nh\u1EADp/Xu\u1EA5t kho", "Ki\u1EC3m k\xEA", "\u0110i\u1EC1u chuy\u1EC3n", "C\u1EA3nh b\xE1o t\u1ED3n"],
-    color: "from-blue-500 to-cyan-500"
-  },
-  {
-    id: "sales",
-    icon: "\u{1F4B0}",
-    title: "Qu\u1EA3n l\xFD B\xE1n h\xE0ng",
-    description: "X\u1EED l\xFD \u0111\u01A1n h\xE0ng v\xE0 b\xE1n h\xE0ng hi\u1EC7u qu\u1EA3",
-    subFeatures: ["POS", "\u0110\u01A1n h\xE0ng", "H\u1EE3p \u0111\u1ED3ng", "B\xE1o gi\xE1"],
-    color: "from-green-500 to-emerald-500"
-  },
-  {
-    id: "purchasing",
-    icon: "\u{1F6D2}",
-    title: "Qu\u1EA3n l\xFD Mua h\xE0ng",
-    description: "Qu\u1EA3n l\xFD nh\xE0 cung c\u1EA5p v\xE0 \u0111\u1EB7t h\xE0ng",
-    subFeatures: ["\u0110\u1EB7t h\xE0ng NCC", "Nh\u1EADp h\xE0ng", "C\xF4ng n\u1EE3 ph\u1EA3i tr\u1EA3"],
-    color: "from-orange-500 to-amber-500"
-  },
-  {
-    id: "finance",
-    icon: "\u{1F4B5}",
-    title: "T\xE0i ch\xEDnh",
-    description: "Qu\u1EA3n l\xFD d\xF2ng ti\u1EC1n v\xE0 c\xF4ng n\u1EE3",
-    subFeatures: ["Thu/Chi", "S\u1ED5 qu\u1EF9", "C\xF4ng n\u1EE3", "B\xE1o c\xE1o t\xE0i ch\xEDnh"],
-    color: "from-purple-500 to-violet-500"
-  },
-  {
-    id: "crm",
-    icon: "\u{1F465}",
-    title: "CRM",
-    description: "Ch\u0103m s\xF3c v\xE0 qu\u1EA3n l\xFD kh\xE1ch h\xE0ng",
-    subFeatures: ["Kh\xE1ch h\xE0ng", "L\u1ECBch s\u1EED giao d\u1ECBch", "Ph\xE2n lo\u1EA1i"],
-    color: "from-pink-500 to-rose-500"
-  },
-  {
-    id: "hr",
-    icon: "\u{1F468}\u200D\u{1F4BC}",
-    title: "Nh\xE2n s\u1EF1",
-    description: "Qu\u1EA3n l\xFD ng\u01B0\u1EDDi d\xF9ng v\xE0 ph\xE2n quy\u1EC1n",
-    subFeatures: ["Users", "Ph\xE2n quy\u1EC1n", "Roles"],
-    color: "from-indigo-500 to-blue-500"
-  },
-  {
-    id: "reports",
-    icon: "\u{1F4CA}",
-    title: "B\xE1o c\xE1o",
-    description: "Th\u1ED1ng k\xEA v\xE0 ph\xE2n t\xEDch d\u1EEF li\u1EC7u",
-    subFeatures: ["Dashboard", "Th\u1ED1ng k\xEA", "Export"],
-    color: "from-teal-500 to-green-500"
-  }
-];
-var sizeClasses = {
-  small: "col-span-1",
-  medium: "col-span-1 md:col-span-1",
-  large: "col-span-1 md:col-span-2"
-};
-function BaseWidget({
-  config,
-  title,
-  children,
-  loading = false,
-  error,
-  onRemove,
-  onToggleVisibility,
-  onSettings,
-  className,
-  isDragging = false
-}) {
-  const {
-    attributes,
-    listeners,
-    setNodeRef,
-    transform,
-    transition,
-    isDragging: isSortableDragging
-  } = sortable.useSortable({ id: config.id });
-  const style = {
-    transform: utilities.CSS.Transform.toString(transform),
-    transition
-  };
-  const isCurrentlyDragging = isDragging || isSortableDragging;
-  if (!config.visible) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    framerMotion.motion.div,
-    {
-      ref: setNodeRef,
-      style,
-      initial: { opacity: 0, scale: 0.95 },
-      animate: { opacity: 1, scale: 1 },
-      exit: { opacity: 0, scale: 0.95 },
-      className: cn(
-        "group relative flex flex-col justify-between gap-3 rounded-xl border border-slate-200 bg-white p-5 shadow-sm transition-all hover:border-primary/30 hover:shadow-md dark:border-slate-700 dark:bg-slate-800",
-        sizeClasses[config.size],
-        isCurrentlyDragging && "z-50 shadow-lg ring-2 ring-primary/20",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                ...attributes,
-                ...listeners,
-                className: "cursor-grab touch-none rounded text-slate-400 hover:text-slate-600 dark:hover:text-slate-300 active:cursor-grabbing opacity-0 group-hover:opacity-100 transition-opacity",
-                "aria-label": "Drag to reorder",
-                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { className: "h-4 w-4" })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "flex items-center gap-2 text-sm font-semibold text-slate-900 dark:text-white", children: title })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100", children: [
-            onToggleVisibility && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: onToggleVisibility,
-                className: "rounded p-1 text-slate-400 hover:bg-slate-100 hover:text-slate-700 dark:hover:bg-slate-700 dark:hover:text-slate-300",
-                "aria-label": config.visible ? "Hide widget" : "Show widget",
-                children: config.visible ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, { className: "h-4 w-4" })
-              }
-            ),
-            onSettings && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: onSettings,
-                className: "rounded p-1 text-slate-400 hover:bg-slate-100 hover:text-slate-700 dark:hover:bg-slate-700 dark:hover:text-slate-300",
-                "aria-label": "Widget settings",
-                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "h-4 w-4" })
-              }
-            ),
-            onRemove && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: onRemove,
-                className: "rounded p-1 text-slate-400 hover:bg-red-50 hover:text-red-500 dark:hover:bg-red-900/20",
-                "aria-label": "Remove widget",
-                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-primary border-t-transparent" }) }) : error ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-4 text-xs text-red-500", children: error }) : children })
-      ]
-    }
-  );
-}
-function WidgetStat({
-  value,
-  label,
-  change,
-  valueClassName
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-3xl font-bold text-foreground", valueClassName), children: value }),
-    label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: label }),
-    change && /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: cn(
-          "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium",
-          change.type === "increase" ? "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400" : "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400"
-        ),
-        children: [
-          change.type === "increase" ? /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "h-3 w-3", viewBox: "0 0 12 12", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 2L10 7H2L6 2Z" }) }) : /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "h-3 w-3", viewBox: "0 0 12 12", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 10L2 5H10L6 10Z" }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-            change.value > 0 ? "+" : "",
-            change.value,
-            "%"
-          ] }),
-          change.period && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
-            "vs ",
-            change.period
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function formatCurrency(value) {
-  return new Intl.NumberFormat("vi-VN", {
-    style: "currency",
-    currency: "VND",
-    maximumFractionDigits: 0
-  }).format(value);
-}
-function RevenueWidget({
-  config,
-  data,
-  loading,
-  error,
-  onRemove,
-  onToggleVisibility,
-  onSettings
-}) {
-  const formattedValue = data ? formatCurrency(data.total) : "0 \u20AB";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseWidget,
-    {
-      config,
-      title: "Doanh thu",
-      loading,
-      error,
-      onRemove,
-      onToggleVisibility,
-      onSettings,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          WidgetStat,
-          {
-            value: formattedValue,
-            label: "H\xF4m nay",
-            change: data?.change !== void 0 ? {
-              value: data.change,
-              type: data.change >= 0 ? "increase" : "decrease",
-              period: data.changePeriod || "h\xF4m qua"
-            } : void 0,
-            valueClassName: "text-green-600 dark:text-green-400"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-green-100 p-3 dark:bg-green-900/30", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DollarSign, { className: "h-6 w-6 text-green-600 dark:text-green-400" }) })
-      ] })
-    }
-  );
-}
-function OrdersWidget({
-  config,
-  data,
-  loading,
-  error,
-  onRemove,
-  onToggleVisibility,
-  onSettings
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseWidget,
-    {
-      config,
-      title: "\u0110\u01A1n h\xE0ng",
-      loading,
-      error,
-      onRemove,
-      onToggleVisibility,
-      onSettings,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            WidgetStat,
-            {
-              value: data?.total ?? 0,
-              label: "\u0110\u01A1n h\xF4m nay",
-              change: data?.change !== void 0 ? {
-                value: data.change,
-                type: data.change >= 0 ? "increase" : "decrease",
-                period: data.changePeriod || "h\xF4m qua"
-              } : void 0,
-              valueClassName: "text-blue-600 dark:text-blue-400"
-            }
-          ),
-          (data?.pending !== void 0 || data?.completed !== void 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4 text-sm", children: [
-            data?.pending !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Ch\u1EDD x\u1EED l\xFD: " }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-amber-600 dark:text-amber-400", children: data.pending })
-            ] }),
-            data?.completed !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Ho\xE0n th\xE0nh: " }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-green-600 dark:text-green-400", children: data.completed })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-blue-100 p-3 dark:bg-blue-900/30", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShoppingCart, { className: "h-6 w-6 text-blue-600 dark:text-blue-400" }) })
-      ] })
-    }
-  );
-}
-function CustomersWidget({
-  config,
-  data,
-  loading,
-  error,
-  onRemove,
-  onToggleVisibility,
-  onSettings
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseWidget,
-    {
-      config,
-      title: "Kh\xE1ch h\xE0ng",
-      loading,
-      error,
-      onRemove,
-      onToggleVisibility,
-      onSettings,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            WidgetStat,
-            {
-              value: data?.total ?? 0,
-              label: "T\u1ED5ng kh\xE1ch h\xE0ng",
-              change: data?.change !== void 0 ? {
-                value: data.change,
-                type: data.change >= 0 ? "increase" : "decrease",
-                period: data.changePeriod || "th\xE1ng tr\u01B0\u1EDBc"
-              } : void 0,
-              valueClassName: "text-purple-600 dark:text-purple-400"
-            }
-          ),
-          data?.newToday !== void 0 && data.newToday > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Kh\xE1ch m\u1EDBi h\xF4m nay: " }),
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium text-green-600 dark:text-green-400", children: [
-              "+",
-              data.newToday
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-purple-100 p-3 dark:bg-purple-900/30", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Users, { className: "h-6 w-6 text-purple-600 dark:text-purple-400" }) })
-      ] })
-    }
-  );
-}
-function StockWidget({
-  config,
-  data,
-  loading,
-  error,
-  onRemove,
-  onToggleVisibility,
-  onSettings
-}) {
-  const hasLowStock = (data?.lowStockCount ?? 0) > 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseWidget,
-    {
-      config,
-      title: "T\u1ED3n kho",
-      loading,
-      error,
-      onRemove,
-      onToggleVisibility,
-      onSettings,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-3xl font-bold text-foreground", children: data?.totalItems ?? 0 }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "T\u1ED5ng m\u1EB7t h\xE0ng" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-orange-100 p-3 dark:bg-orange-900/30", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Package, { className: "h-6 w-6 text-orange-600 dark:text-orange-400" }) })
-        ] }),
-        hasLowStock && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: cn(
-              "flex items-center gap-2 rounded-lg px-3 py-2",
-              "bg-amber-50 text-amber-800 dark:bg-amber-900/20 dark:text-amber-400"
-            ),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "h-4 w-4 flex-shrink-0" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-medium", children: [
-                data?.lowStockCount,
-                " s\u1EA3n ph\u1EA9m s\u1EAFp h\u1EBFt h\xE0ng"
-              ] })
-            ]
-          }
-        ),
-        data?.lowStockItems && data.lowStockItems.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wider", children: "C\u1EA3nh b\xE1o t\u1ED3n kho" }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5 max-h-32 overflow-y-auto", children: [
-            data.lowStockItems.slice(0, 5).map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: "flex items-center justify-between text-sm",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-foreground", children: item.name }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex-shrink-0 font-medium text-red-600 dark:text-red-400", children: [
-                    item.quantity,
-                    "/",
-                    item.minStock
-                  ] })
-                ]
-              },
-              item.id
-            )),
-            data.lowStockItems.length > 5 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-              "+",
-              data.lowStockItems.length - 5,
-              " s\u1EA3n ph\u1EA9m kh\xE1c"
-            ] })
-          ] })
-        ] })
-      ] })
-    }
-  );
-}
-function WidgetContainer({
-  widgets,
-  onWidgetsChange,
-  widgetData,
-  loading = false,
-  className
-}) {
-  const [showHiddenWidgets, setShowHiddenWidgets] = react.useState(false);
-  const sensors = core.useSensors(
-    core.useSensor(core.PointerSensor, {
-      activationConstraint: {
-        distance: 8
-      }
-    }),
-    core.useSensor(core.KeyboardSensor, {
-      coordinateGetter: sortable.sortableKeyboardCoordinates
-    })
-  );
-  const handleDragEnd = react.useCallback(
-    (event) => {
-      const { active, over } = event;
-      if (over && active.id !== over.id) {
-        const oldIndex = widgets.findIndex((w) => w.id === active.id);
-        const newIndex = widgets.findIndex((w) => w.id === over.id);
-        const newWidgets = sortable.arrayMove(widgets, oldIndex, newIndex).map(
-          (widget, index) => ({
-            ...widget,
-            position: index
-          })
-        );
-        onWidgetsChange(newWidgets);
-      }
-    },
-    [widgets, onWidgetsChange]
-  );
-  const handleToggleVisibility = react.useCallback(
-    (widgetId) => {
-      const newWidgets = widgets.map(
-        (widget) => widget.id === widgetId ? { ...widget, visible: !widget.visible } : widget
-      );
-      onWidgetsChange(newWidgets);
-    },
-    [widgets, onWidgetsChange]
-  );
-  const handleRemoveWidget = react.useCallback(
-    (widgetId) => {
-      const newWidgets = widgets.map(
-        (widget) => widget.id === widgetId ? { ...widget, visible: false } : widget
-      );
-      onWidgetsChange(newWidgets);
-    },
-    [widgets, onWidgetsChange]
-  );
-  const handleResetWidgets = react.useCallback(() => {
-    onWidgetsChange(DEFAULT_WIDGETS);
-  }, [onWidgetsChange]);
-  const visibleWidgets = widgets.filter((w) => w.visible).sort((a, b) => a.position - b.position);
-  const hiddenWidgets = widgets.filter((w) => !w.visible);
-  const renderWidget = (config) => {
-    const commonProps = {
-      config,
-      loading,
-      onRemove: () => handleRemoveWidget(config.id),
-      onToggleVisibility: () => handleToggleVisibility(config.id)
-    };
-    switch (config.type) {
-      case "revenue":
-        return /* @__PURE__ */ jsxRuntime.jsx(RevenueWidget, { ...commonProps, data: widgetData?.revenue });
-      case "orders":
-        return /* @__PURE__ */ jsxRuntime.jsx(OrdersWidget, { ...commonProps, data: widgetData?.orders });
-      case "customers":
-        return /* @__PURE__ */ jsxRuntime.jsx(CustomersWidget, { ...commonProps, data: widgetData?.customers });
-      case "stock":
-        return /* @__PURE__ */ jsxRuntime.jsx(StockWidget, { ...commonProps, data: widgetData?.stock });
-      default:
-        return null;
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold text-foreground", children: "Widget Dashboard" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        hiddenWidgets.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
-          "button",
-          {
-            onClick: () => setShowHiddenWidgets(!showHiddenWidgets),
-            className: "inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm font-medium text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
-            children: [
-              showHiddenWidgets ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EyeOff, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "h-4 w-4" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-                hiddenWidgets.length,
-                " \u1EA9n"
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            onClick: handleResetWidgets,
-            className: "inline-flex items-center gap-1.5 rounded-lg px-3 py-1.5 text-sm font-medium text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
-            title: "Kh\xF4i ph\u1EE5c m\u1EB7c \u0111\u1ECBnh",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "h-4 w-4" })
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: showHiddenWidgets && hiddenWidgets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.motion.div,
-      {
-        initial: { opacity: 0, height: 0 },
-        animate: { opacity: 1, height: "auto" },
-        exit: { opacity: 0, height: 0 },
-        className: "overflow-hidden",
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-dashed border-border bg-muted/30 p-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 text-sm font-medium text-muted-foreground", children: "Widget \u0111\xE3 \u1EA9n - Click \u0111\u1EC3 hi\u1EC3n th\u1ECB l\u1EA1i" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: hiddenWidgets.map((widget) => /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              onClick: () => handleToggleVisibility(widget.id),
-              className: "inline-flex items-center gap-1.5 rounded-lg bg-background px-3 py-2 text-sm font-medium shadow-sm border border-border hover:bg-muted transition-colors",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" }),
-                WIDGET_LABELS[widget.type]
-              ]
-            },
-            widget.id
-          )) })
-        ] })
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      core.DndContext,
-      {
-        sensors,
-        collisionDetection: core.closestCenter,
-        onDragEnd: handleDragEnd,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          sortable.SortableContext,
-          {
-            items: visibleWidgets.map((w) => w.id),
-            strategy: sortable.rectSortingStrategy,
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "popLayout", children: visibleWidgets.map((widget) => /* @__PURE__ */ jsxRuntime.jsx("div", { children: renderWidget(widget) }, widget.id)) }) })
-          }
-        )
-      }
-    ),
-    visibleWidgets.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center rounded-lg border border-dashed border-border py-12 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-muted p-3 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-6 w-6 text-muted-foreground" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-medium text-foreground mb-1", children: "Ch\u01B0a c\xF3 widget n\xE0o" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4", children: "Th\xEAm widget \u0111\u1EC3 theo d\xF5i c\xE1c ch\u1EC9 s\u1ED1 quan tr\u1ECDng" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          onClick: handleResetWidgets,
-          className: "inline-flex items-center gap-2 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "h-4 w-4" }),
-            "Kh\xF4i ph\u1EE5c m\u1EB7c \u0111\u1ECBnh"
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-function FeatureShowcase({ className }) {
-  const [emblaRef, emblaApi] = useEmblaCarousel__default.default(
-    { loop: true, align: "start" },
-    [Autoplay__default.default({ delay: 5e3, stopOnInteraction: true })]
-  );
-  const [prevBtnEnabled, setPrevBtnEnabled] = react.useState(false);
-  const [nextBtnEnabled, setNextBtnEnabled] = react.useState(false);
-  const [selectedIndex, setSelectedIndex] = react.useState(0);
-  const [scrollSnaps, setScrollSnaps] = react.useState([]);
-  const scrollPrev = react.useCallback(
-    () => emblaApi && emblaApi.scrollPrev(),
-    [emblaApi]
-  );
-  const scrollNext = react.useCallback(
-    () => emblaApi && emblaApi.scrollNext(),
-    [emblaApi]
-  );
-  const scrollTo = react.useCallback(
-    (index) => emblaApi && emblaApi.scrollTo(index),
-    [emblaApi]
-  );
-  const onSelect = react.useCallback(() => {
-    if (!emblaApi) return;
-    setSelectedIndex(emblaApi.selectedScrollSnap());
-    setPrevBtnEnabled(emblaApi.canScrollPrev());
-    setNextBtnEnabled(emblaApi.canScrollNext());
-  }, [emblaApi]);
-  react.useEffect(() => {
-    if (!emblaApi) return;
-    onSelect();
-    setScrollSnaps(emblaApi.scrollSnapList());
-    emblaApi.on("select", onSelect);
-    emblaApi.on("reInit", onSelect);
-    return () => {
-      emblaApi.off("select", onSelect);
-      emblaApi.off("reInit", onSelect);
-    };
-  }, [emblaApi, onSelect]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: cn(
-        "bg-white dark:bg-slate-800 rounded-xl border border-slate-200 dark:border-slate-700 shadow-sm relative overflow-hidden flex flex-col h-full",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 py-4 border-b border-slate-100 dark:border-slate-700/50 bg-white/50 dark:bg-slate-800/50 backdrop-blur-sm z-20", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-blue-100 dark:bg-blue-900/30 text-primary p-1 rounded-md", children: /* @__PURE__ */ jsxRuntime.jsx(
-              "svg",
-              {
-                className: "w-[18px] h-[18px]",
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 2v20M2 12h20M12 2a10 10 0 0 1 10 10 10 10 0 0 1-10 10 10 10 0 0 1-10-10 10 10 0 0 1 10-10z" })
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold text-slate-700 dark:text-slate-200", children: "Feature Tour" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("button", { className: "text-xs font-medium text-slate-500 hover:text-slate-800 dark:text-slate-400 dark:hover:text-slate-200 px-3 py-1.5 rounded hover:bg-slate-100 dark:hover:bg-slate-700 transition-colors", children: "Skip Tour" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: "flex-1 relative overflow-hidden bg-slate-50/50 dark:bg-slate-800/50",
-            ref: emblaRef,
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex touch-pan-y h-full", children: ERP_FEATURES.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-[0_0_100%] min-w-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-6 sm:p-8 flex flex-col items-center text-center gap-6 h-full justify-center", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 text-xs font-semibold text-primary uppercase tracking-wider", children: [
-                "Step ",
-                index + 1,
-                " of ",
-                ERP_FEATURES.length
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: cn(
-                    "flex h-16 w-16 shrink-0 items-center justify-center rounded-2xl bg-gradient-to-br text-3xl shadow-md",
-                    feature.color
-                  ),
-                  children: feature.icon
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl md:text-3xl font-bold text-slate-900 dark:text-white", children: feature.title }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-slate-500 dark:text-slate-400 text-sm md:text-base leading-relaxed max-w-md", children: feature.description }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 justify-center flex-wrap", children: feature.subFeatures.map((sub) => /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: "px-2 py-1 bg-white dark:bg-slate-700 border border-slate-200 dark:border-slate-600 rounded-md text-xs font-medium text-slate-600 dark:text-slate-300",
-                  children: sub
-                },
-                sub
-              )) })
-            ] }) }, feature.id)) })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-6 py-4 bg-white dark:bg-slate-800 border-t border-slate-100 dark:border-slate-700 flex items-center justify-between z-20", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1.5", children: scrollSnaps.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: cn(
-                "h-1.5 rounded-full transition-all duration-300",
-                index === selectedIndex ? "w-6 bg-primary" : "w-1.5 bg-slate-300 dark:bg-slate-600"
-              ),
-              onClick: () => scrollTo(index)
-            },
-            index
-          )) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: scrollPrev,
-                disabled: !prevBtnEnabled,
-                className: "w-9 h-9 flex items-center justify-center rounded-lg border border-slate-200 dark:border-slate-700 text-slate-400 hover:bg-slate-50 dark:hover:bg-slate-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
-                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "w-4 h-4" })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
-              {
-                onClick: scrollNext,
-                className: "h-9 px-4 rounded-lg bg-primary text-white text-sm font-medium flex items-center gap-2 hover:bg-primary/90 transition-colors shadow-sm",
-                children: [
-                  "Next",
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "w-4 h-4" })
-                ]
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-var iconMap = {
-  "shopping-cart": /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: "h-5 w-5",
-      fill: "none",
-      stroke: "currentColor",
-      viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"
-        }
-      )
-    }
-  ),
-  users: /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: "h-5 w-5",
-      fill: "none",
-      stroke: "currentColor",
-      viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"
-        }
-      )
-    }
-  ),
-  package: /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: "h-5 w-5",
-      fill: "none",
-      stroke: "currentColor",
-      viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"
-        }
-      )
-    }
-  ),
-  "chart-bar": /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: "h-5 w-5",
-      fill: "none",
-      stroke: "currentColor",
-      viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
-        }
-      )
-    }
-  ),
-  "document-text": /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: "h-5 w-5",
-      fill: "none",
-      stroke: "currentColor",
-      viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
-        }
-      )
-    }
-  ),
-  cog: /* @__PURE__ */ jsxRuntime.jsxs(
-    "svg",
-    {
-      className: "h-5 w-5",
-      fill: "none",
-      stroke: "currentColor",
-      viewBox: "0 0 24 24",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "path",
-          {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-          }
-        )
-      ]
-    }
-  ),
-  "currency-dollar": /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: "h-5 w-5",
-      fill: "none",
-      stroke: "currentColor",
-      viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-        }
-      )
-    }
-  ),
-  "clipboard-list": /* @__PURE__ */ jsxRuntime.jsx(
-    "svg",
-    {
-      className: "h-5 w-5",
-      fill: "none",
-      stroke: "currentColor",
-      viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"
-        }
-      )
-    }
-  )
-};
-var colorClasses = {
-  blue: "bg-blue-500 hover:bg-blue-600 text-white",
-  green: "bg-green-500 hover:bg-green-600 text-white",
-  purple: "bg-purple-500 hover:bg-purple-600 text-white",
-  orange: "bg-orange-500 hover:bg-orange-600 text-white",
-  pink: "bg-pink-500 hover:bg-pink-600 text-white",
-  indigo: "bg-indigo-500 hover:bg-indigo-600 text-white",
-  teal: "bg-teal-500 hover:bg-teal-600 text-white",
-  red: "bg-red-500 hover:bg-red-600 text-white"
-};
-var AVAILABLE_ICONS = Object.keys(iconMap);
-var AVAILABLE_COLORS = [
-  "blue",
-  "green",
-  "purple",
-  "orange",
-  "pink",
-  "indigo",
-  "teal",
-  "red"
-];
-var formSchema = z__namespace.object({
-  label: z__namespace.string().min(1, "Vui l\xF2ng nh\u1EADp t\xEAn l\u1ED1i t\u1EAFt"),
-  href: z__namespace.string().min(1, "Vui l\xF2ng nh\u1EADp \u0111\u01B0\u1EDDng d\u1EABn"),
-  icon: z__namespace.string(),
-  color: z__namespace.string()
-});
-function QuickAccessDialog({
-  open,
-  onOpenChange,
-  onSubmit,
-  initialData,
-  availableFeatures
-}) {
-  const form = reactHookForm.useForm({
-    resolver: zod.zodResolver(formSchema),
-    defaultValues: {
-      label: "",
-      href: "",
-      icon: "document-text",
-      color: "blue"
-    }
-  });
-  react.useEffect(() => {
-    if (open) {
-      form.reset(
-        initialData ? {
-          label: initialData.label,
-          href: initialData.href,
-          icon: initialData.icon,
-          color: initialData.color
-        } : {
-          label: "",
-          href: "",
-          icon: "document-text",
-          color: "blue"
-        }
-      );
-    }
-  }, [open, initialData, form]);
-  const handleSubmit = (values) => {
-    onSubmit(values);
-    onOpenChange(false);
-  };
-  const handleFeatureChange = (e) => {
-    const selectedHref = e.target.value;
-    const feature = availableFeatures?.find((f) => f.href === selectedHref);
-    if (feature) {
-      form.setValue("href", feature.href);
-      form.setValue("label", feature.label);
-      if (feature.icon && iconMap[feature.icon]) {
-        form.setValue("icon", feature.icon);
-      } else if (feature.icon && iconMap[feature.icon.replace(/-/g, "")]) ;
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Root, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Portal, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Overlay, { className: "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
-    /* @__PURE__ */ jsxRuntime.jsxs(DialogPrimitive__namespace.Content, { className: "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", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-1.5 text-center sm:text-left", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Title, { className: "text-lg font-semibold leading-none tracking-tight", children: initialData ? "S\u1EEDa l\u1ED1i t\u1EAFt" : "Th\xEAm l\u1ED1i t\u1EAFt m\u1EDBi" }),
-        /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Description, { className: "text-sm text-muted-foreground", children: "T\u1EA1o l\u1ED1i t\u1EAFt \u0111\u1EC3 truy c\u1EADp nhanh c\xE1c t\xEDnh n\u0103ng th\u01B0\u1EDDng d\xF9ng" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "form",
-        {
-          onSubmit: form.handleSubmit(handleSubmit),
-          className: "space-y-4",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4 py-4", children: [
-              availableFeatures && availableFeatures.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-4 items-center gap-4", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "label",
-                  {
-                    htmlFor: "feature-select",
-                    className: "text-right text-sm font-medium",
-                    children: "Ch\u1EE9c n\u0103ng"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
-                  "select",
-                  {
-                    id: "feature-select",
-                    className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-                    onChange: handleFeatureChange,
-                    defaultValue: initialData?.href || "",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: "Ch\u1ECDn ch\u1EE9c n\u0103ng..." }),
-                      availableFeatures.map((f) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: f.href, children: f.label }, f.href))
-                    ]
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-4 items-center gap-4", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "label",
-                  {
-                    htmlFor: "label",
-                    className: "text-right text-sm font-medium",
-                    children: "T\xEAn l\u1ED1i t\u1EAFt"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-3", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "input",
-                    {
-                      id: "label",
-                      className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-                      ...form.register("label")
-                    }
-                  ),
-                  form.formState.errors.label && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-500 mt-1", children: form.formState.errors.label.message })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  className: cn(
-                    "grid grid-cols-4 items-center gap-4",
-                    availableFeatures?.length ? "hidden" : ""
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "label",
-                      {
-                        htmlFor: "href",
-                        className: "text-right text-sm font-medium",
-                        children: "\u0110\u01B0\u1EDDng d\u1EABn"
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-3", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "input",
-                        {
-                          id: "href",
-                          className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-                          ...form.register("href"),
-                          readOnly: !!availableFeatures?.length
-                        }
-                      ),
-                      form.formState.errors.href && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-500 mt-1", children: form.formState.errors.href.message })
-                    ] })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-4 items-start gap-4", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-right text-sm font-medium pt-2", children: "Icon" }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-3 flex flex-wrap gap-2", children: AVAILABLE_ICONS.map((icon) => /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => form.setValue("icon", icon),
-                    className: cn(
-                      "flex h-8 w-8 items-center justify-center rounded-md border transition-colors",
-                      form.watch("icon") === icon ? "border-primary bg-primary/10 text-primary" : "border-input hover:bg-muted"
-                    ),
-                    children: iconMap[icon]
-                  },
-                  icon
-                )) })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-4 items-start gap-4", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-right text-sm font-medium pt-2", children: "M\xE0u s\u1EAFc" }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-3 flex flex-wrap gap-2", children: AVAILABLE_COLORS.map((color) => /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => form.setValue("color", color),
-                    className: cn(
-                      "h-8 w-8 rounded-full border-2 transition-all",
-                      `bg-${color}-500`,
-                      form.watch("color") === color ? "border-primary scale-110 shadow-sm" : "border-transparent hover:scale-105"
-                    ),
-                    "aria-label": color
-                  },
-                  color
-                )) })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  className: "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 px-4 py-2",
-                  children: "H\u1EE7y"
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "submit",
-                  className: "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground shadow hover:bg-primary/90 h-9 px-4 py-2",
-                  children: initialData ? "L\u01B0u thay \u0111\u1ED5i" : "Th\xEAm m\u1EDBi"
-                }
-              )
-            ] })
-          ]
-        }
-      ),
-      /* @__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" })
-      ] })
-    ] })
-  ] }) });
-}
-var containerVariants = {
-  hidden: { opacity: 0 },
-  visible: {
-    opacity: 1,
-    transition: {
-      staggerChildren: 0.05,
-      delayChildren: 0.1
-    }
-  }
-};
-var itemVariants = {
-  hidden: { opacity: 0, scale: 0.9 },
-  visible: {
-    opacity: 1,
-    scale: 1,
-    transition: {
-      duration: 0.2,
-      ease: "easeOut"
-    }
-  }
-};
-function QuickAccessMenu({
-  items,
-  onItemClick,
-  onItemsChange,
-  className,
-  editable = false,
-  availableFeatures
-}) {
-  const [isEditing, setIsEditing] = react.useState(false);
-  const [dialogOpen, setDialogOpen] = react.useState(false);
-  const [editingItem, setEditingItem] = react.useState(
-    void 0
-  );
-  const handleAddStart = () => {
-    setEditingItem(void 0);
-    setDialogOpen(true);
-  };
-  const handleEditStart = (item, e) => {
-    e.stopPropagation();
-    setEditingItem(item);
-    setDialogOpen(true);
-  };
-  const handleDelete = (itemId, e) => {
-    e.stopPropagation();
-    if (confirm("B\u1EA1n c\xF3 ch\u1EAFc mu\u1ED1n x\xF3a l\u1ED1i t\u1EAFt n\xE0y?")) {
-      onItemsChange?.(items.filter((item) => item.id !== itemId));
-    }
-  };
-  const handleSave = (data) => {
-    const isDuplicate = items.some(
-      (item) => item.href === data.href && item.id !== editingItem?.id
-    );
-    if (isDuplicate) {
-      alert("L\u1ED1i t\u1EAFt n\xE0y \u0111\xE3 t\u1ED3n t\u1EA1i!");
-      return;
-    }
-    if (editingItem) {
-      onItemsChange?.(
-        items.map(
-          (item) => item.id === editingItem.id ? { ...item, ...data } : item
-        )
-      );
-    } else {
-      const newItem = {
-        ...data,
-        id: `custom-${Date.now()}`
-      };
-      onItemsChange?.([...items, newItem]);
-    }
-  };
-  if (items.length === 0 && !editable) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-slate-900 dark:text-white text-lg font-bold", children: "Quick Shortcuts" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.motion.div,
-      {
-        variants: containerVariants,
-        initial: "hidden",
-        animate: "visible",
-        className: "grid grid-cols-2 gap-4 sm:grid-cols-4",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.AnimatePresence, { mode: "popLayout", children: [
-          items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
-            framerMotion.motion.button,
-            {
-              variants: itemVariants,
-              whileHover: { scale: 1.02 },
-              whileTap: { scale: 0.98 },
-              onClick: () => {
-                if (!isEditing) {
-                  onItemClick?.(item);
-                }
-              },
-              className: cn(
-                "group relative flex flex-col items-center justify-center gap-3 bg-white dark:bg-slate-800 p-5 rounded-xl border border-slate-200 dark:border-slate-700 shadow-sm hover:shadow-md hover:border-primary/50 transition-all text-left",
-                isEditing && "cursor-default opacity-90 hover:opacity-100"
-              ),
-              children: [
-                isEditing && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      onClick: (e) => handleDelete(item.id, e),
-                      className: "absolute -right-2 -top-2 z-10 flex h-6 w-6 cursor-pointer items-center justify-center rounded-full bg-destructive text-white shadow-sm ring-2 ring-white hover:bg-destructive/90",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      onClick: (e) => handleEditStart(item, e),
-                      className: "absolute -left-2 -top-2 z-10 flex h-6 w-6 cursor-pointer items-center justify-center rounded-full bg-background text-foreground shadow-sm ring-2 ring-white hover:bg-muted",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pencil, { className: "h-3 w-3" })
-                    }
-                  )
-                ] }),
-                editable && /* @__PURE__ */ jsxRuntime.jsx(
-                  "span",
-                  {
-                    onClick: () => setIsEditing(!isEditing),
-                    className: "absolute top-2 right-2 text-slate-300 dark:text-slate-600 cursor-move opacity-100 hover:text-primary transition-colors",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { size: 18 })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "size-12 rounded-full flex items-center justify-center group-hover:scale-110 transition-transform",
-                      colorClasses[item.color || "blue"] || colorClasses.blue
-                    ),
-                    children: iconMap[item.icon] || iconMap["document-text"]
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-slate-700 dark:text-slate-200 font-semibold text-sm", children: item.label })
-              ]
-            },
-            item.id
-          )),
-          editable && /* @__PURE__ */ jsxRuntime.jsxs(
-            framerMotion.motion.button,
-            {
-              variants: itemVariants,
-              onClick: handleAddStart,
-              whileHover: { scale: 1.02 },
-              whileTap: { scale: 0.98 },
-              className: "flex flex-col items-center justify-center gap-2 bg-slate-50 dark:bg-slate-800/50 p-5 rounded-xl border-2 border-dashed border-slate-300 dark:border-slate-600 hover:border-primary hover:bg-slate-100 dark:hover:bg-slate-800 transition-all text-slate-500 hover:text-primary cursor-pointer group h-full min-h-[140px]",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-8 w-8 group-hover:scale-110 transition-transform" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Add Shortcut" })
-              ]
-            }
-          )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      QuickAccessDialog,
-      {
-        open: dialogOpen,
-        onOpenChange: setDialogOpen,
-        onSubmit: handleSave,
-        initialData: editingItem,
-        availableFeatures
-      }
-    )
-  ] });
-}
-var DEFAULT_QUICK_ACCESS = [
-  {
-    id: "pos",
-    label: "B\xE1n h\xE0ng",
-    href: "/sales/pos",
-    icon: "shopping-cart",
-    color: "green"
-  },
-  {
-    id: "orders",
-    label: "\u0110\u01A1n h\xE0ng",
-    href: "/sales-orders",
-    icon: "clipboard-list",
-    color: "blue"
-  },
-  {
-    id: "customers",
-    label: "Kh\xE1ch h\xE0ng",
-    href: "/customers",
-    icon: "users",
-    color: "purple"
-  },
-  {
-    id: "inventory",
-    label: "T\u1ED3n kho",
-    href: "/inventory",
-    icon: "package",
-    color: "orange"
-  },
-  {
-    id: "reports",
-    label: "B\xE1o c\xE1o",
-    href: "/reports",
-    icon: "chart-bar",
-    color: "teal"
-  },
-  {
-    id: "finance",
-    label: "Thu chi",
-    href: "/finance",
-    icon: "currency-dollar",
-    color: "pink"
-  },
-  {
-    id: "products",
-    label: "S\u1EA3n ph\u1EA9m",
-    href: "/crud/products",
-    icon: "package",
-    color: "indigo"
-  },
-  {
-    id: "settings",
-    label: "C\xE0i \u0111\u1EB7t",
-    href: "/admin",
-    icon: "cog",
-    color: "red"
-  }
-];
-var LOCAL_STORAGE_KEY = "goerp_home_preferences";
-async function fetchPreferences(url) {
-  const res = await fetch(url);
-  if (!res.ok) {
-    throw new Error("Failed to fetch preferences");
-  }
-  return res.json();
-}
-function useWidgetPreferences({
-  userId,
-  apiEndpoint = "/api/user/preferences",
-  fallbackToLocalStorage = false
-} = {}) {
-  const [localPreferences, setLocalPreferences] = react.useState(null);
-  const { data, error, isLoading, mutate } = useSWR__default.default(
-    userId ? `${apiEndpoint}?userId=${userId}` : null,
-    fetchPreferences,
-    {
-      revalidateOnFocus: false,
-      // Only use localPreferences as fallback if explicitly enabled
-      fallbackData: fallbackToLocalStorage ? localPreferences || void 0 : void 0
-    }
-  );
-  const storageKey = userId ? `${LOCAL_STORAGE_KEY}_${userId}` : LOCAL_STORAGE_KEY;
-  react.useEffect(() => {
-    if (fallbackToLocalStorage && typeof window !== "undefined") {
-      try {
-        const stored = localStorage.getItem(storageKey);
-        if (stored) {
-          setLocalPreferences(JSON.parse(stored));
-        } else {
-          setLocalPreferences(null);
-        }
-      } catch {
-      }
-    }
-  }, [fallbackToLocalStorage, storageKey]);
-  const preferences = data || localPreferences || {
-    widgets: DEFAULT_WIDGETS,
-    quickAccess: []
-  };
-  const savePreferences = react.useCallback(
-    async (newPreferences) => {
-      mutate(newPreferences, false);
-      if (fallbackToLocalStorage && typeof window !== "undefined") {
-        try {
-          localStorage.setItem(storageKey, JSON.stringify(newPreferences));
-          setLocalPreferences(newPreferences);
-        } catch {
-        }
-      }
-      if (userId) {
-        try {
-          const res = await fetch(apiEndpoint, {
-            method: "PUT",
-            headers: { "Content-Type": "application/json" },
-            body: JSON.stringify({
-              userId,
-              ...newPreferences
-            })
-          });
-          if (!res.ok) {
-            throw new Error("Failed to save preferences");
-          }
-          mutate();
-        } catch (err) {
-          console.error("Failed to save preferences to API:", err);
-          mutate();
-        }
-      }
-    },
-    [userId, apiEndpoint, fallbackToLocalStorage, mutate, storageKey]
-  );
-  const updateWidgets = react.useCallback(
-    async (widgets) => {
-      await savePreferences({
-        ...preferences,
-        widgets
-      });
-    },
-    [preferences, savePreferences]
-  );
-  const updateQuickAccess = react.useCallback(
-    async (quickAccess) => {
-      await savePreferences({
-        ...preferences,
-        quickAccess
-      });
-    },
-    [preferences, savePreferences]
-  );
-  const resetToDefaults = react.useCallback(async () => {
-    await savePreferences({
-      widgets: DEFAULT_WIDGETS,
-      quickAccess: []
-    });
-  }, [savePreferences]);
-  return {
-    widgets: preferences.widgets,
-    quickAccess: preferences.quickAccess,
-    loading: isLoading,
-    error: error?.message || null,
-    updateWidgets,
-    updateQuickAccess,
-    resetToDefaults
-  };
-}
-function HomePage({
-  userName = "B\u1EA1n",
-  userId,
-  widgetData: initialWidgetData,
-  availableFeatures,
-  widgetDataLoading = false,
-  showFeatureShowcase = false,
-  className,
-  basePath = "",
-  dashboardApiUrl
-}) {
-  const router = navigation.useRouter();
-  const { data: fetchedWidgetData, isLoading: isFetching } = useSWR__default.default(
-    initialWidgetData ? null : dashboardApiUrl,
-    async (url) => {
-      const res = await fetch(url);
-      if (!res.ok) throw new Error("Failed to fetch widget data");
-      return res.json();
-    },
-    {
-      revalidateOnFocus: false,
-      dedupingInterval: 6e4
-      // 1 minute
-    }
-  );
-  const {
-    widgets,
-    quickAccess,
-    loading: prefsLoading,
-    updateWidgets,
-    updateQuickAccess
-  } = useWidgetPreferences({
-    userId
-  });
-  const filteredFeatures = availableFeatures?.filter(
-    (f) => f.href !== "/home" && f.href !== basePath + "/home" && f.href !== "/"
-  );
-  const handleQuickAccessClick = (item) => {
-    router.push(`${basePath}${item.href}`);
-  };
-  const getAuthorizedDefaults = () => {
-    if (filteredFeatures && filteredFeatures.length > 0) {
-      const colors = [
-        "blue",
-        "green",
-        "purple",
-        "orange",
-        "teal",
-        "pink",
-        "indigo",
-        "red"
-      ];
-      return filteredFeatures.slice(0, 5).map((feature, index) => ({
-        id: `default-${index}`,
-        label: feature.label,
-        href: feature.href,
-        icon: feature.icon || "document-text",
-        color: colors[index % colors.length]
-      }));
-    }
-    return [];
-  };
-  const displayQuickAccess = quickAccess && quickAccess.length > 0 ? quickAccess : getAuthorizedDefaults();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cn(
-        "min-h-screen bg-slate-50/50 dark:bg-slate-900/50",
-        className
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full mx-auto px-4 md:px-6 lg:px-8 py-6 space-y-8", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(WelcomeCard, { userName }),
-        false,
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-in fade-in slide-in-from-bottom-4 duration-500 delay-300", children: /* @__PURE__ */ jsxRuntime.jsx(
-          QuickAccessMenu,
-          {
-            items: displayQuickAccess,
-            onItemClick: handleQuickAccessClick,
-            editable: true,
-            onItemsChange: updateQuickAccess,
-            availableFeatures: filteredFeatures
-          }
-        ) }),
-        showFeatureShowcase && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-in fade-in slide-in-from-bottom-4 duration-500 delay-500 min-h-[400px]", children: /* @__PURE__ */ jsxRuntime.jsx(FeatureShowcase, {}) })
-      ] })
-    }
-  );
-}
-
-exports.BaseWidget = BaseWidget;
-exports.CustomersWidget = CustomersWidget;
-exports.DEFAULT_QUICK_ACCESS = DEFAULT_QUICK_ACCESS;
-exports.DEFAULT_WIDGETS = DEFAULT_WIDGETS;
-exports.ERP_FEATURES = ERP_FEATURES;
-exports.FeatureShowcase = FeatureShowcase;
-exports.HomePage = HomePage;
-exports.OrdersWidget = OrdersWidget;
-exports.QuickAccessMenu = QuickAccessMenu;
-exports.RevenueWidget = RevenueWidget;
-exports.StockWidget = StockWidget;
-exports.WIDGET_LABELS = WIDGET_LABELS;
-exports.WelcomeCard = WelcomeCard;
-exports.WidgetContainer = WidgetContainer;
-exports.WidgetStat = WidgetStat;
-exports.useWidgetPreferences = useWidgetPreferences;
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map