@simplybusiness/mobius 3.0.0

package/dist/cjs/components/Segment/index.js

@@ -0,0 +1,19 @@
+"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("./SegmentGroup"), exports);
+__exportStar(require("./Segment"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Segment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Segment/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B;AAC/B,4CAA0B"}

package/dist/cjs/components/Select/Select.d.ts

@@ -0,0 +1,18 @@
+import { ReactElement, Ref, RefAttributes } from "react";
+import { DOMProps, LabelableProps, Validation } from "@react-types/shared";
+import { HoverProps } from "@react-aria/interactions";
+import { ForwardedRefComponent } from "../../types/components";
+import { OptionProps } from "../Option";
+export declare type SelectElementType = HTMLSelectElement;
+export interface SelectProps extends HoverProps, LabelableProps, Validation, DOMProps, RefAttributes<SelectElementType> {
+    name?: string;
+    onChange?: (value: string) => void;
+    value?: string;
+    defaultValue?: string;
+    className?: string;
+    errorMessage?: string;
+    children?: ReactElement<OptionProps>[] | ReactElement<OptionProps>;
+}
+export declare type SelectRef = Ref<SelectElementType>;
+declare const Select: ForwardedRefComponent<SelectProps, SelectElementType>;
+export { Select };

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

@@ -0,0 +1,63 @@
+"use strict";
+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("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const label_1 = require("@react-aria/label");
+const clsx_1 = __importDefault(require("clsx"));
+const focus_1 = require("@react-aria/focus");
+const interactions_1 = require("@react-aria/interactions");
+const utils_1 = require("@react-aria/utils");
+const Flex_1 = require("../Flex");
+const ErrorMessage_1 = require("../ErrorMessage");
+const Label_1 = require("../Label");
+const spaceDelimitedList_1 = require("../../utils/spaceDelimitedList");
+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, label_1.useLabel)(Object.assign({ label }, otherProps));
+    // focusProps are returned as type HTMLAttributes<HTMLElement> and not a synthetic event
+    const { isFocusVisible, focusProps } = (0, focus_1.useFocusRing)({
+        within: true,
+    });
+    const { isHovered, hoverProps } = (0, interactions_1.useHover)(Object.assign(Object.assign({}, otherProps), { isDisabled }));
+    const stateClasses = {
+        "--is-focused": isFocusVisible,
+        "--is-disabled": isDisabled,
+        "--is-hovered": isHovered && !isDisabled,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+    };
+    const wrapperClasses = (0, clsx_1.default)("mobius/SelectWrapper", stateClasses, otherProps.className);
+    const selectClasses = (0, clsx_1.default)("mobius/Select", stateClasses, otherProps.className);
+    const labelClasses = (0, clsx_1.default)("mobius/Label", stateClasses, otherProps.className);
+    const iconClasses = (0, clsx_1.default)("mobius/SelectIcon", stateClasses);
+    const errorMessageId = (0, utils_1.useSlotId)([Boolean(errorMessage), validationState]);
+    const describedBy = (0, spaceDelimitedList_1.spaceDelimitedList)([
+        errorMessageId,
+        props["aria-describedby"],
+    ]);
+    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, Object.assign({ className: "mobius mobius/SelectOuter", css: { flexDirection: "column" } }, { children: [label && ((0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({}, labelProps, { className: labelClasses }, { children: label }))), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: wrapperClasses }, hoverProps, focusProps, { children: [(0, jsx_runtime_1.jsx)("select", Object.assign({}, otherProps, fieldProps, focusProps, { ref: ref, multiple: false, className: selectClasses, disabled: isDisabled, "aria-invalid": !!errorMessage, "aria-describedby": describedBy, "aria-required": isRequired, onChange: (e) => {
+                            if (onChange) {
+                                onChange(e.currentTarget.value);
+                            }
+                        } })), (0, jsx_runtime_1.jsx)("span", { className: iconClasses })] })), (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { id: errorMessageId, errorMessage: errorMessage })] })));
+});
+exports.Select = Select;
+Select.displayName = "Select";
+//# sourceMappingURL=Select.js.map

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

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

