@almadar/ui 5.70.0 → 5.71.0

package/dist/marketing/index.js

@@ -1,4 +1,4 @@
-import React9, { createContext, useCallback, useState, useRef, useEffect, useContext, useMemo, useSyncExternalStore, useId } from 'react';
+import React11, { createContext, useCallback, useState, useRef, useEffect, useContext, useMemo, useSyncExternalStore, useId } from 'react';
 import { createLogger } from '@almadar/logger';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import * as LucideIcons2 from 'lucide-react';
@@ -2748,7 +2748,7 @@ var positionStyles = {
   fixed: "fixed",
   sticky: "sticky"
 };
-var Box = React9.forwardRef(
+var Box = React11.forwardRef(
   ({
     padding,
     paddingX,
@@ -2813,7 +2813,7 @@ var Box = React9.forwardRef(
       onPointerDown?.(e);
     }, [hoverEvent, tapReveal, triggerProps, onPointerDown]);
     const isClickable = action || onClick;
-    return React9.createElement(
+    return React11.createElement(
       Component,
       {
         ref,
@@ -2901,9 +2901,8 @@ var Stack = ({
   };
   const isHorizontal = direction === "horizontal";
   const directionClass = responsive && isHorizontal ? reverse ? "flex-col-reverse md:flex-row-reverse" : "flex-col md:flex-row" : isHorizontal ? reverse ? "flex-row-reverse" : "flex-row" : reverse ? "flex-col-reverse" : "flex-col";
-  const Comp = Component;
-  return /* @__PURE__ */ jsx(
-    Comp,
+  return React11.createElement(
+    Component,
     {
       className: cn(
         "flex",
@@ -2919,9 +2918,9 @@ var Stack = ({
       onClick: action || onClick ? handleClick : void 0,
       onKeyDown,
       role,
-      tabIndex,
-      children
-    }
+      tabIndex
+    },
+    children
   );
 };
 var VStack = (props) => /* @__PURE__ */ jsx(Stack, { direction: "vertical", ...props });
@@ -3012,9 +3011,8 @@ var Typography = ({
 }) => {
   const variant = variantProp ?? (level ? `h${level}` : "body1");
   const Component = as || defaultElements[variant];
-  const Comp = Component;
-  return /* @__PURE__ */ jsx(
-    Comp,
+  return React11.createElement(
+    Component,
     {
       id,
       className: cn(
@@ -3027,9 +3025,9 @@ var Typography = ({
         overflow && overflowStyles2[overflow],
         className
       ),
-      style,
-      children: children ?? content
-    }
+      style
+    },
+    children ?? content
   );
 };
 Typography.displayName = "Typography";
@@ -3105,7 +3103,7 @@ function loadLib(key, importer) {
   return p;
 }
 function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
-  const Lazy = React9.lazy(async () => {
+  const Lazy = React11.lazy(async () => {
     const lib = await loadLib(libKey, importer);
     const Comp = pick(lib);
     if (!Comp) {
@@ -3115,7 +3113,7 @@ function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
     return { default: Comp };
   });
   const Wrapped = (props) => /* @__PURE__ */ jsx(
-    React9.Suspense,
+    React11.Suspense,
     {
       fallback: /* @__PURE__ */ jsx(
         "span",
@@ -3785,9 +3783,10 @@ function resolveIcon(name) {
 function doResolve(name) {
   if (iconAliases[name]) return iconAliases[name];
   const pascalName = kebabToPascal2(name);
-  const directLookup = LucideIcons2[pascalName];
+  const lucideMap = LucideIcons2;
+  const directLookup = lucideMap[pascalName];
   if (directLookup && typeof directLookup === "object") return directLookup;
-  const asIs = LucideIcons2[name];
+  const asIs = lucideMap[name];
   if (asIs && typeof asIs === "object") return asIs;
   return LucideIcons2.HelpCircle;
 }
@@ -3816,7 +3815,7 @@ var Icon = ({
   const directIcon = typeof icon === "string" ? void 0 : icon;
   const effectiveName = typeof icon === "string" ? icon : name;
   const family = useIconFamily();
-  const RenderedComponent = React9.useMemo(() => {
+  const RenderedComponent = React11.useMemo(() => {
     if (directIcon) return null;
     return effectiveName ? resolveIconForFamily(effectiveName, family) : null;
   }, [directIcon, effectiveName, family]);
@@ -3924,6 +3923,9 @@ var iconSizeStyles = {
   md: "h-icon-default w-icon-default",
   lg: "h-icon-default w-icon-default"
 };
+function isIconLike(v) {
+  return typeof v.render === "function";
+}
 function resolveIconProp(value, sizeClass) {
   if (!value) return null;
   if (typeof value === "string") {
@@ -3933,16 +3935,16 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React9.isValidElement(value)) {
+  if (React11.isValidElement(value)) {
     return value;
   }
-  if (typeof value === "object" && value !== null && "render" in value) {
+  if (typeof value === "object" && value !== null && isIconLike(value)) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
   return value;
 }
-var Button = React9.forwardRef(
+var Button = React11.forwardRef(
   ({
     className,
     variant = "primary",
@@ -3958,6 +3960,7 @@ var Button = React9.forwardRef(
     label,
     children,
     onClick,
+    "data-testid": dataTestId,
     ...props
   }, ref) => {
     const eventBus = useEventBus();
@@ -3990,7 +3993,7 @@ var Button = React9.forwardRef(
         ),
         onClick: handleClick,
         ...props,
-        "data-testid": props["data-testid"] ?? (action ? `action-${action}` : void 0),
+        "data-testid": dataTestId ?? (action ? `action-${action}` : void 0),
         children: [
           isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "h-icon-default w-icon-default animate-spin" }) : resolvedLeftIcon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: resolvedLeftIcon }),
           children || label,
@@ -4038,7 +4041,7 @@ var sizeStyles2 = {
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
 };
-var Badge = React9.forwardRef(
+var Badge = React11.forwardRef(
   ({ className, variant = "default", size = "sm", amount, label, icon, children, onRemove, removeLabel, ...props }, ref) => {
     const iconSizes = {
       sm: "h-icon-default w-icon-default",
@@ -4091,7 +4094,7 @@ var sizeStyles3 = {
   md: "h-6 w-6",
   lg: "h-8 w-8"
 };
-var Spinner = React9.forwardRef(
+var Spinner = React11.forwardRef(
   ({ className, size = "md", overlay, ...props }, ref) => {
     if (overlay) {
       return /* @__PURE__ */ jsx(
@@ -4173,7 +4176,7 @@ var lookStyles = {
   chip: "shadow-none rounded-pill border-[length:var(--border-width)] border-border",
   "tile-image-first": "p-0 overflow-hidden"
 };
-var Card = React9.forwardRef(
+var Card = React11.forwardRef(
   ({
     className,
     variant = "bordered",
@@ -4221,9 +4224,9 @@ var Card = React9.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+var CardHeader = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h3",
   {
     ref,
@@ -4236,11 +4239,11 @@ var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+var CardContent = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
 CardContent.displayName = "CardContent";
 var CardBody = CardContent;
 CardBody.displayName = "CardBody";
-var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -4332,22 +4335,18 @@ var Center = ({
   as: Component = "div"
 }) => {
   const mergedStyle = minHeight ? { minHeight, ...style } : style;
-  const Comp = Component;
-  return /* @__PURE__ */ jsx(
-    Comp,
-    {
-      className: cn(
-        inline ? "inline-flex" : "flex",
-        horizontal && "justify-center",
-        vertical && "items-center",
-        fullHeight && "h-full",
-        fullWidth && "w-full",
-        className
-      ),
-      style: mergedStyle,
-      children
-    }
-  );
+  return React11.createElement(Component, {
+    className: cn(
+      inline ? "inline-flex" : "flex",
+      horizontal && "justify-center",
+      vertical && "items-center",
+      fullHeight && "h-full",
+      fullWidth && "w-full",
+      className
+    ),
+    style: mergedStyle,
+    children
+  });
 };
 var horizontalSizes = {
   xs: "w-1",
@@ -4397,7 +4396,7 @@ var paddingClasses = {
   md: "py-16",
   lg: "py-24"
 };
-var ContentSection = React9.forwardRef(
+var ContentSection = React11.forwardRef(
   ({ children, background = "default", padding = "lg", id, className }, ref) => {
     return /* @__PURE__ */ jsx(
       Box,
@@ -4999,7 +4998,7 @@ var StepFlow = ({
   className
 }) => {
   if (orientation === "vertical") {
-    return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React9.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
+    return /* @__PURE__ */ jsx(VStack, { gap: "none", className: cn("w-full", className), children: steps.map((step, index) => /* @__PURE__ */ jsx(React11.Fragment, { children: /* @__PURE__ */ jsxs(HStack, { gap: "md", align: "start", className: "w-full", children: [
       /* @__PURE__ */ jsxs(VStack, { gap: "none", align: "center", children: [
         /* @__PURE__ */ jsx(StepCircle, { step, index }),
         showConnectors && index < steps.length - 1 && /* @__PURE__ */ jsx(Box, { className: "w-px h-8 bg-border" })
@@ -5010,7 +5009,7 @@ var StepFlow = ({
       ] })
     ] }) }, index)) });
   }
-  return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React9.Fragment, { children: [
+  return /* @__PURE__ */ jsx(Box, { className: cn("w-full flex flex-col md:flex-row items-start gap-0", className), children: steps.map((step, index) => /* @__PURE__ */ jsxs(React11.Fragment, { children: [
     /* @__PURE__ */ jsxs(VStack, { gap: "sm", align: "center", className: "flex-1 w-full md:w-auto", children: [
       /* @__PURE__ */ jsx(StepCircle, { step, index }),
       /* @__PURE__ */ jsx(Typography, { variant: "h4", className: "text-center", children: step.title }),
@@ -5218,8 +5217,8 @@ var Avatar = ({
   actionPayload
 }) => {
   const eventBus = useEventBus();
-  const [imgFailed, setImgFailed] = React9.useState(false);
-  React9.useEffect(() => {
+  const [imgFailed, setImgFailed] = React11.useState(false);
+  React11.useEffect(() => {
     setImgFailed(false);
   }, [src]);
   const initials = providedInitials ?? (name ? generateInitials(name) : void 0);
@@ -5610,7 +5609,7 @@ var animatedStyles = {
   "scale-up": { opacity: 1, transform: "scale(1) translateY(0)" },
   "none": {}
 };
-var AnimatedReveal = React9.forwardRef(
+var AnimatedReveal = React11.forwardRef(
   ({
     trigger = "scroll",
     animation = "fade-up",
@@ -5763,7 +5762,7 @@ function applyMorphAnimation(container, animate, duration, delay, easing) {
     el.style.opacity = animate ? "1" : "0";
   });
 }
-var AnimatedGraphic = React9.forwardRef(
+var AnimatedGraphic = React11.forwardRef(
   ({
     src,
     svgContent,
@@ -5786,7 +5785,7 @@ var AnimatedGraphic = React9.forwardRef(
     const fetchedSvg = useFetchedSvg(svgContent ? void 0 : src);
     const resolvedSvg = svgContent ?? fetchedSvg;
     const prevAnimateRef = useRef(animate);
-    const setRef = React9.useCallback(
+    const setRef = React11.useCallback(
       (node) => {
         containerRef.current = node;
         if (typeof ref === "function") ref(node);