@xanui/core 1.2.28 → 1.2.30

package/theme/createTheme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"createTheme.mjs","sources":["../../src/theme/createTheme.ts"],"sourcesContent":["import { ThemeOptions, ThemeOptionInput, ThemeOptionsColor } from \"./types\"\r\nimport { mergeObject, ThemeFactory } from \"./core\"\r\nimport { alpha, breakpoints } from \"../css\"\r\nimport { lightThemeOptions } from \"./ThemeDefaultOptions\"\r\n\r\nexport const createTheme = (name: string, options: ThemeOptionInput): ThemeOptions => {\r\n   if (ThemeFactory.has(name)) {\r\n      console.error(`createTheme: The theme '${name}' is already defined. Please choose a different name for the theme.`)\r\n      return ThemeFactory.get(name) as ThemeOptions\r\n   }\r\n\r\n   let theme: any = mergeObject(lightThemeOptions, {\r\n      ...options,\r\n      name,\r\n      breakpoints: breakpoints\r\n   })\r\n\r\n   // add alpha colors\r\n   for (let color in theme.colors) {\r\n      const c = theme.colors[color] as ThemeOptionsColor\r\n      const is_common = color === 'divider' || color === 'background' || color === 'text'\r\n      c.soft = {\r\n         primary: is_common ? alpha(c.primary, 0.60) : alpha(c.primary, 0.08),\r\n         secondary: is_common ? alpha(c.primary, 0.90) : alpha(c.primary, 0.12)\r\n      }\r\n   }\r\n\r\n   ThemeFactory.set(name, theme)\r\n\r\n   return theme as ThemeOptions\r\n}\r\n"],"names":[],"mappings":"mKAKa,WAAW,GAAG,CAAC,IAAY,EAAE,OAAyB,KAAkB;AAClF,IAAA,IAAI,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;AACzB,QAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,IAAI,CAAA,mEAAA,CAAqE,CAAC;AACnH,QAAA,OAAO,YAAY,CAAC,GAAG,CAAC,IAAI,CAAiB;IAChD;AAEA,IAAA,IAAI,KAAK,GAAQ,WAAW,CAAC,iBAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACxC,OAAO,CAAA,EAAA,EACV,IAAI,EACJ,WAAW,EAAE,WAAW,IACzB;;AAGF,IAAA,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE;QAC7B,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAsB;AAClD,QAAA,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,YAAY,IAAI,KAAK,KAAK,MAAM;QACnF,CAAC,CAAC,IAAI,GAAG;YACN,OAAO,EAAE,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC;YACpE,SAAS,EAAE,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI;SACvE;IACJ;AAEA,IAAA,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;AAE7B,IAAA,OAAO,KAAqB;AAC/B"}
+{"version":3,"file":"createTheme.mjs","sources":["../../src/theme/createTheme.ts"],"sourcesContent":["import { ThemeOptions, ThemeOptionInput, ThemeOptionsColor } from \"./types\"\nimport { mergeObject, ThemeFactory } from \"./core\"\nimport { alpha, breakpoints } from \"../css\"\nimport { lightThemeOptions } from \"./ThemeDefaultOptions\"\n\nexport const createTheme = (name: string, options: ThemeOptionInput): ThemeOptions => {\n   if (ThemeFactory.has(name)) {\n      console.error(`createTheme: The theme '${name}' is already defined. Please choose a different name for the theme.`)\n      return ThemeFactory.get(name) as ThemeOptions\n   }\n\n   let theme: any = mergeObject(lightThemeOptions, {\n      ...options,\n      name,\n      breakpoints: breakpoints\n   })\n\n   // add alpha colors\n   for (let color in theme.colors) {\n      const c = theme.colors[color] as ThemeOptionsColor\n      const is_common = color === 'divider' || color === 'background' || color === 'text'\n      c.soft = {\n         primary: is_common ? alpha(c.primary, 0.60) : alpha(c.primary, 0.08),\n         secondary: is_common ? alpha(c.primary, 0.90) : alpha(c.primary, 0.12)\n      }\n   }\n\n   ThemeFactory.set(name, theme)\n\n   return theme as ThemeOptions\n}\n"],"names":[],"mappings":"mKAKa,WAAW,GAAG,CAAC,IAAY,EAAE,OAAyB,KAAkB;AAClF,IAAA,IAAI,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;AACzB,QAAA,OAAO,CAAC,KAAK,CAAC,2BAA2B,IAAI,CAAA,mEAAA,CAAqE,CAAC;AACnH,QAAA,OAAO,YAAY,CAAC,GAAG,CAAC,IAAI,CAAiB;IAChD;AAEA,IAAA,IAAI,KAAK,GAAQ,WAAW,CAAC,iBAAiB,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACxC,OAAO,CAAA,EAAA,EACV,IAAI,EACJ,WAAW,EAAE,WAAW,IACzB;;AAGF,IAAA,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE;QAC7B,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAsB;AAClD,QAAA,MAAM,SAAS,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,YAAY,IAAI,KAAK,KAAK,MAAM;QACnF,CAAC,CAAC,IAAI,GAAG;YACN,OAAO,EAAE,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC;YACpE,SAAS,EAAE,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI;SACvE;IACJ;AAEA,IAAA,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC;AAE7B,IAAA,OAAO,KAAqB;AAC/B"}

