@simplybusiness/mobius 4.4.5 → 4.4.6

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

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Box", {
+    enumerable: true,
+    get: function() {
+        return Box;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _utils = require("../../utils");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Box = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { elementType: Element = "div", padding, paddingX, paddingInline, paddingInlineStart, paddingInlineEnd, paddingY, paddingBlock, paddingBlockStart, paddingBlockEnd, paddingTop, paddingRight, paddingBottom, paddingLeft, minWidth, minHeight, maxWidth, maxHeight, width, height, style, ...otherProps } = props;
+    const classes = (0, _dedupe.default)("mobius", "mobius/Box", otherProps.className);
+    const styleProps = (0, _utils.filterUndefinedProps)({
+        padding: (0, _utils.getSpacingValue)(padding),
+        paddingInline: (0, _utils.getSpacingValue)(paddingInline || paddingX),
+        paddingBlock: (0, _utils.getSpacingValue)(paddingBlock || paddingY),
+        paddingTop: (0, _utils.getSpacingValue)(paddingTop || paddingBlockStart),
+        paddingRight: (0, _utils.getSpacingValue)(paddingRight || paddingInlineEnd),
+        paddingBottom: (0, _utils.getSpacingValue)(paddingBottom || paddingBlockEnd),
+        paddingLeft: (0, _utils.getSpacingValue)(paddingLeft || paddingInlineStart),
+        minWidth,
+        minHeight,
+        maxWidth,
+        maxHeight,
+        width,
+        height,
+        ...style
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {
+        ref: ref,
+        style: styleProps,
+        ...otherProps,
+        className: classes
+    });
+});
+Box.displayName = "Box";
+
+//# sourceMappingURL=Box.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Box/Box.tsx"],"sourcesContent":["import { Ref, forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { BoxElementType, BoxProps } from \"./types\";\nimport { getSpacingValue, filterUndefinedProps } from \"../../utils\";\n\nexport type BoxRef = Ref<BoxElementType>;\n\nconst Box: ForwardedRefComponent<BoxProps, BoxElementType> = forwardRef(\n  (props: BoxProps, ref: BoxRef) => {\n    const {\n      elementType: Element = \"div\",\n      padding,\n      paddingX,\n      paddingInline,\n      paddingInlineStart,\n      paddingInlineEnd,\n      paddingY,\n      paddingBlock,\n      paddingBlockStart,\n      paddingBlockEnd,\n      paddingTop,\n      paddingRight,\n      paddingBottom,\n      paddingLeft,\n      minWidth,\n      minHeight,\n      maxWidth,\n      maxHeight,\n      width,\n      height,\n      style,\n      ...otherProps\n    } = props;\n\n    const classes = classNames(\"mobius\", \"mobius/Box\", otherProps.className);\n\n    const styleProps = filterUndefinedProps({\n      padding: getSpacingValue(padding),\n      paddingInline: getSpacingValue(paddingInline || paddingX),\n      paddingBlock: getSpacingValue(paddingBlock || paddingY),\n      paddingTop: getSpacingValue(paddingTop || paddingBlockStart),\n      paddingRight: getSpacingValue(paddingRight || paddingInlineEnd),\n      paddingBottom: getSpacingValue(paddingBottom || paddingBlockEnd),\n      paddingLeft: getSpacingValue(paddingLeft || paddingInlineStart),\n      minWidth,\n      minHeight,\n      maxWidth,\n      maxHeight,\n      width,\n      height,\n      ...style,\n    });\n\n    return (\n      <Element\n        ref={ref}\n        style={styleProps}\n        {...otherProps}\n        className={classes}\n      />\n    );\n  },\n);\n\nBox.displayName = \"Box\";\nexport { Box };\n"],"names":["Box","forwardRef","props","ref","elementType","Element","padding","paddingX","paddingInline","paddingInlineStart","paddingInlineEnd","paddingY","paddingBlock","paddingBlockStart","paddingBlockEnd","paddingTop","paddingRight","paddingBottom","paddingLeft","minWidth","minHeight","maxWidth","maxHeight","width","height","style","otherProps","classes","classNames","className","styleProps","filterUndefinedProps","getSpacingValue","displayName"],"mappings":";;;;+BAkESA;;;eAAAA;;;;uBAlEuB;+DACT;uBAG+B;;;;;;AAItD,MAAMA,oBAAuDC,IAAAA,iBAAU,EACrE,CAACC,OAAiBC;IAChB,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,OAAO,EACPC,QAAQ,EACRC,aAAa,EACbC,kBAAkB,EAClBC,gBAAgB,EAChBC,QAAQ,EACRC,YAAY,EACZC,iBAAiB,EACjBC,eAAe,EACfC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,KAAK,EACL,GAAGC,YACJ,GAAGxB;IAEJ,MAAMyB,UAAUC,IAAAA,eAAU,EAAC,UAAU,cAAcF,WAAWG,SAAS;IAEvE,MAAMC,aAAaC,IAAAA,2BAAoB,EAAC;QACtCzB,SAAS0B,IAAAA,sBAAe,EAAC1B;QACzBE,eAAewB,IAAAA,sBAAe,EAACxB,iBAAiBD;QAChDK,cAAcoB,IAAAA,sBAAe,EAACpB,gBAAgBD;QAC9CI,YAAYiB,IAAAA,sBAAe,EAACjB,cAAcF;QAC1CG,cAAcgB,IAAAA,sBAAe,EAAChB,gBAAgBN;QAC9CO,eAAee,IAAAA,sBAAe,EAACf,iBAAiBH;QAChDI,aAAac,IAAAA,sBAAe,EAACd,eAAeT;QAC5CU;QACAC;QACAC;QACAC;QACAC;QACAC;QACA,GAAGC,KAAK;IACV;IAEA,qBACE,qBAACpB;QACCF,KAAKA;QACLsB,OAAOK;QACN,GAAGJ,UAAU;QACdG,WAAWF;;AAGjB;AAGF3B,IAAIiC,WAAW,GAAG"}

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Box"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/src/components/Box/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/src/components/Box/types.js.map

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

