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

package/dist/AdditionalOptions-Cj29eeMF.js

@@ -0,0 +1,37 @@
+import { t as i } from "./dist-DqKFpce5.js";
+import { t as p } from "./utils-Cx-WzRZF.js";
+import { useSelectContext as s } from "./components/Select/contexts/select.hook.js";
+import { listGroupLabelVariants as m } from "./components/Select/components/List/List.variants.js";
+import { additionalOptionSlotClassName as l } from "./components/Select/components/AdditionalOptions/AdditionalOptions.variants.js";
+import { Fragment as c } from "react";
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
+var N = (r) => "groupLabel" in r, f = (r) => typeof r == "object" && r !== null && "groupLabel" in r && "options" in r, j = ({ additionalOptions: r }) => {
+  const { toggleOpen: e } = s();
+  return r?.length ? f(r[0]) ? r.map((o) => /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ t("li", {
+    role: "presentation",
+    "aria-hidden": "true",
+    "data-action": "true",
+    className: p(m()),
+    children: o.groupLabel
+  }), o.options.map((a, n) => /* @__PURE__ */ t("li", {
+    role: "option",
+    "data-action": "true",
+    onClick: () => e(!1),
+    children: /* @__PURE__ */ t(i, {
+      className: l,
+      children: a
+    })
+  }, n))] }, o.groupLabel)) : r.map((o, a) => /* @__PURE__ */ t("li", {
+    role: "option",
+    "data-action": "true",
+    onClick: () => e(!1),
+    children: /* @__PURE__ */ t(i, {
+      className: l,
+      children: o
+    })
+  }, a)) : null;
+};
+export {
+  N as n,
+  j as t
+};

package/dist/AlertDialogTrigger-HhbFOOUE.js

@@ -0,0 +1,124 @@
+import { a as D } from "./dist-DqKFpce5.js";
+import { t as O } from "./utils-Cx-WzRZF.js";
+import { a as S, i as w } from "./dist-CfYOvauX.js";
+import { a as M, c as h, i as I, l as A, n as d, o as x, r as L, s as F, t as G } from "./dist-7edduNXi.js";
+import { Button as $ } from "./components/Button/Button.js";
+import * as i from "react";
+import { forwardRef as b } from "react";
+import { jsx as l } from "react/jsx-runtime";
+var v = "AlertDialog", [j, re] = S(v, [A]), s = A(), f = (o) => {
+  const { __scopeAlertDialog: r, ...e } = o, a = s(r);
+  return /* @__PURE__ */ l(G, {
+    ...a,
+    ...e,
+    modal: !0
+  });
+};
+f.displayName = v;
+var k = "AlertDialogTrigger", m = i.forwardRef((o, r) => {
+  const { __scopeAlertDialog: e, ...a } = o, t = s(e);
+  return /* @__PURE__ */ l(h, {
+    ...t,
+    ...a,
+    ref: r
+  });
+});
+m.displayName = k;
+var B = "AlertDialogPortal", u = (o) => {
+  const { __scopeAlertDialog: r, ...e } = o, a = s(r);
+  return /* @__PURE__ */ l(x, {
+    ...a,
+    ...e
+  });
+};
+u.displayName = B;
+var H = "AlertDialogOverlay", _ = i.forwardRef((o, r) => {
+  const { __scopeAlertDialog: e, ...a } = o, t = s(e);
+  return /* @__PURE__ */ l(M, {
+    ...t,
+    ...a,
+    ref: r
+  });
+});
+_.displayName = H;
+var N = "AlertDialogContent", [V, Y] = j(N), R = i.forwardRef((o, r) => {
+  const { __scopeAlertDialog: e, children: a, ...t } = o, n = s(e), c = D(r, i.useRef(null)), g = i.useRef(null);
+  return /* @__PURE__ */ l(V, {
+    scope: e,
+    cancelRef: g,
+    children: /* @__PURE__ */ l(L, {
+      role: "alertdialog",
+      ...n,
+      ...t,
+      ref: c,
+      onOpenAutoFocus: w(t.onOpenAutoFocus, (p) => {
+        p.preventDefault(), g.current?.focus({ preventScroll: !0 });
+      }),
+      onPointerDownOutside: (p) => p.preventDefault(),
+      onInteractOutside: (p) => p.preventDefault(),
+      children: a
+    })
+  });
+});
+R.displayName = N;
+var q = "AlertDialogTitle", C = i.forwardRef((o, r) => {
+  const { __scopeAlertDialog: e, ...a } = o, t = s(e);
+  return /* @__PURE__ */ l(F, {
+    ...t,
+    ...a,
+    ref: r
+  });
+});
+C.displayName = q;
+var z = "AlertDialogDescription", T = i.forwardRef((o, r) => {
+  const { __scopeAlertDialog: e, ...a } = o, t = s(e);
+  return /* @__PURE__ */ l(I, {
+    ...t,
+    ...a,
+    ref: r
+  });
+});
+T.displayName = z;
+var J = "AlertDialogAction", P = i.forwardRef((o, r) => {
+  const { __scopeAlertDialog: e, ...a } = o, t = s(e);
+  return /* @__PURE__ */ l(d, {
+    ...t,
+    ...a,
+    ref: r
+  });
+});
+P.displayName = J;
+var E = "AlertDialogCancel", y = i.forwardRef((o, r) => {
+  const { __scopeAlertDialog: e, ...a } = o, { cancelRef: t } = Y(E, e), n = s(e), c = D(r, t);
+  return /* @__PURE__ */ l(d, {
+    ...n,
+    ...a,
+    ref: c
+  });
+});
+y.displayName = E;
+var ae = f, K = m, te = u, le = _, ie = R, se = P, ne = y, ce = C, pe = T, ge = b(({ "data-theme": o, className: r, text: e, variant: a, onOpen: t, onClick: n }, c) => /* @__PURE__ */ l(K, {
+  asChild: !0,
+  children: /* @__PURE__ */ l($, {
+    ref: c,
+    type: "button",
+    variant: a,
+    "data-theme": o,
+    className: O(r),
+    onClick: () => {
+      t(), n?.();
+    },
+    children: e
+  })
+}));
+export {
+  pe as a,
+  ae as c,
+  ie as i,
+  ce as l,
+  se as n,
+  le as o,
+  ne as r,
+  te as s,
+  ge as t
+};

