@simplybusiness/mobius 3.0.0

package/dist/cjs/components/Divider/Divider.js

@@ -0,0 +1,29 @@
+"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.Divider = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const separator_1 = require("@react-aria/separator");
+const clsx_1 = __importDefault(require("clsx"));
+const Divider = (props) => {
+    const { className } = props, rest = __rest(props, ["className"]);
+    const { separatorProps } = (0, separator_1.useSeparator)(props);
+    const classes = (0, clsx_1.default)("mobius", "mobius/Divider", className);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: classes }, separatorProps, rest, { children: (0, jsx_runtime_1.jsx)("div", { className: "mobius/DividerInner" }) })));
+};
+exports.Divider = Divider;
+Divider.displayName = "Divider";
+//# sourceMappingURL=Divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,qDAAqE;AACrE,gDAAwB;AAMxB,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAC;IACrC,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,wBAAY,EAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,gBAAgB,EAAE,SAAS,CAAC,CAAC;IAE5D,OAAO,CACL,8CAAK,SAAS,EAAE,OAAO,IAAM,cAAc,EAAM,IAAI,cACnD,gCAAK,SAAS,EAAC,qBAAqB,GAAG,IACnC,CACP,CAAC;AACJ,CAAC,CAAC;AAGO,0BAAO;AADhB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { Ref, RefAttributes, ReactNode, ReactElement } from "react";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../types/components";
+export declare type DropdownMenuElementType = HTMLElement;
+export interface DropdownMenuProps extends DOMProps, RefAttributes<DropdownMenuElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    elementType?: string | React.ElementType;
+    label?: string;
+    trigger?: ReactElement;
+}
+export declare type DropdownMenuRef = Ref<DropdownMenuElementType>;
+declare const DropdownMenu: ForwardedRefComponent<DropdownMenuProps, DropdownMenuElementType>;
+export { DropdownMenu };

