@tpc-mare/mare-ui-components-react 0.1.22 → 0.1.24

package/dist/shared/{Button-AfMqNCme.js → Button-BDnOdO_d.js}

@@ -1,20 +1,20 @@
-import { jsxs as f, jsx as m } from "react/jsx-runtime";
-import { P as z } from "./ProgressSpinner-B-lrS-tu.js";
-const x = {
+import { jsxs as x, jsx as m } from "react/jsx-runtime";
+import { P as k } from "./ProgressSpinner-B-lrS-tu.js";
+const w = {
   left: "mare:-order-1",
   right: "mare:order-1",
   top: "mare:-order-1",
   bottom: "mare:order-1"
-}, k = {
+}, $ = {
   primary: "mare:stroke-on-accent",
   secondary: "mare:stroke-default",
   ghost: "mare:stroke-default",
   danger: "mare:stroke-on-danger",
   neutral: "mare:stroke-default"
-}, w = (e) => e === "bordered" ? `mare:data-severity-neutral:border mare:data-severity-neutral:border-strong
+}, _ = (e) => e === "bordered" ? `mare:data-severity-neutral:border mare:data-severity-neutral:border-strong
 			mare:data-severity-ghost:border mare:data-severity-ghost:border-strong mare:not-p-disabled:data-severity-ghost:hover:bg-transparent` : `
 			mare:not-p-disabled:not-data-link:[&[data-severity~='ghost']:active]:bg-active
-			mare:not-p-disabled:not-data-link:[&[data-severity~='danger']:active]:bg-danger-active`, $ = (e, a) => `
+			mare:not-p-disabled:not-data-link:[&[data-severity~='danger']:active]:bg-danger-active`, L = (e, a) => `
 	mare:group/button
 	mare:relative
 	mare:rounded-button mare:flex mare:items-center mare:justify-center
@@ -40,7 +40,7 @@ const x = {
 	mare:not-p-disabled:not-data-link:[&[data-severity~='danger']:active]:bg-danger-active
 
 	mare:data-severity-neutral:bg-default mare:data-severity-neutral:text-default
-	${w(e)}
+	${_(e)}
 	mare:data-size-small:py-2.5 mare:data-size-small:px-3.5 mare:data-size-small:gap-1
 	mare:data-size-small:icon-only:rounded:p-2.5 mare:data-size-small:h-10 mare:data-size-small:icon-only:w-10  mare:data-size-small:icon-only:min-w-10
 
@@ -67,6 +67,8 @@ const x = {
 	mare:icon-only:rounded-full!
 	mare:rounded:rounded-full
 	mare:p-raised:shadow-[0_4px_16px_0_rgba(0,0,0,0.16)]
+	mare:p-raised:data-severity-secondary:bg-raised mare:p-raised:data-severity-secondary:border-default
+	mare:p-raised:data-size-medium:px-7 mare:p-raised:data-size-medium:py-3 mare:p-raised:data-size-medium:gap-2 mare:p-raised:data-size-medium:h-14 mare:p-raised:data-size-medium:icon-only:w-14 mare:p-raised:data-size-medium:icon-only:min-w-14
 
 	mare:data-link:bg-transparent
 	mare:data-link:border-0
@@ -91,21 +93,22 @@ const x = {
 
 	mare:data-link:data-size-large:h-auto
 	mare:data-link:data-size-large:gap-2
-`, _ = "mare:relative mare:inline-block mare:no-underline! mare:after:content-[''] mare:after:absolute mare:after:left-0 mare:after:-bottom-[4px] mare:after:h-[1px] mare:after:w-full mare:after:bg-inverse mare:after:origin-left mare:after:scale-x-[1] mare:after:transform-gpu mare:after:will-change-transform mare:after:transition-transform mare:after:duration-[500ms] mare:after:ease-[cubic-bezier(0.19,1,0.22,1)] mare:hover:after:scale-x-0 mare:hover:after:origin-right", L = (e) => {
+`, j = "mare:relative mare:inline-block mare:no-underline! mare:after:content-[''] mare:after:absolute mare:after:left-0 mare:after:-bottom-[4px] mare:after:h-[1px] mare:after:w-full mare:after:bg-inverse mare:after:origin-left mare:after:scale-x-[1] mare:after:transform-gpu mare:after:will-change-transform mare:after:transition-transform mare:after:duration-[500ms] mare:after:ease-[cubic-bezier(0.19,1,0.22,1)] mare:hover:after:scale-x-0 mare:hover:after:origin-right", N = (e) => {
   const { isLink: a, animateLink: r, hiddenLabel: s, loading: d } = e;
   return `mare:relative
+		mare:group-[[data-raised]]/button:tpc-typography-label-m!
 		${a ? "mare:data-size-xsmall:tpc-typography-label-s-underline" : "mare:data-size-xsmall:tpc-typography-label-s"}
 		${a ? "mare:data-size-small:tpc-typography-label-s-underline" : "mare:data-size-small:tpc-typography-label-s"}
 		${a ? "mare:data-size-medium:tpc-typography-label-m-underline" : "mare:data-size-medium:tpc-typography-label-m"}
 		${a ? "mare:data-size-large:tpc-typography-label-m-underline" : "mare:data-size-large:tpc-typography-label-m"}
-		${r && a ? _ : ""}
+		${r && a ? j : ""}
 		${s ? "mare:hidden" : ""} ${a ? "" : "mare:px-0.5"} ${d ? "mare:opacity-0" : ""}
 	`;
-}, j = (e, a, r) => a ? e === "xsmall" || e === "small" ? "small" : "medium" : e === "xsmall" ? r ? "medium" : "small" : "medium", N = {
+}, P = (e, a, r) => a ? e === "xsmall" || e === "small" ? "small" : "medium" : e === "xsmall" ? r ? "medium" : "small" : "medium", B = {
   small: 16,
   medium: 20
 };
-function S({
+function q({
   label: e,
   severity: a = "primary",
   size: r = "medium",
@@ -113,41 +116,45 @@ function S({
   iconOnly: d = !1,
   disabled: l = !1,
   loading: t = !1,
-  link: c = !1,
-  linkAnimation: y = !1,
+  link: y = !1,
+  linkAnimation: c = !1,
+  raised: g = !1,
+  rounded: b = !1,
   icon: n,
-  iconPos: g = "left",
+  iconPos: u = "left",
   children: o,
-  type: b = "button",
-  ...u
+  type: v = "button",
+  ...h
 }) {
-  const i = c, v = !!e || !!o, h = d && !!n, p = N[j(r, i, d)];
-  return /* @__PURE__ */ f(
+  const i = y, z = !!e || !!o, f = d && !!n, p = B[P(r, i, d)];
+  return /* @__PURE__ */ x(
     "button",
     {
-      type: b,
-      className: $(s, i),
+      type: v,
+      className: L(s, i),
       "data-severity": a,
       "data-size": r,
       "data-icon-only": d ? "true" : void 0,
       "data-disabled": l ? "true" : void 0,
       "data-loading": t ? "true" : void 0,
       "data-link": i ? "true" : void 0,
+      "data-raised": g ? "true" : void 0,
+      "data-rounded": b ? "true" : void 0,
       disabled: l || t,
       "aria-busy": t || void 0,
-      ...u,
+      ...h,
       children: [
         t && /* @__PURE__ */ m("span", { className: "mare:absolute mare:inset-0 mare:flex mare:items-center mare:justify-center", children: /* @__PURE__ */ m(
-          z,
+          k,
           {
-            circleClass: k[a],
+            circleClass: $[a],
             className: "mare:size-5"
           }
         ) }),
         n && /* @__PURE__ */ m(
           "span",
           {
-            className: `mare:inline-flex mare:shrink-0 mare:items-center mare:justify-center mare:[&>svg]:size-full! ${x[g]} ${t ? "mare:opacity-0" : ""}`,
+            className: `mare:inline-flex mare:shrink-0 mare:items-center mare:justify-center mare:[&>svg]:size-full! ${w[u]} ${t ? "mare:opacity-0" : ""}`,
             style: {
               width: `${p}px`,
               height: `${p}px`
@@ -156,13 +163,13 @@ function S({
             children: n
           }
         ),
-        v && /* @__PURE__ */ m(
+        z && /* @__PURE__ */ m(
           "span",
           {
-            className: L({
+            className: N({
               isLink: i,
-              animateLink: y,
-              hiddenLabel: h,
+              animateLink: c,
+              hiddenLabel: f,
               loading: t
             }),
             children: o ?? e
@@ -173,5 +180,5 @@ function S({
   );
 }
 export {
-  S as B
+  q as B
 };

package/dist/shared/{ConfirmDialog-Bvk8KZ0M.js → ConfirmDialog-DBX-JpDu.js}

@@ -1,6 +1,6 @@
 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-AfMqNCme.js";
+import { B as n } from "./Button-BDnOdO_d.js";
 const u = (e) => `
 	mare:w-full mare:h-full
 	${e === "column" ? "mare:pt-10 mare:pb-4" : "mare:pt-8"}

package/dist/shared/{Counter-DpOtUolN.js → Counter-DRUUEj_u.js}

@@ -1,6 +1,6 @@
 import { jsxs as h, jsx as r } from "react/jsx-runtime";
 import { NumberInput as a } from "@ark-ui/react/number-input";
-import { B as i } from "./Button-AfMqNCme.js";
+import { B as i } from "./Button-BDnOdO_d.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 = {

package/dist/shared/{DialogHeader-RzfQm-pi.js → DialogHeader-DhmbjN0J.js}

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as s } from "react/jsx-runtime";
 import { Dialog as l } from "@ark-ui/react/dialog";
 import { l as h, i as o, n as d, s as u } from "./DialogFooter-DyltZzK-.js";
-import { B as r } from "./Button-AfMqNCme.js";
+import { B as r } from "./Button-BDnOdO_d.js";
 import { I as p } from "./IconX-CpPADKjZ.js";
 function y({
   title: e,

package/dist/shared/{DrawerFooter-BxOEFQ-W.js → DrawerFooter-DoOWN-f3.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Dialog as t } from "@ark-ui/react/dialog";
 import { Portal as g } from "@ark-ui/react/portal";
-import { B as d } from "./Button-AfMqNCme.js";
+import { B as d } from "./Button-BDnOdO_d.js";
 import { I as y } from "./IconX-CpPADKjZ.js";
 const _ = (e) => {
   switch (e) {

package/dist/shared/{ExpandableCounter-BEMcnTGQ.js → ExpandableCounter-DkmezZIB.js}

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import { B as p } from "./Button-AfMqNCme.js";
-import { C as x, I as d } from "./Counter-DpOtUolN.js";
+import { B as p } from "./Button-BDnOdO_d.js";
+import { C as x, I as d } from "./Counter-DRUUEj_u.js";
 const m = `
 	mare:inline-flex mare:origin-left mare:[animation:mare-expandable-counter-enter_100ms_ease-out]
 `, C = (e, a) => e > a;

package/dist/shared/FilterChip-eECL3oO7.js

@@ -0,0 +1,71 @@
+import { jsxs as g, jsx as a } from "react/jsx-runtime";
+import { useContext as v } from "react";
+import { a as h } from "./FilterChipGroup-BzE-EQsA.js";
+import { c as x } from "./createReactComponent-Cb6Pzf10.js";
+import { I as C } from "./IconChevronDown-ev2ML7Ex.js";
+const z = [["path", { d: "M6 15l6 -6l6 6", key: "svg-0" }]], y = x("outline", "chevron-up", "ChevronUp", z), k = `
+	mare:group mare:relative mare:inline-flex mare:items-center mare:gap-1.5
+	mare:rounded-full mare:border mare:cursor-pointer mare:select-none
+	mare:tpc-typography-body-s mare:transition-colors mare:duration-150
+
+	mare:data-size-medium:h-10 mare:data-size-medium:px-3.5
+	mare:data-size-large:h-12 mare:data-size-large:px-4
+
+	mare:not-data-selected:bg-default mare:not-data-selected:text-default mare:not-data-selected:border-default
+	mare:not-data-selected:not-p-disabled:hover:bg-hover
+
+	mare:data-selected:bg-accent-weak mare:data-selected:text-accent mare:data-selected:border-transparent
+	mare:data-selected:outline-solid mare:data-selected:outline-2 mare:data-selected:outline-accent mare:data-selected:-outline-offset-2
+
+	mare:focus-visible:outline-solid mare:focus-visible:outline-2 mare:focus-visible:outline-accent mare:focus-visible:-outline-offset-2
+
+	mare:p-disabled:cursor-not-allowed mare:p-disabled:text-disabled mare:p-disabled:border-disabled-default
+	mare:p-disabled:bg-transparent mare:p-disabled:hover:bg-transparent
+`, N = "mare:truncate mare:px-0.5", F = "mare:flex mare:items-center mare:shrink-0 mare:[&>svg]:size-4 mare:cursor-pointer";
+function M({
+  value: d,
+  size: c = "medium",
+  disabled: t = !1,
+  dropdown: e = !1,
+  selected: u = !1,
+  onSelectedChange: p,
+  dropdownOpen: r = !1,
+  onDropdownOpenChange: f,
+  onToggleDropdown: b,
+  children: s
+}) {
+  const i = v(h), l = d ?? (typeof s == "string" ? s : ""), m = !!i && !e, o = e ? !1 : m ? i.isSelected(l) : u;
+  return /* @__PURE__ */ g(
+    "button",
+    {
+      type: "button",
+      className: k,
+      "data-size": c,
+      "data-selected": o ? "true" : void 0,
+      "data-disabled": t ? "true" : void 0,
+      disabled: t,
+      "aria-pressed": e ? void 0 : o,
+      "aria-expanded": e ? r : void 0,
+      onClick: (n) => {
+        if (!t) {
+          if (e) {
+            f?.(!r), b?.(n, n.currentTarget);
+            return;
+          }
+          if (m) {
+            i.toggle(l);
+            return;
+          }
+          p?.(!o);
+        }
+      },
+      children: [
+        /* @__PURE__ */ a("span", { className: N, children: s }),
+        e && /* @__PURE__ */ a("span", { className: F, children: r ? /* @__PURE__ */ a(y, { size: "1em" }) : /* @__PURE__ */ a(C, { size: "1em" }) })
+      ]
+    }
+  );
+}
+export {
+  M as F
+};

package/dist/shared/FilterChipDropdownMultiple-D2eMYXyS.js

@@ -0,0 +1,162 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useState as N, useMemo as x } from "react";
+import { createListCollection as I, SelectRoot as D, SelectControl as z, SelectTrigger as _, SelectPositioner as j, SelectContent as O, SelectItem as q, SelectItemText as E } from "@ark-ui/react/select";
+import { C as g } from "./Checkbox-BXnSN2vK.js";
+import { I as F } from "./IconChevronDown-ev2ML7Ex.js";
+import { I as M } from "./IconSearch-CgM6jEUh.js";
+const P = {
+  medium: "mare:h-10",
+  large: "mare:h-12"
+}, T = {
+  medium: "mare:px-3.5",
+  large: "mare:px-4"
+}, $ = (r) => `
+	mare:group mare:inline-flex mare:items-center mare:gap-1.5 mare:max-w-full
+	mare:rounded-full mare:border mare:cursor-pointer mare:select-none
+	mare:tpc-typography-body-s mare:transition-colors mare:duration-150
+	${P[r]} ${T[r]}
+	mare:bg-default mare:text-default mare:border-default
+	mare:ark-open:outline-solid mare:ark-open:outline-2 mare:ark-open:outline-accent mare:ark-open:-outline-offset-2
+	mare:not-ark-disabled:hover:bg-hover
+	mare:ark-disabled:cursor-not-allowed mare:ark-disabled:text-disabled mare:ark-disabled:border-disabled-default
+	mare:data-[invalid]:outline-solid mare:data-[invalid]:outline-2 mare:data-[invalid]:outline-danger mare:data-[invalid]:-outline-offset-2
+`, B = "mare:truncate mare:data-[placeholder-shown]:text-weak", K = "mare:flex mare:items-center mare:shrink-0 mare:[&>svg]:size-4 mare:transition-transform mare:ark-open:rotate-180", L = `
+	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)]
+	mare:max-h-72 mare:overflow-y-auto
+	mare:min-w-[var(--reference-width)]
+	mare:z-50
+`, Q = `
+	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
+`, R = "mare:flex-auto mare:bg-transparent mare:outline-none mare:text-default mare:placeholder:text-weak mare:tpc-typography-body-s", V = "mare:flex mare:items-center mare:shrink-0 mare:text-weak", G = "mare:flex mare:items-center mare:gap-2 mare:py-2 mare:px-3 mare:mb-0.5 mare:rounded-menu-item mare:cursor-pointer mare:hover:bg-hover mare:tpc-typography-body-s mare:text-default", H = `
+	mare:group/option mare:flex mare:items-center 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
+`, J = "mare:py-2 mare:px-3 mare:tpc-typography-body-s mare:text-weak", y = (r, m) => {
+  const a = r.filter((l) => !l.disabled);
+  return a.length > 0 && a.every((l) => m.includes(l.value));
+}, U = (r, m) => {
+  const a = r.filter((n) => !n.disabled).map((n) => n.value), l = m.filter((n) => !a.includes(n));
+  return y(r, m) ? l : [...l, ...a];
+}, W = (r, m) => r.filter((a) => m.includes(a.value)).map((a) => a.label).join(", ");
+function ae({
+  value: r = [],
+  onValueChange: m,
+  options: a,
+  placeholder: l = "Select…",
+  size: n = "medium",
+  disabled: k = !1,
+  invalid: v = !1,
+  filter: s = !1,
+  headerLabel: d,
+  hasCheckbox: f = !0,
+  showToggleAll: c = !1,
+  renderOption: h
+}) {
+  const [u, b] = N(""), o = x(() => {
+    if (!s) return a;
+    const e = u.trim().toLowerCase();
+    return e ? a.filter(
+      (p) => p.label.toLowerCase().includes(e)
+    ) : a;
+  }, [s, u, a]), w = x(
+    () => I({
+      items: o,
+      itemToValue: (e) => e.value,
+      itemToString: (e) => e.label,
+      isItemDisabled: (e) => !!e.disabled
+    }),
+    [o]
+  ), S = W(a, r), C = y(o, r);
+  return /* @__PURE__ */ i(
+    D,
+    {
+      multiple: !0,
+      closeOnSelect: !1,
+      collection: w,
+      value: r,
+      disabled: k,
+      invalid: v,
+      onValueChange: (e) => m?.(e.value),
+      onOpenChange: (e) => {
+        e.open || b("");
+      },
+      children: [
+        /* @__PURE__ */ t(z, { children: /* @__PURE__ */ i(_, { className: $(n), children: [
+          /* @__PURE__ */ t("span", { className: B, children: S || l }),
+          /* @__PURE__ */ t("span", { className: K, children: /* @__PURE__ */ t(F, { size: "1em" }) })
+        ] }) }),
+        /* @__PURE__ */ t(j, { children: /* @__PURE__ */ i(O, { className: L, children: [
+          s && /* @__PURE__ */ i("div", { className: Q, children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                className: R,
+                value: u,
+                onChange: (e) => b(e.target.value),
+                onKeyDown: (e) => {
+                  e.key === "Enter" && e.preventDefault(), e.key !== "Escape" && e.stopPropagation();
+                },
+                placeholder: "Buscar…"
+              }
+            ),
+            /* @__PURE__ */ t("span", { className: V, children: /* @__PURE__ */ t(M, { size: "1em" }) })
+          ] }),
+          (c || d) && /* @__PURE__ */ i(
+            "div",
+            {
+              className: G,
+              onClick: c ? () => m?.(
+                U(
+                  o,
+                  r
+                )
+              ) : void 0,
+              children: [
+                c && f && /* @__PURE__ */ t(
+                  g,
+                  {
+                    checked: C,
+                    readOnly: !0
+                  }
+                ),
+                d && /* @__PURE__ */ t("span", { children: d })
+              ]
+            }
+          ),
+          o.length === 0 && /* @__PURE__ */ t("div", { className: J, children: "Sin resultados" }),
+          o.map((e) => {
+            const p = r.includes(e.value);
+            return /* @__PURE__ */ i(
+              q,
+              {
+                item: e,
+                className: H,
+                children: [
+                  f && /* @__PURE__ */ t(
+                    g,
+                    {
+                      checked: p,
+                      readOnly: !0
+                    }
+                  ),
+                  /* @__PURE__ */ t(E, { children: h ? h(e) : e.label })
+                ]
+              },
+              e.value
+            );
+          })
+        ] }) })
+      ]
+    }
+  );
+}
+export {
+  ae as F
+};

package/dist/shared/FilterChipDropdownSingle-4G5LDRCw.js

@@ -0,0 +1,135 @@
+import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { useState as y, useMemo as c } from "react";
+import { createListCollection as v, SelectRoot as S, SelectControl as I, SelectTrigger as C, SelectValueText as N, SelectClearTrigger as z, SelectIndicator as T, SelectPositioner as D, SelectContent as _, SelectItem as j, SelectItemText as L, SelectItemIndicator as V } from "@ark-ui/react/select";
+import { I as q } from "./IconX-CpPADKjZ.js";
+import { I as E } from "./IconChevronDown-ev2ML7Ex.js";
+import { I as F } from "./IconSearch-CgM6jEUh.js";
+import { I as P } from "./IconCheck-DzZA6b2U.js";
+const $ = {
+  medium: "mare:h-10",
+  large: "mare:h-12"
+}, B = {
+  medium: "mare:px-3.5",
+  large: "mare:px-4"
+}, K = (r) => `
+	mare:group mare:relative mare:inline-flex mare:items-center mare:gap-1.5 mare:max-w-full
+	mare:rounded-full mare:border mare:cursor-pointer mare:select-none
+	mare:tpc-typography-body-s mare:transition-colors mare:duration-150
+	${$[r]} ${B[r]}
+	mare:bg-default mare:text-default mare:border-default
+	mare:focus-within:outline-solid mare:focus-within:outline-2 mare:focus-within:outline-accent mare:focus-within:-outline-offset-2
+	mare:not-ark-disabled:hover:bg-hover
+	mare:ark-disabled:cursor-not-allowed mare:ark-disabled:text-disabled mare:ark-disabled:border-disabled-default
+	mare:data-[invalid]:outline-solid mare:data-[invalid]:outline-2 mare:data-[invalid]:outline-danger mare:data-[invalid]:-outline-offset-2
+`, M = "mare:flex-auto mare:flex mare:items-center mare:cursor-pointer mare:bg-transparent mare:text-left mare:min-w-0", Q = "mare:truncate mare:data-[placeholder-shown]:text-weak", R = "mare:flex mare:items-center mare:shrink-0 mare:text-base mare:cursor-pointer mare:hover:text-weak", X = "mare:flex mare:items-center mare:shrink-0 mare:[&>svg]:size-4 mare:transition-transform mare:ark-open:rotate-180", A = `
+	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)]
+	mare:max-h-72 mare:overflow-y-auto
+	mare:min-w-[var(--reference-width)]
+	mare:z-50
+`, G = `
+	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
+`, H = "mare:flex-auto mare:bg-transparent mare:outline-none mare:text-default mare:placeholder:text-weak mare:tpc-typography-body-s", J = "mare:flex mare:items-center mare:shrink-0 mare:text-weak", O = `
+	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
+`, U = "mare:flex mare:items-center mare:text-accent", W = "mare:py-2 mare:px-3 mare:tpc-typography-body-s mare:text-weak";
+function le({
+  value: r = null,
+  onValueChange: d,
+  options: m,
+  placeholder: u = "Select…",
+  size: f = "medium",
+  disabled: p = !1,
+  invalid: h = !1,
+  filter: o = !1,
+  clearable: x = !1,
+  renderOption: n,
+  checkIcon: g,
+  clearIcon: b
+}) {
+  const [i, s] = y(""), l = c(() => {
+    if (!o) return m;
+    const e = i.trim().toLowerCase();
+    return e ? m.filter((k) => k.label.toLowerCase().includes(e)) : m;
+  }, [o, i, m]), w = c(
+    () => v({
+      items: l,
+      itemToValue: (e) => e.value,
+      itemToString: (e) => e.label,
+      isItemDisabled: (e) => !!e.disabled
+    }),
+    [l]
+  );
+  return /* @__PURE__ */ t(
+    S,
+    {
+      collection: w,
+      value: r == null ? [] : [r],
+      disabled: p,
+      invalid: h,
+      onValueChange: (e) => d?.(e.value[0] ?? null),
+      onOpenChange: (e) => {
+        e.open || s("");
+      },
+      children: [
+        /* @__PURE__ */ t(I, { className: K(f), children: [
+          /* @__PURE__ */ a(C, { className: M, children: /* @__PURE__ */ a(
+            N,
+            {
+              className: Q,
+              placeholder: u
+            }
+          ) }),
+          x && /* @__PURE__ */ a(z, { className: R, children: b ?? /* @__PURE__ */ a(q, { size: "1em" }) }),
+          /* @__PURE__ */ a(T, { className: X, children: /* @__PURE__ */ a(E, { size: "1em" }) })
+        ] }),
+        /* @__PURE__ */ a(D, { children: /* @__PURE__ */ t(_, { className: A, children: [
+          o && /* @__PURE__ */ t("div", { className: G, children: [
+            /* @__PURE__ */ a(
+              "input",
+              {
+                className: H,
+                value: i,
+                onChange: (e) => s(e.target.value),
+                onKeyDown: (e) => {
+                  e.key === "Enter" && e.preventDefault(), e.key !== "Escape" && e.stopPropagation();
+                },
+                placeholder: "Buscar…"
+              }
+            ),
+            /* @__PURE__ */ a("span", { className: J, children: /* @__PURE__ */ a(F, { size: "1em" }) })
+          ] }),
+          l.length === 0 && /* @__PURE__ */ a("div", { className: W, children: "Sin resultados" }),
+          l.map((e) => /* @__PURE__ */ t(
+            j,
+            {
+              item: e,
+              className: O,
+              children: [
+                /* @__PURE__ */ a(L, { children: n ? n(e) : e.label }),
+                /* @__PURE__ */ a(
+                  V,
+                  {
+                    className: U,
+                    children: g ?? /* @__PURE__ */ a(P, { size: "1em" })
+                  }
+                )
+              ]
+            },
+            e.value
+          ))
+        ] }) })
+      ]
+    }
+  );
+}
+export {
+  le as F
+};

package/dist/shared/FilterChipGroup-BzE-EQsA.js

@@ -0,0 +1,19 @@
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as l } from "react";
+const c = "mare:inline-flex mare:flex-wrap mare:gap-2", p = (e, i) => i ? Array.isArray(e) ? e : [] : typeof e == "string" ? [e] : [], f = (e, i) => e.includes(i), d = (e, i, o) => o ? e.includes(i) ? e.filter((r) => r !== i) : [...e, i] : e[0] === i ? void 0 : i, m = l(null);
+function g({
+  multiple: e = !1,
+  value: i,
+  onValueChange: o,
+  children: r
+}) {
+  const t = p(i, e), s = {
+    isSelected: (n) => f(t, n),
+    toggle: (n) => o?.(d(t, n, e))
+  };
+  return /* @__PURE__ */ a("div", { className: c, children: /* @__PURE__ */ a(m.Provider, { value: s, children: r }) });
+}
+export {
+  g as F,
+  m as a
+};

package/dist/shared/FloatingActionButton-DPWP3O5C.js

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import { B as n } from "./Button-BDnOdO_d.js";
+function e({
+  severity: r = "primary",
+  ...t
+}) {
+  return /* @__PURE__ */ o(
+    n,
+    {
+      ...t,
+      severity: r,
+      raised: !0,
+      rounded: !0
+    }
+  );
+}
+export {
+  e as F
+};

package/dist/shared/{Message-BjC8CCSI.js → Message-D7kmscvR.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { B as o } from "./Button-AfMqNCme.js";
+import { B as o } from "./Button-BDnOdO_d.js";
 import { I as p } from "./IconX-CpPADKjZ.js";
 const c = (e) => e === "filled" ? `mare:w-full mare:max-w-md mare:rounded-tpc-container-s mare:p-4
 			mare:flex mare:items-start mare:justify-between mare:gap-4

package/dist/shared/{Paginator-Bp2nghqW.js → Paginator-Bxe9nv_5.js}

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as e } from "react/jsx-runtime";
 import { useRef as P, useState as R, useEffect as k } from "react";
 import { Pagination as c } from "@ark-ui/react/pagination";
-import { B as h } from "./Button-AfMqNCme.js";
+import { B as h } from "./Button-BDnOdO_d.js";
 import { S as N } from "./SelectField-CvKaukCG.js";
 import { c as b } from "./createReactComponent-Cb6Pzf10.js";
 import { I as M, a as j } from "./IconChevronRight-DEIDRsvg.js";