@xanui/core 1.1.3 → 1.1.6

package/Transition/variants.mjs

@@ -0,0 +1,158 @@
+const slideDown = (_arg) => {
+    return {
+        from: {
+            transform: `translateY(-${_arg.height}px)!important`,
+        },
+        to: {
+            transform: `translateY(0)!important`,
+        }
+    };
+};
+const slideUp = (_arg) => {
+    return {
+        from: {
+            transform: `translateY(${_arg.height}px)!important`,
+        },
+        to: {
+            transform: `translateY(0)!important`,
+        }
+    };
+};
+const slideRight = (_arg) => {
+    return {
+        from: {
+            transform: `translateX(-${_arg.width}px)!important`,
+        },
+        to: {
+            transform: `translateX(0)!important`,
+        }
+    };
+};
+const slideLeft = (_arg) => {
+    return {
+        from: {
+            transform: `translateX(${_arg.width}px)!important`,
+        },
+        to: {
+            transform: `translateX(0)!important`,
+        }
+    };
+};
+const fade = (_arg) => {
+    return {
+        from: {
+            opacity: 0
+        },
+        to: {
+            opacity: 1
+        }
+    };
+};
+const fadeDown = (_arg) => {
+    return {
+        from: {
+            transform: `translateY(-30px)!important`,
+            opacity: 0
+        },
+        to: {
+            transform: `translateY(0)!important`,
+            opacity: 1
+        }
+    };
+};
+const fadeUp = (_arg) => {
+    return {
+        from: {
+            transform: `translateY(30px)!important`,
+            opacity: 0
+        },
+        to: {
+            transform: `translateY(0)!important`,
+            opacity: 1
+        }
+    };
+};
+const fadeRight = (_arg) => {
+    return {
+        from: {
+            transform: `translateX(-30px)!important`,
+            opacity: 0
+        },
+        to: {
+            transform: `translateX(0)!important`,
+            opacity: 1
+        }
+    };
+};
+const fadeLeft = (_arg) => {
+    return {
+        from: {
+            transform: `translateX(30px)!important`,
+            opacity: 0
+        },
+        to: {
+            transform: `translateX(0)!important`,
+            opacity: 1
+        }
+    };
+};
+const grow = (_arg) => {
+    return {
+        from: {
+            transform: "scale(.8, .6)!important",
+            opacity: 0
+        },
+        to: {
+            transform: "scale(1)!important",
+            opacity: 1
+        }
+    };
+};
+const zoom = (_arg) => {
+    return {
+        from: {
+            transform: "scale(.8)!important",
+            opacity: 0
+        },
+        to: {
+            transform: "scale(1)!important",
+            opacity: 1
+        }
+    };
+};
+const zoomOver = (_arg) => {
+    return {
+        from: {
+            transform: "scale(1.2)!important",
+            opacity: 0
+        },
+        to: {
+            transform: "scale(1)!important",
+            opacity: 1
+        }
+    };
+};
+const collapsVerticle = (_arg) => {
+    return {
+        from: {
+            height: 0 + "px!important",
+            overflow: "hidden"
+        },
+        to: {
+            height: (_arg === null || _arg === void 0 ? void 0 : _arg.height) ? (_arg === null || _arg === void 0 ? void 0 : _arg.height) + "px!important" : "auto",
+            overflow: "hidden"
+        }
+    };
+};
+const collapsHorizental = (_arg) => {
+    return {
+        from: {
+            width: 0 + "px!important",
+            overflow: "hidden"
+        },
+        to: {
+            width: (_arg === null || _arg === void 0 ? void 0 : _arg.width) ? (_arg === null || _arg === void 0 ? void 0 : _arg.width) + "px!important" : "auto",
+            overflow: "hidden"
+        }
+    };
+};export{collapsHorizental,collapsVerticle,fade,fadeDown,fadeLeft,fadeRight,fadeUp,grow,slideDown,slideLeft,slideRight,slideUp,zoom,zoomOver};//# sourceMappingURL=variants.mjs.map

package/Transition/variants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.mjs","sources":["../../src/Transition/variants.ts"],"sourcesContent":["import { TransitionElementProps } from \".\"\n\nexport const slideDown = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(-${_arg.height}px)!important`,\n        },\n        to: {\n            transform: `translateY(0)!important`,\n        }\n    }\n}\n\nexport const slideUp = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(${_arg.height}px)!important`,\n        },\n        to: {\n            transform: `translateY(0)!important`,\n        }\n    }\n}\n\nexport const slideRight = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(-${_arg.width}px)!important`,\n        },\n        to: {\n            transform: `translateX(0)!important`,\n        }\n    }\n}\n\nexport const slideLeft = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(${_arg.width}px)!important`,\n        },\n        to: {\n            transform: `translateX(0)!important`,\n        }\n    }\n}\n\nexport const fade = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            opacity: 0\n        },\n        to: {\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeDown = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(-30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateY(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeUp = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateY(30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateY(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeRight = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(-30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateX(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeLeft = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: `translateX(30px)!important`,\n            opacity: 0\n        },\n        to: {\n            transform: `translateX(0)!important`,\n            opacity: 1\n        }\n    }\n}\n\nexport const grow = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(.8, .6)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const zoom = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(.8)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const zoomOver = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            transform: \"scale(1.2)!important\",\n            opacity: 0\n        },\n        to: {\n            transform: \"scale(1)!important\",\n            opacity: 1\n        }\n    }\n}\n\nexport const collapsVerticle = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            height: 0 + \"px!important\",\n            overflow: \"hidden\"\n        },\n        to: {\n            height: _arg?.height ? _arg?.height + \"px!important\" : \"auto\",\n            overflow: \"hidden\"\n        }\n    }\n}\n\n\nexport const collapsHorizental = (_arg: TransitionElementProps) => {\n    return {\n        from: {\n            width: 0 + \"px!important\",\n            overflow: \"hidden\"\n        },\n        to: {\n            width: _arg?.width ? _arg?.width + \"px!important\" : \"auto\",\n            overflow: \"hidden\"\n        }\n    }\n}\n\n\n\n\n"],"names":[],"mappings":"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"}

package/breakpoint/BreakpointProvider.js