package/dist/cjs/components/Select/Select.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,101 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const jest_1 = require("@emotion/jest");
+const _1 = require(".");
+const __1 = require("..");
+const CLASS_NAME = "mobius/Select";
+const LABEL_CLASS_NAME = "mobius/Label";
+expect.extend(jest_1.matchers);
+describe("Select", () => {
+    it("should render without error", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, Object.assign({ label: "Color" }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] })));
+        expect(component).toBeTruthy();
+    });
+    it("should call onChange when clicked", async () => {
+        const callback = jest.fn();
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, Object.assign({ label: "Color", name: "color", onChange: callback }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] })));
+        await user_event_1.default.selectOptions(getByLabelText("Color"), ["Red"]);
+        expect(callback).toHaveBeenCalledWith("Red");
+    });
+    describe("with errors", () => {
+        it("should render the error", () => {
+            const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required" }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] })));
+            expect(getByText("Required")).toBeTruthy();
+        });
+        it("should set aria-invalid to true", () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required" }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] })));
+            expect(getByLabelText("Color").getAttribute("aria-invalid")).toBeTruthy();
+        });
+        it("should set the correct aria-describedby attribute", () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required" }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] })));
+            expect(getByLabelText("Color")).toHaveAccessibleDescription("Required");
+        });
+    });
+    describe("given a disabled option", () => {
+        it("should render with disabled attribute applied", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, Object.assign({ label: "Color", name: "color" }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, Object.assign({ isDisabled: true }, { children: "Please select a color" })), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] })));
+            const options = react_1.screen.queryAllByRole("option");
+            expect(options[0]).toBeDisabled();
+        });
+    });
+    describe("isRequired", () => {
+        it("should set aria-required to true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required", isRequired: true }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] })));
+            expect(react_1.screen.getByLabelText("Color")).toHaveAttribute("aria-required", "true");
+        });
+        it("should have className of --is-required when true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required", isRequired: true }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] })));
+            expect(react_1.screen.getByLabelText("Color")).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required", isRequired: false }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] })));
+            expect(react_1.screen.getByLabelText("Color")).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required" }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] })));
+            expect(react_1.screen.getByLabelText("Color")).not.toHaveClass("--is-required");
+            expect(react_1.screen.getByLabelText("Color")).not.toHaveClass("--is-optional");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, Object.assign({ label: "Color", "data-testid": "test" }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] })));
+            expect(container.firstChild).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, Object.assign({ label: "Color", "data-testid": "test" }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] })));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, Object.assign({ label: "Color", "data-testid": "test", className: "my-class" }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] })));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes label class name", () => {
+            var _a, _b;
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, Object.assign({ label: "Color", "data-testid": "test" }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] })));
+            expect((_b = (_a = react_1.screen.getByTestId("test").closest("div")) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.firstChild).toHaveClass(LABEL_CLASS_NAME);
+        });
+        it("includes disabled class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, Object.assign({ label: "Color", "data-testid": "test", isDisabled: true }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] })));
+            const select = react_1.screen.getByTestId("test");
+            const selectIcon = select.nextElementSibling;
+            expect(select).toHaveClass("--is-disabled");
+            expect(selectIcon).toHaveClass("--is-disabled");
+        });
+        it("includes valid state class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, Object.assign({ label: "Color", "data-testid": "test", validationState: "valid" }, { children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] })));
+            const select = react_1.screen.getByTestId("test");
+            const selectIcon = select.nextElementSibling;
+            expect(select).toHaveClass("--is-valid");
+            expect(selectIcon).toHaveClass("--is-valid");
+        });
+    });
+});
+//# sourceMappingURL=Select.test.js.map

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

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

package/dist/cjs/components/Select/index.d.ts

@@ -0,0 +1 @@
+export * from "./Select";

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

@@ -0,0 +1,18 @@
+"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);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB"}

package/dist/cjs/components/Slider/Slider.d.ts

