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

package/dist/shared/{DialogFooter-DLWy6Mln.js → DialogFooter-BwEB19v9.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 { g as _ } from "./icons-Dfn6EUcz.js";
 const k = (e) => `
 	mare:fixed mare:inset-0 mare:z-40
 	${e ?? "mare:bg-overlay"}

package/dist/shared/{DrawerFooter-DvUgumx0.js → DrawerFooter-C0SLP8KU.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 { g as y } from "./icons-Dfn6EUcz.js";
 const _ = (e) => {
   switch (e) {
     case "left":

package/dist/shared/Paginator-CcN6wND7.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-DNlX8uuG.js";
+import { c as N, d as k, e as W, f as I } from "./icons-Dfn6EUcz.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-Ch4NsZD_.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-Dfn6EUcz.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/{SearchField-CgDz_s1O.js → SearchField-DuA4ZkBL.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, b as F } from "./icons-Dfn6EUcz.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-DNlX8uuG.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 { b as F, C as M, a as P } from "./icons-Dfn6EUcz.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
+};

package/dist/shared/Stepper-BYRV6yan.js

@@ -0,0 +1,110 @@
+import { jsxs as m, jsx as e, Fragment as g } from "react/jsx-runtime";
+import { Steps as a } from "@ark-ui/react/steps";
+import { a as k, d as b, e as v } from "./icons-Dfn6EUcz.js";
+const y = "mare:flex mare:ark-horizontal:flex-col mare:ark-vertical:flex-row mare:gap-4 mare:w-full", N = `
+	mare:hidden mare:sm:flex mare:gap-2 mare:overflow-x-auto
+	mare:ark-horizontal:flex-row mare:ark-horizontal:items-center mare:ark-horizontal:justify-between
+	mare:ark-vertical:flex-col mare:ark-vertical:items-start
+`, w = "mare:relative mare:flex mare:items-center mare:ark-vertical:items-start mare:gap-3 mare:flex-1 mare:last:flex-none", j = `
+	mare:group mare:flex mare:items-center mare:gap-3 mare:bg-transparent mare:border-none
+	mare:text-left mare:cursor-pointer mare:rounded-md mare:outline-none
+	mare:disabled:cursor-not-allowed mare:disabled:opacity-50
+`, z = (t) => `
+	mare:group mare:flex mare:items-center mare:justify-center mare:shrink-0 mare:relative
+	mare:size-8 mare:rounded-full mare:tpc-typography-label-s
+	mare:ark-incomplete:bg-neutral-weak mare:ark-incomplete:text-weak
+	mare:ark-current:bg-accent mare:ark-current:text-on-accent
+	${t === "strong" ? "mare:ark-complete:bg-accent mare:ark-complete:text-on-accent" : "mare:ark-complete:bg-accent-weak mare:ark-complete:text-accent"}
+`, C = "mare:flex mare:items-center mare:justify-center mare:[&>svg]:size-4", S = "mare:flex mare:items-center mare:justify-center mare:group-[[data-complete]]:hidden", I = "mare:hidden mare:group-[[data-complete]]:flex mare:items-center mare:justify-center mare:absolute mare:inset-0 mare:[&>svg]:size-4", T = `
+	mare:flex-1 mare:h-[1.5px] mare:bg-neutral-weak mare:transition-colors mare:duration-300
+	mare:ark-complete:bg-accent
+	mare:ark-vertical:absolute mare:ark-vertical:flex-none mare:ark-vertical:w-[1.5px] mare:ark-vertical:h-auto
+	mare:ark-vertical:top-8 mare:ark-vertical:bottom-[-0.5rem] mare:ark-vertical:start-[calc(1rem-0.75px)]
+`, L = "mare:flex mare:flex-col mare:items-start mare:gap-0.5", R = "mare:tpc-typography-label-s mare:text-default mare:group-[[data-incomplete]]:text-weak", B = "mare:block mare:tpc-typography-body-xs mare:text-weak", F = `
+	mare:p-4 mare:min-h-24 mare:rounded-input mare:border mare:border-default
+	mare:bg-default mare:text-default mare:tpc-typography-body-s
+`, M = `
+	mare:flex mare:sm:hidden mare:items-center mare:justify-between mare:gap-3
+	mare:px-3 mare:py-2 mare:rounded-input mare:border mare:border-default mare:bg-default
+`, P = "mare:flex-1 mare:text-center mare:truncate mare:tpc-typography-body-s mare:text-default", c = `
+	mare:flex mare:items-center mare:justify-center mare:size-8 mare:rounded-full mare:text-default
+	mare:hover:bg-hover mare:disabled:opacity-40 mare:disabled:cursor-not-allowed mare:disabled:pointer-events-none
+`;
+function $({ items: t }) {
+  return /* @__PURE__ */ m("div", { className: M, children: [
+    /* @__PURE__ */ e(a.PrevTrigger, { className: c, children: /* @__PURE__ */ e(b, {}) }),
+    /* @__PURE__ */ e(a.Context, { children: (n) => /* @__PURE__ */ m("span", { className: P, children: [
+      t[n.value]?.title,
+      " · ",
+      n.value + 1,
+      "/",
+      n.count
+    ] }) }),
+    /* @__PURE__ */ e(a.NextTrigger, { className: c, children: /* @__PURE__ */ e(v, {}) })
+  ] });
+}
+function E({
+  items: t,
+  step: n,
+  defaultStep: o,
+  onStepChange: s,
+  onStepComplete: i,
+  linear: d = !1,
+  orientation: p = "horizontal",
+  indicatorVariant: u = "default",
+  isStepValid: f,
+  isStepSkippable: h
+}) {
+  const x = z(u);
+  return /* @__PURE__ */ m(
+    a.Root,
+    {
+      className: y,
+      count: t.length,
+      step: n,
+      defaultStep: o,
+      linear: d,
+      orientation: p,
+      isStepValid: f,
+      isStepSkippable: h,
+      onStepChange: (r) => s?.(r.step),
+      onStepComplete: i,
+      children: [
+        /* @__PURE__ */ e(a.List, { className: N, children: t.map((r, l) => /* @__PURE__ */ m(
+          a.Item,
+          {
+            index: l,
+            className: w,
+            children: [
+              /* @__PURE__ */ m(a.Trigger, { className: j, children: [
+                /* @__PURE__ */ e(a.Indicator, { className: x, children: r.icon ? /* @__PURE__ */ e("span", { className: C, children: r.icon }) : /* @__PURE__ */ m(g, { children: [
+                  /* @__PURE__ */ e("span", { className: I, children: /* @__PURE__ */ e(k, {}) }),
+                  /* @__PURE__ */ e("span", { className: S, children: l + 1 })
+                ] }) }),
+                /* @__PURE__ */ m("span", { className: L, children: [
+                  /* @__PURE__ */ e("span", { className: R, children: r.title }),
+                  r.description && /* @__PURE__ */ e("span", { className: B, children: r.description })
+                ] })
+              ] }),
+              /* @__PURE__ */ e(a.Separator, { className: T })
+            ]
+          },
+          l
+        )) }),
+        /* @__PURE__ */ e($, { items: t }),
+        t.map((r, l) => /* @__PURE__ */ e(
+          a.Content,
+          {
+            index: l,
+            className: F,
+            children: r.content
+          },
+          l
+        ))
+      ]
+    }
+  );
+}
+export {
+  E as S
+};

package/dist/shared/icons-Dfn6EUcz.js

@@ -0,0 +1,46 @@
+import { jsx as s } from "react/jsx-runtime";
+const o = (t) => function(c) {
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      width: "1em",
+      height: "1em",
+      ...c,
+      children: t.map((n) => /* @__PURE__ */ s(
+        "path",
+        {
+          d: n
+        },
+        n
+      ))
+    }
+  );
+}, h = o(["M6 9l6 6 6-6"]), M = o(["M15 18l-6-6 6-6"]), l = o(["M9 18l6-6-6-6"]), i = o(["M11 17l-5-5 5-5", "M18 17l-5-5 5-5"]), I = o(["M6 17l5-5-5-5", "M13 17l5-5-5-5"]), v = o(["M5 12l5 5L20 7"]), C = o([
+  "M8 2v4M16 2v4",
+  "M3 8h18",
+  "M4 4h16a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z"
+]), e = o(["M6 6l12 12", "M18 6L6 18"]), d = e, g = o(["M5 12h14"]), u = o([
+  "M10 3a7 7 0 1 0 0 14 7 7 0 0 0 0-14z",
+  "M20 20l-5-5"
+]);
+export {
+  h as C,
+  g as M,
+  u as S,
+  v as a,
+  e as b,
+  i as c,
+  M as d,
+  l as e,
+  I as f,
+  d as g,
+  C as h
+};

package/dist/shared/icons.d.ts

@@ -1,6 +1,12 @@
 import { SVGProps } from 'react';
 export declare const ChevronDownIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const ChevronUpIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const ChevronLeftIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const ChevronRightIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const ChevronsLeftIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const ChevronsRightIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export declare const CheckIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export declare const CalendarIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export declare const ClearIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export declare const CloseIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
 export declare const MinusIcon: (properties: SVGProps<SVGSVGElement>) => import("react").JSX.Element;

package/dist/shared/useMediaQuery.d.ts

@@ -0,0 +1,5 @@
+/** Tiny `matchMedia` subscription — no dependency, mirrors the Vue DS's
+ * useScreenWidth for the one thing components here actually need: whether
+ * we're at/above Tailwind's default `sm` breakpoint (640px). */
+export declare function useMediaQuery(query: string): boolean;
+export declare const SM_BREAKPOINT_QUERY = "(min-width: 640px)";

package/dist/snackbar/Snackbar.d.ts

@@ -0,0 +1,3 @@
+import { SnackbarController, SnackbarConfig, SnackbarProperties } from './Snackbar.types';
+export declare function createSnackbar(config?: SnackbarConfig): SnackbarController;
+export declare function Snackbar({ controller, portalContainer }: SnackbarProperties): import("react").JSX.Element;

package/dist/snackbar/Snackbar.types.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode, RefObject } from 'react';
+import { SnackbarSeverity, SnackbarPlacement } from '@tpc-development/mare-ui-components-core/snackbar';
+export type { SnackbarSeverity, SnackbarPlacement, } from '@tpc-development/mare-ui-components-core/snackbar';
+/** The payload for `controller.show()`/`.update()`. Framework-shaped on
+ * purpose (ReactNode `detail`/`leading`) — this is why it lives in the
+ * adapter, not in core alongside `SnackbarSeverity`/`SnackbarPlacement`. */
+export interface SnackbarShowOptions {
+    /** @default 'contrast' */
+    severity?: SnackbarSeverity;
+    detail: ReactNode;
+    /** Icon or image shown before the detail text. Mutually exclusive with
+     * nothing in particular — it's just whatever `ReactNode` you pass. */
+    leading?: ReactNode;
+    /** @default 3000, and never resolves lower than that. */
+    life?: number;
+    /** Progress bar filling over `life`, indicating time until auto-dismiss. @default false */
+    progressBar?: boolean;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+/** Returned by `createSnackbar()`. Mirrors the legacy `useToast()` service —
+ * mount ONE `<Snackbar controller={controller} />` per controller, then push
+ * messages into it from anywhere via `controller.show(...)`. */
+export interface SnackbarController {
+    /** Pushes a new message, returns its id. */
+    show(options: SnackbarShowOptions): string;
+    /** Dismisses one message by id, or every message in this controller if omitted. */
+    dismiss(id?: string): void;
+    update(id: string, options: Partial<SnackbarShowOptions>): void;
+}
+export interface SnackbarConfig {
+    /** @default 'bottom-center' */
+    placement?: SnackbarPlacement;
+}
+export interface SnackbarProperties {
+    controller: SnackbarController;
+    /** Where the toast stack portals to. Override if your app scopes
+     * `data-theme` to a sub-tree rather than the document root. */
+    portalContainer?: RefObject<HTMLElement | null>;
+}

package/dist/snackbar/index.d.ts

@@ -0,0 +1,2 @@
+export { Snackbar, createSnackbar } from './Snackbar';
+export type { SnackbarProperties, SnackbarController, SnackbarConfig, SnackbarShowOptions, SnackbarSeverity, SnackbarPlacement, } from './Snackbar.types';

package/dist/snackbar/index.js

@@ -0,0 +1,5 @@
+import { S as c, c as e } from "../shared/Snackbar-C29nLHO9.js";
+export {
+  c as Snackbar,
+  e as createSnackbar
+};

package/dist/stepper/Stepper.d.ts

@@ -0,0 +1,2 @@
+import { StepperProperties } from './Stepper.types';
+export declare function Stepper({ items, step, defaultStep, onStepChange, onStepComplete, linear, orientation, indicatorVariant, isStepValid, isStepSkippable, }: StepperProperties): import("react").JSX.Element;