braid-design-system 33.10.0-seek-business-to-nvl-20250630033521 → 33.10.1

package/CHANGELOG.md

@@ -1,6 +1,26 @@
 # braid-design-system
 
-## 33.10.0-seek-business-to-nvl-20250630033521
+## 33.10.1
+
+### Patch Changes
+
+- **useToast:** Clean up internal refactor ([#1837](https://github.com/seek-oss/braid-design-system/pull/1837))
+
+- **Dialog, Drawer:** Refactor layout, ensure content area is the full height ([#1834](https://github.com/seek-oss/braid-design-system/pull/1834))
+
+  This change allows you to spread content to the bottom of a `Drawer`, for example with a `vertical` direction `Spread`.
+
+- Ensure focus rings are consistent across components ([#1828](https://github.com/seek-oss/braid-design-system/pull/1828))
+
+  Aligns a few edge cases where focus rings were not consistent due to elements or aria roles not captured by the reset.
+
+- **BraidTestProvider:** Align mock with real IntersectionObserver API ([#1837](https://github.com/seek-oss/braid-design-system/pull/1837))
+
+- **Table:** Ensure `alignY` prop is applied consistently across browsers ([#1832](https://github.com/seek-oss/braid-design-system/pull/1832))
+
+  Fixes an issue where setting the `alignY` prop to `top` would not apply the `vertical-align` CSS property — instead falling through to our CSS reset which sets `vertical-align: baseline` (rendering inconsistently across browsers).
+
+## 33.10.0
 
 ### Minor Changes
 
@@ -12,11 +32,62 @@
   <Box position="sticky" top={0} ... />
   ```
 
+- **Box, atoms**: Deprecate `outline` value `none`, and `boxShadow` value `outlineFocus`. ([#1810](https://github.com/seek-oss/braid-design-system/pull/1810))
+
+  Previously it was recommended to hide an element's `outline` in favour of using `boxShadow="outlineFocus"`.
+
+  Braid now leverages the `outline` property directly, managing focus rings of interactive elements as part of its scoped CSS reset.
+
+  **MIGRATION GUIDE:**
+
+  For styling the focus ring via `Box`:
+  1. Remove usage of `outline="none"` and `boxShadow="outlineFocus"`
+  2. Refer to [`focus outlines`] for guidance on leveraging Braid's focus outline styles.
+
+  ```diff
+  - <Box outline="none" className={styles.customFocusStyles} />
+  + <Box />
+  ```
+
+  For styling the focus outline of an element based on the focus of another element, see [`outlineStyle`].
+
+  [`focus outlines`]: https://seek-oss.github.io/braid-design-system/components/Box#focus-outlines
+  [`outlineStyle`]: https://seek-oss.github.io/braid-design-system/css/outlineStyle
+
 - **seekBusiness:** Migrate to updated visual language ([#1819](https://github.com/seek-oss/braid-design-system/pull/1819))
 
   Migrate `seekBusiness` theme to new visual language.
   Adopts the `seekJobs` theme for the latest design standards, rather than the legacy `apac` theme, while retaining the `seekBusiness` brand accent colour.
 
+### Patch Changes
+
+- **ButtonIcon**: Ensure the focus outline is styled consistently with other components. ([#1810](https://github.com/seek-oss/braid-design-system/pull/1810))
+
+  Fix issue which caused the Braid focus outline to show along with the native browser focus outline.
+
+- **apac:** Deprecate theme in favour of `seekJobs` theme ([#1820](https://github.com/seek-oss/braid-design-system/pull/1820))
+
+  **MIGRATION GUIDE:**
+
+  ```diff
+  # App.tsx
+  - import apac from 'braid-design-system/themes/apac';
+  + import seekJobs from 'braid-design-system/themes/seekJobs';
+
+  - <BraidProvider theme={apac} ...>
+  + <BraidProvider theme={seekJobs} ...>
+  ```
+
+- Migrate from custom focus ring visibility to native `:focus-visible` behaviour. ([#1810](https://github.com/seek-oss/braid-design-system/pull/1810))
+
+  Previously Braid would change the presentation of focus ring outlines based on the user input, i.e. mouse or keyboard,
+  to prevent showing focus rings on click.
+  With the updated Browser Support Policy, we can now leverage the native `:focus-visible` pseudo class instead.
+
+- **Dialog, Drawer**: Ensure the focus outline is correctly applied to the title. ([#1810](https://github.com/seek-oss/braid-design-system/pull/1810))
+
+  Fix issue where focus outline would not be long enough to wrap the entire title text in certain situations.
+
 ## 33.9.1
 
 ### Patch Changes
@@ -972,7 +1043,6 @@ See full changelog below 👇
 - Standardise `disabled` & `critical` state across form fields ([#1564](https://github.com/seek-oss/braid-design-system/pull/1564))
 
   Improves the consistency of form fields when combining both `disabled` and `critical` tone, which includes:
-
   - Hiding `critical` borders
   - Hiding `message` and not reserving space for it unless explicitly providing the `reserveMessageSpace` prop.
 
@@ -1604,7 +1674,6 @@ See full changelog below 👇
   Our different approach to using colour has seen links dialled back to compete less with other messaging and CTAs.
 
   This affects the following usages across the system:
-
   - `vars.foregroundColor.link`
   - `Text` (using `tone="link"`)
   - `TextLink` and (`TextLinkButton`)
@@ -2416,7 +2485,6 @@ For more detail on the specific changes in this release, please read on.
 - **Tab, Tabs:** Updated visual design ([#1180](https://github.com/seek-oss/braid-design-system/pull/1180))
 
   The appearance of a `Tab` has been updated. Changes include:
-
   - Tab button use `regular` text weight
   - Hover state of inactive tab toggles `neutral` tone instead of underline
   - Active tab indicator underlines content only, without the horizontal gutter and animates between tabs
@@ -3456,7 +3524,6 @@ For more detail on the specific changes in this release, please read on.
 
   **New foregrounds**
   The following foregrounds are now available on the `vars.foregroundColor` theme object:
-
   - `cautionLight`
   - `infoLight`
   - `linkLight`
@@ -3717,12 +3784,10 @@ For more detail on the specific changes in this release, please read on.
   **TOKEN CHANGES**
 
   **New**
-
   - **backgroundColor:** `surface`, `neutralSoft`
   - **borderColor:** `neutral`, `neutralInverted`, `neutralLight`
 
   **Removed**
-
   - **backgroundColor:** `card`, `formAccentDisabled`, `input`, `inputDisabled`, `selection`
   - **borderColor:** `formHover`, `standard`, `standardInverted`
 
@@ -3816,7 +3881,6 @@ For more detail on the specific changes in this release, please read on.
 
   **New backgrounds**
   The following backgrounds are now available:
-
   - `neutralActive`
   - `neutralHover`
   - `neutralSoftActive`
@@ -3824,7 +3888,6 @@ For more detail on the specific changes in this release, please read on.
 
   **New boxShadows**
   The following box shadows are now available:
-
   - `borderBrandAccentLightLarge`
   - `borderCriticalLightLarge`
   - `borderFormAccentLight`
@@ -3834,7 +3897,6 @@ For more detail on the specific changes in this release, please read on.
 
   **New boxShadows**
   The following box shadows are now available:
-
   - `borderBrandAccentLightLarge`
   - `borderCriticalLightLarge`
   - `borderFormAccentLight`
@@ -3848,7 +3910,6 @@ For more detail on the specific changes in this release, please read on.
 
   **New backgrounds**
   The following backgrounds are now available on the `vars.backgroundColor` theme object:
-
   - `neutralActive`
   - `neutralHover`
   - `neutralSoftActive`
@@ -3856,7 +3917,6 @@ For more detail on the specific changes in this release, please read on.
 
   **New borderColors**
   The following border colors are now available on the `vars.borderColor` theme object:
-
   - `brandAccentLight`
   - `criticalLight`
   - `formAccentLight`
@@ -3944,7 +4004,6 @@ For more detail on the specific changes in this release, please read on.
 - **Box:** Add new background and border colours ([#983](https://github.com/seek-oss/braid-design-system/pull/983))
 
   New `background` values:
-
   - `brandAccentSoft`
   - `brandAccentSoftActive`
   - `brandAccentSoftHover`
@@ -3956,7 +4015,6 @@ For more detail on the specific changes in this release, please read on.
   - `formAccentSoftHover`
 
   New `boxShadow` values:
-
   - `borderCautionLight`
   - `borderCriticalLight`
   - `borderInfoLight`
@@ -3964,7 +4022,6 @@ For more detail on the specific changes in this release, please read on.
   - `borderPromoteLight`
 
 - **atoms:** Add new `boxShadow` values: ([#983](https://github.com/seek-oss/braid-design-system/pull/983))
-
   - `borderCautionLight`
   - `borderCriticalLight`
   - `borderInfoLight`
@@ -3974,7 +4031,6 @@ For more detail on the specific changes in this release, please read on.
 - **vars:** Add new background and border colours ([#983](https://github.com/seek-oss/braid-design-system/pull/983))
 
   New `backgroundColor` values:
-
   - `brandAccentSoft`
   - `brandAccentSoftActive`
   - `brandAccentSoftHover`
@@ -3986,7 +4042,6 @@ For more detail on the specific changes in this release, please read on.
   - `formAccentSoftHover`
 
   New `borderColor` values:
-
   - `cautionLight`
   - `criticalLight`
   - `infoLight`
@@ -4064,7 +4119,6 @@ For more detail on the specific changes in this release, please read on.
 - Add `wide` breakpoint of 1200px ([#960](https://github.com/seek-oss/braid-design-system/pull/960))
 
   This adds support for `wide` to the following touchpoints:
-
   - Responsive values, e.g.
     ```ts
     { mobile: 'small', wide: 'large' }
@@ -4203,7 +4257,6 @@ For more detail on the specific changes in this release, please read on.
 - Updated minimum browser requirement to browsers that support CSS variables ([#947](https://github.com/seek-oss/braid-design-system/pull/947))
 
   For the major browsers this includes:
-
   - Chrome 49+
   - iOS 9.3+
   - Safari 9.1+
@@ -4220,7 +4273,6 @@ For more detail on the specific changes in this release, please read on.
 - Standardise breakpoints across all themes ([#947](https://github.com/seek-oss/braid-design-system/pull/947))
 
   All themes now use the following breakpoints:
-
   - Mobile: `0px`
   - Tablet: `740px`
   - Desktop: `992px`
@@ -4230,16 +4282,13 @@ For more detail on the specific changes in this release, please read on.
   This is a change for the following themes:
 
   **jobStreet, jobStreetClassic, jobsDb, occ, wireframe**
-
   - Tablet: `768px` → `740px`
 
   **catho**
-
   - Tablet: `600px` → `740px`
   - Desktop: `1024px` → `992px`
 
   **docs**
-
   - Tablet: `768px` → `740px`
   - Desktop: `1136px` → `992px`
 
@@ -4443,7 +4492,6 @@ For more detail on the specific changes in this release, please read on.
   To maintain accessibility, it is required to provide either a **aria-label** or **aria-labelledby** property, to describe the field's intent.
 
   Given there is no visual label, the following features from a standard Checkbox cannot be supported:
-
   - description
   - message
   - badge
@@ -5491,13 +5539,11 @@ For more detail on the specific changes in this release, please read on.
   The following z-index palette is now available on `Box`:
 
   **Local stacking**
-
   - `0`
   - `1`
   - `2`
 
   **Global stacking**
-
   - `"dropdownBackdrop"`
   - `"dropdown"`
   - `"sticky"`
@@ -5621,7 +5667,6 @@ For more detail on the specific changes in this release, please read on.
 - Add `List` component ([#710](https://github.com/seek-oss/braid-design-system/pull/710))
 
   `List` serves as a replacement for the `BulletList` and `Bullet` components which adds the following improvements:
-
   - Support for numbers and alpha characters as bullets
   - Support for custom start positions in number/alpha lists
   - Rich content support, e.g. list items with multiple paragraphs, nested lists, etc.
@@ -5686,7 +5731,6 @@ For more detail on the specific changes in this release, please read on.
   The `_LEGACY_SPACE_` prop was provided to support consumers migrating to [`v14`](https://github.com/seek-oss/braid-design-system/releases/tag/v14.0.0) when the white space cropping and layout components were originally introduced. This has now been removed to allow us to further improve on our approach.
 
   Migrating off this prop will require consumers to perform the following steps:
-
   - Remove the usage of `_LEGACY_SPACE_` on a component
   - Conduct a visual review of the impact (component will appear closer to neighbouring elements)
   - Use existing layout components, e.g. `Stack`, to define/control the reintroduction of the desired space.
@@ -5771,7 +5815,6 @@ For more detail on the specific changes in this release, please read on.
 - **`seekBusiness` theme:** Inherit from new `apac` theme rather than the deprecated `seekAnz` theme ([#694](https://github.com/seek-oss/braid-design-system/pull/694))
 
   Just like the migration from `seekAnz` to `apac`, the visual changes are as follows:
-
   - The body background has changed from `#eeeeee` to `#f5f6f8`.
   - All grey colours now have a hint of blue.
   - Buttons and form fields have decreased in height from `48px` to `44px`.
@@ -5802,7 +5845,6 @@ For more detail on the specific changes in this release, please read on.
   This component serves as a replacement for `ToggleContent` from [SEEK Style Guide.](https://github.com/seek-oss/seek-style-guide)
 
   **SEEK STYLE GUIDE MIGRATION GUIDE**
-
   - `ToggleContent` has been renamed to `Disclosure`.
   - The `onShowMore` prop has been renamed to `onToggle`.
   - The spacing around the button has changed to follow [Braid's layout guidelines.](https://seek-oss.github.io/braid-design-system/foundations/layout) Design review is recommeded.
@@ -5843,7 +5885,6 @@ For more detail on the specific changes in this release, please read on.
   Consumers of the `seekAnz` theme are under no immediate pressure to migrate and both themes will be provided for the forseeable future. For now, this theme is aimed at those teams that are explicitly wanting to adopt newer design standards.
 
   The visual changes to `seekAnz` are as follows:
-
   - The body background has changed from `#eeeeee` to `#f5f6f8`.
   - All grey colours now have a hint of blue.
   - Buttons and form fields have decreased in height from 48px to 44px.
@@ -5886,7 +5927,6 @@ For more detail on the specific changes in this release, please read on.
 - MonthPicker: Support custom month and year labels ([#672](https://github.com/seek-oss/braid-design-system/pull/672))
 
   To support internationalisation, you can now pass the following props to `MonthPicker`:
-
   - **monthLabel** (`string`)
   - **yearLabel** (`string`)
   - **monthNames** (`string[]`)
@@ -6068,7 +6108,6 @@ For more detail on the specific changes in this release, please read on.
 - Improve field border contrast ratio ([#638](https://github.com/seek-oss/braid-design-system/pull/638))
 
   To improve accessibility, field borders have been darkened for the following themes:
-
   - `seekAnz`
   - `seekBusiness`
   - `seekUnifiedBeta`
@@ -6277,7 +6316,6 @@ For more detail on the specific changes in this release, please read on.
   The implementation of internal spacing within fields has been adjusted to better support browser extensions for password managers.
 
   Affects the following components:
-
   - PasswordField: visibility toggle button
   - TextField: clear button
   - Autosuggest: clear button
@@ -6291,7 +6329,6 @@ For more detail on the specific changes in this release, please read on.
   Field buttons, such as clear and password visibility toggle, fire on mouse down to ensure focus is retained on the relevant field. We now ensure that the button only recognises left mouse button clicks.
 
   Affects the following components:
-
   - PasswordField: visibility toggle button
   - TextField: clear button
   - Autosuggest: clear button
@@ -6501,7 +6538,6 @@ For more detail on the specific changes in this release, please read on.
 - Drop lodash usage to decrease bundle size. ([#585](https://github.com/seek-oss/braid-design-system/pull/585))
 
   This directly affects `MonthPicker` and any components using the `data` prop:
-
   - All field components
   - OverflowMenu
   - MenuRenderer
@@ -6558,7 +6594,6 @@ For more detail on the specific changes in this release, please read on.
   In order to make your custom link component available for any type of link (not just usages of `TextLink`), this release introduces a new `Link` component which renders an unstyled `a` tag by default.
 
   **BREAKING CHANGES**
-
   - `TextLink` now requires an `href` prop. Even though this is unlikely to affect anyone (a `TextLink` without an `href` isn't terribly useful), this is still technically a breaking change.
 
     However, if you find an instance of `TextLink` that you think _shouldn't_ have an `href`, this is a sign that it's not _actually_ a link and you should use a [`TextLinkRenderer`](https://seek-oss.github.io/braid-design-system/components/TextLinkRenderer) instead. Unfortunately, because there's no way for us to know the semantics of your usage ahead of time, we're unable to provide a migration guide, so you'll need to be mindful of how this might impact accessibility.
@@ -6685,7 +6720,6 @@ For more detail on the specific changes in this release, please read on.
 - Add customisable `MenuRenderer` component ([#514](https://github.com/seek-oss/braid-design-system/pull/514))
 
   **BREAKING CHANGES**
-
   - Rename `OverflowMenuItem` to `MenuItem`.
   - Removed `type="link"` from `OverflowMenuItem` due to an accessibility issue with the approach (based on review of consumer usage, it did not seem to be used).
 
@@ -6694,7 +6728,6 @@ For more detail on the specific changes in this release, please read on.
   **`MenuRenderer`**
 
   Encapsulates all the behaviours of an accessible menu button, allowing consumers to define a custom `trigger` to open the menu. The trigger function receives two arguments:
-
   1. Props required for accessibility, including mouse/keyboard interactions
   2. Menu state object containing the `open` state.
 
@@ -6755,7 +6788,6 @@ For more detail on the specific changes in this release, please read on.
 - Only show focus rings on buttons for keyboard navigation. ([#526](https://github.com/seek-oss/braid-design-system/pull/526))
 
   This impacts the following components:
-
   - `Button`
   - `ButtonRenderer`
   - `OverflowMenu`
@@ -6802,5 +6834,4 @@ For more detail on the specific changes in this release, please read on.
 - 33139c8: Clone seekAnz theme to seekUnifiedBeta
 
   BREAKING CHANGE
-
   - `jobsDbRebrand` theme has been removed

package/dist/css.cjs

@@ -4,6 +4,7 @@ const lib_css_atoms_atoms_cjs = require("./lib/css/atoms/atoms.cjs");
 const lib_css_breakpoints_cjs = require("./lib/css/breakpoints.cjs");
 const lib_css_colorModeStyle_cjs = require("./lib/css/colorModeStyle.cjs");
 const lib_css_globalTypographyStyles_cjs = require("./lib/css/globalTypographyStyles.cjs");
+const lib_css_outlineStyle_cjs = require("./lib/css/outlineStyle.cjs");
 const lib_css_responsiveStyle_cjs = require("./lib/css/responsiveStyle.cjs");
 const lib_themes_vars_css_cjs = require("./lib/themes/vars.css.cjs");
 const {
@@ -48,6 +49,7 @@ exports.breakpoints = lib_css_breakpoints_cjs.breakpoints;
 exports.colorModeStyle = lib_css_colorModeStyle_cjs.colorModeStyle;
 exports.globalHeadingStyle = lib_css_globalTypographyStyles_cjs.globalHeadingStyle;
 exports.globalTextStyle = lib_css_globalTypographyStyles_cjs.globalTextStyle;
+exports.outlineStyle = lib_css_outlineStyle_cjs.outlineStyle;
 exports.responsiveStyle = lib_css_responsiveStyle_cjs.responsiveStyle;
 exports.atoms = atoms;
 exports.vars = vars;

package/dist/css.d.mts

@@ -1 +1 @@
-export { Breakpoint, atoms, breakpoints, colorModeStyle, globalHeadingStyle, globalTextStyle, responsiveStyle, vars } from './index.js';
+export { Breakpoint, atoms, breakpoints, colorModeStyle, globalHeadingStyle, globalTextStyle, outlineStyle, responsiveStyle, vars } from './index.js';

package/dist/css.d.ts

@@ -1 +1 @@
-export { Breakpoint, atoms, breakpoints, colorModeStyle, globalHeadingStyle, globalTextStyle, responsiveStyle, vars } from './index.js';
+export { Breakpoint, atoms, breakpoints, colorModeStyle, globalHeadingStyle, globalTextStyle, outlineStyle, responsiveStyle, vars } from './index.js';

package/dist/css.mjs

@@ -2,6 +2,7 @@ import { atoms as atoms$1 } from "./lib/css/atoms/atoms.mjs";
 import { breakpoints } from "./lib/css/breakpoints.mjs";
 import { colorModeStyle } from "./lib/css/colorModeStyle.mjs";
 import { globalHeadingStyle, globalTextStyle } from "./lib/css/globalTypographyStyles.mjs";
+import { outlineStyle } from "./lib/css/outlineStyle.mjs";
 import { responsiveStyle } from "./lib/css/responsiveStyle.mjs";
 import { vars as vars$1 } from "./lib/themes/vars.css.mjs";
 const {
@@ -48,6 +49,7 @@ export {
   colorModeStyle,
   globalHeadingStyle,
   globalTextStyle,
+  outlineStyle,
   responsiveStyle,
   vars
 };

package/dist/index.d.mts

@@ -2194,7 +2194,7 @@ declare const responsiveAtomicProperties: {
 declare const sprinkles: ((props: {
     readonly overflow?: "hidden" | "scroll" | "visible" | "auto" | undefined;
     readonly userSelect?: "none" | undefined;
-    readonly outline?: "none" | undefined;
+    readonly outline?: "none" | "focus" | undefined;
     readonly opacity?: 0 | undefined;
     readonly zIndex?: 0 | 2 | 1 | "dropdownBackdrop" | "dropdown" | "sticky" | "modalBackdrop" | "modal" | "notification" | undefined;
     readonly cursor?: "default" | "pointer" | undefined;
@@ -2811,10 +2811,10 @@ interface TextProps extends TypographyProps {
 }
 declare const Text: ({ size: sizeProp, tone: toneProp, weight: weightProp, maxLines: maxLinesProp, baseline, ...typographyProps }: TextProps) => react.JSX.Element;
 
-declare const validTones$1: readonly ["neutral", "secondary"];
+declare const validTones: readonly ["neutral", "secondary"];
 interface AccordionContextValue {
     size?: TextProps['size'];
-    tone?: (typeof validTones$1)[number];
+    tone?: (typeof validTones)[number];
     weight?: TextProps['weight'];
 }
 
@@ -2831,12 +2831,13 @@ interface AccordionProps {
 declare const Accordion$1: ({ children, size, tone, weight, space: spaceProp, dividers, data, ...restProps }: AccordionProps) => react.JSX.Element;
 
 type ValueOrArray<T> = T | T[];
-declare const validTones: readonly ["promote", "info", "neutral", "positive", "caution", "critical"];
-type Tone$2 = (typeof validTones)[number];
-type BadgeWeight = 'strong' | 'regular';
+declare const validBadgeTones: readonly ["promote", "info", "neutral", "positive", "caution", "critical"];
+type Tone$2 = (typeof validBadgeTones)[number];
+declare const validBadgeWeights: readonly ["strong", "regular"];
+type Weight = (typeof validBadgeWeights)[number];
 interface BadgeProps {
     tone?: Tone$2;
-    weight?: BadgeWeight;
+    weight?: Weight;
     bleedY?: boolean;
     title?: string;
     children: ValueOrArray<string | number>;
@@ -2872,7 +2873,8 @@ declare const AccordionItem$1: ({ id, label, children, badge, size: sizeProp, to
 declare const buttonTones: readonly ["formAccent", "brandAccent", "critical", "neutral"];
 
 declare const buttonVariants: readonly ["solid", "ghost", "soft", "transparent"];
-type ButtonSize = 'standard' | 'small';
+declare const buttonSizes: readonly ["standard", "small"];
+type ButtonSize = (typeof buttonSizes)[number];
 type ButtonTone = (typeof buttonTones)[number];
 type ButtonVariant = (typeof buttonVariants)[number];
 interface ButtonStyleProps {
@@ -3754,10 +3756,12 @@ interface StrongProps {
 }
 declare const Strong: ({ children, data, id, ...restProps }: StrongProps) => react.JSX.Element;
 
+declare const alignY: Record<"top" | "center", string>;
+
 interface TableProps {
     label: string;
     children: ReactNode;
-    alignY?: 'top' | 'center';
+    alignY?: keyof typeof alignY;
     data?: DataAttributeMap;
 }
 declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLTableElement>>;
@@ -4384,6 +4388,16 @@ interface GlobalHeadingProps {
 }
 declare const globalHeadingStyle: ({ weight, level, }: GlobalHeadingProps) => StyleRule;
 
+declare const outlineStyle: (selector: string) => {
+    outline: string;
+    transition: string;
+    selectors: {
+        [x: string]: {
+            outlineColor: `var(--${string})`;
+        };
+    };
+};
+
 type CSSProps = Omit<StyleRule, '@media' | '@supports'>;
 interface ResponsiveStyle {
     mobile?: CSSProps;
@@ -4522,6 +4536,11 @@ declare const vars: {
 };
 declare function atoms(props: Omit<Atoms, 'background'>): string;
 
+/**
+ * @deprecated the `apac` theme is deprecated and will be removed in a future release.
+ *
+ * Use the `seekJobs` theme instead.
+ */
 declare const _default$6: {
     vanillaTheme: string;
     name: string;
@@ -5335,5 +5354,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, 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, 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, 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, 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, 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, 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 type { Breakpoint, LinkComponent };

package/dist/index.d.ts

@@ -2194,7 +2194,7 @@ declare const responsiveAtomicProperties: {
 declare const sprinkles: ((props: {
     readonly overflow?: "hidden" | "scroll" | "visible" | "auto" | undefined;
     readonly userSelect?: "none" | undefined;
-    readonly outline?: "none" | undefined;
+    readonly outline?: "none" | "focus" | undefined;
     readonly opacity?: 0 | undefined;
     readonly zIndex?: 0 | 2 | 1 | "dropdownBackdrop" | "dropdown" | "sticky" | "modalBackdrop" | "modal" | "notification" | undefined;
     readonly cursor?: "default" | "pointer" | undefined;
@@ -2811,10 +2811,10 @@ interface TextProps extends TypographyProps {
 }
 declare const Text: ({ size: sizeProp, tone: toneProp, weight: weightProp, maxLines: maxLinesProp, baseline, ...typographyProps }: TextProps) => react.JSX.Element;
 
-declare const validTones$1: readonly ["neutral", "secondary"];
+declare const validTones: readonly ["neutral", "secondary"];
 interface AccordionContextValue {
     size?: TextProps['size'];
-    tone?: (typeof validTones$1)[number];
+    tone?: (typeof validTones)[number];
     weight?: TextProps['weight'];
 }
 
@@ -2831,12 +2831,13 @@ interface AccordionProps {
 declare const Accordion$1: ({ children, size, tone, weight, space: spaceProp, dividers, data, ...restProps }: AccordionProps) => react.JSX.Element;
 
 type ValueOrArray<T> = T | T[];
-declare const validTones: readonly ["promote", "info", "neutral", "positive", "caution", "critical"];
-type Tone$2 = (typeof validTones)[number];
-type BadgeWeight = 'strong' | 'regular';
+declare const validBadgeTones: readonly ["promote", "info", "neutral", "positive", "caution", "critical"];
+type Tone$2 = (typeof validBadgeTones)[number];
+declare const validBadgeWeights: readonly ["strong", "regular"];
+type Weight = (typeof validBadgeWeights)[number];
 interface BadgeProps {
     tone?: Tone$2;
-    weight?: BadgeWeight;
+    weight?: Weight;
     bleedY?: boolean;
     title?: string;
     children: ValueOrArray<string | number>;
@@ -2872,7 +2873,8 @@ declare const AccordionItem$1: ({ id, label, children, badge, size: sizeProp, to
 declare const buttonTones: readonly ["formAccent", "brandAccent", "critical", "neutral"];
 
 declare const buttonVariants: readonly ["solid", "ghost", "soft", "transparent"];
-type ButtonSize = 'standard' | 'small';
+declare const buttonSizes: readonly ["standard", "small"];
+type ButtonSize = (typeof buttonSizes)[number];
 type ButtonTone = (typeof buttonTones)[number];
 type ButtonVariant = (typeof buttonVariants)[number];
 interface ButtonStyleProps {
@@ -3754,10 +3756,12 @@ interface StrongProps {
 }
 declare const Strong: ({ children, data, id, ...restProps }: StrongProps) => react.JSX.Element;
 
+declare const alignY: Record<"top" | "center", string>;
+
 interface TableProps {
     label: string;
     children: ReactNode;
-    alignY?: 'top' | 'center';
+    alignY?: keyof typeof alignY;
     data?: DataAttributeMap;
 }
 declare const Table: react.ForwardRefExoticComponent<TableProps & react.RefAttributes<HTMLTableElement>>;
@@ -4384,6 +4388,16 @@ interface GlobalHeadingProps {
 }
 declare const globalHeadingStyle: ({ weight, level, }: GlobalHeadingProps) => StyleRule;
 
+declare const outlineStyle: (selector: string) => {
+    outline: string;
+    transition: string;
+    selectors: {
+        [x: string]: {
+            outlineColor: `var(--${string})`;
+        };
+    };
+};
+
 type CSSProps = Omit<StyleRule, '@media' | '@supports'>;
 interface ResponsiveStyle {
     mobile?: CSSProps;
@@ -4522,6 +4536,11 @@ declare const vars: {
 };
 declare function atoms(props: Omit<Atoms, 'background'>): string;
 
+/**
+ * @deprecated the `apac` theme is deprecated and will be removed in a future release.
+ *
+ * Use the `seekJobs` theme instead.
+ */
 declare const _default$6: {
     vanillaTheme: string;
     name: string;
@@ -5335,5 +5354,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, 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, 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, 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, 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, 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, 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 type { Breakpoint, LinkComponent };