@particle-academy/react-fancy 2.0.0 → 2.2.0

package/dist/icons.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var lucideReact = require('lucide-react');
+
+
+
+Object.keys(lucideReact).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return lucideReact[k]; }
+	});
+});
+//# sourceMappingURL=icons.cjs.map
+//# sourceMappingURL=icons.cjs.map

package/dist/icons.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"icons.cjs","sourcesContent":[]}

package/dist/icons.d.cts

@@ -0,0 +1 @@
+export * from 'lucide-react';

package/dist/icons.d.ts

@@ -0,0 +1 @@
+export * from 'lucide-react';

package/dist/icons.js

@@ -0,0 +1,3 @@
+export * from 'lucide-react';
+//# sourceMappingURL=icons.js.map
+//# sourceMappingURL=icons.js.map

package/dist/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"icons.js","sourcesContent":[]}

package/dist/index.cjs

@@ -3,31 +3,11 @@
 var react = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var LucideIcons = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactDom = require('react-dom');
+var lucideReact = require('lucide-react');
 var marked = require('marked');
 
-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 LucideIcons__namespace = /*#__PURE__*/_interopNamespace(LucideIcons);
-
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __esm = (fn, res) => function __init() {
@@ -1195,22 +1175,31 @@ function search(query) {
 function find(char) {
   return EMOJI_ENTRIES.find((e) => e.char === char);
 }
+
+// src/components/Icon/icon-config.ts
 var registry = /* @__PURE__ */ new Map();
 var defaultSetName = "lucide";
 function kebabToPascal(str) {
   return str.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
 }
-var lucideSet = {
-  resolve: (name) => {
-    const pascal = kebabToPascal(name);
-    const icon = LucideIcons__namespace[pascal];
-    if (typeof icon === "function" || typeof icon === "object" && icon !== null) {
-      return icon;
-    }
-    return null;
+function registerIcons(icons) {
+  let set = registry.get("lucide");
+  if (!set) {
+    const map2 = /* @__PURE__ */ new Map();
+    set = {
+      resolve: (name) => {
+        const pascal = kebabToPascal(name);
+        return map2.get(pascal) ?? null;
+      },
+      _map: map2
+    };
+    registry.set("lucide", set);
   }
-};
-registry.set("lucide", lucideSet);
+  const map = set._map;
+  for (const [key, component] of Object.entries(icons)) {
+    map.set(key, component);
+  }
+}
 function registerIconSet(name, set) {
   registry.set(name, set);
 }
@@ -1295,6 +1284,22 @@ var defaultClasses = "bg-white text-zinc-700 border border-zinc-200 hover:bg-zin
 var activeClasses = "bg-blue-500 text-white border border-blue-600 hover:bg-blue-600 dark:bg-blue-600 dark:border-blue-500 dark:hover:bg-blue-500";
 var checkedClasses = "bg-emerald-500 text-white border border-emerald-600 hover:bg-emerald-600 dark:bg-emerald-600 dark:border-emerald-500 dark:hover:bg-emerald-500";
 var warnClasses = "bg-amber-50 text-amber-700 border border-amber-200 hover:bg-amber-100 dark:bg-amber-900/30 dark:text-amber-300 dark:border-amber-700 dark:hover:bg-amber-900/50";
+var ghostColorClasses = {
+  blue: "bg-transparent text-blue-600 hover:bg-blue-50 dark:text-blue-400 dark:hover:bg-blue-950/50",
+  emerald: "bg-transparent text-emerald-600 hover:bg-emerald-50 dark:text-emerald-400 dark:hover:bg-emerald-950/50",
+  amber: "bg-transparent text-amber-600 hover:bg-amber-50 dark:text-amber-400 dark:hover:bg-amber-950/50",
+  red: "bg-transparent text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-950/50",
+  violet: "bg-transparent text-violet-600 hover:bg-violet-50 dark:text-violet-400 dark:hover:bg-violet-950/50",
+  indigo: "bg-transparent text-indigo-600 hover:bg-indigo-50 dark:text-indigo-400 dark:hover:bg-indigo-950/50",
+  sky: "bg-transparent text-sky-600 hover:bg-sky-50 dark:text-sky-400 dark:hover:bg-sky-950/50",
+  rose: "bg-transparent text-rose-600 hover:bg-rose-50 dark:text-rose-400 dark:hover:bg-rose-950/50",
+  orange: "bg-transparent text-orange-600 hover:bg-orange-50 dark:text-orange-400 dark:hover:bg-orange-950/50",
+  zinc: "bg-transparent text-zinc-600 hover:bg-zinc-100 dark:text-zinc-400 dark:hover:bg-zinc-800"
+};
+var ghostDefaultClasses = "bg-transparent text-zinc-700 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-zinc-800";
+var ghostActiveClasses = "bg-blue-50 text-blue-700 hover:bg-blue-100 dark:bg-blue-950/50 dark:text-blue-300 dark:hover:bg-blue-950";
+var ghostCheckedClasses = "bg-emerald-50 text-emerald-700 hover:bg-emerald-100 dark:bg-emerald-950/50 dark:text-emerald-300 dark:hover:bg-emerald-950";
+var ghostWarnClasses = "bg-transparent text-amber-700 hover:bg-amber-50 dark:text-amber-300 dark:hover:bg-amber-950/50";
 var horizontalSize = {
   xs: "px-2 py-1 text-xs",
   sm: "px-2 py-1 text-xs",
@@ -1333,19 +1338,32 @@ var badgeSize = {
 function isColored(color, active, checked) {
   return !!(color || active || checked);
 }
-function getColorClasses(color, active, checked, warn) {
+function getColorClasses(color, active, checked, warn, ghost) {
+  if (ghost) {
+    if (color) return ghostColorClasses[color];
+    if (checked) return ghostCheckedClasses;
+    if (active) return ghostActiveClasses;
+    if (warn) return ghostWarnClasses;
+    return ghostDefaultClasses;
+  }
   if (color) return colorClasses[color];
   if (checked) return checkedClasses;
   if (active) return activeClasses;
   if (warn) return warnClasses;
   return defaultClasses;
 }
-function getIconColorClasses(color, active, checked, warn) {
+function getIconColorClasses(color, active, checked, warn, ghost) {
+  if (ghost) {
+    return "text-current";
+  }
   if (color || active || checked) return "text-white";
   if (warn) return "text-amber-600 dark:text-amber-400";
   return "text-zinc-500 dark:text-zinc-400";
 }
-function getBadgeClasses(color, active, checked, warn) {
+function getBadgeClasses(color, active, checked, warn, ghost) {
+  if (ghost) {
+    return "bg-current/10 text-current";
+  }
   if (isColored(color, active, checked)) return "bg-white/20 text-white";
   if (warn) return "bg-amber-200 text-amber-800 dark:bg-amber-800 dark:text-amber-200";
   return "bg-zinc-200 text-zinc-700 dark:bg-zinc-600 dark:text-zinc-200";
@@ -1402,13 +1420,14 @@ var Action = react.forwardRef(
     ...props
   }, ref) => {
     const isCircle = variant === "circle";
+    const isGhost = variant === "ghost";
     const { primary, secondary } = parsePlacement(iconPlace);
     const isVertical = isVerticalPrimary(primary);
     const isCompound = !!secondary;
     const needsWrapper = isVertical || isCompound;
     const isReversed = iconPlace === "right";
     const sizeClass = isCircle ? circleSize[size] : horizontalSize[size];
-    const iconColorCls = getIconColorClasses(color, active, checked, warn);
+    const iconColorCls = getIconColorClasses(color, active, checked, warn, isGhost);
     const buildElement = (key, trailing) => {
       switch (key) {
         case "e": {
@@ -1465,7 +1484,7 @@ var Action = react.forwardRef(
               className: cn(
                 "inline-flex items-center justify-center font-medium rounded-full",
                 badgeSize[size],
-                getBadgeClasses(color, active, checked, warn)
+                getBadgeClasses(color, active, checked, warn, isGhost)
               ),
               "data-action-badge": true,
               children: badge
@@ -1514,7 +1533,7 @@ var Action = react.forwardRef(
       "disabled:opacity-50 disabled:cursor-not-allowed",
       isCircle ? "rounded-full" : "rounded-lg",
       sizeClass,
-      getColorClasses(color, active, checked, warn),
+      getColorClasses(color, active, checked, warn, isGhost),
       !isCircle && !needsWrapper && "gap-2",
       !isCircle && needsWrapper && "gap-2",
       isReversed && !needsWrapper && "flex-row-reverse",
@@ -4868,7 +4887,7 @@ var Callout = react.forwardRef(
                 "shrink-0 rounded p-0.5 opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-current"
               ),
               "aria-label": "Dismiss",
-              children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { size: 16 })
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 16 })
             }
           )
         ]
@@ -5638,7 +5657,7 @@ function ModalHeader({ children, className }) {
             onClick: close,
             className: "rounded-lg p-1 text-zinc-400 transition-colors hover:bg-zinc-100 hover:text-zinc-600 dark:hover:bg-zinc-800 dark:hover:text-zinc-300",
             "aria-label": "Close",
-            children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { size: 20 })
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 20 })
           }
         )
       ]
@@ -5815,10 +5834,10 @@ function ToastItem({ data, onDismiss }) {
       ),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-0.5 shrink-0", VARIANT_ICON_COLORS[variant]), children: [
-          variant === "success" && /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Check, { size: 16 }),
-          variant === "error" && /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.XCircle, { size: 16 }),
-          variant === "warning" && /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.AlertTriangle, { size: 16 }),
-          variant === "info" && /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Info, { size: 16 })
+          variant === "success" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 16 }),
+          variant === "error" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { size: 16 }),
+          variant === "warning" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { size: 16 }),
+          variant === "info" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 16 })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-zinc-900 dark:text-zinc-100", children: title }),
@@ -5831,7 +5850,7 @@ function ToastItem({ data, onDismiss }) {
             onClick: () => onDismiss(id),
             className: "shrink-0 rounded p-0.5 text-zinc-400 transition-colors hover:text-zinc-600 dark:hover:text-zinc-300",
             "aria-label": "Dismiss",
-            children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { size: 14 })
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 14 })
           }
         )
       ] })
