@simplybusiness/mobius 4.8.0 → 4.8.1

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

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "VisuallyHidden", {
-    enumerable: true,
-    get: function() {
-        return VisuallyHidden;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-function VisuallyHidden(props) {
-    const { className, children, elementType: Component = "div" } = props;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
-        className: className,
-        style: {
-            border: 0,
-            clip: "rect(0 0 0 0)",
-            clipPath: "inset(50%)",
-            height: "1px",
-            margin: "-1px",
-            overflow: "hidden",
-            padding: 0,
-            position: "absolute",
-            width: "1px",
-            whiteSpace: "nowrap"
-        },
-        children: children
-    });
-}
-
-//# sourceMappingURL=VisuallyHidden.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"sourcesContent":["import type { JSXElementConstructor, ReactNode } from \"react\";\n\nexport interface VisuallyHiddenProps {\n  /** The content to visually hide. */\n  children?: ReactNode;\n\n  className?: string;\n\n  /**\n   * The element type for the container. Defaults to 'div'\n   */\n  elementType?: string | JSXElementConstructor<any>;\n}\n\nexport function VisuallyHidden(props: VisuallyHiddenProps) {\n  const { className, children, elementType: Component = \"div\" } = props;\n\n  return (\n    <Component\n      className={className}\n      style={{\n        border: 0,\n        clip: \"rect(0 0 0 0)\",\n        clipPath: \"inset(50%)\",\n        height: \"1px\",\n        margin: \"-1px\",\n        overflow: \"hidden\",\n        padding: 0,\n        position: \"absolute\",\n        width: \"1px\",\n        whiteSpace: \"nowrap\",\n      }}\n    >\n      {children}\n    </Component>\n  );\n}\n"],"names":["VisuallyHidden","props","className","children","elementType","Component","style","border","clip","clipPath","height","margin","overflow","padding","position","width","whiteSpace"],"mappings":";;;;+BAcgBA;;;eAAAA;;;;AAAT,SAASA,eAAeC,KAA0B;IACvD,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,aAAaC,YAAY,KAAK,EAAE,GAAGJ;IAEhE,qBACE,qBAACI;QACCH,WAAWA;QACXI,OAAO;YACLC,QAAQ;YACRC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,QAAQ;YACRC,UAAU;YACVC,SAAS;YACTC,UAAU;YACVC,OAAO;YACPC,YAAY;QACd;kBAECb;;AAGP"}

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

@@ -1,20 +0,0 @@
-"use strict";
-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/src/components/VisuallyHidden/index.js.map

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

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

@@ -1,59 +0,0 @@
-"use strict";
-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/src/components/index.js.map

@@ -1 +0,0 @@
-{"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/src/global.d.js

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

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

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

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

@@ -1,26 +0,0 @@
-"use strict";
-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/src/hooks/index.js.map

@@ -1 +0,0 @@
-{"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/src/hooks/useBodyScrollLock/index.js

@@ -1,20 +0,0 @@
-"use strict";
-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/src/hooks/useBodyScrollLock/index.js.map

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

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

@@ -1,38 +0,0 @@
-"use strict";
-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");
-        document.documentElement.style.removeProperty("scrollbar-gutter");
-    }
-    function enableScrollLock() {
-        document.body.style.overflow = "hidden";
-        // Prevent content jumping due to scrollbar disappearing
-        document.body.style.scrollbarGutter = "stable";
-        document.documentElement.style.scrollbarGutter = "stable";
-    }
-    (0, _react.useEffect)(()=>{
-        if (enabled) {
-            enableScrollLock();
-        } else {
-            disableScrollLock();
-        }
-        return ()=>{
-            disableScrollLock();
-        };
-    }, [
-        enabled
-    ]);
-}
-
-//# sourceMappingURL=useBodyScrollLock.js.map

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

