@xanui/core 1.2.58 → 1.2.60

package/breakpoint/BreakpointProvider.cjs

@@ -3,49 +3,47 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index$1 = require('../css/index.cjs');
-var index = require('../Document/index.cjs');
+var index = require('../css/index.cjs');
 
-const BreakpointCtx = React.createContext({
-    key: "xl",
-    width: 1920,
-});
-/**
- * SSR-safe breakpoint detection
- */
-const getKey = (width) => {
-    if (width < index$1.breakpoints.sm)
+const BreakpointCtx = React.createContext("xl");
+const queries = {
+    xs: `(max-width:${index.breakpoints.sm - 0.02}px)`,
+    sm: `(min-width:${index.breakpoints.sm}px) and (max-width:${index.breakpoints.md - 0.02}px)`,
+    md: `(min-width:${index.breakpoints.md}px) and (max-width:${index.breakpoints.lg - 0.02}px)`,
+    lg: `(min-width:${index.breakpoints.lg}px) and (max-width:${index.breakpoints.xl - 0.02}px)`,
+    xl: `(min-width:${index.breakpoints.xl}px)`
+};
+const getCurrent = () => {
+    if (typeof window === "undefined")
         return "xs";
-    if (width < index$1.breakpoints.md)
-        return "sm";
-    if (width < index$1.breakpoints.lg)
-        return "md";
-    if (width < index$1.breakpoints.xl)
-        return "lg";
-    return "xl";
+    const entries = Object.entries(queries);
+    for (const [key, query] of entries) {
+        if (window.matchMedia(query).matches) {
+            return key;
+        }
+    }
+    return "xs";
 };
 const BreakpointProvider = ({ children }) => {
-    const doc = index.useDocument();
-    const getWidth = () => {
-        if (!doc)
-            return 1920; // SSR fallback
-        return doc.document.documentElement.clientWidth || window.innerWidth;
-    };
-    const [state, setState] = React.useState(() => {
-        const width = getWidth();
-        return { width, key: getKey(width) };
-    });
-    const handler = React.useCallback(() => {
-        const width = getWidth();
-        const key = getKey(width);
-        setState(prev => (prev.key === key ? prev : { key, width }));
-    }, [doc]);
-    React.useLayoutEffect(() => {
-        handler(); // set correct initial value
-        window.addEventListener("resize", handler, { passive: true });
-        return () => window.removeEventListener("resize", handler);
-    }, [handler]);
-    return jsxRuntime.jsx(BreakpointCtx.Provider, { value: state, children: children });
+    const [current, setCurrent] = React.useState(() => getCurrent());
+    React.useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const mqls = Object.entries(queries).map(([key, query]) => {
+            const mql = window.matchMedia(query);
+            const handler = () => {
+                if (mql.matches) {
+                    setCurrent(key);
+                }
+            };
+            mql.addEventListener("change", handler);
+            return () => mql.removeEventListener("change", handler);
+        });
+        return () => {
+            mqls.forEach(fn => fn());
+        };
+    }, []);
+    return (jsxRuntime.jsx(BreakpointCtx.Provider, { value: current, children: children }));
 };
 
 exports.BreakpointCtx = BreakpointCtx;

package/breakpoint/BreakpointProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreakpointProvider.cjs","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { ReactNode, useState, useCallback, useLayoutEffect } from \"react\";\r\nimport { breakpoints } from \"../css\";\r\nimport { BreakpointKeys } from \"../css/types\";\r\nimport { useDocument } from \"../Document\";\r\n\r\ntype BreakpointCtxType = {\r\n    key: BreakpointKeys;\r\n    width: number;\r\n};\r\n\r\nexport const BreakpointCtx = React.createContext<BreakpointCtxType>({\r\n    key: \"xl\",\r\n    width: 1920,\r\n});\r\n\r\n/**\r\n * SSR-safe breakpoint detection\r\n */\r\nconst getKey = (width: number): BreakpointKeys => {\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 doc = useDocument();\r\n\r\n    const getWidth = () => {\r\n        if (!doc) return 1920; // SSR fallback\r\n        return doc.document.documentElement.clientWidth || window.innerWidth;\r\n    };\r\n\r\n    const [state, setState] = useState<BreakpointCtxType>(() => {\r\n        const width = getWidth();\r\n        return { width, key: getKey(width) };\r\n    });\r\n\r\n    const handler = useCallback(() => {\r\n        const width = getWidth();\r\n        const key = getKey(width);\r\n\r\n        setState(prev => (prev.key === key ? prev : { key, width }));\r\n    }, [doc]);\r\n\r\n    useLayoutEffect(() => {\r\n        handler(); // set correct initial value\r\n        window.addEventListener(\"resize\", handler, { passive: true });\r\n        return () => window.removeEventListener(\"resize\", handler);\r\n    }, [handler]);\r\n\r\n    return <BreakpointCtx.Provider value={state}>{children}</BreakpointCtx.Provider>;\r\n};"],"names":[],"mappings":";;;;;;;;AAYO;AACH;AACA;AACH;AAED;;AAEG;AACH;AACI;AAA4B;AAC5B;AAA4B;AAC5B;AAA4B;AAC5B;AAA4B;AAC5B;AACJ;;AAGI;;AAGI;;;AAEJ;;AAGI;;AAEJ;AAEA;AACI;AACA;;AAGJ;;;AAII;;AAEJ;;AAGJ;;;"}
+{"version":3,"file":"BreakpointProvider.cjs","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\n\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xl\");\n\nconst queries: Record<BreakpointKeys, string> = {\n    xs: `(max-width:${breakpoints.sm - 0.02}px)`,\n    sm: `(min-width:${breakpoints.sm}px) and (max-width:${breakpoints.md - 0.02}px)`,\n    md: `(min-width:${breakpoints.md}px) and (max-width:${breakpoints.lg - 0.02}px)`,\n    lg: `(min-width:${breakpoints.lg}px) and (max-width:${breakpoints.xl - 0.02}px)`,\n    xl: `(min-width:${breakpoints.xl}px)`\n};\n\nconst getCurrent = (): BreakpointKeys => {\n    if (typeof window === \"undefined\") return \"xs\";\n    const entries = Object.entries(queries) as [BreakpointKeys, string][];\n    for (const [key, query] of entries) {\n        if (window.matchMedia(query).matches) {\n            return key;\n        }\n    }\n    return \"xs\";\n};\n\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\n    const [current, setCurrent] = useState<BreakpointKeys>(() => getCurrent());\n\n    useEffect(() => {\n        if (typeof window === \"undefined\") return;\n        const mqls = Object.entries(queries).map(([key, query]) => {\n            const mql = window.matchMedia(query);\n\n            const handler = () => {\n                if (mql.matches) {\n                    setCurrent(key as BreakpointKeys);\n                }\n            };\n\n            mql.addEventListener(\"change\", handler);\n\n            return () => mql.removeEventListener(\"change\", handler);\n        });\n\n        return () => {\n            mqls.forEach(fn => fn());\n        };\n    }, []);\n\n    return (\n        <BreakpointCtx.Provider value={current}>\n            {children}\n        </BreakpointCtx.Provider>\n    );\n};"],"names":[],"mappings":";;;;;;;AAMO;AAEP;AACI;;;;AAIA;;AAGJ;;AACuC;;;;AAI3B;;;AAGR;AACJ;;AAGI;;;;AAII;;;AAIQ;;;AAGJ;AAEA;;AAGJ;AAEA;;AAEA;;AAGJ;AAKJ;;;"}

package/breakpoint/BreakpointProvider.js

@@ -1,49 +1,47 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import React__default, { useState, useCallback, useLayoutEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import { breakpoints } from '../css/index.js';
-import { useDocument } from '../Document/index.js';
 
-const BreakpointCtx = React__default.createContext({
-    key: "xl",
-    width: 1920,
-});
-/**
- * SSR-safe breakpoint detection
- */
-const getKey = (width) => {
-    if (width < breakpoints.sm)
+const BreakpointCtx = React__default.createContext("xl");
+const queries = {
+    xs: `(max-width:${breakpoints.sm - 0.02}px)`,
+    sm: `(min-width:${breakpoints.sm}px) and (max-width:${breakpoints.md - 0.02}px)`,
+    md: `(min-width:${breakpoints.md}px) and (max-width:${breakpoints.lg - 0.02}px)`,
+    lg: `(min-width:${breakpoints.lg}px) and (max-width:${breakpoints.xl - 0.02}px)`,
+    xl: `(min-width:${breakpoints.xl}px)`
+};
+const getCurrent = () => {
+    if (typeof window === "undefined")
         return "xs";
-    if (width < breakpoints.md)
-        return "sm";
-    if (width < breakpoints.lg)
-        return "md";
-    if (width < breakpoints.xl)
-        return "lg";
-    return "xl";
+    const entries = Object.entries(queries);
+    for (const [key, query] of entries) {
+        if (window.matchMedia(query).matches) {
+            return key;
+        }
+    }
+    return "xs";
 };
 const BreakpointProvider = ({ children }) => {
-    const doc = useDocument();
-    const getWidth = () => {
-        if (!doc)
-            return 1920; // SSR fallback
-        return doc.document.documentElement.clientWidth || window.innerWidth;
-    };
-    const [state, setState] = useState(() => {
-        const width = getWidth();
-        return { width, key: getKey(width) };
-    });
-    const handler = useCallback(() => {
-        const width = getWidth();
-        const key = getKey(width);
-        setState(prev => (prev.key === key ? prev : { key, width }));
-    }, [doc]);
-    useLayoutEffect(() => {
-        handler(); // set correct initial value
-        window.addEventListener("resize", handler, { passive: true });
-        return () => window.removeEventListener("resize", handler);
-    }, [handler]);
-    return jsx(BreakpointCtx.Provider, { value: state, children: children });
+    const [current, setCurrent] = useState(() => getCurrent());
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const mqls = Object.entries(queries).map(([key, query]) => {
+            const mql = window.matchMedia(query);
+            const handler = () => {
+                if (mql.matches) {
+                    setCurrent(key);
+                }
+            };
+            mql.addEventListener("change", handler);
+            return () => mql.removeEventListener("change", handler);
+        });
+        return () => {
+            mqls.forEach(fn => fn());
+        };
+    }, []);
+    return (jsx(BreakpointCtx.Provider, { value: current, children: children }));
 };
 
 export { BreakpointCtx, BreakpointProvider };

