@simplybusiness/mobius 4.5.1 → 4.6.0

package/dist/esm/src/components/TextArea/TextArea.js

@@ -1,51 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-import { TextAreaInput } from "../TextAreaInput";
-import { Label } from "../Label";
-import { Flex } from "../Flex";
-import { ErrorMessage } from "../ErrorMessage";
-import { useTextField } from "../../hooks";
-const TextArea = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { isDisabled, className, errorMessage, label, validationState, ...otherProps } = props;
-    const { inputProps, labelProps, errorMessageProps } = useTextField(props);
-    // Set class name for atom, including interaction state
-    const classes = classNames("mobius", "mobius/TextArea", className);
-    const inputClasses = classNames("mobius/TextAreaInput", {
-        "--is-valid": validationState === "valid",
-        "--is-invalid": validationState === "invalid"
-    });
-    const labelClasses = classNames({
-        "--is-valid": validationState === "valid",
-        "--is-invalid": validationState === "invalid",
-        "--is-disabled": isDisabled
-    });
-    return /*#__PURE__*/ _jsxs(Flex, {
-        flexDirection: "column",
-        className: classes,
-        children: [
-            label && /*#__PURE__*/ _jsx(Label, {
-                ...labelProps,
-                className: labelClasses,
-                children: props.label
-            }),
-            /*#__PURE__*/ _jsx(TextAreaInput, {
-                ...otherProps,
-                ...inputProps,
-                ref: ref,
-                className: inputClasses,
-                isDisabled: isDisabled,
-                "aria-invalid": errorMessage != null
-            }),
-            /*#__PURE__*/ _jsx(ErrorMessage, {
-                ...errorMessageProps,
-                errorMessage: errorMessage
-            })
-        ]
-    });
-});
-TextArea.displayName = "TextArea";
-export { TextArea };
-
-//# sourceMappingURL=TextArea.js.map

