@xanui/core 1.3.15 → 1.3.17

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.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\nimport { ThemeColorKeys } from '../theme/types';\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?: ThemeColorKeys\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 ??= \"primary\"\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\") && theme.name) {\r\n         Cookie.set(\"xuitm\", theme.name)\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}.surface`,\r\n            color: `${selectionColor}.contrast`\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":";;;;;;;;;;;;;;;;;;;AAuBA;;;;AAIG;;;;AAIA;AACA;;;AAIA;;;AAIG;;;;;AAKA;;;AAGA;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';\nimport { ThemeColorKeys } from '../theme/types';\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?: ThemeColorKeys\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 ??= \"primary\"\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}.surface`,\n            color: `${selectionColor}.contrast`\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":";;;;;;;;;;;;;;;;;;;AAuBA;;;;AAIG;;;;AAIA;AACA;;;AAIA;;;AAIG;;;;;AAKA;;;AAGA;AACA;AACG;AACH;;;AAIH;AACG;AACG;;;AAGC;;;;AAWW;;AAEH;AAmBlB;;"}

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\nimport { ThemeColorKeys } from '../theme/types';\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?: ThemeColorKeys\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 ??= \"primary\"\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\") && theme.name) {\r\n         Cookie.set(\"xuitm\", theme.name)\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}.surface`,\r\n            color: `${selectionColor}.contrast`\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":";;;;;;;;;;;;;;;;;AAuBA;;;;AAIG;;;;AAIA;AACA;;;AAIA;;;AAIG;;;;;AAKA;;;AAGA;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';\nimport { ThemeColorKeys } from '../theme/types';\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?: ThemeColorKeys\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 ??= \"primary\"\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}.surface`,\n            color: `${selectionColor}.contrast`\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":";;;;;;;;;;;;;;;;;AAuBA;;;;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":"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"}
+{"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":"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"}

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, themeStyle }: 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                {themeStyle && <ServerStyleTag factory={themeStyle} />}\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","_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;;;;"}
+{"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.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, themeStyle }: 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                {themeStyle && <ServerStyleTag factory={themeStyle} />}\r\n                {ele}\r\n            </>\r\n        )\r\n    }\r\n    return ele\r\n})\r\n\r\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;;;;"}
+{"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/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\nimport ThemeCssVars from \"../theme/ThemeCssVars\";\r\nimport { createTheme } from \"../theme\";\r\n\r\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\r\n   props: TagProps<T>;\r\n   style: CSSFactoryType;\r\n   themeStyle?: 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      theme,\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, themeStyle } = useMemo(() => {\r\n      const hoverStyles =\r\n         hover && Object.keys(hover).length > 0\r\n            ? { \"&:hover\": hover }\r\n            : undefined;\r\n\r\n      const cls = 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\r\n      let themeStyle\r\n      if (theme) {\r\n         themeStyle = css({\r\n            \"@global\": {\r\n               [`.${cls.classname}`]: ThemeCssVars(createTheme(theme) as any)\r\n            }\r\n         },\r\n            {\r\n               injectStyle: typeof window !== \"undefined\",\r\n               container: doc?.document,\r\n               cacheId,\r\n            }\r\n         );\r\n      }\r\n\r\n      return { styles: cls, themeStyle }\r\n   }, [sx, sxr, style, hover, cssProps, doc, cacheId, theme]);\r\n\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      themeStyle\r\n   };\r\n};\r\n\r\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;AACG;AACF;;AAGE;AACA;;AAEF;;AAIP;AACH;AAGA;;AAEG;AACH;;AAOA;AAEA;;AAEG;AACH;AACG;AAIH;;AAGG;AACA;;;AAGN;;"}
+{"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(createTheme(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;AACG;AACF;;AAGE;AACA;;AAEF;;AAIP;AACH;AAGA;;AAEG;AACH;;AAOA;AAEA;;AAEG;AACH;AACG;AAIH;;AAGG;AACA;;;AAGN;;"}

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\nimport ThemeCssVars from \"../theme/ThemeCssVars\";\r\nimport { createTheme } from \"../theme\";\r\n\r\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\r\n   props: TagProps<T>;\r\n   style: CSSFactoryType;\r\n   themeStyle?: 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      theme,\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, themeStyle } = useMemo(() => {\r\n      const hoverStyles =\r\n         hover && Object.keys(hover).length > 0\r\n            ? { \"&:hover\": hover }\r\n            : undefined;\r\n\r\n      const cls = 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\r\n      let themeStyle\r\n      if (theme) {\r\n         themeStyle = css({\r\n            \"@global\": {\r\n               [`.${cls.classname}`]: ThemeCssVars(createTheme(theme) as any)\r\n            }\r\n         },\r\n            {\r\n               injectStyle: typeof window !== \"undefined\",\r\n               container: doc?.document,\r\n               cacheId,\r\n            }\r\n         );\r\n      }\r\n\r\n      return { styles: cls, themeStyle }\r\n   }, [sx, sxr, style, hover, cssProps, doc, cacheId, theme]);\r\n\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      themeStyle\r\n   };\r\n};\r\n\r\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;AACG;AACF;;AAGE;AACA;;AAEF;;AAIP;AACH;AAGA;;AAEG;AACH;;AAOA;AAEA;;AAEG;AACH;AACG;AAIH;;AAGG;AACA;;;AAGN;;"}
+{"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(createTheme(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;AACG;AACF;;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 TransitionVariantCallback = <T extends Record<string, number>>(el: HTMLElement, rect: DOMRect) => ({\r\n    from: T,\r\n    to: T,\r\n    onUpdate: (props: T) => void\r\n})\r\n\r\nexport type TransitionVariantTypes = keyof typeof variants | TransitionVariantCallback\r\n\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 = typeof variant === 'function' ? variant : 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":";;;;;;;;;;AAkCA;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 TransitionVariantCallback = <T extends Record<string, number>>(el: HTMLElement, rect: DOMRect) => ({\n    from: T,\n    to: T,\n    onUpdate: (props: T) => void\n})\n\nexport type TransitionVariantTypes = keyof typeof variants | TransitionVariantCallback\n\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 = typeof variant === 'function' ? variant : 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":";;;;;;;;;;AAkCA;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;;"}

package/Transition/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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 TransitionVariantCallback = <T extends Record<string, number>>(el: HTMLElement, rect: DOMRect) => ({\r\n    from: T,\r\n    to: T,\r\n    onUpdate: (props: T) => void\r\n})\r\n\r\nexport type TransitionVariantTypes = keyof typeof variants | TransitionVariantCallback\r\n\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 = typeof variant === 'function' ? variant : 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":";;;;;;;;AAkCA;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.js","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 TransitionVariantCallback = <T extends Record<string, number>>(el: HTMLElement, rect: DOMRect) => ({\n    from: T,\n    to: T,\n    onUpdate: (props: T) => void\n})\n\nexport type TransitionVariantTypes = keyof typeof variants | TransitionVariantCallback\n\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 = typeof variant === 'function' ? variant : 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":";;;;;;;;AAkCA;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;;"}