package/breakpoint/BreakpointProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreakpointProvider.js","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { ReactNode, useState, useCallback, useLayoutEffect } from \"react\";\r\nimport { breakpoints } from \"../css\";\r\nimport { BreakpointKeys } from \"../css/types\";\r\nimport { useDocument } from \"../Document\";\r\n\r\ntype BreakpointCtxType = {\r\n    key: BreakpointKeys;\r\n    width: number;\r\n};\r\n\r\nexport const BreakpointCtx = React.createContext<BreakpointCtxType>({\r\n    key: \"xl\",\r\n    width: 1920,\r\n});\r\n\r\n/**\r\n * SSR-safe breakpoint detection\r\n */\r\nconst getKey = (width: number): BreakpointKeys => {\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 doc = useDocument();\r\n\r\n    const getWidth = () => {\r\n        if (!doc) return 1920; // SSR fallback\r\n        return doc.document.documentElement.clientWidth || window.innerWidth;\r\n    };\r\n\r\n    const [state, setState] = useState<BreakpointCtxType>(() => {\r\n        const width = getWidth();\r\n        return { width, key: getKey(width) };\r\n    });\r\n\r\n    const handler = useCallback(() => {\r\n        const width = getWidth();\r\n        const key = getKey(width);\r\n\r\n        setState(prev => (prev.key === key ? prev : { key, width }));\r\n    }, [doc]);\r\n\r\n    useLayoutEffect(() => {\r\n        handler(); // set correct initial value\r\n        window.addEventListener(\"resize\", handler, { passive: true });\r\n        return () => window.removeEventListener(\"resize\", handler);\r\n    }, [handler]);\r\n\r\n    return <BreakpointCtx.Provider value={state}>{children}</BreakpointCtx.Provider>;\r\n};"],"names":[],"mappings":";;;;;;AAYO;AACH;AACA;AACH;AAED;;AAEG;AACH;AACI;AAA4B;AAC5B;AAA4B;AAC5B;AAA4B;AAC5B;AAA4B;AAC5B;AACJ;;AAGI;;AAGI;;;AAEJ;;AAGI;;AAEJ;AAEA;AACI;AACA;;AAGJ;;;AAII;;AAEJ;;AAGJ;;"}
+{"version":3,"file":"BreakpointProvider.js","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { ReactNode, useEffect, useState } from \"react\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\n\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xl\");\n\nconst queries: Record<BreakpointKeys, string> = {\n    xs: `(max-width:${breakpoints.sm - 0.02}px)`,\n    sm: `(min-width:${breakpoints.sm}px) and (max-width:${breakpoints.md - 0.02}px)`,\n    md: `(min-width:${breakpoints.md}px) and (max-width:${breakpoints.lg - 0.02}px)`,\n    lg: `(min-width:${breakpoints.lg}px) and (max-width:${breakpoints.xl - 0.02}px)`,\n    xl: `(min-width:${breakpoints.xl}px)`\n};\n\nconst getCurrent = (): BreakpointKeys => {\n    if (typeof window === \"undefined\") return \"xs\";\n    const entries = Object.entries(queries) as [BreakpointKeys, string][];\n    for (const [key, query] of entries) {\n        if (window.matchMedia(query).matches) {\n            return key;\n        }\n    }\n    return \"xs\";\n};\n\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\n    const [current, setCurrent] = useState<BreakpointKeys>(() => getCurrent());\n\n    useEffect(() => {\n        if (typeof window === \"undefined\") return;\n        const mqls = Object.entries(queries).map(([key, query]) => {\n            const mql = window.matchMedia(query);\n\n            const handler = () => {\n                if (mql.matches) {\n                    setCurrent(key as BreakpointKeys);\n                }\n            };\n\n            mql.addEventListener(\"change\", handler);\n\n            return () => mql.removeEventListener(\"change\", handler);\n        });\n\n        return () => {\n            mqls.forEach(fn => fn());\n        };\n    }, []);\n\n    return (\n        <BreakpointCtx.Provider value={current}>\n            {children}\n        </BreakpointCtx.Provider>\n    );\n};"],"names":[],"mappings":";;;;;AAMO;AAEP;AACI;;;;AAIA;;AAGJ;;AACuC;;;;AAI3B;;;AAGR;AACJ;;AAGI;;;;AAII;;;AAIQ;;;AAGJ;AAEA;;AAGJ;AAEA;;AAEA;;AAGJ;AAKJ;;"}

package/breakpoint/useBreakpoint.cjs

@@ -4,23 +4,24 @@ var React = require('react');
 var BreakpointProvider = require('./BreakpointProvider.cjs');
 var index = require('../css/index.cjs');
 
+const keys = Object.keys(index.breakpoints);
 const useBreakpoint = () => {
-    const { key: value, width } = React.useContext(BreakpointProvider.BreakpointCtx);
-    const is = (k) => value === k;
-    const isUp = (k) => width >= index.breakpoints[k];
-    const isDown = (k) => width < index.breakpoints[k];
+    const value = React.useContext(BreakpointProvider.BreakpointCtx);
+    const index = keys.indexOf(value);
+    const is = (key) => value === key;
+    const isUp = (key) => index >= keys.indexOf(key);
+    const isDown = (key) => index < keys.indexOf(key);
+    const isBetween = (start, end) => index >= keys.indexOf(start) && index < keys.indexOf(end);
     const isOrUp = (k) => isUp(k) || is(k);
     const isOrDown = (k) => isDown(k) || is(k);
-    const isBetween = (start, end) => width >= index.breakpoints[start] && width < index.breakpoints[end];
     return {
-        value, // current breakpoint key
-        width, // current width
+        value,
         is,
         isUp,
         isDown,
+        isBetween,
         isOrUp,
-        isOrDown,
-        isBetween
+        isOrDown
     };
 };
 

