@xanui/core 1.2.4 → 1.2.6

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":"ibAeA,MAAM,gBAAgB,GAAG,cAAc;AAChC,MAAM,cAAc,GAAG,MAAM,QAAQ,CAAC,aAAa,CAAC,CAAA,CAAA,EAAI,gBAAgB,CAAA,CAAE;AAEjF,MAAM,OAAO,GAAGA,cAAK,CAAC,UAAU,CAAC,CAAqC,EAA8D,EAAE,GAAmB,KAAI;QAAvF,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,OAA6B,EAAxB,KAAK,GAAA,MAAA,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,GAAGA,cAAK,CAAC,QAAQ,CAAS,QAAQ,CAAC;AAEpE,IAAA,MAAM,YAAY,GAAQ,OAAO,CAAC,MAAK;AACpC,QAAA,IAAI,cAAc;YAAE;AACpB,QAAA,OAAO,YAAY,CAAC;AACjB,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,QAAQ,EAAE,cAAc,CAAC,KAAK;AAChC,SAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;AAE3B,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAK;AAC9B,QAAA,OAAO,GAAG,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;AACH;SACH,EAAE;AACA,YAAA,WAAW,EAAE,OAAO,MAAM,KAAK;AACjC,SAAA,CAAC;IACL,CAAC,EAAE,EAAE,CAAC;IAEN,SAAS,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,IAAA,CAAC,aAAa,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,IAAIA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAC9BC,GAAA,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,GAAA,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,EAENF,IAAA,CAAC,kBAAkB,EAAA,EAAA,QAAA,EAAA,CACf,QAAQ,EACTE,GAAA,CAAC,cAAc,EAAA,EAAA,CAAG,CAAA,EAAA,CACA,CAAA,EAAA,CAAA,CACR;AAEtB,CAAC"}
+{"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":"ibAeA,MAAM,gBAAgB,GAAG,cAAc;AAChC,MAAM,cAAc,GAAG,MAAM,QAAQ,CAAC,aAAa,CAAC,CAAA,CAAA,EAAI,gBAAgB,CAAA,CAAE;AAEjF,MAAM,OAAO,GAAGA,cAAK,CAAC,UAAU,CAAC,CAAqC,EAA8D,EAAE,GAAmB,KAAI;QAAvF,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,OAA6B,EAAxB,KAAK,GAAA,MAAA,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,GAAGA,cAAK,CAAC,QAAQ,CAAS,QAAQ,CAAC;AAEpE,IAAA,MAAM,YAAY,GAAQ,OAAO,CAAC,MAAK;AACpC,QAAA,IAAI,cAAc;YAAE;AACpB,QAAA,OAAO,YAAY,CAAC;AACjB,YAAA,SAAS,EAAE,KAAK;AAChB,YAAA,QAAQ,EAAE,cAAc,CAAC,KAAK;AAChC,SAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;AAE3B,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAK;AAC9B,QAAA,OAAO,GAAG,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;IAEN,SAAS,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,IAAA,CAAC,aAAa,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,IAAIA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAC9BC,GAAA,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,GAAA,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,EAENF,IAAA,CAAC,kBAAkB,EAAA,EAAA,QAAA,EAAA,CACf,QAAQ,EACTE,GAAA,CAAC,cAAc,EAAA,EAAA,CAAG,CAAA,EAAA,CACA,CAAA,EAAA,CAAA,CACR;AAEtB,CAAC"}

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">({ baseClass, classNames: clses, ...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,23 +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 { baseClass, classNames: clses } = _a, props = tslib.__rest(_a, ["baseClass", "classNames"]);
-    if ('hover' in props) {
-        props['&:hover'] = props['hover'];
-        delete props['hover'];
+    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 style = index.css(props, {
+    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\">({ baseClass, classNames: clses, ...props }: TagPropsRoot<T>): useTagPropsReturn<T> => {\r\n\r\n   if ('hover' in props) {\r\n      (props as any)['&:hover'] = props['hover'];\r\n      delete (props as any)['hover'];\r\n   }\r\n\r\n   const style = css(props, {\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,EAA2D,KAA0B;QAArF,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,OAA6B,EAAxB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAAxC,CAAA,WAAA,EAAA,YAAA,CAA0C,CAAF;AAE9F,IAAA,IAAI,OAAO,IAAI,KAAK,EAAE;QAClB,KAAa,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;AAC1C,QAAA,OAAQ,KAAa,CAAC,OAAO,CAAC;IACjC;AAEA,IAAA,MAAM,KAAK,GAAGC,SAAG,CAAC,KAAK,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,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,23 +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 { baseClass, classNames: clses } = _a, props = __rest(_a, ["baseClass", "classNames"]);
-    if ('hover' in props) {
-        props['&:hover'] = props['hover'];
-        delete props['hover'];
+    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 style = css(props, {
+    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\">({ baseClass, classNames: clses, ...props }: TagPropsRoot<T>): useTagPropsReturn<T> => {\r\n\r\n   if ('hover' in props) {\r\n      (props as any)['&:hover'] = props['hover'];\r\n      delete (props as any)['hover'];\r\n   }\r\n\r\n   const style = css(props, {\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,EAA2D,KAA0B;QAArF,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,OAA6B,EAAxB,KAAK,GAAA,MAAA,CAAA,EAAA,EAAxC,CAAA,WAAA,EAAA,YAAA,CAA0C,CAAF;AAE9F,IAAA,IAAI,OAAO,IAAI,KAAK,EAAE;QAClB,KAAa,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC;AAC1C,QAAA,OAAQ,KAAa,CAAC,OAAO,CAAC;IACjC;AAEA,IAAA,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,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,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/css/getProps.js

@@ -16,41 +16,26 @@
         }
         return {};
     }
-    if (prop === 'spacing') {
-        const isFlex = (_css === null || _css === void 0 ? void 0 : _css.flexBox) || (_css === null || _css === void 0 ? void 0 : _css.flexRow) || (_css === null || _css === void 0 ? void 0 : _css.flexColumn) || (_css === null || _css === void 0 ? void 0 : _css.display) === 'flex';
-        if (isFlex && typeof value === 'number') {
-            const direction = (_css === null || _css === void 0 ? void 0 : _css.flexColumn) ? 'column' : 'row';
-            let val = value * 8;
-            if (direction === 'row') {
-                return {
-                    marginLeft: `calc(-1 * ${val}px)${important || ""}`,
-                    marginTop: `calc(-1 * ${val}px)${important || ""}`,
-                    '& > *': {
-                        paddingLeft: `${val}px${important || ""}`,
-                        marginTop: `${val}px${important || ""}`,
-                    }
-                };
-            }
-            else {
-                return {
-                    marginTop: `calc(-1 * ${val}px)${important || ""}`,
-                    marginLeft: `calc(-1 * ${val}px)${important || ""}`,
-                    '& > *': {
-                        paddingTop: `${val}px${important || ""}`,
-                        marginLeft: `${val}px${important || ""}`,
-                    }
-                };
-            }
-        }
-        if (typeof value === 'number') {
-            let val = value * 8;
-            return {
-                margin: `-${val}px${important || ""}`,
-                '& > *': {
-                    padding: `${val}px${important || ""}`,
-                }
-            };
+    if (prop === "spacing" && typeof value === "number") {
+        const val = value * 8;
+        const isFlex = (_css === null || _css === void 0 ? void 0 : _css.flexBox) ||
+            (_css === null || _css === void 0 ? void 0 : _css.flexRow) ||
+            (_css === null || _css === void 0 ? void 0 : _css.flexColumn) ||
+            (_css === null || _css === void 0 ? void 0 : _css.display) === "flex";
+        if (isFlex) {
+            const isColumn = (_css === null || _css === void 0 ? void 0 : _css.flexColumn) === true;
+            return Object.assign(Object.assign({}, (isColumn
+                ? { marginTop: `-${val}px${important || ""}` }
+                : { marginLeft: `-${val}px${important || ""}` })), { "& > *": isColumn
+                    ? { marginTop: `${val}px${important || ""}` }
+                    : { marginLeft: `${val}px${important || ""}` } });
         }
+        // non-flex fallback (safe & predictable)
+        return {
+            "& > * + *": {
+                marginTop: `${val}px${important || ""}`,
+            },
+        };
     }
     if (value && typeof value === "number" && ["border", "borderRight", "borderLeft", "borderTop", "borderBottom"].includes(prop)) {
         const keys = Object.keys(_css);

package/css/getProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"getProps.js","sources":["../../src/css/getProps.ts"],"sourcesContent":["import { CSSProps } from \"./types\";\r\n\r\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\r\n    let important;\r\n    if (typeof value === 'string') {\r\n        const split = value.split(\"!\")\r\n        important = split[1] ? \"!important\" : \"\"\r\n        value = split[0]\r\n    }\r\n\r\n    if (prop === 'disabled') {\r\n        if ((value as any) === true) {\r\n            return {\r\n                pointerEvents: \"none!important\",\r\n                cursor: \"default!important\",\r\n                userSelect: \"none!important\",\r\n                opacity: \".8!important\"\r\n            } as any\r\n        }\r\n        return {}\r\n    }\r\n\r\n\r\n    if (prop === 'spacing') {\r\n        const isFlex = (_css as any)?.flexBox || (_css as any)?.flexRow || (_css as any)?.flexColumn || (_css as any)?.display === 'flex'\r\n        if (isFlex && typeof value === 'number') {\r\n            const direction = (_css as any)?.flexColumn ? 'column' : 'row'\r\n            let val: any = value * 8\r\n            if (direction === 'row') {\r\n                return {\r\n                    marginLeft: `calc(-1 * ${val}px)${important || \"\"}`,\r\n                    marginTop: `calc(-1 * ${val}px)${important || \"\"}`,\r\n                    '& > *': {\r\n                        paddingLeft: `${val}px${important || \"\"}`,\r\n                        marginTop: `${val}px${important || \"\"}`,\r\n                    }\r\n                } as any\r\n            } else {\r\n                return {\r\n                    marginTop: `calc(-1 * ${val}px)${important || \"\"}`,\r\n                    marginLeft: `calc(-1 * ${val}px)${important || \"\"}`,\r\n                    '& > *': {\r\n                        paddingTop: `${val}px${important || \"\"}`,\r\n                        marginLeft: `${val}px${important || \"\"}`,\r\n                    }\r\n                } as any\r\n            }\r\n        }\r\n\r\n        if (typeof value === 'number') {\r\n            let val: any = value * 8\r\n            return {\r\n                margin: `-${val}px${important || \"\"}`,\r\n                '& > *': {\r\n                    padding: `${val}px${important || \"\"}`,\r\n                }\r\n            } as any\r\n        }\r\n    }\r\n\r\n    if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\r\n        const keys: any = Object.keys(_css)\r\n        let p: any = {\r\n            [`${prop}Width`]: value + 'px' + (important || \"\"),\r\n        }\r\n        if (!keys.includes(`${prop}Color`)) {\r\n            p[`${prop}Color`] = \"divider\"\r\n        }\r\n        if (!keys.includes(`${prop}Style`)) {\r\n            p[`${prop}Style`] = \"solid\"\r\n        }\r\n        return p\r\n    }\r\n}\r\n\r\nexport default getProps"],"names":[],"mappings":"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"}
+{"version":3,"file":"getProps.js","sources":["../../src/css/getProps.ts"],"sourcesContent":["import { CSSProps } from \"./types\";\r\n\r\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\r\n    let important;\r\n    if (typeof value === 'string') {\r\n        const split = value.split(\"!\")\r\n        important = split[1] ? \"!important\" : \"\"\r\n        value = split[0]\r\n    }\r\n\r\n    if (prop === 'disabled') {\r\n        if ((value as any) === true) {\r\n            return {\r\n                pointerEvents: \"none!important\",\r\n                cursor: \"default!important\",\r\n                userSelect: \"none!important\",\r\n                opacity: \".8!important\"\r\n            } as any\r\n        }\r\n        return {}\r\n    }\r\n\r\n\r\n    if (prop === \"spacing\" && typeof value === \"number\") {\r\n        const val = value * 8;\r\n        const isFlex =\r\n            (_css as any)?.flexBox ||\r\n            (_css as any)?.flexRow ||\r\n            (_css as any)?.flexColumn ||\r\n            (_css as any)?.display === \"flex\";\r\n\r\n        if (isFlex) {\r\n            const isColumn = (_css as any)?.flexColumn === true;\r\n\r\n            return {\r\n                ...(isColumn\r\n                    ? { marginTop: `-${val}px${important || \"\"}` }\r\n                    : { marginLeft: `-${val}px${important || \"\"}` }),\r\n\r\n                \"& > *\": isColumn\r\n                    ? { marginTop: `${val}px${important || \"\"}` }\r\n                    : { marginLeft: `${val}px${important || \"\"}` },\r\n            } as any;\r\n        }\r\n\r\n        // non-flex fallback (safe & predictable)\r\n        return {\r\n            \"& > * + *\": {\r\n                marginTop: `${val}px${important || \"\"}`,\r\n            },\r\n        } as any;\r\n    }\r\n\r\n\r\n    if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\r\n        const keys: any = Object.keys(_css)\r\n        let p: any = {\r\n            [`${prop}Width`]: value + 'px' + (important || \"\"),\r\n        }\r\n        if (!keys.includes(`${prop}Color`)) {\r\n            p[`${prop}Color`] = \"divider\"\r\n        }\r\n        if (!keys.includes(`${prop}Style`)) {\r\n            p[`${prop}Style`] = \"solid\"\r\n        }\r\n        return p\r\n    }\r\n}\r\n\r\nexport default getProps"],"names":[],"mappings":"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"}

package/css/getProps.mjs

@@ -16,41 +16,26 @@ const getProps = (prop, value, _css) => {
         }
         return {};
     }
-    if (prop === 'spacing') {
-        const isFlex = (_css === null || _css === void 0 ? void 0 : _css.flexBox) || (_css === null || _css === void 0 ? void 0 : _css.flexRow) || (_css === null || _css === void 0 ? void 0 : _css.flexColumn) || (_css === null || _css === void 0 ? void 0 : _css.display) === 'flex';
-        if (isFlex && typeof value === 'number') {
-            const direction = (_css === null || _css === void 0 ? void 0 : _css.flexColumn) ? 'column' : 'row';
-            let val = value * 8;
-            if (direction === 'row') {
-                return {
-                    marginLeft: `calc(-1 * ${val}px)${important || ""}`,
-                    marginTop: `calc(-1 * ${val}px)${important || ""}`,
-                    '& > *': {
-                        paddingLeft: `${val}px${important || ""}`,
-                        marginTop: `${val}px${important || ""}`,
-                    }
-                };
-            }
-            else {
-                return {
-                    marginTop: `calc(-1 * ${val}px)${important || ""}`,
-                    marginLeft: `calc(-1 * ${val}px)${important || ""}`,
-                    '& > *': {
-                        paddingTop: `${val}px${important || ""}`,
-                        marginLeft: `${val}px${important || ""}`,
-                    }
-                };
-            }
-        }
-        if (typeof value === 'number') {
-            let val = value * 8;
-            return {
-                margin: `-${val}px${important || ""}`,
-                '& > *': {
-                    padding: `${val}px${important || ""}`,
-                }
-            };
+    if (prop === "spacing" && typeof value === "number") {
+        const val = value * 8;
+        const isFlex = (_css === null || _css === void 0 ? void 0 : _css.flexBox) ||
+            (_css === null || _css === void 0 ? void 0 : _css.flexRow) ||
+            (_css === null || _css === void 0 ? void 0 : _css.flexColumn) ||
+            (_css === null || _css === void 0 ? void 0 : _css.display) === "flex";
+        if (isFlex) {
+            const isColumn = (_css === null || _css === void 0 ? void 0 : _css.flexColumn) === true;
+            return Object.assign(Object.assign({}, (isColumn
+                ? { marginTop: `-${val}px${important || ""}` }
+                : { marginLeft: `-${val}px${important || ""}` })), { "& > *": isColumn
+                    ? { marginTop: `${val}px${important || ""}` }
+                    : { marginLeft: `${val}px${important || ""}` } });
         }
+        // non-flex fallback (safe & predictable)
+        return {
+            "& > * + *": {
+                marginTop: `${val}px${important || ""}`,
+            },
+        };
     }
     if (value && typeof value === "number" && ["border", "borderRight", "borderLeft", "borderTop", "borderBottom"].includes(prop)) {
         const keys = Object.keys(_css);

package/css/getProps.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getProps.mjs","sources":["../../src/css/getProps.ts"],"sourcesContent":["import { CSSProps } from \"./types\";\r\n\r\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\r\n    let important;\r\n    if (typeof value === 'string') {\r\n        const split = value.split(\"!\")\r\n        important = split[1] ? \"!important\" : \"\"\r\n        value = split[0]\r\n    }\r\n\r\n    if (prop === 'disabled') {\r\n        if ((value as any) === true) {\r\n            return {\r\n                pointerEvents: \"none!important\",\r\n                cursor: \"default!important\",\r\n                userSelect: \"none!important\",\r\n                opacity: \".8!important\"\r\n            } as any\r\n        }\r\n        return {}\r\n    }\r\n\r\n\r\n    if (prop === 'spacing') {\r\n        const isFlex = (_css as any)?.flexBox || (_css as any)?.flexRow || (_css as any)?.flexColumn || (_css as any)?.display === 'flex'\r\n        if (isFlex && typeof value === 'number') {\r\n            const direction = (_css as any)?.flexColumn ? 'column' : 'row'\r\n            let val: any = value * 8\r\n            if (direction === 'row') {\r\n                return {\r\n                    marginLeft: `calc(-1 * ${val}px)${important || \"\"}`,\r\n                    marginTop: `calc(-1 * ${val}px)${important || \"\"}`,\r\n                    '& > *': {\r\n                        paddingLeft: `${val}px${important || \"\"}`,\r\n                        marginTop: `${val}px${important || \"\"}`,\r\n                    }\r\n                } as any\r\n            } else {\r\n                return {\r\n                    marginTop: `calc(-1 * ${val}px)${important || \"\"}`,\r\n                    marginLeft: `calc(-1 * ${val}px)${important || \"\"}`,\r\n                    '& > *': {\r\n                        paddingTop: `${val}px${important || \"\"}`,\r\n                        marginLeft: `${val}px${important || \"\"}`,\r\n                    }\r\n                } as any\r\n            }\r\n        }\r\n\r\n        if (typeof value === 'number') {\r\n            let val: any = value * 8\r\n            return {\r\n                margin: `-${val}px${important || \"\"}`,\r\n                '& > *': {\r\n                    padding: `${val}px${important || \"\"}`,\r\n                }\r\n            } as any\r\n        }\r\n    }\r\n\r\n    if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\r\n        const keys: any = Object.keys(_css)\r\n        let p: any = {\r\n            [`${prop}Width`]: value + 'px' + (important || \"\"),\r\n        }\r\n        if (!keys.includes(`${prop}Color`)) {\r\n            p[`${prop}Color`] = \"divider\"\r\n        }\r\n        if (!keys.includes(`${prop}Style`)) {\r\n            p[`${prop}Style`] = \"solid\"\r\n        }\r\n        return p\r\n    }\r\n}\r\n\r\nexport default getProps"],"names":[],"mappings":"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"}
+{"version":3,"file":"getProps.mjs","sources":["../../src/css/getProps.ts"],"sourcesContent":["import { CSSProps } from \"./types\";\r\n\r\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\r\n    let important;\r\n    if (typeof value === 'string') {\r\n        const split = value.split(\"!\")\r\n        important = split[1] ? \"!important\" : \"\"\r\n        value = split[0]\r\n    }\r\n\r\n    if (prop === 'disabled') {\r\n        if ((value as any) === true) {\r\n            return {\r\n                pointerEvents: \"none!important\",\r\n                cursor: \"default!important\",\r\n                userSelect: \"none!important\",\r\n                opacity: \".8!important\"\r\n            } as any\r\n        }\r\n        return {}\r\n    }\r\n\r\n\r\n    if (prop === \"spacing\" && typeof value === \"number\") {\r\n        const val = value * 8;\r\n        const isFlex =\r\n            (_css as any)?.flexBox ||\r\n            (_css as any)?.flexRow ||\r\n            (_css as any)?.flexColumn ||\r\n            (_css as any)?.display === \"flex\";\r\n\r\n        if (isFlex) {\r\n            const isColumn = (_css as any)?.flexColumn === true;\r\n\r\n            return {\r\n                ...(isColumn\r\n                    ? { marginTop: `-${val}px${important || \"\"}` }\r\n                    : { marginLeft: `-${val}px${important || \"\"}` }),\r\n\r\n                \"& > *\": isColumn\r\n                    ? { marginTop: `${val}px${important || \"\"}` }\r\n                    : { marginLeft: `${val}px${important || \"\"}` },\r\n            } as any;\r\n        }\r\n\r\n        // non-flex fallback (safe & predictable)\r\n        return {\r\n            \"& > * + *\": {\r\n                marginTop: `${val}px${important || \"\"}`,\r\n            },\r\n        } as any;\r\n    }\r\n\r\n\r\n    if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\r\n        const keys: any = Object.keys(_css)\r\n        let p: any = {\r\n            [`${prop}Width`]: value + 'px' + (important || \"\"),\r\n        }\r\n        if (!keys.includes(`${prop}Color`)) {\r\n            p[`${prop}Color`] = \"divider\"\r\n        }\r\n        if (!keys.includes(`${prop}Style`)) {\r\n            p[`${prop}Style`] = \"solid\"\r\n        }\r\n        return p\r\n    }\r\n}\r\n\r\nexport default getProps"],"names":[],"mappings":"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"}

package/css/getValue.js

@@ -1,16 +1,14 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});const getColor = (color) => {
-    return {
-        [`${color}`]: `var(--color-${color}-primary)`,
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});const getColor = (color, hasText = true) => {
+    const i = {
         [`${color}.primary`]: `var(--color-${color}-primary)`,
         [`${color}.secondary`]: `var(--color-${color}-secondary)`,
-        [`${color}.alpha`]: `var(--color-${color}-alpha)`,
-        [`${color}.divider`]: `var(--color-${color}-divider)`,
-        [`${color}.text.primary`]: `var(--color-${color}-text-primary)`,
-        [`${color}.text.secondary`]: `var(--color-${color}-text-secondary)`,
     };
+    if (hasText)
+        i[`${color}.text`] = `var(--color-${color}-text)`;
+    return i;
 };
 const withImportant = (important, value) => important ? value + important : value;
-const colors = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getColor("common")), getColor("surface")), getColor("brand")), getColor("accent")), getColor("info")), getColor("success")), getColor("warning")), getColor("danger"));
+const colors = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getColor("text", false)), getColor("divider", false)), getColor("common")), getColor("brand")), getColor("accent")), getColor("info")), getColor("success")), getColor("warning")), getColor("danger"));
 const breakpoints = {
     "xs": "var(--bp-xs)",
     "sm": "var(--bp-sm)",

package/css/getValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"getValue.js","sources":["../../src/css/getValue.ts"],"sourcesContent":["import { CSSProps } from \"./types\"\r\n\r\nconst getColor = (color: string) => {\r\n    return {\r\n        [`${color}`]: `var(--color-${color}-primary)`,\r\n        [`${color}.primary`]: `var(--color-${color}-primary)`,\r\n        [`${color}.secondary`]: `var(--color-${color}-secondary)`,\r\n        [`${color}.alpha`]: `var(--color-${color}-alpha)`,\r\n        [`${color}.divider`]: `var(--color-${color}-divider)`,\r\n        [`${color}.text.primary`]: `var(--color-${color}-text-primary)`,\r\n        [`${color}.text.secondary`]: `var(--color-${color}-text-secondary)`,\r\n    }\r\n}\r\n\r\nconst withImportant = (important: any, value: any) => important ? value + important : value\r\nconst colors: any = {\r\n    ...getColor(\"common\"),\r\n    ...getColor(\"surface\"),\r\n    ...getColor(\"brand\"),\r\n    ...getColor(\"accent\"),\r\n    ...getColor(\"info\"),\r\n    ...getColor(\"success\"),\r\n    ...getColor(\"warning\"),\r\n    ...getColor(\"danger\"),\r\n}\r\n\r\nconst breakpoints: any = {\r\n    \"xs\": \"var(--bp-xs)\",\r\n    \"sm\": \"var(--bp-sm)\",\r\n    \"md\": \"var(--bp-md)\",\r\n    \"lg\": \"var(--bp-lg)\",\r\n    \"xl\": \"var(--bp-xl)\"\r\n}\r\n\r\nlet fontsizes: any = {\r\n    \"h1\": \"var(--fontsize-h1)\",\r\n    \"h2\": \"var(--fontsize-h2)\",\r\n    \"h3\": \"var(--fontsize-h3)\",\r\n    \"h4\": \"var(--fontsize-h4)\",\r\n    \"h5\": \"var(--fontsize-h5)\",\r\n    \"h6\": \"var(--fontsize-h6)\",\r\n    \"big\": \"var(--fontsize-big)\",\r\n    \"text\": \"var(--fontsize-text)\",\r\n    \"button\": \"var(--fontsize-button)\",\r\n    \"small\": \"var(--fontsize-small)\"\r\n}\r\n\r\nlet lineHeights: any = {\r\n    \"h1\": \"var(--lineheight-h1)\",\r\n    \"h2\": \"var(--lineheight-h2)\",\r\n    \"h3\": \"var(--lineheight-h3)\",\r\n    \"h4\": \"var(--lineheight-h4)\",\r\n    \"h5\": \"var(--lineheight-h5)\",\r\n    \"h6\": \"var(--lineheight-h6)\",\r\n    \"big\": \"var(--lineheight-big)\",\r\n    \"text\": \"var(--lineheight-text)\",\r\n    \"button\": \"var(--lineheight-button)\",\r\n    \"small\": \"var(--lineheight-small)\"\r\n}\r\n\r\nlet fontWeights: any = {\r\n    \"h1\": \"var(--fontweight-h1)\",\r\n    \"h2\": \"var(--fontweight-h2)\",\r\n    \"h3\": \"var(--fontweight-h3)\",\r\n    \"h4\": \"var(--fontweight-h4)\",\r\n    \"h5\": \"var(--fontweight-h5)\",\r\n    \"h6\": \"var(--fontweight-h6)\",\r\n    \"big\": \"var(--fontweight-big)\",\r\n    \"text\": \"var(--fontweight-text)\",\r\n    \"button\": \"var(--fontweight-button)\",\r\n    \"small\": \"var(--fontweight-small)\"\r\n}\r\n\r\nlet font: any = {\r\n    \"h1\": \"var(--font-h1)\",\r\n    \"h2\": \"var(--font-h2)\",\r\n    \"h3\": \"var(--font-h3)\",\r\n    \"h4\": \"var(--font-h4)\",\r\n    \"h5\": \"var(--font-h5)\",\r\n    \"h6\": \"var(--font-h6)\",\r\n    \"big\": \"var(--font-big)\",\r\n    \"text\": \"var(--font-text)\",\r\n    \"button\": \"var(--font-button)\",\r\n    \"small\": \"var(--font-small)\"\r\n}\r\n\r\nconst getValue = (prop: any, value: string | number, _css: CSSProps): any => {\r\n    let important;\r\n\r\n    if (typeof value === 'string') {\r\n        const split = value.split(\"!\")\r\n        important = split[1] ? \"!important\" : \"\"\r\n        value = split[0]\r\n    }\r\n\r\n\r\n    if (['width', 'maxWidth', 'minWidth', 'max-width', 'min-width'].includes(prop)) {\r\n        return withImportant(important, breakpoints[value] || value)\r\n    } else if (prop === 'font' && typeof value === \"string\" && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, font[value] || value)\r\n    } else if (['fontWeight', 'font-weight'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, fontWeights[value] || value)\r\n    } else if (['lineHeight', 'line-height'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, lineHeights[value] || value)\r\n    } else if (['fontSize', 'font-size'].includes(prop) && typeof value === 'string') {\r\n        return withImportant(important, fontsizes[value] || value)\r\n    } else if (typeof value === \"number\" && [\"shadow\", \"boxShadow\"].includes(prop)) {\r\n        return withImportant(important, `var(--shadow-${value})`)\r\n    }\r\n\r\n    return withImportant(important, colors[value] || value)\r\n}\r\n\r\nexport default getValue"],"names":[],"mappings":"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"}
+{"version":3,"file":"getValue.js","sources":["../../src/css/getValue.ts"],"sourcesContent":["import { CSSProps } from \"./types\"\r\n\r\nconst getColor = (color: string, hasText = true) => {\r\n    const i = {\r\n        [`${color}.primary`]: `var(--color-${color}-primary)`,\r\n        [`${color}.secondary`]: `var(--color-${color}-secondary)`,\r\n    }\r\n    if (hasText) i[`${color}.text`] = `var(--color-${color}-text)`\r\n\r\n    return i\r\n}\r\n\r\nconst withImportant = (important: any, value: any) => important ? value + important : value\r\nconst colors: any = {\r\n    ...getColor(\"text\", false),\r\n    ...getColor(\"divider\", false),\r\n    ...getColor(\"common\"),\r\n    ...getColor(\"brand\"),\r\n    ...getColor(\"accent\"),\r\n    ...getColor(\"info\"),\r\n    ...getColor(\"success\"),\r\n    ...getColor(\"warning\"),\r\n    ...getColor(\"danger\"),\r\n}\r\n\r\nconst breakpoints: any = {\r\n    \"xs\": \"var(--bp-xs)\",\r\n    \"sm\": \"var(--bp-sm)\",\r\n    \"md\": \"var(--bp-md)\",\r\n    \"lg\": \"var(--bp-lg)\",\r\n    \"xl\": \"var(--bp-xl)\"\r\n}\r\n\r\nlet fontsizes: any = {\r\n    \"h1\": \"var(--fontsize-h1)\",\r\n    \"h2\": \"var(--fontsize-h2)\",\r\n    \"h3\": \"var(--fontsize-h3)\",\r\n    \"h4\": \"var(--fontsize-h4)\",\r\n    \"h5\": \"var(--fontsize-h5)\",\r\n    \"h6\": \"var(--fontsize-h6)\",\r\n    \"big\": \"var(--fontsize-big)\",\r\n    \"text\": \"var(--fontsize-text)\",\r\n    \"button\": \"var(--fontsize-button)\",\r\n    \"small\": \"var(--fontsize-small)\"\r\n}\r\n\r\nlet lineHeights: any = {\r\n    \"h1\": \"var(--lineheight-h1)\",\r\n    \"h2\": \"var(--lineheight-h2)\",\r\n    \"h3\": \"var(--lineheight-h3)\",\r\n    \"h4\": \"var(--lineheight-h4)\",\r\n    \"h5\": \"var(--lineheight-h5)\",\r\n    \"h6\": \"var(--lineheight-h6)\",\r\n    \"big\": \"var(--lineheight-big)\",\r\n    \"text\": \"var(--lineheight-text)\",\r\n    \"button\": \"var(--lineheight-button)\",\r\n    \"small\": \"var(--lineheight-small)\"\r\n}\r\n\r\nlet fontWeights: any = {\r\n    \"h1\": \"var(--fontweight-h1)\",\r\n    \"h2\": \"var(--fontweight-h2)\",\r\n    \"h3\": \"var(--fontweight-h3)\",\r\n    \"h4\": \"var(--fontweight-h4)\",\r\n    \"h5\": \"var(--fontweight-h5)\",\r\n    \"h6\": \"var(--fontweight-h6)\",\r\n    \"big\": \"var(--fontweight-big)\",\r\n    \"text\": \"var(--fontweight-text)\",\r\n    \"button\": \"var(--fontweight-button)\",\r\n    \"small\": \"var(--fontweight-small)\"\r\n}\r\n\r\nlet font: any = {\r\n    \"h1\": \"var(--font-h1)\",\r\n    \"h2\": \"var(--font-h2)\",\r\n    \"h3\": \"var(--font-h3)\",\r\n    \"h4\": \"var(--font-h4)\",\r\n    \"h5\": \"var(--font-h5)\",\r\n    \"h6\": \"var(--font-h6)\",\r\n    \"big\": \"var(--font-big)\",\r\n    \"text\": \"var(--font-text)\",\r\n    \"button\": \"var(--font-button)\",\r\n    \"small\": \"var(--font-small)\"\r\n}\r\n\r\nconst getValue = (prop: any, value: string | number, _css: CSSProps): any => {\r\n    let important;\r\n\r\n    if (typeof value === 'string') {\r\n        const split = value.split(\"!\")\r\n        important = split[1] ? \"!important\" : \"\"\r\n        value = split[0]\r\n    }\r\n\r\n\r\n    if (['width', 'maxWidth', 'minWidth', 'max-width', 'min-width'].includes(prop)) {\r\n        return withImportant(important, breakpoints[value] || value)\r\n    } else if (prop === 'font' && typeof value === \"string\" && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, font[value] || value)\r\n    } else if (['fontWeight', 'font-weight'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, fontWeights[value] || value)\r\n    } else if (['lineHeight', 'line-height'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, lineHeights[value] || value)\r\n    } else if (['fontSize', 'font-size'].includes(prop) && typeof value === 'string') {\r\n        return withImportant(important, fontsizes[value] || value)\r\n    } else if (typeof value === \"number\" && [\"shadow\", \"boxShadow\"].includes(prop)) {\r\n        return withImportant(important, `var(--shadow-${value})`)\r\n    }\r\n\r\n    return withImportant(important, colors[value] || value)\r\n}\r\n\r\nexport default getValue"],"names":[],"mappings":"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"}

