@veeqo/ui 13.22.0 → 13.22.2

package/dist/components/AvatarGroup/AvatarGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.cjs","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { Avatar } from '../Avatar';\nimport { theme } from '../../theme';\nimport { AvatarProps } from '../Avatar/types';\nimport { buildClassnames } from '../../utils';\nimport styles from './AvatarGroup.module.scss';\n\ntype AvatarGroupProps = React.HTMLAttributes<HTMLUListElement> & {\n  avatars: Omit<AvatarProps, 'hasIndicator'>[];\n  maxVisible?: number;\n  compact?: boolean;\n  ariaLabel?: string;\n  hasIndicator?: boolean;\n};\n\nexport const AvatarGroup = ({\n  avatars,\n  maxVisible = 3,\n  compact = false,\n  ariaLabel = 'Group of avatars',\n  hasIndicator = false,\n  className,\n  ...listProps\n}: AvatarGroupProps) => {\n  const visibleAvatars = avatars.slice(\n    0,\n    avatars.length > maxVisible ? Math.max(0, maxVisible - 1) : maxVisible,\n  );\n  const hiddenAvatars = avatars.filter((avatar) => !visibleAvatars.includes(avatar));\n\n  return (\n    <ul className={buildClassnames([styles.list, className])} aria-label={ariaLabel} {...listProps}>\n      {hiddenAvatars.length > 0 && (\n        <li\n          key=\"avatar-group-item-remaining-count\"\n          className={styles.item}\n          aria-label={`${hiddenAvatars.length} additional items`}\n          style={\n            {\n              '--avatar-z-index': maxVisible,\n            } as React.CSSProperties\n          }\n        >\n          <Avatar\n            name={`${hiddenAvatars.length}+`}\n            size={compact ? 'md' : 'lg'}\n            bgColor={theme.colors.secondary.blue.darkest}\n            textColor={theme.colors.neutral.grey.lightest}\n            ariaLabel=\"Avatar for remaining count\"\n            hasIndicator={hasIndicator}\n          />\n        </li>\n      )}\n      {visibleAvatars.map((avatar, index) => (\n        <li\n          key={`avatar-group-item-${avatar.name}`}\n          className={styles.item}\n          aria-label={`Avatar item of ${avatar.name}`}\n          style={\n            {\n              '--avatar-z-index': visibleAvatars.length - index,\n            } as React.CSSProperties\n          }\n        >\n          <Avatar\n            {...avatar}\n            size={compact ? 'md' : 'lg'}\n            bgColor={avatar?.bgColor ?? theme.colors.neutral.grey.light}\n            textColor={avatar?.textColor ?? theme.colors.neutral.ink.base}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n};\n"],"names":["React","buildClassnames","styles","Avatar","theme","index"],"mappings":";;;;;;;;;;;;;AAeO,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,EACP,UAAU,GAAG,CAAC,EACd,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,kBAAkB,EAC9B,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,GAAG,SAAS,EACK,KAAI;AACrB,IAAA,MAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAClC,CAAC,EACD,OAAO,CAAC,MAAM,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,GAAG,UAAU,CACvE;AACD,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAElF,IAAA,QACEA,sBAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAEC,+BAAe,CAAC,CAACC,kBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAc,YAAA,EAAA,SAAS,KAAM,SAAS,EAAA;QAC3F,aAAa,CAAC,MAAM,GAAG,CAAC,KACvBF,sBACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAC,mCAAmC,EACvC,SAAS,EAAEE,kBAAM,CAAC,IAAI,EAAA,YAAA,EACV,CAAG,EAAA,aAAa,CAAC,MAAM,CAAA,iBAAA,CAAmB,EACtD,KAAK,EACH;AACE,gBAAA,kBAAkB,EAAE,UAAU;AACR,aAAA,EAAA;YAG1BF,sBAAC,CAAA,aAAA,CAAAG,aAAM,EACL,EAAA,IAAI,EAAE,CAAA,EAAG,aAAa,CAAC,MAAM,CAAG,CAAA,CAAA,EAChC,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,4BAA4B,EACtC,YAAY,EAAE,YAAY,EAC1B,CAAA,CACC,CACN;QACA,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAEC,OAAK,KAAI;;YAAC,QACrCL,6CACE,GAAG,EAAE,qBAAqB,MAAM,CAAC,IAAI,CAAA,CAAE,EACvC,SAAS,EAAEE,kBAAM,CAAC,IAAI,EAAA,YAAA,EACV,CAAkB,eAAA,EAAA,MAAM,CAAC,IAAI,CAAA,CAAE,EAC3C,KAAK,EACH;AACE,oBAAA,kBAAkB,EAAE,cAAc,CAAC,MAAM,GAAGG,OAAK;AAC3B,iBAAA,EAAA;AAG1B,gBAAAL,sBAAA,CAAA,aAAA,CAACG,aAAM,EAAA,EAAA,GACD,MAAM,EACV,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,EAC3B,OAAO,EAAE,CAAA,EAAA,GAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,SAAA,GAAA,SAAA,GAAA,MAAM,CAAE,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAAC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAC3D,SAAS,EAAE,CAAA,EAAA,GAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,SAAA,GAAA,SAAA,GAAN,MAAM,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAIA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CAC7D,CACC;SACN,CAAC,CACC;AAET;;;;"}
+{"version":3,"file":"AvatarGroup.cjs","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Avatar } from '../Avatar';\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport { AvatarGroupProps } from './types';\n\nimport styles from './AvatarGroup.module.scss';\n\nexport const AvatarGroup = ({\n  avatars,\n  maxVisible = 3,\n  compact = false,\n  ariaLabel = 'Group of avatars',\n  hasIndicator = false,\n  className,\n  ...listProps\n}: AvatarGroupProps) => {\n  const visibleAvatars = avatars.slice(\n    0,\n    avatars.length > maxVisible ? Math.max(0, maxVisible - 1) : maxVisible,\n  );\n  const hiddenAvatars = avatars.filter((avatar) => !visibleAvatars.includes(avatar));\n\n  return (\n    <ul className={buildClassnames([styles.list, className])} aria-label={ariaLabel} {...listProps}>\n      {hiddenAvatars.length > 0 && (\n        <li\n          key=\"avatar-group-item-remaining-count\"\n          className={styles.item}\n          aria-label={`${hiddenAvatars.length} additional items`}\n          style={\n            {\n              '--avatar-z-index': maxVisible,\n            } as React.CSSProperties\n          }\n        >\n          <Avatar\n            name={`${hiddenAvatars.length}+`}\n            size={compact ? 'md' : 'lg'}\n            bgColor={theme.colors.secondary.blue.darkest}\n            textColor={theme.colors.neutral.grey.lightest}\n            ariaLabel=\"Avatar for remaining count\"\n            hasIndicator={hasIndicator}\n          />\n        </li>\n      )}\n      {visibleAvatars.map((avatar, index) => (\n        <li\n          key={`avatar-group-item-${avatar.name}`}\n          className={styles.item}\n          aria-label={`Avatar item of ${avatar.name}`}\n          style={\n            {\n              '--avatar-z-index': visibleAvatars.length - index,\n            } as React.CSSProperties\n          }\n        >\n          <Avatar\n            {...avatar}\n            size={compact ? 'md' : 'lg'}\n            bgColor={avatar?.bgColor ?? theme.colors.neutral.grey.light}\n            textColor={avatar?.textColor ?? theme.colors.neutral.ink.base}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n};\n"],"names":["React","buildClassnames","styles","Avatar","theme","index"],"mappings":";;;;;;;;;;;;;AASO,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,EACP,UAAU,GAAG,CAAC,EACd,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,kBAAkB,EAC9B,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,GAAG,SAAS,EACK,KAAI;AACrB,IAAA,MAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAClC,CAAC,EACD,OAAO,CAAC,MAAM,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,GAAG,UAAU,CACvE;AACD,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAElF,IAAA,QACEA,sBAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAEC,+BAAe,CAAC,CAACC,kBAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAc,YAAA,EAAA,SAAS,KAAM,SAAS,EAAA;QAC3F,aAAa,CAAC,MAAM,GAAG,CAAC,KACvBF,sBACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAC,mCAAmC,EACvC,SAAS,EAAEE,kBAAM,CAAC,IAAI,EAAA,YAAA,EACV,CAAG,EAAA,aAAa,CAAC,MAAM,CAAA,iBAAA,CAAmB,EACtD,KAAK,EACH;AACE,gBAAA,kBAAkB,EAAE,UAAU;AACR,aAAA,EAAA;YAG1BF,sBAAC,CAAA,aAAA,CAAAG,aAAM,EACL,EAAA,IAAI,EAAE,CAAA,EAAG,aAAa,CAAC,MAAM,CAAG,CAAA,CAAA,EAChC,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,4BAA4B,EACtC,YAAY,EAAE,YAAY,EAC1B,CAAA,CACC,CACN;QACA,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAEC,OAAK,KAAI;;YAAC,QACrCL,6CACE,GAAG,EAAE,qBAAqB,MAAM,CAAC,IAAI,CAAA,CAAE,EACvC,SAAS,EAAEE,kBAAM,CAAC,IAAI,EAAA,YAAA,EACV,CAAkB,eAAA,EAAA,MAAM,CAAC,IAAI,CAAA,CAAE,EAC3C,KAAK,EACH;AACE,oBAAA,kBAAkB,EAAE,cAAc,CAAC,MAAM,GAAGG,OAAK;AAC3B,iBAAA,EAAA;AAG1B,gBAAAL,sBAAA,CAAA,aAAA,CAACG,aAAM,EAAA,EAAA,GACD,MAAM,EACV,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,EAC3B,OAAO,EAAE,CAAA,EAAA,GAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,SAAA,GAAA,SAAA,GAAA,MAAM,CAAE,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAAC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAC3D,SAAS,EAAE,CAAA,EAAA,GAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,SAAA,GAAA,SAAA,GAAN,MAAM,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAIA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CAC7D,CACC;SACN,CAAC,CACC;AAET;;;;"}

package/dist/components/AvatarGroup/AvatarGroup.d.ts

@@ -1,11 +1,3 @@
 import React from 'react';
-import { AvatarProps } from '../Avatar/types';
-type AvatarGroupProps = React.HTMLAttributes<HTMLUListElement> & {
-    avatars: Omit<AvatarProps, 'hasIndicator'>[];
-    maxVisible?: number;
-    compact?: boolean;
-    ariaLabel?: string;
-    hasIndicator?: boolean;
-};
+import { AvatarGroupProps } from './types';
 export declare const AvatarGroup: ({ avatars, maxVisible, compact, ariaLabel, hasIndicator, className, ...listProps }: AvatarGroupProps) => React.JSX.Element;
-export {};

package/dist/components/AvatarGroup/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { Avatar } from '../Avatar';\nimport { theme } from '../../theme';\nimport { AvatarProps } from '../Avatar/types';\nimport { buildClassnames } from '../../utils';\nimport styles from './AvatarGroup.module.scss';\n\ntype AvatarGroupProps = React.HTMLAttributes<HTMLUListElement> & {\n  avatars: Omit<AvatarProps, 'hasIndicator'>[];\n  maxVisible?: number;\n  compact?: boolean;\n  ariaLabel?: string;\n  hasIndicator?: boolean;\n};\n\nexport const AvatarGroup = ({\n  avatars,\n  maxVisible = 3,\n  compact = false,\n  ariaLabel = 'Group of avatars',\n  hasIndicator = false,\n  className,\n  ...listProps\n}: AvatarGroupProps) => {\n  const visibleAvatars = avatars.slice(\n    0,\n    avatars.length > maxVisible ? Math.max(0, maxVisible - 1) : maxVisible,\n  );\n  const hiddenAvatars = avatars.filter((avatar) => !visibleAvatars.includes(avatar));\n\n  return (\n    <ul className={buildClassnames([styles.list, className])} aria-label={ariaLabel} {...listProps}>\n      {hiddenAvatars.length > 0 && (\n        <li\n          key=\"avatar-group-item-remaining-count\"\n          className={styles.item}\n          aria-label={`${hiddenAvatars.length} additional items`}\n          style={\n            {\n              '--avatar-z-index': maxVisible,\n            } as React.CSSProperties\n          }\n        >\n          <Avatar\n            name={`${hiddenAvatars.length}+`}\n            size={compact ? 'md' : 'lg'}\n            bgColor={theme.colors.secondary.blue.darkest}\n            textColor={theme.colors.neutral.grey.lightest}\n            ariaLabel=\"Avatar for remaining count\"\n            hasIndicator={hasIndicator}\n          />\n        </li>\n      )}\n      {visibleAvatars.map((avatar, index) => (\n        <li\n          key={`avatar-group-item-${avatar.name}`}\n          className={styles.item}\n          aria-label={`Avatar item of ${avatar.name}`}\n          style={\n            {\n              '--avatar-z-index': visibleAvatars.length - index,\n            } as React.CSSProperties\n          }\n        >\n          <Avatar\n            {...avatar}\n            size={compact ? 'md' : 'lg'}\n            bgColor={avatar?.bgColor ?? theme.colors.neutral.grey.light}\n            textColor={avatar?.textColor ?? theme.colors.neutral.ink.base}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;AAeO,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,EACP,UAAU,GAAG,CAAC,EACd,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,kBAAkB,EAC9B,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,GAAG,SAAS,EACK,KAAI;AACrB,IAAA,MAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAClC,CAAC,EACD,OAAO,CAAC,MAAM,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,GAAG,UAAU,CACvE;AACD,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAElF,IAAA,QACEA,cAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAc,YAAA,EAAA,SAAS,KAAM,SAAS,EAAA;QAC3F,aAAa,CAAC,MAAM,GAAG,CAAC,KACvBA,cACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAC,mCAAmC,EACvC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,YAAA,EACV,CAAG,EAAA,aAAa,CAAC,MAAM,CAAA,iBAAA,CAAmB,EACtD,KAAK,EACH;AACE,gBAAA,kBAAkB,EAAE,UAAU;AACR,aAAA,EAAA;YAG1BA,cAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,IAAI,EAAE,CAAA,EAAG,aAAa,CAAC,MAAM,CAAG,CAAA,CAAA,EAChC,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,4BAA4B,EACtC,YAAY,EAAE,YAAY,EAC1B,CAAA,CACC,CACN;QACA,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,KAAI;;YAAC,QACrCA,qCACE,GAAG,EAAE,qBAAqB,MAAM,CAAC,IAAI,CAAA,CAAE,EACvC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,YAAA,EACV,CAAkB,eAAA,EAAA,MAAM,CAAC,IAAI,CAAA,CAAE,EAC3C,KAAK,EACH;AACE,oBAAA,kBAAkB,EAAE,cAAc,CAAC,MAAM,GAAG,KAAK;AAC3B,iBAAA,EAAA;AAG1B,gBAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAA,GACD,MAAM,EACV,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,EAC3B,OAAO,EAAE,CAAA,EAAA,GAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,SAAA,GAAA,SAAA,GAAA,MAAM,CAAE,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAC3D,SAAS,EAAE,CAAA,EAAA,GAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,SAAA,GAAA,SAAA,GAAN,MAAM,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CAC7D,CACC;SACN,CAAC,CACC;AAET;;;;"}
+{"version":3,"file":"AvatarGroup.js","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Avatar } from '../Avatar';\nimport { theme } from '../../theme';\nimport { buildClassnames } from '../../utils';\nimport { AvatarGroupProps } from './types';\n\nimport styles from './AvatarGroup.module.scss';\n\nexport const AvatarGroup = ({\n  avatars,\n  maxVisible = 3,\n  compact = false,\n  ariaLabel = 'Group of avatars',\n  hasIndicator = false,\n  className,\n  ...listProps\n}: AvatarGroupProps) => {\n  const visibleAvatars = avatars.slice(\n    0,\n    avatars.length > maxVisible ? Math.max(0, maxVisible - 1) : maxVisible,\n  );\n  const hiddenAvatars = avatars.filter((avatar) => !visibleAvatars.includes(avatar));\n\n  return (\n    <ul className={buildClassnames([styles.list, className])} aria-label={ariaLabel} {...listProps}>\n      {hiddenAvatars.length > 0 && (\n        <li\n          key=\"avatar-group-item-remaining-count\"\n          className={styles.item}\n          aria-label={`${hiddenAvatars.length} additional items`}\n          style={\n            {\n              '--avatar-z-index': maxVisible,\n            } as React.CSSProperties\n          }\n        >\n          <Avatar\n            name={`${hiddenAvatars.length}+`}\n            size={compact ? 'md' : 'lg'}\n            bgColor={theme.colors.secondary.blue.darkest}\n            textColor={theme.colors.neutral.grey.lightest}\n            ariaLabel=\"Avatar for remaining count\"\n            hasIndicator={hasIndicator}\n          />\n        </li>\n      )}\n      {visibleAvatars.map((avatar, index) => (\n        <li\n          key={`avatar-group-item-${avatar.name}`}\n          className={styles.item}\n          aria-label={`Avatar item of ${avatar.name}`}\n          style={\n            {\n              '--avatar-z-index': visibleAvatars.length - index,\n            } as React.CSSProperties\n          }\n        >\n          <Avatar\n            {...avatar}\n            size={compact ? 'md' : 'lg'}\n            bgColor={avatar?.bgColor ?? theme.colors.neutral.grey.light}\n            textColor={avatar?.textColor ?? theme.colors.neutral.ink.base}\n          />\n        </li>\n      ))}\n    </ul>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;AASO,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,EACP,UAAU,GAAG,CAAC,EACd,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,kBAAkB,EAC9B,YAAY,GAAG,KAAK,EACpB,SAAS,EACT,GAAG,SAAS,EACK,KAAI;AACrB,IAAA,MAAM,cAAc,GAAG,OAAO,CAAC,KAAK,CAClC,CAAC,EACD,OAAO,CAAC,MAAM,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,GAAG,UAAU,CACvE;AACD,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;AAElF,IAAA,QACEA,cAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAAc,YAAA,EAAA,SAAS,KAAM,SAAS,EAAA;QAC3F,aAAa,CAAC,MAAM,GAAG,CAAC,KACvBA,cACE,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAC,mCAAmC,EACvC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,YAAA,EACV,CAAG,EAAA,aAAa,CAAC,MAAM,CAAA,iBAAA,CAAmB,EACtD,KAAK,EACH;AACE,gBAAA,kBAAkB,EAAE,UAAU;AACR,aAAA,EAAA;YAG1BA,cAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,IAAI,EAAE,CAAA,EAAG,aAAa,CAAC,MAAM,CAAG,CAAA,CAAA,EAChC,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,4BAA4B,EACtC,YAAY,EAAE,YAAY,EAC1B,CAAA,CACC,CACN;QACA,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,KAAI;;YAAC,QACrCA,qCACE,GAAG,EAAE,qBAAqB,MAAM,CAAC,IAAI,CAAA,CAAE,EACvC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,YAAA,EACV,CAAkB,eAAA,EAAA,MAAM,CAAC,IAAI,CAAA,CAAE,EAC3C,KAAK,EACH;AACE,oBAAA,kBAAkB,EAAE,cAAc,CAAC,MAAM,GAAG,KAAK;AAC3B,iBAAA,EAAA;AAG1B,gBAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAA,GACD,MAAM,EACV,IAAI,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI,EAC3B,OAAO,EAAE,CAAA,EAAA,GAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,SAAA,GAAA,SAAA,GAAA,MAAM,CAAE,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAC3D,SAAS,EAAE,CAAA,EAAA,GAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,SAAA,GAAA,SAAA,GAAN,MAAM,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,EAAA,CAC7D,CACC;SACN,CAAC,CACC;AAET;;;;"}

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

@@ -2,8 +2,8 @@
 
 var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
 
-___$insertStyle("._list_1d50a_1 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n._item_1d50a_10 {\n  position: relative;\n  margin-left: calc(var(--sizes-3) * -1);\n  border-radius: var(--radius-full);\n  z-index: var(--avatar-z-index, 1);\n}");
-var styles = {"list":"_list_1d50a_1","item":"_item_1d50a_10"};
+___$insertStyle("._list_1tlva_1 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n._item_1tlva_10 {\n  position: relative;\n  border-radius: var(--radius-full);\n  z-index: var(--avatar-z-index, 1);\n}\n._item_1tlva_10:not(:first-child) {\n  margin-left: calc(var(--sizes-3) * -1);\n}");
+var styles = {"list":"_list_1tlva_1","item":"_item_1tlva_10"};
 
 module.exports = styles;
 //# sourceMappingURL=AvatarGroup.module.scss.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.module.scss.cjs","sources":["../../../src/components/AvatarGroup/AvatarGroup.module.scss"],"sourcesContent":[".list {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.item {\n  position: relative;\n  margin-left: calc(var(--sizes-3) * -1);\n  border-radius: var(--radius-full);\n  z-index: var(--avatar-z-index, 1);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,+SAAA;AACA,aAAA,CAAA,MAAA,CAAA,eAAA,CAAA,MAAA,CAAA,gBAAA;;;;"}
+{"version":3,"file":"AvatarGroup.module.scss.cjs","sources":["../../../src/components/AvatarGroup/AvatarGroup.module.scss"],"sourcesContent":[".list {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.item {\n  position: relative;\n  border-radius: var(--radius-full);\n  z-index: var(--avatar-z-index, 1);\n\n  &:not(:first-child) {\n    margin-left: calc(var(--sizes-3) * -1);\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,uVAAA;AACA,aAAA,CAAA,MAAA,CAAA,eAAA,CAAA,MAAA,CAAA,gBAAA;;;;"}

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

@@ -1,7 +1,7 @@
 import insertStyle from '../../_virtual/____insertStyle.js';
 
-insertStyle("._list_1d50a_1 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n._item_1d50a_10 {\n  position: relative;\n  margin-left: calc(var(--sizes-3) * -1);\n  border-radius: var(--radius-full);\n  z-index: var(--avatar-z-index, 1);\n}");
-var styles = {"list":"_list_1d50a_1","item":"_item_1d50a_10"};
+insertStyle("._list_1tlva_1 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n._item_1tlva_10 {\n  position: relative;\n  border-radius: var(--radius-full);\n  z-index: var(--avatar-z-index, 1);\n}\n._item_1tlva_10:not(:first-child) {\n  margin-left: calc(var(--sizes-3) * -1);\n}");
+var styles = {"list":"_list_1tlva_1","item":"_item_1tlva_10"};
 
 export { styles as default };
 //# sourceMappingURL=AvatarGroup.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.module.scss.js","sources":["../../../src/components/AvatarGroup/AvatarGroup.module.scss"],"sourcesContent":[".list {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.item {\n  position: relative;\n  margin-left: calc(var(--sizes-3) * -1);\n  border-radius: var(--radius-full);\n  z-index: var(--avatar-z-index, 1);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,+SAAA;AACA,aAAA,CAAA,MAAA,CAAA,eAAA,CAAA,MAAA,CAAA,gBAAA;;;;"}
+{"version":3,"file":"AvatarGroup.module.scss.js","sources":["../../../src/components/AvatarGroup/AvatarGroup.module.scss"],"sourcesContent":[".list {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.item {\n  position: relative;\n  border-radius: var(--radius-full);\n  z-index: var(--avatar-z-index, 1);\n\n  &:not(:first-child) {\n    margin-left: calc(var(--sizes-3) * -1);\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,uVAAA;AACA,aAAA,CAAA,MAAA,CAAA,eAAA,CAAA,MAAA,CAAA,gBAAA;;;;"}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { AvatarProps } from '../Avatar/types';
+/** AvatarGroup properties. */
+export type AvatarGroupProps = React.HTMLAttributes<HTMLUListElement> & {
+    /** List of avatars to display */
+    avatars: Omit<AvatarProps, 'hasIndicator'>[];
+    /** Number of avatars to show before collapsing. Default is 3 */
+    maxVisible?: number;
+    /** Switches all avatars from lg to md size */
+    compact?: boolean;
+    /** Accessible label for the avatar group list */
+    ariaLabel?: string;
+    /** Controls the alert indicator on the overflow (“remaining count”) avatar */
+    hasIndicator?: boolean;
+};

package/dist/components/Button/Button.d.ts

@@ -7,4 +7,4 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<React.ButtonHT
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
     contentStyles?: React.CSSProperties | undefined;
-} & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<unknown>>;
+} & React.RefAttributes<HTMLButtonElement>, "ref"> & import("../../hoc/withTokens").WithTokensProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/FeatureBanner/FeatureBanner.d.ts

@@ -8,4 +8,4 @@ export declare const FeatureBanner: React.ForwardRefExoticComponent<Omit<React.H
     iconSlot?: React.ReactNode;
     actions?: import("./types").FeatureBannerAction[] | undefined;
     onClose?: (() => void) | undefined;
-} & React.RefAttributes<unknown>>;
+} & React.RefAttributes<never>>;

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

@@ -2,8 +2,8 @@
 
 var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
 
-___$insertStyle("._featureBanner_u2p7m_1 {\n  border: var(--sizes-line) solid var(--theme-surface-alt);\n  border-radius: var(--radius-base);\n  background-color: var(--feature-banner-bg);\n  padding: var(--banner-padding);\n}\n\n/* Sizes */\n._default-size_u2p7m_9 {\n  --banner-padding: var(--sizes-base);\n  --content-padding: 16px 8px;\n  --icon-size: var(--sizes-md);\n}\n\n._sm-size_u2p7m_15 {\n  --banner-padding: var(--sizes-3);\n  --content-padding: 12px 8px;\n  --icon-size: var(--sizes-5);\n}\n\n._xs-size_u2p7m_21 {\n  --banner-padding: var(--sizes-sm);\n  --content-padding: 8px 8px;\n  --icon-size: var(--sizes-5);\n}\n\n/* Variants */\n._primary-variant_u2p7m_28 {\n  --feature-banner-bg: var(--theme-surface);\n  --icon-bg-color: var(--theme-primary);\n  --icon-color: var(--theme-on-primary);\n}\n\n._secondary-variant_u2p7m_34 {\n  --feature-banner-bg: var(--theme-surface-secondary);\n  --icon-bg-color: var(--theme-surface);\n  --icon-color: var(--theme-accent);\n  border: none;\n}\n\n/* Layout */\n._vertical_u2p7m_42 {\n  flex-direction: column;\n  align-items: flex-start;\n  padding-inline: var(--content-padding);\n}\n\n._horizontal_u2p7m_48 {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-inline: var(--content-padding);\n}\n\n/* Icon background */\n._iconBackground_u2p7m_56 {\n  border-radius: var(--radius-base);\n  background-color: var(--icon-bg-color);\n  padding: var(--sizes-xs);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n._iconBackground_u2p7m_56 > svg {\n  width: var(--icon-size);\n  height: var(--icon-size);\n  color: var(--icon-color);\n}");
-var styles = {"featureBanner":"_featureBanner_u2p7m_1","default-size":"_default-size_u2p7m_9","sm-size":"_sm-size_u2p7m_15","xs-size":"_xs-size_u2p7m_21","primary-variant":"_primary-variant_u2p7m_28","secondary-variant":"_secondary-variant_u2p7m_34","vertical":"_vertical_u2p7m_42","horizontal":"_horizontal_u2p7m_48","iconBackground":"_iconBackground_u2p7m_56"};
+___$insertStyle("._featureBanner_137qn_1 {\n  border: var(--sizes-line) solid var(--theme-surface-alt);\n  border-radius: var(--radius-base);\n  background-color: var(--feature-banner-bg);\n  padding: var(--banner-padding);\n}\n\n/* Sizes */\n._default-size_137qn_9 {\n  --banner-padding: var(--sizes-base);\n  --content-padding: 16px 8px;\n  --icon-size: var(--sizes-md);\n}\n\n._sm-size_137qn_15 {\n  --banner-padding: var(--sizes-3);\n  --content-padding: 12px 8px;\n  --icon-size: var(--sizes-5);\n}\n\n._xs-size_137qn_21 {\n  --banner-padding: var(--sizes-sm);\n  --content-padding: 8px 8px;\n  --icon-size: var(--sizes-5);\n}\n\n/* Variants */\n._primary-variant_137qn_28 {\n  --feature-banner-bg: var(--theme-surface);\n  --icon-bg-color: var(--theme-primary);\n  --icon-color: var(--theme-on-primary);\n}\n\n._secondary-variant_137qn_34 {\n  --feature-banner-bg: var(--theme-surface-secondary);\n  --icon-bg-color: var(--theme-surface);\n  --icon-color: var(--theme-primary);\n  border: none;\n}\n\n/* Layout */\n._vertical_137qn_42 {\n  flex-direction: column;\n  align-items: flex-start;\n  padding-inline: var(--content-padding);\n}\n\n._horizontal_137qn_48 {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-inline: var(--content-padding);\n}\n\n/* Icon background */\n._iconBackground_137qn_56 {\n  border-radius: var(--radius-base);\n  background-color: var(--icon-bg-color);\n  padding: var(--sizes-xs);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n._iconBackground_137qn_56 > svg {\n  width: var(--icon-size);\n  height: var(--icon-size);\n  color: var(--icon-color);\n}");
+var styles = {"featureBanner":"_featureBanner_137qn_1","default-size":"_default-size_137qn_9","sm-size":"_sm-size_137qn_15","xs-size":"_xs-size_137qn_21","primary-variant":"_primary-variant_137qn_28","secondary-variant":"_secondary-variant_137qn_34","vertical":"_vertical_137qn_42","horizontal":"_horizontal_137qn_48","iconBackground":"_iconBackground_137qn_56"};
 
 module.exports = styles;
 //# sourceMappingURL=FeatureBanner.module.scss.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureBanner.module.scss.cjs","sources":["../../../src/components/FeatureBanner/FeatureBanner.module.scss"],"sourcesContent":[".featureBanner {\n  border: var(--sizes-line) solid var(--theme-surface-alt);\n  border-radius: var(--radius-base);\n  background-color: var(--feature-banner-bg);\n  padding: var(--banner-padding);\n}\n\n/* Sizes */\n.default-size {\n  --banner-padding: var(--sizes-base);\n  --content-padding: 16px 8px;\n  --icon-size: var(--sizes-md);\n}\n\n.sm-size {\n  --banner-padding: var(--sizes-3);\n  --content-padding: 12px 8px;\n  --icon-size: var(--sizes-5);\n}\n\n.xs-size {\n  --banner-padding: var(--sizes-sm);\n  --content-padding: 8px 8px;\n  --icon-size: var(--sizes-5);\n}\n\n/* Variants */\n.primary-variant {\n  --feature-banner-bg: var(--theme-surface);\n  --icon-bg-color: var(--theme-primary);\n  --icon-color: var(--theme-on-primary);\n}\n\n.secondary-variant {\n  --feature-banner-bg: var(--theme-surface-secondary);\n  --icon-bg-color: var(--theme-surface);\n  --icon-color: var(--theme-accent);\n  border: none;\n}\n\n/* Layout */\n.vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  padding-inline: var(--content-padding);\n}\n\n.horizontal {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-inline: var(--content-padding);\n}\n\n/* Icon background */\n.iconBackground {\n  border-radius: var(--radius-base);\n  background-color: var(--icon-bg-color);\n  padding: var(--sizes-xs);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.iconBackground > svg {\n  width: var(--icon-size);\n  height: var(--icon-size);\n  color: var(--icon-color);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,ioDAAA;AACA,aAAA,CAAA,eAAA,CAAA,wBAAA,CAAA,cAAA,CAAA,uBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,0BAAA;;;;"}
+{"version":3,"file":"FeatureBanner.module.scss.cjs","sources":["../../../src/components/FeatureBanner/FeatureBanner.module.scss"],"sourcesContent":[".featureBanner {\n  border: var(--sizes-line) solid var(--theme-surface-alt);\n  border-radius: var(--radius-base);\n  background-color: var(--feature-banner-bg);\n  padding: var(--banner-padding);\n}\n\n/* Sizes */\n.default-size {\n  --banner-padding: var(--sizes-base);\n  --content-padding: 16px 8px;\n  --icon-size: var(--sizes-md);\n}\n\n.sm-size {\n  --banner-padding: var(--sizes-3);\n  --content-padding: 12px 8px;\n  --icon-size: var(--sizes-5);\n}\n\n.xs-size {\n  --banner-padding: var(--sizes-sm);\n  --content-padding: 8px 8px;\n  --icon-size: var(--sizes-5);\n}\n\n/* Variants */\n.primary-variant {\n  --feature-banner-bg: var(--theme-surface);\n  --icon-bg-color: var(--theme-primary);\n  --icon-color: var(--theme-on-primary);\n}\n\n.secondary-variant {\n  --feature-banner-bg: var(--theme-surface-secondary);\n  --icon-bg-color: var(--theme-surface);\n  --icon-color: var(--theme-primary);\n  border: none;\n}\n\n/* Layout */\n.vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  padding-inline: var(--content-padding);\n}\n\n.horizontal {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-inline: var(--content-padding);\n}\n\n/* Icon background */\n.iconBackground {\n  border-radius: var(--radius-base);\n  background-color: var(--icon-bg-color);\n  padding: var(--sizes-xs);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.iconBackground > svg {\n  width: var(--icon-size);\n  height: var(--icon-size);\n  color: var(--icon-color);\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,koDAAA;AACA,aAAA,CAAA,eAAA,CAAA,wBAAA,CAAA,cAAA,CAAA,uBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,0BAAA;;;;"}

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

@@ -1,7 +1,7 @@
 import insertStyle from '../../_virtual/____insertStyle.js';
 
-insertStyle("._featureBanner_u2p7m_1 {\n  border: var(--sizes-line) solid var(--theme-surface-alt);\n  border-radius: var(--radius-base);\n  background-color: var(--feature-banner-bg);\n  padding: var(--banner-padding);\n}\n\n/* Sizes */\n._default-size_u2p7m_9 {\n  --banner-padding: var(--sizes-base);\n  --content-padding: 16px 8px;\n  --icon-size: var(--sizes-md);\n}\n\n._sm-size_u2p7m_15 {\n  --banner-padding: var(--sizes-3);\n  --content-padding: 12px 8px;\n  --icon-size: var(--sizes-5);\n}\n\n._xs-size_u2p7m_21 {\n  --banner-padding: var(--sizes-sm);\n  --content-padding: 8px 8px;\n  --icon-size: var(--sizes-5);\n}\n\n/* Variants */\n._primary-variant_u2p7m_28 {\n  --feature-banner-bg: var(--theme-surface);\n  --icon-bg-color: var(--theme-primary);\n  --icon-color: var(--theme-on-primary);\n}\n\n._secondary-variant_u2p7m_34 {\n  --feature-banner-bg: var(--theme-surface-secondary);\n  --icon-bg-color: var(--theme-surface);\n  --icon-color: var(--theme-accent);\n  border: none;\n}\n\n/* Layout */\n._vertical_u2p7m_42 {\n  flex-direction: column;\n  align-items: flex-start;\n  padding-inline: var(--content-padding);\n}\n\n._horizontal_u2p7m_48 {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-inline: var(--content-padding);\n}\n\n/* Icon background */\n._iconBackground_u2p7m_56 {\n  border-radius: var(--radius-base);\n  background-color: var(--icon-bg-color);\n  padding: var(--sizes-xs);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n._iconBackground_u2p7m_56 > svg {\n  width: var(--icon-size);\n  height: var(--icon-size);\n  color: var(--icon-color);\n}");
-var styles = {"featureBanner":"_featureBanner_u2p7m_1","default-size":"_default-size_u2p7m_9","sm-size":"_sm-size_u2p7m_15","xs-size":"_xs-size_u2p7m_21","primary-variant":"_primary-variant_u2p7m_28","secondary-variant":"_secondary-variant_u2p7m_34","vertical":"_vertical_u2p7m_42","horizontal":"_horizontal_u2p7m_48","iconBackground":"_iconBackground_u2p7m_56"};
+insertStyle("._featureBanner_137qn_1 {\n  border: var(--sizes-line) solid var(--theme-surface-alt);\n  border-radius: var(--radius-base);\n  background-color: var(--feature-banner-bg);\n  padding: var(--banner-padding);\n}\n\n/* Sizes */\n._default-size_137qn_9 {\n  --banner-padding: var(--sizes-base);\n  --content-padding: 16px 8px;\n  --icon-size: var(--sizes-md);\n}\n\n._sm-size_137qn_15 {\n  --banner-padding: var(--sizes-3);\n  --content-padding: 12px 8px;\n  --icon-size: var(--sizes-5);\n}\n\n._xs-size_137qn_21 {\n  --banner-padding: var(--sizes-sm);\n  --content-padding: 8px 8px;\n  --icon-size: var(--sizes-5);\n}\n\n/* Variants */\n._primary-variant_137qn_28 {\n  --feature-banner-bg: var(--theme-surface);\n  --icon-bg-color: var(--theme-primary);\n  --icon-color: var(--theme-on-primary);\n}\n\n._secondary-variant_137qn_34 {\n  --feature-banner-bg: var(--theme-surface-secondary);\n  --icon-bg-color: var(--theme-surface);\n  --icon-color: var(--theme-primary);\n  border: none;\n}\n\n/* Layout */\n._vertical_137qn_42 {\n  flex-direction: column;\n  align-items: flex-start;\n  padding-inline: var(--content-padding);\n}\n\n._horizontal_137qn_48 {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-inline: var(--content-padding);\n}\n\n/* Icon background */\n._iconBackground_137qn_56 {\n  border-radius: var(--radius-base);\n  background-color: var(--icon-bg-color);\n  padding: var(--sizes-xs);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n._iconBackground_137qn_56 > svg {\n  width: var(--icon-size);\n  height: var(--icon-size);\n  color: var(--icon-color);\n}");
+var styles = {"featureBanner":"_featureBanner_137qn_1","default-size":"_default-size_137qn_9","sm-size":"_sm-size_137qn_15","xs-size":"_xs-size_137qn_21","primary-variant":"_primary-variant_137qn_28","secondary-variant":"_secondary-variant_137qn_34","vertical":"_vertical_137qn_42","horizontal":"_horizontal_137qn_48","iconBackground":"_iconBackground_137qn_56"};
 
 export { styles as default };
 //# sourceMappingURL=FeatureBanner.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeatureBanner.module.scss.js","sources":["../../../src/components/FeatureBanner/FeatureBanner.module.scss"],"sourcesContent":[".featureBanner {\n  border: var(--sizes-line) solid var(--theme-surface-alt);\n  border-radius: var(--radius-base);\n  background-color: var(--feature-banner-bg);\n  padding: var(--banner-padding);\n}\n\n/* Sizes */\n.default-size {\n  --banner-padding: var(--sizes-base);\n  --content-padding: 16px 8px;\n  --icon-size: var(--sizes-md);\n}\n\n.sm-size {\n  --banner-padding: var(--sizes-3);\n  --content-padding: 12px 8px;\n  --icon-size: var(--sizes-5);\n}\n\n.xs-size {\n  --banner-padding: var(--sizes-sm);\n  --content-padding: 8px 8px;\n  --icon-size: var(--sizes-5);\n}\n\n/* Variants */\n.primary-variant {\n  --feature-banner-bg: var(--theme-surface);\n  --icon-bg-color: var(--theme-primary);\n  --icon-color: var(--theme-on-primary);\n}\n\n.secondary-variant {\n  --feature-banner-bg: var(--theme-surface-secondary);\n  --icon-bg-color: var(--theme-surface);\n  --icon-color: var(--theme-accent);\n  border: none;\n}\n\n/* Layout */\n.vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  padding-inline: var(--content-padding);\n}\n\n.horizontal {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-inline: var(--content-padding);\n}\n\n/* Icon background */\n.iconBackground {\n  border-radius: var(--radius-base);\n  background-color: var(--icon-bg-color);\n  padding: var(--sizes-xs);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.iconBackground > svg {\n  width: var(--icon-size);\n  height: var(--icon-size);\n  color: var(--icon-color);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,ioDAAA;AACA,aAAA,CAAA,eAAA,CAAA,wBAAA,CAAA,cAAA,CAAA,uBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,0BAAA;;;;"}
+{"version":3,"file":"FeatureBanner.module.scss.js","sources":["../../../src/components/FeatureBanner/FeatureBanner.module.scss"],"sourcesContent":[".featureBanner {\n  border: var(--sizes-line) solid var(--theme-surface-alt);\n  border-radius: var(--radius-base);\n  background-color: var(--feature-banner-bg);\n  padding: var(--banner-padding);\n}\n\n/* Sizes */\n.default-size {\n  --banner-padding: var(--sizes-base);\n  --content-padding: 16px 8px;\n  --icon-size: var(--sizes-md);\n}\n\n.sm-size {\n  --banner-padding: var(--sizes-3);\n  --content-padding: 12px 8px;\n  --icon-size: var(--sizes-5);\n}\n\n.xs-size {\n  --banner-padding: var(--sizes-sm);\n  --content-padding: 8px 8px;\n  --icon-size: var(--sizes-5);\n}\n\n/* Variants */\n.primary-variant {\n  --feature-banner-bg: var(--theme-surface);\n  --icon-bg-color: var(--theme-primary);\n  --icon-color: var(--theme-on-primary);\n}\n\n.secondary-variant {\n  --feature-banner-bg: var(--theme-surface-secondary);\n  --icon-bg-color: var(--theme-surface);\n  --icon-color: var(--theme-primary);\n  border: none;\n}\n\n/* Layout */\n.vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  padding-inline: var(--content-padding);\n}\n\n.horizontal {\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-inline: var(--content-padding);\n}\n\n/* Icon background */\n.iconBackground {\n  border-radius: var(--radius-base);\n  background-color: var(--icon-bg-color);\n  padding: var(--sizes-xs);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.iconBackground > svg {\n  width: var(--icon-size);\n  height: var(--icon-size);\n  color: var(--icon-color);\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,koDAAA;AACA,aAAA,CAAA,eAAA,CAAA,wBAAA,CAAA,cAAA,CAAA,uBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,iBAAA,CAAA,2BAAA,CAAA,mBAAA,CAAA,6BAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,gBAAA,CAAA,0BAAA;;;;"}

package/dist/components/Pagination/styled.d.ts

@@ -14,7 +14,7 @@ export declare const PaginationButton: import("styled-components").StyledCompone
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
     contentStyles?: import("react").CSSProperties | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<unknown>>, any, {}, never>;
+} & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("../../hoc/withTokens").WithTokensProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const PageInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<{
     form?: string | undefined;
     slot?: string | undefined;

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

@@ -2,8 +2,8 @@
 
 var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
 
-___$insertStyle("._default_1f5az_1 {\n  --theme-surface: var(--colors-secondary-blue-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-blue-light);\n  --theme-border: var(--colors-secondary-blue-base);\n  --theme-text-primary: var(--colors-secondary-blue-darkest);\n  --theme-text-secondary: var(--colors-secondary-blue-dark);\n  --theme-text-accent: var(--colors-secondary-blue-dark);\n  --theme-accent: var(--colors-secondary-blue-base);\n  --theme-primary: var(--colors-secondary-blue-base);\n  --theme-primary-hover: var(--colors-secondary-blue-dark);\n  --theme-on-primary: #ffffff;\n}\n\n._purple_1f5az_15 {\n  --theme-surface: var(--colors-secondary-purple-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-purple-light);\n  --theme-border: var(--colors-secondary-purple-light);\n  --theme-text-primary: var(--colors-secondary-purple-darkest);\n  --theme-text-secondary: var(--colors-secondary-purple-dark);\n  --theme-text-accent: var(--colors-secondary-purple-dark);\n  --theme-accent: var(--colors-secondary-purple-dark);\n  --theme-primary: var(--colors-secondary-purple-base);\n  --theme-primary-hover: var(--colors-secondary-purple-dark);\n  --theme-on-primary: #ffffff;\n}\n\n._teal_1f5az_29 {\n  --theme-surface: var(--colors-secondary-teal-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-teal-light);\n  --theme-border: var(--colors-secondary-teal-light);\n  --theme-text-primary: var(--colors-secondary-teal-darkest);\n  --theme-text-secondary: var(--colors-secondary-teal-dark);\n  --theme-text-accent: var(--colors-secondary-teal-dark);\n  --theme-accent: var(--colors-secondary-teal-dark);\n  --theme-primary: var(--colors-secondary-teal-base);\n  --theme-primary-hover: var(--colors-secondary-teal-dark);\n  --theme-on-primary: #ffffff;\n}");
-var styles = {"default":"_default_1f5az_1","purple":"_purple_1f5az_15","teal":"_teal_1f5az_29"};
+___$insertStyle("._default_bvuwk_1 {\n  --theme-surface: var(--colors-secondary-blue-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-blue-light);\n  --theme-border: var(--colors-secondary-blue-base);\n  --theme-text-primary: var(--colors-secondary-blue-darkest);\n  --theme-text-secondary: var(--colors-secondary-blue-dark);\n  --theme-text-accent: var(--colors-secondary-blue-dark);\n  --theme-accent: var(--colors-secondary-blue-base);\n  --theme-primary: var(--colors-secondary-blue-base);\n  --theme-primary-hover: var(--colors-secondary-blue-dark);\n  --theme-on-primary: #ffffff;\n}\n\n._purple_bvuwk_15 {\n  --theme-surface: var(--colors-secondary-purple-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-purple-light);\n  --theme-border: var(--colors-secondary-purple-light);\n  --theme-text-primary: var(--colors-secondary-purple-darkest);\n  --theme-text-secondary: var(--colors-secondary-purple-dark);\n  --theme-text-accent: var(--colors-secondary-purple-dark);\n  --theme-accent: var(--colors-secondary-purple-base);\n  --theme-primary: var(--colors-secondary-purple-dark);\n  --theme-primary-hover: var(--colors-secondary-purple-base);\n  --theme-on-primary: #ffffff;\n}\n\n._teal_bvuwk_29 {\n  --theme-surface: var(--colors-secondary-teal-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-teal-light);\n  --theme-border: var(--colors-secondary-teal-light);\n  --theme-text-primary: var(--colors-secondary-teal-darkest);\n  --theme-text-secondary: var(--colors-secondary-teal-dark);\n  --theme-text-accent: var(--colors-secondary-teal-dark);\n  --theme-accent: var(--colors-secondary-teal-base);\n  --theme-primary: var(--colors-secondary-teal-dark);\n  --theme-primary-hover: var(--colors-secondary-teal-base);\n  --theme-on-primary: #ffffff;\n}");
+var styles = {"default":"_default_bvuwk_1","purple":"_purple_bvuwk_15","teal":"_teal_bvuwk_29"};
 
 module.exports = styles;
 //# sourceMappingURL=TokenProvider.module.scss.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"TokenProvider.module.scss.cjs","sources":["../../../src/components/TokenProvider/TokenProvider.module.scss"],"sourcesContent":[".default {\n  --theme-surface: var(--colors-secondary-blue-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-blue-light);\n  --theme-border: var(--colors-secondary-blue-base);\n  --theme-text-primary: var(--colors-secondary-blue-darkest);\n  --theme-text-secondary: var(--colors-secondary-blue-dark);\n  --theme-text-accent: var(--colors-secondary-blue-dark);\n  --theme-accent: var(--colors-secondary-blue-base);\n  --theme-primary: var(--colors-secondary-blue-base);\n  --theme-primary-hover: var(--colors-secondary-blue-dark);\n  --theme-on-primary: #ffffff;\n}\n\n.purple {\n  --theme-surface: var(--colors-secondary-purple-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-purple-light);\n  --theme-border: var(--colors-secondary-purple-light);\n  --theme-text-primary: var(--colors-secondary-purple-darkest);\n  --theme-text-secondary: var(--colors-secondary-purple-dark);\n  --theme-text-accent: var(--colors-secondary-purple-dark);\n  --theme-accent: var(--colors-secondary-purple-dark);\n  --theme-primary: var(--colors-secondary-purple-base);\n  --theme-primary-hover: var(--colors-secondary-purple-dark);\n  --theme-on-primary: #ffffff;\n}\n\n.teal {\n  --theme-surface: var(--colors-secondary-teal-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-teal-light);\n  --theme-border: var(--colors-secondary-teal-light);\n  --theme-text-primary: var(--colors-secondary-teal-darkest);\n  --theme-text-secondary: var(--colors-secondary-teal-dark);\n  --theme-text-accent: var(--colors-secondary-teal-dark);\n  --theme-accent: var(--colors-secondary-teal-dark);\n  --theme-primary: var(--colors-secondary-teal-base);\n  --theme-primary-hover: var(--colors-secondary-teal-dark);\n  --theme-on-primary: #ffffff;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,g2DAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,MAAA,CAAA,gBAAA;;;;"}
+{"version":3,"file":"TokenProvider.module.scss.cjs","sources":["../../../src/components/TokenProvider/TokenProvider.module.scss"],"sourcesContent":[".default {\n  --theme-surface: var(--colors-secondary-blue-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-blue-light);\n  --theme-border: var(--colors-secondary-blue-base);\n  --theme-text-primary: var(--colors-secondary-blue-darkest);\n  --theme-text-secondary: var(--colors-secondary-blue-dark);\n  --theme-text-accent: var(--colors-secondary-blue-dark);\n  --theme-accent: var(--colors-secondary-blue-base);\n  --theme-primary: var(--colors-secondary-blue-base);\n  --theme-primary-hover: var(--colors-secondary-blue-dark);\n  --theme-on-primary: #ffffff;\n}\n\n.purple {\n  --theme-surface: var(--colors-secondary-purple-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-purple-light);\n  --theme-border: var(--colors-secondary-purple-light);\n  --theme-text-primary: var(--colors-secondary-purple-darkest);\n  --theme-text-secondary: var(--colors-secondary-purple-dark);\n  --theme-text-accent: var(--colors-secondary-purple-dark);\n  --theme-accent: var(--colors-secondary-purple-base);\n  --theme-primary: var(--colors-secondary-purple-dark);\n  --theme-primary-hover: var(--colors-secondary-purple-base);\n  --theme-on-primary: #ffffff;\n}\n\n.teal {\n  --theme-surface: var(--colors-secondary-teal-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-teal-light);\n  --theme-border: var(--colors-secondary-teal-light);\n  --theme-text-primary: var(--colors-secondary-teal-darkest);\n  --theme-text-secondary: var(--colors-secondary-teal-dark);\n  --theme-text-accent: var(--colors-secondary-teal-dark);\n  --theme-accent: var(--colors-secondary-teal-base);\n  --theme-primary: var(--colors-secondary-teal-dark);\n  --theme-primary-hover: var(--colors-secondary-teal-base);\n  --theme-on-primary: #ffffff;\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,g2DAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,MAAA,CAAA,gBAAA;;;;"}

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

@@ -1,7 +1,7 @@
 import insertStyle from '../../_virtual/____insertStyle.js';
 
-insertStyle("._default_1f5az_1 {\n  --theme-surface: var(--colors-secondary-blue-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-blue-light);\n  --theme-border: var(--colors-secondary-blue-base);\n  --theme-text-primary: var(--colors-secondary-blue-darkest);\n  --theme-text-secondary: var(--colors-secondary-blue-dark);\n  --theme-text-accent: var(--colors-secondary-blue-dark);\n  --theme-accent: var(--colors-secondary-blue-base);\n  --theme-primary: var(--colors-secondary-blue-base);\n  --theme-primary-hover: var(--colors-secondary-blue-dark);\n  --theme-on-primary: #ffffff;\n}\n\n._purple_1f5az_15 {\n  --theme-surface: var(--colors-secondary-purple-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-purple-light);\n  --theme-border: var(--colors-secondary-purple-light);\n  --theme-text-primary: var(--colors-secondary-purple-darkest);\n  --theme-text-secondary: var(--colors-secondary-purple-dark);\n  --theme-text-accent: var(--colors-secondary-purple-dark);\n  --theme-accent: var(--colors-secondary-purple-dark);\n  --theme-primary: var(--colors-secondary-purple-base);\n  --theme-primary-hover: var(--colors-secondary-purple-dark);\n  --theme-on-primary: #ffffff;\n}\n\n._teal_1f5az_29 {\n  --theme-surface: var(--colors-secondary-teal-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-teal-light);\n  --theme-border: var(--colors-secondary-teal-light);\n  --theme-text-primary: var(--colors-secondary-teal-darkest);\n  --theme-text-secondary: var(--colors-secondary-teal-dark);\n  --theme-text-accent: var(--colors-secondary-teal-dark);\n  --theme-accent: var(--colors-secondary-teal-dark);\n  --theme-primary: var(--colors-secondary-teal-base);\n  --theme-primary-hover: var(--colors-secondary-teal-dark);\n  --theme-on-primary: #ffffff;\n}");
-var styles = {"default":"_default_1f5az_1","purple":"_purple_1f5az_15","teal":"_teal_1f5az_29"};
+insertStyle("._default_bvuwk_1 {\n  --theme-surface: var(--colors-secondary-blue-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-blue-light);\n  --theme-border: var(--colors-secondary-blue-base);\n  --theme-text-primary: var(--colors-secondary-blue-darkest);\n  --theme-text-secondary: var(--colors-secondary-blue-dark);\n  --theme-text-accent: var(--colors-secondary-blue-dark);\n  --theme-accent: var(--colors-secondary-blue-base);\n  --theme-primary: var(--colors-secondary-blue-base);\n  --theme-primary-hover: var(--colors-secondary-blue-dark);\n  --theme-on-primary: #ffffff;\n}\n\n._purple_bvuwk_15 {\n  --theme-surface: var(--colors-secondary-purple-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-purple-light);\n  --theme-border: var(--colors-secondary-purple-light);\n  --theme-text-primary: var(--colors-secondary-purple-darkest);\n  --theme-text-secondary: var(--colors-secondary-purple-dark);\n  --theme-text-accent: var(--colors-secondary-purple-dark);\n  --theme-accent: var(--colors-secondary-purple-base);\n  --theme-primary: var(--colors-secondary-purple-dark);\n  --theme-primary-hover: var(--colors-secondary-purple-base);\n  --theme-on-primary: #ffffff;\n}\n\n._teal_bvuwk_29 {\n  --theme-surface: var(--colors-secondary-teal-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-teal-light);\n  --theme-border: var(--colors-secondary-teal-light);\n  --theme-text-primary: var(--colors-secondary-teal-darkest);\n  --theme-text-secondary: var(--colors-secondary-teal-dark);\n  --theme-text-accent: var(--colors-secondary-teal-dark);\n  --theme-accent: var(--colors-secondary-teal-base);\n  --theme-primary: var(--colors-secondary-teal-dark);\n  --theme-primary-hover: var(--colors-secondary-teal-base);\n  --theme-on-primary: #ffffff;\n}");
+var styles = {"default":"_default_bvuwk_1","purple":"_purple_bvuwk_15","teal":"_teal_bvuwk_29"};
 
 export { styles as default };
 //# sourceMappingURL=TokenProvider.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TokenProvider.module.scss.js","sources":["../../../src/components/TokenProvider/TokenProvider.module.scss"],"sourcesContent":[".default {\n  --theme-surface: var(--colors-secondary-blue-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-blue-light);\n  --theme-border: var(--colors-secondary-blue-base);\n  --theme-text-primary: var(--colors-secondary-blue-darkest);\n  --theme-text-secondary: var(--colors-secondary-blue-dark);\n  --theme-text-accent: var(--colors-secondary-blue-dark);\n  --theme-accent: var(--colors-secondary-blue-base);\n  --theme-primary: var(--colors-secondary-blue-base);\n  --theme-primary-hover: var(--colors-secondary-blue-dark);\n  --theme-on-primary: #ffffff;\n}\n\n.purple {\n  --theme-surface: var(--colors-secondary-purple-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-purple-light);\n  --theme-border: var(--colors-secondary-purple-light);\n  --theme-text-primary: var(--colors-secondary-purple-darkest);\n  --theme-text-secondary: var(--colors-secondary-purple-dark);\n  --theme-text-accent: var(--colors-secondary-purple-dark);\n  --theme-accent: var(--colors-secondary-purple-dark);\n  --theme-primary: var(--colors-secondary-purple-base);\n  --theme-primary-hover: var(--colors-secondary-purple-dark);\n  --theme-on-primary: #ffffff;\n}\n\n.teal {\n  --theme-surface: var(--colors-secondary-teal-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-teal-light);\n  --theme-border: var(--colors-secondary-teal-light);\n  --theme-text-primary: var(--colors-secondary-teal-darkest);\n  --theme-text-secondary: var(--colors-secondary-teal-dark);\n  --theme-text-accent: var(--colors-secondary-teal-dark);\n  --theme-accent: var(--colors-secondary-teal-dark);\n  --theme-primary: var(--colors-secondary-teal-base);\n  --theme-primary-hover: var(--colors-secondary-teal-dark);\n  --theme-on-primary: #ffffff;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,g2DAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,MAAA,CAAA,gBAAA;;;;"}
+{"version":3,"file":"TokenProvider.module.scss.js","sources":["../../../src/components/TokenProvider/TokenProvider.module.scss"],"sourcesContent":[".default {\n  --theme-surface: var(--colors-secondary-blue-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-blue-light);\n  --theme-border: var(--colors-secondary-blue-base);\n  --theme-text-primary: var(--colors-secondary-blue-darkest);\n  --theme-text-secondary: var(--colors-secondary-blue-dark);\n  --theme-text-accent: var(--colors-secondary-blue-dark);\n  --theme-accent: var(--colors-secondary-blue-base);\n  --theme-primary: var(--colors-secondary-blue-base);\n  --theme-primary-hover: var(--colors-secondary-blue-dark);\n  --theme-on-primary: #ffffff;\n}\n\n.purple {\n  --theme-surface: var(--colors-secondary-purple-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-purple-light);\n  --theme-border: var(--colors-secondary-purple-light);\n  --theme-text-primary: var(--colors-secondary-purple-darkest);\n  --theme-text-secondary: var(--colors-secondary-purple-dark);\n  --theme-text-accent: var(--colors-secondary-purple-dark);\n  --theme-accent: var(--colors-secondary-purple-base);\n  --theme-primary: var(--colors-secondary-purple-dark);\n  --theme-primary-hover: var(--colors-secondary-purple-base);\n  --theme-on-primary: #ffffff;\n}\n\n.teal {\n  --theme-surface: var(--colors-secondary-teal-lightest);\n  --theme-surface-secondary: #ffffff;\n  --theme-surface-alt: var(--colors-secondary-teal-light);\n  --theme-border: var(--colors-secondary-teal-light);\n  --theme-text-primary: var(--colors-secondary-teal-darkest);\n  --theme-text-secondary: var(--colors-secondary-teal-dark);\n  --theme-text-accent: var(--colors-secondary-teal-dark);\n  --theme-accent: var(--colors-secondary-teal-base);\n  --theme-primary: var(--colors-secondary-teal-dark);\n  --theme-primary-hover: var(--colors-secondary-teal-base);\n  --theme-on-primary: #ffffff;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,g2DAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,MAAA,CAAA,gBAAA;;;;"}

package/dist/components/VideoModal/styled.d.ts

@@ -9,4 +9,4 @@ export declare const ButtonSC: import("styled-components").StyledComponent<impor
     dropdown?: boolean | undefined;
     loading?: boolean | undefined;
     contentStyles?: import("react").CSSProperties | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<unknown>>, any, {}, never>;
+} & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("../../hoc/withTokens").WithTokensProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/dist/hoc/withTokens/withTokens.cjs

@@ -18,11 +18,12 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
  */
 const withTokens = (Component, defaultTheme) => {
     const ComponentWithTokens = React.forwardRef(({ theme = defaultTheme, ...props }, ref) => {
+        const Comp = Component;
         if (theme) {
             return (React__default.default.createElement(TokenProvider.TokenProvider, { theme: theme },
-                React__default.default.createElement(Component, { ref: ref, ...props })));
+                React__default.default.createElement(Comp, { ref: ref, ...props })));
         }
-        return React__default.default.createElement(Component, { ref: ref, ...props });
+        return React__default.default.createElement(Comp, { ref: ref, ...props });
     });
     ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;
     return ComponentWithTokens;

package/dist/hoc/withTokens/withTokens.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"withTokens.cjs","sources":["../../../src/hoc/withTokens/withTokens.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { ThemeType } from '../../components/TokenProvider/TokenProvider';\nimport { TokenProvider } from '../../components/TokenProvider';\n\nexport type WithTokensProps = {\n  theme?: ThemeType;\n};\n\n/**\n * HOC that adds an optional `theme` prop to a component.\n * When a theme is provided (via prop or `defaultTheme`), wraps the component\n * in a `TokenProvider`. Otherwise renders the component directly, allowing it\n * to inherit tokens from a parent `TokenProvider`. Forwards refs to the wrapped component.\n *\n * @param Component - The component to wrap\n * @param defaultTheme - Optional default theme applied when no `theme` prop is passed\n */\nexport const withTokens = <P extends object>(\n  Component: ComponentType<P>,\n  defaultTheme?: ThemeType,\n) => {\n  const ComponentWithTokens = forwardRef<unknown, P & WithTokensProps>(\n    ({ theme = defaultTheme, ...props }, ref) => {\n      if (theme) {\n        return (\n          <TokenProvider theme={theme}>\n            <Component ref={ref} {...(props as P)} />\n          </TokenProvider>\n        );\n      }\n\n      return <Component ref={ref} {...(props as P)} />;\n    },\n  );\n\n  ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithTokens;\n};\n"],"names":["forwardRef","React","TokenProvider"],"mappings":";;;;;;;;;AAQA;;;;;;;;AAQG;MACU,UAAU,GAAG,CACxB,SAA2B,EAC3B,YAAwB,KACtB;AACF,IAAA,MAAM,mBAAmB,GAAGA,gBAAU,CACpC,CAAC,EAAE,KAAK,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,QAAA,IAAI,KAAK,EAAE;AACT,YAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,2BAAa,EAAC,EAAA,KAAK,EAAE,KAAK,EAAA;gBACzBD,sBAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,GAAG,EAAE,GAAG,KAAO,KAAW,EAAA,CAAI,CAC3B;AAEnB;QAED,OAAOA,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAO,KAAW,EAAA,CAAI;AAClD,KAAC,CACF;AAED,IAAA,mBAAmB,CAAC,WAAW,GAAG,CAAA,WAAA,EAAc,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,GAAG;AAEzG,IAAA,OAAO,mBAAmB;AAC5B;;;;"}
+{"version":3,"file":"withTokens.cjs","sources":["../../../src/hoc/withTokens/withTokens.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ElementRef } from 'react';\nimport { ThemeType } from '../../components/TokenProvider/TokenProvider';\nimport { TokenProvider } from '../../components/TokenProvider';\n\nexport type WithTokensProps = {\n  theme?: ThemeType;\n};\n\n/**\n * HOC that adds an optional `theme` prop to a component.\n * When a theme is provided (via prop or `defaultTheme`), wraps the component\n * in a `TokenProvider`. Otherwise renders the component directly, allowing it\n * to inherit tokens from a parent `TokenProvider`. Forwards refs to the wrapped component.\n *\n * @param Component - The component to wrap\n * @param defaultTheme - Optional default theme applied when no `theme` prop is passed\n */\nexport const withTokens = <C extends ComponentType<any>>(\n  Component: C,\n  defaultTheme?: ThemeType,\n) => {\n  type P = React.ComponentPropsWithoutRef<C>;\n  type R = ElementRef<C>;\n\n  const ComponentWithTokens = forwardRef<R, P & WithTokensProps>(\n    ({ theme = defaultTheme, ...props }, ref) => {\n      const Comp = Component as ComponentType<any>;\n\n      if (theme) {\n        return (\n          <TokenProvider theme={theme}>\n            <Comp ref={ref} {...props} />\n          </TokenProvider>\n        );\n      }\n\n      return <Comp ref={ref} {...props} />;\n    },\n  );\n\n  ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithTokens;\n};\n"],"names":["forwardRef","React","TokenProvider"],"mappings":";;;;;;;;;AAQA;;;;;;;;AAQG;MACU,UAAU,GAAG,CACxB,SAAY,EACZ,YAAwB,KACtB;AAIF,IAAA,MAAM,mBAAmB,GAAGA,gBAAU,CACpC,CAAC,EAAE,KAAK,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;QAC1C,MAAM,IAAI,GAAG,SAA+B;AAE5C,QAAA,IAAI,KAAK,EAAE;AACT,YAAA,QACEC,sBAAC,CAAA,aAAA,CAAAC,2BAAa,EAAC,EAAA,KAAK,EAAE,KAAK,EAAA;gBACzBD,sBAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,GAAG,EAAE,GAAG,KAAM,KAAK,EAAA,CAAI,CACf;AAEnB;QAED,OAAOA,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AACtC,KAAC,CACF;AAED,IAAA,mBAAmB,CAAC,WAAW,GAAG,CAAA,WAAA,EAAc,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,GAAG;AAEzG,IAAA,OAAO,mBAAmB;AAC5B;;;;"}

package/dist/hoc/withTokens/withTokens.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentType } from 'react';
+import React from 'react';
 import { ThemeType } from '../../components/TokenProvider/TokenProvider';
 export type WithTokensProps = {
     theme?: ThemeType;
@@ -12,4 +12,4 @@ export type WithTokensProps = {
  * @param Component - The component to wrap
  * @param defaultTheme - Optional default theme applied when no `theme` prop is passed
  */
-export declare const withTokens: <P extends object>(Component: React.ComponentType<P>, defaultTheme?: ThemeType) => React.ForwardRefExoticComponent<React.PropsWithoutRef<P & WithTokensProps> & React.RefAttributes<unknown>>;
+export declare const withTokens: <C extends React.ComponentType<any>>(Component: C, defaultTheme?: ThemeType) => React.ForwardRefExoticComponent<React.PropsWithoutRef<React.PropsWithoutRef<React.ComponentProps<C>> & WithTokensProps> & React.RefAttributes<React.ElementRef<C>>>;

package/dist/hoc/withTokens/withTokens.js

@@ -12,11 +12,12 @@ import { TokenProvider } from '../../components/TokenProvider/TokenProvider.js';
  */
 const withTokens = (Component, defaultTheme) => {
     const ComponentWithTokens = forwardRef(({ theme = defaultTheme, ...props }, ref) => {
+        const Comp = Component;
         if (theme) {
             return (React__default.createElement(TokenProvider, { theme: theme },
-                React__default.createElement(Component, { ref: ref, ...props })));
+                React__default.createElement(Comp, { ref: ref, ...props })));
         }
-        return React__default.createElement(Component, { ref: ref, ...props });
+        return React__default.createElement(Comp, { ref: ref, ...props });
     });
     ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;
     return ComponentWithTokens;

package/dist/hoc/withTokens/withTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTokens.js","sources":["../../../src/hoc/withTokens/withTokens.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef } from 'react';\nimport { ThemeType } from '../../components/TokenProvider/TokenProvider';\nimport { TokenProvider } from '../../components/TokenProvider';\n\nexport type WithTokensProps = {\n  theme?: ThemeType;\n};\n\n/**\n * HOC that adds an optional `theme` prop to a component.\n * When a theme is provided (via prop or `defaultTheme`), wraps the component\n * in a `TokenProvider`. Otherwise renders the component directly, allowing it\n * to inherit tokens from a parent `TokenProvider`. Forwards refs to the wrapped component.\n *\n * @param Component - The component to wrap\n * @param defaultTheme - Optional default theme applied when no `theme` prop is passed\n */\nexport const withTokens = <P extends object>(\n  Component: ComponentType<P>,\n  defaultTheme?: ThemeType,\n) => {\n  const ComponentWithTokens = forwardRef<unknown, P & WithTokensProps>(\n    ({ theme = defaultTheme, ...props }, ref) => {\n      if (theme) {\n        return (\n          <TokenProvider theme={theme}>\n            <Component ref={ref} {...(props as P)} />\n          </TokenProvider>\n        );\n      }\n\n      return <Component ref={ref} {...(props as P)} />;\n    },\n  );\n\n  ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithTokens;\n};\n"],"names":["React"],"mappings":";;;AAQA;;;;;;;;AAQG;MACU,UAAU,GAAG,CACxB,SAA2B,EAC3B,YAAwB,KACtB;AACF,IAAA,MAAM,mBAAmB,GAAG,UAAU,CACpC,CAAC,EAAE,KAAK,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1C,QAAA,IAAI,KAAK,EAAE;AACT,YAAA,QACEA,cAAC,CAAA,aAAA,CAAA,aAAa,EAAC,EAAA,KAAK,EAAE,KAAK,EAAA;gBACzBA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,GAAG,EAAE,GAAG,KAAO,KAAW,EAAA,CAAI,CAC3B;AAEnB;QAED,OAAOA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAO,KAAW,EAAA,CAAI;AAClD,KAAC,CACF;AAED,IAAA,mBAAmB,CAAC,WAAW,GAAG,CAAA,WAAA,EAAc,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,GAAG;AAEzG,IAAA,OAAO,mBAAmB;AAC5B;;;;"}
+{"version":3,"file":"withTokens.js","sources":["../../../src/hoc/withTokens/withTokens.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, ElementRef } from 'react';\nimport { ThemeType } from '../../components/TokenProvider/TokenProvider';\nimport { TokenProvider } from '../../components/TokenProvider';\n\nexport type WithTokensProps = {\n  theme?: ThemeType;\n};\n\n/**\n * HOC that adds an optional `theme` prop to a component.\n * When a theme is provided (via prop or `defaultTheme`), wraps the component\n * in a `TokenProvider`. Otherwise renders the component directly, allowing it\n * to inherit tokens from a parent `TokenProvider`. Forwards refs to the wrapped component.\n *\n * @param Component - The component to wrap\n * @param defaultTheme - Optional default theme applied when no `theme` prop is passed\n */\nexport const withTokens = <C extends ComponentType<any>>(\n  Component: C,\n  defaultTheme?: ThemeType,\n) => {\n  type P = React.ComponentPropsWithoutRef<C>;\n  type R = ElementRef<C>;\n\n  const ComponentWithTokens = forwardRef<R, P & WithTokensProps>(\n    ({ theme = defaultTheme, ...props }, ref) => {\n      const Comp = Component as ComponentType<any>;\n\n      if (theme) {\n        return (\n          <TokenProvider theme={theme}>\n            <Comp ref={ref} {...props} />\n          </TokenProvider>\n        );\n      }\n\n      return <Comp ref={ref} {...props} />;\n    },\n  );\n\n  ComponentWithTokens.displayName = `withTokens(${Component.displayName || Component.name || 'Component'})`;\n\n  return ComponentWithTokens;\n};\n"],"names":["React"],"mappings":";;;AAQA;;;;;;;;AAQG;MACU,UAAU,GAAG,CACxB,SAAY,EACZ,YAAwB,KACtB;AAIF,IAAA,MAAM,mBAAmB,GAAG,UAAU,CACpC,CAAC,EAAE,KAAK,GAAG,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;QAC1C,MAAM,IAAI,GAAG,SAA+B;AAE5C,QAAA,IAAI,KAAK,EAAE;AACT,YAAA,QACEA,cAAC,CAAA,aAAA,CAAA,aAAa,EAAC,EAAA,KAAK,EAAE,KAAK,EAAA;gBACzBA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,GAAG,EAAE,GAAG,KAAM,KAAK,EAAA,CAAI,CACf;AAEnB;QAED,OAAOA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,CAAI;AACtC,KAAC,CACF;AAED,IAAA,mBAAmB,CAAC,WAAW,GAAG,CAAA,WAAA,EAAc,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,GAAG;AAEzG,IAAA,OAAO,mBAAmB;AAC5B;;;;"}

package/dist/icons/design-system/components/RocketIcon.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespaceCompat(e) {
+    if (e && typeof e === 'object' && 'default' in e) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
+
+const RocketIcon = (props) => (React__namespace.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: 24, height: 24, ...props },
+    React__namespace.createElement("path", { fill: "currentColor", d: "m4.82 8-1.837-.802a.57.57 0 0 1-.335-.423.55.55 0 0 1 .146-.51l1.94-1.94q.247-.262.605-.365.357-.102.707-.043l1.167.218a13.4 13.4 0 0 0-1.415 1.882q-.54.89-.977 1.983m8.81-6.052q.116.015.225.051.11.036.212.139a.67.67 0 0 1 .204.422q.072 1.445-.569 2.96a8.4 8.4 0 0 1-1.808 2.684 11.5 11.5 0 0 1-1.604 1.35 9.6 9.6 0 0 1-1.867.983.74.74 0 0 1-.423.073.48.48 0 0 1-.306-.145L5.725 8.51a.678.678 0 0 1-.073-.73q.423-1.02.984-1.858.562-.84 1.35-1.626a8.2 8.2 0 0 1 2.683-1.794q1.516-.627 2.96-.554M9.88 6.308a.87.87 0 0 0 .678.292.92.92 0 0 0 .693-.292.87.87 0 0 0 .292-.678.92.92 0 0 0-.292-.692.94.94 0 0 0-.693-.278.9.9 0 0 0-.678.278.92.92 0 0 0-.291.692.87.87 0 0 0 .291.678m-1.677 5.06q1.094-.436 1.983-.969.89-.533 1.882-1.407l.204 1.152q.073.365-.037.714a1.44 1.44 0 0 1-.357.598l-1.925 1.94a.59.59 0 0 1-.525.153.56.56 0 0 1-.437-.328zm-5.148-1.005q.584-.57 1.386-.57t1.37.57q.555.554.562 1.363.007.81-.561 1.378-.438.423-1.35.708-.91.284-2.573.473.19-1.648.459-2.566.27-.92.707-1.356" })));
+
+exports.ReactComponent = RocketIcon;
+//# sourceMappingURL=RocketIcon.cjs.map

package/dist/icons/design-system/components/RocketIcon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RocketIcon.cjs","sources":["../../../../src/icons/design-system/components/RocketIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps } from 'react';\n\nconst RocketIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 16 16\"\n    width={24}\n    height={24}\n    {...props}\n  >\n    <path\n      fill=\"currentColor\"\n      d=\"m4.82 8-1.837-.802a.57.57 0 0 1-.335-.423.55.55 0 0 1 .146-.51l1.94-1.94q.247-.262.605-.365.357-.102.707-.043l1.167.218a13.4 13.4 0 0 0-1.415 1.882q-.54.89-.977 1.983m8.81-6.052q.116.015.225.051.11.036.212.139a.67.67 0 0 1 .204.422q.072 1.445-.569 2.96a8.4 8.4 0 0 1-1.808 2.684 11.5 11.5 0 0 1-1.604 1.35 9.6 9.6 0 0 1-1.867.983.74.74 0 0 1-.423.073.48.48 0 0 1-.306-.145L5.725 8.51a.678.678 0 0 1-.073-.73q.423-1.02.984-1.858.562-.84 1.35-1.626a8.2 8.2 0 0 1 2.683-1.794q1.516-.627 2.96-.554M9.88 6.308a.87.87 0 0 0 .678.292.92.92 0 0 0 .693-.292.87.87 0 0 0 .292-.678.92.92 0 0 0-.292-.692.94.94 0 0 0-.693-.278.9.9 0 0 0-.678.278.92.92 0 0 0-.291.692.87.87 0 0 0 .291.678m-1.677 5.06q1.094-.436 1.983-.969.89-.533 1.882-1.407l.204 1.152q.073.365-.037.714a1.44 1.44 0 0 1-.357.598l-1.925 1.94a.59.59 0 0 1-.525.153.56.56 0 0 1-.437-.328zm-5.148-1.005q.584-.57 1.386-.57t1.37.57q.555.554.562 1.363.007.81-.561 1.378-.438.423-1.35.708-.91.284-2.573.473.19-1.648.459-2.566.27-.92.707-1.356\"\n    />\n  </svg>\n);\nexport { RocketIcon as ReactComponent };\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGA,MAAM,UAAU,GAAG,CAAC,KAA8B,MAChDA,gBACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,KACN,KAAK,EAAA;IAETA,gBACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,+9BAA+9B,EAAA,CACj+B,CACE;;;;"}