@@ -5898,7 +5917,7 @@ function CommandInput({
 }) {
   const { query, setQuery } = useCommand();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-react-fancy-command-input": "", className: "flex items-center border-b border-zinc-200 px-4 dark:border-zinc-700", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Search, { size: 16, className: "shrink-0 text-zinc-400" }),
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { size: 16, className: "shrink-0 text-zinc-400" }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "input",
       {
@@ -6251,7 +6270,7 @@ function AccordionTrigger({
       ),
       children: [
         children,
-        /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronDown, { size: 16, className: cn("shrink-0 transition-transform duration-200", isOpen && "rotate-180") })
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 16, className: cn("shrink-0 transition-transform duration-200", isOpen && "rotate-180") })
       ]
     }
   );
@@ -6338,7 +6357,7 @@ function BreadcrumbsDropdown({ items, activeLabel }) {
         className: "flex items-center gap-1 rounded-lg px-2 py-1 text-sm font-medium text-zinc-900 hover:bg-zinc-100 dark:text-white dark:hover:bg-zinc-800",
         children: [
           activeLabel,
-          /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronDown, { size: 14, className: cn("transition-transform", open && "rotate-180") })
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 14, className: cn("transition-transform", open && "rotate-180") })
         ]
       }
     ),
@@ -6363,7 +6382,7 @@ function BreadcrumbsRoot({
 }) {
   const items = react.Children.toArray(children);
   const [expanded, setExpanded] = react.useState(false);
-  const sep = separator ?? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronRight, { size: 12, className: "text-zinc-400" });
+  const sep = separator ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { size: 12, className: "text-zinc-400" });
   const lastItem = items[items.length - 1];
   const dropdownItems = items.map((child) => {
     const el = child;
@@ -6467,7 +6486,7 @@ function NavbarToggle({ className }) {
       ),
       "aria-label": "Toggle navigation",
       "aria-expanded": mobileOpen,
-      children: mobileOpen ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Menu, { size: 20 })
+      children: mobileOpen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Menu, { size: 20 })
     }
   );
 }
