@flipdish/ui-library 0.11.0 → 0.11.2

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/LoadingIndicator/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;AAIA,MAAM,MAAM,GAAG;AACb,IAAA,EAAE,EAAE;AACF,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,qBAAqB;AAC5B,QAAA,OAAO,EAAE,QAAQ;AAClB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,qBAAqB;AAC5B,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,qBAAqB;AAC5B,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,qBAAqB;AAC5B,QAAA,OAAO,EAAE,SAAS;AACnB,KAAA;CACF;AAmBD;;;;AAIG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,GAAG,aAAa,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAyB,KAAI;IACtG,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,IAAI,IAAI,KAAK,cAAc,EAAE;YAC3B;;AAEE,YAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,QAAA,EACvFA,GAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAC,yBAAyB,EACnC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,GAAG,EACf,gBAAgB,EAAC,IAAI,EACrB,eAAe,EAAC,KAAK,EACrB,aAAa,EAAC,OAAO,EAAA,CACrB,EAAA,CACE;QAEV;AAEA,QAAA,IAAI,IAAI,KAAK,YAAY,EAAE;YACzB;;AAEE,YAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,QAAA,EAAA,CAC7GD,cACE,CAAC,EAAC,mVAAmV,EACrV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,eAAe,EAAC,OAAO,EAAA,CACvB,EACFA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,sRAAsR,EACxR,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,eAAe,EAAC,OAAO,GACvB,EACFC,IAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EAAA,CACEA,IAAA,CAAA,gBAAA,EAAA,EAAgB,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,aAAa,EAAC,gBAAgB,aACvFD,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,cAAc,EAAA,CAAG,EACjCA,GAAA,CAAA,MAAA,EAAA,EAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAA,CAAG,CAAA,EAAA,CAC/C,EACjBC,yBAAgB,EAAE,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,aAAa,EAAC,gBAAgB,EAAA,QAAA,EAAA,CACzFD,cAAM,WAAW,EAAC,GAAG,EAAC,SAAS,EAAC,cAAc,GAAG,EACjDA,GAAA,CAAA,MAAA,EAAA,EAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAC,cAAc,EAAC,WAAW,EAAC,MAAM,EAAA,CAAG,IAChD,CAAA,EAAA,CACZ,CAAA,EAAA,CACH;QAEV;;QAGA;;AAEE,QAAAC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,QAAA,EAAA,CACvFD,gBAAQ,SAAS,EAAC,kBAAkB,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAA,CAAG,EACpGA,gBACE,SAAS,EAAC,yBAAyB,EACnC,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,GAAG,EACf,gBAAgB,EAAC,IAAI,EACrB,eAAe,EAAC,KAAK,EACrB,aAAa,EAAC,OAAO,EAAA,CACrB,CAAA,EAAA,CACE;AAEV,IAAA,CAAC;AAED,IAAA,QACEC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAA,QAAA,EAAA,CAC/E,aAAa,EAAE,EACf,KAAK,IAAID,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAQ,CAAA,EAAA,CAC/E;AAEV;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/LoadingIndicator/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -2,13 +2,15 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 
 /**
  * A basic progress bar component.
  */
-const ProgressBarBase = ({ value, min = 0, max = 100, className, progressClassName }) => {
+const ProgressBarBase = ({ value, min = 0, max = 100, className, progressClassName, 'data-testid': dataTestId }) => {
     const percentage = ((value - min) * 100) / (max - min);
-    return (jsxRuntime.jsx("div", { role: "progressbar", "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max, className: cx.cx('h-2 w-full overflow-hidden rounded-md bg-quaternary', className), children: jsxRuntime.jsx("div", { 
+    const progressBarTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'progress-bar', rootName: 'progress-bar' });
+    return (jsxRuntime.jsx("div", { role: "progressbar", "data-testid": progressBarTestId, "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max, className: cx.cx('h-2 w-full overflow-hidden rounded-md bg-quaternary', className), children: jsxRuntime.jsx("div", { 
             // Use transform instead of width to avoid layout thrashing (and for smoother animation)
             style: { transform: `translateX(-${100 - percentage}%)` }, className: cx.cx('size-full rounded-md bg-fg-brand-primary transition duration-75 ease-linear', progressClassName) }) }));
 };
