@assembly-js/design-system 2.4.0

package/dist/umd/components/Status/Status.js

@@ -0,0 +1,83 @@
+// This file is generated by a script. Do not edit this file directly.
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react", "cva", "../Icon", "../Typography"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"), require("cva"), require("../Icon"), require("../Typography"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react, global.cva, global.Icon, global.Typography);
+    global.Status = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react, _cva, _Icon, _Typography) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.Status = void 0;
+  _react = _interopRequireDefault(_react);
+  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+  var mapIconToStatus = function mapIconToStatus(status) {
+    switch (status) {
+      case 'info':
+        return 'InfoSolid';
+      case 'success':
+        return 'SuccessSolid';
+      case 'warning':
+        return 'WarningSolid';
+      case 'error':
+        return 'FailedSolid';
+      case 'neutral':
+        return 'ToDo';
+      case 'highlight':
+        return 'New';
+      default:
+        return 'ToDo';
+    }
+  };
+  var statusClassNames = (0, _cva.cva)({
+    base: 'cop-rounded-full cop-px-3 cop-w-fit cop-py-0.5',
+    variants: {
+      status: {
+        info: 'cop-text-info cop-bg-info',
+        success: 'cop-text-success cop-bg-success',
+        warning: 'cop-text-warning cop-bg-warning',
+        error: 'cop-text-error cop-bg-error',
+        neutral: 'cop-text-primary cop-bg-secondary',
+        highlight: 'cop-text-highlight cop-bg-highlight'
+      },
+      showIcon: {
+        "true": 'cop-flex cop-gap-1.5 cop-items-center',
+        "false": ''
+      }
+    },
+    defaultVariants: {
+      showIcon: false,
+      status: 'neutral'
+    }
+  });
+  var Status = _exports.Status = function Status(_ref) {
+    var label = _ref.label,
+      _ref$status = _ref.status,
+      status = _ref$status === void 0 ? 'neutral' : _ref$status,
+      _ref$showIcon = _ref.showIcon,
+      showIcon = _ref$showIcon === void 0 ? false : _ref$showIcon,
+      className = _ref.className,
+      icon = _ref.icon;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: statusClassNames({
+        status: status,
+        showIcon: showIcon,
+        className: className
+      })
+    }, showIcon ? /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
+      icon: icon !== null && icon !== void 0 ? icon : mapIconToStatus(status),
+      className: "cop-h-2.5 cop-w-2.5"
+    }) : null, /*#__PURE__*/_react["default"].createElement(_Typography.Heading, {
+      size: "sm"
+    }, label));
+  };
+});

package/dist/umd/components/Tag/Tag.js

