@particle-academy/react-fancy 4.4.4 → 4.4.6

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);
@@ -3309,6 +3339,28 @@ function useFloatingPosition(anchorRef, floatingRef, options = {}) {
   useEffect(() => {
     if (enabled) update();
   });
+  useEffect(() => {
+    if (!enabled) return;
+    let raf = 0;
+    let ro = null;
+    const tick = () => {
+      const el = floatingRef.current;
+      if (el) {
+        update();
+        if (typeof ResizeObserver !== "undefined") {
+          ro = new ResizeObserver(() => update());
+          ro.observe(el);
+        }
+      } else {
+        raf = requestAnimationFrame(tick);
+      }
+    };
+    raf = requestAnimationFrame(tick);
+    return () => {
+      cancelAnimationFrame(raf);
+      ro?.disconnect();
+    };
+  }, [enabled, update, floatingRef]);
   useEffect(() => {
     if (!enabled) {
       setPosition(