@konstructio/ui 0.1.2-alpha.109 → 0.1.2-alpha.110

package/dist/{AdditionalOptions-Crcnz0_g.js → AdditionalOptions-D3SZ2WFJ.js}

@@ -1,5 +1,5 @@
 import { t as i } from "./dist-xCbHbMLA.js";
-import { t as p } from "./utils-B-6R7kNE.js";
+import { t as p } from "./utils-DnIJruo0.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";

package/dist/{AlertDialogTrigger-ouMGAlJW.js → AlertDialogTrigger-Cdw3C2Tv.js}

@@ -1,7 +1,7 @@
 import { a as A } from "./dist-xCbHbMLA.js";
-import { t as m } from "./utils-B-6R7kNE.js";
+import { t as m } from "./utils-DnIJruo0.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 { 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-f8EwfITY.js";
 import { Button as h } from "./components/Button/Button.js";
 import * as n from "react";
 import { forwardRef as x } from "react";

package/dist/AnimatePresence-V0yte2ER.js

@@ -0,0 +1,186 @@
+import { d as j, f as U, l as V, n as W, r as _, s as S, u as T } from "./react-DpRKGbW_.js";
+import * as I from "react";
+import { Children as B, isValidElement as G, useContext as K, useId as N, useInsertionEffect as Y, useMemo as k, useRef as E, useState as A } from "react";
+import { Fragment as q, jsx as M } from "react/jsx-runtime";
+function D(e, o) {
+  if (typeof e == "function") return e(o);
+  e != null && (e.current = o);
+}
+function J(...e) {
+  return (o) => {
+    let t = !1;
+    const s = e.map((f) => {
+      const r = D(f, o);
+      return !t && typeof r == "function" && (t = !0), r;
+    });
+    if (t) return () => {
+      for (let f = 0; f < s.length; f++) {
+        const r = s[f];
+        typeof r == "function" ? r() : D(e[f], null);
+      }
+    };
+  };
+}
+function Q(...e) {
+  return I.useCallback(J(...e), e);
+}
+var X = class extends I.Component {
+  getSnapshotBeforeUpdate(e) {
+    const o = this.props.childRef.current;
+    if (S(o) && e.isPresent && !this.props.isPresent && this.props.pop !== !1) {
+      const t = o.offsetParent, s = S(t) && t.offsetWidth || 0, f = S(t) && t.offsetHeight || 0, r = getComputedStyle(o), n = this.props.sizeRef.current;
+      n.height = parseFloat(r.height), n.width = parseFloat(r.width), n.top = o.offsetTop, n.left = o.offsetLeft, n.right = s - n.width - n.left, n.bottom = f - n.height - n.top, n.direction = r.direction;
+    }
+    return null;
+  }
+  componentDidUpdate() {
+  }
+  render() {
+    return this.props.children;
+  }
+};
+function Z({ children: e, isPresent: o, anchorX: t, anchorY: s, root: f, pop: r }) {
+  const n = N(), m = E(null), v = E({
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    direction: "ltr"
+  }), { nonce: w } = K(_), i = r !== !1 ? e.props?.ref ?? e?.ref : void 0, y = Q(m, i);
+  return Y(() => {
+    const { width: u, height: h, top: R, left: a, right: d, bottom: x, direction: P } = v.current;
+    if (o || r === !1 || !m.current || !u || !h) return;
+    const p = P === "rtl", L = t === "left" ? p ? `right: ${d}` : `left: ${a}` : p ? `left: ${a}` : `right: ${d}`, $ = s === "bottom" ? `bottom: ${x}` : `top: ${R}`;
+    m.current.dataset.motionPopId = n;
+    const C = document.createElement("style");
+    w && (C.nonce = w);
+    const l = f ?? document.head;
+    return l.appendChild(C), C.sheet && C.sheet.insertRule(`
+          [data-motion-pop-id="${n}"] {
+            position: absolute !important;
+            width: ${u}px !important;
+            height: ${h}px !important;
+            ${L}px !important;
+            ${$}px !important;
+          }
+        `), () => {
+      m.current?.removeAttribute("data-motion-pop-id"), l.contains(C) && l.removeChild(C);
+    };
+  }, [o]), M(X, {
+    isPresent: o,
+    childRef: m,
+    sizeRef: v,
+    pop: r,
+    children: r === !1 ? e : I.cloneElement(e, { ref: y })
+  });
+}
+var ee = ({ children: e, initial: o, isPresent: t, onExitComplete: s, custom: f, presenceAffectsLayout: r, mode: n, anchorX: m, anchorY: v, root: w }) => {
+  const i = j(te), y = N(), u = E(t), h = E(s);
+  T(() => {
+    u.current = t, h.current = s;
+  });
+  let R = !0, a = k(() => (R = !1, {
+    id: y,
+    initial: o,
+    isPresent: t,
+    custom: f,
+    onExitComplete: (d) => {
+      i.set(d, !0);
+      for (const x of i.values()) if (!x) return;
+      s && s();
+    },
+    register: (d) => (i.set(d, !1), () => {
+      i.delete(d), !u.current && !i.size && h.current?.();
+    })
+  }), [
+    t,
+    i,
+    s
+  ]);
+  return r && R && (a = { ...a }), k(() => {
+    i.forEach((d, x) => i.set(x, !1));
+  }, [t]), I.useEffect(() => {
+    !t && !i.size && s && s();
+  }, [t]), e = M(Z, {
+    pop: n === "popLayout",
+    isPresent: t,
+    anchorX: m,
+    anchorY: v,
+    root: w,
+    children: e
+  }), M(V.Provider, {
+    value: a,
+    children: e
+  });
+};
+function te() {
+  return /* @__PURE__ */ new Map();
+}
+var b = (e) => e.key || "";
+function H(e) {
+  const o = [];
+  return B.forEach(e, (t) => {
+    G(t) && o.push(t);
+  }), o;
+}
+var se = ({ children: e, custom: o, initial: t = !0, onExitComplete: s, presenceAffectsLayout: f = !0, mode: r = "sync", propagate: n = !1, anchorX: m = "left", anchorY: v = "top", root: w }) => {
+  const [i, y] = W(n), u = k(() => H(e), [e]), h = n && !i ? [] : u.map(b), R = E(!0), a = j(() => /* @__PURE__ */ new Map()), d = E(/* @__PURE__ */ new Set()), [x, P] = A(u), [p, L] = A(u);
+  T(() => {
+    n && !i && !p.length && y?.();
+  }, [
+    i,
+    n,
+    p.length,
+    y
+  ]), T(() => {
+    R.current = !1;
+    for (let l = 0; l < p.length; l++) {
+      const c = b(p[l]);
+      h.includes(c) ? (a.delete(c), d.current.delete(c)) : a.get(c) !== !0 && a.set(c, !1);
+    }
+  }, [
+    p,
+    h.length,
+    h.join("-")
+  ]);
+  const $ = [];
+  if (u !== x) {
+    let l = [...u], c = 0;
+    for (const g of p) {
+      const z = h.indexOf(b(g));
+      z === -1 ? (l.splice(c++, 0, g), $.push(g)) : c = z + $.length + 1;
+    }
+    return $.every((g) => a.get(b(g))) ? l = u : r === "wait" && (l = $), L(H(l)), P(u), null;
+  }
+  process.env.NODE_ENV !== "production" && r === "wait" && p.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
+  const { forceRender: C } = K(U);
+  return M(q, { children: p.map((l) => {
+    const c = b(l), g = n && !i ? !1 : u === p || h.includes(c), z = () => {
+      if (d.current.has(c)) return;
+      if (a.has(c))
+        d.current.add(c), a.set(c, !0);
+      else return;
+      let F = !0;
+      a.forEach((O) => {
+        O || (F = !1);
+      }), F && (C?.(), P([]), n && y?.(), s && s());
+    };
+    return M(ee, {
+      isPresent: g,
+      initial: !R.current || t ? void 0 : !1,
+      custom: o,
+      presenceAffectsLayout: f,
+      mode: r,
+      root: w,
+      onExitComplete: g ? void 0 : z,
+      anchorX: m,
+      anchorY: v,
+      children: l
+    }, c);
+  }) });
+};
+export {
+  se as t
+};

