@companix/uikit 0.0.35 → 0.0.37

package/dist/Icon/index.d.ts

@@ -1,4 +1,5 @@
-import { IconDefinition } from '@fortawesome/free-solid-svg-icons';
+export type IconPathData = string | string[];
+export type IconDefinition = [number, number, (string | number)[], string, IconPathData];
 export interface IconProps extends React.SVGProps<SVGSVGElement> {
     icon: IconDefinition;
     size?: 'xxxs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';

package/dist/bundle.es14.js

@@ -3,36 +3,36 @@ import N from "classnames";
 import { Icon as v } from "./bundle.es33.js";
 import { attr as t } from "@companix/utils-browser";
 import { forwardRef as k } from "react";
-import { f as x } from "./bundle.es50.js";
-const E = k(
-  ({ title: s, icon: c, active: e, label: n, disabled: a, minimal: r, onClick: d, className: l, ...m }, p) => {
+import { faCheck as x } from "@companix/icons-solid";
+const O = k(
+  ({ title: d, icon: n, active: c, label: e, disabled: r, minimal: a, onClick: l, className: m, ...s }, p) => {
     const f = (h) => {
-      a || d?.(h);
+      r || l?.(h);
     };
     return /* @__PURE__ */ i(
       "div",
       {
         ref: p,
-        ...m,
-        className: N("option", l),
-        "data-selected": t(e),
-        "data-disabled": t(a),
-        "data-minimal": t(r),
+        ...s,
+        className: N("option", m),
+        "data-selected": t(c),
+        "data-disabled": t(r),
+        "data-minimal": t(a),
         onClick: f,
         children: [
           /* @__PURE__ */ i("div", { className: "option-content", children: [
-            c && /* @__PURE__ */ o("div", { className: "option-icon", children: c }),
+            n && /* @__PURE__ */ o("div", { className: "option-icon", children: n }),
             /* @__PURE__ */ i("div", { className: "option-content-layout", children: [
-              /* @__PURE__ */ o("div", { className: "option-title", children: s }),
-              n && /* @__PURE__ */ o("div", { className: "option-label", children: n })
+              /* @__PURE__ */ o("div", { className: "option-title", children: d }),
+              e && /* @__PURE__ */ o("div", { className: "option-label", children: e })
             ] })
           ] }),
-          e && !r && /* @__PURE__ */ o("div", { className: "option-check", children: /* @__PURE__ */ o(v, { icon: x.faCheck }) })
+          c && !a && /* @__PURE__ */ o("div", { className: "option-check", children: /* @__PURE__ */ o(v, { icon: x }) })
         ]
       }
     );
   }
 );
 export {
-  E as OptionItem
+  O as OptionItem
 };

package/dist/bundle.es17.js

@@ -1,35 +1,35 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-checkbox";
 import { Icon as h } from "./bundle.es33.js";
-import { f as l } from "./bundle.es50.js";
+import { faCheck as l } from "@companix/icons-solid";
 import { useId as n } from "react";
 import { attr as c } from "@companix/utils-browser";
-const N = ({ checked: a, required: s, disabled: r, onCheckedChange: m, size: x, label: e }) => {
+const u = ({ checked: e, required: m, disabled: r, onCheckedChange: s, size: d, label: a }) => {
   const i = n();
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ x(
     "div",
     {
       className: "checkbox",
-      "data-size": x ?? "md",
-      "data-required": c(s && !a),
+      "data-size": d ?? "md",
+      "data-required": c(m && !e),
       "data-disabled": c(r),
       children: [
         /* @__PURE__ */ o(
           t.Root,
           {
             className: "checkbox-box",
-            checked: a,
-            onCheckedChange: m,
+            checked: e,
+            onCheckedChange: s,
             disabled: r,
             id: i,
-            children: /* @__PURE__ */ o(t.Indicator, { className: "checkbox-icon", children: /* @__PURE__ */ o(h, { icon: l.faCheck, size: "xxxs" }) })
+            children: /* @__PURE__ */ o(t.Indicator, { className: "checkbox-icon", children: /* @__PURE__ */ o(h, { icon: l, size: "xxxs" }) })
           }
         ),
-        e && /* @__PURE__ */ o("label", { className: "checkbox-label", htmlFor: i, "data-disabled": c(r), children: e })
+        a && /* @__PURE__ */ o("label", { className: "checkbox-label", htmlFor: i, "data-disabled": c(r), children: a })
       ]
     }
   );
 };
 export {
-  N as Checkbox
+  u as Checkbox
 };

package/dist/bundle.es21.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.es51.js";
+import { RemoveListener as v } from "./bundle.es50.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.es22.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.es51.js";
+import { RemoveListener as N } from "./bundle.es50.js";
 import { VisuallyHidden as u } from "@radix-ui/react-visually-hidden";
 const C = ({
   open: d,

package/dist/bundle.es23.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.es52.js";
+import { useLoading as p } from "./bundle.es51.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.es26.js

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

@@ -1,65 +1,64 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import { useFroozeClosing as M } from "./bundle.es44.js";
 import { Popover as j } from "./bundle.es10.js";
 import { OptionItem as q } from "./bundle.es14.js";
 import { OptionsList as V } from "./bundle.es16.js";
 import { Icon as d } from "./bundle.es33.js";
 import { useState as B, useRef as h, useMemo as g } from "react";
-import { f as H } from "./bundle.es54.js";
-import { f as Q } from "./bundle.es55.js";
-import { attr as x, getActiveElementByAnotherElement as G, contains as J } from "@companix/utils-browser";
-import { mergeRefs as K } from "react-merge-refs";
-const se = (C) => {
+import { attr as v, getActiveElementByAnotherElement as H, contains as Q } from "@companix/utils-browser";
+import { mergeRefs as X } from "react-merge-refs";
+import { faXmark as G, faChevronDown as J } from "@companix/icons-solid";
+const re = (x) => {
   const {
     options: r,
-    closeAfterSelect: v,
+    closeAfterSelect: C,
     placeholder: N,
-    onChange: c,
+    onChange: l,
     emptyText: R = "Ничего не найдено",
     readOnly: m,
     size: z = "md",
     value: n,
     inputRef: A,
-    disabled: u,
-    required: D
-  } = C, [a, E] = B(""), i = h(null), w = h(null), { popoverRef: f, froozePopoverPosition: y, handleAnimationEnd: b } = M(), O = g(() => {
+    disabled: f,
+    required: y
+  } = x, [s, D] = B(""), a = h(null), b = h(null), { popoverRef: u, froozePopoverPosition: k, handleAnimationEnd: w } = M(), E = g(() => {
     const e = {};
     return r.forEach((t) => {
       e[t.value] = t;
     }), e;
-  }, [r]), P = (e) => n.includes(e) ? [...n] : [...n, e], T = (e) => n.filter((t) => e !== t), k = (e, t) => {
-    v ? (y(), c(e), t()) : c(e);
-  }, p = g(() => a.trim() ? r.filter(({ title: e }) => {
-    const t = e.toLowerCase(), s = a.trim().toLowerCase();
-    return t.indexOf(s) >= 0;
-  }) : r, [a, r]), I = (e) => {
-    if (u) return;
-    f.current && f.current.getAttribute("data-state") === "open" && e.preventDefault();
-    const t = G(e.currentTarget);
-    e.defaultPrevented || J(e.currentTarget, t) || i.current && i.current.focus();
+  }, [r]), O = (e) => n.includes(e) ? [...n] : [...n, e], P = (e) => n.filter((t) => e !== t), T = (e, t) => {
+    C ? (k(), l(e), t()) : l(e);
+  }, p = g(() => s.trim() ? r.filter(({ title: e }) => {
+    const t = e.toLowerCase(), i = s.trim().toLowerCase();
+    return t.indexOf(i) >= 0;
+  }) : r, [s, r]), I = (e) => {
+    if (f) return;
+    u.current && u.current.getAttribute("data-state") === "open" && e.preventDefault();
+    const t = H(e.currentTarget);
+    e.defaultPrevented || Q(e.currentTarget, t) || a.current && a.current.focus();
   }, S = (e) => {
-    e.target !== i.current && e.preventDefault();
+    e.target !== a.current && e.preventDefault();
   }, $ = (e, t) => {
-    e.stopPropagation(), c(T(t));
+    e.stopPropagation(), l(P(t));
   };
   return /* @__PURE__ */ o(
     j,
     {
       minimal: !0,
-      ref: f,
+      ref: u,
       sideOffset: 0,
       matchTarget: "width",
-      onAnimationEnd: b,
+      onAnimationEnd: w,
       onOpenAutoFocus: (e) => e.preventDefault(),
       onCloseAutoFocus: (e) => e.preventDefault(),
-      content: ({ close: e }) => /* @__PURE__ */ l(V, { maxHeight: 300, children: [
+      content: ({ close: e }) => /* @__PURE__ */ c(V, { maxHeight: 300, children: [
         p.length === 0 && /* @__PURE__ */ o("div", { className: "select-tags-empty", children: R }),
-        p.map(({ value: t, title: s, icon: F }, L) => /* @__PURE__ */ o(
+        p.map(({ value: t, title: i, icon: F }, L) => /* @__PURE__ */ o(
           q,
           {
             active: n.includes(t),
-            onClick: () => k(P(t), e),
-            title: s,
+            onClick: () => T(O(t), e),
+            title: i,
             icon: F
           },
           `option-item-${t}-${L}`
@@ -72,41 +71,41 @@ const se = (C) => {
           onClick: I,
           onMouseDown: S,
           "data-size": z,
-          "data-required": x(D),
-          children: /* @__PURE__ */ l("div", { className: "select-tags-container", children: [
-            /* @__PURE__ */ l("div", { className: "select-tags", children: [
+          "data-required": v(y),
+          children: /* @__PURE__ */ c("div", { className: "select-tags-container", children: [
+            /* @__PURE__ */ c("div", { className: "select-tags", children: [
               n.length > 0 && /* @__PURE__ */ o(
                 "div",
                 {
                   className: "tag-container",
-                  ref: w,
+                  ref: b,
                   role: "listbox",
-                  "data-readonly": x(m),
-                  children: n.map((e, t) => /* @__PURE__ */ l("div", { className: "tag", children: [
-                    /* @__PURE__ */ o("span", { className: "tag-name", children: O[e].title }),
-                    /* @__PURE__ */ o("button", { className: "tag-close-button", onClick: (s) => $(s, e), children: /* @__PURE__ */ o(d, { className: "tag-close-icon", icon: Q.faClose, size: "xxxs" }) })
+                  "data-readonly": v(m),
+                  children: n.map((e, t) => /* @__PURE__ */ c("div", { className: "tag", children: [
+                    /* @__PURE__ */ o("span", { className: "tag-name", children: E[e].title }),
+                    /* @__PURE__ */ o("button", { className: "tag-close-button", onClick: (i) => $(i, e), children: /* @__PURE__ */ o(d, { className: "tag-close-icon", icon: G, size: "xxxs" }) })
                   ] }, `tag-option-${e}-${t}`))
                 }
               ),
               (!m || n.length === 0) && /* @__PURE__ */ o(
                 "input",
                 {
-                  ref: K([A, i]),
+                  ref: X([A, a]),
                   type: "text",
                   autoCapitalize: "none",
                   autoComplete: "off",
                   autoCorrect: "off",
                   className: "form-input",
                   spellCheck: !1,
-                  value: a,
-                  disabled: u,
+                  value: s,
+                  disabled: f,
                   readOnly: m,
                   placeholder: N,
-                  onChange: ({ target: e }) => E(e.value)
+                  onChange: ({ target: e }) => D(e.value)
                 }
               )
             ] }),
-            /* @__PURE__ */ o(d, { className: "expand-icon", icon: H.faChevronDown, size: "xxxs" })
+            /* @__PURE__ */ o(d, { className: "expand-icon", icon: J, size: "xxxs" })
           ] })
         }
       )
@@ -114,5 +113,5 @@ const se = (C) => {
   );
 };
 export {
-  se as SelectTags
+  re as SelectTags
 };

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.es13.js";
 import { useState as A, useRef as j } from "react";
-import { Calendar as E } from "./bundle.es56.js";
-import { useDayDisableCheker as N } from "./bundle.es57.js";
+import { Calendar as E } from "./bundle.es53.js";
+import { useDayDisableCheker as N } from "./bundle.es54.js";
 import { getNum as h, formatTime as v } from "@companix/utils-js";
-import { removeDigits as O } from "./bundle.es58.js";
-import { SelectRightElements as Y } from "./bundle.es59.js";
+import { removeDigits as O } from "./bundle.es55.js";
+import { SelectRightElements as Y } from "./bundle.es56.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.es58.js";
-import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es60.js";
+import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es55.js";
+import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es57.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 _, useMemo as b, useState as P, useEffect as j } from "react";
 import { getNum as v } from "@companix/utils-js";
-import { getTimesOptions as D, getTimeValue as A, removeDigits as W, convertTimeToOption as q } from "./bundle.es58.js";
-import { SelectRightElements as w } from "./bundle.es59.js";
+import { getTimesOptions as D, getTimeValue as A, removeDigits as W, convertTimeToOption as q } from "./bundle.es55.js";
+import { SelectRightElements as w } from "./bundle.es56.js";
 import { Select as y } from "./bundle.es12.js";
 import { Input as z } from "./bundle.es13.js";
 const r = {

package/dist/bundle.es33.js

@@ -1,24 +1,22 @@
 import { jsx as o } from "react/jsx-runtime";
-import f from "classnames";
-import { forwardRef as l } from "react";
-const g = l(
-  ({ icon: r, className: t, size: i = "m", ...e }, a) => {
-    const [n, c, , , m] = r.icon;
+import m from "classnames";
+import { forwardRef as s } from "react";
+const g = s(
+  ({ icon: r, className: t, size: i = "m", ...e }, n) => {
+    const [c, a, , , l] = r;
     return /* @__PURE__ */ o(
       "svg",
       {
-        ref: a,
-        "data-prefix": r.prefix,
-        "data-icon": r.iconName,
-        viewBox: `0 0 ${n} ${c}`,
-        className: f(`icon icon-size-${i}`, t),
+        ref: n,
+        viewBox: `0 0 ${c} ${a}`,
+        className: m(`icon icon-size-${i}`, t),
         ...e,
         role: "img",
-        children: /* @__PURE__ */ o(s, { paths: m })
+        children: /* @__PURE__ */ o(f, { paths: l })
       }
     );
   }
-), s = ({ paths: r }) => Array.isArray(r) ? /* @__PURE__ */ o("g", { children: r.map((t, i) => /* @__PURE__ */ o("path", { fill: "currentColor", d: t }, `-d-${i}`)) }) : /* @__PURE__ */ o("path", { fill: "currentColor", d: r });
+), f = ({ paths: r }) => Array.isArray(r) ? /* @__PURE__ */ o("g", { children: r.map((t, i) => /* @__PURE__ */ o("path", { fill: "currentColor", d: t }, `-d-${i}`)) }) : /* @__PURE__ */ o("path", { fill: "currentColor", d: r });
 export {
   g as Icon
 };

package/dist/bundle.es35.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.es58.js";
 const i = f({
   setColorScheme: () => {
   }

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

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

package/dist/bundle.es40.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.es51.js";
+import { RemoveListener as I } from "./bundle.es50.js";
 const m = (o) => {
   const [r, u] = d(!0), [p, f] = d(!1), s = b(null), {
     appearance: C = "neutral",

package/dist/bundle.es45.js

@@ -4,7 +4,7 @@ import { attr as l } from "@companix/utils-browser";
 import { forwardRef as y, useRef as S, useCallback as T } from "react";
 import { VisuallyHidden as j } from "@radix-ui/react-visually-hidden";
 import { mergeRefs as w } from "react-merge-refs";
-import { SelectRightElements as z } from "./bundle.es59.js";
+import { SelectRightElements as z } from "./bundle.es56.js";
 const V = y(
   ({
     required: a,

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

package/dist/bundle.es50.js

@@ -1,5 +1,7 @@
-import { __require as r } from "./bundle.es65.js";
-var a = /* @__PURE__ */ r();
+import { useEffect as r } from "react";
+const n = ({ callback: e }) => (r(() => () => {
+  e?.();
+}, []), null);
 export {
-  a as f
+  n as RemoveListener
 };

package/dist/bundle.es51.js

@@ -1,7 +1,16 @@
-import { useEffect as r } from "react";
-const n = ({ callback: e }) => (r(() => () => {
-  e?.();
-}, []), null);
+import { useState as e } from "react";
+const d = ({ onClick: t }) => {
+  const [a, s] = e({ isLoading: !1, isError: !1 });
+  return { ...a, handleClick: (r) => {
+    a.isLoading || t(() => {
+      s({ isLoading: !0, isError: !1 });
+    }, r).then(() => {
+      s({ isLoading: !1, isError: !1 });
+    }).catch(() => {
+      s({ isLoading: !1, isError: !0 });
+    });
+  } };
+};
 export {
-  n as RemoveListener
+  d as useLoading
 };

package/dist/bundle.es52.js

@@ -1,16 +1,16 @@
-import { useState as e } from "react";
-const d = ({ onClick: t }) => {
-  const [a, s] = e({ isLoading: !1, isError: !1 });
-  return { ...a, handleClick: (r) => {
-    a.isLoading || t(() => {
-      s({ isLoading: !0, isError: !1 });
-    }, r).then(() => {
-      s({ isLoading: !1, isError: !1 });
-    }).catch(() => {
-      s({ isLoading: !1, isError: !0 });
-    });
-  } };
+import { useRef as i, useCallback as o } from "react";
+const f = (e, s) => {
+  const r = i(null), c = i(void 0), n = o(
+    (t) => {
+      s && t.offsetParent && (t.style.height = "", t.style.height = `${t.scrollHeight}px`, t.scrollHeight !== c.current && e && (e(t), c.current = t.scrollHeight));
+    },
+    [s, e]
+  ), l = o(() => {
+    const t = r.current;
+    t && n(t);
+  }, [r, n]);
+  return [r, l];
 };
 export {
-  d as useLoading
+  f as useResizeTextarea
 };

package/dist/bundle.es53.js

@@ -1,16 +1,72 @@
-import { useRef as i, useCallback as o } from "react";
-const f = (e, s) => {
-  const r = i(null), c = i(void 0), n = o(
-    (t) => {
-      s && t.offsetParent && (t.style.height = "", t.style.height = `${t.scrollHeight}px`, t.scrollHeight !== c.current && e && (e(t), c.current = t.scrollHeight));
-    },
-    [s, e]
-  ), l = o(() => {
-    const t = r.current;
-    t && n(t);
-  }, [r, n]);
-  return [r, l];
+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.es55.js";
+import { CalendarHeader as F } from "./bundle.es62.js";
+import { useCalendar as j } from "./bundle.es63.js";
+import { attr as m } from "@companix/utils-browser";
+import { isSameDate as f } from "./bundle.es54.js";
+import { useLayoutEffect as I } from "react";
+const T = ({ disablePickers: c, value: e, onChange: i, ...l }) => {
+  const {
+    viewDate: n,
+    setViewDate: r,
+    setNextMonth: N,
+    setPrevMonth: x,
+    isMonthDisabled: M,
+    isYearDisabled: v,
+    isDayDisabled: w
+  } = j(l);
+  I(() => {
+    e && r(e);
+  }, [e]);
+  const o = $(n), h = n.getMonth(), y = n.getFullYear(), C = /* @__PURE__ */ new Date();
+  return /* @__PURE__ */ D("div", { className: "calendar", children: [
+    /* @__PURE__ */ t(
+      F,
+      {
+        viewDate: n,
+        onChange: r,
+        onNextMonth: N,
+        onPrevMonth: x,
+        disablePickers: c,
+        isMonthDisabled: M,
+        isYearDisabled: v
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: "calendar-names", children: g.map((d, a) => /* @__PURE__ */ t("div", { className: "calendar-name", children: d }, `week-name-${a}`)) }),
+    /* @__PURE__ */ D("div", { className: "calendar-days", children: [
+      p(b(u(o.month, o.year))).map((d, a) => /* @__PURE__ */ t("div", { className: "calendar-day", "data-void": !0 }, `void-${d}-${a}`)),
+      p(k(o.month, o.year)).map((d, a) => {
+        const s = new Date(y, h, a + 1);
+        return /* @__PURE__ */ t(
+          P,
+          {
+            day: a + 1,
+            disabled: w(s),
+            selected: !!(e && f(e, s)),
+            today: f(s, C),
+            onSelect: () => i?.(s)
+          },
+          `date-${d}-${y}-${h}-${a}`
+        );
+      })
+    ] })
+  ] });
+}, P = ({ day: c, disabled: e, selected: i, today: l, onSelect: n }) => {
+  const r = () => {
+    e || n?.();
+  };
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: "calendar-day",
+      "data-disabled": m(e),
+      "data-selected": m(i),
+      "data-today": m(l),
+      onClick: r,
+      children: /* @__PURE__ */ t("span", { className: "calendar-day-number", children: c })
+    }
+  );
 };
 export {
-  f as useResizeTextarea
+  T as Calendar
 };