@simplybusiness/mobius 3.12.1 → 4.0.0-beta.3

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

@@ -1,17 +1,16 @@
-import { Ref, RefAttributes, ReactNode } from "react";
-import { DOMProps } from "@react-types/shared";
+import { ReactNode, Ref, RefAttributes } from "react";
 import { ForwardedRefComponent } from "../../types/components";
+import { DOMProps } from "../../types/dom";
+export type AccordionElementType = HTMLDivElement;
+export type AccordionRef = Ref<AccordionElementType>;
 export interface AccordionLinkProps extends DOMProps {
-    type: string;
     /** Link text to show accordion content */
     text?: string;
-    onClick?: (event: React.SyntheticEvent) => void;
+    onClick?: () => void;
     toggle: () => void;
     headerChildren?: ReactNode;
-    ariaExpanded: boolean;
+    ariaExpanded: boolean | undefined;
 }
-export type AccordionElementType = HTMLDivElement;
-export type AccordionRef = Ref<AccordionElementType>;
 export interface AccordionProps extends DOMProps, RefAttributes<AccordionElementType> {
     /** Custom class name for setting specific CSS */
     className?: string;
@@ -22,10 +21,14 @@ export interface AccordionProps extends DOMProps, RefAttributes<AccordionElement
     /** Whether header is above or below content */
     headerPosition?: "top" | "bottom";
     /** Whether to expand the accordion initially */
-    startOpen?: boolean;
+    startOpen?: boolean | undefined;
+    /** Callback that fires each time the accordion is opened */
+    onOpen?: () => void;
+    /** Callback that fires each time the accordion is closed */
+    onClose?: () => void;
+    /** Callback that fires each time the accordion state changes */
+    onChange?: (state: boolean) => void;
     children?: ReactNode;
-    onClick?: (event: React.SyntheticEvent) => void;
     headerChildren?: ReactNode;
 }
-declare const Accordion: ForwardedRefComponent<AccordionProps, AccordionElementType>;
-export { Accordion };
+export declare const Accordion: ForwardedRefComponent<AccordionProps, AccordionElementType>;

package/dist/cjs/components/Accordion/Accordion.js

@@ -17,38 +17,69 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Accordion = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const clsx_1 = __importDefault(require("clsx"));
-const react_animate_height_1 = __importDefault(require("react-animate-height"));
 const icons_1 = require("@simplybusiness/icons");
-const Icon_1 = require("../Icon");
+const dedupe_1 = __importDefault(require("classnames/dedupe"));
+const react_1 = require("react");
 const Flex_1 = require("../Flex");
-const AccordionLink = ({ text, type, toggle, onClick, headerChildren, ariaExpanded, }) => {
-    const linkClasses = (0, clsx_1.default)("mobius/AccordionLink", type);
-    const handleOnClick = (event) => {
+const Icon_1 = require("../Icon");
+const AccordionLink = ({ text, toggle, onClick, headerChildren, ariaExpanded, }) => {
+    const linkClasses = (0, dedupe_1.default)("mobius/AccordionLink", {
+        "--is-open": ariaExpanded,
+    });
+    const iconClasses = (0, dedupe_1.default)("mobius/AccordionLinkIcon", {
+        "--is-open": ariaExpanded,
+    });
+    const handleOnClick = () => {
         if (onClick) {
-            onClick(event);
+            onClick();
         }
         toggle();
     };
     if (headerChildren) {
-        return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { justifyContent: "space-between", alignItems: "center", className: "mobius/AccordionHeader", children: [(0, jsx_runtime_1.jsxs)("div", { className: linkClasses, onClick: handleOnClick, onKeyDown: toggle, role: "button", tabIndex: 0, "aria-expanded": ariaExpanded, children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.chevronDown }), (0, jsx_runtime_1.jsx)("span", { className: "mobius/AccordionLinkText", children: text })] }), headerChildren] }));
+        return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { justifyContent: "space-between", alignItems: "center", className: "mobius/AccordionHeader", children: [(0, jsx_runtime_1.jsxs)("div", { className: linkClasses, onClick: handleOnClick, onKeyDown: toggle, role: "button", tabIndex: 0, "aria-expanded": !!ariaExpanded, children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.chevronDown, className: iconClasses }), (0, jsx_runtime_1.jsx)("span", { className: "mobius/AccordionLinkText", children: text })] }), headerChildren] }));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: linkClasses, onClick: handleOnClick, onKeyDown: toggle, role: "button", tabIndex: 0, "aria-expanded": ariaExpanded, children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.chevronDown }), (0, jsx_runtime_1.jsx)("span", { className: "mobius/AccordionLinkText", children: text })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: linkClasses, onClick: handleOnClick, onKeyDown: toggle, role: "button", tabIndex: 0, "aria-expanded": !!ariaExpanded, children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.chevronDown, className: iconClasses }), (0, jsx_runtime_1.jsx)("span", { className: "mobius/AccordionLinkText", children: text })] }));
 };
