@konstructio/ui 0.1.2-alpha.98 → 0.1.3

package/dist/components-C_LekSz_.js

@@ -1,120 +0,0 @@
-import { n as L } from "./Wrapper-F9NmImqw.js";
-import { t as o } from "./utils-COaoD3PI.js";
-import { LoaderIcon as I } from "./assets/icons/components/Loader.js";
-import { t as C } from "./x-DBIZFfaM.js";
-import { Badge as R } from "./components/Badge/Badge.js";
-import { Typography as N } from "./components/Typography/Typography.js";
-import { useMultiSelectDropdown as w } from "./components/MultiSelectDropdown/contexts/MultiSelectDropdown.hook.js";
-import { MultiSelectDropdownProvider as V } from "./components/MultiSelectDropdown/contexts/MultiSelectDropdown.provider.js";
-import { Item as g } from "./components/MultiSelectDropdown/components/Item/Item.js";
-import { listVariants as j } from "./components/MultiSelectDropdown/components/List/List.variants.js";
-import { useMultiSelectDropdown as T } from "./components/MultiSelectDropdown/hooks/useMultiSelectDropdown.js";
-import { labelVariants as W, multiSelectDropdownVariants as $, wrapperVariants as z } from "./components/MultiSelectDropdown/MultiSelectDropdown.variants.js";
-import { forwardRef as b, useId as B, useImperativeHandle as F } from "react";
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-var H = ({ theme: n }) => {
-  const { options: a, selectedOptions: r, isLoading: s, noOptionsText: l } = w();
-  return /* @__PURE__ */ e("ul", {
-    role: "listbox",
-    "data-theme": n,
-    className: o(j()),
-    children: s ? /* @__PURE__ */ e(g, {
-      option: {
-        id: "loading",
-        label: "Loading..."
-      },
-      className: "select-none pointer-events-none",
-      isSelected: !1
-    }, "loading") : a.length > 0 ? a.map((t) => /* @__PURE__ */ e(g, {
-      option: t,
-      isSelected: r.some((i) => i.id === t.id)
-    }, t.id)) : /* @__PURE__ */ e("li", {
-      className: "select-none",
-      children: /* @__PURE__ */ e(N, {
-        variant: "body2",
-        className: "italic px-2 py-2",
-        children: l ?? "No options"
-      })
-    })
-  });
-}, y = b(({ isRequired: n, label: a, labelClassName: r, labelWrapperClassName: s, name: l, placeholder: t = "", theme: i, wrapperClassName: m }, c) => {
-  const p = B(), x = l ? `${p}-name` : "id", { inputRef: u, isLoading: S, isOpen: f, selectedOptions: v, onOpen: O, onRemoveOption: D } = w(), { wrapperRef: M, handleOpen: k } = T();
-  return F(c, () => u.current, [u]), /* @__PURE__ */ h("div", {
-    ref: M,
-    className: o(z({ className: m })),
-    "data-theme": i,
-    children: [
-      a ? /* @__PURE__ */ e("div", {
-        className: o(s),
-        children: /* @__PURE__ */ h(N, {
-          component: "label",
-          variant: "labelLarge",
-          htmlFor: x,
-          className: o(W({ className: r })),
-          onClick: () => O(!0),
-          children: [
-            a,
-            " ",
-            n && /* @__PURE__ */ e(N, {
-              component: "span",
-              className: "text-red-500 dark:text-red-500 text-sm font-normal",
-              children: "*"
-            })
-          ]
-        })
-      }) : null,
-      /* @__PURE__ */ h("div", {
-        id: x,
-        className: o($()),
-        role: "combobox",
-        onClick: k,
-        "aria-expanded": f,
-        children: [v.length === 0 ? /* @__PURE__ */ e("span", {
-          className: "text-base text-inherit select-none",
-          children: t
-        }) : /* @__PURE__ */ e("div", {
-          className: "flex flex-wrap gap-2",
-          children: v.map((d) => /* @__PURE__ */ e(R, {
-            "data-value": d.label,
-            label: d.value ?? d.label ?? "",
-            className: "select-none",
-            rightIcon: /* @__PURE__ */ e(C, { onClick: () => D(d) })
-          }, d.id))
-        }), S ? /* @__PURE__ */ e(I, {
-          size: 16,
-          className: "animate-spin shrink-0 text-gray-400"
-        }) : /* @__PURE__ */ e(L, { className: o("w-4 h-4 transition-all duration-50 shrink-0 text-gray-400", f ? "rotate-0" : "rotate-180") })]
-      }),
-      /* @__PURE__ */ e("input", {
-        ref: u,
-        type: "text",
-        name: l,
-        className: "hidden",
-        readOnly: !0
-      }),
-      f ? /* @__PURE__ */ e(H, {}) : null
-    ]
-  });
-});
-y.displayName = "MultiSelectDropdownWrapper";
-var K = b(({ isLoading: n, multiselect: a, name: r, noOptionsText: s, options: l, value: t, onChange: i, onBlur: m, ...c }, p) => /* @__PURE__ */ e(V, {
-  defaultOptions: l,
-  multiselect: a,
-  value: t,
-  onChange: i,
-  onBlur: m,
-  name: r,
-  isLoading: n,
-  noOptionsText: s,
-  children: /* @__PURE__ */ e(y, {
-    ref: p,
-    name: r,
-    ...c
-  })
-}));
-K.displayName = "KonstructMultiSelectDropdown";
-export {
-  y as n,
-  H as r,
-  K as t
-};

