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

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-CgcsW_ta.js

@@ -0,0 +1,109 @@
+import { a as A } from "./dist-DqKFpce5.js";
+import { t as d } from "./utils-Cx-WzRZF.js";
+import { i as m, r as _ } from "./dist-D4FePjTS.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-BiJrNvNo.js";
+import { Button as y } from "./components/Button/Button.js";
+import * as n from "react";
+import { forwardRef as h } from "react";
+import { jsx as i } from "react/jsx-runtime";
+var x = Object.defineProperty, c = (l, o) => x(l, "name", {
+  value: o,
+  configurable: !0
+}), [b, X] = m("AlertDialog", [u]), s = u(), E = /* @__PURE__ */ c((l) => {
+  const { __scopeAlertDialog: o, ...r } = l, e = s(o);
+  return /* @__PURE__ */ i(w, {
+    ...e,
+    ...r,
+    modal: !0
+  });
+}, "AlertDialog"), N = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
+  const { __scopeAlertDialog: e, ...a } = o, t = s(e);
+  return /* @__PURE__ */ i(P, {
+    ...t,
+    ...a,
+    ref: r
+  });
+}, "AlertDialogTrigger")), j = /* @__PURE__ */ c((l) => {
+  const { __scopeAlertDialog: o, ...r } = l, e = s(o);
+  return /* @__PURE__ */ i(S, {
+    ...e,
+    ...r
+  });
+}, "AlertDialogPortal"), F = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
+  const { __scopeAlertDialog: e, ...a } = o, t = s(e);
+  return /* @__PURE__ */ i(C, {
+    ...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($, {
+    scope: e,
+    cancelRef: f,
+    children: /* @__PURE__ */ i(T, {
+      role: "alertdialog",
+      ...g,
+      ...t,
+      ref: p,
+      onOpenAutoFocus: _(t.onOpenAutoFocus, (D) => {
+        D.preventDefault(), f.current?.focus({ preventScroll: !0 });
+      }),
+      onPointerDownOutside: (D) => D.preventDefault(),
+      onInteractOutside: (D) => D.preventDefault(),
+      children: a
+    })
+  });
+}, "AlertDialogContent")), H = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
+  const { __scopeAlertDialog: e, ...a } = o, t = s(e);
+  return /* @__PURE__ */ i(O, {
+    ...t,
+    ...a,
+    ref: r
+  });
+}, "AlertDialogTitle")), I = n.forwardRef(/* @__PURE__ */ c(function(o, r) {
+  const { __scopeAlertDialog: e, ...a } = o, t = s(e);
+  return /* @__PURE__ */ i(R, {
+    ...t,
+    ...a,
+    ref: r
+  });
+}, "AlertDialogDescription")), L = 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);
+  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, {
+  asChild: !0,
+  children: /* @__PURE__ */ i(y, {
+    ref: g,
+    type: "button",
+    variant: e,
+    "data-theme": l,
+    className: d(o),
+    onClick: () => {
+      a(), t?.();
+    },
+    children: r
+  })
+}));
+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
+};

package/dist/Breadcrumb-Cp3abB2w.js

@@ -0,0 +1,82 @@
+import { o as b } from "./rolldown-runtime-Ck3dxwZt.js";
+import { t as y } from "./prop-types-CfEYxTbR.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-DzAx7n67.js

