@xanui/core 1.1.14 → 1.1.15

package/breakpoint/BreakpointProvider.js

@@ -1,43 +1,35 @@
-'use strict';Object.defineProperty(exports,'__esModule',{value:true});var jsxRuntime=require('react/jsx-runtime'),React=require('react'),isWindow=require('../isWindow.js'),index=require('../css/index.js');const BreakpointCtx = React.createContext("xl");
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var jsxRuntime=require('react/jsx-runtime'),React=require('react'),isWindow=require('../isWindow.js'),index=require('../css/index.js');const BreakpointCtx = React.createContext("xs");
+/**
+ * SSR-safe breakpoint detection
+ */
 const getKey = () => {
-    const isWin = isWindow.default();
-    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';
+    if (!isWindow.default()) {
+        // Server fallback (mobile-first)
+        return "xs";
     }
+    const width = window.innerWidth;
+    if (width < index.breakpoints.sm)
+        return "xs";
+    if (width < index.breakpoints.md)
+        return "sm";
+    if (width < index.breakpoints.lg)
+        return "md";
+    if (width < index.breakpoints.xl)
+        return "lg";
+    return "xl";
 };
 const BreakpointProvider = ({ children }) => {
     const [current, setCurrent] = React.useState(getKey);
-    const handler = () => {
-        let c = getKey();
-        if (current !== c) {
-            setCurrent(c);
-        }
-    };
+    const handler = React.useCallback(() => {
+        const newKey = getKey();
+        setCurrent(prev => (prev === newKey ? prev : newKey));
+    }, []);
     React.useEffect(() => {
-        window.removeEventListener("resize", handler);
+        if (!isWindow.default())
+            return;
         window.addEventListener("resize", handler);
-        handler();
-        return () => {
-            window.removeEventListener("resize", handler);
-        };
-    }, [current]);
+        handler(); // detect on mount
+        return () => window.removeEventListener("resize", handler);
+    }, [handler]);
     return (jsxRuntime.jsx(BreakpointCtx.Provider, { value: current, children: children }));
 };exports.BreakpointCtx=BreakpointCtx;exports.BreakpointProvider=BreakpointProvider;//# sourceMappingURL=BreakpointProvider.js.map

package/breakpoint/BreakpointProvider.js.map

