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

package/dist/shared/{SelectField-CGbdf8C2.js → SelectField-CvKaukCG.js}

@@ -1,38 +1,40 @@
 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 I, SelectContext as C, 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 { c as F, a as M, b as P } from "./icons-BFOFrum4.js";
+import { createListCollection as S, SelectRoot as y, SelectLabel as v, SelectControl as I, SelectTrigger as N, SelectContext as C, SelectValueText as T, SelectClearTrigger as z, SelectIndicator as j, SelectPositioner as _, SelectContent as D, SelectItem as L, SelectItemText as V, SelectItemIndicator as $ } from "@ark-ui/react/select";
+import { I as F } from "./IconX-CpPADKjZ.js";
+import { I as M } from "./IconChevronDown-ev2ML7Ex.js";
+import { I as P } from "./IconCheck-DzZA6b2U.js";
 const R = {
   small: "mare:h-10",
   medium: "mare:h-12"
-}, q = {
+}, X = {
   small: "mare:tpc-typography-body-s",
   medium: "mare:tpc-typography-body-m"
-}, A = (r) => `
+}, q = (r) => `
 	mare:group mare:w-full mare:flex mare:items-center mare:justify-between mare:gap-3
 	${R[r]}
 	mare:px-3 mare:cursor-pointer
 	mare:rounded-input mare:border mare:border-strong mare:bg-default
-	mare:text-default ${q[r]}
+	mare:text-default ${X[r]}
 	mare:ark-open:outline-solid mare:ark-open:outline-2 mare:ark-open:outline-accent mare:ark-open:-outline-offset-2
 	mare:ark-disabled:text-disabled mare:ark-disabled:border-disabled-default mare:ark-disabled:cursor-not-allowed
 	mare:data-[invalid]:outline-solid mare:data-[invalid]:outline-2 mare:data-[invalid]:outline-danger mare:data-[invalid]:-outline-offset-2
-`, l = "mare:flex-auto mare:text-left mare:truncate mare:data-[placeholder-shown]:text-weak", B = "mare:flex mare:items-center mare:shrink-0 mare:text-lg mare:transition-transform mare:ark-open:rotate-180 mare:text-default", E = "mare:flex mare:items-center mare:shrink-0 mare:text-base mare:cursor-pointer mare:text-default mare:hover:text-weak", G = "mare:flex mare:items-center mare:shrink-0 mare:text-weak mare:[&>svg]:size-5", H = `
+`, l = "mare:flex-auto mare:text-left mare:truncate mare:data-[placeholder-shown]:text-weak", A = "mare:flex mare:items-center mare:shrink-0 mare:text-lg mare:transition-transform mare:ark-open:rotate-180 mare:text-default", B = "mare:flex mare:items-center mare:shrink-0 mare:text-base mare:cursor-pointer mare:text-default mare:hover:text-weak", E = "mare:flex mare:items-center mare:shrink-0 mare:text-weak mare:[&>svg]:size-5", G = `
 	mare:flex mare:flex-col mare:gap-0.5 mare:p-1
 	mare:rounded-input mare:border mare:border-default mare:bg-raised
 	mare:shadow-[0_2px_6px_0_rgba(0,0,0,0.16)]
 	mare:max-h-72 mare:overflow-y-auto
 	mare:min-w-[var(--reference-width)]
 	mare:z-50
-`, J = `
+`, H = `
 	mare:group/option mare:flex mare:items-center mare:justify-between mare:gap-2
 	mare:w-full mare:min-h-8 mare:py-2 mare:px-3 mare:cursor-pointer mare:rounded-menu-item
 	mare:tpc-typography-body-s mare:text-default
 	mare:ark-highlighted:bg-hover
 	mare:ark-selected:bg-accent-weak mare:ark-selected:text-accent
 	mare:ark-disabled:text-disabled mare:ark-disabled:cursor-not-allowed
