@simplybusiness/mobius 4.6.3 → 4.6.4

package/dist/esm/src/components/Link/Link.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { forwardRef } from "react";
+import classNames from "classnames/dedupe";
+const Link = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { isDisabled = false, elementType: Component = "a", style, className, ...otherProps } = props;
+    const disabledStyles = {
+        pointerEvents: "none"
+    };
+    const styles = {
+        ...style,
+        ...isDisabled && disabledStyles
+    };
+    const classes = classNames("mobius", "mobius/Link", className, {
+        "--is-disabled": isDisabled
+    });
+    return /*#__PURE__*/ _jsx(Component, {
+        ref: ref,
+        style: styles,
+        className: classes,
+        "aria-disabled": isDisabled,
+        ...otherProps,
+        children: props.children
+    });
+});
+Link.displayName = "Link";
+export { Link };
+
+//# sourceMappingURL=Link.js.map

package/dist/esm/src/components/Link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Link/Link.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  Ref,\n  HTMLAttributeAnchorTarget,\n  CSSProperties,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type LinkElementType = HTMLAnchorElement;\n\nexport interface LinkProps {\n  id?: string;\n  children?: React.ReactNode;\n  /** Path to link resource or page */\n  href?: string;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  title?: string;\n  style?: React.CSSProperties;\n  referrerPolicy?: ReferrerPolicy;\n  download?: boolean | string;\n  rel?: string;\n  target?: HTMLAttributeAnchorTarget;\n  isDisabled?: boolean;\n  onClick?: () => void;\n  to?: unknown;\n  elementType?: React.ElementType;\n}\n\nexport type LinkRef = Ref<LinkElementType>;\n\nconst Link: ForwardedRefComponent<LinkProps, LinkElementType> = forwardRef(\n  (props: LinkProps, ref: LinkRef) => {\n    const {\n      isDisabled = false,\n      elementType: Component = \"a\",\n      style,\n      className,\n      ...otherProps\n    } = props;\n\n    const disabledStyles: CSSProperties = {\n      pointerEvents: \"none\",\n    };\n\n    const styles = { ...style, ...(isDisabled && disabledStyles) };\n    const classes = classNames(\"mobius\", \"mobius/Link\", className, {\n      \"--is-disabled\": isDisabled,\n    });\n\n    return (\n      <Component\n        ref={ref}\n        style={styles}\n        className={classes}\n        aria-disabled={isDisabled}\n        {...otherProps}\n      >\n        {props.children}\n      </Component>\n    );\n  },\n);\n\nLink.displayName = \"Link\";\nexport { Link };\n"],"names":["React","forwardRef","classNames","Link","props","ref","isDisabled","elementType","Component","style","className","otherProps","disabledStyles","pointerEvents","styles","classes","aria-disabled","children","displayName"],"mappings":";AAAA,OAAOA,SACLC,UAAU,QAIL,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AA0B3C,MAAMC,qBAA0DF,WAC9D,CAACG,OAAkBC;IACjB,MAAM,EACJC,aAAa,KAAK,EAClBC,aAAaC,YAAY,GAAG,EAC5BC,KAAK,EACLC,SAAS,EACT,GAAGC,YACJ,GAAGP;IAEJ,MAAMQ,iBAAgC;QACpCC,eAAe;IACjB;IAEA,MAAMC,SAAS;QAAE,GAAGL,KAAK;QAAE,GAAIH,cAAcM,cAAc;IAAE;IAC7D,MAAMG,UAAUb,WAAW,UAAU,eAAeQ,WAAW;QAC7D,iBAAiBJ;IACnB;IAEA,qBACE,KAACE;QACCH,KAAKA;QACLI,OAAOK;QACPJ,WAAWK;QACXC,iBAAeV;QACd,GAAGK,UAAU;kBAEbP,MAAMa,QAAQ;;AAGrB;AAGFd,KAAKe,WAAW,GAAG;AACnB,SAASf,IAAI,GAAG"}

package/dist/esm/src/components/Link/index.js

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

package/dist/esm/src/components/Link/index.js.map

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

package/dist/esm/src/components/LinkButton/LinkButton.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from "classnames/dedupe";
+import { Button } from "../Button";
+export function LinkButton({ href, children, className, elementType = "a", ...rest }) {
+    if (!href) {
+        throw new Error("LinkButton requires a href prop");
+    }
+    const classes = classNames("mobius", "mobius/LinkButton", className);
+    return(// @ts-expect-error Button only allows elementType of string, not React component
+    /*#__PURE__*/ _jsx(Button, {
+        elementType: elementType,
+        href: href,
+        className: classes,
+        ...rest,
+        children: children
+    }));
+}
+
+//# sourceMappingURL=LinkButton.js.map

package/dist/esm/src/components/LinkButton/LinkButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { HTMLAttributeAnchorTarget, MouseEvent } from \"react\";\nimport { Button, ButtonProps } from \"../Button\";\n\nexport interface LinkButtonProps extends Omit<ButtonProps, \"elementType\"> {\n  href: string;\n  title?: string;\n  style?: React.CSSProperties;\n  referrerPolicy?: ReferrerPolicy;\n  download?: boolean | string;\n  rel?: string;\n  target?: HTMLAttributeAnchorTarget;\n  onClick?: (event: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void;\n  to?: unknown;\n  elementType?: React.ElementType;\n}\n\nexport function LinkButton({\n  href,\n  children,\n  className,\n  elementType = \"a\",\n  ...rest\n}: LinkButtonProps) {\n  if (!href) {\n    throw new Error(\"LinkButton requires a href prop\");\n  }\n\n  const classes = classNames(\"mobius\", \"mobius/LinkButton\", className);\n\n  return (\n    // @ts-expect-error Button only allows elementType of string, not React component\n    <Button elementType={elementType} href={href} className={classes} {...rest}>\n      {children}\n    </Button>\n  );\n}\n"],"names":["classNames","Button","LinkButton","href","children","className","elementType","rest","Error","classes"],"mappings":";AAAA,OAAOA,gBAAgB,oBAAoB;AAE3C,SAASC,MAAM,QAAqB,YAAY;AAehD,OAAO,SAASC,WAAW,EACzBC,IAAI,EACJC,QAAQ,EACRC,SAAS,EACTC,cAAc,GAAG,EACjB,GAAGC,MACa;IAChB,IAAI,CAACJ,MAAM;QACT,MAAM,IAAIK,MAAM;IAClB;IAEA,MAAMC,UAAUT,WAAW,UAAU,qBAAqBK;IAE1D,OACE,iFAAiF;kBACjF,KAACJ;QAAOK,aAAaA;QAAaH,MAAMA;QAAME,WAAWI;QAAU,GAAGF,IAAI;kBACvEH;;AAGP"}

package/dist/esm/src/components/LinkButton/index.js

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

package/dist/esm/src/components/LinkButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/LinkButton/index.tsx"],"sourcesContent":["export * from \"./LinkButton\";\n"],"names":[],"mappings":"AAAA,cAAc,eAAe"}

package/dist/esm/src/components/List/List.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children, cloneElement, forwardRef, isValidElement } from "react";
+import classNames from "classnames/dedupe";
+const List = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const Component = props.isOrdered ? "ol" : "ul";
+    const { children, icon, ...otherProps } = props;
+    // Remove props that should not exist on ol or ul element
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { isOrdered, liststyletype, isReversed, ...restProps } = otherProps;
+    const mappedProps = {
+        ...restProps,
+        reversed: isReversed
+    };
+    const classes = classNames("mobius", "mobius/List", {
+        "--has-icon": icon,
+        [`--is-${liststyletype}`]: liststyletype
+    }, otherProps.className);
+    return /*#__PURE__*/ _jsx(Component, {
+        ref: ref,
+        ...mappedProps,
+        className: classes,
+        children: Children.map(children, (child)=>{
+            if (/*#__PURE__*/ isValidElement(child)) {
+                return /*#__PURE__*/ cloneElement(child, {
+                    parentIcon: icon
+                });
+            }
+            return child;
+        })
+    });
+});
+List.displayName = "List";
+export { List };
+
+//# sourceMappingURL=List.js.map

