@xanui/core 1.2.3 → 1.2.5

package/AppRoot/index.js

@@ -54,7 +54,7 @@ const AppRoot = React.forwardRef((_a, ref) => {
                 },
                 "p, h1, h2, h3, h4, h5, h6": {
                     overflowWrap: "break-word",
-                }
+                },
             }
         }, {
             injectStyle: typeof window !== 'undefined'

package/AppRoot/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/AppRoot/index.tsx"],"sourcesContent":["\r\nimport React, { useEffect, useMemo } from 'react';\r\nimport { TagComponentType } from '../Tag/types';\r\nimport { ThemeProvider, ThemeProviderProps, themeRootClass } from '../theme';\r\nimport { BreakpointProvider } from '../breakpoint';\r\nimport useScrollbar from '../hooks/useScrollbar';\r\nimport { css } from '../css';\r\nimport { RenderRenderar } from './Renderar';\r\n\r\n\r\n\r\nexport type AppRootProps<T extends TagComponentType = \"div\"> = ThemeProviderProps<T> & {\r\n   noScrollbarCss?: boolean;\r\n}\r\n\r\nconst appRootClassName = \"xui-app-root\"\r\nexport const appRootElement = () => document.querySelector(`.${appRootClassName}`) as HTMLDivElement;\r\n\r\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, noScrollbarCss, theme, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\r\n   noScrollbarCss ??= false\r\n   const [visibility, setVisibility] = React.useState<string>(\"hidden\");\r\n\r\n   const scrollbarCss: any = useMemo(() => {\r\n      if (noScrollbarCss) return;\r\n      return useScrollbar({\r\n         themeName: theme,\r\n         root_cls: themeRootClass(theme)\r\n      })\r\n   }, [noScrollbarCss, theme])\r\n\r\n   const globalStyle = useMemo(() => {\r\n      return css({\r\n         \"@global\": {\r\n            \"*\": {\r\n               m: 0,\r\n               p: 0,\r\n               outline: \"none\",\r\n               boxSizing: \"border-box\",\r\n               verticalAlign: \"baseline\",\r\n            },\r\n            \"html, body\": {\r\n               minHeight: \"100%\",\r\n               \"-webkit-font-smoothing\": \"antialiased\",\r\n               \"-moz-osx-font-smoothing\": \"grayscale\",\r\n            } as any,\r\n            \"img, picture, video, canvas, svg\": {\r\n               maxWidth: \"100%\",\r\n               display: \"block\"\r\n            },\r\n            \"input, button, textarea, select\": {\r\n               font: \"inherit\"\r\n            },\r\n            \"table\": {\r\n               borderCollapse: \"collapse\",\r\n               borderSpacing: 0,\r\n            },\r\n            \"ol, ul\": {\r\n               listStyle: \"none\",\r\n               padding: 0,\r\n               margin: 0,\r\n            },\r\n            \"a\": {\r\n               display: \"inline-block\",\r\n               color: \"inherit\",\r\n               textDecoration: \"none\",\r\n               cursor: \"pointer\",\r\n               \"&:hover\": {\r\n                  textDecoration: \"underline\"\r\n               }\r\n            },\r\n            \"p, h1, h2, h3, h4, h5, h6\": {\r\n               overflowWrap: \"break-word\",\r\n            }\r\n         }\r\n      }, {\r\n         injectStyle: typeof window !== 'undefined'\r\n      })\r\n   }, [])\r\n\r\n   useEffect(() => {\r\n\r\n      const root = document.querySelectorAll(`.${appRootClassName}`)\r\n      if (!root || root.length > 1) {\r\n         throw new Error(\"Multiple AppRoot detected in the application tree. Please ensure that there is only one AppRoot component wrapping your application.\");\r\n      }\r\n\r\n      setVisibility(\"visible\");\r\n\r\n      // move oncss style tags to head\r\n      if (typeof window === 'undefined') return;\r\n      const head = document.getElementsByTagName('head')[0];\r\n      const styles = Array.from(document.querySelectorAll('body style[data-oncss]'));\r\n      styles.forEach((style) => {\r\n         head.appendChild(style);\r\n      });\r\n\r\n   }, [])\r\n\r\n   return (\r\n      <ThemeProvider\r\n         ref={ref}\r\n         theme={theme}\r\n         {...props}\r\n         sx={{\r\n            ...props.sx,\r\n            ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {})\r\n         }}\r\n         classNames={[appRootClassName]}\r\n      >\r\n         {\r\n            typeof window === 'undefined' && <>\r\n               <style\r\n                  precedence={globalStyle.classname}\r\n                  href={globalStyle.classname}\r\n                  dangerouslySetInnerHTML={{ __html: globalStyle.css }}\r\n               />\r\n               {\r\n                  scrollbarCss && <style\r\n                     precedence={scrollbarCss.classname}\r\n                     href={scrollbarCss.classname}\r\n                     dangerouslySetInnerHTML={{ __html: scrollbarCss.css }}\r\n                  />\r\n               }\r\n            </>\r\n         }\r\n         <BreakpointProvider>\r\n            {children}\r\n            <RenderRenderar />\r\n         </BreakpointProvider>\r\n      </ThemeProvider>\r\n   )\r\n})\r\n\r\nexport default AppRoot\r\n\r\n"],"names":["__rest","useMemo","useScrollbar","themeRootClass","css","useEffect","_jsxs","ThemeProvider","_Fragment","_jsx","BreakpointProvider","RenderRenderar"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/AppRoot/index.tsx"],"sourcesContent":["\r\nimport React, { useEffect, useMemo } from 'react';\r\nimport { TagComponentType } from '../Tag/types';\r\nimport { ThemeProvider, ThemeProviderProps, themeRootClass } from '../theme';\r\nimport { BreakpointProvider } from '../breakpoint';\r\nimport useScrollbar from '../hooks/useScrollbar';\r\nimport { css } from '../css';\r\nimport { RenderRenderar } from './Renderar';\r\n\r\n\r\n\r\nexport type AppRootProps<T extends TagComponentType = \"div\"> = ThemeProviderProps<T> & {\r\n   noScrollbarCss?: boolean;\r\n}\r\n\r\nconst appRootClassName = \"xui-app-root\"\r\nexport const appRootElement = () => document.querySelector(`.${appRootClassName}`) as HTMLDivElement;\r\n\r\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, noScrollbarCss, theme, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\r\n   noScrollbarCss ??= false\r\n   const [visibility, setVisibility] = React.useState<string>(\"hidden\");\r\n\r\n   const scrollbarCss: any = useMemo(() => {\r\n      if (noScrollbarCss) return;\r\n      return useScrollbar({\r\n         themeName: theme,\r\n         root_cls: themeRootClass(theme)\r\n      })\r\n   }, [noScrollbarCss, theme])\r\n\r\n   const globalStyle = useMemo(() => {\r\n      return css({\r\n         \"@global\": {\r\n            \"*\": {\r\n               m: 0,\r\n               p: 0,\r\n               outline: \"none\",\r\n               boxSizing: \"border-box\",\r\n               verticalAlign: \"baseline\",\r\n            },\r\n            \"html, body\": {\r\n               minHeight: \"100%\",\r\n               \"-webkit-font-smoothing\": \"antialiased\",\r\n               \"-moz-osx-font-smoothing\": \"grayscale\",\r\n            } as any,\r\n            \"img, picture, video, canvas, svg\": {\r\n               maxWidth: \"100%\",\r\n               display: \"block\"\r\n            },\r\n            \"input, button, textarea, select\": {\r\n               font: \"inherit\"\r\n            },\r\n            \"table\": {\r\n               borderCollapse: \"collapse\",\r\n               borderSpacing: 0,\r\n            },\r\n            \"ol, ul\": {\r\n               listStyle: \"none\",\r\n               padding: 0,\r\n               margin: 0,\r\n            },\r\n            \"a\": {\r\n               display: \"inline-block\",\r\n               color: \"inherit\",\r\n               textDecoration: \"none\",\r\n               cursor: \"pointer\",\r\n               \"&:hover\": {\r\n                  textDecoration: \"underline\"\r\n               }\r\n            },\r\n            \"p, h1, h2, h3, h4, h5, h6\": {\r\n               overflowWrap: \"break-word\",\r\n            },\r\n         }\r\n      }, {\r\n         injectStyle: typeof window !== 'undefined'\r\n      })\r\n   }, [])\r\n\r\n   useEffect(() => {\r\n\r\n      const root = document.querySelectorAll(`.${appRootClassName}`)\r\n      if (!root || root.length > 1) {\r\n         throw new Error(\"Multiple AppRoot detected in the application tree. Please ensure that there is only one AppRoot component wrapping your application.\");\r\n      }\r\n\r\n      setVisibility(\"visible\");\r\n\r\n      // move oncss style tags to head\r\n      if (typeof window === 'undefined') return;\r\n      const head = document.getElementsByTagName('head')[0];\r\n      const styles = Array.from(document.querySelectorAll('body style[data-oncss]'));\r\n      styles.forEach((style) => {\r\n         head.appendChild(style);\r\n      });\r\n\r\n   }, [])\r\n\r\n   return (\r\n      <ThemeProvider\r\n         ref={ref}\r\n         theme={theme}\r\n         {...props}\r\n         sx={{\r\n            ...props.sx,\r\n            ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {})\r\n         }}\r\n         classNames={[appRootClassName]}\r\n      >\r\n         {\r\n            typeof window === 'undefined' && <>\r\n               <style\r\n                  precedence={globalStyle.classname}\r\n                  href={globalStyle.classname}\r\n                  dangerouslySetInnerHTML={{ __html: globalStyle.css }}\r\n               />\r\n               {\r\n                  scrollbarCss && <style\r\n                     precedence={scrollbarCss.classname}\r\n                     href={scrollbarCss.classname}\r\n                     dangerouslySetInnerHTML={{ __html: scrollbarCss.css }}\r\n                  />\r\n               }\r\n            </>\r\n         }\r\n         <BreakpointProvider>\r\n            {children}\r\n            <RenderRenderar />\r\n         </BreakpointProvider>\r\n      </ThemeProvider>\r\n   )\r\n})\r\n\r\nexport default AppRoot\r\n\r\n"],"names":["__rest","useMemo","useScrollbar","themeRootClass","css","useEffect","_jsxs","ThemeProvider","_Fragment","_jsx","BreakpointProvider","RenderRenderar"],"mappings":"8aAeA,MAAM,gBAAgB,GAAG,cAAc;AAChC,MAAM,cAAc,GAAG,MAAM,QAAQ,CAAC,aAAa,CAAC,CAAA,CAAA,EAAI,gBAAgB,CAAA,CAAE;AAEjF,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAA8D,EAAE,GAAmB,KAAI;QAAvF,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,OAA6B,EAAxB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAA3C,CAAA,UAAA,EAAA,gBAAA,EAAA,OAAA,CAA6C,CAAF;IAC9G,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,MAAA,GAAd,cAAc,IAAd,cAAc,GAAK,KAAK,CAAA;AACxB,IAAA,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,QAAQ,CAAC;AAEpE,IAAA,MAAM,YAAY,GAAQC,aAAO,CAAC,MAAK;AACpC,QAAA,IAAI,cAAc;YAAE;AACpB,QAAA,OAAOC,oBAAY,CAAC;AACjB,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,QAAQ,EAAEC,sBAAc,CAAC,KAAK;AAChC,SAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;AAE3B,IAAA,MAAM,WAAW,GAAGF,aAAO,CAAC,MAAK;AAC9B,QAAA,OAAOG,SAAG,CAAC;AACR,YAAA,SAAS,EAAE;AACR,gBAAA,GAAG,EAAE;AACF,oBAAA,CAAC,EAAE,CAAC;AACJ,oBAAA,CAAC,EAAE,CAAC;AACJ,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,SAAS,EAAE,YAAY;AACvB,oBAAA,aAAa,EAAE,UAAU;AAC3B,iBAAA;AACD,gBAAA,YAAY,EAAE;AACX,oBAAA,SAAS,EAAE,MAAM;AACjB,oBAAA,wBAAwB,EAAE,aAAa;AACvC,oBAAA,yBAAyB,EAAE,WAAW;AACjC,iBAAA;AACR,gBAAA,kCAAkC,EAAE;AACjC,oBAAA,QAAQ,EAAE,MAAM;AAChB,oBAAA,OAAO,EAAE;AACX,iBAAA;AACD,gBAAA,iCAAiC,EAAE;AAChC,oBAAA,IAAI,EAAE;AACR,iBAAA;AACD,gBAAA,OAAO,EAAE;AACN,oBAAA,cAAc,EAAE,UAAU;AAC1B,oBAAA,aAAa,EAAE,CAAC;AAClB,iBAAA;AACD,gBAAA,QAAQ,EAAE;AACP,oBAAA,SAAS,EAAE,MAAM;AACjB,oBAAA,OAAO,EAAE,CAAC;AACV,oBAAA,MAAM,EAAE,CAAC;AACX,iBAAA;AACD,gBAAA,GAAG,EAAE;AACF,oBAAA,OAAO,EAAE,cAAc;AACvB,oBAAA,KAAK,EAAE,SAAS;AAChB,oBAAA,cAAc,EAAE,MAAM;AACtB,oBAAA,MAAM,EAAE,SAAS;AACjB,oBAAA,SAAS,EAAE;AACR,wBAAA,cAAc,EAAE;AAClB;AACH,iBAAA;AACD,gBAAA,2BAA2B,EAAE;AAC1B,oBAAA,YAAY,EAAE,YAAY;AAC5B,iBAAA;AACH;SACH,EAAE;AACA,YAAA,WAAW,EAAE,OAAO,MAAM,KAAK;AACjC,SAAA,CAAC;IACL,CAAC,EAAE,EAAE,CAAC;IAENC,eAAS,CAAC,MAAK;QAEZ,MAAM,IAAI,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA,CAAA,EAAI,gBAAgB,CAAA,CAAE,CAAC;QAC9D,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;AAC3B,YAAA,MAAM,IAAI,KAAK,CAAC,sIAAsI,CAAC;QAC1J;QAEA,aAAa,CAAC,SAAS,CAAC;;QAGxB,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE;QACnC,MAAM,IAAI,GAAG,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACrD,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC;AAC9E,QAAA,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;AACtB,YAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC1B,QAAA,CAAC,CAAC;IAEL,CAAC,EAAE,EAAE,CAAC;IAEN,QACGC,eAAA,CAACC,qBAAa,EAAA,MAAA,CAAA,MAAA,CAAA,EACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EAAA,EACR,KAAK,EAAA,EACT,EAAE,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,KAAK,CAAC,EAAE,CAAA,GACP,UAAU,KAAK,QAAQ,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAC,EAE/D,UAAU,EAAE,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,CAG3B,OAAO,MAAM,KAAK,WAAW,IAAID,eAAA,CAAAE,mBAAA,EAAA,EAAA,QAAA,EAAA,CAC9BC,cAAA,CAAA,OAAA,EAAA,EACG,UAAU,EAAE,WAAW,CAAC,SAAS,EACjC,IAAI,EAAE,WAAW,CAAC,SAAS,EAC3B,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,CAAC,GAAG,EAAE,EAAA,CACrD,EAEC,YAAY,IAAIA,cAAA,CAAA,OAAA,EAAA,EACb,UAAU,EAAE,YAAY,CAAC,SAAS,EAClC,IAAI,EAAE,YAAY,CAAC,SAAS,EAC5B,uBAAuB,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,GAAG,EAAE,EAAA,CACtD,IAEL,EAENH,eAAA,CAACI,qCAAkB,EAAA,EAAA,QAAA,EAAA,CACf,QAAQ,EACTD,cAAA,CAACE,uBAAc,EAAA,EAAA,CAAG,CAAA,EAAA,CACA,CAAA,EAAA,CAAA,CACR;AAEtB,CAAC"}