@@ -0,0 +1,85 @@
+// This file is generated by a script. Do not edit this file directly.
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react", "../Typography/Base", "../Icon", "./TagImage"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"), require("../Typography/Base"), require("../Icon"), require("./TagImage"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react, global.Base, global.Icon, global.TagImage);
+    global.Tag = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react, _Base, _Icon, _TagImage) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.Tag = void 0;
+  _react = _interopRequireDefault(_react);
+  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+  var ColorVariantToBgColors = {
+    "default": 'cop-bg-gray-200',
+    info: 'cop-bg-[#e8f1ff]',
+    success: 'cop-bg-[#e3ffef]',
+    warning: 'cop-bg-[#fff8dd]',
+    danger: 'cop-bg-danger'
+  };
+  var ColorVariantToBorderColors = {
+    "default": 'cop-border-gray-300',
+    info: 'cop-border-blue-300',
+    success: 'cop-border-green-300',
+    warning: 'cop-border-yellow-300',
+    danger: 'cop-border-red-300'
+  };
+  var ColorVariantToTextColors = {
+    "default": 'cop-primary',
+    info: 'cop-text-[#0000ff]',
+    success: 'cop-text-[#09aa6c]',
+    warning: 'cop-text-[#ff7800]',
+    danger: 'cop-text-danger'
+  };
+  var RemoveTag = function RemoveTag(_ref) {
+    var onRemove = _ref.onRemove,
+      onFocus = _ref.onFocus;
+    return /*#__PURE__*/_react["default"].createElement("button", {
+      className: "cop-rounded-full cop-border-none cop-bg-transparent cop-p-[2px] cop-text-current cop-shadow-none hover:cop-cursor-pointer hover:cop-bg-white",
+      onClick: onRemove,
+      onFocus: onFocus
+    }, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
+      icon: "Close",
+      className: "cop-h-2 cop-w-2 cop-text-xs"
+    }));
+  };
+  var Tag = _exports.Tag = function Tag(_ref2) {
+    var text = _ref2.text,
+      color = _ref2.color,
+      onRemove = _ref2.onRemove,
+      onFocus = _ref2.onFocus,
+      prefix = _ref2.prefix,
+      className = _ref2.className;
+    var bgColorClass = ColorVariantToBgColors[color !== null && color !== void 0 ? color : 'default'];
+    var borderColorClass = ColorVariantToBorderColors[color !== null && color !== void 0 ? color : 'default'];
+    var textColorClass = ColorVariantToTextColors[color !== null && color !== void 0 ? color : 'default'];
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: ['cop-flex cop-h-[25px] cop-w-fit cop-items-center cop-justify-between cop-gap-[2px] cop-rounded-[35px] cop-border cop-border-solid cop-px-[10px]', bgColorClass, borderColorClass, textColorClass, className !== null && className !== void 0 ? className : ''].join(' ')
+    }, prefix && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, prefix === 'Plus' || prefix === 'ChevronDown' ? /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
+      icon: prefix,
+      className: "cop-h-2 cop-w-2"
+    }) : /*#__PURE__*/_react["default"].createElement(_TagImage.TagImage, {
+      src: prefix,
+      className: "cop-h-4 cop-w-4"
+    })), /*#__PURE__*/_react["default"].createElement(_Base.Base, {
+      size: "sm",
+      variant: "body",
+      tag: "p",
+      leading: "075",
+      weight: "medium"
+    }, text), onRemove && /*#__PURE__*/_react["default"].createElement(RemoveTag, {
+      onRemove: onRemove,
+      onFocus: onFocus
+    }));
+  };
+});

package/dist/umd/components/Tag/TagImage.js

@@ -0,0 +1,34 @@
+// This file is generated by a script. Do not edit this file directly.
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react", "../../common/utils"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"), require("../../common/utils"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react, global.utils);
+    global.TagImage = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react, _utils) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.TagImage = void 0;
+  _react = _interopRequireDefault(_react);
+  var _excluded = ["className"];
+  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+  var TagImage = _exports.TagImage = function TagImage(_ref) {
+    var className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+    return /*#__PURE__*/_react["default"].createElement("img", _extends({
+      className: (0, _utils.cn)('cop-size-[20px] cop-rounded-full', className)
+    }, props));
+  };
+});

package/dist/umd/components/TextLink/TextLink.js

@@ -0,0 +1,75 @@
+// This file is generated by a script. Do not edit this file directly.
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react", "cva"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"), require("cva"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react, global.cva);
+    global.TextLink = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react, _cva) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.TextLink = TextLink;
+  _react = _interopRequireDefault(_react);
+  var _excluded = ["children", "variant", "className", "disabled", "href"];
+  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+  var textLinkClasses = (0, _cva.cva)({
+    base: 'cop-flex cop-items-center cop-gap-1.5 outline-none cop-outline-solid cop-outline-link cop-outline-offset-[3px] cop-w-fit cop-underline-offset-[3px] cursor-pointer',
+    variants: {
+      variant: {
+        "default": 'cop-text-link cop-no-underline hover:cop-text-link-hover active:cop-text-link-active',
+        secondary: 'cop-text-primary cop-underline',
+        minimal: 'cop-text-secondary cop-no-underline cop-underline hover:cop-underline active:cop-underline'
+      },
+      disabled: {
+        "true": 'cop-pointer-events-none'
+      }
+    },
+    compoundVariants: [{
+      variant: 'default',
+      disabled: true,
+      className: 'cop-text-link-disabled'
+    }, {
+      variant: 'secondary',
+      disabled: true,
+      className: 'cop-opacity-[0.45]'
+    }, {
+      variant: 'minimal',
+      disabled: true,
+      className: 'cop-opacity-[0.45]'
+    }]
+  });
+  function TextLink(_ref) {
+    var children = _ref.children,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+      className = _ref.className,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      href = _ref.href,
+      props = _objectWithoutProperties(_ref, _excluded);
+    return /*#__PURE__*/_react["default"].createElement("a", _extends({}, props, disabled ? {
+      'aria-disabled': 'true'
+    } : {
+      href: href
+    }, {
+      className: textLinkClasses({
+        variant: variant,
+        className: className,
+        disabled: disabled
+      }),
+      "data-cop-text-link": true // Used to exclude this component from certain styles in the webapp
+    }), children);
+  }
+});

