@simplybusiness/mobius 4.2.7 → 4.2.8

package/dist/cjs/components/VisuallyHidden/index.js

@@ -1,18 +1,20 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./VisuallyHidden"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./VisuallyHidden"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/VisuallyHidden/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}
+{"version":3,"sources":["../../../../src/components/VisuallyHidden/index.tsx"],"sourcesContent":["export * from \"./VisuallyHidden\";\n"],"names":[],"mappings":";;;;qBAAc"}

package/dist/cjs/components/index.js

@@ -1,57 +1,59 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Accordion"), exports);
-__exportStar(require("./Alert"), exports);
-__exportStar(require("./Box"), exports);
-__exportStar(require("./Breadcrumbs"), exports);
-__exportStar(require("./Button"), exports);
-__exportStar(require("./Checkbox"), exports);
-__exportStar(require("./Container"), exports);
-__exportStar(require("./Divider"), exports);
-__exportStar(require("./Drawer"), exports);
-__exportStar(require("./DropdownMenu"), exports);
-__exportStar(require("./ErrorMessage"), exports);
-__exportStar(require("./Fieldset"), exports);
-__exportStar(require("./Flex"), exports);
-__exportStar(require("./Grid"), exports);
-__exportStar(require("./Icon"), exports);
-__exportStar(require("./Image"), exports);
-__exportStar(require("./Label"), exports);
-__exportStar(require("./Link"), exports);
-__exportStar(require("./LinkButton"), exports);
-__exportStar(require("./List"), exports);
-__exportStar(require("./LoadingIndicator"), exports);
-__exportStar(require("./Logo"), exports);
-__exportStar(require("./Modal"), exports);
-__exportStar(require("./NumberField"), exports);
-__exportStar(require("./Option"), exports);
-__exportStar(require("./PasswordField"), exports);
-__exportStar(require("./Popover"), exports);
-__exportStar(require("./Progress"), exports);
-__exportStar(require("./Radio"), exports);
-__exportStar(require("./Segment"), exports);
-__exportStar(require("./Select"), exports);
-__exportStar(require("./Slider"), exports);
-__exportStar(require("./SVG"), exports);
-__exportStar(require("./Table"), exports);
-__exportStar(require("./Text"), exports);
-__exportStar(require("./TextArea"), exports);
-__exportStar(require("./TextAreaInput"), exports);
-__exportStar(require("./TextField"), exports);
-__exportStar(require("./Title"), exports);
-__exportStar(require("./VisuallyHidden"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Accordion"), exports);
+_export_star(require("./Alert"), exports);
+_export_star(require("./Box"), exports);
+_export_star(require("./Breadcrumbs"), exports);
+_export_star(require("./Button"), exports);
+_export_star(require("./Checkbox"), exports);
+_export_star(require("./Container"), exports);
+_export_star(require("./Divider"), exports);
+_export_star(require("./Drawer"), exports);
+_export_star(require("./DropdownMenu"), exports);
+_export_star(require("./ErrorMessage"), exports);
+_export_star(require("./Fieldset"), exports);
+_export_star(require("./Flex"), exports);
+_export_star(require("./Grid"), exports);
+_export_star(require("./Icon"), exports);
+_export_star(require("./Image"), exports);
+_export_star(require("./Label"), exports);
+_export_star(require("./Link"), exports);
+_export_star(require("./LinkButton"), exports);
+_export_star(require("./List"), exports);
+_export_star(require("./LoadingIndicator"), exports);
+_export_star(require("./Logo"), exports);
+_export_star(require("./Modal"), exports);
+_export_star(require("./NumberField"), exports);
+_export_star(require("./Option"), exports);
+_export_star(require("./PasswordField"), exports);
+_export_star(require("./Popover"), exports);
+_export_star(require("./Progress"), exports);
+_export_star(require("./Radio"), exports);
+_export_star(require("./Segment"), exports);
+_export_star(require("./Select"), exports);
+_export_star(require("./Slider"), exports);
+_export_star(require("./SVG"), exports);
+_export_star(require("./Table"), exports);
+_export_star(require("./Text"), exports);
+_export_star(require("./TextArea"), exports);
+_export_star(require("./TextAreaInput"), exports);
+_export_star(require("./TextField"), exports);
+_export_star(require("./Title"), exports);
+_export_star(require("./VisuallyHidden"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,0CAAwB;AACxB,wCAAsB;AACtB,gDAA8B;AAC9B,2CAAyB;AACzB,6CAA2B;AAC3B,8CAA4B;AAC5B,4CAA0B;AAC1B,2CAAyB;AACzB,iDAA+B;AAC/B,iDAA+B;AAC/B,6CAA2B;AAC3B,yCAAuB;AACvB,yCAAuB;AACvB,yCAAuB;AACvB,0CAAwB;AACxB,0CAAwB;AACxB,yCAAuB;AACvB,+CAA6B;AAC7B,yCAAuB;AACvB,qDAAmC;AACnC,yCAAuB;AACvB,0CAAwB;AACxB,gDAA8B;AAC9B,2CAAyB;AACzB,kDAAgC;AAChC,4CAA0B;AAC1B,6CAA2B;AAC3B,0CAAwB;AACxB,4CAA0B;AAC1B,2CAAyB;AACzB,2CAAyB;AACzB,wCAAsB;AACtB,0CAAwB;AACxB,yCAAuB;AACvB,6CAA2B;AAC3B,kDAAgC;AAChC,8CAA4B;AAC5B,0CAAwB;AACxB,mDAAiC"}
+{"version":3,"sources":["../../../src/components/index.tsx"],"sourcesContent":["export * from \"./Accordion\";\nexport * from \"./Alert\";\nexport * from \"./Box\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./Button\";\nexport * from \"./Checkbox\";\nexport * from \"./Container\";\nexport * from \"./Divider\";\nexport * from \"./Drawer\";\nexport * from \"./DropdownMenu\";\nexport * from \"./ErrorMessage\";\nexport * from \"./Fieldset\";\nexport * from \"./Flex\";\nexport * from \"./Grid\";\nexport * from \"./Icon\";\nexport * from \"./Image\";\nexport * from \"./Label\";\nexport * from \"./Link\";\nexport * from \"./LinkButton\";\nexport * from \"./List\";\nexport * from \"./LoadingIndicator\";\nexport * from \"./Logo\";\nexport * from \"./Modal\";\nexport * from \"./NumberField\";\nexport * from \"./Option\";\nexport * from \"./PasswordField\";\nexport * from \"./Popover\";\nexport * from \"./Progress\";\nexport * from \"./Radio\";\nexport * from \"./Segment\";\nexport * from \"./Select\";\nexport * from \"./Slider\";\nexport * from \"./SVG\";\nexport * from \"./Table\";\nexport * from \"./Text\";\nexport * from \"./TextArea\";\nexport * from \"./TextAreaInput\";\nexport * from \"./TextField\";\nexport * from \"./Title\";\nexport * from \"./VisuallyHidden\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA"}

package/dist/cjs/global.d.js

@@ -0,0 +1,3 @@
+"use strict";
+
+//# sourceMappingURL=global.d.js.map

package/dist/cjs/global.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/global.d.ts"],"names":[],"mappings":""}

package/dist/cjs/hooks/index.js

@@ -1,24 +1,26 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useBodyScrollLock"), exports);
-__exportStar(require("./useBreakpoint"), exports);
-__exportStar(require("./useButton"), exports);
-__exportStar(require("./useLabel"), exports);
-__exportStar(require("./useOnClickOutside"), exports);
-__exportStar(require("./useTextField"), exports);
-__exportStar(require("./useWindowEvent"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./useBodyScrollLock"), exports);
+_export_star(require("./useBreakpoint"), exports);
+_export_star(require("./useButton"), exports);
+_export_star(require("./useLabel"), exports);
+_export_star(require("./useOnClickOutside"), exports);
+_export_star(require("./useTextField"), exports);
+_export_star(require("./useWindowEvent"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
 //# sourceMappingURL=index.js.map

package/dist/cjs/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAoC;AACpC,kDAAgC;AAChC,8CAA4B;AAC5B,6CAA2B;AAC3B,sDAAoC;AACpC,iDAA+B;AAC/B,mDAAiC"}
+{"version":3,"sources":["../../../src/hooks/index.tsx"],"sourcesContent":["export * from \"./useBodyScrollLock\";\nexport * from \"./useBreakpoint\";\nexport * from \"./useButton\";\nexport * from \"./useLabel\";\nexport * from \"./useOnClickOutside\";\nexport * from \"./useTextField\";\nexport * from \"./useWindowEvent\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA"}

package/dist/cjs/hooks/useBodyScrollLock/index.js

@@ -1,18 +1,20 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useBodyScrollLock"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./useBodyScrollLock"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
 //# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useBodyScrollLock/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/useBodyScrollLock/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAoC"}
+{"version":3,"sources":["../../../../src/hooks/useBodyScrollLock/index.ts"],"sourcesContent":["export * from \"./useBodyScrollLock\";\n"],"names":[],"mappings":";;;;qBAAc"}

package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.js

@@ -1,8 +1,15 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBodyScrollLock = void 0;
-const react_1 = require("react");
-function useBodyScrollLock({ enabled = true, } = {}) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useBodyScrollLock", {
+    enumerable: true,
+    get: function() {
+        return useBodyScrollLock;
+    }
+});
+const _react = require("react");
+function useBodyScrollLock({ enabled = true } = {}) {
     function disableScrollLock() {
         document.body.style.removeProperty("overflow");
         document.body.style.removeProperty("scrollbar-gutter");
@@ -14,17 +21,18 @@ function useBodyScrollLock({ enabled = true, } = {}) {
         document.body.style.scrollbarGutter = "stable";
         document.documentElement.style.scrollbarGutter = "stable";
     }
-    (0, react_1.useEffect)(() => {
+    (0, _react.useEffect)(()=>{
         if (enabled) {
             enableScrollLock();
-        }
-        else {
+        } else {
             disableScrollLock();
         }
-        return () => {
+        return ()=>{
             disableScrollLock();
         };
-    }, [enabled]);
+    }, [
+        enabled
+    ]);
 }
-exports.useBodyScrollLock = useBodyScrollLock;
+
 //# sourceMappingURL=useBodyScrollLock.js.map

package/dist/cjs/hooks/useBodyScrollLock/useBodyScrollLock.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBodyScrollLock.js","sourceRoot":"","sources":["../../../../src/hooks/useBodyScrollLock/useBodyScrollLock.ts"],"names":[],"mappings":";;;AAAA,iCAAkC;AAElC,SAAgB,iBAAiB,CAAC,EAChC,OAAO,GAAG,IAAI,MACW,EAAE;IAC3B,SAAS,iBAAiB;QACxB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;QAC/C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;QACvD,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;IACpE,CAAC;IAED,SAAS,gBAAgB;QACvB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACxC,wDAAwD;QACxD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,GAAG,QAAQ,CAAC;QAC/C,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,eAAe,GAAG,QAAQ,CAAC;IAC5D,CAAC;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE,CAAC;YACZ,gBAAgB,EAAE,CAAC;QACrB,CAAC;aAAM,CAAC;YACN,iBAAiB,EAAE,CAAC;QACtB,CAAC;QAED,OAAO,GAAG,EAAE;YACV,iBAAiB,EAAE,CAAC;QACtB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC;AA3BD,8CA2BC"}
+{"version":3,"sources":["../../../../src/hooks/useBodyScrollLock/useBodyScrollLock.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport function useBodyScrollLock({\n  enabled = true,\n}: { enabled?: boolean } = {}) {\n  function disableScrollLock() {\n    document.body.style.removeProperty(\"overflow\");\n    document.body.style.removeProperty(\"scrollbar-gutter\");\n    document.documentElement.style.removeProperty(\"scrollbar-gutter\");\n  }\n\n  function enableScrollLock() {\n    document.body.style.overflow = \"hidden\";\n    // Prevent content jumping due to scrollbar disappearing\n    document.body.style.scrollbarGutter = \"stable\";\n    document.documentElement.style.scrollbarGutter = \"stable\";\n  }\n\n  useEffect(() => {\n    if (enabled) {\n      enableScrollLock();\n    } else {\n      disableScrollLock();\n    }\n\n    return () => {\n      disableScrollLock();\n    };\n  }, [enabled]);\n}\n"],"names":["useBodyScrollLock","enabled","disableScrollLock","document","body","style","removeProperty","documentElement","enableScrollLock","overflow","scrollbarGutter","useEffect"],"mappings":";;;;+BAEgBA;;;eAAAA;;;uBAFU;AAEnB,SAASA,kBAAkB,EAChCC,UAAU,IAAI,EACQ,GAAG,CAAC,CAAC;IAC3B,SAASC;QACPC,SAASC,IAAI,CAACC,KAAK,CAACC,cAAc,CAAC;QACnCH,SAASC,IAAI,CAACC,KAAK,CAACC,cAAc,CAAC;QACnCH,SAASI,eAAe,CAACF,KAAK,CAACC,cAAc,CAAC;IAChD;IAEA,SAASE;QACPL,SAASC,IAAI,CAACC,KAAK,CAACI,QAAQ,GAAG;QAC/B,wDAAwD;QACxDN,SAASC,IAAI,CAACC,KAAK,CAACK,eAAe,GAAG;QACtCP,SAASI,eAAe,CAACF,KAAK,CAACK,eAAe,GAAG;IACnD;IAEAC,IAAAA,gBAAS,EAAC;QACR,IAAIV,SAAS;YACXO;QACF,OAAO;YACLN;QACF;QAEA,OAAO;YACLA;QACF;IACF,GAAG;QAACD;KAAQ;AACd"}

package/dist/cjs/hooks/useBreakpoint/index.js

@@ -1,18 +1,20 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useBreakpoint"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./useBreakpoint"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
 //# sourceMappingURL=index.js.map

package/dist/cjs/hooks/useBreakpoint/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/useBreakpoint/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}
+{"version":3,"sources":["../../../../src/hooks/useBreakpoint/index.tsx"],"sourcesContent":["export * from \"./useBreakpoint\";\n"],"names":[],"mappings":";;;;qBAAc"}

package/dist/cjs/hooks/useBreakpoint/useBreakpoint.js

@@ -1,91 +1,133 @@
-"use strict";
 "use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useBreakpoint = exports.DEFAULT_BREAKPOINTS = void 0;
-const lodash_debounce_1 = __importDefault(require("lodash.debounce"));
-const react_1 = require("react");
-// Hard code breakpoints for SB designs
-exports.DEFAULT_BREAKPOINTS = [
-    { size: "xs", value: 320 },
-    { size: "sm", value: 480 },
-    { size: "md", value: 670 },
-    { size: "lg", value: 960 },
-    { size: "xl", value: 1200 },
-    { size: "xxl", value: 1320 },
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DEFAULT_BREAKPOINTS: function() {
+        return DEFAULT_BREAKPOINTS;
+    },
+    useBreakpoint: function() {
+        return useBreakpoint;
+    }
+});
+const _lodashdebounce = /*#__PURE__*/ _interop_require_default(require("lodash.debounce"));
+const _react = require("react");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const DEFAULT_BREAKPOINTS = [
+    {
+        size: "xs",
+        value: 320
+    },
+    {
+        size: "sm",
+        value: 480
+    },
+    {
+        size: "md",
+        value: 670
+    },
+    {
+        size: "lg",
+        value: 960
+    },
+    {
+        size: "xl",
+        value: 1200
+    },
+    {
+        size: "xxl",
+        value: 1320
+    }
 ];
-const getBreakpoint = (breakpoints, windowWidth) => {
+const getBreakpoint = (breakpoints, windowWidth)=>{
     // When breakpoint size and windowWidth are a match
     // The addition of 1px ensures the right breakpoint
-    const closest = breakpoints.findIndex(breakpoint => breakpoint.value >= windowWidth + 1);
+    const closest = breakpoints.findIndex((breakpoint)=>breakpoint.value >= windowWidth + 1);
     const smallest = breakpoints[0];
     const largest = breakpoints[breakpoints.length - 1];
     const match = breakpoints[closest - 1];
-    if (closest === 0)
-        return smallest;
-    if (closest === -1)
-        return largest;
+    if (closest === 0) return smallest;
+    if (closest === -1) return largest;
     return match;
 };
-const useBreakpoint = (customBreakpoints) => {
-    const window = (globalThis === null || globalThis === void 0 ? void 0 : globalThis.window) || undefined;
+const useBreakpoint = (customBreakpoints)=>{
+    var _globalThis;
+    const window = ((_globalThis = globalThis) === null || _globalThis === void 0 ? void 0 : _globalThis.window) || undefined;
     const isClientSide = typeof window !== "undefined";
-    const breakpoints = customBreakpoints || exports.DEFAULT_BREAKPOINTS;
+    const breakpoints = customBreakpoints || DEFAULT_BREAKPOINTS;
     const defaultBreakpoint = breakpoints[0];
-    const [windowWidth, setWindowWidth] = (0, react_1.useState)(isClientSide ? window.innerWidth : defaultBreakpoint.value);
-    const [currentBreakpoint, setCurrentBreakpoint] = (0, react_1.useState)(defaultBreakpoint);
-    const handleResize = () => {
+    const [windowWidth, setWindowWidth] = (0, _react.useState)(isClientSide ? window.innerWidth : defaultBreakpoint.value);
+    const [currentBreakpoint, setCurrentBreakpoint] = (0, _react.useState)(defaultBreakpoint);
+    const handleResize = ()=>{
         setWindowWidth(window.innerWidth);
     };
-    (0, react_1.useEffect)(() => {
+    (0, _react.useEffect)(()=>{
         if (!windowWidth || breakpoints.length === 0) {
             setCurrentBreakpoint(breakpoints[0]);
             return;
         }
         const newBreakpoint = getBreakpoint(breakpoints, windowWidth);
         // Don't update state if value is the same
-        if (currentBreakpoint.size === (newBreakpoint === null || newBreakpoint === void 0 ? void 0 : newBreakpoint.size))
-            return;
+        if (currentBreakpoint.size === (newBreakpoint === null || newBreakpoint === void 0 ? void 0 : newBreakpoint.size)) return;
         setCurrentBreakpoint(newBreakpoint);
-    }, [currentBreakpoint, windowWidth, breakpoints]);
-    (0, react_1.useEffect)(() => {
-        window.addEventListener("resize", (0, lodash_debounce_1.default)(handleResize, 200), {
-            passive: true,
+    }, [
+        currentBreakpoint,
+        windowWidth,
+        breakpoints
+    ]);
+    (0, _react.useEffect)(()=>{
+        window.addEventListener("resize", (0, _lodashdebounce.default)(handleResize, 200), {
+            passive: true
         });
-        return () => window.removeEventListener("resize", handleResize);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [window]);
+        return ()=>window.removeEventListener("resize", handleResize);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        window
+    ]);
     /**
-     * up(breakpointSize: string) => boolean
-     * Returns true if the current screen width >= breakpoint width
-     */
-    const up = (0, react_1.useCallback)((size) => {
-        const sizeIndex = breakpoints.findIndex(item => item.size === size);
+   * up(breakpointSize: string) => boolean
+   * Returns true if the current screen width >= breakpoint width
+   */ const up = (0, _react.useCallback)((size)=>{
+        const sizeIndex = breakpoints.findIndex((item)=>item.size === size);
         if (sizeIndex === -1) {
             return false;
         }
-        const currentIndex = breakpoints.findIndex(item => item.size === currentBreakpoint.size);
+        const currentIndex = breakpoints.findIndex((item)=>item.size === currentBreakpoint.size);
         return currentIndex >= sizeIndex;
-    }, [currentBreakpoint, breakpoints]);
+    }, [
+        currentBreakpoint,
+        breakpoints
+    ]);
     /**
-     * down(breakpointSize: string) => boolean
-     * Returns true if the current screen width <= breakpoint width
-     */
-    const down = (0, react_1.useCallback)((size) => {
-        const sizeIndex = breakpoints.findIndex(item => item.size === size);
+   * down(breakpointSize: string) => boolean
+   * Returns true if the current screen width <= breakpoint width
+   */ const down = (0, _react.useCallback)((size)=>{
+        const sizeIndex = breakpoints.findIndex((item)=>item.size === size);
         if (sizeIndex === -1) {
             return true;
         }
-        const currentIndex = breakpoints.findIndex(item => item.size === currentBreakpoint.size);
+        const currentIndex = breakpoints.findIndex((item)=>item.size === currentBreakpoint.size);
         return currentIndex <= sizeIndex;
-    }, [currentBreakpoint, breakpoints]);
+    }, [
+        currentBreakpoint,
+        breakpoints
+    ]);
     return {
         breakpoint: isClientSide ? currentBreakpoint : defaultBreakpoint,
         up,
-        down,
+        down
     };
 };
-exports.useBreakpoint = useBreakpoint;
+
 //# sourceMappingURL=useBreakpoint.js.map

package/dist/cjs/hooks/useBreakpoint/useBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../../src/hooks/useBreakpoint/useBreakpoint.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/hooks/useBreakpoint/useBreakpoint.tsx"],"sourcesContent":["\"use client\";\n\nimport debounce from \"lodash.debounce\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { SizeType } from \"../../types\";\n\nexport type Breakpoint = {\n  size: SizeType;\n  value: number;\n};\nexport type BreakpointsType = Breakpoint[];\nexport type UseBreakpointType = {\n  breakpoint: Breakpoint;\n  up: (size: SizeType) => boolean | undefined;\n  down: (size: SizeType) => boolean | undefined;\n};\n\n// Hard code breakpoints for SB designs\nexport const DEFAULT_BREAKPOINTS = [\n  { size: \"xs\", value: 320 },\n  { size: \"sm\", value: 480 },\n  { size: \"md\", value: 670 },\n  { size: \"lg\", value: 960 },\n  { size: \"xl\", value: 1200 },\n  { size: \"xxl\", value: 1320 },\n] as BreakpointsType;\n\nconst getBreakpoint = (breakpoints: BreakpointsType, windowWidth: number) => {\n  // When breakpoint size and windowWidth are a match\n  // The addition of 1px ensures the right breakpoint\n  const closest = breakpoints.findIndex(\n    breakpoint => breakpoint.value >= windowWidth + 1,\n  );\n  const smallest = breakpoints[0];\n  const largest = breakpoints[breakpoints.length - 1];\n  const match = breakpoints[closest - 1];\n\n  if (closest === 0) return smallest;\n  if (closest === -1) return largest;\n\n  return match;\n};\n\nconst useBreakpoint = (\n  customBreakpoints?: BreakpointsType,\n): UseBreakpointType => {\n  const window: Window = globalThis?.window || undefined;\n  const isClientSide = typeof window !== \"undefined\";\n  const breakpoints = customBreakpoints || DEFAULT_BREAKPOINTS;\n  const defaultBreakpoint = breakpoints[0];\n  const [windowWidth, setWindowWidth] = useState<number>(\n    isClientSide ? window.innerWidth : defaultBreakpoint.value,\n  );\n  const [currentBreakpoint, setCurrentBreakpoint] =\n    useState<Breakpoint>(defaultBreakpoint);\n  const handleResize = () => {\n    setWindowWidth(window.innerWidth);\n  };\n\n  useEffect(() => {\n    if (!windowWidth || breakpoints.length === 0) {\n      setCurrentBreakpoint(breakpoints[0]);\n      return;\n    }\n\n    const newBreakpoint = getBreakpoint(breakpoints, windowWidth);\n\n    // Don't update state if value is the same\n    if (currentBreakpoint.size === newBreakpoint?.size) return;\n\n    setCurrentBreakpoint(newBreakpoint);\n  }, [currentBreakpoint, windowWidth, breakpoints]);\n\n  useEffect(() => {\n    window.addEventListener(\"resize\", debounce(handleResize, 200), {\n      passive: true,\n    });\n\n    return () => window.removeEventListener(\"resize\", handleResize);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [window]);\n\n  /**\n   * up(breakpointSize: string) => boolean\n   * Returns true if the current screen width >= breakpoint width\n   */\n  const up = useCallback(\n    (size: SizeType) => {\n      const sizeIndex = breakpoints.findIndex(item => item.size === size);\n      if (sizeIndex === -1) {\n        return false;\n      }\n      const currentIndex = breakpoints.findIndex(\n        item => item.size === currentBreakpoint.size,\n      );\n\n      return currentIndex >= sizeIndex;\n    },\n    [currentBreakpoint, breakpoints],\n  );\n\n  /**\n   * down(breakpointSize: string) => boolean\n   * Returns true if the current screen width <= breakpoint width\n   */\n  const down = useCallback(\n    (size: SizeType) => {\n      const sizeIndex = breakpoints.findIndex(item => item.size === size);\n      if (sizeIndex === -1) {\n        return true;\n      }\n      const currentIndex = breakpoints.findIndex(\n        item => item.size === currentBreakpoint.size,\n      );\n\n      return currentIndex <= sizeIndex;\n    },\n    [currentBreakpoint, breakpoints],\n  );\n\n  return {\n    breakpoint: isClientSide ? currentBreakpoint : defaultBreakpoint,\n    up,\n    down,\n  };\n};\n\nexport { useBreakpoint };\n"],"names":["DEFAULT_BREAKPOINTS","useBreakpoint","size","value","getBreakpoint","breakpoints","windowWidth","closest","findIndex","breakpoint","smallest","largest","length","match","customBreakpoints","globalThis","window","undefined","isClientSide","defaultBreakpoint","setWindowWidth","useState","innerWidth","currentBreakpoint","setCurrentBreakpoint","handleResize","useEffect","newBreakpoint","addEventListener","debounce","passive","removeEventListener","up","useCallback","sizeIndex","item","currentIndex","down"],"mappings":"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"}