package/dist/Breadcrumb-Bmv0vzgt.js

@@ -0,0 +1,82 @@
+import { o as b } from "./rolldown-runtime-Ck3dxwZt.js";
+import { t as y } from "./prop-types-CaJpPVsa.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";
+import { Item as _ } from "./components/Breadcrumb/components/Item/Item.js";
+import d, { Fragment as x, forwardRef as N, useId as k } from "react";
+import { jsx as i, jsxs as h } from "react/jsx-runtime";
+var l = /* @__PURE__ */ b(y());
+function m() {
+  return m = Object.assign || function(r) {
+    for (var n = 1; n < arguments.length; n++) {
+      var o = arguments[n];
+      for (var e in o) Object.prototype.hasOwnProperty.call(o, e) && (r[e] = o[e]);
+    }
+    return r;
+  }, m.apply(this, arguments);
+}
+function z(r, n) {
+  if (r == null) return {};
+  var o = P(r, n), e, t;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(r);
+    for (t = 0; t < a.length; t++)
+      e = a[t], !(n.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(r, e) && (o[e] = r[e]);
+  }
+  return o;
+}
+function P(r, n) {
+  if (r == null) return {};
+  var o = {}, e = Object.keys(r), t, a;
+  for (a = 0; a < e.length; a++)
+    t = e[a], !(n.indexOf(t) >= 0) && (o[t] = r[t]);
+  return o;
+}
+var p = N(function(r, n) {
+  var o = r.color, e = o === void 0 ? "currentColor" : o, t = r.size, a = t === void 0 ? 24 : t, s = z(r, ["color", "size"]);
+  return /* @__PURE__ */ d.createElement("svg", m({
+    ref: n,
+    xmlns: "http://www.w3.org/2000/svg",
+    width: a,
+    height: a,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: e,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, s), /* @__PURE__ */ d.createElement("polyline", { points: "9 18 15 12 9 6" }));
+});
+p.propTypes = {
+  color: l.default.string,
+  size: l.default.oneOfType([l.default.string, l.default.number])
+};
+p.displayName = "ChevronRight";
+var S = ({ "aria-label": r = "breadcrumb", backButton: n, className: o, steps: e, theme: t, wrapperClassName: a, ...s }) => {
+  const g = k();
+  return /* @__PURE__ */ h("nav", {
+    "aria-label": r,
+    "data-theme": t,
+    className: u(j({ className: a })),
+    children: [n && /* @__PURE__ */ i(w, {
+      ...n,
+      theme: t
+    }), /* @__PURE__ */ i("ol", {
+      className: u(O({ className: o })),
+      ...s,
+      children: e.map(({ label: c, ...v }, f) => /* @__PURE__ */ h(x, { children: [/* @__PURE__ */ i(_, {
+        ...v,
+        label: c,
+        isLast: f === e.length - 1
+      }), f !== e.length - 1 && /* @__PURE__ */ i("li", {
+        "aria-hidden": "true",
+        className: "flex items-center",
+        children: /* @__PURE__ */ i(p, { className: "text-gray-400 w-5 h-5" })
+      })] }, `${g}-${c}`))
+    })]
+  });
+};
+export {
+  S as t
+};

package/dist/CalendarPanel.css

@@ -0,0 +1 @@
+@keyframes konstruct-drp-slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes konstruct-drp-slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}td[data-outside=true].drp-range-middle:before{content:"";background-color:#eff6ff;position:absolute;inset:4px 0}.dark td[data-outside=true].drp-range-middle:before{background-color:#00ffaa1a}td.drp-range-middle:has(+td[data-outside=true]:not(.drp-range-middle):not(.drp-range-end)):before{border-top-right-radius:9999px!important;border-bottom-right-radius:9999px!important}td[data-outside=true]:not(.drp-range-middle):not(.drp-range-start)+td.drp-range-middle:before{border-top-left-radius:9999px!important;border-bottom-left-radius:9999px!important}td.drp-range-start:has(+td[data-outside=true]:not(.drp-range-middle):not(.drp-range-end)):before{display:none!important}td[data-outside=true]:not(.drp-range-middle):not(.drp-range-start)+td.drp-range-end:before{display:none!important}td.drp-range-middle:has(+td:empty):before{border-top-right-radius:9999px!important;border-bottom-right-radius:9999px!important}td:empty+td.drp-range-middle:before{border-top-left-radius:9999px!important;border-bottom-left-radius:9999px!important}td.drp-range-start:has(+td:empty):before{display:none!important}td:empty+td.drp-range-end:before{display:none!important}.konstruct-drp-carousel-transition{transition:transform var(--konstruct-drp-animation-duration) cubic-bezier(.25, .1, .25, 1)}

package/dist/Checkbox-B1rTwzR3.js

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