@companix/uikit 0.0.89 → 0.0.91

package/dist/WriteBar/index.d.ts

@@ -6,13 +6,13 @@ export interface WriteBarProps extends Pick<React.TextareaHTMLAttributes<HTMLTex
     inlineAfter?: React.ReactNode;
     after?: React.ReactNode;
     onHeightChange?: VoidFunction;
-    contnetClassName?: string;
+    contentClassName?: string;
     shadow?: boolean;
     attachbar?: React.ReactNode;
     children?: never;
 }
 export declare const WriteBar: {
-    ({ before, inlineAfter, after, onHeightChange, shadow, containerRef, attachbar, contnetClassName, textareaRef, autoComplete, cols, dirName, disabled, maxLength, minLength, name, placeholder, readOnly, required, value, wrap, rows, onChange, onFocus, onBlur, id, inputMode, defaultValue, autoFocus, tabIndex, spellCheck, className, ...restProps }: WriteBarProps): import("react/jsx-runtime").JSX.Element;
+    ({ before, inlineAfter, after, onHeightChange, shadow, containerRef, attachbar, contentClassName, textareaRef, autoComplete, cols, dirName, disabled, maxLength, minLength, name, placeholder, readOnly, required, value, wrap, rows, onChange, onFocus, onBlur, id, inputMode, defaultValue, autoFocus, tabIndex, spellCheck, className, ...restProps }: WriteBarProps): import("react/jsx-runtime").JSX.Element;
     IconButton({ Component, icon, mode, onClick, isLoading, isHidden }: WriteBarIconProps): import("react/jsx-runtime").JSX.Element;
 };
 interface WriteBarIconProps {

package/dist/__libs/calendar.d.ts

@@ -1,23 +1,23 @@
 import { CalendarProps } from '../Calendar/Calendar';
-export declare function isSameDate(d1: Date, d2: Date): boolean;
+export declare const isSameDate: (d1: Date, d2: Date) => boolean;
 export declare const MONDAY = 1;
-export declare function startOfWeek(date: Date, { weekStartsOn }: {
+export declare const startOfWeek: (date: Date, { weekStartsOn }: {
     weekStartsOn?: number | undefined;
-}): Date;
-export declare function endOfWeek(date: Date, { weekStartsOn }: {
+}) => Date;
+export declare const endOfWeek: (date: Date, { weekStartsOn }: {
     weekStartsOn?: number | undefined;
-}): Date;
-export declare function startOfDay(date: Date): Date;
-export declare function endOfDay(date: Date): Date;
+}) => Date;
+export declare const startOfDay: (date: Date) => Date;
+export declare const endOfDay: (date: Date) => Date;
 export declare function isDayMinMaxRestricted(day: Date, options?: {
     min?: Date;
     max?: Date;
     withTime?: boolean;
 }): boolean;
-export declare function addMonths(date: Date, amount: number): Date;
-export declare function subMonths(date: Date, amount: number): Date;
-export declare function setYear(date: Date, year: number): Date;
-export declare function setMonth(date: Date, month: number): Date;
+export declare const addMonths: (date: Date, amount: number) => Date;
+export declare const subMonths: (date: Date, amount: number) => Date;
+export declare const setYear: (date: Date, year: number) => Date;
+export declare const setMonth: (date: Date, month: number) => Date;
 interface DisableOptions extends Pick<CalendarProps, 'disableFuture' | 'disablePast' | 'maxDateTime' | 'minDateTime' | 'shouldDisableDate'> {
 }
 export declare const createDayDisableChecker: (options: DisableOptions) => (day: Date, withTime?: boolean) => boolean;

package/dist/bundle.es.js

@@ -1,108 +1,122 @@
-import { Avatar as e } from "./bundle.es2.js";
+import { Avatar as o } from "./bundle.es2.js";
 import { avatarSizes as p } from "./bundle.es3.js";
-import { Button as x } from "./bundle.es4.js";
-import { ButtonGroup as a } from "./bundle.es5.js";
-import { Spinner as l } from "./bundle.es6.js";
-import { Scrollable as n } from "./bundle.es7.js";
+import { Button as a } from "./bundle.es4.js";
+import { ButtonGroup as x } from "./bundle.es5.js";
+import { Spinner as s } from "./bundle.es6.js";
+import { Scrollable as c } from "./bundle.es7.js";
 import { ImitateScroll as S } from "./bundle.es8.js";
-import { Segments as g } from "./bundle.es9.js";
+import { Segments as D } from "./bundle.es9.js";
 import { Popover as h } from "./bundle.es10.js";
-import { Tooltip as v } from "./bundle.es11.js";
-import { Select as D } from "./bundle.es12.js";
-import { SelectTags as d } from "./bundle.es13.js";
-import { Input as k } from "./bundle.es14.js";
-import { OptionItem as L } from "./bundle.es15.js";
-import { NumberInput as w } from "./bundle.es16.js";
+import { Tooltip as T } from "./bundle.es11.js";
+import { Select as y } from "./bundle.es12.js";
+import { SelectTags as P } from "./bundle.es13.js";
+import { Input as b } from "./bundle.es14.js";
+import { OptionItem as B } from "./bundle.es15.js";
+import { NumberInput as I } from "./bundle.es16.js";
 import { OptionsList as C } from "./bundle.es17.js";
-import { Checkbox as O } from "./bundle.es18.js";
-import { Switch as F } from "./bundle.es19.js";
-import { Radio as W, RadioGroup as j } from "./bundle.es20.js";
-import { Drawer as E } from "./bundle.es21.js";
-import { Dialog as J } from "./bundle.es22.js";
-import { AlertDialog as M } from "./bundle.es23.js";
-import { LoadingButton as U } from "./bundle.es24.js";
-import { Tabs as X } from "./bundle.es25.js";
+import { Checkbox as w } from "./bundle.es18.js";
+import { Switch as W } from "./bundle.es19.js";
+import { Radio as F, RadioGroup as N } from "./bundle.es20.js";
+import { Drawer as j } from "./bundle.es21.js";
+import { Dialog as E } from "./bundle.es22.js";
+import { AlertDialog as J } from "./bundle.es23.js";
+import { LoadingButton as Q } from "./bundle.es24.js";
+import { Tabs as V } from "./bundle.es25.js";
 import { Countdown as Z } from "./bundle.es26.js";
 import { TextArea as $ } from "./bundle.es27.js";
-import { DatePicker as or } from "./bundle.es28.js";
+import { DatePicker as er } from "./bundle.es28.js";
 import { DateInput as tr } from "./bundle.es29.js";
 import { FileOverlay as mr } from "./bundle.es30.js";
 import { FormGroup as fr } from "./bundle.es31.js";
 import { TimePicker as ir } from "./bundle.es32.js";
-import { Icon as cr } from "./bundle.es33.js";
-import { ProgressBar as sr } from "./bundle.es34.js";
+import { Icon as nr } from "./bundle.es33.js";
+import { ProgressBar as lr } from "./bundle.es34.js";
 import { Skeleton as ur } from "./bundle.es35.js";
-import { Blank as Tr } from "./bundle.es36.js";
-import { ProgressRing as Pr } from "./bundle.es37.js";
-import { WriteBar as Br } from "./bundle.es38.js";
-import { ThemeProvider as Rr, useTheme as dr } from "./bundle.es39.js";
-import { ColorSchemeScript as kr, colorSchemeScript as Ar } from "./bundle.es40.js";
-import { useLocalStorage as br } from "./bundle.es41.js";
-import { useBooleanState as yr } from "./bundle.es42.js";
-import { useResizeTextarea as Gr } from "./bundle.es43.js";
-import { useLoading as zr } from "./bundle.es44.js";
-import { createAlertAgent as Nr } from "./bundle.es45.js";
-import { createToaster as jr } from "./bundle.es46.js";
-import { Toast as Er } from "./bundle.es47.js";
-import { DialogShell as Jr, DrawerShell as Kr, createPopupRegistry as Mr } from "./bundle.es48.js";
-import { createPopoversRegistry as Ur } from "./bundle.es49.js";
-import { createScope as Xr, createStaticScope as Yr } from "./bundle.es50.js";
+import { Blank as gr } from "./bundle.es36.js";
+import { ProgressRing as dr } from "./bundle.es37.js";
+import { WriteBar as kr } from "./bundle.es38.js";
+import { ThemeProvider as Or, useTheme as Pr } from "./bundle.es39.js";
+import { ColorSchemeScript as br, colorSchemeScript as vr } from "./bundle.es40.js";
+import { useLocalStorage as Ar } from "./bundle.es41.js";
+import { useBooleanState as Mr } from "./bundle.es42.js";
+import { useResizeTextarea as Lr } from "./bundle.es43.js";
+import { useLoading as Gr } from "./bundle.es44.js";
+import { createAlertAgent as zr } from "./bundle.es45.js";
+import { createToaster as Nr } from "./bundle.es46.js";
+import { Toast as jr } from "./bundle.es47.js";
+import { DialogShell as Er, DrawerShell as Hr, createPopupRegistry as Jr } from "./bundle.es48.js";
+import { createPopoversRegistry as Qr } from "./bundle.es49.js";
+import { createScope as Vr, createStaticScope as Xr } from "./bundle.es50.js";
 import { RemoveListener as _r } from "./bundle.es51.js";
+import { MONDAY as re, addMonths as ee, createDayDisableChecker as oe, endOfDay as te, endOfWeek as pe, isDayMinMaxRestricted as me, isSameDate as ae, setMonth as fe, setYear as xe, startOfDay as ie, startOfWeek as se, subMonths as ne, useDayDisableCheker as ce } from "./bundle.es52.js";
 export {
-  M as AlertDialog,
-  e as Avatar,
-  Tr as Blank,
-  x as Button,
-  a as ButtonGroup,
-  O as Checkbox,
-  kr as ColorSchemeScript,
+  J as AlertDialog,
+  o as Avatar,
+  gr as Blank,
+  a as Button,
+  x as ButtonGroup,
+  w as Checkbox,
+  br as ColorSchemeScript,
   Z as Countdown,
   tr as DateInput,
-  or as DatePicker,
-  J as Dialog,
-  Jr as DialogShell,
-  E as Drawer,
-  Kr as DrawerShell,
+  er as DatePicker,
+  E as Dialog,
+  Er as DialogShell,
+  j as Drawer,
+  Hr as DrawerShell,
   mr as FileOverlay,
   fr as FormGroup,
-  cr as Icon,
+  nr as Icon,
   S as ImitateScroll,
-  k as Input,
-  U as LoadingButton,
-  w as NumberInput,
-  L as OptionItem,
+  b as Input,
+  Q as LoadingButton,
+  re as MONDAY,
+  I as NumberInput,
+  B as OptionItem,
   C as OptionsList,
   h as Popover,
-  sr as ProgressBar,
-  Pr as ProgressRing,
-  W as Radio,
-  j as RadioGroup,
+  lr as ProgressBar,
+  dr as ProgressRing,
+  F as Radio,
+  N as RadioGroup,
   _r as RemoveListener,
-  n as Scrollable,
-  g as Segments,
-  D as Select,
-  d as SelectTags,
+  c as Scrollable,
+  D as Segments,
+  y as Select,
+  P as SelectTags,
   ur as Skeleton,
-  l as Spinner,
-  F as Switch,
-  X as Tabs,
+  s as Spinner,
+  W as Switch,
+  V as Tabs,
   $ as TextArea,
-  Rr as ThemeProvider,
+  Or as ThemeProvider,
   ir as TimePicker,
-  Er as Toast,
-  v as Tooltip,
-  Br as WriteBar,
+  jr as Toast,
+  T as Tooltip,
+  kr as WriteBar,
+  ee as addMonths,
   p as avatarSizes,
-  Ar as colorSchemeScript,
-  Nr as createAlertAgent,
-  Ur as createPopoversRegistry,
-  Mr as createPopupRegistry,
-  Xr as createScope,
-  Yr as createStaticScope,
-  jr as createToaster,
-  yr as useBooleanState,
-  zr as useLoading,
-  br as useLocalStorage,
-  Gr as useResizeTextarea,
-  dr as useTheme
+  vr as colorSchemeScript,
+  zr as createAlertAgent,
+  oe as createDayDisableChecker,
+  Qr as createPopoversRegistry,
+  Jr as createPopupRegistry,
+  Vr as createScope,
+  Xr as createStaticScope,
+  Nr as createToaster,
+  te as endOfDay,
+  pe as endOfWeek,
+  me as isDayMinMaxRestricted,
+  ae as isSameDate,
+  fe as setMonth,
+  xe as setYear,
+  ie as startOfDay,
+  se as startOfWeek,
+  ne as subMonths,
+  Mr as useBooleanState,
+  ce as useDayDisableCheker,
+  Gr as useLoading,
+  Ar as useLocalStorage,
+  Lr as useResizeTextarea,
+  Pr as useTheme
 };

package/dist/bundle.es12.js

@@ -1,10 +1,10 @@
 import { jsx as l } from "react/jsx-runtime";
 import { useRef as L, useMemo as j, useImperativeHandle as k } from "react";
 import { Popover as q } from "./bundle.es10.js";
-import { useFroozeClosing as w } from "./bundle.es54.js";
-import { SelectInput as H } from "./bundle.es55.js";
-import { useScrollListController as M } from "./bundle.es56.js";
-import { OptionsPopover as N } from "./bundle.es57.js";
+import { useFroozeClosing as w } from "./bundle.es55.js";
+import { SelectInput as H } from "./bundle.es56.js";
+import { useScrollListController as M } from "./bundle.es57.js";
+import { OptionsPopover as N } from "./bundle.es58.js";
 import { mergeRefs as W } from "react-merge-refs";
 const Z = (t) => {
   const {

package/dist/bundle.es13.js

@@ -3,12 +3,12 @@ import { mergeRefs as T } from "react-merge-refs";
 import { useState as M, useRef as h, useMemo as j } from "react";
 import { matchPattern as q } from "@companix/utils-js";
 import { faXmark as V, faChevronDown as $ } from "@companix/icons-solid";
-import { useFroozeClosing as B } from "./bundle.es54.js";
+import { useFroozeClosing as B } from "./bundle.es55.js";
 import { Popover as L } from "./bundle.es10.js";
 import { Icon as g } from "./bundle.es33.js";
 import { attr as l, getActiveElementByAnotherElement as X, contains as G } from "@companix/utils-browser";
-import { OptionsPopover as H } from "./bundle.es57.js";
-import { arrays as v } from "./bundle.es58.js";
+import { OptionsPopover as H } from "./bundle.es58.js";
+import { arrays as v } from "./bundle.es59.js";
 const ne = (r) => {
   const {
     closeAfterSelect: C,

package/dist/bundle.es14.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as b, useRef as R } from "react";
 import { mergeRefs as c } from "react-merge-refs";
-import { InputElement as x } from "./bundle.es59.js";
-import { InputContainer as I } from "./bundle.es60.js";
+import { InputElement as x } from "./bundle.es60.js";
+import { InputContainer as I } from "./bundle.es61.js";
 import g from "classnames";
 const N = b(
   ({

package/dist/bundle.es16.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.es60.js";
+import { InputContainer as F } from "./bundle.es61.js";
 import { NumericFormat as V } from "react-number-format";
 const D = j(
   ({

package/dist/bundle.es2.js

@@ -1,6 +1,6 @@
 import { jsxs as I, jsx as a } from "react/jsx-runtime";
 import { box as g } from "@companix/utils-browser";
-import { getInitialsFontSize as h } from "./bundle.es52.js";
+import { getInitialsFontSize as h } from "./bundle.es53.js";
 const k = 24, y = ({
   alt: n,
   crossOrigin: i,

package/dist/bundle.es25.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as d } from "react/jsx-runtime";
-import { useTabSlider as b, makeTabId as l } from "./bundle.es53.js";
+import { useTabSlider as b, makeTabId as l } from "./bundle.es54.js";
 import * as n from "@radix-ui/react-tabs";
 import { useRef as m, useId as f, createContext as T, useContext as c } from "react";
 const o = T({ baseId: "", containerRef: {} }), u = ({ children: s, value: e, onChange: r }) => {

package/dist/bundle.es28.js

@@ -2,10 +2,10 @@ import { jsx as u } from "react/jsx-runtime";
 import { Popover as T } from "./bundle.es10.js";
 import { Input as w } from "./bundle.es14.js";
 import { useState as A, useRef as j } from "react";
-import { Calendar as E } from "./bundle.es61.js";
-import { useDayDisableCheker as N } from "./bundle.es62.js";
+import { Calendar as E } from "./bundle.es62.js";
+import { useDayDisableCheker as N } from "./bundle.es52.js";
 import { getNum as h, formatTime as v } from "@companix/utils-js";
-import { removeDigits as O } from "./bundle.es58.js";
+import { removeDigits as O } from "./bundle.es59.js";
 import { SelectRightElements as Y } from "./bundle.es63.js";
 const i = {
   char: "-",

package/dist/bundle.es29.js

@@ -1,7 +1,7 @@
 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.es12.js";
-import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es58.js";
+import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es59.js";
 import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es64.js";
 const B = ({
   min: o = j,

package/dist/bundle.es32.js

@@ -1,7 +1,7 @@
 import { jsx as g } from "react/jsx-runtime";
 import { useRef as b, useMemo as I, useState as E, useCallback as A } from "react";
 import { getNum as S } from "@companix/utils-js";
-import { getTimesOptions as W, getTimeValue as q, removeDigits as w, convertTimeToOption as y } from "./bundle.es58.js";
+import { getTimesOptions as W, getTimeValue as q, removeDigits as w, convertTimeToOption as y } from "./bundle.es59.js";
 import { SelectRightElements as z } from "./bundle.es63.js";
 import { Select as F } from "./bundle.es12.js";
 import { Input as G } from "./bundle.es14.js";

package/dist/bundle.es37.js

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as s } from "react/jsx-runtime";
-import { getInitialsFontSize as l } from "./bundle.es52.js";
+import { getInitialsFontSize as l } from "./bundle.es53.js";
 import { clamp as i, customCSS as m, px as n } from "@companix/utils-browser";
 const u = ({
   appearance: o = "primary",

package/dist/bundle.es38.js

@@ -14,7 +14,7 @@ const L = ({
   shadow: s = !1,
   containerRef: a,
   attachbar: c,
-  contnetClassName: d,
+  contentClassName: d,
   // textarea props
   textareaRef: l,
   autoComplete: f,

package/dist/bundle.es52.js

@@ -1,27 +1,68 @@
-const _ = (e) => {
-  if (e <= 16)
-    return 5;
-  if (e <= 24)
-    return 8;
-  if (e <= 32)
-    return 10;
-  if (e <= 36)
-    return 13;
-  if (e <= 44)
-    return 14;
-  if (e <= 48)
-    return 17;
-  if (e < 56)
-    return 18;
-  if (e <= 64)
-    return 21;
-  if (e <= 88)
-    return 26;
-  if (e <= 96)
-    return 30;
-  const n = Math.ceil(e * 0.3125), E = n % 2;
-  return n + E;
+import { useMemo as i, useCallback as f } from "react";
+const D = (e, t) => e.getDate() === t.getDate() && e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear(), l = 1, y = (e, { weekStartsOn: t = l }) => {
+  const n = new Date(e), s = n.getDay(), r = (s < t ? 7 : 0) + s - t;
+  return n.setDate(n.getDate() - r), n.setHours(0, 0, 0, 0), n;
+}, F = (e, { weekStartsOn: t = l }) => {
+  const n = new Date(e), s = n.getDay(), r = (s < t ? -7 : 0) + 6 - (s - t);
+  return n.setDate(n.getDate() + r), n.setHours(23, 59, 59, 999), n;
+}, h = (e) => {
+  const t = new Date(e);
+  return t.setHours(0, 0, 0, 0), t;
+}, M = (e) => {
+  const t = new Date(e);
+  return t.setHours(23, 59, 59, 999), t;
+};
+function g(e, t = {}) {
+  const { min: n, max: s, withTime: r = !1 } = t;
+  return !r && (n && D(e, n) || s && D(e, s)) ? !1 : !!(n && e < n || s && e > s);
+}
+const m = (e, t) => {
+  const n = new Date(e);
+  if (!t)
+    return n;
+  const s = n.getDate(), r = new Date(e);
+  r.setMonth(n.getMonth() + t + 1, 0);
+  const a = r.getDate();
+  return s >= a ? r : (n.setFullYear(r.getFullYear(), r.getMonth(), s), n);
+}, Y = (e, t) => m(e, -t), w = (e) => {
+  const t = new Date(e), n = new Date(t);
+  return n.setFullYear(t.getFullYear(), t.getMonth() + 1, 0), n.setHours(0, 0, 0, 0), n.getDate();
+}, x = (e, t) => {
+  const n = new Date(e);
+  return n.setFullYear(t), n;
+}, H = (e, t) => {
+  const n = new Date(e), s = n.getFullYear(), r = n.getDate(), a = new Date(e);
+  a.setFullYear(s, t, 15), a.setHours(0, 0, 0, 0);
+  const o = w(a);
+  return n.setMonth(t, Math.min(r, o)), n;
+}, b = (e) => {
+  const { disableFuture: t, disablePast: n, maxDateTime: s, minDateTime: r, shouldDisableDate: a } = e;
+  return (o, c) => {
+    const u = /* @__PURE__ */ new Date();
+    return a ? a(o) : t ? h(o) > u : n ? M(o) < u : r || s ? g(o, { min: r, max: s, withTime: c }) : !1;
+  };
+}, O = (e) => {
+  const t = i(() => b(e), [
+    e.disableFuture,
+    e.disablePast,
+    e.shouldDisableDate,
+    e.minDateTime,
+    e.maxDateTime
+  ]);
+  return f(t, [t]);
 };
 export {
-  _ as getInitialsFontSize
+  l as MONDAY,
+  m as addMonths,
+  b as createDayDisableChecker,
+  M as endOfDay,
+  F as endOfWeek,
+  g as isDayMinMaxRestricted,
+  D as isSameDate,
+  H as setMonth,
+  x as setYear,
+  h as startOfDay,
+  y as startOfWeek,
+  Y as subMonths,
+  O as useDayDisableCheker
 };

package/dist/bundle.es53.js

@@ -1,25 +1,27 @@
-import { useState as u, useEffect as d } from "react";
-const v = ({ baseId: r, value: e, containerRef: o }) => {
-  const [l, n] = u({});
-  return d(() => {
-    const t = { observer: null };
-    if (o.current) {
-      const c = `#${h(r, e)}`, s = o.current.querySelector(c);
-      s != null ? (t.observer = new ResizeObserver(() => {
-        const { clientHeight: i, clientWidth: a, offsetLeft: f, offsetTop: b } = s;
-        n({
-          width: a,
-          height: i,
-          transform: `translateX(${Math.floor(f)}px) translateY(${Math.floor(b)}px)`
-        });
-      }), t.observer.observe(s)) : n({ display: "none" });
-    }
-    return () => {
-      t.observer && t.observer.disconnect();
-    };
-  }, [e]), l;
-}, h = (r, e) => `uikit-tab-${r}-trigger-${e}`;
+const _ = (e) => {
+  if (e <= 16)
+    return 5;
+  if (e <= 24)
+    return 8;
+  if (e <= 32)
+    return 10;
+  if (e <= 36)
+    return 13;
+  if (e <= 44)
+    return 14;
+  if (e <= 48)
+    return 17;
+  if (e < 56)
+    return 18;
+  if (e <= 64)
+    return 21;
+  if (e <= 88)
+    return 26;
+  if (e <= 96)
+    return 30;
+  const n = Math.ceil(e * 0.3125), E = n % 2;
+  return n + E;
+};
 export {
-  h as makeTabId,
-  v as useTabSlider
+  _ as getInitialsFontSize
 };

package/dist/bundle.es54.js

@@ -1,26 +1,25 @@
-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);
+import { useState as u, useEffect as d } from "react";
+const v = ({ baseId: r, value: e, containerRef: o }) => {
+  const [l, n] = u({});
+  return d(() => {
+    const t = { observer: null };
+    if (o.current) {
+      const c = `#${h(r, e)}`, s = o.current.querySelector(c);
+      s != null ? (t.observer = new ResizeObserver(() => {
+        const { clientHeight: i, clientWidth: a, offsetLeft: f, offsetTop: b } = s;
+        n({
+          width: a,
+          height: i,
+          transform: `translateX(${Math.floor(f)}px) translateY(${Math.floor(b)}px)`
+        });
+      }), t.observer.observe(s)) : n({ display: "none" });
     }
-  }, []), l = c(() => {
-    r.current.cb && (r.current.cb(), r.current.cb = null);
-  }, []);
-  return {
-    popoverRef: t,
-    handleAnimationEnd: l,
-    froozePopoverPosition: i
-  };
-};
+    return () => {
+      t.observer && t.observer.disconnect();
+    };
+  }, [e]), l;
+}, h = (r, e) => `uikit-tab-${r}-trigger-${e}`;
 export {
-  p as useFroozeClosing
+  h as makeTabId,
+  v as useTabSlider
 };