@flipdish/ui-library 0.10.0 → 0.11.1

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FileTrigger/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA4C,SAAS,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAClC;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAoClD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FileTrigger/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAA4C,SAAS,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAClC;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oIAAoI;IACpI,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,sBAsClD,CAAC"}

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

@@ -1,4 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { filterDOMProps } from '@react-aria/utils';
 import React, { useRef, cloneElement } from 'react';
 
@@ -8,9 +9,10 @@ import React, { useRef, cloneElement } from 'react';
  * @summary wraps any pressable element to open the OS file picker
  */
 const FileTrigger = (props) => {
-    const { children, onSelect, acceptedFileTypes, allowsMultiple, defaultCamera, acceptDirectory, ...rest } = props;
+    const { children, onSelect, acceptedFileTypes, allowsMultiple, defaultCamera, acceptDirectory, 'data-testid': dataTestId, ...rest } = props;
     const inputRef = useRef(null);
     const domProps = filterDOMProps(rest);
+    const testId = useResolvedTestId({ testId: dataTestId, segment: 'file-trigger', rootName: 'file-trigger' });
     // Make sure that only one child is passed to the component.
     const clonableElement = React.Children.only(children);
     // Clone the child element and add an `onClick` handler to open the file dialog.
@@ -22,7 +24,7 @@ const FileTrigger = (props) => {
             inputRef.current?.click();
         },
     });