-const Accordion = (0, react_1.forwardRef)((props, ref) => {
-    const { showText = "See more", hideText = "See less", headerPosition = "bottom", startOpen = false, onClick = () => { }, headerChildren } = props, rest = __rest(props, ["showText", "hideText", "headerPosition", "startOpen", "onClick", "headerChildren"]);
-    const [open, setOpen] = (0, react_1.useState)(startOpen);
-    const contentHeight = open ? "auto" : 0;
-    const classes = (0, clsx_1.default)("mobius", "mobius/Accordion", props.className);
-    const linkText = open ? hideText : showText;
-    const linkType = open ? "hide" : "show";
-    const toggle = () => setOpen(!open);
+exports.Accordion = (0, react_1.forwardRef)((props, ref) => {
+    const { showText = "See more", hideText = "See less", headerPosition = "bottom", startOpen = false, onOpen, onClose, onChange = () => { }, headerChildren } = props, rest = __rest(props, ["showText", "hideText", "headerPosition", "startOpen", "onOpen", "onClose", "onChange", "headerChildren"]);
+    const [accordionState, setAccordionState] = (0, react_1.useState)({
+        open: true,
+        withAnimation: false,
+    });
+    const prefersReducedMotion = window === null || window === void 0 ? void 0 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    const containerClasses = (0, dedupe_1.default)("mobius", "mobius/Accordion", props.className, {
+        "--should-animate": accordionState.withAnimation && !prefersReducedMotion,
+        "--is-open": accordionState.open,
+    });
+    const contentContainerClasses = (0, dedupe_1.default)("mobius/AccordionContentContainer", {
+        "--is-open": accordionState.open,
+    });
+    const contentClasses = (0, dedupe_1.default)("mobius/AccordionContent", {
+        "--is-open": accordionState.open,
+    });
+    const linkText = accordionState.open ? hideText : showText;
+    const handleChange = () => {
+        // Fire events
+        if (!accordionState.open && onOpen) {
+            onOpen();
+        }
+        if (accordionState.open && onClose) {
+            onClose();
+        }
+        if (onChange) {
+            onChange(!accordionState.open);
+        }
+        setAccordionState({
+            open: !accordionState.open,
+            withAnimation: true,
+        });
+    };
     (0, react_1.useEffect)(() => {
-        setOpen(startOpen);
+        setAccordionState({
+            open: startOpen,
+            withAnimation: false,
+        });
     }, [startOpen]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref }, rest, { className: classes, children: [headerPosition === "top" && ((0, jsx_runtime_1.jsx)(AccordionLink, { text: linkText, toggle: toggle, type: linkType, onClick: onClick, ariaExpanded: open, headerChildren: headerChildren })), (0, jsx_runtime_1.jsx)(react_animate_height_1.default, { duration: 500, height: contentHeight, children: (0, jsx_runtime_1.jsx)("div", { className: "mobius/AccordionContent", children: props.children }) }), headerPosition === "bottom" && ((0, jsx_runtime_1.jsx)(AccordionLink, { text: linkText, toggle: toggle, type: linkType, onClick: onClick, ariaExpanded: open, headerChildren: headerChildren }))] })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref }, rest, { className: containerClasses, children: [headerPosition === "top" && ((0, jsx_runtime_1.jsx)(AccordionLink, { text: linkText, toggle: handleChange, ariaExpanded: accordionState.open, headerChildren: headerChildren })), (0, jsx_runtime_1.jsx)("div", { className: contentContainerClasses, "aria-hidden": !accordionState.open, children: (0, jsx_runtime_1.jsx)("div", { className: contentClasses, children: props.children }) }), headerPosition === "bottom" && ((0, jsx_runtime_1.jsx)(AccordionLink, { text: linkText, toggle: handleChange, ariaExpanded: accordionState.open, headerChildren: headerChildren }))] })));
 });
-exports.Accordion = Accordion;
-Accordion.displayName = "Accordion";
 //# sourceMappingURL=Accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAOe;AAEf,gDAAwB;AACxB,gFAAiD;AACjD,iDAAoD;AAEpD,kCAA+B;AAC/B,kCAA+B;AAY/B,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,OAAO,EACP,cAAc,EACd,YAAY,GACO,EAAE,EAAE;IACvB,MAAM,WAAW,GAAG,IAAA,cAAI,EAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,CAAC,KAA2B,EAAE,EAAE;QACpD,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,IAAI,cAAc,EAAE;QAClB,OAAO,CACL,wBAAC,WAAI,IACH,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,wBAAwB,aAElC,iCACE,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,MAAM,EACjB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,mBACI,YAAY,aAE3B,uBAAC,WAAI,IAAC,IAAI,EAAE,mBAAW,GAAI,EAC3B,iCAAM,SAAS,EAAC,0BAA0B,YAAE,IAAI,GAAQ,IACpD,EACL,cAAc,IACV,CACR,CAAC;KACH;IAED,OAAO,CACL,iCACE,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,MAAM,EACjB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,mBACI,YAAY,aAE3B,uBAAC,WAAI,IAAC,IAAI,EAAE,mBAAW,GAAI,EAC3B,iCAAM,SAAS,EAAC,0BAA0B,YAAE,IAAI,GAAQ,IACpD,CACP,CAAC;AACJ,CAAC,CAAC;AAuBF,MAAM,SAAS,GACb,IAAA,kBAAU,EAAC,CAAC,KAAqB,EAAE,GAAiB,EAAE,EAAE;IACtD,MAAM,EACJ,QAAQ,GAAG,UAAU,EACrB,QAAQ,GAAG,UAAU,EACrB,cAAc,GAAG,QAAQ,EACzB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,cAAc,KAEZ,KAAK,EADJ,IAAI,UACL,KAAK,EARH,oFAQL,CAAQ,CAAC;IACV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,SAAS,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAExC,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACpE,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAExC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,CAAC,SAAS,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,+CAAK,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,SAAS,EAAE,OAAO,aACxC,cAAc,KAAK,KAAK,IAAI,CAC3B,uBAAC,aAAa,IACZ,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,IAAI,EAClB,cAAc,EAAE,cAAc,GAC9B,CACH,EACD,uBAAC,8BAAa,IAAC,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,YACjD,gCAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,CAAC,QAAQ,GAAO,GACjD,EACf,cAAc,KAAK,QAAQ,IAAI,CAC9B,uBAAC,aAAa,IACZ,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,IAAI,EAClB,cAAc,EAAE,cAAc,GAC9B,CACH,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAGI,8BAAS;AADlB,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"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"}

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