package/dist/{Breadcrumb-MrF1Z6w2.js → Breadcrumb-CHi5-wVa.js}

@@ -1,6 +1,6 @@
 import { o as b } from "./rolldown-runtime-Dw9YIBcH.js";
 import { t as y } from "./prop-types-BCUW56rg.js";
-import { t as u } from "./utils-B-6R7kNE.js";
+import { t as u } from "./utils-DnIJruo0.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";
@@ -28,8 +28,7 @@ function z(r, n) {
 }
 function P(r, n) {
   if (r == null) return {};
-  var o = {}, e = Object.keys(r), t, a;
-  for (a = 0; a < e.length; a++)
+  for (var o = {}, e = Object.keys(r), t, a = 0; a < e.length; a++)
     t = e[a], !(n.indexOf(t) >= 0) && (o[t] = r[t]);
   return o;
 }

package/dist/{Checkbox-8KnRLpQG.js → Checkbox-CrNxsm3G.js}

@@ -2,7 +2,7 @@ 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-B-6R7kNE.js";
+import { t as O } from "./utils-DnIJruo0.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";
@@ -33,8 +33,7 @@ function ae(e, o) {
 }
 function se(e, o) {
   if (e == null) return {};
-  var n = {}, t = Object.keys(e), r, c;
-  for (c = 0; c < t.length; c++)
+  for (var n = {}, t = Object.keys(e), r, c = 0; c < t.length; c++)
     r = t[c], !(o.indexOf(r) >= 0) && (n[r] = e[r]);
   return n;
 }