package/dist/cjs/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,50 @@
+"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.DropdownMenu = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const react_accessible_dropdown_menu_hook_1 = __importDefault(require("react-accessible-dropdown-menu-hook"));
+const clsx_1 = __importDefault(require("clsx"));
+const Button_1 = require("../Button");
+const DropdownMenu = (0, react_1.forwardRef)((props, ref) => {
+    const { elementType: Element = "nav", trigger, label = "Menu", children } = props, otherProps = __rest(props, ["elementType", "trigger", "label", "children"]);
+    const [activeId, setActiveId] = (0, react_1.useState)(null);
+    const numberOfItems = react_1.Children.count(children);
+    const { buttonProps, itemProps, isOpen: open, setIsOpen, } = (0, react_accessible_dropdown_menu_hook_1.default)(numberOfItems);
+    const classes = (0, clsx_1.default)("mobius", "mobius/DropdownMenu", otherProps.className);
+    const triggerClasses = (0, clsx_1.default)("mobius", "mobius/DropdownMenuTrigger");
+    const listClasses = (0, clsx_1.default)("mobius", "mobius/DropdownMenuList", {
+        "--is-open": open,
+    });
+    const handleChildClick = ({ onClick }, index) => {
+        setActiveId(index);
+        setIsOpen(false);
+        if (onClick) {
+            onClick();
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(Element, Object.assign({ ref: ref }, otherProps, { className: classes }, { children: [trigger ? ((0, react_1.cloneElement)(trigger, Object.assign({ className: triggerClasses, open,
+                label }, buttonProps))) : ((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ className: triggerClasses }, buttonProps, { children: label }))), (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: listClasses, role: "menu" }, { children: react_1.Children.map(children, (child, index) => {
+                    if ((0, react_1.isValidElement)(child)) {
+                        return (0, react_1.cloneElement)(child, Object.assign({ onClick: () => handleChildClick(child.props, index), active: index === activeId }, itemProps[index]));
+                    }
+                    return child;
+                }) }))] })));
+});
+exports.DropdownMenu = DropdownMenu;
+DropdownMenu.displayName = "DropdownMenu";
+//# sourceMappingURL=DropdownMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAUe;AAEf,8GAAkE;AAClE,gDAAwB;AAExB,sCAAmC;AAsBnC,MAAM,YAAY,GAGd,IAAA,kBAAU,EAAC,CAAC,KAAwB,EAAE,GAAoB,EAAE,EAAE;IAChE,MAAM,EACJ,WAAW,EAAE,OAAO,GAAG,KAAK,EAC5B,OAAO,EACP,KAAK,GAAG,MAAM,EACd,QAAQ,KAEN,KAAK,EADJ,UAAU,UACX,KAAK,EANH,+CAML,CAAQ,CAAC;IACV,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAC9D,MAAM,aAAa,GAAG,gBAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,EACJ,WAAW,EACX,SAAS,EACT,MAAM,EAAE,IAAI,EACZ,SAAS,GACV,GAAG,IAAA,6CAAe,EAAC,aAAa,CAAC,CAAC;IAEnC,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,qBAAqB,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAC5E,MAAM,cAAc,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,4BAA4B,CAAC,CAAC;IACpE,MAAM,WAAW,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,yBAAyB,EAAE;QAC5D,WAAW,EAAE,IAAI;KAClB,CAAC,CAAC;IAEH,MAAM,gBAAgB,GAAG,CAAC,EAAE,OAAO,EAAmB,EAAE,KAAa,EAAE,EAAE;QACvE,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,SAAS,CAAC,KAAK,CAAC,CAAC;QAEjB,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAC;SACX;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,iBAClD,OAAO,CAAC,CAAC,CAAC,CACT,IAAA,oBAAY,EAAC,OAAO,kBAClB,SAAS,EAAE,cAAc,EACzB,IAAI;gBACJ,KAAK,IACF,WAAW,EACd,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,eAAM,kBAAC,SAAS,EAAE,cAAc,IAAM,WAAW,cAC/C,KAAK,IACC,CACV,EACD,6CAAI,SAAS,EAAE,WAAW,EAAE,IAAI,EAAC,MAAM,gBACpC,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBACvC,IAAI,IAAA,sBAAc,EAAC,KAAK,CAAC,EAAE;wBACzB,OAAO,IAAA,oBAAY,EAAC,KAAK,EAAE,gBACzB,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,EACnD,MAAM,EAAE,KAAK,KAAK,QAAQ,IACvB,SAAS,CAAC,KAAK,CAAC,CACb,CAAC,CAAC;qBACX;oBAED,OAAO,KAAK,CAAC;gBACf,CAAC,CAAC,IACC,KACG,CACX,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,oCAAY;AADrB,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

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

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

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

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("@testing-library/react");
+const _1 = require(".");
+const CLASS_NAME = "mobius/DropdownMenu";
+const TRIGGER_CLASS_NAME = "mobius/DropdownMenuTrigger";
+const LIST_CLASS_NAME = "mobius/DropdownMenuList";
+const ITEM_CLASS_NAME = "mobius/DropdownMenuItem";
+const ACTIVE_ITEM_CLASS_NAME = "--is-active";
+describe("DropdownMenu", () => {
+    it("should render without errors", () => {
+        const component = (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.DropdownMenu, { children: (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "Home" }) }));
+        expect(component).toBeTruthy();
+    });
+    it("should use the provided elementType", () => {
+        var _a;
+        const { container } = (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.DropdownMenu, Object.assign({ elementType: "span" }, { children: (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "Home" }) })));
+        expect((_a = container.firstElementChild) === null || _a === void 0 ? void 0 : _a.tagName).toBe("SPAN");
+    });
+    describe("given elementType", () => {
+        it("is not applied as element attribute", () => {
+            const { container } = (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.DropdownMenu, Object.assign({ elementType: "ul" }, { children: (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, Object.assign({ elementType: "li" }, { children: "Home" })) })));
+            expect(container.firstChild).not.toHaveAttribute("elementtype", "ul");
+            expect(react_2.screen.queryByRole("menuitem")).not.toHaveAttribute("elementtype", "li");
+        });
+    });
+    it("should use the provided label", () => {
+        const label = "Menu";
+        (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.DropdownMenu, Object.assign({ label: label }, { children: (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "Home" }) })));
+        expect(react_2.screen.getByText(label)).toBeInTheDocument();
+    });
+    it("should use the provided trigger", () => {
+        const triggerText = "My custom trigger";
+        const Trigger = (0, react_1.forwardRef)(() => (0, jsx_runtime_1.jsx)("span", { children: triggerText }));
+        (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.DropdownMenu, Object.assign({ trigger: (0, jsx_runtime_1.jsx)(Trigger, {}) }, { children: (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "Home" }) })));
+        expect(react_2.screen.getByText(triggerText)).toBeInTheDocument();
+    });
+    it("should use the onClick handler on menu item", () => {
+        const customHandler = jest.fn();
+        (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.DropdownMenu, { children: (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, Object.assign({ onClick: customHandler }, { children: "Home" })) }));
+        const trigger = react_2.screen.getByRole("button");
+        react_2.fireEvent.click(trigger);
+        const item = react_2.screen.getByRole("menuitem");
+        react_2.fireEvent.click(item);
+        expect(customHandler).toHaveBeenCalled();
+    });
+    it("should close menu upon item selection", () => {
+        (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.DropdownMenu, { children: (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "Home" }) }));
+        const trigger = react_2.screen.getByRole("button");
+        react_2.fireEvent.click(trigger);
+        const item = react_2.screen.getByRole("menuitem");
+        react_2.fireEvent.click(item);
+        expect(trigger).toHaveAttribute("aria-expanded", "false");
+    });
+    describe("uses correct class names", () => {
+        it("uses Mobius class", () => {
+            const { container } = (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.DropdownMenu, { children: (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "Home" }) }));
+            expect(container.firstChild).toHaveClass("mobius");
+        });
+        it("uses base Mobius class", () => {
+            const { container } = (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.DropdownMenu, { children: (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "Home" }) }));
+            expect(container.firstChild).toHaveClass(CLASS_NAME);
+        });
+        it("includes custom class name", () => {
+            const { container } = (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.DropdownMenu, Object.assign({ className: "my-class" }, { children: (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "Home" }) })));
+            expect(container.firstChild).toHaveClass("my-class");
+            expect(container.firstChild).toHaveClass(CLASS_NAME);
+        });
+        it("uses trigger class name", () => {
+            (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.DropdownMenu, Object.assign({ className: "my-class" }, { children: (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "Home" }) })));
+            expect(react_2.screen.getByRole("button")).toHaveClass(TRIGGER_CLASS_NAME);
+        });
+        it("uses list class name", () => {
+            (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.DropdownMenu, Object.assign({ className: "my-class" }, { children: (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "Home" }) })));
+            const trigger = react_2.screen.getByRole("button");
+            react_2.fireEvent.click(trigger);
+            expect(react_2.screen.getByRole("menu")).toHaveClass(LIST_CLASS_NAME);
+        });
+        it("uses list item class name", () => {
+            (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.DropdownMenu, Object.assign({ className: "my-class" }, { children: (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "Home" }) })));
+            const trigger = react_2.screen.getByRole("button");
+            react_2.fireEvent.click(trigger);
+            expect(react_2.screen.getByRole("menuitem")).toHaveClass(ITEM_CLASS_NAME);
+        });
+        it("uses list item active class name", () => {
+            (0, react_2.render)((0, jsx_runtime_1.jsx)(_1.DropdownMenu, Object.assign({ className: "my-class" }, { children: (0, jsx_runtime_1.jsx)(_1.DropdownMenu.Item, { children: "Home" }) })));
+            const trigger = react_2.screen.getByRole("button");
+            react_2.fireEvent.click(trigger);
+            const item = react_2.screen.getByRole("menuitem");
+            react_2.fireEvent.click(item);
+            expect(item).toHaveClass(ACTIVE_ITEM_CLASS_NAME);
+        });
+    });
+});
+//# sourceMappingURL=DropdownMenu.test.js.map

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

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

