@simplybusiness/mobius 4.2.7 → 4.2.8

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

@@ -1,48 +1,49 @@
-"use strict";
 "use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dedupe_1 = __importDefault(require("classnames/dedupe"));
-const Loading_1 = require("./Loading");
-const useButton_1 = require("../../hooks/useButton");
+"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 = (0, react_1.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 } = props, otherProps = __rest(props, ["children", "elementType", "isDisabled", "isLoading", "isSuccess", "variant", "size", "icon", "iconPosition", "onPress", "onClick"]);
-    const { buttonProps } = (0, useButton_1.useButton)(props);
+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_1.default)("mobius", "mobius/Button", `--variant-${variant}`, `--size-${size}`, {
+    const classes = (0, _dedupe.default)("mobius", "mobius/Button", `--variant-${variant}`, `--size-${size}`, {
         "--is-disabled": isDisabled,
         "--is-loading": isLoading,
-        "--is-success": isSuccess && !isLoading,
+        "--is-success": isSuccess && !isLoading
     }, otherProps.className);
     otherProps.className = classes;
-    return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref }, buttonProps, otherProps, { children: isLoading ? (0, jsx_runtime_1.jsx)(Loading_1.Loading, {}) : children && children })));
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
+        ref: ref,
+        ...buttonProps,
+        ...otherProps,
+        children: isLoading ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Loading.Loading, {}) : children && children
+    });
 });
-exports.Button = Button;
 Button.displayName = "Button";
+
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAAkE;AAClE,+DAA2C;AAG3C,uCAAoC;AACpC,qDAAkE;AAElE,IAAI,6BAA6B,GAAG,KAAK,CAAC;AAyC1C,MAAM,MAAM,GACV,IAAA,kBAAU,EAAC,CAAC,KAAkB,EAAE,GAAc,EAAE,EAAE;IAChD,MAAM,EACJ,QAAQ,EACR,WAAW,EAAE,SAAS,GAAG,QAAQ,EACjC,UAAU,EACV,SAAS,EACT,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,YAAY;IACZ,6DAA6D;IAC7D,OAAO;IACP,6DAA6D;IAC7D,OAAO,KAEL,KAAK,EADJ,UAAU,UACX,KAAK,EAfH,oIAeL,CAAQ,CAAC;IACV,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,qBAAS,EAAC,KAAK,CAAC,CAAC;IAEzC,IAAI,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,6BAA6B,EAAE,CAAC;QAC7D,sCAAsC;QACtC,OAAO,CAAC,IAAI,CACV,uJAAuJ,CACxJ,CAAC;QACF,6BAA6B,GAAG,IAAI,CAAC;IACvC,CAAC;IAED,gDAAgD;IAChD,MAAM,OAAO,GAAG,IAAA,gBAAU,EACxB,QAAQ,EACR,eAAe,EACf,aAAa,OAAO,EAAE,EACtB,UAAU,IAAI,EAAE,EAChB;QACE,eAAe,EAAE,UAAU;QAC3B,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,SAAS,IAAI,CAAC,SAAS;KACxC,EACD,UAAU,CAAC,SAAS,CACrB,CAAC;IACF,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC;IAE/B,OAAO,CACL,uBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,IAAM,WAAW,EAAM,UAAU,cACjD,SAAS,CAAC,CAAC,CAAC,uBAAC,iBAAO,KAAG,CAAC,CAAC,CAAC,QAAQ,IAAI,QAAQ,IACrC,CACb,CAAC;AACJ,CAAC,CAAC,CAAC;AAGI,wBAAM;AADf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"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/components/Button/Loading.js

