@simplybusiness/mobius 4.2.7 → 4.2.8

package/dist/esm/components/Accordion/Accordion.js

@@ -1,63 +1,95 @@
 "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;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { chevronDown } from "@simplybusiness/icons";
 import classNames from "classnames/dedupe";
-import { forwardRef, useEffect, useState, } from "react";
+import { forwardRef, useEffect, useState } from "react";
 import { Flex } from "../Flex";
 import { Icon } from "../Icon";
-const AccordionLink = ({ text, toggle, onClick, headerChildren, ariaExpanded, }) => {
+const AccordionLink = ({ text, toggle, onClick, headerChildren, ariaExpanded })=>{
     const linkClasses = classNames("mobius/AccordionLink", {
-        "--is-open": ariaExpanded,
+        "--is-open": ariaExpanded
     });
     const iconClasses = classNames("mobius/AccordionLinkIcon", {
-        "--is-open": ariaExpanded,
+        "--is-open": ariaExpanded
     });
-    const handleOnClick = () => {
+    const handleOnClick = ()=>{
         if (onClick) {
             onClick();
         }
         toggle();
     };
-    const handleKeyDown = (e) => {
+    const handleKeyDown = (e)=>{
         if (e.key === " " || e.key === "Enter") {
             toggle();
         }
     };
     if (headerChildren) {
-        return (_jsxs(Flex, { justifyContent: "space-between", alignItems: "center", className: "mobius/AccordionHeader", children: [_jsxs("div", { className: linkClasses, onClick: handleOnClick, onKeyDown: handleKeyDown, role: "button", tabIndex: 0, "aria-expanded": !!ariaExpanded, children: [_jsx("span", { className: "mobius/AccordionLinkText", children: text }), _jsx(Icon, { icon: chevronDown, className: iconClasses })] }), headerChildren] }));
+        return /*#__PURE__*/ _jsxs(Flex, {
+            justifyContent: "space-between",
+            alignItems: "center",
+            className: "mobius/AccordionHeader",
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: linkClasses,
+                    onClick: handleOnClick,
+                    onKeyDown: handleKeyDown,
+                    role: "button",
+                    tabIndex: 0,
+                    "aria-expanded": !!ariaExpanded,
+                    children: [
+                        /*#__PURE__*/ _jsx("span", {
+                            className: "mobius/AccordionLinkText",
+                            children: text
+                        }),
+                        /*#__PURE__*/ _jsx(Icon, {
+                            icon: chevronDown,
+                            className: iconClasses
+                        })
+                    ]
+                }),
+                headerChildren
+            ]
+        });
     }
-    return (_jsxs("div", { className: linkClasses, onClick: handleOnClick, onKeyDown: handleKeyDown, role: "button", tabIndex: 0, "aria-expanded": !!ariaExpanded, children: [_jsx("span", { className: "mobius/AccordionLinkText", children: text }), _jsx(Icon, { icon: chevronDown, className: iconClasses })] }));
+    return /*#__PURE__*/ _jsxs("div", {
+        className: linkClasses,
+        onClick: handleOnClick,
+        onKeyDown: handleKeyDown,
+        role: "button",
+        tabIndex: 0,
+        "aria-expanded": !!ariaExpanded,
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                className: "mobius/AccordionLinkText",
+                children: text
+            }),
+            /*#__PURE__*/ _jsx(Icon, {
+                icon: chevronDown,
+                className: iconClasses
+            })
+        ]
+    });
 };
