@tpc-mare/mare-ui-components-react 0.1.3 → 0.1.6

package/dist/accordion/Accordion.d.ts

@@ -0,0 +1,2 @@
+import { AccordionProperties } from './Accordion.types';
+export declare function Accordion({ items, value, defaultValue, onValueChange, multiple, collapsible, }: AccordionProperties): import("react").JSX.Element;

package/dist/accordion/Accordion.types.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { AccordionItemData } from '@tpc-development/mare-ui-components-core/accordion';
+export type { AccordionItemData } from '@tpc-development/mare-ui-components-core/accordion';
+export interface AccordionItemProperties extends AccordionItemData {
+    subtitle?: ReactNode;
+    content: ReactNode;
+}
+export interface AccordionProperties {
+    items: AccordionItemProperties[];
+    /** Controlled expanded item values. Omit to let Ark manage it. */
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    /** Whether multiple items can be expanded at once.
+     * @default false */
+    multiple?: boolean;
+    /** Whether an expanded item can be collapsed back by clicking it again.
+     * @default true */
+    collapsible?: boolean;
+}

package/dist/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { Accordion } from './Accordion';
+export type { AccordionProperties, AccordionItemProperties, AccordionItemData, } from './Accordion.types';

package/dist/accordion/index.js

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

package/dist/badge/Badge.d.ts

@@ -0,0 +1,2 @@
+import { BadgeProperties } from './Badge.types';
+export declare function Badge({ severity, icon, children, }: BadgeProperties): import("react").JSX.Element;

package/dist/badge/Badge.types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { BadgeSeverity } from '@tpc-development/mare-ui-components-core/badge';
+export type { BadgeSeverity } from '@tpc-development/mare-ui-components-core/badge';
+export interface BadgeProperties {
+    /** @default 'accent' */
+    severity?: BadgeSeverity;
+    /** Shown next to (or instead of) `children`. */
+    icon?: ReactNode;
+    /** The count/label. A bare dot renders when neither this nor `icon` is set. */
+    children?: ReactNode;
+}

package/dist/badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge } from './Badge';
+export type { BadgeProperties, BadgeSeverity } from './Badge.types';

package/dist/badge/index.js

@@ -0,0 +1,4 @@
+import { B as o } from "../shared/Badge-WC6my4Aw.js";
+export {
+  o as Badge
+};

package/dist/checkbox/index.js

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

package/dist/combobox/index.js

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

package/dist/date-picker/DatePicker.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode } from 'react';
+import { DatePickerProperties } from './DatePicker.types';
+export declare function DatePicker({ value, onValueChange, selectionMode, size, label, placeholder, disabled, invalid, minDate, maxDate, navigation, doubleMonth, inline, clearable, prices, currency, locale, showTime, timeOnly, showSeconds, footer, leadingIcon, portalContainer, onOpenChange, onVisibleMonthsChange, }: DatePickerProperties): ReactNode;

package/dist/date-picker/DatePicker.types.d.ts

@@ -0,0 +1,52 @@
+import { ReactNode, RefObject } from 'react';
+import { DatePickerSelectionMode, DatePickerValue, DatePriceData, InputTextSize } from '@tpc-development/mare-ui-components-core/date-picker';
+export type { DatePickerSelectionMode, DatePickerValue, DatePriceData, InputTextSize, } from '@tpc-development/mare-ui-components-core/date-picker';
+export interface DatePickerProperties {
+    value?: DatePickerValue;
+    onValueChange?: (value: DatePickerValue) => void;
+    selectionMode?: DatePickerSelectionMode;
+    size?: InputTextSize;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    invalid?: boolean;
+    /** Inclusive bounds. Also clamps the time-of-day when `showTime`/`timeOnly`. */
+    minDate?: Date;
+    maxDate?: Date;
+    /** Show prev/next + the clickable month/year view switcher. @default true */
+    navigation?: boolean;
+    /** Two months side-by-side at/above the `sm` breakpoint. @default false */
+    doubleMonth?: boolean;
+    /** Render the calendar in normal flow — no field, no floating panel. @default false */
+    inline?: boolean;
+    /** Show the '×' clear trigger once a value is selected. @default true */
+    clearable?: boolean;
+    /** Price badge under each day — the booking-calendar use case. */
+    prices?: DatePriceData[];
+    currency?: string;
+    /** BCP 47 tag, e.g. "es-MX". @default "en-US" */
+    locale?: string;
+    /** Show a native time input under the calendar. @default false */
+    showTime?: boolean;
+    /** Time-only — the calendar view is hidden, only the time input shows. @default false */
+    timeOnly?: boolean;
+    showSeconds?: boolean;
+    /** Render prop so consumers compose their own Clear/Apply buttons (e.g. Mare's
+     * own `<Button>`) instead of Mare hardcoding a footer. */
+    footer?: (helpers: {
+        close: () => void;
+        clear: () => void;
+    }) => ReactNode;
+    leadingIcon?: ReactNode;
+    /** Passed straight through to Ark's `<Portal container>` — see the
+     * mare-migrate-component skill's Portal section for why this must be
+     * exposed (a single `data-theme` on the document root is the default,
+     * correct, common case — this is only for multi-theme layouts). */
+    portalContainer?: RefObject<HTMLElement | null>;
+    onOpenChange?: (open: boolean) => void;
+    /** Fires whenever the visible month(s) change (navigation or open). The Vue
+     * DS also had a separate `month-change` event — every real consumer just
+     * `console.log`'d both with identical payloads, so this adapter exposes
+     * the one Ark already gives us (`onVisibleRangeChange`) instead of two. */
+    onVisibleMonthsChange?: (months: Date[]) => void;
+}

