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

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/components/PortalActions/hooks/use-menu-interactions/use-menu-interactions.js

@@ -1,19 +1,19 @@
 import "../../constants/index.js";
-import { useCallback as r, useEffect as T, useLayoutEffect as L, useRef as p } from "react";
+import { useCallback as r, useEffect as T, useLayoutEffect as M, useRef as p } from "react";
 var x = ({ isOpen: l, menuRef: s, triggerRef: d, setIsOpen: n }) => {
-  const o = p(void 0), f = p(null), g = r(() => {
+  const o = p(void 0), f = p(null), h = r(() => {
     clearTimeout(o.current), n(!0);
   }, [n]), i = r(() => {
     clearTimeout(o.current), n(!1);
-  }, [n]), h = r(() => {
+  }, [n]), g = r(() => {
     clearTimeout(o.current), o.current = setTimeout(() => {
       n(!1);
     }, 100);
   }, [n]), w = r((t) => {
-    t.pointerType !== "touch" && g();
-  }, [g]), E = r((t) => {
     t.pointerType !== "touch" && h();
-  }, [h]), y = r((t) => {
+  }, [h]), E = r((t) => {
+    t.pointerType !== "touch" && g();
+  }, [g]), y = r((t) => {
     f.current = t.pointerType;
   }, []), v = r(() => {
     const t = f.current;
@@ -30,9 +30,9 @@ var x = ({ isOpen: l, menuRef: s, triggerRef: d, setIsOpen: n }) => {
     const t = d.current, e = s.current;
     if (!t || !e) return;
     const c = t.getBoundingClientRect(), a = c.bottom + 4 + e.offsetHeight <= window.innerHeight ? c.bottom + 4 : c.top - 4 - e.offsetHeight;
-    e.style.top = `${Math.max(a, 4)}px`, e.style.left = `${Math.max(c.right - e.offsetWidth, 4)}px`;
+    e.style.top = `${Math.round(Math.max(a, 4))}px`, e.style.left = `${Math.round(Math.max(c.right - e.offsetWidth, 4))}px`;
   }, [s, d]);
-  return L(() => {
+  return M(() => {
     l && u();
   }, [l, u]), T(() => {
     if (!l) return;
@@ -64,7 +64,7 @@ var x = ({ isOpen: l, menuRef: s, triggerRef: d, setIsOpen: n }) => {
     handlePointerLeave: E,
     handleTriggerClick: v,
     handleTriggerPointerDown: y,
-    openMenu: g
+    openMenu: h
   };
 };
 export {

package/dist/components/VirtualizedTable/components/DropdownPaginate/DropdownPaginate.js

@@ -1,33 +1,33 @@
 import { t as o } from "../../../../utils-B-6R7kNE.js";
 import { t as u } from "../../../../chevron-up-Bjpvg6ui.js";
 import { Typography as c } from "../../../Typography/Typography.js";
-import { i as b, n as v, r as w, t as S } from "../../../../dist-BnCbAI-c.js";
+import { a as b, i as v, n as w, r as S } from "../../../../dist-ByCJijZd.js";
 import { listVariants as k } from "../../../Select/components/List/List.variants.js";
 import { listItemVariants as N } from "../../../Select/components/ListItem/ListItem.variants.js";
 import { selectVariants as C } from "../../../Select/Select.variants.js";
 import { DEFAULT_PAGE_SIZES as y } from "../../constants/pagination.js";
 import { useTableContext as z } from "../../contexts/table.hook.js";
 import { useState as O } from "react";
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
 var _ = ({ pageSizes: d = y, isListPortal: f = !1, direction: s = "auto" }) => {
-  const { pageSize: i, onPageSize: g, handlePage: h } = z(), [n, l] = O(!1), m = (e) => {
-    g(Number(e)), h(0), l(!1);
-  }, p = /* @__PURE__ */ t(S, {
+  const { pageSize: i, onPageSize: g, handlePage: h } = z(), [n, l] = O(!1), m = (t) => {
+    g(Number(t)), h(0), l(!1);
+  }, p = /* @__PURE__ */ e(w, {
     asChild: !0,
     side: s === "up" ? "top" : "bottom",
     avoidCollisions: s === "auto",
     align: "start",
     sideOffset: 4,
-    onOpenAutoFocus: (e) => {
-      e.preventDefault();
+    onOpenAutoFocus: (t) => {
+      t.preventDefault();
     },
-    children: /* @__PURE__ */ t("ul", {
+    children: /* @__PURE__ */ e("ul", {
       role: "listbox",
       "aria-label": "Rows per page",
       className: o(k(), "kvt-page-size-list", "static top-auto mt-0 z-50 w-(--radix-popover-trigger-width)"),
-      children: d.map((e) => {
-        const a = String(e);
-        return /* @__PURE__ */ t("li", {
+      children: d.map((t) => {
+        const a = String(t);
+        return /* @__PURE__ */ e("li", {
           role: "option",
           "aria-selected": a === String(i),
           tabIndex: 0,
@@ -38,7 +38,7 @@ var _ = ({ pageSizes: d = y, isListPortal: f = !1, direction: s = "auto" }) => {
           onKeyDown: (x) => {
             x.key === "Enter" && m(a);
           },
-          children: /* @__PURE__ */ t(c, {
+          children: /* @__PURE__ */ e(c, {
             variant: "body2",
             className: "text-sm dark:text-metal-50",
             children: a
@@ -49,21 +49,21 @@ var _ = ({ pageSizes: d = y, isListPortal: f = !1, direction: s = "auto" }) => {
   });
   return /* @__PURE__ */ r("div", {
     className: "kvt-page-size flex items-center gap-2 dark:text-metal-300",
-    children: [/* @__PURE__ */ t("span", { children: "Show" }), /* @__PURE__ */ r(w, {
+    children: [/* @__PURE__ */ e("span", { children: "Show" }), /* @__PURE__ */ r(v, {
       open: n,
       onOpenChange: l,
       children: [/* @__PURE__ */ r(b, {
         "aria-label": "Rows per page",
         className: o(C(), "w-22 bg-white"),
-        children: [/* @__PURE__ */ t(c, {
+        children: [/* @__PURE__ */ e(c, {
           variant: "body2",
           className: "flex-1 text-left text-sm text-metal-800 dark:text-metal-50",
           children: i
-        }), /* @__PURE__ */ t(u, {
+        }), /* @__PURE__ */ e(u, {
           "data-state": n ? "open" : "closed",
           className: "w-4 h-4 text-zinc-500 transition-all duration-100 data-[state=open]:rotate-0 data-[state=closed]:rotate-180 select-none"
         })]
-      }), f ? /* @__PURE__ */ t(v, { children: p }) : p]
+      }), f ? /* @__PURE__ */ e(S, { children: p }) : p]
     })]
   });
 };

package/dist/dist-ByCJijZd.js

@@ -0,0 +1,174 @@
+import { a as _, n as D } from "./dist-xCbHbMLA.js";
+import { t as I } from "./dist-CCdbu9GU.js";
+import { i as T, r as m, t as N } from "./dist-D-yS0HN8.js";
+import { t as k } from "./dist-DYIabsrY.js";
+import { n as y } from "./dist-DKryKPmP.js";
+import { n as $, r as G, t as H } from "./es2015-CoHq2g4y.js";
+import { t as L } from "./dist-C4j75TwZ.js";
+import { t as x } from "./dist-BUocnzkM.js";
+import { t as j } from "./Combination-CnMM05mt.js";
+import { a as E, i as K, r as U, t as b } from "./dist-9WbMf_jT.js";
+import * as c from "react";
+import { jsx as i } from "react/jsx-runtime";
+var V = Object.defineProperty, l = (p, o) => V(p, "name", {
+  value: o,
+  configurable: !0
+}), O = "Popover", [F, ho] = T(O, [E]), C = E(), [Z, f] = F(O), q = /* @__PURE__ */ l((p) => {
+  const { __scopePopover: o, children: s, open: r, defaultOpen: a, onOpenChange: t, modal: e = !1 } = p, n = C(o), u = c.useRef(null), [P, d] = c.useState(!1), [R, v] = N({
+    prop: r,
+    defaultProp: a ?? !1,
+    onChange: t,
+    caller: O
+  });
+  return /* @__PURE__ */ i(K, {
+    ...n,
+    children: /* @__PURE__ */ i(Z, {
+      scope: o,
+      contentId: k(),
+      triggerRef: u,
+      open: R,
+      onOpenChange: v,
+      onOpenToggle: c.useCallback(() => v((h) => !h), [v]),
+      hasCustomAnchor: P,
+      onCustomAnchorAdd: c.useCallback(() => d(!0), []),
+      onCustomAnchorRemove: c.useCallback(() => d(!1), []),
+      modal: e,
+      children: s
+    })
+  });
+}, "Popover"), z = "PopoverAnchor", B = /* @__PURE__ */ c.forwardRef(/* @__PURE__ */ l(function(o, s) {
+  const { __scopePopover: r, ...a } = o, t = f(z, r), e = C(r), { onCustomAnchorAdd: n, onCustomAnchorRemove: u } = t;
+  return c.useEffect(() => (n(), () => u()), [n, u]), /* @__PURE__ */ i(b, {
+    ...e,
+    ...a,
+    ref: s
+  });
+}, "PopoverAnchor")), J = "PopoverTrigger", Q = /* @__PURE__ */ c.forwardRef(/* @__PURE__ */ l(function(o, s) {
+  const { __scopePopover: r, ...a } = o, t = f(J, r), e = C(r), n = _(s, t.triggerRef), u = /* @__PURE__ */ i(I.button, {
+    type: "button",
+    "aria-haspopup": "dialog",
+    "aria-expanded": t.open,
+    "aria-controls": t.open ? t.contentId : void 0,
+    "data-state": A(t.open),
+    ...a,
+    ref: n,
+    onClick: m(o.onClick, t.onOpenToggle)
+  });
+  return t.hasCustomAnchor ? u : /* @__PURE__ */ i(b, {
+    asChild: !0,
+    ...e,
+    children: u
+  });
+}, "PopoverTrigger")), w = "PopoverPortal", [W, X] = F(w, { forceMount: void 0 }), Y = /* @__PURE__ */ l((p) => {
+  const { __scopePopover: o, forceMount: s, children: r, container: a } = p, t = f(w, o);
+  return /* @__PURE__ */ i(W, {
+    scope: o,
+    forceMount: s,
+    children: /* @__PURE__ */ i(x, {
+      present: s || t.open,
+      children: /* @__PURE__ */ i(L, {
+        asChild: !0,
+        container: a,
+        children: r
+      })
+    })
+  });
+}, "PopoverPortal"), g = "PopoverContent", oo = /* @__PURE__ */ c.forwardRef(/* @__PURE__ */ l(function(o, s) {
+  const r = X(g, o.__scopePopover), { forceMount: a = r.forceMount, ...t } = o, e = f(g, o.__scopePopover);
+  return /* @__PURE__ */ i(x, {
+    present: a || e.open,
+    children: e.modal ? /* @__PURE__ */ i(to, {
+      ...t,
+      ref: s
+    }) : /* @__PURE__ */ i(ro, {
+      ...t,
+      ref: s
+    })
+  });
+}, "PopoverContent")), eo = D("PopoverContent.RemoveScroll"), to = /* @__PURE__ */ c.forwardRef(/* @__PURE__ */ l(function(o, s) {
+  const r = f(g, o.__scopePopover), a = c.useRef(null), t = _(s, a), e = c.useRef(!1);
+  return c.useEffect(() => {
+    const n = a.current;
+    if (n) return H(n);
+  }, []), /* @__PURE__ */ i(j, {
+    as: eo,
+    allowPinchZoom: !0,
+    children: /* @__PURE__ */ i(S, {
+      ...o,
+      ref: t,
+      trapFocus: r.open,
+      disableOutsidePointerEvents: !0,
+      onCloseAutoFocus: m(o.onCloseAutoFocus, (n) => {
+        n.preventDefault(), e.current || r.triggerRef.current?.focus();
+      }),
+      onPointerDownOutside: m(o.onPointerDownOutside, (n) => {
+        const u = n.detail.originalEvent, P = u.button === 0 && u.ctrlKey === !0, d = u.button === 2 || P;
+        e.current = d;
+      }, { checkForDefaultPrevented: !1 }),
+      onFocusOutside: m(o.onFocusOutside, (n) => n.preventDefault(), { checkForDefaultPrevented: !1 })
+    })
+  });
+}, "PopoverContentModal")), ro = /* @__PURE__ */ c.forwardRef(/* @__PURE__ */ l(function(o, s) {
+  const r = f(g, o.__scopePopover), a = c.useRef(!1), t = c.useRef(!1);
+  return /* @__PURE__ */ i(S, {
+    ...o,
+    ref: s,
+    trapFocus: !1,
+    disableOutsidePointerEvents: !1,
+    onCloseAutoFocus: (e) => {
+      o.onCloseAutoFocus?.(e), e.defaultPrevented || (a.current || r.triggerRef.current?.focus(), e.preventDefault()), a.current = !1, t.current = !1;
+    },
+    onInteractOutside: (e) => {
+      o.onInteractOutside?.(e), e.defaultPrevented || (a.current = !0, e.detail.originalEvent.type === "pointerdown" && (t.current = !0));
+      const n = e.target;
+      r.triggerRef.current?.contains(n) && e.preventDefault(), e.detail.originalEvent.type === "focusin" && t.current && e.preventDefault();
+    }
+  });
+}, "PopoverContentNonModal")), S = /* @__PURE__ */ c.forwardRef(/* @__PURE__ */ l(function(o, s) {
+  const { __scopePopover: r, trapFocus: a, onOpenAutoFocus: t, onCloseAutoFocus: e, disableOutsidePointerEvents: n, onEscapeKeyDown: u, onPointerDownOutside: P, onFocusOutside: d, onInteractOutside: R, ...v } = o, h = f(g, r), M = C(r);
+  return $(), /* @__PURE__ */ i(G, {
+    asChild: !0,
+    loop: !0,
+    trapped: a,
+    onMountAutoFocus: t,
+    onUnmountAutoFocus: e,
+    children: /* @__PURE__ */ i(y, {
+      asChild: !0,
+      disableOutsidePointerEvents: n,
+      onInteractOutside: R,
+      onEscapeKeyDown: u,
+      onPointerDownOutside: P,
+      onFocusOutside: d,
+      onDismiss: () => h.onOpenChange(!1),
+      deferPointerDownOutside: !0,
+      children: /* @__PURE__ */ i(U, {
+        "data-state": A(h.open),
+        role: "dialog",
+        id: h.contentId,
+        ...M,
+        ...v,
+        ref: s,
+        style: {
+          ...v.style,
+          "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-popover-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-popover-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      })
+    })
+  });
+}, "PopoverContentImpl"));
+function A(p) {
+  return p ? "open" : "closed";
+}
+l(A, "getState");
+var go = q, mo = B, Co = Q, Ro = Y, Oo = oo;
+export {
+  Co as a,
+  go as i,
+  Oo as n,
+  Ro as r,
+  mo as t
+};

package/dist/hooks/useClickOutside.js

@@ -1,14 +1,14 @@
-import { useEffect as o } from "react";
-var a = (t, r) => {
-  o(() => {
-    const e = new AbortController();
-    return document.addEventListener("mousedown", (n) => {
-      t.current?.contains(n.target) || r();
+import { useEffect as s } from "react";
+var i = (r, t) => {
+  s(() => {
+    const e = new AbortController(), n = Array.isArray(r) ? r : [r];
+    return document.addEventListener("mousedown", (o) => {
+      n.some((a) => a?.current?.contains(o.target)) || t();
     }, { signal: e.signal }), () => {
       e.abort();
     };
-  }, [t, r]);
+  }, [r, t]);
 };
 export {
-  a as useClickOutside
+  i as useClickOutside
 };

package/dist/lib/components/DateRangePicker/DateRangePicker.types.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { ReactNode } from 'react';
+import { InputHTMLAttributes, ReactNode } from 'react';
 import { Theme } from '../../domain/theme';
 import { CalendarPanelClassNames, DayPickerClassNames } from './components/CalendarPanel/CalendarPanel.types';
 import { DateTimeInputsClassNames } from './components/DateTimeInputs/DateTimeInputs.types';
@@ -20,6 +20,12 @@ export type { CalendarPanelClassNames, DateTimeInputsClassNames, DayPickerClassN
  * ```
  */
 export type Props = VariantProps<typeof dateRangePickerVariants> & {
+    /**
+     * Browser autofill for the From/To date fields (default: 'off'). The default
+     * keeps the browser's saved-value dropdown from covering the calendar; set it
+     * when the picker sits in a form where autofill is wanted.
+     */
+    autoComplete?: InputHTMLAttributes<HTMLInputElement>['autoComplete'];
     /** Initial date range */
     defaultRange?: DateRange;
     /** Initial time range */

package/dist/lib/components/DateRangePicker/components/DateTimeInputs/DateTimeInputs.types.d.ts

@@ -1,3 +1,4 @@
+import { InputHTMLAttributes } from 'react';
 export type DateTimeInputsClassNames = {
     /** Root container */
     root?: string;
@@ -13,6 +14,8 @@ export type DateTimeInputsClassNames = {
     input?: string;
 };
 export type DateTimeInputsProps = {
+    /** Browser autofill for both date fields (default: 'off') */
+    autoComplete?: InputHTMLAttributes<HTMLInputElement>['autoComplete'];
     className?: string;
     /** Label for start date input (default: 'Start date') */
     labelStartDate?: string;

package/dist/lib/components/DateRangePicker/components/DateTimeInputs/components/EndInputFields/EndInputFields.types.d.ts

@@ -1,5 +1,7 @@
-import { ChangeEvent, FocusEvent } from 'react';
+import { ChangeEvent, FocusEvent, InputHTMLAttributes } from 'react';
 export type Props = {
+    /** Browser autofill for the end date field (default: 'off') */
+    autoComplete?: InputHTMLAttributes<HTMLInputElement>['autoComplete'];
     dateValue: string;
     timeValue?: Date;
     error?: string;

package/dist/lib/components/DateRangePicker/components/DateTimeInputs/components/StartInputFields/StartInputFields.types.d.ts

@@ -1,5 +1,7 @@
-import { ChangeEvent, FocusEvent } from 'react';
+import { ChangeEvent, FocusEvent, InputHTMLAttributes } from 'react';
 export type Props = {
+    /** Browser autofill for the start date field (default: 'off') */
+    autoComplete?: InputHTMLAttributes<HTMLInputElement>['autoComplete'];
     dateValue: string;
     timeValue?: Date;
     error?: string;

package/dist/lib/components/Select/Select.types.d.ts

@@ -101,6 +101,7 @@ export type Props = VariantProps<typeof selectVariants> & Omit<InputHTMLAttribut
     iconClassName?: string;
     inputClassName?: string;
     isLoading?: boolean;
+    isPortal?: boolean;
     isRequired?: boolean;
     label?: string;
     labelAction?: ReactNode;
@@ -115,6 +116,7 @@ export type Props = VariantProps<typeof selectVariants> & Omit<InputHTMLAttribut
     loadingText?: string;
     visibleItems?: number;
     options: Option[] | OptionGroup[];
+    portalClassName?: string;
     searchable?: boolean;
     showSearchIcon?: boolean;
     theme?: Theme;
@@ -123,6 +125,7 @@ export type Props = VariantProps<typeof selectVariants> & Omit<InputHTMLAttribut
     onBlur?: VoidFunction;
     onChange?: OnChangeFn;
     onSearchChange?: (searchTerm: string) => void;
+    onValueChange?: (value: string) => void;
 } & ({
     isInfiniteScrollEnabled: true;
     onFetchMoreOptions: (params: {