braid-design-system 33.12.1 → 33.12.3

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # braid-design-system
 
+## 33.12.3
+
+### Patch Changes
+
+- **TooltipRenderer:** Ensure Chinese text is not wrapped incorrectly ([#1916](https://github.com/seek-oss/braid-design-system/pull/1916))
+
+  Right aligned tooltip triggers with tooltips containing long unbroken Chinese text are no longer forcibly broken across many lines.
+  This was due to the use of `overflow-wrap: break-word;` used to break long strings of Latin characters—guarding against broken layouts.
+
+  For Chinese, Japanese and Korean (CJK) character sets, to avoid the unwanted line breaks it is recommened to apply the `word-break: keep-all;` CSS property.
+
+  See [MDN reference] for more information.
+
+  [MDN reference]: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/word-break#keep-all
+
+## 33.12.2
+
+### Patch Changes
+
+- **Autosuggest, MenuRenderer, TooltipRenderer:** Improve placement logic ([#1904](https://github.com/seek-oss/braid-design-system/pull/1904))
+
+  In `MenuRenderer`, if there is not enough space for the menu above or below the trigger, the menu will be positioned based on the `placement` prop.
+
+- **Dialog, Drawer:** Ensure page elements are not interactive during close animation ([#1906](https://github.com/seek-oss/braid-design-system/pull/1906))
+
 ## 33.12.1
 
 ### Patch Changes
@@ -2468,9 +2493,8 @@ For more detail on the specific changes in this release, please read on.
   ```jsx
   // playroom.config.js
   module.exports = {
-    frameComponent: require.resolve(
-      'braid-design-system/playroom/FrameComponent',
-    ),
+    frameComponent:
+      require.resolve('braid-design-system/playroom/FrameComponent'),
     components: require.resolve('braid-design-system/playroom/components'),
     snippets: require.resolve('braid-design-system/playroom/snippets'),
     scope: require.resolve('braid-design-system/playroom/scope'),
@@ -2615,9 +2639,8 @@ For more detail on the specific changes in this release, please read on.
   ```jsx
   // playroom.config.js
   module.exports = {
-    frameComponent: require.resolve(
-      'braid-design-system/playroom/FrameComponent.tsx',
-    ),
+    frameComponent:
+      require.resolve('braid-design-system/playroom/FrameComponent.tsx'),
     components: require.resolve('braid-design-system/playroom/components.ts'),
     snippets: require.resolve('braid-design-system/playroom/snippets.ts'),
     scope: require.resolve('braid-design-system/playroom/scope.ts'),

package/dist/index.d.mts

@@ -1,9 +1,9 @@
 import * as react from 'react';
 import react__default, { ForwardRefRenderFunction, AnchorHTMLAttributes, ComponentType, ReactNode, ReactElement, AllHTMLAttributes, ElementType, RefAttributes, Ref, RefObject, KeyboardEvent, MouseEvent, FormEvent, RefCallback } from 'react';
-import { FontMetrics } from '@capsizecss/core';
 import * as clsx from 'clsx';
 import { ClassValue } from 'clsx';
 import { Optional } from 'utility-types';
+import { FontMetrics } from '@capsizecss/core';
 import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
 import { ConditionalValue, RequiredConditionalValue } from '@vanilla-extract/sprinkles';
 import { StyleRule } from '@vanilla-extract/css';
@@ -303,23 +303,23 @@ type BraidTheme = ReturnType<typeof makeBraidTheme>;
 interface LinkComponentProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     href: string;
 }
-declare const makeLinkComponent: (render: ForwardRefRenderFunction<HTMLAnchorElement, LinkComponentProps>) => {
+declare const makeLinkComponent$1: (render: ForwardRefRenderFunction<HTMLAnchorElement, LinkComponentProps>) => {
     readonly __forwardRef__: react.ForwardRefExoticComponent<LinkComponentProps & react.RefAttributes<HTMLAnchorElement>>;
 };
-type LinkComponent$1 = ReturnType<typeof makeLinkComponent> | ComponentType<LinkComponentProps>;
+type LinkComponent$1 = ReturnType<typeof makeLinkComponent$1> | ComponentType<LinkComponentProps>;
 interface BraidProviderProps {
     theme: BraidTheme;
     styleBody?: boolean;
     linkComponent?: LinkComponent$1;
     children: ReactNode;
 }
-declare const BraidProvider: ({ theme, styleBody, linkComponent, children, }: BraidProviderProps) => react.JSX.Element;
+declare const BraidProvider$1: ({ theme, styleBody, linkComponent, children, }: BraidProviderProps) => react.JSX.Element;
 
 interface BraidPortalProps {
     children: ReactNode;
     container?: Element;
 }
-declare const BraidPortal: ({ children, container }: BraidPortalProps) => react.ReactPortal;
+declare const BraidPortal$1: ({ children, container }: BraidPortalProps) => react.ReactPortal;
 
 interface ThemeNameConsumerProps {
     children(name: string): ReactElement;
@@ -5209,6 +5209,13 @@ interface PlaceholderProps {
 }
 declare const Placeholder: ({ label, width, height, shape, image, imageSize, }: PlaceholderProps) => react.JSX.Element;
 
+/**
+ * Override Braid exports that we don't want in Playroom
+ */
+declare const BraidPortal: undefined;
+declare const BraidProvider: undefined;
+declare const makeLinkComponent: undefined;
+
 declare function useScope(): {
     setDefaultState: (key: string, value: any) => void;
     getState: (key: string) => any;
@@ -5360,5 +5367,5 @@ declare const _default: {
     code: string;
 }[];
 
-export { Accordion$1 as Accordion, Accordion as Accordion$1, AccordionItem$1 as AccordionItem, AccordionItem as AccordionItem$1, Actions, Alert$1 as Alert, Alert as Alert$1, Autosuggest$1 as Autosuggest, Autosuggest as Autosuggest$1, Badge$1 as Badge, Badge as Badge$1, Bleed$1 as Bleed, Bleed as Bleed$1, PublicBox as Box, Box as Box$1, BoxRenderer, BraidPortal, BraidProvider, BraidTestProvider, Button$1 as Button, Button as Button$1, ButtonIcon$1 as ButtonIcon, ButtonIcon as ButtonIcon$1, ButtonLink$1 as ButtonLink, ButtonLink as ButtonLink$1, Card$1 as Card, Card as Card$1, Checkbox$1 as Checkbox, Checkbox as Checkbox$1, CheckboxStandalone$1 as CheckboxStandalone, CheckboxStandalone as CheckboxStandalone$1, Column, Columns$1 as Columns, Columns as Columns$1, ContentBlock, Dialog$1 as Dialog, Dialog as Dialog$1, Disclosure$1 as Disclosure, Disclosure as Disclosure$1, Divider, Drawer$1 as Drawer, Drawer as Drawer$1, Dropdown$1 as Dropdown, Dropdown as Dropdown$1, FieldLabel$1 as FieldLabel, FieldLabel as FieldLabel$1, FieldMessage$1 as FieldMessage, FieldMessage as FieldMessage$1, Heading$1 as Heading, Heading as Heading$1, 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, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconList, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, 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$1 as Inline, Inline as Inline$1, Link$1 as Link, Link as Link$1, List$1 as List, List as List$1, Loader, MenuItem$1 as MenuItem, MenuItem as MenuItem$1, MenuItemCheckbox$1 as MenuItemCheckbox, MenuItemCheckbox as MenuItemCheckbox$1, MenuItemDivider, MenuItemLink$1 as MenuItemLink, MenuItemLink as MenuItemLink$1, MenuRenderer, MonthPicker$1 as MonthPicker, MonthPicker as MonthPicker$1, Notice$1 as Notice, Notice as Notice$1, OverflowMenu, Page, PageBlock, Pagination$1 as Pagination, Pagination as Pagination$1, PasswordField$1 as PasswordField, PasswordField as PasswordField$1, Placeholder, RadioGroup$1 as RadioGroup, RadioGroup as RadioGroup$1, RadioItem, Rating$1 as Rating, Rating as Rating$1, Secondary, Spread$1 as Spread, Spread as Spread$1, Stack$1 as Stack, Stack as Stack$1, Step$1 as Step, Stepper, Strong, Tab$1 as Tab, Tab as Tab$1, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs$1 as Tabs, Tabs as Tabs$1, TabsProvider, Tag$1 as Tag, Tag as Tag$1, Text, TextDropdown$1 as TextDropdown, TextDropdown as TextDropdown$1, TextField$1 as TextField, TextField as TextField$1, TextLink, TextLinkButton, Textarea$1 as Textarea, Textarea as Textarea$1, ThemeNameConsumer, Tiles$1 as Tiles, Tiles as Tiles$1, ToastProvider, Toggle$1 as Toggle, Toggle as Toggle$1, TooltipRenderer, _default$1 as _default, _default as _default$1, _default$6 as _default$2, _default$2 as _default$3, _default$4, _default$5, _default$3 as _default$6, atoms, breakpoints, colorModeStyle, filterSuggestions, globalHeadingStyle, globalTextStyle, makeLinkComponent, outlineStyle, responsiveStyle, useColor, useResponsiveValue, useScope, useSpace, useThemeName, useToast, vars };
+export { Accordion$1 as Accordion, Accordion as Accordion$1, AccordionItem$1 as AccordionItem, AccordionItem as AccordionItem$1, Actions, Alert$1 as Alert, Alert as Alert$1, Autosuggest$1 as Autosuggest, Autosuggest as Autosuggest$1, Badge$1 as Badge, Badge as Badge$1, Bleed$1 as Bleed, Bleed as Bleed$1, PublicBox as Box, Box as Box$1, BoxRenderer, BraidPortal$1 as BraidPortal, BraidPortal as BraidPortal$1, BraidProvider$1 as BraidProvider, BraidProvider as BraidProvider$1, BraidTestProvider, Button$1 as Button, Button as Button$1, ButtonIcon$1 as ButtonIcon, ButtonIcon as ButtonIcon$1, ButtonLink$1 as ButtonLink, ButtonLink as ButtonLink$1, Card$1 as Card, Card as Card$1, Checkbox$1 as Checkbox, Checkbox as Checkbox$1, CheckboxStandalone$1 as CheckboxStandalone, CheckboxStandalone as CheckboxStandalone$1, Column, Columns$1 as Columns, Columns as Columns$1, ContentBlock, Dialog$1 as Dialog, Dialog as Dialog$1, Disclosure$1 as Disclosure, Disclosure as Disclosure$1, Divider, Drawer$1 as Drawer, Drawer as Drawer$1, Dropdown$1 as Dropdown, Dropdown as Dropdown$1, FieldLabel$1 as FieldLabel, FieldLabel as FieldLabel$1, FieldMessage$1 as FieldMessage, FieldMessage as FieldMessage$1, Heading$1 as Heading, Heading as Heading$1, 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, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconList, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, 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$1 as Inline, Inline as Inline$1, Link$1 as Link, Link as Link$1, List$1 as List, List as List$1, Loader, MenuItem$1 as MenuItem, MenuItem as MenuItem$1, MenuItemCheckbox$1 as MenuItemCheckbox, MenuItemCheckbox as MenuItemCheckbox$1, MenuItemDivider, MenuItemLink$1 as MenuItemLink, MenuItemLink as MenuItemLink$1, MenuRenderer, MonthPicker$1 as MonthPicker, MonthPicker as MonthPicker$1, Notice$1 as Notice, Notice as Notice$1, OverflowMenu, Page, PageBlock, Pagination$1 as Pagination, Pagination as Pagination$1, PasswordField$1 as PasswordField, PasswordField as PasswordField$1, Placeholder, RadioGroup$1 as RadioGroup, RadioGroup as RadioGroup$1, RadioItem, Rating$1 as Rating, Rating as Rating$1, Secondary, Spread$1 as Spread, Spread as Spread$1, Stack$1 as Stack, Stack as Stack$1, Step$1 as Step, Stepper, Strong, Tab$1 as Tab, Tab as Tab$1, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs$1 as Tabs, Tabs as Tabs$1, TabsProvider, Tag$1 as Tag, Tag as Tag$1, Text, TextDropdown$1 as TextDropdown, TextDropdown as TextDropdown$1, TextField$1 as TextField, TextField as TextField$1, TextLink, TextLinkButton, Textarea$1 as Textarea, Textarea as Textarea$1, ThemeNameConsumer, Tiles$1 as Tiles, Tiles as Tiles$1, ToastProvider, Toggle$1 as Toggle, Toggle as Toggle$1, TooltipRenderer, _default$1 as _default, _default as _default$1, _default$6 as _default$2, _default$2 as _default$3, _default$4, _default$5, _default$3 as _default$6, atoms, breakpoints, colorModeStyle, filterSuggestions, globalHeadingStyle, globalTextStyle, makeLinkComponent$1 as makeLinkComponent, makeLinkComponent as makeLinkComponent$1, outlineStyle, responsiveStyle, useColor, useResponsiveValue, useScope, useSpace, useThemeName, useToast, vars };
 export type { Breakpoint, LinkComponent };

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 import * as react from 'react';
 import react__default, { ForwardRefRenderFunction, AnchorHTMLAttributes, ComponentType, ReactNode, ReactElement, AllHTMLAttributes, ElementType, RefAttributes, Ref, RefObject, KeyboardEvent, MouseEvent, FormEvent, RefCallback } from 'react';
-import { FontMetrics } from '@capsizecss/core';
 import * as clsx from 'clsx';
 import { ClassValue } from 'clsx';
 import { Optional } from 'utility-types';
+import { FontMetrics } from '@capsizecss/core';
 import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
 import { ConditionalValue, RequiredConditionalValue } from '@vanilla-extract/sprinkles';
 import { StyleRule } from '@vanilla-extract/css';
@@ -303,23 +303,23 @@ type BraidTheme = ReturnType<typeof makeBraidTheme>;
 interface LinkComponentProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     href: string;
 }
-declare const makeLinkComponent: (render: ForwardRefRenderFunction<HTMLAnchorElement, LinkComponentProps>) => {
+declare const makeLinkComponent$1: (render: ForwardRefRenderFunction<HTMLAnchorElement, LinkComponentProps>) => {
     readonly __forwardRef__: react.ForwardRefExoticComponent<LinkComponentProps & react.RefAttributes<HTMLAnchorElement>>;
 };
-type LinkComponent$1 = ReturnType<typeof makeLinkComponent> | ComponentType<LinkComponentProps>;
+type LinkComponent$1 = ReturnType<typeof makeLinkComponent$1> | ComponentType<LinkComponentProps>;
 interface BraidProviderProps {
     theme: BraidTheme;
     styleBody?: boolean;
     linkComponent?: LinkComponent$1;
     children: ReactNode;
 }
-declare const BraidProvider: ({ theme, styleBody, linkComponent, children, }: BraidProviderProps) => react.JSX.Element;
+declare const BraidProvider$1: ({ theme, styleBody, linkComponent, children, }: BraidProviderProps) => react.JSX.Element;
 
 interface BraidPortalProps {
     children: ReactNode;
     container?: Element;
 }
-declare const BraidPortal: ({ children, container }: BraidPortalProps) => react.ReactPortal;
+declare const BraidPortal$1: ({ children, container }: BraidPortalProps) => react.ReactPortal;
 
 interface ThemeNameConsumerProps {
     children(name: string): ReactElement;
@@ -5209,6 +5209,13 @@ interface PlaceholderProps {
 }
 declare const Placeholder: ({ label, width, height, shape, image, imageSize, }: PlaceholderProps) => react.JSX.Element;
 
+/**
+ * Override Braid exports that we don't want in Playroom
+ */
+declare const BraidPortal: undefined;
+declare const BraidProvider: undefined;
+declare const makeLinkComponent: undefined;
+
 declare function useScope(): {
     setDefaultState: (key: string, value: any) => void;
     getState: (key: string) => any;
@@ -5360,5 +5367,5 @@ declare const _default: {
     code: string;
 }[];
 
-export { Accordion$1 as Accordion, Accordion as Accordion$1, AccordionItem$1 as AccordionItem, AccordionItem as AccordionItem$1, Actions, Alert$1 as Alert, Alert as Alert$1, Autosuggest$1 as Autosuggest, Autosuggest as Autosuggest$1, Badge$1 as Badge, Badge as Badge$1, Bleed$1 as Bleed, Bleed as Bleed$1, PublicBox as Box, Box as Box$1, BoxRenderer, BraidPortal, BraidProvider, BraidTestProvider, Button$1 as Button, Button as Button$1, ButtonIcon$1 as ButtonIcon, ButtonIcon as ButtonIcon$1, ButtonLink$1 as ButtonLink, ButtonLink as ButtonLink$1, Card$1 as Card, Card as Card$1, Checkbox$1 as Checkbox, Checkbox as Checkbox$1, CheckboxStandalone$1 as CheckboxStandalone, CheckboxStandalone as CheckboxStandalone$1, Column, Columns$1 as Columns, Columns as Columns$1, ContentBlock, Dialog$1 as Dialog, Dialog as Dialog$1, Disclosure$1 as Disclosure, Disclosure as Disclosure$1, Divider, Drawer$1 as Drawer, Drawer as Drawer$1, Dropdown$1 as Dropdown, Dropdown as Dropdown$1, FieldLabel$1 as FieldLabel, FieldLabel as FieldLabel$1, FieldMessage$1 as FieldMessage, FieldMessage as FieldMessage$1, Heading$1 as Heading, Heading as Heading$1, 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, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconList, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, 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$1 as Inline, Inline as Inline$1, Link$1 as Link, Link as Link$1, List$1 as List, List as List$1, Loader, MenuItem$1 as MenuItem, MenuItem as MenuItem$1, MenuItemCheckbox$1 as MenuItemCheckbox, MenuItemCheckbox as MenuItemCheckbox$1, MenuItemDivider, MenuItemLink$1 as MenuItemLink, MenuItemLink as MenuItemLink$1, MenuRenderer, MonthPicker$1 as MonthPicker, MonthPicker as MonthPicker$1, Notice$1 as Notice, Notice as Notice$1, OverflowMenu, Page, PageBlock, Pagination$1 as Pagination, Pagination as Pagination$1, PasswordField$1 as PasswordField, PasswordField as PasswordField$1, Placeholder, RadioGroup$1 as RadioGroup, RadioGroup as RadioGroup$1, RadioItem, Rating$1 as Rating, Rating as Rating$1, Secondary, Spread$1 as Spread, Spread as Spread$1, Stack$1 as Stack, Stack as Stack$1, Step$1 as Step, Stepper, Strong, Tab$1 as Tab, Tab as Tab$1, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs$1 as Tabs, Tabs as Tabs$1, TabsProvider, Tag$1 as Tag, Tag as Tag$1, Text, TextDropdown$1 as TextDropdown, TextDropdown as TextDropdown$1, TextField$1 as TextField, TextField as TextField$1, TextLink, TextLinkButton, Textarea$1 as Textarea, Textarea as Textarea$1, ThemeNameConsumer, Tiles$1 as Tiles, Tiles as Tiles$1, ToastProvider, Toggle$1 as Toggle, Toggle as Toggle$1, TooltipRenderer, _default$1 as _default, _default as _default$1, _default$6 as _default$2, _default$2 as _default$3, _default$4, _default$5, _default$3 as _default$6, atoms, breakpoints, colorModeStyle, filterSuggestions, globalHeadingStyle, globalTextStyle, makeLinkComponent, outlineStyle, responsiveStyle, useColor, useResponsiveValue, useScope, useSpace, useThemeName, useToast, vars };
+export { Accordion$1 as Accordion, Accordion as Accordion$1, AccordionItem$1 as AccordionItem, AccordionItem as AccordionItem$1, Actions, Alert$1 as Alert, Alert as Alert$1, Autosuggest$1 as Autosuggest, Autosuggest as Autosuggest$1, Badge$1 as Badge, Badge as Badge$1, Bleed$1 as Bleed, Bleed as Bleed$1, PublicBox as Box, Box as Box$1, BoxRenderer, BraidPortal$1 as BraidPortal, BraidPortal as BraidPortal$1, BraidProvider$1 as BraidProvider, BraidProvider as BraidProvider$1, BraidTestProvider, Button$1 as Button, Button as Button$1, ButtonIcon$1 as ButtonIcon, ButtonIcon as ButtonIcon$1, ButtonLink$1 as ButtonLink, ButtonLink as ButtonLink$1, Card$1 as Card, Card as Card$1, Checkbox$1 as Checkbox, Checkbox as Checkbox$1, CheckboxStandalone$1 as CheckboxStandalone, CheckboxStandalone as CheckboxStandalone$1, Column, Columns$1 as Columns, Columns as Columns$1, ContentBlock, Dialog$1 as Dialog, Dialog as Dialog$1, Disclosure$1 as Disclosure, Disclosure as Disclosure$1, Divider, Drawer$1 as Drawer, Drawer as Drawer$1, Dropdown$1 as Dropdown, Dropdown as Dropdown$1, FieldLabel$1 as FieldLabel, FieldLabel as FieldLabel$1, FieldMessage$1 as FieldMessage, FieldMessage as FieldMessage$1, Heading$1 as Heading, Heading as Heading$1, 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, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconList, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, 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$1 as Inline, Inline as Inline$1, Link$1 as Link, Link as Link$1, List$1 as List, List as List$1, Loader, MenuItem$1 as MenuItem, MenuItem as MenuItem$1, MenuItemCheckbox$1 as MenuItemCheckbox, MenuItemCheckbox as MenuItemCheckbox$1, MenuItemDivider, MenuItemLink$1 as MenuItemLink, MenuItemLink as MenuItemLink$1, MenuRenderer, MonthPicker$1 as MonthPicker, MonthPicker as MonthPicker$1, Notice$1 as Notice, Notice as Notice$1, OverflowMenu, Page, PageBlock, Pagination$1 as Pagination, Pagination as Pagination$1, PasswordField$1 as PasswordField, PasswordField as PasswordField$1, Placeholder, RadioGroup$1 as RadioGroup, RadioGroup as RadioGroup$1, RadioItem, Rating$1 as Rating, Rating as Rating$1, Secondary, Spread$1 as Spread, Spread as Spread$1, Stack$1 as Stack, Stack as Stack$1, Step$1 as Step, Stepper, Strong, Tab$1 as Tab, Tab as Tab$1, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs$1 as Tabs, Tabs as Tabs$1, TabsProvider, Tag$1 as Tag, Tag as Tag$1, Text, TextDropdown$1 as TextDropdown, TextDropdown as TextDropdown$1, TextField$1 as TextField, TextField as TextField$1, TextLink, TextLinkButton, Textarea$1 as Textarea, Textarea as Textarea$1, ThemeNameConsumer, Tiles$1 as Tiles, Tiles as Tiles$1, ToastProvider, Toggle$1 as Toggle, Toggle as Toggle$1, TooltipRenderer, _default$1 as _default, _default as _default$1, _default$6 as _default$2, _default$2 as _default$3, _default$4, _default$5, _default$3 as _default$6, atoms, breakpoints, colorModeStyle, filterSuggestions, globalHeadingStyle, globalTextStyle, makeLinkComponent$1 as makeLinkComponent, makeLinkComponent as makeLinkComponent$1, outlineStyle, responsiveStyle, useColor, useResponsiveValue, useScope, useSpace, useThemeName, useToast, vars };
 export type { Breakpoint, LinkComponent };

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

@@ -13,7 +13,8 @@ const maxWidth = css.style({
   maxWidth: constants.maxWidth
 }, "maxWidth");
 const overflowWrap = css.style({
-  overflowWrap: "break-word"
+  overflowWrap: "break-word",
+  wordBreak: "keep-all"
 }, "overflowWrap");
 const translateZ0 = css.style({
   transform: "translateZ(0)"

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

@@ -12,7 +12,8 @@ const maxWidth = style({
   maxWidth: constants.maxWidth
 }, "maxWidth");
 const overflowWrap = style({
-  overflowWrap: "break-word"
+  overflowWrap: "break-word",
+  wordBreak: "keep-all"
 }, "overflowWrap");
 const translateZ0 = style({
   transform: "translateZ(0)"

package/dist/lib/components/private/Modal/Modal.cjs

@@ -42,7 +42,6 @@ const reducer = (prevState, action) => {
     case OPEN_MODAL: {
       switch (prevState) {
         case INITIAL:
-        case CLOSING:
         case CLOSED: {
           return OPENING;
         }
@@ -165,7 +164,6 @@ const Modal = ({
             inset: 0,
             zIndex: "modalBackdrop",
             opacity: state !== OPEN ? 0 : void 0,
-            pointerEvents: state === CLOSING ? "none" : void 0,
             className: [lib_components_private_Modal_Modal_css_cjs.backdrop, lib_components_private_Modal_Modal_css_cjs.transition[position]]
           }
         ),

package/dist/lib/components/private/Modal/Modal.mjs

@@ -39,7 +39,6 @@ const reducer = (prevState, action) => {
     case OPEN_MODAL: {
       switch (prevState) {
         case INITIAL:
-        case CLOSING:
         case CLOSED: {
           return OPENING;
         }
@@ -162,7 +161,6 @@ const Modal = ({
             inset: 0,
             zIndex: "modalBackdrop",
             opacity: state !== OPEN ? 0 : void 0,
-            pointerEvents: state === CLOSING ? "none" : void 0,
             className: [backdrop, transition[position]]
           }
         ),

package/dist/lib/components/private/Popover/Popover.cjs

@@ -119,12 +119,20 @@ const PopoverContent = react.forwardRef(
       if (!popoverBoundingRect) {
         return;
       }
-      const { top, bottom } = popoverBoundingRect;
-      const distanceFromBottom = window.innerHeight - bottom;
-      if (placement === "top" && top < transitionThresholdInPx) {
+      const triggerBoundingRect = triggerRef.current?.getBoundingClientRect();
+      if (!triggerBoundingRect) {
+        return;
+      }
+      const { height: popoverHeight } = popoverBoundingRect;
+      const heightRequired = popoverHeight + transitionThresholdInPx;
+      const fitsAbove = triggerBoundingRect.top >= heightRequired;
+      const fitsBelow = window.innerHeight - triggerBoundingRect.bottom >= heightRequired;
+      if (!fitsAbove && fitsBelow) {
         setActualPlacement("bottom");
-      } else if (placement === "bottom" && distanceFromBottom < transitionThresholdInPx) {
+      } else if (!fitsBelow && fitsAbove) {
         setActualPlacement("top");
+      } else {
+        setActualPlacement(placement);
       }
     };
     const handleHorizontalShift = () => {

package/dist/lib/components/private/Popover/Popover.mjs

@@ -116,12 +116,20 @@ const PopoverContent = forwardRef(
       if (!popoverBoundingRect) {
         return;
       }
-      const { top, bottom } = popoverBoundingRect;
-      const distanceFromBottom = window.innerHeight - bottom;
-      if (placement === "top" && top < transitionThresholdInPx) {
+      const triggerBoundingRect = triggerRef.current?.getBoundingClientRect();
+      if (!triggerBoundingRect) {
+        return;
+      }
+      const { height: popoverHeight } = popoverBoundingRect;
+      const heightRequired = popoverHeight + transitionThresholdInPx;
+      const fitsAbove = triggerBoundingRect.top >= heightRequired;
+      const fitsBelow = window.innerHeight - triggerBoundingRect.bottom >= heightRequired;
+      if (!fitsAbove && fitsBelow) {
         setActualPlacement("bottom");
-      } else if (placement === "bottom" && distanceFromBottom < transitionThresholdInPx) {
+      } else if (!fitsBelow && fitsAbove) {
         setActualPlacement("top");
+      } else {
+        setActualPlacement(placement);
       }
     };
     const handleHorizontalShift = () => {

package/dist/lib/playroom/components.cjs

@@ -1 +1,7 @@
 "use strict";
+const BraidPortal = void 0;
+const BraidProvider = void 0;
+const makeLinkComponent = void 0;
+exports.BraidPortal = BraidPortal;
+exports.BraidProvider = BraidProvider;
+exports.makeLinkComponent = makeLinkComponent;

package/dist/lib/playroom/components.mjs

@@ -1 +1,8 @@
-
+const BraidPortal = void 0;
+const BraidProvider = void 0;
+const makeLinkComponent = void 0;
+export {
+  BraidPortal,
+  BraidProvider,
+  makeLinkComponent
+};

package/dist/playroom/components.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const dedent = require("dedent");
+const lib_playroom_components_cjs = require("../lib/playroom/components.cjs");
 const lib_components_Accordion_Accordion_playroom_cjs = require("../lib/components/Accordion/Accordion.playroom.cjs");
 const lib_components_Accordion_AccordionItem_playroom_cjs = require("../lib/components/Accordion/AccordionItem.playroom.cjs");
 const lib_components_Alert_Alert_playroom_cjs = require("../lib/components/Alert/Alert.playroom.cjs");
@@ -44,8 +45,6 @@ const lib_components_TextField_TextField_playroom_cjs = require("../lib/componen
 const lib_components_Tiles_Tiles_playroom_cjs = require("../lib/components/Tiles/Tiles.playroom.cjs");
 const lib_components_Toggle_Toggle_playroom_cjs = require("../lib/components/Toggle/Toggle.playroom.cjs");
 const lib_components_private_Placeholder_Placeholder_cjs = require("../lib/components/private/Placeholder/Placeholder.cjs");
-const lib_components_BraidProvider_BraidProvider_cjs = require("../lib/components/BraidProvider/BraidProvider.cjs");
-const lib_components_BraidPortal_BraidPortal_cjs = require("../lib/components/BraidPortal/BraidPortal.cjs");
 const lib_components_ThemeNameConsumer_ThemeNameConsumer_cjs = require("../lib/components/ThemeNameConsumer/ThemeNameConsumer.cjs");
 const lib_components_useThemeName_useThemeName_cjs = require("../lib/components/useThemeName/useThemeName.cjs");
 const lib_components_useSpace_useSpace_cjs = require("../lib/components/useSpace/useSpace.cjs");
@@ -209,6 +208,9 @@ if (global.__IS_PLAYROOM_ENVIRONMENT__ !== "clearly") {
     +import { Component } from 'braid-design-system';
   `);
 }
+exports.BraidPortal = lib_playroom_components_cjs.BraidPortal;
+exports.BraidProvider = lib_playroom_components_cjs.BraidProvider;
+exports.makeLinkComponent = lib_playroom_components_cjs.makeLinkComponent;
 exports.Accordion = lib_components_Accordion_Accordion_playroom_cjs.Accordion;
 exports.AccordionItem = lib_components_Accordion_AccordionItem_playroom_cjs.AccordionItem;
 exports.Alert = lib_components_Alert_Alert_playroom_cjs.Alert;
@@ -253,9 +255,6 @@ exports.TextField = lib_components_TextField_TextField_playroom_cjs.TextField;
 exports.Tiles = lib_components_Tiles_Tiles_playroom_cjs.Tiles;
 exports.Toggle = lib_components_Toggle_Toggle_playroom_cjs.Toggle;
 exports.Placeholder = lib_components_private_Placeholder_Placeholder_cjs.Placeholder;
-exports.BraidProvider = lib_components_BraidProvider_BraidProvider_cjs.BraidProvider;
-exports.makeLinkComponent = lib_components_BraidProvider_BraidProvider_cjs.makeLinkComponent;
-exports.BraidPortal = lib_components_BraidPortal_BraidPortal_cjs.BraidPortal;
 exports.ThemeNameConsumer = lib_components_ThemeNameConsumer_ThemeNameConsumer_cjs.ThemeNameConsumer;
 exports.useThemeName = lib_components_useThemeName_useThemeName_cjs.useThemeName;
 exports.useSpace = lib_components_useSpace_useSpace_cjs.useSpace;

package/dist/playroom/components.d.mts

@@ -1 +1 @@
-export { Accordion$1 as Accordion, AccordionItem$1 as AccordionItem, Actions, Alert$1 as Alert, Autosuggest$1 as Autosuggest, Badge$1 as Badge, Bleed$1 as Bleed, Box$1 as Box, BoxRenderer, BraidPortal, BraidProvider, Button$1 as Button, ButtonIcon$1 as ButtonIcon, ButtonLink$1 as ButtonLink, Card$1 as Card, Checkbox$1 as Checkbox, CheckboxStandalone$1 as CheckboxStandalone, Column, Columns$1 as Columns, ContentBlock, Dialog$1 as Dialog, Disclosure$1 as Disclosure, Divider, Drawer$1 as Drawer, Dropdown$1 as Dropdown, FieldLabel$1 as FieldLabel, FieldMessage$1 as FieldMessage, Heading$1 as 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, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconList, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, 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$1 as Inline, Link$1 as Link, LinkComponent, List$1 as List, Loader, MenuItem$1 as MenuItem, MenuItemCheckbox$1 as MenuItemCheckbox, MenuItemDivider, MenuItemLink$1 as MenuItemLink, MenuRenderer, MonthPicker$1 as MonthPicker, Notice$1 as Notice, OverflowMenu, Page, PageBlock, Pagination$1 as Pagination, PasswordField$1 as PasswordField, Placeholder, RadioGroup$1 as RadioGroup, RadioItem, Rating$1 as Rating, Secondary, Spread$1 as Spread, Stack$1 as Stack, Step, Stepper, Strong, Tab$1 as Tab, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs$1 as Tabs, TabsProvider, Tag$1 as Tag, Text, TextDropdown$1 as TextDropdown, TextField$1 as TextField, TextLink, TextLinkButton, Textarea$1 as Textarea, ThemeNameConsumer, Tiles$1 as Tiles, ToastProvider, Toggle$1 as Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useColor, useResponsiveValue, useSpace, useThemeName, useToast } from '../index.js';
+export { Accordion$1 as Accordion, AccordionItem$1 as AccordionItem, Actions, Alert$1 as Alert, Autosuggest$1 as Autosuggest, Badge$1 as Badge, Bleed$1 as Bleed, Box$1 as Box, BoxRenderer, BraidPortal$1 as BraidPortal, BraidProvider$1 as BraidProvider, Button$1 as Button, ButtonIcon$1 as ButtonIcon, ButtonLink$1 as ButtonLink, Card$1 as Card, Checkbox$1 as Checkbox, CheckboxStandalone$1 as CheckboxStandalone, Column, Columns$1 as Columns, ContentBlock, Dialog$1 as Dialog, Disclosure$1 as Disclosure, Divider, Drawer$1 as Drawer, Dropdown$1 as Dropdown, FieldLabel$1 as FieldLabel, FieldMessage$1 as FieldMessage, Heading$1 as 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, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconList, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, 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$1 as Inline, Link$1 as Link, LinkComponent, List$1 as List, Loader, MenuItem$1 as MenuItem, MenuItemCheckbox$1 as MenuItemCheckbox, MenuItemDivider, MenuItemLink$1 as MenuItemLink, MenuRenderer, MonthPicker$1 as MonthPicker, Notice$1 as Notice, OverflowMenu, Page, PageBlock, Pagination$1 as Pagination, PasswordField$1 as PasswordField, Placeholder, RadioGroup$1 as RadioGroup, RadioItem, Rating$1 as Rating, Secondary, Spread$1 as Spread, Stack$1 as Stack, Step, Stepper, Strong, Tab$1 as Tab, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs$1 as Tabs, TabsProvider, Tag$1 as Tag, Text, TextDropdown$1 as TextDropdown, TextField$1 as TextField, TextLink, TextLinkButton, Textarea$1 as Textarea, ThemeNameConsumer, Tiles$1 as Tiles, ToastProvider, Toggle$1 as Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent$1 as makeLinkComponent, useColor, useResponsiveValue, useSpace, useThemeName, useToast } from '../index.js';

package/dist/playroom/components.d.ts

@@ -1 +1 @@
-export { Accordion$1 as Accordion, AccordionItem$1 as AccordionItem, Actions, Alert$1 as Alert, Autosuggest$1 as Autosuggest, Badge$1 as Badge, Bleed$1 as Bleed, Box$1 as Box, BoxRenderer, BraidPortal, BraidProvider, Button$1 as Button, ButtonIcon$1 as ButtonIcon, ButtonLink$1 as ButtonLink, Card$1 as Card, Checkbox$1 as Checkbox, CheckboxStandalone$1 as CheckboxStandalone, Column, Columns$1 as Columns, ContentBlock, Dialog$1 as Dialog, Disclosure$1 as Disclosure, Divider, Drawer$1 as Drawer, Dropdown$1 as Dropdown, FieldLabel$1 as FieldLabel, FieldMessage$1 as FieldMessage, Heading$1 as 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, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconList, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, 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$1 as Inline, Link$1 as Link, LinkComponent, List$1 as List, Loader, MenuItem$1 as MenuItem, MenuItemCheckbox$1 as MenuItemCheckbox, MenuItemDivider, MenuItemLink$1 as MenuItemLink, MenuRenderer, MonthPicker$1 as MonthPicker, Notice$1 as Notice, OverflowMenu, Page, PageBlock, Pagination$1 as Pagination, PasswordField$1 as PasswordField, Placeholder, RadioGroup$1 as RadioGroup, RadioItem, Rating$1 as Rating, Secondary, Spread$1 as Spread, Stack$1 as Stack, Step, Stepper, Strong, Tab$1 as Tab, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs$1 as Tabs, TabsProvider, Tag$1 as Tag, Text, TextDropdown$1 as TextDropdown, TextField$1 as TextField, TextLink, TextLinkButton, Textarea$1 as Textarea, ThemeNameConsumer, Tiles$1 as Tiles, ToastProvider, Toggle$1 as Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent, useColor, useResponsiveValue, useSpace, useThemeName, useToast } from '../index.js';
+export { Accordion$1 as Accordion, AccordionItem$1 as AccordionItem, Actions, Alert$1 as Alert, Autosuggest$1 as Autosuggest, Badge$1 as Badge, Bleed$1 as Bleed, Box$1 as Box, BoxRenderer, BraidPortal$1 as BraidPortal, BraidProvider$1 as BraidProvider, Button$1 as Button, ButtonIcon$1 as ButtonIcon, ButtonLink$1 as ButtonLink, Card$1 as Card, Checkbox$1 as Checkbox, CheckboxStandalone$1 as CheckboxStandalone, Column, Columns$1 as Columns, ContentBlock, Dialog$1 as Dialog, Disclosure$1 as Disclosure, Divider, Drawer$1 as Drawer, Dropdown$1 as Dropdown, FieldLabel$1 as FieldLabel, FieldMessage$1 as FieldMessage, Heading$1 as 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, IconInfo, IconInvoice, IconItalic, IconLanguage, IconLicence, IconLink, IconLinkBroken, IconList, IconLocation, IconMail, IconMessage, IconMicrophone, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconNumberedList, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, 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$1 as Inline, Link$1 as Link, LinkComponent, List$1 as List, Loader, MenuItem$1 as MenuItem, MenuItemCheckbox$1 as MenuItemCheckbox, MenuItemDivider, MenuItemLink$1 as MenuItemLink, MenuRenderer, MonthPicker$1 as MonthPicker, Notice$1 as Notice, OverflowMenu, Page, PageBlock, Pagination$1 as Pagination, PasswordField$1 as PasswordField, Placeholder, RadioGroup$1 as RadioGroup, RadioItem, Rating$1 as Rating, Secondary, Spread$1 as Spread, Stack$1 as Stack, Step, Stepper, Strong, Tab$1 as Tab, TabPanel, TabPanels, Table, TableBody, TableCell, TableFooter, TableHeader, TableHeaderCell, TableRow, Tabs$1 as Tabs, TabsProvider, Tag$1 as Tag, Text, TextDropdown$1 as TextDropdown, TextField$1 as TextField, TextLink, TextLinkButton, Textarea$1 as Textarea, ThemeNameConsumer, Tiles$1 as Tiles, ToastProvider, Toggle$1 as Toggle, TooltipRenderer, filterSuggestions, makeLinkComponent$1 as makeLinkComponent, useColor, useResponsiveValue, useSpace, useThemeName, useToast } from '../index.js';

package/dist/playroom/components.mjs

@@ -1,4 +1,5 @@
 import dedent from "dedent";
+import { BraidPortal, BraidProvider, makeLinkComponent } from "../lib/playroom/components.mjs";
 import { Accordion } from "../lib/components/Accordion/Accordion.playroom.mjs";
 import { AccordionItem } from "../lib/components/Accordion/AccordionItem.playroom.mjs";
 import { Alert } from "../lib/components/Alert/Alert.playroom.mjs";
@@ -42,8 +43,6 @@ import { TextField } from "../lib/components/TextField/TextField.playroom.mjs";
 import { Tiles } from "../lib/components/Tiles/Tiles.playroom.mjs";
 import { Toggle } from "../lib/components/Toggle/Toggle.playroom.mjs";
 import { Placeholder } from "../lib/components/private/Placeholder/Placeholder.mjs";
-import { BraidProvider, makeLinkComponent } from "../lib/components/BraidProvider/BraidProvider.mjs";
-import { BraidPortal } from "../lib/components/BraidPortal/BraidPortal.mjs";
 import { ThemeNameConsumer } from "../lib/components/ThemeNameConsumer/ThemeNameConsumer.mjs";
 import { useThemeName } from "../lib/components/useThemeName/useThemeName.mjs";
 import { useSpace } from "../lib/components/useSpace/useSpace.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "braid-design-system",
-  "version": "33.12.1",
+  "version": "33.12.3",
   "description": "Themeable design system for the SEEK Group",
   "homepage": "https://seek-oss.github.io/braid-design-system/",
   "bugs": {
@@ -163,7 +163,7 @@
   "dependencies": {
     "@capsizecss/core": "^4.1.2",
     "@capsizecss/metrics": "^3.0.0",
-    "@capsizecss/vanilla-extract": "^2.0.0",
+    "@capsizecss/vanilla-extract": "^2.0.4",
     "@vanilla-extract/css": "^1.9.2",
     "@vanilla-extract/css-utils": "^0.1.3",
     "@vanilla-extract/dynamic": "^2.1.2",
@@ -211,13 +211,13 @@
     "fast-glob": "^3.3.2",
     "fs-extra": "^10.1.0",
     "html-validate": "^9.7.1",
-    "playroom": "0.44.3",
+    "playroom": "0.44.4",
     "prettier": "^3.4.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-router": "^7.6.3",
     "sanitize-html": "^2.12.1",
-    "sku": "14.13.0",
+    "sku": "15.4.0",
     "storybook": "9.0.15",
     "svgo": "^2.8.0",
     "title-case": "^3.0.3",