package/breakpoint/useBreakpoint.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.cjs","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 { key: value, width } = useContext(BreakpointCtx);\r\n\r\n   const is = (k: BreakpointKeys) => value === k;\r\n   const isUp = (k: BreakpointKeys) => width >= breakpoints[k];\r\n   const isDown = (k: BreakpointKeys) => width < breakpoints[k];\r\n   const isOrUp = (k: BreakpointKeys) => isUp(k) || is(k);\r\n   const isOrDown = (k: BreakpointKeys) => isDown(k) || is(k);\r\n   const isBetween = (start: BreakpointKeys, end: BreakpointKeys) =>\r\n      width >= breakpoints[start] && width < breakpoints[end];\r\n\r\n   return {\r\n      value,   // current breakpoint key\r\n      width,   // current width\r\n      is,\r\n      isUp,\r\n      isDown,\r\n      isOrUp,\r\n      isOrDown,\r\n      isBetween\r\n   };\r\n};\r\n\r\nexport default useBreakpoint;"],"names":["useContext","BreakpointCtx","breakpoints"],"mappings":";;;;;;AAKA,MAAM,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAGA,gBAAU,CAACC,gCAAa,CAAC;IAEvD,MAAM,EAAE,GAAG,CAAC,CAAiB,KAAK,KAAK,KAAK,CAAC;AAC7C,IAAA,MAAM,IAAI,GAAG,CAAC,CAAiB,KAAK,KAAK,IAAIC,iBAAW,CAAC,CAAC,CAAC;AAC3D,IAAA,MAAM,MAAM,GAAG,CAAC,CAAiB,KAAK,KAAK,GAAGA,iBAAW,CAAC,CAAC,CAAC;AAC5D,IAAA,MAAM,MAAM,GAAG,CAAC,CAAiB,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AACtD,IAAA,MAAM,QAAQ,GAAG,CAAC,CAAiB,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,GAAmB,KAC1D,KAAK,IAAIA,iBAAW,CAAC,KAAK,CAAC,IAAI,KAAK,GAAGA,iBAAW,CAAC,GAAG,CAAC;IAE1D,OAAO;AACJ,QAAA,KAAK;AACL,QAAA,KAAK;QACL,EAAE;QACF,IAAI;QACJ,MAAM;QACN,MAAM;QACN,QAAQ;QACR;KACF;AACJ;;;;"}
+{"version":3,"file":"useBreakpoint.cjs","sources":["../../src/breakpoint/useBreakpoint.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { BreakpointCtx } from \"./BreakpointProvider\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\n\nconst keys = Object.keys(breakpoints) as BreakpointKeys[];\n\nconst useBreakpoint = () => {\n   const value = useContext(BreakpointCtx);\n   const index = keys.indexOf(value);\n\n   const is = (key: BreakpointKeys) => value === key;\n   const isUp = (key: BreakpointKeys) => index >= keys.indexOf(key);\n   const isDown = (key: BreakpointKeys) => index < keys.indexOf(key);\n   const isBetween = (start: BreakpointKeys, end: BreakpointKeys) =>\n      index >= keys.indexOf(start) && index < keys.indexOf(end);\n   const isOrUp = (k: BreakpointKeys) => isUp(k) || is(k);\n   const isOrDown = (k: BreakpointKeys) => isDown(k) || is(k);\n\n   return {\n      value,\n      is,\n      isUp,\n      isDown,\n      isBetween,\n      isOrUp,\n      isOrDown\n   };\n};\n\nexport default useBreakpoint;"],"names":["breakpoints","useContext","BreakpointCtx"],"mappings":";;;;;;AAKA,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAACA,iBAAW,CAAqB;AAEzD,MAAM,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,KAAK,GAAGC,gBAAU,CAACC,gCAAa,CAAC;IACvC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAEjC,MAAM,EAAE,GAAG,CAAC,GAAmB,KAAK,KAAK,KAAK,GAAG;AACjD,IAAA,MAAM,IAAI,GAAG,CAAC,GAAmB,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AAChE,IAAA,MAAM,MAAM,GAAG,CAAC,GAAmB,KAAK,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;IACjE,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,GAAmB,KAC1D,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AAC5D,IAAA,MAAM,MAAM,GAAG,CAAC,CAAiB,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AACtD,IAAA,MAAM,QAAQ,GAAG,CAAC,CAAiB,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAE1D,OAAO;QACJ,KAAK;QACL,EAAE;QACF,IAAI;QACJ,MAAM;QACN,SAAS;QACT,MAAM;QACN;KACF;AACJ;;;;"}

package/breakpoint/useBreakpoint.d.ts

@@ -2,13 +2,12 @@ import { BreakpointKeys } from '../css/types.js';
 
 declare const useBreakpoint: () => {
     value: BreakpointKeys;
-    width: number;
-    is: (k: BreakpointKeys) => boolean;
-    isUp: (k: BreakpointKeys) => boolean;
-    isDown: (k: BreakpointKeys) => boolean;
+    is: (key: BreakpointKeys) => boolean;
+    isUp: (key: BreakpointKeys) => boolean;
+    isDown: (key: BreakpointKeys) => boolean;
+    isBetween: (start: BreakpointKeys, end: BreakpointKeys) => boolean;
     isOrUp: (k: BreakpointKeys) => boolean;
     isOrDown: (k: BreakpointKeys) => boolean;
-    isBetween: (start: BreakpointKeys, end: BreakpointKeys) => boolean;
 };
 
 export { useBreakpoint as default };

package/breakpoint/useBreakpoint.js

@@ -2,23 +2,24 @@ import { useContext } from 'react';
 import { BreakpointCtx } from './BreakpointProvider.js';
 import { breakpoints } from '../css/index.js';
 
+const keys = Object.keys(breakpoints);
 const useBreakpoint = () => {
-    const { key: value, width } = useContext(BreakpointCtx);
-    const is = (k) => value === k;
-    const isUp = (k) => width >= breakpoints[k];
-    const isDown = (k) => width < breakpoints[k];
+    const value = useContext(BreakpointCtx);
+    const index = keys.indexOf(value);
+    const is = (key) => value === key;
+    const isUp = (key) => index >= keys.indexOf(key);
+    const isDown = (key) => index < keys.indexOf(key);
+    const isBetween = (start, end) => index >= keys.indexOf(start) && index < keys.indexOf(end);
     const isOrUp = (k) => isUp(k) || is(k);
     const isOrDown = (k) => isDown(k) || is(k);
-    const isBetween = (start, end) => width >= breakpoints[start] && width < breakpoints[end];
     return {
-        value, // current breakpoint key
-        width, // current width
+        value,
         is,
         isUp,
         isDown,
+        isBetween,
         isOrUp,
-        isOrDown,
-        isBetween
+        isOrDown
     };
 };
 

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 { breakpoints } from \"../css\";\r\nimport { BreakpointKeys } from \"../css/types\";\r\n\r\nconst useBreakpoint = () => {\r\n   const { key: value, width } = useContext(BreakpointCtx);\r\n\r\n   const is = (k: BreakpointKeys) => value === k;\r\n   const isUp = (k: BreakpointKeys) => width >= breakpoints[k];\r\n   const isDown = (k: BreakpointKeys) => width < breakpoints[k];\r\n   const isOrUp = (k: BreakpointKeys) => isUp(k) || is(k);\r\n   const isOrDown = (k: BreakpointKeys) => isDown(k) || is(k);\r\n   const isBetween = (start: BreakpointKeys, end: BreakpointKeys) =>\r\n      width >= breakpoints[start] && width < breakpoints[end];\r\n\r\n   return {\r\n      value,   // current breakpoint key\r\n      width,   // current width\r\n      is,\r\n      isUp,\r\n      isDown,\r\n      isOrUp,\r\n      isOrDown,\r\n      isBetween\r\n   };\r\n};\r\n\r\nexport default useBreakpoint;"],"names":[],"mappings":";;;;AAKA,MAAM,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC;IAEvD,MAAM,EAAE,GAAG,CAAC,CAAiB,KAAK,KAAK,KAAK,CAAC;AAC7C,IAAA,MAAM,IAAI,GAAG,CAAC,CAAiB,KAAK,KAAK,IAAI,WAAW,CAAC,CAAC,CAAC;AAC3D,IAAA,MAAM,MAAM,GAAG,CAAC,CAAiB,KAAK,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC;AAC5D,IAAA,MAAM,MAAM,GAAG,CAAC,CAAiB,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AACtD,IAAA,MAAM,QAAQ,GAAG,CAAC,CAAiB,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,GAAmB,KAC1D,KAAK,IAAI,WAAW,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC;IAE1D,OAAO;AACJ,QAAA,KAAK;AACL,QAAA,KAAK;QACL,EAAE;QACF,IAAI;QACJ,MAAM;QACN,MAAM;QACN,QAAQ;QACR;KACF;AACJ;;;;"}
+{"version":3,"file":"useBreakpoint.js","sources":["../../src/breakpoint/useBreakpoint.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { BreakpointCtx } from \"./BreakpointProvider\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\n\nconst keys = Object.keys(breakpoints) as BreakpointKeys[];\n\nconst useBreakpoint = () => {\n   const value = useContext(BreakpointCtx);\n   const index = keys.indexOf(value);\n\n   const is = (key: BreakpointKeys) => value === key;\n   const isUp = (key: BreakpointKeys) => index >= keys.indexOf(key);\n   const isDown = (key: BreakpointKeys) => index < keys.indexOf(key);\n   const isBetween = (start: BreakpointKeys, end: BreakpointKeys) =>\n      index >= keys.indexOf(start) && index < keys.indexOf(end);\n   const isOrUp = (k: BreakpointKeys) => isUp(k) || is(k);\n   const isOrDown = (k: BreakpointKeys) => isDown(k) || is(k);\n\n   return {\n      value,\n      is,\n      isUp,\n      isDown,\n      isBetween,\n      isOrUp,\n      isOrDown\n   };\n};\n\nexport default useBreakpoint;"],"names":[],"mappings":";;;;AAKA,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAqB;AAEzD,MAAM,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,KAAK,GAAG,UAAU,CAAC,aAAa,CAAC;IACvC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC;IAEjC,MAAM,EAAE,GAAG,CAAC,GAAmB,KAAK,KAAK,KAAK,GAAG;AACjD,IAAA,MAAM,IAAI,GAAG,CAAC,GAAmB,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AAChE,IAAA,MAAM,MAAM,GAAG,CAAC,GAAmB,KAAK,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;IACjE,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,GAAmB,KAC1D,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC;AAC5D,IAAA,MAAM,MAAM,GAAG,CAAC,CAAiB,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;AACtD,IAAA,MAAM,QAAQ,GAAG,CAAC,CAAiB,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAE1D,OAAO;QACJ,KAAK;QACL,EAAE;QACF,IAAI;QACJ,MAAM;QACN,SAAS;QACT,MAAM;QACN;KACF;AACJ;;;;"}

