@companix/uikit 0.0.26 → 0.0.27

package/dist/Dialog/index.d.ts

@@ -1,12 +1,16 @@
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+export type DialogSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'full';
 export interface DialogProps {
     open: boolean;
     onOpenChange: (value: boolean) => void;
+    defaultOpen?: boolean;
     children: React.ReactNode;
-    size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'full';
+    size?: DialogSize;
     className?: string;
+    disableEsc?: boolean;
+    onClosed?: () => void;
 }
 export declare const Dialog: {
-    ({ size, open, onOpenChange, children, className }: DialogProps): import("react/jsx-runtime").JSX.Element;
+    (props: DialogProps): import("react/jsx-runtime").JSX.Element;
     Close: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import('react').RefAttributes<HTMLButtonElement>>;
 };

package/dist/Popover/index.d.ts

@@ -2,13 +2,13 @@ export type Align = 'start' | 'center' | 'end';
 export type Side = 'top' | 'right' | 'bottom' | 'left';
 export interface PopoverProps {
     children: React.ReactNode;
+    content: ({ close }: {
+        close: () => void;
+    }) => React.ReactNode;
     open?: boolean;
     triggerRef?: React.Ref<HTMLButtonElement>;
     triggerProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;
     onOpenChange?: (open: boolean) => void;
-    content: ({ close }: {
-        close: () => void;
-    }) => React.ReactNode;
     onAnimationEnd?: () => void;
     onAnimationStart?: () => void;
     onOpenAutoFocus?: (event: Event) => void;

package/dist/__helpers/createDialogRegistry.d.ts

@@ -0,0 +1,26 @@
+import { DialogProps } from '../Dialog';
+export interface PopupProps<T> {
+    data: T;
+    close: () => void;
+}
+type PopupSignature = (options: PopupProps<any>) => JSX.Element;
+type Store = {
+    [name: string]: PopupSignature;
+};
+type UnwrapProps<T extends PopupSignature> = Parameters<T>[0] extends PopupProps<infer Q> ? Q : never;
+type OpenAgent<T extends Store> = {
+    [P in keyof T]: (data: UnwrapProps<T[P]>) => void;
+};
+type CloseAgent<T extends Store> = {
+    [key in keyof T]: () => void;
+};
+type PopupsRegistry<T extends Store> = {
+    Overlay: () => JSX.Element;
+    Close: CloseAgent<T>;
+    Open: OpenAgent<T>;
+};
+export declare const createDialogsRegistry: <T extends Store>(mapping: T) => PopupsRegistry<T>;
+interface PopupLayer extends Omit<DialogProps, 'open' | 'onOpenChange' | 'onClosed'> {
+}
+export declare const DialogShell: ({ children, ...props }: PopupLayer) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/__helpers/createPopoversRegistry.d.ts

@@ -0,0 +1,19 @@
+import { PopoverProps } from '../Popover';
+export type PopoverContentProps<T> = {
+    data: T;
+    close: () => void;
+};
+type PopoverSignature = (options: PopoverContentProps<any>) => JSX.Element;
+type Store = {
+    [name: string]: PopoverSignature;
+};
+type UnwrapProps<T extends PopoverSignature> = Parameters<T>[0] extends PopoverContentProps<infer Q> ? Q : never;
+type PopoversStore<T extends Store> = {
+    [P in keyof T]: (props: Omit<PopoverProps, 'content'> & (UnwrapProps<T[P]> extends never ? {
+        data?: unknown;
+    } : {
+        data: UnwrapProps<T[P]>;
+    })) => JSX.Element;
+};
+export declare const createPopoversRegistry: <T extends Store>(mapping: T) => PopoversStore<T>;
+export {};

package/dist/bundle.es.js

@@ -3,18 +3,18 @@ import { Spinner as p } from "./bundle.es3.js";
 import { Scrollable as x } from "./bundle.es4.js";
 import { ImitateScroll as a } from "./bundle.es5.js";
 import { Popover as l } from "./bundle.es6.js";
-import { Tooltip as c } from "./bundle.es7.js";
-import { Select as s } from "./bundle.es8.js";
-import { Input as T } from "./bundle.es9.js";
-import { OptionItem as I } from "./bundle.es10.js";
-import { NumberInput as b } from "./bundle.es11.js";
-import { OptionsList as A } from "./bundle.es12.js";
-import { ButtonGroup as P } from "./bundle.es13.js";
-import { Checkbox as w } from "./bundle.es14.js";
-import { Switch as L } from "./bundle.es15.js";
-import { Radio as h, RadioGroup as v } from "./bundle.es16.js";
-import { Drawer as F } from "./bundle.es17.js";
-import { Dialog as y } from "./bundle.es18.js";
+import { Tooltip as n } from "./bundle.es7.js";
+import { Select as u } from "./bundle.es8.js";
+import { Input as S } from "./bundle.es9.js";
+import { OptionItem as T } from "./bundle.es10.js";
+import { NumberInput as P } from "./bundle.es11.js";
+import { OptionsList as d } from "./bundle.es12.js";
+import { ButtonGroup as B } from "./bundle.es13.js";
+import { Checkbox as h } from "./bundle.es14.js";
+import { Switch as v } from "./bundle.es15.js";
+import { Radio as y, RadioGroup as G } from "./bundle.es16.js";
+import { Drawer as O } from "./bundle.es17.js";
+import { Dialog as F } from "./bundle.es18.js";
 import { AlertDialog as j } from "./bundle.es19.js";
 import { LoadButton as z } from "./bundle.es20.js";
 import { Tabs as H } from "./bundle.es21.js";
@@ -29,43 +29,48 @@ import { TimePicker as to } from "./bundle.es29.js";
 import { Icon as mo } from "./bundle.es30.js";
 import { ProgressBar as fo } from "./bundle.es31.js";
 import { useLocalStorage as io } from "./bundle.es32.js";
-import { createAlertAgent as no } from "./bundle.es33.js";
-import { createToaster as uo } from "./bundle.es34.js";
-import { Toast as So } from "./bundle.es35.js";
+import { createAlertAgent as co } from "./bundle.es33.js";
+import { createToaster as so } from "./bundle.es34.js";
+import { Toast as go } from "./bundle.es35.js";
+import { DialogShell as Do, createDialogsRegistry as To } from "./bundle.es36.js";
+import { createPopoversRegistry as Po } from "./bundle.es37.js";
 export {
   j as AlertDialog,
   e as Button,
-  P as ButtonGroup,
-  w as Checkbox,
+  B as ButtonGroup,
+  h as Checkbox,
   K as Countdown,
   Z as DateInput,
   X as DatePicker,
-  y as Dialog,
-  F as Drawer,
+  F as Dialog,
+  Do as DialogShell,
+  O as Drawer,
   $ as FileOverlay,
   ro as FormGroup,
   mo as Icon,
   a as ImitateScroll,
-  T as Input,
+  S as Input,
   z as LoadButton,
-  b as NumberInput,
-  I as OptionItem,
-  A as OptionsList,
+  P as NumberInput,
+  T as OptionItem,
+  d as OptionsList,
   l as Popover,
   fo as ProgressBar,
-  h as Radio,
-  v as RadioGroup,
+  y as Radio,
+  G as RadioGroup,
   x as Scrollable,
-  s as Select,
+  u as Select,
   V as SelectTags,
   p as Spinner,
-  L as Switch,
+  v as Switch,
   H as Tabs,
   Q as TextArea,
   to as TimePicker,
-  So as Toast,
-  c as Tooltip,
-  no as createAlertAgent,
-  uo as createToaster,
+  go as Toast,
+  n as Tooltip,
+  co as createAlertAgent,
+  To as createDialogsRegistry,
+  Po as createPopoversRegistry,
+  so as createToaster,
   io as useLocalStorage
 };

package/dist/bundle.es10.js

@@ -3,7 +3,7 @@ import N from "classnames";
 import { Icon as v } from "./bundle.es30.js";
 import { attr as t } from "@companix/utils-browser";
 import { forwardRef as k } from "react";
-import { f as x } from "./bundle.es42.js";
+import { f as x } from "./bundle.es44.js";
 const E = k(
   ({ title: s, icon: c, active: e, label: n, disabled: a, minimal: r, onClick: d, className: l, ...m }, p) => {
     const f = (h) => {

package/dist/bundle.es11.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import C from "classnames";
 import { forwardRef as j, useRef as w } from "react";
 import { mergeRefs as y } from "react-merge-refs";
-import { InputContainer as F } from "./bundle.es41.js";
+import { InputContainer as F } from "./bundle.es43.js";
 import { NumericFormat as V } from "react-number-format";
 const D = j(
   ({

package/dist/bundle.es14.js

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-checkbox";
 import { Icon as h } from "./bundle.es30.js";
-import { f as l } from "./bundle.es42.js";
+import { f as l } from "./bundle.es44.js";
 import { useId as n } from "react";
 import { attr as c } from "@companix/utils-browser";
 const N = ({ checked: a, required: s, disabled: r, onCheckedChange: m, size: x, label: e }) => {

package/dist/bundle.es18.js

@@ -1,15 +1,31 @@
-import { jsx as i, jsxs as r } from "react/jsx-runtime";
-import n from "classnames";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import f from "classnames";
 import * as o from "@radix-ui/react-dialog";
-import { VisuallyHidden as p } from "@radix-ui/react-visually-hidden";
-const c = ({ size: e = "s", open: l, onOpenChange: a, children: s, className: t }) => /* @__PURE__ */ i(o.Root, { open: l, onOpenChange: a, children: /* @__PURE__ */ r(o.Portal, { children: [
-  /* @__PURE__ */ i(o.Overlay, { className: "popup-overlay dialog-overlay" }),
-  /* @__PURE__ */ i(o.Content, { className: "popup-container dialog-container", "data-size": e, children: /* @__PURE__ */ r("div", { className: n("popup dialog", t), children: [
-    /* @__PURE__ */ i(p, { children: /* @__PURE__ */ i(o.Title, {}) }),
-    s
-  ] }) })
-] }) });
-c.Close = o.Close;
+import { VisuallyHidden as a } from "@radix-ui/react-visually-hidden";
+import { RemoveListener as v } from "./bundle.es45.js";
+const g = (l) => {
+  const { size: n = "s", open: r, onOpenChange: s, children: c, onClosed: t, disableEsc: p, className: d } = l, m = (h) => {
+    p && h.preventDefault();
+  };
+  return /* @__PURE__ */ e(o.Root, { open: r, onOpenChange: s, children: /* @__PURE__ */ i(o.Portal, { children: [
+    /* @__PURE__ */ e(o.Overlay, { className: "popup-overlay dialog-overlay" }),
+    /* @__PURE__ */ e(
+      o.Content,
+      {
+        className: "popup-container dialog-container",
+        "data-size": n,
+        onEscapeKeyDown: m,
+        children: /* @__PURE__ */ i("div", { className: f("popup dialog", d), children: [
+          /* @__PURE__ */ e(v, { callback: t }),
+          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o.Title, {}) }),
+          /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(o.Description, {}) }),
+          c
+        ] })
+      }
+    )
+  ] }) });
+};
+g.Close = o.Close;
 export {
-  c as Dialog
+  g as Dialog
 };

package/dist/bundle.es19.js

@@ -1,7 +1,7 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-alert-dialog";
 import { Button as c } from "./bundle.es2.js";
-import { RemoveListener as N } from "./bundle.es43.js";
+import { RemoveListener as N } from "./bundle.es45.js";
 import { VisuallyHidden as u } from "@radix-ui/react-visually-hidden";
 const C = ({
   open: d,

package/dist/bundle.es20.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { Button as m } from "./bundle.es2.js";
-import { useLoading as p } from "./bundle.es44.js";
+import { useLoading as p } from "./bundle.es46.js";
 const g = ({ onClick: o, appearance: r = "primary", ...i }) => {
   const { isLoading: n, isError: t, handleClick: a } = p({ onClick: o });
   return /* @__PURE__ */ e(

package/dist/bundle.es23.js

@@ -1,5 +1,5 @@
 import { jsx as f } from "react/jsx-runtime";
-import { useResizeTextarea as x } from "./bundle.es45.js";
+import { useResizeTextarea as x } from "./bundle.es47.js";
 import { attr as e, callMultiple as u } from "@companix/utils-browser";
 import { useEffect as z } from "react";
 import { mergeRefs as R } from "react-merge-refs";

package/dist/bundle.es24.js

@@ -1,12 +1,12 @@
 import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { useFroozeClosing as M } from "./bundle.es36.js";
+import { useFroozeClosing as M } from "./bundle.es38.js";
 import { Popover as j } from "./bundle.es6.js";
 import { OptionItem as q } from "./bundle.es10.js";
 import { OptionsList as V } from "./bundle.es12.js";
 import { Icon as d } from "./bundle.es30.js";
 import { useState as B, useRef as h, useMemo as g } from "react";
-import { f as H } from "./bundle.es46.js";
-import { f as Q } from "./bundle.es47.js";
+import { f as H } from "./bundle.es48.js";
+import { f as Q } from "./bundle.es49.js";
 import { attr as x, getActiveElementByAnotherElement as G, contains as J } from "@companix/utils-browser";
 import { mergeRefs as K } from "react-merge-refs";
 const se = (C) => {

package/dist/bundle.es25.js

@@ -2,11 +2,11 @@ import { jsx as u } from "react/jsx-runtime";
 import { Popover as x } from "./bundle.es6.js";
 import { Input as A } from "./bundle.es9.js";
 import { useState as M, useRef as j } from "react";
-import { Calendar as E } from "./bundle.es48.js";
-import { useDayDisableCheker as N } from "./bundle.es49.js";
+import { Calendar as E } from "./bundle.es50.js";
+import { useDayDisableCheker as N } from "./bundle.es51.js";
 import { getNum as f, formatTime as v } from "@companix/utils-js";
-import { removeDigits as O } from "./bundle.es50.js";
-import { SelectRightElements as Y } from "./bundle.es51.js";
+import { removeDigits as O } from "./bundle.es52.js";
+import { SelectRightElements as Y } from "./bundle.es53.js";
 const i = {
   char: "-",
   toString: (e) => {

package/dist/bundle.es26.js

@@ -1,8 +1,8 @@
 import { jsxs as D, jsx as h } from "react/jsx-runtime";
 import { useMemo as M, useEffect as C } from "react";
 import { Select as c } from "./bundle.es8.js";
-import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es50.js";
-import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es52.js";
+import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es52.js";
+import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es54.js";
 const B = ({
   min: o = j,
   max: e = N,

package/dist/bundle.es29.js

@@ -1,8 +1,8 @@
 import { jsx as g } from "react/jsx-runtime";
 import { useRef as _, useMemo as b, useState as P, useEffect as j } from "react";
 import { getNum as v } from "@companix/utils-js";
-import { getTimesOptions as D, getTimeValue as A, removeDigits as W, convertTimeToOption as q } from "./bundle.es50.js";
-import { SelectRightElements as w } from "./bundle.es51.js";
+import { getTimesOptions as D, getTimeValue as A, removeDigits as W, convertTimeToOption as q } from "./bundle.es52.js";
+import { SelectRightElements as w } from "./bundle.es53.js";
 import { Select as y } from "./bundle.es8.js";
 import { Input as z } from "./bundle.es9.js";
 const r = {

package/dist/bundle.es33.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { hash as m } from "@companix/utils-js";
 import { useRef as n, useMemo as s } from "react";
-import { Viewport as u } from "./bundle.es53.js";
+import { Viewport as u } from "./bundle.es55.js";
 const h = (t = {}) => {
   const e = {
     emit: (r) => {

package/dist/bundle.es34.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { hash as r } from "@companix/utils-js";
-import { Viewport as a } from "./bundle.es54.js";
+import { Viewport as a } from "./bundle.es56.js";
 import { useRef as c, useMemo as h } from "react";
 const m = (i = {}) => {
   const o = {

package/dist/bundle.es35.js

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-toast";
 import { attr as T } from "@companix/utils-browser";
 import { useState as d, useRef as b, useEffect as j, useLayoutEffect as E } from "react";
-import { RemoveListener as I } from "./bundle.es43.js";
+import { RemoveListener as I } from "./bundle.es45.js";
 const m = (o) => {
   const [r, u] = d(!0), [p, f] = d(!1), s = b(null), {
     appearance: C = "neutral",

package/dist/bundle.es36.js

@@ -1,26 +1,45 @@
-import { useRef as s, useCallback as c } from "react";
-const p = () => {
-  const t = s(null), r = s({ cb: null }), i = c(() => {
-    if (t.current && t.current.parentElement) {
-      const e = t.current.parentElement, u = e.style.getPropertyValue("--radix-popper-anchor-width"), n = e.style.getPropertyValue("transform"), o = new MutationObserver(() => {
-        e.style.transform !== n && e.style.setProperty("transform", n);
-      });
-      o.observe(e, {
-        attributes: !0,
-        attributeFilter: ["style"]
-      }), r.current.cb = () => {
-        o.disconnect();
-      }, t.current.style.setProperty("--radix-popover-trigger-width", u);
-    }
-  }, []), l = c(() => {
-    r.current.cb && (r.current.cb(), r.current.cb = null);
-  }, []);
+import { jsx as r, Fragment as m } from "react/jsx-runtime";
+import { useContext as C, createContext as g, useState as h, useEffect as x, useCallback as u } from "react";
+import { Dialog as D } from "./bundle.es18.js";
+import { hash as v } from "@companix/utils-js";
+const $ = (t) => {
+  const e = {}, n = {}, l = [], c = v();
+  for (const o in t)
+    e[o] = () => {
+    }, n[o] = () => {
+    }, l.push(() => /* @__PURE__ */ r(O, { Open: e, Close: n, name: o, Content: t[o] }));
   return {
-    popoverRef: t,
-    handleAnimationEnd: l,
-    froozePopoverPosition: i
+    Open: e,
+    Close: n,
+    Overlay: () => /* @__PURE__ */ r(m, { children: l.map((o, s) => /* @__PURE__ */ r(o, {}, `popup-${c}-${s}`)) })
   };
+}, O = ({ name: t, Open: e, Close: n, Content: l }) => {
+  const [{ data: c, open: o }, s] = h({ data: null, open: !1 });
+  x(() => {
+    e[t] = (a) => {
+      s({ data: a, open: !0 });
+    }, n[t] = () => {
+      o && p();
+    };
+  }, []);
+  const p = u(() => {
+    s(({ data: a }) => ({ data: a, open: !1 }));
+  }, []), f = u(() => {
+    s({ data: null, open: !1 });
+  }, []), d = u((a) => {
+    a || p();
+  }, []);
+  return c ? /* @__PURE__ */ r(i.Provider, { value: { open: o, onOpenChange: d, onClosed: f }, children: /* @__PURE__ */ r(l, { data: c, close: p }) }) : null;
+}, i = g(null), S = () => {
+  const t = C(i);
+  if (!t)
+    throw new Error("Dialog context not provided");
+  return t;
+}, b = ({ children: t, ...e }) => {
+  const n = S();
+  return /* @__PURE__ */ r(D, { ...n, ...e, children: t });
 };
 export {
-  p as useFroozeClosing
+  b as DialogShell,
+  $ as createDialogsRegistry
 };

package/dist/bundle.es37.js

@@ -1,89 +1,11 @@
-import { jsxs as o, jsx as c } from "react/jsx-runtime";
-import A from "classnames";
-import { attr as l } from "@companix/utils-browser";
-import { forwardRef as y, useRef as S, useCallback as T } from "react";
-import { VisuallyHidden as j } from "@radix-ui/react-visually-hidden";
-import { mergeRefs as w } from "react-merge-refs";
-import { SelectRightElements as z } from "./bundle.es51.js";
-const V = y(
-  ({
-    required: a,
-    size: u,
-    fill: d,
-    leftElement: s,
-    className: m,
-    value: n,
-    clearButton: f,
-    placeholder: p,
-    clearButtonIcon: h,
-    disabled: r,
-    onClear: C,
-    inputRef: I,
-    ...i
-  }, k) => {
-    const e = S(null), N = T(
-      (t) => {
-        if (!e.current || !document)
-          return;
-        t.target !== e.current && (e.current.click(), document.activeElement !== e.current && e.current.focus());
-      },
-      [e]
-    ), v = (t) => {
-      document && document.activeElement === e.current && t.preventDefault();
-    }, F = (t) => {
-      r || N(t);
-    }, g = (t) => {
-      v(t);
-    }, R = (t) => {
-      e.current && e.current.focus(), C?.(t);
-    };
-    return /* @__PURE__ */ o(
-      "div",
-      {
-        ref: k,
-        className: A("form select", m),
-        "data-size": u ?? "md",
-        "data-fill": l(d),
-        "data-required": l(a),
-        "data-disabled": l(r),
-        onMouseDown: g,
-        ...i,
-        onClick: F,
-        children: [
-          /* @__PURE__ */ o("div", { className: "select-layout form-input", children: [
-            s && /* @__PURE__ */ c("div", { className: "select-element", children: s }),
-            /* @__PURE__ */ c("div", { className: "select-content", children: /* @__PURE__ */ o("div", { className: "select-content-text", "aria-disabled": r, children: [
-              !n && /* @__PURE__ */ c("span", { className: "select-placeholder", children: p }),
-              n
-            ] }) }),
-            /* @__PURE__ */ c("div", { className: "select-element", children: /* @__PURE__ */ c(
-              z,
-              {
-                clearButton: f,
-                value: !!n,
-                clearButtonIcon: h,
-                onClear: R
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ c(j, { asChild: !0, children: /* @__PURE__ */ c(
-            "input",
-            {
-              ref: w([I, e]),
-              autoComplete: "off",
-              autoCapitalize: "none",
-              autoCorrect: "off",
-              spellCheck: "false",
-              "aria-autocomplete": "none",
-              onClick: i.onClick,
-              readOnly: !0
-            }
-          ) })
-        ]
-      }
-    );
-  }
-);
+import { jsx as c } from "react/jsx-runtime";
+import { Popover as m } from "./bundle.es6.js";
+const i = (o) => {
+  const r = {};
+  for (const t in o)
+    r[t] = ({ data: e, ...n }) => /* @__PURE__ */ c(m, { content: ({ close: s }) => o[t]({ data: e, close: s }), ...n });
+  return r;
+};
 export {
-  V as SelectInput
+  i as createPopoversRegistry
 };

package/dist/bundle.es38.js

@@ -1,20 +1,26 @@
-import { useRef as u, useCallback as T } from "react";
-const g = () => {
-  const l = u(null), t = u(null);
-  return { scrollToElement: T(
-    (r, f) => {
-      const o = l.current, s = t.current;
-      if (!o || !s || r < 0 || r > s.children.length)
-        return;
-      const c = s.children[r];
-      if (!c)
-        return;
-      const n = o.offsetHeight, i = o.scrollTop, e = c.offsetTop, p = c.offsetHeight;
-      f === "center" ? o.scrollTop = e - n / 2 + p / 2 : f === "top" ? o.scrollTop = e : e + p > n + i ? o.scrollTop = e - n + p : e < i && (o.scrollTop = e);
-    },
-    [t, l]
-  ), scrollBoxRef: l, optionsWrapperRef: t };
+import { useRef as s, useCallback as c } from "react";
+const p = () => {
+  const t = s(null), r = s({ cb: null }), i = c(() => {
+    if (t.current && t.current.parentElement) {
+      const e = t.current.parentElement, u = e.style.getPropertyValue("--radix-popper-anchor-width"), n = e.style.getPropertyValue("transform"), o = new MutationObserver(() => {
+        e.style.transform !== n && e.style.setProperty("transform", n);
+      });
+      o.observe(e, {
+        attributes: !0,
+        attributeFilter: ["style"]
+      }), r.current.cb = () => {
+        o.disconnect();
+      }, t.current.style.setProperty("--radix-popover-trigger-width", u);
+    }
+  }, []), l = c(() => {
+    r.current.cb && (r.current.cb(), r.current.cb = null);
+  }, []);
+  return {
+    popoverRef: t,
+    handleAnimationEnd: l,
+    froozePopoverPosition: i
+  };
 };
 export {
-  g as useScrollListController
+  p as useFroozeClosing
 };