@tpc-mare/mare-ui-components-react 1.0.1 → 1.0.3-beta.0

package/dist/shared/{Banner-D4na_bM8.js → Banner-DMWwNO2K.js}

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { o as d } from "./index-ByQ37VXf.js";
-import { B as c } from "./Button-C2ULmKj3.js";
-import { I as p } from "./IconX-CpPADKjZ.js";
+import { B as c } from "./Button-BqFuDnSs.js";
+import { IconX as p } from "@tabler/icons-react";
 const g = `
 	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
@@ -31,7 +31,10 @@ function B({
     "div",
     {
       className: g,
-      "data-severity": b(o, s),
+      "data-severity": b(
+        o,
+        s
+      ),
       children: [
         /* @__PURE__ */ t("div", { className: f, children: [
           m && /* @__PURE__ */ a("span", { className: v, children: m }),

package/dist/shared/{Breadcrumbs-Cqr3Jitd.js → Breadcrumbs-bcs9_ByY.js}

@@ -43,7 +43,10 @@ function v({
   ) });
 }
 function y({
-  items: e,
+  /* Default a [] aunque el tipo diga que es requerido: `items={data}`
+   * con data de un fetch sin resolver llega `undefined` en el primer
+   * render y el .map() de abajo tiraba pantalla blanca. */
+  items: e = [],
   separator: n = "/",
   renderItem: a
 }) {

package/dist/shared/{Button-C2ULmKj3.js → Button-BqFuDnSs.js}

@@ -1,24 +1,25 @@
-import { jsxs as _, jsx as m } from "react/jsx-runtime";
+import { jsxs as j, jsx as i } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
 import { o as l } from "./index-ByQ37VXf.js";
-import { P as L } from "./ProgressSpinner-B-lrS-tu.js";
-const j = [
+import { P } from "./ProgressSpinner-B-lrS-tu.js";
+const S = [
   "primary",
   "secondary",
   "ghost",
   "danger"
-], N = ["xsmall", "small", "medium", "large"], P = ["left", "right", "top", "bottom"], S = {
+], B = ["xsmall", "small", "medium", "large"], C = ["left", "right", "top", "bottom"], I = {
   left: "mare:-order-1",
   right: "mare:order-1",
   top: "mare:-order-1",
   bottom: "mare:order-1"
-}, B = {
+}, R = {
   primary: "mare:stroke-on-accent",
   secondary: "mare:stroke-default",
   ghost: "mare:stroke-default",
   danger: "mare:stroke-on-danger"
-}, C = (a) => a === "bordered" ? "mare:data-severity-ghost:border mare:data-severity-ghost:border-strong mare:not-p-disabled:data-severity-ghost:hover:bg-transparent" : `
+}, q = (e) => e === "bordered" ? "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`, I = (a, e) => `
+			mare:not-p-disabled:not-data-link:[&[data-severity~='danger']:active]:bg-danger-active`, A = (e, a) => `
 	mare:group/button
 	mare:relative
 	mare:rounded-button mare:flex mare:items-center mare:justify-center
