@simplybusiness/mobius 3.0.0

package/dist/cjs/components/Radio/RadioButton.js

@@ -0,0 +1,65 @@
+"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.RadioButton = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const radio_1 = require("@react-aria/radio");
+const focus_1 = require("@react-aria/focus");
+const interactions_1 = require("@react-aria/interactions");
+const clsx_1 = __importDefault(require("clsx"));
+const RadioContext_1 = require("./RadioContext");
+const RadioButton = (0, react_1.forwardRef)((props, ref) => {
+    const radioContext = (0, react_1.useContext)(RadioContext_1.RadioContext);
+    if (radioContext === null) {
+        throw Error("Context has not been Provided!");
+    }
+    const { state, isDisabled: groupDisabled, circular } = radioContext;
+    const { children, value, label, className, isDisabled } = props, otherProps = __rest(props, ["children", "value", "label", "className", "isDisabled"]);
+    const realDisabled = groupDisabled || isDisabled;
+    // Cast aria-label key if label prop is set
+    const { inputProps } = (0, radio_1.useRadio)(Object.assign(Object.assign({}, props), { isDisabled: realDisabled, "aria-label": props.label }), state, ref);
+    const { isFocusVisible, focusProps } = (0, focus_1.useFocusRing)({
+        within: true,
+    });
+    const { isHovered, hoverProps } = (0, interactions_1.useHover)(Object.assign(Object.assign({}, otherProps), { isDisabled: realDisabled }));
+    const isSelected = state.selectedValue === inputProps.value;
+    const radioClasses = {
+        "--is-disabled": realDisabled,
+        "--is-hovered": isHovered,
+        "--is-focused": isFocusVisible,
+        "--is-selected": isSelected,
+        circular,
+    };
+    const containerClasses = (0, clsx_1.default)("mobius", "mobius/RadioButtonLabel", radioClasses, className);
+    const nativeInput = ((0, jsx_runtime_1.jsx)("input", Object.assign({ value: value }, otherProps, inputProps, focusProps, { ref: ref, className: "mobius/RadioInput" })));
+    // Simple scenario: only label set
+    let content = (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mobius/RadioButtonContent" }, { children: label }));
+    if (children) {
+        // Determine type of children (label or icon) and map to relevant HTML span
+        const childMap = { label };
+        react_1.Children.map(children, child => {
+            var _a;
+            const childType = typeof child === "object" && ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.name) ? "icon" : "label";
+            childMap[childType] = child;
+        });
+        content = childMap["icon"] ? ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "mobius/RadioButtonContent" }, { children: [childMap["icon"] && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "mobius/RadioButtonIcon" }, { children: childMap["icon"] }))), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "mobius/RadioButtonText" }, { children: childMap["label"] }))] }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mobius/RadioButtonContent" }, { children: childMap["label"] })));
+    }
+    return ((0, jsx_runtime_1.jsxs)("label", Object.assign({ css: { display: "flex", alignItems: "center" }, className: containerClasses }, hoverProps, { children: [nativeInput, content] })));
+});
+exports.RadioButton = RadioButton;
+RadioButton.displayName = "RadioButton";
+//# sourceMappingURL=RadioButton.js.map

package/dist/cjs/components/Radio/RadioButton.js.map

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

package/dist/cjs/components/Radio/RadioButton.test.d.ts

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

package/dist/cjs/components/Radio/RadioButton.test.js

