@konstructio/ui 0.1.2-alpha.112 → 0.1.2-alpha.113

package/dist/Counter-DMkXIsOO.js

@@ -0,0 +1,229 @@
+"use client";
+import { o as ie } from "./rolldown-runtime-Dw9YIBcH.js";
+import { t as ae } from "./prop-types-BCUW56rg.js";
+import { t as F } from "./dist-C_jtUTU9.js";
+import { n as oe, t as l } from "./utils-DnIJruo0.js";
+import { Typography as I } from "./components/Typography/Typography.js";
+import { buttonVariants as H, counterVariants as le, fieldVariants as se, labelVariants as ce, unitVariants as ue } from "./components/Counter/Counter.variants.js";
+import y, { forwardRef as _, useId as fe, useState as pe } from "react";
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+var u = /* @__PURE__ */ ie(ae());
+function k() {
+  return k = Object.assign || function(e) {
+    for (var a = 1; a < arguments.length; a++) {
+      var r = arguments[a];
+      for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, k.apply(this, arguments);
+}
+function de(e, a) {
+  if (e == null) return {};
+  var r = me(e, a), t, n;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++)
+      t = i[n], !(a.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+  }
+  return r;
+}
+function me(e, a) {
+  if (e == null) return {};
+  for (var r = {}, t = Object.keys(e), n, i = 0; i < t.length; i++)
+    n = t[i], !(a.indexOf(n) >= 0) && (r[n] = e[n]);
+  return r;
+}
+var z = _(function(e, a) {
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, d = de(e, ["color", "size"]);
+  return /* @__PURE__ */ y.createElement("svg", k({
+    ref: a,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: i,
+    height: i,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, d), /* @__PURE__ */ y.createElement("line", {
+    x1: "5",
+    y1: "12",
+    x2: "19",
+    y2: "12"
+  }));
+});
+z.propTypes = {
+  color: u.default.string,
+  size: u.default.oneOfType([u.default.string, u.default.number])
+};
+z.displayName = "Minus";
+function P() {
+  return P = Object.assign || function(e) {
+    for (var a = 1; a < arguments.length; a++) {
+      var r = arguments[a];
+      for (var t in r) Object.prototype.hasOwnProperty.call(r, t) && (e[t] = r[t]);
+    }
+    return e;
+  }, P.apply(this, arguments);
+}
+function ye(e, a) {
+  if (e == null) return {};
+  var r = he(e, a), t, n;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++)
+      t = i[n], !(a.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (r[t] = e[t]);
+  }
+  return r;
+}
+function he(e, a) {
+  if (e == null) return {};
+  for (var r = {}, t = Object.keys(e), n, i = 0; i < t.length; i++)
+    n = t[i], !(a.indexOf(n) >= 0) && (r[n] = e[n]);
+  return r;
+}
+var E = _(function(e, a) {
+  var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, d = ye(e, ["color", "size"]);
+  return /* @__PURE__ */ y.createElement("svg", P({
+    ref: a,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: i,
+    height: i,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, d), /* @__PURE__ */ y.createElement("line", {
+    x1: "12",
+    y1: "5",
+    x2: "12",
+    y2: "19"
+  }), /* @__PURE__ */ y.createElement("line", {
+    x1: "5",
+    y1: "12",
+    x2: "19",
+    y2: "12"
+  }));
+});
+E.propTypes = {
+  color: u.default.string,
+  size: u.default.oneOfType([u.default.string, u.default.number])
+};
+E.displayName = "Plus";
+var Ie = _(({ canDecrement: e = !0, canIncrement: a = !0, className: r, decrementButtonClassName: t, decrementLabel: n = "Decrement", disabled: i = !1, editable: d = !1, error: w, errorClassName: q, fullWidth: O = !1, helperText: $, helperTextClassName: R, incrementButtonClassName: G, incrementLabel: J = "Increment", isRequired: V, label: m, labelAction: L, labelWrapperClassName: K, max: h = -1 / 0, min: v = 1 / 0, name: M, step: g = 1, theme: Q, unit: T, value: U, onChange: b }, X) => {
+  const j = fe(), B = M ?? j, S = `${j}-error`, C = `${j}-helper-text`, f = typeof w == "string" && w.length > 0, W = !f && !!$, Y = oe(f && S, W && C), c = U ?? 0, [Z, x] = pe(null), A = Z ?? String(c), ee = () => {
+    let o = 0;
+    v === 1 / 0 ? o = c - g : o = Math.max(v, c - g), x(null), b?.({ target: { value: o } });
+  }, te = () => {
+    let o = 0;
+    h === -1 / 0 ? o = c + g : o = Math.min(h, c + g), x(null), b?.({ target: { value: o } });
+  }, re = (o) => {
+    const N = o.target.value;
+    if (x(N), N === "") return;
+    const D = Number(N);
+    Number.isFinite(D) && b?.({ target: { value: D } });
+  }, ne = () => {
+    x(null);
+    const o = Math.min(h === -1 / 0 ? 1 / 0 : h, Math.max(v === 1 / 0 ? -1 / 0 : v, c));
+    o !== c && b?.({ target: { value: o } });
+  };
+  return /* @__PURE__ */ p("div", {
+    className: l("flex flex-col gap-2", O && "w-full"),
+    "data-theme": Q,
+    children: [
+      m || L ? /* @__PURE__ */ p("div", {
+        className: l("flex items-center justify-between", K),
+        children: [m ? /* @__PURE__ */ p(I, {
+          component: "label",
+          htmlFor: B,
+          variant: "labelLarge",
+          className: l(ce()),
+          children: [
+            m,
+            " ",
+            V && /* @__PURE__ */ s("span", {
+              className: "text-red-600 dark:text-red-500",
+              children: "*"
+            })
+          ]
+        }) : null, L]
+      }) : null,
+      /* @__PURE__ */ p("div", {
+        className: "flex items-center",
+        role: "presentation",
+        children: [
+          /* @__PURE__ */ p("button", {
+            type: "button",
+            onClick: ee,
+            className: l(H({
+              button: "rigth",
+              hasError: f,
+              className: t
+            })),
+            disabled: i || !e,
+            children: [/* @__PURE__ */ s(z, { className: "w-4 h-4" }), /* @__PURE__ */ s(F, { children: n })]
+          }),
+          /* @__PURE__ */ p("div", {
+            className: l(se({
+              fullWidth: O,
+              hasError: f,
+              disabled: i
+            })),
+            children: [/* @__PURE__ */ s("input", {
+              ref: X,
+              id: B,
+              type: "number",
+              value: d ? A : c,
+              name: M,
+              disabled: i,
+              className: l(le({
+                fullWidth: O,
+                className: r
+              })),
+              ...d ? {
+                onChange: re,
+                onBlur: ne
+              } : { readOnly: !0 },
+              "aria-label": typeof m == "string" ? m : "number input",
+              "aria-invalid": f || void 0,
+              "aria-describedby": Y,
+              "aria-required": V || void 0
+            }), T ? /* @__PURE__ */ s("span", {
+              className: l(ue()),
+              children: T
+            }) : null]
+          }),
+          /* @__PURE__ */ p("button", {
+            type: "button",
+            onClick: te,
+            className: l(H({
+              button: "left",
+              hasError: f,
+              className: G
+            })),
+            disabled: i || !a,
+            children: [/* @__PURE__ */ s(E, { className: "w-4 h-4" }), /* @__PURE__ */ s(F, { children: J })]
+          })
+        ]
+      }),
+      f ? /* @__PURE__ */ s(I, {
+        component: "span",
+        id: S,
+        className: l("text-xs tracking-normal text-red-700 dark:text-red-400", q),
+        children: w
+      }) : null,
+      W ? /* @__PURE__ */ s(I, {
+        component: "span",
+        id: C,
+        className: l("text-xs text-slate-600 dark:text-slate-200", R),
+        children: $
+      }) : null
+    ]
+  });
+});
+export {
+  Ie as t
+};

package/dist/DropdownButton-JilCRLJY.js

@@ -0,0 +1,92 @@
+import { o as b } from "./rolldown-runtime-Dw9YIBcH.js";
+import { t as O } from "./prop-types-BCUW56rg.js";
+import { t as s } from "./utils-DnIJruo0.js";
+import { LoaderIcon as j } from "./assets/icons/components/Loader.js";
+import { Button as x } from "./components/Button/Button.js";
+import { i as _, n as D, r as k, t as z } from "./dist-BCoDIdCt.js";
+import m, { forwardRef as N } from "react";
+import { jsx as i, jsxs as c } from "react/jsx-runtime";
+var l = /* @__PURE__ */ b(O());
+function f() {
+  return f = Object.assign || function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var o = arguments[n];
+      for (var r in o) Object.prototype.hasOwnProperty.call(o, r) && (e[r] = o[r]);
+    }
+    return e;
+  }, f.apply(this, arguments);
+}
+function C(e, n) {
+  if (e == null) return {};
+  var o = M(e, n), r, t;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    for (t = 0; t < a.length; t++)
+      r = a[t], !(n.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+  }
+  return o;
+}
+function M(e, n) {
+  if (e == null) return {};
+  for (var o = {}, r = Object.keys(e), t, a = 0; a < r.length; a++)
+    t = r[a], !(n.indexOf(t) >= 0) && (o[t] = e[t]);
+  return o;
+}
+var u = N(function(e, n) {
+  var o = e.color, r = o === void 0 ? "currentColor" : o, t = e.size, a = t === void 0 ? 24 : t, p = C(e, ["color", "size"]);
+  return /* @__PURE__ */ m.createElement("svg", f({
+    ref: n,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: a,
+    height: a,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: r,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, p), /* @__PURE__ */ m.createElement("polyline", { points: "6 9 12 15 18 9" }));
+});
+u.propTypes = {
+  color: l.default.string,
+  size: l.default.oneOfType([l.default.string, l.default.number])
+};
+u.displayName = "ChevronDown";
+var $ = ({ appearance: e, buttonClassName: n, className: o, disabled: r = !1, isLoading: t = !1, itemClassName: a, label: p = "Download Invoice as", listClassName: h, options: g, variant: v, version: w }) => /* @__PURE__ */ i(z, {
+  modal: !1,
+  children: /* @__PURE__ */ c("div", {
+    className: s("relative w-full", o),
+    children: [/* @__PURE__ */ i(_, {
+      asChild: !0,
+      disabled: r || t,
+      children: /* @__PURE__ */ c(x, {
+        appearance: e,
+        variant: v,
+        version: w,
+        disabled: r || t,
+        "aria-busy": t || void 0,
+        className: s("group flex gap-2 items-center justify-between w-full", n),
+        children: [p, t ? /* @__PURE__ */ i(j, {
+          size: 16,
+          className: "animate-spin shrink-0"
+        }) : /* @__PURE__ */ i(u, { className: "transition-transform duration-200 group-data-[state=open]:rotate-180" })]
+      })
+    }), /* @__PURE__ */ i(D, {
+      align: "start",
+      sideOffset: 4,
+      loop: !0,
+      className: s("z-10 bg-white border border-gray-200 rounded shadow-xs animate-in fade-in-0 py-2", h),
+      style: { width: "var(--radix-dropdown-menu-trigger-width)" },
+      children: g.map((d, y) => /* @__PURE__ */ i(k, {
+        className: s("hover:bg-gray-50 focus:bg-gray-50 outline-none px-6 py-1.5 hover:cursor-pointer", a),
+        onSelect: () => {
+          d.onClick?.();
+        },
+        children: d.label
+      }, y))
+    })]
+  })
+});
+export {
+  $ as t
+};