package/dist/esm/src/components/TextArea/TextArea.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["\"use client\";\n\nimport { Ref, forwardRef, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { TextAreaInput } from \"../TextAreaInput\";\nimport { Label } from \"../Label\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { UseTextFieldProps, useTextField } from \"../../hooks\";\n\nexport type TextAreaElementType = HTMLTextAreaElement;\n\nexport interface TextAreaProps\n  extends UseTextFieldProps,\n    DOMProps,\n    RefAttributes<TextAreaElementType> {\n  className?: string;\n  errorMessage?: string;\n  validationState?: \"valid\" | \"invalid\";\n}\n\nexport type TextAreaRef = Ref<TextAreaElementType>;\n\nconst TextArea: ForwardedRefComponent<TextAreaProps, TextAreaElementType> =\n  forwardRef((props: TextAreaProps, ref: TextAreaRef) => {\n    const {\n      isDisabled,\n      className,\n      errorMessage,\n      label,\n      validationState,\n      ...otherProps\n    } = props;\n\n    const { inputProps, labelProps, errorMessageProps } = useTextField(props);\n\n    // Set class name for atom, including interaction state\n    const classes = classNames(\"mobius\", \"mobius/TextArea\", className);\n    const inputClasses = classNames(\"mobius/TextAreaInput\", {\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n    });\n    const labelClasses = classNames({\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n      \"--is-disabled\": isDisabled,\n    });\n\n    return (\n      <Flex flexDirection=\"column\" className={classes}>\n        {label && (\n          <Label {...labelProps} className={labelClasses}>\n            {props.label}\n          </Label>\n        )}\n        <TextAreaInput\n          {...otherProps}\n          {...inputProps}\n          ref={ref}\n          className={inputClasses}\n          isDisabled={isDisabled}\n          aria-invalid={errorMessage != null}\n        />\n        <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n      </Flex>\n    );\n  });\n\nTextArea.displayName = \"TextArea\";\nexport { TextArea };\n"],"names":["forwardRef","classNames","TextAreaInput","Label","Flex","ErrorMessage","useTextField","TextArea","props","ref","isDisabled","className","errorMessage","label","validationState","otherProps","inputProps","labelProps","errorMessageProps","classes","inputClasses","labelClasses","flexDirection","aria-invalid","displayName"],"mappings":"AAAA;;AAEA,SAAcA,UAAU,QAAuB,QAAQ;AACvD,OAAOC,gBAAgB,oBAAoB;AAE3C,SAASC,aAAa,QAAQ,mBAAmB;AACjD,SAASC,KAAK,QAAQ,WAAW;AAEjC,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAA4BC,YAAY,QAAQ,cAAc;AAe9D,MAAMC,yBACJP,WAAW,CAACQ,OAAsBC;IAChC,MAAM,EACJC,UAAU,EACVC,SAAS,EACTC,YAAY,EACZC,KAAK,EACLC,eAAe,EACf,GAAGC,YACJ,GAAGP;IAEJ,MAAM,EAAEQ,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGZ,aAAaE;IAEnE,uDAAuD;IACvD,MAAMW,UAAUlB,WAAW,UAAU,mBAAmBU;IACxD,MAAMS,eAAenB,WAAW,wBAAwB;QACtD,cAAca,oBAAoB;QAClC,gBAAgBA,oBAAoB;IACtC;IACA,MAAMO,eAAepB,WAAW;QAC9B,cAAca,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiBJ;IACnB;IAEA,qBACE,MAACN;QAAKkB,eAAc;QAASX,WAAWQ;;YACrCN,uBACC,KAACV;gBAAO,GAAGc,UAAU;gBAAEN,WAAWU;0BAC/Bb,MAAMK,KAAK;;0BAGhB,KAACX;gBACE,GAAGa,UAAU;gBACb,GAAGC,UAAU;gBACdP,KAAKA;gBACLE,WAAWS;gBACXV,YAAYA;gBACZa,gBAAcX,gBAAgB;;0BAEhC,KAACP;gBAAc,GAAGa,iBAAiB;gBAAEN,cAAcA;;;;AAGzD;AAEFL,SAASiB,WAAW,GAAG;AACvB,SAASjB,QAAQ,GAAG"}

package/dist/esm/src/components/TextArea/index.js

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

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

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

package/dist/esm/src/components/TextAreaInput/TextAreaInput.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import classNames from "classnames/dedupe";
-const TextAreaInput = /*#__PURE__*/ forwardRef((props, ref)=>{
-    // Extract interaction props:
-    const { isSelected, isDisabled, ...otherProps } = props;
-    const classes = classNames("mobius", "mobius/TextAreaInput", {
-        "--is-disabled": isDisabled,
-        "--is-selected": isSelected
-    }, otherProps.className);
-    return /*#__PURE__*/ _jsx("textarea", {
-        ref: ref,
-        ...otherProps,
-        className: classes
-    });
-});
-TextAreaInput.displayName = "TextAreaInput";
-export { TextAreaInput };
-
-//# sourceMappingURL=TextAreaInput.js.map