package/dist/{CommandInput-CGnqfudl.js → CommandInput-DiRv6fEA.js}

@@ -1,8 +1,8 @@
 import { o as v } from "./rolldown-runtime-Dw9YIBcH.js";
 import { t as y } from "./prop-types-BCUW56rg.js";
-import { t as c } from "./utils-B-6R7kNE.js";
+import { t as c } from "./utils-DnIJruo0.js";
 import { inputVariants as g, searchInconInputVariants as h } from "./components/Command/Command.variants.js";
-import { t as m } from "./dist-BbX4Nrk2.js";
+import { t as m } from "./dist-CgzF5_J6.js";
 import p, { forwardRef as u } from "react";
 import { jsx as f, jsxs as b } from "react/jsx-runtime";
 var a = /* @__PURE__ */ v(y());
@@ -27,8 +27,7 @@ function x(r, n) {
 }
 function O(r, n) {
   if (r == null) return {};
-  var t = {}, e = Object.keys(r), o, i;
-  for (i = 0; i < e.length; i++)
+  for (var t = {}, e = Object.keys(r), o, i = 0; i < e.length; i++)
     o = e[i], !(n.indexOf(o) >= 0) && (t[o] = r[o]);
   return t;
 }

package/dist/{Counter-CDXdP1Af.js → Counter-DN50BVq6.js}

@@ -1,7 +1,8 @@
+"use client";
 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-B-6R7kNE.js";
+import { t as f } from "./utils-DnIJruo0.js";
 import { Typography as F } from "./components/Typography/Typography.js";
 import { buttonVariants as _, counterVariants as q, labelVariants as A } from "./components/Counter/Counter.variants.js";
 import m, { forwardRef as x, useId as G, useState as H } from "react";
@@ -28,8 +29,7 @@ function J(t, i) {
 }
 function K(t, i) {
   if (t == null) return {};
-  var n = {}, e = Object.keys(t), r, o;
-  for (o = 0; o < e.length; o++)
+  for (var n = {}, e = Object.keys(t), r, o = 0; o < e.length; o++)
     r = e[o], !(i.indexOf(r) >= 0) && (n[r] = t[r]);
   return n;
 }
@@ -79,8 +79,7 @@ function Q(t, i) {
 }
 function U(t, i) {
   if (t == null) return {};
-  var n = {}, e = Object.keys(t), r, o;
-  for (o = 0; o < e.length; o++)
+  for (var n = {}, e = Object.keys(t), r, o = 0; o < e.length; o++)
     r = e[o], !(i.indexOf(r) >= 0) && (n[r] = t[r]);
   return n;
 }