@simplybusiness/mobius 3.0.0

package/dist/esm/components/Radio/RadioContext.js

@@ -0,0 +1,3 @@
+import { createContext } from "react";
+export const RadioContext = createContext(null);
+//# sourceMappingURL=RadioContext.js.map

package/dist/esm/components/Radio/RadioContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioContext.js","sourceRoot":"","sources":["../../../../src/components/Radio/RadioContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAW,MAAM,OAAO,CAAC;AAS/C,MAAM,CAAC,MAAM,YAAY,GACvB,aAAa,CAA2B,IAAI,CAAC,CAAC"}

package/dist/esm/components/Radio/RadioGroup.js

@@ -0,0 +1,57 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { Children, forwardRef, cloneElement, isValidElement, useMemo, } from "react";
+import { useRadioGroup } from "@react-aria/radio";
+import { useRadioGroupState } from "@react-stately/radio";
+import clsx from "clsx";
+import { useSlotId } from "@react-aria/utils";
+import { RadioContext } from "./RadioContext";
+import { Flex } from "../Flex";
+import { Label } from "../Label";
+import { ErrorMessage } from "../ErrorMessage";
+import { spaceDelimitedList } from "../../utils/spaceDelimitedList";
+const RadioGroup = forwardRef((props, ref) => {
+    const state = useRadioGroupState(props);
+    const { label, isDisabled = false, isRequired, validationState, orientation = "vertical", circular, className, errorMessage } = props, rest = __rest(props, ["label", "isDisabled", "isRequired", "validationState", "orientation", "circular", "className", "errorMessage"]);
+    const { radioGroupProps, labelProps } = useRadioGroup(props, state);
+    const radioClasses = {
+        "--is-disabled": isDisabled,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired,
+        [`--is-${orientation}`]: true,
+        [className || ""]: true,
+    };
+    const radioGroupClasses = clsx("mobius", "mobius/RadioGroup", radioClasses);
+    const labelClasses = clsx("mobius/Label", radioClasses);
+    const errorMessageId = useSlotId([Boolean(errorMessage), validationState]);
+    const describedBy = spaceDelimitedList([
+        errorMessageId,
+        props["aria-describedby"],
+    ]);
+    // Create stable state for context
+    const radioState = useMemo(() => ({ state, isDisabled, validationState, circular }), [state, isDisabled, validationState, circular]);
+    return (_jsxs(Flex, Object.assign({}, rest, radioGroupProps, { ref: ref, flexDirection: "column", className: radioGroupClasses }, { children: [label && (_jsx(Label, Object.assign({}, labelProps, { className: labelClasses }, { children: label }))), _jsx(RadioContext.Provider, Object.assign({ value: radioState }, { children: _jsx(Flex, Object.assign({ flexDirection: orientation === "horizontal" ? "row" : "column", className: "mobius/RadioWrapper" }, { children: Children.map(props.children, child => {
+                        if (!isValidElement(child)) {
+                            return null;
+                        }
+                        return cloneElement(child, {
+                            orientation,
+                            "aria-describedby": describedBy,
+                        });
+                    }) })) })), errorMessage && (_jsx(ErrorMessage, { id: errorMessageId, errorMessage: errorMessage }))] })));
+});
+RadioGroup.displayName = "RadioGroup";
+export { RadioGroup };
+//# sourceMappingURL=RadioGroup.js.map

package/dist/esm/components/Radio/RadioGroup.js.map

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

package/dist/esm/components/Radio/index.js

@@ -0,0 +1,5 @@
+export * from "./Radio";
+export * from "./RadioButton";
+export * from "./RadioGroup";
+export * from "./RadioContext";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/dist/esm/components/SVG/SVG.js

@@ -0,0 +1,25 @@
+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;
+};
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef, Children } from "react";
+import clsx from "clsx";
+const SVG = forwardRef((props, ref) => {
+    const { children, className } = props, otherProps = __rest(props, ["children", "className"]);
+    const classes = clsx("mobius", "mobius/SVG", className);
+    const svgNode = Children.only(children);
+    // Remove originalType and mdxType props
+    const { children: svgChildren, viewBox, xmlns } = svgNode.props;
+    return (_jsx("svg", Object.assign({ viewBox: viewBox, xmlns: xmlns, ref: ref }, otherProps, { className: classes }, { children: svgChildren })));
+});
+SVG.displayName = "SVG";
+export { SVG };
+//# sourceMappingURL=SVG.js.map