package/dist/esm/src/components/TextAreaInput/TextAreaInput.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/TextAreaInput/TextAreaInput.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TextAreaInputElementType = HTMLTextAreaElement;\n\nexport interface InteractionStateProps {\n  isSelected?: boolean;\n  isDisabled?: boolean;\n}\n\nexport interface TextAreaInputProps\n  extends DOMProps,\n    InteractionStateProps,\n    RefAttributes<TextAreaInputElementType> {\n  className?: string;\n}\n\nexport type TextAreaInputRef = Ref<TextAreaInputElementType>;\n\nconst TextAreaInput: ForwardedRefComponent<\n  TextAreaInputProps,\n  TextAreaInputElementType\n> = forwardRef((props: TextAreaInputProps, ref: TextAreaInputRef) => {\n  // Extract interaction props:\n  const { isSelected, isDisabled, ...otherProps } = props;\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/TextAreaInput\",\n    {\n      \"--is-disabled\": isDisabled,\n      \"--is-selected\": isSelected,\n    },\n    otherProps.className,\n  );\n\n  return <textarea ref={ref} {...otherProps} className={classes} />;\n});\n\nTextAreaInput.displayName = \"TextAreaInput\";\nexport { TextAreaInput };\n"],"names":["forwardRef","classNames","TextAreaInput","props","ref","isSelected","isDisabled","otherProps","classes","className","textarea","displayName"],"mappings":";AAAA,SAAcA,UAAU,QAAuB,QAAQ;AACvD,OAAOC,gBAAgB,oBAAoB;AAoB3C,MAAMC,8BAGFF,WAAW,CAACG,OAA2BC;IACzC,6BAA6B;IAC7B,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,YAAY,GAAGJ;IAElD,MAAMK,UAAUP,WACd,UACA,wBACA;QACE,iBAAiBK;QACjB,iBAAiBD;IACnB,GACAE,WAAWE,SAAS;IAGtB,qBAAO,KAACC;QAASN,KAAKA;QAAM,GAAGG,UAAU;QAAEE,WAAWD;;AACxD;AAEAN,cAAcS,WAAW,GAAG;AAC5B,SAAST,aAAa,GAAG"}

package/dist/esm/src/components/TextAreaInput/index.js

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

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

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

package/dist/esm/src/components/TextField/TextField.js

@@ -1,76 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from "classnames/dedupe";
-import { forwardRef } from "react";
-import { useTextField } from "../../hooks";
-import { ErrorMessage } from "../ErrorMessage";
-import { Label } from "../Label";
-import { adornmentWithClassName } from "./adornmentWithClassName";
-const TextField = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { isDisabled, type = "text", validationState, className, label, errorMessage, children, isRequired, prefixInside, prefixOutside, suffixInside, suffixOutside, ...otherProps } = props;
-    const { inputProps, labelProps, errorMessageProps } = useTextField({
-        ...props,
-        "aria-errormessage": errorMessage
-    });
-    const hidden = type === "hidden";
-    const textfieldClasses = {
-        "--is-disabled": isDisabled,
-        "--is-valid": validationState === "valid",
-        "--is-invalid": validationState === "invalid",
-        "--is-required": typeof isRequired === "boolean" && isRequired,
-        "--is-optional": typeof isRequired === "boolean" && !isRequired,
-        "--is-hidden": hidden,
-        [className || ""]: true
-    };
-    const labelClasses = classNames({
-        "--is-disabled": isDisabled,
-        "--is-valid": validationState === "valid",
-        "--is-invalid": validationState === "invalid"
-    });
-    const containerClasses = classNames("mobius", "mobius/TextField", textfieldClasses);
-    const inputClasses = classNames("mobius", "mobius/TextInput", textfieldClasses);
-    const inputWrapperClasses = classNames("mobius/TextFieldInputWrapper", textfieldClasses);
-    return /*#__PURE__*/ _jsxs("div", {
-        className: containerClasses,
-        children: [
-            label && !hidden && /*#__PURE__*/ _jsx(Label, {
-                ...labelProps,
-                className: labelClasses,
-                children: label
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: "mobius/TextFieldInnerContainer",
-                children: [
-                    adornmentWithClassName(prefixOutside, "mobius/TextFieldPrefixOutside"),
-                    /*#__PURE__*/ _jsxs("div", {
-                        className: inputWrapperClasses,
-                        children: [
-                            adornmentWithClassName(prefixInside, "mobius/TextFieldPrefixInside"),
-                            /*#__PURE__*/ _jsx("input", {
-                                ...otherProps,
-                                ...inputProps,
-                                ref: ref,
-                                type: type,
-                                className: inputClasses
-                            }),
-                            adornmentWithClassName(suffixInside, "mobius/TextFieldSuffixInside")
-                        ]
-                    }),
-                    adornmentWithClassName(suffixOutside, "mobius/TextFieldSuffixOutside")
-                ]
-            }),
-            children && /*#__PURE__*/ _jsx("div", {
-                className: "mobius/TextFieldChildren",
-                children: children
-            }),
-            /*#__PURE__*/ _jsx(ErrorMessage, {
-                ...errorMessageProps,
-                errorMessage: errorMessage
-            })
-        ]
-    });
-});
-TextField.displayName = "TextField";
-export { TextField };
-
-//# sourceMappingURL=TextField.js.map