package/dist/umd/components/Toast/Toast.js

@@ -0,0 +1,106 @@
+// This file is generated by a script. Do not edit this file directly.
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react", "@radix-ui/react-toast", "cva", "../../common/utils", "../../icons"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"), require("@radix-ui/react-toast"), require("cva"), require("../../common/utils"), require("../../icons"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react, global.reactToast, global.cva, global.utils, global.icons);
+    global.Toast = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, React, ToastPrimitives, _cva, _utils, _icons) {
+  "use strict";
+  'use client';
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.ToastViewport = _exports.ToastProvider = _exports.ToastIcon = _exports.ToastClose = _exports.Toast = void 0;
+  React = _interopRequireWildcard(React);
+  ToastPrimitives = _interopRequireWildcard(ToastPrimitives);
+  var _excluded = ["className"],
+    _excluded2 = ["className", "variant"],
+    _excluded3 = ["variant"];
+  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+  var ToastProvider = _exports.ToastProvider = ToastPrimitives.Provider;
+  var ToastViewport = _exports.ToastViewport = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+    var className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+    return /*#__PURE__*/React.createElement(ToastPrimitives.Viewport, _extends({
+      ref: ref,
+      className: (0, _utils.cn)('cop-fixed cop-bottom-0 cop-right-20 cop-z-[100]  sm:cop-w-[220px] md:cop-w-[404px]', className)
+    }, props));
+  });
+  ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+  var variantsClassnames = {
+    "default": 'cop-border-[#EFF1F4]',
+    success: 'cop-border-l-[#09AA6C]',
+    info: 'cop-border-l-[#FFA500]',
+    progress: 'cop-border-l-[#212B36]',
+    error: 'cop-border-l-[#CC0000]'
+  };
+  var toastVariants = (0, _cva.cva)({
+    base: 'cop-group cop-border cop-border-solid cop-border-[#EFF1F4] cop-border-l-4 cop-pointer-events-auto cop-relative cop-flex cop-w-full cop-items-center cop-justify-between cop-space-x-2 cop-overflow-hidden cop-rounded-md cop-p-4 cop-shadow-lg transition-all data-[swipe=cancel]:cop-translate-x-0 data-[swipe=end]:cop-translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:cop-translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:cop-transition-none data-[state=open]:cop-animate-in data-[state=closed]:cop-animate-out data-[swipe=end]:cop-animate-out data-[state=closed]:cop-slide-out-to-right-full data-[state=open]:cop-slide-in-from-right-full',
+    variants: {
+      variant: variantsClassnames
+    },
+    defaultVariants: {
+      variant: 'default'
+    }
+  });
+  var Toast = _exports.Toast = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+    var className = _ref2.className,
+      variant = _ref2.variant,
+      props = _objectWithoutProperties(_ref2, _excluded2);
+    return /*#__PURE__*/React.createElement(ToastPrimitives.Root, _extends({
+      ref: ref,
+      className: (0, _utils.cn)(toastVariants({
+        variant: variant
+      }), className)
+    }, props));
+  });
+  Toast.displayName = ToastPrimitives.Root.displayName;
+  var ToastClose = _exports.ToastClose = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(ToastPrimitives.Close, _extends({
+      className: "cop-border-none cop-bg-inherit cop-outline-0",
+      ref: ref,
+      "toast-close": ""
+    }, props), /*#__PURE__*/React.createElement(_icons.Close, {
+      className: "cop-h-4 cop-w-4 cop-text-secondary"
+    }));
+  });
+  ToastClose.displayName = ToastPrimitives.Close.displayName;
+  var ToastIcon = _exports.ToastIcon = function ToastIcon(_ref3) {
+    var variant = _ref3.variant,
+      props = _objectWithoutProperties(_ref3, _excluded3);
+    var Icon = {
+      success: _icons.Check,
+      error: _icons.Close,
+      info: _icons.Info,
+      progress: _icons.Upload,
+      "default": function _default() {
+        return null;
+      }
+    }[variant];
+    var bgColor = {
+      success: 'cop-bg-[#09AA6C]',
+      error: 'cop-bg-[#CC0000]',
+      info: 'cop-bg-[#FFA500]',
+      progress: 'cop-bg-[#212B36]',
+      "default": 'cop-bg-[#EFF1F4]'
+    }[variant];
+    return /*#__PURE__*/React.createElement("div", {
+      className: ['cop-flex cop-min-h-7 cop-min-w-7 cop-items-center cop-justify-center cop-rounded-full cop-text-white', bgColor].join(' ')
+    }, /*#__PURE__*/React.createElement(Icon, _extends({}, props, {
+      className: "cop-h-4 cop-w-4"
+    })));
+  };
+});

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