@@ -3,39 +3,69 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("@testing-library/react");
 const _1 = require(".");
-const CLASS_NAME = "mobius/Accordion";
+const CONTAINER_CLASS_NAME = "mobius/Accordion";
+const CONTENT_CONTAINER_CLASS_NAME = "mobius/AccordionContentContainer";
+const HEADER_CLASS_NAME = "mobius/AccordionHeader";
+const LINK_CLASS_NAME = "mobius/AccordionLink";
+const OPEN_CLASS_NAME = "--is-open";
+const OPEN_TEXT = "See more";
+const CLOSE_TEXT = "See less";
+const mockMatchMedia = (matches) => {
+    Object.defineProperty(window, "matchMedia", {
+        writable: true,
+        configurable: true,
+        value: jest.fn().mockImplementation(query => ({
+            matches,
+            media: query,
+            onchange: null,
+            addListener: jest.fn(),
+            removeListener: jest.fn(),
+            addEventListener: jest.fn(),
+            removeEventListener: jest.fn(),
+            dispatchEvent: jest.fn(),
+        })),
+    });
+};
 describe("Accordion", () => {
+    beforeEach(() => {
+        mockMatchMedia(true);
+    });
     it("should render without errors", () => {
         const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "test" }));
         expect(component).toBeTruthy();
     });
     it("should open when clicked", () => {
-        var _a, _b, _c;
         const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "test content" }));
-        const header = container.getElementsByClassName("mobius/AccordionLink")[0];
-        const content = container.getElementsByClassName("mobius/AccordionContent")[0];
-        expect((_a = content.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement).toHaveClass(`rah-static--height-zero`);
-        expect(react_1.screen.getByText("See more")).toBeInTheDocument();
-        react_1.fireEvent.click(header);
-        expect((_b = content.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement).toHaveClass(`rah-animating--to-height-auto`);
-        expect(react_1.screen.getByText("See less")).toBeInTheDocument();
-        react_1.fireEvent.click(header);
-        expect((_c = content.parentElement) === null || _c === void 0 ? void 0 : _c.parentElement).toHaveClass(`rah-animating--to-height-zero`);
-        expect(react_1.screen.getByText("See more")).toBeInTheDocument();
+        const toggle = react_1.screen.getByText(OPEN_TEXT);
+        const accordionContainer = container.firstChild;
+        expect(accordionContainer).not.toHaveClass(OPEN_CLASS_NAME);
+        expect(toggle).toBeInTheDocument();
+        react_1.fireEvent.click(toggle);
+        expect(accordionContainer).toHaveClass(OPEN_CLASS_NAME);
+        expect(react_1.screen.getByText(CLOSE_TEXT)).toBeInTheDocument();
+        react_1.fireEvent.click(toggle);
+        expect(accordionContainer).not.toHaveClass(OPEN_CLASS_NAME);
+        expect(toggle).toBeInTheDocument();
     });