package/AppRoot/index.mjs

@@ -54,7 +54,7 @@ const AppRoot = React__default.forwardRef((_a, ref) => {
                 },
                 "p, h1, h2, h3, h4, h5, h6": {
                     overflowWrap: "break-word",
-                }
+                },
             }
         }, {
             injectStyle: typeof window !== 'undefined'

package/AppRoot/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/AppRoot/index.tsx"],"sourcesContent":["\r\nimport React, { useEffect, useMemo } from 'react';\r\nimport { TagComponentType } from '../Tag/types';\r\nimport { ThemeProvider, ThemeProviderProps, themeRootClass } from '../theme';\r\nimport { BreakpointProvider } from '../breakpoint';\r\nimport useScrollbar from '../hooks/useScrollbar';\r\nimport { css } from '../css';\r\nimport { RenderRenderar } from './Renderar';\r\n\r\n\r\n\r\nexport type AppRootProps<T extends TagComponentType = \"div\"> = ThemeProviderProps<T> & {\r\n   noScrollbarCss?: boolean;\r\n}\r\n\r\nconst appRootClassName = \"xui-app-root\"\r\nexport const appRootElement = () => document.querySelector(`.${appRootClassName}`) as HTMLDivElement;\r\n\r\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, noScrollbarCss, theme, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\r\n   noScrollbarCss ??= false\r\n   const [visibility, setVisibility] = React.useState<string>(\"hidden\");\r\n\r\n   const scrollbarCss: any = useMemo(() => {\r\n      if (noScrollbarCss) return;\r\n      return useScrollbar({\r\n         themeName: theme,\r\n         root_cls: themeRootClass(theme)\r\n      })\r\n   }, [noScrollbarCss, theme])\r\n\r\n   const globalStyle = useMemo(() => {\r\n      return css({\r\n         \"@global\": {\r\n            \"*\": {\r\n               m: 0,\r\n               p: 0,\r\n               outline: \"none\",\r\n               boxSizing: \"border-box\",\r\n               verticalAlign: \"baseline\",\r\n            },\r\n            \"html, body\": {\r\n               minHeight: \"100%\",\r\n               \"-webkit-font-smoothing\": \"antialiased\",\r\n               \"-moz-osx-font-smoothing\": \"grayscale\",\r\n            } as any,\r\n            \"img, picture, video, canvas, svg\": {\r\n               maxWidth: \"100%\",\r\n               display: \"block\"\r\n            },\r\n            \"input, button, textarea, select\": {\r\n               font: \"inherit\"\r\n            },\r\n            \"table\": {\r\n               borderCollapse: \"collapse\",\r\n               borderSpacing: 0,\r\n            },\r\n            \"ol, ul\": {\r\n               listStyle: \"none\",\r\n               padding: 0,\r\n               margin: 0,\r\n            },\r\n            \"a\": {\r\n               display: \"inline-block\",\r\n               color: \"inherit\",\r\n               textDecoration: \"none\",\r\n               cursor: \"pointer\",\r\n               \"&:hover\": {\r\n                  textDecoration: \"underline\"\r\n               }\r\n            },\r\n            \"p, h1, h2, h3, h4, h5, h6\": {\r\n               overflowWrap: \"break-word\",\r\n            }\r\n         }\r\n      }, {\r\n         injectStyle: typeof window !== 'undefined'\r\n      })\r\n   }, [])\r\n\r\n   useEffect(() => {\r\n\r\n      const root = document.querySelectorAll(`.${appRootClassName}`)\r\n      if (!root || root.length > 1) {\r\n         throw new Error(\"Multiple AppRoot detected in the application tree. Please ensure that there is only one AppRoot component wrapping your application.\");\r\n      }\r\n\r\n      setVisibility(\"visible\");\r\n\r\n      // move oncss style tags to head\r\n      if (typeof window === 'undefined') return;\r\n      const head = document.getElementsByTagName('head')[0];\r\n      const styles = Array.from(document.querySelectorAll('body style[data-oncss]'));\r\n      styles.forEach((style) => {\r\n         head.appendChild(style);\r\n      });\r\n\r\n   }, [])\r\n\r\n   return (\r\n      <ThemeProvider\r\n         ref={ref}\r\n         theme={theme}\r\n         {...props}\r\n         sx={{\r\n            ...props.sx,\r\n            ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {})\r\n         }}\r\n         classNames={[appRootClassName]}\r\n      >\r\n         {\r\n            typeof window === 'undefined' && <>\r\n               <style\r\n                  precedence={globalStyle.classname}\r\n                  href={globalStyle.classname}\r\n                  dangerouslySetInnerHTML={{ __html: globalStyle.css }}\r\n               />\r\n               {\r\n                  scrollbarCss && <style\r\n                     precedence={scrollbarCss.classname}\r\n                     href={scrollbarCss.classname}\r\n                     dangerouslySetInnerHTML={{ __html: scrollbarCss.css }}\r\n                  />\r\n               }\r\n            </>\r\n         }\r\n         <BreakpointProvider>\r\n            {children}\r\n            <RenderRenderar />\r\n         </BreakpointProvider>\r\n      </ThemeProvider>\r\n   )\r\n})\r\n\r\nexport default AppRoot\r\n\r\n"],"names":["React","_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/AppRoot/index.tsx"],"sourcesContent":["\r\nimport React, { useEffect, useMemo } from 'react';\r\nimport { TagComponentType } from '../Tag/types';\r\nimport { ThemeProvider, ThemeProviderProps, themeRootClass } from '../theme';\r\nimport { BreakpointProvider } from '../breakpoint';\r\nimport useScrollbar from '../hooks/useScrollbar';\r\nimport { css } from '../css';\r\nimport { RenderRenderar } from './Renderar';\r\n\r\n\r\n\r\nexport type AppRootProps<T extends TagComponentType = \"div\"> = ThemeProviderProps<T> & {\r\n   noScrollbarCss?: boolean;\r\n}\r\n\r\nconst appRootClassName = \"xui-app-root\"\r\nexport const appRootElement = () => document.querySelector(`.${appRootClassName}`) as HTMLDivElement;\r\n\r\nconst AppRoot = React.forwardRef(<T extends TagComponentType = \"div\">({ children, noScrollbarCss, theme, ...props }: AppRootProps<T>, ref: React.Ref<any>) => {\r\n   noScrollbarCss ??= false\r\n   const [visibility, setVisibility] = React.useState<string>(\"hidden\");\r\n\r\n   const scrollbarCss: any = useMemo(() => {\r\n      if (noScrollbarCss) return;\r\n      return useScrollbar({\r\n         themeName: theme,\r\n         root_cls: themeRootClass(theme)\r\n      })\r\n   }, [noScrollbarCss, theme])\r\n\r\n   const globalStyle = useMemo(() => {\r\n      return css({\r\n         \"@global\": {\r\n            \"*\": {\r\n               m: 0,\r\n               p: 0,\r\n               outline: \"none\",\r\n               boxSizing: \"border-box\",\r\n               verticalAlign: \"baseline\",\r\n            },\r\n            \"html, body\": {\r\n               minHeight: \"100%\",\r\n               \"-webkit-font-smoothing\": \"antialiased\",\r\n               \"-moz-osx-font-smoothing\": \"grayscale\",\r\n            } as any,\r\n            \"img, picture, video, canvas, svg\": {\r\n               maxWidth: \"100%\",\r\n               display: \"block\"\r\n            },\r\n            \"input, button, textarea, select\": {\r\n               font: \"inherit\"\r\n            },\r\n            \"table\": {\r\n               borderCollapse: \"collapse\",\r\n               borderSpacing: 0,\r\n            },\r\n            \"ol, ul\": {\r\n               listStyle: \"none\",\r\n               padding: 0,\r\n               margin: 0,\r\n            },\r\n            \"a\": {\r\n               display: \"inline-block\",\r\n               color: \"inherit\",\r\n               textDecoration: \"none\",\r\n               cursor: \"pointer\",\r\n               \"&:hover\": {\r\n                  textDecoration: \"underline\"\r\n               }\r\n            },\r\n            \"p, h1, h2, h3, h4, h5, h6\": {\r\n               overflowWrap: \"break-word\",\r\n            },\r\n         }\r\n      }, {\r\n         injectStyle: typeof window !== 'undefined'\r\n      })\r\n   }, [])\r\n\r\n   useEffect(() => {\r\n\r\n      const root = document.querySelectorAll(`.${appRootClassName}`)\r\n      if (!root || root.length > 1) {\r\n         throw new Error(\"Multiple AppRoot detected in the application tree. Please ensure that there is only one AppRoot component wrapping your application.\");\r\n      }\r\n\r\n      setVisibility(\"visible\");\r\n\r\n      // move oncss style tags to head\r\n      if (typeof window === 'undefined') return;\r\n      const head = document.getElementsByTagName('head')[0];\r\n      const styles = Array.from(document.querySelectorAll('body style[data-oncss]'));\r\n      styles.forEach((style) => {\r\n         head.appendChild(style);\r\n      });\r\n\r\n   }, [])\r\n\r\n   return (\r\n      <ThemeProvider\r\n         ref={ref}\r\n         theme={theme}\r\n         {...props}\r\n         sx={{\r\n            ...props.sx,\r\n            ...(visibility === \"hidden\" ? { visibility: \"hidden\" } : {})\r\n         }}\r\n         classNames={[appRootClassName]}\r\n      >\r\n         {\r\n            typeof window === 'undefined' && <>\r\n               <style\r\n                  precedence={globalStyle.classname}\r\n                  href={globalStyle.classname}\r\n                  dangerouslySetInnerHTML={{ __html: globalStyle.css }}\r\n               />\r\n               {\r\n                  scrollbarCss && <style\r\n                     precedence={scrollbarCss.classname}\r\n                     href={scrollbarCss.classname}\r\n                     dangerouslySetInnerHTML={{ __html: scrollbarCss.css }}\r\n                  />\r\n               }\r\n            </>\r\n         }\r\n         <BreakpointProvider>\r\n            {children}\r\n            <RenderRenderar />\r\n         </BreakpointProvider>\r\n      </ThemeProvider>\r\n   )\r\n})\r\n\r\nexport default AppRoot\r\n\r\n"],"names":["React","_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/Tag/useTagProps.d.ts

@@ -5,7 +5,7 @@ type useTagPropsReturn<T extends TagComponentType = "div"> = {
     props: TagProps<T>;
     style: CSSFactoryType;
 };
-declare const useTagProps: <T extends TagComponentType = "div">({ sxr, sx, baseClass, classNames: clses, hover, ...props }: TagPropsRoot<T>) => useTagPropsReturn<T>;
+declare const useTagProps: <T extends TagComponentType = "div">({ baseClass, classNames: clses, sx, sxr, style, hover, ...props }: TagPropsRoot<T>) => useTagPropsReturn<T>;
 
 export { useTagProps as default };
 export type { useTagPropsReturn };

package/Tag/useTagProps.js

@@ -1,22 +1,23 @@
 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),cssPropList=require('./cssPropList.js'),index=require('../css/index.js'),prettyClass=require('pretty-class');const useTagProps = (_a) => {
-    var { sxr, sx, baseClass, classNames: clses, hover } = _a, props = tslib.__rest(_a, ["sxr", "sx", "baseClass", "classNames", "hover"]);
-    let _css = Object.assign(Object.assign(Object.assign({}, sxr), sx), props);
-    if (hover)
-        _css['&:hover'] = hover;
-    const style = index.css(_css, {
+    var { baseClass, classNames: clses, sx, sxr, style, hover } = _a, props = tslib.__rest(_a, ["baseClass", "classNames", "sx", "sxr", "style", "hover"]);
+    const _css = Object.assign(Object.assign(Object.assign(Object.assign({}, (sxr || {})), (sx || {})), (style || {})), props);
+    if (hover) {
+        _css['&:hover'] = Object.assign(Object.assign({}, (_css['&:hover'] || {})), hover);
+    }
+    const styles = index.css(_css, {
         skipProps: (prop, _val, dept) => dept === 1 && !cssPropList.default[prop],
         injectStyle: typeof window !== 'undefined',
     });
-    let skipProps = style.skiped[style.classname] || [];
+    let skipProps = styles.skiped[styles.classname] || [];
     const _props = {};
     for (let prop of skipProps) {
         _props[prop] = props[prop];
     }
     _props.className = prettyClass.classNames([
         baseClass ? "xui-" + baseClass : "",
-        style.classname,
+        styles.classname,
         props.className,
         ...(clses || []),
     ]);
-    return { props: _props, style };
+    return { props: _props, style: styles };
 };exports.default=useTagProps;//# sourceMappingURL=useTagProps.js.map

package/Tag/useTagProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTagProps.js","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["import { TagComponentType, TagProps, TagPropsRoot } from './types';\r\nimport cssPropList from './cssPropList';\r\nimport { css } from '../css';\r\nimport { classNames } from 'pretty-class';\r\nimport { CSSFactoryType } from 'oncss';\r\n\r\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\r\n   props: TagProps<T>,\r\n   style: CSSFactoryType\r\n}\r\n\r\nconst useTagProps = <T extends TagComponentType = \"div\">({ sxr, sx, baseClass, classNames: clses, hover, ...props }: TagPropsRoot<T>): useTagPropsReturn<T> => {\r\n   let _css: any = { ...sxr, ...sx, ...props }\r\n   if (hover) _css['&:hover'] = hover\r\n   const style = css(_css, {\r\n      skipProps: (prop, _val, dept): any => dept === 1 && !cssPropList[prop],\r\n      injectStyle: typeof window !== 'undefined',\r\n   })\r\n\r\n   let skipProps = style.skiped[style.classname as any] || []\r\n   const _props: any = {};\r\n   for (let prop of skipProps) {\r\n      _props[prop] = (props as any)[prop]\r\n   }\r\n   _props.className = classNames([\r\n      baseClass ? \"xui-\" + baseClass : \"\",\r\n      style.classname,\r\n      props.className,\r\n      ...(clses as any || []),\r\n   ])\r\n   return { props: _props, style };\r\n}\r\n\r\n\r\nexport default useTagProps"],"names":["__rest","css","cssPropList","classNames"],"mappings":"8MAWA,MAAM,WAAW,GAAG,CAAqC,EAA2E,KAA0B;AAArG,IAAA,IAAA,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAA,GAAA,EAA6B,EAAxB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAAxD,iDAA0D,CAAF;IAC9G,IAAI,IAAI,iDAAa,GAAG,CAAA,EAAK,EAAE,CAAA,EAAK,KAAK,CAAE;AAC3C,IAAA,IAAI,KAAK;AAAE,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,KAAK;AAClC,IAAA,MAAM,KAAK,GAAGC,SAAG,CAAC,IAAI,EAAE;AACrB,QAAA,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,KAAU,IAAI,KAAK,CAAC,IAAI,CAACC,mBAAW,CAAC,IAAI,CAAC;AACtE,QAAA,WAAW,EAAE,OAAO,MAAM,KAAK,WAAW;AAC5C,KAAA,CAAC;AAEF,IAAA,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,SAAgB,CAAC,IAAI,EAAE;IAC1D,MAAM,MAAM,GAAQ,EAAE;AACtB,IAAA,KAAK,IAAI,IAAI,IAAI,SAAS,EAAE;QACzB,MAAM,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;IACtC;AACA,IAAA,MAAM,CAAC,SAAS,GAAGC,sBAAU,CAAC;QAC3B,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,EAAE;AACnC,QAAA,KAAK,CAAC,SAAS;AACf,QAAA,KAAK,CAAC,SAAS;AACf,QAAA,IAAI,KAAY,IAAI,EAAE,CAAC;AACzB,KAAA,CAAC;AACF,IAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;AAClC"}
+{"version":3,"file":"useTagProps.js","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["import { TagComponentType, TagProps, TagPropsRoot } from './types';\r\nimport cssPropList from './cssPropList';\r\nimport { css } from '../css';\r\nimport { classNames } from 'pretty-class';\r\nimport { CSSFactoryType } from 'oncss';\r\n\r\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\r\n   props: TagProps<T>,\r\n   style: CSSFactoryType\r\n}\r\n\r\nconst useTagProps = <T extends TagComponentType = \"div\">({ baseClass, classNames: clses, sx, sxr, style, hover, ...props }: TagPropsRoot<T>): useTagPropsReturn<T> => {\r\n   const _css: any = {\r\n      ...(sxr || {}),\r\n      ...(sx || {}),\r\n      ...(style || {}),\r\n      ...props\r\n   }\r\n\r\n   if (hover) {\r\n      _css['&:hover'] = { ...(_css['&:hover'] || {}), ...hover }\r\n   }\r\n\r\n   const styles = css(_css, {\r\n      skipProps: (prop, _val, dept): any => dept === 1 && !cssPropList[prop],\r\n      injectStyle: typeof window !== 'undefined',\r\n   })\r\n\r\n   let skipProps = styles.skiped[styles.classname as any] || []\r\n   const _props: any = {};\r\n   for (let prop of skipProps) {\r\n      _props[prop] = (props as any)[prop]\r\n   }\r\n   _props.className = classNames([\r\n      baseClass ? \"xui-\" + baseClass : \"\",\r\n      styles.classname,\r\n      props.className,\r\n      ...(clses as any || []),\r\n   ])\r\n   return { props: _props, style: styles };\r\n}\r\n\r\n\r\nexport default useTagProps"],"names":["__rest","css","cssPropList","classNames"],"mappings":"8MAWA,MAAM,WAAW,GAAG,CAAqC,EAAkF,KAA0B;AAA5G,IAAA,IAAA,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAA,GAAA,EAA6B,EAAxB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAA/D,0DAAiE,CAAF;IACrH,MAAM,IAAI,gEACH,GAAG,IAAI,EAAE,EAAC,GACV,EAAE,IAAI,EAAE,EAAC,GACT,KAAK,IAAI,EAAE,EAAC,EACb,KAAK,CACV;IAED,IAAI,KAAK,EAAE;AACR,QAAA,IAAI,CAAC,SAAS,CAAC,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAS,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAC,EAAK,KAAK,CAAE;IAC7D;AAEA,IAAA,MAAM,MAAM,GAAGC,SAAG,CAAC,IAAI,EAAE;AACtB,QAAA,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,KAAU,IAAI,KAAK,CAAC,IAAI,CAACC,mBAAW,CAAC,IAAI,CAAC;AACtE,QAAA,WAAW,EAAE,OAAO,MAAM,KAAK,WAAW;AAC5C,KAAA,CAAC;AAEF,IAAA,IAAI,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,SAAgB,CAAC,IAAI,EAAE;IAC5D,MAAM,MAAM,GAAQ,EAAE;AACtB,IAAA,KAAK,IAAI,IAAI,IAAI,SAAS,EAAE;QACzB,MAAM,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;IACtC;AACA,IAAA,MAAM,CAAC,SAAS,GAAGC,sBAAU,CAAC;QAC3B,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,EAAE;AACnC,QAAA,MAAM,CAAC,SAAS;AAChB,QAAA,KAAK,CAAC,SAAS;AACf,QAAA,IAAI,KAAY,IAAI,EAAE,CAAC;AACzB,KAAA,CAAC;IACF,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC1C"}