@@ -1 +0,0 @@
-{"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/src/hooks/useBreakpoint/index.js

@@ -1,20 +0,0 @@
-"use strict";
-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/src/hooks/useBreakpoint/index.js.map

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

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

@@ -1,133 +0,0 @@
-"use client";
-"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)=>{
-    // 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 smallest = breakpoints[0];
-    const largest = breakpoints[breakpoints.length - 1];
-    const match = breakpoints[closest - 1];
-    if (closest === 0) return smallest;
-    if (closest === -1) return largest;
-    return match;
-};
-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 || DEFAULT_BREAKPOINTS;
-    const defaultBreakpoint = breakpoints[0];
-    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.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;
-        setCurrentBreakpoint(newBreakpoint);
-    }, [
-        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
-    ]);
-    /**
-   * 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);
-        return currentIndex >= sizeIndex;
-    }, [
-        currentBreakpoint,
-        breakpoints
-    ]);
-    /**
-   * 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);
-        return currentIndex <= sizeIndex;
-    }, [
-        currentBreakpoint,
-        breakpoints
-    ]);
-    return {
-        breakpoint: isClientSide ? currentBreakpoint : defaultBreakpoint,
-        up,
-        down
-    };
-};
-
-//# sourceMappingURL=useBreakpoint.js.map

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

@@ -1 +0,0 @@
-{"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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"}

package/dist/cjs/src/hooks/useButton/index.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./useButton"), 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/src/hooks/useButton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/hooks/useButton/index.tsx"],"sourcesContent":["export * from \"./useButton\";\n"],"names":[],"mappings":";;;;qBAAc"}

package/dist/cjs/src/hooks/useButton/useButton.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useButton", {
-    enumerable: true,
-    get: function() {
-        return useButton;
-    }
-});
-const _react = require("react");
-function useButton({ elementType = "button", type = "button", isDisabled = false, href, target, rel, role, onClick, onPress }) {
-    const realOnClick = (0, _react.useCallback)((event)=>{
-        if (isDisabled) {
-            return;
-        }
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-        onPress === null || onPress === void 0 ? void 0 : onPress(event);
-    }, [
-        isDisabled,
-        onClick,
-        onPress
-    ]);
-    function getRole() {
-        if (role) {
-            return role;
-        }
-        if (elementType === "a") {
-            return undefined;
-        }
-        return "button";
-    }
-    const extraProps = elementType === "button" ? {
-        type
-    } : {
-        role: getRole()
-    };
-    return {
-        buttonProps: {
-            href: elementType === "a" ? href : undefined,
-            target: elementType === "a" ? target : undefined,
-            rel: elementType === "a" ? rel : undefined,
-            tabIndex: isDisabled ? -1 : 0,
-            disabled: isDisabled || undefined,
-            "aria-disabled": isDisabled || undefined,
-            ...extraProps,
-            onClick: realOnClick
-        }
-    };
-}
-
-//# sourceMappingURL=useButton.js.map

package/dist/cjs/src/hooks/useButton/useButton.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/hooks/useButton/useButton.tsx"],"sourcesContent":["import { JSXElementConstructor, useCallback } from \"react\";\n\nexport interface UseButtonProps {\n  elementType?:\n    | \"button\"\n    | \"a\"\n    | \"span\"\n    | \"input\"\n    | JSXElementConstructor<any>\n    | undefined;\n  type?: \"button\" | \"submit\" | \"reset\";\n  isDisabled?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onPress?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  href?: string;\n  target?: string;\n  rel?: string;\n  role?: string;\n}\n\nexport function useButton({\n  elementType = \"button\",\n  type = \"button\",\n  isDisabled = false,\n  href,\n  target,\n  rel,\n  role,\n  onClick,\n  onPress,\n}: UseButtonProps) {\n  const realOnClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (isDisabled) {\n        return;\n      }\n\n      onClick?.(event);\n      onPress?.(event);\n    },\n    [isDisabled, onClick, onPress],\n  );\n\n  function getRole() {\n    if (role) {\n      return role;\n    }\n\n    if (elementType === \"a\") {\n      return undefined;\n    }\n\n    return \"button\";\n  }\n\n  const extraProps =\n    elementType === \"button\"\n      ? { type }\n      : {\n          role: getRole(),\n        };\n\n  return {\n    buttonProps: {\n      href: elementType === \"a\" ? href : undefined,\n      target: elementType === \"a\" ? target : undefined,\n      rel: elementType === \"a\" ? rel : undefined,\n      tabIndex: isDisabled ? -1 : 0,\n      disabled: isDisabled || undefined,\n      \"aria-disabled\": isDisabled || undefined,\n      ...extraProps,\n      onClick: realOnClick,\n    },\n  };\n}\n"],"names":["useButton","elementType","type","isDisabled","href","target","rel","role","onClick","onPress","realOnClick","useCallback","event","getRole","undefined","extraProps","buttonProps","tabIndex","disabled"],"mappings":";;;;+BAoBgBA;;;eAAAA;;;uBApBmC;AAoB5C,SAASA,UAAU,EACxBC,cAAc,QAAQ,EACtBC,OAAO,QAAQ,EACfC,aAAa,KAAK,EAClBC,IAAI,EACJC,MAAM,EACNC,GAAG,EACHC,IAAI,EACJC,OAAO,EACPC,OAAO,EACQ;IACf,MAAMC,cAAcC,IAAAA,kBAAW,EAC7B,CAACC;QACC,IAAIT,YAAY;YACd;QACF;QAEAK,oBAAAA,8BAAAA,QAAUI;QACVH,oBAAAA,8BAAAA,QAAUG;IACZ,GACA;QAACT;QAAYK;QAASC;KAAQ;IAGhC,SAASI;QACP,IAAIN,MAAM;YACR,OAAOA;QACT;QAEA,IAAIN,gBAAgB,KAAK;YACvB,OAAOa;QACT;QAEA,OAAO;IACT;IAEA,MAAMC,aACJd,gBAAgB,WACZ;QAAEC;IAAK,IACP;QACEK,MAAMM;IACR;IAEN,OAAO;QACLG,aAAa;YACXZ,MAAMH,gBAAgB,MAAMG,OAAOU;YACnCT,QAAQJ,gBAAgB,MAAMI,SAASS;YACvCR,KAAKL,gBAAgB,MAAMK,MAAMQ;YACjCG,UAAUd,aAAa,CAAC,IAAI;YAC5Be,UAAUf,cAAcW;YACxB,iBAAiBX,cAAcW;YAC/B,GAAGC,UAAU;YACbP,SAASE;QACX;IACF;AACF"}

package/dist/cjs/src/hooks/useLabel/index.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./useLabel"), 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/src/hooks/useLabel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/hooks/useLabel/index.tsx"],"sourcesContent":["export * from \"./useLabel\";\n"],"names":[],"mappings":";;;;qBAAc"}

package/dist/cjs/src/hooks/useLabel/useLabel.js

@@ -1,41 +0,0 @@
-/* eslint-disable no-console */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useLabel", {
-    enumerable: true,
-    get: function() {
-        return useLabel;
-    }
-});
-const _react = require("react");
-function useLabel({ id: providedId, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, labelElementType = "label" }) {
-    let labelProps = {};
-    let fieldProps = {};
-    const hasWarnedAboutMissingLabels = (0, _react.useRef)(false);
-    const fallbackId = (0, _react.useId)();
-    const id = providedId || fallbackId;
-    const labelId = (0, _react.useId)();
-    if (label) {
-        // eslint-disable-next-line no-param-reassign
-        ariaLabelledby = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
-        labelProps = {
-            id: labelId,
-            htmlFor: labelElementType === "label" ? id : undefined
-        };
-    } else if (!ariaLabelledby && !ariaLabel && !hasWarnedAboutMissingLabels.current) {
-        hasWarnedAboutMissingLabels.current = true;
-        console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
-    }
-    fieldProps = {
-        id,
-        "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledby
-    };
-    return {
-        labelProps,
-        fieldProps
-    };
-}
-
-//# sourceMappingURL=useLabel.js.map

