@flipdish/ui-library 0.10.0 → 0.11.1

package/dist/components/molecules/Breadcrumbs/components/breadcrumb-account-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-account-item.js","sources":["../../../../../src/components/molecules/Breadcrumbs/components/breadcrumb-account-item.tsx"],"sourcesContent":[null],"names":["_jsx","AriaBreadcrumb","_jsxs","_Fragment","AriaButton","AriaMenuItem"],"mappings":"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"}
+{"version":3,"file":"breadcrumb-account-item.js","sources":["../../../../../src/components/molecules/Breadcrumbs/components/breadcrumb-account-item.tsx"],"sourcesContent":[null],"names":["_jsx","AriaBreadcrumb","_jsxs","_Fragment","AriaButton","AriaMenuItem"],"mappings":"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"}

package/dist/components/molecules/Breadcrumbs/components/breadcrumb-item.cjs

@@ -5,6 +5,7 @@ var uiIcons = require('@flipdish/ui-icons');
 var Avatar = require('@flipdish/ui-library/components/atoms/Avatar');
 var cx = require('@flipdish/ui-library/utilities/cx');
 var isReactComponent = require('@flipdish/ui-library/utilities/isReactComponent');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var index = require('../index.cjs');
@@ -27,20 +28,23 @@ const baseStyles = {
         current: { root: 'bg-primary_hover', icon: 'text-fg-quaternary_hover', label: 'text-fg-tertiary_hover' },
     },
 };