package/Transition/variants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"variants.cjs","sources":["../../src/Transition/variants.ts"],"sourcesContent":["\"use client\"\r\nconst getY = (rect: DOMRect) => (rect.height / 2, 40)\r\nconst getX = (rect: DOMRect) => (rect.width / 2, 40)\r\n\r\n// ------------------ Variants ------------------\r\n\r\nexport const slideDown = (el: HTMLElement, rect: DOMRect) => {\r\n    const y = getY(rect)\r\n    return {\r\n        from: { y: -y },\r\n        to: { y: 0 },\r\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\r\n    }\r\n}\r\n\r\nexport const slideUp = (el: HTMLElement, rect: DOMRect) => {\r\n    const y = getY(rect)\r\n    return {\r\n        from: { y },\r\n        to: { y: 0 },\r\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\r\n    }\r\n}\r\n\r\nexport const slideRight = (el: HTMLElement, rect: DOMRect) => {\r\n    const x = getX(rect)\r\n    return {\r\n        from: { x: -x },\r\n        to: { x: 0 },\r\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\r\n    }\r\n}\r\n\r\nexport const slideLeft = (el: HTMLElement, rect: DOMRect) => {\r\n    const x = getX(rect)\r\n    return {\r\n        from: { x },\r\n        to: { x: 0 },\r\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\r\n    }\r\n}\r\n\r\nexport const fade = (el: HTMLElement, rect: DOMRect) => ({\r\n    from: { opacity: 0 },\r\n    to: { opacity: 1 },\r\n    onUpdate: ({ opacity }: any) => (el.style.opacity = opacity),\r\n})\r\n\r\nexport const fadeDown = (el: HTMLElement, rect: DOMRect) => {\r\n    const y = getY(rect)\r\n    return {\r\n        from: { y: -y, scale: 0.98, opacity: 0 },\r\n        to: { y: 0, scale: 1, opacity: 1 },\r\n        onUpdate: ({ y, scale, opacity }: any) => {\r\n            el.style.transform = `translateY(${y}px) scale(${scale})`\r\n            el.style.opacity = String(opacity)\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeUp = (el: HTMLElement, rect: DOMRect) => {\r\n    const y = getY(rect)\r\n    return {\r\n        from: { y, scale: 0.98, opacity: 0 },\r\n        to: { y: 0, scale: 1, opacity: 1 },\r\n        onUpdate: ({ y, scale, opacity }: any) => {\r\n            el.style.transform = `translateY(${y}px) scale(${scale})`\r\n            el.style.opacity = String(opacity)\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeRight = (el: HTMLElement, rect: DOMRect) => {\r\n    const x = getX(rect)\r\n    return {\r\n        from: { x: -x, scale: 0.98, opacity: 0 },\r\n        to: { x: 0, scale: 1, opacity: 1 },\r\n        onUpdate: ({ x, scale, opacity }: any) => {\r\n            el.style.transform = `translateX(${x}px) scale(${scale})`\r\n            el.style.opacity = String(opacity)\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeLeft = (el: HTMLElement, rect: DOMRect) => {\r\n    const x = getX(rect)\r\n    return {\r\n        from: { x, scale: 0.98, opacity: 0 },\r\n        to: { x: 0, scale: 1, opacity: 1 },\r\n        onUpdate: ({ x, scale, opacity }: any) => {\r\n            el.style.transform = `translateX(${x}px) scale(${scale})`\r\n            el.style.opacity = String(opacity)\r\n        }\r\n    }\r\n}\r\n\r\nexport const zoom = (el: HTMLElement, rect: DOMRect) => ({\r\n    from: { scale: 0.8, opacity: 0 },\r\n    to: { scale: 1, opacity: 1 },\r\n    onUpdate: ({ scale, opacity }: any) => {\r\n        el.style.transform = `scale(${scale})`\r\n        el.style.opacity = String(opacity)\r\n    },\r\n})\r\n\r\nexport const zoomOver = (el: HTMLElement, rect: DOMRect) => ({\r\n    from: { scale: 1.2, opacity: 0 },\r\n    to: { scale: 1, opacity: 1 },\r\n    onUpdate: ({ scale, opacity }: any) => {\r\n        el.style.transform = `scale(${scale})`\r\n        el.style.opacity = String(opacity)\r\n    },\r\n})\r\n\r\nexport const grow = (el: HTMLElement, rect: DOMRect) => ({\r\n    from: { scaleX: 0.8, scaleY: 0.6, opacity: 0 },\r\n    to: { scaleX: 1, scaleY: 1, opacity: 1 },\r\n    onUpdate: ({ scaleX, scaleY, opacity }: any) => {\r\n        el.style.transform = `scale(${scaleX}, ${scaleY})`\r\n        el.style.opacity = String(opacity)\r\n    }\r\n})\r\n\r\nexport const collapseVertical = (el: HTMLElement, rect: DOMRect) => {\r\n    const height = rect.height\r\n    return {\r\n        from: { maxHeight: 0 },\r\n        to: { maxHeight: height },\r\n        onUpdate: ({ maxHeight }: any) => {\r\n            el.style.maxHeight = `${maxHeight}px`\r\n        },\r\n    }\r\n}\r\n\r\nexport const collapseHorizontal = (el: HTMLElement, rect: DOMRect) => {\r\n    const width = rect.width\r\n    return {\r\n        from: { width: 0 },\r\n        to: { width },\r\n        onUpdate: ({ width }: any) => {\r\n            el.style.width = `${width}px`\r\n        },\r\n    }\r\n}"],"names":[],"mappings":";;;AACA;AACA;AAEA;;AAGI;;AAEI;AACA;AACA;;AAER;;AAGI;;;AAGI;AACA;;AAER;;AAGI;;AAEI;AACA;AACA;;AAER;;AAGI;;;AAGI;AACA;;AAER;AAEO;AACH;AACA;AACA;AACH;;AAGG;;AAEI;AACA;;;;;;AAMR;;AAGI;;;AAGI;;;;;;AAMR;;AAGI;;AAEI;AACA;;;;;;AAMR;;AAGI;;;AAGI;;;;;;AAMR;AAEO;;;;;;;AAON;AAEM;;;;;;;AAON;AAEM;AACH;AACA;;;;;AAKH;;AAGG;;AAEI;AACA;AACA;;;;AAIR;;AAGI;;AAEI;;AAEA;;;;AAIR;;;;;;;;;;;;;;;"}
+{"version":3,"file":"variants.cjs","sources":["../../src/Transition/variants.ts"],"sourcesContent":["\"use client\"\nconst getY = (rect: DOMRect) => (rect.height / 2, 40)\nconst getX = (rect: DOMRect) => (rect.width / 2, 40)\n\n// ------------------ Variants ------------------\n\nexport const slideDown = (el: HTMLElement, rect: DOMRect) => {\n    const y = getY(rect)\n    return {\n        from: { y: -y },\n        to: { y: 0 },\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\n    }\n}\n\nexport const slideUp = (el: HTMLElement, rect: DOMRect) => {\n    const y = getY(rect)\n    return {\n        from: { y },\n        to: { y: 0 },\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\n    }\n}\n\nexport const slideRight = (el: HTMLElement, rect: DOMRect) => {\n    const x = getX(rect)\n    return {\n        from: { x: -x },\n        to: { x: 0 },\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\n    }\n}\n\nexport const slideLeft = (el: HTMLElement, rect: DOMRect) => {\n    const x = getX(rect)\n    return {\n        from: { x },\n        to: { x: 0 },\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\n    }\n}\n\nexport const fade = (el: HTMLElement, rect: DOMRect) => ({\n    from: { opacity: 0 },\n    to: { opacity: 1 },\n    onUpdate: ({ opacity }: any) => (el.style.opacity = opacity),\n})\n\nexport const fadeDown = (el: HTMLElement, rect: DOMRect) => {\n    const y = getY(rect)\n    return {\n        from: { y: -y, scale: 0.98, opacity: 0 },\n        to: { y: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ y, scale, opacity }: any) => {\n            el.style.transform = `translateY(${y}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const fadeUp = (el: HTMLElement, rect: DOMRect) => {\n    const y = getY(rect)\n    return {\n        from: { y, scale: 0.98, opacity: 0 },\n        to: { y: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ y, scale, opacity }: any) => {\n            el.style.transform = `translateY(${y}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const fadeRight = (el: HTMLElement, rect: DOMRect) => {\n    const x = getX(rect)\n    return {\n        from: { x: -x, scale: 0.98, opacity: 0 },\n        to: { x: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ x, scale, opacity }: any) => {\n            el.style.transform = `translateX(${x}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const fadeLeft = (el: HTMLElement, rect: DOMRect) => {\n    const x = getX(rect)\n    return {\n        from: { x, scale: 0.98, opacity: 0 },\n        to: { x: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ x, scale, opacity }: any) => {\n            el.style.transform = `translateX(${x}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const zoom = (el: HTMLElement, rect: DOMRect) => ({\n    from: { scale: 0.8, opacity: 0 },\n    to: { scale: 1, opacity: 1 },\n    onUpdate: ({ scale, opacity }: any) => {\n        el.style.transform = `scale(${scale})`\n        el.style.opacity = String(opacity)\n    },\n})\n\nexport const zoomOver = (el: HTMLElement, rect: DOMRect) => ({\n    from: { scale: 1.2, opacity: 0 },\n    to: { scale: 1, opacity: 1 },\n    onUpdate: ({ scale, opacity }: any) => {\n        el.style.transform = `scale(${scale})`\n        el.style.opacity = String(opacity)\n    },\n})\n\nexport const grow = (el: HTMLElement, rect: DOMRect) => ({\n    from: { scaleX: 0.8, scaleY: 0.6, opacity: 0 },\n    to: { scaleX: 1, scaleY: 1, opacity: 1 },\n    onUpdate: ({ scaleX, scaleY, opacity }: any) => {\n        el.style.transform = `scale(${scaleX}, ${scaleY})`\n        el.style.opacity = String(opacity)\n    }\n})\n\nexport const collapseVertical = (el: HTMLElement, rect: DOMRect) => {\n    const height = rect.height\n    return {\n        from: { maxHeight: 0 },\n        to: { maxHeight: height },\n        onUpdate: ({ maxHeight }: any) => {\n            el.style.maxHeight = `${maxHeight}px`\n        },\n    }\n}\n\nexport const collapseHorizontal = (el: HTMLElement, rect: DOMRect) => {\n    const width = rect.width\n    return {\n        from: { width: 0 },\n        to: { width },\n        onUpdate: ({ width }: any) => {\n            el.style.width = `${width}px`\n        },\n    }\n}"],"names":[],"mappings":";;;AACA;AACA;AAEA;;AAGI;;AAEI;AACA;AACA;;AAER;;AAGI;;;AAGI;AACA;;AAER;;AAGI;;AAEI;AACA;AACA;;AAER;;AAGI;;;AAGI;AACA;;AAER;AAEO;AACH;AACA;AACA;AACH;;AAGG;;AAEI;AACA;;;;;;AAMR;;AAGI;;;AAGI;;;;;;AAMR;;AAGI;;AAEI;AACA;;;;;;AAMR;;AAGI;;;AAGI;;;;;;AAMR;AAEO;;;;;;;AAON;AAEM;;;;;;;AAON;AAEM;AACH;AACA;;;;;AAKH;;AAGG;;AAEI;AACA;AACA;;;;AAIR;;AAGI;;AAEI;;AAEA;;;;AAIR;;;;;;;;;;;;;;;"}