package/dist/esm/src/components/TextField/TextField.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  HTMLInputTypeAttribute,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  forwardRef,\n} from \"react\";\nimport { UseTextFieldProps, useTextField } from \"../../hooks\";\nimport { DOMProps, FocusEvents } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { adornmentWithClassName } from \"./adornmentWithClassName\";\n\nexport type TextFieldElementType = HTMLInputElement;\nexport interface TextFieldProps\n  extends DOMProps,\n    FocusEvents,\n    UseTextFieldProps,\n    RefAttributes<TextFieldElementType> {\n  className?: string;\n  errorMessage?: string;\n  children?: ReactNode;\n  label?: string;\n  type?: Exclude<\n    HTMLInputTypeAttribute,\n    | \"button\"\n    | \"checkbox\"\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"radio\"\n    | \"range\"\n    | \"reset\"\n    | \"submit\"\n    | \"week\"\n  >;\n  prefixInside?: ReactElement;\n  prefixOutside?: ReactElement;\n  suffixInside?: ReactElement;\n  suffixOutside?: ReactElement;\n}\n\nexport type TextFieldRef = Ref<TextFieldElementType>;\n\nconst TextField: ForwardedRefComponent<TextFieldProps, TextFieldElementType> =\n  forwardRef((props: TextFieldProps, ref: TextFieldRef) => {\n    const {\n      isDisabled,\n      type = \"text\",\n      validationState,\n      className,\n      label,\n      errorMessage,\n      children,\n      isRequired,\n      prefixInside,\n      prefixOutside,\n      suffixInside,\n      suffixOutside,\n      ...otherProps\n    } = props;\n\n    const { inputProps, labelProps, errorMessageProps } = useTextField({\n      ...props,\n      \"aria-errormessage\": errorMessage,\n    });\n\n    const hidden = type === \"hidden\";\n\n    const textfieldClasses = {\n      \"--is-disabled\": isDisabled,\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n      \"--is-hidden\": hidden,\n      [className || \"\"]: true,\n    };\n\n    const labelClasses = classNames({\n      \"--is-disabled\": isDisabled,\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n    });\n\n    const containerClasses = classNames(\n      \"mobius\",\n      \"mobius/TextField\",\n      textfieldClasses,\n    );\n\n    const inputClasses = classNames(\n      \"mobius\",\n      \"mobius/TextInput\",\n      textfieldClasses,\n    );\n\n    const inputWrapperClasses = classNames(\n      \"mobius/TextFieldInputWrapper\",\n      textfieldClasses,\n    );\n\n    return (\n      <div className={containerClasses}>\n        {label && !hidden && (\n          <Label {...labelProps} className={labelClasses}>\n            {label}\n          </Label>\n        )}\n        <div className=\"mobius/TextFieldInnerContainer\">\n          {adornmentWithClassName(\n            prefixOutside,\n            \"mobius/TextFieldPrefixOutside\",\n          )}\n          <div className={inputWrapperClasses}>\n            {adornmentWithClassName(\n              prefixInside,\n              \"mobius/TextFieldPrefixInside\",\n            )}\n            <input\n              {...otherProps}\n              {...inputProps}\n              ref={ref}\n              type={type}\n              className={inputClasses}\n            />\n            {adornmentWithClassName(\n              suffixInside,\n              \"mobius/TextFieldSuffixInside\",\n            )}\n          </div>\n          {adornmentWithClassName(\n            suffixOutside,\n            \"mobius/TextFieldSuffixOutside\",\n          )}\n        </div>\n        {children && <div className=\"mobius/TextFieldChildren\">{children}</div>}\n\n        <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n      </div>\n    );\n  });\n\nTextField.displayName = \"TextField\";\nexport { TextField };\n"],"names":["classNames","forwardRef","useTextField","ErrorMessage","Label","adornmentWithClassName","TextField","props","ref","isDisabled","type","validationState","className","label","errorMessage","children","isRequired","prefixInside","prefixOutside","suffixInside","suffixOutside","otherProps","inputProps","labelProps","errorMessageProps","hidden","textfieldClasses","labelClasses","containerClasses","inputClasses","inputWrapperClasses","div","input","displayName"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,oBAAoB;AAC3C,SAMEC,UAAU,QACL,QAAQ;AACf,SAA4BC,YAAY,QAAQ,cAAc;AAG9D,SAASC,YAAY,QAAQ,kBAAkB;AAC/C,SAASC,KAAK,QAAQ,WAAW;AACjC,SAASC,sBAAsB,QAAQ,2BAA2B;AAoClE,MAAMC,0BACJL,WAAW,CAACM,OAAuBC;IACjC,MAAM,EACJC,UAAU,EACVC,OAAO,MAAM,EACbC,eAAe,EACfC,SAAS,EACTC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,aAAa,EACb,GAAGC,YACJ,GAAGd;IAEJ,MAAM,EAAEe,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGtB,aAAa;QACjE,GAAGK,KAAK;QACR,qBAAqBO;IACvB;IAEA,MAAMW,SAASf,SAAS;IAExB,MAAMgB,mBAAmB;QACvB,iBAAiBjB;QACjB,cAAcE,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOK,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;QACrD,eAAeS;QACf,CAACb,aAAa,GAAG,EAAE;IACrB;IAEA,MAAMe,eAAe3B,WAAW;QAC9B,iBAAiBS;QACjB,cAAcE,oBAAoB;QAClC,gBAAgBA,oBAAoB;IACtC;IAEA,MAAMiB,mBAAmB5B,WACvB,UACA,oBACA0B;IAGF,MAAMG,eAAe7B,WACnB,UACA,oBACA0B;IAGF,MAAMI,sBAAsB9B,WAC1B,gCACA0B;IAGF,qBACE,MAACK;QAAInB,WAAWgB;;YACbf,SAAS,CAACY,wBACT,KAACrB;gBAAO,GAAGmB,UAAU;gBAAEX,WAAWe;0BAC/Bd;;0BAGL,MAACkB;gBAAInB,WAAU;;oBACZP,uBACCa,eACA;kCAEF,MAACa;wBAAInB,WAAWkB;;4BACbzB,uBACCY,cACA;0CAEF,KAACe;gCACE,GAAGX,UAAU;gCACb,GAAGC,UAAU;gCACdd,KAAKA;gCACLE,MAAMA;gCACNE,WAAWiB;;4BAEZxB,uBACCc,cACA;;;oBAGHd,uBACCe,eACA;;;YAGHL,0BAAY,KAACgB;gBAAInB,WAAU;0BAA4BG;;0BAExD,KAACZ;gBAAc,GAAGqB,iBAAiB;gBAAEV,cAAcA;;;;AAGzD;AAEFR,UAAU2B,WAAW,GAAG;AACxB,SAAS3B,SAAS,GAAG"}

package/dist/esm/src/components/TextField/adornmentWithClassName.js

@@ -1,10 +0,0 @@
-import classNames from "classnames";
-import { cloneElement } from "react";
-export const adornmentWithClassName = (component, className)=>{
-    if (!component) return null;
-    return cloneElement(component, {
-        className: classNames(component.props.className, className)
-    });
-};
-
-//# sourceMappingURL=adornmentWithClassName.js.map

package/dist/esm/src/components/TextField/adornmentWithClassName.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/TextField/adornmentWithClassName.ts"],"sourcesContent":["import classNames from \"classnames\";\nimport { ReactElement, cloneElement } from \"react\";\n\nexport const adornmentWithClassName = (\n  component?: ReactElement,\n  className?: string,\n) => {\n  if (!component) return null;\n\n  return cloneElement(component, {\n    className: classNames(component.props.className, className),\n  });\n};\n"],"names":["classNames","cloneElement","adornmentWithClassName","component","className","props"],"mappings":"AAAA,OAAOA,gBAAgB,aAAa;AACpC,SAAuBC,YAAY,QAAQ,QAAQ;AAEnD,OAAO,MAAMC,yBAAyB,CACpCC,WACAC;IAEA,IAAI,CAACD,WAAW,OAAO;IAEvB,OAAOF,aAAaE,WAAW;QAC7BC,WAAWJ,WAAWG,UAAUE,KAAK,CAACD,SAAS,EAAEA;IACnD;AACF,EAAE"}

