@tpc-mare/mare-ui-components-react 0.1.26 → 0.1.28

package/dist/shared/{Switch-DNCn0xjb.js → Switch-B5DSQLFL.js}

@@ -1,10 +1,11 @@
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import { Switch as a } from "@ark-ui/react/switch";
-const z = `
+import { o as g } from "./index-ByQ37VXf.js";
+const k = ["small", "medium", "large"], f = `
 	mare:inline-flex mare:items-center mare:gap-2
 	mare:select-none mare:cursor-pointer
 	mare:ark-disabled:cursor-default
-`, g = `
+`, x = `
 	mare:inline-flex mare:shrink-0 mare:items-center mare:px-0.5
 	mare:rounded-full mare:border mare:border-transparent
 	mare:bg-neutral
@@ -21,7 +22,7 @@ const z = `
 	mare:ark-disabled:bg-disabled!
 
 	mare:ark-invalid:border-danger
-`, k = `
+`, w = `
 	mare:rounded-full mare:bg-default
 	mare:transition-transform mare:duration-300
 
@@ -32,55 +33,56 @@ const z = `
 	mare:data-size-small:ark-checked:translate-x-3
 	mare:data-size-medium:ark-checked:translate-x-4.5
 	mare:data-size-large:ark-checked:translate-x-6.5
-`, f = `
+`, y = `
 	mare:text-default
 	mare:data-size-small:tpc-typography-body-s
 	mare:data-size-medium:tpc-typography-body-m
 	mare:data-size-large:tpc-typography-body-l
 	mare:ark-disabled:text-disabled
