xtreme-ui 0.0.31 → 0.0.34

package/dist/components/base/Avatar/Avatar.js

@@ -34,3 +34,4 @@ A.displayName = "Avatar";
 export {
   A as Avatar
 };
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/base/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Icon } from '../Icon/Icon';\n\nimport styles from './avatar.module.scss';\nimport { EAvatarSize, TAvatarProps } from './types';\n\nexport const Avatar = forwardRef<HTMLDivElement, TAvatarProps>((props, ref) => {\n\tconst { className, src, placeholderIcon = 'f03e', size = 'default', onClick } = props;\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [isError, setIsError] = useState(false);\n\n\tconst avatarSize = typeof size === 'number' ? size : EAvatarSize[size];\n\tconst AvatarClsx = clsx(\n\t\tstyles.avatar,\n\t\tclassName,\n\t\tisLoading && styles.loading,\n\t\tisError && styles.error,\n\t);\n\n\tuseEffect(() => {\n\t\tsetIsLoading(true);\n\t\tsetIsError(false);\n\n\t\tconst img = new Image();\n\t\timg.src = src;\n\t\timg.onload = () => setIsLoading(false);\n\t\timg.onerror = () => {\n\t\t\tsetIsLoading(false);\n\t\t\tsetIsError(true);\n\t\t};\n\n\t\treturn () => { img.onload = null; };\n\t}, [src]);\n\n\treturn (\n\t\t<div ref={ref} className={AvatarClsx} style={{ ['--avatarSize'as string]: avatarSize + 'px' }} onClick={onClick}>\n\t\t\t{\n\t\t\t\tisLoading || isError ?\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName={styles.placeholder}\n\t\t\t\t\t\ttype='solid'\n\t\t\t\t\t\tsize={8 + avatarSize / 4}\n\t\t\t\t\t\tcode={isError ? 'e1b7' : placeholderIcon}\n\t\t\t\t\t/>\n\t\t\t\t\t: <span className={styles.image} style={{ backgroundImage: `url(${src})` }} />\n\t\t\t}\n\n\t\t</div>\n\t);\n});\n\nAvatar.displayName = 'Avatar';\n"],"names":["Avatar","forwardRef","props","ref","className","src","placeholderIcon","size","onClick","isLoading","setIsLoading","useState","isError","setIsError","avatarSize","EAvatarSize","AvatarClsx","clsx","styles","useEffect","img","jsx","Icon"],"mappings":";;;;;;;AASO,MAAMA,IAASC,EAAyC,CAACC,GAAOC,MAAQ;AACxE,QAAA,EAAE,WAAAC,GAAW,KAAAC,GAAK,iBAAAC,IAAkB,QAAQ,MAAAC,IAAO,WAAW,SAAAC,EAAY,IAAAN,GAC1E,CAACO,GAAWC,CAAY,IAAIC,EAAS,EAAI,GACzC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAa,OAAOP,KAAS,WAAWA,IAAOQ,EAAYR,CAAI,GAC/DS,IAAaC;AAAA,IAClBC,EAAO;AAAA,IACPd;AAAA,IACAK,KAAaS,EAAO;AAAA,IACpBN,KAAWM,EAAO;AAAA,EAAA;AAGnB,SAAAC,EAAU,MAAM;AACf,IAAAT,EAAa,EAAI,GACjBG,EAAW,EAAK;AAEV,UAAAO,IAAM,IAAI;AAChB,WAAAA,EAAI,MAAMf,GACNe,EAAA,SAAS,MAAMV,EAAa,EAAK,GACrCU,EAAI,UAAU,MAAM;AACnB,MAAAV,EAAa,EAAK,GAClBG,EAAW,EAAI;AAAA,IAAA,GAGT,MAAM;AAAE,MAAAO,EAAI,SAAS;AAAA,IAAA;AAAA,EAAM,GAChC,CAACf,CAAG,CAAC,GAGN,gBAAAgB,EAAA,OAAA,EAAI,KAAAlB,GAAU,WAAWa,GAAY,OAAO,EAAG,gBAA0BF,IAAa,QAAQ,SAAAN,GAE7F,eAAaI,IACZ,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,WAAWJ,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,MAAM,IAAIJ,IAAa;AAAA,MACvB,MAAMF,IAAU,SAASN;AAAA,IAAA;AAAA,EAAA,IAExB,gBAAAe,EAAC,QAAK,EAAA,WAAWH,EAAO,OAAO,OAAO,EAAE,iBAAiB,OAAOb,CAAG,OAAO,EAG/E,CAAA;AAEF,CAAC;AAEDL,EAAO,cAAc;"}

package/dist/components/base/Avatar/avatar.module.scss.js

@@ -16,3 +16,4 @@ export {
   _ as placeholder,
   r as spin
 };
+//# sourceMappingURL=avatar.module.scss.js.map

package/dist/components/base/Avatar/avatar.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/base/Avatar/types.js