-export const Accordion = forwardRef((props, ref) => {
-    const { showText = "See more", hideText = "See less", headerPosition = "top", startOpen = false, onOpen, onClose, onChange = () => { }, headerChildren } = props, rest = __rest(props, ["showText", "hideText", "headerPosition", "startOpen", "onOpen", "onClose", "onChange", "headerChildren"]);
+export const Accordion = /*#__PURE__*/ forwardRef((props, ref)=>{
+    var _window;
+    const { showText = "See more", hideText = "See less", headerPosition = "top", startOpen = false, onOpen, onClose, onChange = ()=>{}, headerChildren, ...rest } = props;
     const [accordionState, setAccordionState] = useState({
         open: true,
-        withAnimation: false,
+        withAnimation: false
     });
-    const prefersReducedMotion = window === null || window === void 0 ? void 0 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    const prefersReducedMotion = (_window = window) === null || _window === void 0 ? void 0 : _window.matchMedia("(prefers-reduced-motion: reduce)").matches;
     const containerClasses = classNames("mobius", "mobius/Accordion", props.className, {
         "--should-animate": accordionState.withAnimation && !prefersReducedMotion,
-        "--is-open": accordionState.open,
+        "--is-open": accordionState.open
     });
     const contentContainerClasses = classNames("mobius/AccordionContentContainer", {
-        "--is-open": accordionState.open,
+        "--is-open": accordionState.open
     });
     const contentClasses = classNames("mobius/AccordionContent", {
-        "--is-open": accordionState.open,
+        "--is-open": accordionState.open
     });
     const linkText = accordionState.open ? hideText : showText;
-    const handleChange = () => {
+    const handleChange = ()=>{
         // Fire events
         if (!accordionState.open && onOpen) {
             onOpen();
@@ -70,15 +102,44 @@ export const Accordion = forwardRef((props, ref) => {
         }
         setAccordionState({
             open: !accordionState.open,
-            withAnimation: true,
+            withAnimation: true
         });
     };
-    useEffect(() => {
+    useEffect(()=>{
         setAccordionState({
             open: startOpen,
-            withAnimation: false,
+            withAnimation: false
         });
-    }, [startOpen]);
-    return (_jsxs("div", Object.assign({ ref: ref }, rest, { className: containerClasses, children: [headerPosition === "top" && (_jsx(AccordionLink, { text: linkText, toggle: handleChange, ariaExpanded: accordionState.open, headerChildren: headerChildren })), _jsx("div", { className: contentContainerClasses, "aria-hidden": !accordionState.open, children: _jsx("div", { className: contentClasses, children: props.children }) }), headerPosition === "bottom" && (_jsx(AccordionLink, { text: linkText, toggle: handleChange, ariaExpanded: accordionState.open, headerChildren: headerChildren }))] })));
+    }, [
+        startOpen
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        ref: ref,
+        ...rest,
+        className: containerClasses,
+        children: [
+            headerPosition === "top" && /*#__PURE__*/ _jsx(AccordionLink, {
+                text: linkText,
+                toggle: handleChange,
+                ariaExpanded: accordionState.open,
+                headerChildren: headerChildren
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: contentContainerClasses,
+                "aria-hidden": !accordionState.open,
+                children: /*#__PURE__*/ _jsx("div", {
+                    className: contentClasses,
+                    children: props.children
+                })
+            }),
+            headerPosition === "bottom" && /*#__PURE__*/ _jsx(AccordionLink, {
+                text: linkText,
+                toggle: handleChange,
+                ariaExpanded: accordionState.open,
+                headerChildren: headerChildren
+            })
+        ]
+    });
 });
+
 //# sourceMappingURL=Accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { chevronDown } from \"@simplybusiness/icons\";\nimport classNames from \"classnames/dedupe\";\nimport {\n  KeyboardEvent,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  forwardRef,\n  useEffect,\n  useState,\n} from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { DOMProps } from \"../../types/dom\";\nimport { Flex } from \"../Flex\";\nimport { Icon } from \"../Icon\";\n\nexport type AccordionElementType = HTMLDivElement;\nexport type AccordionRef = Ref<AccordionElementType>;\nexport interface AccordionLinkProps extends DOMProps {\n  /** Link text to show accordion content */\n  text?: string;\n  onClick?: () => void;\n  toggle: () => void;\n  headerChildren?: ReactNode;\n  ariaExpanded: boolean | undefined;\n}\n\nconst AccordionLink = ({\n  text,\n  toggle,\n  onClick,\n  headerChildren,\n  ariaExpanded,\n}: AccordionLinkProps) => {\n  const linkClasses = classNames(\"mobius/AccordionLink\", {\n    \"--is-open\": ariaExpanded,\n  });\n  const iconClasses = classNames(\"mobius/AccordionLinkIcon\", {\n    \"--is-open\": ariaExpanded,\n  });\n\n  const handleOnClick = (): void => {\n    if (onClick) {\n      onClick();\n    }\n    toggle();\n  };\n\n  const handleKeyDown = (e: KeyboardEvent) => {\n    if (e.key === \" \" || e.key === \"Enter\") {\n      toggle();\n    }\n  };\n\n  if (headerChildren) {\n    return (\n      <Flex\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        className=\"mobius/AccordionHeader\"\n      >\n        <div\n          className={linkClasses}\n          onClick={handleOnClick}\n          onKeyDown={handleKeyDown}\n          role=\"button\"\n          tabIndex={0}\n          aria-expanded={!!ariaExpanded}\n        >\n          <span className=\"mobius/AccordionLinkText\">{text}</span>\n          <Icon icon={chevronDown} className={iconClasses} />\n        </div>\n        {headerChildren}\n      </Flex>\n    );\n  }\n\n  return (\n    <div\n      className={linkClasses}\n      onClick={handleOnClick}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-expanded={!!ariaExpanded}\n    >\n      <span className=\"mobius/AccordionLinkText\">{text}</span>\n      <Icon icon={chevronDown} className={iconClasses} />\n    </div>\n  );\n};\n\nexport interface AccordionProps\n  extends DOMProps,\n    RefAttributes<AccordionElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** Link text to show accordion content */\n  showText?: string;\n  /** Link text to hide accordion content */\n  hideText?: string;\n  /** Whether header is above or below content */\n  headerPosition?: \"top\" | \"bottom\";\n  /** Whether to expand the accordion initially */\n  startOpen?: boolean | undefined;\n  /** Callback that fires each time the accordion is opened */\n  onOpen?: () => void;\n  /** Callback that fires each time the accordion is closed */\n  onClose?: () => void;\n  /** Callback that fires each time the accordion state changes */\n  onChange?: (state: boolean) => void;\n  children?: ReactNode;\n  headerChildren?: ReactNode;\n}\n\nexport const Accordion: ForwardedRefComponent<\n  AccordionProps,\n  AccordionElementType\n> = forwardRef((props: AccordionProps, ref: AccordionRef) => {\n  const {\n    showText = \"See more\",\n    hideText = \"See less\",\n    headerPosition = \"top\",\n    startOpen = false,\n    onOpen,\n    onClose,\n    onChange = () => {},\n    headerChildren,\n    ...rest\n  } = props;\n  const [accordionState, setAccordionState] = useState({\n    open: true,\n    withAnimation: false,\n  });\n  const prefersReducedMotion = window?.matchMedia(\n    \"(prefers-reduced-motion: reduce)\",\n  ).matches;\n\n  const containerClasses = classNames(\n    \"mobius\",\n    \"mobius/Accordion\",\n    props.className,\n    {\n      \"--should-animate\": accordionState.withAnimation && !prefersReducedMotion,\n      \"--is-open\": accordionState.open,\n    },\n  );\n  const contentContainerClasses = classNames(\n    \"mobius/AccordionContentContainer\",\n    {\n      \"--is-open\": accordionState.open,\n    },\n  );\n  const contentClasses = classNames(\"mobius/AccordionContent\", {\n    \"--is-open\": accordionState.open,\n  });\n  const linkText = accordionState.open ? hideText : showText;\n\n  const handleChange = () => {\n    // Fire events\n    if (!accordionState.open && onOpen) {\n      onOpen();\n    }\n    if (accordionState.open && onClose) {\n      onClose();\n    }\n    if (onChange) {\n      onChange(!accordionState.open);\n    }\n    setAccordionState({\n      open: !accordionState.open,\n      withAnimation: true,\n    });\n  };\n\n  useEffect(() => {\n    setAccordionState({\n      open: startOpen,\n      withAnimation: false,\n    });\n  }, [startOpen]);\n\n  return (\n    <div ref={ref} {...rest} className={containerClasses}>\n      {headerPosition === \"top\" && (\n        <AccordionLink\n          text={linkText}\n          toggle={handleChange}\n          ariaExpanded={accordionState.open}\n          headerChildren={headerChildren}\n        />\n      )}\n      <div\n        className={contentContainerClasses}\n        aria-hidden={!accordionState.open}\n      >\n        <div className={contentClasses}>{props.children}</div>\n      </div>\n      {headerPosition === \"bottom\" && (\n        <AccordionLink\n          text={linkText}\n          toggle={handleChange}\n          ariaExpanded={accordionState.open}\n          headerChildren={headerChildren}\n        />\n      )}\n    </div>\n  );\n});\n"],"names":["chevronDown","classNames","forwardRef","useEffect","useState","Flex","Icon","AccordionLink","text","toggle","onClick","headerChildren","ariaExpanded","linkClasses","iconClasses","handleOnClick","handleKeyDown","e","key","justifyContent","alignItems","className","div","onKeyDown","role","tabIndex","aria-expanded","span","icon","Accordion","props","ref","window","showText","hideText","headerPosition","startOpen","onOpen","onClose","onChange","rest","accordionState","setAccordionState","open","withAnimation","prefersReducedMotion","matchMedia","matches","containerClasses","contentContainerClasses","contentClasses","linkText","handleChange","aria-hidden","children"],"mappings":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
+{"version":3,"sources":["../../../../src/components/Accordion/index.tsx"],"sourcesContent":["export * from \"./Accordion\";\n"],"names":[],"mappings":"AAAA,cAAc,cAAc"}

package/dist/esm/components/Alert/Alert.js

@@ -1,41 +1,55 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import classNames from "classnames/dedupe";
 import { info, success, warning, error } from "@simplybusiness/icons";
 import { Icon } from "../Icon";
-const Alert = 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 Alert = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { elementType: Element = "div", variant = "info", show = true, header, children, ...otherProps } = props;
+    if (!show) return null;
     const classes = classNames("mobius", "mobius/Alert", {
         "--info": variant === "info",
         "--success": variant === "success",
         "--warning": variant === "warning",
         "--error": variant === "error",
-        "--has-header": header,
+        "--has-header": header
     }, otherProps.className);
     const icon = {
         info,
         success,
         warning,
-        error,
+        error
     };
     const headerClasses = classNames("mobius", "mobius/AlertHeader");
     const iconClasses = classNames("mobius", "mobius/AlertIcon");
     const contentClasses = classNames("mobius", "mobius/AlertContent");
-    return (_jsxs(Element, Object.assign({ ref: ref, role: "alert" }, otherProps, { className: classes, children: [_jsx("span", { className: iconClasses, children: _jsx(Icon, { icon: icon[variant] }) }), _jsxs("div", { children: [header && _jsx("p", { className: headerClasses, children: header }), _jsx("div", { className: contentClasses, children: children })] })] })));
+    return /*#__PURE__*/ _jsxs(Element, {
+        ref: ref,
+        role: "alert",
+        ...otherProps,
+        className: classes,
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                className: iconClasses,
+                children: /*#__PURE__*/ _jsx(Icon, {
+                    icon: icon[variant]
+                })
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                children: [
+                    header && /*#__PURE__*/ _jsx("p", {
+                        className: headerClasses,
+                        children: header
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: contentClasses,
+                        children: children
+                    })
+                ]
+            })
+        ]
+    });
 });
 Alert.displayName = "Alert";
 export { Alert };