package/dist/cjs/src/components/Breadcrumbs/BreadcrumbItem.js

@@ -0,0 +1,54 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BreadcrumbItem", {
+    enumerable: true,
+    get: function() {
+        return BreadcrumbItem;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _Box = require("../Box");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const BreadcrumbItem = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { isDisabled = false, isCurrent = false, "aria-current": ariaCurrent = "page", children, separator = /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.Box, {
+        className: "mobius/BreadcrumbSeparator",
+        "aria-hidden": "true",
+        children: ">"
+    }), ...otherProps } = props;
+    const { itemProps } = {
+        itemProps: {
+            "aria-current": isCurrent ? ariaCurrent : undefined,
+            "aria-disabled": isDisabled || isCurrent,
+            ...otherProps
+        }
+    };
+    // Reshape class name and apply to outer element
+    const classes = (0, _dedupe.default)("mobius", "mobius/BreadcrumbItem", props.className);
+    const child = typeof children === "string" ? /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+        ...itemProps,
+        children: children
+    }) : _react.Children.only(children);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("li", {
+        className: classes,
+        children: [
+            /*#__PURE__*/ (0, _react.cloneElement)(child, {
+                ...child.props,
+                ...itemProps,
+                ref
+            }),
+            !props.isCurrent && separator
+        ]
+    });
+});
+BreadcrumbItem.displayName = "BreadcrumbItem";
+
+//# sourceMappingURL=BreadcrumbItem.js.map

package/dist/cjs/src/components/Breadcrumbs/BreadcrumbItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Breadcrumbs/BreadcrumbItem.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Ref,\n  forwardRef,\n  ReactNode,\n  ReactElement,\n  cloneElement,\n  Children,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Box } from \"../Box\";\n\nexport type BreadcrumbItemElementType = HTMLLIElement;\n\nexport interface BreadcrumbItemProps extends DOMProps {\n  \"aria-current\"?:\n    | \"page\"\n    | \"step\"\n    | \"location\"\n    | \"date\"\n    | \"time\"\n    | boolean\n    | \"true\"\n    | \"false\";\n  isDisabled?: boolean;\n  isCurrent?: boolean;\n  separator?: ReactNode;\n  className?: string;\n  children: ReactNode;\n}\n\nexport type BreadcrumbItemRef = Ref<BreadcrumbItemElementType>;\n\nconst BreadcrumbItem: ForwardedRefComponent<\n  BreadcrumbItemProps,\n  BreadcrumbItemElementType\n> = forwardRef((props: BreadcrumbItemProps, ref: BreadcrumbItemRef) => {\n  const {\n    isDisabled = false,\n    isCurrent = false,\n    \"aria-current\": ariaCurrent = \"page\",\n    children,\n    separator = (\n      <Box className=\"mobius/BreadcrumbSeparator\" aria-hidden=\"true\">\n        {\">\"}\n      </Box>\n    ),\n    ...otherProps\n  } = props;\n  const { itemProps } = {\n    itemProps: {\n      \"aria-current\": isCurrent ? ariaCurrent : undefined,\n      \"aria-disabled\": isDisabled || isCurrent,\n      ...otherProps,\n    },\n  };\n\n  // Reshape class name and apply to outer element\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/BreadcrumbItem\",\n    props.className,\n  );\n\n  const child =\n    typeof children === \"string\" ? (\n      <span {...itemProps}>{children}</span>\n    ) : (\n      (Children.only(children) as ReactElement)\n    );\n\n  return (\n    <li className={classes}>\n      {cloneElement(child, { ...child.props, ...itemProps, ref })}\n      {!props.isCurrent && separator}\n    </li>\n  );\n});\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\nexport { BreadcrumbItem };\n"],"names":["BreadcrumbItem","forwardRef","props","ref","isDisabled","isCurrent","ariaCurrent","children","separator","Box","className","aria-hidden","otherProps","itemProps","undefined","classes","classNames","child","span","Children","only","li","cloneElement","displayName"],"mappings":"AAAA;;;;;+BAmFSA;;;eAAAA;;;;uBA1EF;+DACgB;qBAGH;;;;;;AAuBpB,MAAMA,+BAGFC,IAAAA,iBAAU,EAAC,CAACC,OAA4BC;IAC1C,MAAM,EACJC,aAAa,KAAK,EAClBC,YAAY,KAAK,EACjB,gBAAgBC,cAAc,MAAM,EACpCC,QAAQ,EACRC,0BACE,qBAACC,QAAG;QAACC,WAAU;QAA6BC,eAAY;kBACrD;MAEJ,EACD,GAAGC,YACJ,GAAGV;IACJ,MAAM,EAAEW,SAAS,EAAE,GAAG;QACpBA,WAAW;YACT,gBAAgBR,YAAYC,cAAcQ;YAC1C,iBAAiBV,cAAcC;YAC/B,GAAGO,UAAU;QACf;IACF;IAEA,gDAAgD;IAChD,MAAMG,UAAUC,IAAAA,eAAU,EACxB,UACA,yBACAd,MAAMQ,SAAS;IAGjB,MAAMO,QACJ,OAAOV,aAAa,yBAClB,qBAACW;QAAM,GAAGL,SAAS;kBAAGN;SAErBY,eAAQ,CAACC,IAAI,CAACb;IAGnB,qBACE,sBAACc;QAAGX,WAAWK;;0BACZO,IAAAA,mBAAY,EAACL,OAAO;gBAAE,GAAGA,MAAMf,KAAK;gBAAE,GAAGW,SAAS;gBAAEV;YAAI;YACxD,CAACD,MAAMG,SAAS,IAAIG;;;AAG3B;AAEAR,eAAeuB,WAAW,GAAG"}

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

