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

package/dist/shared/IconMinus-fS_GL0Et.js

@@ -1,5 +0,0 @@
-import { c as o } from "./createReactComponent-Cb6Pzf10.js";
-const n = [["path", { d: "M5 12l14 0", key: "svg-0" }]], e = o("outline", "minus", "Minus", n);
-export {
-  e as I
-};

package/dist/shared/IconSearch-CgM6jEUh.js

@@ -1,5 +0,0 @@
-import { c as e } from "./createReactComponent-Cb6Pzf10.js";
-const a = [["path", { d: "M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0", key: "svg-0" }], ["path", { d: "M21 21l-6 -6", key: "svg-1" }]], c = e("outline", "search", "Search", a);
-export {
-  c as I
-};

package/dist/shared/IconX-CpPADKjZ.js

@@ -1,5 +0,0 @@
-import { c as o } from "./createReactComponent-Cb6Pzf10.js";
-const t = [["path", { d: "M18 6l-12 12", key: "svg-0" }], ["path", { d: "M6 6l12 12", key: "svg-1" }]], c = o("outline", "x", "X", t);
-export {
-  c as I
-};

package/dist/shared/InputNumber-nxus9h5s.js

@@ -1,64 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { NumberInput as t } from "@ark-ui/react/number-input";
-import { useFieldContext as g } from "@ark-ui/react/field";
-import { m as y } from "./InputText.types-KhlkzHMw-BtRY371_.js";
-import { u as z, d as j } from "./field-layout-o6bDLvVU.js";
-import { o as w } from "./index-ByQ37VXf.js";
-function B({
-  value: o = null,
-  onValueChange: n,
-  size: u = "medium",
-  rounded: i = !1,
-  invalid: r,
-  disabled: s,
-  readOnly: m,
-  step: c = 1,
-  clampValueOnBlur: f = !0,
-  placeholder: d,
-  id: p,
-  name: h,
-  min: b,
-  max: v,
-  formatOptions: F,
-  locale: N,
-  allowMouseWheel: S
-}) {
-  const e = z(), I = !g(), L = w(u, y, "medium"), x = j({
-    size: L,
-    rounded: i,
-    hasFloatLabel: e?.hasFloatLabel ?? !1,
-    iconSide: e?.iconSide ?? null
-  }), C = e?.hasFloatLabel ? " " : d;
-  return /* @__PURE__ */ a(
-    t.Root,
-    {
-      value: o == null ? "" : String(o),
-      min: b,
-      max: v,
-      step: c,
-      formatOptions: F,
-      locale: N,
-      allowMouseWheel: S,
-      clampValueOnBlur: f,
-      disabled: s,
-      readOnly: m,
-      name: h,
-      invalid: I ? r : void 0,
-      className: "mare:w-full",
-      onValueChange: (l) => n?.(
-        l.value === "" ? null : l.valueAsNumber
-      ),
-      children: /* @__PURE__ */ a(
-        t.Input,
-        {
-          id: p,
-          className: x,
-          placeholder: C
-        }
-      )
-    }
-  );
-}
-export {
-  B as I
-};

package/dist/shared/InputOtp-BxBc6Vhs.js

@@ -1,73 +0,0 @@
-import { jsxs as j, jsx as m } from "react/jsx-runtime";
-import { PinInput as a } from "@ark-ui/react/pin-input";
-import { o as w } from "./index-ByQ37VXf.js";
-const k = "mare:flex mare:items-center mare:gap-2", A = {
-  small: "mare:w-10 mare:h-10 mare:px-3",
-  medium: "mare:w-12 mare:h-12 mare:px-3.5",
-  large: "mare:w-14 mare:h-14 mare:px-3"
-}, N = (e) => `
-	mare:text-center mare:tpc-typography-body-m
-	mare:appearance-none mare:rounded-input mare:outline-none
-	mare:text-default mare:placeholder:text-weak
-	mare:border mare:border-strong
-	mare:enabled:focus:border-2 mare:enabled:focus:border-accent
-	mare:disabled:text-disabled mare:disabled:border-disabled-default
-	mare:ark-invalid:border-2 mare:ark-invalid:border-danger
-	mare:transition-colors mare:duration-200
-	${A[e]}
-`, V = ["small", "medium", "large"], d = (e) => Array.from(e);
-function P({
-  length: e = 4,
-  value: o,
-  defaultValue: t,
-  onValueChange: i,
-  onComplete: l,
-  size: s = "medium",
-  mask: u = !1,
-  integerOnly: p = !0,
-  placeholder: c = "",
-  invalid: b,
-  disabled: f,
-  readOnly: x,
-  required: h,
-  autoFocus: v,
-  name: g,
-  id: y
-}) {
-  const C = w(s, V, "medium"), I = N(C);
-  return /* @__PURE__ */ j(
-    a.Root,
-    {
-      id: y,
-      count: e,
-      value: o === void 0 ? void 0 : d(o),
-      defaultValue: t === void 0 ? void 0 : d(t),
-      otp: !0,
-      mask: u,
-      placeholder: c,
-      type: p ? "numeric" : "alphanumeric",
-      invalid: b,
-      disabled: f,
-      readOnly: x,
-      required: h,
-      autoFocus: v,
-      name: g,
-      onValueChange: (r) => i?.(r.value.join("")),
-      onValueComplete: (r) => l?.(r.value.join("")),
-      children: [
-        /* @__PURE__ */ m(a.Control, { className: k, children: Array.from({ length: e }, (r, n) => /* @__PURE__ */ m(
-          a.Input,
-          {
-            index: n,
-            className: I
-          },
-          n
-        )) }),
-        /* @__PURE__ */ m(a.HiddenInput, {})
-      ]
-    }
-  );
-}
-export {
-  P as I
-};

