@tpc-mare/mare-ui-components-react 0.1.9 → 0.1.11

package/dist/accordion/index.js

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

package/dist/banner/index.js

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

package/dist/checkbox/index.js

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

package/dist/combobox/index.js

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

package/dist/confirm-dialog/ConfirmDialog.d.ts

@@ -0,0 +1,2 @@
+import { ConfirmDialogProperties } from './ConfirmDialog.types';
+export declare function ConfirmDialog({ open, onOpenChange, header, message, severity, layout, icon, acceptLabel, rejectLabel, onAccept, onReject, portalContainer, }: ConfirmDialogProperties): import("react").JSX.Element;

package/dist/confirm-dialog/ConfirmDialog.types.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode, RefObject } from 'react';
+import { ConfirmDialogSeverity, ConfirmDialogLayout } from '@tpc-development/mare-ui-components-core/confirm-dialog';
+export type { ConfirmDialogSeverity, ConfirmDialogLayout, } from '@tpc-development/mare-ui-components-core/confirm-dialog';
+export interface ConfirmDialogProperties {
+    open: boolean;
+    onOpenChange?: (open: boolean) => void;
+    header: string;
+    message: string;
+    /** @default 'none' — 'warning' also swaps the accept button to `danger` severity. */
+    severity?: ConfirmDialogSeverity;
+    /** @default 'row' */
+    layout?: ConfirmDialogLayout;
+    icon?: ReactNode;
+    /** @default 'Confirm' */
+    acceptLabel?: string;
+    /** @default 'Cancel' */
+    rejectLabel?: string;
+    onAccept?: () => void;
+    onReject?: () => void;
+    portalContainer?: RefObject<HTMLElement | null>;
+}

package/dist/confirm-dialog/index.d.ts

@@ -0,0 +1,2 @@
+export { ConfirmDialog } from './ConfirmDialog';
+export type { ConfirmDialogProperties, ConfirmDialogSeverity, ConfirmDialogLayout, } from './ConfirmDialog.types';

package/dist/confirm-dialog/index.js

@@ -0,0 +1,4 @@
+import { C as a } from "../shared/ConfirmDialog-Bvk8KZ0M.js";
+export {
+  a as ConfirmDialog
+};

package/dist/date-picker/index.js

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

package/dist/dialog/index.js

@@ -1,6 +1,7 @@
-import { D as e, a as r, b as D } from "../shared/DialogFooter-AfXLN8ps.js";
+import { D as r, a as e } from "../shared/DialogFooter-DyltZzK-.js";
+import { D as g } from "../shared/DialogHeader-CZ5OrC8_.js";
 export {
-  e as Dialog,
-  r as DialogFooter,
-  D as DialogHeader
+  r as Dialog,
+  e as DialogFooter,
+  g as DialogHeader
 };

package/dist/drawer/index.js

@@ -1,4 +1,4 @@
-import { D as e, a as o, b as D } from "../shared/DrawerFooter-BZTmEepg.js";
+import { D as e, a as o, b as D } from "../shared/DrawerFooter-OFrTFvy2.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-CO34btjQ.js";
+import { I as a } from "../shared/ImageSlider-CdBVmAYC.js";
 export {
   a as ImageSlider
 };

package/dist/index/index.d.ts

@@ -6,6 +6,8 @@ export { Badge } from '../badge';
 export type { BadgeProperties, BadgeSeverity } from '../badge';
 export { Tag } from '../tag';
 export type { TagProperties, TagSeverity, TagSize } from '../tag';
+export { TagChip } from '../tag-chip';
+export type { TagChipProperties, TagChipSeverity, TagChipSize, } from '../tag-chip';
 export { Banner } from '../banner';
 export type { BannerProperties, BannerSeverity } from '../banner';
 export { Button } from '../button';
@@ -38,6 +40,8 @@ export { Switch } from '../switch';
 export type { SwitchProperties, SwitchSize } from '../switch';
 export { Dialog, DialogHeader, DialogFooter } from '../dialog';
 export type { DialogProperties, DialogSize, DialogHeaderProperties, DialogFooterProperties, DialogFooterLayout, } from '../dialog';