package/dist/cjs/components/DropdownMenu/Item.d.ts

@@ -0,0 +1,15 @@
+import { Ref, RefAttributes, ReactNode } from "react";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../types/components";
+export declare type ItemElementType = HTMLLIElement;
+export interface ItemProps extends DOMProps, RefAttributes<ItemElementType> {
+    elementType?: string | React.ElementType;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    active?: boolean;
+    children?: ReactNode;
+    onClick?: () => void;
+}
+export declare type ItemRef = Ref<ItemElementType>;
+declare const Item: ForwardedRefComponent<ItemProps, ItemElementType>;
+export { Item };

package/dist/cjs/components/DropdownMenu/Item.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.Item = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const clsx_1 = __importDefault(require("clsx"));
+const Item = (0, react_1.forwardRef)((props, ref) => {
+    const { elementType: Element = "li", active, onClick } = props, otherProps = __rest(props, ["elementType", "active", "onClick"]);
+    const classes = (0, clsx_1.default)("mobius", "mobius/DropdownMenuItem", { "--is-active": active }, otherProps.className);
+    return ((0, jsx_runtime_1.jsx)(Element, Object.assign({ ref: ref, className: classes, onClick: onClick }, otherProps)));
+});
+exports.Item = Item;
+Item.displayName = "DropdownMenu.Item";
+//# sourceMappingURL=Item.js.map