package/dist/constants-CLe3ZLC_.js

@@ -1,31 +0,0 @@
-import { t } from "./utils-COaoD3PI.js";
-var o = (e) => ({
-  root: t("w-fit", e?.root),
-  months: t("flex", e?.months),
-  month: t("flex flex-col w-[259px]", e?.month),
-  month_caption: "hidden",
-  nav: "hidden",
-  day_button: t("size-[30px]", "flex", "items-center", "justify-center", "text-sm", "font-semibold", "cursor-pointer", "rounded-full", "hover:bg-slate-100", "dark:hover:bg-metal-700", "transition-colors", "text-[#314158]", "dark:text-white", "focus:outline-none", "focus-visible:outline-none", e?.dayButton),
-  day: t("p-0", "w-[37px]", "h-[38px]", "text-center", "align-middle", e?.day),
-  selected: t("[&>button]:bg-blue-600", "[&>button]:text-white", "[&>button]:hover:bg-blue-700", "dark:[&>button]:bg-aurora-500", "dark:[&>button]:hover:bg-aurora-500", "dark:[&>button]:text-metal-900", e?.selected),
-  range_start: t("drp-range-start", "[&>button]:!bg-blue-600", "[&>button]:!text-white", "[&>button]:!rounded-full", "[&>button]:hover:!bg-blue-700", "[&>button]:relative", "[&>button]:z-10", "dark:[&>button]:!bg-aurora-500", "dark:[&>button]:hover:!bg-aurora-500", "dark:[&>button]:!text-metal-900", "!relative", "before:absolute", "before:top-[4px]", "before:bottom-[4px]", "before:left-1/2", "before:right-0", "before:!bg-[#EFF6FF]", "dark:before:!bg-aurora-500/10", "last:before:!hidden", e?.rangeStart),
-  range_end: t("drp-range-end", "[&>button]:!bg-blue-600", "[&>button]:!text-white", "[&>button]:!rounded-full", "[&>button]:hover:!bg-blue-700", "[&>button]:relative", "[&>button]:z-10", "dark:[&>button]:!bg-aurora-500", "dark:[&>button]:hover:!bg-aurora-500", "dark:[&>button]:!text-metal-900", "!relative", "before:absolute", "before:top-[4px]", "before:bottom-[4px]", "before:left-0", "before:right-1/2", "before:!bg-[#EFF6FF]", "dark:before:!bg-aurora-500/10", "first:before:!hidden", e?.rangeEnd),
-  range_middle: t("drp-range-middle", "!relative", "before:absolute", "before:top-[4px]", "before:bottom-[4px]", "before:left-0", "before:right-0", "before:!bg-[#EFF6FF]", "dark:before:!bg-aurora-500/10", "first:before:rounded-l-full", "last:before:rounded-r-full", "[&>button]:!text-[#314158]", "[&>button]:!bg-transparent", "[&>button]:!rounded-full", "[&>button]:relative", "[&>button]:z-10", "[&>button]:hover:!bg-blue-100", "dark:[&>button]:!text-white", "dark:[&>button]:hover:!bg-aurora-500/20", e?.rangeMiddle),
-  table: t("w-full border-collapse table-fixed", e?.table),
-  weekdays: t("text-[#62748e]", "dark:text-metal-400", e?.weekdays),
-  weeks: t("[&>tr>td]:p-0", "[&>tr]:h-[38px]", e?.weeks),
-  weekday: t("font-semibold", "text-xs", "uppercase", "text-[#62748e]", "dark:text-metal-400", "pb-4", "w-[37px]", e?.weekday),
-  today: t("[&>button]:text-[#155dfc]", "dark:[&>button]:text-aurora-500", e?.today),
-  month_grid: "w-full",
-  disabled: t("[&>button]:opacity-50", "[&>button]:cursor-not-allowed", e?.disabled),
-  outside: t("[&>button]:!text-slate-400", "dark:[&>button]:!text-metal-500", e?.outside)
-}), a = 259, b = 32, n = 720 * 60 * 60 * 1e3, d = 56, l = 28, u = 38;
-export {
-  l as a,
-  a as i,
-  d as n,
-  u as o,
-  n as r,
-  o as s,
-  b as t
-};

