@xanui/core 1.3.7 → 1.3.8

package/AppRoot/AppRootProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AppRootProvider.cjs","sources":["../../src/AppRoot/AppRootProvider.tsx"],"sourcesContent":["\"use client\"\r\nimport React from \"react\";\r\n\r\nconst AppRootContext = React.createContext<(() => HTMLElement | null) | null>(null);\r\n\r\nexport const AppRootProvider: React.FC<{ element: () => HTMLElement | null; children: React.ReactNode }> = ({ element, children }) => {\r\n   return (\r\n      <AppRootContext.Provider value={element}>\r\n         {children}\r\n      </AppRootContext.Provider>\r\n   );\r\n}\r\n\r\nexport const useAppRootElement = (): HTMLElement => {\r\n   const context = React.useContext(AppRootContext);\r\n   if (typeof window === 'undefined') {\r\n      return null as any;\r\n   }\r\n\r\n   return context!() as HTMLElement\r\n}\r\n"],"names":[],"mappings":";;;;;;AAGA;AAEO;AACJ;AAKH;AAEO;;AAEJ;AACG;;;AAIN;;;"}
+{"version":3,"file":"AppRootProvider.cjs","sources":["../../src/AppRoot/AppRootProvider.tsx"],"sourcesContent":["\"use client\"\nimport React from \"react\";\n\nconst AppRootContext = React.createContext<(() => HTMLElement | null) | null>(null);\n\nexport const AppRootProvider: React.FC<{ element: () => HTMLElement | null; children: React.ReactNode }> = ({ element, children }) => {\n   return (\n      <AppRootContext.Provider value={element}>\n         {children}\n      </AppRootContext.Provider>\n   );\n}\n\nexport const useAppRootElement = (): HTMLElement => {\n   const context = React.useContext(AppRootContext);\n   if (typeof window === 'undefined') {\n      return null as any;\n   }\n\n   return context!() as HTMLElement\n}\n"],"names":[],"mappings":";;;;;;AAGA;AAEO;AACJ;AAKH;AAEO;;AAEJ;AACG;;;AAIN;;;"}

package/AppRoot/AppRootProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppRootProvider.js","sources":["../../src/AppRoot/AppRootProvider.tsx"],"sourcesContent":["\"use client\"\r\nimport React from \"react\";\r\n\r\nconst AppRootContext = React.createContext<(() => HTMLElement | null) | null>(null);\r\n\r\nexport const AppRootProvider: React.FC<{ element: () => HTMLElement | null; children: React.ReactNode }> = ({ element, children }) => {\r\n   return (\r\n      <AppRootContext.Provider value={element}>\r\n         {children}\r\n      </AppRootContext.Provider>\r\n   );\r\n}\r\n\r\nexport const useAppRootElement = (): HTMLElement => {\r\n   const context = React.useContext(AppRootContext);\r\n   if (typeof window === 'undefined') {\r\n      return null as any;\r\n   }\r\n\r\n   return context!() as HTMLElement\r\n}\r\n"],"names":[],"mappings":";;;;AAGA;AAEO;AACJ;AAKH;AAEO;;AAEJ;AACG;;;AAIN;;"}
+{"version":3,"file":"AppRootProvider.js","sources":["../../src/AppRoot/AppRootProvider.tsx"],"sourcesContent":["\"use client\"\nimport React from \"react\";\n\nconst AppRootContext = React.createContext<(() => HTMLElement | null) | null>(null);\n\nexport const AppRootProvider: React.FC<{ element: () => HTMLElement | null; children: React.ReactNode }> = ({ element, children }) => {\n   return (\n      <AppRootContext.Provider value={element}>\n         {children}\n      </AppRootContext.Provider>\n   );\n}\n\nexport const useAppRootElement = (): HTMLElement => {\n   const context = React.useContext(AppRootContext);\n   if (typeof window === 'undefined') {\n      return null as any;\n   }\n\n   return context!() as HTMLElement\n}\n"],"names":[],"mappings":";;;;AAGA;AAEO;AACJ;AAKH;AAEO;;AAEJ;AACG;;;AAIN;;"}

package/AppRoot/Renderar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Renderar.cjs","sources":["../../src/AppRoot/Renderar.tsx"],"sourcesContent":["// Renderar.tsx\r\nimport React, { useState } from \"react\";\r\n\r\ntype StoredComponent = {\r\n   component: React.FC<any>;\r\n   props: any;\r\n};\r\n\r\nconst Components: StoredComponent[] = [];\r\nlet dispatch: (() => void) | null = null;\r\n\r\nexport class Renderar {\r\n   static render(component: React.FC, props?: any) {\r\n      Components.push({ component, props });\r\n      if (dispatch) dispatch();\r\n      return {\r\n         unrender: () => this.unrender(component),\r\n         updateProps: (newProps: any) => this.updateProps(component, newProps),\r\n      };\r\n   }\r\n\r\n   static unrender(component: React.FC) {\r\n      const index = Components.findIndex((c) => c.component === component);\r\n      if (index > -1) {\r\n         Components.splice(index, 1);\r\n         if (dispatch) dispatch();\r\n      }\r\n   }\r\n\r\n   static updateProps(component: React.FC, props: any) {\r\n      const stored = Components.find((c) => c.component === component);\r\n      if (stored) stored.props = { ...stored.props, ...props };\r\n      if (dispatch) dispatch();\r\n   }\r\n}\r\n\r\nexport const RenderRenderar = () => {\r\n   const [, setState] = useState(0);\r\n   dispatch = () => setState((prev) => prev + 1);\r\n\r\n   return (\r\n      <>\r\n         {Components.map(({ component: Component, props }, i) => (\r\n            <Component key={i} {...props} />\r\n         ))}\r\n      </>\r\n   );\r\n};"],"names":["useState","_jsx","_Fragment"],"mappings":";;;;;AAQA,MAAM,UAAU,GAAsB,EAAE;AACxC,IAAI,QAAQ,GAAwB,IAAI;MAE3B,QAAQ,CAAA;AAClB,IAAA,OAAO,MAAM,CAAC,SAAmB,EAAE,KAAW,EAAA;QAC3C,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AACrC,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,EAAE;QACxB,OAAO;YACJ,QAAQ,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;AACxC,YAAA,WAAW,EAAE,CAAC,QAAa,KAAK,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC;SACvE;IACJ;IAEA,OAAO,QAAQ,CAAC,SAAmB,EAAA;AAChC,QAAA,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC;AACpE,QAAA,IAAI,KAAK,GAAG,EAAE,EAAE;AACb,YAAA,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAC3B,YAAA,IAAI,QAAQ;AAAE,gBAAA,QAAQ,EAAE;QAC3B;IACH;AAEA,IAAA,OAAO,WAAW,CAAC,SAAmB,EAAE,KAAU,EAAA;AAC/C,QAAA,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC;AAChE,QAAA,IAAI,MAAM;YAAE,MAAM,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAC,KAAK,CAAA,EAAK,KAAK,CAAE;AACxD,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,EAAE;IAC3B;AACF;AAEM,MAAM,cAAc,GAAG,MAAK;IAChC,MAAM,GAAG,QAAQ,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC;AAChC,IAAA,QAAQ,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC,CAAC;AAE7C,IAAA,QACGC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EACI,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,MAChDD,cAAA,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAa,KAAK,CAAA,EAAZ,CAAC,CAAe,CAClC,CAAC,EAAA,CACF;AAET;;;;;"}
+{"version":3,"file":"Renderar.cjs","sources":["../../src/AppRoot/Renderar.tsx"],"sourcesContent":["// Renderar.tsx\nimport React, { useState } from \"react\";\n\ntype StoredComponent = {\n   component: React.FC<any>;\n   props: any;\n};\n\nconst Components: StoredComponent[] = [];\nlet dispatch: (() => void) | null = null;\n\nexport class Renderar {\n   static render(component: React.FC, props?: any) {\n      Components.push({ component, props });\n      if (dispatch) dispatch();\n      return {\n         unrender: () => this.unrender(component),\n         updateProps: (newProps: any) => this.updateProps(component, newProps),\n      };\n   }\n\n   static unrender(component: React.FC) {\n      const index = Components.findIndex((c) => c.component === component);\n      if (index > -1) {\n         Components.splice(index, 1);\n         if (dispatch) dispatch();\n      }\n   }\n\n   static updateProps(component: React.FC, props: any) {\n      const stored = Components.find((c) => c.component === component);\n      if (stored) stored.props = { ...stored.props, ...props };\n      if (dispatch) dispatch();\n   }\n}\n\nexport const RenderRenderar = () => {\n   const [, setState] = useState(0);\n   dispatch = () => setState((prev) => prev + 1);\n\n   return (\n      <>\n         {Components.map(({ component: Component, props }, i) => (\n            <Component key={i} {...props} />\n         ))}\n      </>\n   );\n};"],"names":["useState","_jsx","_Fragment"],"mappings":";;;;;AAQA,MAAM,UAAU,GAAsB,EAAE;AACxC,IAAI,QAAQ,GAAwB,IAAI;MAE3B,QAAQ,CAAA;AAClB,IAAA,OAAO,MAAM,CAAC,SAAmB,EAAE,KAAW,EAAA;QAC3C,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AACrC,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,EAAE;QACxB,OAAO;YACJ,QAAQ,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;AACxC,YAAA,WAAW,EAAE,CAAC,QAAa,KAAK,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC;SACvE;IACJ;IAEA,OAAO,QAAQ,CAAC,SAAmB,EAAA;AAChC,QAAA,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC;AACpE,QAAA,IAAI,KAAK,GAAG,EAAE,EAAE;AACb,YAAA,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAC3B,YAAA,IAAI,QAAQ;AAAE,gBAAA,QAAQ,EAAE;QAC3B;IACH;AAEA,IAAA,OAAO,WAAW,CAAC,SAAmB,EAAE,KAAU,EAAA;AAC/C,QAAA,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC;AAChE,QAAA,IAAI,MAAM;YAAE,MAAM,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAC,KAAK,CAAA,EAAK,KAAK,CAAE;AACxD,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,EAAE;IAC3B;AACF;AAEM,MAAM,cAAc,GAAG,MAAK;IAChC,MAAM,GAAG,QAAQ,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC;AAChC,IAAA,QAAQ,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC,CAAC;AAE7C,IAAA,QACGC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EACI,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,MAChDD,cAAA,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAa,KAAK,CAAA,EAAZ,CAAC,CAAe,CAClC,CAAC,EAAA,CACF;AAET;;;;;"}

