@simplybusiness/mobius 4.2.7 → 4.2.8

package/dist/cjs/components/Select/Select.js

@@ -1,56 +1,91 @@
-"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.Select = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const dedupe_1 = __importDefault(require("classnames/dedupe"));
-const react_1 = require("react");
-const useLabel_1 = require("../../hooks/useLabel");
-const spaceDelimitedList_1 = require("../../utils/spaceDelimitedList");
-const ErrorMessage_1 = require("../ErrorMessage");
-const Flex_1 = require("../Flex");
-const Label_1 = require("../Label");
-const Select = (0, react_1.forwardRef)((props, ref) => {
-    const { label, onChange, validationState, errorMessage, isDisabled = false, isRequired } = props, otherProps = __rest(props, ["label", "onChange", "validationState", "errorMessage", "isDisabled", "isRequired"]);
-    const { labelProps, fieldProps } = (0, useLabel_1.useLabel)(Object.assign({ label }, otherProps));
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Select", {
+    enumerable: true,
+    get: function() {
+        return Select;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _react = require("react");
+const _useLabel = require("../../hooks/useLabel");
+const _spaceDelimitedList = require("../../utils/spaceDelimitedList");
+const _ErrorMessage = require("../ErrorMessage");
+const _Flex = require("../Flex");
+const _Label = require("../Label");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Select = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const { label, onChange, validationState, errorMessage, isDisabled = false, isRequired, ...otherProps } = props;
+    const { labelProps, fieldProps } = (0, _useLabel.useLabel)({
+        label,
+        ...otherProps
+    });
     const stateClasses = {
         "--is-disabled": isDisabled,
         "--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
     };
-    const wrapperClasses = (0, dedupe_1.default)("mobius/SelectWrapper", stateClasses, otherProps.className);
-    const selectClasses = (0, dedupe_1.default)("mobius/Select", stateClasses, otherProps.className);
-    const labelClasses = (0, dedupe_1.default)("mobius/Label", stateClasses, otherProps.className);
-    const iconClasses = (0, dedupe_1.default)("mobius/SelectIcon", stateClasses);
-    const errorMessageId = (0, react_1.useId)();
+    const wrapperClasses = (0, _dedupe.default)("mobius/SelectWrapper", stateClasses, otherProps.className);
+    const selectClasses = (0, _dedupe.default)("mobius/Select", stateClasses, otherProps.className);
+    const labelClasses = (0, _dedupe.default)("mobius/Label", stateClasses, otherProps.className);
+    const iconClasses = (0, _dedupe.default)("mobius/SelectIcon", stateClasses);
+    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 handleChange = (e) => {
+    const handleChange = (e)=>{
         if (onChange) {
             onChange(e);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "column", className: "mobius mobius/SelectOuter", children: [label && ((0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({}, labelProps, { className: labelClasses, children: label }))), (0, jsx_runtime_1.jsxs)("div", { className: wrapperClasses, children: [(0, jsx_runtime_1.jsx)("select", Object.assign({}, otherProps, fieldProps, { ref: ref, multiple: false, className: selectClasses, disabled: isDisabled, "aria-invalid": !!errorMessage, "aria-describedby": describedBy, "aria-required": isRequired, onChange: handleChange })), (0, jsx_runtime_1.jsx)("span", { className: iconClasses })] }), errorMessage && ((0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { id: errorMessageId, errorMessage: errorMessage }))] }));
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Flex.Flex, {
+        flexDirection: "column",
+        className: "mobius mobius/SelectOuter",
+        children: [
+            label && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
+                ...labelProps,
+                className: labelClasses,
+                children: label
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: wrapperClasses,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("select", {
+                        ...otherProps,
+                        ...fieldProps,
+                        ref: ref,
+                        multiple: false,
+                        className: selectClasses,
+                        disabled: isDisabled,
+                        "aria-invalid": !!errorMessage,
+                        "aria-describedby": describedBy,
+                        "aria-required": isRequired,
+                        onChange: handleChange
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: iconClasses
+                    })
+                ]
+            }),
+            errorMessage && /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {
+                id: errorMessageId,
+                errorMessage: errorMessage
+            })
+        ]
+    });
 });
-exports.Select = Select;
 Select.displayName = "Select";