package/dist/date-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+export type { DatePickerProperties, DatePickerSelectionMode, DatePickerValue, DatePriceData, InputTextSize, } from './DatePicker.types';

package/dist/date-picker/index.js

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

package/dist/dialog/index.js

@@ -1,4 +1,4 @@
-import { D as e, a as r, b as D } from "../shared/DialogFooter-DLWy6Mln.js";
+import { D as e, a as r, b as D } from "../shared/DialogFooter-BwEB19v9.js";
 export {
   e as Dialog,
   r as DialogFooter,

package/dist/drawer/index.js

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

package/dist/index/index.d.ts

@@ -1,5 +1,11 @@
+export { Accordion } from '../accordion';
+export type { AccordionProperties, AccordionItemProperties, AccordionItemData, } from '../accordion';
 export { Avatar } from '../avatar';
 export type { AvatarProperties, AvatarSize } from '../avatar';
+export { Badge } from '../badge';
+export type { BadgeProperties, BadgeSeverity } from '../badge';
+export { Tag } from '../tag';
+export type { TagProperties, TagSeverity, TagSize } from '../tag';
 export { Button } from '../button';
 export type { ButtonProperties, ButtonSeverity, ButtonSize, ButtonVariant, IconPosition, } from '../button';
 export { SelectField } from '../select-field';
@@ -30,3 +36,13 @@ export { Drawer, DrawerHeader, DrawerFooter } from '../drawer';
 export type { DrawerProperties, DrawerPosition, DrawerHeaderProperties, DrawerFooterProperties, } from '../drawer';
 export { Menu } from '../menu';
 export type { MenuProperties, MenuItemData, MenuSeparatorEntry, MenuGroupEntry, MenuEntry, } from '../menu';
+export { PanelMenu } from '../panel-menu';
+export type { PanelMenuProperties, PanelMenuItemData, } from '../panel-menu';
+export { Snackbar, createSnackbar } from '../snackbar';
+export type { SnackbarProperties, SnackbarController, SnackbarConfig, SnackbarShowOptions, SnackbarSeverity, SnackbarPlacement, } from '../snackbar';
+export { Stepper } from '../stepper';
+export type { StepperProperties, StepItemData, StepperOrientation, StepperIndicatorVariant, } from '../stepper';
+export { DatePicker } from '../date-picker';
+export type { DatePickerProperties, DatePickerSelectionMode, DatePickerValue, DatePriceData, } from '../date-picker';
+export { Paginator } from '../paginator';
+export type { PaginatorProperties } from '../paginator';

package/dist/index/index.js

@@ -1,44 +1,61 @@
-import { A as a } from "../shared/Avatar-D3QlO3Tz.js";
-import { B as t } from "../shared/Button-AfMqNCme.js";
-import { S as p } from "../shared/SelectField-BSTmWjYy.js";
-import { C as m } from "../shared/Combobox-DeUG_muZ.js";
-import { T as l } from "../shared/Tabs-BqIorZYD.js";
+import { A as a } from "../shared/Accordion-E6aTw9ir.js";
+import { A as t } from "../shared/Avatar-D3QlO3Tz.js";
+import { B as p } from "../shared/Badge-WC6my4Aw.js";
+import { T as m } from "../shared/Tag-BtbmgIwL.js";
+import { B as n } from "../shared/Button-AfMqNCme.js";
+import { S as i } from "../shared/SelectField-DNlX8uuG.js";
+import { C as S } from "../shared/Combobox-DK6nHqAL.js";
+import { T as D } from "../shared/Tabs-BqIorZYD.js";
 import { P as F } from "../shared/ProgressSpinner-B-lrS-tu.js";
-import { I as n, a as D } from "../shared/IconField-Dh6j6SL1.js";
-import { C as u, F as C, a as S, H as c } from "../shared/HelperText-CVWWvLCI.js";
-import { T as I } from "../shared/Textarea-iJhYTZos.js";
-import { S as h } from "../shared/SearchField-CgDz_s1O.js";
-import { I as H } from "../shared/InputNumber-D48wsE-o.js";
-import { C as B } from "../shared/Checkbox-DsM70wQl.js";
-import { R as P } from "../shared/RadioGroup-lw27DCoV.js";
-import { S as k } from "../shared/Switch-D6E2OmgE.js";
-import { D as G, a as L, b as N } from "../shared/DialogFooter-DLWy6Mln.js";
-import { D as q, a as y, b as z } from "../shared/DrawerFooter-DvUgumx0.js";
-import { M as J } from "../shared/Menu-Cv9dU1iA.js";
+import { I as T, a as g } from "../shared/IconField-Dh6j6SL1.js";
+import { C as P, F as I, a as h, H as k } from "../shared/HelperText-CVWWvLCI.js";
+import { T as A } from "../shared/Textarea-iJhYTZos.js";
+import { S as H } from "../shared/SearchField-DuA4ZkBL.js";
+import { I as R } from "../shared/InputNumber-D48wsE-o.js";
+import { C as G } from "../shared/Checkbox-fis7v2xS.js";
+import { R as N } from "../shared/RadioGroup-lw27DCoV.js";
+import { S as q } from "../shared/Switch-D6E2OmgE.js";
+import { D as z, a as E, b as J } from "../shared/DialogFooter-BwEB19v9.js";
+import { D as O, a as Q, b as U } from "../shared/DrawerFooter-C0SLP8KU.js";
+import { M as W } from "../shared/Menu-Cv9dU1iA.js";
+import { P as Y } from "../shared/PanelMenu-Ch4NsZD_.js";
+import { S as _, c as $ } from "../shared/Snackbar-C29nLHO9.js";
+import { S as or } from "../shared/Stepper-BYRV6yan.js";
+import { D as er } from "../shared/DatePicker-CF9y6eAm.js";
+import { P as sr } from "../shared/Paginator-CcN6wND7.js";
 export {
-  a as Avatar,
-  t as Button,
-  u as CharacterCount,
-  B as Checkbox,
-  m as Combobox,
-  G as Dialog,
-  L as DialogFooter,
-  N as DialogHeader,
-  q as Drawer,
-  y as DrawerFooter,
-  z as DrawerHeader,
-  C as FloatLabel,
-  S as FormField,
-  c as HelperText,
-  n as IconField,
-  H as InputNumber,
-  D as InputText,
-  J as Menu,
+  a as Accordion,
+  t as Avatar,
+  p as Badge,
+  n as Button,
+  P as CharacterCount,
+  G as Checkbox,
+  S as Combobox,
+  er as DatePicker,
+  z as Dialog,
+  E as DialogFooter,
+  J as DialogHeader,
+  O as Drawer,
+  Q as DrawerFooter,
+  U as DrawerHeader,
+  I as FloatLabel,
+  h as FormField,
+  k as HelperText,
+  T as IconField,
+  R as InputNumber,
+  g as InputText,
+  W as Menu,
+  sr as Paginator,
+  Y as PanelMenu,
   F as ProgressSpinner,
-  P as RadioGroup,
-  h as SearchField,
-  p as SelectField,
-  k as Switch,
-  l as Tabs,
-  I as Textarea
+  N as RadioGroup,
+  H as SearchField,
+  i as SelectField,
+  _ as Snackbar,
+  or as Stepper,
+  q as Switch,
+  D as Tabs,
+  m as Tag,
+  A as Textarea,
+  $ as createSnackbar
 };

package/dist/paginator/Paginator.d.ts

@@ -0,0 +1,2 @@
+import { PaginatorProperties } from './Paginator.types';
+export declare function Paginator({ count, page, defaultPage, onPageChange, pageSize, defaultPageSize, onPageSizeChange, pageLinkSize, showFirstLastLinks, rowsPerPageOptions, rowsPerPageOptionsLabel, }: PaginatorProperties): import("react").JSX.Element;

package/dist/paginator/Paginator.types.d.ts

@@ -0,0 +1,21 @@
+export interface PaginatorProperties {
+    /** Total number of data items (rows), NOT page count. */
+    count: number;
+    /** Controlled current page, 1-indexed. Omit to let Ark manage it. */
+    page?: number;
+    defaultPage?: number;
+    onPageChange?: (page: number) => void;
+    /** Items per page. */
+    pageSize?: number;
+    defaultPageSize?: number;
+    onPageSizeChange?: (pageSize: number) => void;
+    /** Numbered buttons shown at once — shrinks to fit a narrow container. */
+    pageLinkSize?: number;
+    /** Shows the jump-to-first/last-page buttons.
+     * @default true */
+    showFirstLastLinks?: boolean;
+    /** Shows the "rows per page" select when given 1+ options. */
+    rowsPerPageOptions?: number[];
+    /** @default 'Rows per page' */
+    rowsPerPageOptionsLabel?: string;
+}

package/dist/paginator/index.d.ts

@@ -0,0 +1,2 @@
+export { Paginator } from './Paginator';
+export type { PaginatorProperties } from './Paginator.types';

package/dist/paginator/index.js

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

package/dist/panel-menu/PanelMenu.d.ts

@@ -0,0 +1,2 @@
+import { PanelMenuProperties } from './PanelMenu.types';
+export declare function PanelMenu({ items, expandedValue, defaultExpandedValue, onExpandedChange, renderItem, }: PanelMenuProperties): import("react").JSX.Element;

package/dist/panel-menu/PanelMenu.types.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { PanelMenuItemData } from '@tpc-development/mare-ui-components-core/panel-menu';
+export type { PanelMenuItemData } from '@tpc-development/mare-ui-components-core/panel-menu';
+export interface PanelMenuProperties {
+    items: PanelMenuItemData[];
+    /** Controlled expanded branch values. Omit to let Ark manage it (uncontrolled). */
+    expandedValue?: string[];
+    defaultExpandedValue?: string[];
+    onExpandedChange?: (value: string[]) => void;
+    /** Override the default icon + label row entirely. */
+    renderItem?: (item: PanelMenuItemData) => ReactNode;
+}

package/dist/panel-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { PanelMenu } from './PanelMenu';
+export type { PanelMenuProperties, PanelMenuItemData } from './PanelMenu.types';

package/dist/panel-menu/index.js

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

package/dist/search-field/index.js

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

package/dist/select-field/index.js

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

package/dist/shared/Accordion-E6aTw9ir.js

@@ -0,0 +1,63 @@
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { Accordion as r } from "@ark-ui/react/accordion";
+import { C as c } from "./icons-Dfn6EUcz.js";
+const d = "mare:w-full", u = (t) => `
+	mare:flex mare:flex-col
+	${t ? "mare:border-b mare:border-default" : ""}
+`, f = `
+	mare:w-full mare:flex mare:items-center mare:justify-between mare:gap-3
+	mare:bg-transparent mare:border-none mare:text-left mare:cursor-pointer
+	mare:py-4 mare:tpc-typography-label-m mare:text-default
+	mare:transition-colors mare:duration-200
+	mare:focus-visible:outline mare:focus-visible:outline-1 mare:focus-visible:outline-accent mare:focus-visible:-outline-offset-1
+	mare:disabled:cursor-not-allowed mare:disabled:opacity-50 mare:disabled:pointer-events-none
+`, p = "mare:flex mare:flex-col mare:items-start mare:gap-0.5 mare:text-left", b = "mare:tpc-typography-body-s mare:text-weak", h = `
+	mare:flex mare:items-center mare:justify-center mare:shrink-0 mare:text-default
+	mare:transition-transform mare:ark-open:rotate-180 mare:[&>svg]:size-5
+`, x = `
+	mare:overflow-hidden mare:pb-4
+	mare:ark-open:[animation:mare-panel-menu-branch-open_250ms_ease-out]
+	mare:ark-closed:[animation:mare-panel-menu-branch-close_200ms_ease-in]
+`;
+function w({
+  items: t,
+  value: n,
+  defaultValue: o,
+  onValueChange: s,
+  multiple: l = !1,
+  collapsible: i = !0
+}) {
+  return /* @__PURE__ */ a(
+    r.Root,
+    {
+      className: d,
+      value: n,
+      defaultValue: o,
+      multiple: l,
+      collapsible: i,
+      onValueChange: (e) => s?.(e.value),
+      children: t.map((e) => /* @__PURE__ */ m(
+        r.Item,
+        {
+          value: e.value,
+          disabled: e.disabled,
+          className: u(e.divider ?? !0),
+          children: [
+            /* @__PURE__ */ m(r.ItemTrigger, { className: f, children: [
+              /* @__PURE__ */ m("span", { className: p, children: [
+                /* @__PURE__ */ a("span", { children: e.title }),
+                e.subtitle && /* @__PURE__ */ a("span", { className: b, children: e.subtitle })
+              ] }),
+              /* @__PURE__ */ a(r.ItemIndicator, { className: h, children: /* @__PURE__ */ a(c, {}) })
+            ] }),
+            /* @__PURE__ */ a(r.ItemContent, { className: x, children: e.content })
+          ]
+        },
+        e.value
+      ))
+    }
+  );
+}
+export {
+  w as A
+};

package/dist/shared/Badge-WC6my4Aw.js

@@ -0,0 +1,35 @@
+import { jsxs as i } from "react/jsx-runtime";
+const s = `
+	mare:rounded-full mare:inline-flex mare:justify-center mare:items-center
+	mare:text-center mare:py-0 mare:tpc-typography-label-xs
+	mare:h-2 mare:min-w-2 mare:has-value:h-4 mare:has-value:min-w-4
+	mare:has-icon:px-0 mare:px-1
+	mare:data-severity-accent:bg-accent mare:data-severity-accent:text-on-accent
+	mare:data-severity-danger:bg-danger mare:data-severity-danger:text-on-danger
+	mare:data-severity-warning:bg-warning mare:data-severity-warning:text-on-warning
+	mare:data-severity-highlight:bg-highlight mare:data-severity-highlight:text-on-accent
+	mare:data-severity-positive:bg-positive mare:data-severity-positive:text-on-positive
+`;
+function c({
+  severity: r = "accent",
+  icon: e,
+  children: a
+}) {
+  const t = !!e, n = t || a != null;
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      className: s,
+      "data-severity": r,
+      "data-has-value": n ? "true" : void 0,
+      "data-has-icon": t ? "true" : void 0,
+      children: [
+        e,
+        a
+      ]
+    }
+  );
+}
+export {
+  c as B
+};