@@ -0,0 +1,43 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var React=require('react'),isWindow=require('../isWindow.js'),index=require('../css/index.js');const BreakpointCtx = React.createContext("xl");
+const getKey = () => {
+    const isWin = isWindow();
+    if (isWin) {
+        const width = window.innerWidth;
+        if (width < index.breakpoints.sm) {
+            return 'xs';
+        }
+        else if (width > index.breakpoints.xs && width < index.breakpoints.md) {
+            return 'sm';
+        }
+        else if (width > index.breakpoints.sm && width < index.breakpoints.lg) {
+            return 'md';
+        }
+        else if (width > index.breakpoints.md && width < index.breakpoints.xl) {
+            return 'lg';
+        }
+        else {
+            return 'xl';
+        }
+    }
+    else {
+        return 'xl';
+    }
+};
+const BreakpointProvider = ({ children }) => {
+    const [current, setCurrent] = React.useState(getKey);
+    const handler = () => {
+        let c = getKey();
+        if (current !== c) {
+            setCurrent(c);
+        }
+    };
+    React.useEffect(() => {
+        window.removeEventListener("resize", handler);
+        window.addEventListener("resize", handler);
+        handler();
+        return () => {
+            window.removeEventListener("resize", handler);
+        };
+    }, [current]);
+    return (React.createElement(BreakpointCtx.Provider, { value: current }, children));
+};exports.BreakpointCtx=BreakpointCtx;exports.BreakpointProvider=BreakpointProvider;//# sourceMappingURL=BreakpointProvider.js.map

package/breakpoint/BreakpointProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreakpointProvider.js","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState } from \"react\";\nimport isWindow from \"../isWindow\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\n\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xl\")\n\nconst getKey = (): BreakpointKeys => {\n    const isWin = isWindow()\n    if (isWin) {\n        const width = window.innerWidth\n        if (width < breakpoints.sm) {\n            return 'xs'\n        } else if (width > breakpoints.xs && width < breakpoints.md) {\n            return 'sm'\n        } else if (width > breakpoints.sm && width < breakpoints.lg) {\n            return 'md'\n        } else if (width > breakpoints.md && width < breakpoints.xl) {\n            return 'lg'\n        } else {\n            return 'xl'\n        }\n    } else {\n        return 'xl'\n    }\n}\n\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\n    const [current, setCurrent] = useState<BreakpointKeys>(getKey)\n\n    const handler = () => {\n        let c = getKey()\n        if (current !== c) {\n            setCurrent(c)\n        }\n    }\n\n    React.useEffect(() => {\n        window.removeEventListener(\"resize\", handler)\n        window.addEventListener(\"resize\", handler)\n        handler()\n        return () => {\n            window.removeEventListener(\"resize\", handler)\n        }\n    }, [current])\n\n    return (\n        <BreakpointCtx.Provider value={current}>\n            {children}\n        </BreakpointCtx.Provider>\n    )\n}\n"],"names":["breakpoints","useState"],"mappings":"qKAKa,MAAA,aAAa,GAAG,KAAK,CAAC,aAAa,CAAiB,IAAI;AAErE,MAAM,MAAM,GAAG,MAAqB;AAChC,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AACxB,IAAA,IAAI,KAAK,EAAE;AACP,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU;AAC/B,QAAA,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,EAAE;AACxB,YAAA,OAAO,IAAI;AACd;aAAM,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,EAAE;AACzD,YAAA,OAAO,IAAI;AACd;aAAM,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,EAAE;AACzD,YAAA,OAAO,IAAI;AACd;aAAM,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,EAAE;AACzD,YAAA,OAAO,IAAI;AACd;AAAM,aAAA;AACH,YAAA,OAAO,IAAI;AACd;AACJ;AAAM,SAAA;AACH,QAAA,OAAO,IAAI;AACd;AACL,CAAC;MAEY,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAA4B,KAAI;IACzE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAiB,MAAM,CAAC;IAE9D,MAAM,OAAO,GAAG,MAAK;AACjB,QAAA,IAAI,CAAC,GAAG,MAAM,EAAE;QAChB,IAAI,OAAO,KAAK,CAAC,EAAE;YACf,UAAU,CAAC,CAAC,CAAC;AAChB;AACL,KAAC;AAED,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACjB,QAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AAC7C,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC;AAC1C,QAAA,OAAO,EAAE;AACT,QAAA,OAAO,MAAK;AACR,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AACjD,SAAC;AACL,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,EACjC,QAAQ,CACY;AAEjC"}

package/breakpoint/BreakpointProvider.mjs

@@ -0,0 +1,43 @@
+import React__default,{useState}from'react';import isWindow from'../isWindow.mjs';import {breakpoints}from'../css/index.mjs';const BreakpointCtx = React__default.createContext("xl");
+const getKey = () => {
+    const isWin = isWindow();
+    if (isWin) {
+        const width = window.innerWidth;
+        if (width < breakpoints.sm) {
+            return 'xs';
+        }
+        else if (width > breakpoints.xs && width < breakpoints.md) {
+            return 'sm';
+        }
+        else if (width > breakpoints.sm && width < breakpoints.lg) {
+            return 'md';
+        }
+        else if (width > breakpoints.md && width < breakpoints.xl) {
+            return 'lg';
+        }
+        else {
+            return 'xl';
+        }
+    }
+    else {
+        return 'xl';
+    }
+};
+const BreakpointProvider = ({ children }) => {
+    const [current, setCurrent] = useState(getKey);
+    const handler = () => {
+        let c = getKey();
+        if (current !== c) {
+            setCurrent(c);
+        }
+    };
+    React__default.useEffect(() => {
+        window.removeEventListener("resize", handler);
+        window.addEventListener("resize", handler);
+        handler();
+        return () => {
+            window.removeEventListener("resize", handler);
+        };
+    }, [current]);
+    return (React__default.createElement(BreakpointCtx.Provider, { value: current }, children));
+};export{BreakpointCtx,BreakpointProvider};//# sourceMappingURL=BreakpointProvider.mjs.map