+
 //# sourceMappingURL=Select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,+DAA2C;AAC3C,iCAOe;AACf,mDAA+D;AAG/D,uEAAoE;AACpE,kDAA+C;AAC/C,kCAA+B;AAC/B,oCAAiC;AAsBjC,MAAM,MAAM,GACV,IAAA,kBAAU,EAAC,CAAC,KAAkB,EAAE,GAAc,EAAE,EAAE;IAChD,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,UAAU,GAAG,KAAK,EAClB,UAAU,KAER,KAAK,EADJ,UAAU,UACX,KAAK,EARH,oFAQL,CAAQ,CAAC;IAEV,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,mBAAQ,kBACzC,KAAK,IACF,UAAU,EACb,CAAC;IAEH,MAAM,YAAY,GAAG;QACnB,eAAe,EAAE,UAAU;QAC3B,YAAY,EAAE,eAAe,KAAK,OAAO;QACzC,cAAc,EAAE,eAAe,KAAK,SAAS;QAC7C,eAAe,EAAE,OAAO,UAAU,KAAK,SAAS,IAAI,UAAU;QAC9D,eAAe,EAAE,OAAO,UAAU,KAAK,SAAS,IAAI,CAAC,UAAU;KAChE,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,gBAAU,EAC/B,sBAAsB,EACtB,YAAY,EACZ,UAAU,CAAC,SAAS,CACrB,CAAC;IACF,MAAM,aAAa,GAAG,IAAA,gBAAU,EAC9B,eAAe,EACf,YAAY,EACZ,UAAU,CAAC,SAAS,CACrB,CAAC;IACF,MAAM,YAAY,GAAG,IAAA,gBAAU,EAC7B,cAAc,EACd,YAAY,EACZ,UAAU,CAAC,SAAS,CACrB,CAAC;IACF,MAAM,WAAW,GAAG,IAAA,gBAAU,EAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;IAClE,MAAM,cAAc,GAAG,IAAA,aAAK,GAAE,CAAC;IAC/B,MAAM,sBAAsB,GAAG,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC;IACzE,MAAM,WAAW,GAAG,IAAA,uCAAkB,EAAC;QACrC,sBAAsB;QACtB,KAAK,CAAC,kBAAkB,CAAC;KAC1B,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,CAAiC,EAAE,EAAE;QACzD,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,CAAC,CAAC,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,WAAI,IAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAC,2BAA2B,aAC/D,KAAK,IAAI,CACR,uBAAC,aAAK,oBAAK,UAAU,IAAE,SAAS,EAAE,YAAY,YAC3C,KAAK,IACA,CACT,EACD,iCAAK,SAAS,EAAE,cAAc,aAC5B,mDACM,UAAU,EACV,UAAU,IACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,UAAU,kBACN,CAAC,CAAC,YAAY,sBACV,WAAW,mBACd,UAAU,EACzB,QAAQ,EAAE,YAAY,IACtB,EACF,iCAAM,SAAS,EAAE,WAAW,GAAI,IAC5B,EACL,YAAY,IAAI,CACf,uBAAC,2BAAY,IAAC,EAAE,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,GAAI,CACjE,IACI,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAGI,wBAAM;AADf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