package/breakpoint/useBreakpointProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpointProps.cjs","sources":["../../src/breakpoint/useBreakpointProps.ts"],"sourcesContent":["import { isValidElement, useMemo } from \"react\"\r\nimport useBreakpoint from \"./useBreakpoint\"\r\nimport { BreakpointKeys } from \"../css/types\"\r\n\r\nexport type useBreakpointPropsType<P> = P | {\r\n   [key in BreakpointKeys]?: P\r\n}\r\n\r\nconst useBreakpointProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\r\n   const bpoint = useBreakpoint()\r\n   const cachekey = JSON.stringify(props, (key, value) => {\r\n      return key === '_owner' || key === '_store' ? undefined : value;\r\n   }, 2);\r\n\r\n   const bprops = useMemo(() => {\r\n      let bprops: any = []\r\n      let bkeys = ['xs', 'sm', 'md', 'lg', 'xl']\r\n\r\n      for (let prop in props) {\r\n         let val = (props as any)[prop]\r\n         if (!isValidElement(val) && typeof val === 'object' && val !== null && Object.keys(val).some(k => bkeys.includes(k))) {\r\n            bprops.push(prop)\r\n         }\r\n      }\r\n      return bprops\r\n   }, [cachekey]);\r\n\r\n\r\n   if (bprops.length === 0) return props;\r\n\r\n   const format: any = {\r\n      xs: {},\r\n      sm: {},\r\n      md: {},\r\n      lg: {},\r\n      xl: {}\r\n   }\r\n\r\n   for (let prop of bprops) {\r\n      let val = (props as any)[prop]\r\n      for (let bp in val) {\r\n         format[bp][prop] = val[bp]\r\n      }\r\n   }\r\n\r\n   let _props = format.xs || {};\r\n   for (let key of ['sm', 'md', 'lg', 'xl']) {\r\n      if (bpoint.isDown(key as any)) break;\r\n      if (bpoint.isOrUp(key as any)) {\r\n         _props = { ..._props, ...format[key] };\r\n      }\r\n   }\r\n\r\n   return {\r\n      ...props,\r\n      ..._props\r\n   };\r\n}\r\n\r\n\r\n\r\nexport default useBreakpointProps"],"names":["useMemo","isValidElement"],"mappings":";;;;;AAQA,MAAM,kBAAkB,GAAG,CAAmB,KAAgC,KAA+B;AAC1G,IAAA,MAAM,MAAM,GAAG,aAAa,EAAE;AAC9B,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;AACnD,QAAA,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,GAAG,SAAS,GAAG,KAAK;IAClE,CAAC,EAAE,CAAC,CAAC;AAEL,IAAA,MAAM,MAAM,GAAGA,aAAO,CAAC,MAAK;QACzB,IAAI,MAAM,GAAQ,EAAE;AACpB,QAAA,IAAI,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAE1C,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;AACrB,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;AAC9B,YAAA,IAAI,CAACC,oBAAc,CAAC,GAAG,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;AACnH,gBAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACpB;QACH;AACA,QAAA,OAAO,MAAM;AAChB,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAGd,IAAA,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAErC,IAAA,MAAM,MAAM,GAAQ;AACjB,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE;KACN;AAED,IAAA,KAAK,IAAI,IAAI,IAAI,MAAM,EAAE;AACtB,QAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;AAC9B,QAAA,KAAK,IAAI,EAAE,IAAI,GAAG,EAAE;YACjB,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;QAC7B;IACH;AAEA,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE;AAC5B,IAAA,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AACvC,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,GAAU,CAAC;YAAE;AAC/B,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,GAAU,CAAC,EAAE;YAC5B,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAA,EAAK,MAAM,CAAC,GAAG,CAAC,CAAE;QACzC;IACH;IAEA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,KAAK,CAAA,EACL,MAAM,CAAA;AAEf;;;;"}
+{"version":3,"file":"useBreakpointProps.cjs","sources":["../../src/breakpoint/useBreakpointProps.ts"],"sourcesContent":["import { isValidElement, useMemo } from \"react\"\nimport useBreakpoint from \"./useBreakpoint\"\nimport { BreakpointKeys } from \"../css/types\"\n\nexport type useBreakpointPropsType<P> = P | {\n   [key in BreakpointKeys]?: P\n}\n\nconst useBreakpointProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\n   const bpoint = useBreakpoint()\n   const cachekey = JSON.stringify(props, (key, value) => {\n      return key === '_owner' || key === '_store' ? undefined : value;\n   }, 2);\n\n   const bprops = useMemo(() => {\n      let bprops: any = []\n      let bkeys = ['xs', 'sm', 'md', 'lg', 'xl']\n\n      for (let prop in props) {\n         let val = (props as any)[prop]\n         if (!isValidElement(val) && typeof val === 'object' && val !== null && Object.keys(val).some(k => bkeys.includes(k))) {\n            bprops.push(prop)\n         }\n      }\n      return bprops\n   }, [cachekey]);\n\n\n   if (bprops.length === 0) return props;\n\n   const format: any = {\n      xs: {},\n      sm: {},\n      md: {},\n      lg: {},\n      xl: {}\n   }\n\n   for (let prop of bprops) {\n      let val = (props as any)[prop]\n      for (let bp in val) {\n         format[bp][prop] = val[bp]\n      }\n   }\n\n   let _props = format.xs || {};\n   for (let key of ['sm', 'md', 'lg', 'xl']) {\n      if (bpoint.isDown(key as any)) break;\n      if (bpoint.isOrUp(key as any)) {\n         _props = { ..._props, ...format[key] };\n      }\n   }\n\n   return {\n      ...props,\n      ..._props\n   };\n}\n\n\n\nexport default useBreakpointProps"],"names":["useMemo","isValidElement"],"mappings":";;;;;AAQA,MAAM,kBAAkB,GAAG,CAAmB,KAAgC,KAA+B;AAC1G,IAAA,MAAM,MAAM,GAAG,aAAa,EAAE;AAC9B,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;AACnD,QAAA,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,GAAG,SAAS,GAAG,KAAK;IAClE,CAAC,EAAE,CAAC,CAAC;AAEL,IAAA,MAAM,MAAM,GAAGA,aAAO,CAAC,MAAK;QACzB,IAAI,MAAM,GAAQ,EAAE;AACpB,QAAA,IAAI,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAE1C,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;AACrB,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;AAC9B,YAAA,IAAI,CAACC,oBAAc,CAAC,GAAG,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;AACnH,gBAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACpB;QACH;AACA,QAAA,OAAO,MAAM;AAChB,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAGd,IAAA,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAErC,IAAA,MAAM,MAAM,GAAQ;AACjB,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE;KACN;AAED,IAAA,KAAK,IAAI,IAAI,IAAI,MAAM,EAAE;AACtB,QAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;AAC9B,QAAA,KAAK,IAAI,EAAE,IAAI,GAAG,EAAE;YACjB,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;QAC7B;IACH;AAEA,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE;AAC5B,IAAA,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AACvC,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,GAAU,CAAC;YAAE;AAC/B,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,GAAU,CAAC,EAAE;YAC5B,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAA,EAAK,MAAM,CAAC,GAAG,CAAC,CAAE;QACzC;IACH;IAEA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,KAAK,CAAA,EACL,MAAM,CAAA;AAEf;;;;"}

package/breakpoint/useBreakpointProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpointProps.js","sources":["../../src/breakpoint/useBreakpointProps.ts"],"sourcesContent":["import { isValidElement, useMemo } from \"react\"\r\nimport useBreakpoint from \"./useBreakpoint\"\r\nimport { BreakpointKeys } from \"../css/types\"\r\n\r\nexport type useBreakpointPropsType<P> = P | {\r\n   [key in BreakpointKeys]?: P\r\n}\r\n\r\nconst useBreakpointProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\r\n   const bpoint = useBreakpoint()\r\n   const cachekey = JSON.stringify(props, (key, value) => {\r\n      return key === '_owner' || key === '_store' ? undefined : value;\r\n   }, 2);\r\n\r\n   const bprops = useMemo(() => {\r\n      let bprops: any = []\r\n      let bkeys = ['xs', 'sm', 'md', 'lg', 'xl']\r\n\r\n      for (let prop in props) {\r\n         let val = (props as any)[prop]\r\n         if (!isValidElement(val) && typeof val === 'object' && val !== null && Object.keys(val).some(k => bkeys.includes(k))) {\r\n            bprops.push(prop)\r\n         }\r\n      }\r\n      return bprops\r\n   }, [cachekey]);\r\n\r\n\r\n   if (bprops.length === 0) return props;\r\n\r\n   const format: any = {\r\n      xs: {},\r\n      sm: {},\r\n      md: {},\r\n      lg: {},\r\n      xl: {}\r\n   }\r\n\r\n   for (let prop of bprops) {\r\n      let val = (props as any)[prop]\r\n      for (let bp in val) {\r\n         format[bp][prop] = val[bp]\r\n      }\r\n   }\r\n\r\n   let _props = format.xs || {};\r\n   for (let key of ['sm', 'md', 'lg', 'xl']) {\r\n      if (bpoint.isDown(key as any)) break;\r\n      if (bpoint.isOrUp(key as any)) {\r\n         _props = { ..._props, ...format[key] };\r\n      }\r\n   }\r\n\r\n   return {\r\n      ...props,\r\n      ..._props\r\n   };\r\n}\r\n\r\n\r\n\r\nexport default useBreakpointProps"],"names":[],"mappings":";;;AAQA,MAAM,kBAAkB,GAAG,CAAmB,KAAgC,KAA+B;AAC1G,IAAA,MAAM,MAAM,GAAG,aAAa,EAAE;AAC9B,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;AACnD,QAAA,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,GAAG,SAAS,GAAG,KAAK;IAClE,CAAC,EAAE,CAAC,CAAC;AAEL,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAK;QACzB,IAAI,MAAM,GAAQ,EAAE;AACpB,QAAA,IAAI,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAE1C,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;AACrB,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;AAC9B,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;AACnH,gBAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACpB;QACH;AACA,QAAA,OAAO,MAAM;AAChB,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAGd,IAAA,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAErC,IAAA,MAAM,MAAM,GAAQ;AACjB,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE;KACN;AAED,IAAA,KAAK,IAAI,IAAI,IAAI,MAAM,EAAE;AACtB,QAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;AAC9B,QAAA,KAAK,IAAI,EAAE,IAAI,GAAG,EAAE;YACjB,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;QAC7B;IACH;AAEA,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE;AAC5B,IAAA,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AACvC,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,GAAU,CAAC;YAAE;AAC/B,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,GAAU,CAAC,EAAE;YAC5B,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAA,EAAK,MAAM,CAAC,GAAG,CAAC,CAAE;QACzC;IACH;IAEA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,KAAK,CAAA,EACL,MAAM,CAAA;AAEf;;;;"}
+{"version":3,"file":"useBreakpointProps.js","sources":["../../src/breakpoint/useBreakpointProps.ts"],"sourcesContent":["import { isValidElement, useMemo } from \"react\"\nimport useBreakpoint from \"./useBreakpoint\"\nimport { BreakpointKeys } from \"../css/types\"\n\nexport type useBreakpointPropsType<P> = P | {\n   [key in BreakpointKeys]?: P\n}\n\nconst useBreakpointProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\n   const bpoint = useBreakpoint()\n   const cachekey = JSON.stringify(props, (key, value) => {\n      return key === '_owner' || key === '_store' ? undefined : value;\n   }, 2);\n\n   const bprops = useMemo(() => {\n      let bprops: any = []\n      let bkeys = ['xs', 'sm', 'md', 'lg', 'xl']\n\n      for (let prop in props) {\n         let val = (props as any)[prop]\n         if (!isValidElement(val) && typeof val === 'object' && val !== null && Object.keys(val).some(k => bkeys.includes(k))) {\n            bprops.push(prop)\n         }\n      }\n      return bprops\n   }, [cachekey]);\n\n\n   if (bprops.length === 0) return props;\n\n   const format: any = {\n      xs: {},\n      sm: {},\n      md: {},\n      lg: {},\n      xl: {}\n   }\n\n   for (let prop of bprops) {\n      let val = (props as any)[prop]\n      for (let bp in val) {\n         format[bp][prop] = val[bp]\n      }\n   }\n\n   let _props = format.xs || {};\n   for (let key of ['sm', 'md', 'lg', 'xl']) {\n      if (bpoint.isDown(key as any)) break;\n      if (bpoint.isOrUp(key as any)) {\n         _props = { ..._props, ...format[key] };\n      }\n   }\n\n   return {\n      ...props,\n      ..._props\n   };\n}\n\n\n\nexport default useBreakpointProps"],"names":[],"mappings":";;;AAQA,MAAM,kBAAkB,GAAG,CAAmB,KAAgC,KAA+B;AAC1G,IAAA,MAAM,MAAM,GAAG,aAAa,EAAE;AAC9B,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;AACnD,QAAA,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,GAAG,SAAS,GAAG,KAAK;IAClE,CAAC,EAAE,CAAC,CAAC;AAEL,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAK;QACzB,IAAI,MAAM,GAAQ,EAAE;AACpB,QAAA,IAAI,KAAK,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAE1C,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;AACrB,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;AAC9B,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;AACnH,gBAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YACpB;QACH;AACA,QAAA,OAAO,MAAM;AAChB,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAGd,IAAA,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAErC,IAAA,MAAM,MAAM,GAAQ;AACjB,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE,EAAE;AACN,QAAA,EAAE,EAAE;KACN;AAED,IAAA,KAAK,IAAI,IAAI,IAAI,MAAM,EAAE;AACtB,QAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;AAC9B,QAAA,KAAK,IAAI,EAAE,IAAI,GAAG,EAAE;YACjB,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;QAC7B;IACH;AAEA,IAAA,IAAI,MAAM,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE;AAC5B,IAAA,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AACvC,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,GAAU,CAAC;YAAE;AAC/B,QAAA,IAAI,MAAM,CAAC,MAAM,CAAC,GAAU,CAAC,EAAE;YAC5B,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAA,EAAK,MAAM,CAAC,GAAG,CAAC,CAAE;QACzC;IACH;IAEA,OAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACM,KAAK,CAAA,EACL,MAAM,CAAA;AAEf;;;;"}