@@ -0,0 +1,125 @@
+"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("..");
+expect.extend(jest_1.matchers);
+describe("RadioButton", () => {
+    it("should render without error", () => {
+        const component = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, Object.assign({ label: "Color" }, { children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "red" }, { children: "Red" })), (0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+        expect(component).toBeTruthy();
+    });
+    it("should call onChange with the selected value when clicked", async () => {
+        const callback = jest.fn();
+        const { getByLabelText } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, Object.assign({ label: "Color", onChange: callback }, { children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "red" }, { children: "Red" })), (0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+        await user_event_1.default.click(getByLabelText("Red"));
+        expect(callback).toHaveBeenCalledWith("red");
+        await user_event_1.default.click(getByLabelText("Blue"));
+        expect(callback).toHaveBeenCalledWith("blue");
+    });
+    it("should be selectable via keyboard", async () => {
+        const callback = jest.fn();
+        (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, Object.assign({ label: "Color", onChange: callback }, { children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "red" }, { children: "Red" })), (0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+        await user_event_1.default.tab();
+        await user_event_1.default.type(document.activeElement, "[Space]");
+        expect(callback).toHaveBeenCalledWith("red");
+        react_1.fireEvent.keyDown(document.activeElement, {
+            key: "ArrowDown",
+            code: "ArrowDown",
+        });
+        expect(callback).toHaveBeenCalledWith("blue");
+    });
+    describe("correctly assigns icon and label props or children", () => {
+        it("renders a simple label prop", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, Object.assign({ label: "Color", "data-testid": "test" }, { children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, { value: "red", label: "Red" }), (0, jsx_runtime_1.jsx)(_1.RadioButton, { value: "blue", label: "Blue" })] })));
+            expect(react_1.screen.getByText("Red")).toHaveClass("mobius/RadioButtonContent");
+        });
+        it("renders a text child as simple label", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, Object.assign({ label: "Color", "data-testid": "test" }, { children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "red" }, { children: "Red" })), (0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+            expect(react_1.screen.getByText("Red")).toHaveClass("mobius/RadioButtonContent");
+        });
+        it("renders children in <span> tags when there is an icon", () => {
+            var _a;
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, Object.assign({ label: "Color", "data-testid": "test" }, { children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "sole_trader", label: "Sole Trader" }, { children: (0, jsx_runtime_1.jsx)(__1.Icon, { name: "user" }) })), (0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "partnership", label: "Partnership" }, { children: (0, jsx_runtime_1.jsx)(__1.Icon, { name: "star" }) })), (0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "company", label: "Ltd Company" }, { children: (0, jsx_runtime_1.jsx)(__1.Icon, { name: "menu" }) }))] })));
+            expect(react_1.screen.getByText("Sole Trader")).toHaveClass("mobius/RadioButtonText");
+            expect((_a = react_1.screen.getByText("Sole Trader").parentElement) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("mobius/RadioButtonIcon");
+        });
+    });
+    describe("isRequired", () => {
+        it("should set aria-required to true", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, Object.assign({ label: "Color", isRequired: true }, { children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "red" }, { children: "Red" })), null] })));
+            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.RadioGroup, Object.assign({ label: "Color", isRequired: true }, { children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "red" }, { children: "Red" })), null] })));
+            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.RadioGroup, Object.assign({ label: "Color", isRequired: false }, { children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "red" }, { children: "Red" })), null] })));
+            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.RadioGroup, Object.assign({ label: "Color" }, { children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "red" }, { children: "Red" })), null] })));
+            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 for atoms", () => {
+        it("uses base Mobius class", () => {
+            var _a;
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, Object.assign({ label: "Color", "data-testid": "test" }, { children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "red" }, { children: "Red" })), (0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("mobius/RadioGroup");
+            expect(react_1.screen.getByTestId("test").firstChild).toHaveClass("mobius/Label");
+            const wrapper = react_1.screen.getByTestId("test").childNodes[1];
+            expect(wrapper).toHaveClass("mobius/RadioWrapper");
+            expect(wrapper.firstChild).toHaveClass("mobius/RadioButtonLabel");
+            expect((_a = wrapper.firstChild) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("mobius/RadioInput");
+        });
+        it("includes custom class names", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, Object.assign({ label: "Color", className: "my-class", "data-testid": "test" }, { children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "red", className: "red" }, { children: "Red" })), (0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "blue", className: "blue" }, { children: "Blue" }))] })));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("mobius/RadioGroup");
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            const wrapper = react_1.screen.getByTestId("test").childNodes[1];
+            expect(wrapper).toHaveClass("mobius/RadioWrapper");
+            expect(wrapper.firstChild).toHaveClass("mobius/RadioButtonLabel");
+            expect(wrapper.firstChild).toHaveClass("red");
+            expect(wrapper.childNodes[1]).toHaveClass("blue");
+        });
+        it("sets classes for interaction states", async () => {
+            var _a, _b;
+            const callback = jest.fn();
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, Object.assign({ "data-testid": "test", label: "Color", onChange: callback }, { children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "red" }, { children: "Red" })), (0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+            // Hover over radio
+            react_1.fireEvent.mouseEnter(container.querySelector("input"));
+            const radio = (_a = react_1.screen.getByTestId("test").childNodes[1]) === null || _a === void 0 ? void 0 : _a.firstChild;
+            expect(radio).toHaveClass("--is-hovered");
+            await user_event_1.default.tab();
+            await user_event_1.default.type(document.activeElement, "[Space]");
+            expect(radio).toHaveClass("--is-selected");
+            react_1.fireEvent.keyDown(document.activeElement, {
+                key: "ArrowDown",
+                code: "ArrowDown",
+            });
+            expect((_b = react_1.screen.getByTestId("test").childNodes[1]) === null || _b === void 0 ? void 0 : _b.childNodes[1]).toHaveClass("--is-selected");
+        });
+        it("sets classes for disabled state", () => {
+            var _a, _b;
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, Object.assign({ "data-testid": "test", label: "Color", isDisabled: true }, { children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "red" }, { children: "Red" })), (0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("--is-disabled");
+            expect((_a = react_1.screen.getByTestId("test").childNodes[1]) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("--is-disabled");
+            expect((_b = react_1.screen.getByTestId("test").childNodes[1]) === null || _b === void 0 ? void 0 : _b.childNodes[1]).toHaveClass("--is-disabled");
+        });
+        it("sets class for circular state", () => {
+            var _a;
+            (0, react_1.render)((0, jsx_runtime_1.jsxs)(_1.RadioGroup, Object.assign({ "data-testid": "test", label: "Color", circular: true }, { children: [(0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "red" }, { children: "Red" })), (0, jsx_runtime_1.jsx)(_1.RadioButton, Object.assign({ value: "blue" }, { children: "Blue" }))] })));
+            expect((_a = react_1.screen.getByTestId("test").childNodes[1]) === null || _a === void 0 ? void 0 : _a.firstChild).toHaveClass("circular");
+        });
+    });
+});
+//# sourceMappingURL=RadioButton.test.js.map