+{"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  ChangeEvent,\n  ReactElement,\n  Ref,\n  RefAttributes,\n  forwardRef,\n  useId,\n} from \"react\";\nimport { UseLabelProps, useLabel } from \"../../hooks/useLabel\";\nimport { DOMProps, Validation } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Flex } from \"../Flex\";\nimport { Label } from \"../Label\";\nimport { OptionProps } from \"../Option\";\n\nexport type SelectElementType = HTMLSelectElement;\nexport interface SelectProps\n  extends UseLabelProps,\n    Validation,\n    DOMProps,\n    RefAttributes<SelectElementType> {\n  name?: string;\n  onChange?: (e: ChangeEvent<HTMLSelectElement>) => void;\n  value?: string;\n  defaultValue?: string;\n  className?: string;\n  errorMessage?: string;\n  children?: ReactElement<OptionProps>[] | ReactElement<OptionProps>;\n  \"aria-describedby\"?: string;\n  isDisabled?: boolean;\n}\n\nexport type SelectRef = Ref<SelectElementType>;\n\nconst Select: ForwardedRefComponent<SelectProps, SelectElementType> =\n  forwardRef((props: SelectProps, ref: SelectRef) => {\n    const {\n      label,\n      onChange,\n      validationState,\n      errorMessage,\n      isDisabled = false,\n      isRequired,\n      ...otherProps\n    } = props;\n\n    const { labelProps, fieldProps } = useLabel({\n      label,\n      ...otherProps,\n    });\n\n    const stateClasses = {\n      \"--is-disabled\": isDisabled,\n      \"--is-valid\": validationState === \"valid\",\n      \"--is-invalid\": validationState === \"invalid\",\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    };\n\n    const wrapperClasses = classNames(\n      \"mobius/SelectWrapper\",\n      stateClasses,\n      otherProps.className,\n    );\n    const selectClasses = classNames(\n      \"mobius/Select\",\n      stateClasses,\n      otherProps.className,\n    );\n    const labelClasses = classNames(\n      \"mobius/Label\",\n      stateClasses,\n      otherProps.className,\n    );\n    const iconClasses = classNames(\"mobius/SelectIcon\", stateClasses);\n    const errorMessageId = useId();\n    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;\n    const describedBy = spaceDelimitedList([\n      shouldErrorMessageShow,\n      props[\"aria-describedby\"],\n    ]);\n\n    const handleChange = (e: ChangeEvent<HTMLSelectElement>) => {\n      if (onChange) {\n        onChange(e);\n      }\n    };\n\n    return (\n      <Flex flexDirection=\"column\" className=\"mobius mobius/SelectOuter\">\n        {label && (\n          <Label {...labelProps} className={labelClasses}>\n            {label}\n          </Label>\n        )}\n        <div className={wrapperClasses}>\n          <select\n            {...otherProps}\n            {...fieldProps}\n            ref={ref}\n            multiple={false}\n            className={selectClasses}\n            disabled={isDisabled}\n            aria-invalid={!!errorMessage}\n            aria-describedby={describedBy}\n            aria-required={isRequired}\n            onChange={handleChange}\n          />\n          <span className={iconClasses} />\n        </div>\n        {errorMessage && (\n          <ErrorMessage id={errorMessageId} errorMessage={errorMessage} />\n        )}\n      </Flex>\n    );\n  });\n\nSelect.displayName = \"Select\";\nexport { Select };\n"],"names":["Select","forwardRef","props","ref","label","onChange","validationState","errorMessage","isDisabled","isRequired","otherProps","labelProps","fieldProps","useLabel","stateClasses","wrapperClasses","classNames","className","selectClasses","labelClasses","iconClasses","errorMessageId","useId","shouldErrorMessageShow","undefined","describedBy","spaceDelimitedList","handleChange","e","Flex","flexDirection","Label","div","select","multiple","disabled","aria-invalid","aria-describedby","aria-required","span","ErrorMessage","id","displayName"],"mappings":"AAAA;;;;;+BA2HSA;;;eAAAA;;;;+DAzHc;uBAQhB;0BACiC;oCAGL;8BACN;sBACR;uBACC;;;;;;AAsBtB,MAAMA,uBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAoBC;IAC9B,MAAM,EACJC,KAAK,EACLC,QAAQ,EACRC,eAAe,EACfC,YAAY,EACZC,aAAa,KAAK,EAClBC,UAAU,EACV,GAAGC,YACJ,GAAGR;IAEJ,MAAM,EAAES,UAAU,EAAEC,UAAU,EAAE,GAAGC,IAAAA,kBAAQ,EAAC;QAC1CT;QACA,GAAGM,UAAU;IACf;IAEA,MAAMI,eAAe;QACnB,iBAAiBN;QACjB,cAAcF,oBAAoB;QAClC,gBAAgBA,oBAAoB;QACpC,iBAAiB,OAAOG,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;IACvD;IAEA,MAAMM,iBAAiBC,IAAAA,eAAU,EAC/B,wBACAF,cACAJ,WAAWO,SAAS;IAEtB,MAAMC,gBAAgBF,IAAAA,eAAU,EAC9B,iBACAF,cACAJ,WAAWO,SAAS;IAEtB,MAAME,eAAeH,IAAAA,eAAU,EAC7B,gBACAF,cACAJ,WAAWO,SAAS;IAEtB,MAAMG,cAAcJ,IAAAA,eAAU,EAAC,qBAAqBF;IACpD,MAAMO,iBAAiBC,IAAAA,YAAK;IAC5B,MAAMC,yBAAyBhB,eAAec,iBAAiBG;IAC/D,MAAMC,cAAcC,IAAAA,sCAAkB,EAAC;QACrCH;QACArB,KAAK,CAAC,mBAAmB;KAC1B;IAED,MAAMyB,eAAe,CAACC;QACpB,IAAIvB,UAAU;YACZA,SAASuB;QACX;IACF;IAEA,qBACE,sBAACC,UAAI;QAACC,eAAc;QAASb,WAAU;;YACpCb,uBACC,qBAAC2B,YAAK;gBAAE,GAAGpB,UAAU;gBAAEM,WAAWE;0BAC/Bf;;0BAGL,sBAAC4B;gBAAIf,WAAWF;;kCACd,qBAACkB;wBACE,GAAGvB,UAAU;wBACb,GAAGE,UAAU;wBACdT,KAAKA;wBACL+B,UAAU;wBACVjB,WAAWC;wBACXiB,UAAU3B;wBACV4B,gBAAc,CAAC,CAAC7B;wBAChB8B,oBAAkBZ;wBAClBa,iBAAe7B;wBACfJ,UAAUsB;;kCAEZ,qBAACY;wBAAKtB,WAAWG;;;;YAElBb,8BACC,qBAACiC,0BAAY;gBAACC,IAAIpB;gBAAgBd,cAAcA;;;;AAIxD;AAEFP,OAAO0C,WAAW,GAAG"}

