@simplybusiness/mobius 5.25.2 → 5.26.0

package/dist/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -1,31 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, Children, cloneElement } from "react";
-import classNames from "classnames/dedupe";
-const Breadcrumbs = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { "aria-label": ariaLabel = "Breadcrumbs" } = props;
-    const { navProps } = {
-        navProps: {
-            "aria-label": ariaLabel
-        }
-    };
-    const { children, ...otherProps } = props;
-    const childArray = Children.toArray(children);
-    // Reshape class name and apply to outer element
-    const classes = classNames("mobius", "mobius-breadcrumb", otherProps.className);
-    return /*#__PURE__*/ _jsx("nav", {
-        ref: ref,
-        ...otherProps,
-        ...navProps,
-        className: classes,
-        children: /*#__PURE__*/ _jsx("ul", {
-            children: childArray.map((child, i)=>/*#__PURE__*/ cloneElement(child, {
-                    isCurrent: i === childArray.length - 1
-                }))
-        })
-    });
-});
-Breadcrumbs.displayName = "Breadcrumbs";
-export { Breadcrumbs };
-
-//# sourceMappingURL=Breadcrumbs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Ref, ReactElement, RefAttributes, ReactNode } from \"react\";\nimport { forwardRef, Children, cloneElement } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\n\nexport type BreadcrumbsElementType = HTMLUListElement;\n\nexport interface BreadcrumbsProps\n  extends RefAttributes<BreadcrumbsElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children?: ReactNode;\n  \"aria-label\"?: string;\n}\n\nexport type BreadcrumbsRef = Ref<BreadcrumbsElementType>;\n\nconst Breadcrumbs: ForwardedRefComponent<\n  BreadcrumbsProps,\n  BreadcrumbsElementType\n> = forwardRef((props: BreadcrumbsProps, ref: BreadcrumbsRef) => {\n  const { \"aria-label\": ariaLabel = \"Breadcrumbs\" } = props;\n  const { navProps } = { navProps: { \"aria-label\": ariaLabel } };\n  const { children, ...otherProps } = props;\n  const childArray = Children.toArray(children);\n\n  // Reshape class name and apply to outer element\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-breadcrumb\",\n    otherProps.className,\n  );\n\n  return (\n    <nav ref={ref} {...otherProps} {...navProps} className={classes}>\n      <ul>\n        {childArray.map((child, i) =>\n          cloneElement(child as ReactElement, {\n            isCurrent: i === childArray.length - 1,\n          }),\n        )}\n      </ul>\n    </nav>\n  );\n});\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\nexport { Breadcrumbs };\n"],"names":["forwardRef","Children","cloneElement","classNames","Breadcrumbs","props","ref","ariaLabel","navProps","children","otherProps","childArray","toArray","classes","className","nav","ul","map","child","i","isCurrent","length","displayName"],"mappings":"AAAA;;AAGA,SAASA,UAAU,EAAEC,QAAQ,EAAEC,YAAY,QAAQ,QAAQ;AAC3D,OAAOC,gBAAgB,oBAAoB;AAe3C,MAAMC,4BAGFJ,WAAW,CAACK,OAAyBC;IACvC,MAAM,EAAE,cAAcC,YAAY,aAAa,EAAE,GAAGF;IACpD,MAAM,EAAEG,QAAQ,EAAE,GAAG;QAAEA,UAAU;YAAE,cAAcD;QAAU;IAAE;IAC7D,MAAM,EAAEE,QAAQ,EAAE,GAAGC,YAAY,GAAGL;IACpC,MAAMM,aAAaV,SAASW,OAAO,CAACH;IAEpC,gDAAgD;IAChD,MAAMI,UAAUV,WACd,UACA,qBACAO,WAAWI,SAAS;IAGtB,qBACE,KAACC;QAAIT,KAAKA;QAAM,GAAGI,UAAU;QAAG,GAAGF,QAAQ;QAAEM,WAAWD;kBACtD,cAAA,KAACG;sBACEL,WAAWM,GAAG,CAAC,CAACC,OAAOC,kBACtBjB,aAAagB,OAAuB;oBAClCE,WAAWD,MAAMR,WAAWU,MAAM,GAAG;gBACvC;;;AAKV;AAEAjB,YAAYkB,WAAW,GAAG;AAC1B,SAASlB,WAAW,GAAG"}

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

@@ -1,4 +0,0 @@
-export * from "./Breadcrumbs";
-export * from "./BreadcrumbItem";
-
-//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/Button/Button.js