@@ -0,0 +1,45 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Breadcrumbs", {
+    enumerable: true,
+    get: function() {
+        return Breadcrumbs;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Breadcrumbs = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { "aria-label": ariaLabel = "Breadcrumbs" } = props;
+    const { navProps } = {
+        navProps: {
+            "aria-label": ariaLabel
+        }
+    };
+    const { children, ...otherProps } = props;
+    const childArray = _react.Children.toArray(children);
+    // Reshape class name and apply to outer element
+    const classes = (0, _dedupe.default)("mobius", "mobius/Breadcrumb", otherProps.className);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("nav", {
+        ref: ref,
+        ...otherProps,
+        ...navProps,
+        className: classes,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("ul", {
+            children: childArray.map((child, i)=>/*#__PURE__*/ (0, _react.cloneElement)(child, {
+                    isCurrent: i === childArray.length - 1
+                }))
+        })
+    });
+});
+Breadcrumbs.displayName = "Breadcrumbs";
+
+//# sourceMappingURL=Breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Ref,\n  forwardRef,\n  Children,\n  cloneElement,\n  ReactElement,\n  RefAttributes,\n  ReactNode,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { 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":["Breadcrumbs","forwardRef","props","ref","ariaLabel","navProps","children","otherProps","childArray","Children","toArray","classes","classNames","className","nav","ul","map","child","i","cloneElement","isCurrent","length","displayName"],"mappings":"AAAA;;;;;+BAwDSA;;;eAAAA;;;;uBA9CF;+DACgB;;;;;;AAevB,MAAMA,4BAGFC,IAAAA,iBAAU,EAAC,CAACC,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,aAAaC,eAAQ,CAACC,OAAO,CAACJ;IAEpC,gDAAgD;IAChD,MAAMK,UAAUC,IAAAA,eAAU,EACxB,UACA,qBACAL,WAAWM,SAAS;IAGtB,qBACE,qBAACC;QAAIX,KAAKA;QAAM,GAAGI,UAAU;QAAG,GAAGF,QAAQ;QAAEQ,WAAWF;kBACtD,cAAA,qBAACI;sBACEP,WAAWQ,GAAG,CAAC,CAACC,OAAOC,kBACtBC,IAAAA,mBAAY,EAACF,OAAuB;oBAClCG,WAAWF,MAAMV,WAAWa,MAAM,GAAG;gBACvC;;;AAKV;AAEArB,YAAYsB,WAAW,GAAG"}

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Breadcrumbs"), exports);
+_export_star(require("./BreadcrumbItem"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,49 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Button", {
+    enumerable: true,
+    get: function() {
+        return Button;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _Loading = require("./Loading");
+const _useButton = require("../../hooks/useButton");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+let HAS_DEPRECATION_WARNING_SHOWN = false;
+const Button = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { children, elementType: Component = "button", isDisabled, isLoading, isSuccess, variant = "primary", size = "md", icon, iconPosition, // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    onPress, // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    onClick, ...otherProps } = props;
+    const { buttonProps } = (0, _useButton.useButton)(props);
+    if ((icon || iconPosition) && !HAS_DEPRECATION_WARNING_SHOWN) {
+        // eslint-disable-next-line no-console
+        console.warn("icon, iconPosition props have been deprecated in <Button> and will be removed in Mobius v4. Please pass icon as part of component's children instead.");
+        HAS_DEPRECATION_WARNING_SHOWN = true;
+    }
+    // Reshape class name and apply to outer element
+    const classes = (0, _dedupe.default)("mobius", "mobius/Button", `--variant-${variant}`, `--size-${size}`, {
+        "--is-disabled": isDisabled,
+        "--is-loading": isLoading,
+        "--is-success": isSuccess && !isLoading
+    }, otherProps.className);
+    otherProps.className = classes;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
+        ref: ref,
+        ...buttonProps,
+        ...otherProps,
+        children: isLoading ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Loading.Loading, {}) : children && children
+    });
+});
+Button.displayName = "Button";
+
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Button/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Loading } from \"./Loading\";\nimport { UseButtonProps, useButton } from \"../../hooks/useButton\";\n\nlet HAS_DEPRECATION_WARNING_SHOWN = false;\n\nexport type ButtonElementType = HTMLButtonElement;\n\nexport type Variant =\n  | \"primary\"\n  | \"secondary\"\n  | \"ghost\"\n  | \"inverse\"\n  | \"inverse-ghost\"\n  | \"basic\";\n\nexport type Size = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps\n  extends UseButtonProps,\n    DOMProps,\n    RefAttributes<ButtonElementType> {\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: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * **Deprecated:** Please pass icon as part of component's children instead.\n   */\n  icon?: string;\n  /**\n   * **Deprecated:** Please pass icon as part of component's children instead.\n   */\n  iconPosition?: \"left\" | \"right\";\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      icon,\n      iconPosition,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      onPress,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      onClick,\n      ...otherProps\n    } = props;\n    const { buttonProps } = useButton(props);\n\n    if ((icon || iconPosition) && !HAS_DEPRECATION_WARNING_SHOWN) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"icon, iconPosition props have been deprecated in <Button> and will be removed in Mobius v4. Please pass icon as part of component's children instead.\",\n      );\n      HAS_DEPRECATION_WARNING_SHOWN = true;\n    }\n\n    // Reshape class name and apply to outer element\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Button\",\n      `--variant-${variant}`,\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      <Component ref={ref} {...buttonProps} {...otherProps}>\n        {isLoading ? <Loading /> : children && children}\n      </Component>\n    );\n  });\n\nButton.displayName = \"Button\";\nexport { Button };\n"],"names":["Button","HAS_DEPRECATION_WARNING_SHOWN","forwardRef","props","ref","children","elementType","Component","isDisabled","isLoading","isSuccess","variant","size","icon","iconPosition","onPress","onClick","otherProps","buttonProps","useButton","console","warn","classes","classNames","className","Loading","displayName"],"mappings":"AAAA;;;;;+BAqGSA;;;eAAAA;;;;uBAnGiD;+DACnC;yBAGC;2BACkB;;;;;;AAE1C,IAAIC,gCAAgC;AAyCpC,MAAMD,uBACJE,IAAAA,iBAAU,EAAC,CAACC,OAAoBC;IAC9B,MAAM,EACJC,QAAQ,EACRC,aAAaC,YAAY,QAAQ,EACjCC,UAAU,EACVC,SAAS,EACTC,SAAS,EACTC,UAAU,SAAS,EACnBC,OAAO,IAAI,EACXC,IAAI,EACJC,YAAY,EACZ,6DAA6D;IAC7DC,OAAO,EACP,6DAA6D;IAC7DC,OAAO,EACP,GAAGC,YACJ,GAAGd;IACJ,MAAM,EAAEe,WAAW,EAAE,GAAGC,IAAAA,oBAAS,EAAChB;IAElC,IAAI,AAACU,CAAAA,QAAQC,YAAW,KAAM,CAACb,+BAA+B;QAC5D,sCAAsC;QACtCmB,QAAQC,IAAI,CACV;QAEFpB,gCAAgC;IAClC;IAEA,gDAAgD;IAChD,MAAMqB,UAAUC,IAAAA,eAAU,EACxB,UACA,iBACA,CAAC,UAAU,EAAEZ,QAAQ,CAAC,EACtB,CAAC,OAAO,EAAEC,KAAK,CAAC,EAChB;QACE,iBAAiBJ;QACjB,gBAAgBC;QAChB,gBAAgBC,aAAa,CAACD;IAChC,GACAQ,WAAWO,SAAS;IAEtBP,WAAWO,SAAS,GAAGF;IAEvB,qBACE,qBAACf;QAAUH,KAAKA;QAAM,GAAGc,WAAW;QAAG,GAAGD,UAAU;kBACjDR,0BAAY,qBAACgB,gBAAO,QAAMpB,YAAYA;;AAG7C;AAEFL,OAAO0B,WAAW,GAAG"}

