@simplybusiness/mobius 9.2.0 → 9.3.0

package/dist/cjs/components/Toast/Toast.js

@@ -0,0 +1,203 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Toast/Toast.tsx
+var Toast_exports = {};
+__export(Toast_exports, {
+  toast: () => toast
+});
+module.exports = __toCommonJS(Toast_exports);
+var import_icons = require("@simplybusiness/icons");
+var import_dedupe2 = __toESM(require("classnames/dedupe"));
+var import_sonner = require("sonner");
+
+// src/components/Icon/Icon.tsx
+var import_dedupe = __toESM(require("classnames/dedupe"));
+var import_Icon = require("@simplybusiness/mobius/src/components/Icon/Icon.css");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ICON_PREFIX = "mobius-icon";
+var capitaliseFirstLetter = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+function Icon({
+  ref,
+  icon,
+  className,
+  size = "xs",
+  color,
+  fixedWidth,
+  spin,
+  spinReverse,
+  title,
+  ...otherProps
+}) {
+  if (!icon) {
+    throw new Error("Must specify icon object");
+  }
+  const classes = (0, import_dedupe.default)(
+    "mobius",
+    "mobius-icon",
+    `svg-inline--${ICON_PREFIX}`,
+    `--size-${size}`,
+    className,
+    {
+      [`${ICON_PREFIX}-fw`]: fixedWidth,
+      [`${ICON_PREFIX}-spin`]: spin || spinReverse,
+      [`${ICON_PREFIX}-spin-reverse`]: spinReverse
+    }
+  );
+  const { iconName, width, height, svgPathData } = icon;
+  const formattedIconName = iconName.split("-").join(" ");
+  const defaultTitle = `${capitaliseFirstLetter(formattedIconName)} icon`;
+  const titleText = title || defaultTitle;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      ref,
+      focusable: "false",
+      "data-icon": iconName,
+      className: classes,
+      role: "img",
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: `0 0 ${width} ${height}`,
+      style: { color },
+      ...otherProps,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: titleText }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "currentColor", d: svgPathData })
+      ]
+    }
+  );
+}
+
+// src/components/Toast/state.ts
+var toastState = {
+  showCloseButton: true
+};
+
+// src/components/Toast/Toast.tsx
+var import_Toast = require("@simplybusiness/mobius/src/components/Toast/Toast.css");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var variantIcons = {
+  info: import_icons.circleInfo,
+  success: import_icons.circleCheck,
+  warning: import_icons.triangleExclamation,
+  error: import_icons.circleExclamation
+};
+var variantColors = {
+  info: "var(--color-info)",
+  success: "var(--color-valid)",
+  warning: "var(--color-warning)",
+  error: "var(--color-error)"
+};
+var ToastIcon = ({ variant }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "mobius-toast__icon", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { icon: variantIcons[variant], color: variantColors[variant] }) });
+var CloseIcon = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "mobius-toast__close-icon", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { icon: import_icons.cross }) });
+var ToastContent = ({
+  toastId,
+  variant,
+  title,
+  description,
+  action,
+  cancel,
+  showCloseButton = toastState.showCloseButton
+}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_dedupe2.default)("mobius", "mobius-toast", `--${variant}`), children: [
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ToastIcon, { variant }),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mobius-toast__body", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mobius-toast__content", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mobius-toast__title", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mobius-toast__description", children: description })
+    ] }),
+    (action || cancel) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mobius-toast__actions", children: [
+      cancel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "mobius-toast__cancel",
+          onClick: () => {
+            cancel.onClick?.();
+            import_sonner.toast.dismiss(toastId);
+          },
+          children: cancel.label
+        }
+      ),
+      action && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "mobius-toast__action",
+          onClick: () => {
+            action.onClick();
+            import_sonner.toast.dismiss(toastId);
+          },
+          children: action.label
+        }
+      )
+    ] })
+  ] }),
+  showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "button",
+    {
+      type: "button",
+      className: "mobius-toast__close",
+      onClick: () => import_sonner.toast.dismiss(toastId),
+      "aria-label": "Close",
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, {})
+    }
+  )
+] });
+var createCustomToast = (message, variant, options) => import_sonner.toast.custom(
+  (id) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    ToastContent,
+    {
+      toastId: id,
+      variant,
+      title: options?.title,
+      description: options?.description ?? message,
+      action: options?.action,
+      cancel: options?.cancel,
+      showCloseButton: options?.showCloseButton
+    }
+  ),
+  {
+    duration: options?.duration,
+    onDismiss: options?.onDismiss,
+    onAutoClose: options?.onAutoClose
+  }
+);
+var toast = {
+  /** Show an info toast */
+  info: (message, options) => createCustomToast(message, "info", options),
+  /** Show a success toast */
+  success: (message, options) => createCustomToast(message, "success", options),
+  /** Show a warning toast */
+  warning: (message, options) => createCustomToast(message, "warning", options),
+  /** Show an error toast */
+  error: (message, options) => createCustomToast(message, "error", options),
+  /** Dismiss a specific toast by ID or all toasts */
+  dismiss: (toastId) => import_sonner.toast.dismiss(toastId)
+};
+//# sourceMappingURL=Toast.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Toast/Toast.tsx", "../../../../src/components/Icon/Icon.tsx", "../../../../src/components/Toast/state.ts"],
+  "sourcesContent": ["import {\n  circleCheck,\n  circleExclamation,\n  circleInfo,\n  cross,\n  triangleExclamation,\n} from \"@simplybusiness/icons\";\nimport classNames from \"classnames/dedupe\";\nimport type { ReactNode } from \"react\";\nimport { toast as sonnerToast } from \"sonner\";\nimport { Icon } from \"../Icon\";\nimport { toastState } from \"./state\";\nimport type { ToastOptions, ToastVariant } from \"./types\";\nimport \"./Toast.css\";\n\nconst variantIcons: Record<ToastVariant, typeof circleInfo> = {\n  info: circleInfo,\n  success: circleCheck,\n  warning: triangleExclamation,\n  error: circleExclamation,\n};\n\nconst variantColors: Record<ToastVariant, string> = {\n  info: \"var(--color-info)\",\n  success: \"var(--color-valid)\",\n  warning: \"var(--color-warning)\",\n  error: \"var(--color-error)\",\n};\n\nconst ToastIcon = ({ variant }: { variant: ToastVariant }) => (\n  <span className=\"mobius-toast__icon\">\n    <Icon icon={variantIcons[variant]} color={variantColors[variant]} />\n  </span>\n);\n\nconst CloseIcon = () => (\n  <span className=\"mobius-toast__close-icon\">\n    <Icon icon={cross} />\n  </span>\n);\n\ntype ToastContentProps = {\n  toastId: string | number;\n  variant: ToastVariant;\n  title?: string;\n  description?: ReactNode;\n  action?: ToastOptions[\"action\"];\n  cancel?: ToastOptions[\"cancel\"];\n  showCloseButton?: boolean;\n};\n\nconst ToastContent = ({\n  toastId,\n  variant,\n  title,\n  description,\n  action,\n  cancel,\n  showCloseButton = toastState.showCloseButton,\n}: ToastContentProps) => (\n  <div className={classNames(\"mobius\", \"mobius-toast\", `--${variant}`)}>\n    <ToastIcon variant={variant} />\n    <div className=\"mobius-toast__body\">\n      <div className=\"mobius-toast__content\">\n        {title && <div className=\"mobius-toast__title\">{title}</div>}\n        {description && (\n          <div className=\"mobius-toast__description\">{description}</div>\n        )}\n      </div>\n      {(action || cancel) && (\n        <div className=\"mobius-toast__actions\">\n          {cancel && (\n            <button\n              type=\"button\"\n              className=\"mobius-toast__cancel\"\n              onClick={() => {\n                cancel.onClick?.();\n                sonnerToast.dismiss(toastId);\n              }}\n            >\n              {cancel.label}\n            </button>\n          )}\n          {action && (\n            <button\n              type=\"button\"\n              className=\"mobius-toast__action\"\n              onClick={() => {\n                action.onClick();\n                sonnerToast.dismiss(toastId);\n              }}\n            >\n              {action.label}\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n    {showCloseButton && (\n      <button\n        type=\"button\"\n        className=\"mobius-toast__close\"\n        onClick={() => sonnerToast.dismiss(toastId)}\n        aria-label=\"Close\"\n      >\n        <CloseIcon />\n      </button>\n    )}\n  </div>\n);\n\nconst createCustomToast = (\n  message: string,\n  variant: ToastVariant,\n  options?: ToastOptions,\n) =>\n  sonnerToast.custom(\n    id => (\n      <ToastContent\n        toastId={id}\n        variant={variant}\n        title={options?.title}\n        description={options?.description ?? message}\n        action={options?.action}\n        cancel={options?.cancel}\n        showCloseButton={options?.showCloseButton}\n      />\n    ),\n    {\n      duration: options?.duration,\n      onDismiss: options?.onDismiss,\n      onAutoClose: options?.onAutoClose,\n    },\n  );\n\nexport const toast = {\n  /** Show an info toast */\n  info: (message: string, options?: ToastOptions) =>\n    createCustomToast(message, \"info\", options),\n\n  /** Show a success toast */\n  success: (message: string, options?: ToastOptions) =>\n    createCustomToast(message, \"success\", options),\n\n  /** Show a warning toast */\n  warning: (message: string, options?: ToastOptions) =>\n    createCustomToast(message, \"warning\", options),\n\n  /** Show an error toast */\n  error: (message: string, options?: ToastOptions) =>\n    createCustomToast(message, \"error\", options),\n\n  /** Dismiss a specific toast by ID or all toasts */\n  dismiss: (toastId?: string | number) => sonnerToast.dismiss(toastId),\n};\n", "import classNames from \"classnames/dedupe\";\nimport type { IconProps } from \"./types\";\nimport \"./Icon.css\";\n\nconst ICON_PREFIX = \"mobius-icon\";\n\nconst capitaliseFirstLetter = (str: string) =>\n  str.charAt(0).toUpperCase() + str.slice(1);\n\nexport function Icon({\n  ref,\n  icon,\n  className,\n  size = \"xs\",\n  color,\n  fixedWidth,\n  spin,\n  spinReverse,\n  title,\n  ...otherProps\n}: IconProps) {\n  if (!icon) {\n    throw new Error(\"Must specify icon object\");\n  }\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-icon\",\n    `svg-inline--${ICON_PREFIX}`,\n    `--size-${size}`,\n    className,\n    {\n      [`${ICON_PREFIX}-fw`]: fixedWidth,\n      [`${ICON_PREFIX}-spin`]: spin || spinReverse,\n      [`${ICON_PREFIX}-spin-reverse`]: spinReverse,\n    },\n  );\n\n  const { iconName, width, height, svgPathData } = icon;\n  const formattedIconName = iconName.split(\"-\").join(\" \");\n\n  const defaultTitle = `${capitaliseFirstLetter(formattedIconName)} icon`;\n  const titleText = title || defaultTitle;\n\n  return (\n    <svg\n      ref={ref}\n      focusable=\"false\"\n      data-icon={iconName}\n      className={classes}\n      role=\"img\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={`0 0 ${width} ${height}`}\n      style={{ color }}\n      {...otherProps}\n    >\n      <title>{titleText}</title>\n      <path fill=\"currentColor\" d={svgPathData} />\n    </svg>\n  );\n}\n", "// Shared state between Toaster and toast functions\n// Toaster sets this value, toast functions read it\n\nexport const toastState = {\n  showCloseButton: true,\n};\n"],
+  "mappings": "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",
+  "names": ["import_dedupe", "classNames", "import_jsx_runtime", "classNames", "sonnerToast"]
+}