package/dist/esm/components/SVG/SVG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVG.js","sourceRoot":"","sources":["../../../../src/components/SVG/SVG.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAAiB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,IAAI,MAAM,MAAM,CAAC;AAUxB,MAAM,GAAG,GAAmD,UAAU,CACpE,CAAC,KAAe,EAAE,GAAW,EAAE,EAAE;IAC/B,MAAM,EAAE,QAAQ,EAAE,SAAS,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA9C,yBAAsC,CAAQ,CAAC;IAErD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;IACxD,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxC,wCAAwC;IACxC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC;IAEhE,OAAO,CACL,4BACE,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,IACJ,UAAU,IACd,SAAS,EAAE,OAAO,gBAEjB,WAAW,IACR,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AACxB,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/esm/components/SVG/SVG.test.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { SVG } from ".";
+const CLASS_NAME = "mobius/SVG";
+const SvgImage = (_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 299.8 85" }, { children: _jsx("path", { d: "M109.9 38.7c3.3-3.7 4.9-8.2 4.9-13.7 0-6.5-2.3-12.4-6.6-16.7-4.6-4.7-11.1-7.1-18.8-7.1H68.5c-5.3 0-9.1 3.8-9.1 9.1v64.8c0 5.2 3.9 9.1 9.1 9.1h24.8c8.8 0 16.1-2.6 21.2-7.6 4.7-4.6 7.3-11.1 7.3-18.3 0-4.7-1.2-8.9-3.5-12.4-2.1-3-4.9-5.4-8.4-7.2zM68.4 75.9c-.7 0-.9-.3-.9-.9V10.2c0-.8.2-.9.9-.9h20.9c3.8 0 9.2.8 13.1 4.7 2.7 2.8 4.2 6.6 4.2 10.9 0 9.1-11.8 16.2-11.8 16.2s13.2 3.4 16.5 9.2c1.4 2.1 2.1 4.8 2.1 7.9 0 5-1.7 9.4-4.8 12.5-3.5 3.4-8.9 5.3-15.5 5.3l-24.7-.1zM52.2 51.3c1.4 2.8 2.1 5.9 2.1 9.5 0 3.3-.6 6.5-1.8 9.4s-3 5.5-5.3 7.7-5.1 4-8.6 5.2c-3.5 1.3-7.3 1.9-11.5 1.9-5.2 0-10-.9-14.4-2.6-4.4-1.8-8-3.7-10.7-5.7-.7-.6-1.2-1.1-1.6-1.8-.3-.5-.4-1-.4-1.6v-.6c.1-.9.5-1.8 1.2-2.8l2.6-3.7c.9-1.2 1.9-1.9 2.9-2.1.2 0 .3-.1.5-.1.9 0 2 .4 3.2 1.1 5.7 4.1 11.3 6.1 16.7 6.1 3.8 0 6.8-.9 9-2.6s3.3-4 3.3-6.8c0-1.7-.4-3.2-1.3-4.6-.9-1.4-2.1-2.6-3.5-3.6-1.5-1-3.2-2-5.1-2.9-1.9-.9-4-1.9-6.1-2.8-2.1-.9-4.2-1.9-6.3-2.9-2.1-1-4.1-2.2-6-3.5S7.5 38.7 6 37.1c-1.5-1.6-2.7-3.6-3.5-5.8-.9-2.3-1.3-4.8-1.3-7.5 0-4.7 1.2-8.9 3.7-12.5s5.8-6.4 10-8.4C19.1 1 23.8 0 29 0c4.4 0 8.5.7 12.3 1.9 3.8 1.3 6.8 2.7 9 4.3 1.5 1.1 2.3 2.4 2.3 3.8 0 .9-.3 1.8-.9 2.8l-2.1 3.8c-.9 1.7-2.1 2.5-3.6 2.5-.9 0-1.9-.3-3-.9-1.5-.9-2.8-1.6-3.9-2.2-1.1-.6-2.6-1.1-4.6-1.6s-3.9-.8-5.9-.8c-3.8 0-6.9.9-9.2 2.6-2.3 1.7-3.4 4-3.4 6.8 0 2.1.7 3.9 2.1 5.5s3.3 3 5.5 4.1c2.3 1.1 4.7 2.3 7.5 3.4 2.7 1.1 5.4 2.4 8.2 3.7 2.7 1.4 5.2 2.9 7.4 4.7 2.2 1.9 4 4.1 5.5 6.9zm80.1-25.1l1-1.4c.7-1 1.4-1 2.5-.4 1 .7 3.2 2.2 6.2 2.2 2.9 0 4.6-1.4 4.6-3.5 0-5.8-14.3-4.6-14.3-14.2 0-5.4 4.5-8.9 10.3-8.9 3.6 0 6.6 1.4 7.9 2.3 1 .7 1.1 1.5.6 2.5l-.8 1.4c-.6 1.3-1.6 1.1-2.5.6-1.3-.7-2.9-1.7-5.3-1.7-2.9 0-4.7 1.4-4.7 3.5 0 5.7 14.3 4.3 14.3 14 0 5-3.7 9.1-10.2 9.1-4.4 0-7.9-1.9-9.4-3.1-.6-.5-1-1.3-.2-2.4zm24.1-22.5V2.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1.1-2.2 3.8-4.7 7.2-4.7 3.3 0 5.5 1.6 6.4 4.5h.1c1.2-2.3 4.1-4.5 7.5-4.5 4.6 0 7.2 2.6 7.2 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.5-.5-4.4-3-4.4-3.7 0-5.6 3.8-5.6 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V18.1c0-2.4-.3-4.4-2.9-4.4-3.9 0-5.7 4-5.7 7.6v8.1c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V11.1zm38.9 0c0-1.2.6-1.8 1.8-1.8h1.4c1.2 0 1.8.6 1.8 1.5v1.9h.1s1.9-3.9 7.1-3.9c6 0 9.8 4.7 9.8 11.5 0 7-4.3 11.5-10.1 11.5-4.6 0-6.4-3.4-6.4-3.4h-.1s.1.8.1 1.9v7.8c0 1.2-.6 1.8-1.8 1.8H208c-1.2 0-1.8-.6-1.8-1.8v-27zM217 27.2c3 0 5.5-2.5 5.5-6.8 0-4.2-2.2-6.9-5.5-6.9-2.9 0-5.6 2.1-5.6 6.9.1 3.4 2 6.8 5.6 6.8zm15.2-24.8c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v21.5c0 2.2.9 2.5 1.7 2.6.8.1 1.3.6 1.3 1.6v1.5c0 1.1-.5 1.9-1.8 1.9-2.9 0-6.7-.8-6.7-7.1v-22zm12.3 33c.4.2.9.4 1.6.4 1.6 0 2.9-1.4 3.5-2.9l.8-1.9-8.4-19.6c-.6-1.3 0-2.1 1.4-2.1h2.3c1.1 0 1.7.5 2 1.5l4.2 11.2c.4 1.2.8 3 .8 3h.1s.4-1.7.7-2.9l3.9-11.3c.3-1 1-1.5 2-1.5h2.2c1.3 0 1.9.8 1.5 2.1L254 34.6c-1.5 4-4.7 5.8-8 5.8-1.2 0-2.3-.3-3.1-.6-1-.4-1.3-1.3-.8-2.3l.4-1c.5-1.1 1.2-1.3 2-1.1zM133.7 52.2c0-1.2.6-1.8 1.8-1.8h9.2c5.5 0 9.5 2.8 9.5 7.9 0 2.8-1.4 5.3-3.7 6.6v.1c3.3 1 4.9 4.1 4.9 7.2 0 6.1-4.9 8.9-10.6 8.9h-9.3c-1.2 0-1.8-.6-1.8-1.8V52.2zm11 10.7c2.4 0 3.8-1.7 3.8-3.9s-1.3-3.8-3.9-3.8h-5.3v7.7h5.4zm.5 13.3c2.9 0 4.5-1.9 4.5-4.4s-1.6-4.4-4.5-4.4h-6v8.8h6zm14.3-15.4c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8V72c0 2.7.7 4.5 3.4 4.5 4 0 6.2-3.5 6.2-7.4v-8.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.7c-1.2 0-1.8-.6-1.8-1.8v-1.3c0-.5.1-1 .1-1-1 2.2-3.9 4.6-7.7 4.6-4.7 0-7.7-2.4-7.7-8.4V60.8zm25.1 16l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm20.3-23.3v-1.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v1.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8zm0 7.3c0-1.2.6-1.8 1.8-1.8h1.9c1.2 0 1.8.6 1.8 1.8v18.4c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V60.8zm10.9 0c0-1.2.6-1.8 1.8-1.8h1.7c1.2 0 1.8.6 1.8 1.8v1.3c0 .5-.1 1-.1 1h.1c1-1.9 3.4-4.7 7.8-4.7 4.9 0 7.7 2.5 7.7 8.4v12.3c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8V67.9c0-2.7-.7-4.5-3.5-4.5-3.9 0-6.4 3.2-6.4 7.2v8.5c0 1.2-.6 1.8-1.8 1.8h-1.9c-1.2 0-1.8-.6-1.8-1.8l.1-18.3zm35.8-2.3c6.3 0 9.8 4.4 9.8 10.5 0 .9-.8 1.9-1.9 1.9H246c.3 4 3.3 6 6.6 6 2 0 3.7-.8 4.8-1.4 1.1-.5 1.9-.4 2.4.6l.5.9c.5 1 .3 1.9-.6 2.4-1.4.9-4 2.2-7.5 2.2-7.3 0-11.9-5.3-11.9-11.5.1-6.8 4.7-11.6 11.3-11.6zm4.3 9c-.1-3.1-1.9-4.9-4.5-4.9-2.8 0-4.8 1.9-5.3 4.9h9.8zm8.5 9.3l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.9-.7-1-1.6-.3-2.6zm19.3 0l.5-.8c.6-.9 1.4-1 2.5-.4 1 .6 2.7 1.5 4.9 1.5 1.9 0 3.1-.9 3.1-2.2 0-3.6-10.9-2.2-10.9-9.8 0-4.3 3.8-6.6 8.4-6.6 2.9 0 5 .9 6.1 1.6 1 .5 1.1 1.4.6 2.4l-.4.8c-.5 1-1.3 1.2-2.4.7-1-.4-2.4-1.1-4.2-1.1-1.9 0-3 .8-3 2.2 0 3.6 10.9 2.2 10.9 9.7 0 3.9-3.3 6.8-8.4 6.8-3.5 0-6-1.3-7.4-2.2-.8-.7-.9-1.6-.3-2.6z" }) })));
+describe("Test for SVG", () => {
+    it("should render without errors", () => {
+        render(_jsx(SVG, Object.assign({ css: { fill: "primary", width: "size-100" } }, { children: SvgImage })));
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            render(_jsx(SVG, Object.assign({ css: { fill: "primary", width: "size-100" }, "data-testid": "test" }, { children: SvgImage })));
+            expect(screen.getByTestId("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            render(_jsx(SVG, Object.assign({ css: { fill: "primary", width: "size-100" }, "data-testid": "test" }, { children: SvgImage })));
+            expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            render(_jsx(SVG, Object.assign({ css: { fill: "primary", width: "size-100" }, "data-testid": "test", className: "my-class" }, { children: SvgImage })));
+            expect(screen.getByTestId("test")).toHaveClass("my-class");
+            expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=SVG.test.js.map

package/dist/esm/components/SVG/SVG.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SVG.test.js","sourceRoot":"","sources":["../../../../src/components/SVG/SVG.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,CAAC;AAExB,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC,MAAM,QAAQ,GAAG,CACf,4BAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,cAAc,gBAC5D,eAAM,CAAC,EAAC,kwKAAkwK,GAAG,IACzwK,CACP,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,KAAC,GAAG,kBAAC,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAG,QAAQ,IAAO,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACxC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;YAC3B,MAAM,CACJ,KAAC,GAAG,kBAAC,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAc,MAAM,gBACjE,QAAQ,IACL,CACP,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,MAAM,CACJ,KAAC,GAAG,kBAAC,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAc,MAAM,gBACjE,QAAQ,IACL,CACP,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,MAAM,CACJ,KAAC,GAAG,kBACF,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,iBAC/B,MAAM,EAClB,SAAS,EAAC,UAAU,gBAEnB,QAAQ,IACL,CACP,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/components/SVG/index.js

@@ -0,0 +1,2 @@
+export * from "./SVG";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/SVG/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SVG/index.tsx"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}

package/dist/esm/components/Segment/Segment.js

@@ -0,0 +1,21 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import clsx from "clsx";
+const Segment = (props) => {
+    const { heading, children, colour, inverted, className } = props, rest = __rest(props, ["heading", "children", "colour", "inverted", "className"]);
+    const classes = clsx("mobius", "mobius/Segment", colour, { inverted }, className);
+    return (_jsxs("div", Object.assign({ className: classes }, rest, { children: [heading && _jsx("div", Object.assign({ className: "mobius/SegmentHeading" }, { children: heading })), children] })));
+};
+Segment.displayName = "Segment";
+export { Segment };
+//# sourceMappingURL=Segment.js.map

package/dist/esm/components/Segment/Segment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Segment.js","sourceRoot":"","sources":["../../../../src/components/Segment/Segment.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,IAAI,MAAM,MAAM,CAAC;AAYxB,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAnE,0DAA2D,CAAQ,CAAC;IAE1E,MAAM,OAAO,GAAG,IAAI,CAClB,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,EAAE,QAAQ,EAAE,EACZ,SAAS,CACV,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,IAAM,IAAI,eAC9B,OAAO,IAAI,4BAAK,SAAS,EAAC,uBAAuB,gBAAE,OAAO,IAAO,EACjE,QAAQ,KACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/esm/components/Segment/SegmentGroup.js

@@ -0,0 +1,22 @@
+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;
+};
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import clsx from "clsx";
+const SegmentGroup = (props) => {
+    const { children, horizontal, margin, className } = props, rest = __rest(props, ["children", "horizontal", "margin", "className"]);
+    const marginClass = margin ? `margin-${margin}` : "";
+    const classes = clsx("mobius", "mobius/SegmentGroup", className, { horizontal }, marginClass);
+    return (_jsx("div", Object.assign({ className: classes }, rest, { children: children })));
+};
+SegmentGroup.displayName = "SegmentGroup";
+export { SegmentGroup };
+//# sourceMappingURL=SegmentGroup.js.map

package/dist/esm/components/Segment/SegmentGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentGroup.js","sourceRoot":"","sources":["../../../../src/components/Segment/SegmentGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,IAAI,MAAM,MAAM,CAAC;AAiBxB,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA5D,iDAAoD,CAAQ,CAAC;IAEnE,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,UAAU,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACrD,MAAM,OAAO,GAAG,IAAI,CAClB,QAAQ,EACR,qBAAqB,EACrB,SAAS,EACT,EAAE,UAAU,EAAE,EACd,WAAW,CACZ,CAAC;IAEF,OAAO,CACL,4BAAK,SAAS,EAAE,OAAO,IAAM,IAAI,cAC9B,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from "./SegmentGroup";
+export * from "./Segment";
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/Select/Select.js

@@ -0,0 +1,57 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef, } from "react";
+import { useLabel } from "@react-aria/label";
+import clsx from "clsx";
+import { useFocusRing } from "@react-aria/focus";
+import { useHover } from "@react-aria/interactions";
+import { useSlotId } from "@react-aria/utils";
+import { Flex } from "../Flex";
+import { ErrorMessage } from "../ErrorMessage";
+import { Label } from "../Label";
+import { spaceDelimitedList } from "../../utils/spaceDelimitedList";
+const Select = forwardRef((props, ref) => {
+    const { label, onChange, validationState, errorMessage, isDisabled = false, isRequired } = props, otherProps = __rest(props, ["label", "onChange", "validationState", "errorMessage", "isDisabled", "isRequired"]);
+    const { labelProps, fieldProps } = useLabel(Object.assign({ label }, otherProps));
+    // focusProps are returned as type HTMLAttributes<HTMLElement> and not a synthetic event
+    const { isFocusVisible, focusProps } = useFocusRing({
+        within: true,
+    });
+    const { isHovered, hoverProps } = 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 = clsx("mobius/SelectWrapper", stateClasses, otherProps.className);
+    const selectClasses = clsx("mobius/Select", stateClasses, otherProps.className);
+    const labelClasses = clsx("mobius/Label", stateClasses, otherProps.className);
+    const iconClasses = clsx("mobius/SelectIcon", stateClasses);
+    const errorMessageId = useSlotId([Boolean(errorMessage), validationState]);
+    const describedBy = spaceDelimitedList([
+        errorMessageId,
+        props["aria-describedby"],
+    ]);
+    return (_jsxs(Flex, Object.assign({ className: "mobius mobius/SelectOuter", css: { flexDirection: "column" } }, { children: [label && (_jsx(Label, Object.assign({}, labelProps, { className: labelClasses }, { children: label }))), _jsxs("div", Object.assign({ className: wrapperClasses }, hoverProps, focusProps, { children: [_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);
+                            }
+                        } })), _jsx("span", { className: iconClasses })] })), _jsx(ErrorMessage, { id: errorMessageId, errorMessage: errorMessage })] })));
+});
+Select.displayName = "Select";
+export { Select };
+//# sourceMappingURL=Select.js.map