package/css/CSSCacheProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CSSCacheProvider.cjs","sources":["../../src/css/CSSCacheProvider.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { ONCSS_CACHE } from 'oncss'\r\n\r\nconst CSSCacheContext = React.createContext<string | null>(null);\r\n\r\nexport const CSSCacheProvider: React.FC<{ cacheId: string | null; children: React.ReactNode }> = ({ cacheId, children }) => {\r\n   return (\r\n      <CSSCacheContext.Provider value={cacheId}>\r\n         {children}\r\n      </CSSCacheContext.Provider>\r\n   );\r\n}\r\n\r\nexport const useCSSCacheId = () => {\r\n   return React.useContext(CSSCacheContext) as string\r\n}\r\n\r\nexport const useCSSCache = () => {\r\n   const cacheId = React.useContext(CSSCacheContext);\r\n   if (typeof window === 'undefined') {\r\n      return null as any;\r\n   }\r\n   const caches = ONCSS_CACHE.caches()\r\n\r\n   return {\r\n      cacheId,\r\n      cache: caches.get(cacheId!)\r\n   }\r\n}\r\n\r\nexport const getCSSCache = (cacheId: string) => {\r\n   const caches = ONCSS_CACHE.caches()\r\n   return caches.get(cacheId)\r\n}"],"names":["_jsx","ONCSS_CACHE"],"mappings":";;;;;;AAGA,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAgB,IAAI,CAAC;AAEzD,MAAM,gBAAgB,GAAoE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;AACxH,IAAA,QACGA,cAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACpC,QAAQ,EAAA,CACe;AAEjC;AAEO,MAAM,aAAa,GAAG,MAAK;AAC/B,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,eAAe,CAAW;AACrD;AAEO,MAAM,WAAW,GAAG,MAAK;IAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC;AACjD,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAChC,QAAA,OAAO,IAAW;IACrB;AACA,IAAA,MAAM,MAAM,GAAGC,iBAAW,CAAC,MAAM,EAAE;IAEnC,OAAO;QACJ,OAAO;AACP,QAAA,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,OAAQ;KAC5B;AACJ;AAEO,MAAM,WAAW,GAAG,CAAC,OAAe,KAAI;AAC5C,IAAA,MAAM,MAAM,GAAGA,iBAAW,CAAC,MAAM,EAAE;AACnC,IAAA,OAAO,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC;AAC7B;;;;;;;"}
+{"version":3,"file":"CSSCacheProvider.cjs","sources":["../../src/css/CSSCacheProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ONCSS_CACHE } from 'oncss'\n\nconst CSSCacheContext = React.createContext<string | null>(null);\n\nexport const CSSCacheProvider: React.FC<{ cacheId: string | null; children: React.ReactNode }> = ({ cacheId, children }) => {\n   return (\n      <CSSCacheContext.Provider value={cacheId}>\n         {children}\n      </CSSCacheContext.Provider>\n   );\n}\n\nexport const useCSSCacheId = () => {\n   return React.useContext(CSSCacheContext) as string\n}\n\nexport const useCSSCache = () => {\n   const cacheId = React.useContext(CSSCacheContext);\n   if (typeof window === 'undefined') {\n      return null as any;\n   }\n   const caches = ONCSS_CACHE.caches()\n\n   return {\n      cacheId,\n      cache: caches.get(cacheId!)\n   }\n}\n\nexport const getCSSCache = (cacheId: string) => {\n   const caches = ONCSS_CACHE.caches()\n   return caches.get(cacheId)\n}"],"names":["_jsx","ONCSS_CACHE"],"mappings":";;;;;;AAGA,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAgB,IAAI,CAAC;AAEzD,MAAM,gBAAgB,GAAoE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;AACxH,IAAA,QACGA,cAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACpC,QAAQ,EAAA,CACe;AAEjC;AAEO,MAAM,aAAa,GAAG,MAAK;AAC/B,IAAA,OAAO,KAAK,CAAC,UAAU,CAAC,eAAe,CAAW;AACrD;AAEO,MAAM,WAAW,GAAG,MAAK;IAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC;AACjD,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAChC,QAAA,OAAO,IAAW;IACrB;AACA,IAAA,MAAM,MAAM,GAAGC,iBAAW,CAAC,MAAM,EAAE;IAEnC,OAAO;QACJ,OAAO;AACP,QAAA,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,OAAQ;KAC5B;AACJ;AAEO,MAAM,WAAW,GAAG,CAAC,OAAe,KAAI;AAC5C,IAAA,MAAM,MAAM,GAAGA,iBAAW,CAAC,MAAM,EAAE;AACnC,IAAA,OAAO,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC;AAC7B;;;;;;;"}

package/css/CSSCacheProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CSSCacheProvider.js","sources":["../../src/css/CSSCacheProvider.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { ONCSS_CACHE } from 'oncss'\r\n\r\nconst CSSCacheContext = React.createContext<string | null>(null);\r\n\r\nexport const CSSCacheProvider: React.FC<{ cacheId: string | null; children: React.ReactNode }> = ({ cacheId, children }) => {\r\n   return (\r\n      <CSSCacheContext.Provider value={cacheId}>\r\n         {children}\r\n      </CSSCacheContext.Provider>\r\n   );\r\n}\r\n\r\nexport const useCSSCacheId = () => {\r\n   return React.useContext(CSSCacheContext) as string\r\n}\r\n\r\nexport const useCSSCache = () => {\r\n   const cacheId = React.useContext(CSSCacheContext);\r\n   if (typeof window === 'undefined') {\r\n      return null as any;\r\n   }\r\n   const caches = ONCSS_CACHE.caches()\r\n\r\n   return {\r\n      cacheId,\r\n      cache: caches.get(cacheId!)\r\n   }\r\n}\r\n\r\nexport const getCSSCache = (cacheId: string) => {\r\n   const caches = ONCSS_CACHE.caches()\r\n   return caches.get(cacheId)\r\n}"],"names":["React","_jsx"],"mappings":";;;;AAGA,MAAM,eAAe,GAAGA,cAAK,CAAC,aAAa,CAAgB,IAAI,CAAC;AAEzD,MAAM,gBAAgB,GAAoE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;AACxH,IAAA,QACGC,GAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACpC,QAAQ,EAAA,CACe;AAEjC;AAEO,MAAM,aAAa,GAAG,MAAK;AAC/B,IAAA,OAAOD,cAAK,CAAC,UAAU,CAAC,eAAe,CAAW;AACrD;AAEO,MAAM,WAAW,GAAG,MAAK;IAC7B,MAAM,OAAO,GAAGA,cAAK,CAAC,UAAU,CAAC,eAAe,CAAC;AACjD,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAChC,QAAA,OAAO,IAAW;IACrB;AACA,IAAA,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,EAAE;IAEnC,OAAO;QACJ,OAAO;AACP,QAAA,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,OAAQ;KAC5B;AACJ;AAEO,MAAM,WAAW,GAAG,CAAC,OAAe,KAAI;AAC5C,IAAA,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,EAAE;AACnC,IAAA,OAAO,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC;AAC7B;;;;"}
+{"version":3,"file":"CSSCacheProvider.js","sources":["../../src/css/CSSCacheProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport { ONCSS_CACHE } from 'oncss'\n\nconst CSSCacheContext = React.createContext<string | null>(null);\n\nexport const CSSCacheProvider: React.FC<{ cacheId: string | null; children: React.ReactNode }> = ({ cacheId, children }) => {\n   return (\n      <CSSCacheContext.Provider value={cacheId}>\n         {children}\n      </CSSCacheContext.Provider>\n   );\n}\n\nexport const useCSSCacheId = () => {\n   return React.useContext(CSSCacheContext) as string\n}\n\nexport const useCSSCache = () => {\n   const cacheId = React.useContext(CSSCacheContext);\n   if (typeof window === 'undefined') {\n      return null as any;\n   }\n   const caches = ONCSS_CACHE.caches()\n\n   return {\n      cacheId,\n      cache: caches.get(cacheId!)\n   }\n}\n\nexport const getCSSCache = (cacheId: string) => {\n   const caches = ONCSS_CACHE.caches()\n   return caches.get(cacheId)\n}"],"names":["React","_jsx"],"mappings":";;;;AAGA,MAAM,eAAe,GAAGA,cAAK,CAAC,aAAa,CAAgB,IAAI,CAAC;AAEzD,MAAM,gBAAgB,GAAoE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAI;AACxH,IAAA,QACGC,GAAA,CAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACpC,QAAQ,EAAA,CACe;AAEjC;AAEO,MAAM,aAAa,GAAG,MAAK;AAC/B,IAAA,OAAOD,cAAK,CAAC,UAAU,CAAC,eAAe,CAAW;AACrD;AAEO,MAAM,WAAW,GAAG,MAAK;IAC7B,MAAM,OAAO,GAAGA,cAAK,CAAC,UAAU,CAAC,eAAe,CAAC;AACjD,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AAChC,QAAA,OAAO,IAAW;IACrB;AACA,IAAA,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,EAAE;IAEnC,OAAO;QACJ,OAAO;AACP,QAAA,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,OAAQ;KAC5B;AACJ;AAEO,MAAM,WAAW,GAAG,CAAC,OAAe,KAAI;AAC5C,IAAA,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,EAAE;AACnC,IAAA,OAAO,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC;AAC7B;;;;"}

