@konstructio/ui 0.1.0-alpha.9 → 0.1.1-alpha.2

package/dist/components/NumberInput/NumberInput.js

@@ -1,138 +1,138 @@
-import { jsxs as m, jsx as u } from "react/jsx-runtime";
-import { R as O } from "../../index--EmNlyHx.js";
-import p, { forwardRef as d, useId as N, useCallback as w } from "react";
+import { jsxs as m, jsx as c } from "react/jsx-runtime";
+import { R as O } from "../../index-iXyXtdgP.js";
+import f, { forwardRef as b, useId as N, useCallback as w } from "react";
 import { cn as y } from "../../utils/index.js";
 import { labelVariants as z, buttonVariants as j, numberInputVariants as _ } from "./NumberInput.variants.js";
-import { P as s } from "../../index-h-Ul0anl.js";
-function v() {
-  return v = Object.assign || function(t) {
-    for (var i = 1; i < arguments.length; i++) {
-      var r = arguments[i];
-      for (var e in r)
-        Object.prototype.hasOwnProperty.call(r, e) && (t[e] = r[e]);
+import { P as l } from "../../index-h-Ul0anl.js";
+function h() {
+  return h = Object.assign || function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var r = arguments[o];
+      for (var t in r)
+        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
     }
-    return t;
-  }, v.apply(this, arguments);
+    return e;
+  }, h.apply(this, arguments);
 }
