xtreme-ui 0.0.44 → 0.0.46

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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.js.map

@@ -1 +0,0 @@
-{"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.js.map

@@ -1 +0,0 @@
-{"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<nav\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</nav>\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.map

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

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

@@ -1 +0,0 @@
-{"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<main\n\t\t\tref={ref}\n\t\t\tclassName={SiderClsx}\n\t\t\trole='region'\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</main>\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/Sider/sider.module.scss.js.map

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

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

@@ -1 +0,0 @@
-{"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/components/layout/ThemePicker/ThemePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemePicker.js","sources":["../../../../src/components/layout/ThemePicker/ThemePicker.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { ActionCard } from '#components/base/ActionCard/ActionCard';\nimport { Button } from '#components/base/Button/Button';\nimport { Icon } from '#components/base/Icon/Icon';\nimport { EThemeColor, EThemeScheme, TThemeColor } from '#components/context/Theme/type';\nimport { useXTheme } from '#components/context/useContext';\nimport { capitalizeFirstLetter } from '#utils/index';\n\nimport styles from './themePicker.module.scss';\nimport { EThemePickerGap, EThemePickerSize, TThemePickerProps } from './type';\n\nconst schemes = [\n\t{ name: EThemeScheme.system, icon: 'f390' },\n\t{ name: EThemeScheme.light, icon: 'f185' },\n\t{ name: EThemeScheme.dark, icon: 'f6c3' },\n] as const;\n\nexport const ThemePicker = forwardRef<HTMLDivElement, TThemePickerProps>((props, ref) => {\n\tconst { className, size = 'default' } = props;\n\n\tconst { themeScheme, setThemeScheme, themeColor, setThemeColor } = useXTheme();\n\n\tconst ThemePickerClsx = clsx(\n\t\tstyles.themePicker,\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={ThemePickerClsx}\n\t\t\trole='region'\n\t\t\tstyle={{\n\t\t\t\t['--schemeSize' as string]: `${EThemePickerSize[size]}px`,\n\t\t\t\t['--schemeGap' as string]: `${EThemePickerGap[size]}px`,\n\t\t\t}}\n\t\t>\n\t\t\t<div className={styles.themeSchemes} role='radiogroup'>\n\t\t\t\t{\n\t\t\t\t\tschemes.map(({ name, icon }, i) => (\n\t\t\t\t\t\t<ActionCard\n\t\t\t\t\t\t\tkey={`ThemeScheme-${name}-${i}`}\n\t\t\t\t\t\t\tclassName={clsx(styles.themeSchemeItem, styles[name], themeScheme === name && styles.active)}\n\t\t\t\t\t\t\tonClick={() => setThemeScheme(name)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className={styles.design}>\n\t\t\t\t\t\t\t\t<div className={styles.navigation}>\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tArray.from({ length: 6 }, (_, i) => (\n\t\t\t\t\t\t\t\t\t\t\t<div key={`ThemeScheme-${name}-navigation-${i}`} className={styles.navigationItem} />\n\t\t\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className={styles.content}>\n\t\t\t\t\t\t\t\t\t<div className={styles.header} />\n\t\t\t\t\t\t\t\t\t<div className={styles.profile} />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className={styles.footer}>\n\t\t\t\t\t\t\t\t<Icon className={styles.footerIcon} code={themeScheme === name ? 'f058' : icon} type='solid' />\n\t\t\t\t\t\t\t\t<span className={styles.footerLabel}>{name}</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</ActionCard>\n\t\t\t\t\t))\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t<div className={styles.themeColors} role='radiogroup'>\n\t\t\t\t{\n\t\t\t\t\tObject.keys(EThemeColor).map((color, i) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tkey={`ThemeColor-${color}-${i}`}\n\t\t\t\t\t\t\t\tclassName={styles.themeColorsItem}\n\t\t\t\t\t\t\t\tsize={size}\n\t\t\t\t\t\t\t\ticon='f00c'\n\t\t\t\t\t\t\t\ticonType='solid'\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t['--themeColor' as string]: `var(--color${capitalizeFirstLetter(color)}Accent)`,\n\t\t\t\t\t\t\t\t\tcolor: themeColor === color ? 'white' : 'transparent',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tonClick={() => setThemeColor(color as TThemeColor)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t);\n});\n\nThemePicker.displayName = 'ThemePicker';\n"],"names":["schemes","EThemeScheme","ThemePicker","forwardRef","props","ref","className","size","themeScheme","setThemeScheme","themeColor","setThemeColor","useXTheme","ThemePickerClsx","clsx","styles","jsxs","EThemePickerSize","EThemePickerGap","jsx","name","icon","i","ActionCard","_","Icon","EThemeColor","color","Button","capitalizeFirstLetter"],"mappings":"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"}

package/dist/components/layout/ThemePicker/themePicker.module.scss.js.map

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

package/dist/components/layout/ThemePicker/type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"type.js","sources":["../../../../src/components/layout/ThemePicker/type.ts"],"sourcesContent":["export enum EThemePickerSize {\n\tmini = 128,\n\tdefault = 180,\n\tlarge = 254,\n}\n\nexport enum EThemePickerGap {\n\tmini = 16,\n\tdefault = 24,\n\tlarge = 36,\n}\n\nexport type TThemePickerProps = {\n\tclassName?: string;\n\tsize?: keyof typeof EThemePickerSize;\n}\n"],"names":["EThemePickerSize","EThemePickerGap"],"mappings":";AAAY,IAAAA,sBAAAA,OACXA,EAAAA,EAAA,OAAO,GAAP,IAAA,QACAA,EAAAA,EAAA,UAAU,GAAV,IAAA,WACAA,EAAAA,EAAA,QAAQ,GAAR,IAAA,SAHWA,IAAAA,KAAA,CAAA,CAAA,GAMAC,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/index.js.map

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

package/dist/styles/index.scss.js.map

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

package/dist/utils/constants/commons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"commons.js","sources":["../../../src/utils/constants/commons.ts"],"sourcesContent":["export const STORAGE = {\n\tthemeScheme: 'xThemeScheme',\n\tthemeColor: 'xThemeColor',\n};\n"],"names":["STORAGE"],"mappings":";AAAO,MAAMA,IAAU;AAAA,EACtB,aAAa;AAAA,EACb,YAAY;AACb;"}

package/dist/utils/function/localStorage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"localStorage.js","sources":["../../../src/utils/function/localStorage.ts"],"sourcesContent":["import { localStore } from '../helper/domHelper';\n\nexport const getLocalState = <T>(key: string, fallback?: T): T => {\n\ttry {\n\t\tconst value = localStore?.getItem(key);\n\t\treturn value ? JSON.parse(value) : fallback ?? '' as T;\n\t}\n\tcatch (e) {\n\t\tconsole.log(e);\n\t\treturn fallback ?? '' as T;\n\t}\n};\n\nexport const setLocalState = <T>(key: string, value: T) => {\n\ttry {\n\t\tlocalStore?.setItem(key, JSON.stringify(value));\n\t}\n\tcatch (e) {\n\t\tconsole.log(e);\n\t}\n};\n"],"names":["getLocalState","key","fallback","value","_a","localStore","e","setLocalState"],"mappings":";;AAEa,MAAAA,IAAgB,CAAIC,GAAaC,MAAoB;;AAC7D,MAAA;AACG,UAAAC,KAAQC,IAAAC,MAAA,gBAAAD,EAAY,QAAQH;AAClC,WAAOE,IAAQ,KAAK,MAAMA,CAAK,IAAID,KAAY;AAAA,WAEzCI,GAAG;AACT,mBAAQ,IAAIA,CAAC,GACNJ,KAAY;AAAA,EACpB;AACD,GAEaK,IAAgB,CAAIN,GAAaE,MAAa;;AACtD,MAAA;AACH,KAAAC,IAAAC,MAAA,QAAAD,EAAY,QAAQH,GAAK,KAAK,UAAUE,CAAK;AAAA,WAEvCG,GAAG;AACT,YAAQ,IAAIA,CAAC;AAAA,EACd;AACD;"}

package/dist/utils/function/mergeRefs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mergeRefs.js","sources":["../../../src/utils/function/mergeRefs.ts"],"sourcesContent":["import { LegacyRef, MutableRefObject, RefCallback } from 'react';\n\nexport const mergeRefs = <T>(refs: Array<MutableRefObject<T> | LegacyRef<T>>): RefCallback<T> => {\n\treturn (value) => {\n\t\trefs.forEach((ref) => {\n\t\t\tif (typeof ref === 'function') {\n\t\t\t\tref(value);\n\t\t\t} else if (ref != null) {\n\t\t\t\t(ref as MutableRefObject<T | null>).current = value;\n\t\t\t}\n\t\t});\n\t};\n};\n"],"names":["mergeRefs","refs","value","ref"],"mappings":";AAEa,MAAAA,IAAY,CAAIC,MACrB,CAACC,MAAU;AACZ,EAAAD,EAAA,QAAQ,CAACE,MAAQ;AACjB,IAAA,OAAOA,KAAQ,aAClBA,EAAID,CAAK,IACCC,KAAO,SAChBA,EAAmC,UAAUD;AAAA,EAC/C,CACA;AAAA;"}

package/dist/utils/function/string.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"string.js","sources":["../../../src/utils/function/string.ts"],"sourcesContent":["export const safeStringFromCodePoint = (codePoint: number) => {\n\tif (isNaN(codePoint) || codePoint < 0 || codePoint > 0x10FFFF || Math.floor(codePoint) !== codePoint) return '';\n\n\treturn String.fromCodePoint(codePoint);\n};\n\nexport const unicodeToString = (unicode: string) => {\n\treturn safeStringFromCodePoint(parseInt(`0x${unicode}`, 16));\n};\n\nexport const capitalizeFirstLetter = (string: string) => {\n\treturn string.charAt(0).toUpperCase() + string.slice(1);\n};\n"],"names":["safeStringFromCodePoint","codePoint","unicodeToString","unicode","capitalizeFirstLetter","string"],"mappings":";AAAa,MAAAA,IAA0B,CAACC,MACnC,MAAMA,CAAS,KAAKA,IAAY,KAAKA,IAAY,WAAY,KAAK,MAAMA,CAAS,MAAMA,IAAkB,KAEtG,OAAO,cAAcA,CAAS,GAGzBC,IAAkB,CAACC,MACxBH,EAAwB,SAAS,KAAKG,CAAO,IAAI,EAAE,CAAC,GAG/CC,IAAwB,CAACC,MAC9BA,EAAO,OAAO,CAAC,EAAE,gBAAgBA,EAAO,MAAM,CAAC;"}