package/AppRoot/Renderar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Renderar.js","sources":["../../src/AppRoot/Renderar.tsx"],"sourcesContent":["// Renderar.tsx\r\nimport React, { useState } from \"react\";\r\n\r\ntype StoredComponent = {\r\n   component: React.FC<any>;\r\n   props: any;\r\n};\r\n\r\nconst Components: StoredComponent[] = [];\r\nlet dispatch: (() => void) | null = null;\r\n\r\nexport class Renderar {\r\n   static render(component: React.FC, props?: any) {\r\n      Components.push({ component, props });\r\n      if (dispatch) dispatch();\r\n      return {\r\n         unrender: () => this.unrender(component),\r\n         updateProps: (newProps: any) => this.updateProps(component, newProps),\r\n      };\r\n   }\r\n\r\n   static unrender(component: React.FC) {\r\n      const index = Components.findIndex((c) => c.component === component);\r\n      if (index > -1) {\r\n         Components.splice(index, 1);\r\n         if (dispatch) dispatch();\r\n      }\r\n   }\r\n\r\n   static updateProps(component: React.FC, props: any) {\r\n      const stored = Components.find((c) => c.component === component);\r\n      if (stored) stored.props = { ...stored.props, ...props };\r\n      if (dispatch) dispatch();\r\n   }\r\n}\r\n\r\nexport const RenderRenderar = () => {\r\n   const [, setState] = useState(0);\r\n   dispatch = () => setState((prev) => prev + 1);\r\n\r\n   return (\r\n      <>\r\n         {Components.map(({ component: Component, props }, i) => (\r\n            <Component key={i} {...props} />\r\n         ))}\r\n      </>\r\n   );\r\n};"],"names":["_jsx","_Fragment"],"mappings":";;;AAQA,MAAM,UAAU,GAAsB,EAAE;AACxC,IAAI,QAAQ,GAAwB,IAAI;MAE3B,QAAQ,CAAA;AAClB,IAAA,OAAO,MAAM,CAAC,SAAmB,EAAE,KAAW,EAAA;QAC3C,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AACrC,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,EAAE;QACxB,OAAO;YACJ,QAAQ,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;AACxC,YAAA,WAAW,EAAE,CAAC,QAAa,KAAK,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC;SACvE;IACJ;IAEA,OAAO,QAAQ,CAAC,SAAmB,EAAA;AAChC,QAAA,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC;AACpE,QAAA,IAAI,KAAK,GAAG,EAAE,EAAE;AACb,YAAA,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAC3B,YAAA,IAAI,QAAQ;AAAE,gBAAA,QAAQ,EAAE;QAC3B;IACH;AAEA,IAAA,OAAO,WAAW,CAAC,SAAmB,EAAE,KAAU,EAAA;AAC/C,QAAA,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC;AAChE,QAAA,IAAI,MAAM;YAAE,MAAM,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAC,KAAK,CAAA,EAAK,KAAK,CAAE;AACxD,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,EAAE;IAC3B;AACF;AAEM,MAAM,cAAc,GAAG,MAAK;IAChC,MAAM,GAAG,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AAChC,IAAA,QAAQ,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC,CAAC;AAE7C,IAAA,QACGA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EACI,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,MAChDD,GAAA,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAa,KAAK,CAAA,EAAZ,CAAC,CAAe,CAClC,CAAC,EAAA,CACF;AAET;;;;"}
+{"version":3,"file":"Renderar.js","sources":["../../src/AppRoot/Renderar.tsx"],"sourcesContent":["// Renderar.tsx\nimport React, { useState } from \"react\";\n\ntype StoredComponent = {\n   component: React.FC<any>;\n   props: any;\n};\n\nconst Components: StoredComponent[] = [];\nlet dispatch: (() => void) | null = null;\n\nexport class Renderar {\n   static render(component: React.FC, props?: any) {\n      Components.push({ component, props });\n      if (dispatch) dispatch();\n      return {\n         unrender: () => this.unrender(component),\n         updateProps: (newProps: any) => this.updateProps(component, newProps),\n      };\n   }\n\n   static unrender(component: React.FC) {\n      const index = Components.findIndex((c) => c.component === component);\n      if (index > -1) {\n         Components.splice(index, 1);\n         if (dispatch) dispatch();\n      }\n   }\n\n   static updateProps(component: React.FC, props: any) {\n      const stored = Components.find((c) => c.component === component);\n      if (stored) stored.props = { ...stored.props, ...props };\n      if (dispatch) dispatch();\n   }\n}\n\nexport const RenderRenderar = () => {\n   const [, setState] = useState(0);\n   dispatch = () => setState((prev) => prev + 1);\n\n   return (\n      <>\n         {Components.map(({ component: Component, props }, i) => (\n            <Component key={i} {...props} />\n         ))}\n      </>\n   );\n};"],"names":["_jsx","_Fragment"],"mappings":";;;AAQA,MAAM,UAAU,GAAsB,EAAE;AACxC,IAAI,QAAQ,GAAwB,IAAI;MAE3B,QAAQ,CAAA;AAClB,IAAA,OAAO,MAAM,CAAC,SAAmB,EAAE,KAAW,EAAA;QAC3C,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AACrC,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,EAAE;QACxB,OAAO;YACJ,QAAQ,EAAE,MAAM,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC;AACxC,YAAA,WAAW,EAAE,CAAC,QAAa,KAAK,IAAI,CAAC,WAAW,CAAC,SAAS,EAAE,QAAQ,CAAC;SACvE;IACJ;IAEA,OAAO,QAAQ,CAAC,SAAmB,EAAA;AAChC,QAAA,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC;AACpE,QAAA,IAAI,KAAK,GAAG,EAAE,EAAE;AACb,YAAA,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAC3B,YAAA,IAAI,QAAQ;AAAE,gBAAA,QAAQ,EAAE;QAC3B;IACH;AAEA,IAAA,OAAO,WAAW,CAAC,SAAmB,EAAE,KAAU,EAAA;AAC/C,QAAA,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC;AAChE,QAAA,IAAI,MAAM;YAAE,MAAM,CAAC,KAAK,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAC,KAAK,CAAA,EAAK,KAAK,CAAE;AACxD,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,EAAE;IAC3B;AACF;AAEM,MAAM,cAAc,GAAG,MAAK;IAChC,MAAM,GAAG,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;AAChC,IAAA,QAAQ,GAAG,MAAM,QAAQ,CAAC,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC,CAAC;AAE7C,IAAA,QACGA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EACI,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,MAChDD,GAAA,CAAC,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAa,KAAK,CAAA,EAAZ,CAAC,CAAe,CAClC,CAAC,EAAA,CACF;AAET;;;;"}

package/AppRoot/index.cjs

