@alxgrn/telefrag-ui 0.0.60 → 0.0.61

package/dist/assets/Header.css

@@ -1 +1 @@
-.HeaderWrapper{z-index:100;display:block;position:fixed;top:0;width:100%;background-color:var(--alxgrn-bg-panel)}.Header{display:flex;align-items:center;gap:var(--alxgrn-unit);max-width:var(--alxgrn-layout-width);height:var(--alxgrn-layout-header-height);margin:0 auto}.HeaderLeft{display:none;cursor:pointer;padding-left:var(--alxgrn-unit-half)}.HeaderCenter{flex:1 1 auto;display:flex;align-items:center;padding-left:calc(var(--alxgrn-unit-half) + var(--alxgrn-layout-menu-width))}.HeaderCenter svg{width:auto;height:calc(2 * var(--alxgrn-unit))}@media (max-width: 1024px){.HeaderLeft{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.HeaderCenter{padding-left:0}.HeaderRight{padding-right:var(--alxgrn-unit-half)}}
+.HeaderWrapper{z-index:100;display:block;position:fixed;top:0;width:100%;background-color:var(--alxgrn-bg-panel)}.Header{display:flex;align-items:center;justify-content:space-between;max-width:var(--alxgrn-layout-width);height:var(--alxgrn-layout-header-height);margin:0 auto;padding-left:calc(var(--alxgrn-unit-half) + var(--alxgrn-layout-menu-width))}.HeaderMobile,.HeaderTablet{display:none}.HeaderDesktop{flex:0 0 auto;display:flex}.HeaderMobile svg,.HeaderTablet svg,.HeaderDesktop svg{width:auto;height:calc(2 * var(--alxgrn-unit));cursor:pointer}@media (max-width: 1024px){.Header{padding:0 var(--alxgrn-unit)}.HeaderTablet{flex:0 0 auto;display:flex}.HeaderMobile,.HeaderDesktop{display:none}}@media (max-width: 512px){.Header{padding:0 var(--alxgrn-unit)}.HeaderMobile{flex:0 0 auto;display:flex}.HeaderTablet,.HeaderDesktop{display:none}}

package/dist/assets/MainMenu.css

@@ -1 +1 @@
-.MainMenu{margin-top:var(--alxgrn-unit);margin-right:var(--alxgrn-unit-half)}.MainMenu div{display:flex;align-items:center;gap:var(--alxgrn-unit-half);cursor:pointer;padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-half)}.MainMenu div:hover{background-color:var(--alxgrn-bg-panel)}.MainMenu div.MainMenuTitle{cursor:initial}.MainMenu div.MainMenuTitle:hover{background-color:unset}.MainMenu div:hover *{color:var(--alxgrn-color-accent)}.MainMenu div svg{color:var(--alxgrn-color-accent);font-size:var(--alxgrn-font-size-big)}.MainMenu div img{width:var(--alxgrn-font-size-big);height:var(--alxgrn-font-size-big);border-radius:50%;flex:0 0 auto}.MainMenu div span{font-size:var(--alxgrn-font-size);overflow-wrap:break-word;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;flex:1 1 auto}.MainMenu div.MainMenuTitle span{text-transform:uppercase;font-size:var(--alxgrn-font-size-small);font-weight:600;color:var(--alxgrn-color-light)}.MainMenu div span.MainMenuCheck{display:block;width:var(--alxgrn-unit-half);height:var(--alxgrn-unit-half);border-radius:50%;background-color:var(--alxgrn-color-accent);flex:0 0 auto}
+.MainMenu{margin-top:var(--alxgrn-unit);margin-right:var(--alxgrn-unit-half)}.Sidebar .MainMenu{margin-top:0}.MainMenu .MainMenuAlternative{display:flex;align-items:center;gap:var(--alxgrn-unit-half);cursor:pointer;padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-half)}.MainMenu .MainMenuAlternative:hover{background-color:var(--alxgrn-bg-panel)}.MainMenu .MainMenuAlternative:hover *{color:var(--alxgrn-color-accent)}.MainMenu .MainMenuAlternative svg{color:var(--alxgrn-color-accent);font-size:var(--alxgrn-font-size-big)}.MainMenu .MainMenuAlternative img{width:var(--alxgrn-font-size-big);height:var(--alxgrn-font-size-big);border-radius:50%;flex:0 0 auto}.MainMenu .MainMenuAlternative span{font-size:var(--alxgrn-font-size);overflow-wrap:break-word;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;flex:1 1 auto}.MainMenu .MainMenuAlternative span.MainMenuCheck{display:block;width:var(--alxgrn-unit-half);height:var(--alxgrn-unit-half);border-radius:50%;background-color:var(--alxgrn-color-accent);flex:0 0 auto}.MainMenu .MainMenuNode,.MainMenu .MainMenuTitle{padding:var(--alxgrn-unit-half)}.MainMenu .MainMenuTitle span{text-transform:uppercase;font-size:var(--alxgrn-font-size-small);font-weight:600;color:var(--alxgrn-color-light)}

package/dist/assets/TelefragLogo.css