package/dist/utils/helper/domHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"domHelper.js","sources":["../../../src/utils/helper/domHelper.ts"],"sourcesContent":["import { RefObject } from 'react';\n\nexport const isClient = typeof window !== 'undefined';\nexport const win = isClient ? window : undefined;\nexport const doc = isClient ? document : undefined;\nexport const localStore = isClient ? localStorage : undefined;\n\nexport const getCssProperty = (property: string, element: RefObject<HTMLElement>) => {\n\treturn isClient ? getComputedStyle(element?.current || document.documentElement).getPropertyValue(property) : '';\n};\n\nexport const getCssPropertyPx = (property: string, element: RefObject<HTMLElement>) => {\n\treturn parseInt(getCssProperty(property, element).replace(/px/g, ''));\n};\n\nexport const getCssPropertyVh = (property: string, element: RefObject<HTMLElement>) => {\n\tconst height = parseInt(getCssProperty(property, element).replace(/vh/g, ''));\n\treturn [(win?.innerHeight ?? 0) * height / 100, height];\n};\n\nexport const getCssPropertyVw = (property: string, element: RefObject<HTMLElement>) => {\n\tconst width = parseInt(getCssProperty(property, element).replace(/vw/g, ''));\n\treturn [(win?.innerWidth ?? 0) * width / 100, width];\n};\n\nexport const setCssProperty = (property: string, value: string, element: RefObject<HTMLElement>) => {\n\treturn isClient ? (element?.current || document.documentElement).style.setProperty(property, value) : '';\n};\n\nexport const waitForElement = (selector: string) => {\n\treturn new Promise<HTMLElement>((resolve) => {\n\t\tlet element = document.querySelector(selector) as HTMLElement;\n\t\tif (element) return resolve(element);\n\n\t\tconst observer = new MutationObserver(() => {\n\t\t\telement = document.querySelector(selector) as HTMLElement;\n\t\t\tif (element) {\n\t\t\t\tresolve(element);\n\t\t\t\tobserver.disconnect();\n\t\t\t}\n\t\t});\n\t\tobserver.observe(document.body, { childList: true, subtree: true });\n\t});\n};\n\nexport const elementObserver = (cb: ElementObserverCallback, selectors: string[]) => {\n\tselectors?.forEach?.((selector) => {\n\t\tlet target: HTMLElement;\n\t\tconst observer = new MutationObserver((records) => {\n\t\t\tconst selectedElement = document.querySelector(selector);\n\t\t\tif (selectedElement) target = document.querySelector(selector) as HTMLElement;\n\n\t\t\trecords?.forEach?.((record) => {\n\t\t\t\tif (record.type === 'childList') {\n\t\t\t\t\tconst added = Array.from(record.addedNodes);\n\t\t\t\t\tif (added.indexOf(target) > -1) cb(target, 'added', record);\n\t\t\t\t\tconst removed = Array.from(record.removedNodes);\n\t\t\t\t\tif (removed.indexOf(target) > -1) cb(target, 'removed', record);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t\tobserver.observe(document.body, { childList: true, subtree: true });\n\t});\n};\n\ntype ElementObserverCallback = (element: HTMLElement, event: keyof typeof EElementObserverEvent, record: MutationRecord) => void\nenum EElementObserverEvent {\n\tadded = 'added',\n\tremoved = 'removed',\n}\n"],"names":["isClient","win","doc","localStore","getCssProperty","property","element","getCssPropertyPx","getCssPropertyVh","height","getCssPropertyVw","width","setCssProperty","value","waitForElement","selector","resolve","observer","elementObserver","cb","selectors","_a","target","records","record"],"mappings":";AAEa,MAAAA,IAAW,OAAO,SAAW,KAC7BC,IAAMD,IAAW,SAAS,QAC1BE,IAAMF,IAAW,WAAW,QAC5BG,IAAaH,IAAW,eAAe,QAEvCI,IAAiB,CAACC,GAAkBC,MACzCN,IAAW,kBAAiBM,KAAA,gBAAAA,EAAS,YAAW,SAAS,eAAe,EAAE,iBAAiBD,CAAQ,IAAI,IAGlGE,IAAmB,CAACF,GAAkBC,MAC3C,SAASF,EAAeC,GAAUC,CAAO,EAAE,QAAQ,OAAO,EAAE,CAAC,GAGxDE,IAAmB,CAACH,GAAkBC,MAAoC;AAChF,QAAAG,IAAS,SAASL,EAAeC,GAAUC,CAAO,EAAE,QAAQ,OAAO,EAAE,CAAC;AAC5E,SAAO,GAAEL,KAAA,gBAAAA,EAAK,gBAAe,KAAKQ,IAAS,KAAKA,CAAM;AACvD,GAEaC,IAAmB,CAACL,GAAkBC,MAAoC;AAChF,QAAAK,IAAQ,SAASP,EAAeC,GAAUC,CAAO,EAAE,QAAQ,OAAO,EAAE,CAAC;AAC3E,SAAO,GAAEL,KAAA,gBAAAA,EAAK,eAAc,KAAKU,IAAQ,KAAKA,CAAK;AACpD,GAEaC,IAAiB,CAACP,GAAkBQ,GAAeP,MACxDN,MAAYM,KAAA,gBAAAA,EAAS,YAAW,SAAS,iBAAiB,MAAM,YAAYD,GAAUQ,CAAK,IAAI,IAG1FC,IAAiB,CAACC,MACvB,IAAI,QAAqB,CAACC,MAAY;AACxC,MAAAV,IAAU,SAAS,cAAcS,CAAQ;AACzC,MAAAT;AAAS,WAAOU,EAAQV,CAAO;AAE7B,QAAAW,IAAW,IAAI,iBAAiB,MAAM;AACjC,IAAAX,IAAA,SAAS,cAAcS,CAAQ,GACrCT,MACHU,EAAQV,CAAO,GACfW,EAAS,WAAW;AAAA,EACrB,CACA;AACQ,EAAAA,EAAA,QAAQ,SAAS,MAAM,EAAE,WAAW,IAAM,SAAS,IAAM;AAAA,CAClE,GAGWC,IAAkB,CAACC,GAA6BC,MAAwB;;AACzE,GAAAC,IAAAD,KAAA,gBAAAA,EAAA,YAAA,QAAAC,EAAA,KAAAD,GAAU,CAACL,MAAa;AAC9B,QAAAO;AAcK,IAbQ,IAAI,iBAAiB,CAACC,MAAY;;AAE9C,MADoB,SAAS,cAAcR,CAAQ,MACzBO,IAAA,SAAS,cAAcP,CAAQ,KAEpDM,IAAAE,KAAA,gBAAAA,EAAA,YAAA,QAAAF,EAAA,KAAAE,GAAU,CAACC,MAAW;AAC1B,QAAAA,EAAO,SAAS,gBACL,MAAM,KAAKA,EAAO,UAAU,EAChC,QAAQF,CAAM,IAAI,MAAOH,EAAAG,GAAQ,SAASE,CAAM,GAC1C,MAAM,KAAKA,EAAO,YAAY,EAClC,QAAQF,CAAM,IAAI,MAAOH,EAAAG,GAAQ,WAAWE,CAAM;AAAA,MAC/D;AAAA,IACA,CACD,EACQ,QAAQ,SAAS,MAAM,EAAE,WAAW,IAAM,SAAS,IAAM;AAAA,EAAA;AAEpE;"}