package/dist/cjs/components/Toast/ToastOptionsDoc.js

@@ -0,0 +1,28 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Toast/ToastOptionsDoc.tsx
+var ToastOptionsDoc_exports = {};
+__export(ToastOptionsDoc_exports, {
+  ToastOptionsDoc: () => ToastOptionsDoc
+});
+module.exports = __toCommonJS(ToastOptionsDoc_exports);
+var ToastOptionsDoc = (_props) => null;
+ToastOptionsDoc.displayName = "ToastOptionsDoc";
+//# sourceMappingURL=ToastOptionsDoc.js.map

package/dist/cjs/components/Toast/ToastOptionsDoc.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Toast/ToastOptionsDoc.tsx"],
+  "sourcesContent": ["import type { ToastOptions } from \"./types\";\n\n/**\n * Documentation-only component for ToastOptions.\n * Exists solely to provide ArgTypes for the toast() function options.\n */\nexport const ToastOptionsDoc = (_props: ToastOptions) => null;\nToastOptionsDoc.displayName = \"ToastOptionsDoc\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMO,IAAM,kBAAkB,CAAC,WAAyB;AACzD,gBAAgB,cAAc;",
+  "names": []
+}

package/dist/cjs/components/Toast/Toaster.js

@@ -0,0 +1,60 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Toast/Toaster.tsx
+var Toaster_exports = {};
+__export(Toaster_exports, {
+  Toaster: () => Toaster
+});
+module.exports = __toCommonJS(Toaster_exports);
+var import_react = require("react");
+var import_sonner = require("sonner");
+
+// src/components/Toast/state.ts
+var toastState = {
+  showCloseButton: true
+};
+
+// src/components/Toast/Toaster.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Toaster = ({
+  position = "top-right",
+  closeButton = true,
+  expand = false,
+  duration = 4e3,
+  visibleToasts = 3,
+  gap = 8
+}) => {
+  (0, import_react.useEffect)(() => {
+    toastState.showCloseButton = closeButton;
+  }, [closeButton]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_sonner.Toaster,
+    {
+      position,
+      closeButton: false,
+      expand,
+      duration,
+      visibleToasts,
+      gap
+    }
+  );
+};
+Toaster.displayName = "Toaster";
+//# sourceMappingURL=Toaster.js.map