package/css/aliases.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"aliases.cjs","sources":["../../src/css/aliases.ts"],"sourcesContent":["import { OptionAliases } from 'oncss'\r\nimport { Aliases } from './types'\r\n\r\nconst isStr = (v: any, or: any) => typeof v === 'string' ? v : or\r\n\r\nconst aliases: OptionAliases<Aliases> = {\r\n   bgcolor: (v) => ({ backgroundColor: v }),\r\n   bgimage: (v) => ({ backgroundImage: `url(${v})`, backgroundSize: \"cover\", backgroundRepeat: \"no-repeat\" }),\r\n   bg: (v) => ({ background: v }),\r\n   p: (v) => ({ padding: isStr(v, 8 * v) }),\r\n   pt: (v) => ({ paddingTop: isStr(v, 8 * v) }),\r\n   pr: (v) => ({ paddingRight: isStr(v, 8 * v) }),\r\n   pb: (v) => ({ paddingBottom: isStr(v, 8 * v) }),\r\n   pl: (v) => ({ paddingLeft: isStr(v, 8 * v) }),\r\n   px: (v) => ({ paddingLeft: isStr(v, 8 * v), paddingRight: isStr(v, 8 * v) }),\r\n   py: (v) => ({ paddingTop: isStr(v, 8 * v), paddingBottom: isStr(v, 8 * v) }),\r\n   m: (v) => ({ margin: isStr(v, 8 * v) }),\r\n   mt: (v) => ({ marginTop: isStr(v, 8 * v) }),\r\n   mr: (v) => ({ marginRight: isStr(v, 8 * v) }),\r\n   mb: (v) => ({ marginBottom: isStr(v, 8 * v) }),\r\n   ml: (v) => ({ marginLeft: isStr(v, 8 * v) }),\r\n   mx: (v) => ({ marginLeft: isStr(v, 8 * v), marginRight: isStr(v, 8 * v) }),\r\n   my: (v) => ({ marginTop: isStr(v, 8 * v), marginBottom: isStr(v, 8 * v) }),\r\n   radius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\r\n   borderRadius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\r\n   shadow: (v) => ({ boxShadow: v }),\r\n   flexBox: (v) => (v ? { display: \"flex\" } : {}),\r\n   flexRow: (v) => (v ? { flexDirection: \"row\" } : {}),\r\n   flexColumn: (v) => (v ? { flexDirection: \"column\" } : {}),\r\n   flexWraped: (v) => (v ? { flexWrap: \"wrap\" } : {}),\r\n   direction: (v) => (v === 'row' || v === 'column' ? { flexDirection: v } : { direction: v }),\r\n   gap: (v) => ({ gap: isStr(v, 8 * v) }),\r\n};\r\n\r\nexport default aliases"],"names":[],"mappings":"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"}
+{"version":3,"file":"aliases.cjs","sources":["../../src/css/aliases.ts"],"sourcesContent":["import { OptionAliases } from 'oncss'\nimport { Aliases } from './types'\n\nconst isStr = (v: any, or: any) => typeof v === 'string' ? v : or\n\nconst aliases: OptionAliases<Aliases> = {\n   bgcolor: (v) => ({ backgroundColor: v }),\n   bgimage: (v) => ({ backgroundImage: `url(${v})`, backgroundSize: \"cover\", backgroundRepeat: \"no-repeat\" }),\n   bg: (v) => ({ background: v }),\n   p: (v) => ({ padding: isStr(v, 8 * v) }),\n   pt: (v) => ({ paddingTop: isStr(v, 8 * v) }),\n   pr: (v) => ({ paddingRight: isStr(v, 8 * v) }),\n   pb: (v) => ({ paddingBottom: isStr(v, 8 * v) }),\n   pl: (v) => ({ paddingLeft: isStr(v, 8 * v) }),\n   px: (v) => ({ paddingLeft: isStr(v, 8 * v), paddingRight: isStr(v, 8 * v) }),\n   py: (v) => ({ paddingTop: isStr(v, 8 * v), paddingBottom: isStr(v, 8 * v) }),\n   m: (v) => ({ margin: isStr(v, 8 * v) }),\n   mt: (v) => ({ marginTop: isStr(v, 8 * v) }),\n   mr: (v) => ({ marginRight: isStr(v, 8 * v) }),\n   mb: (v) => ({ marginBottom: isStr(v, 8 * v) }),\n   ml: (v) => ({ marginLeft: isStr(v, 8 * v) }),\n   mx: (v) => ({ marginLeft: isStr(v, 8 * v), marginRight: isStr(v, 8 * v) }),\n   my: (v) => ({ marginTop: isStr(v, 8 * v), marginBottom: isStr(v, 8 * v) }),\n   radius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\n   borderRadius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\n   shadow: (v) => ({ boxShadow: v }),\n   flexBox: (v) => (v ? { display: \"flex\" } : {}),\n   flexRow: (v) => (v ? { flexDirection: \"row\" } : {}),\n   flexColumn: (v) => (v ? { flexDirection: \"column\" } : {}),\n   flexWraped: (v) => (v ? { flexWrap: \"wrap\" } : {}),\n   direction: (v) => (v === 'row' || v === 'column' ? { flexDirection: v } : { direction: v }),\n   gap: (v) => ({ gap: isStr(v, 8 * v) }),\n};\n\nexport default aliases"],"names":[],"mappings":"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"}

package/css/aliases.js.map