-    it("renders header in correct place relative to content", () => {
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { headerPosition: "top", children: "test content" }));
-        const accordion = container.getElementsByClassName("mobius/Accordion")[0];
-        expect(accordion.firstChild).toHaveClass(`mobius/AccordionLink show`);
-        expect(accordion.lastChild).toHaveClass(`rah-static`);
-        const bottomAccordion = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { headerPosition: "bottom", children: "test content" }));
-        const accordion2 = bottomAccordion.container.getElementsByClassName("mobius/Accordion")[0];
-        expect(accordion2.firstChild).toHaveClass(`rah-static`);
-        expect(accordion2.lastChild).toHaveClass(`mobius/AccordionLink show`);
+    describe("when headerPosition is set to top", () => {
+        it("renders the toggle above all other content", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { headerPosition: "top", children: "test content" }));
+            const accordion = container.firstChild;
+            expect(accordion === null || accordion === void 0 ? void 0 : accordion.firstChild).toHaveClass(LINK_CLASS_NAME);
+            expect(accordion === null || accordion === void 0 ? void 0 : accordion.lastChild).toHaveClass(CONTENT_CONTAINER_CLASS_NAME);
+        });
+    });
+    describe("when headerPosition is set to bottom", () => {
+        it("renders the toggle underneath all other content", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { headerPosition: "bottom", children: "test content" }));
+            const accordion = container.firstChild;
+            expect(accordion === null || accordion === void 0 ? void 0 : accordion.firstChild).toHaveClass(CONTENT_CONTAINER_CLASS_NAME);
+            expect(accordion === null || accordion === void 0 ? void 0 : accordion.lastChild).toHaveClass(LINK_CLASS_NAME);
+        });
     });
     it("respects startOpen prop and is expanded", () => {
         (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { startOpen: true, children: "test content" }));
-        expect(react_1.screen.getByText("See less")).toBeInTheDocument();
+        expect(react_1.screen.getByText(CLOSE_TEXT)).toBeInTheDocument();
     });
     describe("uses correct class names", () => {
         it("uses mobius class", () => {
@@ -43,31 +73,21 @@ describe("Accordion", () => {
             expect(container.firstChild).toHaveClass("mobius");
         });
         it("uses base Mobius class", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { "data-testid": "test", children: "Sample text" }));
-            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "Sample text" }));
+            expect(container.firstChild).toHaveClass(CONTAINER_CLASS_NAME);
         });
         it("includes custom class name", () => {
-            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { className: "my-class", "data-testid": "test", children: "Sample Text" }));
-            expect(react_1.screen.getByTestId("test")).toHaveClass("my-class");
-            expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
+            const customClassName = "my-class";
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { className: customClassName, children: "Sample Text" }));
+            expect(container.firstChild).toHaveClass(customClassName);
+            expect(container.firstChild).toHaveClass(CONTAINER_CLASS_NAME);
         });
     });
-    it("respects onClick prop", () => {
-        var _a, _b;
-        const handleOnClick = jest.fn();
-        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { onClick: handleOnClick, children: "Sample Text" }));
-        const header = container.getElementsByClassName("mobius/AccordionLink")[0];
-        const content = container.getElementsByClassName("mobius/AccordionContent")[0];
-        expect((_a = content.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement).toHaveClass(`rah-static--height-zero`);
-        react_1.fireEvent.click(header);
-        expect((_b = content.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement).toHaveClass(`rah-animating--to-height-auto`);
-        expect(handleOnClick).toHaveBeenCalled();
-    });
     describe("given headerChildren prop has content", () => {
         it("renders the content", () => {
             const buttonText = "Go";
             const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { headerChildren: (0, jsx_runtime_1.jsx)("button", { type: "button", children: buttonText }), children: "Sample Text" }));
-            const headerContainer = container.getElementsByClassName("mobius/AccordionHeader");
+            const headerContainer = container.getElementsByClassName(HEADER_CLASS_NAME);
             expect(react_1.screen.getByText(buttonText)).toBeInTheDocument();
             expect(headerContainer).toHaveLength(1);
         });
@@ -75,7 +95,7 @@ describe("Accordion", () => {
     describe("given headerChildren is not defined", () => {
         it("it does not render the header component", () => {
             const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "Sample Text" }));
-            const headerContainer = container.getElementsByClassName("mobius/AccordionHeader");
+            const headerContainer = container.getElementsByClassName(HEADER_CLASS_NAME);
             expect(headerContainer).toHaveLength(0);
         });
     });
@@ -89,12 +109,50 @@ describe("Accordion", () => {
     describe("providing that startOpen prop changes over time", () => {
         it("renders the correct state", () => {
             const { rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { startOpen: true, children: "Sample Text" }));
-            const seeLess = react_1.screen.getByText("See less");
+            const seeLess = react_1.screen.getByText(CLOSE_TEXT);
             expect(seeLess).toBeInTheDocument();
             rerender((0, jsx_runtime_1.jsx)(_1.Accordion, { startOpen: false, children: "Sample Text" }));
-            const seeMore = react_1.screen.getByText("See more");
+            const seeMore = react_1.screen.getByText(OPEN_TEXT);
             expect(seeMore).toBeInTheDocument();
         });
     });
+    describe("events", () => {
+        it("calls onChange when accordion is toggled", () => {
+            const onChange = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { onChange: onChange, children: "Sample Text" }));
+            const button = react_1.screen.getByRole("button");
+            react_1.fireEvent.click(button);
+            expect(onChange).toHaveBeenCalledWith(true);
+            react_1.fireEvent.click(button);
+            expect(onChange).toHaveBeenCalledWith(false);
+        });
+        it("calls onOpen when accordion is opened", () => {
+            const onOpen = jest.fn();
+            const onClose = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { onOpen: onOpen, onClose: onClose, children: "Sample Text" }));
+            const button = react_1.screen.getByRole("button");
+            react_1.fireEvent.click(button);
+            expect(onOpen).toHaveBeenCalled();
+            expect(onClose).not.toHaveBeenCalled();
+        });
+        it("calls onClose when accordion is closed", () => {
+            const onOpen = jest.fn();
+            const onClose = jest.fn();
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { startOpen: true, onOpen: onOpen, onClose: onClose, children: "Sample Text" }));
+            const button = react_1.screen.getByRole("button");
+            react_1.fireEvent.click(button);
+            expect(onClose).toHaveBeenCalled();
+            expect(onOpen).not.toHaveBeenCalled();
+        });
+    });
+    describe("given user prefers reduced motion", () => {
+        beforeEach(() => {
+            mockMatchMedia(false);
+        });
+        it("runs no animations", () => {
+            const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "Sample Text" }));
+            expect(container.firstChild).not.toHaveClass("--should-animate");
+        });
+    });
 });
 //# sourceMappingURL=Accordion.test.js.map

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

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

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