package/dist/cjs/components/Select/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("./Select"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Select"), 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/Select/index.js.map

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

package/dist/cjs/components/Slider/Slider.js

@@ -1,51 +1,115 @@
-"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.Slider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const dedupe_1 = __importDefault(require("classnames/dedupe"));
-const react_1 = require("react");
-const hooks_1 = require("../../hooks");
-const Label_1 = require("../Label");
-const helpers_1 = require("./helpers");
-const Slider = (props) => {
-    const { id, className, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, minValue, maxValue, step = 1, defaultValue = 0, value, onChange, onChangeEnd, variant = "primary", minLabel, maxLabel, formatOptions, isDisabled = false, } = props;
-    const trackRef = (0, react_1.useRef)(null);
-    const [currentValue, setCurrentValue] = (0, react_1.useState)(value || defaultValue || 0);
-    const [isDragging, setIsDraggging] = (0, react_1.useState)(false);
-    const { labelProps, fieldProps } = (0, hooks_1.useLabel)({
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Slider", {
+    enumerable: true,
+    get: function() {
+        return Slider;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
+const _react = require("react");
+const _hooks = require("../../hooks");
+const _Label = require("../Label");
+const _helpers = require("./helpers");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const Slider = (props)=>{
+    const { id, className, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, minValue, maxValue, step = 1, defaultValue = 0, value, onChange, onChangeEnd, variant = "primary", minLabel, maxLabel, formatOptions, isDisabled = false } = props;
+    const trackRef = (0, _react.useRef)(null);
+    const [currentValue, setCurrentValue] = (0, _react.useState)(value || defaultValue || 0);
+    const [isDragging, setIsDraggging] = (0, _react.useState)(false);
+    const { labelProps, fieldProps } = (0, _hooks.useLabel)({
         id,
         label,
         "aria-label": ariaLabel,
-        "aria-labelledby": ariaLabelledBy,
+        "aria-labelledby": ariaLabelledBy
     });
-    const formattedValue = (0, helpers_1.numberFormatter)(currentValue, formatOptions);
-    const classes = (0, dedupe_1.default)("mobius", "mobius/Slider", className, {
+    const formattedValue = (0, _helpers.numberFormatter)(currentValue, formatOptions);
+    const classes = (0, _dedupe.default)("mobius", "mobius/Slider", className, {
         "--is-disabled": isDisabled,
         "--is-primary": variant === "primary",
         "--is-secondary": variant === "secondary",
-        "--is-dragging": isDragging,
+        "--is-dragging": isDragging
     });
-    const handleChange = (e) => {
+    const handleChange = (e)=>{
         const val = +e.target.value;
         setCurrentValue(val);
         if (onChange) {
             onChange(val);
         }
     };
-    const handleChangeStart = () => {
+    const handleChangeStart = ()=>{
         setIsDraggging(true);
     };
-    const handleChangeEnd = () => {
+    const handleChangeEnd = ()=>{
         setIsDraggging(false);
         if (onChangeEnd) {
             onChangeEnd(currentValue);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: classes, children: [(0, jsx_runtime_1.jsxs)("div", { className: "mobius/SliderLabelWrapper", children: [label && (0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({}, labelProps, { children: label })), label && ((0, jsx_runtime_1.jsx)("output", { style: { flex: "1 0 auto", textAlign: "end" }, children: formattedValue }))] }), (0, jsx_runtime_1.jsx)("div", { ref: trackRef, className: "mobius mobius/SliderTrackWrapper", children: (0, jsx_runtime_1.jsx)("input", Object.assign({ className: "mobius/SliderTrack", type: "range", min: minValue, max: maxValue, value: currentValue, step: step, onChange: handleChange, autoComplete: "off", disabled: isDisabled, onMouseDown: handleChangeStart, onMouseUp: handleChangeEnd, onKeyDown: handleChangeStart, onKeyUp: handleChangeEnd }, fieldProps)) }), (0, jsx_runtime_1.jsxs)("div", { className: "mobius/SliderLabels", children: [(0, jsx_runtime_1.jsx)("div", { className: "mobius/SliderMinLabel", "data-testid": "min-label", children: minLabel }), (0, jsx_runtime_1.jsx)("div", { className: "mobius/SliderMaxLabel", "data-testid": "max-label", children: maxLabel })] })] }));
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: classes,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "mobius/SliderLabelWrapper",
+                children: [
+                    label && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
+                        ...labelProps,
+                        children: label
+                    }),
+                    label && /*#__PURE__*/ (0, _jsxruntime.jsx)("output", {
+                        style: {
+                            flex: "1 0 auto",
+                            textAlign: "end"
+                        },
+                        children: formattedValue
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                ref: trackRef,
+                className: "mobius mobius/SliderTrackWrapper",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                    className: "mobius/SliderTrack",
+                    type: "range",
+                    min: minValue,
+                    max: maxValue,
+                    value: currentValue,
+                    step: step,
+                    onChange: handleChange,
+                    autoComplete: "off",
+                    disabled: isDisabled,
+                    onMouseDown: handleChangeStart,
+                    onMouseUp: handleChangeEnd,
+                    onKeyDown: handleChangeStart,
+                    onKeyUp: handleChangeEnd,
+                    ...fieldProps
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: "mobius/SliderLabels",
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "mobius/SliderMinLabel",
+                        "data-testid": "min-label",
+                        children: minLabel
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "mobius/SliderMaxLabel",
+                        "data-testid": "max-label",
+                        children: maxLabel
+                    })
+                ]
+            })
+        ]
+    });
 };
-exports.Slider = Slider;
+
 //# sourceMappingURL=Slider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport { ChangeEvent, useRef, useState } from \"react\";\nimport { DOMProps } from \"../../types/dom\";\nimport { UseLabelProps, useLabel } from \"../../hooks\";\nimport { Label } from \"../Label\";\nimport { numberFormatter } from \"./helpers\";\n\nexport interface SliderProps extends DOMProps, UseLabelProps {\n  label?: string;\n  variant?: \"primary\" | \"secondary\";\n  className?: string;\n  minValue?: number;\n  maxValue?: number;\n  defaultValue?: number;\n  value?: number;\n  step?: number;\n  isDisabled?: boolean;\n  onChange?: (value: number | undefined) => void;\n  onChangeEnd?: (value: number | undefined) => void;\n  minLabel?: string;\n  maxLabel?: string;\n  formatOptions?: Intl.NumberFormatOptions;\n}\n\nexport const Slider = (props: SliderProps) => {\n  const {\n    id,\n    className,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    minValue,\n    maxValue,\n    step = 1,\n    defaultValue = 0,\n    value,\n    onChange,\n    onChangeEnd,\n    variant = \"primary\",\n    minLabel,\n    maxLabel,\n    formatOptions,\n    isDisabled = false,\n  } = props;\n  const trackRef = useRef(null);\n  const [currentValue, setCurrentValue] = useState<number>(\n    value || defaultValue || 0,\n  );\n  const [isDragging, setIsDraggging] = useState<boolean>(false);\n  const { labelProps, fieldProps } = useLabel({\n    id,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n  });\n  const formattedValue = numberFormatter(currentValue, formatOptions);\n\n  const classes = classNames(\"mobius\", \"mobius/Slider\", className, {\n    \"--is-disabled\": isDisabled,\n    \"--is-primary\": variant === \"primary\",\n    \"--is-secondary\": variant === \"secondary\",\n    \"--is-dragging\": isDragging,\n  });\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const val = +e.target.value;\n    setCurrentValue(val);\n    if (onChange) {\n      onChange(val);\n    }\n  };\n\n  const handleChangeStart = () => {\n    setIsDraggging(true);\n  };\n\n  const handleChangeEnd = () => {\n    setIsDraggging(false);\n    if (onChangeEnd) {\n      onChangeEnd(currentValue);\n    }\n  };\n\n  return (\n    <div className={classes}>\n      <div className=\"mobius/SliderLabelWrapper\">\n        {label && <Label {...labelProps}>{label}</Label>}\n        {label && (\n          <output style={{ flex: \"1 0 auto\", textAlign: \"end\" }}>\n            {formattedValue}\n          </output>\n        )}\n      </div>\n\n      {/* The track element holds the visible track line and the thumb. */}\n      <div ref={trackRef} className=\"mobius mobius/SliderTrackWrapper\">\n        <input\n          className=\"mobius/SliderTrack\"\n          type=\"range\"\n          min={minValue}\n          max={maxValue}\n          value={currentValue}\n          step={step}\n          onChange={handleChange}\n          autoComplete=\"off\"\n          disabled={isDisabled}\n          onMouseDown={handleChangeStart}\n          onMouseUp={handleChangeEnd}\n          onKeyDown={handleChangeStart}\n          onKeyUp={handleChangeEnd}\n          {...fieldProps}\n        />\n      </div>\n\n      <div className=\"mobius/SliderLabels\">\n        <div className=\"mobius/SliderMinLabel\" data-testid=\"min-label\">\n          {minLabel}\n        </div>\n        <div className=\"mobius/SliderMaxLabel\" data-testid=\"max-label\">\n          {maxLabel}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["Slider","props","id","className","label","ariaLabel","ariaLabelledBy","minValue","maxValue","step","defaultValue","value","onChange","onChangeEnd","variant","minLabel","maxLabel","formatOptions","isDisabled","trackRef","useRef","currentValue","setCurrentValue","useState","isDragging","setIsDraggging","labelProps","fieldProps","useLabel","formattedValue","numberFormatter","classes","classNames","handleChange","e","val","target","handleChangeStart","handleChangeEnd","div","Label","output","style","flex","textAlign","ref","input","type","min","max","autoComplete","disabled","onMouseDown","onMouseUp","onKeyDown","onKeyUp","data-testid"],"mappings":"AAAA;;;;;+BA0BaA;;;eAAAA;;;;+DAxBU;uBACuB;uBAEN;uBAClB;yBACU;;;;;;AAmBzB,MAAMA,SAAS,CAACC;IACrB,MAAM,EACJC,EAAE,EACFC,SAAS,EACTC,KAAK,EACL,cAAcC,SAAS,EACvB,mBAAmBC,cAAc,EACjCC,QAAQ,EACRC,QAAQ,EACRC,OAAO,CAAC,EACRC,eAAe,CAAC,EAChBC,KAAK,EACLC,QAAQ,EACRC,WAAW,EACXC,UAAU,SAAS,EACnBC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACbC,aAAa,KAAK,EACnB,GAAGjB;IACJ,MAAMkB,WAAWC,IAAAA,aAAM,EAAC;IACxB,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,IAAAA,eAAQ,EAC9CZ,SAASD,gBAAgB;IAE3B,MAAM,CAACc,YAAYC,eAAe,GAAGF,IAAAA,eAAQ,EAAU;IACvD,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAE,GAAGC,IAAAA,eAAQ,EAAC;QAC1C1B;QACAE;QACA,cAAcC;QACd,mBAAmBC;IACrB;IACA,MAAMuB,iBAAiBC,IAAAA,wBAAe,EAACT,cAAcJ;IAErD,MAAMc,UAAUC,IAAAA,eAAU,EAAC,UAAU,iBAAiB7B,WAAW;QAC/D,iBAAiBe;QACjB,gBAAgBJ,YAAY;QAC5B,kBAAkBA,YAAY;QAC9B,iBAAiBU;IACnB;IAEA,MAAMS,eAAe,CAACC;QACpB,MAAMC,MAAM,CAACD,EAAEE,MAAM,CAACzB,KAAK;QAC3BW,gBAAgBa;QAChB,IAAIvB,UAAU;YACZA,SAASuB;QACX;IACF;IAEA,MAAME,oBAAoB;QACxBZ,eAAe;IACjB;IAEA,MAAMa,kBAAkB;QACtBb,eAAe;QACf,IAAIZ,aAAa;YACfA,YAAYQ;QACd;IACF;IAEA,qBACE,sBAACkB;QAAIpC,WAAW4B;;0BACd,sBAACQ;gBAAIpC,WAAU;;oBACZC,uBAAS,qBAACoC,YAAK;wBAAE,GAAGd,UAAU;kCAAGtB;;oBACjCA,uBACC,qBAACqC;wBAAOC,OAAO;4BAAEC,MAAM;4BAAYC,WAAW;wBAAM;kCACjDf;;;;0BAMP,qBAACU;gBAAIM,KAAK1B;gBAAUhB,WAAU;0BAC5B,cAAA,qBAAC2C;oBACC3C,WAAU;oBACV4C,MAAK;oBACLC,KAAKzC;oBACL0C,KAAKzC;oBACLG,OAAOU;oBACPZ,MAAMA;oBACNG,UAAUqB;oBACViB,cAAa;oBACbC,UAAUjC;oBACVkC,aAAaf;oBACbgB,WAAWf;oBACXgB,WAAWjB;oBACXkB,SAASjB;oBACR,GAAGX,UAAU;;;0BAIlB,sBAACY;gBAAIpC,WAAU;;kCACb,qBAACoC;wBAAIpC,WAAU;wBAAwBqD,eAAY;kCAChDzC;;kCAEH,qBAACwB;wBAAIpC,WAAU;wBAAwBqD,eAAY;kCAChDxC;;;;;;AAKX"}

package/dist/cjs/components/Slider/helpers.js

@@ -1,35 +1,62 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.numberFormatter = exports.useWrappedValue = exports.useUnwrappedHandler = exports.wrapValue = exports.unwrapFirstValue = void 0;
-const react_1 = require("react");
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    numberFormatter: function() {
+        return numberFormatter;
+    },
+    unwrapFirstValue: function() {
+        return unwrapFirstValue;
+    },
+    useUnwrappedHandler: function() {
+        return useUnwrappedHandler;
+    },
+    useWrappedValue: function() {
+        return useWrappedValue;
+    },
+    wrapValue: function() {
+        return wrapValue;
+    }
+});
+const _react = require("react");
 function unwrapFirstValue(value) {
     if (Array.isArray(value)) {
         return value[0];
     }
     return value;
 }