@@ -0,0 +1,61 @@
+// This file is generated by a script. Do not edit this file directly.
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react", "../Typography", "../Typography/Body", "./Toast", "./useToast"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"), require("../Typography"), require("../Typography/Body"), require("./Toast"), require("./useToast"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react, global.Typography, global.Body, global.Toast, global.useToast);
+    global.Toaster = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _react, _Typography, _Body, _Toast, _useToast2) {
+  "use strict";
+  'use client';
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.Toaster = Toaster;
+  _react = _interopRequireDefault(_react);
+  var _excluded = ["id", "title", "description", "action", "actionHref"];
+  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+  function Toaster() {
+    var _useToast = (0, _useToast2.useToast)(),
+      toasts = _useToast.toasts;
+    return /*#__PURE__*/_react["default"].createElement(_Toast.ToastProvider, null, toasts.map(function (_ref) {
+      var id = _ref.id,
+        title = _ref.title,
+        description = _ref.description,
+        action = _ref.action,
+        actionHref = _ref.actionHref,
+        props = _objectWithoutProperties(_ref, _excluded);
+      return /*#__PURE__*/_react["default"].createElement(_Toast.Toast, _extends({
+        key: id
+      }, props), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "cop-flex cop-w-full cop-items-center cop-gap-4"
+      }, props.variant && /*#__PURE__*/_react["default"].createElement(_Toast.ToastIcon, {
+        className: "cop-h-7 cop-w-7",
+        variant: props.variant
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "cop-flex cop-w-full cop-flex-col cop-gap-2"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "cop-flex cop-w-full cop-items-center cop-justify-between cop-text-primary"
+      }, title && /*#__PURE__*/_react["default"].createElement(_Typography.Heading, {
+        size: "sm"
+      }, title), props.variant !== 'progress' && /*#__PURE__*/_react["default"].createElement(_Toast.ToastClose, null)), typeof description === 'string' ? /*#__PURE__*/_react["default"].createElement("div", {
+        className: "cop-text-secondary"
+      }, /*#__PURE__*/_react["default"].createElement(_Body.Body, {
+        size: "sm"
+      }, description)) : description, /*#__PURE__*/_react["default"].createElement("a", {
+        className: "cop-text-sm cop-text-primary cop-no-underline hover:cop-cursor-pointer",
+        href: actionHref
+      }, action))));
+    }), /*#__PURE__*/_react["default"].createElement(_Toast.ToastViewport, null));
+  }
+});

package/dist/umd/components/Toast/useToast.js