package/dist/cjs/src/hooks/useLabel/useLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/hooks/useLabel/useLabel.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport { LabelHTMLAttributes, useId, useRef } from \"react\";\n\nexport type UseLabelProps = {\n  id?: string | undefined;\n  label?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  labelElementType?: \"label\" | \"span\" | undefined;\n};\n\nexport type UseLabelReturn = {\n  labelProps: {\n    id?: string | undefined;\n  } & LabelHTMLAttributes<HTMLLabelElement>;\n  fieldProps: LabellingProps;\n};\n\nexport type LabellingProps = {\n  id?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  \"aria-describedby\"?: string | undefined;\n  \"aria-details\"?: string | undefined;\n};\n\nexport function useLabel({\n  id: providedId,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledby,\n  labelElementType = \"label\",\n}: UseLabelProps) {\n  let labelProps: UseLabelReturn[\"labelProps\"] = {};\n  let fieldProps: UseLabelReturn[\"fieldProps\"] = {};\n\n  const hasWarnedAboutMissingLabels = useRef(false);\n\n  const fallbackId = useId();\n  const id = providedId || fallbackId;\n  const labelId = useId();\n\n  if (label) {\n    // eslint-disable-next-line no-param-reassign\n    ariaLabelledby = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;\n    labelProps = {\n      id: labelId,\n      htmlFor: labelElementType === \"label\" ? id : undefined,\n    };\n  } else if (\n    !ariaLabelledby &&\n    !ariaLabel &&\n    !hasWarnedAboutMissingLabels.current\n  ) {\n    hasWarnedAboutMissingLabels.current = true;\n    console.warn(\n      \"If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility\",\n    );\n  }\n\n  fieldProps = {\n    id,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n  };\n\n  return {\n    labelProps,\n    fieldProps,\n  };\n}\n"],"names":["useLabel","id","providedId","label","ariaLabel","ariaLabelledby","labelElementType","labelProps","fieldProps","hasWarnedAboutMissingLabels","useRef","fallbackId","useId","labelId","htmlFor","undefined","current","console","warn"],"mappings":"AAAA,6BAA6B;;;;+BA0BbA;;;eAAAA;;;uBAzBmC;AAyB5C,SAASA,SAAS,EACvBC,IAAIC,UAAU,EACdC,KAAK,EACL,cAAcC,SAAS,EACvB,mBAAmBC,cAAc,EACjCC,mBAAmB,OAAO,EACZ;IACd,IAAIC,aAA2C,CAAC;IAChD,IAAIC,aAA2C,CAAC;IAEhD,MAAMC,8BAA8BC,IAAAA,aAAM,EAAC;IAE3C,MAAMC,aAAaC,IAAAA,YAAK;IACxB,MAAMX,KAAKC,cAAcS;IACzB,MAAME,UAAUD,IAAAA,YAAK;IAErB,IAAIT,OAAO;QACT,6CAA6C;QAC7CE,iBAAiBA,iBAAiB,CAAC,EAAEQ,QAAQ,CAAC,EAAER,eAAe,CAAC,GAAGQ;QACnEN,aAAa;YACXN,IAAIY;YACJC,SAASR,qBAAqB,UAAUL,KAAKc;QAC/C;IACF,OAAO,IACL,CAACV,kBACD,CAACD,aACD,CAACK,4BAA4BO,OAAO,EACpC;QACAP,4BAA4BO,OAAO,GAAG;QACtCC,QAAQC,IAAI,CACV;IAEJ;IAEAV,aAAa;QACXP;QACA,cAAcG;QACd,mBAAmBC;IACrB;IAEA,OAAO;QACLE;QACAC;IACF;AACF"}

