braid-design-system 32.5.0 → 32.7.0

package/dist/playroom/components.cjs

@@ -8,12 +8,13 @@ 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");
 const ToastContext = require("../ToastContext.chunk.cjs");
 const styles_lib_css_atoms_atoms_cjs = require("../styles/lib/css/atoms/atoms.cjs");
+const styles_lib_css_breakpoints_cjs = require("../styles/lib/css/breakpoints.cjs");
 const styles_lib_css_atoms_atomicProperties_cjs = require("../styles/lib/css/atoms/atomicProperties.cjs");
 const styles_lib_components_private_Placeholder_Placeholder_css_cjs = require("../styles/lib/components/private/Placeholder/Placeholder.css.cjs");
 const sideEffects_lib_components_BraidProvider_BraidProvider_cjs = require("../side-effects/lib/components/BraidProvider/BraidProvider.cjs");
@@ -22,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;
 };
@@ -38,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,
@@ -69,7 +70,7 @@ const AccordionItem = ({
     false
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.AccordionItem,
+    index.AccordionItem,
     {
       id: id ?? fallbackId,
       expanded: state,
@@ -85,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
@@ -108,7 +109,7 @@ function Autosuggest({
     blankValue
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Autosuggest,
+    index.Autosuggest,
     {
       id: id ?? fallbackId,
       value: state,
@@ -122,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
@@ -193,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,
@@ -204,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
   }
 );
@@ -225,7 +226,7 @@ const Checkbox = ({
     false
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Checkbox,
+    index.Checkbox,
     {
       id: id ?? fallbackId,
       checked: state,
@@ -250,7 +251,7 @@ const CheckboxStandalone = ({
     false
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.CheckboxStandalone,
+    index.CheckboxStandalone,
     {
       id: id ?? fallbackId,
       checked: state,
@@ -261,7 +262,13 @@ const CheckboxStandalone = ({
   );
 };
 const validSpaceValues = Object.keys(styles_lib_css_atoms_atomicProperties_cjs.space);
-const cleanSpaceValue = (space) => typeof space === "undefined" || typeof space === "boolean" || typeof space === "string" && !validSpaceValues.includes(space) ? "none" : space;
+const cleanSpaceValue = (space) => {
+  const validResponsiveObject = typeof space === "object" && Object.keys(space).some(
+    (bp) => styles_lib_css_breakpoints_cjs.breakpointNames.includes(bp) && validSpaceValues.includes(space[bp])
+  );
+  const validSpace = typeof space === "string" && validSpaceValues.includes(space);
+  return validSpace || validResponsiveObject ? space : void 0;
+};
 const Columns = ({
   space,
   align,
@@ -271,7 +278,7 @@ const Columns = ({
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastContext.Columns,
   {
-    space: cleanSpaceValue(space),
+    space: cleanSpaceValue(space) || "none",
     align: typeof align !== "boolean" ? align : void 0,
     alignY: typeof alignY !== "boolean" ? alignY : void 0,
     component: component && ToastContext.validColumnsComponents.indexOf(component) > -1 ? component : void 0,
@@ -293,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,
@@ -325,7 +332,7 @@ const Disclosure = ({
     false
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Disclosure,
+    index.Disclosure,
     {
       id: id ?? fallbackId,
       expanded: state,
@@ -351,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,
@@ -381,7 +388,7 @@ const Dropdown = ({
     ""
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Dropdown,
+    index.Dropdown,
     {
       id: id ?? fallbackId,
       value: state,
@@ -398,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,
@@ -413,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,
@@ -431,7 +438,7 @@ const Inline = ({
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastContext.Inline,
   {
-    space: cleanSpaceValue(space),
+    space: cleanSpaceValue(space) || "none",
     align: typeof align !== "boolean" ? align : void 0,
     alignY: typeof alignY !== "boolean" ? alignY : void 0,
     component: component && ToastContext.validInlineComponents.indexOf(component) > -1 ? component : void 0,
@@ -440,7 +447,7 @@ const Inline = ({
 );
 const Link = React.forwardRef(
   ({ href, onClick, ...restProps }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Link,
+    index.Link,
     {
       ref,
       href: href ?? "",
@@ -452,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,
@@ -471,7 +478,7 @@ const MonthPicker = ({
     {}
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.MonthPicker,
+    index.MonthPicker,
     {
       id: id ?? fallbackId,
       value: state,
@@ -481,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
@@ -489,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
@@ -500,7 +507,7 @@ const MenuItemCheckbox = ({
   badge,
   ...restProps
 }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Toggle$1.MenuItemCheckbox,
+  index.MenuItemCheckbox,
   {
     badge: typeof badge === "boolean" ? void 0 : badge,
     ...restProps
@@ -508,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
@@ -516,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;
@@ -533,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,
@@ -558,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,
@@ -583,7 +590,7 @@ const PasswordField = ({
     ""
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.PasswordField,
+    index.PasswordField,
     {
       id: id ?? fallbackId,
       value: state,
@@ -602,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,
@@ -622,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,
@@ -633,7 +640,7 @@ const RadioGroup = ({
   );
 };
 const Rating = ({ rating, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Toggle$1.Rating,
+  index.Rating,
   {
     rating: typeof rating === "number" ? rating : 0,
     ...restProps
@@ -647,7 +654,7 @@ const Stack = ({
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastContext.Stack,
   {
-    space: cleanSpaceValue(space),
+    space: cleanSpaceValue(space) || "none",
     align: typeof align !== "boolean" ? align : void 0,
     component: component && ToastContext.validStackComponents.indexOf(component) > -1 ? component : void 0,
     ...restProps
@@ -658,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
@@ -672,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,
@@ -695,7 +702,7 @@ const Textarea = ({
     ""
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Textarea,
+    index.Textarea,
     {
       id: id ?? fallbackId,
       value: state,
@@ -709,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];
   }
@@ -740,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",
@@ -767,7 +774,7 @@ const TextField = ({
     ""
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.TextField,
+    index.TextField,
     {
       id: id ?? fallbackId,
       value: state,
@@ -782,9 +789,9 @@ const TextField = ({
   );
 };
 const Tiles = ({ space, columns, ...restProps }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Toggle$1.Tiles,
+  index.Tiles,
   {
-    space: cleanSpaceValue(space),
+    space: cleanSpaceValue(space) || "none",
     columns: typeof columns === "boolean" || !columns ? 1 : columns,
     ...restProps
   }
@@ -804,7 +811,7 @@ const Toggle = ({
     false
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Toggle$1.Toggle,
+    index.Toggle,
     {
       id: id ?? fallbackId,
       on: state,
@@ -893,102 +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.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.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.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, 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, IconAdd, IconArrow, IconBookmark, IconCaution, IconChevron, IconClear, IconCompany, IconCompose, IconCopy, IconCreditCard, IconCritical, IconDate, IconDelete, IconDesktop, IconDocument, IconDocumentBroken, IconDownload, IconEdit, IconEducation, IconFilter, IconFlag, IconGrid, IconHeart, IconHelp, IconHistory, IconHome, IconImage, IconInfo, IconInvoice, IconLanguage, IconLink, IconLinkBroken, IconList, IconLocation, IconMail, IconMinus, IconMobile, IconMoney, IconNewWindow, IconNote, IconNotification, IconOverflow, IconPeople, IconPersonAdd, IconPersonVerified, IconPhone, IconPlatformAndroid, IconPlatformApple, IconPositive, IconPrint, IconProfile, IconPromote, IconRecommended, IconRefresh, IconRenderer, 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, 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$1 as OverflowMenu, Pagination$1 as Pagination, PasswordField$1 as PasswordField, Placeholder, Radio$1 as Radio, RadioGroup$1 as RadioGroup, RadioItem, Rating$1 as Rating, Secondary, Stack$1 as Stack, Step, Stepper, Strong, Tab$1 as Tab, TabPanel, TabPanels, Tabs$1 as Tabs, TabsProvider$1 as 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$1 as TooltipRenderer, filterSuggestions, makeLinkComponent, useBreakpoint, useColor, useResponsiveValue, useSpace, useThemeName, useToast } from '../reset.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, 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, IconAdd, IconArrow, IconBookmark, IconCaution, IconChevron, IconClear, IconCompany, IconCompose, IconCopy, IconCreditCard, IconCritical, 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, IconPositive, IconPrint, IconProfile, IconPromote, IconRecommended, IconRefresh, IconRenderer, 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, 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$1 as OverflowMenu, PageBlock, Pagination$1 as Pagination, PasswordField$1 as PasswordField, Placeholder, Radio$1 as Radio, RadioGroup$1 as RadioGroup, RadioItem, Rating$1 as Rating, Secondary, Stack$1 as Stack, Step, Stepper, Strong, Tab$1 as Tab, TabPanel, TabPanels, Tabs$1 as Tabs, TabsProvider$1 as 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$1 as TooltipRenderer, filterSuggestions, makeLinkComponent, useBreakpoint, useColor, useResponsiveValue, useSpace, useThemeName, useToast } from '../reset.js';