@@ -1 +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":["isWindow","breakpoints","useState","_jsx"],"mappings":"6MAKO,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAiB,IAAI;AAErE,MAAM,MAAM,GAAG,MAAqB;AAChC,IAAA,MAAM,KAAK,GAAGA,gBAAQ,EAAE;IACxB,IAAI,KAAK,EAAE;AACP,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU;AAC/B,QAAA,IAAI,KAAK,GAAGC,iBAAW,CAAC,EAAE,EAAE;AACxB,YAAA,OAAO,IAAI;QACf;AAAO,aAAA,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,EAAE;AACzD,YAAA,OAAO,IAAI;QACf;AAAO,aAAA,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,EAAE;AACzD,YAAA,OAAO,IAAI;QACf;AAAO,aAAA,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE,EAAE;AACzD,YAAA,OAAO,IAAI;QACf;aAAO;AACH,YAAA,OAAO,IAAI;QACf;IACJ;SAAO;AACH,QAAA,OAAO,IAAI;IACf;AACJ,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;AAChB,QAAA,IAAI,OAAO,KAAK,CAAC,EAAE;YACf,UAAU,CAAC,CAAC,CAAC;QACjB;AACJ,IAAA,CAAC;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,QAAA,CAAC;AACL,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACIC,cAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACjC,QAAQ,EAAA,CACY;AAEjC"}
+{"version":3,"file":"BreakpointProvider.js","sources":["../../src/breakpoint/BreakpointProvider.tsx"],"sourcesContent":["import React, { ReactNode, useState, useCallback } from \"react\";\nimport isWindow from \"../isWindow\";\nimport { breakpoints } from \"../css\";\nimport { BreakpointKeys } from \"../css/types\";\n\nexport const BreakpointCtx = React.createContext<BreakpointKeys>(\"xs\");\n\n/**\n * SSR-safe breakpoint detection\n */\nconst getKey = (): BreakpointKeys => {\n    if (!isWindow()) {\n        // Server fallback (mobile-first)\n        return \"xs\";\n    }\n\n    const width = window.innerWidth;\n\n    if (width < breakpoints.sm) return \"xs\";\n    if (width < breakpoints.md) return \"sm\";\n    if (width < breakpoints.lg) return \"md\";\n    if (width < breakpoints.xl) return \"lg\";\n    return \"xl\";\n};\n\nexport const BreakpointProvider = ({ children }: { children?: ReactNode }) => {\n    const [current, setCurrent] = useState<BreakpointKeys>(getKey);\n\n    const handler = useCallback(() => {\n        const newKey = getKey();\n        setCurrent(prev => (prev === newKey ? prev : newKey));\n    }, []);\n\n    React.useEffect(() => {\n        if (!isWindow()) return;\n\n        window.addEventListener(\"resize\", handler);\n        handler(); // detect on mount\n\n        return () => window.removeEventListener(\"resize\", handler);\n    }, [handler]);\n\n    return (\n        <BreakpointCtx.Provider value={current}>\n            {children}\n        </BreakpointCtx.Provider>\n    );\n};\n"],"names":["isWindow","breakpoints","useState","useCallback","_jsx"],"mappings":"6MAKO,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAiB,IAAI;AAErE;;AAEG;AACH,MAAM,MAAM,GAAG,MAAqB;AAChC,IAAA,IAAI,CAACA,gBAAQ,EAAE,EAAE;;AAEb,QAAA,OAAO,IAAI;IACf;AAEA,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU;AAE/B,IAAA,IAAI,KAAK,GAAGC,iBAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,IAAI,KAAK,GAAGA,iBAAW,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI;AACvC,IAAA,OAAO,IAAI;AACf,CAAC;MAEY,kBAAkB,GAAG,CAAC,EAAE,QAAQ,EAA4B,KAAI;IACzE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAiB,MAAM,CAAC;AAE9D,IAAA,MAAM,OAAO,GAAGC,iBAAW,CAAC,MAAK;AAC7B,QAAA,MAAM,MAAM,GAAG,MAAM,EAAE;AACvB,QAAA,UAAU,CAAC,IAAI,KAAK,IAAI,KAAK,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;QACjB,IAAI,CAACH,gBAAQ,EAAE;YAAE;AAEjB,QAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC;QAC1C,OAAO,EAAE,CAAC;QAEV,OAAO,MAAM,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;AAC9D,IAAA,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;AAEb,IAAA,QACII,cAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,QAAA,EACjC,QAAQ,EAAA,CACY;AAEjC"}

package/breakpoint/BreakpointProvider.mjs

@@ -1,43 +1,35 @@
-import {jsx}from'react/jsx-runtime';import React__default,{useState}from'react';import isWindow from'../isWindow.mjs';import {breakpoints}from'../css/index.mjs';const BreakpointCtx = React__default.createContext("xl");
+import {jsx}from'react/jsx-runtime';import React__default,{useState,useCallback}from'react';import isWindow from'../isWindow.mjs';import {breakpoints}from'../css/index.mjs';const BreakpointCtx = React__default.createContext("xs");
+/**
+ * SSR-safe breakpoint detection
+ */
 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';
+    if (!isWindow()) {
+        // Server fallback (mobile-first)
+        return "xs";
     }
