@doist/reactist 29.1.0 → 29.1.2

package/lib/avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../../src/avatar/avatar.tsx"],"sourcesContent":[null],"names":["__rest","getInitials","emailToIndex","getClassNames","styles","React","Box","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAM,aAAa,GAAG;IAClB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACZ,CAAA;AAcD,SAAS,MAAM,CAAC,EAQR,EAAA;AAPJ,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAU,GAAA,EAAA,CAAA,IAAA,EAAV,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,GAAG,GAAA,EAAA,EACV,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAyB,GAAA,EAAA,CAAA,SAAA,EAAzB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,aAAa,GAAA,EAAA,EACzB,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EACtB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAPI,oFAQf,CADW,CAAA;AAER,IAAA,IAAM,YAAY,GAAGC,iBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAIA,iBAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACtE,IAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,CAAA;IAEpC,IAAM,KAAK,GAAG,SAAS;AACnB,UAAE;YACI,eAAe,EAAE,MAAO,CAAA,MAAA,CAAA,SAAS,EAAG,GAAA,CAAA;YACpC,UAAU,EAAE,SAAS;AACxB,SAAA;AACH,UAAE;AACI,YAAA,eAAe,EAAE,SAAS,CAACC,kBAAY,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;SACzE,CAAA;IAEP,IAAM,aAAa,GAAGC,6BAAa,CAACC,wBAAM,EAAE,MAAM,EAAE,UAAU,CAAC,CAAA;IAE/D,QACIC,gBAAC,CAAA,aAAA,CAAAC,OAAG,EACAC,cAAA,CAAA,EAAA,SAAS,EAAE,CAAC,SAAS,EAAEH,wBAAM,CAAC,MAAM,EAAE,aAAa,EAAE,yBAAyB,CAAC,EAC/E,KAAK,EAAE,KAAK,EACR,EAAA,KAAK,CAER,EAAA,YAAY,CACX,EACT;AACL,CAAC;AACD,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"avatar.js","sources":["../../src/avatar/avatar.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport { emailToIndex, getInitials } from './utils'\n\nimport styles from './avatar.module.css'\n\nimport type { ObfuscatedClassName } from '../utils/common-types'\nimport type { ResponsiveProp } from '../utils/responsive-props'\n\nconst AVATAR_COLORS = [\n    '#fcc652',\n    '#e9952c',\n    '#e16b2d',\n    '#d84b40',\n    '#e8435a',\n    '#e5198a',\n    '#ad3889',\n    '#86389c',\n    '#a8a8a8',\n    '#98be2f',\n    '#5d9d50',\n    '#5f9f85',\n    '#5bbcb6',\n    '#32a3bf',\n    '#2bafeb',\n    '#2d88c3',\n    '#3863cc',\n    '#5e5e5e',\n]\n\ntype AvatarSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl'\n\ntype Props = ObfuscatedClassName & {\n    /** @deprecated Please use `exceptionallySetClassName` */\n    className?: string\n    /** @deprecated */\n    colorList?: string[]\n    size?: ResponsiveProp<AvatarSize>\n    avatarUrl?: string\n    user: { name?: string; email: string }\n}\n\nfunction Avatar({\n    user,\n    avatarUrl,\n    size = 'l',\n    className,\n    colorList = AVATAR_COLORS,\n    exceptionallySetClassName,\n    ...props\n}: Props) {\n    const userInitials = getInitials(user.name) || getInitials(user.email)\n    const avatarSize = size ? size : 'l'\n\n    const style = avatarUrl\n        ? {\n              backgroundImage: `url(${avatarUrl})`,\n              textIndent: '-9999px', // hide the initials\n          }\n        : {\n              backgroundColor: colorList[emailToIndex(user.email, colorList.length)],\n          }\n\n    const sizeClassName = getClassNames(styles, 'size', avatarSize)\n\n    return (\n        <Box\n            className={[className, styles.avatar, sizeClassName, exceptionallySetClassName]}\n            style={style}\n            {...props}\n        >\n            {userInitials}\n        </Box>\n    )\n}\nAvatar.displayName = 'Avatar'\n\nexport { Avatar }\n"],"names":["AVATAR_COLORS","Avatar","t0","$","_c","avatarUrl","className","exceptionallySetClassName","props","t1","t2","user","_t","size","colorList","_objectWithoutProperties","_excluded","undefined","t3","email","name","getInitials","userInitials","avatarSize","t4","backgroundImage","textIndent","backgroundColor","emailToIndex","length","style","t5","getClassNames","styles","sizeClassName","t6","avatar","t7","React","createElement","Box","_extends","displayName"],"mappings":"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"}

