@tpc-mare/mare-ui-components-react 0.1.12 → 0.1.14

package/dist/accordion/index.js

@@ -1,4 +1,4 @@
-import { A as c } from "../shared/Accordion-Dhs7EeM6.js";
+import { A as c } from "../shared/Accordion-BLQ1mWZZ.js";
 export {
   c as Accordion
 };

package/dist/banner/index.js

@@ -1,4 +1,4 @@
-import { B as e } from "../shared/Banner-B41NQS5P.js";
+import { B as e } from "../shared/Banner-DXftmx9P.js";
 export {
   e as Banner
 };

package/dist/checkbox/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../shared/Checkbox-B7vM1mxP.js";
+import { C as r } from "../shared/Checkbox-BXnSN2vK.js";
 export {
   r as Checkbox
 };

package/dist/combobox/index.js

@@ -1,4 +1,4 @@
-import { C as m } from "../shared/Combobox-oSS0Rlbv.js";
+import { C as m } from "../shared/Combobox-SkrEe5He.js";
 export {
   m as Combobox
 };

package/dist/counter/Counter.d.ts

@@ -0,0 +1,2 @@
+import { CounterProperties } from './Counter.types';
+export declare function Counter({ value, onValueChange, size, variant, disabled, disabledIncrement, disabledDecrement, step, id, name, min, max, }: CounterProperties): import("react").JSX.Element;

package/dist/counter/Counter.types.d.ts

@@ -0,0 +1,23 @@
+import { CounterSize, CounterVariant } from '@tpc-development/mare-ui-components-core/counter';
+export type { CounterSize, CounterVariant, } from '@tpc-development/mare-ui-components-core/counter';
+export interface CounterProperties {
+    /** Controlled numeric value. `null` when the field is empty. */
+    value?: number | null;
+    /** Change handler — receives the next number, or `null` when cleared. */
+    onValueChange?: (value: number | null) => void;
+    size?: CounterSize;
+    variant?: CounterVariant;
+    disabled?: boolean;
+    /** Disables only the increment ("+") trigger, regardless of `max`. */
+    disabledIncrement?: boolean;
+    /** Disables only the decrement ("-") trigger, regardless of `min`. */
+    disabledDecrement?: boolean;
+    id?: string;
+    name?: string;
+    /** Minimum allowed value. */
+    min?: number;
+    /** Maximum allowed value. */
+    max?: number;
+    /** Step for the +/- triggers. @default 1 */
+    step?: number;
+}

package/dist/counter/index.d.ts

@@ -0,0 +1,2 @@
+export { Counter } from './Counter';
+export type { CounterProperties, CounterSize, CounterVariant, } from './Counter.types';

package/dist/counter/index.js

@@ -0,0 +1,4 @@
+import { C as e } from "../shared/Counter-D4Al7Yme.js";
+export {
+  e as Counter
+};

package/dist/date-picker/index.js

@@ -1,4 +1,4 @@
-import { D as a } from "../shared/DatePicker-GYH3uorm.js";
+import { D as a } from "../shared/DatePicker-CwAISvNc.js";
 export {
   a as DatePicker
 };

package/dist/dialog/index.js

@@ -1,5 +1,5 @@
 import { D as r, a as e } from "../shared/DialogFooter-DyltZzK-.js";
