prometeo-design-system 5.7.4 → 5.7.7

package/dist/Button.es.js

@@ -1,6 +1,6 @@
 import { j as t } from "./jsx-runtime-GkKLlHH4.js";
-import { memo as A, useMemo as E } from "react";
-import M from "./Spinner.es.js";
+import { memo as E, useMemo as M } from "react";
+import R from "./Spinner.es.js";
 import { c as p } from "./index-BOQuZ0gG.js";
 import { c as m } from "./cn-B6yFEsav.js";
 const v = {
@@ -152,7 +152,7 @@ const v = {
   false: {
     icon: ""
   }
-}, R = p(g.container, {
+}, q = p(g.container, {
   variants: {
     size: {
       small: `${r.small.container} ${v.small.container}`,
@@ -249,7 +249,7 @@ const v = {
     variant: "fill",
     color: "primary"
   }
-}), q = p(g.icon, {
+}), D = p(g.icon, {
   variants: {
     size: {
       small: r.small.icon,
@@ -300,7 +300,7 @@ const v = {
     color: "primary",
     animateIcon: !0
   }
-}), D = ({
+}), F = ({
   label: i,
   onClick: j,
   icon: u,
@@ -311,16 +311,17 @@ const v = {
   isLoading: a = !1,
   children: d,
   hideSpinner: b = !1,
-  spinner: x = /* @__PURE__ */ t.jsx(M, { size: "small", variant: "clip", color: "var(--neutral-600)", className: "size-4 " }),
+  spinner: x = /* @__PURE__ */ t.jsx(R, { size: "small", variant: "clip", color: "var(--neutral-600)", className: "size-4 " }),
   type: N,
   className: z,
   disabled: s,
   variant: l = "fill",
   form: I,
   size: o = "medium",
-  color: S = "primary"
+  color: S = "primary",
+  ...B
 }) => {
-  const h = !!($ && !s && !a), B = !!(k && !s && !a), n = s || a ? "disabled" : S, C = E(() => d || (a ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+  const h = !!($ && !s && !a), C = !!(k && !s && !a), n = s || a ? "disabled" : S, A = M(() => d || (a ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
     !b && x,
     /* @__PURE__ */ t.jsx(
       "span",
@@ -340,7 +341,7 @@ const v = {
     u && /* @__PURE__ */ t.jsx(
       "span",
       {
-        className: q({
+        className: D({
           size: o,
           variant: l,
           color: n,
@@ -380,21 +381,22 @@ const v = {
       type: N,
       className: m(
         "group",
-        R({
+        q({
           size: o,
           variant: l,
           color: n,
-          animation: B
+          animation: C
         }),
         z
       ),
       disabled: s || a,
       form: I,
       onClick: j,
-      children: /* @__PURE__ */ t.jsx("div", { className: `flex items-center gap-1 ${c}`, children: C })
+      ...B,
+      children: /* @__PURE__ */ t.jsx("div", { className: `flex items-center gap-1 ${c}`, children: A })
     }
   );
-}, O = A(D);
+}, P = E(F);
 export {
-  O as default
+  P as default
 };

package/dist/DrawerMobile.es.js

@@ -43,7 +43,10 @@ const X = 44, me = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", ye = de((f, l)
       }
       return typeof t == "string" && t.endsWith("%") ? parseFloat(t) > 100 ? e : parseFloat(t) / 100 * e : typeof t == "string" && t.endsWith("px") ? parseFloat(t) : typeof t == "number" && t >= 0 && t <= 1 ? t * e : typeof t == "number" ? t : 0;
     }) || [];
-  }, [d, l]), G = i(() => 46, []), W = i(() => b.current?.scrollHeight ?? 0, []), Z = i(() => T.current?.scrollHeight ?? 0, []), P = i(() => E.current?.scrollHeight ?? 0, []), _ = i((e, t, n, g, c) => {
+  }, [d, l]), G = i(() => 46, []), W = i(() => b.current?.scrollHeight ?? 0, []), Z = i(() => {
+    const e = T.current?.scrollHeight ?? 0;
+    return e > 0 ? e + 2 : 0;
+  }, []), P = i(() => E.current?.scrollHeight ?? 0, []), _ = i((e, t, n, g, c) => {
     const s = n + c + t + g, v = Math.min(100, s / e * 100);
     return `${Math.round(v)}%`;
   }, []), ee = i((e, t) => {
@@ -241,7 +244,7 @@ const X = 44, me = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", ye = de((f, l)
             }
           ),
           H && /* @__PURE__ */ w.jsx("div", { ref: T, className: z(
-            "w-full  mt-2 flex items-center justify-center p-2",
+            "w-full mt-0 flex items-center justify-center p-0",
             "border-t border-neutral-strong-default",
             j
           ), children: typeof H == "function" ? H(D) : H })

package/dist/Table.es.js

@@ -6,7 +6,7 @@ const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div
   {
     ref: a,
     className: l(
-      "w-full caption-bottom text-sm border-b rounded-lg border-neutral-default-default",
+      "w-full caption-bottom text-sm",
       e
     ),
     ...t
@@ -31,7 +31,7 @@ const i = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
   }
 ));
 i.displayName = "TableBody";
-const b = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
+const c = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
   "tfoot",
   {
     ref: a,
@@ -42,9 +42,9 @@ const b = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
     ...t
   }
 ));
-b.displayName = "TableFooter";
-const c = o.forwardRef(({ className: e, isSelected: t, ...a }, d) => {
-  const s = `
+c.displayName = "TableFooter";
+const m = o.forwardRef(({ className: e, isSelected: t, ...a }, s) => {
+  const d = `
     after:content-["<span id='selected-span'></span>"]
     after:absolute
     after:top-1/2
@@ -65,18 +65,18 @@ const c = o.forwardRef(({ className: e, isSelected: t, ...a }, d) => {
   return /* @__PURE__ */ r.jsx(
     "tr",
     {
-      ref: d,
+      ref: s,
       className: l(
         "border-b border-neutral-default-default relative text-center text-md text-semibold transition-colors hover:bg-neutral-medium-default/50 text-neutral-default-default",
-        s,
+        d,
         e
       ),
       ...a
     }
   );
 });
-c.displayName = "TableRow";
-const m = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
+m.displayName = "TableRow";
+const b = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
   "th",
   {
     ref: a,
@@ -87,7 +87,7 @@ const m = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
     ...t
   }
 ));
-m.displayName = "TableHead";
+b.displayName = "TableHead";
 const u = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx(
   "td",
   {
@@ -114,8 +114,8 @@ export {
   i as TableBody,
   p as TableCaption,
   u as TableCell,
-  b as TableFooter,
-  m as TableHead,
+  c as TableFooter,
+  b as TableHead,
   f as TableHeader,
-  c as TableRow
+  m as TableRow
 };

package/dist/components/Button/Button.d.ts

@@ -19,5 +19,5 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     color?: ColorVariant;
     hideSpinner?: boolean;
 }
-declare const _default: import('react').MemoExoticComponent<({ label, onClick, icon, contentClassName, loadingText, animate, animateIcon, isLoading, children, hideSpinner, spinner, type, className, disabled, variant, form, size, color }: ButtonProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ label, onClick, icon, contentClassName, loadingText, animate, animateIcon, isLoading, children, hideSpinner, spinner, type, className, disabled, variant, form, size, color, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "5.7.4",
+  "version": "5.7.7",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",