package/theme/createThemeSwitcher.d.ts

@@ -1,5 +1,5 @@
 import { ThemeOptions } from './types.js';
-import { BucketOptions } from 'react-state-bucket/Bucket';
+import { BucketOptions } from 'react-state-bucket';
 
 type ThemeSwitcherOption = {
     store?: BucketOptions['store'];
@@ -8,7 +8,7 @@ type ThemeSwitcherOption = {
 declare const createThemeSwitcher: (defaultTheme: string, option?: ThemeSwitcherOption) => () => {
     name: any;
     theme: ThemeOptions | undefined;
-    change: (theme: string) => void;
+    change: (theme: string) => string;
 };
 
 export { createThemeSwitcher as default };

package/theme/createThemeSwitcher.js

@@ -8,9 +8,9 @@
     const useThemeSwitcher = () => {
         const state = useThemeState();
         return {
-            name: state.get("name"),
-            theme: core.getTheme(state.get("name")),
-            change: (theme) => state.set("name", theme)
+            name: state.name,
+            theme: core.getTheme(state.name),
+            change: (theme) => state.name = theme
         };
     };
     return useThemeSwitcher;

package/theme/createThemeSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"createThemeSwitcher.js","sources":["../../src/theme/createThemeSwitcher.ts"],"sourcesContent":["import { createBucket, xv } from \"react-state-bucket\"\r\nimport { getTheme } from \"./core\"\r\nimport { BucketOptions } from \"react-state-bucket/Bucket\"\r\n\r\nexport type ThemeSwitcherOption = {\r\n   store?: BucketOptions['store'],\r\n   onChange?: (theme: string) => void\r\n}\r\n\r\nconst createThemeSwitcher = (defaultTheme: string, option?: ThemeSwitcherOption) => {\r\n\r\n   const useThemeState = createBucket({ name: xv.string().default(defaultTheme) }, {\r\n      store: option?.store || \"memory\",\r\n      onChange: (_key, value) => {\r\n         option?.onChange && option?.onChange(value)\r\n      }\r\n   })\r\n\r\n   const useThemeSwitcher = () => {\r\n      const state = useThemeState()\r\n      return {\r\n         name: state.get(\"name\"),\r\n         theme: getTheme(state.get(\"name\")),\r\n         change: (theme: string) => state.set(\"name\", theme)\r\n      }\r\n   }\r\n   return useThemeSwitcher\r\n}\r\n\r\nexport default createThemeSwitcher"],"names":["createBucket","xv","getTheme"],"mappings":"mJASA,MAAM,mBAAmB,GAAG,CAAC,YAAoB,EAAE,MAA4B,KAAI;AAEhF,IAAA,MAAM,aAAa,GAAGA,6BAAY,CAAC,EAAE,IAAI,EAAEC,mBAAE,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE;QAC7E,KAAK,EAAE,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,QAAQ;AAChC,QAAA,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAI;AACvB,YAAA,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,MAAI,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;QAC9C;AACF,KAAA,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAK;AAC3B,QAAA,MAAM,KAAK,GAAG,aAAa,EAAE;QAC7B,OAAO;AACJ,YAAA,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;YACvB,KAAK,EAAEC,aAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAClC,YAAA,MAAM,EAAE,CAAC,KAAa,KAAK,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK;SACpD;AACJ,IAAA,CAAC;AACD,IAAA,OAAO,gBAAgB;AAC1B"}
+{"version":3,"file":"createThemeSwitcher.js","sources":["../../src/theme/createThemeSwitcher.ts"],"sourcesContent":["import { createBucket, xv } from \"react-state-bucket\"\nimport { getTheme } from \"./core\"\nimport { BucketOptions } from \"react-state-bucket\"\n\nexport type ThemeSwitcherOption = {\n   store?: BucketOptions['store'],\n   onChange?: (theme: string) => void\n}\n\nconst createThemeSwitcher = (defaultTheme: string, option?: ThemeSwitcherOption) => {\n\n   const useThemeState = createBucket({ name: xv.string().default(defaultTheme) }, {\n      store: option?.store || \"memory\",\n      onChange: (_key, value) => {\n         option?.onChange && option?.onChange(value)\n      }\n   })\n\n   const useThemeSwitcher = () => {\n      const state = useThemeState()\n      return {\n         name: state.name,\n         theme: getTheme(state.name),\n         change: (theme: string) => state.name = theme\n      }\n   }\n   return useThemeSwitcher\n}\n\nexport default createThemeSwitcher"],"names":["createBucket","xv","getTheme"],"mappings":"mJASA,MAAM,mBAAmB,GAAG,CAAC,YAAoB,EAAE,MAA4B,KAAI;AAEhF,IAAA,MAAM,aAAa,GAAGA,6BAAY,CAAC,EAAE,IAAI,EAAEC,mBAAE,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE;QAC7E,KAAK,EAAE,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,QAAQ;AAChC,QAAA,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAI;AACvB,YAAA,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,MAAI,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;QAC9C;AACF,KAAA,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAK;AAC3B,QAAA,MAAM,KAAK,GAAG,aAAa,EAAE;QAC7B,OAAO;YACJ,IAAI,EAAE,KAAK,CAAC,IAAI;AAChB,YAAA,KAAK,EAAEC,aAAQ,CAAC,KAAK,CAAC,IAAI,CAAC;YAC3B,MAAM,EAAE,CAAC,KAAa,KAAK,KAAK,CAAC,IAAI,GAAG;SAC1C;AACJ,IAAA,CAAC;AACD,IAAA,OAAO,gBAAgB;AAC1B"}

package/theme/createThemeSwitcher.mjs

@@ -8,9 +8,9 @@ import {createBucket,xv}from'react-state-bucket';import {getTheme}from'./core.mj
     const useThemeSwitcher = () => {
         const state = useThemeState();
         return {
-            name: state.get("name"),
-            theme: getTheme(state.get("name")),
-            change: (theme) => state.set("name", theme)
+            name: state.name,
+            theme: getTheme(state.name),
+            change: (theme) => state.name = theme
         };
     };
     return useThemeSwitcher;

package/theme/createThemeSwitcher.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"createThemeSwitcher.mjs","sources":["../../src/theme/createThemeSwitcher.ts"],"sourcesContent":["import { createBucket, xv } from \"react-state-bucket\"\r\nimport { getTheme } from \"./core\"\r\nimport { BucketOptions } from \"react-state-bucket/Bucket\"\r\n\r\nexport type ThemeSwitcherOption = {\r\n   store?: BucketOptions['store'],\r\n   onChange?: (theme: string) => void\r\n}\r\n\r\nconst createThemeSwitcher = (defaultTheme: string, option?: ThemeSwitcherOption) => {\r\n\r\n   const useThemeState = createBucket({ name: xv.string().default(defaultTheme) }, {\r\n      store: option?.store || \"memory\",\r\n      onChange: (_key, value) => {\r\n         option?.onChange && option?.onChange(value)\r\n      }\r\n   })\r\n\r\n   const useThemeSwitcher = () => {\r\n      const state = useThemeState()\r\n      return {\r\n         name: state.get(\"name\"),\r\n         theme: getTheme(state.get(\"name\")),\r\n         change: (theme: string) => state.set(\"name\", theme)\r\n      }\r\n   }\r\n   return useThemeSwitcher\r\n}\r\n\r\nexport default createThemeSwitcher"],"names":[],"mappings":"mFASA,MAAM,mBAAmB,GAAG,CAAC,YAAoB,EAAE,MAA4B,KAAI;AAEhF,IAAA,MAAM,aAAa,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE;QAC7E,KAAK,EAAE,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,QAAQ;AAChC,QAAA,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAI;AACvB,YAAA,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,MAAI,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;QAC9C;AACF,KAAA,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAK;AAC3B,QAAA,MAAM,KAAK,GAAG,aAAa,EAAE;QAC7B,OAAO;AACJ,YAAA,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;YACvB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAClC,YAAA,MAAM,EAAE,CAAC,KAAa,KAAK,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK;SACpD;AACJ,IAAA,CAAC;AACD,IAAA,OAAO,gBAAgB;AAC1B"}
+{"version":3,"file":"createThemeSwitcher.mjs","sources":["../../src/theme/createThemeSwitcher.ts"],"sourcesContent":["import { createBucket, xv } from \"react-state-bucket\"\nimport { getTheme } from \"./core\"\nimport { BucketOptions } from \"react-state-bucket\"\n\nexport type ThemeSwitcherOption = {\n   store?: BucketOptions['store'],\n   onChange?: (theme: string) => void\n}\n\nconst createThemeSwitcher = (defaultTheme: string, option?: ThemeSwitcherOption) => {\n\n   const useThemeState = createBucket({ name: xv.string().default(defaultTheme) }, {\n      store: option?.store || \"memory\",\n      onChange: (_key, value) => {\n         option?.onChange && option?.onChange(value)\n      }\n   })\n\n   const useThemeSwitcher = () => {\n      const state = useThemeState()\n      return {\n         name: state.name,\n         theme: getTheme(state.name),\n         change: (theme: string) => state.name = theme\n      }\n   }\n   return useThemeSwitcher\n}\n\nexport default createThemeSwitcher"],"names":[],"mappings":"mFASA,MAAM,mBAAmB,GAAG,CAAC,YAAoB,EAAE,MAA4B,KAAI;AAEhF,IAAA,MAAM,aAAa,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE;QAC7E,KAAK,EAAE,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,QAAQ;AAChC,QAAA,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAI;AACvB,YAAA,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,MAAI,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;QAC9C;AACF,KAAA,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAK;AAC3B,QAAA,MAAM,KAAK,GAAG,aAAa,EAAE;QAC7B,OAAO;YACJ,IAAI,EAAE,KAAK,CAAC,IAAI;AAChB,YAAA,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC;YAC3B,MAAM,EAAE,CAAC,KAAa,KAAK,KAAK,CAAC,IAAI,GAAG;SAC1C;AACJ,IAAA,CAAC;AACD,IAAA,OAAO,gBAAgB;AAC1B"}

