@tpc-mare/mare-ui-components-react 0.1.4 → 0.1.7

package/dist/shared/{DialogFooter-DLWy6Mln.js → DialogFooter-0gaMdpXV.js}

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as i } from "react/jsx-runtime";
 import { Dialog as o } from "@ark-ui/react/dialog";
 import { Portal as w } from "@ark-ui/react/portal";
 import { B as n } from "./Button-AfMqNCme.js";
-import { c as _ } from "./icons-DeVfnVLm.js";
+import { a as _ } from "./icons-bQxPPV8R.js";
 const k = (e) => `
 	mare:fixed mare:inset-0 mare:z-40
 	${e ?? "mare:bg-overlay"}

package/dist/shared/{DrawerFooter-DvUgumx0.js → DrawerFooter-CpO7chLC.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 { c as y } from "./icons-DeVfnVLm.js";
+import { a as y } from "./icons-bQxPPV8R.js";
 const _ = (e) => {
   switch (e) {
     case "left":

package/dist/shared/InputOtp-CUXXVP2E.js

@@ -0,0 +1,72 @@
+import { jsxs as I, jsx as m } from "react/jsx-runtime";
+import { PinInput as a } from "@ark-ui/react/pin-input";
+const j = "mare:flex mare:items-center mare:gap-2", w = {
+  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"
+}, k = (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
+	${w[e]}
+`, d = (e) => Array.from(e);
+function V({
+  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: y,
+  id: g
+}) {
+  const C = k(s);
+  return /* @__PURE__ */ I(
+    a.Root,
+    {
+      id: g,
+      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: y,
+      onValueChange: (r) => i?.(r.value.join("")),
+      onValueComplete: (r) => l?.(r.value.join("")),
+      children: [
+        /* @__PURE__ */ m(a.Control, { className: j, children: Array.from({ length: e }, (r, n) => /* @__PURE__ */ m(
+          a.Input,
+          {
+            index: n,
+            className: C
+          },
+          n
+        )) }),
+        /* @__PURE__ */ m(a.HiddenInput, {})
+      ]
+    }
+  );
+}
+export {
+  V as I
+};

package/dist/shared/Paginator-Da0XKfF3.js