package/Tag/useTagProps.mjs

@@ -1,22 +1,23 @@
 import {__rest}from'tslib';import CSS_PROP_LIST from'./cssPropList.mjs';import {css}from'../css/index.mjs';import {classNames}from'pretty-class';const useTagProps = (_a) => {
-    var { sxr, sx, baseClass, classNames: clses, hover } = _a, props = __rest(_a, ["sxr", "sx", "baseClass", "classNames", "hover"]);
-    let _css = Object.assign(Object.assign(Object.assign({}, sxr), sx), props);
-    if (hover)
-        _css['&:hover'] = hover;
-    const style = css(_css, {
+    var { baseClass, classNames: clses, sx, sxr, style, hover } = _a, props = __rest(_a, ["baseClass", "classNames", "sx", "sxr", "style", "hover"]);
+    const _css = Object.assign(Object.assign(Object.assign(Object.assign({}, (sxr || {})), (sx || {})), (style || {})), props);
+    if (hover) {
+        _css['&:hover'] = Object.assign(Object.assign({}, (_css['&:hover'] || {})), hover);
+    }
+    const styles = css(_css, {
         skipProps: (prop, _val, dept) => dept === 1 && !CSS_PROP_LIST[prop],
         injectStyle: typeof window !== 'undefined',
     });
-    let skipProps = style.skiped[style.classname] || [];
+    let skipProps = styles.skiped[styles.classname] || [];
     const _props = {};
     for (let prop of skipProps) {
         _props[prop] = props[prop];
     }
     _props.className = classNames([
         baseClass ? "xui-" + baseClass : "",
-        style.classname,
+        styles.classname,
         props.className,
         ...(clses || []),
     ]);
-    return { props: _props, style };
+    return { props: _props, style: styles };
 };export{useTagProps as default};//# sourceMappingURL=useTagProps.mjs.map

package/Tag/useTagProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTagProps.mjs","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["import { TagComponentType, TagProps, TagPropsRoot } from './types';\r\nimport cssPropList from './cssPropList';\r\nimport { css } from '../css';\r\nimport { classNames } from 'pretty-class';\r\nimport { CSSFactoryType } from 'oncss';\r\n\r\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\r\n   props: TagProps<T>,\r\n   style: CSSFactoryType\r\n}\r\n\r\nconst useTagProps = <T extends TagComponentType = \"div\">({ sxr, sx, baseClass, classNames: clses, hover, ...props }: TagPropsRoot<T>): useTagPropsReturn<T> => {\r\n   let _css: any = { ...sxr, ...sx, ...props }\r\n   if (hover) _css['&:hover'] = hover\r\n   const style = css(_css, {\r\n      skipProps: (prop, _val, dept): any => dept === 1 && !cssPropList[prop],\r\n      injectStyle: typeof window !== 'undefined',\r\n   })\r\n\r\n   let skipProps = style.skiped[style.classname as any] || []\r\n   const _props: any = {};\r\n   for (let prop of skipProps) {\r\n      _props[prop] = (props as any)[prop]\r\n   }\r\n   _props.className = classNames([\r\n      baseClass ? \"xui-\" + baseClass : \"\",\r\n      style.classname,\r\n      props.className,\r\n      ...(clses as any || []),\r\n   ])\r\n   return { props: _props, style };\r\n}\r\n\r\n\r\nexport default useTagProps"],"names":["cssPropList"],"mappings":"iJAWA,MAAM,WAAW,GAAG,CAAqC,EAA2E,KAA0B;AAArG,IAAA,IAAA,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAA,GAAA,EAA6B,EAAxB,KAAK,GAAA,MAAA,CAAA,EAAA,EAAxD,iDAA0D,CAAF;IAC9G,IAAI,IAAI,iDAAa,GAAG,CAAA,EAAK,EAAE,CAAA,EAAK,KAAK,CAAE;AAC3C,IAAA,IAAI,KAAK;AAAE,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,KAAK;AAClC,IAAA,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,EAAE;AACrB,QAAA,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,KAAU,IAAI,KAAK,CAAC,IAAI,CAACA,aAAW,CAAC,IAAI,CAAC;AACtE,QAAA,WAAW,EAAE,OAAO,MAAM,KAAK,WAAW;AAC5C,KAAA,CAAC;AAEF,IAAA,IAAI,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,SAAgB,CAAC,IAAI,EAAE;IAC1D,MAAM,MAAM,GAAQ,EAAE;AACtB,IAAA,KAAK,IAAI,IAAI,IAAI,SAAS,EAAE;QACzB,MAAM,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;IACtC;AACA,IAAA,MAAM,CAAC,SAAS,GAAG,UAAU,CAAC;QAC3B,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,EAAE;AACnC,QAAA,KAAK,CAAC,SAAS;AACf,QAAA,KAAK,CAAC,SAAS;AACf,QAAA,IAAI,KAAY,IAAI,EAAE,CAAC;AACzB,KAAA,CAAC;AACF,IAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;AAClC"}
+{"version":3,"file":"useTagProps.mjs","sources":["../../src/Tag/useTagProps.ts"],"sourcesContent":["import { TagComponentType, TagProps, TagPropsRoot } from './types';\r\nimport cssPropList from './cssPropList';\r\nimport { css } from '../css';\r\nimport { classNames } from 'pretty-class';\r\nimport { CSSFactoryType } from 'oncss';\r\n\r\nexport type useTagPropsReturn<T extends TagComponentType = \"div\"> = {\r\n   props: TagProps<T>,\r\n   style: CSSFactoryType\r\n}\r\n\r\nconst useTagProps = <T extends TagComponentType = \"div\">({ baseClass, classNames: clses, sx, sxr, style, hover, ...props }: TagPropsRoot<T>): useTagPropsReturn<T> => {\r\n   const _css: any = {\r\n      ...(sxr || {}),\r\n      ...(sx || {}),\r\n      ...(style || {}),\r\n      ...props\r\n   }\r\n\r\n   if (hover) {\r\n      _css['&:hover'] = { ...(_css['&:hover'] || {}), ...hover }\r\n   }\r\n\r\n   const styles = css(_css, {\r\n      skipProps: (prop, _val, dept): any => dept === 1 && !cssPropList[prop],\r\n      injectStyle: typeof window !== 'undefined',\r\n   })\r\n\r\n   let skipProps = styles.skiped[styles.classname as any] || []\r\n   const _props: any = {};\r\n   for (let prop of skipProps) {\r\n      _props[prop] = (props as any)[prop]\r\n   }\r\n   _props.className = classNames([\r\n      baseClass ? \"xui-\" + baseClass : \"\",\r\n      styles.classname,\r\n      props.className,\r\n      ...(clses as any || []),\r\n   ])\r\n   return { props: _props, style: styles };\r\n}\r\n\r\n\r\nexport default useTagProps"],"names":["cssPropList"],"mappings":"iJAWA,MAAM,WAAW,GAAG,CAAqC,EAAkF,KAA0B;AAA5G,IAAA,IAAA,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAA,GAAA,EAA6B,EAAxB,KAAK,GAAA,MAAA,CAAA,EAAA,EAA/D,0DAAiE,CAAF;IACrH,MAAM,IAAI,gEACH,GAAG,IAAI,EAAE,EAAC,GACV,EAAE,IAAI,EAAE,EAAC,GACT,KAAK,IAAI,EAAE,EAAC,EACb,KAAK,CACV;IAED,IAAI,KAAK,EAAE;AACR,QAAA,IAAI,CAAC,SAAS,CAAC,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAS,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAC,EAAK,KAAK,CAAE;IAC7D;AAEA,IAAA,MAAM,MAAM,GAAG,GAAG,CAAC,IAAI,EAAE;AACtB,QAAA,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,KAAU,IAAI,KAAK,CAAC,IAAI,CAACA,aAAW,CAAC,IAAI,CAAC;AACtE,QAAA,WAAW,EAAE,OAAO,MAAM,KAAK,WAAW;AAC5C,KAAA,CAAC;AAEF,IAAA,IAAI,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,SAAgB,CAAC,IAAI,EAAE;IAC5D,MAAM,MAAM,GAAQ,EAAE;AACtB,IAAA,KAAK,IAAI,IAAI,IAAI,SAAS,EAAE;QACzB,MAAM,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;IACtC;AACA,IAAA,MAAM,CAAC,SAAS,GAAG,UAAU,CAAC;QAC3B,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,EAAE;AACnC,QAAA,MAAM,CAAC,SAAS;AAChB,QAAA,KAAK,CAAC,SAAS;AACf,QAAA,IAAI,KAAY,IAAI,EAAE,CAAC;AACzB,KAAA,CAAC;IACF,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC1C"}

package/breakpoint/BreakpointProvider.js

@@ -1,10 +1,9 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var jsxRuntime=require('react/jsx-runtime'),React=require('react'),isWindow=require('../isWindow.js'),index=require('../css/index.js');const BreakpointCtx = React.createContext("xs");
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var jsxRuntime=require('react/jsx-runtime'),React=require('react'),index=require('../css/index.js');const BreakpointCtx = React.createContext("xs");
 /**
  * SSR-safe breakpoint detection
  */
 const getKey = () => {
-    if (!isWindow.default()) {
-        // Server fallback (mobile-first)
+    if (typeof window === 'undefined') {
         return "xs";
     }
     const width = window.innerWidth;

package/breakpoint/BreakpointProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreakpointProvider.js","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState, useCallback } from \"react\";\r\nimport isWindow from \"../isWindow\";\r\nimport { breakpoints } from \"../css\";\r\nimport { BreakpointKeys } from \"../css/types\";\r\n\r\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xs\");\r\n\r\n/**\r\n * SSR-safe breakpoint detection\r\n */\r\nconst getKey = (): BreakpointKeys => {\r\n    if (!isWindow()) {\r\n        // Server fallback (mobile-first)\r\n        return \"xs\";\r\n    }\r\n\r\n    const width = window.innerWidth;\r\n\r\n    if (width < breakpoints.sm) return \"xs\";\r\n    if (width < breakpoints.md) return \"sm\";\r\n    if (width < breakpoints.lg) return \"md\";\r\n    if (width < breakpoints.xl) return \"lg\";\r\n    return \"xl\";\r\n};\r\n\r\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\r\n    const [current, setCurrent] = useState<BreakpointKeys>(\"xl\");\r\n\r\n    const handler = useCallback(() => {\r\n        const newKey = getKey();\r\n        setCurrent(prev => (prev === newKey ? prev : newKey));\r\n    }, []);\r\n\r\n    React.useEffect(() => {\r\n        window.addEventListener(\"resize\", handler);\r\n        handler(); // detect on mount\r\n        return () => window.removeEventListener(\"resize\", handler);\r\n    }, [handler]);\r\n\r\n    return (\r\n        <BreakpointCtx.Provider value={current}>\r\n            {children}\r\n        </BreakpointCtx.Provider>\r\n    );\r\n};\r\n"],"names":["isWindow","breakpoints","useState","useCallback","_jsx"],"mappings":"6MAKO,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAiB,IAAI;AAErE;;AAEG;AACH,MAAM,MAAM,GAAG,MAAqB;AAChC,IAAA,IAAI,CAACA,gBAAQ,EAAE,EAAE;;AAEb,QAAA,OAAO,IAAI;IACf;AAEA,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU;AAE/B,IAAA,IAAI,KAAK,GAAGC,iBAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,OAAO,IAAI;AACf,CAAC;MAEY,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAA4B,KAAI;IACzE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAiB,IAAI,CAAC;AAE5D,IAAA,MAAM,OAAO,GAAGC,iBAAW,CAAC,MAAK;AAC7B,QAAA,MAAM,MAAM,GAAG,MAAM,EAAE;AACvB,QAAA,UAAU,CAAC,IAAI,KAAK,IAAI,KAAK,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACjB,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC;QAC1C,OAAO,EAAE,CAAC;QACV,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AAC9D,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACIC,cAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACjC,QAAQ,EAAA,CACY;AAEjC"}
+{"version":3,"file":"BreakpointProvider.js","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState, useCallback } from \"react\";\r\nimport { breakpoints } from \"../css\";\r\nimport { BreakpointKeys } from \"../css/types\";\r\n\r\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xs\");\r\n\r\n/**\r\n * SSR-safe breakpoint detection\r\n */\r\nconst getKey = (): BreakpointKeys => {\r\n    if (typeof window === 'undefined') {\r\n        return \"xs\";\r\n    }\r\n\r\n    const width = window.innerWidth;\r\n\r\n    if (width < breakpoints.sm) return \"xs\";\r\n    if (width < breakpoints.md) return \"sm\";\r\n    if (width < breakpoints.lg) return \"md\";\r\n    if (width < breakpoints.xl) return \"lg\";\r\n    return \"xl\";\r\n};\r\n\r\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\r\n    const [current, setCurrent] = useState<BreakpointKeys>(\"xl\");\r\n\r\n    const handler = useCallback(() => {\r\n        const newKey = getKey();\r\n        setCurrent(prev => (prev === newKey ? prev : newKey));\r\n    }, []);\r\n\r\n    React.useEffect(() => {\r\n        window.addEventListener(\"resize\", handler);\r\n        handler(); // detect on mount\r\n        return () => window.removeEventListener(\"resize\", handler);\r\n    }, [handler]);\r\n\r\n    return (\r\n        <BreakpointCtx.Provider value={current}>\r\n            {children}\r\n        </BreakpointCtx.Provider>\r\n    );\r\n};\r\n"],"names":["breakpoints","useState","useCallback","_jsx"],"mappings":"0KAIO,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAiB,IAAI;AAErE;;AAEG;AACH,MAAM,MAAM,GAAG,MAAqB;AAChC,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAC/B,QAAA,OAAO,IAAI;IACf;AAEA,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU;AAE/B,IAAA,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,OAAO,IAAI;AACf,CAAC;MAEY,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAA4B,KAAI;IACzE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAiB,IAAI,CAAC;AAE5D,IAAA,MAAM,OAAO,GAAGC,iBAAW,CAAC,MAAK;AAC7B,QAAA,MAAM,MAAM,GAAG,MAAM,EAAE;AACvB,QAAA,UAAU,CAAC,IAAI,KAAK,IAAI,KAAK,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACjB,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC;QAC1C,OAAO,EAAE,CAAC;QACV,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AAC9D,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACIC,cAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACjC,QAAQ,EAAA,CACY;AAEjC"}