package/Transition/variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"variants.js","sources":["../../src/Transition/variants.ts"],"sourcesContent":["\"use client\"\r\nconst getY = (rect: DOMRect) => (rect.height / 2, 40)\r\nconst getX = (rect: DOMRect) => (rect.width / 2, 40)\r\n\r\n// ------------------ Variants ------------------\r\n\r\nexport const slideDown = (el: HTMLElement, rect: DOMRect) => {\r\n    const y = getY(rect)\r\n    return {\r\n        from: { y: -y },\r\n        to: { y: 0 },\r\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\r\n    }\r\n}\r\n\r\nexport const slideUp = (el: HTMLElement, rect: DOMRect) => {\r\n    const y = getY(rect)\r\n    return {\r\n        from: { y },\r\n        to: { y: 0 },\r\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\r\n    }\r\n}\r\n\r\nexport const slideRight = (el: HTMLElement, rect: DOMRect) => {\r\n    const x = getX(rect)\r\n    return {\r\n        from: { x: -x },\r\n        to: { x: 0 },\r\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\r\n    }\r\n}\r\n\r\nexport const slideLeft = (el: HTMLElement, rect: DOMRect) => {\r\n    const x = getX(rect)\r\n    return {\r\n        from: { x },\r\n        to: { x: 0 },\r\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\r\n    }\r\n}\r\n\r\nexport const fade = (el: HTMLElement, rect: DOMRect) => ({\r\n    from: { opacity: 0 },\r\n    to: { opacity: 1 },\r\n    onUpdate: ({ opacity }: any) => (el.style.opacity = opacity),\r\n})\r\n\r\nexport const fadeDown = (el: HTMLElement, rect: DOMRect) => {\r\n    const y = getY(rect)\r\n    return {\r\n        from: { y: -y, scale: 0.98, opacity: 0 },\r\n        to: { y: 0, scale: 1, opacity: 1 },\r\n        onUpdate: ({ y, scale, opacity }: any) => {\r\n            el.style.transform = `translateY(${y}px) scale(${scale})`\r\n            el.style.opacity = String(opacity)\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeUp = (el: HTMLElement, rect: DOMRect) => {\r\n    const y = getY(rect)\r\n    return {\r\n        from: { y, scale: 0.98, opacity: 0 },\r\n        to: { y: 0, scale: 1, opacity: 1 },\r\n        onUpdate: ({ y, scale, opacity }: any) => {\r\n            el.style.transform = `translateY(${y}px) scale(${scale})`\r\n            el.style.opacity = String(opacity)\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeRight = (el: HTMLElement, rect: DOMRect) => {\r\n    const x = getX(rect)\r\n    return {\r\n        from: { x: -x, scale: 0.98, opacity: 0 },\r\n        to: { x: 0, scale: 1, opacity: 1 },\r\n        onUpdate: ({ x, scale, opacity }: any) => {\r\n            el.style.transform = `translateX(${x}px) scale(${scale})`\r\n            el.style.opacity = String(opacity)\r\n        }\r\n    }\r\n}\r\n\r\nexport const fadeLeft = (el: HTMLElement, rect: DOMRect) => {\r\n    const x = getX(rect)\r\n    return {\r\n        from: { x, scale: 0.98, opacity: 0 },\r\n        to: { x: 0, scale: 1, opacity: 1 },\r\n        onUpdate: ({ x, scale, opacity }: any) => {\r\n            el.style.transform = `translateX(${x}px) scale(${scale})`\r\n            el.style.opacity = String(opacity)\r\n        }\r\n    }\r\n}\r\n\r\nexport const zoom = (el: HTMLElement, rect: DOMRect) => ({\r\n    from: { scale: 0.8, opacity: 0 },\r\n    to: { scale: 1, opacity: 1 },\r\n    onUpdate: ({ scale, opacity }: any) => {\r\n        el.style.transform = `scale(${scale})`\r\n        el.style.opacity = String(opacity)\r\n    },\r\n})\r\n\r\nexport const zoomOver = (el: HTMLElement, rect: DOMRect) => ({\r\n    from: { scale: 1.2, opacity: 0 },\r\n    to: { scale: 1, opacity: 1 },\r\n    onUpdate: ({ scale, opacity }: any) => {\r\n        el.style.transform = `scale(${scale})`\r\n        el.style.opacity = String(opacity)\r\n    },\r\n})\r\n\r\nexport const grow = (el: HTMLElement, rect: DOMRect) => ({\r\n    from: { scaleX: 0.8, scaleY: 0.6, opacity: 0 },\r\n    to: { scaleX: 1, scaleY: 1, opacity: 1 },\r\n    onUpdate: ({ scaleX, scaleY, opacity }: any) => {\r\n        el.style.transform = `scale(${scaleX}, ${scaleY})`\r\n        el.style.opacity = String(opacity)\r\n    }\r\n})\r\n\r\nexport const collapseVertical = (el: HTMLElement, rect: DOMRect) => {\r\n    const height = rect.height\r\n    return {\r\n        from: { maxHeight: 0 },\r\n        to: { maxHeight: height },\r\n        onUpdate: ({ maxHeight }: any) => {\r\n            el.style.maxHeight = `${maxHeight}px`\r\n        },\r\n    }\r\n}\r\n\r\nexport const collapseHorizontal = (el: HTMLElement, rect: DOMRect) => {\r\n    const width = rect.width\r\n    return {\r\n        from: { width: 0 },\r\n        to: { width },\r\n        onUpdate: ({ width }: any) => {\r\n            el.style.width = `${width}px`\r\n        },\r\n    }\r\n}"],"names":[],"mappings":";AACA;AACA;AAEA;;AAGI;;AAEI;AACA;AACA;;AAER;;AAGI;;;AAGI;AACA;;AAER;;AAGI;;AAEI;AACA;AACA;;AAER;;AAGI;;;AAGI;AACA;;AAER;AAEO;AACH;AACA;AACA;AACH;;AAGG;;AAEI;AACA;;;;;;AAMR;;AAGI;;;AAGI;;;;;;AAMR;;AAGI;;AAEI;AACA;;;;;;AAMR;;AAGI;;;AAGI;;;;;;AAMR;AAEO;;;;;;;AAON;AAEM;;;;;;;AAON;AAEM;AACH;AACA;;;;;AAKH;;AAGG;;AAEI;AACA;AACA;;;;AAIR;;AAGI;;AAEI;;AAEA;;;;AAIR;;"}
+{"version":3,"file":"variants.js","sources":["../../src/Transition/variants.ts"],"sourcesContent":["\"use client\"\nconst getY = (rect: DOMRect) => (rect.height / 2, 40)\nconst getX = (rect: DOMRect) => (rect.width / 2, 40)\n\n// ------------------ Variants ------------------\n\nexport const slideDown = (el: HTMLElement, rect: DOMRect) => {\n    const y = getY(rect)\n    return {\n        from: { y: -y },\n        to: { y: 0 },\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\n    }\n}\n\nexport const slideUp = (el: HTMLElement, rect: DOMRect) => {\n    const y = getY(rect)\n    return {\n        from: { y },\n        to: { y: 0 },\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\n    }\n}\n\nexport const slideRight = (el: HTMLElement, rect: DOMRect) => {\n    const x = getX(rect)\n    return {\n        from: { x: -x },\n        to: { x: 0 },\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\n    }\n}\n\nexport const slideLeft = (el: HTMLElement, rect: DOMRect) => {\n    const x = getX(rect)\n    return {\n        from: { x },\n        to: { x: 0 },\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\n    }\n}\n\nexport const fade = (el: HTMLElement, rect: DOMRect) => ({\n    from: { opacity: 0 },\n    to: { opacity: 1 },\n    onUpdate: ({ opacity }: any) => (el.style.opacity = opacity),\n})\n\nexport const fadeDown = (el: HTMLElement, rect: DOMRect) => {\n    const y = getY(rect)\n    return {\n        from: { y: -y, scale: 0.98, opacity: 0 },\n        to: { y: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ y, scale, opacity }: any) => {\n            el.style.transform = `translateY(${y}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const fadeUp = (el: HTMLElement, rect: DOMRect) => {\n    const y = getY(rect)\n    return {\n        from: { y, scale: 0.98, opacity: 0 },\n        to: { y: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ y, scale, opacity }: any) => {\n            el.style.transform = `translateY(${y}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const fadeRight = (el: HTMLElement, rect: DOMRect) => {\n    const x = getX(rect)\n    return {\n        from: { x: -x, scale: 0.98, opacity: 0 },\n        to: { x: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ x, scale, opacity }: any) => {\n            el.style.transform = `translateX(${x}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const fadeLeft = (el: HTMLElement, rect: DOMRect) => {\n    const x = getX(rect)\n    return {\n        from: { x, scale: 0.98, opacity: 0 },\n        to: { x: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ x, scale, opacity }: any) => {\n            el.style.transform = `translateX(${x}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const zoom = (el: HTMLElement, rect: DOMRect) => ({\n    from: { scale: 0.8, opacity: 0 },\n    to: { scale: 1, opacity: 1 },\n    onUpdate: ({ scale, opacity }: any) => {\n        el.style.transform = `scale(${scale})`\n        el.style.opacity = String(opacity)\n    },\n})\n\nexport const zoomOver = (el: HTMLElement, rect: DOMRect) => ({\n    from: { scale: 1.2, opacity: 0 },\n    to: { scale: 1, opacity: 1 },\n    onUpdate: ({ scale, opacity }: any) => {\n        el.style.transform = `scale(${scale})`\n        el.style.opacity = String(opacity)\n    },\n})\n\nexport const grow = (el: HTMLElement, rect: DOMRect) => ({\n    from: { scaleX: 0.8, scaleY: 0.6, opacity: 0 },\n    to: { scaleX: 1, scaleY: 1, opacity: 1 },\n    onUpdate: ({ scaleX, scaleY, opacity }: any) => {\n        el.style.transform = `scale(${scaleX}, ${scaleY})`\n        el.style.opacity = String(opacity)\n    }\n})\n\nexport const collapseVertical = (el: HTMLElement, rect: DOMRect) => {\n    const height = rect.height\n    return {\n        from: { maxHeight: 0 },\n        to: { maxHeight: height },\n        onUpdate: ({ maxHeight }: any) => {\n            el.style.maxHeight = `${maxHeight}px`\n        },\n    }\n}\n\nexport const collapseHorizontal = (el: HTMLElement, rect: DOMRect) => {\n    const width = rect.width\n    return {\n        from: { width: 0 },\n        to: { width },\n        onUpdate: ({ width }: any) => {\n            el.style.width = `${width}px`\n        },\n    }\n}"],"names":[],"mappings":";AACA;AACA;AAEA;;AAGI;;AAEI;AACA;AACA;;AAER;;AAGI;;;AAGI;AACA;;AAER;;AAGI;;AAEI;AACA;AACA;;AAER;;AAGI;;;AAGI;AACA;;AAER;AAEO;AACH;AACA;AACA;AACH;;AAGG;;AAEI;AACA;;;;;;AAMR;;AAGI;;;AAGI;;;;;;AAMR;;AAGI;;AAEI;AACA;;;;;;AAMR;;AAGI;;;AAGI;;;;;;AAMR;AAEO;;;;;;;AAON;AAEM;;;;;;;AAON;AAEM;AACH;AACA;;;;;AAKH;;AAGG;;AAEI;AACA;AACA;;;;AAIR;;AAGI;;AAEI;;AAEA;;;;AAIR;;"}

