@xanui/core 1.2.43 → 1.2.45

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 (167) hide show
  1. package/AppRoot/AppRootProvider.cjs +20 -0
  2. package/AppRoot/AppRootProvider.cjs.map +1 -0
  3. package/AppRoot/AppRootProvider.js +7 -10
  4. package/AppRoot/AppRootProvider.js.map +1 -1
  5. package/AppRoot/Renderar.cjs +89 -0
  6. package/AppRoot/Renderar.cjs.map +1 -0
  7. package/AppRoot/Renderar.d.ts +1 -0
  8. package/AppRoot/Renderar.js +52 -20
  9. package/AppRoot/Renderar.js.map +1 -1
  10. package/AppRoot/index.cjs +45 -0
  11. package/AppRoot/index.cjs.map +1 -0
  12. package/AppRoot/index.js +25 -24
  13. package/AppRoot/index.js.map +1 -1
  14. package/Document/index.cjs +21 -0
  15. package/Document/index.cjs.map +1 -0
  16. package/Document/index.d.ts +7 -1
  17. package/Document/index.js +8 -11
  18. package/Document/index.js.map +1 -1
  19. package/Iframe/index.cjs +45 -0
  20. package/Iframe/{index.mjs.map → index.cjs.map} +1 -1
  21. package/Iframe/index.js +23 -25
  22. package/Iframe/index.js.map +1 -1
  23. package/Tag/ServerStyleTag.cjs +13 -0
  24. package/Tag/{ServerStyleTag.mjs.map → ServerStyleTag.cjs.map} +1 -1
  25. package/Tag/ServerStyleTag.js +3 -5
  26. package/Tag/ServerStyleTag.js.map +1 -1
  27. package/Tag/{cssPropList.mjs → cssPropList.cjs} +4 -2
  28. package/Tag/cssPropList.cjs.map +1 -0
  29. package/Tag/cssPropList.js +1 -3
  30. package/Tag/cssPropList.js.map +1 -1
  31. package/Tag/index.cjs +40 -0
  32. package/Tag/{index.mjs.map → index.cjs.map} +1 -1
  33. package/Tag/index.js +10 -31
  34. package/Tag/index.js.map +1 -1
  35. package/Tag/{useTagProps.mjs → useTagProps.cjs} +18 -16
  36. package/Tag/useTagProps.cjs.map +1 -0
  37. package/Tag/useTagProps.js +15 -17
  38. package/Tag/useTagProps.js.map +1 -1
  39. package/Transition/index.cjs +29 -0
  40. package/Transition/{index.mjs.map → index.cjs.map} +1 -1
  41. package/Transition/index.js +13 -15
  42. package/Transition/index.js.map +1 -1
  43. package/breakpoint/BreakpointProvider.cjs +49 -0
  44. package/breakpoint/BreakpointProvider.cjs.map +1 -0
  45. package/breakpoint/BreakpointProvider.js +27 -24
  46. package/breakpoint/BreakpointProvider.js.map +1 -1
  47. package/breakpoint/useBreakpoint.cjs +24 -0
  48. package/breakpoint/{useBreakpoint.mjs.map → useBreakpoint.cjs.map} +1 -1
  49. package/breakpoint/useBreakpoint.js +7 -9
  50. package/breakpoint/useBreakpoint.js.map +1 -1
  51. package/breakpoint/{useBreakpointProps.mjs → useBreakpointProps.cjs} +8 -6
  52. package/breakpoint/useBreakpointProps.cjs.map +1 -0
  53. package/breakpoint/useBreakpointProps.js +5 -7
  54. package/breakpoint/useBreakpointProps.js.map +1 -1
  55. package/css/CSSCacheProvider.cjs +34 -0
  56. package/css/{CSSCacheProvider.mjs.map → CSSCacheProvider.cjs.map} +1 -1
  57. package/css/CSSCacheProvider.js +10 -15
  58. package/css/CSSCacheProvider.js.map +1 -1
  59. package/css/{aliases.mjs → aliases.cjs} +4 -2
  60. package/css/aliases.cjs.map +1 -0
  61. package/css/aliases.js +1 -3
  62. package/css/aliases.js.map +1 -1
  63. package/css/{getProps.mjs → getProps.cjs} +4 -2
  64. package/css/{getProps.mjs.map → getProps.cjs.map} +1 -1
  65. package/css/getProps.js +1 -3
  66. package/css/getProps.js.map +1 -1
  67. package/css/{getValue.mjs → getValue.cjs} +4 -2
  68. package/css/{getValue.mjs.map → getValue.cjs.map} +1 -1
  69. package/css/getValue.js +1 -3
  70. package/css/getValue.js.map +1 -1
  71. package/css/{index.mjs → index.cjs} +15 -7
  72. package/css/index.cjs.map +1 -0
  73. package/css/index.js +6 -14
  74. package/css/index.js.map +1 -1
  75. package/hooks/{useAnimation.mjs → useAnimation.cjs} +16 -11
  76. package/hooks/{useAnimation.mjs.map → useAnimation.cjs.map} +1 -1
  77. package/hooks/useAnimation.js +10 -15
  78. package/hooks/useAnimation.js.map +1 -1
  79. package/hooks/{useColorTemplate.mjs → useColorTemplate.cjs} +4 -2
  80. package/hooks/{useColorTemplate.mjs.map → useColorTemplate.cjs.map} +1 -1
  81. package/hooks/useColorTemplate.js +1 -3
  82. package/hooks/useColorTemplate.js.map +1 -1
  83. package/hooks/useInterface.cjs +19 -0
  84. package/hooks/useInterface.cjs.map +1 -0
  85. package/hooks/useInterface.js +7 -9
  86. package/hooks/useInterface.js.map +1 -1
  87. package/hooks/{useMergeRefs.mjs → useMergeRefs.cjs} +6 -4
  88. package/hooks/{useMergeRefs.mjs.map → useMergeRefs.cjs.map} +1 -1
  89. package/hooks/useMergeRefs.js +3 -5
  90. package/hooks/useMergeRefs.js.map +1 -1
  91. package/hooks/usePortal.cjs +69 -0
  92. package/hooks/usePortal.cjs.map +1 -0
  93. package/hooks/usePortal.js +29 -32
  94. package/hooks/usePortal.js.map +1 -1
  95. package/hooks/useTransition/{index.mjs → index.cjs} +29 -27
  96. package/hooks/useTransition/index.cjs.map +1 -0
  97. package/hooks/useTransition/index.js +26 -28
  98. package/hooks/useTransition/index.js.map +1 -1
  99. package/hooks/useTransition/{variants.mjs → variants.cjs} +17 -2
  100. package/hooks/useTransition/{variants.mjs.map → variants.cjs.map} +1 -1
  101. package/hooks/useTransition/variants.js +1 -16
  102. package/hooks/useTransition/variants.js.map +1 -1
  103. package/index.cjs +64 -0
  104. package/index.cjs.map +1 -0
  105. package/index.js +25 -63
  106. package/index.js.map +1 -1
  107. package/package.json +4 -11
  108. package/theme/{ThemeCssVars.mjs → ThemeCssVars.cjs} +4 -2
  109. package/theme/{ThemeCssVars.mjs.map → ThemeCssVars.cjs.map} +1 -1
  110. package/theme/ThemeCssVars.js +1 -3
  111. package/theme/ThemeCssVars.js.map +1 -1
  112. package/theme/{ThemeDefaultOptions.mjs → ThemeDefaultOptions.cjs} +11 -5
  113. package/theme/{ThemeDefaultOptions.mjs.map → ThemeDefaultOptions.cjs.map} +1 -1
  114. package/theme/ThemeDefaultOptions.js +4 -10
  115. package/theme/ThemeDefaultOptions.js.map +1 -1
  116. package/theme/{ThemeProvider.mjs → ThemeProvider.cjs} +52 -31
  117. package/theme/ThemeProvider.cjs.map +1 -0
  118. package/theme/ThemeProvider.js +30 -51
  119. package/theme/ThemeProvider.js.map +1 -1
  120. package/theme/{core.mjs → core.cjs} +12 -6
  121. package/theme/core.cjs.map +1 -0
  122. package/theme/core.js +5 -11
  123. package/theme/core.js.map +1 -1
  124. package/theme/createTheme.cjs +27 -0
  125. package/theme/{createTheme.mjs.map → createTheme.cjs.map} +1 -1
  126. package/theme/createTheme.js +10 -12
  127. package/theme/createTheme.js.map +1 -1
  128. package/theme/{createThemeSwitcher.mjs → createThemeSwitcher.cjs} +8 -6
  129. package/theme/{createThemeSwitcher.mjs.map → createThemeSwitcher.cjs.map} +1 -1
  130. package/theme/createThemeSwitcher.js +5 -7
  131. package/theme/createThemeSwitcher.js.map +1 -1
  132. package/theme/index.cjs +15 -0
  133. package/theme/{index.mjs.map → index.cjs.map} +1 -1
  134. package/theme/index.js +6 -11
  135. package/theme/index.js.map +1 -1
  136. package/AppRoot/AppRootProvider.mjs +0 -17
  137. package/AppRoot/AppRootProvider.mjs.map +0 -1
  138. package/AppRoot/Renderar.mjs +0 -51
  139. package/AppRoot/Renderar.mjs.map +0 -1
  140. package/AppRoot/index.mjs +0 -40
  141. package/AppRoot/index.mjs.map +0 -1
  142. package/Document/index.mjs +0 -18
  143. package/Document/index.mjs.map +0 -1
  144. package/Iframe/index.mjs +0 -43
  145. package/Tag/ServerStyleTag.mjs +0 -11
  146. package/Tag/cssPropList.mjs.map +0 -1
  147. package/Tag/index.mjs +0 -19
  148. package/Tag/useTagProps.mjs.map +0 -1
  149. package/Transition/index.mjs +0 -27
  150. package/breakpoint/BreakpointProvider.mjs +0 -40
  151. package/breakpoint/BreakpointProvider.mjs.map +0 -1
  152. package/breakpoint/useBreakpoint.mjs +0 -22
  153. package/breakpoint/useBreakpointProps.mjs.map +0 -1
  154. package/css/CSSCacheProvider.mjs +0 -29
  155. package/css/aliases.mjs.map +0 -1
  156. package/css/index.mjs.map +0 -1
  157. package/hooks/useInterface.mjs +0 -17
  158. package/hooks/useInterface.mjs.map +0 -1
  159. package/hooks/usePortal.mjs +0 -68
  160. package/hooks/usePortal.mjs.map +0 -1
  161. package/hooks/useTransition/index.mjs.map +0 -1
  162. package/index.mjs +0 -26
  163. package/index.mjs.map +0 -1
  164. package/theme/ThemeProvider.mjs.map +0 -1
  165. package/theme/core.mjs.map +0 -1
  166. package/theme/createTheme.mjs +0 -25
  167. package/theme/index.mjs +0 -10
