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

package/dist/shared/Message-CQUdM9rR.js

@@ -0,0 +1,81 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { o as p } from "./index-ByQ37VXf.js";
+import { B as g } from "./Button-C2ULmKj3.js";
+import { I as c } from "./IconX-CpPADKjZ.js";
+const f = [
+  "neutral",
+  "brand",
+  "positive",
+  "warning",
+  "danger"
+], x = (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
+			mare:data-severity-neutral:bg-alternative
+			mare:data-severity-brand:bg-accent-weak
+			mare:data-severity-positive:bg-positive-weak
+			mare:data-severity-warning:bg-warning-weak
+			mare:data-severity-danger:bg-danger-weak` : "mare:w-full mare:flex mare:items-start mare:justify-between mare:gap-4", y = "mare:flex mare:grow mare:items-start mare:gap-4", u = "mare:shrink-0 mare:text-default mare:[&>svg]:size-3.5", v = "mare:flex mare:grow mare:flex-col mare:gap-2", w = "mare:tpc-typography-label-m mare:text-default", b = {
+  neutral: "mare:text-weak",
+  brand: "mare:text-accent",
+  positive: "mare:text-positive",
+  warning: "mare:text-warning",
+  danger: "mare:text-danger"
+}, h = (e, a, m) => {
+  const r = e === "simple" ? "mare:tpc-typography-body-xs" : "mare:tpc-typography-body-s";
+  return m ? `${r} mare:text-disabled` : e === "simple" ? `${r} ${b[a]}` : `${r} mare:text-default`;
+}, k = (e, a) => a ? "disabled" : e;
+function B({
+  severity: e = "neutral",
+  variant: a = "simple",
+  title: m,
+  icon: r,
+  disabled: i = !1,
+  closable: o = !1,
+  onClose: d,
+  children: n
+}) {
+  const l = p(e, f, "neutral");
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: x(a),
+      "data-severity": k(
+        l,
+        i
+      ),
+      children: [
+        /* @__PURE__ */ s("div", { className: y, children: [
+          r && /* @__PURE__ */ t("span", { className: u, children: r }),
+          /* @__PURE__ */ s("div", { className: v, children: [
+            m && /* @__PURE__ */ t("p", { className: w, children: m }),
+            n && /* @__PURE__ */ t(
+              "div",
+              {
+                className: h(
+                  a,
+                  l,
+                  i
+                ),
+                children: n
+              }
+            )
+          ] })
+        ] }),
+        o && /* @__PURE__ */ t(
+          g,
+          {
+            severity: "ghost",
+            iconOnly: !0,
+            size: "xsmall",
+            icon: /* @__PURE__ */ t(c, {}),
+            onClick: d,
+            "aria-label": "Close"
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  B as M
+};

package/dist/shared/{MultiSelect-Dowp0_FX.js → MultiSelect-DlaYWcPo.js}

@@ -1,41 +1,42 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { useState as K, useMemo as x } from "react";
-import { createListCollection as Q, SelectRoot as X, SelectLabel as B, SelectControl as F, SelectTrigger as G, SelectClearTrigger as H, SelectIndicator as J, SelectPositioner as O, SelectContent as U, SelectItem as V, SelectItemText as W } from "@ark-ui/react/select";
-import { T as Y } from "./TagChip-Bs7srjIL.js";
-import { P as Z } from "./ProgressSpinner-B-lrS-tu.js";
-import { I as ee } from "./IconX-CpPADKjZ.js";
-import { I as ae } from "./IconChevronDown-ev2ML7Ex.js";
-import { I as re } from "./IconSearch-CgM6jEUh.js";
+import { useState as Q, useMemo as x } from "react";
+import { createListCollection as X, SelectRoot as B, SelectLabel as F, SelectControl as G, SelectTrigger as H, SelectClearTrigger as J, SelectIndicator as O, SelectPositioner as U, SelectContent as V, SelectItem as W, SelectItemText as Y } from "@ark-ui/react/select";
+import { T as Z } from "./TagChip-CP3aX2_G.js";
+import { P as ee } from "./ProgressSpinner-B-lrS-tu.js";
+import { o as ae } from "./index-ByQ37VXf.js";
+import { I as re } from "./IconX-CpPADKjZ.js";
+import { I as te } from "./IconChevronDown-ev2ML7Ex.js";
+import { I as me } from "./IconSearch-CgM6jEUh.js";
 import { I as p } from "./IconCheck-DzZA6b2U.js";
-import { I as te } from "./IconMinus-fS_GL0Et.js";
-const me = {
+import { I as le } from "./IconMinus-fS_GL0Et.js";
+const ne = ["small", "medium"], se = {
   small: "mare:min-h-10",
   medium: "mare:min-h-14"
-}, le = "mare:relative mare:flex mare:items-center mare:w-full", ne = (a, t) => `
+}, oe = "mare:relative mare:flex mare:items-center mare:w-full", ie = (a, t) => `
 	mare:w-full mare:flex mare:items-center mare:gap-2 mare:min-w-0 mare:cursor-pointer mare:text-left
-	${me[a]}
+	${se[a]}
 	mare:pl-3 mare:py-2 ${t ? "mare:pr-14" : "mare:pr-8"}
 	mare:rounded-input mare:border mare:border-strong mare:bg-default
 	mare:text-default mare:tpc-typography-body-s
 	mare:ark-open:outline-solid mare:ark-open:outline-2 mare:ark-open:outline-accent mare:ark-open:-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
-`, se = "mare:absolute mare:right-3 mare:top-1/2 mare:-translate-y-1/2 mare:flex mare:items-center mare:gap-1 mare:pointer-events-none", oe = "mare:flex mare:flex-1 mare:flex-wrap mare:items-center mare:gap-1 mare:overflow-hidden mare:min-w-0", ie = "mare:flex-1 mare:truncate mare:text-left mare:data-[empty]:text-weak", ce = "mare:flex mare:items-center mare:shrink-0 mare:text-lg mare:transition-transform mare:ark-open:rotate-180 mare:text-default", de = "mare:pointer-events-auto mare:flex mare:items-center mare:shrink-0 mare:text-base mare:cursor-pointer mare:text-default mare:hover:text-weak", pe = "mare:tpc-typography-label-s mare:text-default mare:mb-1.5 mare:block", ue = `
+`, ce = "mare:absolute mare:right-3 mare:top-1/2 mare:-translate-y-1/2 mare:flex mare:items-center mare:gap-1 mare:pointer-events-none", de = "mare:flex mare:flex-1 mare:flex-wrap mare:items-center mare:gap-1 mare:overflow-hidden mare:min-w-0", pe = "mare:flex-1 mare:truncate mare:text-left mare:data-[empty]:text-weak", ue = "mare:flex mare:items-center mare:shrink-0 mare:text-lg mare:transition-transform mare:ark-open:rotate-180 mare:text-default", fe = "mare:pointer-events-auto mare:flex mare:items-center mare:shrink-0 mare:text-base mare:cursor-pointer mare:text-default mare:hover:text-weak", he = "mare:tpc-typography-label-s mare:text-default mare:mb-1.5 mare:block", xe = `
 	mare:flex mare:flex-col mare:gap-1 mare:p-2
 	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
-`, fe = `
+`, ge = `
 	mare:flex mare:items-center mare:gap-2 mare:mb-1 mare:px-3 mare:h-10 mare:shrink-0
 	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
-`, he = "mare:flex-auto mare:bg-transparent mare:outline-none mare:text-default mare:tpc-typography-body-s mare:placeholder:text-weak", xe = "mare:flex mare:items-center mare:text-weak", ge = "mare:flex mare:items-center mare:gap-2 mare:w-full mare:py-2 mare:px-2 mare:mb-1 mare:shrink-0 mare:rounded-menu-item mare:cursor-pointer mare:hover:bg-hover mare:tpc-typography-body-s mare:text-default", be = "mare:flex-auto mare:text-left", N = (a, t = !1) => `
+`, be = "mare:flex-auto mare:bg-transparent mare:outline-none mare:text-default mare:tpc-typography-body-s mare:placeholder:text-weak", we = "mare:flex mare:items-center mare:text-weak", ye = "mare:flex mare:items-center mare:gap-2 mare:w-full mare:py-2 mare:px-2 mare:mb-1 mare:shrink-0 mare:rounded-menu-item mare:cursor-pointer mare:hover:bg-hover mare:tpc-typography-body-s mare:text-default", ke = "mare:flex-auto mare:text-left", N = (a, t = !1) => `
 	mare:relative mare:flex mare:items-center mare:justify-center mare:shrink-0
 	mare:w-4.5 mare:h-4.5 mare:border-[1.5px] mare:rounded-checkbox mare:transition-colors mare:duration-150
 	${a || t ? "mare:bg-accent mare:border-accent" : "mare:border-strong mare:bg-transparent"}
-`, g = "mare:w-3 mare:h-3 mare:text-on-accent", S = "mare:flex mare:items-center mare:text-accent", we = (a) => `
+`, g = "mare:w-3 mare:h-3 mare:text-on-accent", S = "mare:flex mare:items-center mare:text-accent", ve = (a) => `
 	mare:group/option mare:flex mare:items-center mare:gap-2 mare:w-full
 	${a === "small" ? "mare:min-h-8 mare:py-1.5" : "mare:min-h-10 mare:py-2"}
 	mare:px-3 mare:cursor-pointer mare:rounded-menu-item
@@ -43,33 +44,33 @@ const me = {
 	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
-`, ye = "mare:flex-auto mare:truncate mare:text-left", ke = "mare:py-2 mare:px-3 mare:tpc-typography-body-s mare:text-weak", I = (a) => a.filter((t) => !t.disabled).map((t) => t.value), C = (a, t) => {
+`, Ne = "mare:flex-auto mare:truncate mare:text-left", Se = "mare:py-2 mare:px-3 mare:tpc-typography-body-s mare:text-weak", I = (a) => a.filter((t) => !t.disabled).map((t) => t.value), C = (a, t) => {
   const m = I(a);
   if (m.length === 0) return "none";
   const l = m.filter((o) => t.includes(o)).length;
   return l === 0 ? "none" : l === m.length ? "all" : "some";
-}, ve = (a, t) => {
+}, Ie = (a, t) => {
   const m = I(a), l = t.filter((o) => !m.includes(o));
   return C(a, t) === "all" ? l : [...l, ...m];
-}, Ne = (a, t) => {
+}, Ce = (a, t) => {
   const m = t.trim().toLowerCase();
   return m ? a.filter((l) => l.label.toLowerCase().includes(m)) : a;
-}, Se = (a, t) => a.length === 0 ? "" : a.length <= t ? a.join(", ") : `${a.length} items selected`;
-function Me({
+}, ze = (a, t) => a.length === 0 ? "" : a.length <= t ? a.join(", ") : `${a.length} items selected`;
+function qe({
   value: a = [],
   onValueChange: t,
   options: m,
   placeholder: l = "Select…",
   searchPlaceholder: o = "",
-  size: T = "medium",
-  itemSize: z = "medium",
+  size: z = "medium",
+  itemSize: T = "medium",
   disabled: b = !1,
-  invalid: P = !1,
-  loading: _ = !1,
+  invalid: $ = !1,
+  loading: P = !1,
   clearable: w = !1,
   filterable: u = !1,
   hasCheckbox: f = !0,
-  showToggleAll: $ = !1,
+  showToggleAll: _ = !1,
   headerLabel: y,
   display: j = "text",
   maxSelectedLabels: D = 3,
@@ -77,14 +78,14 @@ function Me({
   emptyText: L = "Sin resultados",
   indicator: M,
   clearIcon: E,
-  filterIcon: A,
+  filterIcon: R,
   renderOption: v
 }) {
-  const [h, R] = K(""), s = x(
-    () => u ? Ne(m, h) : m,
+  const A = ae(z, ne, "medium"), [h, q] = Q(""), s = x(
+    () => u ? Ce(m, h) : m,
     [u, m, h]
-  ), q = x(
-    () => Q({
+  ), K = x(
+    () => X({
       items: s,
       itemToValue: (e) => e.value,
       itemToString: (e) => e.label,
@@ -96,27 +97,27 @@ function Me({
     [m, a]
   ), c = C(s, a);
   return /* @__PURE__ */ n(
-    X,
+    B,
     {
-      collection: q,
+      collection: K,
       multiple: !0,
       closeOnSelect: !1,
       value: a,
       disabled: b,
-      invalid: P,
+      invalid: $,
       onValueChange: (e) => t?.(e.value),
       children: [
-        k && /* @__PURE__ */ r(B, { className: pe, children: k }),
-        /* @__PURE__ */ n(F, { className: le, children: [
-          /* @__PURE__ */ r(G, { asChild: !0, children: /* @__PURE__ */ r("div", { className: ne(T, w), children: j === "chip" ? i.length === 0 ? /* @__PURE__ */ r("span", { className: "mare:text-weak", children: l }) : /* @__PURE__ */ r(
+        k && /* @__PURE__ */ r(F, { className: he, children: k }),
+        /* @__PURE__ */ n(G, { className: oe, children: [
+          /* @__PURE__ */ r(H, { asChild: !0, children: /* @__PURE__ */ r("div", { className: ie(A, w), children: j === "chip" ? i.length === 0 ? /* @__PURE__ */ r("span", { className: "mare:text-weak", children: l }) : /* @__PURE__ */ r(
             "span",
             {
-              className: oe,
+              className: de,
               onClick: (e) => {
                 e.stopPropagation();
               },
               children: i.map((e) => /* @__PURE__ */ r(
-                Y,
+                Z,
                 {
                   size: "small",
                   disabled: b,
@@ -134,9 +135,9 @@ function Me({
           ) : /* @__PURE__ */ r(
             "span",
             {
-              className: ie,
+              className: pe,
               "data-empty": i.length === 0 ? "" : void 0,
-              children: i.length === 0 ? l : Se(
+              children: i.length === 0 ? l : ze(
                 i.map(
                   (e) => e.label
                 ),
@@ -144,35 +145,35 @@ function Me({
               )
             }
           ) }) }),
-          /* @__PURE__ */ n("div", { className: se, children: [
-            w && /* @__PURE__ */ r(H, { className: de, children: E ?? /* @__PURE__ */ r(ee, { size: "1em" }) }),
-            /* @__PURE__ */ r(J, { className: ce, children: _ ? /* @__PURE__ */ r(Z, { className: "mare:w-4 mare:h-4" }) : M ?? /* @__PURE__ */ r(ae, { size: "1em" }) })
+          /* @__PURE__ */ n("div", { className: ce, children: [
+            w && /* @__PURE__ */ r(J, { className: fe, children: E ?? /* @__PURE__ */ r(re, { size: "1em" }) }),
+            /* @__PURE__ */ r(O, { className: ue, children: P ? /* @__PURE__ */ r(ee, { className: "mare:w-4 mare:h-4" }) : M ?? /* @__PURE__ */ r(te, { size: "1em" }) })
           ] })
         ] }),
-        /* @__PURE__ */ r(O, { children: /* @__PURE__ */ n(U, { className: ue, children: [
-          u && /* @__PURE__ */ n("div", { className: fe, children: [
+        /* @__PURE__ */ r(U, { children: /* @__PURE__ */ n(V, { className: xe, children: [
+          u && /* @__PURE__ */ n("div", { className: ge, children: [
             /* @__PURE__ */ r(
               "input",
               {
                 value: h,
                 onChange: (e) => {
-                  R(e.target.value);
+                  q(e.target.value);
                 },
                 onKeyDown: (e) => {
                   e.key === "Enter" && e.preventDefault(), e.key !== "Escape" && e.stopPropagation();
                 },
                 placeholder: o,
-                className: he
+                className: be
               }
             ),
-            /* @__PURE__ */ r("span", { className: xe, children: A ?? /* @__PURE__ */ r(re, { size: "1em" }) })
+            /* @__PURE__ */ r("span", { className: we, children: R ?? /* @__PURE__ */ r(me, { size: "1em" }) })
           ] }),
-          $ && /* @__PURE__ */ n(
+          _ && /* @__PURE__ */ n(
             "div",
             {
-              className: ge,
+              className: ye,
               onClick: () => t?.(
-                ve(s, a)
+                Ie(s, a)
               ),
               children: [
                 f ? /* @__PURE__ */ n(
@@ -190,7 +191,7 @@ function Me({
                         }
                       ),
                       c === "some" && /* @__PURE__ */ r(
-                        te,
+                        le,
                         {
                           className: g
                         }
@@ -198,17 +199,17 @@ function Me({
                     ]
                   }
                 ) : c === "all" && /* @__PURE__ */ r("span", { className: S, children: /* @__PURE__ */ r(p, { size: "1em" }) }),
-                y && /* @__PURE__ */ r("span", { className: be, children: y })
+                y && /* @__PURE__ */ r("span", { className: ke, children: y })
               ]
             }
           ),
-          s.length === 0 ? /* @__PURE__ */ r("div", { className: ke, children: L }) : s.map((e) => {
+          s.length === 0 ? /* @__PURE__ */ r("div", { className: Se, children: L }) : s.map((e) => {
             const d = a.includes(e.value);
             return /* @__PURE__ */ n(
-              V,
+              W,
               {
                 item: e,
-                className: we(z),
+                className: ve(T),
                 children: [
                   f && /* @__PURE__ */ r(
                     "span",
@@ -225,9 +226,9 @@ function Me({
                     }
                   ),
                   /* @__PURE__ */ r(
-                    W,
+                    Y,
                     {
-                      className: ye,
+                      className: Ne,
                       children: v ? v(e) : e.label
                     }
                   ),
@@ -243,5 +244,5 @@ function Me({
   );
 }
 export {
-  Me as M
+  qe as M
 };

package/dist/shared/{OverlayBadge-DLskqll7.js → OverlayBadge-Dkosm3Il.js}

@@ -1,6 +1,6 @@
 import { jsxs as R, jsx as p } from "react/jsx-runtime";
 import { useRef as x, useState as w, useLayoutEffect as M } from "react";
-import { B as v } from "./Badge-WC6my4Aw.js";
+import { B as v } from "./Badge-CGotZzok.js";
 const B = "mare:relative mare:inline-flex mare:w-fit", N = `
 	mare:absolute mare:top-0 mare:end-0 mare:origin-[100%_0] mare:rounded-full mare:inline-flex
 	mare:m-0 mare:outline mare:outline-tpc-bg-default

package/dist/shared/{Paginator-DxZdCXSC.js → Paginator-QTDpAJ-N.js}

@@ -1,8 +1,8 @@
 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-DwJ5RTfQ.js";
-import { S as N } from "./SelectField-B-g52vHx.js";
+import { B as h } from "./Button-C2ULmKj3.js";
+import { S as N } from "./SelectField-CcnbnPEi.js";
 import { c as b } from "./createReactComponent-Cb6Pzf10.js";
 import { I as M, a as j } from "./IconChevronRight-DEIDRsvg.js";
 const I = [["path", { d: "M11 7l-5 5l5 5", key: "svg-0" }], ["path", { d: "M17 7l-5 5l5 5", key: "svg-1" }]], W = b("outline", "chevrons-left", "ChevronsLeft", I);

package/dist/shared/Password-D4PRaleH.js

@@ -0,0 +1,97 @@
+import { jsxs as r, jsx as e, Fragment as M } from "react/jsx-runtime";
+import { PasswordInput as l } from "@ark-ui/react/password-input";
+import { useFieldContext as R } from "@ark-ui/react/field";
+import { m as A } from "./InputText.types-KhlkzHMw-BtRY371_.js";
+import { u as Z, m as j, d as O, f as D } from "./field-layout-o6bDLvVU.js";
+import { o as T } from "./index-ByQ37VXf.js";
+import { c as h } from "./createReactComponent-Cb6Pzf10.js";
+const V = [["path", { d: "M10.585 10.587a2 2 0 0 0 2.829 2.828", key: "svg-0" }], ["path", { d: "M16.681 16.673a8.717 8.717 0 0 1 -4.681 1.327c-3.6 0 -6.6 -2 -9 -6c1.272 -2.12 2.712 -3.678 4.32 -4.674m2.86 -1.146a9.055 9.055 0 0 1 1.82 -.18c3.6 0 6.6 2 9 6c-.666 1.11 -1.379 2.067 -2.138 2.87", key: "svg-1" }], ["path", { d: "M3 3l18 18", key: "svg-2" }]], W = h("outline", "eye-off", "EyeOff", V);
+const q = [["path", { d: "M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0", key: "svg-0" }], ["path", { d: "M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6", key: "svg-1" }]], B = h("outline", "eye", "Eye", q), G = "mare:relative mare:w-full mare:group", H = "mare:relative mare:w-full", J = `
+	mare:hidden mare:group-focus-within:flex mare:flex-col mare:gap-2
+	mare:absolute mare:top-full mare:left-0 mare:mt-2 mare:z-50 mare:w-full
+	mare:p-4 mare:rounded-input mare:border mare:border-default mare:bg-raised
+	mare:shadow-[0_2px_6px_0_rgba(0,0,0,0.16)]
+`, K = "mare:tpc-typography-label-s mare:text-default", Q = "mare:border-t mare:border-default", U = "mare:flex mare:flex-col mare:gap-2", X = "mare:h-1 mare:w-full mare:bg-neutral-weak mare:rounded-md mare:overflow-hidden", Y = {
+  weak: "mare:w-1/3 mare:bg-danger",
+  medium: "mare:w-2/3 mare:bg-warning",
+  strong: "mare:w-full mare:bg-positive"
+}, ee = (a) => `mare:h-full mare:rounded-md mare:transition-[width] mare:duration-500 mare:ease-in-out ${a ? Y[a] : "mare:w-0"}`, ae = "mare:tpc-typography-body-s mare:text-default", re = "mare:flex mare:flex-col mare:gap-1 mare:my-0 mare:pl-0 mare:list-none", le = "mare:tpc-typography-body-s mare:text-default", te = "^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})", se = "^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})", me = (a, s = te, m = se) => a ? new RegExp(m).test(a) ? "strong" : new RegExp(s).test(a) ? "medium" : "weak" : null;
+function pe({
+  value: a = "",
+  onValueChange: s,
+  size: m = "medium",
+  rounded: g = !1,
+  invalid: b = !1,
+  disabled: v = !1,
+  toggleMask: o = !0,
+  showIcon: w = /* @__PURE__ */ e(B, {}),
+  hideIcon: y = /* @__PURE__ */ e(W, {}),
+  feedback: n = !0,
+  header: d,
+  footer: c,
+  promptLabel: x = "Please enter a password",
+  weakLabel: N = "Weak",
+  mediumLabel: _ = "Medium",
+  strongLabel: k = "Strong",
+  mediumRegex: I,
+  strongRegex: E,
+  ...f
+}) {
+  const t = Z(), u = R(), F = T(m, A, "medium"), S = b || (u?.invalid ?? !1), p = v || (u?.disabled ?? !1), z = o ? j(t?.iconSide ?? null, "right") : t?.iconSide ?? null, P = O({
+    size: F,
+    rounded: g,
+    hasFloatLabel: t?.hasFloatLabel ?? !1,
+    iconSide: z
+  }), $ = t?.hasFloatLabel ? " " : f.placeholder, i = n ? me(a, I, E) : null, C = i ? { weak: N, medium: _, strong: k }[i] : x;
+  return /* @__PURE__ */ r(
+    l.Root,
+    {
+      className: G,
+      invalid: S,
+      disabled: p,
+      visible: o ? void 0 : !1,
+      children: [
+        /* @__PURE__ */ r(l.Control, { className: H, children: [
+          /* @__PURE__ */ e(
+            l.Input,
+            {
+              ...f,
+              placeholder: $,
+              value: a,
+              onChange: (L) => s?.(L.target.value),
+              className: P
+            }
+          ),
+          o && /* @__PURE__ */ e(
+            l.VisibilityTrigger,
+            {
+              className: D("right", {
+                disabled: p,
+                interactive: !0
+              }),
+              children: /* @__PURE__ */ e(l.Indicator, { fallback: w, children: y })
+            }
+          )
+        ] }),
+        n && /* @__PURE__ */ r("div", { className: J, children: [
+          d && /* @__PURE__ */ e("div", { className: K, children: d }),
+          /* @__PURE__ */ r("div", { className: U, children: [
+            /* @__PURE__ */ e("div", { className: X, children: /* @__PURE__ */ e("div", { className: ee(i) }) }),
+            /* @__PURE__ */ e("span", { className: ae, children: C })
+          ] }),
+          c && /* @__PURE__ */ r(M, { children: [
+            /* @__PURE__ */ e("div", { className: Q }),
+            /* @__PURE__ */ e("ul", { className: re, children: c })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function he({ children: a }) {
+  return /* @__PURE__ */ e("li", { className: le, children: a });
+}
+export {
+  pe as P,
+  he as a
+};

package/dist/shared/{RadioGroup-lw27DCoV.js → RadioGroup-B8CXU8-l.js}

@@ -1,18 +1,19 @@
-import { jsx as e, jsxs as k } from "react/jsx-runtime";
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
 import { RadioGroup as r } from "@ark-ui/react/radio-group";
-const g = `
+import { o as m } from "./index-ByQ37VXf.js";
+const v = ["small", "medium", "large"], x = ["horizontal", "vertical"], y = `
 	mare:flex mare:gap-4
 	mare:ark-vertical:flex-col
 	mare:ark-horizontal:flex-row
 	mare:ark-disabled:cursor-default
-`, z = `
+`, w = `
 	mare:relative mare:inline-flex mare:items-center mare:gap-2
 	mare:select-none mare:cursor-pointer
 	mare:ark-disabled:cursor-default
 	mare:data-size-small:gap-1.5
 	mare:data-size-medium:gap-2
 	mare:data-size-large:gap-2.5
-`, f = `
+`, N = `
 	mare:relative mare:inline-flex mare:items-center mare:justify-center mare:shrink-0
 	mare:rounded-full mare:border mare:border-strong mare:bg-transparent
 	mare:shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]
@@ -34,7 +35,7 @@ const g = `
 	mare:ark-disabled:border-disabled!
 
 	mare:ark-invalid:border-danger!
-`, v = `
+`, I = `
 	mare:invisible mare:rounded-full mare:bg-[var(--color-fg-on-accent)]
 
 	mare:data-size-small:w-2 mare:data-size-small:h-2
@@ -44,64 +45,69 @@ const g = `
 	mare:ark-checked:visible
 	mare:ark-disabled:ark-checked:bg-disabled!
 	mare:ark-invalid:ark-checked:bg-[var(--color-fg-on-danger)]!
-`, x = `
+`, 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
-`, y = `
+`, _ = `
 	mare:sr-only
 `;
-function I({
-  items: m,
-  value: l,
+function H({
+  items: l,
+  value: i,
   defaultValue: s,
-  onValueChange: i,
-  size: d = "small",
-  orientation: t = "vertical",
-  disabled: o = !1,
-  invalid: c = !1,
-  readOnly: n = !1,
-  required: b = !1,
-  name: u,
-  form: h,
-  id: p
+  onValueChange: t,
+  size: o = "small",
+  orientation: c = "vertical",
+  disabled: n = !1,
+  invalid: b = !1,
+  readOnly: u = !1,
+  required: h = !1,
+  name: p,
+  form: k,
+  id: z
 }) {
+  const d = m(o, v, "small"), g = m(
+    c,
+    x,
+    "vertical"
+  );
   return /* @__PURE__ */ e(
     r.Root,
     {
-      value: l,
+      value: i,
       defaultValue: s,
       onValueChange: (a) => {
-        a.value && i?.(a.value);
+        a.value && t?.(a.value);
       },
-      orientation: t,
-      disabled: o,
-      invalid: c,
-      readOnly: n,
-      required: b,
-      name: u,
-      form: h,
-      id: p,
-      className: g,
-      children: m.map((a) => /* @__PURE__ */ k(
+      orientation: g,
+      disabled: n,
+      invalid: b,
+      readOnly: u,
+      required: h,
+      name: p,
+      form: k,
+      id: z,
+      className: y,
+      children: l.map((a) => /* @__PURE__ */ f(
         r.Item,
         {
           value: a.value,
           disabled: a.disabled,
-          className: z,
+          className: w,
           "data-size": d,
           children: [
             /* @__PURE__ */ e(
               r.ItemControl,
               {
-                className: f,
+                className: N,
                 "data-size": d,
                 children: /* @__PURE__ */ e(
                   "span",
                   {
-                    className: v,
+                    className: I,
                     "data-size": d
                   }
                 )
@@ -110,7 +116,7 @@ function I({
             /* @__PURE__ */ e(
               r.ItemText,
               {
-                className: x,
+                className: R,
                 "data-size": d,
                 children: a.label
               }
@@ -118,7 +124,7 @@ function I({
             /* @__PURE__ */ e(
               r.ItemHiddenInput,
               {
-                className: y
+                className: _
               }
             )
           ]
@@ -129,5 +135,5 @@ function I({
   );
 }
 export {
-  I as R
+  H as R
 };

package/dist/shared/{SearchField-DjJHDaR4.js → SearchField-DIsFhJ22.js}

@@ -1,5 +1,5 @@
 import { jsx as i } from "react/jsx-runtime";
-import { a as C, I as t } from "./IconField-Dh6j6SL1.js";
+import { a as C, I as t } from "./IconField-CqKydKep.js";
 import { P as x } from "./ProgressSpinner-B-lrS-tu.js";
 import { I as v } from "./IconSearch-CgM6jEUh.js";
 import { I as F } from "./IconX-CpPADKjZ.js";