braid-design-system 34.5.0 → 34.6.1

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # braid-design-system
 
+## 34.6.1
+
+### Patch Changes
+
+- Fix Dialog/Drawer crashing under Jest (CJS) when resolving `react-focus-lock` ([#2108](https://github.com/seek-oss/braid-design-system/pull/2108))
+
+## 34.6.0
+
+### Minor Changes
+
+- **IconCompanyVerified**: Add component ([#2101](https://github.com/seek-oss/braid-design-system/pull/2101))
+
+  **EXAMPLE USAGE:**
+
+  ```jsx
+  <IconCompanyVerified />
+  ```
+
+- **IconPersonVerified**: Update design ([#2101](https://github.com/seek-oss/braid-design-system/pull/2101))
+
+  **EXAMPLE USAGE:**
+
+  ```jsx
+  <IconPersonVerified />
+  ```
+
 ## 34.5.0
 
 ### Minor Changes

package/README.md

@@ -1,6 +1,8 @@
 <div align="center" >
-  <img src="logo.png#gh-light-mode-only" alt="BRAID" title="BRAID" width="186px" />
-  <img src="logo-inverted.png#gh-dark-mode-only" alt="BRAID" title="BRAID" width="186px" />
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/seek-oss/braid-design-system/HEAD/logo-inverted.png" />
+    <img src="https://raw.githubusercontent.com/seek-oss/braid-design-system/HEAD/logo.png" alt="BRAID" title="BRAID" width="186px" />
+  </picture>
   <br/>
   <br/>
   Themeable design system for the SEEK Group.

package/dist/_virtual/_rolldown/runtime.cjs

@@ -24,7 +24,7 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));

package/dist/index.cjs

@@ -27,6 +27,7 @@ const require_IconChecklist = require("./lib/components/icons/IconChecklist/Icon
 const require_IconChevron = require("./lib/components/icons/IconChevron/IconChevron.cjs");
 const require_IconClear = require("./lib/components/icons/IconClear/IconClear.cjs");
 const require_IconCompany = require("./lib/components/icons/IconCompany/IconCompany.cjs");
+const require_IconCompanyVerified = require("./lib/components/icons/IconCompanyVerified/IconCompanyVerified.cjs");
 const require_IconCompose = require("./lib/components/icons/IconCompose/IconCompose.cjs");
 const require_IconCopy = require("./lib/components/icons/IconCopy/IconCopy.cjs");
 const require_IconCoverLetter = require("./lib/components/icons/IconCoverLetter/IconCoverLetter.cjs");
@@ -240,6 +241,7 @@ exports.IconChecklist = require_IconChecklist.IconChecklist;
 exports.IconChevron = require_IconChevron.IconChevron;
 exports.IconClear = require_IconClear.IconClear;
 exports.IconCompany = require_IconCompany.IconCompany;
+exports.IconCompanyVerified = require_IconCompanyVerified.IconCompanyVerified;
 exports.IconCompose = require_IconCompose.IconCompose;
 exports.IconCopy = require_IconCopy.IconCopy;
 exports.IconCoverLetter = require_IconCoverLetter.IconCoverLetter;

package/dist/index.d.cts

@@ -97,6 +97,7 @@ import { IconChecklist } from "./lib/components/icons/IconChecklist/IconChecklis
 import { IconChevron } from "./lib/components/icons/IconChevron/IconChevron.cjs";
 import { IconClear } from "./lib/components/icons/IconClear/IconClear.cjs";
 import { IconCompany } from "./lib/components/icons/IconCompany/IconCompany.cjs";
+import { IconCompanyVerified } from "./lib/components/icons/IconCompanyVerified/IconCompanyVerified.cjs";
 import { IconCompose } from "./lib/components/icons/IconCompose/IconCompose.cjs";
 import { IconCopy } from "./lib/components/icons/IconCopy/IconCopy.cjs";
 import { IconCoverLetter } from "./lib/components/icons/IconCoverLetter/IconCoverLetter.cjs";
@@ -195,4 +196,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, 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, 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

@@ -97,6 +97,7 @@ import { IconChecklist } from "./lib/components/icons/IconChecklist/IconChecklis
 import { IconChevron } from "./lib/components/icons/IconChevron/IconChevron.mjs";
 import { IconClear } from "./lib/components/icons/IconClear/IconClear.mjs";
 import { IconCompany } from "./lib/components/icons/IconCompany/IconCompany.mjs";
+import { IconCompanyVerified } from "./lib/components/icons/IconCompanyVerified/IconCompanyVerified.mjs";
 import { IconCompose } from "./lib/components/icons/IconCompose/IconCompose.mjs";
 import { IconCopy } from "./lib/components/icons/IconCopy/IconCopy.mjs";
 import { IconCoverLetter } from "./lib/components/icons/IconCoverLetter/IconCoverLetter.mjs";
@@ -195,4 +196,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, 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, 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

@@ -26,6 +26,7 @@ import { IconChecklist } from "./lib/components/icons/IconChecklist/IconChecklis
 import { IconChevron } from "./lib/components/icons/IconChevron/IconChevron.mjs";
 import { IconClear } from "./lib/components/icons/IconClear/IconClear.mjs";
 import { IconCompany } from "./lib/components/icons/IconCompany/IconCompany.mjs";
+import { IconCompanyVerified } from "./lib/components/icons/IconCompanyVerified/IconCompanyVerified.mjs";
 import { IconCompose } from "./lib/components/icons/IconCompose/IconCompose.mjs";
 import { IconCopy } from "./lib/components/icons/IconCopy/IconCopy.mjs";
 import { IconCoverLetter } from "./lib/components/icons/IconCoverLetter/IconCoverLetter.mjs";
@@ -194,4 +195,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, 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, 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/Autosuggest/Autosuggest.cjs

@@ -43,7 +43,8 @@ const SUGGESTION_MOUSE_ENTER = 8;
 const HAS_SUGGESTIONS_CHANGED = 9;
 function SuggestionItem({ suggestion, highlighted, selected, onHover, id, ...restProps }) {
 	const { highlights = [], onClear, clearLabel, data } = suggestion;
-	const suggestionParts = (0, autosuggest_highlight_parse_index_js.default)(suggestion.label ?? suggestion.text, highlights.map(({ start, end }) => [start, end]));
+	const label = suggestion.label ?? suggestion.text;
+	const suggestionParts = (0, autosuggest_highlight_parse_index_js.default)(label, highlights.map(({ start, end }) => [start, end]));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
 		component: "li",
 		cursor: "pointer",

package/dist/lib/components/Autosuggest/Autosuggest.mjs

@@ -39,7 +39,8 @@ const SUGGESTION_MOUSE_ENTER = 8;
 const HAS_SUGGESTIONS_CHANGED = 9;
 function SuggestionItem({ suggestion, highlighted, selected, onHover, id, ...restProps }) {
 	const { highlights = [], onClear, clearLabel, data } = suggestion;
-	const suggestionParts = parseHighlights(suggestion.label ?? suggestion.text, highlights.map(({ start, end }) => [start, end]));
+	const label = suggestion.label ?? suggestion.text;
+	const suggestionParts = parseHighlights(label, highlights.map(({ start, end }) => [start, end]));
 	return /* @__PURE__ */ jsx(Box, {
 		component: "li",
 		cursor: "pointer",

package/dist/lib/components/BraidProvider/BraidProvider.cjs

@@ -14,10 +14,11 @@ let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/lib/components/BraidProvider/BraidProvider.tsx
 if (process.env.NODE_ENV === "development") require_resetTracker.ensureResetImported();
 const makeLinkComponent = (render) => ({ __forwardRef__: (0, react.forwardRef)(render) });
-const LinkComponentContext = (0, react.createContext)(makeLinkComponent((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+const DefaultLinkComponent = makeLinkComponent((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 	ref,
 	...props
-})));
+}));
+const LinkComponentContext = (0, react.createContext)(DefaultLinkComponent);
 const useLinkComponent = (ref) => {
 	const linkComponent = (0, react.useContext)(LinkComponentContext);
 	(0, assert.default)(!ref || "__forwardRef__" in linkComponent, dedent.default`

package/dist/lib/components/BraidProvider/BraidProvider.mjs

@@ -11,10 +11,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/lib/components/BraidProvider/BraidProvider.tsx
 if (process.env.NODE_ENV === "development") ensureResetImported();
 const makeLinkComponent = (render) => ({ __forwardRef__: forwardRef(render) });
-const LinkComponentContext = createContext(makeLinkComponent((props, ref) => /* @__PURE__ */ jsx("a", {
+const DefaultLinkComponent = makeLinkComponent((props, ref) => /* @__PURE__ */ jsx("a", {
 	ref,
 	...props
-})));
+}));
+const LinkComponentContext = createContext(DefaultLinkComponent);
 const useLinkComponent = (ref) => {
 	const linkComponent = useContext(LinkComponentContext);
 	assert(!ref || "__forwardRef__" in linkComponent, dedent`

package/dist/lib/components/Button/ButtonLoader.css.mjs

@@ -2,7 +2,8 @@ import { endFileScope, setFileScope } from "@vanilla-extract/css/fileScope";
 import { keyframes, style } from "@vanilla-extract/css";
 //#region src/lib/components/Button/ButtonLoader.css.ts
 setFileScope("src/lib/components/Button/ButtonLoader.css.ts", "braid-design-system");
-const loading = style({ animation: `${keyframes({ to: { transform: "rotate(360deg)" } }, "spin")} 0.7s linear infinite` }, "loading");
+const spin = keyframes({ to: { transform: "rotate(360deg)" } }, "spin");
+const loading = style({ animation: `${spin} 0.7s linear infinite` }, "loading");
 endFileScope();
 //#endregion
 export { loading };

package/dist/lib/components/ButtonLink/ButtonLink.playroom.cjs

@@ -4,9 +4,10 @@ let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/lib/components/ButtonLink/ButtonLink.playroom.tsx
 const ButtonLink = (0, react.forwardRef)(({ variant, ...restProps }, ref) => {
+	const isValidVariant = variant && require_Button.buttonVariants.indexOf(variant) > -1;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ButtonLink.ButtonLink, {
 		ref,
-		variant: variant && require_Button.buttonVariants.indexOf(variant) > -1 ? variant : void 0,
+		variant: isValidVariant ? variant : void 0,
 		...restProps
 	});
 });

package/dist/lib/components/ButtonLink/ButtonLink.playroom.mjs

@@ -4,9 +4,10 @@ import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/lib/components/ButtonLink/ButtonLink.playroom.tsx
 const ButtonLink = forwardRef(({ variant, ...restProps }, ref) => {
+	const isValidVariant = variant && buttonVariants.indexOf(variant) > -1;
 	return /* @__PURE__ */ jsx(ButtonLink$1, {
 		ref,
-		variant: variant && buttonVariants.indexOf(variant) > -1 ? variant : void 0,
+		variant: isValidVariant ? variant : void 0,
 		...restProps
 	});
 });

package/dist/lib/components/FieldMessage/FieldMessage.playroom.cjs

@@ -3,8 +3,9 @@ const require_FieldMessage = require("./FieldMessage.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/lib/components/FieldMessage/FieldMessage.playroom.tsx
 const FieldMessage = ({ id, tone, ...restProps }) => {
+	const resolvedId = require_useFallbackId.useFallbackId(id);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FieldMessage.FieldMessage, {
-		id: require_useFallbackId.useFallbackId(id),
+		id: resolvedId,
 		tone: tone && require_FieldMessage.tones.indexOf(tone) > -1 ? tone : void 0,
 		...restProps
 	});

package/dist/lib/components/FieldMessage/FieldMessage.playroom.mjs

@@ -3,8 +3,9 @@ import { FieldMessage as FieldMessage$1, tones } from "./FieldMessage.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/lib/components/FieldMessage/FieldMessage.playroom.tsx
 const FieldMessage = ({ id, tone, ...restProps }) => {
+	const resolvedId = useFallbackId(id);
 	return /* @__PURE__ */ jsx(FieldMessage$1, {
-		id: useFallbackId(id),
+		id: resolvedId,
 		tone: tone && tones.indexOf(tone) > -1 ? tone : void 0,
 		...restProps
 	});

package/dist/lib/components/Link/Link.cjs

@@ -8,7 +8,8 @@ let clsx = require("clsx");
 clsx = require_runtime.__toESM(clsx, 1);
 //#region src/lib/components/Link/Link.tsx
 const Link = (0, react.forwardRef)(({ href, className, data, ...restProps }, ref) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BraidProvider.useLinkComponent(ref), {
+	const LinkComponent = require_BraidProvider.useLinkComponent(ref);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LinkComponent, {
 		ref,
 		href,
 		className: (0, clsx.default)(require_atoms.atoms({ reset: "a" }), className),

package/dist/lib/components/Link/Link.mjs

@@ -6,7 +6,8 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 //#region src/lib/components/Link/Link.tsx
 const Link = forwardRef(({ href, className, data, ...restProps }, ref) => {
-	return /* @__PURE__ */ jsx(useLinkComponent(ref), {
+	const LinkComponent = useLinkComponent(ref);
+	return /* @__PURE__ */ jsx(LinkComponent, {
 		ref,
 		href,
 		className: clsx(atoms({ reset: "a" }), className),

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

@@ -13,11 +13,12 @@ const size = (0, _vanilla_extract_css.styleVariants)(require_vars_css.vars.textS
 	tablet: { height: tablet.fontSize }
 }), "size");
 const currentColor = (0, _vanilla_extract_css.style)({ fill: "currentcolor" }, "currentColor");
+const bounce = (0, _vanilla_extract_css.keyframes)({
+	"33%": { transform: `translateY(-1.4em)` },
+	"66%": { transform: `translateY(1.4em)` }
+}, "bounce");
 const bounceAnimation = (0, _vanilla_extract_css.style)({
-	animationName: (0, _vanilla_extract_css.keyframes)({
-		"33%": { transform: `translateY(-1.4em)` },
-		"66%": { transform: `translateY(1.4em)` }
-	}, "bounce"),
+	animationName: bounce,
 	animationFillMode: "both",
 	animationIterationCount: "infinite",
 	animationTimingFunction: "ease-in-out",
@@ -27,7 +28,7 @@ const animationDelayInMs = 70;
 const circle = (0, _vanilla_extract_css.style)([bounceAnimation, (0, _vanilla_extract_css.style)({
 	transform: `translateY(1.4em)`,
 	selectors: {
-		[`&:nth-child(1)`]: { animationDelay: `${animationDelayInMs * 2}ms` },
+		[`&:nth-child(1)`]: { animationDelay: `140ms` },
 		[`&:nth-child(2)`]: { animationDelay: `${animationDelayInMs}ms` }
 	}
 }, "circle")], "circle");

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

@@ -13,11 +13,12 @@ const size = styleVariants(vars.textSize, ({ mobile, tablet }) => responsiveStyl
 	tablet: { height: tablet.fontSize }
 }), "size");
 const currentColor = style({ fill: "currentcolor" }, "currentColor");
+const bounce = keyframes({
+	"33%": { transform: `translateY(-1.4em)` },
+	"66%": { transform: `translateY(1.4em)` }
+}, "bounce");
 const bounceAnimation = style({
-	animationName: keyframes({
-		"33%": { transform: `translateY(-1.4em)` },
-		"66%": { transform: `translateY(1.4em)` }
-	}, "bounce"),
+	animationName: bounce,
 	animationFillMode: "both",
 	animationIterationCount: "infinite",
 	animationTimingFunction: "ease-in-out",
@@ -27,16 +28,17 @@ const animationDelayInMs = 70;
 const circle = style([bounceAnimation, style({
 	transform: `translateY(1.4em)`,
 	selectors: {
-		[`&:nth-child(1)`]: { animationDelay: `${animationDelayInMs * 2}ms` },
+		[`&:nth-child(1)`]: { animationDelay: `140ms` },
 		[`&:nth-child(2)`]: { animationDelay: `${animationDelayInMs}ms` }
 	}
 }, "circle")], "circle");
+const fade = keyframes({
+	from: { opacity: 0 },
+	to: { opacity: 1 }
+}, "fade");
 const delay = style({
 	opacity: 0,
-	animationName: keyframes({
-		from: { opacity: 0 },
-		to: { opacity: 1 }
-	}, "fade"),
+	animationName: fade,
 	animationIterationCount: "1",
 	animationFillMode: "forwards",
 	animationTimingFunction: "ease-in",

package/dist/lib/components/PageBlock/PageBlock.cjs

@@ -13,9 +13,10 @@ const validPageBlockComponents = [
 	"nav"
 ];
 const PageBlock = ({ children, width = "large", component: componentProp, data, ...restProps }) => {
+	const component = componentProp && validPageBlockComponents.includes(componentProp) ? componentProp : "div";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
 		width: "full",
-		component: componentProp && validPageBlockComponents.includes(componentProp) ? componentProp : "div",
+		component,
 		paddingX: require_pageBlockGutters.pageBlockGutters,
 		...require_buildDataAttributes.default({
 			data,

package/dist/lib/components/PageBlock/PageBlock.mjs

@@ -13,9 +13,10 @@ const validPageBlockComponents = [
 	"nav"
 ];
 const PageBlock = ({ children, width = "large", component: componentProp, data, ...restProps }) => {
+	const component = componentProp && validPageBlockComponents.includes(componentProp) ? componentProp : "div";
 	return /* @__PURE__ */ jsx(Box, {
 		width: "full",
-		component: componentProp && validPageBlockComponents.includes(componentProp) ? componentProp : "div",
+		component,
 		paddingX: pageBlockGutters,
 		...buildDataAttributes_default({
 			data,

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

@@ -76,7 +76,7 @@ const tick = (0, _vanilla_extract_css.style)([
 const progressBarGap = "xxsmall";
 const dotSize = 2;
 const progressTrack = (0, _vanilla_extract_css.style)({
-	background: `repeating-linear-gradient(90deg, ${baseColourVar}, ${baseColourVar} ${dotSize}px, transparent ${dotSize}px, transparent ${dotSize * 2}px)`,
+	background: `repeating-linear-gradient(90deg, ${baseColourVar}, ${baseColourVar} ${dotSize}px, transparent ${dotSize}px, transparent 4px)`,
 	height: require_vars_css.vars.borderWidth.large,
 	width: `${(0, _vanilla_extract_css_utils.calc)("100%").subtract(stepIndicatorSize).subtract((0, _vanilla_extract_css_utils.calc)(require_vars_css.vars.space[progressBarGap]).multiply(2))}`,
 	top: `${(0, _vanilla_extract_css_utils.calc)(stepIndicatorSize).subtract(require_vars_css.vars.borderWidth.large).divide(2)}`,

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

@@ -76,7 +76,7 @@ const tick = style([
 const progressBarGap = "xxsmall";
 const dotSize = 2;
 const progressTrack = style({
-	background: `repeating-linear-gradient(90deg, ${baseColourVar}, ${baseColourVar} ${dotSize}px, transparent ${dotSize}px, transparent ${dotSize * 2}px)`,
+	background: `repeating-linear-gradient(90deg, ${baseColourVar}, ${baseColourVar} ${dotSize}px, transparent ${dotSize}px, transparent 4px)`,
 	height: vars.borderWidth.large,
 	width: `${calc("100%").subtract(stepIndicatorSize).subtract(calc(vars.space[progressBarGap]).multiply(2))}`,
 	top: `${calc(stepIndicatorSize).subtract(vars.borderWidth.large).divide(2)}`,

package/dist/lib/components/Table/TableBody.cjs

@@ -9,7 +9,8 @@ let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/lib/components/Table/TableBody.tsx
 const TableBody = (0, react.forwardRef)(({ children, data, ...restProps }, ref) => {
-	(0, assert.default)((0, react.useContext)(require_TableContext.TableContext), "TableBody must be used within a Table component");
+	const tableContext = (0, react.useContext)(require_TableContext.TableContext);
+	(0, assert.default)(tableContext, "TableBody must be used within a Table component");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TableContext.TableBodyContext.Provider, {
 		value: true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {

package/dist/lib/components/Table/TableBody.mjs

@@ -7,7 +7,8 @@ import { forwardRef, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/lib/components/Table/TableBody.tsx
 const TableBody = forwardRef(({ children, data, ...restProps }, ref) => {
-	assert(useContext(TableContext), "TableBody must be used within a Table component");
+	const tableContext = useContext(TableContext);
+	assert(tableContext, "TableBody must be used within a Table component");
 	return /* @__PURE__ */ jsx(TableBodyContext.Provider, {
 		value: true,
 		children: /* @__PURE__ */ jsx(Box, {

package/dist/lib/components/Table/TableCell.cjs

@@ -93,7 +93,8 @@ const TableCell = (0, react.forwardRef)((props, ref) => {
 });
 const TableHeaderCell = (0, react.forwardRef)((props, ref) => {
 	const tableHeaderContext = (0, react.useContext)(require_TableContext.TableHeaderContext);
-	(0, assert.default)((0, react.useContext)(require_TableContext.TableRowContext), "TableHeaderCell cannot be used outside a TableRow component");
+	const tableRowContext = (0, react.useContext)(require_TableContext.TableRowContext);
+	(0, assert.default)(tableRowContext, "TableHeaderCell cannot be used outside a TableRow component");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Cell, {
 		...props,
 		header: true,

package/dist/lib/components/Table/TableCell.mjs

@@ -91,7 +91,8 @@ const TableCell = forwardRef((props, ref) => {
 });
 const TableHeaderCell = forwardRef((props, ref) => {
 	const tableHeaderContext = useContext(TableHeaderContext);
-	assert(useContext(TableRowContext), "TableHeaderCell cannot be used outside a TableRow component");
+	const tableRowContext = useContext(TableRowContext);
+	assert(tableRowContext, "TableHeaderCell cannot be used outside a TableRow component");
 	return /* @__PURE__ */ jsx(Cell, {
 		...props,
 		header: true,

package/dist/lib/components/Table/TableFooter.cjs

@@ -9,7 +9,8 @@ let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/lib/components/Table/TableFooter.tsx
 const TableFooter = (0, react.forwardRef)(({ children, data, ...restProps }, ref) => {
-	(0, assert.default)((0, react.useContext)(require_TableContext.TableContext), "TableFooter must be used within a Table component");
+	const tableContext = (0, react.useContext)(require_TableContext.TableContext);
+	(0, assert.default)(tableContext, "TableFooter must be used within a Table component");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TableContext.TableFooterContext.Provider, {
 		value: true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {

package/dist/lib/components/Table/TableFooter.mjs

@@ -7,7 +7,8 @@ import { forwardRef, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/lib/components/Table/TableFooter.tsx
 const TableFooter = forwardRef(({ children, data, ...restProps }, ref) => {
-	assert(useContext(TableContext), "TableFooter must be used within a Table component");
+	const tableContext = useContext(TableContext);
+	assert(tableContext, "TableFooter must be used within a Table component");
 	return /* @__PURE__ */ jsx(TableFooterContext.Provider, {
 		value: true,
 		children: /* @__PURE__ */ jsx(Box, {

package/dist/lib/components/Table/TableHeader.cjs

@@ -9,7 +9,8 @@ let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/lib/components/Table/TableHeader.tsx
 const TableHeader = (0, react.forwardRef)(({ children, data, ...restProps }, ref) => {
-	(0, assert.default)((0, react.useContext)(require_TableContext.TableContext), "TableHeader must be used within a Table component");
+	const tableContext = (0, react.useContext)(require_TableContext.TableContext);
+	(0, assert.default)(tableContext, "TableHeader must be used within a Table component");
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TableContext.TableHeaderContext.Provider, {
 		value: true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {

package/dist/lib/components/Table/TableHeader.mjs

@@ -7,7 +7,8 @@ import { forwardRef, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/lib/components/Table/TableHeader.tsx
 const TableHeader = forwardRef(({ children, data, ...restProps }, ref) => {
-	assert(useContext(TableContext), "TableHeader must be used within a Table component");
+	const tableContext = useContext(TableContext);
+	assert(tableContext, "TableHeader must be used within a Table component");
 	return /* @__PURE__ */ jsx(TableHeaderContext.Provider, {
 		value: true,
 		children: /* @__PURE__ */ jsx(Box, {

package/dist/lib/components/TextLink/TextLink.mjs

@@ -18,7 +18,8 @@ const useLinkStyles = ({ reset = "a", weight, showVisited = false, hitArea = "st
 	const backgroundContext = useBackground();
 	const textContext = useContext(TextContext);
 	const isWeakDueToTextTone = !useContext(HeadingContext_default) && textContext?.tone !== "neutral";
-	return clsx(base, weight === "weak" || isWeakDueToTextTone ? weakLink : [isPlainBackground(backgroundContext.lightMode, "light") || weight === "regular" ? regularLinkLightMode[backgroundLightness.lightMode] : weakLink, isPlainBackground(backgroundContext.darkMode, "dark") || weight === "regular" ? regularLinkDarkMode[backgroundLightness.darkMode] : weakLink], weight !== "weak" ? fontWeight.medium : void 0, showVisited ? [visitedLightMode[backgroundLightness.lightMode], visitedDarkMode[backgroundLightness.darkMode]] : "", reset !== false ? atoms({ reset: typeof reset === "string" ? reset : "a" }) : null, atoms({ cursor: "pointer" }), hitArea === "large" && virtualTouchable);
+	const linkStyles = weight === "weak" || isWeakDueToTextTone ? weakLink : [isPlainBackground(backgroundContext.lightMode, "light") || weight === "regular" ? regularLinkLightMode[backgroundLightness.lightMode] : weakLink, isPlainBackground(backgroundContext.darkMode, "dark") || weight === "regular" ? regularLinkDarkMode[backgroundLightness.darkMode] : weakLink];
+	return clsx(base, linkStyles, weight !== "weak" ? fontWeight.medium : void 0, showVisited ? [visitedLightMode[backgroundLightness.lightMode], visitedDarkMode[backgroundLightness.darkMode]] : "", reset !== false ? atoms({ reset: typeof reset === "string" ? reset : "a" }) : null, atoms({ cursor: "pointer" }), hitArea === "large" && virtualTouchable);
 };
 const TextLinkContent = ({ icon, iconPosition = "leading", children }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
 	icon && iconPosition === "leading" ? /* @__PURE__ */ jsx(AvoidWidowIcon, {

package/dist/lib/components/Textarea/formatRanges.cjs

@@ -7,7 +7,7 @@ autosuggest_highlight_parse_index_js = require_runtime.__toESM(autosuggest_highl
 const formatRanges = (value, highlightRanges, tone) => {
 	if (highlightRanges && value) {
 		let lastEnd = 0;
-		return (0, autosuggest_highlight_parse_index_js.default)(value, highlightRanges.sort((a, b) => a.start > b.start ? 1 : -1).reduce((acc, { end, start }) => {
+		const validatedAndSortedRanges = highlightRanges.sort((a, b) => a.start > b.start ? 1 : -1).reduce((acc, { end, start }) => {
 			const resolvedEnd = end || value.length;
 			if (resolvedEnd <= start) return acc;
 			const adjustedRange = [];
@@ -19,7 +19,8 @@ const formatRanges = (value, highlightRanges, tone) => {
 				lastEnd = resolvedEnd;
 			}
 			return [...acc, ...adjustedRange];
-		}, []).map(({ start, end }) => [start, end || value.length])).reduce((acc, { text, highlight }, i) => {
+		}, []);
+		return (0, autosuggest_highlight_parse_index_js.default)(value, validatedAndSortedRanges.map(({ start, end }) => [start, end || value.length])).reduce((acc, { text, highlight }, i) => {
 			if (text) acc.push(highlight ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Highlight.Highlight, {
 				tone,
 				children: text

package/dist/lib/components/Textarea/formatRanges.mjs

@@ -5,7 +5,7 @@ import parseHighlights from "autosuggest-highlight/parse/index.js";
 const formatRanges = (value, highlightRanges, tone) => {
 	if (highlightRanges && value) {
 		let lastEnd = 0;
-		return parseHighlights(value, highlightRanges.sort((a, b) => a.start > b.start ? 1 : -1).reduce((acc, { end, start }) => {
+		const validatedAndSortedRanges = highlightRanges.sort((a, b) => a.start > b.start ? 1 : -1).reduce((acc, { end, start }) => {
 			const resolvedEnd = end || value.length;
 			if (resolvedEnd <= start) return acc;
 			const adjustedRange = [];
@@ -17,7 +17,8 @@ const formatRanges = (value, highlightRanges, tone) => {
 				lastEnd = resolvedEnd;
 			}
 			return [...acc, ...adjustedRange];
-		}, []).map(({ start, end }) => [start, end || value.length])).reduce((acc, { text, highlight }, i) => {
+		}, []);
+		return parseHighlights(value, validatedAndSortedRanges.map(({ start, end }) => [start, end || value.length])).reduce((acc, { text, highlight }, i) => {
 			if (text) acc.push(highlight ? /* @__PURE__ */ jsx(Highlight, {
 				tone,
 				children: text

package/dist/lib/components/TooltipRenderer/TooltipRenderer.cjs

@@ -17,8 +17,9 @@ const offsetSpace = "small";
 const StaticTooltipContext = (0, react.createContext)(false);
 const clamp = (min, value, max) => Math.max(min, Math.min(value, max));
 const TooltipTextDefaultsProvider = ({ children }) => {
+	const themeName = require_useThemeName.useThemeName();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_defaultTextProps.DefaultTextPropsProvider, {
-		size: require_useThemeName.useThemeName() === "docs" ? "small" : void 0,
+		size: themeName === "docs" ? "small" : void 0,
 		weight: "medium",
 		children
 	});

package/dist/lib/components/TooltipRenderer/TooltipRenderer.mjs

@@ -15,8 +15,9 @@ const offsetSpace = "small";
 const StaticTooltipContext = createContext(false);
 const clamp = (min, value, max) => Math.max(min, Math.min(value, max));
 const TooltipTextDefaultsProvider = ({ children }) => {
+	const themeName = useThemeName();
 	return /* @__PURE__ */ jsx(DefaultTextPropsProvider, {
-		size: useThemeName() === "docs" ? "small" : void 0,
+		size: themeName === "docs" ? "small" : void 0,
 		weight: "medium",
 		children
 	});

package/dist/lib/components/icons/IconCompanyVerified/IconCompanyVerified.cjs

@@ -0,0 +1,14 @@
+const require_Box = require("../../Box/Box.cjs");
+const require_IconContainer = require("../IconContainer.cjs");
+const require_IconCompanyVerifiedSvg = require("./IconCompanyVerifiedSvg.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/lib/components/icons/IconCompanyVerified/IconCompanyVerified.tsx
+const IconCompanyVerified = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconContainer.IconContainer, {
+	...props,
+	children: (svgProps) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+		component: require_IconCompanyVerifiedSvg.IconCompanyVerifiedSvg,
+		...svgProps
+	})
+});
+//#endregion
+exports.IconCompanyVerified = IconCompanyVerified;

package/dist/lib/components/icons/IconCompanyVerified/IconCompanyVerified.d.cts

@@ -0,0 +1,7 @@
+import { IconContainerProps } from "../IconContainer.cjs";
+import { FC } from "react";
+//#region src/lib/components/icons/IconCompanyVerified/IconCompanyVerified.d.ts
+type IconCompanyVerifiedProps = IconContainerProps;
+declare const IconCompanyVerified: FC<IconCompanyVerifiedProps>;
+//#endregion
+export { IconCompanyVerified, IconCompanyVerifiedProps };

package/dist/lib/components/icons/IconCompanyVerified/IconCompanyVerified.d.mts

@@ -0,0 +1,7 @@
+import { IconContainerProps } from "../IconContainer.mjs";
+import { FC } from "react";
+//#region src/lib/components/icons/IconCompanyVerified/IconCompanyVerified.d.ts
+type IconCompanyVerifiedProps = IconContainerProps;
+declare const IconCompanyVerified: FC<IconCompanyVerifiedProps>;
+//#endregion
+export { IconCompanyVerified, IconCompanyVerifiedProps };