@konstructio/ui 0.1.2-alpha.99 → 0.1.3

package/dist/Counter-bTFm7xa3.js

@@ -1,208 +0,0 @@
-import { o as F } from "./chunk-cI0lbGMq.js";
-import { t as q } from "./prop-types-CE0Kfmwk.js";
-import { t as _ } from "./dist-EV-1XXQr.js";
-import { t as m } from "./utils-COaoD3PI.js";
-import { Typography as C } from "./components/Typography/Typography.js";
-import { buttonVariants as z, counterVariants as A, labelVariants as G } from "./components/Counter/Counter.variants.js";
-import v, { forwardRef as x, useCallback as b, useId as H, useState as J } from "react";
-import { jsx as c, jsxs as y } from "react/jsx-runtime";
-var u = /* @__PURE__ */ F(q());
-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 K(t, i) {
-  if (t == null) return {};
-  var n = Q(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 Q(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, d = K(t, ["color", "size"]);
-  return /* @__PURE__ */ v.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"
-  }, d), /* @__PURE__ */ v.createElement("line", {
-    x1: "5",
-    y1: "12",
-    x2: "19",
-    y2: "12"
-  }));
-});
-N.propTypes = {
-  color: u.default.string,
-  size: u.default.oneOfType([u.default.string, u.default.number])
-};
-N.displayName = "Minus";
-function j() {
-  return j = 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;
-  }, j.apply(this, arguments);
-}
-function U(t, i) {
-  if (t == null) return {};
-  var n = X(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 X(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 k = x(function(t, i) {
-  var n = t.color, e = n === void 0 ? "currentColor" : n, r = t.size, o = r === void 0 ? 24 : r, d = U(t, ["color", "size"]);
-  return /* @__PURE__ */ v.createElement("svg", j({
-    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"
-  }, d), /* @__PURE__ */ v.createElement("line", {
-    x1: "12",
-    y1: "5",
-    x2: "12",
-    y2: "19"
-  }), /* @__PURE__ */ v.createElement("line", {
-    x1: "5",
-    y1: "12",
-    x2: "19",
-    y2: "12"
-  }));
-});
-k.propTypes = {
-  color: u.default.string,
-  size: u.default.oneOfType([u.default.string, u.default.number])
-};
-k.displayName = "Plus";
-var at = x(({ canDecrement: t = !0, canIncrement: i = !0, className: n, decrementButtonClassName: e, editable: r = !1, incrementButtonClassName: o, isRequired: d, label: h, labelWrapperClassName: E, max: f = -1 / 0, min: p = 1 / 0, name: I, theme: L, value: M, onChange: s }, $) => {
-  const W = H(), l = M ?? 0, [S, g] = J(null), T = S ?? String(l), V = b(() => {
-    let a = 0;
-    p === 1 / 0 ? a = l - 1 : a = Math.max(p, l - 1), g(null), s?.({ target: { value: a } });
-  }, [
-    l,
-    p,
-    s
-  ]), B = b(() => {
-    let a = 0;
-    f === -1 / 0 ? a = l + 1 : a = Math.min(f, l + 1), g(null), s?.({ target: { value: a } });
-  }, [
-    l,
-    f,
-    s
-  ]), D = b((a) => {
-    const O = a.target.value;
-    if (g(O), O === "") return;
-    const P = Number(O);
-    Number.isFinite(P) && s?.({ target: { value: P } });
-  }, [s]), R = b(() => {
-    g(null);
-    const a = Math.min(f === -1 / 0 ? 1 / 0 : f, Math.max(p === 1 / 0 ? -1 / 0 : p, l));
-    a !== l && s?.({ target: { value: a } });
-  }, [
-    l,
-    p,
-    f,
-    s
-  ]);
-  return /* @__PURE__ */ y("div", {
-    className: "flex flex-col gap-2",
-    "data-theme": L,
-    children: [h ? /* @__PURE__ */ c("div", {
-      className: m(E),
-      children: /* @__PURE__ */ y(C, {
-        component: "label",
-        htmlFor: I ?? W,
-        variant: "labelLarge",
-        className: m(G()),
-        children: [
-          h,
-          " ",
-          d && /* @__PURE__ */ c("span", {
-            className: "text-red-600 dark:text-red-500",
-            children: "*"
-          })
-        ]
-      })
-    }) : null, /* @__PURE__ */ y("div", {
-      className: "flex items-center",
-      role: "presentation",
-      children: [
-        /* @__PURE__ */ y("button", {
-          type: "button",
-          onClick: V,
-          className: m(z({
-            button: "rigth",
-            className: e
-          })),
-          disabled: !t,
-          children: [/* @__PURE__ */ c(N, { className: "w-4 h-4" }), /* @__PURE__ */ c(_, { children: "Decrement" })]
-        }),
-        /* @__PURE__ */ c("input", {
-          ref: $,
-          type: "number",
-          value: r ? T : l,
-          name: I,
-          className: m(A({ className: n })),
-          ...r ? {
-            onChange: D,
-            onBlur: R
-          } : { readOnly: !0 },
-          "aria-label": typeof h == "string" ? h : "number input"
-        }),
-        /* @__PURE__ */ y("button", {
-          type: "button",
-          onClick: B,
-          className: m(z({
-            button: "left",
-            className: o
-          })),
-          disabled: !i,
-          children: [/* @__PURE__ */ c(k, { className: "w-4 h-4" }), /* @__PURE__ */ c(_, { children: "Increment" })]
-        })
-      ]
-    })]
-  });
-});
-export {
-  at as t
-};

package/dist/DropdownButton-CWwjA3zI.js

@@ -1,92 +0,0 @@
-import { o as x } from "./chunk-cI0lbGMq.js";
-import { t as C } from "./prop-types-CE0Kfmwk.js";
-import { t as l } from "./utils-COaoD3PI.js";
-import { Button as E } from "./components/Button/Button.js";
-import v, { forwardRef as _, useCallback as h, useEffect as z, useRef as w, useState as L } from "react";
-import { jsx as d, jsxs as b } from "react/jsx-runtime";
-var c = /* @__PURE__ */ x(C());
-function m() {
-  return m = 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;
-  }, m.apply(this, arguments);
-}
-function N(e, i) {
-  if (e == null) return {};
-  var r = D(e, i), t, n;
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    for (n = 0; n < o.length; n++)
-      t = o[n], !(i.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
-  }
-  return r;
-}
-function D(e, i) {
-  if (e == null) return {};
-  var r = {}, t = Object.keys(e), n, o;
-  for (o = 0; o < t.length; o++)
-    n = t[o], !(i.indexOf(n) >= 0) && (r[n] = e[n]);
-  return r;
-}
-var g = _(function(e, i) {
-  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, o = n === void 0 ? 24 : n, s = N(e, ["color", "size"]);
-  return /* @__PURE__ */ v.createElement("svg", m({
-    ref: i,
-    xmlns: "http://www.w3.org/2000/svg",
-    width: o,
-    height: o,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: t,
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, s), /* @__PURE__ */ v.createElement("polyline", { points: "6 9 12 15 18 9" }));
-});
-g.propTypes = {
-  color: c.default.string,
-  size: c.default.oneOfType([c.default.string, c.default.number])
-};
-g.displayName = "ChevronDown";
-var T = ({ buttonClassName: e, className: i, itemClassName: r, listClassName: t, options: n }) => {
-  const [o, s] = L(!1), y = w(null), f = w(null), O = h(() => s((a) => !a), []), k = h((a) => {
-    s(!1), a?.();
-  }, []);
-  return z(() => {
-    const a = new AbortController(), u = (p) => {
-      p.key === "Escape" && s(!1);
-    }, j = (p) => {
-      f.current?.contains(p.target) || s(!1);
-    };
-    return document.addEventListener("keydown", u, { signal: a.signal }), document.addEventListener("mousedown", j, { signal: a.signal }), document.addEventListener("visibilitychange", () => {
-      document.hidden && s(!1);
-    }, { signal: a.signal }), () => {
-      a.abort();
-    };
-  }, [f]), /* @__PURE__ */ b("div", {
-    ref: f,
-    className: l("relative w-full", i),
-    children: [/* @__PURE__ */ b(E, {
-      ref: y,
-      className: l("flex gap-2 items-center justify-between w-full", e),
-      onClick: O,
-      children: ["Download Invoice as", /* @__PURE__ */ d(g, { className: l({
-        "transform rotate-180": o,
-        "transition-transform duration-200": !0
-      }) })]
-    }), o && /* @__PURE__ */ d("ul", {
-      className: l("absolute z-10 mt-1 w-full bg-white border border-gray-200 rounded shadow-xs animate-in fade-in-0 py-2", t),
-      children: n.map((a, u) => /* @__PURE__ */ d("li", {
-        className: l("hover:bg-gray-50 px-6 py-1.5 hover:cursor-pointer", r),
-        onClick: () => k(a.onClick),
-        children: a.label
-      }, u))
-    })]
-  });
-};
-export {
-  T as t
-};