@companix/uikit 0.0.79 → 0.0.81

package/dist/__helpers/{createDialogRegistry.d.ts → createPopupRegistry.d.ts}

@@ -1,4 +1,5 @@
 import { DialogProps } from '../Dialog';
+import { DrawerProps } from '../Drawer';
 export interface PopupProps<T> {
     data: T;
     close: () => void;
@@ -19,8 +20,11 @@ type PopupsRegistry<T extends Store> = {
     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 createPopupRegistry: <T extends Store>(mapping: T) => PopupsRegistry<T>;
+interface DialogShellProps extends Omit<DialogProps, 'open' | 'onOpenChange' | 'onClosed'> {
 }
-export declare const DialogShell: ({ children, ...props }: PopupLayer) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogShell: ({ children, ...props }: DialogShellProps) => import("react/jsx-runtime").JSX.Element;
+interface DrawerShellProps extends Omit<DrawerProps, 'open' | 'onOpenChange' | 'onClosed'> {
+}
+export declare const DrawerShell: ({ children, ...props }: DrawerShellProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/bundle.es.js

@@ -2,18 +2,18 @@ import { Avatar as e } 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 c } from "./bundle.es6.js";
+import { Spinner as l } from "./bundle.es6.js";
 import { Scrollable as n } from "./bundle.es7.js";
-import { ImitateScroll as S } from "./bundle.es8.js";
-import { Segments as u } from "./bundle.es9.js";
+import { ImitateScroll as s } from "./bundle.es8.js";
+import { Segments as g } from "./bundle.es9.js";
 import { Popover as h } from "./bundle.es10.js";
-import { Tooltip as P } from "./bundle.es11.js";
+import { Tooltip as v } from "./bundle.es11.js";
 import { Select as B } from "./bundle.es12.js";
-import { SelectTags as d } from "./bundle.es13.js";
-import { Input as A } from "./bundle.es14.js";
+import { SelectTags as R } from "./bundle.es13.js";
+import { Input as k } from "./bundle.es14.js";
 import { OptionItem as b } from "./bundle.es15.js";
-import { NumberInput as y } from "./bundle.es16.js";
-import { OptionsList as G } from "./bundle.es17.js";
+import { NumberInput as L } from "./bundle.es16.js";
+import { OptionsList as C } from "./bundle.es17.js";
 import { Checkbox as O } from "./bundle.es18.js";
 import { Switch as z } from "./bundle.es19.js";
 import { Radio as j, RadioGroup as q } from "./bundle.es20.js";
@@ -29,21 +29,22 @@ import { DateInput as to } from "./bundle.es29.js";
 import { FileOverlay as mo } from "./bundle.es30.js";
 import { FormGroup as fo } from "./bundle.es31.js";
 import { TimePicker as io } from "./bundle.es32.js";
-import { Icon as lo } from "./bundle.es33.js";
-import { ProgressBar as so } from "./bundle.es34.js";
-import { Skeleton as go } from "./bundle.es35.js";
+import { Icon as co } from "./bundle.es33.js";
+import { ProgressBar as So } from "./bundle.es34.js";
+import { Skeleton as uo } from "./bundle.es35.js";
 import { Blank as To } from "./bundle.es36.js";
-import { ProgressRing as Do } from "./bundle.es37.js";
-import { ThemeProvider as vo, useTheme as Bo } from "./bundle.es38.js";
-import { ColorSchemeScript as ko, colorSchemeScript as Ao } from "./bundle.es39.js";
+import { ProgressRing as Po } from "./bundle.es37.js";
+import { ThemeProvider as Do, useTheme as Bo } from "./bundle.es38.js";
+import { ColorSchemeScript as Ro, colorSchemeScript as ko } from "./bundle.es39.js";
 import { useLocalStorage as bo } from "./bundle.es40.js";
-import { useBooleanState as yo } from "./bundle.es41.js";
-import { createAlertAgent as Go } from "./bundle.es42.js";
+import { useBooleanState as Lo } from "./bundle.es41.js";
+import { createAlertAgent as Co } from "./bundle.es42.js";
 import { createToaster as Oo } from "./bundle.es43.js";
 import { Toast as zo } from "./bundle.es44.js";
-import { DialogShell as jo, createDialogsRegistry as qo } from "./bundle.es45.js";
-import { createPopoversRegistry as Ho } from "./bundle.es46.js";
-import { createScope as Ko, createStaticScope as Mo } from "./bundle.es47.js";
+import { DialogShell as jo, DrawerShell as qo, createPopupRegistry as Eo } from "./bundle.es45.js";
+import { createPopoversRegistry as Jo } from "./bundle.es46.js";
+import { createScope as Mo, createStaticScope as Qo } from "./bundle.es47.js";
+import { RemoveListener as Vo } from "./bundle.es48.js";
 export {
   Q as AlertDialog,
   e as Avatar,
@@ -51,49 +52,51 @@ export {
   x as Button,
   a as ButtonGroup,
   O as Checkbox,
-  ko as ColorSchemeScript,
+  Ro as ColorSchemeScript,
   Z as Countdown,
   to as DateInput,
   ro as DatePicker,
   K as Dialog,
   jo as DialogShell,
   H as Drawer,
+  qo as DrawerShell,
   mo as FileOverlay,
   fo as FormGroup,
-  lo as Icon,
-  S as ImitateScroll,
-  A as Input,
+  co as Icon,
+  s as ImitateScroll,
+  k as Input,
   V as LoadingButton,
-  y as NumberInput,
+  L as NumberInput,
   b as OptionItem,
-  G as OptionsList,
+  C as OptionsList,
   h as Popover,
-  so as ProgressBar,
-  Do as ProgressRing,
+  So as ProgressBar,
+  Po as ProgressRing,
   j as Radio,
   q as RadioGroup,
+  Vo as RemoveListener,
   n as Scrollable,
-  u as Segments,
+  g as Segments,
   B as Select,
-  d as SelectTags,
-  go as Skeleton,
-  c as Spinner,
+  R as SelectTags,
+  uo as Skeleton,
+  l as Spinner,
   z as Switch,
   X as Tabs,
   $ as TextArea,
-  vo as ThemeProvider,
+  Do as ThemeProvider,
   io as TimePicker,
   zo as Toast,
-  P as Tooltip,
+  v as Tooltip,
   p as avatarSizes,
-  Ao as colorSchemeScript,
-  Go as createAlertAgent,
-  qo as createDialogsRegistry,
-  Ho as createPopoversRegistry,
-  Ko as createScope,
-  Mo as createStaticScope,
+  ko as colorSchemeScript,
+  Co as createAlertAgent,
+  Jo as createPopoversRegistry,
+  Eo as createPopupRegistry,
+  Mo as createScope,
+  Qo as createStaticScope,
   Oo as createToaster,
-  yo as useBooleanState,
+  Lo as useBooleanState,
   bo as useLocalStorage,
   Bo 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.es50.js";
-import { SelectInput as H } from "./bundle.es51.js";
-import { useScrollListController as M } from "./bundle.es52.js";
-import { OptionsPopover as N } from "./bundle.es53.js";
+import { useFroozeClosing as w } from "./bundle.es51.js";
+import { SelectInput as H } from "./bundle.es52.js";
+import { useScrollListController as M } from "./bundle.es53.js";
+import { OptionsPopover as N } from "./bundle.es54.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.es50.js";
+import { useFroozeClosing as B } from "./bundle.es51.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.es53.js";
-import { arrays as v } from "./bundle.es54.js";
+import { OptionsPopover as H } from "./bundle.es54.js";
+import { arrays as v } from "./bundle.es55.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.es55.js";
-import { InputContainer as I } from "./bundle.es56.js";
+import { InputElement as x } from "./bundle.es56.js";
+import { InputContainer as I } from "./bundle.es57.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.es56.js";
+import { InputContainer as F } from "./bundle.es57.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.es48.js";
+import { getInitialsFontSize as h } from "./bundle.es49.js";
 const k = 24, y = ({
   alt: n,
   crossOrigin: i,

package/dist/bundle.es21.js

@@ -3,7 +3,7 @@ import d from "classnames";
 import * as e from "@radix-ui/react-dialog";
 import { VisuallyHidden as i } from "@radix-ui/react-visually-hidden";
 import { customCSS as p } from "@companix/utils-browser";
-import { RemoveListener as f } from "./bundle.es57.js";
+import { RemoveListener as f } from "./bundle.es48.js";
 const h = ({
   open: t,
   onClosed: l,

package/dist/bundle.es22.js

@@ -2,7 +2,7 @@ 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 a } from "@radix-ui/react-visually-hidden";
-import { RemoveListener as v } from "./bundle.es57.js";
+import { RemoveListener as v } from "./bundle.es48.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();

package/dist/bundle.es23.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.es4.js";
-import { RemoveListener as N } from "./bundle.es57.js";
+import { RemoveListener as N } from "./bundle.es48.js";
 import { VisuallyHidden as u } from "@radix-ui/react-visually-hidden";
 const C = ({
   open: d,

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.es49.js";
+import { useTabSlider as b, makeTabId as l } from "./bundle.es50.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

@@ -5,7 +5,7 @@ import { useState as A, useRef as j } from "react";
 import { Calendar as E } from "./bundle.es60.js";
 import { useDayDisableCheker as N } from "./bundle.es61.js";
 import { getNum as h, formatTime as v } from "@companix/utils-js";
-import { removeDigits as O } from "./bundle.es54.js";
+import { removeDigits as O } from "./bundle.es55.js";
 import { SelectRightElements as Y } from "./bundle.es62.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.es54.js";
+import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es55.js";
 import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es63.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.es54.js";
+import { getTimesOptions as W, getTimeValue as q, removeDigits as w, convertTimeToOption as y } from "./bundle.es55.js";
 import { SelectRightElements as z } from "./bundle.es62.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.es48.js";
+import { getInitialsFontSize as l } from "./bundle.es49.js";
 import { clamp as i, customCSS as m, px as n } from "@companix/utils-browser";
 const u = ({
   appearance: o = "primary",

package/dist/bundle.es44.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.es57.js";
+import { RemoveListener as I } from "./bundle.es48.js";
 const m = (o) => {
   const [r, u] = d(!0), [p, f] = d(!1), s = b(null), {
     appearance: C = "neutral",

package/dist/bundle.es45.js

@@ -1,45 +1,50 @@
-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.es22.js";
+import { jsx as r, Fragment as h } from "react/jsx-runtime";
+import { useContext as C, createContext as x, useState as P, useEffect as g, useCallback as u } from "react";
 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] }));
+import { Dialog as w } from "./bundle.es22.js";
+import { Drawer as D } from "./bundle.es21.js";
+const j = (o) => {
+  const t = {}, e = {}, p = [], c = v();
+  for (const n in o)
+    t[n] = () => {
+    }, e[n] = () => {
+    }, p.push(() => /* @__PURE__ */ r(S, { Open: t, Close: e, name: n, Content: o[n] }));
   return {
-    Open: e,
-    Close: n,
-    Overlay: () => /* @__PURE__ */ r(m, { children: l.map((o, s) => /* @__PURE__ */ r(o, {}, `popup-${c}-${s}`)) })
+    Open: t,
+    Close: e,
+    Overlay: () => /* @__PURE__ */ r(h, { children: p.map((n, s) => /* @__PURE__ */ r(n, {}, `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 = ({ name: o, Open: t, Close: e, Content: p }) => {
+  const [{ data: c, open: n }, s] = P({ data: null, open: !1 });
+  g(() => {
+    t[o] = (a) => {
       s({ data: a, open: !0 });
-    }, n[t] = () => {
-      o && p();
+    }, e[o] = () => {
+      n && l();
     };
   }, []);
-  const p = u(() => {
+  const l = u(() => {
     s(({ data: a }) => ({ data: a, open: !1 }));
-  }, []), f = u(() => {
+  }, []), d = u(() => {
     s({ data: null, open: !1 });
-  }, []), d = u((a) => {
-    a || p();
+  }, []), m = u((a) => {
+    a || l();
   }, []);
-  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 });
+  return c ? /* @__PURE__ */ r(i.Provider, { value: { open: n, onOpenChange: m, onClosed: d }, children: /* @__PURE__ */ r(p, { data: c, close: l }) }) : null;
+}, i = x(null), f = () => {
+  const o = C(i);
+  if (!o)
+    throw new Error("Popup context not provided");
+  return o;
+}, k = ({ children: o, ...t }) => {
+  const e = f();
+  return /* @__PURE__ */ r(w, { ...e, ...t, children: o });
+}, F = ({ children: o, ...t }) => {
+  const e = f();
+  return /* @__PURE__ */ r(D, { ...e, ...t, children: o });
 };
 export {
-  b as DialogShell,
-  $ as createDialogsRegistry
+  k as DialogShell,
+  F as DrawerShell,
+  j as createPopupRegistry
 };

package/dist/bundle.es48.js

@@ -1,27 +1,7 @@
-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 { useEffect as r } from "react";
+const n = ({ callback: e }) => (r(() => () => {
+  e?.();
+}, []), null);
 export {
-  _ as getInitialsFontSize
+  n as RemoveListener
 };

package/dist/bundle.es49.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.es50.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
 };