@companix/uikit 0.0.79 → 0.0.80

package/dist/bundle.es.js

@@ -7,13 +7,13 @@ 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 { Popover as h } from "./bundle.es10.js";
-import { Tooltip as P } from "./bundle.es11.js";
+import { Tooltip as D } 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 w } 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";
@@ -33,17 +33,18 @@ 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 { 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 vo } from "./bundle.es37.js";
+import { ThemeProvider as Po, 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 wo } 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 { RemoveListener as Uo } from "./bundle.es48.js";
 export {
   Q as AlertDialog,
   e as Avatar,
@@ -51,7 +52,7 @@ 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,
@@ -62,38 +63,39 @@ export {
   fo as FormGroup,
   lo as Icon,
   S as ImitateScroll,
-  A as Input,
+  k as Input,
   V as LoadingButton,
-  y as NumberInput,
+  w as NumberInput,
   b as OptionItem,
-  G as OptionsList,
+  C as OptionsList,
   h as Popover,
   so as ProgressBar,
-  Do as ProgressRing,
+  vo as ProgressRing,
   j as Radio,
   q as RadioGroup,
+  Uo as RemoveListener,
   n as Scrollable,
   u as Segments,
   B as Select,
-  d as SelectTags,
+  R as SelectTags,
   go as Skeleton,
   c as Spinner,
   z as Switch,
   X as Tabs,
   $ as TextArea,
-  vo as ThemeProvider,
+  Po as ThemeProvider,
   io as TimePicker,
   zo as Toast,
-  P as Tooltip,
+  D as Tooltip,
   p as avatarSizes,
-  Ao as colorSchemeScript,
-  Go as createAlertAgent,
+  ko as colorSchemeScript,
+  Co as createAlertAgent,
   qo as createDialogsRegistry,
   Ho as createPopoversRegistry,
   Ko as createScope,
   Mo as createStaticScope,
   Oo as createToaster,
-  yo as useBooleanState,
+  wo 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.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
 };

package/dist/bundle.es51.js

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

package/dist/bundle.es52.js

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