@particle-academy/react-fancy 4.4.3 → 4.4.5

package/dist/index.js

@@ -1,10 +1,9 @@
-import { forwardRef, createContext, useId, useRef, useEffect, useState, useCallback, useMemo, Children, isValidElement, useLayoutEffect, cloneElement, useContext, Fragment as Fragment$1 } from 'react';
+import { forwardRef, useSyncExternalStore, createContext, useId, useRef, useEffect, useState, useCallback, useMemo, Children, isValidElement, useLayoutEffect, cloneElement, useContext, Fragment as Fragment$1 } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as LucideIcons from 'lucide-react';
-import { X, ChevronUp, ChevronDown, ChevronLeft, ChevronRight, Search, Menu, File, Upload, PanelLeftOpen, PanelLeftClose, Check, XCircle, AlertTriangle, Info } from 'lucide-react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
+import { X, ChevronUp, ChevronDown, ChevronLeft, ChevronRight, Search, Menu, File, Upload, PanelLeftOpen, PanelLeftClose, Check, XCircle, AlertTriangle, Info } from 'lucide-react';
 import { marked } from 'marked';
 
 // src/components/Button/Button.tsx
@@ -2101,14 +2100,40 @@ function applyTone(char, tone) {
   const idx = SKIN_TONES.indexOf(tone);
   return entry.skinTones[idx] ?? 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 lucideModule = null;
+var lucidePromise = null;
+var lucideVersion = 0;
+var lucideListeners = /* @__PURE__ */ new Set();
+function ensureLucideLoaded() {
+  if (lucideModule || lucidePromise) return;
+  lucidePromise = import('lucide-react').then((mod) => {
+    lucideModule = mod;
+    lucideVersion++;
+    for (const listener of lucideListeners) listener();
+  }).catch(() => {
+  });
+}
+function subscribeIconResolution(listener) {
+  lucideListeners.add(listener);
+  return () => lucideListeners.delete(listener);
+}
+function getIconResolutionVersion() {
+  return lucideVersion;
+}
 function resolveFromLucide(name) {
+  if (!lucideModule) {
+    ensureLucideLoaded();
+    return null;
+  }
   const pascal = kebabToPascal(name);
-  const icon = LucideIcons[pascal];
+  const icon = lucideModule[pascal];
   return typeof icon === "function" || icon && typeof icon === "object" ? icon : null;
 }
 function registerIcons(icons) {
@@ -2161,6 +2186,11 @@ var sizePixels = {
 };
 var Icon = forwardRef(
   ({ size = "md", className, children, name, iconSet, ...props }, ref) => {
+    useSyncExternalStore(
+      subscribeIconResolution,
+      getIconResolutionVersion,
+      getIconResolutionVersion
+    );
     let content = children;
     if (name && !children) {
       const ResolvedIcon = resolveIcon(name, iconSet);
@@ -3212,7 +3242,11 @@ var Textarea = forwardRef(
 );
 Textarea.displayName = "Textarea";
 function Portal({ children, container }) {
-  if (typeof document === "undefined") return null;
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted || typeof document === "undefined") return null;
   const target = container ?? document.body;
   return createPortal(
     /* @__PURE__ */ jsx(PortalDarkWrapper, { children }),