braid-design-system 32.1.0 → 32.2.0

package/dist/Toggle.chunk.mjs

@@ -1,52 +1,51 @@
-import { u as useThemeName, b as useResponsiveValue, S as Stack, q as Box, r as buildDataAttributes, D as Divider, s as useIcon, v as virtualTouchable, f as Columns, C as Column, h as Inline, T as Text, O as Overlay, A as ActionsContext, t as useBackground, w as iconContainerSize, n as IconClear, K as Keyline, p as IconPositive, o as IconCritical, x as TextContext, y as HeadingContext, z as textStyles, F as FieldOverlay, e as ButtonIcon, E as useColoredBoxClasses, G as BackgroundProvider, J as ButtonContainer, L as useButtonStyles, M as ButtonOverlays, N as ButtonText, Q as resolveResponsiveRangeProps, R as optimizeResponsiveArray, U as Typography, c as Bleed, B as BraidPortal, j as TextLinkButton, V as AvoidWidowIcon, W as useDefaultTextProps, X as flattenChildren, Y as DefaultTextPropsProvider, Z as iconSize, H as Hidden, a as useSpace, _ as negativeMargin, $ as resolveResponsiveProp, a0 as useBackgroundLightness } from "./ToastContext.chunk.mjs";
-import { u as useBraidTheme, a as useLinkComponent } from "./side-effects/lib/components/BraidProvider/BraidProvider.mjs";
+import { useThemeName, useResponsiveValue, Stack, Box, buildDataAttributes, Divider, useIcon, virtualTouchable, Columns, Column, Inline, Text, Overlay, ActionsContext, useBackground, iconContainerSize, IconClear, Keyline, IconPositive, IconCritical, TextContext, HeadingContext, textStyles, FieldOverlay, ButtonIcon, Bleed, useColoredBoxClasses, BackgroundProvider, ButtonContainer, useButtonStyles, ButtonOverlays, ButtonText, resolveResponsiveRangeProps, optimizeResponsiveArray, Typography, BraidPortal, TextLinkButton, AvoidWidowIcon, useDefaultTextProps, flattenChildren, DefaultTextPropsProvider, iconSize, Hidden, useSpace, negativeMargin, resolveResponsiveProp, useBackgroundLightness } from "./ToastContext.chunk.mjs";
+import { useBraidTheme, useLinkComponent } from "./side-effects/lib/components/BraidProvider/BraidProvider.mjs";
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import assert from "assert";
 import { createContext, useMemo, useState, useContext, cloneElement, useEffect, Fragment, forwardRef, useCallback, useRef, useReducer, Children, createRef } from "react";
-import { n as normalizeResponsiveValue, a as mapResponsiveValue } from "./styles/lib/css/atoms/sprinkles.css.mjs";
-import { r as root, a as rotate, f as flip, m as mirror } from "./styles/lib/components/icons/IconArrow/IconArrow.css.mjs";
-import { r as root$2, d as down } from "./styles/lib/components/icons/IconThumb/IconThumb.css.mjs";
-import { b as button, f as focusRing } from "./styles/lib/components/Accordion/AccordionItem.css.mjs";
-import { h as hideFocusRingsClassName } from "./styles/lib/components/private/hideFocusRings/hideFocusRings.css.mjs";
-import { t as textAlignedToIcon } from "./styles/lib/css/textAlignedToIcon.css.mjs";
-import { c as closeButton, a as closeButtonFocus, b as closeButtonHover } from "./styles/lib/components/Alert/Alert.css.mjs";
+import { normalizeResponsiveValue, mapResponsiveValue } from "./styles/lib/css/atoms/sprinkles.css.mjs";
+import { root, rotate, flip, mirror } from "./styles/lib/components/icons/IconArrow/IconArrow.css.mjs";
+import { root as root$2, down } from "./styles/lib/components/icons/IconThumb/IconThumb.css.mjs";
+import { button, focusRing } from "./styles/lib/components/Accordion/AccordionItem.css.mjs";
+import { hideFocusRingsClassName } from "./styles/lib/components/private/hideFocusRings/hideFocusRings.css.mjs";
+import { textAlignedToIcon } from "./styles/lib/css/textAlignedToIcon.css.mjs";
+import { closeButton, closeButtonFocus, closeButtonHover } from "./styles/lib/components/Alert/Alert.css.mjs";
 import dedent from "dedent";
 import parseHighlights from "autosuggest-highlight/parse/index.js";