package/breakpoint/BreakpointProvider.mjs

@@ -1,10 +1,9 @@
-import {jsx}from'react/jsx-runtime';import React__default,{useState,useCallback}from'react';import isWindow from'../isWindow.mjs';import {breakpoints}from'../css/index.mjs';const BreakpointCtx = React__default.createContext("xs");
+import {jsx}from'react/jsx-runtime';import React__default,{useState,useCallback}from'react';import {breakpoints}from'../css/index.mjs';const BreakpointCtx = React__default.createContext("xs");
 /**
  * SSR-safe breakpoint detection
  */
 const getKey = () => {
-    if (!isWindow()) {
-        // Server fallback (mobile-first)
+    if (typeof window === 'undefined') {
         return "xs";
     }
     const width = window.innerWidth;

package/breakpoint/BreakpointProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreakpointProvider.mjs","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState, useCallback } from \"react\";\r\nimport isWindow from \"../isWindow\";\r\nimport { breakpoints } from \"../css\";\r\nimport { BreakpointKeys } from \"../css/types\";\r\n\r\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xs\");\r\n\r\n/**\r\n * SSR-safe breakpoint detection\r\n */\r\nconst getKey = (): BreakpointKeys => {\r\n    if (!isWindow()) {\r\n        // Server fallback (mobile-first)\r\n        return \"xs\";\r\n    }\r\n\r\n    const width = window.innerWidth;\r\n\r\n    if (width < breakpoints.sm) return \"xs\";\r\n    if (width < breakpoints.md) return \"sm\";\r\n    if (width < breakpoints.lg) return \"md\";\r\n    if (width < breakpoints.xl) return \"lg\";\r\n    return \"xl\";\r\n};\r\n\r\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\r\n    const [current, setCurrent] = useState<BreakpointKeys>(\"xl\");\r\n\r\n    const handler = useCallback(() => {\r\n        const newKey = getKey();\r\n        setCurrent(prev => (prev === newKey ? prev : newKey));\r\n    }, []);\r\n\r\n    React.useEffect(() => {\r\n        window.addEventListener(\"resize\", handler);\r\n        handler(); // detect on mount\r\n        return () => window.removeEventListener(\"resize\", handler);\r\n    }, [handler]);\r\n\r\n    return (\r\n        <BreakpointCtx.Provider value={current}>\r\n            {children}\r\n        </BreakpointCtx.Provider>\r\n    );\r\n};\r\n"],"names":["React","_jsx"],"mappings":"6KAKO,MAAM,aAAa,GAAGA,cAAK,CAAC,aAAa,CAAiB,IAAI;AAErE;;AAEG;AACH,MAAM,MAAM,GAAG,MAAqB;AAChC,IAAA,IAAI,CAAC,QAAQ,EAAE,EAAE;;AAEb,QAAA,OAAO,IAAI;IACf;AAEA,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU;AAE/B,IAAA,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,OAAO,IAAI;AACf,CAAC;MAEY,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAA4B,KAAI;IACzE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC;AAE5D,IAAA,MAAM,OAAO,GAAG,WAAW,CAAC,MAAK;AAC7B,QAAA,MAAM,MAAM,GAAG,MAAM,EAAE;AACvB,QAAA,UAAU,CAAC,IAAI,KAAK,IAAI,KAAK,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC;AAEN,IAAAA,cAAK,CAAC,SAAS,CAAC,MAAK;AACjB,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC;QAC1C,OAAO,EAAE,CAAC;QACV,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AAC9D,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACIC,GAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACjC,QAAQ,EAAA,CACY;AAEjC"}
+{"version":3,"file":"BreakpointProvider.mjs","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState, useCallback } from \"react\";\r\nimport { breakpoints } from \"../css\";\r\nimport { BreakpointKeys } from \"../css/types\";\r\n\r\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xs\");\r\n\r\n/**\r\n * SSR-safe breakpoint detection\r\n */\r\nconst getKey = (): BreakpointKeys => {\r\n    if (typeof window === 'undefined') {\r\n        return \"xs\";\r\n    }\r\n\r\n    const width = window.innerWidth;\r\n\r\n    if (width < breakpoints.sm) return \"xs\";\r\n    if (width < breakpoints.md) return \"sm\";\r\n    if (width < breakpoints.lg) return \"md\";\r\n    if (width < breakpoints.xl) return \"lg\";\r\n    return \"xl\";\r\n};\r\n\r\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\r\n    const [current, setCurrent] = useState<BreakpointKeys>(\"xl\");\r\n\r\n    const handler = useCallback(() => {\r\n        const newKey = getKey();\r\n        setCurrent(prev => (prev === newKey ? prev : newKey));\r\n    }, []);\r\n\r\n    React.useEffect(() => {\r\n        window.addEventListener(\"resize\", handler);\r\n        handler(); // detect on mount\r\n        return () => window.removeEventListener(\"resize\", handler);\r\n    }, [handler]);\r\n\r\n    return (\r\n        <BreakpointCtx.Provider value={current}>\r\n            {children}\r\n        </BreakpointCtx.Provider>\r\n    );\r\n};\r\n"],"names":["React","_jsx"],"mappings":"uIAIO,MAAM,aAAa,GAAGA,cAAK,CAAC,aAAa,CAAiB,IAAI;AAErE;;AAEG;AACH,MAAM,MAAM,GAAG,MAAqB;AAChC,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAC/B,QAAA,OAAO,IAAI;IACf;AAEA,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU;AAE/B,IAAA,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,OAAO,IAAI;AACf,CAAC;MAEY,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAA4B,KAAI;IACzE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC;AAE5D,IAAA,MAAM,OAAO,GAAG,WAAW,CAAC,MAAK;AAC7B,QAAA,MAAM,MAAM,GAAG,MAAM,EAAE;AACvB,QAAA,UAAU,CAAC,IAAI,KAAK,IAAI,KAAK,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC;AAEN,IAAAA,cAAK,CAAC,SAAS,CAAC,MAAK;AACjB,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC;QAC1C,OAAO,EAAE,CAAC;QACV,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AAC9D,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACIC,GAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACjC,QAAQ,EAAA,CACY;AAEjC"}

package/breakpoint/useBreakpoint.js

@@ -1,6 +1,6 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var React=require('react'),BreakpointProvider=require('./BreakpointProvider.js'),isWindow=require('../isWindow.js'),index=require('../css/index.js');const useBreakpoint = () => {
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var React=require('react'),BreakpointProvider=require('./BreakpointProvider.js'),index=require('../css/index.js');const useBreakpoint = () => {
     const value = React.useContext(BreakpointProvider.BreakpointCtx);
-    const getWidth = () => isWindow.default() ? window.innerWidth : 99999;
+    const getWidth = () => typeof window !== 'undefined' ? window.innerWidth : 99999;
     const is = (key) => value === key;
     const isUp = (key) => getWidth() >= index.breakpoints[key];
     const isDown = (key) => getWidth() < index.breakpoints[key];

package/breakpoint/useBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.js","sources":["../../src/breakpoint/useBreakpoint.ts"],"sourcesContent":["import { useContext } from \"react\"\r\nimport { BreakpointCtx } from \"./BreakpointProvider\"\r\nimport isWindow from \"../isWindow\"\r\nimport { breakpoints } from \"../css\"\r\nimport { BreakpointKeys } from \"../css/types\"\r\n\r\nconst useBreakpoint = () => {\r\n   const value = useContext(BreakpointCtx)\r\n   const getWidth = () => isWindow() ? window.innerWidth : 99999\r\n   const is = (key: BreakpointKeys) => value === key\r\n   const isUp = (key: BreakpointKeys) => getWidth() >= breakpoints[key]\r\n   const isDown = (key: BreakpointKeys) => getWidth() < breakpoints[key]\r\n\r\n   return {\r\n      value,\r\n      is,\r\n      isUp,\r\n      isDown,\r\n      isOrUp: (key: BreakpointKeys) => is(key) || isUp(key),\r\n      isOrDown: (key: BreakpointKeys) => is(key) || isDown(key)\r\n   }\r\n}\r\n\r\nexport default useBreakpoint\r\n"],"names":["useContext","BreakpointCtx","isWindow","breakpoints"],"mappings":"2NAMA,MAAM,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,KAAK,GAAGA,gBAAU,CAACC,gCAAa,CAAC;AACvC,IAAA,MAAM,QAAQ,GAAG,MAAMC,gBAAQ,EAAE,GAAG,MAAM,CAAC,UAAU,GAAG,KAAK;IAC7D,MAAM,EAAE,GAAG,CAAC,GAAmB,KAAK,KAAK,KAAK,GAAG;AACjD,IAAA,MAAM,IAAI,GAAG,CAAC,GAAmB,KAAK,QAAQ,EAAE,IAAIC,iBAAW,CAAC,GAAG,CAAC;AACpE,IAAA,MAAM,MAAM,GAAG,CAAC,GAAmB,KAAK,QAAQ,EAAE,GAAGA,iBAAW,CAAC,GAAG,CAAC;IAErE,OAAO;QACJ,KAAK;QACL,EAAE;QACF,IAAI;QACJ,MAAM;AACN,QAAA,MAAM,EAAE,CAAC,GAAmB,KAAK,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC;AACrD,QAAA,QAAQ,EAAE,CAAC,GAAmB,KAAK,EAAE,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG;KAC1D;AACJ"}
+{"version":3,"file":"useBreakpoint.js","sources":["../../src/breakpoint/useBreakpoint.ts"],"sourcesContent":["import { useContext } from \"react\"\r\nimport { BreakpointCtx } from \"./BreakpointProvider\"\r\nimport { breakpoints } from \"../css\"\r\nimport { BreakpointKeys } from \"../css/types\"\r\n\r\nconst useBreakpoint = () => {\r\n   const value = useContext(BreakpointCtx)\r\n   const getWidth = () => typeof window !== 'undefined' ? window.innerWidth : 99999\r\n   const is = (key: BreakpointKeys) => value === key\r\n   const isUp = (key: BreakpointKeys) => getWidth() >= breakpoints[key]\r\n   const isDown = (key: BreakpointKeys) => getWidth() < breakpoints[key]\r\n\r\n   return {\r\n      value,\r\n      is,\r\n      isUp,\r\n      isDown,\r\n      isOrUp: (key: BreakpointKeys) => is(key) || isUp(key),\r\n      isOrDown: (key: BreakpointKeys) => is(key) || isDown(key)\r\n   }\r\n}\r\n\r\nexport default useBreakpoint\r\n"],"names":["useContext","BreakpointCtx","breakpoints"],"mappings":"wLAKA,MAAM,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,KAAK,GAAGA,gBAAU,CAACC,gCAAa,CAAC;AACvC,IAAA,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,UAAU,GAAG,KAAK;IAChF,MAAM,EAAE,GAAG,CAAC,GAAmB,KAAK,KAAK,KAAK,GAAG;AACjD,IAAA,MAAM,IAAI,GAAG,CAAC,GAAmB,KAAK,QAAQ,EAAE,IAAIC,iBAAW,CAAC,GAAG,CAAC;AACpE,IAAA,MAAM,MAAM,GAAG,CAAC,GAAmB,KAAK,QAAQ,EAAE,GAAGA,iBAAW,CAAC,GAAG,CAAC;IAErE,OAAO;QACJ,KAAK;QACL,EAAE;QACF,IAAI;QACJ,MAAM;AACN,QAAA,MAAM,EAAE,CAAC,GAAmB,KAAK,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC;AACrD,QAAA,QAAQ,EAAE,CAAC,GAAmB,KAAK,EAAE,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG;KAC1D;AACJ"}