@@ -1,50 +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 { Loading } from "./Loading";
-import { useButton } from "../../hooks/useButton";
-import { useDeprecationWarning } from "../../hooks";
-import { Success } from "./Success";
-const Button = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { children, elementType: Component = "button", isDisabled, isLoading, isSuccess, variant = "primary", size = "md", onPress, onClick, ...otherProps } = props;
-    const { buttonProps } = useButton(props);
-    useDeprecationWarning({
-        "variant 'inverse'": variant === "inverse",
-        "variant 'inverse-ghost'": variant === "inverse-ghost"
-    });
-    // Map deprecated variants to alternative ones
-    const getVariant = (type)=>{
-        if (type === "inverse") {
-            return "basic";
-        }
-        if (type === "inverse-ghost") {
-            return "secondary";
-        }
-        return variant;
-    };
-    const buttonVariant = getVariant(variant);
-    // Reshape class name and apply to outer element
-    const classes = classNames("mobius", "mobius-button", `--variant-${buttonVariant}`, `--size-${size}`, {
-        "--is-disabled": isDisabled,
-        "--is-loading": isLoading,
-        "--is-success": isSuccess && !isLoading
-    }, otherProps.className);
-    otherProps.className = classes;
-    return(// @ts-expect-error - ref type is not correct
-    /*#__PURE__*/ _jsxs(Component, {
-        ref: ref,
-        ...buttonProps,
-        ...otherProps,
-        children: [
-            isLoading ? /*#__PURE__*/ _jsx(Loading, {
-                children: children
-            }) : children,
-            isSuccess && !isLoading && /*#__PURE__*/ _jsx(Success, {})
-        ]
-    }));
-});
-Button.displayName = "Button";
-export { Button };
-
-//# sourceMappingURL=Button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Ref, RefAttributes, ReactNode, MouseEvent } from \"react\";\nimport { forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\nimport { Loading } from \"./Loading\";\nimport type { UseButtonProps } from \"../../hooks/useButton\";\nimport { useButton } from \"../../hooks/useButton\";\nimport { useDeprecationWarning } from \"../../hooks\";\nimport { Success } from \"./Success\";\n\nexport type ButtonElementType = HTMLButtonElement;\n\nexport type Variant =\n  | \"primary\"\n  | \"secondary\"\n  | \"ghost\"\n  | \"inverse\"\n  | \"inverse-ghost\"\n  | \"basic\"\n  | \"link\";\n\nexport type Size = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps\n  extends UseButtonProps,\n    DOMProps,\n    RefAttributes<ButtonElementType> {\n  /** The name of the button when submitted in a form */\n  name?: string | undefined;\n  /** The value of the button when submitted in a form */\n  value?: string | undefined;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** Shortlist of styles */\n  variant?: Variant;\n  size?: Size;\n  /** Display loading spinner */\n  isLoading?: boolean;\n  /** Display success style */\n  isSuccess?: boolean;\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  children?: ReactNode;\n}\n\nexport type ButtonRef = Ref<ButtonElementType>;\n\nconst Button: ForwardedRefComponent<ButtonProps, ButtonElementType> =\n  forwardRef((props: ButtonProps, ref: ButtonRef) => {\n    const {\n      children,\n      elementType: Component = \"button\",\n      isDisabled,\n      isLoading,\n      isSuccess,\n      variant = \"primary\",\n      size = \"md\",\n\n      onPress,\n\n      onClick,\n      ...otherProps\n    } = props;\n    const { buttonProps } = useButton(props);\n\n    useDeprecationWarning({\n      \"variant 'inverse'\": variant === \"inverse\",\n      \"variant 'inverse-ghost'\": variant === \"inverse-ghost\",\n    });\n\n    // Map deprecated variants to alternative ones\n    const getVariant = (type: Variant) => {\n      if (type === \"inverse\") {\n        return \"basic\";\n      }\n\n      if (type === \"inverse-ghost\") {\n        return \"secondary\";\n      }\n\n      return variant;\n    };\n\n    const buttonVariant = getVariant(variant);\n\n    // Reshape class name and apply to outer element\n    const classes = classNames(\n      \"mobius\",\n      \"mobius-button\",\n      `--variant-${buttonVariant}`,\n      `--size-${size}`,\n      {\n        \"--is-disabled\": isDisabled,\n        \"--is-loading\": isLoading,\n        \"--is-success\": isSuccess && !isLoading,\n      },\n      otherProps.className,\n    );\n    otherProps.className = classes;\n\n    return (\n      // @ts-expect-error - ref type is not correct\n      <Component ref={ref} {...buttonProps} {...otherProps}>\n        {isLoading ? <Loading>{children}</Loading> : children}\n        {isSuccess && !isLoading && <Success />}\n      </Component>\n    );\n  });\n\nButton.displayName = \"Button\";\nexport { Button };\n"],"names":["forwardRef","classNames","Loading","useButton","useDeprecationWarning","Success","Button","props","ref","children","elementType","Component","isDisabled","isLoading","isSuccess","variant","size","onPress","onClick","otherProps","buttonProps","getVariant","type","buttonVariant","classes","className","displayName"],"mappings":"AAAA;;AAGA,SAASA,UAAU,QAAQ,QAAQ;AACnC,OAAOC,gBAAgB,oBAAoB;AAG3C,SAASC,OAAO,QAAQ,YAAY;AAEpC,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,qBAAqB,QAAQ,cAAc;AACpD,SAASC,OAAO,QAAQ,YAAY;AAsCpC,MAAMC,uBACJN,WAAW,CAACO,OAAoBC;IAC9B,MAAM,EACJC,QAAQ,EACRC,aAAaC,YAAY,QAAQ,EACjCC,UAAU,EACVC,SAAS,EACTC,SAAS,EACTC,UAAU,SAAS,EACnBC,OAAO,IAAI,EAEXC,OAAO,EAEPC,OAAO,EACP,GAAGC,YACJ,GAAGZ;IACJ,MAAM,EAAEa,WAAW,EAAE,GAAGjB,UAAUI;IAElCH,sBAAsB;QACpB,qBAAqBW,YAAY;QACjC,2BAA2BA,YAAY;IACzC;IAEA,8CAA8C;IAC9C,MAAMM,aAAa,CAACC;QAClB,IAAIA,SAAS,WAAW;YACtB,OAAO;QACT;QAEA,IAAIA,SAAS,iBAAiB;YAC5B,OAAO;QACT;QAEA,OAAOP;IACT;IAEA,MAAMQ,gBAAgBF,WAAWN;IAEjC,gDAAgD;IAChD,MAAMS,UAAUvB,WACd,UACA,iBACA,CAAC,UAAU,EAAEsB,eAAe,EAC5B,CAAC,OAAO,EAAEP,MAAM,EAChB;QACE,iBAAiBJ;QACjB,gBAAgBC;QAChB,gBAAgBC,aAAa,CAACD;IAChC,GACAM,WAAWM,SAAS;IAEtBN,WAAWM,SAAS,GAAGD;IAEvB,OACE,6CAA6C;kBAC7C,MAACb;QAAUH,KAAKA;QAAM,GAAGY,WAAW;QAAG,GAAGD,UAAU;;YACjDN,0BAAY,KAACX;0BAASO;iBAAsBA;YAC5CK,aAAa,CAACD,2BAAa,KAACR;;;AAGnC;AAEFC,OAAOoB,WAAW,GAAG;AACrB,SAASpB,MAAM,GAAG"}

