@xanui/core 1.2.31 → 1.2.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (115) hide show
  1. package/AppRoot/Renderar.js +11 -2
  2. package/AppRoot/Renderar.js.map +1 -1
  3. package/AppRoot/Renderar.mjs +8 -2
  4. package/AppRoot/Renderar.mjs.map +1 -1
  5. package/AppRoot/index.js +22 -3
  6. package/AppRoot/index.js.map +1 -1
  7. package/AppRoot/index.mjs +16 -2
  8. package/AppRoot/index.mjs.map +1 -1
  9. package/Tag/ServerStyleTag.js +9 -2
  10. package/Tag/ServerStyleTag.js.map +1 -1
  11. package/Tag/ServerStyleTag.mjs +7 -2
  12. package/Tag/ServerStyleTag.mjs.map +1 -1
  13. package/Tag/cssPropList.js +7 -2
  14. package/Tag/cssPropList.js.map +1 -1
  15. package/Tag/cssPropList.mjs +4 -1
  16. package/Tag/cssPropList.mjs.map +1 -1
  17. package/Tag/index.js +34 -4
  18. package/Tag/index.js.map +1 -1
  19. package/Tag/index.mjs +11 -2
  20. package/Tag/index.mjs.map +1 -1
  21. package/Tag/useTagProps.js +13 -3
  22. package/Tag/useTagProps.js.map +1 -1
  23. package/Tag/useTagProps.mjs +10 -2
  24. package/Tag/useTagProps.mjs.map +1 -1
  25. package/Transition/index.js +13 -3
  26. package/Transition/index.js.map +1 -1
  27. package/Transition/index.mjs +10 -2
  28. package/Transition/index.mjs.map +1 -1
  29. package/breakpoint/BreakpointProvider.js +12 -2
  30. package/breakpoint/BreakpointProvider.js.map +1 -1
  31. package/breakpoint/BreakpointProvider.mjs +9 -2
  32. package/breakpoint/BreakpointProvider.mjs.map +1 -1
  33. package/breakpoint/useBreakpoint.js +11 -2
  34. package/breakpoint/useBreakpoint.js.map +1 -1
  35. package/breakpoint/useBreakpoint.mjs +9 -2
  36. package/breakpoint/useBreakpoint.mjs.map +1 -1
  37. package/breakpoint/useBreakpointProps.js +11 -3
  38. package/breakpoint/useBreakpointProps.js.map +1 -1
  39. package/breakpoint/useBreakpointProps.mjs +8 -2
  40. package/breakpoint/useBreakpointProps.mjs.map +1 -1
  41. package/css/aliases.js +7 -2
  42. package/css/aliases.js.map +1 -1
  43. package/css/aliases.mjs +4 -1
  44. package/css/aliases.mjs.map +1 -1
  45. package/css/getProps.js +7 -2
  46. package/css/getProps.js.map +1 -1
  47. package/css/getProps.mjs +4 -1
  48. package/css/getProps.mjs.map +1 -1
  49. package/css/getValue.js +7 -2
  50. package/css/getValue.js.map +1 -1
  51. package/css/getValue.mjs +4 -1
  52. package/css/getValue.mjs.map +1 -1
  53. package/css/index.js +21 -5
  54. package/css/index.js.map +1 -1
  55. package/css/index.mjs +10 -2
  56. package/css/index.mjs.map +1 -1
  57. package/hooks/useAnimation.js +13 -9
  58. package/hooks/useAnimation.js.map +1 -1
  59. package/hooks/useAnimation.mjs +8 -9
  60. package/hooks/useAnimation.mjs.map +1 -1
  61. package/hooks/useColorTemplate.js +8 -2
  62. package/hooks/useColorTemplate.js.map +1 -1
  63. package/hooks/useColorTemplate.mjs +5 -1
  64. package/hooks/useColorTemplate.mjs.map +1 -1
  65. package/hooks/useInterface.js +13 -2
  66. package/hooks/useInterface.js.map +1 -1
  67. package/hooks/useInterface.mjs +11 -2
  68. package/hooks/useInterface.mjs.map +1 -1
  69. package/hooks/usePortal.js +22 -3
  70. package/hooks/usePortal.js.map +1 -1
  71. package/hooks/usePortal.mjs +16 -2
  72. package/hooks/usePortal.mjs.map +1 -1
  73. package/hooks/useTransition/index.js +15 -2
  74. package/hooks/useTransition/index.js.map +1 -1
  75. package/hooks/useTransition/index.mjs +13 -2
  76. package/hooks/useTransition/index.mjs.map +1 -1
  77. package/hooks/useTransition/variants.js +20 -2
  78. package/hooks/useTransition/variants.js.map +1 -1
  79. package/hooks/useTransition/variants.mjs +4 -1
  80. package/hooks/useTransition/variants.mjs.map +1 -1
  81. package/index.js +53 -1
  82. package/index.js.map +1 -1
  83. package/index.mjs +21 -1
  84. package/index.mjs.map +1 -1
  85. package/package.json +2 -8
  86. package/readme.md +109 -109
  87. package/theme/ThemeCssVars.js +7 -2
  88. package/theme/ThemeCssVars.js.map +1 -1
  89. package/theme/ThemeCssVars.mjs +4 -1
  90. package/theme/ThemeCssVars.mjs.map +1 -1
  91. package/theme/ThemeDefaultOptions.js +13 -2
  92. package/theme/ThemeDefaultOptions.js.map +1 -1
  93. package/theme/ThemeDefaultOptions.mjs +7 -2
  94. package/theme/ThemeDefaultOptions.mjs.map +1 -1
  95. package/theme/ThemeProvider.js +39 -4
  96. package/theme/ThemeProvider.js.map +1 -1
  97. package/theme/ThemeProvider.mjs +16 -2
  98. package/theme/ThemeProvider.mjs.map +1 -1
  99. package/theme/core.js +13 -2
  100. package/theme/core.js.map +1 -1
  101. package/theme/core.mjs +7 -2
  102. package/theme/core.mjs.map +1 -1
  103. package/theme/createTheme.js +11 -2
  104. package/theme/createTheme.js.map +1 -1
  105. package/theme/createTheme.mjs +9 -2
  106. package/theme/createTheme.mjs.map +1 -1
  107. package/theme/createThemeSwitcher.d.ts +1 -1
  108. package/theme/createThemeSwitcher.js +11 -2
  109. package/theme/createThemeSwitcher.js.map +1 -1
  110. package/theme/createThemeSwitcher.mjs +9 -2
  111. package/theme/createThemeSwitcher.mjs.map +1 -1
  112. package/theme/index.js +15 -1
  113. package/theme/index.js.map +1 -1
  114. package/theme/index.mjs +10 -1
  115. package/theme/index.mjs.map +1 -1
