@tpc-mare/mare-ui-components-react 1.0.2 → 1.0.3

package/dist/shared/{Counter-0siKQRKc.js → Counter-lqywtgF6.js}

@@ -1,18 +1,17 @@
 import { jsxs as x, jsx as r } from "react/jsx-runtime";
 import { NumberInput as a } from "@ark-ui/react/number-input";
 import { o as I } from "./index-ByQ37VXf.js";
-import { B as u } from "./Button-C2ULmKj3.js";
-import { I as v } from "./IconMinus-fS_GL0Et.js";
-import { c as C } from "./createReactComponent-Cb6Pzf10.js";
-const N = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14 0", key: "svg-1" }]], k = C("outline", "plus", "Plus", N), w = {
+import { B as u } from "./Button-BqFuDnSs.js";
+import { IconMinus as C, IconPlus as v } from "@tabler/icons-react";
+const w = {
   small: "mare:w-28",
   medium: "mare:w-32",
   large: "mare:w-43"
-}, z = (e, t) => `
+}, z = (e, l) => `
 	mare:inline-flex mare:items-center
 	${w[e]}
-	${t === "expandable" ? "mare:h-12 mare:rounded-full mare:border mare:border-default" : ""}
-`, M = {
+	${l === "expandable" ? "mare:h-12 mare:rounded-full mare:border mare:border-default" : ""}
+`, N = {
   small: "mare:tpc-typography-body-m",
   medium: "mare:tpc-typography-body-m",
   large: "mare:tpc-typography-body-l"
@@ -20,38 +19,38 @@ const N = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14
 	mare:w-full mare:text-center
 	mare:text-default mare:disabled:text-disabled
 	mare:outline-none mare:caret-transparent
-	${M[e]}
+	${N[e]}
 `, $ = (e) => e === "default" ? "secondary" : "ghost", O = {
   small: "xsmall",
   medium: "small",
   large: "medium"
-}, j = (e) => O[e], B = ["small", "medium", "large"];
-function V({
+}, j = (e) => O[e], k = ["small", "medium", "large"];
+function P({
   value: e = null,
-  onValueChange: t,
-  size: c = "small",
+  onValueChange: l,
+  size: d = "small",
   variant: n = "default",
-  disabled: l = !1,
-  disabledIncrement: d = !1,
+  disabled: t = !1,
+  disabledIncrement: c = !1,
   disabledDecrement: p = !1,
   step: f = 1,
   id: y,
-  name: g,
-  min: b,
+  name: b,
+  min: g,
   max: h
 }) {
-  const m = I(c, B, "small"), o = $(n), s = j(m);
+  const m = I(d, k, "small"), o = $(n), s = j(m);
   return /* @__PURE__ */ x(
     a.Root,
     {
       value: e == null ? "" : String(e),
-      min: b,
+      min: g,
       max: h,
       step: f,
-      disabled: l,
-      name: g,
+      disabled: t,
+      name: b,
       className: z(m, n),
-      onValueChange: (i) => t?.(
+      onValueChange: (i) => l?.(
         i.value === "" ? null : i.valueAsNumber
       ),
       children: [
@@ -61,8 +60,8 @@ function V({
             severity: o,
             size: s,
             iconOnly: !0,
-            icon: /* @__PURE__ */ r(v, { stroke: 1.5 }),
-            disabled: l || p,
+            icon: /* @__PURE__ */ r(C, { stroke: 1.5 }),
+            disabled: t || p,
             "aria-label": "Decrement"
           }
         ) }),
@@ -81,8 +80,8 @@ function V({
             severity: o,
             size: s,
             iconOnly: !0,
-            icon: /* @__PURE__ */ r(k, { stroke: 1.5 }),
-            disabled: l || d,
+            icon: /* @__PURE__ */ r(v, { stroke: 1.5 }),
+            disabled: t || c,
             "aria-label": "Increment"
           }
         ) })
@@ -91,6 +90,5 @@ function V({
   );
 }
 export {
-  V as C,
-  k as I
+  P as C
 };