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

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

@@ -1,138 +1,135 @@
-import { jsx as V } from "react/jsx-runtime";
-import { useRef as k, useState as R, useEffect as g, useCallback as S } from "react";
-import { MultiSelectDropdownContext as C } from "./MultiSelectDropdown.context.js";
-import { useToggle as E } from "../../../hooks/useToggle.js";
-const q = ({
-  children: x,
-  defaultOptions: r = [],
-  multiselect: i = !0,
-  value: f,
-  onChange: m,
-  onBlur: u,
-  name: h,
-  isLoading: b,
-  noOptionsText: j
-}) => {
-  const d = k(null), [w, I] = E(!1), [y, p] = R(r), [c, v] = R([]), o = f !== void 0;
-  g(() => {
-    if (!o) {
-      const n = new Set(
-        c.map((e) => e.id)
-      );
-      p(
-        i ? r.filter((e) => !n.has(e.id)) : r.map((e) => ({
-          ...e,
-          isSelected: n.has(e.id)
-        }))
-      );
+import { jsx as A } from "react/jsx-runtime";
+import { c as F } from "../../../compiler-runtime-DA41awpA.js";
+import { useRef as G, useState as k, useEffect as q } from "react";
+import { MultiSelectDropdownContext as H } from "./MultiSelectDropdown.context.js";
+import { useToggle as K } from "../../../hooks/useToggle.js";
+const le = (r) => {
+  const e = F.c(46), {
+    children: O,
+    defaultOptions: a,
+    multiselect: $,
+    value: S,
+    onChange: h,
+    onBlur: w,
+    name: P,
+    isLoading: T,
+    noOptionsText: V
+  } = r;
+  let g;
+  e[0] !== a ? (g = a === void 0 ? [] : a, e[0] = a, e[1] = g) : g = e[1];
+  const n = g, o = $ === void 0 ? !0 : $, v = G(null), [p, B] = K(!1), [J, I] = k(n);
+  let _;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = [], e[2] = _) : _ = e[2];
+  const [i, L] = k(_), l = S !== void 0;
+  let x, R;
+  e[3] !== n || e[4] !== l || e[5] !== o || e[6] !== i ? (x = () => {
+    if (!l) {
+      const s = new Set(i.map(Q));
+      I(o ? n.filter((t) => !s.has(t.id)) : n.map((t) => ({
+        ...t,
+        isSelected: s.has(t.id)
+      })));
     }
-  }, [r, i, o, c]), g(() => {
-    if (o) {
-      const n = f || [];
-      v(n);
-      const e = new Set(n.map((s) => s.id));
-      p(
-        i ? r.filter((s) => !e.has(s.id)) : r.map((s) => ({
-          ...s,
-          isSelected: e.has(s.id)
-        }))
-      );
+  }, R = [n, o, l, i], e[3] = n, e[4] = l, e[5] = o, e[6] = i, e[7] = x, e[8] = R) : (x = e[7], R = e[8]), q(x, R);
+  let b, y;
+  e[9] !== n || e[10] !== l || e[11] !== o || e[12] !== S ? (b = () => {
+    if (l) {
+      const s = S || [];
+      L(s);
+      const t = new Set(s.map(W));
+      I(o ? n.filter((d) => !t.has(d.id)) : n.map((d) => ({
+        ...d,
+        isSelected: t.has(d.id)
+      })));
     }
-  }, [f, o, r, i]);
-  const l = S(
-    (n) => {
-      const e = n.map(({ id: t, value: O, label: P }) => ({
-        id: t,
-        value: O ?? P
-      })), s = JSON.stringify(e);
-      d.current && (d.current.value = s), m && m({
-        target: {
-          value: n,
-          name: h ?? ""
-        }
-      });
-    },
-    [m, h]
-  ), a = S(
-    (n) => {
-      const e = w;
-      I(n), e && n === !1 && u && d.current && u({
-        target: d.current,
-        type: "blur"
-      });
-    },
-    [w, I, u, d]
-  ), D = S(
-    (n) => {
-      if (o) {
-        const t = [
-          ...i ? c : [],
-          n
-        ];
-        l(t), a(!1);
-        return;
-      }
-      const e = [
-        ...i ? c : [],
-        n
-      ];
-      v(e);
-      const s = e.map((t) => t.id);
-      p(() => i ? r.filter(
-        (t) => !s.includes(t.id)
-      ) : r.map((t) => ({
-        ...t,
-        isSelected: s.includes(t.id)
-      }))), l(e), a(!1);
-    },
-    [
-      r,
-      l,
-      i,
-      c,
-      a,
-      o
-    ]
-  ), M = S(
-    (n) => {
-      if (o) {
-        const t = c.filter(
-          (O) => O.id !== n.id
-        );
-        l(t);
-        return;
+  }, y = [S, l, n, o], e[9] = n, e[10] = l, e[11] = o, e[12] = S, e[13] = b, e[14] = y) : (b = e[13], y = e[14]), q(b, y);
+  let C;
+  e[15] !== P || e[16] !== h ? (C = (s) => {
+    const t = s.map(X), d = JSON.stringify(t);
+    v.current && (v.current.value = d), h && h({
+      target: {
+        value: s,
+        name: P ?? ""
       }
-      const e = c.filter(
-        (t) => t.id !== n.id
-      );
-      v(e);
-      const s = e.map((t) => t.id);
-      p(
-        () => r.filter(
-          (t) => !s.includes(t.id)
-        )
-      ), l(e);
-    },
-    [r, l, c, o]
-  );
-  return /* @__PURE__ */ V(
-    C.Provider,
-    {
-      value: {
-        options: y,
-        selectedOptions: c,
-        isOpen: w,
-        inputRef: d,
-        onSelectOption: D,
-        onRemoveOption: M,
-        onOpen: a,
-        isLoading: b,
-        noOptionsText: j
-      },
-      children: x
+    });
+  }, e[15] = P, e[16] = h, e[17] = C) : C = e[17];
+  const u = C;
+  let j;
+  e[18] !== p || e[19] !== w || e[20] !== B ? (j = (s) => {
+    const t = p;
+    B(s), t && s === !1 && w && v.current && w({
+      target: v.current,
+      type: "blur"
+    });
+  }, e[18] = p, e[19] = w, e[20] = B, e[21] = j) : j = e[21];
+  const f = j;
+  let D;
+  e[22] !== n || e[23] !== f || e[24] !== u || e[25] !== l || e[26] !== o || e[27] !== i ? (D = (s) => {
+    if (l) {
+      const c = [...o ? i : [], s];
+      u(c), f(!1);
+      return;
+    }
+    const t = [...o ? i : [], s];
+    L(t);
+    const d = t.map(Y);
+    I(() => o ? n.filter((c) => !d.includes(c.id)) : n.map((c) => ({
+      ...c,
+      isSelected: d.includes(c.id)
+    }))), u(t), f(!1);
+  }, e[22] = n, e[23] = f, e[24] = u, e[25] = l, e[26] = o, e[27] = i, e[28] = D) : D = e[28];
+  const N = D;
+  let E;
+  e[29] !== n || e[30] !== u || e[31] !== l || e[32] !== i ? (E = (s) => {
+    if (l) {
+      const c = i.filter((z) => z.id !== s.id);
+      u(c);
+      return;
     }
-  );
+    const t = i.filter((c) => c.id !== s.id);
+    L(t);
+    const d = t.map(Z);
+    I(() => n.filter((c) => !d.includes(c.id))), u(t);
+  }, e[29] = n, e[30] = u, e[31] = l, e[32] = i, e[33] = E) : E = e[33];
+  const U = E;
+  let m;
+  e[34] !== f || e[35] !== U || e[36] !== N || e[37] !== T || e[38] !== p || e[39] !== V || e[40] !== J || e[41] !== i ? (m = {
+    options: J,
+    selectedOptions: i,
+    isOpen: p,
+    inputRef: v,
+    onSelectOption: N,
+    onRemoveOption: U,
+    onOpen: f,
+    isLoading: T,
+    noOptionsText: V
+  }, e[34] = f, e[35] = U, e[36] = N, e[37] = T, e[38] = p, e[39] = V, e[40] = J, e[41] = i, e[42] = m) : m = e[42];
+  let M;
+  return e[43] !== O || e[44] !== m ? (M = /* @__PURE__ */ A(H.Provider, { value: m, children: O }), e[43] = O, e[44] = m, e[45] = M) : M = e[45], M;
 };
+function Q(r) {
+  return r.id;
+}
+function W(r) {
+  return r.id;
+}
+function X(r) {
+  const {
+    id: e,
+    value: O,
+    label: a
+  } = r;
+  return {
+    id: e,
+    value: O ?? a
+  };
+}
+function Y(r) {
+  return r.id;
+}
+function Z(r) {
+  return r.id;
+}
 export {
-  q as MultiSelectDropdownProvider
+  le as MultiSelectDropdownProvider
 };

package/dist/components/MultiSelectDropdown/hooks/useMultiSelectDropdown.js

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

package/dist/components/PhoneNumberInput/PhoneNumberInput.js

@@ -1,8 +1,21 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { PhoneNumberProvider as t } from "./contexts/phone-number.provider.js";
-import { Wrapper as f } from "./components/Wrapper.js";
-const u = p(({ defaultCountryCode: o = "US", ...m }, e) => /* @__PURE__ */ r(t, { defaultCountryCode: o, children: /* @__PURE__ */ r(f, { ref: e, ...m }) }));
+import { jsx as p } from "react/jsx-runtime";
+import { c as d } from "../../compiler-runtime-DA41awpA.js";
+import { forwardRef as f } from "react";
+import { Wrapper as s } from "./components/Wrapper.js";
+import { PhoneNumberProvider as u } from "./contexts/phone-number.provider.js";
+const P = f((i, l) => {
+  const e = d.c(9);
+  let o, t;
+  e[0] !== i ? ({
+    defaultCountryCode: t,
+    ...o
+  } = i, e[0] = i, e[1] = o, e[2] = t) : (o = e[1], t = e[2]);
+  const n = t === void 0 ? "US" : t;
+  let r;
+  e[3] !== o || e[4] !== l ? (r = /* @__PURE__ */ p(s, { ref: l, ...o }), e[3] = o, e[4] = l, e[5] = r) : r = e[5];
+  let m;
+  return e[6] !== n || e[7] !== r ? (m = /* @__PURE__ */ p(u, { defaultCountryCode: n, children: r }), e[6] = n, e[7] = r, e[8] = m) : m = e[8], m;
+});
 export {
-  u as PhoneNumberInput
+  P as PhoneNumberInput
 };

package/dist/components/PhoneNumberInput/PhoneNumberInput.variants.js

@@ -1,45 +1,15 @@
 import { c as r } from "../../index-D29mdTf5.js";
-const t = r(
-  [
-    "text-sm",
-    "relative",
-    "border",
-    "border-gray-300",
-    "rounded",
-    "data-[state=open]:border-aurora-500",
-    "focus-within:border-aurora-500",
-    "transition-colors",
-    "duration-150",
-    "dark:border-metal-700",
-    "dark:bg-metal-800",
-    "dark:data-[state=open]:border-metal-700",
-    "dark:focus-within:border-metal-700"
-  ],
-  {
-    variants: {
-      variant: {
-        default: [],
-        error: [
-          "border-red-600",
-          "dark:border-red-500",
-          "data-[state=open]:border-red-500",
-          "focus-within:border-red-500",
-          "pr-8",
-          "focus-visible:ring-transparent"
-        ]
-      }
-    },
-    defaultVariants: {
-      variant: "default"
+const t = r(["text-sm", "relative", "border", "border-gray-300", "rounded", "data-[state=open]:border-aurora-500", "focus-within:border-aurora-500", "transition-colors", "duration-150", "dark:border-metal-700", "dark:bg-metal-800", "dark:data-[state=open]:border-metal-700", "dark:focus-within:border-metal-700"], {
+  variants: {
+    variant: {
+      default: [],
+      error: ["border-red-600", "dark:border-red-500", "data-[state=open]:border-red-500", "focus-within:border-red-500", "pr-8", "focus-visible:ring-transparent"]
     }
+  },
+  defaultVariants: {
+    variant: "default"
   }
-), e = r([
-  "cursor-pointer",
-  "text-sm",
-  "leading-5",
-  "tracking-[0.1px]",
-  "dark:text-slate-50"
-]);
+}), e = r(["cursor-pointer", "text-sm", "leading-5", "tracking-[0.1px]", "dark:text-slate-50"]);
 export {
   e as labelVariants,
   t as phoneNumberInputVariants

package/dist/components/PhoneNumberInput/components/FlagContent/FlagContent.js

@@ -1,36 +1,31 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { cn as s } from "../../../../utils/index.js";
-import { C as l } from "../../../../chevron-up-IlDPxR7j.js";
-import { usePhoneNumberContext as c } from "../../contexts/phone-number.hook.js";
-const u = () => {
-  const { selectedCountry: o, isOpenSelector: t, handleOpenSelector: a } = c(), { flag: n } = o;
-  return /* @__PURE__ */ r(
-    "button",
-    {
-      type: "button",
-      className: "flex items-center gap-2 cursor-pointer",
-      onClick: () => a(!t),
-      children: [
-        /* @__PURE__ */ e(n, {}),
-        /* @__PURE__ */ e(
-          l,
-          {
-            className: s(
-              "transition-all",
-              "duration-100",
-              "data-[state=open]:rotate-0",
-              "data-[state=closed]:rotate-180",
-              "w-5",
-              "h-5",
-              "text-slate-400"
-            ),
-            "data-state": t ? "open" : "closed"
-          }
-        )
-      ]
-    }
-  );
+import { jsx as m, jsxs as f } from "react/jsx-runtime";
+import { c as d } from "../../../../compiler-runtime-DA41awpA.js";
+import { cn as u } from "../../../../utils/index.js";
+import { C as x } from "../../../../chevron-up-IlDPxR7j.js";
+import { usePhoneNumberContext as h } from "../../contexts/phone-number.hook.js";
+const S = () => {
+  const t = d.c(12), {
+    selectedCountry: p,
+    isOpenSelector: r,
+    handleOpenSelector: a
+  } = h(), {
+    flag: c
+  } = p;
+  let e;
+  t[0] !== a || t[1] !== r ? (e = () => a(!r), t[0] = a, t[1] = r, t[2] = e) : e = t[2];
+  let o;
+  t[3] !== c ? (o = /* @__PURE__ */ m(c, {}), t[3] = c, t[4] = o) : o = t[4];
+  let l;
+  t[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = u("transition-all", "duration-100", "data-[state=open]:rotate-0", "data-[state=closed]:rotate-180", "w-5", "h-5", "text-slate-400"), t[5] = l) : l = t[5];
+  const i = r ? "open" : "closed";
+  let s;
+  t[6] !== i ? (s = /* @__PURE__ */ m(x, { className: l, "data-state": i }), t[6] = i, t[7] = s) : s = t[7];
+  let n;
+  return t[8] !== e || t[9] !== o || t[10] !== s ? (n = /* @__PURE__ */ f("button", { type: "button", className: "flex items-center gap-2 cursor-pointer", onClick: e, children: [
+    o,
+    s
+  ] }), t[8] = e, t[9] = o, t[10] = s, t[11] = n) : n = t[11], n;
 };
 export {
-  u as FlagContent
+  S as FlagContent
 };