package/dist/esm/src/components/List/List.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/List/List.tsx"],"sourcesContent":["import {\n  Ref,\n  Children,\n  cloneElement,\n  forwardRef,\n  ReactNode,\n  RefAttributes,\n  isValidElement,\n} from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type ListElementType = HTMLOListElement | HTMLUListElement;\nexport type ListStyleType =\n  | \"disc\"\n  | \"circle\"\n  | \"square\"\n  | \"decimal\"\n  | \"georgian\"\n  | \"trad-chinese-informal\"\n  | \"kannada\";\n\nexport interface ListProps extends DOMProps, RefAttributes<ListElementType> {\n  children?: ReactNode;\n  isOrdered?: boolean;\n  isReversed?: boolean;\n  start?: number;\n  liststyletype?: ListStyleType;\n  icon?: ReactNode;\n  className?: string;\n}\n\nexport type ListRef = Ref<ListElementType>;\n\nconst List: ForwardedRefComponent<ListProps, ListElementType> = forwardRef(\n  (props: ListProps, ref: ListRef) => {\n    const Component = props.isOrdered ? \"ol\" : \"ul\";\n    const { children, icon, ...otherProps } = props;\n\n    // Remove props that should not exist on ol or ul element\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { isOrdered, liststyletype, isReversed, ...restProps } = otherProps;\n\n    const mappedProps = {\n      ...restProps,\n      reversed: isReversed,\n    };\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/List\",\n      {\n        \"--has-icon\": icon,\n        [`--is-${liststyletype}`]: liststyletype,\n      },\n      otherProps.className,\n    );\n\n    return (\n      <Component ref={ref as any} {...mappedProps} className={classes}>\n        {Children.map(children, child => {\n          if (isValidElement(child)) {\n            return cloneElement(child, {\n              parentIcon: icon,\n            } as any);\n          }\n\n          return child;\n        })}\n      </Component>\n    );\n  },\n);\n\nList.displayName = \"List\";\nexport { List };\n"],"names":["Children","cloneElement","forwardRef","isValidElement","classNames","List","props","ref","Component","isOrdered","children","icon","otherProps","liststyletype","isReversed","restProps","mappedProps","reversed","classes","className","map","child","parentIcon","displayName"],"mappings":";AAAA,SAEEA,QAAQ,EACRC,YAAY,EACZC,UAAU,EAGVC,cAAc,QACT,QAAQ;AACf,OAAOC,gBAAgB,oBAAoB;AA0B3C,MAAMC,qBAA0DH,WAC9D,CAACI,OAAkBC;IACjB,MAAMC,YAAYF,MAAMG,SAAS,GAAG,OAAO;IAC3C,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,YAAY,GAAGN;IAE1C,yDAAyD;IACzD,6DAA6D;IAC7D,MAAM,EAAEG,SAAS,EAAEI,aAAa,EAAEC,UAAU,EAAE,GAAGC,WAAW,GAAGH;IAE/D,MAAMI,cAAc;QAClB,GAAGD,SAAS;QACZE,UAAUH;IACZ;IAEA,MAAMI,UAAUd,WACd,UACA,eACA;QACE,cAAcO;QACd,CAAC,CAAC,KAAK,EAAEE,cAAc,CAAC,CAAC,EAAEA;IAC7B,GACAD,WAAWO,SAAS;IAGtB,qBACE,KAACX;QAAUD,KAAKA;QAAa,GAAGS,WAAW;QAAEG,WAAWD;kBACrDlB,SAASoB,GAAG,CAACV,UAAUW,CAAAA;YACtB,kBAAIlB,eAAekB,QAAQ;gBACzB,qBAAOpB,aAAaoB,OAAO;oBACzBC,YAAYX;gBACd;YACF;YAEA,OAAOU;QACT;;AAGN;AAGFhB,KAAKkB,WAAW,GAAG;AACnB,SAASlB,IAAI,GAAG"}

package/dist/esm/src/components/List/ListItem.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames/dedupe";
+const ListItem = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { parentIcon, icon, children, ...otherProps } = props;
+    const iconContent = icon || parentIcon;
+    const classes = classNames("mobius", "mobius/ListItem", {
+        "--has-icon": iconContent
+    }, props.className);
+    const contentClasses = classNames("mobius", "mobius/ListItemContent");
+    const iconClasses = classNames("mobius", "mobius/ListIcon");
+    if (iconContent) {
+        return /*#__PURE__*/ _jsx("li", {
+            ref: ref,
+            ...otherProps,
+            className: classes,
+            children: /*#__PURE__*/ _jsxs("span", {
+                className: contentClasses,
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        className: iconClasses,
+                        children: iconContent
+                    }),
+                    children
+                ]
+            })
+        });
+    }
+    return /*#__PURE__*/ _jsx("li", {
+        ref: ref,
+        ...otherProps,
+        className: classes,
+        children: children
+    });
+});
+ListItem.displayName = "ListItem";
+export { ListItem };
+
+//# sourceMappingURL=ListItem.js.map

package/dist/esm/src/components/List/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import { Ref, forwardRef, ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type ListItemElementType = HTMLLIElement;\nexport interface ListItemProps\n  extends DOMProps,\n    RefAttributes<ListItemElementType> {\n  children?: ReactNode;\n  value?: number;\n  className?: string;\n  parentIcon?: ReactNode;\n  icon?: ReactNode;\n}\n\nexport type ListItemRef = Ref<ListItemElementType>;\n\nconst ListItem: ForwardedRefComponent<ListItemProps, ListItemElementType> =\n  forwardRef((props: ListItemProps, ref: ListItemRef) => {\n    const { parentIcon, icon, children, ...otherProps } = props;\n    const iconContent = icon || parentIcon;\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/ListItem\",\n      {\n        \"--has-icon\": iconContent,\n      },\n      props.className,\n    );\n    const contentClasses = classNames(\"mobius\", \"mobius/ListItemContent\");\n    const iconClasses = classNames(\"mobius\", \"mobius/ListIcon\");\n\n    if (iconContent) {\n      return (\n        <li ref={ref} {...otherProps} className={classes}>\n          <span className={contentClasses}>\n            <span className={iconClasses}>{iconContent}</span>\n            {children}\n          </span>\n        </li>\n      );\n    }\n\n    return (\n      <li ref={ref} {...otherProps} className={classes}>\n        {children}\n      </li>\n    );\n  });\n\nListItem.displayName = \"ListItem\";\nexport { ListItem };\n"],"names":["forwardRef","classNames","ListItem","props","ref","parentIcon","icon","children","otherProps","iconContent","classes","className","contentClasses","iconClasses","li","span","displayName"],"mappings":";AAAA,SAAcA,UAAU,QAAkC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAiB3C,MAAMC,yBACJF,WAAW,CAACG,OAAsBC;IAChC,MAAM,EAAEC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGC,YAAY,GAAGL;IACtD,MAAMM,cAAcH,QAAQD;IAC5B,MAAMK,UAAUT,WACd,UACA,mBACA;QACE,cAAcQ;IAChB,GACAN,MAAMQ,SAAS;IAEjB,MAAMC,iBAAiBX,WAAW,UAAU;IAC5C,MAAMY,cAAcZ,WAAW,UAAU;IAEzC,IAAIQ,aAAa;QACf,qBACE,KAACK;YAAGV,KAAKA;YAAM,GAAGI,UAAU;YAAEG,WAAWD;sBACvC,cAAA,MAACK;gBAAKJ,WAAWC;;kCACf,KAACG;wBAAKJ,WAAWE;kCAAcJ;;oBAC9BF;;;;IAIT;IAEA,qBACE,KAACO;QAAGV,KAAKA;QAAM,GAAGI,UAAU;QAAEG,WAAWD;kBACtCH;;AAGP;AAEFL,SAASc,WAAW,GAAG;AACvB,SAASd,QAAQ,GAAG"}

package/dist/esm/src/components/List/index.js

@@ -0,0 +1,4 @@
+export * from "./List";
+export * from "./ListItem";
+
+//# sourceMappingURL=index.js.map

package/dist/esm/src/components/List/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/List/index.tsx"],"sourcesContent":["export * from \"./List\";\nexport * from \"./ListItem\";\n"],"names":[],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,aAAa"}

package/dist/esm/src/components/LoadingIndicator/LoadingIndicator.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames/dedupe";
+import { loading } from "@simplybusiness/icons";
+import { Icon } from "../Icon";
+const LoadingIndicator = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { icon = loading, ...otherProps } = props;
+    const classes = classNames("mobius", "mobius/LoadingIndicator", otherProps.className);
+    return /*#__PURE__*/ _jsx(Icon, {
+        icon: icon,
+        spin: true,
+        ref: ref,
+        ...otherProps,
+        className: classes
+    });
+});
+LoadingIndicator.displayName = "LoadingIndicator";
+export { LoadingIndicator };
+
+//# sourceMappingURL=LoadingIndicator.js.map

package/dist/esm/src/components/LoadingIndicator/LoadingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/LoadingIndicator/LoadingIndicator.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { loading } from \"@simplybusiness/icons\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Icon, IconProps } from \"../Icon\";\n\nexport interface LoadingIndicatorProps\n  extends RefAttributes<SVGSVGElement>,\n    IconProps {}\n\nexport type LoadingIndicatorRef = Ref<SVGSVGElement>;\n\nconst LoadingIndicator: ForwardedRefComponent<\n  LoadingIndicatorProps,\n  SVGSVGElement\n> = forwardRef((props: LoadingIndicatorProps, ref: LoadingIndicatorRef) => {\n  const { icon = loading, ...otherProps } = props;\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/LoadingIndicator\",\n    otherProps.className,\n  );\n\n  return (\n    <Icon icon={icon} spin ref={ref} {...otherProps} className={classes} />\n  );\n});\n\nLoadingIndicator.displayName = \"LoadingIndicator\";\nexport { LoadingIndicator };\n"],"names":["forwardRef","classNames","loading","Icon","LoadingIndicator","props","ref","icon","otherProps","classes","className","spin","displayName"],"mappings":";AAAA,SAAcA,UAAU,QAAuB,QAAQ;AACvD,OAAOC,gBAAgB,oBAAoB;AAC3C,SAASC,OAAO,QAAQ,wBAAwB;AAEhD,SAASC,IAAI,QAAmB,UAAU;AAQ1C,MAAMC,iCAGFJ,WAAW,CAACK,OAA8BC;IAC5C,MAAM,EAAEC,OAAOL,OAAO,EAAE,GAAGM,YAAY,GAAGH;IAE1C,MAAMI,UAAUR,WACd,UACA,2BACAO,WAAWE,SAAS;IAGtB,qBACE,KAACP;QAAKI,MAAMA;QAAMI,IAAI;QAACL,KAAKA;QAAM,GAAGE,UAAU;QAAEE,WAAWD;;AAEhE;AAEAL,iBAAiBQ,WAAW,GAAG;AAC/B,SAASR,gBAAgB,GAAG"}