+export { ConfirmDialog } from '../confirm-dialog';
+export type { ConfirmDialogProperties, ConfirmDialogSeverity, ConfirmDialogLayout, } from '../confirm-dialog';
 export { Drawer, DrawerHeader, DrawerFooter } from '../drawer';
 export type { DrawerProperties, DrawerPosition, DrawerHeaderProperties, DrawerFooterProperties, } from '../drawer';
 export { Menu } from '../menu';

package/dist/index/index.js

@@ -1,72 +1,77 @@
-import { A as a } from "../shared/Accordion-CiSnCOHD.js";
+import { A as a } from "../shared/Accordion-Dhs7EeM6.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 { B as n } from "../shared/Banner-GuoT4U9D.js";
-import { B as c } from "../shared/Button-AfMqNCme.js";
-import { S as I } from "../shared/SelectField-R01ijqFZ.js";
-import { C as d } from "../shared/Combobox-DbY_pKve.js";
-import { T as D } from "../shared/Tabs-BqIorZYD.js";
-import { P } from "../shared/ProgressSpinner-B-lrS-tu.js";
-import { I as u, a as T } from "../shared/IconField-Dh6j6SL1.js";
-import { C as w, F as B, a as h, H as k } from "../shared/HelperText-CVWWvLCI.js";
-import { T as H } from "../shared/Textarea-iJhYTZos.js";
-import { S as R } from "../shared/SearchField-ifduhshF.js";
-import { P as G, a as L } from "../shared/Password-DMVUbmGP.js";
-import { I as O } from "../shared/InputNumber-D48wsE-o.js";
-import { I as q } from "../shared/InputOtp-CUXXVP2E.js";
-import { C as z } from "../shared/Checkbox-B6RWHWrC.js";
-import { R as J } from "../shared/RadioGroup-lw27DCoV.js";
-import { S as Q } from "../shared/Switch-D6E2OmgE.js";
-import { D as V, a as W, b as X } from "../shared/DialogFooter-AfXLN8ps.js";
-import { D as Z, a as _, b as $ } from "../shared/DrawerFooter-BZTmEepg.js";
-import { M as or } from "../shared/Menu-Cv9dU1iA.js";
-import { P as er } from "../shared/PanelMenu-Dq570xnF.js";
-import { S as sr, c as pr } from "../shared/Snackbar-C29nLHO9.js";
-import { S as xr } from "../shared/Stepper-K59S7ztj.js";
-import { D as nr } from "../shared/DatePicker-D9YdpbT1.js";
-import { P as cr } from "../shared/Paginator-Bn8HJXCg.js";
-import { I as Ir } from "../shared/ImageItem-BBy5fOl3.js";
-import { I as dr } from "../shared/ImageSlider-CO34btjQ.js";
+import { T as n } from "../shared/TagChip-BNszVayi.js";
+import { B as l } from "../shared/Banner-B41NQS5P.js";
+import { B as I } from "../shared/Button-AfMqNCme.js";
+import { S as d } from "../shared/SelectField-CGbdf8C2.js";
+import { C as g } 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 u, a as w } from "../shared/IconField-Dh6j6SL1.js";
+import { C as h, F as k, a as A, H } from "../shared/HelperText-CVWWvLCI.js";
+import { T as R } from "../shared/Textarea-iJhYTZos.js";
+import { S as G } from "../shared/SearchField-CgZV2Am-.js";
+import { P as N, a as O } from "../shared/Password-cqTK9OlT.js";
+import { I as q } from "../shared/InputNumber-D48wsE-o.js";
+import { I as z } from "../shared/InputOtp-CUXXVP2E.js";
+import { C as J } from "../shared/Checkbox-B7vM1mxP.js";
+import { R as Q } from "../shared/RadioGroup-lw27DCoV.js";
+import { S as V } from "../shared/Switch-D6E2OmgE.js";
+import { D as X, a as Y } from "../shared/DialogFooter-DyltZzK-.js";
+import { D as _ } from "../shared/DialogHeader-CZ5OrC8_.js";
+import { C as rr } from "../shared/ConfirmDialog-Bvk8KZ0M.js";
+import { D as ar, a as er, b as tr } from "../shared/DrawerFooter-OFrTFvy2.js";
+import { M as pr } from "../shared/Menu-Cv9dU1iA.js";
+import { P as xr } from "../shared/PanelMenu-Bz-fg6px.js";
+import { S as nr, c as ir } from "../shared/Snackbar-C29nLHO9.js";
+import { S as cr } from "../shared/Stepper-BpKdB3ip.js";
+import { D as Sr } from "../shared/DatePicker-GYH3uorm.js";
+import { P as Dr } from "../shared/Paginator-BndcA6Ax.js";
+import { I as Cr } from "../shared/ImageItem-BBy5fOl3.js";
+import { I as Pr } from "../shared/ImageSlider-CdBVmAYC.js";
 export {
   a as Accordion,
   t as Avatar,
   p as Badge,
-  n as Banner,
-  c as Button,
-  w as CharacterCount,
-  z as Checkbox,
-  d as Combobox,
-  nr as DatePicker,
-  V as Dialog,
-  W as DialogFooter,
-  X as DialogHeader,
-  Z as Drawer,
-  _ as DrawerFooter,
-  $ as DrawerHeader,
-  B as FloatLabel,
-  h as FormField,
-  k as HelperText,
+  l as Banner,
+  I as Button,
+  h as CharacterCount,
+  J as Checkbox,
+  g as Combobox,
+  rr as ConfirmDialog,
+  Sr as DatePicker,
+  X as Dialog,
+  Y as DialogFooter,
+  _ as DialogHeader,
+  ar as Drawer,
+  er as DrawerFooter,
+  tr as DrawerHeader,
+  k as FloatLabel,
+  A as FormField,
+  H as HelperText,
   u as IconField,
-  Ir as ImageItem,
-  dr as ImageSlider,
-  O as InputNumber,
-  q as InputOtp,
-  T as InputText,
-  or as Menu,
-  cr as Paginator,
-  er as PanelMenu,
-  G as Password,
-  L as PasswordFooterItem,
-  P as ProgressSpinner,
-  J as RadioGroup,
-  R as SearchField,
-  I as SelectField,
-  sr as Snackbar,
-  xr as Stepper,
-  Q as Switch,
-  D as Tabs,
+  Cr as ImageItem,
+  Pr as ImageSlider,
+  q as InputNumber,
+  z as InputOtp,
+  w as InputText,
+  pr as Menu,
+  Dr as Paginator,
+  xr as PanelMenu,
+  N as Password,
+  O as PasswordFooterItem,
+  T as ProgressSpinner,
+  Q as RadioGroup,
+  G as SearchField,
+  d as SelectField,
+  nr as Snackbar,
+  cr as Stepper,
+  V as Switch,
+  F as Tabs,
   x as Tag,
-  H as Textarea,
-  pr as createSnackbar
+  n as TagChip,
+  R as Textarea,
+  ir as createSnackbar
 };

