@tpc-mare/mare-ui-components-react 0.1.25 → 0.1.28

package/dist/shared/{Checkbox-BXnSN2vK.js → Checkbox-DCq3_MWz.js}

@@ -1,8 +1,9 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { Checkbox as a } from "@ark-ui/react/checkbox";
-import { I as f } from "./IconCheck-DzZA6b2U.js";
-import { I as x } from "./IconMinus-fS_GL0Et.js";
-const v = `
+import { o as x } from "./index-ByQ37VXf.js";
+import { I as v } from "./IconCheck-DzZA6b2U.js";
+import { I as y } from "./IconMinus-fS_GL0Et.js";
+const w = ["small", "medium", "large"], C = `
 	mare:group/checkbox
 	mare:relative mare:inline-flex mare:items-center mare:gap-2
 	mare:select-none mare:cursor-pointer
@@ -10,7 +11,7 @@ const v = `
 	mare:data-size-small:gap-1.5
 	mare:data-size-medium:gap-2
 	mare:data-size-large:gap-2.5
-`, y = `
+`, N = `
 	mare:relative mare:inline-flex mare:items-center mare:justify-center
 	mare:shrink-0
 	mare:border-[1.5px] mare:border-strong mare:rounded-checkbox
@@ -44,57 +45,58 @@ const v = `
 	mare:data-size-small:w-4 mare:data-size-small:h-4
 	mare:data-size-medium:w-5 mare:data-size-medium:h-5
 	mare:data-size-large:w-7 mare:data-size-large:h-7
-`, w = `
+`, I = `
 	mare:text-default
 	mare:data-size-small:tpc-typography-body-s
 	mare:data-size-medium:tpc-typography-body-m
 	mare:data-size-large:tpc-typography-body-l
 	mare:ark-disabled:text-disabled