package/dist/cjs/components/DropdownMenu/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkE;AAElE,gDAAwB;AAgBxB,MAAM,IAAI,GAAsD,IAAA,kBAAU,EACxE,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IACjC,MAAM,EACJ,WAAW,EAAE,OAAO,GAAG,IAAI,EAC3B,MAAM,EACN,OAAO,KAEL,KAAK,EADJ,UAAU,UACX,KAAK,EALH,oCAKL,CAAQ,CAAC;IACV,MAAM,OAAO,GAAG,IAAA,cAAI,EAClB,QAAQ,EACR,yBAAyB,EACzB,EAAE,aAAa,EAAE,MAAM,EAAE,EACzB,UAAU,CAAC,SAAS,CACrB,CAAC;IAEF,OAAO,CACL,uBAAC,OAAO,kBACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,OAAO,IACZ,UAAU,EACd,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

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

@@ -0,0 +1,10 @@
+import { ForwardedRefComponent } from "../../types/components";
+import { DropdownMenuProps, DropdownMenuRef } from "./DropdownMenu";
+import type { DropdownMenuElementType } from "./DropdownMenu";
+import type { ItemProps as DropdownMenuItemProps, ItemRef as DropdownMenuItemRef, ItemElementType as DropdownMenuItemElementType } from "./Item";
+export interface DropdownMenuCompound extends ForwardedRefComponent<DropdownMenuProps, HTMLElement> {
+    Item: ForwardedRefComponent<DropdownMenuItemProps, HTMLLIElement>;
+}
+declare const DropdownMenu: DropdownMenuCompound;
+export type { DropdownMenuElementType, DropdownMenuProps, DropdownMenuRef, DropdownMenuItemProps, DropdownMenuItemRef, DropdownMenuItemElementType, };
+export { DropdownMenu };

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownMenu = void 0;
+const DropdownMenu_1 = require("./DropdownMenu");
+const Item_1 = require("./Item");
+const DropdownMenu = Object.assign(DropdownMenu_1.DropdownMenu, {
+    Item: Item_1.Item,
+});
+exports.DropdownMenu = DropdownMenu;
+DropdownMenu.displayName = "DropdownMenu";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/index.tsx"],"names":[],"mappings":";;;AACA,iDAIwB;AACxB,iCAA8B;AAc9B,MAAM,YAAY,GAAyB,MAAM,CAAC,MAAM,CACtD,2BAAqB,EACrB;IACE,IAAI,EAAJ,WAAI;CACL,CACF,CAAC;AAYO,oCAAY;AADrB,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

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