package/css/getValue.mjs

@@ -1,16 +1,14 @@
-const getColor = (color) => {
-    return {
-        [`${color}`]: `var(--color-${color}-primary)`,
+const getColor = (color, hasText = true) => {
+    const i = {
         [`${color}.primary`]: `var(--color-${color}-primary)`,
         [`${color}.secondary`]: `var(--color-${color}-secondary)`,
-        [`${color}.alpha`]: `var(--color-${color}-alpha)`,
-        [`${color}.divider`]: `var(--color-${color}-divider)`,
-        [`${color}.text.primary`]: `var(--color-${color}-text-primary)`,
-        [`${color}.text.secondary`]: `var(--color-${color}-text-secondary)`,
     };
+    if (hasText)
+        i[`${color}.text`] = `var(--color-${color}-text)`;
+    return i;
 };
 const withImportant = (important, value) => important ? value + important : value;
-const colors = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getColor("common")), getColor("surface")), getColor("brand")), getColor("accent")), getColor("info")), getColor("success")), getColor("warning")), getColor("danger"));
+const colors = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, getColor("text", false)), getColor("divider", false)), getColor("common")), getColor("brand")), getColor("accent")), getColor("info")), getColor("success")), getColor("warning")), getColor("danger"));
 const breakpoints = {
     "xs": "var(--bp-xs)",
     "sm": "var(--bp-sm)",

package/css/getValue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getValue.mjs","sources":["../../src/css/getValue.ts"],"sourcesContent":["import { CSSProps } from \"./types\"\r\n\r\nconst getColor = (color: string) => {\r\n    return {\r\n        [`${color}`]: `var(--color-${color}-primary)`,\r\n        [`${color}.primary`]: `var(--color-${color}-primary)`,\r\n        [`${color}.secondary`]: `var(--color-${color}-secondary)`,\r\n        [`${color}.alpha`]: `var(--color-${color}-alpha)`,\r\n        [`${color}.divider`]: `var(--color-${color}-divider)`,\r\n        [`${color}.text.primary`]: `var(--color-${color}-text-primary)`,\r\n        [`${color}.text.secondary`]: `var(--color-${color}-text-secondary)`,\r\n    }\r\n}\r\n\r\nconst withImportant = (important: any, value: any) => important ? value + important : value\r\nconst colors: any = {\r\n    ...getColor(\"common\"),\r\n    ...getColor(\"surface\"),\r\n    ...getColor(\"brand\"),\r\n    ...getColor(\"accent\"),\r\n    ...getColor(\"info\"),\r\n    ...getColor(\"success\"),\r\n    ...getColor(\"warning\"),\r\n    ...getColor(\"danger\"),\r\n}\r\n\r\nconst breakpoints: any = {\r\n    \"xs\": \"var(--bp-xs)\",\r\n    \"sm\": \"var(--bp-sm)\",\r\n    \"md\": \"var(--bp-md)\",\r\n    \"lg\": \"var(--bp-lg)\",\r\n    \"xl\": \"var(--bp-xl)\"\r\n}\r\n\r\nlet fontsizes: any = {\r\n    \"h1\": \"var(--fontsize-h1)\",\r\n    \"h2\": \"var(--fontsize-h2)\",\r\n    \"h3\": \"var(--fontsize-h3)\",\r\n    \"h4\": \"var(--fontsize-h4)\",\r\n    \"h5\": \"var(--fontsize-h5)\",\r\n    \"h6\": \"var(--fontsize-h6)\",\r\n    \"big\": \"var(--fontsize-big)\",\r\n    \"text\": \"var(--fontsize-text)\",\r\n    \"button\": \"var(--fontsize-button)\",\r\n    \"small\": \"var(--fontsize-small)\"\r\n}\r\n\r\nlet lineHeights: any = {\r\n    \"h1\": \"var(--lineheight-h1)\",\r\n    \"h2\": \"var(--lineheight-h2)\",\r\n    \"h3\": \"var(--lineheight-h3)\",\r\n    \"h4\": \"var(--lineheight-h4)\",\r\n    \"h5\": \"var(--lineheight-h5)\",\r\n    \"h6\": \"var(--lineheight-h6)\",\r\n    \"big\": \"var(--lineheight-big)\",\r\n    \"text\": \"var(--lineheight-text)\",\r\n    \"button\": \"var(--lineheight-button)\",\r\n    \"small\": \"var(--lineheight-small)\"\r\n}\r\n\r\nlet fontWeights: any = {\r\n    \"h1\": \"var(--fontweight-h1)\",\r\n    \"h2\": \"var(--fontweight-h2)\",\r\n    \"h3\": \"var(--fontweight-h3)\",\r\n    \"h4\": \"var(--fontweight-h4)\",\r\n    \"h5\": \"var(--fontweight-h5)\",\r\n    \"h6\": \"var(--fontweight-h6)\",\r\n    \"big\": \"var(--fontweight-big)\",\r\n    \"text\": \"var(--fontweight-text)\",\r\n    \"button\": \"var(--fontweight-button)\",\r\n    \"small\": \"var(--fontweight-small)\"\r\n}\r\n\r\nlet font: any = {\r\n    \"h1\": \"var(--font-h1)\",\r\n    \"h2\": \"var(--font-h2)\",\r\n    \"h3\": \"var(--font-h3)\",\r\n    \"h4\": \"var(--font-h4)\",\r\n    \"h5\": \"var(--font-h5)\",\r\n    \"h6\": \"var(--font-h6)\",\r\n    \"big\": \"var(--font-big)\",\r\n    \"text\": \"var(--font-text)\",\r\n    \"button\": \"var(--font-button)\",\r\n    \"small\": \"var(--font-small)\"\r\n}\r\n\r\nconst getValue = (prop: any, value: string | number, _css: CSSProps): any => {\r\n    let important;\r\n\r\n    if (typeof value === 'string') {\r\n        const split = value.split(\"!\")\r\n        important = split[1] ? \"!important\" : \"\"\r\n        value = split[0]\r\n    }\r\n\r\n\r\n    if (['width', 'maxWidth', 'minWidth', 'max-width', 'min-width'].includes(prop)) {\r\n        return withImportant(important, breakpoints[value] || value)\r\n    } else if (prop === 'font' && typeof value === \"string\" && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, font[value] || value)\r\n    } else if (['fontWeight', 'font-weight'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, fontWeights[value] || value)\r\n    } else if (['lineHeight', 'line-height'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, lineHeights[value] || value)\r\n    } else if (['fontSize', 'font-size'].includes(prop) && typeof value === 'string') {\r\n        return withImportant(important, fontsizes[value] || value)\r\n    } else if (typeof value === \"number\" && [\"shadow\", \"boxShadow\"].includes(prop)) {\r\n        return withImportant(important, `var(--shadow-${value})`)\r\n    }\r\n\r\n    return withImportant(important, colors[value] || value)\r\n}\r\n\r\nexport default getValue"],"names":[],"mappings":"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"}
+{"version":3,"file":"getValue.mjs","sources":["../../src/css/getValue.ts"],"sourcesContent":["import { CSSProps } from \"./types\"\r\n\r\nconst getColor = (color: string, hasText = true) => {\r\n    const i = {\r\n        [`${color}.primary`]: `var(--color-${color}-primary)`,\r\n        [`${color}.secondary`]: `var(--color-${color}-secondary)`,\r\n    }\r\n    if (hasText) i[`${color}.text`] = `var(--color-${color}-text)`\r\n\r\n    return i\r\n}\r\n\r\nconst withImportant = (important: any, value: any) => important ? value + important : value\r\nconst colors: any = {\r\n    ...getColor(\"text\", false),\r\n    ...getColor(\"divider\", false),\r\n    ...getColor(\"common\"),\r\n    ...getColor(\"brand\"),\r\n    ...getColor(\"accent\"),\r\n    ...getColor(\"info\"),\r\n    ...getColor(\"success\"),\r\n    ...getColor(\"warning\"),\r\n    ...getColor(\"danger\"),\r\n}\r\n\r\nconst breakpoints: any = {\r\n    \"xs\": \"var(--bp-xs)\",\r\n    \"sm\": \"var(--bp-sm)\",\r\n    \"md\": \"var(--bp-md)\",\r\n    \"lg\": \"var(--bp-lg)\",\r\n    \"xl\": \"var(--bp-xl)\"\r\n}\r\n\r\nlet fontsizes: any = {\r\n    \"h1\": \"var(--fontsize-h1)\",\r\n    \"h2\": \"var(--fontsize-h2)\",\r\n    \"h3\": \"var(--fontsize-h3)\",\r\n    \"h4\": \"var(--fontsize-h4)\",\r\n    \"h5\": \"var(--fontsize-h5)\",\r\n    \"h6\": \"var(--fontsize-h6)\",\r\n    \"big\": \"var(--fontsize-big)\",\r\n    \"text\": \"var(--fontsize-text)\",\r\n    \"button\": \"var(--fontsize-button)\",\r\n    \"small\": \"var(--fontsize-small)\"\r\n}\r\n\r\nlet lineHeights: any = {\r\n    \"h1\": \"var(--lineheight-h1)\",\r\n    \"h2\": \"var(--lineheight-h2)\",\r\n    \"h3\": \"var(--lineheight-h3)\",\r\n    \"h4\": \"var(--lineheight-h4)\",\r\n    \"h5\": \"var(--lineheight-h5)\",\r\n    \"h6\": \"var(--lineheight-h6)\",\r\n    \"big\": \"var(--lineheight-big)\",\r\n    \"text\": \"var(--lineheight-text)\",\r\n    \"button\": \"var(--lineheight-button)\",\r\n    \"small\": \"var(--lineheight-small)\"\r\n}\r\n\r\nlet fontWeights: any = {\r\n    \"h1\": \"var(--fontweight-h1)\",\r\n    \"h2\": \"var(--fontweight-h2)\",\r\n    \"h3\": \"var(--fontweight-h3)\",\r\n    \"h4\": \"var(--fontweight-h4)\",\r\n    \"h5\": \"var(--fontweight-h5)\",\r\n    \"h6\": \"var(--fontweight-h6)\",\r\n    \"big\": \"var(--fontweight-big)\",\r\n    \"text\": \"var(--fontweight-text)\",\r\n    \"button\": \"var(--fontweight-button)\",\r\n    \"small\": \"var(--fontweight-small)\"\r\n}\r\n\r\nlet font: any = {\r\n    \"h1\": \"var(--font-h1)\",\r\n    \"h2\": \"var(--font-h2)\",\r\n    \"h3\": \"var(--font-h3)\",\r\n    \"h4\": \"var(--font-h4)\",\r\n    \"h5\": \"var(--font-h5)\",\r\n    \"h6\": \"var(--font-h6)\",\r\n    \"big\": \"var(--font-big)\",\r\n    \"text\": \"var(--font-text)\",\r\n    \"button\": \"var(--font-button)\",\r\n    \"small\": \"var(--font-small)\"\r\n}\r\n\r\nconst getValue = (prop: any, value: string | number, _css: CSSProps): any => {\r\n    let important;\r\n\r\n    if (typeof value === 'string') {\r\n        const split = value.split(\"!\")\r\n        important = split[1] ? \"!important\" : \"\"\r\n        value = split[0]\r\n    }\r\n\r\n\r\n    if (['width', 'maxWidth', 'minWidth', 'max-width', 'min-width'].includes(prop)) {\r\n        return withImportant(important, breakpoints[value] || value)\r\n    } else if (prop === 'font' && typeof value === \"string\" && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, font[value] || value)\r\n    } else if (['fontWeight', 'font-weight'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, fontWeights[value] || value)\r\n    } else if (['lineHeight', 'line-height'].includes(prop) && typeof value === 'string' && ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'text', 'button', 'small'].includes(value)) {\r\n        return withImportant(important, lineHeights[value] || value)\r\n    } else if (['fontSize', 'font-size'].includes(prop) && typeof value === 'string') {\r\n        return withImportant(important, fontsizes[value] || value)\r\n    } else if (typeof value === \"number\" && [\"shadow\", \"boxShadow\"].includes(prop)) {\r\n        return withImportant(important, `var(--shadow-${value})`)\r\n    }\r\n\r\n    return withImportant(important, colors[value] || value)\r\n}\r\n\r\nexport default getValue"],"names":[],"mappings":"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"}

package/css/types.d.ts

@@ -39,7 +39,6 @@ type Aliases = {
     color?: CSSValueType<'color'> | ColorsRefTypes;
     width?: CSSValueType<'width'> | BreakpointKeys;
     height?: CSSValueType<'height'>;
-    borderColor?: CSSValueType<'backgroundColor'> | ColorsRefTypes;
     fontSize?: CSSValueType<"fontSize"> | TypographyRefTypes;
     minWidth?: CSSValueType<"minWidth"> | BreakpointKeys;
     maxWidth?: CSSValueType<"maxWidth"> | BreakpointKeys;