@@ -0,0 +1,164 @@
+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-dNCMdSYU.js";
+import { d as N, e as k, f as W, g as I } from "./icons-bQxPPV8R.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"}
+`, T = "mare:flex mare:items-center mare:gap-2 mare:min-w-50", M = "mare:text-default mare:tpc-typography-body-s", q = "mare:max-w-20", A = "mare:flex mare:items-center mare:justify-center mare:gap-2 mare:min-w-3xs", B = "mare:flex mare:items-center mare:justify-center mare:gap-2", E = `
+	mare:shrink-0 mare:size-10 mare:flex mare:items-center mare:justify-center mare:truncate
+	mare:rounded-full mare:tpc-typography-label-s mare:text-default mare:cursor-pointer
+	mare:bg-transparent mare:border-none mare:hover:bg-hover
+	mare:ark-selected:bg-accent-weak! mare:ark-selected:text-accent! mare:ark-selected:hover:bg-accent-weak!
+`, b = (a, n) => {
+  let i = (a + 2) * 40 + (a + 1) * 8;
+  return n && (i += 96), i;
+}, V = ({
+  requestedPageLinkSize: a,
+  containerWidth: n,
+  rowsPerPageWidth: i,
+  showFirstLastLinks: o
+}) => {
+  if (!n) return a;
+  let s = a, l = b(s, o) + i;
+  for (; l > n && s > 1; )
+    s -= 1, l = b(s, o) + i;
+  return s;
+}, L = (a, n, i) => {
+  if (n <= 0) return [];
+  const o = Math.min(i, n), s = Math.max(1, Math.min(a - Math.floor((o - 1) / 2), n - o + 1));
+  return Array.from({ length: o }, (l, g) => s + g);
+};
+function J({
+  count: a,
+  page: n,
+  defaultPage: i,
+  onPageChange: o,
+  pageSize: s,
+  defaultPageSize: l,
+  onPageSizeChange: g,
+  pageLinkSize: u = 5,
+  showFirstLastLinks: m = !0,
+  rowsPerPageOptions: f,
+  rowsPerPageOptionsLabel: C = "Rows per page"
+}) {
+  const p = !!f?.length, v = P(null), y = P(null), [S, z] = w(u);
+  return R(() => {
+    const r = v.current;
+    if (!r) return;
+    const t = () => {
+      z(
+        V({
+          requestedPageLinkSize: u,
+          containerWidth: r.clientWidth,
+          rowsPerPageWidth: y.current?.clientWidth ?? 0,
+          showFirstLastLinks: m
+        })
+      );
+    };
+    t();
+    const x = new ResizeObserver(t);
+    return x.observe(r), () => {
+      x.disconnect();
+    };
+  }, [u, m]), /* @__PURE__ */ d(
+    c.Root,
+    {
+      ref: v,
+      className: O(p),
+      count: a,
+      page: n,
+      defaultPage: i,
+      pageSize: s,
+      defaultPageSize: l,
+      onPageChange: (r) => o?.(r.page),
+      onPageSizeChange: (r) => g?.(r.pageSize),
+      children: [
+        p && /* @__PURE__ */ d(
+          "div",
+          {
+            ref: y,
+            className: T,
+            children: [
+              /* @__PURE__ */ e("span", { className: M, children: C }),
+              /* @__PURE__ */ e("span", { className: q, children: /* @__PURE__ */ e(c.Context, { children: (r) => /* @__PURE__ */ e(
+                j,
+                {
+                  value: String(r.pageSize),
+                  onValueChange: (t) => {
+                    t && r.setPageSize(
+                      Number(t)
+                    );
+                  },
+                  options: f.map(
+                    (t) => ({
+                      value: String(t),
+                      label: String(t)
+                    })
+                  )
+                }
+              ) }) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ d("div", { className: A, children: [
+          m && /* @__PURE__ */ e(c.FirstTrigger, { asChild: !0, children: /* @__PURE__ */ e(
+            h,
+            {
+              severity: "ghost",
+              size: "small",
+              iconOnly: !0,
+              icon: /* @__PURE__ */ e(N, {})
+            }
+          ) }),
+          /* @__PURE__ */ e(c.PrevTrigger, { asChild: !0, children: /* @__PURE__ */ e(
+            h,
+            {
+              severity: "ghost",
+              size: "small",
+              iconOnly: !0,
+              icon: /* @__PURE__ */ e(k, {})
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: B, children: /* @__PURE__ */ e(c.Context, { children: (r) => L(
+            r.page,
+            r.totalPages,
+            S
+          ).map((t) => /* @__PURE__ */ e(
+            c.Item,
+            {
+              type: "page",
+              value: t,
+              className: E,
+              children: t
+            },
+            t
+          )) }) }),
+          /* @__PURE__ */ e(c.NextTrigger, { asChild: !0, children: /* @__PURE__ */ e(
+            h,
+            {
+              severity: "ghost",
+              size: "small",
+              iconOnly: !0,
+              icon: /* @__PURE__ */ e(W, {})
+            }
+          ) }),
+          m && /* @__PURE__ */ e(c.LastTrigger, { asChild: !0, children: /* @__PURE__ */ e(
+            h,
+            {
+              severity: "ghost",
+              size: "small",
+              iconOnly: !0,
+              icon: /* @__PURE__ */ e(I, {})
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  J as P
+};

package/dist/shared/PanelMenu-CYbr6cvz.js

@@ -0,0 +1,123 @@
+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-bQxPPV8R.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
+	mare:tpc-typography-body-s mare:text-default
+	mare:hover:bg-hover mare:ark-open:bg-accent-weak mare:ark-open:text-accent
+	mare:ark-disabled:text-disabled mare:ark-disabled:cursor-not-allowed mare:ark-disabled:pointer-events-none
+`, N = "mare:flex-1 mare:flex mare:items-center mare:gap-2", y = `
+	mare:flex mare:items-center mare:shrink-0 mare:text-default
+	mare:transition-transform mare:ark-open:rotate-180 mare:ark-open:text-accent
+`, C = `
+	mare:flex mare:flex-col mare:gap-1 mare:ps-7 mare:overflow-hidden mare:empty:hidden
+	mare:ark-open:[animation:mare-panel-menu-branch-open_150ms_ease-out]
+	mare:ark-closed:[animation:mare-panel-menu-branch-close_150ms_ease-out]
+`, _ = (e) => `
+	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
+	mare:no-underline mare:text-inherit mare:tpc-typography-body-s
+	${e.active ? "mare:bg-accent-weak mare:text-accent" : "mare:text-default mare:hover:bg-hover"}
+	mare:ark-disabled:text-disabled mare:ark-disabled:cursor-not-allowed mare:ark-disabled:pointer-events-none
+`, d = "mare:flex-1 mare:flex mare:items-center mare:gap-2", w = "mare:flex mare:items-center mare:shrink-0 mare:[&>svg]:size-5";
+function i(e, t) {
+  if (t) return t(e);
+  const m = e.icon;
+  return /* @__PURE__ */ s(u, { children: [
+    m ? /* @__PURE__ */ a("span", { className: w, children: m }) : null,
+    /* @__PURE__ */ a("span", { children: e.label })
+  ] });
+}
+function p({
+  node: e,
+  indexPath: t,
+  renderItem: m
+}) {
+  if (e.items?.length)
+    return /* @__PURE__ */ a(
+      n.NodeProvider,
+      {
+        node: e,
+        indexPath: t,
+        children: /* @__PURE__ */ s(n.Branch, { className: v, children: [
+          /* @__PURE__ */ s(n.BranchControl, { className: k, children: [
+            /* @__PURE__ */ a(n.BranchText, { className: N, children: i(e, m) }),
+            /* @__PURE__ */ a(n.BranchIndicator, { className: y, children: /* @__PURE__ */ a(b, {}) })
+          ] }),
+          /* @__PURE__ */ a(n.BranchContent, { className: C, children: e.items.map((o, r) => /* @__PURE__ */ a(
+            p,
+            {
+              node: o,
+              indexPath: [...t, r],
+              renderItem: m
+            },
+            o.value
+          )) })
+        ] })
+      }
+    );
+  const l = e.href, c = _({ active: e.active });
+  return /* @__PURE__ */ a(
+    n.NodeProvider,
+    {
+      node: e,
+      indexPath: t,
+      children: l ? /* @__PURE__ */ a(
+        n.Item,
+        {
+          className: c,
+          asChild: !0,
+          children: /* @__PURE__ */ a(
+            "a",
+            {
+              href: l,
+              target: e.target,
+              children: /* @__PURE__ */ a("span", { className: d, children: i(e, m) })
+            }
+          )
+        }
+      ) : /* @__PURE__ */ a(n.Item, { className: c, children: /* @__PURE__ */ a("span", { className: d, children: i(e, m) }) })
+    }
+  );
+}
+function V({
+  items: e,
+  expandedValue: t,
+  defaultExpandedValue: m,
+  onExpandedChange: l,
+  renderItem: c
+}) {
+  const o = x(
+    () => f({
+      rootNode: { value: "__root__", label: "", items: e },
+      nodeToValue: (r) => r.value,
+      nodeToString: (r) => r.label,
+      nodeToChildren: (r) => r.items ?? [],
+      isNodeDisabled: (r) => !!r.disabled
+    }),
+    [e]
+  );
+  return /* @__PURE__ */ a(
+    n.Root,
+    {
+      collection: o,
+      expandedValue: t,
+      defaultExpandedValue: m,
+      onExpandedChange: (r) => l?.(r.expandedValue),
+      children: /* @__PURE__ */ a(n.Tree, { className: g, children: o.rootNode.items?.map((r, h) => /* @__PURE__ */ a(
+        p,
+        {
+          node: r,
+          indexPath: [h],
+          renderItem: c
+        },
+        r.value
+      )) })
+    }
+  );
+}
+export {
+  V as P
+};

