npm - @xanui/core - Versions diffs - 1.2.42 → 1.2.44 - Mend

@xanui/core 1.2.42 → 1.2.44

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 (174) hide show

package/AppRoot/{context.js → AppRootProvider.cjs} +1 -1
package/AppRoot/AppRootProvider.cjs.map +1 -0
package/AppRoot/{context.mjs → AppRootProvider.js} +1 -1
package/AppRoot/AppRootProvider.js.map +1 -0
package/AppRoot/Renderar.cjs +89 -0
package/AppRoot/Renderar.cjs.map +1 -0
package/AppRoot/Renderar.d.ts +1 -0
package/AppRoot/Renderar.js +52 -20
package/AppRoot/Renderar.js.map +1 -1
package/AppRoot/index.cjs +43 -0
package/AppRoot/index.cjs.map +1 -0
package/AppRoot/index.d.ts +2 -2
package/AppRoot/index.js +24 -106
package/AppRoot/index.js.map +1 -1
package/Document/index.cjs +21 -0
package/Document/index.cjs.map +1 -0
package/Document/index.d.ts +7 -1
package/Document/index.js +8 -11
package/Document/index.js.map +1 -1
package/Iframe/index.cjs +45 -0
package/Iframe/index.cjs.map +1 -0
package/Iframe/index.d.ts +1 -0
package/Iframe/index.js +23 -25
package/Iframe/index.js.map +1 -1
package/Tag/ServerStyleTag.cjs +13 -0
package/Tag/{ServerStyleTag.mjs.map → ServerStyleTag.cjs.map} +1 -1
package/Tag/ServerStyleTag.js +3 -5
package/Tag/ServerStyleTag.js.map +1 -1
package/Tag/{cssPropList.mjs → cssPropList.cjs} +4 -2
package/Tag/cssPropList.cjs.map +1 -0
package/Tag/cssPropList.js +1 -3
package/Tag/cssPropList.js.map +1 -1
package/Tag/index.cjs +40 -0
package/Tag/{index.mjs.map → index.cjs.map} +1 -1
package/Tag/index.js +10 -31
package/Tag/index.js.map +1 -1
package/Tag/{useTagProps.mjs → useTagProps.cjs} +18 -13
package/Tag/useTagProps.cjs.map +1 -0
package/Tag/useTagProps.js +15 -14
package/Tag/useTagProps.js.map +1 -1
package/Transition/index.cjs +29 -0
package/Transition/{index.mjs.map → index.cjs.map} +1 -1
package/Transition/index.js +13 -15
package/Transition/index.js.map +1 -1
package/breakpoint/BreakpointProvider.cjs +43 -0
package/breakpoint/{BreakpointProvider.mjs.map → BreakpointProvider.cjs.map} +1 -1
package/breakpoint/BreakpointProvider.js +13 -16
package/breakpoint/BreakpointProvider.js.map +1 -1
package/breakpoint/useBreakpoint.cjs +24 -0
package/breakpoint/{useBreakpoint.mjs.map → useBreakpoint.cjs.map} +1 -1
package/breakpoint/useBreakpoint.js +7 -9
package/breakpoint/useBreakpoint.js.map +1 -1
package/breakpoint/{useBreakpointProps.mjs → useBreakpointProps.cjs} +8 -6
package/breakpoint/useBreakpointProps.cjs.map +1 -0
package/breakpoint/useBreakpointProps.js +5 -7
package/breakpoint/useBreakpointProps.js.map +1 -1
package/css/CSSCacheProvider.cjs +34 -0
package/css/CSSCacheProvider.cjs.map +1 -0
package/css/CSSCacheProvider.d.ts +7 -0
package/css/CSSCacheProvider.js +29 -0
package/css/CSSCacheProvider.js.map +1 -0
package/css/{aliases.mjs → aliases.cjs} +4 -2
package/css/aliases.cjs.map +1 -0
package/css/aliases.js +1 -3
package/css/aliases.js.map +1 -1
package/css/{getProps.mjs → getProps.cjs} +4 -2
package/css/{getProps.mjs.map → getProps.cjs.map} +1 -1
package/css/getProps.js +1 -3
package/css/getProps.js.map +1 -1
package/css/{getValue.mjs → getValue.cjs} +4 -2
package/css/{getValue.mjs.map → getValue.cjs.map} +1 -1
package/css/getValue.js +1 -3
package/css/getValue.js.map +1 -1
package/css/{index.mjs → index.cjs} +15 -7
package/css/index.cjs.map +1 -0
package/css/index.js +6 -14
package/css/index.js.map +1 -1
package/hooks/{useAnimation.mjs → useAnimation.cjs} +18 -6
package/hooks/useAnimation.cjs.map +1 -0
package/hooks/useAnimation.js +12 -10
package/hooks/useAnimation.js.map +1 -1
package/hooks/{useColorTemplate.mjs → useColorTemplate.cjs} +4 -2
package/hooks/{useColorTemplate.mjs.map → useColorTemplate.cjs.map} +1 -1
package/hooks/useColorTemplate.js +1 -3
package/hooks/useColorTemplate.js.map +1 -1
package/hooks/useInterface.cjs +19 -0
package/hooks/useInterface.cjs.map +1 -0
package/hooks/useInterface.js +7 -9
package/hooks/useInterface.js.map +1 -1
package/hooks/{useMergeRefs.mjs → useMergeRefs.cjs} +6 -4
package/hooks/{useMergeRefs.mjs.map → useMergeRefs.cjs.map} +1 -1
package/hooks/useMergeRefs.js +3 -5
package/hooks/useMergeRefs.js.map +1 -1
package/hooks/usePortal.cjs +66 -0
package/hooks/usePortal.cjs.map +1 -0
package/hooks/usePortal.js +24 -30
package/hooks/usePortal.js.map +1 -1
package/hooks/useTransition/{index.mjs → index.cjs} +29 -25
package/hooks/useTransition/index.cjs.map +1 -0
package/hooks/useTransition/index.js +26 -26
package/hooks/useTransition/index.js.map +1 -1
package/hooks/useTransition/{variants.mjs → variants.cjs} +17 -2
package/hooks/useTransition/{variants.mjs.map → variants.cjs.map} +1 -1
package/hooks/useTransition/variants.js +1 -16
package/hooks/useTransition/variants.js.map +1 -1
package/index.cjs +64 -0
package/index.cjs.map +1 -0
package/index.d.ts +3 -2
package/index.js +25 -60
package/index.js.map +1 -1
package/package.json +5 -12
package/theme/{ThemeCssVars.mjs → ThemeCssVars.cjs} +4 -2
package/theme/{ThemeCssVars.mjs.map → ThemeCssVars.cjs.map} +1 -1
package/theme/ThemeCssVars.js +1 -3
package/theme/ThemeCssVars.js.map +1 -1
package/theme/{ThemeDefaultOptions.mjs → ThemeDefaultOptions.cjs} +11 -5
package/theme/{ThemeDefaultOptions.mjs.map → ThemeDefaultOptions.cjs.map} +1 -1
package/theme/ThemeDefaultOptions.js +4 -10
package/theme/ThemeDefaultOptions.js.map +1 -1
package/theme/ThemeProvider.cjs +154 -0
package/theme/ThemeProvider.cjs.map +1 -0
package/theme/ThemeProvider.d.ts +3 -1
package/theme/ThemeProvider.js +109 -41
package/theme/ThemeProvider.js.map +1 -1
package/theme/{core.mjs → core.cjs} +12 -6
package/theme/core.cjs.map +1 -0
package/theme/core.js +5 -11
package/theme/core.js.map +1 -1
package/theme/createTheme.cjs +27 -0
package/theme/{createTheme.mjs.map → createTheme.cjs.map} +1 -1
package/theme/createTheme.js +10 -12
package/theme/createTheme.js.map +1 -1
package/theme/{createThemeSwitcher.mjs → createThemeSwitcher.cjs} +8 -6
package/theme/{createThemeSwitcher.mjs.map → createThemeSwitcher.cjs.map} +1 -1
package/theme/createThemeSwitcher.js +5 -7
package/theme/createThemeSwitcher.js.map +1 -1
package/theme/index.cjs +15 -0
package/theme/{index.mjs.map → index.cjs.map} +1 -1
package/theme/index.js +6 -11
package/theme/index.js.map +1 -1
package/AppRoot/Renderar.mjs +0 -51
package/AppRoot/Renderar.mjs.map +0 -1
package/AppRoot/context.js.map +0 -1
package/AppRoot/context.mjs.map +0 -1
package/AppRoot/index.mjs +0 -118
package/AppRoot/index.mjs.map +0 -1
package/Document/index.mjs +0 -18
package/Document/index.mjs.map +0 -1
package/Iframe/index.mjs +0 -43
package/Iframe/index.mjs.map +0 -1
package/Tag/ServerStyleTag.mjs +0 -11
package/Tag/cssPropList.mjs.map +0 -1
package/Tag/index.mjs +0 -19
package/Tag/useTagProps.mjs.map +0 -1
package/Transition/index.mjs +0 -27
package/breakpoint/BreakpointProvider.mjs +0 -40
package/breakpoint/useBreakpoint.mjs +0 -22
package/breakpoint/useBreakpointProps.mjs.map +0 -1
package/css/aliases.mjs.map +0 -1
package/css/index.mjs.map +0 -1
package/hooks/useAnimation.mjs.map +0 -1
package/hooks/useInterface.mjs +0 -17
package/hooks/useInterface.mjs.map +0 -1
package/hooks/usePortal.mjs +0 -68
package/hooks/usePortal.mjs.map +0 -1
package/hooks/useTransition/index.mjs.map +0 -1
package/index.mjs +0 -25
package/index.mjs.map +0 -1
package/theme/ThemeProvider.mjs +0 -44
package/theme/ThemeProvider.mjs.map +0 -1
package/theme/core.mjs.map +0 -1
package/theme/createTheme.mjs +0 -25
package/theme/index.mjs +0 -10
/package/AppRoot/{context.d.ts → AppRootProvider.d.ts} +0 -0

