@flipdish/ui-library 0.11.0 → 0.11.2

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":";;;;;;;AAcA,MAAM,WAAW,GAAoE;AACnF,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,gCAAgC;AACtC,QAAA,KAAK,EAAE,gCAAgC;AACxC,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE,sGAAsG;AAC5G,QAAA,KAAK,EAAE,kFAAkF;AACzF,QAAA,IAAI,EAAE,0BAA0B;AACjC,KAAA;CACF;AAED,MAAM,cAAc,GAAG,CACrB,KAAa,EACb,IAAc,EACd,IAAc,MACmF;AACjG,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,EAAE,CAAC,oCAAoC,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC;AACxE,YAAA,KAAK,EAAE,EAAE,CAAC,aAAa,EAAE,KAAK,KAAK,QAAQ,IAAI,cAAc,EAAE,IAAI,IAAI,MAAM,CAAC;AAC9E,YAAA,IAAI,EAAE,aAAa;AACpB,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,EAAE,CAAC,oCAAoC,EAAE,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC;AACxE,YAAA,KAAK,EAAE,EAAE,CAAC,eAAe,EAAE,KAAK,KAAK,QAAQ,IAAI,cAAc,EAAE,IAAI,IAAI,MAAM,CAAC;AAChF,YAAA,IAAI,EAAE,aAAa;AACpB,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE;YACF,IAAI,EAAE,EAAE,CAAC,oCAAoC,EAAE,KAAK,KAAK,QAAQ,IAAI,QAAQ,CAAC;AAC9E,YAAA,KAAK,EAAE,EAAE,CAAC,oBAAoB,EAAE,KAAK,KAAK,QAAQ,IAAI,aAAa,EAAE,IAAI,IAAI,MAAM,CAAC;AACpF,YAAA,IAAI,EAAE,4BAA4B;AAClC,YAAA,GAAG,EAAE,QAAQ;AACd,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,oCAAoC;AAC1C,YAAA,KAAK,EAAE,EAAE,CAAC,oBAAoB,EAAE,KAAK,KAAK,QAAQ,IAAI,aAAa,EAAE,IAAI,IAAI,MAAM,CAAC;AACpF,YAAA,IAAI,EAAE,0BAA0B;AAChC,YAAA,GAAG,EAAE,MAAM;AACZ,SAAA;AACF,KAAA;AACF,CAAA,CAAC;AAEF,MAAM,YAAY,GAAiG,MAAM,CAAC;AACxH,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,8FAA8F;AACpG,YAAA,KAAK,EAAE,gDAAgD;AACvD,YAAA,IAAI,EAAE,wBAAwB;AAC/B,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,sGAAsG;AAC5G,YAAA,KAAK,EAAE,kDAAkD;AACzD,YAAA,IAAI,EAAE,0BAA0B;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,sFAAsF;AAC5F,YAAA,KAAK,EAAE,8CAA8C;AACrD,YAAA,IAAI,EAAE,sBAAsB;AAC7B,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,kGAAkG;AACxG,YAAA,KAAK,EAAE,iDAAiD;AACxD,YAAA,IAAI,EAAE,yBAAyB;AAChC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,8FAA8F;AACpG,YAAA,KAAK,EAAE,gDAAgD;AACvD,YAAA,IAAI,EAAE,wBAAwB;AAC/B,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,KAAK,EAAE;AACL,YAAA,GAAG,EAAE,4EAA4E;AAClF,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,GAAG,EAAE,gFAAgF;AACtF,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,GAAG,EAAE,wEAAwE;AAC9E,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,GAAG,EAAE,8EAA8E;AACpF,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,GAAG,EAAE,4EAA4E;AAClF,SAAA;AACF,KAAA;AACF,CAAA,CAAC;AAkBF;;;;;AAKG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,OAAO,EACf,KAAK,GAAG,OAAO,EACf,KAAK,GAAG,SAAS,EACjB,SAAS,EACT,YAAY,EAAE,YAAY,GAAG,UAAU,EACvC,aAAa,EAAE,UAAU,GACT,KAAI;AACpB,IAAA,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;IACnH,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;IACzC,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;IAE5E,MAAM,WAAW,GAAG,EAAE,CACpB,mFAAmF,EACnF,WAAW,CAAC,KAAK,CAAC,CAAC,IAAI,EACvB,KAAK,CAAC,IAAI,EACV,MAAM,CAAC,IAAI,EACX,SAAS,CACV;IACD,MAAM,YAAY,GAAG,EAAE,CAAC,0BAA0B,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;AACxG,IAAA,MAAM,UAAU,GAAG,EAAE,CAAC,2CAA2C,EAAE,KAAK,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC;AACzF,IAAA,MAAM,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC;AAExE,IAAA,IAAI,KAAK,KAAK,UAAU,EAAE;QACxB,QACEA,cAAK,SAAS,EAAE,WAAW,EAAA,aAAA,EAAe,gBAAgB,EAAA,QAAA,EAAA,CACvD,KAAK,KAAK,QAAQ,IAAIC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,UAAU,EAAA,CAAI,EAErD,QAAQ,EAETD,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,YAAY,aAC1B,SAAS,EAGT,gBAAgB,CAAC,YAAY,CAAC,IAAIC,GAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAE,WAAW,EAAA,CAAI,EAC1E,cAAc,CAAC,YAAY,CAAC,IAAI,YAAY,CAAA,EAAA,CACxC,CAAA,EAAA,CACH;IAEV;IAEA,QACED,cAAK,SAAS,EAAE,WAAW,EAAA,aAAA,EAAe,gBAAgB,EAAA,QAAA,EAAA,CACxDA,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,YAAY,EAAA,QAAA,EAAA,CAC1B,KAAK,KAAK,QAAQ,IAAIC,cAAM,SAAS,EAAE,UAAU,EAAA,CAAI,EACrD,SAAS,IACL,EAEN,QAAQ,EAGR,gBAAgB,CAAC,YAAY,CAAC,IAAIA,GAAA,CAAC,YAAY,EAAA,EAAC,SAAS,EAAE,WAAW,EAAA,CAAI,EAC1E,cAAc,CAAC,YAAY,CAAC,IAAI,YAAY,CAAA,EAAA,CACzC;AAEV;;;;"}

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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"}