package/dist/shared/MultiSelect-DlaYWcPo.js

@@ -1,248 +0,0 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-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 le } from "./IconMinus-fS_GL0Et.js";
-const ne = ["small", "medium"], se = {
-  small: "mare:min-h-10",
-  medium: "mare:min-h-14"
-}, 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
-	${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
-`, 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
-`, 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
-`, 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", 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
-	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-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";
-}, Ie = (a, t) => {
-  const m = I(a), l = t.filter((o) => !m.includes(o));
-  return C(a, t) === "all" ? l : [...l, ...m];
-}, Ce = (a, t) => {
-  const m = t.trim().toLowerCase();
-  return m ? a.filter((l) => l.label.toLowerCase().includes(m)) : a;
-}, 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: z = "medium",
-  itemSize: T = "medium",
-  disabled: b = !1,
-  invalid: $ = !1,
-  loading: P = !1,
-  clearable: w = !1,
-  filterable: u = !1,
-  hasCheckbox: f = !0,
-  showToggleAll: _ = !1,
-  headerLabel: y,
-  display: j = "text",
-  maxSelectedLabels: D = 3,
-  label: k,
-  emptyText: L = "Sin resultados",
-  indicator: M,
-  clearIcon: E,
-  filterIcon: R,
-  renderOption: v
-}) {
-  const A = ae(z, ne, "medium"), [h, q] = Q(""), s = x(
-    () => u ? Ce(m, h) : m,
-    [u, m, h]
-  ), K = x(
-    () => X({
-      items: s,
-      itemToValue: (e) => e.value,
-      itemToString: (e) => e.label,
-      isItemDisabled: (e) => !!e.disabled
-    }),
-    [s]
-  ), i = x(
-    () => m.filter((e) => a.includes(e.value)),
-    [m, a]
-  ), c = C(s, a);
-  return /* @__PURE__ */ n(
-    B,
-    {
-      collection: K,
-      multiple: !0,
-      closeOnSelect: !1,
-      value: a,
-      disabled: b,
-      invalid: $,
-      onValueChange: (e) => t?.(e.value),
-      children: [
-        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: de,
-              onClick: (e) => {
-                e.stopPropagation();
-              },
-              children: i.map((e) => /* @__PURE__ */ r(
-                Z,
-                {
-                  size: "small",
-                  disabled: b,
-                  removable: !0,
-                  onRemove: () => t?.(
-                    a.filter(
-                      (d) => d !== e.value
-                    )
-                  ),
-                  children: e.label
-                },
-                e.value
-              ))
-            }
-          ) : /* @__PURE__ */ r(
-            "span",
-            {
-              className: pe,
-              "data-empty": i.length === 0 ? "" : void 0,
-              children: i.length === 0 ? l : ze(
-                i.map(
-                  (e) => e.label
-                ),
-                D
-              )
-            }
-          ) }) }),
-          /* @__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(U, { children: /* @__PURE__ */ n(V, { className: xe, children: [
-          u && /* @__PURE__ */ n("div", { className: ge, children: [
-            /* @__PURE__ */ r(
-              "input",
-              {
-                value: h,
-                onChange: (e) => {
-                  q(e.target.value);
-                },
-                onKeyDown: (e) => {
-                  e.key === "Enter" && e.preventDefault(), e.key !== "Escape" && e.stopPropagation();
-                },
-                placeholder: o,
-                className: be
-              }
-            ),
-            /* @__PURE__ */ r("span", { className: we, children: R ?? /* @__PURE__ */ r(me, { size: "1em" }) })
-          ] }),
-          _ && /* @__PURE__ */ n(
-            "div",
-            {
-              className: ye,
-              onClick: () => t?.(
-                Ie(s, a)
-              ),
-              children: [
-                f ? /* @__PURE__ */ n(
-                  "span",
-                  {
-                    className: N(
-                      c === "all",
-                      c === "some"
-                    ),
-                    children: [
-                      c === "all" && /* @__PURE__ */ r(
-                        p,
-                        {
-                          className: g
-                        }
-                      ),
-                      c === "some" && /* @__PURE__ */ r(
-                        le,
-                        {
-                          className: g
-                        }
-                      )
-                    ]
-                  }
-                ) : c === "all" && /* @__PURE__ */ r("span", { className: S, children: /* @__PURE__ */ r(p, { size: "1em" }) }),
-                y && /* @__PURE__ */ r("span", { className: ke, children: y })
-              ]
-            }
-          ),
-          s.length === 0 ? /* @__PURE__ */ r("div", { className: Se, children: L }) : s.map((e) => {
-            const d = a.includes(e.value);
-            return /* @__PURE__ */ n(
-              W,
-              {
-                item: e,
-                className: ve(T),
-                children: [
-                  f && /* @__PURE__ */ r(
-                    "span",
-                    {
-                      className: N(
-                        d
-                      ),
-                      children: d && /* @__PURE__ */ r(
-                        p,
-                        {
-                          className: g
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ r(
-                    Y,
-                    {
-                      className: Ne,
-                      children: v ? v(e) : e.label
-                    }
-                  ),
-                  !f && d && /* @__PURE__ */ r("span", { className: S, children: /* @__PURE__ */ r(p, { size: "1em" }) })
-                ]
-              },
-              e.value
-            );
-          })
-        ] }) })
-      ]
-    }
-  );
-}
-export {
-  qe as M
-};

package/dist/shared/Password-D4PRaleH.js

@@ -1,97 +0,0 @@
-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-B8CXU8-l.js

@@ -1,139 +0,0 @@
-import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { RadioGroup as r } from "@ark-ui/react/radio-group";
-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
-`, 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
-`, 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)]
-	mare:transition-[border-width,border-color] mare:duration-200
-	mare:overflow-hidden
-
-	mare:data-size-small:w-4.5 mare:data-size-small:h-4.5
-	mare:data-size-medium:w-6 mare:data-size-medium:h-6
-	mare:data-size-large:w-8 mare:data-size-large:h-8
-
-	mare:not-ark-disabled:hover:border-accent
-
-	mare:ark-checked:border-accent
-	mare:data-size-small:ark-checked:border-[6px]
-	mare:data-size-medium:ark-checked:border-[8px]
-	mare:data-size-large:ark-checked:border-[11px]
-	mare:not-ark-disabled:ark-checked:hover:border-accent-hover
-
-	mare:ark-disabled:border-disabled!
-
-	mare:ark-invalid:border-danger!
-`, 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
-	mare:data-size-medium:w-2.5 mare:data-size-medium:h-2.5
-	mare:data-size-large:w-3 mare:data-size-large:h-3
-
-	mare:ark-checked:visible
-	mare:ark-disabled:ark-checked:bg-disabled!
-	mare:ark-invalid:ark-checked:bg-[var(--color-fg-on-danger)]!
-`, 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
-`, _ = `
-	mare:sr-only
-`;
-function H({
-  items: l,
-  value: i,
-  defaultValue: s,
-  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: i,
-      defaultValue: s,
-      onValueChange: (a) => {
-        a.value && t?.(a.value);
-      },
-      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: w,
-          "data-size": d,
-          children: [
-            /* @__PURE__ */ e(
-              r.ItemControl,
-              {
-                className: N,
-                "data-size": d,
-                children: /* @__PURE__ */ e(
-                  "span",
-                  {
-                    className: I,
-                    "data-size": d
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ e(
-              r.ItemText,
-              {
-                className: R,
-                "data-size": d,
-                children: a.label
-              }
-            ),
-            /* @__PURE__ */ e(
-              r.ItemHiddenInput,
-              {
-                className: _
-              }
-            )
-          ]
-        },
-        a.value
-      ))
-    }
-  );
-}
-export {
-  H as R
-};