package/breakpoint/BreakpointProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreakpointProvider.mjs","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState } from \"react\";\nimport isWindow from \"../isWindow\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\n\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xl\")\n\nconst getKey = (): BreakpointKeys => {\n    const isWin = isWindow()\n    if (isWin) {\n        const width = window.innerWidth\n        if (width < breakpoints.sm) {\n            return 'xs'\n        } else if (width > breakpoints.xs && width < breakpoints.md) {\n            return 'sm'\n        } else if (width > breakpoints.sm && width < breakpoints.lg) {\n            return 'md'\n        } else if (width > breakpoints.md && width < breakpoints.xl) {\n            return 'lg'\n        } else {\n            return 'xl'\n        }\n    } else {\n        return 'xl'\n    }\n}\n\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\n    const [current, setCurrent] = useState<BreakpointKeys>(getKey)\n\n    const handler = () => {\n        let c = getKey()\n        if (current !== c) {\n            setCurrent(c)\n        }\n    }\n\n    React.useEffect(() => {\n        window.removeEventListener(\"resize\", handler)\n        window.addEventListener(\"resize\", handler)\n        handler()\n        return () => {\n            window.removeEventListener(\"resize\", handler)\n        }\n    }, [current])\n\n    return (\n        <BreakpointCtx.Provider value={current}>\n            {children}\n        </BreakpointCtx.Provider>\n    )\n}\n"],"names":["React"],"mappings":"6HAKa,MAAA,aAAa,GAAGA,cAAK,CAAC,aAAa,CAAiB,IAAI;AAErE,MAAM,MAAM,GAAG,MAAqB;AAChC,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AACxB,IAAA,IAAI,KAAK,EAAE;AACP,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU;AAC/B,QAAA,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE,EAAE;AACxB,YAAA,OAAO,IAAI;AACd;aAAM,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE,EAAE;AACzD,YAAA,OAAO,IAAI;AACd;aAAM,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE,EAAE;AACzD,YAAA,OAAO,IAAI;AACd;aAAM,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE,IAAI,KAAK,GAAG,WAAW,CAAC,EAAE,EAAE;AACzD,YAAA,OAAO,IAAI;AACd;AAAM,aAAA;AACH,YAAA,OAAO,IAAI;AACd;AACJ;AAAM,SAAA;AACH,QAAA,OAAO,IAAI;AACd;AACL,CAAC;MAEY,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAA4B,KAAI;IACzE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAiB,MAAM,CAAC;IAE9D,MAAM,OAAO,GAAG,MAAK;AACjB,QAAA,IAAI,CAAC,GAAG,MAAM,EAAE;QAChB,IAAI,OAAO,KAAK,CAAC,EAAE;YACf,UAAU,CAAC,CAAC,CAAC;AAChB;AACL,KAAC;AAED,IAAAA,cAAK,CAAC,SAAS,CAAC,MAAK;AACjB,QAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AAC7C,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC;AAC1C,QAAA,OAAO,EAAE;AACT,QAAA,OAAO,MAAK;AACR,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AACjD,SAAC;AACL,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACIA,cAAA,CAAA,aAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,EACjC,QAAQ,CACY;AAEjC"}

package/breakpoint/useBreakpoint.d.ts

@@ -1,4 +1,5 @@
-import { BreakpointKeys } from "../css/types";
+import { BreakpointKeys } from '../css/types.js';
+
 declare const useBreakpoint: () => {
     value: BreakpointKeys;
     is: (key: BreakpointKeys) => boolean;
@@ -7,4 +8,5 @@ declare const useBreakpoint: () => {
     isOrDown: (key: BreakpointKeys) => boolean;
     isOrUp: (key: BreakpointKeys) => boolean;
 };
-export default useBreakpoint;
+
+export { useBreakpoint as default };

package/breakpoint/useBreakpoint.js

@@ -1,2 +1,23 @@
-import{useContext as e}from"react";import{BreakpointCtx as s}from".";import p from"../isWindow";import{breakpoints as t}from"../css";const a=()=>{const o=e(s),n=p(),r={value:o,is:i=>o===i,isDown:i=>n?window.innerWidth>t[i]:!1,isUp:i=>n?window.innerWidth<t[i]:!1,isOrDown:i=>r.is(i)||r.isDown(i),isOrUp:i=>r.is(i)||r.isUp(i)};return r};var d=a;export{d as default};
-//# sourceMappingURL=useBreakpoint.js.map
+'use strict';var React=require('react'),BreakpointProvider=require('./BreakpointProvider.js'),isWindow=require('../isWindow.js'),index=require('../css/index.js');const useBreakpoint = () => {
+    const val = React.useContext(BreakpointProvider.BreakpointCtx);
+    const isWin = isWindow();
+    const o = {
+        value: val,
+        is: (key) => val === key,
+        isDown: (key) => {
+            if (isWin) {
+                return window.innerWidth > index.breakpoints[key];
+            }
+            return false;
+        },
+        isUp: (key) => {
+            if (isWin) {
+                return window.innerWidth < index.breakpoints[key];
+            }
+            return false;
+        },
+        isOrDown: (key) => o.is(key) || o.isDown(key),
+        isOrUp: (key) => o.is(key) || o.isUp(key)
+    };
+    return o;
+};module.exports=useBreakpoint;//# sourceMappingURL=useBreakpoint.js.map

package/breakpoint/useBreakpoint.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../src/breakpoint/useBreakpoint.ts"],
-  "sourcesContent": ["import { useContext } from \"react\"\nimport { BreakpointCtx } from \".\"\nimport isWindow from \"../isWindow\"\nimport { breakpoints } from \"../css\"\nimport { BreakpointKeys } from \"../css/types\"\n\nconst useBreakpoint = () => {\n   const val = useContext(BreakpointCtx)\n   const isWin = isWindow()\n   const o = {\n      value: val,\n      is: (key: BreakpointKeys) => val === key,\n      isDown: (key: BreakpointKeys) => {\n         if (isWin) {\n            return window.innerWidth > breakpoints[key]\n         }\n         return false\n      },\n      isUp: (key: BreakpointKeys) => {\n         if (isWin) {\n            return window.innerWidth < breakpoints[key]\n         }\n         return false\n      },\n      isOrDown: (key: BreakpointKeys) => o.is(key) || o.isDown(key),\n      isOrUp: (key: BreakpointKeys) => o.is(key) || o.isUp(key)\n   }\n   return o\n}\n\nexport default useBreakpoint\n"],
-  "mappings": "AAAA,OAAS,cAAAA,MAAkB,QAC3B,OAAS,iBAAAC,MAAqB,IAC9B,OAAOC,MAAc,cACrB,OAAS,eAAAC,MAAmB,SAG5B,MAAMC,EAAgB,IAAM,CACzB,MAAMC,EAAML,EAAWC,CAAa,EAC9BK,EAAQJ,EAAS,EACjBK,EAAI,CACP,MAAOF,EACP,GAAKG,GAAwBH,IAAQG,EACrC,OAASA,GACFF,EACM,OAAO,WAAaH,EAAYK,CAAG,EAEtC,GAEV,KAAOA,GACAF,EACM,OAAO,WAAaH,EAAYK,CAAG,EAEtC,GAEV,SAAWA,GAAwBD,EAAE,GAAGC,CAAG,GAAKD,EAAE,OAAOC,CAAG,EAC5D,OAASA,GAAwBD,EAAE,GAAGC,CAAG,GAAKD,EAAE,KAAKC,CAAG,CAC3D,EACA,OAAOD,CACV,EAEA,IAAOE,EAAQL",
-  "names": ["useContext", "BreakpointCtx", "isWindow", "breakpoints", "useBreakpoint", "val", "isWin", "o", "key", "useBreakpoint_default"]
-}
+{"version":3,"file":"useBreakpoint.js","sources":["../../src/breakpoint/useBreakpoint.ts"],"sourcesContent":["import { useContext } from \"react\"\nimport { BreakpointCtx } from \"./BreakpointProvider\"\nimport isWindow from \"../isWindow\"\nimport { breakpoints } from \"../css\"\nimport { BreakpointKeys } from \"../css/types\"\n\nconst useBreakpoint = () => {\n   const val = useContext(BreakpointCtx)\n   const isWin = isWindow()\n   const o = {\n      value: val,\n      is: (key: BreakpointKeys) => val === key,\n      isDown: (key: BreakpointKeys) => {\n         if (isWin) {\n            return window.innerWidth > breakpoints[key]\n         }\n         return false\n      },\n      isUp: (key: BreakpointKeys) => {\n         if (isWin) {\n            return window.innerWidth < breakpoints[key]\n         }\n         return false\n      },\n      isOrDown: (key: BreakpointKeys) => o.is(key) || o.isDown(key),\n      isOrUp: (key: BreakpointKeys) => o.is(key) || o.isUp(key)\n   }\n   return o\n}\n\nexport default useBreakpoint\n"],"names":["useContext","BreakpointCtx","breakpoints"],"mappings":"kKAMM,MAAA,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,GAAG,GAAGA,gBAAU,CAACC,gCAAa,CAAC;AACrC,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AACxB,IAAA,MAAM,CAAC,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;QACV,EAAE,EAAE,CAAC,GAAmB,KAAK,GAAG,KAAK,GAAG;AACxC,QAAA,MAAM,EAAE,CAAC,GAAmB,KAAI;AAC7B,YAAA,IAAI,KAAK,EAAE;gBACR,OAAO,MAAM,CAAC,UAAU,GAAGC,iBAAW,CAAC,GAAG,CAAC;AAC7C;AACD,YAAA,OAAO,KAAK;SACd;AACD,QAAA,IAAI,EAAE,CAAC,GAAmB,KAAI;AAC3B,YAAA,IAAI,KAAK,EAAE;gBACR,OAAO,MAAM,CAAC,UAAU,GAAGA,iBAAW,CAAC,GAAG,CAAC;AAC7C;AACD,YAAA,OAAO,KAAK;SACd;AACD,QAAA,QAAQ,EAAE,CAAC,GAAmB,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC;AAC7D,QAAA,MAAM,EAAE,CAAC,GAAmB,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG;KAC1D;AACD,IAAA,OAAO,CAAC;AACX"}