+
 //# sourceMappingURL=Alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAClE,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGtE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAgB/B,MAAM,KAAK,GAAwD,UAAU,CAC3E,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,UAAU,CACxB,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;QACJ,OAAO;QACP,OAAO;QACP,KAAK;KACN,CAAC;IAEF,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC;IACjE,MAAM,WAAW,GAAG,UAAU,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;IAC7D,MAAM,cAAc,GAAG,UAAU,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;IAEnE,OAAO,CACL,MAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,OAAO,IAAK,UAAU,IAAE,SAAS,EAAE,OAAO,aAChE,eAAM,SAAS,EAAE,WAAW,YAC1B,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,GAAI,GACxB,EACP,0BACG,MAAM,IAAI,YAAG,SAAS,EAAE,aAAa,YAAG,MAAM,GAAK,EACpD,cAAK,SAAS,EAAE,cAAc,YAAG,QAAQ,GAAO,IAC5C,KACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAC5B,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { info, success, warning, error } from \"@simplybusiness/icons\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Icon } from \"../Icon\";\n\nexport type AlertElementType = HTMLDivElement;\n\nexport interface AlertProps extends DOMProps, RefAttributes<AlertElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: string | React.ElementType;\n  variant?: \"info\" | \"success\" | \"warning\" | \"error\";\n  show?: boolean;\n  header?: string;\n}\n\nexport type AlertRef = Ref<AlertElementType>;\n\nconst Alert: ForwardedRefComponent<AlertProps, AlertElementType> = forwardRef(\n  (props: AlertProps, ref: AlertRef) => {\n    const {\n      elementType: Element = \"div\",\n      variant = \"info\",\n      show = true,\n      header,\n      children,\n      ...otherProps\n    } = props;\n\n    if (!show) return null;\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Alert\",\n      {\n        \"--info\": variant === \"info\",\n        \"--success\": variant === \"success\",\n        \"--warning\": variant === \"warning\",\n        \"--error\": variant === \"error\",\n        \"--has-header\": header,\n      },\n      otherProps.className,\n    );\n    const icon = {\n      info,\n      success,\n      warning,\n      error,\n    };\n\n    const headerClasses = classNames(\"mobius\", \"mobius/AlertHeader\");\n    const iconClasses = classNames(\"mobius\", \"mobius/AlertIcon\");\n    const contentClasses = classNames(\"mobius\", \"mobius/AlertContent\");\n\n    return (\n      <Element ref={ref} role=\"alert\" {...otherProps} className={classes}>\n        <span className={iconClasses}>\n          <Icon icon={icon[variant]} />\n        </span>\n        <div>\n          {header && <p className={headerClasses}>{header}</p>}\n          <div className={contentClasses}>{children}</div>\n        </div>\n      </Element>\n    );\n  },\n);\n\nAlert.displayName = \"Alert\";\nexport { Alert };\n"],"names":["forwardRef","classNames","info","success","warning","error","Icon","Alert","props","ref","elementType","Element","variant","show","header","children","otherProps","classes","className","icon","headerClasses","iconClasses","contentClasses","role","span","div","p","displayName"],"mappings":";AAAA,SAAcA,UAAU,QAAkC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,IAAI,EAAEC,OAAO,EAAEC,OAAO,EAAEC,KAAK,QAAQ,wBAAwB;AAGtE,SAASC,IAAI,QAAQ,UAAU;AAgB/B,MAAMC,sBAA6DP,WACjE,CAACQ,OAAmBC;IAClB,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,UAAU,MAAM,EAChBC,OAAO,IAAI,EACXC,MAAM,EACNC,QAAQ,EACR,GAAGC,YACJ,GAAGR;IAEJ,IAAI,CAACK,MAAM,OAAO;IAElB,MAAMI,UAAUhB,WACd,UACA,gBACA;QACE,UAAUW,YAAY;QACtB,aAAaA,YAAY;QACzB,aAAaA,YAAY;QACzB,WAAWA,YAAY;QACvB,gBAAgBE;IAClB,GACAE,WAAWE,SAAS;IAEtB,MAAMC,OAAO;QACXjB;QACAC;QACAC;QACAC;IACF;IAEA,MAAMe,gBAAgBnB,WAAW,UAAU;IAC3C,MAAMoB,cAAcpB,WAAW,UAAU;IACzC,MAAMqB,iBAAiBrB,WAAW,UAAU;IAE5C,qBACE,MAACU;QAAQF,KAAKA;QAAKc,MAAK;QAAS,GAAGP,UAAU;QAAEE,WAAWD;;0BACzD,KAACO;gBAAKN,WAAWG;0BACf,cAAA,KAACf;oBAAKa,MAAMA,IAAI,CAACP,QAAQ;;;0BAE3B,MAACa;;oBACEX,wBAAU,KAACY;wBAAER,WAAWE;kCAAgBN;;kCACzC,KAACW;wBAAIP,WAAWI;kCAAiBP;;;;;;AAIzC;AAGFR,MAAMoB,WAAW,GAAG;AACpB,SAASpB,KAAK,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