@@ -6547,7 +6566,7 @@ function Pagination({
         onClick: () => onPageChange(page - 1),
         className: cn(btnBase, btnDefault, page <= 1 && btnDisabled, "px-2"),
         "aria-label": "Previous page",
-        children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronLeft, { size: 16 })
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { size: 16 })
       }
     ),
     pages.map(
@@ -6580,7 +6599,7 @@ function Pagination({
           "px-2"
         ),
         "aria-label": "Next page",
-        children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronRight, { size: 16 })
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { size: 16 })
       }
     )
   ] });
@@ -6795,7 +6814,7 @@ var Pillbox = react.forwardRef(
                     },
                     className: "text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300",
                     "aria-label": `Remove ${item}`,
-                    children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { size: 12 })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 12 })
                   }
                 )
               ]
@@ -6970,7 +6989,7 @@ function FileUploadDropzone({
           }
         ),
         children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Upload, { size: 32, strokeWidth: 1.5, className: "mb-2 text-zinc-400" }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { size: 32, strokeWidth: 1.5, className: "mb-2 text-zinc-400" }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-zinc-500", children: "Drop files here or click to browse" })
         ] })
       ]
@@ -6998,7 +7017,7 @@ function ThumbnailItem({ file, index, onRemove }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group relative flex w-20 flex-col items-center gap-1", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-20 w-20 overflow-hidden rounded-lg border border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-800", children: [
       isImage && objectUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: objectUrl, alt: file.name, className: "h-full w-full object-cover" }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full w-full flex-col items-center justify-center gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.File, { size: 20, className: "text-zinc-400" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.File, { size: 20, className: "text-zinc-400" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium text-zinc-500", children: getExtension(file.name) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -7008,7 +7027,7 @@ function ThumbnailItem({ file, index, onRemove }) {
           onClick: () => onRemove(index),
           className: "absolute top-1 right-1 flex h-5 w-5 items-center justify-center rounded-full bg-black/60 text-white opacity-0 transition-opacity hover:bg-black/80 group-hover:opacity-100",
           "aria-label": `Remove ${file.name}`,
-          children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { size: 10 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 10 })
         }
       )
     ] }),