package/dist/esm/src/components/LoadingIndicator/index.js

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

package/dist/esm/src/components/LoadingIndicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/LoadingIndicator/index.tsx"],"sourcesContent":["export * from \"./LoadingIndicator\";\n"],"names":[],"mappings":"AAAA,cAAc,qBAAqB"}

package/dist/esm/src/components/Logo/Logo.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames/dedupe";
+export const Logo = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, width, height, ...otherProps } = props;
+    const classes = classNames("mobius", "mobius/Logo", className);
+    return /*#__PURE__*/ _jsxs("svg", {
+        width: width,
+        height: height,
+        ref: ref,
+        className: classes,
+        viewBox: "0 0 144 37",
+        ...otherProps,
+        children: [
+            /*#__PURE__*/ _jsx("defs", {
+                children: /*#__PURE__*/ _jsxs("linearGradient", {
+                    id: "logo-gradient",
+                    x1: "83.508%",
+                    x2: "11.891%",
+                    y1: "76.042%",
+                    y2: "26.973%",
+                    children: [
+                        /*#__PURE__*/ _jsx("stop", {
+                            stopColor: "#4632D8",
+                            offset: "0%"
+                        }),
+                        /*#__PURE__*/ _jsx("stop", {
+                            stopColor: "#9084E8",
+                            offset: "100%"
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ _jsxs("g", {
+                children: [
+                    /*#__PURE__*/ _jsx("path", {
+                        fill: "#0E0A2B",
+                        d: "M68.788 11.307c0-2.486-2.027-3.345-3.833-4.1-1.332-.562-2.471-1.036-2.471-2.072 0-.873.77-1.42 1.968-1.42 1.051 0 1.806.444 2.294.725.193.103.474.222.755.133.192-.06.34-.207.459-.444l.34-.621c.266-.474.163-.888-.281-1.2-.533-.384-1.88-1.05-3.537-1.05-2.738 0-4.647 1.643-4.647 4.01 0 2.413 2.012 3.301 3.788 4.07 1.347.593 2.516 1.096 2.516 2.161 0 .873-.754 1.45-1.924 1.45-1.287 0-2.22-.65-2.678-.961l-.03-.015c-.533-.296-.903-.237-1.228.192l-.415.607c-.444.607-.148.992.134 1.228.828.637 2.427 1.392 4.203 1.392 2.708 0 4.587-1.673 4.587-4.085zm4.44 2.975V6.186c0-.577-.31-.888-.873-.888h-.843c-.563 0-.874.311-.874.888v8.096c0 .577.296.888.874.888h.843c.563 0 .873-.311.873-.888zM71.482 4.203h.755c.518 0 .814-.281.814-.8v-.517c0-.518-.296-.814-.814-.814h-.755c-.518 0-.8.281-.8.814v.518c.016.518.297.8.8.8zM92.645 24.48h.755c.518 0 .814-.282.814-.8v-.518c0-.518-.296-.814-.814-.814h-.755c-.518 0-.799.282-.799.814v.518c0 .518.281.8.8.8zm-6.26-19.42c-1.539 0-2.397.962-2.945 1.895-.444-1.243-1.435-1.895-2.871-1.895-1.362 0-2.146.888-2.723 1.806v-.68c0-.578-.311-.889-.873-.889h-.74c-.563 0-.873.311-.873.888v8.096c0 .577.295.888.873.888h.843c.577 0 .873-.311.873-.888V10.73c0-2.25.888-3.271 2.058-3.271 1.006 0 1.198.71 1.198 1.85v4.987c0 .578.311.888.888.888h.844c.577 0 .873-.31.873-.888v-3.551c0-2.25.873-3.271 2.013-3.271 1.036 0 1.243.74 1.243 1.85v4.987c0 .577.31.888.888.888h.814c.577 0 .888-.31.888-.888V8.835c0-2.5-1.095-3.774-3.27-3.774zm10.804 10.33c2.679 0 4.558-2.13 4.558-5.164 0-3.094-1.776-5.166-4.425-5.166-1.761 0-2.708 1.036-3.049 1.51v-.533c0-.459-.34-.755-.873-.755h-.607c-.562 0-.888.326-.888.888v11.9c0 .576.311.887.888.887h.814c.578 0 .888-.31.888-.888v-3.404c0-.207-.014-.4-.014-.532.325.429 1.184 1.258 2.708 1.258zm-2.768-5.105c0-1.362.622-2.975 2.368-2.975 1.377 0 2.309 1.184 2.309 2.945 0 1.746-.947 2.916-2.338 2.916-1.54 0-2.339-1.45-2.339-2.886zm12.965 4.07v-.652c0-.444-.252-.725-.681-.784-.34-.03-.68-.192-.68-1.066v-9.47c0-.563-.326-.888-.874-.888h-.843c-.563 0-.874.31-.874.888v9.679c0 1.258.34 2.16 1.021 2.678.637.489 1.466.533 2.013.533.607 0 .918-.325.918-.917zm9.457-9.073h-.962c-.518 0-.844.237-.977.726l-1.717 4.972c-.089.311-.192.71-.251.977-.074-.281-.193-.71-.296-1.021l-1.835-4.943c-.163-.489-.489-.71-.977-.71h-1.036c-.415 0-.622.162-.71.295-.09.134-.163.385.014.755l3.685 8.57-.34.813c-.252.592-.77 1.229-1.45 1.229-.267 0-.474-.09-.652-.163h-.014c-.43-.104-.755.074-.962.488l-.163.415c-.119.251-.148.517-.06.725.075.192.237.34.474.429.326.118.814.296 1.391.296 1.628 0 2.975-.977 3.597-2.605l3.996-10.226c.103-.296.088-.563-.045-.755-.163-.163-.4-.267-.71-.267zM67.634 28.297c.977-.592 1.54-1.658 1.54-2.886 0-2.176-1.688-3.567-4.293-3.567h-4.04c-.562 0-.873.311-.873.888v11.899c0 .577.296.888.873.888h4.1c1.346 0 2.5-.34 3.33-.962.932-.71 1.42-1.761 1.42-3.049.03-1.524-.784-2.767-2.057-3.211zm-5.017-.962v-3.212h2.25c1.02 0 1.628.592 1.628 1.584 0 .991-.607 1.643-1.57 1.643h-2.308v-.015zm4.396 4.01c0 1.155-.71 1.865-1.865 1.865h-2.53v-3.714h2.53c1.14.014 1.865.74 1.865 1.85zm12.638-5.712h-.814c-.577 0-.888.31-.888.888v3.655c0 2.176-1.361 3.182-2.634 3.182-1.006 0-1.406-.547-1.406-1.88v-4.942c0-.578-.31-.888-.888-.888h-.814c-.562 0-.888.325-.888.888v5.431c0 2.516 1.17 3.774 3.463 3.774a3.937 3.937 0 003.286-1.761v.651c0 .577.296.888.873.888h.74c.577 0 .888-.31.888-.888v-8.095c-.03-.578-.355-.903-.918-.903zm6.956 3.937c-.917-.311-1.702-.592-1.702-1.184 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.193-.341c.251-.518.133-.947-.326-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.213.222l-.222.34c-.178.252-.237.504-.178.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.03-2.042-1.761-2.649-3.138-3.122zm6.897-3.937h-.844c-.562 0-.873.31-.873.888v8.095c0 .577.296.888.873.888h.844c.577 0 .873-.31.873-.888v-8.095c0-.563-.31-.888-.873-.888zm9.324-.237c-1.924 0-2.93 1.154-3.36 1.806v-.681c0-.577-.31-.888-.873-.888h-.74c-.563 0-.873.31-.873.888v8.095c0 .577.296.888.873.888h.843c.578 0 .874-.31.874-.888v-3.744c0-1.79 1.14-3.078 2.708-3.078 1.021 0 1.436.547 1.436 1.88v4.942c0 .577.31.888.887.888h.814c.578 0 .888-.31.888-.888v-5.431c0-2.516-1.169-3.789-3.477-3.789zm10.448 0c-2.96 0-5.032 2.131-5.032 5.165 0 2.99 2.235 5.165 5.313 5.165 1.48 0 2.635-.533 3.345-.977.444-.266.562-.695.296-1.198l-.222-.385c-.266-.459-.651-.563-1.184-.31h-.015a3.885 3.885 0 01-2.042.606c-1.54 0-2.634-.962-2.812-2.472h5.816a.935.935 0 00.933-.917c.014-2.827-1.717-4.677-4.396-4.677zm-.044 2.013c1.065 0 1.79.77 1.864 1.968h-4.1c.253-1.213 1.096-1.968 2.236-1.968zm10.152 2.16c-.917-.31-1.702-.591-1.702-1.183 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.192-.341c.252-.518.134-.947-.325-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.214.222l-.222.34c-.177.252-.236.504-.177.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.015-2.042-1.747-2.649-3.138-3.122zm8.791 0c-.917-.31-1.702-.591-1.702-1.183 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.192-.341c.252-.518.134-.947-.325-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.214.222l-.222.34c-.177.252-.236.504-.177.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.015-2.042-1.747-2.649-3.138-3.122z"
+                    }),
+                    /*#__PURE__*/ _jsx("path", {
+                        fill: "url(#logo-gradient)",
+                        d: "M22.747 22.288c.607 1.214.918 2.59.918 4.144 0 1.45-.267 2.827-.8 4.1a10.018 10.018 0 01-2.279 3.36c-.991.961-2.235 1.73-3.744 2.278-1.51.563-3.167.829-4.988.829-2.264 0-4.35-.385-6.29-1.14-1.938-.77-3.492-1.598-4.676-2.5-.31-.252-.548-.504-.696-.77a1.332 1.332 0 01-.177-.71.718.718 0 010-.252c.03-.37.207-.785.547-1.199l1.14-1.598c.4-.548.829-.844 1.288-.918a.896.896 0 01.222-.03c.4 0 .873.163 1.39.474 2.487 1.776 4.914 2.679 7.252 2.679 1.643 0 2.96-.385 3.922-1.14.962-.755 1.45-1.746 1.45-2.96 0-.725-.192-1.39-.562-1.983a5.347 5.347 0 00-1.539-1.569 18.207 18.207 0 00-2.235-1.287 56.102 56.102 0 00-2.649-1.214c-.917-.4-1.835-.814-2.752-1.258a19.282 19.282 0 01-2.62-1.539 14.014 14.014 0 01-2.22-1.924c-.666-.695-1.169-1.539-1.554-2.545-.37-.992-.562-2.087-.562-3.271 0-2.042.533-3.863 1.598-5.446 1.066-1.584 2.516-2.797 4.336-3.641C8.303.414 10.345 0 12.624 0c1.91 0 3.685.281 5.358.844 1.657.562 2.96 1.198 3.892 1.88.68.473 1.006 1.035 1.006 1.671 0 .385-.118.785-.37 1.2l-.917 1.657c-.385.74-.903 1.11-1.554 1.11-.4 0-.83-.133-1.318-.4a42.421 42.421 0 00-1.687-.947c-.473-.237-1.14-.488-1.998-.71a9.458 9.458 0 00-2.56-.356c-1.672 0-3.004.37-3.981 1.11-.992.74-1.48 1.717-1.48 2.946 0 .902.31 1.701.932 2.412.622.695 1.421 1.302 2.398 1.79.977.489 2.057.977 3.256 1.466a54.048 54.048 0 013.552 1.628 20.795 20.795 0 013.24 2.042c.948.755 1.732 1.732 2.354 2.945zm31.257 2.945c0 3.197-1.155 6.083-3.256 8.14-2.265 2.205-5.506 3.36-9.368 3.36H30.71c-2.443 0-4.278-1.836-4.278-4.278V4.53c0-1.2.43-2.28 1.214-3.064C28.43.681 29.51.252 30.709.252h9.013c3.419 0 6.32 1.095 8.377 3.182 1.909 1.923 2.945 4.558 2.945 7.429 0 2.294-.622 4.203-1.91 5.816 1.377.77 2.487 1.776 3.286 2.99 1.066 1.583 1.584 3.448 1.584 5.564zm-12.106-7.68c.044-.03 4.913-3.02 4.913-6.675 0-1.761-.607-3.345-1.717-4.455-1.568-1.584-3.788-1.924-5.372-1.924H30.68v28h10.7c2.738 0 4.958-.754 6.408-2.16 1.273-1.243 1.983-3.049 1.983-5.106 0-1.272-.296-2.353-.858-3.196v-.03c-1.362-2.353-6.838-3.774-6.897-3.789l-.844-.222.726-.444z"
+                    }),
+                    /*#__PURE__*/ _jsx("path", {
+                        fill: "#0E0A2B",
+                        d: "M138.199 25.455c0-.4.074-.784.222-1.14.148-.354.355-.665.606-.932.267-.266.563-.473.903-.621.34-.148.725-.222 1.11-.222.4 0 .784.074 1.125.222.355.148.666.355.917.621.267.267.474.578.622.933.148.355.222.74.222 1.14 0 .399-.074.784-.222 1.139a2.86 2.86 0 01-.622.932 3.087 3.087 0 01-.917.637 2.646 2.646 0 01-1.125.236c-.4 0-.77-.074-1.11-.236a2.777 2.777 0 01-.903-.637 2.821 2.821 0 01-.606-.932 2.898 2.898 0 01-.222-1.14zm.71 0c0 .326.06.622.163.903.103.281.266.518.459.725a2.051 2.051 0 001.524.666c.31 0 .592-.059.858-.177a2.175 2.175 0 001.155-1.214c.118-.281.162-.577.162-.903 0-.325-.059-.621-.162-.902a2.422 2.422 0 00-.46-.726 2.112 2.112 0 00-.695-.488 2.073 2.073 0 00-.858-.178c-.31 0-.592.06-.844.178a2.051 2.051 0 00-.68.488 2.45 2.45 0 00-.46.726 2.636 2.636 0 00-.162.902zm1.154-1.14c0-.221.119-.34.34-.34h.889c.296 0 .532.09.695.252.178.163.267.4.267.68a.623.623 0 01-.06.297.557.557 0 01-.133.222.512.512 0 01-.163.148c-.059.044-.118.059-.162.074v.014l.03.03c.014.015.014.03.029.06l.044.088.34.666c.06.118.075.207.045.281-.03.074-.104.104-.207.104h-.104c-.192 0-.31-.089-.385-.252l-.384-.829h-.4v.74c0 .222-.104.34-.31.34h-.06c-.207 0-.31-.118-.31-.34v-2.234zm1.051 1.037c.133 0 .252-.045.31-.119.075-.074.104-.192.104-.325s-.03-.252-.103-.326a.413.413 0 00-.296-.118h-.385v.873h.37v.015z"
+                    })
+                ]
+            })
+        ]
+    });
+});
+
+//# sourceMappingURL=Logo.js.map

package/dist/esm/src/components/Logo/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type LogoElementType = SVGSVGElement;\n\nexport interface LogoProps extends DOMProps, RefAttributes<LogoElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** Custom width. When defined along with height, it will scale proportionally */\n  width?: string;\n  /** Custom height. When defined along with width, it will scale proportionally */\n  height?: string;\n}\n\nexport type LogoRef = Ref<LogoElementType>;\n\nexport const Logo: ForwardedRefComponent<LogoProps, LogoElementType> =\n  forwardRef((props: LogoProps, ref: LogoRef) => {\n    const { className, width, height, ...otherProps } = props;\n\n    const classes = classNames(\"mobius\", \"mobius/Logo\", className);\n\n    return (\n      <svg\n        width={width}\n        height={height}\n        ref={ref}\n        className={classes}\n        viewBox=\"0 0 144 37\"\n        {...otherProps}\n      >\n        <defs>\n          <linearGradient\n            id=\"logo-gradient\"\n            x1=\"83.508%\"\n            x2=\"11.891%\"\n            y1=\"76.042%\"\n            y2=\"26.973%\"\n          >\n            <stop stopColor=\"#4632D8\" offset=\"0%\" />\n            <stop stopColor=\"#9084E8\" offset=\"100%\" />\n          </linearGradient>\n        </defs>\n        <g>\n          <path\n            fill=\"#0E0A2B\"\n            d=\"M68.788 11.307c0-2.486-2.027-3.345-3.833-4.1-1.332-.562-2.471-1.036-2.471-2.072 0-.873.77-1.42 1.968-1.42 1.051 0 1.806.444 2.294.725.193.103.474.222.755.133.192-.06.34-.207.459-.444l.34-.621c.266-.474.163-.888-.281-1.2-.533-.384-1.88-1.05-3.537-1.05-2.738 0-4.647 1.643-4.647 4.01 0 2.413 2.012 3.301 3.788 4.07 1.347.593 2.516 1.096 2.516 2.161 0 .873-.754 1.45-1.924 1.45-1.287 0-2.22-.65-2.678-.961l-.03-.015c-.533-.296-.903-.237-1.228.192l-.415.607c-.444.607-.148.992.134 1.228.828.637 2.427 1.392 4.203 1.392 2.708 0 4.587-1.673 4.587-4.085zm4.44 2.975V6.186c0-.577-.31-.888-.873-.888h-.843c-.563 0-.874.311-.874.888v8.096c0 .577.296.888.874.888h.843c.563 0 .873-.311.873-.888zM71.482 4.203h.755c.518 0 .814-.281.814-.8v-.517c0-.518-.296-.814-.814-.814h-.755c-.518 0-.8.281-.8.814v.518c.016.518.297.8.8.8zM92.645 24.48h.755c.518 0 .814-.282.814-.8v-.518c0-.518-.296-.814-.814-.814h-.755c-.518 0-.799.282-.799.814v.518c0 .518.281.8.8.8zm-6.26-19.42c-1.539 0-2.397.962-2.945 1.895-.444-1.243-1.435-1.895-2.871-1.895-1.362 0-2.146.888-2.723 1.806v-.68c0-.578-.311-.889-.873-.889h-.74c-.563 0-.873.311-.873.888v8.096c0 .577.295.888.873.888h.843c.577 0 .873-.311.873-.888V10.73c0-2.25.888-3.271 2.058-3.271 1.006 0 1.198.71 1.198 1.85v4.987c0 .578.311.888.888.888h.844c.577 0 .873-.31.873-.888v-3.551c0-2.25.873-3.271 2.013-3.271 1.036 0 1.243.74 1.243 1.85v4.987c0 .577.31.888.888.888h.814c.577 0 .888-.31.888-.888V8.835c0-2.5-1.095-3.774-3.27-3.774zm10.804 10.33c2.679 0 4.558-2.13 4.558-5.164 0-3.094-1.776-5.166-4.425-5.166-1.761 0-2.708 1.036-3.049 1.51v-.533c0-.459-.34-.755-.873-.755h-.607c-.562 0-.888.326-.888.888v11.9c0 .576.311.887.888.887h.814c.578 0 .888-.31.888-.888v-3.404c0-.207-.014-.4-.014-.532.325.429 1.184 1.258 2.708 1.258zm-2.768-5.105c0-1.362.622-2.975 2.368-2.975 1.377 0 2.309 1.184 2.309 2.945 0 1.746-.947 2.916-2.338 2.916-1.54 0-2.339-1.45-2.339-2.886zm12.965 4.07v-.652c0-.444-.252-.725-.681-.784-.34-.03-.68-.192-.68-1.066v-9.47c0-.563-.326-.888-.874-.888h-.843c-.563 0-.874.31-.874.888v9.679c0 1.258.34 2.16 1.021 2.678.637.489 1.466.533 2.013.533.607 0 .918-.325.918-.917zm9.457-9.073h-.962c-.518 0-.844.237-.977.726l-1.717 4.972c-.089.311-.192.71-.251.977-.074-.281-.193-.71-.296-1.021l-1.835-4.943c-.163-.489-.489-.71-.977-.71h-1.036c-.415 0-.622.162-.71.295-.09.134-.163.385.014.755l3.685 8.57-.34.813c-.252.592-.77 1.229-1.45 1.229-.267 0-.474-.09-.652-.163h-.014c-.43-.104-.755.074-.962.488l-.163.415c-.119.251-.148.517-.06.725.075.192.237.34.474.429.326.118.814.296 1.391.296 1.628 0 2.975-.977 3.597-2.605l3.996-10.226c.103-.296.088-.563-.045-.755-.163-.163-.4-.267-.71-.267zM67.634 28.297c.977-.592 1.54-1.658 1.54-2.886 0-2.176-1.688-3.567-4.293-3.567h-4.04c-.562 0-.873.311-.873.888v11.899c0 .577.296.888.873.888h4.1c1.346 0 2.5-.34 3.33-.962.932-.71 1.42-1.761 1.42-3.049.03-1.524-.784-2.767-2.057-3.211zm-5.017-.962v-3.212h2.25c1.02 0 1.628.592 1.628 1.584 0 .991-.607 1.643-1.57 1.643h-2.308v-.015zm4.396 4.01c0 1.155-.71 1.865-1.865 1.865h-2.53v-3.714h2.53c1.14.014 1.865.74 1.865 1.85zm12.638-5.712h-.814c-.577 0-.888.31-.888.888v3.655c0 2.176-1.361 3.182-2.634 3.182-1.006 0-1.406-.547-1.406-1.88v-4.942c0-.578-.31-.888-.888-.888h-.814c-.562 0-.888.325-.888.888v5.431c0 2.516 1.17 3.774 3.463 3.774a3.937 3.937 0 003.286-1.761v.651c0 .577.296.888.873.888h.74c.577 0 .888-.31.888-.888v-8.095c-.03-.578-.355-.903-.918-.903zm6.956 3.937c-.917-.311-1.702-.592-1.702-1.184 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.193-.341c.251-.518.133-.947-.326-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.213.222l-.222.34c-.178.252-.237.504-.178.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.03-2.042-1.761-2.649-3.138-3.122zm6.897-3.937h-.844c-.562 0-.873.31-.873.888v8.095c0 .577.296.888.873.888h.844c.577 0 .873-.31.873-.888v-8.095c0-.563-.31-.888-.873-.888zm9.324-.237c-1.924 0-2.93 1.154-3.36 1.806v-.681c0-.577-.31-.888-.873-.888h-.74c-.563 0-.873.31-.873.888v8.095c0 .577.296.888.873.888h.843c.578 0 .874-.31.874-.888v-3.744c0-1.79 1.14-3.078 2.708-3.078 1.021 0 1.436.547 1.436 1.88v4.942c0 .577.31.888.887.888h.814c.578 0 .888-.31.888-.888v-5.431c0-2.516-1.169-3.789-3.477-3.789zm10.448 0c-2.96 0-5.032 2.131-5.032 5.165 0 2.99 2.235 5.165 5.313 5.165 1.48 0 2.635-.533 3.345-.977.444-.266.562-.695.296-1.198l-.222-.385c-.266-.459-.651-.563-1.184-.31h-.015a3.885 3.885 0 01-2.042.606c-1.54 0-2.634-.962-2.812-2.472h5.816a.935.935 0 00.933-.917c.014-2.827-1.717-4.677-4.396-4.677zm-.044 2.013c1.065 0 1.79.77 1.864 1.968h-4.1c.253-1.213 1.096-1.968 2.236-1.968zm10.152 2.16c-.917-.31-1.702-.591-1.702-1.183 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.192-.341c.252-.518.134-.947-.325-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.214.222l-.222.34c-.177.252-.236.504-.177.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.015-2.042-1.747-2.649-3.138-3.122zm8.791 0c-.917-.31-1.702-.591-1.702-1.183 0-.74.77-.859 1.229-.859.784 0 1.406.281 1.805.474.548.237.947.118 1.184-.34l.192-.341c.252-.518.134-.947-.325-1.184-.326-.178-1.288-.71-2.753-.71-2.279 0-3.803 1.213-3.803 3.004 0 2.042 1.731 2.65 3.137 3.138.903.325 1.687.592 1.687 1.169 0 .547-.488.902-1.258.902-.917 0-1.613-.37-2.057-.621l-.059-.03c-.533-.28-.903-.207-1.214.222l-.222.34c-.177.252-.236.504-.177.726.044.207.192.37.4.488a5.774 5.774 0 003.285 1.007c2.235 0 3.789-1.273 3.789-3.079-.015-2.042-1.747-2.649-3.138-3.122z\"\n          />\n          <path\n            fill=\"url(#logo-gradient)\"\n            d=\"M22.747 22.288c.607 1.214.918 2.59.918 4.144 0 1.45-.267 2.827-.8 4.1a10.018 10.018 0 01-2.279 3.36c-.991.961-2.235 1.73-3.744 2.278-1.51.563-3.167.829-4.988.829-2.264 0-4.35-.385-6.29-1.14-1.938-.77-3.492-1.598-4.676-2.5-.31-.252-.548-.504-.696-.77a1.332 1.332 0 01-.177-.71.718.718 0 010-.252c.03-.37.207-.785.547-1.199l1.14-1.598c.4-.548.829-.844 1.288-.918a.896.896 0 01.222-.03c.4 0 .873.163 1.39.474 2.487 1.776 4.914 2.679 7.252 2.679 1.643 0 2.96-.385 3.922-1.14.962-.755 1.45-1.746 1.45-2.96 0-.725-.192-1.39-.562-1.983a5.347 5.347 0 00-1.539-1.569 18.207 18.207 0 00-2.235-1.287 56.102 56.102 0 00-2.649-1.214c-.917-.4-1.835-.814-2.752-1.258a19.282 19.282 0 01-2.62-1.539 14.014 14.014 0 01-2.22-1.924c-.666-.695-1.169-1.539-1.554-2.545-.37-.992-.562-2.087-.562-3.271 0-2.042.533-3.863 1.598-5.446 1.066-1.584 2.516-2.797 4.336-3.641C8.303.414 10.345 0 12.624 0c1.91 0 3.685.281 5.358.844 1.657.562 2.96 1.198 3.892 1.88.68.473 1.006 1.035 1.006 1.671 0 .385-.118.785-.37 1.2l-.917 1.657c-.385.74-.903 1.11-1.554 1.11-.4 0-.83-.133-1.318-.4a42.421 42.421 0 00-1.687-.947c-.473-.237-1.14-.488-1.998-.71a9.458 9.458 0 00-2.56-.356c-1.672 0-3.004.37-3.981 1.11-.992.74-1.48 1.717-1.48 2.946 0 .902.31 1.701.932 2.412.622.695 1.421 1.302 2.398 1.79.977.489 2.057.977 3.256 1.466a54.048 54.048 0 013.552 1.628 20.795 20.795 0 013.24 2.042c.948.755 1.732 1.732 2.354 2.945zm31.257 2.945c0 3.197-1.155 6.083-3.256 8.14-2.265 2.205-5.506 3.36-9.368 3.36H30.71c-2.443 0-4.278-1.836-4.278-4.278V4.53c0-1.2.43-2.28 1.214-3.064C28.43.681 29.51.252 30.709.252h9.013c3.419 0 6.32 1.095 8.377 3.182 1.909 1.923 2.945 4.558 2.945 7.429 0 2.294-.622 4.203-1.91 5.816 1.377.77 2.487 1.776 3.286 2.99 1.066 1.583 1.584 3.448 1.584 5.564zm-12.106-7.68c.044-.03 4.913-3.02 4.913-6.675 0-1.761-.607-3.345-1.717-4.455-1.568-1.584-3.788-1.924-5.372-1.924H30.68v28h10.7c2.738 0 4.958-.754 6.408-2.16 1.273-1.243 1.983-3.049 1.983-5.106 0-1.272-.296-2.353-.858-3.196v-.03c-1.362-2.353-6.838-3.774-6.897-3.789l-.844-.222.726-.444z\"\n          />\n          <path\n            fill=\"#0E0A2B\"\n            d=\"M138.199 25.455c0-.4.074-.784.222-1.14.148-.354.355-.665.606-.932.267-.266.563-.473.903-.621.34-.148.725-.222 1.11-.222.4 0 .784.074 1.125.222.355.148.666.355.917.621.267.267.474.578.622.933.148.355.222.74.222 1.14 0 .399-.074.784-.222 1.139a2.86 2.86 0 01-.622.932 3.087 3.087 0 01-.917.637 2.646 2.646 0 01-1.125.236c-.4 0-.77-.074-1.11-.236a2.777 2.777 0 01-.903-.637 2.821 2.821 0 01-.606-.932 2.898 2.898 0 01-.222-1.14zm.71 0c0 .326.06.622.163.903.103.281.266.518.459.725a2.051 2.051 0 001.524.666c.31 0 .592-.059.858-.177a2.175 2.175 0 001.155-1.214c.118-.281.162-.577.162-.903 0-.325-.059-.621-.162-.902a2.422 2.422 0 00-.46-.726 2.112 2.112 0 00-.695-.488 2.073 2.073 0 00-.858-.178c-.31 0-.592.06-.844.178a2.051 2.051 0 00-.68.488 2.45 2.45 0 00-.46.726 2.636 2.636 0 00-.162.902zm1.154-1.14c0-.221.119-.34.34-.34h.889c.296 0 .532.09.695.252.178.163.267.4.267.68a.623.623 0 01-.06.297.557.557 0 01-.133.222.512.512 0 01-.163.148c-.059.044-.118.059-.162.074v.014l.03.03c.014.015.014.03.029.06l.044.088.34.666c.06.118.075.207.045.281-.03.074-.104.104-.207.104h-.104c-.192 0-.31-.089-.385-.252l-.384-.829h-.4v.74c0 .222-.104.34-.31.34h-.06c-.207 0-.31-.118-.31-.34v-2.234zm1.051 1.037c.133 0 .252-.045.31-.119.075-.074.104-.192.104-.325s-.03-.252-.103-.326a.413.413 0 00-.296-.118h-.385v.873h.37v.015z\"\n          />\n        </g>\n      </svg>\n    );\n  });\n"],"names":["forwardRef","classNames","Logo","props","ref","className","width","height","otherProps","classes","svg","viewBox","defs","linearGradient","id","x1","x2","y1","y2","stop","stopColor","offset","g","path","fill","d"],"mappings":";AAAA,SAAcA,UAAU,QAAuB,QAAQ;AACvD,OAAOC,gBAAgB,oBAAoB;AAiB3C,OAAO,MAAMC,qBACXF,WAAW,CAACG,OAAkBC;IAC5B,MAAM,EAAEC,SAAS,EAAEC,KAAK,EAAEC,MAAM,EAAE,GAAGC,YAAY,GAAGL;IAEpD,MAAMM,UAAUR,WAAW,UAAU,eAAeI;IAEpD,qBACE,MAACK;QACCJ,OAAOA;QACPC,QAAQA;QACRH,KAAKA;QACLC,WAAWI;QACXE,SAAQ;QACP,GAAGH,UAAU;;0BAEd,KAACI;0BACC,cAAA,MAACC;oBACCC,IAAG;oBACHC,IAAG;oBACHC,IAAG;oBACHC,IAAG;oBACHC,IAAG;;sCAEH,KAACC;4BAAKC,WAAU;4BAAUC,QAAO;;sCACjC,KAACF;4BAAKC,WAAU;4BAAUC,QAAO;;;;;0BAGrC,MAACC;;kCACC,KAACC;wBACCC,MAAK;wBACLC,GAAE;;kCAEJ,KAACF;wBACCC,MAAK;wBACLC,GAAE;;kCAEJ,KAACF;wBACCC,MAAK;wBACLC,GAAE;;;;;;AAKZ,GAAG"}

package/dist/esm/src/components/Logo/index.js

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

package/dist/esm/src/components/Logo/index.js.map

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

package/dist/esm/src/components/Modal/Content.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children, cloneElement, forwardRef, isValidElement } from "react";
+const Content = /*#__PURE__*/ forwardRef(({ children, onClose, closeLabel: _, ...otherProps }, ref)=>/*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        ...otherProps,
+        className: "mobius/ModalContent",
+        children: Children.map(children, (child)=>{
+            if (/*#__PURE__*/ isValidElement(child)) {
+                return /*#__PURE__*/ cloneElement(child, {
+                    onClose
+                });
+            }
+            return child;
+        })
+    }));
+Content.displayName = "Content";
+export { Content };
+
+//# sourceMappingURL=Content.js.map

