@xanui/core 1.1.3 → 1.1.5

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 (200) hide show
  1. package/ServerStyleTags.js +3 -2
  2. package/ServerStyleTags.js.map +1 -7
  3. package/ServerStyleTags.mjs +3 -0
  4. package/ServerStyleTags.mjs.map +1 -0
  5. package/Tag/cssPropList.js +186 -2
  6. package/Tag/cssPropList.js.map +1 -7
  7. package/Tag/cssPropList.mjs +186 -0
  8. package/Tag/cssPropList.mjs.map +1 -0
  9. package/Tag/index.js +6 -2
  10. package/Tag/index.js.map +1 -7
  11. package/Tag/index.mjs +6 -0
  12. package/Tag/index.mjs.map +1 -0
  13. package/Tag/useTagProps.js +21 -2
  14. package/Tag/useTagProps.js.map +1 -7
  15. package/Tag/useTagProps.mjs +21 -0
  16. package/Tag/useTagProps.mjs.map +1 -0
  17. package/Transition/index.js +93 -2
  18. package/Transition/index.js.map +1 -7
  19. package/Transition/index.mjs +93 -0
  20. package/Transition/index.mjs.map +1 -0
  21. package/Transition/variants.js +158 -2
  22. package/Transition/variants.js.map +1 -7
  23. package/Transition/variants.mjs +158 -0
  24. package/Transition/variants.mjs.map +1 -0
  25. package/breakpoint/BreakpointProvider.js +43 -0
  26. package/breakpoint/BreakpointProvider.js.map +1 -0
  27. package/breakpoint/BreakpointProvider.mjs +43 -0
  28. package/breakpoint/BreakpointProvider.mjs.map +1 -0
  29. package/breakpoint/useBreakpoint.js +23 -2
  30. package/breakpoint/useBreakpoint.js.map +1 -7
  31. package/breakpoint/useBreakpoint.mjs +23 -0
  32. package/breakpoint/useBreakpoint.mjs.map +1 -0
  33. package/breakpoint/useBreakpointProps.js +42 -2
  34. package/breakpoint/useBreakpointProps.js.map +1 -7
  35. package/breakpoint/useBreakpointProps.mjs +42 -0
  36. package/breakpoint/useBreakpointProps.mjs.map +1 -0
  37. package/css/aliases.js +29 -2
  38. package/css/aliases.js.map +1 -7
  39. package/css/aliases.mjs +29 -0
  40. package/css/aliases.mjs.map +1 -0
  41. package/css/getProps.js +32 -2
  42. package/css/getProps.js.map +1 -7
  43. package/css/getProps.mjs +32 -0
  44. package/css/getProps.mjs.map +1 -0
  45. package/css/getValue.js +92 -2
  46. package/css/getValue.js.map +1 -7
  47. package/css/getValue.mjs +92 -0
  48. package/css/getValue.mjs.map +1 -0
  49. package/css/index.js +55 -2
  50. package/css/index.js.map +1 -7
  51. package/css/index.mjs +55 -0
  52. package/css/index.mjs.map +1 -0
  53. package/index.d.ts +629 -21
  54. package/index.js +1 -2
  55. package/index.js.map +1 -7
  56. package/index.mjs +1 -0
  57. package/index.mjs.map +1 -0
  58. package/isWindow.js +1 -2
  59. package/isWindow.js.map +1 -7
  60. package/isWindow.mjs +1 -0
  61. package/isWindow.mjs.map +1 -0
  62. package/package.json +29 -24
  63. package/theme/ThemeCssVars.js +5 -2
  64. package/theme/ThemeCssVars.js.map +1 -7
  65. package/theme/ThemeCssVars.mjs +5 -0
  66. package/theme/ThemeCssVars.mjs.map +1 -0
  67. package/theme/ThemeDefaultOptions.js +131 -2
  68. package/theme/ThemeDefaultOptions.js.map +1 -7
  69. package/theme/ThemeDefaultOptions.mjs +131 -0
  70. package/theme/ThemeDefaultOptions.mjs.map +1 -0
  71. package/theme/ThemeProvider.js +88 -2
  72. package/theme/ThemeProvider.js.map +1 -7
  73. package/theme/ThemeProvider.mjs +88 -0
  74. package/theme/ThemeProvider.mjs.map +1 -0
  75. package/theme/core.js +18 -2
  76. package/theme/core.js.map +1 -7
  77. package/theme/core.mjs +18 -0
  78. package/theme/core.mjs.map +1 -0
  79. package/theme/createColor.js +46 -2
  80. package/theme/createColor.js.map +1 -7
  81. package/theme/createColor.mjs +46 -0
  82. package/theme/createColor.mjs.map +1 -0
  83. package/theme/createTheme.js +21 -2
  84. package/theme/createTheme.js.map +1 -7
  85. package/theme/createTheme.mjs +21 -0
  86. package/theme/createTheme.mjs.map +1 -0
  87. package/theme/createThemeSwitcher.js +12 -2
  88. package/theme/createThemeSwitcher.js.map +1 -7
  89. package/theme/createThemeSwitcher.mjs +12 -0
  90. package/theme/createThemeSwitcher.mjs.map +1 -0
  91. package/theme/index.js +2 -2
  92. package/theme/index.js.map +1 -7
  93. package/theme/index.mjs +2 -0
  94. package/theme/index.mjs.map +1 -0
  95. package/useAnimation.js +25 -2
  96. package/useAnimation.js.map +1 -7
  97. package/useAnimation.mjs +25 -0
  98. package/useAnimation.mjs.map +1 -0
  99. package/useColorTemplate.js +6 -2
  100. package/useColorTemplate.js.map +1 -7
  101. package/useColorTemplate.mjs +6 -0
  102. package/useColorTemplate.mjs.map +1 -0
  103. package/useInterface.js +8 -2
  104. package/useInterface.js.map +1 -7
  105. package/useInterface.mjs +8 -0
  106. package/useInterface.mjs.map +1 -0
  107. package/ServerStyleTags.d.ts +0 -3
  108. package/Tag/cssPropList.d.ts +0 -2
  109. package/Tag/index.d.ts +0 -4
  110. package/Tag/types.d.ts +0 -179
  111. package/Tag/types.js +0 -1
  112. package/Tag/types.js.map +0 -7
  113. package/Tag/useTagProps.d.ts +0 -3
  114. package/Transition/index.d.ts +0 -31
  115. package/Transition/variants.d.ts +0 -131
  116. package/breakpoint/index.d.ts +0 -6
  117. package/breakpoint/index.js +0 -2
  118. package/breakpoint/index.js.map +0 -7
  119. package/breakpoint/useBreakpoint.d.ts +0 -10
  120. package/breakpoint/useBreakpointProps.d.ts +0 -6
  121. package/cjs/ServerStyleTags.js +0 -2
  122. package/cjs/ServerStyleTags.js.map +0 -7
  123. package/cjs/Tag/cssPropList.js +0 -2
  124. package/cjs/Tag/cssPropList.js.map +0 -7
  125. package/cjs/Tag/index.js +0 -2
  126. package/cjs/Tag/index.js.map +0 -7
  127. package/cjs/Tag/types.js +0 -2
  128. package/cjs/Tag/types.js.map +0 -7
  129. package/cjs/Tag/useTagProps.js +0 -2
  130. package/cjs/Tag/useTagProps.js.map +0 -7
  131. package/cjs/Transition/index.js +0 -2
  132. package/cjs/Transition/index.js.map +0 -7
  133. package/cjs/Transition/variants.js +0 -2
  134. package/cjs/Transition/variants.js.map +0 -7
  135. package/cjs/breakpoint/index.js +0 -2
  136. package/cjs/breakpoint/index.js.map +0 -7
  137. package/cjs/breakpoint/useBreakpoint.js +0 -2
  138. package/cjs/breakpoint/useBreakpoint.js.map +0 -7
  139. package/cjs/breakpoint/useBreakpointProps.js +0 -2
  140. package/cjs/breakpoint/useBreakpointProps.js.map +0 -7
  141. package/cjs/css/aliases.js +0 -2
  142. package/cjs/css/aliases.js.map +0 -7
  143. package/cjs/css/getProps.js +0 -2
  144. package/cjs/css/getProps.js.map +0 -7
  145. package/cjs/css/getValue.js +0 -2
  146. package/cjs/css/getValue.js.map +0 -7
  147. package/cjs/css/index.js +0 -2
  148. package/cjs/css/index.js.map +0 -7
  149. package/cjs/css/types.js +0 -2
  150. package/cjs/css/types.js.map +0 -7
  151. package/cjs/index.js +0 -2
  152. package/cjs/index.js.map +0 -7
  153. package/cjs/isWindow.js +0 -2
  154. package/cjs/isWindow.js.map +0 -7
  155. package/cjs/theme/ThemeCssVars.js +0 -2
  156. package/cjs/theme/ThemeCssVars.js.map +0 -7
  157. package/cjs/theme/ThemeDefaultOptions.js +0 -2
  158. package/cjs/theme/ThemeDefaultOptions.js.map +0 -7
  159. package/cjs/theme/ThemeProvider.js +0 -2
  160. package/cjs/theme/ThemeProvider.js.map +0 -7
  161. package/cjs/theme/core.js +0 -2
  162. package/cjs/theme/core.js.map +0 -7
  163. package/cjs/theme/createColor.js +0 -2
  164. package/cjs/theme/createColor.js.map +0 -7
  165. package/cjs/theme/createTheme.js +0 -2
  166. package/cjs/theme/createTheme.js.map +0 -7
  167. package/cjs/theme/createThemeSwitcher.js +0 -2
  168. package/cjs/theme/createThemeSwitcher.js.map +0 -7
  169. package/cjs/theme/index.js +0 -2
  170. package/cjs/theme/index.js.map +0 -7
  171. package/cjs/theme/types.js +0 -2
  172. package/cjs/theme/types.js.map +0 -7
  173. package/cjs/useAnimation.js +0 -2
  174. package/cjs/useAnimation.js.map +0 -7
  175. package/cjs/useColorTemplate.js +0 -2
  176. package/cjs/useColorTemplate.js.map +0 -7
  177. package/cjs/useInterface.js +0 -2
  178. package/cjs/useInterface.js.map +0 -7
  179. package/css/aliases.d.ts +0 -4
  180. package/css/getProps.d.ts +0 -3
  181. package/css/getValue.d.ts +0 -3
  182. package/css/index.d.ts +0 -15
  183. package/css/types.d.ts +0 -54
  184. package/css/types.js +0 -1
  185. package/css/types.js.map +0 -7
  186. package/isWindow.d.ts +0 -2
  187. package/theme/ThemeCssVars.d.ts +0 -3
  188. package/theme/ThemeDefaultOptions.d.ts +0 -68
  189. package/theme/ThemeProvider.d.ts +0 -11
  190. package/theme/core.d.ts +0 -7
  191. package/theme/createColor.d.ts +0 -41
  192. package/theme/createTheme.d.ts +0 -2
  193. package/theme/createThemeSwitcher.d.ts +0 -6
  194. package/theme/index.d.ts +0 -5
  195. package/theme/types.d.ts +0 -124
  196. package/theme/types.js +0 -1
  197. package/theme/types.js.map +0 -7
  198. package/useAnimation.d.ts +0 -18
  199. package/useColorTemplate.d.ts +0 -4
  200. package/useInterface.d.ts +0 -2
