@konstructio/ui 0.1.2-alpha.105 → 0.1.2-alpha.106

package/dist/{AlertDialogTrigger-BGo_acd5.js → AlertDialogTrigger-BOrb536P.js}

@@ -1,52 +1,52 @@
 import { a as A } from "./dist-xCbHbMLA.js";
-import { t as d } from "./utils-Cx-WzRZF.js";
-import { i as m, r as _ } from "./dist-D-yS0HN8.js";
-import { a as C, c as P, i as R, l as u, n as v, o as S, r as T, s as O, t as w } from "./dist-C3YVLapk.js";
-import { Button as y } from "./components/Button/Button.js";
+import { t as m } from "./utils-Cx-WzRZF.js";
+import { i as _, r as C } from "./dist-D-yS0HN8.js";
+import { a as P, c as R, i as S, l as u, n as v, o as T, r as O, s as w, t as y } from "./dist-DO3apbIh.js";
+import { Button as h } from "./components/Button/Button.js";
 import * as n from "react";
-import { forwardRef as h } from "react";
+import { forwardRef as x } from "react";
 import { jsx as i } from "react/jsx-runtime";
-var x = Object.defineProperty, c = (l, o) => x(l, "name", {
+var b = Object.defineProperty, c = (l, o) => b(l, "name", {
   value: o,
   configurable: !0
-}), [b, X] = m("AlertDialog", [u]), s = u(), E = /* @__PURE__ */ c((l) => {
+}), [E, Y] = _("AlertDialog", [u]), s = u(), N = /* @__PURE__ */ c((l) => {
   const { __scopeAlertDialog: o, ...r } = l, e = s(o);
-  return /* @__PURE__ */ i(w, {
+  return /* @__PURE__ */ i(y, {
     ...e,
     ...r,
     modal: !0
   });
-}, "AlertDialog"), N = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
+}, "AlertDialog"), j = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
   const { __scopeAlertDialog: e, ...a } = o, t = s(e);
-  return /* @__PURE__ */ i(P, {
+  return /* @__PURE__ */ i(R, {
     ...t,
     ...a,
     ref: r
   });
-}, "AlertDialogTrigger")), j = /* @__PURE__ */ c((l) => {
+}, "AlertDialogTrigger")), F = /* @__PURE__ */ c((l) => {
   const { __scopeAlertDialog: o, ...r } = l, e = s(o);
-  return /* @__PURE__ */ i(S, {
+  return /* @__PURE__ */ i(T, {
     ...e,
     ...r
   });
-}, "AlertDialogPortal"), F = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
+}, "AlertDialogPortal"), $ = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
   const { __scopeAlertDialog: e, ...a } = o, t = s(e);
-  return /* @__PURE__ */ i(C, {
+  return /* @__PURE__ */ i(P, {
     ...t,
     ...a,
     ref: r
   });
-}, "AlertDialogOverlay")), [$, k] = b("AlertDialogContent"), B = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
-  const { __scopeAlertDialog: e, children: a, ...t } = o, g = s(e), p = A(r, n.useRef(null)), f = n.useRef(null);
-  return /* @__PURE__ */ i($, {
+}, "AlertDialogOverlay")), [k, B] = E("AlertDialogContent"), H = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
+  const { __scopeAlertDialog: e, children: a, ...t } = o, g = s(e), p = n.useRef(null), d = A(r, p), f = n.useRef(null);
+  return /* @__PURE__ */ i(k, {
     scope: e,
     cancelRef: f,
-    children: /* @__PURE__ */ i(T, {
+    children: /* @__PURE__ */ i(O, {
       role: "alertdialog",
       ...g,
       ...t,
-      ref: p,
-      onOpenAutoFocus: _(t.onOpenAutoFocus, (D) => {
+      ref: d,
+      onOpenAutoFocus: C(t.onOpenAutoFocus, (D) => {
         D.preventDefault(), f.current?.focus({ preventScroll: !0 });
       }),
       onPointerDownOutside: (D) => D.preventDefault(),
@@ -54,42 +54,42 @@ var x = Object.defineProperty, c = (l, o) => x(l, "name", {
       children: a
     })
   });
-}, "AlertDialogContent")), H = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
+}, "AlertDialogContent")), I = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
   const { __scopeAlertDialog: e, ...a } = o, t = s(e);
