@konstructio/ui 0.1.2-alpha.98 → 0.1.3

package/dist/dist-DeWnSzlM.js

@@ -0,0 +1,120 @@
+import { i as P, r as p, t as F } from "./dist-DbeY0Pzx.js";
+import { n as S, r as A, t as x } from "./dist-pyzG_Btt.js";
+import { t as y } from "./dist-uuWgjOcO.js";
+import { t as m } from "./dist-CYuWoi9I.js";
+import { t as E } from "./dist-rsFD9q_X.js";
+import { n as w } from "./dist-C0OhTLFV.js";
+import * as b from "react";
+import { jsx as d } from "react/jsx-runtime";
+var G = Object.defineProperty, v = (i, e) => G(i, "name", {
+  value: e,
+  configurable: !0
+}), M = {
+  Automatic: "automatic",
+  Manual: "manual"
+}, C = "Tabs", [D, H] = P(C, [A]), R = A(), [V, I] = D(C), J = /* @__PURE__ */ b.forwardRef(/* @__PURE__ */ v(function(e, l) {
+  const { __scopeTabs: s, value: a, onValueChange: r, defaultValue: c, orientation: o = "horizontal", dir: u, activationMode: T = M.Automatic, ...g } = e, n = E(u), [t, f] = F({
+    prop: a,
+    onChange: r,
+    defaultProp: c ?? "",
+    caller: C
+  });
+  return /* @__PURE__ */ d(V, {
+    scope: s,
+    baseId: w(),
+    value: t,
+    onValueChange: f,
+    orientation: o,
+    dir: n,
+    activationMode: T,
+    children: /* @__PURE__ */ d(m.div, {
+      dir: n,
+      "data-orientation": o,
+      ...g,
+      ref: l
+    })
+  });
+}, "Tabs")), N = "TabsList", Q = /* @__PURE__ */ b.forwardRef(/* @__PURE__ */ v(function(e, l) {
+  const { __scopeTabs: s, loop: a = !0, ...r } = e, c = I(N, s), o = R(s);
+  return /* @__PURE__ */ d(x, {
+    asChild: !0,
+    ...o,
+    orientation: c.orientation,
+    dir: c.dir,
+    loop: a,
+    children: /* @__PURE__ */ d(m.div, {
+      role: "tablist",
+      "aria-orientation": c.orientation,
+      ...r,
+      ref: l
+    })
+  });
+}, "TabsList")), $ = "TabsTrigger", U = /* @__PURE__ */ b.forwardRef(/* @__PURE__ */ v(function(e, l) {
+  const { __scopeTabs: s, value: a, disabled: r = !1, ...c } = e, o = I($, s), u = R(s), T = _(o.baseId, a), g = h(o.baseId, a), n = a === o.value;
+  return /* @__PURE__ */ d(S, {
+    asChild: !0,
+    ...u,
+    focusable: !r,
+    active: n,
+    children: /* @__PURE__ */ d(m.button, {
+      type: "button",
+      role: "tab",
+      "aria-selected": n,
+      "aria-controls": g,
+      "data-state": n ? "active" : "inactive",
+      "data-disabled": r ? "" : void 0,
+      disabled: r,
+      id: T,
+      ...c,
+      ref: l,
+      onMouseDown: p(e.onMouseDown, (t) => {
+        !r && t.button === 0 && t.ctrlKey === !1 ? (t.currentTarget.focus(), o.onValueChange(a)) : t.preventDefault();
+      }),
+      onKeyDown: p(e.onKeyDown, (t) => {
+        r || t.target !== t.currentTarget || [" ", "Enter"].includes(t.key) && o.onValueChange(a);
+      }),
+      onFocus: p(e.onFocus, () => {
+        const t = o.activationMode !== M.Manual;
+        !n && !r && t && o.onValueChange(a);
+      })
+    })
+  });
+}, "TabsTrigger")), k = "TabsContent", W = /* @__PURE__ */ b.forwardRef(/* @__PURE__ */ v(function(e, l) {
+  const { __scopeTabs: s, value: a, forceMount: r, children: c, ...o } = e, u = I(k, s), T = _(u.baseId, a), g = h(u.baseId, a), n = a === u.value, t = b.useRef(n);
+  return b.useEffect(() => {
+    const f = requestAnimationFrame(() => t.current = !1);
+    return () => cancelAnimationFrame(f);
+  }, []), /* @__PURE__ */ d(y, {
+    present: r || n,
+    children: ({ present: f }) => /* @__PURE__ */ d(m.div, {
+      "data-state": n ? "active" : "inactive",
+      "data-orientation": u.orientation,
+      role: "tabpanel",
+      "aria-labelledby": T,
+      hidden: !f,
+      id: g,
+      tabIndex: 0,
+      ...o,
+      ref: l,
+      style: {
+        ...e.style,
+        animationDuration: t.current ? "0s" : void 0
+      },
+      children: f && c
+    })
+  });
+}, "TabsContent"));
+function _(i, e) {
+  return `${i}-trigger-${e}`;
+}
+v(_, "makeTriggerId");
+function h(i, e) {
+  return `${i}-content-${e}`;
+}
+v(h, "makeContentId");
+export {
+  U as i,
+  W as n,
+  Q as r,
+  J as t
+};

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