@@ -36,7 +36,7 @@ const AppRoot = React.forwardRef((_a, ref) => {
     React.useEffect(() => {
         if (typeof _document === 'undefined')
             return;
-        if (!cookie.exists("xuitm")) {
+        if (!cookie.exists("xuitm") && theme.name) {
             cookie.set("xuitm", theme.name);
         }
         const styles = Array.from(_document.querySelectorAll('body style[data-oncss]'));

package/AppRoot/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/AppRoot/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { useEffect, useId, useLayoutEffect, useRef } from 'react';\r\nimport { TagComponentType } from '../Tag/types';\r\nimport { ThemeProvider, ThemeProviderProps } from '../theme';\r\nimport { BreakpointProvider } from '../breakpoint';\r\nimport { RenderRenderar } from './Renderar';\r\nimport { DocumentProvider } from '../Document';\r\nimport { AppRootProvider } from './AppRootProvider';\r\nimport useMergeRefs from '../hooks/useMergeRefs';\r\nimport { CSSCacheProvider } from '../css/CSSCacheProvider';\r\nimport { BreakpointKeys } from '../css/types';\r\nimport Cookie from '../cookie';\r\n\r\nexport type AppRootProps<T extends TagComponentType = \"div\"> = ThemeProviderProps<T> & {\r\n   noScrollbarCss?: boolean;\r\n   document?: Document;\r\n   CSSCacheId?: string;\r\n   disableRenderar?: boolean;\r\n   defaultBreakpoint?: BreakpointKeys\r\n   selectionColor?: \"default\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\";\r\n}\r\n\r\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, defaultBreakpoint, noScrollbarCss, CSSCacheId, theme, onThemeChange, disableRenderar, selectionColor, document: _document, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\r\n\r\n   noScrollbarCss ??= false\r\n   selectionColor ??= \"brand\"\r\n   if (typeof window !== \"undefined\") {\r\n      _document ??= document\r\n   }\r\n   disableRenderar ??= false\r\n   const docid = useId()\r\n   const csscacheId = useId()\r\n   CSSCacheId ??= csscacheId\r\n\r\n   const [visibility, setVisibility] = React.useState<string>(!defaultBreakpoint ? \"hidden\" : \"\");\r\n   const rootRef = useRef(null)\r\n   const mergeRef = useMergeRefs(rootRef, ref)\r\n\r\n   useLayoutEffect(() => {\r\n      !defaultBreakpoint && setVisibility(\"\");\r\n   }, [])\r\n\r\n   useEffect(() => {\r\n      if (typeof _document === 'undefined') return;\r\n      if (!Cookie.exists(\"xuitm\")) {\r\n         Cookie.set(\"xuitm\", theme.name)\r\n      }\r\n\r\n      const styles = Array.from(_document.querySelectorAll('body style[data-oncss]'));\r\n      styles.forEach((style) => {\r\n         _document.head.appendChild(style);\r\n      });\r\n   }, [])\r\n\r\n   let selection: any = {}\r\n   if (selectionColor && selectionColor !== 'default') {\r\n      selection = {\r\n         \"&::selection\": {\r\n            bgcolor: `${selectionColor}.primary`,\r\n            color: `${selectionColor}.text`\r\n         }\r\n      }\r\n   }\r\n\r\n   return (\r\n      <DocumentProvider value={_document ? { document: _document, id: docid } : undefined}>\r\n         <CSSCacheProvider cacheId={CSSCacheId}>\r\n            <AppRootProvider element={() => rootRef.current}>\r\n               <ThemeProvider\r\n                  theme={theme}\r\n                  onThemeChange={(t) => {\r\n                     onThemeChange && onThemeChange(t)\r\n                     Cookie.set(\"xuitm\", t.name)\r\n                  }}\r\n                  {...props}\r\n                  ref={mergeRef}\r\n                  isRoot\r\n                  sx={{\r\n                     ...props.sx,\r\n                     ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {}),\r\n                     ...selection\r\n                  }}\r\n               >\r\n                  <BreakpointProvider defaultKey={defaultBreakpoint ?? \"xl\"}>\r\n                     {children}\r\n                     {!disableRenderar && <RenderRenderar />}\r\n                  </BreakpointProvider>\r\n               </ThemeProvider>\r\n            </AppRootProvider>\r\n         </CSSCacheProvider>\r\n      </DocumentProvider>\r\n   )\r\n})\r\n\r\nexport default AppRoot\r\n\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAsBA;;;;AAIG;;;;AAIA;AACA;;;AAIA;;;AAIG;;;;;;;;AASA;AACA;AACG;AACH;;;AAIH;AACG;AACG;;;AAGC;;;;AAWW;;AAEH;AAmBlB;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/AppRoot/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useId, useLayoutEffect, useRef } from 'react';\nimport { TagComponentType } from '../Tag/types';\nimport { ThemeProvider, ThemeProviderProps } from '../theme';\nimport { BreakpointProvider } from '../breakpoint';\nimport { RenderRenderar } from './Renderar';\nimport { DocumentProvider } from '../Document';\nimport { AppRootProvider } from './AppRootProvider';\nimport useMergeRefs from '../hooks/useMergeRefs';\nimport { CSSCacheProvider } from '../css/CSSCacheProvider';\nimport { BreakpointKeys } from '../css/types';\nimport Cookie from '../cookie';\n\nexport type AppRootProps<T extends TagComponentType = \"div\"> = ThemeProviderProps<T> & {\n   noScrollbarCss?: boolean;\n   document?: Document;\n   CSSCacheId?: string;\n   disableRenderar?: boolean;\n   defaultBreakpoint?: BreakpointKeys\n   selectionColor?: \"default\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\";\n}\n\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, defaultBreakpoint, noScrollbarCss, CSSCacheId, theme, onThemeChange, disableRenderar, selectionColor, document: _document, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\n\n   noScrollbarCss ??= false\n   selectionColor ??= \"brand\"\n   if (typeof window !== \"undefined\") {\n      _document ??= document\n   }\n   disableRenderar ??= false\n   const docid = useId()\n   const csscacheId = useId()\n   CSSCacheId ??= csscacheId\n\n   const [visibility, setVisibility] = React.useState<string>(!defaultBreakpoint ? \"hidden\" : \"\");\n   const rootRef = useRef(null)\n   const mergeRef = useMergeRefs(rootRef, ref)\n\n   useLayoutEffect(() => {\n      !defaultBreakpoint && setVisibility(\"\");\n   }, [])\n\n   useEffect(() => {\n      if (typeof _document === 'undefined') return;\n      if (!Cookie.exists(\"xuitm\") && theme.name) {\n         Cookie.set(\"xuitm\", theme.name)\n      }\n      const styles = Array.from(_document.querySelectorAll('body style[data-oncss]'));\n      styles.forEach((style) => {\n         _document.head.appendChild(style);\n      });\n   }, [])\n\n   let selection: any = {}\n   if (selectionColor && selectionColor !== 'default') {\n      selection = {\n         \"&::selection\": {\n            bgcolor: `${selectionColor}.primary`,\n            color: `${selectionColor}.text`\n         }\n      }\n   }\n\n   return (\n      <DocumentProvider value={_document ? { document: _document, id: docid } : undefined}>\n         <CSSCacheProvider cacheId={CSSCacheId}>\n            <AppRootProvider element={() => rootRef.current}>\n               <ThemeProvider\n                  theme={theme}\n                  onThemeChange={(t) => {\n                     onThemeChange && onThemeChange(t)\n                     Cookie.set(\"xuitm\", t.name)\n                  }}\n                  {...props}\n                  ref={mergeRef}\n                  isRoot\n                  sx={{\n                     ...props.sx,\n                     ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {}),\n                     ...selection\n                  }}\n               >\n                  <BreakpointProvider defaultKey={defaultBreakpoint ?? \"xl\"}>\n                     {children}\n                     {!disableRenderar && <RenderRenderar />}\n                  </BreakpointProvider>\n               </ThemeProvider>\n            </AppRootProvider>\n         </CSSCacheProvider>\n      </DocumentProvider>\n   )\n})\n\nexport default AppRoot\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAsBA;;;;AAIG;;;;AAIA;AACA;;;AAIA;;;AAIG;;;;;AAKA;;;AAGA;AACA;AACG;AACH;;;AAIH;AACG;AACG;;;AAGC;;;;AAWW;;AAEH;AAmBlB;;"}

package/AppRoot/index.js

@@ -34,7 +34,7 @@ const AppRoot = React__default.forwardRef((_a, ref) => {
     useEffect(() => {
         if (typeof _document === 'undefined')
             return;
-        if (!Cookie.exists("xuitm")) {
+        if (!Cookie.exists("xuitm") && theme.name) {
             Cookie.set("xuitm", theme.name);
         }
         const styles = Array.from(_document.querySelectorAll('body style[data-oncss]'));

package/AppRoot/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/AppRoot/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { useEffect, useId, useLayoutEffect, useRef } from 'react';\r\nimport { TagComponentType } from '../Tag/types';\r\nimport { ThemeProvider, ThemeProviderProps } from '../theme';\r\nimport { BreakpointProvider } from '../breakpoint';\r\nimport { RenderRenderar } from './Renderar';\r\nimport { DocumentProvider } from '../Document';\r\nimport { AppRootProvider } from './AppRootProvider';\r\nimport useMergeRefs from '../hooks/useMergeRefs';\r\nimport { CSSCacheProvider } from '../css/CSSCacheProvider';\r\nimport { BreakpointKeys } from '../css/types';\r\nimport Cookie from '../cookie';\r\n\r\nexport type AppRootProps<T extends TagComponentType = \"div\"> = ThemeProviderProps<T> & {\r\n   noScrollbarCss?: boolean;\r\n   document?: Document;\r\n   CSSCacheId?: string;\r\n   disableRenderar?: boolean;\r\n   defaultBreakpoint?: BreakpointKeys\r\n   selectionColor?: \"default\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\";\r\n}\r\n\r\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, defaultBreakpoint, noScrollbarCss, CSSCacheId, theme, onThemeChange, disableRenderar, selectionColor, document: _document, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\r\n\r\n   noScrollbarCss ??= false\r\n   selectionColor ??= \"brand\"\r\n   if (typeof window !== \"undefined\") {\r\n      _document ??= document\r\n   }\r\n   disableRenderar ??= false\r\n   const docid = useId()\r\n   const csscacheId = useId()\r\n   CSSCacheId ??= csscacheId\r\n\r\n   const [visibility, setVisibility] = React.useState<string>(!defaultBreakpoint ? \"hidden\" : \"\");\r\n   const rootRef = useRef(null)\r\n   const mergeRef = useMergeRefs(rootRef, ref)\r\n\r\n   useLayoutEffect(() => {\r\n      !defaultBreakpoint && setVisibility(\"\");\r\n   }, [])\r\n\r\n   useEffect(() => {\r\n      if (typeof _document === 'undefined') return;\r\n      if (!Cookie.exists(\"xuitm\")) {\r\n         Cookie.set(\"xuitm\", theme.name)\r\n      }\r\n\r\n      const styles = Array.from(_document.querySelectorAll('body style[data-oncss]'));\r\n      styles.forEach((style) => {\r\n         _document.head.appendChild(style);\r\n      });\r\n   }, [])\r\n\r\n   let selection: any = {}\r\n   if (selectionColor && selectionColor !== 'default') {\r\n      selection = {\r\n         \"&::selection\": {\r\n            bgcolor: `${selectionColor}.primary`,\r\n            color: `${selectionColor}.text`\r\n         }\r\n      }\r\n   }\r\n\r\n   return (\r\n      <DocumentProvider value={_document ? { document: _document, id: docid } : undefined}>\r\n         <CSSCacheProvider cacheId={CSSCacheId}>\r\n            <AppRootProvider element={() => rootRef.current}>\r\n               <ThemeProvider\r\n                  theme={theme}\r\n                  onThemeChange={(t) => {\r\n                     onThemeChange && onThemeChange(t)\r\n                     Cookie.set(\"xuitm\", t.name)\r\n                  }}\r\n                  {...props}\r\n                  ref={mergeRef}\r\n                  isRoot\r\n                  sx={{\r\n                     ...props.sx,\r\n                     ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {}),\r\n                     ...selection\r\n                  }}\r\n               >\r\n                  <BreakpointProvider defaultKey={defaultBreakpoint ?? \"xl\"}>\r\n                     {children}\r\n                     {!disableRenderar && <RenderRenderar />}\r\n                  </BreakpointProvider>\r\n               </ThemeProvider>\r\n            </AppRootProvider>\r\n         </CSSCacheProvider>\r\n      </DocumentProvider>\r\n   )\r\n})\r\n\r\nexport default AppRoot\r\n\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsBA;;;;AAIG;;;;AAIA;AACA;;;AAIA;;;AAIG;;;;;;;;AASA;AACA;AACG;AACH;;;AAIH;AACG;AACG;;;AAGC;;;;AAWW;;AAEH;AAmBlB;;"}
+{"version":3,"file":"index.js","sources":["../../src/AppRoot/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { useEffect, useId, useLayoutEffect, useRef } from 'react';\nimport { TagComponentType } from '../Tag/types';\nimport { ThemeProvider, ThemeProviderProps } from '../theme';\nimport { BreakpointProvider } from '../breakpoint';\nimport { RenderRenderar } from './Renderar';\nimport { DocumentProvider } from '../Document';\nimport { AppRootProvider } from './AppRootProvider';\nimport useMergeRefs from '../hooks/useMergeRefs';\nimport { CSSCacheProvider } from '../css/CSSCacheProvider';\nimport { BreakpointKeys } from '../css/types';\nimport Cookie from '../cookie';\n\nexport type AppRootProps<T extends TagComponentType = \"div\"> = ThemeProviderProps<T> & {\n   noScrollbarCss?: boolean;\n   document?: Document;\n   CSSCacheId?: string;\n   disableRenderar?: boolean;\n   defaultBreakpoint?: BreakpointKeys\n   selectionColor?: \"default\" | \"brand\" | \"accent\" | \"success\" | \"info\" | \"warning\" | \"danger\";\n}\n\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, defaultBreakpoint, noScrollbarCss, CSSCacheId, theme, onThemeChange, disableRenderar, selectionColor, document: _document, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\n\n   noScrollbarCss ??= false\n   selectionColor ??= \"brand\"\n   if (typeof window !== \"undefined\") {\n      _document ??= document\n   }\n   disableRenderar ??= false\n   const docid = useId()\n   const csscacheId = useId()\n   CSSCacheId ??= csscacheId\n\n   const [visibility, setVisibility] = React.useState<string>(!defaultBreakpoint ? \"hidden\" : \"\");\n   const rootRef = useRef(null)\n   const mergeRef = useMergeRefs(rootRef, ref)\n\n   useLayoutEffect(() => {\n      !defaultBreakpoint && setVisibility(\"\");\n   }, [])\n\n   useEffect(() => {\n      if (typeof _document === 'undefined') return;\n      if (!Cookie.exists(\"xuitm\") && theme.name) {\n         Cookie.set(\"xuitm\", theme.name)\n      }\n      const styles = Array.from(_document.querySelectorAll('body style[data-oncss]'));\n      styles.forEach((style) => {\n         _document.head.appendChild(style);\n      });\n   }, [])\n\n   let selection: any = {}\n   if (selectionColor && selectionColor !== 'default') {\n      selection = {\n         \"&::selection\": {\n            bgcolor: `${selectionColor}.primary`,\n            color: `${selectionColor}.text`\n         }\n      }\n   }\n\n   return (\n      <DocumentProvider value={_document ? { document: _document, id: docid } : undefined}>\n         <CSSCacheProvider cacheId={CSSCacheId}>\n            <AppRootProvider element={() => rootRef.current}>\n               <ThemeProvider\n                  theme={theme}\n                  onThemeChange={(t) => {\n                     onThemeChange && onThemeChange(t)\n                     Cookie.set(\"xuitm\", t.name)\n                  }}\n                  {...props}\n                  ref={mergeRef}\n                  isRoot\n                  sx={{\n                     ...props.sx,\n                     ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {}),\n                     ...selection\n                  }}\n               >\n                  <BreakpointProvider defaultKey={defaultBreakpoint ?? \"xl\"}>\n                     {children}\n                     {!disableRenderar && <RenderRenderar />}\n                  </BreakpointProvider>\n               </ThemeProvider>\n            </AppRootProvider>\n         </CSSCacheProvider>\n      </DocumentProvider>\n   )\n})\n\nexport default AppRoot\n\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsBA;;;;AAIG;;;;AAIA;AACA;;;AAIA;;;AAIG;;;;;AAKA;;;AAGA;AACA;AACG;AACH;;;AAIH;AACG;AACG;;;AAGC;;;;AAWW;;AAEH;AAmBlB;;"}

package/Document/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/Document/index.tsx"],"sourcesContent":["'use client'\r\nimport React, { useContext, createContext } from \"react\";\r\n\r\nexport type DocumentID = string\r\nexport type DocumentContextValue = { document: Document; id: DocumentID } | undefined\r\nconst DocumentContext = createContext<DocumentContextValue>(undefined);\r\nexport const DocumentProvider: React.FC<{ children: React.ReactNode, value?: DocumentContextValue }> = ({ value, children }) => {\r\n   return (\r\n      <DocumentContext.Provider value={value}>\r\n         {children}\r\n      </DocumentContext.Provider>\r\n   );\r\n}\r\n\r\nexport const useDocument = () => useContext(DocumentContext)"],"names":[],"mappings":";;;;;;AAKA;AACO;AACJ;AAKH;AAEO;;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/Document/index.tsx"],"sourcesContent":["'use client'\nimport React, { useContext, createContext } from \"react\";\n\nexport type DocumentID = string\nexport type DocumentContextValue = { document: Document; id: DocumentID } | undefined\nconst DocumentContext = createContext<DocumentContextValue>(undefined);\nexport const DocumentProvider: React.FC<{ children: React.ReactNode, value?: DocumentContextValue }> = ({ value, children }) => {\n   return (\n      <DocumentContext.Provider value={value}>\n         {children}\n      </DocumentContext.Provider>\n   );\n}\n\nexport const useDocument = () => useContext(DocumentContext)"],"names":[],"mappings":";;;;;;AAKA;AACO;AACJ;AAKH;AAEO;;;"}

package/Document/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Document/index.tsx"],"sourcesContent":["'use client'\r\nimport React, { useContext, createContext } from \"react\";\r\n\r\nexport type DocumentID = string\r\nexport type DocumentContextValue = { document: Document; id: DocumentID } | undefined\r\nconst DocumentContext = createContext<DocumentContextValue>(undefined);\r\nexport const DocumentProvider: React.FC<{ children: React.ReactNode, value?: DocumentContextValue }> = ({ value, children }) => {\r\n   return (\r\n      <DocumentContext.Provider value={value}>\r\n         {children}\r\n      </DocumentContext.Provider>\r\n   );\r\n}\r\n\r\nexport const useDocument = () => useContext(DocumentContext)"],"names":[],"mappings":";;;;AAKA;AACO;AACJ;AAKH;AAEO;;"}
+{"version":3,"file":"index.js","sources":["../../src/Document/index.tsx"],"sourcesContent":["'use client'\nimport React, { useContext, createContext } from \"react\";\n\nexport type DocumentID = string\nexport type DocumentContextValue = { document: Document; id: DocumentID } | undefined\nconst DocumentContext = createContext<DocumentContextValue>(undefined);\nexport const DocumentProvider: React.FC<{ children: React.ReactNode, value?: DocumentContextValue }> = ({ value, children }) => {\n   return (\n      <DocumentContext.Provider value={value}>\n         {children}\n      </DocumentContext.Provider>\n   );\n}\n\nexport const useDocument = () => useContext(DocumentContext)"],"names":[],"mappings":";;;;AAKA;AACO;AACJ;AAKH;AAEO;;"}

package/Iframe/index.cjs.map

@@ -1 +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\nimport { ThemeOptions } from \"../theme/types\";\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?: ThemeOptions;\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\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 disableRenderar theme={parentTheme} 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":";;;;;;;;;;;;;;;;AAUA;AACG;AACA;AACF;AAQD;AAAgB;;AAEb;;AAEA;;;;AAKG;;AAEA;;;;AAqBM;AAGS;;;AAYrB;AAEA;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/Iframe/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useEffect, useRef, useState } from \"react\";\nimport { useTheme } from \"../theme\";\nimport Tag from \"../Tag\";\nimport { createPortal } from \"react-dom\";\nimport AppRoot from \"../AppRoot\";\nimport { TagPropsRoot } from \"../Tag/types\";\nimport useMergeRefs from \"../hooks/useMergeRefs\";\nimport { ThemeOptions } from \"../theme/types\";\n\nconst IframeContext = createContext<{ document: Document | null; window: Window | null; }>({\n   document: null,\n   window: null,\n});\n\n\nexport type IframeProps = Omit<TagPropsRoot<\"iframe\">, \"component\"> & {\n   theme?: ThemeOptions;\n   CSSCacheId?: string;\n}\n\nconst Iframe = ({ children, sxr, theme, CSSCacheId, ...props }: IframeProps, ref: React.Ref<HTMLIFrameElement>) => {\n   const [doc, setDoc] = useState<Document | null>(null);\n   const iframeRef = useRef<HTMLIFrameElement>(null);\n   const _ref = useMergeRefs(iframeRef, ref)\n   const parentTheme = useTheme()\n\n\n   useEffect(() => {\n      if (!iframeRef.current) return;\n      const iframe = iframeRef.current;\n      const onLoad = () => setDoc(iframe.contentDocument);\n      iframe.addEventListener(\"load\", onLoad);\n      return () => iframe.removeEventListener(\"load\", onLoad);\n   }, []);\n\n   return (\n      <>\n         <Tag\n            {...props}\n            component={\"iframe\"}\n            sxr={{\n               border: 'none',\n               width: \"100%\",\n               height: \"100%\",\n               p: 0,\n               m: 0,\n               ...sxr\n            }}\n            ref={_ref}\n            srcDoc={\"<!DOCTYPE html><html><head></head><body></body></html>\"}\n         />\n         {doc &&\n            createPortal(\n               <IframeContext.Provider\n                  value={{\n                     document: doc,\n                     window: doc.defaultView,\n                  }}\n               >\n                  <AppRoot disableRenderar theme={parentTheme} document={doc as Document} CSSCacheId={CSSCacheId}>\n                     {children}\n                  </AppRoot>\n               </IframeContext.Provider>,\n               doc.body\n            )}\n      </>\n   );\n}\n\nexport default React.forwardRef(Iframe)"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAUA;AACG;AACA;AACF;AAQD;AAAgB;;AAEb;;AAEA;;;;AAKG;;AAEA;;;;AAqBM;AAGS;;;AAYrB;AAEA;;"}

package/Iframe/index.js.map

@@ -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\nimport { ThemeOptions } from \"../theme/types\";\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?: ThemeOptions;\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\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 disableRenderar theme={parentTheme} 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":";;;;;;;;;;;;;;AAUA;AACG;AACA;AACF;AAQD;AAAgB;;AAEb;;AAEA;;;;AAKG;;AAEA;;;;AAqBM;AAGS;;;AAYrB;AAEA;;"}
+{"version":3,"file":"index.js","sources":["../../src/Iframe/index.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, useEffect, useRef, useState } from \"react\";\nimport { useTheme } from \"../theme\";\nimport Tag from \"../Tag\";\nimport { createPortal } from \"react-dom\";\nimport AppRoot from \"../AppRoot\";\nimport { TagPropsRoot } from \"../Tag/types\";\nimport useMergeRefs from \"../hooks/useMergeRefs\";\nimport { ThemeOptions } from \"../theme/types\";\n\nconst IframeContext = createContext<{ document: Document | null; window: Window | null; }>({\n   document: null,\n   window: null,\n});\n\n\nexport type IframeProps = Omit<TagPropsRoot<\"iframe\">, \"component\"> & {\n   theme?: ThemeOptions;\n   CSSCacheId?: string;\n}\n\nconst Iframe = ({ children, sxr, theme, CSSCacheId, ...props }: IframeProps, ref: React.Ref<HTMLIFrameElement>) => {\n   const [doc, setDoc] = useState<Document | null>(null);\n   const iframeRef = useRef<HTMLIFrameElement>(null);\n   const _ref = useMergeRefs(iframeRef, ref)\n   const parentTheme = useTheme()\n\n\n   useEffect(() => {\n      if (!iframeRef.current) return;\n      const iframe = iframeRef.current;\n      const onLoad = () => setDoc(iframe.contentDocument);\n      iframe.addEventListener(\"load\", onLoad);\n      return () => iframe.removeEventListener(\"load\", onLoad);\n   }, []);\n\n   return (\n      <>\n         <Tag\n            {...props}\n            component={\"iframe\"}\n            sxr={{\n               border: 'none',\n               width: \"100%\",\n               height: \"100%\",\n               p: 0,\n               m: 0,\n               ...sxr\n            }}\n            ref={_ref}\n            srcDoc={\"<!DOCTYPE html><html><head></head><body></body></html>\"}\n         />\n         {doc &&\n            createPortal(\n               <IframeContext.Provider\n                  value={{\n                     document: doc,\n                     window: doc.defaultView,\n                  }}\n               >\n                  <AppRoot disableRenderar theme={parentTheme} document={doc as Document} CSSCacheId={CSSCacheId}>\n                     {children}\n                  </AppRoot>\n               </IframeContext.Provider>,\n               doc.body\n            )}\n      </>\n   );\n}\n\nexport default React.forwardRef(Iframe)"],"names":[],"mappings":";;;;;;;;;;;;;;AAUA;AACG;AACA;AACF;AAQD;AAAgB;;AAEb;;AAEA;;;;AAKG;;AAEA;;;;AAqBM;AAGS;;;AAYrB;AAEA;;"}

package/Portal/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/Portal/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { ReactNode, useMemo } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\n\r\nexport type PortalProps = {\r\n   children: ReactNode;\r\n   container?: HTMLElement | string; // HTMLElement or querySelector string\r\n}\r\n\r\n/**\r\n * SSR-safe Portal component\r\n * - container: HTMLElement or querySelector string\r\n * - if not provided, creates a unique div automatically\r\n */\r\nconst Portal: React.FC<PortalProps> = ({ children, container }) => {\r\n   const portalNode = useMemo<HTMLElement | null>(() => {\r\n      if (typeof document === \"undefined\") return null; // SSR\r\n\r\n      // Use container if provided\r\n      if (container instanceof HTMLElement) return container;\r\n      if (typeof container === \"string\") {\r\n         const element = document.querySelector<HTMLElement>(container);\r\n         if (element) return element;\r\n      }\r\n\r\n      // Auto-create a unique div\r\n      const element = document.createElement(\"div\");\r\n      element.dataset.portal = Math.random().toString(36).substring(2, 9); // unique id\r\n      document.body.appendChild(element);\r\n\r\n      return element;\r\n   }, [container]);\r\n\r\n   if (!portalNode) return null;\r\n\r\n   return createPortal(children, portalNode);\r\n};\r\n\r\nexport default Portal;"],"names":[],"mappings":";;;;;;AAUA;;;;AAIG;AACH;AACG;;;;;AAIyC;AACtC;;AAEG;AAAa;;;;;AAMhB;AAEA;AACH;AAEA;AAAiB;AAEjB;AACH;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/Portal/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { ReactNode, useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport type PortalProps = {\n   children: ReactNode;\n   container?: HTMLElement | string; // HTMLElement or querySelector string\n}\n\n/**\n * SSR-safe Portal component\n * - container: HTMLElement or querySelector string\n * - if not provided, creates a unique div automatically\n */\nconst Portal: React.FC<PortalProps> = ({ children, container }) => {\n   const portalNode = useMemo<HTMLElement | null>(() => {\n      if (typeof document === \"undefined\") return null; // SSR\n\n      // Use container if provided\n      if (container instanceof HTMLElement) return container;\n      if (typeof container === \"string\") {\n         const element = document.querySelector<HTMLElement>(container);\n         if (element) return element;\n      }\n\n      // Auto-create a unique div\n      const element = document.createElement(\"div\");\n      element.dataset.portal = Math.random().toString(36).substring(2, 9); // unique id\n      document.body.appendChild(element);\n\n      return element;\n   }, [container]);\n\n   if (!portalNode) return null;\n\n   return createPortal(children, portalNode);\n};\n\nexport default Portal;"],"names":[],"mappings":";;;;;;AAUA;;;;AAIG;AACH;AACG;;;;;AAIyC;AACtC;;AAEG;AAAa;;;;;AAMhB;AAEA;AACH;AAEA;AAAiB;AAEjB;AACH;;"}

package/Portal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/Portal/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { ReactNode, useMemo } from \"react\";\r\nimport { createPortal } from \"react-dom\";\r\n\r\nexport type PortalProps = {\r\n   children: ReactNode;\r\n   container?: HTMLElement | string; // HTMLElement or querySelector string\r\n}\r\n\r\n/**\r\n * SSR-safe Portal component\r\n * - container: HTMLElement or querySelector string\r\n * - if not provided, creates a unique div automatically\r\n */\r\nconst Portal: React.FC<PortalProps> = ({ children, container }) => {\r\n   const portalNode = useMemo<HTMLElement | null>(() => {\r\n      if (typeof document === \"undefined\") return null; // SSR\r\n\r\n      // Use container if provided\r\n      if (container instanceof HTMLElement) return container;\r\n      if (typeof container === \"string\") {\r\n         const element = document.querySelector<HTMLElement>(container);\r\n         if (element) return element;\r\n      }\r\n\r\n      // Auto-create a unique div\r\n      const element = document.createElement(\"div\");\r\n      element.dataset.portal = Math.random().toString(36).substring(2, 9); // unique id\r\n      document.body.appendChild(element);\r\n\r\n      return element;\r\n   }, [container]);\r\n\r\n   if (!portalNode) return null;\r\n\r\n   return createPortal(children, portalNode);\r\n};\r\n\r\nexport default Portal;"],"names":[],"mappings":";;;;AAUA;;;;AAIG;AACH;AACG;;;;;AAIyC;AACtC;;AAEG;AAAa;;;;;AAMhB;AAEA;AACH;AAEA;AAAiB;AAEjB;AACH;;"}
+{"version":3,"file":"index.js","sources":["../../src/Portal/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { ReactNode, useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport type PortalProps = {\n   children: ReactNode;\n   container?: HTMLElement | string; // HTMLElement or querySelector string\n}\n\n/**\n * SSR-safe Portal component\n * - container: HTMLElement or querySelector string\n * - if not provided, creates a unique div automatically\n */\nconst Portal: React.FC<PortalProps> = ({ children, container }) => {\n   const portalNode = useMemo<HTMLElement | null>(() => {\n      if (typeof document === \"undefined\") return null; // SSR\n\n      // Use container if provided\n      if (container instanceof HTMLElement) return container;\n      if (typeof container === \"string\") {\n         const element = document.querySelector<HTMLElement>(container);\n         if (element) return element;\n      }\n\n      // Auto-create a unique div\n      const element = document.createElement(\"div\");\n      element.dataset.portal = Math.random().toString(36).substring(2, 9); // unique id\n      document.body.appendChild(element);\n\n      return element;\n   }, [container]);\n\n   if (!portalNode) return null;\n\n   return createPortal(children, portalNode);\n};\n\nexport default Portal;"],"names":[],"mappings":";;;;AAUA;;;;AAIG;AACH;AACG;;;;;AAIyC;AACtC;;AAEG;AAAa;;;;;AAMhB;AAEA;AACH;AAEA;AAAiB;AAEjB;AACH;;"}

package/Tag/ServerStyleTag.cjs.map

@@ -1 +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;;;;"}
+{"version":3,"file":"ServerStyleTag.cjs","sources":["../../src/Tag/ServerStyleTag.tsx"],"sourcesContent":["import { CSSFactoryType } from 'oncss'\nimport React from 'react'\n\nconst ServerStyleTag = ({ factory }: { factory: CSSFactoryType }) => {\n   if (typeof window === 'undefined') {\n      return <style\n         dangerouslySetInnerHTML={{ __html: factory.css }}\n         precedence={factory.classname}\n         href={factory.classname}\n      />\n   }\n   return null\n}\n\nexport default ServerStyleTag\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.map

@@ -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,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;;;;"}
+{"version":3,"file":"ServerStyleTag.js","sources":["../../src/Tag/ServerStyleTag.tsx"],"sourcesContent":["import { CSSFactoryType } from 'oncss'\nimport React from 'react'\n\nconst ServerStyleTag = ({ factory }: { factory: CSSFactoryType }) => {\n   if (typeof window === 'undefined') {\n      return <style\n         dangerouslySetInnerHTML={{ __html: factory.css }}\n         precedence={factory.classname}\n         href={factory.classname}\n      />\n   }\n   return null\n}\n\nexport default ServerStyleTag\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.cjs.map

@@ -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":";;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;;;;;"}
+{"version":3,"file":"cssPropList.cjs","sources":["../../src/Tag/cssPropList.ts"],"sourcesContent":["\nconst CSS_PROP_LIST: any = {\n    typography: 1,\n    bgcolor: 1,\n    bgimage: 1,\n    bg: 1,\n    p: 1,\n    pt: 1,\n    pr: 1,\n    pb: 1,\n    pl: 1,\n    px: 1,\n    py: 1,\n    m: 1,\n    mt: 1,\n    mr: 1,\n    mb: 1,\n    ml: 1,\n    mx: 1,\n    my: 1,\n    radius: 1,\n    shadow: 1,\n    flexBox: 1,\n    flexRow: 1,\n    flexColumn: 1,\n    flexWraped: 1,\n    disabled: 1,\n    spacing: 1,\n\n    gradient: 1,\n\n    // CSS Props\n    alignContent: 1,\n    alignItems: 1,\n    alignSelf: 1,\n    animation: 1,\n    animationComposition: 1,\n    animationDelay: 1,\n    animationDirection: 1,\n    animationDuration: 1,\n    animationFillMode: 1,\n    animationIterationCount: 1,\n    animationName: 1,\n    animationTimingFunction: 1,\n    backdropFilter: 1,\n    background: 1,\n    backgroundAttachment: 1,\n    backgroundColor: 1,\n    backgroundImage: 1,\n    backgroundOrigin: 1,\n    backgroundPosition: 1,\n    backgroundRepeat: 1,\n    backgroundSize: 1,\n    border: 1,\n    borderBottom: 1,\n    borderBottomColor: 1,\n    borderBottomStyle: 1,\n    borderBottomWidth: 1,\n    borderColor: 1,\n    borderImage: 1,\n    borderLeft: 1,\n    borderLeftColor: 1,\n    borderLeftStyle: 1,\n    borderLeftWidth: 1,\n    borderRadius: 1,\n    borderRight: 1,\n    borderRightColor: 1,\n    borderRightStyle: 1,\n    borderRightWidth: 1,\n    borderStyle: 1,\n    borderTop: 1,\n    borderTopColor: 1,\n    borderTopLeftRadius: 1,\n    borderTopRightRadius: 1,\n    borderTopStyle: 1,\n    borderTopWidth: 1,\n    borderWidth: 1,\n    bottom: 1,\n    boxShadow: 1,\n    boxSizing: 1,\n    cursor: 1,\n    color: 1,\n    display: 1,\n    direction: 1,\n    filter: 1,\n    flex: 1,\n    flexBasis: 1,\n    flexDirection: 1,\n    flexFlow: 1,\n    flexGrow: 1,\n    flexShrink: 1,\n    flexWrap: 1,\n    float: 1,\n    fontFamily: 1,\n    fontSize: 1,\n    fontStyle: 1,\n    fontWeight: 1,\n    font: 1,\n    gap: 1,\n    grid: 1,\n    gridArea: 1,\n    gridAutoColumns: 1,\n    gridAutoFlow: 1,\n    gridAutoRows: 1,\n    gridColumn: 1,\n    gridColumnEnd: 1,\n    gridColumnGap: 1,\n    gridColumnStart: 1,\n    gridGap: 1,\n    gridRow: 1,\n    gridRowEnd: 1,\n    gridRowGap: 1,\n    gridRowStart: 1,\n    gridTemplate: 1,\n    gridTemplateAreas: 1,\n    gridTemplateColumns: 1,\n    gridTemplateRows: 1,\n    height: 1,\n    justifyContent: 1,\n    justifyItems: 1,\n    justifySelf: 1,\n    left: 1,\n    letterSpacing: 1,\n    lineBreak: 1,\n    lineHeight: 1,\n    listStyle: 1,\n    margin: 1,\n    marginBlock: 1,\n    marginBlockEnd: 1,\n    marginBlockStart: 1,\n    marginBottom: 1,\n    marginInline: 1,\n    marginInlineEnd: 1,\n    marginInlineStart: 1,\n    marginLeft: 1,\n    marginRight: 1,\n    marginTop: 1,\n    maxHeight: 1,\n    maxWidth: 1,\n    minHeight: 1,\n    minWidth: 1,\n    objectFit: 1,\n    objectPosition: 1,\n    opacity: 1,\n    order: 1,\n    outline: 1,\n    overflow: 1,\n    overflowX: 1,\n    overflowY: 1,\n    padding: 1,\n    paddingBlock: 1,\n    paddingBlockEnd: 1,\n    paddingBlockStart: 1,\n    paddingBottom: 1,\n    paddingInline: 1,\n    paddingInlineEnd: 1,\n    paddingInlineStart: 1,\n    paddingLeft: 1,\n    paddingRight: 1,\n    paddingTop: 1,\n    perspective: 1,\n    perspectiveOrigin: 1,\n    pointerEvents: 1,\n    position: 1,\n    resize: 1,\n    right: 1,\n    textAlign: 1,\n    textDecoration: 1,\n    textShadow: 1,\n    textTransform: 1,\n    top: 1,\n    transform: 1,\n    transformOrigin: 1,\n    transformStyle: 1,\n    transition: 1,\n    transitionDelay: 1,\n    transitionDuration: 1,\n    transitionProperty: 1,\n    transitionTimingFunction: 1,\n    userSelect: 1,\n    verticalAlign: 1,\n    visibility: 1,\n    whiteSpace: 1,\n    width: 1,\n    wordBreak: 1,\n    wordSpacing: 1,\n    wordWrap: 1,\n    zIndex: 1,\n}\n\nexport default CSS_PROP_LIST"],"names":[],"mappings":"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"}

package/Tag/cssPropList.js.map

@@ -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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"}
+{"version":3,"file":"cssPropList.js","sources":["../../src/Tag/cssPropList.ts"],"sourcesContent":["\nconst CSS_PROP_LIST: any = {\n    typography: 1,\n    bgcolor: 1,\n    bgimage: 1,\n    bg: 1,\n    p: 1,\n    pt: 1,\n    pr: 1,\n    pb: 1,\n    pl: 1,\n    px: 1,\n    py: 1,\n    m: 1,\n    mt: 1,\n    mr: 1,\n    mb: 1,\n    ml: 1,\n    mx: 1,\n    my: 1,\n    radius: 1,\n    shadow: 1,\n    flexBox: 1,\n    flexRow: 1,\n    flexColumn: 1,\n    flexWraped: 1,\n    disabled: 1,\n    spacing: 1,\n\n    gradient: 1,\n\n    // CSS Props\n    alignContent: 1,\n    alignItems: 1,\n    alignSelf: 1,\n    animation: 1,\n    animationComposition: 1,\n    animationDelay: 1,\n    animationDirection: 1,\n    animationDuration: 1,\n    animationFillMode: 1,\n    animationIterationCount: 1,\n    animationName: 1,\n    animationTimingFunction: 1,\n    backdropFilter: 1,\n    background: 1,\n    backgroundAttachment: 1,\n    backgroundColor: 1,\n    backgroundImage: 1,\n    backgroundOrigin: 1,\n    backgroundPosition: 1,\n    backgroundRepeat: 1,\n    backgroundSize: 1,\n    border: 1,\n    borderBottom: 1,\n    borderBottomColor: 1,\n    borderBottomStyle: 1,\n    borderBottomWidth: 1,\n    borderColor: 1,\n    borderImage: 1,\n    borderLeft: 1,\n    borderLeftColor: 1,\n    borderLeftStyle: 1,\n    borderLeftWidth: 1,\n    borderRadius: 1,\n    borderRight: 1,\n    borderRightColor: 1,\n    borderRightStyle: 1,\n    borderRightWidth: 1,\n    borderStyle: 1,\n    borderTop: 1,\n    borderTopColor: 1,\n    borderTopLeftRadius: 1,\n    borderTopRightRadius: 1,\n    borderTopStyle: 1,\n    borderTopWidth: 1,\n    borderWidth: 1,\n    bottom: 1,\n    boxShadow: 1,\n    boxSizing: 1,\n    cursor: 1,\n    color: 1,\n    display: 1,\n    direction: 1,\n    filter: 1,\n    flex: 1,\n    flexBasis: 1,\n    flexDirection: 1,\n    flexFlow: 1,\n    flexGrow: 1,\n    flexShrink: 1,\n    flexWrap: 1,\n    float: 1,\n    fontFamily: 1,\n    fontSize: 1,\n    fontStyle: 1,\n    fontWeight: 1,\n    font: 1,\n    gap: 1,\n    grid: 1,\n    gridArea: 1,\n    gridAutoColumns: 1,\n    gridAutoFlow: 1,\n    gridAutoRows: 1,\n    gridColumn: 1,\n    gridColumnEnd: 1,\n    gridColumnGap: 1,\n    gridColumnStart: 1,\n    gridGap: 1,\n    gridRow: 1,\n    gridRowEnd: 1,\n    gridRowGap: 1,\n    gridRowStart: 1,\n    gridTemplate: 1,\n    gridTemplateAreas: 1,\n    gridTemplateColumns: 1,\n    gridTemplateRows: 1,\n    height: 1,\n    justifyContent: 1,\n    justifyItems: 1,\n    justifySelf: 1,\n    left: 1,\n    letterSpacing: 1,\n    lineBreak: 1,\n    lineHeight: 1,\n    listStyle: 1,\n    margin: 1,\n    marginBlock: 1,\n    marginBlockEnd: 1,\n    marginBlockStart: 1,\n    marginBottom: 1,\n    marginInline: 1,\n    marginInlineEnd: 1,\n    marginInlineStart: 1,\n    marginLeft: 1,\n    marginRight: 1,\n    marginTop: 1,\n    maxHeight: 1,\n    maxWidth: 1,\n    minHeight: 1,\n    minWidth: 1,\n    objectFit: 1,\n    objectPosition: 1,\n    opacity: 1,\n    order: 1,\n    outline: 1,\n    overflow: 1,\n    overflowX: 1,\n    overflowY: 1,\n    padding: 1,\n    paddingBlock: 1,\n    paddingBlockEnd: 1,\n    paddingBlockStart: 1,\n    paddingBottom: 1,\n    paddingInline: 1,\n    paddingInlineEnd: 1,\n    paddingInlineStart: 1,\n    paddingLeft: 1,\n    paddingRight: 1,\n    paddingTop: 1,\n    perspective: 1,\n    perspectiveOrigin: 1,\n    pointerEvents: 1,\n    position: 1,\n    resize: 1,\n    right: 1,\n    textAlign: 1,\n    textDecoration: 1,\n    textShadow: 1,\n    textTransform: 1,\n    top: 1,\n    transform: 1,\n    transformOrigin: 1,\n    transformStyle: 1,\n    transition: 1,\n    transitionDelay: 1,\n    transitionDuration: 1,\n    transitionProperty: 1,\n    transitionTimingFunction: 1,\n    userSelect: 1,\n    verticalAlign: 1,\n    visibility: 1,\n    whiteSpace: 1,\n    width: 1,\n    wordBreak: 1,\n    wordSpacing: 1,\n    wordWrap: 1,\n    zIndex: 1,\n}\n\nexport default CSS_PROP_LIST"],"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/index.cjs

@@ -27,11 +27,11 @@ 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);
+    const { props, style, themeStyle } = 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 (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ServerStyleTag, { factory: style }), themeStyle && jsxRuntime.jsx(ServerStyleTag, { factory: themeStyle }), ele] }));
     }
     return ele;
 });

