@simplybusiness/mobius 3.0.0

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

@@ -0,0 +1,18 @@
+"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("./Title"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Title/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB"}

package/dist/cjs/components/VisuallyHidden/index.d.ts

@@ -0,0 +1 @@
+export { VisuallyHidden, useVisuallyHidden, type VisuallyHiddenProps, } from "@react-aria/visually-hidden";

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVisuallyHidden = exports.VisuallyHidden = void 0;
+var visually_hidden_1 = require("@react-aria/visually-hidden");
+Object.defineProperty(exports, "VisuallyHidden", { enumerable: true, get: function () { return visually_hidden_1.VisuallyHidden; } });
+Object.defineProperty(exports, "useVisuallyHidden", { enumerable: true, get: function () { return visually_hidden_1.useVisuallyHidden; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/index.tsx"],"names":[],"mappings":";;;AAAA,+DAIqC;AAHnC,iHAAA,cAAc,OAAA;AACd,oHAAA,iBAAiB,OAAA"}

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,40 @@
+import * as Chopin from "./Chopin";
+export { Chopin };
+export * from "./Accordion";
+export * from "./Box";
+export * from "./Breadcrumbs";
+export * from "./Button";
+export * from "./Checkbox";
+export * from "./Container";
+export * from "./Divider";
+export * from "./DropdownMenu";
+export * from "./ErrorMessage";
+export * from "./Fieldset";
+export * from "./Flex";
+export * from "./Grid";
+export * from "./Icon";
+export * from "./Image";
+export * from "./Label";
+export * from "./Link";
+export * from "./LinkButton";
+export * from "./List";
+export * from "./LoadingIndicator";
+export * from "./Modal";
+export * from "./Option";
+export * from "./Progress";
+export * from "./Radio";
+export * from "./Segment";
+export * from "./Select";
+export * from "./Slider";
+export * from "./SVG";
+export * from "./Table";
+export * from "./Text";
+export * from "./TextArea";
+export * from "./TextAreaInput";
+export * from "./TextField";
+export * from "./Alert";
+export * from "./VisuallyHidden";
+export * from "./Title";
+export * from "./DataTable";
+export * from "./PasswordField";
+export * from "./NumberField";

package/dist/cjs/components/index.js

@@ -0,0 +1,70 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 });
+exports.Chopin = void 0;
+const Chopin = __importStar(require("./Chopin"));
+exports.Chopin = Chopin;
+__exportStar(require("./Accordion"), 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("./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("./Modal"), exports);
+__exportStar(require("./Option"), 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("./Alert"), exports);
+__exportStar(require("./VisuallyHidden"), exports);
+__exportStar(require("./Title"), exports);
+__exportStar(require("./DataTable"), exports);
+__exportStar(require("./PasswordField"), exports);
+__exportStar(require("./NumberField"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iDAAmC;AAE1B,wBAAM;AAEf,8CAA4B;AAC5B,wCAAsB;AACtB,gDAA8B;AAC9B,2CAAyB;AACzB,6CAA2B;AAC3B,8CAA4B;AAC5B,4CAA0B;AAC1B,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,0CAAwB;AACxB,2CAAyB;AACzB,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;AACjC,0CAAwB;AACxB,8CAA4B;AAC5B,kDAAgC;AAChC,gDAA8B"}

package/dist/cjs/contexts/ThemeContext/ThemeContext.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { SizeType, IconDefinition } from "../../types";
+export declare type Breakpoint = {
+    size: SizeType;
+    value: number;
+};
+export declare type BreakpointsType = Breakpoint[];
+export interface Icons {
+    [key: string]: IconDefinition;
+}
+export interface ThemeContextProps {
+    icons?: Icons;
+    breakpoints?: BreakpointsType;
+    setBreakpoints: (config: BreakpointsType) => void;
+}
+export declare const ThemeContext: import("react").Context<ThemeContextProps>;
+export interface ThemeProviderProps {
+    children: React.ReactNode;
+    icons?: Icons;
+}
+export declare const ThemeProvider: ({ children, icons }: ThemeProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/contexts/ThemeContext/ThemeContext.js

@@ -0,0 +1,49 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeProvider = exports.ThemeContext = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const baseIcons = __importStar(require("@simplybusiness/icons"));
+const context = {
+    icons: Object.assign({}, baseIcons),
+    breakpoints: [],
+    setBreakpoints: (_config) => { },
+};
+exports.ThemeContext = (0, react_1.createContext)(context);
+const ThemeProvider = ({ children, icons }) => {
+    const [breakpointConfig, setBreakpointConfig] = (0, react_1.useState)([]);
+    const setConfig = (0, react_1.useCallback)((config) => {
+        setBreakpointConfig(config);
+    }, []);
+    const providerValue = (0, react_1.useMemo)(() => ({
+        icons: Object.assign(Object.assign({}, baseIcons), icons === null || icons === void 0 ? void 0 : icons.default),
+        breakpoints: breakpointConfig,
+        setBreakpoints: setConfig,
+    }), [breakpointConfig, icons, setConfig]);
+    return ((0, jsx_runtime_1.jsx)(exports.ThemeContext.Provider, Object.assign({ value: providerValue }, { children: children })));
+};
+exports.ThemeProvider = ThemeProvider;
+//# sourceMappingURL=ThemeContext.js.map

package/dist/cjs/contexts/ThemeContext/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../../../src/contexts/ThemeContext/ThemeContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAsE;AACtE,iEAAmD;AAoBnD,MAAM,OAAO,GAAsB;IACjC,KAAK,oBACA,SAAS,CACb;IACD,WAAW,EAAE,EAAE;IACf,cAAc,EAAE,CAAC,OAAwB,EAAE,EAAE,GAAE,CAAC;CACjD,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,qBAAa,EAAC,OAAO,CAAC,CAAC;AAM5C,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAsB,EAAE,EAAE;IACvE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAkB,EAAE,CAAC,CAAC;IAE9E,MAAM,SAAS,GAAG,IAAA,mBAAW,EAAC,CAAC,MAAuB,EAAE,EAAE;QACxD,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAC9B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,IAAA,eAAO,EAC3B,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,kCACC,SAAmB,GACnB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAA4B,CACxC;QACD,WAAW,EAAE,gBAAgB;QAC7B,cAAc,EAAE,SAAS;KAC1B,CAAC,EACF,CAAC,gBAAgB,EAAE,KAAK,EAAE,SAAS,CAAC,CACrC,CAAC;IAEF,OAAO,CACL,uBAAC,oBAAY,CAAC,QAAQ,kBAAC,KAAK,EAAE,aAAa,gBACxC,QAAQ,IACa,CACzB,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,aAAa,iBAwBxB"}

package/dist/cjs/contexts/ThemeContext/ThemeContext.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/contexts/ThemeContext/ThemeContext.test.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+describe("ThemeProvider", () => {
+    it("should render child components without errors", async () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.ThemeProvider, { children: "Sample content" }));
+        await (0, react_1.waitFor)(() => expect(react_1.screen.getByText("Sample content")).toBeInTheDocument());
+    });
+});
+//# sourceMappingURL=ThemeContext.test.js.map

package/dist/cjs/contexts/ThemeContext/ThemeContext.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.test.js","sourceRoot":"","sources":["../../../../src/contexts/ThemeContext/ThemeContext.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAiE;AACjE,wBAAkC;AAElC,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,IAAA,cAAM,EAAC,uBAAC,gBAAa,iCAA+B,CAAC,CAAC;QAEtD,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CACjB,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAC/D,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/cjs/contexts/ThemeContext/index.d.ts

@@ -0,0 +1 @@
+export * from "./ThemeContext";

package/dist/cjs/contexts/ThemeContext/index.js

@@ -0,0 +1,18 @@
+"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("./ThemeContext"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/contexts/ThemeContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/ThemeContext/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B"}

package/dist/cjs/contexts/index.d.ts

@@ -0,0 +1 @@
+export * from "./ThemeContext";

package/dist/cjs/contexts/index.js

@@ -0,0 +1,18 @@
+"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("./ThemeContext"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B"}

package/dist/cjs/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useBreakpoint";
+export * from "./useHideColumns";

package/dist/cjs/hooks/index.js

@@ -0,0 +1,19 @@
+"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);
+__exportStar(require("./useHideColumns"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,mDAAiC"}

package/dist/cjs/hooks/useBreakpoint/index.d.ts

@@ -0,0 +1 @@
+export * from "./useBreakpoint";

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

@@ -0,0 +1,18 @@
+"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);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/useBreakpoint/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}

package/dist/cjs/hooks/useBreakpoint/useBreakpoint.d.ts

@@ -0,0 +1,10 @@
+import { Breakpoint } from "../../contexts";
+import { SizeType } from "../../types/size";
+export declare type BreakpointType = {
+    breakpoint: Breakpoint;
+    up: (size: SizeType) => boolean | undefined;
+    down: (size: SizeType) => boolean | undefined;
+};
+export declare const DEFAULT_BREAKPOINT: Breakpoint;
+declare const useBreakpoint: () => BreakpointType;
+export { useBreakpoint };

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

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBreakpoint = exports.DEFAULT_BREAKPOINT = void 0;
+const react_1 = require("react");
+const lodash_debounce_1 = __importDefault(require("lodash.debounce"));
+const contexts_1 = require("../../contexts");
+const getBreakpoint = (config, windowWidth) => {
+    // When breakpoint size and windowWidth are a match
+    // The addition of 1px ensures the right breakpoint
+    const closest = config.findIndex(breakpoint => breakpoint.value >= windowWidth + 1);
+    const smallest = config[0];
+    const largest = config[config.length - 1];
+    const match = config[closest - 1];
+    if (closest === 0)
+        return smallest;
+    if (closest === -1)
+        return largest;
+    return match;
+};
+exports.DEFAULT_BREAKPOINT = { size: "xs", value: 0 };
+const useBreakpoint = () => {
+    const isServerSide = typeof window === "undefined";
+    const { breakpoints } = (0, react_1.useContext)(contexts_1.ThemeContext);
+    const config = (0, react_1.useMemo)(() => (Array.isArray(breakpoints) ? [...breakpoints] : []), [breakpoints]);
+    const [windowWidth, setWindowWidth] = (0, react_1.useState)(isServerSide ? 0 : window.innerWidth);
+    const [currentBreakpoint, setCurrentBreakpoint] = (0, react_1.useState)(exports.DEFAULT_BREAKPOINT);
+    const handleResize = () => {
+        setWindowWidth(window.innerWidth);
+    };
+    (0, react_1.useEffect)(() => {
+        if (!windowWidth || config.length === 0) {
+            setCurrentBreakpoint(exports.DEFAULT_BREAKPOINT);
+            return;
+        }
+        const newBreakpoint = getBreakpoint(config, windowWidth);
+        // Don't update state if value is the same
+        if (currentBreakpoint.size === (newBreakpoint === null || newBreakpoint === void 0 ? void 0 : newBreakpoint.size))
+            return;
+        setCurrentBreakpoint(newBreakpoint);
+    }, [config, currentBreakpoint, windowWidth]);
+    (0, react_1.useEffect)(() => {
+        window.addEventListener("resize", (0, lodash_debounce_1.default)(handleResize, 200), {
+            passive: true,
+        });
+        return () => window.removeEventListener("resize", handleResize);
+    }, []);
+    const up = (0, react_1.useCallback)((size) => {
+        const sizeIndex = config.findIndex(item => item.size === size);
+        const currentIndex = config.findIndex(item => item.size === currentBreakpoint.size);
+        return currentIndex >= sizeIndex;
+    }, [config, currentBreakpoint]);
+    const down = (0, react_1.useCallback)((size) => {
+        const sizeIndex = config.findIndex(item => item.size === size);
+        const currentIndex = config.findIndex(item => item.size === currentBreakpoint.size);
+        return currentIndex <= sizeIndex;
+    }, [config, currentBreakpoint]);
+    return {
+        breakpoint: isServerSide ? exports.DEFAULT_BREAKPOINT : currentBreakpoint,
+        up,
+        down,
+    };
+};
+exports.useBreakpoint = useBreakpoint;
+//# sourceMappingURL=useBreakpoint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.js","sourceRoot":"","sources":["../../../../src/hooks/useBreakpoint/useBreakpoint.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/hooks/useBreakpoint/useBreakpoint.test.d.ts

@@ -0,0 +1 @@
+export {};