-function E(t, i) {
-  if (t == null) return {};
-  var r = $(t, i), e, n;
+function E(e, o) {
+  if (e == null) return {};
+  var r = $(e, o), t, n;
   if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(t);
-    for (n = 0; n < o.length; n++)
-      e = o[n], !(i.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (r[e] = t[e]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++)
+      t = i[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
   }
   return r;
 }
-function $(t, i) {
-  if (t == null) return {};
-  var r = {}, e = Object.keys(t), n, o;
-  for (o = 0; o < e.length; o++)
-    n = e[o], !(i.indexOf(n) >= 0) && (r[n] = t[n]);
+function $(e, o) {
+  if (e == null) return {};
+  var r = {}, t = Object.keys(e), n, i;
+  for (i = 0; i < t.length; i++)
+    n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
   return r;
 }
-var h = d(function(t, i) {
-  var r = t.color, e = r === void 0 ? "currentColor" : r, n = t.size, o = n === void 0 ? 24 : n, f = E(t, ["color", "size"]);
-  return /* @__PURE__ */ p.createElement("svg", v({
-    ref: i,
+var g = b(function(e, o) {
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, u = E(e, ["color", "size"]);
+  return /* @__PURE__ */ f.createElement("svg", h({
+    ref: o,
     xmlns: "http://www.w3.org/2000/svg",
-    width: o,
-    height: o,
+    width: i,
+    height: i,
     viewBox: "0 0 24 24",
     fill: "none",
-    stroke: e,
+    stroke: t,
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, f), /* @__PURE__ */ p.createElement("line", {
+  }, u), /* @__PURE__ */ f.createElement("line", {
     x1: "5",
     y1: "12",
     x2: "19",
     y2: "12"
   }));
 });
-h.propTypes = {
-  color: s.string,
-  size: s.oneOfType([s.string, s.number])
+g.propTypes = {
+  color: l.string,
+  size: l.oneOfType([l.string, l.number])
 };
-h.displayName = "Minus";
-function b() {
-  return b = Object.assign || function(t) {
-    for (var i = 1; i < arguments.length; i++) {
-      var r = arguments[i];
-      for (var e in r)
-        Object.prototype.hasOwnProperty.call(r, e) && (t[e] = r[e]);
+g.displayName = "Minus";
+function v() {
+  return v = Object.assign || function(e) {
+    for (var o = 1; o < arguments.length; o++) {
+      var r = arguments[o];
+      for (var t in r)
+        Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
     }
-    return t;
-  }, b.apply(this, arguments);
+    return e;
+  }, v.apply(this, arguments);
 }
-function L(t, i) {
-  if (t == null) return {};
-  var r = W(t, i), e, n;
+function L(e, o) {
+  if (e == null) return {};
+  var r = W(e, o), t, n;
   if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(t);
-    for (n = 0; n < o.length; n++)
-      e = o[n], !(i.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (r[e] = t[e]);
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++)
+      t = i[n], !(o.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
   }
   return r;
 }
-function W(t, i) {
-  if (t == null) return {};
-  var r = {}, e = Object.keys(t), n, o;
-  for (o = 0; o < e.length; o++)
-    n = e[o], !(i.indexOf(n) >= 0) && (r[n] = t[n]);
+function W(e, o) {
+  if (e == null) return {};
+  var r = {}, t = Object.keys(e), n, i;
+  for (i = 0; i < t.length; i++)
+    n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
   return r;
 }
-var g = d(function(t, i) {
-  var r = t.color, e = r === void 0 ? "currentColor" : r, n = t.size, o = n === void 0 ? 24 : n, f = L(t, ["color", "size"]);
-  return /* @__PURE__ */ p.createElement("svg", b({
-    ref: i,
+var d = b(function(e, o) {
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, u = L(e, ["color", "size"]);
+  return /* @__PURE__ */ f.createElement("svg", v({
+    ref: o,
     xmlns: "http://www.w3.org/2000/svg",
-    width: o,
-    height: o,
+    width: i,
+    height: i,
     viewBox: "0 0 24 24",
     fill: "none",
-    stroke: e,
+    stroke: t,
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, f), /* @__PURE__ */ p.createElement("line", {
+  }, u), /* @__PURE__ */ f.createElement("line", {
     x1: "12",
     y1: "5",
     x2: "12",
     y2: "19"
-  }), /* @__PURE__ */ p.createElement("line", {
+  }), /* @__PURE__ */ f.createElement("line", {
     x1: "5",
     y1: "12",
     x2: "19",
     y2: "12"
   }));
 });
-g.propTypes = {
-  color: s.string,
-  size: s.oneOfType([s.string, s.number])
+d.propTypes = {
+  color: l.string,
+  size: l.oneOfType([l.string, l.number])
 };
-g.displayName = "Plus";
-const S = d(
+d.displayName = "Plus";
+const D = b(
   ({
-    className: t,
-    label: i,
+    className: e,
+    label: o,
     max: r = -1 / 0,
-    min: e = 1 / 0,
+    min: t = 1 / 0,
     name: n,
-    theme: o,
-    value: f,
-    onChange: l
+    theme: i,
+    value: u,
+    onChange: p
   }, x) => {
-    const P = N(), a = f ?? 0, k = w(() => {
-      let c = 0;
-      e === 1 / 0 ? c = a - 1 : c = Math.max(e, a - 1), l == null || l({ target: { value: c } });
-    }, [a, e, l]), I = w(() => {
-      let c = 0;
-      r === -1 / 0 ? c = a + 1 : c = Math.min(r, a + 1), l == null || l({ target: { value: c } });
-    }, [a, r, l]);
-    return /* @__PURE__ */ m("div", { className: "flex flex-col gap-1", "data-theme": o, children: [
-      i ? /* @__PURE__ */ u("label", { htmlFor: n ?? P, className: y(z()), children: i }) : null,
+    const P = N(), a = u ?? 0, k = w(() => {
+      let s = 0;
+      t === 1 / 0 ? s = a - 1 : s = Math.max(t, a - 1), p?.({ target: { value: s } });
+    }, [a, t, p]), I = w(() => {
+      let s = 0;
+      r === -1 / 0 ? s = a + 1 : s = Math.min(r, a + 1), p?.({ target: { value: s } });
+    }, [a, r, p]);
+    return /* @__PURE__ */ m("div", { className: "flex flex-col gap-1", "data-theme": i, children: [
+      o ? /* @__PURE__ */ c("label", { htmlFor: n ?? P, className: y(z()), children: o }) : null,
       /* @__PURE__ */ m("div", { className: "flex items-center", role: "presentation", children: [
         /* @__PURE__ */ m(
           "button",
@@ -141,21 +141,21 @@ const S = d(
             onClick: k,
             className: y(j({ button: "rigth" })),
             children: [
-              /* @__PURE__ */ u(h, { className: "w-4 h-4" }),
-              /* @__PURE__ */ u(O, { children: "Decrement" })
+              /* @__PURE__ */ c(g, { className: "w-4 h-4" }),
+              /* @__PURE__ */ c(O, { children: "Decrement" })
             ]
           }
         ),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ c(
           "input",
           {
             ref: x,
             type: "number",
             value: a,
             name: n,
-            className: y(_({ className: t })),
+            className: y(_({ className: e })),
             readOnly: !0,
-            "aria-label": typeof i == "string" ? i : "number input"
+            "aria-label": typeof o == "string" ? o : "number input"
           }
         ),
         /* @__PURE__ */ m(
@@ -165,8 +165,8 @@ const S = d(
             onClick: I,
             className: y(j({ button: "left" })),
             children: [
-              /* @__PURE__ */ u(g, { className: "w-4 h-4" }),
-              /* @__PURE__ */ u(O, { children: "Increment" })
+              /* @__PURE__ */ c(d, { className: "w-4 h-4" }),
+              /* @__PURE__ */ c(O, { children: "Increment" })
             ]
           }
         )
@@ -175,5 +175,5 @@ const S = d(
   }
 );
 export {
-  S as NumberInput
+  D as NumberInput
 };

package/dist/components/NumberInput/NumberInput.variants.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../index-BNmRGtA6.js";
+import { c as e } from "../../index-D29mdTf5.js";
 const r = e([
   "[&::-webkit-inner-spin-button]:appearance-none",
   "[&::-webkit-outer-spin-button]:appearance-none",