@konstructio/ui 0.1.2-alpha.101 → 0.1.2-alpha.104

package/dist/{Combination-cjXRJS03.js → Combination-CnMM05mt.js}

@@ -1,5 +1,5 @@
 import * as i from "react";
-import { useState as te } from "react";
+import { useState as re } from "react";
 var y = function() {
   return y = Object.assign || function(t) {
     for (var r, n = 1, a = arguments.length; n < a; n++) {
@@ -16,17 +16,17 @@ function Q(e, t) {
     for (var a = 0, n = Object.getOwnPropertySymbols(e); a < n.length; a++) t.indexOf(n[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[a]) && (r[n[a]] = e[n[a]]);
   return r;
 }
-function ne(e, t, r) {
+function ae(e, t, r) {
   if (r || arguments.length === 2)
     for (var n = 0, a = t.length, c; n < a; n++) (c || !(n in t)) && (c || (c = Array.prototype.slice.call(t, 0, n)), c[n] = t[n]);
   return e.concat(c || Array.prototype.slice.call(t));
 }
-var B = "right-scroll-bar-position", A = "width-before-scroll-bar", re = "with-scroll-bars-hidden", ae = "--removed-body-scroll-bar-size";
+var B = "right-scroll-bar-position", A = "width-before-scroll-bar", oe = "with-scroll-bars-hidden", ce = "--removed-body-scroll-bar-size";
 function W(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
-function oe(e, t) {
-  var r = te(function() {
+function ie(e, t) {
+  var r = re(function() {
     return {
       value: e,
       callback: t,
@@ -43,14 +43,14 @@ function oe(e, t) {
   })[0];
   return r.callback = t, r.facade;
 }
-var ce = typeof window < "u" ? i.useLayoutEffect : i.useEffect, F = /* @__PURE__ */ new WeakMap();
-function ie(e, t) {
-  var r = oe(t || null, function(n) {
+var ue = typeof window < "u" ? i.useLayoutEffect : i.useEffect, F = /* @__PURE__ */ new WeakMap();
+function le(e, t) {
+  var r = ie(t || null, function(n) {
     return e.forEach(function(a) {
       return W(a, n);
     });
   });
-  return ce(function() {
+  return ue(function() {
     var n = F.get(r);
     if (n) {
       var a = new Set(n), c = new Set(e), f = r.current;
@@ -63,11 +63,11 @@ function ie(e, t) {
     F.set(r, e);
   }, [e]), r;
 }
-function ue(e) {
+function U(e) {
   return e;
 }
-function le(e, t) {
-  t === void 0 && (t = ue);
+function K(e, t) {
+  t === void 0 && (t = U);
   var r = [], n = !1;
   return {
     read: function() {
@@ -120,26 +120,29 @@ function le(e, t) {
     }
   };
 }
+function je(e, t) {
+  return t === void 0 && (t = U), K(e, t);
+}
 function fe(e) {
   e === void 0 && (e = {});
-  var t = le(null);
+  var t = K(null);
   return t.options = y({
     async: !0,
     ssr: !1
   }, e), t;
 }
-var U = function(e) {
+var $ = function(e) {
   var t = e.sideCar, r = Q(e, ["sideCar"]);
   if (!t) throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var n = t.read();
   if (!n) throw new Error("Sidecar medium not found");
   return i.createElement(n, y({}, r));
 };
-U.isSideCarExport = !0;
+$.isSideCarExport = !0;
 function se(e, t) {
-  return e.useMedium(t), U;
+  return e.useMedium(t), $;
 }
-var K = fe(), D = function() {
+var q = fe(), D = function() {
 }, I = i.forwardRef(function(e, t) {
   var r = i.useRef(null), n = i.useState({
     onScrollCapture: D,
@@ -159,9 +162,9 @@ var K = fe(), D = function() {
     "allowPinchZoom",
     "as",
     "gapMode"
-  ]), k = C, S = ie([r, t]), w = y(y({}, d), a);
+  ]), k = C, S = le([r, t]), w = y(y({}, d), a);
   return i.createElement(i.Fragment, null, p && i.createElement(k, {
-    sideCar: K,
+    sideCar: q,
     removeScrollBar: s,
     shards: b,
     noRelative: E,
@@ -221,7 +224,7 @@ var ge = function() {
       };
     }, [t && r]);
   };
-}, $ = function() {
+}, J = function() {
   var e = ye(), t = function(r) {
     var n = r.styles, a = r.dynamic;
     return e(n, a), null;
@@ -250,14 +253,14 @@ var ge = function() {
     right: t[2],
     gap: Math.max(0, n - r + t[2] - t[0])
   };
-}, pe = $(), T = "data-scroll-locked", Ce = function(e, t, r, n) {
+}, pe = J(), M = "data-scroll-locked", Ce = function(e, t, r, n) {
   var a = e.left, c = e.top, f = e.right, u = e.gap;
   return r === void 0 && (r = "margin"), `
-  .`.concat(re, ` {
+  .`.concat(oe, ` {
    overflow: hidden `).concat(n, `;
    padding-right: `).concat(u, "px ").concat(n, `;
   }
-  body[`).concat(T, `] {
+  body[`).concat(M, `] {
     overflow: hidden `).concat(n, `;
     overscroll-behavior: contain;
     `).concat([
@@ -290,8 +293,8 @@ var ge = function() {
     margin-right: 0 `).concat(n, `;
   }
   
-  body[`).concat(T, `] {
-    `).concat(ae, ": ").concat(u, `px;
+  body[`).concat(M, `] {
+    `).concat(ce, ": ").concat(u, `px;
   }
 `);
 }, H = function() {
@@ -299,9 +302,9 @@ var ge = function() {
   return isFinite(e) ? e : 0;
 }, Ee = function() {
   i.useEffect(function() {
-    return document.body.setAttribute(T, (H() + 1).toString()), function() {
+    return document.body.setAttribute(M, (H() + 1).toString()), function() {
       var e = H() - 1;
-      e <= 0 ? document.body.removeAttribute(T) : document.body.setAttribute(T, e.toString());
+      e <= 0 ? document.body.removeAttribute(M) : document.body.setAttribute(M, e.toString());
     };
   }, []);
 }, Re = function(e) {
@@ -322,48 +325,48 @@ if (typeof window < "u") try {
 }
 var P = Y ? { passive: !1 } : !1, ke = function(e) {
   return e.tagName === "TEXTAREA";
-}, q = function(e, t) {
+}, ee = function(e, t) {
   if (!(e instanceof Element)) return !1;
   var r = window.getComputedStyle(e);
   return r[t] !== "hidden" && !(r.overflowY === r.overflowX && !ke(e) && r[t] === "visible");
 }, Pe = function(e) {
-  return q(e, "overflowY");
+  return ee(e, "overflowY");
 }, Ne = function(e) {
-  return q(e, "overflowX");
+  return ee(e, "overflowX");
 }, Z = function(e, t) {
   var r = t.ownerDocument, n = t;
   do {
-    if (typeof ShadowRoot < "u" && n instanceof ShadowRoot && (n = n.host), J(e, n)) {
-      var a = ee(e, n);
+    if (typeof ShadowRoot < "u" && n instanceof ShadowRoot && (n = n.host), te(e, n)) {
+      var a = ne(e, n);
       if (a[1] > a[2]) return !0;
     }
     n = n.parentNode;
   } while (n && n !== r.body);
   return !1;
-}, Te = function(e) {
+}, Me = function(e) {
   return [
     e.scrollTop,
     e.scrollHeight,
     e.clientHeight
   ];
-}, Me = function(e) {
+}, Te = function(e) {
   return [
     e.scrollLeft,
     e.scrollWidth,
     e.clientWidth
   ];
-}, J = function(e, t) {
+}, te = function(e, t) {
   return e === "v" ? Pe(t) : Ne(t);
-}, ee = function(e, t) {
-  return e === "v" ? Te(t) : Me(t);
+}, ne = function(e, t) {
+  return e === "v" ? Me(t) : Te(t);
 }, Le = function(e, t) {
   return e === "h" && t === "rtl" ? -1 : 1;
 }, xe = function(e, t, r, n, a) {
   var c = Le(e, window.getComputedStyle(t).direction), f = c * n, u = r.target, v = t.contains(u), s = !1, p = f > 0, b = 0, C = 0;
   do {
     if (!u) break;
-    var E = ee(e, u), R = E[0], o = E[1] - E[2] - c * R;
-    (R || o) && J(e, u) && (b += o, C += R);
+    var E = ne(e, u), R = E[0], o = E[1] - E[2] - c * R;
+    (R || o) && te(e, u) && (b += o, C += R);
     var l = u.parentNode;
     u = l && l.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? l.host : l;
   } while (!v && u !== document.body || v && (t.contains(u) || t === u));
@@ -383,13 +386,13 @@ var P = Y ? { passive: !1 } : !1, ke = function(e) {
 `);
 }, Ie = 0, N = [];
 function Oe(e) {
-  var t = i.useRef([]), r = i.useRef([0, 0]), n = i.useRef(), a = i.useState(Ie++)[0], c = i.useState($)[0], f = i.useRef(e);
+  var t = i.useRef([]), r = i.useRef([0, 0]), n = i.useRef(), a = i.useState(Ie++)[0], c = i.useState(J)[0], f = i.useRef(e);
   i.useEffect(function() {
     f.current = e;
   }, [e]), i.useEffect(function() {
     if (e.inert) {
       document.body.classList.add("block-interactivity-".concat(a));
-      var o = ne([e.lockRef.current], (e.shards || []).map(G), !0).filter(Boolean);
+      var o = ae([e.lockRef.current], (e.shards || []).map(G), !0).filter(Boolean);
       return o.forEach(function(l) {
         return l.classList.add("allow-interactivity-".concat(a));
       }), function() {
@@ -409,9 +412,9 @@ function Oe(e) {
     if ("touches" in o && w === "h" && S.type === "range") return !1;
     var j = window.getSelection(), O = j && j.anchorNode;
     if (O && (O === S || O.contains(S))) return !1;
-    var M = Z(w, S);
-    if (!M) return !0;
-    if (M ? k = w : (k = w === "v" ? "h" : "v", M = Z(w, S)), !M) return !1;
+    var T = Z(w, S);
+    if (!T) return !0;
+    if (T ? k = w : (k = w === "v" ? "h" : "v", T = Z(w, S)), !T) return !1;
     if (!n.current && "changedTouches" in o && (h || d) && (n.current = k), !k) return !0;
     var V = n.current || k;
     return xe(V, l, o, V === "h" ? h : d, !0);
@@ -474,7 +477,7 @@ function We(e) {
     e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
   return t;
 }
-var De = se(K, Oe), Xe = i.forwardRef(function(e, t) {
+var De = se(q, Oe), Xe = i.forwardRef(function(e, t) {
   return i.createElement(I, y({}, e, {
     ref: t,
     sideCar: De
@@ -482,5 +485,8 @@ var De = se(K, Oe), Xe = i.forwardRef(function(e, t) {
 });
 Xe.classNames = I.classNames;
 export {
+  le as i,
+  je as n,
+  fe as r,
   Xe as t
 };

package/dist/{CommandInput-CYYsk_31.js → CommandInput-BLq69pOT.js}

@@ -1,8 +1,8 @@
 import { o as v } from "./rolldown-runtime-Ck3dxwZt.js";
-import { t as y } from "./prop-types-CaJpPVsa.js";
+import { t as y } from "./prop-types-CfEYxTbR.js";
 import { t as c } from "./utils-Cx-WzRZF.js";
 import { inputVariants as g, searchInconInputVariants as h } from "./components/Command/Command.variants.js";
-import { t as m } from "./dist-DGO9opgu.js";
+import { t as m } from "./dist-BZNE2Tnx.js";
 import p, { forwardRef as u } from "react";
 import { jsx as f, jsxs as b } from "react/jsx-runtime";
 var a = /* @__PURE__ */ v(y());

package/dist/Counter-BV680M5r.js

@@ -0,0 +1,195 @@
+import { o as D } from "./rolldown-runtime-Ck3dxwZt.js";
+import { t as R } from "./prop-types-CfEYxTbR.js";
+import { t as P } from "./dist-DX0sBG3Q.js";
+import { t as f } from "./utils-Cx-WzRZF.js";
+import { Typography as F } from "./components/Typography/Typography.js";
+import { buttonVariants as _, counterVariants as q, labelVariants as A } from "./components/Counter/Counter.variants.js";
+import m, { forwardRef as x, useId as G, useState as H } from "react";
+import { jsx as u, jsxs as p } from "react/jsx-runtime";
+var s = /* @__PURE__ */ D(R());
+function O() {
+  return O = Object.assign || function(t) {
+    for (var i = 1; i < arguments.length; i++) {
+      var n = arguments[i];
+      for (var e in n) Object.prototype.hasOwnProperty.call(n, e) && (t[e] = n[e]);
+    }
+    return t;
+  }, O.apply(this, arguments);
+}
+function J(t, i) {
+  if (t == null) return {};
+  var n = K(t, i), e, r;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    for (r = 0; r < o.length; r++)
+      e = o[r], !(i.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (n[e] = t[e]);
+  }
+  return n;
+}
+function K(t, i) {
+  if (t == null) return {};
+  var n = {}, e = Object.keys(t), r, o;
+  for (o = 0; o < e.length; o++)
+    r = e[o], !(i.indexOf(r) >= 0) && (n[r] = t[r]);
+  return n;
+}
+var j = x(function(t, i) {
+  var n = t.color, e = n === void 0 ? "currentColor" : n, r = t.size, o = r === void 0 ? 24 : r, c = J(t, ["color", "size"]);
+  return /* @__PURE__ */ m.createElement("svg", O({
+    ref: i,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: o,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, c), /* @__PURE__ */ m.createElement("line", {
+    x1: "5",
+    y1: "12",
+    x2: "19",
+    y2: "12"
+  }));
+});
+j.propTypes = {
+  color: s.default.string,
+  size: s.default.oneOfType([s.default.string, s.default.number])
+};
+j.displayName = "Minus";
+function w() {
+  return w = Object.assign || function(t) {
+    for (var i = 1; i < arguments.length; i++) {
+      var n = arguments[i];
+      for (var e in n) Object.prototype.hasOwnProperty.call(n, e) && (t[e] = n[e]);
+    }
+    return t;
+  }, w.apply(this, arguments);
+}
+function Q(t, i) {
+  if (t == null) return {};
+  var n = U(t, i), e, r;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    for (r = 0; r < o.length; r++)
+      e = o[r], !(i.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(t, e) && (n[e] = t[e]);
+  }
+  return n;
+}
+function U(t, i) {
+  if (t == null) return {};
+  var n = {}, e = Object.keys(t), r, o;
+  for (o = 0; o < e.length; o++)
+    r = e[o], !(i.indexOf(r) >= 0) && (n[r] = t[r]);
+  return n;
+}
+var N = x(function(t, i) {
+  var n = t.color, e = n === void 0 ? "currentColor" : n, r = t.size, o = r === void 0 ? 24 : r, c = Q(t, ["color", "size"]);
+  return /* @__PURE__ */ m.createElement("svg", w({
+    ref: i,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: o,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, c), /* @__PURE__ */ m.createElement("line", {
+    x1: "12",
+    y1: "5",
+    x2: "12",
+    y2: "19"
+  }), /* @__PURE__ */ m.createElement("line", {
+    x1: "5",
+    y1: "12",
+    x2: "19",
+    y2: "12"
+  }));
+});
+N.propTypes = {
+  color: s.default.string,
+  size: s.default.oneOfType([s.default.string, s.default.number])
+};
+N.displayName = "Plus";
+var ot = x(({ canDecrement: t = !0, canIncrement: i = !0, className: n, decrementButtonClassName: e, editable: r = !1, incrementButtonClassName: o, isRequired: c, label: d, labelWrapperClassName: z, max: y = -1 / 0, min: h = 1 / 0, name: k, theme: E, value: L, onChange: v }, M) => {
+  const $ = G(), l = L ?? 0, [W, g] = H(null), S = W ?? String(l), T = () => {
+    let a = 0;
+    h === 1 / 0 ? a = l - 1 : a = Math.max(h, l - 1), g(null), v?.({ target: { value: a } });
+  }, V = () => {
+    let a = 0;
+    y === -1 / 0 ? a = l + 1 : a = Math.min(y, l + 1), g(null), v?.({ target: { value: a } });
+  }, B = (a) => {
+    const b = a.target.value;
+    if (g(b), b === "") return;
+    const I = Number(b);
+    Number.isFinite(I) && v?.({ target: { value: I } });
+  }, C = () => {
+    g(null);
+    const a = Math.min(y === -1 / 0 ? 1 / 0 : y, Math.max(h === 1 / 0 ? -1 / 0 : h, l));
+    a !== l && v?.({ target: { value: a } });
+  };
+  return /* @__PURE__ */ p("div", {
+    className: "flex flex-col gap-2",
+    "data-theme": E,
+    children: [d ? /* @__PURE__ */ u("div", {
+      className: f(z),
+      children: /* @__PURE__ */ p(F, {
+        component: "label",
+        htmlFor: k ?? $,
+        variant: "labelLarge",
+        className: f(A()),
+        children: [
+          d,
+          " ",
+          c && /* @__PURE__ */ u("span", {
+            className: "text-red-600 dark:text-red-500",
+            children: "*"
+          })
+        ]
+      })
+    }) : null, /* @__PURE__ */ p("div", {
+      className: "flex items-center",
+      role: "presentation",
+      children: [
+        /* @__PURE__ */ p("button", {
+          type: "button",
+          onClick: T,
+          className: f(_({
+            button: "rigth",
+            className: e
+          })),
+          disabled: !t,
+          children: [/* @__PURE__ */ u(j, { className: "w-4 h-4" }), /* @__PURE__ */ u(P, { children: "Decrement" })]
+        }),
+        /* @__PURE__ */ u("input", {
+          ref: M,
+          type: "number",
+          value: r ? S : l,
+          name: k,
+          className: f(q({ className: n })),
+          ...r ? {
+            onChange: B,
+            onBlur: C
+          } : { readOnly: !0 },
+          "aria-label": typeof d == "string" ? d : "number input"
+        }),
+        /* @__PURE__ */ p("button", {
+          type: "button",
+          onClick: V,
+          className: f(_({
+            button: "left",
+            className: o
+          })),
+          disabled: !i,
+          children: [/* @__PURE__ */ u(N, { className: "w-4 h-4" }), /* @__PURE__ */ u(P, { children: "Increment" })]
+        })
+      ]
+    })]
+  });
+});
+export {
+  ot as t
+};