@@ -1 +1 @@
-{"version":3,"file":"aliases.js","sources":["../../src/css/aliases.ts"],"sourcesContent":["import { OptionAliases } from 'oncss'\r\nimport { Aliases } from './types'\r\n\r\nconst isStr = (v: any, or: any) => typeof v === 'string' ? v : or\r\n\r\nconst aliases: OptionAliases<Aliases> = {\r\n   bgcolor: (v) => ({ backgroundColor: v }),\r\n   bgimage: (v) => ({ backgroundImage: `url(${v})`, backgroundSize: \"cover\", backgroundRepeat: \"no-repeat\" }),\r\n   bg: (v) => ({ background: v }),\r\n   p: (v) => ({ padding: isStr(v, 8 * v) }),\r\n   pt: (v) => ({ paddingTop: isStr(v, 8 * v) }),\r\n   pr: (v) => ({ paddingRight: isStr(v, 8 * v) }),\r\n   pb: (v) => ({ paddingBottom: isStr(v, 8 * v) }),\r\n   pl: (v) => ({ paddingLeft: isStr(v, 8 * v) }),\r\n   px: (v) => ({ paddingLeft: isStr(v, 8 * v), paddingRight: isStr(v, 8 * v) }),\r\n   py: (v) => ({ paddingTop: isStr(v, 8 * v), paddingBottom: isStr(v, 8 * v) }),\r\n   m: (v) => ({ margin: isStr(v, 8 * v) }),\r\n   mt: (v) => ({ marginTop: isStr(v, 8 * v) }),\r\n   mr: (v) => ({ marginRight: isStr(v, 8 * v) }),\r\n   mb: (v) => ({ marginBottom: isStr(v, 8 * v) }),\r\n   ml: (v) => ({ marginLeft: isStr(v, 8 * v) }),\r\n   mx: (v) => ({ marginLeft: isStr(v, 8 * v), marginRight: isStr(v, 8 * v) }),\r\n   my: (v) => ({ marginTop: isStr(v, 8 * v), marginBottom: isStr(v, 8 * v) }),\r\n   radius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\r\n   borderRadius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\r\n   shadow: (v) => ({ boxShadow: v }),\r\n   flexBox: (v) => (v ? { display: \"flex\" } : {}),\r\n   flexRow: (v) => (v ? { flexDirection: \"row\" } : {}),\r\n   flexColumn: (v) => (v ? { flexDirection: \"column\" } : {}),\r\n   flexWraped: (v) => (v ? { flexWrap: \"wrap\" } : {}),\r\n   direction: (v) => (v === 'row' || v === 'column' ? { flexDirection: v } : { direction: v }),\r\n   gap: (v) => ({ gap: isStr(v, 8 * v) }),\r\n};\r\n\r\nexport default aliases"],"names":[],"mappings":"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"}
+{"version":3,"file":"aliases.js","sources":["../../src/css/aliases.ts"],"sourcesContent":["import { OptionAliases } from 'oncss'\nimport { Aliases } from './types'\n\nconst isStr = (v: any, or: any) => typeof v === 'string' ? v : or\n\nconst aliases: OptionAliases<Aliases> = {\n   bgcolor: (v) => ({ backgroundColor: v }),\n   bgimage: (v) => ({ backgroundImage: `url(${v})`, backgroundSize: \"cover\", backgroundRepeat: \"no-repeat\" }),\n   bg: (v) => ({ background: v }),\n   p: (v) => ({ padding: isStr(v, 8 * v) }),\n   pt: (v) => ({ paddingTop: isStr(v, 8 * v) }),\n   pr: (v) => ({ paddingRight: isStr(v, 8 * v) }),\n   pb: (v) => ({ paddingBottom: isStr(v, 8 * v) }),\n   pl: (v) => ({ paddingLeft: isStr(v, 8 * v) }),\n   px: (v) => ({ paddingLeft: isStr(v, 8 * v), paddingRight: isStr(v, 8 * v) }),\n   py: (v) => ({ paddingTop: isStr(v, 8 * v), paddingBottom: isStr(v, 8 * v) }),\n   m: (v) => ({ margin: isStr(v, 8 * v) }),\n   mt: (v) => ({ marginTop: isStr(v, 8 * v) }),\n   mr: (v) => ({ marginRight: isStr(v, 8 * v) }),\n   mb: (v) => ({ marginBottom: isStr(v, 8 * v) }),\n   ml: (v) => ({ marginLeft: isStr(v, 8 * v) }),\n   mx: (v) => ({ marginLeft: isStr(v, 8 * v), marginRight: isStr(v, 8 * v) }),\n   my: (v) => ({ marginTop: isStr(v, 8 * v), marginBottom: isStr(v, 8 * v) }),\n   radius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\n   borderRadius: (v) => ({ borderRadius: isStr(v, 8 * v) }),\n   shadow: (v) => ({ boxShadow: v }),\n   flexBox: (v) => (v ? { display: \"flex\" } : {}),\n   flexRow: (v) => (v ? { flexDirection: \"row\" } : {}),\n   flexColumn: (v) => (v ? { flexDirection: \"column\" } : {}),\n   flexWraped: (v) => (v ? { flexWrap: \"wrap\" } : {}),\n   direction: (v) => (v === 'row' || v === 'column' ? { flexDirection: v } : { direction: v }),\n   gap: (v) => ({ gap: isStr(v, 8 * v) }),\n};\n\nexport default aliases"],"names":[],"mappings":"AAGA,MAAM,KAAK,GAAG,CAAC,CAAM,EAAE,EAAO,KAAK,OAAO,CAAC,KAAK,QAAQ,GAAG,CAAC,GAAG,EAAE;AAEjE,MAAM,OAAO,GAA2B;AACrC,IAAA,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC;IACxC,OAAO,EAAE,CAAC,CAAC,MAAM,EAAE,eAAe,EAAE,CAAA,IAAA,EAAO,CAAC,CAAA,CAAA,CAAG,EAAE,cAAc,EAAE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC;AAC1G,IAAA,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC;AAC9B,IAAA,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AACxC,IAAA,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AAC5C,IAAA,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AAC9C,IAAA,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AAC/C,IAAA,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AAC7C,IAAA,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AAC5E,IAAA,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AAC5E,IAAA,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AACvC,IAAA,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AAC3C,IAAA,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AAC7C,IAAA,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AAC9C,IAAA,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AAC5C,IAAA,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AAC1E,IAAA,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AAC1E,IAAA,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AAClD,IAAA,YAAY,EAAE,CAAC,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;AACxD,IAAA,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;IAC9C,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;IACnD,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC;IACzD,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AAClD,IAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,QAAQ,GAAG,EAAE,aAAa,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;AAC3F,IAAA,GAAG,EAAE,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;;;;;"}