package/dist/cjs/src/components/Button/Loading.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Loading", {
+    enumerable: true,
+    get: function() {
+        return Loading;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _icons = require("@simplybusiness/icons");
+const _Icon = require("../Icon");
+const Loading = ()=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "mobius/ButtonIconWrapper",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Icon.Icon, {
+                    icon: _icons.loading,
+                    spin: true
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: "mobius/LoadingText",
+                children: "Loading"
+            })
+        ]
+    });
+
+//# sourceMappingURL=Loading.js.map

package/dist/cjs/src/components/Button/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Button/Loading.tsx"],"sourcesContent":["import { loading } from \"@simplybusiness/icons\";\nimport { Icon } from \"../Icon\";\n\nconst Loading = () => (\n  <>\n    <div className=\"mobius/ButtonIconWrapper\">\n      <Icon icon={loading} spin />\n    </div>\n    <span className=\"mobius/LoadingText\">Loading</span>\n  </>\n);\n\nexport { Loading };\n"],"names":["Loading","div","className","Icon","icon","loading","spin","span"],"mappings":";;;;+BAYSA;;;eAAAA;;;;uBAZe;sBACH;AAErB,MAAMA,UAAU,kBACd;;0BACE,qBAACC;gBAAIC,WAAU;0BACb,cAAA,qBAACC,UAAI;oBAACC,MAAMC,cAAO;oBAAEC,IAAI;;;0BAE3B,qBAACC;gBAAKL,WAAU;0BAAqB"}

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Button"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,102 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Checkbox", {
+    enumerable: true,
+    get: function() {
+        return Checkbox;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _ErrorMessage = require("../ErrorMessage");
+const _spaceDelimitedList = require("../../utils/spaceDelimitedList");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Checkbox = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { id, label, isDisabled, isRequired, validationState, onChange, className, errorMessage, defaultSelected = false, isReadOnly, value } = props;
+    const [selected, setSelected] = (0, _react.useState)(defaultSelected);
+    const fallbackRef = (0, _react.useRef)(null);
+    const refObj = ref || fallbackRef;
+    const inputId = (0, _react.useId)();
+    const checkboxClasses = (0, _dedupe.default)({
+        "--is-disabled": isDisabled,
+        "--is-selected": selected,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired
+    }, className);
+    // Append an additional wrapper class name to differenitate from input
+    const wrapperClasses = (0, _dedupe.default)("mobius", "mobius/Checkbox", checkboxClasses);
+    const inputClasses = (0, _dedupe.default)("mobius/CheckboxInput", checkboxClasses);
+    const errorMessageId = (0, _react.useId)();
+    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
+    const describedBy = (0, _spaceDelimitedList.spaceDelimitedList)([
+        shouldErrorMessageShow,
+        props["aria-describedby"]
+    ]);
+    const labelId = (0, _react.useId)();
+    const toggleState = ()=>{
+        setSelected(!selected);
+    };
+    const handleClick = (event)=>{
+        const isMouseEvent = event.clientX;
+        if (isMouseEvent) {
+            toggleState();
+        }
+    };
+    const handleChange = (event)=>{
+        if (onChange) {
+            onChange(event);
+        }
+    };
+    const handleKeyDown = (event)=>{
+        if (event.code === "Space") {
+            toggleState();
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("label", {
+                id: labelId,
+                className: wrapperClasses,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                        "aria-describedby": describedBy,
+                        "aria-errormessage": shouldErrorMessageShow,
+                        "aria-invalid": validationState === "invalid",
+                        readOnly: isReadOnly,
+                        disabled: isDisabled,
+                        ref: refObj,
+                        className: inputClasses,
+                        onClick: handleClick,
+                        onChange: handleChange,
+                        onKeyDown: handleKeyDown,
+                        type: "checkbox",
+                        defaultChecked: defaultSelected,
+                        required: isRequired,
+                        id: id || inputId,
+                        value: value
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: "mobius/CheckboxLabel",
+                        children: label
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {
+                id: errorMessageId,
+                errorMessage: errorMessage
+            })
+        ]
+    });
+});
+
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  ChangeEvent,\n  forwardRef,\n  useRef,\n  useState,\n  KeyboardEvent,\n  MouseEvent,\n  useId,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { CheckboxElementType, CheckboxProps, CheckboxRef } from \"./types\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\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    onChange,\n    className,\n    errorMessage,\n    defaultSelected = false,\n    isReadOnly,\n    value,\n  } = props;\n  const [selected, setSelected] = useState<boolean>(defaultSelected);\n  const fallbackRef = useRef<HTMLInputElement>(null);\n  const refObj = ref || fallbackRef;\n  const inputId = useId();\n  const checkboxClasses = classNames(\n    {\n      \"--is-disabled\": isDisabled,\n      \"--is-selected\": selected,\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    },\n    className,\n  );\n  // Append an additional wrapper class name to differenitate from input\n  const wrapperClasses = classNames(\n    \"mobius\",\n    \"mobius/Checkbox\",\n    checkboxClasses,\n  );\n  const inputClasses = classNames(\"mobius/CheckboxInput\", checkboxClasses);\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 toggleState = () => {\n    setSelected(!selected);\n  };\n\n  const handleClick = (event: MouseEvent<CheckboxElementType>) => {\n    const isMouseEvent = event.clientX;\n\n    if (isMouseEvent) {\n      toggleState();\n    }\n  };\n\n  const handleChange = (event: ChangeEvent<CheckboxElementType>) => {\n    if (onChange) {\n      onChange(event);\n    }\n  };\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (event.code === \"Space\") {\n      toggleState();\n    }\n  };\n\n  return (\n    <>\n      <label id={labelId} className={wrapperClasses}>\n        <input\n          aria-describedby={describedBy}\n          aria-errormessage={shouldErrorMessageShow}\n          aria-invalid={validationState === \"invalid\"}\n          readOnly={isReadOnly}\n          disabled={isDisabled}\n          ref={refObj}\n          className={inputClasses}\n          onClick={handleClick}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          type=\"checkbox\"\n          defaultChecked={defaultSelected}\n          required={isRequired}\n          id={id || inputId}\n          value={value}\n        />\n        <span className=\"mobius/CheckboxLabel\">{label}</span>\n      </label>\n      <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n    </>\n  );\n});\n"],"names":["Checkbox","forwardRef","props","ref","id","label","isDisabled","isRequired","validationState","onChange","className","errorMessage","defaultSelected","isReadOnly","value","selected","setSelected","useState","fallbackRef","useRef","refObj","inputId","useId","checkboxClasses","classNames","wrapperClasses","inputClasses","errorMessageId","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","labelId","toggleState","handleClick","event","isMouseEvent","clientX","handleChange","handleKeyDown","code","input","aria-describedby","aria-errormessage","aria-invalid","readOnly","disabled","onClick","onKeyDown","type","defaultChecked","required","span","ErrorMessage"],"mappings":"AAAA;;;;;+BAiBaA;;;eAAAA;;;;uBAPN;+DACgB;8BACM;oCAGM;;;;;;AAE5B,MAAMA,yBAGTC,IAAAA,iBAAU,EAAC,CAACC,OAAsBC;IACpC,MAAM,EACJC,EAAE,EACFC,KAAK,EACLC,UAAU,EACVC,UAAU,EACVC,eAAe,EACfC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,kBAAkB,KAAK,EACvBC,UAAU,EACVC,KAAK,EACN,GAAGZ;IACJ,MAAM,CAACa,UAAUC,YAAY,GAAGC,IAAAA,eAAQ,EAAUL;IAClD,MAAMM,cAAcC,IAAAA,aAAM,EAAmB;IAC7C,MAAMC,SAASjB,OAAOe;IACtB,MAAMG,UAAUC,IAAAA,YAAK;IACrB,MAAMC,kBAAkBC,IAAAA,eAAU,EAChC;QACE,iBAAiBlB;QACjB,iBAAiBS;QACjB,cAAcP,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOD,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD,GACAG;IAEF,sEAAsE;IACtE,MAAMe,iBAAiBD,IAAAA,eAAU,EAC/B,UACA,mBACAD;IAEF,MAAMG,eAAeF,IAAAA,eAAU,EAAC,wBAAwBD;IACxD,MAAMI,iBAAiBL,IAAAA,YAAK;IAC5B,MAAMM,yBAAyBjB,eAAegB,iBAAiBE;IAC/D,MAAMC,cAAcC,IAAAA,sCAAkB,EAAC;QACrCH;QACA1B,KAAK,CAAC,mBAAmB;KAC1B;IACD,MAAM8B,UAAUV,IAAAA,YAAK;IAErB,MAAMW,cAAc;QAClBjB,YAAY,CAACD;IACf;IAEA,MAAMmB,cAAc,CAACC;QACnB,MAAMC,eAAeD,MAAME,OAAO;QAElC,IAAID,cAAc;YAChBH;QACF;IACF;IAEA,MAAMK,eAAe,CAACH;QACpB,IAAI1B,UAAU;YACZA,SAAS0B;QACX;IACF;IAEA,MAAMI,gBAAgB,CAACJ;QACrB,IAAIA,MAAMK,IAAI,KAAK,SAAS;YAC1BP;QACF;IACF;IAEA,qBACE;;0BACE,sBAAC5B;gBAAMD,IAAI4B;gBAAStB,WAAWe;;kCAC7B,qBAACgB;wBACCC,oBAAkBZ;wBAClBa,qBAAmBf;wBACnBgB,gBAAcpC,oBAAoB;wBAClCqC,UAAUhC;wBACViC,UAAUxC;wBACVH,KAAKiB;wBACLV,WAAWgB;wBACXqB,SAASb;wBACTzB,UAAU6B;wBACVU,WAAWT;wBACXU,MAAK;wBACLC,gBAAgBtC;wBAChBuC,UAAU5C;wBACVH,IAAIA,MAAMiB;wBACVP,OAAOA;;kCAET,qBAACsC;wBAAK1C,WAAU;kCAAwBL;;;;0BAE1C,qBAACgD,0BAAY;gBAACjD,IAAIuB;gBAAgBhB,cAAcA;;;;AAGtD"}

