braid-design-system 32.6.0 → 32.7.0

package/dist/playroom/components.cjs

@@ -8,7 +8,7 @@ require("../styles/lib/themes/seekJobs/seekJobs.css.cjs");
 require("../styles/lib/themes/seekBusiness/seekBusinessTheme.css.cjs");
 const styles_lib_themes_wireframe_wireframeTheme_css_cjs = require("../styles/lib/themes/wireframe/wireframeTheme.css.cjs");
 require("../styles/lib/themes/docs/docsTheme.css.cjs");
-const Toggle$1 = require("../Toggle.chunk.cjs");
+const index = require("../index.chunk.cjs");
 const playroomState = require("../playroomState.chunk.cjs");
 const React = require("react");
 const uuid = require("uuid");
@@ -23,12 +23,12 @@ const dedent__default = /* @__PURE__ */ _interopDefaultCompat(dedent);
 const spaceScale = ["none", ...Object.keys(styles_lib_themes_wireframe_wireframeTheme_css_cjs.wireframe.space.space)];
 const filterSpace = (space) => {
   const filteredSpace = styles_lib_css_atoms_sprinkles_css_cjs.mapResponsiveValue(space, (value) => {
-    if (spaceScale.includes(value) && !Toggle$1.validSpaceValues.includes(value)) {
+    if (spaceScale.includes(value) && !index.validSpaceValues.includes(value)) {
       throw new Error(
-        `To ensure adequate space for touch targets, 'space' prop values must be one of the following: ${Toggle$1.validSpaceValues.map((x) => `"${x}"`).join(", ")}`
+        `To ensure adequate space for touch targets, 'space' prop values must be one of the following: ${index.validSpaceValues.map((x) => `"${x}"`).join(", ")}`
       );
     }
-    return Toggle$1.validSpaceValues.includes(value) ? value : "medium";
+    return index.validSpaceValues.includes(value) ? value : "medium";
   });
   return filteredSpace;
 };
@@ -39,7 +39,7 @@ const Accordion = ({
   weight,
   ...restProps
 }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Toggle$1.Accordion,
+  index.Accordion,
   {
     size: typeof size === "boolean" ? void 0 : size,
     tone: typeof tone === "boolean" ? void 0 : tone,
@@ -70,7 +70,7 @@ const AccordionItem = ({
     false
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.AccordionItem,
+    index.AccordionItem,
     {
       id: id ?? fallbackId,
       expanded: state,
@@ -86,7 +86,7 @@ const AccordionItem = ({
   );
 };
 const Alert = ({ tone, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Toggle$1.Alert,
+  index.Alert,
   {
     tone: typeof tone !== "boolean" ? tone : void 0,
     ...restProps
@@ -109,7 +109,7 @@ function Autosuggest({
     blankValue
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Autosuggest,
+    index.Autosuggest,
     {
       id: id ?? fallbackId,
       value: state,
@@ -123,7 +123,7 @@ function Autosuggest({
   );
 }
 const Badge = ({ tone, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Toggle$1.Badge,
+  index.Badge,
   {
     tone: typeof tone !== "boolean" ? tone : void 0,
     ...restProps
@@ -194,7 +194,7 @@ const ButtonLink = React.forwardRef(
   ({ variant, ...restProps }, ref) => {
     const isValidVariant = variant && ToastContext.buttonVariants.indexOf(variant) > -1;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Toggle$1.ButtonLink,
+      index.ButtonLink,
       {
         ref,
         variant: isValidVariant ? variant : void 0,
@@ -205,9 +205,9 @@ const ButtonLink = React.forwardRef(
 );
 ButtonLink.displayName = "ButtonLink";
 const Card = ({ component, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Toggle$1.Card,
+  index.Card,
   {
-    component: component && Toggle$1.validCardComponents.indexOf(component) > -1 ? component : void 0,
+    component: component && index.validCardComponents.indexOf(component) > -1 ? component : void 0,
     ...restProps
   }
 );
@@ -226,7 +226,7 @@ const Checkbox = ({
     false
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Checkbox,
+    index.Checkbox,
     {
       id: id ?? fallbackId,
       checked: state,
@@ -251,7 +251,7 @@ const CheckboxStandalone = ({
     false
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.CheckboxStandalone,
+    index.CheckboxStandalone,
     {
       id: id ?? fallbackId,
       checked: state,
@@ -300,11 +300,11 @@ const Dialog = ({
     false
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.AllowCloseContext.Provider,
+    index.AllowCloseContext.Provider,
     {
       value: onClose !== void 0 || stateName !== void 0,
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        Toggle$1.Dialog,
+        index.Dialog,
         {
           id: id ?? fallbackId,
           open: state,
@@ -332,7 +332,7 @@ const Disclosure = ({
     false
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Disclosure,
+    index.Disclosure,
     {
       id: id ?? fallbackId,
       expanded: state,
@@ -358,11 +358,11 @@ const Drawer = ({
     false
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.AllowCloseContext.Provider,
+    index.AllowCloseContext.Provider,
     {
       value: onClose !== void 0 || stateName !== void 0,
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        Toggle$1.Drawer,
+        index.Drawer,
         {
           id: id ?? fallbackId,
           ...restProps,
@@ -388,7 +388,7 @@ const Dropdown = ({
     ""
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Dropdown,
+    index.Dropdown,
     {
       id: id ?? fallbackId,
       value: state,
@@ -405,7 +405,7 @@ const FieldLabel = ({
   const fallbackId = useFallbackId();
   const fallbackFor = useFallbackId();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.FieldLabel,
+    index.FieldLabel,
     {
       id: id ?? fallbackId,
       htmlFor: htmlFor ?? fallbackFor,
@@ -420,15 +420,15 @@ const FieldMessage = ({
 }) => {
   const fallbackId = useFallbackId();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.FieldMessage,
+    index.FieldMessage,
     {
       id: id ?? fallbackId,
-      tone: tone && Toggle$1.tones.indexOf(tone) > -1 ? tone : void 0,
+      tone: tone && index.tones.indexOf(tone) > -1 ? tone : void 0,
       ...restProps
     }
   );
 };
-const Heading = ({ level, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(Toggle$1.Heading, { level: level || "3", ...restProps });
+const Heading = ({ level, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(index.Heading, { level: level || "3", ...restProps });
 const Inline = ({
   space,
   align,
@@ -447,7 +447,7 @@ const Inline = ({
 );
 const Link = React.forwardRef(
   ({ href, onClick, ...restProps }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Link,
+    index.Link,
     {
       ref,
       href: href ?? "",
@@ -459,9 +459,9 @@ const Link = React.forwardRef(
 const List = ({ space, ...props }) => {
   const cleanSpace = cleanSpaceValue(space);
   if (props.type === "icon" && (!("icon" in props) || !props.icon)) {
-    return /* @__PURE__ */ jsxRuntime.jsx(Toggle$1.List, { ...props, space: cleanSpace, icon: /* @__PURE__ */ jsxRuntime.jsx(ToastContext.IconClear, {}) });
+    return /* @__PURE__ */ jsxRuntime.jsx(index.List, { ...props, space: cleanSpace, icon: /* @__PURE__ */ jsxRuntime.jsx(ToastContext.IconClear, {}) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(Toggle$1.List, { space: cleanSpace, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(index.List, { space: cleanSpace, ...props });
 };
 const MonthPicker = ({
   id,
@@ -478,7 +478,7 @@ const MonthPicker = ({
     {}
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.MonthPicker,
+    index.MonthPicker,
     {
       id: id ?? fallbackId,
       value: state,
@@ -488,7 +488,7 @@ const MonthPicker = ({
   );
 };
 const MenuItem = ({ badge, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Toggle$1.MenuItem,
+  index.MenuItem,
   {
     badge: typeof badge === "boolean" ? void 0 : badge,
     ...restProps
@@ -496,7 +496,7 @@ const MenuItem = ({ badge, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(
 );
 MenuItem.__isMenuItem__ = true;
 const MenuItemLink = ({ badge, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Toggle$1.MenuItemLink,
+  index.MenuItemLink,
   {
     badge: typeof badge === "boolean" ? void 0 : badge,
     ...restProps
@@ -507,7 +507,7 @@ const MenuItemCheckbox = ({
   badge,
   ...restProps
 }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Toggle$1.MenuItemCheckbox,
+  index.MenuItemCheckbox,
   {
     badge: typeof badge === "boolean" ? void 0 : badge,
     ...restProps
@@ -515,7 +515,7 @@ const MenuItemCheckbox = ({
 );
 MenuItemCheckbox.__isMenuItem__ = true;
 const Notice = ({ tone, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Toggle$1.Notice,
+  index.Notice,
   {
     tone: typeof tone !== "boolean" ? tone : void 0,
     ...restProps
@@ -523,7 +523,7 @@ const Notice = ({ tone, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(
 );
 const OverflowMenu = ({ id, ...restProps }) => {
   const fallbackId = useFallbackId();
-  return /* @__PURE__ */ jsxRuntime.jsx(Toggle$1.OverflowMenu, { id: id ?? fallbackId, ...restProps });
+  return /* @__PURE__ */ jsxRuntime.jsx(index.OverflowMenu, { id: id ?? fallbackId, ...restProps });
 };
 const defaultPage = 1;
 const defaultTotal = 10;
@@ -540,7 +540,7 @@ const resolveFallbackTotal = (total, resolvedPage) => {
   if (typeof total === "number" && total > 0) {
     return total;
   }
-  return resolvedPage > Toggle$1.defaultPageLimit ? resolvedPage * 2 : defaultTotal;
+  return resolvedPage > index.defaultPageLimit ? resolvedPage * 2 : defaultTotal;
 };
 const Pagination = ({
   page,
@@ -565,7 +565,7 @@ const Pagination = ({
     setCurrentPage(resolveFallbackPage(page, total));
   }, [page, total]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Pagination,
+    index.Pagination,
     {
       page: currentPage,
       total: total || fallbackTotal,
@@ -590,7 +590,7 @@ const PasswordField = ({
     ""
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.PasswordField,
+    index.PasswordField,
     {
       id: id ?? fallbackId,
       value: state,
@@ -609,7 +609,7 @@ const Radio = ({
   const fallbackId = useFallbackId();
   const [fallbackChecked, setFallbackChecked] = React.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Radio,
+    index.Radio,
     {
       id: id ?? fallbackId,
       checked: checked ?? fallbackChecked,
@@ -629,7 +629,7 @@ const RadioGroup = ({
   const fallbackId = useFallbackId();
   const [state, handleChange] = playroomState.useFallbackState(stateName, value, onChange);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.RadioGroup,
+    index.RadioGroup,
     {
       ...restProps,
       id: id ?? fallbackId,
@@ -640,7 +640,7 @@ const RadioGroup = ({
   );
 };
 const Rating = ({ rating, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Toggle$1.Rating,
+  index.Rating,
   {
     rating: typeof rating === "number" ? rating : 0,
     ...restProps
@@ -665,11 +665,11 @@ const TabsProvider = ({
   ...restProps
 }) => {
   const fallbackId = useFallbackId();
-  return /* @__PURE__ */ jsxRuntime.jsx(Toggle$1.TabsProvider, { id: id ?? fallbackId, ...restProps });
+  return /* @__PURE__ */ jsxRuntime.jsx(index.TabsProvider, { id: id ?? fallbackId, ...restProps });
 };
-const Tabs = ({ label, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(Toggle$1.Tabs, { label: "", ...restProps });
+const Tabs = ({ label, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(index.Tabs, { label: "", ...restProps });
 const Tab = ({ icon, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Toggle$1.Tab,
+  index.Tab,
   {
     icon: typeof icon === "boolean" ? void 0 : icon,
     ...restProps
@@ -679,7 +679,7 @@ Tab.__isTab__ = true;
 const Tag = ({ icon, id, ...restProps }) => {
   const fallbackId = useFallbackId();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Tag,
+    index.Tag,
     {
       id: id ?? fallbackId,
       icon: typeof icon !== "boolean" ? icon : void 0,
@@ -702,7 +702,7 @@ const Textarea = ({
     ""
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Textarea,
+    index.Textarea,
     {
       id: id ?? fallbackId,
       value: state,
@@ -716,7 +716,7 @@ const fallbackOptions = ["TextDropdown"];
 function resolveValue(value, options) {
   if (typeof value === "undefined") {
     if (Array.isArray(options) && options.length > 0) {
-      return Toggle$1.parseSimpleToComplexOption(options[0]).value;
+      return index.parseSimpleToComplexOption(options[0]).value;
     }
     return fallbackOptions[0];
   }
@@ -747,7 +747,7 @@ function TextDropdown({
     }
   }, [internalOptions, value, options]);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.TextDropdown,
+    index.TextDropdown,
     {
       id: id ?? fallbackId,
       label: label ?? "No label provided",
@@ -774,7 +774,7 @@ const TextField = ({
     ""
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.TextField,
+    index.TextField,
     {
       id: id ?? fallbackId,
       value: state,
@@ -789,7 +789,7 @@ const TextField = ({
   );
 };
 const Tiles = ({ space, columns, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Toggle$1.Tiles,
+  index.Tiles,
   {
     space: cleanSpaceValue(space) || "none",
     columns: typeof columns === "boolean" || !columns ? 1 : columns,
@@ -811,7 +811,7 @@ const Toggle = ({
     false
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Toggle,
+    index.Toggle,
     {
       id: id ?? fallbackId,
       on: state,
@@ -900,104 +900,104 @@ if (global.__IS_PLAYROOM_ENVIRONMENT__ !== "clearly") {
     +import { Component } from 'braid-design-system';
   `);
 }
-exports.Actions = Toggle$1.Actions;
-exports.BoxRenderer = Toggle$1.BoxRenderer;
-exports.HiddenVisually = Toggle$1.HiddenVisually;
-exports.IconAdd = Toggle$1.IconAdd;
-exports.IconArrow = Toggle$1.IconArrow;
-exports.IconBookmark = Toggle$1.IconBookmark;
-exports.IconCaution = Toggle$1.IconCaution;
-exports.IconChevron = Toggle$1.IconChevron;
-exports.IconCompany = Toggle$1.IconCompany;
-exports.IconCompose = Toggle$1.IconCompose;
-exports.IconCopy = Toggle$1.IconCopy;
-exports.IconCreditCard = Toggle$1.IconCreditCard;
-exports.IconDate = Toggle$1.IconDate;
-exports.IconDelete = Toggle$1.IconDelete;
-exports.IconDesktop = Toggle$1.IconDesktop;
-exports.IconDocument = Toggle$1.IconDocument;
-exports.IconDocumentBroken = Toggle$1.IconDocumentBroken;
-exports.IconDownload = Toggle$1.IconDownload;
-exports.IconEdit = Toggle$1.IconEdit;
-exports.IconEducation = Toggle$1.IconEducation;
-exports.IconFilter = Toggle$1.IconFilter;
-exports.IconFlag = Toggle$1.IconFlag;
-exports.IconGrid = Toggle$1.IconGrid;
-exports.IconHeart = Toggle$1.IconHeart;
-exports.IconHelp = Toggle$1.IconHelp;
-exports.IconHistory = Toggle$1.IconHistory;
-exports.IconHome = Toggle$1.IconHome;
-exports.IconImage = Toggle$1.IconImage;
-exports.IconInfo = Toggle$1.IconInfo;
-exports.IconInvoice = Toggle$1.IconInvoice;
-exports.IconLanguage = Toggle$1.IconLanguage;
-exports.IconLink = Toggle$1.IconLink;
-exports.IconLinkBroken = Toggle$1.IconLinkBroken;
-exports.IconList = Toggle$1.IconList;
-exports.IconLocation = Toggle$1.IconLocation;
-exports.IconMail = Toggle$1.IconMail;
-exports.IconMessage = Toggle$1.IconMessage;
-exports.IconMinus = Toggle$1.IconMinus;
-exports.IconMobile = Toggle$1.IconMobile;
-exports.IconMoney = Toggle$1.IconMoney;
-exports.IconNewWindow = Toggle$1.IconNewWindow;
-exports.IconNote = Toggle$1.IconNote;
-exports.IconNotification = Toggle$1.IconNotification;
-exports.IconOverflow = Toggle$1.IconOverflow;
-exports.IconPeople = Toggle$1.IconPeople;
-exports.IconPersonAdd = Toggle$1.IconPersonAdd;
-exports.IconPersonVerified = Toggle$1.IconPersonVerified;
-exports.IconPhone = Toggle$1.IconPhone;
-exports.IconPlatformAndroid = Toggle$1.IconPlatformAndroid;
-exports.IconPlatformApple = Toggle$1.IconPlatformApple;
-exports.IconPrint = Toggle$1.IconPrint;
-exports.IconProfile = Toggle$1.IconProfile;
-exports.IconPromote = Toggle$1.IconPromote;
-exports.IconRecommended = Toggle$1.IconRecommended;
-exports.IconRefresh = Toggle$1.IconRefresh;
-exports.IconResume = Toggle$1.IconResume;
-exports.IconSearch = Toggle$1.IconSearch;
-exports.IconSecurity = Toggle$1.IconSecurity;
-exports.IconSend = Toggle$1.IconSend;
-exports.IconSent = Toggle$1.IconSent;
-exports.IconSettings = Toggle$1.IconSettings;
-exports.IconShare = Toggle$1.IconShare;
-exports.IconSocialFacebook = Toggle$1.IconSocialFacebook;
-exports.IconSocialGitHub = Toggle$1.IconSocialGitHub;
-exports.IconSocialInstagram = Toggle$1.IconSocialInstagram;
-exports.IconSocialLinkedIn = Toggle$1.IconSocialLinkedIn;
-exports.IconSocialMedium = Toggle$1.IconSocialMedium;
-exports.IconSocialTwitter = Toggle$1.IconSocialTwitter;
-exports.IconSocialYouTube = Toggle$1.IconSocialYouTube;
-exports.IconStar = Toggle$1.IconStar;
-exports.IconStatistics = Toggle$1.IconStatistics;
-exports.IconSubCategory = Toggle$1.IconSubCategory;
-exports.IconTag = Toggle$1.IconTag;
-exports.IconThumb = Toggle$1.IconThumb;
-exports.IconTick = Toggle$1.IconTick;
-exports.IconTime = Toggle$1.IconTime;
-exports.IconTip = Toggle$1.IconTip;
-exports.IconUpload = Toggle$1.IconUpload;
-exports.IconVideo = Toggle$1.IconVideo;
-exports.IconVisibility = Toggle$1.IconVisibility;
-exports.IconWorkExperience = Toggle$1.IconWorkExperience;
-exports.IconZoomIn = Toggle$1.IconZoomIn;
-exports.IconZoomOut = Toggle$1.IconZoomOut;
-exports.Loader = Toggle$1.Loader;
-exports.MenuItemDivider = Toggle$1.MenuItemDivider;
-exports.MenuRenderer = Toggle$1.MenuRenderer;
-exports.PageBlock = Toggle$1.PageBlock;
-exports.RadioItem = Toggle$1.RadioItem;
-exports.Secondary = Toggle$1.Secondary;
-exports.Step = Toggle$1.Step;
-exports.Stepper = Toggle$1.Stepper;
-exports.Strong = Toggle$1.Strong;
-exports.TabPanel = Toggle$1.TabPanel;
-exports.TabPanels = Toggle$1.TabPanels;
-exports.ThemeNameConsumer = Toggle$1.ThemeNameConsumer;
-exports.filterSuggestions = Toggle$1.filterSuggestions;
-exports.useBreakpoint = Toggle$1.useBreakpoint;
-exports.useColor = Toggle$1.useColor;
+exports.Actions = index.Actions;
+exports.BoxRenderer = index.BoxRenderer;
+exports.HiddenVisually = index.HiddenVisually;
+exports.IconAdd = index.IconAdd;
+exports.IconArrow = index.IconArrow;
+exports.IconBookmark = index.IconBookmark;
+exports.IconCaution = index.IconCaution;
+exports.IconChevron = index.IconChevron;
+exports.IconCompany = index.IconCompany;
+exports.IconCompose = index.IconCompose;
+exports.IconCopy = index.IconCopy;
+exports.IconCreditCard = index.IconCreditCard;
+exports.IconDate = index.IconDate;
+exports.IconDelete = index.IconDelete;
+exports.IconDesktop = index.IconDesktop;
+exports.IconDocument = index.IconDocument;
+exports.IconDocumentBroken = index.IconDocumentBroken;
+exports.IconDownload = index.IconDownload;
+exports.IconEdit = index.IconEdit;
+exports.IconEducation = index.IconEducation;
+exports.IconFilter = index.IconFilter;
+exports.IconFlag = index.IconFlag;
+exports.IconGrid = index.IconGrid;
+exports.IconHeart = index.IconHeart;
+exports.IconHelp = index.IconHelp;
+exports.IconHistory = index.IconHistory;
+exports.IconHome = index.IconHome;
+exports.IconImage = index.IconImage;
+exports.IconInfo = index.IconInfo;
+exports.IconInvoice = index.IconInvoice;
+exports.IconLanguage = index.IconLanguage;
+exports.IconLink = index.IconLink;
+exports.IconLinkBroken = index.IconLinkBroken;
+exports.IconList = index.IconList;
+exports.IconLocation = index.IconLocation;
+exports.IconMail = index.IconMail;
+exports.IconMessage = index.IconMessage;
+exports.IconMinus = index.IconMinus;
+exports.IconMobile = index.IconMobile;
+exports.IconMoney = index.IconMoney;
+exports.IconNewWindow = index.IconNewWindow;
+exports.IconNote = index.IconNote;
+exports.IconNotification = index.IconNotification;
+exports.IconOverflow = index.IconOverflow;
+exports.IconPeople = index.IconPeople;
+exports.IconPersonAdd = index.IconPersonAdd;
+exports.IconPersonVerified = index.IconPersonVerified;
+exports.IconPhone = index.IconPhone;
+exports.IconPlatformAndroid = index.IconPlatformAndroid;
+exports.IconPlatformApple = index.IconPlatformApple;
+exports.IconPrint = index.IconPrint;
+exports.IconProfile = index.IconProfile;
+exports.IconPromote = index.IconPromote;
+exports.IconRecommended = index.IconRecommended;
+exports.IconRefresh = index.IconRefresh;
+exports.IconResume = index.IconResume;
+exports.IconSearch = index.IconSearch;
+exports.IconSecurity = index.IconSecurity;
+exports.IconSend = index.IconSend;
+exports.IconSent = index.IconSent;
+exports.IconSettings = index.IconSettings;
+exports.IconShare = index.IconShare;
+exports.IconSocialFacebook = index.IconSocialFacebook;
+exports.IconSocialGitHub = index.IconSocialGitHub;
+exports.IconSocialInstagram = index.IconSocialInstagram;
+exports.IconSocialLinkedIn = index.IconSocialLinkedIn;
+exports.IconSocialMedium = index.IconSocialMedium;
+exports.IconSocialTwitter = index.IconSocialTwitter;
+exports.IconSocialYouTube = index.IconSocialYouTube;
+exports.IconStar = index.IconStar;
+exports.IconStatistics = index.IconStatistics;
+exports.IconSubCategory = index.IconSubCategory;
+exports.IconTag = index.IconTag;
+exports.IconThumb = index.IconThumb;
+exports.IconTick = index.IconTick;
+exports.IconTime = index.IconTime;
+exports.IconTip = index.IconTip;
+exports.IconUpload = index.IconUpload;
+exports.IconVideo = index.IconVideo;
+exports.IconVisibility = index.IconVisibility;
+exports.IconWorkExperience = index.IconWorkExperience;
+exports.IconZoomIn = index.IconZoomIn;
+exports.IconZoomOut = index.IconZoomOut;
+exports.Loader = index.Loader;
+exports.MenuItemDivider = index.MenuItemDivider;
+exports.MenuRenderer = index.MenuRenderer;
+exports.PageBlock = index.PageBlock;
+exports.RadioItem = index.RadioItem;
+exports.Secondary = index.Secondary;
+exports.Step = index.Step;
+exports.Stepper = index.Stepper;
+exports.Strong = index.Strong;
+exports.TabPanel = index.TabPanel;
+exports.TabPanels = index.TabPanels;
+exports.ThemeNameConsumer = index.ThemeNameConsumer;
+exports.filterSuggestions = index.filterSuggestions;
+exports.useBreakpoint = index.useBreakpoint;
+exports.useColor = index.useColor;
 exports.BraidPortal = ToastContext.BraidPortal;
 exports.Column = ToastContext.Column;
 exports.ContentBlock = ToastContext.ContentBlock;

package/dist/playroom/components.mjs

@@ -6,8 +6,8 @@ import "../styles/lib/themes/seekJobs/seekJobs.css.mjs";
 import "../styles/lib/themes/seekBusiness/seekBusinessTheme.css.mjs";
 import { wireframe } from "../styles/lib/themes/wireframe/wireframeTheme.css.mjs";
 import "../styles/lib/themes/docs/docsTheme.css.mjs";
-import { Accordion as Accordion$1, validSpaceValues as validSpaceValues$1, AccordionItem as AccordionItem$1, Alert as Alert$1, Autosuggest as Autosuggest$1, Badge as Badge$1, ButtonLink as ButtonLink$1, Card as Card$1, validCardComponents, Checkbox as Checkbox$1, CheckboxStandalone as CheckboxStandalone$1, AllowCloseContext, Dialog as Dialog$1, Disclosure as Disclosure$1, Drawer as Drawer$1, Dropdown as Dropdown$1, FieldLabel as FieldLabel$1, FieldMessage as FieldMessage$1, tones, Heading as Heading$1, Link as Link$1, List as List$1, MonthPicker as MonthPicker$1, MenuItem as MenuItem$1, MenuItemLink as MenuItemLink$1, MenuItemCheckbox as MenuItemCheckbox$1, Notice as Notice$1, OverflowMenu as OverflowMenu$1, Pagination as Pagination$1, defaultPageLimit, PasswordField as PasswordField$1, Radio as Radio$1, RadioGroup as RadioGroup$1, Rating as Rating$1, TabsProvider as TabsProvider$1, Tabs as Tabs$1, Tab as Tab$1, Tag as Tag$1, Textarea as Textarea$1, TextDropdown as TextDropdown$1, parseSimpleToComplexOption, TextField as TextField$1, Tiles as Tiles$1, Toggle as Toggle$1 } from "../Toggle.chunk.mjs";
-import { Actions, BoxRenderer, HiddenVisually, IconAdd, IconArrow, IconBookmark, IconCaution, IconChevron, IconCompany, IconCompose, IconCopy, IconCreditCard, IconDate, IconDelete, IconDesktop, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconFilter, IconFlag, IconGrid, IconHeart, IconHelp, IconHistory, IconHome, IconImage, IconInfo, IconInvoice, IconLanguage, IconLink, IconLinkBroken, IconList, IconLocation, IconMail, IconMessage, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, IconPlatformAndroid, IconPlatformApple, IconPrint, IconProfile, IconPromote, IconRecommended, IconRefresh, IconResume, IconSearch, IconSecurity, IconSend, IconSent, IconSettings, IconShare, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTwitter, IconSocialYouTube, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Loader, MenuItemDivider, MenuRenderer, PageBlock, RadioItem, Secondary, Step, Stepper, Strong, TabPanel, TabPanels, ThemeNameConsumer, filterSuggestions, useBreakpoint, useColor } from "../Toggle.chunk.mjs";
+import { Accordion as Accordion$1, validSpaceValues as validSpaceValues$1, AccordionItem as AccordionItem$1, Alert as Alert$1, Autosuggest as Autosuggest$1, Badge as Badge$1, ButtonLink as ButtonLink$1, Card as Card$1, validCardComponents, Checkbox as Checkbox$1, CheckboxStandalone as CheckboxStandalone$1, AllowCloseContext, Dialog as Dialog$1, Disclosure as Disclosure$1, Drawer as Drawer$1, Dropdown as Dropdown$1, FieldLabel as FieldLabel$1, FieldMessage as FieldMessage$1, tones, Heading as Heading$1, Link as Link$1, List as List$1, MonthPicker as MonthPicker$1, MenuItem as MenuItem$1, MenuItemLink as MenuItemLink$1, MenuItemCheckbox as MenuItemCheckbox$1, Notice as Notice$1, OverflowMenu as OverflowMenu$1, Pagination as Pagination$1, defaultPageLimit, PasswordField as PasswordField$1, Radio as Radio$1, RadioGroup as RadioGroup$1, Rating as Rating$1, TabsProvider as TabsProvider$1, Tabs as Tabs$1, Tab as Tab$1, Tag as Tag$1, Textarea as Textarea$1, TextDropdown as TextDropdown$1, parseSimpleToComplexOption, TextField as TextField$1, Tiles as Tiles$1, Toggle as Toggle$1 } from "../index.chunk.mjs";
+import { Actions, BoxRenderer, HiddenVisually, IconAdd, IconArrow, IconBookmark, IconCaution, IconChevron, IconCompany, IconCompose, IconCopy, IconCreditCard, IconDate, IconDelete, IconDesktop, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconFilter, IconFlag, IconGrid, IconHeart, IconHelp, IconHistory, IconHome, IconImage, IconInfo, IconInvoice, IconLanguage, IconLink, IconLinkBroken, IconList, IconLocation, IconMail, IconMessage, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, IconPlatformAndroid, IconPlatformApple, IconPrint, IconProfile, IconPromote, IconRecommended, IconRefresh, IconResume, IconSearch, IconSecurity, IconSend, IconSent, IconSettings, IconShare, IconSocialFacebook, IconSocialGitHub, IconSocialInstagram, IconSocialLinkedIn, IconSocialMedium, IconSocialTwitter, IconSocialYouTube, IconStar, IconStatistics, IconSubCategory, IconTag, IconThumb, IconTick, IconTime, IconTip, IconUpload, IconVideo, IconVisibility, IconWorkExperience, IconZoomIn, IconZoomOut, Loader, MenuItemDivider, MenuRenderer, PageBlock, RadioItem, Secondary, Step, Stepper, Strong, TabPanel, TabPanels, ThemeNameConsumer, filterSuggestions, useBreakpoint, useColor } from "../index.chunk.mjs";
 import { useFallbackState } from "../playroomState.chunk.mjs";
 import { useRef, forwardRef, useState, useEffect } from "react";
 import { v4 } from "uuid";

package/dist/playroomState.chunk.cjs

@@ -71,7 +71,7 @@ function useFallbackState(stateKey, value, onChange, defaultValue) {
         unwrapValue(args[0])
       );
     }
-    (handler || noop)(...args);
+    return (handler || noop)(...args);
   };
   const handleChange = wrapChangeHandler(onChange || noop);
   const resolvedValue = value ?? (stateKey ? playroomState.getState(stateKey) ?? defaultValue : internalStateValue);

package/dist/playroomState.chunk.mjs

@@ -68,7 +68,7 @@ function useFallbackState(stateKey, value, onChange, defaultValue) {
         unwrapValue(args[0])
       );
     }
-    (handler || noop)(...args);
+    return (handler || noop)(...args);
   };
   const handleChange = wrapChangeHandler(onChange || noop);
   const resolvedValue = value ?? (stateKey ? playroomState.getState(stateKey) ?? defaultValue : internalStateValue);

package/dist/reset.cjs

@@ -1,2 +1,7 @@
 "use strict";
 require("./side-effects/lib/css/reset/index.cjs");
+require("./styles/lib/themes/apac/apacTheme.css.cjs");
+require("./styles/lib/themes/docs/docsTheme.css.cjs");
+require("./styles/lib/themes/seekBusiness/seekBusinessTheme.css.cjs");
+require("./styles/lib/themes/seekJobs/seekJobs.css.cjs");
+require("./styles/lib/themes/wireframe/wireframeTheme.css.cjs");

package/dist/reset.d.ts

@@ -3173,7 +3173,7 @@ interface ModalContentProps {
 
 interface ModalProps extends Omit<ModalContentProps, 'onClose' | 'scrollLock' | 'headingRef' | 'modalRef'> {
     open: boolean;
-    onClose: (openState: false) => void;
+    onClose: (openState: false) => void | false;
 }
 
 declare const modalStyle$1: {

package/dist/reset.mjs

@@ -1 +1,6 @@
 import "./side-effects/lib/css/reset/index.mjs";
+import "./styles/lib/themes/apac/apacTheme.css.mjs";
+import "./styles/lib/themes/docs/docsTheme.css.mjs";
+import "./styles/lib/themes/seekBusiness/seekBusinessTheme.css.mjs";
+import "./styles/lib/themes/seekJobs/seekJobs.css.mjs";
+import "./styles/lib/themes/wireframe/wireframeTheme.css.mjs";