package/dist/shared/{Checkbox-DsM70wQl.js → Checkbox-fis7v2xS.js}

@@ -1,6 +1,6 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { Checkbox as a } from "@ark-ui/react/checkbox";
-import { C as f, M as x } from "./icons-DeVfnVLm.js";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { Checkbox as e } from "@ark-ui/react/checkbox";
+import { a as f, M as x } from "./icons-Dfn6EUcz.js";
 const v = `
 	mare:group/checkbox
 	mare:relative mare:inline-flex mare:items-center mare:gap-2
@@ -68,7 +68,7 @@ function M({
   id: u
 }) {
   return /* @__PURE__ */ m(
-    a.Root,
+    e.Root,
     {
       checked: s,
       defaultChecked: l,
@@ -87,24 +87,24 @@ function M({
       "data-size": r,
       children: [
         /* @__PURE__ */ m(
-          a.Control,
+          e.Control,
           {
             className: y,
             "data-size": r,
             children: [
-              /* @__PURE__ */ e(a.Indicator, { className: i, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ a(e.Indicator, { className: i, children: /* @__PURE__ */ a(
                 f,
                 {
                   className: t,
                   "data-size": r
                 }
               ) }),
-              /* @__PURE__ */ e(
-                a.Indicator,
+              /* @__PURE__ */ a(
+                e.Indicator,
                 {
                   indeterminate: !0,
                   className: i,
-                  children: /* @__PURE__ */ e(
+                  children: /* @__PURE__ */ a(
                     x,
                     {
                       className: t,
@@ -116,15 +116,15 @@ function M({
             ]
           }
         ),
-        d && /* @__PURE__ */ e(
-          a.Label,
+        d && /* @__PURE__ */ a(
+          e.Label,
           {
             className: w,
             "data-size": r,
             children: d
           }
         ),
-        /* @__PURE__ */ e(a.HiddenInput, { className: C })
+        /* @__PURE__ */ a(e.HiddenInput, { className: C })
       ]
     }
   );

package/dist/shared/{Combobox-DeUG_muZ.js → Combobox-DK6nHqAL.js}

@@ -1,7 +1,7 @@
 import { jsxs as t, 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 { a as A, b as B, S as F, C as G } from "./icons-DeVfnVLm.js";
+import { b as A, C as B, S as F, a as G } from "./icons-Dfn6EUcz.js";
 const H = {
   small: "mare:h-10",
   medium: "mare:h-12"