@companix/uikit 0.1.12 → 0.1.14

package/dist/WriteBar/Editor.d.ts

@@ -31,4 +31,9 @@ export declare class Editor {
     private checkContentChanged;
     private resolveDomPosition;
 }
+interface TextChunk {
+    kind: 'Text';
+    text: string;
+}
+export declare const toTextChunksLite: (input: string) => TextChunk[];
 export {};

package/dist/WriteBar/utils.d.ts

@@ -1,5 +1,3 @@
-export declare const isTextNode: (node: Node) => node is Text;
-export declare const isElementNode: (node: Node) => node is Element;
 export declare const getNodeTextContent: (node: Node) => string;
 export declare const getEditorSelection: (root: HTMLElement) => {
     range: Range;

package/dist/__hooks/use-local-storage.d.ts

@@ -1 +1,13 @@
-export declare const useLocalStorage: <T>(token: string, defaultValue: T) => [T, React.Dispatch<React.SetStateAction<T>>];
+import { EventEmmiter } from '@companix/utils-js';
+export declare class LocalStorageService<T> {
+    emmiter: EventEmmiter<T>;
+    constructor(emmiter: EventEmmiter<T>);
+    getStorageValue(token: string, defaultValue: T): any;
+    setValue(token: string, value: T): void;
+}
+export declare const useLocalStorage: <T>(token: string, defaultValue: T) => readonly [T, (value: T) => void];
+interface LocalStorageProviderProps {
+    children: React.ReactNode;
+}
+export declare const LocalStorageProvider: ({ children }: LocalStorageProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/bundle.es.js

@@ -6,14 +6,14 @@ import { ButtonGroup as l } from "./bundle.es6.js";
 import { Spinner as S } from "./bundle.es7.js";
 import { Scrollable as g } from "./bundle.es8.js";
 import { ImitateScroll as d } from "./bundle.es9.js";
-import { Segments as B } from "./bundle.es10.js";
+import { Segments as P } from "./bundle.es10.js";
 import { Popover as y } from "./bundle.es11.js";
 import { Tooltip as T } from "./bundle.es12.js";
-import { Select as b } from "./bundle.es13.js";
+import { Select as v } from "./bundle.es13.js";
 import { SelectTags as A } from "./bundle.es14.js";
 import { Input as R } from "./bundle.es15.js";
-import { OptionItem as w } from "./bundle.es16.js";
-import { NumberInput as L } from "./bundle.es17.js";
+import { OptionItem as L } from "./bundle.es16.js";
+import { NumberInput as C } from "./bundle.es17.js";
 import { OptionsList as F } from "./bundle.es18.js";
 import { Checkbox as G } from "./bundle.es19.js";
 import { Switch as E } from "./bundle.es20.js";
@@ -33,28 +33,28 @@ import { FormGroup as ce } from "./bundle.es33.js";
 import { TimePicker as ue } from "./bundle.es34.js";
 import { Icon as De } from "./bundle.es35.js";
 import { ProgressBar as he } from "./bundle.es36.js";
-import { Skeleton as Pe } from "./bundle.es37.js";
+import { Skeleton as Be } from "./bundle.es37.js";
 import { Blank as Ie } from "./bundle.es38.js";
 import { ProgressRing as ke } from "./bundle.es39.js";
-import { WriteBar as ve } from "./bundle.es40.js";
+import { WriteBar as be } from "./bundle.es40.js";
 import { Editor as Oe } from "./bundle.es41.js";
-import { DropArea as ze, DropAreaProvider as we, useDragEnter as Ce } from "./bundle.es42.js";
+import { DropArea as ze, DropAreaProvider as Le, useDragEnter as we } from "./bundle.es42.js";
 import { Table as Me } from "./bundle.es43.js";
 import { ThemeProvider as Ne, useTheme as Ge } from "./bundle.es44.js";
 import { ColorSchemeScript as Ee, colorSchemeScript as Ye } from "./bundle.es45.js";
-import { useLocalStorage as qe } from "./bundle.es46.js";
-import { useBooleanState as Je } from "./bundle.es47.js";
-import { useResizeTextarea as Qe } from "./bundle.es48.js";
-import { useLoading as Ve } from "./bundle.es49.js";
-import { NowContextProvider as Ze, useNow as _e } from "./bundle.es50.js";
-import { createAlertAgent as er } from "./bundle.es51.js";
-import { createToaster as or } from "./bundle.es52.js";
-import { Toast as pr } from "./bundle.es53.js";
-import { DialogShell as ar, DrawerShell as xr, createPopupRegistry as fr, usePopup as ir } from "./bundle.es54.js";
-import { createPopoversRegistry as nr } from "./bundle.es55.js";
-import { createScope as cr, createStaticScope as Sr } from "./bundle.es56.js";
-import { RemoveListener as gr } from "./bundle.es57.js";
-import { MONDAY as dr, addMonths as hr, createDayDisableChecker as Br, endOfDay as Pr, endOfWeek as yr, isDayMinMaxRestricted as Ir, isSameDate as Tr, setMonth as kr, setYear as br, startOfDay as vr, startOfWeek as Ar, subMonths as Or, useDayDisableCheker as Rr } from "./bundle.es58.js";
+import { LocalStorageProvider as qe, useLocalStorage as He } from "./bundle.es46.js";
+import { useBooleanState as Ke } from "./bundle.es47.js";
+import { useResizeTextarea as Ue } from "./bundle.es48.js";
+import { useLoading as Xe } from "./bundle.es49.js";
+import { NowContextProvider as _e, useNow as $e } from "./bundle.es50.js";
+import { createAlertAgent as rr } from "./bundle.es51.js";
+import { createToaster as tr } from "./bundle.es52.js";
+import { Toast as mr } from "./bundle.es53.js";
+import { DialogShell as xr, DrawerShell as fr, createPopupRegistry as ir, usePopup as sr } from "./bundle.es54.js";
+import { createPopoversRegistry as lr } from "./bundle.es55.js";
+import { createScope as Sr, createStaticScope as ur } from "./bundle.es56.js";
+import { RemoveListener as Dr } from "./bundle.es57.js";
+import { MONDAY as hr, addMonths as Pr, createDayDisableChecker as Br, endOfDay as yr, endOfWeek as Ir, isDayMinMaxRestricted as Tr, isSameDate as kr, setMonth as vr, setYear as br, startOfDay as Ar, startOfWeek as Or, subMonths as Rr, useDayDisableCheker as zr } from "./bundle.es58.js";
 export {
   Z as AlertDialog,
   o as Avatar,
@@ -67,11 +67,11 @@ export {
   ie as DateInput,
   xe as DatePicker,
   Q as Dialog,
-  ar as DialogShell,
+  xr as DialogShell,
   J as Drawer,
-  xr as DrawerShell,
+  fr as DrawerShell,
   ze as DropArea,
-  we as DropAreaProvider,
+  Le as DropAreaProvider,
   Oe as Editor,
   ne as FileOverlay,
   ce as FormGroup,
@@ -79,10 +79,11 @@ export {
   d as ImitateScroll,
   R as Input,
   $ as LoadingButton,
-  dr as MONDAY,
-  Ze as NowContextProvider,
-  L as NumberInput,
-  w as OptionItem,
+  qe as LocalStorageProvider,
+  hr as MONDAY,
+  _e as NowContextProvider,
+  C as NumberInput,
+  L as OptionItem,
   F as OptionsList,
   y as Popover,
   V as PopupLayout,
@@ -90,12 +91,12 @@ export {
   ke as ProgressRing,
   j as Radio,
   q as RadioGroup,
-  gr as RemoveListener,
+  Dr as RemoveListener,
   g as Scrollable,
-  B as Segments,
-  b as Select,
+  P as Segments,
+  v as Select,
   A as SelectTags,
-  Pe as Skeleton,
+  Be as Skeleton,
   S as Spinner,
   E as Switch,
   Me as Table,
@@ -103,38 +104,38 @@ export {
   me as TextArea,
   Ne as ThemeProvider,
   ue as TimePicker,
-  pr as Toast,
+  mr as Toast,
   T as Tooltip,
-  ve as WriteBar,
-  hr as addMonths,
+  be as WriteBar,
+  Pr as addMonths,
   p as avatarSizes,
   Ye as colorSchemeScript,
-  er as createAlertAgent,
+  rr as createAlertAgent,
   Br as createDayDisableChecker,
-  nr as createPopoversRegistry,
-  fr as createPopupRegistry,
-  cr as createScope,
-  Sr as createStaticScope,
-  or as createToaster,
-  Pr as endOfDay,
-  yr as endOfWeek,
+  lr as createPopoversRegistry,
+  ir as createPopupRegistry,
+  Sr as createScope,
+  ur as createStaticScope,
+  tr as createToaster,
+  yr as endOfDay,
+  Ir as endOfWeek,
   a as getBadgeIconSizeByImageBaseSize,
   x as getFallbackIconSizeByImageBaseSize,
   f as getInitialsFontSize,
-  Ir as isDayMinMaxRestricted,
-  Tr as isSameDate,
-  kr as setMonth,
+  Tr as isDayMinMaxRestricted,
+  kr as isSameDate,
+  vr as setMonth,
   br as setYear,
-  vr as startOfDay,
-  Ar as startOfWeek,
-  Or as subMonths,
-  Je as useBooleanState,
-  Rr as useDayDisableCheker,
-  Ce as useDragEnter,
-  Ve as useLoading,
-  qe as useLocalStorage,
-  _e as useNow,
-  ir as usePopup,
-  Qe as useResizeTextarea,
+  Ar as startOfDay,
+  Or as startOfWeek,
+  Rr as subMonths,
+  Ke as useBooleanState,
+  zr as useDayDisableCheker,
+  we as useDragEnter,
+  Xe as useLoading,
+  He as useLocalStorage,
+  $e as useNow,
+  sr as usePopup,
+  Ue as useResizeTextarea,
   Ge as useTheme
 };

package/dist/bundle.es41.js

@@ -1,6 +1,7 @@
-import { onElementKeyDownFactory as m } from "./bundle.es71.js";
-import { getEditorSelection as r, normalizeEditorText as l, getNodeTextContent as h, scrollSelectionIntoView as c, getTextSelectionOffsets as u, isElementNode as f } from "./bundle.es72.js";
-class C {
+import { escape as u, unescape as f, isElementNode as g } from "@companix/utils-browser";
+import { onElementKeyDownFactory as v } from "./bundle.es71.js";
+import { getEditorSelection as l, normalizeEditorText as a, getNodeTextContent as h, scrollSelectionIntoView as d, getTextSelectionOffsets as E } from "./bundle.es72.js";
+class k {
   element;
   prevText = "";
   prevTextSelection = { from: 0, to: 0 };
@@ -21,7 +22,7 @@ class C {
     };
   }
   onKeyCombo(e) {
-    const t = m(e);
+    const t = v(e);
     return this.element.addEventListener("keydown", t), this.handlers.keyCombo = e, () => {
       this.handlers.keyCombo = void 0, this.element.removeEventListener("keydown", t);
     };
@@ -42,13 +43,18 @@ class C {
     };
   }
   setSelection(e) {
-    const t = r(this.element);
+    const t = l(this.element);
     if (!("selection" in t)) return;
     const n = document.createRange(), s = this.resolveDomPosition(e.from), o = this.resolveDomPosition(e.to);
     n.setStart(s.container, s.offset), n.setEnd(o.container, o.offset), t.selection.removeAllRanges(), t.selection.addRange(n);
   }
+  // вставить переданный текст в текущую выделенную область/позицию курсора внутри contenteditable
   insertAtSelection(e, t) {
-    t && this.setSelection(t), this.checkContentChanged();
+    t && this.setSelection(t);
+    const n = C(u(e));
+    for (const s of n)
+      s.kind === "Text" && document.execCommand("insertText", !1, f(s.text));
+    this.checkContentChanged();
   }
   removeFormat() {
     document.execCommand("removeFormat");
@@ -57,7 +63,7 @@ class C {
     const s = !this.isFocused() && !n;
     this.element.innerText = "";
     const o = document.activeElement, i = this.element.inputMode;
-    s && (this.element.inputMode = "none"), this.element.focus(), document.execCommand("removeFormat"), t ? document.execCommand("inserthtml", !1, e) : this.insertAtSelection(l(e)), s && (this.element.blur(), this.element.inputMode = i, o?.focus?.()), this.checkContentChanged();
+    s && (this.element.inputMode = "none"), this.element.focus(), document.execCommand("removeFormat"), t ? document.execCommand("inserthtml", !1, e) : this.insertAtSelection(a(e)), s && (this.element.blur(), this.element.inputMode = i, o?.focus?.()), this.checkContentChanged();
   }
   getText() {
     let e = "";
@@ -67,7 +73,7 @@ class C {
     );
     for (; t.nextNode(); )
       e += h(t.currentNode);
-    return l(e);
+    return a(e);
   }
   getHtml() {
     return this.element.innerHTML;
@@ -76,18 +82,18 @@ class C {
     const e = this.element.innerHTML, t = /<img class="Emoji .+?" src=".+?" alt=".+?">/, n = /alt=".+?"/, s = (o) => {
       const i = o.match(t);
       if (!i?.[0]) return o;
-      const a = i[0].match(n);
-      if (!a?.[0]) return o;
-      const d = a[0].replace("alt=", "").replaceAll('"', "");
-      return s(o.replace(i[0], d));
+      const c = i[0].match(n);
+      if (!c?.[0]) return o;
+      const m = c[0].replace("alt=", "").replaceAll('"', "");
+      return s(o.replace(i[0], m));
     };
     return s(e);
   }
   focus(e = !1) {
     if (this.isFocused()) return;
     this.element.focus();
-    const t = r(this.element);
-    "selection" in t && (t.selection.selectAllChildren(this.element), e ? t.selection.collapseToStart() : t.selection.collapseToEnd(), c());
+    const t = l(this.element);
+    "selection" in t && (t.selection.selectAllChildren(this.element), e ? t.selection.collapseToStart() : t.selection.collapseToEnd(), d());
   }
   isFocused() {
     return document.activeElement === this.element;
@@ -101,7 +107,7 @@ class C {
     if (!t) return;
     const n = t.getData("text");
     if (n) {
-      this.insertAtSelection(n), c();
+      this.insertAtSelection(n), d();
       return;
     }
   };
@@ -117,9 +123,9 @@ class C {
     n && (t.selectNode(e.target), t.collapse(e.offsetX <= 8), n.removeAllRanges(), n.addRange(t));
   };
   checkContentChanged = () => {
-    const e = l(this.getText()), t = r(this.element);
+    const e = a(this.getText()), t = l(this.element);
     if (!("range" in t)) return;
-    const n = u(this.element, t.range);
+    const n = E(this.element, t.range);
     if (e === this.prevText && n.from === this.prevTextSelection.from && n.to === this.prevTextSelection.to)
       return;
     const s = e === `
@@ -139,7 +145,7 @@ class C {
     for (; t.nextNode(); ) {
       const s = t.currentNode, o = h(s).length;
       if (o >= n)
-        return f(s) && s.nodeName === "BR" && (n -= 1), {
+        return g(s) && s.nodeName === "BR" && (n -= 1), {
           container: s,
           offset: Math.max(n, 0)
         };
@@ -151,6 +157,8 @@ class C {
     };
   }
 }
+const C = (r) => r ? [{ kind: "Text", text: r }] : [];
 export {
-  C as Editor
+  k as Editor,
+  C as toTextChunksLite
 };

package/dist/bundle.es46.js

@@ -1,13 +1,52 @@
-import { useState as s, useEffect as c } from "react";
-const l = (e, a) => {
-  const [t, o] = s(() => {
+import { jsx as m } from "react/jsx-runtime";
+import { EventEmmiter as g } from "@companix/utils-js";
+import { useContext as S, createContext as l, useState as f, useEffect as n, useRef as w } from "react";
+const a = l({});
+class d {
+  constructor(e) {
+    this.emmiter = e;
+  }
+  getStorageValue(e, t) {
+    if (typeof window > "u")
+      return t;
     const r = localStorage.getItem(e);
-    return r ? JSON.parse(r) : a;
-  });
-  return c(() => {
-    localStorage.setItem(e, JSON.stringify(t));
-  }, [t]), [t, o];
+    return r ? JSON.parse(r) : t;
+  }
+  setValue(e, t) {
+    localStorage.setItem(e, JSON.stringify(t)), this.emmiter.emit(e, t);
+  }
+}
+const x = (o, e) => {
+  const t = S(a), [r, i] = f(() => t.getStorageValue(o, e));
+  n(() => {
+    i(t.getStorageValue(o, e));
+  }, [o]);
+  const c = (s) => {
+    t.setValue(o, s);
+  };
+  return n(() => {
+    const s = t.emmiter.subscribe(o, (u) => {
+      i(u);
+    });
+    return () => {
+      s();
+    };
+  }, [o]), [r, c];
+}, y = ({ children: o }) => {
+  const e = w(new d(new g()));
+  return n(() => {
+    if (!window || !e.current)
+      return;
+    const t = (r) => {
+      r.key && e.current.emmiter.store[r.key] && r.newValue && e.current.emmiter.emit(r.key, JSON.parse(r.newValue));
+    };
+    return window.addEventListener("storage", t), () => {
+      window.removeEventListener("storage", t);
+    };
+  }, []), /* @__PURE__ */ m(a.Provider, { value: e.current, children: o });
 };
 export {
-  l as useLocalStorage
+  y as LocalStorageProvider,
+  d as LocalStorageService,
+  x as useLocalStorage
 };

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

package/dist/bundle.es67.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.es64.js";
-import { CalendarHeader as F } from "./bundle.es76.js";
-import { useCalendar as j } from "./bundle.es77.js";
+import { CalendarHeader as F } from "./bundle.es77.js";
+import { useCalendar as j } from "./bundle.es78.js";
 import { attr as m } from "@companix/utils-browser";
 import { isSameDate as f } from "./bundle.es58.js";
 import { useLayoutEffect as I } from "react";

package/dist/bundle.es72.js

@@ -1,44 +1,43 @@
-const l = (e) => e.nodeType === Node.TEXT_NODE, c = (e) => e.nodeType === Node.ELEMENT_NODE, a = (e) => l(e) ? e.nodeValue || "" : c(e) && e.nodeName === "IMG" ? e.getAttribute("alt") || "" : c(e) && e.nodeName === "DIV" || c(e) && e.nodeName === "BR" && !(e.parentElement && c(e.parentElement) && e.parentElement.nodeName === "DIV" && e.parentElement.getAttribute("contenteditable") !== "true") ? `
-` : "", u = (e) => {
-  const t = document.getSelection();
-  if (!t || t.rangeCount === 0)
+import { isTextNode as s, isElementNode as i } from "@companix/utils-browser";
+const a = (t) => s(t) ? t.nodeValue || "" : i(t) && t.nodeName === "IMG" ? t.getAttribute("alt") || "" : i(t) && t.nodeName === "DIV" || i(t) && t.nodeName === "BR" && !(t.parentElement && i(t.parentElement) && t.parentElement.nodeName === "DIV" && t.parentElement.getAttribute("contenteditable") !== "true") ? `
+` : "", m = (t) => {
+  const e = document.getSelection();
+  if (!e || e.rangeCount === 0)
     return {};
-  const n = t.getRangeAt(0);
-  return n && e.contains(n.commonAncestorContainer) ? { range: n, selection: t } : {};
-}, s = (e, t, n) => {
-  let r = n, o = t;
-  e === t && (r = 0, o = e.childNodes[n]);
-  const i = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT);
-  for (; i.nextNode(); ) {
-    if (i.currentNode === o)
+  const n = e.getRangeAt(0);
+  return n && t.contains(n.commonAncestorContainer) ? { range: n, selection: e } : {};
+}, l = (t, e, n) => {
+  let r = n, o = e;
+  t === e && (r = 0, o = t.childNodes[n]);
+  const c = document.createTreeWalker(t, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT);
+  for (; c.nextNode(); ) {
+    if (c.currentNode === o)
       return r;
-    r += a(i.currentNode).length;
+    r += a(c.currentNode).length;
   }
   return r;
-}, m = (e, t) => {
-  const n = s(e, t.startContainer, t.startOffset);
+}, f = (t, e) => {
+  const n = l(t, e.startContainer, e.startOffset);
   return {
     from: n,
-    to: t.collapsed ? n : s(e, t.endContainer, t.endOffset)
+    to: e.collapsed ? n : l(t, e.endContainer, e.endOffset)
   };
-}, f = () => {
-  const e = window.getSelection();
-  if (!e || !e.rangeCount) return;
-  const t = e.getRangeAt(0);
-  if (t.commonAncestorContainer === document) return;
-  const n = t.commonAncestorContainer.parentElement;
+}, g = () => {
+  const t = window.getSelection();
+  if (!t || !t.rangeCount) return;
+  const e = t.getRangeAt(0);
+  if (e.commonAncestorContainer === document) return;
+  const n = e.commonAncestorContainer.parentElement;
   if (!n) return;
-  const r = n.getBoundingClientRect(), o = t.getBoundingClientRect().bottom - r.bottom;
+  const r = n.getBoundingClientRect(), o = e.getBoundingClientRect().bottom - r.bottom;
   o > 0 && n.scrollBy({ top: o });
-}, d = (e) => e.replace(/&nbsp;/gi, " ").replace(/<br\s*\/?>/gi, `
+}, d = (t) => t.replace(/&nbsp;/gi, " ").replace(/<br\s*\/?>/gi, `
 `);
 export {
-  u as getEditorSelection,
+  m as getEditorSelection,
   a as getNodeTextContent,
-  s as getPlainTextOffset,
-  m as getTextSelectionOffsets,
-  c as isElementNode,
-  l as isTextNode,
+  l as getPlainTextOffset,
+  f as getTextSelectionOffsets,
   d as normalizeEditorText,
-  f as scrollSelectionIntoView
+  g as scrollSelectionIntoView
 };

package/dist/bundle.es76.js

@@ -1,77 +1,16 @@
-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.es64.js";
-import { Icon as C } from "./bundle.es35.js";
-import { faChevronLeft as E, faChevronRight as T } from "@companix/icons-solid";
-import { setMonth as _, setYear as F } from "./bundle.es58.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 }) })
-  ] });
+import { useRef as l, useCallback as p } from "react";
+import { useEffectWithLayout as d } from "./bundle.es79.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 {
-  y as CalendarHeader
+  g as useInputPadding
 };

package/dist/bundle.es77.js

@@ -1,51 +1,77 @@
-import { subMonths as L, addMonths as N, useDayDisableCheker as R } from "./bundle.es58.js";
-import { DEFAULT_MIN_YEAR as w, DEFAULT_MAX_YEAR as A } from "./bundle.es64.js";
-import { useState as U, useCallback as M } from "react";
-const X = ({
-  value: p,
-  disablePast: r,
-  disableFuture: c,
-  shouldDisableDate: E,
-  minDateTime: l,
-  maxDateTime: s
+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.es64.js";
+import { Icon as C } from "./bundle.es35.js";
+import { faChevronLeft as E, faChevronRight as T } from "@companix/icons-solid";
+import { setMonth as _, setYear as F } from "./bundle.es58.js";
+const y = ({
+  viewDate: n,
+  onChange: c,
+  isMonthDisabled: a,
+  isYearDisabled: m,
+  onNextMonth: N,
+  onPrevMonth: v
 }) => {
-  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;
+  const e = n.getFullYear(), r = n.getMonth(), s = "ru", M = u(
+    (t) => {
+      c(_(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]
+  ), x = u(
+    (t) => {
+      c(F(n, t));
     },
-    [c, r, l, s]
-  );
-  return {
-    viewDate: e,
-    setViewDate: u,
-    setPrevMonth: _,
-    setNextMonth: C,
-    isDayDisabled: D,
-    isMonthDisabled: k,
-    isYearDisabled: v
-  };
+    [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 {
-  X as useCalendar
+  y as CalendarHeader
 };

package/dist/bundle.es78.js

@@ -1,16 +1,51 @@
-import { useRef as l, useCallback as p } from "react";
-import { useEffectWithLayout as d } from "./bundle.es79.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 { subMonths as L, addMonths as N, useDayDisableCheker as R } from "./bundle.es58.js";
+import { DEFAULT_MIN_YEAR as w, DEFAULT_MAX_YEAR as A } from "./bundle.es64.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
+  };
 };
 export {
-  g as useInputPadding
+  X as useCalendar
 };

package/dist/index.d.ts

@@ -81,7 +81,7 @@ export { Table } from './Table';
 export type { TableProps } from './Table';
 export { ThemeProvider, useTheme } from './ThemeProvider';
 export { ColorSchemeScript, colorSchemeScript } from './ThemeProvider/script';
-export { useLocalStorage } from './__hooks/use-local-storage';
+export { useLocalStorage, LocalStorageProvider } from './__hooks/use-local-storage';
 export { useBooleanState } from './__hooks/use-boolean-state';
 export { useResizeTextarea } from './__hooks/use-resize';
 export { useLoading } from './__hooks/use-loading';

package/package.json

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