package/dist/paginator/index.js

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

package/dist/panel-menu/index.js

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

package/dist/password/index.js

@@ -1,4 +1,4 @@
-import { P as a, a as r } from "../shared/Password-DMVUbmGP.js";
+import { P as a, a as r } from "../shared/Password-cqTK9OlT.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-ifduhshF.js";
+import { S as a } from "../shared/SearchField-CgZV2Am-.js";
 export {
   a as SearchField
 };

package/dist/select-field/index.js

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

package/dist/shared/{Accordion-CiSnCOHD.js → Accordion-Dhs7EeM6.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 { C as c } from "./icons-CQQSG2_s.js";
+import { a as c } from "./icons-BFOFrum4.js";
 const d = "mare:w-full", u = (t) => `
 	mare:flex mare:flex-col
 	${t ? "mare:border-b mare:border-default" : ""}

package/dist/shared/{Banner-GuoT4U9D.js → Banner-B41NQS5P.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 { a as o } from "./icons-CQQSG2_s.js";
+import { C as o } from "./icons-BFOFrum4.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-B6RWHWrC.js → Checkbox-B7vM1mxP.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 { b as f, M as x } from "./icons-CQQSG2_s.js";
+import { b as f, M as x } from "./icons-BFOFrum4.js";
 const v = `
 	mare:group/checkbox
 	mare:relative mare:inline-flex mare:items-center mare:gap-2

package/dist/shared/{Combobox-DbY_pKve.js → Combobox-oSS0Rlbv.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 { c as A, C as B, S as F, b as G } from "./icons-CQQSG2_s.js";
+import { c as A, a as B, S as F, b as G } from "./icons-BFOFrum4.js";
 const H = {
   small: "mare:h-10",
   medium: "mare:h-12"

package/dist/shared/ConfirmDialog-Bvk8KZ0M.js

@@ -0,0 +1,79 @@
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import { D as g, a as h } from "./DialogFooter-DyltZzK-.js";
+import { B as n } from "./Button-AfMqNCme.js";
+const u = (e) => `
+	mare:w-full mare:h-full
+	${e === "column" ? "mare:pt-10 mare:pb-4" : "mare:pt-8"}
+`, v = (e) => e === "column" ? "mare:flex mare:flex-col mare:items-center mare:gap-4" : "mare:flex mare:flex-col mare:sm:flex-row mare:items-center mare:sm:items-start mare:gap-4 mare:sm:gap-6", w = (e) => `mare:flex-1 mare:flex mare:flex-col mare:gap-2 ${e === "column" ? "mare:items-center mare:text-center" : "mare:items-center mare:sm:items-start mare:text-center mare:sm:text-left"}`, y = "mare:tpc-typography-title-s mare:text-default", k = "mare:overflow-y-auto mare:tpc-typography-body-m mare:text-weak", N = (e) => `
+	mare:size-10 mare:shrink-0 mare:rounded-full
+	mare:flex mare:items-center mare:justify-center
+	mare:[&>svg]:size-5
+	${e === "warning" ? "mare:bg-danger-weak mare:text-danger" : ""}
+	${e === "positive" ? "mare:bg-positive-weak mare:text-positive" : ""}
+`;
+function D({
+  open: e,
+  onOpenChange: m,
+  header: s,
+  message: c,
+  severity: l = "none",
+  layout: a = "row",
+  icon: i,
+  acceptLabel: o = "Confirm",
+  rejectLabel: f = "Cancel",
+  onAccept: d,
+  onReject: p,
+  portalContainer: x
+}) {
+  return /* @__PURE__ */ r(
+    g,
+    {
+      open: e,
+      onOpenChange: m,
+      size: "small",
+      portalContainer: x,
+      "aria-label": s,
+      footer: /* @__PURE__ */ t(h, { layout: a, children: [
+        /* @__PURE__ */ r(
+          n,
+          {
+            severity: "secondary",
+            size: "large",
+            onClick: () => {
+              p?.(), m?.(!1);
+            },
+            children: f
+          }
+        ),
+        /* @__PURE__ */ r(
+          n,
+          {
+            severity: l === "warning" ? "danger" : "primary",
+            size: "large",
+            onClick: () => {
+              d?.(), m?.(!1);
+            },
+            children: o
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ r("div", { className: u(a), children: /* @__PURE__ */ t("div", { className: v(a), children: [
+        i && /* @__PURE__ */ r(
+          "span",
+          {
+            className: N(l),
+            "aria-hidden": "true",
+            children: i
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: w(a), children: [
+          /* @__PURE__ */ r("span", { className: y, children: s }),
+          /* @__PURE__ */ r("div", { className: k, children: c })
+        ] })
+      ] }) })
+    }
+  );
+}
+export {
+  D as C
+};

package/dist/shared/{DatePicker-D9YdpbT1.js → DatePicker-GYH3uorm.js}

@@ -2,7 +2,7 @@ import { jsxs as u, jsx as l, Fragment as ne } from "react/jsx-runtime";
 import { useState as er, useEffect as rr, useMemo as oe } from "react";
 import { DatePickerRoot as ar, DatePickerLabel as tr, DatePickerControl as nr, DatePickerTrigger as or, DatePickerContext as le, DatePickerClearTrigger as lr, DatePickerPositioner as ir, DatePickerContent as cr, DatePickerView as j, DatePickerViewControl as sr, DatePickerPrevTrigger as mr, DatePickerViewTrigger as dr, DatePickerRangeText as ie, DatePickerNextTrigger as ur, DatePickerTable as $e, DatePickerTableHead as hr, DatePickerTableRow as G, DatePickerTableHeader as fr, DatePickerTableBody as ge, DatePickerTableCell as be, DatePickerTableCellTrigger as xe } from "@ark-ui/react/date-picker";
 import { Portal as yr } from "@ark-ui/react/portal";
-import { i as pr, c as $r, d as gr, e as br } from "./icons-CQQSG2_s.js";
+import { i as pr, c as $r, d as gr, e as br } from "./icons-BFOFrum4.js";
 function O(e, r) {
   return e - r * Math.floor(e / r);
 }

package/dist/shared/DialogFooter-DyltZzK-.js

@@ -0,0 +1,106 @@
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { Dialog as r } from "@ark-ui/react/dialog";
+import { Portal as b } from "@ark-ui/react/portal";
+const w = (e) => `
+	mare:fixed mare:inset-0 mare:z-40
+	${e ?? "mare:bg-overlay"}
+	mare:ark-open:[animation:mare-dialog-backdrop-enter_300ms_ease-out]
+	mare:ark-closed:[animation:mare-dialog-backdrop-exit_200ms_ease-in]
+`, h = `
+	mare:fixed mare:inset-0 mare:z-50
+	mare:flex mare:items-center mare:justify-center
+	mare:overflow-y-auto mare:px-0 mare:sm:px-10
+`, _ = {
+  small: "mare:sm:w-[28rem] mare:sm:max-w-[28rem]",
+  medium: "mare:sm:w-[42rem] mare:sm:max-w-[42rem]",
+  large: "mare:sm:w-[64rem] mare:sm:max-w-[64rem]"
+}, k = (e) => `
+	mare:group/dialog mare:flex mare:flex-col
+	mare:w-full mare:max-w-full mare:max-w-screen ${_[e.size]}
+	mare:bg-default mare:text-default
+	mare:shadow-[0px_10px_15px_-3px_rgba(0,0,0,0.10),0px_4px_6px_-2px_rgba(0,0,0,0.05)]
+	mare:fixed mare:sm:relative mare:bottom-0 mare:sm:bottom-auto mare:left-0 mare:sm:left-auto mare:right-0 mare:sm:right-auto
+	mare:rounded-t-tpc-sheet mare:sm:rounded-tpc-dialog
+	mare:max-h-[calc(100%-32px)] mare:sm:max-h-[calc(100%-80px)]
+	mare:outline-none
+	mare:ark-open:[animation:mare-dialog-enter-mobile_300ms_ease-out]
+	mare:ark-closed:[animation:mare-dialog-exit-mobile_200ms_ease-in]
+	mare:sm:ark-open:[animation:mare-dialog-enter-desktop_300ms_ease-out]
+	mare:sm:ark-closed:[animation:mare-dialog-exit-desktop_200ms_ease-in]
+	${e.fullScreen ? "mare:top-0 mare:rounded-t-none! mare:sm:rounded-tpc-dialog! mare:sm:top-auto mare:max-h-full mare:sm:max-h-[calc(100%-80px)]" : ""}
+`, y = (e) => `
+	mare:overflow-y-auto mare:px-6 mare:pb-6
+	${e ? "mare:grow" : ""}
+`, N = (e) => `
+	mare:flex mare:w-full mare:items-center mare:justify-between mare:shrink-0
+	mare:h-14 mare:sm:h-16 mare:px-6
+	${e ? "mare:border-b mare:border-default" : ""}
+`, z = "mare:-ml-1.5", O = "mare:-mr-1.5", I = (e) => `
+	mare:grow mare:w-full mare:truncate mare:text-center
+	mare:tpc-typography-label-m mare:text-default
+	${e.hasRightIcon ? "" : "mare:mr-6.5"}
+	${e.hasLeftIcon ? "" : "mare:ml-6.5"}
+`, $ = (e) => `
+	mare:flex mare:flex-col-reverse mare:gap-3 mare:justify-end mare:w-full
+	mare:px-6 mare:pb-4 mare:sm:pb-6
+	${e.layout === "row" ? "mare:sm:flex-row" : ""}
+	${e.border ? "mare:pt-3 mare:sm:pt-6 mare:border-t mare:border-t-default" : "mare:pt-0"}
+`;
+function C({
+  open: e,
+  onOpenChange: m,
+  size: t = "medium",
+  fullScreen: o = !1,
+  modal: s = !0,
+  closeOnEscape: i = !0,
+  dismissableMask: n = !0,
+  maskColor: d,
+  portalContainer: p,
+  header: u,
+  footer: x,
+  children: c,
+  "aria-label": f
+}) {
+  return /* @__PURE__ */ a(
+    r.Root,
+    {
+      open: e,
+      onOpenChange: (g) => m?.(g.open),
+      modal: s,
+      closeOnEscape: i,
+      closeOnInteractOutside: n,
+      "aria-label": f,
+      lazyMount: !0,
+      unmountOnExit: !0,
+      children: /* @__PURE__ */ l(b, { container: p, children: [
+        /* @__PURE__ */ a(r.Backdrop, { className: w(d) }),
+        /* @__PURE__ */ a(r.Positioner, { className: h, children: /* @__PURE__ */ l(
+          r.Content,
+          {
+            className: k({ size: t, fullScreen: o }),
+            children: [
+              u,
+              /* @__PURE__ */ a("div", { className: y(o), children: c }),
+              x
+            ]
+          }
+        ) })
+      ] })
+    }
+  );
+}
+function P({
+  layout: e = "row",
+  border: m = !1,
+  children: t
+}) {
+  return /* @__PURE__ */ a("div", { className: $({ layout: e, border: m }), children: t });
+}
+export {
+  C as D,
+  P as a,
+  I as i,
+  z as l,
+  O as n,
+  N as s
+};

package/dist/shared/DialogHeader-CZ5OrC8_.js

@@ -0,0 +1,57 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { Dialog as a } from "@ark-ui/react/dialog";
+import { l as h, i as o, n as d, s as u } from "./DialogFooter-DyltZzK-.js";
+import { B as r } from "./Button-AfMqNCme.js";
+import { C as p } from "./icons-BFOFrum4.js";
+function N({
+  title: l,
+  leftIcon: i = /* @__PURE__ */ s(p, {}),
+  rightIcon: e,
+  onLeftIconClick: n,
+  onRightIconClick: m,
+  border: c = !1
+}) {
+  return /* @__PURE__ */ t("div", { className: u(c), children: [
+    i ? /* @__PURE__ */ s("div", { className: h, children: /* @__PURE__ */ s(a.CloseTrigger, { asChild: !0, children: /* @__PURE__ */ s(
+      r,
+      {
+        severity: "ghost",
+        iconOnly: !0,
+        size: "xsmall",
+        icon: i,
+        onClick: n
+      }
+    ) }) }) : null,
+    l ? /* @__PURE__ */ s(
+      a.Title,
+      {
+        className: o({
+          hasLeftIcon: !!i,
+          hasRightIcon: !!e
+        }),
+        children: l
+      }
+    ) : /* @__PURE__ */ s(
+      "span",
+      {
+        className: o({
+          hasLeftIcon: !!i,
+          hasRightIcon: !!e
+        })
+      }
+    ),
+    e ? /* @__PURE__ */ s("div", { className: d, children: /* @__PURE__ */ s(
+      r,
+      {
+        severity: "ghost",
+        iconOnly: !0,
+        size: "xsmall",
+        icon: e,
+        onClick: m
+      }
+    ) }) : null
+  ] });
+}
+export {
+  N as D
+};

package/dist/shared/{DrawerFooter-BZTmEepg.js → DrawerFooter-OFrTFvy2.js}

@@ -2,7 +2,7 @@ import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { Dialog as t } from "@ark-ui/react/dialog";
 import { Portal as g } from "@ark-ui/react/portal";
 import { B as d } from "./Button-AfMqNCme.js";
-import { a as y } from "./icons-CQQSG2_s.js";
+import { C as y } from "./icons-BFOFrum4.js";
 const _ = (e) => {
   switch (e) {
     case "left":

package/dist/shared/{ImageSlider-CO34btjQ.js → ImageSlider-CdBVmAYC.js}

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { Children as i } from "react";
 import { CarouselRoot as c, CarouselControl as u, CarouselPrevTrigger as d, CarouselItemGroup as h, CarouselItem as p, CarouselNextTrigger as f, CarouselIndicatorGroup as b, CarouselIndicator as g } from "@ark-ui/react/carousel";
-import { d as C, e as w } from "./icons-CQQSG2_s.js";
+import { d as C, e as w } from "./icons-BFOFrum4.js";
 const y = "mare:group mare:relative mare:overflow-hidden mare:rounded-container-m", N = "mare:relative mare:flex mare:items-stretch", x = `
 	mare:flex mare:flex-1 mare:min-w-0
 	mare:[scrollbar-width:none] mare:[&::-webkit-scrollbar]:hidden

package/dist/shared/{Paginator-Bn8HJXCg.js → Paginator-BndcA6Ax.js}

@@ -2,8 +2,8 @@ import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { useRef as P, useState as w, useEffect as R } from "react";
 import { Pagination as c } from "@ark-ui/react/pagination";
 import { B as h } from "./Button-AfMqNCme.js";
-import { S as j } from "./SelectField-R01ijqFZ.js";
-import { f as N, d as k, e as W, g as I } from "./icons-CQQSG2_s.js";
+import { S as j } from "./SelectField-CGbdf8C2.js";
+import { f as N, d as k, e as W, g as I } from "./icons-BFOFrum4.js";
 const O = (a) => `
 	mare:w-full mare:flex mare:flex-wrap mare:items-center mare:gap-2
 	${a ? "mare:justify-between" : "mare:justify-center"}

package/dist/shared/{PanelMenu-Dq570xnF.js → PanelMenu-Bz-fg6px.js}

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as s, Fragment as u } from "react/jsx-runtime";
 import { useMemo as x } from "react";
 import { createTreeCollection as f, TreeView as n } from "@ark-ui/react/tree-view";
-import { C as b } from "./icons-CQQSG2_s.js";
+import { a as b } from "./icons-BFOFrum4.js";
 const g = "mare:flex mare:flex-col mare:gap-1", v = "mare:flex mare:flex-col mare:gap-1", k = `
 	mare:group mare:flex mare:items-center mare:gap-2 mare:min-h-10 mare:px-3 mare:py-2
 	mare:rounded-menu-item mare:cursor-pointer mare:select-none mare:outline-none

package/dist/shared/{Password-DMVUbmGP.js → Password-cqTK9OlT.js}

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as e, Fragment as k } from "react/jsx-runtime";
 import { PasswordInput as l } from "@ark-ui/react/password-input";
 import { useFieldContext as A } from "@ark-ui/react/field";
-import { E as R, h as Z } from "./icons-CQQSG2_s.js";
+import { E as R, h as Z } from "./icons-BFOFrum4.js";
 import { u as $, m as j, d as D, f as O } from "./field-layout-D34MpDMB.js";
 const T = "mare:relative mare:w-full mare:group", V = "mare:relative mare:w-full", W = `
 	mare:hidden mare:group-focus-within:flex mare:flex-col mare:gap-2