@@ -0,0 +1,9 @@
+export interface ErrorMessageProps {
+    errorMessage?: string;
+    id?: string;
+    className?: string;
+}
+export declare const ErrorMessage: {
+    ({ id, errorMessage, className, }: ErrorMessageProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/cjs/components/ErrorMessage/ErrorMessage.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorMessage = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const Text_1 = require("../Text");
+const ErrorMessage = ({ id, errorMessage, className, }) => {
+    const classes = (0, clsx_1.default)("mobius", "mobius/ErrorMessage", className);
+    if (!errorMessage)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ id: id, className: classes, "data-testid": "ErrorMessage" }, { children: [(0, jsx_runtime_1.jsx)("span", { className: "mobius/ErrorIcon" }), (0, jsx_runtime_1.jsx)(Text_1.Text, Object.assign({ elementType: "span", className: "mobius/ErrorText" }, { children: errorMessage }))] })));
+};
+exports.ErrorMessage = ErrorMessage;
+exports.ErrorMessage.displayName = "ErrorMessage";
+//# sourceMappingURL=ErrorMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../../src/components/ErrorMessage/ErrorMessage.tsx"],"names":[],"mappings":";;;;;;;AAAA,gDAAwB;AACxB,kCAA+B;AAQxB,MAAM,YAAY,GAAG,CAAC,EAC3B,EAAE,EACF,YAAY,EACZ,SAAS,GACS,EAAE,EAAE;IACtB,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,qBAAqB,EAAE,SAAS,CAAC,CAAC;IAEjE,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,+CAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,iBAAc,cAAc,iBACzD,iCAAM,SAAS,EAAC,kBAAkB,GAAG,EACrC,uBAAC,WAAI,kBAAC,WAAW,EAAC,MAAM,EAAC,SAAS,EAAC,kBAAkB,gBAClD,YAAY,IACR,KACH,CACP,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,YAAY,gBAiBvB;AAEF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

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

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

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

@@ -0,0 +1,32 @@
+"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/ErrorMessage";
+describe("Error message", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.ErrorMessage, {}));
+    });
+    it("should not display when there is no message", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.ErrorMessage, {}));
+        expect(container.childNodes.length).toEqual(0);
+    });
+    it("should display when there is a message", () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.ErrorMessage, { errorMessage: "Oops" }));
+        expect(getByText("Oops")).toBeTruthy();
+    });
+    it("uses Mobius class", () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.ErrorMessage, { errorMessage: "Oops" }));
+        expect(getByText("Oops").closest("div")).toHaveClass("mobius");
+    });
+    it("uses base Mobius class", () => {
+        const { getByText } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.ErrorMessage, { errorMessage: "Oops" }));
+        expect(getByText("Oops").closest("div")).toHaveClass(CLASS_NAME);
+    });
+    it("uses CSS classes", () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.ErrorMessage, { errorMessage: "Oops", className: "custom-class" }));
+        expect(container.firstChild).toHaveClass("custom-class");
+    });
+});
+//# sourceMappingURL=ErrorMessage.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.test.js","sourceRoot":"","sources":["../../../../src/components/ErrorMessage/ErrorMessage.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,wBAAiC;AAEjC,MAAM,UAAU,GAAG,qBAAqB,CAAC;AAEzC,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EAAC,uBAAC,eAAY,KAAG,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACrD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,eAAY,KAAG,CAAC,CAAC;QAC/C,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,eAAY,IAAC,YAAY,EAAC,MAAM,GAAG,CAAC,CAAC;QACnE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,eAAY,IAAC,YAAY,EAAC,MAAM,GAAG,CAAC,CAAC;QACnE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,uBAAC,eAAY,IAAC,YAAY,EAAC,MAAM,GAAG,CAAC,CAAC;QACnE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,eAAY,IAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,cAAc,GAAG,CAC9D,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { Ref, ReactNode, ReactElement, RefAttributes } from "react";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../types/components";
+export declare type LegendProps = {
+    id?: string;
+    className?: string;
+};
+export declare type FieldsetElementType = HTMLDivElement;
+export interface FieldsetProps extends DOMProps, RefAttributes<FieldsetElementType> {
+    legend?: string;
+    children: ReactNode;
+    className?: string;
+    legendComponent?: ReactElement<any>;
+}
+export declare type FieldsetRef = Ref<FieldsetElementType>;
+declare const Fieldset: ForwardedRefComponent<FieldsetProps, FieldsetElementType>;
+export { Fieldset };