package/dist/esm/src/components/TextField/index.js

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

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

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

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

@@ -1,34 +0,0 @@
-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 = /*#__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 /*#__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/src/components/Title/Title.js.map

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

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

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

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

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

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export function VisuallyHidden(props) {
-    const { className, children, elementType: Component = "div" } = props;
-    return /*#__PURE__*/ _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/esm/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":";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/src/components/VisuallyHidden/index.js

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

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

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

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

@@ -1,42 +0,0 @@
-export * from "./Accordion";
-export * from "./Alert";
-export * from "./Box";
-export * from "./Breadcrumbs";
-export * from "./Button";
-export * from "./Checkbox";
-export * from "./Container";
-export * from "./Divider";
-export * from "./Drawer";
-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 "./Logo";
-export * from "./Modal";
-export * from "./NumberField";
-export * from "./Option";
-export * from "./PasswordField";
-export * from "./Popover";
-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 "./Title";
-export * from "./VisuallyHidden";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/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":"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/src/global.d.js

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

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

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

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

@@ -1,9 +0,0 @@
-export * from "./useBodyScrollLock";
-export * from "./useBreakpoint";
-export * from "./useButton";
-export * from "./useLabel";
-export * from "./useOnClickOutside";
-export * from "./useTextField";
-export * from "./useWindowEvent";
-
-//# sourceMappingURL=index.js.map