@@ -3,3 +3,4 @@ var n = /* @__PURE__ */ ((l) => (l[l.mini = 64] = "mini", l[l.default = 96] = "d
 export {
   n as EAvatarSize
 };
+//# sourceMappingURL=types.js.map

package/dist/components/base/Avatar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/base/Avatar/types.ts"],"sourcesContent":["export type TAvatarProps = {\n\tclassName?: string;\n\tsrc: string;\n\tplaceholderIcon?: string;\n\tsize?: number | keyof typeof EAvatarSize;\n\tonClick?: () => void;\n}\n\nexport enum EAvatarSize {\n\tmini = 64,\n\tdefault = 96,\n\tlarge = 128,\n}\n"],"names":["EAvatarSize"],"mappings":";AAQY,IAAAA,sBAAAA,OACXA,EAAAA,EAAA,OAAO,EAAP,IAAA,QACAA,EAAAA,EAAA,UAAU,EAAV,IAAA,WACAA,EAAAA,EAAA,QAAQ,GAAR,IAAA,SAHWA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/base/Button/Button.js

@@ -48,3 +48,4 @@ P.displayName = "Button";
 export {
   P as Button
 };
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../src/components/base/Button/Button.tsx"],"sourcesContent":["import { MouseEvent, forwardRef, useRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { mergeRefs } from '#utils/function/mergeRefs';\n\nimport { Icon } from '../Icon/Icon';\nimport { ProgressBar } from '../ProgressBar/ProgressBar';\n\nimport styles from './button.module.scss';\nimport { EButtonTypes, TButtonProps } from './types';\n\nconst throttleTime = 100;\nlet timeout: number;\n\nexport const Button = forwardRef<HTMLButtonElement, TButtonProps>((props, ref) => {\n\tconst {\n\t\tclassName,\n\t\tlabel,\n\t\ttype = 'primary',\n\t\tsize = 'default',\n\t\tdisabled = false,\n\t\tloading = false,\n\t\ticon,\n\t\ticonType,\n\t\ticonPosition = 'left',\n\t\tonClick,\n\t} = props;\n\tconst innerRef = useRef<HTMLButtonElement>(null);\n\n\tconst ripple = () => {\n\t\tclearTimeout(timeout);\n\t\tinnerRef.current?.classList.add(styles.clicked);\n\t\ttimeout = window.setTimeout(() => {\n\t\t\tinnerRef.current?.classList.remove(styles.clicked);\n\t\t}, 600 + throttleTime);\n\t};\n\n\tconst onButtonClick = (e: MouseEvent<HTMLButtonElement>) => {\n\t\tonClick?.(e);\n\t\tif (!type.includes(EButtonTypes.link)) ripple();\n\t};\n\n\tconst IconComponent = () =>\n\t\t(\n\t\t\ticon\n\t\t\t\t? <Icon className={styles.icon} code={icon} type={iconType} size={size} />\n\t\t\t\t: null\n\t\t);\n\n\tconst ButtonClsx = clsx(\n\t\tstyles.button,\n\t\tstyles[`${type}Type`],\n\t\tstyles[`${size}Size`],\n\t\t!label && styles.iconOnly,\n\t\tloading && styles.loading,\n\t\tclassName,\n\t);\n\n\tif (!label && !icon) return null;\n\n\treturn (\n\t\t<button className={ButtonClsx} ref={mergeRefs([innerRef, ref])} onClick={onButtonClick} disabled={disabled}>\n\t\t\t{type.includes(EButtonTypes.link) && <ProgressBar className={styles.underline} intermediate={loading} />}\n\t\t\t{iconPosition === 'left' && <IconComponent />}\n\t\t\t{label && <span className={styles.label}>{label}</span>}\n\t\t\t{iconPosition === 'right' && <IconComponent />}\n\t\t</button>\n\t);\n});\n\nButton.displayName = 'Button';\n"],"names":["throttleTime","timeout","Button","forwardRef","props","ref","className","label","type","size","disabled","loading","icon","iconType","iconPosition","onClick","innerRef","useRef","ripple","_a","styles","onButtonClick","e","EButtonTypes","IconComponent","jsx","Icon","ButtonClsx","clsx","jsxs","mergeRefs","ProgressBar"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAe;AACrB,IAAIC;AAEG,MAAMC,IAASC,EAA4C,CAACC,GAAOC,MAAQ;AAC3E,QAAA;AAAA,IACL,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,SAAAC;AAAA,EACG,IAAAX,GACEY,IAAWC,EAA0B,IAAI,GAEzCC,IAAS,MAAM;;AACpB,iBAAajB,CAAO,IACpBkB,IAAAH,EAAS,YAAT,QAAAG,EAAkB,UAAU,IAAIC,EAAO,UAC7BnB,IAAA,OAAO,WAAW,MAAM;;AACjC,OAAAkB,IAAAH,EAAS,YAAT,QAAAG,EAAkB,UAAU,OAAOC,EAAO;AAAA,IAAO,GAC/C,MAAMpB,CAAY;AAAA,EAAA,GAGhBqB,IAAgB,CAACC,MAAqC;AAC3D,IAAAP,KAAA,QAAAA,EAAUO,IACLd,EAAK,SAASe,EAAa,IAAI,KAAUL;EAAA,GAGzCM,IAAgB,MAEpBZ,IACG,gBAAAa,EAACC,GAAK,EAAA,WAAWN,EAAO,MAAM,MAAMR,GAAM,MAAMC,GAAU,MAAAJ,GAAY,IACtE,MAGCkB,IAAaC;AAAA,IAClBR,EAAO;AAAA,IACPA,EAAO,GAAGZ,CAAI,MAAM;AAAA,IACpBY,EAAO,GAAGX,CAAI,MAAM;AAAA,IACpB,CAACF,KAASa,EAAO;AAAA,IACjBT,KAAWS,EAAO;AAAA,IAClBd;AAAA,EAAA;AAGG,SAAA,CAACC,KAAS,CAACK,IAAa,OAG1B,gBAAAiB,EAAA,UAAA,EAAO,WAAWF,GAAY,KAAKG,EAAU,CAACd,GAAUX,CAAG,CAAC,GAAG,SAASgB,GAAe,UAAAX,GACtF,UAAA;AAAA,IAAKF,EAAA,SAASe,EAAa,IAAI,KAAK,gBAAAE,EAACM,KAAY,WAAWX,EAAO,WAAW,cAAcT,EAAS,CAAA;AAAA,IACrGG,MAAiB,UAAU,gBAAAW,EAACD,GAAc,CAAA,CAAA;AAAA,IAC1CjB,KAAU,gBAAAkB,EAAA,QAAA,EAAK,WAAWL,EAAO,OAAQ,UAAMb,GAAA;AAAA,IAC/CO,MAAiB,WAAW,gBAAAW,EAACD,GAAc,CAAA,CAAA;AAAA,EAC7C,EAAA,CAAA;AAEF,CAAC;AAEDtB,EAAO,cAAc;"}

package/dist/components/base/Button/button.module.scss.js

@@ -42,3 +42,4 @@ export {
   b as spin,
   _ as underline
 };
+//# sourceMappingURL=button.module.scss.js.map

package/dist/components/base/Button/button.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/base/Button/types.js

@@ -3,3 +3,4 @@ var a = /* @__PURE__ */ ((r) => (r.primary = "primary", r.primaryDanger = "prima
 export {
   a as EButtonTypes
 };
+//# sourceMappingURL=types.js.map

package/dist/components/base/Button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/base/Button/types.ts"],"sourcesContent":["import { HTMLAttributes, MouseEvent } from 'react';\n\nimport { EIconType } from '../Icon/types';\n\nenum EButtonSize {\n\tmini = 'mini',\n\tdefault = 'default',\n\tlarge = 'large',\n}\ninterface BaseButton extends HTMLAttributes<HTMLButtonElement> {\n\tclassName?: string;\n\ttype?: keyof typeof EButtonTypes;\n\tsize?: keyof typeof EButtonSize;\n\tloading?: boolean;\n\tdisabled?: boolean;\n\ticonType?: keyof typeof EIconType;\n\ticonPosition?: 'left' | 'right';\n\tonClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n}\ninterface ButtonWithLabel extends BaseButton {\n\tlabel: string;\n\ticon?: string;\n}\ninterface ButtonWithIconName extends BaseButton {\n\tlabel?: string;\n\ticon: string;\n}\nexport type TButtonProps = ButtonWithLabel | ButtonWithIconName;\n\nexport enum EButtonTypes {\n\tprimary = 'primary',\n\tprimaryDanger = 'primaryDanger',\n\tsecondary = 'secondary',\n\tsecondaryDanger = 'secondaryDanger',\n\tlink = 'link',\n\tlinkDanger = 'linkDanger',\n}\n"],"names":["EButtonTypes"],"mappings":";AA6BY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,gBAAgB,iBAChBA,EAAA,YAAY,aACZA,EAAA,kBAAkB,mBAClBA,EAAA,OAAO,QACPA,EAAA,aAAa,cANFA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/base/Icon/Icon.js

@@ -3,17 +3,19 @@ import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
 import f from "clsx";
 import { unicodeToString as l } from "../../../utils/function/string.js";
+import "../../../utils/helper/themeController.js";
 import e from "./icon.module.scss.js";
 import { EIconSize as d } from "./types.js";
-const u = a((n, r) => {
-  const { className: c, code: i, type: t = "light", size: o = "default" } = n, s = `${typeof o == "number" ? o : d[o]}px`, m = f(
+const u = a((r, i) => {
+  const { className: n, code: c, type: t = "light", size: o = "default" } = r, s = `${typeof o == "number" ? o : d[o]}px`, m = f(
     e.icon,
     t && e[t],
-    c
+    n
   );
-  return /* @__PURE__ */ p("span", { className: m, ref: r, style: { "--iconSize": s }, "data-content": l(i) });
+  return /* @__PURE__ */ p("span", { className: m, ref: i, style: { "--iconSize": s }, "data-content": l(c) });
 });
 u.displayName = "Icon";
 export {
   u as Icon
 };
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/base/Icon/Icon.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { unicodeToString } from '#utils/index';\n\nimport styles from './icon.module.scss';\nimport { EIconSize, IIconProps } from './types';\n\nexport const Icon = forwardRef<HTMLSpanElement, IIconProps>((props, ref) => {\n\tconst { className, code, type = 'light', size = 'default' } = props;\n\n\tconst iconSize = `${typeof size === 'number' ? size : EIconSize[size]}px`;\n\tconst IconClsx = clsx(\n\t\tstyles.icon,\n\t\ttype && styles[type],\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<span className={IconClsx} ref={ref} style={{ ['--iconSize'as string]: iconSize }} data-content={unicodeToString(code)} />\n\t);\n});\n\nIcon.displayName = 'Icon';\n"],"names":["Icon","forwardRef","props","ref","className","code","type","size","iconSize","EIconSize","IconClsx","clsx","styles","jsx","unicodeToString"],"mappings":";;;;;;;;AASO,MAAMA,IAAOC,EAAwC,CAACC,GAAOC,MAAQ;AAC3E,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,MAAAC,IAAO,SAAS,MAAAC,IAAO,UAAc,IAAAL,GAExDM,IAAW,GAAG,OAAOD,KAAS,WAAWA,IAAOE,EAAUF,CAAI,CAAC,MAC/DG,IAAWC;AAAA,IAChBC,EAAO;AAAA,IACPN,KAAQM,EAAON,CAAI;AAAA,IACnBF;AAAA,EAAA;AAGD,SACE,gBAAAS,EAAA,QAAA,EAAK,WAAWH,GAAU,KAAAP,GAAU,OAAO,EAAG,cAAwBK,EAAS,GAAG,gBAAcM,EAAgBT,CAAI,EAAG,CAAA;AAE1H,CAAC;AAEDL,EAAK,cAAc;"}

package/dist/components/base/Icon/icon.module.scss.js

@@ -24,3 +24,4 @@ export {
   s as solid,
   a as thin
 };
+//# sourceMappingURL=icon.module.scss.js.map

package/dist/components/base/Icon/icon.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/components/base/Icon/types.js

@@ -3,3 +3,4 @@ var a = /* @__PURE__ */ ((r) => (r[r.mini = 12] = "mini", r[r.default = 18] = "d
 export {
   a as EIconSize
 };
+//# sourceMappingURL=types.js.map

package/dist/components/base/Icon/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/base/Icon/types.ts"],"sourcesContent":["export type IIconProps = {\n\tclassName?: string;\n\tcode: string;\n\ttype?: keyof typeof EIconType;\n\tsize?: number | keyof typeof EIconSize;\n}\nexport enum EIconType {\n\tthin = 'thin',\n\tlight = 'light',\n\tregular = 'regular',\n\tsolid = 'solid',\n\tduotone = 'duotone',\n\tsharpSolid = 'sharpSolid',\n\tsharpRegular = 'sharpRegular',\n\tsharpLight = 'sharpLight',\n\tbrand = 'brand',\n}\n\nexport enum EIconSize {\n\tmini = 12,\n\tdefault = 18,\n\tlarge = 24,\n}\n"],"names":["EIconSize"],"mappings":";AAkBY,IAAAA,sBAAAA,OACXA,EAAAA,EAAA,OAAO,EAAP,IAAA,QACAA,EAAAA,EAAA,UAAU,EAAV,IAAA,WACAA,EAAAA,EAAA,QAAQ,EAAR,IAAA,SAHWA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/base/Lottie/Lottie.js

@@ -41,3 +41,4 @@ S.displayName = "Lottie";
 export {
   S as Lottie
 };
+//# sourceMappingURL=Lottie.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Lottie.js","sources":["../../../../src/components/base/Lottie/Lottie.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { DotLottiePlayer, Controls, PlayMode, DotLottieRefProps } from '@dotlottie/react-player';\nimport clsx from 'clsx';\n\nimport styles from './lottie.module.scss';\nimport { ELottieSize, TLottieProps } from './types';\n\nexport const Lottie = forwardRef<DotLottieRefProps, TLottieProps>((props) => {\n\tconst {\n\t\tclassName,\n\t\tsrc,\n\t\tsize = 'default',\n\t\tcontrols = false,\n\t\tautoPlay = true,\n\t\tloop = true,\n\t\tspeed = 1,\n\t\tdirection = 1,\n\t\tplayMode = PlayMode.Normal,\n\t\trenderer = 'svg',\n\t} = props;\n\n\tconst lottieSize = `${typeof size === 'number' ? size : ELottieSize[size]}px`;\n\tconst LottieClsx = clsx(\n\t\tstyles.lottie,\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<DotLottiePlayer\n\t\t\tclassName={LottieClsx}\n\t\t\tsrc={src}\n\t\t\tautoplay={autoPlay}\n\t\t\tloop={loop}\n\t\t\tspeed={speed}\n\t\t\tdirection={direction}\n\t\t\tplayMode={playMode}\n\t\t\trenderer={renderer}\n\t\t\tstyle={{ ['--lottieSize'as string]: lottieSize }}\n\t\t>\n\t\t\t{controls && <Controls />}\n\t\t</DotLottiePlayer>\n\t);\n});\n\nLottie.displayName = 'Lottie';\n"],"names":["Lottie","forwardRef","props","className","src","size","controls","autoPlay","loop","speed","direction","playMode","PlayMode","renderer","lottieSize","ELottieSize","LottieClsx","clsx","styles","jsx","DotLottiePlayer","Controls"],"mappings":";;;;;;;AAQa,MAAAA,IAASC,EAA4C,CAACC,MAAU;AACtE,QAAA;AAAA,IACL,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAWC,EAAS;AAAA,IACpB,UAAAC,IAAW;AAAA,EACR,IAAAX,GAEEY,IAAa,GAAG,OAAOT,KAAS,WAAWA,IAAOU,EAAYV,CAAI,CAAC,MACnEW,IAAaC;AAAA,IAClBC,EAAO;AAAA,IACPf;AAAA,EAAA;AAIA,SAAA,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,WAAWJ;AAAA,MACX,KAAAZ;AAAA,MACA,UAAUG;AAAA,MACV,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAE;AAAA,MACA,OAAO,EAAG,gBAA0BC,EAAW;AAAA,MAE9C,UAAAR,uBAAae,GAAS,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAG1B,CAAC;AAEDrB,EAAO,cAAc;"}

package/dist/components/base/Lottie/lottie.module.scss.js

@@ -32,3 +32,4 @@ export {
   l as seeker,
   _ as toolbar
 };
+//# sourceMappingURL=lottie.module.scss.js.map

package/dist/components/base/Lottie/lottie.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lottie.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/base/Lottie/types.js

@@ -3,3 +3,4 @@ var a = /* @__PURE__ */ ((r) => (r[r.mini = 64] = "mini", r[r.default = 128] = "
 export {
   a as ELottieSize
 };
+//# sourceMappingURL=types.js.map

package/dist/components/base/Lottie/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/base/Lottie/types.ts"],"sourcesContent":["import { PlayMode } from '@dotlottie/react-player';\n\nexport type TLottieProps = {\n\tclassName?: string;\n\tsrc: string;\n\tsize?: number | keyof typeof ELottieSize;\n\tcontrols?: boolean;\n\tautoPlay?: boolean;\n\tloop?: boolean;\n\tspeed?: number;\n\tdirection?: 1 | -1;\n\tplayMode?: PlayMode;\n\trenderer?: 'canvas' | 'html' | 'svg';\n}\n\nexport enum ELottieSize {\n\tmini = 64,\n\tdefault = 128,\n\tlarge = 256,\n}\n"],"names":["ELottieSize"],"mappings":";AAeY,IAAAA,sBAAAA,OACXA,EAAAA,EAAA,OAAO,EAAP,IAAA,QACAA,EAAAA,EAAA,UAAU,GAAV,IAAA,WACAA,EAAAA,EAAA,QAAQ,GAAR,IAAA,SAHWA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/base/ProgressBar/ProgressBar.js

@@ -15,3 +15,4 @@ c.displayName = "ProgressBar";
 export {
   c as ProgressBar
 };
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/base/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport styles from './progressbar.module.scss';\nimport { IProgressBarProps } from './types';\n\nexport const ProgressBar = forwardRef<HTMLDivElement, IProgressBarProps>((props, ref) => {\n\tconst { className, progress = 100, intermediate = false } = props;\n\n\tconst progressWidth = intermediate ? 150 : Math.min(Math.max(progress, 0), 100);\n\n\tconst ProgressClsx = clsx(\n\t\tstyles.progressBar,\n\t\tintermediate && styles.intermediate,\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<div className={ProgressClsx} ref={ref}>\n\t\t\t<span className={styles.progress} style={{ width: `${progressWidth}%` }} />\n\t\t</div>\n\t);\n});\n\nProgressBar.displayName = 'ProgressBar';\n"],"names":["ProgressBar","forwardRef","props","ref","className","progress","intermediate","progressWidth","ProgressClsx","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,IAAcC,EAA8C,CAACC,GAAOC,MAAQ;AACxF,QAAM,EAAE,WAAAC,GAAW,UAAAC,IAAW,KAAK,cAAAC,IAAe,GAAU,IAAAJ,GAEtDK,IAAgBD,IAAe,MAAM,KAAK,IAAI,KAAK,IAAID,GAAU,CAAC,GAAG,GAAG,GAExEG,IAAeC;AAAA,IACpBC,EAAO;AAAA,IACPJ,KAAgBI,EAAO;AAAA,IACvBN;AAAA,EAAA;AAGD,2BACE,OAAI,EAAA,WAAWI,GAAc,KAAAL,GAC7B,4BAAC,QAAK,EAAA,WAAWO,EAAO,UAAU,OAAO,EAAE,OAAO,GAAGH,CAAa,IAAA,GAAO,EAC1E,CAAA;AAEF,CAAC;AAEDP,EAAY,cAAc;"}

package/dist/components/base/ProgressBar/progressbar.module.scss.js

@@ -12,3 +12,4 @@ export {
   r as progress,
   e as progressBar
 };
+//# sourceMappingURL=progressbar.module.scss.js.map

package/dist/components/base/ProgressBar/progressbar.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressbar.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/base/Spinner/Spinner.js

@@ -27,3 +27,4 @@ d.displayName = "Spinner";
 export {
   d as Spinner
 };
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../../src/components/base/Spinner/Spinner.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport styles from './spinner.module.scss';\nimport { ESpinnerSize, ISpinnerProps } from './types';\n\nexport const Spinner = forwardRef<HTMLDivElement, ISpinnerProps>((props, ref) => {\n\tconst { className, label, size = 'default', fullpage = false } = props;\n\n\tconst spinnerSize = `${typeof size === 'number' ? size : ESpinnerSize[size]}px`;\n\tconst SpinnerClsx = clsx(\n\t\tstyles.spinner,\n\t\tclassName,\n\t\tfullpage && styles.fullpage,\n\t);\n\n\treturn (\n\t\t<div className={SpinnerClsx} ref={ref} style={{ ['--spinnerSize'as string]: spinnerSize }}>\n\t\t\t<div className={styles.spinnerWrapper}>\n\t\t\t\t<div className={styles.cubeTop} />\n\t\t\t\t<div className={styles.cubeWrapper}>\n\t\t\t\t\t<span className={styles.cubeFace} />\n\t\t\t\t\t<span className={styles.cubeFace} />\n\t\t\t\t\t<span className={styles.cubeFace} />\n\t\t\t\t\t<span className={styles.cubeFace} />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{fullpage && <span className={styles.label}>{label}</span>}\n\t\t</div>\n\t);\n});\n\nSpinner.displayName = 'Spinner';\n"],"names":["Spinner","forwardRef","props","ref","className","label","size","fullpage","spinnerSize","ESpinnerSize","SpinnerClsx","clsx","styles","jsxs","jsx"],"mappings":";;;;;;AAOO,MAAMA,IAAUC,EAA0C,CAACC,GAAOC,MAAQ;AAChF,QAAM,EAAE,WAAAC,GAAW,OAAAC,GAAO,MAAAC,IAAO,WAAW,UAAAC,IAAW,GAAU,IAAAL,GAE3DM,IAAc,GAAG,OAAOF,KAAS,WAAWA,IAAOG,EAAaH,CAAI,CAAC,MACrEI,IAAcC;AAAA,IACnBC,EAAO;AAAA,IACPR;AAAA,IACAG,KAAYK,EAAO;AAAA,EAAA;AAInB,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAWH,GAAa,KAAAP,GAAU,OAAO,EAAG,iBAA2BK,EAAA,GAC3E,UAAA;AAAA,IAAC,gBAAAK,EAAA,OAAA,EAAI,WAAWD,EAAO,gBACtB,UAAA;AAAA,MAAC,gBAAAE,EAAA,OAAA,EAAI,WAAWF,EAAO,QAAS,CAAA;AAAA,MAC/B,gBAAAC,EAAA,OAAA,EAAI,WAAWD,EAAO,aACtB,UAAA;AAAA,QAAC,gBAAAE,EAAA,QAAA,EAAK,WAAWF,EAAO,SAAU,CAAA;AAAA,QACjC,gBAAAE,EAAA,QAAA,EAAK,WAAWF,EAAO,SAAU,CAAA;AAAA,QACjC,gBAAAE,EAAA,QAAA,EAAK,WAAWF,EAAO,SAAU,CAAA;AAAA,QACjC,gBAAAE,EAAA,QAAA,EAAK,WAAWF,EAAO,SAAU,CAAA;AAAA,MAAA,GACnC;AAAA,IAAA,GACD;AAAA,IACCL,KAAa,gBAAAO,EAAA,QAAA,EAAK,WAAWF,EAAO,OAAQ,UAAMP,GAAA;AAAA,EACpD,EAAA,CAAA;AAEF,CAAC;AAEDL,EAAQ,cAAc;"}

package/dist/components/base/Spinner/spinner.module.scss.js

@@ -20,3 +20,4 @@ export {
   e as spinner,
   _ as spinnerWrapper
 };
+//# sourceMappingURL=spinner.module.scss.js.map

package/dist/components/base/Spinner/spinner.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/components/base/Spinner/types.js

@@ -3,3 +3,4 @@ var l = /* @__PURE__ */ ((a) => (a[a.mini = 64] = "mini", a[a.default = 96] = "d
 export {
   l as ESpinnerSize
 };
+//# sourceMappingURL=types.js.map

package/dist/components/base/Spinner/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/base/Spinner/types.ts"],"sourcesContent":["export type ISpinnerProps = {\n\tclassName?: string;\n\tlabel?: string;\n\tsize?: number | keyof typeof ESpinnerSize;\n\tfullpage?: boolean;\n}\n\nexport enum ESpinnerSize {\n\tmini = 64,\n\tdefault = 96,\n\tlarge = 128,\n}\n"],"names":["ESpinnerSize"],"mappings":";AAOY,IAAAA,sBAAAA,OACXA,EAAAA,EAAA,OAAO,EAAP,IAAA,QACAA,EAAAA,EAAA,UAAU,EAAV,IAAA,WACAA,EAAAA,EAAA,QAAQ,GAAR,IAAA,SAHWA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -63,3 +63,4 @@ C.displayName = "Textfield";
 export {
   C as Textfield
 };
+//# sourceMappingURL=Textfield.js.map

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

@@ -0,0 +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;"}

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

@@ -18,3 +18,4 @@ export {
   t as textfield,
   n as withIcon
 };
+//# sourceMappingURL=textfield.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textfield.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

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

@@ -1,15 +1,11 @@
 import { ReactNode } from 'react';
-import { TColor, TScheme, TTheme } from '../hooks/useTheme';
 import { TSiderModes } from '../layout/Sider/types';
-declare const DataContext: import("react").Context<TDataDefaultType>;
+declare const DataContext: import("react").Context<TDataInitialType>;
 declare const DataProvider: ({ children }: TDataProviderProps) => import("react/jsx-runtime").JSX.Element;
 export { DataProvider, DataContext };
-export type TDataDefaultType = {
+export type TDataInitialType = {
     siderMode: TSiderModes;
     setSiderMode: (mode: TSiderModes) => void;
-    theme: TTheme;
-    setScheme: (scheme: TScheme) => void;
-    setThemeColor: (color: TColor) => void;
 };
 export type TDataProviderProps = {
     children?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"DataContext.d.ts","sourceRoot":"","sources":["../../../src/components/context/DataContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAsC,MAAM,4BAA4B,CAAC;AACzG,OAAO,EAAE,WAAW,EAAoB,MAAM,gCAAgC,CAAC;AAc/E,QAAA,MAAM,WAAW,2CAA6B,CAAC;AAC/C,QAAA,MAAM,YAAY,iBAAkB,kBAAkB,4CAYrD,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AAErC,MAAM,MAAM,gBAAgB,GAAG;IAC9B,SAAS,EAAE,WAAW,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAA;AACD,MAAM,MAAM,kBAAkB,GAAG;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAA;CACvB,CAAA"}
+{"version":3,"file":"DataContext.d.ts","sourceRoot":"","sources":["../../../src/components/context/DataContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAoB,MAAM,gCAAgC,CAAC;AAO/E,QAAA,MAAM,WAAW,2CAA6B,CAAC;AAC/C,QAAA,MAAM,YAAY,iBAAkB,kBAAkB,4CAQrD,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,CAAC;AAErC,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/DataContext.js

@@ -1,23 +1,16 @@
 "use client";
-import { jsx as h } from "react/jsx-runtime";
-import { createContext as c, useState as u } from "react";
-import { applyTheme as f, defaultTheme as p, useTheme as S } from "../hooks/useTheme.js";
-import { defaultSiderMode as m } from "../layout/Sider/types.js";
-import { STORAGE as T } from "../../utils/constants/commons.js";
-import { getLocalState as M } from "../../utils/function/localStorage.js";
-const o = {
-  siderMode: m,
-  setSiderMode: () => null,
-  theme: M(T.theme, p),
-  setScheme: () => null,
-  setThemeColor: () => null
-};
-f(o.theme);
-const x = c(o), y = ({ children: s }) => {
-  const [a, l] = u(m), [d, r] = S(o.theme), i = (e) => r((t) => ({ ...t, scheme: e })), n = (e) => r((t) => ({ ...t, color: e }));
-  return /* @__PURE__ */ h(x.Provider, { value: { siderMode: a, setSiderMode: l, theme: d, setScheme: i, setThemeColor: n }, children: s });
+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";
+const s = {
+  siderMode: e,
+  setSiderMode: () => null
+}, n = a(s), m = ({ children: t }) => {
+  const [o, r] = i(e);
+  return /* @__PURE__ */ d(n.Provider, { value: { siderMode: o, setSiderMode: r }, children: t });
 };
 export {
-  x as DataContext,
-  y as DataProvider
+  n as DataContext,
+  m as DataProvider
 };
+//# sourceMappingURL=DataContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataContext.js","sources":["../../../src/components/context/DataContext.tsx"],"sourcesContent":["import { useState, createContext, ReactNode } from 'react';\n\nimport { TSiderModes, defaultSiderMode } from '#components/layout/Sider/types';\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\nexport type TDataInitialType = {\n\tsiderMode: TSiderModes,\n\tsetSiderMode: (mode: TSiderModes) => void,\n}\nexport type TDataProviderProps = {\n    children?: ReactNode\n}\n"],"names":["DataDefault","defaultSiderMode","DataContext","createContext","DataProvider","children","siderMode","setSiderMode","useState","jsx"],"mappings":";;;;AAIA,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/Theme/ThemeContext.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/components/context/Theme/ThemeContext.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAe,iBAAiB,EAAE,mBAAmB,EAAgB,MAAM,QAAQ,CAAC;AAS3F,QAAA,MAAM,YAAY,4CAA8B,CAAC;AACjD,QAAA,MAAM,aAAa,iBAAkB,mBAAmB,4CAuBvD,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as l, useState as t, useEffect as _ } from "react";
+import { win as d } from "../../../utils/helper/domHelper.js";
+const C = {
+  scheme: window.__themeScheme,
+  setThemeScheme: () => null,
+  color: window.__themeColor,
+  setThemeColor: () => null
+}, T = l(C), a = ({ children: m }) => {
+  const [r, h] = t(window.__themeScheme), [n, c] = t(window.__themeColor), s = (o) => {
+    var e;
+    (e = window.__setPreferredThemeScheme) == null || e.call(window, o);
+  }, w = (o) => {
+    var e;
+    (e = window.__setPreferredThemeColor) == null || e.call(window, o);
+  };
+  return _(() => {
+    d && (window.__onThemeSchemeChange = h, window.__onThemeColorChange = c);
+  }, []), /* @__PURE__ */ i(T.Provider, { value: { scheme: r, setThemeScheme: s, color: n, setThemeColor: w }, children: m });
+};
+export {
+  T as ThemeContext,
+  a as ThemeProvider
+};
+//# sourceMappingURL=ThemeContext.js.map

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

@@ -0,0 +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/helper/domHelper';\n\nimport { TThemeColor, TThemeInitialType, TThemeProviderProps, TThemeScheme } from './type';\n\nconst ThemeDefault: TThemeInitialType = {\n\tscheme: window.__themeScheme,\n\tsetThemeScheme: () => null,\n\tcolor: window.__themeColor,\n\tsetThemeColor: () => null,\n};\n\nconst ThemeContext = createContext(ThemeDefault);\nconst ThemeProvider = ({ children }: TThemeProviderProps) => {\n\tconst [scheme, setScheme] = useState<TThemeScheme>(window.__themeScheme);\n\tconst [color, setColor] = useState<TThemeColor>(window.__themeColor);\n\n\tconst setThemeScheme = (val: TThemeScheme) => {\n\t\twindow.__setPreferredThemeScheme?.(val);\n\t};\n\tconst setThemeColor = (val: TThemeColor) => {\n\t\twindow.__setPreferredThemeColor?.(val);\n\t};\n\n\tuseEffect(() => {\n\t\tif (win) {\n\t\t\twindow.__onThemeSchemeChange = setScheme;\n\t\t\twindow.__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","ThemeContext","createContext","ThemeProvider","children","scheme","setScheme","useState","color","setColor","setThemeScheme","val","_a","setThemeColor","useEffect","win","jsx"],"mappings":";;;;AAMA,MAAMA,IAAkC;AAAA,EACvC,QAAQ,OAAO;AAAA,EACf,gBAAgB,MAAM;AAAA,EACtB,OAAO,OAAO;AAAA,EACd,eAAe,MAAM;AACtB,GAEMC,IAAeC,EAAcF,CAAY,GACzCG,IAAgB,CAAC,EAAE,UAAAC,QAAoC;AAC5D,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAuB,OAAO,aAAa,GACjE,CAACC,GAAOC,CAAQ,IAAIF,EAAsB,OAAO,YAAY,GAE7DG,IAAiB,CAACC,MAAsB;;AAC7C,KAAAC,IAAA,OAAO,8BAAP,QAAAA,EAAA,aAAmCD;AAAA,EAAG,GAEjCE,IAAgB,CAACF,MAAqB;;AAC3C,KAAAC,IAAA,OAAO,6BAAP,QAAAA,EAAA,aAAkCD;AAAA,EAAG;AAGtC,SAAAG,EAAU,MAAM;AACf,IAAIC,MACH,OAAO,wBAAwBT,GAC/B,OAAO,uBAAuBG;AAAA,EAEhC,GAAG,CAAE,CAAA,GAGJ,gBAAAO,EAACf,EAAa,UAAb,EAAsB,OAAO,EAAE,QAAAI,GAAQ,gBAAAK,GAAgB,OAAAF,GAAO,eAAAK,KAC7D,UAAAT,EACF,CAAA;AAEF;"}

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

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+export type TThemeInitialType = {
+    scheme: TThemeScheme;
+    setThemeScheme: (scheme: TThemeScheme) => void;
+    color: TThemeColor;
+    setThemeColor: (color: TThemeColor) => void;
+};
+export type TThemeProviderProps = {
+    children?: ReactNode;
+};
+declare enum EThemeScheme {
+    light = "light",
+    dark = "dark",
+    system = "system"
+}
+export type TThemeScheme = keyof typeof EThemeScheme;
+export declare const defaultScheme = EThemeScheme.system;
+declare enum EThemeColor {
+    red = "red",
+    pink = "pink",
+    orange = "orange",
+    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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+"use client";
+const e = "system", t = "violet";
+export {
+  t as defaultColor,
+  e as defaultScheme
+};
+//# sourceMappingURL=type.js.map

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

@@ -0,0 +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;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,eAAO,MAAM,SAAS,iBAAkB,cAAc,4CAMrD,CAAC;AAEF,UAAU,cAAc;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,eAAO,MAAM,SAAS,iBAAkB,cAAc,4CAQrD,CAAC;AAEF,UAAU,cAAc;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACvB"}

package/dist/components/context/index.js

@@ -1,7 +1,9 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { DataProvider as t } from "./DataContext.js";
-const m = ({ children: r }) => /* @__PURE__ */ o(t, { children: r });
+import { jsx as r } from "react/jsx-runtime";
+import { DataProvider as e } from "./DataContext.js";
+import { ThemeProvider as i } from "./Theme/ThemeContext.js";
+const n = ({ children: o }) => /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(e, { children: o }) });
 export {
-  m as XProvider
+  n as XProvider
 };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;"}

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

@@ -1,3 +1,5 @@
-import { TDataDefaultType } from './DataContext';
-export declare const useXData: () => TDataDefaultType;
+import { TDataInitialType } from './DataContext';
+import { TThemeInitialType } from './Theme/type';
+export declare const useXData: () => TDataInitialType;
+export declare const useTheme: () => 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,eAAO,MAAM,QAAQ,QAAO,gBAA2C,CAAC"}
+{"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"}

package/dist/components/context/useContext.js

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

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

@@ -0,0 +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;"}

package/dist/components/hooks/usePersistingState.d.ts

@@ -1,3 +1,3 @@
 import { TStateHook } from './type';
-export declare const usePersistingState: <T>(key: string, initialState: T) => TStateHook<T>;
+export declare const usePersistingState: <T>(key: string, initialState?: T | undefined) => TStateHook<T>;
 //# sourceMappingURL=usePersistingState.d.ts.map

package/dist/components/hooks/usePersistingState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePersistingState.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/usePersistingState.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,eAAO,MAAM,kBAAkB,WAAY,MAAM,mCAUhD,CAAC"}
+{"version":3,"file":"usePersistingState.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/usePersistingState.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,eAAO,MAAM,kBAAkB,WAAY,MAAM,gDAUhD,CAAC"}

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

@@ -50,3 +50,4 @@ $.displayName = "Navigation";
 export {
   $ as Navigation
 };
+//# sourceMappingURL=Navigation.js.map

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

@@ -0,0 +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;"}

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

@@ -22,3 +22,4 @@ export {
   n as route,
   _ as routeList
 };
+//# sourceMappingURL=navigation.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

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

@@ -30,3 +30,4 @@ g.displayName = "Sider";
 export {
   g as Sider
 };
+//# sourceMappingURL=Sider.js.map

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

@@ -0,0 +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;"}

package/dist/components/layout/Sider/sider.module.scss.js

@@ -20,3 +20,4 @@ export {
   t as rightSiderContainer,
   e as sider
 };
+//# sourceMappingURL=sider.module.scss.js.map

package/dist/components/layout/Sider/sider.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sider.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

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

@@ -3,3 +3,4 @@ const e = "closed";
 export {
   e as defaultSiderMode
 };
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../src/components/layout/Sider/types.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport type TSiderProps = {\n\tclassName?: string;\n\tchildren?: ReactNode;\n\tleftSider?: ReactNode;\n\tshowMiniLeftSider?: boolean;\n\trightSider?: ReactNode;\n\tshowMiniRightSider?: boolean;\n}\n\nexport enum ESiderModes {\n\tleft = 'left',\n\tright = 'right',\n\tclosed = 'closed',\n}\nexport type TSiderModes = keyof typeof ESiderModes;\nexport const defaultSiderMode = ESiderModes.closed;\n"],"names":["defaultSiderMode"],"mappings":";AAiBO,MAAMA,IAAmB;"}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export * from './utils/index';
 export { XProvider } from './components/context';
-export { useXData } from './components/context/useContext';
+export { useTheme, useXData } from './components/context/useContext';
 export { Avatar } from './components/base/Avatar/Avatar';
 export { type TAvatarProps, EAvatarSize } from './components/base/Avatar/types';
 export { Button } from './components/base/Button/Button';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAG3D,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGjF,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG1F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAG7E,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,KAAK,aAAa,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGzE,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGrF,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAE7B,cAAc,cAAc,CAAC;AAG7B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAGrE,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAGjF,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAG1F,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,KAAK,YAAY,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAGhF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAG7E,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,KAAK,aAAa,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAGnF,OAAO,EAAE,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAClE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAGzE,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGrF,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AACvE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAC"}