-import { D as g } from "../shared/DialogHeader-CZ5OrC8_.js";
+import { D as g } from "../shared/DialogHeader-RzfQm-pi.js";
 export {
   r as Dialog,
   e as DialogFooter,

package/dist/drawer/index.js

@@ -1,4 +1,4 @@
-import { D as e, a as o, b as D } from "../shared/DrawerFooter-OFrTFvy2.js";
+import { D as e, a as o, b as D } from "../shared/DrawerFooter-BxOEFQ-W.js";
 export {
   e as Drawer,
   o as DrawerFooter,

package/dist/image-slider/index.js

@@ -1,4 +1,4 @@
-import { I as a } from "../shared/ImageSlider-CdBVmAYC.js";
+import { I as a } from "../shared/ImageSlider-Bgb1kNQ4.js";
 export {
   a as ImageSlider
 };

package/dist/index/index.d.ts

@@ -10,6 +10,8 @@ export { TagChip } from '../tag-chip';
 export type { TagChipProperties, TagChipSeverity, TagChipSize, } from '../tag-chip';
 export { Banner } from '../banner';
 export type { BannerProperties, BannerSeverity } from '../banner';
+export { Message } from '../message';
+export type { MessageProperties, MessageSeverity, MessageVariant, } from '../message';
 export { Button } from '../button';
 export type { ButtonProperties, ButtonSeverity, ButtonSize, ButtonVariant, IconPosition, } from '../button';
 export { Breadcrumbs } from '../breadcrumbs';
@@ -34,6 +36,8 @@ export { InputNumber } from '../input-number';
 export type { InputNumberProperties, InputNumberSize, } from '../input-number';
 export { InputOtp } from '../input-otp';
 export type { InputOtpProperties, InputOtpSize } from '../input-otp';
+export { Counter } from '../counter';
+export type { CounterProperties, CounterSize, CounterVariant, } from '../counter';
 export { Checkbox } from '../checkbox';
 export type { CheckboxProperties, CheckboxSize, CheckedState, } from '../checkbox';
 export { RadioGroup } from '../radio-group';

package/dist/index/index.js

@@ -1,79 +1,83 @@
-import { A as a } from "../shared/Accordion-Dhs7EeM6.js";
+import { A as a } from "../shared/Accordion-BLQ1mWZZ.js";
 import { A as t } from "../shared/Avatar-D3QlO3Tz.js";
 import { B as p } from "../shared/Badge-WC6my4Aw.js";
 import { T as x } from "../shared/Tag-BtbmgIwL.js";
-import { T as n } from "../shared/TagChip-BNszVayi.js";
-import { B as c } from "../shared/Banner-B41NQS5P.js";
-import { B as d } from "../shared/Button-AfMqNCme.js";
-import { B as S } from "../shared/Breadcrumbs-Cqr3Jitd.js";
-import { S as g } from "../shared/SelectField-CGbdf8C2.js";
-import { C as u } from "../shared/Combobox-oSS0Rlbv.js";
-import { T as F } from "../shared/Tabs-BqIorZYD.js";
-import { P as T } from "../shared/ProgressSpinner-B-lrS-tu.js";
-import { I as w, a as h } from "../shared/IconField-Dh6j6SL1.js";
-import { C as A, F as H, a as M, H as R } from "../shared/HelperText-CVWWvLCI.js";
-import { T as G } from "../shared/Textarea-iJhYTZos.js";
-import { S as N } from "../shared/SearchField-CgZV2Am-.js";
-import { P as j, a as q } from "../shared/Password-cqTK9OlT.js";
-import { I as z } from "../shared/InputNumber-D48wsE-o.js";
-import { I as J } from "../shared/InputOtp-CUXXVP2E.js";
-import { C as Q } from "../shared/Checkbox-B7vM1mxP.js";
-import { R as V } from "../shared/RadioGroup-lw27DCoV.js";
-import { S as X } from "../shared/Switch-D6E2OmgE.js";
-import { D as Z, a as _ } from "../shared/DialogFooter-DyltZzK-.js";
-import { D as rr } from "../shared/DialogHeader-CZ5OrC8_.js";
-import { C as ar } from "../shared/ConfirmDialog-Bvk8KZ0M.js";
-import { D as tr, a as sr, b as pr } from "../shared/DrawerFooter-OFrTFvy2.js";
-import { M as xr } from "../shared/Menu-Cv9dU1iA.js";
-import { P as nr } from "../shared/PanelMenu-Bz-fg6px.js";
-import { S as cr, c as lr } from "../shared/Snackbar-C29nLHO9.js";
-import { S as Ir } from "../shared/Stepper-BpKdB3ip.js";
-import { D as Dr } from "../shared/DatePicker-GYH3uorm.js";
-import { P as br } from "../shared/Paginator-BndcA6Ax.js";
-import { I as Cr } from "../shared/ImageItem-BBy5fOl3.js";
-import { I as Pr } from "../shared/ImageSlider-CdBVmAYC.js";
+import { T as n } from "../shared/TagChip-Bs7srjIL.js";
+import { B as c } from "../shared/Banner-DXftmx9P.js";
+import { M as d } from "../shared/Message-BjC8CCSI.js";
+import { B as S } from "../shared/Button-AfMqNCme.js";
+import { B as C } from "../shared/Breadcrumbs-Cqr3Jitd.js";
+import { S as u } from "../shared/SelectField-CvKaukCG.js";
+import { C as F } from "../shared/Combobox-SkrEe5He.js";
+import { T } from "../shared/Tabs-BqIorZYD.js";
+import { P as w } from "../shared/ProgressSpinner-B-lrS-tu.js";
+import { I as M, a as k } from "../shared/IconField-Dh6j6SL1.js";
+import { C as H, F as R, a as v, H as G } from "../shared/HelperText-CVWWvLCI.js";
+import { T as N } from "../shared/Textarea-iJhYTZos.js";
+import { S as j } from "../shared/SearchField-DjJHDaR4.js";
+import { P as y, a as z } from "../shared/Password-BMKy8dAy.js";
+import { I as J } from "../shared/InputNumber-D48wsE-o.js";
+import { I as Q } from "../shared/InputOtp-CUXXVP2E.js";
+import { C as V } from "../shared/Counter-D4Al7Yme.js";
+import { C as X } from "../shared/Checkbox-BXnSN2vK.js";
+import { R as Z } from "../shared/RadioGroup-lw27DCoV.js";
+import { S as $ } from "../shared/Switch-D6E2OmgE.js";
+import { D as or, a as ar } from "../shared/DialogFooter-DyltZzK-.js";
+import { D as tr } from "../shared/DialogHeader-RzfQm-pi.js";
+import { C as pr } from "../shared/ConfirmDialog-Bvk8KZ0M.js";
+import { D as xr, a as fr, b as nr } from "../shared/DrawerFooter-BxOEFQ-W.js";
+import { M as cr } from "../shared/Menu-Cv9dU1iA.js";
+import { P as dr } from "../shared/PanelMenu-BpjNM7O_.js";
+import { S as Sr, c as gr } from "../shared/Snackbar-C29nLHO9.js";
+import { S as Dr } from "../shared/Stepper-By8M5bs0.js";
+import { D as br } from "../shared/DatePicker-CwAISvNc.js";
+import { P as Pr } from "../shared/Paginator-Bp2nghqW.js";
+import { I as Br } from "../shared/ImageItem-BBy5fOl3.js";
+import { I as hr } from "../shared/ImageSlider-Bgb1kNQ4.js";
 export {
   a as Accordion,
   t as Avatar,
   p as Badge,
   c as Banner,
-  S as Breadcrumbs,
-  d as Button,
-  A as CharacterCount,
-  Q as Checkbox,
-  u as Combobox,
-  ar as ConfirmDialog,
-  Dr as DatePicker,
-  Z as Dialog,
-  _ as DialogFooter,
-  rr as DialogHeader,
-  tr as Drawer,
-  sr as DrawerFooter,
-  pr as DrawerHeader,
-  H as FloatLabel,
-  M as FormField,
-  R as HelperText,
-  w as IconField,
-  Cr as ImageItem,
-  Pr as ImageSlider,
-  z as InputNumber,
-  J as InputOtp,
-  h as InputText,
-  xr as Menu,
-  br as Paginator,
-  nr as PanelMenu,
-  j as Password,
-  q as PasswordFooterItem,
-  T as ProgressSpinner,
-  V as RadioGroup,
-  N as SearchField,
-  g as SelectField,
-  cr as Snackbar,
-  Ir as Stepper,
-  X as Switch,
-  F as Tabs,
+  C as Breadcrumbs,
+  S as Button,
+  H as CharacterCount,
+  X as Checkbox,
+  F as Combobox,
+  pr as ConfirmDialog,
+  V as Counter,
+  br as DatePicker,
+  or as Dialog,
+  ar as DialogFooter,
+  tr as DialogHeader,
+  xr as Drawer,
+  fr as DrawerFooter,
+  nr as DrawerHeader,
+  R as FloatLabel,
+  v as FormField,
+  G as HelperText,
+  M as IconField,
+  Br as ImageItem,
+  hr as ImageSlider,
+  J as InputNumber,
+  Q as InputOtp,
+  k as InputText,
+  cr as Menu,
+  d as Message,
+  Pr as Paginator,
+  dr as PanelMenu,
+  y as Password,
+  z as PasswordFooterItem,
+  w as ProgressSpinner,
+  Z as RadioGroup,
+  j as SearchField,
+  u as SelectField,
+  Sr as Snackbar,
+  Dr as Stepper,
+  $ as Switch,
+  T as Tabs,
   x as Tag,
   n as TagChip,
-  G as Textarea,
-  lr as createSnackbar
+  N as Textarea,
+  gr as createSnackbar
 };

package/dist/message/Message.d.ts

@@ -0,0 +1,2 @@
+import { MessageProperties } from './Message.types';
+export declare function Message({ severity, variant, title, icon, disabled, closable, onClose, children, }: MessageProperties): import("react").JSX.Element;

package/dist/message/Message.types.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { MessageSeverity, MessageVariant } from '@tpc-development/mare-ui-components-core/message';
+export type { MessageSeverity, MessageVariant, } from '@tpc-development/mare-ui-components-core/message';
+export interface MessageProperties {
+    /** @default 'neutral' */
+    severity?: MessageSeverity;
+    /** @default 'simple' */
+    variant?: MessageVariant;
+    title?: string;
+    icon?: ReactNode;
+    /** @default false */
+    disabled?: boolean;
+    /** @default false */
+    closable?: boolean;
+    onClose?: () => void;
+    children?: ReactNode;
+}

package/dist/message/index.d.ts

@@ -0,0 +1,2 @@
+export { Message } from './Message';
+export type { MessageProperties, MessageSeverity, MessageVariant, } from './Message.types';

package/dist/message/index.js

@@ -0,0 +1,4 @@
+import { M as a } from "../shared/Message-BjC8CCSI.js";
+export {
+  a as Message
+};

package/dist/paginator/index.js

@@ -1,4 +1,4 @@
-import { P as r } from "../shared/Paginator-BndcA6Ax.js";
+import { P as r } from "../shared/Paginator-Bp2nghqW.js";
 export {
   r as Paginator
 };

package/dist/panel-menu/index.js

@@ -1,4 +1,4 @@
-import { P as n } from "../shared/PanelMenu-Bz-fg6px.js";
+import { P as n } from "../shared/PanelMenu-BpjNM7O_.js";
 export {
   n as PanelMenu
 };

package/dist/password/index.js

@@ -1,4 +1,4 @@
-import { P as a, a as r } from "../shared/Password-cqTK9OlT.js";
+import { P as a, a as r } from "../shared/Password-BMKy8dAy.js";
 export {
   a as Password,
   r as PasswordFooterItem

package/dist/search-field/index.js

@@ -1,4 +1,4 @@
-import { S as a } from "../shared/SearchField-CgZV2Am-.js";
+import { S as a } from "../shared/SearchField-DjJHDaR4.js";
 export {
   a as SearchField
 };

package/dist/select-field/index.js

@@ -1,4 +1,4 @@
-import { S as o } from "../shared/SelectField-CGbdf8C2.js";
+import { S as o } from "../shared/SelectField-CvKaukCG.js";
 export {
   o as SelectField
 };

package/dist/shared/{Accordion-Dhs7EeM6.js → Accordion-BLQ1mWZZ.js}

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as m } from "react/jsx-runtime";
 import { Accordion as r } from "@ark-ui/react/accordion";
-import { a as c } from "./icons-BFOFrum4.js";
+import { I as c } from "./IconChevronDown-ev2ML7Ex.js";
 const d = "mare:w-full", u = (t) => `
 	mare:flex mare:flex-col
 	${t ? "mare:border-b mare:border-default" : ""}

package/dist/shared/{Banner-B41NQS5P.js → Banner-DXftmx9P.js}

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
 import { B as d } from "./Button-AfMqNCme.js";
-import { C as o } from "./icons-BFOFrum4.js";
+import { I as o } from "./IconX-CpPADKjZ.js";
 const c = `
 	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/{Checkbox-B7vM1mxP.js → Checkbox-BXnSN2vK.js}

@@ -1,6 +1,7 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { Checkbox as a } from "@ark-ui/react/checkbox";
-import { b as f, M as x } from "./icons-BFOFrum4.js";
+import { I as f } from "./IconCheck-DzZA6b2U.js";
+import { I as x } from "./IconMinus-fS_GL0Et.js";
 const v = `
 	mare:group/checkbox
 	mare:relative mare:inline-flex mare:items-center mare:gap-2
@@ -52,11 +53,11 @@ const v = `
 `, C = `
 	mare:sr-only
 `;
-function M({
+function L({
   checked: s,
   defaultChecked: l,
   onCheckedChange: n,
-  children: d,
+  children: m,
   size: r = "small",
   disabled: c = !1,
   invalid: o = !1,
@@ -67,7 +68,7 @@ function M({
   form: z,
   id: u
 }) {
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ d(
     a.Root,
     {
       checked: s,
@@ -86,7 +87,7 @@ function M({
       className: v,
       "data-size": r,
       children: [
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ d(
           a.Control,
           {
             className: y,
@@ -116,12 +117,12 @@ function M({
             ]
           }
         ),
-        d && /* @__PURE__ */ e(
+        m && /* @__PURE__ */ e(
           a.Label,
           {
             className: w,
             "data-size": r,
-            children: d
+            children: m
           }
         ),
         /* @__PURE__ */ e(a.HiddenInput, { className: C })
@@ -130,5 +131,5 @@ function M({
   );
 }
 export {
-  M as C
+  L as C
 };

package/dist/shared/{Combobox-oSS0Rlbv.js → Combobox-SkrEe5He.js}

@@ -1,31 +1,34 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
 import { useState as T, useMemo as b } from "react";
-import { createListCollection as V, ComboboxRoot as _, ComboboxLabel as j, ComboboxControl as $, ComboboxTrigger as q, ComboboxClearTrigger as D, ComboboxPositioner as E, ComboboxContent as M, ComboboxInput as O, ComboboxEmpty as P, ComboboxItem as Q, ComboboxItemText as R, ComboboxItemIndicator as z } from "@ark-ui/react/combobox";
-import { c as A, a as B, S as F, b as G } from "./icons-BFOFrum4.js";
-const H = {
+import { createListCollection as V, ComboboxRoot as _, ComboboxLabel as j, ComboboxControl as z, ComboboxTrigger as $, ComboboxClearTrigger as q, ComboboxPositioner as D, ComboboxContent as E, ComboboxInput as M, ComboboxEmpty as O, ComboboxItem as P, ComboboxItemText as Q, ComboboxItemIndicator as R } from "@ark-ui/react/combobox";
+import { I as X } from "./IconX-CpPADKjZ.js";
+import { I as A } from "./IconChevronDown-ev2ML7Ex.js";
+import { I as B } from "./IconSearch-CgM6jEUh.js";
+import { I as F } from "./IconCheck-DzZA6b2U.js";
+const G = {
   small: "mare:h-10",
   medium: "mare:h-12"
 }, f = {
   small: "mare:tpc-typography-body-s",
   medium: "mare:tpc-typography-body-m"
-}, J = (r) => `
+}, H = (r) => `
 	mare:relative mare:flex mare:items-center mare:gap-2
-	${H[r]}
+	${G[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", K = (r) => `
+`, p = "mare:flex mare:items-center mare:shrink-0 mare:text-weak mare:[&>svg]:size-5", J = (r) => `
 	mare:flex-auto mare:flex mare:items-center mare:cursor-pointer
 	mare:bg-transparent mare:text-left mare:truncate mare:text-default ${f[r]}
-`, U = `
+`, K = `
 	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
-`, W = (r) => `
+`, U = (r) => `
 	mare:flex-auto mare:bg-transparent mare:outline-none mare:text-default
 	mare:placeholder:text-weak ${f[r]}
-`, X = "mare:flex mare:items-center mare:shrink-0 mare:text-base mare:cursor-pointer mare:text-default mare:hover:text-weak", Y = "mare:flex mare:items-center mare:shrink-0 mare:text-lg mare:transition-transform mare:ark-open:rotate-180 mare:text-default", Z = `
+`, W = "mare:flex mare:items-center mare:shrink-0 mare:text-base mare:cursor-pointer mare:text-default mare:hover:text-weak", Y = "mare:flex mare:items-center mare:shrink-0 mare:text-lg mare:transition-transform mare:ark-open:rotate-180 mare:text-default", Z = `
 	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)]
