braid-design-system 34.8.2 → 34.9.0

package/CHANGELOG.md

@@ -1,5 +1,55 @@
 # braid-design-system
 
+## 34.9.0
+
+### Minor Changes
+
+- **Rating:** Add support for a review count ([#2159](https://github.com/seek-oss/braid-design-system/pull/2159))
+
+  `reviewText` is a full phrase, so the caller controls translation and pluralisation. Provide `reviewLink` to render it as a link. `onClick` is optional and requires `reviewLink`.
+
+  **EXAMPLE USAGE:**
+
+  ```jsx
+  <Rating rating={4.2} reviewText="128 reviews" reviewLink="/reviews" />
+  ```
+
+- **Drawer:** Allow omitting the visible title when an `aria-label` names the dialog ([#2148](https://github.com/seek-oss/braid-design-system/pull/2148))
+
+  A `title` is no longer required. Provide either a `title` or an `aria-label`. Use `description` with a `title`, or `aria-description` with an `aria-label`. When untitled, content starts directly below the close button.
+
+  **EXAMPLE USAGE:**
+
+  ```jsx
+  <Drawer
+    aria-label="Example Title"
+    aria-description="An optional description of the Drawer content"
+    open={open}
+    onClose={setOpen}
+  >
+    ...
+  </Drawer>
+  ```
+
+- **Avatar:** Add component ([#2153](https://github.com/seek-oss/braid-design-system/pull/2153))
+
+  A rounded-square identity mark for a person or company, providing a choice between an image, initials from `name`, a provided `icon`, or `IconProfile`.
+
+  **EXAMPLE USAGE:**
+
+  ```jsx
+  <Avatar name="Leia Organa" />
+  <Avatar icon={<IconCompany />} />
+  ```
+
+### Patch Changes
+
+- **Text, Heading:** Improve subscript & superscript sizing ([#2145](https://github.com/seek-oss/braid-design-system/pull/2145))
+
+- Optimise internal logic to remove excess function calls ([#2158](https://github.com/seek-oss/braid-design-system/pull/2158))
+
+- **Dialog, Drawer:** Ensure documentation previews remain behind the top navigation while scrolling ([#2155](https://github.com/seek-oss/braid-design-system/pull/2155))
+
 ## 34.8.2
 
 ### Patch Changes

package/dist/color-mode/query-param.d.cts

@@ -43,6 +43,6 @@ declare const colorModeQueryParamCheck: string;
  *
  * @returns Braid color mode preference as query string parameter
  */
-declare const getColorModeQueryParam: () => "_bdsdm=0" | "_bdsdm=1" | "_bdsdm=2" | "";
+declare const getColorModeQueryParam: () => "" | "_bdsdm=1" | "_bdsdm=2" | "_bdsdm=0";
 //#endregion
 export { colorModeQueryParamCheck, getColorModeQueryParam };

package/dist/color-mode/query-param.d.mts

@@ -43,6 +43,6 @@ declare const colorModeQueryParamCheck: string;
  *
  * @returns Braid color mode preference as query string parameter
  */
-declare const getColorModeQueryParam: () => "_bdsdm=0" | "_bdsdm=1" | "_bdsdm=2" | "";
+declare const getColorModeQueryParam: () => "" | "_bdsdm=1" | "_bdsdm=2" | "_bdsdm=0";
 //#endregion
 export { colorModeQueryParamCheck, getColorModeQueryParam };

package/dist/index.cjs

@@ -141,6 +141,8 @@ const require_FieldLabel = require("./lib/components/FieldLabel/FieldLabel.cjs")
 const require_FieldMessage = require("./lib/components/FieldMessage/FieldMessage.cjs");
 const require_Autosuggest = require("./lib/components/Autosuggest/Autosuggest.cjs");
 const require_filterSuggestions = require("./lib/components/Autosuggest/filterSuggestions.cjs");
+const require_Heading = require("./lib/components/Heading/Heading.cjs");
+const require_Avatar = require("./lib/components/Avatar/Avatar.cjs");
 const require_Badge = require("./lib/components/Badge/Badge.cjs");
 const require_BoxRenderer = require("./lib/components/Box/BoxRenderer.cjs");
 const require_ButtonLink = require("./lib/components/ButtonLink/ButtonLink.cjs");
@@ -148,7 +150,6 @@ const require_Card = require("./lib/components/Card/Card.cjs");
 const require_Checkbox = require("./lib/components/Checkbox/Checkbox.cjs");
 const require_CheckboxStandalone = require("./lib/components/Checkbox/CheckboxStandalone.cjs");
 const require_ContentBlock = require("./lib/components/ContentBlock/ContentBlock.cjs");
-const require_Heading = require("./lib/components/Heading/Heading.cjs");
 const require_Dialog = require("./lib/components/Dialog/Dialog.cjs");
 const require_TextLink = require("./lib/components/TextLink/TextLink.cjs");
 const require_TextLinkButton = require("./lib/components/TextLinkButton/TextLinkButton.cjs");
@@ -201,6 +202,7 @@ exports.AccordionItem = require_AccordionItem.AccordionItem;
 exports.Actions = require_Actions.Actions;
 exports.Alert = require_Alert.Alert;
 exports.Autosuggest = require_Autosuggest.Autosuggest;
+exports.Avatar = require_Avatar.Avatar;
 exports.Badge = require_Badge.Badge;
 exports.Bleed = require_Bleed.Bleed;
 exports.Box = require_Box.PublicBox;

package/dist/index.d.cts

@@ -18,6 +18,7 @@ import { FieldLabel } from "./lib/components/FieldLabel/FieldLabel.cjs";
 import { FieldMessage } from "./lib/components/FieldMessage/FieldMessage.cjs";
 import { Autosuggest } from "./lib/components/Autosuggest/Autosuggest.cjs";
 import { filterSuggestions } from "./lib/components/Autosuggest/filterSuggestions.cjs";
+import { Avatar } from "./lib/components/Avatar/Avatar.cjs";
 import { Bleed } from "./lib/components/Bleed/Bleed.cjs";
 import { BoxRenderer } from "./lib/components/Box/BoxRenderer.cjs";
 import { ButtonIcon } from "./lib/components/ButtonIcon/ButtonIcon.cjs";
@@ -196,4 +197,4 @@ import { IconWorkExperience } from "./lib/components/icons/IconWorkExperience/Ic
 import { IconZoomIn } from "./lib/components/icons/IconZoomIn/IconZoomIn.cjs";
 import { IconZoomOut } from "./lib/components/icons/IconZoomOut/IconZoomOut.cjs";
 import { LinkComponent } from "./lib/components/index.cjs";
-export { Accordion, AccordionItem, Actions, Alert, Autosuggest, Badge, Bleed, PublicBox as Box, BoxRenderer, BraidPortal, BraidProvider, Button, ButtonIcon, ButtonLink, Card, Checkbox, CheckboxStandalone, Column, Columns, ContentBlock, Dialog, Disclosure, Divider, Drawer, Dropdown, FieldLabel, FieldMessage, Heading, Hidden, HiddenVisually, IconAI, IconAdd, IconArrow, IconAttachment, IconBluetooth, IconBold, IconBookmark, IconBulletList, IconCareer, IconCategory, IconCaution, IconChecklist, IconChevron, IconClear, IconCompany, IconCompanyVerified, IconCompose, IconCopy, IconCoverLetter, IconCreditCard, IconCritical, IconDate, IconDelete, IconDesktop, IconDisallow, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconEnlarge, IconExperience, IconFilter, IconFlag, IconGift, IconGlobe, IconGrid, IconHash, IconHeart, IconHelp, IconHistory, IconHome, IconImage, IconImageBroken, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, IconPhotoAdd, IconPlatformAndroid, IconPlatformApple, IconPositive, IconPrint, IconProfile, IconPromote, IconQR, IconRecommended, IconRedo, IconRefresh, IconRenderer, IconResume, IconRocket, IconSearch, IconSecurity, IconSend, IconSent, IconSentiment, IconSettings, IconShare, IconSkills, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTiktok, IconSocialX, IconSocialYouTube, IconSort, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconTitle, IconUndo, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Inline, Link, LinkComponent, List, Loader, MenuItem, MenuItemCheckbox, MenuItemDivider, MenuItemLink, MenuRenderer, MonthPicker, Notice, OverflowMenu, Page, PageBlock, Pagination, PasswordField, RadioGroup, RadioItem, Rating, Secondary, Spread, Stack, Step, Stepper, Strong, Tab, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs, TabsProvider, Tag, Text, TextDropdown, TextField, TextLink, TextLinkButton, Textarea, ThemeNameConsumer, Tiles, ToastProvider, Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useColor, useResponsiveValue, useSpace, useThemeName, useToast };
+export { Accordion, AccordionItem, Actions, Alert, Autosuggest, Avatar, Badge, Bleed, PublicBox as Box, BoxRenderer, BraidPortal, BraidProvider, Button, ButtonIcon, ButtonLink, Card, Checkbox, CheckboxStandalone, Column, Columns, ContentBlock, Dialog, Disclosure, Divider, Drawer, Dropdown, FieldLabel, FieldMessage, Heading, Hidden, HiddenVisually, IconAI, IconAdd, IconArrow, IconAttachment, IconBluetooth, IconBold, IconBookmark, IconBulletList, IconCareer, IconCategory, IconCaution, IconChecklist, IconChevron, IconClear, IconCompany, IconCompanyVerified, IconCompose, IconCopy, IconCoverLetter, IconCreditCard, IconCritical, IconDate, IconDelete, IconDesktop, IconDisallow, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconEnlarge, IconExperience, IconFilter, IconFlag, IconGift, IconGlobe, IconGrid, IconHash, IconHeart, IconHelp, IconHistory, IconHome, IconImage, IconImageBroken, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, IconPhotoAdd, IconPlatformAndroid, IconPlatformApple, IconPositive, IconPrint, IconProfile, IconPromote, IconQR, IconRecommended, IconRedo, IconRefresh, IconRenderer, IconResume, IconRocket, IconSearch, IconSecurity, IconSend, IconSent, IconSentiment, IconSettings, IconShare, IconSkills, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTiktok, IconSocialX, IconSocialYouTube, IconSort, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconTitle, IconUndo, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Inline, Link, LinkComponent, List, Loader, MenuItem, MenuItemCheckbox, MenuItemDivider, MenuItemLink, MenuRenderer, MonthPicker, Notice, OverflowMenu, Page, PageBlock, Pagination, PasswordField, RadioGroup, RadioItem, Rating, Secondary, Spread, Stack, Step, Stepper, Strong, Tab, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs, TabsProvider, Tag, Text, TextDropdown, TextField, TextLink, TextLinkButton, Textarea, ThemeNameConsumer, Tiles, ToastProvider, Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useColor, useResponsiveValue, useSpace, useThemeName, useToast };

package/dist/index.d.mts

@@ -18,6 +18,7 @@ import { FieldLabel } from "./lib/components/FieldLabel/FieldLabel.mjs";
 import { FieldMessage } from "./lib/components/FieldMessage/FieldMessage.mjs";
 import { Autosuggest } from "./lib/components/Autosuggest/Autosuggest.mjs";
 import { filterSuggestions } from "./lib/components/Autosuggest/filterSuggestions.mjs";
+import { Avatar } from "./lib/components/Avatar/Avatar.mjs";
 import { Bleed } from "./lib/components/Bleed/Bleed.mjs";
 import { BoxRenderer } from "./lib/components/Box/BoxRenderer.mjs";
 import { ButtonIcon } from "./lib/components/ButtonIcon/ButtonIcon.mjs";
@@ -196,4 +197,4 @@ import { IconWorkExperience } from "./lib/components/icons/IconWorkExperience/Ic
 import { IconZoomIn } from "./lib/components/icons/IconZoomIn/IconZoomIn.mjs";
 import { IconZoomOut } from "./lib/components/icons/IconZoomOut/IconZoomOut.mjs";
 import { LinkComponent } from "./lib/components/index.mjs";
-export { Accordion, AccordionItem, Actions, Alert, Autosuggest, Badge, Bleed, PublicBox as Box, BoxRenderer, BraidPortal, BraidProvider, Button, ButtonIcon, ButtonLink, Card, Checkbox, CheckboxStandalone, Column, Columns, ContentBlock, Dialog, Disclosure, Divider, Drawer, Dropdown, FieldLabel, FieldMessage, Heading, Hidden, HiddenVisually, IconAI, IconAdd, IconArrow, IconAttachment, IconBluetooth, IconBold, IconBookmark, IconBulletList, IconCareer, IconCategory, IconCaution, IconChecklist, IconChevron, IconClear, IconCompany, IconCompanyVerified, IconCompose, IconCopy, IconCoverLetter, IconCreditCard, IconCritical, IconDate, IconDelete, IconDesktop, IconDisallow, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconEnlarge, IconExperience, IconFilter, IconFlag, IconGift, IconGlobe, IconGrid, IconHash, IconHeart, IconHelp, IconHistory, IconHome, IconImage, IconImageBroken, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, IconPhotoAdd, IconPlatformAndroid, IconPlatformApple, IconPositive, IconPrint, IconProfile, IconPromote, IconQR, IconRecommended, IconRedo, IconRefresh, IconRenderer, IconResume, IconRocket, IconSearch, IconSecurity, IconSend, IconSent, IconSentiment, IconSettings, IconShare, IconSkills, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTiktok, IconSocialX, IconSocialYouTube, IconSort, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconTitle, IconUndo, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Inline, Link, LinkComponent, List, Loader, MenuItem, MenuItemCheckbox, MenuItemDivider, MenuItemLink, MenuRenderer, MonthPicker, Notice, OverflowMenu, Page, PageBlock, Pagination, PasswordField, RadioGroup, RadioItem, Rating, Secondary, Spread, Stack, Step, Stepper, Strong, Tab, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs, TabsProvider, Tag, Text, TextDropdown, TextField, TextLink, TextLinkButton, Textarea, ThemeNameConsumer, Tiles, ToastProvider, Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useColor, useResponsiveValue, useSpace, useThemeName, useToast };
+export { Accordion, AccordionItem, Actions, Alert, Autosuggest, Avatar, Badge, Bleed, PublicBox as Box, BoxRenderer, BraidPortal, BraidProvider, Button, ButtonIcon, ButtonLink, Card, Checkbox, CheckboxStandalone, Column, Columns, ContentBlock, Dialog, Disclosure, Divider, Drawer, Dropdown, FieldLabel, FieldMessage, Heading, Hidden, HiddenVisually, IconAI, IconAdd, IconArrow, IconAttachment, IconBluetooth, IconBold, IconBookmark, IconBulletList, IconCareer, IconCategory, IconCaution, IconChecklist, IconChevron, IconClear, IconCompany, IconCompanyVerified, IconCompose, IconCopy, IconCoverLetter, IconCreditCard, IconCritical, IconDate, IconDelete, IconDesktop, IconDisallow, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconEnlarge, IconExperience, IconFilter, IconFlag, IconGift, IconGlobe, IconGrid, IconHash, IconHeart, IconHelp, IconHistory, IconHome, IconImage, IconImageBroken, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, IconPhotoAdd, IconPlatformAndroid, IconPlatformApple, IconPositive, IconPrint, IconProfile, IconPromote, IconQR, IconRecommended, IconRedo, IconRefresh, IconRenderer, IconResume, IconRocket, IconSearch, IconSecurity, IconSend, IconSent, IconSentiment, IconSettings, IconShare, IconSkills, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTiktok, IconSocialX, IconSocialYouTube, IconSort, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconTitle, IconUndo, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Inline, Link, LinkComponent, List, Loader, MenuItem, MenuItemCheckbox, MenuItemDivider, MenuItemLink, MenuRenderer, MonthPicker, Notice, OverflowMenu, Page, PageBlock, Pagination, PasswordField, RadioGroup, RadioItem, Rating, Secondary, Spread, Stack, Step, Stepper, Strong, Tab, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs, TabsProvider, Tag, Text, TextDropdown, TextField, TextLink, TextLinkButton, Textarea, ThemeNameConsumer, Tiles, ToastProvider, Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useColor, useResponsiveValue, useSpace, useThemeName, useToast };

package/dist/index.mjs

@@ -140,6 +140,8 @@ import { FieldLabel } from "./lib/components/FieldLabel/FieldLabel.mjs";
 import { FieldMessage } from "./lib/components/FieldMessage/FieldMessage.mjs";
 import { Autosuggest } from "./lib/components/Autosuggest/Autosuggest.mjs";
 import { filterSuggestions } from "./lib/components/Autosuggest/filterSuggestions.mjs";
+import { Heading } from "./lib/components/Heading/Heading.mjs";
+import { Avatar } from "./lib/components/Avatar/Avatar.mjs";
 import { Badge } from "./lib/components/Badge/Badge.mjs";
 import { BoxRenderer } from "./lib/components/Box/BoxRenderer.mjs";
 import { ButtonLink } from "./lib/components/ButtonLink/ButtonLink.mjs";
@@ -147,7 +149,6 @@ import { Card } from "./lib/components/Card/Card.mjs";
 import { Checkbox } from "./lib/components/Checkbox/Checkbox.mjs";
 import { CheckboxStandalone } from "./lib/components/Checkbox/CheckboxStandalone.mjs";
 import { ContentBlock } from "./lib/components/ContentBlock/ContentBlock.mjs";
-import { Heading } from "./lib/components/Heading/Heading.mjs";
 import { Dialog } from "./lib/components/Dialog/Dialog.mjs";
 import { TextLink } from "./lib/components/TextLink/TextLink.mjs";
 import { TextLinkButton } from "./lib/components/TextLinkButton/TextLinkButton.mjs";
@@ -195,4 +196,4 @@ import { TextField } from "./lib/components/TextField/TextField.mjs";
 import { Tiles } from "./lib/components/Tiles/Tiles.mjs";
 import { Toggle } from "./lib/components/Toggle/Toggle.mjs";
 import { ToastProvider, useToast } from "./lib/components/useToast/ToastContext.mjs";
-export { Accordion, AccordionItem, Actions, Alert, Autosuggest, Badge, Bleed, PublicBox as Box, BoxRenderer, BraidPortal, BraidProvider, Button, ButtonIcon, ButtonLink, Card, Checkbox, CheckboxStandalone, Column, Columns, ContentBlock, Dialog, Disclosure, Divider, Drawer, Dropdown, FieldLabel, FieldMessage, Heading, Hidden, HiddenVisually, IconAI, IconAdd, IconArrow, IconAttachment, IconBluetooth, IconBold, IconBookmark, IconBulletList, IconCareer, IconCategory, IconCaution, IconChecklist, IconChevron, IconClear, IconCompany, IconCompanyVerified, IconCompose, IconCopy, IconCoverLetter, IconCreditCard, IconCritical, IconDate, IconDelete, IconDesktop, IconDisallow, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconEnlarge, IconExperience, IconFilter, IconFlag, IconGift, IconGlobe, IconGrid, IconHash, IconHeart, IconHelp, IconHistory, IconHome, IconImage, IconImageBroken, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, IconPhotoAdd, IconPlatformAndroid, IconPlatformApple, IconPositive, IconPrint, IconProfile, IconPromote, IconQR, IconRecommended, IconRedo, IconRefresh, IconRenderer, IconResume, IconRocket, IconSearch, IconSecurity, IconSend, IconSent, IconSentiment, IconSettings, IconShare, IconSkills, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTiktok, IconSocialX, IconSocialYouTube, IconSort, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconTitle, IconUndo, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Inline, Link, List, Loader, MenuItem, MenuItemCheckbox, MenuItemDivider, MenuItemLink, MenuRenderer, MonthPicker, Notice, OverflowMenu, Page, PageBlock, Pagination, PasswordField, RadioGroup, RadioItem, Rating, Secondary, Spread, Stack, Step, Stepper, Strong, Tab, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs, TabsProvider, Tag, Text, TextDropdown, TextField, TextLink, TextLinkButton, Textarea, ThemeNameConsumer, Tiles, ToastProvider, Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useColor, useResponsiveValue, useSpace, useThemeName, useToast };
+export { Accordion, AccordionItem, Actions, Alert, Autosuggest, Avatar, Badge, Bleed, PublicBox as Box, BoxRenderer, BraidPortal, BraidProvider, Button, ButtonIcon, ButtonLink, Card, Checkbox, CheckboxStandalone, Column, Columns, ContentBlock, Dialog, Disclosure, Divider, Drawer, Dropdown, FieldLabel, FieldMessage, Heading, Hidden, HiddenVisually, IconAI, IconAdd, IconArrow, IconAttachment, IconBluetooth, IconBold, IconBookmark, IconBulletList, IconCareer, IconCategory, IconCaution, IconChecklist, IconChevron, IconClear, IconCompany, IconCompanyVerified, IconCompose, IconCopy, IconCoverLetter, IconCreditCard, IconCritical, IconDate, IconDelete, IconDesktop, IconDisallow, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconEnlarge, IconExperience, IconFilter, IconFlag, IconGift, IconGlobe, IconGrid, IconHash, IconHeart, IconHelp, IconHistory, IconHome, IconImage, IconImageBroken, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, IconPhotoAdd, IconPlatformAndroid, IconPlatformApple, IconPositive, IconPrint, IconProfile, IconPromote, IconQR, IconRecommended, IconRedo, IconRefresh, IconRenderer, IconResume, IconRocket, IconSearch, IconSecurity, IconSend, IconSent, IconSentiment, IconSettings, IconShare, IconSkills, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTiktok, IconSocialX, IconSocialYouTube, IconSort, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconTitle, IconUndo, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Inline, Link, List, Loader, MenuItem, MenuItemCheckbox, MenuItemDivider, MenuItemLink, MenuRenderer, MonthPicker, Notice, OverflowMenu, Page, PageBlock, Pagination, PasswordField, RadioGroup, RadioItem, Rating, Secondary, Spread, Stack, Step, Stepper, Strong, Tab, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs, TabsProvider, Tag, Text, TextDropdown, TextField, TextLink, TextLinkButton, Textarea, ThemeNameConsumer, Tiles, ToastProvider, Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useColor, useResponsiveValue, useSpace, useThemeName, useToast };

package/dist/lib/components/Avatar/Avatar.cjs

@@ -0,0 +1,213 @@
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_palette = require("../../color/palette.cjs");
+const require_buildDataAttributes = require("../private/buildDataAttributes.cjs");
+const require_Box = require("../Box/Box.cjs");
+const require_Text = require("../Text/Text.cjs");
+const require_IconImageBroken = require("../icons/IconImageBroken/IconImageBroken.cjs");
+const require_IconProfile = require("../icons/IconProfile/IconProfile.cjs");
+const require_virtualTouchable_css = require("../private/touchable/virtualTouchable.css.cjs");
+const require_Heading = require("../Heading/Heading.cjs");
+const require_Skeleton = require("../private/Skeleton/Skeleton.cjs");
+const require_Avatar_css = require("./Avatar.css.cjs");
+let assert = require("assert");
+assert = require_runtime.__toESM(assert, 1);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/lib/components/Avatar/Avatar.tsx
+const backgroundColours = [
+	{
+		value: require_palette.palette.seekPink[200],
+		type: "customLight"
+	},
+	{
+		value: require_palette.palette.seekBlueLight[200],
+		type: "customLight"
+	},
+	{
+		value: require_palette.palette.orange[200],
+		type: "customLight"
+	},
+	{
+		value: require_palette.palette.red[200],
+		type: "customLight"
+	},
+	{
+		value: require_palette.palette.purple[200],
+		type: "customLight"
+	}
+];
+const isNonSvgDataUri = (src) => /^data:/i.test(src) && !/^data:image\/svg/i.test(src);
+const isEmptyDecodedImage = (img) => img.naturalWidth === 0 && img.naturalHeight === 0;
+const rasterDataUriFailedToDecode = (img) => img.complete && isEmptyDecodedImage(img) && isNonSvgDataUri(img.src);
+const avatarSizeToBorderRadius = {
+	xxlarge: "large",
+	xlarge: "large",
+	large: "standard",
+	standard: "standard",
+	small: "standard",
+	xsmall: "small"
+};
+const avatarSizeToTextSize = {
+	xxlarge: "large",
+	xlarge: "large",
+	large: "large",
+	standard: "standard",
+	small: "small",
+	xsmall: "xsmall"
+};
+const AvatarTextContent = ({ size, children }) => {
+	if (size !== "xxlarge") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+		weight: "strong",
+		size: avatarSizeToTextSize[size],
+		baseline: false,
+		children
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Heading.Heading, {
+		level: "3",
+		component: "span",
+		children
+	});
+};
+const letterRegex = /^\p{L}/u;
+const getInitials = (fullName) => {
+	for (const character of fullName) if (letterRegex.test(character)) return character.toLocaleUpperCase();
+	return null;
+};
+const backgroundColourForName = (name) => {
+	let hash = 0;
+	for (let i = 0; i < name.length; i++) hash = name.charCodeAt(i) + ((hash << 5) - hash);
+	return backgroundColours[Math.abs(hash) % backgroundColours.length];
+};
+const assertIconHasNoSize = (icon) => {
+	(0, assert.default)((0, react.isValidElement)(icon) && icon.props.size === void 0, "Icons cannot set the 'size' prop when passed to an Avatar component");
+};
+const isAvatarSize = (value) => value in require_Avatar_css.size;
+const resolveAvatarSize = (size) => isAvatarSize(size) ? size : "standard";
+const Avatar = (0, react.forwardRef)(({ name = "", "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, size: sizeProp = "standard", loading = false, imageUrl, icon, onClick, tabIndex, data, ...restProps }, ref) => {
+	const size$1 = resolveAvatarSize(sizeProp);
+	const focusable = tabIndex != null;
+	(0, assert.default)(!onClick || Boolean(ariaLabel), "Avatar with onClick requires aria-label so the button has an accessible name.");
+	(0, assert.default)(!focusable || Boolean(ariaLabel), "Avatar with tabIndex requires aria-label so the focusable avatar has an accessible name.");
+	if (icon) assertIconHasNoSize(icon);
+	const [imageError, setImageError] = (0, react.useState)(false);
+	const [imageLoaded, setImageLoaded] = (0, react.useState)(false);
+	const [imageSource, setImageSource] = (0, react.useState)(imageUrl);
+	const [loadingSource, setLoadingSource] = (0, react.useState)(loading);
+	const imageRef = (0, react.useRef)(null);
+	if (imageUrl !== imageSource || loading !== loadingSource) {
+		setImageSource(imageUrl);
+		setLoadingSource(loading);
+		setImageError(false);
+		setImageLoaded(false);
+	}
+	(0, react.useLayoutEffect)(() => {
+		setImageError(false);
+		const img = imageRef.current;
+		if (img && rasterDataUriFailedToDecode(img)) {
+			setImageError(true);
+			setImageLoaded(false);
+			return;
+		}
+		setImageLoaded(Boolean(img?.complete));
+		if (!img || typeof img.decode !== "function" || !/^data:/i.test(img.src) || /^data:image\/svg/i.test(img.src)) return;
+		let cancelled = false;
+		img.decode().then(() => {
+			if (cancelled) return;
+			if (rasterDataUriFailedToDecode(img)) setImageError(true);
+		}, () => {
+			if (!cancelled) setImageError(true);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [imageUrl, loading]);
+	const labelled = Boolean(ariaLabel);
+	const clickable = Boolean(onClick);
+	const borderRadius = avatarSizeToBorderRadius[size$1];
+	let a11yProps;
+	if (clickable) a11yProps = {
+		component: "button",
+		type: "button",
+		onClick,
+		"aria-label": ariaLabel
+	};
+	else if (labelled) a11yProps = {
+		role: "img",
+		"aria-label": ariaLabel
+	};
+	else if (!focusable) a11yProps = { "aria-hidden": true };
+	else a11yProps = {};
+	let content;
+	let colour = null;
+	if (loading) content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Skeleton.Skeleton, {});
+	else if (imageUrl && imageError) content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvatarTextContent, {
+		size: size$1,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconImageBroken.IconImageBroken, {})
+	});
+	else if (imageUrl) content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+		component: "img",
+		ref: imageRef,
+		src: imageUrl,
+		alt: "",
+		"aria-hidden": true,
+		width: "full",
+		height: "full",
+		className: require_Avatar_css.image,
+		opacity: imageLoaded ? void 0 : 0,
+		onError: () => setImageError(true),
+		onLoad: () => {
+			const img = imageRef.current;
+			if (img && isEmptyDecodedImage(img) && isNonSvgDataUri(img.src)) {
+				setImageError(true);
+				return;
+			}
+			setImageLoaded(true);
+		}
+	}, imageUrl);
+	else {
+		const resolvedInitials = getInitials(name);
+		const showCustomIcon = resolvedInitials === null && Boolean(icon);
+		let textContent = resolvedInitials;
+		if (showCustomIcon) textContent = icon;
+		else if (resolvedInitials === null) textContent = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconProfile.IconProfile, {});
+		colour = resolvedInitials && !showCustomIcon ? backgroundColourForName(name) : null;
+		content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvatarTextContent, {
+			size: size$1,
+			children: textContent
+		});
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+		ref,
+		tabIndex,
+		"aria-describedby": ariaDescribedBy,
+		position: "relative",
+		cursor: clickable ? "pointer" : void 0,
+		borderRadius,
+		background: colour?.type ?? "neutralLight",
+		outline: !clickable && focusable ? "focus" : void 0,
+		className: {
+			[require_Avatar_css.size[size$1]]: true,
+			[require_Avatar_css.keyline]: true,
+			[require_virtualTouchable_css.virtualTouchable]: clickable && (size$1 === "xsmall" || size$1 === "small")
+		},
+		style: colour ? { background: colour.value } : void 0,
+		...a11yProps,
+		...require_buildDataAttributes.default({
+			data,
+			validateRestProps: restProps
+		}),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			width: "full",
+			height: "full",
+			overflow: "hidden",
+			borderRadius,
+			children: content
+		})
+	});
+});
+Avatar.displayName = "Avatar";
+//#endregion
+exports.Avatar = Avatar;

package/dist/lib/components/Avatar/Avatar.css.cjs

@@ -0,0 +1,31 @@
+const require_vars_css = require("../../themes/vars.css.cjs");
+let _vanilla_extract_css_fileScope = require("@vanilla-extract/css/fileScope");
+let _vanilla_extract_css = require("@vanilla-extract/css");
+//#region src/lib/components/Avatar/Avatar.css.ts
+(0, _vanilla_extract_css_fileScope.setFileScope)("src/lib/components/Avatar/Avatar.css.ts", "braid-design-system");
+const size = (0, _vanilla_extract_css.styleVariants)({
+	xsmall: 24,
+	small: 32,
+	standard: 48,
+	large: 64,
+	xlarge: 80,
+	xxlarge: 96
+}, (pixels) => ({
+	height: pixels,
+	width: pixels
+}), "size");
+const keyline = (0, _vanilla_extract_css.style)({
+	borderWidth: require_vars_css.vars.borderWidth.standard,
+	borderStyle: "solid",
+	borderColor: require_vars_css.vars.backgroundColor.surface
+}, "keyline");
+const image = (0, _vanilla_extract_css.style)({
+	objectFit: "cover",
+	transition: "opacity 200ms ease-in-out",
+	"@media": { "screen and (prefers-reduced-motion)": { transition: "none" } }
+}, "image");
+(0, _vanilla_extract_css_fileScope.endFileScope)();
+//#endregion
+exports.image = image;
+exports.keyline = keyline;
+exports.size = size;

package/dist/lib/components/Avatar/Avatar.css.d.cts

@@ -0,0 +1,4 @@
+//#region src/lib/components/Avatar/Avatar.css.d.ts
+declare const size: Record<"xsmall" | "small" | "large" | "xlarge" | "xxlarge" | "standard", string>;
+//#endregion
+export { size };

package/dist/lib/components/Avatar/Avatar.css.d.mts

@@ -0,0 +1,4 @@
+//#region src/lib/components/Avatar/Avatar.css.d.ts
+declare const size: Record<"xsmall" | "small" | "large" | "xlarge" | "xxlarge" | "standard", string>;
+//#endregion
+export { size };

package/dist/lib/components/Avatar/Avatar.css.mjs

@@ -0,0 +1,29 @@
+import { vars } from "../../themes/vars.css.mjs";
+import { endFileScope, setFileScope } from "@vanilla-extract/css/fileScope";
+import { style, styleVariants } from "@vanilla-extract/css";
+//#region src/lib/components/Avatar/Avatar.css.ts
+setFileScope("src/lib/components/Avatar/Avatar.css.ts", "braid-design-system");
+const size = styleVariants({
+	xsmall: 24,
+	small: 32,
+	standard: 48,
+	large: 64,
+	xlarge: 80,
+	xxlarge: 96
+}, (pixels) => ({
+	height: pixels,
+	width: pixels
+}), "size");
+const keyline = style({
+	borderWidth: vars.borderWidth.standard,
+	borderStyle: "solid",
+	borderColor: vars.backgroundColor.surface
+}, "keyline");
+const image = style({
+	objectFit: "cover",
+	transition: "opacity 200ms ease-in-out",
+	"@media": { "screen and (prefers-reduced-motion)": { transition: "none" } }
+}, "image");
+endFileScope();
+//#endregion
+export { image, keyline, size };

package/dist/lib/components/Avatar/Avatar.d.cts

@@ -0,0 +1,21 @@
+import { DataAttributeMap } from "../private/buildDataAttributes.cjs";
+import { BoxProps } from "../Box/Box.cjs";
+import { size } from "./Avatar.css.cjs";
+import { MouseEventHandler, ReactElement } from "react";
+//#region src/lib/components/Avatar/Avatar.d.ts
+type AvatarSize = keyof typeof size;
+interface AvatarProps {
+  size?: AvatarSize;
+  'aria-label'?: string;
+  'aria-describedby'?: string;
+  name?: string;
+  imageUrl?: string;
+  icon?: ReactElement;
+  loading?: boolean;
+  onClick?: MouseEventHandler<HTMLButtonElement>;
+  tabIndex?: BoxProps['tabIndex'];
+  data?: DataAttributeMap;
+}
+declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLElement>>;
+//#endregion
+export { Avatar, AvatarProps };

package/dist/lib/components/Avatar/Avatar.d.mts

@@ -0,0 +1,21 @@
+import { DataAttributeMap } from "../private/buildDataAttributes.mjs";
+import { BoxProps } from "../Box/Box.mjs";
+import { size } from "./Avatar.css.mjs";
+import { MouseEventHandler, ReactElement } from "react";
+//#region src/lib/components/Avatar/Avatar.d.ts
+type AvatarSize = keyof typeof size;
+interface AvatarProps {
+  size?: AvatarSize;
+  'aria-label'?: string;
+  'aria-describedby'?: string;
+  name?: string;
+  imageUrl?: string;
+  icon?: ReactElement;
+  loading?: boolean;
+  onClick?: MouseEventHandler<HTMLButtonElement>;
+  tabIndex?: BoxProps['tabIndex'];
+  data?: DataAttributeMap;
+}
+declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLElement>>;
+//#endregion
+export { Avatar, AvatarProps };