-const BreadcrumbBase = ({ href, children, icon: Icon, type = 'text', current, className, ...otherProps }) => {
-    return (jsxRuntime.jsxs(reactAriaComponents.Link, { ...otherProps, 
+const BreadcrumbBase = ({ href, children, icon: Icon, type = 'text', current, className, 'data-testid': dataTestId, ...otherProps }) => {
+    return (jsxRuntime.jsxs(reactAriaComponents.Link, { ...otherProps, "data-testid": dataTestId, 
         // Guard against an empty-string href: react-aria renders `<a>` only for a truthy
         // href (a falsy value renders a non-navigable `<span role="link">`), so coerce
         // `''`/undefined to undefined to keep href-less/current items non-interactive.
         href: href || undefined, className: (state) => cx.cx('group inline-flex items-center justify-center gap-1 rounded-md outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 in-current:max-w-full', baseStyles[type].root, current && baseStyles[type].current.root, (href || otherProps.onClick) && 'cursor-pointer', typeof className === 'function' ? className(state) : className), children: [isReactComponent.isReactComponent(Icon) && (jsxRuntime.jsx(Icon, { className: cx.cx('size-5 transition-inherit-all', baseStyles[type].icon, current && baseStyles[type].current.icon) })), React.isValidElement(Icon) && Icon, children && (jsxRuntime.jsx("span", { className: cx.cx('text-sm font-semibold whitespace-nowrap transition-inherit-all in-current:truncate', baseStyles[type].label, current && baseStyles[type].current.label), children: children }))] }));
 };
-const BreadcrumbItem = ({ href, icon, divider, type, isEllipsis, children, onClick, avatarSrc, className, ...otherProps }) => {
+const BreadcrumbItem = ({ href, icon, divider, type, isEllipsis, children, onClick, avatarSrc, className, id, 'data-testid': dataTestId, ...otherProps }) => {
     const context = React.useContext(index.BreadcrumbsContext);
     type = context.type || 'text';
     divider = context.divider || 'chevron';
-    return (jsxRuntime.jsx(reactAriaComponents.Breadcrumb, { ...otherProps, className: cx.cx('flex items-center current:overflow-hidden', avatarSrc ? 'gap-1.5 md:gap-2' : type === 'text' || type === 'text-line' ? 'gap-1.5 md:gap-2' : 'gap-0.5 md:gap-1', className), children: ({ isCurrent }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [avatarSrc ? (jsxRuntime.jsxs(reactAriaComponents.Link, { href: href || undefined, className: ({ isPressed, isFocusVisible }) => cx.cx('flex cursor-pointer items-center gap-1.5 rounded-lg outline-0 outline-offset-2 outline-focus-ring', (isPressed || isFocusVisible) && 'outline-2'), children: [jsxRuntime.jsx("div", { className: "flex rounded-lg bg-primary p-0.5 ring-[0.5px] ring-secondary ring-inset", children: jsxRuntime.jsx(Avatar.Avatar, { size: "xs", src: avatarSrc, className: "shadow-md", contentClassName: "rounded-md before:hidden" }) }), children && jsxRuntime.jsx("span", { className: "text-sm font-semibold text-primary", children: children })] })) : isEllipsis ? (jsxRuntime.jsx(BreadcrumbBase
+    const prefix = context.testIdPrefix;
+    const itemSegment = id ?? (typeof children === 'string' ? testIdUtils.slugifyTestId(children) : href ? testIdUtils.slugifyTestId(href) : undefined);
+    const itemTestId = dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, isEllipsis ? 'ellipsis' : itemSegment ? `item-${itemSegment}` : 'item') : undefined);
+    return (jsxRuntime.jsx(reactAriaComponents.Breadcrumb, { ...otherProps, className: cx.cx('flex items-center current:overflow-hidden', avatarSrc ? 'gap-1.5 md:gap-2' : type === 'text' || type === 'text-line' ? 'gap-1.5 md:gap-2' : 'gap-0.5 md:gap-1', className), children: ({ isCurrent }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [avatarSrc ? (jsxRuntime.jsxs(reactAriaComponents.Link, { href: href || undefined, "data-testid": itemTestId, className: ({ isPressed, isFocusVisible }) => cx.cx('flex cursor-pointer items-center gap-1.5 rounded-lg outline-0 outline-offset-2 outline-focus-ring', (isPressed || isFocusVisible) && 'outline-2'), children: [jsxRuntime.jsx("div", { className: "flex rounded-lg bg-primary p-0.5 ring-[0.5px] ring-secondary ring-inset", children: jsxRuntime.jsx(Avatar.Avatar, { size: "xs", src: avatarSrc, className: "shadow-md", contentClassName: "rounded-md before:hidden" }) }), children && jsxRuntime.jsx("span", { className: "text-sm font-semibold text-primary", children: children })] })) : isEllipsis ? (jsxRuntime.jsx(BreadcrumbBase
                 // The label for screen readers.
-                , { "aria-label": "See all breadcrumb items", type: type === 'text-line' ? 'text' : type, onClick: onClick, children: "..." })) : (jsxRuntime.jsx(BreadcrumbBase, { href: href, icon: icon, current: isCurrent, type: type === 'text-line' ? 'text' : type, onClick: onClick, children: children })), !isCurrent &&
+                , { "aria-label": "See all breadcrumb items", type: type === 'text-line' ? 'text' : type, onClick: onClick, "data-testid": itemTestId, children: "..." })) : (jsxRuntime.jsx(BreadcrumbBase, { href: href, icon: icon, current: isCurrent, type: type === 'text-line' ? 'text' : type, onClick: onClick, "data-testid": itemTestId, children: children })), !isCurrent &&
                     (divider === 'slash' ? (jsxRuntime.jsx(uiIcons.SlashDivider, { className: "size-4 shrink-0 stroke-[2.25px] text-utility-neutral-300" })) : (jsxRuntime.jsx(uiIcons.ChevronRight, { className: "size-4 shrink-0 stroke-[2.25px] text-utility-neutral-300" })))] })) }));
 };
 

package/dist/components/molecules/Breadcrumbs/components/breadcrumb-item.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.cjs","sources":["../../../../../src/components/molecules/Breadcrumbs/components/breadcrumb-item.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaLink","cx","isReactComponent","_jsx","isValidElement","useContext","BreadcrumbsContext","AriaBreadcrumb","_Fragment","Avatar","SlashDivider","ChevronRight"],"mappings":"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"}
+{"version":3,"file":"breadcrumb-item.cjs","sources":["../../../../../src/components/molecules/Breadcrumbs/components/breadcrumb-item.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaLink","cx","isReactComponent","_jsx","isValidElement","useContext","BreadcrumbsContext","slugifyTestId","joinTestId","AriaBreadcrumb","_Fragment","Avatar","SlashDivider","ChevronRight"],"mappings":"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"}

package/dist/components/molecules/Breadcrumbs/components/breadcrumb-item.d.ts

@@ -14,6 +14,10 @@ export interface BreadcrumbItemProps extends AriaBreadcrumbProps {
     /** Avatar image URL. Renders an avatar-in-ring instead of the default icon + label. */
     avatarSrc?: string;
     onClick?: () => void;
+    /** Stable id used to derive this item's `data-testid` (falls back to a slug of `children`/`href`). */
+    id?: string;
+    /** Overrides the derived `data-testid` for this item. */
+    'data-testid'?: string;
 }
-export declare const BreadcrumbItem: ({ href, icon, divider, type, isEllipsis, children, onClick, avatarSrc, className, ...otherProps }: BreadcrumbItemProps) => import("react").JSX.Element;
+export declare const BreadcrumbItem: ({ href, icon, divider, type, isEllipsis, children, onClick, avatarSrc, className, id, "data-testid": dataTestId, ...otherProps }: BreadcrumbItemProps) => import("react").JSX.Element;
 //# sourceMappingURL=breadcrumb-item.d.ts.map

package/dist/components/molecules/Breadcrumbs/components/breadcrumb-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Breadcrumbs/components/breadcrumb-item.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,EAAE,EAAkB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAC5E,OAAO,EAEL,KAAK,eAAe,IAAI,mBAAmB,EAG5C,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AAkEnE,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,mGAW5B,mBAAmB,gCA0DrB,CAAC"}
+{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Breadcrumbs/components/breadcrumb-item.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,EAAE,EAAkB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAC5E,OAAO,EAEL,KAAK,eAAe,IAAI,mBAAmB,EAG5C,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AA6EnE,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sGAAsG;IACtG,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,GAAI,kIAa5B,mBAAmB,gCAuErB,CAAC"}

package/dist/components/molecules/Breadcrumbs/components/breadcrumb-item.js

@@ -3,6 +3,7 @@ import { SlashDivider, ChevronRight } from '@flipdish/ui-icons';
 import { Avatar } from '@flipdish/ui-library/components/atoms/Avatar';
 import { cx } from '@flipdish/ui-library/utilities/cx';
 import { isReactComponent } from '@flipdish/ui-library/utilities/isReactComponent';
+import { slugifyTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { useContext, isValidElement } from 'react';
 import { Breadcrumb, Link } from 'react-aria-components';
 import { BreadcrumbsContext } from '../index.js';
@@ -25,20 +26,23 @@ const baseStyles = {
         current: { root: 'bg-primary_hover', icon: 'text-fg-quaternary_hover', label: 'text-fg-tertiary_hover' },
     },
 };
-const BreadcrumbBase = ({ href, children, icon: Icon, type = 'text', current, className, ...otherProps }) => {
-    return (jsxs(Link, { ...otherProps, 
+const BreadcrumbBase = ({ href, children, icon: Icon, type = 'text', current, className, 'data-testid': dataTestId, ...otherProps }) => {
+    return (jsxs(Link, { ...otherProps, "data-testid": dataTestId, 
         // Guard against an empty-string href: react-aria renders `<a>` only for a truthy
         // href (a falsy value renders a non-navigable `<span role="link">`), so coerce
         // `''`/undefined to undefined to keep href-less/current items non-interactive.
         href: href || undefined, className: (state) => cx('group inline-flex items-center justify-center gap-1 rounded-md outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 in-current:max-w-full', baseStyles[type].root, current && baseStyles[type].current.root, (href || otherProps.onClick) && 'cursor-pointer', typeof className === 'function' ? className(state) : className), children: [isReactComponent(Icon) && (jsx(Icon, { className: cx('size-5 transition-inherit-all', baseStyles[type].icon, current && baseStyles[type].current.icon) })), isValidElement(Icon) && Icon, children && (jsx("span", { className: cx('text-sm font-semibold whitespace-nowrap transition-inherit-all in-current:truncate', baseStyles[type].label, current && baseStyles[type].current.label), children: children }))] }));
 };
-const BreadcrumbItem = ({ href, icon, divider, type, isEllipsis, children, onClick, avatarSrc, className, ...otherProps }) => {
+const BreadcrumbItem = ({ href, icon, divider, type, isEllipsis, children, onClick, avatarSrc, className, id, 'data-testid': dataTestId, ...otherProps }) => {
     const context = useContext(BreadcrumbsContext);
     type = context.type || 'text';
     divider = context.divider || 'chevron';
-    return (jsx(Breadcrumb, { ...otherProps, className: cx('flex items-center current:overflow-hidden', avatarSrc ? 'gap-1.5 md:gap-2' : type === 'text' || type === 'text-line' ? 'gap-1.5 md:gap-2' : 'gap-0.5 md:gap-1', className), children: ({ isCurrent }) => (jsxs(Fragment, { children: [avatarSrc ? (jsxs(Link, { href: href || undefined, className: ({ isPressed, isFocusVisible }) => cx('flex cursor-pointer items-center gap-1.5 rounded-lg outline-0 outline-offset-2 outline-focus-ring', (isPressed || isFocusVisible) && 'outline-2'), children: [jsx("div", { className: "flex rounded-lg bg-primary p-0.5 ring-[0.5px] ring-secondary ring-inset", children: jsx(Avatar, { size: "xs", src: avatarSrc, className: "shadow-md", contentClassName: "rounded-md before:hidden" }) }), children && jsx("span", { className: "text-sm font-semibold text-primary", children: children })] })) : isEllipsis ? (jsx(BreadcrumbBase
+    const prefix = context.testIdPrefix;
+    const itemSegment = id ?? (typeof children === 'string' ? slugifyTestId(children) : href ? slugifyTestId(href) : undefined);
+    const itemTestId = dataTestId ?? (prefix ? joinTestId(prefix, isEllipsis ? 'ellipsis' : itemSegment ? `item-${itemSegment}` : 'item') : undefined);
+    return (jsx(Breadcrumb, { ...otherProps, className: cx('flex items-center current:overflow-hidden', avatarSrc ? 'gap-1.5 md:gap-2' : type === 'text' || type === 'text-line' ? 'gap-1.5 md:gap-2' : 'gap-0.5 md:gap-1', className), children: ({ isCurrent }) => (jsxs(Fragment, { children: [avatarSrc ? (jsxs(Link, { href: href || undefined, "data-testid": itemTestId, className: ({ isPressed, isFocusVisible }) => cx('flex cursor-pointer items-center gap-1.5 rounded-lg outline-0 outline-offset-2 outline-focus-ring', (isPressed || isFocusVisible) && 'outline-2'), children: [jsx("div", { className: "flex rounded-lg bg-primary p-0.5 ring-[0.5px] ring-secondary ring-inset", children: jsx(Avatar, { size: "xs", src: avatarSrc, className: "shadow-md", contentClassName: "rounded-md before:hidden" }) }), children && jsx("span", { className: "text-sm font-semibold text-primary", children: children })] })) : isEllipsis ? (jsx(BreadcrumbBase
                 // The label for screen readers.
-                , { "aria-label": "See all breadcrumb items", type: type === 'text-line' ? 'text' : type, onClick: onClick, children: "..." })) : (jsx(BreadcrumbBase, { href: href, icon: icon, current: isCurrent, type: type === 'text-line' ? 'text' : type, onClick: onClick, children: children })), !isCurrent &&
+                , { "aria-label": "See all breadcrumb items", type: type === 'text-line' ? 'text' : type, onClick: onClick, "data-testid": itemTestId, children: "..." })) : (jsx(BreadcrumbBase, { href: href, icon: icon, current: isCurrent, type: type === 'text-line' ? 'text' : type, onClick: onClick, "data-testid": itemTestId, children: children })), !isCurrent &&
                     (divider === 'slash' ? (jsx(SlashDivider, { className: "size-4 shrink-0 stroke-[2.25px] text-utility-neutral-300" })) : (jsx(ChevronRight, { className: "size-4 shrink-0 stroke-[2.25px] text-utility-neutral-300" })))] })) }));
 };
 

package/dist/components/molecules/Breadcrumbs/components/breadcrumb-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-item.js","sources":["../../../../../src/components/molecules/Breadcrumbs/components/breadcrumb-item.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaLink","_jsx","AriaBreadcrumb","_Fragment"],"mappings":"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"}
+{"version":3,"file":"breadcrumb-item.js","sources":["../../../../../src/components/molecules/Breadcrumbs/components/breadcrumb-item.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaLink","_jsx","AriaBreadcrumb","_Fragment"],"mappings":"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"}

package/dist/components/molecules/Breadcrumbs/index.cjs

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var breadcrumbAccountItem = require('./components/breadcrumb-account-item.cjs');
@@ -22,8 +23,9 @@ const styles = {
  *
  * @summary navigable trail of links showing the user's location in the hierarchy
  */
-const Breadcrumbs = ({ children, divider = 'chevron', type = 'text', className, maxVisibleItems = 4 }) => {
+const Breadcrumbs = ({ children, divider = 'chevron', type = 'text', className, maxVisibleItems = 4, 'data-testid': dataTestId, }) => {
     const [isExpanded, setIsExpanded] = React.useState(false);
+    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'breadcrumbs', rootName: 'breadcrumbs' });
     const visibleItems = (() => {
         const childrenArray = React.Children.toArray(children);
         if (!maxVisibleItems || childrenArray.length <= maxVisibleItems || isExpanded) {
@@ -34,7 +36,7 @@ const Breadcrumbs = ({ children, divider = 'chevron', type = 'text', className,
         const ellipsisItem = jsxRuntime.jsx(breadcrumbItem.BreadcrumbItem, { isEllipsis: true, divider: divider, type: type, onClick: () => setIsExpanded(true) }, "ellipsis");
         return [...firstItems, ellipsisItem, ...lastItems];
     })();
-    return (jsxRuntime.jsx("nav", { "aria-label": "Breadcrumbs", className: cx.cx('min-w-0', className), children: jsxRuntime.jsx(BreadcrumbsContext.Provider, { value: { divider, type }, children: jsxRuntime.jsx(reactAriaComponents.Breadcrumbs, { className: cx.cx('relative flex', styles[type]), children: visibleItems }) }) }));
+    return (jsxRuntime.jsx("nav", { "aria-label": "Breadcrumbs", "data-testid": rootTestId, className: cx.cx('min-w-0', className), children: jsxRuntime.jsx(BreadcrumbsContext.Provider, { value: { divider, type, testIdPrefix: rootTestId }, children: jsxRuntime.jsx(reactAriaComponents.Breadcrumbs, { className: cx.cx('relative flex', styles[type]), children: visibleItems }) }) }));
 };
 Breadcrumbs.Item = breadcrumbItem.BreadcrumbItem;
 Breadcrumbs.AccountItem = breadcrumbAccountItem.BreadcrumbAccountItem;

package/dist/components/molecules/Breadcrumbs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Breadcrumbs/index.tsx"],"sourcesContent":[null],"names":["createContext","useState","_jsx","BreadcrumbItem","cx","AriaBreadcrumbs","BreadcrumbAccountItem"],"mappings":";;;;;;;;;AAUO,MAAM,kBAAkB,GAAGA,mBAAa,CAAyD;AACtG,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,IAAI,EAAE,MAAM;AACb,CAAA;AAeD,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,WAAW,EACT,wIAAwI;AAC1I,IAAA,MAAM,EAAE,kBAAkB;CAC3B;AAED;;;;;AAKG;AACH,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,SAAS,EAAE,eAAe,GAAG,CAAC,EAAoB,KAAI;IACzH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;AAEnD,IAAA,MAAM,YAAY,GAAG,CAAC,MAAK;QACzB,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;QAEtD,IAAI,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,IAAI,eAAe,IAAI,UAAU,EAAE;AAC7E,YAAA,OAAO,aAAa;QACtB;AAEA,QAAA,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;QACzE,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7E,MAAM,YAAY,GAAGC,cAAA,CAACC,6BAAc,EAAA,EAAC,UAAU,EAAA,IAAA,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC,IAAI,CAAC,EAAA,EAAM,UAAU,CAAG;QAEnI,OAAO,CAAC,GAAG,UAAU,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IACpD,CAAC,GAAG;IAEJ,QACED,sCAAgB,aAAa,EAAC,SAAS,EAAEE,KAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAA,QAAA,EAC/DF,eAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAA,QAAA,EACnDA,eAACG,+BAAe,EAAA,EAAC,SAAS,EAAED,KAAE,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAA,QAAA,EAAG,YAAY,EAAA,CAAmB,EAAA,CACnE,EAAA,CAC1B;AAEV;AAEA,WAAW,CAAC,IAAI,GAAGD,6BAAc;AACjC,WAAW,CAAC,WAAW,GAAGG,2CAAqB;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Breadcrumbs/index.tsx"],"sourcesContent":[null],"names":["createContext","useState","useResolvedTestId","_jsx","BreadcrumbItem","cx","AriaBreadcrumbs","BreadcrumbAccountItem"],"mappings":";;;;;;;;;;AAWO,MAAM,kBAAkB,GAAGA,mBAAa,CAAgF;AAC7H,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,IAAI,EAAE,MAAM;AACb,CAAA;AAoBD,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,WAAW,EACT,wIAAwI;AAC1I,IAAA,MAAM,EAAE,kBAAkB;CAC3B;AAED;;;;;AAKG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,MAAM,EACb,SAAS,EACT,eAAe,GAAG,CAAC,EACnB,aAAa,EAAE,UAAU,GACR,KAAI;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,UAAU,GAAGC,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;AAE7G,IAAA,MAAM,YAAY,GAAG,CAAC,MAAK;QACzB,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;QAEtD,IAAI,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,IAAI,eAAe,IAAI,UAAU,EAAE;AAC7E,YAAA,OAAO,aAAa;QACtB;AAEA,QAAA,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;QACzE,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7E,MAAM,YAAY,GAAGC,cAAA,CAACC,6BAAc,EAAA,EAAC,UAAU,EAAA,IAAA,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC,IAAI,CAAC,EAAA,EAAM,UAAU,CAAG;QAEnI,OAAO,CAAC,GAAG,UAAU,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IACpD,CAAC,GAAG;IAEJ,QACED,cAAA,CAAA,KAAA,EAAA,EAAA,YAAA,EAAgB,aAAa,EAAA,aAAA,EAAc,UAAU,EAAE,SAAS,EAAEE,KAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAA,QAAA,EACxFF,cAAA,CAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,EAAA,QAAA,EAC7EA,cAAA,CAACG,+BAAe,EAAA,EAAC,SAAS,EAAED,KAAE,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAA,QAAA,EAAG,YAAY,EAAA,CAAmB,EAAA,CACnE,EAAA,CAC1B;AAEV;AAEA,WAAW,CAAC,IAAI,GAAGD,6BAAc;AACjC,WAAW,CAAC,WAAW,GAAGG,2CAAqB;;;;;"}

package/dist/components/molecules/Breadcrumbs/index.d.ts

@@ -3,6 +3,7 @@ export type BreadcrumbType = 'text' | 'text-line' | 'button';
 export declare const BreadcrumbsContext: React.Context<{
     divider: "chevron" | "slash";
     type: BreadcrumbType;
+    testIdPrefix?: string;
 }>;
 export interface BreadcrumbsProps {
     divider?: 'chevron' | 'slash';
@@ -15,6 +16,11 @@ export interface BreadcrumbsProps {
      * item with an ellipsis that can be expanded.
      */
     maxVisibleItems?: number;
+    /**
+     * Overrides the root `data-testid`. Defaults to `fd-breadcrumbs`. Items derive
+     * their testids from this prefix (e.g. `<root>--item-settings`).
+     */
+    'data-testid'?: string;
 }
 /**
  * Shows the user's current location within a page hierarchy as a trail of
@@ -23,8 +29,8 @@ export interface BreadcrumbsProps {
  * @summary navigable trail of links showing the user's location in the hierarchy
  */
 declare const Breadcrumbs: {
-    ({ children, divider, type, className, maxVisibleItems }: BreadcrumbsProps): React.JSX.Element;
-    Item: ({ href, icon, divider, type, isEllipsis, children, onClick, avatarSrc, className, ...otherProps }: import("./components/breadcrumb-item").BreadcrumbItemProps) => React.JSX.Element;
+    ({ children, divider, type, className, maxVisibleItems, "data-testid": dataTestId, }: BreadcrumbsProps): React.JSX.Element;
+    Item: ({ href, icon, divider, type, isEllipsis, children, onClick, avatarSrc, className, id, "data-testid": dataTestId, ...otherProps }: import("./components/breadcrumb-item").BreadcrumbItemProps) => React.JSX.Element;
     AccountItem: ({ items, selectedKey, onSelectionChange }: import("./components/breadcrumb-account-item").BreadcrumbAccountItemProps) => React.JSX.Element;
 };
 export { Breadcrumbs };

package/dist/components/molecules/Breadcrumbs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAiB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAKvE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE7D,eAAO,MAAM,kBAAkB;aAA4B,SAAS,GAAG,OAAO;UAAQ,cAAc;EAGlG,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AASD;;;;;GAKG;AACH,QAAA,MAAM,WAAW;8DAAsF,gBAAgB;;;CAwBtH,CAAC;AAKF,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAiB,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAKvE,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE7D,eAAO,MAAM,kBAAkB;aAA4B,SAAS,GAAG,OAAO;UAAQ,cAAc;mBAAiB,MAAM;EAGzH,CAAC;AAEH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AASD;;;;;GAKG;AACH,QAAA,MAAM,WAAW;0FAOd,gBAAgB;;;CAyBlB,CAAC;AAKF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/molecules/Breadcrumbs/index.js

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import React, { createContext, useState } from 'react';
 import { Breadcrumbs as Breadcrumbs$1 } from 'react-aria-components';
 import { BreadcrumbAccountItem } from './components/breadcrumb-account-item.js';
@@ -20,8 +21,9 @@ const styles = {
  *
  * @summary navigable trail of links showing the user's location in the hierarchy
  */
-const Breadcrumbs = ({ children, divider = 'chevron', type = 'text', className, maxVisibleItems = 4 }) => {
+const Breadcrumbs = ({ children, divider = 'chevron', type = 'text', className, maxVisibleItems = 4, 'data-testid': dataTestId, }) => {
     const [isExpanded, setIsExpanded] = useState(false);
+    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'breadcrumbs', rootName: 'breadcrumbs' });
     const visibleItems = (() => {
         const childrenArray = React.Children.toArray(children);
         if (!maxVisibleItems || childrenArray.length <= maxVisibleItems || isExpanded) {
@@ -32,7 +34,7 @@ const Breadcrumbs = ({ children, divider = 'chevron', type = 'text', className,
         const ellipsisItem = jsx(BreadcrumbItem, { isEllipsis: true, divider: divider, type: type, onClick: () => setIsExpanded(true) }, "ellipsis");
         return [...firstItems, ellipsisItem, ...lastItems];
     })();
-    return (jsx("nav", { "aria-label": "Breadcrumbs", className: cx('min-w-0', className), children: jsx(BreadcrumbsContext.Provider, { value: { divider, type }, children: jsx(Breadcrumbs$1, { className: cx('relative flex', styles[type]), children: visibleItems }) }) }));
+    return (jsx("nav", { "aria-label": "Breadcrumbs", "data-testid": rootTestId, className: cx('min-w-0', className), children: jsx(BreadcrumbsContext.Provider, { value: { divider, type, testIdPrefix: rootTestId }, children: jsx(Breadcrumbs$1, { className: cx('relative flex', styles[type]), children: visibleItems }) }) }));
 };
 Breadcrumbs.Item = BreadcrumbItem;
 Breadcrumbs.AccountItem = BreadcrumbAccountItem;

package/dist/components/molecules/Breadcrumbs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Breadcrumbs/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaBreadcrumbs"],"mappings":";;;;;;;AAUO,MAAM,kBAAkB,GAAG,aAAa,CAAyD;AACtG,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,IAAI,EAAE,MAAM;AACb,CAAA;AAeD,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,WAAW,EACT,wIAAwI;AAC1I,IAAA,MAAM,EAAE,kBAAkB;CAC3B;AAED;;;;;AAKG;AACH,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,SAAS,EAAE,eAAe,GAAG,CAAC,EAAoB,KAAI;IACzH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEnD,IAAA,MAAM,YAAY,GAAG,CAAC,MAAK;QACzB,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;QAEtD,IAAI,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,IAAI,eAAe,IAAI,UAAU,EAAE;AAC7E,YAAA,OAAO,aAAa;QACtB;AAEA,QAAA,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;QACzE,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7E,MAAM,YAAY,GAAGA,GAAA,CAAC,cAAc,EAAA,EAAC,UAAU,EAAA,IAAA,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC,IAAI,CAAC,EAAA,EAAM,UAAU,CAAG;QAEnI,OAAO,CAAC,GAAG,UAAU,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IACpD,CAAC,GAAG;IAEJ,QACEA,2BAAgB,aAAa,EAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAA,QAAA,EAC/DA,IAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAA,QAAA,EACnDA,IAACC,aAAe,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAA,QAAA,EAAG,YAAY,EAAA,CAAmB,EAAA,CACnE,EAAA,CAC1B;AAEV;AAEA,WAAW,CAAC,IAAI,GAAG,cAAc;AACjC,WAAW,CAAC,WAAW,GAAG,qBAAqB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/Breadcrumbs/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaBreadcrumbs"],"mappings":";;;;;;;;AAWO,MAAM,kBAAkB,GAAG,aAAa,CAAgF;AAC7H,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,IAAI,EAAE,MAAM;AACb,CAAA;AAoBD,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,WAAW,EACT,wIAAwI;AAC1I,IAAA,MAAM,EAAE,kBAAkB;CAC3B;AAED;;;;;AAKG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,MAAM,EACb,SAAS,EACT,eAAe,GAAG,CAAC,EACnB,aAAa,EAAE,UAAU,GACR,KAAI;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACnD,IAAA,MAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;AAE7G,IAAA,MAAM,YAAY,GAAG,CAAC,MAAK;QACzB,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC;QAEtD,IAAI,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,IAAI,eAAe,IAAI,UAAU,EAAE;AAC7E,YAAA,OAAO,aAAa;QACtB;AAEA,QAAA,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC;QACzE,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7E,MAAM,YAAY,GAAGA,GAAA,CAAC,cAAc,EAAA,EAAC,UAAU,EAAA,IAAA,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC,IAAI,CAAC,EAAA,EAAM,UAAU,CAAG;QAEnI,OAAO,CAAC,GAAG,UAAU,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;IACpD,CAAC,GAAG;IAEJ,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,YAAA,EAAgB,aAAa,EAAA,aAAA,EAAc,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,EAAA,QAAA,EACxFA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,EAAA,QAAA,EAC7EA,GAAA,CAACC,aAAe,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAA,QAAA,EAAG,YAAY,EAAA,CAAmB,EAAA,CACnE,EAAA,CAC1B;AAEV;AAEA,WAAW,CAAC,IAAI,GAAG,cAAc;AACjC,WAAW,CAAC,WAAW,GAAG,qBAAqB;;;;"}

package/dist/components/molecules/ButtonGroup/index.cjs

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
 var isReactComponent = require('@flipdish/ui-library/utilities/isReactComponent');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 
@@ -40,22 +41,26 @@ const ButtonGroupContext = React.createContext({ size: 'md' });
  *
  * @summary single item within a button group
  */
-const ButtonGroupItem = ({ iconLeading: IconLeading, iconTrailing: IconTrailing, children, className, ...otherProps }) => {
+const ButtonGroupItem = ({ iconLeading: IconLeading, iconTrailing: IconTrailing, children, className, 'data-testid': dataTestId, ...otherProps }) => {
     const context = React.useContext(ButtonGroupContext);
+    const prefix = testIdUtils.useTestIdPrefix();
     if (!context) {
         throw new Error('ButtonGroupItem must be used within a ButtonGroup component');
     }
     const { size } = context;
     const isIcon = (IconLeading || IconTrailing) && !children;
-    return (jsxRuntime.jsxs(reactAriaComponents.ToggleButton, { ...otherProps, "data-icon-only": isIcon ? true : undefined, "data-icon-leading": IconLeading ? true : undefined, className: cx.cx(styles.common.root, styles.sizes[size].root, className), children: [isReactComponent.isReactComponent(IconLeading) && jsxRuntime.jsx(IconLeading, { className: cx.cx(styles.common.icon, styles.sizes[size].icon) }), React.isValidElement(IconLeading) && IconLeading, children, isReactComponent.isReactComponent(IconTrailing) && jsxRuntime.jsx(IconTrailing, { className: cx.cx(styles.common.icon, styles.sizes[size].icon) }), React.isValidElement(IconTrailing) && IconTrailing] }));
+    const idPart = otherProps.id !== undefined ? testIdUtils.slugifyTestId(String(otherProps.id)) : typeof children === 'string' ? testIdUtils.slugifyTestId(children) : 'item';
+    const itemTestId = dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, `item-${idPart}`) : undefined);
+    return (jsxRuntime.jsxs(reactAriaComponents.ToggleButton, { ...otherProps, "data-testid": itemTestId, "data-icon-only": isIcon ? true : undefined, "data-icon-leading": IconLeading ? true : undefined, className: cx.cx(styles.common.root, styles.sizes[size].root, className), children: [isReactComponent.isReactComponent(IconLeading) && jsxRuntime.jsx(IconLeading, { className: cx.cx(styles.common.icon, styles.sizes[size].icon) }), React.isValidElement(IconLeading) && IconLeading, children, isReactComponent.isReactComponent(IconTrailing) && jsxRuntime.jsx(IconTrailing, { className: cx.cx(styles.common.icon, styles.sizes[size].icon) }), React.isValidElement(IconTrailing) && IconTrailing] }));
 };
 /**
  * A segmented set of connected buttons for single-select choices.
  *
  * @summary segmented set of connected buttons
  */
-const ButtonGroup = ({ children, size = 'md', className, ...otherProps }) => {
-    return (jsxRuntime.jsx(ButtonGroupContext.Provider, { value: { size }, children: jsxRuntime.jsx(reactAriaComponents.ToggleButtonGroup, { selectionMode: "single", className: cx.cx('relative z-0 inline-flex w-max -space-x-px rounded-lg shadow-xs', className), ...otherProps, children: children }) }));
+const ButtonGroup = ({ children, size = 'md', className, 'data-testid': dataTestId, ...otherProps }) => {
+    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'button-group', rootName: 'button-group' });
+    return (jsxRuntime.jsx(ButtonGroupContext.Provider, { value: { size }, children: jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: rootTestId, children: jsxRuntime.jsx(reactAriaComponents.ToggleButtonGroup, { selectionMode: "single", className: cx.cx('relative z-0 inline-flex w-max -space-x-px rounded-lg shadow-xs', className), ...otherProps, "data-testid": rootTestId, children: children }) }) }));
 };
 
 exports.ButtonGroup = ButtonGroup;

package/dist/components/molecules/ButtonGroup/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/ButtonGroup/index.tsx"],"sourcesContent":[null],"names":["sortCx","createContext","useContext","_jsxs","AriaToggleButton","cx","isReactComponent","_jsx","isValidElement","AriaToggleButtonGroup"],"mappings":";;;;;;;;AAYO,MAAM,MAAM,GAAGA,SAAM,CAAC;AAC3B,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE;YACJ,iOAAiO;;YAEjO,6HAA6H;;YAE7H,8EAA8E;;YAE9E,yDAAyD;SAC1D,CAAC,IAAI,CAAC,GAAG,CAAC;AACX,QAAA,IAAI,EAAE,oKAAoK;AAC3K,KAAA;AAED,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,gKAAgK;AACtK,YAAA,IAAI,EAAE,QAAQ;AACf,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,8JAA8J;AACpK,YAAA,IAAI,EAAE,QAAQ;AACf,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,gKAAgK;AACtK,YAAA,IAAI,EAAE,QAAQ;AACf,SAAA;AACF,KAAA;AACF,CAAA;AAID,MAAM,kBAAkB,GAAGC,mBAAa,CAAuB,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAS9E;;;;AAIG;MACU,eAAe,GAAG,CAAC,EAC9B,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,UAAU,EAC2B,KAAI;AAC5C,IAAA,MAAM,OAAO,GAAGC,gBAAU,CAAC,kBAAkB,CAAC;IAE9C,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,6DAA6D,CAAC;IAChF;AAEA,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO;IAExB,MAAM,MAAM,GAAG,CAAC,WAAW,IAAI,YAAY,KAAK,CAAC,QAAQ;IAEzD,QACEC,eAAA,CAACC,gCAAgB,EAAA,EAAA,GACX,UAAU,EAAA,gBAAA,EACE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAA,mBAAA,EACtB,WAAW,GAAG,IAAI,GAAG,SAAS,EACjD,SAAS,EAAEC,KAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAEpEC,iCAAgB,CAAC,WAAW,CAAC,IAAIC,cAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAEF,KAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAA,CAAI,EAC5GG,oBAAc,CAAC,WAAW,CAAC,IAAI,WAAW,EAE1C,QAAQ,EAERF,iCAAgB,CAAC,YAAY,CAAC,IAAIC,cAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAEF,KAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAA,CAAI,EAC9GG,oBAAc,CAAC,YAAY,CAAC,IAAI,YAAY,CAAA,EAAA,CAC5B;AAEvB;AAOA;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,UAAU,EAAoB,KAAI;AACnG,IAAA,QACED,cAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAA,QAAA,EAC1CA,cAAA,CAACE,qCAAqB,IACpB,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAEJ,KAAE,CAAC,iEAAiE,EAAE,SAAS,CAAC,EAAA,GACvF,UAAU,EAAA,QAAA,EAEb,QAAQ,EAAA,CACa,EAAA,CACI;AAElC;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/ButtonGroup/index.tsx"],"sourcesContent":[null],"names":["sortCx","createContext","useContext","useTestIdPrefix","slugifyTestId","joinTestId","_jsxs","AriaToggleButton","cx","isReactComponent","_jsx","isValidElement","useResolvedTestId","TestIdProvider","AriaToggleButtonGroup"],"mappings":"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"}

package/dist/components/molecules/ButtonGroup/index.d.ts

@@ -30,22 +30,32 @@ interface ButtonGroupItemProps extends ToggleButtonProps, RefAttributes<HTMLButt
     }> | ReactNode;
     onClick?: () => void;
     className?: string;
+    /**
+     * Overrides the derived `data-testid` for the item (defaults to `<root>--item-<id>`,
+     * derived from `id` or the item's text content).
+     */
+    'data-testid'?: string;
 }
 /**
  * A single selectable button within a `ButtonGroup`, supporting leading/trailing icons.
  *
  * @summary single item within a button group
  */
-export declare const ButtonGroupItem: ({ iconLeading: IconLeading, iconTrailing: IconTrailing, children, className, ...otherProps }: PropsWithChildren<ButtonGroupItemProps>) => import("react").JSX.Element;
+export declare const ButtonGroupItem: ({ iconLeading: IconLeading, iconTrailing: IconTrailing, children, className, "data-testid": dataTestId, ...otherProps }: PropsWithChildren<ButtonGroupItemProps>) => import("react").JSX.Element;
 export interface ButtonGroupProps extends Omit<ToggleButtonGroupProps, 'orientation'>, RefAttributes<HTMLDivElement> {
     size?: ButtonSize;
     className?: string;
+    /**
+     * Overrides the derived root `data-testid` (defaults to `fd-button-group`).
+     * `ButtonGroupItem` derives its id from this prefix (`<root>--item-<id>`).
+     */
+    'data-testid'?: string;
 }
 /**
  * A segmented set of connected buttons for single-select choices.
  *
  * @summary segmented set of connected buttons
  */
-export declare const ButtonGroup: ({ children, size, className, ...otherProps }: ButtonGroupProps) => import("react").JSX.Element;
+export declare const ButtonGroup: ({ children, size, className, "data-testid": dataTestId, ...otherProps }: ButtonGroupProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/ButtonGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ButtonGroup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiB,KAAK,EAAE,EAAkB,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAc,MAAM,OAAO,CAAC;AACvI,OAAO,EAGL,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAE/B,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CA4BjB,CAAC;AAEH,KAAK,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;AAI5C,UAAU,oBAAqB,SAAQ,iBAAiB,EAAE,aAAa,CAAC,iBAAiB,CAAC;IACxF,WAAW,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACrD,YAAY,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,8FAM7B,iBAAiB,CAAC,oBAAoB,CAAC,gCA2BzC,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,aAAa,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC;IAClH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,8CAAqD,gBAAgB,gCAYhG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/ButtonGroup/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAiB,KAAK,EAAE,EAAkB,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAc,MAAM,OAAO,CAAC;AACvI,OAAO,EAGL,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAE/B,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CA4BjB,CAAC;AAEH,KAAK,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;AAI5C,UAAU,oBAAqB,SAAQ,iBAAiB,EAAE,aAAa,CAAC,iBAAiB,CAAC;IACxF,WAAW,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACrD,YAAY,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACtD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,yHAO7B,iBAAiB,CAAC,oBAAoB,CAAC,gCAgCzC,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,sBAAsB,EAAE,aAAa,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC;IAClH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,yEAAgF,gBAAgB,gCAiB3H,CAAC"}

package/dist/components/molecules/ButtonGroup/index.js

@@ -1,6 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
 import { isReactComponent } from '@flipdish/ui-library/utilities/isReactComponent';
+import { useResolvedTestId, TestIdProvider, useTestIdPrefix, slugifyTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { createContext, useContext, isValidElement } from 'react';
 import { ToggleButtonGroup, ToggleButton } from 'react-aria-components';
 
@@ -38,22 +39,26 @@ const ButtonGroupContext = createContext({ size: 'md' });
  *
  * @summary single item within a button group
  */
-const ButtonGroupItem = ({ iconLeading: IconLeading, iconTrailing: IconTrailing, children, className, ...otherProps }) => {
+const ButtonGroupItem = ({ iconLeading: IconLeading, iconTrailing: IconTrailing, children, className, 'data-testid': dataTestId, ...otherProps }) => {
     const context = useContext(ButtonGroupContext);
+    const prefix = useTestIdPrefix();
     if (!context) {
         throw new Error('ButtonGroupItem must be used within a ButtonGroup component');
     }
     const { size } = context;
     const isIcon = (IconLeading || IconTrailing) && !children;
-    return (jsxs(ToggleButton, { ...otherProps, "data-icon-only": isIcon ? true : undefined, "data-icon-leading": IconLeading ? true : undefined, className: cx(styles.common.root, styles.sizes[size].root, className), children: [isReactComponent(IconLeading) && jsx(IconLeading, { className: cx(styles.common.icon, styles.sizes[size].icon) }), isValidElement(IconLeading) && IconLeading, children, isReactComponent(IconTrailing) && jsx(IconTrailing, { className: cx(styles.common.icon, styles.sizes[size].icon) }), isValidElement(IconTrailing) && IconTrailing] }));
+    const idPart = otherProps.id !== undefined ? slugifyTestId(String(otherProps.id)) : typeof children === 'string' ? slugifyTestId(children) : 'item';
+    const itemTestId = dataTestId ?? (prefix ? joinTestId(prefix, `item-${idPart}`) : undefined);
+    return (jsxs(ToggleButton, { ...otherProps, "data-testid": itemTestId, "data-icon-only": isIcon ? true : undefined, "data-icon-leading": IconLeading ? true : undefined, className: cx(styles.common.root, styles.sizes[size].root, className), children: [isReactComponent(IconLeading) && jsx(IconLeading, { className: cx(styles.common.icon, styles.sizes[size].icon) }), isValidElement(IconLeading) && IconLeading, children, isReactComponent(IconTrailing) && jsx(IconTrailing, { className: cx(styles.common.icon, styles.sizes[size].icon) }), isValidElement(IconTrailing) && IconTrailing] }));
 };
 /**
  * A segmented set of connected buttons for single-select choices.
  *
  * @summary segmented set of connected buttons
  */
-const ButtonGroup = ({ children, size = 'md', className, ...otherProps }) => {
-    return (jsx(ButtonGroupContext.Provider, { value: { size }, children: jsx(ToggleButtonGroup, { selectionMode: "single", className: cx('relative z-0 inline-flex w-max -space-x-px rounded-lg shadow-xs', className), ...otherProps, children: children }) }));
+const ButtonGroup = ({ children, size = 'md', className, 'data-testid': dataTestId, ...otherProps }) => {
+    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'button-group', rootName: 'button-group' });
+    return (jsx(ButtonGroupContext.Provider, { value: { size }, children: jsx(TestIdProvider, { value: rootTestId, children: jsx(ToggleButtonGroup, { selectionMode: "single", className: cx('relative z-0 inline-flex w-max -space-x-px rounded-lg shadow-xs', className), ...otherProps, "data-testid": rootTestId, children: children }) }) }));
 };
 
 export { ButtonGroup, ButtonGroupItem, styles };

package/dist/components/molecules/ButtonGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/ButtonGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaToggleButton","_jsx","AriaToggleButtonGroup"],"mappings":";;;;;;AAYO,MAAM,MAAM,GAAG,MAAM,CAAC;AAC3B,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE;YACJ,iOAAiO;;YAEjO,6HAA6H;;YAE7H,8EAA8E;;YAE9E,yDAAyD;SAC1D,CAAC,IAAI,CAAC,GAAG,CAAC;AACX,QAAA,IAAI,EAAE,oKAAoK;AAC3K,KAAA;AAED,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,gKAAgK;AACtK,YAAA,IAAI,EAAE,QAAQ;AACf,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,8JAA8J;AACpK,YAAA,IAAI,EAAE,QAAQ;AACf,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,gKAAgK;AACtK,YAAA,IAAI,EAAE,QAAQ;AACf,SAAA;AACF,KAAA;AACF,CAAA;AAID,MAAM,kBAAkB,GAAG,aAAa,CAAuB,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAS9E;;;;AAIG;MACU,eAAe,GAAG,CAAC,EAC9B,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,UAAU,EAC2B,KAAI;AAC5C,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC;IAE9C,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,6DAA6D,CAAC;IAChF;AAEA,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO;IAExB,MAAM,MAAM,GAAG,CAAC,WAAW,IAAI,YAAY,KAAK,CAAC,QAAQ;IAEzD,QACEA,IAAA,CAACC,YAAgB,EAAA,EAAA,GACX,UAAU,EAAA,gBAAA,EACE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAA,mBAAA,EACtB,WAAW,GAAG,IAAI,GAAG,SAAS,EACjD,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAEpE,gBAAgB,CAAC,WAAW,CAAC,IAAIC,GAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAA,CAAI,EAC5G,cAAc,CAAC,WAAW,CAAC,IAAI,WAAW,EAE1C,QAAQ,EAER,gBAAgB,CAAC,YAAY,CAAC,IAAIA,GAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAA,CAAI,EAC9G,cAAc,CAAC,YAAY,CAAC,IAAI,YAAY,CAAA,EAAA,CAC5B;AAEvB;AAOA;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,UAAU,EAAoB,KAAI;AACnG,IAAA,QACEA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAA,QAAA,EAC1CA,GAAA,CAACC,iBAAqB,IACpB,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAE,EAAE,CAAC,iEAAiE,EAAE,SAAS,CAAC,EAAA,GACvF,UAAU,EAAA,QAAA,EAEb,QAAQ,EAAA,CACa,EAAA,CACI;AAElC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/ButtonGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaToggleButton","_jsx","AriaToggleButtonGroup"],"mappings":"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"}

package/dist/components/molecules/Carousel/index.cjs

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var Dot = require('@flipdish/ui-library/components/atoms/Dot');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var useEmblaCarousel = require('embla-carousel-react');
 var React = require('react');
 
@@ -14,7 +15,8 @@ const useCarousel = () => {
     }
     return context;
 };
-const CarouselRoot = ({ orientation = 'horizontal', opts, setApi, plugins, className, children, ...props }) => {
+const CarouselRoot = ({ orientation = 'horizontal', opts, setApi, plugins, className, children, 'data-testid': dataTestId, ...props }) => {
+    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'carousel', rootName: 'carousel' });
     const [carouselRef, api] = useEmblaCarousel({
         ...opts,
         axis: orientation === 'horizontal' ? 'x' : 'y',
@@ -68,30 +70,34 @@ const CarouselRoot = ({ orientation = 'horizontal', opts, setApi, plugins, class
             api?.off('select', onSelect);
         };
     }, [api, onInit, onSelect]);
-    return (jsxRuntime.jsx(CarouselContext.Provider, { value: {
-            carouselRef,
-            api: api,
-            opts,
-            orientation: orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),
-            scrollPrev,
-            scrollNext,
-            canScrollPrev,
-            canScrollNext,
-            selectedIndex,
-            scrollSnaps,
-        }, children: jsxRuntime.jsx("div", { onKeyDownCapture: handleKeyDown, className: cx.cx('relative', className), role: "region", "aria-roledescription": "carousel", ...props, children: children }) }));
+    return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: rootTestId, children: jsxRuntime.jsx(CarouselContext.Provider, { value: {
+                carouselRef,
+                api: api,
+                opts,
+                orientation: orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),
+                scrollPrev,
+                scrollNext,
+                canScrollPrev,
+                canScrollNext,
+                selectedIndex,
+                scrollSnaps,
+            }, children: jsxRuntime.jsx("div", { onKeyDownCapture: handleKeyDown, className: cx.cx('relative', className), role: "region", "aria-roledescription": "carousel", ...props, "data-testid": rootTestId, children: children }) }) }));
 };
 const CarouselContent = ({ className, overflowHidden = true, ...props }) => {
     const { carouselRef, orientation } = useCarousel();
     return (jsxRuntime.jsx("div", { ref: carouselRef, className: cx.cx('h-full w-full', overflowHidden && 'overflow-hidden'), children: jsxRuntime.jsx("div", { className: cx.cx('flex max-h-full', orientation === 'horizontal' ? '' : 'flex-col', className), ...props }) }));
 };
-const CarouselItem = ({ className, ...props }) => {
+const CarouselItem = ({ className, index, 'data-testid': dataTestId, ...props }) => {
+    const prefix = testIdUtils.useTestIdPrefix();
+    const itemTestId = dataTestId ?? (prefix && index !== undefined ? testIdUtils.joinTestId(prefix, `item-${index}`) : undefined);
     return (
     // biome-ignore lint/a11y/useSemanticElements: This is a custom component and we need to use a div to wrap the children
-    jsxRuntime.jsx("div", { role: "group", "aria-roledescription": "slide", className: cx.cx('min-w-0 shrink-0 grow-0 basis-full', className), ...props }));
+    jsxRuntime.jsx("div", { role: "group", "aria-roledescription": "slide", className: cx.cx('min-w-0 shrink-0 grow-0 basis-full', className), ...props, "data-testid": itemTestId }));
 };
-const Trigger = ({ className, children, asChild, direction, style, ...props }) => {
+const Trigger = ({ className, children, asChild, direction, style, 'data-testid': dataTestId, ...props }) => {
     const { scrollPrev, canScrollNext, scrollNext, canScrollPrev } = useCarousel();
+    const prefix = testIdUtils.useTestIdPrefix();
+    const triggerTestId = dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, direction) : undefined);
     const isDisabled = direction === 'prev' ? !canScrollPrev : !canScrollNext;
     const handleClick = () => {
         if (isDisabled)
@@ -110,16 +116,19 @@ const Trigger = ({ className, children, asChild, direction, style, ...props }) =
             onClick: handleClick,
             disabled: isDisabled,
             'aria-label': defaultAriaLabel,
+            'data-testid': triggerTestId,
             style: { ...children.props.style, ...style },
             className: [computedClassName, children.props.className].filter(Boolean).join(' ') || undefined,
         });
     }
-    return (jsxRuntime.jsx("button", { "aria-label": defaultAriaLabel, disabled: isDisabled, className: computedClassName, onClick: handleClick, ...props, children: children }));
+    return (jsxRuntime.jsx("button", { "aria-label": defaultAriaLabel, disabled: isDisabled, className: computedClassName, onClick: handleClick, ...props, "data-testid": triggerTestId, children: children }));
 };
 const CarouselPrevTrigger = (props) => jsxRuntime.jsx(Trigger, { ...props, direction: "prev" });
 const CarouselNextTrigger = (props) => jsxRuntime.jsx(Trigger, { ...props, direction: "next" });
-const CarouselIndicator = ({ index, isSelected = false, children, asChild, className, style }) => {
+const CarouselIndicator = ({ index, isSelected = false, children, asChild, className, style, 'data-testid': dataTestId }) => {
     const { api, selectedIndex } = useCarousel();
+    const prefix = testIdUtils.useTestIdPrefix();
+    const indicatorTestId = dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, `indicator-${index}`) : undefined);
     isSelected = isSelected || selectedIndex === index;
     const handleClick = () => {
         api?.scrollTo(index);
@@ -136,13 +145,14 @@ const CarouselIndicator = ({ index, isSelected = false, children, asChild, class
             onClick: handleClick,
             'aria-label': defaultAriaLabel,
             'aria-current': isSelected ? 'true' : undefined,
+            'data-testid': indicatorTestId,
             style: { ...children.props.style, ...style },
             className: [computedClassName, children.props.className].filter(Boolean).join(' ') || undefined,
         });
     }
     return (
     // biome-ignore lint/a11y/useButtonType: This is a custom component and we need to use a button to wrap the children
-    jsxRuntime.jsx("button", { "aria-label": defaultAriaLabel, "aria-current": isSelected ? 'true' : undefined, className: computedClassName, onClick: handleClick, children: children }));
+    jsxRuntime.jsx("button", { "aria-label": defaultAriaLabel, "aria-current": isSelected ? 'true' : undefined, className: computedClassName, onClick: handleClick, "data-testid": indicatorTestId, children: children }));
 };
 const CarouselIndicatorGroup = ({ children, ...props }) => {
     const { scrollSnaps } = useCarousel();
@@ -154,7 +164,8 @@ const CarouselIndicatorGroup = ({ children, ...props }) => {
 };
 const CarouselIndicatorBar = ({ framed, className }) => {
     const { scrollSnaps, selectedIndex, api } = useCarousel();
-    return (jsxRuntime.jsx("nav", { className: cx.cx('flex items-center gap-1.5', framed && 'rounded-full bg-primary/90 px-2.5 py-2 shadow-md backdrop-blur-xs', className), children: scrollSnaps.map((_, index) => (jsxRuntime.jsx("button", { type: "button", "aria-label": `Go to slide ${index + 1}`, "aria-current": selectedIndex === index ? 'true' : undefined, onClick: () => api?.scrollTo(index), children: jsxRuntime.jsx(Dot.Dot, { size: "sm", className: selectedIndex === index ? 'text-brand-solid' : 'text-fg-quaternary' }) }, index))) }));
+    const prefix = testIdUtils.useTestIdPrefix();
+    return (jsxRuntime.jsx("nav", { className: cx.cx('flex items-center gap-1.5', framed && 'rounded-full bg-primary/90 px-2.5 py-2 shadow-md backdrop-blur-xs', className), children: scrollSnaps.map((_, index) => (jsxRuntime.jsx("button", { type: "button", "aria-label": `Go to slide ${index + 1}`, "aria-current": selectedIndex === index ? 'true' : undefined, onClick: () => api?.scrollTo(index), "data-testid": prefix ? testIdUtils.joinTestId(prefix, `indicator-${index}`) : undefined, children: jsxRuntime.jsx(Dot.Dot, { size: "sm", className: selectedIndex === index ? 'text-brand-solid' : 'text-fg-quaternary' }) }, index))) }));
 };
 /**
  * Scrollable sequence of slides with previous/next navigation and optional dot indicators.