@simplybusiness/mobius 4.2.7 → 4.3.0

package/dist/esm/components/Title/Title.js

@@ -1,26 +1,34 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import classNames from "classnames/dedupe";
 import { Flex } from "../Flex";
-const Title = forwardRef((props, ref) => {
-    const { elementType: Element = "div", title, description } = props, otherProps = __rest(props, ["elementType", "title", "description"]);
+const Title = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { elementType: Element = "div", title, description, ...otherProps } = props;
     const classes = classNames("mobius", "mobius/Title", otherProps.className);
     const headerClasses = classNames("mobius", "mobius/TitleHeader");
     const contentClasses = classNames("mobius", "mobius/TitleDescription");
     const containerClasses = classNames("mobius", "mobius/TitleContainer");
-    return (_jsx(Element, Object.assign({ ref: ref }, otherProps, { className: classes, children: _jsxs(Flex, { flexDirection: "column", className: containerClasses, children: [_jsx("p", { className: headerClasses, children: title }), _jsx("p", { className: contentClasses, children: description })] }) })));
+    return /*#__PURE__*/ _jsx(Element, {
+        ref: ref,
+        ...otherProps,
+        className: classes,
+        children: /*#__PURE__*/ _jsxs(Flex, {
+            flexDirection: "column",
+            className: containerClasses,
+            children: [
+                /*#__PURE__*/ _jsx("p", {
+                    className: headerClasses,
+                    children: title
+                }),
+                /*#__PURE__*/ _jsx("p", {
+                    className: contentClasses,
+                    children: description
+                })
+            ]
+        })
+    });
 });
 Title.displayName = "Title";
 export { Title };
+
 //# sourceMappingURL=Title.js.map