-`, K = "mare:flex mare:items-center mare:text-accent", Q = "mare:tpc-typography-label-s mare:text-default mare:mb-1.5 mare:block";
-function Z({
+`, J = "mare:flex mare:items-center mare:text-accent", K = "mare:tpc-typography-label-s mare:text-default mare:mb-1.5 mare:block";
+function ee({
   value: r = null,
   onValueChange: d,
   options: t,
@@ -41,13 +43,13 @@ function Z({
   disabled: p = !1,
   invalid: f = !1,
   clearable: h = !1,
-  label: n,
-  leadingIcon: s,
+  label: s,
+  leadingIcon: n,
   indicator: x,
   clearIcon: b,
   checkIcon: g,
-  renderValue: c,
-  renderOption: i
+  renderValue: i,
+  renderOption: c
 }) {
   const k = w(
     () => S({
@@ -67,10 +69,10 @@ function Z({
       invalid: f,
       onValueChange: (a) => d?.(a.value[0] ?? null),
       children: [
-        n && /* @__PURE__ */ e(v, { className: Q, children: n }),
-        /* @__PURE__ */ e(N, { children: /* @__PURE__ */ m(I, { className: A(u), children: [
-          s && /* @__PURE__ */ e("span", { className: G, children: s }),
-          c ? /* @__PURE__ */ e(C, { children: (a) => a.selectedItems.length > 0 ? /* @__PURE__ */ e("span", { className: l, children: c(
+        s && /* @__PURE__ */ e(v, { className: K, children: s }),
+        /* @__PURE__ */ e(I, { children: /* @__PURE__ */ m(N, { className: q(u), children: [
+          n && /* @__PURE__ */ e("span", { className: E, children: n }),
+          i ? /* @__PURE__ */ e(C, { children: (a) => a.selectedItems.length > 0 ? /* @__PURE__ */ e("span", { className: l, children: i(
             a.selectedItems[0]
           ) }) : /* @__PURE__ */ e(
             "span",
@@ -88,21 +90,21 @@ function Z({
               placeholder: o
             }
           ),
-          h && /* @__PURE__ */ e(j, { className: E, children: b ?? /* @__PURE__ */ e(F, {}) }),
-          /* @__PURE__ */ e(_, { className: B, children: x ?? /* @__PURE__ */ e(M, {}) })
+          h && /* @__PURE__ */ e(z, { className: B, children: b ?? /* @__PURE__ */ e(F, { size: "1em" }) }),
+          /* @__PURE__ */ e(j, { className: A, children: x ?? /* @__PURE__ */ e(M, { size: "1em" }) })
         ] }) }),
-        /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { className: H, children: t.map((a) => /* @__PURE__ */ m(
+        /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(D, { className: G, children: t.map((a) => /* @__PURE__ */ m(
           L,
           {
             item: a,
-            className: J,
+            className: H,
             children: [
-              /* @__PURE__ */ e(V, { children: i ? i(a) : a.label }),
+              /* @__PURE__ */ e(V, { children: c ? c(a) : a.label }),
               /* @__PURE__ */ e(
                 $,
                 {
-                  className: K,
-                  children: g ?? /* @__PURE__ */ e(P, {})
+                  className: J,
+                  children: g ?? /* @__PURE__ */ e(P, { size: "1em" })
                 }
               )
             ]
@@ -114,5 +116,5 @@ function Z({
   );
 }
 export {
-  Z as S
+  ee as S
 };

package/dist/shared/{Stepper-BpKdB3ip.js → Stepper-By8M5bs0.js}

@@ -1,21 +1,22 @@
 import { jsxs as m, jsx as e, Fragment as g } from "react/jsx-runtime";
 import { Steps as a } from "@ark-ui/react/steps";
-import { b, d as k, e as v } from "./icons-BFOFrum4.js";
+import { I as k } from "./IconCheck-DzZA6b2U.js";
+import { I as b, a as v } from "./IconChevronRight-DEIDRsvg.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 = `
+`, w = "mare:relative mare:flex mare:items-center mare:ark-vertical:items-start mare:gap-3 mare:flex-1 mare:last:flex-none", z = `
 	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) => `
+`, j = (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 = `
+`, C = "mare:flex mare:items-center mare:justify-center mare:[&>svg]:size-4", I = "mare:flex mare:items-center mare:justify-center mare:group-[[data-complete]]:hidden", S = "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
@@ -32,7 +33,7 @@ const y = "mare:flex mare:ark-horizontal:flex-col mare:ark-vertical:flex-row mar
 `;
 function $({ items: t }) {
   return /* @__PURE__ */ m("div", { className: M, children: [
-    /* @__PURE__ */ e(a.PrevTrigger, { className: c, children: /* @__PURE__ */ e(k, {}) }),
+    /* @__PURE__ */ e(a.PrevTrigger, { className: c, children: /* @__PURE__ */ e(b, { size: "1em" }) }),
     /* @__PURE__ */ e(a.Context, { children: (n) => /* @__PURE__ */ m("span", { className: P, children: [
       t[n.value]?.title,
       " · ",
@@ -40,10 +41,10 @@ function $({ items: t }) {
       "/",
       n.count
     ] }) }),
-    /* @__PURE__ */ e(a.NextTrigger, { className: c, children: /* @__PURE__ */ e(v, {}) })
+    /* @__PURE__ */ e(a.NextTrigger, { className: c, children: /* @__PURE__ */ e(v, { size: "1em" }) })
   ] });
 }
-function E({
+function G({
   items: t,
   step: n,
   defaultStep: o,
@@ -55,7 +56,7 @@ function E({
   isStepValid: f,
   isStepSkippable: h
 }) {
-  const x = z(u);
+  const x = j(u);
   return /* @__PURE__ */ m(
     a.Root,
     {
@@ -76,10 +77,10 @@ function E({
             index: l,
             className: w,
             children: [
-              /* @__PURE__ */ m(a.Trigger, { className: j, children: [
+              /* @__PURE__ */ m(a.Trigger, { className: z, 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(b, {}) }),
-                  /* @__PURE__ */ e("span", { className: S, children: l + 1 })
+                  /* @__PURE__ */ e("span", { className: S, children: /* @__PURE__ */ e(k, {}) }),
+                  /* @__PURE__ */ e("span", { className: I, children: l + 1 })
                 ] }) }),
                 /* @__PURE__ */ m("span", { className: L, children: [
                   /* @__PURE__ */ e("span", { className: R, children: r.title }),
@@ -106,5 +107,5 @@ function E({
   );
 }
 export {
-  E as S
+  G as S
 };

package/dist/shared/{TagChip-BNszVayi.js → TagChip-Bs7srjIL.js}

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { c as u } from "./icons-BFOFrum4.js";
+import { I as u } from "./IconX-CpPADKjZ.js";
 const p = `
 	mare:inline-flex mare:items-center mare:gap-0.5 mare:rounded-full
 	mare:border mare:border-default mare:bg-default mare:text-default

package/dist/shared/createReactComponent-Cb6Pzf10.js

@@ -0,0 +1,48 @@
+import { forwardRef as u, createElement as e } from "react";
+var k = {
+  outline: {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  },
+  filled: {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    stroke: "none"
+  }
+};
+const v = (i, s, a, l) => {
+  const o = u(
+    ({ color: w = "currentColor", size: r = 24, stroke: c = 2, title: n, className: h, children: t, ...m }, d) => e(
+      "svg",
+      {
+        ref: d,
+        ...k[i],
+        width: r,
+        height: r,
+        className: ["tabler-icon", `tabler-icon-${s}`, h].join(" "),
+        strokeWidth: c,
+        stroke: w,
+        ...m
+      },
+      [
+        n && e("title", { key: "svg-title" }, n),
+        ...l.map(([g, p]) => e(g, p)),
+        ...Array.isArray(t) ? t : [t]
+      ]
+    )
+  );
+  return o.displayName = `${a}`, o;
+};
+export {
+  v as c
+};

package/dist/stepper/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../shared/Stepper-BpKdB3ip.js";
+import { S as r } from "../shared/Stepper-By8M5bs0.js";
 export {
   r as Stepper
 };