-  return /* @__PURE__ */ i(O, {
+  return /* @__PURE__ */ i(w, {
     ...t,
     ...a,
     ref: r
   });
-}, "AlertDialogTitle")), I = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
+}, "AlertDialogTitle")), L = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
   const { __scopeAlertDialog: e, ...a } = o, t = s(e);
-  return /* @__PURE__ */ i(R, {
+  return /* @__PURE__ */ i(S, {
     ...t,
     ...a,
     ref: r
   });
-}, "AlertDialogDescription")), L = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
+}, "AlertDialogDescription")), M = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
   const { __scopeAlertDialog: e, ...a } = o, t = s(e);
   return /* @__PURE__ */ i(v, {
     ...t,
     ...a,
     ref: r
   });
-}, "AlertDialogAction")), M = "AlertDialogCancel", q = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
-  const { __scopeAlertDialog: e, ...a } = o, { cancelRef: t } = k(M, e), g = s(e), p = A(r, t);
+}, "AlertDialogAction")), q = "AlertDialogCancel", z = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
+  const { __scopeAlertDialog: e, ...a } = o, { cancelRef: t } = B(q, e), g = s(e), p = A(r, t);
   return /* @__PURE__ */ i(v, {
     ...g,
     ...a,
     ref: p
   });
-}, "AlertDialogCancel")), Y = E, z = N, Z = j, oo = F, eo = B, ro = L, to = q, ao = H, lo = I, io = h(({ "data-theme": l, className: o, text: r, variant: e, onOpen: a, onClick: t }, g) => /* @__PURE__ */ i(z, {
+}, "AlertDialogCancel")), Z = N, G = j, oo = F, eo = $, ro = H, to = M, ao = z, lo = I, io = L, no = x(({ "data-theme": l, className: o, text: r, variant: e, onOpen: a, onClick: t }, g) => /* @__PURE__ */ i(G, {
   asChild: !0,
-  children: /* @__PURE__ */ i(y, {
+  children: /* @__PURE__ */ i(h, {
     ref: g,
     type: "button",
     variant: e,
     "data-theme": l,
-    className: d(o),
+    className: m(o),
     onClick: () => {
       a(), t?.();
     },
@@ -97,13 +97,13 @@ var x = Object.defineProperty, c = (l, o) => x(l, "name", {
   })
 }));
 export {
-  lo as a,
-  Y as c,
-  eo as i,
-  ao as l,
-  ro as n,
-  oo as o,
-  to as r,
-  Z as s,
-  io as t
+  io as a,
+  Z as c,
+  ro as i,
+  lo as l,
+  to as n,
+  eo as o,
+  ao as r,
+  oo as s,
+  no as t
 };

package/dist/{Breadcrumb-Cp3abB2w.js → Breadcrumb-DVBxqgW_.js}

@@ -1,5 +1,5 @@
-import { o as b } from "./rolldown-runtime-Ck3dxwZt.js";
-import { t as y } from "./prop-types-CfEYxTbR.js";
+import { o as b } from "./rolldown-runtime-Dw9YIBcH.js";
+import { t as y } from "./prop-types-BCUW56rg.js";
 import { t as u } from "./utils-Cx-WzRZF.js";
 import { breadcrumbVariants as O, breadcrumbWrapperVariants as j } from "./components/Breadcrumb/Breadcrumb.variants.js";
 import { BackButton as w } from "./components/Breadcrumb/components/BackButton/BackButton.js";

package/dist/Checkbox-B20uoUKD.js

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

package/dist/{CommandInput-BLq69pOT.js → CommandInput-BWt6-vUK.js}

@@ -1,8 +1,8 @@
-import { o as v } from "./rolldown-runtime-Ck3dxwZt.js";
-import { t as y } from "./prop-types-CfEYxTbR.js";
+import { o as v } from "./rolldown-runtime-Dw9YIBcH.js";
+import { t as y } from "./prop-types-BCUW56rg.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-BZNE2Tnx.js";
+import { t as m } from "./dist-BbX4Nrk2.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 → Counter-DiQb-he2.js}

@@ -1,5 +1,5 @@
-import { o as D } from "./rolldown-runtime-Ck3dxwZt.js";
-import { t as R } from "./prop-types-CfEYxTbR.js";
+import { o as D } from "./rolldown-runtime-Dw9YIBcH.js";
+import { t as R } from "./prop-types-BCUW56rg.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";