package/Iframe/index.js CHANGED
@@ -1,31 +1,29 @@
1
1
  "use client";
2
- 'use strict';
2
+ import { __rest } from 'tslib';
3
+ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
4
+ import React__default, { createContext, useState, useRef, useEffect } from 'react';
5
+ import { useTheme } from '../theme/core.js';
6
+ import '../css/getValue.js';
7
+ import 'oncss';
8
+ import '../theme/ThemeProvider.js';
9
+ import 'react-state-bucket';
10
+ import Tag from '../Tag/index.js';
11
+ import { createPortal } from 'react-dom';
12
+ import AppRoot from '../AppRoot/index.js';
13
+ import useMergeRefs from '../hooks/useMergeRefs.js';
3
14
 
4
- var tslib = require('tslib');
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var React = require('react');
7
- var core = require('../theme/core.js');
8
- require('../css/getValue.js');
9
- require('oncss');
10
- require('../theme/ThemeProvider.js');
11
- require('react-state-bucket');
12
- var index$1 = require('../Tag/index.js');
13
- var reactDom = require('react-dom');
14
- var index$2 = require('../AppRoot/index.js');
15
- var useMergeRefs = require('../hooks/useMergeRefs.js');
16
-
17
- const IframeContext = React.createContext({
15
+ const IframeContext = createContext({
18
16
  document: null,
19
17
  window: null,
20
18
  });
21
19
  const Iframe = (_a, ref) => {
22
- var { children, sxr, theme, CSSCacheId } = _a, props = tslib.__rest(_a, ["children", "sxr", "theme", "CSSCacheId"]);
23
- const [doc, setDoc] = React.useState(null);
24
- const iframeRef = React.useRef(null);
20
+ var { children, sxr, theme, CSSCacheId } = _a, props = __rest(_a, ["children", "sxr", "theme", "CSSCacheId"]);
21
+ const [doc, setDoc] = useState(null);
22
+ const iframeRef = useRef(null);
25
23
  const _ref = useMergeRefs(iframeRef, ref);
26
- const parentTheme = core.useTheme();
24
+ const parentTheme = useTheme();
27
25
  theme !== null && theme !== void 0 ? theme : (theme = parentTheme.name);
28
- React.useEffect(() => {
26
+ useEffect(() => {
29
27
  if (!iframeRef.current)
30
28
  return;
31
29
  const iframe = iframeRef.current;
@@ -33,13 +31,13 @@ const Iframe = (_a, ref) => {
33
31
  iframe.addEventListener("load", onLoad);
34
32
  return () => iframe.removeEventListener("load", onLoad);
35
33
  }, []);
36
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(index$1, Object.assign({}, props, { component: "iframe", sxr: Object.assign({ border: 'none', width: "100%", height: "100%", p: 0, m: 0 }, sxr), ref: _ref, srcDoc: "<!DOCTYPE html><html><head></head><body></body></html>" })), doc &&
37
- reactDom.createPortal(jsxRuntime.jsx(IframeContext.Provider, { value: {
34
+ return (jsxs(Fragment, { children: [jsx(Tag, Object.assign({}, props, { component: "iframe", sxr: Object.assign({ border: 'none', width: "100%", height: "100%", p: 0, m: 0 }, sxr), ref: _ref, srcDoc: "<!DOCTYPE html><html><head></head><body></body></html>" })), doc &&
35
+ createPortal(jsx(IframeContext.Provider, { value: {
38
36
  document: doc,
39
37
  window: doc.defaultView,
40
- }, children: jsxRuntime.jsx(index$2, { theme: theme, document: doc, CSSCacheId: CSSCacheId, children: children }) }), doc.body)] }));
38
+ }, children: jsx(AppRoot, { theme: theme, document: doc, CSSCacheId: CSSCacheId, children: children }) }), doc.body)] }));
41
39
  };
42
- var index = React.forwardRef(Iframe);
40
+ var index = React__default.forwardRef(Iframe);
43
41
 
44
- module.exports = index;
42
+ export { index as default };
45
43
  //# sourceMappingURL=index.js.map
package/Iframe/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/Iframe/index.tsx"],"sourcesContent":["'use client'\r\nimport React, { createContext, useEffect, useRef, useState } from \"react\";\r\nimport { useTheme } from \"../theme\";\r\nimport Tag from \"../Tag\";\r\nimport { createPortal } from \"react-dom\";\r\nimport AppRoot from \"../AppRoot\";\r\nimport { TagPropsRoot } from \"../Tag/types\";\r\nimport useMergeRefs from \"../hooks/useMergeRefs\";\r\n\r\nconst IframeContext = createContext<{ document: Document | null; window: Window | null; }>({\r\n document: null,\r\n window: null,\r\n});\r\n\r\n\r\nexport type IframeProps = Omit<TagPropsRoot<\"iframe\">, \"component\"> & {\r\n theme?: string;\r\n CSSCacheId?: string;\r\n}\r\n\r\nconst Iframe = ({ children, sxr, theme, CSSCacheId, ...props }: IframeProps, ref: React.Ref<HTMLIFrameElement>) => {\r\n const [doc, setDoc] = useState<Document | null>(null);\r\n const iframeRef = useRef<HTMLIFrameElement>(null);\r\n const _ref = useMergeRefs(iframeRef, ref)\r\n const parentTheme = useTheme()\r\n theme ??= parentTheme.name\r\n\r\n useEffect(() => {\r\n if (!iframeRef.current) return;\r\n const iframe = iframeRef.current;\r\n const onLoad = () => setDoc(iframe.contentDocument);\r\n iframe.addEventListener(\"load\", onLoad);\r\n return () => iframe.removeEventListener(\"load\", onLoad);\r\n }, []);\r\n\r\n return (\r\n <>\r\n <Tag\r\n {...props}\r\n component={\"iframe\"}\r\n sxr={{\r\n border: 'none',\r\n width: \"100%\",\r\n height: \"100%\",\r\n p: 0,\r\n m: 0,\r\n ...sxr\r\n }}\r\n ref={_ref}\r\n srcDoc={\"<!DOCTYPE html><html><head></head><body></body></html>\"}\r\n />\r\n {doc &&\r\n createPortal(\r\n <IframeContext.Provider\r\n value={{\r\n document: doc,\r\n window: doc.defaultView,\r\n }}\r\n >\r\n <AppRoot theme={theme} document={doc as Document} CSSCacheId={CSSCacheId}>\r\n {children}\r\n </AppRoot>\r\n </IframeContext.Provider>,\r\n doc.body\r\n )}\r\n </>\r\n );\r\n}\r\n\r\nexport default React.forwardRef(Iframe)"],"names":[],"mappings":";;;;;;;;;;;;;;;;AASA;AACG;AACA;AACF;AAQD;AAAgB;;AAEb;;AAEA;;;;;AAKG;;AAEA;;;;AAqBM;AAGS;;;AAYrB;AAEA;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/Iframe/index.tsx"],"sourcesContent":["'use client'\r\nimport React, { createContext, useEffect, useRef, useState } from \"react\";\r\nimport { useTheme } from \"../theme\";\r\nimport Tag from \"../Tag\";\r\nimport { createPortal } from \"react-dom\";\r\nimport AppRoot from \"../AppRoot\";\r\nimport { TagPropsRoot } from \"../Tag/types\";\r\nimport useMergeRefs from \"../hooks/useMergeRefs\";\r\n\r\nconst IframeContext = createContext<{ document: Document | null; window: Window | null; }>({\r\n document: null,\r\n window: null,\r\n});\r\n\r\n\r\nexport type IframeProps = Omit<TagPropsRoot<\"iframe\">, \"component\"> & {\r\n theme?: string;\r\n CSSCacheId?: string;\r\n}\r\n\r\nconst Iframe = ({ children, sxr, theme, CSSCacheId, ...props }: IframeProps, ref: React.Ref<HTMLIFrameElement>) => {\r\n const [doc, setDoc] = useState<Document | null>(null);\r\n const iframeRef = useRef<HTMLIFrameElement>(null);\r\n const _ref = useMergeRefs(iframeRef, ref)\r\n const parentTheme = useTheme()\r\n theme ??= parentTheme.name\r\n\r\n useEffect(() => {\r\n if (!iframeRef.current) return;\r\n const iframe = iframeRef.current;\r\n const onLoad = () => setDoc(iframe.contentDocument);\r\n iframe.addEventListener(\"load\", onLoad);\r\n return () => iframe.removeEventListener(\"load\", onLoad);\r\n }, []);\r\n\r\n return (\r\n <>\r\n <Tag\r\n {...props}\r\n component={\"iframe\"}\r\n sxr={{\r\n border: 'none',\r\n width: \"100%\",\r\n height: \"100%\",\r\n p: 0,\r\n m: 0,\r\n ...sxr\r\n }}\r\n ref={_ref}\r\n srcDoc={\"<!DOCTYPE html><html><head></head><body></body></html>\"}\r\n />\r\n {doc &&\r\n createPortal(\r\n <IframeContext.Provider\r\n value={{\r\n document: doc,\r\n window: doc.defaultView,\r\n }}\r\n >\r\n <AppRoot theme={theme} document={doc as Document} CSSCacheId={CSSCacheId}>\r\n {children}\r\n </AppRoot>\r\n </IframeContext.Provider>,\r\n doc.body\r\n )}\r\n </>\r\n );\r\n}\r\n\r\nexport default React.forwardRef(Iframe)"],"names":[],"mappings":";;;;;;;;;;;;;;AASA;AACG;AACA;AACF;AAQD;AAAgB;;AAEb;;AAEA;;;;;AAKG;;AAEA;;;;AAqBM;AAGS;;;AAYrB;AAEA;;"}
package/Tag/ServerStyleTag.cjs ADDED
@@ -0,0 +1,13 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('react/jsx-runtime');
4
+
5
+ const ServerStyleTag = ({ factory }) => {
6
+ if (typeof window === 'undefined') {
7
+ return jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: factory.css }, precedence: factory.classname, href: factory.classname });
8
+ }
9
+ return null;
10
+ };
11
+
12
+ module.exports = ServerStyleTag;
13
+ //# sourceMappingURL=ServerStyleTag.cjs.map
package/Tag/{ServerStyleTag.mjs.map → ServerStyleTag.cjs.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"ServerStyleTag.mjs","sources":["../../src/Tag/ServerStyleTag.tsx"],"sourcesContent":["import { CSSFactoryType } from 'oncss'\r\nimport React from 'react'\r\n\r\nconst ServerStyleTag = ({ factory }: { factory: CSSFactoryType }) => {\r\n if (typeof window === 'undefined') {\r\n return <style\r\n dangerouslySetInnerHTML={{ __html: factory.css }}\r\n precedence={factory.classname}\r\n href={factory.classname}\r\n />\r\n }\r\n return null\r\n}\r\n\r\nexport default ServerStyleTag\r\n"],"names":["_jsx"],"mappings":";;AAGA,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAA+B,KAAI;AACjE,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAChC,OAAOA,GAAA,CAAA,OAAA,EAAA,EACJ,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EAChD,UAAU,EAAE,OAAO,CAAC,SAAS,EAC7B,IAAI,EAAE,OAAO,CAAC,SAAS,EAAA,CACxB;IACL;AACA,IAAA,OAAO,IAAI;AACd;;;;"}
1
+ {"version":3,"file":"ServerStyleTag.cjs","sources":["../../src/Tag/ServerStyleTag.tsx"],"sourcesContent":["import { CSSFactoryType } from 'oncss'\r\nimport React from 'react'\r\n\r\nconst ServerStyleTag = ({ factory }: { factory: CSSFactoryType }) => {\r\n if (typeof window === 'undefined') {\r\n return <style\r\n dangerouslySetInnerHTML={{ __html: factory.css }}\r\n precedence={factory.classname}\r\n href={factory.classname}\r\n />\r\n }\r\n return null\r\n}\r\n\r\nexport default ServerStyleTag\r\n"],"names":["_jsx"],"mappings":";;;;AAGA,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAA+B,KAAI;AACjE,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAChC,OAAOA,cAAA,CAAA,OAAA,EAAA,EACJ,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EAChD,UAAU,EAAE,OAAO,CAAC,SAAS,EAC7B,IAAI,EAAE,OAAO,CAAC,SAAS,EAAA,CACxB;IACL;AACA,IAAA,OAAO,IAAI;AACd;;;;"}
package/Tag/ServerStyleTag.js CHANGED
@@ -1,13 +1,11 @@
1
- 'use strict';
2
-
3
- var jsxRuntime = require('react/jsx-runtime');
1
+ import { jsx } from 'react/jsx-runtime';
4
2
 