@@ -1,15 +1,15 @@
-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 { a as Ee, o as ke, r as Se, t as Ie } from "./dist-DWopnVS-.js";
+import { t as R } from "./dist-CYuWoi9I.js";
+import { n as q } from "./dist-C0OhTLFV.js";
+import { i as j } from "./dist-CK8FUUUn.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) {
   if (c === l.length) return u === t.length ? ce : Me;
-  var m = `${u},${c}`;
-  if (d[m] !== void 0) return d[m];
+  var v = `${u},${c}`;
+  if (d[v] !== void 0) return d[v];
   for (var b = f.charAt(c), i = r.indexOf(b, u), p = 0, h, I, y, x; i >= 0; ) h = _(t, l, r, f, i + 1, c + 1, d), h > p && (i === u ? h *= ce : $e.test(t.charAt(i - 1)) ? (h *= Ce, y = t.slice(u, i - 1).match(De), y && u > 0 && (h *= Math.pow(Q, y.length))) : Fe.test(t.charAt(i - 1)) ? (h *= xe, x = t.slice(u, i - 1).match(fe), x && u > 0 && (h *= Math.pow(Q, x.length))) : (h *= Re, u > 0 && (h *= Math.pow(Q, i - u))), t.charAt(i) !== l.charAt(c) && (h *= Ae)), (h < Y && r.charAt(i - 1) === f.charAt(c + 1) || f.charAt(c + 1) === f.charAt(c) && r.charAt(i - 1) !== f.charAt(c)) && (I = _(t, l, r, f, i + 1, c + 2, d), I * Y > h && (h = I * Y)), h > p && (p = h), i = r.indexOf(b, i + 1);
