@companix/uikit 0.1.22 → 0.1.24

package/dist/Button/Button.scss

@@ -79,7 +79,7 @@
   &:active {
     @include mixins.use-styles(button, active);
 
-    &:not([disabled]) {
+    &:not([disabled]):not([data-loading]) {
       @include mixins.use-styles(button, pressed);
     }
   }

package/dist/DrawerMobile/index.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 export interface MobileDrawerProps {
     open: boolean;
+    className?: string;
     onOpenChange: (value: boolean) => void;
     children: React.ReactNode;
     defaultOpen?: boolean;
@@ -11,7 +12,7 @@ export interface MobileDrawerProps {
 }
 export declare const Handle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const MobileDrawer: {
-    ({ children, size, ...props }: MobileDrawerProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, size, ...props }: MobileDrawerProps): import("react/jsx-runtime").JSX.Element;
     Close: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
     Handle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };

package/dist/bundle.es23.js

@@ -1,7 +1,7 @@
 import { jsx as s, jsxs as q } from "react/jsx-runtime";
 import t from "react";
 import G from "classnames";
-import * as C from "@radix-ui/react-dialog";
+import * as E from "@radix-ui/react-dialog";
 import { VisuallyHidden as K } from "@radix-ui/react-visually-hidden";
 import { customCSS as oe } from "@companix/utils-browser";
 import { RemoveListener as se } from "./bundle.es58.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.es70.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.es71.js";
 const we = (m) => {
-  const { open: p, onOpenChange: l, onClosed: v, children: E, defaultOpen: y = !1, disableEsc: f } = m, [x, M] = t.useState(!1), [D, S] = t.useState(!1), [_, A] = t.useState(!1), P = 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), T = t.useRef(!1), N = t.useRef(!y), e = t.useRef(null), b = t.useRef(e.current?.getBoundingClientRect().height || 0), g = t.useRef(0), O = t.useRef(0), w = p ?? !1, V = t.useCallback(
+  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(
     (r) => {
       l(r);
     },
     [l]
   );
   de({
-    isDisabled: !w || D || _ || !x
+    isDisabled: !w || T || _ || !x
   });
   const ee = (r) => {
-    e.current && !e.current.contains(r.target) || (b.current = e.current?.getBoundingClientRect().height || 0, S(!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, 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);
   }, z = (r, c) => {
     let n = r;
     const u = window.getSelection()?.toString(), i = e.current ? W(e.current) : null, a = /* @__PURE__ */ new Date();
@@ -43,12 +43,12 @@ const we = (m) => {
     }
     return !0;
   }, te = (r) => {
-    if (e.current && D) {
-      const c = h.current - r.pageY, n = c > 0, u = Math.abs(c), i = b.current, a = u / i;
+    if (e.current && T) {
+      const c = h.current - r.pageY, n = c > 0, u = Math.abs(c), i = O.current, a = u / i;
       if (!d.current && !z(r.target, n)) return;
       if (e.current.classList.add(j), d.current = !0, R(e.current, {
         transition: "none"
-      }), R(P.current, {
+      }), R(v.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(
-        P.current,
+        v.current,
         {
           opacity: `${k}`,
           transition: "none"
@@ -80,11 +80,11 @@ const we = (m) => {
     const r = () => {
       if (!e.current) return;
       const c = document.activeElement;
-      if (ce(c) || T.current) {
+      if (ce(c) || b.current) {
         const n = window.visualViewport?.height || 0, u = window.innerHeight, i = u - n, a = e.current.getBoundingClientRect().height || 0, k = a > u * 0.8;
         g.current || (g.current = a);
         const $ = e.current.getBoundingClientRect().top;
-        if (Math.abs(O.current - i) > 60 && (T.current = !T.current), O.current = i, a > n || T.current) {
+        if (Math.abs(C.current - i) > 60 && (b.current = !b.current), C.current = i, a > n || b.current) {
           const F = e.current.getBoundingClientRect().height;
           let U = F;
           F > n && (U = n - (k ? $ : he)), e.current.style.height = `${Math.max(
@@ -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(P.current, {
+    }), R(v.current, {
       transition: `opacity ${Y.DURATION}s cubic-bezier(${Y.EASE.join(",")})`,
       opacity: "1"
     }));
   }, re = () => {
-    !D || !e.current || (e.current.classList.remove(j), d.current = !1, S(!1), L.current = /* @__PURE__ */ new Date());
+    !T || !e.current || (e.current.classList.remove(j), d.current = !1, P(!1), L.current = /* @__PURE__ */ new Date());
   }, ne = (r) => {
-    if (!D || !e.current) return;
-    e.current.classList.remove(j), d.current = !1, S(!1), L.current = /* @__PURE__ */ new Date();
+    if (!T || !e.current) return;
+    e.current.classList.remove(j), d.current = !1, P(!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;
@@ -140,9 +140,9 @@ const we = (m) => {
   }), H.current = /* @__PURE__ */ new Date()), () => {
     ae(document.documentElement, "scrollBehavior");
   }), [w]), /* @__PURE__ */ s(
-    C.Root,
+    E.Root,
     {
-      defaultOpen: y,
+      defaultOpen: S,
       onOpenChange: (r) => {
         r ? M(!0) : B(!0), V(r);
       },
@@ -153,69 +153,69 @@ const we = (m) => {
         {
           value: {
             drawerRef: e,
-            overlayRef: P,
+            overlayRef: v,
             onPress: ee,
             onRelease: ne,
             onDrag: te,
             isOpen: w,
-            isDragging: D,
-            keyboardIsOpen: T,
+            isDragging: T,
+            keyboardIsOpen: b,
             closeDrawer: () => B(),
             shouldAnimate: N,
-            onClosed: v,
+            onClosed: D,
             disableEsc: f
           },
-          children: E
+          children: y
         }
       )
     }
   );
 }, Re = t.forwardRef(
   ({ className: m, ...p }, l) => {
-    const { overlayRef: v, onRelease: E, shouldAnimate: y } = J(), f = Q(l, v), x = t.useCallback(
-      (M) => E(M),
-      [E]
+    const { overlayRef: D, onRelease: y, shouldAnimate: S } = J(), f = Q(l, D), x = t.useCallback(
+      (M) => y(M),
+      [y]
     );
     return /* @__PURE__ */ s(
-      C.Overlay,
+      E.Overlay,
       {
         onMouseUp: x,
         ref: f,
-        "data-animate": y?.current ? "true" : "false",
+        "data-animate": S?.current ? "true" : "false",
         className: G("popup-overlay drawer-overlay", m),
         ...p
       }
     );
   }
 ), De = t.forwardRef(
-  ({ onPointerDownOutside: m, style: p, onOpenAutoFocus: l, className: v, size: E, children: y, ...f }, x) => {
+  ({ onPointerDownOutside: m, style: p, onOpenAutoFocus: l, className: D, size: y, children: S, ...f }, x) => {
     const {
       drawerRef: M,
-      onPress: D,
-      onRelease: S,
+      onPress: T,
+      onRelease: P,
       onDrag: _,
       keyboardIsOpen: A,
-      shouldAnimate: P,
+      shouldAnimate: v,
       onClosed: H,
       disableEsc: I
-    } = J(), L = Q(x, M), o = t.useRef(null), d = t.useRef(null), h = t.useRef(!1), T = (e, b = 0) => {
+    } = J(), L = Q(x, M), 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 <= b ? !w : (h.current = !0, !0);
+      return !(e.y * 1 < 0) && g >= 0 && g <= O ? !w : (h.current = !0, !0);
     }, N = (e) => {
-      o.current = null, h.current = !1, S(e);
+      o.current = null, h.current = !1, P(e);
     };
     return /* @__PURE__ */ q(
-      C.Content,
+      E.Content,
       {
         "data-direction": "bottom",
-        "data-animate": P?.current ? "true" : "false",
-        className: G("popup drawer drawer-mobile", v),
-        style: { ...oe({ "--drawer-size": E ?? "50%" }), ...p },
+        "data-animate": v?.current ? "true" : "false",
+        className: G("popup drawer drawer-mobile", D),
+        style: { ...oe({ "--drawer-size": y ?? "50%" }), ...p },
         ...f,
         ref: L,
         onPointerDown: (e) => {
-          f.onPointerDown?.(e), o.current = { x: e.pageX, y: e.pageY }, D(e);
+          f.onPointerDown?.(e), o.current = { x: e.pageX, y: e.pageY }, T(e);
         },
         onOpenAutoFocus: (e) => {
           l?.(e), e.preventDefault();
@@ -228,11 +228,11 @@ const we = (m) => {
         },
         onPointerMove: (e) => {
           if (d.current = e, f.onPointerMove?.(e), !o.current) return;
-          const b = e.pageY - o.current.y, g = e.pageX - o.current.x, O = e.pointerType === "touch" ? 10 : 2;
-          T({ x: g, y: b }, O) ? _(e) : (Math.abs(g) > O || Math.abs(b) > O) && (o.current = null);
+          const O = e.pageY - o.current.y, g = e.pageX - o.current.x, C = e.pointerType === "touch" ? 10 : 2;
+          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, S(e);
+          f.onPointerUp?.(e), o.current = null, h.current = !1, P(e);
         },
         onPointerOut: (e) => {
           f.onPointerOut?.(e), N(d.current);
@@ -242,20 +242,20 @@ const we = (m) => {
         },
         children: [
           /* @__PURE__ */ s(se, { callback: H }),
-          /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(C.Title, {}) }),
-          /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(C.Description, {}) }),
-          y
+          /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(E.Title, {}) }),
+          /* @__PURE__ */ s(K, { children: /* @__PURE__ */ s(E.Description, {}) }),
+          S
         ]
       }
     );
   }
 ), Te = t.forwardRef(
   ({ children: m, ...p }, l) => /* @__PURE__ */ s("div", { className: "drawer-handle", "aria-hidden": "true", ref: l, ...p, children: /* @__PURE__ */ s("span", { className: "drawer-handle-hitarea", "aria-hidden": "true", children: m }) })
-), Z = ({ children: m, size: p, ...l }) => /* @__PURE__ */ s(we, { ...l, children: /* @__PURE__ */ q(C.Portal, { children: [
+), Z = ({ children: m, className: p, size: l, ...D }) => /* @__PURE__ */ s(we, { ...D, children: /* @__PURE__ */ q(E.Portal, { children: [
   /* @__PURE__ */ s(Re, {}),
-  /* @__PURE__ */ s(De, { size: p, children: m })
+  /* @__PURE__ */ s(De, { className: p, size: l, children: m })
 ] }) });
-Z.Close = C.Close;
+Z.Close = E.Close;
 Z.Handle = Te;
 export {
   Te as Handle,

package/dist/bundle.es67.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.es81.js";
+import { useInputPadding as N } from "./bundle.es83.js";
 const v = x(
   ({
     required: s,

package/dist/bundle.es72.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.es65.js";
-import { CalendarHeader as F } from "./bundle.es82.js";
-import { useCalendar as j } from "./bundle.es83.js";
+import { CalendarHeader as F } from "./bundle.es81.js";
+import { useCalendar as j } from "./bundle.es82.js";
 import { attr as m } from "@companix/utils-browser";
 import { isSameDate as f } from "./bundle.es59.js";
 import { useLayoutEffect as I } from "react";

package/dist/bundle.es81.js

@@ -1,16 +1,77 @@
-import { useRef as l, useCallback as p } from "react";
-import { useEffectWithLayout as d } from "./bundle.es84.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.es65.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.es59.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.es82.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.es65.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.es59.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.es59.js";
+import { DEFAULT_MIN_YEAR as w, DEFAULT_MAX_YEAR as A } from "./bundle.es65.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.es83.js

@@ -1,51 +1,16 @@
-import { subMonths as L, addMonths as N, useDayDisableCheker as R } from "./bundle.es59.js";
-import { DEFAULT_MIN_YEAR as w, DEFAULT_MAX_YEAR as A } from "./bundle.es65.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.es84.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.22",
+  "version": "0.1.24",
   "main": "./dist/bundle.es.js",
   "module": "./dist/bundle.es.js",
   "types": "./dist/index.d.ts",