package/dist/esm/components/Button/Loading.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { loading } from "@simplybusiness/icons";
-import { Icon } from "../Icon";
-import { VisuallyHidden } from "../VisuallyHidden";
-const Loading = (props)=>{
-    const { children } = props;
-    return /*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                className: "mobius-button__icon-wrapper",
-                children: /*#__PURE__*/ _jsx(Icon, {
-                    icon: loading,
-                    spin: true,
-                    size: "md"
-                })
-            }),
-            /*#__PURE__*/ _jsx(VisuallyHidden, {
-                className: "mobius-button__loading-text",
-                children: "Loading"
-            }),
-            children
-        ]
-    });
-};
-export { Loading };
-
-//# sourceMappingURL=Loading.js.map

package/dist/esm/components/Button/Loading.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Button/Loading.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { loading } from \"@simplybusiness/icons\";\nimport { Icon } from \"../Icon\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\n\ntype LoadingProps = {\n  children: ReactNode;\n};\n\nconst Loading = (props: LoadingProps) => {\n  const { children } = props;\n\n  return (\n    <>\n      <div className=\"mobius-button__icon-wrapper\">\n        <Icon icon={loading} spin size=\"md\" />\n      </div>\n      <VisuallyHidden className=\"mobius-button__loading-text\">\n        Loading\n      </VisuallyHidden>\n      {children}\n    </>\n  );\n};\n\nexport { Loading };\n"],"names":["loading","Icon","VisuallyHidden","Loading","props","children","div","className","icon","spin","size"],"mappings":";AACA,SAASA,OAAO,QAAQ,wBAAwB;AAChD,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,cAAc,QAAQ,oBAAoB;AAMnD,MAAMC,UAAU,CAACC;IACf,MAAM,EAAEC,QAAQ,EAAE,GAAGD;IAErB,qBACE;;0BACE,KAACE;gBAAIC,WAAU;0BACb,cAAA,KAACN;oBAAKO,MAAMR;oBAASS,IAAI;oBAACC,MAAK;;;0BAEjC,KAACR;gBAAeK,WAAU;0BAA8B;;YAGvDF;;;AAGP;AAEA,SAASF,OAAO,GAAG"}

package/dist/esm/components/Button/Success.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { tick } from "@simplybusiness/icons";
-import { Icon } from "../Icon";
-import { VisuallyHidden } from "../VisuallyHidden";
-const Success = ()=>/*#__PURE__*/ _jsxs(_Fragment, {
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                className: "mobius-button__icon-wrapper",
-                children: /*#__PURE__*/ _jsx(Icon, {
-                    icon: tick,
-                    size: "md"
-                })
-            }),
-            /*#__PURE__*/ _jsx(VisuallyHidden, {
-                className: "mobius-button__success-text",
-                children: "Success"
-            })
-        ]
-    });
-export { Success };
-
-//# sourceMappingURL=Success.js.map

package/dist/esm/components/Button/Success.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Button/Success.tsx"],"sourcesContent":["import { tick } from \"@simplybusiness/icons\";\nimport { Icon } from \"../Icon\";\nimport { VisuallyHidden } from \"../VisuallyHidden\";\n\nconst Success = () => (\n  <>\n    <div className=\"mobius-button__icon-wrapper\">\n      <Icon icon={tick} size=\"md\" />\n    </div>\n    <VisuallyHidden className=\"mobius-button__success-text\">\n      Success\n    </VisuallyHidden>\n  </>\n);\n\nexport { Success };\n"],"names":["tick","Icon","VisuallyHidden","Success","div","className","icon","size"],"mappings":";AAAA,SAASA,IAAI,QAAQ,wBAAwB;AAC7C,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,cAAc,QAAQ,oBAAoB;AAEnD,MAAMC,UAAU,kBACd;;0BACE,KAACC;gBAAIC,WAAU;0BACb,cAAA,KAACJ;oBAAKK,MAAMN;oBAAMO,MAAK;;;0BAEzB,KAACL;gBAAeG,WAAU;0BAA8B;;;;AAM5D,SAASF,OAAO,GAAG"}

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

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

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

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