package/dist/cjs/components/Radio/RadioButton.test.js.map

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

package/dist/cjs/components/Radio/RadioContext.d.ts

@@ -0,0 +1,9 @@
+import { RadioGroupState } from "@react-stately/radio";
+import { Context } from "react";
+export interface RadioGroupContext {
+    state: RadioGroupState;
+    isDisabled: boolean;
+    validationState?: "valid" | "invalid";
+    circular?: boolean;
+}
+export declare const RadioContext: Context<RadioGroupContext | null>;

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioContext = void 0;
+const react_1 = require("react");
+exports.RadioContext = (0, react_1.createContext)(null);
+//# sourceMappingURL=RadioContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioContext.js","sourceRoot":"","sources":["../../../../src/components/Radio/RadioContext.tsx"],"names":[],"mappings":";;;AACA,iCAA+C;AASlC,QAAA,YAAY,GACvB,IAAA,qBAAa,EAA2B,IAAI,CAAC,CAAC"}

package/dist/cjs/components/Radio/RadioGroup.d.ts

@@ -0,0 +1,15 @@
+import { Ref, ReactNode, RefAttributes } from "react";
+import type { AriaRadioGroupProps, RadioGroupProps as RadioGroupPropsType } from "@react-types/radio";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../types/components";
+export declare type RadioGroupElementType = HTMLDivElement;
+export interface RadioGroupProps extends DOMProps, RadioGroupPropsType, AriaRadioGroupProps, RefAttributes<RadioGroupElementType> {
+    children: ReactNode;
+    className?: string;
+    orientation?: "horizontal" | "vertical";
+    circular?: boolean;
+    errorMessage?: string;
+}
+export declare type RadioGroupRef = Ref<RadioGroupElementType>;
+declare const RadioGroup: ForwardedRefComponent<RadioGroupProps, RadioGroupElementType>;
+export { RadioGroup };