@@ -1,5 +1,5 @@
 import { Ref, RefAttributes, ReactNode } from "react";
-import { DOMProps } from "@react-types/shared";
+import { DOMProps } from "../../types/dom";
 import { ForwardedRefComponent } from "../../types/components";
 export type AlertElementType = HTMLDivElement;
 export interface AlertProps extends DOMProps, RefAttributes<AlertElementType> {

package/dist/cjs/components/Alert/Alert.js

@@ -17,14 +17,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Alert = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const clsx_1 = __importDefault(require("clsx"));
+const dedupe_1 = __importDefault(require("classnames/dedupe"));
 const icons_1 = require("@simplybusiness/icons");
 const Icon_1 = require("../Icon");
 const Alert = (0, react_1.forwardRef)((props, ref) => {
     const { elementType: Element = "div", variant = "info", show = true, header, children } = props, otherProps = __rest(props, ["elementType", "variant", "show", "header", "children"]);
     if (!show)
         return null;
-    const classes = (0, clsx_1.default)("mobius", "mobius/Alert", {
+    const classes = (0, dedupe_1.default)("mobius", "mobius/Alert", {
         "--info": variant === "info",
         "--success": variant === "success",
         "--warning": variant === "warning",
@@ -37,9 +37,9 @@ const Alert = (0, react_1.forwardRef)((props, ref) => {
         warning: icons_1.warning,
         error: icons_1.error,
     };
-    const headerClasses = (0, clsx_1.default)("mobius", "mobius/AlertHeader");
-    const iconClasses = (0, clsx_1.default)("mobius", "mobius/AlertIcon");
-    const contentClasses = (0, clsx_1.default)("mobius", "mobius/AlertContent");
+    const headerClasses = (0, dedupe_1.default)("mobius", "mobius/AlertHeader");
+    const iconClasses = (0, dedupe_1.default)("mobius", "mobius/AlertIcon");
+    const contentClasses = (0, dedupe_1.default)("mobius", "mobius/AlertContent");
     return ((0, jsx_runtime_1.jsxs)(Element, Object.assign({ ref: ref, role: "alert" }, otherProps, { className: classes, children: [(0, jsx_runtime_1.jsx)("span", { className: iconClasses, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icon[variant] }) }), (0, jsx_runtime_1.jsxs)("div", { children: [header && (0, jsx_runtime_1.jsx)("p", { className: headerClasses, children: header }), (0, jsx_runtime_1.jsx)("div", { className: contentClasses, children: children })] })] })));
 });
 exports.Alert = Alert;

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkE;AAElE,gDAAwB;AACxB,iDAAsE;AAEtE,kCAA+B;AAgB/B,MAAM,KAAK,GAAwD,IAAA,kBAAU,EAC3E,CAAC,KAAiB,EAAE,GAAa,EAAE,EAAE;IACnC,MAAM,EACJ,WAAW,EAAE,OAAO,GAAG,KAAK,EAC5B,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,IAAI,EACX,MAAM,EACN,QAAQ,KAEN,KAAK,EADJ,UAAU,UACX,KAAK,EAPH,wDAOL,CAAQ,CAAC;IAEV,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,OAAO,GAAG,IAAA,cAAI,EAClB,QAAQ,EACR,cAAc,EACd;QACE,QAAQ,EAAE,OAAO,KAAK,MAAM;QAC5B,WAAW,EAAE,OAAO,KAAK,SAAS;QAClC,WAAW,EAAE,OAAO,KAAK,SAAS;QAClC,SAAS,EAAE,OAAO,KAAK,OAAO;QAC9B,cAAc,EAAE,MAAM;KACvB,EACD,UAAU,CAAC,SAAS,CACrB,CAAC;IACF,MAAM,IAAI,GAAG;QACX,IAAI,EAAJ,YAAI;QACJ,OAAO,EAAP,eAAO;QACP,OAAO,EAAP,eAAO;QACP,KAAK,EAAL,aAAK;KACN,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC;IAC3D,MAAM,WAAW,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;IACvD,MAAM,cAAc,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;IAE7D,OAAO,CACL,wBAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,OAAO,IAAK,UAAU,IAAE,SAAS,EAAE,OAAO,aAChE,iCAAM,SAAS,EAAE,WAAW,YAC1B,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,GAAI,GACxB,EACP,4CACG,MAAM,IAAI,8BAAG,SAAS,EAAE,aAAa,YAAG,MAAM,GAAK,EACpD,gCAAK,SAAS,EAAE,cAAc,YAAG,QAAQ,GAAO,IAC5C,KACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,sBAAK;AADd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkE;AAClE,+DAA2C;AAC3C,iDAAsE;AAGtE,kCAA+B;AAgB/B,MAAM,KAAK,GAAwD,IAAA,kBAAU,EAC3E,CAAC,KAAiB,EAAE,GAAa,EAAE,EAAE;IACnC,MAAM,EACJ,WAAW,EAAE,OAAO,GAAG,KAAK,EAC5B,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,IAAI,EACX,MAAM,EACN,QAAQ,KAEN,KAAK,EADJ,UAAU,UACX,KAAK,EAPH,wDAOL,CAAQ,CAAC;IAEV,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,OAAO,GAAG,IAAA,gBAAU,EACxB,QAAQ,EACR,cAAc,EACd;QACE,QAAQ,EAAE,OAAO,KAAK,MAAM;QAC5B,WAAW,EAAE,OAAO,KAAK,SAAS;QAClC,WAAW,EAAE,OAAO,KAAK,SAAS;QAClC,SAAS,EAAE,OAAO,KAAK,OAAO;QAC9B,cAAc,EAAE,MAAM;KACvB,EACD,UAAU,CAAC,SAAS,CACrB,CAAC;IACF,MAAM,IAAI,GAAG;QACX,IAAI,EAAJ,YAAI;QACJ,OAAO,EAAP,eAAO;QACP,OAAO,EAAP,eAAO;QACP,KAAK,EAAL,aAAK;KACN,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,gBAAU,EAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC;IACjE,MAAM,WAAW,GAAG,IAAA,gBAAU,EAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;IAC7D,MAAM,cAAc,GAAG,IAAA,gBAAU,EAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;IAEnE,OAAO,CACL,wBAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,OAAO,IAAK,UAAU,IAAE,SAAS,EAAE,OAAO,aAChE,iCAAM,SAAS,EAAE,WAAW,YAC1B,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,GAAI,GACxB,EACP,4CACG,MAAM,IAAI,8BAAG,SAAS,EAAE,aAAa,YAAG,MAAM,GAAK,EACpD,gCAAK,SAAS,EAAE,cAAc,YAAG,QAAQ,GAAO,IAC5C,KACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,sBAAK;AADd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

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

@@ -1,5 +1,5 @@
 import { Ref, RefAttributes, ReactNode } from "react";
-import { DOMProps } from "@react-types/shared";
+import { DOMProps } from "../../types/dom";
 import { ForwardedRefComponent } from "../../types/components";
 export type BoxElementType = HTMLDivElement;
 export interface BoxProps extends DOMProps, RefAttributes<BoxElementType> {

package/dist/cjs/components/Box/Box.js

@@ -17,10 +17,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Box = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const clsx_1 = __importDefault(require("clsx"));
+const dedupe_1 = __importDefault(require("classnames/dedupe"));
 const Box = (0, react_1.forwardRef)((props, ref) => {
     const { elementType: Element = "div" } = props, otherProps = __rest(props, ["elementType"]);
-    const classes = (0, clsx_1.default)("mobius", "mobius/Box", otherProps.className);
+    const classes = (0, dedupe_1.default)("mobius", "mobius/Box", otherProps.className);
     return (0, jsx_runtime_1.jsx)(Element, Object.assign({ ref: ref }, otherProps, { className: classes }));
 });
 exports.Box = Box;

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

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkE;AAElE,gDAAwB;AAgBxB,MAAM,GAAG,GAAoD,IAAA,kBAAU,EACrE,CAAC,KAAe,EAAE,GAAW,EAAE,EAAE;IAC/B,MAAM,EAAE,WAAW,EAAE,OAAO,GAAG,KAAK,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAvD,eAA+C,CAAQ,CAAC;IAE9D,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,YAAY,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAEnE,OAAO,uBAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACnE,CAAC,CACF,CAAC;AAGO,kBAAG;AADZ,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkE;AAClE,+DAA2C;AAiB3C,MAAM,GAAG,GAAoD,IAAA,kBAAU,EACrE,CAAC,KAAe,EAAE,GAAW,EAAE,EAAE;IAC/B,MAAM,EAAE,WAAW,EAAE,OAAO,GAAG,KAAK,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAvD,eAA+C,CAAQ,CAAC;IAE9D,MAAM,OAAO,GAAG,IAAA,gBAAU,EAAC,QAAQ,EAAE,YAAY,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAEzE,OAAO,uBAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACnE,CAAC,CACF,CAAC;AAGO,kBAAG;AADZ,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}

package/dist/cjs/components/Breadcrumbs/BreadcrumbItem.d.ts

@@ -1,12 +1,14 @@
-import { Ref, ReactNode, RefAttributes } from "react";
-import { AriaBreadcrumbItemProps } from "@react-types/breadcrumbs";
-import { DOMProps } from "@react-types/shared";
+import { Ref, ReactNode } from "react";
+import { DOMProps } from "../../types/dom";
 import { ForwardedRefComponent } from "../../types/components";
 export type BreadcrumbItemElementType = HTMLLIElement;
-export interface BreadcrumbItemProps extends DOMProps, AriaBreadcrumbItemProps, RefAttributes<BreadcrumbItemElementType> {
+export interface BreadcrumbItemProps extends DOMProps {
+    "aria-current"?: "page" | "step" | "location" | "date" | "time" | boolean | "true" | "false";
+    isDisabled?: boolean;
     isCurrent?: boolean;
     separator?: ReactNode;
     className?: string;
+    children: ReactNode;
 }
 export type BreadcrumbItemRef = Ref<BreadcrumbItemElementType>;
 declare const BreadcrumbItem: ForwardedRefComponent<BreadcrumbItemProps, BreadcrumbItemElementType>;

package/dist/cjs/components/Breadcrumbs/BreadcrumbItem.js

@@ -1,5 +1,16 @@
 "use strict";
 "use client";
+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 };
 };
@@ -7,15 +18,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BreadcrumbItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const breadcrumbs_1 = require("@react-aria/breadcrumbs");
-const clsx_1 = __importDefault(require("clsx"));
+const dedupe_1 = __importDefault(require("classnames/dedupe"));
 const Box_1 = require("../Box");
 const BreadcrumbItem = (0, react_1.forwardRef)((props, ref) => {
-    const refObj = (0, react_1.useRef)(null);
-    const { itemProps } = (0, breadcrumbs_1.useBreadcrumbItem)(Object.assign(Object.assign({}, props), { elementType: "span" }), refObj);
-    const { separator = ((0, jsx_runtime_1.jsx)(Box_1.Box, { className: "mobius/BreadcrumbSeparator", "aria-hidden": "true", children: ">" })), children, } = props;
+    const { isDisabled = false, isCurrent = false, "aria-current": ariaCurrent = "page", children, separator = ((0, jsx_runtime_1.jsx)(Box_1.Box, { className: "mobius/BreadcrumbSeparator", "aria-hidden": "true", children: ">" })) } = props, otherProps = __rest(props, ["isDisabled", "isCurrent", "aria-current", "children", "separator"]);
+    const { itemProps } = {
+        itemProps: Object.assign({ "aria-current": isCurrent ? ariaCurrent : undefined, "aria-disabled": isDisabled || isCurrent }, otherProps),
+    };
     // Reshape class name and apply to outer element
-    const classes = (0, clsx_1.default)("mobius", "mobius/BreadcrumbItem", props.className);
+    const classes = (0, dedupe_1.default)("mobius", "mobius/BreadcrumbItem", props.className);
     const child = typeof children === "string" ? ((0, jsx_runtime_1.jsx)("span", Object.assign({}, itemProps, { children: children }))) : react_1.Children.only(children);
     return ((0, jsx_runtime_1.jsxs)("li", { className: classes, children: [(0, react_1.cloneElement)(child, Object.assign(Object.assign(Object.assign({}, child.props), itemProps), { ref })), !props.isCurrent && separator] }));
 });

package/dist/cjs/components/Breadcrumbs/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbItem.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;AAEb,iCASe;AACf,yDAA4D;AAE5D,gDAAwB;AAGxB,gCAA6B;AAe7B,MAAM,cAAc,GAGhB,IAAA,kBAAU,EAAC,CAAC,KAA0B,EAAE,GAAsB,EAAE,EAAE;IACpE,MAAM,MAAM,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC5B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAiB,kCAChC,KAAK,KAAE,WAAW,EAAE,MAAM,KAC/B,MAAM,CACP,CAAC;IAEF,MAAM,EACJ,SAAS,GAAG,CACV,uBAAC,SAAG,IAAC,SAAS,EAAC,4BAA4B,iBAAa,MAAM,YAC3D,GAAG,GACA,CACP,EACD,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,gDAAgD;IAChD,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAEzE,MAAM,KAAK,GACT,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7B,iDAAU,SAAS,cAAG,QAAQ,IAAQ,CACvC,CAAC,CAAC,CACA,gBAAQ,CAAC,IAAI,CAAC,QAAQ,CACxB,CAAC;IAEJ,OAAO,CACL,gCAAI,SAAS,EAAE,OAAO,aACnB,IAAA,oBAAY,EAAC,KAAK,gDAAO,KAAK,CAAC,KAAK,GAAK,SAAS,KAAE,GAAG,IAAG,EAC1D,CAAC,KAAK,CAAC,SAAS,IAAI,SAAS,IAC3B,CACN,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,wCAAc;AADvB,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"BreadcrumbItem.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/BreadcrumbItem.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAOe;AACf,+DAA2C;AAG3C,gCAA6B;AAuB7B,MAAM,cAAc,GAGhB,IAAA,kBAAU,EAAC,CAAC,KAA0B,EAAE,GAAsB,EAAE,EAAE;IACpE,MAAM,EACJ,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,cAAc,EAAE,WAAW,GAAG,MAAM,EACpC,QAAQ,EACR,SAAS,GAAG,CACV,uBAAC,SAAG,IAAC,SAAS,EAAC,4BAA4B,iBAAa,MAAM,YAC3D,GAAG,GACA,CACP,KAEC,KAAK,EADJ,UAAU,UACX,KAAK,EAXH,oEAWL,CAAQ,CAAC;IACV,MAAM,EAAE,SAAS,EAAE,GAAG;QACpB,SAAS,kBACP,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACnD,eAAe,EAAE,UAAU,IAAI,SAAS,IACrC,UAAU,CACd;KACF,CAAC;IAEF,gDAAgD;IAChD,MAAM,OAAO,GAAG,IAAA,gBAAU,EACxB,QAAQ,EACR,uBAAuB,EACvB,KAAK,CAAC,SAAS,CAChB,CAAC;IAEF,MAAM,KAAK,GACT,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7B,iDAAU,SAAS,cAAG,QAAQ,IAAQ,CACvC,CAAC,CAAC,CACA,gBAAQ,CAAC,IAAI,CAAC,QAAQ,CACxB,CAAC;IAEJ,OAAO,CACL,gCAAI,SAAS,EAAE,OAAO,aACnB,IAAA,oBAAY,EAAC,KAAK,gDAAO,KAAK,CAAC,KAAK,GAAK,SAAS,KAAE,GAAG,IAAG,EAC1D,CAAC,KAAK,CAAC,SAAS,IAAI,SAAS,IAC3B,CACN,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,wCAAc;AADvB,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

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

@@ -1,11 +1,11 @@
 import { Ref, RefAttributes, ReactNode } from "react";
-import { AriaBreadcrumbsProps } from "@react-types/breadcrumbs";
 import { ForwardedRefComponent } from "../../types/components";
 export type BreadcrumbsElementType = HTMLUListElement;
-export interface BreadcrumbsProps extends AriaBreadcrumbsProps, RefAttributes<BreadcrumbsElementType> {
+export interface BreadcrumbsProps extends RefAttributes<BreadcrumbsElementType> {
     /** Custom class name for setting specific CSS */
     className?: string;
     children?: ReactNode;
+    "aria-label"?: string;
 }
 export type BreadcrumbsRef = Ref<BreadcrumbsElementType>;
 declare const Breadcrumbs: ForwardedRefComponent<BreadcrumbsProps, BreadcrumbsElementType>;

package/dist/cjs/components/Breadcrumbs/Breadcrumbs.js

@@ -18,14 +18,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Breadcrumbs = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const breadcrumbs_1 = require("@react-aria/breadcrumbs");
-const clsx_1 = __importDefault(require("clsx"));
+const dedupe_1 = __importDefault(require("classnames/dedupe"));
 const Breadcrumbs = (0, react_1.forwardRef)((props, ref) => {
-    const { navProps } = (0, breadcrumbs_1.useBreadcrumbs)(props);
+    const { "aria-label": ariaLabel = "Breadcrumbs" } = props;
+    const { navProps } = { navProps: { "aria-label": ariaLabel } };
     const { children } = props, otherProps = __rest(props, ["children"]);
     const childArray = react_1.Children.toArray(children);
     // Reshape class name and apply to outer element
-    const classes = (0, clsx_1.default)("mobius", "mobius/Breadcrumb", otherProps.className);
+    const classes = (0, dedupe_1.default)("mobius", "mobius/Breadcrumb", otherProps.className);
     return ((0, jsx_runtime_1.jsx)("nav", Object.assign({ ref: ref }, otherProps, navProps, { className: classes, children: (0, jsx_runtime_1.jsx)("ul", { children: childArray.map((child, i) => (0, react_1.cloneElement)(child, {
                 isCurrent: i === childArray.length - 1,
             })) }) })));

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAQe;AACf,yDAAyD;AAEzD,gDAAwB;AAexB,MAAM,WAAW,GAGb,IAAA,kBAAU,EAAC,CAAC,KAAuB,EAAE,GAAmB,EAAE,EAAE;IAC9D,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,4BAAc,EAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,EAAE,QAAQ,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAnC,YAA2B,CAAQ,CAAC;IAC1C,MAAM,UAAU,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE9C,gDAAgD;IAChD,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,mBAAmB,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAE1E,OAAO,CACL,8CAAK,GAAG,EAAE,GAAG,IAAM,UAAU,EAAM,QAAQ,IAAE,SAAS,EAAE,OAAO,YAC7D,yCACG,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAC3B,IAAA,oBAAY,EAAC,KAAqB,EAAE;gBAClC,SAAS,EAAE,CAAC,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC;aACvC,CAAC,CACH,GACE,IACD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,kCAAW;AADpB,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
+{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAQe;AACf,+DAA2C;AAe3C,MAAM,WAAW,GAGb,IAAA,kBAAU,EAAC,CAAC,KAAuB,EAAE,GAAmB,EAAE,EAAE;IAC9D,MAAM,EAAE,YAAY,EAAE,SAAS,GAAG,aAAa,EAAE,GAAG,KAAK,CAAC;IAC1D,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC;IAC/D,MAAM,EAAE,QAAQ,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAnC,YAA2B,CAAQ,CAAC;IAC1C,MAAM,UAAU,GAAG,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE9C,gDAAgD;IAChD,MAAM,OAAO,GAAG,IAAA,gBAAU,EACxB,QAAQ,EACR,mBAAmB,EACnB,UAAU,CAAC,SAAS,CACrB,CAAC;IAEF,OAAO,CACL,8CAAK,GAAG,EAAE,GAAG,IAAM,UAAU,EAAM,QAAQ,IAAE,SAAS,EAAE,OAAO,YAC7D,yCACG,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAC3B,IAAA,oBAAY,EAAC,KAAqB,EAAE;gBAClC,SAAS,EAAE,CAAC,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC;aACvC,CAAC,CACH,GACE,IACD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAGM,kCAAW;AADpB,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}