-`, x = `
+`, N = `
 	mare:sr-only
 `;
-function N({
-  checked: t,
-  defaultChecked: s,
+function C({
+  checked: s,
+  defaultChecked: t,
   onCheckedChange: d,
   children: m,
-  size: r = "small",
-  disabled: l = !1,
-  invalid: i = !1,
+  size: l = "small",
+  disabled: i = !1,
+  invalid: o = !1,
   readOnly: n = !1,
-  required: o = !1,
-  name: c,
-  value: h = "on",
-  id: u
+  required: c = !1,
+  name: h,
+  value: u = "on",
+  id: z
 }) {
+  const r = g(l, k, "small");
   return /* @__PURE__ */ p(
     a.Root,
     {
-      checked: t,
-      defaultChecked: s,
+      checked: s,
+      defaultChecked: t,
       onCheckedChange: (b) => {
         d?.(b.checked);
       },
-      disabled: l,
-      invalid: i,
+      disabled: i,
+      invalid: o,
       readOnly: n,
-      required: o,
-      name: c,
-      value: h,
-      id: u,
-      className: z,
+      required: c,
+      name: h,
+      value: u,
+      id: z,
+      className: f,
       children: [
         /* @__PURE__ */ e(
           a.Control,
           {
-            className: g,
+            className: x,
             "data-size": r,
             children: /* @__PURE__ */ e(
               a.Thumb,
               {
-                className: k,
+                className: w,
                 "data-size": r
               }
             )
@@ -89,16 +91,16 @@ function N({
         m && /* @__PURE__ */ e(
           a.Label,
           {
-            className: f,
+            className: y,
             "data-size": r,
             children: m
           }
         ),
-        /* @__PURE__ */ e(a.HiddenInput, { className: x })
+        /* @__PURE__ */ e(a.HiddenInput, { className: N })
       ]
     }
   );
 }
 export {
-  N as S
+  C as S
 };

package/dist/shared/{Tabs-BqIorZYD.js → Tabs-DuufYBV2.js}

@@ -1,25 +1,26 @@
 import { jsxs as o, jsx as l } from "react/jsx-runtime";
-import { TabsRoot as c, TabList as u, TabTrigger as b, TabIndicator as p, TabContent as f } from "@ark-ui/react/tabs";
-const d = {
+import { TabsRoot as u, TabList as b, TabTrigger as f, TabIndicator as p, TabContent as d } from "@ark-ui/react/tabs";
+import { o as v } from "./index-ByQ37VXf.js";
+const h = ["small", "medium"], x = {
   small: "mare:tpc-typography-label-s",
   medium: "mare:tpc-typography-label-m"
-}, v = "mare:w-full", h = (a) => `
+}, g = "mare:w-full", w = (a) => `
 	mare:relative mare:flex ${a ? "mare:w-full" : "mare:w-fit"}
 	mare:border-b mare:border-default
-`, x = (a, r) => `
+`, T = (a, r) => `
 	mare:group/tab mare:relative mare:cursor-pointer mare:select-none mare:whitespace-nowrap
 	mare:h-12 mare:px-4 mare:flex mare:items-center mare:justify-center mare:gap-2
 	${r ? "mare:flex-1" : ""}
-	${d[a]}
+	${x[a]}
 	mare:text-weak mare:hover:text-default
 	mare:ark-active:text-accent
 	mare:ark-disabled:opacity-60 mare:ark-disabled:pointer-events-none
 	mare:focus-visible:outline mare:focus-visible:outline-1 mare:focus-visible:outline-accent mare:focus-visible:-outline-offset-1
-`, g = `
+`, y = `
 	mare:absolute mare:bottom-0 mare:h-0.5 mare:bg-accent
 	mare:transition-[left,width] mare:duration-200 mare:ease-[cubic-bezier(0.35,0,0.25,1)]
-`, w = "mare:pt-3.5 mare:pb-4.5 mare:px-4.5 mare:text-default mare:focus-visible:outline-none";
-function N({
+`, N = "mare:pt-3.5 mare:pb-4.5 mare:px-4.5 mare:text-default mare:focus-visible:outline-none";
+function z({
   value: a,
   onValueChange: r,
   items: m,
@@ -28,31 +29,32 @@ function N({
   renderTab: s,
   renderPanel: n
 }) {
+  const c = v(i, h, "small");
   return /* @__PURE__ */ o(
-    c,
+    u,
     {
       value: a,
-      className: v,
+      className: g,
       onValueChange: (e) => r?.(e.value),
       children: [
-        /* @__PURE__ */ o(u, { className: h(t), children: [
+        /* @__PURE__ */ o(b, { className: w(t), children: [
           m.map((e) => /* @__PURE__ */ l(
-            b,
+            f,
             {
               value: e.value,
               disabled: e.disabled,
-              className: x(i, t),
+              className: T(c, t),
               children: s ? s(e) : e.label
             },
             e.value
           )),
-          /* @__PURE__ */ l(p, { className: g })
+          /* @__PURE__ */ l(p, { className: y })
         ] }),
         m.map((e) => /* @__PURE__ */ l(
-          f,
+          d,
           {
             value: e.value,
-            className: w,
+            className: N,
             children: n?.(e)
           },
           e.value
@@ -62,5 +64,5 @@ function N({
   );
 }
 export {
-  N as T
+  z as T
 };

package/dist/shared/{Tag-BtbmgIwL.js → Tag-uIK_GPrs.js}

@@ -1,5 +1,6 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-const i = `
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { o as r } from "./index-ByQ37VXf.js";
+const d = `
 	mare:inline-flex mare:items-center mare:justify-center mare:gap-0.5
 	mare:py-1 mare:px-1.5 mare:rounded-tag
 	mare:data-size-small:tpc-typography-label-xs mare:data-size-small:h-5.5
@@ -11,26 +12,34 @@ const i = `
 	mare:data-severity-positive:bg-positive-weak mare:data-severity-positive:text-positive
 	mare:data-severity-warning:bg-warning-weak mare:data-severity-warning:text-warning
 	mare:data-severity-danger:bg-danger-weak mare:data-severity-danger:text-danger
-`, n = "mare:flex mare:items-center mare:shrink-0 mare:[&>svg]:size-3.5", d = "mare:px-0.5";
-function l({
-  severity: r = "accent",
-  size: s = "small",
-  icon: a,
-  children: e
+`, l = "mare:flex mare:items-center mare:shrink-0 mare:[&>svg]:size-3.5", g = "mare:px-0.5", p = [
+  "accent",
+  "accent-weak",
+  "neutral",
+  "positive",
+  "warning",
+  "danger"
+], y = ["small", "medium", "large"];
+function x({
+  severity: s = "accent",
+  size: i = "small",
+  icon: e,
+  children: a
 }) {
-  return /* @__PURE__ */ m(
+  const m = r(s, p, "accent"), n = r(i, y, "small");
+  return /* @__PURE__ */ c(
     "span",
     {
-      className: i,
-      "data-severity": r,
-      "data-size": s,
+      className: d,
+      "data-severity": m,
+      "data-size": n,
       children: [
-        a && /* @__PURE__ */ t("span", { className: n, children: a }),
-        e && /* @__PURE__ */ t("span", { className: d, children: e })
+        e && /* @__PURE__ */ t("span", { className: l, children: e }),
+        a && /* @__PURE__ */ t("span", { className: g, children: a })
       ]
     }
   );
 }
 export {
-  l as T
+  x as T
 };

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

@@ -1,6 +1,7 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { I as u } from "./IconX-CpPADKjZ.js";
-const p = `
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { o as m } from "./index-ByQ37VXf.js";
+import { I as b } from "./IconX-CpPADKjZ.js";
+const v = `
 	mare:inline-flex mare:items-center mare:gap-0.5 mare:rounded-full
 	mare:border mare:border-default mare:bg-default mare:text-default
 	mare:tpc-typography-body-s mare:select-none
@@ -12,52 +13,53 @@ const p = `
 	mare:data-severity-accent:outline-solid mare:data-severity-accent:outline-2 mare:data-severity-accent:outline-accent mare:data-severity-accent:-outline-offset-2
 	mare:p-disabled:cursor-not-allowed mare:p-disabled:text-disabled mare:p-disabled:border-disabled-default
 	mare:p-disabled:bg-transparent mare:p-disabled:outline-none
-`, b = "mare:rounded-full mare:size-5 mare:shrink-0 mare:object-cover", f = "mare:flex mare:items-center mare:shrink-0 mare:[&>svg]:size-3.5", v = "mare:px-0.5 mare:truncate", y = `
+`, y = "mare:rounded-full mare:size-5 mare:shrink-0 mare:object-cover", x = "mare:flex mare:items-center mare:shrink-0 mare:[&>svg]:size-3.5", h = "mare:px-0.5 mare:truncate", z = `
 	mare:flex mare:items-center mare:justify-center mare:shrink-0 mare:-me-0.5
 	mare:rounded-full mare:cursor-pointer mare:text-default mare:[&>svg]:size-3.5
 	mare:hover:text-accent
 	mare:focus-visible:outline-solid mare:focus-visible:outline-2 mare:focus-visible:outline-accent mare:focus-visible:-outline-offset-1
 	mare:disabled:pointer-events-none mare:disabled:text-disabled mare:disabled:cursor-not-allowed
-`;
-function g({
-  severity: m = "default",
-  size: i = "small",
+`, g = ["default", "accent"], k = ["small", "medium"];
+function C({
+  severity: i = "default",
+  size: l = "small",
   disabled: r = !1,
   icon: t,
   image: a,
-  imageAlt: l = "",
-  removable: d = !1,
-  onRemove: n,
-  removeLabel: o = "Remove",
+  imageAlt: d = "",
+  removable: n = !1,
+  onRemove: o,
+  removeLabel: c = "Remove",
   children: s
 }) {
-  return /* @__PURE__ */ c(
+  const u = m(i, g, "default"), p = m(l, k, "small");
+  return /* @__PURE__ */ f(
     "span",
     {
-      className: p,
-      "data-severity": m,
-      "data-size": i,
+      className: v,
+      "data-severity": u,
+      "data-size": p,
       "data-disabled": r ? "true" : void 0,
       children: [
         a && /* @__PURE__ */ e(
           "img",
           {
-            className: b,
+            className: y,
             src: a,
-            alt: l
+            alt: d
           }
         ),
-        !a && t && /* @__PURE__ */ e("span", { className: f, children: t }),
-        s && /* @__PURE__ */ e("span", { className: v, children: s }),
-        d && /* @__PURE__ */ e(
+        !a && t && /* @__PURE__ */ e("span", { className: x, children: t }),
+        s && /* @__PURE__ */ e("span", { className: h, children: s }),
+        n && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            className: y,
+            className: z,
             disabled: r,
-            "aria-label": o,
-            onClick: n,
-            children: /* @__PURE__ */ e(u, {})
+            "aria-label": c,
+            onClick: o,
+            children: /* @__PURE__ */ e(b, {})
           }
         )
       ]
@@ -65,5 +67,5 @@ function g({
   );
 }
 export {
-  g as T
+  C as T
 };

package/dist/shared/Textarea-DHJIWBRM.js

@@ -0,0 +1,42 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useFieldContext as x, FieldTextarea as F, FieldRoot as L } from "@ark-ui/react/field";
+import { m as b } from "./InputText.types-KhlkzHMw-BtRY371_.js";
+import { u as C, a as T } from "./field-layout-o6bDLvVU.js";
+import { o as g } from "./index-ByQ37VXf.js";
+function j({
+  value: o = "",
+  onValueChange: s,
+  size: l = "medium",
+  invalid: r = !1,
+  disabled: i = !1,
+  autoresize: m = !1,
+  placeholder: n,
+  ...f
+}) {
+  const e = C(), c = !x(), u = g(l, b, "medium"), d = T({
+    size: u,
+    hasFloatLabel: e?.hasFloatLabel ?? !1
+  }), h = e?.hasFloatLabel ? " " : n, a = /* @__PURE__ */ t(
+    F,
+    {
+      ...f,
+      autoresize: m,
+      className: d,
+      placeholder: h,
+      value: o,
+      onChange: (p) => s?.(p.target.value)
+    }
+  );
+  return c ? /* @__PURE__ */ t(
+    L,
+    {
+      invalid: r,
+      disabled: i,
+      className: "mare:w-full",
+      children: a
+    }
+  ) : a;
+}
+export {
+  j as T
+};

package/dist/shared/{field-layout-D34MpDMB.js → field-layout-o6bDLvVU.js}

@@ -1,4 +1,4 @@
-import { createContext as l, useContext as o } from "react";
+import { useContext as l, createContext as o } from "react";
 const r = `
 	mare:w-full mare:px-3
 	mare:tpc-typography-body-m mare:text-default mare:placeholder:text-weak
@@ -32,20 +32,20 @@ const r = `
 }, f = (e) => {
   const a = e.hasFloatLabel ? u[e.size] : d[e.size];
   return `${r} mare:resize-y ${a}`;
-}, g = "mare:relative mare:w-full mare:group", h = (e, a = {}) => `
+}, g = "mare:relative mare:w-full mare:group", x = (e, a = {}) => `
 	mare:absolute mare:top-1/2 mare:-translate-y-1/2 mare:flex mare:items-center
 	mare:justify-center mare:[&>svg]:size-5
 	${a.interactive ? "mare:bg-transparent mare:border-0 mare:p-0 mare:cursor-pointer mare:disabled:cursor-default" : "mare:pointer-events-none"}
 	${a.disabled ? "mare:text-disabled" : "mare:text-weak"}
 	${e === "left" ? "mare:left-3" : "mare:right-3"}
-`, x = "mare:flex mare:flex-col mare:gap-2 mare:w-full", y = (e) => `mare:tpc-typography-label-s ${e ? "mare:text-danger" : "mare:text-default"}`, $ = (e) => `mare:tpc-typography-body-xs mare:ml-auto mare:shrink-0 ${e ? "mare:text-disabled" : "mare:text-weak"}`, p = l(null), v = () => o(p), z = (e, a) => !e || e === a ? a : "both";
+`, h = "mare:flex mare:flex-col mare:gap-2 mare:w-full", y = (e) => `mare:tpc-typography-label-s ${e ? "mare:text-danger" : "mare:text-default"}`, $ = (e) => `mare:tpc-typography-body-xs mare:ml-auto mare:shrink-0 ${e ? "mare:text-disabled" : "mare:text-weak"}`, p = o(null), v = () => l(p), z = (e, a) => !e || e === a ? a : "both";
 export {
   p as F,
+  y as _,
   f as a,
   b as d,
-  h as f,
-  x as g,
-  y as h,
+  x as f,
+  h as g,
   z as m,
   g as p,
   v as u,

package/dist/shared/index-ByQ37VXf.js

@@ -0,0 +1,6 @@
+function e(l, o, n) {
+  return o.includes(l) ? l : (console.warn(`[resolveEnum] Invalid value "${l}", falling back to "${n}".`), n);
+}
+export {
+  e as o
+};

package/dist/skeleton/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../shared/Skeleton-CAjoF-T2.js";
+import { S as r } from "../shared/Skeleton-DpWtYSz4.js";
 export {
   r as Skeleton
 };

package/dist/slider/index.js

@@ -1,4 +1,4 @@
-import { S as o } from "../shared/Slider-CXFkperZ.js";
+import { S as o } from "../shared/Slider-Cl9PyH2q.js";
 export {
   o as Slider
 };

package/dist/snackbar/index.js

@@ -1,4 +1,4 @@
-import { S as c, c as e } from "../shared/Snackbar-CjTqCOaV.js";
+import { S as c, c as e } from "../shared/Snackbar-3BxmqK8x.js";
 export {
   c as Snackbar,
   e as createSnackbar

package/dist/stepper/index.js

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