package/Tag/index.cjs.map

@@ -1 +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;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/Tag/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { TagComponentType, TagPropsRoot } from './types';\nimport useTagProps from './useTagProps';\nimport ServerStyleTag from './ServerStyleTag';\n\nconst Tag = React.forwardRef(<T extends TagComponentType = 'div'>({ component, children, ...rest }: TagPropsRoot<T>, ref: React.Ref<any>) => {\n    const { props, style, themeStyle }: any = useTagProps(rest)\n    props.ref = ref\n    const ele = React.createElement(component || \"div\", props, children)\n    if (typeof window === 'undefined') {\n        return (\n            <>\n                <ServerStyleTag factory={style} />\n                {themeStyle && <ServerStyleTag factory={themeStyle} />}\n                {ele}\n            </>\n        )\n    }\n    return ele\n})\n\nexport default Tag"],"names":["React","__rest","_jsxs","_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;AAC5F,IAAA,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,GAAQ,WAAW,CAAC,IAAI,CAAC;AAC3D,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;QAC/B,QACIE,kDACIC,cAAA,CAAC,cAAc,IAAC,OAAO,EAAE,KAAK,EAAA,CAAI,EACjC,UAAU,IAAIA,cAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAE,UAAU,GAAI,EACrD,GAAG,CAAA,EAAA,CACL;IAEX;AACA,IAAA,OAAO,GAAG;AACd,CAAC;;;;"}

package/Tag/index.js

@@ -6,11 +6,11 @@ import ServerStyleTag from './ServerStyleTag.js';
 
 const Tag = React.forwardRef((_a, ref) => {
     var { component, children } = _a, rest = __rest(_a, ["component", "children"]);
-    const { props, style } = useTagProps(rest);
+    const { props, style, themeStyle } = useTagProps(rest);
     props.ref = ref;
     const ele = React.createElement(component || "div", props, children);
     if (typeof window === 'undefined') {
-        return (jsxs(Fragment, { children: [jsx(ServerStyleTag, { factory: style }), ele] }));
+        return (jsxs(Fragment, { children: [jsx(ServerStyleTag, { factory: style }), themeStyle && jsx(ServerStyleTag, { factory: themeStyle }), ele] }));
     }
     return ele;
 });

package/Tag/index.js.map

@@ -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":["_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;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/Tag/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { TagComponentType, TagPropsRoot } from './types';\nimport useTagProps from './useTagProps';\nimport ServerStyleTag from './ServerStyleTag';\n\nconst Tag = React.forwardRef(<T extends TagComponentType = 'div'>({ component, children, ...rest }: TagPropsRoot<T>, ref: React.Ref<any>) => {\n    const { props, style, themeStyle }: any = useTagProps(rest)\n    props.ref = ref\n    const ele = React.createElement(component || \"div\", props, children)\n    if (typeof window === 'undefined') {\n        return (\n            <>\n                <ServerStyleTag factory={style} />\n                {themeStyle && <ServerStyleTag factory={themeStyle} />}\n                {ele}\n            </>\n        )\n    }\n    return ele\n})\n\nexport default Tag"],"names":["_jsxs","_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;AAC5F,IAAA,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,GAAQ,WAAW,CAAC,IAAI,CAAC;AAC3D,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;QAC/B,QACIA,4BACIC,GAAA,CAAC,cAAc,IAAC,OAAO,EAAE,KAAK,EAAA,CAAI,EACjC,UAAU,IAAIA,GAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAE,UAAU,GAAI,EACrD,GAAG,CAAA,EAAA,CACL;IAEX;AACA,IAAA,OAAO,GAAG;AACd,CAAC;;;;"}

package/Tag/types.d.ts

@@ -1,6 +1,6 @@
 import * as CSS from 'csstype';
 import { CSSValueType, BreakpointKeys, Aliases, CSSProps } from '../css/types.js';
-import { ColorsRefTypes, TypographyRefTypes } from '../theme/types.js';
+import { ColorsRefTypes, TypographyRefTypes, ThemeOptionInput } from '../theme/types.js';
 import { classNamesTypes } from 'pretty-class';
 
 type TagComponentType = keyof React.JSX.IntrinsicElements | React.ComponentType<any>;
@@ -176,6 +176,7 @@ type CSSPropAsAttr = Partial<TagCSSProperties> & Aliases & {
     hover?: CSSProps;
     disabled?: boolean;
     classNames?: classNamesTypes;
+    theme?: ThemeOptionInput;
 };
 
 export type { CSSPropAsAttr, TagCSSProperties, TagComponentType, TagProps, TagPropsRoot };

package/Tag/useTagProps.cjs

@@ -8,12 +8,13 @@ var index$1 = require('../css/index.cjs');
 var prettyClass = require('pretty-class');
 var index = require('../Document/index.cjs');
 var CSSCacheProvider = require('../css/CSSCacheProvider.cjs');
+var ThemeCssVars = require('../theme/ThemeCssVars.cjs');
 
 const useTagProps = (props) => {
     const doc = index.useDocument();
     const cacheId = CSSCacheProvider.useCSSCacheId();
     // Extract known styling-related props
-    const { sx, sxr, style, hover, className, classNames: clsNames, baseClass } = props, rest = tslib.__rest(props, ["sx", "sxr", "style", "hover", "className", "classNames", "baseClass"]);
+    const { sx, sxr, style, hover, className, classNames: clsNames, baseClass, theme } = props, rest = tslib.__rest(props, ["sx", "sxr", "style", "hover", "className", "classNames", "baseClass", "theme"]);
     /**
      * Split DOM props vs CSS props
      */
@@ -34,16 +35,29 @@ const useTagProps = (props) => {
     /**
      * Generate styles
      */
-    const styles = React.useMemo(() => {
+    const { styles, themeStyle } = React.useMemo(() => {
         const hoverStyles = hover && Object.keys(hover).length > 0
             ? { "&:hover": hover }
             : undefined;
-        return index$1.css(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sxr), cssProps), sx), style), hoverStyles), {
+        const cls = index$1.css(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sxr), cssProps), sx), style), hoverStyles), {
             injectStyle: typeof window !== "undefined",
             container: doc === null || doc === void 0 ? void 0 : doc.document,
             cacheId,
         });
-    }, [sx, sxr, style, hover, cssProps, doc, cacheId]);
+        let themeStyle;
+        if (theme) {
+            themeStyle = index$1.css({
+                "@global": {
+                    [`.${cls.classname}`]: ThemeCssVars(theme)
+                }
+            }, {
+                injectStyle: typeof window !== "undefined",
+                container: doc === null || doc === void 0 ? void 0 : doc.document,
+                cacheId,
+            });
+        }
+        return { styles: cls, themeStyle };
+    }, [sx, sxr, style, hover, cssProps, doc, cacheId, theme]);
     /**
      * Compose className
      */