package/dist/icons/design-system/components/RocketIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+declare const RocketIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export { RocketIcon as ReactComponent };

package/dist/icons/design-system/components/RocketIcon.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+const RocketIcon = (props) => (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: 24, height: 24, ...props },
+    React.createElement("path", { fill: "currentColor", d: "m4.82 8-1.837-.802a.57.57 0 0 1-.335-.423.55.55 0 0 1 .146-.51l1.94-1.94q.247-.262.605-.365.357-.102.707-.043l1.167.218a13.4 13.4 0 0 0-1.415 1.882q-.54.89-.977 1.983m8.81-6.052q.116.015.225.051.11.036.212.139a.67.67 0 0 1 .204.422q.072 1.445-.569 2.96a8.4 8.4 0 0 1-1.808 2.684 11.5 11.5 0 0 1-1.604 1.35 9.6 9.6 0 0 1-1.867.983.74.74 0 0 1-.423.073.48.48 0 0 1-.306-.145L5.725 8.51a.678.678 0 0 1-.073-.73q.423-1.02.984-1.858.562-.84 1.35-1.626a8.2 8.2 0 0 1 2.683-1.794q1.516-.627 2.96-.554M9.88 6.308a.87.87 0 0 0 .678.292.92.92 0 0 0 .693-.292.87.87 0 0 0 .292-.678.92.92 0 0 0-.292-.692.94.94 0 0 0-.693-.278.9.9 0 0 0-.678.278.92.92 0 0 0-.291.692.87.87 0 0 0 .291.678m-1.677 5.06q1.094-.436 1.983-.969.89-.533 1.882-1.407l.204 1.152q.073.365-.037.714a1.44 1.44 0 0 1-.357.598l-1.925 1.94a.59.59 0 0 1-.525.153.56.56 0 0 1-.437-.328zm-5.148-1.005q.584-.57 1.386-.57t1.37.57q.555.554.562 1.363.007.81-.561 1.378-.438.423-1.35.708-.91.284-2.573.473.19-1.648.459-2.566.27-.92.707-1.356" })));
+
+export { RocketIcon as ReactComponent };
+//# sourceMappingURL=RocketIcon.js.map

