@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.79

package/dist/AdditionalOptions-Cx9wU01w.js

@@ -0,0 +1,37 @@
+import { t as i } from "./dist-DXJSck4j.js";
+import { t as p } from "./utils-DHuiYnx1.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-C-NMEoDd.js

@@ -0,0 +1,146 @@
+import { n as u } from "./dist-ByyYBtbL.js";
+import { t as O } from "./utils-DHuiYnx1.js";
+import { a as w, s as I } from "./dist-uVUx9i0a.js";
+import { c as x, d as M, f as A, l as $, n as F, o as L, r as B, s as G, t as f, u as j } from "./dist-COY3FRYC.js";
+import { Button as W } from "./components/Button/Button.js";
+import * as i from "react";
+import { forwardRef as Y } from "react";
+import { Fragment as k, jsx as l, jsxs as q } from "react/jsx-runtime";
+var H = /* @__PURE__ */ Symbol("radix.slottable");
+// @__NO_SIDE_EFFECTS__
+function V(r) {
+  const e = ({ children: o }) => /* @__PURE__ */ l(k, { children: o });
+  return e.displayName = `${r}.Slottable`, e.__radixId = H, e;
+}
+var v = "AlertDialog", [z, pe] = I(v, [A]), s = A(), m = (r) => {
+  const { __scopeAlertDialog: e, ...o } = r, a = s(e);
+  return /* @__PURE__ */ l(x, {
+    ...a,
+    ...o,
+    modal: !0
+  });
+};
+m.displayName = v;
+var J = "AlertDialogTrigger", D = i.forwardRef((r, e) => {
+  const { __scopeAlertDialog: o, ...a } = r, t = s(o);
+  return /* @__PURE__ */ l(j, {
+    ...t,
+    ...a,
+    ref: e
+  });
+});
+D.displayName = J;
+var K = "AlertDialogPortal", _ = (r) => {
+  const { __scopeAlertDialog: e, ...o } = r, a = s(e);
+  return /* @__PURE__ */ l(G, {
+    ...a,
+    ...o
+  });
+};
+_.displayName = K;
+var Q = "AlertDialogOverlay", y = i.forwardRef((r, e) => {
+  const { __scopeAlertDialog: o, ...a } = r, t = s(o);
+  return /* @__PURE__ */ l(L, {
+    ...t,
+    ...a,
+    ref: e
+  });
+});
+y.displayName = Q;
+var c = "AlertDialogContent", [U, X] = z(c), Z = /* @__PURE__ */ V("AlertDialogContent"), N = i.forwardRef((r, e) => {
+  const { __scopeAlertDialog: o, children: a, ...t } = r, p = s(o), n = i.useRef(null), P = u(e, n), g = i.useRef(null);
+  return /* @__PURE__ */ l(M, {
+    contentName: c,
+    titleName: R,
+    docsSlug: "alert-dialog",
+    children: /* @__PURE__ */ l(U, {
+      scope: o,
+      cancelRef: g,
+      children: /* @__PURE__ */ q(F, {
+        role: "alertdialog",
+        ...p,
+        ...t,
+        ref: P,
+        onOpenAutoFocus: w(t.onOpenAutoFocus, (d) => {
+          d.preventDefault(), g.current?.focus({ preventScroll: !0 });
+        }),
+        onPointerDownOutside: (d) => d.preventDefault(),
+        onInteractOutside: (d) => d.preventDefault(),
+        children: [/* @__PURE__ */ l(Z, { children: a }), /* @__PURE__ */ l(re, { contentRef: n })]
+      })
+    })
+  });
+});
+N.displayName = c;
+var R = "AlertDialogTitle", S = i.forwardRef((r, e) => {
+  const { __scopeAlertDialog: o, ...a } = r, t = s(o);
+  return /* @__PURE__ */ l($, {
+    ...t,
+    ...a,
+    ref: e
+  });
+});
+S.displayName = R;
+var h = "AlertDialogDescription", E = i.forwardRef((r, e) => {
+  const { __scopeAlertDialog: o, ...a } = r, t = s(o);
+  return /* @__PURE__ */ l(B, {
+    ...t,
+    ...a,
+    ref: e
+  });
+});
+E.displayName = h;
+var ee = "AlertDialogAction", C = i.forwardRef((r, e) => {
+  const { __scopeAlertDialog: o, ...a } = r, t = s(o);
+  return /* @__PURE__ */ l(f, {
+    ...t,
+    ...a,
+    ref: e
+  });
+});
+C.displayName = ee;
+var T = "AlertDialogCancel", b = i.forwardRef((r, e) => {
+  const { __scopeAlertDialog: o, ...a } = r, { cancelRef: t } = X(T, o), p = s(o), n = u(e, t);
+  return /* @__PURE__ */ l(f, {
+    ...p,
+    ...a,
+    ref: n
+  });
+});
+b.displayName = T;
+var re = ({ contentRef: r }) => {
+  const e = `\`${c}\` requires a description for the component to be accessible for screen reader users.
+
+You can add a description to the \`${c}\` by passing a \`${h}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
+
+Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${c}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
+  return i.useEffect(() => {
+    document.getElementById(r.current?.getAttribute("aria-describedby")) || console.warn(e);
+  }, [e, r]), null;
+}, de = m, oe = D, ge = _, ue = y, Ae = N, fe = C, ve = b, me = S, De = E, _e = Y(({ "data-theme": r, className: e, text: o, variant: a, onOpen: t, onClick: p }, n) => /* @__PURE__ */ l(oe, {
+  asChild: !0,
+  children: /* @__PURE__ */ l(W, {
+    ref: n,
+    type: "button",
+    variant: a,
+    "data-theme": r,
+    className: O(e),
+    onClick: () => {
+      t(), p?.();
+    },
+    children: o
+  })
+}));
+export {
+  De as a,
+  de as c,
+  Ae as i,
+  me as l,
+  fe as n,
+  ue as o,
+  ve as r,
+  ge as s,
+  _e as t
+};

package/dist/Breadcrumb-C95aOsYk.js

@@ -0,0 +1,77 @@
+import { o as g } from "./chunk-D1xtDmiO.js";
+import { t as v } from "./prop-types-DTnODft1.js";
+import { t as u } from "./utils-DHuiYnx1.js";
+import { breadcrumbVariants as b, breadcrumbWrapperVariants as y } from "./components/Breadcrumb/Breadcrumb.variants.js";
+import { Item as O } from "./components/Breadcrumb/components/Item/Item.js";
+import d, { Fragment as j, forwardRef as w, useId as _ } from "react";
+import { jsx as i, jsxs as x } from "react/jsx-runtime";
+var l = /* @__PURE__ */ g(v());
+function m() {
+  return m = Object.assign || function(r) {
+    for (var n = 1; n < arguments.length; n++) {
+      var t = arguments[n];
+      for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && (r[e] = t[e]);
+    }
+    return r;
+  }, m.apply(this, arguments);
+}
+function k(r, n) {
+  if (r == null) return {};
+  var t = z(r, n), e, o;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(r);
+    for (o = 0; o < a.length; o++)
+      e = a[o], !(n.indexOf(e) >= 0) && Object.prototype.propertyIsEnumerable.call(r, e) && (t[e] = r[e]);
+  }
+  return t;
+}
+function z(r, n) {
+  if (r == null) return {};
+  var t = {}, e = Object.keys(r), o, a;
+  for (a = 0; a < e.length; a++)
+    o = e[a], !(n.indexOf(o) >= 0) && (t[o] = r[o]);
+  return t;
+}
+var p = w(function(r, n) {
+  var t = r.color, e = t === void 0 ? "currentColor" : t, o = r.size, a = o === void 0 ? 24 : o, s = k(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 C = ({ "aria-label": r = "breadcrumb", className: n, steps: t, theme: e, wrapperClassName: o, ...a }) => {
+  const s = _();
+  return /* @__PURE__ */ i("nav", {
+    "aria-label": r,
+    "data-theme": e,
+    className: u(y({ className: o })),
+    children: /* @__PURE__ */ i("ol", {
+      className: u(b({ className: n })),
+      ...a,
+      children: t.map(({ label: c, ...h }, f) => /* @__PURE__ */ x(j, { children: [/* @__PURE__ */ i(O, {
+        ...h,
+        label: c,
+        isLast: f === t.length - 1
+      }), f !== t.length - 1 && /* @__PURE__ */ i("li", {
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ i(p, { className: "text-gray-400 w-5 h-5 mt-0.5" })
+      })] }, `${s}-${c}`))
+    })
+  });
+};
+export {
+  C as t
+};

package/dist/CalendarPanel.css

@@ -1 +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:"";position:absolute;inset:4px 0;background-color:#eff6ff}:is(.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)}
+@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-Cn0UWlk8.js

@@ -0,0 +1,239 @@
+import { o as G } from "./chunk-D1xtDmiO.js";
+import { t as U } from "./prop-types-DTnODft1.js";
+import { n as B } from "./dist-ByyYBtbL.js";
+import { t as w } from "./utils-DHuiYnx1.js";
+import { a as S, r as V, s as X, t as I } from "./dist-uVUx9i0a.js";
+import { t as J } from "./dist-DpqiA4Yn.js";
+import { t as Q } from "./dist-BL-H4bEw2.js";
+import { t as Y } from "./dist-DeVdyMHW2.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, Ee] = X(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] = V({
+    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
+};