@xanui/core 1.0.21 → 1.1.0

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 (199) hide show
  1. package/{cjs/ServerStyleTags.js → ServerStyleTags.cjs} +1 -1
  2. package/{cjs/ServerStyleTags.js.map → ServerStyleTags.cjs.map} +2 -2
  3. package/{ServerStyleTags.js → ServerStyleTags.mjs} +1 -1
  4. package/{ServerStyleTags.js.map → ServerStyleTags.mjs.map} +1 -1
  5. package/{cjs/Tag/cssPropList.js → Tag/cssPropList.cjs} +1 -1
  6. package/Tag/cssPropList.cjs.map +7 -0
  7. package/Tag/{cssPropList.js → cssPropList.mjs} +1 -1
  8. package/Tag/cssPropList.mjs.map +7 -0
  9. package/{cjs/Tag/index.js → Tag/index.cjs} +1 -1
  10. package/Tag/index.cjs.map +7 -0
  11. package/Tag/{index.js → index.mjs} +1 -1
  12. package/Tag/index.mjs.map +7 -0
  13. package/{cjs/Tag/types.js → Tag/types.cjs} +1 -1
  14. package/Tag/types.cjs.map +7 -0
  15. package/Tag/types.mjs +1 -0
  16. package/{cjs/Tag/useTagProps.js → Tag/useTagProps.cjs} +1 -1
  17. package/{cjs/Tag/useTagProps.js.map → Tag/useTagProps.cjs.map} +2 -2
  18. package/Tag/{useTagProps.js → useTagProps.mjs} +1 -1
  19. package/Tag/useTagProps.mjs.map +7 -0
  20. package/Transition/index.cjs +2 -0
  21. package/Transition/index.cjs.map +7 -0
  22. package/Transition/index.mjs +2 -0
  23. package/Transition/index.mjs.map +7 -0
  24. package/{cjs/Transition/variants.js → Transition/variants.cjs} +1 -1
  25. package/Transition/variants.cjs.map +7 -0
  26. package/Transition/{variants.js → variants.mjs} +1 -1
  27. package/Transition/variants.mjs.map +7 -0
  28. package/{cjs/breakpoint/index.js → breakpoint/index.cjs} +1 -1
  29. package/breakpoint/index.cjs.map +7 -0
  30. package/breakpoint/{index.js → index.mjs} +1 -1
  31. package/breakpoint/index.mjs.map +7 -0
  32. package/{cjs/breakpoint/useBreakpoint.js → breakpoint/useBreakpoint.cjs} +1 -1
  33. package/breakpoint/useBreakpoint.cjs.map +7 -0
  34. package/breakpoint/{useBreakpoint.js → useBreakpoint.mjs} +1 -1
  35. package/breakpoint/useBreakpoint.mjs.map +7 -0
  36. package/{cjs/breakpoint/useBreakpointProps.js → breakpoint/useBreakpointProps.cjs} +1 -1
  37. package/breakpoint/useBreakpointProps.cjs.map +7 -0
  38. package/breakpoint/{useBreakpointProps.js → useBreakpointProps.mjs} +1 -1
  39. package/breakpoint/useBreakpointProps.mjs.map +7 -0
  40. package/{cjs/css/aliases.js → css/aliases.cjs} +1 -1
  41. package/css/aliases.cjs.map +7 -0
  42. package/css/{aliases.js → aliases.mjs} +1 -1
  43. package/css/aliases.mjs.map +7 -0
  44. package/{cjs/css/getProps.js → css/getProps.cjs} +1 -1
  45. package/css/getProps.cjs.map +7 -0
  46. package/css/{getProps.js → getProps.mjs} +1 -1
  47. package/css/getProps.mjs.map +7 -0
  48. package/{cjs/css/getValue.js → css/getValue.cjs} +1 -1
  49. package/css/getValue.cjs.map +7 -0
  50. package/css/{getValue.js → getValue.mjs} +1 -1
  51. package/css/getValue.mjs.map +7 -0
  52. package/{cjs/css/index.js → css/index.cjs} +1 -1
  53. package/css/index.cjs.map +7 -0
  54. package/css/{index.js → index.mjs} +1 -1
  55. package/css/index.mjs.map +7 -0
  56. package/{cjs/css/types.js → css/types.cjs} +1 -1
  57. package/css/types.cjs.map +7 -0
  58. package/css/types.mjs +1 -0
  59. package/{cjs/index.js → index.cjs} +1 -1
  60. package/index.cjs.map +7 -0
  61. package/{index.js → index.mjs} +1 -1
  62. package/index.mjs.map +7 -0
  63. package/{cjs/isWindow.js → isWindow.cjs} +1 -1
  64. package/{cjs/isWindow.js.map → isWindow.cjs.map} +2 -2
  65. package/{isWindow.js → isWindow.mjs} +1 -1
  66. package/{isWindow.js.map → isWindow.mjs.map} +1 -1
  67. package/package.json +8 -25
  68. package/{cjs/theme/ThemeCssVars.js → theme/ThemeCssVars.cjs} +1 -1
  69. package/theme/ThemeCssVars.cjs.map +7 -0
  70. package/theme/{ThemeCssVars.js → ThemeCssVars.mjs} +1 -1
  71. package/theme/ThemeCssVars.mjs.map +7 -0
  72. package/{cjs/theme/ThemeDefaultOptions.js → theme/ThemeDefaultOptions.cjs} +1 -1
  73. package/theme/ThemeDefaultOptions.cjs.map +7 -0
  74. package/theme/{ThemeDefaultOptions.js → ThemeDefaultOptions.mjs} +1 -1
  75. package/theme/ThemeDefaultOptions.mjs.map +7 -0
  76. package/theme/ThemeProvider.cjs +2 -0
  77. package/theme/ThemeProvider.cjs.map +7 -0
  78. package/theme/ThemeProvider.mjs +2 -0
  79. package/theme/ThemeProvider.mjs.map +7 -0
  80. package/{cjs/theme/core.js → theme/core.cjs} +1 -1
  81. package/theme/core.cjs.map +7 -0
  82. package/theme/{core.js → core.mjs} +1 -1
  83. package/theme/core.mjs.map +7 -0
  84. package/{cjs/theme/createColor.js → theme/createColor.cjs} +1 -1
  85. package/theme/createColor.cjs.map +7 -0
  86. package/theme/{createColor.js → createColor.mjs} +1 -1
  87. package/theme/createColor.mjs.map +7 -0
  88. package/{cjs/theme/createTheme.js → theme/createTheme.cjs} +1 -1
  89. package/theme/createTheme.cjs.map +7 -0
  90. package/theme/{createTheme.js → createTheme.mjs} +1 -1
  91. package/theme/createTheme.mjs.map +7 -0
  92. package/{cjs/theme/createThemeSwitcher.js → theme/createThemeSwitcher.cjs} +1 -1
  93. package/{cjs/theme/createThemeSwitcher.js.map → theme/createThemeSwitcher.cjs.map} +2 -2
  94. package/theme/{createThemeSwitcher.js → createThemeSwitcher.mjs} +1 -1
  95. package/theme/{createThemeSwitcher.js.map → createThemeSwitcher.mjs.map} +1 -1
  96. package/{cjs/theme/index.js → theme/index.cjs} +1 -1
  97. package/theme/index.cjs.map +7 -0
  98. package/theme/{index.js → index.mjs} +1 -1
  99. package/theme/index.mjs.map +7 -0
  100. package/{cjs/theme/types.js → theme/types.cjs} +1 -1
  101. package/theme/types.cjs.map +7 -0
  102. package/theme/types.mjs +1 -0
  103. package/{cjs/useAnimation.js → useAnimation.cjs} +1 -1
  104. package/useAnimation.cjs.map +7 -0
  105. package/{useAnimation.js → useAnimation.mjs} +1 -1
  106. package/useAnimation.mjs.map +7 -0
  107. package/{cjs/useColorTemplate.js → useColorTemplate.cjs} +1 -1
  108. package/useColorTemplate.cjs.map +7 -0
  109. package/{useColorTemplate.js → useColorTemplate.mjs} +1 -1
  110. package/useColorTemplate.mjs.map +7 -0
  111. package/{cjs/useInterface.js → useInterface.cjs} +1 -1
  112. package/{cjs/useInterface.js.map → useInterface.cjs.map} +2 -2
  113. package/{useInterface.js → useInterface.mjs} +1 -1
  114. package/{useInterface.js.map → useInterface.mjs.map} +1 -1
  115. package/Tag/cssPropList.js.map +0 -7
  116. package/Tag/index.js.map +0 -7
  117. package/Tag/types.js +0 -1
  118. package/Tag/useTagProps.js.map +0 -7
  119. package/Transition/index.js +0 -2
  120. package/Transition/index.js.map +0 -7
  121. package/Transition/variants.js.map +0 -7
  122. package/breakpoint/index.js.map +0 -7
  123. package/breakpoint/useBreakpoint.js.map +0 -7
  124. package/breakpoint/useBreakpointProps.js.map +0 -7
  125. package/cjs/Tag/cssPropList.js.map +0 -7
  126. package/cjs/Tag/index.js.map +0 -7
  127. package/cjs/Tag/types.js.map +0 -7
  128. package/cjs/Transition/index.js +0 -2
  129. package/cjs/Transition/index.js.map +0 -7
  130. package/cjs/Transition/variants.js.map +0 -7
  131. package/cjs/breakpoint/index.js.map +0 -7
  132. package/cjs/breakpoint/useBreakpoint.js.map +0 -7
  133. package/cjs/breakpoint/useBreakpointProps.js.map +0 -7
  134. package/cjs/css/aliases.js.map +0 -7
  135. package/cjs/css/getProps.js.map +0 -7
  136. package/cjs/css/getValue.js.map +0 -7
  137. package/cjs/css/index.js.map +0 -7
  138. package/cjs/css/types.js.map +0 -7
  139. package/cjs/index.js.map +0 -7
  140. package/cjs/theme/ThemeCssVars.js.map +0 -7
  141. package/cjs/theme/ThemeDefaultOptions.js.map +0 -7
  142. package/cjs/theme/ThemeProvider.js +0 -2
  143. package/cjs/theme/ThemeProvider.js.map +0 -7
  144. package/cjs/theme/core.js.map +0 -7
  145. package/cjs/theme/createColor.js.map +0 -7
  146. package/cjs/theme/createTheme.js.map +0 -7
  147. package/cjs/theme/index.js.map +0 -7
  148. package/cjs/theme/types.js.map +0 -7
  149. package/cjs/useAnimation.js.map +0 -7
  150. package/cjs/useColorTemplate.js.map +0 -7
  151. package/css/aliases.js.map +0 -7
  152. package/css/getProps.js.map +0 -7
  153. package/css/getValue.js.map +0 -7
  154. package/css/index.js.map +0 -7
  155. package/css/types.js +0 -1
  156. package/index.js.map +0 -7
  157. package/theme/ThemeCssVars.js.map +0 -7
  158. package/theme/ThemeDefaultOptions.js.map +0 -7
  159. package/theme/ThemeProvider.js +0 -2
  160. package/theme/ThemeProvider.js.map +0 -7
  161. package/theme/core.js.map +0 -7
  162. package/theme/createColor.js.map +0 -7
  163. package/theme/createTheme.js.map +0 -7
  164. package/theme/index.js.map +0 -7
  165. package/theme/types.js +0 -1
  166. package/useAnimation.js.map +0 -7
  167. package/useColorTemplate.js.map +0 -7
  168. /package/{types/ServerStyleTags.d.ts → ServerStyleTags.d.ts} +0 -0
  169. /package/{types/Tag → Tag}/cssPropList.d.ts +0 -0
  170. /package/{types/Tag → Tag}/index.d.ts +0 -0
  171. /package/{types/Tag → Tag}/types.d.ts +0 -0
  172. /package/Tag/{types.js.map → types.mjs.map} +0 -0
  173. /package/{types/Tag → Tag}/useTagProps.d.ts +0 -0
  174. /package/{types/Transition → Transition}/index.d.ts +0 -0
  175. /package/{types/Transition → Transition}/variants.d.ts +0 -0
  176. /package/{types/breakpoint → breakpoint}/index.d.ts +0 -0
  177. /package/{types/breakpoint → breakpoint}/useBreakpoint.d.ts +0 -0
  178. /package/{types/breakpoint → breakpoint}/useBreakpointProps.d.ts +0 -0
  179. /package/{types/css → css}/aliases.d.ts +0 -0
  180. /package/{types/css → css}/getProps.d.ts +0 -0
  181. /package/{types/css → css}/getValue.d.ts +0 -0
  182. /package/{types/css → css}/index.d.ts +0 -0
  183. /package/{types/css → css}/types.d.ts +0 -0
  184. /package/css/{types.js.map → types.mjs.map} +0 -0
  185. /package/{types/index.d.ts → index.d.ts} +0 -0
  186. /package/{types/isWindow.d.ts → isWindow.d.ts} +0 -0
  187. /package/{types/theme → theme}/ThemeCssVars.d.ts +0 -0
  188. /package/{types/theme → theme}/ThemeDefaultOptions.d.ts +0 -0
  189. /package/{types/theme → theme}/ThemeProvider.d.ts +0 -0
  190. /package/{types/theme → theme}/core.d.ts +0 -0
  191. /package/{types/theme → theme}/createColor.d.ts +0 -0
  192. /package/{types/theme → theme}/createTheme.d.ts +0 -0
  193. /package/{types/theme → theme}/createThemeSwitcher.d.ts +0 -0
  194. /package/{types/theme → theme}/index.d.ts +0 -0
  195. /package/{types/theme → theme}/types.d.ts +0 -0
  196. /package/theme/{types.js.map → types.mjs.map} +0 -0
  197. /package/{types/useAnimation.d.ts → useAnimation.d.ts} +0 -0
  198. /package/{types/useColorTemplate.d.ts → useColorTemplate.d.ts} +0 -0
  199. /package/{types/useInterface.d.ts → useInterface.d.ts} +0 -0
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/theme/createTheme.ts"],
4
- "sourcesContent": ["import { ThemeOptions, ThemeOptionInput } from \"./types\"\r\nimport defaultThemeOption, { darkColorPallete } from './ThemeDefaultOptions'\r\nimport { mergeObject, ThemeFactory } from \"./core\"\r\nimport createColor from \"./createColor\"\r\nimport { breakpoints } from \"../css\"\r\n\r\nexport const createTheme = (name: string, options: ThemeOptionInput, darkMode?: boolean): ThemeOptions => {\r\n if (!ThemeFactory.has(name)) {\r\n let theme: any = mergeObject(defaultThemeOption, {\r\n ...(darkMode ? darkColorPallete : {}),\r\n ...options,\r\n name,\r\n breakpoints: breakpoints\r\n })\r\n\r\n theme = mergeObject(theme, {\r\n colors: {\r\n background: createColor(theme, \"background\"),\r\n brand: createColor(theme, \"brand\"),\r\n accent: createColor(theme, \"accent\"),\r\n info: createColor(theme, \"info\"),\r\n success: createColor(theme, \"success\"),\r\n warning: createColor(theme, \"warning\"),\r\n danger: createColor(theme, \"danger\")\r\n }\r\n })\r\n ThemeFactory.set(name, theme)\r\n } else {\r\n throw new Error(`theme \"${name}\" already exists!`);\r\n }\r\n\r\n return ThemeFactory.get(name) as ThemeOptions\r\n}\r\n"],
5
- "mappings": "AACA,OAAOA,GAAsB,oBAAAC,MAAwB,wBACrD,OAAS,eAAAC,EAAa,gBAAAC,MAAoB,SAC1C,OAAOC,MAAiB,gBACxB,OAAS,eAAAC,MAAmB,SAErB,MAAMC,EAAc,CAACC,EAAcC,EAA2BC,IAAqC,CACvG,GAAKN,EAAa,IAAII,CAAI,EAqBvB,MAAM,IAAI,MAAM,UAAUA,CAAI,mBAAmB,EArBvB,CAC1B,IAAIG,EAAaR,EAAYF,EAAoB,CAC9C,GAAIS,EAAWR,EAAmB,CAAC,EACnC,GAAGO,EACH,KAAAD,EACA,YAAaF,CAChB,CAAC,EAEDK,EAAQR,EAAYQ,EAAO,CACxB,OAAQ,CACL,WAAYN,EAAYM,EAAO,YAAY,EAC3C,MAAON,EAAYM,EAAO,OAAO,EACjC,OAAQN,EAAYM,EAAO,QAAQ,EACnC,KAAMN,EAAYM,EAAO,MAAM,EAC/B,QAASN,EAAYM,EAAO,SAAS,EACrC,QAASN,EAAYM,EAAO,SAAS,EACrC,OAAQN,EAAYM,EAAO,QAAQ,CACtC,CACH,CAAC,EACDP,EAAa,IAAII,EAAMG,CAAK,CAC/B,CAIA,OAAOP,EAAa,IAAII,CAAI,CAC/B",
6
- "names": ["defaultThemeOption", "darkColorPallete", "mergeObject", "ThemeFactory", "createColor", "breakpoints", "createTheme", "name", "options", "darkMode", "theme"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/theme/index.tsx"],
4
- "sourcesContent": ["import { lightColorPallete, darkColorPallete } from './ThemeDefaultOptions'\r\nimport { 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\n\r\nexport {\r\n ThemeProvider,\r\n createThemeSwitcher,\r\n getTheme,\r\n useTheme\r\n}\r\n\r\ncreateTheme(\"light\", { colors: lightColorPallete })\r\ncreateTheme(\"dark\", { colors: darkColorPallete })\r\n\r\n"],
5
- "mappings": "AAAA,OAAS,qBAAAA,EAAmB,oBAAAC,MAAwB,wBACpD,OAAS,eAAAC,MAAmB,gBAC5B,OAAOC,MAAmB,kBAC1B,OAAOC,MAAyB,wBAChC,OAAS,YAAAC,EAAU,YAAAC,MAAgB,SAUnCJ,EAAY,QAAS,CAAE,OAAQF,CAAkB,CAAC,EAClDE,EAAY,OAAQ,CAAE,OAAQD,CAAiB,CAAC",
6
- "names": ["lightColorPallete", "darkColorPallete", "createTheme", "ThemeProvider", "createThemeSwitcher", "getTheme", "useTheme"]
7
- }
package/theme/types.js DELETED
@@ -1 +0,0 @@
1
- //# sourceMappingURL=types.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/useAnimation.ts"],
4
- "sourcesContent": ["import { css } from './css'\r\nimport { useId } from 'react'\r\nimport { CSSProps } from './css/types'\r\n\r\nexport const animationEases = {\r\n easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\r\n easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\r\n easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\r\n sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\",\r\n linear: \"cubic-bezier(0, 0, 1, 1)\",\r\n easeBounceOut: \"cubic-bezier(0.68, -0.55, 0.265, 1.55)\"\r\n}\r\n\r\nexport interface UseAnimationProps {\r\n delay?: number;\r\n duration?: number;\r\n from: CSSProps;\r\n to: CSSProps;\r\n ease?: keyof typeof animationEases;\r\n}\r\n\r\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\r\n let _delay = delay || 0;\r\n let _duration = duration || 600;\r\n let _ease = ease || \"easeBounceOut\"\r\n const id = \"anim\" + useId().replace(/:/g, \"\")\r\n const anim = css({\r\n animationName: id,\r\n animationDelay: _delay + \"ms\",\r\n animationDuration: _duration + \"ms\",\r\n animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,\r\n [`@keyframes ${id}`]: {\r\n from: from as any,\r\n to: to as any\r\n }\r\n })\r\n return anim.classname\r\n}\r\n\r\nexport default useAnimation"],
5
- "mappings": "AAAA,OAAS,OAAAA,MAAW,QACpB,OAAS,SAAAC,MAAa,QAGf,MAAMC,EAAiB,CAC1B,UAAW,+BACX,QAAS,+BACT,OAAQ,6BACR,MAAO,+BACP,OAAQ,2BACR,cAAe,wCACnB,EAUMC,EAAe,CAAC,CAAE,KAAAC,EAAM,GAAAC,EAAI,MAAAC,EAAO,KAAAC,EAAM,SAAAC,CAAS,IAAyB,CAC7E,IAAIC,EAASH,GAAS,EAClBI,EAAYF,GAAY,IACxBG,EAAQJ,GAAQ,gBACpB,MAAMK,EAAK,OAASX,EAAM,EAAE,QAAQ,KAAM,EAAE,EAW5C,OAVaD,EAAI,CACb,cAAeY,EACf,eAAgBH,EAAS,KACzB,kBAAmBC,EAAY,KAC/B,wBAAyBR,EAAeS,CAAK,GAAKT,EAAe,cACjE,CAAC,cAAcU,CAAE,EAAE,EAAG,CAClB,KAAMR,EACN,GAAIC,CACR,CACJ,CAAC,EACW,SAChB,EAEA,IAAOQ,EAAQV",
6
- "names": ["css", "useId", "animationEases", "useAnimation", "from", "to", "delay", "ease", "duration", "_delay", "_duration", "_ease", "id", "useAnimation_default"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/useColorTemplate.ts"],
4
- "sourcesContent": ["import { useTheme } from \"./theme\"\r\nexport type ColorTemplateColors = \"default\" | \"brand\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"danger\"\r\nexport type ColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\r\n\r\nconst useColorTemplate = (color: ColorTemplateColors, type: ColorTemplateType) => {\r\n const theme: any = useTheme()\r\n let _color = color === 'default' ? \"background\" : color as any\r\n return theme.colors[_color]?.template[type]\r\n}\r\n\r\nexport default useColorTemplate"],
5
- "mappings": "AAAA,OAAS,YAAAA,MAAgB,UAIzB,MAAMC,EAAmB,CAACC,EAA4BC,IAA4B,CAC9E,MAAMC,EAAaJ,EAAS,EAC5B,IAAIK,EAASH,IAAU,UAAY,aAAeA,EAClD,OAAOE,EAAM,OAAOC,CAAM,GAAG,SAASF,CAAI,CAC9C,EAEA,IAAOG,EAAQL",
6
- "names": ["useTheme", "useColorTemplate", "color", "type", "theme", "_color", "useColorTemplate_default"]
7
- }
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes