@companix/uikit 0.0.76 → 0.0.77

package/dist/__helpers/createScope.d.ts

@@ -0,0 +1,13 @@
+interface ProviderChildren<T> {
+    children: React.ReactNode;
+    initialValue?: T;
+}
+type Scope<T> = [T, React.Dispatch<React.SetStateAction<T>>];
+type ScopeProvider<T> = (props: ProviderChildren<T>) => JSX.Element;
+type Setter<T> = (value: React.SetStateAction<T>) => void;
+export declare const createScope: <T>(defaultValue: T) => [ScopeProvider<T>, () => Scope<T>, Setter<T>];
+export declare const createStaticScope: <T>(defaultValue: T) => [(props: {
+    children: React.ReactNode;
+    value: T;
+}) => JSX.Element, () => T];
+export {};

package/dist/bundle.es.js

@@ -41,6 +41,7 @@ import { createToaster as yo } from "./bundle.es41.js";
 import { Toast as Go } from "./bundle.es42.js";
 import { DialogShell as Oo, createDialogsRegistry as Fo } from "./bundle.es43.js";
 import { createPopoversRegistry as No } from "./bundle.es44.js";
+import { createScope as qo } from "./bundle.es45.js";
 export {
   Q as AlertDialog,
   e as Avatar,
@@ -85,6 +86,7 @@ export {
   Ro as createAlertAgent,
   Fo as createDialogsRegistry,
   No as createPopoversRegistry,
+  qo as createScope,
   yo as createToaster,
   bo as useBooleanState,
   Ao as useLocalStorage,

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.es47.js";
-import { SelectInput as H } from "./bundle.es48.js";
-import { useScrollListController as M } from "./bundle.es49.js";
-import { OptionsPopover as N } from "./bundle.es50.js";
+import { useFroozeClosing as w } from "./bundle.es48.js";
+import { SelectInput as H } from "./bundle.es49.js";
+import { useScrollListController as M } from "./bundle.es50.js";
+import { OptionsPopover as N } from "./bundle.es51.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.es47.js";
+import { useFroozeClosing as B } from "./bundle.es48.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.es50.js";
-import { arrays as v } from "./bundle.es51.js";
+import { OptionsPopover as H } from "./bundle.es51.js";
+import { arrays as v } from "./bundle.es52.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.es52.js";
-import { InputContainer as I } from "./bundle.es53.js";
+import { InputElement as x } from "./bundle.es53.js";
+import { InputContainer as I } from "./bundle.es54.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.es53.js";
+import { InputContainer as F } from "./bundle.es54.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.es45.js";
+import { getInitialsFontSize as h } from "./bundle.es46.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.es54.js";
+import { RemoveListener as f } from "./bundle.es55.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.es54.js";
+import { RemoveListener as v } from "./bundle.es55.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.es54.js";
+import { RemoveListener as N } from "./bundle.es55.js";
 import { VisuallyHidden as u } from "@radix-ui/react-visually-hidden";
 const C = ({
   open: d,

package/dist/bundle.es24.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { Button as m } from "./bundle.es4.js";
-import { useLoading as p } from "./bundle.es55.js";
+import { useLoading as p } from "./bundle.es56.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.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.es46.js";
+import { useTabSlider as b, makeTabId as l } from "./bundle.es47.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.es27.js

@@ -1,5 +1,5 @@
 import { jsx as f } from "react/jsx-runtime";
-import { useResizeTextarea as x } from "./bundle.es56.js";
+import { useResizeTextarea as x } from "./bundle.es57.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.es28.js

@@ -2,11 +2,11 @@ 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.es57.js";
-import { useDayDisableCheker as N } from "./bundle.es58.js";
+import { Calendar as E } from "./bundle.es58.js";
+import { useDayDisableCheker as N } from "./bundle.es59.js";
 import { getNum as h, formatTime as v } from "@companix/utils-js";
-import { removeDigits as O } from "./bundle.es51.js";
-import { SelectRightElements as Y } from "./bundle.es59.js";
+import { removeDigits as O } from "./bundle.es52.js";
+import { SelectRightElements as Y } from "./bundle.es60.js";
 const i = {
   char: "-",
   toString: (e) => {

package/dist/bundle.es29.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.es12.js";
-import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es51.js";
-import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es60.js";
+import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es52.js";
+import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es61.js";
 const B = ({
   min: o = j,
   max: e = N,

package/dist/bundle.es32.js

@@ -1,8 +1,8 @@
 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.es51.js";
-import { SelectRightElements as z } from "./bundle.es59.js";
+import { getTimesOptions as W, getTimeValue as q, removeDigits as w, convertTimeToOption as y } from "./bundle.es52.js";
+import { SelectRightElements as z } from "./bundle.es60.js";
 import { Select as F } from "./bundle.es12.js";
 import { Input as G } from "./bundle.es14.js";
 const o = {

package/dist/bundle.es36.js

@@ -1,6 +1,6 @@
 import { jsx as u } from "react/jsx-runtime";
 import { useState as h, useEffect as c, createContext as f, useContext as w } from "react";
-import { getColorScheme as v, updateDOM as m } from "./bundle.es61.js";
+import { getColorScheme as v, updateDOM as m } from "./bundle.es62.js";
 const i = f({
   setColorScheme: () => {
   }

package/dist/bundle.es40.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 p } from "./bundle.es62.js";
+import { Viewport as p } from "./bundle.es63.js";
 const a = (t = {}) => {
   const e = {
     emit: (r) => {

package/dist/bundle.es41.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.es63.js";
+import { Viewport as a } from "./bundle.es64.js";
 import { useRef as c, useMemo as h } from "react";
 const m = (i = {}) => {
   const o = {

package/dist/bundle.es42.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.es54.js";
+import { RemoveListener as I } from "./bundle.es55.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,27 +1,22 @@
-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 { jsx as n } from "react/jsx-runtime";
+import { createContext as a, useState as l, useMemo as v, useContext as p } from "react";
+const S = (o) => {
+  const r = a({
+    value: o,
+    setValue: () => {
+    }
+  }), s = { setValue: () => {
+  } };
+  return [({ initialValue: e, children: t }) => {
+    const [c, u] = l(e ?? o);
+    return v(() => {
+      s.setValue = u;
+    }, []), /* @__PURE__ */ n(r.Provider, { value: { value: c, setValue: u }, children: t });
+  }, () => {
+    const { value: e, setValue: t } = p(r);
+    return [e, t];
+  }, (e) => s.setValue(e)];
 };
 export {
-  _ as getInitialsFontSize
+  S as createScope
 };

package/dist/bundle.es46.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.es47.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.es48.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.es59.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.es49.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.es60.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
 };