@@ -0,0 +1 @@
+.TelefragLogo{--color-back: #287BBF;--color-fore: white;--color-text: #555}[data-theme=dark] .TelefragLogo{--color-fore: #CCC;--color-text: #999}

package/dist/assets/TelefragSymbol.css

@@ -0,0 +1 @@
+.TelefragSymbol{--color-back: #287BBF;--color-fore: white}[data-theme=dark] .TelefragSymbol{--color-fore: #CCC}

package/dist/components/form/date/DatePicker.js

@@ -1,22 +1,24 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
 import { useState as m, useEffect as v } from "react";
 import y from "../../icons/ChevronLeft.js";
 import C from "../../icons/ChevronRight.js";
-import '../../../assets/DatePicker.css';/* empty css                           */
-const G = ({ year: c, month: i, day: l, onChange: N }) => {
-  const Y = R(), p = /* @__PURE__ */ new Date(), f = p.getDate(), d = p.getMonth(), h = p.getFullYear(), [a, D] = m(h), [o, g] = m(d), [x, S] = m([]), [w, k] = m(0), [I, M] = m(0), [L, F] = m(0);
+import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';/* empty css                               */
+/* empty css                             */
+/* empty css                           */
+const J = ({ year: c, month: i, day: l, onChange: N }) => {
+  const Y = R(), f = /* @__PURE__ */ new Date(), p = f.getDate(), d = f.getMonth(), h = f.getFullYear(), [a, D] = m(h), [o, g] = m(d), [x, S] = m([]), [w, k] = m(0), [I, M] = m(0), [L, F] = m(0);
   v(() => {
     let e = c, t = i, n = l;
-    typeof e == "string" && (e = parseInt(e)), typeof t == "string" && (t = parseInt(t)), typeof n == "string" && (n = parseInt(n)), e !== void 0 && isNaN(e) && (e = h), t !== void 0 && isNaN(t) && (t = d), n !== void 0 && isNaN(n) && (n = f);
-    const s = new Date(e ?? h, t ? t - 1 : d, n ?? f);
-    D(s.getFullYear()), g(s.getMonth()), k(s.getDate()), M(s.getMonth()), F(s.getFullYear());
-  }, [c, i, l, h, d, f]), v(() => {
+    typeof e == "string" && (e = parseInt(e)), typeof t == "string" && (t = parseInt(t)), typeof n == "string" && (n = parseInt(n)), e !== void 0 && isNaN(e) && (e = h), t !== void 0 && isNaN(t) && (t = d), n !== void 0 && isNaN(n) && (n = p);
+    const r = new Date(e ?? h, t ? t - 1 : d, n ?? p);
+    D(r.getFullYear()), g(r.getMonth()), k(r.getDate()), M(r.getMonth()), F(r.getFullYear());
+  }, [c, i, l, h, d, p]), v(() => {
     const e = T(o, a);
     let t = new Date(a, o, 1).getDay();
     t === 0 && (t = 7);
     const n = [];
-    for (let s = 1; s < t; s++) n.push(0);
-    for (let s = 1; s <= e; s++) n.push(s);
+    for (let r = 1; r < t; r++) n.push(0);
+    for (let r = 1; r <= e; r++) n.push(r);
     S(n);
   }, [o, a]);
   const P = (e) => {
@@ -27,15 +29,15 @@ const G = ({ year: c, month: i, day: l, onChange: N }) => {
   }, E = (e) => {
     if (!e) return "Empty";
     if (e === w && o === I && a === L) return "Selected";
-    if (e === f && o === d && a === h) return "Current";
+    if (e === p && o === d && a === h) return "Current";
   };
   return /* @__PURE__ */ u("div", { className: "FormDatePicker", children: [
     /* @__PURE__ */ u("div", { className: "FormDatePickerMenu", children: [
-      /* @__PURE__ */ r("span", { className: "FormDatePickerPrev", onClick: () => P(-1), children: /* @__PURE__ */ r(y, {}) }),
-      /* @__PURE__ */ r("span", { className: "FormDatePickerText", children: Y[o] }),
-      /* @__PURE__ */ r("span", { className: "FormDatePickerNext", onClick: () => P(1), children: /* @__PURE__ */ r(C, {}) })
+      /* @__PURE__ */ s("span", { className: "FormDatePickerPrev", onClick: () => P(-1), children: /* @__PURE__ */ s(y, {}) }),
+      /* @__PURE__ */ s("span", { className: "FormDatePickerText", children: Y[o] }),
+      /* @__PURE__ */ s("span", { className: "FormDatePickerNext", onClick: () => P(1), children: /* @__PURE__ */ s(C, {}) })
     ] }),
-    /* @__PURE__ */ r("div", { className: "FormDatePickerDays", children: x.map((e, t) => /* @__PURE__ */ r(
+    /* @__PURE__ */ s("div", { className: "FormDatePickerDays", children: x.map((e, t) => /* @__PURE__ */ s(
       "span",
       {
         className: E(e),
@@ -45,9 +47,9 @@ const G = ({ year: c, month: i, day: l, onChange: N }) => {
       t
     )) }),
     /* @__PURE__ */ u("div", { className: "FormDatePickerMenu", children: [
-      /* @__PURE__ */ r("span", { className: "FormDatePickerPrev", onClick: () => D(a - 1), children: /* @__PURE__ */ r(y, {}) }),
-      /* @__PURE__ */ r("span", { className: "FormDatePickerText", children: a }),
-      /* @__PURE__ */ r("span", { className: "FormDatePickerNext", onClick: () => D(a + 1), children: /* @__PURE__ */ r(C, {}) })
+      /* @__PURE__ */ s("span", { className: "FormDatePickerPrev", onClick: () => D(a - 1), children: /* @__PURE__ */ s(y, {}) }),
+      /* @__PURE__ */ s("span", { className: "FormDatePickerText", children: a }),
+      /* @__PURE__ */ s("span", { className: "FormDatePickerNext", onClick: () => D(a + 1), children: /* @__PURE__ */ s(C, {}) })
     ] })
   ] });
 }, T = (c, i) => new Date(i, c + 1, 0).getDate(), R = () => {
@@ -57,5 +59,5 @@ const G = ({ year: c, month: i, day: l, onChange: N }) => {
   return i;
 };
 export {
-  G as default
+  J as default
 };

package/dist/components/form/form/Form.js

@@ -4,9 +4,11 @@ import { deepForEach as y } from "react-children-utilities";
 import x, { isValidDate as R } from "../date/Date.js";
 import { Select as F } from "../select/Select.js";
 import { Button as C } from "../button/Button.js";
-import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Footer.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Sidebar.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Menu.css';import '../../../assets/Popup.css';import '../../../assets/Fieldset.css';import '../../../assets/Label.css';import '../../../assets/RequiredMark.css';import '../../../assets/DatePicker.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/PageHeader.css';/* empty css                           */
+import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Sidebar.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Menu.css';import '../../../assets/Popup.css';import '../../../assets/Fieldset.css';import '../../../assets/Label.css';import '../../../assets/RequiredMark.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/PageHeader.css';/* empty css                           */
 /* empty css                        */
 /* empty css                        */
+/* empty css                               */
+/* empty css                             */
 /* empty css                           */
 import T from "../time/Time.js";
 import { Files as E } from "../files/Files.js";
@@ -31,10 +33,9 @@ import l from "../../ui/block/Block.js";
 /* empty css                        */
 /* empty css                         */
 /* empty css                       */
-/* empty css                       */
 /* empty css                         */
 /* empty css                        */
-const Ce = ({
+const Ee = ({
   info: d,
   error: k,
   success: b,
@@ -161,6 +162,6 @@ const Ce = ({
   ] });
 };
 export {
-  Ce as Form,
-  Ce as default
+  Ee as Form,
+  Ee as default
 };

package/dist/components/form/image/Image.js

@@ -1,13 +1,15 @@
 import { jsx as r, jsxs as F, Fragment as C } from "react/jsx-runtime";
 import { useState as n, useEffect as d } from "react";
 import E from "../label/Label.js";
-import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Footer.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Sidebar.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/Menu.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css                           */
+import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Sidebar.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/Menu.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css                           */
 import "react-children-utilities";
 import "react-transition-group";
 import "react-dom";
 /* empty css                      */
 import L from "../../icons/Clock.js";
 import N from "../../icons/Image.js";
+/* empty css                               */
+/* empty css                             */
 import j from "../../icons/Trash.js";
 /* empty css                           */
 /* empty css                       */
@@ -27,10 +29,9 @@ import j from "../../icons/Trash.js";
 /* empty css                        */
 /* empty css                         */
 /* empty css                       */
-/* empty css                       */
 /* empty css                         */
 /* empty css                        */
-const nr = ({
+const lr = ({
   id: u,
   value: o,
   text: l,
@@ -97,6 +98,6 @@ const nr = ({
   ) });
 };
 export {
-  nr as Image,
-  nr as default
+  lr as Image,
+  lr as default
 };

package/dist/components/form/required/RequiredMark.js

@@ -1,8 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
 import t from "../../icons/Asterisk.js";
-import "react";
-import '../../../assets/RequiredMark.css';/* empty css                             */
-const m = ({ required: e = !1 }) => e ? /* @__PURE__ */ r("span", { className: "RequiredMark", children: /* @__PURE__ */ r(t, {}) }) : null;
+import '../../../assets/RequiredMark.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';/* empty css                               */
+/* empty css                             */
+/* empty css                             */
+const p = ({ required: e = !1 }) => e ? /* @__PURE__ */ r("span", { className: "RequiredMark", children: /* @__PURE__ */ r(t, {}) }) : null;
 export {
-  m as default
+  p as default
 };

package/dist/components/form/select/Select.js

@@ -1,13 +1,15 @@
 import { jsx as r, jsxs as u } from "react/jsx-runtime";
 import { useRef as S, useState as a, useEffect as O } from "react";
 import V from "../label/Label.js";
-import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Footer.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Sidebar.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css                           */
+import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Sidebar.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css                           */
 import "react-children-utilities";
 import "react-transition-group";
 import "react-dom";
 /* empty css                      */
 import j from "../../icons/Check.js";
 import w from "../../icons/ChevronDown.js";
+/* empty css                               */
+/* empty css                             */
 /* empty css                           */
 /* empty css                       */
 /* empty css                        */
@@ -26,10 +28,9 @@ import { Menu as E } from "../../ui/menu/Menu.js";
 /* empty css                        */
 /* empty css                         */
 /* empty css                       */
-/* empty css                       */
 /* empty css                         */
 /* empty css                        */
-const lr = ({
+const ar = ({
   id: f,
   value: o,
   onChange: d,
@@ -105,6 +106,6 @@ const lr = ({
   ] });
 };
 export {
-  lr as Select,
-  lr as default
+  ar as Select,
+  ar as default
 };

package/dist/components/form/time/Time.js

@@ -2,12 +2,14 @@ import { jsxs as y, jsx as e } from "react/jsx-runtime";
 import { useRef as k, useState as s, useEffect as H } from "react";
 import R from "../label/Label.js";
 import { Menu as N } from "../../ui/menu/Menu.js";
-import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Footer.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Sidebar.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css                           */
+import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Sidebar.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css                           */
 import "react-children-utilities";
 import "react-transition-group";
 import "react-dom";
 /* empty css                      */
 import O from "../../icons/Check.js";
+/* empty css                               */
+/* empty css                             */
 /* empty css                           */
 /* empty css                       */
 /* empty css                        */
@@ -25,10 +27,9 @@ import O from "../../icons/Check.js";
 /* empty css                        */
 /* empty css                         */
 /* empty css                       */
-/* empty css                       */
 /* empty css                         */
 /* empty css                        */
-const dr = ({
+const xr = ({
   id: d,
   value: m,
   step: x = 1,
@@ -136,5 +137,5 @@ const dr = ({
   ] });
 };
 export {
-  dr as default
+  xr as default
 };

package/dist/components/icons/TelefragLogo.d.ts

@@ -1,6 +1,5 @@
 import { FC } from 'react';
 type Props = {
-    theme?: 'light' | 'dark';
     onClick?: () => void;
 };
 declare const TelefragLogo: FC<Props>;

package/dist/components/icons/TelefragLogo.js

@@ -1,76 +1,25 @@
-import { jsxs as o, jsx as c } from "react/jsx-runtime";
-import { useState as d, useEffect as s } from "react";
-const l = {
-  dark: {
-    back: "#287BBF",
-    fore: "#ccc",
-    text: "#999"
-  },
-  light: {
-    back: "#287BBF",
-    fore: "white",
-    text: "#555"
+import { jsxs as m, jsx as l } from "react/jsx-runtime";
+import '../../assets/TelefragLogo.css';/* empty css                          */
+const r = ({ onClick: c }) => /* @__PURE__ */ m(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "156.748mm",
+    height: "21.7468mm",
+    viewBox: "0 0 15503.88 2150.97",
+    className: "TelefragLogo",
+    onClick: () => {
+      c && c();
+    },
+    style: c ? { cursor: "pointer" } : void 0,
+    children: [
+      /* @__PURE__ */ l("path", { fill: "var(--color-back)", d: "M7990.87 2137.37c809.18,0 1467.66,-479.95 1467.66,-1071.46 0,-586 -658.48,-1065.91 -1467.66,-1065.91 -809.16,0 -1467.64,479.91 -1467.64,1065.91 0,591.51 658.48,1071.46 1467.64,1071.46z" }),
+      /* @__PURE__ */ l("path", { fill: "var(--color-fore)", d: "M8095.54 173.7c649.88,38.52 1162.11,457.13 1162.11,892.25 0,429.58 -380.01,743.54 -908.79,853.7 407.6,-104.67 699.52,-391.06 699.52,-699.48 0,-313.93 -264.38,-567.31 -638.9,-682.98l-60.62 286.42c331.79,120.61 672.43,399.28 253.36,666.43 11.06,-16.19 38.54,-40.29 38.54,-115.68 0,-101.9 -154.17,-203.75 -357.94,-264.35l-187.27 853.67 0 -1663.33 0 -126.66zm-209.34 126.66l0 1663.33 -313.93 -1431.99c-380.01,115.65 -644.39,379.99 -644.39,688.46 0,302.91 258.89,567.29 633.42,682.96 -484.68,-126.7 -837.17,-457.16 -837.17,-837.18 0,-468.16 512.2,-853.73 1162.07,-892.25l0 126.66z" }),
+      /* @__PURE__ */ l("path", { fill: "var(--color-text)", d: "M12822.53 694.56c0,-55.27 15.52,-90.65 46.41,-126.02 67.53,-77.3 166.98,-48.99 225.51,-30.94l66.31 -174.67c-158.22,-52.42 -328.93,-58.97 -453.18,75.17 -66.99,72.34 -101.71,159.21 -108.36,278.57l-141.48 0 0 190.1 141.48 0 0 800.26 227.73 0 0 -800.26 198.97 0 0 -190.1 -201.18 0c-2.22,-6.65 -2.22,-15.47 -2.22,-22.11zm1759.42 513.87c0,-148.24 42.71,-268.93 128.13,-362.08 85.41,-93.15 198.37,-139.89 338.56,-139.89 117.29,0 213.57,28.44 289.18,85.17 46.5,-49.6 103.19,-74.79 166.07,-85.17l0 998.16c0,139.22 -64.13,290.4 -197.73,378.03 -140.51,92.16 -371.92,81.14 -550.45,25.52l62.14 -208.11c92.6,25.77 242.22,61.15 343.11,9.58 109.17,-55.8 116.41,-127.36 116.41,-201.63l0 -43.8c-65,33.65 -141.22,50.5 -228.72,50.5 -147.61,0 -262.12,-46.11 -343.82,-138.34 -82.02,-92.22 -122.87,-215.08 -122.87,-367.96zm695.41 173.53l0 -350.65c-23.3,-50.52 -73.21,-138.97 -216.74,-138.97 -70.87,0 -138.86,27.66 -180.32,83.05 -41.78,55.71 -62.52,133.38 -62.52,233.03 0,213.85 86.86,320.46 240.67,320.46 116.1,0 197.65,-65.71 218.92,-146.93zm-3864.59 -1080.91l-227.69 55.27 0 1136.28c0,141.52 123.8,214.44 225.47,214.44l120.59 0 0 -198.94c-66.61,2.81 -118.39,-36.92 -118.38,-94.64l0 -1112.41zm3099.18 889.52c0.3,-187.89 -33.15,-316.13 -101.7,-382.43 -85.82,-83.02 -212.57,-101.68 -327.17,-101.68 -43.1,0 -83.67,3.52 -121.99,9.7 -56,9.04 -107.2,23.82 -154.35,41.72l49.75 189.89c58.77,-22.06 140.35,-42.37 226.58,-42.37 116.54,0 201.16,28.14 201.16,161.41 -68.7,-11.23 -106.65,-15.13 -174.64,-11.08 -117.48,7.02 -210.01,42.02 -278.53,92.86 -86.18,65.63 -126.03,156 -126.03,263.06 0,202.93 137.46,305.59 336.04,305.59 90.33,0 222.68,-42.36 267.49,-110.61 24.41,45.87 83.97,103.13 187.99,100.4l14.58 0 0.81 -516.47zm-225.47 127.32c0,136.27 -66.69,212.07 -203.4,215.35 -101.67,2.43 -150.32,-44.19 -150.32,-130.4 0,-95.07 57.6,-151.87 176.85,-170.24 65.04,-10.03 113.18,-8.33 176.87,6.62l0 78.68zm-2294.54 -609.04c-301.22,2.54 -481.95,229.89 -481.95,512.87 0,268.03 211.72,488.58 481.95,493.01 134.45,2.21 270.23,-17.77 384.65,-95.07l-83.95 -170.07c-57.04,46.2 -187.18,83.39 -300.7,72.82 -118.27,-11.02 -238.86,-126.76 -245.42,-241.01l701.79 0c52.02,-325.51 -120.19,-575.38 -456.37,-572.54zm-238.77 402.33c20.59,-129.42 105.2,-213.33 243.18,-212.25 139.27,1.09 230.31,71.86 239.24,212.25l-482.42 0zm-1109.76 -402.33c-301.22,2.54 -481.95,229.89 -481.95,512.87 0,268.03 211.72,488.58 481.95,493.01 134.45,2.21 270.23,-17.77 384.65,-95.07l-83.95 -170.07c-57.04,46.2 -187.18,83.39 -300.7,72.82 -118.27,-11.02 -238.86,-126.76 -245.42,-241.01l701.79 0c52.02,-325.51 -120.19,-575.38 -456.37,-572.54zm-238.77 402.33c20.59,-129.42 105.2,-213.33 243.18,-212.25 139.27,1.09 230.31,71.86 239.24,212.25l-482.42 0zm3290.99 -178.22l93.8 -187.56c-135.84,-67.86 -333.64,-43 -435.51,72.96l0 -101.68 -227.69 0 0 990.36 227.69 0 0 -557.1c0,-70.74 19.91,-128.24 61.91,-176.85 29.24,-33.84 159.31,-110.97 279.81,-40.13zm-3273.01 -353.38l64.16 0 0 -212.25 -64.16 0 -123.8 0 -921.85 0 0 212.25 426.66 0 0 1127.45 238.77 0 0 -1127.45 256.42 0 123.8 0z" }),
+      /* @__PURE__ */ l("path", { fill: "var(--color-text)", d: "M2337.88 708.85c-301.22,2.54 -481.95,229.89 -481.95,512.87 0,268.03 211.72,488.58 481.95,493.01 134.45,2.21 270.23,-17.77 384.65,-95.07l-83.95 -170.07c-57.04,46.2 -187.18,83.39 -300.7,72.82 -118.27,-11.02 -238.86,-126.76 -245.42,-241.01l701.79 0c52.02,-325.51 -120.19,-575.38 -456.37,-572.54zm-1174.7 -341.52c-369.93,0 -793.25,0 -1163.18,0l0 212.25 426.66 0 0 1127.45 238.77 0 0 -1127.45 267.83 0 0 1127.45 229.93 0 0 -696.33c38.7,-58.2 127.81,-99.5 196.75,-99.5 120.28,0 201.17,78.06 201.17,198.97l0 596.86 227.7 0 0 -596.86c0,-246.43 -132.79,-391.29 -382.45,-391.29 -103.9,0 -183.5,26.51 -243.17,79.56 0,-143.71 0,-287.41 0,-431.12zm5122.47 349.34l-236.54 672.03 -265.32 -672.03 -236.44 -0.14 397.83 970.6c-41.98,123.8 -91.45,143.26 -252.02,139.3l0 207.83c172.65,0 330.31,-0.33 402.37,-190.14l426.66 -1127.45 -236.52 0zm-2343.31 274.1c0,-70.73 -8.84,-134.83 -24.31,-196.71 -26.55,-97.29 -75.17,-183.53 -145.91,-254.24 -95.05,-95.07 -218.85,-143.7 -371.41,-154.77 -28.72,-2.22 -57.47,-4.39 -88.43,-4.39l-446.56 0 0 1326.38 386.88 0c53.08,0 101.7,-2.18 148.11,-8.85 285.2,-37.56 457.64,-192.29 517.32,-462 15.47,-72.99 24.31,-154.76 24.31,-245.42zm-344.88 378.07c-50.84,66.31 -117.15,101.64 -196.75,114.93 -26.51,4.4 -55.25,8.86 -83.99,8.86l-214.44 0 2.2 -906.41 196.77 0c35.37,0 68.52,2.22 99.46,6.62 196.75,33.18 296.24,165.81 296.24,413.43 0,154.73 -33.16,276.35 -99.48,362.56zm1198.42 -652.17l0 185.71 108.53 0 0 804.65 229.93 0 0 -990.36 -338.46 0zm-45.82 474.44c0.29,-187.89 -33.15,-316.13 -101.7,-382.43 -85.82,-83.02 -212.57,-101.68 -327.17,-101.68 -106.09,0 -196.93,21.28 -276.33,51.42l49.75 189.89c58.77,-22.06 140.35,-42.37 226.58,-42.37 116.54,0 201.16,28.14 201.16,161.41 -68.7,-11.23 -106.65,-15.13 -174.64,-11.08 -117.48,7.02 -210.01,42.02 -278.53,92.86 -86.18,65.63 -126.03,156 -126.03,263.06 0,202.93 137.46,304.5 336.04,304.5 90.33,0 222.68,-41.28 267.49,-109.52 30.95,52.41 83.99,102.59 188.01,99.86l14.58 0 0.79 -515.92zm-225.47 127.32c0,136.27 -66.69,212.07 -203.4,215.35 -101.67,2.43 -150.32,-44.19 -150.32,-130.4 0,-95.07 57.6,-151.87 176.85,-170.24 65.04,-10.03 113.18,-8.33 176.87,6.62l0 78.68zm497 -977.58c-35.37,0 -68.54,13.22 -92.86,39.8 -26.53,24.29 -39.78,55.24 -39.78,92.86 0,35.33 13.25,66.28 39.78,92.82 24.31,24.3 57.49,37.59 92.86,37.59 35.37,0 66.33,-13.28 92.86,-37.59 26.51,-26.54 37.55,-57.49 37.55,-92.82 0,-37.62 -11.04,-68.56 -37.55,-92.86 -26.53,-26.58 -57.49,-39.8 -92.86,-39.8zm493.63 -39.8l-227.69 55.27 0 1136.28c0,141.52 123.8,214.44 225.47,214.44l120.59 0 0 -198.94c-66.61,2.81 -118.39,-36.91 -118.38,-94.63l0 -1112.42zm-3416.1 810.12c20.59,-129.42 105.2,-213.33 243.18,-212.25 139.27,1.09 230.31,71.86 239.24,212.25l-482.42 0z" })
+    ]
   }
-}, u = ({ theme: m, onClick: t }) => {
-  const [z, h] = d(window.innerWidth), [e, r] = d("light");
-  return s(() => {
-    const i = () => {
-      h(window.innerWidth);
-    };
-    return window.addEventListener("resize", i), () => {
-      window.removeEventListener("resize", i);
-    };
-  }, []), s(() => {
-    if (m) {
-      r(m);
-      return;
-    }
-    const i = document.documentElement.getAttribute("data-theme");
-    r(i === "dark" ? "dark" : "light");
-    let n = new MutationObserver(() => {
-      const a = document.documentElement.getAttribute("data-theme");
-      r(a === "dark" ? "dark" : "light");
-    });
-    return n.observe(document.documentElement, {
-      attributes: !0
-      // наблюдать за изменением атрибутов
-    }), () => n.disconnect();
-  }, [m]), z < 512 ? /* @__PURE__ */ o(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "47.2642mm",
-      height: "34.4159mm",
-      viewBox: "0 0 5058.61 3683.48",
-      onClick: () => {
-        t && t();
-      },
-      style: t ? { cursor: "pointer" } : void 0,
-      children: [
-        /* @__PURE__ */ c("path", { fill: l[e].back, d: "M2529.3 3683.48c1394.52,0 2529.32,-827.13 2529.32,-1846.53 0,-1009.89 -1134.8,-1836.95 -2529.32,-1836.95 -1394.5,0 -2529.3,827.06 -2529.3,1836.95 0,1019.4 1134.8,1846.53 2529.3,1846.53z" }),
-        /* @__PURE__ */ c("path", { fill: l[e].fore, d: "M2709.68 299.33c1119.99,66.39 2002.76,787.82 2002.76,1537.69 0,740.31 -654.92,1281.4 -1566.19,1471.22 702.43,-180.38 1205.54,-673.93 1205.54,-1205.45 0,-541.02 -455.62,-977.67 -1101.07,-1177.02l-104.47 493.6c571.8,207.86 1158.84,688.11 436.62,1148.5 19.06,-27.89 66.41,-69.43 66.41,-199.33 0,-175.62 -265.69,-351.15 -616.88,-455.58l-322.72 1471.18 0 -2866.52 0 -218.3zm-360.76 218.3l0 2866.52 -541.02 -2467.83c-654.91,199.29 -1110.52,654.86 -1110.52,1186.47 0,522.02 446.15,977.65 1091.59,1176.99 -835.27,-218.36 -1442.74,-787.86 -1442.74,-1442.77 0,-806.82 882.72,-1471.3 2002.68,-1537.69l0 218.3z" })
-      ]
-    }
-  ) : /* @__PURE__ */ o(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "156.748mm",
-      height: "21.7468mm",
-      viewBox: "0 0 15503.88 2150.97",
-      onClick: () => {
-        t && t();
-      },
-      style: t ? { cursor: "pointer" } : void 0,
-      children: [
-        /* @__PURE__ */ c("path", { fill: l[e].back, d: "M7990.87 2137.37c809.18,0 1467.66,-479.95 1467.66,-1071.46 0,-586 -658.48,-1065.91 -1467.66,-1065.91 -809.16,0 -1467.64,479.91 -1467.64,1065.91 0,591.51 658.48,1071.46 1467.64,1071.46z" }),
-        /* @__PURE__ */ c("path", { fill: l[e].fore, d: "M8095.54 173.7c649.88,38.52 1162.11,457.13 1162.11,892.25 0,429.58 -380.01,743.54 -908.79,853.7 407.6,-104.67 699.52,-391.06 699.52,-699.48 0,-313.93 -264.38,-567.31 -638.9,-682.98l-60.62 286.42c331.79,120.61 672.43,399.28 253.36,666.43 11.06,-16.19 38.54,-40.29 38.54,-115.68 0,-101.9 -154.17,-203.75 -357.94,-264.35l-187.27 853.67 0 -1663.33 0 -126.66zm-209.34 126.66l0 1663.33 -313.93 -1431.99c-380.01,115.65 -644.39,379.99 -644.39,688.46 0,302.91 258.89,567.29 633.42,682.96 -484.68,-126.7 -837.17,-457.16 -837.17,-837.18 0,-468.16 512.2,-853.73 1162.07,-892.25l0 126.66z" }),
-        /* @__PURE__ */ c("path", { fill: l[e].text, d: "M12822.53 694.56c0,-55.27 15.52,-90.65 46.41,-126.02 67.53,-77.3 166.98,-48.99 225.51,-30.94l66.31 -174.67c-158.22,-52.42 -328.93,-58.97 -453.18,75.17 -66.99,72.34 -101.71,159.21 -108.36,278.57l-141.48 0 0 190.1 141.48 0 0 800.26 227.73 0 0 -800.26 198.97 0 0 -190.1 -201.18 0c-2.22,-6.65 -2.22,-15.47 -2.22,-22.11zm1759.42 513.87c0,-148.24 42.71,-268.93 128.13,-362.08 85.41,-93.15 198.37,-139.89 338.56,-139.89 117.29,0 213.57,28.44 289.18,85.17 46.5,-49.6 103.19,-74.79 166.07,-85.17l0 998.16c0,139.22 -64.13,290.4 -197.73,378.03 -140.51,92.16 -371.92,81.14 -550.45,25.52l62.14 -208.11c92.6,25.77 242.22,61.15 343.11,9.58 109.17,-55.8 116.41,-127.36 116.41,-201.63l0 -43.8c-65,33.65 -141.22,50.5 -228.72,50.5 -147.61,0 -262.12,-46.11 -343.82,-138.34 -82.02,-92.22 -122.87,-215.08 -122.87,-367.96zm695.41 173.53l0 -350.65c-23.3,-50.52 -73.21,-138.97 -216.74,-138.97 -70.87,0 -138.86,27.66 -180.32,83.05 -41.78,55.71 -62.52,133.38 -62.52,233.03 0,213.85 86.86,320.46 240.67,320.46 116.1,0 197.65,-65.71 218.92,-146.93zm-3864.59 -1080.91l-227.69 55.27 0 1136.28c0,141.52 123.8,214.44 225.47,214.44l120.59 0 0 -198.94c-66.61,2.81 -118.39,-36.92 -118.38,-94.64l0 -1112.41zm3099.18 889.52c0.3,-187.89 -33.15,-316.13 -101.7,-382.43 -85.82,-83.02 -212.57,-101.68 -327.17,-101.68 -43.1,0 -83.67,3.52 -121.99,9.7 -56,9.04 -107.2,23.82 -154.35,41.72l49.75 189.89c58.77,-22.06 140.35,-42.37 226.58,-42.37 116.54,0 201.16,28.14 201.16,161.41 -68.7,-11.23 -106.65,-15.13 -174.64,-11.08 -117.48,7.02 -210.01,42.02 -278.53,92.86 -86.18,65.63 -126.03,156 -126.03,263.06 0,202.93 137.46,305.59 336.04,305.59 90.33,0 222.68,-42.36 267.49,-110.61 24.41,45.87 83.97,103.13 187.99,100.4l14.58 0 0.81 -516.47zm-225.47 127.32c0,136.27 -66.69,212.07 -203.4,215.35 -101.67,2.43 -150.32,-44.19 -150.32,-130.4 0,-95.07 57.6,-151.87 176.85,-170.24 65.04,-10.03 113.18,-8.33 176.87,6.62l0 78.68zm-2294.54 -609.04c-301.22,2.54 -481.95,229.89 -481.95,512.87 0,268.03 211.72,488.58 481.95,493.01 134.45,2.21 270.23,-17.77 384.65,-95.07l-83.95 -170.07c-57.04,46.2 -187.18,83.39 -300.7,72.82 -118.27,-11.02 -238.86,-126.76 -245.42,-241.01l701.79 0c52.02,-325.51 -120.19,-575.38 -456.37,-572.54zm-238.77 402.33c20.59,-129.42 105.2,-213.33 243.18,-212.25 139.27,1.09 230.31,71.86 239.24,212.25l-482.42 0zm-1109.76 -402.33c-301.22,2.54 -481.95,229.89 -481.95,512.87 0,268.03 211.72,488.58 481.95,493.01 134.45,2.21 270.23,-17.77 384.65,-95.07l-83.95 -170.07c-57.04,46.2 -187.18,83.39 -300.7,72.82 -118.27,-11.02 -238.86,-126.76 -245.42,-241.01l701.79 0c52.02,-325.51 -120.19,-575.38 -456.37,-572.54zm-238.77 402.33c20.59,-129.42 105.2,-213.33 243.18,-212.25 139.27,1.09 230.31,71.86 239.24,212.25l-482.42 0zm3290.99 -178.22l93.8 -187.56c-135.84,-67.86 -333.64,-43 -435.51,72.96l0 -101.68 -227.69 0 0 990.36 227.69 0 0 -557.1c0,-70.74 19.91,-128.24 61.91,-176.85 29.24,-33.84 159.31,-110.97 279.81,-40.13zm-3273.01 -353.38l64.16 0 0 -212.25 -64.16 0 -123.8 0 -921.85 0 0 212.25 426.66 0 0 1127.45 238.77 0 0 -1127.45 256.42 0 123.8 0z" }),
-        /* @__PURE__ */ c("path", { fill: l[e].text, d: "M2337.88 708.85c-301.22,2.54 -481.95,229.89 -481.95,512.87 0,268.03 211.72,488.58 481.95,493.01 134.45,2.21 270.23,-17.77 384.65,-95.07l-83.95 -170.07c-57.04,46.2 -187.18,83.39 -300.7,72.82 -118.27,-11.02 -238.86,-126.76 -245.42,-241.01l701.79 0c52.02,-325.51 -120.19,-575.38 -456.37,-572.54zm-1174.7 -341.52c-369.93,0 -793.25,0 -1163.18,0l0 212.25 426.66 0 0 1127.45 238.77 0 0 -1127.45 267.83 0 0 1127.45 229.93 0 0 -696.33c38.7,-58.2 127.81,-99.5 196.75,-99.5 120.28,0 201.17,78.06 201.17,198.97l0 596.86 227.7 0 0 -596.86c0,-246.43 -132.79,-391.29 -382.45,-391.29 -103.9,0 -183.5,26.51 -243.17,79.56 0,-143.71 0,-287.41 0,-431.12zm5122.47 349.34l-236.54 672.03 -265.32 -672.03 -236.44 -0.14 397.83 970.6c-41.98,123.8 -91.45,143.26 -252.02,139.3l0 207.83c172.65,0 330.31,-0.33 402.37,-190.14l426.66 -1127.45 -236.52 0zm-2343.31 274.1c0,-70.73 -8.84,-134.83 -24.31,-196.71 -26.55,-97.29 -75.17,-183.53 -145.91,-254.24 -95.05,-95.07 -218.85,-143.7 -371.41,-154.77 -28.72,-2.22 -57.47,-4.39 -88.43,-4.39l-446.56 0 0 1326.38 386.88 0c53.08,0 101.7,-2.18 148.11,-8.85 285.2,-37.56 457.64,-192.29 517.32,-462 15.47,-72.99 24.31,-154.76 24.31,-245.42zm-344.88 378.07c-50.84,66.31 -117.15,101.64 -196.75,114.93 -26.51,4.4 -55.25,8.86 -83.99,8.86l-214.44 0 2.2 -906.41 196.77 0c35.37,0 68.52,2.22 99.46,6.62 196.75,33.18 296.24,165.81 296.24,413.43 0,154.73 -33.16,276.35 -99.48,362.56zm1198.42 -652.17l0 185.71 108.53 0 0 804.65 229.93 0 0 -990.36 -338.46 0zm-45.82 474.44c0.29,-187.89 -33.15,-316.13 -101.7,-382.43 -85.82,-83.02 -212.57,-101.68 -327.17,-101.68 -106.09,0 -196.93,21.28 -276.33,51.42l49.75 189.89c58.77,-22.06 140.35,-42.37 226.58,-42.37 116.54,0 201.16,28.14 201.16,161.41 -68.7,-11.23 -106.65,-15.13 -174.64,-11.08 -117.48,7.02 -210.01,42.02 -278.53,92.86 -86.18,65.63 -126.03,156 -126.03,263.06 0,202.93 137.46,304.5 336.04,304.5 90.33,0 222.68,-41.28 267.49,-109.52 30.95,52.41 83.99,102.59 188.01,99.86l14.58 0 0.79 -515.92zm-225.47 127.32c0,136.27 -66.69,212.07 -203.4,215.35 -101.67,2.43 -150.32,-44.19 -150.32,-130.4 0,-95.07 57.6,-151.87 176.85,-170.24 65.04,-10.03 113.18,-8.33 176.87,6.62l0 78.68zm497 -977.58c-35.37,0 -68.54,13.22 -92.86,39.8 -26.53,24.29 -39.78,55.24 -39.78,92.86 0,35.33 13.25,66.28 39.78,92.82 24.31,24.3 57.49,37.59 92.86,37.59 35.37,0 66.33,-13.28 92.86,-37.59 26.51,-26.54 37.55,-57.49 37.55,-92.82 0,-37.62 -11.04,-68.56 -37.55,-92.86 -26.53,-26.58 -57.49,-39.8 -92.86,-39.8zm493.63 -39.8l-227.69 55.27 0 1136.28c0,141.52 123.8,214.44 225.47,214.44l120.59 0 0 -198.94c-66.61,2.81 -118.39,-36.91 -118.38,-94.63l0 -1112.42zm-3416.1 810.12c20.59,-129.42 105.2,-213.33 243.18,-212.25 139.27,1.09 230.31,71.86 239.24,212.25l-482.42 0z" })
-      ]
-    }
-  );
-};
+);
 export {
-  u as default
+  r as default
 };

package/dist/components/icons/TelefragSymbol.d.ts

@@ -0,0 +1,2 @@
+declare const TelefragSymbol: () => import("react/jsx-runtime").JSX.Element;
+export default TelefragSymbol;

package/dist/components/icons/TelefragSymbol.js

@@ -0,0 +1,19 @@
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import '../../assets/TelefragSymbol.css';/* empty css                            */
+const a = () => /* @__PURE__ */ o(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "47.2642mm",
+    height: "34.4159mm",
+    viewBox: "0 0 5058.61 3683.48",
+    className: "TelefragSymbol",
+    children: [
+      /* @__PURE__ */ l("path", { fill: "var(--color-back)", d: "M2529.3 3683.48c1394.52,0 2529.32,-827.13 2529.32,-1846.53 0,-1009.89 -1134.8,-1836.95 -2529.32,-1836.95 -1394.5,0 -2529.3,827.06 -2529.3,1836.95 0,1019.4 1134.8,1846.53 2529.3,1846.53z" }),
+      /* @__PURE__ */ l("path", { fill: "var(--color-fore)", d: "M2709.68 299.33c1119.99,66.39 2002.76,787.82 2002.76,1537.69 0,740.31 -654.92,1281.4 -1566.19,1471.22 702.43,-180.38 1205.54,-673.93 1205.54,-1205.45 0,-541.02 -455.62,-977.67 -1101.07,-1177.02l-104.47 493.6c571.8,207.86 1158.84,688.11 436.62,1148.5 19.06,-27.89 66.41,-69.43 66.41,-199.33 0,-175.62 -265.69,-351.15 -616.88,-455.58l-322.72 1471.18 0 -2866.52 0 -218.3zm-360.76 218.3l0 2866.52 -541.02 -2467.83c-654.91,199.29 -1110.52,654.86 -1110.52,1186.47 0,522.02 446.15,977.65 1091.59,1176.99 -835.27,-218.36 -1442.74,-787.86 -1442.74,-1442.77 0,-806.82 882.72,-1471.3 2002.68,-1537.69l0 218.3z" })
+    ]
+  }
+);
+export {
+  a as default
+};

package/dist/components/icons/index.d.ts

@@ -58,10 +58,11 @@ import { default as Shrink } from './Shrink';
 import { default as SquareDashed } from './SquareDashed';
 import { default as Strikethrough } from './Strikethrough';
 import { default as Table } from './Table';
+import { default as TelefragSymbol } from './TelefragSymbol';
 import { default as TelefragLogo } from './TelefragLogo';
 import { default as Trash } from './Trash';
 import { default as Type } from './Type';
 import { default as Underline } from './Underline';
 import { default as Undo } from './Undo';
 import { default as Users } from './Users';
-export { AlignBottom, AlignCenter, AlignJustify, AlignLeft, AlignMiddle, AlignRight, AlignTop, Asterisk, Bold, Book, Calendar, CellsMerge, CellsSplit, Check, ChevronDown, ChevronLeft, ChevronRight, Clock, Code, CodeXml, ColumnInsertAfter, ColumnInsertBefore, Expand, Eye, Feather, Files, Film, FlipVertical, Forum, Gamepad, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Image, IndentDecrease, Italic, Jam, JoinUp, Link, List, ListOrdered, Maximize, Menu, Minimize, Pilcrow, Plus, Quote, Redo, Rocket, RowInsertAfter, RowInsertBefore, ShowSidebar, Shrink, SquareDashed, Strikethrough, Table, TelefragLogo, Trash, Type, Underline, Undo, Users, };
+export { AlignBottom, AlignCenter, AlignJustify, AlignLeft, AlignMiddle, AlignRight, AlignTop, Asterisk, Bold, Book, Calendar, CellsMerge, CellsSplit, Check, ChevronDown, ChevronLeft, ChevronRight, Clock, Code, CodeXml, ColumnInsertAfter, ColumnInsertBefore, Expand, Eye, Feather, Files, Film, FlipVertical, Forum, Gamepad, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Image, IndentDecrease, Italic, Jam, JoinUp, Link, List, ListOrdered, Maximize, Menu, Minimize, Pilcrow, Plus, Quote, Redo, Rocket, RowInsertAfter, RowInsertBefore, ShowSidebar, Shrink, SquareDashed, Strikethrough, Table, TelefragSymbol, TelefragLogo, Trash, Type, Underline, Undo, Users, };

package/dist/components/icons/index.js

@@ -1,5 +1,5 @@
 import { default as o } from "./AlignBottom.js";
-import { default as a } from "./AlignCenter.js";
+import { default as t } from "./AlignCenter.js";
 import { default as l } from "./AlignJustify.js";
 import { default as s } from "./AlignLeft.js";
 import { default as u } from "./AlignMiddle.js";
@@ -9,13 +9,13 @@ import { default as h } from "./Asterisk.js";
 import { default as A } from "./Bold.js";
 import { default as c } from "./Book.js";
 import { default as I } from "./Calendar.js";
-import { default as R } from "./CellsMerge.js";
-import { default as w } from "./CellsSplit.js";
-import { default as F } from "./Check.js";
-import { default as T } from "./ChevronDown.js";
-import { default as v } from "./ChevronLeft.js";
-import { default as D } from "./ChevronRight.js";
-import { default as b } from "./Clock.js";
+import { default as L } from "./CellsMerge.js";
+import { default as T } from "./CellsSplit.js";
+import { default as B } from "./Check.js";
+import { default as M } from "./ChevronDown.js";
+import { default as U } from "./ChevronLeft.js";
+import { default as v } from "./ChevronRight.js";
+import { default as J } from "./Clock.js";
 import { default as E } from "./Code.js";
 import { default as q } from "./CodeXml.js";
 import { default as O } from "./ColumnInsertAfter.js";
@@ -26,7 +26,7 @@ import { default as Y } from "./Feather.js";
 import { default as _ } from "./Files.js";
 import { default as ee } from "./Film.js";
 import { default as oe } from "./FlipVertical.js";
-import { default as ae } from "./Forum.js";
+import { default as te } from "./Forum.js";
 import { default as le } from "./Gamepad.js";
 import { default as se } from "./Heading.js";
 import { default as ue } from "./Heading1.js";
@@ -36,13 +36,13 @@ import { default as he } from "./Heading4.js";
 import { default as Ae } from "./Heading5.js";
 import { default as ce } from "./Heading6.js";
 import { default as Ie } from "./Image.js";
-import { default as Re } from "./IndentDecrease.js";
-import { default as we } from "./Italic.js";
-import { default as Fe } from "./Jam.js";
-import { default as Te } from "./JoinUp.js";
-import { default as ve } from "./Link.js";
-import { default as De } from "./List.js";
-import { default as be } from "./ListOrdered.js";
+import { default as Le } from "./IndentDecrease.js";
+import { default as Te } from "./Italic.js";
+import { default as Be } from "./Jam.js";
+import { default as Me } from "./JoinUp.js";
+import { default as Ue } from "./Link.js";
+import { default as ve } from "./List.js";
+import { default as Je } from "./ListOrdered.js";
 import { default as Ee } from "./Maximize.js";
 import { default as qe } from "./Menu.js";
 import { default as Oe } from "./Minimize.js";
@@ -53,20 +53,21 @@ import { default as Ye } from "./Redo.js";
 import { default as _e } from "./Rocket.js";
 import { default as er } from "./RowInsertAfter.js";
 import { default as or } from "./RowInsertBefore.js";
-import { default as ar } from "./ShowSidebar.js";
+import { default as tr } from "./ShowSidebar.js";
 import { default as lr } from "./Shrink.js";
 import { default as sr } from "./SquareDashed.js";
 import { default as ur } from "./Strikethrough.js";
 import { default as xr } from "./Table.js";
-import { default as nr } from "./TelefragLogo.js";
-import { default as hr } from "./Trash.js";
-import { default as Ar } from "./Type.js";
-import { default as cr } from "./Underline.js";
-import { default as Ir } from "./Undo.js";
-import { default as Rr } from "./Users.js";
+import { default as nr } from "./TelefragSymbol.js";
+import { default as hr } from "./TelefragLogo.js";
+import { default as Ar } from "./Trash.js";
+import { default as cr } from "./Type.js";
+import { default as Ir } from "./Underline.js";
+import { default as Lr } from "./Undo.js";
+import { default as Tr } from "./Users.js";
 export {
   o as AlignBottom,
-  a as AlignCenter,
+  t as AlignCenter,
   l as AlignJustify,
   s as AlignLeft,
   u as AlignMiddle,
@@ -76,13 +77,13 @@ export {
   A as Bold,
   c as Book,
   I as Calendar,
-  R as CellsMerge,
-  w as CellsSplit,
-  F as Check,
-  T as ChevronDown,
-  v as ChevronLeft,
-  D as ChevronRight,
-  b as Clock,
+  L as CellsMerge,
+  T as CellsSplit,
+  B as Check,
+  M as ChevronDown,
+  U as ChevronLeft,
+  v as ChevronRight,
+  J as Clock,
   E as Code,
   q as CodeXml,
   O as ColumnInsertAfter,
@@ -93,7 +94,7 @@ export {
   _ as Files,
   ee as Film,
   oe as FlipVertical,
-  ae as Forum,
+  te as Forum,
   le as Gamepad,
   se as Heading,
   ue as Heading1,
@@ -103,13 +104,13 @@ export {
   Ae as Heading5,
   ce as Heading6,
   Ie as Image,
-  Re as IndentDecrease,
-  we as Italic,
-  Fe as Jam,
-  Te as JoinUp,
-  ve as Link,
-  De as List,
-  be as ListOrdered,
+  Le as IndentDecrease,
+  Te as Italic,
+  Be as Jam,
+  Me as JoinUp,
+  Ue as Link,
+  ve as List,
+  Je as ListOrdered,
   Ee as Maximize,
   qe as Menu,
   Oe as Minimize,
@@ -120,15 +121,16 @@ export {
   _e as Rocket,
   er as RowInsertAfter,
   or as RowInsertBefore,
-  ar as ShowSidebar,
+  tr as ShowSidebar,
   lr as Shrink,
   sr as SquareDashed,
   ur as Strikethrough,
   xr as Table,
-  nr as TelefragLogo,
-  hr as Trash,
-  Ar as Type,
-  cr as Underline,
-  Ir as Undo,
-  Rr as Users
+  hr as TelefragLogo,
+  nr as TelefragSymbol,
+  Ar as Trash,
+  cr as Type,
+  Ir as Underline,
+  Lr as Undo,
+  Tr as Users
 };

package/dist/components/layout/Footer.js

@@ -1,9 +1,8 @@
 import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import '../../assets/Footer.css';/* empty css                    */
-const s = () => /* @__PURE__ */ r("footer", { className: "Footer", children: /* @__PURE__ */ e("div", { children: [
+import '../../assets/Footer.css';const t = () => /* @__PURE__ */ r("footer", { className: "Footer", children: /* @__PURE__ */ e("div", { children: [
   "Copyright © ",
   /* @__PURE__ */ r("a", { href: "/user/1", children: "Alexander Fedorov" })
 ] }) });
 export {
-  s as default
+  t as default
 };

package/dist/components/layout/Header.js

@@ -1,12 +1,13 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import s from "../icons/Menu.js";
-import l from "../icons/TelefragLogo.js";
+import s from "../icons/TelefragSymbol.js";
+import a from "../icons/TelefragLogo.js";
 import '../../assets/Header.css';/* empty css                    */
-const t = ({ userMenu: r, onMenuSwitch: a, onLogoClick: d }) => /* @__PURE__ */ e("header", { className: "HeaderWrapper", children: /* @__PURE__ */ i("div", { className: "Header", children: [
-  /* @__PURE__ */ e("div", { className: "HeaderLeft", onClick: a, children: /* @__PURE__ */ e(s, {}) }),
-  /* @__PURE__ */ e("div", { className: "HeaderCenter", children: /* @__PURE__ */ e(l, { onClick: d }) }),
-  /* @__PURE__ */ e("div", { className: "HeaderRight", children: r })
+const n = ({ userMenu: l, onMenuSwitch: r, onLogoClick: d }) => /* @__PURE__ */ e("header", { className: "HeaderWrapper", children: /* @__PURE__ */ i("div", { className: "Header", children: [
+  /* @__PURE__ */ e("div", { className: "HeaderMobile", onClick: r, children: /* @__PURE__ */ e(s, {}) }),
+  /* @__PURE__ */ e("div", { className: "HeaderTablet", children: /* @__PURE__ */ e(a, { onClick: r }) }),
+  /* @__PURE__ */ e("div", { className: "HeaderDesktop", children: /* @__PURE__ */ e(a, { onClick: d }) }),
+  /* @__PURE__ */ e("div", { className: "HeaderRight", children: l })
 ] }) });
 export {
-  t as default
+  n as default
 };

package/dist/components/layout/Layout.js

@@ -1,13 +1,14 @@
 import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import { useState as n } from "react";
 import l from "./Header.js";
-import u from "./Footer.js";
-import d from "./Content.js";
-import '../../assets/Editable.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Button.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';/* empty css                        */
+import u from "./Content.js";
+import '../../assets/Editable.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Button.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/TelefragLogo.css';import '../../assets/TelefragSymbol.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';/* empty css                        */
 import "react-children-utilities";
 import "react-transition-group";
 import "react-dom";
 /* empty css                   */
+/* empty css                            */
+/* empty css                          */
 /* empty css                          */
 /* empty css                   */
 /* empty css                        */
@@ -24,33 +25,32 @@ import "react-dom";
 /* empty css                     */
 /* empty css                   */
 /* empty css                     */
-import { Sidebar as c } from "../ui/sidebar/Sidebar.js";
+import { Sidebar as d } from "../ui/sidebar/Sidebar.js";
 /* empty css                      */
-import b from "./MainMenu.js";
-const T = ({ children: p, mainMenu: m, userMenu: e, onLogoClick: s, onMenuClick: r }) => {
-  const [a, t] = n(!1);
+import c from "./MainMenu.js";
+const T = ({ children: p, mainMenu: m, userMenu: e, onLogoClick: s, onMenuClick: t }) => {
+  const [a, r] = n(!1);
   return /* @__PURE__ */ f("div", { className: "Layout", children: [
     /* @__PURE__ */ o(
       l,
       {
         userMenu: e,
-        onMenuSwitch: () => t((i) => !i),
+        onMenuSwitch: () => r((i) => !i),
         onLogoClick: s
       }
     ),
-    /* @__PURE__ */ o(d, { mainMenu: m, onMenuClick: r, children: p }),
-    /* @__PURE__ */ o(u, {}),
+    /* @__PURE__ */ o(u, { mainMenu: m, onMenuClick: t, children: p }),
     /* @__PURE__ */ o(
-      c,
+      d,
       {
         isOpen: a,
-        onClose: () => t(!1),
+        onClose: () => r(!1),
         children: /* @__PURE__ */ o(
-          b,
+          c,
           {
             items: m,
             onMenuClick: (i) => {
-              t(!1), r && r(i);
+              r(!1), t && t(i);
             }
           }
         )

package/dist/components/layout/MainMenu.d.ts

@@ -5,6 +5,7 @@ export type MainMenuTitle = {
     icon?: never;
     title: string;
     checked?: never;
+    node?: never;
 };
 export type MainMenuAlternative = {
     id: string;
@@ -12,8 +13,17 @@ export type MainMenuAlternative = {
     icon: ReactNode;
     title?: never;
     checked?: boolean;
+    node?: never;
 };
-export type MainMenuItem = MainMenuTitle | MainMenuAlternative;
+export type MainMenuNode = {
+    id?: never;
+    text?: never;
+    icon?: never;
+    title?: string;
+    checked?: never;
+    node: ReactNode;
+};
+export type MainMenuItem = MainMenuTitle | MainMenuAlternative | MainMenuNode;
 type Props = {
     items: MainMenuItem[];
     onMenuClick?: (id: string) => void;

package/dist/components/layout/MainMenu.js

@@ -1,21 +1,21 @@
-import { jsx as e, jsxs as s, Fragment as c } from "react/jsx-runtime";
+import { jsx as e, jsxs as l, Fragment as c } from "react/jsx-runtime";
 import '../../assets/MainMenu.css';/* empty css                      */
-const o = ({ items: i, onMenuClick: a }) => /* @__PURE__ */ e("div", { className: "MainMenu", children: i.map((n, l) => /* @__PURE__ */ s(
+const o = ({ items: s, onMenuClick: a }) => /* @__PURE__ */ e("div", { className: "MainMenu", children: s.map((n, i) => /* @__PURE__ */ l(
   "div",
   {
     onClick: () => {
       a && n.id && a(n.id);
     },
-    className: n.title ? "MainMenuTitle" : void 0,
+    className: n.node ? "MainMenuNode" : n.title ? "MainMenuTitle" : "MainMenuAlternative",
     children: [
-      n.title ? /* @__PURE__ */ e("span", { className: "one-line", children: n.title }) : /* @__PURE__ */ s(c, { children: [
+      n.node ? n.node : n.title ? /* @__PURE__ */ e("span", { className: "one-line", children: n.title }) : /* @__PURE__ */ l(c, { children: [
         n.icon,
         /* @__PURE__ */ e("span", { className: "one-line", children: n.text })
       ] }),
       n.checked && /* @__PURE__ */ e("span", { className: "MainMenuCheck" })
     ]
   },
-  l
+  i
 )) });
 export {
   o as default

package/dist/components/layout/Page.js

@@ -1,10 +1,12 @@
 import { jsxs as m, jsx as r, Fragment as a } from "react/jsx-runtime";
-import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Footer.css';import '../../assets/Header.css';import '../../assets/Editable.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Button.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';/* empty css                        */
+import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Header.css';import '../../assets/Editable.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Button.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/TelefragLogo.css';import '../../assets/TelefragSymbol.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';/* empty css                        */
 import "react";
 import "react-children-utilities";
 import "react-transition-group";
 import "react-dom";
 /* empty css                   */
+/* empty css                            */
+/* empty css                          */
 /* empty css                          */
 /* empty css                   */
 /* empty css                        */
@@ -24,10 +26,9 @@ import "react-dom";
 import { Sidebar as n } from "../ui/sidebar/Sidebar.js";
 /* empty css                      */
 /* empty css                    */
-/* empty css                    */
 /* empty css                      */
 /* empty css                     */
-const G = ({ header: o, children: p, sidebar: i, isSidebarVisible: e = !1, onSidebarClose: t }) => /* @__PURE__ */ m("div", { className: "Page", children: [
+const H = ({ header: o, children: p, sidebar: i, isSidebarVisible: e = !1, onSidebarClose: t }) => /* @__PURE__ */ m("div", { className: "Page", children: [
   o && /* @__PURE__ */ r(a, { children: o }),
   /* @__PURE__ */ m("div", { className: i ? "PageBody" : "PageBody Wide", children: [
     /* @__PURE__ */ r("div", { className: "PageContent", children: p }),
@@ -46,5 +47,5 @@ const G = ({ header: o, children: p, sidebar: i, isSidebarVisible: e = !1, onSid
   )
 ] });
 export {
-  G as default
+  H as default
 };

package/dist/components/layout/PageHeader.js

@@ -1,8 +1,10 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import h from "../icons/Image.js";
-import "react";
+import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Header.css';import '../../assets/Editable.css';import '../../assets/Sidebar.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';import '../../assets/TelefragLogo.css';import '../../assets/TelefragSymbol.css';/* empty css                            */
+/* empty css                          */
 import N from "../icons/Trash.js";
-import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Footer.css';import '../../assets/Header.css';import '../../assets/Editable.css';import '../../assets/Sidebar.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';/* empty css                        */
+/* empty css                        */
+import "react";
 import "react-children-utilities";
 import "react-transition-group";
 import "react-dom";
@@ -26,14 +28,13 @@ import { Button as f } from "../form/button/Button.js";
 /* empty css                     */
 /* empty css                      */
 /* empty css                    */
-/* empty css                    */
 /* empty css                      */
 /* empty css                     */
-const _ = ({
-  menu: d,
+const ee = ({
+  menu: t,
   title: u,
   subtitle: k,
-  logo: t,
+  logo: d,
   back: m,
   admin: o,
   square: l,
@@ -69,7 +70,7 @@ const _ = ({
         /* @__PURE__ */ r("div", { className: "PageHeaderTitle one-line", children: u }),
         /* @__PURE__ */ r("div", { className: "PageHeaderSubtitle one-line", children: k })
       ] }),
-      d && /* @__PURE__ */ r("div", { className: "PageHeaderMenu", children: d }),
+      t && /* @__PURE__ */ r("div", { className: "PageHeaderMenu", children: t }),
       P && /* @__PURE__ */ r("div", { className: "PageHeaderShowSidebar", children: /* @__PURE__ */ r(
         f,
         {
@@ -85,7 +86,7 @@ const _ = ({
         onClick: (e) => i(e, s),
         style: {
           cursor: s ? "pointer" : void 0,
-          backgroundImage: t ? `url(${t})` : void 0,
+          backgroundImage: d ? `url(${d})` : void 0,
           borderRadius: l ? void 0 : "50%"
         },
         children: [
@@ -97,5 +98,5 @@ const _ = ({
   ] });
 };
 export {
-  _ as default
+  ee as default
 };

package/dist/components/ui/modal/Modal.js

@@ -1,29 +1,31 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
 import { useEffect as n } from "react";
 import { Overlay as l } from "../overlay/Overlay.js";
-import s from "../../icons/Plus.js";
-import '../../../assets/Modal.css';/* empty css                      */
-const y = ({ children: a, isOpen: e, onClose: r, close: c = !0 }) => (n(() => {
-  const o = (d) => {
-    d.key === "Escape" && r();
+import m from "../../icons/Plus.js";
+import '../../../assets/Modal.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';/* empty css                               */
+/* empty css                             */
+/* empty css                      */
+const M = ({ children: a, isOpen: r, onClose: e, close: i = !0 }) => (n(() => {
+  const o = (c) => {
+    c.key === "Escape" && e();
   };
-  return e && document.body.addEventListener("keydown", o), () => {
-    e && document.body.removeEventListener("keydown", o);
+  return r && document.body.addEventListener("keydown", o), () => {
+    r && document.body.removeEventListener("keydown", o);
   };
-}, [e, r]), /* @__PURE__ */ t(
+}, [r, e]), /* @__PURE__ */ t(
   l,
   {
-    isOpen: e,
-    onClick: r,
-    children: /* @__PURE__ */ i("div", { className: "Modal", onClick: (o) => o.stopPropagation(), children: [
-      c && /* @__PURE__ */ t("div", { className: "ModalClose", onClick: (o) => {
-        o.stopPropagation(), r();
-      }, children: /* @__PURE__ */ t(s, {}) }),
+    isOpen: r,
+    onClick: e,
+    children: /* @__PURE__ */ d("div", { className: "Modal", onClick: (o) => o.stopPropagation(), children: [
+      i && /* @__PURE__ */ t("div", { className: "ModalClose", onClick: (o) => {
+        o.stopPropagation(), e();
+      }, children: /* @__PURE__ */ t(m, {}) }),
       /* @__PURE__ */ t("div", { className: "ModalInner Scrollbar", children: a })
     ] })
   }
 ));
 export {
-  y as Modal,
-  y as default
+  M as Modal,
+  M as default
 };

package/dist/{index-BNwZCY3z.js → index-D12KbdVs.js}

@@ -17,17 +17,17 @@ import C from "./components/icons/ChevronLeft.js";
 import u from "./components/icons/ChevronRight.js";
 import c from "./components/icons/Clock.js";
 import A from "./components/icons/Code.js";
-import k from "./components/icons/CodeXml.js";
-import S from "./components/icons/ColumnInsertAfter.js";
+import S from "./components/icons/CodeXml.js";
+import k from "./components/icons/ColumnInsertAfter.js";
 import H from "./components/icons/ColumnInsertBefore.js";
 import I from "./components/icons/Expand.js";
-import L from "./components/icons/Eye.js";
-import M from "./components/icons/Feather.js";
-import R from "./components/icons/Files.js";
-import T from "./components/icons/Film.js";
-import b from "./components/icons/FlipVertical.js";
-import w from "./components/icons/Forum.js";
-import y from "./components/icons/Gamepad.js";
+import T from "./components/icons/Eye.js";
+import b from "./components/icons/Feather.js";
+import y from "./components/icons/Files.js";
+import L from "./components/icons/Film.js";
+import M from "./components/icons/FlipVertical.js";
+import R from "./components/icons/Forum.js";
+import w from "./components/icons/Gamepad.js";
 import B from "./components/icons/Heading.js";
 import F from "./components/icons/Heading1.js";
 import v from "./components/icons/Heading2.js";
@@ -58,13 +58,14 @@ import mo from "./components/icons/Shrink.js";
 import io from "./components/icons/SquareDashed.js";
 import to from "./components/icons/Strikethrough.js";
 import eo from "./components/icons/Table.js";
-import fo from "./components/icons/TelefragLogo.js";
-import po from "./components/icons/Trash.js";
-import no from "./components/icons/Type.js";
-import lo from "./components/icons/Underline.js";
-import ao from "./components/icons/Undo.js";
-import go from "./components/icons/Users.js";
-const Rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import fo from "./components/icons/TelefragSymbol.js";
+import po from "./components/icons/TelefragLogo.js";
+import no from "./components/icons/Trash.js";
+import lo from "./components/icons/Type.js";
+import ao from "./components/icons/Underline.js";
+import go from "./components/icons/Undo.js";
+import so from "./components/icons/Users.js";
+const Mr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AlignBottom: o,
   AlignCenter: r,
@@ -85,17 +86,17 @@ const Rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ChevronRight: u,
   Clock: c,
   Code: A,
-  CodeXml: k,
-  ColumnInsertAfter: S,
+  CodeXml: S,
+  ColumnInsertAfter: k,
   ColumnInsertBefore: H,
   Expand: I,
-  Eye: L,
-  Feather: M,
-  Files: R,
-  Film: T,
-  FlipVertical: b,
-  Forum: w,
-  Gamepad: y,
+  Eye: T,
+  Feather: b,
+  Files: y,
+  Film: L,
+  FlipVertical: M,
+  Forum: R,
+  Gamepad: w,
   Heading: B,
   Heading1: F,
   Heading2: v,
@@ -126,13 +127,14 @@ const Rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   SquareDashed: io,
   Strikethrough: to,
   Table: eo,
-  TelefragLogo: fo,
-  Trash: po,
-  Type: no,
-  Underline: lo,
-  Undo: ao,
-  Users: go
+  TelefragLogo: po,
+  TelefragSymbol: fo,
+  Trash: no,
+  Type: lo,
+  Underline: ao,
+  Undo: go,
+  Users: so
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Rr as i
+  Mr as i
 };

package/dist/main.js

@@ -32,7 +32,7 @@ import { default as po } from "./components/ui/editable/Editable.js";
 import { default as lo } from "./components/layout/Layout.js";
 import { default as uo } from "./components/layout/Page.js";
 import { default as no } from "./components/layout/PageHeader.js";
-import { i as co } from "./index-BNwZCY3z.js";
+import { i as co } from "./index-D12KbdVs.js";
 export {
   $ as Alert,
   q as Block,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@alxgrn/telefrag-ui",
   "description": "UI library for The Daily Telefrag project",
-  "version": "0.0.60",
+  "version": "0.0.61",
   "private": false,
   "author": "Alexander Fedorov <alex@molner.ru>",
   "license": "Apache-2.0",

package/dist/components/layout/Footer.d.ts

@@ -1,2 +0,0 @@
-declare const Footer: () => import("react/jsx-runtime").JSX.Element;
-export default Footer;