package/animate/easing.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"easing.cjs","sources":["../../src/animate/easing.ts"],"sourcesContent":["\"use client\"\r\nconst cubicBezier = (p1x: number, p1y: number, p2x: number, p2y: number) => {\r\n   return (t: number) => {\r\n      const cx = 3 * p1x;\r\n      const bx = 3 * (p2x - p1x) - cx;\r\n      const ax = 1 - cx - bx;\r\n\r\n      const cy = 3 * p1y;\r\n      const by = 3 * (p2y - p1y) - cy;\r\n      const ay = 1 - cy - by;\r\n\r\n      const sampleCurveX = (t: number) => ((ax * t + bx) * t + cx) * t;\r\n      const sampleCurveY = (t: number) => ((ay * t + by) * t + cy) * t;\r\n      const sampleCurveDerivativeX = (t: number) =>\r\n         (3 * ax * t + 2 * bx) * t + cx;\r\n\r\n      // Newton-Raphson\r\n      let x = t;\r\n      for (let i = 0; i < 5; i++) {\r\n         const dx = sampleCurveX(x) - t;\r\n         const d = sampleCurveDerivativeX(x);\r\n         if (Math.abs(dx) < 1e-6) break;\r\n         if (Math.abs(d) < 1e-6) break;\r\n         x = x - dx / d;\r\n      }\r\n\r\n      return sampleCurveY(x);\r\n   };\r\n};\r\n\r\nconst Easing = {\r\n   default: (t: number) => 1 - Math.pow(1 - t, 3),\r\n   // your cubic-bezier mappings\r\n   standard: cubicBezier(0.4, 0, 0.2, 1),\r\n   fast: cubicBezier(0.2, 0, 0, 1),\r\n   smooth: cubicBezier(0.25, 0.46, 0.45, 0.94),\r\n   linear: cubicBezier(0, 0, 1, 1),\r\n   bounceBezier: cubicBezier(0.34, 1.5, 0.64, 1),\r\n\r\n   // existing easings\r\n   cubicInOut: (t: number) =>\r\n      t < 0.5\r\n         ? 4 * t * t * t\r\n         : 1 - Math.pow(-2 * t + 2, 3) / 2,\r\n\r\n   easeOutBounce: (t: number) => {\r\n      const n1 = 7.5625;\r\n      const d1 = 2.75;\r\n      if (t < 1 / d1) return n1 * t * t;\r\n      else if (t < 2 / d1) return n1 * (t -= 1.5 / d1) * t + 0.75;\r\n      else if (t < 2.5 / d1) return n1 * (t -= 2.25 / d1) * t + 0.9375;\r\n      else return n1 * (t -= 2.625 / d1) * t + 0.984375;\r\n   },\r\n\r\n   spring: (t: number) => {\r\n      return 1 - Math.exp(-6 * t) * Math.cos(8 * t);\r\n   },\r\n};\r\n\r\nexport default Easing"],"names":[],"mappings":";;;AACA;;AAEM;;AAEA;AAEA;;AAEA;;;;;;AASA;;AAEG;AACA;;AACA;;AACA;;AAGH;AACH;AACH;AAEA;AACG;;;;;;;;;AAWM;AACA;AAEN;;;AAGG;AAAgB;AACX;AAAgB;AAChB;AAAkB;;AAClB;;AAGR;;;;;"}
+{"version":3,"file":"easing.cjs","sources":["../../src/animate/easing.ts"],"sourcesContent":["\"use client\"\nconst cubicBezier = (p1x: number, p1y: number, p2x: number, p2y: number) => {\n   return (t: number) => {\n      const cx = 3 * p1x;\n      const bx = 3 * (p2x - p1x) - cx;\n      const ax = 1 - cx - bx;\n\n      const cy = 3 * p1y;\n      const by = 3 * (p2y - p1y) - cy;\n      const ay = 1 - cy - by;\n\n      const sampleCurveX = (t: number) => ((ax * t + bx) * t + cx) * t;\n      const sampleCurveY = (t: number) => ((ay * t + by) * t + cy) * t;\n      const sampleCurveDerivativeX = (t: number) =>\n         (3 * ax * t + 2 * bx) * t + cx;\n\n      // Newton-Raphson\n      let x = t;\n      for (let i = 0; i < 5; i++) {\n         const dx = sampleCurveX(x) - t;\n         const d = sampleCurveDerivativeX(x);\n         if (Math.abs(dx) < 1e-6) break;\n         if (Math.abs(d) < 1e-6) break;\n         x = x - dx / d;\n      }\n\n      return sampleCurveY(x);\n   };\n};\n\nconst Easing = {\n   default: (t: number) => 1 - Math.pow(1 - t, 3),\n   // your cubic-bezier mappings\n   standard: cubicBezier(0.4, 0, 0.2, 1),\n   fast: cubicBezier(0.2, 0, 0, 1),\n   smooth: cubicBezier(0.25, 0.46, 0.45, 0.94),\n   linear: cubicBezier(0, 0, 1, 1),\n   bounceBezier: cubicBezier(0.34, 1.5, 0.64, 1),\n\n   // existing easings\n   cubicInOut: (t: number) =>\n      t < 0.5\n         ? 4 * t * t * t\n         : 1 - Math.pow(-2 * t + 2, 3) / 2,\n\n   easeOutBounce: (t: number) => {\n      const n1 = 7.5625;\n      const d1 = 2.75;\n      if (t < 1 / d1) return n1 * t * t;\n      else if (t < 2 / d1) return n1 * (t -= 1.5 / d1) * t + 0.75;\n      else if (t < 2.5 / d1) return n1 * (t -= 2.25 / d1) * t + 0.9375;\n      else return n1 * (t -= 2.625 / d1) * t + 0.984375;\n   },\n\n   spring: (t: number) => {\n      return 1 - Math.exp(-6 * t) * Math.cos(8 * t);\n   },\n};\n\nexport default Easing"],"names":[],"mappings":";;;AACA;;AAEM;;AAEA;AAEA;;AAEA;;;;;;AASA;;AAEG;AACA;;AACA;;AACA;;AAGH;AACH;AACH;AAEA;AACG;;;;;;;;;AAWM;AACA;AAEN;;;AAGG;AAAgB;AACX;AAAgB;AAChB;AAAkB;;AAClB;;AAGR;;;;;"}

