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

package/dist/components/TagSelect/components/Wrapper/Wrapper.js

@@ -1,71 +1,4 @@
-import "../Item/Item.js";
-import { List as H } from "../List/List.js";
-import { jsx as t, jsxs as $ } from "react/jsx-runtime";
-import { c as L } from "../../../../compiler-runtime-DA41awpA.js";
-import { forwardRef as U, useId as X, useImperativeHandle as q } from "react";
-import { Tag as z } from "../../../Tag/Tag.js";
-import { cn as d } from "../../../../utils/index.js";
-import { useTagSelect as A } from "../../hooks/useTagSelect.js";
-import { wrapperVariants as B, labelVariants as D, tagSelectVariants as G } from "../../TagSelect.variants.js";
-import { X as J } from "../../../../x-Eoa9FJjA.js";
-import { C as K } from "../../../../chevron-up-DEfvgPCw.js";
-import { useTagSelect as M } from "../../contexts/TagSelect.hook.js";
-const ne = U((E, F) => {
-  const e = L.c(40), {
-    label: h,
-    labelClassName: w,
-    labelWrapperClassName: S,
-    name: l,
-    placeholder: _,
-    theme: T,
-    wrapperClassName: R
-  } = E, k = _ === void 0 ? "Select a value..." : _, u = X(), {
-    selectedTags: N,
-    isOpen: a,
-    onOpen: I,
-    onRemoveTag: O,
-    inputRef: s
-  } = M(), {
-    wrapperRef: V,
-    handleOpen: j
-  } = A();
-  let x, b;
-  e[0] !== s ? (x = () => s.current, b = [s], e[0] = s, e[1] = x, e[2] = b) : (x = e[1], b = e[2]), q(F, x, b);
-  let r;
-  e[3] !== R ? (r = d(B({
-    className: R
-  })), e[3] = R, e[4] = r) : r = e[4];
-  let i;
-  e[5] !== u || e[6] !== h || e[7] !== w || e[8] !== S || e[9] !== l || e[10] !== I ? (i = h ? /* @__PURE__ */ t("div", { className: d(S), children: /* @__PURE__ */ t("label", { htmlFor: l ?? u, className: d(D({
-    className: w
-  })), onClick: () => I(!0), children: h }) }) : null, e[5] = u, e[6] = h, e[7] = w, e[8] = S, e[9] = l, e[10] = I, e[11] = i) : i = e[11];
-  const y = l ?? u;
-  let v;
-  e[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (v = d(G()), e[12] = v) : v = e[12];
-  let o;
-  e[13] !== O || e[14] !== k || e[15] !== N ? (o = N.length === 0 ? /* @__PURE__ */ t("span", { className: "text-base text-inherit select-none", children: k }) : /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-1.5", children: N.map((g) => /* @__PURE__ */ t(z, { ...g, className: "select-none", rightIcon: /* @__PURE__ */ t(J, { className: "w-3 h-3", onClick: () => O(g) }), "data-value": g.label }, g.id)) }), e[13] = O, e[14] = k, e[15] = N, e[16] = o) : o = e[16];
-  const W = a ? "rotate-0" : "rotate-180";
-  let n;
-  e[17] !== W ? (n = d("w-4 h-4 text-inherit transition-all duration-50 shrink-0", W), e[17] = W, e[18] = n) : n = e[18];
-  let m;
-  e[19] !== n ? (m = /* @__PURE__ */ t(K, { className: n }), e[19] = n, e[20] = m) : m = e[20];
-  let c;
-  e[21] !== j || e[22] !== a || e[23] !== m || e[24] !== y || e[25] !== o ? (c = /* @__PURE__ */ $("div", { id: y, className: v, role: "combobox", onClick: j, "aria-expanded": a, children: [
-    o,
-    m
-  ] }), e[21] = j, e[22] = a, e[23] = m, e[24] = y, e[25] = o, e[26] = c) : c = e[26];
-  let p;
-  e[27] !== s || e[28] !== l ? (p = /* @__PURE__ */ t("input", { ref: s, type: "text", name: l, className: "hidden" }), e[27] = s, e[28] = l, e[29] = p) : p = e[29];
-  let f;
-  e[30] !== a ? (f = a ? /* @__PURE__ */ t(H, {}) : null, e[30] = a, e[31] = f) : f = e[31];
-  let C;
-  return e[32] !== c || e[33] !== p || e[34] !== f || e[35] !== r || e[36] !== i || e[37] !== T || e[38] !== V ? (C = /* @__PURE__ */ $("div", { ref: V, className: r, "data-theme": T, children: [
-    i,
-    c,
-    p,
-    f
-  ] }), e[32] = c, e[33] = p, e[34] = f, e[35] = r, e[36] = i, e[37] = T, e[38] = V, e[39] = C) : C = e[39], C;
-});
+import { t as p } from "../../../../Wrapper-CjUokv72.js";
 export {
-  ne as Wrapper
+  p as Wrapper
 };

package/dist/components/TagSelect/components/index.js

@@ -1,8 +1,8 @@
-import { Item as e } from "./Item/Item.js";
-import { List as t } from "./List/List.js";
-import { Wrapper as f } from "./Wrapper/Wrapper.js";
+import { t as m } from "../../../Wrapper-CjUokv72.js";
+import { Item as t } from "./Item/Item.js";
+import { List as i } from "./List/List.js";
 export {
-  e as Item,
-  t as List,
-  f as Wrapper
+  t as Item,
+  i as List,
+  m as Wrapper
 };

package/dist/components/TagSelect/contexts/TagSelect.context.js

@@ -1,5 +1,5 @@
 import { createContext as e } from "react";
-const t = {
+var t = {
   tags: [],
   selectedTags: [],
   isOpen: !1,

package/dist/components/TagSelect/contexts/TagSelect.hook.js

@@ -1,11 +1,10 @@
-import { useContext as t } from "react";
-import { TagSelectContext as o } from "./TagSelect.context.js";
-const c = () => {
-  const e = t(o);
-  if (!e)
-    throw new Error("useTagSelect must be used within a TagSelectProvider");
+import { TagSelectContext as t } from "./TagSelect.context.js";
+import { useContext as r } from "react";
+var a = () => {
+  const e = r(t);
+  if (!e) throw new Error("useTagSelect must be used within a TagSelectProvider");
   return e;
 };
 export {
-  c as useTagSelect
+  a as useTagSelect
 };

package/dist/components/TagSelect/contexts/TagSelect.provider.js

@@ -1,79 +1,53 @@
-import { jsx as E } from "react/jsx-runtime";
-import { c as J } from "../../../compiler-runtime-DA41awpA.js";
-import { useRef as N, useState as C } from "react";
-import { TagSelectContext as U } from "./TagSelect.context.js";
-import { useToggle as V } from "../../../hooks/useToggle.js";
-const G = (o) => {
-  const e = J.c(24), {
-    children: a,
-    defaultOptions: d,
-    multiselect: y
-  } = o;
-  let u;
-  e[0] !== d ? (u = d === void 0 ? [] : d, e[0] = d, e[1] = u) : u = e[1];
-  const n = u, f = y === void 0 ? !0 : y, h = N(null), [O, i] = V(!1), [R, w] = C(n);
-  let m;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = [], e[2] = m) : m = e[2];
-  const [t, P] = C(m);
-  let p;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = (c) => {
-    if (h.current) {
-      const s = c.map($);
-      h.current.value = JSON.stringify(s);
+import { useToggle as I } from "../../../hooks/useToggle.js";
+import { TagSelectContext as R } from "./TagSelect.context.js";
+import { useCallback as l, useRef as x, useState as T } from "react";
+import { jsx as w } from "react/jsx-runtime";
+var k = ({ children: m, defaultOptions: n = [], multiselect: d = !0 }) => {
+  const i = x(null), [p, c] = I(!1), [S, g] = T(n), [a, u] = T([]), o = l((t) => {
+    if (i.current) {
+      const s = t.map(({ id: r, label: e }) => ({
+        id: r,
+        value: e
+      }));
+      i.current.value = JSON.stringify(s);
     }
-  }, e[3] = p) : p = e[3];
-  const j = p;
-  let g;
-  e[4] !== n || e[5] !== f || e[6] !== t || e[7] !== i ? (g = (c) => {
-    const s = [...f ? t : [], c];
-    P(s);
-    const _ = s.map(k);
-    w(() => f ? n.filter((l) => !_.includes(l.id)) : n.map((l) => ({
-      ...l,
-      isSelected: _.includes(l.id)
-    }))), j(s), i(!1);
-  }, e[4] = n, e[5] = f, e[6] = t, e[7] = i, e[8] = g) : g = e[8];
-  const x = g;
-  let T;
-  e[9] !== n || e[10] !== t ? (T = (c) => {
-    const s = t.filter((l) => l.id !== c.id);
-    P(s);
-    const _ = s.map(q);
-    w(() => n.filter((l) => !_.includes(l.id))), j(s);
-  }, e[9] = n, e[10] = t, e[11] = T) : T = e[11];
-  const I = T;
-  let S;
-  e[12] !== i ? (S = (c) => i(c), e[12] = i, e[13] = S) : S = e[13];
-  const b = S;
-  let r;
-  e[14] !== b || e[15] !== I || e[16] !== x || e[17] !== O || e[18] !== t || e[19] !== R ? (r = {
-    tags: R,
-    selectedTags: t,
-    isOpen: O,
-    inputRef: h,
-    onSelectTag: x,
-    onRemoveTag: I,
-    onOpen: b
-  }, e[14] = b, e[15] = I, e[16] = x, e[17] = O, e[18] = t, e[19] = R, e[20] = r) : r = e[20];
-  let v;
-  return e[21] !== a || e[22] !== r ? (v = /* @__PURE__ */ E(U.Provider, { value: r, children: a }), e[21] = a, e[22] = r, e[23] = v) : v = e[23], v;
+  }, []), f = l((t) => {
+    const s = [...d ? a : [], t];
+    u(s);
+    const r = s.map((e) => e.id);
+    g(() => d ? n.filter((e) => !r.includes(e.id)) : n.map((e) => ({
+      ...e,
+      isSelected: r.includes(e.id)
+    }))), o(s), c(!1);
+  }, [
+    n,
+    o,
+    d,
+    a,
+    c
+  ]), v = l((t) => {
+    const s = a.filter((e) => e.id !== t.id);
+    u(s);
+    const r = s.map((e) => e.id);
+    g(() => n.filter((e) => !r.includes(e.id))), o(s);
+  }, [
+    n,
+    o,
+    a
+  ]), h = l((t) => c(t), [c]);
+  return /* @__PURE__ */ w(R.Provider, {
+    value: {
+      tags: S,
+      selectedTags: a,
+      isOpen: p,
+      inputRef: i,
+      onSelectTag: f,
+      onRemoveTag: v,
+      onOpen: h
+    },
+    children: m
+  });
 };
-function $(o) {
-  const {
-    id: e,
-    label: a
-  } = o;
-  return {
-    id: e,
-    value: a
-  };
-}
-function k(o) {
-  return o.id;
-}
-function q(o) {
-  return o.id;
-}
 export {
-  G as TagSelectProvider
+  k as TagSelectProvider
 };

package/dist/components/TagSelect/contexts/index.js

@@ -1,6 +1,6 @@
-import { useTagSelect as o } from "./TagSelect.hook.js";
-import { TagSelectProvider as a } from "./TagSelect.provider.js";
+import { useTagSelect as r } from "./TagSelect.hook.js";
+import { TagSelectProvider as t } from "./TagSelect.provider.js";
 export {
-  a as TagSelectProvider,
-  o as useTagSelect
+  t as TagSelectProvider,
+  r as useTagSelect
 };

package/dist/components/TagSelect/hooks/useTagSelect.js

@@ -1,36 +1,23 @@
-import { c as d } from "../../../compiler-runtime-DA41awpA.js";
-import { useRef as p, useEffect as g } from "react";
-import { useTagSelect as m } from "../contexts/TagSelect.hook.js";
-const b = () => {
-  const e = d.c(7), l = p(null), {
-    onOpen: t
-  } = m();
-  let a, s;
-  e[0] !== t ? (a = () => {
-    const n = new AbortController(), u = (i) => {
-      i.key === "Escape" && t(!1);
-    }, f = (i) => {
-      l.current?.contains(i.target) || t(!1);
+import { useTagSelect as o } from "../contexts/TagSelect.hook.js";
+import { useCallback as l, useEffect as c, useRef as u } from "react";
+var f = () => {
+  const n = u(null), { onOpen: e } = o();
+  return c(() => {
+    const t = new AbortController(), r = (a) => {
+      a.key === "Escape" && e(!1);
+    }, s = (a) => {
+      n.current?.contains(a.target) || e(!1);
     };
-    return document.addEventListener("keydown", u, {
-      signal: n.signal
-    }), document.addEventListener("mousedown", f, {
-      signal: n.signal
-    }), () => {
-      n.abort();
+    return document.addEventListener("keydown", r, { signal: t.signal }), document.addEventListener("mousedown", s, { signal: t.signal }), () => {
+      t.abort();
     };
-  }, s = [t, l], e[0] = t, e[1] = a, e[2] = s) : (a = e[1], s = e[2]), g(a, s);
-  let o;
-  e[3] !== t ? (o = (n) => {
-    n.target?.closest("[data-value]") || t(!0);
-  }, e[3] = t, e[4] = o) : o = e[4];
-  const c = o;
-  let r;
-  return e[5] !== c ? (r = {
-    wrapperRef: l,
-    handleOpen: c
-  }, e[5] = c, e[6] = r) : r = e[6], r;
+  }, [e, n]), {
+    wrapperRef: n,
+    handleOpen: l((t) => {
+      t.target?.closest("[data-value]") || e(!0);
+    }, [e])
+  };
 };
 export {
-  b as useTagSelect
+  f as useTagSelect
 };

package/dist/components/TextArea/TextArea.js

@@ -1,38 +1,30 @@
-import { jsx as b, jsxs as A } from "react/jsx-runtime";
-import { c as I } from "../../compiler-runtime-DA41awpA.js";
-import { forwardRef as R, useId as V } from "react";
-import { cn as j } from "../../utils/index.js";
-import { textAreaVariants as $ } from "./TextArea.variants.js";
-const W = R((h, u) => {
-  const e = I.c(28);
-  let a, d, l, s, f, r, t, p, o;
-  e[0] !== h ? ({
-    initialValue: d,
-    label: l,
-    labelWrapperClassName: s,
-    name: f,
-    placeholder: r,
-    rows: p,
-    theme: o,
-    className: a,
-    ...t
-  } = h, e[0] = h, e[1] = a, e[2] = d, e[3] = l, e[4] = s, e[5] = f, e[6] = r, e[7] = t, e[8] = p, e[9] = o) : (a = e[1], d = e[2], l = e[3], s = e[4], f = e[5], r = e[6], t = e[7], p = e[8], o = e[9]);
-  const N = p === void 0 ? 3 : p, w = V(), i = f ? `${w}-name` : w;
-  let m;
-  e[10] !== i || e[11] !== l || e[12] !== s ? (m = l ? /* @__PURE__ */ b("div", { className: j(s), children: /* @__PURE__ */ b("label", { htmlFor: i, className: "cursor-pointer", children: l }) }) : null, e[10] = i, e[11] = l, e[12] = s, e[13] = m) : m = e[13];
-  let c;
-  e[14] !== a ? (c = j($({
-    className: a
-  })), e[14] = a, e[15] = c) : c = e[15];
-  const v = d ?? t.value;
-  let n;
-  e[16] !== i || e[17] !== r || e[18] !== t || e[19] !== u || e[20] !== N || e[21] !== c || e[22] !== v ? (n = /* @__PURE__ */ b("textarea", { id: i, ref: u, className: c, rows: N, placeholder: r, value: v, ...t }), e[16] = i, e[17] = r, e[18] = t, e[19] = u, e[20] = N, e[21] = c, e[22] = v, e[23] = n) : n = e[23];
-  let x;
-  return e[24] !== m || e[25] !== n || e[26] !== o ? (x = /* @__PURE__ */ A("div", { className: "flex flex-col gap-2", "data-theme": o, children: [
-    m,
-    n
-  ] }), e[24] = m, e[25] = n, e[26] = o, e[27] = x) : x = e[27], x;
+import { t as m } from "../../utils-DHuiYnx1.js";
+import { textAreaVariants as h } from "./TextArea.variants.js";
+import { forwardRef as u, useId as p } from "react";
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+var g = u(({ initialValue: s, label: r, labelWrapperClassName: o, name: i, placeholder: c, rows: d = 3, theme: n, className: f, ...a }, x) => {
+  const t = p(), l = i ? `${t}-name` : t;
+  return /* @__PURE__ */ v("div", {
+    className: "flex flex-col gap-2",
+    "data-theme": n,
+    children: [r ? /* @__PURE__ */ e("div", {
+      className: m(o),
+      children: /* @__PURE__ */ e("label", {
+        htmlFor: l,
+        className: "cursor-pointer",
+        children: r
+      })
+    }) : null, /* @__PURE__ */ e("textarea", {
+      id: l,
+      ref: x,
+      className: m(h({ className: f })),
+      rows: d,
+      placeholder: c,
+      value: s ?? a.value,
+      ...a
+    })]
+  });
 });
 export {
-  W as TextArea
+  g as TextArea
 };

package/dist/components/TextArea/TextArea.variants.js

@@ -1,5 +1,20 @@
-import { c as r } from "../../index-D29mdTf5.js";
-const o = r(["border", "border-gray-200", "disabled:cursor-not-allowed", "disabled:opacity-50", "focus-visible:outline-none", "focus-visible:ring-1", "focus-visible:ring-ring", "p-2", "placeholder:text-gray-300", "resize-none", "rounded-md", "shadow-xs", "w-full", "focus:ring-kubefirst-primary"]);
+import { t as r } from "../../dist-DtEbXv47.js";
+var i = r([
+  "border",
+  "border-gray-200",
+  "disabled:cursor-not-allowed",
+  "disabled:opacity-50",
+  "focus-visible:outline-none",
+  "focus-visible:ring-1",
+  "focus-visible:ring-ring",
+  "p-2",
+  "placeholder:text-gray-300",
+  "resize-none",
+  "rounded-md",
+  "shadow-xs",
+  "w-full",
+  "focus:ring-kubefirst-primary"
+]);
 export {
-  o as textAreaVariants
+  i as textAreaVariants
 };

package/dist/components/TimePicker/TimePicker.js

@@ -1,25 +1,17 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as h } from "../../compiler-runtime-DA41awpA.js";
-import { TimePickerProvider as u } from "./contexts/time-picker.provider.js";
-import { Wrapper as v } from "./components/Wrapper/Wrapper.js";
-const P = (n) => {
-  const e = h.c(16);
-  let t, o, m, s, l, r;
-  e[0] !== n ? ({
-    format: m,
-    mode: s,
-    showList: l,
-    time: r,
-    onChange: o,
-    ...t
-  } = n, e[0] = n, e[1] = t, e[2] = o, e[3] = m, e[4] = s, e[5] = l, e[6] = r) : (t = e[1], o = e[2], m = e[3], s = e[4], l = e[5], r = e[6]);
-  const d = m === void 0 ? "12" : m, p = s === void 0 ? "select" : s, f = l === void 0 ? !0 : l;
-  let i;
-  e[7] !== t || e[8] !== p || e[9] !== f ? (i = /* @__PURE__ */ a(v, { mode: p, showList: f, ...t }), e[7] = t, e[8] = p, e[9] = f, e[10] = i) : i = e[10];
-  let c;
-  return e[11] !== d || e[12] !== o || e[13] !== i || e[14] !== r ? (c = /* @__PURE__ */ a(u, { format: d, time: r, onChange: o, children: i }), e[11] = d, e[12] = o, e[13] = i, e[14] = r, e[15] = c) : c = e[15], c;
-};
-P.displayName = "KonstructTimePicker";
+import { TimePickerProvider as c } from "./contexts/time-picker.provider.js";
+import { Wrapper as a } from "./components/Wrapper/Wrapper.js";
+import { jsx as r } from "react/jsx-runtime";
+var s = ({ format: e = "12", mode: i = "select", showList: m = !0, time: o, onChange: t, ...p }) => /* @__PURE__ */ r(c, {
+  format: e,
+  time: o,
+  onChange: t,
+  children: /* @__PURE__ */ r(a, {
+    mode: i,
+    showList: m,
+    ...p
+  })
+});
+s.displayName = "KonstructTimePicker";
 export {
-  P as TimePicker
+  s as TimePicker
 };

package/dist/components/TimePicker/TimePicker.variants.js

@@ -1,5 +1,68 @@
-import { c as t } from "../../index-D29mdTf5.js";
-const r = t(["border", "rounded", "p-2.5", "w-full", "flex", "items-center", "justify-between", "bg-white", "border-gray-300", "dark:border-metal-700", "dark:bg-metal-800", "cursor-pointer", "transition-all", "transition-duration-100", "data-[open=true]:border-aurora-500", "text-sm", "text-slate-800", "dark:text-slate-50"]), e = t(["snap-y", "snap-mandatory", "overflow-y-scroll", "scrollbar-none", "flex", "flex-col", "dark:text-metal-50"]), o = t(["w-15", "h-10", "snap-start", "rounded", "transition-all", "transition-duration-100", "outline-none", "border-2", "border-transparent", "hover:bg-gray-100", "focus-within:bg-gray-100", "data-[active=true]:bg-blue-600", "data-[active=true]:text-white", "data-[active=true]:font-medium", "data-[active=true]:hover:border-blue-200", "data-[active=true]:focus-within:bg-blue-600", "data-[active=true]:focus-within:border-blue-200", "dark:data-[active=true]:bg-aurora-500", "dark:data-[active=true]:text-metal-900", "dark:data-[active=true]:hover:border-aurora-50", "dark:data-[active=true]:focus-within:bg-aurora-500", "dark:data-[active=true]:focus-within:border-aurora-50", "dark:hover:bg-metal-700", "dark:focus-within:bg-metal-700"]), i = t(["flex", "items-center", "justify-center", "cursor-pointer", "w-full", "h-full", "px-6", "py-3", "outline-none", "text-sm"]);
+import { t } from "../../dist-DtEbXv47.js";
+var r = t([
+  "border",
+  "rounded",
+  "p-2.5",
+  "w-full",
+  "flex",
+  "items-center",
+  "justify-between",
+  "bg-white",
+  "border-gray-300",
+  "dark:border-metal-700",
+  "dark:bg-metal-800",
+  "cursor-pointer",
+  "transition-all",
+  "transition-duration-100",
+  "data-[open=true]:border-aurora-500",
+  "text-sm",
+  "text-slate-800",
+  "dark:text-slate-50"
+]), e = t([
+  "snap-y",
+  "snap-mandatory",
+  "overflow-y-scroll",
+  "scrollbar-none",
+  "flex",
+  "flex-col",
+  "dark:text-metal-50"
+]), o = t([
+  "w-15",
+  "h-10",
+  "snap-start",
+  "rounded",
+  "transition-all",
+  "transition-duration-100",
+  "outline-none",
+  "border-2",
+  "border-transparent",
+  "hover:bg-gray-100",
+  "focus-within:bg-gray-100",
+  "data-[active=true]:bg-blue-600",
+  "data-[active=true]:text-white",
+  "data-[active=true]:font-medium",
+  "data-[active=true]:hover:border-blue-200",
+  "data-[active=true]:focus-within:bg-blue-600",
+  "data-[active=true]:focus-within:border-blue-200",
+  "dark:data-[active=true]:bg-aurora-500",
+  "dark:data-[active=true]:text-metal-900",
+  "dark:data-[active=true]:hover:border-aurora-50",
+  "dark:data-[active=true]:focus-within:bg-aurora-500",
+  "dark:data-[active=true]:focus-within:border-aurora-50",
+  "dark:hover:bg-metal-700",
+  "dark:focus-within:bg-metal-700"
+]), i = t([
+  "flex",
+  "items-center",
+  "justify-center",
+  "cursor-pointer",
+  "w-full",
+  "h-full",
+  "px-6",
+  "py-3",
+  "outline-none",
+  "text-sm"
+]);
 export {
   i as buttonVariants,
   o as liVariants,