package/dist/cjs/components/Toast/Toaster.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Toast/Toaster.tsx", "../../../../src/components/Toast/state.ts"],
+  "sourcesContent": ["import { useEffect } from \"react\";\nimport { Toaster as SonnerToaster } from \"sonner\";\nimport { toastState } from \"./state\";\nimport type { ToastPosition } from \"./types\";\n\nexport interface ToasterProps {\n  /** Position of the toast container */\n  position?: ToastPosition;\n  /** Whether to show the close (X) button on toasts */\n  closeButton?: boolean;\n  /** Whether toasts expand on hover */\n  expand?: boolean;\n  /** Duration in milliseconds before auto-dismiss (default: 4000) */\n  duration?: number;\n  /** Maximum number of visible toasts */\n  visibleToasts?: number;\n  /** Gap between toasts in pixels */\n  gap?: number;\n}\n\nexport const Toaster = ({\n  position = \"top-right\",\n  closeButton = true,\n  expand = false,\n  duration = 4000,\n  visibleToasts = 3,\n  gap = 8,\n}: ToasterProps) => {\n  // Sync shared state with Toaster's closeButton prop\n  useEffect(() => {\n    toastState.showCloseButton = closeButton;\n  }, [closeButton]);\n\n  return (\n    <SonnerToaster\n      position={position}\n      closeButton={false}\n      expand={expand}\n      duration={duration}\n      visibleToasts={visibleToasts}\n      gap={gap}\n    />\n  );\n};\n\nToaster.displayName = \"Toaster\";\n", "// Shared state between Toaster and toast functions\n// Toaster sets this value, toast functions read it\n\nexport const toastState = {\n  showCloseButton: true,\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAC1B,oBAAyC;;;ACElC,IAAM,aAAa;AAAA,EACxB,iBAAiB;AACnB;;;AD6BI;AAdG,IAAM,UAAU,CAAC;AAAA,EACtB,WAAW;AAAA,EACX,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,MAAM;AACR,MAAoB;AAElB,8BAAU,MAAM;AACd,eAAW,kBAAkB;AAAA,EAC/B,GAAG,CAAC,WAAW,CAAC;AAEhB,SACE;AAAA,IAAC,cAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,QAAQ,cAAc;",
+  "names": ["SonnerToaster"]
+}

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