package/dist/esm/components/Checkbox/Checkbox.js

@@ -1,100 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useRef, useId, useState, useEffect } from "react";
-import classNames from "classnames/dedupe";
-import { squareTick, square } from "@simplybusiness/icons";
-import { ErrorMessage } from "../ErrorMessage";
-import { spaceDelimitedList } from "../../utils/spaceDelimitedList";
-import { useValidationClasses } from "../../hooks";
-import { Icon } from "../Icon";
-import { Stack } from "../Stack";
-export const Checkbox = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { id, label, isDisabled, isRequired, validationState, isInvalid, onChange, className, errorMessage, selected, defaultSelected = false, isReadOnly, isLastItem, name, value, ["aria-describedby"]: ariaDescribedBy, ...rest } = props;
-    const [checked, setChecked] = useState(defaultSelected);
-    const fallbackRef = useRef(null);
-    const refObj = ref || fallbackRef;
-    const inputId = useId();
-    const isControlled = typeof selected === "boolean";
-    useEffect(()=>{
-        if (isControlled) {
-            setChecked(selected);
-        }
-    }, [
-        selected,
-        isControlled
-    ]);
-    const validationClasses = useValidationClasses({
-        validationState,
-        isInvalid
-    });
-    const sharedClasses = classNames({
-        "--is-disabled": isDisabled,
-        "--is-selected": checked,
-        "--is-required": typeof isRequired === "boolean" && isRequired,
-        "--is-optional": typeof isRequired === "boolean" && !isRequired
-    }, validationClasses);
-    // Append an additional wrapper class name to differenitate from input
-    const wrapperClasses = classNames("mobius", "mobius-checkbox", sharedClasses, className);
-    const labelClasses = classNames("mobius-checkbox__label", sharedClasses);
-    const inputClasses = classNames("mobius-checkbox__input", sharedClasses);
-    const iconClasses = classNames("mobius-checkbox__icon", sharedClasses);
-    const errorMessageId = useId();
-    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
-    const describedBy = spaceDelimitedList([
-        shouldErrorMessageShow,
-        ariaDescribedBy
-    ]);
-    const labelId = useId();
-    const handleChange = (event)=>{
-        setChecked(!checked);
-        if (onChange) {
-            onChange(event, isLastItem);
-        }
-    };
-    return /*#__PURE__*/ _jsxs(Stack, {
-        gap: "xs",
-        className: wrapperClasses,
-        children: [
-            /*#__PURE__*/ _jsxs("label", {
-                className: labelClasses,
-                children: [
-                    /*#__PURE__*/ _jsx("input", {
-                        "aria-describedby": describedBy,
-                        "aria-errormessage": shouldErrorMessageShow,
-                        "aria-invalid": isInvalid,
-                        "aria-labelledby": labelId,
-                        readOnly: isReadOnly,
-                        disabled: isDisabled,
-                        ref: refObj,
-                        className: inputClasses,
-                        onChange: handleChange,
-                        type: "checkbox",
-                        checked: checked,
-                        required: isRequired,
-                        id: id || inputId,
-                        name: name,
-                        value: value,
-                        ...rest
-                    }),
-                    /*#__PURE__*/ _jsx(Icon, {
-                        icon: checked ? squareTick : square,
-                        size: "md",
-                        className: iconClasses
-                    }),
-                    /*#__PURE__*/ _jsx("span", {
-                        id: labelId,
-                        className: "mobius-checkbox__visible-label",
-                        children: label
-                    })
-                ]
-            }),
-            /*#__PURE__*/ _jsx(ErrorMessage, {
-                id: errorMessageId,
-                errorMessage: errorMessage
-            })
-        ]
-    });
-});
-Checkbox.displayName = "Checkbox";
-
-//# sourceMappingURL=Checkbox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ChangeEvent } from \"react\";\nimport { forwardRef, useRef, useId, useState, useEffect } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { squareTick, square } from \"@simplybusiness/icons\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\nimport type { CheckboxElementType, CheckboxProps, CheckboxRef } from \"./types\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { useValidationClasses } from \"../../hooks\";\nimport { Icon } from \"../Icon\";\nimport { Stack } from \"../Stack\";\n\nexport const Checkbox: ForwardedRefComponent<\n  CheckboxProps,\n  CheckboxElementType\n> = forwardRef((props: CheckboxProps, ref: CheckboxRef) => {\n  const {\n    id,\n    label,\n    isDisabled,\n    isRequired,\n    validationState,\n    isInvalid,\n    onChange,\n    className,\n    errorMessage,\n    selected,\n    defaultSelected = false,\n    isReadOnly,\n    isLastItem,\n    name,\n    value,\n    [\"aria-describedby\"]: ariaDescribedBy,\n    ...rest\n  } = props;\n  const [checked, setChecked] = useState<boolean>(defaultSelected);\n  const fallbackRef = useRef<HTMLInputElement>(null);\n  const refObj = ref || fallbackRef;\n  const inputId = useId();\n\n  const isControlled = typeof selected === \"boolean\";\n  useEffect(() => {\n    if (isControlled) {\n      setChecked(selected);\n    }\n  }, [selected, isControlled]);\n\n  const validationClasses = useValidationClasses({\n    validationState,\n    isInvalid,\n  });\n  const sharedClasses = classNames(\n    {\n      \"--is-disabled\": isDisabled,\n      \"--is-selected\": checked,\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    },\n    validationClasses,\n  );\n  // Append an additional wrapper class name to differenitate from input\n  const wrapperClasses = classNames(\n    \"mobius\",\n    \"mobius-checkbox\",\n    sharedClasses,\n    className,\n  );\n  const labelClasses = classNames(\"mobius-checkbox__label\", sharedClasses);\n  const inputClasses = classNames(\"mobius-checkbox__input\", sharedClasses);\n  const iconClasses = classNames(\"mobius-checkbox__icon\", sharedClasses);\n  const errorMessageId = useId();\n  const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n  const describedBy = spaceDelimitedList([\n    shouldErrorMessageShow,\n    ariaDescribedBy,\n  ]);\n  const labelId = useId();\n\n  const handleChange = (event: ChangeEvent<CheckboxElementType>) => {\n    setChecked(!checked);\n    if (onChange) {\n      onChange(event, isLastItem);\n    }\n  };\n\n  return (\n    <Stack gap=\"xs\" className={wrapperClasses}>\n      <label className={labelClasses}>\n        <input\n          aria-describedby={describedBy}\n          aria-errormessage={shouldErrorMessageShow}\n          aria-invalid={isInvalid}\n          aria-labelledby={labelId}\n          readOnly={isReadOnly}\n          disabled={isDisabled}\n          ref={refObj}\n          className={inputClasses}\n          onChange={handleChange}\n          type=\"checkbox\"\n          checked={checked}\n          required={isRequired}\n          id={id || inputId}\n          name={name}\n          value={value}\n          {...rest}\n        />\n        <Icon\n          icon={checked ? squareTick : square}\n          size=\"md\"\n          className={iconClasses}\n        />\n        <span id={labelId} className=\"mobius-checkbox__visible-label\">\n          {label}\n        </span>\n      </label>\n      <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n    </Stack>\n  );\n});\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["forwardRef","useRef","useId","useState","useEffect","classNames","squareTick","square","ErrorMessage","spaceDelimitedList","useValidationClasses","Icon","Stack","Checkbox","props","ref","id","label","isDisabled","isRequired","validationState","isInvalid","onChange","className","errorMessage","selected","defaultSelected","isReadOnly","isLastItem","name","value","ariaDescribedBy","rest","checked","setChecked","fallbackRef","refObj","inputId","isControlled","validationClasses","sharedClasses","wrapperClasses","labelClasses","inputClasses","iconClasses","errorMessageId","shouldErrorMessageShow","undefined","describedBy","labelId","handleChange","event","gap","input","aria-describedby","aria-errormessage","aria-invalid","aria-labelledby","readOnly","disabled","type","required","icon","size","span","displayName"],"mappings":"AAAA;;AAGA,SAASA,UAAU,EAAEC,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,QAAQ;AACvE,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,UAAU,EAAEC,MAAM,QAAQ,wBAAwB;AAC3D,SAASC,YAAY,QAAQ,kBAAkB;AAG/C,SAASC,kBAAkB,QAAQ,iCAAiC;AACpE,SAASC,oBAAoB,QAAQ,cAAc;AACnD,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,KAAK,QAAQ,WAAW;AAEjC,OAAO,MAAMC,yBAGTb,WAAW,CAACc,OAAsBC;IACpC,MAAM,EACJC,EAAE,EACFC,KAAK,EACLC,UAAU,EACVC,UAAU,EACVC,eAAe,EACfC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,QAAQ,EACRC,kBAAkB,KAAK,EACvBC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJC,KAAK,EACL,CAAC,mBAAmB,EAAEC,eAAe,EACrC,GAAGC,MACJ,GAAGlB;IACJ,MAAM,CAACmB,SAASC,WAAW,GAAG/B,SAAkBuB;IAChD,MAAMS,cAAclC,OAAyB;IAC7C,MAAMmC,SAASrB,OAAOoB;IACtB,MAAME,UAAUnC;IAEhB,MAAMoC,eAAe,OAAOb,aAAa;IACzCrB,UAAU;QACR,IAAIkC,cAAc;YAChBJ,WAAWT;QACb;IACF,GAAG;QAACA;QAAUa;KAAa;IAE3B,MAAMC,oBAAoB7B,qBAAqB;QAC7CU;QACAC;IACF;IACA,MAAMmB,gBAAgBnC,WACpB;QACE,iBAAiBa;QACjB,iBAAiBe;QACjB,iBAAiB,OAAOd,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD,GACAoB;IAEF,sEAAsE;IACtE,MAAME,iBAAiBpC,WACrB,UACA,mBACAmC,eACAjB;IAEF,MAAMmB,eAAerC,WAAW,0BAA0BmC;IAC1D,MAAMG,eAAetC,WAAW,0BAA0BmC;IAC1D,MAAMI,cAAcvC,WAAW,yBAAyBmC;IACxD,MAAMK,iBAAiB3C;IACvB,MAAM4C,yBAAyBtB,eAAeqB,iBAAiBE;IAC/D,MAAMC,cAAcvC,mBAAmB;QACrCqC;QACAf;KACD;IACD,MAAMkB,UAAU/C;IAEhB,MAAMgD,eAAe,CAACC;QACpBjB,WAAW,CAACD;QACZ,IAAIX,UAAU;YACZA,SAAS6B,OAAOvB;QAClB;IACF;IAEA,qBACE,MAAChB;QAAMwC,KAAI;QAAK7B,WAAWkB;;0BACzB,MAACxB;gBAAMM,WAAWmB;;kCAChB,KAACW;wBACCC,oBAAkBN;wBAClBO,qBAAmBT;wBACnBU,gBAAcnC;wBACdoC,mBAAiBR;wBACjBS,UAAU/B;wBACVgC,UAAUzC;wBACVH,KAAKqB;wBACLb,WAAWoB;wBACXrB,UAAU4B;wBACVU,MAAK;wBACL3B,SAASA;wBACT4B,UAAU1C;wBACVH,IAAIA,MAAMqB;wBACVR,MAAMA;wBACNC,OAAOA;wBACN,GAAGE,IAAI;;kCAEV,KAACrB;wBACCmD,MAAM7B,UAAU3B,aAAaC;wBAC7BwD,MAAK;wBACLxC,WAAWqB;;kCAEb,KAACoB;wBAAKhD,IAAIiC;wBAAS1B,WAAU;kCAC1BN;;;;0BAGL,KAACT;gBAAaQ,IAAI6B;gBAAgBrB,cAAcA;;;;AAGtD,GAAG;AAEHX,SAASoD,WAAW,GAAG"}

