@konstructio/ui 0.1.2-alpha.12 → 0.1.2-alpha.121

package/dist/Checkbox-DrounE52.js

@@ -0,0 +1,252 @@
+import { o as X } from "./rolldown-runtime-B28h4lGi.js";
+import { t as J } from "./prop-types-qsAjMBb1.js";
+import { a as A } from "./dist-CK8FUUUn.js";
+import { t as T } from "./dist-CYuWoi9I.js";
+import { t as N } from "./utils-DnIJruo0.js";
+import { i as Q, r as j, t as Y } from "./dist-DbeY0Pzx.js";
+import { t as Z } from "./dist-uuWgjOcO.js";
+import { useToggle as ee } from "./hooks/useToggle.js";
+import { t as te } from "./dist-vDSmnSS_.js";
+import { checkboxVariants as re, labelVariants as ne } from "./components/Checkbox/Checkbox.variants.js";
+import * as l from "react";
+import M, { forwardRef as $, useId as oe } from "react";
+import { Fragment as ce, jsx as h, jsxs as D } from "react/jsx-runtime";
+var E = /* @__PURE__ */ X(J());
+function B() {
+  return B = Object.assign || function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var c = arguments[n];
+      for (var t in c) Object.prototype.hasOwnProperty.call(c, t) && (e[t] = c[t]);
+    }
+    return e;
+  }, B.apply(this, arguments);
+}
+function se(e, n) {
+  if (e == null) return {};
+  var c = ae(e, n), t, r;
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < s.length; r++)
+      t = s[r], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(e, t) && (c[t] = e[t]);
+  }
+  return c;
+}
+function ae(e, n) {
+  if (e == null) return {};
+  for (var c = {}, t = Object.keys(e), r, s = 0; s < t.length; s++)
+    r = t[s], !(n.indexOf(r) >= 0) && (c[r] = e[r]);
+  return c;
+}
+var U = $(function(e, n) {
+  var c = e.color, t = c === void 0 ? "currentColor" : c, r = e.size, s = r === void 0 ? 24 : r, o = se(e, ["color", "size"]);
+  return /* @__PURE__ */ M.createElement("svg", B({
+    ref: n,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: s,
+    height: s,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: t,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, o), /* @__PURE__ */ M.createElement("polyline", { points: "20 6 9 17 4 12" }));
+});
+U.propTypes = {
+  color: E.default.string,
+  size: E.default.oneOfType([E.default.string, E.default.number])
+};
+U.displayName = "Check";
+var ie = Object.defineProperty, y = (e, n) => ie(e, "name", {
+  value: n,
+  configurable: !0
+}), q = "Checkbox", [le, Ne] = Q(q), [ue, z] = le(q);
+function H(e) {
+  const { __scopeCheckbox: n, checked: c, children: t, defaultChecked: r, disabled: s, form: o, name: a, onCheckedChange: k, required: u, value: g = "on", internal_do_not_use_render: m } = e, [b, v] = Y({
+    prop: c,
+    defaultProp: r ?? !1,
+    onChange: k,
+    caller: q
+  }), [C, I] = l.useState(null), [P, R] = l.useState(null), [i, d] = l.useState(null), x = C ? !!o || !!C.closest("form") : !0, _ = {
+    checked: b,
+    disabled: s,
+    setChecked: v,
+    control: C,
+    setControl: I,
+    name: a,
+    form: o,
+    value: g,
+    userClick: i,
+    onUserClick: d,
+    required: u,
+    defaultChecked: p(r) ? !1 : r,
+    isFormControl: x,
+    bubbleInput: P,
+    setBubbleInput: R
+  };
+  return /* @__PURE__ */ h(ue, {
+    scope: n,
+    ..._,
+    children: K(m) ? m(_) : t
+  });
+}
+y(H, "CheckboxProvider");
+var de = "CheckboxTrigger", fe = /* @__PURE__ */ l.forwardRef(/* @__PURE__ */ y(function({ __scopeCheckbox: n, onKeyDown: c, onClick: t, ...r }, s) {
+  const { control: o, value: a, disabled: k, checked: u, required: g, setControl: m, setChecked: b, onUserClick: v, isFormControl: C, bubbleInput: I } = z(de, n), P = A(s, m), R = l.useRef(u);
+  return l.useEffect(() => {
+    const i = o?.form;
+    if (i) {
+      const d = /* @__PURE__ */ y(() => b(R.current), "reset");
+      return i.addEventListener("reset", d), () => i.removeEventListener("reset", d);
+    }
+  }, [o, b]), /* @__PURE__ */ h(T.button, {
+    type: "button",
+    role: "checkbox",
+    "aria-checked": p(u) ? "mixed" : u,
+    "aria-required": g,
+    "data-state": F(u),
+    "data-disabled": k ? "" : void 0,
+    disabled: k,
+    value: a,
+    ...r,
+    ref: P,
+    onKeyDown: j(c, (i) => {
+      i.key === "Enter" && i.preventDefault();
+    }),
+    onClick: j(t, (i) => {
+      const d = i.isPropagationStopped();
+      v({
+        requestedChecked: p(u) ? !0 : !u,
+        hasConsumerStoppedPropagation: d
+      }), b((x) => p(x) ? !0 : !x), I && C && (d || i.stopPropagation());
+    })
+  });
+}, "CheckboxTrigger")), pe = /* @__PURE__ */ l.forwardRef(/* @__PURE__ */ y(function(n, c) {
+  const { __scopeCheckbox: t, name: r, checked: s, defaultChecked: o, required: a, disabled: k, value: u, onCheckedChange: g, form: m, ...b } = n;
+  return /* @__PURE__ */ h(H, {
+    __scopeCheckbox: t,
+    checked: s,
+    defaultChecked: o,
+    disabled: k,
+    required: a,
+    onCheckedChange: g,
+    name: r,
+    form: m,
+    value: u,
+    internal_do_not_use_render: ({ isFormControl: v }) => /* @__PURE__ */ D(ce, { children: [/* @__PURE__ */ h(fe, {
+      ...b,
+      ref: c,
+      __scopeCheckbox: t
+    }), v && /* @__PURE__ */ h(me, { __scopeCheckbox: t })] })
+  });
+}, "Checkbox")), he = "CheckboxIndicator", be = /* @__PURE__ */ l.forwardRef(/* @__PURE__ */ y(function(n, c) {
+  const { __scopeCheckbox: t, forceMount: r, ...s } = n, o = z(he, t);
+  return /* @__PURE__ */ h(Z, {
+    present: r || p(o.checked) || o.checked === !0,
+    children: /* @__PURE__ */ h(T.span, {
+      "data-state": F(o.checked),
+      "data-disabled": o.disabled ? "" : void 0,
+      ...s,
+      ref: c,
+      style: {
+        pointerEvents: "none",
+        ...n.style
+      }
+    })
+  });
+}, "CheckboxIndicator")), ke = "CheckboxBubbleInput", me = /* @__PURE__ */ l.forwardRef(/* @__PURE__ */ y(function({ __scopeCheckbox: n, onClick: c, ...t }, r) {
+  const { control: s, userClick: o, checked: a, defaultChecked: k, required: u, disabled: g, name: m, value: b, form: v, bubbleInput: C, setBubbleInput: I } = z(ke, n), P = A(r, I), R = te(s), i = l.useRef(!1), d = l.useRef(a), x = l.useRef(o), _ = l.useRef(null);
+  l.useEffect(() => {
+    const f = C;
+    if (!f) return;
+    const W = window.HTMLInputElement.prototype, S = Object.getOwnPropertyDescriptor(W, "checked").set;
+    if (!S) return;
+    const O = d.current !== a;
+    d.current = a;
+    const G = o !== null && o !== x.current;
+    if (x.current = o, G)
+      _.current = O ? null : o, O && (f.indeterminate = p(a), S.call(f, p(a) ? !1 : a)), f.dispatchEvent(new Event("click", { bubbles: !o.hasConsumerStoppedPropagation }));
+    else if (O) {
+      const L = _.current;
+      _.current = null;
+      const V = L?.requestedChecked === a;
+      i.current = !0, f.indeterminate = p(a), S.call(f, p(a) ? !1 : a), f.dispatchEvent(new Event("click", { bubbles: !(V && L.hasConsumerStoppedPropagation) })), i.current = !1;
+    }
+  }, [
+    C,
+    a,
+    o
+  ]);
+  const w = l.useRef(p(a) ? !1 : a);
+  return /* @__PURE__ */ h(T.input, {
+    type: "checkbox",
+    "aria-hidden": !0,
+    defaultChecked: k ?? w.current,
+    required: u,
+    disabled: g,
+    name: m,
+    value: b,
+    form: v,
+    ...t,
+    tabIndex: -1,
+    ref: P,
+    onClick: j(c, (f) => {
+      i.current && f.stopPropagation();
+    }),
+    style: {
+      ...t.style,
+      ...R,
+      position: "absolute",
+      pointerEvents: "none",
+      opacity: 0,
+      margin: 0,
+      transform: "translateX(-100%)"
+    }
+  });
+}, "CheckboxBubbleInput"));
+function K(e) {
+  return typeof e == "function";
+}
+y(K, "isFunction");
+function p(e) {
+  return e === "indeterminate";
+}
+y(p, "isIndeterminate");
+function F(e) {
+  return p(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+y(F, "getState");
+var Ce = $(({ ariaLabelledBy: e, checked: n, className: c, defaultChecked: t, disabled: r, id: s, label: o, labelClassName: a, labelWrapperClassName: k, name: u, theme: g, title: m, variant: b, onChange: v, ...C }, I) => {
+  const [P, R] = ee(t ?? !1), i = n !== void 0, d = i ? n : P, x = oe(), _ = s ?? x, w = (f) => {
+    i || R(f), v?.(f);
+  };
+  return /* @__PURE__ */ D("div", {
+    className: N("flex items-center gap-4", k),
+    "data-theme": g,
+    children: [/* @__PURE__ */ h(pe, {
+      id: _,
+      checked: d,
+      ref: I,
+      name: u,
+      disabled: r,
+      "aria-labelledby": e,
+      title: m,
+      className: N(re({
+        className: c,
+        variant: b,
+        checked: d
+      })),
+      onCheckedChange: w,
+      ...C,
+      children: /* @__PURE__ */ h(be, { children: /* @__PURE__ */ h(U, { className: "w-4 h-4 stroke-2" }) })
+    }), o ? /* @__PURE__ */ h("label", {
+      htmlFor: _,
+      className: N(ne({ className: a }), { "cursor-not-allowed": r }),
+      children: o
+    }) : null]
+  });
+});
+Ce.displayName = "KonstructCheckbox";
+export {
+  Ce as t
+};

package/dist/CollapsedSteps-DvBeYShi.js

@@ -0,0 +1,112 @@
+import { o as g } from "./rolldown-runtime-B28h4lGi.js";
+import { t as h } from "./prop-types-qsAjMBb1.js";
+import { t as d } from "./utils-DnIJruo0.js";
+import { n as v, t as y } from "./useBreadcrumb-BvP9cgD8.js";
+import { a as b, n as x, r as u, t as w } from "./dist-CMqY_9n-.js";
+import l, { forwardRef as O } from "react";
+import { jsx as a, jsxs as k } from "react/jsx-runtime";
+var c = /* @__PURE__ */ g(h());
+function m() {
+  return m = 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;
+  }, m.apply(this, arguments);
+}
+function j(e, n) {
+  if (e == null) return {};
+  var o = N(e, n), r, t;
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (t = 0; t < i.length; t++)
+      r = i[t], !(n.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+  }
+  return o;
+}
+function N(e, n) {
+  if (e == null) return {};
+  for (var o = {}, r = Object.keys(e), t, i = 0; i < r.length; i++)
+    t = r[i], !(n.indexOf(t) >= 0) && (o[t] = e[t]);
+  return o;
+}
+var p = O(function(e, n) {
+  var o = e.color, r = o === void 0 ? "currentColor" : o, t = e.size, i = t === void 0 ? 24 : t, s = j(e, ["color", "size"]);
+  return /* @__PURE__ */ l.createElement("svg", m({
+    ref: n,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: i,
+    height: i,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: r,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, s), /* @__PURE__ */ l.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "1"
+  }), /* @__PURE__ */ l.createElement("circle", {
+    cx: "19",
+    cy: "12",
+    r: "1"
+  }), /* @__PURE__ */ l.createElement("circle", {
+    cx: "5",
+    cy: "12",
+    r: "1"
+  }));
+});
+p.propTypes = {
+  color: c.default.string,
+  size: c.default.oneOfType([c.default.string, c.default.number])
+};
+p.displayName = "MoreHorizontal";
+var f = d("flex w-full items-center gap-1 px-4 py-1.5 text-sm font-semibold outline-none", "text-gray-600 hover:bg-gray-50 focus:bg-gray-50 hover:cursor-pointer", "dark:text-gray-300 dark:hover:bg-metal-700 dark:focus:bg-metal-700"), R = ({ label: e, steps: n }) => {
+  const { isInsideRouter: o } = y();
+  return /* @__PURE__ */ a("li", {
+    className: "flex items-center",
+    children: /* @__PURE__ */ k(w, {
+      modal: !1,
+      children: [/* @__PURE__ */ a(b, {
+        "aria-label": e,
+        className: d("flex items-center rounded-xs text-gray-400 hover:text-gray-500", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-500", "dark:hover:text-gray-300 cursor-pointer"),
+        children: /* @__PURE__ */ a(p, {
+          className: "w-5 h-5",
+          "aria-hidden": "true"
+        })
+      }), /* @__PURE__ */ a(x, {
+        align: "start",
+        sideOffset: 4,
+        loop: !0,
+        className: d("z-50 min-w-40 rounded border border-gray-200 bg-white py-2 shadow-xs", "animate-in fade-in-0", "dark:border-metal-700 dark:bg-metal-800"),
+        children: n.map(({ label: r, to: t, target: i, component: s }) => t ? o && !s ? /* @__PURE__ */ a(u, {
+          asChild: !0,
+          children: /* @__PURE__ */ a(v, {
+            to: t,
+            target: i,
+            className: f,
+            children: r
+          })
+        }, r) : /* @__PURE__ */ a(u, {
+          asChild: !0,
+          children: /* @__PURE__ */ a(s ?? "a", {
+            href: s ? void 0 : t,
+            to: s ? t : void 0,
+            target: i,
+            className: f,
+            children: r
+          })
+        }, r) : /* @__PURE__ */ a(u, {
+          disabled: !0,
+          className: d(f, "cursor-default"),
+          children: r
+        }, r))
+      })]
+    })
+  });
+};
+export {
+  R as t
+};