package/dist/createLucideIcon-CL4htJAF.js

@@ -1,42 +0,0 @@
-import { createContext as A, createElement as c, forwardRef as C, useContext as b } from "react";
-var h = (...t) => t.filter((e, r, o) => !!e && e.trim() !== "" && o.indexOf(e) === r).join(" ").trim(), L = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), W = (t) => t.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, r, o) => o ? o.toUpperCase() : r.toLowerCase()), d = (t) => {
-  const e = W(t);
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}, n = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-}, S = (t) => {
-  for (const e in t) if (e.startsWith("aria-") || e === "role" || e === "title") return !0;
-  return !1;
-}, y = A({}), $ = () => b(y), j = C(({ color: t, size: e, strokeWidth: r, absoluteStrokeWidth: o, className: s = "", children: a, iconNode: m, ...l }, p) => {
-  const { size: i = 24, strokeWidth: u = 2, absoluteStrokeWidth: v = !1, color: x = "currentColor", className: w = "" } = $() ?? {}, f = o ?? v ? Number(r ?? u) * 24 / Number(e ?? i) : r ?? u;
-  return c("svg", {
-    ref: p,
-    ...n,
-    width: e ?? i ?? n.width,
-    height: e ?? i ?? n.height,
-    stroke: t ?? x,
-    strokeWidth: f,
-    className: h("lucide", w, s),
-    ...!a && !S(l) && { "aria-hidden": "true" },
-    ...l
-  }, [...m.map(([k, g]) => c(k, g)), ...Array.isArray(a) ? a : [a]]);
-}), N = (t, e) => {
-  const r = C(({ className: o, ...s }, a) => c(j, {
-    ref: a,
-    iconNode: e,
-    className: h(`lucide-${L(d(t))}`, `lucide-${t}`, o),
-    ...s
-  }));
-  return r.displayName = d(t), r;
-};
-export {
-  N as t
-};

package/dist/dist-AZfrfAUz.js