package/dist/esm/components/Checkbox/CheckboxGroup.js

@@ -1,104 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from "classnames/dedupe";
-import { Children, cloneElement, forwardRef, isValidElement, useId, useState } from "react";
-import { useValidationClasses } from "../../hooks";
-import { spaceDelimitedList } from "../../utils/spaceDelimitedList";
-import { ErrorMessage } from "../ErrorMessage";
-import { Label } from "../Label";
-import { Checkbox } from "./Checkbox";
-export const CheckboxGroup = /*#__PURE__*/ forwardRef((props, ref)=>{
-    const { label, isDisabled = false, isRequired, validationState, isInvalid, orientation = "vertical", onChange, className, errorMessage, children, defaultValue = [], isReadOnly, itemsPerRow, lastItemDisables = false, ...rest } = props;
-    const [selected, setSelected] = useState(defaultValue);
-    const checkboxGroupClasses = classNames("mobius", "mobius-checkbox-group", className, {
-        "--is-horizontal": orientation === "horizontal",
-        "--is-vertical": orientation === "vertical",
-        "--is-required": typeof isRequired === "boolean" && isRequired,
-        "--is-optional": typeof isRequired === "boolean" && !isRequired
-    });
-    const validationClasses = useValidationClasses({
-        validationState,
-        isInvalid
-    });
-    const labelClasses = classNames({
-        "--is-disabled": isDisabled
-    }, validationClasses);
-    const errorMessageId = useId();
-    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
-    const describedBy = spaceDelimitedList([
-        shouldErrorMessageShow,
-        props["aria-describedby"]
-    ]);
-    const labelId = useId();
-    const handleChange = (event, isLastItem = false)=>{
-        const { target: { value, checked } } = event;
-        let newValue = [
-            ...selected
-        ];
-        if (!checked) {
-            newValue = selected.filter((item)=>item !== value);
-        }
-        if (checked) {
-            newValue = [
-                ...selected,
-                value
-            ];
-        }
-        if (checked && lastItemDisables && isLastItem) {
-            newValue = [
-                value
-            ];
-        }
-        setSelected(newValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-    };
-    const childrenArray = Children.toArray(children);
-    const lastCheckbox = childrenArray.filter((child)=>/*#__PURE__*/ isValidElement(child) && child.type === Checkbox).pop();
-    const lastCheckboxIsChecked = lastCheckbox && selected.includes(lastCheckbox.props.value);
-    return /*#__PURE__*/ _jsxs("div", {
-        ...rest,
-        "aria-labelledby": props["aria-labelledby"] || labelId,
-        ref: ref,
-        className: checkboxGroupClasses,
-        role: "group",
-        style: {
-            "--checkbox-items-per-row": itemsPerRow || Children.count(children)
-        },
-        children: [
-            label && /*#__PURE__*/ _jsx(Label, {
-                elementType: "span",
-                id: labelId,
-                className: labelClasses,
-                children: label
-            }),
-            /*#__PURE__*/ _jsx("div", {
-                className: "mobius-checkbox-group__wrapper",
-                children: childrenArray.map((child)=>{
-                    if (/*#__PURE__*/ isValidElement(child)) {
-                        // lastItemDisables support
-                        const isLastItem = child === lastCheckbox;
-                        const isChildDisabled = isDisabled || lastItemDisables && lastCheckboxIsChecked && !isLastItem;
-                        return /*#__PURE__*/ cloneElement(child, {
-                            isDisabled: isChildDisabled,
-                            isRequired,
-                            isReadOnly,
-                            isInvalid,
-                            isLastItem,
-                            selected: selected.includes(child.props.value),
-                            onChange: handleChange,
-                            "aria-describedby": describedBy
-                        });
-                    }
-                    return child;
-                })
-            }),
-            errorMessage && /*#__PURE__*/ _jsx(ErrorMessage, {
-                id: errorMessageId,
-                errorMessage: errorMessage
-            })
-        ]
-    });
-});
-CheckboxGroup.displayName = "CheckboxGroup";
-
-//# sourceMappingURL=CheckboxGroup.js.map

package/dist/esm/components/Checkbox/CheckboxGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  type ChangeEvent,\n  type ReactElement,\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useId,\n  useState,\n} from \"react\";\nimport { useValidationClasses } from \"../../hooks\";\nimport type { ForwardedRefComponent } from \"../../types/components\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { Checkbox } from \"./Checkbox\";\nimport type {\n  CheckboxElementType,\n  CheckboxGroupElementType,\n  CheckboxGroupProps,\n  CheckboxGroupRef,\n} from \"./types\";\n\nexport const CheckboxGroup: ForwardedRefComponent<\n  CheckboxGroupProps,\n  CheckboxGroupElementType\n> = forwardRef((props: CheckboxGroupProps, ref: CheckboxGroupRef) => {\n  const {\n    label,\n    isDisabled = false,\n    isRequired,\n    validationState,\n    isInvalid,\n    orientation = \"vertical\",\n    onChange,\n    className,\n    errorMessage,\n    children,\n    defaultValue = [],\n    isReadOnly,\n    itemsPerRow,\n    lastItemDisables = false,\n    ...rest\n  } = props;\n  const [selected, setSelected] = useState<string[]>(defaultValue);\n  const checkboxGroupClasses = classNames(\n    \"mobius\",\n    \"mobius-checkbox-group\",\n    className,\n    {\n      \"--is-horizontal\": orientation === \"horizontal\",\n      \"--is-vertical\": orientation === \"vertical\",\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    },\n  );\n  const validationClasses = useValidationClasses({\n    validationState,\n    isInvalid,\n  });\n  const labelClasses = classNames(\n    {\n      \"--is-disabled\": isDisabled,\n    },\n    validationClasses,\n  );\n  const errorMessageId = useId();\n  const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n  const describedBy = spaceDelimitedList([\n    shouldErrorMessageShow,\n    props[\"aria-describedby\"],\n  ]);\n  const labelId = useId();\n\n  const handleChange = (\n    event: ChangeEvent<CheckboxElementType>,\n    isLastItem = false,\n  ) => {\n    const {\n      target: { value, checked },\n    } = event;\n    let newValue = [...selected];\n\n    if (!checked) {\n      newValue = selected.filter(item => item !== value);\n    }\n\n    if (checked) {\n      newValue = [...selected, value];\n    }\n\n    if (checked && lastItemDisables && isLastItem) {\n      newValue = [value];\n    }\n\n    setSelected(newValue);\n    onChange?.(newValue);\n  };\n\n  const childrenArray = Children.toArray(children);\n  const lastCheckbox = childrenArray\n    .filter(\n      child =>\n        isValidElement(child) && (child as ReactElement).type === Checkbox,\n    )\n    .pop() as ReactElement<CheckboxElementType> | undefined;\n  const lastCheckboxIsChecked =\n    lastCheckbox && selected.includes(lastCheckbox.props.value);\n\n  return (\n    <div\n      {...rest}\n      aria-labelledby={props[\"aria-labelledby\"] || labelId}\n      ref={ref}\n      className={checkboxGroupClasses}\n      role=\"group\"\n      style={\n        {\n          \"--checkbox-items-per-row\": itemsPerRow || Children.count(children),\n        } as React.CSSProperties\n      }\n    >\n      {label && (\n        <Label elementType=\"span\" id={labelId} className={labelClasses}>\n          {label}\n        </Label>\n      )}\n      <div className=\"mobius-checkbox-group__wrapper\">\n        {childrenArray.map(child => {\n          if (isValidElement(child)) {\n            // lastItemDisables support\n            const isLastItem = child === lastCheckbox;\n            const isChildDisabled =\n              isDisabled ||\n              (lastItemDisables && lastCheckboxIsChecked && !isLastItem);\n\n            return cloneElement(child as ReactElement, {\n              isDisabled: isChildDisabled,\n              isRequired,\n              isReadOnly,\n              isInvalid,\n              isLastItem,\n              selected: selected.includes(child.props.value),\n              onChange: handleChange,\n              \"aria-describedby\": describedBy,\n            });\n          }\n\n          return child;\n        })}\n      </div>\n      {errorMessage && (\n        <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n      )}\n    </div>\n  );\n});\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n"],"names":["classNames","Children","cloneElement","forwardRef","isValidElement","useId","useState","useValidationClasses","spaceDelimitedList","ErrorMessage","Label","Checkbox","CheckboxGroup","props","ref","label","isDisabled","isRequired","validationState","isInvalid","orientation","onChange","className","errorMessage","children","defaultValue","isReadOnly","itemsPerRow","lastItemDisables","rest","selected","setSelected","checkboxGroupClasses","validationClasses","labelClasses","errorMessageId","shouldErrorMessageShow","undefined","describedBy","labelId","handleChange","event","isLastItem","target","value","checked","newValue","filter","item","childrenArray","toArray","lastCheckbox","child","type","pop","lastCheckboxIsChecked","includes","div","aria-labelledby","role","style","count","elementType","id","map","isChildDisabled","displayName"],"mappings":"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"}

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