package/lib/avatar/utils.js

@@ -3,27 +3,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 function getInitials(name) {
-    if (!name) {
-        return '';
-    }
-    var seed = name.trim().split(' ');
-    var firstInitial = seed[0];
-    var lastInitial = seed[seed.length - 1];
-    var initials = firstInitial === null || firstInitial === void 0 ? void 0 : firstInitial[0];
-    if (firstInitial != null &&
-        lastInitial != null &&
-        initials != null &&
-        // Better readable this way.
-        // eslint-disable-next-line @typescript-eslint/prefer-string-starts-ends-with
-        firstInitial[0] !== lastInitial[0]) {
-        initials += lastInitial[0];
-    }
-    return initials === null || initials === void 0 ? void 0 : initials.toUpperCase();
+  if (!name) {
+    return '';
+  }
+  const seed = name.trim().split(' ');
+  const firstInitial = seed[0];
+  const lastInitial = seed[seed.length - 1];
+  let initials = firstInitial?.[0];
+  if (firstInitial != null && lastInitial != null && initials != null &&
+  // Better readable this way.
+  // eslint-disable-next-line @typescript-eslint/prefer-string-starts-ends-with
+  firstInitial[0] !== lastInitial[0]) {
+    initials += lastInitial[0];
+  }
+  return initials?.toUpperCase();
 }
 function emailToIndex(email, maxIndex) {
-    var seed = email.split('@')[0];
-    var hash = seed ? seed.charCodeAt(0) + seed.charCodeAt(seed.length - 1) || 0 : 0;
-    return hash % maxIndex;
+  const seed = email.split('@')[0];
+  const hash = seed ? seed.charCodeAt(0) + seed.charCodeAt(seed.length - 1) || 0 : 0;
+  return hash % maxIndex;
 }
 
 exports.emailToIndex = emailToIndex;