package/dist/esm/components/Title/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/components/Title/Title.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAClE,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAe/B,MAAM,KAAK,GAAwD,UAAU,CAC3E,CAAC,KAAiB,EAAE,GAAa,EAAE,EAAE;IACnC,MAAM,EACJ,WAAW,EAAE,OAAO,GAAG,KAAK,EAC5B,KAAK,EACL,WAAW,KAET,KAAK,EADJ,UAAU,UACX,KAAK,EALH,uCAKL,CAAQ,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,QAAQ,EAAE,cAAc,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC3E,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC;IACjE,MAAM,cAAc,GAAG,UAAU,CAAC,QAAQ,EAAE,yBAAyB,CAAC,CAAC;IACvE,MAAM,gBAAgB,GAAG,UAAU,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CAAC;IAEvE,OAAO,CACL,KAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,YACnD,MAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,gBAAgB,aACtD,YAAG,SAAS,EAAE,aAAa,YAAG,KAAK,GAAK,EACxC,YAAG,SAAS,EAAE,cAAc,YAAG,WAAW,GAAK,IAC1C,IACC,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/Title/Title.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\n\nexport type TitleElementType = HTMLDivElement;\n\nexport interface TitleProps extends DOMProps, RefAttributes<TitleElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: string | React.ElementType;\n  title: string;\n  description: string;\n}\n\nexport type TitleRef = Ref<TitleElementType>;\n\nconst Title: ForwardedRefComponent<TitleProps, TitleElementType> = forwardRef(\n  (props: TitleProps, ref: TitleRef) => {\n    const {\n      elementType: Element = \"div\",\n      title,\n      description,\n      ...otherProps\n    } = props;\n\n    const classes = classNames(\"mobius\", \"mobius/Title\", otherProps.className);\n    const headerClasses = classNames(\"mobius\", \"mobius/TitleHeader\");\n    const contentClasses = classNames(\"mobius\", \"mobius/TitleDescription\");\n    const containerClasses = classNames(\"mobius\", \"mobius/TitleContainer\");\n\n    return (\n      <Element ref={ref} {...otherProps} className={classes}>\n        <Flex flexDirection=\"column\" className={containerClasses}>\n          <p className={headerClasses}>{title}</p>\n          <p className={contentClasses}>{description}</p>\n        </Flex>\n      </Element>\n    );\n  },\n);\n\nTitle.displayName = \"Title\";\nexport { Title };\n"],"names":["forwardRef","classNames","Flex","Title","props","ref","elementType","Element","title","description","otherProps","classes","className","headerClasses","contentClasses","containerClasses","flexDirection","p","displayName"],"mappings":";AAAA,SAAcA,UAAU,QAAkC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAG3C,SAASC,IAAI,QAAQ,UAAU;AAe/B,MAAMC,sBAA6DH,WACjE,CAACI,OAAmBC;IAClB,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,KAAK,EACLC,WAAW,EACX,GAAGC,YACJ,GAAGN;IAEJ,MAAMO,UAAUV,WAAW,UAAU,gBAAgBS,WAAWE,SAAS;IACzE,MAAMC,gBAAgBZ,WAAW,UAAU;IAC3C,MAAMa,iBAAiBb,WAAW,UAAU;IAC5C,MAAMc,mBAAmBd,WAAW,UAAU;IAE9C,qBACE,KAACM;QAAQF,KAAKA;QAAM,GAAGK,UAAU;QAAEE,WAAWD;kBAC5C,cAAA,MAACT;YAAKc,eAAc;YAASJ,WAAWG;;8BACtC,KAACE;oBAAEL,WAAWC;8BAAgBL;;8BAC9B,KAACS;oBAAEL,WAAWE;8BAAiBL;;;;;AAIvC;AAGFN,MAAMe,WAAW,GAAG;AACpB,SAASf,KAAK,GAAG"}

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

@@ -1,2 +1,3 @@
 export * from "./Title";
+
 //# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/VisuallyHidden/VisuallyHidden.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 export function VisuallyHidden(props) {
     const { className, children, elementType: Component = "div" } = props;
-    return (_jsx(Component, { className: className, style: {
+    return /*#__PURE__*/ _jsx(Component, {
+        className: className,
+        style: {
             border: 0,
             clip: "rect(0 0 0 0)",
             clipPath: "inset(50%)",
@@ -11,7 +13,10 @@ export function VisuallyHidden(props) {
             padding: 0,
             position: "absolute",
             width: "1px",
-            whiteSpace: "nowrap",
-        }, children: children }));
+            whiteSpace: "nowrap"
+        },
+        children: children
+    });
 }
+
 //# sourceMappingURL=VisuallyHidden.js.map

package/dist/esm/components/VisuallyHidden/VisuallyHidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":";AAcA,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEtE,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,eAAe;YACrB,QAAQ,EAAE,YAAY;YACtB,MAAM,EAAE,KAAK;YACb,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,KAAK;YACZ,UAAU,EAAE,QAAQ;SACrB,YAEA,QAAQ,GACC,CACb,CAAC;AACJ,CAAC"}
+{"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":";AAcA,OAAO,SAASA,eAAeC,KAA0B;IACvD,MAAM,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,aAAaC,YAAY,KAAK,EAAE,GAAGJ;IAEhE,qBACE,KAACI;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/esm/components/VisuallyHidden/index.js

@@ -1,2 +1,3 @@
 export * from "./VisuallyHidden";
+
 //# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/index.js

@@ -38,4 +38,5 @@ export * from "./TextAreaInput";
 export * from "./TextField";
 export * from "./Title";
 export * from "./VisuallyHidden";
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC"}
+{"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":"AAAA,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,qBAAqB;AACnC,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,kBAAkB;AAChC,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,mBAAmB"}

package/dist/esm/global.d.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=global.d.js.map

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

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

package/dist/esm/hooks/index.js

@@ -5,4 +5,5 @@ export * from "./useLabel";
 export * from "./useOnClickOutside";
 export * from "./useTextField";
 export * from "./useWindowEvent";
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
+{"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":"AAAA,cAAc,sBAAsB;AACpC,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,sBAAsB;AACpC,cAAc,iBAAiB;AAC/B,cAAc,mBAAmB"}

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

@@ -1,2 +1,3 @@
 export * from "./useBodyScrollLock";
+
 //# sourceMappingURL=index.js.map

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

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

package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.js

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-export function useBodyScrollLock({ enabled = true, } = {}) {
+export function useBodyScrollLock({ enabled = true } = {}) {
     function disableScrollLock() {
         document.body.style.removeProperty("overflow");
         document.body.style.removeProperty("scrollbar-gutter");
@@ -11,16 +11,18 @@ export function useBodyScrollLock({ enabled = true, } = {}) {
         document.body.style.scrollbarGutter = "stable";
         document.documentElement.style.scrollbarGutter = "stable";
     }
-    useEffect(() => {
+    useEffect(()=>{
         if (enabled) {
             enableScrollLock();
-        }
-        else {
+        } else {
             disableScrollLock();
         }
-        return () => {
+        return ()=>{
             disableScrollLock();
         };
-    }, [enabled]);
+    }, [
+        enabled
+    ]);
 }
+
 //# sourceMappingURL=useBodyScrollLock.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useBodyScrollLock.js","sourceRoot":"","sources":["../../../../src/hooks/useBodyScrollLock/useBodyScrollLock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,UAAU,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,SAAS,CAAC,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"}
+{"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":["useEffect","useBodyScrollLock","enabled","disableScrollLock","document","body","style","removeProperty","documentElement","enableScrollLock","overflow","scrollbarGutter"],"mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAElC,OAAO,SAASC,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;IAEAX,UAAU;QACR,IAAIE,SAAS;YACXO;QACF,OAAO;YACLN;QACF;QAEA,OAAO;YACLA;QACF;IACF,GAAG;QAACD;KAAQ;AACd"}

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

@@ -1,2 +1,3 @@
 export * from "./useBreakpoint";
+
 //# sourceMappingURL=index.js.map

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

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

package/dist/esm/hooks/useBreakpoint/useBreakpoint.js

@@ -3,83 +3,110 @@ import debounce from "lodash.debounce";
 import { useCallback, useEffect, useState } from "react";
 // Hard code breakpoints for SB designs
 export 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 },
+    {
+        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 || DEFAULT_BREAKPOINTS;
     const defaultBreakpoint = breakpoints[0];
     const [windowWidth, setWindowWidth] = useState(isClientSide ? window.innerWidth : defaultBreakpoint.value);
     const [currentBreakpoint, setCurrentBreakpoint] = useState(defaultBreakpoint);
-    const handleResize = () => {
+    const handleResize = ()=>{
         setWindowWidth(window.innerWidth);
     };
-    useEffect(() => {
+    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]);
-    useEffect(() => {
+    }, [
+        currentBreakpoint,
+        windowWidth,
+        breakpoints
+    ]);
+    useEffect(()=>{
         window.addEventListener("resize", debounce(handleResize, 200), {
-            passive: true,
+            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 = 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 = 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 = 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 = 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
     };
 };
 export { useBreakpoint };
+
 //# sourceMappingURL=useBreakpoint.js.map

package/dist/esm/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":["debounce","useCallback","useEffect","useState","DEFAULT_BREAKPOINTS","size","value","getBreakpoint","breakpoints","windowWidth","closest","findIndex","breakpoint","smallest","largest","length","match","useBreakpoint","customBreakpoints","globalThis","window","undefined","isClientSide","defaultBreakpoint","setWindowWidth","innerWidth","currentBreakpoint","setCurrentBreakpoint","handleResize","newBreakpoint","addEventListener","passive","removeEventListener","up","sizeIndex","item","currentIndex","down"],"mappings":"AAAA;AAEA,OAAOA,cAAc,kBAAkB;AACvC,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,QAAQ;AAczD,uCAAuC;AACvC,OAAO,MAAMC,sBAAsB;IACjC;QAAEC,MAAM;QAAMC,OAAO;IAAI;IACzB;QAAED,MAAM;QAAMC,OAAO;IAAI;IACzB;QAAED,MAAM;QAAMC,OAAO;IAAI;IACzB;QAAED,MAAM;QAAMC,OAAO;IAAI;IACzB;QAAED,MAAM;QAAMC,OAAO;IAAK;IAC1B;QAAED,MAAM;QAAOC,OAAO;IAAK;CAC5B,CAAoB;AAErB,MAAMC,gBAAgB,CAACC,aAA8BC;IACnD,mDAAmD;IACnD,mDAAmD;IACnD,MAAMC,UAAUF,YAAYG,SAAS,CACnCC,CAAAA,aAAcA,WAAWN,KAAK,IAAIG,cAAc;IAElD,MAAMI,WAAWL,WAAW,CAAC,EAAE;IAC/B,MAAMM,UAAUN,WAAW,CAACA,YAAYO,MAAM,GAAG,EAAE;IACnD,MAAMC,QAAQR,WAAW,CAACE,UAAU,EAAE;IAEtC,IAAIA,YAAY,GAAG,OAAOG;IAC1B,IAAIH,YAAY,CAAC,GAAG,OAAOI;IAE3B,OAAOE;AACT;AAEA,MAAMC,gBAAgB,CACpBC;QAEuBC;IAAvB,MAAMC,SAAiBD,EAAAA,cAAAA,wBAAAA,kCAAAA,YAAYC,MAAM,KAAIC;IAC7C,MAAMC,eAAe,OAAOF,WAAW;IACvC,MAAMZ,cAAcU,qBAAqBd;IACzC,MAAMmB,oBAAoBf,WAAW,CAAC,EAAE;IACxC,MAAM,CAACC,aAAae,eAAe,GAAGrB,SACpCmB,eAAeF,OAAOK,UAAU,GAAGF,kBAAkBjB,KAAK;IAE5D,MAAM,CAACoB,mBAAmBC,qBAAqB,GAC7CxB,SAAqBoB;IACvB,MAAMK,eAAe;QACnBJ,eAAeJ,OAAOK,UAAU;IAClC;IAEAvB,UAAU;QACR,IAAI,CAACO,eAAeD,YAAYO,MAAM,KAAK,GAAG;YAC5CY,qBAAqBnB,WAAW,CAAC,EAAE;YACnC;QACF;QAEA,MAAMqB,gBAAgBtB,cAAcC,aAAaC;QAEjD,0CAA0C;QAC1C,IAAIiB,kBAAkBrB,IAAI,MAAKwB,0BAAAA,oCAAAA,cAAexB,IAAI,GAAE;QAEpDsB,qBAAqBE;IACvB,GAAG;QAACH;QAAmBjB;QAAaD;KAAY;IAEhDN,UAAU;QACRkB,OAAOU,gBAAgB,CAAC,UAAU9B,SAAS4B,cAAc,MAAM;YAC7DG,SAAS;QACX;QAEA,OAAO,IAAMX,OAAOY,mBAAmB,CAAC,UAAUJ;IAClD,uDAAuD;IACzD,GAAG;QAACR;KAAO;IAEX;;;GAGC,GACD,MAAMa,KAAKhC,YACT,CAACI;QACC,MAAM6B,YAAY1B,YAAYG,SAAS,CAACwB,CAAAA,OAAQA,KAAK9B,IAAI,KAAKA;QAC9D,IAAI6B,cAAc,CAAC,GAAG;YACpB,OAAO;QACT;QACA,MAAME,eAAe5B,YAAYG,SAAS,CACxCwB,CAAAA,OAAQA,KAAK9B,IAAI,KAAKqB,kBAAkBrB,IAAI;QAG9C,OAAO+B,gBAAgBF;IACzB,GACA;QAACR;QAAmBlB;KAAY;IAGlC;;;GAGC,GACD,MAAM6B,OAAOpC,YACX,CAACI;QACC,MAAM6B,YAAY1B,YAAYG,SAAS,CAACwB,CAAAA,OAAQA,KAAK9B,IAAI,KAAKA;QAC9D,IAAI6B,cAAc,CAAC,GAAG;YACpB,OAAO;QACT;QACA,MAAME,eAAe5B,YAAYG,SAAS,CACxCwB,CAAAA,OAAQA,KAAK9B,IAAI,KAAKqB,kBAAkBrB,IAAI;QAG9C,OAAO+B,gBAAgBF;IACzB,GACA;QAACR;QAAmBlB;KAAY;IAGlC,OAAO;QACLI,YAAYU,eAAeI,oBAAoBH;QAC/CU;QACAI;IACF;AACF;AAEA,SAASpB,aAAa,GAAG"}

package/dist/esm/hooks/useButton/index.js

@@ -1,2 +1,3 @@
 export * from "./useButton";
+
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/useButton/index.js.map

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

package/dist/esm/hooks/useButton/useButton.js

@@ -1,12 +1,16 @@
 import { useCallback } from "react";
-export function useButton({ elementType = "button", type = "button", isDisabled = false, href, target, rel, role, onClick, onPress, }) {
-    const realOnClick = useCallback((event) => {
+export function useButton({ elementType = "button", type = "button", isDisabled = false, href, target, rel, role, onClick, onPress }) {
+    const realOnClick = 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]);
+    }, [
+        isDisabled,
+        onClick,
+        onPress
+    ]);
     function getRole() {
         if (role) {
             return role;
@@ -16,13 +20,23 @@ export function useButton({ elementType = "button", type = "button", isDisabled
         }
         return "button";
     }
-    const extraProps = elementType === "button"
-        ? { type }
-        : {
-            role: getRole(),
-        };
+    const extraProps = elementType === "button" ? {
+        type
+    } : {
+        role: getRole()
+    };
     return {
-        buttonProps: Object.assign(Object.assign({ 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 }),
+        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/esm/hooks/useButton/useButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"useButton.js","sourceRoot":"","sources":["../../../../src/hooks/useButton/useButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,WAAW,EAAE,MAAM,OAAO,CAAC;AAoB3D,MAAM,UAAU,SAAS,CAAC,EACxB,WAAW,GAAG,QAAQ,EACtB,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,KAAK,EAClB,IAAI,EACJ,MAAM,EACN,GAAG,EACH,IAAI,EACJ,OAAO,EACP,OAAO,GACQ;IACf,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAA0C,EAAE,EAAE;QAC7C,IAAI,UAAU,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QAED,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;QACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;IACnB,CAAC,EACD,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,CAAC,CAC/B,CAAC;IAEF,SAAS,OAAO;QACd,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,WAAW,KAAK,GAAG,EAAE,CAAC;YACxB,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,MAAM,UAAU,GACd,WAAW,KAAK,QAAQ;QACtB,CAAC,CAAC,EAAE,IAAI,EAAE;QACV,CAAC,CAAC;YACE,IAAI,EAAE,OAAO,EAAE;SAChB,CAAC;IAER,OAAO;QACL,WAAW,gCACT,IAAI,EAAE,WAAW,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC5C,MAAM,EAAE,WAAW,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAChD,GAAG,EAAE,WAAW,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAC1C,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,QAAQ,EAAE,UAAU,IAAI,SAAS,EACjC,eAAe,EAAE,UAAU,IAAI,SAAS,IACrC,UAAU,KACb,OAAO,EAAE,WAAW,GACrB;KACF,CAAC;AACJ,CAAC"}
+{"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":["useCallback","useButton","elementType","type","isDisabled","href","target","rel","role","onClick","onPress","realOnClick","event","getRole","undefined","extraProps","buttonProps","tabIndex","disabled"],"mappings":"AAAA,SAAgCA,WAAW,QAAQ,QAAQ;AAoB3D,OAAO,SAASC,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,cAAcX,YAClB,CAACY;QACC,IAAIR,YAAY;YACd;QACF;QAEAK,oBAAAA,8BAAAA,QAAUG;QACVF,oBAAAA,8BAAAA,QAAUE;IACZ,GACA;QAACR;QAAYK;QAASC;KAAQ;IAGhC,SAASG;QACP,IAAIL,MAAM;YACR,OAAOA;QACT;QAEA,IAAIN,gBAAgB,KAAK;YACvB,OAAOY;QACT;QAEA,OAAO;IACT;IAEA,MAAMC,aACJb,gBAAgB,WACZ;QAAEC;IAAK,IACP;QACEK,MAAMK;IACR;IAEN,OAAO;QACLG,aAAa;YACXX,MAAMH,gBAAgB,MAAMG,OAAOS;YACnCR,QAAQJ,gBAAgB,MAAMI,SAASQ;YACvCP,KAAKL,gBAAgB,MAAMK,MAAMO;YACjCG,UAAUb,aAAa,CAAC,IAAI;YAC5Bc,UAAUd,cAAcU;YACxB,iBAAiBV,cAAcU;YAC/B,GAAGC,UAAU;YACbN,SAASE;QACX;IACF;AACF"}

package/dist/esm/hooks/useLabel/index.js

@@ -1,2 +1,3 @@
 export * from "./useLabel";
+
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/useLabel/index.js.map

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

package/dist/esm/hooks/useLabel/useLabel.js

@@ -1,6 +1,5 @@
-/* eslint-disable no-console */
-import { useId, useRef } from "react";
-export function useLabel({ id: providedId, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, labelElementType = "label", }) {
+/* eslint-disable no-console */ import { useId, useRef } from "react";
+export function useLabel({ id: providedId, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, labelElementType = "label" }) {
     let labelProps = {};
     let fieldProps = {};
     const hasWarnedAboutMissingLabels = useRef(false);
@@ -12,23 +11,21 @@ export function useLabel({ id: providedId, label, "aria-label": ariaLabel, "aria
         ariaLabelledby = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;
         labelProps = {
             id: labelId,
-            htmlFor: labelElementType === "label" ? id : undefined,
+            htmlFor: labelElementType === "label" ? id : undefined
         };
-    }
-    else if (!ariaLabelledby &&
-        !ariaLabel &&
-        !hasWarnedAboutMissingLabels.current) {
+    } 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,
+        "aria-labelledby": ariaLabelledby
     };
     return {
         labelProps,
-        fieldProps,
+        fieldProps
     };
 }
+
 //# sourceMappingURL=useLabel.js.map

package/dist/esm/hooks/useLabel/useLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLabel.js","sourceRoot":"","sources":["../../../../src/hooks/useLabel/useLabel.tsx"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,OAAO,EAAuB,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAyB3D,MAAM,UAAU,QAAQ,CAAC,EACvB,EAAE,EAAE,UAAU,EACd,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,gBAAgB,GAAG,OAAO,GACZ;IACd,IAAI,UAAU,GAAiC,EAAE,CAAC;IAClD,IAAI,UAAU,GAAiC,EAAE,CAAC;IAElD,MAAM,2BAA2B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,EAAE,GAAG,UAAU,IAAI,UAAU,CAAC;IACpC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IAExB,IAAI,KAAK,EAAE,CAAC;QACV,6CAA6C;QAC7C,cAAc,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,cAAc,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;QAC3E,UAAU,GAAG;YACX,EAAE,EAAE,OAAO;YACX,OAAO,EAAE,gBAAgB,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;SACvD,CAAC;IACJ,CAAC;SAAM,IACL,CAAC,cAAc;QACf,CAAC,SAAS;QACV,CAAC,2BAA2B,CAAC,OAAO,EACpC,CAAC;QACD,2BAA2B,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3C,OAAO,CAAC,IAAI,CACV,sHAAsH,CACvH,CAAC;IACJ,CAAC;IAED,UAAU,GAAG;QACX,EAAE;QACF,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,cAAc;KAClC,CAAC;IAEF,OAAO;QACL,UAAU;QACV,UAAU;KACX,CAAC;AACJ,CAAC"}
+{"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":["useId","useRef","useLabel","id","providedId","label","ariaLabel","ariaLabelledby","labelElementType","labelProps","fieldProps","hasWarnedAboutMissingLabels","fallbackId","labelId","htmlFor","undefined","current","console","warn"],"mappings":"AAAA,6BAA6B,GAC7B,SAA8BA,KAAK,EAAEC,MAAM,QAAQ,QAAQ;AAyB3D,OAAO,SAASC,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,8BAA8BV,OAAO;IAE3C,MAAMW,aAAaZ;IACnB,MAAMG,KAAKC,cAAcQ;IACzB,MAAMC,UAAUb;IAEhB,IAAIK,OAAO;QACT,6CAA6C;QAC7CE,iBAAiBA,iBAAiB,CAAC,EAAEM,QAAQ,CAAC,EAAEN,eAAe,CAAC,GAAGM;QACnEJ,aAAa;YACXN,IAAIU;YACJC,SAASN,qBAAqB,UAAUL,KAAKY;QAC/C;IACF,OAAO,IACL,CAACR,kBACD,CAACD,aACD,CAACK,4BAA4BK,OAAO,EACpC;QACAL,4BAA4BK,OAAO,GAAG;QACtCC,QAAQC,IAAI,CACV;IAEJ;IAEAR,aAAa;QACXP;QACA,cAAcG;QACd,mBAAmBC;IACrB;IAEA,OAAO;QACLE;QACAC;IACF;AACF"}

package/dist/esm/hooks/useOnClickOutside/index.js

@@ -1,2 +1,3 @@
 export * from "./useOnClickOutside";
+
 //# sourceMappingURL=index.js.map

package/dist/esm/hooks/useOnClickOutside/index.js.map

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