@companix/uikit 0.1.36 → 0.1.38

package/dist/ThemeProvider/index.d.ts

@@ -6,7 +6,7 @@ export interface UseColorSchemeProps {
 }
 export declare const useTheme: () => UseColorSchemeProps;
 export interface ThemeProviderProps extends React.PropsWithChildren {
-    fixed?: BooleanConstructor;
+    fixed?: boolean;
     storageKey?: string;
     defaultColorScheme?: ColorSchemeExtendedType;
 }

package/dist/bundle.es23.js

@@ -10,17 +10,17 @@ import { set as R, reset as ae, composeRefs as Q, isInput as ce, isMobileFirefox
 import { usePreventScroll as de } from "./bundle.es72.js";
 import { DRAG_CLASS as j, VELOCITY_THRESHOLD as ge, CLOSE_THRESHOLD as me, SCROLL_LOCK_TIMEOUT as pe, TRANSITIONS as Y, WINDOW_TOP_OFFSET as he } from "./bundle.es73.js";
 const we = (m) => {
-  const { open: p, onOpenChange: l, onClosed: D, children: y, defaultOpen: S = !1, disableEsc: f } = m, [x, M] = t.useState(!1), [T, P] = t.useState(!1), [_, A] = t.useState(!1), v = t.useRef(null), H = t.useRef(null), I = t.useRef(null), L = t.useRef(null), o = t.useRef(null), d = t.useRef(!1), h = t.useRef(0), b = t.useRef(!1), N = t.useRef(!S), e = t.useRef(null), O = t.useRef(e.current?.getBoundingClientRect().height || 0), g = t.useRef(0), C = t.useRef(0), w = p ?? !1, V = t.useCallback(
+  const { open: p, onOpenChange: l, onClosed: D, children: y, defaultOpen: S = !1, disableEsc: f } = m, [M, P] = t.useState(!1), [T, v] = t.useState(!1), [_, A] = t.useState(!1), x = t.useRef(null), H = t.useRef(null), I = t.useRef(null), L = t.useRef(null), o = t.useRef(null), d = t.useRef(!1), h = t.useRef(0), b = t.useRef(!1), N = t.useRef(!S), e = t.useRef(null), O = t.useRef(e.current?.getBoundingClientRect().height || 0), g = t.useRef(0), C = t.useRef(0), w = p ?? !1, V = t.useCallback(
     (r) => {
       l(r);
     },
     [l]
   );
   de({
-    isDisabled: !w || T || _ || !x
+    isDisabled: !w || T || _ || !M
   });
   const ee = (r) => {
-    e.current && !e.current.contains(r.target) || (O.current = e.current?.getBoundingClientRect().height || 0, P(!0), I.current = /* @__PURE__ */ new Date(), le() && window.addEventListener("touchend", () => d.current = !1, { once: !0 }), r.target.setPointerCapture(r.pointerId), h.current = r.pageY);
+    e.current && !e.current.contains(r.target) || (O.current = e.current?.getBoundingClientRect().height || 0, v(!0), I.current = /* @__PURE__ */ new Date(), le() && window.addEventListener("touchend", () => d.current = !1, { once: !0 }), r.target.setPointerCapture(r.pointerId), h.current = r.pageY);
   }, z = (r, c) => {
     let n = r;
     const u = window.getSelection()?.toString(), i = e.current ? W(e.current) : null, a = /* @__PURE__ */ new Date();
@@ -48,7 +48,7 @@ const we = (m) => {
       if (!d.current && !z(r.target, n)) return;
       if (e.current.classList.add(j), d.current = !0, R(e.current, {
         transition: "none"
-      }), R(v.current, {
+      }), R(x.current, {
         transition: "none"
       }), n) {
         const F = fe(c), U = Math.min(F * -1, 0) * 1;
@@ -59,7 +59,7 @@ const we = (m) => {
       }
       const k = 1 - a;
       R(
-        v.current,
+        x.current,
         {
           opacity: `${k}`,
           transition: "none"
@@ -103,15 +103,15 @@ const we = (m) => {
     e.current && (R(e.current, {
       transform: "translate3d(0, 0, 0)",
       transition: `transform ${Y.DURATION}s cubic-bezier(${Y.EASE.join(",")})`
-    }), R(v.current, {
+    }), R(x.current, {
       transition: `opacity ${Y.DURATION}s cubic-bezier(${Y.EASE.join(",")})`,
       opacity: "1"
     }));
   }, re = () => {
-    !T || !e.current || (e.current.classList.remove(j), d.current = !1, P(!1), L.current = /* @__PURE__ */ new Date());
+    !T || !e.current || (e.current.classList.remove(j), d.current = !1, v(!1), L.current = /* @__PURE__ */ new Date());
   }, ne = (r) => {
     if (!T || !e.current) return;
-    e.current.classList.remove(j), d.current = !1, P(!1), L.current = /* @__PURE__ */ new Date();
+    e.current.classList.remove(j), d.current = !1, v(!1), L.current = /* @__PURE__ */ new Date();
     const c = W(e.current);
     if (!r || !z(r.target, !1) || !c || Number.isNaN(c) || I.current === null) return;
     const n = L.current.getTime() - I.current.getTime(), u = h.current - r.pageY, i = Math.abs(u) / n;
@@ -135,7 +135,7 @@ const we = (m) => {
     }
     X();
   };
-  return t.useEffect(() => (w && (R(document.documentElement, {
+  return t.useEffect(() => (w && (P(!0), R(document.documentElement, {
     scrollBehavior: "auto"
   }), H.current = /* @__PURE__ */ new Date()), () => {
     ae(document.documentElement, "scrollBehavior");
@@ -144,7 +144,7 @@ const we = (m) => {
     {
       defaultOpen: S,
       onOpenChange: (r) => {
-        r ? M(!0) : B(!0), V(r);
+        r ? P(!0) : B(!0), V(r);
       },
       open: w,
       modal: !0,
@@ -153,7 +153,7 @@ const we = (m) => {
         {
           value: {
             drawerRef: e,
-            overlayRef: v,
+            overlayRef: x,
             onPress: ee,
             onRelease: ne,
             onDrag: te,
@@ -172,14 +172,14 @@ const we = (m) => {
   );
 }, Re = t.forwardRef(
   ({ className: m, ...p }, l) => {
-    const { overlayRef: D, onRelease: y, shouldAnimate: S } = J(), f = Q(l, D), x = t.useCallback(
-      (M) => y(M),
+    const { overlayRef: D, onRelease: y, shouldAnimate: S } = J(), f = Q(l, D), M = t.useCallback(
+      (P) => y(P),
       [y]
     );
     return /* @__PURE__ */ s(
       E.Overlay,
       {
-        onMouseUp: x,
+        onMouseUp: M,
         ref: f,
         "data-animate": S?.current ? "true" : "false",
         className: G("popup-overlay drawer-overlay", m),
@@ -188,28 +188,28 @@ const we = (m) => {
     );
   }
 ), De = t.forwardRef(
-  ({ onPointerDownOutside: m, style: p, onOpenAutoFocus: l, className: D, size: y, children: S, ...f }, x) => {
+  ({ onPointerDownOutside: m, style: p, onOpenAutoFocus: l, className: D, size: y, children: S, ...f }, M) => {
     const {
-      drawerRef: M,
+      drawerRef: P,
       onPress: T,
-      onRelease: P,
+      onRelease: v,
       onDrag: _,
       keyboardIsOpen: A,
-      shouldAnimate: v,
+      shouldAnimate: x,
       onClosed: H,
       disableEsc: I
-    } = J(), L = Q(x, M), o = t.useRef(null), d = t.useRef(null), h = t.useRef(!1), b = (e, O = 0) => {
+    } = J(), L = Q(M, P), o = t.useRef(null), d = t.useRef(null), h = t.useRef(!1), b = (e, O = 0) => {
       if (h.current) return !0;
       const g = Math.abs(e.y), w = Math.abs(e.x) > g;
       return !(e.y * 1 < 0) && g >= 0 && g <= O ? !w : (h.current = !0, !0);
     }, N = (e) => {
-      o.current = null, h.current = !1, P(e);
+      o.current = null, h.current = !1, v(e);
     };
     return /* @__PURE__ */ q(
       E.Content,
       {
         "data-direction": "bottom",
-        "data-animate": v?.current ? "true" : "false",
+        "data-animate": x?.current ? "true" : "false",
         className: G("popup drawer drawer-mobile", D),
         style: { ...oe({ "--drawer-size": y ?? "50%" }), ...p },
         ...f,
@@ -232,7 +232,7 @@ const we = (m) => {
           b({ x: g, y: O }, C) ? _(e) : (Math.abs(g) > C || Math.abs(O) > C) && (o.current = null);
         },
         onPointerUp: (e) => {
-          f.onPointerUp?.(e), o.current = null, h.current = !1, P(e);
+          f.onPointerUp?.(e), o.current = null, h.current = !1, v(e);
         },
         onPointerOut: (e) => {
           f.onPointerOut?.(e), N(d.current);

package/dist/bundle.es69.js

@@ -2,7 +2,7 @@ import { jsxs as b, jsx as o } from "react/jsx-runtime";
 import h from "classnames";
 import { attr as e } from "@companix/utils-browser";
 import { forwardRef as x } from "react";
-import { useInputPadding as N } from "./bundle.es84.js";
+import { useInputPadding as N } from "./bundle.es86.js";
 const v = x(
   ({
     required: s,

package/dist/bundle.es75.js

@@ -1,7 +1,7 @@
 import { jsxs as D, jsx as t } from "react/jsx-runtime";
 import { dateToFormat as $, weeks as g, createVoids as p, getDayIndex as b, getFirstDay as u, getMonthMaxDay as k } from "./bundle.es67.js";
-import { CalendarHeader as F } from "./bundle.es85.js";
-import { useCalendar as j } from "./bundle.es86.js";
+import { CalendarHeader as F } from "./bundle.es84.js";
+import { useCalendar as j } from "./bundle.es85.js";
 import { attr as m } from "@companix/utils-browser";
 import { isSameDate as f } from "./bundle.es61.js";
 import { useLayoutEffect as I } from "react";

package/dist/bundle.es84.js

@@ -1,16 +1,77 @@
-import { useRef as l, useCallback as p } from "react";
-import { useEffectWithLayout as d } from "./bundle.es87.js";
-const g = (r, f) => {
-  const c = l(null), i = l(null), o = { Right: c, Left: i }, u = p((t) => {
-    if (r.current) {
-      const n = r.current.style, e = o[t];
-      e.current && e.current.clientWidth ? n[`padding${t}`] !== `${e.current.clientWidth}px` && (n[`padding${t}`] = `${e.current.clientWidth}px`) : n[`padding${t}`] && (n[`padding${t}`] = "");
-    }
-  }, []);
-  return d(() => {
-    u("Left"), u("Right");
-  }, f), { rightRef: c, leftRef: i };
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { useCallback as u, useMemo as h } from "react";
+import { Select as p } from "./bundle.es13.js";
+import { getMonths as k, getYears as z, DEFAULT_MAX_YEAR as f, DEFAULT_MIN_YEAR as g } from "./bundle.es67.js";
+import { Icon as C } from "./bundle.es36.js";
+import { faChevronLeft as E, faChevronRight as T } from "@companix/icons-solid";
+import { setMonth as _, setYear as F } from "./bundle.es61.js";
+const y = ({
+  viewDate: n,
+  onChange: c,
+  isMonthDisabled: a,
+  isYearDisabled: m,
+  onNextMonth: N,
+  onPrevMonth: v
+}) => {
+  const e = n.getFullYear(), r = n.getMonth(), s = "ru", M = u(
+    (t) => {
+      c(_(n, t));
+    },
+    [c, n]
+  ), x = u(
+    (t) => {
+      c(F(n, t));
+    },
+    [c, n]
+  ), A = h(() => k(s).map((t) => ({
+    ...t,
+    className: "capitalize",
+    disabled: a && a(t.value)
+  })), [s, a]), Y = h(() => z(e, 100).map((t) => ({
+    ...t,
+    disabled: m && m(t.value)
+  })), [e, m]);
+  let l = r === 11 && e === f;
+  a && !l && (l = a(
+    r === 11 ? 0 : r + 1,
+    r === 11 ? Math.min(e + 1, f) : e
+  ));
+  let i = r === 0 && e === g;
+  return a && !i && (i = a(
+    r === 0 ? 11 : r - 1,
+    r === 0 ? Math.max(e - 1, g) : e
+  )), /* @__PURE__ */ d("div", { className: "calendar-header", children: [
+    !i && /* @__PURE__ */ o("button", { className: "calendar-navigation", "data-side": "left", onClick: v, children: /* @__PURE__ */ o(C, { icon: E }) }),
+    /* @__PURE__ */ d("div", { className: "calendar-pickers", children: [
+      /* @__PURE__ */ o(
+        p,
+        {
+          fill: !0,
+          options: Y,
+          size: "sm",
+          value: e,
+          minimalOptions: !0,
+          matchTarget: "min-width",
+          onChange: (t) => x(t)
+        }
+      ),
+      /* @__PURE__ */ o(
+        p,
+        {
+          fill: !0,
+          options: A,
+          size: "sm",
+          className: "capitalize",
+          value: r,
+          minimalOptions: !0,
+          matchTarget: "min-width",
+          onChange: (t) => M(t)
+        }
+      )
+    ] }),
+    !l && /* @__PURE__ */ o("button", { className: "calendar-navigation", "data-side": "right", onClick: N, children: /* @__PURE__ */ o(C, { icon: T }) })
+  ] });
 };
 export {
-  g as useInputPadding
+  y as CalendarHeader
 };

package/dist/bundle.es85.js

@@ -1,77 +1,51 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import { useCallback as u, useMemo as h } from "react";
-import { Select as p } from "./bundle.es13.js";
-import { getMonths as k, getYears as z, DEFAULT_MAX_YEAR as f, DEFAULT_MIN_YEAR as g } from "./bundle.es67.js";
-import { Icon as C } from "./bundle.es36.js";
-import { faChevronLeft as E, faChevronRight as T } from "@companix/icons-solid";
-import { setMonth as _, setYear as F } from "./bundle.es61.js";
-const y = ({
-  viewDate: n,
-  onChange: c,
-  isMonthDisabled: a,
-  isYearDisabled: m,
-  onNextMonth: N,
-  onPrevMonth: v
+import { subMonths as L, addMonths as N, useDayDisableCheker as R } from "./bundle.es61.js";
+import { DEFAULT_MIN_YEAR as w, DEFAULT_MAX_YEAR as A } from "./bundle.es67.js";
+import { useState as U, useCallback as M } from "react";
+const X = ({
+  value: p,
+  disablePast: r,
+  disableFuture: c,
+  shouldDisableDate: E,
+  minDateTime: l,
+  maxDateTime: s
 }) => {
-  const e = n.getFullYear(), r = n.getMonth(), s = "ru", M = u(
-    (t) => {
-      c(_(n, t));
+  const [e, u] = U(p || /* @__PURE__ */ new Date()), _ = M(() => {
+    u(L(e, 1));
+  }, [e]), C = M(() => {
+    u(N(e, 1));
+  }, [e]), D = R({
+    disableFuture: c,
+    disablePast: r,
+    shouldDisableDate: E,
+    minDateTime: l,
+    maxDateTime: s
+  }), k = M(
+    (o, t) => {
+      const n = /* @__PURE__ */ new Date();
+      t = t || e.getFullYear();
+      const h = l ? l.getMonth() : 0, Y = s ? s.getMonth() : 11, F = l?.getFullYear() || w, f = s?.getFullYear() || A;
+      let g = t >= F && t <= f ? t === F && h > o || t === f && o > Y : !0;
+      return c && (g = g || (t === n.getFullYear() ? o > n.getMonth() : t > n.getFullYear())), r && (g = g || (t === n.getFullYear() ? o < n.getMonth() : t < n.getFullYear())), g;
     },
-    [c, n]
-  ), x = u(
-    (t) => {
-      c(F(n, t));
+    [c, r, e, l, s]
+  ), v = M(
+    (o) => {
+      const t = /* @__PURE__ */ new Date(), n = l?.getFullYear() || w, h = s?.getFullYear() || A;
+      let Y = n > o || o > h;
+      return c && (Y = Y || o > t.getFullYear()), r && (Y = Y || o < t.getFullYear()), Y;
     },
-    [c, n]
-  ), A = h(() => k(s).map((t) => ({
-    ...t,
-    className: "capitalize",
-    disabled: a && a(t.value)
-  })), [s, a]), Y = h(() => z(e, 100).map((t) => ({
-    ...t,
-    disabled: m && m(t.value)
-  })), [e, m]);
-  let l = r === 11 && e === f;
-  a && !l && (l = a(
-    r === 11 ? 0 : r + 1,
-    r === 11 ? Math.min(e + 1, f) : e
-  ));
-  let i = r === 0 && e === g;
-  return a && !i && (i = a(
-    r === 0 ? 11 : r - 1,
-    r === 0 ? Math.max(e - 1, g) : e
-  )), /* @__PURE__ */ d("div", { className: "calendar-header", children: [
-    !i && /* @__PURE__ */ o("button", { className: "calendar-navigation", "data-side": "left", onClick: v, children: /* @__PURE__ */ o(C, { icon: E }) }),
-    /* @__PURE__ */ d("div", { className: "calendar-pickers", children: [
-      /* @__PURE__ */ o(
-        p,
-        {
-          fill: !0,
-          options: Y,
-          size: "sm",
-          value: e,
-          minimalOptions: !0,
-          matchTarget: "min-width",
-          onChange: (t) => x(t)
-        }
-      ),
-      /* @__PURE__ */ o(
-        p,
-        {
-          fill: !0,
-          options: A,
-          size: "sm",
-          className: "capitalize",
-          value: r,
-          minimalOptions: !0,
-          matchTarget: "min-width",
-          onChange: (t) => M(t)
-        }
-      )
-    ] }),
-    !l && /* @__PURE__ */ o("button", { className: "calendar-navigation", "data-side": "right", onClick: N, children: /* @__PURE__ */ o(C, { icon: T }) })
-  ] });
+    [c, r, l, s]
+  );
+  return {
+    viewDate: e,
+    setViewDate: u,
+    setPrevMonth: _,
+    setNextMonth: C,
+    isDayDisabled: D,
+    isMonthDisabled: k,
+    isYearDisabled: v
+  };
 };
 export {
-  y as CalendarHeader
+  X as useCalendar
 };

package/dist/bundle.es86.js

@@ -1,51 +1,16 @@
-import { subMonths as L, addMonths as N, useDayDisableCheker as R } from "./bundle.es61.js";
-import { DEFAULT_MIN_YEAR as w, DEFAULT_MAX_YEAR as A } from "./bundle.es67.js";
-import { useState as U, useCallback as M } from "react";
-const X = ({
-  value: p,
-  disablePast: r,
-  disableFuture: c,
-  shouldDisableDate: E,
-  minDateTime: l,
-  maxDateTime: s
-}) => {
-  const [e, u] = U(p || /* @__PURE__ */ new Date()), _ = M(() => {
-    u(L(e, 1));
-  }, [e]), C = M(() => {
-    u(N(e, 1));
-  }, [e]), D = R({
-    disableFuture: c,
-    disablePast: r,
-    shouldDisableDate: E,
-    minDateTime: l,
-    maxDateTime: s
-  }), k = M(
-    (o, t) => {
-      const n = /* @__PURE__ */ new Date();
-      t = t || e.getFullYear();
-      const h = l ? l.getMonth() : 0, Y = s ? s.getMonth() : 11, F = l?.getFullYear() || w, f = s?.getFullYear() || A;
-      let g = t >= F && t <= f ? t === F && h > o || t === f && o > Y : !0;
-      return c && (g = g || (t === n.getFullYear() ? o > n.getMonth() : t > n.getFullYear())), r && (g = g || (t === n.getFullYear() ? o < n.getMonth() : t < n.getFullYear())), g;
-    },
-    [c, r, e, l, s]
-  ), v = M(
-    (o) => {
-      const t = /* @__PURE__ */ new Date(), n = l?.getFullYear() || w, h = s?.getFullYear() || A;
-      let Y = n > o || o > h;
-      return c && (Y = Y || o > t.getFullYear()), r && (Y = Y || o < t.getFullYear()), Y;
-    },
-    [c, r, l, s]
-  );
-  return {
-    viewDate: e,
-    setViewDate: u,
-    setPrevMonth: _,
-    setNextMonth: C,
-    isDayDisabled: D,
-    isMonthDisabled: k,
-    isYearDisabled: v
-  };
+import { useRef as l, useCallback as p } from "react";
+import { useEffectWithLayout as d } from "./bundle.es87.js";
+const g = (r, f) => {
+  const c = l(null), i = l(null), o = { Right: c, Left: i }, u = p((t) => {
+    if (r.current) {
+      const n = r.current.style, e = o[t];
+      e.current && e.current.clientWidth ? n[`padding${t}`] !== `${e.current.clientWidth}px` && (n[`padding${t}`] = `${e.current.clientWidth}px`) : n[`padding${t}`] && (n[`padding${t}`] = "");
+    }
+  }, []);
+  return d(() => {
+    u("Left"), u("Right");
+  }, f), { rightRef: c, leftRef: i };
 };
 export {
-  X as useCalendar
+  g as useInputPadding
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@companix/uikit",
-  "version": "0.1.36",
+  "version": "0.1.38",
   "main": "./dist/bundle.es.js",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",