@simplybusiness/mobius 4.4.4 → 4.4.6

package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.test.js

@@ -0,0 +1,29 @@
+import { renderHook } from "@testing-library/react";
+import { useBodyScrollLock } from "./useBodyScrollLock";
+describe("useBodyScrollLock", () => {
+    it("should be defined", () => {
+        expect(useBodyScrollLock).toBeDefined();
+    });
+    it("should not throw", () => {
+        expect(() => renderHook(() => useBodyScrollLock())).not.toThrow();
+    });
+    it("should disable scroll by default", () => {
+        renderHook(() => useBodyScrollLock());
+        expect(document.body.style.overflow).toBe("hidden");
+    });
+    it("should disable scroll when enabled is true", () => {
+        renderHook(() => useBodyScrollLock({ enabled: true }));
+        expect(document.body.style.overflow).toBe("hidden");
+    });
+    it("should enable scroll when enabled is false", () => {
+        renderHook(() => useBodyScrollLock({ enabled: false }));
+        expect(document.body.style.overflow).toBe("");
+    });
+    it("should enable scroll on unmount", () => {
+        const { unmount } = renderHook(() => useBodyScrollLock());
+        expect(document.body.style.overflow).toBe("hidden");
+        unmount();
+        expect(document.body.style.overflow).toBe("");
+    });
+});
+//# sourceMappingURL=useBodyScrollLock.test.js.map

