@graphprotocol/gds-react 0.1.2 → 0.2.0

package/dist/icons/SidebarRightInteractiveIcon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Icon } from "../components/Icon.js";
-export function SidebarRightInteractiveIcon(props) {
-    return (_jsx(Icon, { src: _jsxs("svg", { viewBox: "0 0 32 32", fill: "currentcolor", children: [_jsx("path", { d: "M5 5H27C27.5304 5 28.0391 5.21071 28.4142 5.58579C28.7893 5.96086 29 6.46957 29 7V25C29 25.5304 28.7893 26.0391 28.4142 26.4142C28.0391 26.7893 27.5304 27 27 27H5C4.46957 27 3.96086 26.7893 3.58579 26.4142C3.21071 26.0391 3 25.5304 3 25V7C3 6.46957 3.21071 5.96086 3.58579 5.58579C3.96086 5.21071 4.46957 5 5 5ZM27 7H22V25H27V7ZM5 25H20V7H5V25Z", className: "nearest-clickable-checked:hidden" }), _jsx("path", { d: "M5 5H27C27.5304 5 28.0391 5.21071 28.4142 5.58579C28.7893 5.96086 29 6.46957 29 7V25C29 25.5304 28.7893 26.0391 28.4142 26.4142C28.0391 26.7893 27.5304 27 27 27H5C4.46957 27 3.96086 26.7893 3.58579 26.4142C3.21071 26.0391 3 25.5304 3 25V7C3 6.46957 3.21071 5.96086 3.58579 5.58579C3.96086 5.21071 4.46957 5 5 5ZM5 25H21V7H5V25Z", className: "not-nearest-clickable-checked:hidden" })] }), alt: "", "data-name": "SidebarRightInteractive", ...props }));
+export function SidebarRightInteractiveIcon({ alt = 'Toggle sidebar', ...props }) {
+    return (_jsx(Icon, { src: _jsxs("svg", { viewBox: "0 0 32 32", fill: "currentcolor", children: [_jsx("path", { d: "M5 5H27C27.5304 5 28.0391 5.21071 28.4142 5.58579C28.7893 5.96086 29 6.46957 29 7V25C29 25.5304 28.7893 26.0391 28.4142 26.4142C28.0391 26.7893 27.5304 27 27 27H5C4.46957 27 3.96086 26.7893 3.58579 26.4142C3.21071 26.0391 3 25.5304 3 25V7C3 6.46957 3.21071 5.96086 3.58579 5.58579C3.96086 5.21071 4.46957 5 5 5ZM27 7H22V25H27V7ZM5 25H20V7H5V25Z", className: "nearest-clickable-checked:hidden" }), _jsx("path", { d: "M5 5H27C27.5304 5 28.0391 5.21071 28.4142 5.58579C28.7893 5.96086 29 6.46957 29 7V25C29 25.5304 28.7893 26.0391 28.4142 26.4142C28.0391 26.7893 27.5304 27 27 27H5C4.46957 27 3.96086 26.7893 3.58579 26.4142C3.21071 26.0391 3 25.5304 3 25V7C3 6.46957 3.21071 5.96086 3.58579 5.58579C3.96086 5.21071 4.46957 5 5 5ZM5 25H21V7H5V25Z", className: "not-nearest-clickable-checked:hidden" })] }), alt: alt, "data-name": "SidebarRightInteractive", ...props }));
 }
 //# sourceMappingURL=SidebarRightInteractiveIcon.js.map

package/dist/icons/SidebarRightInteractiveIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarRightInteractiveIcon.js","sourceRoot":"","sources":["../../src/icons/SidebarRightInteractiveIcon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAkB,MAAM,uBAAwB,CAAA;AAI7D,MAAM,UAAU,2BAA2B,CAAC,KAAuC;IACjF,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EACD,eAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,aAC1C,eACE,CAAC,EAAC,0VAA0V,EAC5V,SAAS,EAAC,kCAAkC,GAC5C,EACF,eACE,CAAC,EAAC,yUAAyU,EAC3U,SAAS,EAAC,sCAAsC,GAChD,IACE,EAER,GAAG,EAAC,EAAE,eACI,yBAAyB,KAC/B,KAAK,GACT,CACH,CAAA;AACH,CAAC"}
+{"version":3,"file":"SidebarRightInteractiveIcon.js","sourceRoot":"","sources":["../../src/icons/SidebarRightInteractiveIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,uBAAwB,CAAA;AAO7D,MAAM,UAAU,2BAA2B,CAAC,EAC1C,GAAG,GAAG,gBAAgB,EACtB,GAAG,KAAK,EACyB;IACjC,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EACD,eAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,aAC1C,eACE,CAAC,EAAC,0VAA0V,EAC5V,SAAS,EAAC,kCAAkC,GAC5C,EACF,eACE,CAAC,EAAC,yUAAyU,EAC3U,SAAS,EAAC,sCAAsC,GAChD,IACE,EAER,GAAG,EAAE,GAAG,eACE,yBAAyB,KAC/B,KAAK,GACT,CACH,CAAA;AACH,CAAC"}

package/dist/tailwind-plugin.js

@@ -5,7 +5,6 @@ import { AddressMeta } from "./components/Address.meta.js";
 import { AvatarMeta } from "./components/Avatar.meta.js";
 import { AvatarGroupMeta } from "./components/AvatarGroup.meta.js";
 import { AddonMeta } from "./components/base/Addon.meta.js";
-import { ButtonOrLinkMeta } from "./components/base/ButtonOrLink.meta.js";
 import { CheckableMeta } from "./components/base/Checkable.meta.js";
 import { FieldMeta } from "./components/base/Field.meta.js";
 import { TransitionMeta } from "./components/base/Transition.meta.js";
@@ -17,6 +16,7 @@ import { CheckboxMeta } from "./components/Checkbox.meta.js";
 import { ChipGroupMeta, ChipMeta } from "./components/Chip.meta.js";
 import { ClusterMeta } from "./components/Cluster.meta.js";
 import { CodeBlockMeta, CodeBlockTabsMeta } from "./components/CodeBlock.meta.js";
+import { CodeInlineMeta } from "./components/CodeInline.meta.js";
 import { CopyButtonMeta } from "./components/CopyButton.meta.js";
 import { CurrencyInputMeta } from "./components/CurrencyInput.meta.js";
 import { DescriptionListItemMeta, DescriptionListMeta } from "./components/DescriptionList.meta.js";
@@ -71,17 +71,17 @@ const gdsTailwindPluginWithComponents = createPlugin((api) => {
         AvatarGroupMeta,
         BreadcrumbsItemMeta,
         BreadcrumbsMeta,
-        ButtonOrLinkMeta,
         ButtonMeta,
         ButtonGroupMeta,
         CardMeta,
-        CodeBlockMeta,
-        CodeBlockTabsMeta,
         CheckableMeta,
         CheckboxMeta,
         ChipMeta,
         ChipGroupMeta,
         ClusterMeta,
+        CodeBlockMeta,
+        CodeBlockTabsMeta,
+        CodeInlineMeta,
         CopyButtonMeta,
         CurrencyInputMeta,
         DescriptionListItemMeta,
@@ -104,8 +104,8 @@ const gdsTailwindPluginWithComponents = createPlugin((api) => {
         StatusMeta,
         StepperMeta,
         SwitchMeta,
-        TabSetTabsMeta,
         TabSetTabMeta,
+        TabSetTabsMeta,
         TagMeta,
         TextAreaMeta,
         ToggleButtonMeta,

package/dist/tailwind-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind-plugin.js","sourceRoot":"","sources":["../src/tailwind-plugin.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tailwind-plugin.js","sourceRoot":"","sources":["../src/tailwind-plugin.ts"],"names":[],"mappings":"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"}

package/dist/utils/cn.d.ts

@@ -3,7 +3,9 @@
  *
  * @example
  *
- *     cn('base-class', condition && 'conditional-class', className)
+ * ```ts
+ * cn('base-class', condition && 'conditional-class', className)
+ * ```
  */
 export declare function cn(...classes: (string | undefined | null | false)[]): string;
 //# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,CAE5E"}
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,CAE5E"}

package/dist/utils/cn.js

@@ -3,7 +3,9 @@
  *
  * @example
  *
- *     cn('base-class', condition && 'conditional-class', className)
+ * ```ts
+ * cn('base-class', condition && 'conditional-class', className)
+ * ```
  */
 export function cn(...classes) {
     return classes.filter(Boolean).join(' ');

package/dist/utils/cn.js.map

@@ -1 +1 @@
-{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,EAAE,CAAC,GAAG,OAA8C;IAClE,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC"}
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,MAAM,UAAU,EAAE,CAAC,GAAG,OAA8C;IAClE,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC"}

package/dist/utils/getCSSPropsAttributes.d.ts

@@ -3,12 +3,19 @@ import { type ComponentCSSProps, type ComponentCSSPropsConfig, type GDSComponent
 type AllCSSProps<C extends GDSComponent> = {
     [K in keyof ComponentCSSProps<C>]-?: ComponentCSSProps<C>[K] | undefined;
 };
+/**
+ * Validates the passed values object:
+ *
+ * - Rejects keys that are not CSS props.
+ * - For props with a `defaultValue`, ensures they can be `undefined` (preventing destructuring
+ *   defaults, which would break `default-*` utilities).
+ * - For props without a `defaultValue`, allows any value since they're required.
+ */
 type ValidatePassedValues<C extends GDSComponent, T extends AllCSSProps<C>> = {
-    [K in keyof T]: K extends keyof ComponentCSSPropsConfig<C> ? 'defaultValue' extends keyof ComponentCSSPropsConfig<C>[K] ? undefined extends T[K] ? T[K] : never : T[K] : T[K];
+    [K in keyof T]: K extends keyof ComponentCSSPropsConfig<C> ? 'defaultValue' extends keyof ComponentCSSPropsConfig<C>[K] ? undefined extends T[K] ? T[K] : never : T[K] : `"${K & string}" is not a CSS prop of this component`;
 };
 /**
- * Returns attributes to spread on the root element of a component that supports CSS Props. This
- * enables the CSS Props system to apply prop-based styling.
+ * Returns attributes to spread on the root element of a component that supports CSS props.
  *
  * @param component The component metadata object created with createComponent.
  * @param passedValues Object containing all the CSS prop values from the component props.

package/dist/utils/getCSSPropsAttributes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getCSSPropsAttributes.d.ts","sourceRoot":"","sources":["../../src/utils/getCSSPropsAttributes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,uBAAuB,EAC5B,KAAK,YAAY,EAClB,MAAM,wBAAwB,CAAA;AAG/B,KAAK,WAAW,CAAC,CAAC,SAAS,YAAY,IAAI;KACxC,CAAC,IAAI,MAAM,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS;CACzE,CAAA;AAID,KAAK,oBAAoB,CAAC,CAAC,SAAS,YAAY,EAAE,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,IAAI;KAC3E,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,MAAM,uBAAuB,CAAC,CAAC,CAAC,GACtD,cAAc,SAAS,MAAM,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACxD,SAAS,SAAS,CAAC,CAAC,CAAC,CAAC,GACpB,CAAC,CAAC,CAAC,CAAC,GACJ,KAAK,GACP,CAAC,CAAC,CAAC,CAAC,GACN,CAAC,CAAC,CAAC,CAAC;CACT,CAAA;AAED;;;;;;;;GAQG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,YAAY,EAAE,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,EACpF,SAAS,EAAE,CAAC,EACZ,YAAY,EAAE,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,EACxC,KAAK,EAAE,aAAa,GAAG,SAAS,GAC/B;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,CAa1B"}
+{"version":3,"file":"getCSSPropsAttributes.d.ts","sourceRoot":"","sources":["../../src/utils/getCSSPropsAttributes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,uBAAuB,EAC5B,KAAK,YAAY,EAClB,MAAM,wBAAwB,CAAA;AAG/B,KAAK,WAAW,CAAC,CAAC,SAAS,YAAY,IAAI;KACxC,CAAC,IAAI,MAAM,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS;CACzE,CAAA;AAED;;;;;;;GAOG;AACH,KAAK,oBAAoB,CAAC,CAAC,SAAS,YAAY,EAAE,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,IAAI;KAC3E,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,MAAM,uBAAuB,CAAC,CAAC,CAAC,GACtD,cAAc,SAAS,MAAM,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACxD,SAAS,SAAS,CAAC,CAAC,CAAC,CAAC,GACpB,CAAC,CAAC,CAAC,CAAC,GACJ,KAAK,GACP,CAAC,CAAC,CAAC,CAAC,GACN,IAAI,CAAC,GAAG,MAAM,uCAAuC;CAC1D,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,YAAY,EAAE,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,EACpF,SAAS,EAAE,CAAC,EACZ,YAAY,EAAE,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,EACxC,KAAK,EAAE,aAAa,GAAG,SAAS,GAC/B;IAAE,KAAK,EAAE,aAAa,CAAA;CAAE,CAa1B"}

package/dist/utils/getCSSPropsAttributes.js

@@ -1,7 +1,6 @@
 import { getCSSPropRawValue, } from '@graphprotocol/gds-css';
 /**
- * Returns attributes to spread on the root element of a component that supports CSS Props. This
- * enables the CSS Props system to apply prop-based styling.
+ * Returns attributes to spread on the root element of a component that supports CSS props.
  *
  * @param component The component metadata object created with createComponent.
  * @param passedValues Object containing all the CSS prop values from the component props.
@@ -11,14 +10,14 @@ import { getCSSPropRawValue, } from '@graphprotocol/gds-css';
 export function getCSSPropsAttributes(component, passedValues, style) {
     const customProperties = {};
     for (const propName in passedValues) {
-        const prop = component.getCSSPropByName(propName);
+        const cssProp = component.getCSSPropByName(propName);
         const value = passedValues[propName];
         if (value === undefined)
             continue;
-        customProperties[`--gds-passed-${prop.kebabName}`] = getCSSPropRawValue(prop, value);
+        customProperties[`--gds-passed-${cssProp.kebabName}`] = getCSSPropRawValue(cssProp, value);
     }
     return {
-        style: { ...style, ...customProperties },
+        style: { ...customProperties, ...style },
     };
 }
 //# sourceMappingURL=getCSSPropsAttributes.js.map

package/dist/utils/getCSSPropsAttributes.js.map

@@ -1 +1 @@
-{"version":3,"file":"getCSSPropsAttributes.js","sourceRoot":"","sources":["../../src/utils/getCSSPropsAttributes.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,GAInB,MAAM,wBAAwB,CAAA;AAmB/B;;;;;;;;GAQG;AACH,MAAM,UAAU,qBAAqB,CACnC,SAAY,EACZ,YAAwC,EACxC,KAAgC;IAEhC,MAAM,gBAAgB,GAA2B,EAAE,CAAA;IAEnD,KAAK,MAAM,QAAQ,IAAI,YAAY,EAAE,CAAC;QACpC,MAAM,IAAI,GAAG,SAAS,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAA;QACjD,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QACpC,IAAI,KAAK,KAAK,SAAS;YAAE,SAAQ;QACjC,gBAAgB,CAAC,gBAAgB,IAAI,CAAC,SAAS,EAAE,CAAC,GAAG,kBAAkB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;IACtF,CAAC;IAED,OAAO;QACL,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,GAAG,gBAAgB,EAAE;KACzC,CAAA;AACH,CAAC"}
+{"version":3,"file":"getCSSPropsAttributes.js","sourceRoot":"","sources":["../../src/utils/getCSSPropsAttributes.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,GAInB,MAAM,wBAAwB,CAAA;AAyB/B;;;;;;;GAOG;AACH,MAAM,UAAU,qBAAqB,CACnC,SAAY,EACZ,YAAwC,EACxC,KAAgC;IAEhC,MAAM,gBAAgB,GAA2B,EAAE,CAAA;IAEnD,KAAK,MAAM,QAAQ,IAAI,YAAY,EAAE,CAAC;QACpC,MAAM,OAAO,GAAG,SAAS,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAA;QACpD,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QACpC,IAAI,KAAK,KAAK,SAAS;YAAE,SAAQ;QACjC,gBAAgB,CAAC,gBAAgB,OAAO,CAAC,SAAS,EAAE,CAAC,GAAG,kBAAkB,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAC5F,CAAC;IAED,OAAO;QACL,KAAK,EAAE,EAAE,GAAG,gBAAgB,EAAE,GAAG,KAAK,EAAE;KACzC,CAAA;AACH,CAAC"}

package/dist/utils/splitProps.d.ts

@@ -10,12 +10,9 @@
  * destructured), `style`, `inert`, `hidden`, and `aria-hidden` go in `rootProps`, along with data
  * attributes, since they can be coupled to the `className` to apply styles conditionally, e.g.
  * `<Button data-highlighted={highlighted} className="data-[highlighted]:prop-variant-primary" />`.
- * However, data attributes can also be needed on the underlying element in some cases, so they are
- * also included in the `nestedProps`, except the ones starting with `data-gds-`, to avoid messing
- * with the CSS props or states systems.
  */
 export declare function splitProps<T extends Record<string, unknown>>(props: T): {
     rootProps: { [K in keyof T as K extends "className" | "style" | "inert" | "hidden" | "aria-hidden" | `data-${string}` ? K : never]: T[K]; };
-    nestedProps: { [K in keyof T as K extends "className" | "style" | "inert" | "hidden" | "aria-hidden" ? never : K]: T[K]; };
+    nestedProps: { [K in keyof T as K extends "className" | "style" | "inert" | "hidden" | "aria-hidden" | `data-${string}` ? never : K]: T[K]; };
 };
 //# sourceMappingURL=splitProps.d.ts.map

package/dist/utils/splitProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"splitProps.d.ts","sourceRoot":"","sources":["../../src/utils/splitProps.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,GAsB/B;IACnC,SAAS,EAAE,GACR,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,SACd,WAAW,GACX,OAAO,GACP,OAAO,GACP,QAAQ,GACR,aAAa,GACb,QAAQ,MAAM,EAAE,GAChB,CAAC,GACD,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GACjB,CAAA;IACD,WAAW,EAAE,GACV,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,aAAa,GACjF,KAAK,GACL,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GACb,CAAA;CACF,CACF"}
+{"version":3,"file":"splitProps.d.ts","sourceRoot":"","sources":["../../src/utils/splitProps.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,GAmB/B;IACnC,SAAS,EAAE,GACR,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,SACd,WAAW,GACX,OAAO,GACP,OAAO,GACP,QAAQ,GACR,aAAa,GACb,QAAQ,MAAM,EAAE,GAChB,CAAC,GACD,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GACjB,CAAA;IACD,WAAW,EAAE,GACV,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,SACd,WAAW,GACX,OAAO,GACP,OAAO,GACP,QAAQ,GACR,aAAa,GACb,QAAQ,MAAM,EAAE,GAChB,KAAK,GACL,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GACb,CAAA;CACF,CACF"}

package/dist/utils/splitProps.js

@@ -10,26 +10,21 @@
  * destructured), `style`, `inert`, `hidden`, and `aria-hidden` go in `rootProps`, along with data
  * attributes, since they can be coupled to the `className` to apply styles conditionally, e.g.
  * `<Button data-highlighted={highlighted} className="data-[highlighted]:prop-variant-primary" />`.
- * However, data attributes can also be needed on the underlying element in some cases, so they are
- * also included in the `nestedProps`, except the ones starting with `data-gds-`, to avoid messing
- * with the CSS props or states systems.
  */
 export function splitProps(props) {
     const rootProps = {};
     const nestedProps = {};
     for (const [key, value] of Object.entries(props)) {
-        const isDataAttribute = key.startsWith('data-');
-        const isGDSDataAttribute = key.startsWith('data-gds-');
         const isRootProp = key === 'className' ||
             key === 'style' ||
             key === 'inert' ||
             key === 'hidden' ||
             key === 'aria-hidden' ||
-            isDataAttribute;
+            key.startsWith('data-');
         if (isRootProp) {
             rootProps[key] = value;
         }
-        if (!isRootProp || (isDataAttribute && !isGDSDataAttribute)) {
+        else {
             nestedProps[key] = value;
         }
     }

package/dist/utils/splitProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"splitProps.js","sourceRoot":"","sources":["../../src/utils/splitProps.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,UAAU,CAAoC,KAAQ;IACpE,MAAM,SAAS,GAA4B,EAAE,CAAA;IAC7C,MAAM,WAAW,GAA4B,EAAE,CAAA;IAE/C,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACjD,MAAM,eAAe,GAAG,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;QAC/C,MAAM,kBAAkB,GAAG,GAAG,CAAC,UAAU,CAAC,WAAW,CAAC,CAAA;QACtD,MAAM,UAAU,GACd,GAAG,KAAK,WAAW;YACnB,GAAG,KAAK,OAAO;YACf,GAAG,KAAK,OAAO;YACf,GAAG,KAAK,QAAQ;YAChB,GAAG,KAAK,aAAa;YACrB,eAAe,CAAA;QACjB,IAAI,UAAU,EAAE,CAAC;YACf,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;QACxB,CAAC;QACD,IAAI,CAAC,UAAU,IAAI,CAAC,eAAe,IAAI,CAAC,kBAAkB,CAAC,EAAE,CAAC;YAC5D,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;QAC1B,CAAC;IACH,CAAC;IAED,OAAO,EAAE,SAAS,EAAE,WAAW,EAiB9B,CAAA;AACH,CAAC"}
+{"version":3,"file":"splitProps.js","sourceRoot":"","sources":["../../src/utils/splitProps.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,UAAU,CAAoC,KAAQ;IACpE,MAAM,SAAS,GAA4B,EAAE,CAAA;IAC7C,MAAM,WAAW,GAA4B,EAAE,CAAA;IAE/C,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACjD,MAAM,UAAU,GACd,GAAG,KAAK,WAAW;YACnB,GAAG,KAAK,OAAO;YACf,GAAG,KAAK,OAAO;YACf,GAAG,KAAK,QAAQ;YAChB,GAAG,KAAK,aAAa;YACrB,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;QACzB,IAAI,UAAU,EAAE,CAAC;YACf,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;QACxB,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;QAC1B,CAAC;IACH,CAAC;IAED,OAAO,EAAE,SAAS,EAAE,WAAW,EAuB9B,CAAA;AACH,CAAC"}

package/dist/utils/trimReactNode.d.ts

@@ -11,14 +11,16 @@ import { type ReactNode } from 'react';
  *
  * @example
  *
- *     trimReactNode('  hello  ') // 'hello'
- *     trimReactNode(
- *       <>
- *         {' '}
- *         <span>test</span>{' '}
- *       </>,
- *     ) // <><span>test</span></>
- *     trimReactNode([' ', <div>content</div>, ' ']) // [<div>content</div>]
+ * ```tsx
+ * trimReactNode('  hello  ') // 'hello'
+ * trimReactNode(
+ *   <>
+ *     {' '}
+ *     <span>test</span>{' '}
+ *   </>,
+ * ) // <><span>test</span></>
+ * trimReactNode([' ', <div>content</div>, ' ']) // [<div>content</div>]
+ * ```
  *
  * @param node - The `ReactNode` to trim.
  * @returns A new `ReactNode` with leading and trailing whitespace removed.

package/dist/utils/trimReactNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"trimReactNode.d.ts","sourceRoot":"","sources":["../../src/utils/trimReactNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,CA0D7D"}
+{"version":3,"file":"trimReactNode.d.ts","sourceRoot":"","sources":["../../src/utils/trimReactNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,CA0D7D"}

package/dist/utils/trimReactNode.js

@@ -11,14 +11,16 @@ import { Children, isValidElement } from 'react';
  *
  * @example
  *
- *     trimReactNode('  hello  ') // 'hello'
- *     trimReactNode(
- *       <>
- *         {' '}
- *         <span>test</span>{' '}
- *       </>,
- *     ) // <><span>test</span></>
- *     trimReactNode([' ', <div>content</div>, ' ']) // [<div>content</div>]
+ * ```tsx
+ * trimReactNode('  hello  ') // 'hello'
+ * trimReactNode(
+ *   <>
+ *     {' '}
+ *     <span>test</span>{' '}
+ *   </>,
+ * ) // <><span>test</span></>
+ * trimReactNode([' ', <div>content</div>, ' ']) // [<div>content</div>]
+ * ```
  *
  * @param node - The `ReactNode` to trim.
  * @returns A new `ReactNode` with leading and trailing whitespace removed.

package/dist/utils/trimReactNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"trimReactNode.js","sourceRoot":"","sources":["../../src/utils/trimReactNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAqC,MAAM,OAAO,CAAA;AAEnF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,aAAa,CAAC,SAAoB;IAChD,oBAAoB;IACpB,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAClC,OAAO,SAAS,CAAC,IAAI,EAAE,CAAA;IACzB,CAAC;IACD,IACE,OAAO,SAAS,KAAK,QAAQ;QAC7B,OAAO,SAAS,KAAK,SAAS;QAC9B,SAAS,KAAK,IAAI;QAClB,SAAS,KAAK,SAAS,EACvB,CAAC;QACD,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,gBAAgB;IAChB,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;QAC7B,MAAM,QAAQ,GAAG,CAAC,GAAG,SAAS,CAAC,CAAA;QAE/B,uCAAuC;QACvC,KAAK,MAAM,SAAS,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;YACtC,OAAO,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC3B,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAA;gBACjD,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;gBAE7B,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;oBAC9B,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAA;oBAC/D,IAAI,OAAO,KAAK,EAAE,EAAE,CAAC;wBACnB,IAAI,SAAS,EAAE,CAAC;4BACd,QAAQ,CAAC,KAAK,EAAE,CAAA;wBAClB,CAAC;6BAAM,CAAC;4BACN,QAAQ,CAAC,GAAG,EAAE,CAAA;wBAChB,CAAC;oBACH,CAAC;yBAAM,CAAC;wBACN,QAAQ,CAAC,KAAK,CAAC,GAAG,OAAO,CAAA;wBACzB,MAAK;oBACP,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,QAAQ,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;oBACtC,MAAK;gBACP,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,8CAA8C;IAC9C,IAAI,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC;QAC9B,MAAM,OAAO,GAAG,SAAmD,CAAA;QAEnE,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YACzC,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;YAC9D,MAAM,eAAe,GAAG,aAAa,CAAC,aAAa,CAAC,CAAA;YACpD,OAAO,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,EAAE,GAAG,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,CAAA;QAC/E,CAAC;IACH,CAAC;IAED,OAAO,SAAS,CAAA;AAClB,CAAC"}
+{"version":3,"file":"trimReactNode.js","sourceRoot":"","sources":["../../src/utils/trimReactNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAqC,MAAM,OAAO,CAAA;AAEnF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,aAAa,CAAC,SAAoB;IAChD,oBAAoB;IACpB,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;QAClC,OAAO,SAAS,CAAC,IAAI,EAAE,CAAA;IACzB,CAAC;IACD,IACE,OAAO,SAAS,KAAK,QAAQ;QAC7B,OAAO,SAAS,KAAK,SAAS;QAC9B,SAAS,KAAK,IAAI;QAClB,SAAS,KAAK,SAAS,EACvB,CAAC;QACD,OAAO,SAAS,CAAA;IAClB,CAAC;IAED,gBAAgB;IAChB,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;QAC7B,MAAM,QAAQ,GAAG,CAAC,GAAG,SAAS,CAAC,CAAA;QAE/B,uCAAuC;QACvC,KAAK,MAAM,SAAS,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;YACtC,OAAO,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC3B,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAA;gBACjD,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;gBAE7B,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;oBAC9B,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAA;oBAC/D,IAAI,OAAO,KAAK,EAAE,EAAE,CAAC;wBACnB,IAAI,SAAS,EAAE,CAAC;4BACd,QAAQ,CAAC,KAAK,EAAE,CAAA;wBAClB,CAAC;6BAAM,CAAC;4BACN,QAAQ,CAAC,GAAG,EAAE,CAAA;wBAChB,CAAC;oBACH,CAAC;yBAAM,CAAC;wBACN,QAAQ,CAAC,KAAK,CAAC,GAAG,OAAO,CAAA;wBACzB,MAAK;oBACP,CAAC;gBACH,CAAC;qBAAM,CAAC;oBACN,QAAQ,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;oBACtC,MAAK;gBACP,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;IAED,8CAA8C;IAC9C,IAAI,cAAc,CAAC,SAAS,CAAC,EAAE,CAAC;QAC9B,MAAM,OAAO,GAAG,SAAmD,CAAA;QAEnE,IAAI,OAAO,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YACzC,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;YAC9D,MAAM,eAAe,GAAG,aAAa,CAAC,aAAa,CAAC,CAAA;YACpD,OAAO,EAAE,GAAG,OAAO,EAAE,KAAK,EAAE,EAAE,GAAG,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,CAAA;QAC/E,CAAC;IACH,CAAC;IAED,OAAO,SAAS,CAAA;AAClB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@graphprotocol/gds-react",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "description": "React components for The Graph Design System",
   "author": "Edge & Node and contributors",
   "license": "MIT",
@@ -43,43 +43,43 @@
     "tailwindcss": "^4.1.14"
   },
   "dependencies": {
-    "@base-ui/react": "^1.0.0",
-    "@base-ui/utils": "^0.2.3",
+    "@base-ui/react": "^1.1.0",
+    "@base-ui/utils": "^0.2.4",
     "@react-aria/utils": "^3.32.0",
     "@react-hookz/web": "^25.2.0",
     "@ver0/deep-equal": "^1.0.1",
     "escape-string-regexp": "^5.0.0",
-    "motion": "^12.23.26",
+    "motion": "^12.29.0",
     "react-aria": "^3.45.0",
     "react-keyed-flatten-children": "^5.1.1",
-    "shiki": "^3.20.0",
+    "shiki": "^3.21.0",
     "style-observer": "^0.1.2",
-    "ts-extras": "^0.16.0",
-    "type-fest": "^5.3.1",
-    "@graphprotocol/gds-css": "0.1.2",
+    "ts-extras": "^0.16.1",
+    "type-fest": "^5.4.1",
     "@graphprotocol/gds-icons": "0.1.1",
+    "@graphprotocol/gds-css": "0.2.0",
     "@graphprotocol/gds-utils": "0.1.0"
   },
   "devDependencies": {
-    "@storybook/addon-themes": "^10.1.10",
-    "@storybook/addon-vitest": "^10.1.10",
-    "@storybook/react": "^10.1.10",
-    "@storybook/react-vite": "^10.1.10",
+    "@storybook/addon-themes": "^10.2.0",
+    "@storybook/addon-vitest": "^10.2.0",
+    "@storybook/react": "^10.2.0",
+    "@storybook/react-vite": "^10.2.0",
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
     "@svgr/plugin-svgo": "^8.1.0",
     "@tailwindcss/postcss": "^4.1.18",
-    "@types/node": "^24.10.4",
-    "@types/react": "^19.2.7",
+    "@types/node": "^24.10.9",
+    "@types/react": "^19.2.9",
     "@types/react-dom": "^19.2.3",
     "@types/react-is": "^19.2.0",
-    "@web3icons/react": "^4.1.7",
-    "lightningcss": "^1.30.2",
+    "@web3icons/react": "^4.1.14",
+    "lightningcss": "^1.31.1",
     "postcss": "^8.5.6",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "react-is": "^19.2.3",
-    "storybook": "^10.1.10",
+    "storybook": "^10.2.0",
     "storybook-addon-rtl": "^3.0.1"
   },
   "scripts": {

package/src/GDSProvider.tsx

@@ -48,7 +48,7 @@ export interface GDSProviderProps extends Omit<ComponentProps<'div'>, 'dir'> {
   theme?: Theme | undefined
   /** @default 'ltr' */
   direction?: ComponentProps<typeof DirectionProvider>['direction'] | undefined
-  /** Defaults to `en` if `direction` is `ltr`, or `ar` if `direction` is `rtl`. */
+  /** @default 'en' // or if `direction` is `rtl`, 'ar' */
   language?: string | undefined
   buttonOrLinkConfig?: Omit<ButtonOrLinkConfigProps, 'children'> | undefined
 }
@@ -77,15 +77,17 @@ export const GDSContext = createContext<GDSContextValue | null>(null)
  *
  * @example
  *
- *     import { GDSProvider } from '@graphprotocol/gds-react'
+ * ```tsx
+ * import { GDSProvider } from '@graphprotocol/gds-react'
  *
- *     function App() {
- *       return (
- *         <GDSProvider theme="dark">
- *           <YourApp />
- *         </GDSProvider>
- *       )
- *     }
+ * function App() {
+ *   return (
+ *     <GDSProvider theme="dark">
+ *       <YourApp />
+ *     </GDSProvider>
+ *   )
+ * }
+ * ```
  */
 export function GDSProvider({
   theme = DEFAULT_THEME,

package/src/components/Address.tsx

@@ -68,10 +68,10 @@ export function Address({
     <span
       ref={cssPropsPolyfillStateRef}
       className={cn(
-        `gds-address isolate root-grid *:col-span-full *:row-span-full u:size-max u:max-w-full
+        `gds-address root-grid *:col-span-full *:row-span-full u:size-max u:max-w-full
         u:state-[show-copy=false]
-        u:hover:state-[show-copy]
         u:hover:state-hover
+        u:hover:state-[show-copy]
         u:has-copy-button-focus:state-[show-copy]
         u:has-nested-not-clickable/address-ref:cursor-default
         u:has-nested-focus-visible/address-ref:expose-focus

package/src/components/Avatar.tsx

@@ -88,16 +88,11 @@ export function Avatar({
       {...cssPropsPolyfillAttributes}
       {...props}
       render={(renderProps, { Element, category }) => {
-        let tooltipProps: Omit<TooltipProps, 'children'> = {
-          content: category !== 'other' ? alt : undefined,
-        }
-        if (tooltip !== undefined) {
-          tooltipProps = isReactNode(tooltip)
-            ? { content: tooltip }
-            : { ...tooltipProps, ...tooltip }
-        }
         return (
-          <Tooltip {...tooltipProps}>
+          <Tooltip
+            content={category !== 'other' ? alt : undefined}
+            {...(isReactNode(tooltip) ? { content: tooltip } : tooltip)}
+          >
             <Element {...renderProps}>
               <span className="nested/avatar-paint pointer-events-none shrink-0">
                 <span
@@ -134,7 +129,7 @@ export function Avatar({
                         className="[[src^='data:image/bmp']]:[image-rendering:pixelated]"
                       />
                     ) : (
-                      src
+                      <Tooltip.Collector>{src}</Tooltip.Collector>
                     )
                   ) : null}
                   {alt ? <span className="sr-only">{alt}</span> : null}

package/src/components/Breadcrumbs.meta.ts

@@ -11,4 +11,6 @@ export const BreadcrumbsMeta = createComponent('Breadcrumbs', {
   },
 })
 
-export const BreadcrumbsItemMeta = createComponent('BreadcrumbsItem')
+export const BreadcrumbsItemMeta = createComponent('BreadcrumbsItem', {
+  isolate: 'allow-inheritance',
+})

package/src/components/Breadcrumbs.parts.tsx

@@ -1,13 +1,7 @@
 'use client'
 
-import {
-  useCallback,
-  useEffect,
-  useRef,
-  useState,
-  type ComponentProps,
-  type CSSProperties,
-} from 'react'
+import { useCallback, useRef, useState, type ComponentProps, type CSSProperties } from 'react'
+import { useRenderCount, useThrottledEffect } from '@react-hookz/web'
 import { isEqual } from '@ver0/deep-equal'
 
 import type { GDSComponentProps } from '@graphprotocol/gds-css'
@@ -84,24 +78,16 @@ export function BreadcrumbsRoot({
     )
   }, [])
 
-  // Call `updateWrappedCount` after every render and on resize
-  const firstRender = useRef(true)
-  useEffect(() => {
-    /**
-     * The timeout prevents a "Maximum update depth exceeded" error in the unlikely event of an
-     * infinite loop due to `hiddenItems` causing a layout change that makes items wrap differently.
-     * But we don't want it on the first render because it can cause a flash of incorrect state.
-     */
-    if (firstRender.current) {
-      firstRender.current = false
-      updateWrappedCount()
-      return
-    }
-    const timeout = window.setTimeout(() => {
-      updateWrappedCount()
-    }, 0)
-    return () => window.clearTimeout(timeout)
-  })
+  /**
+   * Call `updateWrappedCount` after every render, with `useThrottledEffect` to prevent a "Maximum
+   * update depth exceeded" error in the unlikely event of an infinite loop due to `hiddenItems`
+   * causing a layout change that makes items wrap differently (change `-ms-10` below to `-ms-20` to
+   * see how that can happen).
+   */
+  const renderCount = useRenderCount()
+  useThrottledEffect(updateWrappedCount, [renderCount], 1)
+
+  // Call `updateWrappedCount` on resize
   const resizeObserverRef = useRef<ResizeObserver | null>(null)
   const hiddenContainerRefCallback = useCallback(
     (element: HTMLDivElement | null) => {
@@ -123,7 +109,7 @@ export function BreadcrumbsRoot({
       ref={cssPropsPolyfillPassedRef}
       aria-label={ariaLabel}
       className={cn(
-        'gds-breadcrumbs isolate root-grid *:col-span-full *:row-span-full u:max-w-full u:text-14',
+        'gds-breadcrumbs root-grid *:col-span-full *:row-span-full u:max-w-full u:text-14',
         className,
       )}
       {...getCSSPropsAttributes(BreadcrumbsMeta, { align }, style)}
@@ -184,7 +170,8 @@ export function BreadcrumbsRoot({
                     <DotsThreeIcon alt="Show hidden items" className="top-1.25" />
                   </Button>
                 }
-                position={{ align: 'center', gap: 4 }}
+                align="center"
+                gap={4}
               >
                 {hiddenItems.map((item, index) => (
                   <Menu.Item
@@ -234,6 +221,7 @@ BreadcrumbsRoot.displayName = 'Breadcrumbs'
 export declare namespace BreadcrumbsItemProps {
   interface BaseProps extends GDSComponentProps<typeof BreadcrumbsItemMeta> {
     addonBefore?: AddonValue | undefined
+    // TODO: Add `addonAfter` prop, e.g. for `CaretDownInteractiveIcon` when `Breadcrumbs.Item` is a menu trigger?
     /**
      * Whether this breadcrumb item represents the current page. Defaults to `true` if no `href` is
      * passed, or `false` otherwise.

package/src/components/Button.tsx

@@ -10,7 +10,7 @@ import { cn, getCSSPropsAttributes, isReactNode } from '../utils/index.ts'
 import { renderAddon, type AddonValue } from './base/Addon.tsx'
 import { ButtonOrLink, type ButtonOrLinkProps } from './base/ButtonOrLink.tsx'
 import { ButtonMeta } from './Button.meta.ts'
-import { Tooltip, useCollectedTooltip, type TooltipProps } from './Tooltip.tsx'
+import { Tooltip, type TooltipProps } from './Tooltip.tsx'
 
 export declare namespace ButtonProps {
   interface BaseProps extends GDSComponentProps<typeof ButtonMeta> {
@@ -86,14 +86,8 @@ export function Button({
   const addonAfter = getAddon(passedAddonAfter, loading)
   const replaceChildrenWithLoading = loading && !addonBefore && !addonAfter
 
-  const { onCollect, collectedContent } = useCollectedTooltip()
-  let tooltipProps: Omit<TooltipProps, 'children'> = { content: collectedContent }
-  if (tooltip !== undefined) {
-    tooltipProps = isReactNode(tooltip) ? { content: tooltip } : { ...tooltipProps, ...tooltip }
-  }
-
   return (
-    <Tooltip {...tooltipProps}>
+    <Tooltip {...(isReactNode(tooltip) ? { content: tooltip } : tooltip)}>
       <ButtonOrLink
         ref={cssPropsPolyfillStatePassedRef}
         disabled={disabled || (loading ? 'focusable' : false)}
@@ -101,7 +95,7 @@ export function Button({
         data-variant={cssProps.variant}
         data-hide-label={cssProps.hideLabel || undefined}
         className={cn(
-          `gds-button root-flex flex-col u:size-max u:max-w-full u:font-regular u:outline-0
+          `gds-button root-flex flex-col u:size-max u:max-w-full u:outline-0
           u:checked:state-checked
           u:hover:state-hover
           u:focus-visible:state-focus
@@ -120,6 +114,8 @@ export function Button({
           ${/* But if the button group is `fullWidth`, then all the buttons it contains should be equal width, regardless of their content */ ''}
           u:@prop-orientation-horizontal/button-group:@prop-full-width-true/button-group:grow
           u:@prop-orientation-horizontal/button-group:@prop-full-width-true/button-group:basis-0
+          ${/* In a button group, the group itself should be the stacking context */ ''}
+          u:in-button-group:isolation-auto
           ${/* Extend the tap area of a naked button */ ''}
           data-[variant=naked]:before:absolute
           data-[variant=naked]:before:-inset-2`,
@@ -130,6 +126,14 @@ export function Button({
         {...cssPropsPolyfillAttributes}
         {...props}
       >
+        {/* Prevent the extended tap area of a naked button from overlapping the tap area of another naked button in the same group */}
+        <span
+          className={`
+            absolute inset-[calc(-1*var(--gds-button-group-gap)/2)] z-10
+            not-in-button-group:hidden
+            @prop-not-variant-naked/button:hidden
+          `}
+        />
         <span
           className={`
             nested/button-paint pointer-events-none flex h-(--height) max-w-full min-w-full grow items-center justify-center
@@ -186,7 +190,7 @@ export function Button({
                 u:i:@state-[addon-only=auto]/button:px-0`,
               )}
             >
-              <Tooltip.Collector onCollect={onCollect}>{children}</Tooltip.Collector>
+              <Tooltip.Collector>{children}</Tooltip.Collector>
             </span>
           ) : null}
           {replaceChildrenWithLoading ? loadingIcon : null}