package/animate/easing.js.map

@@ -1 +1 @@
-{"version":3,"file":"easing.js","sources":["../../src/animate/easing.ts"],"sourcesContent":["\"use client\"\r\nconst cubicBezier = (p1x: number, p1y: number, p2x: number, p2y: number) => {\r\n   return (t: number) => {\r\n      const cx = 3 * p1x;\r\n      const bx = 3 * (p2x - p1x) - cx;\r\n      const ax = 1 - cx - bx;\r\n\r\n      const cy = 3 * p1y;\r\n      const by = 3 * (p2y - p1y) - cy;\r\n      const ay = 1 - cy - by;\r\n\r\n      const sampleCurveX = (t: number) => ((ax * t + bx) * t + cx) * t;\r\n      const sampleCurveY = (t: number) => ((ay * t + by) * t + cy) * t;\r\n      const sampleCurveDerivativeX = (t: number) =>\r\n         (3 * ax * t + 2 * bx) * t + cx;\r\n\r\n      // Newton-Raphson\r\n      let x = t;\r\n      for (let i = 0; i < 5; i++) {\r\n         const dx = sampleCurveX(x) - t;\r\n         const d = sampleCurveDerivativeX(x);\r\n         if (Math.abs(dx) < 1e-6) break;\r\n         if (Math.abs(d) < 1e-6) break;\r\n         x = x - dx / d;\r\n      }\r\n\r\n      return sampleCurveY(x);\r\n   };\r\n};\r\n\r\nconst Easing = {\r\n   default: (t: number) => 1 - Math.pow(1 - t, 3),\r\n   // your cubic-bezier mappings\r\n   standard: cubicBezier(0.4, 0, 0.2, 1),\r\n   fast: cubicBezier(0.2, 0, 0, 1),\r\n   smooth: cubicBezier(0.25, 0.46, 0.45, 0.94),\r\n   linear: cubicBezier(0, 0, 1, 1),\r\n   bounceBezier: cubicBezier(0.34, 1.5, 0.64, 1),\r\n\r\n   // existing easings\r\n   cubicInOut: (t: number) =>\r\n      t < 0.5\r\n         ? 4 * t * t * t\r\n         : 1 - Math.pow(-2 * t + 2, 3) / 2,\r\n\r\n   easeOutBounce: (t: number) => {\r\n      const n1 = 7.5625;\r\n      const d1 = 2.75;\r\n      if (t < 1 / d1) return n1 * t * t;\r\n      else if (t < 2 / d1) return n1 * (t -= 1.5 / d1) * t + 0.75;\r\n      else if (t < 2.5 / d1) return n1 * (t -= 2.25 / d1) * t + 0.9375;\r\n      else return n1 * (t -= 2.625 / d1) * t + 0.984375;\r\n   },\r\n\r\n   spring: (t: number) => {\r\n      return 1 - Math.exp(-6 * t) * Math.cos(8 * t);\r\n   },\r\n};\r\n\r\nexport default Easing"],"names":[],"mappings":";AACA;;AAEM;;AAEA;AAEA;;AAEA;;;;;;AASA;;AAEG;AACA;;AACA;;AACA;;AAGH;AACH;AACH;AAEA;AACG;;;;;;;;;AAWM;AACA;AAEN;;;AAGG;AAAgB;AACX;AAAgB;AAChB;AAAkB;;AAClB;;AAGR;;;;;"}
+{"version":3,"file":"easing.js","sources":["../../src/animate/easing.ts"],"sourcesContent":["\"use client\"\nconst cubicBezier = (p1x: number, p1y: number, p2x: number, p2y: number) => {\n   return (t: number) => {\n      const cx = 3 * p1x;\n      const bx = 3 * (p2x - p1x) - cx;\n      const ax = 1 - cx - bx;\n\n      const cy = 3 * p1y;\n      const by = 3 * (p2y - p1y) - cy;\n      const ay = 1 - cy - by;\n\n      const sampleCurveX = (t: number) => ((ax * t + bx) * t + cx) * t;\n      const sampleCurveY = (t: number) => ((ay * t + by) * t + cy) * t;\n      const sampleCurveDerivativeX = (t: number) =>\n         (3 * ax * t + 2 * bx) * t + cx;\n\n      // Newton-Raphson\n      let x = t;\n      for (let i = 0; i < 5; i++) {\n         const dx = sampleCurveX(x) - t;\n         const d = sampleCurveDerivativeX(x);\n         if (Math.abs(dx) < 1e-6) break;\n         if (Math.abs(d) < 1e-6) break;\n         x = x - dx / d;\n      }\n\n      return sampleCurveY(x);\n   };\n};\n\nconst Easing = {\n   default: (t: number) => 1 - Math.pow(1 - t, 3),\n   // your cubic-bezier mappings\n   standard: cubicBezier(0.4, 0, 0.2, 1),\n   fast: cubicBezier(0.2, 0, 0, 1),\n   smooth: cubicBezier(0.25, 0.46, 0.45, 0.94),\n   linear: cubicBezier(0, 0, 1, 1),\n   bounceBezier: cubicBezier(0.34, 1.5, 0.64, 1),\n\n   // existing easings\n   cubicInOut: (t: number) =>\n      t < 0.5\n         ? 4 * t * t * t\n         : 1 - Math.pow(-2 * t + 2, 3) / 2,\n\n   easeOutBounce: (t: number) => {\n      const n1 = 7.5625;\n      const d1 = 2.75;\n      if (t < 1 / d1) return n1 * t * t;\n      else if (t < 2 / d1) return n1 * (t -= 1.5 / d1) * t + 0.75;\n      else if (t < 2.5 / d1) return n1 * (t -= 2.25 / d1) * t + 0.9375;\n      else return n1 * (t -= 2.625 / d1) * t + 0.984375;\n   },\n\n   spring: (t: number) => {\n      return 1 - Math.exp(-6 * t) * Math.cos(8 * t);\n   },\n};\n\nexport default Easing"],"names":[],"mappings":";AACA;;AAEM;;AAEA;AAEA;;AAEA;;;;;;AASA;;AAEG;AACA;;AACA;;AACA;;AAGH;AACH;AACH;AAEA;AACG;;;;;;;;;AAWM;AACA;AAEN;;;AAGG;AAAgB;AACX;AAAgB;AAChB;AAAkB;;AAClB;;AAGR;;;;;"}

