ui-mathilde-web 0.10.12 → 0.10.13

package/dist/ui-mathilde-web.d.ts

@@ -228,7 +228,7 @@ declare interface CollapsibleTableProps {
     /**
      * La flecha se renderiza dentro de esta columna (por defecto "id")
      */
-    collapseToggleColumnKey?: string;
+    collapseToggleColumnKey?: "id" | "estado" | "status" | "state";
     /**
      * Clases opcionales
      */

package/dist/ui-mathilde-web.js

@@ -65,7 +65,7 @@ const Cx = "button-module__mth-btn-white__nTgLW", Mx = "button-module__mth-btn-b
     }
   ),
   /* @__PURE__ */ p("span", { className: fs.checkmark }),
-  t && /* @__PURE__ */ p("span", { className: "ml-2", children: t })
+  t && /* @__PURE__ */ p("span", { className: "ml-1.5", children: t })
 ] }), Fa = ({
   src: t,
   alt: e,
@@ -31315,7 +31315,7 @@ const S6 = {
   ] });
 };
 function mx({ content: t, trigger: e, children: n }) {
-  return /* @__PURE__ */ p("div", { className: "flex gap-2", children: /* @__PURE__ */ p(_l, { content: t, trigger: e, className: "p-4 z-50 bg-[#191960] text-white text-xs font-semibold max-w-[280px]", children: n }) });
+  return /* @__PURE__ */ p("div", { className: "flex", children: /* @__PURE__ */ p(_l, { content: t, trigger: e, className: "p-4 z-50 bg-[#191960] text-white text-xs font-semibold max-w-[280px]", children: n }) });
 }
 const jF = ({
   label: t,
@@ -31326,7 +31326,7 @@ const jF = ({
   onChange: o
 }) => /* @__PURE__ */ j("div", { className: `flex max-w-md flex-col gap-2 ${a ?? ""}`, children: [
   t ? /* @__PURE__ */ p("div", { className: "text-sm font-medium text-gray-900", children: t }) : null,
-  /* @__PURE__ */ p("div", { className: "flex items-center gap-3", children: e == null ? void 0 : e.map((i) => /* @__PURE__ */ j("div", { className: "flex items-center gap-2", children: [
+  /* @__PURE__ */ p("div", { className: "flex items-center gap-4", children: e == null ? void 0 : e.map((i) => /* @__PURE__ */ j("div", { className: "flex items-center gap-x-1.5", children: [
     /* @__PURE__ */ p(
       F0,
       {
@@ -31336,16 +31336,16 @@ const jF = ({
         onChange: o,
         defaultChecked: i.checked,
         disabled: i.disabled,
-        className: `ring-1 ring-[#C4C4C4] focus:ring-[#C0D4FF] ${n ?? ""}`
+        className: `ring-1 ring-[#C4C4C4] focus:ring-[#C0D4FF] cursor-pointer size-5 ${n ?? ""}`
       }
     ),
-    /* @__PURE__ */ p(Gd, { htmlFor: i.id, className: r ?? "", children: i.label }),
+    /* @__PURE__ */ p(Gd, { htmlFor: i.id, className: `text-sm font-medium text-gray-900 ${r ?? ""}`, children: i.label }),
     i.tooltip ? /* @__PURE__ */ p(mx, { content: i.tooltip, trigger: i.tooltipTrigger ?? "hover", children: i.tooltipChildren ?? /* @__PURE__ */ p(
       "button",
       {
         type: "button",
         "aria-label": "Más información",
-        className: "ml-1 inline-flex size-4 items-center justify-center rounded-full border border-gray-300 text-[10px] leading-none text-gray-600 hover:bg-gray-50",
+        className: "inline-flex size-4 items-center justify-center rounded-full border border-gray-300 text-[10px] leading-none text-gray-600 hover:bg-gray-50",
         children: "i"
       }
     ) }) : null
@@ -31401,7 +31401,7 @@ const cl = ({
       "div",
       {
         className: "overflow-hidden",
-        children: /* @__PURE__ */ p("div", { className: "px-4 py-3 text-gray-700 dark:text-gray-300", children: n })
+        children: /* @__PURE__ */ p("div", { className: "px-4 pb-3 text-gray-700 dark:text-gray-300", children: n })
       },
       "content"
     )
@@ -31706,6 +31706,7 @@ const cl = ({
           l && /* @__PURE__ */ p(Qe.HeadCell, { children: /* @__PURE__ */ p(
             Yo,
             {
+              className: "bg-transparent",
               checked: C,
               ref: (W) => {
                 W && (W.indeterminate = z);
@@ -31727,7 +31728,7 @@ const cl = ({
           const te = x ? x(W) : [], $ = f && te.length > 0, re = $ && F.includes(W.id);
           return /* @__PURE__ */ j(B.Fragment, { children: [
             /* @__PURE__ */ j(Qe.Row, { className: _ ?? "mth-parent-row", children: [
-              l && /* @__PURE__ */ p(Qe.Cell, { children: /* @__PURE__ */ p(Yo, { checked: c.has(W.id), onChange: () => R(W.id) }) }),
+              l && /* @__PURE__ */ p(Qe.Cell, { children: /* @__PURE__ */ p(Yo, { className: "bg-transparent", checked: c.has(W.id), onChange: () => R(W.id) }) }),
               t.map((oe, se) => oe.relation === w ? /* @__PURE__ */ p(Qe.Cell, { className: "whitespace-nowrap font-medium text-gray-900", children: Z(W, $, re) }, `${W.id}-${se}`) : /* @__PURE__ */ p(Qe.Cell, { className: "whitespace-nowrap font-medium text-gray-900", children: q(oe, W) }, `${W.id}-${se}`))
             ] }),
             $ && re && te.map((oe, se) => /* @__PURE__ */ j(Qe.Row, { className: T ?? "mth-sub-row", children: [
@@ -32185,16 +32186,19 @@ const Sa = () => `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, sF
     icon: /* @__PURE__ */ p(dl, { className: "w-5 h-5" }),
     iconPosition: "right",
     classes: "p-5",
-    children: /* @__PURE__ */ p("div", { className: "border border-qb-border rounded-[10px] p-2.5", children: /* @__PURE__ */ p("div", { className: "flex flex-col items-start lg:flex-row lg:flex-wrap lg:gap-1", children: s.groups.length === 0 ? /* @__PURE__ */ p("div", { className: "w-full", children: /* @__PURE__ */ p(
-      Hc,
-      {
-        conditions: [],
-        categoryId: void 0,
-        onDrop: (l, c) => o(s.id, null, c),
-        onRemoveCondition: () => {
+    children: /* @__PURE__ */ p("div", { className: "border border-qb-border rounded-[10px] p-2.5", children: /* @__PURE__ */ p("div", { className: "flex flex-col items-start lg:flex-row lg:flex-wrap lg:gap-1", children: s.groups.length === 0 ? /* @__PURE__ */ j("div", { className: "w-full", children: [
+      /* @__PURE__ */ p("span", { className: "text-sm text-[#9F9F9F] font-normal", children: "Selecciona las opciones y arrastra hasta aquí." }),
+      /* @__PURE__ */ p(
+        Hc,
+        {
+          conditions: [],
+          categoryId: void 0,
+          onDrop: (l, c) => o(s.id, null, c),
+          onRemoveCondition: () => {
+          }
         }
-      }
-    ) }) : /* @__PURE__ */ j(Tt, { children: [
+      )
+    ] }) : /* @__PURE__ */ j(Tt, { children: [
       s.groups.map((l, c) => /* @__PURE__ */ j(Cd, { children: [
         c > 0 && /* @__PURE__ */ p("div", { className: "flex items-center justify-center my-2 lg:my-0 lg:px-2", children: /* @__PURE__ */ p("span", { className: "px-2 py-1 bg-qb-primary text-white text-xs font-semibold rounded", children: "AND" }) }),
         /* @__PURE__ */ p("div", { className: "shrink-0 w-full lg:min-w-[90px]", children: /* @__PURE__ */ p(