+    const width = window.innerWidth;
+    if (width < breakpoints.sm)
+        return "xs";
+    if (width < breakpoints.md)
+        return "sm";
+    if (width < breakpoints.lg)
+        return "md";
+    if (width < breakpoints.xl)
+        return "lg";
+    return "xl";
 };
 const BreakpointProvider = ({ children }) => {
     const [current, setCurrent] = useState(getKey);
-    const handler = () => {
-        let c = getKey();
-        if (current !== c) {
-            setCurrent(c);
-        }
-    };
+    const handler = useCallback(() => {
+        const newKey = getKey();
+        setCurrent(prev => (prev === newKey ? prev : newKey));
+    }, []);
     React__default.useEffect(() => {
-        window.removeEventListener("resize", handler);
+        if (!isWindow())
+            return;
         window.addEventListener("resize", handler);
-        handler();
-        return () => {
-            window.removeEventListener("resize", handler);
-        };
-    }, [current]);
+        handler(); // detect on mount
+        return () => window.removeEventListener("resize", handler);
+    }, [handler]);
     return (jsx(BreakpointCtx.Provider, { value: current, children: children }));
 };export{BreakpointCtx,BreakpointProvider};//# sourceMappingURL=BreakpointProvider.mjs.map

package/breakpoint/BreakpointProvider.mjs.map

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

package/breakpoint/useBreakpoint.d.ts

@@ -3,10 +3,10 @@ import { BreakpointKeys } from '../css/types.js';
 declare const useBreakpoint: () => {
     value: BreakpointKeys;
     is: (key: BreakpointKeys) => boolean;
-    isDown: (key: BreakpointKeys) => boolean;
     isUp: (key: BreakpointKeys) => boolean;
-    isOrDown: (key: BreakpointKeys) => boolean;
+    isDown: (key: BreakpointKeys) => boolean;
     isOrUp: (key: BreakpointKeys) => boolean;
+    isOrDown: (key: BreakpointKeys) => boolean;
 };
 
 export { useBreakpoint as default };

package/breakpoint/useBreakpoint.js