@@ -59,6 +73,7 @@ const useTagProps = (props) => {
     return {
         props: finalProps,
         style: styles,
+        themeStyle
     };
 };
 

package/Tag/useTagProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTagProps.cjs","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["\"use client\"\r\nimport { useMemo } from \"react\";\r\nimport { 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 { 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 doc = useDocument();\r\n   const cacheId = useCSSCacheId();\r\n\r\n   // Extract known styling-related props\r\n   const {\r\n      sx,\r\n      sxr,\r\n      style,\r\n      hover,\r\n      className,\r\n      classNames: clsNames,\r\n      baseClass,\r\n      ...rest\r\n   } = props;\r\n\r\n   /**\r\n    * Split DOM props vs CSS props\r\n    */\r\n   const { domProps, cssProps } = useMemo(() => {\r\n      const _dom: any = {};\r\n      const _css: any = {};\r\n\r\n      for (const key in rest) {\r\n         const val = (rest as any)[key];\r\n         if (cssPropList[key]) {\r\n            _css[key] = val;\r\n         } else {\r\n            _dom[key] = val;\r\n         }\r\n      }\r\n\r\n      return { domProps: _dom, cssProps: _css };\r\n   }, [rest]);\r\n\r\n   /**\r\n    * Generate styles\r\n    */\r\n   const styles = useMemo(() => {\r\n      const hoverStyles =\r\n         hover && Object.keys(hover).length > 0\r\n            ? { \"&:hover\": hover }\r\n            : undefined;\r\n\r\n      return css(\r\n         {\r\n            ...sxr,\r\n            ...cssProps,\r\n            ...sx,\r\n            ...style,\r\n            ...hoverStyles,\r\n         },\r\n         {\r\n            injectStyle: typeof window !== \"undefined\",\r\n            container: doc?.document,\r\n            cacheId,\r\n         }\r\n      );\r\n   }, [sx, sxr, style, hover, cssProps, doc, cacheId]);\r\n\r\n   /**\r\n    * Compose className\r\n    */\r\n   const finalClassName = useMemo(() => {\r\n      return classNames(\r\n         baseClass ? \"xui-\" + baseClass : undefined,\r\n         clsNames,\r\n         className,\r\n         styles.classname\r\n      );\r\n   }, [baseClass, clsNames, className, styles.classname]);\r\n\r\n   /**\r\n    * Final props\r\n    */\r\n   const finalProps = useMemo(() => {\r\n      return {\r\n         ...domProps,\r\n         className: finalClassName,\r\n      };\r\n   }, [domProps, finalClassName]);\r\n\r\n   return {\r\n      props: finalProps,\r\n      style: styles,\r\n   };\r\n};\r\n\r\nexport default useTagProps;"],"names":[],"mappings":";;;;;;;;;;;AAeA;AACG;AACA;;;AAcA;;AAEG;;;;AAKA;AACG;AACA;AACG;;;AAEA;;;;AAKT;AAEA;;AAEG;AACH;AACG;AAEM;;;AAYA;AACA;;AAEF;AAEP;AAEA;;AAEG;AACH;;AAOA;AAEA;;AAEG;AACH;AACG;AAIH;;AAGG;AACA;;AAEN;;"}
+{"version":3,"file":"useTagProps.cjs","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["\"use client\"\nimport { useMemo } from \"react\";\nimport { TagComponentType, TagProps, TagPropsRoot } from \"./types\";\nimport cssPropList from \"./cssPropList\";\nimport { css } from \"../css\";\nimport { classNames } from \"pretty-class\";\nimport { CSSFactoryType } from \"oncss\";\nimport { useDocument } from \"../Document\";\nimport { useCSSCacheId } from \"../css/CSSCacheProvider\";\nimport ThemeCssVars from \"../theme/ThemeCssVars\";\nimport { createTheme } from \"../theme\";\n\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\n   props: TagProps<T>;\n   style: CSSFactoryType;\n   themeStyle?: CSSFactoryType;\n};\n\nconst useTagProps = <T extends TagComponentType = \"div\">(props: TagPropsRoot<T>): useTagPropsReturn<T> => {\n   const doc = useDocument();\n   const cacheId = useCSSCacheId();\n\n   // Extract known styling-related props\n   const {\n      sx,\n      sxr,\n      style,\n      hover,\n      className,\n      classNames: clsNames,\n      baseClass,\n      theme,\n      ...rest\n   } = props;\n\n   /**\n    * Split DOM props vs CSS props\n    */\n   const { domProps, cssProps } = useMemo(() => {\n      const _dom: any = {};\n      const _css: any = {};\n\n      for (const key in rest) {\n         const val = (rest as any)[key];\n         if (cssPropList[key]) {\n            _css[key] = val;\n         } else {\n            _dom[key] = val;\n         }\n      }\n\n      return { domProps: _dom, cssProps: _css };\n   }, [rest]);\n\n   /**\n    * Generate styles\n    */\n   const { styles, themeStyle } = useMemo(() => {\n      const hoverStyles =\n         hover && Object.keys(hover).length > 0\n            ? { \"&:hover\": hover }\n            : undefined;\n\n      const cls = css(\n         {\n            ...sxr,\n            ...cssProps,\n            ...sx,\n            ...style,\n            ...hoverStyles,\n         },\n         {\n            injectStyle: typeof window !== \"undefined\",\n            container: doc?.document,\n            cacheId,\n         }\n      );\n\n      let themeStyle\n      if (theme) {\n         themeStyle = css({\n            \"@global\": {\n               [`.${cls.classname}`]: ThemeCssVars(theme as any)\n            }\n         },\n            {\n               injectStyle: typeof window !== \"undefined\",\n               container: doc?.document,\n               cacheId,\n            }\n         );\n      }\n\n      return { styles: cls, themeStyle }\n   }, [sx, sxr, style, hover, cssProps, doc, cacheId, theme]);\n\n\n   /**\n    * Compose className\n    */\n   const finalClassName = useMemo(() => {\n      return classNames(\n         baseClass ? \"xui-\" + baseClass : undefined,\n         clsNames,\n         className,\n         styles.classname\n      );\n   }, [baseClass, clsNames, className, styles.classname]);\n\n   /**\n    * Final props\n    */\n   const finalProps = useMemo(() => {\n      return {\n         ...domProps,\n         className: finalClassName,\n      };\n   }, [domProps, finalClassName]);\n\n   return {\n      props: finalProps,\n      style: styles,\n      themeStyle\n   };\n};\n\nexport default useTagProps;"],"names":[],"mappings":";;;;;;;;;;;;AAkBA;AACG;AACA;;;AAeA;;AAEG;;;;AAKA;AACG;AACA;AACG;;;AAEA;;;;AAKT;AAEA;;AAEG;;AAEA;AAEM;;AAGN;AASM;AACA;;AAEF;AAGJ;;;AAGM;;AAEC;;AAGE;AACA;;AAEF;;AAIP;AACH;AAGA;;AAEG;AACH;;AAOA;AAEA;;AAEG;AACH;AACG;AAIH;;AAGG;AACA;;;AAGN;;"}