-    return (jsxs(Fragment, { children: [mainElement, jsx("input", { ...domProps, type: "file", ref: inputRef, style: { display: 'none' }, accept: acceptedFileTypes?.toString(), onChange: (e) => onSelect?.(e.target.files), capture: defaultCamera, multiple: allowsMultiple, 
+    return (jsxs(Fragment, { children: [mainElement, jsx("input", { ...domProps, "data-testid": testId, type: "file", ref: inputRef, style: { display: 'none' }, accept: acceptedFileTypes?.toString(), onChange: (e) => onSelect?.(e.target.files), capture: defaultCamera, multiple: allowsMultiple, 
                 // @ts-expect-error
                 webkitdirectory: acceptDirectory ? '' : undefined })] }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/FileTrigger/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;AAiCA;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,KAAuB,KAAI;AACrD,IAAA,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAEhH,IAAA,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC;AACtD,IAAA,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC;;IAGrC,MAAM,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAGrD,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,eAAqF,EAAE;QACtH,OAAO,EAAE,MAAK;AACZ,YAAA,IAAI,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE;AAC3B,gBAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE;YAC7B;AACA,YAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE;QAC3B,CAAC;AACF,KAAA,CAAC;IAEF,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,WAAW,EACZC,GAAA,CAAA,OAAA,EAAA,EAAA,GACM,QAAQ,EACZ,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,MAAM,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EACrC,QAAQ,EAAE,CAAC,CAAC,KAAK,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3C,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,cAAc;;AAExB,gBAAA,eAAe,EAAE,eAAe,GAAG,EAAE,GAAG,SAAS,EAAA,CACjD,CAAA,EAAA,CACD;AAEP;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/FileTrigger/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;AAoCA;;;;AAIG;AACI,MAAM,WAAW,GAAG,CAAC,KAAuB,KAAI;IACrD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AAE3I,IAAA,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC;AACtD,IAAA,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC;AACrC,IAAA,MAAM,MAAM,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;;IAG3G,MAAM,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAGrD,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,eAAqF,EAAE;QACtH,OAAO,EAAE,MAAK;AACZ,YAAA,IAAI,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE;AAC3B,gBAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE;YAC7B;AACA,YAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE;QAC3B,CAAC;AACF,KAAA,CAAC;IAEF,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,WAAW,EACZC,GAAA,CAAA,OAAA,EAAA,EAAA,GACM,QAAQ,EAAA,aAAA,EACC,MAAM,EACnB,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,MAAM,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EACrC,QAAQ,EAAE,CAAC,CAAC,KAAK,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3C,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,cAAc;;AAExB,gBAAA,eAAe,EAAE,eAAe,GAAG,EAAE,GAAG,SAAS,EAAA,CACjD,CAAA,EAAA,CACD;AAEP;;;;"}

package/dist/components/atoms/FlipdishLogo/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 flipdishLogo_paths = require('./flipdish-logo.paths.cjs');
 
 const LOCKUPS = {
@@ -34,9 +35,10 @@ const TONE_CLASS = {
  *
  * @summary official Flipdish icon mark and wordmark
  */
-const FlipdishLogo = ({ className, variant = 'full', size = 'md', tone = 'default', ...props }) => {
+const FlipdishLogo = ({ className, variant = 'full', size = 'md', tone = 'default', 'data-testid': dataTestId, ...props }) => {
     const { paths, viewBox, label } = LOCKUPS[variant];
-    return (jsxRuntime.jsxs("svg", { viewBox: viewBox, fill: "none", role: "img", className: cx.cx('w-auto', SIZE_CLASS[size], TONE_CLASS[tone], className), ...props, children: [jsxRuntime.jsx("title", { children: label }), paths.map((d) => (jsxRuntime.jsx("path", { d: d, fill: "currentColor" }, d)))] }));
+    const flipdishLogoTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'flipdish-logo', rootName: 'flipdish-logo' });
+    return (jsxRuntime.jsxs("svg", { viewBox: viewBox, fill: "none", role: "img", className: cx.cx('w-auto', SIZE_CLASS[size], TONE_CLASS[tone], className), ...props, "data-testid": flipdishLogoTestId, children: [jsxRuntime.jsx("title", { children: label }), paths.map((d) => (jsxRuntime.jsx("path", { d: d, fill: "currentColor" }, d)))] }));
 };
 
 exports.FlipdishLogo = FlipdishLogo;

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"sourcesContent":[null],"names":["FLIPDISH_FULL_PATHS","FLIPDISH_FULL_VIEWBOX","FLIPDISH_POWERED_BY_PATHS","FLIPDISH_POWERED_BY_VIEWBOX","FLIPDISH_ICON_PATHS","FLIPDISH_ICON_VIEWBOX","_jsxs","cx","_jsx"],"mappings":";;;;;;AAaA,MAAM,OAAO,GAAG;AACd,IAAA,IAAI,EAAE,EAAE,KAAK,EAAEA,sCAAmB,EAAE,OAAO,EAAEC,wCAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;AACvF,IAAA,SAAS,EAAE,EAAE,KAAK,EAAEC,4CAAyB,EAAE,OAAO,EAAEC,8CAA2B,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACnH,IAAA,IAAI,EAAE,EAAE,KAAK,EAAEC,sCAAmB,EAAE,OAAO,EAAEC,wCAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;CAC/E;AAEV,MAAM,UAAU,GAAG;;AAEjB,IAAA,EAAE,EAAE,KAAK;;AAET,IAAA,EAAE,EAAE,KAAK;;AAET,IAAA,EAAE,EAAE,MAAM;CACF;AAEV,MAAM,UAAU,GAAG;;AAEjB,IAAA,OAAO,EAAE,iBAAiB;;AAE1B,IAAA,KAAK,EAAE,eAAe;;AAEtB,IAAA,KAAK,EAAE,YAAY;CACX;AA2BV;;;;;;;;AAQG;AACI,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,KAAK,EAAqB,KAAI;AAC1H,IAAA,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;AAElD,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAEC,KAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,QAAA,EAAA,CAC7HC,cAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAQ,KAAK,EAAA,CAAS,EACrB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MACXA,cAAA,CAAA,MAAA,EAAA,EAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,EAAA,EAA5B,CAAC,CAA8B,CAC3C,CAAC,CAAA,EAAA,CACE;AAEV;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"sourcesContent":[null],"names":["FLIPDISH_FULL_PATHS","FLIPDISH_FULL_VIEWBOX","FLIPDISH_POWERED_BY_PATHS","FLIPDISH_POWERED_BY_VIEWBOX","FLIPDISH_ICON_PATHS","FLIPDISH_ICON_VIEWBOX","useResolvedTestId","_jsxs","cx","_jsx"],"mappings":";;;;;;;AAcA,MAAM,OAAO,GAAG;AACd,IAAA,IAAI,EAAE,EAAE,KAAK,EAAEA,sCAAmB,EAAE,OAAO,EAAEC,wCAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;AACvF,IAAA,SAAS,EAAE,EAAE,KAAK,EAAEC,4CAAyB,EAAE,OAAO,EAAEC,8CAA2B,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACnH,IAAA,IAAI,EAAE,EAAE,KAAK,EAAEC,sCAAmB,EAAE,OAAO,EAAEC,wCAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;CAC/E;AAEV,MAAM,UAAU,GAAG;;AAEjB,IAAA,EAAE,EAAE,KAAK;;AAET,IAAA,EAAE,EAAE,KAAK;;AAET,IAAA,EAAE,EAAE,MAAM;CACF;AAEV,MAAM,UAAU,GAAG;;AAEjB,IAAA,OAAO,EAAE,iBAAiB;;AAE1B,IAAA,KAAK,EAAE,eAAe;;AAEtB,IAAA,KAAK,EAAE,YAAY;CACX;AA6BV;;;;;;;;AAQG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,SAAS,EAChB,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACU,KAAI;AACtB,IAAA,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;AAClD,IAAA,MAAM,kBAAkB,GAAGC,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;AAEzH,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,KAAK,EACV,SAAS,EAAEC,KAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,GAClE,KAAK,EAAA,aAAA,EACI,kBAAkB,EAAA,QAAA,EAAA,CAE/BC,cAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAQ,KAAK,EAAA,CAAS,EACrB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MACXA,cAAA,CAAA,MAAA,EAAA,EAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,EAAA,EAA5B,CAAC,CAA8B,CAC3C,CAAC,CAAA,EAAA,CACE;AAEV;;;;"}

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

@@ -55,6 +55,8 @@ export interface FlipdishLogoProps extends Omit<SVGProps<SVGSVGElement>, 'fill'>
      * @default 'default'
      */
     tone?: keyof typeof TONE_CLASS;
+    /** Overrides the `data-testid` (defaults to `fd-flipdish-logo`). */
+    'data-testid'?: string;
 }
 /**
  * The official Flipdish brand logo — the swift icon mark paired with the
@@ -65,6 +67,6 @@ export interface FlipdishLogoProps extends Omit<SVGProps<SVGSVGElement>, 'fill'>
  *
  * @summary official Flipdish icon mark and wordmark
  */
-export declare const FlipdishLogo: ({ className, variant, size, tone, ...props }: FlipdishLogoProps) => import("react").JSX.Element;
+export declare const FlipdishLogo: ({ className, variant, size, tone, "data-testid": dataTestId, ...props }: FlipdishLogoProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAUtC,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;CAIH,CAAC;AAEX,QAAA,MAAM,UAAU;IACd,6DAA6D;;IAE7D,2EAA2E;;IAE3E,mEAAmE;;CAE3D,CAAC;AAEX,QAAA,MAAM,UAAU;IACd,+DAA+D;;IAE/D,4DAA4D;;IAE5D,yCAAyC;;CAEjC,CAAC;AAEX,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAC9E;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;CAChC;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,GAAI,8CAA0E,iBAAiB,gCAWvH,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAUtC,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;CAIH,CAAC;AAEX,QAAA,MAAM,UAAU;IACd,6DAA6D;;IAE7D,2EAA2E;;IAE3E,mEAAmE;;CAE3D,CAAC;AAEX,QAAA,MAAM,UAAU;IACd,+DAA+D;;IAE/D,4DAA4D;;IAE5D,yCAAyC;;CAEjC,CAAC;AAEX,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAC9E;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,GAAI,yEAO1B,iBAAiB,gCAmBnB,CAAC"}

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

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { FLIPDISH_ICON_VIEWBOX, FLIPDISH_ICON_PATHS, FLIPDISH_POWERED_BY_VIEWBOX, FLIPDISH_POWERED_BY_PATHS, FLIPDISH_FULL_VIEWBOX, FLIPDISH_FULL_PATHS } from './flipdish-logo.paths.js';
 
 const LOCKUPS = {
@@ -32,9 +33,10 @@ const TONE_CLASS = {
  *
  * @summary official Flipdish icon mark and wordmark
  */
-const FlipdishLogo = ({ className, variant = 'full', size = 'md', tone = 'default', ...props }) => {
+const FlipdishLogo = ({ className, variant = 'full', size = 'md', tone = 'default', 'data-testid': dataTestId, ...props }) => {
     const { paths, viewBox, label } = LOCKUPS[variant];
-    return (jsxs("svg", { viewBox: viewBox, fill: "none", role: "img", className: cx('w-auto', SIZE_CLASS[size], TONE_CLASS[tone], className), ...props, children: [jsx("title", { children: label }), paths.map((d) => (jsx("path", { d: d, fill: "currentColor" }, d)))] }));
+    const flipdishLogoTestId = useResolvedTestId({ testId: dataTestId, segment: 'flipdish-logo', rootName: 'flipdish-logo' });
+    return (jsxs("svg", { viewBox: viewBox, fill: "none", role: "img", className: cx('w-auto', SIZE_CLASS[size], TONE_CLASS[tone], className), ...props, "data-testid": flipdishLogoTestId, children: [jsx("title", { children: label }), paths.map((d) => (jsx("path", { d: d, fill: "currentColor" }, d)))] }));
 };
 
 export { FlipdishLogo };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAaA,MAAM,OAAO,GAAG;AACd,IAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;AACvF,IAAA,SAAS,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,OAAO,EAAE,2BAA2B,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACnH,IAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;CAC/E;AAEV,MAAM,UAAU,GAAG;;AAEjB,IAAA,EAAE,EAAE,KAAK;;AAET,IAAA,EAAE,EAAE,KAAK;;AAET,IAAA,EAAE,EAAE,MAAM;CACF;AAEV,MAAM,UAAU,GAAG;;AAEjB,IAAA,OAAO,EAAE,iBAAiB;;AAE1B,IAAA,KAAK,EAAE,eAAe;;AAEtB,IAAA,KAAK,EAAE,YAAY;CACX;AA2BV;;;;;;;;AAQG;AACI,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,SAAS,EAAE,GAAG,KAAK,EAAqB,KAAI;AAC1H,IAAA,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;AAElD,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,QAAA,EAAA,CAC7HC,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAQ,KAAK,EAAA,CAAS,EACrB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MACXA,GAAA,CAAA,MAAA,EAAA,EAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,EAAA,EAA5B,CAAC,CAA8B,CAC3C,CAAC,CAAA,EAAA,CACE;AAEV;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/FlipdishLogo/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAcA,MAAM,OAAO,GAAG;AACd,IAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;AACvF,IAAA,SAAS,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE,OAAO,EAAE,2BAA2B,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACnH,IAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,OAAO,EAAE,qBAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;CAC/E;AAEV,MAAM,UAAU,GAAG;;AAEjB,IAAA,EAAE,EAAE,KAAK;;AAET,IAAA,EAAE,EAAE,KAAK;;AAET,IAAA,EAAE,EAAE,MAAM;CACF;AAEV,MAAM,UAAU,GAAG;;AAEjB,IAAA,OAAO,EAAE,iBAAiB;;AAE1B,IAAA,KAAK,EAAE,eAAe;;AAEtB,IAAA,KAAK,EAAE,YAAY;CACX;AA6BV;;;;;;;;AAQG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,SAAS,EACT,OAAO,GAAG,MAAM,EAChB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,SAAS,EAChB,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACU,KAAI;AACtB,IAAA,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC;AAClD,IAAA,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;AAEzH,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,EAAA,GAClE,KAAK,EAAA,aAAA,EACI,kBAAkB,EAAA,QAAA,EAAA,CAE/BC,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAQ,KAAK,EAAA,CAAS,EACrB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,MACXA,GAAA,CAAA,MAAA,EAAA,EAAc,CAAC,EAAE,CAAC,EAAE,IAAI,EAAC,cAAc,EAAA,EAA5B,CAAC,CAA8B,CAC3C,CAAC,CAAA,EAAA,CACE;AAEV;;;;"}

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

@@ -4,13 +4,15 @@ var jsxRuntime = require('react/jsx-runtime');
 var uiIcons = require('@flipdish/ui-icons');
 var Tooltip = require('@flipdish/ui-library/components/atoms/Tooltip');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var hintText = require('./components/hint-text.cjs');
 var label = require('./components/label.cjs');
 
-const InputBase = ({ ref, tooltip, shortcut, groupRef, size = 'md', isInvalid, isDisabled, isRequired, icon: Icon, placeholder, wrapperClassName, tooltipClassName, inputClassName, iconClassName, type = 'text', ...inputProps }) => {
+const InputBase = ({ ref, tooltip, shortcut, groupRef, size = 'md', isInvalid, isDisabled, isRequired, icon: Icon, placeholder, wrapperClassName, tooltipClassName, inputClassName, iconClassName, type = 'text', 'data-testid': dataTestId, ...inputProps }) => {
     const [isPasswordVisible, setIsPasswordVisible] = React.useState(false);
+    const inputTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'input', rootName: 'input' });
     // Check if the input has a leading icon or a trailing adornment (tooltip, invalid
     // indicator, or the password visibility toggle) so we can reserve right-side padding.
     const hasTrailingIcon = Boolean(tooltip) || Boolean(isInvalid) || type === 'password';
@@ -44,7 +46,7 @@ const InputBase = ({ ref, tooltip, shortcut, groupRef, size = 'md', isInvalid, i
         // Invalid state styles
         isInvalid && 'ring-error_subtle', 'group-invalid:ring-error_subtle', 
         // Invalid state with focus-within styles
-        isInvalid && isFocusWithin && 'ring-2 ring-error', isFocusWithin && 'group-invalid:ring-2 group-invalid:ring-error', context?.wrapperClassName, wrapperClassName), children: [Icon && (jsxRuntime.jsx(Icon, { className: cx.cx('pointer-events-none absolute text-fg-quaternary', sizes[inputSize].iconLeading, context?.iconClassName, iconClassName) })), jsxRuntime.jsx(reactAriaComponents.Input, { ...inputProps, ref: ref, required: isRequired, type: type === 'password' && isPasswordVisible ? 'text' : type, placeholder: placeholder, className: cx.cx('m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary disabled:cursor-not-allowed', sizes[inputSize].root, context?.inputClassName, inputClassName) }), tooltip && type !== 'password' && (jsxRuntime.jsx(Tooltip.Tooltip, { title: tooltip, placement: "top", children: jsxRuntime.jsx(Tooltip.TooltipTrigger, { className: cx.cx('absolute cursor-pointer text-fg-quaternary transition duration-100 ease-linear group-invalid/input:hidden hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName), children: jsxRuntime.jsx(uiIcons.HelpCircle, { className: "size-4 stroke-[2.25px]" }) }) })), type !== 'password' && (jsxRuntime.jsx(uiIcons.InfoCircle, { className: cx.cx('pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName) })), type === 'password' && (jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": "Toggle password visibility", onClick: () => setIsPasswordVisible(!isPasswordVisible), className: cx.cx('absolute flex cursor-pointer items-center justify-center text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover focus:outline-hidden', sizes[inputSize].iconTrailing), children: isPasswordVisible ? jsxRuntime.jsx(uiIcons.EyeOff, { className: "size-4 stroke-[2.25px]" }) : jsxRuntime.jsx(uiIcons.Eye, { className: "size-4 stroke-[2.25px]" }) })), shortcut && (jsxRuntime.jsx("div", { className: cx.cx('pointer-events-none absolute inset-y-0.5 right-0.5 z-10 hidden items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8 md:flex', sizes[inputSize].shortcut), children: jsxRuntime.jsx("span", { "aria-hidden": "true", className: "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset", children: typeof shortcut === 'string' ? shortcut : '⌘K' }) }))] }));
+        isInvalid && isFocusWithin && 'ring-2 ring-error', isFocusWithin && 'group-invalid:ring-2 group-invalid:ring-error', context?.wrapperClassName, wrapperClassName), children: [Icon && (jsxRuntime.jsx(Icon, { className: cx.cx('pointer-events-none absolute text-fg-quaternary', sizes[inputSize].iconLeading, context?.iconClassName, iconClassName) })), jsxRuntime.jsx(reactAriaComponents.Input, { ...inputProps, ref: ref, "data-testid": inputTestId, required: isRequired, type: type === 'password' && isPasswordVisible ? 'text' : type, placeholder: placeholder, className: cx.cx('m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary disabled:cursor-not-allowed', sizes[inputSize].root, context?.inputClassName, inputClassName) }), tooltip && type !== 'password' && (jsxRuntime.jsx(Tooltip.Tooltip, { title: tooltip, placement: "top", children: jsxRuntime.jsx(Tooltip.TooltipTrigger, { className: cx.cx('absolute cursor-pointer text-fg-quaternary transition duration-100 ease-linear group-invalid/input:hidden hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName), children: jsxRuntime.jsx(uiIcons.HelpCircle, { className: "size-4 stroke-[2.25px]" }) }) })), type !== 'password' && (jsxRuntime.jsx(uiIcons.InfoCircle, { className: cx.cx('pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName) })), type === 'password' && (jsxRuntime.jsx(reactAriaComponents.Button, { "aria-label": "Toggle password visibility", onClick: () => setIsPasswordVisible(!isPasswordVisible), className: cx.cx('absolute flex cursor-pointer items-center justify-center text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover focus:outline-hidden', sizes[inputSize].iconTrailing), children: isPasswordVisible ? jsxRuntime.jsx(uiIcons.EyeOff, { className: "size-4 stroke-[2.25px]" }) : jsxRuntime.jsx(uiIcons.Eye, { className: "size-4 stroke-[2.25px]" }) })), shortcut && (jsxRuntime.jsx("div", { className: cx.cx('pointer-events-none absolute inset-y-0.5 right-0.5 z-10 hidden items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8 md:flex', sizes[inputSize].shortcut), children: jsxRuntime.jsx("span", { "aria-hidden": "true", className: "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset", children: typeof shortcut === 'string' ? shortcut : '⌘K' }) }))] }));
 };
 InputBase.displayName = 'InputBase';
 const TextFieldContext = React.createContext({});
@@ -60,7 +62,7 @@ TextField.displayName = 'TextField';
  *
  * @summary text field for collecting a single line of user input
  */
-const Input = ({ size = 'md', placeholder, icon: Icon, label: label$1, hint, shortcut, hideRequiredIndicator, className, ref, groupRef, tooltip, iconClassName, inputClassName, wrapperClassName, tooltipClassName, type = 'text', ...props }) => {
+const Input = ({ size = 'md', placeholder, icon: Icon, label: label$1, hint, shortcut, hideRequiredIndicator, className, ref, groupRef, tooltip, iconClassName, inputClassName, wrapperClassName, tooltipClassName, type = 'text', 'data-testid': dataTestId, ...props }) => {
     return (jsxRuntime.jsx(TextField, { "aria-label": !label$1 ? placeholder : undefined, ...props, size: size, className: className, children: ({ isRequired, isInvalid }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label$1 && (jsxRuntime.jsx(label.Label, { isRequired: hideRequiredIndicator ? !hideRequiredIndicator : isRequired, isInvalid: isInvalid, children: label$1 })), jsxRuntime.jsx(InputBase, { ref,
                     groupRef,
                     size,
@@ -74,7 +76,8 @@ const Input = ({ size = 'md', placeholder, icon: Icon, label: label$1, hint, sho
                     wrapperClassName,
                     tooltipClassName,
                     tooltip,
-                    type }), hint && jsxRuntime.jsx(hintText.HintText, { isInvalid: isInvalid, children: hint })] })) }));
+                    type,
+                    'data-testid': dataTestId }), hint && jsxRuntime.jsx(hintText.HintText, { isInvalid: isInvalid, children: hint })] })) }));
 };
 Input.displayName = 'Input';
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Input/index.tsx"],"sourcesContent":[null],"names":["useState","useContext","sortCx","cx","_jsxs","AriaGroup","_jsx","AriaInput","Tooltip","TooltipTrigger","HelpCircle","InfoCircle","AriaButton","EyeOff","Eye","createContext","AriaTextField","label","_Fragment","Label","HintText"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Input/index.tsx"],"sourcesContent":[null],"names":["useState","useResolvedTestId","useContext","sortCx","cx","_jsxs","AriaGroup","_jsx","AriaInput","Tooltip","TooltipTrigger","HelpCircle","InfoCircle","AriaButton","EyeOff","Eye","createContext","AriaTextField","label","_Fragment","Label","HintText"],"mappings":"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"}

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

@@ -32,9 +32,11 @@ export interface InputBaseProps extends Omit<AriaInputProps, 'size'> {
     groupRef?: Ref<HTMLDivElement>;
     /** Icon component to display on the left side of the input. */
     icon?: ComponentType<HTMLAttributes<HTMLOrSVGElement>>;
+    /** Overrides the `data-testid` applied to the underlying `<input>` (defaults to `fd-input`). */
+    'data-testid'?: string;
 }
 export declare const InputBase: {
-    ({ ref, tooltip, shortcut, groupRef, size, isInvalid, isDisabled, isRequired, icon: Icon, placeholder, wrapperClassName, tooltipClassName, inputClassName, iconClassName, type, ...inputProps }: InputBaseProps): import("react").JSX.Element;
+    ({ ref, tooltip, shortcut, groupRef, size, isInvalid, isDisabled, isRequired, icon: Icon, placeholder, wrapperClassName, tooltipClassName, inputClassName, iconClassName, type, "data-testid": dataTestId, ...inputProps }: InputBaseProps): import("react").JSX.Element;
     displayName: string;
 };
 interface TextFieldContextProps extends Partial<Pick<InputBaseProps, 'size' | 'wrapperClassName' | 'inputClassName' | 'iconClassName' | 'tooltipClassName'>> {
@@ -52,6 +54,8 @@ export interface InputProps extends AriaTextFieldProps, Pick<InputBaseProps, 're
     hint?: ReactNode;
     /** Whether to hide required indicator from label */
     hideRequiredIndicator?: boolean;
+    /** Applied to the underlying `<input>` (not the wrapper). Defaults to `fd-input`. */
+    'data-testid'?: string;
 }
 /**
  * A single-line text field for collecting user input. Composes a label,
@@ -62,7 +66,7 @@ export interface InputProps extends AriaTextFieldProps, Pick<InputBaseProps, 're
  * @summary text field for collecting a single line of user input
  */
 export declare const Input: {
-    ({ size, placeholder, icon: Icon, label, hint, shortcut, hideRequiredIndicator, className, ref, groupRef, tooltip, iconClassName, inputClassName, wrapperClassName, tooltipClassName, type, ...props }: InputProps): import("react").JSX.Element;
+    ({ size, placeholder, icon: Icon, label, hint, shortcut, hideRequiredIndicator, className, ref, groupRef, tooltip, iconClassName, inputClassName, wrapperClassName, tooltipClassName, type, "data-testid": dataTestId, ...props }: InputProps): import("react").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,aAAa,EAAiB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAwB,MAAM,OAAO,CAAC;AAC/H,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAKhH,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAClE,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,SAAS;qMAiBnB,cAAc;;CA+IhB,CAAC;AAIF,UAAU,qBACR,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,kBAAkB,CAAC,CAAC;CAAG;AAIjI,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,qBAAqB;CAAG;AAEpF,eAAO,MAAM,SAAS;uGAQnB,cAAc;;CAahB,CAAC;AAIF,MAAM,WAAW,UACf,SAAQ,kBAAkB,EACxB,IAAI,CACF,cAAc,EACZ,KAAK,GACL,aAAa,GACb,MAAM,GACN,UAAU,GACV,SAAS,GACT,UAAU,GACV,MAAM,GACN,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,CACrB;IACH,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK;4MAkBf,UAAU;;CAmCZ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,aAAa,EAAiB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAwB,MAAM,OAAO,CAAC;AAC/H,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAKhH,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC;IAClE,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACvD,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,SAAS;gOAkBnB,cAAc;;CAiJhB,CAAC;AAIF,UAAU,qBACR,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,kBAAkB,CAAC,CAAC;CAAG;AAIjI,MAAM,WAAW,cAAe,SAAQ,kBAAkB,EAAE,qBAAqB;CAAG;AAEpF,eAAO,MAAM,SAAS;uGAQnB,cAAc;;CAahB,CAAC;AAIF,MAAM,WAAW,UACf,SAAQ,kBAAkB,EACxB,IAAI,CACF,cAAc,EACZ,KAAK,GACL,aAAa,GACb,MAAM,GACN,UAAU,GACV,SAAS,GACT,UAAU,GACV,MAAM,GACN,kBAAkB,GAClB,gBAAgB,GAChB,eAAe,GACf,kBAAkB,CACrB;IACH,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,KAAK;uOAmBf,UAAU;;CAoCZ,CAAC"}

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

@@ -2,13 +2,15 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { HelpCircle, InfoCircle, EyeOff, Eye } from '@flipdish/ui-icons';
 import { Tooltip, TooltipTrigger } from '@flipdish/ui-library/components/atoms/Tooltip';
 import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { createContext, useState, useContext } from 'react';
 import { Group, Input as Input$1, Button, TextField as TextField$1 } from 'react-aria-components';
 import { HintText } from './components/hint-text.js';
 import { Label } from './components/label.js';
 
-const InputBase = ({ ref, tooltip, shortcut, groupRef, size = 'md', isInvalid, isDisabled, isRequired, icon: Icon, placeholder, wrapperClassName, tooltipClassName, inputClassName, iconClassName, type = 'text', ...inputProps }) => {
+const InputBase = ({ ref, tooltip, shortcut, groupRef, size = 'md', isInvalid, isDisabled, isRequired, icon: Icon, placeholder, wrapperClassName, tooltipClassName, inputClassName, iconClassName, type = 'text', 'data-testid': dataTestId, ...inputProps }) => {
     const [isPasswordVisible, setIsPasswordVisible] = useState(false);
+    const inputTestId = useResolvedTestId({ testId: dataTestId, segment: 'input', rootName: 'input' });
     // Check if the input has a leading icon or a trailing adornment (tooltip, invalid
     // indicator, or the password visibility toggle) so we can reserve right-side padding.
     const hasTrailingIcon = Boolean(tooltip) || Boolean(isInvalid) || type === 'password';
@@ -42,7 +44,7 @@ const InputBase = ({ ref, tooltip, shortcut, groupRef, size = 'md', isInvalid, i
         // Invalid state styles
         isInvalid && 'ring-error_subtle', 'group-invalid:ring-error_subtle', 
         // Invalid state with focus-within styles
-        isInvalid && isFocusWithin && 'ring-2 ring-error', isFocusWithin && 'group-invalid:ring-2 group-invalid:ring-error', context?.wrapperClassName, wrapperClassName), children: [Icon && (jsx(Icon, { className: cx('pointer-events-none absolute text-fg-quaternary', sizes[inputSize].iconLeading, context?.iconClassName, iconClassName) })), jsx(Input$1, { ...inputProps, ref: ref, required: isRequired, type: type === 'password' && isPasswordVisible ? 'text' : type, placeholder: placeholder, className: cx('m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary disabled:cursor-not-allowed', sizes[inputSize].root, context?.inputClassName, inputClassName) }), tooltip && type !== 'password' && (jsx(Tooltip, { title: tooltip, placement: "top", children: jsx(TooltipTrigger, { className: cx('absolute cursor-pointer text-fg-quaternary transition duration-100 ease-linear group-invalid/input:hidden hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName), children: jsx(HelpCircle, { className: "size-4 stroke-[2.25px]" }) }) })), type !== 'password' && (jsx(InfoCircle, { className: cx('pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName) })), type === 'password' && (jsx(Button, { "aria-label": "Toggle password visibility", onClick: () => setIsPasswordVisible(!isPasswordVisible), className: cx('absolute flex cursor-pointer items-center justify-center text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover focus:outline-hidden', sizes[inputSize].iconTrailing), children: isPasswordVisible ? jsx(EyeOff, { className: "size-4 stroke-[2.25px]" }) : jsx(Eye, { className: "size-4 stroke-[2.25px]" }) })), shortcut && (jsx("div", { className: cx('pointer-events-none absolute inset-y-0.5 right-0.5 z-10 hidden items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8 md:flex', sizes[inputSize].shortcut), children: jsx("span", { "aria-hidden": "true", className: "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset", children: typeof shortcut === 'string' ? shortcut : '⌘K' }) }))] }));
+        isInvalid && isFocusWithin && 'ring-2 ring-error', isFocusWithin && 'group-invalid:ring-2 group-invalid:ring-error', context?.wrapperClassName, wrapperClassName), children: [Icon && (jsx(Icon, { className: cx('pointer-events-none absolute text-fg-quaternary', sizes[inputSize].iconLeading, context?.iconClassName, iconClassName) })), jsx(Input$1, { ...inputProps, ref: ref, "data-testid": inputTestId, required: isRequired, type: type === 'password' && isPasswordVisible ? 'text' : type, placeholder: placeholder, className: cx('m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary disabled:cursor-not-allowed', sizes[inputSize].root, context?.inputClassName, inputClassName) }), tooltip && type !== 'password' && (jsx(Tooltip, { title: tooltip, placement: "top", children: jsx(TooltipTrigger, { className: cx('absolute cursor-pointer text-fg-quaternary transition duration-100 ease-linear group-invalid/input:hidden hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName), children: jsx(HelpCircle, { className: "size-4 stroke-[2.25px]" }) }) })), type !== 'password' && (jsx(InfoCircle, { className: cx('pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block', sizes[inputSize].iconTrailing, context?.tooltipClassName, tooltipClassName) })), type === 'password' && (jsx(Button, { "aria-label": "Toggle password visibility", onClick: () => setIsPasswordVisible(!isPasswordVisible), className: cx('absolute flex cursor-pointer items-center justify-center text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover focus:outline-hidden', sizes[inputSize].iconTrailing), children: isPasswordVisible ? jsx(EyeOff, { className: "size-4 stroke-[2.25px]" }) : jsx(Eye, { className: "size-4 stroke-[2.25px]" }) })), shortcut && (jsx("div", { className: cx('pointer-events-none absolute inset-y-0.5 right-0.5 z-10 hidden items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8 md:flex', sizes[inputSize].shortcut), children: jsx("span", { "aria-hidden": "true", className: "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset", children: typeof shortcut === 'string' ? shortcut : '⌘K' }) }))] }));
 };
 InputBase.displayName = 'InputBase';
 const TextFieldContext = createContext({});
@@ -58,7 +60,7 @@ TextField.displayName = 'TextField';
  *
  * @summary text field for collecting a single line of user input
  */
-const Input = ({ size = 'md', placeholder, icon: Icon, label, hint, shortcut, hideRequiredIndicator, className, ref, groupRef, tooltip, iconClassName, inputClassName, wrapperClassName, tooltipClassName, type = 'text', ...props }) => {
+const Input = ({ size = 'md', placeholder, icon: Icon, label, hint, shortcut, hideRequiredIndicator, className, ref, groupRef, tooltip, iconClassName, inputClassName, wrapperClassName, tooltipClassName, type = 'text', 'data-testid': dataTestId, ...props }) => {
     return (jsx(TextField, { "aria-label": !label ? placeholder : undefined, ...props, size: size, className: className, children: ({ isRequired, isInvalid }) => (jsxs(Fragment, { children: [label && (jsx(Label, { isRequired: hideRequiredIndicator ? !hideRequiredIndicator : isRequired, isInvalid: isInvalid, children: label })), jsx(InputBase, { ref,
                     groupRef,
                     size,
@@ -72,7 +74,8 @@ const Input = ({ size = 'md', placeholder, icon: Icon, label, hint, shortcut, hi
                     wrapperClassName,
                     tooltipClassName,
                     tooltip,
-                    type }), hint && jsx(HintText, { isInvalid: isInvalid, children: hint })] })) }));
+                    type,
+                    'data-testid': dataTestId }), hint && jsx(HintText, { isInvalid: isInvalid, children: hint })] })) }));
 };
 Input.displayName = 'Input';
 

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

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

package/dist/components/atoms/LoadingIndicator/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 styles = {
     sm: {
@@ -30,7 +31,8 @@ const styles = {
  *
  * @summary in-progress loading spinner
  */
-const LoadingIndicator = ({ type = 'line-simple', size = 'sm', label }) => {
+const LoadingIndicator = ({ type = 'line-simple', size = 'sm', label, 'data-testid': dataTestId }) => {
+    const loadingIndicatorTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'loading-indicator', rootName: 'loading-indicator' });
     const renderSpinner = () => {
         if (type === 'line-spinner') {
             return (
@@ -47,7 +49,7 @@ const LoadingIndicator = ({ type = 'line-simple', size = 'sm', label }) => {
         // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
         jsxRuntime.jsxs("svg", { className: cx.cx('animate-spin', styles[size].spinner), viewBox: "0 0 32 32", fill: "none", children: [jsxRuntime.jsx("circle", { className: "text-bg-tertiary", cx: "16", cy: "16", r: "14", stroke: "currentColor", strokeWidth: "4" }), jsxRuntime.jsx("circle", { className: "stroke-fg-brand-primary", cx: "16", cy: "16", r: "14", fill: "none", strokeWidth: "4", strokeDashoffset: "75", strokeDasharray: "100", strokeLinecap: "round" })] }));
     };
-    return (jsxRuntime.jsxs("div", { className: cx.cx('flex flex-col items-center justify-center', styles[size].root), children: [renderSpinner(), label && jsxRuntime.jsx("span", { className: cx.cx('text-secondary', styles[size].label), children: label })] }));
+    return (jsxRuntime.jsxs("div", { "data-testid": loadingIndicatorTestId, className: cx.cx('flex flex-col items-center justify-center', styles[size].root), children: [renderSpinner(), label && jsxRuntime.jsx("span", { className: cx.cx('text-secondary', styles[size].label), children: label })] }));
 };
 
 exports.LoadingIndicator = LoadingIndicator;

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

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

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

@@ -13,11 +13,13 @@ export interface LoadingIndicatorProps {
      * Optional text label displayed below the indicator.
      */
     label?: string;
+    /** Overrides the `data-testid` (defaults to `fd-loading-indicator`). */
+    'data-testid'?: string;
 }
 /**
  * Animated spinner shown while content or an action is in progress, with an optional label.
  *
  * @summary in-progress loading spinner
  */
-export declare const LoadingIndicator: ({ type, size, label }: LoadingIndicatorProps) => import("react").JSX.Element;
+export declare const LoadingIndicator: ({ type, size, label, "data-testid": dataTestId }: LoadingIndicatorProps) => import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/LoadingIndicator/index.tsx"],"names":[],"mappings":"AA2BA,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,YAAY,CAAC;IACrD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,uBAA8C,qBAAqB,gCAiFnG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/LoadingIndicator/index.tsx"],"names":[],"mappings":"AA4BA,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,YAAY,CAAC;IACrD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,kDAAyE,qBAAqB,gCAmF9H,CAAC"}

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

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 
 const styles = {
     sm: {
@@ -28,7 +29,8 @@ const styles = {
  *
  * @summary in-progress loading spinner
  */
-const LoadingIndicator = ({ type = 'line-simple', size = 'sm', label }) => {
+const LoadingIndicator = ({ type = 'line-simple', size = 'sm', label, 'data-testid': dataTestId }) => {
+    const loadingIndicatorTestId = useResolvedTestId({ testId: dataTestId, segment: 'loading-indicator', rootName: 'loading-indicator' });
     const renderSpinner = () => {
         if (type === 'line-spinner') {
             return (
@@ -45,7 +47,7 @@ const LoadingIndicator = ({ type = 'line-simple', size = 'sm', label }) => {
         // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
         jsxs("svg", { className: cx('animate-spin', styles[size].spinner), viewBox: "0 0 32 32", fill: "none", children: [jsx("circle", { className: "text-bg-tertiary", cx: "16", cy: "16", r: "14", stroke: "currentColor", strokeWidth: "4" }), jsx("circle", { className: "stroke-fg-brand-primary", cx: "16", cy: "16", r: "14", fill: "none", strokeWidth: "4", strokeDashoffset: "75", strokeDasharray: "100", strokeLinecap: "round" })] }));
     };
-    return (jsxs("div", { className: cx('flex flex-col items-center justify-center', styles[size].root), children: [renderSpinner(), label && jsx("span", { className: cx('text-secondary', styles[size].label), children: label })] }));
+    return (jsxs("div", { "data-testid": loadingIndicatorTestId, className: cx('flex flex-col items-center justify-center', styles[size].root), children: [renderSpinner(), label && jsx("span", { className: cx('text-secondary', styles[size].label), children: label })] }));
 };
 
 export { LoadingIndicator };

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":"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"}
+{"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 })] }));