+{"version":3,"sources":["../../../../src/components/Alert/index.tsx"],"sourcesContent":["export * from \"./Alert\";\n"],"names":[],"mappings":"AAAA,cAAc,UAAU"}

package/dist/esm/components/Box/Box.js

@@ -1,22 +1,16 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import classNames from "classnames/dedupe";
-const Box = forwardRef((props, ref) => {
-    const { elementType: Element = "div" } = props, otherProps = __rest(props, ["elementType"]);
+const Box = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { elementType: Element = "div", ...otherProps } = props;
     const classes = classNames("mobius", "mobius/Box", otherProps.className);
-    return _jsx(Element, Object.assign({ ref: ref }, otherProps, { className: classes }));
+    return /*#__PURE__*/ _jsx(Element, {
+        ref: ref,
+        ...otherProps,
+        className: classes
+    });
 });
 Box.displayName = "Box";
 export { Box };
+
 //# sourceMappingURL=Box.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/Box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAO,UAAU,EAA4B,MAAM,OAAO,CAAC;AAClE,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAiB3C,MAAM,GAAG,GAAoD,UAAU,CACrE,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,UAAU,CAAC,QAAQ,EAAE,YAAY,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAEzE,OAAO,KAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,IAAM,UAAU,IAAE,SAAS,EAAE,OAAO,IAAI,CAAC;AACnE,CAAC,CACF,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AACxB,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type BoxElementType = HTMLDivElement;\n\nexport interface BoxProps extends DOMProps, RefAttributes<BoxElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** HTML element for the Box */\n  elementType?: \"div\" | \"span\";\n  style?: React.CSSProperties;\n}\n\nexport type BoxRef = Ref<BoxElementType>;\n\nconst Box: ForwardedRefComponent<BoxProps, BoxElementType> = forwardRef(\n  (props: BoxProps, ref: BoxRef) => {\n    const { elementType: Element = \"div\", ...otherProps } = props;\n\n    const classes = classNames(\"mobius\", \"mobius/Box\", otherProps.className);\n\n    return <Element ref={ref} {...otherProps} className={classes} />;\n  },\n);\n\nBox.displayName = \"Box\";\nexport { Box };\n"],"names":["forwardRef","classNames","Box","props","ref","elementType","Element","otherProps","classes","className","displayName"],"mappings":";AAAA,SAAcA,UAAU,QAAkC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAiB3C,MAAMC,oBAAuDF,WAC3D,CAACG,OAAiBC;IAChB,MAAM,EAAEC,aAAaC,UAAU,KAAK,EAAE,GAAGC,YAAY,GAAGJ;IAExD,MAAMK,UAAUP,WAAW,UAAU,cAAcM,WAAWE,SAAS;IAEvE,qBAAO,KAACH;QAAQF,KAAKA;QAAM,GAAGG,UAAU;QAAEE,WAAWD;;AACvD;AAGFN,IAAIQ,WAAW,GAAG;AAClB,SAASR,GAAG,GAAG"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Box/index.tsx"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}
