xtreme-ui 0.0.36 → 0.0.38

package/dist/components/base/Textfield/Textfield.js

@@ -4,19 +4,19 @@ import { forwardRef as N, useMemo as y } from "react";
 import T from "clsx";
 import { Icon as w } from "../Icon/Icon.js";
 import e from "./textfield.module.scss.js";
-const C = N((m, f) => {
+const C = N((f, m) => {
   const {
     className: u,
     type: t = "text",
     textarea: r,
     placeholder: p,
-    autoComplete: n = "off",
-    autoFocus: c,
+    autoComplete: i = "off",
+    autoFocus: n,
     icon: o,
     iconType: d = "regular",
     value: s,
-    onChange: i
-  } = m, l = y(() => {
+    onChange: c
+  } = f, l = y(() => {
     if (r === !0)
       return null;
     if (o)
@@ -34,30 +34,38 @@ const C = N((m, f) => {
     s && e.hasValue,
     u
   );
-  return /* @__PURE__ */ h("div", { className: x, ref: f, children: [
-    !!l && !r && /* @__PURE__ */ a(w, { className: e.icon, code: l, type: d }),
-    r ? /* @__PURE__ */ a(
-      "textarea",
-      {
-        className: e.input,
-        autoFocus: c,
-        autoComplete: n,
-        value: s,
-        onChange: i
-      }
-    ) : /* @__PURE__ */ a(
-      "input",
-      {
-        className: e.input,
-        type: t,
-        autoFocus: c,
-        autoComplete: n,
-        value: s,
-        onChange: i
-      }
-    ),
-    /* @__PURE__ */ a("span", { className: e.placeholder, children: p })
-  ] });
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      ref: m,
+      className: x,
+      role: "textfield",
+      children: [
+        !!l && !r && /* @__PURE__ */ a(w, { className: e.icon, code: l, type: d }),
+        r ? /* @__PURE__ */ a(
+          "textarea",
+          {
+            className: e.input,
+            autoFocus: n,
+            autoComplete: i,
+            value: s,
+            onChange: c
+          }
+        ) : /* @__PURE__ */ a(
+          "input",
+          {
+            className: e.input,
+            type: t,
+            autoFocus: n,
+            autoComplete: i,
+            value: s,
+            onChange: c
+          }
+        ),
+        /* @__PURE__ */ a("span", { className: e.placeholder, children: p })
+      ]
+    }
+  );
 });
 C.displayName = "Textfield";
 export {

package/dist/components/base/Textfield/Textfield.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textfield.js","sources":["../../../../src/components/base/Textfield/Textfield.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Icon } from '../Icon/Icon';\n\nimport styles from './textfield.module.scss';\nimport { TTextfieldProps } from './types';\n\nexport const Textfield = forwardRef<HTMLInputElement, TTextfieldProps>((props, ref) => {\n\tconst {\n\t\tclassName,\n\t\ttype = 'text',\n\t\ttextarea,\n\t\tplaceholder,\n\t\tautoComplete = 'off',\n\t\tautoFocus,\n\t\ticon,\n\t\ticonType = 'regular',\n\t\tvalue,\n\t\tonChange,\n\t} = props;\n\n\tconst localIconName = useMemo(() => {\n\t\tif (textarea === true) return null;\n\t\tif (icon) return icon;\n\t\tif (type === 'number') return '23';\n\t\tif (type === 'search') return 'f002';\n\t\tif (type === 'password') return 'f30d';\n\t}, [textarea, icon, type]);\n\n\tconst TextfieldClsx = clsx(\n\t\tstyles.textfield,\n\t\tlocalIconName && styles.withIcon,\n\t\ttextarea && styles.textarea,\n\t\tvalue && styles.hasValue,\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<div className={TextfieldClsx} ref={ref}>\n\t\t\t{!!localIconName && !textarea && (\n\t\t\t\t<Icon className={styles.icon} code={localIconName} type={iconType} />\n\t\t\t)}\n\t\t\t{\n\t\t\t\t!textarea ?\n\t\t\t\t\t<input\n\t\t\t\t\t\tclassName={styles.input}\n\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\tautoFocus={autoFocus}\n\t\t\t\t\t\tautoComplete={autoComplete}\n\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t/> :\n\t\t\t\t\t<textarea\n\t\t\t\t\t\tclassName={styles.input}\n\t\t\t\t\t\tautoFocus={autoFocus}\n\t\t\t\t\t\tautoComplete={autoComplete}\n\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t/>\n\t\t\t}\n\t\t\t<span className={styles.placeholder}>{placeholder}</span>\n\t\t</div>\n\t);\n});\n\nTextfield.displayName = 'Textfield';\n"],"names":["Textfield","forwardRef","props","ref","className","type","textarea","placeholder","autoComplete","autoFocus","icon","iconType","value","onChange","localIconName","useMemo","TextfieldClsx","clsx","styles","jsxs","jsx","Icon"],"mappings":";;;;;;AASO,MAAMA,IAAYC,EAA8C,CAACC,GAAOC,MAAQ;AAChF,QAAA;AAAA,IACL,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,UAAAC;AAAA,EACG,IAAAX,GAEEY,IAAgBC,EAAQ,MAAM;AACnC,QAAIT,MAAa;AAAa,aAAA;AAC1B,QAAAI;AAAa,aAAAA;AACjB,QAAIL,MAAS;AAAiB,aAAA;AAC9B,QAAIA,MAAS;AAAiB,aAAA;AAC9B,QAAIA,MAAS;AAAmB,aAAA;AAAA,EAC9B,GAAA,CAACC,GAAUI,GAAML,CAAI,CAAC,GAEnBW,IAAgBC;AAAA,IACrBC,EAAO;AAAA,IACPJ,KAAiBI,EAAO;AAAA,IACxBZ,KAAYY,EAAO;AAAA,IACnBN,KAASM,EAAO;AAAA,IAChBd;AAAA,EAAA;AAGD,SACE,gBAAAe,EAAA,OAAA,EAAI,WAAWH,GAAe,KAAAb,GAC7B,UAAA;AAAA,IAAA,CAAC,CAACW,KAAiB,CAACR,KACnB,gBAAAc,EAAAC,GAAA,EAAK,WAAWH,EAAO,MAAM,MAAMJ,GAAe,MAAMH,EAAU,CAAA;AAAA,IAGlEL,IASA,gBAAAc;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWF,EAAO;AAAA,QAClB,WAAAT;AAAA,QACA,cAAAD;AAAA,QACA,OAAAI;AAAA,QACA,UAAAC;AAAA,MAAA;AAAA,IACD,IAdA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAWF,EAAO;AAAA,QAClB,MAAAb;AAAA,QACA,WAAAI;AAAA,QACA,cAAAD;AAAA,QACA,OAAAI;AAAA,QACA,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAUF,gBAAAO,EAAA,QAAA,EAAK,WAAWF,EAAO,aAAc,UAAYX,GAAA;AAAA,EACnD,EAAA,CAAA;AAEF,CAAC;AAEDP,EAAU,cAAc;"}
+{"version":3,"file":"Textfield.js","sources":["../../../../src/components/base/Textfield/Textfield.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Icon } from '../Icon/Icon';\n\nimport styles from './textfield.module.scss';\nimport { TTextfieldProps } from './types';\n\nexport const Textfield = forwardRef<HTMLInputElement, TTextfieldProps>((props, ref) => {\n\tconst {\n\t\tclassName,\n\t\ttype = 'text',\n\t\ttextarea,\n\t\tplaceholder,\n\t\tautoComplete = 'off',\n\t\tautoFocus,\n\t\ticon,\n\t\ticonType = 'regular',\n\t\tvalue,\n\t\tonChange,\n\t} = props;\n\n\tconst localIconName = useMemo(() => {\n\t\tif (textarea === true) return null;\n\t\tif (icon) return icon;\n\t\tif (type === 'number') return '23';\n\t\tif (type === 'search') return 'f002';\n\t\tif (type === 'password') return 'f30d';\n\t}, [textarea, icon, type]);\n\n\tconst TextfieldClsx = clsx(\n\t\tstyles.textfield,\n\t\tlocalIconName && styles.withIcon,\n\t\ttextarea && styles.textarea,\n\t\tvalue && styles.hasValue,\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={TextfieldClsx}\n\t\t\trole='textfield'\n\t\t>\n\t\t\t{!!localIconName && !textarea && (\n\t\t\t\t<Icon className={styles.icon} code={localIconName} type={iconType} />\n\t\t\t)}\n\t\t\t{\n\t\t\t\t!textarea ?\n\t\t\t\t\t<input\n\t\t\t\t\t\tclassName={styles.input}\n\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\tautoFocus={autoFocus}\n\t\t\t\t\t\tautoComplete={autoComplete}\n\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t/> :\n\t\t\t\t\t<textarea\n\t\t\t\t\t\tclassName={styles.input}\n\t\t\t\t\t\tautoFocus={autoFocus}\n\t\t\t\t\t\tautoComplete={autoComplete}\n\t\t\t\t\t\tvalue={value}\n\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t/>\n\t\t\t}\n\t\t\t<span className={styles.placeholder}>{placeholder}</span>\n\t\t</div>\n\t);\n});\n\nTextfield.displayName = 'Textfield';\n"],"names":["Textfield","forwardRef","props","ref","className","type","textarea","placeholder","autoComplete","autoFocus","icon","iconType","value","onChange","localIconName","useMemo","TextfieldClsx","clsx","styles","jsxs","jsx","Icon"],"mappings":";;;;;;AASO,MAAMA,IAAYC,EAA8C,CAACC,GAAOC,MAAQ;AAChF,QAAA;AAAA,IACL,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,UAAAC;AAAA,EACG,IAAAX,GAEEY,IAAgBC,EAAQ,MAAM;AACnC,QAAIT,MAAa;AAAa,aAAA;AAC1B,QAAAI;AAAa,aAAAA;AACjB,QAAIL,MAAS;AAAiB,aAAA;AAC9B,QAAIA,MAAS;AAAiB,aAAA;AAC9B,QAAIA,MAAS;AAAmB,aAAA;AAAA,EAC9B,GAAA,CAACC,GAAUI,GAAML,CAAI,CAAC,GAEnBW,IAAgBC;AAAA,IACrBC,EAAO;AAAA,IACPJ,KAAiBI,EAAO;AAAA,IACxBZ,KAAYY,EAAO;AAAA,IACnBN,KAASM,EAAO;AAAA,IAChBd;AAAA,EAAA;AAIA,SAAA,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAAhB;AAAA,MACA,WAAWa;AAAA,MACX,MAAK;AAAA,MAEJ,UAAA;AAAA,QAAA,CAAC,CAACF,KAAiB,CAACR,KACnB,gBAAAc,EAAAC,GAAA,EAAK,WAAWH,EAAO,MAAM,MAAMJ,GAAe,MAAMH,EAAU,CAAA;AAAA,QAGlEL,IASA,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,WAAWF,EAAO;AAAA,YAClB,WAAAT;AAAA,YACA,cAAAD;AAAA,YACA,OAAAI;AAAA,YACA,UAAAC;AAAA,UAAA;AAAA,QACD,IAdA,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,WAAWF,EAAO;AAAA,YAClB,MAAAb;AAAA,YACA,WAAAI;AAAA,YACA,cAAAD;AAAA,YACA,OAAAI;AAAA,YACA,UAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAUF,gBAAAO,EAAA,QAAA,EAAK,WAAWF,EAAO,aAAc,UAAYX,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrD,CAAC;AAEDP,EAAU,cAAc;"}

package/dist/components/base/Textfield/textfield.module.scss.js

@@ -1,5 +1,5 @@
 "use client";
-const t = "_textfield_1jh3x_1", e = "_icon_1jh3x_27", _ = "_input_1jh3x_36", c = "_placeholder_1jh3x_49", n = "_withIcon_1jh3x_73", o = "_textarea_1jh3x_83", a = "_hasValue_1jh3x_92", h = {
+const t = "_textfield_21xqz_1", e = "_icon_21xqz_28", _ = "_input_21xqz_38", c = "_placeholder_21xqz_51", n = "_withIcon_21xqz_76", o = "_textarea_21xqz_86", a = "_hasValue_21xqz_95", l = {
   textfield: t,
   icon: e,
   input: _,
@@ -9,7 +9,7 @@ const t = "_textfield_1jh3x_1", e = "_icon_1jh3x_27", _ = "_input_1jh3x_36", c =
   hasValue: a
 };
 export {
-  h as default,
+  l as default,
   a as hasValue,
   e as icon,
   _ as input,

package/dist/components/context/Data/DataContext.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { TDataInitialType, TDataProviderProps } from './type';
+declare const DataContext: import("react").Context<TDataInitialType>;
+declare const DataProvider: ({ children }: TDataProviderProps) => import("react/jsx-runtime").JSX.Element;
+export { DataProvider, DataContext };
+//# sourceMappingURL=DataContext.d.ts.map

package/dist/components/context/Data/DataContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataContext.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Data/DataContext.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAO9D,QAAA,MAAM,WAAW,2CAA6B,CAAC;AAC/C,QAAA,MAAM,YAAY,iBAAkB,kBAAkB,4CAQrD,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/context/{DataContext.js → Data/DataContext.js}

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as d } from "react/jsx-runtime";
 import { createContext as a, useState as i } from "react";
-import { defaultSiderMode as e } from "../layout/Sider/types.js";
+import { defaultSiderMode as e } from "../../layout/Sider/types.js";
 const s = {
   siderMode: e,
   setSiderMode: () => null

package/dist/components/context/Data/DataContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataContext.js","sources":["../../../../src/components/context/Data/DataContext.tsx"],"sourcesContent":["import { useState, createContext } from 'react';\n\nimport { TSiderModes, defaultSiderMode } from '#components/layout/Sider/types';\n\nimport { TDataInitialType, TDataProviderProps } from './type';\n\nconst DataDefault: TDataInitialType = {\n\tsiderMode: defaultSiderMode,\n\tsetSiderMode: () => null,\n};\n\nconst DataContext = createContext(DataDefault);\nconst DataProvider = ({ children }: TDataProviderProps) => {\n\tconst [siderMode, setSiderMode] = useState<TSiderModes>(defaultSiderMode);\n\n\treturn (\n\t\t<DataContext.Provider value={{ siderMode, setSiderMode }}>\n\t\t\t{children}\n\t\t</DataContext.Provider>\n\t);\n};\n\nexport { DataProvider, DataContext };\n"],"names":["DataDefault","defaultSiderMode","DataContext","createContext","DataProvider","children","siderMode","setSiderMode","useState","jsx"],"mappings":";;;;AAMA,MAAMA,IAAgC;AAAA,EACrC,WAAWC;AAAA,EACX,cAAc,MAAM;AACrB,GAEMC,IAAcC,EAAcH,CAAW,GACvCI,IAAe,CAAC,EAAE,UAAAC,QAAmC;AAC1D,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAsBP,CAAgB;AAGvE,SAAA,gBAAAQ,EAACP,EAAY,UAAZ,EAAqB,OAAO,EAAE,WAAAI,GAAW,cAAAC,EAAa,GACrD,UAAAF,EACF,CAAA;AAEF;"}

package/dist/components/context/Data/type.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { TSiderModes } from '../../layout/Sider/types';
+export type TDataInitialType = {
+    siderMode: TSiderModes;
+    setSiderMode: (mode: TSiderModes) => void;
+};
+export type TDataProviderProps = {
+    children?: ReactNode;
+};
+//# sourceMappingURL=type.d.ts.map

package/dist/components/context/Data/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Data/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG;IAC9B,SAAS,EAAE,WAAW,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1C,CAAA;AACD,MAAM,MAAM,kBAAkB,GAAG;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACvB,CAAA"}

package/dist/components/context/Theme/ThemeContext.js

@@ -1,26 +1,26 @@
 "use client";
-import { jsx as u } from "react/jsx-runtime";
-import { createContext as a, useState as h, useEffect as S } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as u, useState as h, useEffect as a } from "react";
 import { win as o } from "../../../utils/helper/domHelper.js";
 import "../../../utils/helper/themeController.js";
 import { defaultScheme as d, defaultColor as p } from "./type.js";
-var c, s;
-const m = {
-  scheme: ((c = o) == null ? void 0 : c.__themeScheme) ?? d,
+var c, l;
+const r = {
+  themeScheme: ((c = o) == null ? void 0 : c.__themeScheme) ?? d,
   setThemeScheme: () => null,
-  color: ((s = o) == null ? void 0 : s.__themeColor) ?? p,
+  themeColor: ((l = o) == null ? void 0 : l.__themeColor) ?? p,
   setThemeColor: () => null
-}, x = a(m), D = ({ children: l }) => {
-  const [n, f] = h(m.scheme), [_, C] = h(m.color), T = (r) => {
+}, x = u(r), D = ({ children: s }) => {
+  const [n, C] = h(r.themeScheme), [f, _] = h(r.themeColor), S = (m) => {
     var e, t;
-    return (t = (e = o) == null ? void 0 : e.__setPreferredThemeScheme) == null ? void 0 : t.call(e, r);
-  }, i = (r) => {
+    return (t = (e = o) == null ? void 0 : e.__setPreferredThemeScheme) == null ? void 0 : t.call(e, m);
+  }, T = (m) => {
     var e, t;
-    return (t = (e = o) == null ? void 0 : e.__setPreferredThemeColor) == null ? void 0 : t.call(e, r);
+    return (t = (e = o) == null ? void 0 : e.__setPreferredThemeColor) == null ? void 0 : t.call(e, m);
   };
-  return S(() => {
-    o && (o.__onThemeSchemeChange = f, o.__onThemeColorChange = C);
-  }, []), /* @__PURE__ */ u(x.Provider, { value: { scheme: n, setThemeScheme: T, color: _, setThemeColor: i }, children: l });
+  return a(() => {
+    o && (o.__onThemeSchemeChange = C, o.__onThemeColorChange = _);
+  }, []), /* @__PURE__ */ i(x.Provider, { value: { themeScheme: n, setThemeScheme: S, themeColor: f, setThemeColor: T }, children: s });
 };
 export {
   x as ThemeContext,

package/dist/components/context/Theme/ThemeContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.js","sources":["../../../../src/components/context/Theme/ThemeContext.tsx"],"sourcesContent":["import { createContext, useEffect, useState } from 'react';\n\nimport { win } from '#utils/index';\n\nimport { TThemeColor, TThemeInitialType, TThemeProviderProps, TThemeScheme, defaultColor, defaultScheme } from './type';\n\nconst ThemeDefault: TThemeInitialType = {\n\tscheme: win?.__themeScheme ?? defaultScheme,\n\tsetThemeScheme: () => null,\n\tcolor: win?.__themeColor ?? defaultColor,\n\tsetThemeColor: () => null,\n};\n\nconst ThemeContext = createContext(ThemeDefault);\nconst ThemeProvider = ({ children }: TThemeProviderProps) => {\n\tconst [scheme, setScheme] = useState<TThemeScheme>(ThemeDefault.scheme);\n\tconst [color, setColor] = useState<TThemeColor>(ThemeDefault.color);\n\n\tconst setThemeScheme = (val: TThemeScheme) => win?.__setPreferredThemeScheme?.(val);\n\tconst setThemeColor = (val: TThemeColor) => win?.__setPreferredThemeColor?.(val);\n\n\tuseEffect(() => {\n\t\tif (win) {\n\t\t\twin.__onThemeSchemeChange = setScheme;\n\t\t\twin.__onThemeColorChange = setColor;\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<ThemeContext.Provider value={{ scheme, setThemeScheme, color, setThemeColor }}>\n\t\t\t{children}\n\t\t</ThemeContext.Provider>\n\t);\n};\n\nexport { ThemeProvider, ThemeContext };\n"],"names":["ThemeDefault","_a","win","defaultScheme","_b","defaultColor","ThemeContext","createContext","ThemeProvider","children","scheme","setScheme","useState","color","setColor","setThemeScheme","val","setThemeColor","useEffect","jsx"],"mappings":";;;;;;;AAMA,MAAMA,IAAkC;AAAA,EACvC,UAAQC,IAAAC,MAAA,gBAAAD,EAAK,kBAAiBE;AAAA,EAC9B,gBAAgB,MAAM;AAAA,EACtB,SAAOC,IAAAF,MAAA,gBAAAE,EAAK,iBAAgBC;AAAA,EAC5B,eAAe,MAAM;AACtB,GAEMC,IAAeC,EAAcP,CAAY,GACzCQ,IAAgB,CAAC,EAAE,UAAAC,QAAoC;AAC5D,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAuBZ,EAAa,MAAM,GAChE,CAACa,GAAOC,CAAQ,IAAIF,EAAsBZ,EAAa,KAAK,GAE5De,IAAiB,CAACC,MAAsB;;AAAA,YAAAZ,KAAAH,IAAAC,MAAA,gBAAAD,EAAK,8BAAL,gBAAAG,EAAA,KAAAH,GAAiCe;AAAA,KACzEC,IAAgB,CAACD,MAAqB;;AAAA,YAAAZ,KAAAH,IAAAC,MAAA,gBAAAD,EAAK,6BAAL,gBAAAG,EAAA,KAAAH,GAAgCe;AAAA;AAE5E,SAAAE,EAAU,MAAM;AACf,IAAIhB,MACHA,EAAI,wBAAwBS,GAC5BT,EAAI,uBAAuBY;AAAA,EAE7B,GAAG,CAAE,CAAA,GAGJ,gBAAAK,EAACb,EAAa,UAAb,EAAsB,OAAO,EAAE,QAAAI,GAAQ,gBAAAK,GAAgB,OAAAF,GAAO,eAAAI,KAC7D,UAAAR,EACF,CAAA;AAEF;"}
+{"version":3,"file":"ThemeContext.js","sources":["../../../../src/components/context/Theme/ThemeContext.tsx"],"sourcesContent":["import { createContext, useEffect, useState } from 'react';\n\nimport { win } from '#utils/index';\n\nimport { TThemeColor, TThemeInitialType, TThemeProviderProps, TThemeScheme, defaultColor, defaultScheme } from './type';\n\nconst ThemeDefault: TThemeInitialType = {\n\tthemeScheme: win?.__themeScheme ?? defaultScheme,\n\tsetThemeScheme: () => null,\n\tthemeColor: win?.__themeColor ?? defaultColor,\n\tsetThemeColor: () => null,\n};\n\nconst ThemeContext = createContext(ThemeDefault);\nconst ThemeProvider = ({ children }: TThemeProviderProps) => {\n\tconst [themeScheme, setScheme] = useState<TThemeScheme>(ThemeDefault.themeScheme);\n\tconst [themeColor, setColor] = useState<TThemeColor>(ThemeDefault.themeColor);\n\n\tconst setThemeScheme = (val: TThemeScheme) => win?.__setPreferredThemeScheme?.(val);\n\tconst setThemeColor = (val: TThemeColor) => win?.__setPreferredThemeColor?.(val);\n\n\tuseEffect(() => {\n\t\tif (win) {\n\t\t\twin.__onThemeSchemeChange = setScheme;\n\t\t\twin.__onThemeColorChange = setColor;\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<ThemeContext.Provider value={{ themeScheme, setThemeScheme, themeColor, setThemeColor }}>\n\t\t\t{children}\n\t\t</ThemeContext.Provider>\n\t);\n};\n\nexport { ThemeProvider, ThemeContext };\n"],"names":["ThemeDefault","_a","win","defaultScheme","_b","defaultColor","ThemeContext","createContext","ThemeProvider","children","themeScheme","setScheme","useState","themeColor","setColor","setThemeScheme","val","setThemeColor","useEffect","jsx"],"mappings":";;;;;;;AAMA,MAAMA,IAAkC;AAAA,EACvC,eAAaC,IAAAC,MAAA,gBAAAD,EAAK,kBAAiBE;AAAA,EACnC,gBAAgB,MAAM;AAAA,EACtB,cAAYC,IAAAF,MAAA,gBAAAE,EAAK,iBAAgBC;AAAA,EACjC,eAAe,MAAM;AACtB,GAEMC,IAAeC,EAAcP,CAAY,GACzCQ,IAAgB,CAAC,EAAE,UAAAC,QAAoC;AAC5D,QAAM,CAACC,GAAaC,CAAS,IAAIC,EAAuBZ,EAAa,WAAW,GAC1E,CAACa,GAAYC,CAAQ,IAAIF,EAAsBZ,EAAa,UAAU,GAEtEe,IAAiB,CAACC,MAAsB;;AAAA,YAAAZ,KAAAH,IAAAC,MAAA,gBAAAD,EAAK,8BAAL,gBAAAG,EAAA,KAAAH,GAAiCe;AAAA,KACzEC,IAAgB,CAACD,MAAqB;;AAAA,YAAAZ,KAAAH,IAAAC,MAAA,gBAAAD,EAAK,6BAAL,gBAAAG,EAAA,KAAAH,GAAgCe;AAAA;AAE5E,SAAAE,EAAU,MAAM;AACf,IAAIhB,MACHA,EAAI,wBAAwBS,GAC5BT,EAAI,uBAAuBY;AAAA,EAE7B,GAAG,CAAE,CAAA,GAGJ,gBAAAK,EAACb,EAAa,UAAb,EAAsB,OAAO,EAAE,aAAAI,GAAa,gBAAAK,GAAgB,YAAAF,GAAY,eAAAI,KACvE,UAAAR,EACF,CAAA;AAEF;"}

package/dist/components/context/Theme/type.d.ts

@@ -1,29 +1,29 @@
 import { ReactNode } from 'react';
 export type TThemeInitialType = {
-    scheme: TThemeScheme;
+    themeScheme: TThemeScheme;
     setThemeScheme: (scheme: TThemeScheme) => void;
-    color: TThemeColor;
+    themeColor: TThemeColor;
     setThemeColor: (color: TThemeColor) => void;
 };
 export type TThemeProviderProps = {
     children?: ReactNode;
 };
-declare enum EThemeScheme {
+export declare enum EThemeScheme {
     light = "light",
     dark = "dark",
     system = "system"
 }
 export type TThemeScheme = keyof typeof EThemeScheme;
 export declare const defaultScheme = EThemeScheme.system;
-declare enum EThemeColor {
+export declare enum EThemeColor {
     red = "red",
     pink = "pink",
     orange = "orange",
+    green = "green",
     blue = "blue",
     violet = "violet",
     black = "black"
 }
 export type TThemeColor = keyof typeof EThemeColor;
 export declare const defaultColor = EThemeColor.violet;
-export {};
 //# sourceMappingURL=type.d.ts.map

package/dist/components/context/Theme/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Theme/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE,YAAY,CAAC;IACrB,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,WAAW,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5C,CAAA;AACD,MAAM,MAAM,mBAAmB,GAAG;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACvB,CAAA;AAED,aAAK,YAAY;IAChB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,MAAM,WAAW;CACjB;AACD,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC;AACrD,eAAO,MAAM,aAAa,sBAAsB,CAAC;AAEjD,aAAK,WAAW;IACf,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;CACf;AACD,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,WAAW,CAAC;AACnD,eAAO,MAAM,YAAY,qBAAqB,CAAC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Theme/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,iBAAiB,GAAG;IAC/B,WAAW,EAAE,YAAY,CAAC;IAC1B,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,WAAW,CAAC;IACxB,aAAa,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;CAC5C,CAAA;AACD,MAAM,MAAM,mBAAmB,GAAG;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACvB,CAAA;AAED,oBAAY,YAAY;IACvB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,MAAM,WAAW;CACjB;AACD,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC;AACrD,eAAO,MAAM,aAAa,sBAAsB,CAAC;AAEjD,oBAAY,WAAW;IACtB,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;CACf;AACD,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,WAAW,CAAC;AACnD,eAAO,MAAM,YAAY,qBAAqB,CAAC"}

package/dist/components/context/Theme/type.js

@@ -1,7 +1,12 @@
 "use client";
-const e = "system", t = "violet";
+var n = /* @__PURE__ */ ((t) => (t.light = "light", t.dark = "dark", t.system = "system", t))(n || {});
+const r = "system";
+var a = /* @__PURE__ */ ((t) => (t.red = "red", t.pink = "pink", t.orange = "orange", t.green = "green", t.blue = "blue", t.violet = "violet", t.black = "black", t))(a || {});
+const s = "violet";
 export {
-  t as defaultColor,
-  e as defaultScheme
+  a as EThemeColor,
+  n as EThemeScheme,
+  s as defaultColor,
+  r as defaultScheme
 };
 //# sourceMappingURL=type.js.map

package/dist/components/context/Theme/type.js.map

@@ -1 +1 @@
-{"version":3,"file":"type.js","sources":["../../../../src/components/context/Theme/type.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport type TThemeInitialType = {\n\tscheme: TThemeScheme,\n\tsetThemeScheme: (scheme: TThemeScheme) => void,\n\tcolor: TThemeColor,\n\tsetThemeColor: (color: TThemeColor) => void,\n}\nexport type TThemeProviderProps = {\n    children?: ReactNode\n}\n\nenum EThemeScheme {\n\tlight = 'light',\n\tdark = 'dark',\n\tsystem = 'system',\n}\nexport type TThemeScheme = keyof typeof EThemeScheme;\nexport const defaultScheme = EThemeScheme.system;\n\nenum EThemeColor {\n\tred = 'red',\n\tpink = 'pink',\n\torange = 'orange',\n\tblue = 'blue',\n\tviolet = 'violet',\n\tblack = 'black',\n}\nexport type TThemeColor = keyof typeof EThemeColor;\nexport const defaultColor = EThemeColor.violet;\n"],"names":["defaultScheme","defaultColor"],"mappings":";AAkBO,MAAMA,IAAgB,UAWhBC,IAAe;"}
+{"version":3,"file":"type.js","sources":["../../../../src/components/context/Theme/type.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport type TThemeInitialType = {\n\tthemeScheme: TThemeScheme,\n\tsetThemeScheme: (scheme: TThemeScheme) => void,\n\tthemeColor: TThemeColor,\n\tsetThemeColor: (color: TThemeColor) => void,\n}\nexport type TThemeProviderProps = {\n    children?: ReactNode\n}\n\nexport enum EThemeScheme {\n\tlight = 'light',\n\tdark = 'dark',\n\tsystem = 'system',\n}\nexport type TThemeScheme = keyof typeof EThemeScheme;\nexport const defaultScheme = EThemeScheme.system;\n\nexport enum EThemeColor {\n\tred = 'red',\n\tpink = 'pink',\n\torange = 'orange',\n\tgreen = 'green',\n\tblue = 'blue',\n\tviolet = 'violet',\n\tblack = 'black',\n}\nexport type TThemeColor = keyof typeof EThemeColor;\nexport const defaultColor = EThemeColor.violet;\n"],"names":["EThemeScheme","defaultScheme","EThemeColor","defaultColor"],"mappings":";AAYY,IAAAA,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,SAAS,UAHEA,IAAAA,KAAA,CAAA,CAAA;AAML,MAAMC,IAAgB;AAEjB,IAAAC,sBAAAA,OACXA,EAAA,MAAM,OACNA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAPGA,IAAAA,KAAA,CAAA,CAAA;AAUL,MAAMC,IAAe;"}

package/dist/components/context/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as r } from "react/jsx-runtime";
-import { DataProvider as e } from "./DataContext.js";
+import { DataProvider as e } from "./Data/DataContext.js";
 import { ThemeProvider as i } from "./Theme/ThemeContext.js";
 const n = ({ children: o }) => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(e, { children: o }) });
 export {

package/dist/components/context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/context/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { DataProvider } from './DataContext';\nimport { ThemeProvider } from './Theme/ThemeContext';\n\nexport const XProvider = ({ children }: XProviderProps) => {\n\treturn (\n\t\t<ThemeProvider>\n\t\t\t<DataProvider>\n\t\t\t\t{children}\n\t\t\t</DataProvider>\n\t\t</ThemeProvider>\n\t);\n};\n\ninterface XProviderProps {\n    children?: ReactNode\n}\n"],"names":["XProvider","children","jsx","ThemeProvider","DataProvider"],"mappings":";;;;AAKO,MAAMA,IAAY,CAAC,EAAE,UAAAC,QAEzB,gBAAAC,EAAAC,GAAA,EACA,UAAC,gBAAAD,EAAAE,GAAA,EACC,UAAAH,GACF,EACD,CAAA;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/context/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { DataProvider } from './Data/DataContext';\nimport { ThemeProvider } from './Theme/ThemeContext';\n\nexport const XProvider = ({ children }: XProviderProps) => {\n\treturn (\n\t\t<ThemeProvider>\n\t\t\t<DataProvider>\n\t\t\t\t{children}\n\t\t\t</DataProvider>\n\t\t</ThemeProvider>\n\t);\n};\n\ninterface XProviderProps {\n    children?: ReactNode\n}\n"],"names":["XProvider","children","jsx","ThemeProvider","DataProvider"],"mappings":";;;;AAKO,MAAMA,IAAY,CAAC,EAAE,UAAAC,QAEzB,gBAAAC,EAAAC,GAAA,EACA,UAAC,gBAAAD,EAAAE,GAAA,EACC,UAAAH,GACF,EACD,CAAA;"}

package/dist/components/context/useContext.d.ts

@@ -1,5 +1,5 @@
-import { TDataInitialType } from './DataContext';
+import { TDataInitialType } from './Data/type';
 import { TThemeInitialType } from './Theme/type';
 export declare const useXData: () => TDataInitialType;
-export declare const useTheme: () => TThemeInitialType;
+export declare const useXTheme: () => TThemeInitialType;
 //# sourceMappingURL=useContext.d.ts.map

package/dist/components/context/useContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useContext.d.ts","sourceRoot":"","sources":["../../../src/components/context/useContext.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,eAAO,MAAM,QAAQ,QAAO,gBAA2C,CAAC;AACxE,eAAO,MAAM,QAAQ,QAAO,iBAA6C,CAAC"}
+{"version":3,"file":"useContext.d.ts","sourceRoot":"","sources":["../../../src/components/context/useContext.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,eAAO,MAAM,QAAQ,QAAO,gBAA2C,CAAC;AACxE,eAAO,MAAM,SAAS,QAAO,iBAA6C,CAAC"}

package/dist/components/context/useContext.js

@@ -1,10 +1,10 @@
 "use client";
 import { useContext as t } from "react";
-import { DataContext as e } from "./DataContext.js";
+import { DataContext as e } from "./Data/DataContext.js";
 import { ThemeContext as o } from "./Theme/ThemeContext.js";
 const s = () => t(e), a = () => t(o);
 export {
-  a as useTheme,
-  s as useXData
+  s as useXData,
+  a as useXTheme
 };
 //# sourceMappingURL=useContext.js.map

package/dist/components/context/useContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContext.js","sources":["../../../src/components/context/useContext.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { DataContext, TDataInitialType } from './DataContext';\nimport { ThemeContext } from './Theme/ThemeContext';\nimport { TThemeInitialType } from './Theme/type';\n\nexport const useXData = (): TDataInitialType => useContext(DataContext);\nexport const useTheme = (): TThemeInitialType => useContext(ThemeContext);\n"],"names":["useXData","useContext","DataContext","useTheme","ThemeContext"],"mappings":";;;;AAMa,MAAAA,IAAW,MAAwBC,EAAWC,CAAW,GACzDC,IAAW,MAAyBF,EAAWG,CAAY;"}
+{"version":3,"file":"useContext.js","sources":["../../../src/components/context/useContext.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { DataContext } from './Data/DataContext';\nimport { TDataInitialType } from './Data/type';\nimport { ThemeContext } from './Theme/ThemeContext';\nimport { TThemeInitialType } from './Theme/type';\n\nexport const useXData = (): TDataInitialType => useContext(DataContext);\nexport const useXTheme = (): TThemeInitialType => useContext(ThemeContext);\n"],"names":["useXData","useContext","DataContext","useXTheme","ThemeContext"],"mappings":";;;;AAOa,MAAAA,IAAW,MAAwBC,EAAWC,CAAW,GACzDC,IAAY,MAAyBF,EAAWG,CAAY;"}

package/dist/components/layout/Navigation/Navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Navigation/Navigation.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,6GA+CrB,CAAC"}
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Navigation/Navigation.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,6GAmDrB,CAAC"}

package/dist/components/layout/Navigation/Navigation.js

@@ -11,40 +11,48 @@ const $ = j((h, p) => {
   );
   return L(() => {
     n === s && l("/");
-  }, [n, s]), /* @__PURE__ */ f("section", { className: y, ref: p, role: "navigation", children: [
-    /* @__PURE__ */ c("div", { className: i.brand, children: g }),
-    /* @__PURE__ */ c("div", { className: i.routeList, children: x.map((a, b) => {
-      var m;
-      return /* @__PURE__ */ f(
-        e,
-        {
-          className: d(
-            i.route,
-            (a == null ? void 0 : a.href) === n && i.loading,
-            (a == null ? void 0 : a.href) === s && i.active
-          ),
-          [v]: a == null ? void 0 : a.href,
-          onClick: () => {
-            setTimeout(() => {
-              n !== s && l(a == null ? void 0 : a.href);
-            }, 150);
-          },
-          children: [
-            (a == null ? void 0 : a.icon) && /* @__PURE__ */ c(
-              T,
-              {
-                className: (m = i) == null ? void 0 : m.icon,
-                code: a == null ? void 0 : a.icon,
-                type: (a == null ? void 0 : a.href) === s ? "duotone" : "thin"
-              }
-            ),
-            /* @__PURE__ */ c("span", { className: i.label, children: a == null ? void 0 : a.name })
-          ]
-        },
-        `route-${a == null ? void 0 : a.href}-${b}`
-      );
-    }) })
-  ] });
+  }, [n, s]), /* @__PURE__ */ f(
+    "section",
+    {
+      ref: p,
+      className: y,
+      role: "navigation",
+      children: [
+        /* @__PURE__ */ c("div", { className: i.brand, children: g }),
+        /* @__PURE__ */ c("div", { className: i.routeList, children: x.map((a, b) => {
+          var m;
+          return /* @__PURE__ */ f(
+            e,
+            {
+              className: d(
+                i.route,
+                (a == null ? void 0 : a.href) === n && i.loading,
+                (a == null ? void 0 : a.href) === s && i.active
+              ),
+              [v]: a == null ? void 0 : a.href,
+              onClick: () => {
+                setTimeout(() => {
+                  n !== s && l(a == null ? void 0 : a.href);
+                }, 150);
+              },
+              children: [
+                (a == null ? void 0 : a.icon) && /* @__PURE__ */ c(
+                  T,
+                  {
+                    className: (m = i) == null ? void 0 : m.icon,
+                    code: a == null ? void 0 : a.icon,
+                    type: (a == null ? void 0 : a.href) === s ? "duotone" : "thin"
+                  }
+                ),
+                /* @__PURE__ */ c("span", { className: i.label, children: a == null ? void 0 : a.name })
+              ]
+            },
+            `route-${a == null ? void 0 : a.href}-${b}`
+          );
+        }) })
+      ]
+    }
+  );
 });
 $.displayName = "Navigation";
 export {

package/dist/components/layout/Navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","sources":["../../../../src/components/layout/Navigation/Navigation.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Icon } from '#components/base/Icon/Icon';\n\nimport styles from './navigation.module.scss';\nimport { TNavigationProps } from './types';\n\nexport const Navigation = forwardRef<HTMLDivElement, TNavigationProps>((props, ref) => {\n\tconst { className, children, hrefPropName = 'href', routes = [], pathname = '', as: Tag = 'a' as const } = props;\n\tconst [loading, setLoading] = useState<string>('/');\n\n\tconst NavigationClsx = clsx(\n\t\tstyles.navigation,\n\t\tclassName,\n\t);\n\n\tuseEffect(() => {\n\t\tif (loading === pathname)\n\t\t\tsetLoading('/');\n\t}, [loading, pathname]);\n\n\treturn (\n\t\t<section className={NavigationClsx} ref={ref} role='navigation'>\n\t\t\t<div className={styles.brand}>{children}</div>\n\t\t\t<div className={styles.routeList}>\n\t\t\t\t{\n\t\t\t\t\troutes.map((route, i) => (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tkey={`route-${route?.href}-${i}`}\n\t\t\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\t\tstyles.route,\n\t\t\t\t\t\t\t\troute?.href === loading && styles.loading,\n\t\t\t\t\t\t\t\troute?.href === pathname && styles.active,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{...({ [hrefPropName]: route?.href })}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetTimeout(() => { if (loading !== pathname) setLoading(route?.href); }, 150);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\troute?.icon &&\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\tclassName={styles?.icon}\n\t\t\t\t\t\t\t\t\tcode={route?.icon}\n\t\t\t\t\t\t\t\t\ttype={route?.href === pathname ? 'duotone' : 'thin'}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<span className={styles.label}>{route?.name}</span>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t))\n\t\t\t\t}\n\t\t\t</div>\n\t\t</section>\n\t);\n});\n\nNavigation.displayName = 'Navigation';\n"],"names":["Navigation","forwardRef","props","ref","className","children","hrefPropName","routes","pathname","Tag","loading","setLoading","useState","NavigationClsx","clsx","styles","useEffect","jsx","route","i","jsxs","Icon","_a"],"mappings":";;;;;;AASO,MAAMA,IAAaC,EAA6C,CAACC,GAAOC,MAAQ;AACtF,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,cAAAC,IAAe,QAAQ,QAAAC,IAAS,CAAA,GAAI,UAAAC,IAAW,IAAI,IAAIC,IAAM,QAAiBP,GACrG,CAACQ,GAASC,CAAU,IAAIC,EAAiB,GAAG,GAE5CC,IAAiBC;AAAA,IACtBC,EAAO;AAAA,IACPX;AAAA,EAAA;AAGD,SAAAY,EAAU,MAAM;AACf,IAAIN,MAAYF,KACfG,EAAW,GAAG;AAAA,EAAA,GACb,CAACD,GAASF,CAAQ,CAAC,qBAGpB,WAAQ,EAAA,WAAWK,GAAgB,KAAAV,GAAU,MAAK,cAClD,UAAA;AAAA,IAAA,gBAAAc,EAAC,OAAI,EAAA,WAAWF,EAAO,OAAQ,UAAAV,GAAS;AAAA,IACxC,gBAAAY,EAAC,SAAI,WAAWF,EAAO,WAErB,UAAOR,EAAA,IAAI,CAACW,GAAOC,MAClB;;AAAA,6BAAAC;AAAA,QAACX;AAAA,QAAA;AAAA,UAEA,WAAWK;AAAA,YACVC,EAAO;AAAA,aACPG,KAAA,gBAAAA,EAAO,UAASR,KAAWK,EAAO;AAAA,aAClCG,KAAA,gBAAAA,EAAO,UAASV,KAAYO,EAAO;AAAA,UACpC;AAAA,UACO,CAACT,CAAY,GAAGY,KAAA,gBAAAA,EAAO;AAAA,UAC9B,SAAS,MAAM;AACd,uBAAW,MAAM;AAAE,cAAIR,MAAYF,KAAUG,EAAWO,KAAA,gBAAAA,EAAO,IAAI;AAAA,eAAM,GAAG;AAAA,UAC7E;AAAA,UAGC,UAAA;AAAA,aAAAA,KAAA,gBAAAA,EAAO,SACP,gBAAAD;AAAA,cAACI;AAAA,cAAA;AAAA,gBACA,YAAWC,IAAAP,MAAA,gBAAAO,EAAQ;AAAA,gBACnB,MAAMJ,KAAA,gBAAAA,EAAO;AAAA,gBACb,OAAMA,KAAA,gBAAAA,EAAO,UAASV,IAAW,YAAY;AAAA,cAAA;AAAA,YAC9C;AAAA,8BAEA,QAAK,EAAA,WAAWO,EAAO,OAAQ,iCAAO,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAnBvC,SAASG,KAAA,gBAAAA,EAAO,IAAI,IAAIC,CAAC;AAAA,MAqB/B;AAAA,KAAA,GAEH;AAAA,EACD,EAAA,CAAA;AAEF,CAAC;AAEDnB,EAAW,cAAc;"}
+{"version":3,"file":"Navigation.js","sources":["../../../../src/components/layout/Navigation/Navigation.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Icon } from '#components/base/Icon/Icon';\n\nimport styles from './navigation.module.scss';\nimport { TNavigationProps } from './types';\n\nexport const Navigation = forwardRef<HTMLDivElement, TNavigationProps>((props, ref) => {\n\tconst { className, children, hrefPropName = 'href', routes = [], pathname = '', as: Tag = 'a' as const } = props;\n\tconst [loading, setLoading] = useState<string>('/');\n\n\tconst NavigationClsx = clsx(\n\t\tstyles.navigation,\n\t\tclassName,\n\t);\n\n\tuseEffect(() => {\n\t\tif (loading === pathname)\n\t\t\tsetLoading('/');\n\t}, [loading, pathname]);\n\n\treturn (\n\t\t<section\n\t\t\tref={ref}\n\t\t\tclassName={NavigationClsx}\n\t\t\trole='navigation'\n\t\t>\n\t\t\t<div className={styles.brand}>{children}</div>\n\t\t\t<div className={styles.routeList}>\n\t\t\t\t{\n\t\t\t\t\troutes.map((route, i) => (\n\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\tkey={`route-${route?.href}-${i}`}\n\t\t\t\t\t\t\tclassName={clsx(\n\t\t\t\t\t\t\t\tstyles.route,\n\t\t\t\t\t\t\t\troute?.href === loading && styles.loading,\n\t\t\t\t\t\t\t\troute?.href === pathname && styles.active,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{...({ [hrefPropName]: route?.href })}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetTimeout(() => { if (loading !== pathname) setLoading(route?.href); }, 150);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\troute?.icon &&\n\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\tclassName={styles?.icon}\n\t\t\t\t\t\t\t\t\tcode={route?.icon}\n\t\t\t\t\t\t\t\t\ttype={route?.href === pathname ? 'duotone' : 'thin'}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t<span className={styles.label}>{route?.name}</span>\n\t\t\t\t\t\t</Tag>\n\t\t\t\t\t))\n\t\t\t\t}\n\t\t\t</div>\n\t\t</section>\n\t);\n});\n\nNavigation.displayName = 'Navigation';\n"],"names":["Navigation","forwardRef","props","ref","className","children","hrefPropName","routes","pathname","Tag","loading","setLoading","useState","NavigationClsx","clsx","styles","useEffect","jsxs","jsx","route","i","Icon","_a"],"mappings":";;;;;;AASO,MAAMA,IAAaC,EAA6C,CAACC,GAAOC,MAAQ;AACtF,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,cAAAC,IAAe,QAAQ,QAAAC,IAAS,CAAA,GAAI,UAAAC,IAAW,IAAI,IAAIC,IAAM,QAAiBP,GACrG,CAACQ,GAASC,CAAU,IAAIC,EAAiB,GAAG,GAE5CC,IAAiBC;AAAA,IACtBC,EAAO;AAAA,IACPX;AAAA,EAAA;AAGD,SAAAY,EAAU,MAAM;AACf,IAAIN,MAAYF,KACfG,EAAW,GAAG;AAAA,EAAA,GACb,CAACD,GAASF,CAAQ,CAAC,GAGrB,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAAd;AAAA,MACA,WAAWU;AAAA,MACX,MAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAK,EAAC,OAAI,EAAA,WAAWH,EAAO,OAAQ,UAAAV,GAAS;AAAA,QACxC,gBAAAa,EAAC,SAAI,WAAWH,EAAO,WAErB,UAAOR,EAAA,IAAI,CAACY,GAAOC,MAClB;;AAAA,iCAAAH;AAAA,YAACR;AAAA,YAAA;AAAA,cAEA,WAAWK;AAAA,gBACVC,EAAO;AAAA,iBACPI,KAAA,gBAAAA,EAAO,UAAST,KAAWK,EAAO;AAAA,iBAClCI,KAAA,gBAAAA,EAAO,UAASX,KAAYO,EAAO;AAAA,cACpC;AAAA,cACO,CAACT,CAAY,GAAGa,KAAA,gBAAAA,EAAO;AAAA,cAC9B,SAAS,MAAM;AACd,2BAAW,MAAM;AAAE,kBAAIT,MAAYF,KAAUG,EAAWQ,KAAA,gBAAAA,EAAO,IAAI;AAAA,mBAAM,GAAG;AAAA,cAC7E;AAAA,cAGC,UAAA;AAAA,iBAAAA,KAAA,gBAAAA,EAAO,SACP,gBAAAD;AAAA,kBAACG;AAAA,kBAAA;AAAA,oBACA,YAAWC,IAAAP,MAAA,gBAAAO,EAAQ;AAAA,oBACnB,MAAMH,KAAA,gBAAAA,EAAO;AAAA,oBACb,OAAMA,KAAA,gBAAAA,EAAO,UAASX,IAAW,YAAY;AAAA,kBAAA;AAAA,gBAC9C;AAAA,kCAEA,QAAK,EAAA,WAAWO,EAAO,OAAQ,iCAAO,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAnBvC,SAASI,KAAA,gBAAAA,EAAO,IAAI,IAAIC,CAAC;AAAA,UAqB/B;AAAA,SAAA,GAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH,CAAC;AAEDpB,EAAW,cAAc;"}

package/dist/components/layout/Navigation/navigation.module.scss.js

@@ -1,5 +1,5 @@
 "use client";
-const o = "_navigation_1kvdf_1", t = "_brand_1kvdf_9", _ = "_routeList_1kvdf_18", n = "_route_1kvdf_18", a = "_icon_1kvdf_60", e = "_label_1kvdf_66", i = "_loading_1kvdf_78", c = "_barberPole_1kvdf_1", s = "_active_1kvdf_93", d = {
+const o = "_navigation_158kh_1", t = "_brand_158kh_9", _ = "_routeList_158kh_18", n = "_route_158kh_18", a = "_icon_158kh_60", e = "_label_158kh_66", i = "_loading_158kh_79", c = "_barberPole_158kh_1", s = "_active_158kh_94", r = {
   navigation: o,
   brand: t,
   routeList: _,
@@ -14,7 +14,7 @@ export {
   s as active,
   c as barberPole,
   t as brand,
-  d as default,
+  r as default,
   a as icon,
   e as label,
   i as loading,

package/dist/components/layout/Sider/Sider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sider.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Sider/Sider.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,KAAK,wGAkChB,CAAC"}
+{"version":3,"file":"Sider.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Sider/Sider.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,KAAK,wGAsChB,CAAC"}

package/dist/components/layout/Sider/Sider.js

@@ -20,11 +20,19 @@ const g = h((t, s) => {
     m && e.miniRightSider,
     d
   );
-  return /* @__PURE__ */ f("section", { className: c, ref: s, role: "sider", children: [
-    /* @__PURE__ */ i("div", { className: e.leftSiderContainer, children: n }),
-    /* @__PURE__ */ i("div", { className: e.rightSiderContainer, children: a }),
-    /* @__PURE__ */ i("div", { className: e.content, children: o })
-  ] });
+  return /* @__PURE__ */ f(
+    "section",
+    {
+      ref: s,
+      className: c,
+      role: "sider",
+      children: [
+        /* @__PURE__ */ i("div", { className: e.leftSiderContainer, children: n }),
+        /* @__PURE__ */ i("div", { className: e.rightSiderContainer, children: a }),
+        /* @__PURE__ */ i("div", { className: e.content, children: o })
+      ]
+    }
+  );
 });
 g.displayName = "Sider";
 export {

package/dist/components/layout/Sider/Sider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sider.js","sources":["../../../../src/components/layout/Sider/Sider.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { useXData } from '#components/context/useContext';\n\nimport styles from './sider.module.scss';\nimport { TSiderProps } from './types';\n\nexport const Sider = forwardRef<HTMLDivElement, TSiderProps>((props, ref) => {\n\tconst {\n\t\tclassName,\n\t\tchildren,\n\t\tleftSider,\n\t\tshowMiniLeftSider = true,\n\t\trightSider,\n\t\tshowMiniRightSider = false,\n\t} = props;\n\n\tconst { siderMode } = useXData();\n\n\tconst SiderClsx = clsx(\n\t\tstyles.sider,\n\t\tsiderMode === 'left' && styles.leftOpen,\n\t\tshowMiniLeftSider && styles.miniLeftSider,\n\t\tsiderMode === 'right' && styles.rightOpen,\n\t\tshowMiniRightSider && styles.miniRightSider,\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<section className={SiderClsx} ref={ref} role='sider'>\n\t\t\t<div className={styles.leftSiderContainer}>\n\t\t\t\t{leftSider}\n\t\t\t</div>\n\t\t\t<div className={styles.rightSiderContainer}>\n\t\t\t\t{rightSider}\n\t\t\t</div>\n\t\t\t<div className={styles.content}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</section>\n\t);\n});\n\nSider.displayName = 'Sider';\n"],"names":["Sider","forwardRef","props","ref","className","children","leftSider","showMiniLeftSider","rightSider","showMiniRightSider","siderMode","useXData","SiderClsx","clsx","styles","jsx"],"mappings":";;;;;;AASO,MAAMA,IAAQC,EAAwC,CAACC,GAAOC,MAAQ;AACtE,QAAA;AAAA,IACL,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,YAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,EAClB,IAAAP,GAEE,EAAE,WAAAQ,MAAcC,KAEhBC,IAAYC;AAAA,IACjBC,EAAO;AAAA,IACPJ,MAAc,UAAUI,EAAO;AAAA,IAC/BP,KAAqBO,EAAO;AAAA,IAC5BJ,MAAc,WAAWI,EAAO;AAAA,IAChCL,KAAsBK,EAAO;AAAA,IAC7BV;AAAA,EAAA;AAGD,2BACE,WAAQ,EAAA,WAAWQ,GAAW,KAAAT,GAAU,MAAK,SAC7C,UAAA;AAAA,IAAA,gBAAAY,EAAC,OAAI,EAAA,WAAWD,EAAO,oBACrB,UACFR,GAAA;AAAA,IACC,gBAAAS,EAAA,OAAA,EAAI,WAAWD,EAAO,qBACrB,UACFN,GAAA;AAAA,IACC,gBAAAO,EAAA,OAAA,EAAI,WAAWD,EAAO,SACrB,UAAAT,GACF;AAAA,EACD,EAAA,CAAA;AAEF,CAAC;AAEDL,EAAM,cAAc;"}
+{"version":3,"file":"Sider.js","sources":["../../../../src/components/layout/Sider/Sider.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { useXData } from '#components/context/useContext';\n\nimport styles from './sider.module.scss';\nimport { TSiderProps } from './types';\n\nexport const Sider = forwardRef<HTMLDivElement, TSiderProps>((props, ref) => {\n\tconst {\n\t\tclassName,\n\t\tchildren,\n\t\tleftSider,\n\t\tshowMiniLeftSider = true,\n\t\trightSider,\n\t\tshowMiniRightSider = false,\n\t} = props;\n\n\tconst { siderMode } = useXData();\n\n\tconst SiderClsx = clsx(\n\t\tstyles.sider,\n\t\tsiderMode === 'left' && styles.leftOpen,\n\t\tshowMiniLeftSider && styles.miniLeftSider,\n\t\tsiderMode === 'right' && styles.rightOpen,\n\t\tshowMiniRightSider && styles.miniRightSider,\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<section\n\t\t\tref={ref}\n\t\t\tclassName={SiderClsx}\n\t\t\trole='sider'\n\t\t>\n\t\t\t<div className={styles.leftSiderContainer}>\n\t\t\t\t{leftSider}\n\t\t\t</div>\n\t\t\t<div className={styles.rightSiderContainer}>\n\t\t\t\t{rightSider}\n\t\t\t</div>\n\t\t\t<div className={styles.content}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</section>\n\t);\n});\n\nSider.displayName = 'Sider';\n"],"names":["Sider","forwardRef","props","ref","className","children","leftSider","showMiniLeftSider","rightSider","showMiniRightSider","siderMode","useXData","SiderClsx","clsx","styles","jsxs","jsx"],"mappings":";;;;;;AASO,MAAMA,IAAQC,EAAwC,CAACC,GAAOC,MAAQ;AACtE,QAAA;AAAA,IACL,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,YAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,EAClB,IAAAP,GAEE,EAAE,WAAAQ,MAAcC,KAEhBC,IAAYC;AAAA,IACjBC,EAAO;AAAA,IACPJ,MAAc,UAAUI,EAAO;AAAA,IAC/BP,KAAqBO,EAAO;AAAA,IAC5BJ,MAAc,WAAWI,EAAO;AAAA,IAChCL,KAAsBK,EAAO;AAAA,IAC7BV;AAAA,EAAA;AAIA,SAAA,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAAZ;AAAA,MACA,WAAWS;AAAA,MACX,MAAK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAI,EAAC,OAAI,EAAA,WAAWF,EAAO,oBACrB,UACFR,GAAA;AAAA,QACC,gBAAAU,EAAA,OAAA,EAAI,WAAWF,EAAO,qBACrB,UACFN,GAAA;AAAA,QACC,gBAAAQ,EAAA,OAAA,EAAI,WAAWF,EAAO,SACrB,UAAAT,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH,CAAC;AAEDL,EAAM,cAAc;"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TThemePickerProps } from './type';
+export declare const ThemePicker: import("react").ForwardRefExoticComponent<TThemePickerProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ThemePicker.d.ts.map

package/dist/components/layout/ThemePicker/ThemePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemePicker/ThemePicker.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAqC,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAQ9E,eAAO,MAAM,WAAW,8GAoEtB,CAAC"}