5
3
  const ServerStyleTag = ({ factory }) => {
6
4
  if (typeof window === 'undefined') {
7
- return jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: factory.css }, precedence: factory.classname, href: factory.classname });
5
+ return jsx("style", { dangerouslySetInnerHTML: { __html: factory.css }, precedence: factory.classname, href: factory.classname });
8
6
  }
9
7
  return null;
10
8
  };
11
9
 
12
- module.exports = ServerStyleTag;
10
+ export { ServerStyleTag as default };
13
11
  //# sourceMappingURL=ServerStyleTag.js.map
package/Tag/ServerStyleTag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ServerStyleTag.js","sources":["../../src/Tag/ServerStyleTag.tsx"],"sourcesContent":["import { CSSFactoryType } from 'oncss'\r\nimport React from 'react'\r\n\r\nconst ServerStyleTag = ({ factory }: { factory: CSSFactoryType }) => {\r\n if (typeof window === 'undefined') {\r\n return <style\r\n dangerouslySetInnerHTML={{ __html: factory.css }}\r\n precedence={factory.classname}\r\n href={factory.classname}\r\n />\r\n }\r\n return null\r\n}\r\n\r\nexport default ServerStyleTag\r\n"],"names":["_jsx"],"mappings":";;;;AAGA,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAA+B,KAAI;AACjE,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAChC,OAAOA,cAAA,CAAA,OAAA,EAAA,EACJ,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EAChD,UAAU,EAAE,OAAO,CAAC,SAAS,EAC7B,IAAI,EAAE,OAAO,CAAC,SAAS,EAAA,CACxB;IACL;AACA,IAAA,OAAO,IAAI;AACd;;;;"}
1
+ {"version":3,"file":"ServerStyleTag.js","sources":["../../src/Tag/ServerStyleTag.tsx"],"sourcesContent":["import { CSSFactoryType } from 'oncss'\r\nimport React from 'react'\r\n\r\nconst ServerStyleTag = ({ factory }: { factory: CSSFactoryType }) => {\r\n if (typeof window === 'undefined') {\r\n return <style\r\n dangerouslySetInnerHTML={{ __html: factory.css }}\r\n precedence={factory.classname}\r\n href={factory.classname}\r\n />\r\n }\r\n return null\r\n}\r\n\r\nexport default ServerStyleTag\r\n"],"names":["_jsx"],"mappings":";;AAGA,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAA+B,KAAI;AACjE,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAChC,OAAOA,GAAA,CAAA,OAAA,EAAA,EACJ,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EAChD,UAAU,EAAE,OAAO,CAAC,SAAS,EAC7B,IAAI,EAAE,OAAO,CAAC,SAAS,EAAA,CACxB;IACL;AACA,IAAA,OAAO,IAAI;AACd;;;;"}
package/Tag/{cssPropList.mjs → cssPropList.cjs} RENAMED
@@ -1,3 +1,5 @@
1
+ 'use strict';
2
+
1
3
  const CSS_PROP_LIST = {
2
4
  typography: 1,
3
5
  bgcolor: 1,
@@ -185,5 +187,5 @@ const CSS_PROP_LIST = {
185
187
  zIndex: 1,
186
188
  };
187
189
 
188
- export { CSS_PROP_LIST as default };
189
- //# sourceMappingURL=cssPropList.mjs.map
190
+ module.exports = CSS_PROP_LIST;
191
+ //# sourceMappingURL=cssPropList.cjs.map
package/Tag/cssPropList.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cssPropList.cjs","sources":["../../src/Tag/cssPropList.ts"],"sourcesContent":["\r\nconst CSS_PROP_LIST: any = {\r\n typography: 1,\r\n bgcolor: 1,\r\n bgimage: 1,\r\n bg: 1,\r\n p: 1,\r\n pt: 1,\r\n pr: 1,\r\n pb: 1,\r\n pl: 1,\r\n px: 1,\r\n py: 1,\r\n m: 1,\r\n mt: 1,\r\n mr: 1,\r\n mb: 1,\r\n ml: 1,\r\n mx: 1,\r\n my: 1,\r\n radius: 1,\r\n shadow: 1,\r\n flexBox: 1,\r\n flexRow: 1,\r\n flexColumn: 1,\r\n flexWraped: 1,\r\n disabled: 1,\r\n spacing: 1,\r\n\r\n gradient: 1,\r\n\r\n // CSS Props\r\n alignContent: 1,\r\n alignItems: 1,\r\n alignSelf: 1,\r\n animation: 1,\r\n animationComposition: 1,\r\n animationDelay: 1,\r\n animationDirection: 1,\r\n animationDuration: 1,\r\n animationFillMode: 1,\r\n animationIterationCount: 1,\r\n animationName: 1,\r\n animationTimingFunction: 1,\r\n backdropFilter: 1,\r\n background: 1,\r\n backgroundAttachment: 1,\r\n backgroundColor: 1,\r\n backgroundImage: 1,\r\n backgroundOrigin: 1,\r\n backgroundPosition: 1,\r\n backgroundRepeat: 1,\r\n backgroundSize: 1,\r\n border: 1,\r\n borderBottom: 1,\r\n borderBottomColor: 1,\r\n borderBottomStyle: 1,\r\n borderBottomWidth: 1,\r\n borderColor: 1,\r\n borderImage: 1,\r\n borderLeft: 1,\r\n borderLeftColor: 1,\r\n borderLeftStyle: 1,\r\n borderLeftWidth: 1,\r\n borderRadius: 1,\r\n borderRight: 1,\r\n borderRightColor: 1,\r\n borderRightStyle: 1,\r\n borderRightWidth: 1,\r\n borderStyle: 1,\r\n borderTop: 1,\r\n borderTopColor: 1,\r\n borderTopLeftRadius: 1,\r\n borderTopRightRadius: 1,\r\n borderTopStyle: 1,\r\n borderTopWidth: 1,\r\n borderWidth: 1,\r\n bottom: 1,\r\n boxShadow: 1,\r\n boxSizing: 1,\r\n cursor: 1,\r\n color: 1,\r\n display: 1,\r\n direction: 1,\r\n filter: 1,\r\n flex: 1,\r\n flexBasis: 1,\r\n flexDirection: 1,\r\n flexFlow: 1,\r\n flexGrow: 1,\r\n flexShrink: 1,\r\n flexWrap: 1,\r\n float: 1,\r\n fontFamily: 1,\r\n fontSize: 1,\r\n fontStyle: 1,\r\n fontWeight: 1,\r\n font: 1,\r\n gap: 1,\r\n grid: 1,\r\n gridArea: 1,\r\n gridAutoColumns: 1,\r\n gridAutoFlow: 1,\r\n gridAutoRows: 1,\r\n gridColumn: 1,\r\n gridColumnEnd: 1,\r\n gridColumnGap: 1,\r\n gridColumnStart: 1,\r\n gridGap: 1,\r\n gridRow: 1,\r\n gridRowEnd: 1,\r\n gridRowGap: 1,\r\n gridRowStart: 1,\r\n gridTemplate: 1,\r\n gridTemplateAreas: 1,\r\n gridTemplateColumns: 1,\r\n gridTemplateRows: 1,\r\n height: 1,\r\n justifyContent: 1,\r\n justifyItems: 1,\r\n justifySelf: 1,\r\n left: 1,\r\n letterSpacing: 1,\r\n lineBreak: 1,\r\n lineHeight: 1,\r\n listStyle: 1,\r\n margin: 1,\r\n marginBlock: 1,\r\n marginBlockEnd: 1,\r\n marginBlockStart: 1,\r\n marginBottom: 1,\r\n marginInline: 1,\r\n marginInlineEnd: 1,\r\n marginInlineStart: 1,\r\n marginLeft: 1,\r\n marginRight: 1,\r\n marginTop: 1,\r\n maxHeight: 1,\r\n maxWidth: 1,\r\n minHeight: 1,\r\n minWidth: 1,\r\n objectFit: 1,\r\n objectPosition: 1,\r\n opacity: 1,\r\n order: 1,\r\n outline: 1,\r\n overflow: 1,\r\n overflowX: 1,\r\n overflowY: 1,\r\n padding: 1,\r\n paddingBlock: 1,\r\n paddingBlockEnd: 1,\r\n paddingBlockStart: 1,\r\n paddingBottom: 1,\r\n paddingInline: 1,\r\n paddingInlineEnd: 1,\r\n paddingInlineStart: 1,\r\n paddingLeft: 1,\r\n paddingRight: 1,\r\n paddingTop: 1,\r\n perspective: 1,\r\n perspectiveOrigin: 1,\r\n pointerEvents: 1,\r\n position: 1,\r\n resize: 1,\r\n right: 1,\r\n textAlign: 1,\r\n textDecoration: 1,\r\n textShadow: 1,\r\n textTransform: 1,\r\n top: 1,\r\n transform: 1,\r\n transformOrigin: 1,\r\n transformStyle: 1,\r\n transition: 1,\r\n transitionDelay: 1,\r\n transitionDuration: 1,\r\n transitionProperty: 1,\r\n transitionTimingFunction: 1,\r\n userSelect: 1,\r\n verticalAlign: 1,\r\n visibility: 1,\r\n whiteSpace: 1,\r\n width: 1,\r\n wordBreak: 1,\r\n wordSpacing: 1,\r\n wordWrap: 1,\r\n zIndex: 1,\r\n}\r\n\r\nexport default CSS_PROP_LIST"],"names":[],"mappings":"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"}
package/Tag/cssPropList.js CHANGED
@@ -1,5 +1,3 @@
1
- 'use strict';
2
-
3
1
  const CSS_PROP_LIST = {
4
2
  typography: 1,
5
3
  bgcolor: 1,
@@ -187,5 +185,5 @@ const CSS_PROP_LIST = {
187
185
  zIndex: 1,
188
186
  };
189
187
 
190
- module.exports = CSS_PROP_LIST;
188
+ export { CSS_PROP_LIST as default };
191
189
  //# sourceMappingURL=cssPropList.js.map
package/Tag/cssPropList.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"cssPropList.js","sources":["../../src/Tag/cssPropList.ts"],"sourcesContent":["\r\nconst CSS_PROP_LIST: any = {\r\n typography: 1,\r\n bgcolor: 1,\r\n bgimage: 1,\r\n bg: 1,\r\n p: 1,\r\n pt: 1,\r\n pr: 1,\r\n pb: 1,\r\n pl: 1,\r\n px: 1,\r\n py: 1,\r\n m: 1,\r\n mt: 1,\r\n mr: 1,\r\n mb: 1,\r\n ml: 1,\r\n mx: 1,\r\n my: 1,\r\n radius: 1,\r\n shadow: 1,\r\n flexBox: 1,\r\n flexRow: 1,\r\n flexColumn: 1,\r\n flexWraped: 1,\r\n disabled: 1,\r\n spacing: 1,\r\n\r\n gradient: 1,\r\n\r\n // CSS Props\r\n alignContent: 1,\r\n alignItems: 1,\r\n alignSelf: 1,\r\n animation: 1,\r\n animationComposition: 1,\r\n animationDelay: 1,\r\n animationDirection: 1,\r\n animationDuration: 1,\r\n animationFillMode: 1,\r\n animationIterationCount: 1,\r\n animationName: 1,\r\n animationTimingFunction: 1,\r\n backdropFilter: 1,\r\n background: 1,\r\n backgroundAttachment: 1,\r\n backgroundColor: 1,\r\n backgroundImage: 1,\r\n backgroundOrigin: 1,\r\n backgroundPosition: 1,\r\n backgroundRepeat: 1,\r\n backgroundSize: 1,\r\n border: 1,\r\n borderBottom: 1,\r\n borderBottomColor: 1,\r\n borderBottomStyle: 1,\r\n borderBottomWidth: 1,\r\n borderColor: 1,\r\n borderImage: 1,\r\n borderLeft: 1,\r\n borderLeftColor: 1,\r\n borderLeftStyle: 1,\r\n borderLeftWidth: 1,\r\n borderRadius: 1,\r\n borderRight: 1,\r\n borderRightColor: 1,\r\n borderRightStyle: 1,\r\n borderRightWidth: 1,\r\n borderStyle: 1,\r\n borderTop: 1,\r\n borderTopColor: 1,\r\n borderTopLeftRadius: 1,\r\n borderTopRightRadius: 1,\r\n borderTopStyle: 1,\r\n borderTopWidth: 1,\r\n borderWidth: 1,\r\n bottom: 1,\r\n boxShadow: 1,\r\n boxSizing: 1,\r\n cursor: 1,\r\n color: 1,\r\n display: 1,\r\n direction: 1,\r\n filter: 1,\r\n flex: 1,\r\n flexBasis: 1,\r\n flexDirection: 1,\r\n flexFlow: 1,\r\n flexGrow: 1,\r\n flexShrink: 1,\r\n flexWrap: 1,\r\n float: 1,\r\n fontFamily: 1,\r\n fontSize: 1,\r\n fontStyle: 1,\r\n fontWeight: 1,\r\n font: 1,\r\n gap: 1,\r\n grid: 1,\r\n gridArea: 1,\r\n gridAutoColumns: 1,\r\n gridAutoFlow: 1,\r\n gridAutoRows: 1,\r\n gridColumn: 1,\r\n gridColumnEnd: 1,\r\n gridColumnGap: 1,\r\n gridColumnStart: 1,\r\n gridGap: 1,\r\n gridRow: 1,\r\n gridRowEnd: 1,\r\n gridRowGap: 1,\r\n gridRowStart: 1,\r\n gridTemplate: 1,\r\n gridTemplateAreas: 1,\r\n gridTemplateColumns: 1,\r\n gridTemplateRows: 1,\r\n height: 1,\r\n justifyContent: 1,\r\n justifyItems: 1,\r\n justifySelf: 1,\r\n left: 1,\r\n letterSpacing: 1,\r\n lineBreak: 1,\r\n lineHeight: 1,\r\n listStyle: 1,\r\n margin: 1,\r\n marginBlock: 1,\r\n marginBlockEnd: 1,\r\n marginBlockStart: 1,\r\n marginBottom: 1,\r\n marginInline: 1,\r\n marginInlineEnd: 1,\r\n marginInlineStart: 1,\r\n marginLeft: 1,\r\n marginRight: 1,\r\n marginTop: 1,\r\n maxHeight: 1,\r\n maxWidth: 1,\r\n minHeight: 1,\r\n minWidth: 1,\r\n objectFit: 1,\r\n objectPosition: 1,\r\n opacity: 1,\r\n order: 1,\r\n outline: 1,\r\n overflow: 1,\r\n overflowX: 1,\r\n overflowY: 1,\r\n padding: 1,\r\n paddingBlock: 1,\r\n paddingBlockEnd: 1,\r\n paddingBlockStart: 1,\r\n paddingBottom: 1,\r\n paddingInline: 1,\r\n paddingInlineEnd: 1,\r\n paddingInlineStart: 1,\r\n paddingLeft: 1,\r\n paddingRight: 1,\r\n paddingTop: 1,\r\n perspective: 1,\r\n perspectiveOrigin: 1,\r\n pointerEvents: 1,\r\n position: 1,\r\n resize: 1,\r\n right: 1,\r\n textAlign: 1,\r\n textDecoration: 1,\r\n textShadow: 1,\r\n textTransform: 1,\r\n top: 1,\r\n transform: 1,\r\n transformOrigin: 1,\r\n transformStyle: 1,\r\n transition: 1,\r\n transitionDelay: 1,\r\n transitionDuration: 1,\r\n transitionProperty: 1,\r\n transitionTimingFunction: 1,\r\n userSelect: 1,\r\n verticalAlign: 1,\r\n visibility: 1,\r\n whiteSpace: 1,\r\n width: 1,\r\n wordBreak: 1,\r\n wordSpacing: 1,\r\n wordWrap: 1,\r\n zIndex: 1,\r\n}\r\n\r\nexport default CSS_PROP_LIST"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"cssPropList.js","sources":["../../src/Tag/cssPropList.ts"],"sourcesContent":["\r\nconst CSS_PROP_LIST: any = {\r\n typography: 1,\r\n bgcolor: 1,\r\n bgimage: 1,\r\n bg: 1,\r\n p: 1,\r\n pt: 1,\r\n pr: 1,\r\n pb: 1,\r\n pl: 1,\r\n px: 1,\r\n py: 1,\r\n m: 1,\r\n mt: 1,\r\n mr: 1,\r\n mb: 1,\r\n ml: 1,\r\n mx: 1,\r\n my: 1,\r\n radius: 1,\r\n shadow: 1,\r\n flexBox: 1,\r\n flexRow: 1,\r\n flexColumn: 1,\r\n flexWraped: 1,\r\n disabled: 1,\r\n spacing: 1,\r\n\r\n gradient: 1,\r\n\r\n // CSS Props\r\n alignContent: 1,\r\n alignItems: 1,\r\n alignSelf: 1,\r\n animation: 1,\r\n animationComposition: 1,\r\n animationDelay: 1,\r\n animationDirection: 1,\r\n animationDuration: 1,\r\n animationFillMode: 1,\r\n animationIterationCount: 1,\r\n animationName: 1,\r\n animationTimingFunction: 1,\r\n backdropFilter: 1,\r\n background: 1,\r\n backgroundAttachment: 1,\r\n backgroundColor: 1,\r\n backgroundImage: 1,\r\n backgroundOrigin: 1,\r\n backgroundPosition: 1,\r\n backgroundRepeat: 1,\r\n backgroundSize: 1,\r\n border: 1,\r\n borderBottom: 1,\r\n borderBottomColor: 1,\r\n borderBottomStyle: 1,\r\n borderBottomWidth: 1,\r\n borderColor: 1,\r\n borderImage: 1,\r\n borderLeft: 1,\r\n borderLeftColor: 1,\r\n borderLeftStyle: 1,\r\n borderLeftWidth: 1,\r\n borderRadius: 1,\r\n borderRight: 1,\r\n borderRightColor: 1,\r\n borderRightStyle: 1,\r\n borderRightWidth: 1,\r\n borderStyle: 1,\r\n borderTop: 1,\r\n borderTopColor: 1,\r\n borderTopLeftRadius: 1,\r\n borderTopRightRadius: 1,\r\n borderTopStyle: 1,\r\n borderTopWidth: 1,\r\n borderWidth: 1,\r\n bottom: 1,\r\n boxShadow: 1,\r\n boxSizing: 1,\r\n cursor: 1,\r\n color: 1,\r\n display: 1,\r\n direction: 1,\r\n filter: 1,\r\n flex: 1,\r\n flexBasis: 1,\r\n flexDirection: 1,\r\n flexFlow: 1,\r\n flexGrow: 1,\r\n flexShrink: 1,\r\n flexWrap: 1,\r\n float: 1,\r\n fontFamily: 1,\r\n fontSize: 1,\r\n fontStyle: 1,\r\n fontWeight: 1,\r\n font: 1,\r\n gap: 1,\r\n grid: 1,\r\n gridArea: 1,\r\n gridAutoColumns: 1,\r\n gridAutoFlow: 1,\r\n gridAutoRows: 1,\r\n gridColumn: 1,\r\n gridColumnEnd: 1,\r\n gridColumnGap: 1,\r\n gridColumnStart: 1,\r\n gridGap: 1,\r\n gridRow: 1,\r\n gridRowEnd: 1,\r\n gridRowGap: 1,\r\n gridRowStart: 1,\r\n gridTemplate: 1,\r\n gridTemplateAreas: 1,\r\n gridTemplateColumns: 1,\r\n gridTemplateRows: 1,\r\n height: 1,\r\n justifyContent: 1,\r\n justifyItems: 1,\r\n justifySelf: 1,\r\n left: 1,\r\n letterSpacing: 1,\r\n lineBreak: 1,\r\n lineHeight: 1,\r\n listStyle: 1,\r\n margin: 1,\r\n marginBlock: 1,\r\n marginBlockEnd: 1,\r\n marginBlockStart: 1,\r\n marginBottom: 1,\r\n marginInline: 1,\r\n marginInlineEnd: 1,\r\n marginInlineStart: 1,\r\n marginLeft: 1,\r\n marginRight: 1,\r\n marginTop: 1,\r\n maxHeight: 1,\r\n maxWidth: 1,\r\n minHeight: 1,\r\n minWidth: 1,\r\n objectFit: 1,\r\n objectPosition: 1,\r\n opacity: 1,\r\n order: 1,\r\n outline: 1,\r\n overflow: 1,\r\n overflowX: 1,\r\n overflowY: 1,\r\n padding: 1,\r\n paddingBlock: 1,\r\n paddingBlockEnd: 1,\r\n paddingBlockStart: 1,\r\n paddingBottom: 1,\r\n paddingInline: 1,\r\n paddingInlineEnd: 1,\r\n paddingInlineStart: 1,\r\n paddingLeft: 1,\r\n paddingRight: 1,\r\n paddingTop: 1,\r\n perspective: 1,\r\n perspectiveOrigin: 1,\r\n pointerEvents: 1,\r\n position: 1,\r\n resize: 1,\r\n right: 1,\r\n textAlign: 1,\r\n textDecoration: 1,\r\n textShadow: 1,\r\n textTransform: 1,\r\n top: 1,\r\n transform: 1,\r\n transformOrigin: 1,\r\n transformStyle: 1,\r\n transition: 1,\r\n transitionDelay: 1,\r\n transitionDuration: 1,\r\n transitionProperty: 1,\r\n transitionTimingFunction: 1,\r\n userSelect: 1,\r\n verticalAlign: 1,\r\n visibility: 1,\r\n whiteSpace: 1,\r\n width: 1,\r\n wordBreak: 1,\r\n wordSpacing: 1,\r\n wordWrap: 1,\r\n zIndex: 1,\r\n}\r\n\r\nexport default CSS_PROP_LIST"],"names":[],"mappings":"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"}
package/Tag/index.cjs ADDED
@@ -0,0 +1,40 @@
1
+ 'use strict';
2
+
3
+ var tslib = require('tslib');
4
+ var jsxRuntime = require('react/jsx-runtime');
5
+ var React = require('react');
6
+ var useTagProps = require('./useTagProps.cjs');
7
+ var ServerStyleTag = require('./ServerStyleTag.cjs');
8
+
9
+ function _interopNamespaceDefault(e) {
10
+ var n = Object.create(null);
11
+ if (e) {
12
+ Object.keys(e).forEach(function (k) {
13
+ if (k !== 'default') {
14
+ var d = Object.getOwnPropertyDescriptor(e, k);
15
+ Object.defineProperty(n, k, d.get ? d : {
16
+ enumerable: true,
17
+ get: function () { return e[k]; }
18
+ });
19
+ }
20
+ });
21
+ }
22
+ n.default = e;
23
+ return Object.freeze(n);
24
+ }
25
+
26
+ var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
27
+
28
+ const Tag = React__namespace.forwardRef((_a, ref) => {
29
+ var { component, children } = _a, rest = tslib.__rest(_a, ["component", "children"]);
30
+ const { props, style } = useTagProps(rest);
31
+ props.ref = ref;
32
+ const ele = React__namespace.createElement(component || "div", props, children);
33
+ if (typeof window === 'undefined') {
34
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ServerStyleTag, { factory: style }), ele] }));
35
+ }
36
+ return ele;
37
+ });
38
+
39
+ module.exports = Tag;
40
+ //# sourceMappingURL=index.cjs.map
package/Tag/{index.mjs.map → index.cjs.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/Tag/index.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport { TagComponentType, TagPropsRoot } from './types';\r\nimport useTagProps from './useTagProps';\r\nimport ServerStyleTag from './ServerStyleTag';\r\n\r\nconst Tag = React.forwardRef(<T extends TagComponentType = 'div'>({ component, children, ...rest }: TagPropsRoot<T>, ref: React.Ref<any>) => {\r\n const { props, style }: any = useTagProps(rest)\r\n props.ref = ref\r\n const ele = React.createElement(component || \"div\", props, children)\r\n if (typeof window === 'undefined') {\r\n return (\r\n <>\r\n <ServerStyleTag factory={style} />\r\n {ele}\r\n </>\r\n )\r\n }\r\n return ele\r\n})\r\n\r\nexport default Tag"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;AAKA,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAiD,EAAE,GAAmB,KAAI;QAA1E,EAAE,SAAS,EAAE,QAAQ,EAAA,GAAA,EAA4B,EAAvB,IAAI,GAAA,MAAA,CAAA,EAAA,EAA9B,yBAAgC,CAAF;IAC5F,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAQ,WAAW,CAAC,IAAI,CAAC;AAC/C,IAAA,KAAK,CAAC,GAAG,GAAG,GAAG;AACf,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC,SAAS,IAAI,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC;AACpE,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAC/B,QAAA,QACIA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACIC,GAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAE,KAAK,EAAA,CAAI,EACjC,GAAG,CAAA,EAAA,CACL;IAEX;AACA,IAAA,OAAO,GAAG;AACd,CAAC;;;;"}
1
+ {"version":3,"file":"index.cjs","sources":["../../src/Tag/index.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport { TagComponentType, TagPropsRoot } from './types';\r\nimport useTagProps from './useTagProps';\r\nimport ServerStyleTag from './ServerStyleTag';\r\n\r\nconst Tag = React.forwardRef(<T extends TagComponentType = 'div'>({ component, children, ...rest }: TagPropsRoot<T>, ref: React.Ref<any>) => {\r\n const { props, style }: any = useTagProps(rest)\r\n props.ref = ref\r\n const ele = React.createElement(component || \"div\", props, children)\r\n if (typeof window === 'undefined') {\r\n return (\r\n <>\r\n <ServerStyleTag factory={style} />\r\n {ele}\r\n </>\r\n )\r\n }\r\n return ele\r\n})\r\n\r\nexport default Tag"],"names":["React","__rest","_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,GAAG,GAAGA,gBAAK,CAAC,UAAU,CAAC,CAAqC,EAAiD,EAAE,GAAmB,KAAI;QAA1E,EAAE,SAAS,EAAE,QAAQ,EAAA,GAAA,EAA4B,EAAvB,IAAI,GAAAC,YAAA,CAAA,EAAA,EAA9B,yBAAgC,CAAF;IAC5F,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAQ,WAAW,CAAC,IAAI,CAAC;AAC/C,IAAA,KAAK,CAAC,GAAG,GAAG,GAAG;AACf,IAAA,MAAM,GAAG,GAAGD,gBAAK,CAAC,aAAa,CAAC,SAAS,IAAI,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC;AACpE,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAC/B,QAAA,QACIE,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACIC,cAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAE,KAAK,EAAA,CAAI,EACjC,GAAG,CAAA,EAAA,CACL;IAEX;AACA,IAAA,OAAO,GAAG;AACd,CAAC;;;;"}
package/Tag/index.js CHANGED
@@ -1,40 +1,19 @@
1
- 'use strict';
1
+ import { __rest } from 'tslib';
2
+ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
3
+ import * as React from 'react';
4
+ import useTagProps from './useTagProps.js';
5
+ import ServerStyleTag from './ServerStyleTag.js';
2
6
 
3
- var tslib = require('tslib');
4
- var jsxRuntime = require('react/jsx-runtime');
5
- var React = require('react');
6
- var useTagProps = require('./useTagProps.js');
7
- var ServerStyleTag = require('./ServerStyleTag.js');
8
-
9
- function _interopNamespaceDefault(e) {
10
- var n = Object.create(null);
11
- if (e) {
12
- Object.keys(e).forEach(function (k) {
13
- if (k !== 'default') {
14
- var d = Object.getOwnPropertyDescriptor(e, k);
15
- Object.defineProperty(n, k, d.get ? d : {
16
- enumerable: true,
17
- get: function () { return e[k]; }
18
- });
19
- }
20
- });
21
- }
22
- n.default = e;
23
- return Object.freeze(n);
24
- }
25
-
26
- var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
27
-
28
- const Tag = React__namespace.forwardRef((_a, ref) => {
29
- var { component, children } = _a, rest = tslib.__rest(_a, ["component", "children"]);
7
+ const Tag = React.forwardRef((_a, ref) => {
8
+ var { component, children } = _a, rest = __rest(_a, ["component", "children"]);
30
9
  const { props, style } = useTagProps(rest);
31
10
  props.ref = ref;
32
- const ele = React__namespace.createElement(component || "div", props, children);
11
+ const ele = React.createElement(component || "div", props, children);
33
12
  if (typeof window === 'undefined') {
34
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ServerStyleTag, { factory: style }), ele] }));
13
+ return (jsxs(Fragment, { children: [jsx(ServerStyleTag, { factory: style }), ele] }));
35
14
  }
36
15
  return ele;
37
16
  });
38
17
 
39
- module.exports = Tag;
18
+ export { Tag as default };
40
19
  //# sourceMappingURL=index.js.map
package/Tag/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/Tag/index.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport { TagComponentType, TagPropsRoot } from './types';\r\nimport useTagProps from './useTagProps';\r\nimport ServerStyleTag from './ServerStyleTag';\r\n\r\nconst Tag = React.forwardRef(<T extends TagComponentType = 'div'>({ component, children, ...rest }: TagPropsRoot<T>, ref: React.Ref<any>) => {\r\n const { props, style }: any = useTagProps(rest)\r\n props.ref = ref\r\n const ele = React.createElement(component || \"div\", props, children)\r\n if (typeof window === 'undefined') {\r\n return (\r\n <>\r\n <ServerStyleTag factory={style} />\r\n {ele}\r\n </>\r\n )\r\n }\r\n return ele\r\n})\r\n\r\nexport default Tag"],"names":["React","__rest","_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,GAAG,GAAGA,gBAAK,CAAC,UAAU,CAAC,CAAqC,EAAiD,EAAE,GAAmB,KAAI;QAA1E,EAAE,SAAS,EAAE,QAAQ,EAAA,GAAA,EAA4B,EAAvB,IAAI,GAAAC,YAAA,CAAA,EAAA,EAA9B,yBAAgC,CAAF;IAC5F,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAQ,WAAW,CAAC,IAAI,CAAC;AAC/C,IAAA,KAAK,CAAC,GAAG,GAAG,GAAG;AACf,IAAA,MAAM,GAAG,GAAGD,gBAAK,CAAC,aAAa,CAAC,SAAS,IAAI,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC;AACpE,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAC/B,QAAA,QACIE,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACIC,cAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAE,KAAK,EAAA,CAAI,EACjC,GAAG,CAAA,EAAA,CACL;IAEX;AACA,IAAA,OAAO,GAAG;AACd,CAAC;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/Tag/index.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport { TagComponentType, TagPropsRoot } from './types';\r\nimport useTagProps from './useTagProps';\r\nimport ServerStyleTag from './ServerStyleTag';\r\n\r\nconst Tag = React.forwardRef(<T extends TagComponentType = 'div'>({ component, children, ...rest }: TagPropsRoot<T>, ref: React.Ref<any>) => {\r\n const { props, style }: any = useTagProps(rest)\r\n props.ref = ref\r\n const ele = React.createElement(component || \"div\", props, children)\r\n if (typeof window === 'undefined') {\r\n return (\r\n <>\r\n <ServerStyleTag factory={style} />\r\n {ele}\r\n </>\r\n )\r\n }\r\n return ele\r\n})\r\n\r\nexport default Tag"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;AAKA,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAiD,EAAE,GAAmB,KAAI;QAA1E,EAAE,SAAS,EAAE,QAAQ,EAAA,GAAA,EAA4B,EAAvB,IAAI,GAAA,MAAA,CAAA,EAAA,EAA9B,yBAAgC,CAAF;IAC5F,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAQ,WAAW,CAAC,IAAI,CAAC;AAC/C,IAAA,KAAK,CAAC,GAAG,GAAG,GAAG;AACf,IAAA,MAAM,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC,SAAS,IAAI,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC;AACpE,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAC/B,QAAA,QACIA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACIC,GAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAE,KAAK,EAAA,CAAI,EACjC,GAAG,CAAA,EAAA,CACL;IAEX;AACA,IAAA,OAAO,GAAG;AACd,CAAC;;;;"}
package/Tag/{useTagProps.mjs → useTagProps.cjs} RENAMED
@@ -1,17 +1,19 @@
1
- import CSS_PROP_LIST from './cssPropList.mjs';
2
- import { css } from '../css/index.mjs';
3
- import { classNames } from 'pretty-class';
4
- import { useMemo } from 'react';
5
- import { useDocument } from '../Document/index.mjs';
6
- import { useCSSCacheId } from '../css/CSSCacheProvider.mjs';
1
+ 'use strict';
2
+
3
+ var cssPropList = require('./cssPropList.cjs');
4
+ var index$1 = require('../css/index.cjs');
5
+ var prettyClass = require('pretty-class');
6
+ var React = require('react');
7
+ var index = require('../Document/index.cjs');
8
+ var CSSCacheProvider = require('../css/CSSCacheProvider.cjs');
7
9
 
8
10
  const useTagProps = (props) => {
9
11
  const cachekey = JSON.stringify(props, (key, value) => {
10
12
  return key === '_owner' || key === '_store' ? undefined : value;
11
13
  }, 2);
12
- const doc = useDocument();
13
- const cacheId = useCSSCacheId();
14
- const parsed = useMemo(() => {
14
+ const doc = index.useDocument();
15
+ const cacheId = CSSCacheProvider.useCSSCacheId();
16
+ const parsed = React.useMemo(() => {
15
17
  let _props = {};
16
18
  let _css = {};
17
19
  if (props.hover && Object.keys(props.hover).length > 0) {
@@ -23,22 +25,22 @@ const useTagProps = (props) => {
23
25
  continue;
24
26
  }
25
27
  let val = props[key];
26
- if (!CSS_PROP_LIST[key]) {
28
+ if (!cssPropList[key]) {
27
29
  _props[key] = val;
28
30
  }
29
31
  else {
30
32
  _css[key] = val;
31
33
  }
32
34
  }
33
- const styles = css(Object.assign(Object.assign(Object.assign(Object.assign({}, props.sxr), _css), props.sx), props.style), {
34
- injectStyle: typeof doc !== 'undefined',
35
- container: doc,
35
+ const styles = index$1.css(Object.assign(Object.assign(Object.assign(Object.assign({}, props.sxr), _css), props.sx), props.style), {
36
+ injectStyle: typeof doc.document !== 'undefined',
37
+ container: doc.document,
36
38
  cacheId
37
39
  });
38
40
  return {
39
41
  props: _props,
40
42
  styles,
41
- className: classNames(props.baseClass ? "xui-" + props.baseClass : undefined, props.classNames, props.className, styles.classname)
43
+ className: prettyClass.classNames(props.baseClass ? "xui-" + props.baseClass : undefined, props.classNames, props.className, styles.classname)
42
44
  };
43
45
  }, [cachekey]);
44
46
  const _props = {};
@@ -49,5 +51,5 @@ const useTagProps = (props) => {
49
51
  return { props: _props, style: parsed.styles };
50
52
  };
51
53
 
52
- export { useTagProps as default };
53
- //# sourceMappingURL=useTagProps.mjs.map
54
+ module.exports = useTagProps;
55
+ //# sourceMappingURL=useTagProps.cjs.map
package/Tag/useTagProps.cjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTagProps.cjs","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["import { TagComponentType, TagProps, TagPropsRoot } from './types';\r\nimport cssPropList from './cssPropList';\r\nimport { css } from '../css';\r\nimport { classNames } from 'pretty-class';\r\nimport { CSSFactoryType } from 'oncss';\r\nimport { useMemo } from 'react';\r\nimport { useDocument } from '../Document';\r\nimport { useCSSCacheId } from '../css/CSSCacheProvider';\r\n\r\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\r\n props: TagProps<T>,\r\n style: CSSFactoryType\r\n}\r\n\r\nconst useTagProps = <T extends TagComponentType = \"div\">(props: TagPropsRoot<T>): useTagPropsReturn<T> => {\r\n const cachekey = JSON.stringify(props, (key, value) => {\r\n return key === '_owner' || key === '_store' ? undefined : value;\r\n }, 2);\r\n\r\n const doc = useDocument();\r\n const cacheId = useCSSCacheId()\r\n\r\n const parsed = useMemo(() => {\r\n let _props: any = {}\r\n let _css: any = {}\r\n\r\n if (props.hover && Object.keys(props.hover).length > 0) {\r\n _css['&:hover'] = {\r\n ...props.hover\r\n }\r\n }\r\n\r\n for (let key in props) {\r\n const keys = [\"sx\", \"sxr\", \"style\", \"hover\", \"className\", \"classNames\", \"baseClass\"];\r\n if (keys.includes(key)) {\r\n continue;\r\n }\r\n let val = (props as any)[key];\r\n if (!cssPropList[key]) {\r\n _props[key] = val\r\n } else {\r\n _css[key] = val\r\n }\r\n }\r\n\r\n const styles = css({ ...props.sxr, ..._css, ...props.sx, ...props.style }, {\r\n injectStyle: typeof doc.document !== 'undefined',\r\n container: doc.document,\r\n cacheId\r\n })\r\n\r\n return {\r\n props: _props,\r\n styles,\r\n className: classNames(\r\n props.baseClass ? \"xui-\" + props.baseClass : undefined,\r\n props.classNames,\r\n props.className,\r\n styles.classname\r\n )\r\n }\r\n }, [cachekey])\r\n\r\n const _props: any = {};\r\n for (let prop in parsed.props) {\r\n _props[prop] = (props as any)[prop]\r\n }\r\n _props.className = parsed.className;\r\n\r\n return { props: _props, style: parsed.styles };\r\n}\r\n\r\n\r\nexport default useTagProps"],"names":["useDocument","useCSSCacheId","useMemo","css","classNames"],"mappings":";;;;;;;;;AAcA,MAAM,WAAW,GAAG,CAAqC,KAAsB,KAA0B;AACtG,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;AACnD,QAAA,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,GAAG,SAAS,GAAG,KAAK;IAClE,CAAC,EAAE,CAAC,CAAC;AAEL,IAAA,MAAM,GAAG,GAAGA,iBAAW,EAAE;AACzB,IAAA,MAAM,OAAO,GAAGC,8BAAa,EAAE;AAE/B,IAAA,MAAM,MAAM,GAAGC,aAAO,CAAC,MAAK;QACzB,IAAI,MAAM,GAAQ,EAAE;QACpB,IAAI,IAAI,GAAQ,EAAE;AAElB,QAAA,IAAI,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YACrD,IAAI,CAAC,SAAS,CAAC,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACT,KAAK,CAAC,KAAK,CAChB;QACJ;AAEA,QAAA,KAAK,IAAI,GAAG,IAAI,KAAK,EAAE;AACpB,YAAA,MAAM,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;AACpF,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACrB;YACH;AACA,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,GAAG,CAAC;AAC7B,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE;AACpB,gBAAA,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG;YACpB;iBAAO;AACJ,gBAAA,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG;YAClB;QACH;AAEA,QAAA,MAAM,MAAM,GAAGC,WAAG,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,KAAK,CAAC,GAAG,CAAA,EAAK,IAAI,CAAA,EAAK,KAAK,CAAC,EAAE,GAAK,KAAK,CAAC,KAAK,CAAA,EAAI;AACxE,YAAA,WAAW,EAAE,OAAO,GAAG,CAAC,QAAQ,KAAK,WAAW;YAChD,SAAS,EAAE,GAAG,CAAC,QAAQ;YACvB;AACF,SAAA,CAAC;QAEF,OAAO;AACJ,YAAA,KAAK,EAAE,MAAM;YACb,MAAM;AACN,YAAA,SAAS,EAAEC,sBAAU,CAClB,KAAK,CAAC,SAAS,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,SAAS,EACtD,KAAK,CAAC,UAAU,EAChB,KAAK,CAAC,SAAS,EACf,MAAM,CAAC,SAAS;SAErB;AACJ,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEd,MAAM,MAAM,GAAQ,EAAE;AACtB,IAAA,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,KAAK,EAAE;QAC5B,MAAM,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;IACtC;AACA,IAAA,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS;IAEnC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE;AACjD;;;;"}
package/Tag/useTagProps.js CHANGED
@@ -1,19 +1,17 @@
1
- 'use strict';
2
-
3
- var cssPropList = require('./cssPropList.js');
4
- var index$1 = require('../css/index.js');
5
- var prettyClass = require('pretty-class');
6
- var React = require('react');
7
- var index = require('../Document/index.js');
8
- var CSSCacheProvider = require('../css/CSSCacheProvider.js');
1
+ import CSS_PROP_LIST from './cssPropList.js';
2
+ import { css } from '../css/index.js';
3
+ import { classNames } from 'pretty-class';
4
+ import { useMemo } from 'react';
5
+ import { useDocument } from '../Document/index.js';
6
+ import { useCSSCacheId } from '../css/CSSCacheProvider.js';
9
7
 
10
8
  const useTagProps = (props) => {
11
9
  const cachekey = JSON.stringify(props, (key, value) => {
12
10
  return key === '_owner' || key === '_store' ? undefined : value;
13
11
  }, 2);
14
- const doc = index.useDocument();
15
- const cacheId = CSSCacheProvider.useCSSCacheId();
16
- const parsed = React.useMemo(() => {
12
+ const doc = useDocument();
13
+ const cacheId = useCSSCacheId();
14
+ const parsed = useMemo(() => {
17
15
  let _props = {};
18
16
  let _css = {};
19
17
  if (props.hover && Object.keys(props.hover).length > 0) {
@@ -25,22 +23,22 @@ const useTagProps = (props) => {
25
23
  continue;
26
24
  }
27
25
  let val = props[key];
28
- if (!cssPropList[key]) {
26
+ if (!CSS_PROP_LIST[key]) {
29
27
  _props[key] = val;
30
28
  }
31
29
  else {
32
30
  _css[key] = val;
33
31
  }
34
32
  }
35
- const styles = index$1.css(Object.assign(Object.assign(Object.assign(Object.assign({}, props.sxr), _css), props.sx), props.style), {
36
- injectStyle: typeof doc !== 'undefined',
37
- container: doc,
33
+ const styles = css(Object.assign(Object.assign(Object.assign(Object.assign({}, props.sxr), _css), props.sx), props.style), {
34
+ injectStyle: typeof doc.document !== 'undefined',
35
+ container: doc.document,
38
36
  cacheId
39
37
  });
40
38
  return {
41
39
  props: _props,
42
40
  styles,
43
- className: prettyClass.classNames(props.baseClass ? "xui-" + props.baseClass : undefined, props.classNames, props.className, styles.classname)
41
+ className: classNames(props.baseClass ? "xui-" + props.baseClass : undefined, props.classNames, props.className, styles.classname)
44
42
  };
45
43
  }, [cachekey]);
46
44
  const _props = {};
@@ -51,5 +49,5 @@ const useTagProps = (props) => {
51
49
  return { props: _props, style: parsed.styles };
52
50
  };
53
51
 
54
- module.exports = useTagProps;
52
+ export { useTagProps as default };
55
53
  //# sourceMappingURL=useTagProps.js.map
package/Tag/useTagProps.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useTagProps.js","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["import { TagComponentType, TagProps, TagPropsRoot } from './types';\r\nimport cssPropList from './cssPropList';\r\nimport { css } from '../css';\r\nimport { classNames } from 'pretty-class';\r\nimport { CSSFactoryType } from 'oncss';\r\nimport { useMemo } from 'react';\r\nimport { useDocument } from '../Document';\r\nimport { useCSSCacheId } from '../css/CSSCacheProvider';\r\n\r\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\r\n props: TagProps<T>,\r\n style: CSSFactoryType\r\n}\r\n\r\nconst useTagProps = <T extends TagComponentType = \"div\">(props: TagPropsRoot<T>): useTagPropsReturn<T> => {\r\n const cachekey = JSON.stringify(props, (key, value) => {\r\n return key === '_owner' || key === '_store' ? undefined : value;\r\n }, 2);\r\n\r\n const doc = useDocument();\r\n const cacheId = useCSSCacheId()\r\n\r\n const parsed = useMemo(() => {\r\n let _props: any = {}\r\n let _css: any = {}\r\n\r\n if (props.hover && Object.keys(props.hover).length > 0) {\r\n _css['&:hover'] = {\r\n ...props.hover\r\n }\r\n }\r\n\r\n for (let key in props) {\r\n const keys = [\"sx\", \"sxr\", \"style\", \"hover\", \"className\", \"classNames\", \"baseClass\"];\r\n if (keys.includes(key)) {\r\n continue;\r\n }\r\n let val = (props as any)[key];\r\n if (!cssPropList[key]) {\r\n _props[key] = val\r\n } else {\r\n _css[key] = val\r\n }\r\n }\r\n\r\n const styles = css({ ...props.sxr, ..._css, ...props.sx, ...props.style }, {\r\n injectStyle: typeof doc !== 'undefined',\r\n container: doc,\r\n cacheId\r\n })\r\n\r\n return {\r\n props: _props,\r\n styles,\r\n className: classNames(\r\n props.baseClass ? \"xui-\" + props.baseClass : undefined,\r\n props.classNames,\r\n props.className,\r\n styles.classname\r\n )\r\n }\r\n }, [cachekey])\r\n\r\n const _props: any = {};\r\n for (let prop in parsed.props) {\r\n _props[prop] = (props as any)[prop]\r\n }\r\n _props.className = parsed.className;\r\n\r\n return { props: _props, style: parsed.styles };\r\n}\r\n\r\n\r\nexport default useTagProps"],"names":["useDocument","useCSSCacheId","useMemo","css","classNames"],"mappings":";;;;;;;;;AAcA,MAAM,WAAW,GAAG,CAAqC,KAAsB,KAA0B;AACtG,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;AACnD,QAAA,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,GAAG,SAAS,GAAG,KAAK;IAClE,CAAC,EAAE,CAAC,CAAC;AAEL,IAAA,MAAM,GAAG,GAAGA,iBAAW,EAAE;AACzB,IAAA,MAAM,OAAO,GAAGC,8BAAa,EAAE;AAE/B,IAAA,MAAM,MAAM,GAAGC,aAAO,CAAC,MAAK;QACzB,IAAI,MAAM,GAAQ,EAAE;QACpB,IAAI,IAAI,GAAQ,EAAE;AAElB,QAAA,IAAI,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YACrD,IAAI,CAAC,SAAS,CAAC,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACT,KAAK,CAAC,KAAK,CAChB;QACJ;AAEA,QAAA,KAAK,IAAI,GAAG,IAAI,KAAK,EAAE;AACpB,YAAA,MAAM,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;AACpF,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACrB;YACH;AACA,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,GAAG,CAAC;AAC7B,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE;AACpB,gBAAA,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG;YACpB;iBAAO;AACJ,gBAAA,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG;YAClB;QACH;AAEA,QAAA,MAAM,MAAM,GAAGC,WAAG,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,KAAK,CAAC,GAAG,CAAA,EAAK,IAAI,CAAA,EAAK,KAAK,CAAC,EAAE,GAAK,KAAK,CAAC,KAAK,CAAA,EAAI;AACxE,YAAA,WAAW,EAAE,OAAO,GAAG,KAAK,WAAW;AACvC,YAAA,SAAS,EAAE,GAAG;YACd;AACF,SAAA,CAAC;QAEF,OAAO;AACJ,YAAA,KAAK,EAAE,MAAM;YACb,MAAM;AACN,YAAA,SAAS,EAAEC,sBAAU,CAClB,KAAK,CAAC,SAAS,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,SAAS,EACtD,KAAK,CAAC,UAAU,EAChB,KAAK,CAAC,SAAS,EACf,MAAM,CAAC,SAAS;SAErB;AACJ,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEd,MAAM,MAAM,GAAQ,EAAE;AACtB,IAAA,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,KAAK,EAAE;QAC5B,MAAM,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;IACtC;AACA,IAAA,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS;IAEnC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE;AACjD;;;;"}
1
+ {"version":3,"file":"useTagProps.js","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["import { TagComponentType, TagProps, TagPropsRoot } from './types';\r\nimport cssPropList from './cssPropList';\r\nimport { css } from '../css';\r\nimport { classNames } from 'pretty-class';\r\nimport { CSSFactoryType } from 'oncss';\r\nimport { useMemo } from 'react';\r\nimport { useDocument } from '../Document';\r\nimport { useCSSCacheId } from '../css/CSSCacheProvider';\r\n\r\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\r\n props: TagProps<T>,\r\n style: CSSFactoryType\r\n}\r\n\r\nconst useTagProps = <T extends TagComponentType = \"div\">(props: TagPropsRoot<T>): useTagPropsReturn<T> => {\r\n const cachekey = JSON.stringify(props, (key, value) => {\r\n return key === '_owner' || key === '_store' ? undefined : value;\r\n }, 2);\r\n\r\n const doc = useDocument();\r\n const cacheId = useCSSCacheId()\r\n\r\n const parsed = useMemo(() => {\r\n let _props: any = {}\r\n let _css: any = {}\r\n\r\n if (props.hover && Object.keys(props.hover).length > 0) {\r\n _css['&:hover'] = {\r\n ...props.hover\r\n }\r\n }\r\n\r\n for (let key in props) {\r\n const keys = [\"sx\", \"sxr\", \"style\", \"hover\", \"className\", \"classNames\", \"baseClass\"];\r\n if (keys.includes(key)) {\r\n continue;\r\n }\r\n let val = (props as any)[key];\r\n if (!cssPropList[key]) {\r\n _props[key] = val\r\n } else {\r\n _css[key] = val\r\n }\r\n }\r\n\r\n const styles = css({ ...props.sxr, ..._css, ...props.sx, ...props.style }, {\r\n injectStyle: typeof doc.document !== 'undefined',\r\n container: doc.document,\r\n cacheId\r\n })\r\n\r\n return {\r\n props: _props,\r\n styles,\r\n className: classNames(\r\n props.baseClass ? \"xui-\" + props.baseClass : undefined,\r\n props.classNames,\r\n props.className,\r\n styles.classname\r\n )\r\n }\r\n }, [cachekey])\r\n\r\n const _props: any = {};\r\n for (let prop in parsed.props) {\r\n _props[prop] = (props as any)[prop]\r\n }\r\n _props.className = parsed.className;\r\n\r\n return { props: _props, style: parsed.styles };\r\n}\r\n\r\n\r\nexport default useTagProps"],"names":["cssPropList"],"mappings":";;;;;;;AAcA,MAAM,WAAW,GAAG,CAAqC,KAAsB,KAA0B;AACtG,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;AACnD,QAAA,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,GAAG,SAAS,GAAG,KAAK;IAClE,CAAC,EAAE,CAAC,CAAC;AAEL,IAAA,MAAM,GAAG,GAAG,WAAW,EAAE;AACzB,IAAA,MAAM,OAAO,GAAG,aAAa,EAAE;AAE/B,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAK;QACzB,IAAI,MAAM,GAAQ,EAAE;QACpB,IAAI,IAAI,GAAQ,EAAE;AAElB,QAAA,IAAI,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YACrD,IAAI,CAAC,SAAS,CAAC,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACT,KAAK,CAAC,KAAK,CAChB;QACJ;AAEA,QAAA,KAAK,IAAI,GAAG,IAAI,KAAK,EAAE;AACpB,YAAA,MAAM,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;AACpF,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACrB;YACH;AACA,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,GAAG,CAAC;AAC7B,YAAA,IAAI,CAACA,aAAW,CAAC,GAAG,CAAC,EAAE;AACpB,gBAAA,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG;YACpB;iBAAO;AACJ,gBAAA,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG;YAClB;QACH;AAEA,QAAA,MAAM,MAAM,GAAG,GAAG,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,KAAK,CAAC,GAAG,CAAA,EAAK,IAAI,CAAA,EAAK,KAAK,CAAC,EAAE,GAAK,KAAK,CAAC,KAAK,CAAA,EAAI;AACxE,YAAA,WAAW,EAAE,OAAO,GAAG,CAAC,QAAQ,KAAK,WAAW;YAChD,SAAS,EAAE,GAAG,CAAC,QAAQ;YACvB;AACF,SAAA,CAAC;QAEF,OAAO;AACJ,YAAA,KAAK,EAAE,MAAM;YACb,MAAM;AACN,YAAA,SAAS,EAAE,UAAU,CAClB,KAAK,CAAC,SAAS,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,SAAS,EACtD,KAAK,CAAC,UAAU,EAChB,KAAK,CAAC,SAAS,EACf,MAAM,CAAC,SAAS;SAErB;AACJ,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;IAEd,MAAM,MAAM,GAAQ,EAAE;AACtB,IAAA,KAAK,IAAI,IAAI,IAAI,MAAM,CAAC,KAAK,EAAE;QAC5B,MAAM,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;IACtC;AACA,IAAA,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS;IAEnC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE;AACjD;;;;"}
package/Transition/index.cjs ADDED
@@ -0,0 +1,29 @@
1
+ "use client";
2
+ 'use strict';
3
+
4
+ var tslib = require('tslib');
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var React = require('react');
7
+ var index = require('../hooks/useTransition/index.cjs');
8
+
9
+ const TransitionBase = (_a) => {
10
+ var { children } = _a, options = tslib.__rest(_a, ["children"]);
11
+ const { props, exited } = index(options);
12
+ if (exited)
13
+ return null;
14
+ const clone = React.Children.only(children);
15
+ return React.cloneElement(clone, props);
16
+ };
17
+ function Transition(_a) {
18
+ var { children } = _a, options = tslib.__rest(_a, ["children"]);
19
+ const [mounted, setMounted] = React.useState(false);
20
+ React.useEffect(() => {
21
+ setMounted(true);
22
+ }, []);
23
+ if (!mounted)
24
+ return null;
25
+ return jsxRuntime.jsx(TransitionBase, Object.assign({}, options, { children: children }));
26
+ }
27
+
28
+ module.exports = Transition;
29
+ //# sourceMappingURL=index.cjs.map
package/Transition/{index.mjs.map → index.cjs.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/Transition/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { cloneElement, Children, useEffect, useState } from 'react';\r\nimport useTransition, { UseTransitionProps } from '../hooks/useTransition';\r\n\r\nexport type TransitionProps = UseTransitionProps & {\r\n children: React.ReactElement;\r\n}\r\n\r\nconst TransitionBase = ({ children, ...options }: TransitionProps) => {\r\n const { props, exited } = useTransition(options);\r\n if (exited) return null;\r\n const clone: any = Children.only(children);\r\n return cloneElement(clone, props);\r\n}\r\n\r\nfunction Transition({ children, ...options }: TransitionProps) {\r\n const [mounted, setMounted] = useState(false);\r\n\r\n useEffect(() => {\r\n setMounted(true);\r\n }, []);\r\n\r\n if (!mounted) return null;\r\n return <TransitionBase {...options} >{children}</TransitionBase>\r\n}\r\n\r\n\r\nexport default Transition"],"names":[],"mappings":";;;;;;AAQA;AAAwB;;AAEpB;AAAY;;AAEZ;AACJ;AAEA;AAAoB;;;;;AAOhB;AAAc;AACd;AACJ;;"}
1
+ {"version":3,"file":"index.cjs","sources":["../../src/Transition/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { cloneElement, Children, useEffect, useState } from 'react';\r\nimport useTransition, { UseTransitionProps } from '../hooks/useTransition';\r\n\r\nexport type TransitionProps = UseTransitionProps & {\r\n children: React.ReactElement;\r\n}\r\n\r\nconst TransitionBase = ({ children, ...options }: TransitionProps) => {\r\n const { props, exited } = useTransition(options);\r\n if (exited) return null;\r\n const clone: any = Children.only(children);\r\n return cloneElement(clone, props);\r\n}\r\n\r\nfunction Transition({ children, ...options }: TransitionProps) {\r\n const [mounted, setMounted] = useState(false);\r\n\r\n useEffect(() => {\r\n setMounted(true);\r\n }, []);\r\n\r\n if (!mounted) return null;\r\n return <TransitionBase {...options} >{children}</TransitionBase>\r\n}\r\n\r\n\r\nexport default Transition"],"names":[],"mappings":";;;;;;;;AAQA;AAAwB;;AAEpB;AAAY;;AAEZ;AACJ;AAEA;AAAoB;;;;;AAOhB;AAAc;AACd;AACJ;;"}
package/Transition/index.js CHANGED
@@ -1,29 +1,27 @@
1
1
  "use client";
2
- 'use strict';
3
-
4
- var tslib = require('tslib');
5
- var jsxRuntime = require('react/jsx-runtime');
6
- var React = require('react');
7
- var index = require('../hooks/useTransition/index.js');
2
+ import { __rest } from 'tslib';
3
+ import { jsx } from 'react/jsx-runtime';
4
+ import { useState, useEffect, Children, cloneElement } from 'react';
5
+ import useTransition from '../hooks/useTransition/index.js';
8
6
 
9
7
  const TransitionBase = (_a) => {
10
- var { children } = _a, options = tslib.__rest(_a, ["children"]);
11
- const { props, exited } = index(options);
8
+ var { children } = _a, options = __rest(_a, ["children"]);
9
+ const { props, exited } = useTransition(options);
12
10
  if (exited)
13
11
  return null;
14
- const clone = React.Children.only(children);
15
- return React.cloneElement(clone, props);
12
+ const clone = Children.only(children);
13
+ return cloneElement(clone, props);
16
14
  };
17
15
  function Transition(_a) {
18
- var { children } = _a, options = tslib.__rest(_a, ["children"]);
19
- const [mounted, setMounted] = React.useState(false);
20
- React.useEffect(() => {
16
+ var { children } = _a, options = __rest(_a, ["children"]);
17
+ const [mounted, setMounted] = useState(false);
18
+ useEffect(() => {
21
19
  setMounted(true);
22
20
  }, []);
23
21
  if (!mounted)
24
22
  return null;
25
- return jsxRuntime.jsx(TransitionBase, Object.assign({}, options, { children: children }));
23
+ return jsx(TransitionBase, Object.assign({}, options, { children: children }));
26
24
  }
27
25
 
28
- module.exports = Transition;
26
+ export { Transition as default };
29
27
  //# sourceMappingURL=index.js.map
package/Transition/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/Transition/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { cloneElement, Children, useEffect, useState } from 'react';\r\nimport useTransition, { UseTransitionProps } from '../hooks/useTransition';\r\n\r\nexport type TransitionProps = UseTransitionProps & {\r\n children: React.ReactElement;\r\n}\r\n\r\nconst TransitionBase = ({ children, ...options }: TransitionProps) => {\r\n const { props, exited } = useTransition(options);\r\n if (exited) return null;\r\n const clone: any = Children.only(children);\r\n return cloneElement(clone, props);\r\n}\r\n\r\nfunction Transition({ children, ...options }: TransitionProps) {\r\n const [mounted, setMounted] = useState(false);\r\n\r\n useEffect(() => {\r\n setMounted(true);\r\n }, []);\r\n\r\n if (!mounted) return null;\r\n return <TransitionBase {...options} >{children}</TransitionBase>\r\n}\r\n\r\n\r\nexport default Transition"],"names":[],"mappings":";;;;;;;;AAQA;AAAwB;;AAEpB;AAAY;;AAEZ;AACJ;AAEA;AAAoB;;;;;AAOhB;AAAc;AACd;AACJ;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/Transition/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { cloneElement, Children, useEffect, useState } from 'react';\r\nimport useTransition, { UseTransitionProps } from '../hooks/useTransition';\r\n\r\nexport type TransitionProps = UseTransitionProps & {\r\n children: React.ReactElement;\r\n}\r\n\r\nconst TransitionBase = ({ children, ...options }: TransitionProps) => {\r\n const { props, exited } = useTransition(options);\r\n if (exited) return null;\r\n const clone: any = Children.only(children);\r\n return cloneElement(clone, props);\r\n}\r\n\r\nfunction Transition({ children, ...options }: TransitionProps) {\r\n const [mounted, setMounted] = useState(false);\r\n\r\n useEffect(() => {\r\n setMounted(true);\r\n }, []);\r\n\r\n if (!mounted) return null;\r\n return <TransitionBase {...options} >{children}</TransitionBase>\r\n}\r\n\r\n\r\nexport default Transition"],"names":[],"mappings":";;;;;;AAQA;AAAwB;;AAEpB;AAAY;;AAEZ;AACJ;AAEA;AAAoB;;;;;AAOhB;AAAc;AACd;AACJ;;"}