@veeqo/ui 16.2.0 → 16.4.0

package/dist/components/Avatar/Avatar.cjs

@@ -20,12 +20,19 @@ const textVariantMapping = {
     xl: 'headingSmall',
     xxl: 'headingMedium',
 };
-const Avatar = ({ size = 'lg', name, bgColor, textColor, iconSlot, imageUrl, hasIndicator = false, ariaLabel = `Avatar of ${name}`, className, style, }) => {
+/**
+ * Avatar displays a user's initials, photo, or an icon inside a circular frame,
+ * with an optional error indicator.
+ *
+ * Initials are derived from `name`. Provide `imageUrl` to render a photo or
+ * `iconSlot` to render an icon instead — otherwise the initials are shown.
+ */
+const Avatar = ({ size = 'lg', name, bgColor, textColor, iconSlot, imageUrl, hasIndicator = false, ariaLabel = `Avatar of ${name}`, className, style, ...rest }) => {
     var _a, _b;
     const textVariant = textVariantMapping[size];
     // Check if name contains any letters if so we show initials from text.
     const hasLetters = /[a-zA-Z]/.test(name || '');
-    return (React__default.default.createElement(FlexRow.FlexRow, { justifyContent: "center", className: buildClassnames.buildClassnames([Avatar_module.avatar, Avatar_module[`${size}-size`], className]), style: {
+    return (React__default.default.createElement(FlexRow.FlexRow, { justifyContent: "center", ...rest, className: buildClassnames.buildClassnames([Avatar_module.avatar, Avatar_module[`${size}-size`], className]), style: {
             ...style,
             ...assignCssVars.assignCssVars({
                 avatarBgColor: iconSlot ? index.theme.colors.neutral.grey.lightest : bgColor,

package/dist/components/Avatar/Avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalFillIcon } from '../../icons';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { theme } from '../../theme';\nimport styles from './Avatar.module.scss';\nimport { AvatarProps } from './types';\nimport { Text } from '../Text';\nimport { FlexRow } from '../Flex/FlexRow';\n\nconst textVariantMapping: Record<string, any> = {\n  md: 'bodySmallBold',\n  lg: 'bodySmallBold',\n  xl: 'headingSmall',\n  xxl: 'headingMedium',\n};\n\nexport const Avatar = ({\n  size = 'lg',\n  name,\n  bgColor,\n  textColor,\n  iconSlot,\n  imageUrl,\n  hasIndicator = false,\n  ariaLabel = `Avatar of ${name}`,\n  className,\n  style,\n}: AvatarProps) => {\n  const textVariant = textVariantMapping[size];\n\n  // Check if name contains any letters if so we show initials from text.\n  const hasLetters = /[a-zA-Z]/.test(name || '');\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([styles.avatar, styles[`${size}-size`], className])}\n      style={\n        {\n          ...style,\n          ...assignCssVars({\n            avatarBgColor: iconSlot ? theme.colors.neutral.grey.lightest : bgColor,\n            avatarTextColor: textColor,\n          }),\n        } as React.CSSProperties\n      }\n      aria-label={ariaLabel}\n    >\n      {hasIndicator && (\n        <CriticalFillIcon\n          className={styles.indicatorIcon}\n          color={theme.colors.secondary.red.base}\n          fill={theme.colors.neutral.grey.lightest}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label=\"Avatar has an error\"\n        />\n      )}\n      {imageUrl && <img src={imageUrl} alt={name} className={styles.avatarImage} />}\n      {!!iconSlot && iconSlot}\n      {!imageUrl && !iconSlot && (\n        <Text variant={textVariant} className={styles.avatarText}>\n          {!hasLetters ? name?.toUpperCase() : name?.toUpperCase()?.match(/\\b\\w/g)?.slice(0, 2)}\n        </Text>\n      )}\n    </FlexRow>\n  );\n};\n"],"names":["React","FlexRow","buildClassnames","styles","assignCssVars","theme","CriticalFillIcon","Text"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,kBAAkB,GAAwB;AAC9C,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,cAAc;AAClB,IAAA,GAAG,EAAE,eAAe;CACrB;AAEM,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,CAAA,UAAA,EAAa,IAAI,CAAA,CAAE,EAC/B,SAAS,EACT,KAAK,GACO,KAAI;;AAChB,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;;IAG5C,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;AAE9C,IAAA,QACEA,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EACN,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAEC,+BAAe,CAAC,CAACC,aAAM,CAAC,MAAM,EAAEA,aAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EACH;AACE,YAAA,GAAG,KAAK;AACR,YAAA,GAAGC,2BAAa,CAAC;AACf,gBAAA,aAAa,EAAE,QAAQ,GAAGC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO;AACtE,gBAAA,eAAe,EAAE,SAAS;aAC3B,CAAC;AACoB,SAAA,EAAA,YAAA,EAEd,SAAS,EAAA;AAEpB,QAAA,YAAY,KACXL,sBAAA,CAAA,aAAA,CAACM,iCAAgB,EAAA,EACf,SAAS,EAAEH,aAAM,CAAC,aAAa,EAC/B,KAAK,EAAEE,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EAAA,YAAA,EACP,qBAAqB,GAChC,CACH;AACA,QAAA,QAAQ,IAAIL,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAEG,aAAM,CAAC,WAAW,EAAA,CAAI;QAC5E,CAAC,CAAC,QAAQ,IAAI,QAAQ;AACtB,QAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBH,sBAAA,CAAA,aAAA,CAACO,SAAI,EAAA,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAEJ,aAAM,CAAC,UAAU,EAAA,EACrD,CAAC,UAAU,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,OAAO,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAChF,CACR,CACO;AAEd;;;;"}
+{"version":3,"file":"Avatar.cjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalFillIcon } from '../../icons';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { theme } from '../../theme';\nimport styles from './Avatar.module.scss';\nimport { AvatarProps, AvatarSize } from './types';\nimport { Text, type TextVariant } from '../Text';\nimport { FlexRow } from '../Flex/FlexRow';\n\nconst textVariantMapping: Record<keyof typeof AvatarSize, TextVariant> = {\n  md: 'bodySmallBold',\n  lg: 'bodySmallBold',\n  xl: 'headingSmall',\n  xxl: 'headingMedium',\n};\n\n/**\n * Avatar displays a user's initials, photo, or an icon inside a circular frame,\n * with an optional error indicator.\n *\n * Initials are derived from `name`. Provide `imageUrl` to render a photo or\n * `iconSlot` to render an icon instead — otherwise the initials are shown.\n */\nexport const Avatar = ({\n  size = 'lg',\n  name,\n  bgColor,\n  textColor,\n  iconSlot,\n  imageUrl,\n  hasIndicator = false,\n  ariaLabel = `Avatar of ${name}`,\n  className,\n  style,\n  ...rest\n}: AvatarProps) => {\n  const textVariant = textVariantMapping[size];\n\n  // Check if name contains any letters if so we show initials from text.\n  const hasLetters = /[a-zA-Z]/.test(name || '');\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      {...rest}\n      className={buildClassnames([styles.avatar, styles[`${size}-size`], className])}\n      style={\n        {\n          ...style,\n          ...assignCssVars({\n            avatarBgColor: iconSlot ? theme.colors.neutral.grey.lightest : bgColor,\n            avatarTextColor: textColor,\n          }),\n        } as React.CSSProperties\n      }\n      aria-label={ariaLabel}\n    >\n      {hasIndicator && (\n        <CriticalFillIcon\n          className={styles.indicatorIcon}\n          color={theme.colors.secondary.red.base}\n          fill={theme.colors.neutral.grey.lightest}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label=\"Avatar has an error\"\n        />\n      )}\n      {imageUrl && <img src={imageUrl} alt={name} className={styles.avatarImage} />}\n      {!!iconSlot && iconSlot}\n      {!imageUrl && !iconSlot && (\n        <Text variant={textVariant} className={styles.avatarText}>\n          {!hasLetters ? name?.toUpperCase() : name?.toUpperCase()?.match(/\\b\\w/g)?.slice(0, 2)}\n        </Text>\n      )}\n    </FlexRow>\n  );\n};\n"],"names":["React","FlexRow","buildClassnames","styles","assignCssVars","theme","CriticalFillIcon","Text"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,kBAAkB,GAAiD;AACvE,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,cAAc;AAClB,IAAA,GAAG,EAAE,eAAe;CACrB;AAED;;;;;;AAMG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,aAAa,IAAI,CAAA,CAAE,EAC/B,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACK,KAAI;;AAChB,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;;IAG5C,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;AAE9C,IAAA,QACEA,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EACN,cAAc,EAAC,QAAQ,EAAA,GACnB,IAAI,EACR,SAAS,EAAEC,+BAAe,CAAC,CAACC,aAAM,CAAC,MAAM,EAAEA,aAAM,CAAC,GAAG,IAAI,CAAA,KAAA,CAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EACH;AACE,YAAA,GAAG,KAAK;AACR,YAAA,GAAGC,2BAAa,CAAC;AACf,gBAAA,aAAa,EAAE,QAAQ,GAAGC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO;AACtE,gBAAA,eAAe,EAAE,SAAS;aAC3B,CAAC;AACoB,SAAA,EAAA,YAAA,EAEd,SAAS,EAAA;AAEpB,QAAA,YAAY,KACXL,sBAAA,CAAA,aAAA,CAACM,iCAAgB,EAAA,EACf,SAAS,EAAEH,aAAM,CAAC,aAAa,EAC/B,KAAK,EAAEE,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EAAA,YAAA,EACP,qBAAqB,GAChC,CACH;AACA,QAAA,QAAQ,IAAIL,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAEG,aAAM,CAAC,WAAW,EAAA,CAAI;QAC5E,CAAC,CAAC,QAAQ,IAAI,QAAQ;AACtB,QAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBH,sBAAA,CAAA,aAAA,CAACO,SAAI,EAAA,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAEJ,aAAM,CAAC,UAAU,EAAA,EACrD,CAAC,UAAU,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,OAAO,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAChF,CACR,CACO;AAEd;;;;"}

package/dist/components/Avatar/Avatar.d.ts

@@ -1,3 +1,10 @@
 import React from 'react';
 import { AvatarProps } from './types';
-export declare const Avatar: ({ size, name, bgColor, textColor, iconSlot, imageUrl, hasIndicator, ariaLabel, className, style, }: AvatarProps) => React.JSX.Element;
+/**
+ * Avatar displays a user's initials, photo, or an icon inside a circular frame,
+ * with an optional error indicator.
+ *
+ * Initials are derived from `name`. Provide `imageUrl` to render a photo or
+ * `iconSlot` to render an icon instead — otherwise the initials are shown.
+ */
+export declare const Avatar: ({ size, name, bgColor, textColor, iconSlot, imageUrl, hasIndicator, ariaLabel, className, style, ...rest }: AvatarProps) => React.JSX.Element;

package/dist/components/Avatar/Avatar.js

@@ -14,12 +14,19 @@ const textVariantMapping = {
     xl: 'headingSmall',
     xxl: 'headingMedium',
 };
-const Avatar = ({ size = 'lg', name, bgColor, textColor, iconSlot, imageUrl, hasIndicator = false, ariaLabel = `Avatar of ${name}`, className, style, }) => {
+/**
+ * Avatar displays a user's initials, photo, or an icon inside a circular frame,
+ * with an optional error indicator.
+ *
+ * Initials are derived from `name`. Provide `imageUrl` to render a photo or
+ * `iconSlot` to render an icon instead — otherwise the initials are shown.
+ */
+const Avatar = ({ size = 'lg', name, bgColor, textColor, iconSlot, imageUrl, hasIndicator = false, ariaLabel = `Avatar of ${name}`, className, style, ...rest }) => {
     var _a, _b;
     const textVariant = textVariantMapping[size];
     // Check if name contains any letters if so we show initials from text.
     const hasLetters = /[a-zA-Z]/.test(name || '');
-    return (React__default.createElement(FlexRow, { justifyContent: "center", className: buildClassnames([styles.avatar, styles[`${size}-size`], className]), style: {
+    return (React__default.createElement(FlexRow, { justifyContent: "center", ...rest, className: buildClassnames([styles.avatar, styles[`${size}-size`], className]), style: {
             ...style,
             ...assignCssVars({
                 avatarBgColor: iconSlot ? theme.colors.neutral.grey.lightest : bgColor,

package/dist/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalFillIcon } from '../../icons';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { theme } from '../../theme';\nimport styles from './Avatar.module.scss';\nimport { AvatarProps } from './types';\nimport { Text } from '../Text';\nimport { FlexRow } from '../Flex/FlexRow';\n\nconst textVariantMapping: Record<string, any> = {\n  md: 'bodySmallBold',\n  lg: 'bodySmallBold',\n  xl: 'headingSmall',\n  xxl: 'headingMedium',\n};\n\nexport const Avatar = ({\n  size = 'lg',\n  name,\n  bgColor,\n  textColor,\n  iconSlot,\n  imageUrl,\n  hasIndicator = false,\n  ariaLabel = `Avatar of ${name}`,\n  className,\n  style,\n}: AvatarProps) => {\n  const textVariant = textVariantMapping[size];\n\n  // Check if name contains any letters if so we show initials from text.\n  const hasLetters = /[a-zA-Z]/.test(name || '');\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      className={buildClassnames([styles.avatar, styles[`${size}-size`], className])}\n      style={\n        {\n          ...style,\n          ...assignCssVars({\n            avatarBgColor: iconSlot ? theme.colors.neutral.grey.lightest : bgColor,\n            avatarTextColor: textColor,\n          }),\n        } as React.CSSProperties\n      }\n      aria-label={ariaLabel}\n    >\n      {hasIndicator && (\n        <CriticalFillIcon\n          className={styles.indicatorIcon}\n          color={theme.colors.secondary.red.base}\n          fill={theme.colors.neutral.grey.lightest}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label=\"Avatar has an error\"\n        />\n      )}\n      {imageUrl && <img src={imageUrl} alt={name} className={styles.avatarImage} />}\n      {!!iconSlot && iconSlot}\n      {!imageUrl && !iconSlot && (\n        <Text variant={textVariant} className={styles.avatarText}>\n          {!hasLetters ? name?.toUpperCase() : name?.toUpperCase()?.match(/\\b\\w/g)?.slice(0, 2)}\n        </Text>\n      )}\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AASA,MAAM,kBAAkB,GAAwB;AAC9C,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,cAAc;AAClB,IAAA,GAAG,EAAE,eAAe;CACrB;AAEM,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,CAAA,UAAA,EAAa,IAAI,CAAA,CAAE,EAC/B,SAAS,EACT,KAAK,GACO,KAAI;;AAChB,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;;IAG5C,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;AAE9C,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA,EAAG,IAAI,CAAA,KAAA,CAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EACH;AACE,YAAA,GAAG,KAAK;AACR,YAAA,GAAG,aAAa,CAAC;AACf,gBAAA,aAAa,EAAE,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO;AACtE,gBAAA,eAAe,EAAE,SAAS;aAC3B,CAAC;AACoB,SAAA,EAAA,YAAA,EAEd,SAAS,EAAA;AAEpB,QAAA,YAAY,KACXA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EAAA,YAAA,EACP,qBAAqB,GAChC,CACH;AACA,QAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,CAAI;QAC5E,CAAC,CAAC,QAAQ,IAAI,QAAQ;AACtB,QAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,EAAA,EACrD,CAAC,UAAU,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,OAAO,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAChF,CACR,CACO;AAEd;;;;"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport { CriticalFillIcon } from '../../icons';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { theme } from '../../theme';\nimport styles from './Avatar.module.scss';\nimport { AvatarProps, AvatarSize } from './types';\nimport { Text, type TextVariant } from '../Text';\nimport { FlexRow } from '../Flex/FlexRow';\n\nconst textVariantMapping: Record<keyof typeof AvatarSize, TextVariant> = {\n  md: 'bodySmallBold',\n  lg: 'bodySmallBold',\n  xl: 'headingSmall',\n  xxl: 'headingMedium',\n};\n\n/**\n * Avatar displays a user's initials, photo, or an icon inside a circular frame,\n * with an optional error indicator.\n *\n * Initials are derived from `name`. Provide `imageUrl` to render a photo or\n * `iconSlot` to render an icon instead — otherwise the initials are shown.\n */\nexport const Avatar = ({\n  size = 'lg',\n  name,\n  bgColor,\n  textColor,\n  iconSlot,\n  imageUrl,\n  hasIndicator = false,\n  ariaLabel = `Avatar of ${name}`,\n  className,\n  style,\n  ...rest\n}: AvatarProps) => {\n  const textVariant = textVariantMapping[size];\n\n  // Check if name contains any letters if so we show initials from text.\n  const hasLetters = /[a-zA-Z]/.test(name || '');\n\n  return (\n    <FlexRow\n      justifyContent=\"center\"\n      {...rest}\n      className={buildClassnames([styles.avatar, styles[`${size}-size`], className])}\n      style={\n        {\n          ...style,\n          ...assignCssVars({\n            avatarBgColor: iconSlot ? theme.colors.neutral.grey.lightest : bgColor,\n            avatarTextColor: textColor,\n          }),\n        } as React.CSSProperties\n      }\n      aria-label={ariaLabel}\n    >\n      {hasIndicator && (\n        <CriticalFillIcon\n          className={styles.indicatorIcon}\n          color={theme.colors.secondary.red.base}\n          fill={theme.colors.neutral.grey.lightest}\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-label=\"Avatar has an error\"\n        />\n      )}\n      {imageUrl && <img src={imageUrl} alt={name} className={styles.avatarImage} />}\n      {!!iconSlot && iconSlot}\n      {!imageUrl && !iconSlot && (\n        <Text variant={textVariant} className={styles.avatarText}>\n          {!hasLetters ? name?.toUpperCase() : name?.toUpperCase()?.match(/\\b\\w/g)?.slice(0, 2)}\n        </Text>\n      )}\n    </FlexRow>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AASA,MAAM,kBAAkB,GAAiD;AACvE,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,eAAe;AACnB,IAAA,EAAE,EAAE,cAAc;AAClB,IAAA,GAAG,EAAE,eAAe;CACrB;AAED;;;;;;AAMG;AACI,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,GAAG,IAAI,EACX,IAAI,EACJ,OAAO,EACP,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,aAAa,IAAI,CAAA,CAAE,EAC/B,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACK,KAAI;;AAChB,IAAA,MAAM,WAAW,GAAG,kBAAkB,CAAC,IAAI,CAAC;;IAG5C,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;AAE9C,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,cAAc,EAAC,QAAQ,EAAA,GACnB,IAAI,EACR,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAA,KAAA,CAAO,CAAC,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EACH;AACE,YAAA,GAAG,KAAK;AACR,YAAA,GAAG,aAAa,CAAC;AACf,gBAAA,aAAa,EAAE,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO;AACtE,gBAAA,eAAe,EAAE,SAAS;aAC3B,CAAC;AACoB,SAAA,EAAA,YAAA,EAEd,SAAS,EAAA;AAEpB,QAAA,YAAY,KACXA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAA,EACf,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EACtC,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EACxC,IAAI,EAAC,QAAQ,EAAA,WAAA,EACH,QAAQ,EAAA,YAAA,EACP,qBAAqB,GAChC,CACH;AACA,QAAA,QAAQ,IAAIA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,CAAI;QAC5E,CAAC,CAAC,QAAQ,IAAI,QAAQ;AACtB,QAAA,CAAC,QAAQ,IAAI,CAAC,QAAQ,KACrBA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,EAAA,EACrD,CAAC,UAAU,GAAG,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,WAAW,EAAE,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,OAAO,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAChF,CACR,CACO;AAEd;;;;"}

package/dist/components/Avatar/Avatar.module.scss.cjs

@@ -2,8 +2,8 @@
 
 var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
 
-___$insertStyle("._avatar_1oval_1 {\n  border: var(--sizes-line) solid var(--colors-neutral-grey-base);\n  border-radius: var(--radius-full);\n  background-size: cover;\n  background-color: var(--avatar-bg-color, var(--colors-secondary-blue-base));\n  position: relative;\n  width: var(--avatar-size, var(--sizes-lg));\n  height: var(--avatar-size, var(--sizes-lg));\n}\n\n._avatarImage_1oval_11 {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--radius-full);\n  object-fit: cover;\n}\n\n._avatarText_1oval_18 {\n  color: var(--avatar-text-color, #fff) !important;\n}\n\n._indicatorIcon_1oval_22 {\n  position: absolute;\n  /* Calculate offset as roughly 30% of icon size, with fallback */\n  top: calc(-0.3 * var(--indicator-icon-size, 16px));\n  right: calc(-0.3 * var(--indicator-icon-size, 16px));\n  width: var(--indicator-icon-size, var(--sizes-lg));\n  height: var(--indicator-icon-size, var(--sizes-lg));\n}\n\n._md-size_1oval_31 {\n  --avatar-size: var(--sizes-md);\n  --indicator-icon-size: var(--sizes-3);\n}\n\n._lg-size_1oval_36 {\n  --avatar-size: var(--sizes-lg);\n  --indicator-icon-size: var(--sizes-base);\n}\n\n._xl-size_1oval_41 {\n  --avatar-size: var(--sizes-xl);\n  --indicator-icon-size: var(--sizes-7);\n}\n\n._xxl-size_1oval_46 {\n  --avatar-size: var(--sizes-xxl);\n  --indicator-icon-size: var(--sizes-lg);\n}");
-var styles = {"avatar":"_avatar_1oval_1","avatarImage":"_avatarImage_1oval_11","avatarText":"_avatarText_1oval_18","indicatorIcon":"_indicatorIcon_1oval_22","md-size":"_md-size_1oval_31","lg-size":"_lg-size_1oval_36","xl-size":"_xl-size_1oval_41","xxl-size":"_xxl-size_1oval_46"};
+___$insertStyle("._avatar_1yl95_1 {\n  border: var(--sizes-line) solid var(--colors-neutral-grey-base);\n  border-radius: var(--radius-full);\n  background-size: cover;\n  background-color: var(--avatar-bg-color, var(--colors-secondary-blue-base));\n  position: relative;\n  width: var(--avatar-size, var(--sizes-lg));\n  height: var(--avatar-size, var(--sizes-lg));\n}\n\n._avatarImage_1yl95_11 {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--radius-full);\n  object-fit: cover;\n}\n\n._avatarText_1yl95_18 {\n  color: var(--avatar-text-color, var(--colors-neutral-white)) !important;\n}\n\n._indicatorIcon_1yl95_22 {\n  position: absolute;\n  /* Calculate offset as roughly 30% of icon size, with fallback */\n  top: calc(-0.3 * var(--indicator-icon-size, 16px));\n  right: calc(-0.3 * var(--indicator-icon-size, 16px));\n  width: var(--indicator-icon-size, var(--sizes-lg));\n  height: var(--indicator-icon-size, var(--sizes-lg));\n}\n\n._md-size_1yl95_31 {\n  --avatar-size: var(--sizes-md);\n  --indicator-icon-size: var(--sizes-3);\n}\n\n._lg-size_1yl95_36 {\n  --avatar-size: var(--sizes-lg);\n  --indicator-icon-size: var(--sizes-base);\n}\n\n._xl-size_1yl95_41 {\n  --avatar-size: var(--sizes-xl);\n  --indicator-icon-size: var(--sizes-7);\n}\n\n._xxl-size_1yl95_46 {\n  --avatar-size: var(--sizes-xxl);\n  --indicator-icon-size: var(--sizes-lg);\n}");
+var styles = {"avatar":"_avatar_1yl95_1","avatarImage":"_avatarImage_1yl95_11","avatarText":"_avatarText_1yl95_18","indicatorIcon":"_indicatorIcon_1yl95_22","md-size":"_md-size_1yl95_31","lg-size":"_lg-size_1yl95_36","xl-size":"_xl-size_1yl95_41","xxl-size":"_xxl-size_1yl95_46"};
 
 module.exports = styles;
 //# sourceMappingURL=Avatar.module.scss.cjs.map

package/dist/components/Avatar/Avatar.module.scss.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.module.scss.cjs","sources":["../../../src/components/Avatar/Avatar.module.scss"],"sourcesContent":[".avatar {\n  border: var(--sizes-line) solid var(--colors-neutral-grey-base);\n  border-radius: var(--radius-full);\n  background-size: cover;\n  background-color: var(--avatar-bg-color, var(--colors-secondary-blue-base));\n  position: relative;\n  width: var(--avatar-size, var(--sizes-lg));\n  height: var(--avatar-size, var(--sizes-lg));\n}\n\n.avatarImage {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--radius-full);\n  object-fit: cover;\n}\n\n.avatarText {\n  color: var(--avatar-text-color, #fff) !important;\n}\n\n.indicatorIcon {\n  position: absolute;\n  /* Calculate offset as roughly 30% of icon size, with fallback */\n  top: calc(-0.3 * var(--indicator-icon-size, 16px));\n  right: calc(-0.3 * var(--indicator-icon-size, 16px));\n  width: var(--indicator-icon-size, var(--sizes-lg));\n  height: var(--indicator-icon-size, var(--sizes-lg));\n}\n\n.md-size {\n  --avatar-size: var(--sizes-md);\n  --indicator-icon-size: var(--sizes-3);\n}\n\n.lg-size {\n  --avatar-size: var(--sizes-lg);\n  --indicator-icon-size: var(--sizes-base);\n}\n\n.xl-size {\n  --avatar-size: var(--sizes-xl);\n  --indicator-icon-size: var(--sizes-7);\n}\n\n.xxl-size {\n  --avatar-size: var(--sizes-xxl);\n  --indicator-icon-size: var(--sizes-lg);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,mzCAAA;AACA,aAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,UAAA,CAAA,oBAAA;;;;"}
+{"version":3,"file":"Avatar.module.scss.cjs","sources":["../../../src/components/Avatar/Avatar.module.scss"],"sourcesContent":[".avatar {\n  border: var(--sizes-line) solid var(--colors-neutral-grey-base);\n  border-radius: var(--radius-full);\n  background-size: cover;\n  background-color: var(--avatar-bg-color, var(--colors-secondary-blue-base));\n  position: relative;\n  width: var(--avatar-size, var(--sizes-lg));\n  height: var(--avatar-size, var(--sizes-lg));\n}\n\n.avatarImage {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--radius-full);\n  object-fit: cover;\n}\n\n.avatarText {\n  color: var(--avatar-text-color, var(--colors-neutral-white)) !important;\n}\n\n.indicatorIcon {\n  position: absolute;\n  /* Calculate offset as roughly 30% of icon size, with fallback */\n  top: calc(-0.3 * var(--indicator-icon-size, 16px));\n  right: calc(-0.3 * var(--indicator-icon-size, 16px));\n  width: var(--indicator-icon-size, var(--sizes-lg));\n  height: var(--indicator-icon-size, var(--sizes-lg));\n}\n\n.md-size {\n  --avatar-size: var(--sizes-md);\n  --indicator-icon-size: var(--sizes-3);\n}\n\n.lg-size {\n  --avatar-size: var(--sizes-lg);\n  --indicator-icon-size: var(--sizes-base);\n}\n\n.xl-size {\n  --avatar-size: var(--sizes-xl);\n  --indicator-icon-size: var(--sizes-7);\n}\n\n.xxl-size {\n  --avatar-size: var(--sizes-xxl);\n  --indicator-icon-size: var(--sizes-lg);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,00CAAA;AACA,aAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,UAAA,CAAA,oBAAA;;;;"}

package/dist/components/Avatar/Avatar.module.scss.js

@@ -1,7 +1,7 @@
 import insertStyle from '../../_virtual/____insertStyle.js';
 
-insertStyle("._avatar_1oval_1 {\n  border: var(--sizes-line) solid var(--colors-neutral-grey-base);\n  border-radius: var(--radius-full);\n  background-size: cover;\n  background-color: var(--avatar-bg-color, var(--colors-secondary-blue-base));\n  position: relative;\n  width: var(--avatar-size, var(--sizes-lg));\n  height: var(--avatar-size, var(--sizes-lg));\n}\n\n._avatarImage_1oval_11 {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--radius-full);\n  object-fit: cover;\n}\n\n._avatarText_1oval_18 {\n  color: var(--avatar-text-color, #fff) !important;\n}\n\n._indicatorIcon_1oval_22 {\n  position: absolute;\n  /* Calculate offset as roughly 30% of icon size, with fallback */\n  top: calc(-0.3 * var(--indicator-icon-size, 16px));\n  right: calc(-0.3 * var(--indicator-icon-size, 16px));\n  width: var(--indicator-icon-size, var(--sizes-lg));\n  height: var(--indicator-icon-size, var(--sizes-lg));\n}\n\n._md-size_1oval_31 {\n  --avatar-size: var(--sizes-md);\n  --indicator-icon-size: var(--sizes-3);\n}\n\n._lg-size_1oval_36 {\n  --avatar-size: var(--sizes-lg);\n  --indicator-icon-size: var(--sizes-base);\n}\n\n._xl-size_1oval_41 {\n  --avatar-size: var(--sizes-xl);\n  --indicator-icon-size: var(--sizes-7);\n}\n\n._xxl-size_1oval_46 {\n  --avatar-size: var(--sizes-xxl);\n  --indicator-icon-size: var(--sizes-lg);\n}");
-var styles = {"avatar":"_avatar_1oval_1","avatarImage":"_avatarImage_1oval_11","avatarText":"_avatarText_1oval_18","indicatorIcon":"_indicatorIcon_1oval_22","md-size":"_md-size_1oval_31","lg-size":"_lg-size_1oval_36","xl-size":"_xl-size_1oval_41","xxl-size":"_xxl-size_1oval_46"};
+insertStyle("._avatar_1yl95_1 {\n  border: var(--sizes-line) solid var(--colors-neutral-grey-base);\n  border-radius: var(--radius-full);\n  background-size: cover;\n  background-color: var(--avatar-bg-color, var(--colors-secondary-blue-base));\n  position: relative;\n  width: var(--avatar-size, var(--sizes-lg));\n  height: var(--avatar-size, var(--sizes-lg));\n}\n\n._avatarImage_1yl95_11 {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--radius-full);\n  object-fit: cover;\n}\n\n._avatarText_1yl95_18 {\n  color: var(--avatar-text-color, var(--colors-neutral-white)) !important;\n}\n\n._indicatorIcon_1yl95_22 {\n  position: absolute;\n  /* Calculate offset as roughly 30% of icon size, with fallback */\n  top: calc(-0.3 * var(--indicator-icon-size, 16px));\n  right: calc(-0.3 * var(--indicator-icon-size, 16px));\n  width: var(--indicator-icon-size, var(--sizes-lg));\n  height: var(--indicator-icon-size, var(--sizes-lg));\n}\n\n._md-size_1yl95_31 {\n  --avatar-size: var(--sizes-md);\n  --indicator-icon-size: var(--sizes-3);\n}\n\n._lg-size_1yl95_36 {\n  --avatar-size: var(--sizes-lg);\n  --indicator-icon-size: var(--sizes-base);\n}\n\n._xl-size_1yl95_41 {\n  --avatar-size: var(--sizes-xl);\n  --indicator-icon-size: var(--sizes-7);\n}\n\n._xxl-size_1yl95_46 {\n  --avatar-size: var(--sizes-xxl);\n  --indicator-icon-size: var(--sizes-lg);\n}");
+var styles = {"avatar":"_avatar_1yl95_1","avatarImage":"_avatarImage_1yl95_11","avatarText":"_avatarText_1yl95_18","indicatorIcon":"_indicatorIcon_1yl95_22","md-size":"_md-size_1yl95_31","lg-size":"_lg-size_1yl95_36","xl-size":"_xl-size_1yl95_41","xxl-size":"_xxl-size_1yl95_46"};
 
 export { styles as default };
 //# sourceMappingURL=Avatar.module.scss.js.map

package/dist/components/Avatar/Avatar.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.module.scss.js","sources":["../../../src/components/Avatar/Avatar.module.scss"],"sourcesContent":[".avatar {\n  border: var(--sizes-line) solid var(--colors-neutral-grey-base);\n  border-radius: var(--radius-full);\n  background-size: cover;\n  background-color: var(--avatar-bg-color, var(--colors-secondary-blue-base));\n  position: relative;\n  width: var(--avatar-size, var(--sizes-lg));\n  height: var(--avatar-size, var(--sizes-lg));\n}\n\n.avatarImage {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--radius-full);\n  object-fit: cover;\n}\n\n.avatarText {\n  color: var(--avatar-text-color, #fff) !important;\n}\n\n.indicatorIcon {\n  position: absolute;\n  /* Calculate offset as roughly 30% of icon size, with fallback */\n  top: calc(-0.3 * var(--indicator-icon-size, 16px));\n  right: calc(-0.3 * var(--indicator-icon-size, 16px));\n  width: var(--indicator-icon-size, var(--sizes-lg));\n  height: var(--indicator-icon-size, var(--sizes-lg));\n}\n\n.md-size {\n  --avatar-size: var(--sizes-md);\n  --indicator-icon-size: var(--sizes-3);\n}\n\n.lg-size {\n  --avatar-size: var(--sizes-lg);\n  --indicator-icon-size: var(--sizes-base);\n}\n\n.xl-size {\n  --avatar-size: var(--sizes-xl);\n  --indicator-icon-size: var(--sizes-7);\n}\n\n.xxl-size {\n  --avatar-size: var(--sizes-xxl);\n  --indicator-icon-size: var(--sizes-lg);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,mzCAAA;AACA,aAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,UAAA,CAAA,oBAAA;;;;"}
+{"version":3,"file":"Avatar.module.scss.js","sources":["../../../src/components/Avatar/Avatar.module.scss"],"sourcesContent":[".avatar {\n  border: var(--sizes-line) solid var(--colors-neutral-grey-base);\n  border-radius: var(--radius-full);\n  background-size: cover;\n  background-color: var(--avatar-bg-color, var(--colors-secondary-blue-base));\n  position: relative;\n  width: var(--avatar-size, var(--sizes-lg));\n  height: var(--avatar-size, var(--sizes-lg));\n}\n\n.avatarImage {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--radius-full);\n  object-fit: cover;\n}\n\n.avatarText {\n  color: var(--avatar-text-color, var(--colors-neutral-white)) !important;\n}\n\n.indicatorIcon {\n  position: absolute;\n  /* Calculate offset as roughly 30% of icon size, with fallback */\n  top: calc(-0.3 * var(--indicator-icon-size, 16px));\n  right: calc(-0.3 * var(--indicator-icon-size, 16px));\n  width: var(--indicator-icon-size, var(--sizes-lg));\n  height: var(--indicator-icon-size, var(--sizes-lg));\n}\n\n.md-size {\n  --avatar-size: var(--sizes-md);\n  --indicator-icon-size: var(--sizes-3);\n}\n\n.lg-size {\n  --avatar-size: var(--sizes-lg);\n  --indicator-icon-size: var(--sizes-base);\n}\n\n.xl-size {\n  --avatar-size: var(--sizes-xl);\n  --indicator-icon-size: var(--sizes-7);\n}\n\n.xxl-size {\n  --avatar-size: var(--sizes-xxl);\n  --indicator-icon-size: var(--sizes-lg);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,00CAAA;AACA,aAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,UAAA,CAAA,oBAAA;;;;"}

package/dist/components/Avatar/index.d.ts

@@ -1 +1,3 @@
 export { Avatar } from './Avatar';
+export type { AvatarProps } from './types';
+export { AvatarSize } from './types';

package/dist/components/Avatar/types.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+exports.AvatarSize = void 0;
+(function (AvatarSize) {
+    AvatarSize["md"] = "md";
+    AvatarSize["lg"] = "lg";
+    AvatarSize["xl"] = "xl";
+    AvatarSize["xxl"] = "xxl";
+})(exports.AvatarSize || (exports.AvatarSize = {}));
+//# sourceMappingURL=types.cjs.map

package/dist/components/Avatar/types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":["../../../src/components/Avatar/types.ts"],"sourcesContent":["export enum AvatarSize {\n  md = 'md',\n  lg = 'lg',\n  xl = 'xl',\n  xxl = 'xxl',\n}\n\nexport type AvatarProps = React.HTMLAttributes<HTMLDivElement> & {\n  /** Full name used to derive initials and the default accessible label. */\n  name: string;\n  /** Overall dimension of the avatar. @default 'lg' */\n  size?: keyof typeof AvatarSize;\n  /** Background colour of the circle. Ignored when `iconSlot` is set. */\n  bgColor?: string;\n  /** Colour of the initials text. */\n  textColor?: string;\n  /** Icon rendered in place of initials (e.g. a channel or brand mark). */\n  iconSlot?: React.ReactNode;\n  /** Image URL rendered in place of initials. */\n  imageUrl?: string;\n  /** Accessible label for the avatar. @default `Avatar of ${name}` */\n  ariaLabel?: string;\n  /** Shows a red error indicator on the avatar. @default false */\n  hasIndicator?: boolean;\n};\n"],"names":["AvatarSize"],"mappings":";;AAAYA;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,UAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EALWA,kBAAU,KAAVA,kBAAU,GAAA,EAAA,CAAA,CAAA;;"}

package/dist/components/Avatar/types.d.ts

@@ -6,12 +6,20 @@ export declare enum AvatarSize {
     xxl = "xxl"
 }
 export type AvatarProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Full name used to derive initials and the default accessible label. */
     name: string;
+    /** Overall dimension of the avatar. @default 'lg' */
     size?: keyof typeof AvatarSize;
+    /** Background colour of the circle. Ignored when `iconSlot` is set. */
     bgColor?: string;
+    /** Colour of the initials text. */
     textColor?: string;
+    /** Icon rendered in place of initials (e.g. a channel or brand mark). */
     iconSlot?: React.ReactNode;
+    /** Image URL rendered in place of initials. */
     imageUrl?: string;
+    /** Accessible label for the avatar. @default `Avatar of ${name}` */
     ariaLabel?: string;
+    /** Shows a red error indicator on the avatar. @default false */
     hasIndicator?: boolean;
 };

package/dist/components/Avatar/types.js

@@ -0,0 +1,10 @@
+var AvatarSize;
+(function (AvatarSize) {
+    AvatarSize["md"] = "md";
+    AvatarSize["lg"] = "lg";
+    AvatarSize["xl"] = "xl";
+    AvatarSize["xxl"] = "xxl";
+})(AvatarSize || (AvatarSize = {}));
+
+export { AvatarSize };
+//# sourceMappingURL=types.js.map

package/dist/components/Avatar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/Avatar/types.ts"],"sourcesContent":["export enum AvatarSize {\n  md = 'md',\n  lg = 'lg',\n  xl = 'xl',\n  xxl = 'xxl',\n}\n\nexport type AvatarProps = React.HTMLAttributes<HTMLDivElement> & {\n  /** Full name used to derive initials and the default accessible label. */\n  name: string;\n  /** Overall dimension of the avatar. @default 'lg' */\n  size?: keyof typeof AvatarSize;\n  /** Background colour of the circle. Ignored when `iconSlot` is set. */\n  bgColor?: string;\n  /** Colour of the initials text. */\n  textColor?: string;\n  /** Icon rendered in place of initials (e.g. a channel or brand mark). */\n  iconSlot?: React.ReactNode;\n  /** Image URL rendered in place of initials. */\n  imageUrl?: string;\n  /** Accessible label for the avatar. @default `Avatar of ${name}` */\n  ariaLabel?: string;\n  /** Shows a red error indicator on the avatar. @default false */\n  hasIndicator?: boolean;\n};\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,UAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EALW,UAAU,KAAV,UAAU,GAAA,EAAA,CAAA,CAAA;;;;"}

package/dist/components/FilterTag/FilterTag.module.scss.cjs

@@ -2,8 +2,8 @@
 
 var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
 
-___$insertStyle("._container_1g0hs_1 {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: var(--colors-neutral-grey-base);\n  padding: var(--sizes-xs) var(--sizes-sm);\n  cursor: pointer;\n  border: 1px solid var(--colors-neutral-grey-dark);\n  border-radius: var(--radius-base);\n}\n._container_1g0hs_1 svg {\n  width: var(--sizes-base);\n  height: var(--sizes-base);\n}\n._container_1g0hs_1:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n}\n\n._groupLabel_1g0hs_20 {\n  margin-right: var(--sizes-xs);\n}\n\n._mainIcon_1g0hs_24 {\n  margin-left: var(--sizes-xs);\n  transform: rotate(0);\n  width: 10px;\n  height: 10px;\n}\n\n._rotated_1g0hs_31 {\n  transform: rotate(180deg);\n}\n\n._crossIcon_1g0hs_35 {\n  margin-left: var(--sizes-xs);\n  height: 10px;\n  width: 10px;\n}\n\n._content_1g0hs_41 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n\n._header_1g0hs_48 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  padding: var(--sizes-3) 18px;\n  border-bottom: 1px solid var(--colors-neutral-grey-base);\n}\n._header_1g0hs_48 svg {\n  color: var(--header-color);\n  width: var(--sizes-5);\n  height: var(--sizes-5);\n  margin-right: 10px;\n}");
-var styles = {"container":"_container_1g0hs_1","groupLabel":"_groupLabel_1g0hs_20","mainIcon":"_mainIcon_1g0hs_24","rotated":"_rotated_1g0hs_31","crossIcon":"_crossIcon_1g0hs_35","content":"_content_1g0hs_41","header":"_header_1g0hs_48"};
+___$insertStyle("._container_1q3sh_1 {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: var(--colors-neutral-grey-base);\n  padding: var(--sizes-xs) var(--sizes-sm);\n  cursor: pointer;\n  border: var(--sizes-line) solid var(--colors-neutral-grey-dark);\n  border-radius: var(--radius-base);\n}\n._container_1q3sh_1 svg {\n  width: var(--sizes-base);\n  height: var(--sizes-base);\n}\n._container_1q3sh_1:hover {\n  background-color: var(--colors-neutral-grey-light);\n}\n._container_1q3sh_1:focus-visible {\n  outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n}\n._container_1q3sh_1:active {\n  background-color: var(--colors-neutral-grey-light);\n  border-color: var(--colors-secondary-blue-base);\n  outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n}\n\n._groupLabel_1q3sh_27 {\n  margin-right: var(--sizes-xs);\n}\n\n._mainIcon_1q3sh_31 {\n  margin-left: var(--sizes-xs);\n  transform: rotate(0);\n  width: 10px;\n  height: 10px;\n}\n\n._rotated_1q3sh_38 {\n  transform: rotate(180deg);\n}\n\n._crossIcon_1q3sh_42 {\n  margin-left: var(--sizes-xs);\n  height: 10px;\n  width: 10px;\n}\n\n._content_1q3sh_48 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n\n._header_1q3sh_55 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  padding: var(--sizes-3) 18px;\n  border-bottom: var(--sizes-line) solid var(--colors-neutral-grey-base);\n}\n._header_1q3sh_55 svg {\n  color: var(--header-color);\n  width: var(--sizes-5);\n  height: var(--sizes-5);\n  margin-right: 10px;\n}");
+var styles = {"container":"_container_1q3sh_1","groupLabel":"_groupLabel_1q3sh_27","mainIcon":"_mainIcon_1q3sh_31","rotated":"_rotated_1q3sh_38","crossIcon":"_crossIcon_1q3sh_42","content":"_content_1q3sh_48","header":"_header_1q3sh_55"};
 
 module.exports = styles;
 //# sourceMappingURL=FilterTag.module.scss.cjs.map

package/dist/components/FilterTag/FilterTag.module.scss.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterTag.module.scss.cjs","sources":["../../../src/components/FilterTag/FilterTag.module.scss"],"sourcesContent":[".container {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: var(--colors-neutral-grey-base);\n  padding: var(--sizes-xs) var(--sizes-sm);\n  cursor: pointer;\n\n  border: 1px solid var(--colors-neutral-grey-dark);\n  border-radius: var(--radius-base);\n\n  svg {\n    width: var(--sizes-base);\n    height: var(--sizes-base);\n  }\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n  }\n}\n\n.groupLabel {\n  margin-right: var(--sizes-xs);\n}\n\n.mainIcon {\n  margin-left: var(--sizes-xs);\n  transform: rotate(0);\n\n  width: 10px;\n  height: 10px;\n}\n\n.rotated {\n  transform: rotate(180deg);\n}\n\n.crossIcon {\n  margin-left: var(--sizes-xs);\n  height: 10px;\n  width: 10px;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n\n.header {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  padding: var(--sizes-3) 18px;\n  border-bottom: 1px solid var(--colors-neutral-grey-base);\n\n  svg {\n    color: var(--header-color);\n    width: var(--sizes-5);\n    height: var(--sizes-5);\n    margin-right: 10px;\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,+yCAAA;AACA,aAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,WAAA,CAAA,qBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,QAAA,CAAA,kBAAA;;;;"}
+{"version":3,"file":"FilterTag.module.scss.cjs","sources":["../../../src/components/FilterTag/FilterTag.module.scss"],"sourcesContent":[".container {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: var(--colors-neutral-grey-base);\n  padding: var(--sizes-xs) var(--sizes-sm);\n  cursor: pointer;\n\n  border: var(--sizes-line) solid var(--colors-neutral-grey-dark);\n  border-radius: var(--radius-base);\n\n  svg {\n    width: var(--sizes-base);\n    height: var(--sizes-base);\n  }\n\n  // Pseudo-states mirror the Action component: lighten on hover, blue outline on\n  // focus-visible, and a darker border + outline while active.\n  &:hover {\n    background-color: var(--colors-neutral-grey-light);\n  }\n\n  &:focus-visible {\n    outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n  }\n\n  &:active {\n    background-color: var(--colors-neutral-grey-light);\n    border-color: var(--colors-secondary-blue-base);\n    outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n  }\n}\n\n.groupLabel {\n  margin-right: var(--sizes-xs);\n}\n\n// Chip glyphs use a fixed 10px size — a bespoke dimension with no matching token.\n.mainIcon {\n  margin-left: var(--sizes-xs);\n  transform: rotate(0);\n\n  width: 10px;\n  height: 10px;\n}\n\n.rotated {\n  transform: rotate(180deg);\n}\n\n.crossIcon {\n  margin-left: var(--sizes-xs);\n  height: 10px;\n  width: 10px;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n\n.header {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  padding: var(--sizes-3) 18px;\n  border-bottom: var(--sizes-line) solid var(--colors-neutral-grey-base);\n\n  svg {\n    color: var(--header-color);\n    width: var(--sizes-5);\n    height: var(--sizes-5);\n    margin-right: 10px;\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,mnDAAA;AACA,aAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,WAAA,CAAA,qBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,QAAA,CAAA,kBAAA;;;;"}

package/dist/components/FilterTag/FilterTag.module.scss.js

@@ -1,7 +1,7 @@
 import insertStyle from '../../_virtual/____insertStyle.js';
 
-insertStyle("._container_1g0hs_1 {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: var(--colors-neutral-grey-base);\n  padding: var(--sizes-xs) var(--sizes-sm);\n  cursor: pointer;\n  border: 1px solid var(--colors-neutral-grey-dark);\n  border-radius: var(--radius-base);\n}\n._container_1g0hs_1 svg {\n  width: var(--sizes-base);\n  height: var(--sizes-base);\n}\n._container_1g0hs_1:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n}\n\n._groupLabel_1g0hs_20 {\n  margin-right: var(--sizes-xs);\n}\n\n._mainIcon_1g0hs_24 {\n  margin-left: var(--sizes-xs);\n  transform: rotate(0);\n  width: 10px;\n  height: 10px;\n}\n\n._rotated_1g0hs_31 {\n  transform: rotate(180deg);\n}\n\n._crossIcon_1g0hs_35 {\n  margin-left: var(--sizes-xs);\n  height: 10px;\n  width: 10px;\n}\n\n._content_1g0hs_41 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n\n._header_1g0hs_48 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  padding: var(--sizes-3) 18px;\n  border-bottom: 1px solid var(--colors-neutral-grey-base);\n}\n._header_1g0hs_48 svg {\n  color: var(--header-color);\n  width: var(--sizes-5);\n  height: var(--sizes-5);\n  margin-right: 10px;\n}");
-var styles = {"container":"_container_1g0hs_1","groupLabel":"_groupLabel_1g0hs_20","mainIcon":"_mainIcon_1g0hs_24","rotated":"_rotated_1g0hs_31","crossIcon":"_crossIcon_1g0hs_35","content":"_content_1g0hs_41","header":"_header_1g0hs_48"};
+insertStyle("._container_1q3sh_1 {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: var(--colors-neutral-grey-base);\n  padding: var(--sizes-xs) var(--sizes-sm);\n  cursor: pointer;\n  border: var(--sizes-line) solid var(--colors-neutral-grey-dark);\n  border-radius: var(--radius-base);\n}\n._container_1q3sh_1 svg {\n  width: var(--sizes-base);\n  height: var(--sizes-base);\n}\n._container_1q3sh_1:hover {\n  background-color: var(--colors-neutral-grey-light);\n}\n._container_1q3sh_1:focus-visible {\n  outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n}\n._container_1q3sh_1:active {\n  background-color: var(--colors-neutral-grey-light);\n  border-color: var(--colors-secondary-blue-base);\n  outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n}\n\n._groupLabel_1q3sh_27 {\n  margin-right: var(--sizes-xs);\n}\n\n._mainIcon_1q3sh_31 {\n  margin-left: var(--sizes-xs);\n  transform: rotate(0);\n  width: 10px;\n  height: 10px;\n}\n\n._rotated_1q3sh_38 {\n  transform: rotate(180deg);\n}\n\n._crossIcon_1q3sh_42 {\n  margin-left: var(--sizes-xs);\n  height: 10px;\n  width: 10px;\n}\n\n._content_1q3sh_48 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n\n._header_1q3sh_55 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  padding: var(--sizes-3) 18px;\n  border-bottom: var(--sizes-line) solid var(--colors-neutral-grey-base);\n}\n._header_1q3sh_55 svg {\n  color: var(--header-color);\n  width: var(--sizes-5);\n  height: var(--sizes-5);\n  margin-right: 10px;\n}");
+var styles = {"container":"_container_1q3sh_1","groupLabel":"_groupLabel_1q3sh_27","mainIcon":"_mainIcon_1q3sh_31","rotated":"_rotated_1q3sh_38","crossIcon":"_crossIcon_1q3sh_42","content":"_content_1q3sh_48","header":"_header_1q3sh_55"};
 
 export { styles as default };
 //# sourceMappingURL=FilterTag.module.scss.js.map

package/dist/components/FilterTag/FilterTag.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterTag.module.scss.js","sources":["../../../src/components/FilterTag/FilterTag.module.scss"],"sourcesContent":[".container {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: var(--colors-neutral-grey-base);\n  padding: var(--sizes-xs) var(--sizes-sm);\n  cursor: pointer;\n\n  border: 1px solid var(--colors-neutral-grey-dark);\n  border-radius: var(--radius-base);\n\n  svg {\n    width: var(--sizes-base);\n    height: var(--sizes-base);\n  }\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--colors-secondary-blue-light);\n  }\n}\n\n.groupLabel {\n  margin-right: var(--sizes-xs);\n}\n\n.mainIcon {\n  margin-left: var(--sizes-xs);\n  transform: rotate(0);\n\n  width: 10px;\n  height: 10px;\n}\n\n.rotated {\n  transform: rotate(180deg);\n}\n\n.crossIcon {\n  margin-left: var(--sizes-xs);\n  height: 10px;\n  width: 10px;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n\n.header {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  padding: var(--sizes-3) 18px;\n  border-bottom: 1px solid var(--colors-neutral-grey-base);\n\n  svg {\n    color: var(--header-color);\n    width: var(--sizes-5);\n    height: var(--sizes-5);\n    margin-right: 10px;\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,+yCAAA;AACA,aAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,WAAA,CAAA,qBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,QAAA,CAAA,kBAAA;;;;"}
+{"version":3,"file":"FilterTag.module.scss.js","sources":["../../../src/components/FilterTag/FilterTag.module.scss"],"sourcesContent":[".container {\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: var(--colors-neutral-grey-base);\n  padding: var(--sizes-xs) var(--sizes-sm);\n  cursor: pointer;\n\n  border: var(--sizes-line) solid var(--colors-neutral-grey-dark);\n  border-radius: var(--radius-base);\n\n  svg {\n    width: var(--sizes-base);\n    height: var(--sizes-base);\n  }\n\n  // Pseudo-states mirror the Action component: lighten on hover, blue outline on\n  // focus-visible, and a darker border + outline while active.\n  &:hover {\n    background-color: var(--colors-neutral-grey-light);\n  }\n\n  &:focus-visible {\n    outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n  }\n\n  &:active {\n    background-color: var(--colors-neutral-grey-light);\n    border-color: var(--colors-secondary-blue-base);\n    outline: var(--sizes-xs) solid var(--colors-secondary-blue-light);\n  }\n}\n\n.groupLabel {\n  margin-right: var(--sizes-xs);\n}\n\n// Chip glyphs use a fixed 10px size — a bespoke dimension with no matching token.\n.mainIcon {\n  margin-left: var(--sizes-xs);\n  transform: rotate(0);\n\n  width: 10px;\n  height: 10px;\n}\n\n.rotated {\n  transform: rotate(180deg);\n}\n\n.crossIcon {\n  margin-left: var(--sizes-xs);\n  height: 10px;\n  width: 10px;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n\n.header {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  padding: var(--sizes-3) 18px;\n  border-bottom: var(--sizes-line) solid var(--colors-neutral-grey-base);\n\n  svg {\n    color: var(--header-color);\n    width: var(--sizes-5);\n    height: var(--sizes-5);\n    margin-right: 10px;\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,mnDAAA;AACA,aAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,WAAA,CAAA,qBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,QAAA,CAAA,kBAAA;;;;"}

package/dist/components/FilterTag/index.d.ts

@@ -1 +1,2 @@
 export { FilterTag } from './FilterTag';
+export type { FilterTagProps } from './types';

package/dist/components/FilterTag/types.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode, ReactElement } from 'react';
 export interface FilterTagProps {
+    /** Prefix for hook class names emitted on the chip and dropdown DOM. */
     className?: string;
+    /** Prefix for hook class names (test selectors) emitted on the chip and dropdown DOM. */
     e2eClassName?: string;
     iconSlot?: ReactElement;
     label?: string;
@@ -9,7 +11,9 @@ export interface FilterTagProps {
     content?: ReactNode;
     footer?: ReactNode;
     header?: ReactNode;
+    /** Called when an open dropdown is dismissed: `(event, closeDropdown)` on an outside press, or `(event)` only when the trigger closes it. Not called on Escape. */
     onClickAway?: (event: Event, closeDropdown?: () => void) => void;
+    /** Handler for the simple chip only (no `content`). */
     onClick?: () => void;
     shouldCloseOnClickAway?: boolean;
 }

package/dist/components/IconGroup/IconGroup.cjs

@@ -2,6 +2,7 @@
 
 var React = require('react');
 var Avatar = require('../Avatar/Avatar.cjs');
+require('../Avatar/types.cjs');
 var index = require('../../theme/index.cjs');
 var buildClassnames = require('../../utils/buildClassnames.cjs');
 require('uid/secure');

package/dist/components/IconGroup/IconGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconGroup.cjs","sources":["../../../src/components/IconGroup/IconGroup.tsx"],"sourcesContent":["import React from 'react';\n\n// Renamed existing Avatar component to Icon for code readability\nimport { Avatar as Icon } from '../Avatar';\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport { IconGroupProps } from './types';\n\nimport styles from './IconGroup.module.scss';\n\nexport const IconGroup = ({\n  icons,\n  maxVisible = 3,\n  compact = false,\n  ariaLabel = 'Group of icons',\n  hasIndicator = false,\n  className,\n  ...listProps\n}: IconGroupProps) => {\n  const visibleIcons = icons.slice(\n    0,\n    icons.length > maxVisible ? Math.max(0, maxVisible - 1) : maxVisible,\n  );\n  const hiddenIcons = icons.slice(visibleIcons.length);\n\n  return (\n    <ul {...listProps} aria-label={ariaLabel} className={buildClassnames([styles.list, className])}>\n      {hiddenIcons.length > 0 && (\n        <li\n          key=\"icon-group-item-remaining-count\"\n          className={styles.item}\n          aria-label={`${hiddenIcons.length} additional ${hiddenIcons.length === 1 ? 'item' : 'items'}`}\n          style={\n            {\n              '--icon-z-index': maxVisible,\n            } as React.CSSProperties\n          }\n        >\n          <Icon\n            name={`${hiddenIcons.length}+`}\n            size={compact ? 'md' : 'lg'}\n            bgColor={theme.colors.secondary.blue.darkest}\n            textColor={theme.colors.neutral.grey.lightest}\n            ariaLabel=\"Number of additional icons not shown\"\n            hasIndicator={hasIndicator}\n          />\n        </li>\n      )}\n      {visibleIcons.map((icon, index) => (\n        <li\n          key={`icon-group-item-${icon.name}`}\n          className={styles.item}\n          aria-label={`Icon item of ${icon.name}`}\n          style={\n            {\n              '--icon-z-index': visibleIcons.length - index,\n            } as React.CSSProperties\n          }\n        >\n          <Icon\n            {...icon}\n            hasIndicator={false}\n            size={compact ? 'md' : 'lg'}\n            bgColor={icon?.bgColor ?? theme.colors.neutral.grey.light}\n            textColor={icon?.textColor ?? theme.colors.neutral.ink.base}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n};\n"],"names":["React","buildClassnames","styles","Icon","theme","index"],"mappings":";;;;;;;;;;;;;AAUO,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,UAAU,GAAG,CAAC,EACd,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,gBAAgB,EAC5B,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,GAAG,SAAS,EACG,KAAI;AACnB,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAC9B,CAAC,EACD,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,GAAG,UAAU,CACrE;IACD,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC;AAEpD,IAAA,QACEA,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAQ,SAAS,EAAA,YAAA,EAAc,SAAS,EAAE,SAAS,EAAEC,+BAAe,CAAC,CAACC,gBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAA;AAC3F,QAAA,WAAW,CAAC,MAAM,GAAG,CAAC,KACrBF,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACE,GAAG,EAAC,iCAAiC,EACrC,SAAS,EAAEE,gBAAM,CAAC,IAAI,gBACV,CAAA,EAAG,WAAW,CAAC,MAAM,eAAe,WAAW,CAAC,MAAM,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,CAAA,CAAE,EAC7F,KAAK,EACH;AACE,gBAAA,gBAAgB,EAAE,UAAU;AACN,aAAA,EAAA;YAG1BF,sBAAA,CAAA,aAAA,CAACG,aAAI,EAAA,EACH,IAAI,EAAE,CAAA,EAAG,WAAW,CAAC,MAAM,CAAA,CAAA,CAAG,EAC9B,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,EAC3B,OAAO,EAAEC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAC5C,SAAS,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAC7C,SAAS,EAAC,sCAAsC,EAChD,YAAY,EAAE,YAAY,EAAA,CAC1B,CACC,CACN;QACA,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAEC,OAAK,KAAI;;YAAC,QACjCL,6CACE,GAAG,EAAE,mBAAmB,IAAI,CAAC,IAAI,CAAA,CAAE,EACnC,SAAS,EAAEE,gBAAM,CAAC,IAAI,EAAA,YAAA,EACV,CAAA,aAAA,EAAgB,IAAI,CAAC,IAAI,CAAA,CAAE,EACvC,KAAK,EACH;AACE,oBAAA,gBAAgB,EAAE,YAAY,CAAC,MAAM,GAAGG,OAAK;AACvB,iBAAA,EAAA;AAG1B,gBAAAL,sBAAA,CAAA,aAAA,CAACG,aAAI,EAAA,EAAA,GACC,IAAI,EACR,YAAY,EAAE,KAAK,EACnB,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,EAC3B,OAAO,EAAE,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAIC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EACzD,SAAS,EAAE,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAIA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CAC3D,CACC;SACN,CAAC,CACC;AAET;;;;"}
+{"version":3,"file":"IconGroup.cjs","sources":["../../../src/components/IconGroup/IconGroup.tsx"],"sourcesContent":["import React from 'react';\n\n// Renamed existing Avatar component to Icon for code readability\nimport { Avatar as Icon } from '../Avatar';\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport { IconGroupProps } from './types';\n\nimport styles from './IconGroup.module.scss';\n\nexport const IconGroup = ({\n  icons,\n  maxVisible = 3,\n  compact = false,\n  ariaLabel = 'Group of icons',\n  hasIndicator = false,\n  className,\n  ...listProps\n}: IconGroupProps) => {\n  const visibleIcons = icons.slice(\n    0,\n    icons.length > maxVisible ? Math.max(0, maxVisible - 1) : maxVisible,\n  );\n  const hiddenIcons = icons.slice(visibleIcons.length);\n\n  return (\n    <ul {...listProps} aria-label={ariaLabel} className={buildClassnames([styles.list, className])}>\n      {hiddenIcons.length > 0 && (\n        <li\n          key=\"icon-group-item-remaining-count\"\n          className={styles.item}\n          aria-label={`${hiddenIcons.length} additional ${hiddenIcons.length === 1 ? 'item' : 'items'}`}\n          style={\n            {\n              '--icon-z-index': maxVisible,\n            } as React.CSSProperties\n          }\n        >\n          <Icon\n            name={`${hiddenIcons.length}+`}\n            size={compact ? 'md' : 'lg'}\n            bgColor={theme.colors.secondary.blue.darkest}\n            textColor={theme.colors.neutral.grey.lightest}\n            ariaLabel=\"Number of additional icons not shown\"\n            hasIndicator={hasIndicator}\n          />\n        </li>\n      )}\n      {visibleIcons.map((icon, index) => (\n        <li\n          key={`icon-group-item-${icon.name}`}\n          className={styles.item}\n          aria-label={`Icon item of ${icon.name}`}\n          style={\n            {\n              '--icon-z-index': visibleIcons.length - index,\n            } as React.CSSProperties\n          }\n        >\n          <Icon\n            {...icon}\n            hasIndicator={false}\n            size={compact ? 'md' : 'lg'}\n            bgColor={icon?.bgColor ?? theme.colors.neutral.grey.light}\n            textColor={icon?.textColor ?? theme.colors.neutral.ink.base}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n};\n"],"names":["React","buildClassnames","styles","Icon","theme","index"],"mappings":";;;;;;;;;;;;;;AAUO,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,UAAU,GAAG,CAAC,EACd,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,gBAAgB,EAC5B,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,GAAG,SAAS,EACG,KAAI;AACnB,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAC9B,CAAC,EACD,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,GAAG,UAAU,CACrE;IACD,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC;AAEpD,IAAA,QACEA,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAQ,SAAS,EAAA,YAAA,EAAc,SAAS,EAAE,SAAS,EAAEC,+BAAe,CAAC,CAACC,gBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAA;AAC3F,QAAA,WAAW,CAAC,MAAM,GAAG,CAAC,KACrBF,sBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACE,GAAG,EAAC,iCAAiC,EACrC,SAAS,EAAEE,gBAAM,CAAC,IAAI,gBACV,CAAA,EAAG,WAAW,CAAC,MAAM,eAAe,WAAW,CAAC,MAAM,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,CAAA,CAAE,EAC7F,KAAK,EACH;AACE,gBAAA,gBAAgB,EAAE,UAAU;AACN,aAAA,EAAA;YAG1BF,sBAAA,CAAA,aAAA,CAACG,aAAI,EAAA,EACH,IAAI,EAAE,CAAA,EAAG,WAAW,CAAC,MAAM,CAAA,CAAA,CAAG,EAC9B,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,EAC3B,OAAO,EAAEC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAC5C,SAAS,EAAEA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAC7C,SAAS,EAAC,sCAAsC,EAChD,YAAY,EAAE,YAAY,EAAA,CAC1B,CACC,CACN;QACA,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAEC,OAAK,KAAI;;YAAC,QACjCL,6CACE,GAAG,EAAE,mBAAmB,IAAI,CAAC,IAAI,CAAA,CAAE,EACnC,SAAS,EAAEE,gBAAM,CAAC,IAAI,EAAA,YAAA,EACV,CAAA,aAAA,EAAgB,IAAI,CAAC,IAAI,CAAA,CAAE,EACvC,KAAK,EACH;AACE,oBAAA,gBAAgB,EAAE,YAAY,CAAC,MAAM,GAAGG,OAAK;AACvB,iBAAA,EAAA;AAG1B,gBAAAL,sBAAA,CAAA,aAAA,CAACG,aAAI,EAAA,EAAA,GACC,IAAI,EACR,YAAY,EAAE,KAAK,EACnB,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,EAC3B,OAAO,EAAE,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAIC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EACzD,SAAS,EAAE,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAIA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CAC3D,CACC;SACN,CAAC,CACC;AAET;;;;"}

package/dist/components/IconGroup/IconGroup.js

@@ -1,5 +1,6 @@
 import React__default from 'react';
 import { Avatar } from '../Avatar/Avatar.js';
+import '../Avatar/types.js';
 import { theme } from '../../theme/index.js';
 import { buildClassnames } from '../../utils/buildClassnames.js';
 import 'uid/secure';

package/dist/components/IconGroup/IconGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconGroup.js","sources":["../../../src/components/IconGroup/IconGroup.tsx"],"sourcesContent":["import React from 'react';\n\n// Renamed existing Avatar component to Icon for code readability\nimport { Avatar as Icon } from '../Avatar';\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport { IconGroupProps } from './types';\n\nimport styles from './IconGroup.module.scss';\n\nexport const IconGroup = ({\n  icons,\n  maxVisible = 3,\n  compact = false,\n  ariaLabel = 'Group of icons',\n  hasIndicator = false,\n  className,\n  ...listProps\n}: IconGroupProps) => {\n  const visibleIcons = icons.slice(\n    0,\n    icons.length > maxVisible ? Math.max(0, maxVisible - 1) : maxVisible,\n  );\n  const hiddenIcons = icons.slice(visibleIcons.length);\n\n  return (\n    <ul {...listProps} aria-label={ariaLabel} className={buildClassnames([styles.list, className])}>\n      {hiddenIcons.length > 0 && (\n        <li\n          key=\"icon-group-item-remaining-count\"\n          className={styles.item}\n          aria-label={`${hiddenIcons.length} additional ${hiddenIcons.length === 1 ? 'item' : 'items'}`}\n          style={\n            {\n              '--icon-z-index': maxVisible,\n            } as React.CSSProperties\n          }\n        >\n          <Icon\n            name={`${hiddenIcons.length}+`}\n            size={compact ? 'md' : 'lg'}\n            bgColor={theme.colors.secondary.blue.darkest}\n            textColor={theme.colors.neutral.grey.lightest}\n            ariaLabel=\"Number of additional icons not shown\"\n            hasIndicator={hasIndicator}\n          />\n        </li>\n      )}\n      {visibleIcons.map((icon, index) => (\n        <li\n          key={`icon-group-item-${icon.name}`}\n          className={styles.item}\n          aria-label={`Icon item of ${icon.name}`}\n          style={\n            {\n              '--icon-z-index': visibleIcons.length - index,\n            } as React.CSSProperties\n          }\n        >\n          <Icon\n            {...icon}\n            hasIndicator={false}\n            size={compact ? 'md' : 'lg'}\n            bgColor={icon?.bgColor ?? theme.colors.neutral.grey.light}\n            textColor={icon?.textColor ?? theme.colors.neutral.ink.base}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n};\n"],"names":["React","Icon"],"mappings":";;;;;;;AAUO,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,UAAU,GAAG,CAAC,EACd,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,gBAAgB,EAC5B,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,GAAG,SAAS,EACG,KAAI;AACnB,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAC9B,CAAC,EACD,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,GAAG,UAAU,CACrE;IACD,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC;AAEpD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAQ,SAAS,EAAA,YAAA,EAAc,SAAS,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAA;AAC3F,QAAA,WAAW,CAAC,MAAM,GAAG,CAAC,KACrBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACE,GAAG,EAAC,iCAAiC,EACrC,SAAS,EAAE,MAAM,CAAC,IAAI,gBACV,CAAA,EAAG,WAAW,CAAC,MAAM,eAAe,WAAW,CAAC,MAAM,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,CAAA,CAAE,EAC7F,KAAK,EACH;AACE,gBAAA,gBAAgB,EAAE,UAAU;AACN,aAAA,EAAA;YAG1BA,cAAA,CAAA,aAAA,CAACC,MAAI,EAAA,EACH,IAAI,EAAE,CAAA,EAAG,WAAW,CAAC,MAAM,CAAA,CAAA,CAAG,EAC9B,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,EAC3B,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAC5C,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAC7C,SAAS,EAAC,sCAAsC,EAChD,YAAY,EAAE,YAAY,EAAA,CAC1B,CACC,CACN;QACA,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;;YAAC,QACjCD,qCACE,GAAG,EAAE,mBAAmB,IAAI,CAAC,IAAI,CAAA,CAAE,EACnC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,YAAA,EACV,CAAA,aAAA,EAAgB,IAAI,CAAC,IAAI,CAAA,CAAE,EACvC,KAAK,EACH;AACE,oBAAA,gBAAgB,EAAE,YAAY,CAAC,MAAM,GAAG,KAAK;AACvB,iBAAA,EAAA;AAG1B,gBAAAA,cAAA,CAAA,aAAA,CAACC,MAAI,EAAA,EAAA,GACC,IAAI,EACR,YAAY,EAAE,KAAK,EACnB,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,EAC3B,OAAO,EAAE,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EACzD,SAAS,EAAE,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CAC3D,CACC;SACN,CAAC,CACC;AAET;;;;"}
+{"version":3,"file":"IconGroup.js","sources":["../../../src/components/IconGroup/IconGroup.tsx"],"sourcesContent":["import React from 'react';\n\n// Renamed existing Avatar component to Icon for code readability\nimport { Avatar as Icon } from '../Avatar';\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport { IconGroupProps } from './types';\n\nimport styles from './IconGroup.module.scss';\n\nexport const IconGroup = ({\n  icons,\n  maxVisible = 3,\n  compact = false,\n  ariaLabel = 'Group of icons',\n  hasIndicator = false,\n  className,\n  ...listProps\n}: IconGroupProps) => {\n  const visibleIcons = icons.slice(\n    0,\n    icons.length > maxVisible ? Math.max(0, maxVisible - 1) : maxVisible,\n  );\n  const hiddenIcons = icons.slice(visibleIcons.length);\n\n  return (\n    <ul {...listProps} aria-label={ariaLabel} className={buildClassnames([styles.list, className])}>\n      {hiddenIcons.length > 0 && (\n        <li\n          key=\"icon-group-item-remaining-count\"\n          className={styles.item}\n          aria-label={`${hiddenIcons.length} additional ${hiddenIcons.length === 1 ? 'item' : 'items'}`}\n          style={\n            {\n              '--icon-z-index': maxVisible,\n            } as React.CSSProperties\n          }\n        >\n          <Icon\n            name={`${hiddenIcons.length}+`}\n            size={compact ? 'md' : 'lg'}\n            bgColor={theme.colors.secondary.blue.darkest}\n            textColor={theme.colors.neutral.grey.lightest}\n            ariaLabel=\"Number of additional icons not shown\"\n            hasIndicator={hasIndicator}\n          />\n        </li>\n      )}\n      {visibleIcons.map((icon, index) => (\n        <li\n          key={`icon-group-item-${icon.name}`}\n          className={styles.item}\n          aria-label={`Icon item of ${icon.name}`}\n          style={\n            {\n              '--icon-z-index': visibleIcons.length - index,\n            } as React.CSSProperties\n          }\n        >\n          <Icon\n            {...icon}\n            hasIndicator={false}\n            size={compact ? 'md' : 'lg'}\n            bgColor={icon?.bgColor ?? theme.colors.neutral.grey.light}\n            textColor={icon?.textColor ?? theme.colors.neutral.ink.base}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n};\n"],"names":["React","Icon"],"mappings":";;;;;;;;AAUO,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,UAAU,GAAG,CAAC,EACd,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,gBAAgB,EAC5B,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,GAAG,SAAS,EACG,KAAI;AACnB,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAC9B,CAAC,EACD,KAAK,CAAC,MAAM,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,GAAG,UAAU,CACrE;IACD,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC;AAEpD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAQ,SAAS,EAAA,YAAA,EAAc,SAAS,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAA;AAC3F,QAAA,WAAW,CAAC,MAAM,GAAG,CAAC,KACrBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EACE,GAAG,EAAC,iCAAiC,EACrC,SAAS,EAAE,MAAM,CAAC,IAAI,gBACV,CAAA,EAAG,WAAW,CAAC,MAAM,eAAe,WAAW,CAAC,MAAM,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,CAAA,CAAE,EAC7F,KAAK,EACH;AACE,gBAAA,gBAAgB,EAAE,UAAU;AACN,aAAA,EAAA;YAG1BA,cAAA,CAAA,aAAA,CAACC,MAAI,EAAA,EACH,IAAI,EAAE,CAAA,EAAG,WAAW,CAAC,MAAM,CAAA,CAAA,CAAG,EAC9B,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,EAC3B,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAC5C,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAC7C,SAAS,EAAC,sCAAsC,EAChD,YAAY,EAAE,YAAY,EAAA,CAC1B,CACC,CACN;QACA,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;;YAAC,QACjCD,qCACE,GAAG,EAAE,mBAAmB,IAAI,CAAC,IAAI,CAAA,CAAE,EACnC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,YAAA,EACV,CAAA,aAAA,EAAgB,IAAI,CAAC,IAAI,CAAA,CAAE,EACvC,KAAK,EACH;AACE,oBAAA,gBAAgB,EAAE,YAAY,CAAC,MAAM,GAAG,KAAK;AACvB,iBAAA,EAAA;AAG1B,gBAAAA,cAAA,CAAA,aAAA,CAACC,MAAI,EAAA,EAAA,GACC,IAAI,EACR,YAAY,EAAE,KAAK,EACnB,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,EAC3B,OAAO,EAAE,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EACzD,SAAS,EAAE,CAAA,EAAA,GAAA,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CAC3D,CACC;SACN,CAAC,CACC;AAET;;;;"}

package/dist/components/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\n\nimport { theme } from 'Theme';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { FlexProps } from '../Flex/types';\nimport { Text } from '../Text';\n\nimport styles from './Tag.module.scss';\n\ntype TagProps = Omit<FlexProps, 'color'> & {\n  backgroundColor?: string;\n  textColor?: string;\n  label?: string;\n  compact?: boolean;\n  leftIconSlot?: React.ReactNode;\n  rightIconSlot?: React.ReactNode;\n};\n\nexport const Tag = ({\n  className,\n  backgroundColor = theme.colors.neutral.grey.base,\n  textColor,\n  children,\n  label,\n  compact = false,\n  leftIconSlot,\n  rightIconSlot,\n  ...otherProps\n}: TagProps) => (\n  <FlexRow\n    flexWrap=\"nowrap\"\n    justifyContent=\"center\"\n    gap=\"xs\"\n    className={buildClassnames([styles.tag, compact && styles.compact, className])}\n    style={{ ...assignCssVars({ customTextColor: textColor }), backgroundColor }}\n    {...otherProps}\n  >\n    {leftIconSlot}\n    {children || <Text variant=\"body\">{label}</Text>}\n    {rightIconSlot}\n  </FlexRow>\n);\n"],"names":["theme","React","FlexRow","buildClassnames","styles","assignCssVars","Text"],"mappings":";;;;;;;;;;;;;;;AAmBO,MAAM,GAAG,GAAG,CAAC,EAClB,SAAS,EACT,eAAe,GAAGA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAChD,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,EACZ,aAAa,EACb,GAAG,UAAU,EACJ,MACTC,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EACN,QAAQ,EAAC,QAAQ,EACjB,cAAc,EAAC,QAAQ,EACvB,GAAG,EAAC,IAAI,EACR,SAAS,EAAEC,+BAAe,CAAC,CAACC,UAAM,CAAC,GAAG,EAAE,OAAO,IAAIA,UAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EAAE,EAAE,GAAGC,2BAAa,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,EAAE,eAAe,EAAE,KACxE,UAAU,EAAA;IAEb,YAAY;IACZ,QAAQ,IAAIJ,qCAACK,SAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,KAAK,CAAQ;IAC/C,aAAa,CACN;;;;"}
+{"version":3,"file":"Tag.cjs","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\n\nimport { theme } from 'Theme';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { FlexProps } from '../Flex/types';\nimport { Text } from '../Text';\n\nimport styles from './Tag.module.scss';\n\nexport type TagProps = Omit<FlexProps, 'color'> & {\n  backgroundColor?: string;\n  textColor?: string;\n  label?: string;\n  compact?: boolean;\n  leftIconSlot?: React.ReactNode;\n  rightIconSlot?: React.ReactNode;\n};\n\nexport const Tag = ({\n  className,\n  backgroundColor = theme.colors.neutral.grey.base,\n  textColor,\n  children,\n  label,\n  compact = false,\n  leftIconSlot,\n  rightIconSlot,\n  ...otherProps\n}: TagProps) => (\n  <FlexRow\n    flexWrap=\"nowrap\"\n    justifyContent=\"center\"\n    gap=\"xs\"\n    className={buildClassnames([styles.tag, compact && styles.compact, className])}\n    style={{ ...assignCssVars({ customTextColor: textColor }), backgroundColor }}\n    {...otherProps}\n  >\n    {leftIconSlot}\n    {children || <Text variant=\"body\">{label}</Text>}\n    {rightIconSlot}\n  </FlexRow>\n);\n"],"names":["theme","React","FlexRow","buildClassnames","styles","assignCssVars","Text"],"mappings":";;;;;;;;;;;;;;;AAmBO,MAAM,GAAG,GAAG,CAAC,EAClB,SAAS,EACT,eAAe,GAAGA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAChD,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,EACZ,aAAa,EACb,GAAG,UAAU,EACJ,MACTC,sBAAA,CAAA,aAAA,CAACC,eAAO,EAAA,EACN,QAAQ,EAAC,QAAQ,EACjB,cAAc,EAAC,QAAQ,EACvB,GAAG,EAAC,IAAI,EACR,SAAS,EAAEC,+BAAe,CAAC,CAACC,UAAM,CAAC,GAAG,EAAE,OAAO,IAAIA,UAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EAAE,EAAE,GAAGC,2BAAa,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,EAAE,eAAe,EAAE,KACxE,UAAU,EAAA;IAEb,YAAY;IACZ,QAAQ,IAAIJ,qCAACK,SAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,KAAK,CAAQ;IAC/C,aAAa,CACN;;;;"}

package/dist/components/Tag/Tag.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FlexProps } from '../Flex/types';
-type TagProps = Omit<FlexProps, 'color'> & {
+export type TagProps = Omit<FlexProps, 'color'> & {
     backgroundColor?: string;
     textColor?: string;
     label?: string;
@@ -9,4 +9,3 @@ type TagProps = Omit<FlexProps, 'color'> & {
     rightIconSlot?: React.ReactNode;
 };
 export declare const Tag: ({ className, backgroundColor, textColor, children, label, compact, leftIconSlot, rightIconSlot, ...otherProps }: TagProps) => React.JSX.Element;
-export {};

package/dist/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\n\nimport { theme } from 'Theme';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { FlexProps } from '../Flex/types';\nimport { Text } from '../Text';\n\nimport styles from './Tag.module.scss';\n\ntype TagProps = Omit<FlexProps, 'color'> & {\n  backgroundColor?: string;\n  textColor?: string;\n  label?: string;\n  compact?: boolean;\n  leftIconSlot?: React.ReactNode;\n  rightIconSlot?: React.ReactNode;\n};\n\nexport const Tag = ({\n  className,\n  backgroundColor = theme.colors.neutral.grey.base,\n  textColor,\n  children,\n  label,\n  compact = false,\n  leftIconSlot,\n  rightIconSlot,\n  ...otherProps\n}: TagProps) => (\n  <FlexRow\n    flexWrap=\"nowrap\"\n    justifyContent=\"center\"\n    gap=\"xs\"\n    className={buildClassnames([styles.tag, compact && styles.compact, className])}\n    style={{ ...assignCssVars({ customTextColor: textColor }), backgroundColor }}\n    {...otherProps}\n  >\n    {leftIconSlot}\n    {children || <Text variant=\"body\">{label}</Text>}\n    {rightIconSlot}\n  </FlexRow>\n);\n"],"names":["React"],"mappings":";;;;;;;;;AAmBO,MAAM,GAAG,GAAG,CAAC,EAClB,SAAS,EACT,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAChD,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,EACZ,aAAa,EACb,GAAG,UAAU,EACJ,MACTA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,QAAQ,EAAC,QAAQ,EACjB,cAAc,EAAC,QAAQ,EACvB,GAAG,EAAC,IAAI,EACR,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EAAE,EAAE,GAAG,aAAa,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,EAAE,eAAe,EAAE,KACxE,UAAU,EAAA;IAEb,YAAY;IACZ,QAAQ,IAAIA,6BAAC,IAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,KAAK,CAAQ;IAC/C,aAAa,CACN;;;;"}
+{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\n\nimport { theme } from 'Theme';\nimport { assignCssVars, buildClassnames } from '../../utils';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { FlexProps } from '../Flex/types';\nimport { Text } from '../Text';\n\nimport styles from './Tag.module.scss';\n\nexport type TagProps = Omit<FlexProps, 'color'> & {\n  backgroundColor?: string;\n  textColor?: string;\n  label?: string;\n  compact?: boolean;\n  leftIconSlot?: React.ReactNode;\n  rightIconSlot?: React.ReactNode;\n};\n\nexport const Tag = ({\n  className,\n  backgroundColor = theme.colors.neutral.grey.base,\n  textColor,\n  children,\n  label,\n  compact = false,\n  leftIconSlot,\n  rightIconSlot,\n  ...otherProps\n}: TagProps) => (\n  <FlexRow\n    flexWrap=\"nowrap\"\n    justifyContent=\"center\"\n    gap=\"xs\"\n    className={buildClassnames([styles.tag, compact && styles.compact, className])}\n    style={{ ...assignCssVars({ customTextColor: textColor }), backgroundColor }}\n    {...otherProps}\n  >\n    {leftIconSlot}\n    {children || <Text variant=\"body\">{label}</Text>}\n    {rightIconSlot}\n  </FlexRow>\n);\n"],"names":["React"],"mappings":";;;;;;;;;AAmBO,MAAM,GAAG,GAAG,CAAC,EAClB,SAAS,EACT,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAChD,SAAS,EACT,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,EACZ,aAAa,EACb,GAAG,UAAU,EACJ,MACTA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EACN,QAAQ,EAAC,QAAQ,EACjB,cAAc,EAAC,QAAQ,EACvB,GAAG,EAAC,IAAI,EACR,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,IAAI,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,EAC9E,KAAK,EAAE,EAAE,GAAG,aAAa,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,EAAE,eAAe,EAAE,KACxE,UAAU,EAAA;IAEb,YAAY;IACZ,QAAQ,IAAIA,6BAAC,IAAI,EAAA,EAAC,OAAO,EAAC,MAAM,EAAA,EAAE,KAAK,CAAQ;IAC/C,aAAa,CACN;;;;"}

package/dist/components/Tag/index.d.ts

@@ -1 +1,2 @@
 export { Tag } from './Tag';
+export type { TagProps } from './Tag';

package/dist/components/index.d.ts

@@ -7,6 +7,8 @@ export type { AlertVariants, MiniAlertVariants } from './Alerts/types';
 export { Anchor, isAnchorUrl, isRelativeUrl, createContextAwareUrl, addPrefixToUrl, shouldAddPrefix, } from './Anchor';
 export { AnimatedDropdown } from './AnimatedDropdown';
 export { Avatar } from './Avatar';
+export type { AvatarProps } from './Avatar';
+export { AvatarSize } from './Avatar';
 export { IconGroup } from './IconGroup';
 export { Badge } from './Badge';
 export { Banner } from './Banner';
@@ -32,6 +34,7 @@ export { Divider, type DividerProps } from './Divider';
 export { Dropdown } from './Dropdown';
 export { FeatureBanner, type FeatureBannerProps } from './FeatureBanner';
 export { FilterTag } from './FilterTag';
+export type { FilterTagProps } from './FilterTag';
 export { Grid } from './Grid';
 export { Image } from './Image';
 export type { ImageProps } from './Image';
@@ -61,6 +64,7 @@ export { Stack, type StackProps } from './Stack';
 export { Stepper } from './Stepper';
 export { SystemBanner, type SystemBannerProps, type SystemBannerVariant } from './SystemBanner';
 export { Tag } from './Tag';
+export type { TagProps } from './Tag';
 export { Text } from './Text';
 export type { TextProps, TextVariant, ValidTextTag } from './Text';
 export { TextField, type TextFieldType } from './TextField';

package/dist/index.cjs

@@ -9,6 +9,7 @@ var Anchor = require('./components/Anchor/Anchor.cjs');
 var urlUtils = require('./components/Anchor/utils/urlUtils.cjs');
 var AnimatedDropdown = require('./components/AnimatedDropdown/AnimatedDropdown.cjs');
 var Avatar = require('./components/Avatar/Avatar.cjs');
+var types = require('./components/Avatar/types.cjs');
 var IconGroup = require('./components/IconGroup/IconGroup.cjs');
 var Badge = require('./components/Badge/Badge.cjs');
 var Banner = require('./components/Banner/Banner.cjs');
@@ -419,6 +420,10 @@ exports.isRelativeUrl = urlUtils.isRelativeUrl;
 exports.shouldAddPrefix = urlUtils.shouldAddPrefix;
 exports.AnimatedDropdown = AnimatedDropdown.AnimatedDropdown;
 exports.Avatar = Avatar.Avatar;
+Object.defineProperty(exports, "AvatarSize", {
+	enumerable: true,
+	get: function () { return types.AvatarSize; }
+});
 exports.IconGroup = IconGroup.IconGroup;
 exports.Badge = Badge.Badge;
 exports.Banner = Banner.Banner;

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -7,6 +7,7 @@ export { Anchor } from './components/Anchor/Anchor.js';
 export { addPrefixToUrl, createContextAwareUrl, isAnchorUrl, isRelativeUrl, shouldAddPrefix } from './components/Anchor/utils/urlUtils.js';
 export { AnimatedDropdown } from './components/AnimatedDropdown/AnimatedDropdown.js';
 export { Avatar } from './components/Avatar/Avatar.js';
+export { AvatarSize } from './components/Avatar/types.js';
 export { IconGroup } from './components/IconGroup/IconGroup.js';
 export { Badge } from './components/Badge/Badge.js';
 export { Banner } from './components/Banner/Banner.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "16.2.0",
+  "version": "16.4.0",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",