package/dist/esm/hooks/useBodyScrollLock/useBodyScrollLock.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBodyScrollLock.test.js","sourceRoot":"","sources":["../../../../src/hooks/useBodyScrollLock/useBodyScrollLock.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC3B,MAAM,CAAC,iBAAiB,CAAC,CAAC,WAAW,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC1B,MAAM,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,EAAE,CAAC,CAAC;QACtC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACvD,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QACxD,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,iBAAiB,EAAE,CAAC,CAAC;QAC1D,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACpD,OAAO,EAAE,CAAC;QACV,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,145 @@
+"use client";
+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 { Flex } from "../Flex";
+import { Icon } from "../Icon";
+const AccordionLink = ({ text, toggle, onClick, headerChildren, ariaExpanded })=>{
+    const linkClasses = classNames("mobius/AccordionLink", {
+        "--is-open": ariaExpanded
+    });
+    const iconClasses = classNames("mobius/AccordionLinkIcon", {
+        "--is-open": ariaExpanded
+    });
+    const handleOnClick = ()=>{
+        if (onClick) {
+            onClick();
+        }
+        toggle();
+    };
+    const handleKeyDown = (e)=>{
+        if (e.key === " " || e.key === "Enter") {
+            toggle();
+        }
+    };
+    if (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 /*#__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 = /*#__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
+    });
+    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
+    });
+    const contentContainerClasses = classNames("mobius/AccordionContentContainer", {
+        "--is-open": accordionState.open
+    });
+    const contentClasses = classNames("mobius/AccordionContent", {
+        "--is-open": accordionState.open
+    });
+    const linkText = accordionState.open ? hideText : showText;
+    const handleChange = ()=>{
+        // Fire events
+        if (!accordionState.open && onOpen) {
+            onOpen();
+        }
+        if (accordionState.open && onClose) {
+            onClose();
+        }
+        if (onChange) {
+            onChange(!accordionState.open);
+        }
+        setAccordionState({
+            open: !accordionState.open,
+            withAnimation: true
+        });
+    };
+    useEffect(()=>{
+        setAccordionState({
+            open: startOpen,
+            withAnimation: false
+        });
+    }, [
+        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/src/components/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"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/src/components/Accordion/index.js

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

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

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

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

@@ -0,0 +1,55 @@
+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 = /*#__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
+    }, otherProps.className);
+    const icon = {
+        info,
+        success,
+        warning,
+        error
+    };
+    const headerClasses = classNames("mobius", "mobius/AlertHeader");
+    const iconClasses = classNames("mobius", "mobius/AlertIcon");
+    const contentClasses = classNames("mobius", "mobius/AlertContent");
+    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/src/components/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"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/src/components/Alert/index.js

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

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

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

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

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import classNames from "classnames/dedupe";
+import { getSpacingValue, filterUndefinedProps } from "../../utils";
+const Box = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { elementType: Element = "div", padding, paddingX, paddingInline, paddingInlineStart, paddingInlineEnd, paddingY, paddingBlock, paddingBlockStart, paddingBlockEnd, paddingTop, paddingRight, paddingBottom, paddingLeft, minWidth, minHeight, maxWidth, maxHeight, width, height, style, ...otherProps } = props;
+    const classes = classNames("mobius", "mobius/Box", otherProps.className);
+    const styleProps = filterUndefinedProps({
+        padding: getSpacingValue(padding),
+        paddingInline: getSpacingValue(paddingInline || paddingX),
+        paddingBlock: getSpacingValue(paddingBlock || paddingY),
+        paddingTop: getSpacingValue(paddingTop || paddingBlockStart),
+        paddingRight: getSpacingValue(paddingRight || paddingInlineEnd),
+        paddingBottom: getSpacingValue(paddingBottom || paddingBlockEnd),
+        paddingLeft: getSpacingValue(paddingLeft || paddingInlineStart),
+        minWidth,
+        minHeight,
+        maxWidth,
+        maxHeight,
+        width,
+        height,
+        ...style
+    });
+    return /*#__PURE__*/ _jsx(Element, {
+        ref: ref,
+        style: styleProps,
+        ...otherProps,
+        className: classes
+    });
+});
+Box.displayName = "Box";
+export { Box };
+
+//# sourceMappingURL=Box.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Box/Box.tsx"],"sourcesContent":["import { Ref, forwardRef } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { BoxElementType, BoxProps } from \"./types\";\nimport { getSpacingValue, filterUndefinedProps } from \"../../utils\";\n\nexport type BoxRef = Ref<BoxElementType>;\n\nconst Box: ForwardedRefComponent<BoxProps, BoxElementType> = forwardRef(\n  (props: BoxProps, ref: BoxRef) => {\n    const {\n      elementType: Element = \"div\",\n      padding,\n      paddingX,\n      paddingInline,\n      paddingInlineStart,\n      paddingInlineEnd,\n      paddingY,\n      paddingBlock,\n      paddingBlockStart,\n      paddingBlockEnd,\n      paddingTop,\n      paddingRight,\n      paddingBottom,\n      paddingLeft,\n      minWidth,\n      minHeight,\n      maxWidth,\n      maxHeight,\n      width,\n      height,\n      style,\n      ...otherProps\n    } = props;\n\n    const classes = classNames(\"mobius\", \"mobius/Box\", otherProps.className);\n\n    const styleProps = filterUndefinedProps({\n      padding: getSpacingValue(padding),\n      paddingInline: getSpacingValue(paddingInline || paddingX),\n      paddingBlock: getSpacingValue(paddingBlock || paddingY),\n      paddingTop: getSpacingValue(paddingTop || paddingBlockStart),\n      paddingRight: getSpacingValue(paddingRight || paddingInlineEnd),\n      paddingBottom: getSpacingValue(paddingBottom || paddingBlockEnd),\n      paddingLeft: getSpacingValue(paddingLeft || paddingInlineStart),\n      minWidth,\n      minHeight,\n      maxWidth,\n      maxHeight,\n      width,\n      height,\n      ...style,\n    });\n\n    return (\n      <Element\n        ref={ref}\n        style={styleProps}\n        {...otherProps}\n        className={classes}\n      />\n    );\n  },\n);\n\nBox.displayName = \"Box\";\nexport { Box };\n"],"names":["forwardRef","classNames","getSpacingValue","filterUndefinedProps","Box","props","ref","elementType","Element","padding","paddingX","paddingInline","paddingInlineStart","paddingInlineEnd","paddingY","paddingBlock","paddingBlockStart","paddingBlockEnd","paddingTop","paddingRight","paddingBottom","paddingLeft","minWidth","minHeight","maxWidth","maxHeight","width","height","style","otherProps","classes","className","styleProps","displayName"],"mappings":";AAAA,SAAcA,UAAU,QAAQ,QAAQ;AACxC,OAAOC,gBAAgB,oBAAoB;AAG3C,SAASC,eAAe,EAAEC,oBAAoB,QAAQ,cAAc;AAIpE,MAAMC,oBAAuDJ,WAC3D,CAACK,OAAiBC;IAChB,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,OAAO,EACPC,QAAQ,EACRC,aAAa,EACbC,kBAAkB,EAClBC,gBAAgB,EAChBC,QAAQ,EACRC,YAAY,EACZC,iBAAiB,EACjBC,eAAe,EACfC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,KAAK,EACL,GAAGC,YACJ,GAAGxB;IAEJ,MAAMyB,UAAU7B,WAAW,UAAU,cAAc4B,WAAWE,SAAS;IAEvE,MAAMC,aAAa7B,qBAAqB;QACtCM,SAASP,gBAAgBO;QACzBE,eAAeT,gBAAgBS,iBAAiBD;QAChDK,cAAcb,gBAAgBa,gBAAgBD;QAC9CI,YAAYhB,gBAAgBgB,cAAcF;QAC1CG,cAAcjB,gBAAgBiB,gBAAgBN;QAC9CO,eAAelB,gBAAgBkB,iBAAiBH;QAChDI,aAAanB,gBAAgBmB,eAAeT;QAC5CU;QACAC;QACAC;QACAC;QACAC;QACAC;QACA,GAAGC,KAAK;IACV;IAEA,qBACE,KAACpB;QACCF,KAAKA;QACLsB,OAAOI;QACN,GAAGH,UAAU;QACdE,WAAWD;;AAGjB;AAGF1B,IAAI6B,WAAW,GAAG;AAClB,SAAS7B,GAAG,GAAG"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Box/types.ts"],"sourcesContent":["import { ReactNode, RefAttributes } from \"react\";\nimport { DOMProps, SpacingType } from \"../../types\";\n\nexport type BoxElementType = HTMLDivElement;\n\nexport type BoxDimensionsType = string | number;\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  padding?: SpacingType;\n  paddingX?: SpacingType;\n  paddingInline?: SpacingType;\n  paddingInlineStart?: SpacingType;\n  paddingInlineEnd?: SpacingType;\n  paddingY?: SpacingType;\n  paddingBlock?: SpacingType;\n  paddingBlockStart?: SpacingType;\n  paddingBlockEnd?: SpacingType;\n  paddingTop?: SpacingType;\n  paddingRight?: SpacingType;\n  paddingBottom?: SpacingType;\n  paddingLeft?: SpacingType;\n  minWidth?: BoxDimensionsType;\n  minHeight?: BoxDimensionsType;\n  maxWidth?: BoxDimensionsType;\n  maxHeight?: BoxDimensionsType;\n  width?: BoxDimensionsType;\n  height?: BoxDimensionsType;\n}\n"],"names":[],"mappings":"AAOA,WA0BC"}

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