@@ -1,4 +1,8 @@
1
- import {createBucket,xv}from'react-state-bucket';import {getTheme}from'./core.mjs';const createThemeSwitcher = (defaultTheme, option) => {
1
+ "use client";
2
+ import { createBucket, xv } from 'react-state-bucket';
3
+ import { getTheme } from './core.mjs';
4
+
5
+ const createThemeSwitcher = (defaultTheme, option) => {
2
6
  const useThemeBucket = createBucket({ name: xv.string().default(defaultTheme) }, {
3
7
  store: (option === null || option === void 0 ? void 0 : option.store) || "memory",
4
8
  onChange: (_key, value) => {
@@ -14,4 +18,7 @@ import {createBucket,xv}from'react-state-bucket';import {getTheme}from'./core.mj
14
18
  };
15
19
  };
16
20
  return useThemeSwitcher;
17
- };export{createThemeSwitcher as default};//# sourceMappingURL=createThemeSwitcher.mjs.map
21
+ };
22
+
23
+ export { createThemeSwitcher as default };
24
+ //# sourceMappingURL=createThemeSwitcher.mjs.map
@@ -1 +1 @@
1
- {"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 useThemeBucket = 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 bucket = useThemeBucket()\n return {\n name: bucket.state.name,\n theme: getTheme(bucket.state.name),\n change: (theme: string) => bucket.set('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,cAAc,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE;QAC9E,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,MAAM,GAAG,cAAc,EAAE;QAC/B,OAAO;AACJ,YAAA,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI;YACvB,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;AAClC,YAAA,MAAM,EAAE,CAAC,KAAa,KAAK,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK;SACrD;AACJ,IAAA,CAAC;AACD,IAAA,OAAO,gBAAgB;AAC1B"}
1
+ {"version":3,"file":"createThemeSwitcher.mjs","sources":["../../src/theme/createThemeSwitcher.ts"],"sourcesContent":["\"use client\";\r\nimport { createBucket, xv } from \"react-state-bucket\"\r\nimport { getTheme } from \"./core\"\r\nimport { BucketOptions } from \"react-state-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 useThemeBucket = 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 bucket = useThemeBucket()\r\n return {\r\n name: bucket.state.name,\r\n theme: getTheme(bucket.state.name),\r\n change: (theme: string) => bucket.set('name', theme)\r\n }\r\n }\r\n return useThemeSwitcher\r\n}\r\n\r\nexport default createThemeSwitcher"],"names":[],"mappings":";;;;AAUA;AAEG;;AAEG;AACG;;AAEL;;AAGE;;AAEG;;AAEA;;AAEN;AACA;AACH;;"}
package/theme/index.js CHANGED
@@ -1 +1,15 @@
1
- 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var core=require('./core.js');require('../css/getValue.js'),require('oncss');var ThemeProvider=require('./ThemeProvider.js');require('react-state-bucket');const themeRootClass = (theme) => `.xui-${theme}-theme-root`;exports.getTheme=core.getTheme;exports.useTheme=core.useTheme;exports.ThemeProvider=ThemeProvider.default;exports.themeRootClass=themeRootClass;//# sourceMappingURL=index.js.map
1
+ 'use strict';
2
+
3
+ var core = require('./core.js');
4
+ require('../css/getValue.js');
5
+ require('oncss');
6
+ var ThemeProvider = require('./ThemeProvider.js');
7
+ require('react-state-bucket');
8
+
9
+ const themeRootClass = (theme) => `.xui-${theme}-theme-root`;
10
+
11
+ exports.getTheme = core.getTheme;
12
+ exports.useTheme = core.useTheme;
13
+ exports.ThemeProvider = ThemeProvider;
14
+ exports.themeRootClass = themeRootClass;
15
+ //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"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"}
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":";;;;;;;;AAOO,MAAM,cAAc,GAAG,CAAC,KAAa,KAAK,CAAA,KAAA,EAAQ,KAAK,CAAA,WAAA;;;;;;;"}
package/theme/index.mjs CHANGED
@@ -1 +1,10 @@
1
- export{getTheme,useTheme}from'./core.mjs';import'../css/getValue.mjs';import'oncss';export{default as ThemeProvider}from'./ThemeProvider.mjs';import'react-state-bucket';const themeRootClass = (theme) => `.xui-${theme}-theme-root`;export{themeRootClass};//# sourceMappingURL=index.mjs.map
1
+ export { getTheme, useTheme } from './core.mjs';
2
+ import '../css/getValue.mjs';
3
+ import 'oncss';
4
+ export { default as ThemeProvider } from './ThemeProvider.mjs';
5
+ import 'react-state-bucket';
6
+
7
+ const themeRootClass = (theme) => `.xui-${theme}-theme-root`;
8
+
9
+ export { themeRootClass };
10
+ //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"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"}
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":";;;;;;AAOO,MAAM,cAAc,GAAG,CAAC,KAAa,KAAK,CAAA,KAAA,EAAQ,KAAK,CAAA,WAAA;;;;"}