package/Iframe/index.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.cjs","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/Iframe/index.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ import { TagPropsRoot } from '../Tag/types.js';
 type IframeProps = Omit<TagPropsRoot<"iframe">, "component"> & {
     theme?: string;
+    CSSCacheId?: string;
 };
 declare const _default: React__default.ForwardRefExoticComponent<Omit<IframeProps, "ref"> & React__default.RefAttributes<HTMLIFrameElement>>;

package/Iframe/index.js CHANGED Viewed

@@ -1,31 +1,29 @@
 "use client";
-'use strict';
+import { __rest } from 'tslib';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import React__default, { createContext, useState, useRef, useEffect } from 'react';
+import { useTheme } from '../theme/core.js';
+import '../css/getValue.js';
+import 'oncss';
+import '../theme/ThemeProvider.js';
+import 'react-state-bucket';
+import Tag from '../Tag/index.js';
+import { createPortal } from 'react-dom';
+import AppRoot from '../AppRoot/index.js';
+import useMergeRefs from '../hooks/useMergeRefs.js';
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var core = require('../theme/core.js');
-require('../css/getValue.js');
-require('oncss');
-require('../theme/ThemeProvider.js');
-require('react-state-bucket');
-var index$1 = require('../Tag/index.js');
-var reactDom = require('react-dom');
-var index$2 = require('../AppRoot/index.js');
-var useMergeRefs = require('../hooks/useMergeRefs.js');
-const IframeContext = React.createContext({
+const IframeContext = createContext({
     document: null,
     window: null,
 });
 const Iframe = (_a, ref) => {
-    var { children, sxr, theme } = _a, props = tslib.__rest(_a, ["children", "sxr", "theme"]);
-    const iframeRef = React.useRef(null);
+    var { children, sxr, theme, CSSCacheId } = _a, props = __rest(_a, ["children", "sxr", "theme", "CSSCacheId"]);
+    const [doc, setDoc] = useState(null);
+    const iframeRef = useRef(null);
     const _ref = useMergeRefs(iframeRef, ref);
-    const [doc, setDoc] = React.useState(null);
-    const parentTheme = core.useTheme();
+    const parentTheme = useTheme();
     theme !== null && theme !== void 0 ? theme : (theme = parentTheme.name);
-    React.useEffect(() => {
+    useEffect(() => {
         if (!iframeRef.current)
             return;
         const iframe = iframeRef.current;
@@ -33,13 +31,13 @@ const Iframe = (_a, ref) => {
         iframe.addEventListener("load", onLoad);
         return () => iframe.removeEventListener("load", onLoad);
     }, []);
-    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 &&
-                reactDom.createPortal(jsxRuntime.jsx(IframeContext.Provider, { value: {
+    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 &&
+                createPortal(jsx(IframeContext.Provider, { value: {
                         document: doc,
                         window: doc.defaultView,
-                    }, children: jsxRuntime.jsx(index$2.default, { theme: theme, document: doc, children: children }) }), doc.body)] }));
+                    }, children: jsx(AppRoot, { theme: theme, document: doc, CSSCacheId: CSSCacheId, children: children }) }), doc.body)] }));
 };