@@ -17,10 +19,10 @@ const ProgressBarBase = ({ value, min = 0, max = 100, className, progressClassNa
  *
  * @summary Displays the completion of a task or process as a filled horizontal bar.
  */
-const ProgressBar = ({ value, min = 0, max = 100, valueFormatter, labelPosition, className, progressClassName, }) => {
+const ProgressBar = ({ value, min = 0, max = 100, valueFormatter, labelPosition, className, progressClassName, 'data-testid': dataTestId, }) => {
     const percentage = ((value - min) * 100) / (max - min);
     const formattedValue = valueFormatter ? valueFormatter(value, percentage) : `${percentage.toFixed(0)}%`; // Default to rounded percentage
-    const baseProgressBar = jsxRuntime.jsx(ProgressBarBase, { min: min, max: max, value: value, className: className, progressClassName: progressClassName });
+    const baseProgressBar = (jsxRuntime.jsx(ProgressBarBase, { min: min, max: max, value: value, className: className, progressClassName: progressClassName, "data-testid": dataTestId }));
     switch (labelPosition) {
         case 'right':
             return (jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [baseProgressBar, jsxRuntime.jsx("span", { className: "shrink-0 text-sm font-medium text-secondary tabular-nums", children: formattedValue })] }));

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

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

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

@@ -26,11 +26,13 @@ export interface ProgressBarProps {
      * It receives the raw value and the calculated percentage.
      */
     valueFormatter?: (value: number, valueInPercentage: number) => string | number;
+    /** Overrides the `data-testid` (defaults to `fd-progress-bar`). */
+    'data-testid'?: string;
 }
 /**
  * A basic progress bar component.
  */
-export declare const ProgressBarBase: ({ value, min, max, className, progressClassName }: ProgressBarProps) => import("react").JSX.Element;
+export declare const ProgressBarBase: ({ value, min, max, className, progressClassName, "data-testid": dataTestId }: ProgressBarProps) => import("react").JSX.Element;
 type ProgressBarLabelPosition = 'right' | 'bottom' | 'top-floating' | 'bottom-floating';
 export interface ProgressIndicatorWithTextProps extends ProgressBarProps {
     /**
@@ -47,6 +49,6 @@ export interface ProgressIndicatorWithTextProps extends ProgressBarProps {
  *
  * @summary Displays the completion of a task or process as a filled horizontal bar.
  */
-export declare const ProgressBar: ({ value, min, max, valueFormatter, labelPosition, className, progressClassName, }: ProgressIndicatorWithTextProps) => import("react").JSX.Element;
+export declare const ProgressBar: ({ value, min, max, valueFormatter, labelPosition, className, progressClassName, "data-testid": dataTestId, }: ProgressIndicatorWithTextProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ProgressBar/index.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;CAChF;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,mDAA6D,gBAAgB,gCAkB5G,CAAC;AAEF,KAAK,wBAAwB,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAExF,MAAM,WAAW,8BAA+B,SAAQ,gBAAgB;IACtE;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,wBAAwB,CAAC;CAC1C;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,mFAQzB,8BAA8B,gCAiDhC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ProgressBar/index.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IAC/E,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,8EAAwF,gBAAgB,gCAoBvI,CAAC;AAEF,KAAK,wBAAwB,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAExF,MAAM,WAAW,8BAA+B,SAAQ,gBAAgB;IACtE;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,wBAAwB,CAAC;CAC1C;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,8GASzB,8BAA8B,gCAmDhC,CAAC"}

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

@@ -1,12 +1,14 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 
 /**
  * A basic progress bar component.
  */
-const ProgressBarBase = ({ value, min = 0, max = 100, className, progressClassName }) => {
+const ProgressBarBase = ({ value, min = 0, max = 100, className, progressClassName, 'data-testid': dataTestId }) => {
     const percentage = ((value - min) * 100) / (max - min);
-    return (jsx("div", { role: "progressbar", "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max, className: cx('h-2 w-full overflow-hidden rounded-md bg-quaternary', className), children: jsx("div", { 
+    const progressBarTestId = useResolvedTestId({ testId: dataTestId, segment: 'progress-bar', rootName: 'progress-bar' });
+    return (jsx("div", { role: "progressbar", "data-testid": progressBarTestId, "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max, className: cx('h-2 w-full overflow-hidden rounded-md bg-quaternary', className), children: jsx("div", { 
             // Use transform instead of width to avoid layout thrashing (and for smoother animation)
             style: { transform: `translateX(-${100 - percentage}%)` }, className: cx('size-full rounded-md bg-fg-brand-primary transition duration-75 ease-linear', progressClassName) }) }));
 };
@@ -15,10 +17,10 @@ const ProgressBarBase = ({ value, min = 0, max = 100, className, progressClassNa
  *
  * @summary Displays the completion of a task or process as a filled horizontal bar.
  */
-const ProgressBar = ({ value, min = 0, max = 100, valueFormatter, labelPosition, className, progressClassName, }) => {
+const ProgressBar = ({ value, min = 0, max = 100, valueFormatter, labelPosition, className, progressClassName, 'data-testid': dataTestId, }) => {
     const percentage = ((value - min) * 100) / (max - min);
     const formattedValue = valueFormatter ? valueFormatter(value, percentage) : `${percentage.toFixed(0)}%`; // Default to rounded percentage
-    const baseProgressBar = jsx(ProgressBarBase, { min: min, max: max, value: value, className: className, progressClassName: progressClassName });
+    const baseProgressBar = (jsx(ProgressBarBase, { min: min, max: max, value: value, className: className, progressClassName: progressClassName, "data-testid": dataTestId }));
     switch (labelPosition) {
         case 'right':
             return (jsxs("div", { className: "flex items-center gap-3", children: [baseProgressBar, jsx("span", { className: "shrink-0 text-sm font-medium text-secondary tabular-nums", children: formattedValue })] }));

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

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

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

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var QRCodeStyling = require('qr-code-styling');
 var React = require('react');
 
@@ -21,9 +22,10 @@ const styles = {
  *
  * @summary renders a scannable QR code with branded corner frame handles
  */
-const QRCode = ({ size = 'md', value, options, className }) => {
+const QRCode = ({ size = 'md', value, options, className, 'data-testid': dataTestId }) => {
     const ref = React.useRef(null);
     const [qrCode, setQrCode] = React.useState(null);
+    const qrCodeTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'qr-code', rootName: 'qr-code' });
     React.useEffect(() => {
         if (!ref.current)
             return;
@@ -42,7 +44,7 @@ const QRCode = ({ size = 'md', value, options, className }) => {
             return;
         qrCode.update(options);
     }, [qrCode, options]);
-    return (jsxRuntime.jsxs("div", { className: cx.cx('relative flex items-center justify-center', styles[size].root, className), children: [jsxRuntime.jsx("div", { ref: ref }), jsxRuntime.jsx(QRCodeFrameHandle, { className: "absolute top-0 left-0" }), jsxRuntime.jsx(QRCodeFrameHandle, { className: "absolute top-0 right-0 rotate-90" }), jsxRuntime.jsx(QRCodeFrameHandle, { className: "absolute right-0 bottom-0 rotate-180" }), jsxRuntime.jsx(QRCodeFrameHandle, { className: "absolute bottom-0 left-0 -rotate-90" })] }));
+    return (jsxRuntime.jsxs("div", { "data-testid": qrCodeTestId, className: cx.cx('relative flex items-center justify-center', styles[size].root, className), children: [jsxRuntime.jsx("div", { ref: ref }), jsxRuntime.jsx(QRCodeFrameHandle, { className: "absolute top-0 left-0" }), jsxRuntime.jsx(QRCodeFrameHandle, { className: "absolute top-0 right-0 rotate-90" }), jsxRuntime.jsx(QRCodeFrameHandle, { className: "absolute right-0 bottom-0 rotate-180" }), jsxRuntime.jsx(QRCodeFrameHandle, { className: "absolute bottom-0 left-0 -rotate-90" })] }));
 };
 
 exports.GradientScan = GradientScan;

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/QRCode/index.tsx"],"sourcesContent":[null],"names":["_jsx","cx","useRef","useState","useEffect","_jsxs"],"mappings":";;;;;;;AAOA,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkC,MAChFA,2BAAS,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,0DAA0D,EAAE,SAAS,CAAC,EAAA,CAAI,CACzG;AAEM,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkC,MAClFD,cAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EACT,SAAS,EAAEC,KAAE,CAAC,wEAAwE,EAAE,SAAS,CAAC,EAClG,KAAK,EAAE;AACL,QAAA,SAAS,EAAE,uEAAuE;AAClF,QAAA,eAAe,EAAE,uEAAuE;QACxF,GAAG,KAAK,CAAC,KAAK;AACf,KAAA,EAAA,CACD;AAGJ,MAAM,MAAM,GAAG;AACb,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE;AAClD,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE;CACrD;AAuBD;;;;;AAKG;AACI,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAe,KAAI;AAChF,IAAA,MAAM,GAAG,GAAGC,YAAM,CAAwB,IAAI,CAAC;IAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGC,cAAQ,CAAuB,IAAI,CAAC;IAEhEC,eAAS,CAAC,MAAK;QACb,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE;AAElB,QAAA,MAAM,MAAM,GAAG,IAAI,aAAa,CAAC;YAC/B,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK;YAC5B,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,MAAM;AAC9B,YAAA,IAAI,EAAE,KAAK;AACX,YAAA,IAAI,EAAE,KAAK;AACX,YAAA,GAAG,OAAO;AACX,SAAA,CAAC;QAEF,SAAS,CAAC,MAAM,CAAC;AACjB,QAAA,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC;IAC5B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IAE1BA,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;YAAE;AAEb,QAAA,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;AACxB,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAErB,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEJ,KAAE,CAAC,2CAA2C,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAC3FD,cAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAA,CAAI,EAEjBA,cAAA,CAAC,iBAAiB,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,CAAG,EACvDA,cAAA,CAAC,iBAAiB,EAAA,EAAC,SAAS,EAAC,kCAAkC,EAAA,CAAG,EAClEA,cAAA,CAAC,iBAAiB,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,CAAG,EACtEA,cAAA,CAAC,iBAAiB,EAAA,EAAC,SAAS,EAAC,qCAAqC,EAAA,CAAG,CAAA,EAAA,CACjE;AAEV;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/QRCode/index.tsx"],"sourcesContent":[null],"names":["_jsx","cx","useRef","useState","useResolvedTestId","useEffect","_jsxs"],"mappings":"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"}

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

@@ -20,6 +20,8 @@ export interface QRCodeProps {
      * The class name to apply to the QR code.
      */
     className?: string;
+    /** Overrides the `data-testid` (defaults to `fd-qr-code`). */
+    'data-testid'?: string;
 }
 /**
  * Renders a scannable QR code with branded corner frame handles.
@@ -27,5 +29,5 @@ export interface QRCodeProps {
  *
  * @summary renders a scannable QR code with branded corner frame handles
  */
-export declare const QRCode: ({ size, value, options, className }: QRCodeProps) => import("react").JSX.Element;
+export declare const QRCode: ({ size, value, options, className, "data-testid": dataTestId }: QRCodeProps) => import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/QRCode/index.tsx"],"names":[],"mappings":"AAGA,OAAsB,EAAE,KAAK,OAAO,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,eAAO,MAAM,YAAY,GAAI,yBAAyB,cAAc,CAAC,cAAc,CAAC,gCAUnF,CAAC;AAOF,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,MAAM,GAAI,qCAA4C,WAAW,gCAmC7E,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/QRCode/index.tsx"],"names":[],"mappings":"AAIA,OAAsB,EAAE,KAAK,OAAO,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,eAAO,MAAM,YAAY,GAAI,yBAAyB,cAAc,CAAC,cAAc,CAAC,gCAUnF,CAAC;AAOF,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,MAAM,GAAI,gEAAuE,WAAW,gCAoCxG,CAAC"}

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

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import QRCodeStyling from 'qr-code-styling';
 import { useRef, useState, useEffect } from 'react';
 
@@ -19,9 +20,10 @@ const styles = {
  *
  * @summary renders a scannable QR code with branded corner frame handles
  */
-const QRCode = ({ size = 'md', value, options, className }) => {
+const QRCode = ({ size = 'md', value, options, className, 'data-testid': dataTestId }) => {
     const ref = useRef(null);
     const [qrCode, setQrCode] = useState(null);
+    const qrCodeTestId = useResolvedTestId({ testId: dataTestId, segment: 'qr-code', rootName: 'qr-code' });
     useEffect(() => {
         if (!ref.current)
             return;
@@ -40,7 +42,7 @@ const QRCode = ({ size = 'md', value, options, className }) => {
             return;
         qrCode.update(options);
     }, [qrCode, options]);
-    return (jsxs("div", { className: cx('relative flex items-center justify-center', styles[size].root, className), children: [jsx("div", { ref: ref }), jsx(QRCodeFrameHandle, { className: "absolute top-0 left-0" }), jsx(QRCodeFrameHandle, { className: "absolute top-0 right-0 rotate-90" }), jsx(QRCodeFrameHandle, { className: "absolute right-0 bottom-0 rotate-180" }), jsx(QRCodeFrameHandle, { className: "absolute bottom-0 left-0 -rotate-90" })] }));
+    return (jsxs("div", { "data-testid": qrCodeTestId, className: cx('relative flex items-center justify-center', styles[size].root, className), children: [jsx("div", { ref: ref }), jsx(QRCodeFrameHandle, { className: "absolute top-0 left-0" }), jsx(QRCodeFrameHandle, { className: "absolute top-0 right-0 rotate-90" }), jsx(QRCodeFrameHandle, { className: "absolute right-0 bottom-0 rotate-180" }), jsx(QRCodeFrameHandle, { className: "absolute bottom-0 left-0 -rotate-90" })] }));
 };
 
 export { GradientScan, QRCode };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/QRCode/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;AAOA,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkC,MAChFA,gBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,0DAA0D,EAAE,SAAS,CAAC,EAAA,CAAI,CACzG;AAEM,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkC,MAClFA,GAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,wEAAwE,EAAE,SAAS,CAAC,EAClG,KAAK,EAAE;AACL,QAAA,SAAS,EAAE,uEAAuE;AAClF,QAAA,eAAe,EAAE,uEAAuE;QACxF,GAAG,KAAK,CAAC,KAAK;AACf,KAAA,EAAA,CACD;AAGJ,MAAM,MAAM,GAAG;AACb,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE;AAClD,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE;CACrD;AAuBD;;;;;AAKG;AACI,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAe,KAAI;AAChF,IAAA,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC;IAC/C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAuB,IAAI,CAAC;IAEhE,SAAS,CAAC,MAAK;QACb,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE;AAElB,QAAA,MAAM,MAAM,GAAG,IAAI,aAAa,CAAC;YAC/B,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK;YAC5B,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,MAAM;AAC9B,YAAA,IAAI,EAAE,KAAK;AACX,YAAA,IAAI,EAAE,KAAK;AACX,YAAA,GAAG,OAAO;AACX,SAAA,CAAC;QAEF,SAAS,CAAC,MAAM,CAAC;AACjB,QAAA,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC;IAC5B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IAE1B,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;YAAE;AAEb,QAAA,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC;AACxB,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAErB,QACEC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAC3FD,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAA,CAAI,EAEjBA,GAAA,CAAC,iBAAiB,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,CAAG,EACvDA,GAAA,CAAC,iBAAiB,EAAA,EAAC,SAAS,EAAC,kCAAkC,EAAA,CAAG,EAClEA,GAAA,CAAC,iBAAiB,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,CAAG,EACtEA,GAAA,CAAC,iBAAiB,EAAA,EAAC,SAAS,EAAC,qCAAqC,EAAA,CAAG,CAAA,EAAA,CACjE;AAEV;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/QRCode/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

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

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var RatingStars = require('@flipdish/ui-library/components/atoms/RatingStars');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 
 const Wreath = (props) => (
 // biome-ignore lint/a11y/noSvgWithoutTitle: SVG does not need a title
@@ -14,8 +15,9 @@ jsxRuntime.jsxs("svg", { width: "36", height: "81", viewBox: "0 0 36 81", fill:
  *
  * @summary decorative rating badge with star score and review count
  */
-const RatingBadge = ({ title = 'Best Design Tool', subtitle = '2,000+ reviews', rating, theme = 'dark', className, ...props }) => {
-    return (jsxRuntime.jsxs("div", { ...props, className: cx.cx('flex items-center -space-x-0.5', className), children: [jsxRuntime.jsx(Wreath, { className: cx.cx('shrink-0', theme === 'light' && 'text-fg-white') }), jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1", children: [jsxRuntime.jsx(RatingStars.RatingStars, { rating: rating, className: "gap-0.5", starClassName: "size-4" }), jsxRuntime.jsxs("div", { className: "text-center", children: [jsxRuntime.jsx("p", { className: cx.cx('text-sm font-semibold', theme === 'light' ? 'text-primary_on-brand' : 'text-primary'), children: title }), jsxRuntime.jsx("p", { className: cx.cx('text-xs font-medium', theme === 'light' ? 'text-secondary_on-brand' : 'text-secondary'), children: subtitle })] })] }), jsxRuntime.jsx(Wreath, { className: cx.cx('shrink-0 -scale-x-100', theme === 'light' && 'text-fg-white') })] }));
+const RatingBadge = ({ title = 'Best Design Tool', subtitle = '2,000+ reviews', rating, theme = 'dark', className, 'data-testid': dataTestId, ...props }) => {
+    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'rating-badge', rootName: 'rating-badge' });
+    return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: rootTestId, children: jsxRuntime.jsxs("div", { ...props, "data-testid": rootTestId, className: cx.cx('flex items-center -space-x-0.5', className), children: [jsxRuntime.jsx(Wreath, { className: cx.cx('shrink-0', theme === 'light' && 'text-fg-white') }), jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1", children: [jsxRuntime.jsx(RatingStars.RatingStars, { rating: rating, className: "gap-0.5", starClassName: "size-4" }), jsxRuntime.jsxs("div", { className: "text-center", children: [jsxRuntime.jsx("p", { "data-testid": testIdUtils.joinTestId(rootTestId, 'title'), className: cx.cx('text-sm font-semibold', theme === 'light' ? 'text-primary_on-brand' : 'text-primary'), children: title }), jsxRuntime.jsx("p", { "data-testid": testIdUtils.joinTestId(rootTestId, 'subtitle'), className: cx.cx('text-xs font-medium', theme === 'light' ? 'text-secondary_on-brand' : 'text-secondary'), children: subtitle })] })] }), jsxRuntime.jsx(Wreath, { className: cx.cx('shrink-0 -scale-x-100', theme === 'light' && 'text-fg-white') })] }) }));
 };
 
 exports.RatingBadge = RatingBadge;

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/RatingBadge/index.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","_jsx","RatingStars"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/RatingBadge/index.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","_jsx","useResolvedTestId","TestIdProvider","RatingStars","joinTestId"],"mappings":"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"}

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

@@ -5,6 +5,8 @@ export interface RatingBadgeProps extends HTMLAttributes<HTMLDivElement> {
     subtitle?: string;
     rating?: number;
     theme?: 'light' | 'dark';
+    /** Overrides the `data-testid` (defaults to `fd-rating-badge`); re-roots nested ids. */
+    'data-testid'?: string;
 }
 /**
  * Displays a star rating flanked by decorative laurel wreaths, with a
@@ -13,5 +15,5 @@ export interface RatingBadgeProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @summary decorative rating badge with star score and review count
  */
-export declare const RatingBadge: ({ title, subtitle, rating, theme, className, ...props }: RatingBadgeProps) => import("react").JSX.Element;
+export declare const RatingBadge: ({ title, subtitle, rating, theme, className, "data-testid": dataTestId, ...props }: RatingBadgeProps) => import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/RatingBadge/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,eAAO,MAAM,MAAM,GAAI,OAAO,cAAc,CAAC,gBAAgB,CAAC,gCAgH7D,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,yDAOzB,gBAAgB,gCAiBlB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/RatingBadge/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,eAAO,MAAM,MAAM,GAAI,OAAO,cAAc,CAAC,gBAAgB,CAAC,gCAgH7D,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,wFAAwF;IACxF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,oFAQzB,gBAAgB,gCA+BlB,CAAC"}

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

@@ -1,6 +1,7 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { RatingStars } from '@flipdish/ui-library/components/atoms/RatingStars';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, TestIdProvider, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 
 const Wreath = (props) => (
 // biome-ignore lint/a11y/noSvgWithoutTitle: SVG does not need a title
@@ -12,8 +13,9 @@ jsxs("svg", { width: "36", height: "81", viewBox: "0 0 36 81", fill: "none", ...
  *
  * @summary decorative rating badge with star score and review count
  */
-const RatingBadge = ({ title = 'Best Design Tool', subtitle = '2,000+ reviews', rating, theme = 'dark', className, ...props }) => {
-    return (jsxs("div", { ...props, className: cx('flex items-center -space-x-0.5', className), children: [jsx(Wreath, { className: cx('shrink-0', theme === 'light' && 'text-fg-white') }), jsxs("div", { className: "flex flex-col items-center gap-1", children: [jsx(RatingStars, { rating: rating, className: "gap-0.5", starClassName: "size-4" }), jsxs("div", { className: "text-center", children: [jsx("p", { className: cx('text-sm font-semibold', theme === 'light' ? 'text-primary_on-brand' : 'text-primary'), children: title }), jsx("p", { className: cx('text-xs font-medium', theme === 'light' ? 'text-secondary_on-brand' : 'text-secondary'), children: subtitle })] })] }), jsx(Wreath, { className: cx('shrink-0 -scale-x-100', theme === 'light' && 'text-fg-white') })] }));
+const RatingBadge = ({ title = 'Best Design Tool', subtitle = '2,000+ reviews', rating, theme = 'dark', className, 'data-testid': dataTestId, ...props }) => {
+    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'rating-badge', rootName: 'rating-badge' });
+    return (jsx(TestIdProvider, { value: rootTestId, children: jsxs("div", { ...props, "data-testid": rootTestId, className: cx('flex items-center -space-x-0.5', className), children: [jsx(Wreath, { className: cx('shrink-0', theme === 'light' && 'text-fg-white') }), jsxs("div", { className: "flex flex-col items-center gap-1", children: [jsx(RatingStars, { rating: rating, className: "gap-0.5", starClassName: "size-4" }), jsxs("div", { className: "text-center", children: [jsx("p", { "data-testid": joinTestId(rootTestId, 'title'), className: cx('text-sm font-semibold', theme === 'light' ? 'text-primary_on-brand' : 'text-primary'), children: title }), jsx("p", { "data-testid": joinTestId(rootTestId, 'subtitle'), className: cx('text-xs font-medium', theme === 'light' ? 'text-secondary_on-brand' : 'text-secondary'), children: subtitle })] })] }), jsx(Wreath, { className: cx('shrink-0 -scale-x-100', theme === 'light' && 'text-fg-white') })] }) }));
 };
 
 export { RatingBadge, Wreath };

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

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

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

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var React = require('react');
 
 const getStarProgress = (starPosition, rating, maxRating = 5) => {
@@ -26,10 +27,11 @@ const StarIcon = ({ progress = 100, ...props }) => {
  *
  * @summary display a numeric rating as a row of filled stars
  */
-const RatingStars = ({ rating = 5, stars = 5, starClassName, ...props }) => {
-    return (jsxRuntime.jsx("div", { ...props, className: cx.cx('flex', props.className), children: Array.from({ length: stars }).map((_, index) => (
+const RatingStars = ({ rating = 5, stars = 5, starClassName, 'data-testid': dataTestId, ...props }) => {
+    const ratingStarsTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'rating-stars', rootName: 'rating-stars' });
+    return (jsxRuntime.jsx("div", { ...props, "data-testid": ratingStarsTestId, className: cx.cx('flex', props.className), children: Array.from({ length: stars }).map((_, index) => (jsxRuntime.jsx(StarIcon
         // biome-ignore lint/suspicious/noArrayIndexKey: static, ordered list of stars
-        jsxRuntime.jsx(StarIcon, { progress: getStarProgress(index, rating, stars), className: starClassName }, index))) }));
+        , { progress: getStarProgress(index, rating, stars), className: starClassName, "data-testid": testIdUtils.joinTestId(ratingStarsTestId, `star-${index}`) }, index))) }));
 };
 
 exports.RatingStars = RatingStars;

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/RatingStars/index.tsx"],"sourcesContent":[null],"names":["useId","_jsxs","cx","_jsx"],"mappings":";;;;;;AAMO,MAAM,eAAe,GAAG,CAAC,YAAoB,EAAE,MAAc,EAAE,SAAA,GAAoB,CAAC,KAAI;;AAE7F,IAAA,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC;AAE9D,IAAA,MAAM,IAAI,GAAG,aAAa,GAAG,YAAY;IAEzC,IAAI,IAAI,IAAI,CAAC;AAAE,QAAA,OAAO,GAAG;IACzB,IAAI,IAAI,IAAI,CAAC;AAAE,QAAA,OAAO,CAAC;IAEvB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;AAC/B;AAWO,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,KAAK,EAAiB,KAAI;AACtE,IAAA,MAAM,EAAE,GAAGA,WAAK,EAAE;IAElB;;AAEE,IAAAC,eAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,wBAAwB,EAAE,KAAK,CAAC,SAAS,CAAC,aAC7HC,cAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gpBAAgpB,EAClpB,SAAS,EAAC,kBAAkB,EAAA,CAC5B,EACFA,sBAAG,QAAQ,EAAE,CAAA,UAAA,EAAa,EAAE,GAAG,EAAA,QAAA,EAC7BA,cAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gpBAAgpB,EAClpB,IAAI,EAAC,cAAc,EAAA,CACnB,GACA,EACJA,cAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EACEA,6BAAU,EAAE,EAAE,QAAQ,EAAE,CAAA,CAAE,EAAA,QAAA,EACxBA,cAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,CAAA,EAAG,QAAQ,CAAA,CAAA,CAAG,EAAE,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAA,CAAG,GAC/C,EAAA,CACN,CAAA,EAAA,CACH;AAEV;AAmBA;;;;;AAKG;MACU,WAAW,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,aAAa,EAAE,GAAG,KAAK,EAAoB,KAAI;AAClG,IAAA,QACEA,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAED,KAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,YACnD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK;;QAE1CC,cAAA,CAAC,QAAQ,IAAa,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,aAAa,EAAA,EAAhF,KAAK,CAA+E,CACpG,CAAC,EAAA,CACE;AAEV;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/RatingStars/index.tsx"],"sourcesContent":[null],"names":["useId","_jsxs","cx","_jsx","useResolvedTestId","joinTestId"],"mappings":";;;;;;;AAOO,MAAM,eAAe,GAAG,CAAC,YAAoB,EAAE,MAAc,EAAE,SAAA,GAAoB,CAAC,KAAI;;AAE7F,IAAA,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC;AAE9D,IAAA,MAAM,IAAI,GAAG,aAAa,GAAG,YAAY;IAEzC,IAAI,IAAI,IAAI,CAAC;AAAE,QAAA,OAAO,GAAG;IACzB,IAAI,IAAI,IAAI,CAAC;AAAE,QAAA,OAAO,CAAC;IAEvB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;AAC/B;AAaO,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,KAAK,EAAiB,KAAI;AACtE,IAAA,MAAM,EAAE,GAAGA,WAAK,EAAE;IAElB;;AAEE,IAAAC,eAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,wBAAwB,EAAE,KAAK,CAAC,SAAS,CAAC,aAC7HC,cAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gpBAAgpB,EAClpB,SAAS,EAAC,kBAAkB,EAAA,CAC5B,EACFA,sBAAG,QAAQ,EAAE,CAAA,UAAA,EAAa,EAAE,GAAG,EAAA,QAAA,EAC7BA,cAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gpBAAgpB,EAClpB,IAAI,EAAC,cAAc,EAAA,CACnB,GACA,EACJA,cAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EACEA,6BAAU,EAAE,EAAE,QAAQ,EAAE,CAAA,CAAE,EAAA,QAAA,EACxBA,cAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,CAAA,EAAG,QAAQ,CAAA,CAAA,CAAG,EAAE,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAA,CAAG,GAC/C,EAAA,CACN,CAAA,EAAA,CACH;AAEV;AAqBA;;;;;AAKG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAoB,KAAI;AAC7H,IAAA,MAAM,iBAAiB,GAAGC,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;AAEtH,IAAA,QACED,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAA,aAAA,EAAe,iBAAiB,EAAE,SAAS,EAAED,KAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,YACnF,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,MAC1CC,eAAC;;AAGC,UAAA,EAAA,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAC/C,SAAS,EAAE,aAAa,EAAA,aAAA,EACXE,sBAAU,CAAC,iBAAiB,EAAE,CAAA,KAAA,EAAQ,KAAK,CAAA,CAAE,CAAC,EAAA,EAHtD,KAAK,CAIV,CACH,CAAC,EAAA,CACE;AAEV;;;;;;"}

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

@@ -7,6 +7,8 @@ interface StarIconProps extends SVGProps<SVGSVGElement> {
      * @default 100
      */
     progress?: number;
+    /** Overrides the `data-testid` on this star. */
+    'data-testid'?: string;
 }
 export declare const StarIcon: ({ progress, ...props }: StarIconProps) => import("react").JSX.Element;
 export interface RatingStarsProps extends HTMLAttributes<HTMLDivElement> {
@@ -24,6 +26,8 @@ export interface RatingStarsProps extends HTMLAttributes<HTMLDivElement> {
      * The class name of the star icon.
      */
     starClassName?: string;
+    /** Overrides the `data-testid` (defaults to `fd-rating-stars`); each star derives `--star-<index>` from it. */
+    'data-testid'?: string;
 }
 /**
  * Renders a row of star icons filled proportionally to represent a numeric rating.
@@ -31,6 +35,6 @@ export interface RatingStarsProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @summary display a numeric rating as a row of filled stars
  */
-export declare const RatingStars: ({ rating, stars, starClassName, ...props }: RatingStarsProps) => import("react").JSX.Element;
+export declare const RatingStars: ({ rating, stars, starClassName, "data-testid": dataTestId, ...props }: RatingStarsProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/RatingStars/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtD,eAAO,MAAM,eAAe,GAAI,cAAc,MAAM,EAAE,QAAQ,MAAM,EAAE,YAAW,MAAU,WAU1F,CAAC;AAEF,UAAU,aAAc,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACrD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,GAAI,wBAA8B,aAAa,gCAuBnE,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,4CAAoD,gBAAgB,gCAS/F,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/RatingStars/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGtD,eAAO,MAAM,eAAe,GAAI,cAAc,MAAM,EAAE,QAAQ,MAAM,EAAE,YAAW,MAAU,WAU1F,CAAC;AAEF,UAAU,aAAc,SAAQ,QAAQ,CAAC,aAAa,CAAC;IACrD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,QAAQ,GAAI,wBAA8B,aAAa,gCAuBnE,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+GAA+G;IAC/G,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GAAI,uEAA+E,gBAAgB,gCAgB1H,CAAC"}

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

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { useId } from 'react';
 
 const getStarProgress = (starPosition, rating, maxRating = 5) => {
@@ -24,10 +25,11 @@ const StarIcon = ({ progress = 100, ...props }) => {
  *
  * @summary display a numeric rating as a row of filled stars
  */
-const RatingStars = ({ rating = 5, stars = 5, starClassName, ...props }) => {
-    return (jsx("div", { ...props, className: cx('flex', props.className), children: Array.from({ length: stars }).map((_, index) => (
+const RatingStars = ({ rating = 5, stars = 5, starClassName, 'data-testid': dataTestId, ...props }) => {
+    const ratingStarsTestId = useResolvedTestId({ testId: dataTestId, segment: 'rating-stars', rootName: 'rating-stars' });
+    return (jsx("div", { ...props, "data-testid": ratingStarsTestId, className: cx('flex', props.className), children: Array.from({ length: stars }).map((_, index) => (jsx(StarIcon
         // biome-ignore lint/suspicious/noArrayIndexKey: static, ordered list of stars
-        jsx(StarIcon, { progress: getStarProgress(index, rating, stars), className: starClassName }, index))) }));
+        , { progress: getStarProgress(index, rating, stars), className: starClassName, "data-testid": joinTestId(ratingStarsTestId, `star-${index}`) }, index))) }));
 };
 
 export { RatingStars, StarIcon, getStarProgress };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/RatingStars/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAMO,MAAM,eAAe,GAAG,CAAC,YAAoB,EAAE,MAAc,EAAE,SAAA,GAAoB,CAAC,KAAI;;AAE7F,IAAA,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC;AAE9D,IAAA,MAAM,IAAI,GAAG,aAAa,GAAG,YAAY;IAEzC,IAAI,IAAI,IAAI,CAAC;AAAE,QAAA,OAAO,GAAG;IACzB,IAAI,IAAI,IAAI,CAAC;AAAE,QAAA,OAAO,CAAC;IAEvB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;AAC/B;AAWO,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,KAAK,EAAiB,KAAI;AACtE,IAAA,MAAM,EAAE,GAAG,KAAK,EAAE;IAElB;;AAEE,IAAAA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,KAAK,CAAC,SAAS,CAAC,aAC7HC,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gpBAAgpB,EAClpB,SAAS,EAAC,kBAAkB,EAAA,CAC5B,EACFA,WAAG,QAAQ,EAAE,CAAA,UAAA,EAAa,EAAE,GAAG,EAAA,QAAA,EAC7BA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gpBAAgpB,EAClpB,IAAI,EAAC,cAAc,EAAA,CACnB,GACA,EACJA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EACEA,kBAAU,EAAE,EAAE,QAAQ,EAAE,CAAA,CAAE,EAAA,QAAA,EACxBA,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,CAAA,EAAG,QAAQ,CAAA,CAAA,CAAG,EAAE,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAA,CAAG,GAC/C,EAAA,CACN,CAAA,EAAA,CACH;AAEV;AAmBA;;;;;AAKG;MACU,WAAW,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,aAAa,EAAE,GAAG,KAAK,EAAoB,KAAI;AAClG,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,YACnD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK;;QAE1CA,GAAA,CAAC,QAAQ,IAAa,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,aAAa,EAAA,EAAhF,KAAK,CAA+E,CACpG,CAAC,EAAA,CACE;AAEV;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/RatingStars/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAOO,MAAM,eAAe,GAAG,CAAC,YAAoB,EAAE,MAAc,EAAE,SAAA,GAAoB,CAAC,KAAI;;AAE7F,IAAA,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC;AAE9D,IAAA,MAAM,IAAI,GAAG,aAAa,GAAG,YAAY;IAEzC,IAAI,IAAI,IAAI,CAAC;AAAE,QAAA,OAAO,GAAG;IACzB,IAAI,IAAI,IAAI,CAAC;AAAE,QAAA,OAAO,CAAC;IAEvB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;AAC/B;AAaO,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,KAAK,EAAiB,KAAI;AACtE,IAAA,MAAM,EAAE,GAAG,KAAK,EAAE;IAElB;;AAEE,IAAAA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA,GAAK,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,KAAK,CAAC,SAAS,CAAC,aAC7HC,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gpBAAgpB,EAClpB,SAAS,EAAC,kBAAkB,EAAA,CAC5B,EACFA,WAAG,QAAQ,EAAE,CAAA,UAAA,EAAa,EAAE,GAAG,EAAA,QAAA,EAC7BA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,gpBAAgpB,EAClpB,IAAI,EAAC,cAAc,EAAA,CACnB,GACA,EACJA,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EACEA,kBAAU,EAAE,EAAE,QAAQ,EAAE,CAAA,CAAE,EAAA,QAAA,EACxBA,GAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,CAAA,EAAG,QAAQ,CAAA,CAAA,CAAG,EAAE,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAA,CAAG,GAC/C,EAAA,CACN,CAAA,EAAA,CACH;AAEV;AAqBA;;;;;AAKG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAoB,KAAI;AAC7H,IAAA,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;AAEtH,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAA,aAAA,EAAe,iBAAiB,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,YACnF,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,MAC1CA,IAAC;;AAGC,UAAA,EAAA,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAC/C,SAAS,EAAE,aAAa,EAAA,aAAA,EACX,UAAU,CAAC,iBAAiB,EAAE,CAAA,KAAA,EAAQ,KAAK,CAAA,CAAE,CAAC,EAAA,EAHtD,KAAK,CAIV,CACH,CAAC,EAAA,CACE;AAEV;;;;"}

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

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 
 const RADIUS = {
     none: 'rounded-none',
@@ -30,7 +31,10 @@ const toSize = (value) => {
  *
  * @summary pulsing placeholder for loading content
  */
-const Skeleton = ({ width = '100%', height = '1rem', radius = 'md', className, style, ...props }) => (jsxRuntime.jsx("div", { className: cx.cx('animate-pulse bg-quaternary motion-reduce:animate-none', RADIUS[radius], className), style: { width: toSize(width), height: toSize(height), ...style }, ...props }));
+const Skeleton = ({ width = '100%', height = '1rem', radius = 'md', className, style, 'data-testid': dataTestId, ...props }) => {
+    const testId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'skeleton', rootName: 'skeleton' });
+    return (jsxRuntime.jsx("div", { className: cx.cx('animate-pulse bg-quaternary motion-reduce:animate-none', RADIUS[radius], className), style: { width: toSize(width), height: toSize(height), ...style }, ...props, "data-testid": testId }));
+};
 /** Upper bound on rendered lines, guarding against a malformed `lines` prop. */
 const MAX_SKELETON_TEXT_LINES = 100;
 /**
@@ -39,15 +43,16 @@ const MAX_SKELETON_TEXT_LINES = 100;
  *
  * @summary multi-line placeholder for loading text
  */
-const SkeletonText = ({ lines = 3, lineHeight = '0.75rem', lastLineWidth = '60%', className, ...props }) => {
+const SkeletonText = ({ lines = 3, lineHeight = '0.75rem', lastLineWidth = '60%', className, 'data-testid': dataTestId, ...props }) => {
     // Clamp `lines` to a finite integer within a sane bound, so a malformed prop
     // can't allocate a huge (or invalid) array and lock up rendering.
     const lineCount = Number.isFinite(lines) ? Math.min(Math.max(Math.trunc(lines), 0), MAX_SKELETON_TEXT_LINES) : 0;
-    return (jsxRuntime.jsx("div", { className: cx.cx('flex w-full flex-col gap-2', className), ...props, children: Array.from({ length: lineCount }, (_, index) => {
+    const skeletonTextTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'skeleton-text', rootName: 'skeleton-text' });
+    return (jsxRuntime.jsx("div", { className: cx.cx('flex w-full flex-col gap-2', className), ...props, "data-testid": skeletonTextTestId, children: Array.from({ length: lineCount }, (_, index) => {
             const isLastOfMany = lineCount > 1 && index === lineCount - 1;
-            return (
+            return (jsxRuntime.jsx(Skeleton
             // biome-ignore lint/suspicious/noArrayIndexKey: lines are identical placeholders with no stable identity
-            jsxRuntime.jsx(Skeleton, { height: lineHeight, width: isLastOfMany ? lastLineWidth : '100%', radius: "sm" }, index));
+            , { height: lineHeight, width: isLastOfMany ? lastLineWidth : '100%', radius: "sm", "data-testid": testIdUtils.joinTestId(skeletonTextTestId, `line-${index}`) }, index));
         }) }));
 };
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Skeleton/index.tsx"],"sourcesContent":[null],"names":["_jsx","cx"],"mappings":";;;;;AAKA,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,EAAE,EAAE,YAAY;AAChB,IAAA,IAAI,EAAE,cAAc;CACZ;AAEV;;;;;AAKG;AACH,MAAM,MAAM,GAAG,CAAC,KAAuB,KAAI;IACzC,IAAI,OAAO,KAAK,KAAK,QAAQ;AAAE,QAAA,OAAO,KAAK;IAC3C,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,GAAG,KAAK,CAAA,EAAA,CAAI,GAAG,SAAS;AACxE,CAAC;AAWD;;;;;;;;AAQG;AACI,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiB,MACpHA,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,KAAE,CAAC,wDAAwD,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,EAClG,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAA,GAC7D,KAAK,EAAA,CACT;AAYJ;AACA,MAAM,uBAAuB,GAAG,GAAG;AAEnC;;;;;AAKG;AACI,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,UAAU,GAAG,SAAS,EAAE,aAAa,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAqB,KAAI;;;AAGnI,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,uBAAuB,CAAC,GAAG,CAAC;AAEhH,IAAA,QACED,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,KAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,QAAA,EACnE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,KAAI;YAC9C,MAAM,YAAY,GAAG,SAAS,GAAG,CAAC,IAAI,KAAK,KAAK,SAAS,GAAG,CAAC;YAC7D;;YAEED,cAAA,CAAC,QAAQ,EAAA,EAAa,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,GAAG,aAAa,GAAG,MAAM,EAAE,MAAM,EAAC,IAAI,EAAA,EAApF,KAAK,CAAkF;QAE1G,CAAC,CAAC,EAAA,CACE;AAEV;AAOA;;;;AAIG;MACU,cAAc,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,EAAE,GAAG,KAAK,EAAuB,MACpFA,cAAA,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAC,MAAM,EAAC,SAAS,EAAEC,KAAE,CAAC,UAAU,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,CAAI;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Skeleton/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","cx","joinTestId"],"mappings":"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"}

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

@@ -13,6 +13,8 @@ export interface SkeletonProps extends ComponentPropsWithoutRef<'div'> {
     height?: number | string;
     /** Corner radius preset. @default 'md' */
     radius?: keyof typeof RADIUS;
+    /** Overrides the `data-testid` (defaults to `fd-skeleton`). */
+    'data-testid'?: string;
 }
 /**
  * A muted, pulsing placeholder that reserves layout space while content loads,
@@ -23,7 +25,7 @@ export interface SkeletonProps extends ComponentPropsWithoutRef<'div'> {
  *
  * @summary pulsing placeholder for loading content
  */
-export declare const Skeleton: ({ width, height, radius, className, style, ...props }: SkeletonProps) => import("react").JSX.Element;
+export declare const Skeleton: ({ width, height, radius, className, style, "data-testid": dataTestId, ...props }: SkeletonProps) => import("react").JSX.Element;
 export interface SkeletonTextProps extends ComponentPropsWithoutRef<'div'> {
     /** Number of text lines to render. @default 3 */
     lines?: number;
@@ -31,6 +33,8 @@ export interface SkeletonTextProps extends ComponentPropsWithoutRef<'div'> {
     lineHeight?: number | string;
     /** Width of the final line, kept shorter for a natural paragraph shape. @default '60%' */
     lastLineWidth?: number | string;
+    /** Overrides the `data-testid` (defaults to `fd-skeleton-text`); each line derives `--line-<index>` from it. */
+    'data-testid'?: string;
 }
 /**
  * A multi-line placeholder for blocks of text. The last line is rendered shorter
@@ -38,7 +42,7 @@ export interface SkeletonTextProps extends ComponentPropsWithoutRef<'div'> {
  *
  * @summary multi-line placeholder for loading text
  */
-export declare const SkeletonText: ({ lines, lineHeight, lastLineWidth, className, ...props }: SkeletonTextProps) => import("react").JSX.Element;
+export declare const SkeletonText: ({ lines, lineHeight, lastLineWidth, className, "data-testid": dataTestId, ...props }: SkeletonTextProps) => import("react").JSX.Element;
 export interface SkeletonCircleProps extends Omit<SkeletonProps, 'width' | 'height' | 'radius'> {
     /** Diameter — a number (px) or any CSS length. @default 40 */
     size?: number | string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Skeleton/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,QAAA,MAAM,MAAM;;;;;;CAMF,CAAC;AAaX,MAAM,WAAW,aAAc,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACpE,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,GAAI,uDAAgF,aAAa,gCAMrH,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACxE,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAKD;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,2DAAmF,iBAAiB,gCAgBhI,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7F,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,+BAAoC,mBAAmB,gCAErF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Skeleton/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,QAAA,MAAM,MAAM;;;;;;CAMF,CAAC;AAaX,MAAM,WAAW,aAAc,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACpE,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IAC7B,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,GAAI,kFAQtB,aAAa,gCAWf,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACxE,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,gHAAgH;IAChH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAKD;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,sFAO1B,iBAAiB,gCAuBnB,CAAC;AAEF,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC7F,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,+BAAoC,mBAAmB,gCAErF,CAAC"}