@konstructio/ui 0.1.2-alpha.82 → 0.1.2-alpha.85

package/dist/{dist-Dhq9W8Kh.js → dist-AZfrfAUz.js}

@@ -1,6 +1,6 @@
-import { n as g } from "./dist-ByyYBtbL.js";
-import { a as y, i as U, n as z, t as h } from "./dist-uVUx9i0a.js";
-import { t as b } from "./dist-C8r5DW7s.js";
+import { n as g } from "./dist-C4El7dZ5.js";
+import { a as y, i as U, n as z, t as h } from "./dist-D_9sBzad.js";
+import { t as b } from "./dist-D6dB-_Oy.js";
 import * as r from "react";
 import K from "react-dom";
 import { jsx as P } from "react/jsx-runtime";
@@ -18,10 +18,10 @@ var j = "DismissableLayer", m = "dismissableLayer.update", X = "dismissableLayer
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 }), x = r.forwardRef((s, e) => {
-  const { disableOutsidePointerEvents: t = !1, onEscapeKeyDown: o, onPointerDownOutside: n, onFocusOutside: a, onInteractOutside: l, onDismiss: d, ...E } = s, u = r.useContext(T), [c, A] = r.useState(null), f = c?.ownerDocument ?? globalThis?.document, [, N] = r.useState({}), F = g(e, (i) => A(i)), D = Array.from(u.layers), [I] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), W = D.indexOf(I), O = c ? D.indexOf(c) : -1, k = u.layersWithOutsidePointerEventsDisabled.size > 0, L = O >= W, _ = G((i) => {
+  const { disableOutsidePointerEvents: t = !1, onEscapeKeyDown: o, onPointerDownOutside: n, onFocusOutside: a, onInteractOutside: l, onDismiss: d, ...E } = s, u = r.useContext(T), [c, A] = r.useState(null), f = c?.ownerDocument ?? globalThis?.document, [, N] = r.useState({}), F = g(e, (i) => A(i)), D = Array.from(u.layers), [I] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), W = D.indexOf(I), O = c ? D.indexOf(c) : -1, k = u.layersWithOutsidePointerEventsDisabled.size > 0, L = O >= W, _ = q((i) => {
     const v = i.target, p = [...u.branches].some((M) => M.contains(v));
     !L || p || (n?.(i), l?.(i), i.defaultPrevented || d?.());
-  }, f), C = J((i) => {
+  }, f), C = G((i) => {
     const v = i.target;
     [...u.branches].some((p) => p.contains(v)) || (a?.(i), l?.(i), i.defaultPrevented || d?.());
   }, f);
@@ -55,7 +55,7 @@ var j = "DismissableLayer", m = "dismissableLayer.update", X = "dismissableLayer
   });
 });
 x.displayName = j;