-var index = React.forwardRef(Iframe);
+var index = React__default.forwardRef(Iframe);
-module.exports = index;
+export { index as default };
 //# sourceMappingURL=index.js.map

package/Iframe/index.js.map CHANGED Viewed

	@@ -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}\r\n\r\nconst Iframe = ({ children, sxr, theme, ...props }: IframeProps, ref: React.Ref<HTMLIFrameElement>) => {\r\n const ~~iframeRef~~ = ~~useRef~~<~~HTMLIFrameElement~~>(null);\r\n const ~~_ref~~ = ~~useMergeRefs~~(~~iframeRef, ref~~)\r\n~~\r\n~~ const ~~[doc,~~ ~~setDoc]~~ = ~~useState<Document~~ ~~\| null>(null~~);\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}>\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;~~AAOD~~;;~~AACG;;;AAIA~~;;;;;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 Viewed

@@ -0,0 +1,13 @@
+'use strict';
+var jsxRuntime = require('react/jsx-runtime');
+const ServerStyleTag = ({ factory }) => {
+    if (typeof window === 'undefined') {
+        return jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: factory.css }, precedence: factory.classname, href: factory.classname });
+    }
+    return null;
+};
+module.exports = ServerStyleTag;
+//# sourceMappingURL=ServerStyleTag.cjs.map