package/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/theme/index.tsx"],"sourcesContent":["import { createTheme } from \"./createTheme\"\r\nimport ThemeProvider from './ThemeProvider'\r\nimport createThemeSwitcher from './createThemeSwitcher'\r\nimport { getTheme, useTheme } from './core'\r\nexport type { ThemeProviderProps } from './ThemeProvider'\r\nexport type { ThemeSwitcherOption } from './createThemeSwitcher'\r\n\r\nexport const themeRootClass = (theme: string) => `.xui-${theme}-theme-root`\r\n\r\nexport {\r\n    ThemeProvider,\r\n    createThemeSwitcher,\r\n    createTheme,\r\n    getTheme,\r\n    useTheme\r\n}\r\n\r\n"],"names":[],"mappings":"iOAOO,MAAM,cAAc,GAAG,CAAC,KAAa,KAAK,CAAA,KAAA,EAAQ,KAAK,CAAA,WAAA"}
+{"version":3,"file":"index.js","sources":["../../src/theme/index.tsx"],"sourcesContent":["import { createTheme } from \"./createTheme\"\nimport ThemeProvider from './ThemeProvider'\nimport createThemeSwitcher from './createThemeSwitcher'\nimport { getTheme, useTheme } from './core'\nexport type { ThemeProviderProps } from './ThemeProvider'\nexport type { ThemeSwitcherOption } from './createThemeSwitcher'\n\nexport const themeRootClass = (theme: string) => `.xui-${theme}-theme-root`\n\nexport {\n    ThemeProvider,\n    createThemeSwitcher,\n    createTheme,\n    getTheme,\n    useTheme\n}\n\n"],"names":[],"mappings":"iOAOO,MAAM,cAAc,GAAG,CAAC,KAAa,KAAK,CAAA,KAAA,EAAQ,KAAK,CAAA,WAAA"}