package/dist/cjs/src/components/Checkbox/CheckboxGroup.js

@@ -0,0 +1,103 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CheckboxGroup", {
+    enumerable: true,
+    get: function() {
+        return CheckboxGroup;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = require("react");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _Label = require("../Label");
+const _ErrorMessage = require("../ErrorMessage");
+const _spaceDelimitedList = require("../../utils/spaceDelimitedList");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const CheckboxGroup = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { label, isDisabled = false, isRequired, validationState, orientation = "vertical", onChange, className, errorMessage, children, defaultValue = [], isReadOnly, ...rest } = props;
+    const [selected, setSelected] = (0, _react.useState)(defaultValue);
+    const checkboxGroupClasses = (0, _dedupe.default)("mobius", "mobius/CheckboxGroup", className, {
+        "--is-horizontal": orientation === "horizontal",
+        "--is-vertical": orientation === "vertical",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired
+    });
+    const labelClasses = (0, _dedupe.default)({
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-disabled": isDisabled
+    });
+    const errorMessageId = (0, _react.useId)();
+    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
+    const describedBy = (0, _spaceDelimitedList.spaceDelimitedList)([
+        shouldErrorMessageShow,
+        props["aria-describedby"]
+    ]);
+    const labelId = (0, _react.useId)();
+    const handleChange = (event)=>{
+        const { target: { value, checked } } = event;
+        if (!checked) {
+            setSelected(selected.filter((item)=>item !== value));
+        }
+        if (checked) {
+            setSelected([
+                ...selected,
+                value
+            ]);
+        }
+    };
+    (0, _react.useEffect)(()=>{
+        if (onChange) {
+            onChange(selected);
+        }
+    }, [
+        selected,
+        onChange
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        ...rest,
+        "aria-labelledby": props["aria-labelledby"] || labelId,
+        ref: ref,
+        className: checkboxGroupClasses,
+        role: "group",
+        children: [
+            label && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
+                elementType: "span",
+                id: labelId,
+                className: labelClasses,
+                children: label
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "mobius/CheckboxWrapper",
+                children: _react.Children.map(children, (child)=>{
+                    if (/*#__PURE__*/ (0, _react.isValidElement)(child)) {
+                        return /*#__PURE__*/ (0, _react.cloneElement)(child, {
+                            orientation,
+                            isDisabled,
+                            isRequired,
+                            isReadOnly,
+                            validationState,
+                            defaultSelected: selected.includes(child.props.value),
+                            onChange: handleChange,
+                            "aria-describedby": describedBy
+                        });
+                    }
+                    return child;
+                })
+            }),
+            errorMessage && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {
+                id: errorMessageId,
+                errorMessage: errorMessage
+            })
+        ]
+    });
+});
+
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/cjs/src/components/Checkbox/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Children,\n  forwardRef,\n  ReactElement,\n  cloneElement,\n  isValidElement,\n  useId,\n  ChangeEvent,\n  useState,\n  useEffect,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport {\n  CheckboxElementType,\n  CheckboxGroupElementType,\n  CheckboxGroupProps,\n  CheckboxGroupRef,\n} from \"./types\";\nimport { Label } from \"../Label\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\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    orientation = \"vertical\",\n    onChange,\n    className,\n    errorMessage,\n    children,\n    defaultValue = [],\n    isReadOnly,\n    ...rest\n  } = props;\n  const [selected, setSelected] = useState<string[]>(defaultValue);\n  const checkboxGroupClasses = classNames(\n    \"mobius\",\n    \"mobius/CheckboxGroup\",\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 labelClasses = classNames({\n    \"--is-valid\": validationState === \"valid\",\n    \"--is-invalid\": validationState === \"invalid\",\n    \"--is-disabled\": isDisabled,\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 = (event: ChangeEvent<CheckboxElementType>) => {\n    const {\n      target: { value, checked },\n    } = event;\n\n    if (!checked) {\n      setSelected(selected.filter(item => item !== value));\n    }\n\n    if (checked) {\n      setSelected([...selected, value]);\n    }\n  };\n\n  useEffect(() => {\n    if (onChange) {\n      onChange(selected);\n    }\n  }, [selected, onChange]);\n\n  return (\n    <div\n      {...rest}\n      aria-labelledby={props[\"aria-labelledby\"] || labelId}\n      ref={ref}\n      className={checkboxGroupClasses}\n      role=\"group\"\n    >\n      {label && (\n        <Label elementType=\"span\" id={labelId} className={labelClasses}>\n          {label}\n        </Label>\n      )}\n      <div className=\"mobius/CheckboxWrapper\">\n        {Children.map(children, child => {\n          if (isValidElement(child)) {\n            return cloneElement(child as ReactElement, {\n              orientation,\n              isDisabled,\n              isRequired,\n              isReadOnly,\n              validationState,\n              defaultSelected: 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"],"names":["CheckboxGroup","forwardRef","props","ref","label","isDisabled","isRequired","validationState","orientation","onChange","className","errorMessage","children","defaultValue","isReadOnly","rest","selected","setSelected","useState","checkboxGroupClasses","classNames","labelClasses","errorMessageId","useId","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","labelId","handleChange","event","target","value","checked","filter","item","useEffect","div","aria-labelledby","role","Label","elementType","id","Children","map","child","isValidElement","cloneElement","defaultSelected","includes","ErrorMessage"],"mappings":"AAAA;;;;;+BAyBaA;;;eAAAA;;;;uBAbN;+DACgB;uBAQD;8BACO;oCACM;;;;;;AAE5B,MAAMA,8BAGTC,IAAAA,iBAAU,EAAC,CAACC,OAA2BC;IACzC,MAAM,EACJC,KAAK,EACLC,aAAa,KAAK,EAClBC,UAAU,EACVC,eAAe,EACfC,cAAc,UAAU,EACxBC,QAAQ,EACRC,SAAS,EACTC,YAAY,EACZC,QAAQ,EACRC,eAAe,EAAE,EACjBC,UAAU,EACV,GAAGC,MACJ,GAAGb;IACJ,MAAM,CAACc,UAAUC,YAAY,GAAGC,IAAAA,eAAQ,EAAWL;IACnD,MAAMM,uBAAuBC,IAAAA,eAAU,EACrC,UACA,wBACAV,WACA;QACE,mBAAmBF,gBAAgB;QACnC,iBAAiBA,gBAAgB;QACjC,iBAAiB,OAAOF,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD;IAEF,MAAMe,eAAeD,IAAAA,eAAU,EAAC;QAC9B,cAAcb,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiBF;IACnB;IACA,MAAMiB,iBAAiBC,IAAAA,YAAK;IAC5B,MAAMC,yBAAyBb,eAAeW,iBAAiBG;IAC/D,MAAMC,cAAcC,IAAAA,sCAAkB,EAAC;QACrCH;QACAtB,KAAK,CAAC,mBAAmB;KAC1B;IACD,MAAM0B,UAAUL,IAAAA,YAAK;IAErB,MAAMM,eAAe,CAACC;QACpB,MAAM,EACJC,QAAQ,EAAEC,KAAK,EAAEC,OAAO,EAAE,EAC3B,GAAGH;QAEJ,IAAI,CAACG,SAAS;YACZhB,YAAYD,SAASkB,MAAM,CAACC,CAAAA,OAAQA,SAASH;QAC/C;QAEA,IAAIC,SAAS;YACXhB,YAAY;mBAAID;gBAAUgB;aAAM;QAClC;IACF;IAEAI,IAAAA,gBAAS,EAAC;QACR,IAAI3B,UAAU;YACZA,SAASO;QACX;IACF,GAAG;QAACA;QAAUP;KAAS;IAEvB,qBACE,sBAAC4B;QACE,GAAGtB,IAAI;QACRuB,mBAAiBpC,KAAK,CAAC,kBAAkB,IAAI0B;QAC7CzB,KAAKA;QACLO,WAAWS;QACXoB,MAAK;;YAEJnC,uBACC,qBAACoC,YAAK;gBAACC,aAAY;gBAAOC,IAAId;gBAASlB,WAAWW;0BAC/CjB;;0BAGL,qBAACiC;gBAAI3B,WAAU;0BACZiC,eAAQ,CAACC,GAAG,CAAChC,UAAUiC,CAAAA;oBACtB,kBAAIC,IAAAA,qBAAc,EAACD,QAAQ;wBACzB,qBAAOE,IAAAA,mBAAY,EAACF,OAAuB;4BACzCrC;4BACAH;4BACAC;4BACAQ;4BACAP;4BACAyC,iBAAiBhC,SAASiC,QAAQ,CAACJ,MAAM3C,KAAK,CAAC8B,KAAK;4BACpDvB,UAAUoB;4BACV,oBAAoBH;wBACtB;oBACF;oBAEA,OAAOmB;gBACT;;YAEDlC,8BACC,qBAACuC,0BAAY;gBAACR,IAAIpB;gBAAgBX,cAAcA;;;;AAIxD"}

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Checkbox"), exports);
+_export_star(require("./CheckboxGroup"), exports);
+_export_star(require("./types"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}
+
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/src/components/Checkbox/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/src/components/Checkbox/types.js.map

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