-var q = "DismissableLayerBranch", B = r.forwardRef((s, e) => {
+var $ = "DismissableLayerBranch", B = r.forwardRef((s, e) => {
   const t = r.useContext(T), o = r.useRef(null), n = g(e, o);
   return r.useEffect(() => {
     const a = o.current;
@@ -68,8 +68,8 @@ var q = "DismissableLayerBranch", B = r.forwardRef((s, e) => {
     ref: n
   });
 });
-B.displayName = q;
-function G(s, e = globalThis?.document) {
+B.displayName = $;
+function q(s, e = globalThis?.document) {
   const t = b(s), o = r.useRef(!1), n = r.useRef(() => {
   });
   return r.useEffect(() => {
@@ -90,7 +90,7 @@ function G(s, e = globalThis?.document) {
     };
   }, [e, t]), { onPointerDownCapture: () => o.current = !0 };
 }
-function J(s, e = globalThis?.document) {
+function G(s, e = globalThis?.document) {
   const t = b(s), o = r.useRef(!1);
   return r.useEffect(() => {
     const n = (a) => {
@@ -114,7 +114,7 @@ function S(s, e, t, { discrete: o }) {
   });
   e && n.addEventListener(s, e, { once: !0 }), o ? z(n, a) : n.dispatchEvent(a);
 }
-var se = x, re = B, Q = "Portal", V = r.forwardRef((s, e) => {
+var se = x, re = B, J = "Portal", Q = r.forwardRef((s, e) => {
   const { container: t, ...o } = s, [n, a] = r.useState(!1);
   U(() => a(!0), []);
   const l = t || n && globalThis?.document?.body;
@@ -123,10 +123,10 @@ var se = x, re = B, Q = "Portal", V = r.forwardRef((s, e) => {
     ref: e
   }), l) : null;
 });
-V.displayName = Q;
+Q.displayName = J;
 export {
   se as i,
   re as n,
   x as r,
-  V as t
+  Q as t
 };

package/dist/{dist-DG28sjv9.js → dist-B5WmTRxj.js}

@@ -1,17 +1,17 @@
-import { n as T, t as ge } from "./dist-ByyYBtbL.js";
-import { a as _, o as Ee, r as ye, s as he, t as O } from "./dist-uVUx9i0a.js";
-import { t as w } from "./dist-DZcOdXgW.js";
-import { t as $ } from "./dist-C8r5DW7s.js";
-import { r as De, t as Ce } from "./dist-Dhq9W8Kh.js";
-import { t as U } from "./dist-DpqiA4Yn.js";
-import { t as be } from "./Combination-DiOw6ItW.js";
+import { n as T, t as ge } from "./dist-C4El7dZ5.js";
+import { a as _, o as Ee, r as ye, s as he, t as O } from "./dist-D_9sBzad.js";
+import { t as w } from "./dist-CQfmhKEs.js";
+import { t as V } from "./dist-D6dB-_Oy.js";
+import { r as De, t as Ce } from "./dist-AZfrfAUz.js";
+import { t as U } from "./dist-DF7Yi2EK.js";
+import { t as be } from "./Combination-DFcElBFt.js";
 import * as i from "react";
 import { Fragment as j, jsx as l, jsxs as B } from "react/jsx-runtime";
 var x = "focusScope.autoFocusOnMount", L = "focusScope.autoFocusOnUnmount", H = {
   bubbles: !1,
   cancelable: !0
 }, Ae = "FocusScope", J = i.forwardRef((e, t) => {
-  const { loop: n = !1, trapped: o = !1, onMountAutoFocus: r, onUnmountAutoFocus: a, ...u } = e, [s, g] = i.useState(null), p = $(r), E = $(a), c = i.useRef(null), d = T(t, (f) => g(f)), v = i.useRef({
+  const { loop: n = !1, trapped: o = !1, onMountAutoFocus: r, onUnmountAutoFocus: a, ...u } = e, [s, g] = i.useState(null), p = V(r), E = V(a), c = i.useRef(null), d = T(t, (f) => g(f)), v = i.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -259,14 +259,14 @@ function Ke(e) {
   let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var M = "Dialog", [ee, rt] = he(M), [Ge, h] = ee(M), te = (e) => {
+var M = "Dialog", [ee, rt] = he(M), [$e, h] = ee(M), te = (e) => {
   const { __scopeDialog: t, children: n, open: o, defaultOpen: r, onOpenChange: a, modal: u = !0 } = e, s = i.useRef(null), g = i.useRef(null), [p, E] = ye({
     prop: o,
     defaultProp: r ?? !1,
     onChange: a,
     caller: M
   });
-  return /* @__PURE__ */ l(Ge, {
+  return /* @__PURE__ */ l($e, {
     scope: t,
     triggerRef: s,
     contentRef: g,
@@ -288,16 +288,16 @@ var ne = "DialogTrigger", oe = i.forwardRef((e, t) => {
     "aria-haspopup": "dialog",
     "aria-expanded": r.open,
     "aria-controls": r.contentId,
-    "data-state": V(r.open),
+    "data-state": G(r.open),
     ...o,
     ref: a,
     onClick: _(e.onClick, r.onOpenToggle)
   });
 });
 oe.displayName = ne;
-var K = "DialogPortal", [Ve, re] = ee(K, { forceMount: void 0 }), ae = (e) => {
+var K = "DialogPortal", [Ge, re] = ee(K, { forceMount: void 0 }), ae = (e) => {
   const { __scopeDialog: t, forceMount: n, children: o, container: r } = e, a = h(K, t);
-  return /* @__PURE__ */ l(Ve, {
+  return /* @__PURE__ */ l(Ge, {
     scope: t,
     forceMount: n,
     children: i.Children.map(o, (u) => /* @__PURE__ */ l(U, {
@@ -322,14 +322,14 @@ var I = "DialogOverlay", se = i.forwardRef((e, t) => {
   }) : null;
 });
 se.displayName = I;
-var $e = /* @__PURE__ */ xe("DialogOverlay.RemoveScroll"), je = i.forwardRef((e, t) => {
+var Ve = /* @__PURE__ */ xe("DialogOverlay.RemoveScroll"), je = i.forwardRef((e, t) => {
   const { __scopeDialog: n, ...o } = e, r = h(I, n);
   return /* @__PURE__ */ l(be, {
-    as: $e,
+    as: Ve,
     allowPinchZoom: !0,
     shards: [r.contentRef],
     children: /* @__PURE__ */ l(O.div, {
-      "data-state": V(r.open),
+      "data-state": G(r.open),
       ...o,
       ref: t,
       style: {
@@ -400,7 +400,7 @@ var Be = i.forwardRef((e, t) => {
       id: s.contentId,
       "aria-describedby": s.descriptionId,
       "aria-labelledby": s.titleId,
-      "data-state": V(s.open),
+      "data-state": G(s.open),
       ...u,
       ref: p,
       onDismiss: () => s.onOpenChange(!1)
@@ -409,15 +409,15 @@ var Be = i.forwardRef((e, t) => {
     contentRef: g,
     descriptionId: s.descriptionId
   })] })] });
-}), G = "DialogTitle", ue = i.forwardRef((e, t) => {
-  const { __scopeDialog: n, ...o } = e, r = h(G, n);
+}), $ = "DialogTitle", ue = i.forwardRef((e, t) => {
+  const { __scopeDialog: n, ...o } = e, r = h($, n);
   return /* @__PURE__ */ l(O.h2, {
     id: r.titleId,
     ...o,
     ref: t
   });
 });
-ue.displayName = G;
+ue.displayName = $;
 var le = "DialogDescription", fe = i.forwardRef((e, t) => {
   const { __scopeDialog: n, ...o } = e, r = h(le, n);
   return /* @__PURE__ */ l(O.p, {
@@ -437,12 +437,12 @@ var de = "DialogClose", pe = i.forwardRef((e, t) => {
   });
 });
 pe.displayName = de;
-function V(e) {
+function G(e) {
   return e ? "open" : "closed";
 }
 var ve = "DialogTitleWarning", [at, me] = Ee(ve, {
   contentName: A,
-  titleName: G,
+  titleName: $,
   docsSlug: "dialog"
 }), qe = ({ titleId: e }) => {
   const t = me(ve), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.

package/dist/{dist-DtEbXv47.js → dist-Bcn6lMQe.js}

@@ -1,4 +1,4 @@
-import { t as O } from "./clsx-kDhLfUq2.js";
+import { t as O } from "./clsx-Dzz4NoNN.js";
 var m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, n) => (t) => {
   var u;
   if (n?.variants == null) return y(e, t?.class, t?.className);

package/dist/{dist-CO1nuZPa.js → dist-BeLV4B_x.js}

@@ -1,10 +1,10 @@
-import { n as ve } from "./dist-ByyYBtbL.js";
-import { a as Q, i as je, r as Xt, s as nt, t as ae } from "./dist-uVUx9i0a.js";
-import { t as Gt } from "./dist-DZcOdXgW.js";
-import { t as Ut } from "./dist-C8r5DW7s.js";
-import { r as qt, t as Kt } from "./dist-Dhq9W8Kh.js";
-import { t as rt } from "./dist-DpqiA4Yn.js";
-import { t as Zt } from "./dist-DeVdyMHW2.js";
+import { n as ve } from "./dist-C4El7dZ5.js";
+import { a as Q, i as je, r as Xt, s as nt, t as ae } from "./dist-D_9sBzad.js";
+import { t as Gt } from "./dist-CQfmhKEs.js";
+import { t as Ut } from "./dist-D6dB-_Oy.js";
+import { r as qt, t as Kt } from "./dist-AZfrfAUz.js";
+import { t as rt } from "./dist-DF7Yi2EK.js";
+import { t as Zt } from "./dist-X40eHC8j2.js";
 import * as h from "react";
 import { useLayoutEffect as Jt } from "react";
 import * as Qt from "react-dom";

package/dist/{dist-C7fZcI-O.js → dist-BfrkYZKI.js}

@@ -1,9 +1,9 @@
-import { n as P } from "./dist-ByyYBtbL.js";
-import { a as E, r as ae, s as se, t as C } from "./dist-uVUx9i0a.js";
-import { t as le } from "./dist-BL-H4bEw2.js";
-import { t as de } from "./dist-DeVdyMHW2.js";
-import { t as ce } from "./dist-DstQl8xY.js";
-import { t as ue } from "./dist-DPLyqzsL.js";
+import { n as P } from "./dist-C4El7dZ5.js";
+import { a as E, r as ae, s as se, t as C } from "./dist-D_9sBzad.js";
+import { t as le } from "./dist-DxDE5irg2.js";
+import { t as de } from "./dist-X40eHC8j2.js";
+import { t as ce } from "./dist-Cf-pDuuw.js";
+import { t as ue } from "./dist-CZChgJLY.js";
 import * as d from "react";
 import { jsx as p, jsxs as fe } from "react/jsx-runtime";
 function U(e, [t, n]) {

package/dist/{dist-T4PJ-tgg.js → dist-Br5jSLr2.js}

@@ -1,10 +1,10 @@
-import { n as ne } from "./dist-ByyYBtbL.js";
-import { a as I, r as G, s as K, t as C } from "./dist-uVUx9i0a.js";
-import { t as O } from "./dist-DZcOdXgW.js";
-import { t as ae } from "./dist-C8r5DW7s.js";
-import { t as se } from "./dist-DpqiA4Yn.js";
-import { t as L } from "./dist-DstQl8xY.js";
-import { t as ie } from "./dist-DPLyqzsL.js";
+import { n as ne } from "./dist-C4El7dZ5.js";
+import { a as I, r as G, s as K, t as C } from "./dist-D_9sBzad.js";
+import { t as O } from "./dist-CQfmhKEs.js";
+import { t as ae } from "./dist-D6dB-_Oy.js";
+import { t as se } from "./dist-DF7Yi2EK.js";
+import { t as L } from "./dist-Cf-pDuuw.js";
+import { t as ie } from "./dist-CZChgJLY.js";
 import * as s from "react";
 import { jsx as l } from "react/jsx-runtime";
 var P = "rovingFocusGroup.onEntryFocus", ce = {

package/dist/{dist-bbY12nin.js → dist-CMPkuWNy.js}

@@ -1,4 +1,4 @@
-import { t as g } from "./dist-ByyYBtbL.js";
+import { t as g } from "./dist-C4El7dZ5.js";
 import * as e from "react";
 import { jsx as y } from "react/jsx-runtime";
 var S = /* @__PURE__ */ Symbol.for("react.lazy"), p = e[" use ".trim().toString()];
@@ -36,7 +36,7 @@ function _(t) {
   const n = e.forwardRef((o, i) => {
     let { children: r, ...l } = o;
     if (d(r) && typeof p == "function" && (r = p(r._payload)), e.isValidElement(r)) {
-      const s = P(r), a = h(l, r.props);
+      const s = $(r), a = h(l, r.props);
       return r.type !== e.Fragment && (a.ref = i ? g(i, s) : s), e.cloneElement(r, a);
     }
     return e.Children.count(r) > 1 ? e.Children.only(null) : null;
@@ -64,7 +64,7 @@ function h(t, n) {
     ...o
   };
 }
-function P(t) {
+function $(t) {
   let n = Object.getOwnPropertyDescriptor(t.props, "ref")?.get, o = n && "isReactWarning" in n && n.isReactWarning;
   return o ? t.ref : (n = Object.getOwnPropertyDescriptor(t, "ref")?.get, o = n && "isReactWarning" in n && n.isReactWarning, o ? t.props.ref : t.props.ref || t.ref);
 }

package/dist/{dist-CUwKSQtF.js → dist-CPK4FXV9.js}

@@ -1,7 +1,7 @@
-import { t as j } from "./dist-ByyYBtbL.js";
-import { t as R } from "./dist-uVUx9i0a.js";
-import { t as q } from "./dist-DZcOdXgW.js";
-import { c as Ee, n as ke, o as Se, s as Ie } from "./dist-DG28sjv9.js";
+import { t as j } from "./dist-C4El7dZ5.js";
+import { t as R } from "./dist-D_9sBzad.js";
+import { t as q } from "./dist-CQfmhKEs.js";
+import { c as Ee, n as ke, o as Se, s as Ie } from "./dist-B5WmTRxj.js";
 import * as n from "react";
 var ce = 1, xe = 0.9, Ce = 0.8, Re = 0.17, Y = 0.1, Q = 0.999, Ae = 0.9999, Me = 0.99, $e = /[\\\/_+.#"@\[\(\{&]/, De = /[\\\/_+.#"@\[\(\{&]/g, Fe = /[\s-]/, fe = /[\s-]/g;
 function _(t, l, r, f, u, c, d) {

package/dist/{dist-DZcOdXgW.js → dist-CQfmhKEs.js}

@@ -1,4 +1,4 @@
-import { i as e } from "./dist-uVUx9i0a.js";
+import { i as e } from "./dist-D_9sBzad.js";
 import * as r from "react";
 var s = r[" useId ".trim().toString()] || (() => {
 }), f = 0;

package/dist/{dist-DPLyqzsL.js → dist-CZChgJLY.js}

@@ -1,5 +1,5 @@
-import { n as A, t as h } from "./dist-ByyYBtbL.js";
-import { s as T } from "./dist-uVUx9i0a.js";
+import { n as A, t as h } from "./dist-C4El7dZ5.js";
+import { s as T } from "./dist-D_9sBzad.js";
 import * as l from "react";
 import m from "react";
 import { jsx as I } from "react/jsx-runtime";
@@ -60,7 +60,7 @@ function V(e) {
   let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-function $(e) {
+function F(e) {
   const t = e + "CollectionProvider", [n, r] = T(t), [o, c] = n(t, {
     collectionRef: { current: null },
     itemMap: /* @__PURE__ */ new Map()
@@ -116,5 +116,5 @@ function $(e) {
   ];
 }
 export {
-  $ as t
+  F as t
 };

package/dist/{dist-DpqiA4Yn.js → dist-DF7Yi2EK.js}

@@ -1,5 +1,5 @@
-import { n as O } from "./dist-ByyYBtbL.js";
-import { i as p } from "./dist-uVUx9i0a.js";
+import { n as O } from "./dist-C4El7dZ5.js";
+import { i as p } from "./dist-D_9sBzad.js";
 import * as i from "react";
 function y(n, e) {
   return i.useReducer((t, r) => e[t][r] ?? t, n);

package/dist/{dist-uVUx9i0a.js → dist-D_9sBzad.js}

@@ -1,4 +1,4 @@
-import { t as S } from "./dist-ByyYBtbL.js";
+import { t as S } from "./dist-C4El7dZ5.js";
 import * as r from "react";
 import * as w from "react-dom";
 import { jsx as m } from "react/jsx-runtime";

package/dist/{dist-BpTK1H2d.js → dist-EV-1XXQr.js}

@@ -1,4 +1,4 @@
-import { n as f } from "./dist-bbY12nin.js";
+import { n as f } from "./dist-CMPkuWNy.js";
 import * as t from "react";
 import { jsx as a } from "react/jsx-runtime";
 var u = [

package/dist/{dist-DeVdyMHW2.js → dist-X40eHC8j2.js}

@@ -1,4 +1,4 @@
-import { i as z } from "./dist-uVUx9i0a.js";
+import { i as z } from "./dist-D_9sBzad.js";
 import * as a from "react";
 function u(r) {
   const [h, i] = a.useState(void 0);

package/dist/{ellipsis-vertical-My0S9QY5.js → ellipsis-vertical-Cm9A6Zu8.js}

@@ -1,4 +1,4 @@
-import { t as c } from "./createLucideIcon-BVGkzDZC.js";
+import { t as c } from "./createLucideIcon-CL4htJAF.js";
 var e = [
   ["circle", {
     cx: "12",

package/dist/hooks/index.js

@@ -1,4 +1,6 @@
-import { useToggle as e } from "./useToggle.js";
+import { useMediaQuery as o } from "./useMediaQuery.js";
+import { useToggle as m } from "./useToggle.js";
 export {
-  e as useToggle
+  o as useMediaQuery,
+  m as useToggle
 };

package/dist/hooks/useMediaQuery.js

@@ -0,0 +1,17 @@
+import { r as n } from "../utils-COaoD3PI.js";
+import { useEffect as c, useState as h } from "react";
+var m = (e) => n ? window.matchMedia(e).matches : !1, u = (e) => {
+  const [s, a] = h(() => m(e));
+  return c(() => {
+    if (!n) return;
+    const t = window.matchMedia(e), r = (i) => {
+      a(i.matches);
+    };
+    return a(t.matches), t.addEventListener("change", r), () => {
+      t.removeEventListener("change", r);
+    };
+  }, [e]), s;
+};
+export {
+  u as useMediaQuery
+};