@@ -0,0 +1,40 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, cloneElement, Children } from "react";
+import classNames from "classnames/dedupe";
+import { Box } from "../Box";
+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: {
+            "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" ? /*#__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/src/components/Breadcrumbs/BreadcrumbItem.js.map

@@ -0,0 +1 @@
+{"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/src/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, Children, cloneElement } from "react";
+import classNames from "classnames/dedupe";
+const Breadcrumbs = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { "aria-label": ariaLabel = "Breadcrumbs" } = props;
+    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 /*#__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/src/components/Breadcrumbs/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"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/src/components/Breadcrumbs/index.js

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

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

@@ -0,0 +1 @@
+{"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/src/components/Button/Button.js

@@ -0,0 +1,35 @@
+"use client";
+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 = /*#__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
+        console.warn("icon, iconPosition props have been deprecated in <Button> and will be removed in Mobius v4. Please pass icon as part of component's children instead.");
+        HAS_DEPRECATION_WARNING_SHOWN = true;
+    }
+    // Reshape class name and apply to outer element
+    const classes = classNames("mobius", "mobius/Button", `--variant-${variant}`, `--size-${size}`, {
+        "--is-disabled": isDisabled,
+        "--is-loading": isLoading,
+        "--is-success": isSuccess && !isLoading
+    }, otherProps.className);
+    otherProps.className = classes;
+    return /*#__PURE__*/ _jsx(Component, {
+        ref: ref,
+        ...buttonProps,
+        ...otherProps,
+        children: isLoading ? /*#__PURE__*/ _jsx(Loading, {}) : children && children
+    });
+});
+Button.displayName = "Button";
+export { Button };
+
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Button/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Loading } from \"./Loading\";\nimport { UseButtonProps, useButton } from \"../../hooks/useButton\";\n\nlet HAS_DEPRECATION_WARNING_SHOWN = false;\n\nexport type ButtonElementType = HTMLButtonElement;\n\nexport type Variant =\n  | \"primary\"\n  | \"secondary\"\n  | \"ghost\"\n  | \"inverse\"\n  | \"inverse-ghost\"\n  | \"basic\";\n\nexport type Size = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps\n  extends UseButtonProps,\n    DOMProps,\n    RefAttributes<ButtonElementType> {\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  /** Shortlist of styles */\n  variant?: Variant;\n  size?: Size;\n  /** Display loading spinner */\n  isLoading?: boolean;\n  /** Display success style */\n  isSuccess?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * **Deprecated:** Please pass icon as part of component's children instead.\n   */\n  icon?: string;\n  /**\n   * **Deprecated:** Please pass icon as part of component's children instead.\n   */\n  iconPosition?: \"left\" | \"right\";\n  children?: ReactNode;\n}\n\nexport type ButtonRef = Ref<ButtonElementType>;\n\nconst Button: ForwardedRefComponent<ButtonProps, ButtonElementType> =\n  forwardRef((props: ButtonProps, ref: ButtonRef) => {\n    const {\n      children,\n      elementType: Component = \"button\",\n      isDisabled,\n      isLoading,\n      isSuccess,\n      variant = \"primary\",\n      size = \"md\",\n      icon,\n      iconPosition,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      onPress,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      onClick,\n      ...otherProps\n    } = props;\n    const { buttonProps } = useButton(props);\n\n    if ((icon || iconPosition) && !HAS_DEPRECATION_WARNING_SHOWN) {\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"icon, iconPosition props have been deprecated in <Button> and will be removed in Mobius v4. Please pass icon as part of component's children instead.\",\n      );\n      HAS_DEPRECATION_WARNING_SHOWN = true;\n    }\n\n    // Reshape class name and apply to outer element\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Button\",\n      `--variant-${variant}`,\n      `--size-${size}`,\n      {\n        \"--is-disabled\": isDisabled,\n        \"--is-loading\": isLoading,\n        \"--is-success\": isSuccess && !isLoading,\n      },\n      otherProps.className,\n    );\n    otherProps.className = classes;\n\n    return (\n      <Component ref={ref} {...buttonProps} {...otherProps}>\n        {isLoading ? <Loading /> : children && children}\n      </Component>\n    );\n  });\n\nButton.displayName = \"Button\";\nexport { Button };\n"],"names":["forwardRef","classNames","Loading","useButton","HAS_DEPRECATION_WARNING_SHOWN","Button","props","ref","children","elementType","Component","isDisabled","isLoading","isSuccess","variant","size","icon","iconPosition","onPress","onClick","otherProps","buttonProps","console","warn","classes","className","displayName"],"mappings":"AAAA;;AAEA,SAAcA,UAAU,QAAkC,QAAQ;AAClE,OAAOC,gBAAgB,oBAAoB;AAG3C,SAASC,OAAO,QAAQ,YAAY;AACpC,SAAyBC,SAAS,QAAQ,wBAAwB;AAElE,IAAIC,gCAAgC;AAyCpC,MAAMC,uBACJL,WAAW,CAACM,OAAoBC;IAC9B,MAAM,EACJC,QAAQ,EACRC,aAAaC,YAAY,QAAQ,EACjCC,UAAU,EACVC,SAAS,EACTC,SAAS,EACTC,UAAU,SAAS,EACnBC,OAAO,IAAI,EACXC,IAAI,EACJC,YAAY,EACZ,6DAA6D;IAC7DC,OAAO,EACP,6DAA6D;IAC7DC,OAAO,EACP,GAAGC,YACJ,GAAGd;IACJ,MAAM,EAAEe,WAAW,EAAE,GAAGlB,UAAUG;IAElC,IAAI,AAACU,CAAAA,QAAQC,YAAW,KAAM,CAACb,+BAA+B;QAC5D,sCAAsC;QACtCkB,QAAQC,IAAI,CACV;QAEFnB,gCAAgC;IAClC;IAEA,gDAAgD;IAChD,MAAMoB,UAAUvB,WACd,UACA,iBACA,CAAC,UAAU,EAAEa,QAAQ,CAAC,EACtB,CAAC,OAAO,EAAEC,KAAK,CAAC,EAChB;QACE,iBAAiBJ;QACjB,gBAAgBC;QAChB,gBAAgBC,aAAa,CAACD;IAChC,GACAQ,WAAWK,SAAS;IAEtBL,WAAWK,SAAS,GAAGD;IAEvB,qBACE,KAACd;QAAUH,KAAKA;QAAM,GAAGc,WAAW;QAAG,GAAGD,UAAU;kBACjDR,0BAAY,KAACV,eAAaM,YAAYA;;AAG7C;AAEFH,OAAOqB,WAAW,GAAG;AACrB,SAASrB,MAAM,GAAG"}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { loading } from "@simplybusiness/icons";
+import { Icon } from "../Icon";
+const Loading = ()=>/*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: "mobius/ButtonIconWrapper",
+                children: /*#__PURE__*/ _jsx(Icon, {
+                    icon: loading,
+                    spin: true
+                })
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                className: "mobius/LoadingText",
+                children: "Loading"
+            })
+        ]
+    });
+export { Loading };
+
+//# sourceMappingURL=Loading.js.map