package/lib/avatar/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../src/avatar/utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAAA,SAAS,WAAW,CAAC,IAAa,EAAA;IAC9B,IAAI,CAAC,IAAI,EAAE;AACP,QAAA,OAAO,EAAE,CAAA;KACZ;IAED,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;AACnC,IAAA,IAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;IAC5B,IAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAEzC,IAAI,QAAQ,GAAG,YAAY,KAAZ,IAAA,IAAA,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,CAAA;IAChC,IACI,YAAY,IAAI,IAAI;AACpB,QAAA,WAAW,IAAI,IAAI;AACnB,QAAA,QAAQ,IAAI,IAAI;;;QAGhB,YAAY,CAAC,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,EACpC;AACE,QAAA,QAAQ,IAAI,WAAW,CAAC,CAAC,CAAC,CAAA;KAC7B;IACD,OAAO,QAAQ,aAAR,QAAQ,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAR,QAAQ,CAAE,WAAW,EAAE,CAAA;AAClC,CAAC;AAED,SAAS,YAAY,CAAC,KAAa,EAAE,QAAgB,EAAA;IACjD,IAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;AAChC,IAAA,IAAM,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAClF,OAAO,IAAI,GAAG,QAAQ,CAAA;AAC1B;;;;;"}
+{"version":3,"file":"utils.js","sources":["../../src/avatar/utils.ts"],"sourcesContent":["function getInitials(name?: string) {\n    if (!name) {\n        return ''\n    }\n\n    const seed = name.trim().split(' ')\n    const firstInitial = seed[0]\n    const lastInitial = seed[seed.length - 1]\n\n    let initials = firstInitial?.[0]\n    if (\n        firstInitial != null &&\n        lastInitial != null &&\n        initials != null &&\n        // Better readable this way.\n        // eslint-disable-next-line @typescript-eslint/prefer-string-starts-ends-with\n        firstInitial[0] !== lastInitial[0]\n    ) {\n        initials += lastInitial[0]\n    }\n    return initials?.toUpperCase()\n}\n\nfunction emailToIndex(email: string, maxIndex: number) {\n    const seed = email.split('@')[0]\n    const hash = seed ? seed.charCodeAt(0) + seed.charCodeAt(seed.length - 1) || 0 : 0\n    return hash % maxIndex\n}\n\nexport { emailToIndex, getInitials }\n"],"names":["getInitials","name","seed","trim","split","firstInitial","lastInitial","length","initials","toUpperCase","emailToIndex","email","maxIndex","hash","charCodeAt"],"mappings":";;;;AAAA,SAASA,WAAWA,CAACC,IAAa,EAAE;EAChC,IAAI,CAACA,IAAI,EAAE;AACP,IAAA,OAAO,EAAE,CAAA;AACb,GAAA;EAEA,MAAMC,IAAI,GAAGD,IAAI,CAACE,IAAI,EAAE,CAACC,KAAK,CAAC,GAAG,CAAC,CAAA;AACnC,EAAA,MAAMC,YAAY,GAAGH,IAAI,CAAC,CAAC,CAAC,CAAA;EAC5B,MAAMI,WAAW,GAAGJ,IAAI,CAACA,IAAI,CAACK,MAAM,GAAG,CAAC,CAAC,CAAA;AAEzC,EAAA,IAAIC,QAAQ,GAAGH,YAAY,GAAG,CAAC,CAAC,CAAA;EAChC,IACIA,YAAY,IAAI,IAAI,IACpBC,WAAW,IAAI,IAAI,IACnBE,QAAQ,IAAI,IAAI;AAChB;AACA;EACAH,YAAY,CAAC,CAAC,CAAC,KAAKC,WAAW,CAAC,CAAC,CAAC,EACpC;AACEE,IAAAA,QAAQ,IAAIF,WAAW,CAAC,CAAC,CAAC,CAAA;AAC9B,GAAA;AACA,EAAA,OAAOE,QAAQ,EAAEC,WAAW,EAAE,CAAA;AAClC,CAAA;AAEA,SAASC,YAAYA,CAACC,KAAa,EAAEC,QAAgB,EAAE;EACnD,MAAMV,IAAI,GAAGS,KAAK,CAACP,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;EAChC,MAAMS,IAAI,GAAGX,IAAI,GAAGA,IAAI,CAACY,UAAU,CAAC,CAAC,CAAC,GAAGZ,IAAI,CAACY,UAAU,CAACZ,IAAI,CAACK,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;EAClF,OAAOM,IAAI,GAAGD,QAAQ,CAAA;AAC1B;;;;;"}

package/lib/badge/badge.js

@@ -2,11 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
+var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var reactCompilerRuntime = require('react-compiler-runtime');
 var React = require('react');
 var box = require('../box/box.js');
 var badge_module = require('./badge.module.css.js');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
     var n = Object.create(null);