package/breakpoint/useBreakpoint.mjs

@@ -0,0 +1,23 @@
+import {useContext}from'react';import {BreakpointCtx}from'./BreakpointProvider.mjs';import isWindow from'../isWindow.mjs';import {breakpoints}from'../css/index.mjs';const useBreakpoint = () => {
+    const val = useContext(BreakpointCtx);
+    const isWin = isWindow();
+    const o = {
+        value: val,
+        is: (key) => val === key,
+        isDown: (key) => {
+            if (isWin) {
+                return window.innerWidth > breakpoints[key];
+            }
+            return false;
+        },
+        isUp: (key) => {
+            if (isWin) {
+                return window.innerWidth < breakpoints[key];
+            }
+            return false;
+        },
+        isOrDown: (key) => o.is(key) || o.isDown(key),
+        isOrUp: (key) => o.is(key) || o.isUp(key)
+    };
+    return o;
+};export{useBreakpoint as default};//# sourceMappingURL=useBreakpoint.mjs.map

package/breakpoint/useBreakpoint.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.mjs","sources":["../../src/breakpoint/useBreakpoint.ts"],"sourcesContent":["import { useContext } from \"react\"\nimport { BreakpointCtx } from \"./BreakpointProvider\"\nimport isWindow from \"../isWindow\"\nimport { breakpoints } from \"../css\"\nimport { BreakpointKeys } from \"../css/types\"\n\nconst useBreakpoint = () => {\n   const val = useContext(BreakpointCtx)\n   const isWin = isWindow()\n   const o = {\n      value: val,\n      is: (key: BreakpointKeys) => val === key,\n      isDown: (key: BreakpointKeys) => {\n         if (isWin) {\n            return window.innerWidth > breakpoints[key]\n         }\n         return false\n      },\n      isUp: (key: BreakpointKeys) => {\n         if (isWin) {\n            return window.innerWidth < breakpoints[key]\n         }\n         return false\n      },\n      isOrDown: (key: BreakpointKeys) => o.is(key) || o.isDown(key),\n      isOrUp: (key: BreakpointKeys) => o.is(key) || o.isUp(key)\n   }\n   return o\n}\n\nexport default useBreakpoint\n"],"names":[],"mappings":"qKAMM,MAAA,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,GAAG,GAAG,UAAU,CAAC,aAAa,CAAC;AACrC,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AACxB,IAAA,MAAM,CAAC,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;QACV,EAAE,EAAE,CAAC,GAAmB,KAAK,GAAG,KAAK,GAAG;AACxC,QAAA,MAAM,EAAE,CAAC,GAAmB,KAAI;AAC7B,YAAA,IAAI,KAAK,EAAE;gBACR,OAAO,MAAM,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC;AAC7C;AACD,YAAA,OAAO,KAAK;SACd;AACD,QAAA,IAAI,EAAE,CAAC,GAAmB,KAAI;AAC3B,YAAA,IAAI,KAAK,EAAE;gBACR,OAAO,MAAM,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC;AAC7C;AACD,YAAA,OAAO,KAAK;SACd;AACD,QAAA,QAAQ,EAAE,CAAC,GAAmB,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC;AAC7D,QAAA,MAAM,EAAE,CAAC,GAAmB,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG;KAC1D;AACD,IAAA,OAAO,CAAC;AACX"}