package/dist/cjs/components/Fieldset/Fieldset.js

@@ -0,0 +1,49 @@
+"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.Fieldset = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("@react-aria/utils");
+const clsx_1 = __importDefault(require("clsx"));
+const Flex_1 = require("../Flex");
+const useFieldset = (props) => {
+    const { legend } = props;
+    let legendProps = {};
+    let containerProps = {
+        role: "group",
+    };
+    const legendId = (0, utils_1.useId)();
+    if (legend) {
+        legendProps = Object.assign(Object.assign({}, legendProps), { id: legendId });
+        containerProps = Object.assign(Object.assign({}, containerProps), { "aria-labelledby": legendId });
+    }
+    return {
+        legendProps,
+        containerProps,
+    };
+};
+const Fieldset = (0, react_1.forwardRef)((props, _ref) => {
+    const { children, legend, legendComponent = (0, jsx_runtime_1.jsx)("legend", {}) } = props, otherProps = __rest(props, ["children", "legend", "legendComponent"]);
+    const { legendProps, containerProps } = useFieldset(props);
+    const classes = (0, clsx_1.default)("mobius", "mobius/Fieldset", props.className);
+    // Set class on legend
+    legendProps.className = "mobius/Legend";
+    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, Object.assign({}, containerProps, otherProps, { className: classes }, { children: [legend && (0, react_1.cloneElement)(legendComponent, Object.assign({}, legendProps), [legend]), children] })));
+});
+exports.Fieldset = Fieldset;
+Fieldset.displayName = "Fieldset";
+//# sourceMappingURL=Fieldset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAOe;AAEf,6CAA0C;AAC1C,gDAAwB;AAExB,kCAA+B;AAY/B,MAAM,WAAW,GAAG,CAClB,KAAoB,EAC0C,EAAE;IAChE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzB,IAAI,WAAW,GAAgB,EAAE,CAAC;IAClC,IAAI,cAAc,GAAmB;QACnC,IAAI,EAAE,OAAO;KACd,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,aAAK,GAAE,CAAC;IACzB,IAAI,MAAM,EAAE;QACV,WAAW,mCACN,WAAW,KACd,EAAE,EAAE,QAAQ,GACb,CAAC;QACF,cAAc,mCACT,cAAc,KACjB,iBAAiB,EAAE,QAAQ,GAC5B,CAAC;KACH;IAED,OAAO;QACL,WAAW;QACX,cAAc;KACf,CAAC;AACJ,CAAC,CAAC;AAcF,MAAM,QAAQ,GACZ,IAAA,kBAAU,EAAC,CAAC,KAAoB,EAAE,IAAiB,EAAE,EAAE;IACrD,MAAM,EACJ,QAAQ,EACR,MAAM,EACN,eAAe,GAAG,oCAAU,KAE1B,KAAK,EADJ,UAAU,UACX,KAAK,EALH,yCAKL,CAAQ,CAAC;IAEV,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;IAE3D,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnE,sBAAsB;IACtB,WAAW,CAAC,SAAS,GAAG,eAAe,CAAC;IAExC,OAAO,CACL,wBAAC,WAAI,oBAAK,cAAc,EAAM,UAAU,IAAE,SAAS,EAAE,OAAO,iBACzD,MAAM,IAAI,IAAA,oBAAY,EAAC,eAAe,oBAAO,WAAW,GAAI,CAAC,MAAM,CAAC,CAAC,EACrE,QAAQ,KACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAGI,4BAAQ;AADjB,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

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

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

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