@@ -0,0 +1,12 @@
+import { SliderProps as SpectrumSliderProps } from "@react-types/slider";
+import { DOMProps } from "@react-types/shared";
+export interface SliderProps extends SpectrumSliderProps<number>, DOMProps {
+    variant?: "primary" | "secondary";
+    className?: string;
+    onChange?: (value: number | undefined) => void;
+    onChangeEnd?: (value: number | undefined) => void;
+    minLabel?: string;
+    maxLabel?: string;
+    formatOptions?: Intl.NumberFormatOptions;
+}
+export declare function Slider(props: SliderProps): import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,47 @@
+"use strict";
+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("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const slider_1 = require("@react-aria/slider");
+const slider_2 = require("@react-stately/slider");
+const i18n_1 = require("@react-aria/i18n");
+const clsx_1 = __importDefault(require("clsx"));
+const Thumb_1 = require("./Thumb");
+const Label_1 = require("../Label");
+const helpers_1 = require("./helpers");
+function Slider(props) {
+    const { className, label, defaultValue, value, onChange, onChangeEnd, variant = "primary", minLabel, maxLabel, formatOptions, isDisabled = false, } = props;
+    const trackRef = (0, react_1.useRef)(null);
+    const numberFormatter = (0, i18n_1.useNumberFormatter)(formatOptions);
+    const wrappedValue = (0, helpers_1.useWrappedValue)(value);
+    const wrappedDefaultValue = (0, helpers_1.useWrappedValue)(defaultValue);
+    const unwrappedOnChange = (0, helpers_1.useUnwrappedHandler)(onChange);
+    const unwrappedOnChangeEnd = (0, helpers_1.useUnwrappedHandler)(onChangeEnd);
+    const state = (0, slider_2.useSliderState)(Object.assign(Object.assign({}, props), { value: wrappedValue, defaultValue: wrappedDefaultValue, onChange: unwrappedOnChange, onChangeEnd: unwrappedOnChangeEnd, numberFormatter,
+        isDisabled }));
+    const { groupProps, trackProps, labelProps, outputProps } = (0, slider_1.useSlider)(Object.assign(Object.assign({}, props), { value: wrappedValue, defaultValue: wrappedDefaultValue, onChange: unwrappedOnChange, onChangeEnd: unwrappedOnChangeEnd }), state, trackRef);
+    const classes = (0, clsx_1.default)("mobius", "mobius/Slider", className, {
+        "--is-disabled": isDisabled,
+        "--is-primary": variant === "primary",
+        "--is-secondary": variant === "secondary",
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, groupProps, { css: {
+            position: "relative",
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            touchAction: "none",
+        }, className: classes }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ css: { display: "flex", alignSelf: "stretch" } }, { children: [label && (0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({}, labelProps, { children: label })), label && ((0, jsx_runtime_1.jsx)("output", Object.assign({}, outputProps, { style: { flex: "1 0 auto", textAlign: "end" } }, { children: state.getThumbValueLabel(0) })))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({}, trackProps, { ref: trackRef, className: "mobius mobius/SliderTrackWrapper", css: {
+                    position: "relative",
+                    width: "100%",
+                } }, { children: [(0, jsx_runtime_1.jsx)("div", { className: "mobius/SliderTrack", css: {
+                            position: "absolute",
+                            width: "100%",
+                        } }), (0, jsx_runtime_1.jsx)(Thumb_1.SliderThumb, { index: 0, state: state, trackRef: trackRef })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "mobius/SliderLabels" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mobius/SliderMinLabel", "data-testid": "min-label" }, { children: minLabel })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mobius/SliderMaxLabel", "data-testid": "max-label" }, { children: maxLabel }))] }))] })));
+}
+exports.Slider = Slider;
+//# sourceMappingURL=Slider.js.map

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

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

package/dist/cjs/components/Slider/Slider.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const Slider_1 = require("./Slider");
+describe("Slider", () => {
+    it("should render without errors", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { className: "test", label: "Test", defaultValue: 0 }));
+        expect(container).toBeInTheDocument();
+    });
+    describe("labels", () => {
+        it("should render a min label", () => {
+            const { getByTestId } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "Test", minLabel: "Min" }));
+            expect(getByTestId("min-label")).toHaveTextContent("Min");
+        });
+        it("should render a max label", () => {
+            const { getByTestId } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "Test", maxLabel: "Max" }));
+            expect(getByTestId("max-label")).toHaveTextContent("Max");
+        });
+    });
+    describe("classnames", () => {
+        let result;
+        beforeEach(() => {
+            result = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { className: "test", label: "test", defaultValue: 0 }));
+        });
+        const classNames = ["mobius", "mobius/Slider", "test"];
+        it.each(classNames)("should have classname %s", className => {
+            expect(result.container.firstChild).toHaveClass(className);
+        });
+    });
+    describe("events", () => {
+        it("should call events on input change", async () => {
+            const onChange = jest.fn();
+            const onChangeEnd = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "test", defaultValue: 1, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
+            await user_event_1.default.tab();
+            await user_event_1.default.keyboard("{arrowright}");
+            expect(onChange).toHaveBeenCalledWith(2);
+            expect(onChangeEnd).toHaveBeenCalledWith(2);
+        });
+        it("should not call onChange when value is already min", async () => {
+            const onChange = jest.fn();
+            const onChangeEnd = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "test", defaultValue: 1, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
+            await user_event_1.default.tab();
+            await user_event_1.default.keyboard("{arrowleft}");
+            expect(onChange).not.toHaveBeenCalled();
+        });
+        it("should not call onChange when value is already max", async () => {
+            const onChange = jest.fn();
+            const onChangeEnd = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "test", defaultValue: 10, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
+            await user_event_1.default.tab();
+            await user_event_1.default.keyboard("{arrowright}");
+            expect(onChange).not.toHaveBeenCalled();
+        });
+    });
+});
+//# sourceMappingURL=Slider.test.js.map

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

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