@@ -7026,7 +7045,7 @@ function FileUploadList({ thumbnail, className }) {
     {
       className: "flex items-center gap-3 rounded-lg border border-zinc-200 px-3 py-2 text-sm dark:border-zinc-700",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.File, { size: 16, className: "shrink-0 text-zinc-400" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.File, { size: 16, className: "shrink-0 text-zinc-400" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: file.name }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-xs text-zinc-400", children: formatSize(file.size) }),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -7036,7 +7055,7 @@ function FileUploadList({ thumbnail, className }) {
             onClick: () => removeFile(i),
             className: "shrink-0 text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300",
             "aria-label": `Remove ${file.name}`,
-            children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { size: 14 })
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 14 })
           }
         )
       ]
@@ -7149,15 +7168,15 @@ var TimePicker = react.forwardRef(
         ),
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => changeHour(1), disabled, className: spinBtnClass, "aria-label": "Increase hour", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronUp, { size: 14 }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => changeHour(1), disabled, className: spinBtnClass, "aria-label": "Increase hour", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { size: 14 }) }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: displayClass, children: pad(displayHour) }),
-            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => changeHour(-1), disabled, className: spinBtnClass, "aria-label": "Decrease hour", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronDown, { size: 14 }) })
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => changeHour(-1), disabled, className: spinBtnClass, "aria-label": "Decrease hour", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 14 }) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg text-zinc-400", children: ":" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => changeMinute(minuteStep), disabled, className: spinBtnClass, "aria-label": "Increase minute", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronUp, { size: 14 }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => changeMinute(minuteStep), disabled, className: spinBtnClass, "aria-label": "Increase minute", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { size: 14 }) }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: displayClass, children: pad(minutes) }),
-            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => changeMinute(-minuteStep), disabled, className: spinBtnClass, "aria-label": "Decrease minute", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronDown, { size: 14 }) })
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => changeMinute(-minuteStep), disabled, className: spinBtnClass, "aria-label": "Decrease minute", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 14 }) })
           ] }),
           format === "12h" && /* @__PURE__ */ jsxRuntime.jsx(
             "button",
@@ -7328,7 +7347,7 @@ var Calendar = react.forwardRef(
                 onClick: prevMonth,
                 className: "rounded-lg p-1 text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800",
                 "aria-label": "Previous month",
-                children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronLeft, { size: 16 })
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { size: 16 })
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-semibold", children: [
@@ -7343,7 +7362,7 @@ var Calendar = react.forwardRef(
                 onClick: nextMonth,
                 className: "rounded-lg p-1 text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800",
                 "aria-label": "Next month",
-                children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronRight, { size: 16 })
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { size: 16 })
               }
             )
           ] }),