@@ -43,7 +44,7 @@ const j = [
 	mare:not-p-disabled:not-data-link:[&[data-severity~='secondary']:active]:bg-active
 	mare:not-p-disabled:not-data-link:[&[data-severity~='danger']:active]:bg-danger-active
 
-	${C(a)}
+	${q(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
 
@@ -83,7 +84,7 @@ const j = [
 	mare:data-link:h-auto
 	mare:p-disabled:data-link:bg-transparent!
 
-	${e ? "mare-p-link" : ""}
+	${a ? "mare-p-link" : ""}
 
 	mare:data-link:data-size-xsmall:h-auto
 	mare:data-link:data-size-xsmall:gap-1.5
@@ -96,93 +97,98 @@ const j = [
 
 	mare:data-link:data-size-large:h-auto
 	mare:data-link:data-size-large:gap-2
-`, q = "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", A = (a) => {
-  const { isLink: e, animateLink: t, hiddenLabel: s, loading: d } = a;
+`, D = "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", E = (e) => {
+  const { isLink: a, animateLink: t, hiddenLabel: m, loading: s } = e;
   return `mare:relative
 		mare:group-[[data-raised]]/button:tpc-typography-label-m!
-		${e ? "mare:data-size-xsmall:tpc-typography-label-s-underline" : "mare:data-size-xsmall:tpc-typography-label-s"}
-		${e ? "mare:data-size-small:tpc-typography-label-s-underline" : "mare:data-size-small:tpc-typography-label-s"}
-		${e ? "mare:data-size-medium:tpc-typography-label-m-underline" : "mare:data-size-medium:tpc-typography-label-m"}
-		${e ? "mare:data-size-large:tpc-typography-label-m-underline" : "mare:data-size-large:tpc-typography-label-m"}
-		${t && e ? q : ""}
-		${s ? "mare:hidden" : ""} ${e ? "" : "mare:px-0.5"} ${d ? "mare:opacity-0" : ""}
+		${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"}
+		${t && a ? D : ""}
+		${m ? "mare:hidden" : ""} ${a ? "" : "mare:px-0.5"} ${s ? "mare:opacity-0" : ""}
 	`;
-}, D = (a, e, t) => e ? a === "xsmall" || a === "small" ? "small" : "medium" : a === "xsmall" ? t ? "medium" : "small" : "medium", E = {
+}, F = (e, a, t) => a ? e === "xsmall" || e === "small" ? "small" : "medium" : e === "xsmall" ? t ? "medium" : "small" : "medium", G = {
   small: 16,
   medium: 20
-};
-function J({
-  label: a,
-  severity: e = "primary",
-  size: t = "medium",
-  variant: s = "solid",
-  iconOnly: d = !1,
-  disabled: o = !1,
-  loading: r = !1,
-  link: b = !1,
-  linkAnimation: u = !1,
-  raised: v = !1,
-  rounded: h = !1,
-  icon: n,
-  iconPos: f = "left",
-  children: p,
-  type: z = "button",
-  ...x
-}) {
-  const c = l(e, j, "primary"), y = l(t, N, "medium"), k = l(f, P, "left"), i = b, w = !!a || !!p, $ = d && !!n, g = E[D(y, i, d)];
-  return /* @__PURE__ */ _(
-    "button",
-    {
-      type: z,
-      className: I(s, i),
-      "data-severity": c,
-      "data-size": y,
-      "data-icon-only": d ? "true" : void 0,
-      "data-disabled": o ? "true" : void 0,
-      "data-loading": r ? "true" : void 0,
-      "data-link": i ? "true" : void 0,
-      "data-raised": v ? "true" : void 0,
-      "data-rounded": h ? "true" : void 0,
-      disabled: o || r,
-      "aria-busy": r || void 0,
-      ...x,
-      children: [
-        r && /* @__PURE__ */ m("span", { className: "mare:absolute mare:inset-0 mare:flex mare:items-center mare:justify-center", children: /* @__PURE__ */ m(
-          L,
-          {
-            circleClass: B[c],
-            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! ${S[k]} ${r ? "mare:opacity-0" : ""}`,
-            style: {
-              width: `${g}px`,
-              height: `${g}px`
-            },
-            "aria-hidden": "true",
-            children: n
-          }
-        ),
-        w && /* @__PURE__ */ m(
-          "span",
-          {
-            className: A({
-              isLink: i,
-              animateLink: u,
-              hiddenLabel: $,
-              loading: r
-            }),
-            children: p ?? a
-          }
-        )
-      ]
-    }
-  );
-}
+}, Q = N(
+  function({
+    label: a,
+    severity: t = "primary",
+    size: m = "medium",
+    variant: s = "solid",
+    iconOnly: n = !1,
+    disabled: p = !1,
+    loading: r = !1,
+    link: u = !1,
+    linkAnimation: v = !1,
+    raised: h = !1,
+    rounded: f = !1,
+    icon: o,
+    iconPos: z = "left",
+    children: c,
+    type: x = "button",
+    ...k
+  }, w) {
+    const y = l(
+      t,
+      S,
+      "primary"
+    ), g = l(m, B, "medium"), $ = l(z, C, "left"), d = u, _ = !!a || !!c, L = n && !!o, b = G[F(g, d, n)];
+    return /* @__PURE__ */ j(
+      "button",
+      {
+        ref: w,
+        type: x,
+        className: A(s, d),
+        "data-severity": y,
+        "data-size": g,
+        "data-icon-only": n ? "true" : void 0,
+        "data-disabled": p ? "true" : void 0,
+        "data-loading": r ? "true" : void 0,
+        "data-link": d ? "true" : void 0,
+        "data-raised": h ? "true" : void 0,
+        "data-rounded": f ? "true" : void 0,
+        disabled: p || r,
+        "aria-busy": r || void 0,
+        ...k,
+        children: [
+          r && /* @__PURE__ */ i("span", { className: "mare:absolute mare:inset-0 mare:flex mare:items-center mare:justify-center", children: /* @__PURE__ */ i(
+            P,
+            {
+              circleClass: R[y],
+              className: "mare:size-5"
+            }
+          ) }),
+          o && /* @__PURE__ */ i(
+            "span",
+            {
+              className: `mare:inline-flex mare:shrink-0 mare:items-center mare:justify-center mare:[&>svg]:size-full! ${I[$]} ${r ? "mare:opacity-0" : ""}`,
+              style: {
+                width: `${b}px`,
+                height: `${b}px`
+              },
+              "aria-hidden": "true",
+              children: o
+            }
+          ),
+          _ && /* @__PURE__ */ i(
+            "span",
+            {
+              className: E({
+                isLink: d,
+                animateLink: v,
+                hiddenLabel: L,
+                loading: r
+              }),
+              children: c ?? a
+            }
+          )
+        ]
+      }
+    );
+  }
+);
 export {
-  J as B,
-  j as a
+  Q as B
 };

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

@@ -1,9 +1,9 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
 import { Checkbox as a } from "@ark-ui/react/checkbox";
-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 = `
+import { IconCheck as y, IconMinus as w } from "@tabler/icons-react";
+import { o as C } from "./index-ByQ37VXf.js";
+const N = ["small", "medium", "large"], I = `
 	mare:group/checkbox
 	mare:relative mare:inline-flex mare:items-center mare:gap-2
 	mare:select-none mare:cursor-pointer
@@ -11,7 +11,7 @@ const w = ["small", "medium", "large"], C = `
 	mare:data-size-small:gap-1.5
 	mare:data-size-medium:gap-2
 	mare:data-size-large:gap-2.5
-`, N = `
+`, j = `
 	mare:relative mare:inline-flex mare:items-center mare:justify-center
 	mare:shrink-0
 	mare:border-[1.5px] mare:border-strong mare:rounded-checkbox
@@ -45,93 +45,100 @@ const w = ["small", "medium", "large"], C = `
 	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
-`, I = `
+`, R = `
 	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
-`, j = `
+`, H = `
 	mare:sr-only
-`;
-function $({
-  checked: s,
-  defaultChecked: l,
-  onCheckedChange: n,
-  children: m,
-  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: (f) => {
-        n?.({ checked: f.checked });
-      },
-      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: N,
-            "data-size": r,
-            children: [
-              /* @__PURE__ */ e(a.Indicator, { className: i, children: /* @__PURE__ */ e(
-                v,
-                {
-                  className: t,
-                  "data-size": r
-                }
-              ) }),
-              /* @__PURE__ */ e(
-                a.Indicator,
-                {
-                  indeterminate: !0,
-                  className: i,
-                  children: /* @__PURE__ */ e(
-                    y,
-                    {
-                      className: t,
-                      "data-size": r
-                    }
-                  )
-                }
-              )
-            ]
-          }
-        ),
-        m && /* @__PURE__ */ e(
-          a.Label,
-          {
-            className: I,
-            "data-size": r,
-            children: m
-          }
-        ),
-        /* @__PURE__ */ e(a.HiddenInput, { className: j })
-      ]
-    }
-  );
-}
+`, B = v(
+  function({
+    checked: s,
+    defaultChecked: l,
+    onCheckedChange: n,
+    children: m,
+    size: c = "small",
+    disabled: o = !1,
+    invalid: b = !1,
+    readOnly: k = !1,
+    required: h = !1,
+    name: g,
+    value: z = "on",
+    form: u,
+    id: p
+  }, f) {
+    const r = C(c, N, "small");
+    return /* @__PURE__ */ d(
+      a.Root,
+      {
+        checked: s,
+        defaultChecked: l,
+        onCheckedChange: (x) => {
+          n?.(x.checked);
+        },
+        disabled: o,
+        invalid: b,
+        readOnly: k,
+        required: h,
+        name: g,
+        value: z,
+        form: u,
+        id: p,
+        className: I,
+        "data-size": r,
+        children: [
+          /* @__PURE__ */ d(
+            a.Control,
+            {
+              className: j,
+              "data-size": r,
+              children: [
+                /* @__PURE__ */ e(a.Indicator, { className: i, children: /* @__PURE__ */ e(
+                  y,
+                  {
+                    className: t,
+                    "data-size": r
+                  }
+                ) }),
+                /* @__PURE__ */ e(
+                  a.Indicator,
+                  {
+                    indeterminate: !0,
+                    className: i,
+                    children: /* @__PURE__ */ e(
+                      w,
+                      {
+                        className: t,
+                        "data-size": r
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          m && /* @__PURE__ */ e(
+            a.Label,
+            {
+              className: R,
+              "data-size": r,
+              children: m
+            }
+          ),
+          /* @__PURE__ */ e(
+            a.HiddenInput,
+            {
+              className: H,
+              ref: f
+            }
+          )
+        ]
+      }
+    );
+  }
+);
 export {
-  $ as C
+  B as C
 };

package/dist/shared/Combobox-CiaEi_RG.js

@@ -0,0 +1,148 @@
+"use client";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { forwardRef as _, useState as $, useMemo as f } from "react";
+import { createListCollection as j, ComboboxRoot as q, ComboboxLabel as D, ComboboxControl as R, ComboboxTrigger as E, ComboboxClearTrigger as M, ComboboxPositioner as O, ComboboxContent as P, ComboboxInput as Q, ComboboxEmpty as X, ComboboxItem as A, ComboboxItemText as B, ComboboxItemIndicator as F } from "@ark-ui/react/combobox";
+import { IconX as G, IconChevronDown as H, IconSearch as J, IconCheck as K } from "@tabler/icons-react";
+import { o as U } from "./index-ByQ37VXf.js";
+const W = ["small", "medium"], Y = {
+  small: "mare:h-10",
+  medium: "mare:h-12"
+}, h = {
+  small: "mare:tpc-typography-body-s",
+  medium: "mare:tpc-typography-body-m"
+}, Z = (r) => `
+	mare:relative mare:flex mare:items-center mare:gap-2
+	${Y[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", ee = (r) => `
+	mare:flex-auto mare:flex mare:items-center mare:cursor-pointer
+	mare:bg-transparent mare:text-left mare:truncate mare:text-default ${h[r]}
+`, ae = `
+	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
+`, re = (r) => `
+	mare:flex-auto mare:bg-transparent mare:outline-none mare:text-default
+	mare:placeholder:text-weak ${h[r]}
+`, me = "mare:flex mare:items-center mare:shrink-0 mare:text-base mare:cursor-pointer mare:text-default mare:hover:text-weak", te = "mare:flex mare:items-center mare:shrink-0 mare:text-lg mare:transition-transform mare:ark-open:rotate-180 mare:text-default", oe = `
+	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
+	mare:[&[hidden]]:hidden
+`, le = `
+	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
+`, ne = "mare:flex mare:items-center mare:text-accent", ie = "mare:py-2 mare:px-3 mare:tpc-typography-body-s mare:text-weak", se = "mare:tpc-typography-label-s mare:text-weak mare:mb-1.5 mare:block", pe = _(
+  function({
+    value: o = null,
+    onValueChange: x,
+    /* Default a [] aunque el tipo diga que es requerido: `items={data}`
+     * con data de un fetch sin resolver llega `undefined` en el primer
+     * render y el .map() de abajo tiraba pantalla blanca. */
+    options: t = [],
+    placeholder: g = "Select…",
+    searchPlaceholder: w = "",
+    size: C = "small",
+    disabled: k = !1,
+    invalid: y = !1,
+    clearable: v = !1,
+    emptyText: N = "Sin resultados",
+    label: s,
+    leadingIcon: c,
+    triggerIcon: I,
+    checkIcon: z,
+    clearIcon: S,
+    renderOption: d
+  }, L) {
+    const l = U(C, W, "small"), [n, u] = $(""), i = f(() => {
+      const e = n.trim().toLowerCase();
+      return e ? t.filter((V) => V.label.toLowerCase().includes(e)) : t;
+    }, [n, t]), T = f(
+      () => j({
+        items: i,
+        itemToValue: (e) => e.value,
+        itemToString: (e) => e.label,
+        isItemDisabled: (e) => !!e.disabled
+      }),
+      [i]
+    ), b = t.find((e) => e.value === o)?.label ?? null;
+    return /* @__PURE__ */ m(
+      q,
+      {
+        ref: L,
+        collection: T,
+        value: o == null ? [] : [o],
+        disabled: k,
+        invalid: y,
+        openOnClick: !0,
+        inputValue: n,
+        onValueChange: (e) => x?.(e.value[0] ?? null),
+        onInputValueChange: (e) => {
+          e.reason === "input-change" && u(e.inputValue);
+        },
+        onOpenChange: (e) => {
+          e.open || u("");
+        },
+        children: [
+          s && /* @__PURE__ */ a(D, { className: se, children: s }),
+          /* @__PURE__ */ m(R, { className: Z(l), children: [
+            c && /* @__PURE__ */ a("span", { className: p, children: c }),
+            /* @__PURE__ */ a(
+              E,
+              {
+                className: ee(l),
+                children: b ? /* @__PURE__ */ a("span", { children: b }) : /* @__PURE__ */ a("span", { className: "mare:text-weak", children: g })
+              }
+            ),
+            v && /* @__PURE__ */ a(M, { className: me, children: S ?? /* @__PURE__ */ a(G, { size: "1em" }) }),
+            /* @__PURE__ */ a("span", { className: te, children: I ?? /* @__PURE__ */ a(H, { size: "1em" }) })
+          ] }),
+          /* @__PURE__ */ a(O, { children: /* @__PURE__ */ m(P, { className: oe, children: [
+            /* @__PURE__ */ m("div", { className: ae, children: [
+              /* @__PURE__ */ a(
+                Q,
+                {
+                  placeholder: w,
+                  className: re(l)
+                }
+              ),
+              /* @__PURE__ */ a("span", { className: p, children: /* @__PURE__ */ a(J, {}) })
+            ] }),
+            /* @__PURE__ */ a(X, { className: ie, children: N }),
+            i.map((e) => /* @__PURE__ */ m(
+              A,
+              {
+                item: e,
+                className: le,
+                children: [
+                  /* @__PURE__ */ a(B, { children: d ? d(e) : e.label }),
+                  /* @__PURE__ */ a(
+                    F,
+                    {
+                      className: ne,
+                      children: z ?? /* @__PURE__ */ a(K, { size: "1em" })
+                    }
+                  )
+                ]
+              },
+              e.value
+            ))
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+export {
+  pe as C
+};

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

@@ -1,6 +1,7 @@
+"use client";
 import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { D as v, a as h } from "./DialogFooter-CDlh11Gy.js";
-import { B as o } from "./Button-C2ULmKj3.js";
+import { D as v, a as h } from "./DialogFooter-DKFuHOJl.js";
+import { B as o } from "./Button-BqFuDnSs.js";
 import { o as n } from "./index-ByQ37VXf.js";
 const w = (e) => `
 	mare:w-full mare:h-full
@@ -30,7 +31,11 @@ function S({
   onReject: u,
   portalContainer: y
 }) {
-  const l = n(f, C, "none"), a = n(d, D, "row");
+  const l = n(
+    f,
+    C,
+    "none"
+  ), a = n(d, D, "row");
   return /* @__PURE__ */ r(
     v,
     {