package/dist/cjs/components/Radio/RadioGroup.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.RadioGroup = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const radio_1 = require("@react-aria/radio");
+const radio_2 = require("@react-stately/radio");
+const clsx_1 = __importDefault(require("clsx"));
+const utils_1 = require("@react-aria/utils");
+const RadioContext_1 = require("./RadioContext");
+const Flex_1 = require("../Flex");
+const Label_1 = require("../Label");
+const ErrorMessage_1 = require("../ErrorMessage");
+const spaceDelimitedList_1 = require("../../utils/spaceDelimitedList");
+const RadioGroup = (0, react_1.forwardRef)((props, ref) => {
+    const state = (0, radio_2.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 } = (0, radio_1.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 = (0, clsx_1.default)("mobius", "mobius/RadioGroup", radioClasses);
+    const labelClasses = (0, clsx_1.default)("mobius/Label", radioClasses);
+    const errorMessageId = (0, utils_1.useSlotId)([Boolean(errorMessage), validationState]);
+    const describedBy = (0, spaceDelimitedList_1.spaceDelimitedList)([
+        errorMessageId,
+        props["aria-describedby"],
+    ]);
+    // Create stable state for context
+    const radioState = (0, react_1.useMemo)(() => ({ state, isDisabled, validationState, circular }), [state, isDisabled, validationState, circular]);
+    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, Object.assign({}, rest, radioGroupProps, { ref: ref, flexDirection: "column", className: radioGroupClasses }, { children: [label && ((0, jsx_runtime_1.jsx)(Label_1.Label, Object.assign({}, labelProps, { className: labelClasses }, { children: label }))), (0, jsx_runtime_1.jsx)(RadioContext_1.RadioContext.Provider, Object.assign({ value: radioState }, { children: (0, jsx_runtime_1.jsx)(Flex_1.Flex, Object.assign({ flexDirection: orientation === "horizontal" ? "row" : "column", className: "mobius/RadioWrapper" }, { children: react_1.Children.map(props.children, child => {
+                        if (!(0, react_1.isValidElement)(child)) {
+                            return null;
+                        }
+                        return (0, react_1.cloneElement)(child, {
+                            orientation,
+                            "aria-describedby": describedBy,
+                        });
+                    }) })) })), errorMessage && ((0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { id: errorMessageId, errorMessage: errorMessage }))] })));
+});
+exports.RadioGroup = RadioGroup;
+RadioGroup.displayName = "RadioGroup";
+//# sourceMappingURL=RadioGroup.js.map

package/dist/cjs/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/cjs/components/Radio/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Radio";
+export * from "./RadioButton";
+export * from "./RadioGroup";
+export * from "./RadioContext";

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

@@ -0,0 +1,21 @@
+"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("./Radio"), exports);
+__exportStar(require("./RadioButton"), exports);
+__exportStar(require("./RadioGroup"), exports);
+__exportStar(require("./RadioContext"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Radio/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,gDAA8B;AAC9B,+CAA6B;AAC7B,iDAA+B"}

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

@@ -0,0 +1,10 @@
+import { Ref, RefAttributes } from "react";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../types/components";
+export interface SVGProps extends DOMProps, RefAttributes<SVGSVGElement> {
+    children: React.ReactElement<React.SVGProps<SVGSVGElement>>;
+    className?: string;
+}
+export declare type SVGRef = Ref<SVGSVGElement>;
+declare const SVG: ForwardedRefComponent<SVGProps, SVGSVGElement>;
+export { SVG };

package/dist/cjs/components/SVG/SVG.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SVG.js","sourceRoot":"","sources":["../../../../src/components/SVG/SVG.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAiE;AAEjE,gDAAwB;AAUxB,MAAM,GAAG,GAAmD,IAAA,kBAAU,EACpE,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,IAAA,cAAI,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC;IACxD,MAAM,OAAO,GAAG,gBAAQ,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,8CACE,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;AAGO,kBAAG;AADZ,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}

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

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

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const _1 = require(".");
+const CLASS_NAME = "mobius/SVG";
+const SvgImage = ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 299.8 85" }, { children: (0, jsx_runtime_1.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", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.SVG, Object.assign({ css: { fill: "primary", width: "size-100" } }, { children: SvgImage })));
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.SVG, Object.assign({ css: { fill: "primary", width: "size-100" }, "data-testid": "test" }, { children: SvgImage })));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.SVG, Object.assign({ css: { fill: "primary", width: "size-100" }, "data-testid": "test" }, { children: SvgImage })));
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.SVG, Object.assign({ css: { fill: "primary", width: "size-100" }, "data-testid": "test", className: "my-class" }, { children: SvgImage })));
+            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
+            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=SVG.test.js.map