package/breakpoint/useBreakpointProps.d.ts

@@ -1,6 +1,9 @@
-import { BreakpointKeys } from "../css/types";
-export type useBreakpointPropsType<P> = P | {
+import { BreakpointKeys } from '../css/types.js';
+
+type useBreakpointPropsType<P> = P | {
     [key in BreakpointKeys]?: P;
 };
 declare const useBreakpoinProps: <P extends object>(props: useBreakpointPropsType<P>) => useBreakpointPropsType<P>;
-export default useBreakpoinProps;
+
+export { useBreakpoinProps as default };
+export type { useBreakpointPropsType };

package/breakpoint/useBreakpointProps.js

@@ -1,2 +1,42 @@
-import i,{isValidElement as f}from"react";import l from"./useBreakpoint";const m=r=>{const n=l(),p=JSON.stringify(r,(t,e)=>{if(!(t==="_owner"||t==="_store"))return e},2);let o=i.useMemo(()=>{const t={xs:{},sm:{},md:{},lg:{},xl:{}};for(let e in r){let s=r[e];if(!f(s)&&typeof s=="object")for(let a in s)t[a][e]=r[e][a];else t.xs[e]=r[e]}return t},[p,n.value]);return i.useMemo(()=>{let t=o.xs||{};for(let e of["sm","md","lg","xl"])if(n.isOrDown(e)&&(t={...t,...o[e]}),n.is(e))break;return t},[o,n.value])};var d=m;export{d as default};
-//# sourceMappingURL=useBreakpointProps.js.map
+'use strict';var React=require('react'),useBreakpoint=require('./useBreakpoint.js');const useBreakpoinProps = (props) => {
+    const bpoint = useBreakpoint();
+    const stringifiedElement = JSON.stringify(props, (key, value) => {
+        if (key === '_owner' || key === '_store') {
+            return undefined; // Skip circular references
+        }
+        return value;
+    }, 2);
+    let format = React.useMemo(() => {
+        const _format = {
+            xs: {},
+            sm: {},
+            md: {},
+            lg: {},
+            xl: {}
+        };
+        for (let prop in props) {
+            let val = props[prop];
+            if (!React.isValidElement(val) && typeof val === 'object') {
+                for (let breakpoin in val) {
+                    _format[breakpoin][prop] = props[prop][breakpoin];
+                }
+            }
+            else {
+                _format.xs[prop] = props[prop];
+            }
+        }
+        return _format;
+    }, [stringifiedElement, bpoint.value]);
+    return React.useMemo(() => {
+        let _props = format.xs || {};
+        for (let key of ['sm', 'md', 'lg', 'xl']) {
+            if (bpoint.isOrDown(key)) {
+                _props = Object.assign(Object.assign({}, _props), format[key]);
+            }
+            if (bpoint.is(key)) {
+                break;
+            }
+        }
+        return _props;
+    }, [format, bpoint.value]);
+};module.exports=useBreakpoinProps;//# sourceMappingURL=useBreakpointProps.js.map

package/breakpoint/useBreakpointProps.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "sources": ["../../src/breakpoint/useBreakpointProps.ts"],
-  "sourcesContent": ["import React, { isValidElement } 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 useBreakpoinProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\n   const bpoint = useBreakpoint()\n   const stringifiedElement = JSON.stringify(props, (key, value) => {\n      if (key === '_owner' || key === '_store') {\n         return undefined; // Skip circular references\n      }\n      return value;\n   }, 2);\n\n   let format: any = React.useMemo(() => {\n\n      const _format: any = {\n         xs: {},\n         sm: {},\n         md: {},\n         lg: {},\n         xl: {}\n      }\n      for (let prop in props) {\n         let val = (props as any)[prop]\n         if (!isValidElement(val) && typeof val === 'object') {\n            for (let breakpoin in val) {\n               _format[breakpoin][prop] = (props as any)[prop][breakpoin]\n            }\n         } else {\n            _format.xs[prop] = (props as any)[prop]\n         }\n      }\n\n      return _format\n   }, [stringifiedElement, bpoint.value])\n\n   return React.useMemo(() => {\n      let _props = format.xs || {};\n      for (let key of ['sm', 'md', 'lg', 'xl']) {\n         if (bpoint.isOrDown(key as any)) {\n            _props = { ..._props, ...format[key] };\n         }\n         if (bpoint.is(key as any)) {\n            break;\n         }\n      }\n      return _props;\n   }, [format, bpoint.value]);\n}\n\n\n\nexport default useBreakpoinProps"],
-  "mappings": "AAAA,OAAOA,GAAS,kBAAAC,MAAsB,QACtC,OAAOC,MAAmB,kBAO1B,MAAMC,EAAuCC,GAAgE,CAC1G,MAAMC,EAASH,EAAc,EACvBI,EAAqB,KAAK,UAAUF,EAAO,CAACG,EAAKC,IAAU,CAC9D,GAAI,EAAAD,IAAQ,UAAYA,IAAQ,UAGhC,OAAOC,CACV,EAAG,CAAC,EAEJ,IAAIC,EAAcT,EAAM,QAAQ,IAAM,CAEnC,MAAMU,EAAe,CAClB,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,EACL,GAAI,CAAC,CACR,EACA,QAASC,KAAQP,EAAO,CACrB,IAAIQ,EAAOR,EAAcO,CAAI,EAC7B,GAAI,CAACV,EAAeW,CAAG,GAAK,OAAOA,GAAQ,SACxC,QAASC,KAAaD,EACnBF,EAAQG,CAAS,EAAEF,CAAI,EAAKP,EAAcO,CAAI,EAAEE,CAAS,OAG5DH,EAAQ,GAAGC,CAAI,EAAKP,EAAcO,CAAI,CAE5C,CAEA,OAAOD,CACV,EAAG,CAACJ,EAAoBD,EAAO,KAAK,CAAC,EAErC,OAAOL,EAAM,QAAQ,IAAM,CACxB,IAAIc,EAASL,EAAO,IAAM,CAAC,EAC3B,QAASF,IAAO,CAAC,KAAM,KAAM,KAAM,IAAI,EAIpC,GAHIF,EAAO,SAASE,CAAU,IAC3BO,EAAS,CAAE,GAAGA,EAAQ,GAAGL,EAAOF,CAAG,CAAE,GAEpCF,EAAO,GAAGE,CAAU,EACrB,MAGN,OAAOO,CACV,EAAG,CAACL,EAAQJ,EAAO,KAAK,CAAC,CAC5B,EAIA,IAAOU,EAAQZ",
-  "names": ["React", "isValidElement", "useBreakpoint", "useBreakpoinProps", "props", "bpoint", "stringifiedElement", "key", "value", "format", "_format", "prop", "val", "breakpoin", "_props", "useBreakpointProps_default"]
-}
+{"version":3,"file":"useBreakpointProps.js","sources":["../../src/breakpoint/useBreakpointProps.ts"],"sourcesContent":["import React, { isValidElement } 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 useBreakpoinProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\n   const bpoint = useBreakpoint()\n   const stringifiedElement = JSON.stringify(props, (key, value) => {\n      if (key === '_owner' || key === '_store') {\n         return undefined; // Skip circular references\n      }\n      return value;\n   }, 2);\n\n   let format: any = React.useMemo(() => {\n\n      const _format: any = {\n         xs: {},\n         sm: {},\n         md: {},\n         lg: {},\n         xl: {}\n      }\n      for (let prop in props) {\n         let val = (props as any)[prop]\n         if (!isValidElement(val) && typeof val === 'object') {\n            for (let breakpoin in val) {\n               _format[breakpoin][prop] = (props as any)[prop][breakpoin]\n            }\n         } else {\n            _format.xs[prop] = (props as any)[prop]\n         }\n      }\n\n      return _format\n   }, [stringifiedElement, bpoint.value])\n\n   return React.useMemo(() => {\n      let _props = format.xs || {};\n      for (let key of ['sm', 'md', 'lg', 'xl']) {\n         if (bpoint.isOrDown(key as any)) {\n            _props = { ..._props, ...format[key] };\n         }\n         if (bpoint.is(key as any)) {\n            break;\n         }\n      }\n      return _props;\n   }, [format, bpoint.value]);\n}\n\n\n\nexport default useBreakpoinProps"],"names":["isValidElement"],"mappings":"oFAQA,MAAM,iBAAiB,GAAG,CAAmB,KAAgC,KAA+B;AACzG,IAAA,MAAM,MAAM,GAAG,aAAa,EAAE;AAC9B,IAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;AAC7D,QAAA,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,EAAE;YACvC,OAAO,SAAS,CAAC;AACnB;AACD,QAAA,OAAO,KAAK;KACd,EAAE,CAAC,CAAC;AAEL,IAAA,IAAI,MAAM,GAAQ,KAAK,CAAC,OAAO,CAAC,MAAK;AAElC,QAAA,MAAM,OAAO,GAAQ;AAClB,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE;SACN;AACD,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;AACrB,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;YAC9B,IAAI,CAACA,oBAAc,CAAC,GAAG,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAClD,gBAAA,KAAK,IAAI,SAAS,IAAI,GAAG,EAAE;AACxB,oBAAA,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;AAC5D;AACH;AAAM,iBAAA;gBACJ,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;AACzC;AACH;AAED,QAAA,OAAO,OAAO;KAChB,EAAE,CAAC,kBAAkB,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AAEtC,IAAA,OAAO,KAAK,CAAC,OAAO,CAAC,MAAK;AACvB,QAAA,IAAI,MAAM,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE;AAC5B,QAAA,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AACvC,YAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAU,CAAC,EAAE;gBAC9B,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAK,EAAA,MAAM,CAAC,GAAG,CAAC,CAAE;AACxC;AACD,YAAA,IAAI,MAAM,CAAC,EAAE,CAAC,GAAU,CAAC,EAAE;gBACxB;AACF;AACH;AACD,QAAA,OAAO,MAAM;KACf,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AAC7B"}