@@ -1,13 +1,15 @@
 'use strict';Object.defineProperty(exports,'__esModule',{value:true});var React=require('react'),BreakpointProvider=require('./BreakpointProvider.js'),isWindow=require('../isWindow.js'),index=require('../css/index.js');const useBreakpoint = () => {
-    const val = React.useContext(BreakpointProvider.BreakpointCtx);
-    const isWin = isWindow.default();
-    const bp = {
-        value: val,
-        is: (key) => val === key,
-        isDown: (key) => isWin ? window.innerWidth < index.breakpoints[key] : false,
-        isUp: (key) => isWin ? window.innerWidth > index.breakpoints[key] : false,
-        isOrDown: (key) => bp.is(key) || bp.isDown(key),
-        isOrUp: (key) => bp.is(key) || bp.isUp(key)
+    const value = React.useContext(BreakpointProvider.BreakpointCtx);
+    const getWidth = () => isWindow.default() ? window.innerWidth : 99999;
+    const is = (key) => value === key;
+    const isUp = (key) => getWidth() >= index.breakpoints[key];
+    const isDown = (key) => getWidth() < index.breakpoints[key];
+    return {
+        value,
+        is,
+        isUp,
+        isDown,
+        isOrUp: (key) => is(key) || isUp(key),
+        isOrDown: (key) => is(key) || isDown(key)
     };
-    return bp;
 };exports.default=useBreakpoint;//# sourceMappingURL=useBreakpoint.js.map

package/breakpoint/useBreakpoint.js.map

@@ -1 +1 @@
-{"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 bp = {\n      value: val,\n      is: (key: BreakpointKeys) => val === key,\n      isDown: (key: BreakpointKeys) => isWin ? window.innerWidth < breakpoints[key] : false,\n      isUp: (key: BreakpointKeys) => isWin ? window.innerWidth > breakpoints[key] : false,\n      isOrDown: (key: BreakpointKeys) => bp.is(key) || bp.isDown(key),\n      isOrUp: (key: BreakpointKeys) => bp.is(key) || bp.isUp(key)\n   }\n   return bp\n}\n\nexport default useBreakpoint\n"],"names":["useContext","BreakpointCtx","isWindow","breakpoints"],"mappings":"2NAMA,MAAM,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,GAAG,GAAGA,gBAAU,CAACC,gCAAa,CAAC;AACrC,IAAA,MAAM,KAAK,GAAGC,gBAAQ,EAAE;AACxB,IAAA,MAAM,EAAE,GAAG;AACR,QAAA,KAAK,EAAE,GAAG;QACV,EAAE,EAAE,CAAC,GAAmB,KAAK,GAAG,KAAK,GAAG;QACxC,MAAM,EAAE,CAAC,GAAmB,KAAK,KAAK,GAAG,MAAM,CAAC,UAAU,GAAGC,iBAAW,CAAC,GAAG,CAAC,GAAG,KAAK;QACrF,IAAI,EAAE,CAAC,GAAmB,KAAK,KAAK,GAAG,MAAM,CAAC,UAAU,GAAGA,iBAAW,CAAC,GAAG,CAAC,GAAG,KAAK;AACnF,QAAA,QAAQ,EAAE,CAAC,GAAmB,KAAK,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC;AAC/D,QAAA,MAAM,EAAE,CAAC,GAAmB,KAAK,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,GAAG;KAC5D;AACD,IAAA,OAAO,EAAE;AACZ"}
+{"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 value = useContext(BreakpointCtx)\n   const getWidth = () => isWindow() ? window.innerWidth : 99999\n   const is = (key: BreakpointKeys) => value === key\n   const isUp = (key: BreakpointKeys) => getWidth() >= breakpoints[key]\n   const isDown = (key: BreakpointKeys) => getWidth() < breakpoints[key]\n\n   return {\n      value,\n      is,\n      isUp,\n      isDown,\n      isOrUp: (key: BreakpointKeys) => is(key) || isUp(key),\n      isOrDown: (key: BreakpointKeys) => is(key) || isDown(key)\n   }\n}\n\nexport default useBreakpoint\n"],"names":["useContext","BreakpointCtx","isWindow","breakpoints"],"mappings":"2NAMA,MAAM,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,KAAK,GAAGA,gBAAU,CAACC,gCAAa,CAAC;AACvC,IAAA,MAAM,QAAQ,GAAG,MAAMC,gBAAQ,EAAE,GAAG,MAAM,CAAC,UAAU,GAAG,KAAK;IAC7D,MAAM,EAAE,GAAG,CAAC,GAAmB,KAAK,KAAK,KAAK,GAAG;AACjD,IAAA,MAAM,IAAI,GAAG,CAAC,GAAmB,KAAK,QAAQ,EAAE,IAAIC,iBAAW,CAAC,GAAG,CAAC;AACpE,IAAA,MAAM,MAAM,GAAG,CAAC,GAAmB,KAAK,QAAQ,EAAE,GAAGA,iBAAW,CAAC,GAAG,CAAC;IAErE,OAAO;QACJ,KAAK;QACL,EAAE;QACF,IAAI;QACJ,MAAM;AACN,QAAA,MAAM,EAAE,CAAC,GAAmB,KAAK,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC;AACrD,QAAA,QAAQ,EAAE,CAAC,GAAmB,KAAK,EAAE,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG;KAC1D;AACJ"}

package/breakpoint/useBreakpoint.mjs

@@ -1,13 +1,15 @@
 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 bp = {
-        value: val,
-        is: (key) => val === key,
-        isDown: (key) => isWin ? window.innerWidth < breakpoints[key] : false,
-        isUp: (key) => isWin ? window.innerWidth > breakpoints[key] : false,
-        isOrDown: (key) => bp.is(key) || bp.isDown(key),
-        isOrUp: (key) => bp.is(key) || bp.isUp(key)
+    const value = useContext(BreakpointCtx);
+    const getWidth = () => isWindow() ? window.innerWidth : 99999;
+    const is = (key) => value === key;
+    const isUp = (key) => getWidth() >= breakpoints[key];
+    const isDown = (key) => getWidth() < breakpoints[key];
+    return {
+        value,
+        is,
+        isUp,
+        isDown,
+        isOrUp: (key) => is(key) || isUp(key),
+        isOrDown: (key) => is(key) || isDown(key)
     };
-    return bp;
 };export{useBreakpoint as default};//# sourceMappingURL=useBreakpoint.mjs.map