package/dist/icons/design-system/components/RocketIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RocketIcon.js","sources":["../../../../src/icons/design-system/components/RocketIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { SVGProps } from 'react';\n\nconst RocketIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 16 16\"\n    width={24}\n    height={24}\n    {...props}\n  >\n    <path\n      fill=\"currentColor\"\n      d=\"m4.82 8-1.837-.802a.57.57 0 0 1-.335-.423.55.55 0 0 1 .146-.51l1.94-1.94q.247-.262.605-.365.357-.102.707-.043l1.167.218a13.4 13.4 0 0 0-1.415 1.882q-.54.89-.977 1.983m8.81-6.052q.116.015.225.051.11.036.212.139a.67.67 0 0 1 .204.422q.072 1.445-.569 2.96a8.4 8.4 0 0 1-1.808 2.684 11.5 11.5 0 0 1-1.604 1.35 9.6 9.6 0 0 1-1.867.983.74.74 0 0 1-.423.073.48.48 0 0 1-.306-.145L5.725 8.51a.678.678 0 0 1-.073-.73q.423-1.02.984-1.858.562-.84 1.35-1.626a8.2 8.2 0 0 1 2.683-1.794q1.516-.627 2.96-.554M9.88 6.308a.87.87 0 0 0 .678.292.92.92 0 0 0 .693-.292.87.87 0 0 0 .292-.678.92.92 0 0 0-.292-.692.94.94 0 0 0-.693-.278.9.9 0 0 0-.678.278.92.92 0 0 0-.291.692.87.87 0 0 0 .291.678m-1.677 5.06q1.094-.436 1.983-.969.89-.533 1.882-1.407l.204 1.152q.073.365-.037.714a1.44 1.44 0 0 1-.357.598l-1.925 1.94a.59.59 0 0 1-.525.153.56.56 0 0 1-.437-.328zm-5.148-1.005q.584-.57 1.386-.57t1.37.57q.555.554.562 1.363.007.81-.561 1.378-.438.423-1.35.708-.91.284-2.573.473.19-1.648.459-2.566.27-.92.707-1.356\"\n    />\n  </svg>\n);\nexport { RocketIcon as ReactComponent };\n"],"names":[],"mappings":";;AAGA,MAAM,UAAU,GAAG,CAAC,KAA8B,MAChD,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,KACN,KAAK,EAAA;IAET,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,+9BAA+9B,EAAA,CACj+B,CACE;;;;"}