package/dist/cjs/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,kDAAwD;AACxD,wBAAwB;AAExB,MAAM,UAAU,GAAG,YAAY,CAAC;AAEhC,MAAM,QAAQ,GAAG,CACf,8CAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,cAAc,gBAC5D,iCAAM,CAAC,EAAC,kwKAAkwK,GAAG,IACzwK,CACP,CAAC;AAEF,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,MAAG,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,IAAA,cAAM,EACJ,uBAAC,MAAG,kBAAC,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAc,MAAM,gBACjE,QAAQ,IACL,CACP,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;YAChC,IAAA,cAAM,EACJ,uBAAC,MAAG,kBAAC,GAAG,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,iBAAc,MAAM,gBACjE,QAAQ,IACL,CACP,CAAC;YACF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;YACpC,IAAA,cAAM,EACJ,uBAAC,MAAG,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,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YAC3D,MAAM,CAAC,cAAM,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/cjs/components/SVG/index.d.ts

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

package/dist/cjs/components/SVG/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("./SVG"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+import { DOMProps } from "@react-types/shared";
+export interface SegmentProps extends DOMProps {
+    className?: string;
+    heading?: string;
+    /** Background colour for Segment */
+    colour?: "subtle" | "primary" | "secondary";
+    /** When inverted, text is white.  Use on darker backgrounds. */
+    inverted?: boolean;
+    children?: ReactNode;
+}
+declare const Segment: {
+    (props: SegmentProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Segment };

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

@@ -0,0 +1,27 @@
+"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.Segment = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const Segment = (props) => {
+    const { heading, children, colour, inverted, className } = props, rest = __rest(props, ["heading", "children", "colour", "inverted", "className"]);
+    const classes = (0, clsx_1.default)("mobius", "mobius/Segment", colour, { inverted }, className);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: classes }, rest, { children: [heading && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "mobius/SegmentHeading" }, { children: heading })), children] })));
+};
+exports.Segment = Segment;
+Segment.displayName = "Segment";
+//# sourceMappingURL=Segment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Segment.js","sourceRoot":"","sources":["../../../../src/components/Segment/Segment.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,gDAAwB;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,IAAA,cAAI,EAClB,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,EAAE,QAAQ,EAAE,EACZ,SAAS,CACV,CAAC;IAEF,OAAO,CACL,+CAAK,SAAS,EAAE,OAAO,IAAM,IAAI,eAC9B,OAAO,IAAI,8CAAK,SAAS,EAAC,uBAAuB,gBAAE,OAAO,IAAO,EACjE,QAAQ,KACL,CACP,CAAC;AACJ,CAAC,CAAC;AAGO,0BAAO;AADhB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/cjs/components/Segment/SegmentGroup.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+import { DOMProps } from "@react-types/shared";
+export interface SegmentGroupProps extends DOMProps {
+    className?: string;
+    horizontal?: boolean;
+    margin?: "size-10" | "size-20" | "size-30" | "size-40" | "size-50" | "size-60" | "size-70" | "size-80";
+    children?: ReactNode;
+}
+declare const SegmentGroup: {
+    (props: SegmentGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { SegmentGroup };

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

@@ -0,0 +1,28 @@
+"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.SegmentGroup = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const SegmentGroup = (props) => {
+    const { children, horizontal, margin, className } = props, rest = __rest(props, ["children", "horizontal", "margin", "className"]);
+    const marginClass = margin ? `margin-${margin}` : "";
+    const classes = (0, clsx_1.default)("mobius", "mobius/SegmentGroup", className, { horizontal }, marginClass);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: classes }, rest, { children: children })));
+};
+exports.SegmentGroup = SegmentGroup;
+SegmentGroup.displayName = "SegmentGroup";
+//# sourceMappingURL=SegmentGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentGroup.js","sourceRoot":"","sources":["../../../../src/components/Segment/SegmentGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,gDAAwB;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,IAAA,cAAI,EAClB,QAAQ,EACR,qBAAqB,EACrB,SAAS,EACT,EAAE,UAAU,EAAE,EACd,WAAW,CACZ,CAAC;IAEF,OAAO,CACL,8CAAK,SAAS,EAAE,OAAO,IAAM,IAAI,cAC9B,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAGO,oCAAY;AADrB,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./SegmentGroup";
+export * from "./Segment";