package/dist/esm/src/components/Button/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/Button/Loading.tsx"],"sourcesContent":["import { loading } from \"@simplybusiness/icons\";\nimport { Icon } from \"../Icon\";\n\nconst Loading = () => (\n  <>\n    <div className=\"mobius/ButtonIconWrapper\">\n      <Icon icon={loading} spin />\n    </div>\n    <span className=\"mobius/LoadingText\">Loading</span>\n  </>\n);\n\nexport { Loading };\n"],"names":["loading","Icon","Loading","div","className","icon","spin","span"],"mappings":";AAAA,SAASA,OAAO,QAAQ,wBAAwB;AAChD,SAASC,IAAI,QAAQ,UAAU;AAE/B,MAAMC,UAAU,kBACd;;0BACE,KAACC;gBAAIC,WAAU;0BACb,cAAA,KAACH;oBAAKI,MAAML;oBAASM,IAAI;;;0BAE3B,KAACC;gBAAKH,WAAU;0BAAqB;;;;AAIzC,SAASF,OAAO,GAAG"}

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

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

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

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

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

@@ -0,0 +1,87 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useRef, useState, useId } from "react";
+import classNames from "classnames/dedupe";
+import { ErrorMessage } from "../ErrorMessage";
+import { spaceDelimitedList } from "../../utils/spaceDelimitedList";
+export const Checkbox = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { id, label, isDisabled, isRequired, validationState, onChange, className, errorMessage, defaultSelected = false, isReadOnly, value } = props;
+    const [selected, setSelected] = useState(defaultSelected);
+    const fallbackRef = useRef(null);
+    const refObj = ref || fallbackRef;
+    const inputId = useId();
+    const checkboxClasses = classNames({
+        "--is-disabled": isDisabled,
+        "--is-selected": selected,
+        "--is-valid": validationState === "valid",
+        "--is-invalid": validationState === "invalid",
+        "--is-required": typeof isRequired === "boolean" && isRequired,
+        "--is-optional": typeof isRequired === "boolean" && !isRequired
+    }, className);
+    // Append an additional wrapper class name to differenitate from input
+    const wrapperClasses = classNames("mobius", "mobius/Checkbox", checkboxClasses);
+    const inputClasses = classNames("mobius/CheckboxInput", checkboxClasses);
+    const errorMessageId = useId();
+    const shouldErrorMessageShow = errorMessage ? errorMessageId : undefined;
+    const describedBy = spaceDelimitedList([
+        shouldErrorMessageShow,
+        props["aria-describedby"]
+    ]);
+    const labelId = useId();
+    const toggleState = ()=>{
+        setSelected(!selected);
+    };
+    const handleClick = (event)=>{
+        const isMouseEvent = event.clientX;
+        if (isMouseEvent) {
+            toggleState();
+        }
+    };
+    const handleChange = (event)=>{
+        if (onChange) {
+            onChange(event);
+        }
+    };
+    const handleKeyDown = (event)=>{
+        if (event.code === "Space") {
+            toggleState();
+        }
+    };
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs("label", {
+                id: labelId,
+                className: wrapperClasses,
+                children: [
+                    /*#__PURE__*/ _jsx("input", {
+                        "aria-describedby": describedBy,
+                        "aria-errormessage": shouldErrorMessageShow,
+                        "aria-invalid": validationState === "invalid",
+                        readOnly: isReadOnly,
+                        disabled: isDisabled,
+                        ref: refObj,
+                        className: inputClasses,
+                        onClick: handleClick,
+                        onChange: handleChange,
+                        onKeyDown: handleKeyDown,
+                        type: "checkbox",
+                        defaultChecked: defaultSelected,
+                        required: isRequired,
+                        id: id || inputId,
+                        value: value
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        className: "mobius/CheckboxLabel",
+                        children: label
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(ErrorMessage, {
+                id: errorMessageId,
+                errorMessage: errorMessage
+            })
+        ]
+    });
+});
+
+//# sourceMappingURL=Checkbox.js.map