-  return d[m] = p, p;
+  return d[v] = p, p;
 }
 function de(t) {
   return t.toLowerCase().replace(fe, " ");
@@ -17,7 +17,7 @@ function de(t) {
 function Ke(t, l, r) {
   return t = r && r.length > 0 ? `${t + " " + r.join(" ")}` : t, _(t, l, de(t), de(l), 0, 0, {});
 }
-var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-heading=""]', me = '[cmdk-item=""]', se = `${me}:not([aria-disabled="true"])`, ee = "cmdk-item-select", F = "data-value", Pe = (t, l, r) => Ke(t, l, r), ve = n.createContext(void 0), L = () => n.useContext(ve), pe = n.createContext(void 0), te = () => n.useContext(pe), he = n.createContext(void 0), ge = n.forwardRef((t, l) => {
+var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-heading=""]', ve = '[cmdk-item=""]', se = `${ve}:not([aria-disabled="true"])`, ee = "cmdk-item-select", F = "data-value", Pe = (t, l, r) => Ke(t, l, r), me = n.createContext(void 0), L = () => n.useContext(me), pe = n.createContext(void 0), te = () => n.useContext(pe), he = n.createContext(void 0), ge = n.forwardRef((t, l) => {
   let r = K(() => {
     var e, o;
     return {
@@ -30,7 +30,7 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
         groups: /* @__PURE__ */ new Set()
       }
     };
-  }), f = K(() => /* @__PURE__ */ new Set()), u = K(() => /* @__PURE__ */ new Map()), c = K(() => /* @__PURE__ */ new Map()), d = K(() => /* @__PURE__ */ new Set()), m = be(t), { label: b, children: i, value: p, onValueChange: h, filter: I, shouldFilter: y, loop: x, disablePointerSelection: z = !1, vimBindings: A = !0, ...O } = t, U = q(), re = q(), H = q(), M = n.useRef(null), w = We();
+  }), f = K(() => /* @__PURE__ */ new Set()), u = K(() => /* @__PURE__ */ new Map()), c = K(() => /* @__PURE__ */ new Map()), d = K(() => /* @__PURE__ */ new Set()), v = be(t), { label: b, children: i, value: p, onValueChange: h, filter: I, shouldFilter: y, loop: x, disablePointerSelection: z = !1, vimBindings: A = !0, ...O } = t, U = q(), re = q(), H = q(), M = n.useRef(null), w = We();
   $(() => {
     if (p !== void 0) {
       let e = p.trim();
@@ -43,7 +43,7 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
     subscribe: (e) => (d.current.add(e), () => d.current.delete(e)),
     snapshot: () => r.current,
     setState: (e, o, s) => {
-      var a, v, g, k;
+      var a, m, g, k;
       if (!Object.is(r.current[e], o)) {
         if (r.current[e] = o, e === "search") G(), T(), w(1, W);
         else if (e === "value") {
@@ -54,9 +54,9 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
           if (w(7, () => {
             var S;
             r.current.selectedItemId = (S = D()) == null ? void 0 : S.id, E.emit();
-          }), s || w(5, le), ((v = m.current) == null ? void 0 : v.value) !== void 0) {
+          }), s || w(5, le), ((m = v.current) == null ? void 0 : m.value) !== void 0) {
             let S = o ?? "";
-            (k = (g = m.current).onValueChange) == null || k.call(g, S);
+            (k = (g = v.current).onValueChange) == null || k.call(g, S);
             return;
           }
         }
@@ -88,9 +88,9 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
     group: (e) => (u.current.has(e) || u.current.set(e, /* @__PURE__ */ new Set()), () => {
       c.current.delete(e), u.current.delete(e);
     }),
-    filter: () => m.current.shouldFilter,
+    filter: () => v.current.shouldFilter,
     label: b || t["aria-label"],
-    getDisablePointerSelection: () => m.current.disablePointerSelection,
+    getDisablePointerSelection: () => v.current.disablePointerSelection,
     listId: U,
     inputId: H,
     labelId: re,
@@ -98,30 +98,30 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
   }), []);
   function ne(e, o) {
     var s, a;
-    let v = (a = (s = m.current) == null ? void 0 : s.filter) != null ? a : Pe;
-    return e ? v(e, r.current.search, o) : 0;
+    let m = (a = (s = v.current) == null ? void 0 : s.filter) != null ? a : Pe;
+    return e ? m(e, r.current.search, o) : 0;
   }
   function T() {
-    if (!r.current.search || m.current.shouldFilter === !1) return;
+    if (!r.current.search || v.current.shouldFilter === !1) return;
     let e = r.current.filtered.items, o = [];
     r.current.filtered.groups.forEach((a) => {
-      let v = u.current.get(a), g = 0;
-      v.forEach((k) => {
+      let m = u.current.get(a), g = 0;
+      m.forEach((k) => {
         let S = e.get(k);
         g = Math.max(S, g);
       }), o.push([a, g]);
     });
     let s = M.current;
-    P().sort((a, v) => {
+    P().sort((a, m) => {
       var g, k;
-      let S = a.getAttribute("id"), ye = v.getAttribute("id");
+      let S = a.getAttribute("id"), ye = m.getAttribute("id");
       return ((g = e.get(ye)) != null ? g : 0) - ((k = e.get(S)) != null ? k : 0);
     }).forEach((a) => {
-      let v = a.closest(Z);
-      v ? v.appendChild(a.parentElement === v ? a : a.closest(`${Z} > *`)) : s.appendChild(a.parentElement === s ? a : a.closest(`${Z} > *`));
-    }), o.sort((a, v) => v[1] - a[1]).forEach((a) => {
-      var v;
-      let g = (v = M.current) == null ? void 0 : v.querySelector(`${V}[${F}="${encodeURIComponent(a[0])}"]`);
+      let m = a.closest(Z);
+      m ? m.appendChild(a.parentElement === m ? a : a.closest(`${Z} > *`)) : s.appendChild(a.parentElement === s ? a : a.closest(`${Z} > *`));
+    }), o.sort((a, m) => m[1] - a[1]).forEach((a) => {
+      var m;
+      let g = (m = M.current) == null ? void 0 : m.querySelector(`${V}[${F}="${encodeURIComponent(a[0])}"]`);
       g?.parentElement.appendChild(g);
     });
   }
@@ -131,21 +131,21 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
   }
   function G() {
     var e, o, s, a;
-    if (!r.current.search || m.current.shouldFilter === !1) {
+    if (!r.current.search || v.current.shouldFilter === !1) {
       r.current.filtered.count = f.current.size;
       return;
     }
     r.current.filtered.groups = /* @__PURE__ */ new Set();
-    let v = 0;
+    let m = 0;
     for (let g of f.current) {
       let k = ne((o = (e = c.current.get(g)) == null ? void 0 : e.value) != null ? o : "", (a = (s = c.current.get(g)) == null ? void 0 : s.keywords) != null ? a : []);
-      r.current.filtered.items.set(g, k), k > 0 && v++;
+      r.current.filtered.items.set(g, k), k > 0 && m++;
     }
     for (let [g, k] of u.current) for (let S of k) if (r.current.filtered.items.get(S) > 0) {
       r.current.filtered.groups.add(g);
       break;
     }
-    r.current.filtered.count = v;
+    r.current.filtered.count = m;
   }
   function le() {
     var e, o, s;
@@ -154,7 +154,7 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
   }
   function D() {
     var e;
-    return (e = M.current) == null ? void 0 : e.querySelector(`${me}[aria-selected="true"]`);
+    return (e = M.current) == null ? void 0 : e.querySelector(`${ve}[aria-selected="true"]`);
   }
   function P() {
     var e;
@@ -166,8 +166,8 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
   }
   function X(e) {
     var o;
-    let s = D(), a = P(), v = a.findIndex((k) => k === s), g = a[v + e];
-    (o = m.current) != null && o.loop && (g = v + e < 0 ? a[a.length - 1] : v + e === a.length ? a[0] : a[v + e]), g && E.setState("value", g.getAttribute(F));
+    let s = D(), a = P(), m = a.findIndex((k) => k === s), g = a[m + e];
+    (o = v.current) != null && o.loop && (g = m + e < 0 ? a[a.length - 1] : m + e === a.length ? a[0] : a[m + e]), g && E.setState("value", g.getAttribute(F));
   }
   function ae(e) {
     let o = D(), s = o?.closest(V), a;
@@ -213,8 +213,8 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
           e.preventDefault();
           let a = D();
           if (a) {
-            let v = new Event(ee);
-            a.dispatchEvent(v);
+            let m = new Event(ee);
+            a.dispatchEvent(m);
           }
         }
       }
@@ -224,18 +224,18 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
     htmlFor: N.inputId,
     id: N.labelId,
     style: Je
-  }, b), B(t, (e) => n.createElement(pe.Provider, { value: E }, n.createElement(ve.Provider, { value: N }, e))));
+  }, b), B(t, (e) => n.createElement(pe.Provider, { value: E }, n.createElement(me.Provider, { value: N }, e))));
 }), Ve = n.forwardRef((t, l) => {
   var r, f;
-  let u = q(), c = n.useRef(null), d = n.useContext(he), m = L(), b = be(t), i = (f = (r = b.current) == null ? void 0 : r.forceMount) != null ? f : d?.forceMount;
+  let u = q(), c = n.useRef(null), d = n.useContext(he), v = L(), b = be(t), i = (f = (r = b.current) == null ? void 0 : r.forceMount) != null ? f : d?.forceMount;
   $(() => {
-    if (!i) return m.item(u, d?.id);
+    if (!i) return v.item(u, d?.id);
   }, [i]);
   let p = we(u, c, [
     t.value,
     t.children,
     c
-  ], t.keywords), h = te(), I = C((w) => w.value && w.value === p.current), y = C((w) => i || m.filter() === !1 ? !0 : w.search ? w.filtered.items.get(u) > 0 : !0);
+  ], t.keywords), h = te(), I = C((w) => w.value && w.value === p.current), y = C((w) => i || v.filter() === !1 ? !0 : w.search ? w.filtered.items.get(u) > 0 : !0);
   n.useEffect(() => {
     let w = c.current;
     if (!(!w || t.disabled)) return w.addEventListener(ee, x), () => w.removeEventListener(ee, x);
@@ -263,12 +263,12 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
     "aria-selected": !!I,
     "data-disabled": !!A,
     "data-selected": !!I,
-    onPointerMove: A || m.getDisablePointerSelection() ? void 0 : z,
+    onPointerMove: A || v.getDisablePointerSelection() ? void 0 : z,
     onClick: A ? void 0 : x
   }, t.children);
 }), je = n.forwardRef((t, l) => {
-  let { heading: r, children: f, forceMount: u, ...c } = t, d = q(), m = n.useRef(null), b = n.useRef(null), i = q(), p = L(), h = C((y) => u || p.filter() === !1 ? !0 : y.search ? y.filtered.groups.has(d) : !0);
-  $(() => p.group(d), []), we(d, m, [
+  let { heading: r, children: f, forceMount: u, ...c } = t, d = q(), v = n.useRef(null), b = n.useRef(null), i = q(), p = L(), h = C((y) => u || p.filter() === !1 ? !0 : y.search ? y.filtered.groups.has(d) : !0);
+  $(() => p.group(d), []), we(d, v, [
     t.value,
     t.heading,
     b
@@ -278,7 +278,7 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
     forceMount: u
   }), [u]);
   return n.createElement(R.div, {
-    ref: j(m, l),
+    ref: j(v, l),
     ...c,
     "cmdk-group": "",
     role: "presentation",
@@ -302,7 +302,7 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
     role: "separator"
   });
 }), Oe = n.forwardRef((t, l) => {
-  let { onValueChange: r, ...f } = t, u = t.value != null, c = te(), d = C((i) => i.search), m = C((i) => i.selectedItemId), b = L();
+  let { onValueChange: r, ...f } = t, u = t.value != null, c = te(), d = C((i) => i.search), v = C((i) => i.selectedItemId), b = L();
   return n.useEffect(() => {
     t.value != null && c.setState("search", t.value);
   }, [t.value]), n.createElement(R.input, {
@@ -317,7 +317,7 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
     "aria-expanded": !0,
     "aria-controls": b.listId,
     "aria-labelledby": b.labelId,
-    "aria-activedescendant": m,
+    "aria-activedescendant": v,
     id: b.inputId,
     type: "text",
     value: u ? t.value : d,
@@ -326,7 +326,7 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
     }
   });
 }), Be = n.forwardRef((t, l) => {
-  let { children: r, label: f = "Suggestions", ...u } = t, c = n.useRef(null), d = n.useRef(null), m = C((i) => i.selectedItemId), b = L();
+  let { children: r, label: f = "Suggestions", ...u } = t, c = n.useRef(null), d = n.useRef(null), v = C((i) => i.selectedItemId), b = L();
   return n.useEffect(() => {
     if (d.current && c.current) {
       let i = d.current, p = c.current, h, I = new ResizeObserver(() => {
@@ -345,7 +345,7 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
     "cmdk-list": "",
     role: "listbox",
     tabIndex: -1,
-    "aria-activedescendant": m,
+    "aria-activedescendant": v,
     "aria-label": f,
     id: b.listId
   }, B(t, (i) => n.createElement("div", {
@@ -353,20 +353,20 @@ var V = '[cmdk-group=""]', Z = '[cmdk-group-items=""]', qe = '[cmdk-group-headin
     "cmdk-list-sizer": ""
   }, i)));
 }), ze = n.forwardRef((t, l) => {
-  let { open: r, onOpenChange: f, overlayClassName: u, contentClassName: c, container: d, ...m } = t;
-  return n.createElement(Ee, {
+  let { open: r, onOpenChange: f, overlayClassName: u, contentClassName: c, container: d, ...v } = t;
+  return n.createElement(Ie, {
     open: r,
     onOpenChange: f
-  }, n.createElement(Ie, { container: d }, n.createElement(Se, {
+  }, n.createElement(ke, { container: d }, n.createElement(Ee, {
     "cmdk-overlay": "",
     className: u
-  }), n.createElement(ke, {
+  }), n.createElement(Se, {
     "aria-label": t.label,
     "cmdk-dialog": "",
     className: c
   }, n.createElement(ge, {
     ref: l,
-    ...m
+    ...v
   }))));
 }), Ue = n.forwardRef((t, l) => C((r) => r.filtered.count === 0) ? n.createElement(R.div, {
   ref: l,
@@ -428,14 +428,14 @@ function we(t, l, r, f = []) {
   let u = n.useRef(), c = L();
   return $(() => {
     var d;
-    let m = (() => {
+    let v = (() => {
       var i;
       for (let p of r) {
         if (typeof p == "string") return p.trim();
         if (typeof p == "object" && "current" in p) return p.current ? (i = p.current.textContent) == null ? void 0 : i.trim() : u.current;
       }
     })(), b = f.map((i) => i.trim());
-    c.value(t, m, b), (d = l.current) == null || d.setAttribute(F, m), u.current = m;
+    c.value(t, v, b), (d = l.current) == null || d.setAttribute(F, v), u.current = v;
   }), u;
 }
 var We = () => {