package/animate/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/animate/index.ts"],"sourcesContent":["\"use client\";\r\nimport Easing from \"./easing\";\r\n\r\nexport { Easing };\r\n\r\nexport type AnimateOptions<T extends Record<string, number>> = {\r\n   from: T | (() => T);\r\n   to: T | (() => T);\r\n   duration?: number;\r\n   delay?: number;\r\n   easing?: ((t: number) => number) | Partial<Record<keyof T, (t: number) => number>>;\r\n   onUpdate: (value: T, progress: number) => void;\r\n   onDone?: (value: T) => void;\r\n   breakpoints?: Partial<Record<keyof T, Array<{ value: number; callback: () => void }>>>;\r\n   repeat?: number;\r\n   repeatBack?: boolean;\r\n};\r\n\r\nconst animate = <T extends Record<string, number>>({\r\n   from,\r\n   to,\r\n   duration = 400,\r\n   delay = 0,\r\n   easing = Easing.default,\r\n   onUpdate,\r\n   onDone,\r\n   breakpoints,\r\n   repeat = 0,\r\n   repeatBack = false,\r\n}: AnimateOptions<T>) => {\r\n   let rafId: number;\r\n   let cycle = 0;\r\n   let forward = true;\r\n\r\n   const triggered: Partial<Record<keyof T, Set<number>>> = {};\r\n   const lastValues: Partial<Record<keyof T, number>> = {};\r\n\r\n   const resolve = (val: T | (() => T)): T =>\r\n      typeof val === \"function\" ? (val as () => T)() : val;\r\n\r\n   const getEased = (key: keyof T, t: number) => {\r\n      let e: number;\r\n      if (typeof easing === \"function\") e = easing(t);\r\n      else if (easing[key]) e = easing[key]!(t);\r\n      else e = t;\r\n      return Math.max(0, Math.min(1, e)); // clamp\r\n   };\r\n\r\n   const startAnimation = () => {\r\n      const fromVal = resolve(from);\r\n      const toVal = resolve(to);\r\n\r\n      const keys = Object.keys(fromVal) as (keyof T)[];\r\n\r\n      if (breakpoints) {\r\n         for (const key of keys) {\r\n            triggered[key] = new Set();\r\n            lastValues[key] = forward ? fromVal[key] : toVal[key];\r\n         }\r\n      }\r\n\r\n      // first frame exact start\r\n      onUpdate({ ...fromVal }, 0);\r\n\r\n      const start = performance.now();\r\n\r\n      const frame = (now: number) => {\r\n         const elapsed = now - start;\r\n         const progress = duration === 0 ? 1 : Math.min(elapsed / duration, 1);\r\n\r\n         const current = {} as T;\r\n\r\n         for (const key of keys) {\r\n            const f = forward ? fromVal[key] : toVal[key];\r\n            const t = forward ? toVal[key] : fromVal[key];\r\n\r\n            const eased = getEased(key, progress);\r\n            const val = f + (t - f) * eased;\r\n\r\n            (current as any)[key] = val;\r\n\r\n            // ✅ breakpoints: only trigger if inside from..to\r\n            const bps = breakpoints?.[key];\r\n            if (bps) {\r\n               const last = lastValues[key]!;\r\n               for (let i = 0; i < bps.length; i++) {\r\n                  if (triggered[key]!.has(i)) continue;\r\n\r\n                  const bp = bps[i].value;\r\n\r\n                  // skip if breakpoint outside from..to\r\n                  if (!((f < t && bp >= f && bp <= t) || (f > t && bp <= f && bp >= t))) continue;\r\n\r\n                  // trigger only if crossed this frame\r\n                  if ((f < t && last < bp && val >= bp) || (f > t && last > bp && val <= bp)) {\r\n                     triggered[key]!.add(i);\r\n                     bps[i].callback();\r\n                  }\r\n               }\r\n\r\n               lastValues[key] = val;\r\n            }\r\n         }\r\n\r\n         if (progress < 1) {\r\n            onUpdate(current, progress);\r\n            rafId = requestAnimationFrame(frame);\r\n         } else {\r\n            const finalState = forward ? toVal : fromVal;\r\n            onUpdate({ ...finalState }, 1);\r\n\r\n            cycle++;\r\n            if (cycle <= repeat) {\r\n               if (repeatBack) forward = !forward;\r\n               startAnimation();\r\n            } else {\r\n               onDone?.(finalState);\r\n            }\r\n         }\r\n      };\r\n\r\n      rafId = requestAnimationFrame(frame);\r\n   };\r\n\r\n   if (delay > 0) {\r\n      const timeout = setTimeout(startAnimation, delay);\r\n      return () => {\r\n         clearTimeout(timeout);\r\n         cancelAnimationFrame(rafId);\r\n      };\r\n   } else {\r\n      startAnimation();\r\n      return () => cancelAnimationFrame(rafId);\r\n   }\r\n};\r\n\r\nexport default animate;"],"names":[],"mappings":";;;;;;;AAkBA;AAYG;;;;;;AAUA;AACG;;AACkC;;;;;AAGlC;AACH;;AAGG;AACA;;;AAKG;AACG;AACA;;;;AAKN;AAEA;AAEA;AACG;;;AAKA;AACG;AACA;;;AAKC;;;;AAKE;AACA;;;;;AAMG;;;AAGA;;AAEG;;;AAIN;;;AAIN;AACG;AACA;;;;AAGA;AAEA;AACA;AACG;;AACA;;;AAEA;;;AAGT;AAEA;AACH;AAEA;;AAEG;;;AAGA;;;AAEA;AACA;;AAEN;;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/animate/index.ts"],"sourcesContent":["\"use client\";\nimport Easing from \"./easing\";\n\nexport { Easing };\n\nexport type AnimateOptions<T extends Record<string, number>> = {\n   from: T | (() => T);\n   to: T | (() => T);\n   duration?: number;\n   delay?: number;\n   easing?: ((t: number) => number) | Partial<Record<keyof T, (t: number) => number>>;\n   onUpdate: (value: T, progress: number) => void;\n   onDone?: (value: T) => void;\n   breakpoints?: Partial<Record<keyof T, Array<{ value: number; callback: () => void }>>>;\n   repeat?: number;\n   repeatBack?: boolean;\n};\n\nconst animate = <T extends Record<string, number>>({\n   from,\n   to,\n   duration = 400,\n   delay = 0,\n   easing = Easing.default,\n   onUpdate,\n   onDone,\n   breakpoints,\n   repeat = 0,\n   repeatBack = false,\n}: AnimateOptions<T>) => {\n   let rafId: number;\n   let cycle = 0;\n   let forward = true;\n\n   const triggered: Partial<Record<keyof T, Set<number>>> = {};\n   const lastValues: Partial<Record<keyof T, number>> = {};\n\n   const resolve = (val: T | (() => T)): T =>\n      typeof val === \"function\" ? (val as () => T)() : val;\n\n   const getEased = (key: keyof T, t: number) => {\n      let e: number;\n      if (typeof easing === \"function\") e = easing(t);\n      else if (easing[key]) e = easing[key]!(t);\n      else e = t;\n      return Math.max(0, Math.min(1, e)); // clamp\n   };\n\n   const startAnimation = () => {\n      const fromVal = resolve(from);\n      const toVal = resolve(to);\n\n      const keys = Object.keys(fromVal) as (keyof T)[];\n\n      if (breakpoints) {\n         for (const key of keys) {\n            triggered[key] = new Set();\n            lastValues[key] = forward ? fromVal[key] : toVal[key];\n         }\n      }\n\n      // first frame exact start\n      onUpdate({ ...fromVal }, 0);\n\n      const start = performance.now();\n\n      const frame = (now: number) => {\n         const elapsed = now - start;\n         const progress = duration === 0 ? 1 : Math.min(elapsed / duration, 1);\n\n         const current = {} as T;\n\n         for (const key of keys) {\n            const f = forward ? fromVal[key] : toVal[key];\n            const t = forward ? toVal[key] : fromVal[key];\n\n            const eased = getEased(key, progress);\n            const val = f + (t - f) * eased;\n\n            (current as any)[key] = val;\n\n            // ✅ breakpoints: only trigger if inside from..to\n            const bps = breakpoints?.[key];\n            if (bps) {\n               const last = lastValues[key]!;\n               for (let i = 0; i < bps.length; i++) {\n                  if (triggered[key]!.has(i)) continue;\n\n                  const bp = bps[i].value;\n\n                  // skip if breakpoint outside from..to\n                  if (!((f < t && bp >= f && bp <= t) || (f > t && bp <= f && bp >= t))) continue;\n\n                  // trigger only if crossed this frame\n                  if ((f < t && last < bp && val >= bp) || (f > t && last > bp && val <= bp)) {\n                     triggered[key]!.add(i);\n                     bps[i].callback();\n                  }\n               }\n\n               lastValues[key] = val;\n            }\n         }\n\n         if (progress < 1) {\n            onUpdate(current, progress);\n            rafId = requestAnimationFrame(frame);\n         } else {\n            const finalState = forward ? toVal : fromVal;\n            onUpdate({ ...finalState }, 1);\n\n            cycle++;\n            if (cycle <= repeat) {\n               if (repeatBack) forward = !forward;\n               startAnimation();\n            } else {\n               onDone?.(finalState);\n            }\n         }\n      };\n\n      rafId = requestAnimationFrame(frame);\n   };\n\n   if (delay > 0) {\n      const timeout = setTimeout(startAnimation, delay);\n      return () => {\n         clearTimeout(timeout);\n         cancelAnimationFrame(rafId);\n      };\n   } else {\n      startAnimation();\n      return () => cancelAnimationFrame(rafId);\n   }\n};\n\nexport default animate;"],"names":[],"mappings":";;;;;;;AAkBA;AAYG;;;;;;AAUA;AACG;;AACkC;;;;;AAGlC;AACH;;AAGG;AACA;;;AAKG;AACG;AACA;;;;AAKN;AAEA;AAEA;AACG;;;AAKA;AACG;AACA;;;AAKC;;;;AAKE;AACA;;;;;AAMG;;;AAGA;;AAEG;;;AAIN;;;AAIN;AACG;AACA;;;;AAGA;AAEA;AACA;AACG;;AACA;;;AAEA;;;AAGT;AAEA;AACH;AAEA;;AAEG;;;AAGA;;;AAEA;AACA;;AAEN;;;"}