@flipdish/ui-library 0.10.0 → 0.11.1

package/dist/components/atoms/Tooltip/index.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, TestIdProvider } from '@flipdish/ui-library/utilities/testIdUtils';
 import { TooltipTrigger as TooltipTrigger$1, Tooltip as Tooltip$1, OverlayArrow, Button } from 'react-aria-components';
 
 /**
@@ -8,17 +9,19 @@ import { TooltipTrigger as TooltipTrigger$1, Tooltip as Tooltip$1, OverlayArrow,
  *
  * @summary contextual label shown on hover or keyboard focus
  */
-const Tooltip = ({ title, description, children, arrow = false, delay = 300, closeDelay = 0, trigger, isDisabled, isOpen, defaultOpen, offset = 6, crossOffset, placement = 'top', onOpenChange, ...tooltipProps }) => {
+const Tooltip = ({ title, description, children, arrow = false, delay = 300, closeDelay = 0, trigger, isDisabled, isOpen, defaultOpen, offset = 6, crossOffset, placement = 'top', onOpenChange, 'data-testid': dataTestId, ...tooltipProps }) => {
     const isTopOrBottomLeft = ['top left', 'top end', 'bottom left', 'bottom end'].includes(placement);
     const isTopOrBottomRight = ['top right', 'top start', 'bottom right', 'bottom start'].includes(placement);
     // Set negative cross offset for left and right placement to visually balance the tooltip.
     const calculatedCrossOffset = isTopOrBottomLeft ? -12 : isTopOrBottomRight ? 12 : 0;
-    return (jsxs(TooltipTrigger$1, { trigger, delay, closeDelay, isDisabled, isOpen, defaultOpen, onOpenChange, children: [children, jsx(Tooltip$1, { ...tooltipProps, offset: offset, placement: placement, crossOffset: crossOffset ?? calculatedCrossOffset, className: ({ isEntering, isExiting }) => cx(isEntering && 'ease-out animate-in', isExiting && 'ease-in animate-out'), children: ({ isEntering, isExiting }) => (jsxs("div", { className: cx('z-50 flex max-w-xs origin-(--trigger-anchor-point) flex-col items-start gap-1 rounded-lg bg-primary-solid px-3 shadow-lg will-change-transform', description ? 'py-3' : 'py-2', isEntering &&
-                        'ease-out animate-in fade-in zoom-in-95 in-placement-left:slide-in-from-right-0.5 in-placement-right:slide-in-from-left-0.5 in-placement-top:slide-in-from-bottom-0.5 in-placement-bottom:slide-in-from-top-0.5', isExiting &&
-                        'ease-in animate-out fade-out zoom-out-95 in-placement-left:slide-out-to-right-0.5 in-placement-right:slide-out-to-left-0.5 in-placement-top:slide-out-to-bottom-0.5 in-placement-bottom:slide-out-to-top-0.5'), children: [jsx("span", { className: "text-xs font-semibold text-white", children: title }), description && jsx("span", { className: "text-xs font-medium text-tooltip-supporting-text", children: description }), arrow && (jsx(OverlayArrow, { children: jsx("svg", { viewBox: "0 0 100 100", className: "size-2.5 fill-bg-primary-solid in-placement-left:-rotate-90 in-placement-right:rotate-90 in-placement-top:rotate-0 in-placement-bottom:rotate-180", children: jsx("path", { d: "M0,0 L35.858,35.858 Q50,50 64.142,35.858 L100,0 Z" }) }) }))] })) })] }));
+    const tooltipTestId = useResolvedTestId({ testId: dataTestId, segment: 'tooltip', rootName: 'tooltip' });
+    return (jsxs(TooltipTrigger$1, { trigger, delay, closeDelay, isDisabled, isOpen, defaultOpen, onOpenChange, children: [children, jsx(Tooltip$1, { ...tooltipProps, offset: offset, placement: placement, crossOffset: crossOffset ?? calculatedCrossOffset, className: ({ isEntering, isExiting }) => cx(isEntering && 'ease-out animate-in', isExiting && 'ease-in animate-out'), children: ({ isEntering, isExiting }) => (jsx(TestIdProvider, { value: tooltipTestId, children: jsxs("div", { "data-testid": tooltipTestId, className: cx('z-50 flex max-w-xs origin-(--trigger-anchor-point) flex-col items-start gap-1 rounded-lg bg-primary-solid px-3 shadow-lg will-change-transform', description ? 'py-3' : 'py-2', isEntering &&
+                            'ease-out animate-in fade-in zoom-in-95 in-placement-left:slide-in-from-right-0.5 in-placement-right:slide-in-from-left-0.5 in-placement-top:slide-in-from-bottom-0.5 in-placement-bottom:slide-in-from-top-0.5', isExiting &&
+                            'ease-in animate-out fade-out zoom-out-95 in-placement-left:slide-out-to-right-0.5 in-placement-right:slide-out-to-left-0.5 in-placement-top:slide-out-to-bottom-0.5 in-placement-bottom:slide-out-to-top-0.5'), children: [jsx("span", { className: "text-xs font-semibold text-white", children: title }), description && jsx("span", { className: "text-xs font-medium text-tooltip-supporting-text", children: description }), arrow && (jsx(OverlayArrow, { children: jsx("svg", { viewBox: "0 0 100 100", className: "size-2.5 fill-bg-primary-solid in-placement-left:-rotate-90 in-placement-right:rotate-90 in-placement-top:rotate-0 in-placement-bottom:rotate-180", children: jsx("path", { d: "M0,0 L35.858,35.858 Q50,50 64.142,35.858 L100,0 Z" }) }) }))] }) })) })] }));
 };
-const TooltipTrigger = ({ children, className, ...buttonProps }) => {
-    return (jsx(Button, { ...buttonProps, className: (values) => cx('h-max w-max outline-hidden', typeof className === 'function' ? className(values) : className), children: children }));
+const TooltipTrigger = ({ children, className, 'data-testid': dataTestId, ...buttonProps }) => {
+    const triggerTestId = useResolvedTestId({ testId: dataTestId, segment: 'tooltip-trigger', rootName: 'tooltip-trigger' });
+    return (jsx(Button, { ...buttonProps, "data-testid": triggerTestId, className: (values) => cx('h-max w-max outline-hidden', typeof className === 'function' ? className(values) : className), children: children }));
 };
 
 export { Tooltip, TooltipTrigger };

package/dist/components/atoms/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Tooltip/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaTooltipTrigger","_jsx","AriaTooltip","AriaOverlayArrow","AriaButton"],"mappings":";;;;AAuCA;;;;;AAKG;MACU,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,GAAG,EACX,UAAU,GAAG,CAAC,EACd,OAAO,EACP,UAAU,EACV,MAAM,EACN,WAAW,EACX,MAAM,GAAG,CAAC,EACV,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,GAAG,YAAY,EACF,KAAI;AACjB,IAAA,MAAM,iBAAiB,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;AAClG,IAAA,MAAM,kBAAkB,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;;IAEzG,MAAM,qBAAqB,GAAG,iBAAiB,GAAG,GAAG,GAAG,kBAAkB,GAAG,EAAE,GAAG,CAAC;AAEnF,IAAA,QACEA,IAAA,CAACC,gBAAkB,IAAO,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAA,QAAA,EAAA,CAChG,QAAQ,EAETC,GAAA,CAACC,SAAW,EAAA,EAAA,GACN,YAAY,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,IAAI,qBAAqB,EACjD,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,UAAU,IAAI,qBAAqB,EAAE,SAAS,IAAI,qBAAqB,CAAC,EAAA,QAAA,EAEpH,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,MACzBH,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,gJAAgJ,EAChJ,WAAW,GAAG,MAAM,GAAG,MAAM,EAE7B,UAAU;AACR,wBAAA,gNAAgN,EAClN,SAAS;wBACP,8MAA8M,CACjN,aAEDE,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,EAEhE,WAAW,IAAIA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kDAAkD,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,EAEtG,KAAK,KACJA,GAAA,CAACE,YAAgB,EAAA,EAAA,QAAA,EAEfF,GAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,mJAAmJ,EAAA,QAAA,EAE7JA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,mDAAmD,EAAA,CAAG,GAC1D,EAAA,CACW,CACpB,IACG,CACP,EAAA,CACW,CAAA,EAAA,CACK;AAEzB;AAIO,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,WAAW,EAAuB,KAAI;AAC7F,IAAA,QACEA,GAAA,CAACG,MAAU,EAAA,EAAA,GACL,WAAW,EACf,SAAS,EAAE,CAAC,MAAM,KAAK,EAAE,CAAC,4BAA4B,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,YAEvH,QAAQ,EAAA,CACE;AAEjB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Tooltip/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaTooltipTrigger","_jsx","AriaTooltip","AriaOverlayArrow","AriaButton"],"mappings":"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"}

package/dist/components/atoms/UtilityButton/index.cjs

@@ -4,6 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var Tooltip = require('@flipdish/ui-library/components/atoms/Tooltip');
 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');
 
@@ -18,7 +19,8 @@ const styles = {
  *
  * @summary compact icon-only button for secondary and tertiary toolbar actions
  */
-const ButtonUtility = ({ tooltip, className, isDisabled, icon: Icon, size = 'sm', color = 'secondary', tooltipPlacement = 'top', ...otherProps }) => {
+const ButtonUtility = ({ tooltip, className, isDisabled, icon: Icon, size = 'sm', color = 'secondary', tooltipPlacement = 'top', 'data-testid': dataTestId, ...otherProps }) => {
+    const buttonUtilityTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'button-utility', rootName: 'button-utility' });
     const href = 'href' in otherProps ? otherProps.href : undefined;
     const Component = href ? reactAriaComponents.Link : reactAriaComponents.Button;
     let props = {};
@@ -39,7 +41,7 @@ const ButtonUtility = ({ tooltip, className, isDisabled, icon: Icon, size = 'sm'
             isDisabled,
         };
     }
-    const content = (jsxRuntime.jsxs(Component, { "aria-label": tooltip, ...props, className: cx.cx('group relative inline-flex h-max cursor-pointer items-center justify-center rounded-md p-1.5 outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50', styles[color], 
+    const content = (jsxRuntime.jsxs(Component, { "aria-label": tooltip, ...props, "data-testid": buttonUtilityTestId, className: cx.cx('group relative inline-flex h-max cursor-pointer items-center justify-center rounded-md p-1.5 outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50', styles[color], 
         // Icon styles
         '*:data-icon:pointer-events-none *:data-icon:shrink-0 *:data-icon:text-current *:data-icon:transition-inherit-all', size === 'xs' ? '*:data-icon:size-4' : '*:data-icon:size-5', className), children: [isReactComponent.isReactComponent(Icon) && jsxRuntime.jsx(Icon, { "data-icon": true }), React.isValidElement(Icon) && Icon] }));
     if (tooltip) {

package/dist/components/atoms/UtilityButton/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/UtilityButton/index.tsx"],"sourcesContent":[null],"names":["AriaLink","AriaButton","_jsxs","cx","isReactComponent","_jsx","isValidElement","Tooltip"],"mappings":";;;;;;;;;AAUO,MAAM,MAAM,GAAG;AACpB,IAAA,SAAS,EACP,8JAA8J;AAChK,IAAA,QAAQ,EAAE,0EAA0E;;AA0CtF;;;;;;AAMG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,UAAU,EACV,IAAI,EAAE,IAAI,EACV,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,WAAW,EACnB,gBAAgB,GAAG,KAAK,EACxB,GAAG,UAAU,EACP,KAAI;AACV,IAAA,MAAM,IAAI,GAAG,MAAM,IAAI,UAAU,GAAG,UAAU,CAAC,IAAI,GAAG,SAAS;IAC/D,MAAM,SAAS,GAAG,IAAI,GAAGA,wBAAQ,GAAGC,0BAAU;IAE9C,IAAI,KAAK,GAAG,EAAE;IAEd,IAAI,IAAI,EAAE;AACR,QAAA,KAAK,GAAG;AACN,YAAA,GAAG,UAAU;YAEb,IAAI,EAAE,UAAU,GAAG,SAAS,GAAG,IAAI;;;;AAKnC,YAAA,IAAI,UAAU,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;SACnE;IACH;SAAO;AACL,QAAA,KAAK,GAAG;AACN,YAAA,GAAG,UAAU;AAEb,YAAA,IAAI,EAAE,UAAU,CAAC,IAAI,IAAI,QAAQ;YACjC,UAAU;SACX;IACH;AAEA,IAAA,MAAM,OAAO,IACXC,gBAAC,SAAS,EAAA,EAAA,YAAA,EACI,OAAO,EAAA,GACf,KAAK,EACT,SAAS,EAAEC,KAAE,CACX,4PAA4P,EAC5P,MAAM,CAAC,KAAK,CAAC;;AAGb,QAAA,kHAAkH,EAClH,IAAI,KAAK,IAAI,GAAG,oBAAoB,GAAG,oBAAoB,EAE3D,SAAS,CACV,EAAA,QAAA,EAAA,CAEAC,iCAAgB,CAAC,IAAI,CAAC,IAAIC,cAAA,CAAC,IAAI,EAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAa,EAC5CC,oBAAc,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA,EAAA,CACnB,CACb;IAED,IAAI,OAAO,EAAE;AACX,QAAA,QACED,cAAA,CAACE,eAAO,EAAA,EAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC,EAAA,QAAA,EACxG,OAAO,EAAA,CACA;IAEd;AAEA,IAAA,OAAO,OAAO;AAChB;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/UtilityButton/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","AriaLink","AriaButton","_jsxs","cx","isReactComponent","_jsx","isValidElement","Tooltip"],"mappings":";;;;;;;;;;AAWO,MAAM,MAAM,GAAG;AACpB,IAAA,SAAS,EACP,8JAA8J;AAChK,IAAA,QAAQ,EAAE,0EAA0E;;AA4CtF;;;;;;AAMG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,UAAU,EACV,IAAI,EAAE,IAAI,EACV,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,WAAW,EACnB,gBAAgB,GAAG,KAAK,EACxB,aAAa,EAAE,UAAU,EACzB,GAAG,UAAU,EACP,KAAI;AACV,IAAA,MAAM,mBAAmB,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;AAC5H,IAAA,MAAM,IAAI,GAAG,MAAM,IAAI,UAAU,GAAG,UAAU,CAAC,IAAI,GAAG,SAAS;IAC/D,MAAM,SAAS,GAAG,IAAI,GAAGC,wBAAQ,GAAGC,0BAAU;IAE9C,IAAI,KAAK,GAAG,EAAE;IAEd,IAAI,IAAI,EAAE;AACR,QAAA,KAAK,GAAG;AACN,YAAA,GAAG,UAAU;YAEb,IAAI,EAAE,UAAU,GAAG,SAAS,GAAG,IAAI;;;;AAKnC,YAAA,IAAI,UAAU,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;SACnE;IACH;SAAO;AACL,QAAA,KAAK,GAAG;AACN,YAAA,GAAG,UAAU;AAEb,YAAA,IAAI,EAAE,UAAU,CAAC,IAAI,IAAI,QAAQ;YACjC,UAAU;SACX;IACH;IAEA,MAAM,OAAO,IACXC,eAAA,CAAC,SAAS,EAAA,EAAA,YAAA,EACI,OAAO,KACf,KAAK,EAAA,aAAA,EACI,mBAAmB,EAChC,SAAS,EAAEC,KAAE,CACX,4PAA4P,EAC5P,MAAM,CAAC,KAAK,CAAC;;AAGb,QAAA,kHAAkH,EAClH,IAAI,KAAK,IAAI,GAAG,oBAAoB,GAAG,oBAAoB,EAE3D,SAAS,CACV,EAAA,QAAA,EAAA,CAEAC,iCAAgB,CAAC,IAAI,CAAC,IAAIC,cAAA,CAAC,IAAI,EAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAa,EAC5CC,oBAAc,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA,EAAA,CACnB,CACb;IAED,IAAI,OAAO,EAAE;AACX,QAAA,QACED,cAAA,CAACE,eAAO,EAAA,EAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC,EAAA,QAAA,EACxG,OAAO,EAAA,CACA;IAEd;AAEA,IAAA,OAAO,OAAO;AAChB;;;;;"}

package/dist/components/atoms/UtilityButton/index.d.ts

@@ -22,6 +22,8 @@ export interface CommonProps {
     tooltip?: string;
     /** The placement of the tooltip */
     tooltipPlacement?: Placement;
+    /** Overrides the `data-testid` (defaults to `fd-button-utility`). */
+    'data-testid'?: string;
 }
 /**
  * Props for the button variant (non-link)
@@ -46,6 +48,6 @@ export type Props = ButtonProps | LinkProps;
  *
  * @summary compact icon-only button for secondary and tertiary toolbar actions
  */
-export declare const ButtonUtility: ({ tooltip, className, isDisabled, icon: Icon, size, color, tooltipPlacement, ...otherProps }: Props) => import("react").JSX.Element;
+export declare const ButtonUtility: ({ tooltip, className, isDisabled, icon: Icon, size, color, tooltipPlacement, "data-testid": dataTestId, ...otherProps }: Props) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/UtilityButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/UtilityButton/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1G,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,SAAS,IAAI,aAAa,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGnH,eAAO,MAAM,MAAM;;;CAIlB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,sCAAsC;IACtC,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACjC,wCAAwC;IACxC,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,WACf,SAAQ,WAAW,EACjB,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EAAE,iBAAiB,CAAC;IACvG,yCAAyC;IACzC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC;AAED;;GAEG;AACH,UAAU,SAAU,SAAQ,WAAW,EAAE,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IACnI,qDAAqD;IACrD,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;CAChD;AAED,0CAA0C;AAC1C,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;AAE5C;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,8FAS3B,KAAK,gCAuDP,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/UtilityButton/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1G,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,SAAS,IAAI,aAAa,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGnH,eAAO,MAAM,MAAM;;;CAIlB,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,sCAAsC;IACtC,KAAK,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACjC,wCAAwC;IACxC,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IAC9C,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,WACf,SAAQ,WAAW,EACjB,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EAAE,iBAAiB,CAAC;IACvG,yCAAyC;IACzC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC;AAED;;GAEG;AACH,UAAU,SAAU,SAAQ,WAAW,EAAE,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IACnI,qDAAqD;IACrD,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;CAChD;AAED,0CAA0C;AAC1C,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG,SAAS,CAAC;AAE5C;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,yHAU3B,KAAK,gCAyDP,CAAC"}

package/dist/components/atoms/UtilityButton/index.js

@@ -2,6 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Tooltip } from '@flipdish/ui-library/components/atoms/Tooltip';
 import { cx } from '@flipdish/ui-library/utilities/cx';
 import { isReactComponent } from '@flipdish/ui-library/utilities/isReactComponent';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { isValidElement } from 'react';
 import { Link, Button } from 'react-aria-components';
 
@@ -16,7 +17,8 @@ const styles = {
  *
  * @summary compact icon-only button for secondary and tertiary toolbar actions
  */
-const ButtonUtility = ({ tooltip, className, isDisabled, icon: Icon, size = 'sm', color = 'secondary', tooltipPlacement = 'top', ...otherProps }) => {
+const ButtonUtility = ({ tooltip, className, isDisabled, icon: Icon, size = 'sm', color = 'secondary', tooltipPlacement = 'top', 'data-testid': dataTestId, ...otherProps }) => {
+    const buttonUtilityTestId = useResolvedTestId({ testId: dataTestId, segment: 'button-utility', rootName: 'button-utility' });
     const href = 'href' in otherProps ? otherProps.href : undefined;
     const Component = href ? Link : Button;
     let props = {};
@@ -37,7 +39,7 @@ const ButtonUtility = ({ tooltip, className, isDisabled, icon: Icon, size = 'sm'
             isDisabled,
         };
     }
-    const content = (jsxs(Component, { "aria-label": tooltip, ...props, className: cx('group relative inline-flex h-max cursor-pointer items-center justify-center rounded-md p-1.5 outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50', styles[color], 
+    const content = (jsxs(Component, { "aria-label": tooltip, ...props, "data-testid": buttonUtilityTestId, className: cx('group relative inline-flex h-max cursor-pointer items-center justify-center rounded-md p-1.5 outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2 focus-visible:outline-offset-2 disabled:cursor-not-allowed disabled:opacity-50', styles[color], 
         // Icon styles
         '*:data-icon:pointer-events-none *:data-icon:shrink-0 *:data-icon:text-current *:data-icon:transition-inherit-all', size === 'xs' ? '*:data-icon:size-4' : '*:data-icon:size-5', className), children: [isReactComponent(Icon) && jsx(Icon, { "data-icon": true }), isValidElement(Icon) && Icon] }));
     if (tooltip) {

package/dist/components/atoms/UtilityButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/UtilityButton/index.tsx"],"sourcesContent":[null],"names":["AriaLink","AriaButton","_jsxs","_jsx"],"mappings":";;;;;;;AAUO,MAAM,MAAM,GAAG;AACpB,IAAA,SAAS,EACP,8JAA8J;AAChK,IAAA,QAAQ,EAAE,0EAA0E;;AA0CtF;;;;;;AAMG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,UAAU,EACV,IAAI,EAAE,IAAI,EACV,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,WAAW,EACnB,gBAAgB,GAAG,KAAK,EACxB,GAAG,UAAU,EACP,KAAI;AACV,IAAA,MAAM,IAAI,GAAG,MAAM,IAAI,UAAU,GAAG,UAAU,CAAC,IAAI,GAAG,SAAS;IAC/D,MAAM,SAAS,GAAG,IAAI,GAAGA,IAAQ,GAAGC,MAAU;IAE9C,IAAI,KAAK,GAAG,EAAE;IAEd,IAAI,IAAI,EAAE;AACR,QAAA,KAAK,GAAG;AACN,YAAA,GAAG,UAAU;YAEb,IAAI,EAAE,UAAU,GAAG,SAAS,GAAG,IAAI;;;;AAKnC,YAAA,IAAI,UAAU,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;SACnE;IACH;SAAO;AACL,QAAA,KAAK,GAAG;AACN,YAAA,GAAG,UAAU;AAEb,YAAA,IAAI,EAAE,UAAU,CAAC,IAAI,IAAI,QAAQ;YACjC,UAAU;SACX;IACH;AAEA,IAAA,MAAM,OAAO,IACXC,KAAC,SAAS,EAAA,EAAA,YAAA,EACI,OAAO,EAAA,GACf,KAAK,EACT,SAAS,EAAE,EAAE,CACX,4PAA4P,EAC5P,MAAM,CAAC,KAAK,CAAC;;AAGb,QAAA,kHAAkH,EAClH,IAAI,KAAK,IAAI,GAAG,oBAAoB,GAAG,oBAAoB,EAE3D,SAAS,CACV,EAAA,QAAA,EAAA,CAEA,gBAAgB,CAAC,IAAI,CAAC,IAAIC,GAAA,CAAC,IAAI,EAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAa,EAC5C,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA,EAAA,CACnB,CACb;IAED,IAAI,OAAO,EAAE;AACX,QAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC,EAAA,QAAA,EACxG,OAAO,EAAA,CACA;IAEd;AAEA,IAAA,OAAO,OAAO;AAChB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/UtilityButton/index.tsx"],"sourcesContent":[null],"names":["AriaLink","AriaButton","_jsxs","_jsx"],"mappings":";;;;;;;;AAWO,MAAM,MAAM,GAAG;AACpB,IAAA,SAAS,EACP,8JAA8J;AAChK,IAAA,QAAQ,EAAE,0EAA0E;;AA4CtF;;;;;;AAMG;AACI,MAAM,aAAa,GAAG,CAAC,EAC5B,OAAO,EACP,SAAS,EACT,UAAU,EACV,IAAI,EAAE,IAAI,EACV,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,WAAW,EACnB,gBAAgB,GAAG,KAAK,EACxB,aAAa,EAAE,UAAU,EACzB,GAAG,UAAU,EACP,KAAI;AACV,IAAA,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;AAC5H,IAAA,MAAM,IAAI,GAAG,MAAM,IAAI,UAAU,GAAG,UAAU,CAAC,IAAI,GAAG,SAAS;IAC/D,MAAM,SAAS,GAAG,IAAI,GAAGA,IAAQ,GAAGC,MAAU;IAE9C,IAAI,KAAK,GAAG,EAAE;IAEd,IAAI,IAAI,EAAE;AACR,QAAA,KAAK,GAAG;AACN,YAAA,GAAG,UAAU;YAEb,IAAI,EAAE,UAAU,GAAG,SAAS,GAAG,IAAI;;;;AAKnC,YAAA,IAAI,UAAU,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;SACnE;IACH;SAAO;AACL,QAAA,KAAK,GAAG;AACN,YAAA,GAAG,UAAU;AAEb,YAAA,IAAI,EAAE,UAAU,CAAC,IAAI,IAAI,QAAQ;YACjC,UAAU;SACX;IACH;IAEA,MAAM,OAAO,IACXC,IAAA,CAAC,SAAS,EAAA,EAAA,YAAA,EACI,OAAO,KACf,KAAK,EAAA,aAAA,EACI,mBAAmB,EAChC,SAAS,EAAE,EAAE,CACX,4PAA4P,EAC5P,MAAM,CAAC,KAAK,CAAC;;AAGb,QAAA,kHAAkH,EAClH,IAAI,KAAK,IAAI,GAAG,oBAAoB,GAAG,oBAAoB,EAE3D,SAAS,CACV,EAAA,QAAA,EAAA,CAEA,gBAAgB,CAAC,IAAI,CAAC,IAAIC,GAAA,CAAC,IAAI,EAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAa,EAC5C,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA,EAAA,CACnB,CACb;IAED,IAAI,OAAO,EAAE;AACX,QAAA,QACEA,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,KAAK,IAAI,GAAG,CAAC,GAAG,CAAC,EAAA,QAAA,EACxG,OAAO,EAAA,CACA;IAEd;AAEA,IAAA,OAAO,OAAO;AAChB;;;;"}

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

@@ -6,6 +6,7 @@ var Button = require('@flipdish/ui-library/components/atoms/Button');
 var CloseButton = require('@flipdish/ui-library/components/atoms/CloseButton');
 var FeaturedIcon = require('@flipdish/ui-library/components/atoms/FeaturedIcon');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 
 const iconMap = {
     default: uiIcons.InfoCircle,
@@ -20,16 +21,18 @@ const iconMap = {
  *
  * @summary in-page alert card with confirm and dismiss actions
  */
-const AlertFloating = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', dismissLabel = 'Dismiss', }) => {
-    return (jsxRuntime.jsxs("div", { className: "relative flex flex-col gap-4 rounded-xl border border-primary bg-primary_alt p-4 shadow-xs md:flex-row", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { icon: iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-3 md:w-0", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 overflow-auto", children: [jsxRuntime.jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] }), (onConfirm || onClose) && (jsxRuntime.jsxs("div", { className: "flex gap-3", children: [onClose && (jsxRuntime.jsx(Button.Button, { onClick: onClose, size: "sm", color: "link-gray", children: dismissLabel })), onConfirm && (jsxRuntime.jsx(Button.Button, { onClick: onConfirm, size: "sm", color: "link-color", children: confirmLabel }))] }))] }), onClose && jsxRuntime.jsx(CloseButton.CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2" })] }));
+const AlertFloating = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', dismissLabel = 'Dismiss', 'data-testid': dataTestId, }) => {
+    const alertTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'alert-floating', rootName: 'alert-floating' });
+    return (jsxRuntime.jsxs("div", { "data-testid": alertTestId, className: "relative flex flex-col gap-4 rounded-xl border border-primary bg-primary_alt p-4 shadow-xs md:flex-row", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { icon: iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-3 md:w-0", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 overflow-auto", children: [jsxRuntime.jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] }), (onConfirm || onClose) && (jsxRuntime.jsxs("div", { className: "flex gap-3", children: [onClose && (jsxRuntime.jsx(Button.Button, { onClick: onClose, size: "sm", color: "link-gray", "data-testid": testIdUtils.joinTestId(alertTestId, 'dismiss'), children: dismissLabel })), onConfirm && (jsxRuntime.jsx(Button.Button, { onClick: onConfirm, size: "sm", color: "link-color", "data-testid": testIdUtils.joinTestId(alertTestId, 'confirm'), children: confirmLabel }))] }))] }), onClose && (jsxRuntime.jsx(CloseButton.CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2", "data-testid": testIdUtils.joinTestId(alertTestId, 'close') }))] }));
 };
 /**
  * Full-width banner alert for site-wide or layout-level notices with optional confirm and dismiss actions.
  *
  * @summary full-width banner alert for site-wide notices
  */
-const AlertFullWidth = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', actionType = 'button', dismissLabel = 'Dismiss', }) => {
-    return (jsxRuntime.jsx("div", { className: "relative border-t border-primary bg-secondary md:border-t-0 md:border-b", children: jsxRuntime.jsxs("div", { className: "mx-auto flex max-w-container flex-col gap-4 p-4 md:flex-row md:items-center md:gap-3 md:px-8 md:py-3", children: [jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-4 md:w-0 md:flex-row md:items-center", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { className: "hidden md:flex", icon: iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 overflow-hidden lg:flex-row lg:gap-1.5", children: [jsxRuntime.jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] })] }), (onConfirm || onClose) && (jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsxs("div", { className: cx.cx('flex w-full gap-3', actionType === 'button' ? 'flex-col-reverse md:flex-row' : 'flex-row'), children: [onClose && (jsxRuntime.jsx(Button.Button, { onClick: onClose, color: actionType === 'button' ? 'secondary' : 'link-gray', size: "sm", children: dismissLabel })), onConfirm && (jsxRuntime.jsx(Button.Button, { onClick: onConfirm, color: actionType === 'button' ? 'primary' : 'link-color', size: "sm", children: confirmLabel }))] }), onClose && jsxRuntime.jsx(CloseButton.CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2 shrink-0 md:static" })] }))] }) }));
+const AlertFullWidth = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', actionType = 'button', dismissLabel = 'Dismiss', 'data-testid': dataTestId, }) => {
+    const alertTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'alert-full-width', rootName: 'alert-full-width' });
+    return (jsxRuntime.jsx("div", { "data-testid": alertTestId, className: "relative border-t border-primary bg-secondary md:border-t-0 md:border-b", children: jsxRuntime.jsxs("div", { className: "mx-auto flex max-w-container flex-col gap-4 p-4 md:flex-row md:items-center md:gap-3 md:px-8 md:py-3", children: [jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-4 md:w-0 md:flex-row md:items-center", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { className: "hidden md:flex", icon: iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5 overflow-hidden lg:flex-row lg:gap-1.5", children: [jsxRuntime.jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] })] }), (onConfirm || onClose) && (jsxRuntime.jsxs("div", { className: "flex gap-2", children: [jsxRuntime.jsxs("div", { className: cx.cx('flex w-full gap-3', actionType === 'button' ? 'flex-col-reverse md:flex-row' : 'flex-row'), children: [onClose && (jsxRuntime.jsx(Button.Button, { onClick: onClose, color: actionType === 'button' ? 'secondary' : 'link-gray', size: "sm", "data-testid": testIdUtils.joinTestId(alertTestId, 'dismiss'), children: dismissLabel })), onConfirm && (jsxRuntime.jsx(Button.Button, { onClick: onConfirm, color: actionType === 'button' ? 'primary' : 'link-color', size: "sm", "data-testid": testIdUtils.joinTestId(alertTestId, 'confirm'), children: confirmLabel }))] }), onClose && (jsxRuntime.jsx(CloseButton.CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2 shrink-0 md:static", "data-testid": testIdUtils.joinTestId(alertTestId, 'close') }))] }))] }) }));
 };
 
 exports.AlertFloating = AlertFloating;

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Alert/index.tsx"],"sourcesContent":[null],"names":["InfoCircle","AlertCircle","CheckCircle","_jsxs","_jsx","FeaturedIcon","Button","CloseButton","cx"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Alert/index.tsx"],"sourcesContent":[null],"names":["InfoCircle","AlertCircle","CheckCircle","useResolvedTestId","_jsxs","_jsx","FeaturedIcon","Button","joinTestId","CloseButton","cx"],"mappings":"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"}

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

@@ -30,13 +30,18 @@ export interface AlertFloatingProps {
      * The function to call when the confirm button is clicked.
      */
     onConfirm?: () => void;
+    /**
+     * Overrides the `data-testid` (defaults to `fd-alert-floating`). The confirm,
+     * dismiss, and close controls derive their ids from this prefix.
+     */
+    'data-testid'?: string;
 }
 /**
  * Floating card alert for in-page contextual notices with optional confirm and dismiss actions.
  *
  * @summary in-page alert card with confirm and dismiss actions
  */
-export declare const AlertFloating: ({ title, description, confirmLabel, onClose, onConfirm, color, dismissLabel, }: AlertFloatingProps) => import("react").JSX.Element;
+export declare const AlertFloating: ({ title, description, confirmLabel, onClose, onConfirm, color, dismissLabel, "data-testid": dataTestId, }: AlertFloatingProps) => import("react").JSX.Element;
 interface AlertFullWidthProps {
     /**
      * The title of the alert.
@@ -73,12 +78,17 @@ interface AlertFullWidthProps {
      * The function to call when the confirm button is clicked.
      */
     onConfirm?: () => void;
+    /**
+     * Overrides the `data-testid` (defaults to `fd-alert-full-width`). The confirm,
+     * dismiss, and close controls derive their ids from this prefix.
+     */
+    'data-testid'?: string;
 }
 /**
  * Full-width banner alert for site-wide or layout-level notices with optional confirm and dismiss actions.
  *
  * @summary full-width banner alert for site-wide notices
  */
-export declare const AlertFullWidth: ({ title, description, confirmLabel, onClose, onConfirm, color, actionType, dismissLabel, }: AlertFullWidthProps) => import("react").JSX.Element;
+export declare const AlertFullWidth: ({ title, description, confirmLabel, onClose, onConfirm, color, actionType, dismissLabel, "data-testid": dataTestId, }: AlertFullWidthProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Alert/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,gFAQ3B,kBAAkB,gCA8BpB,CAAC;AAEF,UAAU,mBAAmB;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,4FAS5B,mBAAmB,gCAwCrB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Alert/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,2GAS3B,kBAAkB,gCAwCpB,CAAC;AAEF,UAAU,mBAAmB;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,uHAU5B,mBAAmB,gCA4DrB,CAAC"}

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

@@ -4,6 +4,7 @@ import { Button } from '@flipdish/ui-library/components/atoms/Button';
 import { CloseButton } from '@flipdish/ui-library/components/atoms/CloseButton';
 import { FeaturedIcon } from '@flipdish/ui-library/components/atoms/FeaturedIcon';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 
 const iconMap = {
     default: InfoCircle,
@@ -18,16 +19,18 @@ const iconMap = {
  *
  * @summary in-page alert card with confirm and dismiss actions
  */
-const AlertFloating = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', dismissLabel = 'Dismiss', }) => {
-    return (jsxs("div", { className: "relative flex flex-col gap-4 rounded-xl border border-primary bg-primary_alt p-4 shadow-xs md:flex-row", children: [jsx(FeaturedIcon, { icon: iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxs("div", { className: "flex flex-1 flex-col gap-3 md:w-0", children: [jsxs("div", { className: "flex flex-col gap-1 overflow-auto", children: [jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] }), (onConfirm || onClose) && (jsxs("div", { className: "flex gap-3", children: [onClose && (jsx(Button, { onClick: onClose, size: "sm", color: "link-gray", children: dismissLabel })), onConfirm && (jsx(Button, { onClick: onConfirm, size: "sm", color: "link-color", children: confirmLabel }))] }))] }), onClose && jsx(CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2" })] }));
+const AlertFloating = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', dismissLabel = 'Dismiss', 'data-testid': dataTestId, }) => {
+    const alertTestId = useResolvedTestId({ testId: dataTestId, segment: 'alert-floating', rootName: 'alert-floating' });
+    return (jsxs("div", { "data-testid": alertTestId, className: "relative flex flex-col gap-4 rounded-xl border border-primary bg-primary_alt p-4 shadow-xs md:flex-row", children: [jsx(FeaturedIcon, { icon: iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxs("div", { className: "flex flex-1 flex-col gap-3 md:w-0", children: [jsxs("div", { className: "flex flex-col gap-1 overflow-auto", children: [jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] }), (onConfirm || onClose) && (jsxs("div", { className: "flex gap-3", children: [onClose && (jsx(Button, { onClick: onClose, size: "sm", color: "link-gray", "data-testid": joinTestId(alertTestId, 'dismiss'), children: dismissLabel })), onConfirm && (jsx(Button, { onClick: onConfirm, size: "sm", color: "link-color", "data-testid": joinTestId(alertTestId, 'confirm'), children: confirmLabel }))] }))] }), onClose && (jsx(CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2", "data-testid": joinTestId(alertTestId, 'close') }))] }));
 };
 /**
  * Full-width banner alert for site-wide or layout-level notices with optional confirm and dismiss actions.
  *
  * @summary full-width banner alert for site-wide notices
  */
-const AlertFullWidth = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', actionType = 'button', dismissLabel = 'Dismiss', }) => {
-    return (jsx("div", { className: "relative border-t border-primary bg-secondary md:border-t-0 md:border-b", children: jsxs("div", { className: "mx-auto flex max-w-container flex-col gap-4 p-4 md:flex-row md:items-center md:gap-3 md:px-8 md:py-3", children: [jsxs("div", { className: "flex flex-1 flex-col gap-4 md:w-0 md:flex-row md:items-center", children: [jsx(FeaturedIcon, { className: "hidden md:flex", icon: iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxs("div", { className: "flex flex-col gap-0.5 overflow-hidden lg:flex-row lg:gap-1.5", children: [jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] })] }), (onConfirm || onClose) && (jsxs("div", { className: "flex gap-2", children: [jsxs("div", { className: cx('flex w-full gap-3', actionType === 'button' ? 'flex-col-reverse md:flex-row' : 'flex-row'), children: [onClose && (jsx(Button, { onClick: onClose, color: actionType === 'button' ? 'secondary' : 'link-gray', size: "sm", children: dismissLabel })), onConfirm && (jsx(Button, { onClick: onConfirm, color: actionType === 'button' ? 'primary' : 'link-color', size: "sm", children: confirmLabel }))] }), onClose && jsx(CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2 shrink-0 md:static" })] }))] }) }));
+const AlertFullWidth = ({ title, description, confirmLabel, onClose, onConfirm, color = 'default', actionType = 'button', dismissLabel = 'Dismiss', 'data-testid': dataTestId, }) => {
+    const alertTestId = useResolvedTestId({ testId: dataTestId, segment: 'alert-full-width', rootName: 'alert-full-width' });
+    return (jsx("div", { "data-testid": alertTestId, className: "relative border-t border-primary bg-secondary md:border-t-0 md:border-b", children: jsxs("div", { className: "mx-auto flex max-w-container flex-col gap-4 p-4 md:flex-row md:items-center md:gap-3 md:px-8 md:py-3", children: [jsxs("div", { className: "flex flex-1 flex-col gap-4 md:w-0 md:flex-row md:items-center", children: [jsx(FeaturedIcon, { className: "hidden md:flex", icon: iconMap[color], color: color === 'default' ? 'gray' : color, theme: color === 'default' ? 'modern' : 'outline', size: "md" }), jsxs("div", { className: "flex flex-col gap-0.5 overflow-hidden lg:flex-row lg:gap-1.5", children: [jsx("p", { className: "pr-8 text-sm font-semibold text-secondary md:truncate md:pr-0", children: title }), jsx("p", { className: "text-sm text-tertiary md:truncate", children: description })] })] }), (onConfirm || onClose) && (jsxs("div", { className: "flex gap-2", children: [jsxs("div", { className: cx('flex w-full gap-3', actionType === 'button' ? 'flex-col-reverse md:flex-row' : 'flex-row'), children: [onClose && (jsx(Button, { onClick: onClose, color: actionType === 'button' ? 'secondary' : 'link-gray', size: "sm", "data-testid": joinTestId(alertTestId, 'dismiss'), children: dismissLabel })), onConfirm && (jsx(Button, { onClick: onConfirm, color: actionType === 'button' ? 'primary' : 'link-color', size: "sm", "data-testid": joinTestId(alertTestId, 'confirm'), children: confirmLabel }))] }), onClose && (jsx(CloseButton, { onClick: onClose, size: "sm", label: dismissLabel, className: "absolute top-2 right-2 shrink-0 md:static", "data-testid": joinTestId(alertTestId, 'close') }))] }))] }) }));
 };
 
 export { AlertFloating, AlertFullWidth };

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

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

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

@@ -4,6 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var uiIcons = require('@flipdish/ui-icons');
 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');
 
 const baseClasses = {
@@ -97,7 +98,8 @@ const colorClasses = cx.sortCx({
  *
  * @summary pair a highlighted addon badge with a label for announcements and callouts
  */
-const BadgeGroup = ({ children, addonText, size = 'md', color = 'brand', theme = 'light', align = 'leading', className, iconTrailing: IconTrailing = uiIcons.ArrowRight, }) => {
+const BadgeGroup = ({ children, addonText, size = 'md', color = 'brand', theme = 'light', align = 'leading', className, iconTrailing: IconTrailing = uiIcons.ArrowRight, 'data-testid': dataTestId, }) => {
+    const badgeGroupTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'badge-group', rootName: 'badge-group' });
     const colors = colorClasses[theme][color];
     const sizes = getSizeClasses(theme, !!children, !!IconTrailing)[align][size];
     const rootClasses = cx.cx('inline-flex w-max cursor-pointer items-center transition duration-100 ease-linear', baseClasses[theme].root, sizes.root, colors.root, className);
@@ -105,9 +107,9 @@ const BadgeGroup = ({ children, addonText, size = 'md', color = 'brand', theme =
     const dotClasses = cx.cx('inline-block size-2 shrink-0 rounded-full', sizes.dot, colors.dot);
     const iconClasses = cx.cx(baseClasses[theme].icon, sizes.icon, colors.icon);
     if (align === 'trailing') {
-        return (jsxRuntime.jsxs("div", { className: rootClasses, children: [theme === 'modern' && jsxRuntime.jsx("span", { className: dotClasses }), children, jsxRuntime.jsxs("span", { className: addonClasses, children: [addonText, isReactComponent.isReactComponent(IconTrailing) && jsxRuntime.jsx(IconTrailing, { className: iconClasses }), React.isValidElement(IconTrailing) && IconTrailing] })] }));
+        return (jsxRuntime.jsxs("div", { className: rootClasses, "data-testid": badgeGroupTestId, children: [theme === 'modern' && jsxRuntime.jsx("span", { className: dotClasses }), children, jsxRuntime.jsxs("span", { className: addonClasses, children: [addonText, isReactComponent.isReactComponent(IconTrailing) && jsxRuntime.jsx(IconTrailing, { className: iconClasses }), React.isValidElement(IconTrailing) && IconTrailing] })] }));
     }
-    return (jsxRuntime.jsxs("div", { className: rootClasses, children: [jsxRuntime.jsxs("span", { className: addonClasses, children: [theme === 'modern' && jsxRuntime.jsx("span", { className: dotClasses }), addonText] }), children, isReactComponent.isReactComponent(IconTrailing) && jsxRuntime.jsx(IconTrailing, { className: iconClasses }), React.isValidElement(IconTrailing) && IconTrailing] }));
+    return (jsxRuntime.jsxs("div", { className: rootClasses, "data-testid": badgeGroupTestId, children: [jsxRuntime.jsxs("span", { className: addonClasses, children: [theme === 'modern' && jsxRuntime.jsx("span", { className: dotClasses }), addonText] }), children, isReactComponent.isReactComponent(IconTrailing) && jsxRuntime.jsx(IconTrailing, { className: iconClasses }), React.isValidElement(IconTrailing) && IconTrailing] }));
 };
 
 exports.BadgeGroup = BadgeGroup;

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/BadgeGroup/index.tsx"],"sourcesContent":[null],"names":["cx","sortCx","ArrowRight","_jsxs","_jsx","isReactComponent","isValidElement"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/BadgeGroup/index.tsx"],"sourcesContent":[null],"names":["cx","sortCx","ArrowRight","useResolvedTestId","_jsxs","_jsx","isReactComponent","isValidElement"],"mappings":"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"}

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

@@ -17,6 +17,8 @@ export interface BadgeGroupProps {
         className?: string;
     }> | ReactNode;
     className?: string;
+    /** Overrides the `data-testid` (defaults to `fd-badge-group`). */
+    'data-testid'?: string;
 }
 /**
  * A compound badge that pairs a highlighted addon pill with a text label —
@@ -24,6 +26,6 @@ export interface BadgeGroupProps {
  *
  * @summary pair a highlighted addon badge with a label for announcements and callouts
  */
-export declare const BadgeGroup: ({ children, addonText, size, color, theme, align, className, iconTrailing: IconTrailing, }: BadgeGroupProps) => import("react").JSX.Element;
+export declare const BadgeGroup: ({ children, addonText, size, color, theme, align, className, iconTrailing: IconTrailing, "data-testid": dataTestId, }: BadgeGroupProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BadgeGroup/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxB,KAAK,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAChE,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;AAChC,KAAK,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AA8FpC,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,4FASxB,eAAe,gCA+CjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BadgeGroup/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACxB,KAAK,KAAK,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAChE,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;AAChC,KAAK,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AA8FpC,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,GAAG,SAAS,CAAC;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,GAAI,uHAUxB,eAAe,gCAgDjB,CAAC"}

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

@@ -2,6 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { ArrowRight } from '@flipdish/ui-icons';
 import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
 import { isReactComponent } from '@flipdish/ui-library/utilities/isReactComponent';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { isValidElement } from 'react';
 
 const baseClasses = {
@@ -95,7 +96,8 @@ const colorClasses = sortCx({
  *
  * @summary pair a highlighted addon badge with a label for announcements and callouts
  */
-const BadgeGroup = ({ children, addonText, size = 'md', color = 'brand', theme = 'light', align = 'leading', className, iconTrailing: IconTrailing = ArrowRight, }) => {
+const BadgeGroup = ({ children, addonText, size = 'md', color = 'brand', theme = 'light', align = 'leading', className, iconTrailing: IconTrailing = ArrowRight, 'data-testid': dataTestId, }) => {
+    const badgeGroupTestId = useResolvedTestId({ testId: dataTestId, segment: 'badge-group', rootName: 'badge-group' });
     const colors = colorClasses[theme][color];
     const sizes = getSizeClasses(theme, !!children, !!IconTrailing)[align][size];
     const rootClasses = cx('inline-flex w-max cursor-pointer items-center transition duration-100 ease-linear', baseClasses[theme].root, sizes.root, colors.root, className);
@@ -103,9 +105,9 @@ const BadgeGroup = ({ children, addonText, size = 'md', color = 'brand', theme =
     const dotClasses = cx('inline-block size-2 shrink-0 rounded-full', sizes.dot, colors.dot);
     const iconClasses = cx(baseClasses[theme].icon, sizes.icon, colors.icon);
     if (align === 'trailing') {
-        return (jsxs("div", { className: rootClasses, children: [theme === 'modern' && jsx("span", { className: dotClasses }), children, jsxs("span", { className: addonClasses, children: [addonText, isReactComponent(IconTrailing) && jsx(IconTrailing, { className: iconClasses }), isValidElement(IconTrailing) && IconTrailing] })] }));
+        return (jsxs("div", { className: rootClasses, "data-testid": badgeGroupTestId, children: [theme === 'modern' && jsx("span", { className: dotClasses }), children, jsxs("span", { className: addonClasses, children: [addonText, isReactComponent(IconTrailing) && jsx(IconTrailing, { className: iconClasses }), isValidElement(IconTrailing) && IconTrailing] })] }));
     }
-    return (jsxs("div", { className: rootClasses, children: [jsxs("span", { className: addonClasses, children: [theme === 'modern' && jsx("span", { className: dotClasses }), addonText] }), children, isReactComponent(IconTrailing) && jsx(IconTrailing, { className: iconClasses }), isValidElement(IconTrailing) && IconTrailing] }));
+    return (jsxs("div", { className: rootClasses, "data-testid": badgeGroupTestId, children: [jsxs("span", { className: addonClasses, children: [theme === 'modern' && jsx("span", { className: dotClasses }), addonText] }), children, isReactComponent(IconTrailing) && jsx(IconTrailing, { className: iconClasses }), isValidElement(IconTrailing) && IconTrailing] }));
 };
 
 export { BadgeGroup };

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

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

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

@@ -7,6 +7,7 @@ var RadioButton = require('@flipdish/ui-library/components/atoms/RadioButton');
 var Breadcrumbs = require('@flipdish/ui-library/components/molecules/Breadcrumbs');
 var Dropdown = require('@flipdish/ui-library/components/molecules/Dropdown');
 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');
 
@@ -14,7 +15,8 @@ const BreadcrumbAccountItem = ({ items, selectedKey, onSelectionChange }) => {
     const context = React.useContext(Breadcrumbs.BreadcrumbsContext);
     const divider = context.divider || 'chevron';
     const selectedAccount = items.find((item) => item.id === selectedKey);
-    return (jsxRuntime.jsx(reactAriaComponents.Breadcrumb, { className: "flex items-center gap-1.5 md:gap-2", children: ({ isCurrent }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Dropdown.Dropdown.Root, { children: [jsxRuntime.jsxs(reactAriaComponents.Button, { 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: selectedAccount?.avatar, className: "shadow-md", contentClassName: "rounded-md before:hidden" }) }), jsxRuntime.jsx("span", { className: "text-sm font-semibold text-primary", children: selectedAccount?.name }), jsxRuntime.jsx(uiIcons.ChevronSelectorVertical, { className: "size-3 shrink-0 stroke-3 text-fg-quaternary" })] }), jsxRuntime.jsx(Dropdown.Dropdown.Popover, { className: "w-62", placement: "bottom left", children: jsxRuntime.jsx(Dropdown.Dropdown.Menu, { disallowEmptySelection: true, selectionMode: "single", selectedKeys: [selectedKey], onSelectionChange: (keys) => onSelectionChange(Array.from(keys).join()), className: "flex flex-col gap-1 px-1.5 py-1.5", children: items.map((account) => (jsxRuntime.jsx(reactAriaComponents.MenuItem, { id: account.id, textValue: account.name, className: (state) => cx.cx('relative w-full cursor-pointer rounded-md px-2 py-2 text-left outline-0 outline-offset-2 outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover focus:z-10 focus-visible:outline-2', state.isSelected && 'bg-primary_hover'), children: ({ isSelected }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("figure", { className: "group flex min-w-0 flex-1 items-center gap-1.5", children: [jsxRuntime.jsx("div", { className: "flex rounded-[10px] bg-primary p-0.5 ring-[0.5px] ring-secondary ring-inset", children: jsxRuntime.jsx(Avatar.Avatar, { size: "sm", src: account.avatar, className: "shadow-md", contentClassName: "rounded-lg before:hidden" }) }), jsxRuntime.jsxs("figcaption", { className: "min-w-0 flex-1", children: [jsxRuntime.jsx("p", { className: "text-sm font-semibold text-primary", children: account.name }), jsxRuntime.jsx("p", { className: "truncate text-sm text-tertiary", children: account.email })] })] }), jsxRuntime.jsx(RadioButton.RadioButtonBase, { isSelected: isSelected, className: "absolute top-2 right-2" })] })) }, account.id))) }) })] }), !isCurrent &&
+    const accountTestId = context.testIdPrefix ? testIdUtils.joinTestId(context.testIdPrefix, 'account') : undefined;
+    return (jsxRuntime.jsx(reactAriaComponents.Breadcrumb, { className: "flex items-center gap-1.5 md:gap-2", children: ({ isCurrent }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Dropdown.Dropdown.Root, { children: [jsxRuntime.jsxs(reactAriaComponents.Button, { "data-testid": accountTestId, "aria-label": "Switch account", 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: selectedAccount?.avatar, className: "shadow-md", contentClassName: "rounded-md before:hidden" }) }), jsxRuntime.jsx("span", { className: "text-sm font-semibold text-primary", children: selectedAccount?.name }), jsxRuntime.jsx(uiIcons.ChevronSelectorVertical, { className: "size-3 shrink-0 stroke-3 text-fg-quaternary" })] }), jsxRuntime.jsx(Dropdown.Dropdown.Popover, { className: "w-62", placement: "bottom left", children: jsxRuntime.jsx(Dropdown.Dropdown.Menu, { disallowEmptySelection: true, selectionMode: "single", selectedKeys: [selectedKey], onSelectionChange: (keys) => onSelectionChange(Array.from(keys).join()), className: "flex flex-col gap-1 px-1.5 py-1.5", children: items.map((account) => (jsxRuntime.jsx(reactAriaComponents.MenuItem, { id: account.id, textValue: account.name, "data-testid": accountTestId ? testIdUtils.joinTestId(accountTestId, `menu-item-${account.id}`) : undefined, className: (state) => cx.cx('relative w-full cursor-pointer rounded-md px-2 py-2 text-left outline-0 outline-offset-2 outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover focus:z-10 focus-visible:outline-2', state.isSelected && 'bg-primary_hover'), children: ({ isSelected }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("figure", { className: "group flex min-w-0 flex-1 items-center gap-1.5", children: [jsxRuntime.jsx("div", { className: "flex rounded-[10px] bg-primary p-0.5 ring-[0.5px] ring-secondary ring-inset", children: jsxRuntime.jsx(Avatar.Avatar, { size: "sm", src: account.avatar, className: "shadow-md", contentClassName: "rounded-lg before:hidden" }) }), jsxRuntime.jsxs("figcaption", { className: "min-w-0 flex-1", children: [jsxRuntime.jsx("p", { className: "text-sm font-semibold text-primary", children: account.name }), jsxRuntime.jsx("p", { className: "truncate text-sm text-tertiary", children: account.email })] })] }), jsxRuntime.jsx(RadioButton.RadioButtonBase, { isSelected: isSelected, className: "absolute top-2 right-2" })] })) }, account.id))) }) })] }), !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-account-item.cjs.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-account-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Breadcrumbs/components/breadcrumb-account-item.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,yBAAyB;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,yBAAyB,EAAE,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,qBAAqB,GAAI,2CAA2C,0BAA0B,gCA4E1G,CAAC"}
+{"version":3,"file":"breadcrumb-account-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Breadcrumbs/components/breadcrumb-account-item.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,yBAAyB;IACxC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,yBAAyB,EAAE,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,qBAAqB,GAAI,2CAA2C,0BAA0B,gCAiF1G,CAAC"}

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

@@ -5,6 +5,7 @@ import { RadioButtonBase } from '@flipdish/ui-library/components/atoms/RadioButt
 import { BreadcrumbsContext } from '@flipdish/ui-library/components/molecules/Breadcrumbs';
 import { Dropdown } from '@flipdish/ui-library/components/molecules/Dropdown';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { useContext } from 'react';
 import { Breadcrumb, Button, MenuItem } from 'react-aria-components';
 
@@ -12,7 +13,8 @@ const BreadcrumbAccountItem = ({ items, selectedKey, onSelectionChange }) => {
     const context = useContext(BreadcrumbsContext);
     const divider = context.divider || 'chevron';
     const selectedAccount = items.find((item) => item.id === selectedKey);
-    return (jsx(Breadcrumb, { className: "flex items-center gap-1.5 md:gap-2", children: ({ isCurrent }) => (jsxs(Fragment, { children: [jsxs(Dropdown.Root, { children: [jsxs(Button, { 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: selectedAccount?.avatar, className: "shadow-md", contentClassName: "rounded-md before:hidden" }) }), jsx("span", { className: "text-sm font-semibold text-primary", children: selectedAccount?.name }), jsx(ChevronSelectorVertical, { className: "size-3 shrink-0 stroke-3 text-fg-quaternary" })] }), jsx(Dropdown.Popover, { className: "w-62", placement: "bottom left", children: jsx(Dropdown.Menu, { disallowEmptySelection: true, selectionMode: "single", selectedKeys: [selectedKey], onSelectionChange: (keys) => onSelectionChange(Array.from(keys).join()), className: "flex flex-col gap-1 px-1.5 py-1.5", children: items.map((account) => (jsx(MenuItem, { id: account.id, textValue: account.name, className: (state) => cx('relative w-full cursor-pointer rounded-md px-2 py-2 text-left outline-0 outline-offset-2 outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover focus:z-10 focus-visible:outline-2', state.isSelected && 'bg-primary_hover'), children: ({ isSelected }) => (jsxs(Fragment, { children: [jsxs("figure", { className: "group flex min-w-0 flex-1 items-center gap-1.5", children: [jsx("div", { className: "flex rounded-[10px] bg-primary p-0.5 ring-[0.5px] ring-secondary ring-inset", children: jsx(Avatar, { size: "sm", src: account.avatar, className: "shadow-md", contentClassName: "rounded-lg before:hidden" }) }), jsxs("figcaption", { className: "min-w-0 flex-1", children: [jsx("p", { className: "text-sm font-semibold text-primary", children: account.name }), jsx("p", { className: "truncate text-sm text-tertiary", children: account.email })] })] }), jsx(RadioButtonBase, { isSelected: isSelected, className: "absolute top-2 right-2" })] })) }, account.id))) }) })] }), !isCurrent &&
+    const accountTestId = context.testIdPrefix ? joinTestId(context.testIdPrefix, 'account') : undefined;
+    return (jsx(Breadcrumb, { className: "flex items-center gap-1.5 md:gap-2", children: ({ isCurrent }) => (jsxs(Fragment, { children: [jsxs(Dropdown.Root, { children: [jsxs(Button, { "data-testid": accountTestId, "aria-label": "Switch account", 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: selectedAccount?.avatar, className: "shadow-md", contentClassName: "rounded-md before:hidden" }) }), jsx("span", { className: "text-sm font-semibold text-primary", children: selectedAccount?.name }), jsx(ChevronSelectorVertical, { className: "size-3 shrink-0 stroke-3 text-fg-quaternary" })] }), jsx(Dropdown.Popover, { className: "w-62", placement: "bottom left", children: jsx(Dropdown.Menu, { disallowEmptySelection: true, selectionMode: "single", selectedKeys: [selectedKey], onSelectionChange: (keys) => onSelectionChange(Array.from(keys).join()), className: "flex flex-col gap-1 px-1.5 py-1.5", children: items.map((account) => (jsx(MenuItem, { id: account.id, textValue: account.name, "data-testid": accountTestId ? joinTestId(accountTestId, `menu-item-${account.id}`) : undefined, className: (state) => cx('relative w-full cursor-pointer rounded-md px-2 py-2 text-left outline-0 outline-offset-2 outline-focus-ring transition duration-100 ease-linear hover:bg-primary_hover focus:z-10 focus-visible:outline-2', state.isSelected && 'bg-primary_hover'), children: ({ isSelected }) => (jsxs(Fragment, { children: [jsxs("figure", { className: "group flex min-w-0 flex-1 items-center gap-1.5", children: [jsx("div", { className: "flex rounded-[10px] bg-primary p-0.5 ring-[0.5px] ring-secondary ring-inset", children: jsx(Avatar, { size: "sm", src: account.avatar, className: "shadow-md", contentClassName: "rounded-lg before:hidden" }) }), jsxs("figcaption", { className: "min-w-0 flex-1", children: [jsx("p", { className: "text-sm font-semibold text-primary", children: account.name }), jsx("p", { className: "truncate text-sm text-tertiary", children: account.email })] })] }), jsx(RadioButtonBase, { isSelected: isSelected, className: "absolute top-2 right-2" })] })) }, account.id))) }) })] }), !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" })))] })) }));
 };