package/dist/esm/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/esm/components/Select/Select.test.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { matchers } from "@emotion/jest";
+import { Select } from ".";
+import { Option } from "..";
+const CLASS_NAME = "mobius/Select";
+const LABEL_CLASS_NAME = "mobius/Label";
+expect.extend(matchers);
+describe("Select", () => {
+    it("should render without error", () => {
+        const component = render(_jsxs(Select, Object.assign({ label: "Color" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
+        expect(component).toBeTruthy();
+    });
+    it("should call onChange when clicked", async () => {
+        const callback = jest.fn();
+        const { getByLabelText } = render(_jsxs(Select, Object.assign({ label: "Color", name: "color", onChange: callback }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
+        await userEvent.selectOptions(getByLabelText("Color"), ["Red"]);
+        expect(callback).toHaveBeenCalledWith("Red");
+    });
+    describe("with errors", () => {
+        it("should render the error", () => {
+            const { getByText } = render(_jsxs(Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
+            expect(getByText("Required")).toBeTruthy();
+        });
+        it("should set aria-invalid to true", () => {
+            const { getByLabelText } = render(_jsxs(Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
+            expect(getByLabelText("Color").getAttribute("aria-invalid")).toBeTruthy();
+        });
+        it("should set the correct aria-describedby attribute", () => {
+            const { getByLabelText } = render(_jsxs(Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
+            expect(getByLabelText("Color")).toHaveAccessibleDescription("Required");
+        });
+    });
+    describe("given a disabled option", () => {
+        it("should render with disabled attribute applied", () => {
+            render(_jsxs(Select, Object.assign({ label: "Color", name: "color" }, { children: [_jsx(Option, Object.assign({ isDisabled: true }, { children: "Please select a color" })), _jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
+            const options = screen.queryAllByRole("option");
+            expect(options[0]).toBeDisabled();
+        });
+    });
+    describe("isRequired", () => {
+        it("should set aria-required to true", () => {
+            render(_jsxs(Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required", isRequired: true }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
+            expect(screen.getByLabelText("Color")).toHaveAttribute("aria-required", "true");
+        });
+        it("should have className of --is-required when true", () => {
+            render(_jsxs(Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required", isRequired: true }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
+            expect(screen.getByLabelText("Color")).toHaveClass("--is-required");
+        });
+        it("should have className of --is-optional when false", () => {
+            render(_jsxs(Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required", isRequired: false }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
+            expect(screen.getByLabelText("Color")).toHaveClass("--is-optional");
+        });
+        it("should have neither --is-required nor --is-optional when unset", () => {
+            render(_jsxs(Select, Object.assign({ label: "Color", name: "color", errorMessage: "Required" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
+            expect(screen.getByLabelText("Color")).not.toHaveClass("--is-required");
+            expect(screen.getByLabelText("Color")).not.toHaveClass("--is-optional");
+        });
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            const { container } = render(_jsxs(Select, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
+            expect(container.firstChild).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            render(_jsxs(Select, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
+            expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            render(_jsxs(Select, Object.assign({ label: "Color", "data-testid": "test", className: "my-class" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
+            expect(screen.getByTestId("test")).toHaveClass("my-class");
+            expect(screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes label class name", () => {
+            var _a, _b;
+            render(_jsxs(Select, Object.assign({ label: "Color", "data-testid": "test" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
+            expect((_b = (_a = 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", () => {
+            render(_jsxs(Select, Object.assign({ label: "Color", "data-testid": "test", isDisabled: true }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
+            const select = screen.getByTestId("test");
+            const selectIcon = select.nextElementSibling;
+            expect(select).toHaveClass("--is-disabled");
+            expect(selectIcon).toHaveClass("--is-disabled");
+        });
+        it("includes valid state class name", () => {
+            render(_jsxs(Select, Object.assign({ label: "Color", "data-testid": "test", validationState: "valid" }, { children: [_jsx(Option, { children: "Red" }), _jsx(Option, { children: "Blue" })] })));
+            const select = screen.getByTestId("test");
+            const selectIcon = select.nextElementSibling;
+            expect(select).toHaveClass("--is-valid");
+            expect(selectIcon).toHaveClass("--is-valid");
+        });
+    });
+});
+//# sourceMappingURL=Select.test.js.map

package/dist/esm/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/esm/components/Select/index.js

@@ -0,0 +1,2 @@
+export * from "./Select";
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/components/Slider/Slider.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { useRef } from "react";
+import { useSlider } from "@react-aria/slider";
+import { useSliderState } from "@react-stately/slider";
+import { useNumberFormatter } from "@react-aria/i18n";
+import clsx from "clsx";
+import { SliderThumb } from "./Thumb";
+import { Label } from "../Label";
+import { useUnwrappedHandler, useWrappedValue } from "./helpers";
+export function Slider(props) {
+    const { className, label, defaultValue, value, onChange, onChangeEnd, variant = "primary", minLabel, maxLabel, formatOptions, isDisabled = false, } = props;
+    const trackRef = useRef(null);
+    const numberFormatter = useNumberFormatter(formatOptions);
+    const wrappedValue = useWrappedValue(value);
+    const wrappedDefaultValue = useWrappedValue(defaultValue);
+    const unwrappedOnChange = useUnwrappedHandler(onChange);
+    const unwrappedOnChangeEnd = useUnwrappedHandler(onChangeEnd);
+    const state = useSliderState(Object.assign(Object.assign({}, props), { value: wrappedValue, defaultValue: wrappedDefaultValue, onChange: unwrappedOnChange, onChangeEnd: unwrappedOnChangeEnd, numberFormatter,
+        isDisabled }));
+    const { groupProps, trackProps, labelProps, outputProps } = useSlider(Object.assign(Object.assign({}, props), { value: wrappedValue, defaultValue: wrappedDefaultValue, onChange: unwrappedOnChange, onChangeEnd: unwrappedOnChangeEnd }), state, trackRef);
+    const classes = clsx("mobius", "mobius/Slider", className, {
+        "--is-disabled": isDisabled,
+        "--is-primary": variant === "primary",
+        "--is-secondary": variant === "secondary",
+    });
+    return (_jsxs("div", Object.assign({}, groupProps, { css: {
+            position: "relative",
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            touchAction: "none",
+        }, className: classes }, { children: [_jsxs("div", Object.assign({ css: { display: "flex", alignSelf: "stretch" } }, { children: [label && _jsx(Label, Object.assign({}, labelProps, { children: label })), label && (_jsx("output", Object.assign({}, outputProps, { style: { flex: "1 0 auto", textAlign: "end" } }, { children: state.getThumbValueLabel(0) })))] })), _jsxs("div", Object.assign({}, trackProps, { ref: trackRef, className: "mobius mobius/SliderTrackWrapper", css: {
+                    position: "relative",
+                    width: "100%",
+                } }, { children: [_jsx("div", { className: "mobius/SliderTrack", css: {
+                            position: "absolute",
+                            width: "100%",
+                        } }), _jsx(SliderThumb, { index: 0, state: state, trackRef: trackRef })] })), _jsxs("div", Object.assign({ className: "mobius/SliderLabels" }, { children: [_jsx("div", Object.assign({ className: "mobius/SliderMinLabel", "data-testid": "min-label" }, { children: minLabel })), _jsx("div", Object.assign({ className: "mobius/SliderMaxLabel", "data-testid": "max-label" }, { children: maxLabel }))] }))] })));
+}
+//# sourceMappingURL=Slider.js.map

package/dist/esm/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/esm/components/Slider/Slider.test.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { render } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { Slider } from "./Slider";
+describe("Slider", () => {
+    it("should render without errors", () => {
+        const { container } = render(_jsx(Slider, { className: "test", label: "Test", defaultValue: 0 }));
+        expect(container).toBeInTheDocument();
+    });
+    describe("labels", () => {
+        it("should render a min label", () => {
+            const { getByTestId } = render(_jsx(Slider, { label: "Test", minLabel: "Min" }));
+            expect(getByTestId("min-label")).toHaveTextContent("Min");
+        });
+        it("should render a max label", () => {
+            const { getByTestId } = render(_jsx(Slider, { label: "Test", maxLabel: "Max" }));
+            expect(getByTestId("max-label")).toHaveTextContent("Max");
+        });
+    });
+    describe("classnames", () => {
+        let result;
+        beforeEach(() => {
+            result = render(_jsx(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();
+            render(_jsx(Slider, { label: "test", defaultValue: 1, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
+            await userEvent.tab();
+            await userEvent.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();
+            render(_jsx(Slider, { label: "test", defaultValue: 1, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
+            await userEvent.tab();
+            await userEvent.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();
+            render(_jsx(Slider, { label: "test", defaultValue: 10, minValue: 1, maxValue: 10, onChange: onChange, onChangeEnd: onChangeEnd }));
+            await userEvent.tab();
+            await userEvent.keyboard("{arrowright}");
+            expect(onChange).not.toHaveBeenCalled();
+        });
+    });
+});
+//# sourceMappingURL=Slider.test.js.map

package/dist/esm/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/esm/components/Slider/Thumb.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { useRef } from "react";
+import { useFocusRing } from "@react-aria/focus";
+import { VisuallyHidden } from "@react-aria/visually-hidden";
+import { mergeProps } from "@react-aria/utils";
+import { useSliderThumb } from "@react-aria/slider";
+import clsx from "clsx";
+export function SliderThumb(props) {
+    const { state, trackRef, index, isDisabled } = props;
+    const inputRef = useRef(null);
+    const { thumbProps, inputProps } = useSliderThumb({
+        index,
+        trackRef,
+        inputRef,
+    }, state);
+    const { focusProps, isFocusVisible } = useFocusRing();
+    const classes = {
+        "--is-disabled": isDisabled,
+        "--is-focus-visible": isFocusVisible,
+        "is-dragging": state.isThumbDragging(index),
+    };
+    const wrapperClasses = clsx("mobius", "mobius/SliderThumbWrapper", classes);
+    const thumbClasses = clsx("mobius", "mobius/SliderThumb", classes);
+    return (_jsx("div", Object.assign({ css: {
+            position: "absolute",
+            top: "calc(50% - 1px)",
+            transform: "translateX(-50%)",
+            left: `${state.getThumbPercent(index) * 100}%`,
+        }, className: wrapperClasses }, { children: _jsx("div", Object.assign({}, thumbProps, { className: thumbClasses }, { children: _jsx(VisuallyHidden, { children: _jsx("input", Object.assign({ ref: inputRef }, mergeProps(inputProps, focusProps))) }) })) })));
+}
+//# sourceMappingURL=Thumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Thumb.js","sourceRoot":"","sources":["../../../../src/components/Slider/Thumb.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,cAAc,CAC/C;QACE,KAAK;QACL,QAAQ;QACR,QAAQ;KACT,EACD,KAAK,CACN,CAAC;IAEF,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,YAAY,EAAE,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,IAAI,CAAC,QAAQ,EAAE,2BAA2B,EAAE,OAAO,CAAC,CAAC;IAC5E,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAAC;IAEnE,OAAO,CACL,4BACE,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,8BAAS,UAAU,IAAE,SAAS,EAAE,YAAY,gBAC1C,KAAC,cAAc,cACb,8BAAO,GAAG,EAAE,QAAQ,IAAM,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC,EAAI,GACjD,IACb,IACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,19 @@
+import { useCallback, useMemo } from "react";
+export function unwrapFirstValue(value) {
+    if (Array.isArray(value)) {
+        return value[0];
+    }
+    return value;
+}
+export function wrapValue(value) {
+    return value === undefined ? undefined : [value];
+}
+export function useUnwrappedHandler(handler) {
+    return useCallback((value) => {
+        handler === null || handler === void 0 ? void 0 : handler(unwrapFirstValue(value));
+    }, [handler]);
+}
+export function useWrappedValue(value) {
+    return useMemo(() => wrapValue(value), [value]);
+}
+//# sourceMappingURL=helpers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/components/Slider/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,UAAU,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;AAED,MAAM,UAAU,SAAS,CAAI,KAAoB;IAC/C,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AACnD,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,OAAqD;IAErD,OAAO,WAAW,CAChB,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;AAED,MAAM,UAAU,eAAe,CAAI,KAAoB;IACrD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAClD,CAAC"}