package/dist/cjs/components/Slider/Thumb.d.ts

@@ -0,0 +1,8 @@
+import { RefObject } from "react";
+import { SliderThumbProps as SpectrumSliderThumbProps } from "@react-types/slider";
+import { SliderState } from "@react-stately/slider";
+export interface SliderThumbProps extends SpectrumSliderThumbProps {
+    state: SliderState;
+    trackRef: RefObject<HTMLElement>;
+}
+export declare function SliderThumb(props: SliderThumbProps): import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,38 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderThumb = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const focus_1 = require("@react-aria/focus");
+const visually_hidden_1 = require("@react-aria/visually-hidden");
+const utils_1 = require("@react-aria/utils");
+const slider_1 = require("@react-aria/slider");
+const clsx_1 = __importDefault(require("clsx"));
+function SliderThumb(props) {
+    const { state, trackRef, index, isDisabled } = props;
+    const inputRef = (0, react_1.useRef)(null);
+    const { thumbProps, inputProps } = (0, slider_1.useSliderThumb)({
+        index,
+        trackRef,
+        inputRef,
+    }, state);
+    const { focusProps, isFocusVisible } = (0, focus_1.useFocusRing)();
+    const classes = {
+        "--is-disabled": isDisabled,
+        "--is-focus-visible": isFocusVisible,
+        "is-dragging": state.isThumbDragging(index),
+    };
+    const wrapperClasses = (0, clsx_1.default)("mobius", "mobius/SliderThumbWrapper", classes);
+    const thumbClasses = (0, clsx_1.default)("mobius", "mobius/SliderThumb", classes);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: {
+            position: "absolute",
+            top: "calc(50% - 1px)",
+            transform: "translateX(-50%)",
+            left: `${state.getThumbPercent(index) * 100}%`,
+        }, className: wrapperClasses }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, thumbProps, { className: thumbClasses }, { children: (0, jsx_runtime_1.jsx)(visually_hidden_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", Object.assign({ ref: inputRef }, (0, utils_1.mergeProps)(inputProps, focusProps))) }) })) })));
+}
+exports.SliderThumb = SliderThumb;
+//# sourceMappingURL=Thumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Thumb.js","sourceRoot":"","sources":["../../../../src/components/Slider/Thumb.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAA0C;AAC1C,6CAAiD;AACjD,iEAA6D;AAC7D,6CAA+C;AAC/C,+CAAoD;AAGpD,gDAAwB;AAOxB,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,uBAAc,EAC/C;QACE,KAAK;QACL,QAAQ;QACR,QAAQ;KACT,EACD,KAAK,CACN,CAAC;IAEF,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEtD,MAAM,OAAO,GAAG;QACd,eAAe,EAAE,UAAU;QAC3B,oBAAoB,EAAE,cAAc;QACpC,aAAa,EAAE,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC;KAC5C,CAAC;IACF,MAAM,cAAc,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,2BAA2B,EAAE,OAAO,CAAC,CAAC;IAC5E,MAAM,YAAY,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAAC;IAEnE,OAAO,CACL,8CACE,GAAG,EAAE;YACH,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,iBAAiB;YACtB,SAAS,EAAE,kBAAkB;YAC7B,IAAI,EAAE,GAAG,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG;SAC/C,EACD,SAAS,EAAE,cAAc,gBAEzB,gDAAS,UAAU,IAAE,SAAS,EAAE,YAAY,gBAC1C,uBAAC,gCAAc,cACb,gDAAO,GAAG,EAAE,QAAQ,IAAM,IAAA,kBAAU,EAAC,UAAU,EAAE,UAAU,CAAC,EAAI,GACjD,IACb,IACF,CACP,CAAC;AACJ,CAAC;AAvCD,kCAuCC"}

package/dist/cjs/components/Slider/helpers.d.ts

@@ -0,0 +1,4 @@
+export declare function unwrapFirstValue<T>(value: T | T[] | undefined): T | undefined;
+export declare function wrapValue<T>(value: T | undefined): T[] | undefined;
+export declare function useUnwrappedHandler<T>(handler: ((value: T | undefined) => void) | undefined): (value: T | T[]) => void;
+export declare function useWrappedValue<T>(value: T | undefined): T[] | undefined;

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWrappedValue = exports.useUnwrappedHandler = exports.wrapValue = exports.unwrapFirstValue = void 0;
+const react_1 = 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];
+}
+exports.wrapValue = wrapValue;
+function useUnwrappedHandler(handler) {
+    return (0, react_1.useCallback)((value) => {
+        handler === null || handler === void 0 ? void 0 : handler(unwrapFirstValue(value));
+    }, [handler]);
+}
+exports.useUnwrappedHandler = useUnwrappedHandler;
+function useWrappedValue(value) {
+    return (0, react_1.useMemo)(() => wrapValue(value), [value]);
+}
+exports.useWrappedValue = useWrappedValue;
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +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;QACxB,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;KACjB;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"}