@@ -1,9 +1,30 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loading = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("@simplybusiness/icons");
-const Icon_1 = require("../Icon");
-const Loading = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "mobius/ButtonIconWrapper", children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.loading, spin: true }) }), (0, jsx_runtime_1.jsx)("span", { className: "mobius/LoadingText", children: "Loading" })] }));
-exports.Loading = Loading;
+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/components/Button/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../src/components/Button/Loading.tsx"],"names":[],"mappings":";;;;AAAA,iDAAgD;AAChD,kCAA+B;AAE/B,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,CACpB,6DACE,gCAAK,SAAS,EAAC,0BAA0B,YACvC,uBAAC,WAAI,IAAC,IAAI,EAAE,eAAO,EAAE,IAAI,SAAG,GACxB,EACN,iCAAM,SAAS,EAAC,oBAAoB,wBAAe,IAClD,CACJ,CAAC;AAEO,0BAAO"}
+{"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/components/Button/index.js

@@ -1,18 +1,20 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Button"), exports);
+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/components/Button/index.js.map

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

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

@@ -1,58 +1,102 @@
-"use strict";
 "use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dedupe_1 = __importDefault(require("classnames/dedupe"));
-const ErrorMessage_1 = require("../ErrorMessage");
-const spaceDelimitedList_1 = require("../../utils/spaceDelimitedList");
-exports.Checkbox = (0, react_1.forwardRef)((props, ref) => {
-    const { id, label, isDisabled, isRequired, validationState, onChange, className, errorMessage, defaultSelected = false, isReadOnly, value, } = props;
-    const [selected, setSelected] = (0, react_1.useState)(defaultSelected);
-    const fallbackRef = (0, react_1.useRef)(null);
+"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_1.useId)();
-    const checkboxClasses = (0, dedupe_1.default)({
+    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,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired
     }, className);
     // Append an additional wrapper class name to differenitate from input
-    const wrapperClasses = (0, dedupe_1.default)("mobius", "mobius/Checkbox", checkboxClasses);
-    const inputClasses = (0, dedupe_1.default)("mobius/CheckboxInput", checkboxClasses);
-    const errorMessageId = (0, react_1.useId)();
+    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_1.spaceDelimitedList)([
+    const describedBy = (0, _spaceDelimitedList.spaceDelimitedList)([
         shouldErrorMessageShow,
-        props["aria-describedby"],
+        props["aria-describedby"]
     ]);
-    const labelId = (0, react_1.useId)();
-    const toggleState = () => {
+    const labelId = (0, _react.useId)();
+    const toggleState = ()=>{
         setSelected(!selected);
     };
-    const handleClick = (event) => {
+    const handleClick = (event)=>{
         const isMouseEvent = event.clientX;
         if (isMouseEvent) {
             toggleState();
         }
     };
-    const handleChange = (event) => {
+    const handleChange = (event)=>{
         if (onChange) {
             onChange(event);
         }
     };
-    const handleKeyDown = (event) => {
+    const handleKeyDown = (event)=>{
         if (event.code === "Space") {
             toggleState();
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", { id: labelId, className: wrapperClasses, children: [(0, jsx_runtime_1.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 }), (0, jsx_runtime_1.jsx)("span", { className: "mobius/CheckboxLabel", children: label })] }), (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { id: errorMessageId, errorMessage: errorMessage })] }));
+    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/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}
+{"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/components/Checkbox/CheckboxGroup.js

@@ -1,65 +1,84 @@
-"use strict";
 "use client";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxGroup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dedupe_1 = __importDefault(require("classnames/dedupe"));
-const Label_1 = require("../Label");
-const ErrorMessage_1 = require("../ErrorMessage");
-const spaceDelimitedList_1 = require("../../utils/spaceDelimitedList");
-exports.CheckboxGroup = (0, react_1.forwardRef)((props, ref) => {
-    const { label, isDisabled = false, isRequired, validationState, orientation = "vertical", onChange, className, errorMessage, children, defaultValue = [], isReadOnly } = props, rest = __rest(props, ["label", "isDisabled", "isRequired", "validationState", "orientation", "onChange", "className", "errorMessage", "children", "defaultValue", "isReadOnly"]);
-    const [selected, setSelected] = (0, react_1.useState)(defaultValue);
-    const checkboxGroupClasses = (0, dedupe_1.default)("mobius", "mobius/CheckboxGroup", className, {
+"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,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired
     });
-    const labelClasses = (0, dedupe_1.default)({
+    const labelClasses = (0, _dedupe.default)({
         "--is-valid": validationState === "valid",
         "--is-invalid": validationState === "invalid",
-        "--is-disabled": isDisabled,
+        "--is-disabled": isDisabled
     });
-    const errorMessageId = (0, react_1.useId)();
+    const errorMessageId = (0, _react.useId)();
     const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
-    const describedBy = (0, spaceDelimitedList_1.spaceDelimitedList)([
+    const describedBy = (0, _spaceDelimitedList.spaceDelimitedList)([
         shouldErrorMessageShow,
-        props["aria-describedby"],
+        props["aria-describedby"]
     ]);
-    const labelId = (0, react_1.useId)();
-    const handleChange = (event) => {
-        const { target: { value, checked }, } = event;
+    const labelId = (0, _react.useId)();
+    const handleChange = (event)=>{
+        const { target: { value, checked } } = event;
         if (!checked) {
-            setSelected(selected.filter(item => item !== value));
+            setSelected(selected.filter((item)=>item !== value));
         }
         if (checked) {
-            setSelected([...selected, value]);
+            setSelected([
+                ...selected,
+                value
+            ]);
         }
     };
-    (0, react_1.useEffect)(() => {
+    (0, _react.useEffect)(()=>{
         if (onChange) {
             onChange(selected);
         }
-    }, [selected, onChange]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rest, { "aria-labelledby": props["aria-labelledby"] || labelId, ref: ref, className: checkboxGroupClasses, role: "group", children: [label && ((0, jsx_runtime_1.jsx)(Label_1.Label, { elementType: "span", id: labelId, className: labelClasses, children: label })), (0, jsx_runtime_1.jsx)("div", { className: "mobius/CheckboxWrapper", children: react_1.Children.map(children, child => {
-                    if ((0, react_1.isValidElement)(child)) {
-                        return (0, react_1.cloneElement)(child, {
+    }, [
+        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,
@@ -67,10 +86,18 @@ exports.CheckboxGroup = (0, react_1.forwardRef)((props, ref) => {
                             validationState,
                             defaultSelected: selected.includes(child.props.value),
                             onChange: handleChange,
-                            "aria-describedby": describedBy,
+                            "aria-describedby": describedBy
                         });
                     }
                     return child;
-                }) }), errorMessage && ((0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { id: errorMessageId, errorMessage: errorMessage }))] })));
+                })
+            }),
+            errorMessage && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {
+                id: errorMessageId,
+                errorMessage: errorMessage
+            })
+        ]
+    });
 });
+
 //# sourceMappingURL=CheckboxGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/CheckboxGroup.tsx"],"names":[],"mappings":"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"}
+{"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/components/Checkbox/index.js

@@ -1,20 +1,22 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Checkbox"), exports);
-__exportStar(require("./CheckboxGroup"), exports);
-__exportStar(require("./types"), exports);
+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/components/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,kDAAgC;AAChC,0CAAwB"}
+{"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/components/Checkbox/types.js

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

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

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