package/breakpoint/useBreakpoint.mjs

@@ -1,6 +1,6 @@
-import {useContext}from'react';import {BreakpointCtx}from'./BreakpointProvider.mjs';import isWindow from'../isWindow.mjs';import {breakpoints}from'../css/index.mjs';const useBreakpoint = () => {
+import {useContext}from'react';import {BreakpointCtx}from'./BreakpointProvider.mjs';import {breakpoints}from'../css/index.mjs';const useBreakpoint = () => {
     const value = useContext(BreakpointCtx);
-    const getWidth = () => isWindow() ? window.innerWidth : 99999;
+    const getWidth = () => typeof window !== 'undefined' ? window.innerWidth : 99999;
     const is = (key) => value === key;
     const isUp = (key) => getWidth() >= breakpoints[key];
     const isDown = (key) => getWidth() < breakpoints[key];

package/breakpoint/useBreakpoint.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.mjs","sources":["../../src/breakpoint/useBreakpoint.ts"],"sourcesContent":["import { useContext } from \"react\"\r\nimport { BreakpointCtx } from \"./BreakpointProvider\"\r\nimport isWindow from \"../isWindow\"\r\nimport { breakpoints } from \"../css\"\r\nimport { BreakpointKeys } from \"../css/types\"\r\n\r\nconst useBreakpoint = () => {\r\n   const value = useContext(BreakpointCtx)\r\n   const getWidth = () => isWindow() ? window.innerWidth : 99999\r\n   const is = (key: BreakpointKeys) => value === key\r\n   const isUp = (key: BreakpointKeys) => getWidth() >= breakpoints[key]\r\n   const isDown = (key: BreakpointKeys) => getWidth() < breakpoints[key]\r\n\r\n   return {\r\n      value,\r\n      is,\r\n      isUp,\r\n      isDown,\r\n      isOrUp: (key: BreakpointKeys) => is(key) || isUp(key),\r\n      isOrDown: (key: BreakpointKeys) => is(key) || isDown(key)\r\n   }\r\n}\r\n\r\nexport default useBreakpoint\r\n"],"names":[],"mappings":"qKAMA,MAAM,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,KAAK,GAAG,UAAU,CAAC,aAAa,CAAC;AACvC,IAAA,MAAM,QAAQ,GAAG,MAAM,QAAQ,EAAE,GAAG,MAAM,CAAC,UAAU,GAAG,KAAK;IAC7D,MAAM,EAAE,GAAG,CAAC,GAAmB,KAAK,KAAK,KAAK,GAAG;AACjD,IAAA,MAAM,IAAI,GAAG,CAAC,GAAmB,KAAK,QAAQ,EAAE,IAAI,WAAW,CAAC,GAAG,CAAC;AACpE,IAAA,MAAM,MAAM,GAAG,CAAC,GAAmB,KAAK,QAAQ,EAAE,GAAG,WAAW,CAAC,GAAG,CAAC;IAErE,OAAO;QACJ,KAAK;QACL,EAAE;QACF,IAAI;QACJ,MAAM;AACN,QAAA,MAAM,EAAE,CAAC,GAAmB,KAAK,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC;AACrD,QAAA,QAAQ,EAAE,CAAC,GAAmB,KAAK,EAAE,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG;KAC1D;AACJ"}
+{"version":3,"file":"useBreakpoint.mjs","sources":["../../src/breakpoint/useBreakpoint.ts"],"sourcesContent":["import { useContext } from \"react\"\r\nimport { BreakpointCtx } from \"./BreakpointProvider\"\r\nimport { breakpoints } from \"../css\"\r\nimport { BreakpointKeys } from \"../css/types\"\r\n\r\nconst useBreakpoint = () => {\r\n   const value = useContext(BreakpointCtx)\r\n   const getWidth = () => typeof window !== 'undefined' ? window.innerWidth : 99999\r\n   const is = (key: BreakpointKeys) => value === key\r\n   const isUp = (key: BreakpointKeys) => getWidth() >= breakpoints[key]\r\n   const isDown = (key: BreakpointKeys) => getWidth() < breakpoints[key]\r\n\r\n   return {\r\n      value,\r\n      is,\r\n      isUp,\r\n      isDown,\r\n      isOrUp: (key: BreakpointKeys) => is(key) || isUp(key),\r\n      isOrDown: (key: BreakpointKeys) => is(key) || isDown(key)\r\n   }\r\n}\r\n\r\nexport default useBreakpoint\r\n"],"names":[],"mappings":"+HAKA,MAAM,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,KAAK,GAAG,UAAU,CAAC,aAAa,CAAC;AACvC,IAAA,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,KAAK,WAAW,GAAG,MAAM,CAAC,UAAU,GAAG,KAAK;IAChF,MAAM,EAAE,GAAG,CAAC,GAAmB,KAAK,KAAK,KAAK,GAAG;AACjD,IAAA,MAAM,IAAI,GAAG,CAAC,GAAmB,KAAK,QAAQ,EAAE,IAAI,WAAW,CAAC,GAAG,CAAC;AACpE,IAAA,MAAM,MAAM,GAAG,CAAC,GAAmB,KAAK,QAAQ,EAAE,GAAG,WAAW,CAAC,GAAG,CAAC;IAErE,OAAO;QACJ,KAAK;QACL,EAAE;QACF,IAAI;QACJ,MAAM;AACN,QAAA,MAAM,EAAE,CAAC,GAAmB,KAAK,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC;AACrD,QAAA,QAAQ,EAAE,CAAC,GAAmB,KAAK,EAAE,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG;KAC1D;AACJ"}

package/index.d.ts

@@ -4,8 +4,6 @@ export { UseAnimationProps, animationEases, default as useAnimation } from './ho
 export { UseColorTemplateType, default as useColorTemplate } from './hooks/useColorTemplate.js';
 export { default as useBreakpoint } from './breakpoint/useBreakpoint.js';
 export { default as useBreakpointProps, useBreakpointPropsType } from './breakpoint/useBreakpointProps.js';
-export { default as RenderServerStyles } from './RenderServerStyles.js';
-export { default as isWindow } from './isWindow.js';
 export { default as useInterface } from './hooks/useInterface.js';
 export { default as Transition, TransitionElementProps, TransitionProps, TransitionState, TransitionVariantTypes } from './Transition/index.js';
 export { default as useScrollbar } from './hooks/useScrollbar.js';

package/index.js

@@ -1 +1 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var index$1=require('./Tag/index.js'),useTagProps=require('./Tag/useTagProps.js'),useAnimation=require('./hooks/useAnimation.js'),useColorTemplate=require('./hooks/useColorTemplate.js'),useBreakpoint=require('./breakpoint/useBreakpoint.js'),useBreakpointProps=require('./breakpoint/useBreakpointProps.js'),RenderServerStyles=require('./RenderServerStyles.js'),isWindow=require('./isWindow.js'),useInterface=require('./hooks/useInterface.js'),index$2=require('./Transition/index.js'),useScrollbar=require('./hooks/useScrollbar.js'),index=require('./AppRoot/index.js'),usePortal=require('./hooks/usePortal.js'),Renderar=require('./AppRoot/Renderar.js'),index$3=require('./css/index.js'),index$4=require('./theme/index.js'),getValue=require('./css/getValue.js'),getProps=require('./css/getProps.js'),ThemeProvider=require('./theme/ThemeProvider.js'),createThemeSwitcher=require('./theme/createThemeSwitcher.js'),createTheme=require('./theme/createTheme.js'),core=require('./theme/core.js');exports.Tag=index$1.default;exports.useTagProps=useTagProps.default;exports.animationEases=useAnimation.animationEases;exports.useAnimation=useAnimation.default;exports.useColorTemplate=useColorTemplate.default;exports.useBreakpoint=useBreakpoint.default;exports.useBreakpointProps=useBreakpointProps.default;exports.RenderServerStyles=RenderServerStyles.default;exports.isWindow=isWindow.default;exports.useInterface=useInterface.default;exports.Transition=index$2.default;exports.useScrollbar=useScrollbar.default;exports.AppRoot=index.default;exports.appRootElement=index.appRootElement;exports.usePortal=usePortal.usePortal;exports.Renderar=Renderar.Renderar;exports.adjustColor=index$3.adjustColor;exports.adjustTextContrast=index$3.adjustTextContrast;exports.alpha=index$3.alpha;exports.breakpoints=index$3.breakpoints;exports.css=index$3.css;exports.themeRootClass=index$4.themeRootClass;exports.getValue=getValue.default;exports.getProps=getProps.default;exports.ThemeProvider=ThemeProvider.default;exports.createThemeSwitcher=createThemeSwitcher.default;exports.createTheme=createTheme.createTheme;exports.getTheme=core.getTheme;exports.useTheme=core.useTheme;//# sourceMappingURL=index.js.map
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var index$1=require('./Tag/index.js'),useTagProps=require('./Tag/useTagProps.js'),useAnimation=require('./hooks/useAnimation.js'),useColorTemplate=require('./hooks/useColorTemplate.js'),useBreakpoint=require('./breakpoint/useBreakpoint.js'),useBreakpointProps=require('./breakpoint/useBreakpointProps.js'),useInterface=require('./hooks/useInterface.js'),index$2=require('./Transition/index.js'),useScrollbar=require('./hooks/useScrollbar.js'),index=require('./AppRoot/index.js'),usePortal=require('./hooks/usePortal.js'),Renderar=require('./AppRoot/Renderar.js'),index$3=require('./css/index.js'),index$4=require('./theme/index.js'),getValue=require('./css/getValue.js'),getProps=require('./css/getProps.js'),ThemeProvider=require('./theme/ThemeProvider.js'),createThemeSwitcher=require('./theme/createThemeSwitcher.js'),createTheme=require('./theme/createTheme.js'),core=require('./theme/core.js');exports.Tag=index$1.default;exports.useTagProps=useTagProps.default;exports.animationEases=useAnimation.animationEases;exports.useAnimation=useAnimation.default;exports.useColorTemplate=useColorTemplate.default;exports.useBreakpoint=useBreakpoint.default;exports.useBreakpointProps=useBreakpointProps.default;exports.useInterface=useInterface.default;exports.Transition=index$2.default;exports.useScrollbar=useScrollbar.default;exports.AppRoot=index.default;exports.appRootElement=index.appRootElement;exports.usePortal=usePortal.usePortal;exports.Renderar=Renderar.Renderar;exports.adjustColor=index$3.adjustColor;exports.adjustTextContrast=index$3.adjustTextContrast;exports.alpha=index$3.alpha;exports.breakpoints=index$3.breakpoints;exports.css=index$3.css;exports.themeRootClass=index$4.themeRootClass;exports.getValue=getValue.default;exports.getProps=getProps.default;exports.ThemeProvider=ThemeProvider.default;exports.createThemeSwitcher=createThemeSwitcher.default;exports.createTheme=createTheme.createTheme;exports.getTheme=core.getTheme;exports.useTheme=core.useTheme;//# sourceMappingURL=index.js.map

package/index.mjs