@@ -25,12 +29,56 @@ function _interopNamespace(e) {
     return Object.freeze(n);
 }
 
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function Badge(_a) {
-    var tone = _a.tone, label = _a.label, props = tslib.__rest(_a, ["tone", "label"]);
-    return (React__namespace.createElement(box.Box, tslib.__assign({}, props, { as: "span" // It enables putting the badge inside a button (https://stackoverflow.com/a/12982334)
-        , display: "inline", className: [badge_module["default"].badge, badge_module["default"]["badge-".concat(tone)]] }), label));
+const _excluded = ["tone", "label"];
+function Badge(t0) {
+  const $ = reactCompilerRuntime.c(10);
+  let label;
+  let props;
+  let tone;
+  if ($[0] !== t0) {
+    var _t = t0;
+    ({
+      tone,
+      label
+    } = _t);
+    props = _objectWithoutProperties__default["default"](_t, _excluded);
+    $[0] = t0;
+    $[1] = label;
+    $[2] = props;
+    $[3] = tone;
+  } else {
+    label = $[1];
+    props = $[2];
+    tone = $[3];
+  }
+  const t1 = badge_module["default"][`badge-${tone}`];
+  let t2;
+  if ($[4] !== t1) {
+    t2 = [badge_module["default"].badge, t1];
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== label || $[7] !== props || $[8] !== t2) {
+    t3 = /*#__PURE__*/React__namespace.createElement(box.Box, _extends__default["default"]({}, props, {
+      as: "span",
+      display: "inline",
+      className: t2
+    }), label);
+    $[6] = label;
+    $[7] = props;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
 }
 
 exports.Badge = Badge;

package/lib/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sources":["../../src/badge/badge.tsx"],"sourcesContent":[null],"names":["__rest","React","Box","__assign","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,SAAS,KAAK,CAAC,EAAqC,EAAA;IAAnC,IAAA,IAAI,UAAA,EAAE,KAAK,WAAA,EAAK,KAAK,GAAvBA,YAAA,CAAA,EAAA,EAAA,CAAA,MAAA,EAAA,OAAA,CAAyB,CAAF,CAAA;IAClC,QACIC,gBAAC,CAAA,aAAA,CAAAC,OAAG,EACIC,cAAA,CAAA,EAAA,EAAA,KAAK,IACT,EAAE,EAAC,MAAM;UACT,OAAO,EAAC,QAAQ,EAChB,SAAS,EAAE,CAACC,uBAAM,CAAC,KAAK,EAAEA,uBAAM,CAAC,QAAA,CAAA,MAAA,CAAS,IAAI,CAAE,CAAC,CAAC,EAEjD,CAAA,EAAA,KAAK,CACJ,EACT;AACL;;;;"}
+{"version":3,"file":"badge.js","sources":["../../src/badge/badge.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\n\nimport styles from './badge.module.css'\n\ntype BadgeTone = 'info' | 'positive' | 'promote' | 'attention' | 'warning'\n\ntype BadgeProps = {\n    /**\n     * The label to show inside the badge element.\n     */\n    label: string\n    /**\n     * The tone of the badge.\n     */\n    tone: BadgeTone\n}\n\nfunction Badge({ tone, label, ...props }: BadgeProps) {\n    return (\n        <Box\n            {...props}\n            as=\"span\" // It enables putting the badge inside a button (https://stackoverflow.com/a/12982334)\n            display=\"inline\"\n            className={[styles.badge, styles[`badge-${tone}`]]}\n        >\n            {label}\n        </Box>\n    )\n}\n\nexport { Badge }\nexport type { BadgeProps }\n"],"names":["Badge","t0","$","_c","label","props","tone","_t","_objectWithoutProperties","_excluded","t1","styles","t2","badge","t3","React","createElement","Box","_extends","as","display","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,SAAAA,MAAAC,EAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,sBAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAAAC,IAAA,CAAA;EAAA,IAAAJ,CAAA,QAAAD,EAAA,EAAA;IAAA,IAAAM,EAAA,GAAeN,EAAqC,CAAA;AAAA,IAAA,CAAA;MAAAK,IAAA;AAAAF,MAAAA,KAAAA;AAAA,KAAA,GAAAG,EAAA,EAAA;AAAAF,IAAAA,KAAA,GAAAG,4CAAA,CAAAD,EAAA,EAAAE,SAAA,CAAA,CAAA;AAAAP,IAAAA,CAAA,MAAAD,EAAA,CAAA;AAAAC,IAAAA,CAAA,MAAAE,KAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAG,KAAA,CAAA;AAAAH,IAAAA,CAAA,MAAAI,IAAA,CAAA;AAAA,GAAA,MAAA;AAAAF,IAAAA,KAAA,GAAAF,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAG,IAAAA,KAAA,GAAAH,CAAA,CAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,IAAA,GAAAJ,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAMd,EAAA,MAAAQ,EAAA,GAAAC,uBAAM,CAAC,CAASL,MAAAA,EAAAA,IAAI,EAAE,CAAC,CAAA;AAAA,EAAA,IAAAM,EAAA,CAAA;EAAA,IAAAV,CAAA,QAAAQ,EAAA,EAAA;AAAtCE,IAAAA,EAAA,IAACD,uBAAM,CAAAE,KAAM,EAAEH,EAAuB,CAAC,CAAA;AAAAR,IAAAA,CAAA,MAAAQ,EAAA,CAAA;AAAAR,IAAAA,CAAA,MAAAU,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAV,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAY,EAAA,CAAA;EAAA,IAAAZ,CAAA,CAAAE,CAAAA,CAAAA,KAAAA,KAAA,IAAAF,CAAA,QAAAG,KAAA,IAAAH,CAAA,CAAA,CAAA,CAAA,KAAAU,EAAA,EAAA;IAJtDE,EAAA,gBAAAC,gBAAA,CAAAC,aAAA,CAACC,OAAG,EAAAC,4BAAA,CAAA,EAAA,EACIb,KAAK,EAAA;AACNc,MAAAA,EAAM,EAAN,MAAM;AACDC,MAAAA,OAAQ,EAAR,QAAQ;AACLC,MAAAA,SAAuC,EAAvCT,EAAAA;AAAuC,KAAA,CAAA,EAEjDR,KACA,CAAC,CAAA;AAAAF,IAAAA,CAAA,MAAAE,KAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAG,KAAA,CAAA;AAAAH,IAAAA,CAAA,MAAAU,EAAA,CAAA;AAAAV,IAAAA,CAAA,MAAAY,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAZ,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAPNY,EAOM,CAAA;AAAA;;;;"}

package/lib/banner/banner.js

@@ -2,7 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
+var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var reactCompilerRuntime = require('react-compiler-runtime');
 var React = require('react');
 var box = require('../box/box.js');
 var button = require('../button/button.js');
@@ -12,6 +14,8 @@ var textLink = require('../text-link/text-link.js');
 var commonHelpers = require('../utils/common-helpers.js');
 var banner_module = require('./banner.module.css.js');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
     var n = Object.create(null);
@@ -30,52 +34,395 @@ function _interopNamespace(e) {
     return Object.freeze(n);
 }
 
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+const _excluded = ["id", "type", "title", "description", "children", "action", "icon", "image", "inlineLinks", "closeLabel", "onClose"],
+  _excluded2 = ["label"],
+  _excluded3 = ["type", "label"],
+  _excluded4 = ["type", "label", "variant"];
+
+/**
+ * Represents the type of a banner.
+ * 'neutral' accepts a custom icon, the rest do not.
+ * @default 'neutral'
+ */
+
+/**
+ * Predefined system types for banners.
+ * Each type has its own preset icon.
+ */
+
+/**
+ * Represents an action that can be taken from the banner.
+ * Can be either a button or a link, sharing common properties from BaseAction.
+ */
+
+/**
+ * Configuration for inline links within the banner description.
+ * Extends TextLink component props with a required label.
+ */
+
+/**
+ * Controls the close button behavior.
+ * If none is provided, the banner will not have a close button.
+ */
+
+/**
+ * Configuration for neutral banners.
+ * Can include either an image, an icon, or neither, but never both.
+ */
+
+/**
+ * Configuration for system banners.
+ * Cannot include custom images or icons as they use preset ones.
+ */
+
 /**
  * Type guard to check if the action is an Action object (button or link)
  */
 function isActionObject(action) {
-    return (typeof action === 'object' &&
-        action !== null &&
-        'type' in action &&
-        (action.type === 'button' || action.type === 'link'));
+  return typeof action === 'object' && action !== null && 'type' in action && (action.type === 'button' || action.type === 'link');
 }
-var Banner = React__namespace.forwardRef(function Banner(_a, ref) {
-    var id = _a.id, type = _a.type, title = _a.title, description = _a.description, children = _a.children, action = _a.action, icon = _a.icon, image = _a.image, inlineLinks = _a.inlineLinks, closeLabel = _a.closeLabel, onClose = _a.onClose, props = tslib.__rest(_a, ["id", "type", "title", "description", "children", "action", "icon", "image", "inlineLinks", "closeLabel", "onClose"]);
-    var titleId = commonHelpers.useId();
-    var descriptionId = commonHelpers.useId();
-    var closeButton = onClose ? (React__namespace.createElement(button.IconButton, { exceptionallySetClassName: banner_module["default"].closeButton, variant: "quaternary", onClick: onClose, icon: React__namespace.createElement(closeIcon.CloseIcon, null), "aria-label": closeLabel !== null && closeLabel !== void 0 ? closeLabel : 'Close banner' })) : null;
-    return (React__namespace.createElement(box.Box, tslib.__assign({}, props, { ref: ref, id: id, display: "flex", flexDirection: "column", justifyContent: "center", role: "status", "aria-labelledby": title ? titleId : descriptionId, "aria-describedby": title ? descriptionId : undefined, "aria-live": "polite", tabIndex: 0, borderRadius: "full", className: banner_module["default"].banner }),
-        image ? React__namespace.createElement(box.Box, { className: banner_module["default"].image }, image) : null,
-        React__namespace.createElement(box.Box, { className: banner_module["default"].content, display: "flex", gap: "small" },
-            React__namespace.createElement(box.Box, { className: banner_module["default"].icon },
-                type === 'neutral' ? icon : React__namespace.createElement(bannerIcon.BannerIcon, { type: type }),
-                closeButton),
-            React__namespace.createElement(box.Box, { display: "flex", flexDirection: "column", gap: "small", flexGrow: 1 },
-                React__namespace.createElement(box.Box, { className: banner_module["default"].topContent, display: "flex", gap: "small", alignItems: "flexStart" },
-                    React__namespace.createElement(box.Box, { className: banner_module["default"].copy, display: "flex", flexDirection: "column", flexGrow: 1 },
-                        title ? (React__namespace.createElement(box.Box, { id: titleId, className: banner_module["default"].title }, title)) : null,
-                        React__namespace.createElement(box.Box, { id: descriptionId, className: [banner_module["default"].description, title ? banner_module["default"].secondary : null] },
-                            description, inlineLinks === null || inlineLinks === void 0 ? void 0 :
-                            inlineLinks.map(function (_a, index) {
-                                var label = _a.label, props = tslib.__rest(_a, ["label"]);
-                                return (React__namespace.createElement(React__namespace.Fragment, { key: index },
-                                    React__namespace.createElement(textLink.TextLink, tslib.__assign({}, props, { exceptionallySetClassName: banner_module["default"].inlineLink }), label),
-                                    index < inlineLinks.length - 1 ? React__namespace.createElement("span", null, " \u00B7 ") : ''));
-                            }))),
-                    action || closeButton ? (React__namespace.createElement(box.Box, { className: banner_module["default"].actions, display: "flex", gap: "small" },
-                        action ? (isActionObject(action) ? (action.type === 'button' ? (React__namespace.createElement(ActionButton, tslib.__assign({}, action))) : (React__namespace.createElement(ActionLink, tslib.__assign({}, action)))) : (action)) : null,
-                        closeButton)) : null),
-                children))));
+const Banner = /*#__PURE__*/React__namespace.forwardRef(function Banner(t0, ref) {
+  const $ = reactCompilerRuntime.c(59);
+  let action;
+  let children;
+  let closeLabel;
+  let description;
+  let icon;
+  let id;
+  let image;
+  let inlineLinks;
+  let onClose;
+  let props;
+  let title;
+  let type;
+  if ($[0] !== t0) {
+    var _t = t0;
+    ({
+      id,
+      type,
+      title,
+      description,
+      children,
+      action,
+      icon,
+      image,
+      inlineLinks,
+      closeLabel,
+      onClose
+    } = _t);
+    props = _objectWithoutProperties__default["default"](_t, _excluded);
+    $[0] = t0;
+    $[1] = action;
+    $[2] = children;
+    $[3] = closeLabel;
+    $[4] = description;
+    $[5] = icon;
+    $[6] = id;
+    $[7] = image;
+    $[8] = inlineLinks;
+    $[9] = onClose;
+    $[10] = props;
+    $[11] = title;
+    $[12] = type;
+  } else {
+    action = $[1];
+    children = $[2];
+    closeLabel = $[3];
+    description = $[4];
+    icon = $[5];
+    id = $[6];
+    image = $[7];
+    inlineLinks = $[8];
+    onClose = $[9];
+    props = $[10];
+    title = $[11];
+    type = $[12];
+  }
+  const titleId = commonHelpers.useId();
+  const descriptionId = commonHelpers.useId();
+  let t1;
+  if ($[13] !== closeLabel || $[14] !== onClose) {
+    t1 = onClose ? /*#__PURE__*/React__namespace.createElement(button.IconButton, {
+      exceptionallySetClassName: banner_module["default"].closeButton,
+      variant: "quaternary",
+      onClick: onClose,
+      icon: /*#__PURE__*/React__namespace.createElement(closeIcon.CloseIcon, null),
+      "aria-label": closeLabel ?? "Close banner"
+    }) : null;
+    $[13] = closeLabel;
+    $[14] = onClose;
+    $[15] = t1;
+  } else {
+    t1 = $[15];
+  }
+  const closeButton = t1;
+  const t2 = title ? titleId : descriptionId;
+  const t3 = title ? descriptionId : undefined;
+  let t4;
+  if ($[16] !== image) {
+    t4 = image ? /*#__PURE__*/React__namespace.createElement(box.Box, {
+      className: banner_module["default"].image
+    }, image) : null;
+    $[16] = image;
+    $[17] = t4;
+  } else {
+    t4 = $[17];
+  }
+  let t5;
+  if ($[18] !== icon || $[19] !== type) {
+    t5 = type === "neutral" ? icon : /*#__PURE__*/React__namespace.createElement(bannerIcon.BannerIcon, {
+      type: type
+    });
+    $[18] = icon;
+    $[19] = type;
+    $[20] = t5;
+  } else {
+    t5 = $[20];
+  }
+  let t6;
+  if ($[21] !== closeButton || $[22] !== t5) {
+    t6 = /*#__PURE__*/React__namespace.createElement(box.Box, {
+      className: banner_module["default"].icon
+    }, t5, closeButton);
+    $[21] = closeButton;
+    $[22] = t5;
+    $[23] = t6;
+  } else {
+    t6 = $[23];
+  }
+  let t7;
+  if ($[24] !== title || $[25] !== titleId) {
+    t7 = title ? /*#__PURE__*/React__namespace.createElement(box.Box, {
+      id: titleId,
+      className: banner_module["default"].title
+    }, title) : null;
+    $[24] = title;
+    $[25] = titleId;
+    $[26] = t7;
+  } else {
+    t7 = $[26];
+  }
+  const t8 = title ? banner_module["default"].secondary : null;
+  let t9;
+  if ($[27] !== t8) {
+    t9 = [banner_module["default"].description, t8];
+    $[27] = t8;
+    $[28] = t9;
+  } else {
+    t9 = $[28];
+  }
+  let t10;
+  if ($[29] !== inlineLinks) {
+    t10 = inlineLinks?.map((t11, index) => {
+      const {
+          label
+        } = t11,
+        props_0 = _objectWithoutProperties__default["default"](t11, _excluded2);
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+        key: index
+      }, /*#__PURE__*/React__namespace.createElement(textLink.TextLink, _extends__default["default"]({}, props_0, {
+        exceptionallySetClassName: banner_module["default"].inlineLink
+      }), label), index < inlineLinks.length - 1 ? /*#__PURE__*/React__namespace.createElement("span", null, " \xB7 ") : "");
+    });
+    $[29] = inlineLinks;
+    $[30] = t10;
+  } else {
+    t10 = $[30];
+  }
+  let t11;
+  if ($[31] !== description || $[32] !== descriptionId || $[33] !== t10 || $[34] !== t9) {
+    t11 = /*#__PURE__*/React__namespace.createElement(box.Box, {
+      id: descriptionId,
+      className: t9
+    }, description, t10);
+    $[31] = description;
+    $[32] = descriptionId;
+    $[33] = t10;
+    $[34] = t9;
+    $[35] = t11;
+  } else {
+    t11 = $[35];
+  }
+  let t12;
+  if ($[36] !== t11 || $[37] !== t7) {
+    t12 = /*#__PURE__*/React__namespace.createElement(box.Box, {
+      className: banner_module["default"].copy,
+      display: "flex",
+      flexDirection: "column",
+      flexGrow: 1
+    }, t7, t11);
+    $[36] = t11;
+    $[37] = t7;
+    $[38] = t12;
+  } else {
+    t12 = $[38];
+  }
+  let t13;
+  if ($[39] !== action || $[40] !== closeButton) {
+    t13 = action || closeButton ? /*#__PURE__*/React__namespace.createElement(box.Box, {
+      className: banner_module["default"].actions,
+      display: "flex",
+      gap: "small"
+    }, action ? isActionObject(action) ? action.type === "button" ? /*#__PURE__*/React__namespace.createElement(ActionButton, action) : /*#__PURE__*/React__namespace.createElement(ActionLink, action) : action : null, closeButton) : null;
+    $[39] = action;
+    $[40] = closeButton;
+    $[41] = t13;
+  } else {
+    t13 = $[41];
+  }
+  let t14;
+  if ($[42] !== t12 || $[43] !== t13) {
+    t14 = /*#__PURE__*/React__namespace.createElement(box.Box, {
+      className: banner_module["default"].topContent,
+      display: "flex",
+      gap: "small",
+      alignItems: "flexStart"
+    }, t12, t13);
+    $[42] = t12;
+    $[43] = t13;
+    $[44] = t14;
+  } else {
+    t14 = $[44];
+  }
+  let t15;
+  if ($[45] !== children || $[46] !== t14) {
+    t15 = /*#__PURE__*/React__namespace.createElement(box.Box, {
+      display: "flex",
+      flexDirection: "column",
+      gap: "small",
+      flexGrow: 1
+    }, t14, children);
+    $[45] = children;
+    $[46] = t14;
+    $[47] = t15;
+  } else {
+    t15 = $[47];
+  }
+  let t16;
+  if ($[48] !== t15 || $[49] !== t6) {
+    t16 = /*#__PURE__*/React__namespace.createElement(box.Box, {
+      className: banner_module["default"].content,
+      display: "flex",
+      gap: "small"
+    }, t6, t15);
+    $[48] = t15;
+    $[49] = t6;
+    $[50] = t16;
+  } else {
+    t16 = $[50];
+  }
+  let t17;
+  if ($[51] !== id || $[52] !== props || $[53] !== ref || $[54] !== t16 || $[55] !== t2 || $[56] !== t3 || $[57] !== t4) {
+    t17 = /*#__PURE__*/React__namespace.createElement(box.Box, _extends__default["default"]({}, props, {
+      ref: ref,
+      id: id,
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "center",
+      role: "status",
+      "aria-labelledby": t2,
+      "aria-describedby": t3,
+      "aria-live": "polite",
+      tabIndex: 0,
+      borderRadius: "full",
+      className: banner_module["default"].banner
+    }), t4, t16);
+    $[51] = id;
+    $[52] = props;
+    $[53] = ref;
+    $[54] = t16;
+    $[55] = t2;
+    $[56] = t3;
+    $[57] = t4;
+    $[58] = t17;
+  } else {
+    t17 = $[58];
+  }
+  return t17;
 });
-function ActionButton(_a) {
-    _a.type; var label = _a.label, props = tslib.__rest(_a, ["type", "label"]);
-    return React__namespace.createElement(button.Button, tslib.__assign({}, props), label);
+function ActionButton(t0) {
+  const $ = reactCompilerRuntime.c(6);
+  let label;
+  let props;
+  if ($[0] !== t0) {
+    const {
+        type,
+        label: t1
+      } = t0,
+      t2 = _objectWithoutProperties__default["default"](t0, _excluded3);
+    label = t1;
+    props = t2;
+    $[0] = t0;
+    $[1] = label;
+    $[2] = props;
+  } else {
+    label = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== label || $[4] !== props) {
+    t1 = /*#__PURE__*/React__namespace.createElement(button.Button, props, label);
+    $[3] = label;
+    $[4] = props;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  return t1;
 }
-function ActionLink(_a) {
-    _a.type; var label = _a.label, variant = _a.variant, props = tslib.__rest(_a, ["type", "label", "variant"]);
-    return (React__namespace.createElement(button.Button, { variant: variant, render: React__namespace.createElement("a", tslib.__assign({ rel: "noopener noreferrer", target: "_blank" }, props)) }, label));
+function ActionLink(t0) {
+  const $ = reactCompilerRuntime.c(10);
+  let label;
+  let props;
+  let variant;
+  if ($[0] !== t0) {
+    const {
+        type,
+        label: t1,
+        variant: t2
+      } = t0,
+      t3 = _objectWithoutProperties__default["default"](t0, _excluded4);
+    label = t1;
+    variant = t2;
+    props = t3;
+    $[0] = t0;
+    $[1] = label;
+    $[2] = props;
+    $[3] = variant;
+  } else {
+    label = $[1];
+    props = $[2];
+    variant = $[3];
+  }
+  let t1;
+  if ($[4] !== props) {
+    t1 = /*#__PURE__*/React__namespace.createElement("a", _extends__default["default"]({
+      rel: "noopener noreferrer",
+      target: "_blank"
+    }, props));
+    $[4] = props;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== label || $[7] !== t1 || $[8] !== variant) {
+    t2 = /*#__PURE__*/React__namespace.createElement(button.Button, {
+      variant: variant,
+      render: t1
+    }, label);
+    $[6] = label;
+    $[7] = t1;
+    $[8] = variant;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  return t2;
 }
 
 exports.Banner = Banner;