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

package/dist/shared/Counter-D4Al7Yme.js

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