@@ -1 +1 @@
-export{default as Tag}from'./Tag/index.mjs';export{default as useTagProps}from'./Tag/useTagProps.mjs';export{animationEases,default as useAnimation}from'./hooks/useAnimation.mjs';export{default as useColorTemplate}from'./hooks/useColorTemplate.mjs';export{default as useBreakpoint}from'./breakpoint/useBreakpoint.mjs';export{default as useBreakpointProps}from'./breakpoint/useBreakpointProps.mjs';export{default as RenderServerStyles}from'./RenderServerStyles.mjs';export{default as isWindow}from'./isWindow.mjs';export{default as useInterface}from'./hooks/useInterface.mjs';export{default as Transition}from'./Transition/index.mjs';export{default as useScrollbar}from'./hooks/useScrollbar.mjs';export{default as AppRoot,appRootElement}from'./AppRoot/index.mjs';export{usePortal}from'./hooks/usePortal.mjs';export{Renderar}from'./AppRoot/Renderar.mjs';export{adjustColor,adjustTextContrast,alpha,breakpoints,css}from'./css/index.mjs';export{themeRootClass}from'./theme/index.mjs';export{default as getValue}from'./css/getValue.mjs';export{default as getProps}from'./css/getProps.mjs';export{default as ThemeProvider}from'./theme/ThemeProvider.mjs';export{default as createThemeSwitcher}from'./theme/createThemeSwitcher.mjs';export{createTheme}from'./theme/createTheme.mjs';export{getTheme,useTheme}from'./theme/core.mjs';//# sourceMappingURL=index.mjs.map
+export{default as Tag}from'./Tag/index.mjs';export{default as useTagProps}from'./Tag/useTagProps.mjs';export{animationEases,default as useAnimation}from'./hooks/useAnimation.mjs';export{default as useColorTemplate}from'./hooks/useColorTemplate.mjs';export{default as useBreakpoint}from'./breakpoint/useBreakpoint.mjs';export{default as useBreakpointProps}from'./breakpoint/useBreakpointProps.mjs';export{default as useInterface}from'./hooks/useInterface.mjs';export{default as Transition}from'./Transition/index.mjs';export{default as useScrollbar}from'./hooks/useScrollbar.mjs';export{default as AppRoot,appRootElement}from'./AppRoot/index.mjs';export{usePortal}from'./hooks/usePortal.mjs';export{Renderar}from'./AppRoot/Renderar.mjs';export{adjustColor,adjustTextContrast,alpha,breakpoints,css}from'./css/index.mjs';export{themeRootClass}from'./theme/index.mjs';export{default as getValue}from'./css/getValue.mjs';export{default as getProps}from'./css/getProps.mjs';export{default as ThemeProvider}from'./theme/ThemeProvider.mjs';export{default as createThemeSwitcher}from'./theme/createThemeSwitcher.mjs';export{createTheme}from'./theme/createTheme.mjs';export{getTheme,useTheme}from'./theme/core.mjs';//# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xanui/core",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "description": "",
   "private": false,
   "main": "./index.js",
@@ -10,7 +10,7 @@
   "dependencies": {
     "oncss": "^1.2.4",
     "pretty-class": "^1.0.8",
-    "react-state-bucket": "^1.2.4"
+    "react-state-bucket": "^1.2.5"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",

package/theme/ThemeProvider.js

@@ -20,7 +20,7 @@ const ThemeProvider = (_a) => {
             injectStyle: typeof window !== 'undefined'
         });
     }, [theme]);