-`, C = `
+`, j = `
 	mare:sr-only
 `;
-function L({
+function $({
   checked: s,
   defaultChecked: l,
   onCheckedChange: n,
   children: m,
-  size: r = "small",
-  disabled: c = !1,
-  invalid: o = !1,
-  readOnly: b = !1,
-  required: k = !1,
-  name: h,
-  value: g = "on",
-  form: z,
-  id: u
+  size: c = "small",
+  disabled: o = !1,
+  invalid: b = !1,
+  readOnly: k = !1,
+  required: h = !1,
+  name: g,
+  value: z = "on",
+  form: u,
+  id: p
 }) {
+  const r = x(c, w, "small");
   return /* @__PURE__ */ d(
     a.Root,
     {
       checked: s,
       defaultChecked: l,
-      onCheckedChange: (p) => {
-        n?.({ checked: p.checked });
+      onCheckedChange: (f) => {
+        n?.({ checked: f.checked });
       },
-      disabled: c,
-      invalid: o,
-      readOnly: b,
-      required: k,
-      name: h,
-      value: g,
-      form: z,
-      id: u,
-      className: v,
+      disabled: o,
+      invalid: b,
+      readOnly: k,
+      required: h,
+      name: g,
+      value: z,
+      form: u,
+      id: p,
+      className: C,
       "data-size": r,
       children: [
         /* @__PURE__ */ d(
           a.Control,
           {
-            className: y,
+            className: N,
             "data-size": r,
             children: [
               /* @__PURE__ */ e(a.Indicator, { className: i, children: /* @__PURE__ */ e(
-                f,
+                v,
                 {
                   className: t,
                   "data-size": r
@@ -106,7 +108,7 @@ function L({
                   indeterminate: !0,
                   className: i,
                   children: /* @__PURE__ */ e(
-                    x,
+                    y,
                     {
                       className: t,
                       "data-size": r
@@ -120,16 +122,16 @@ function L({
         m && /* @__PURE__ */ e(
           a.Label,
           {
-            className: w,
+            className: I,
             "data-size": r,
             children: m
           }
         ),
-        /* @__PURE__ */ e(a.HiddenInput, { className: C })
+        /* @__PURE__ */ e(a.HiddenInput, { className: j })
       ]
     }
   );
 }
 export {
-  L as C
+  $ as C
 };

package/dist/shared/{Combobox-CcmWgRYZ.js → Combobox-DrkeDMW0.js}

@@ -1,34 +1,35 @@
 import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import { useState as T, useMemo as b } from "react";
-import { createListCollection as V, ComboboxRoot as _, ComboboxLabel as j, ComboboxControl as z, ComboboxTrigger as $, ComboboxClearTrigger as q, ComboboxPositioner as D, ComboboxContent as E, ComboboxInput as M, ComboboxEmpty as O, ComboboxItem as P, ComboboxItemText as Q, ComboboxItemIndicator as R } from "@ark-ui/react/combobox";
-import { I as X } from "./IconX-CpPADKjZ.js";
-import { I as A } from "./IconChevronDown-ev2ML7Ex.js";
-import { I as B } from "./IconSearch-CgM6jEUh.js";
-import { I as F } from "./IconCheck-DzZA6b2U.js";
-const G = {
+import { createListCollection as V, ComboboxRoot as _, ComboboxLabel as $, ComboboxControl as j, ComboboxTrigger as q, ComboboxClearTrigger as D, ComboboxPositioner as E, ComboboxContent as M, ComboboxInput as O, ComboboxEmpty as P, ComboboxItem as Q, ComboboxItemText as R, ComboboxItemIndicator as X } from "@ark-ui/react/combobox";
+import { o as A } from "./index-ByQ37VXf.js";
+import { I as B } from "./IconX-CpPADKjZ.js";
+import { I as F } from "./IconChevronDown-ev2ML7Ex.js";
+import { I as G } from "./IconSearch-CgM6jEUh.js";
+import { I as H } from "./IconCheck-DzZA6b2U.js";
+const J = ["small", "medium"], K = {
   small: "mare:h-10",
   medium: "mare:h-12"
 }, f = {
   small: "mare:tpc-typography-body-s",
   medium: "mare:tpc-typography-body-m"
-}, H = (r) => `
+}, U = (r) => `
 	mare:relative mare:flex mare:items-center mare:gap-2
-	${G[r]}
+	${K[r]}
 	mare:px-3 mare:rounded-input mare:border mare:border-strong mare:bg-default
 	mare:focus-within:outline-solid mare:focus-within:outline-2 mare:focus-within:outline-accent mare:focus-within:-outline-offset-2
 	mare:ark-disabled:text-disabled mare:ark-disabled:border-disabled-default mare:ark-disabled:cursor-not-allowed
 	mare:data-[invalid]:outline-solid mare:data-[invalid]:outline-2 mare:data-[invalid]:outline-danger mare:data-[invalid]:-outline-offset-2
-`, p = "mare:flex mare:items-center mare:shrink-0 mare:text-weak mare:[&>svg]:size-5", J = (r) => `
+`, p = "mare:flex mare:items-center mare:shrink-0 mare:text-weak mare:[&>svg]:size-5", W = (r) => `
 	mare:flex-auto mare:flex mare:items-center mare:cursor-pointer
 	mare:bg-transparent mare:text-left mare:truncate mare:text-default ${f[r]}
-`, K = `
+`, Y = `
 	mare:flex mare:items-center mare:gap-2 mare:mb-1 mare:px-3 mare:h-10
 	mare:rounded-input mare:border mare:border-strong mare:bg-default
 	mare:focus-within:outline-solid mare:focus-within:outline-2 mare:focus-within:outline-accent mare:focus-within:-outline-offset-2
-`, U = (r) => `
+`, Z = (r) => `
 	mare:flex-auto mare:bg-transparent mare:outline-none mare:text-default
 	mare:placeholder:text-weak ${f[r]}
-`, W = "mare:flex mare:items-center mare:shrink-0 mare:text-base mare:cursor-pointer mare:text-default mare:hover:text-weak", Y = "mare:flex mare:items-center mare:shrink-0 mare:text-lg mare:transition-transform mare:ark-open:rotate-180 mare:text-default", Z = `
+`, ee = "mare:flex mare:items-center mare:shrink-0 mare:text-base mare:cursor-pointer mare:text-default mare:hover:text-weak", ae = "mare:flex mare:items-center mare:shrink-0 mare:text-lg mare:transition-transform mare:ark-open:rotate-180 mare:text-default", re = `
 	mare:flex mare:flex-col mare:gap-0.5 mare:p-1
 	mare:rounded-input mare:border mare:border-default mare:bg-raised
 	mare:shadow-[0_2px_6px_0_rgba(0,0,0,0.16)]
@@ -36,36 +37,36 @@ const G = {
 	mare:min-w-[var(--reference-width)]
 	mare:z-50
 	mare:[&[hidden]]:hidden
-`, ee = `
+`, me = `
 	mare:group/option mare:flex mare:items-center mare:justify-between mare:gap-2
 	mare:w-full mare:min-h-8 mare:py-2 mare:px-3 mare:cursor-pointer mare:rounded-menu-item
 	mare:tpc-typography-body-s mare:text-default
 	mare:ark-highlighted:bg-hover
 	mare:ark-selected:bg-accent-weak mare:ark-selected:text-accent
 	mare:ark-disabled:text-disabled mare:ark-disabled:cursor-not-allowed
-`, ae = "mare:flex mare:items-center mare:text-accent", re = "mare:py-2 mare:px-3 mare:tpc-typography-body-s mare:text-weak", me = "mare:tpc-typography-label-s mare:text-weak mare:mb-1.5 mare:block";
-function de({
+`, te = "mare:flex mare:items-center mare:text-accent", oe = "mare:py-2 mare:px-3 mare:tpc-typography-body-s mare:text-weak", le = "mare:tpc-typography-label-s mare:text-weak mare:mb-1.5 mare:block";
+function fe({
   value: r = null,
   onValueChange: h,
   options: t,
   placeholder: x = "Select…",
   searchPlaceholder: g = "",
-  size: o = "small",
-  disabled: w = !1,
-  invalid: C = !1,
-  clearable: k = !1,
-  emptyText: y = "Sin resultados",
+  size: w = "small",
+  disabled: C = !1,
+  invalid: k = !1,
+  clearable: y = !1,
+  emptyText: v = "Sin resultados",
   label: i,
   leadingIcon: s,
-  triggerIcon: v,
-  checkIcon: I,
-  clearIcon: N,
+  triggerIcon: I,
+  checkIcon: N,
+  clearIcon: z,
   renderOption: c
 }) {
-  const [l, d] = T(""), n = b(() => {
+  const o = A(w, J, "small"), [l, d] = T(""), n = b(() => {
     const e = l.trim().toLowerCase();
-    return e ? t.filter((S) => S.label.toLowerCase().includes(e)) : t;
-  }, [l, t]), L = b(
+    return e ? t.filter((L) => L.label.toLowerCase().includes(e)) : t;
+  }, [l, t]), S = b(
     () => V({
       items: n,
       itemToValue: (e) => e.value,
@@ -77,10 +78,10 @@ function de({
   return /* @__PURE__ */ m(
     _,
     {
-      collection: L,
+      collection: S,
       value: r == null ? [] : [r],
-      disabled: w,
-      invalid: C,
+      disabled: C,
+      invalid: k,
       openOnClick: !0,
       inputValue: l,
       onValueChange: (e) => h?.(e.value[0] ?? null),
@@ -91,37 +92,37 @@ function de({
         e.open || d("");
       },
       children: [
-        i && /* @__PURE__ */ a(j, { className: me, children: i }),
-        /* @__PURE__ */ m(z, { className: H(o), children: [
+        i && /* @__PURE__ */ a($, { className: le, children: i }),
+        /* @__PURE__ */ m(j, { className: U(o), children: [
           s && /* @__PURE__ */ a("span", { className: p, children: s }),
-          /* @__PURE__ */ a($, { className: J(o), children: u ? /* @__PURE__ */ a("span", { children: u }) : /* @__PURE__ */ a("span", { className: "mare:text-weak", children: x }) }),
-          k && /* @__PURE__ */ a(q, { className: W, children: N ?? /* @__PURE__ */ a(X, { size: "1em" }) }),
-          /* @__PURE__ */ a("span", { className: Y, children: v ?? /* @__PURE__ */ a(A, { size: "1em" }) })
+          /* @__PURE__ */ a(q, { className: W(o), children: u ? /* @__PURE__ */ a("span", { children: u }) : /* @__PURE__ */ a("span", { className: "mare:text-weak", children: x }) }),
+          y && /* @__PURE__ */ a(D, { className: ee, children: z ?? /* @__PURE__ */ a(B, { size: "1em" }) }),
+          /* @__PURE__ */ a("span", { className: ae, children: I ?? /* @__PURE__ */ a(F, { size: "1em" }) })
         ] }),
-        /* @__PURE__ */ a(D, { children: /* @__PURE__ */ m(E, { className: Z, children: [
-          /* @__PURE__ */ m("div", { className: K, children: [
+        /* @__PURE__ */ a(E, { children: /* @__PURE__ */ m(M, { className: re, children: [
+          /* @__PURE__ */ m("div", { className: Y, children: [
             /* @__PURE__ */ a(
-              M,
+              O,
               {
                 placeholder: g,
-                className: U(o)
+                className: Z(o)
               }
             ),
-            /* @__PURE__ */ a("span", { className: p, children: /* @__PURE__ */ a(B, {}) })
+            /* @__PURE__ */ a("span", { className: p, children: /* @__PURE__ */ a(G, {}) })
           ] }),
-          /* @__PURE__ */ a(O, { className: re, children: y }),
+          /* @__PURE__ */ a(P, { className: oe, children: v }),
           n.map((e) => /* @__PURE__ */ m(
-            P,
+            Q,
             {
               item: e,
-              className: ee,
+              className: me,
               children: [
-                /* @__PURE__ */ a(Q, { children: c ? c(e) : e.label }),
+                /* @__PURE__ */ a(R, { children: c ? c(e) : e.label }),
                 /* @__PURE__ */ a(
-                  R,
+                  X,
                   {
-                    className: ae,
-                    children: I ?? /* @__PURE__ */ a(F, { size: "1em" })
+                    className: te,
+                    children: N ?? /* @__PURE__ */ a(H, { size: "1em" })
                   }
                 )
               ]
@@ -134,5 +135,5 @@ function de({
   );
 }
 export {
-  de as C
+  fe as C
 };

package/dist/shared/{ConfirmDialog-DLHY-c70.js → ConfirmDialog-CjrWhDx8.js}

@@ -1,79 +1,85 @@
 import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { D as g, a as h } from "./DialogFooter-DyltZzK-.js";
-import { B as n } from "./Button-DwJ5RTfQ.js";
-const u = (e) => `
+import { D as v, a as h } from "./DialogFooter-CDlh11Gy.js";
+import { B as o } from "./Button-C2ULmKj3.js";
+import { o as n } from "./index-ByQ37VXf.js";
+const w = (e) => `
 	mare:w-full mare:h-full
 	${e === "column" ? "mare:pt-10 mare:pb-4" : "mare:pt-8"}
-`, v = (e) => e === "column" ? "mare:flex mare:flex-col mare:items-center mare:gap-4" : "mare:flex mare:flex-col mare:sm:flex-row mare:items-center mare:sm:items-start mare:gap-4 mare:sm:gap-6", w = (e) => `mare:flex-1 mare:flex mare:flex-col mare:gap-2 ${e === "column" ? "mare:items-center mare:text-center" : "mare:items-center mare:sm:items-start mare:text-center mare:sm:text-left"}`, y = "mare:tpc-typography-title-s mare:text-default", k = "mare:overflow-y-auto mare:tpc-typography-body-m mare:text-weak", N = (e) => `
+`, k = (e) => e === "column" ? "mare:flex mare:flex-col mare:items-center mare:gap-4" : "mare:flex mare:flex-col mare:sm:flex-row mare:items-center mare:sm:items-start mare:gap-4 mare:sm:gap-6", N = (e) => `mare:flex-1 mare:flex mare:flex-col mare:gap-2 ${e === "column" ? "mare:items-center mare:text-center" : "mare:items-center mare:sm:items-start mare:text-center mare:sm:text-left"}`, b = "mare:tpc-typography-title-s mare:text-default", z = "mare:overflow-y-auto mare:tpc-typography-body-m mare:text-weak", $ = (e) => `
 	mare:size-10 mare:shrink-0 mare:rounded-full
 	mare:flex mare:items-center mare:justify-center
 	mare:[&>svg]:size-5
 	${e === "warning" ? "mare:bg-danger-weak mare:text-danger" : ""}
 	${e === "positive" ? "mare:bg-positive-weak mare:text-positive" : ""}
-`;
-function D({
+`, C = [
+  "none",
+  "warning",
+  "positive"
+], D = ["row", "column"];
+function S({
   open: e,
   onOpenChange: m,
   header: s,
   message: c,
-  severity: l = "none",
-  layout: a = "row",
+  severity: f = "none",
+  layout: d = "row",
   icon: i,
-  acceptLabel: o = "Confirm",
-  rejectLabel: f = "Cancel",
-  onAccept: d,
-  onReject: p,
-  portalContainer: x
+  acceptLabel: p = "Confirm",
+  rejectLabel: x = "Cancel",
+  onAccept: g,
+  onReject: u,
+  portalContainer: y
 }) {
+  const l = n(f, C, "none"), a = n(d, D, "row");
   return /* @__PURE__ */ r(
-    g,
+    v,
     {
       open: e,
       onOpenChange: m,
       size: "small",
-      portalContainer: x,
+      portalContainer: y,
       "aria-label": s,
       footer: /* @__PURE__ */ t(h, { layout: a, children: [
         /* @__PURE__ */ r(
-          n,
+          o,
           {
             severity: "secondary",
             size: "large",
             onClick: () => {
-              p?.(), m?.(!1);
+              u?.(), m?.(!1);
             },
-            children: f
+            children: x
           }
         ),
         /* @__PURE__ */ r(
-          n,
+          o,
           {
             severity: l === "warning" ? "danger" : "primary",
             size: "large",
             onClick: () => {
-              d?.(), m?.(!1);
+              g?.(), m?.(!1);
             },
-            children: o
+            children: p
           }
         )
       ] }),
-      children: /* @__PURE__ */ r("div", { className: u(a), children: /* @__PURE__ */ t("div", { className: v(a), children: [
+      children: /* @__PURE__ */ r("div", { className: w(a), children: /* @__PURE__ */ t("div", { className: k(a), children: [
         i && /* @__PURE__ */ r(
           "span",
           {
-            className: N(l),
+            className: $(l),
             "aria-hidden": "true",
             children: i
           }
         ),
-        /* @__PURE__ */ t("div", { className: w(a), children: [
-          /* @__PURE__ */ r("span", { className: y, children: s }),
-          /* @__PURE__ */ r("div", { className: k, children: c })
+        /* @__PURE__ */ t("div", { className: N(a), children: [
+          /* @__PURE__ */ r("span", { className: b, children: s }),
+          /* @__PURE__ */ r("div", { className: z, children: c })
         ] })
       ] }) })
     }
   );
 }
 export {
-  D as C
+  S as C
 };

package/dist/shared/{Counter-DjIoe4h3.js → Counter-0siKQRKc.js}

@@ -1,67 +1,68 @@
-import { jsxs as h, jsx as r } from "react/jsx-runtime";
+import { jsxs as x, jsx as r } from "react/jsx-runtime";
 import { NumberInput as a } from "@ark-ui/react/number-input";
-import { B as i } from "./Button-DwJ5RTfQ.js";
-import { I as x } from "./IconMinus-fS_GL0Et.js";
-import { c as I } from "./createReactComponent-Cb6Pzf10.js";
-const v = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14 0", key: "svg-1" }]], C = I("outline", "plus", "Plus", v), N = {
+import { o as I } from "./index-ByQ37VXf.js";
+import { B as u } from "./Button-C2ULmKj3.js";
+import { I as v } from "./IconMinus-fS_GL0Et.js";
+import { c as C } from "./createReactComponent-Cb6Pzf10.js";
+const N = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14 0", key: "svg-1" }]], k = C("outline", "plus", "Plus", N), w = {
   small: "mare:w-28",
   medium: "mare:w-32",
   large: "mare:w-43"
-}, k = (e, t) => `
+}, z = (e, t) => `
 	mare:inline-flex mare:items-center
-	${N[e]}
+	${w[e]}
 	${t === "expandable" ? "mare:h-12 mare:rounded-full mare:border mare:border-default" : ""}
-`, w = {
+`, M = {
   small: "mare:tpc-typography-body-m",
   medium: "mare:tpc-typography-body-m",
   large: "mare:tpc-typography-body-l"
-}, M = (e) => `
+}, S = (e) => `
 	mare:w-full mare:text-center
 	mare:text-default mare:disabled:text-disabled
 	mare:outline-none mare:caret-transparent
-	${w[e]}
-`, O = (e) => e === "default" ? "secondary" : "ghost", S = {
+	${M[e]}
+`, $ = (e) => e === "default" ? "secondary" : "ghost", O = {
   small: "xsmall",
   medium: "small",
   large: "medium"
-}, $ = (e) => S[e];
-function T({
+}, j = (e) => O[e], B = ["small", "medium", "large"];
+function V({
   value: e = null,
   onValueChange: t,
-  size: l = "small",
-  variant: m = "default",
-  disabled: n = !1,
-  disabledIncrement: c = !1,
-  disabledDecrement: d = !1,
-  step: p = 1,
+  size: c = "small",
+  variant: n = "default",
+  disabled: l = !1,
+  disabledIncrement: d = !1,
+  disabledDecrement: p = !1,
+  step: f = 1,
   id: y,
-  name: f,
-  min: g,
-  max: b
+  name: g,
+  min: b,
+  max: h
 }) {
-  const o = O(m), s = $(l);
-  return /* @__PURE__ */ h(
+  const m = I(c, B, "small"), o = $(n), s = j(m);
+  return /* @__PURE__ */ x(
     a.Root,
     {
       value: e == null ? "" : String(e),
-      min: g,
-      max: b,
-      step: p,
-      disabled: n,
-      name: f,
-      className: k(l, m),
-      onValueChange: (u) => t?.(
-        u.value === "" ? null : u.valueAsNumber
+      min: b,
+      max: h,
+      step: f,
+      disabled: l,
+      name: g,
+      className: z(m, n),
+      onValueChange: (i) => t?.(
+        i.value === "" ? null : i.valueAsNumber
       ),
       children: [
         /* @__PURE__ */ r(a.DecrementTrigger, { asChild: !0, children: /* @__PURE__ */ r(
-          i,
+          u,
           {
             severity: o,
             size: s,
             iconOnly: !0,
-            icon: /* @__PURE__ */ r(x, { stroke: 1.5 }),
-            disabled: n || d,
+            icon: /* @__PURE__ */ r(v, { stroke: 1.5 }),
+            disabled: l || p,
             "aria-label": "Decrement"
           }
         ) }),
@@ -69,19 +70,19 @@ function T({
           a.Input,
           {
             id: y,
-            className: M(l),
+            className: S(m),
             readOnly: !0,
             inputMode: "none"
           }
         ),
         /* @__PURE__ */ r(a.IncrementTrigger, { asChild: !0, children: /* @__PURE__ */ r(
-          i,
+          u,
           {
             severity: o,
             size: s,
             iconOnly: !0,
-            icon: /* @__PURE__ */ r(C, { stroke: 1.5 }),
-            disabled: n || c,
+            icon: /* @__PURE__ */ r(k, { stroke: 1.5 }),
+            disabled: l || d,
             "aria-label": "Increment"
           }
         ) })
@@ -90,6 +91,6 @@ function T({
   );
 }
 export {
-  T as C,
-  C as I
+  V as C,
+  k as I
 };