package/breakpoint/useBreakpointProps.mjs

@@ -0,0 +1,42 @@
+import React__default,{isValidElement}from'react';import useBreakpoint from'./useBreakpoint.mjs';const useBreakpoinProps = (props) => {
+    const bpoint = useBreakpoint();
+    const stringifiedElement = JSON.stringify(props, (key, value) => {
+        if (key === '_owner' || key === '_store') {
+            return undefined; // Skip circular references
+        }
+        return value;
+    }, 2);
+    let format = React__default.useMemo(() => {
+        const _format = {
+            xs: {},
+            sm: {},
+            md: {},
+            lg: {},
+            xl: {}
+        };
+        for (let prop in props) {
+            let val = props[prop];
+            if (!isValidElement(val) && typeof val === 'object') {
+                for (let breakpoin in val) {
+                    _format[breakpoin][prop] = props[prop][breakpoin];
+                }
+            }
+            else {
+                _format.xs[prop] = props[prop];
+            }
+        }
+        return _format;
+    }, [stringifiedElement, bpoint.value]);
+    return React__default.useMemo(() => {
+        let _props = format.xs || {};
+        for (let key of ['sm', 'md', 'lg', 'xl']) {
+            if (bpoint.isOrDown(key)) {
+                _props = Object.assign(Object.assign({}, _props), format[key]);
+            }
+            if (bpoint.is(key)) {
+                break;
+            }
+        }
+        return _props;
+    }, [format, bpoint.value]);
+};export{useBreakpoinProps as default};//# sourceMappingURL=useBreakpointProps.mjs.map

