@konstructio/ui 0.0.12-alpha.2 → 0.0.12-alpha.20

package/dist/components/Typography/Typography.js

@@ -1,30 +1,31 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useId as h } from "react";
-import { typographyVariants as i } from "./Typography.variants.js";
-import { useTheme as y } from "../../contexts/theme.hook.js";
-const n = ({
-  className: o,
-  theme: t,
-  children: e,
-  variant: r,
-  ...m
+import { jsx as c } from "react/jsx-runtime";
+import { useId as d } from "react";
+import { typographyVariants as f } from "./Typography.variants.js";
+import { useTheme as n } from "../../contexts/theme.hook.js";
+const u = ({
+  className: e,
+  theme: m,
+  children: p,
+  variant: o,
+  component: s,
+  ...t
 }) => {
-  const p = h(), { theme: s } = y();
-  return /* @__PURE__ */ a(
-    "p",
+  const r = d(), { theme: h } = n(), y = s ?? (o != null && o.includes("h") ? o : "p");
+  return /* @__PURE__ */ c(
+    y,
     {
-      id: p,
-      className: i({
-        className: o,
-        theme: t ?? s,
-        variant: r
+      id: r,
+      className: f({
+        className: e,
+        theme: m ?? h,
+        variant: o
       }),
-      ...m,
-      children: e
+      ...t,
+      children: p
     }
   );
 };
-n.displayName = "Typography";
+u.displayName = "Typography";
 export {
-  n as Typography
+  u as Typography
 };

package/dist/components/Typography/Typography.variants.js

@@ -1,29 +1,56 @@
 import { c as t } from "../../index-BNmRGtA6.js";
-const x = t([""], {
+const e = t([], {
   variants: {
     variant: {
-      h1: "text-[57px] font-normal leading-[64px]",
-      h2: "text-[45px] font-normal leading-[52px]",
-      h3: "text-[36px] font-normal leading-[44px]",
-      h4: "text-[32px] font-normal leading-[40px]",
-      h5: "text-[28px] font-normal leading-[36px]",
-      h6: "text-[24px] font-medium leading-[32px] tracking-[0.15px]",
-      subtitle1: "text-[22px] font-normal leading-[28px]",
-      subtitle2: "text-[16px] font-medium leading-[24px] tracking-[0.15px]",
-      subtitle3: "text-[14px] font-medium leading-[20px] tracking-[0.1px]",
-      labelLarge: "text-[14px] font-normal leading-[20px] tracking-[0.1px]",
-      labelMedium: "text-[12px] font-medium leading-[16px] tracking-[0.5px] uppercase",
-      labelSmall: "text-[11px] font-medium leading-[16px] tracking-[0.5px] uppercase",
-      buttonSmall: "text-[14px] font-semibold leading-[20px] tracking-[0.25px]",
-      body1: "text-[16px] font-normal leading-[24px] tracking-[0.5px]",
-      body2: "text-[14px] font-normal leading-[20px] tracking-[0.25px]",
-      body3: "text-[12px] font-normal leading-[16px] tracking-[0.4px]",
-      tooltip: "text-[14px] font-normal leading-[22px]"
+      h1: ["text-[57px]", "leading-[64px]"],
+      h2: ["text-[45px]", "leading-[52px]"],
+      h3: ["text-[36px]", "leading-[44px]"],
+      h4: ["text-[32px]", "leading-[40px]"],
+      h5: ["text-[28px]", "leading-[36px]"],
+      h6: ["text-[24px]", "font-medium", "leading-[32px]", "tracking-[0.15px]"],
+      subtitle1: ["text-[22px]", "leading-[28px]"],
+      subtitle2: [
+        "text-[16px]",
+        "font-medium",
+        "leading-[24px]",
+        "tracking-[0.15px]"
+      ],
+      subtitle3: [
+        "text-[14px]",
+        "font-medium",
+        "leading-[20px]",
+        "tracking-[0.1px]"
+      ],
+      labelLarge: ["text-[14px]", "leading-[20px]", "tracking-[0.1px]"],
+      labelMedium: [
+        "text-[12px]",
+        "font-medium",
+        "leading-[16px]",
+        "tracking-[0.5px]",
+        "uppercase"
+      ],
+      labelSmall: [
+        "text-[11px]",
+        "font-medium",
+        "leading-[16px]",
+        "tracking-[0.5px]",
+        "uppercase"
+      ],
+      buttonSmall: [
+        "text-[14px]",
+        "font-semibold",
+        "leading-[20px]",
+        "tracking-[0.25px]"
+      ],
+      body1: ["text-[16px]", "leading-[24px]", "tracking-[0.5px]"],
+      body2: ["text-[14px]", "leading-[20px]", "tracking-[0.25px]"],
+      body3: ["text-[12px]", "leading-[16px]", "tracking-[0.4px]"],
+      tooltip: ["text-[14px]", "leading-[22px]"]
     },
     theme: {
-      kubefirst: "text-zinc-700",
-      colony: "text-zinc-700",
-      civo: "text-zinc-700"
+      kubefirst: "",
+      colony: "",
+      civo: ""
     }
   },
   defaultVariants: {
@@ -32,5 +59,5 @@ const x = t([""], {
   }
 });
 export {
-  x as typographyVariants
+  e as typographyVariants
 };

package/dist/components/index.js

@@ -4,10 +4,10 @@ import { Autocomplete as x } from "./Autocomplete/Autocomplete.js";
 import { Breadcrumb as a } from "./Breadcrumb/Breadcrumb.js";
 import { Button as d } from "./Button/Button.js";
 import { Card as n } from "./Card/Card.js";
-import { Checkbox as l } from "./Checkbox/Checkbox.js";
-import { Dropdown as c } from "./Dropdown/Dropdown.js";
-import { Input as N } from "./Input/Input.js";
-import { M as S } from "../Modal-DZUwNzSW.js";
+import { Checkbox as u } from "./Checkbox/Checkbox.js";
+import { Dropdown as b } from "./Dropdown/Dropdown.js";
+import { Input as v } from "./Input/Input.js";
+import { M as R } from "../Modal-B-E9uaA6.js";
 import { NumberInput as s } from "./NumberInput/NumberInput.js";
 import { ProgressBar as C } from "./ProgressBar/ProgressBar.js";
 import { Radio as B } from "./Radio/Radio.js";
@@ -26,12 +26,13 @@ import { Tooltip as Y } from "./Tooltip/Tooltip.js";
 import { Loading as _ } from "./Loading/Loading.js";
 import { Typography as oo } from "./Typography/Typography.js";
 import { Divider as to } from "./Divider/Divider.js";
-import { Footer as po } from "./Sidebar/components/Footer/Footer.js";
-import { Logo as xo } from "./Sidebar/components/Logo/Logo.js";
-import { Navigation as ao } from "./Sidebar/components/Navigation/Navigation.js";
-import { NavigationGroup as go } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
-import { NavigationOption as uo } from "./Sidebar/components/NavigationOption/NavigationOption.js";
-import { NavigationSeparator as To } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
+import { Table as po } from "./Table/Table.js";
+import { Footer as xo } from "./Sidebar/components/Footer/Footer.js";
+import { Logo as ao } from "./Sidebar/components/Logo/Logo.js";
+import { Navigation as go } from "./Sidebar/components/Navigation/Navigation.js";
+import { NavigationGroup as lo } from "./Sidebar/components/NavigationGroup/NavigationGroup.js";
+import { NavigationOption as To } from "./Sidebar/components/NavigationOption/NavigationOption.js";
+import { NavigationSeparator as co } from "./Sidebar/components/NavigationSeparator/NavigationSeparator.js";
 export {
   t as Alert,
   p as AlertDialog,
@@ -39,18 +40,18 @@ export {
   a as Breadcrumb,
   d as Button,
   n as Card,
-  l as Checkbox,
+  u as Checkbox,
   to as Divider,
-  c as Dropdown,
-  po as Footer,
-  N as Input,
+  b as Dropdown,
+  xo as Footer,
+  v as Input,
   _ as Loading,
-  xo as Logo,
-  S as Modal,
-  ao as Navigation,
-  go as NavigationGroup,
-  uo as NavigationOption,
-  To as NavigationSeparator,
+  ao as Logo,
+  R as Modal,
+  go as Navigation,
+  lo as NavigationGroup,
+  To as NavigationOption,
+  co as NavigationSeparator,
   s as NumberInput,
   C as ProgressBar,
   B as Radio,
@@ -61,6 +62,7 @@ export {
   O as Sidebar,
   j as Slider,
   z as Switch,
+  po as Table,
   H as Tag,
   K as TagSelect,
   U as TextArea,

package/dist/{index-C6WtlN_F.js → index-BzaHYXkt.js}

@@ -2,7 +2,7 @@ import * as d from "react";
 import { a as ae, c as ce, b as _ } from "./index-Cva-e5M4.js";
 import { u as K } from "./index-B_6_jmOO.js";
 import { a as le, u as de } from "./index-4ecjw_Aj.js";
-import { P as T } from "./index-BTeAm7mx.js";
+import { P as T } from "./index-D7QNmo_D.js";
 import { c as ue } from "./index-BbsJ0VIJ.js";
 import { jsx as g, jsxs as fe } from "react/jsx-runtime";
 function $(e, [t, n]) {

package/dist/{index-Z1voPZOH.js → index-CbTU3cnP.js}

@@ -1,5 +1,5 @@
 import * as e from "react";
-import { P as o } from "./index-BTeAm7mx.js";
+import { P as o } from "./index-D7QNmo_D.js";
 import { jsx as t } from "react/jsx-runtime";
 var d = "VisuallyHidden", a = e.forwardRef(
   (r, i) => /* @__PURE__ */ t(

package/dist/index-CzSBQN5S.js

@@ -0,0 +1,432 @@
+import { u as T, R as Ce, P as Ae, O as Ie, C as Le } from "./index-DyKo5ZJT.js";
+import * as l from "react";
+import be from "react";
+import { P as C } from "./index-D7QNmo_D.js";
+var pe = 1, De = 0.9, $e = 0.8, Me = 0.17, X = 0.1, Q = 0.999, Ve = 0.9999, Te = 0.99, Ke = /[\\\/_+.#"@\[\(\{&]/, qe = /[\\\/_+.#"@\[\(\{&]/g, Pe = /[\s-]/, ye = /[\s-]/g;
+function re(e, n, r, v, u, i, d) {
+  if (i === n.length) return u === e.length ? pe : Te;
+  var m = `${u},${i}`;
+  if (d[m] !== void 0) return d[m];
+  for (var g = v.charAt(i), p = r.indexOf(g, u), c = 0, o, S, f, E; p >= 0; ) o = re(e, n, r, v, p + 1, i + 1, d), o > c && (p === u ? o *= pe : Ke.test(e.charAt(p - 1)) ? (o *= $e, f = e.slice(u, p - 1).match(qe), f && u > 0 && (o *= Math.pow(Q, f.length))) : Pe.test(e.charAt(p - 1)) ? (o *= De, E = e.slice(u, p - 1).match(ye), E && u > 0 && (o *= Math.pow(Q, E.length))) : (o *= Me, u > 0 && (o *= Math.pow(Q, p - u))), e.charAt(p) !== n.charAt(i) && (o *= Ve)), (o < X && r.charAt(p - 1) === v.charAt(i + 1) || v.charAt(i + 1) === v.charAt(i) && r.charAt(p - 1) !== v.charAt(i)) && (S = re(e, n, r, v, p + 1, i + 2, d), S * X > o && (o = S * X)), o > c && (c = o), p = r.indexOf(g, p + 1);
+  return d[m] = c, c;
+}
+function me(e) {
+  return e.toLowerCase().replace(ye, " ");
+}
+function Ue(e, n, r) {
+  return e = r && r.length > 0 ? `${e + " " + r.join(" ")}` : e, re(e, n, me(e), me(n), 0, 0, {});
+}
+var H = { exports: {} }, Z = {};
+/**
+* @license React
+* use-sync-external-store-shim.production.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var he;
+function je() {
+  if (he) return Z;
+  he = 1;
+  var e = be;
+  function n(o, S) {
+    return o === S && (o !== 0 || 1 / o === 1 / S) || o !== o && S !== S;
+  }
+  var r = typeof Object.is == "function" ? Object.is : n, v = e.useState, u = e.useEffect, i = e.useLayoutEffect, d = e.useDebugValue;
+  function m(o, S) {
+    var f = S(), E = v({ inst: { value: f, getSnapshot: S } }), w = E[0].inst, _ = E[1];
+    return i(
+      function() {
+        w.value = f, w.getSnapshot = S, g(w) && _({ inst: w });
+      },
+      [o, f, S]
+    ), u(
+      function() {
+        return g(w) && _({ inst: w }), o(function() {
+          g(w) && _({ inst: w });
+        });
+      },
+      [o]
+    ), d(f), f;
+  }
+  function g(o) {
+    var S = o.getSnapshot;
+    o = o.value;
+    try {
+      var f = S();
+      return !r(o, f);
+    } catch {
+      return !0;
+    }
+  }
+  function p(o, S) {
+    return S();
+  }
+  var c = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? p : m;
+  return Z.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : c, Z;
+}
+var ee = {};
+/**
+* @license React
+* use-sync-external-store-shim.development.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var ge;
+function Ge() {
+  return ge || (ge = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(f, E) {
+      return f === E && (f !== 0 || 1 / f === 1 / E) || f !== f && E !== E;
+    }
+    function n(f, E) {
+      c || u.startTransition === void 0 || (c = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var w = E();
+      if (!o) {
+        var _ = E();
+        i(w, _) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), o = !0);
+      }
+      _ = d({
+        inst: { value: w, getSnapshot: E }
+      });
+      var k = _[0].inst, M = _[1];
+      return g(
+        function() {
+          k.value = w, k.getSnapshot = E, r(k) && M({ inst: k });
+        },
+        [f, w, E]
+      ), m(
+        function() {
+          return r(k) && M({ inst: k }), f(function() {
+            r(k) && M({ inst: k });
+          });
+        },
+        [f]
+      ), p(w), w;
+    }
+    function r(f) {
+      var E = f.getSnapshot;
+      f = f.value;
+      try {
+        var w = E();
+        return !i(f, w);
+      } catch {
+        return !0;
+      }
+    }
+    function v(f, E) {
+      return E();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var u = be, i = typeof Object.is == "function" ? Object.is : e, d = u.useState, m = u.useEffect, g = u.useLayoutEffect, p = u.useDebugValue, c = !1, o = !1, S = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? v : n;
+    ee.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : S, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), ee;
+}
+var Se;
+function He() {
+  return Se || (Se = 1, process.env.NODE_ENV === "production" ? H.exports = /* @__PURE__ */ je() : H.exports = /* @__PURE__ */ Ge()), H.exports;
+}
+var Be = /* @__PURE__ */ He(), P = '[cmdk-group=""]', te = '[cmdk-group-items=""]', Fe = '[cmdk-group-heading=""]', le = '[cmdk-item=""]', Ee = `${le}:not([aria-disabled="true"])`, ne = "cmdk-item-select", L = "data-value", Ne = (e, n, r) => Ue(e, n, r), we = l.createContext(void 0), j = () => l.useContext(we), xe = l.createContext(void 0), ue = () => l.useContext(xe), _e = l.createContext(void 0), ke = l.forwardRef((e, n) => {
+  let r = V(() => {
+    var t, s;
+    return { search: "", value: (s = (t = e.value) != null ? t : e.defaultValue) != null ? s : "", filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
+  }), v = V(() => /* @__PURE__ */ new Set()), u = V(() => /* @__PURE__ */ new Map()), i = V(() => /* @__PURE__ */ new Map()), d = V(() => /* @__PURE__ */ new Set()), m = Oe(e), { label: g, children: p, value: c, onValueChange: o, filter: S, shouldFilter: f, loop: E, disablePointerSelection: w = !1, vimBindings: _ = !0, ...k } = e, M = T(), ae = T(), oe = T(), A = l.useRef(null), x = nt();
+  D(() => {
+    if (c !== void 0) {
+      let t = c.trim();
+      r.current.value = t, O.emit();
+    }
+  }, [c]), D(() => {
+    x(6, ce);
+  }, []);
+  let O = l.useMemo(() => ({ subscribe: (t) => (d.current.add(t), () => d.current.delete(t)), snapshot: () => r.current, setState: (t, s, h) => {
+    var a, b, y;
+    if (!Object.is(r.current[t], s)) {
+      if (r.current[t] = s, t === "search") z(), N(), x(1, W);
+      else if (t === "value" && (h || x(5, ce), ((a = m.current) == null ? void 0 : a.value) !== void 0)) {
+        let R = s ?? "";
+        (y = (b = m.current).onValueChange) == null || y.call(b, R);
+        return;
+      }
+      O.emit();
+    }
+  }, emit: () => {
+    d.current.forEach((t) => t());
+  } }), []), F = l.useMemo(() => ({ value: (t, s, h) => {
+    var a;
+    s !== ((a = i.current.get(t)) == null ? void 0 : a.value) && (i.current.set(t, { value: s, keywords: h }), r.current.filtered.items.set(t, ie(s, h)), x(2, () => {
+      N(), O.emit();
+    }));
+  }, item: (t, s) => (v.current.add(t), s && (u.current.has(s) ? u.current.get(s).add(t) : u.current.set(s, /* @__PURE__ */ new Set([t]))), x(3, () => {
+    z(), N(), r.current.value || W(), O.emit();
+  }), () => {
+    i.current.delete(t), v.current.delete(t), r.current.filtered.items.delete(t);
+    let h = K();
+    x(4, () => {
+      z(), (h == null ? void 0 : h.getAttribute("id")) === t && W(), O.emit();
+    });
+  }), group: (t) => (u.current.has(t) || u.current.set(t, /* @__PURE__ */ new Set()), () => {
+    i.current.delete(t), u.current.delete(t);
+  }), filter: () => m.current.shouldFilter, label: g || e["aria-label"], getDisablePointerSelection: () => m.current.disablePointerSelection, listId: M, inputId: oe, labelId: ae, listInnerRef: A }), []);
+  function ie(t, s) {
+    var h, a;
+    let b = (a = (h = m.current) == null ? void 0 : h.filter) != null ? a : Ne;
+    return t ? b(t, r.current.search, s) : 0;
+  }
+  function N() {
+    if (!r.current.search || m.current.shouldFilter === !1) return;
+    let t = r.current.filtered.items, s = [];
+    r.current.filtered.groups.forEach((a) => {
+      let b = u.current.get(a), y = 0;
+      b.forEach((R) => {
+        let I = t.get(R);
+        y = Math.max(I, y);
+      }), s.push([a, y]);
+    });
+    let h = A.current;
+    q().sort((a, b) => {
+      var y, R;
+      let I = a.getAttribute("id"), G = b.getAttribute("id");
+      return ((y = t.get(G)) != null ? y : 0) - ((R = t.get(I)) != null ? R : 0);
+    }).forEach((a) => {
+      let b = a.closest(te);
+      b ? b.appendChild(a.parentElement === b ? a : a.closest(`${te} > *`)) : h.appendChild(a.parentElement === h ? a : a.closest(`${te} > *`));
+    }), s.sort((a, b) => b[1] - a[1]).forEach((a) => {
+      var b;
+      let y = (b = A.current) == null ? void 0 : b.querySelector(`${P}[${L}="${encodeURIComponent(a[0])}"]`);
+      y == null || y.parentElement.appendChild(y);
+    });
+  }
+  function W() {
+    let t = q().find((h) => h.getAttribute("aria-disabled") !== "true"), s = t == null ? void 0 : t.getAttribute(L);
+    O.setState("value", s || void 0);
+  }
+  function z() {
+    var t, s, h, a;
+    if (!r.current.search || m.current.shouldFilter === !1) {
+      r.current.filtered.count = v.current.size;
+      return;
+    }
+    r.current.filtered.groups = /* @__PURE__ */ new Set();
+    let b = 0;
+    for (let y of v.current) {
+      let R = (s = (t = i.current.get(y)) == null ? void 0 : t.value) != null ? s : "", I = (a = (h = i.current.get(y)) == null ? void 0 : h.keywords) != null ? a : [], G = ie(R, I);
+      r.current.filtered.items.set(y, G), G > 0 && b++;
+    }
+    for (let [y, R] of u.current) for (let I of R) if (r.current.filtered.items.get(I) > 0) {
+      r.current.filtered.groups.add(y);
+      break;
+    }
+    r.current.filtered.count = b;
+  }
+  function ce() {
+    var t, s, h;
+    let a = K();
+    a && (((t = a.parentElement) == null ? void 0 : t.firstChild) === a && ((h = (s = a.closest(P)) == null ? void 0 : s.querySelector(Fe)) == null || h.scrollIntoView({ block: "nearest" })), a.scrollIntoView({ block: "nearest" }));
+  }
+  function K() {
+    var t;
+    return (t = A.current) == null ? void 0 : t.querySelector(`${le}[aria-selected="true"]`);
+  }
+  function q() {
+    var t;
+    return Array.from(((t = A.current) == null ? void 0 : t.querySelectorAll(Ee)) || []);
+  }
+  function Y(t) {
+    let s = q()[t];
+    s && O.setState("value", s.getAttribute(L));
+  }
+  function J(t) {
+    var s;
+    let h = K(), a = q(), b = a.findIndex((R) => R === h), y = a[b + t];
+    (s = m.current) != null && s.loop && (y = b + t < 0 ? a[a.length - 1] : b + t === a.length ? a[0] : a[b + t]), y && O.setState("value", y.getAttribute(L));
+  }
+  function se(t) {
+    let s = K(), h = s == null ? void 0 : s.closest(P), a;
+    for (; h && !a; ) h = t > 0 ? tt(h, P) : rt(h, P), a = h == null ? void 0 : h.querySelector(Ee);
+    a ? O.setState("value", a.getAttribute(L)) : J(t);
+  }
+  let de = () => Y(q().length - 1), fe = (t) => {
+    t.preventDefault(), t.metaKey ? de() : t.altKey ? se(1) : J(1);
+  }, ve = (t) => {
+    t.preventDefault(), t.metaKey ? Y(0) : t.altKey ? se(-1) : J(-1);
+  };
+  return l.createElement(C.div, { ref: n, tabIndex: -1, ...k, "cmdk-root": "", onKeyDown: (t) => {
+    var s;
+    if ((s = k.onKeyDown) == null || s.call(k, t), !t.defaultPrevented) switch (t.key) {
+      case "n":
+      case "j": {
+        _ && t.ctrlKey && fe(t);
+        break;
+      }
+      case "ArrowDown": {
+        fe(t);
+        break;
+      }
+      case "p":
+      case "k": {
+        _ && t.ctrlKey && ve(t);
+        break;
+      }
+      case "ArrowUp": {
+        ve(t);
+        break;
+      }
+      case "Home": {
+        t.preventDefault(), Y(0);
+        break;
+      }
+      case "End": {
+        t.preventDefault(), de();
+        break;
+      }
+      case "Enter":
+        if (!t.nativeEvent.isComposing && t.keyCode !== 229) {
+          t.preventDefault();
+          let h = K();
+          if (h) {
+            let a = new Event(ne);
+            h.dispatchEvent(a);
+          }
+        }
+    }
+  } }, l.createElement("label", { "cmdk-label": "", htmlFor: F.inputId, id: F.labelId, style: ut }, g), B(e, (t) => l.createElement(xe.Provider, { value: O }, l.createElement(we.Provider, { value: F }, t))));
+}), We = l.forwardRef((e, n) => {
+  var r, v;
+  let u = T(), i = l.useRef(null), d = l.useContext(_e), m = j(), g = Oe(e), p = (v = (r = g.current) == null ? void 0 : r.forceMount) != null ? v : d == null ? void 0 : d.forceMount;
+  D(() => {
+    if (!p) return m.item(u, d == null ? void 0 : d.id);
+  }, [p]);
+  let c = Re(u, i, [e.value, e.children, i], e.keywords), o = ue(), S = $((x) => x.value && x.value === c.current), f = $((x) => p || m.filter() === !1 ? !0 : x.search ? x.filtered.items.get(u) > 0 : !0);
+  l.useEffect(() => {
+    let x = i.current;
+    if (!(!x || e.disabled)) return x.addEventListener(ne, E), () => x.removeEventListener(ne, E);
+  }, [f, e.onSelect, e.disabled]);
+  function E() {
+    var x, O;
+    w(), (O = (x = g.current).onSelect) == null || O.call(x, c.current);
+  }
+  function w() {
+    o.setState("value", c.current, !0);
+  }
+  if (!f) return null;
+  let { disabled: _, value: k, onSelect: M, forceMount: ae, keywords: oe, ...A } = e;
+  return l.createElement(C.div, { ref: U([i, n]), ...A, id: u, "cmdk-item": "", role: "option", "aria-disabled": !!_, "aria-selected": !!S, "data-disabled": !!_, "data-selected": !!S, onPointerMove: _ || m.getDisablePointerSelection() ? void 0 : w, onClick: _ ? void 0 : E }, e.children);
+}), ze = l.forwardRef((e, n) => {
+  let { heading: r, children: v, forceMount: u, ...i } = e, d = T(), m = l.useRef(null), g = l.useRef(null), p = T(), c = j(), o = $((f) => u || c.filter() === !1 ? !0 : f.search ? f.filtered.groups.has(d) : !0);
+  D(() => c.group(d), []), Re(d, m, [e.value, e.heading, g]);
+  let S = l.useMemo(() => ({ id: d, forceMount: u }), [u]);
+  return l.createElement(C.div, { ref: U([m, n]), ...i, "cmdk-group": "", role: "presentation", hidden: o ? void 0 : !0 }, r && l.createElement("div", { ref: g, "cmdk-group-heading": "", "aria-hidden": !0, id: p }, r), B(e, (f) => l.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": r ? p : void 0 }, l.createElement(_e.Provider, { value: S }, f))));
+}), Ye = l.forwardRef((e, n) => {
+  let { alwaysRender: r, ...v } = e, u = l.useRef(null), i = $((d) => !d.search);
+  return !r && !i ? null : l.createElement(C.div, { ref: U([u, n]), ...v, "cmdk-separator": "", role: "separator" });
+}), Je = l.forwardRef((e, n) => {
+  let { onValueChange: r, ...v } = e, u = e.value != null, i = ue(), d = $((c) => c.search), m = $((c) => c.value), g = j(), p = l.useMemo(() => {
+    var c;
+    let o = (c = g.listInnerRef.current) == null ? void 0 : c.querySelector(`${le}[${L}="${encodeURIComponent(m)}"]`);
+    return o == null ? void 0 : o.getAttribute("id");
+  }, []);
+  return l.useEffect(() => {
+    e.value != null && i.setState("search", e.value);
+  }, [e.value]), l.createElement(C.input, { ref: n, ...v, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": g.listId, "aria-labelledby": g.labelId, "aria-activedescendant": p, id: g.inputId, type: "text", value: u ? e.value : d, onChange: (c) => {
+    u || i.setState("search", c.target.value), r == null || r(c.target.value);
+  } });
+}), Xe = l.forwardRef((e, n) => {
+  let { children: r, label: v = "Suggestions", ...u } = e, i = l.useRef(null), d = l.useRef(null), m = j();
+  return l.useEffect(() => {
+    if (d.current && i.current) {
+      let g = d.current, p = i.current, c, o = new ResizeObserver(() => {
+        c = requestAnimationFrame(() => {
+          let S = g.offsetHeight;
+          p.style.setProperty("--cmdk-list-height", S.toFixed(1) + "px");
+        });
+      });
+      return o.observe(g), () => {
+        cancelAnimationFrame(c), o.unobserve(g);
+      };
+    }
+  }, []), l.createElement(C.div, { ref: U([i, n]), ...u, "cmdk-list": "", role: "listbox", "aria-label": v, id: m.listId }, B(e, (g) => l.createElement("div", { ref: U([d, m.listInnerRef]), "cmdk-list-sizer": "" }, g)));
+}), Qe = l.forwardRef((e, n) => {
+  let { open: r, onOpenChange: v, overlayClassName: u, contentClassName: i, container: d, ...m } = e;
+  return l.createElement(Ce, { open: r, onOpenChange: v }, l.createElement(Ae, { container: d }, l.createElement(Ie, { "cmdk-overlay": "", className: u }), l.createElement(Le, { "aria-label": e.label, "cmdk-dialog": "", className: i }, l.createElement(ke, { ref: n, ...m }))));
+}), Ze = l.forwardRef((e, n) => $((r) => r.filtered.count === 0) ? l.createElement(C.div, { ref: n, ...e, "cmdk-empty": "", role: "presentation" }) : null), et = l.forwardRef((e, n) => {
+  let { progress: r, children: v, label: u = "Loading...", ...i } = e;
+  return l.createElement(C.div, { ref: n, ...i, "cmdk-loading": "", role: "progressbar", "aria-valuenow": r, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": u }, B(e, (d) => l.createElement("div", { "aria-hidden": !0 }, d)));
+}), ct = Object.assign(ke, { List: Xe, Item: We, Input: Je, Group: ze, Separator: Ye, Dialog: Qe, Empty: Ze, Loading: et });
+function tt(e, n) {
+  let r = e.nextElementSibling;
+  for (; r; ) {
+    if (r.matches(n)) return r;
+    r = r.nextElementSibling;
+  }
+}
+function rt(e, n) {
+  let r = e.previousElementSibling;
+  for (; r; ) {
+    if (r.matches(n)) return r;
+    r = r.previousElementSibling;
+  }
+}
+function Oe(e) {
+  let n = l.useRef(e);
+  return D(() => {
+    n.current = e;
+  }), n;
+}
+var D = typeof window > "u" ? l.useEffect : l.useLayoutEffect;
+function V(e) {
+  let n = l.useRef();
+  return n.current === void 0 && (n.current = e()), n;
+}
+function U(e) {
+  return (n) => {
+    e.forEach((r) => {
+      typeof r == "function" ? r(n) : r != null && (r.current = n);
+    });
+  };
+}
+function $(e) {
+  let n = ue(), r = () => e(n.snapshot());
+  return Be.useSyncExternalStore(n.subscribe, r, r);
+}
+function Re(e, n, r, v = []) {
+  let u = l.useRef(), i = j();
+  return D(() => {
+    var d;
+    let m = (() => {
+      var p;
+      for (let c of r) {
+        if (typeof c == "string") return c.trim();
+        if (typeof c == "object" && "current" in c) return c.current ? (p = c.current.textContent) == null ? void 0 : p.trim() : u.current;
+      }
+    })(), g = v.map((p) => p.trim());
+    i.value(e, m, g), (d = n.current) == null || d.setAttribute(L, m), u.current = m;
+  }), u;
+}
+var nt = () => {
+  let [e, n] = l.useState(), r = V(() => /* @__PURE__ */ new Map());
+  return D(() => {
+    r.current.forEach((v) => v()), r.current = /* @__PURE__ */ new Map();
+  }, [e]), (v, u) => {
+    r.current.set(v, u), n({});
+  };
+};
+function lt(e) {
+  let n = e.type;
+  return typeof n == "function" ? n(e.props) : "render" in n ? n.render(e.props) : e;
+}
+function B({ asChild: e, children: n }, r) {
+  return e && l.isValidElement(n) ? l.cloneElement(lt(n), { ref: n.ref }, r(n.props.children)) : r(n);
+}
+var ut = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
+export {
+  ct as V
+};