package/Tag/useTagProps.d.ts

@@ -4,6 +4,7 @@ import { CSSFactoryType } from 'oncss';
 type useTagPropsReturn<T extends TagComponentType = "div"> = {
     props: TagProps<T>;
     style: CSSFactoryType;
+    themeStyle?: CSSFactoryType;
 };
 declare const useTagProps: <T extends TagComponentType = "div">(props: TagPropsRoot<T>) => useTagPropsReturn<T>;
 

package/Tag/useTagProps.js

@@ -6,12 +6,13 @@ import { css } from '../css/index.js';
 import { classNames } from 'pretty-class';
 import { useDocument } from '../Document/index.js';
 import { useCSSCacheId } from '../css/CSSCacheProvider.js';
+import ThemeCssVars from '../theme/ThemeCssVars.js';
 
 const useTagProps = (props) => {
     const doc = useDocument();
     const cacheId = useCSSCacheId();
     // Extract known styling-related props
-    const { sx, sxr, style, hover, className, classNames: clsNames, baseClass } = props, rest = __rest(props, ["sx", "sxr", "style", "hover", "className", "classNames", "baseClass"]);
+    const { sx, sxr, style, hover, className, classNames: clsNames, baseClass, theme } = props, rest = __rest(props, ["sx", "sxr", "style", "hover", "className", "classNames", "baseClass", "theme"]);
     /**
      * Split DOM props vs CSS props
      */
@@ -32,16 +33,29 @@ const useTagProps = (props) => {
     /**
      * Generate styles
      */
-    const styles = useMemo(() => {
+    const { styles, themeStyle } = useMemo(() => {
         const hoverStyles = hover && Object.keys(hover).length > 0
             ? { "&:hover": hover }
             : undefined;
-        return css(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sxr), cssProps), sx), style), hoverStyles), {
+        const cls = css(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, sxr), cssProps), sx), style), hoverStyles), {
             injectStyle: typeof window !== "undefined",
             container: doc === null || doc === void 0 ? void 0 : doc.document,
             cacheId,
         });