-exports.unwrapFirstValue = unwrapFirstValue;
 function wrapValue(value) {
-    return value === undefined ? undefined : [value];
+    return value === undefined ? undefined : [
+        value
+    ];
 }
-exports.wrapValue = wrapValue;
 function useUnwrappedHandler(handler) {
-    return (0, react_1.useCallback)((value) => {
+    return (0, _react.useCallback)((value)=>{
         handler === null || handler === void 0 ? void 0 : handler(unwrapFirstValue(value));
-    }, [handler]);
+    }, [
+        handler
+    ]);
 }
-exports.useUnwrappedHandler = useUnwrappedHandler;
 function useWrappedValue(value) {
-    return (0, react_1.useMemo)(() => wrapValue(value), [value]);
+    return (0, _react.useMemo)(()=>wrapValue(value), [
+        value
+    ]);
 }
-exports.useWrappedValue = useWrappedValue;
-function numberFormatter(value, formatOptions, locale) {
-    var _a;
-    if (locale === void 0) { locale = ((_a = navigator.languages) === null || _a === void 0 ? void 0 : _a[0]) || "en-GB"; }
+function numberFormatter(value, formatOptions, locale = (()=>{
+    var _navigator_languages;
+    return ((_navigator_languages = navigator.languages) === null || _navigator_languages === void 0 ? void 0 : _navigator_languages[0]) || "en-GB";
+})()) {
     if (!formatOptions) {
         return (value === null || value === void 0 ? void 0 : value.toString()) || "";
     }
     return new Intl.NumberFormat(locale, formatOptions).format(+(value || 0));
 }
-exports.numberFormatter = numberFormatter;
+
 //# sourceMappingURL=helpers.js.map

package/dist/cjs/components/Slider/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/Slider/helpers.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAE7C,SAAgB,gBAAgB,CAAI,KAA0B;IAC5D,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AALD,4CAKC;AAED,SAAgB,SAAS,CAAI,KAAoB;IAC/C,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AACnD,CAAC;AAFD,8BAEC;AAED,SAAgB,mBAAmB,CACjC,OAAqD;IAErD,OAAO,IAAA,mBAAW,EAChB,CAAC,KAAc,EAAE,EAAE;QACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;AACJ,CAAC;AATD,kDASC;AAED,SAAgB,eAAe,CAAI,KAAoB;IACrD,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAClD,CAAC;AAFD,0CAEC;AAED,SAAgB,eAAe,CAC7B,KAAkC,EAClC,aAAwC,EACxC,MAA4C;;2BAA5C,EAAA,UAAS,MAAA,SAAS,CAAC,SAAS,0CAAG,CAAC,CAAC,KAAI,OAAO;IAE5C,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,KAAI,EAAE,CAAC;IACjC,CAAC;IAED,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;AAC5E,CAAC;AAVD,0CAUC"}
+{"version":3,"sources":["../../../../src/components/Slider/helpers.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\n\nexport function unwrapFirstValue<T>(value: T | T[] | undefined): T | undefined {\n  if (Array.isArray(value)) {\n    return value[0];\n  }\n  return value;\n}\n\nexport function wrapValue<T>(value: T | undefined): T[] | undefined {\n  return value === undefined ? undefined : [value];\n}\n\nexport function useUnwrappedHandler<T>(\n  handler: ((value: T | undefined) => void) | undefined,\n) {\n  return useCallback(\n    (value: T | T[]) => {\n      handler?.(unwrapFirstValue(value));\n    },\n    [handler],\n  );\n}\n\nexport function useWrappedValue<T>(value: T | undefined): T[] | undefined {\n  return useMemo(() => wrapValue(value), [value]);\n}\n\nexport function numberFormatter(\n  value: number | string | undefined,\n  formatOptions?: Intl.NumberFormatOptions,\n  locale = navigator.languages?.[0] || \"en-GB\",\n): string {\n  if (!formatOptions) {\n    return value?.toString() || \"\";\n  }\n\n  return new Intl.NumberFormat(locale, formatOptions).format(+(value || 0));\n}\n"],"names":["numberFormatter","unwrapFirstValue","useUnwrappedHandler","useWrappedValue","wrapValue","value","Array","isArray","undefined","handler","useCallback","useMemo","formatOptions","locale","navigator","languages","toString","Intl","NumberFormat","format"],"mappings":";;;;;;;;;;;IA4BgBA,eAAe;eAAfA;;IA1BAC,gBAAgB;eAAhBA;;IAWAC,mBAAmB;eAAnBA;;IAWAC,eAAe;eAAfA;;IAfAC,SAAS;eAATA;;;uBATqB;AAE9B,SAASH,iBAAoBI,KAA0B;IAC5D,IAAIC,MAAMC,OAAO,CAACF,QAAQ;QACxB,OAAOA,KAAK,CAAC,EAAE;IACjB;IACA,OAAOA;AACT;AAEO,SAASD,UAAaC,KAAoB;IAC/C,OAAOA,UAAUG,YAAYA,YAAY;QAACH;KAAM;AAClD;AAEO,SAASH,oBACdO,OAAqD;IAErD,OAAOC,IAAAA,kBAAW,EAChB,CAACL;QACCI,oBAAAA,8BAAAA,QAAUR,iBAAiBI;IAC7B,GACA;QAACI;KAAQ;AAEb;AAEO,SAASN,gBAAmBE,KAAoB;IACrD,OAAOM,IAAAA,cAAO,EAAC,IAAMP,UAAUC,QAAQ;QAACA;KAAM;AAChD;AAEO,SAASL,gBACdK,KAAkC,EAClCO,aAAwC,EACxCC;QAASC;WAAAA,EAAAA,uBAAAA,UAAUC,SAAS,cAAnBD,2CAAAA,oBAAqB,CAAC,EAAE,KAAI;IAAO;IAE5C,IAAI,CAACF,eAAe;QAClB,OAAOP,CAAAA,kBAAAA,4BAAAA,MAAOW,QAAQ,OAAM;IAC9B;IAEA,OAAO,IAAIC,KAAKC,YAAY,CAACL,QAAQD,eAAeO,MAAM,CAAC,CAAEd,CAAAA,SAAS,CAAA;AACxE"}

package/dist/cjs/components/Slider/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("./Slider"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./Slider"), 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/Slider/index.js.map

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

package/dist/cjs/components/Table/Body.js

@@ -1,16 +1,29 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Body = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dedupe_1 = __importDefault(require("classnames/dedupe"));
-const Body = (0, react_1.forwardRef)((props, ref) => {
-    const classes = (0, dedupe_1.default)("mobius", "mobius/TableBody", props.className);
-    return (0, jsx_runtime_1.jsx)("tbody", Object.assign({ ref: ref }, props, { className: classes }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Body", {
+    enumerable: true,
+    get: function() {
+        return Body;
+    }
+});
+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 Body = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const classes = (0, _dedupe.default)("mobius", "mobius/TableBody", props.className);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("tbody", {
+        ref: ref,
+        ...props,
+        className: classes
+    });
 });
-exports.Body = Body;
 Body.displayName = "Table.Body";
+
 //# sourceMappingURL=Body.js.map

package/dist/cjs/components/Table/Body.js.map

@@ -1 +1 @@
-{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../../../src/components/Table/Body.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAkE;AAClE,+DAA2C;AAU3C,MAAM,IAAI,GACR,IAAA,kBAAU,EAAC,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IAC5C,MAAM,OAAO,GAAG,IAAA,gBAAU,EAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAE1E,OAAO,gDAAO,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AAC5D,CAAC,CAAC,CAAC;AAGI,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"sources":["../../../../src/components/Table/Body.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface BodyProps extends RefAttributes<HTMLTableSectionElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type BodyRef = Ref<HTMLTableSectionElement>;\n\nconst Body: ForwardedRefComponent<BodyProps, HTMLTableSectionElement> =\n  forwardRef((props: BodyProps, ref: BodyRef) => {\n    const classes = classNames(\"mobius\", \"mobius/TableBody\", props.className);\n\n    return <tbody ref={ref} {...props} className={classes} />;\n  });\n\nBody.displayName = \"Table.Body\";\nexport { Body };\n"],"names":["Body","forwardRef","props","ref","classes","classNames","className","tbody","displayName"],"mappings":";;;;+BAmBSA;;;eAAAA;;;;uBAnBiD;+DACnC;;;;;;AAUvB,MAAMA,qBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAkBC;IAC5B,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,oBAAoBH,MAAMI,SAAS;IAExE,qBAAO,qBAACC;QAAMJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAChD;AAEFJ,KAAKQ,WAAW,GAAG"}

package/dist/cjs/components/Table/Cell.js

@@ -1,16 +1,29 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const dedupe_1 = __importDefault(require("classnames/dedupe"));
-const Cell = (0, react_1.forwardRef)((props, ref) => {
-    const classes = (0, dedupe_1.default)("mobius", "mobius/TableBodyCell", props.className);
-    return (0, jsx_runtime_1.jsx)("td", Object.assign({ ref: ref }, props, { className: classes }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Cell", {
+    enumerable: true,
+    get: function() {
+        return Cell;
+    }
+});
+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 Cell = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
+    const classes = (0, _dedupe.default)("mobius", "mobius/TableBodyCell", props.className);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
+        ref: ref,
+        ...props,
+        className: classes
+    });
 });
-exports.Cell = Cell;
 Cell.displayName = "Table.Cell";
+
 //# sourceMappingURL=Cell.js.map