package/dist/esm/src/components/Modal/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Modal/Content.tsx"],"sourcesContent":["import {\n  Children,\n  PropsWithChildren,\n  Ref,\n  RefAttributes,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n} from \"react\";\nimport { DOMProps } from \"../../types/dom\";\n\nexport type DivRef = Ref<HTMLDivElement>;\nexport type DivElementType = HTMLDivElement;\nexport interface ContentProps\n  extends DOMProps,\n    RefAttributes<DivElementType>,\n    PropsWithChildren {\n  onClose?: () => void;\n  closeLabel?: string;\n}\n\nconst Content = forwardRef(\n  (\n    { children, onClose, closeLabel: _, ...otherProps }: ContentProps,\n    ref: DivRef,\n  ) => (\n    <div ref={ref} {...otherProps} className=\"mobius/ModalContent\">\n      {Children.map(children, child => {\n        if (isValidElement(child)) {\n          return cloneElement(child, {\n            onClose,\n          } as any);\n        }\n\n        return child;\n      })}\n    </div>\n  ),\n);\n\nContent.displayName = \"Content\";\nexport { Content };\n"],"names":["Children","cloneElement","forwardRef","isValidElement","Content","children","onClose","closeLabel","_","otherProps","ref","div","className","map","child","displayName"],"mappings":";AAAA,SACEA,QAAQ,EAIRC,YAAY,EACZC,UAAU,EACVC,cAAc,QACT,QAAQ;AAaf,MAAMC,wBAAUF,WACd,CACE,EAAEG,QAAQ,EAAEC,OAAO,EAAEC,YAAYC,CAAC,EAAE,GAAGC,YAA0B,EACjEC,oBAEA,KAACC;QAAID,KAAKA;QAAM,GAAGD,UAAU;QAAEG,WAAU;kBACtCZ,SAASa,GAAG,CAACR,UAAUS,CAAAA;YACtB,kBAAIX,eAAeW,QAAQ;gBACzB,qBAAOb,aAAaa,OAAO;oBACzBR;gBACF;YACF;YAEA,OAAOQ;QACT;;AAKNV,QAAQW,WAAW,GAAG;AACtB,SAASX,OAAO,GAAG"}