@@ -0,0 +1,12 @@
+"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 TextField_1 = require("../TextField");
+describe("Fieldset", () => {
+    it("should render without errors", () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Fieldset, Object.assign({ legend: "Shipping address" }, { children: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { "aria-label": "name" }) })));
+    });
+});
+//# sourceMappingURL=Fieldset.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.test.js","sourceRoot":"","sources":["../../../../src/components/Fieldset/Fieldset.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAgD;AAChD,wBAA6B;AAC7B,4CAAyC;AAEzC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,IAAA,cAAM,EACJ,uBAAC,WAAQ,kBAAC,MAAM,EAAC,kBAAkB,gBACjC,uBAAC,qBAAS,kBAAY,MAAM,GAAG,IACtB,CACZ,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

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

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

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

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

package/dist/cjs/components/Fieldset/stories/StyledLegend.d.ts

@@ -0,0 +1,2 @@
+import { LegendProps } from "../Fieldset";
+export declare const StyledLegend: (props: LegendProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Fieldset/stories/StyledLegend.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledLegend = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+const StyledLegend = (props) => ((0, jsx_runtime_1.jsx)("legend", Object.assign({ css: {
+        marginBottom: "size-20",
+        paddingLeft: 0,
+        color: "primary",
+    } }, props)));
+exports.StyledLegend = StyledLegend;
+//# sourceMappingURL=StyledLegend.js.map

package/dist/cjs/components/Fieldset/stories/StyledLegend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledLegend.js","sourceRoot":"","sources":["../../../../../src/components/Fieldset/stories/StyledLegend.tsx"],"names":[],"mappings":";;;;AAEO,MAAM,YAAY,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAClD,iDACE,GAAG,EAAE;QACH,YAAY,EAAE,SAAS;QACvB,WAAW,EAAE,CAAC;QACd,KAAK,EAAE,SAAS;KACjB,IACG,KAAK,EACT,CACH,CAAC;AATW,QAAA,YAAY,gBASvB"}

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

@@ -0,0 +1,35 @@
+import { Ref, ReactNode, RefAttributes } from "react";
+import type { Property } from "csstype";
+import { DOMProps } from "@react-types/shared";
+import { ForwardedRefComponent } from "../../types/components";
+export declare type FlexElementType = HTMLDivElement;
+export interface FlexStyleProps {
+    elementType?: string | React.ElementType;
+    flexDirection?: Property.FlexDirection;
+    flexWrap?: Property.FlexWrap;
+    flexGrow?: Property.FlexGrow;
+    flex?: Property.Flex;
+    /** Aligns grid items along the block (column) axis  */
+    alignItems?: Property.AlignItems;
+    /** Aligns the grid along the inline (row) axis */
+    alignContent?: Property.AlignContent;
+    /** Aligns the grid along the inline (row) axis */
+    justifyContent?: Property.JustifyContent;
+    /** How big a gap between the columns and rows */
+    gap?: Property.Gap;
+    /** How big a gap between the rows */
+    rowGap?: Property.RowGap;
+    /** How big a gap between the columns */
+    columnGap?: Property.ColumnGap;
+    style?: React.CSSProperties;
+}
+export interface FlexNonStyleProps extends DOMProps, RefAttributes<FlexElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+}
+export interface FlexProps extends FlexStyleProps, FlexNonStyleProps {
+}
+export declare type FlexRef = Ref<FlexElementType>;
+declare const Flex: ForwardedRefComponent<FlexProps, FlexElementType>;
+export { Flex };