@konstructio/ui 0.1.2-alpha.107 → 0.1.2-alpha.109

package/dist/components/Filter/components/DateRangeFilterDropdown/hooks/index.js

@@ -0,0 +1,4 @@
+import { useDateRangeFilterDropdown as o } from "./useDateRangeFilterDropdown/useDateRangeFilterDropdown.js";
+export {
+  o as useDateRangeFilterDropdown
+};

package/dist/components/Filter/components/DateRangeFilterDropdown/{DateRangeFilterDropdown.hook.js → hooks/useDateRangeFilterDropdown/useDateRangeFilterDropdown.js}

@@ -1,24 +1,24 @@
-import { useFilterContext as F } from "../../contexts/filter.hook.js";
-import { sendOpenFilterEvent as O } from "../../events/index.js";
-import { useFilterDropdownSync as w } from "../../hooks/useFilterDropdownSync.js";
-import { t as x } from "../../../../utils-DVYdP0CJ.js";
-import { useCallback as a, useId as y, useMemo as I, useState as i } from "react";
+import { useFilterContext as O } from "../../../../contexts/filter.hook.js";
+import { sendOpenFilterEvent as v } from "../../../../events/index.js";
+import { useFilterDropdownSync as w } from "../../../../hooks/useFilterDropdownSync.js";
+import { t as x } from "../../../../../../utils-DVYdP0CJ.js";
+import { useCallback as a, useId as y, useMemo as I, useState as l } from "react";
 var E = ({ defaultRange: d, onApply: n, countryCode: p = "US" }) => {
-  const { closeOnApply: l } = F(), r = y(), [g, o] = i(!1), [s, c] = i(d), [t, m] = i(), u = I(() => {
+  const { closeOnApply: i } = O(), r = y(), [g, o] = l(!1), [s, c] = l(d), [t, m] = l(), u = I(() => {
     if (!t?.from) return;
-    const e = (D) => D.toLocaleDateString(x(p), {
+    const e = (F) => F.toLocaleDateString(x(p), {
       day: "numeric",
       month: "short"
     });
     return t.to ? `${e(t.from)} - ${e(t.to)}` : e(t.from);
   }, [t]), h = (e) => {
-    e && O(r), o(e);
+    e && v(r), o(e);
   }, R = () => {
     const e = {
       from: s?.from,
       to: s?.to
     };
-    m(e), n?.(e), l && o(!1);
+    m(e), n?.(e), i && o(!1);
   }, C = a((e) => {
     c({
       from: e.from,
@@ -26,8 +26,8 @@ var E = ({ defaultRange: d, onApply: n, countryCode: p = "US" }) => {
     });
   }, []), S = a(() => o(!1), []), f = a(() => {
     c(void 0), m(void 0), n?.();
-  }, [n]), v = () => {
-    f(), l && o(!1);
+  }, [n]), D = () => {
+    f(), i && o(!1);
   };
   return w({
     id: r,
@@ -41,7 +41,7 @@ var E = ({ defaultRange: d, onApply: n, countryCode: p = "US" }) => {
     handleApply: R,
     handleOpenChange: h,
     handleRangeChange: C,
-    handleReset: v
+    handleReset: D
   };
 };
 export {

package/dist/components/Filter/components/FilterDropdown/FilterDropdown.js

@@ -1,16 +1,16 @@
 import { t as l } from "../../../../utils-B-6R7kNE.js";
 import { useFilterContext as f } from "../../contexts/filter.hook.js";
-import { i as p, n as c, r as h, t as g } from "../../../../dist-BnCbAI-c.js";
+import { a as p, i as c, n as h, r as g } from "../../../../dist-ByCJijZd.js";
 import { jsx as e, jsxs as u } from "react/jsx-runtime";
 var j = ({ isOpen: t, trigger: r, triggerClassName: o, position: a = "left", contentClassName: n, children: s, onOpenChange: i }) => {
   const { theme: m } = f();
-  return /* @__PURE__ */ u(h, {
+  return /* @__PURE__ */ u(c, {
     open: t,
     onOpenChange: i,
     children: [/* @__PURE__ */ e(p, {
       className: o,
       children: r
-    }), /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(g, {
+    }), /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(h, {
       "data-theme": m,
       side: "bottom",
       sideOffset: 4,

package/dist/components/Filter/components/TextMultiSelect/TextMultiSelect.js

@@ -5,7 +5,7 @@ import { t as y } from "../../../../chevron-down-DNP-OOAQ.js";
 import { Badge as O } from "../../../Badge/Badge.js";
 import { filterButtonIconVariants as S, filterButtonVariants as w } from "../../Filter.variants.js";
 import { FilterDropdown as B } from "../FilterDropdown/FilterDropdown.js";
-import { useBadgeMultiSelect as A } from "../BadgeDropdown/BadgeMultiSelect.hook.js";
+import { useBadgeMultiSelect as A } from "../BadgeDropdown/hooks/useBadgeMultiSelect/useBadgeMultiSelect.js";
 import { Fragment as j, jsx as e, jsxs as t } from "react/jsx-runtime";
 var E = ({ options: r, label: o, position: p = "left", onApply: h, showSelectAll: x = !0, selectAllLabel: c = "All" }) => {
   const { isOpen: n, isAllSelected: g, selectedOptions: f, selectedCount: i, handleOpenChange: u, handleResetOptions: b, handleApplyOptions: C, handleSelectAll: k, handleSelectOption: N } = A({

package/dist/components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.js

@@ -5,7 +5,7 @@ import { Badge as N } from "../../../Badge/Badge.js";
 import { TimePicker as C } from "../../../TimePicker/TimePicker.js";
 import { filterButtonIconVariants as w, filterButtonVariants as B } from "../../Filter.variants.js";
 import { FilterDropdown as D } from "../FilterDropdown/FilterDropdown.js";
-import { useTimeFilterDropdown as F } from "./TimeFilterDropdown.hook.js";
+import { useTimeFilterDropdown as F } from "./hooks/useTimeFilterDropdown/useTimeFilterDropdown.js";
 import { Fragment as j, jsx as e, jsxs as l } from "react/jsx-runtime";
 var q = ({ label: p, position: g = "left", format: r = "24", presets: n, showTimePicker: i = !0, onApply: x }) => {
   const { appliedLabel: c, isOpen: o, selectedTime: h, selectedPresetLabel: d, handleApply: b, handleOpenChange: u, handleSelectPreset: f, handleSelectCustom: y, handleReset: v } = F({

package/dist/components/Filter/components/TimeFilterDropdown/hooks/index.js

@@ -0,0 +1,4 @@
+import { useTimeFilterDropdown as r } from "./useTimeFilterDropdown/useTimeFilterDropdown.js";
+export {
+  r as useTimeFilterDropdown
+};

package/dist/components/Filter/components/TimeFilterDropdown/{TimeFilterDropdown.hook.js → hooks/useTimeFilterDropdown/useTimeFilterDropdown.js}

@@ -1,7 +1,7 @@
-import { getFormattedTime as g } from "../../../TimePicker/utils/index.js";
-import { useFilterContext as w } from "../../contexts/filter.hook.js";
-import { sendOpenFilterEvent as x } from "../../events/index.js";
-import { useFilterDropdownSync as A } from "../../hooks/useFilterDropdownSync.js";
+import { getFormattedTime as g } from "../../../../../TimePicker/utils/index.js";
+import { useFilterContext as w } from "../../../../contexts/filter.hook.js";
+import { sendOpenFilterEvent as x } from "../../../../events/index.js";
+import { useFilterDropdownSync as A } from "../../../../hooks/useFilterDropdownSync.js";
 import { useCallback as d, useId as D, useState as t } from "react";
 var j = ({ onApply: o, format: v = "24" }) => {
   const { closeOnApply: c } = w(), l = D(), [b, s] = t(!1), [n, i] = t(), [r, p] = t(), [m, a] = t(), [h, f] = t(), S = h ?? (r ? g(r, v) : void 0), C = (e) => {

package/dist/components/Filter/components/index.js

@@ -1,14 +1,16 @@
 import { BadgeMultiSelect as t } from "./BadgeDropdown/BadgeMultiSelect.js";
-import { DateFilterDropdown as e } from "./DateFilterDropdown/DateFilterDropdown.js";
-import { DateRangeFilterDropdown as i } from "./DateRangeFilterDropdown/DateRangeFilterDropdown.js";
-import { ResetButton as l } from "./ResetButton/ResetButton.js";
-import { TextMultiSelect as n } from "./TextMultiSelect/TextMultiSelect.js";
-import { TimeFilterDropdown as a } from "./TimeFilterDropdown/TimeFilterDropdown.js";
+import { CustomDateRangeFilterDropdown as e } from "./CustomDateRangeFilterDropdown/CustomDateRangeFilterDropdown.js";
+import { DateFilterDropdown as i } from "./DateFilterDropdown/DateFilterDropdown.js";
+import { DateRangeFilterDropdown as l } from "./DateRangeFilterDropdown/DateRangeFilterDropdown.js";
+import { ResetButton as n } from "./ResetButton/ResetButton.js";
+import { TextMultiSelect as a } from "./TextMultiSelect/TextMultiSelect.js";
+import { TimeFilterDropdown as u } from "./TimeFilterDropdown/TimeFilterDropdown.js";
 export {
   t as BadgeMultiSelect,
-  e as DateFilterDropdown,
-  i as DateRangeFilterDropdown,
-  l as ResetButton,
-  n as TextMultiSelect,
-  a as TimeFilterDropdown
+  e as CustomDateRangeFilterDropdown,
+  i as DateFilterDropdown,
+  l as DateRangeFilterDropdown,
+  n as ResetButton,
+  a as TextMultiSelect,
+  u as TimeFilterDropdown
 };

package/dist/components/Modal/Modal.js

@@ -1,5 +1,5 @@
 "use client";
-import { t } from "../../Modal-Dq9BHD_9.js";
+import { t } from "../../Modal-DL4p692X.js";
 export {
   t as Modal
 };

package/dist/components/Modal/components/Wrapper/Wrapper.js

@@ -1,4 +1,4 @@
-import { n as p } from "../../../../Modal-Dq9BHD_9.js";
+import { n as p } from "../../../../Modal-DL4p692X.js";
 export {
   p as Wrapper
 };

package/dist/components/Modal/components/index.js

@@ -1,7 +1,7 @@
 import { Body as o } from "./Body/Body.js";
 import { Footer as p } from "./Footer/Footer.js";
 import { Header as e } from "./Header/Header.js";
-import { n as i } from "../../../Modal-Dq9BHD_9.js";
+import { n as i } from "../../../Modal-DL4p692X.js";
 export {
   o as Body,
   p as Footer,

package/dist/components/Radio/Radio.js

@@ -1,20 +1,20 @@
 import { t as a } from "../../utils-B-6R7kNE.js";
 import { Typography as t } from "../Typography/Typography.js";
-import { labelRadioVariants as p, radioVariants as u, wrapperRadioVariants as V } from "./Radio.variants.js";
-import { forwardRef as b, useId as j } from "react";
+import { labelRadioVariants as p, radioVariants as V, wrapperRadioVariants as b } from "./Radio.variants.js";
+import { forwardRef as j, useId as w } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
-var w = b(({ checked: o = !1, className: d, defaultChecked: l, disabled: e, label: f, labelTextClassName: N, description: r, descriptionClassName: h, name: m, theme: x, value: i, wrapperClassName: R, onChange: y }, g) => {
-  const n = `${j()}-${m}`;
+var F = j(({ checked: o = !1, className: d, defaultChecked: l, disabled: e, label: f, labelTextClassName: N, description: r, descriptionClassName: h, name: m, theme: x, value: i, wrapperClassName: R, onChange: y, onClick: g }, u) => {
+  const n = `${w()}-${m}`;
   return /* @__PURE__ */ c("label", {
     htmlFor: n,
-    className: a(V({
+    className: a(b({
       className: R,
       disabled: e || !1
     })),
     "data-theme": x,
     children: [
       /* @__PURE__ */ s("input", {
-        ref: g,
+        ref: u,
         id: n,
         type: "radio",
         name: m,
@@ -23,9 +23,10 @@ var w = b(({ checked: o = !1, className: d, defaultChecked: l, disabled: e, labe
         defaultChecked: l,
         className: "hidden peer",
         onChange: () => y?.(i),
+        onClick: g,
         disabled: e
       }),
-      /* @__PURE__ */ s("span", { className: a(u({
+      /* @__PURE__ */ s("span", { className: a(V({
         className: d,
         disabled: e || !1,
         checked: o || l || !1
@@ -45,7 +46,7 @@ var w = b(({ checked: o = !1, className: d, defaultChecked: l, disabled: e, labe
     ]
   });
 });
-w.displayName = "KonstructRadio";
+F.displayName = "KonstructRadio";
 export {
-  w as Radio
+  F as Radio
 };

package/dist/components/RadioGroup/RadioGroup.js

@@ -4,19 +4,19 @@ import { Radio as g } from "../Radio/Radio.js";
 import { radioGroupVariants as j } from "./RadioGroup.variants.js";
 import { useState as k } from "react";
 import { jsx as s } from "react/jsx-runtime";
-var B = ({ asChild: m, className: n, defaultChecked: a, direction: c, name: i, options: d, theme: p, value: t, wrapperClassName: l, onValueChange: f }) => {
-  const h = m ? R : "div", e = t !== void 0, [S, C] = k(() => a), N = e ? t : S, x = (o) => {
+var A = ({ asChild: m, className: n, defaultChecked: a, direction: i, name: c, options: d, theme: p, value: t, wrapperClassName: l, onValueChange: f }) => {
+  const h = m ? R : "div", e = t !== void 0, [S, C] = k(() => a), N = e ? t ?? void 0 : S, x = (o) => {
     e || C(o), f?.(o);
   };
   return /* @__PURE__ */ s(h, {
     className: r(j({
       className: l,
-      direction: c
+      direction: i
     })),
     "data-theme": p,
     children: d.map(({ value: o, ...G }) => /* @__PURE__ */ s(g, {
       value: o,
-      name: i,
+      name: c,
       className: r(n),
       checked: N === o,
       onChange: () => x(o),
@@ -25,5 +25,5 @@ var B = ({ asChild: m, className: n, defaultChecked: a, direction: c, name: i, o
   });
 };
 export {
-  B as RadioGroup
+  A as RadioGroup
 };

package/dist/components/Select/Select.js

@@ -1,30 +1,31 @@
-import { n as w, t as d } from "../../utils-B-6R7kNE.js";
-import { t as y } from "../../Wrapper-2AUlYAHQ.js";
-import { SelectProvider as M } from "./contexts/select.provider.js";
-import { n as S } from "../../AdditionalOptions-Crcnz0_g.js";
-import { forwardRef as b, useId as E, useMemo as G } from "react";
-import { jsx as s, jsxs as H } from "react/jsx-runtime";
-var A = b(({ error: e, errorClassName: m, helperText: l, helperTextClassName: x, highlightSearch: h, id: u, mainWrapperClassName: I, name: r, value: g, options: t, onChange: v, onBlur: n, ...$ }, N) => {
-  const c = E(), o = u ?? (r ? `${c}-${r}` : c), i = `${o}-error`, p = `${o}-helper-text`, a = typeof e == "string" && e.length > 0, f = !a && !!l, O = w(a && i, f && p), j = G(() => t.length ? S(t.at(0)) ? t.flatMap((k) => k.options) : t : [], [t]);
-  return /* @__PURE__ */ s(M, {
+import { n as y, t as d } from "../../utils-B-6R7kNE.js";
+import { t as M } from "../../Wrapper-Bbaaa7YA.js";
+import { SelectProvider as S } from "./contexts/select.provider.js";
+import { n as b } from "../../AdditionalOptions-Crcnz0_g.js";
+import { forwardRef as E, useId as G, useMemo as H } from "react";
+import { jsx as s, jsxs as P } from "react/jsx-runtime";
+var B = E(({ error: e, errorClassName: m, helperText: l, helperTextClassName: x, highlightSearch: h, id: u, mainWrapperClassName: I, name: r, value: g, options: t, onChange: v, onBlur: n, onValueChange: $, ...N }, O) => {
+  const c = G(), o = u ?? (r ? `${c}-${r}` : c), i = `${o}-error`, p = `${o}-helper-text`, a = typeof e == "string" && e.length > 0, f = !a && !!l, j = y(a && i, f && p), k = H(() => t.length ? b(t.at(0)) ? t.flatMap((w) => w.options) : t : [], [t]);
+  return /* @__PURE__ */ s(S, {
     highlightSearch: h,
     name: r,
     value: g,
-    options: j,
+    options: k,
     onBlur: n,
     onChange: v,
-    children: /* @__PURE__ */ H("div", {
+    onValueChange: $,
+    children: /* @__PURE__ */ P("div", {
       className: d("relative w-full", I),
       children: [
-        /* @__PURE__ */ s(y, {
-          describedBy: O,
+        /* @__PURE__ */ s(M, {
+          describedBy: j,
           error: e,
           fieldId: o,
           name: r,
-          ref: N,
+          ref: O,
           onBlur: n,
           groupedOptions: t,
-          ...$
+          ...N
         }),
         a ? /* @__PURE__ */ s("span", {
           id: i,
@@ -41,5 +42,5 @@ var A = b(({ error: e, errorClassName: m, helperText: l, helperTextClassName: x,
   });
 });
 export {
-  A as Select
+  B as Select
 };

package/dist/components/Select/components/Wrapper.js

@@ -1,4 +1,4 @@
-import { t as p } from "../../../Wrapper-2AUlYAHQ.js";
+import { t as p } from "../../../Wrapper-Bbaaa7YA.js";
 export {
   p as Wrapper
 };

package/dist/components/Select/components/index.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../Wrapper-2AUlYAHQ.js";
+import { t as o } from "../../../Wrapper-Bbaaa7YA.js";
 import { t as i } from "../../../AdditionalOptions-Crcnz0_g.js";
 import { EmptyList as p } from "./EmptyList.js";
 import { List as a } from "./List/List.js";

package/dist/components/Select/contexts/select.provider.js

@@ -1,48 +1,49 @@
-import { useToggle as L } from "../../../hooks/useToggle.js";
-import { SelectContext as N } from "./select.context.js";
-import { useCallback as f, useEffect as T, useRef as p, useState as e } from "react";
-import { jsx as O } from "react/jsx-runtime";
-var c = 1, R = 300, V = ({ children: v, value: C, name: i, highlightSearch: E = !1, options: n, onChange: a, onBlur: u }) => {
-  const [S, l] = e(n), d = p(E), [F, g] = L(!1), [P, I] = e(""), [b, x] = e(!0), [A, o] = e(!0), [_, s] = e(c), [y, h] = e(!1), t = p(void 0), D = f((r, m) => {
-    m?.current && (m.current.value = r), t.current && clearTimeout(t.current), h(!0), o(!0), s(c), a?.({ target: {
+import { useToggle as N } from "../../../hooks/useToggle.js";
+import { SelectContext as O } from "./select.context.js";
+import { useCallback as T, useEffect as p, useRef as v, useState as e } from "react";
+import { jsx as R } from "react/jsx-runtime";
+var c = 1, Y = 300, w = ({ children: E, value: S, name: i, highlightSearch: d = !1, options: n, onChange: a, onBlur: u, onValueChange: l }) => {
+  const [C, g] = e(n), F = v(d), [P, h] = N(!1), [I, b] = e(""), [x, A] = e(!0), [_, o] = e(!0), [y, s] = e(c), [D, m] = e(!1), t = v(void 0), G = T((r, f) => {
+    f?.current && (f.current.value = r), t.current && clearTimeout(t.current), m(!0), o(!0), s(c), a?.({ target: {
       value: r,
       name: i ?? ""
-    } }), u?.(), t.current = setTimeout(() => {
-      h(!1);
-    }, R);
+    } }), l?.(r), u?.(), t.current = setTimeout(() => {
+      m(!1);
+    }, Y);
   }, [
     a,
+    l,
     i,
     u
-  ]), G = f((r) => {
-    g(r), o(!0), s(c);
-  }, [g]);
-  return T(() => {
-    l(n);
-  }, [n.length]), T(() => () => {
+  ]), L = T((r) => {
+    h(r), o(!0), s(c);
+  }, [h]);
+  return p(() => {
+    g(n);
+  }, [n.length]), p(() => () => {
     t.current && clearTimeout(t.current);
-  }, []), /* @__PURE__ */ O(N.Provider, {
+  }, []), /* @__PURE__ */ R(O.Provider, {
     value: {
-      highlightSearchEnabled: d.current,
-      isOpen: F,
-      searchTerm: P,
-      value: C,
-      canFilter: b,
-      canContinueFetching: A,
-      page: _,
-      options: S,
-      isTyping: y,
-      setOptions: l,
+      highlightSearchEnabled: F.current,
+      isOpen: P,
+      searchTerm: I,
+      value: S,
+      canFilter: x,
+      canContinueFetching: _,
+      page: y,
+      options: C,
+      isTyping: D,
+      setOptions: g,
       setPage: s,
       setCanContinueFetching: o,
-      setCanFilter: x,
-      setSearchTerm: I,
-      setValue: D,
-      toggleOpen: G
+      setCanFilter: A,
+      setSearchTerm: b,
+      setValue: G,
+      toggleOpen: L
     },
-    children: v
+    children: E
   });
 };
 export {
-  V as SelectProvider
+  w as SelectProvider
 };

package/dist/components/Select/hooks/useSelect.js

@@ -1,56 +1,57 @@
-import { useClickOutside as E } from "../../../hooks/useClickOutside.js";
-import { useSelectContext as b } from "../contexts/select.hook.js";
-import { useCallback as p, useEffect as l, useRef as g } from "react";
-var k = ({ inputRef: r, searchInputRef: v, internalValue: c, onBlur: i }) => {
-  const t = g(null), d = g(null), { value: o, setSearchTerm: f, setCanFilter: u, toggleOpen: n } = b(), m = p(() => {
-    n(!1);
-  }, [n]);
-  return E(t, m), l(() => {
-    const e = new AbortController(), s = (a) => {
-      a.key === "Escape" && n(!1);
+import { useClickOutside as h } from "../../../hooks/useClickOutside.js";
+import { useSelectContext as w } from "../contexts/select.hook.js";
+import { useCallback as E, useEffect as a, useMemo as L, useRef as b } from "react";
+var F = ({ inputRef: s, searchInputRef: p, internalValue: l, listRef: f, onBlur: g }) => {
+  const n = b(null), m = b(null), { value: o, setSearchTerm: v, setCanFilter: c, toggleOpen: t } = w(), u = L(() => [n, f], [f]), i = E((e) => e ? u.some((r) => r?.current?.contains(e)) : !1, [u]), C = E(() => {
+    t(!1);
+  }, [t]);
+  return h(u, C), a(() => {
+    const e = new AbortController(), r = (d) => {
+      d.key === "Escape" && t(!1);
     };
-    return document.addEventListener("keydown", s, { signal: e.signal }), document.addEventListener("visibilitychange", () => {
-      document.hidden && n(!1);
+    return document.addEventListener("keydown", r, { signal: e.signal }), document.addEventListener("visibilitychange", () => {
+      document.hidden && t(!1);
     }, { signal: e.signal }), () => {
       e.abort();
     };
-  }, [n, t]), l(() => {
+  }, [t, n]), a(() => {
     const e = new AbortController();
-    return r?.current?.addEventListener("focusin", () => {
-      f(c?.value ?? ""), u(!1);
-    }, { signal: e.signal }), r?.current?.addEventListener("focusout", () => {
-      u(!0);
-    }, { signal: e.signal }), d.current?.addEventListener("focus", () => {
-      u(!1);
-    }, { signal: e.signal }), t.current?.addEventListener("focusout", (s) => {
-      t.current?.contains(s.relatedTarget) || n(!1);
+    return s?.current?.addEventListener("focusin", () => {
+      v(l?.value ?? ""), c(!1);
+    }, { signal: e.signal }), s?.current?.addEventListener("focusout", () => {
+      c(!0);
+    }, { signal: e.signal }), m.current?.addEventListener("focus", () => {
+      c(!1);
+    }, { signal: e.signal }), n.current?.addEventListener("focusout", (r) => {
+      i(r.relatedTarget) || t(!1);
     }, { signal: e.signal }), () => {
       e.abort();
     };
-  }, [o]), l(() => {
-    r?.current && (r.current.value = o && c?.value || "");
-  }, [c, o]), l(() => {
+  }, [o]), a(() => {
+    s?.current && (s.current.value = o && l?.value || "");
+  }, [l, o]), a(() => {
     const e = new AbortController();
-    return t.current?.addEventListener("focusout", (s) => {
-      const a = s.relatedTarget;
-      (!a || !t.current?.contains(a)) && (r?.current?.value || i?.());
+    return n.current?.addEventListener("focusout", (r) => {
+      const d = r.relatedTarget;
+      i(d) || s?.current?.value || g?.();
     }), () => {
       e.abort();
     };
   }, [
-    n,
     t,
-    f,
-    i,
+    n,
+    v,
+    g,
     o
   ]), {
-    wrapperRef: t,
-    wrapperInputRef: d,
+    isInside: i,
+    wrapperRef: n,
+    wrapperInputRef: m,
     handleOpen: () => {
-      n(!0), requestAnimationFrame(() => v?.current?.focus());
+      t(!0), requestAnimationFrame(() => p?.current?.focus());
     }
   };
 };
 export {
-  k as useSelect
+  F as useSelect
 };

package/dist/components/VirtualizedTable/components/Actions/Actions.js

@@ -1,61 +1,7 @@
-import { t as r } from "../../../../utils-B-6R7kNE.js";
-import { Button as g } from "../../../Button/Button.js";
-import { t as B } from "../../../../ellipsis-vertical-BBmhzIXn.js";
-import { useRef as R, useState as A } from "react";
-import { jsx as n, jsxs as m } from "react/jsx-runtime";
-var C = 36, H = 16, D = ({ actions: i, wrapperClassName: h, triggerButtonClassName: v, iconTriggerButtonClassName: f, wrapperActionsClassName: b, wrapperContentActionsClassName: w, ...x }) => {
-  const c = R(null), [u, y] = A(!1), k = () => {
-    const o = c.current;
-    if (!o || !i) return;
-    const t = o.getBoundingClientRect(), p = i.length * C + H;
-    let a = 0, l = window.innerHeight, e = o.parentElement;
-    for (; e; ) {
-      const { overflowY: E } = window.getComputedStyle(e);
-      if ([
-        "auto",
-        "scroll",
-        "hidden"
-      ].includes(E)) {
-        const d = e.getBoundingClientRect();
-        a = d.top, l = d.bottom;
-        break;
-      }
-      e = e.parentElement;
-    }
-    const s = l - t.bottom, N = t.top - a;
-    y(s < p && N > s);
-  };
-  return i ? /* @__PURE__ */ m("div", {
-    ref: c,
-    className: r("relative group", h),
-    onMouseEnter: k,
-    children: [/* @__PURE__ */ m(g, {
-      variant: "link",
-      shape: "circle",
-      size: "large",
-      className: r("text-slate-400", "group-hover:text-slate-800", "group-hover:bg-aurora-50", "dark:text-metal-400", "dark:group-hover:text-aurora-500", "dark:group-hover:bg-aurora-900", v),
-      children: [/* @__PURE__ */ n(B, {
-        "aria-hidden": "true",
-        className: r("w-7 h-7", f)
-      }), /* @__PURE__ */ n("span", {
-        className: "sr-only",
-        children: "Show Actions"
-      })]
-    }), /* @__PURE__ */ n("div", {
-      className: r("absolute", "right-0", "w-53.75", "z-10", u ? "bottom-full" : "top-full", u ? "pb-1" : "pt-1", "invisible", "opacity-0", "transition-[opacity,visibility]", "duration-150", "delay-150", "group-hover:visible", "group-hover:opacity-100", "group-hover:delay-0", "group-hover:duration-75", b),
-      children: /* @__PURE__ */ n("div", {
-        className: r("bg-white", "py-2", "rounded-lg", "shadow-lg", "border", "border-zinc-100", "dark:bg-metal-800", "dark:border-metal-700", w),
-        children: i.map(({ id: o, label: t, className: p, component: a = g, componentProps: l, onClick: e }, s) => /* @__PURE__ */ n(a, {
-          className: r("w-full", "text-slate-800", "cursor-pointer", "p-0", "h-9", "flex", "gap-2", "text-sm", "font-normal", "justify-start", "rounded-none", "px-6", "hover:bg-gray-50", "hover:text-slate-800", "hover:no-underline", "dark:hover:bg-metal-700", p),
-          variant: "link",
-          onClick: () => e(x.row.original),
-          ...l,
-          children: t
-        }, o ?? (typeof t == "string" ? t : `action-${s}`)))
-      })
-    })]
-  }) : null;
-};
+import { InlineActions as n } from "./components/InlineActions/InlineActions.js";
+import { PortalActions as o } from "./components/PortalActions/PortalActions.js";
+import { jsx as t } from "react/jsx-runtime";
+var l = ({ isPortal: i = !1, ...r }) => r.actions ? i ? /* @__PURE__ */ t(o, { ...r }) : /* @__PURE__ */ t(n, { ...r }) : null;
 export {
-  D as Actions
+  l as Actions
 };

package/dist/components/VirtualizedTable/components/Actions/Actions.variants.js

@@ -0,0 +1,53 @@
+import { t as r } from "../../../../dist-B9GE4SXf.js";
+var e = r([
+  "text-slate-400",
+  "group-hover:text-slate-800",
+  "group-hover:bg-aurora-50",
+  "dark:text-metal-400",
+  "dark:group-hover:text-aurora-500",
+  "dark:group-hover:bg-aurora-900"
+], {
+  variants: { isOpen: {
+    true: [
+      "text-slate-800",
+      "bg-aurora-50",
+      "dark:text-aurora-500",
+      "dark:bg-aurora-900"
+    ],
+    false: []
+  } },
+  defaultVariants: { isOpen: !1 }
+}), t = r([
+  "bg-white",
+  "py-2",
+  "rounded-lg",
+  "shadow-lg",
+  "border",
+  "border-zinc-100",
+  "dark:bg-metal-800",
+  "dark:border-metal-700"
+]), o = r([
+  "w-full",
+  "text-slate-800",
+  "cursor-pointer",
+  "p-0",
+  "h-9",
+  "flex",
+  "gap-2",
+  "text-sm",
+  "font-normal",
+  "justify-start",
+  "rounded-none",
+  "px-6",
+  "hover:bg-gray-50",
+  "hover:text-slate-800",
+  "hover:no-underline",
+  "focus:no-underline",
+  "dark:hover:bg-metal-700",
+  "dark:focus:bg-metal-700"
+]);
+export {
+  o as actionsItemVariants,
+  t as actionsPanelVariants,
+  e as actionsTriggerVariants
+};