package/css/getProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"getProps.cjs","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            let c: any = {\r\n                pointerEvents: \"none!important\",\r\n                cursor: \"default!important\",\r\n                userSelect: \"none!important\",\r\n                opacity: \"0.5!important\",\r\n                color: `text.primary!important`,\r\n                borderColor: `divider.secondary!important`,\r\n            }\r\n\r\n            if ((_css as any).bgcolor && (_css as any).bgcolor !== 'transparent') {\r\n                c.bgcolor = `divider.primary!important`\r\n            }\r\n            return c\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 hasWidth = \"width\" in _css;\r\n        const width = `calc(${hasWidth ? _css.width : \"100%\"} + ${val}px)`;\r\n        return {\r\n            marginLeft: `-${val}px`,\r\n            marginTop: `-${val}px`,\r\n            width: width,\r\n\r\n            \"& > *\": {\r\n                paddingLeft: `${val}px`,\r\n                paddingTop: `${val}px`,\r\n            },\r\n        } as any;\r\n    }\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.primary\"\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":";;AAEA,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,IAAc,KAAI;AAE7D,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AAC9B,QAAY,KAAK,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,EAAE;AACxC,QAAA,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;IACpB;AAEA,IAAA,IAAI,IAAI,KAAK,UAAU,EAAE;AACrB,QAAA,IAAK,KAAa,KAAK,IAAI,EAAE;AACzB,YAAA,IAAI,CAAC,GAAQ;AACT,gBAAA,aAAa,EAAE,gBAAgB;AAC/B,gBAAA,MAAM,EAAE,mBAAmB;AAC3B,gBAAA,UAAU,EAAE,gBAAgB;AAC5B,gBAAA,OAAO,EAAE,eAAe;AACxB,gBAAA,KAAK,EAAE,CAAA,sBAAA,CAAwB;AAC/B,gBAAA,WAAW,EAAE,CAAA,2BAAA,CAA6B;aAC7C;YAED,IAAK,IAAY,CAAC,OAAO,IAAK,IAAY,CAAC,OAAO,KAAK,aAAa,EAAE;AAClE,gBAAA,CAAC,CAAC,OAAO,GAAG,CAAA,yBAAA,CAA2B;YAC3C;AACA,YAAA,OAAO,CAAC;QACZ;AACA,QAAA,OAAO,EAAE;IACb;IAGA,IAAI,IAAI,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjD,QAAA,MAAM,GAAG,GAAG,KAAK,GAAG,CAAC;AACrB,QAAA,MAAM,QAAQ,GAAG,OAAO,IAAI,IAAI;AAChC,QAAA,MAAM,KAAK,GAAG,CAAA,KAAA,EAAQ,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,MAAM,CAAA,GAAA,EAAM,GAAG,KAAK;QAClE,OAAO;YACH,UAAU,EAAE,CAAA,CAAA,EAAI,GAAG,CAAA,EAAA,CAAI;YACvB,SAAS,EAAE,CAAA,CAAA,EAAI,GAAG,CAAA,EAAA,CAAI;AACtB,YAAA,KAAK,EAAE,KAAK;AAEZ,YAAA,OAAO,EAAE;gBACL,WAAW,EAAE,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;gBACvB,UAAU,EAAE,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;AACzB,aAAA;SACG;IACZ;;;;;;;;;;;;;;AAiBJ;;;;"}
+{"version":3,"file":"getProps.cjs","sources":["../../src/css/getProps.ts"],"sourcesContent":["import { CSSProps } from \"./types\";\n\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\n    let important;\n    if (typeof value === 'string') {\n        const split = value.split(\"!\")\n        important = split[1] ? \"!important\" : \"\"\n        value = split[0]\n    }\n\n    if (prop === 'disabled') {\n        if ((value as any) === true) {\n            let c: any = {\n                pointerEvents: \"none!important\",\n                cursor: \"default!important\",\n                userSelect: \"none!important\",\n                opacity: \"0.5!important\",\n                color: `text.primary!important`,\n                borderColor: `divider.secondary!important`,\n            }\n\n            if ((_css as any).bgcolor && (_css as any).bgcolor !== 'transparent') {\n                c.bgcolor = `divider.primary!important`\n            }\n            return c\n        }\n        return {}\n    }\n\n\n    if (prop === \"spacing\" && typeof value === \"number\") {\n        const val = value * 8;\n        const hasWidth = \"width\" in _css;\n        const width = `calc(${hasWidth ? _css.width : \"100%\"} + ${val}px)`;\n        return {\n            marginLeft: `-${val}px`,\n            marginTop: `-${val}px`,\n            width: width,\n\n            \"& > *\": {\n                paddingLeft: `${val}px`,\n                paddingTop: `${val}px`,\n            },\n        } as any;\n    }\n\n\n\n    // if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\n    //     const keys: any = Object.keys(_css)\n    //     let p: any = {\n    //         [`${prop}Width`]: value + 'px' + (important || \"\"),\n    //     }\n    //     // if (!keys.includes(`${prop}Color`)) {\n    //     //     p[`${prop}Color`] = \"divider.primary\"\n    //     // }\n    //     if (!keys.includes(`${prop}Style`)) {\n    //         p[`${prop}Style`] = \"solid\"\n    //     }\n    //     return p\n    // }\n}\n\nexport default getProps"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,IAAc,KAAI;AAE7D,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AAC9B,QAAY,KAAK,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,EAAE;AACxC,QAAA,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;IACpB;AAEA,IAAA,IAAI,IAAI,KAAK,UAAU,EAAE;AACrB,QAAA,IAAK,KAAa,KAAK,IAAI,EAAE;AACzB,YAAA,IAAI,CAAC,GAAQ;AACT,gBAAA,aAAa,EAAE,gBAAgB;AAC/B,gBAAA,MAAM,EAAE,mBAAmB;AAC3B,gBAAA,UAAU,EAAE,gBAAgB;AAC5B,gBAAA,OAAO,EAAE,eAAe;AACxB,gBAAA,KAAK,EAAE,CAAA,sBAAA,CAAwB;AAC/B,gBAAA,WAAW,EAAE,CAAA,2BAAA,CAA6B;aAC7C;YAED,IAAK,IAAY,CAAC,OAAO,IAAK,IAAY,CAAC,OAAO,KAAK,aAAa,EAAE;AAClE,gBAAA,CAAC,CAAC,OAAO,GAAG,CAAA,yBAAA,CAA2B;YAC3C;AACA,YAAA,OAAO,CAAC;QACZ;AACA,QAAA,OAAO,EAAE;IACb;IAGA,IAAI,IAAI,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjD,QAAA,MAAM,GAAG,GAAG,KAAK,GAAG,CAAC;AACrB,QAAA,MAAM,QAAQ,GAAG,OAAO,IAAI,IAAI;AAChC,QAAA,MAAM,KAAK,GAAG,CAAA,KAAA,EAAQ,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,MAAM,CAAA,GAAA,EAAM,GAAG,KAAK;QAClE,OAAO;YACH,UAAU,EAAE,CAAA,CAAA,EAAI,GAAG,CAAA,EAAA,CAAI;YACvB,SAAS,EAAE,CAAA,CAAA,EAAI,GAAG,CAAA,EAAA,CAAI;AACtB,YAAA,KAAK,EAAE,KAAK;AAEZ,YAAA,OAAO,EAAE;gBACL,WAAW,EAAE,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;gBACvB,UAAU,EAAE,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;AACzB,aAAA;SACG;IACZ;;;;;;;;;;;;;;AAiBJ;;;;"}

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            let c: any = {\r\n                pointerEvents: \"none!important\",\r\n                cursor: \"default!important\",\r\n                userSelect: \"none!important\",\r\n                opacity: \"0.5!important\",\r\n                color: `text.primary!important`,\r\n                borderColor: `divider.secondary!important`,\r\n            }\r\n\r\n            if ((_css as any).bgcolor && (_css as any).bgcolor !== 'transparent') {\r\n                c.bgcolor = `divider.primary!important`\r\n            }\r\n            return c\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 hasWidth = \"width\" in _css;\r\n        const width = `calc(${hasWidth ? _css.width : \"100%\"} + ${val}px)`;\r\n        return {\r\n            marginLeft: `-${val}px`,\r\n            marginTop: `-${val}px`,\r\n            width: width,\r\n\r\n            \"& > *\": {\r\n                paddingLeft: `${val}px`,\r\n                paddingTop: `${val}px`,\r\n            },\r\n        } as any;\r\n    }\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.primary\"\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":"AAEA,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,IAAc,KAAI;AAE7D,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AAC9B,QAAY,KAAK,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,EAAE;AACxC,QAAA,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;IACpB;AAEA,IAAA,IAAI,IAAI,KAAK,UAAU,EAAE;AACrB,QAAA,IAAK,KAAa,KAAK,IAAI,EAAE;AACzB,YAAA,IAAI,CAAC,GAAQ;AACT,gBAAA,aAAa,EAAE,gBAAgB;AAC/B,gBAAA,MAAM,EAAE,mBAAmB;AAC3B,gBAAA,UAAU,EAAE,gBAAgB;AAC5B,gBAAA,OAAO,EAAE,eAAe;AACxB,gBAAA,KAAK,EAAE,CAAA,sBAAA,CAAwB;AAC/B,gBAAA,WAAW,EAAE,CAAA,2BAAA,CAA6B;aAC7C;YAED,IAAK,IAAY,CAAC,OAAO,IAAK,IAAY,CAAC,OAAO,KAAK,aAAa,EAAE;AAClE,gBAAA,CAAC,CAAC,OAAO,GAAG,CAAA,yBAAA,CAA2B;YAC3C;AACA,YAAA,OAAO,CAAC;QACZ;AACA,QAAA,OAAO,EAAE;IACb;IAGA,IAAI,IAAI,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjD,QAAA,MAAM,GAAG,GAAG,KAAK,GAAG,CAAC;AACrB,QAAA,MAAM,QAAQ,GAAG,OAAO,IAAI,IAAI;AAChC,QAAA,MAAM,KAAK,GAAG,CAAA,KAAA,EAAQ,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,MAAM,CAAA,GAAA,EAAM,GAAG,KAAK;QAClE,OAAO;YACH,UAAU,EAAE,CAAA,CAAA,EAAI,GAAG,CAAA,EAAA,CAAI;YACvB,SAAS,EAAE,CAAA,CAAA,EAAI,GAAG,CAAA,EAAA,CAAI;AACtB,YAAA,KAAK,EAAE,KAAK;AAEZ,YAAA,OAAO,EAAE;gBACL,WAAW,EAAE,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;gBACvB,UAAU,EAAE,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;AACzB,aAAA;SACG;IACZ;;;;;;;;;;;;;;AAiBJ;;;;"}
+{"version":3,"file":"getProps.js","sources":["../../src/css/getProps.ts"],"sourcesContent":["import { CSSProps } from \"./types\";\n\nconst getProps = (prop: string, value: string, _css: CSSProps) => {\n    let important;\n    if (typeof value === 'string') {\n        const split = value.split(\"!\")\n        important = split[1] ? \"!important\" : \"\"\n        value = split[0]\n    }\n\n    if (prop === 'disabled') {\n        if ((value as any) === true) {\n            let c: any = {\n                pointerEvents: \"none!important\",\n                cursor: \"default!important\",\n                userSelect: \"none!important\",\n                opacity: \"0.5!important\",\n                color: `text.primary!important`,\n                borderColor: `divider.secondary!important`,\n            }\n\n            if ((_css as any).bgcolor && (_css as any).bgcolor !== 'transparent') {\n                c.bgcolor = `divider.primary!important`\n            }\n            return c\n        }\n        return {}\n    }\n\n\n    if (prop === \"spacing\" && typeof value === \"number\") {\n        const val = value * 8;\n        const hasWidth = \"width\" in _css;\n        const width = `calc(${hasWidth ? _css.width : \"100%\"} + ${val}px)`;\n        return {\n            marginLeft: `-${val}px`,\n            marginTop: `-${val}px`,\n            width: width,\n\n            \"& > *\": {\n                paddingLeft: `${val}px`,\n                paddingTop: `${val}px`,\n            },\n        } as any;\n    }\n\n\n\n    // if (value && typeof value === \"number\" && [\"border\", \"borderRight\", \"borderLeft\", \"borderTop\", \"borderBottom\"].includes(prop as any)) {\n    //     const keys: any = Object.keys(_css)\n    //     let p: any = {\n    //         [`${prop}Width`]: value + 'px' + (important || \"\"),\n    //     }\n    //     // if (!keys.includes(`${prop}Color`)) {\n    //     //     p[`${prop}Color`] = \"divider.primary\"\n    //     // }\n    //     if (!keys.includes(`${prop}Style`)) {\n    //         p[`${prop}Style`] = \"solid\"\n    //     }\n    //     return p\n    // }\n}\n\nexport default getProps"],"names":[],"mappings":"AAEA,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,IAAc,KAAI;AAE7D,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC3B,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AAC9B,QAAY,KAAK,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,EAAE;AACxC,QAAA,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC;IACpB;AAEA,IAAA,IAAI,IAAI,KAAK,UAAU,EAAE;AACrB,QAAA,IAAK,KAAa,KAAK,IAAI,EAAE;AACzB,YAAA,IAAI,CAAC,GAAQ;AACT,gBAAA,aAAa,EAAE,gBAAgB;AAC/B,gBAAA,MAAM,EAAE,mBAAmB;AAC3B,gBAAA,UAAU,EAAE,gBAAgB;AAC5B,gBAAA,OAAO,EAAE,eAAe;AACxB,gBAAA,KAAK,EAAE,CAAA,sBAAA,CAAwB;AAC/B,gBAAA,WAAW,EAAE,CAAA,2BAAA,CAA6B;aAC7C;YAED,IAAK,IAAY,CAAC,OAAO,IAAK,IAAY,CAAC,OAAO,KAAK,aAAa,EAAE;AAClE,gBAAA,CAAC,CAAC,OAAO,GAAG,CAAA,yBAAA,CAA2B;YAC3C;AACA,YAAA,OAAO,CAAC;QACZ;AACA,QAAA,OAAO,EAAE;IACb;IAGA,IAAI,IAAI,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AACjD,QAAA,MAAM,GAAG,GAAG,KAAK,GAAG,CAAC;AACrB,QAAA,MAAM,QAAQ,GAAG,OAAO,IAAI,IAAI;AAChC,QAAA,MAAM,KAAK,GAAG,CAAA,KAAA,EAAQ,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,MAAM,CAAA,GAAA,EAAM,GAAG,KAAK;QAClE,OAAO;YACH,UAAU,EAAE,CAAA,CAAA,EAAI,GAAG,CAAA,EAAA,CAAI;YACvB,SAAS,EAAE,CAAA,CAAA,EAAI,GAAG,CAAA,EAAA,CAAI;AACtB,YAAA,KAAK,EAAE,KAAK;AAEZ,YAAA,OAAO,EAAE;gBACL,WAAW,EAAE,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;gBACvB,UAAU,EAAE,CAAA,EAAG,GAAG,CAAA,EAAA,CAAI;AACzB,aAAA;SACG;IACZ;;;;;;;;;;;;;;AAiBJ;;;;"}

package/css/getValue.cjs.map

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