package/breakpoint/useBreakpointProps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpointProps.mjs","sources":["../../src/breakpoint/useBreakpointProps.ts"],"sourcesContent":["import React, { isValidElement } 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 useBreakpoinProps = <P extends object>(props: useBreakpointPropsType<P>): useBreakpointPropsType<P> => {\n   const bpoint = useBreakpoint()\n   const stringifiedElement = JSON.stringify(props, (key, value) => {\n      if (key === '_owner' || key === '_store') {\n         return undefined; // Skip circular references\n      }\n      return value;\n   }, 2);\n\n   let format: any = React.useMemo(() => {\n\n      const _format: any = {\n         xs: {},\n         sm: {},\n         md: {},\n         lg: {},\n         xl: {}\n      }\n      for (let prop in props) {\n         let val = (props as any)[prop]\n         if (!isValidElement(val) && typeof val === 'object') {\n            for (let breakpoin in val) {\n               _format[breakpoin][prop] = (props as any)[prop][breakpoin]\n            }\n         } else {\n            _format.xs[prop] = (props as any)[prop]\n         }\n      }\n\n      return _format\n   }, [stringifiedElement, bpoint.value])\n\n   return React.useMemo(() => {\n      let _props = format.xs || {};\n      for (let key of ['sm', 'md', 'lg', 'xl']) {\n         if (bpoint.isOrDown(key as any)) {\n            _props = { ..._props, ...format[key] };\n         }\n         if (bpoint.is(key as any)) {\n            break;\n         }\n      }\n      return _props;\n   }, [format, bpoint.value]);\n}\n\n\n\nexport default useBreakpoinProps"],"names":["React"],"mappings":"iGAQA,MAAM,iBAAiB,GAAG,CAAmB,KAAgC,KAA+B;AACzG,IAAA,MAAM,MAAM,GAAG,aAAa,EAAE;AAC9B,IAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,KAAI;AAC7D,QAAA,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,QAAQ,EAAE;YACvC,OAAO,SAAS,CAAC;AACnB;AACD,QAAA,OAAO,KAAK;KACd,EAAE,CAAC,CAAC;AAEL,IAAA,IAAI,MAAM,GAAQA,cAAK,CAAC,OAAO,CAAC,MAAK;AAElC,QAAA,MAAM,OAAO,GAAQ;AAClB,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE,EAAE;AACN,YAAA,EAAE,EAAE;SACN;AACD,QAAA,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE;AACrB,YAAA,IAAI,GAAG,GAAI,KAAa,CAAC,IAAI,CAAC;YAC9B,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAClD,gBAAA,KAAK,IAAI,SAAS,IAAI,GAAG,EAAE;AACxB,oBAAA,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;AAC5D;AACH;AAAM,iBAAA;gBACJ,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,GAAI,KAAa,CAAC,IAAI,CAAC;AACzC;AACH;AAED,QAAA,OAAO,OAAO;KAChB,EAAE,CAAC,kBAAkB,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AAEtC,IAAA,OAAOA,cAAK,CAAC,OAAO,CAAC,MAAK;AACvB,QAAA,IAAI,MAAM,GAAG,MAAM,CAAC,EAAE,IAAI,EAAE;AAC5B,QAAA,KAAK,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;AACvC,YAAA,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAU,CAAC,EAAE;gBAC9B,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAQ,MAAM,CAAK,EAAA,MAAM,CAAC,GAAG,CAAC,CAAE;AACxC;AACD,YAAA,IAAI,MAAM,CAAC,EAAE,CAAC,GAAU,CAAC,EAAE;gBACxB;AACF;AACH;AACD,QAAA,OAAO,MAAM;KACf,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AAC7B"}

package/css/aliases.js

@@ -1,2 +1,29 @@
-const i=(o,a)=>typeof o=="string"?o:a,r={bgcolor:o=>({backgroundColor:o}),bgimage:o=>({backgroundImage:`url(${o})`,backgroundSize:"cover",backgroundRepeat:"no-repeat"}),bg:o=>({background:o}),p:o=>({padding:i(o,8*o)}),pt:o=>({paddingTop:i(o,8*o)}),pr:o=>({paddingRight:i(o,8*o)}),pb:o=>({paddingBottom:i(o,8*o)}),pl:o=>({paddingLeft:i(o,8*o)}),px:o=>({paddingLeft:i(o,8*o),paddingRight:i(o,8*o)}),py:o=>({paddingTop:i(o,8*o),paddingBottom:i(o,8*o)}),m:o=>({margin:i(o,8*o)}),mt:o=>({marginTop:i(o,8*o)}),mr:o=>({marginRight:i(o,8*o)}),mb:o=>({marginBottom:i(o,8*o)}),ml:o=>({marginLeft:i(o,8*o)}),mx:o=>({marginLeft:i(o,8*o),marginRight:i(o,8*o)}),my:o=>({marginTop:i(o,8*o),marginBottom:i(o,8*o)}),radius:o=>({borderRadius:i(o,8*o)}),borderRadius:o=>({borderRadius:i(o,8*o)}),shadow:o=>({boxShadow:o}),flexBox:o=>o?{display:"flex"}:{},flexRow:o=>o?{flexDirection:"row"}:{},flexColumn:o=>o?{flexDirection:"column"}:{},flexWraped:o=>o?{flexWrap:"wrap"}:{},direction:o=>o==="row"||o==="column"?{flexDirection:o}:{direction:o},gap:o=>({gap:i(o,8*o)})};var g=r;export{g as default};
-//# sourceMappingURL=aliases.js.map
+'use strict';const isStr = (v, or) => typeof v === 'string' ? v : or;
+const aliases = {
+    bgcolor: (v) => ({ backgroundColor: v }),
+    bgimage: (v) => ({ backgroundImage: `url(${v})`, backgroundSize: "cover", backgroundRepeat: "no-repeat" }),
+    bg: (v) => ({ background: v }),
+    p: (v) => ({ padding: isStr(v, 8 * v) }),
+    pt: (v) => ({ paddingTop: isStr(v, 8 * v) }),
+    pr: (v) => ({ paddingRight: isStr(v, 8 * v) }),
+    pb: (v) => ({ paddingBottom: isStr(v, 8 * v) }),
+    pl: (v) => ({ paddingLeft: isStr(v, 8 * v) }),
+    px: (v) => ({ paddingLeft: isStr(v, 8 * v), paddingRight: isStr(v, 8 * v) }),
+    py: (v) => ({ paddingTop: isStr(v, 8 * v), paddingBottom: isStr(v, 8 * v) }),
+    m: (v) => ({ margin: isStr(v, 8 * v) }),
+    mt: (v) => ({ marginTop: isStr(v, 8 * v) }),
+    mr: (v) => ({ marginRight: isStr(v, 8 * v) }),
+    mb: (v) => ({ marginBottom: isStr(v, 8 * v) }),
+    ml: (v) => ({ marginLeft: isStr(v, 8 * v) }),
+    mx: (v) => ({ marginLeft: isStr(v, 8 * v), marginRight: isStr(v, 8 * v) }),
+    my: (v) => ({ marginTop: isStr(v, 8 * v), marginBottom: isStr(v, 8 * v) }),
+    radius: (v) => ({ borderRadius: isStr(v, 8 * v) }),
+    borderRadius: (v) => ({ borderRadius: isStr(v, 8 * v) }),
+    shadow: (v) => ({ boxShadow: v }),
+    flexBox: (v) => (v ? { display: "flex" } : {}),
+    flexRow: (v) => (v ? { flexDirection: "row" } : {}),
+    flexColumn: (v) => (v ? { flexDirection: "column" } : {}),
+    flexWraped: (v) => (v ? { flexWrap: "wrap" } : {}),
+    direction: (v) => (v === 'row' || v === 'column' ? { flexDirection: v } : { direction: v }),
+    gap: (v) => ({ gap: isStr(v, 8 * v) }),
+};module.exports=aliases;//# sourceMappingURL=aliases.js.map

package/css/aliases.js.map

@@ -1,7 +1 @@
-{
-  "version": 3,
-  "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"],
-  "mappings": "AAGA,MAAMA,EAAQ,CAACC,EAAQC,IAAY,OAAOD,GAAM,SAAWA,EAAIC,EAEzDC,EAAkC,CACrC,QAAUF,IAAO,CAAE,gBAAiBA,CAAE,GACtC,QAAUA,IAAO,CAAE,gBAAiB,OAAOA,CAAC,IAAK,eAAgB,QAAS,iBAAkB,WAAY,GACxG,GAAKA,IAAO,CAAE,WAAYA,CAAE,GAC5B,EAAIA,IAAO,CAAE,QAASD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACtC,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1C,GAAKA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC5C,GAAKA,IAAO,CAAE,cAAeD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC7C,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC3C,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,EAAG,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1E,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,EAAG,cAAeD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1E,EAAIA,IAAO,CAAE,OAAQD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACrC,GAAKA,IAAO,CAAE,UAAWD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACzC,GAAKA,IAAO,CAAE,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC3C,GAAKA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC5C,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAC1C,GAAKA,IAAO,CAAE,WAAYD,EAAMC,EAAG,EAAIA,CAAC,EAAG,YAAaD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACxE,GAAKA,IAAO,CAAE,UAAWD,EAAMC,EAAG,EAAIA,CAAC,EAAG,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACxE,OAASA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GAChD,aAAeA,IAAO,CAAE,aAAcD,EAAMC,EAAG,EAAIA,CAAC,CAAE,GACtD,OAASA,IAAO,CAAE,UAAWA,CAAE,GAC/B,QAAUA,GAAOA,EAAI,CAAE,QAAS,MAAO,EAAI,CAAC,EAC5C,QAAUA,GAAOA,EAAI,CAAE,cAAe,KAAM,EAAI,CAAC,EACjD,WAAaA,GAAOA,EAAI,CAAE,cAAe,QAAS,EAAI,CAAC,EACvD,WAAaA,GAAOA,EAAI,CAAE,SAAU,MAAO,EAAI,CAAC,EAChD,UAAYA,GAAOA,IAAM,OAASA,IAAM,SAAW,CAAE,cAAeA,CAAE,EAAI,CAAE,UAAWA,CAAE,EACzF,IAAMA,IAAO,CAAE,IAAKD,EAAMC,EAAG,EAAIA,CAAC,CAAE,EACvC,EAEA,IAAOG,EAAQD",
-  "names": ["isStr", "v", "or", "aliases", "aliases_default"]
-}
+{"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":"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"}

package/css/aliases.mjs

@@ -0,0 +1,29 @@
+const isStr = (v, or) => typeof v === 'string' ? v : or;
+const aliases = {
+    bgcolor: (v) => ({ backgroundColor: v }),
+    bgimage: (v) => ({ backgroundImage: `url(${v})`, backgroundSize: "cover", backgroundRepeat: "no-repeat" }),
+    bg: (v) => ({ background: v }),
+    p: (v) => ({ padding: isStr(v, 8 * v) }),
+    pt: (v) => ({ paddingTop: isStr(v, 8 * v) }),
+    pr: (v) => ({ paddingRight: isStr(v, 8 * v) }),
+    pb: (v) => ({ paddingBottom: isStr(v, 8 * v) }),
+    pl: (v) => ({ paddingLeft: isStr(v, 8 * v) }),
+    px: (v) => ({ paddingLeft: isStr(v, 8 * v), paddingRight: isStr(v, 8 * v) }),
+    py: (v) => ({ paddingTop: isStr(v, 8 * v), paddingBottom: isStr(v, 8 * v) }),
+    m: (v) => ({ margin: isStr(v, 8 * v) }),
+    mt: (v) => ({ marginTop: isStr(v, 8 * v) }),
+    mr: (v) => ({ marginRight: isStr(v, 8 * v) }),
+    mb: (v) => ({ marginBottom: isStr(v, 8 * v) }),
+    ml: (v) => ({ marginLeft: isStr(v, 8 * v) }),
+    mx: (v) => ({ marginLeft: isStr(v, 8 * v), marginRight: isStr(v, 8 * v) }),
+    my: (v) => ({ marginTop: isStr(v, 8 * v), marginBottom: isStr(v, 8 * v) }),
+    radius: (v) => ({ borderRadius: isStr(v, 8 * v) }),
+    borderRadius: (v) => ({ borderRadius: isStr(v, 8 * v) }),
+    shadow: (v) => ({ boxShadow: v }),
+    flexBox: (v) => (v ? { display: "flex" } : {}),
+    flexRow: (v) => (v ? { flexDirection: "row" } : {}),
+    flexColumn: (v) => (v ? { flexDirection: "column" } : {}),
+    flexWraped: (v) => (v ? { flexWrap: "wrap" } : {}),
+    direction: (v) => (v === 'row' || v === 'column' ? { flexDirection: v } : { direction: v }),
+    gap: (v) => ({ gap: isStr(v, 8 * v) }),
+};export{aliases as default};//# sourceMappingURL=aliases.mjs.map

package/css/aliases.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aliases.mjs","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/getProps.d.ts

@@ -1,3 +1,5 @@
-import { CSSProps } from "./types";
+import { CSSProps } from './types.js';
+
 declare const getProps: (prop: string, value: string, _css: CSSProps) => any;
-export default getProps;
+
+export { getProps as default };