-    }, [sx, sxr, style, hover, cssProps, doc, cacheId]);
+        let themeStyle;
+        if (theme) {
+            themeStyle = css({
+                "@global": {
+                    [`.${cls.classname}`]: ThemeCssVars(theme)
+                }
+            }, {
+                injectStyle: typeof window !== "undefined",
+                container: doc === null || doc === void 0 ? void 0 : doc.document,
+                cacheId,
+            });
+        }
+        return { styles: cls, themeStyle };
+    }, [sx, sxr, style, hover, cssProps, doc, cacheId, theme]);
     /**
      * Compose className
      */
@@ -57,6 +71,7 @@ const useTagProps = (props) => {
     return {
         props: finalProps,
         style: styles,
+        themeStyle
     };
 };
 

package/Tag/useTagProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTagProps.js","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["\"use client\"\r\nimport { useMemo } from \"react\";\r\nimport { 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 { 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 doc = useDocument();\r\n   const cacheId = useCSSCacheId();\r\n\r\n   // Extract known styling-related props\r\n   const {\r\n      sx,\r\n      sxr,\r\n      style,\r\n      hover,\r\n      className,\r\n      classNames: clsNames,\r\n      baseClass,\r\n      ...rest\r\n   } = props;\r\n\r\n   /**\r\n    * Split DOM props vs CSS props\r\n    */\r\n   const { domProps, cssProps } = useMemo(() => {\r\n      const _dom: any = {};\r\n      const _css: any = {};\r\n\r\n      for (const key in rest) {\r\n         const val = (rest as any)[key];\r\n         if (cssPropList[key]) {\r\n            _css[key] = val;\r\n         } else {\r\n            _dom[key] = val;\r\n         }\r\n      }\r\n\r\n      return { domProps: _dom, cssProps: _css };\r\n   }, [rest]);\r\n\r\n   /**\r\n    * Generate styles\r\n    */\r\n   const styles = useMemo(() => {\r\n      const hoverStyles =\r\n         hover && Object.keys(hover).length > 0\r\n            ? { \"&:hover\": hover }\r\n            : undefined;\r\n\r\n      return css(\r\n         {\r\n            ...sxr,\r\n            ...cssProps,\r\n            ...sx,\r\n            ...style,\r\n            ...hoverStyles,\r\n         },\r\n         {\r\n            injectStyle: typeof window !== \"undefined\",\r\n            container: doc?.document,\r\n            cacheId,\r\n         }\r\n      );\r\n   }, [sx, sxr, style, hover, cssProps, doc, cacheId]);\r\n\r\n   /**\r\n    * Compose className\r\n    */\r\n   const finalClassName = useMemo(() => {\r\n      return classNames(\r\n         baseClass ? \"xui-\" + baseClass : undefined,\r\n         clsNames,\r\n         className,\r\n         styles.classname\r\n      );\r\n   }, [baseClass, clsNames, className, styles.classname]);\r\n\r\n   /**\r\n    * Final props\r\n    */\r\n   const finalProps = useMemo(() => {\r\n      return {\r\n         ...domProps,\r\n         className: finalClassName,\r\n      };\r\n   }, [domProps, finalClassName]);\r\n\r\n   return {\r\n      props: finalProps,\r\n      style: styles,\r\n   };\r\n};\r\n\r\nexport default useTagProps;"],"names":[],"mappings":";;;;;;;;;AAeA;AACG;AACA;;;AAcA;;AAEG;;;;AAKA;AACG;AACA;AACG;;;AAEA;;;;AAKT;AAEA;;AAEG;AACH;AACG;AAEM;;;AAYA;AACA;;AAEF;AAEP;AAEA;;AAEG;AACH;;AAOA;AAEA;;AAEG;AACH;AACG;AAIH;;AAGG;AACA;;AAEN;;"}
+{"version":3,"file":"useTagProps.js","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["\"use client\"\nimport { useMemo } from \"react\";\nimport { TagComponentType, TagProps, TagPropsRoot } from \"./types\";\nimport cssPropList from \"./cssPropList\";\nimport { css } from \"../css\";\nimport { classNames } from \"pretty-class\";\nimport { CSSFactoryType } from \"oncss\";\nimport { useDocument } from \"../Document\";\nimport { useCSSCacheId } from \"../css/CSSCacheProvider\";\nimport ThemeCssVars from \"../theme/ThemeCssVars\";\nimport { createTheme } from \"../theme\";\n\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\n   props: TagProps<T>;\n   style: CSSFactoryType;\n   themeStyle?: CSSFactoryType;\n};\n\nconst useTagProps = <T extends TagComponentType = \"div\">(props: TagPropsRoot<T>): useTagPropsReturn<T> => {\n   const doc = useDocument();\n   const cacheId = useCSSCacheId();\n\n   // Extract known styling-related props\n   const {\n      sx,\n      sxr,\n      style,\n      hover,\n      className,\n      classNames: clsNames,\n      baseClass,\n      theme,\n      ...rest\n   } = props;\n\n   /**\n    * Split DOM props vs CSS props\n    */\n   const { domProps, cssProps } = useMemo(() => {\n      const _dom: any = {};\n      const _css: any = {};\n\n      for (const key in rest) {\n         const val = (rest as any)[key];\n         if (cssPropList[key]) {\n            _css[key] = val;\n         } else {\n            _dom[key] = val;\n         }\n      }\n\n      return { domProps: _dom, cssProps: _css };\n   }, [rest]);\n\n   /**\n    * Generate styles\n    */\n   const { styles, themeStyle } = useMemo(() => {\n      const hoverStyles =\n         hover && Object.keys(hover).length > 0\n            ? { \"&:hover\": hover }\n            : undefined;\n\n      const cls = css(\n         {\n            ...sxr,\n            ...cssProps,\n            ...sx,\n            ...style,\n            ...hoverStyles,\n         },\n         {\n            injectStyle: typeof window !== \"undefined\",\n            container: doc?.document,\n            cacheId,\n         }\n      );\n\n      let themeStyle\n      if (theme) {\n         themeStyle = css({\n            \"@global\": {\n               [`.${cls.classname}`]: ThemeCssVars(theme as any)\n            }\n         },\n            {\n               injectStyle: typeof window !== \"undefined\",\n               container: doc?.document,\n               cacheId,\n            }\n         );\n      }\n\n      return { styles: cls, themeStyle }\n   }, [sx, sxr, style, hover, cssProps, doc, cacheId, theme]);\n\n\n   /**\n    * Compose className\n    */\n   const finalClassName = useMemo(() => {\n      return classNames(\n         baseClass ? \"xui-\" + baseClass : undefined,\n         clsNames,\n         className,\n         styles.classname\n      );\n   }, [baseClass, clsNames, className, styles.classname]);\n\n   /**\n    * Final props\n    */\n   const finalProps = useMemo(() => {\n      return {\n         ...domProps,\n         className: finalClassName,\n      };\n   }, [domProps, finalClassName]);\n\n   return {\n      props: finalProps,\n      style: styles,\n      themeStyle\n   };\n};\n\nexport default useTagProps;"],"names":[],"mappings":";;;;;;;;;;AAkBA;AACG;AACA;;;AAeA;;AAEG;;;;AAKA;AACG;AACA;AACG;;;AAEA;;;;AAKT;AAEA;;AAEG;;AAEA;AAEM;;AAGN;AASM;AACA;;AAEF;AAGJ;;;AAGM;;AAEC;;AAGE;AACA;;AAEF;;AAIP;AACH;AAGA;;AAEG;AACH;;AAOA;AAEA;;AAEG;AACH;AACG;AAIH;;AAGG;AACA;;;AAGN;;"}