@@ -1,5 +0,0 @@
-export * from "./Checkbox";
-export * from "./CheckboxGroup";
-export * from "./types";
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Checkbox/index.tsx"],"sourcesContent":["export * from \"./Checkbox\";\nexport * from \"./CheckboxGroup\";\nexport * from \"./types\";\n"],"names":[],"mappings":"AAAA,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,UAAU"}

package/dist/esm/components/Checkbox/types.js

@@ -1,3 +0,0 @@
-export { };
-
-//# sourceMappingURL=types.js.map

package/dist/esm/components/Checkbox/types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/Checkbox/types.ts"],"sourcesContent":["import type { ChangeEvent, ReactNode, Ref, RefAttributes } from \"react\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { Validation } from \"../../types\";\n\nexport type CheckboxElementType = HTMLInputElement;\nexport type CheckboxRef = Ref<CheckboxElementType>;\n\nexport interface CheckboxProps\n  extends DOMProps,\n    Validation,\n    RefAttributes<CheckboxElementType> {\n  className?: string;\n  // The content to display as the label.\n  label?: ReactNode;\n  errorMessage?: string;\n  /** The name of the input */\n  name?: string;\n  /** The current value (controlled). */\n  value?: string;\n  // Whether the input is disabled.\n  isDisabled?: boolean;\n  onChange?: (\n    event: ChangeEvent<CheckboxElementType>,\n    isLastItem?: boolean,\n  ) => void;\n  // The default value (uncontrolled).\n  defaultSelected?: boolean;\n  // Whether the input can be selected but not changed by the user.\n  isReadOnly?: boolean;\n  // Whether user input is required on the input before form submission.\n  isRequired?: boolean;\n  // Identifies the element that provides an error message for the object.\n  \"aria-errormessage\"?: string;\n  /**\n   * Identifies the element (or elements) that describes the object.\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * Whether the checkbox is the last item of a group.\n   */\n  isLastItem?: boolean;\n  /**\n   * **Internal:** Do not use\n   */\n  groupDisabled?: boolean;\n  /**\n   * Whether the checkbox is selected.\n   */\n  selected?: boolean;\n}\n\nexport type CheckboxGroupElementType = HTMLDivElement;\ninterface CheckboxGroupPropsInternal\n  extends DOMProps,\n    Validation,\n    RefAttributes<CheckboxGroupElementType> {\n  children: ReactNode;\n  className?: string;\n  orientation?: \"horizontal\" | \"vertical\";\n  // Defines number of items to be displayed on a single row when used with orientation=\"horizontal\". Defaults to number of items in the group.\n  itemsPerRow?: number;\n  errorMessage?: string;\n  onChange?: (values: string[]) => void;\n  // Defines a string value that labels the current element.\n  // \"aria-label\"?: string;\n  // Identifies the element (or elements) that labels the current element.\n  \"aria-labelledby\"?: string;\n  // Identifies the element that provides an error message for the object.\n  // \"aria-errormessage\"?: string;\n  // Identifies the element (or elements) that describes the object.\n  \"aria-describedby\"?: string;\n  // Whether user input is required on the input before form submission.\n  isRequired?: boolean;\n  // Whether the input is disabled.\n  isDisabled?: boolean;\n  // Whether the input can be selected but not changed by the user.\n  isReadOnly?: boolean;\n  // The default value (uncontrolled).\n  defaultValue?: string[];\n  // The content to display as the label.\n  label?: ReactNode;\n  /**\n   * The value of the radio button, used when submitting an HTML form.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value).\n   */\n  value?: string;\n  /**\n   * This determines if the last item in the group should disable the other items when selected.\n   */\n  lastItemDisables?: boolean;\n}\n\ninterface HorizontalCheckboxGroupProps extends CheckboxGroupPropsInternal {\n  orientation?: \"horizontal\";\n  itemsPerRow: number;\n}\n\ninterface VerticalCheckboxGroupProps extends CheckboxGroupPropsInternal {\n  orientation?: \"vertical\";\n  itemsPerRow?: never;\n}\n\nexport type CheckboxGroupProps =\n  | HorizontalCheckboxGroupProps\n  | VerticalCheckboxGroupProps;\n\nexport type CheckboxGroupRef = Ref<CheckboxGroupElementType>;\n"],"names":[],"mappings":"AA0GA,WAA6D"}