package/dist/esm/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":"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/src/hooks/useBodyScrollLock/index.js

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

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

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

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

@@ -1,28 +0,0 @@
-import { useEffect } from "react";
-export 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";
-    }
-    useEffect(()=>{
-        if (enabled) {
-            enableScrollLock();
-        } else {
-            disableScrollLock();
-        }
-        return ()=>{
-            disableScrollLock();
-        };
-    }, [
-        enabled
-    ]);
-}
-
-//# sourceMappingURL=useBodyScrollLock.js.map

package/dist/esm/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":["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/src/hooks/useBreakpoint/index.js

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

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

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

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

@@ -1,112 +0,0 @@
-"use client";
-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
-    }
-];
-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] = useState(isClientSide ? window.innerWidth : defaultBreakpoint.value);
-    const [currentBreakpoint, setCurrentBreakpoint] = useState(defaultBreakpoint);
-    const handleResize = ()=>{
-        setWindowWidth(window.innerWidth);
-    };
-    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
-    ]);
-    useEffect(()=>{
-        window.addEventListener("resize", debounce(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 = 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 = 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
-    };
-};
-export { useBreakpoint };
-
-//# sourceMappingURL=useBreakpoint.js.map

package/dist/esm/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":["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":"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"}

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

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

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

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

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

@@ -1,42 +0,0 @@
-import { useCallback } from "react";
-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
-    ]);
-    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