@mci-ui/mci-ui 0.0.8 → 0.0.9

package/dist/index.es.js

@@ -3302,19 +3302,19 @@ function kr({
         r
       ),
       "aria-label": "Breadcrumb",
-      children: e.map((t, a) => {
-        const l = a === e.length - 1;
+      children: e?.map((t, a) => {
+        const l = a === e?.length - 1;
         return /* @__PURE__ */ s.jsxs("div", { className: "flex items-center", children: [
-          t.href ? /* @__PURE__ */ s.jsx(
+          t?.href ? /* @__PURE__ */ s.jsx(
             "a",
             {
-              href: t.href,
-              onClick: t.onClick,
+              href: t?.href,
+              onClick: t?.onClick,
               className: g(
                 "hover:text-primary-600 dark:hover:text-primary-400 transition-colors",
                 l && "text-primary-600 dark:text-primary-400"
               ),
-              children: t.label
+              children: t?.label
             }
           ) : /* @__PURE__ */ s.jsx(
             "span",
@@ -3322,7 +3322,7 @@ function kr({
               className: g(
                 l ? "text-primary-600 dark:text-primary-400" : "text-gray-500 dark:text-gray-400"
               ),
-              children: t.label
+              children: t?.label
             }
           ),
           !l && /* @__PURE__ */ s.jsx("span", { className: "mx-2 flex items-center", children: o })
@@ -3649,7 +3649,7 @@ function Nr({
     return h < E ? c.direction === "asc" ? -1 : 1 : h > E ? c.direction === "asc" ? 1 : -1 : 0;
   }), [r, c]), y = (f) => {
     f.sortable && d((k) => !k || k.key !== f.key ? { key: f.key, direction: "asc" } : k.direction === "asc" ? { key: f.key, direction: "desc" } : k.direction === "desc" ? { key: f.key, direction: null } : null);
-  }, A = (f) => f.sortable ? !c || c.key !== f.key || !c.direction ? /* @__PURE__ */ s.jsx(lt, { size: 15, className: "opacity-40" }) : c.direction === "asc" ? /* @__PURE__ */ s.jsx(bt, { size: 15 }) : /* @__PURE__ */ s.jsx(Fe, { size: 15 }) : null, R = g(
+  }, A = (f) => f?.sortable ? !c || c.key !== f?.key || !c.direction ? /* @__PURE__ */ s.jsx(lt, { size: 15, className: "opacity-40" }) : c.direction === "asc" ? /* @__PURE__ */ s.jsx(bt, { size: 15 }) : /* @__PURE__ */ s.jsx(Fe, { size: 15 }) : null, R = g(
     "w-full border-separate border-spacing-0 transition-all duration-300",
     t === "clean" && "bg-white",
     t === "elevated" && "bg-white  shadow-lg",
@@ -3664,14 +3664,14 @@ function Nr({
   return /* @__PURE__ */ s.jsxs("div", { className: "w-full space-y-3", children: [
     l && /* @__PURE__ */ s.jsx("div", { className: "flex justify-between items-center mb-2", children: l }),
     /* @__PURE__ */ s.jsx("div", { className: "w-full overflow-x-auto rounded-lg", children: /* @__PURE__ */ s.jsxs("table", { className: R, children: [
-      /* @__PURE__ */ s.jsx("thead", { children: /* @__PURE__ */ s.jsx("tr", { children: e.map((f, k) => /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ s.jsx("thead", { children: /* @__PURE__ */ s.jsx("tr", { children: e?.map((f, k) => /* @__PURE__ */ s.jsx(
         "th",
         {
           onClick: () => y(f),
           className: g(
             _(f),
             k === 0 && "rounded-tl-lg",
-            k === e.length - 1 && "rounded-tr-lg"
+            k === e?.length - 1 && "rounded-tr-lg"
           ),
           style: { width: f.width },
           children: /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
@@ -3679,23 +3679,23 @@ function Nr({
             A(f)
           ] })
         },
-        String(f.key)
+        String(f?.key)
       )) }) }),
-      /* @__PURE__ */ s.jsx("tbody", { children: o ? Array.from({ length: a }).map((f, k) => /* @__PURE__ */ s.jsx("tr", { children: e.map((h, E) => /* @__PURE__ */ s.jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ s.jsx(br, { height: 18, variant: "rounded" }) }, E)) }, k)) : N.map((f, k) => /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ s.jsx("tbody", { children: o ? Array.from({ length: a })?.map((f, k) => /* @__PURE__ */ s.jsx("tr", { children: e?.map((h, E) => /* @__PURE__ */ s.jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ s.jsx(br, { height: 18, variant: "rounded" }) }, E)) }, k)) : N?.map((f, k) => /* @__PURE__ */ s.jsx(
         "tr",
         {
           className: g(
             "border-b border-secondary-100  transition-all duration-200"
           ),
-          children: e.map((h, E) => /* @__PURE__ */ s.jsx(
+          children: e?.map((h, E) => /* @__PURE__ */ s.jsx(
             "td",
             {
               className: g(
                 "px-4 py-3 text-sm text-gray-800",
-                h.align === "center" && "text-center",
-                h.align === "right" && "text-right"
+                h?.align === "center" && "text-center",
+                h?.align === "right" && "text-right"
               ),
-              children: h.render ? h.render(f[h.key], f) : String(f[h.key])
+              children: h?.render ? h?.render(f[h?.key], f) : String(f[h?.key])
             },
             E
           ))
@@ -3703,7 +3703,7 @@ function Nr({
         k
       )) })
     ] }) }),
-    !o && N.length === 0 && /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col items-center justify-center py-10 text-gray-500 dark:text-gray-400 animate-[fadeIn_0.4s_ease-in-out]", children: [
+    !o && N?.length === 0 && /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col items-center justify-center py-10 text-gray-500 dark:text-gray-400 animate-[fadeIn_0.4s_ease-in-out]", children: [
       /* @__PURE__ */ s.jsxs("div", { className: "relative", children: [
         /* @__PURE__ */ s.jsx(
           ct,
@@ -3802,7 +3802,7 @@ function Cr({
                        hover:border-secondary-500 
                        focus:outline-none focus:ring-2 focus:ring-secondary-500
                        transition-all duration-200`,
-        children: i.map((_) => /* @__PURE__ */ s.jsxs("option", { value: _, children: [
+        children: i?.map((_) => /* @__PURE__ */ s.jsxs("option", { value: _, children: [
           _,
           " / page"
         ] }, _))
@@ -3819,7 +3819,7 @@ function Cr({
           children: /* @__PURE__ */ s.jsx(mt, { size: 18 })
         }
       ),
-      /* @__PURE__ */ s.jsx("div", { className: "flex items-center gap-1 mx-2", children: y.map((_, f) => /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ s.jsx("div", { className: "flex items-center gap-1 mx-2", children: y?.map((_, f) => /* @__PURE__ */ s.jsx(
         "button",
         {
           onClick: () => typeof _ == "number" && t(_),
@@ -3921,7 +3921,7 @@ function Er({
               style: d
             }
           ),
-          e.map((h, E) => {
+          e?.map((h, E) => {
             const T = i === h.id, S = f[t];
             return /* @__PURE__ */ s.jsxs(
               "button",
@@ -3930,9 +3930,9 @@ function Er({
                   y.current[E] = P;
                 },
                 onClick: () => {
-                  h.disabled || (c(h.id), l?.(h.id));
+                  h?.disabled || (c(h?.id), l?.(h?.id));
                 },
-                disabled: h.disabled,
+                disabled: h?.disabled,
                 className: g(
                   "relative flex items-center justify-center gap-2 px-4 py-3 font-medium",
                   "text-sm whitespace-nowrap transition-all duration-200 z-10",
@@ -3942,30 +3942,30 @@ function Er({
                     S.inactive,
                     "hover:bg-white/50 dark:hover:bg-gray-800/50"
                   ],
-                  h.disabled && S.disabled,
+                  h?.disabled && S.disabled,
                   k ? "w-full justify-start" : "flex-1"
                 ),
                 children: [
-                  h.icon && /* @__PURE__ */ s.jsx(
+                  h?.icon && /* @__PURE__ */ s.jsx(
                     "span",
                     {
                       className: g(
                         "flex-shrink-0 transition-transform duration-200",
                         T && "scale-110"
                       ),
-                      children: h.icon
+                      children: h?.icon
                     }
                   ),
-                  /* @__PURE__ */ s.jsx("span", { className: "relative z-10", children: h.label })
+                  /* @__PURE__ */ s.jsx("span", { className: "relative z-10", children: h?.label })
                 ]
               },
-              h.id
+              h?.id
             );
           })
         ]
       }
     ),
-    /* @__PURE__ */ s.jsx("div", { className: g("flex-1 overflow-hidden", _[o]), children: /* @__PURE__ */ s.jsx("div", { className: "animate-fade-in", children: e.find((h) => h.id === i)?.content }, i) })
+    /* @__PURE__ */ s.jsx("div", { className: g("flex-1 overflow-hidden", _[o]), children: /* @__PURE__ */ s.jsx("div", { className: "animate-fade-in", children: e?.find((h) => h?.id === i)?.content }, i) })
   ] });
 }
 function Rr({ children: e, className: r }) {
@@ -4186,7 +4186,7 @@ function Sr({
   onRemove: r,
   position: o = "top-right"
 }) {
-  return /* @__PURE__ */ s.jsx(s.Fragment, { children: e.map((t) => /* @__PURE__ */ s.jsx(xr, { ...t, onClose: r, position: o }, t.id)) });
+  return /* @__PURE__ */ s.jsx(s.Fragment, { children: e?.map((t) => /* @__PURE__ */ s.jsx(xr, { ...t, onClose: r, position: o }, t?.id)) });
 }
 function zr({
   content: e,