package/Tag/{ServerStyleTag.mjs.map → ServerStyleTag.cjs.map} RENAMED Viewed

	@@ -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 Viewed

@@ -1,13 +1,11 @@
-'use strict';
-var jsxRuntime = require('react/jsx-runtime');
+import { jsx } from 'react/jsx-runtime';
 const ServerStyleTag = ({ factory }) => {
     if (typeof window === 'undefined') {
-        return jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: factory.css }, precedence: factory.classname, href: factory.classname });
+        return jsx("style", { dangerouslySetInnerHTML: { __html: factory.css }, precedence: factory.classname, href: factory.classname });
     }
     return null;
 };
-module.exports = ServerStyleTag;
+export { ServerStyleTag as default };
 //# sourceMappingURL=ServerStyleTag.js.map

package/Tag/ServerStyleTag.js.map CHANGED Viewed

	@@ -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 Viewed

@@ -1,3 +1,5 @@
+'use strict';
 const CSS_PROP_LIST = {
     typography: 1,
     bgcolor: 1,
@@ -185,5 +187,5 @@ const CSS_PROP_LIST = {
     zIndex: 1,
 };
-export { CSS_PROP_LIST as default };
-//# sourceMappingURL=cssPropList.mjs.map
+module.exports = CSS_PROP_LIST;
+//# sourceMappingURL=cssPropList.cjs.map

package/Tag/cssPropList.cjs.map ADDED Viewed

@@ -0,0 +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":";;AACA,MAAM,aAAa,GAAQ;AACvB,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,QAAQ,EAAE,CAAC;AACX,IAAA,OAAO,EAAE,CAAC;AAEV,IAAA,QAAQ,EAAE,CAAC;;AAGX,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,oBAAoB,EAAE,CAAC;AACvB,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,kBAAkB,EAAE,CAAC;AACrB,IAAA,iBAAiB,EAAE,CAAC;AACpB,IAAA,iBAAiB,EAAE,CAAC;AACpB,IAAA,uBAAuB,EAAE,CAAC;AAC1B,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,uBAAuB,EAAE,CAAC;AAC1B,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,oBAAoB,EAAE,CAAC;AACvB,IAAA,eAAe,EAAE,CAAC;AAClB,IAAA,eAAe,EAAE,CAAC;AAClB,IAAA,gBAAgB,EAAE,CAAC;AACnB,IAAA,kBAAkB,EAAE,CAAC;AACrB,IAAA,gBAAgB,EAAE,CAAC;AACnB,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,iBAAiB,EAAE,CAAC;AACpB,IAAA,iBAAiB,EAAE,CAAC;AACpB,IAAA,iBAAiB,EAAE,CAAC;AACpB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,eAAe,EAAE,CAAC;AAClB,IAAA,eAAe,EAAE,CAAC;AAClB,IAAA,eAAe,EAAE,CAAC;AAClB,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,gBAAgB,EAAE,CAAC;AACnB,IAAA,gBAAgB,EAAE,CAAC;AACnB,IAAA,gBAAgB,EAAE,CAAC;AACnB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,mBAAmB,EAAE,CAAC;AACtB,IAAA,oBAAoB,EAAE,CAAC;AACvB,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,QAAQ,EAAE,CAAC;AACX,IAAA,QAAQ,EAAE,CAAC;AACX,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,QAAQ,EAAE,CAAC;AACX,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,QAAQ,EAAE,CAAC;AACX,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,GAAG,EAAE,CAAC;AACN,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,QAAQ,EAAE,CAAC;AACX,IAAA,eAAe,EAAE,CAAC;AAClB,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,eAAe,EAAE,CAAC;AAClB,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,iBAAiB,EAAE,CAAC;AACpB,IAAA,mBAAmB,EAAE,CAAC;AACtB,IAAA,gBAAgB,EAAE,CAAC;AACnB,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,gBAAgB,EAAE,CAAC;AACnB,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,eAAe,EAAE,CAAC;AAClB,IAAA,iBAAiB,EAAE,CAAC;AACpB,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,QAAQ,EAAE,CAAC;AACX,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,QAAQ,EAAE,CAAC;AACX,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,QAAQ,EAAE,CAAC;AACX,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,eAAe,EAAE,CAAC;AAClB,IAAA,iBAAiB,EAAE,CAAC;AACpB,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,gBAAgB,EAAE,CAAC;AACnB,IAAA,kBAAkB,EAAE,CAAC;AACrB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,iBAAiB,EAAE,CAAC;AACpB,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,QAAQ,EAAE,CAAC;AACX,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,GAAG,EAAE,CAAC;AACN,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,eAAe,EAAE,CAAC;AAClB,IAAA,cAAc,EAAE,CAAC;AACjB,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,eAAe,EAAE,CAAC;AAClB,IAAA,kBAAkB,EAAE,CAAC;AACrB,IAAA,kBAAkB,EAAE,CAAC;AACrB,IAAA,wBAAwB,EAAE,CAAC;AAC3B,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,aAAa,EAAE,CAAC;AAChB,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,SAAS,EAAE,CAAC;AACZ,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,QAAQ,EAAE,CAAC;AACX,IAAA,MAAM,EAAE,CAAC;;;;;"}

package/Tag/cssPropList.js CHANGED Viewed

@@ -1,5 +1,3 @@
-'use strict';
 const CSS_PROP_LIST = {
     typography: 1,
     bgcolor: 1,
@@ -187,5 +185,5 @@ const CSS_PROP_LIST = {
     zIndex: 1,
 };
-module.exports = CSS_PROP_LIST;
+export { CSS_PROP_LIST as default };
 //# sourceMappingURL=cssPropList.js.map

package/Tag/cssPropList.js.map CHANGED Viewed

	@@ -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 Viewed

@@ -0,0 +1,40 @@
+'use strict';
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var useTagProps = require('./useTagProps.cjs');
+var ServerStyleTag = require('./ServerStyleTag.cjs');
+function _interopNamespaceDefault(e) {
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+const Tag = React__namespace.forwardRef((_a, ref) => {
+    var { component, children } = _a, rest = tslib.__rest(_a, ["component", "children"]);
+    const { props, style } = useTagProps(rest);
+    props.ref = ref;
+    const ele = React__namespace.createElement(component || "div", props, children);
+    if (typeof window === 'undefined') {
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ServerStyleTag, { factory: style }), ele] }));
+    }
+    return ele;
+});
+module.exports = Tag;
+//# sourceMappingURL=index.cjs.map

