@almadar/ui 5.70.0 → 5.71.0

package/dist/docs/index.js

@@ -1,4 +1,4 @@
-import React8, { useCallback, useState, useRef, useMemo, useEffect, useLayoutEffect, useContext, useSyncExternalStore, createContext } from 'react';
+import React10, { useCallback, useState, useRef, useMemo, useEffect, useLayoutEffect, useContext, useSyncExternalStore, createContext } from 'react';
 import { createLogger } from '@almadar/logger';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as LucideIcons2 from 'lucide-react';
@@ -2816,7 +2816,7 @@ var init_Box = __esm({
       fixed: "fixed",
       sticky: "sticky"
     };
-    Box = React8.forwardRef(
+    Box = React10.forwardRef(
       ({
         padding,
         paddingX,
@@ -2881,7 +2881,7 @@ var init_Box = __esm({
           onPointerDown?.(e);
         }, [hoverEvent, tapReveal, triggerProps, onPointerDown]);
         const isClickable = action || onClick;
-        return React8.createElement(
+        return React10.createElement(
           Component,
           {
             ref,
@@ -2977,9 +2977,8 @@ var init_Stack = __esm({
       };
       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 React10.createElement(
+        Component,
         {
           className: cn(
             "flex",
@@ -2995,9 +2994,9 @@ var init_Stack = __esm({
           onClick: action || onClick ? handleClick : void 0,
           onKeyDown,
           role,
-          tabIndex,
-          children
-        }
+          tabIndex
+        },
+        children
       );
     };
     VStack = (props) => /* @__PURE__ */ jsx(Stack, { direction: "vertical", ...props });
@@ -3094,9 +3093,8 @@ var init_Typography = __esm({
     }) => {
       const variant = variantProp ?? (level ? `h${level}` : "body1");
       const Component = as || defaultElements[variant];
-      const Comp = Component;
-      return /* @__PURE__ */ jsx(
-        Comp,
+      return React10.createElement(
+        Component,
         {
           id,
           className: cn(
@@ -3109,9 +3107,9 @@ var init_Typography = __esm({
             overflow && overflowStyles2[overflow],
             className
           ),
-          style,
-          children: children ?? content
-        }
+          style
+        },
+        children ?? content
       );
     };
     Typography.displayName = "Typography";
@@ -3176,7 +3174,7 @@ function loadLib(key, importer) {
   return p;
 }
 function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
-  const Lazy = React8.lazy(async () => {
+  const Lazy = React10.lazy(async () => {
     const lib = await loadLib(libKey, importer);
     const Comp = pick(lib);
     if (!Comp) {
@@ -3186,7 +3184,7 @@ function lazyFamilyIcon(libKey, importer, pick, fallbackName, family) {
     return { default: Comp };
   });
   const Wrapped = (props) => /* @__PURE__ */ jsx(
-    React8.Suspense,
+    React10.Suspense,
     {
       fallback: /* @__PURE__ */ jsx(
         "span",
@@ -3854,9 +3852,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;
 }
@@ -3912,7 +3911,7 @@ var init_Icon = __esm({
       const directIcon = typeof icon === "string" ? void 0 : icon;
       const effectiveName = typeof icon === "string" ? icon : name;
       const family = useIconFamily();
-      const RenderedComponent = React8.useMemo(() => {
+      const RenderedComponent = React10.useMemo(() => {
         if (directIcon) return null;
         return effectiveName ? resolveIconForFamily(effectiveName, family) : null;
       }, [directIcon, effectiveName, family]);
@@ -3962,6 +3961,9 @@ var init_Icon = __esm({
     Icon.displayName = "Icon";
   }
 });
+function isIconLike(v) {
+  return typeof v.render === "function";
+}
 function resolveIconProp(value, sizeClass) {
   if (!value) return null;
   if (typeof value === "string") {
@@ -3971,10 +3973,10 @@ function resolveIconProp(value, sizeClass) {
     const IconComp = value;
     return /* @__PURE__ */ jsx(IconComp, { className: sizeClass });
   }
-  if (React8.isValidElement(value)) {
+  if (React10.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 });
   }
@@ -4047,7 +4049,7 @@ var init_Button = __esm({
       md: "h-icon-default w-icon-default",
       lg: "h-icon-default w-icon-default"
     };
-    Button = React8.forwardRef(
+    Button = React10.forwardRef(
       ({
         className,
         variant = "primary",
@@ -4063,6 +4065,7 @@ var init_Button = __esm({
         label,
         children,
         onClick,
+        "data-testid": dataTestId,
         ...props
       }, ref) => {
         const eventBus = useEventBus();
@@ -4095,7 +4098,7 @@ var init_Button = __esm({
             ),
             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,
@@ -4119,7 +4122,7 @@ var init_Spinner = __esm({
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    Spinner = React8.forwardRef(
+    Spinner = React10.forwardRef(
       ({ className, size = "md", overlay, ...props }, ref) => {
         if (overlay) {
           return /* @__PURE__ */ jsx(
@@ -4209,7 +4212,7 @@ var init_Card = __esm({
       chip: "shadow-none rounded-pill border-[length:var(--border-width)] border-border",
       "tile-image-first": "p-0 overflow-hidden"
     };
-    Card = React8.forwardRef(
+    Card = React10.forwardRef(
       ({
         className,
         variant = "bordered",
@@ -4257,9 +4260,9 @@ var init_Card = __esm({
       }
     );
     Card.displayName = "Card";
-    CardHeader = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
+    CardHeader = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4", className), ...props }));
     CardHeader.displayName = "CardHeader";
-    CardTitle = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "h3",
       {
         ref,
@@ -4272,11 +4275,11 @@ var init_Card = __esm({
       }
     ));
     CardTitle.displayName = "CardTitle";
-    CardContent = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
+    CardContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("", className), ...props }));
     CardContent.displayName = "CardContent";
     CardBody = CardContent;
     CardBody.displayName = "CardBody";
-    CardFooter = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    CardFooter = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
       "div",
       {
         ref,
@@ -4979,7 +4982,7 @@ var init_Input = __esm({
     init_Icon();
     init_useTranslate();
     init_useEventBus();
-    Input = React8.forwardRef(
+    Input = React10.forwardRef(
       ({
         className,
         inputType,
@@ -5328,7 +5331,7 @@ var init_DocBreadcrumb = __esm({
           "aria-label": t("aria.breadcrumb"),
           children: /* @__PURE__ */ jsx(HStack, { gap: "xs", align: "center", wrap: true, children: items.map((item, idx) => {
             const isLast = idx === items.length - 1;
-            return /* @__PURE__ */ jsxs(React8.Fragment, { children: [
+            return /* @__PURE__ */ jsxs(React10.Fragment, { children: [
               idx > 0 && /* @__PURE__ */ jsx(
                 Icon,
                 {
@@ -5386,7 +5389,7 @@ var init_Textarea = __esm({
   "components/core/atoms/Textarea.tsx"() {
     init_cn();
     init_useEventBus();
-    Textarea = React8.forwardRef(
+    Textarea = React10.forwardRef(
       ({ className, error, onChange, ...props }, ref) => {
         const eventBus = useEventBus();
         const handleChange = (e) => {
@@ -5462,7 +5465,7 @@ var init_Badge = __esm({
       md: "px-2.5 py-1 text-sm",
       lg: "px-3 py-1.5 text-base"
     };
-    Badge = React8.forwardRef(
+    Badge = React10.forwardRef(
       ({ className, variant = "default", size = "sm", amount, label, icon, children, onRemove, removeLabel, ...props }, ref) => {
         const iconSizes = {
           sm: "h-icon-default w-icon-default",
@@ -6055,7 +6058,7 @@ var init_CodeBlock = __esm({
     };
     LINE_PROPS_FN = (n) => ({ "data-line": String(n - 1) });
     HIDDEN_LINE_NUMBERS = { display: "none" };
-    CodeBlock = React8.memo(
+    CodeBlock = React10.memo(
       ({
         code: rawCode,
         language = "text",

package/dist/lib/getNestedValue.d.ts

@@ -1,3 +1,4 @@
+import type { FieldValue } from '@almadar/core';
 /**
  * Get Nested Value Utility
  *
@@ -6,19 +7,7 @@
  *
  * @packageDocumentation
  */
-/**
- * Get a nested value from an object using dot-notation path.
- *
- * @param obj - The object to traverse
- * @param path - Dot-notation path (e.g., "company.name", "address.city")
- * @returns The value at the path, or undefined if not found
- *
- * @example
- * const data = { company: { name: "Acme Corp", address: { city: "NYC" } } };
- * getNestedValue(data, "company.name");         // => "Acme Corp"
- * getNestedValue(data, "company.address.city"); // => "NYC"
- * getNestedValue(data, "company.missing");      // => undefined
- */
+export declare function getNestedValue(obj: Record<string, FieldValue | undefined> | null | undefined, path: string): FieldValue | undefined;
 export declare function getNestedValue(obj: Record<string, unknown> | null | undefined, path: string): unknown;
 /**
  * Format a nested field path as a human-readable label.