@@ -8997,7 +9016,7 @@ function MenuSubmenu({
               children: [
                 icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: icon }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
-                /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronDown, { className: "h-3.5 w-3.5 opacity-60" })
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-3.5 w-3.5 opacity-60" })
               ]
             }
           ),
@@ -9030,7 +9049,7 @@ function MenuSubmenu({
           icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: icon }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left", children: label }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            LucideIcons.ChevronDown,
+            lucideReact.ChevronDown,
             {
               className: cn(
                 "h-3.5 w-3.5 opacity-60 transition-transform duration-200",
@@ -9197,7 +9216,7 @@ function SidebarSubmenu({
           icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center", children: icon }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-left", children: label }),
           /* @__PURE__ */ jsxRuntime.jsx(
-            LucideIcons.ChevronDown,
+            lucideReact.ChevronDown,
             {
               className: cn(
                 "h-3.5 w-3.5 opacity-60 transition-transform duration-200",
@@ -9235,7 +9254,7 @@ function SidebarToggle({ className }) {
         "hover:bg-zinc-100 hover:text-zinc-600 dark:hover:bg-zinc-800 dark:hover:text-zinc-300",
         className
       ),
-      children: collapsed ? /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.PanelLeftOpen, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.PanelLeftClose, { className: "h-4 w-4" })
+      children: collapsed ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeftOpen, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeftClose, { className: "h-4 w-4" })
     }
   );
 }
@@ -9337,7 +9356,7 @@ function MobileMenuFlyout({
                 type: "button",
                 onClick: onClose,
                 className: "flex h-8 w-8 items-center justify-center rounded-md text-zinc-400 transition-colors hover:bg-zinc-100 hover:text-zinc-600 dark:hover:bg-zinc-800 dark:hover:text-zinc-300",
-                children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.X, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
               }
             )
           ] }),
@@ -9797,10 +9816,10 @@ function CanvasControls({
         className
       ),
       children: [
-        showZoomIn && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: zoomIn, className: btnClass, "aria-label": "Zoom in", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ZoomIn, { size: 16 }) }),
-        showZoomOut && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: zoomOut, className: btnClass, "aria-label": "Zoom out", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ZoomOut, { size: 16 }) }),
-        showReset && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: reset, className: btnClass, "aria-label": "Reset view", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.RotateCcw, { size: 16 }) }),
-        showFitAll && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: fitAll, className: btnClass, "aria-label": "Fit all", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Maximize, { size: 16 }) })
+        showZoomIn && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: zoomIn, className: btnClass, "aria-label": "Zoom in", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ZoomIn, { size: 16 }) }),
+        showZoomOut && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: zoomOut, className: btnClass, "aria-label": "Zoom out", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ZoomOut, { size: 16 }) }),
+        showReset && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: reset, className: btnClass, "aria-label": "Reset view", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { size: 16 }) }),
+        showFitAll && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: fitAll, className: btnClass, "aria-label": "Fit all", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Maximize, { size: 16 }) })
       ]
     }
   );
@@ -10926,6 +10945,7 @@ exports.find = find;
 exports.registerExtension = registerExtension;
 exports.registerExtensions = registerExtensions;
 exports.registerIconSet = registerIconSet;
+exports.registerIcons = registerIcons;
 exports.resolve = resolve;
 exports.search = search;
 exports.useAccordion = useAccordion;