package/Tag/{index.mjs.map → index.cjs.map} RENAMED Viewed

	@@ -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 Viewed

@@ -1,40 +1,19 @@
-'use strict';
+import { __rest } from 'tslib';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import useTagProps from './useTagProps.js';
+import ServerStyleTag from './ServerStyleTag.js';
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var useTagProps = require('./useTagProps.js');
-var ServerStyleTag = require('./ServerStyleTag.js');
-function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-const Tag = React__namespace.forwardRef((_a, ref) => {
-    var { component, children } = _a, rest = tslib.__rest(_a, ["component", "children"]);
+const Tag = React.forwardRef((_a, ref) => {
+    var { component, children } = _a, rest = __rest(_a, ["component", "children"]);
     const { props, style } = useTagProps(rest);
     props.ref = ref;
-    const ele = React__namespace.createElement(component || "div", props, children);
+    const ele = React.createElement(component || "div", props, children);
     if (typeof window === 'undefined') {
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ServerStyleTag, { factory: style }), ele] }));
+        return (jsxs(Fragment, { children: [jsx(ServerStyleTag, { factory: style }), ele] }));
     }
     return ele;
 });
-module.exports = Tag;
+export { Tag as default };
 //# sourceMappingURL=index.js.map

package/Tag/index.js.map CHANGED Viewed

	@@ -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 Viewed