@@ -0,0 +1,249 @@
+import { o as X } from "./rolldown-runtime-Ck3dxwZt.js";
+import { t as J } from "./prop-types-CfEYxTbR.js";
+import { a as U } from "./dist-DqKFpce5.js";
+import { t as N } from "./dist-CVy-ulDZ.js";
+import { t as O } from "./utils-Cx-WzRZF.js";
+import { i as Q, r as S, t as Y } from "./dist-D4FePjTS.js";
+import { t as Z } from "./dist-DISvWx7U.js";
+import { t as ee } from "./dist-C2s4VX-42.js";
+import { useToggle as te } from "./hooks/useToggle.js";
+import { checkboxVariants as re, labelVariants as oe } from "./components/Checkbox/Checkbox.variants.js";
+import * as u from "react";
+import q, { forwardRef as A, useCallback as ne, useId as ce } from "react";
+import { Fragment as ae, 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 se(e, o) {
+  if (e == null) return {};
+  var n = ie(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 ie(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 = se(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 ue = Object.defineProperty, x = (e, o) => ue(e, "name", {
+  value: o,
+  configurable: !0
+}), T = "Checkbox", [le, Ne] = Q(T), [de, z] = le(T);
+function D(e) {
+  const { __scopeCheckbox: o, checked: n, children: t, defaultChecked: r, disabled: c, form: a, name: l, onCheckedChange: s, required: d, value: C = "on", internal_do_not_use_render: h } = e, [f, b] = Y({
+    prop: n,
+    defaultProp: r ?? !1,
+    onChange: s,
+    caller: T
+  }), [v, m] = u.useState(null), [_, R] = u.useState(null), I = u.useRef(!1), [i, k] = u.useReducer((y) => y + 1, 0), P = v ? !!a || !!v.closest("form") : !0, E = {
+    checked: f,
+    disabled: c,
+    setChecked: b,
+    control: v,
+    setControl: m,
+    name: l,
+    form: a,
+    value: C,
+    hasConsumerStoppedPropagationRef: I,
+    userInteractionCount: i,
+    onUserInteraction: k,
+    required: d,
+    defaultChecked: g(r) ? !1 : r,
+    isFormControl: P,
+    bubbleInput: _,
+    setBubbleInput: R
+  };
+  return /* @__PURE__ */ p(de, {
+    scope: o,
+    ...E,
+    children: H(h) ? h(E) : t
+  });
+}
+x(D, "CheckboxProvider");
+var fe = "CheckboxTrigger", pe = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function({ __scopeCheckbox: o, onKeyDown: n, onClick: t, ...r }, c) {
+  const { control: a, value: l, disabled: s, checked: d, required: C, setControl: h, setChecked: f, hasConsumerStoppedPropagationRef: b, onUserInteraction: v, isFormControl: m, bubbleInput: _ } = z(fe, o), R = U(c, h), I = u.useRef(d);
+  return u.useEffect(() => {
+    const i = a?.form;
+    if (i) {
+      const k = /* @__PURE__ */ x(() => f(I.current), "reset");
+      return i.addEventListener("reset", k), () => i.removeEventListener("reset", k);
+    }
+  }, [a, f]), /* @__PURE__ */ p(N.button, {
+    type: "button",
+    role: "checkbox",
+    "aria-checked": g(d) ? "mixed" : d,
+    "aria-required": C,
+    "data-state": F(d),
+    "data-disabled": s ? "" : void 0,
+    disabled: s,
+    value: l,
+    ...r,
+    ref: R,
+    onKeyDown: S(n, (i) => {
+      i.key === "Enter" && i.preventDefault();
+    }),
+    onClick: S(t, (i) => {
+      v(), f((k) => g(k) ? !0 : !k), _ && m && (b.current = i.isPropagationStopped(), b.current || i.stopPropagation());
+    })
+  });
+}, "CheckboxTrigger")), he = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function(o, n) {
+  const { __scopeCheckbox: t, name: r, checked: c, defaultChecked: a, required: l, disabled: s, value: d, onCheckedChange: C, form: h, ...f } = o;
+  return /* @__PURE__ */ p(D, {
+    __scopeCheckbox: t,
+    checked: c,
+    defaultChecked: a,
+    disabled: s,
+    required: l,
+    onCheckedChange: C,
+    name: r,
+    form: h,
+    value: d,
+    internal_do_not_use_render: ({ isFormControl: b }) => /* @__PURE__ */ $(ae, { children: [/* @__PURE__ */ p(pe, {
+      ...f,
+      ref: n,
+      __scopeCheckbox: t
+    }), b && /* @__PURE__ */ p(Ce, { __scopeCheckbox: t })] })
+  });
+}, "Checkbox")), be = "CheckboxIndicator", me = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function(o, n) {
+  const { __scopeCheckbox: t, forceMount: r, ...c } = o, a = z(be, t);
+  return /* @__PURE__ */ p(Z, {
+    present: r || g(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")), ke = "CheckboxBubbleInput", Ce = /* @__PURE__ */ u.forwardRef(/* @__PURE__ */ x(function({ __scopeCheckbox: o, onClick: n, ...t }, r) {
+  const { control: c, hasConsumerStoppedPropagationRef: a, userInteractionCount: l, checked: s, defaultChecked: d, required: C, disabled: h, name: f, value: b, form: v, bubbleInput: m, setBubbleInput: _ } = z(ke, o), R = U(r, _), I = ee(c), i = u.useRef(!1), k = u.useRef(s), P = u.useRef(l);
+  u.useEffect(() => {
+    const y = m;
+    if (!y) return;
+    const K = window.HTMLInputElement.prototype, L = Object.getOwnPropertyDescriptor(K, "checked").set, M = l !== P.current;
+    P.current = l;
+    const W = k.current !== s;
+    k.current = s;
+    const G = !(M && a.current);
+    if (W && L) {
+      i.current = !M;
+      const V = new Event("click", { bubbles: G });
+      y.indeterminate = g(s), L.call(y, g(s) ? !1 : s), y.dispatchEvent(V), i.current = !1;
+    }
+  }, [
+    m,
+    s,
+    a,
+    l
+  ]);
+  const E = u.useRef(g(s) ? !1 : s);
+  return /* @__PURE__ */ p(N.input, {
+    type: "checkbox",
+    "aria-hidden": !0,
+    defaultChecked: d ?? E.current,
+    required: C,
+    disabled: h,
+    name: f,
+    value: b,
+    form: v,
+    ...t,
+    tabIndex: -1,
+    ref: R,
+    onClick: S(n, (y) => {
+      i.current && y.stopPropagation();
+    }),
+    style: {
+      ...t.style,
+      ...I,
+      position: "absolute",
+      pointerEvents: "none",
+      opacity: 0,
+      margin: 0,
+      transform: "translateX(-100%)"
+    }
+  });
+}, "CheckboxBubbleInput"));
+function H(e) {
+  return typeof e == "function";
+}
+x(H, "isFunction");
+function g(e) {
+  return e === "indeterminate";
+}
+x(g, "isIndeterminate");
+function F(e) {
+  return g(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+x(F, "getState");
+var ve = A(({ ariaLabelledBy: e, className: o, defaultChecked: n, disabled: t, id: r, label: c, labelClassName: a, labelWrapperClassName: l, name: s, theme: d, title: C, variant: h, onChange: f, ...b }, v) => {
+  const [m, _] = te(n ?? !1), R = ce(), I = ne((i) => {
+    _(i), f?.(i);
+  }, [f, _]);
+  return /* @__PURE__ */ $("div", {
+    className: O("flex items-center gap-4", l),
+    "data-theme": d,
+    children: [/* @__PURE__ */ p(he, {
+      id: r ?? R,
+      checked: m,
+      ref: v,
+      name: s,
+      disabled: t,
+      "aria-labelledby": e,
+      title: C,
+      className: O(re({
+        className: o,
+        variant: h,
+        checked: m
+      })),
+      onCheckedChange: I,
+      ...b,
+      children: /* @__PURE__ */ p(me, { children: /* @__PURE__ */ p(B, { className: "w-4 h-4 stroke-2" }) })
+    }), c ? /* @__PURE__ */ p("label", {
+      htmlFor: s ?? r,
+      className: O(oe({ className: a }), { "cursor-not-allowed": t }),
+      onClick: () => !t && I(!m),
+      children: c
+    }) : null]
+  });
+});
+ve.displayName = "KonstructCheckbox";
+export {
+  ve as t
+};