package/dist/icons/design-system/components/index.d.ts

@@ -139,6 +139,7 @@ export { ReactComponent as ReturnPaidIcon } from './ReturnPaidIcon';
 export { ReactComponent as ReturnReasonIcon } from './ReturnReasonIcon';
 export { ReactComponent as RightArrowIcon } from './RightArrowIcon';
 export { ReactComponent as RocketAssistantIcon } from './RocketAssistantIcon';
+export { ReactComponent as RocketIcon } from './RocketIcon';
 export { ReactComponent as RuleIcon } from './RuleIcon';
 export { ReactComponent as SaveIcon } from './SaveIcon';
 export { ReactComponent as ScalesIcon } from './ScalesIcon';

package/dist/index.cjs

@@ -258,6 +258,7 @@ var ReturnPaidIcon = require('./icons/design-system/components/ReturnPaidIcon.cj
 var ReturnReasonIcon = require('./icons/design-system/components/ReturnReasonIcon.cjs');
 var RightArrowIcon = require('./icons/design-system/components/RightArrowIcon.cjs');
 var RocketAssistantIcon = require('./icons/design-system/components/RocketAssistantIcon.cjs');
+var RocketIcon = require('./icons/design-system/components/RocketIcon.cjs');
 var RuleIcon = require('./icons/design-system/components/RuleIcon.cjs');
 var SaveIcon = require('./icons/design-system/components/SaveIcon.cjs');
 var ScalesIcon = require('./icons/design-system/components/ScalesIcon.cjs');
@@ -624,6 +625,7 @@ exports.ReturnPaidIcon = ReturnPaidIcon.ReactComponent;
 exports.ReturnReasonIcon = ReturnReasonIcon.ReactComponent;
 exports.RightArrowIcon = RightArrowIcon.ReactComponent;
 exports.RocketAssistantIcon = RocketAssistantIcon.ReactComponent;
+exports.RocketIcon = RocketIcon.ReactComponent;
 exports.RuleIcon = RuleIcon.ReactComponent;
 exports.SaveIcon = SaveIcon.ReactComponent;
 exports.ScalesIcon = ScalesIcon.ReactComponent;

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

@@ -256,6 +256,7 @@ export { ReactComponent as ReturnPaidIcon } from './icons/design-system/componen
 export { ReactComponent as ReturnReasonIcon } from './icons/design-system/components/ReturnReasonIcon.js';
 export { ReactComponent as RightArrowIcon } from './icons/design-system/components/RightArrowIcon.js';
 export { ReactComponent as RocketAssistantIcon } from './icons/design-system/components/RocketAssistantIcon.js';
+export { ReactComponent as RocketIcon } from './icons/design-system/components/RocketIcon.js';
 export { ReactComponent as RuleIcon } from './icons/design-system/components/RuleIcon.js';
 export { ReactComponent as SaveIcon } from './icons/design-system/components/SaveIcon.js';
 export { ReactComponent as ScalesIcon } from './icons/design-system/components/ScalesIcon.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": "13.22.0",
+  "version": "13.22.2",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",