package/dist/cjs/components/Slider/helpers.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("@testing-library/react");
+const helpers_1 = require("./helpers");
+describe("Slider helpers", () => {
+    describe("unwrapFirstValue", () => {
+        it("should return undefined if the value is undefined", () => {
+            expect((0, helpers_1.unwrapFirstValue)(undefined)).toBeUndefined();
+        });
+        it("should return undefined if the value is an empty array", () => {
+            expect((0, helpers_1.unwrapFirstValue)([])).toBeUndefined();
+        });
+        it("should return the first value if the value is an array with one element", () => {
+            expect((0, helpers_1.unwrapFirstValue)([1])).toBe(1);
+        });
+        it("should return the first value if the value is an array with more than one element", () => {
+            expect((0, helpers_1.unwrapFirstValue)([1, 2])).toBe(1);
+        });
+    });
+    describe("wrapValue", () => {
+        it("should return undefined if the value is undefined", () => {
+            expect((0, helpers_1.wrapValue)(undefined)).toBeUndefined();
+        });
+        it("should return the value if it is not an array", () => {
+            expect((0, helpers_1.wrapValue)(1)).toEqual([1]);
+        });
+        it("should return an array of array if value is an array", () => {
+            expect((0, helpers_1.wrapValue)([1])).toEqual([[1]]);
+        });
+    });
+    describe("useWrappedValue", () => {
+        it("should return undefined if the value is undefined", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, helpers_1.useWrappedValue)(undefined));
+            expect(result.current).toBeUndefined();
+        });
+        it("should return the value if it is not an array", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, helpers_1.useWrappedValue)(1));
+            expect(result.current).toEqual([1]);
+        });
+        it("should return an array of array if value is an array", () => {
+            const { result } = (0, react_1.renderHook)(() => (0, helpers_1.useWrappedValue)([1]));
+            expect(result.current).toEqual([[1]]);
+        });
+    });
+    describe("useUnwrappedHandler", () => {
+        it("should call the handler with the unwrapped value", () => {
+            const handler = jest.fn();
+            const { result } = (0, react_1.renderHook)(() => (0, helpers_1.useUnwrappedHandler)(handler));
+            result.current([1]);
+            expect(handler).toHaveBeenCalledWith(1);
+        });
+    });
+});
+//# sourceMappingURL=helpers.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.test.js","sourceRoot":"","sources":["../../../../src/components/Slider/helpers.test.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/Slider/index.d.ts

@@ -0,0 +1 @@
+export * from "./Slider";

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

@@ -0,0 +1,18 @@
+"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);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Slider/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB"}

package/dist/cjs/components/Table/Body.d.ts

@@ -0,0 +1,9 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface BodyProps extends RefAttributes<HTMLTableSectionElement> {
+    children?: ReactNode;
+    className?: string;
+}
+export declare type BodyRef = Ref<HTMLTableSectionElement>;
+declare const Body: ForwardedRefComponent<BodyProps, HTMLTableSectionElement>;
+export { Body };