+{"version":3,"sources":["../../../../src/components/Box/index.tsx"],"sourcesContent":["export * from \"./Box\";\n"],"names":[],"mappings":"AAAA,cAAc,QAAQ"}

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

@@ -1,29 +1,40 @@
 "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;
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, cloneElement, Children, } from "react";
+import { forwardRef, cloneElement, Children } from "react";
 import classNames from "classnames/dedupe";
 import { Box } from "../Box";
-const BreadcrumbItem = forwardRef((props, ref) => {
-    const { isDisabled = false, isCurrent = false, "aria-current": ariaCurrent = "page", children, separator = (_jsx(Box, { className: "mobius/BreadcrumbSeparator", "aria-hidden": "true", children: ">" })) } = props, otherProps = __rest(props, ["isDisabled", "isCurrent", "aria-current", "children", "separator"]);
+const BreadcrumbItem = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { isDisabled = false, isCurrent = false, "aria-current": ariaCurrent = "page", children, separator = /*#__PURE__*/ _jsx(Box, {
+        className: "mobius/BreadcrumbSeparator",
+        "aria-hidden": "true",
+        children: ">"
+    }), ...otherProps } = props;
     const { itemProps } = {
-        itemProps: Object.assign({ "aria-current": isCurrent ? ariaCurrent : undefined, "aria-disabled": isDisabled || isCurrent }, otherProps),
+        itemProps: {
+            "aria-current": isCurrent ? ariaCurrent : undefined,
+            "aria-disabled": isDisabled || isCurrent,
+            ...otherProps
+        }
     };
     // Reshape class name and apply to outer element
     const classes = classNames("mobius", "mobius/BreadcrumbItem", props.className);
-    const child = typeof children === "string" ? (_jsx("span", Object.assign({}, itemProps, { children: children }))) : Children.only(children);
-    return (_jsxs("li", { className: classes, children: [cloneElement(child, Object.assign(Object.assign(Object.assign({}, child.props), itemProps), { ref })), !props.isCurrent && separator] }));
+    const child = typeof children === "string" ? /*#__PURE__*/ _jsx("span", {
+        ...itemProps,
+        children: children
+    }) : Children.only(children);
+    return /*#__PURE__*/ _jsxs("li", {
+        className: classes,
+        children: [
+            /*#__PURE__*/ cloneElement(child, {
+                ...child.props,
+                ...itemProps,
+                ref
+            }),
+            !props.isCurrent && separator
+        ]
+    });
 });
 BreadcrumbItem.displayName = "BreadcrumbItem";
 export { BreadcrumbItem };