-    return (jsxRuntime.jsxs(core.ThemeContex.Provider, { value: theme, children: [typeof window === 'undefined' && jsxRuntime.jsx("style", { precedence: globalStyle.classname, href: globalStyle.classname, dangerouslySetInnerHTML: { __html: globalStyle.css } }), jsxRuntime.jsx(index$1.default, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.common.primary, color: THEME.colors.common.text.primary, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { sxr: {
+    return (jsxRuntime.jsxs(core.ThemeContex.Provider, { value: theme, children: [typeof window === 'undefined' && jsxRuntime.jsx("style", { precedence: globalStyle.classname, href: globalStyle.classname, dangerouslySetInnerHTML: { __html: globalStyle.css } }), jsxRuntime.jsx(index$1.default, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.common.primary, color: THEME.colors.common.text.primary, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight, fontFamily: `system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif` }, props, { sxr: {
                     "& a": {
                         color: THEME.colors.brand.primary || 'inherit',
                     },

package/theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { ThemeOptions } from \"./types\"\r\nimport Tag from \"../Tag\"\r\nimport { TagComponentType, TagProps } from \"../Tag/types\"\r\nimport { ThemeContex, ThemeFactory } from \"./core\"\r\nimport ThemeCssVars from \"./ThemeCssVars\"\r\nimport { css } from \"../css\"\r\nimport { createTheme } from \"./createTheme\"\r\nimport { darkThemeOptions, lightThemeOptions } from \"./ThemeDefaultOptions\"\r\n\r\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\r\n   theme: string;\r\n}\r\n\r\ncreateTheme(\"light\", lightThemeOptions)\r\ncreateTheme(\"dark\", darkThemeOptions)\r\n\r\nconst ThemeProvider = <T extends TagComponentType = 'div'>({ children, theme, ...props }: ThemeProviderProps<T>) => {\r\n   let THEME = ThemeFactory.get(theme) as ThemeOptions\r\n   if (!THEME) {\r\n      console.error(`ThemeProvider: The theme '${theme}' is not defined. Please make sure to use a valid theme name.`)\r\n      THEME = ThemeFactory.get(\"light\") as ThemeOptions\r\n   }\r\n\r\n   const globalStyle: any = React.useMemo(() => {\r\n      const root_cls = `.xui-${theme}-theme-root`\r\n      let gkeys = Object.keys(THEME.globalStyle || {})\r\n      let gstyles: any = {}\r\n      gkeys.forEach((key) => {\r\n         gstyles[`${root_cls} ${key}`] = THEME.globalStyle[key as any]\r\n      })\r\n\r\n      return css({\r\n         \"@global\": {\r\n            ...gstyles,\r\n            [root_cls]: ThemeCssVars(THEME)\r\n         }\r\n      }, {\r\n         injectStyle: typeof window !== 'undefined'\r\n      })\r\n   }, [theme])\r\n\r\n   return (\r\n      <ThemeContex.Provider value={theme}>\r\n         {\r\n            typeof window === 'undefined' && <style\r\n               precedence={globalStyle.classname}\r\n               href={globalStyle.classname}\r\n               dangerouslySetInnerHTML={{ __html: globalStyle.css }}\r\n            />\r\n         }\r\n         <Tag\r\n            minHeight=\"100%\"\r\n            bgcolor={THEME.colors.common.primary}\r\n            color={THEME.colors.common.text.primary}\r\n            fontSize={THEME.typography.text.fontSize}\r\n            fontWeight={THEME.typography.text.fontWeight}\r\n            lineHeight={THEME.typography.text.lineHeight}\r\n            {...props}\r\n            sxr={{\r\n               \"& a\": {\r\n                  color: THEME.colors.brand.primary || 'inherit',\r\n               },\r\n            }}\r\n            baseClass={`${theme}-theme-root`}\r\n            direction={THEME.rtl ? \"rtl\" : \"ltr\"}\r\n         >\r\n            {children}\r\n         </Tag>\r\n      </ThemeContex.Provider>\r\n   )\r\n}\r\n\r\nexport default ThemeProvider"],"names":["createTheme","lightThemeOptions","darkThemeOptions","__rest","ThemeFactory","React","css","ThemeCssVars","_jsxs","ThemeContex","_jsx","Tag"],"mappings":"wuBAcAA,uBAAW,CAAC,OAAO,EAAEC,qCAAiB,CAAC;AACvCD,uBAAW,CAAC,MAAM,EAAEE,oCAAgB,CAAC;AAErC,MAAM,aAAa,GAAG,CAAqC,EAAoD,KAAI;QAAxD,EAAE,QAAQ,EAAE,KAAK,EAAA,GAAA,EAAmC,EAA9B,KAAK,GAAAC,YAAA,CAAA,EAAA,EAA3B,qBAA6B,CAAF;IACnF,IAAI,KAAK,GAAGC,iBAAY,CAAC,GAAG,CAAC,KAAK,CAAiB;IACnD,IAAI,CAAC,KAAK,EAAE;AACT,QAAA,OAAO,CAAC,KAAK,CAAC,6BAA6B,KAAK,CAAA,6DAAA,CAA+D,CAAC;AAChH,QAAA,KAAK,GAAGA,iBAAY,CAAC,GAAG,CAAC,OAAO,CAAiB;IACpD;AAEA,IAAA,MAAM,WAAW,GAAQC,gBAAK,CAAC,OAAO,CAAC,MAAK;AACzC,QAAA,MAAM,QAAQ,GAAG,CAAA,KAAA,EAAQ,KAAK,aAAa;AAC3C,QAAA,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC;QAChD,IAAI,OAAO,GAAQ,EAAE;AACrB,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACnB,YAAA,OAAO,CAAC,CAAA,EAAG,QAAQ,CAAA,CAAA,EAAI,GAAG,CAAA,CAAE,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,GAAU,CAAC;AAChE,QAAA,CAAC,CAAC;AAEF,QAAA,OAAOC,SAAG,CAAC;YACR,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACH,OAAO,CAAA,EAAA,EACV,CAAC,QAAQ,GAAGC,oBAAY,CAAC,KAAK,CAAC,EAAA;SAEpC,EAAE;AACA,YAAA,WAAW,EAAE,OAAO,MAAM,KAAK;AACjC,SAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAEX,QACGC,gBAACC,gBAAW,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAE5B,OAAO,MAAM,KAAK,WAAW,IAAIC,cAAA,CAAA,OAAA,EAAA,EAC9B,UAAU,EAAE,WAAW,CAAC,SAAS,EACjC,IAAI,EAAE,WAAW,CAAC,SAAS,EAC3B,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,CAAC,GAAG,EAAE,GACrD,EAELA,cAAA,CAACC,eAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,EACpC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EACvC,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EACxC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,EAC5C,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,EAAA,EACxC,KAAK,EAAA,EACT,GAAG,EAAE;AACF,oBAAA,KAAK,EAAE;wBACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS;AAChD,qBAAA;iBACH,EACD,SAAS,EAAE,CAAA,EAAG,KAAK,CAAA,WAAA,CAAa,EAChC,SAAS,EAAE,KAAK,CAAC,GAAG,GAAG,KAAK,GAAG,KAAK,YAEnC,QAAQ,EAAA,CAAA,CACN,CAAA,EAAA,CACc;AAE7B"}
+{"version":3,"file":"ThemeProvider.js","sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { ThemeOptions } from \"./types\"\r\nimport Tag from \"../Tag\"\r\nimport { TagComponentType, TagProps } from \"../Tag/types\"\r\nimport { ThemeContex, ThemeFactory } from \"./core\"\r\nimport ThemeCssVars from \"./ThemeCssVars\"\r\nimport { css } from \"../css\"\r\nimport { createTheme } from \"./createTheme\"\r\nimport { darkThemeOptions, lightThemeOptions } from \"./ThemeDefaultOptions\"\r\n\r\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\r\n   theme: string;\r\n}\r\n\r\ncreateTheme(\"light\", lightThemeOptions)\r\ncreateTheme(\"dark\", darkThemeOptions)\r\n\r\nconst ThemeProvider = <T extends TagComponentType = 'div'>({ children, theme, ...props }: ThemeProviderProps<T>) => {\r\n   let THEME = ThemeFactory.get(theme) as ThemeOptions\r\n   if (!THEME) {\r\n      console.error(`ThemeProvider: The theme '${theme}' is not defined. Please make sure to use a valid theme name.`)\r\n      THEME = ThemeFactory.get(\"light\") as ThemeOptions\r\n   }\r\n\r\n   const globalStyle: any = React.useMemo(() => {\r\n      const root_cls = `.xui-${theme}-theme-root`\r\n      let gkeys = Object.keys(THEME.globalStyle || {})\r\n      let gstyles: any = {}\r\n      gkeys.forEach((key) => {\r\n         gstyles[`${root_cls} ${key}`] = THEME.globalStyle[key as any]\r\n      })\r\n\r\n      return css({\r\n         \"@global\": {\r\n            ...gstyles,\r\n            [root_cls]: ThemeCssVars(THEME)\r\n         }\r\n      }, {\r\n         injectStyle: typeof window !== 'undefined'\r\n      })\r\n   }, [theme])\r\n\r\n   return (\r\n      <ThemeContex.Provider value={theme}>\r\n         {\r\n            typeof window === 'undefined' && <style\r\n               precedence={globalStyle.classname}\r\n               href={globalStyle.classname}\r\n               dangerouslySetInnerHTML={{ __html: globalStyle.css }}\r\n            />\r\n         }\r\n         <Tag\r\n            minHeight=\"100%\"\r\n            bgcolor={THEME.colors.common.primary}\r\n            color={THEME.colors.common.text.primary}\r\n            fontSize={THEME.typography.text.fontSize}\r\n            fontWeight={THEME.typography.text.fontWeight}\r\n            lineHeight={THEME.typography.text.lineHeight}\r\n            fontFamily={`system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif`}\r\n            {...props}\r\n            sxr={{\r\n               \"& a\": {\r\n                  color: THEME.colors.brand.primary || 'inherit',\r\n               },\r\n            }}\r\n            baseClass={`${theme}-theme-root`}\r\n            direction={THEME.rtl ? \"rtl\" : \"ltr\"}\r\n         >\r\n            {children}\r\n         </Tag>\r\n      </ThemeContex.Provider>\r\n   )\r\n}\r\n\r\nexport default ThemeProvider"],"names":["createTheme","lightThemeOptions","darkThemeOptions","__rest","ThemeFactory","React","css","ThemeCssVars","_jsxs","ThemeContex","_jsx","Tag"],"mappings":"wuBAcAA,uBAAW,CAAC,OAAO,EAAEC,qCAAiB,CAAC;AACvCD,uBAAW,CAAC,MAAM,EAAEE,oCAAgB,CAAC;AAErC,MAAM,aAAa,GAAG,CAAqC,EAAoD,KAAI;QAAxD,EAAE,QAAQ,EAAE,KAAK,EAAA,GAAA,EAAmC,EAA9B,KAAK,GAAAC,YAAA,CAAA,EAAA,EAA3B,qBAA6B,CAAF;IACnF,IAAI,KAAK,GAAGC,iBAAY,CAAC,GAAG,CAAC,KAAK,CAAiB;IACnD,IAAI,CAAC,KAAK,EAAE;AACT,QAAA,OAAO,CAAC,KAAK,CAAC,6BAA6B,KAAK,CAAA,6DAAA,CAA+D,CAAC;AAChH,QAAA,KAAK,GAAGA,iBAAY,CAAC,GAAG,CAAC,OAAO,CAAiB;IACpD;AAEA,IAAA,MAAM,WAAW,GAAQC,gBAAK,CAAC,OAAO,CAAC,MAAK;AACzC,QAAA,MAAM,QAAQ,GAAG,CAAA,KAAA,EAAQ,KAAK,aAAa;AAC3C,QAAA,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC;QAChD,IAAI,OAAO,GAAQ,EAAE;AACrB,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACnB,YAAA,OAAO,CAAC,CAAA,EAAG,QAAQ,CAAA,CAAA,EAAI,GAAG,CAAA,CAAE,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,GAAU,CAAC;AAChE,QAAA,CAAC,CAAC;AAEF,QAAA,OAAOC,SAAG,CAAC;YACR,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACH,OAAO,CAAA,EAAA,EACV,CAAC,QAAQ,GAAGC,oBAAY,CAAC,KAAK,CAAC,EAAA;SAEpC,EAAE;AACA,YAAA,WAAW,EAAE,OAAO,MAAM,KAAK;AACjC,SAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAEX,QACGC,gBAACC,gBAAW,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAE5B,OAAO,MAAM,KAAK,WAAW,IAAIC,cAAA,CAAA,OAAA,EAAA,EAC9B,UAAU,EAAE,WAAW,CAAC,SAAS,EACjC,IAAI,EAAE,WAAW,CAAC,SAAS,EAC3B,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,CAAC,GAAG,EAAE,EAAA,CACrD,EAELA,cAAA,CAACC,eAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,EACpC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EACvC,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EACxC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,EAC5C,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,EAC5C,UAAU,EAAE,gGAAgG,EAAA,EACxG,KAAK,EAAA,EACT,GAAG,EAAE;AACF,oBAAA,KAAK,EAAE;wBACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS;AAChD,qBAAA;iBACH,EACD,SAAS,EAAE,CAAA,EAAG,KAAK,CAAA,WAAA,CAAa,EAChC,SAAS,EAAE,KAAK,CAAC,GAAG,GAAG,KAAK,GAAG,KAAK,YAEnC,QAAQ,EAAA,CAAA,CACN,CAAA,EAAA,CACc;AAE7B"}

package/theme/ThemeProvider.mjs

@@ -20,7 +20,7 @@ const ThemeProvider = (_a) => {
             injectStyle: typeof window !== 'undefined'
         });
     }, [theme]);
-    return (jsxs(ThemeContex.Provider, { value: theme, children: [typeof window === 'undefined' && jsx("style", { precedence: globalStyle.classname, href: globalStyle.classname, dangerouslySetInnerHTML: { __html: globalStyle.css } }), jsx(Tag, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.common.primary, color: THEME.colors.common.text.primary, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight }, props, { sxr: {
+    return (jsxs(ThemeContex.Provider, { value: theme, children: [typeof window === 'undefined' && jsx("style", { precedence: globalStyle.classname, href: globalStyle.classname, dangerouslySetInnerHTML: { __html: globalStyle.css } }), jsx(Tag, Object.assign({ minHeight: "100%", bgcolor: THEME.colors.common.primary, color: THEME.colors.common.text.primary, fontSize: THEME.typography.text.fontSize, fontWeight: THEME.typography.text.fontWeight, lineHeight: THEME.typography.text.lineHeight, fontFamily: `system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif` }, props, { sxr: {
                     "& a": {
                         color: THEME.colors.brand.primary || 'inherit',
                     },

package/theme/ThemeProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.mjs","sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { ThemeOptions } from \"./types\"\r\nimport Tag from \"../Tag\"\r\nimport { TagComponentType, TagProps } from \"../Tag/types\"\r\nimport { ThemeContex, ThemeFactory } from \"./core\"\r\nimport ThemeCssVars from \"./ThemeCssVars\"\r\nimport { css } from \"../css\"\r\nimport { createTheme } from \"./createTheme\"\r\nimport { darkThemeOptions, lightThemeOptions } from \"./ThemeDefaultOptions\"\r\n\r\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\r\n   theme: string;\r\n}\r\n\r\ncreateTheme(\"light\", lightThemeOptions)\r\ncreateTheme(\"dark\", darkThemeOptions)\r\n\r\nconst ThemeProvider = <T extends TagComponentType = 'div'>({ children, theme, ...props }: ThemeProviderProps<T>) => {\r\n   let THEME = ThemeFactory.get(theme) as ThemeOptions\r\n   if (!THEME) {\r\n      console.error(`ThemeProvider: The theme '${theme}' is not defined. Please make sure to use a valid theme name.`)\r\n      THEME = ThemeFactory.get(\"light\") as ThemeOptions\r\n   }\r\n\r\n   const globalStyle: any = React.useMemo(() => {\r\n      const root_cls = `.xui-${theme}-theme-root`\r\n      let gkeys = Object.keys(THEME.globalStyle || {})\r\n      let gstyles: any = {}\r\n      gkeys.forEach((key) => {\r\n         gstyles[`${root_cls} ${key}`] = THEME.globalStyle[key as any]\r\n      })\r\n\r\n      return css({\r\n         \"@global\": {\r\n            ...gstyles,\r\n            [root_cls]: ThemeCssVars(THEME)\r\n         }\r\n      }, {\r\n         injectStyle: typeof window !== 'undefined'\r\n      })\r\n   }, [theme])\r\n\r\n   return (\r\n      <ThemeContex.Provider value={theme}>\r\n         {\r\n            typeof window === 'undefined' && <style\r\n               precedence={globalStyle.classname}\r\n               href={globalStyle.classname}\r\n               dangerouslySetInnerHTML={{ __html: globalStyle.css }}\r\n            />\r\n         }\r\n         <Tag\r\n            minHeight=\"100%\"\r\n            bgcolor={THEME.colors.common.primary}\r\n            color={THEME.colors.common.text.primary}\r\n            fontSize={THEME.typography.text.fontSize}\r\n            fontWeight={THEME.typography.text.fontWeight}\r\n            lineHeight={THEME.typography.text.lineHeight}\r\n            {...props}\r\n            sxr={{\r\n               \"& a\": {\r\n                  color: THEME.colors.brand.primary || 'inherit',\r\n               },\r\n            }}\r\n            baseClass={`${theme}-theme-root`}\r\n            direction={THEME.rtl ? \"rtl\" : \"ltr\"}\r\n         >\r\n            {children}\r\n         </Tag>\r\n      </ThemeContex.Provider>\r\n   )\r\n}\r\n\r\nexport default ThemeProvider"],"names":["_jsxs","_jsx"],"mappings":"2XAcA,WAAW,CAAC,OAAO,EAAE,iBAAiB,CAAC;AACvC,WAAW,CAAC,MAAM,EAAE,gBAAgB,CAAC;AAErC,MAAM,aAAa,GAAG,CAAqC,EAAoD,KAAI;QAAxD,EAAE,QAAQ,EAAE,KAAK,EAAA,GAAA,EAAmC,EAA9B,KAAK,GAAA,MAAA,CAAA,EAAA,EAA3B,qBAA6B,CAAF;IACnF,IAAI,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,KAAK,CAAiB;IACnD,IAAI,CAAC,KAAK,EAAE;AACT,QAAA,OAAO,CAAC,KAAK,CAAC,6BAA6B,KAAK,CAAA,6DAAA,CAA+D,CAAC;AAChH,QAAA,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,OAAO,CAAiB;IACpD;AAEA,IAAA,MAAM,WAAW,GAAQ,KAAK,CAAC,OAAO,CAAC,MAAK;AACzC,QAAA,MAAM,QAAQ,GAAG,CAAA,KAAA,EAAQ,KAAK,aAAa;AAC3C,QAAA,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC;QAChD,IAAI,OAAO,GAAQ,EAAE;AACrB,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACnB,YAAA,OAAO,CAAC,CAAA,EAAG,QAAQ,CAAA,CAAA,EAAI,GAAG,CAAA,CAAE,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,GAAU,CAAC;AAChE,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,GAAG,CAAC;YACR,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACH,OAAO,CAAA,EAAA,EACV,CAAC,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,EAAA;SAEpC,EAAE;AACA,YAAA,WAAW,EAAE,OAAO,MAAM,KAAK;AACjC,SAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAEX,QACGA,KAAC,WAAW,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAE5B,OAAO,MAAM,KAAK,WAAW,IAAIC,GAAA,CAAA,OAAA,EAAA,EAC9B,UAAU,EAAE,WAAW,CAAC,SAAS,EACjC,IAAI,EAAE,WAAW,CAAC,SAAS,EAC3B,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,CAAC,GAAG,EAAE,GACrD,EAELA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,EACpC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EACvC,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EACxC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,EAC5C,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,EAAA,EACxC,KAAK,EAAA,EACT,GAAG,EAAE;AACF,oBAAA,KAAK,EAAE;wBACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS;AAChD,qBAAA;iBACH,EACD,SAAS,EAAE,CAAA,EAAG,KAAK,CAAA,WAAA,CAAa,EAChC,SAAS,EAAE,KAAK,CAAC,GAAG,GAAG,KAAK,GAAG,KAAK,YAEnC,QAAQ,EAAA,CAAA,CACN,CAAA,EAAA,CACc;AAE7B"}
+{"version":3,"file":"ThemeProvider.mjs","sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import * as React from \"react\"\r\nimport { ThemeOptions } from \"./types\"\r\nimport Tag from \"../Tag\"\r\nimport { TagComponentType, TagProps } from \"../Tag/types\"\r\nimport { ThemeContex, ThemeFactory } from \"./core\"\r\nimport ThemeCssVars from \"./ThemeCssVars\"\r\nimport { css } from \"../css\"\r\nimport { createTheme } from \"./createTheme\"\r\nimport { darkThemeOptions, lightThemeOptions } from \"./ThemeDefaultOptions\"\r\n\r\nexport type ThemeProviderProps<T extends TagComponentType = 'div'> = TagProps<T> & {\r\n   theme: string;\r\n}\r\n\r\ncreateTheme(\"light\", lightThemeOptions)\r\ncreateTheme(\"dark\", darkThemeOptions)\r\n\r\nconst ThemeProvider = <T extends TagComponentType = 'div'>({ children, theme, ...props }: ThemeProviderProps<T>) => {\r\n   let THEME = ThemeFactory.get(theme) as ThemeOptions\r\n   if (!THEME) {\r\n      console.error(`ThemeProvider: The theme '${theme}' is not defined. Please make sure to use a valid theme name.`)\r\n      THEME = ThemeFactory.get(\"light\") as ThemeOptions\r\n   }\r\n\r\n   const globalStyle: any = React.useMemo(() => {\r\n      const root_cls = `.xui-${theme}-theme-root`\r\n      let gkeys = Object.keys(THEME.globalStyle || {})\r\n      let gstyles: any = {}\r\n      gkeys.forEach((key) => {\r\n         gstyles[`${root_cls} ${key}`] = THEME.globalStyle[key as any]\r\n      })\r\n\r\n      return css({\r\n         \"@global\": {\r\n            ...gstyles,\r\n            [root_cls]: ThemeCssVars(THEME)\r\n         }\r\n      }, {\r\n         injectStyle: typeof window !== 'undefined'\r\n      })\r\n   }, [theme])\r\n\r\n   return (\r\n      <ThemeContex.Provider value={theme}>\r\n         {\r\n            typeof window === 'undefined' && <style\r\n               precedence={globalStyle.classname}\r\n               href={globalStyle.classname}\r\n               dangerouslySetInnerHTML={{ __html: globalStyle.css }}\r\n            />\r\n         }\r\n         <Tag\r\n            minHeight=\"100%\"\r\n            bgcolor={THEME.colors.common.primary}\r\n            color={THEME.colors.common.text.primary}\r\n            fontSize={THEME.typography.text.fontSize}\r\n            fontWeight={THEME.typography.text.fontWeight}\r\n            lineHeight={THEME.typography.text.lineHeight}\r\n            fontFamily={`system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif`}\r\n            {...props}\r\n            sxr={{\r\n               \"& a\": {\r\n                  color: THEME.colors.brand.primary || 'inherit',\r\n               },\r\n            }}\r\n            baseClass={`${theme}-theme-root`}\r\n            direction={THEME.rtl ? \"rtl\" : \"ltr\"}\r\n         >\r\n            {children}\r\n         </Tag>\r\n      </ThemeContex.Provider>\r\n   )\r\n}\r\n\r\nexport default ThemeProvider"],"names":["_jsxs","_jsx"],"mappings":"2XAcA,WAAW,CAAC,OAAO,EAAE,iBAAiB,CAAC;AACvC,WAAW,CAAC,MAAM,EAAE,gBAAgB,CAAC;AAErC,MAAM,aAAa,GAAG,CAAqC,EAAoD,KAAI;QAAxD,EAAE,QAAQ,EAAE,KAAK,EAAA,GAAA,EAAmC,EAA9B,KAAK,GAAA,MAAA,CAAA,EAAA,EAA3B,qBAA6B,CAAF;IACnF,IAAI,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,KAAK,CAAiB;IACnD,IAAI,CAAC,KAAK,EAAE;AACT,QAAA,OAAO,CAAC,KAAK,CAAC,6BAA6B,KAAK,CAAA,6DAAA,CAA+D,CAAC;AAChH,QAAA,KAAK,GAAG,YAAY,CAAC,GAAG,CAAC,OAAO,CAAiB;IACpD;AAEA,IAAA,MAAM,WAAW,GAAQ,KAAK,CAAC,OAAO,CAAC,MAAK;AACzC,QAAA,MAAM,QAAQ,GAAG,CAAA,KAAA,EAAQ,KAAK,aAAa;AAC3C,QAAA,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC;QAChD,IAAI,OAAO,GAAQ,EAAE;AACrB,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACnB,YAAA,OAAO,CAAC,CAAA,EAAG,QAAQ,CAAA,CAAA,EAAI,GAAG,CAAA,CAAE,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,GAAU,CAAC;AAChE,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,GAAG,CAAC;YACR,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACH,OAAO,CAAA,EAAA,EACV,CAAC,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC,EAAA;SAEpC,EAAE;AACA,YAAA,WAAW,EAAE,OAAO,MAAM,KAAK;AACjC,SAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAEX,QACGA,KAAC,WAAW,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAE5B,OAAO,MAAM,KAAK,WAAW,IAAIC,GAAA,CAAA,OAAA,EAAA,EAC9B,UAAU,EAAE,WAAW,CAAC,SAAS,EACjC,IAAI,EAAE,WAAW,CAAC,SAAS,EAC3B,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,CAAC,GAAG,EAAE,EAAA,CACrD,EAELA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,EACpC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EACvC,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EACxC,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,EAC5C,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,EAC5C,UAAU,EAAE,gGAAgG,EAAA,EACxG,KAAK,EAAA,EACT,GAAG,EAAE;AACF,oBAAA,KAAK,EAAE;wBACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,IAAI,SAAS;AAChD,qBAAA;iBACH,EACD,SAAS,EAAE,CAAA,EAAG,KAAK,CAAA,WAAA,CAAa,EAChC,SAAS,EAAE,KAAK,CAAC,GAAG,GAAG,KAAK,GAAG,KAAK,YAEnC,QAAQ,EAAA,CAAA,CACN,CAAA,EAAA,CACc;AAE7B"}

package/theme/createThemeSwitcher.d.ts

@@ -1,11 +1,12 @@
 import { ThemeOptions } from './types.js';
+import { BucketOptions } from 'react-state-bucket/Bucket';
 
 type ThemeSwitcherOption = {
-    store?: "memory" | "session" | "local";
+    store?: BucketOptions['store'];
     onChange?: (theme: string) => void;
 };
 declare const createThemeSwitcher: (defaultTheme: string, option?: ThemeSwitcherOption) => () => {
-    name: string;
+    name: any;
     theme: ThemeOptions | undefined;
     change: (theme: string) => void;
 };

package/theme/createThemeSwitcher.js

@@ -1,7 +1,7 @@
 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var reactStateBucket=require('react-state-bucket'),core=require('./core.js');const createThemeSwitcher = (defaultTheme, option) => {
-    const useThemeState = reactStateBucket.createBucket({ name: defaultTheme }, {
+    const useThemeState = reactStateBucket.createBucket({ name: reactStateBucket.xv.string().default(defaultTheme) }, {
         store: (option === null || option === void 0 ? void 0 : option.store) || "memory",
-        onChange: (key, value) => {
+        onChange: (_key, value) => {
             (option === null || option === void 0 ? void 0 : option.onChange) && (option === null || option === void 0 ? void 0 : option.onChange(value));
         }
     });

package/theme/createThemeSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"createThemeSwitcher.js","sources":["../../src/theme/createThemeSwitcher.ts"],"sourcesContent":["import { createBucket } from \"react-state-bucket\"\r\nimport { getTheme } from \"./core\"\r\n\r\nexport type ThemeSwitcherOption = {\r\n   store?: \"memory\" | \"session\" | \"local\",\r\n   onChange?: (theme: string) => void\r\n}\r\n\r\nconst createThemeSwitcher = (defaultTheme: string, option?: ThemeSwitcherOption) => {\r\n\r\n   const useThemeState = createBucket({ name: defaultTheme }, {\r\n      store: option?.store || \"memory\",\r\n      onChange: (key, value) => {\r\n         option?.onChange && option?.onChange(value)\r\n      }\r\n   })\r\n\r\n   const useThemeSwitcher = () => {\r\n      const state = useThemeState()\r\n      return {\r\n         name: state.get(\"name\"),\r\n         theme: getTheme(state.get(\"name\")),\r\n         change: (theme: string) => state.set(\"name\", theme)\r\n      }\r\n   }\r\n   return useThemeSwitcher\r\n}\r\n\r\n\r\nexport default createThemeSwitcher"],"names":["createBucket","getTheme"],"mappings":"mJAQA,MAAM,mBAAmB,GAAG,CAAC,YAAoB,EAAE,MAA4B,KAAI;IAEhF,MAAM,aAAa,GAAGA,6BAAY,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE;QACxD,KAAK,EAAE,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,QAAQ;AAChC,QAAA,QAAQ,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;AACtB,YAAA,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,MAAI,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;QAC9C;AACF,KAAA,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAK;AAC3B,QAAA,MAAM,KAAK,GAAG,aAAa,EAAE;QAC7B,OAAO;AACJ,YAAA,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;YACvB,KAAK,EAAEC,aAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAClC,YAAA,MAAM,EAAE,CAAC,KAAa,KAAK,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK;SACpD;AACJ,IAAA,CAAC;AACD,IAAA,OAAO,gBAAgB;AAC1B"}
+{"version":3,"file":"createThemeSwitcher.js","sources":["../../src/theme/createThemeSwitcher.ts"],"sourcesContent":["import { createBucket, xv } from \"react-state-bucket\"\r\nimport { getTheme } from \"./core\"\r\nimport { BucketOptions } from \"react-state-bucket/Bucket\"\r\n\r\nexport type ThemeSwitcherOption = {\r\n   store?: BucketOptions['store'],\r\n   onChange?: (theme: string) => void\r\n}\r\n\r\nconst createThemeSwitcher = (defaultTheme: string, option?: ThemeSwitcherOption) => {\r\n\r\n   const useThemeState = createBucket({ name: xv.string().default(defaultTheme) }, {\r\n      store: option?.store || \"memory\",\r\n      onChange: (_key, value) => {\r\n         option?.onChange && option?.onChange(value)\r\n      }\r\n   })\r\n\r\n   const useThemeSwitcher = () => {\r\n      const state = useThemeState()\r\n      return {\r\n         name: state.get(\"name\"),\r\n         theme: getTheme(state.get(\"name\")),\r\n         change: (theme: string) => state.set(\"name\", theme)\r\n      }\r\n   }\r\n   return useThemeSwitcher\r\n}\r\n\r\nexport default createThemeSwitcher"],"names":["createBucket","xv","getTheme"],"mappings":"mJASA,MAAM,mBAAmB,GAAG,CAAC,YAAoB,EAAE,MAA4B,KAAI;AAEhF,IAAA,MAAM,aAAa,GAAGA,6BAAY,CAAC,EAAE,IAAI,EAAEC,mBAAE,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE;QAC7E,KAAK,EAAE,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,QAAQ;AAChC,QAAA,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAI;AACvB,YAAA,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,MAAI,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;QAC9C;AACF,KAAA,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAK;AAC3B,QAAA,MAAM,KAAK,GAAG,aAAa,EAAE;QAC7B,OAAO;AACJ,YAAA,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;YACvB,KAAK,EAAEC,aAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAClC,YAAA,MAAM,EAAE,CAAC,KAAa,KAAK,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK;SACpD;AACJ,IAAA,CAAC;AACD,IAAA,OAAO,gBAAgB;AAC1B"}

package/theme/createThemeSwitcher.mjs

@@ -1,7 +1,7 @@
-import {createBucket}from'react-state-bucket';import {getTheme}from'./core.mjs';const createThemeSwitcher = (defaultTheme, option) => {
-    const useThemeState = createBucket({ name: defaultTheme }, {
+import {createBucket,xv}from'react-state-bucket';import {getTheme}from'./core.mjs';const createThemeSwitcher = (defaultTheme, option) => {
+    const useThemeState = createBucket({ name: xv.string().default(defaultTheme) }, {
         store: (option === null || option === void 0 ? void 0 : option.store) || "memory",
-        onChange: (key, value) => {
+        onChange: (_key, value) => {
             (option === null || option === void 0 ? void 0 : option.onChange) && (option === null || option === void 0 ? void 0 : option.onChange(value));
         }
     });

package/theme/createThemeSwitcher.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"createThemeSwitcher.mjs","sources":["../../src/theme/createThemeSwitcher.ts"],"sourcesContent":["import { createBucket } from \"react-state-bucket\"\r\nimport { getTheme } from \"./core\"\r\n\r\nexport type ThemeSwitcherOption = {\r\n   store?: \"memory\" | \"session\" | \"local\",\r\n   onChange?: (theme: string) => void\r\n}\r\n\r\nconst createThemeSwitcher = (defaultTheme: string, option?: ThemeSwitcherOption) => {\r\n\r\n   const useThemeState = createBucket({ name: defaultTheme }, {\r\n      store: option?.store || \"memory\",\r\n      onChange: (key, value) => {\r\n         option?.onChange && option?.onChange(value)\r\n      }\r\n   })\r\n\r\n   const useThemeSwitcher = () => {\r\n      const state = useThemeState()\r\n      return {\r\n         name: state.get(\"name\"),\r\n         theme: getTheme(state.get(\"name\")),\r\n         change: (theme: string) => state.set(\"name\", theme)\r\n      }\r\n   }\r\n   return useThemeSwitcher\r\n}\r\n\r\n\r\nexport default createThemeSwitcher"],"names":[],"mappings":"gFAQA,MAAM,mBAAmB,GAAG,CAAC,YAAoB,EAAE,MAA4B,KAAI;IAEhF,MAAM,aAAa,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE;QACxD,KAAK,EAAE,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,QAAQ;AAChC,QAAA,QAAQ,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;AACtB,YAAA,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,MAAI,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;QAC9C;AACF,KAAA,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAK;AAC3B,QAAA,MAAM,KAAK,GAAG,aAAa,EAAE;QAC7B,OAAO;AACJ,YAAA,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;YACvB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAClC,YAAA,MAAM,EAAE,CAAC,KAAa,KAAK,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK;SACpD;AACJ,IAAA,CAAC;AACD,IAAA,OAAO,gBAAgB;AAC1B"}
+{"version":3,"file":"createThemeSwitcher.mjs","sources":["../../src/theme/createThemeSwitcher.ts"],"sourcesContent":["import { createBucket, xv } from \"react-state-bucket\"\r\nimport { getTheme } from \"./core\"\r\nimport { BucketOptions } from \"react-state-bucket/Bucket\"\r\n\r\nexport type ThemeSwitcherOption = {\r\n   store?: BucketOptions['store'],\r\n   onChange?: (theme: string) => void\r\n}\r\n\r\nconst createThemeSwitcher = (defaultTheme: string, option?: ThemeSwitcherOption) => {\r\n\r\n   const useThemeState = createBucket({ name: xv.string().default(defaultTheme) }, {\r\n      store: option?.store || \"memory\",\r\n      onChange: (_key, value) => {\r\n         option?.onChange && option?.onChange(value)\r\n      }\r\n   })\r\n\r\n   const useThemeSwitcher = () => {\r\n      const state = useThemeState()\r\n      return {\r\n         name: state.get(\"name\"),\r\n         theme: getTheme(state.get(\"name\")),\r\n         change: (theme: string) => state.set(\"name\", theme)\r\n      }\r\n   }\r\n   return useThemeSwitcher\r\n}\r\n\r\nexport default createThemeSwitcher"],"names":[],"mappings":"mFASA,MAAM,mBAAmB,GAAG,CAAC,YAAoB,EAAE,MAA4B,KAAI;AAEhF,IAAA,MAAM,aAAa,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,EAAE;QAC7E,KAAK,EAAE,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,QAAQ;AAChC,QAAA,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,KAAI;AACvB,YAAA,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,MAAI,MAAM,aAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;QAC9C;AACF,KAAA,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAK;AAC3B,QAAA,MAAM,KAAK,GAAG,aAAa,EAAE;QAC7B,OAAO;AACJ,YAAA,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC;YACvB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;AAClC,YAAA,MAAM,EAAE,CAAC,KAAa,KAAK,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK;SACpD;AACJ,IAAA,CAAC;AACD,IAAA,OAAO,gBAAgB;AAC1B"}

package/RenderServerStyles.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-
-declare const ServerStyleTags: () => React.JSX.Element[];
-
-export { ServerStyleTags as default };

package/RenderServerStyles.js

@@ -1,3 +0,0 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var jsxRuntime=require('react/jsx-runtime'),oncss=require('oncss');const ServerStyleTags = () => {
-    return Array.from(oncss.CSSFactory.values()).map((c, idx) => jsxRuntime.jsx("style", { "data-oncss": c.classname, dangerouslySetInnerHTML: { __html: c.css } }, c.classname + idx));
-};exports.default=ServerStyleTags;//# sourceMappingURL=RenderServerStyles.js.map

package/RenderServerStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RenderServerStyles.js","sources":["../src/RenderServerStyles.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport { CSSFactory } from 'oncss'\r\n\r\nconst ServerStyleTags = () => {\r\n    return Array.from(CSSFactory.values()).map((c, idx) => <style\r\n        key={c.classname + idx}\r\n        data-oncss={c.classname}\r\n        dangerouslySetInnerHTML={{ __html: c.css }}\r\n    />)\r\n}\r\n\r\nexport default ServerStyleTags"],"names":["CSSFactory","_jsx"],"mappings":"yIAGA,MAAM,eAAe,GAAG,MAAK;AACzB,IAAA,OAAO,KAAK,CAAC,IAAI,CAACA,gBAAU,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAKC,cAAA,CAAA,OAAA,EAAA,EAAA,YAAA,EAEvC,CAAC,CAAC,SAAS,EACvB,uBAAuB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,EAAE,EAAA,EAFrC,CAAC,CAAC,SAAS,GAAG,GAAG,CAGxB,CAAC;AACP"}

package/RenderServerStyles.mjs

@@ -1,3 +0,0 @@
-import {jsx}from'react/jsx-runtime';import {CSSFactory}from'oncss';const ServerStyleTags = () => {
-    return Array.from(CSSFactory.values()).map((c, idx) => jsx("style", { "data-oncss": c.classname, dangerouslySetInnerHTML: { __html: c.css } }, c.classname + idx));
-};export{ServerStyleTags as default};//# sourceMappingURL=RenderServerStyles.mjs.map

package/RenderServerStyles.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RenderServerStyles.mjs","sources":["../src/RenderServerStyles.tsx"],"sourcesContent":["import * as React from 'react'\r\nimport { CSSFactory } from 'oncss'\r\n\r\nconst ServerStyleTags = () => {\r\n    return Array.from(CSSFactory.values()).map((c, idx) => <style\r\n        key={c.classname + idx}\r\n        data-oncss={c.classname}\r\n        dangerouslySetInnerHTML={{ __html: c.css }}\r\n    />)\r\n}\r\n\r\nexport default ServerStyleTags"],"names":["_jsx"],"mappings":"mEAGA,MAAM,eAAe,GAAG,MAAK;AACzB,IAAA,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAKA,GAAA,CAAA,OAAA,EAAA,EAAA,YAAA,EAEvC,CAAC,CAAC,SAAS,EACvB,uBAAuB,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,EAAE,EAAA,EAFrC,CAAC,CAAC,SAAS,GAAG,GAAG,CAGxB,CAAC;AACP"}

package/isWindow.d.ts

@@ -1,3 +0,0 @@
-declare const isWindow: () => boolean;
-
-export { isWindow as default };

package/isWindow.js

@@ -1 +0,0 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});const isWindow = () => typeof window !== 'undefined';exports.default=isWindow;//# sourceMappingURL=isWindow.js.map

package/isWindow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isWindow.js","sources":["../src/isWindow.ts"],"sourcesContent":["\r\nconst isWindow = () => typeof window !== 'undefined'\r\nexport default isWindow"],"names":[],"mappings":"sEACA,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,KAAK"}

package/isWindow.mjs

@@ -1 +0,0 @@
-const isWindow = () => typeof window !== 'undefined';export{isWindow as default};//# sourceMappingURL=isWindow.mjs.map

package/isWindow.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"isWindow.mjs","sources":["../src/isWindow.ts"],"sourcesContent":["\r\nconst isWindow = () => typeof window !== 'undefined'\r\nexport default isWindow"],"names":[],"mappings":"AACA,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,KAAK"}