@simplybusiness/mobius 4.2.8 → 4.3.1

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

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Invalid = exports.Valid = exports.Disabled = exports.ControlledValue = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Select_1 = require("./Select");
+const Option_1 = require("../Option");
+const utils_1 = require("../../utils");
+const meta = {
+    title: "Forms/Select",
+    component: Select_1.Select,
+    argTypes: {
+        validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        },
+        value: {
+            control: { type: "select" },
+            options: ["", "red", "blue", "green"],
+        },
+    },
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+exports.Normal = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, { value: "", isDisabled: true, children: "Please select a color" }, "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "red", children: "Red" }, "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "blue", children: "Blue" }, "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "green", children: "Green" }, "green")] }))),
+    args: {
+        name: "color",
+        label: "Colors",
+        defaultValue: "",
+        errorMessage: "",
+        isDisabled: false,
+        isRequired: false,
+    },
+};
+exports.ControlledValue = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, { value: "", isDisabled: true, children: "Please select a color" }, "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "red", children: "Red" }, "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "blue", children: "Blue" }, "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "green", children: "Green" }, "green")] }))),
+    args: {
+        name: "color",
+        label: "Colors",
+        value: "green",
+        errorMessage: "",
+        defaultValue: "",
+        isDisabled: false,
+        isRequired: false,
+    },
+};
+exports.Disabled = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, { value: "", isDisabled: true, children: "Please select a color" }, "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "red", children: "Red" }, "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "blue", children: "Blue" }, "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "green", children: "Green" }, "green")] }))),
+    args: {
+        name: "color",
+        label: "Colors",
+        defaultValue: "green",
+        errorMessage: "",
+        isDisabled: true,
+        isRequired: false,
+    },
+};
+exports.Valid = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, { value: "", isDisabled: true, children: "Please select a color" }, "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "red", children: "Red" }, "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "blue", children: "Blue" }, "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "green", children: "Green" }, "green")] }))),
+    args: {
+        name: "color",
+        label: "Colors",
+        defaultValue: "green",
+        validationState: "valid",
+        errorMessage: "",
+        isDisabled: false,
+        isRequired: false,
+    },
+};
+exports.Invalid = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(Select_1.Select, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)(Option_1.Option, { value: "", isDisabled: true, children: "Please select a color" }, "none"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "red", children: "Red" }, "red"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "blue", children: "Blue" }, "blue"), (0, jsx_runtime_1.jsx)(Option_1.Option, { value: "green", children: "Green" }, "green")] }))),
+    args: {
+        name: "color",
+        label: "Colors",
+        defaultValue: "green",
+        validationState: "invalid",
+        errorMessage: "Unacceptable color",
+        isDisabled: false,
+        isRequired: false,
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Select.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":";;;;AACA,qCAA+C;AAC/C,sCAAmC;AACnC,uCAA6C;AAI7C,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,eAAM;IACjB,QAAQ,EAAE;QACR,eAAe,EAAE;YACf,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE;gBACP,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,EAAE;aACZ;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC;SACtC;KACF;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;CACF,CAAC;AAEW,QAAA,MAAM,GAAc;IAC/B,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,wBAAC,eAAM,oBAAK,IAAI,eACd,uBAAC,eAAM,IAAY,KAAK,EAAC,EAAE,EAAC,UAAU,6CAA1B,MAAM,CAET,EACT,uBAAC,eAAM,IAAW,KAAK,EAAC,KAAK,qBAAjB,KAAK,CAER,EACT,uBAAC,eAAM,IAAY,KAAK,EAAC,MAAM,sBAAnB,MAAM,CAET,EACT,uBAAC,eAAM,IAAa,KAAK,EAAC,OAAO,uBAArB,OAAO,CAEV,KACF,CACV;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,eAAe,GAAc;IACxC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,wBAAC,eAAM,oBAAK,IAAI,eACd,uBAAC,eAAM,IAAY,KAAK,EAAC,EAAE,EAAC,UAAU,6CAA1B,MAAM,CAET,EACT,uBAAC,eAAM,IAAW,KAAK,EAAC,KAAK,qBAAjB,KAAK,CAER,EACT,uBAAC,eAAM,IAAY,KAAK,EAAC,MAAM,sBAAnB,MAAM,CAET,EACT,uBAAC,eAAM,IAAa,KAAK,EAAC,OAAO,uBAArB,OAAO,CAEV,KACF,CACV;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,OAAO;QACd,YAAY,EAAE,EAAE;QAChB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,QAAQ,GAAc;IACjC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,wBAAC,eAAM,oBAAK,IAAI,eACd,uBAAC,eAAM,IAAY,KAAK,EAAC,EAAE,EAAC,UAAU,6CAA1B,MAAM,CAET,EACT,uBAAC,eAAM,IAAW,KAAK,EAAC,KAAK,qBAAjB,KAAK,CAER,EACT,uBAAC,eAAM,IAAY,KAAK,EAAC,MAAM,sBAAnB,MAAM,CAET,EACT,uBAAC,eAAM,IAAa,KAAK,EAAC,OAAO,uBAArB,OAAO,CAEV,KACF,CACV;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,OAAO;QACrB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,IAAI;QAChB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,KAAK,GAAc;IAC9B,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,wBAAC,eAAM,oBAAK,IAAI,eACd,uBAAC,eAAM,IAAY,KAAK,EAAC,EAAE,EAAC,UAAU,6CAA1B,MAAM,CAET,EACT,uBAAC,eAAM,IAAW,KAAK,EAAC,KAAK,qBAAjB,KAAK,CAER,EACT,uBAAC,eAAM,IAAY,KAAK,EAAC,MAAM,sBAAnB,MAAM,CAET,EACT,uBAAC,eAAM,IAAa,KAAK,EAAC,OAAO,uBAArB,OAAO,CAEV,KACF,CACV;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,OAAO;QACrB,eAAe,EAAE,OAAO;QACxB,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,OAAO,GAAc;IAChC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,CAC7B,wBAAC,eAAM,oBAAK,IAAI,eACd,uBAAC,eAAM,IAAY,KAAK,EAAC,EAAE,EAAC,UAAU,6CAA1B,MAAM,CAET,EACT,uBAAC,eAAM,IAAW,KAAK,EAAC,KAAK,qBAAjB,KAAK,CAER,EACT,uBAAC,eAAM,IAAY,KAAK,EAAC,MAAM,sBAAnB,MAAM,CAET,EACT,uBAAC,eAAM,IAAa,KAAK,EAAC,OAAO,uBAArB,OAAO,CAEV,KACF,CACV;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,QAAQ;QACf,YAAY,EAAE,OAAO;QACrB,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,oBAAoB;QAClC,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,108 @@
+"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("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const _1 = require(".");
+const __1 = require("..");
+const CLASS_NAME = "mobius/Select";
+const LABEL_CLASS_NAME = "mobius/Label";
+describe("Select", () => {
+    it("should render without error", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { 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 valueCallback = jest.fn();
+        const callback = (e) => valueCallback(e.target.value);
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", onChange: callback, children: [(0, jsx_runtime_1.jsx)(__1.Option, { value: "red", children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { value: "blue", children: "Blue" })] }));
+        await user_event_1.default.selectOptions(getByLabelText("Color"), ["Red"]);
+        const redOption = react_1.screen.getByRole("option", {
+            name: "Red",
+        });
+        expect(valueCallback).toHaveBeenCalledWith("red");
+        expect(redOption.selected).toBeTruthy();
+    });
+    describe("with errors", () => {
+        it("should render the error", () => {
+            const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { 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, { 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, { 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");
+        });
+        it("should not set aria-describedby when there is no errorMessage", () => {
+            const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", children: [(0, jsx_runtime_1.jsx)(__1.Option, { children: "Red" }), (0, jsx_runtime_1.jsx)(__1.Option, { children: "Blue" })] }));
+            expect(getByLabelText("Color")).not.toHaveAttribute("aria-describedby");
+        });
+    });
+    describe("given a disabled option", () => {
+        it("should render with disabled attribute applied", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.Select, { label: "Color", name: "color", children: [(0, jsx_runtime_1.jsx)(__1.Option, { 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, { 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, { 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, { 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, { 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, { 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, { 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, { 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, { 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, { 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, { 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/Slider/Slider.d.ts

@@ -0,0 +1,19 @@
+import { DOMProps } from "../../types/dom";
+import { UseLabelProps } from "../../hooks";
+export interface SliderProps extends DOMProps, UseLabelProps {
+    label?: string;
+    variant?: "primary" | "secondary";
+    className?: string;
+    minValue?: number;
+    maxValue?: number;
+    defaultValue?: number;
+    value?: number;
+    step?: number;
+    isDisabled?: boolean;
+    onChange?: (value: number | undefined) => void;
+    onChangeEnd?: (value: number | undefined) => void;
+    minLabel?: string;
+    maxLabel?: string;
+    formatOptions?: Intl.NumberFormatOptions;
+}
+export declare const Slider: (props: SliderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Slider } from "./Slider";
+type StoryType = StoryObj<typeof Slider>;
+declare const meta: Meta<typeof Slider>;
+export declare const Primary: StoryType;
+export declare const Secondary: StoryType;
+export declare const Formatted: StoryType;
+export declare const NoLabel: StoryType;
+export declare const Disabled: StoryType;
+export default meta;

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

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Disabled = exports.NoLabel = exports.Formatted = exports.Secondary = exports.Primary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../../utils");
+const Slider_1 = require("./Slider");
+const meta = {
+    title: "Components/Slider",
+    component: Slider_1.Slider,
+    // Note: minValue, maxValue, defaultValue only work with certain settings.
+    argTypes: Object.assign({}, (0, utils_1.excludeControls)("minValue", "maxValue", "defaultValue", "formatOptions")),
+    decorators: [
+        Story => ((0, jsx_runtime_1.jsx)(utils_1.StoryContainer, { children: (0, jsx_runtime_1.jsx)(Story, {}) })),
+    ],
+};
+exports.Primary = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
+    args: {
+        label: "Tools value",
+        minValue: 20,
+        maxValue: 500,
+        defaultValue: 100,
+        variant: "primary",
+        minLabel: "",
+        maxLabel: "",
+        isDisabled: false,
+    },
+};
+exports.Secondary = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
+    args: {
+        label: "Tools value",
+        minValue: 20,
+        maxValue: 500,
+        defaultValue: 100,
+        variant: "secondary",
+        minLabel: "",
+        maxLabel: "",
+        isDisabled: false,
+    },
+};
+exports.Formatted = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
+    args: {
+        label: "Tools value",
+        minValue: 20,
+        maxValue: 500,
+        defaultValue: 100,
+        variant: "primary",
+        minLabel: "",
+        maxLabel: "",
+        isDisabled: false,
+        formatOptions: { style: "currency", currency: "EUR" },
+    },
+};
+exports.NoLabel = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
+    args: {
+        label: "",
+        "aria-label": "Tools value",
+        minValue: 20,
+        maxValue: 500,
+        variant: "primary",
+        defaultValue: 100,
+        minLabel: "",
+        maxLabel: "",
+        isDisabled: false,
+    },
+};
+exports.Disabled = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Slider_1.Slider, Object.assign({}, args)),
+    args: {
+        label: "Tools value",
+        minValue: 20,
+        maxValue: 500,
+        variant: "primary",
+        defaultValue: 100,
+        minLabel: "",
+        maxLabel: "",
+        isDisabled: true,
+    },
+};
+exports.default = meta;
+//# sourceMappingURL=Slider.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.stories.js","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.stories.tsx"],"names":[],"mappings":";;;;AACA,uCAA8D;AAC9D,qCAA+C;AAI/C,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,eAAM;IACjB,0EAA0E;IAC1E,QAAQ,oBAKH,IAAA,uBAAe,EAAC,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,CAAC,CAC5E;IACD,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,uBAAC,sBAAc,cACb,uBAAC,KAAK,KAAG,GACM,CAClB;KACF;CACF,CAAC;AAEW,QAAA,OAAO,GAAc;IAChC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,SAAS,GAAc;IAClC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,WAAW;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,SAAS,GAAc;IAClC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,YAAY,EAAE,GAAG;QACjB,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;KACtD;CACF,CAAC;AAEW,QAAA,OAAO,GAAc;IAChC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,aAAa;QAC3B,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEW,QAAA,QAAQ,GAAc;IACjC,MAAM,EAAE,CAAC,IAAiB,EAAE,EAAE,CAAC,uBAAC,eAAM,oBAAK,IAAI,EAAI;IACnD,IAAI,EAAE;QACJ,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,GAAG;QACjB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,IAAI;KACjB;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC"}

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

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

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

@@ -0,0 +1,85 @@
+"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("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");
+        });
+        it("should render an aria-label", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { "aria-label": "Test", maxLabel: "Max" }));
+            const slider = container.getElementsByTagName("input")[0];
+            expect(slider.getAttribute("aria-label")).toEqual("Test");
+        });
+    });
+    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);
+        });
+    });
+    /**
+     * Note: React Testing Library does not yet support
+     * <input type="range" />
+     * https://github.com/testing-library/user-event/issues/871
+     * We cannot use keyboard user events.  For now, the
+     * following tests work with fireEvent.change().
+     */
+    describe("events", () => {
+        it("should call events on input change", async () => {
+            const onChange = jest.fn();
+            const onChangeEnd = jest.fn();
+            const { container } = (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();
+            const slider = container.getElementsByTagName("input")[0];
+            expect(slider).toHaveFocus();
+            react_1.fireEvent.change(slider, { target: { value: "5" } });
+            expect(slider.value).toEqual("5");
+            expect(onChange).toHaveBeenCalledWith(5);
+            react_1.fireEvent.keyUp(slider);
+            expect(onChangeEnd).toHaveBeenCalledWith(5);
+        });
+        it("should not call onChange when value is already min", async () => {
+            const onChange = jest.fn();
+            const onChangeEnd = jest.fn();
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "test", defaultValue: 1, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
+            const slider = container.getElementsByTagName("input")[0];
+            react_1.fireEvent.change(slider, { target: { value: "1" } });
+            expect(onChange).not.toHaveBeenCalled();
+            // Cannot set value below min
+            react_1.fireEvent.change(slider, { target: { value: "0" } });
+            expect(onChange).not.toHaveBeenCalled();
+        });
+        it("should not call onChange when value is already max", async () => {
+            const onChange = jest.fn();
+            const onChangeEnd = jest.fn();
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(Slider_1.Slider, { label: "test", defaultValue: 10, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
+            const slider = container.getElementsByTagName("input")[0];
+            react_1.fireEvent.change(slider, { target: { value: "10" } });
+            expect(onChange).not.toHaveBeenCalled();
+            // Cannot set value above max
+            react_1.fireEvent.change(slider, { target: { value: "11" } });
+            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/helpers.d.ts

@@ -0,0 +1,5 @@
+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;
+export declare function numberFormatter(value: number | string | undefined, formatOptions?: Intl.NumberFormatOptions, locale?: string): string;

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

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

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

@@ -0,0 +1,75 @@
+"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);
+        });
+    });
+    describe("numberFormatter", () => {
+        it("returns an empty string when no params are passed", () => {
+            expect((0, helpers_1.numberFormatter)(undefined)).toEqual("");
+        });
+        it("returns the unformatted value when no formatter is present", () => {
+            expect((0, helpers_1.numberFormatter)(43)).toEqual("43");
+            expect((0, helpers_1.numberFormatter)("QQ")).toEqual("QQ");
+        });
+        it("returns the unformatted value when format options are empty", () => {
+            const formatOptions = {};
+            expect((0, helpers_1.numberFormatter)(35, formatOptions)).toEqual("35");
+        });
+        it("returns a formatted value, defaulting to en-GB locale", () => {
+            const formatOptions = { style: "currency", currency: "EUR" };
+            expect((0, helpers_1.numberFormatter)(35.4, formatOptions)).toEqual("€35.40");
+        });
+        it("respects a locale if supplied", () => {
+            const formatOptions = { style: "currency", currency: "EUR" };
+            expect((0, helpers_1.numberFormatter)(35.4, formatOptions, "de-DE")).toEqual("35,40 €");
+        });
+    });
+});
+//# 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/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 type BodyRef = Ref<HTMLTableSectionElement>;
+declare const Body: ForwardedRefComponent<BodyProps, HTMLTableSectionElement>;
+export { Body };

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

@@ -0,0 +1,11 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface CellProps extends RefAttributes<HTMLTableCellElement> {
+    children?: ReactNode;
+    className?: string;
+    colSpan?: number;
+    rowSpan?: number;
+}
+export type CellRef = Ref<HTMLTableCellElement>;
+declare const Cell: ForwardedRefComponent<CellProps, HTMLTableCellElement>;
+export { Cell };

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

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

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

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

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

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

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

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