+
 //# sourceMappingURL=BreadcrumbItem.js.map

package/dist/esm/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,OAAO,EAEL,UAAU,EAGV,YAAY,EACZ,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAuB7B,MAAM,cAAc,GAGhB,UAAU,CAAC,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,KAAC,GAAG,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,UAAU,CACxB,QAAQ,EACR,uBAAuB,EACvB,KAAK,CAAC,SAAS,CAChB,CAAC;IAEF,MAAM,KAAK,GACT,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC7B,+BAAU,SAAS,cAAG,QAAQ,IAAQ,CACvC,CAAC,CAAC,CACA,QAAQ,CAAC,IAAI,CAAC,QAAQ,CACxB,CAAC;IAEJ,OAAO,CACL,cAAI,SAAS,EAAE,OAAO,aACnB,YAAY,CAAC,KAAK,gDAAO,KAAK,CAAC,KAAK,GAAK,SAAS,KAAE,GAAG,IAAG,EAC1D,CAAC,KAAK,CAAC,SAAS,IAAI,SAAS,IAC3B,CACN,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/Breadcrumbs/BreadcrumbItem.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Ref,\n  forwardRef,\n  ReactNode,\n  ReactElement,\n  cloneElement,\n  Children,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Box } from \"../Box\";\n\nexport type BreadcrumbItemElementType = HTMLLIElement;\n\nexport interface BreadcrumbItemProps extends DOMProps {\n  \"aria-current\"?:\n    | \"page\"\n    | \"step\"\n    | \"location\"\n    | \"date\"\n    | \"time\"\n    | boolean\n    | \"true\"\n    | \"false\";\n  isDisabled?: boolean;\n  isCurrent?: boolean;\n  separator?: ReactNode;\n  className?: string;\n  children: ReactNode;\n}\n\nexport type BreadcrumbItemRef = Ref<BreadcrumbItemElementType>;\n\nconst BreadcrumbItem: ForwardedRefComponent<\n  BreadcrumbItemProps,\n  BreadcrumbItemElementType\n> = forwardRef((props: BreadcrumbItemProps, ref: BreadcrumbItemRef) => {\n  const {\n    isDisabled = false,\n    isCurrent = false,\n    \"aria-current\": ariaCurrent = \"page\",\n    children,\n    separator = (\n      <Box className=\"mobius/BreadcrumbSeparator\" aria-hidden=\"true\">\n        {\">\"}\n      </Box>\n    ),\n    ...otherProps\n  } = props;\n  const { itemProps } = {\n    itemProps: {\n      \"aria-current\": isCurrent ? ariaCurrent : undefined,\n      \"aria-disabled\": isDisabled || isCurrent,\n      ...otherProps,\n    },\n  };\n\n  // Reshape class name and apply to outer element\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/BreadcrumbItem\",\n    props.className,\n  );\n\n  const child =\n    typeof children === \"string\" ? (\n      <span {...itemProps}>{children}</span>\n    ) : (\n      (Children.only(children) as ReactElement)\n    );\n\n  return (\n    <li className={classes}>\n      {cloneElement(child, { ...child.props, ...itemProps, ref })}\n      {!props.isCurrent && separator}\n    </li>\n  );\n});\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\nexport { BreadcrumbItem };\n"],"names":["forwardRef","cloneElement","Children","classNames","Box","BreadcrumbItem","props","ref","isDisabled","isCurrent","ariaCurrent","children","separator","className","aria-hidden","otherProps","itemProps","undefined","classes","child","span","only","li","displayName"],"mappings":"AAAA;;AAEA,SAEEA,UAAU,EAGVC,YAAY,EACZC,QAAQ,QACH,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AAG3C,SAASC,GAAG,QAAQ,SAAS;AAuB7B,MAAMC,+BAGFL,WAAW,CAACM,OAA4BC;IAC1C,MAAM,EACJC,aAAa,KAAK,EAClBC,YAAY,KAAK,EACjB,gBAAgBC,cAAc,MAAM,EACpCC,QAAQ,EACRC,0BACE,KAACR;QAAIS,WAAU;QAA6BC,eAAY;kBACrD;MAEJ,EACD,GAAGC,YACJ,GAAGT;IACJ,MAAM,EAAEU,SAAS,EAAE,GAAG;QACpBA,WAAW;YACT,gBAAgBP,YAAYC,cAAcO;YAC1C,iBAAiBT,cAAcC;YAC/B,GAAGM,UAAU;QACf;IACF;IAEA,gDAAgD;IAChD,MAAMG,UAAUf,WACd,UACA,yBACAG,MAAMO,SAAS;IAGjB,MAAMM,QACJ,OAAOR,aAAa,yBAClB,KAACS;QAAM,GAAGJ,SAAS;kBAAGL;SAErBT,SAASmB,IAAI,CAACV;IAGnB,qBACE,MAACW;QAAGT,WAAWK;;0BACZjB,aAAakB,OAAO;gBAAE,GAAGA,MAAMb,KAAK;gBAAE,GAAGU,SAAS;gBAAET;YAAI;YACxD,CAACD,MAAMG,SAAS,IAAIG;;;AAG3B;AAEAP,eAAekB,WAAW,GAAG;AAC7B,SAASlB,cAAc,GAAG"}