package/dist/esm/src/components/Modal/Header.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cross } from "@simplybusiness/icons";
+import { Button } from "../Button";
+import { Icon } from "../Icon";
+const Header = /*#__PURE__*/ forwardRef(({ children, onClose, closeLabel, ...otherProps }, ref)=>/*#__PURE__*/ _jsxs("header", {
+        ref: ref,
+        ...otherProps,
+        className: "mobius/ModalHeader",
+        children: [
+            children,
+            /*#__PURE__*/ _jsxs(Button, {
+                "aria-label": "Close",
+                variant: "basic",
+                onPress: onClose,
+                className: "mobius/ModalClose",
+                children: [
+                    /*#__PURE__*/ _jsx(Icon, {
+                        icon: cross
+                    }),
+                    " ",
+                    closeLabel
+                ]
+            })
+        ]
+    }));
+Header.displayName = "Header";
+export { Header };
+
+//# sourceMappingURL=Header.js.map

package/dist/esm/src/components/Modal/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Modal/Header.tsx"],"sourcesContent":["import { PropsWithChildren, Ref, RefAttributes, forwardRef } from \"react\";\n\nimport { cross } from \"@simplybusiness/icons\";\nimport { DOMProps } from \"../../types/dom\";\nimport { Button } from \"../Button\";\nimport { Icon } from \"../Icon\";\n\nexport type HeaderElementType = HTMLDivElement;\nexport type HeaderRef = Ref<HTMLElement>;\n\nexport interface HeaderProps\n  extends DOMProps,\n    RefAttributes<HeaderElementType>,\n    PropsWithChildren {\n  onClose?: () => void;\n  closeLabel?: string;\n}\n\nconst Header = forwardRef(\n  (\n    { children, onClose, closeLabel, ...otherProps }: HeaderProps,\n    ref: HeaderRef,\n  ) => (\n    <header ref={ref} {...otherProps} className=\"mobius/ModalHeader\">\n      {children}\n      <Button\n        aria-label=\"Close\"\n        variant=\"basic\"\n        onPress={onClose}\n        className=\"mobius/ModalClose\"\n      >\n        <Icon icon={cross} /> {closeLabel}\n      </Button>\n    </header>\n  ),\n);\n\nHeader.displayName = \"Header\";\nexport { Header };\n"],"names":["forwardRef","cross","Button","Icon","Header","children","onClose","closeLabel","otherProps","ref","header","className","aria-label","variant","onPress","icon","displayName"],"mappings":";AAAA,SAAgDA,UAAU,QAAQ,QAAQ;AAE1E,SAASC,KAAK,QAAQ,wBAAwB;AAE9C,SAASC,MAAM,QAAQ,YAAY;AACnC,SAASC,IAAI,QAAQ,UAAU;AAa/B,MAAMC,uBAASJ,WACb,CACE,EAAEK,QAAQ,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGC,YAAyB,EAC7DC,oBAEA,MAACC;QAAOD,KAAKA;QAAM,GAAGD,UAAU;QAAEG,WAAU;;YACzCN;0BACD,MAACH;gBACCU,cAAW;gBACXC,SAAQ;gBACRC,SAASR;gBACTK,WAAU;;kCAEV,KAACR;wBAAKY,MAAMd;;oBAAS;oBAAEM;;;;;AAM/BH,OAAOY,WAAW,GAAG;AACrB,SAASZ,MAAM,GAAG"}