package/dist/shared/Password-vADi8ZJz.js

@@ -0,0 +1,94 @@
+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-bQxPPV8R.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
+	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)]
+`, q = "mare:tpc-typography-label-s mare:text-default", B = "mare:border-t mare:border-default", G = "mare:flex mare:flex-col mare:gap-2", H = "mare:h-1 mare:w-full mare:bg-neutral-weak mare:rounded-md mare:overflow-hidden", J = {
+  weak: "mare:w-1/3 mare:bg-danger",
+  medium: "mare:w-2/3 mare:bg-warning",
+  strong: "mare:w-full mare:bg-positive"
+}, K = (a) => `mare:h-full mare:rounded-md mare:transition-[width] mare:duration-500 mare:ease-in-out ${a ? J[a] : "mare:w-0"}`, Q = "mare:tpc-typography-body-s mare:text-default", U = "mare:flex mare:flex-col mare:gap-1 mare:my-0 mare:pl-0 mare:list-none", X = "mare:tpc-typography-body-s mare:text-default", Y = "^(((?=.*[a-z])(?=.*[A-Z]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[A-Z])(?=.*[0-9])))(?=.{6,})", M = "^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.{8,})", ee = (a, s = Y, t = M) => a ? new RegExp(t).test(a) ? "strong" : new RegExp(s).test(a) ? "medium" : "weak" : null;
+function te({
+  value: a = "",
+  onValueChange: s,
+  size: t = "medium",
+  rounded: h = !1,
+  invalid: g = !1,
+  disabled: b = !1,
+  toggleMask: i = !0,
+  showIcon: w = /* @__PURE__ */ e(R, {}),
+  hideIcon: v = /* @__PURE__ */ e(Z, {}),
+  feedback: d = !0,
+  header: n,
+  footer: c,
+  promptLabel: x = "Please enter a password",
+  weakLabel: y = "Weak",
+  mediumLabel: N = "Medium",
+  strongLabel: I = "Strong",
+  mediumRegex: F,
+  strongRegex: E,
+  ...u
+}) {
+  const m = $(), f = A(), P = g || (f?.invalid ?? !1), p = b || (f?.disabled ?? !1), S = i ? j(m?.iconSide ?? null, "right") : m?.iconSide ?? null, L = D({
+    size: t,
+    rounded: h,
+    hasFloatLabel: m?.hasFloatLabel ?? !1,
+    iconSide: S
+  }), _ = m?.hasFloatLabel ? " " : u.placeholder, o = d ? ee(a, F, E) : null, z = o ? { weak: y, medium: N, strong: I }[o] : x;
+  return /* @__PURE__ */ r(
+    l.Root,
+    {
+      className: T,
+      invalid: P,
+      disabled: p,
+      visible: i ? void 0 : !1,
+      children: [
+        /* @__PURE__ */ r(l.Control, { className: V, children: [
+          /* @__PURE__ */ e(
+            l.Input,
+            {
+              ...u,
+              placeholder: _,
+              value: a,
+              onChange: (C) => s?.(C.target.value),
+              className: L
+            }
+          ),
+          i && /* @__PURE__ */ e(
+            l.VisibilityTrigger,
+            {
+              className: O("right", {
+                disabled: p,
+                interactive: !0
+              }),
+              children: /* @__PURE__ */ e(l.Indicator, { fallback: w, children: v })
+            }
+          )
+        ] }),
+        d && /* @__PURE__ */ r("div", { className: W, children: [
+          n && /* @__PURE__ */ e("div", { className: q, children: n }),
+          /* @__PURE__ */ r("div", { className: G, children: [
+            /* @__PURE__ */ e("div", { className: H, children: /* @__PURE__ */ e("div", { className: K(o) }) }),
+            /* @__PURE__ */ e("span", { className: Q, children: z })
+          ] }),
+          c && /* @__PURE__ */ r(k, { children: [
+            /* @__PURE__ */ e("div", { className: B }),
+            /* @__PURE__ */ e("ul", { className: U, children: c })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function ie({ children: a }) {
+  return /* @__PURE__ */ e("li", { className: X, children: a });
+}
+export {
+  te as P,
+  ie as a
+};

package/dist/shared/{SearchField-CgDz_s1O.js → SearchField-9bL2s8zj.js}

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { a as x, I as t } from "./IconField-Dh6j6SL1.js";
 import { P as I } from "./ProgressSpinner-B-lrS-tu.js";
-import { S as v, a as F } from "./icons-DeVfnVLm.js";
+import { S as v, c as F } from "./icons-bQxPPV8R.js";
 const L = (o) => !!o.value && o.clearable, P = (o) => o.loading && !o.disabled;
 function B({
   value: o = "",

package/dist/shared/{SelectField-BSTmWjYy.js → SelectField-dNCMdSYU.js}

@@ -1,7 +1,7 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { useMemo as w } from "react";
 import { createListCollection as S, SelectRoot as y, SelectLabel as v, SelectControl as N, SelectTrigger as C, SelectContext as I, SelectValueText as T, SelectClearTrigger as j, SelectIndicator as _, SelectPositioner as z, SelectContent as D, SelectItem as L, SelectItemText as V, SelectItemIndicator as $ } from "@ark-ui/react/select";
-import { a as F, b as M, C as P } from "./icons-DeVfnVLm.js";
+import { c as F, C as M, b as P } from "./icons-bQxPPV8R.js";
 const R = {
   small: "mare:h-10",
   medium: "mare:h-12"

package/dist/shared/Snackbar-C29nLHO9.js

@@ -0,0 +1,100 @@
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { Portal as g } from "@ark-ui/react/portal";
+import { Toaster as y, Toast as m, createToaster as u } from "@ark-ui/react/toast";
+import { B as b } from "./Button-AfMqNCme.js";
+const h = `
+	mare:group mare:w-full mare:min-w-[20rem] mare:max-w-[429px]
+	mare:relative mare:overflow-hidden mare:rounded-tpc-snackbar
+	mare:flex mare:items-center mare:gap-3 mare:p-3 mare:pr-4 mare:min-h-13
+	mare:shadow-[0px_10px_15px_-3px_rgba(0,0,0,0.10),0px_4px_6px_-2px_rgba(0,0,0,0.05)]
+	mare:outline-none
+	mare:[translate:var(--x)_var(--y)] mare:[scale:var(--scale)]
+	mare:[z-index:var(--z-index)] mare:[height:var(--height)]
+	mare:[opacity:var(--opacity)] mare:[will-change:translate,opacity,scale]
+	mare:[transition:translate_400ms,scale_400ms,opacity_400ms,height_400ms]
+	mare:ark-closed:[transition:translate_400ms,scale_400ms,opacity_200ms]
+	mare:ark-type-contrast:bg-inverse mare:ark-type-contrast:text-on-inverse
+	mare:ark-type-secondary:bg-raised mare:ark-type-secondary:text-default mare:ark-type-secondary:border mare:ark-type-secondary:border-default
+	mare:ark-type-error:bg-danger mare:ark-type-error:text-on-danger
+`, k = `
+	mare:flex mare:max-w-13 mare:min-w-6 mare:aspect-square mare:shrink-0
+	mare:items-center mare:justify-center mare:rounded-tpc-container-s
+`, x = (a) => `
+	mare:tpc-typography-body-s ${a ? "" : "mare:ps-1"}
+`, f = "mare:ml-auto mare:shrink-0", _ = `
+	mare:absolute mare:bottom-0 mare:left-0 mare:h-1 mare:w-0
+	mare:[background-color:currentColor]
+	mare:[animation:mare-snackbar-progress_var(--mare-snackbar-life)_linear_forwards]
+`, v = {
+  "top-left": "top-start",
+  "top-center": "top",
+  "top-right": "top-end",
+  "bottom-left": "bottom-start",
+  "bottom-center": "bottom",
+  "bottom-right": "bottom-end"
+}, w = (a) => v[a], i = 3e3, c = (a) => Math.max(a ?? i, i), l = /* @__PURE__ */ new WeakMap(), B = {
+  error: [1, 2],
+  secondary: [3, 6],
+  contrast: [6, 8]
+}, T = (a, t) => {
+  const [s, e] = B[a];
+  return t ? s : e;
+};
+function I(a = {}) {
+  const t = u({
+    placement: w(a.placement ?? "bottom-center")
+  }), s = {
+    show(e) {
+      const r = e.severity ?? "contrast";
+      return t.create({
+        description: e.detail,
+        type: r,
+        priority: T(r, !!e.action),
+        duration: c(e.life),
+        action: e.action,
+        meta: { leading: e.leading, progressBar: e.progressBar }
+      });
+    },
+    dismiss(e) {
+      t.dismiss(e);
+    },
+    update(e, r) {
+      const n = t.getVisibleToasts().find((d) => d.id === e);
+      t.update(e, {
+        description: r.detail ?? n?.description,
+        type: r.severity ?? n?.type,
+        duration: r.life != null ? c(r.life) : n?.duration,
+        action: r.action ?? n?.action,
+        meta: {
+          leading: r.leading ?? n?.meta?.leading,
+          progressBar: r.progressBar ?? n?.meta?.progressBar
+        }
+      });
+    }
+  };
+  return l.set(s, t), s;
+}
+function j({ controller: a, portalContainer: t }) {
+  const s = l.get(a);
+  if (!s)
+    throw new Error("Snackbar: controller was not created by createSnackbar().");
+  return /* @__PURE__ */ o(g, { container: t, children: /* @__PURE__ */ o(y, { toaster: s, children: (e) => {
+    const r = e.meta?.leading, n = !!e.meta?.progressBar;
+    return /* @__PURE__ */ p(m.Root, { className: h, children: [
+      r ? /* @__PURE__ */ o("div", { className: k, children: r }) : null,
+      /* @__PURE__ */ o(m.Description, { className: x(!!r), children: e.description }),
+      e.action ? /* @__PURE__ */ o("div", { className: f, children: /* @__PURE__ */ o(m.ActionTrigger, { asChild: !0, children: /* @__PURE__ */ o(b, { severity: "ghost", link: !0, size: "xsmall", children: e.action.label }) }) }) : null,
+      n ? /* @__PURE__ */ o(
+        "div",
+        {
+          className: _,
+          style: { "--mare-snackbar-life": `${e.duration}ms` }
+        }
+      ) : null
+    ] }, e.id);
+  } }) });
+}
+export {
+  j as S,
+  I as c
+};