package/theme/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/theme/index.tsx"],"sourcesContent":["import { createTheme } from \"./createTheme\"\r\nimport ThemeProvider from './ThemeProvider'\r\nimport createThemeSwitcher from './createThemeSwitcher'\r\nimport { getTheme, useTheme } from './core'\r\nexport type { ThemeProviderProps } from './ThemeProvider'\r\nexport type { ThemeSwitcherOption } from './createThemeSwitcher'\r\n\r\nexport const themeRootClass = (theme: string) => `.xui-${theme}-theme-root`\r\n\r\nexport {\r\n    ThemeProvider,\r\n    createThemeSwitcher,\r\n    createTheme,\r\n    getTheme,\r\n    useTheme\r\n}\r\n\r\n"],"names":[],"mappings":"yKAOO,MAAM,cAAc,GAAG,CAAC,KAAa,KAAK,CAAA,KAAA,EAAQ,KAAK,CAAA,WAAA"}
+{"version":3,"file":"index.mjs","sources":["../../src/theme/index.tsx"],"sourcesContent":["import { createTheme } from \"./createTheme\"\nimport ThemeProvider from './ThemeProvider'\nimport createThemeSwitcher from './createThemeSwitcher'\nimport { getTheme, useTheme } from './core'\nexport type { ThemeProviderProps } from './ThemeProvider'\nexport type { ThemeSwitcherOption } from './createThemeSwitcher'\n\nexport const themeRootClass = (theme: string) => `.xui-${theme}-theme-root`\n\nexport {\n    ThemeProvider,\n    createThemeSwitcher,\n    createTheme,\n    getTheme,\n    useTheme\n}\n\n"],"names":[],"mappings":"yKAOO,MAAM,cAAc,GAAG,CAAC,KAAa,KAAK,CAAA,KAAA,EAAQ,KAAK,CAAA,WAAA"}