@vector-im/compound-web 9.0.0 → 9.1.0

package/src/components/Badge/Badge.module.css

@@ -11,37 +11,70 @@ Please see LICENSE files in the repository root for full details.
   align-items: center;
   border-radius: 9999px; /* pill effect */
   padding: var(--cpd-space-1x) var(--cpd-space-3x);
+  box-sizing: border-box;
+  min-block-size: 28px;
+}
+
+.has-icon {
+  padding-inline-start: var(--cpd-space-2x);
 }
 
 .badge[data-kind="default"] {
-  border: 1px solid var(--cpd-color-alpha-gray-400);
+  border: 1px solid var(--cpd-color-border-interactive-secondary);
+
+  /* To keep the same height than the other badges despite the border  */
+  padding-block: calc(var(--cpd-space-1x) - 1px);
   outline: none;
-  color: var(--cpd-color-gray-1100);
+  color: var(--cpd-color-text-primary);
+
+  svg {
+    color: var(--cpd-color-icon-primary);
+  }
 }
 
 .badge[data-kind="grey"] {
-  background: var(--cpd-color-alpha-gray-300);
-  color: var(--cpd-color-gray-1100);
+  background: var(--cpd-color-bg-badge-secondary);
+  color: var(--cpd-color-text-primary);
+
+  svg {
+    color: var(--cpd-color-icon-primary);
+  }
 }
 
 .badge[data-kind="on-solid"] {
-  background: var(--cpd-color-alpha-gray-1200);
+  background: var(--cpd-color-bg-badge-primary);
   color: var(--cpd-color-text-on-solid-primary);
+
+  svg {
+    color: var(--cpd-color-icon-on-solid-primary);
+  }
 }
 
 .badge[data-kind="blue"] {
-  background: var(--cpd-color-alpha-blue-300);
-  color: var(--cpd-color-blue-1100);
+  background: var(--cpd-color-bg-badge-info);
+  color: var(--cpd-color-text-badge-info);
+
+  svg {
+    color: var(--cpd-color-icon-info-primary);
+  }
 }
 
 .badge[data-kind="green"] {
-  background: var(--cpd-color-alpha-green-300);
-  color: var(--cpd-color-green-1100);
+  background: var(--cpd-color-bg-badge-accent);
+  color: var(--cpd-color-text-badge-accent);
+
+  svg {
+    color: var(--cpd-color-icon-accent-primary);
+  }
 }
 
 .badge[data-kind="red"] {
-  background: var(--cpd-color-alpha-red-300);
-  color: var(--cpd-color-red-1100);
+  background: var(--cpd-color-bg-badge-critical);
+  color: var(--cpd-color-text-critical-primary);
+
+  svg {
+    color: var(--cpd-color-icon-critical-primary);
+  }
 }
 
 @media (forced-colors: active) {

package/src/components/Badge/Badge.tsx

@@ -6,7 +6,7 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import classnames from "classnames";
-import React, { type PropsWithChildren } from "react";
+import React, { type ComponentType, type PropsWithChildren } from "react";
 import styles from "./Badge.module.css";
 import { Typography } from "../Typography/Typography";
 
@@ -19,6 +19,10 @@ type BadgeProps = {
    * The type of badge.
    */
   kind?: "default" | "grey" | "on-solid" | "blue" | "green" | "red";
+  /**
+   * An icon to display within the badge.
+   */
+  Icon?: ComponentType<React.SVGAttributes<SVGElement>>;
 };
 
 /**
@@ -26,10 +30,13 @@ type BadgeProps = {
  */
 export const Badge: React.FC<PropsWithChildren<BadgeProps>> = ({
   children,
+  Icon,
   kind = "default",
   className,
 }) => {
-  const classes = classnames(styles.badge, className);
+  const classes = classnames(styles.badge, className, {
+    [styles["has-icon"]]: !!Icon,
+  });
   return (
     <Typography
       as="span"
@@ -38,6 +45,7 @@ export const Badge: React.FC<PropsWithChildren<BadgeProps>> = ({
       className={classes}
       data-kind={kind}
     >
+      {Icon && <Icon width="16" height="16" aria-hidden={true} />}
       {children}
     </Typography>
   );

package/src/components/Button/IconButton/IconButton.tsx

@@ -47,6 +47,10 @@ type IconButtonProps = UnstyledButtonPropsFor<"button"> & {
    * Optional tooltip for the button
    */
   tooltip?: string;
+  /**
+   * The placement of the tooltip, if `tooltip` is provided.
+   */
+  tooltipPlacement?: React.ComponentProps<typeof Tooltip>["placement"];
   /**
    * Hide the background when the button is not active or hovered.
    * @default false
@@ -71,6 +75,7 @@ export const IconButton = forwardRef<
     disabled,
     destructive,
     tooltip,
+    tooltipPlacement,
     noBackground = false,
     ...props
   },
@@ -106,5 +111,11 @@ export const IconButton = forwardRef<
     </UnstyledButton>
   );
 
-  return tooltip ? <Tooltip label={tooltip}>{button}</Tooltip> : button;
+  return tooltip ? (
+    <Tooltip label={tooltip} placement={tooltipPlacement}>
+      {button}
+    </Tooltip>
+  ) : (
+    button
+  );
 });

package/src/components/Menu/ContextMenu.tsx

@@ -18,6 +18,10 @@ import {
   Portal,
   Content,
   ContextMenuItem,
+  ContextMenuSub,
+  ContextMenuSubTrigger,
+  ContextMenuSubContent,
+  ContextMenuPortal,
 } from "@radix-ui/react-context-menu";
 import { FloatingMenu } from "./FloatingMenu";
 import { Drawer } from "vaul";
@@ -27,6 +31,7 @@ import {
   MenuContext,
   type MenuData,
   type MenuItemWrapperProps,
+  type SubMenuWrapperProps,
 } from "./MenuContext";
 import { DrawerMenu } from "./DrawerMenu";
 import { getPlatform } from "../../utils/platform";
@@ -73,6 +78,24 @@ const ContextMenuItemWrapper: FC<MenuItemWrapperProps> = ({
   </ContextMenuItem>
 );
 
+const ContextSubMenuWrapper: FC<SubMenuWrapperProps> = ({
+  trigger,
+  children,
+  open,
+  onOpenChange,
+}) => (
+  <ContextMenuSub open={open} onOpenChange={onOpenChange}>
+    <ContextMenuSubTrigger asChild>{trigger}</ContextMenuSubTrigger>
+    <ContextMenuPortal>
+      <ContextMenuSubContent asChild alignOffset={-20}>
+        <FloatingMenu title="" showTitle={false}>
+          {children}
+        </FloatingMenu>
+      </ContextMenuSubContent>
+    </ContextMenuPortal>
+  </ContextMenuSub>
+);
+
 /**
  * A menu opened by right-clicking or long-pressing another UI element.
  */
@@ -100,6 +123,7 @@ export const ContextMenu: FC<Props> = ({
   const context: MenuData = useMemo(
     () => ({
       MenuItemWrapper: drawer ? null : ContextMenuItemWrapper,
+      SubMenuWrapper: drawer ? null : ContextSubMenuWrapper,
       onOpenChange,
     }),
     [onOpenChange],

package/src/components/Menu/Menu.tsx

@@ -5,13 +5,23 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
 Please see LICENSE files in the repository root for full details.
 */
 
-import React, { type FC, type ReactNode, useMemo } from "react";
+import React, {
+  type FC,
+  type ReactNode,
+  useMemo,
+  useEffect,
+  useState,
+} from "react";
 import {
   Root,
   Trigger,
   Portal,
   Content,
   DropdownMenuItem,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+  DropdownMenuPortal,
 } from "@radix-ui/react-dropdown-menu";
 import { FloatingMenu } from "./FloatingMenu";
 import { Drawer } from "vaul";
@@ -21,6 +31,7 @@ import {
   MenuContext,
   type MenuData,
   type MenuItemWrapperProps,
+  type SubMenuWrapperProps,
 } from "./MenuContext";
 import { DrawerMenu } from "./DrawerMenu";
 import { getPlatform } from "../../utils/platform";
@@ -84,6 +95,49 @@ const DropdownMenuItemWrapper: FC<MenuItemWrapperProps> = ({
   </DropdownMenuItem>
 );
 
+/** Duration of the parent menu's slide-in animation (ms). */
+const MENU_ANIMATION_DURATION = 180;
+
+const DropdownSubMenuWrapper: FC<SubMenuWrapperProps> = ({
+  trigger,
+  children,
+  open: openProp,
+  onOpenChange,
+}) => {
+  // When the submenu is programmatically opened at the same time as the parent
+  // menu (e.g. open={true} on mount), the parent is still mid-animation and
+  // the trigger position hasn't settled. Defer the open so the submenu
+  // positions correctly after the parent animation completes.
+  const [deferredOpen, setDeferredOpen] = useState(false);
+
+  useEffect(() => {
+    if (openProp) {
+      const timer = setTimeout(
+        () => setDeferredOpen(true),
+        MENU_ANIMATION_DURATION,
+      );
+      return () => clearTimeout(timer);
+    } else {
+      setDeferredOpen(false);
+    }
+  }, [openProp]);
+
+  const open = openProp ? deferredOpen : openProp;
+
+  return (
+    <DropdownMenuSub open={open} onOpenChange={onOpenChange}>
+      <DropdownMenuSubTrigger asChild>{trigger}</DropdownMenuSubTrigger>
+      <DropdownMenuPortal>
+        <DropdownMenuSubContent asChild alignOffset={-20}>
+          <FloatingMenu title="" showTitle={false}>
+            {children}
+          </FloatingMenu>
+        </DropdownMenuSubContent>
+      </DropdownMenuPortal>
+    </DropdownMenuSub>
+  );
+};
+
 /**
  * A menu opened by pressing a button.
  */
@@ -105,6 +159,7 @@ export const Menu: FC<Props> = ({
   const context: MenuData = useMemo(
     () => ({
       MenuItemWrapper: drawer ? null : DropdownMenuItemWrapper,
+      SubMenuWrapper: drawer ? null : DropdownSubMenuWrapper,
       onOpenChange,
     }),
     [onOpenChange],

package/src/components/Menu/MenuContext.tsx

@@ -17,11 +17,34 @@ export interface MenuItemWrapperProps {
   children: ReactNode;
 }
 
+export interface SubMenuWrapperProps {
+  /**
+   * The trigger element that opens the submenu (typically a MenuItem).
+   */
+  trigger: ReactNode;
+  /**
+   * The submenu contents.
+   */
+  children: ReactNode;
+  /**
+   * Whether the submenu is open (controlled).
+   */
+  open?: boolean;
+  /**
+   * Event handler called when the open state of the submenu changes.
+   */
+  onOpenChange?: (open: boolean) => void;
+}
+
 export interface MenuData {
   /**
    * A component that wraps interactive menu items.
    */
   MenuItemWrapper: ComponentType<MenuItemWrapperProps> | null;
+  /**
+   * A component that wraps submenus.
+   */
+  SubMenuWrapper: ComponentType<SubMenuWrapperProps> | null;
   /**
    * Event handler called when the open state of the menu changes.
    */

package/src/components/Menu/MenuItem.module.css

@@ -23,7 +23,8 @@ Please see LICENSE files in the repository root for full details.
   background: var(--cpd-color-bg-action-secondary-rest);
 }
 
-.item.interactive {
+.item.interactive,
+.item[data-state] {
   cursor: pointer;
 }
 
@@ -88,12 +89,31 @@ button.item {
   color: var(--cpd-color-icon-critical-primary);
 }
 
+/* Submenu triggers: always show the chevron and apply hover style when open */
+.item[data-state] > .nav-hint {
+  display: initial;
+}
+
+.item[data-state] > .nav-hint ~ * {
+  display: none;
+}
+
+.item[data-state="open"][data-kind="primary"] {
+  background: var(--cpd-color-bg-action-secondary-hovered);
+}
+
+.item[data-state="open"][data-kind="critical"] {
+  background: var(--cpd-color-bg-critical-subtle);
+}
+
 @media (hover) {
-  .item.interactive[data-kind="primary"]:hover {
+  .item.interactive[data-kind="primary"]:hover,
+  .item[data-state][data-kind="primary"]:hover {
     background: var(--cpd-color-bg-action-secondary-hovered);
   }
 
-  .item.interactive[data-kind="critical"]:hover {
+  .item.interactive[data-kind="critical"]:hover,
+  .item[data-state][data-kind="critical"]:hover {
     background: var(--cpd-color-bg-critical-subtle);
   }
 
@@ -107,11 +127,13 @@ button.item {
   }
 }
 
-.item.interactive[data-kind="primary"]:active {
+.item.interactive[data-kind="primary"]:active,
+.item[data-state][data-kind="primary"]:active {
   background: var(--cpd-color-bg-action-secondary-pressed);
 }
 
-.item.interactive[data-kind="critical"]:active {
+.item.interactive[data-kind="critical"]:active,
+.item[data-state][data-kind="critical"]:active {
   background: var(--cpd-color-bg-critical-subtle-hovered);
 }
 

package/src/components/Menu/SubMenu.tsx

@@ -0,0 +1,62 @@
+/*
+Copyright 2026 Element Creations Ltd.
+
+SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import React, { type FC, type ReactNode, useContext } from "react";
+import { MenuContext } from "./MenuContext";
+
+interface Props {
+  /**
+   * The trigger element that opens the submenu. This should be a MenuItem.
+   */
+  trigger: ReactNode;
+  /**
+   * Whether the submenu is open (controlled).
+   */
+  open?: boolean;
+  /**
+   * Event handler called when the open state of the submenu changes.
+   */
+  onOpenChange?: (open: boolean) => void;
+  /**
+   * The submenu contents (typically MenuItem elements).
+   */
+  children: ReactNode;
+}
+
+/**
+ * A submenu within a Menu or ContextMenu. The trigger should be a MenuItem
+ * component and the children are the submenu items.
+ */
+export const SubMenu: FC<Props> = ({
+  trigger,
+  open,
+  onOpenChange,
+  children,
+}) => {
+  const context = useContext(MenuContext);
+
+  // When there's no SubMenuWrapper (e.g. drawer on mobile), flatten the
+  // submenu items inline — nested flyouts don't work well in drawers.
+  if (context?.SubMenuWrapper == null) {
+    return (
+      <>
+        {trigger}
+        {children}
+      </>
+    );
+  }
+
+  return (
+    <context.SubMenuWrapper
+      trigger={trigger}
+      open={open}
+      onOpenChange={onOpenChange}
+    >
+      {children}
+    </context.SubMenuWrapper>
+  );
+};

package/src/components/Toast/Toast.module.css

@@ -7,11 +7,14 @@ Please see LICENSE files in the repository root for full details.
 
 .toast-container {
   inline-size: fit-content;
-  background-color: var(--cpd-color-alpha-gray-1300);
+  background-color: var(--cpd-color-bg-action-primary-rest);
   color: var(--cpd-color-text-on-solid-primary);
   border-radius: 99px;
-  font-size: var(--cpd-font-body-sm-medium);
   padding: var(--cpd-space-2x) var(--cpd-space-4x);
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  gap: var(--cpd-space-2x);
 }
 
 @media (forced-colors: active) {
@@ -19,3 +22,30 @@ Please see LICENSE files in the repository root for full details.
     outline: 1px solid transparent;
   }
 }
+
+.icon {
+  flex-shrink: 0;
+}
+
+.has-close {
+  gap: var(--cpd-space-3x);
+}
+
+.content {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: flex-start;
+  gap: var(--cpd-space-2x);
+}
+
+.close {
+  align-self: flex-start;
+  padding: var(--cpd-space-0-5x) !important;
+
+  &:not(:hover, :focus-visible) {
+    * {
+      /* Override default color of icon button. The container background is different than the default canvas color */
+      color: var(--cpd-color-icon-on-solid-primary) !important;
+    }
+  }
+}

package/src/components/Toast/Toast.tsx

@@ -6,21 +6,83 @@ Please see LICENSE files in the repository root for full details.
 */
 
 import classnames from "classnames";
-import React, { forwardRef, type PropsWithChildren } from "react";
+import React, {
+  forwardRef,
+  type ComponentType,
+  type MouseEventHandler,
+  type PropsWithChildren,
+} from "react";
 import styles from "./Toast.module.css";
+import { Text } from "../Typography/Text";
+import { IconButton } from "../Button";
+import CloseIcon from "@vector-im/compound-design-tokens/assets/web/icons/close";
 
 type ToastProps = {
   className?: string;
+  /**
+   * An icon to display within the button.
+   */
+  Icon?: ComponentType<React.SVGAttributes<SVGElement>>;
+  /**
+   * Whether to show the action button. If true, an action button will be shown on the right side of the toast.
+   */
+  onClose?: MouseEventHandler<HTMLButtonElement>;
+  /**
+   * The tooltip to show on the close button. This is only used if `onClose` is provided.
+   */
+  tooltip?: string;
 } & React.HTMLAttributes<HTMLDivElement>;
 
 export const Toast = forwardRef<HTMLDivElement, ToastProps>(function Toast(
-  { children, className, ...props }: PropsWithChildren<ToastProps>,
+  {
+    children,
+    className,
+    Icon,
+    onClose,
+    tooltip,
+    ...props
+  }: PropsWithChildren<ToastProps>,
   ref,
 ) {
-  const classes = classnames(styles["toast-container"], className);
+  const hasCloseButton = Boolean(onClose);
+
+  const classes = classnames(styles["toast-container"], className, {
+    [styles["has-close"]]: hasCloseButton,
+  });
+
   return (
-    <div {...props} className={classes} ref={ref}>
-      {children}
-    </div>
+    <Text
+      {...props}
+      as="div"
+      size="sm"
+      weight="medium"
+      className={classes}
+      ref={ref}
+    >
+      <div className={styles.content}>
+        {Icon && (
+          <Icon
+            className={styles.icon}
+            width={20}
+            height={20}
+            aria-hidden={true}
+          />
+        )}
+        {children}
+      </div>
+      {hasCloseButton && (
+        <IconButton
+          size="24px"
+          kind="secondary"
+          noBackground={true}
+          tooltip={tooltip}
+          tooltipPlacement="right"
+          className={styles.close}
+          onClick={onClose}
+        >
+          <CloseIcon />
+        </IconButton>
+      )}
+    </Text>
   );
 });

package/src/index.ts

@@ -35,6 +35,7 @@ export { NavBar, NavItem } from "./components/Nav";
 export { Menu } from "./components/Menu/Menu";
 export { MenuItem } from "./components/Menu/MenuItem";
 export { MenuTitle } from "./components/Menu/MenuTitle";
+export { SubMenu } from "./components/Menu/SubMenu";
 export { RadioMenuItem } from "./components/Menu/RadioMenuItem";
 export { Progress } from "./components/Progress/Progress";
 export { Search } from "./components/Search/Search";

package/tsconfig.json

@@ -3,6 +3,7 @@
   "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }],
   "compilerOptions": {
+    "rootDir": "./src",
     "lib": ["es2022", "dom", "dom.iterable"],
     // We import React as an unused local in order to support React 17
     "noUnusedLocals": false,

package/dist/src/components/ActivityMarker/Pill.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../../src/components/ActivityMarker/Pill.tsx"],"names":[],"mappings":"AAOA,OAAc,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAGxD,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,SAAS,CAAC,eAAe,CAAC,GAAG,GAAG,CAAC,OAAO,CAM1C"}

package/dist/src/components/ActivityMarker/Unread.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Unread.d.ts","sourceRoot":"","sources":["../../../../src/components/ActivityMarker/Unread.tsx"],"names":[],"mappings":"AAOA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9C,wBAAgB,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,2CAMtD"}

package/dist/src/components/ActivityMarker/UnreadCounter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnreadCounter.d.ts","sourceRoot":"","sources":["../../../../src/components/ActivityMarker/UnreadCounter.tsx"],"names":[],"mappings":"AAOA,OAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9C,UAAU,kBAAmB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CASpE"}

package/dist/src/components/ActivityMarker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ActivityMarker/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/src/components/Alert/Alert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAWnE,KAAK,UAAU,GAAG;IAChB;;OAEG;IACH,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACtC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAyDzD,CAAC"}

package/dist/src/components/Avatar/Avatar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAuD/D;;;GAGG;AACH,eAAO,MAAM,MAAM;IArDjB;;OAEG;UACG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;IACxC;;;OAGG;QACC,MAAM;IACV;;OAEG;UACG,MAAM;IACZ;;;OAGG;WACI,QAAQ,GAAG,OAAO;IACzB;;OAEG;WACI,mBAAmB,CAAC,QAAQ,CAAC;IACpC;;OAEG;cACO,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI;IACvC;;OAEG;gBACS,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI;IAC5C;;OAEG;cACO,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI;IAC1C;;OAEG;cACO,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC;;IArChD;;OAEG;UACG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;IACxC;;;OAGG;QACC,MAAM;IACV;;OAEG;UACG,MAAM;IACZ;;;OAGG;WACI,QAAQ,GAAG,OAAO;IACzB;;OAEG;WACI,mBAAmB,CAAC,QAAQ,CAAC;IACpC;;OAEG;cACO,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI;IACvC;;OAEG;gBACS,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI;IAC5C;;OAEG;cACO,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI;IAC1C;;OAEG;cACO,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC;sEAsEhD,CAAC"}

package/dist/src/components/Avatar/AvatarStack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarStack.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/AvatarStack.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAKF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAChC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAuC1C,CAAC"}

package/dist/src/components/Avatar/useIdColorHash.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIdColorHash.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/useIdColorHash.ts"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAQjD"}

package/dist/src/components/Badge/Badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAItD,KAAK,UAAU,GAAG;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;CACnE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAiBzD,CAAC"}

package/dist/src/components/Breadcrumb/Breadcrumb.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAOA,OAAc,EACZ,KAAK,SAAS,EACd,KAAK,GAAG,EACR,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAOf,UAAU,eAAgB,SAAQ,SAAS,CAAC,WAAW,CAAC;IACtD;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAClD;;;OAGG;IACH,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB;;;;OAIG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,WAAW,EACX,KAAK,EACL,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAuB/B"}

package/dist/src/components/Breadcrumb/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/src/components/Button/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EACZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAkB,KAAK,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,UAAU,eAAe;IAEvB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC1B,KAAK,EAAE;QAAE,EAAE,EAAE,CAAC,CAAA;KAAE,GAAG,cAAc,CAAC,CAAC,CAAC,GACnC,KAAK,CAAC,YAAY,CAAC;IAEtB,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC;CACvD;AAED,KAAK,cAAc,GAAG,iBAAiB,CAAC;IACtC;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,aAAa,CAAC;IAC5D;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC;IACtD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,KAAK,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,cAAc,GAC/D,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAE5B;;;GAGG;AACH,eAAO,MAAM,MAAM,EAqDb,eAAe,CAAC"}

package/dist/src/components/Button/IconButton/IconButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/IconButton/IconButton.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAIlE,OAAO,EAAkB,KAAK,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAIhF,KAAK,eAAe,GAAG,sBAAsB,CAAC,QAAQ,CAAC,GAAG;IACxD;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,iIAkDrB,CAAC"}

package/dist/src/components/Button/UnstyledButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UnstyledButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/UnstyledButton.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EACZ,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AAEf,UAAU,eAAe;IAEvB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,EAC1B,KAAK,EAAE;QAAE,EAAE,EAAE,CAAC,CAAA;KAAE,GAAG,sBAAsB,CAAC,CAAC,CAAC,GAC3C,KAAK,CAAC,YAAY,CAAC;IAEtB,CAAC,KAAK,EAAE,sBAAsB,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC;CAC/D;AAED,KAAK,mBAAmB,GAAG,iBAAiB,CAAC;IAC3C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,MAAM,sBAAsB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAC5D,mBAAmB,GACjB,IAAI,CACF,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EACjC,MAAM,mBAAmB,GAAG,IAAI,CACjC,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,CAAC;AAEN;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAoDrB,eAAe,CAAC"}

package/dist/src/components/Button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC"}