-import { r as root$3 } from "./styles/lib/components/HiddenVisually/HiddenVisually.css.mjs";
+import { root as root$3 } from "./styles/lib/components/HiddenVisually/HiddenVisually.css.mjs";
 import { createPortal } from "react-dom";
-import { a as atoms } from "./styles/lib/css/atoms/atoms.mjs";
-import { c as fontWeight, t as tone, g as touchableText, f as fontFamily, h as headingWeight, i as heading } from "./styles/lib/css/typography.css.mjs";
+import { atoms } from "./styles/lib/css/atoms/atoms.mjs";
+import { fontWeight, tone, touchableText, fontFamily, headingWeight, heading } from "./styles/lib/css/typography.css.mjs";
 import { RemoveScroll } from "react-remove-scroll";
-import { b as backdrop, a as backdropVisible, m as menu, g as groupHeading } from "./styles/lib/components/Autosuggest/Autosuggest.css.mjs";
+import { backdrop, backdropVisible, menu, groupHeading } from "./styles/lib/components/Autosuggest/Autosuggest.css.mjs";
 import matchHighlights from "autosuggest-highlight/match/index.js";
-import { l as lineHeightContainer } from "./styles/lib/css/lineHeightContainer.css.mjs";
-import { c as constants, b as bleedY } from "./styles/lib/components/Badge/Badge.css.mjs";
 import clsx from "clsx";
 import FocusLock from "react-focus-lock";
-import { e as externalGutter } from "./styles/lib/components/private/Modal/ModalExternalGutter.mjs";
-import { h as headingRoot, a as headingFocus, p as pointerEventsAll, m as maxSize, c as closeIconOffset, r as resetStackingContext, b as backdrop$1, d as horiztontalTransition, e as modalContainer, f as entrance, g as exit, i as fixedStackingContext } from "./styles/lib/components/private/Modal/Modal.css.mjs";
-import { c as currentColor, s as size, m as minCharacterWidth, t as trimGutter } from "./styles/lib/components/List/List.css.mjs";
-import { r as rootSize, d as delay, s as size$1, c as currentColor$1, a as circle } from "./styles/lib/components/Loader/Loader.css.mjs";
-import { m as menuItem } from "./styles/lib/components/MenuItem/useMenuItem.css.mjs";
-import { b as backdrop$2, m as menuIsClosed, w as width, p as placementBottom } from "./styles/lib/components/MenuRenderer/MenuRenderer.css.mjs";
-import { t as triggerOffset } from "./styles/lib/components/OverflowMenu/OverflowMenu.css.mjs";
+import { externalGutter } from "./styles/lib/components/private/Modal/ModalExternalGutter.mjs";
+import { headingRoot, headingFocus, pointerEventsAll, maxSize, closeIconOffset, resetStackingContext, backdrop as backdrop$1, horiztontalTransition, modalContainer, entrance, exit, fixedStackingContext } from "./styles/lib/components/private/Modal/Modal.css.mjs";
+import { lineHeightContainer } from "./styles/lib/css/lineHeightContainer.css.mjs";
+import { currentColor, size, minCharacterWidth, trimGutter } from "./styles/lib/components/List/List.css.mjs";
+import { rootSize, delay, size as size$1, currentColor as currentColor$1, circle } from "./styles/lib/components/Loader/Loader.css.mjs";
+import { menuItem } from "./styles/lib/components/MenuItem/useMenuItem.css.mjs";
+import { backdrop as backdrop$2, menuIsClosed, width, placementBottom } from "./styles/lib/components/MenuRenderer/MenuRenderer.css.mjs";
+import { triggerOffset } from "./styles/lib/components/OverflowMenu/OverflowMenu.css.mjs";
 import { isMobile } from "is-mobile";