package/Transition/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/Transition/index.tsx"],"sourcesContent":["\"use client\";\r\nimport React, { cloneElement, Children, useRef, isValidElement, useLayoutEffect, useEffect } from 'react';\r\nimport * as variants from './variants'\r\nimport { Easing } from '../animate';\r\nimport useTransition from '../hooks/useTransition';\r\n\r\nexport type TransitionVariantTypes = keyof typeof variants\r\nexport type TransitionProps = {\r\n    children: React.ReactElement;\r\n    open: boolean;\r\n    variant: TransitionVariantTypes\r\n    easing?: keyof typeof Easing\r\n    duration?: number;\r\n    delay?: number;\r\n    initialTransition?: boolean;\r\n\r\n    exitOnUnmount?: boolean;\r\n\r\n    onEnter?: () => void\r\n    onEntered?: () => void\r\n    onExit?: () => void\r\n    onExited?: () => void\r\n    onUpdate?: (value: Record<string, number>, progress: number) => void;\r\n    onDone?: () => void;\r\n}\r\n\r\n\r\nfunction TransitionBase({ children, ...options }: TransitionProps) {\r\n    let {\r\n        open,\r\n        variant = \"fade\",\r\n        duration = 450,\r\n        delay,\r\n        easing,\r\n        exitOnUnmount = false,\r\n        initialTransition = true,\r\n        onEnter,\r\n        onEntered,\r\n        onExit,\r\n        onExited,\r\n        onUpdate,\r\n        onDone,\r\n\r\n    } = options\r\n\r\n    easing ??= \"default\"\r\n\r\n    const variantCb = variants[variant]\r\n    const ref = useRef<HTMLElement>(null)\r\n    const init = useRef(false)\r\n    const rect = useRef<DOMRect>(null)\r\n\r\n    const trans = useTransition({\r\n        delay,\r\n        duration,\r\n        easing: Easing[easing],\r\n        onEnter,\r\n        onEntered,\r\n        onExit,\r\n        onExited,\r\n        onDone,\r\n        from: () => {\r\n            if (!rect.current) {\r\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\r\n            }\r\n            const v = variantCb(ref.current as HTMLElement, rect.current)\r\n            return v.from\r\n        },\r\n        to: () => {\r\n            if (!rect.current) {\r\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\r\n            }\r\n            const v = variantCb(ref.current as HTMLElement, rect.current)\r\n            return v.to\r\n        },\r\n        onUpdate: (val, prograss) => {\r\n            if (!ref.current || !rect.current) return\r\n            const vc = variantCb(ref.current, rect.current)\r\n            onUpdate?.(val, prograss)\r\n            return vc.onUpdate(val)\r\n        },\r\n    })\r\n\r\n\r\n    useLayoutEffect(() => {\r\n        const isnot = !init.current && !initialTransition\r\n        init.current = true\r\n        if (open) {\r\n            trans.enter(isnot ? false : true)\r\n        } else {\r\n            trans.exit(isnot ? false : true)\r\n        }\r\n    }, [open])\r\n\r\n\r\n    if (exitOnUnmount && trans.status === \"exited\") return\r\n\r\n    const childs = Children.toArray(children)\r\n    if (childs.length !== 1) {\r\n        throw new Error(\"Transition expects exactly one child.\");\r\n    }\r\n    const child = childs[0]\r\n    if (!isValidElement(child)) {\r\n        throw new Error(\"Transition expects a valid React element.\");\r\n    }\r\n\r\n    return cloneElement(child, {\r\n        ref: (node: HTMLElement) => {\r\n            ref.current = node;\r\n\r\n            const childRef = (child as any).ref;\r\n            if (typeof childRef === \"function\") {\r\n                childRef(node);\r\n            } else if (childRef) {\r\n                childRef.current = node;\r\n            }\r\n        }\r\n    } as any);\r\n}\r\n\r\n\r\nconst Transition = (props: any) => {\r\n    return (\r\n        <TransitionBase\r\n            key={props.variant}\r\n            {...props}\r\n        />\r\n    )\r\n}\r\nexport default Transition"],"names":[],"mappings":";;;;;;;;;;AA2BA;AAAwB;AACpB;;AAmBA;AACA;AACA;AACA;;;;AAKI;;;;;;;;AAOI;;;AAGA;;;;;AAIA;;;AAGA;;;AAGJ;;;AAEI;;AAEA;;AAEP;;;AAKG;;AAEI;;;AAEA;;AAER;AAGA;;;AAGA;AACI;;AAEJ;AACA;AACI;;;AAIA;AACI;AAEA;AACA;;;;AAGI;;;AAGJ;AACZ;AAGA;;AAOA;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/Transition/index.tsx"],"sourcesContent":["\"use client\";\nimport React, { cloneElement, Children, useRef, isValidElement, useLayoutEffect, useEffect } from 'react';\nimport * as variants from './variants'\nimport { Easing } from '../animate';\nimport useTransition from '../hooks/useTransition';\n\nexport type TransitionVariantTypes = keyof typeof variants\nexport type TransitionProps = {\n    children: React.ReactElement;\n    open: boolean;\n    variant: TransitionVariantTypes\n    easing?: keyof typeof Easing\n    duration?: number;\n    delay?: number;\n    initialTransition?: boolean;\n\n    exitOnUnmount?: boolean;\n\n    onEnter?: () => void\n    onEntered?: () => void\n    onExit?: () => void\n    onExited?: () => void\n    onUpdate?: (value: Record<string, number>, progress: number) => void;\n    onDone?: () => void;\n}\n\n\nfunction TransitionBase({ children, ...options }: TransitionProps) {\n    let {\n        open,\n        variant = \"fade\",\n        duration = 450,\n        delay,\n        easing,\n        exitOnUnmount = false,\n        initialTransition = true,\n        onEnter,\n        onEntered,\n        onExit,\n        onExited,\n        onUpdate,\n        onDone,\n\n    } = options\n\n    easing ??= \"default\"\n\n    const variantCb = variants[variant]\n    const ref = useRef<HTMLElement>(null)\n    const init = useRef(false)\n    const rect = useRef<DOMRect>(null)\n\n    const trans = useTransition({\n        delay,\n        duration,\n        easing: Easing[easing],\n        onEnter,\n        onEntered,\n        onExit,\n        onExited,\n        onDone,\n        from: () => {\n            if (!rect.current) {\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\n            }\n            const v = variantCb(ref.current as HTMLElement, rect.current)\n            return v.from\n        },\n        to: () => {\n            if (!rect.current) {\n                rect.current = ref.current?.getBoundingClientRect() as DOMRect\n            }\n            const v = variantCb(ref.current as HTMLElement, rect.current)\n            return v.to\n        },\n        onUpdate: (val, prograss) => {\n            if (!ref.current || !rect.current) return\n            const vc = variantCb(ref.current, rect.current)\n            onUpdate?.(val, prograss)\n            return vc.onUpdate(val)\n        },\n    })\n\n\n    useLayoutEffect(() => {\n        const isnot = !init.current && !initialTransition\n        init.current = true\n        if (open) {\n            trans.enter(isnot ? false : true)\n        } else {\n            trans.exit(isnot ? false : true)\n        }\n    }, [open])\n\n\n    if (exitOnUnmount && trans.status === \"exited\") return\n\n    const childs = Children.toArray(children)\n    if (childs.length !== 1) {\n        throw new Error(\"Transition expects exactly one child.\");\n    }\n    const child = childs[0]\n    if (!isValidElement(child)) {\n        throw new Error(\"Transition expects a valid React element.\");\n    }\n\n    return cloneElement(child, {\n        ref: (node: HTMLElement) => {\n            ref.current = node;\n\n            const childRef = (child as any).ref;\n            if (typeof childRef === \"function\") {\n                childRef(node);\n            } else if (childRef) {\n                childRef.current = node;\n            }\n        }\n    } as any);\n}\n\n\nconst Transition = (props: any) => {\n    return (\n        <TransitionBase\n            key={props.variant}\n            {...props}\n        />\n    )\n}\nexport default Transition"],"names":[],"mappings":";;;;;;;;;;AA2BA;AAAwB;AACpB;;AAmBA;AACA;AACA;AACA;;;;AAKI;;;;;;;;AAOI;;;AAGA;;;;;AAIA;;;AAGA;;;AAGJ;;;AAEI;;AAEA;;AAEP;;;AAKG;;AAEI;;;AAEA;;AAER;AAGA;;;AAGA;AACI;;AAEJ;AACA;AACI;;;AAIA;AACI;AAEA;AACA;;;;AAGI;;;AAGJ;AACZ;AAGA;;AAOA;;"}