package/dist/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -1,29 +1,31 @@
 "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;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, Children, cloneElement, } from "react";
+import { forwardRef, Children, cloneElement } from "react";
 import classNames from "classnames/dedupe";
-const Breadcrumbs = forwardRef((props, ref) => {
+const Breadcrumbs = /*#__PURE__*/ forwardRef((props, ref)=>{
     const { "aria-label": ariaLabel = "Breadcrumbs" } = props;
-    const { navProps } = { navProps: { "aria-label": ariaLabel } };
-    const { children } = props, otherProps = __rest(props, ["children"]);
+    const { navProps } = {
+        navProps: {
+            "aria-label": ariaLabel
+        }
+    };
+    const { children, ...otherProps } = props;
     const childArray = Children.toArray(children);
     // Reshape class name and apply to outer element
     const classes = classNames("mobius", "mobius/Breadcrumb", otherProps.className);
-    return (_jsx("nav", Object.assign({ ref: ref }, otherProps, navProps, { className: classes, children: _jsx("ul", { children: childArray.map((child, i) => cloneElement(child, {
-                isCurrent: i === childArray.length - 1,
-            })) }) })));
+    return /*#__PURE__*/ _jsx("nav", {
+        ref: ref,
+        ...otherProps,
+        ...navProps,
+        className: classes,
+        children: /*#__PURE__*/ _jsx("ul", {
+            children: childArray.map((child, i)=>/*#__PURE__*/ cloneElement(child, {
+                    isCurrent: i === childArray.length - 1
+                }))
+        })
+    });
 });
 Breadcrumbs.displayName = "Breadcrumbs";
 export { Breadcrumbs };
+
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/esm/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,OAAO,EAEL,UAAU,EACV,QAAQ,EACR,YAAY,GAIb,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAe3C,MAAM,WAAW,GAGb,UAAU,CAAC,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,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE9C,gDAAgD;IAChD,MAAM,OAAO,GAAG,UAAU,CACxB,QAAQ,EACR,mBAAmB,EACnB,UAAU,CAAC,SAAS,CACrB,CAAC;IAEF,OAAO,CACL,4BAAK,GAAG,EAAE,GAAG,IAAM,UAAU,EAAM,QAAQ,IAAE,SAAS,EAAE,OAAO,YAC7D,uBACG,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAC3B,YAAY,CAAC,KAAqB,EAAE;gBAClC,SAAS,EAAE,CAAC,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC;aACvC,CAAC,CACH,GACE,IACD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  Ref,\n  forwardRef,\n  Children,\n  cloneElement,\n  ReactElement,\n  RefAttributes,\n  ReactNode,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type BreadcrumbsElementType = HTMLUListElement;\n\nexport interface BreadcrumbsProps\n  extends RefAttributes<BreadcrumbsElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children?: ReactNode;\n  \"aria-label\"?: string;\n}\n\nexport type BreadcrumbsRef = Ref<BreadcrumbsElementType>;\n\nconst Breadcrumbs: ForwardedRefComponent<\n  BreadcrumbsProps,\n  BreadcrumbsElementType\n> = forwardRef((props: BreadcrumbsProps, ref: BreadcrumbsRef) => {\n  const { \"aria-label\": ariaLabel = \"Breadcrumbs\" } = props;\n  const { navProps } = { navProps: { \"aria-label\": ariaLabel } };\n  const { children, ...otherProps } = props;\n  const childArray = Children.toArray(children);\n\n  // Reshape class name and apply to outer element\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/Breadcrumb\",\n    otherProps.className,\n  );\n\n  return (\n    <nav ref={ref} {...otherProps} {...navProps} className={classes}>\n      <ul>\n        {childArray.map((child, i) =>\n          cloneElement(child as ReactElement, {\n            isCurrent: i === childArray.length - 1,\n          }),\n        )}\n      </ul>\n    </nav>\n  );\n});\n\nBreadcrumbs.displayName = \"Breadcrumbs\";\nexport { Breadcrumbs };\n"],"names":["forwardRef","Children","cloneElement","classNames","Breadcrumbs","props","ref","ariaLabel","navProps","children","otherProps","childArray","toArray","classes","className","nav","ul","map","child","i","isCurrent","length","displayName"],"mappings":"AAAA;;AAEA,SAEEA,UAAU,EACVC,QAAQ,EACRC,YAAY,QAIP,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AAe3C,MAAMC,4BAGFJ,WAAW,CAACK,OAAyBC;IACvC,MAAM,EAAE,cAAcC,YAAY,aAAa,EAAE,GAAGF;IACpD,MAAM,EAAEG,QAAQ,EAAE,GAAG;QAAEA,UAAU;YAAE,cAAcD;QAAU;IAAE;IAC7D,MAAM,EAAEE,QAAQ,EAAE,GAAGC,YAAY,GAAGL;IACpC,MAAMM,aAAaV,SAASW,OAAO,CAACH;IAEpC,gDAAgD;IAChD,MAAMI,UAAUV,WACd,UACA,qBACAO,WAAWI,SAAS;IAGtB,qBACE,KAACC;QAAIT,KAAKA;QAAM,GAAGI,UAAU;QAAG,GAAGF,QAAQ;QAAEM,WAAWD;kBACtD,cAAA,KAACG;sBACEL,WAAWM,GAAG,CAAC,CAACC,OAAOC,kBACtBjB,aAAagB,OAAuB;oBAClCE,WAAWD,MAAMR,WAAWU,MAAM,GAAG;gBACvC;;;AAKV;AAEAjB,YAAYkB,WAAW,GAAG;AAC1B,SAASlB,WAAW,GAAG"}

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