package/dist/cjs/src/hooks/useOnClickOutside/index.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./useOnClickOutside"), 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/src/hooks/useOnClickOutside/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/hooks/useOnClickOutside/index.tsx"],"sourcesContent":["export * from \"./useOnClickOutside\";\n"],"names":[],"mappings":";;;;qBAAc"}

package/dist/cjs/src/hooks/useOnClickOutside/useOnClickOutside.js

@@ -1,45 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useOnClickOutside", {
-    enumerable: true,
-    get: function() {
-        return useOnClickOutside;
-    }
-});
-const _react = require("react");
-const useOnClickOutside = (ref, handler)=>{
-    (0, _react.useEffect)(()=>{
-        const listener = (event)=>{
-            // Do nothing if clicking ref's element or descendent elements
-            if (!ref.current || ref.current.contains(event.target)) {
-                return;
-            }
-            event.preventDefault();
-            event.stopPropagation();
-            handler(event);
-        };
-        const handleEscapeKeyPress = (event)=>{
-            if (event.key === "Escape") {
-                event.preventDefault();
-                event.stopPropagation();
-                handler(event);
-            }
-        };
-        document.addEventListener("mousedown", listener);
-        document.addEventListener("touchstart", listener);
-        document.addEventListener("keydown", handleEscapeKeyPress);
-        return ()=>{
-            document.removeEventListener("mousedown", listener);
-            document.removeEventListener("touchstart", listener);
-            document.addEventListener("keydown", handleEscapeKeyPress);
-        };
-    }, [
-        ref,
-        handler
-    ]);
-};
-
-//# sourceMappingURL=useOnClickOutside.js.map