package/useAnimation.js CHANGED
@@ -1,2 +1,25 @@
1
- import{css as u}from"./css";import{useId as b}from"react";const a={easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)",linear:"cubic-bezier(0, 0, 1, 1)",easeBounceOut:"cubic-bezier(0.68, -0.55, 0.265, 1.55)"},p=({from:i,to:n,delay:o,ease:t,duration:s})=>{let r=o||0,m=s||600,c=t||"easeBounceOut";const e="anim"+b().replace(/:/g,"");return u({animationName:e,animationDelay:r+"ms",animationDuration:m+"ms",animationTimingFunction:a[c]||a.easeBounceOut,[`@keyframes ${e}`]:{from:i,to:n}}).classname};var S=p;export{a as animationEases,S as default};
2
- //# sourceMappingURL=useAnimation.js.map
1
+ 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var index=require('./css/index.js'),React=require('react');const animationEases = {
2
+ easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
3
+ easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
4
+ easeIn: "cubic-bezier(0.4, 0, 1, 1)",
5
+ sharp: "cubic-bezier(0.4, 0, 0.6, 1)",
6
+ linear: "cubic-bezier(0, 0, 1, 1)",
7
+ easeBounceOut: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
8
+ };
9
+ const useAnimation = ({ from, to, delay, ease, duration }) => {
10
+ let _delay = delay || 0;
11
+ let _duration = duration || 600;
12
+ let _ease = ease || "easeBounceOut";
13
+ const id = "anim" + React.useId().replace(/:/g, "");
14
+ const anim = index.css({
15
+ animationName: id,
16
+ animationDelay: _delay + "ms",
17
+ animationDuration: _duration + "ms",
18
+ animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,
19
+ [`@keyframes ${id}`]: {
20
+ from: from,
21
+ to: to
22
+ }
23
+ });
24
+ return anim.classname;
25
+ };exports.animationEases=animationEases;exports.default=useAnimation;//# sourceMappingURL=useAnimation.js.map
@@ -1,7 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/useAnimation.ts"],
4
- "sourcesContent": ["import { css } from './css'\nimport { useId } from 'react'\nimport { CSSProps } from './css/types'\n\nexport const animationEases = {\n easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\n easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\n sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\",\n linear: \"cubic-bezier(0, 0, 1, 1)\",\n easeBounceOut: \"cubic-bezier(0.68, -0.55, 0.265, 1.55)\"\n}\n\nexport interface UseAnimationProps {\n delay?: number;\n duration?: number;\n from: CSSProps;\n to: CSSProps;\n ease?: keyof typeof animationEases;\n}\n\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\n let _delay = delay || 0;\n let _duration = duration || 600;\n let _ease = ease || \"easeBounceOut\"\n const id = \"anim\" + useId().replace(/:/g, \"\")\n const anim = css({\n animationName: id,\n animationDelay: _delay + \"ms\",\n animationDuration: _duration + \"ms\",\n animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,\n [`@keyframes ${id}`]: {\n from: from as any,\n to: to as any\n }\n })\n return anim.classname\n}\n\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
+ {"version":3,"file":"useAnimation.js","sources":["../src/useAnimation.ts"],"sourcesContent":["import { css } from './css'\nimport { useId } from 'react'\nimport { CSSProps } from './css/types'\n\nexport const animationEases = {\n easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\n easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\n sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\",\n linear: \"cubic-bezier(0, 0, 1, 1)\",\n easeBounceOut: \"cubic-bezier(0.68, -0.55, 0.265, 1.55)\"\n}\n\nexport interface UseAnimationProps {\n delay?: number;\n duration?: number;\n from: CSSProps;\n to: CSSProps;\n ease?: keyof typeof animationEases;\n}\n\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\n let _delay = delay || 0;\n let _duration = duration || 600;\n let _ease = ease || \"easeBounceOut\"\n const id = \"anim\" + useId().replace(/:/g, \"\")\n const anim = css({\n animationName: id,\n animationDelay: _delay + \"ms\",\n animationDuration: _duration + \"ms\",\n animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,\n [`@keyframes ${id}`]: {\n from: from as any,\n to: to as any\n }\n })\n return anim.classname\n}\n\nexport default useAnimation"],"names":["useId","css"],"mappings":"iIAIa,MAAA,cAAc,GAAG;AAC1B,IAAA,SAAS,EAAE,8BAA8B;AACzC,IAAA,OAAO,EAAE,8BAA8B;AACvC,IAAA,MAAM,EAAE,4BAA4B;AACpC,IAAA,KAAK,EAAE,8BAA8B;AACrC,IAAA,MAAM,EAAE,0BAA0B;AAClC,IAAA,aAAa,EAAE;;AAWnB,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAqB,KAAI;AAC5E,IAAA,IAAI,MAAM,GAAG,KAAK,IAAI,CAAC;AACvB,IAAA,IAAI,SAAS,GAAG,QAAQ,IAAI,GAAG;AAC/B,IAAA,IAAI,KAAK,GAAG,IAAI,IAAI,eAAe;AACnC,IAAA,MAAM,EAAE,GAAG,MAAM,GAAGA,WAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;IAC7C,MAAM,IAAI,GAAGC,SAAG,CAAC;AACb,QAAA,aAAa,EAAE,EAAE;QACjB,cAAc,EAAE,MAAM,GAAG,IAAI;QAC7B,iBAAiB,EAAE,SAAS,GAAG,IAAI;QACnC,uBAAuB,EAAE,cAAc,CAAC,KAAK,CAAC,IAAI,cAAc,CAAC,aAAa;AAC9E,QAAA,CAAC,CAAc,WAAA,EAAA,EAAE,CAAE,CAAA,GAAG;AAClB,YAAA,IAAI,EAAE,IAAW;AACjB,YAAA,EAAE,EAAE;AACP;AACJ,KAAA,CAAC;IACF,OAAO,IAAI,CAAC,SAAS;AACzB"}
@@ -0,0 +1,25 @@
1
+ import {css}from'./css/index.mjs';import {useId}from'react';const animationEases = {
2
+ easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
3
+ easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
4
+ easeIn: "cubic-bezier(0.4, 0, 1, 1)",
5
+ sharp: "cubic-bezier(0.4, 0, 0.6, 1)",
6
+ linear: "cubic-bezier(0, 0, 1, 1)",
7
+ easeBounceOut: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
8
+ };
9
+ const useAnimation = ({ from, to, delay, ease, duration }) => {
10
+ let _delay = delay || 0;
11
+ let _duration = duration || 600;
12
+ let _ease = ease || "easeBounceOut";
13
+ const id = "anim" + useId().replace(/:/g, "");
14
+ const anim = css({
15
+ animationName: id,
16
+ animationDelay: _delay + "ms",
17
+ animationDuration: _duration + "ms",
18
+ animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,
19
+ [`@keyframes ${id}`]: {
20
+ from: from,
21
+ to: to
22
+ }
23
+ });
24
+ return anim.classname;
25
+ };export{animationEases,useAnimation as default};//# sourceMappingURL=useAnimation.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useAnimation.mjs","sources":["../src/useAnimation.ts"],"sourcesContent":["import { css } from './css'\nimport { useId } from 'react'\nimport { CSSProps } from './css/types'\n\nexport const animationEases = {\n easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n easeOut: \"cubic-bezier(0.0, 0, 0.2, 1)\",\n easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\n sharp: \"cubic-bezier(0.4, 0, 0.6, 1)\",\n linear: \"cubic-bezier(0, 0, 1, 1)\",\n easeBounceOut: \"cubic-bezier(0.68, -0.55, 0.265, 1.55)\"\n}\n\nexport interface UseAnimationProps {\n delay?: number;\n duration?: number;\n from: CSSProps;\n to: CSSProps;\n ease?: keyof typeof animationEases;\n}\n\nconst useAnimation = ({ from, to, delay, ease, duration }: UseAnimationProps) => {\n let _delay = delay || 0;\n let _duration = duration || 600;\n let _ease = ease || \"easeBounceOut\"\n const id = \"anim\" + useId().replace(/:/g, \"\")\n const anim = css({\n animationName: id,\n animationDelay: _delay + \"ms\",\n animationDuration: _duration + \"ms\",\n animationTimingFunction: animationEases[_ease] || animationEases.easeBounceOut,\n [`@keyframes ${id}`]: {\n from: from as any,\n to: to as any\n }\n })\n return anim.classname\n}\n\nexport default useAnimation"],"names":[],"mappings":"4DAIa,MAAA,cAAc,GAAG;AAC1B,IAAA,SAAS,EAAE,8BAA8B;AACzC,IAAA,OAAO,EAAE,8BAA8B;AACvC,IAAA,MAAM,EAAE,4BAA4B;AACpC,IAAA,KAAK,EAAE,8BAA8B;AACrC,IAAA,MAAM,EAAE,0BAA0B;AAClC,IAAA,aAAa,EAAE;;AAWnB,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAqB,KAAI;AAC5E,IAAA,IAAI,MAAM,GAAG,KAAK,IAAI,CAAC;AACvB,IAAA,IAAI,SAAS,GAAG,QAAQ,IAAI,GAAG;AAC/B,IAAA,IAAI,KAAK,GAAG,IAAI,IAAI,eAAe;AACnC,IAAA,MAAM,EAAE,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;IAC7C,MAAM,IAAI,GAAG,GAAG,CAAC;AACb,QAAA,aAAa,EAAE,EAAE;QACjB,cAAc,EAAE,MAAM,GAAG,IAAI;QAC7B,iBAAiB,EAAE,SAAS,GAAG,IAAI;QACnC,uBAAuB,EAAE,cAAc,CAAC,KAAK,CAAC,IAAI,cAAc,CAAC,aAAa;AAC9E,QAAA,CAAC,CAAc,WAAA,EAAA,EAAE,CAAE,CAAA,GAAG;AAClB,YAAA,IAAI,EAAE,IAAW;AACjB,YAAA,EAAE,EAAE;AACP;AACJ,KAAA,CAAC;IACF,OAAO,IAAI,CAAC,SAAS;AACzB"}
@@ -1,2 +1,6 @@
1
- import{useTheme as a}from"./theme";const r=(e,o)=>{const t=a();let l=e==="default"?"background":e;return t.colors[l]?.template[o]};var n=r;export{n as default};
2
- //# sourceMappingURL=useColorTemplate.js.map
1
+ 'use strict';require('./theme/index.js');var core=require('./theme/core.js');const useColorTemplate = (color, type) => {
2
+ var _a;
3
+ const theme = core.useTheme();
4
+ let _color = color === 'default' ? "background" : color;
5
+ return (_a = theme.colors[_color]) === null || _a === void 0 ? void 0 : _a.template[type];
6
+ };module.exports=useColorTemplate;//# sourceMappingURL=useColorTemplate.js.map
@@ -1,7 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/useColorTemplate.ts"],
4
- "sourcesContent": ["import { useTheme } from \"./theme\"\nexport type ColorTemplateColors = \"default\" | \"brand\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"danger\"\nexport type ColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\n\nconst useColorTemplate = (color: ColorTemplateColors, type: ColorTemplateType) => {\n const theme: any = useTheme()\n let _color = color === 'default' ? \"background\" : color as any\n return theme.colors[_color]?.template[type]\n}\n\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
- }
1
+ {"version":3,"file":"useColorTemplate.js","sources":["../src/useColorTemplate.ts"],"sourcesContent":["import { useTheme } from \"./theme\"\nexport type ColorTemplateColors = \"default\" | \"brand\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"danger\"\nexport type ColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\n\nconst useColorTemplate = (color: ColorTemplateColors, type: ColorTemplateType) => {\n const theme: any = useTheme()\n let _color = color === 'default' ? \"background\" : color as any\n return theme.colors[_color]?.template[type]\n}\n\nexport default useColorTemplate"],"names":["useTheme"],"mappings":"6EAIA,MAAM,gBAAgB,GAAG,CAAC,KAA0B,EAAE,IAAuB,KAAI;;AAC7E,IAAA,MAAM,KAAK,GAAQA,aAAQ,EAAE;AAC7B,IAAA,IAAI,MAAM,GAAG,KAAK,KAAK,SAAS,GAAG,YAAY,GAAG,KAAY;AAC9D,IAAA,OAAO,CAAA,EAAA,GAAA,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,IAAI,CAAC;AAC/C"}
@@ -0,0 +1,6 @@
1
+ import'./theme/index.mjs';import {useTheme}from'./theme/core.mjs';const useColorTemplate = (color, type) => {
2
+ var _a;
3
+ const theme = useTheme();
4
+ let _color = color === 'default' ? "background" : color;
5
+ return (_a = theme.colors[_color]) === null || _a === void 0 ? void 0 : _a.template[type];
6
+ };export{useColorTemplate as default};//# sourceMappingURL=useColorTemplate.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useColorTemplate.mjs","sources":["../src/useColorTemplate.ts"],"sourcesContent":["import { useTheme } from \"./theme\"\nexport type ColorTemplateColors = \"default\" | \"brand\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"danger\"\nexport type ColorTemplateType = \"fill\" | \"outline\" | \"text\" | \"alpha\"\n\nconst useColorTemplate = (color: ColorTemplateColors, type: ColorTemplateType) => {\n const theme: any = useTheme()\n let _color = color === 'default' ? \"background\" : color as any\n return theme.colors[_color]?.template[type]\n}\n\nexport default useColorTemplate"],"names":[],"mappings":"kEAIA,MAAM,gBAAgB,GAAG,CAAC,KAA0B,EAAE,IAAuB,KAAI;;AAC7E,IAAA,MAAM,KAAK,GAAQ,QAAQ,EAAE;AAC7B,IAAA,IAAI,MAAM,GAAG,KAAK,KAAK,SAAS,GAAG,YAAY,GAAG,KAAY;AAC9D,IAAA,OAAO,CAAA,EAAA,GAAA,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,IAAI,CAAC;AAC/C"}
package/useInterface.js CHANGED
@@ -1,2 +1,8 @@
1
- import{useTheme as r}from"./theme";const f=(i,n,e)=>{const t=r(),c=t.interfaces[i];return c&&(e=c({...e,...n},t)),[{...e,...n},t]};var o=f;export{o as default};
2
- //# sourceMappingURL=useInterface.js.map
1
+ 'use strict';require('./theme/index.js');var core=require('./theme/core.js');const useInterface = (name, userPorps, defaultProps) => {
2
+ const theme = core.useTheme();
3
+ const _interface = theme.interfaces[name];
4
+ if (_interface) {
5
+ defaultProps = _interface(Object.assign(Object.assign({}, defaultProps), userPorps), theme);
6
+ }
7
+ return [Object.assign(Object.assign({}, defaultProps), userPorps), theme];
8
+ };module.exports=useInterface;//# sourceMappingURL=useInterface.js.map
@@ -1,7 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../src/useInterface.ts"],
4
- "sourcesContent": ["import { useTheme } from \"./theme\"\n\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\n const theme = useTheme()\n const _interface = theme.interfaces[name]\n\n if (_interface) {\n defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\n }\n return [{ ...defaultProps, ...userPorps }, theme]\n}\n\nexport default useInterface"],
5
- "mappings": "AAAA,OAAS,YAAAA,MAAgB,UAEzB,MAAMC,EAAe,CAAmBC,EAAcC,EAAcC,IAAoB,CACpF,MAAMC,EAAQL,EAAS,EACjBM,EAAaD,EAAM,WAAWH,CAAI,EAExC,OAAII,IACAF,EAAeE,EAAc,CAAE,GAAGF,EAAc,GAAGD,CAAU,EAAGE,CAAK,GAElE,CAAC,CAAE,GAAGD,EAAc,GAAGD,CAAU,EAAGE,CAAK,CACpD,EAEA,IAAOE,EAAQN",
6
- "names": ["useTheme", "useInterface", "name", "userPorps", "defaultProps", "theme", "_interface", "useInterface_default"]
7
- }
1
+ {"version":3,"file":"useInterface.js","sources":["../src/useInterface.ts"],"sourcesContent":["import { useTheme } from \"./theme\"\n\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\n const theme = useTheme()\n const _interface = theme.interfaces[name]\n\n if (_interface) {\n defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\n }\n return [{ ...defaultProps, ...userPorps }, theme]\n}\n\nexport default useInterface"],"names":["useTheme"],"mappings":"6EAEM,MAAA,YAAY,GAAG,CAAmB,IAAY,EAAE,SAAY,EAAE,YAAe,KAAI;AACnF,IAAA,MAAM,KAAK,GAAGA,aAAQ,EAAE;IACxB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;AAEzC,IAAA,IAAI,UAAU,EAAE;QACZ,YAAY,GAAG,UAAU,CAAS,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,YAAY,GAAK,SAAS,CAAA,EAAI,KAAK,CAAC;AACzE;AACD,IAAA,OAAO,iCAAM,YAAY,CAAA,EAAK,SAAS,CAAI,EAAA,KAAK,CAAC;AACrD"}
@@ -0,0 +1,8 @@
1
+ import'./theme/index.mjs';import {useTheme}from'./theme/core.mjs';const useInterface = (name, userPorps, defaultProps) => {
2
+ const theme = useTheme();
3
+ const _interface = theme.interfaces[name];
4
+ if (_interface) {
5
+ defaultProps = _interface(Object.assign(Object.assign({}, defaultProps), userPorps), theme);
6
+ }
7
+ return [Object.assign(Object.assign({}, defaultProps), userPorps), theme];
8
+ };export{useInterface as default};//# sourceMappingURL=useInterface.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useInterface.mjs","sources":["../src/useInterface.ts"],"sourcesContent":["import { useTheme } from \"./theme\"\n\nconst useInterface = <P extends object>(name: string, userPorps: P, defaultProps: P) => {\n const theme = useTheme()\n const _interface = theme.interfaces[name]\n\n if (_interface) {\n defaultProps = _interface<P>({ ...defaultProps, ...userPorps }, theme)\n }\n return [{ ...defaultProps, ...userPorps }, theme]\n}\n\nexport default useInterface"],"names":[],"mappings":"kEAEM,MAAA,YAAY,GAAG,CAAmB,IAAY,EAAE,SAAY,EAAE,YAAe,KAAI;AACnF,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;IACxB,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC;AAEzC,IAAA,IAAI,UAAU,EAAE;QACZ,YAAY,GAAG,UAAU,CAAS,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,YAAY,GAAK,SAAS,CAAA,EAAI,KAAK,CAAC;AACzE;AACD,IAAA,OAAO,iCAAM,YAAY,CAAA,EAAK,SAAS,CAAI,EAAA,KAAK,CAAC;AACrD"}
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- declare const ServerStyleTags: () => React.JSX.Element[];
3
- export default ServerStyleTags;
@@ -1,2 +0,0 @@
1
- declare const CSS_PROP_LIST: any;
2
- export default CSS_PROP_LIST;
package/Tag/index.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import * as React from 'react';
2
- import { TagComponentType, TagPropsRoot } from './types';
3
- declare const Tag: React.ForwardRefExoticComponent<Omit<TagPropsRoot<TagComponentType>, "ref"> & React.RefAttributes<any>>;
4
- export default Tag;
package/Tag/types.d.ts DELETED
@@ -1,179 +0,0 @@
1
- import * as CSS from 'csstype';
2
- import { Aliases, BreakpointKeys, CSSProps, CSSValueType } from "../css/types";
3
- import { ColorsRefTypes, TypographyRefTypes } from '../theme/types';
4
- import { classNamesTypes } from 'pretty-class';
5
- export type TagComponentType = keyof React.JSX.IntrinsicElements | React.ComponentType<any>;
6
- export type TagProps<T extends TagComponentType = 'div'> = Omit<React.HTMLProps<T>, 'width' | 'height'> & {
7
- component?: T;
8
- children?: React.ReactNode;
9
- ref?: any;
10
- } & CSSPropAsAttr;
11
- export type TagPropsRoot<T extends TagComponentType = 'div'> = TagProps<T> & {
12
- sxr?: CSSProps;
13
- };
14
- interface TagCSSProperties {
15
- alignContent: CSSValueType<"alignContent">;
16
- alignItems: CSSValueType<"alignItems">;
17
- alignSelf: CSSValueType<"alignSelf">;
18
- animation: CSSValueType<"animation">;
19
- animationComposition: CSSValueType<"animationComposition">;
20
- animationDelay: CSSValueType<"animationDelay">;
21
- animationDirection: CSSValueType<"animationDirection">;
22
- animationDuration: CSSValueType<"animationDuration">;
23
- animationFillMode: CSSValueType<"animationFillMode">;
24
- animationIterationCount: CSSValueType<"animationIterationCount">;
25
- animationName: CSSValueType<"animationName">;
26
- animationTimingFunction: CSSValueType<"animationTimingFunction">;
27
- backdropFilter: CSSValueType<"backdropFilter">;
28
- background: CSSValueType<"background"> | ColorsRefTypes;
29
- backgroundAttachment: CSSValueType<"backgroundAttachment">;
30
- backgroundColor: CSSValueType<"backgroundColor"> | ColorsRefTypes;
31
- backgroundImage: CSSValueType<"backgroundImage">;
32
- backgroundOrigin: CSSValueType<"backgroundOrigin">;
33
- backgroundPosition: CSSValueType<"backgroundPosition">;
34
- backgroundRepeat: CSSValueType<"backgroundRepeat">;
35
- backgroundSize: CSSValueType<"backgroundSize">;
36
- border: CSSValueType<"border">;
37
- borderBottom: CSSValueType<"borderBottom">;
38
- borderBottomColor: CSSValueType<"borderBottomColor"> | ColorsRefTypes;
39
- borderBottomStyle: CSSValueType<"borderBottomStyle">;
40
- borderBottomWidth: CSSValueType<"borderBottomWidth">;
41
- borderColor: CSS.Properties['borderColor'] | ColorsRefTypes;
42
- borderImage: CSSValueType<"borderImage">;
43
- borderLeft: CSSValueType<"borderLeft">;
44
- borderLeftColor: CSSValueType<"borderLeftColor"> | ColorsRefTypes;
45
- borderLeftStyle: CSSValueType<"borderLeftStyle">;
46
- borderLeftWidth: CSSValueType<"borderLeftWidth">;
47
- borderRadius: CSSValueType<"borderRadius">;
48
- borderRight: CSSValueType<"borderRight">;
49
- borderRightColor: CSSValueType<"borderRightColor"> | ColorsRefTypes;
50
- borderRightStyle: CSSValueType<"borderRightStyle">;
51
- borderRightWidth: CSSValueType<"borderRightWidth">;
52
- borderStyle: CSSValueType<"borderStyle">;
53
- borderTop: CSSValueType<"borderTop">;
54
- borderTopColor: CSSValueType<"borderTopColor"> | ColorsRefTypes;
55
- borderTopLeftRadius: CSSValueType<"borderTopLeftRadius">;
56
- borderTopRightRadius: CSSValueType<"borderTopRightRadius">;
57
- borderTopStyle: CSSValueType<"borderTopStyle">;
58
- borderTopWidth: CSSValueType<"borderTopWidth">;
59
- borderWidth: CSSValueType<"borderWidth">;
60
- bottom: CSSValueType<"bottom">;
61
- boxShadow: CSSValueType<"boxShadow"> | number;
62
- boxSizing: CSSValueType<"boxSizing">;
63
- cursor: CSSValueType<"cursor">;
64
- color: CSS.Properties['color'] | ColorsRefTypes;
65
- display: CSSValueType<"display">;
66
- direction: "row" | "column" | CSSValueType<"direction">;
67
- filter: CSSValueType<"filter">;
68
- flex: CSSValueType<"flex">;
69
- flexBasis: CSSValueType<"flexBasis">;
70
- flexDirection: CSSValueType<"flexDirection">;
71
- flexFlow: CSSValueType<"flexFlow">;
72
- flexGrow: CSSValueType<"flexGrow">;
73
- flexShrink: CSSValueType<"flexShrink">;
74
- flexWrap: CSSValueType<"flexWrap">;
75
- float: CSSValueType<"float">;
76
- fontFamily: CSSValueType<"fontFamily"> | "default";
77
- fontSize: CSSValueType<"fontSize"> | TypographyRefTypes;
78
- fontStyle: CSSValueType<"fontStyle">;
79
- fontWeight: CSSValueType<"fontWeight"> | TypographyRefTypes;
80
- font: CSSValueType<"font"> | TypographyRefTypes;
81
- gap: CSSValueType<"gap">;
82
- grid: CSSValueType<"grid">;
83
- gridArea: CSSValueType<"gridArea">;
84
- gridAutoColumns: CSSValueType<"gridAutoColumns">;
85
- gridAutoFlow: CSSValueType<"gridAutoFlow">;
86
- gridAutoRows: CSSValueType<"gridAutoRows">;
87
- gridColumn: CSSValueType<"gridColumn">;
88
- gridColumnEnd: CSSValueType<"gridColumnEnd">;
89
- gridColumnGap: CSSValueType<"gridColumnGap">;
90
- gridColumnStart: CSSValueType<"gridColumnStart">;
91
- gridGap: CSSValueType<"gridGap">;
92
- gridRow: CSSValueType<"gridRow">;
93
- gridRowEnd: CSSValueType<"gridRowEnd">;
94
- gridRowGap: CSSValueType<"gridRowGap">;
95
- gridRowStart: CSSValueType<"gridRowStart">;
96
- gridTemplate: CSSValueType<"gridTemplate">;
97
- gridTemplateAreas: CSSValueType<"gridTemplateAreas">;
98
- gridTemplateColumns: CSSValueType<"gridTemplateColumns">;
99
- gridTemplateRows: CSSValueType<"gridTemplateRows">;
100
- height: CSSValueType<"height">;
101
- justifyContent: CSSValueType<"justifyContent">;
102
- justifyItems: CSSValueType<"justifyItems">;
103
- justifySelf: CSSValueType<"justifySelf">;
104
- left: CSSValueType<"left">;
105
- letterSpacing: CSSValueType<"letterSpacing">;
106
- lineBreak: CSSValueType<"lineBreak">;
107
- lineHeight: CSSValueType<"lineHeight"> | TypographyRefTypes;
108
- listStyle: CSSValueType<"listStyle">;
109
- margin: CSSValueType<"margin">;
110
- marginBlock: CSSValueType<"marginBlock">;
111
- marginBlockEnd: CSSValueType<"marginBlockEnd">;
112
- marginBlockStart: CSSValueType<"marginBlockStart">;
113
- marginBottom: CSSValueType<"marginBottom">;
114
- marginInline: CSSValueType<"marginInline">;
115
- marginInlineEnd: CSSValueType<"marginInlineEnd">;
116
- marginInlineStart: CSSValueType<"marginInlineStart">;
117
- marginLeft: CSSValueType<"marginLeft">;
118
- marginRight: CSSValueType<"marginRight">;
119
- marginTop: CSSValueType<"marginTop">;
120
- maxHeight: CSSValueType<"maxHeight">;
121
- maxWidth: CSSValueType<"maxWidth"> | BreakpointKeys;
122
- minHeight: CSSValueType<"minHeight">;
123
- minWidth: CSSValueType<"minWidth"> | BreakpointKeys;
124
- objectFit: CSSValueType<"objectFit">;
125
- objectPosition: CSSValueType<"objectPosition">;
126
- opacity: CSSValueType<"opacity">;
127
- order: CSSValueType<"order">;
128
- outline: CSSValueType<"outline">;
129
- overflow: CSSValueType<"overflow">;
130
- overflowX: CSSValueType<"overflowX">;
131
- overflowY: CSSValueType<"overflowY">;
132
- padding: CSSValueType<"padding">;
133
- paddingBlock: CSSValueType<"paddingBlock">;
134
- paddingBlockEnd: CSSValueType<"paddingBlockEnd">;
135
- paddingBlockStart: CSSValueType<"paddingBlockStart">;
136
- paddingBottom: CSSValueType<"paddingBottom">;
137
- paddingInline: CSSValueType<"paddingInline">;
138
- paddingInlineEnd: CSSValueType<"paddingInlineEnd">;
139
- paddingInlineStart: CSSValueType<"paddingInlineStart">;
140
- paddingLeft: CSSValueType<"paddingLeft">;
141
- paddingRight: CSSValueType<"paddingRight">;
142
- paddingTop: CSSValueType<"paddingTop">;
143
- perspective: CSSValueType<"perspective">;
144
- perspectiveOrigin: CSSValueType<"perspectiveOrigin">;
145
- pointerEvents: CSSValueType<"pointerEvents">;
146
- position: CSSValueType<"position">;
147
- right: CSSValueType<"right">;
148
- textAlign: CSSValueType<"textAlign">;
149
- textDecoration: CSSValueType<"textDecoration">;
150
- textShadow: CSSValueType<"textShadow">;
151
- textTransform: CSSValueType<"textTransform">;
152
- top: CSSValueType<"top">;
153
- transform: CSSValueType<"transform">;
154
- transformOrigin: CSSValueType<"transformOrigin">;
155
- transformStyle: CSSValueType<"transformStyle">;
156
- transition: CSSValueType<"transition">;
157
- transitionDelay: CSSValueType<"transitionDelay">;
158
- transitionDuration: CSSValueType<"transitionDuration">;
159
- transitionProperty: CSSValueType<"transitionProperty">;
160
- transitionTimingFunction: CSSValueType<"transitionTimingFunction">;
161
- translate: CSSValueType<"translate">;
162
- userSelect: CSSValueType<"userSelect">;
163
- verticalAlign: CSSValueType<"verticalAlign">;
164
- visibility: CSSValueType<"visibility">;
165
- whiteSpace: CSSValueType<"whiteSpace">;
166
- width: CSSValueType<"width"> | BreakpointKeys;
167
- wordBreak: CSSValueType<"wordBreak">;
168
- wordSpacing: CSSValueType<"wordSpacing">;
169
- wordWrap: CSSValueType<"wordWrap">;
170
- zIndex: CSSValueType<"zIndex">;
171
- }
172
- export type CSSPropAsAttr = Partial<TagCSSProperties> & Aliases & {
173
- baseClass?: string;
174
- sx?: CSSProps;
175
- hover?: CSSProps;
176
- disabled?: boolean;
177
- classNames?: classNamesTypes;
178
- };
179
- export {};
package/Tag/types.js DELETED
@@ -1 +0,0 @@
1
- //# sourceMappingURL=types.js.map
package/Tag/types.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": [],
4
- "sourcesContent": [],
5
- "mappings": "",
6
- "names": []
7
- }
@@ -1,3 +0,0 @@
1
- import { TagComponentType, TagProps, TagPropsRoot } from './types';
2
- declare const useTagProps: <T extends TagComponentType = "div">({ sxr, sx, baseClass, classNames: clses, hover, ...props }: TagPropsRoot<T>) => TagProps<T>;
3
- export default useTagProps;
@@ -1,31 +0,0 @@
1
- import React, { ReactElement } from 'react';
2
- import { animationEases } from '../useAnimation';
3
- import { CSSProps } from '../css/types';
4
- import * as variants from './variants';
5
- export type TransitionVariantTypes = keyof typeof variants;
6
- export type TransitionElementProps = {
7
- height: number;
8
- width: number;
9
- rect: DOMRect | null;
10
- };
11
- export type TransitionState = "open" | "opened" | "close" | "closed";
12
- export type TransitionProps = {
13
- children: ReactElement;
14
- open: boolean;
15
- variant: {
16
- from: CSSProps;
17
- to: CSSProps;
18
- } | TransitionVariantTypes;
19
- ease?: string;
20
- easing?: keyof typeof animationEases;
21
- duration?: number;
22
- delay?: number;
23
- disableInitialTransition?: boolean;
24
- onOpen?: () => void;
25
- onOpened?: () => void;
26
- onClose?: () => void;
27
- onClosed?: () => void;
28
- onState?: (state: TransitionState) => void;
29
- };
30
- declare const Transition: ({ children, open, ...props }: TransitionProps) => React.JSX.Element;
31
- export default Transition;
@@ -1,131 +0,0 @@
1
- import { TransitionElementProps } from ".";
2
- export declare const slideDown: (_arg: TransitionElementProps) => {
3
- from: {
4
- transform: string;
5
- };
6
- to: {
7
- transform: string;
8
- };
9
- };
10
- export declare const slideUp: (_arg: TransitionElementProps) => {
11
- from: {
12
- transform: string;
13
- };
14
- to: {
15
- transform: string;
16
- };
17
- };
18
- export declare const slideRight: (_arg: TransitionElementProps) => {
19
- from: {
20
- transform: string;
21
- };
22
- to: {
23
- transform: string;
24
- };
25
- };
26
- export declare const slideLeft: (_arg: TransitionElementProps) => {
27
- from: {
28
- transform: string;
29
- };
30
- to: {
31
- transform: string;
32
- };
33
- };
34
- export declare const fade: (_arg: TransitionElementProps) => {
35
- from: {
36
- opacity: number;
37
- };
38
- to: {
39
- opacity: number;
40
- };
41
- };
42
- export declare const fadeDown: (_arg: TransitionElementProps) => {
43
- from: {
44
- transform: string;
45
- opacity: number;
46
- };
47
- to: {
48
- transform: string;
49
- opacity: number;
50
- };
51
- };
52
- export declare const fadeUp: (_arg: TransitionElementProps) => {
53
- from: {
54
- transform: string;
55
- opacity: number;
56
- };
57
- to: {
58
- transform: string;
59
- opacity: number;
60
- };
61
- };
62
- export declare const fadeRight: (_arg: TransitionElementProps) => {
63
- from: {
64
- transform: string;
65
- opacity: number;
66
- };
67
- to: {
68
- transform: string;
69
- opacity: number;
70
- };
71
- };
72
- export declare const fadeLeft: (_arg: TransitionElementProps) => {
73
- from: {
74
- transform: string;
75
- opacity: number;
76
- };
77
- to: {
78
- transform: string;
79
- opacity: number;
80
- };
81
- };
82
- export declare const grow: (_arg: TransitionElementProps) => {
83
- from: {
84
- transform: string;
85
- opacity: number;
86
- };
87
- to: {
88
- transform: string;
89
- opacity: number;
90
- };
91
- };
92
- export declare const zoom: (_arg: TransitionElementProps) => {
93
- from: {
94
- transform: string;
95
- opacity: number;
96
- };
97
- to: {
98
- transform: string;
99
- opacity: number;
100
- };
101
- };
102
- export declare const zoomOver: (_arg: TransitionElementProps) => {
103
- from: {
104
- transform: string;
105
- opacity: number;
106
- };
107
- to: {
108
- transform: string;
109
- opacity: number;
110
- };
111
- };
112
- export declare const collapsVerticle: (_arg: TransitionElementProps) => {
113
- from: {
114
- height: string;
115
- overflow: string;
116
- };
117
- to: {
118
- height: string;
119
- overflow: string;
120
- };
121
- };
122
- export declare const collapsHorizental: (_arg: TransitionElementProps) => {
123
- from: {
124
- width: string;
125
- overflow: string;
126
- };
127
- to: {
128
- width: string;
129
- overflow: string;
130
- };
131
- };
@@ -1,6 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { BreakpointKeys } from "../css/types";
3
- export declare const BreakpointCtx: React.Context<BreakpointKeys>;
4
- export declare const BreakpointProvider: ({ children }: {
5
- children?: ReactNode;
6
- }) => React.JSX.Element;
@@ -1,2 +0,0 @@
1
- import n,{useState as m}from"react";import a from"../isWindow";import{breakpoints as r}from"../css";const l=n.createContext("xl"),s=()=>{if(a()){const e=window.innerWidth;return e<r.sm?"xs":e>r.xs&&e<r.md?"sm":e>r.sm&&e<r.lg?"md":e>r.md&&e<r.xl?"lg":"xl"}else return"xl"},v=({children:i})=>{const[e,d]=m(s),t=()=>{let o=s();e!==o&&d(o)};return n.useEffect(()=>(window.removeEventListener("resize",t),window.addEventListener("resize",t),t(),()=>{window.removeEventListener("resize",t)}),[e]),n.createElement(l.Provider,{value:e},i)};export{l as BreakpointCtx,v as BreakpointProvider};
2
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/breakpoint/index.tsx"],
4
- "sourcesContent": ["import React, { ReactNode, useState } from \"react\";\nimport isWindow from \"../isWindow\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\n\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xl\")\n\nconst getKey = (): BreakpointKeys => {\n const isWin = isWindow()\n if (isWin) {\n const width = window.innerWidth\n if (width < breakpoints.sm) {\n return 'xs'\n } else if (width > breakpoints.xs && width < breakpoints.md) {\n return 'sm'\n } else if (width > breakpoints.sm && width < breakpoints.lg) {\n return 'md'\n } else if (width > breakpoints.md && width < breakpoints.xl) {\n return 'lg'\n } else {\n return 'xl'\n }\n } else {\n return 'xl'\n }\n}\n\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\n const [current, setCurrent] = useState<BreakpointKeys>(getKey)\n\n const handler = () => {\n let c = getKey()\n if (current !== c) {\n setCurrent(c)\n }\n }\n\n React.useEffect(() => {\n window.removeEventListener(\"resize\", handler)\n window.addEventListener(\"resize\", handler)\n handler()\n return () => {\n window.removeEventListener(\"resize\", handler)\n }\n }, [current])\n\n return (\n <BreakpointCtx.Provider value={current}>\n {children}\n </BreakpointCtx.Provider>\n )\n}\n"],
5
- "mappings": "AAAA,OAAOA,GAAoB,YAAAC,MAAgB,QAC3C,OAAOC,MAAc,cACrB,OAAS,eAAAC,MAAmB,SAGrB,MAAMC,EAAgBJ,EAAM,cAA8B,IAAI,EAE/DK,EAAS,IAAsB,CAEjC,GADcH,EAAS,EACZ,CACP,MAAMI,EAAQ,OAAO,WACrB,OAAIA,EAAQH,EAAY,GACb,KACAG,EAAQH,EAAY,IAAMG,EAAQH,EAAY,GAC9C,KACAG,EAAQH,EAAY,IAAMG,EAAQH,EAAY,GAC9C,KACAG,EAAQH,EAAY,IAAMG,EAAQH,EAAY,GAC9C,KAEA,IAEf,KACI,OAAO,IAEf,EAEaI,EAAqB,CAAC,CAAE,SAAAC,CAAS,IAAgC,CAC1E,KAAM,CAACC,EAASC,CAAU,EAAIT,EAAyBI,CAAM,EAEvDM,EAAU,IAAM,CAClB,IAAIC,EAAIP,EAAO,EACXI,IAAYG,GACZF,EAAWE,CAAC,CAEpB,EAEA,OAAAZ,EAAM,UAAU,KACZ,OAAO,oBAAoB,SAAUW,CAAO,EAC5C,OAAO,iBAAiB,SAAUA,CAAO,EACzCA,EAAQ,EACD,IAAM,CACT,OAAO,oBAAoB,SAAUA,CAAO,CAChD,GACD,CAACF,CAAO,CAAC,EAGRT,EAAA,cAACI,EAAc,SAAd,CAAuB,MAAOK,GAC1BD,CACL,CAER",
6
- "names": ["React", "useState", "isWindow", "breakpoints", "BreakpointCtx", "getKey", "width", "BreakpointProvider", "children", "current", "setCurrent", "handler", "c"]
7
- }
@@ -1,10 +0,0 @@
1
- import { BreakpointKeys } from "../css/types";
2
- declare const useBreakpoint: () => {
3
- value: BreakpointKeys;
4
- is: (key: BreakpointKeys) => boolean;
5
- isDown: (key: BreakpointKeys) => boolean;
6
- isUp: (key: BreakpointKeys) => boolean;
7
- isOrDown: (key: BreakpointKeys) => boolean;
8
- isOrUp: (key: BreakpointKeys) => boolean;
9
- };
10
- export default useBreakpoint;
@@ -1,6 +0,0 @@
1
- import { BreakpointKeys } from "../css/types";
2
- export type useBreakpointPropsType<P> = P | {
3
- [key in BreakpointKeys]?: P;
4
- };
5
- declare const useBreakpoinProps: <P extends object>(props: useBreakpointPropsType<P>) => useBreakpointPropsType<P>;
6
- export default useBreakpoinProps;
@@ -1,2 +0,0 @@
1
- "use strict";var n=Object.create;var t=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var p=(r,a)=>{for(var e in a)t(r,e,{get:a[e],enumerable:!0})},m=(r,a,e,o)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of S(a))!f.call(r,s)&&s!==e&&t(r,s,{get:()=>a[s],enumerable:!(o=y(a,s))||o.enumerable});return r};var u=(r,a,e)=>(e=r!=null?n(c(r)):{},m(a||!r||!r.__esModule?t(e,"default",{value:r,enumerable:!0}):e,r)),d=r=>m(t({},"__esModule",{value:!0}),r);var T={};p(T,{default:()=>v});module.exports=d(T);var g=u(require("react"),1),l=require("oncss");const i=()=>Array.from(l.CSSFactory.values()).map((r,a)=>g.createElement("style",{key:r.classname+a,"data-oncss":r.classname,dangerouslySetInnerHTML:{__html:r.css}}));var v=i;
2
- //# sourceMappingURL=ServerStyleTags.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/ServerStyleTags.tsx"],
4
- "sourcesContent": ["import * as React from 'react'\nimport { CSSFactory } from 'oncss'\n\nconst ServerStyleTags = () => {\n return Array.from(CSSFactory.values()).map((c, idx) => <style\n key={c.classname + idx}\n data-oncss={c.classname}\n dangerouslySetInnerHTML={{ __html: c.css }}\n />)\n}\n\nexport default ServerStyleTags"],
5
- "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,sBACvBC,EAA2B,iBAE3B,MAAMC,EAAkB,IACb,MAAM,KAAK,aAAW,OAAO,CAAC,EAAE,IAAI,CAACC,EAAGC,IAAQJ,EAAA,cAAC,SACpD,IAAKG,EAAE,UAAYC,EACnB,aAAYD,EAAE,UACd,wBAAyB,CAAE,OAAQA,EAAE,GAAI,EAC7C,CAAE,EAGN,IAAOL,EAAQI",
6
- "names": ["ServerStyleTags_exports", "__export", "ServerStyleTags_default", "__toCommonJS", "React", "import_oncss", "ServerStyleTags", "c", "idx"]
7
- }
@@ -1,2 +0,0 @@
1
- "use strict";var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var l=(o,i)=>{for(var r in i)n(o,r,{get:i[r],enumerable:!0})},m=(o,i,r,e)=>{if(i&&typeof i=="object"||typeof i=="function")for(let t of d(i))!g.call(o,t)&&t!==r&&n(o,t,{get:()=>i[t],enumerable:!(e=a(i,t))||e.enumerable});return o};var p=o=>m(n({},"__esModule",{value:!0}),o);var f={};l(f,{default:()=>s});module.exports=p(f);const b={typography:1,bgcolor:1,bgimage:1,bg:1,p:1,pt:1,pr:1,pb:1,pl:1,px:1,py:1,m:1,mt:1,mr:1,mb:1,ml:1,mx:1,my:1,radius:1,shadow:1,flexBox:1,flexRow:1,flexColumn:1,flexWraped:1,disabled:1,spacing:1,gradient:1,alignContent:1,alignItems:1,alignSelf:1,animation:1,animationComposition:1,animationDelay:1,animationDirection:1,animationDuration:1,animationFillMode:1,animationIterationCount:1,animationName:1,animationTimingFunction:1,backdropFilter:1,background:1,backgroundAttachment:1,backgroundColor:1,backgroundImage:1,backgroundOrigin:1,backgroundPosition:1,backgroundRepeat:1,backgroundSize:1,border:1,borderBottom:1,borderBottomColor:1,borderBottomStyle:1,borderBottomWidth:1,borderColor:1,borderImage:1,borderLeft:1,borderLeftColor:1,borderLeftStyle:1,borderLeftWidth:1,borderRadius:1,borderRight:1,borderRightColor:1,borderRightStyle:1,borderRightWidth:1,borderStyle:1,borderTop:1,borderTopColor:1,borderTopLeftRadius:1,borderTopRightRadius:1,borderTopStyle:1,borderTopWidth:1,borderWidth:1,bottom:1,boxShadow:1,boxSizing:1,cursor:1,color:1,display:1,direction:1,filter:1,flex:1,flexBasis:1,flexDirection:1,flexFlow:1,flexGrow:1,flexShrink:1,flexWrap:1,float:1,fontFamily:1,fontSize:1,fontStyle:1,fontWeight:1,font:1,gap:1,grid:1,gridArea:1,gridAutoColumns:1,gridAutoFlow:1,gridAutoRows:1,gridColumn:1,gridColumnEnd:1,gridColumnGap:1,gridColumnStart:1,gridGap:1,gridRow:1,gridRowEnd:1,gridRowGap:1,gridRowStart:1,gridTemplate:1,gridTemplateAreas:1,gridTemplateColumns:1,gridTemplateRows:1,height:1,justifyContent:1,justifyItems:1,justifySelf:1,left:1,letterSpacing:1,lineBreak:1,lineHeight:1,listStyle:1,margin:1,marginBlock:1,marginBlockEnd:1,marginBlockStart:1,marginBottom:1,marginInline:1,marginInlineEnd:1,marginInlineStart:1,marginLeft:1,marginRight:1,marginTop:1,maxHeight:1,maxWidth:1,minHeight:1,minWidth:1,objectFit:1,objectPosition:1,opacity:1,order:1,outline:1,overflow:1,overflowX:1,overflowY:1,padding:1,paddingBlock:1,paddingBlockEnd:1,paddingBlockStart:1,paddingBottom:1,paddingInline:1,paddingInlineEnd:1,paddingInlineStart:1,paddingLeft:1,paddingRight:1,paddingTop:1,perspective:1,perspectiveOrigin:1,pointerEvents:1,position:1,resize:1,right:1,textAlign:1,textDecoration:1,textShadow:1,textTransform:1,top:1,transform:1,transformOrigin:1,transformStyle:1,transition:1,transitionDelay:1,transitionDuration:1,transitionProperty:1,transitionTimingFunction:1,userSelect:1,verticalAlign:1,visibility:1,whiteSpace:1,width:1,wordBreak:1,wordSpacing:1,wordWrap:1,zIndex:1};var s=b;
2
- //# sourceMappingURL=cssPropList.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/Tag/cssPropList.ts"],
4
- "sourcesContent": ["\nconst CSS_PROP_LIST: any = {\n typography: 1,\n bgcolor: 1,\n bgimage: 1,\n bg: 1,\n p: 1,\n pt: 1,\n pr: 1,\n pb: 1,\n pl: 1,\n px: 1,\n py: 1,\n m: 1,\n mt: 1,\n mr: 1,\n mb: 1,\n ml: 1,\n mx: 1,\n my: 1,\n radius: 1,\n shadow: 1,\n flexBox: 1,\n flexRow: 1,\n flexColumn: 1,\n flexWraped: 1,\n disabled: 1,\n spacing: 1,\n\n gradient: 1,\n\n // CSS Props\n alignContent: 1,\n alignItems: 1,\n alignSelf: 1,\n animation: 1,\n animationComposition: 1,\n animationDelay: 1,\n animationDirection: 1,\n animationDuration: 1,\n animationFillMode: 1,\n animationIterationCount: 1,\n animationName: 1,\n animationTimingFunction: 1,\n backdropFilter: 1,\n background: 1,\n backgroundAttachment: 1,\n backgroundColor: 1,\n backgroundImage: 1,\n backgroundOrigin: 1,\n backgroundPosition: 1,\n backgroundRepeat: 1,\n backgroundSize: 1,\n border: 1,\n borderBottom: 1,\n borderBottomColor: 1,\n borderBottomStyle: 1,\n borderBottomWidth: 1,\n borderColor: 1,\n borderImage: 1,\n borderLeft: 1,\n borderLeftColor: 1,\n borderLeftStyle: 1,\n borderLeftWidth: 1,\n borderRadius: 1,\n borderRight: 1,\n borderRightColor: 1,\n borderRightStyle: 1,\n borderRightWidth: 1,\n borderStyle: 1,\n borderTop: 1,\n borderTopColor: 1,\n borderTopLeftRadius: 1,\n borderTopRightRadius: 1,\n borderTopStyle: 1,\n borderTopWidth: 1,\n borderWidth: 1,\n bottom: 1,\n boxShadow: 1,\n boxSizing: 1,\n cursor: 1,\n color: 1,\n display: 1,\n direction: 1,\n filter: 1,\n flex: 1,\n flexBasis: 1,\n flexDirection: 1,\n flexFlow: 1,\n flexGrow: 1,\n flexShrink: 1,\n flexWrap: 1,\n float: 1,\n fontFamily: 1,\n fontSize: 1,\n fontStyle: 1,\n fontWeight: 1,\n font: 1,\n gap: 1,\n grid: 1,\n gridArea: 1,\n gridAutoColumns: 1,\n gridAutoFlow: 1,\n gridAutoRows: 1,\n gridColumn: 1,\n gridColumnEnd: 1,\n gridColumnGap: 1,\n gridColumnStart: 1,\n gridGap: 1,\n gridRow: 1,\n gridRowEnd: 1,\n gridRowGap: 1,\n gridRowStart: 1,\n gridTemplate: 1,\n gridTemplateAreas: 1,\n gridTemplateColumns: 1,\n gridTemplateRows: 1,\n height: 1,\n justifyContent: 1,\n justifyItems: 1,\n justifySelf: 1,\n left: 1,\n letterSpacing: 1,\n lineBreak: 1,\n lineHeight: 1,\n listStyle: 1,\n margin: 1,\n marginBlock: 1,\n marginBlockEnd: 1,\n marginBlockStart: 1,\n marginBottom: 1,\n marginInline: 1,\n marginInlineEnd: 1,\n marginInlineStart: 1,\n marginLeft: 1,\n marginRight: 1,\n marginTop: 1,\n maxHeight: 1,\n maxWidth: 1,\n minHeight: 1,\n minWidth: 1,\n objectFit: 1,\n objectPosition: 1,\n opacity: 1,\n order: 1,\n outline: 1,\n overflow: 1,\n overflowX: 1,\n overflowY: 1,\n padding: 1,\n paddingBlock: 1,\n paddingBlockEnd: 1,\n paddingBlockStart: 1,\n paddingBottom: 1,\n paddingInline: 1,\n paddingInlineEnd: 1,\n paddingInlineStart: 1,\n paddingLeft: 1,\n paddingRight: 1,\n paddingTop: 1,\n perspective: 1,\n perspectiveOrigin: 1,\n pointerEvents: 1,\n position: 1,\n resize: 1,\n right: 1,\n textAlign: 1,\n textDecoration: 1,\n textShadow: 1,\n textTransform: 1,\n top: 1,\n transform: 1,\n transformOrigin: 1,\n transformStyle: 1,\n transition: 1,\n transitionDelay: 1,\n transitionDuration: 1,\n transitionProperty: 1,\n transitionTimingFunction: 1,\n userSelect: 1,\n verticalAlign: 1,\n visibility: 1,\n whiteSpace: 1,\n width: 1,\n wordBreak: 1,\n wordSpacing: 1,\n wordWrap: 1,\n zIndex: 1,\n}\n\nexport default CSS_PROP_LIST"],
5
- "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GACA,MAAMI,EAAqB,CACvB,WAAY,EACZ,QAAS,EACT,QAAS,EACT,GAAI,EACJ,EAAG,EACH,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,EAAG,EACH,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,OAAQ,EACR,OAAQ,EACR,QAAS,EACT,QAAS,EACT,WAAY,EACZ,WAAY,EACZ,SAAU,EACV,QAAS,EAET,SAAU,EAGV,aAAc,EACd,WAAY,EACZ,UAAW,EACX,UAAW,EACX,qBAAsB,EACtB,eAAgB,EAChB,mBAAoB,EACpB,kBAAmB,EACnB,kBAAmB,EACnB,wBAAyB,EACzB,cAAe,EACf,wBAAyB,EACzB,eAAgB,EAChB,WAAY,EACZ,qBAAsB,EACtB,gBAAiB,EACjB,gBAAiB,EACjB,iBAAkB,EAClB,mBAAoB,EACpB,iBAAkB,EAClB,eAAgB,EAChB,OAAQ,EACR,aAAc,EACd,kBAAmB,EACnB,kBAAmB,EACnB,kBAAmB,EACnB,YAAa,EACb,YAAa,EACb,WAAY,EACZ,gBAAiB,EACjB,gBAAiB,EACjB,gBAAiB,EACjB,aAAc,EACd,YAAa,EACb,iBAAkB,EAClB,iBAAkB,EAClB,iBAAkB,EAClB,YAAa,EACb,UAAW,EACX,eAAgB,EAChB,oBAAqB,EACrB,qBAAsB,EACtB,eAAgB,EAChB,eAAgB,EAChB,YAAa,EACb,OAAQ,EACR,UAAW,EACX,UAAW,EACX,OAAQ,EACR,MAAO,EACP,QAAS,EACT,UAAW,EACX,OAAQ,EACR,KAAM,EACN,UAAW,EACX,cAAe,EACf,SAAU,EACV,SAAU,EACV,WAAY,EACZ,SAAU,EACV,MAAO,EACP,WAAY,EACZ,SAAU,EACV,UAAW,EACX,WAAY,EACZ,KAAM,EACN,IAAK,EACL,KAAM,EACN,SAAU,EACV,gBAAiB,EACjB,aAAc,EACd,aAAc,EACd,WAAY,EACZ,cAAe,EACf,cAAe,EACf,gBAAiB,EACjB,QAAS,EACT,QAAS,EACT,WAAY,EACZ,WAAY,EACZ,aAAc,EACd,aAAc,EACd,kBAAmB,EACnB,oBAAqB,EACrB,iBAAkB,EAClB,OAAQ,EACR,eAAgB,EAChB,aAAc,EACd,YAAa,EACb,KAAM,EACN,cAAe,EACf,UAAW,EACX,WAAY,EACZ,UAAW,EACX,OAAQ,EACR,YAAa,EACb,eAAgB,EAChB,iBAAkB,EAClB,aAAc,EACd,aAAc,EACd,gBAAiB,EACjB,kBAAmB,EACnB,WAAY,EACZ,YAAa,EACb,UAAW,EACX,UAAW,EACX,SAAU,EACV,UAAW,EACX,SAAU,EACV,UAAW,EACX,eAAgB,EAChB,QAAS,EACT,MAAO,EACP,QAAS,EACT,SAAU,EACV,UAAW,EACX,UAAW,EACX,QAAS,EACT,aAAc,EACd,gBAAiB,EACjB,kBAAmB,EACnB,cAAe,EACf,cAAe,EACf,iBAAkB,EAClB,mBAAoB,EACpB,YAAa,EACb,aAAc,EACd,WAAY,EACZ,YAAa,EACb,kBAAmB,EACnB,cAAe,EACf,SAAU,EACV,OAAQ,EACR,MAAO,EACP,UAAW,EACX,eAAgB,EAChB,WAAY,EACZ,cAAe,EACf,IAAK,EACL,UAAW,EACX,gBAAiB,EACjB,eAAgB,EAChB,WAAY,EACZ,gBAAiB,EACjB,mBAAoB,EACpB,mBAAoB,EACpB,yBAA0B,EAC1B,WAAY,EACZ,cAAe,EACf,WAAY,EACZ,WAAY,EACZ,MAAO,EACP,UAAW,EACX,YAAa,EACb,SAAU,EACV,OAAQ,CACZ,EAEA,IAAOF,EAAQE",
6
- "names": ["cssPropList_exports", "__export", "cssPropList_default", "__toCommonJS", "CSS_PROP_LIST"]
7
- }
package/cjs/Tag/index.js DELETED
@@ -1,2 +0,0 @@
1
- "use strict";var f=Object.create;var p=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty;var i=(o,e)=>{for(var r in e)p(o,r,{get:e[r],enumerable:!0})},n=(o,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of R(e))!d.call(o,t)&&t!==r&&p(o,t,{get:()=>e[t],enumerable:!(a=g(e,t))||a.enumerable});return o};var T=(o,e,r)=>(r=o!=null?f(c(o)):{},n(e||!o||!o.__esModule?p(r,"default",{value:o,enumerable:!0}):r,o)),y=o=>n(p({},"__esModule",{value:!0}),o);var l={};i(l,{default:()=>P});module.exports=y(l);var m=T(require("react"),1),s=T(require("./useTagProps"),1);const u=m.forwardRef(({component:o,children:e,...r},a)=>{const t=(0,s.default)(r);return t.ref=a,m.createElement(o||"div",t,e)});var P=u;
2
- //# sourceMappingURL=index.js.map