@@ -1,3 +1,4 @@
 export * from "./Breadcrumbs";
 export * from "./BreadcrumbItem";
+
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC"}
+{"version":3,"sources":["../../../../src/components/Breadcrumbs/index.tsx"],"sourcesContent":["export * from \"./Breadcrumbs\";\nexport * from \"./BreadcrumbItem\";\n"],"names":[],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB"}

package/dist/esm/components/Button/Button.js

@@ -1,27 +1,14 @@
 "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;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import classNames from "classnames/dedupe";
 import { Loading } from "./Loading";
 import { useButton } from "../../hooks/useButton";
 let HAS_DEPRECATION_WARNING_SHOWN = false;
-const Button = forwardRef((props, ref) => {
-    const { children, elementType: Component = "button", isDisabled, isLoading, isSuccess, variant = "primary", size = "md", icon, iconPosition, 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    onPress, 
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    onClick } = props, otherProps = __rest(props, ["children", "elementType", "isDisabled", "isLoading", "isSuccess", "variant", "size", "icon", "iconPosition", "onPress", "onClick"]);
+const Button = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { children, elementType: Component = "button", isDisabled, isLoading, isSuccess, variant = "primary", size = "md", icon, iconPosition, // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    onPress, // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    onClick, ...otherProps } = props;
     const { buttonProps } = useButton(props);
     if ((icon || iconPosition) && !HAS_DEPRECATION_WARNING_SHOWN) {
         // eslint-disable-next-line no-console
@@ -32,11 +19,17 @@ const Button = forwardRef((props, ref) => {
     const classes = classNames("mobius", "mobius/Button", `--variant-${variant}`, `--size-${size}`, {
         "--is-disabled": isDisabled,
         "--is-loading": isLoading,
-        "--is-success": isSuccess && !isLoading,
+        "--is-success": isSuccess && !isLoading
     }, otherProps.className);
     otherProps.className = classes;
-    return (_jsx(Component, Object.assign({ ref: ref }, buttonProps, otherProps, { children: isLoading ? _jsx(Loading, {}) : children && children })));
+    return /*#__PURE__*/ _jsx(Component, {
+        ref: ref,
+        ...buttonProps,
+        ...otherProps,
+        children: isLoading ? /*#__PURE__*/ _jsx(Loading, {}) : children && children
+    });
 });
 Button.displayName = "Button";
 export { Button };
+
 //# sourceMappingURL=Button.js.map