@@ -39,29 +42,29 @@ const H = {
 	mare:ark-highlighted:bg-hover
 	mare:ark-selected:bg-accent-weak mare:ark-selected:text-accent
 	mare:ark-disabled:text-disabled mare:ark-disabled:cursor-not-allowed
-`, ae = "mare:flex mare:items-center mare:text-accent", re = "mare:py-2 mare:px-3 mare:tpc-typography-body-s mare:text-weak", te = "mare:tpc-typography-label-s mare:text-weak mare:mb-1.5 mare:block";
-function ie({
+`, ae = "mare:flex mare:items-center mare:text-accent", re = "mare:py-2 mare:px-3 mare:tpc-typography-body-s mare:text-weak", me = "mare:tpc-typography-label-s mare:text-weak mare:mb-1.5 mare:block";
+function de({
   value: r = null,
   onValueChange: h,
-  options: m,
+  options: t,
   placeholder: x = "Select…",
   searchPlaceholder: g = "",
   size: o = "small",
-  disabled: C = !1,
-  invalid: w = !1,
+  disabled: w = !1,
+  invalid: C = !1,
   clearable: k = !1,
   emptyText: y = "Sin resultados",
   label: i,
   leadingIcon: s,
   triggerIcon: v,
-  checkIcon: N,
-  clearIcon: I,
+  checkIcon: I,
+  clearIcon: N,
   renderOption: c
 }) {
   const [l, d] = T(""), n = b(() => {
     const e = l.trim().toLowerCase();
-    return e ? m.filter((L) => L.label.toLowerCase().includes(e)) : m;
-  }, [l, m]), S = b(
+    return e ? t.filter((S) => S.label.toLowerCase().includes(e)) : t;
+  }, [l, t]), L = b(
     () => V({
       items: n,
       itemToValue: (e) => e.value,
@@ -69,14 +72,14 @@ function ie({
       isItemDisabled: (e) => !!e.disabled
     }),
     [n]
-  ), u = m.find((e) => e.value === r)?.label ?? null;
-  return /* @__PURE__ */ t(
+  ), u = t.find((e) => e.value === r)?.label ?? null;
+  return /* @__PURE__ */ m(
     _,
     {
-      collection: S,
+      collection: L,
       value: r == null ? [] : [r],
-      disabled: C,
-      invalid: w,
+      disabled: w,
+      invalid: C,
       openOnClick: !0,
       inputValue: l,
       onValueChange: (e) => h?.(e.value[0] ?? null),
@@ -87,37 +90,37 @@ function ie({
         e.open || d("");
       },
       children: [
-        i && /* @__PURE__ */ a(j, { className: te, children: i }),
-        /* @__PURE__ */ t($, { className: J(o), children: [
+        i && /* @__PURE__ */ a(j, { className: me, children: i }),
+        /* @__PURE__ */ m(z, { className: H(o), children: [
           s && /* @__PURE__ */ a("span", { className: p, children: s }),
-          /* @__PURE__ */ a(q, { className: K(o), children: u ? /* @__PURE__ */ a("span", { children: u }) : /* @__PURE__ */ a("span", { className: "mare:text-weak", children: x }) }),
-          k && /* @__PURE__ */ a(D, { className: X, children: I ?? /* @__PURE__ */ a(A, {}) }),
-          /* @__PURE__ */ a("span", { className: Y, children: v ?? /* @__PURE__ */ a(B, {}) })
+          /* @__PURE__ */ a($, { className: J(o), children: u ? /* @__PURE__ */ a("span", { children: u }) : /* @__PURE__ */ a("span", { className: "mare:text-weak", children: x }) }),
+          k && /* @__PURE__ */ a(q, { className: W, children: N ?? /* @__PURE__ */ a(X, { size: "1em" }) }),
+          /* @__PURE__ */ a("span", { className: Y, children: v ?? /* @__PURE__ */ a(A, { size: "1em" }) })
         ] }),
-        /* @__PURE__ */ a(E, { children: /* @__PURE__ */ t(M, { className: Z, children: [
-          /* @__PURE__ */ t("div", { className: U, children: [
+        /* @__PURE__ */ a(D, { children: /* @__PURE__ */ m(E, { className: Z, children: [
+          /* @__PURE__ */ m("div", { className: K, children: [
             /* @__PURE__ */ a(
-              O,
+              M,
               {
                 placeholder: g,
-                className: W(o)
+                className: U(o)
               }
             ),
-            /* @__PURE__ */ a("span", { className: p, children: /* @__PURE__ */ a(F, {}) })
+            /* @__PURE__ */ a("span", { className: p, children: /* @__PURE__ */ a(B, {}) })
           ] }),
-          /* @__PURE__ */ a(P, { className: re, children: y }),
-          n.map((e) => /* @__PURE__ */ t(
-            Q,
+          /* @__PURE__ */ a(O, { className: re, children: y }),
+          n.map((e) => /* @__PURE__ */ m(
+            P,
             {
               item: e,
               className: ee,
               children: [
-                /* @__PURE__ */ a(R, { children: c ? c(e) : e.label }),
+                /* @__PURE__ */ a(Q, { children: c ? c(e) : e.label }),
                 /* @__PURE__ */ a(
-                  z,
+                  R,
                   {
                     className: ae,
-                    children: N ?? /* @__PURE__ */ a(G, {})
+                    children: I ?? /* @__PURE__ */ a(F, { size: "1em" })
                   }
                 )
               ]
@@ -130,5 +133,5 @@ function ie({
   );
 }
 export {
-  ie as C
+  de as C
 };