package/breakpoint/useBreakpoint.mjs.map

@@ -1 +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 bp = {\n      value: val,\n      is: (key: BreakpointKeys) => val === key,\n      isDown: (key: BreakpointKeys) => isWin ? window.innerWidth < breakpoints[key] : false,\n      isUp: (key: BreakpointKeys) => isWin ? window.innerWidth > breakpoints[key] : false,\n      isOrDown: (key: BreakpointKeys) => bp.is(key) || bp.isDown(key),\n      isOrUp: (key: BreakpointKeys) => bp.is(key) || bp.isUp(key)\n   }\n   return bp\n}\n\nexport default useBreakpoint\n"],"names":[],"mappings":"qKAMA,MAAM,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,GAAG,GAAG,UAAU,CAAC,aAAa,CAAC;AACrC,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AACxB,IAAA,MAAM,EAAE,GAAG;AACR,QAAA,KAAK,EAAE,GAAG;QACV,EAAE,EAAE,CAAC,GAAmB,KAAK,GAAG,KAAK,GAAG;QACxC,MAAM,EAAE,CAAC,GAAmB,KAAK,KAAK,GAAG,MAAM,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK;QACrF,IAAI,EAAE,CAAC,GAAmB,KAAK,KAAK,GAAG,MAAM,CAAC,UAAU,GAAG,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK;AACnF,QAAA,QAAQ,EAAE,CAAC,GAAmB,KAAK,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC;AAC/D,QAAA,MAAM,EAAE,CAAC,GAAmB,KAAK,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,GAAG;KAC5D;AACD,IAAA,OAAO,EAAE;AACZ"}
+{"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 value = useContext(BreakpointCtx)\n   const getWidth = () => isWindow() ? window.innerWidth : 99999\n   const is = (key: BreakpointKeys) => value === key\n   const isUp = (key: BreakpointKeys) => getWidth() >= breakpoints[key]\n   const isDown = (key: BreakpointKeys) => getWidth() < breakpoints[key]\n\n   return {\n      value,\n      is,\n      isUp,\n      isDown,\n      isOrUp: (key: BreakpointKeys) => is(key) || isUp(key),\n      isOrDown: (key: BreakpointKeys) => is(key) || isDown(key)\n   }\n}\n\nexport default useBreakpoint\n"],"names":[],"mappings":"qKAMA,MAAM,aAAa,GAAG,MAAK;AACxB,IAAA,MAAM,KAAK,GAAG,UAAU,CAAC,aAAa,CAAC;AACvC,IAAA,MAAM,QAAQ,GAAG,MAAM,QAAQ,EAAE,GAAG,MAAM,CAAC,UAAU,GAAG,KAAK;IAC7D,MAAM,EAAE,GAAG,CAAC,GAAmB,KAAK,KAAK,KAAK,GAAG;AACjD,IAAA,MAAM,IAAI,GAAG,CAAC,GAAmB,KAAK,QAAQ,EAAE,IAAI,WAAW,CAAC,GAAG,CAAC;AACpE,IAAA,MAAM,MAAM,GAAG,CAAC,GAAmB,KAAK,QAAQ,EAAE,GAAG,WAAW,CAAC,GAAG,CAAC;IAErE,OAAO;QACJ,KAAK;QACL,EAAE;QACF,IAAI;QACJ,MAAM;AACN,QAAA,MAAM,EAAE,CAAC,GAAmB,KAAK,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC;AACrD,QAAA,QAAQ,EAAE,CAAC,GAAmB,KAAK,EAAE,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,GAAG;KAC1D;AACJ"}

package/package.json

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