@@ -1,132 +0,0 @@
-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";
-function H(s, e = globalThis?.document) {
-  const t = b(s);
-  r.useEffect(() => {
-    const o = (n) => {
-      n.key === "Escape" && t(n);
-    };
-    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
-  }, [t, e]);
-}
-var j = "DismissableLayer", m = "dismissableLayer.update", X = "dismissableLayer.pointerDownOutside", Y = "dismissableLayer.focusOutside", w, T = r.createContext({
-  layers: /* @__PURE__ */ new Set(),
-  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, _ = 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 = G((i) => {
-    const v = i.target;
-    [...u.branches].some((p) => p.contains(v)) || (a?.(i), l?.(i), i.defaultPrevented || d?.());
-  }, f);
-  return H((i) => {
-    O === u.layers.size - 1 && (o?.(i), !i.defaultPrevented && d && (i.preventDefault(), d()));
-  }, f), r.useEffect(() => {
-    if (c)
-      return t && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (w = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(c)), u.layers.add(c), R(), () => {
-        t && u.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = w);
-      };
-  }, [
-    c,
-    f,
-    t,
-    u
-  ]), r.useEffect(() => () => {
-    c && (u.layers.delete(c), u.layersWithOutsidePointerEventsDisabled.delete(c), R());
-  }, [c, u]), r.useEffect(() => {
-    const i = () => N({});
-    return document.addEventListener(m, i), () => document.removeEventListener(m, i);
-  }, []), /* @__PURE__ */ P(h.div, {
-    ...E,
-    ref: F,
-    style: {
-      pointerEvents: k ? L ? "auto" : "none" : void 0,
-      ...s.style
-    },
-    onFocusCapture: y(s.onFocusCapture, C.onFocusCapture),
-    onBlurCapture: y(s.onBlurCapture, C.onBlurCapture),
-    onPointerDownCapture: y(s.onPointerDownCapture, _.onPointerDownCapture)
-  });
-});
-x.displayName = j;
-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;
-    if (a)
-      return t.branches.add(a), () => {
-        t.branches.delete(a);
-      };
-  }, [t.branches]), /* @__PURE__ */ P(h.div, {
-    ...s,
-    ref: n
-  });
-});
-B.displayName = $;
-function q(s, e = globalThis?.document) {
-  const t = b(s), o = r.useRef(!1), n = r.useRef(() => {
-  });
-  return r.useEffect(() => {
-    const a = (d) => {
-      if (d.target && !o.current) {
-        let E = function() {
-          S(X, t, u, { discrete: !0 });
-        };
-        const u = { originalEvent: d };
-        d.pointerType === "touch" ? (e.removeEventListener("click", n.current), n.current = E, e.addEventListener("click", n.current, { once: !0 })) : E();
-      } else e.removeEventListener("click", n.current);
-      o.current = !1;
-    }, l = window.setTimeout(() => {
-      e.addEventListener("pointerdown", a);
-    }, 0);
-    return () => {
-      window.clearTimeout(l), e.removeEventListener("pointerdown", a), e.removeEventListener("click", n.current);
-    };
-  }, [e, t]), { onPointerDownCapture: () => o.current = !0 };
-}
-function G(s, e = globalThis?.document) {
-  const t = b(s), o = r.useRef(!1);
-  return r.useEffect(() => {
-    const n = (a) => {
-      a.target && !o.current && S(Y, t, { originalEvent: a }, { discrete: !1 });
-    };
-    return e.addEventListener("focusin", n), () => e.removeEventListener("focusin", n);
-  }, [e, t]), {
-    onFocusCapture: () => o.current = !0,
-    onBlurCapture: () => o.current = !1
-  };
-}
-function R() {
-  const s = new CustomEvent(m);
-  document.dispatchEvent(s);
-}
-function S(s, e, t, { discrete: o }) {
-  const n = t.originalEvent.target, a = new CustomEvent(s, {
-    bubbles: !1,
-    cancelable: !0,
-    detail: t
-  });
-  e && n.addEventListener(s, e, { once: !0 }), o ? z(n, a) : n.dispatchEvent(a);
-}
-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;
-  return l ? K.createPortal(/* @__PURE__ */ P(h.div, {
-    ...o,
-    ref: e
-  }), l) : null;
-});
-Q.displayName = J;
-export {
-  se as i,
-  re as n,
-  x as r,
-  Q as t
-};