@konstructio/ui 0.0.12-alpha.17 → 0.0.12-alpha.18

package/dist/components/NumberInput/NumberInput.js

@@ -1,8 +1,8 @@
-import { jsxs as m, jsx as c } from "react/jsx-runtime";
-import { R as O } from "../../index-CbTU3cnP.js";
-import u, { forwardRef as b, useId as z, useCallback as w } from "react";
+import { jsxs as p, jsx as u } from "react/jsx-runtime";
+import { R as w } from "../../index-CbTU3cnP.js";
+import c, { forwardRef as h, useId as z, useCallback as O } from "react";
 import { cn as y } from "../../utils/index.js";
-import { labelVariants as _, buttonVariants as j, numberInputVariants as E } from "./NumberInput.variants.js";
+import { labelVariants as E, buttonVariants as j, numberInputVariants as _ } from "./NumberInput.variants.js";
 import { P as a } from "../../index-C5psggHV.js";
 import { useTheme as T } from "../../contexts/theme.hook.js";
 function v() {
@@ -32,9 +32,9 @@ function L(e, i) {
     n = t[o], !(i.indexOf(n) >= 0) && (r[n] = e[n]);
   return r;
 }
-var d = b(function(e, i) {
+var d = h(function(e, i) {
   var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, o = n === void 0 ? 24 : n, l = $(e, ["color", "size"]);
-  return /* @__PURE__ */ u.createElement("svg", v({
+  return /* @__PURE__ */ c.createElement("svg", v({
     ref: i,
     xmlns: "http://www.w3.org/2000/svg",
     width: o,
@@ -45,7 +45,7 @@ var d = b(function(e, i) {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, l), /* @__PURE__ */ u.createElement("line", {
+  }, l), /* @__PURE__ */ c.createElement("line", {
     x1: "5",
     y1: "12",
     x2: "19",
@@ -57,15 +57,15 @@ d.propTypes = {
   size: a.oneOfType([a.string, a.number])
 };
 d.displayName = "Minus";
-function h() {
-  return h = Object.assign || function(e) {
+function b() {
+  return b = Object.assign || function(e) {
     for (var i = 1; i < arguments.length; i++) {
       var r = arguments[i];
       for (var t in r)
         Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
     }
     return e;
-  }, h.apply(this, arguments);
+  }, b.apply(this, arguments);
 }
 function W(e, i) {
   if (e == null) return {};
@@ -84,9 +84,9 @@ function V(e, i) {
     n = t[o], !(i.indexOf(n) >= 0) && (r[n] = e[n]);
   return r;
 }
-var g = b(function(e, i) {
+var g = h(function(e, i) {
   var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, o = n === void 0 ? 24 : n, l = W(e, ["color", "size"]);
-  return /* @__PURE__ */ u.createElement("svg", h({
+  return /* @__PURE__ */ c.createElement("svg", b({
     ref: i,
     xmlns: "http://www.w3.org/2000/svg",
     width: o,
@@ -97,12 +97,12 @@ var g = b(function(e, i) {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, l), /* @__PURE__ */ u.createElement("line", {
+  }, l), /* @__PURE__ */ c.createElement("line", {
     x1: "12",
     y1: "5",
     x2: "12",
     y2: "19"
-  }), /* @__PURE__ */ u.createElement("line", {
+  }), /* @__PURE__ */ c.createElement("line", {
     x1: "5",
     y1: "12",
     x2: "19",
@@ -114,7 +114,7 @@ g.propTypes = {
   size: a.oneOfType([a.string, a.number])
 };
 g.displayName = "Plus";
-const A = b(
+const A = h(
   ({
     className: e,
     label: i,
@@ -125,42 +125,45 @@ const A = b(
     value: l,
     onChange: s
   }, x) => {
-    const { theme: P } = T(), p = o ?? P, k = z(), I = w(() => {
+    const { theme: P } = T(), m = o ?? P, k = z();
+    if (typeof l != "number")
+      throw new Error("count must be a number");
+    const I = O(() => {
       let f = 0;
       t === 1 / 0 ? f = l - 1 : f = Math.max(t, l - 1), s == null || s({ target: { value: f } });
-    }, [l, t, s]), N = w(() => {
+    }, [l, t, s]), N = O(() => {
       let f = 0;
       r === -1 / 0 ? f = l + 1 : f = Math.min(r, l + 1), s == null || s({ target: { value: f } });
     }, [l, r, s]);
-    return /* @__PURE__ */ m("div", { className: "flex flex-col gap-1", children: [
-      i ? /* @__PURE__ */ c(
+    return /* @__PURE__ */ p("div", { className: "flex flex-col gap-1", children: [
+      i ? /* @__PURE__ */ u(
         "label",
         {
           htmlFor: n ?? k,
           className: y(
-            _({
-              theme: p
+            E({
+              theme: m
             })
           ),
           children: i
         }
       ) : null,
-      /* @__PURE__ */ m("div", { className: "flex items-center", role: "presentation", children: [
-        /* @__PURE__ */ m(
+      /* @__PURE__ */ p("div", { className: "flex items-center", role: "presentation", children: [
+        /* @__PURE__ */ p(
           "button",
           {
             type: "button",
             onClick: I,
             className: y(
-              j({ theme: p, button: "rigth" })
+              j({ theme: m, button: "rigth" })
             ),
             children: [
-              /* @__PURE__ */ c(d, { className: "w-4 h-4" }),
-              /* @__PURE__ */ c(O, { children: "Decrement" })
+              /* @__PURE__ */ u(d, { className: "w-4 h-4" }),
+              /* @__PURE__ */ u(w, { children: "Decrement" })
             ]
           }
         ),
-        /* @__PURE__ */ c(
+        /* @__PURE__ */ u(
           "input",
           {
             ref: x,
@@ -168,23 +171,23 @@ const A = b(
             value: l,
             name: n,
             className: y(
-              E({ className: e, theme: p })
+              _({ className: e, theme: m })
             ),
             readOnly: !0,
             "aria-label": typeof i == "string" ? i : "number input"
           }
         ),
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ p(
           "button",
           {
             type: "button",
             onClick: N,
             className: y(
-              j({ theme: p, button: "left" })
+              j({ theme: m, button: "left" })
             ),
             children: [
-              /* @__PURE__ */ c(g, { className: "w-4 h-4" }),
-              /* @__PURE__ */ c(O, { children: "Increment" })
+              /* @__PURE__ */ u(g, { className: "w-4 h-4" }),
+              /* @__PURE__ */ u(w, { children: "Increment" })
             ]
           }
         )

package/dist/index.d.ts

@@ -320,7 +320,7 @@ declare interface NumberInputProps extends VariantProps<typeof numberInputVarian
     max?: number;
     min?: number;
     name?: string;
-    value: number;
+    value?: number;
     onChange?: ({ target: { value } }: {
         target: {
             value: number;

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.0.12-alpha.16",
+  "version": "0.0.12-alpha.17",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.0.12-alpha.17",
+  "version": "0.0.12-alpha.18",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",