package/dist/utils/helper/themeController.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"themeController.js","sources":["../../../src/utils/helper/themeController.ts"],"sourcesContent":["import { defaultColor, defaultScheme } from '#components/context/Theme/type';\n\nimport { STORAGE } from '../constants/commons';\n\nexport const themeController = `\n(function () {\n\tfunction setThemeScheme(newThemeScheme) {\n\t\tdocument.documentElement.setAttribute(\"data-theme-scheme\", newThemeScheme);\n\t\twindow.__themeScheme = newThemeScheme;\n\t\twindow.__onThemeSchemeChange(newThemeScheme);\n\t}\n\tfunction setThemeColor(newThemeColor) {\n\t\tdocument.documentElement.setAttribute(\"data-theme-color\", newThemeColor);\n\t\twindow.__themeColor = newThemeColor;\n\t\twindow.__onThemeColorChange(newThemeColor);\n\t}\n\tfunction saveToStore() {\n\t\ttry {\n\t\t\tlocalStorage.setItem(\"${STORAGE.themeScheme}\", JSON.stringify(window.__themeScheme));\n\t\t} catch (err) {}\n\t\ttry {\n\t\t\tlocalStorage.setItem(\"${STORAGE.themeColor}\", JSON.stringify(window.__themeColor));\n\t\t} catch (err) {}\n\t}\n\t\n\twindow.__onThemeSchemeChange = function () {};\n\twindow.__onThemeColorChange = function () {};\n\n\twindow.__setPreferredThemeScheme = function (newThemeScheme) {\n\t\tsetThemeScheme(newThemeScheme);\n\t\tsaveToStore();\n\t};\n\twindow.__setPreferredThemeColor = function (newThemeColor) {\n\t\tsetThemeColor(newThemeColor);\n\t\tsaveToStore();\n\t};\n\n\tlet themeScheme;\n\tlet themeColor;\n\t\n\ttry {\n\t\tthemeScheme = JSON.parse(localStorage.getItem(\"${STORAGE.themeScheme}\"));\n\t} catch (err) {}\n\ttry {\n\t\tthemeColor = JSON.parse(localStorage.getItem(\"${STORAGE.themeColor}\"));\n\t} catch (err) {} \n\t\n\tsetThemeScheme(themeScheme || \"${defaultScheme}\");\n\tsetThemeColor(themeColor || \"${defaultColor}\");\n})();\n`;\n"],"names":["themeController","STORAGE","defaultScheme","defaultColor"],"mappings":";;;AAIO,MAAMA,IAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAcJC,EAAQ,WAAW;AAAA;AAAA;AAAA,2BAGnBA,EAAQ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mDAoBMA,EAAQ,WAAW;AAAA;AAAA;AAAA,kDAGpBA,EAAQ,UAAU;AAAA;AAAA;AAAA,kCAGlCC,CAAa;AAAA,gCACfC,CAAY;AAAA;AAAA;"}