@@ -0,0 +1,192 @@
+// This file is generated by a script. Do not edit this file directly.
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react);
+    global.useToast = mod.exports;
+  }
+})(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, React) {
+  "use strict";
+  'use client';
+
+  // Inspired by react-hot-toast library
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.reducer = void 0;
+  _exports.toast = toast;
+  _exports.useToast = useToast;
+  React = _interopRequireWildcard(React);
+  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+  function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+  function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
+  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+  function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+  function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+  function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+  function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+  function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+  function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+  var TOAST_LIMIT = 3;
+  var TOAST_REMOVE_DELAY = 3000;
+  var actionTypes = {
+    ADD_TOAST: 'ADD_TOAST',
+    UPDATE_TOAST: 'UPDATE_TOAST',
+    DISMISS_TOAST: 'DISMISS_TOAST',
+    REMOVE_TOAST: 'REMOVE_TOAST'
+  };
+  var count = 0;
+  function genId() {
+    count = (count + 1) % Number.MAX_SAFE_INTEGER;
+    return count.toString();
+  }
+  var toastTimeouts = new Map();
+  var addToRemoveQueue = function addToRemoveQueue(toastId) {
+    if (toastTimeouts.has(toastId)) {
+      return;
+    }
+    var timeout = setTimeout(function () {
+      toastTimeouts["delete"](toastId);
+      dispatch({
+        type: 'REMOVE_TOAST',
+        toastId: toastId
+      });
+    }, TOAST_REMOVE_DELAY);
+    toastTimeouts.set(toastId, timeout);
+  };
+  var reducer = _exports.reducer = function reducer(state, action) {
+    switch (action.type) {
+      case 'ADD_TOAST':
+        return _objectSpread(_objectSpread({}, state), {}, {
+          toasts: [action.toast].concat(_toConsumableArray(state.toasts)).slice(0, TOAST_LIMIT)
+        });
+      case 'UPDATE_TOAST':
+        return _objectSpread(_objectSpread({}, state), {}, {
+          toasts: state.toasts.map(function (t) {
+            return t.id === action.toast.id ? _objectSpread(_objectSpread({}, t), action.toast) : t;
+          })
+        });
+      case 'DISMISS_TOAST':
+        {
+          var toastId = action.toastId;
+
+          // ! Side effects ! - This could be extracted into a dismissToast() action,
+          // but I'll keep it here for simplicity
+          if (toastId) {
+            addToRemoveQueue(toastId);
+          } else {
+            state.toasts.forEach(function (toast) {
+              addToRemoveQueue(toast.id);
+            });
+          }
+          return _objectSpread(_objectSpread({}, state), {}, {
+            toasts: state.toasts.map(function (t) {
+              return t.id === toastId || toastId === undefined ? _objectSpread(_objectSpread({}, t), {}, {
+                open: false
+              }) : t;
+            })
+          });
+        }
+      case 'REMOVE_TOAST':
+        if (action.toastId === undefined) {
+          return _objectSpread(_objectSpread({}, state), {}, {
+            toasts: []
+          });
+        }
+        return _objectSpread(_objectSpread({}, state), {}, {
+          toasts: state.toasts.filter(function (t) {
+            return t.id !== action.toastId;
+          })
+        });
+    }
+  };
+  var listeners = [];
+  var memoryState = {
+    toasts: []
+  };
+  function dispatch(action) {
+    memoryState = reducer(memoryState, action);
+    listeners.forEach(function (listener) {
+      listener(memoryState);
+    });
+  }
+  function toast(_ref) {
+    var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+    var id = genId();
+    var update = function update(props) {
+      return dispatch({
+        type: 'UPDATE_TOAST',
+        toast: _objectSpread(_objectSpread({}, props), {}, {
+          id: id
+        })
+      });
+    };
+    var dismiss = function dismiss() {
+      return dispatch({
+        type: 'DISMISS_TOAST',
+        toastId: id
+      });
+    };
+    dispatch({
+      type: 'ADD_TOAST',
+      toast: _objectSpread(_objectSpread({}, props), {}, {
+        id: id,
+        open: true,
+        onOpenChange: function onOpenChange(open) {
+          if (!open) dismiss();
+        }
+      })
+    });
+    return {
+      id: id,
+      dismiss: dismiss,
+      update: update
+    };
+  }
+  function useToast() {
+    var _React$useState = React.useState(memoryState),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      state = _React$useState2[0],
+      setState = _React$useState2[1];
+    React.useEffect(function () {
+      listeners.push(setState);
+      return function () {
+        var index = listeners.indexOf(setState);
+        if (index > -1) {
+          listeners.splice(index, 1);
+        }
+      };
+    }, [state]);
+    return _objectSpread(_objectSpread({}, state), {}, {
+      toast: toast,
+      dismiss: function dismiss(toastId) {
+        return dispatch({
+          type: 'DISMISS_TOAST',
+          toastId: toastId
+        });
+      },
+      update: function update(toast) {
+        return dispatch({
+          type: 'UPDATE_TOAST',
+          toast: toast
+        });
+      }
+    });
+  }
+});