package/dist/esm/src/components/Modal/Modal.js

@@ -0,0 +1,119 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from "classnames/dedupe";
+import { Children, cloneElement, forwardRef, isValidElement, useCallback, useEffect, useRef } from "react";
+import { useBodyScrollLock } from "../../hooks/useBodyScrollLock";
+import { supportsDialog } from "../../utils/polyfill-tests";
+import { mergeRefs } from "../../utils";
+const TRANSITION_CLASS_NAME = "--transition";
+const Modal = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { isOpen, onClose, onOpen, children, className, closeLabel, isFullScreen, animation, // Deprecated props below
+    size, appElement, preventCloseOnEsc, shouldFocusAfterRender, parentSelector } = props;
+    const hasWarnedAboutMissingLabels = useRef(false);
+    // Handle deprecated props
+    if (!hasWarnedAboutMissingLabels.current) {
+        if (size || appElement || preventCloseOnEsc || shouldFocusAfterRender || parentSelector) {
+            console.warn(`Deprecation warning: Mobius Modal no longer supports the following props: size, appElement, preventCloseOnEsc, shouldFocusAfterRender and parentSelector.`);
+            hasWarnedAboutMissingLabels.current = true;
+        }
+    }
+    const hasOpened = useRef(false);
+    const modalRef = useRef(null);
+    const hasDialogSupport = supportsDialog();
+    // Fire onOpen once
+    if (onOpen && !hasOpened.current) {
+        onOpen();
+        hasOpened.current = true;
+    }
+    useBodyScrollLock({
+        enabled: isOpen
+    });
+    // Add close handler, to enable closing animations
+    const handleClose = useCallback((event)=>{
+        if (event) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+        const doClose = ()=>{
+            var _modalRef_current;
+            (_modalRef_current = modalRef.current) === null || _modalRef_current === void 0 ? void 0 : _modalRef_current.close();
+            onClose === null || onClose === void 0 ? void 0 : onClose();
+        };
+        // Delay close to allow backdrop exit transition
+        if (hasDialogSupport && animation) {
+            var _modalRef_current, _modalRef_current1;
+            (_modalRef_current = modalRef.current) === null || _modalRef_current === void 0 ? void 0 : _modalRef_current.classList.remove(TRANSITION_CLASS_NAME);
+            (_modalRef_current1 = modalRef.current) === null || _modalRef_current1 === void 0 ? void 0 : _modalRef_current1.addEventListener("transitionend", ()=>{
+                doClose();
+            }, {
+                once: true
+            });
+        } else {
+            doClose();
+        }
+    }, [
+        onClose,
+        hasDialogSupport,
+        animation
+    ]);
+    const modalClasses = classNames("mobius", "mobius/Modal", {
+        "--no-dialog-support": !hasDialogSupport,
+        "--should-transition": hasDialogSupport && animation,
+        "--slide-up": animation === "slideUp",
+        "--fade": animation === "fade",
+        "--is-fullscreen": isFullScreen
+    }, className);
+    // Add polyfill for HTML Dialog in old browsers
+    useEffect(()=>{
+        async function toggleModal() {
+            var _modalRef_current, _modalRef_current1;
+            if (!hasDialogSupport && typeof window !== "undefined" && modalRef.current !== null) {
+                // eslint-disable-next-line import/no-extraneous-dependencies
+                const { default: dialogPolyfill } = await import("dialog-polyfill");
+                try {
+                    dialogPolyfill.registerDialog(modalRef.current);
+                } catch (error) {
+                    // In iOS 15 <= 15.2 this intermittently fails with
+                    // TypeError: null is not an object (evaluating 'element.showModal')
+                    // Checking showModal presence through hasOwnProperty is falsy natively, truthy with polyfill 🤷🏼‍♂️
+                    console.error("Failed to load dialog-polyfill", error);
+                }
+            }
+            if (isOpen && !((_modalRef_current = modalRef.current) === null || _modalRef_current === void 0 ? void 0 : _modalRef_current.open)) {
+                var _modalRef_current2, _modalRef_current3;
+                (_modalRef_current2 = modalRef.current) === null || _modalRef_current2 === void 0 ? void 0 : _modalRef_current2.showModal();
+                (_modalRef_current3 = modalRef.current) === null || _modalRef_current3 === void 0 ? void 0 : _modalRef_current3.classList.add(TRANSITION_CLASS_NAME);
+                onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+            } else if (!isOpen && ((_modalRef_current1 = modalRef.current) === null || _modalRef_current1 === void 0 ? void 0 : _modalRef_current1.open)) {
+                handleClose();
+            }
+        }
+        toggleModal();
+    }, [
+        isOpen,
+        onOpen,
+        handleClose,
+        hasDialogSupport
+    ]);
+    return /*#__PURE__*/ _jsx("dialog", {
+        ref: mergeRefs([
+            modalRef,
+            ref
+        ]),
+        onCancel: handleClose,
+        className: modalClasses,
+        children: Children.map(children, (child)=>{
+            if (/*#__PURE__*/ isValidElement(child)) {
+                return /*#__PURE__*/ cloneElement(child, {
+                    onClose: handleClose,
+                    closeLabel
+                });
+            }
+            return child;
+        })
+    });
+});
+Modal.displayName = "Modal";
+export { Modal };
+
+//# sourceMappingURL=Modal.js.map