@@ -1,15 +1,19 @@
-import CSS_PROP_LIST from './cssPropList.mjs';
-import { css } from '../css/index.mjs';
-import { classNames } from 'pretty-class';
-import { useMemo } from 'react';
-import { useDocument } from '../Document/index.mjs';
+'use strict';
+var cssPropList = require('./cssPropList.cjs');
+var index$1 = require('../css/index.cjs');
+var prettyClass = require('pretty-class');
+var React = require('react');
+var index = require('../Document/index.cjs');
+var CSSCacheProvider = require('../css/CSSCacheProvider.cjs');
 const useTagProps = (props) => {
     const cachekey = JSON.stringify(props, (key, value) => {
         return key === '_owner' || key === '_store' ? undefined : value;
     }, 2);
-    const doc = useDocument();
-    const parsed = useMemo(() => {
+    const doc = index.useDocument().document;
+    const cacheId = CSSCacheProvider.useCSSCacheId();
+    const parsed = React.useMemo(() => {
         let _props = {};
         let _css = {};
         if (props.hover && Object.keys(props.hover).length > 0) {
@@ -21,23 +25,24 @@ const useTagProps = (props) => {
                 continue;
             }
             let val = props[key];
-            if (!CSS_PROP_LIST[key]) {
+            if (!cssPropList[key]) {
                 _props[key] = val;
             }
             else {
                 _css[key] = val;
             }
         }
-        const styles = css(Object.assign(Object.assign(Object.assign(Object.assign({}, props.sxr), _css), props.sx), props.style), {
+        const styles = index$1.css(Object.assign(Object.assign(Object.assign(Object.assign({}, props.sxr), _css), props.sx), props.style), {
             injectStyle: typeof doc !== 'undefined',
             container: doc,
+            cacheId
         });
         return {
             props: _props,
             styles,
-            className: classNames(props.baseClass ? "xui-" + props.baseClass : undefined, props.classNames, props.className, styles.classname)
+            className: prettyClass.classNames(props.baseClass ? "xui-" + props.baseClass : undefined, props.classNames, props.className, styles.classname)
         };
-    }, [cachekey, doc]);
+    }, [cachekey]);
     const _props = {};
     for (let prop in parsed.props) {
         _props[prop] = props[prop];
@@ -46,5 +51,5 @@ const useTagProps = (props) => {
     return { props: _props, style: parsed.styles };
 };
-export { useTagProps as default };
-//# sourceMappingURL=useTagProps.mjs.map
+module.exports = useTagProps;
+//# sourceMappingURL=useTagProps.cjs.map

package/Tag/useTagProps.cjs.map ADDED Viewed

@@ -0,0 +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().document;\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,CAAC,QAAQ;AAClC,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;;;;"}

package/Tag/useTagProps.js CHANGED Viewed

@@ -1,17 +1,17 @@
-'use strict';
-var cssPropList = require('./cssPropList.js');
-var index$1 = require('../css/index.js');
-var prettyClass = require('pretty-class');
-var React = require('react');
-var index = require('../Document/index.js');
+import CSS_PROP_LIST from './cssPropList.js';
+import { css } from '../css/index.js';
+import { classNames } from 'pretty-class';
+import { useMemo } from 'react';
+import { useDocument } from '../Document/index.js';
+import { useCSSCacheId } from '../css/CSSCacheProvider.js';
 const useTagProps = (props) => {
     const cachekey = JSON.stringify(props, (key, value) => {
         return key === '_owner' || key === '_store' ? undefined : value;
     }, 2);
-    const doc = index.useDocument();
-    const parsed = React.useMemo(() => {
+    const doc = useDocument().document;
+    const cacheId = useCSSCacheId();
+    const parsed = useMemo(() => {
         let _props = {};
         let _css = {};
         if (props.hover && Object.keys(props.hover).length > 0) {
@@ -23,23 +23,24 @@ const useTagProps = (props) => {
                 continue;
             }
             let val = props[key];
-            if (!cssPropList[key]) {
+            if (!CSS_PROP_LIST[key]) {
                 _props[key] = val;
             }
             else {
                 _css[key] = val;
             }
         }
-        const styles = index$1.css(Object.assign(Object.assign(Object.assign(Object.assign({}, props.sxr), _css), props.sx), props.style), {
+        const styles = css(Object.assign(Object.assign(Object.assign(Object.assign({}, props.sxr), _css), props.sx), props.style), {
             injectStyle: typeof doc !== 'undefined',
             container: doc,
+            cacheId
         });
         return {
             props: _props,
             styles,
-            className: prettyClass.classNames(props.baseClass ? "xui-" + props.baseClass : undefined, props.classNames, props.className, styles.classname)
+            className: classNames(props.baseClass ? "xui-" + props.baseClass : undefined, props.classNames, props.className, styles.classname)
         };
-    }, [cachekey, doc]);
+    }, [cachekey]);
     const _props = {};
     for (let prop in parsed.props) {
         _props[prop] = props[prop];
@@ -48,5 +49,5 @@ const useTagProps = (props) => {
     return { props: _props, style: parsed.styles };
 };
-module.exports = useTagProps;
+export { useTagProps as default };
 //# sourceMappingURL=useTagProps.js.map

package/Tag/useTagProps.js.map CHANGED Viewed

	@@ -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\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\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 })\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~~, doc~~])\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~~"~~,"useMemo","css","classNames"~~],"mappings":"~~;;;;;;;;AAaA~~,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;~~AAEzB~~,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;~~AAChB~~,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,~~EAAE,GAAG,~~CAAC,CAAC;~~IAEnB~~,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().document;\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":["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,CAAC,QAAQ;AAClC,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,KAAK,WAAW;AACvC,YAAA,SAAS,EAAE,GAAG;YACd;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 Viewed

@@ -0,0 +1,29 @@
+"use client";
+'use strict';
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../hooks/useTransition/index.cjs');
+const TransitionBase = (_a) => {
+    var { children } = _a, options = tslib.__rest(_a, ["children"]);
+    const { props, exited } = index(options);
+    if (exited)
+        return null;
+    const clone = React.Children.only(children);
+    return React.cloneElement(clone, props);
+};
+function Transition(_a) {
+    var { children } = _a, options = tslib.__rest(_a, ["children"]);
+    const [mounted, setMounted] = React.useState(false);
+    React.useEffect(() => {
+        setMounted(true);
+    }, []);
+    if (!mounted)
+        return null;
+    return jsxRuntime.jsx(TransitionBase, Object.assign({}, options, { children: children }));
+}
+module.exports = Transition;
+//# sourceMappingURL=index.cjs.map

package/Transition/{index.mjs.map → index.cjs.map} RENAMED Viewed

	@@ -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 Viewed

@@ -1,29 +1,27 @@
 "use client";
-'use strict';
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var index = require('../hooks/useTransition/index.js');
+import { __rest } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect, Children, cloneElement } from 'react';
+import useTransition from '../hooks/useTransition/index.js';
 const TransitionBase = (_a) => {
-    var { children } = _a, options = tslib.__rest(_a, ["children"]);
-    const { props, exited } = index(options);
+    var { children } = _a, options = __rest(_a, ["children"]);
+    const { props, exited } = useTransition(options);
     if (exited)
         return null;
-    const clone = React.Children.only(children);
-    return React.cloneElement(clone, props);
+    const clone = Children.only(children);
+    return cloneElement(clone, props);
 };
 function Transition(_a) {
-    var { children } = _a, options = tslib.__rest(_a, ["children"]);
-    const [mounted, setMounted] = React.useState(false);
-    React.useEffect(() => {
+    var { children } = _a, options = __rest(_a, ["children"]);
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
         setMounted(true);
     }, []);
     if (!mounted)
         return null;
-    return jsxRuntime.jsx(TransitionBase, Object.assign({}, options, { children: children }));
+    return jsx(TransitionBase, Object.assign({}, options, { children: children }));
 }
-module.exports = Transition;
+export { Transition as default };
 //# sourceMappingURL=index.js.map