@@ -0,0 +1,235 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Toast/index.tsx
+var Toast_exports = {};
+__export(Toast_exports, {
+  Toaster: () => Toaster,
+  toast: () => toast
+});
+module.exports = __toCommonJS(Toast_exports);
+
+// src/components/Toast/Toast.tsx
+var import_icons = require("@simplybusiness/icons");
+var import_dedupe2 = __toESM(require("classnames/dedupe"));
+var import_sonner = require("sonner");
+
+// src/components/Icon/Icon.tsx
+var import_dedupe = __toESM(require("classnames/dedupe"));
+var import_Icon = require("@simplybusiness/mobius/src/components/Icon/Icon.css");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ICON_PREFIX = "mobius-icon";
+var capitaliseFirstLetter = (str) => str.charAt(0).toUpperCase() + str.slice(1);
+function Icon({
+  ref,
+  icon,
+  className,
+  size = "xs",
+  color,
+  fixedWidth,
+  spin,
+  spinReverse,
+  title,
+  ...otherProps
+}) {
+  if (!icon) {
+    throw new Error("Must specify icon object");
+  }
+  const classes = (0, import_dedupe.default)(
+    "mobius",
+    "mobius-icon",
+    `svg-inline--${ICON_PREFIX}`,
+    `--size-${size}`,
+    className,
+    {
+      [`${ICON_PREFIX}-fw`]: fixedWidth,
+      [`${ICON_PREFIX}-spin`]: spin || spinReverse,
+      [`${ICON_PREFIX}-spin-reverse`]: spinReverse
+    }
+  );
+  const { iconName, width, height, svgPathData } = icon;
+  const formattedIconName = iconName.split("-").join(" ");
+  const defaultTitle = `${capitaliseFirstLetter(formattedIconName)} icon`;
+  const titleText = title || defaultTitle;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    {
+      ref,
+      focusable: "false",
+      "data-icon": iconName,
+      className: classes,
+      role: "img",
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: `0 0 ${width} ${height}`,
+      style: { color },
+      ...otherProps,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: titleText }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "currentColor", d: svgPathData })
+      ]
+    }
+  );
+}
+
+// src/components/Toast/state.ts
+var toastState = {
+  showCloseButton: true
+};
+
+// src/components/Toast/Toast.tsx
+var import_Toast = require("@simplybusiness/mobius/src/components/Toast/Toast.css");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var variantIcons = {
+  info: import_icons.circleInfo,
+  success: import_icons.circleCheck,
+  warning: import_icons.triangleExclamation,
+  error: import_icons.circleExclamation
+};
+var variantColors = {
+  info: "var(--color-info)",
+  success: "var(--color-valid)",
+  warning: "var(--color-warning)",
+  error: "var(--color-error)"
+};
+var ToastIcon = ({ variant }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "mobius-toast__icon", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { icon: variantIcons[variant], color: variantColors[variant] }) });
+var CloseIcon = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "mobius-toast__close-icon", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { icon: import_icons.cross }) });
+var ToastContent = ({
+  toastId,
+  variant,
+  title,
+  description,
+  action,
+  cancel,
+  showCloseButton = toastState.showCloseButton
+}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: (0, import_dedupe2.default)("mobius", "mobius-toast", `--${variant}`), children: [
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ToastIcon, { variant }),
+  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mobius-toast__body", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mobius-toast__content", children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mobius-toast__title", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mobius-toast__description", children: description })
+    ] }),
+    (action || cancel) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "mobius-toast__actions", children: [
+      cancel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "mobius-toast__cancel",
+          onClick: () => {
+            cancel.onClick?.();
+            import_sonner.toast.dismiss(toastId);
+          },
+          children: cancel.label
+        }
+      ),
+      action && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "mobius-toast__action",
+          onClick: () => {
+            action.onClick();
+            import_sonner.toast.dismiss(toastId);
+          },
+          children: action.label
+        }
+      )
+    ] })
+  ] }),
+  showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "button",
+    {
+      type: "button",
+      className: "mobius-toast__close",
+      onClick: () => import_sonner.toast.dismiss(toastId),
+      "aria-label": "Close",
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, {})
+    }
+  )
+] });
+var createCustomToast = (message, variant, options) => import_sonner.toast.custom(
+  (id) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    ToastContent,
+    {
+      toastId: id,
+      variant,
+      title: options?.title,
+      description: options?.description ?? message,
+      action: options?.action,
+      cancel: options?.cancel,
+      showCloseButton: options?.showCloseButton
+    }
+  ),
+  {
+    duration: options?.duration,
+    onDismiss: options?.onDismiss,
+    onAutoClose: options?.onAutoClose
+  }
+);
+var toast = {
+  /** Show an info toast */
+  info: (message, options) => createCustomToast(message, "info", options),
+  /** Show a success toast */
+  success: (message, options) => createCustomToast(message, "success", options),
+  /** Show a warning toast */
+  warning: (message, options) => createCustomToast(message, "warning", options),
+  /** Show an error toast */
+  error: (message, options) => createCustomToast(message, "error", options),
+  /** Dismiss a specific toast by ID or all toasts */
+  dismiss: (toastId) => import_sonner.toast.dismiss(toastId)
+};
+
+// src/components/Toast/Toaster.tsx
+var import_react = require("react");
+var import_sonner2 = require("sonner");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Toaster = ({
+  position = "top-right",
+  closeButton = true,
+  expand = false,
+  duration = 4e3,
+  visibleToasts = 3,
+  gap = 8
+}) => {
+  (0, import_react.useEffect)(() => {
+    toastState.showCloseButton = closeButton;
+  }, [closeButton]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_sonner2.Toaster,
+    {
+      position,
+      closeButton: false,
+      expand,
+      duration,
+      visibleToasts,
+      gap
+    }
+  );
+};
+Toaster.displayName = "Toaster";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Toast/index.tsx", "../../../../src/components/Toast/Toast.tsx", "../../../../src/components/Icon/Icon.tsx", "../../../../src/components/Toast/state.ts", "../../../../src/components/Toast/Toaster.tsx"],
+  "sourcesContent": ["export { toast } from \"./Toast\";\nexport { Toaster } from \"./Toaster\";\nexport type { ToasterProps } from \"./Toaster\";\nexport type { ToastOptions, ToastVariant, ToastPosition } from \"./types\";\n", "import {\n  circleCheck,\n  circleExclamation,\n  circleInfo,\n  cross,\n  triangleExclamation,\n} from \"@simplybusiness/icons\";\nimport classNames from \"classnames/dedupe\";\nimport type { ReactNode } from \"react\";\nimport { toast as sonnerToast } from \"sonner\";\nimport { Icon } from \"../Icon\";\nimport { toastState } from \"./state\";\nimport type { ToastOptions, ToastVariant } from \"./types\";\nimport \"./Toast.css\";\n\nconst variantIcons: Record<ToastVariant, typeof circleInfo> = {\n  info: circleInfo,\n  success: circleCheck,\n  warning: triangleExclamation,\n  error: circleExclamation,\n};\n\nconst variantColors: Record<ToastVariant, string> = {\n  info: \"var(--color-info)\",\n  success: \"var(--color-valid)\",\n  warning: \"var(--color-warning)\",\n  error: \"var(--color-error)\",\n};\n\nconst ToastIcon = ({ variant }: { variant: ToastVariant }) => (\n  <span className=\"mobius-toast__icon\">\n    <Icon icon={variantIcons[variant]} color={variantColors[variant]} />\n  </span>\n);\n\nconst CloseIcon = () => (\n  <span className=\"mobius-toast__close-icon\">\n    <Icon icon={cross} />\n  </span>\n);\n\ntype ToastContentProps = {\n  toastId: string | number;\n  variant: ToastVariant;\n  title?: string;\n  description?: ReactNode;\n  action?: ToastOptions[\"action\"];\n  cancel?: ToastOptions[\"cancel\"];\n  showCloseButton?: boolean;\n};\n\nconst ToastContent = ({\n  toastId,\n  variant,\n  title,\n  description,\n  action,\n  cancel,\n  showCloseButton = toastState.showCloseButton,\n}: ToastContentProps) => (\n  <div className={classNames(\"mobius\", \"mobius-toast\", `--${variant}`)}>\n    <ToastIcon variant={variant} />\n    <div className=\"mobius-toast__body\">\n      <div className=\"mobius-toast__content\">\n        {title && <div className=\"mobius-toast__title\">{title}</div>}\n        {description && (\n          <div className=\"mobius-toast__description\">{description}</div>\n        )}\n      </div>\n      {(action || cancel) && (\n        <div className=\"mobius-toast__actions\">\n          {cancel && (\n            <button\n              type=\"button\"\n              className=\"mobius-toast__cancel\"\n              onClick={() => {\n                cancel.onClick?.();\n                sonnerToast.dismiss(toastId);\n              }}\n            >\n              {cancel.label}\n            </button>\n          )}\n          {action && (\n            <button\n              type=\"button\"\n              className=\"mobius-toast__action\"\n              onClick={() => {\n                action.onClick();\n                sonnerToast.dismiss(toastId);\n              }}\n            >\n              {action.label}\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n    {showCloseButton && (\n      <button\n        type=\"button\"\n        className=\"mobius-toast__close\"\n        onClick={() => sonnerToast.dismiss(toastId)}\n        aria-label=\"Close\"\n      >\n        <CloseIcon />\n      </button>\n    )}\n  </div>\n);\n\nconst createCustomToast = (\n  message: string,\n  variant: ToastVariant,\n  options?: ToastOptions,\n) =>\n  sonnerToast.custom(\n    id => (\n      <ToastContent\n        toastId={id}\n        variant={variant}\n        title={options?.title}\n        description={options?.description ?? message}\n        action={options?.action}\n        cancel={options?.cancel}\n        showCloseButton={options?.showCloseButton}\n      />\n    ),\n    {\n      duration: options?.duration,\n      onDismiss: options?.onDismiss,\n      onAutoClose: options?.onAutoClose,\n    },\n  );\n\nexport const toast = {\n  /** Show an info toast */\n  info: (message: string, options?: ToastOptions) =>\n    createCustomToast(message, \"info\", options),\n\n  /** Show a success toast */\n  success: (message: string, options?: ToastOptions) =>\n    createCustomToast(message, \"success\", options),\n\n  /** Show a warning toast */\n  warning: (message: string, options?: ToastOptions) =>\n    createCustomToast(message, \"warning\", options),\n\n  /** Show an error toast */\n  error: (message: string, options?: ToastOptions) =>\n    createCustomToast(message, \"error\", options),\n\n  /** Dismiss a specific toast by ID or all toasts */\n  dismiss: (toastId?: string | number) => sonnerToast.dismiss(toastId),\n};\n", "import classNames from \"classnames/dedupe\";\nimport type { IconProps } from \"./types\";\nimport \"./Icon.css\";\n\nconst ICON_PREFIX = \"mobius-icon\";\n\nconst capitaliseFirstLetter = (str: string) =>\n  str.charAt(0).toUpperCase() + str.slice(1);\n\nexport function Icon({\n  ref,\n  icon,\n  className,\n  size = \"xs\",\n  color,\n  fixedWidth,\n  spin,\n  spinReverse,\n  title,\n  ...otherProps\n}: IconProps) {\n  if (!icon) {\n    throw new Error(\"Must specify icon object\");\n  }\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-icon\",\n    `svg-inline--${ICON_PREFIX}`,\n    `--size-${size}`,\n    className,\n    {\n      [`${ICON_PREFIX}-fw`]: fixedWidth,\n      [`${ICON_PREFIX}-spin`]: spin || spinReverse,\n      [`${ICON_PREFIX}-spin-reverse`]: spinReverse,\n    },\n  );\n\n  const { iconName, width, height, svgPathData } = icon;\n  const formattedIconName = iconName.split(\"-\").join(\" \");\n\n  const defaultTitle = `${capitaliseFirstLetter(formattedIconName)} icon`;\n  const titleText = title || defaultTitle;\n\n  return (\n    <svg\n      ref={ref}\n      focusable=\"false\"\n      data-icon={iconName}\n      className={classes}\n      role=\"img\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={`0 0 ${width} ${height}`}\n      style={{ color }}\n      {...otherProps}\n    >\n      <title>{titleText}</title>\n      <path fill=\"currentColor\" d={svgPathData} />\n    </svg>\n  );\n}\n", "// Shared state between Toaster and toast functions\n// Toaster sets this value, toast functions read it\n\nexport const toastState = {\n  showCloseButton: true,\n};\n", "import { useEffect } from \"react\";\nimport { Toaster as SonnerToaster } from \"sonner\";\nimport { toastState } from \"./state\";\nimport type { ToastPosition } from \"./types\";\n\nexport interface ToasterProps {\n  /** Position of the toast container */\n  position?: ToastPosition;\n  /** Whether to show the close (X) button on toasts */\n  closeButton?: boolean;\n  /** Whether toasts expand on hover */\n  expand?: boolean;\n  /** Duration in milliseconds before auto-dismiss (default: 4000) */\n  duration?: number;\n  /** Maximum number of visible toasts */\n  visibleToasts?: number;\n  /** Gap between toasts in pixels */\n  gap?: number;\n}\n\nexport const Toaster = ({\n  position = \"top-right\",\n  closeButton = true,\n  expand = false,\n  duration = 4000,\n  visibleToasts = 3,\n  gap = 8,\n}: ToasterProps) => {\n  // Sync shared state with Toaster's closeButton prop\n  useEffect(() => {\n    toastState.showCloseButton = closeButton;\n  }, [closeButton]);\n\n  return (\n    <SonnerToaster\n      position={position}\n      closeButton={false}\n      expand={expand}\n      duration={duration}\n      visibleToasts={visibleToasts}\n      gap={gap}\n    />\n  );\n};\n\nToaster.displayName = \"Toaster\";\n"],
+  "mappings": "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",
+  "names": ["import_dedupe", "classNames", "import_jsx_runtime", "classNames", "sonnerToast", "import_sonner", "import_jsx_runtime", "SonnerToaster"]
+}

package/dist/cjs/components/Toast/state.js

@@ -0,0 +1,29 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Toast/state.ts
+var state_exports = {};
+__export(state_exports, {
+  toastState: () => toastState
+});
+module.exports = __toCommonJS(state_exports);
+var toastState = {
+  showCloseButton: true
+};
+//# sourceMappingURL=state.js.map

package/dist/cjs/components/Toast/state.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Toast/state.ts"],
+  "sourcesContent": ["// Shared state between Toaster and toast functions\n// Toaster sets this value, toast functions read it\n\nexport const toastState = {\n  showCloseButton: true,\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,IAAM,aAAa;AAAA,EACxB,iBAAiB;AACnB;",
+  "names": []
+}