package/dist/esm/src/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  Children,\n  Ref,\n  SyntheticEvent,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { useBodyScrollLock } from \"../../hooks/useBodyScrollLock\";\nimport { supportsDialog } from \"../../utils/polyfill-tests\";\nimport { ModalProps } from \"./types\";\nimport { mergeRefs } from \"../../utils\";\n\nexport type ModalElementType = HTMLDialogElement;\nexport type ModalRef = Ref<ModalElementType>;\n\nconst TRANSITION_CLASS_NAME = \"--transition\";\n\nconst Modal = forwardRef((props: ModalProps, ref: ModalRef) => {\n  const {\n    isOpen,\n    onClose,\n    onOpen,\n    children,\n    className,\n    closeLabel,\n    isFullScreen,\n    animation,\n    // Deprecated props below\n    size,\n    appElement,\n    preventCloseOnEsc,\n    shouldFocusAfterRender,\n    parentSelector,\n  } = props;\n  const hasWarnedAboutMissingLabels = useRef<boolean>(false);\n  // Handle deprecated props\n  if (!hasWarnedAboutMissingLabels.current) {\n    if (\n      size ||\n      appElement ||\n      preventCloseOnEsc ||\n      shouldFocusAfterRender ||\n      parentSelector\n    ) {\n      console.warn(\n        `Deprecation warning: Mobius Modal no longer supports the following props: size, appElement, preventCloseOnEsc, shouldFocusAfterRender and parentSelector.`,\n      );\n      hasWarnedAboutMissingLabels.current = true;\n    }\n  }\n\n  const hasOpened = useRef<boolean>(false);\n  const modalRef = useRef<HTMLDialogElement | null>(null);\n  const hasDialogSupport = supportsDialog();\n\n  // Fire onOpen once\n  if (onOpen && !hasOpened.current) {\n    onOpen();\n    hasOpened.current = true;\n  }\n\n  useBodyScrollLock({ enabled: isOpen });\n\n  // Add close handler, to enable closing animations\n  const handleClose = useCallback(\n    (event?: SyntheticEvent<HTMLElement, Event>) => {\n      if (event) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      const doClose = () => {\n        modalRef.current?.close();\n        onClose?.();\n      };\n\n      // Delay close to allow backdrop exit transition\n      if (hasDialogSupport && animation) {\n        modalRef.current?.classList.remove(TRANSITION_CLASS_NAME);\n        modalRef.current?.addEventListener(\n          \"transitionend\",\n          () => {\n            doClose();\n          },\n          { once: true },\n        );\n      } else {\n        doClose();\n      }\n    },\n    [onClose, hasDialogSupport, animation],\n  );\n\n  const modalClasses = classNames(\n    \"mobius\",\n    \"mobius/Modal\",\n    {\n      \"--no-dialog-support\": !hasDialogSupport, // This class is used to correctly position modal in x/y middle on iOS <= 15.2\n      \"--should-transition\": hasDialogSupport && animation,\n      \"--slide-up\": animation === \"slideUp\",\n      \"--fade\": animation === \"fade\",\n      \"--is-fullscreen\": isFullScreen,\n    },\n    className,\n  );\n\n  // Add polyfill for HTML Dialog in old browsers\n  useEffect(() => {\n    async function toggleModal() {\n      if (\n        !hasDialogSupport &&\n        typeof window !== \"undefined\" &&\n        modalRef.current !== null\n      ) {\n        // eslint-disable-next-line import/no-extraneous-dependencies\n        const { default: dialogPolyfill } = await import(\"dialog-polyfill\");\n\n        try {\n          dialogPolyfill.registerDialog(modalRef.current);\n        } catch (error) {\n          // In iOS 15 <= 15.2 this intermittently fails with\n          // TypeError: null is not an object (evaluating 'element.showModal')\n          // Checking showModal presence through hasOwnProperty is falsy natively, truthy with polyfill 🤷🏼‍♂️\n          console.error(\"Failed to load dialog-polyfill\", error);\n        }\n      }\n\n      if (isOpen && !modalRef.current?.open) {\n        modalRef.current?.showModal();\n        modalRef.current?.classList.add(TRANSITION_CLASS_NAME);\n        onOpen?.();\n      } else if (!isOpen && modalRef.current?.open) {\n        handleClose();\n      }\n    }\n\n    toggleModal();\n  }, [isOpen, onOpen, handleClose, hasDialogSupport]);\n\n  return (\n    <dialog\n      ref={mergeRefs([modalRef, ref])}\n      onCancel={handleClose}\n      className={modalClasses}\n    >\n      {Children.map(children, child => {\n        if (isValidElement(child)) {\n          return cloneElement(child, {\n            onClose: handleClose,\n            closeLabel,\n          } as any);\n        }\n\n        return child;\n      })}\n    </dialog>\n  );\n});\n\nModal.displayName = \"Modal\";\nexport { Modal };\n"],"names":["classNames","Children","cloneElement","forwardRef","isValidElement","useCallback","useEffect","useRef","useBodyScrollLock","supportsDialog","mergeRefs","TRANSITION_CLASS_NAME","Modal","props","ref","isOpen","onClose","onOpen","children","className","closeLabel","isFullScreen","animation","size","appElement","preventCloseOnEsc","shouldFocusAfterRender","parentSelector","hasWarnedAboutMissingLabels","current","console","warn","hasOpened","modalRef","hasDialogSupport","enabled","handleClose","event","preventDefault","stopPropagation","doClose","close","classList","remove","addEventListener","once","modalClasses","toggleModal","window","default","dialogPolyfill","registerDialog","error","open","showModal","add","dialog","onCancel","map","child","displayName"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,oBAAoB;AAC3C,SACEC,QAAQ,EAGRC,YAAY,EACZC,UAAU,EACVC,cAAc,EACdC,WAAW,EACXC,SAAS,EACTC,MAAM,QACD,QAAQ;AACf,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,cAAc,QAAQ,6BAA6B;AAE5D,SAASC,SAAS,QAAQ,cAAc;AAKxC,MAAMC,wBAAwB;AAE9B,MAAMC,sBAAQT,WAAW,CAACU,OAAmBC;IAC3C,MAAM,EACJC,MAAM,EACNC,OAAO,EACPC,MAAM,EACNC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,YAAY,EACZC,SAAS,EACT,yBAAyB;IACzBC,IAAI,EACJC,UAAU,EACVC,iBAAiB,EACjBC,sBAAsB,EACtBC,cAAc,EACf,GAAGd;IACJ,MAAMe,8BAA8BrB,OAAgB;IACpD,0BAA0B;IAC1B,IAAI,CAACqB,4BAA4BC,OAAO,EAAE;QACxC,IACEN,QACAC,cACAC,qBACAC,0BACAC,gBACA;YACAG,QAAQC,IAAI,CACV,CAAC,yJAAyJ,CAAC;YAE7JH,4BAA4BC,OAAO,GAAG;QACxC;IACF;IAEA,MAAMG,YAAYzB,OAAgB;IAClC,MAAM0B,WAAW1B,OAAiC;IAClD,MAAM2B,mBAAmBzB;IAEzB,mBAAmB;IACnB,IAAIQ,UAAU,CAACe,UAAUH,OAAO,EAAE;QAChCZ;QACAe,UAAUH,OAAO,GAAG;IACtB;IAEArB,kBAAkB;QAAE2B,SAASpB;IAAO;IAEpC,kDAAkD;IAClD,MAAMqB,cAAc/B,YAClB,CAACgC;QACC,IAAIA,OAAO;YACTA,MAAMC,cAAc;YACpBD,MAAME,eAAe;QACvB;QAEA,MAAMC,UAAU;gBACdP;aAAAA,oBAAAA,SAASJ,OAAO,cAAhBI,wCAAAA,kBAAkBQ,KAAK;YACvBzB,oBAAAA,8BAAAA;QACF;QAEA,gDAAgD;QAChD,IAAIkB,oBAAoBZ,WAAW;gBACjCW,mBACAA;aADAA,oBAAAA,SAASJ,OAAO,cAAhBI,wCAAAA,kBAAkBS,SAAS,CAACC,MAAM,CAAChC;aACnCsB,qBAAAA,SAASJ,OAAO,cAAhBI,yCAAAA,mBAAkBW,gBAAgB,CAChC,iBACA;gBACEJ;YACF,GACA;gBAAEK,MAAM;YAAK;QAEjB,OAAO;YACLL;QACF;IACF,GACA;QAACxB;QAASkB;QAAkBZ;KAAU;IAGxC,MAAMwB,eAAe9C,WACnB,UACA,gBACA;QACE,uBAAuB,CAACkC;QACxB,uBAAuBA,oBAAoBZ;QAC3C,cAAcA,cAAc;QAC5B,UAAUA,cAAc;QACxB,mBAAmBD;IACrB,GACAF;IAGF,+CAA+C;IAC/Cb,UAAU;QACR,eAAeyC;gBAmBEd,mBAIOA;YAtBtB,IACE,CAACC,oBACD,OAAOc,WAAW,eAClBf,SAASJ,OAAO,KAAK,MACrB;gBACA,6DAA6D;gBAC7D,MAAM,EAAEoB,SAASC,cAAc,EAAE,GAAG,MAAM,MAAM,CAAC;gBAEjD,IAAI;oBACFA,eAAeC,cAAc,CAAClB,SAASJ,OAAO;gBAChD,EAAE,OAAOuB,OAAO;oBACd,mDAAmD;oBACnD,oEAAoE;oBACpE,qGAAqG;oBACrGtB,QAAQsB,KAAK,CAAC,kCAAkCA;gBAClD;YACF;YAEA,IAAIrC,UAAU,GAACkB,oBAAAA,SAASJ,OAAO,cAAhBI,wCAAAA,kBAAkBoB,IAAI,GAAE;oBACrCpB,oBACAA;iBADAA,qBAAAA,SAASJ,OAAO,cAAhBI,yCAAAA,mBAAkBqB,SAAS;iBAC3BrB,qBAAAA,SAASJ,OAAO,cAAhBI,yCAAAA,mBAAkBS,SAAS,CAACa,GAAG,CAAC5C;gBAChCM,mBAAAA,6BAAAA;YACF,OAAO,IAAI,CAACF,YAAUkB,qBAAAA,SAASJ,OAAO,cAAhBI,yCAAAA,mBAAkBoB,IAAI,GAAE;gBAC5CjB;YACF;QACF;QAEAW;IACF,GAAG;QAAChC;QAAQE;QAAQmB;QAAaF;KAAiB;IAElD,qBACE,KAACsB;QACC1C,KAAKJ,UAAU;YAACuB;YAAUnB;SAAI;QAC9B2C,UAAUrB;QACVjB,WAAW2B;kBAEV7C,SAASyD,GAAG,CAACxC,UAAUyC,CAAAA;YACtB,kBAAIvD,eAAeuD,QAAQ;gBACzB,qBAAOzD,aAAayD,OAAO;oBACzB3C,SAASoB;oBACThB;gBACF;YACF;YAEA,OAAOuC;QACT;;AAGN;AAEA/C,MAAMgD,WAAW,GAAG;AACpB,SAAShD,KAAK,GAAG"}

package/dist/esm/src/components/Modal/index.js

@@ -0,0 +1,11 @@
+import { Content } from "./Content";
+import { Header } from "./Header";
+import { Modal as ModalComponent } from "./Modal";
+const Modal = Object.assign(ModalComponent, {
+    Header,
+    Content
+});
+Modal.displayName = "Modal";
+export { Modal };
+
+//# sourceMappingURL=index.js.map

package/dist/esm/src/components/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Modal/index.tsx"],"sourcesContent":["import {\n  Content,\n  DivElementType as ModalContentDivElementType,\n  ContentProps as ModalContentProps,\n} from \"./Content\";\nimport {\n  Header,\n  HeaderElementType as ModalHeaderElementType,\n  HeaderProps as ModalHeaderProps,\n} from \"./Header\";\nimport { Modal as ModalComponent } from \"./Modal\";\nimport { ModalProps } from \"./types\";\n\nconst Modal = Object.assign(ModalComponent, {\n  Header,\n  Content,\n});\n\nModal.displayName = \"Modal\";\nexport { Modal };\n\nexport type {\n  ModalContentDivElementType,\n  ModalContentProps,\n  ModalHeaderElementType,\n  ModalHeaderProps,\n  ModalProps,\n};\n"],"names":["Content","Header","Modal","ModalComponent","Object","assign","displayName"],"mappings":"AAAA,SACEA,OAAO,QAGF,YAAY;AACnB,SACEC,MAAM,QAGD,WAAW;AAClB,SAASC,SAASC,cAAc,QAAQ,UAAU;AAGlD,MAAMD,QAAQE,OAAOC,MAAM,CAACF,gBAAgB;IAC1CF;IACAD;AACF;AAEAE,MAAMI,WAAW,GAAG;AACpB,SAASJ,KAAK,GAAG"}

package/dist/esm/src/components/Modal/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/esm/src/components/Modal/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Modal/types.ts"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport interface ModalProps {\n  isOpen: boolean;\n  onOpen?: () => void;\n  onClose?: () => void;\n  children?: ReactNode;\n  className?: string;\n  closeLabel?: string;\n  animation?: \"slideUp\" | \"fade\";\n  isFullScreen?: boolean;\n  /**\n   * **Deprecated:** No longer needed\n   */\n  size?: string;\n  /**\n   * **Deprecated:** No longer needed\n   */\n  appElement?: string;\n  /**\n   * **Deprecated:** No longer needed\n   */\n  preventCloseOnEsc?: boolean;\n  /**\n   * **Deprecated:** No longer needed\n   */\n  shouldFocusAfterRender?: boolean;\n  /**\n   * **Deprecated:** No longer needed\n   */\n  parentSelector?: () => HTMLElement;\n}\n"],"names":[],"mappings":"AAEA,WA6BC"}