-import { f as field$1 } from "./styles/lib/components/Dropdown/Dropdown.css.mjs";
-import { n as nativeInput } from "./styles/lib/components/MonthPicker/MonthPicker.css.mjs";
-import { h as hover, b as background, c as current, l as lightModeCurrentKeyline, d as darkModeCurrentKeyline } from "./styles/lib/components/Pagination/Pagination.css.mjs";
-import { r as realField, a as realFieldPosition, i as isMixed, f as fakeField, b as fakeFieldSize, s as selected, c as focusOverlay$1, h as hoverOverlay$1, d as checkboxIndicator, e as radioIndicator, g as root$4, l as labelOffset, j as badgeOffset, k as children } from "./styles/lib/components/private/InlineField/InlineField.css.mjs";
-import { s as starSpacing, t as textSpacing, l as lightModeStarColor, d as darkModeStarColor } from "./styles/lib/components/Rating/Rating.css.mjs";
-import { s as step, t as tone$1, p as progressTrack, a as progressTrackCentered, b as progressLine, c as progressUnfilled, i as indicatorContainer, f as focusOverlay$2, d as indicator, h as highlight, e as complete, g as active, j as inner, k as tick, l as stretch, m as stretchLastAboveTablet } from "./styles/lib/components/Stepper/Stepper.css.mjs";
-import { t as tab, c as cropToIconX, h as hoveredTab, a as tabFocusRing, s as scroll$1, n as nowrap, m as mask, b as marginAuto, d as divider, e as tabUnderline, f as tabUnderlineActiveDarkMode, u as underlineLeft, g as underlineWidth, i as tabPanel, j as tabPanelFocusRing } from "./styles/lib/components/Tabs/Tabs.css.mjs";
+import { field as field$1 } from "./styles/lib/components/Dropdown/Dropdown.css.mjs";
+import { nativeInput } from "./styles/lib/components/MonthPicker/MonthPicker.css.mjs";
+import { hover, background, current, lightModeCurrentKeyline, darkModeCurrentKeyline } from "./styles/lib/components/Pagination/Pagination.css.mjs";
+import { realField, realFieldPosition, isMixed, fakeField, fakeFieldSize, selected, focusOverlay as focusOverlay$1, hoverOverlay as hoverOverlay$1, checkboxIndicator, radioIndicator, root as root$4, labelOffset, badgeOffset, children } from "./styles/lib/components/private/InlineField/InlineField.css.mjs";
+import { starSpacing, textSpacing, lightModeStarColor, darkModeStarColor } from "./styles/lib/components/Rating/Rating.css.mjs";
+import { step, tone as tone$1, progressTrack, progressTrackCentered, progressLine, progressUnfilled, indicatorContainer, focusOverlay as focusOverlay$2, indicator, highlight, complete, active, inner, tick, stretch, stretchLastAboveTablet } from "./styles/lib/components/Stepper/Stepper.css.mjs";
+import { tab, cropToIconX, hoveredTab, tabFocusRing, scroll as scroll$1, nowrap, mask, marginAuto, divider, tabUnderline, tabUnderlineActiveDarkMode, underlineLeft, underlineWidth, tabPanel, tabPanelFocusRing } from "./styles/lib/components/Tabs/Tabs.css.mjs";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { c as clearGutter } from "./styles/lib/components/Tag/Tag.css.mjs";
-import { r as root$5 } from "./styles/lib/components/Textarea/Highlight/Highlight.css.mjs";
-import { h as highlights, f as field$2 } from "./styles/lib/components/Textarea/Textarea.css.mjs";
-import { s as select, f as focusOverlay$3 } from "./styles/lib/components/TextDropdown/TextDropdown.css.mjs";
-import { r as root$1, u as up, l as left, a as right } from "./styles/lib/components/icons/IconChevron/IconChevron.css.mjs";
-import { s as secondaryIconSpace, f as field, p as placeholderColor, i as iconSpace, v as verticalDivider, a as focusOverlay, h as hoverOverlay } from "./styles/lib/components/private/Field/Field.css.mjs";
-import { c as columnsWide, a as columnsDesktop, b as columnsTablet, d as columnsMobile } from "./styles/lib/components/Tiles/Tiles.css.mjs";
-import { r as root$6, a as realField$1, b as realFieldPosition$1, f as fieldSize, s as slideContainer, c as slideContainerSize, d as slideTrack, e as slideTrackMask, g as slideTrackBgLightMode, h as slideTrackBgDarkMode, i as slideTrackSelected, j as slider, k as icon$1, l as focusOverlay$4, m as hoverOverlay$2, n as label } from "./styles/lib/components/Toggle/Toggle.css.mjs";
+import { clearGutter } from "./styles/lib/components/Tag/Tag.css.mjs";
+import { root as root$5 } from "./styles/lib/components/Textarea/Highlight/Highlight.css.mjs";
+import { highlights, field as field$2 } from "./styles/lib/components/Textarea/Textarea.css.mjs";
+import { select, focusOverlay as focusOverlay$3 } from "./styles/lib/components/TextDropdown/TextDropdown.css.mjs";
+import { root as root$1, up, left, right } from "./styles/lib/components/icons/IconChevron/IconChevron.css.mjs";
+import { secondaryIconSpace, field, placeholderColor, iconSpace, verticalDivider, focusOverlay, hoverOverlay } from "./styles/lib/components/private/Field/Field.css.mjs";
+import { columnsWide, columnsDesktop, columnsTablet, columnsMobile } from "./styles/lib/components/Tiles/Tiles.css.mjs";
+import { root as root$6, realField as realField$1, realFieldPosition as realFieldPosition$1, fieldSize, slideContainer, slideContainerSize, slideTrack, slideTrackMask, slideTrackBgLightMode, slideTrackBgDarkMode, slideTrackSelected, slider, icon as icon$1, focusOverlay as focusOverlay$4, hoverOverlay as hoverOverlay$2, label } from "./styles/lib/components/Toggle/Toggle.css.mjs";
 const ThemeNameConsumer = ({ children: children2 }) => children2(useThemeName());
 const useColor = () => useBraidTheme().color;
 const useBreakpoint = () => {
@@ -2549,7 +2548,7 @@ const Field = ({
       }
     ),
     /* @__PURE__ */ jsx(FieldOverlay, { variant: "focus", className: focusOverlay }),
-    /* @__PURE__ */ jsx(FieldOverlay, { variant: "hover", className: hoverOverlay })
+    /* @__PURE__ */ jsx(FieldOverlay, { variant: "formAccent", className: hoverOverlay })
   ] });
   const fieldPadding = "small";
   return /* @__PURE__ */ jsxs(Stack, { space: "xsmall", children: [
@@ -3026,7 +3025,6 @@ function GroupHeading({ children: children2 }) {
     Box,
     {
       paddingX: "small",
-      borderRadius: "standard",
       className: [
         groupHeading,
         touchableText.xsmall,
@@ -3590,11 +3588,12 @@ const lightModeBackgroundForTone = {
   neutral: "neutralLight",
   caution: "cautionLight"
 };
+const verticalPadding = "xxsmall";
 const Badge = forwardRef(
   ({
     tone: tone2 = "info",
     weight = "regular",
-    bleedY: bleedY$1 = false,
+    bleedY = false,
     title,
     children: children2,
     id,
@@ -3613,16 +3612,12 @@ const Badge = forwardRef(
       ),
       "Badge may only contain strings or numbers"
     );
-    return /* @__PURE__ */ jsx(
+    const content = /* @__PURE__ */ jsx(
       Box,
       {
         component: "span",
         display: "flex",
         cursor: "default",
-        className: [
-          lineHeightContainer[constants.textSize],
-          bleedY$1 ? bleedY : null
-        ],
         ...buildDataAttributes({ data, validateRestProps: restProps }),
         children: /* @__PURE__ */ jsx(
           Box,
@@ -3634,23 +3629,16 @@ const Badge = forwardRef(
             "aria-describedby": ariaDescribedBy,
             title: title ?? (!ariaDescribedBy ? children2 : void 0),
             background: weight === "strong" ? tone2 : lightModeBackgroundForTone[tone2],
+            paddingY: verticalPadding,
             paddingX: "xsmall",
-            borderRadius: "large",
+            borderRadius: "standard",
             overflow: "hidden",
-            children: /* @__PURE__ */ jsx(
-              Text,
-              {
-                size: constants.textSize,
-                weight: "medium",
-                truncate: true,
-                baseline: false,
-                children: children2
-              }
-            )
+            children: /* @__PURE__ */ jsx(Text, { size: "xsmall", weight: "medium", truncate: true, children: children2 })
           }
         )
       }
     );
+    return bleedY ? /* @__PURE__ */ jsx(Bleed, { component: "span", vertical: verticalPadding, children: content }) : content;
   }
 );
 Badge.displayName = "Badge";
@@ -3693,7 +3681,7 @@ const ButtonLink = forwardRef(
     size: size2,
     tone: tone2,
     variant,
-    bleedY: bleedY2,
+    bleedY,
     bleed,
     icon: icon2,
     iconPosition,
@@ -3703,7 +3691,7 @@ const ButtonLink = forwardRef(
   }, ref) => {
     const LinkComponent = useLinkComponent(ref);
     if (process.env.NODE_ENV !== "production") {
-      if (typeof bleedY2 !== "undefined") {
+      if (typeof bleedY !== "undefined") {
         console.warn(
           dedent`
             The "bleedY" prop has been deprecated and will be removed in a future version. Use "bleed" instead.
@@ -3729,7 +3717,7 @@ const ButtonLink = forwardRef(
           variant,
           tone: tone2,
           size: size2,
-          bleed: bleed || bleedY2,
+          bleed: bleed || bleedY,
           loading
         }),
         children: [
@@ -3761,7 +3749,7 @@ const validCardComponents = [
   "main",
   "section"
 ];
-const borderRadius$2 = "xlarge";
+const borderRadius$2 = "large";
 const Card = ({
   children: children2,
   component = "div",
@@ -3889,6 +3877,7 @@ const StyledInput = forwardRef(
     const accentBackground = disabled ? "neutralLight" : "formAccent";
     const isMixed$1 = isCheckbox && checked === "mixed";
     const fieldBackground = disabled ? { lightMode: "neutralSoft", darkMode: "neutral" } : { lightMode: "surface" };
+    const defaultBorder = checked ? "formAccent" : "default";
     useEffect(() => {
       if (ref && typeof ref === "object" && ref.current && isCheckbox) {
         ref.current.indeterminate = isMixed$1;
@@ -3945,7 +3934,7 @@ const StyledInput = forwardRef(
             /* @__PURE__ */ jsx(
               FieldOverlay,
               {
-                variant: disabled ? "disabled" : "default",
+                variant: disabled ? "disabled" : defaultBorder,
                 borderRadius: fieldBorderRadius,
                 visible: tone2 !== "critical" || disabled
               }
@@ -3979,7 +3968,7 @@ const StyledInput = forwardRef(
             /* @__PURE__ */ jsx(
               FieldOverlay,
               {
-                variant: "hover",
+                variant: "formAccent",
                 borderRadius: fieldBorderRadius,
                 className: hoverOverlay$1,
                 children: /* @__PURE__ */ jsx(Indicator, { type, hover: true, checked: true })
@@ -4220,7 +4209,7 @@ const Heading = ({
 ) });
 const modalPadding = ["gutter", "large"];
 const ModalContentHeader = forwardRef(
-  ({ title, headingLevel, description, descriptionId, center }, ref) => /* @__PURE__ */ jsxs(Stack, { space: "medium", children: [
+  ({ title, headingLevel, description, descriptionId, center }, ref) => /* @__PURE__ */ jsxs(Stack, { space: "small", children: [
     /* @__PURE__ */ jsx(Heading, { level: headingLevel, align: center ? "center" : void 0, children: /* @__PURE__ */ jsxs(
       Box,
       {
@@ -5208,6 +5197,7 @@ function Menu({
       transition: "fast",
       right: align === "right" ? 0 : void 0,
       opacity: !open ? 0 : void 0,
+      overflow: "hidden",
       className: [
         !open && menuIsClosed,
         width$1 !== "content" && width[width$1],
@@ -5656,7 +5646,7 @@ const getYears = (min, max, ascending) => [...new Array(max - min + 1)].map((_v,
   const yearStr = String(ascending ? i + min : max - i);
   return /* @__PURE__ */ jsx("option", { value: yearStr, children: yearStr }, yearStr);
 });
-const currYear = new Date().getFullYear();
+const currYear = (/* @__PURE__ */ new Date()).getFullYear();
 const renderNativeInput = isMobile({ tablet: true });
 const customValueToString = ({ month, year }) => month && year ? `${year}-${month < 10 ? "0" : ""}${month}` : void 0;
 const stringToCustomValue = (value) => {
@@ -5840,7 +5830,7 @@ const paginate = ({
   }
   return Array.from(Array(pageCount).keys()).map((p) => p + minPage);
 };
-const borderRadius = "large";
+const borderRadius = "standard";
 const PageNav = ({
   label: label2,
   direction
@@ -7514,7 +7504,7 @@ const Highlight = ({ children: children2 }) => /* @__PURE__ */ jsx(
   Box,
   {
     component: "mark",
-    borderRadius: "standard",
+    borderRadius: "small",
     background: { lightMode: "criticalLight", darkMode: "critical" },
     className: root$5,
     children: children2
@@ -7997,7 +7987,7 @@ const Toggle = forwardRef(
                   {
                     position: "absolute",
                     background: "surface",
-                    boxShadow: "borderField",
+                    boxShadow: on ? "borderFormAccent" : "borderField",
                     transition: "fast",
                     display: "flex",
                     alignItems: "center",
@@ -8017,9 +8007,9 @@ const Toggle = forwardRef(
                       /* @__PURE__ */ jsx(
                         FieldOverlay,
                         {
-                          variant: "hover",
+                          variant: "formAccent",
                           borderRadius: "full",
-                          className: hoverOverlay$2
+                          className: !on ? hoverOverlay$2 : void 0
                         }
                       )
                     ]
@@ -8048,144 +8038,144 @@ const Toggle = forwardRef(
   }
 );
 export {
-  Tiles as $,
-  Accordion as A,
-  Badge as B,
-  Card as C,
-  Dialog as D,
-  Rating as E,
-  FieldLabel as F,
-  Step as G,
-  Heading as H,
-  Stepper as I,
-  Strong as J,
-  Tab as K,
-  Link as L,
-  MenuRenderer as M,
-  Notice as N,
-  OverflowMenu as O,
-  Pagination as P,
-  TabsProvider as Q,
-  Radio as R,
-  Secondary as S,
-  ThemeNameConsumer as T,
-  Tabs as U,
-  TabPanels as V,
-  TabPanel as W,
-  Tag as X,
-  Textarea as Y,
-  TextDropdown as Z,
-  TextField as _,
-  useBreakpoint as a,
-  IconSocialMedium as a$,
-  Toggle as a0,
-  IconAdd as a1,
-  IconArrow as a2,
-  IconBookmark as a3,
-  IconCaution as a4,
-  IconChevron as a5,
-  IconCompany as a6,
-  IconCompose as a7,
-  IconCopy as a8,
-  IconCreditCard as a9,
-  IconMoney as aA,
-  IconNewWindow as aB,
-  IconNote as aC,
-  IconNotification as aD,
-  IconOverflow as aE,
-  IconPeople as aF,
-  IconPersonAdd as aG,
-  IconPersonVerified as aH,
-  IconPhone as aI,
-  IconPlatformAndroid as aJ,
-  IconPlatformApple as aK,
-  IconPrint as aL,
-  IconProfile as aM,
-  IconPromote as aN,
-  IconRecommended as aO,
-  IconRefresh as aP,
-  IconResume as aQ,
-  IconSearch as aR,
-  IconSecurity as aS,
-  IconSend as aT,
-  IconSent as aU,
-  IconSettings as aV,
-  IconShare as aW,
-  IconSocialFacebook as aX,
-  IconSocialGitHub as aY,
-  IconSocialInstagram as aZ,
-  IconSocialLinkedIn as a_,
-  IconDate as aa,
-  IconDelete as ab,
-  IconDesktop as ac,
-  IconDocument as ad,
-  IconDocumentBroken as ae,
-  IconDownload as af,
-  IconEdit as ag,
-  IconEducation as ah,
-  IconFilter as ai,
-  IconFlag as aj,
-  IconGrid as ak,
-  IconHeart as al,
-  IconHelp as am,
-  IconHistory as an,
-  IconHome as ao,
-  IconImage as ap,
-  IconInfo as aq,
-  IconInvoice as ar,
-  IconLanguage as as,
-  IconLink as at,
-  IconLinkBroken as au,
-  IconList as av,
-  IconLocation as aw,
-  IconMail as ax,
-  IconMinus as ay,
-  IconMobile as az,
-  AccordionItem as b,
-  IconSocialTwitter as b0,
-  IconSocialYouTube as b1,
-  IconStar as b2,
-  IconStatistics as b3,
-  IconSubCategory as b4,
-  IconTag as b5,
-  IconThumb as b6,
-  IconTick as b7,
-  IconTime as b8,
-  IconTip as b9,
-  IconUpload as ba,
-  IconVideo as bb,
-  IconVisibility as bc,
-  IconWorkExperience as bd,
-  IconZoomIn as be,
-  IconZoomOut as bf,
-  validSpaceValues as bg,
-  validCardComponents as bh,
-  AllowCloseContext as bi,
-  tones$1 as bj,
-  defaultPageLimit as bk,
-  parseSimpleToComplexOption as bl,
-  Actions as c,
-  Alert as d,
-  Autosuggest as e,
-  filterSuggestions as f,
-  BoxRenderer as g,
-  ButtonLink as h,
-  Checkbox as i,
-  CheckboxStandalone as j,
-  Disclosure as k,
-  Drawer as l,
-  Dropdown as m,
-  FieldMessage as n,
-  HiddenVisually as o,
-  List as p,
-  Loader as q,
-  MenuItem as r,
-  MenuItemCheckbox as s,
-  MenuItemDivider as t,
-  useColor as u,
-  MenuItemLink as v,
-  MonthPicker as w,
-  PasswordField as x,
-  RadioGroup as y,
-  RadioItem as z
+  Accordion,
+  AccordionItem,
+  Actions,
+  Alert,
+  AllowCloseContext,
+  Autosuggest,
+  Badge,
+  BoxRenderer,
+  ButtonLink,
+  Card,
+  Checkbox,
+  CheckboxStandalone,
+  Dialog,
+  Disclosure,
+  Drawer,
+  Dropdown,
+  FieldLabel,
+  FieldMessage,
+  Heading,
+  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,
+  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,
+  Link,
+  List,
+  Loader,
+  MenuItem,
+  MenuItemCheckbox,
+  MenuItemDivider,
+  MenuItemLink,
+  MenuRenderer,
+  MonthPicker,
+  Notice,
+  OverflowMenu,
+  Pagination,
+  PasswordField,
+  Radio,
+  RadioGroup,
+  RadioItem,
+  Rating,
+  Secondary,
+  Step,
+  Stepper,
+  Strong,
+  Tab,
+  TabPanel,
+  TabPanels,
+  Tabs,
+  TabsProvider,
+  Tag,
+  TextDropdown,
+  TextField,
+  Textarea,
+  ThemeNameConsumer,
+  Tiles,
+  Toggle,
+  defaultPageLimit,
+  filterSuggestions,
+  parseSimpleToComplexOption,
+  tones$1 as tones,
+  useBreakpoint,
+  useColor,
+  validCardComponents,
+  validSpaceValues
 };

package/dist/color-mode/query-param.mjs

@@ -1,4 +1,4 @@
-import { d as darkMode } from "../styles/lib/css/atoms/sprinkles.css.mjs";
+import { darkMode } from "../styles/lib/css/atoms/sprinkles.css.mjs";
 const flag = "_bdsdm";
 const colorModeQueryParamCheck = [
   "<script>",