@flipdish/ui-library 0.10.0 → 0.11.1

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

@@ -3,14 +3,16 @@
 var jsxRuntime = require('react/jsx-runtime');
 var Input = require('@flipdish/ui-library/components/atoms/Input');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var reactAriaComponents = require('react-aria-components');
 
 // Creates a data URL for an SVG resize handle with a given color.
 const getResizeHandleBg = (color) => {
     return `url(data:image/svg+xml;base64,${btoa(`<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 2L2 10" stroke="${color}" stroke-linecap="round"/><path d="M11 7L7 11" stroke="${color}" stroke-linecap="round"/></svg>`)})`;
 };
-const TextAreaBase = ({ className, size = 'md', ...props }) => {
-    return (jsxRuntime.jsx(reactAriaComponents.TextArea, { ...props, style: {
+const TextAreaBase = ({ className, size = 'md', 'data-testid': dataTestId, ...props }) => {
+    const textAreaTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'text-area', rootName: 'text-area' });
+    return (jsxRuntime.jsx(reactAriaComponents.TextArea, { ...props, "data-testid": textAreaTestId, style: {
             '--resize-handle-bg': getResizeHandleBg('#D5D7DA'),
             '--resize-handle-bg-dark': getResizeHandleBg('#373A41'),
         }, className: (state) => cx.cx('w-full scroll-py-3 rounded-lg bg-primary text-primary shadow-xs ring-1 ring-primary transition duration-100 ease-linear ring-inset placeholder:text-placeholder autofill:rounded-lg autofill:text-primary focus:outline-hidden', size === 'sm' && 'p-3 text-sm', size === 'md' && 'px-3.5 py-3 text-md', 
@@ -24,8 +26,8 @@ TextAreaBase.displayName = 'TextAreaBase';
  *
  * @summary multi-line text field for collecting longer-form user input
  */
-const TextArea = ({ label, hint, tooltip, textAreaRef, hideRequiredIndicator, textAreaClassName, placeholder, className, rows, cols, size = 'md', ...props }) => {
-    return (jsxRuntime.jsx(reactAriaComponents.TextField, { ...props, className: (state) => cx.cx('group flex h-max w-full flex-col items-start justify-start gap-1.5', typeof className === 'function' ? className(state) : className), children: ({ isInvalid, isRequired }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && (jsxRuntime.jsx(Input.Label, { isRequired: hideRequiredIndicator ? !hideRequiredIndicator : isRequired, tooltip: tooltip, children: label })), jsxRuntime.jsx(TextAreaBase, { placeholder: placeholder, className: textAreaClassName, ref: textAreaRef, rows: rows, cols: cols, size: size }), hint && (jsxRuntime.jsx(Input.HintText, { isInvalid: isInvalid, size: size, children: hint }))] })) }));
+const TextArea = ({ label, hint, tooltip, textAreaRef, hideRequiredIndicator, textAreaClassName, placeholder, className, rows, cols, size = 'md', 'data-testid': dataTestId, ...props }) => {
+    return (jsxRuntime.jsx(reactAriaComponents.TextField, { ...props, className: (state) => cx.cx('group flex h-max w-full flex-col items-start justify-start gap-1.5', typeof className === 'function' ? className(state) : className), children: ({ isInvalid, isRequired }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [label && (jsxRuntime.jsx(Input.Label, { isRequired: hideRequiredIndicator ? !hideRequiredIndicator : isRequired, tooltip: tooltip, children: label })), jsxRuntime.jsx(TextAreaBase, { placeholder: placeholder, className: textAreaClassName, ref: textAreaRef, rows: rows, cols: cols, size: size, "data-testid": dataTestId }), hint && (jsxRuntime.jsx(Input.HintText, { isInvalid: isInvalid, size: size, children: hint }))] })) }));
 };
 TextArea.displayName = 'TextArea';
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaTextArea","cx","AriaTextField","_jsxs","_Fragment","Label","HintText"],"mappings":";;;;;;;AAQA;AACA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAI;IAC1C,OAAO,CAAA,8BAAA,EAAiC,IAAI,CAAC,CAAA,4HAAA,EAA+H,KAAK,0DAA0D,KAAK,CAAA,gCAAA,CAAkC,CAAC,CAAA,CAAA,CAAG;AACxR,CAAC;AAOM,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAqB,KAAI;AACtF,IAAA,QACEA,cAAA,CAACC,4BAAY,OACP,KAAK,EACT,KAAK,EACH;AACE,YAAA,oBAAoB,EAAE,iBAAiB,CAAC,SAAS,CAAC;AAClD,YAAA,yBAAyB,EAAE,iBAAiB,CAAC,SAAS,CAAC;SACvC,EAEpB,SAAS,EAAE,CAAC,KAAK,KACfC,KAAE,CACA,gOAAgO,EAEhO,IAAI,KAAK,IAAI,IAAI,aAAa,EAC9B,IAAI,KAAK,IAAI,IAAI,qBAAqB;;QAGtC,iJAAiJ,EAEjJ,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,mBAAmB,EAC3D,KAAK,CAAC,UAAU,IAAI,+BAA+B,EACnD,KAAK,CAAC,SAAS,IAAI,mBAAmB,EACtC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,mBAAmB,EAEzD,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,CAEH;AAEN;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;AA2BzC;;;;;AAKG;AACI,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACO,KAAI;IACnB,QACEF,cAAA,CAACG,6BAAa,EAAA,EAAA,GACR,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KACfD,KAAE,CAAC,oEAAoE,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,EAAA,QAAA,EAGzI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,MACzBE,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACG,KAAK,KACJL,cAAA,CAACM,WAAK,EAAA,EAAC,UAAU,EAAE,qBAAqB,GAAG,CAAC,qBAAqB,GAAG,UAAU,EAAE,OAAO,EAAE,OAAO,EAAA,QAAA,EAC7F,KAAK,EAAA,CACA,CACT,EAEDN,cAAA,CAAC,YAAY,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAA,CAAI,EAE7H,IAAI,KACHA,cAAA,CAACO,cAAQ,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EACvC,IAAI,EAAA,CACI,CACZ,CAAA,EAAA,CACA,CACJ,EAAA,CACa;AAEpB;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","AriaTextArea","cx","AriaTextField","_jsxs","_Fragment","Label","HintText"],"mappings":";;;;;;;;AASA;AACA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAI;IAC1C,OAAO,CAAA,8BAAA,EAAiC,IAAI,CAAC,CAAA,4HAAA,EAA+H,KAAK,0DAA0D,KAAK,CAAA,gCAAA,CAAkC,CAAC,CAAA,CAAA,CAAG;AACxR,CAAC;MASY,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAqB,KAAI;AACjH,IAAA,MAAM,cAAc,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;IAE7G,QACEC,eAACC,4BAAY,EAAA,EAAA,GACP,KAAK,EAAA,aAAA,EACI,cAAc,EAC3B,KAAK,EACH;AACE,YAAA,oBAAoB,EAAE,iBAAiB,CAAC,SAAS,CAAC;AAClD,YAAA,yBAAyB,EAAE,iBAAiB,CAAC,SAAS,CAAC;SACvC,EAEpB,SAAS,EAAE,CAAC,KAAK,KACfC,KAAE,CACA,gOAAgO,EAEhO,IAAI,KAAK,IAAI,IAAI,aAAa,EAC9B,IAAI,KAAK,IAAI,IAAI,qBAAqB;;QAGtC,iJAAiJ,EAEjJ,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,mBAAmB,EAC3D,KAAK,CAAC,UAAU,IAAI,+BAA+B,EACnD,KAAK,CAAC,SAAS,IAAI,mBAAmB,EACtC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,mBAAmB,EAEzD,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,CAEH;AAEN;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;AA6BzC;;;;;AAKG;AACI,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACO,KAAI;IACnB,QACEF,cAAA,CAACG,6BAAa,EAAA,EAAA,GACR,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KACfD,KAAE,CAAC,oEAAoE,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,EAAA,QAAA,EAGzI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,MACzBE,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACG,KAAK,KACJL,cAAA,CAACM,WAAK,EAAA,EAAC,UAAU,EAAE,qBAAqB,GAAG,CAAC,qBAAqB,GAAG,UAAU,EAAE,OAAO,EAAE,OAAO,EAAA,QAAA,EAC7F,KAAK,EAAA,CACA,CACT,EAEDN,cAAA,CAAC,YAAY,EAAA,EACX,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EAAA,aAAA,EACG,UAAU,EAAA,CACvB,EAED,IAAI,KACHA,cAAA,CAACO,cAAQ,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EACvC,IAAI,EAAA,CACI,CACZ,CAAA,EAAA,CACA,CACJ,EAAA,CACa;AAEpB;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;;"}

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

@@ -3,9 +3,11 @@ import type { TextAreaProps as AriaTextAreaProps, TextFieldProps as AriaTextFiel
 interface TextAreaBaseProps extends AriaTextAreaProps {
     ref?: Ref<HTMLTextAreaElement>;
     size?: 'sm' | 'md';
+    /** Overrides the `data-testid` applied to the underlying `<textarea>` (defaults to `fd-text-area`). */
+    'data-testid'?: string;
 }
 export declare const TextAreaBase: {
-    ({ className, size, ...props }: TextAreaBaseProps): import("react").JSX.Element;
+    ({ className, size, "data-testid": dataTestId, ...props }: TextAreaBaseProps): import("react").JSX.Element;
     displayName: string;
 };
 export interface TextFieldProps extends AriaTextFieldProps {
@@ -31,6 +33,8 @@ export interface TextFieldProps extends AriaTextFieldProps {
     rows?: number;
     /** Visible width of textarea in columns. */
     cols?: number;
+    /** Applied to the underlying `<textarea>` (not the wrapper). Defaults to `fd-text-area`. */
+    'data-testid'?: string;
 }
 /**
  * A multi-line text field for collecting longer-form user input. Composes a
@@ -39,7 +43,7 @@ export interface TextFieldProps extends AriaTextFieldProps {
  * @summary multi-line text field for collecting longer-form user input
  */
 export declare const TextArea: {
-    ({ label, hint, tooltip, textAreaRef, hideRequiredIndicator, textAreaClassName, placeholder, className, rows, cols, size, ...props }: TextFieldProps): import("react").JSX.Element;
+    ({ label, hint, tooltip, textAreaRef, hideRequiredIndicator, textAreaClassName, placeholder, className, rows, cols, size, "data-testid": dataTestId, ...props }: TextFieldProps): import("react").JSX.Element;
     displayName: string;
 };
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAiB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAQtH,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,YAAY;oCAA0C,iBAAiB;;CA8BnF,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACnD,mCAAmC;IACnC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,2BAA2B;IAC3B,WAAW,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACvC,qDAAqD;IACrD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;0IAalB,cAAc;;CA2BhB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAiB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAQtH,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,uGAAuG;IACvG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,YAAY;+DAAqE,iBAAiB;;CAiC9G,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACnD,mCAAmC;IACnC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,2BAA2B;IAC3B,WAAW,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACvC,qDAAqD;IACrD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;qKAclB,cAAc;;CAmChB,CAAC"}

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

@@ -1,14 +1,16 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Label, HintText } from '@flipdish/ui-library/components/atoms/Input';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { TextField, TextArea as TextArea$1 } from 'react-aria-components';
 
 // Creates a data URL for an SVG resize handle with a given color.
 const getResizeHandleBg = (color) => {
     return `url(data:image/svg+xml;base64,${btoa(`<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 2L2 10" stroke="${color}" stroke-linecap="round"/><path d="M11 7L7 11" stroke="${color}" stroke-linecap="round"/></svg>`)})`;
 };
-const TextAreaBase = ({ className, size = 'md', ...props }) => {
-    return (jsx(TextArea$1, { ...props, style: {
+const TextAreaBase = ({ className, size = 'md', 'data-testid': dataTestId, ...props }) => {
+    const textAreaTestId = useResolvedTestId({ testId: dataTestId, segment: 'text-area', rootName: 'text-area' });
+    return (jsx(TextArea$1, { ...props, "data-testid": textAreaTestId, style: {
             '--resize-handle-bg': getResizeHandleBg('#D5D7DA'),
             '--resize-handle-bg-dark': getResizeHandleBg('#373A41'),
         }, className: (state) => cx('w-full scroll-py-3 rounded-lg bg-primary text-primary shadow-xs ring-1 ring-primary transition duration-100 ease-linear ring-inset placeholder:text-placeholder autofill:rounded-lg autofill:text-primary focus:outline-hidden', size === 'sm' && 'p-3 text-sm', size === 'md' && 'px-3.5 py-3 text-md', 
@@ -22,8 +24,8 @@ TextAreaBase.displayName = 'TextAreaBase';
  *
  * @summary multi-line text field for collecting longer-form user input
  */
-const TextArea = ({ label, hint, tooltip, textAreaRef, hideRequiredIndicator, textAreaClassName, placeholder, className, rows, cols, size = 'md', ...props }) => {
-    return (jsx(TextField, { ...props, className: (state) => cx('group flex h-max w-full flex-col items-start justify-start gap-1.5', typeof className === 'function' ? className(state) : className), children: ({ isInvalid, isRequired }) => (jsxs(Fragment, { children: [label && (jsx(Label, { isRequired: hideRequiredIndicator ? !hideRequiredIndicator : isRequired, tooltip: tooltip, children: label })), jsx(TextAreaBase, { placeholder: placeholder, className: textAreaClassName, ref: textAreaRef, rows: rows, cols: cols, size: size }), hint && (jsx(HintText, { isInvalid: isInvalid, size: size, children: hint }))] })) }));
+const TextArea = ({ label, hint, tooltip, textAreaRef, hideRequiredIndicator, textAreaClassName, placeholder, className, rows, cols, size = 'md', 'data-testid': dataTestId, ...props }) => {
+    return (jsx(TextField, { ...props, className: (state) => cx('group flex h-max w-full flex-col items-start justify-start gap-1.5', typeof className === 'function' ? className(state) : className), children: ({ isInvalid, isRequired }) => (jsxs(Fragment, { children: [label && (jsx(Label, { isRequired: hideRequiredIndicator ? !hideRequiredIndicator : isRequired, tooltip: tooltip, children: label })), jsx(TextAreaBase, { placeholder: placeholder, className: textAreaClassName, ref: textAreaRef, rows: rows, cols: cols, size: size, "data-testid": dataTestId }), hint && (jsx(HintText, { isInvalid: isInvalid, size: size, children: hint }))] })) }));
 };
 TextArea.displayName = 'TextArea';
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaTextArea","AriaTextField","_jsxs","_Fragment"],"mappings":";;;;;AAQA;AACA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAI;IAC1C,OAAO,CAAA,8BAAA,EAAiC,IAAI,CAAC,CAAA,4HAAA,EAA+H,KAAK,0DAA0D,KAAK,CAAA,gCAAA,CAAkC,CAAC,CAAA,CAAA,CAAG;AACxR,CAAC;AAOM,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAqB,KAAI;AACtF,IAAA,QACEA,GAAA,CAACC,UAAY,OACP,KAAK,EACT,KAAK,EACH;AACE,YAAA,oBAAoB,EAAE,iBAAiB,CAAC,SAAS,CAAC;AAClD,YAAA,yBAAyB,EAAE,iBAAiB,CAAC,SAAS,CAAC;SACvC,EAEpB,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,gOAAgO,EAEhO,IAAI,KAAK,IAAI,IAAI,aAAa,EAC9B,IAAI,KAAK,IAAI,IAAI,qBAAqB;;QAGtC,iJAAiJ,EAEjJ,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,mBAAmB,EAC3D,KAAK,CAAC,UAAU,IAAI,+BAA+B,EACnD,KAAK,CAAC,SAAS,IAAI,mBAAmB,EACtC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,mBAAmB,EAEzD,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,CAEH;AAEN;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;AA2BzC;;;;;AAKG;AACI,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACO,KAAI;IACnB,QACED,GAAA,CAACE,SAAa,EAAA,EAAA,GACR,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CAAC,oEAAoE,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,EAAA,QAAA,EAGzI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,MACzBC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,KAAK,KACJJ,GAAA,CAAC,KAAK,EAAA,EAAC,UAAU,EAAE,qBAAqB,GAAG,CAAC,qBAAqB,GAAG,UAAU,EAAE,OAAO,EAAE,OAAO,EAAA,QAAA,EAC7F,KAAK,EAAA,CACA,CACT,EAEDA,GAAA,CAAC,YAAY,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAA,CAAI,EAE7H,IAAI,KACHA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EACvC,IAAI,EAAA,CACI,CACZ,CAAA,EAAA,CACA,CACJ,EAAA,CACa;AAEpB;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaTextArea","AriaTextField","_jsxs","_Fragment"],"mappings":";;;;;;AASA;AACA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAI;IAC1C,OAAO,CAAA,8BAAA,EAAiC,IAAI,CAAC,CAAA,4HAAA,EAA+H,KAAK,0DAA0D,KAAK,CAAA,gCAAA,CAAkC,CAAC,CAAA,CAAA,CAAG;AACxR,CAAC;MASY,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAqB,KAAI;AACjH,IAAA,MAAM,cAAc,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;IAE7G,QACEA,IAACC,UAAY,EAAA,EAAA,GACP,KAAK,EAAA,aAAA,EACI,cAAc,EAC3B,KAAK,EACH;AACE,YAAA,oBAAoB,EAAE,iBAAiB,CAAC,SAAS,CAAC;AAClD,YAAA,yBAAyB,EAAE,iBAAiB,CAAC,SAAS,CAAC;SACvC,EAEpB,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,gOAAgO,EAEhO,IAAI,KAAK,IAAI,IAAI,aAAa,EAC9B,IAAI,KAAK,IAAI,IAAI,qBAAqB;;QAGtC,iJAAiJ,EAEjJ,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,mBAAmB,EAC3D,KAAK,CAAC,UAAU,IAAI,+BAA+B,EACnD,KAAK,CAAC,SAAS,IAAI,mBAAmB,EACtC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,mBAAmB,EAEzD,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,CAEH;AAEN;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;AA6BzC;;;;;AAKG;AACI,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACO,KAAI;IACnB,QACED,GAAA,CAACE,SAAa,EAAA,EAAA,GACR,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CAAC,oEAAoE,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,EAAA,QAAA,EAGzI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,MACzBC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,KAAK,KACJJ,GAAA,CAAC,KAAK,EAAA,EAAC,UAAU,EAAE,qBAAqB,GAAG,CAAC,qBAAqB,GAAG,UAAU,EAAE,OAAO,EAAE,OAAO,EAAA,QAAA,EAC7F,KAAK,EAAA,CACA,CACT,EAEDA,GAAA,CAAC,YAAY,EAAA,EACX,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,WAAW,EAChB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EAAA,aAAA,EACG,UAAU,EAAA,CACvB,EAED,IAAI,KACHA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EACvC,IAAI,EAAA,CACI,CACZ,CAAA,EAAA,CACA,CACJ,EAAA,CACa;AAEpB;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

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

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var Input = require('@flipdish/ui-library/components/atoms/Input');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var inputOtp = require('input-otp');
 var React = require('react');
 
@@ -19,9 +20,10 @@ const usePinInputContext = () => {
     }
     return context;
 };
-const Root = ({ className, size = 'md', disabled = false, invalid = false, ...props }) => {
+const Root = ({ className, size = 'md', disabled = false, invalid = false, 'data-testid': dataTestId, ...props }) => {
     const id = React.useId();
-    return (jsxRuntime.jsx(PinInputContext.Provider, { value: { size, disabled, id, invalid }, children: jsxRuntime.jsx("div", { role: "group", className: cx.cx('flex h-max flex-col gap-1.5', className), ...props }) }));
+    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'pin-input', rootName: 'pin-input' });
+    return (jsxRuntime.jsx(PinInputContext.Provider, { value: { size, disabled, id, invalid }, children: jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: rootTestId, children: jsxRuntime.jsx("div", { role: "group", className: cx.cx('flex h-max flex-col gap-1.5', className), ...props, "data-testid": rootTestId }) }) }));
 };
 Root.displayName = 'Root';
 const styles = {
@@ -34,16 +36,20 @@ const styles = {
 };
 const Group = ({ inputClassName, containerClassName, width, maxLength = 4, ...props }) => {
     const { id, size, disabled } = usePinInputContext();
-    return (jsxRuntime.jsx(inputOtp.OTPInput, { ...props, size: width, maxLength: maxLength, disabled: disabled, id: `pin-input-${id}`, "aria-label": "Enter your pin", "aria-labelledby": `pin-input-label-${id}`, "aria-describedby": `pin-input-description-${id}`, containerClassName: cx.cx('flex flex-row', styles[size].group, containerClassName), className: cx.cx('disabled:cursor-not-allowed', inputClassName) }));
+    const prefix = testIdUtils.useTestIdPrefix();
+    const inputTestId = prefix ? testIdUtils.joinTestId(prefix, 'input') : undefined;
+    return (jsxRuntime.jsx(inputOtp.OTPInput, { ...props, size: width, maxLength: maxLength, disabled: disabled, id: `pin-input-${id}`, "aria-label": "Enter your pin", "aria-labelledby": `pin-input-label-${id}`, "aria-describedby": `pin-input-description-${id}`, containerClassName: cx.cx('flex flex-row', styles[size].group, containerClassName), className: cx.cx('disabled:cursor-not-allowed', inputClassName), "data-testid": inputTestId }));
 };
 Group.displayName = 'Group';
-const Slot = ({ index, className, ...props }) => {
+const Slot = ({ index, className, 'data-testid': dataTestId, ...props }) => {
     const { size, disabled, invalid } = usePinInputContext();
     const { slots, isFocused } = React.useContext(inputOtp.OTPInputContext);
+    const prefix = testIdUtils.useTestIdPrefix();
+    const slotTestId = dataTestId ?? (prefix ? testIdUtils.joinTestId(prefix, `slot-${index}`) : undefined);
     const slot = slots[index];
     return (
     // biome-ignore lint/a11y/useAriaPropsSupportedByRole: this is a custom component
-    jsxRuntime.jsx("div", { ...props, "aria-invalid": invalid, "aria-label": `Enter digit ${index + 1} of ${slots.length}`, className: cx.cx('relative flex items-center justify-center rounded-xl bg-primary text-center text-placeholder/40 shadow-xs ring-1 ring-primary transition-[box-shadow,background-color] duration-100 ease-linear ring-inset', styles[size].slot, isFocused && slot?.isActive && 'ring-2 ring-brand outline-2 outline-offset-2 outline-brand', slot?.char && 'text-brand-tertiary_alt ring-2 ring-brand', disabled && 'opacity-50', invalid && 'text-error-primary ring-error_subtle', className), children: slot?.char ? slot.char : slot?.hasFakeCaret ? jsxRuntime.jsx(FakeCaret, { size: size }) : 0 }));
+    jsxRuntime.jsx("div", { ...props, "aria-invalid": invalid, "aria-label": `Enter digit ${index + 1} of ${slots.length}`, "data-testid": slotTestId, className: cx.cx('relative flex items-center justify-center rounded-xl bg-primary text-center text-placeholder/40 shadow-xs ring-1 ring-primary transition-[box-shadow,background-color] duration-100 ease-linear ring-inset', styles[size].slot, isFocused && slot?.isActive && 'ring-2 ring-brand outline-2 outline-offset-2 outline-brand', slot?.char && 'text-brand-tertiary_alt ring-2 ring-brand', disabled && 'opacity-50', invalid && 'text-error-primary ring-error_subtle', className), children: slot?.char ? slot.char : slot?.hasFakeCaret ? jsxRuntime.jsx(FakeCaret, { size: size }) : 0 }));
 };
 Slot.displayName = 'Slot';
 const FakeCaret = ({ size = 'md' }) => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/VerificationCodeInput/index.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useId","_jsx","cx","OTPInput","OTPInputContext","LabelBase","HintText"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/VerificationCodeInput/index.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useId","useResolvedTestId","_jsx","TestIdProvider","cx","useTestIdPrefix","joinTestId","OTPInput","OTPInputContext","LabelBase","HintText"],"mappings":"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"}

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

@@ -13,9 +13,11 @@ export interface RootProps extends ComponentPropsWithRef<'div'> {
     size?: PinInputSize;
     disabled?: boolean;
     invalid?: boolean;
+    /** Overrides the derived root `data-testid` (defaults to `fd-pin-input`). */
+    'data-testid'?: string;
 }
 declare const Root: {
-    ({ className, size, disabled, invalid, ...props }: RootProps): import("react").JSX.Element;
+    ({ className, size, disabled, invalid, "data-testid": dataTestId, ...props }: RootProps): import("react").JSX.Element;
     displayName: string;
 };
 type GroupProps = ComponentPropsWithRef<typeof OTPInput> & {
@@ -26,10 +28,13 @@ declare const Group: {
     ({ inputClassName, containerClassName, width, maxLength, ...props }: GroupProps): import("react").JSX.Element;
     displayName: string;
 };
+export interface SlotProps extends ComponentPropsWithRef<'div'> {
+    index: number;
+    /** Overrides the derived `data-testid` for this slot (defaults to `<root>--slot-<index>`). */
+    'data-testid'?: string;
+}
 declare const Slot: {
-    ({ index, className, ...props }: ComponentPropsWithRef<"div"> & {
-        index: number;
-    }): import("react").JSX.Element;
+    ({ index, className, "data-testid": dataTestId, ...props }: SlotProps): import("react").JSX.Element;
     displayName: string;
 };
 declare const Separator: {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/VerificationCodeInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAE3F,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,KAAK,YAAY,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AASF,eAAO,MAAM,kBAAkB,2BAQ9B,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC7D,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,IAAI;uDAA6E,SAAS;;CAS/F,CAAC;AAYF,KAAK,UAAU,GAAG,qBAAqB,CAAC,OAAO,QAAQ,CAAC,GAAG;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,KAAK;yEAA4E,UAAU;;CAiBhG,CAAC;AAGF,QAAA,MAAM,IAAI;qCAAoC,qBAAqB,CAAC,KAAK,CAAC,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;CAyB7F,CAAC;AAOF,QAAA,MAAM,SAAS;YAAW,qBAAqB,CAAC,KAAK,CAAC;;CASrD,CAAC;AAGF,QAAA,MAAM,KAAK;YAAW,qBAAqB,CAAC,OAAO,SAAS,CAAC;;CAI5D,CAAC;AAGF,QAAA,MAAM,WAAW;YAAW,qBAAqB,CAAC,OAAO,QAAQ,CAAC;;CAKjE,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,QAAQ,EAAW,OAAO,IAAI,GAAG;IACrC,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,WAAW,EAAE,OAAO,WAAW,CAAC;CACjC,CAAC;AAOF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/VerificationCodeInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAG3F,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,KAAK,YAAY,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AASF,eAAO,MAAM,kBAAkB,2BAQ9B,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC7D,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6EAA6E;IAC7E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,IAAI;kFAAwG,SAAS;;CAY1H,CAAC;AAYF,KAAK,UAAU,GAAG,qBAAqB,CAAC,OAAO,QAAQ,CAAC,GAAG;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,KAAK;yEAA4E,UAAU;;CAoBhG,CAAC;AAGF,MAAM,WAAW,SAAU,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,8FAA8F;IAC9F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,IAAI;gEAA+D,SAAS;;CA4BjF,CAAC;AAOF,QAAA,MAAM,SAAS;YAAW,qBAAqB,CAAC,KAAK,CAAC;;CASrD,CAAC;AAGF,QAAA,MAAM,KAAK;YAAW,qBAAqB,CAAC,OAAO,SAAS,CAAC;;CAI5D,CAAC;AAGF,QAAA,MAAM,WAAW;YAAW,qBAAqB,CAAC,OAAO,QAAQ,CAAC;;CAKjE,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,QAAQ,EAAW,OAAO,IAAI,GAAG;IACrC,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,WAAW,EAAE,OAAO,WAAW,CAAC;CACjC,CAAC;AAOF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { Label as Label$1, HintText } from '@flipdish/ui-library/components/atoms/Input';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, TestIdProvider, useTestIdPrefix, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { OTPInput, OTPInputContext } from 'input-otp';
 import { createContext, useId, useContext } from 'react';
 
@@ -17,9 +18,10 @@ const usePinInputContext = () => {
     }
     return context;
 };
-const Root = ({ className, size = 'md', disabled = false, invalid = false, ...props }) => {
+const Root = ({ className, size = 'md', disabled = false, invalid = false, 'data-testid': dataTestId, ...props }) => {
     const id = useId();
-    return (jsx(PinInputContext.Provider, { value: { size, disabled, id, invalid }, children: jsx("div", { role: "group", className: cx('flex h-max flex-col gap-1.5', className), ...props }) }));
+    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'pin-input', rootName: 'pin-input' });
+    return (jsx(PinInputContext.Provider, { value: { size, disabled, id, invalid }, children: jsx(TestIdProvider, { value: rootTestId, children: jsx("div", { role: "group", className: cx('flex h-max flex-col gap-1.5', className), ...props, "data-testid": rootTestId }) }) }));
 };
 Root.displayName = 'Root';
 const styles = {
@@ -32,16 +34,20 @@ const styles = {
 };
 const Group = ({ inputClassName, containerClassName, width, maxLength = 4, ...props }) => {
     const { id, size, disabled } = usePinInputContext();
-    return (jsx(OTPInput, { ...props, size: width, maxLength: maxLength, disabled: disabled, id: `pin-input-${id}`, "aria-label": "Enter your pin", "aria-labelledby": `pin-input-label-${id}`, "aria-describedby": `pin-input-description-${id}`, containerClassName: cx('flex flex-row', styles[size].group, containerClassName), className: cx('disabled:cursor-not-allowed', inputClassName) }));
+    const prefix = useTestIdPrefix();
+    const inputTestId = prefix ? joinTestId(prefix, 'input') : undefined;
+    return (jsx(OTPInput, { ...props, size: width, maxLength: maxLength, disabled: disabled, id: `pin-input-${id}`, "aria-label": "Enter your pin", "aria-labelledby": `pin-input-label-${id}`, "aria-describedby": `pin-input-description-${id}`, containerClassName: cx('flex flex-row', styles[size].group, containerClassName), className: cx('disabled:cursor-not-allowed', inputClassName), "data-testid": inputTestId }));
 };
 Group.displayName = 'Group';
-const Slot = ({ index, className, ...props }) => {
+const Slot = ({ index, className, 'data-testid': dataTestId, ...props }) => {
     const { size, disabled, invalid } = usePinInputContext();
     const { slots, isFocused } = useContext(OTPInputContext);
+    const prefix = useTestIdPrefix();
+    const slotTestId = dataTestId ?? (prefix ? joinTestId(prefix, `slot-${index}`) : undefined);
     const slot = slots[index];
     return (
     // biome-ignore lint/a11y/useAriaPropsSupportedByRole: this is a custom component
-    jsx("div", { ...props, "aria-invalid": invalid, "aria-label": `Enter digit ${index + 1} of ${slots.length}`, className: cx('relative flex items-center justify-center rounded-xl bg-primary text-center text-placeholder/40 shadow-xs ring-1 ring-primary transition-[box-shadow,background-color] duration-100 ease-linear ring-inset', styles[size].slot, isFocused && slot?.isActive && 'ring-2 ring-brand outline-2 outline-offset-2 outline-brand', slot?.char && 'text-brand-tertiary_alt ring-2 ring-brand', disabled && 'opacity-50', invalid && 'text-error-primary ring-error_subtle', className), children: slot?.char ? slot.char : slot?.hasFakeCaret ? jsx(FakeCaret, { size: size }) : 0 }));
+    jsx("div", { ...props, "aria-invalid": invalid, "aria-label": `Enter digit ${index + 1} of ${slots.length}`, "data-testid": slotTestId, className: cx('relative flex items-center justify-center rounded-xl bg-primary text-center text-placeholder/40 shadow-xs ring-1 ring-primary transition-[box-shadow,background-color] duration-100 ease-linear ring-inset', styles[size].slot, isFocused && slot?.isActive && 'ring-2 ring-brand outline-2 outline-offset-2 outline-brand', slot?.char && 'text-brand-tertiary_alt ring-2 ring-brand', disabled && 'opacity-50', invalid && 'text-error-primary ring-error_subtle', className), children: slot?.char ? slot.char : slot?.hasFakeCaret ? jsx(FakeCaret, { size: size }) : 0 }));
 };
 Slot.displayName = 'Slot';
 const FakeCaret = ({ size = 'md' }) => {

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

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

package/dist/components/organisms/ActivityFeed/index.cjs

@@ -7,9 +7,15 @@ var Badge = require('@flipdish/ui-library/components/atoms/Badge');
 var Button = require('@flipdish/ui-library/components/atoms/Button');
 var Dot = require('@flipdish/ui-library/components/atoms/Dot');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 
-const FeedItem = ({ user, date, action, attachment, comment, labels, message, unseen, connector, size = 'md' }) => {
-    return (jsxRuntime.jsxs("article", { className: "relative flex gap-3", children: [unseen && jsxRuntime.jsx(Dot.Dot, { size: "md", className: "absolute top-0 right-0 text-fg-success-secondary" }), jsxRuntime.jsxs("div", { className: "flex shrink-0 flex-col", children: [jsxRuntime.jsx(Avatar.Avatar, { src: user.avatarUrl, alt: user.name, size: size === 'sm' ? 'sm' : 'md', status: user.status }), connector && (jsxRuntime.jsx("div", { className: "relative my-1 flex h-full w-full justify-center self-center overflow-hidden", children: jsxRuntime.jsx("svg", { className: "absolute", width: "2.4", children: jsxRuntime.jsx("line", { x1: "1.2", y1: "1.2", x2: "1.2", y2: "100%", className: "stroke-border-primary", stroke: "black", strokeWidth: "2.4", strokeDasharray: "0,6", strokeLinecap: "round" }) }) }))] }), jsxRuntime.jsxs("div", { className: cx.cx('flex flex-1 flex-col gap-3', connector && 'pb-8'), children: [jsxRuntime.jsxs("header", { children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx("a", { href: user.href, className: "rounded text-sm font-medium text-secondary outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: user.name }), date && (jsxRuntime.jsx("time", { className: "text-xs text-tertiary", dateTime: date, children: date }))] }), action && (jsxRuntime.jsxs("p", { className: "text-sm text-tertiary", children: [action.content, ' ', action.target && (jsxRuntime.jsx(Button.Button, { href: action.href, className: "inline text-sm font-medium whitespace-normal", color: "link-color", size: "sm", children: action.target }))] })), user.username && jsxRuntime.jsx("p", { className: "text-sm text-tertiary", children: user.username })] }), attachment && (jsxRuntime.jsxs("figure", { className: "flex gap-3", children: [jsxRuntime.jsx(uiIcons.FileIcon, { type: attachment.type, theme: "light", className: "size-10 dark:hidden" }), jsxRuntime.jsx(uiIcons.FileIcon, { type: attachment.type, theme: "dark", className: "size-10 not-dark:hidden" }), jsxRuntime.jsxs("figcaption", { children: [jsxRuntime.jsx("p", { className: "text-sm font-medium text-secondary", children: attachment.name }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary", children: attachment.size })] })] })), labels && labels.length > 0 && (jsxRuntime.jsx("aside", { className: "flex gap-1", "aria-label": "Labels", children: labels.map((label) => (jsxRuntime.jsx(Badge.Badge, { color: label.color, size: "sm", children: label.name }, label.name))) })), comment && jsxRuntime.jsx("q", { className: "text-sm text-tertiary", children: comment }), message && (jsxRuntime.jsx("section", { className: cx.cx('gap-2 rounded-lg rounded-tl-none p-3 ring-1 ring-secondary ring-inset', connector && 'py-2.5'), children: jsxRuntime.jsx("p", { className: "text-sm text-secondary", children: message }) }))] })] }));
+const FeedItem = ({ id, user, date, action, attachment, comment, labels, message, unseen, connector, size = 'md', 'data-testid': dataTestId, }) => {
+    const itemTestId = testIdUtils.useResolvedTestId({
+        testId: dataTestId,
+        segment: `feed-item-${testIdUtils.slugifyTestId(String(id))}`,
+        rootName: `feed-item-${testIdUtils.slugifyTestId(String(id))}`,
+    });
+    return (jsxRuntime.jsxs("article", { "data-testid": itemTestId, className: "relative flex gap-3", children: [unseen && jsxRuntime.jsx(Dot.Dot, { size: "md", className: "absolute top-0 right-0 text-fg-success-secondary" }), jsxRuntime.jsxs("div", { className: "flex shrink-0 flex-col", children: [jsxRuntime.jsx(Avatar.Avatar, { src: user.avatarUrl, alt: user.name, size: size === 'sm' ? 'sm' : 'md', status: user.status }), connector && (jsxRuntime.jsx("div", { className: "relative my-1 flex h-full w-full justify-center self-center overflow-hidden", children: jsxRuntime.jsx("svg", { className: "absolute", width: "2.4", children: jsxRuntime.jsx("line", { x1: "1.2", y1: "1.2", x2: "1.2", y2: "100%", className: "stroke-border-primary", stroke: "black", strokeWidth: "2.4", strokeDasharray: "0,6", strokeLinecap: "round" }) }) }))] }), jsxRuntime.jsxs("div", { className: cx.cx('flex flex-1 flex-col gap-3', connector && 'pb-8'), children: [jsxRuntime.jsxs("header", { children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx("a", { href: user.href, className: "rounded text-sm font-medium text-secondary outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: user.name }), date && (jsxRuntime.jsx("time", { className: "text-xs text-tertiary", dateTime: date, children: date }))] }), action && (jsxRuntime.jsxs("p", { className: "text-sm text-tertiary", children: [action.content, ' ', action.target && (jsxRuntime.jsx(Button.Button, { href: action.href, className: "inline text-sm font-medium whitespace-normal", color: "link-color", size: "sm", children: action.target }))] })), user.username && jsxRuntime.jsx("p", { className: "text-sm text-tertiary", children: user.username })] }), attachment && (jsxRuntime.jsxs("figure", { className: "flex gap-3", children: [jsxRuntime.jsx(uiIcons.FileIcon, { type: attachment.type, theme: "light", className: "size-10 dark:hidden" }), jsxRuntime.jsx(uiIcons.FileIcon, { type: attachment.type, theme: "dark", className: "size-10 not-dark:hidden" }), jsxRuntime.jsxs("figcaption", { children: [jsxRuntime.jsx("p", { className: "text-sm font-medium text-secondary", children: attachment.name }), jsxRuntime.jsx("p", { className: "text-sm text-tertiary", children: attachment.size })] })] })), labels && labels.length > 0 && (jsxRuntime.jsx("aside", { className: "flex gap-1", "aria-label": "Labels", children: labels.map((label) => (jsxRuntime.jsx(Badge.Badge, { color: label.color, size: "sm", children: label.name }, label.name))) })), comment && jsxRuntime.jsx("q", { className: "text-sm text-tertiary", children: comment }), message && (jsxRuntime.jsx("section", { className: cx.cx('gap-2 rounded-lg rounded-tl-none p-3 ring-1 ring-secondary ring-inset', connector && 'py-2.5'), children: jsxRuntime.jsx("p", { className: "text-sm text-secondary", children: message }) }))] })] }));
 };
 
 exports.FeedItem = FeedItem;

package/dist/components/organisms/ActivityFeed/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/ActivityFeed/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","Dot","Avatar","cx","Button","FileIcon","Badge"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/ActivityFeed/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","slugifyTestId","_jsxs","_jsx","Dot","Avatar","cx","Button","FileIcon","Badge"],"mappings":"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"}

package/dist/components/organisms/ActivityFeed/index.d.ts

@@ -30,6 +30,8 @@ export type FeedItemType = {
 export interface FeedItemProps extends FeedItemType {
     connector?: boolean;
     size?: 'sm' | 'md';
+    /** Overrides the derived `data-testid` (defaults to `fd-feed-item-<id>`). */
+    'data-testid'?: string;
 }
-export declare const FeedItem: ({ user, date, action, attachment, comment, labels, message, unseen, connector, size }: FeedItemProps) => import("react").JSX.Element;
+export declare const FeedItem: ({ id, user, date, action, attachment, comment, labels, message, unseen, connector, size, "data-testid": dataTestId, }: FeedItemProps) => import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/ActivityFeed/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ActivityFeed/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAM/E,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC/B,CAAC;IACF,UAAU,CAAC,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;KACrC,CAAC;IACF,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QAEb,KAAK,EAAE,WAAW,CAAC;KACpB,EAAE,CAAC;IACJ,MAAM,CAAC,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,GAAI,uFAA8F,aAAa,gCAmFnI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ActivityFeed/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAO/E,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC/B,CAAC;IACF,UAAU,CAAC,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;KACrC,CAAC;IACF,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QAEb,KAAK,EAAE,WAAW,CAAC;KACpB,EAAE,CAAC;IACJ,MAAM,CAAC,EAAE;QACP,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,6EAA6E;IAC7E,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,QAAQ,GAAI,uHAatB,aAAa,gCAyFf,CAAC"}

package/dist/components/organisms/ActivityFeed/index.js

@@ -5,9 +5,15 @@ import { Badge } from '@flipdish/ui-library/components/atoms/Badge';
 import { Button } from '@flipdish/ui-library/components/atoms/Button';
 import { Dot } from '@flipdish/ui-library/components/atoms/Dot';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, slugifyTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 
-const FeedItem = ({ user, date, action, attachment, comment, labels, message, unseen, connector, size = 'md' }) => {
-    return (jsxs("article", { className: "relative flex gap-3", children: [unseen && jsx(Dot, { size: "md", className: "absolute top-0 right-0 text-fg-success-secondary" }), jsxs("div", { className: "flex shrink-0 flex-col", children: [jsx(Avatar, { src: user.avatarUrl, alt: user.name, size: size === 'sm' ? 'sm' : 'md', status: user.status }), connector && (jsx("div", { className: "relative my-1 flex h-full w-full justify-center self-center overflow-hidden", children: jsx("svg", { className: "absolute", width: "2.4", children: jsx("line", { x1: "1.2", y1: "1.2", x2: "1.2", y2: "100%", className: "stroke-border-primary", stroke: "black", strokeWidth: "2.4", strokeDasharray: "0,6", strokeLinecap: "round" }) }) }))] }), jsxs("div", { className: cx('flex flex-1 flex-col gap-3', connector && 'pb-8'), children: [jsxs("header", { children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("a", { href: user.href, className: "rounded text-sm font-medium text-secondary outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: user.name }), date && (jsx("time", { className: "text-xs text-tertiary", dateTime: date, children: date }))] }), action && (jsxs("p", { className: "text-sm text-tertiary", children: [action.content, ' ', action.target && (jsx(Button, { href: action.href, className: "inline text-sm font-medium whitespace-normal", color: "link-color", size: "sm", children: action.target }))] })), user.username && jsx("p", { className: "text-sm text-tertiary", children: user.username })] }), attachment && (jsxs("figure", { className: "flex gap-3", children: [jsx(FileIcon, { type: attachment.type, theme: "light", className: "size-10 dark:hidden" }), jsx(FileIcon, { type: attachment.type, theme: "dark", className: "size-10 not-dark:hidden" }), jsxs("figcaption", { children: [jsx("p", { className: "text-sm font-medium text-secondary", children: attachment.name }), jsx("p", { className: "text-sm text-tertiary", children: attachment.size })] })] })), labels && labels.length > 0 && (jsx("aside", { className: "flex gap-1", "aria-label": "Labels", children: labels.map((label) => (jsx(Badge, { color: label.color, size: "sm", children: label.name }, label.name))) })), comment && jsx("q", { className: "text-sm text-tertiary", children: comment }), message && (jsx("section", { className: cx('gap-2 rounded-lg rounded-tl-none p-3 ring-1 ring-secondary ring-inset', connector && 'py-2.5'), children: jsx("p", { className: "text-sm text-secondary", children: message }) }))] })] }));
+const FeedItem = ({ id, user, date, action, attachment, comment, labels, message, unseen, connector, size = 'md', 'data-testid': dataTestId, }) => {
+    const itemTestId = useResolvedTestId({
+        testId: dataTestId,
+        segment: `feed-item-${slugifyTestId(String(id))}`,
+        rootName: `feed-item-${slugifyTestId(String(id))}`,
+    });
+    return (jsxs("article", { "data-testid": itemTestId, className: "relative flex gap-3", children: [unseen && jsx(Dot, { size: "md", className: "absolute top-0 right-0 text-fg-success-secondary" }), jsxs("div", { className: "flex shrink-0 flex-col", children: [jsx(Avatar, { src: user.avatarUrl, alt: user.name, size: size === 'sm' ? 'sm' : 'md', status: user.status }), connector && (jsx("div", { className: "relative my-1 flex h-full w-full justify-center self-center overflow-hidden", children: jsx("svg", { className: "absolute", width: "2.4", children: jsx("line", { x1: "1.2", y1: "1.2", x2: "1.2", y2: "100%", className: "stroke-border-primary", stroke: "black", strokeWidth: "2.4", strokeDasharray: "0,6", strokeLinecap: "round" }) }) }))] }), jsxs("div", { className: cx('flex flex-1 flex-col gap-3', connector && 'pb-8'), children: [jsxs("header", { children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("a", { href: user.href, className: "rounded text-sm font-medium text-secondary outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: user.name }), date && (jsx("time", { className: "text-xs text-tertiary", dateTime: date, children: date }))] }), action && (jsxs("p", { className: "text-sm text-tertiary", children: [action.content, ' ', action.target && (jsx(Button, { href: action.href, className: "inline text-sm font-medium whitespace-normal", color: "link-color", size: "sm", children: action.target }))] })), user.username && jsx("p", { className: "text-sm text-tertiary", children: user.username })] }), attachment && (jsxs("figure", { className: "flex gap-3", children: [jsx(FileIcon, { type: attachment.type, theme: "light", className: "size-10 dark:hidden" }), jsx(FileIcon, { type: attachment.type, theme: "dark", className: "size-10 not-dark:hidden" }), jsxs("figcaption", { children: [jsx("p", { className: "text-sm font-medium text-secondary", children: attachment.name }), jsx("p", { className: "text-sm text-tertiary", children: attachment.size })] })] })), labels && labels.length > 0 && (jsx("aside", { className: "flex gap-1", "aria-label": "Labels", children: labels.map((label) => (jsx(Badge, { color: label.color, size: "sm", children: label.name }, label.name))) })), comment && jsx("q", { className: "text-sm text-tertiary", children: comment }), message && (jsx("section", { className: cx('gap-2 rounded-lg rounded-tl-none p-3 ring-1 ring-secondary ring-inset', connector && 'py-2.5'), children: jsx("p", { className: "text-sm text-secondary", children: message }) }))] })] }));
 };
 
 export { FeedItem };

package/dist/components/organisms/ActivityFeed/index.js.map

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

package/dist/components/organisms/Calendar/components/calendar-dw-view-event.cjs

@@ -4,8 +4,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
 var calendarMonthViewEvent = require('./calendar-month-view-event.cjs');
 
-const CalendarDwViewEvent = ({ label, supportingText, withDot, color = 'gray' }) => {
-    return (jsxRuntime.jsxs("div", { className: cx.cx('flex h-full w-full flex-1 cursor-pointer flex-col gap-0.5 rounded-md px-2 py-1.5 ring-1 ring-inset', calendarMonthViewEvent.eventViewColors[color].root), children: [jsxRuntime.jsxs("div", { className: "flex w-full justify-between gap-0.5", children: [jsxRuntime.jsx("span", { className: cx.cx('flex-1 truncate text-xs font-semibold', calendarMonthViewEvent.eventViewColors[color].label), children: label }), withDot && (jsxRuntime.jsx("div", { className: "inline-flex size-2 items-center justify-center", children: jsxRuntime.jsx("span", { className: cx.cx('size-1.5 rounded-full', calendarMonthViewEvent.eventViewColors[color].dot) }) }))] }), supportingText && jsxRuntime.jsx("time", { className: cx.cx('text-xs', calendarMonthViewEvent.eventViewColors[color].time), children: supportingText })] }));
+const CalendarDwViewEvent = ({ label, supportingText, withDot, color = 'gray', 'data-testid': dataTestId }) => {
+    return (jsxRuntime.jsxs("div", { "data-testid": dataTestId, className: cx.cx('flex h-full w-full flex-1 cursor-pointer flex-col gap-0.5 rounded-md px-2 py-1.5 ring-1 ring-inset', calendarMonthViewEvent.eventViewColors[color].root), children: [jsxRuntime.jsxs("div", { className: "flex w-full justify-between gap-0.5", children: [jsxRuntime.jsx("span", { className: cx.cx('flex-1 truncate text-xs font-semibold', calendarMonthViewEvent.eventViewColors[color].label), children: label }), withDot && (jsxRuntime.jsx("div", { className: "inline-flex size-2 items-center justify-center", children: jsxRuntime.jsx("span", { className: cx.cx('size-1.5 rounded-full', calendarMonthViewEvent.eventViewColors[color].dot) }) }))] }), supportingText && jsxRuntime.jsx("time", { className: cx.cx('text-xs', calendarMonthViewEvent.eventViewColors[color].time), children: supportingText })] }));
 };
 
 exports.CalendarDwViewEvent = CalendarDwViewEvent;

package/dist/components/organisms/Calendar/components/calendar-dw-view-event.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-dw-view-event.cjs","sources":["../../../../../src/components/organisms/Calendar/components/calendar-dw-view-event.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","eventViewColors","_jsx"],"mappings":";;;;;;AAYO,MAAM,mBAAmB,GAAG,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,GAAG,MAAM,EAA4B,KAAI;AAClH,IAAA,QACEA,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,KAAE,CACX,oGAAoG,EACpGC,sCAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAC5B,EAAA,QAAA,EAAA,CAEDF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAA,CAClDG,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEF,KAAE,CAAC,uCAAuC,EAAEC,sCAAe,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAA,QAAA,EAAG,KAAK,GAAQ,EACzG,OAAO,KACNC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAC7DA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEF,KAAE,CAAC,uBAAuB,EAAEC,sCAAe,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAA,CAAS,EAAA,CAC7E,CACP,CAAA,EAAA,CACG,EACL,cAAc,IAAIC,yBAAM,SAAS,EAAEF,KAAE,CAAC,SAAS,EAAEC,sCAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAA,QAAA,EAAG,cAAc,EAAA,CAAQ,CAAA,EAAA,CACnG;AAEV;;;;"}
+{"version":3,"file":"calendar-dw-view-event.cjs","sources":["../../../../../src/components/organisms/Calendar/components/calendar-dw-view-event.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","eventViewColors","_jsx"],"mappings":";;;;;;MAca,mBAAmB,GAAG,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,GAAG,MAAM,EAAE,aAAa,EAAE,UAAU,EAA4B,KAAI;AAC7I,IAAA,QACEA,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACe,UAAU,EACvB,SAAS,EAAEC,KAAE,CACX,oGAAoG,EACpGC,sCAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAC5B,EAAA,QAAA,EAAA,CAEDF,yBAAK,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAA,CAClDG,yBAAM,SAAS,EAAEF,KAAE,CAAC,uCAAuC,EAAEC,sCAAe,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAQ,EACzG,OAAO,KACNC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAC7DA,yBAAM,SAAS,EAAEF,KAAE,CAAC,uBAAuB,EAAEC,sCAAe,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAA,CAAS,GAC7E,CACP,CAAA,EAAA,CACG,EACL,cAAc,IAAIC,yBAAM,SAAS,EAAEF,KAAE,CAAC,SAAS,EAAEC,sCAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAA,QAAA,EAAG,cAAc,EAAA,CAAQ,CAAA,EAAA,CACnG;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-dw-view-event.d.ts

@@ -4,7 +4,9 @@ interface CalendarDwViewEventProps {
     supportingText?: string;
     withDot?: boolean;
     color?: EventViewColor;
+    /** Overrides the `data-testid` for the event chip (defaults to `<root>--event-<id>`, derived from the event's `id`). */
+    'data-testid'?: string;
 }
-export declare const CalendarDwViewEvent: ({ label, supportingText, withDot, color }: CalendarDwViewEventProps) => import("react").JSX.Element;
+export declare const CalendarDwViewEvent: ({ label, supportingText, withDot, color, "data-testid": dataTestId }: CalendarDwViewEventProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=calendar-dw-view-event.d.ts.map

package/dist/components/organisms/Calendar/components/calendar-dw-view-event.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-dw-view-event.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/components/calendar-dw-view-event.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAmB,MAAM,6BAA6B,CAAC;AAEnF,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,GAAI,2CAAoD,wBAAwB,gCAmB/G,CAAC"}
+{"version":3,"file":"calendar-dw-view-event.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Calendar/components/calendar-dw-view-event.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAmB,MAAM,6BAA6B,CAAC;AAEnF,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,wHAAwH;IACxH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,GAAI,sEAA+E,wBAAwB,gCAoB1I,CAAC"}

package/dist/components/organisms/Calendar/components/calendar-dw-view-event.js

@@ -2,8 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { cx } from '@flipdish/ui-library/utilities/cx';
 import { eventViewColors } from './calendar-month-view-event.js';
 
-const CalendarDwViewEvent = ({ label, supportingText, withDot, color = 'gray' }) => {
-    return (jsxs("div", { className: cx('flex h-full w-full flex-1 cursor-pointer flex-col gap-0.5 rounded-md px-2 py-1.5 ring-1 ring-inset', eventViewColors[color].root), children: [jsxs("div", { className: "flex w-full justify-between gap-0.5", children: [jsx("span", { className: cx('flex-1 truncate text-xs font-semibold', eventViewColors[color].label), children: label }), withDot && (jsx("div", { className: "inline-flex size-2 items-center justify-center", children: jsx("span", { className: cx('size-1.5 rounded-full', eventViewColors[color].dot) }) }))] }), supportingText && jsx("time", { className: cx('text-xs', eventViewColors[color].time), children: supportingText })] }));
+const CalendarDwViewEvent = ({ label, supportingText, withDot, color = 'gray', 'data-testid': dataTestId }) => {
+    return (jsxs("div", { "data-testid": dataTestId, className: cx('flex h-full w-full flex-1 cursor-pointer flex-col gap-0.5 rounded-md px-2 py-1.5 ring-1 ring-inset', eventViewColors[color].root), children: [jsxs("div", { className: "flex w-full justify-between gap-0.5", children: [jsx("span", { className: cx('flex-1 truncate text-xs font-semibold', eventViewColors[color].label), children: label }), withDot && (jsx("div", { className: "inline-flex size-2 items-center justify-center", children: jsx("span", { className: cx('size-1.5 rounded-full', eventViewColors[color].dot) }) }))] }), supportingText && jsx("time", { className: cx('text-xs', eventViewColors[color].time), children: supportingText })] }));
 };
 
 export { CalendarDwViewEvent };

package/dist/components/organisms/Calendar/components/calendar-dw-view-event.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-dw-view-event.js","sources":["../../../../../src/components/organisms/Calendar/components/calendar-dw-view-event.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAYO,MAAM,mBAAmB,GAAG,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,GAAG,MAAM,EAA4B,KAAI;AAClH,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,oGAAoG,EACpG,eAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAC5B,EAAA,QAAA,EAAA,CAEDA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAA,CAClDC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAA,QAAA,EAAG,KAAK,GAAQ,EACzG,OAAO,KACNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAC7DA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAA,CAAS,EAAA,CAC7E,CACP,CAAA,EAAA,CACG,EACL,cAAc,IAAIA,cAAM,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAA,QAAA,EAAG,cAAc,EAAA,CAAQ,CAAA,EAAA,CACnG;AAEV;;;;"}
+{"version":3,"file":"calendar-dw-view-event.js","sources":["../../../../../src/components/organisms/Calendar/components/calendar-dw-view-event.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;MAca,mBAAmB,GAAG,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,KAAK,GAAG,MAAM,EAAE,aAAa,EAAE,UAAU,EAA4B,KAAI;AAC7I,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACe,UAAU,EACvB,SAAS,EAAE,EAAE,CACX,oGAAoG,EACpG,eAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAC5B,EAAA,QAAA,EAAA,CAEDA,cAAK,SAAS,EAAC,qCAAqC,EAAA,QAAA,EAAA,CAClDC,cAAM,SAAS,EAAE,EAAE,CAAC,uCAAuC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAQ,EACzG,OAAO,KACNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAC7DA,cAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAA,CAAS,GAC7E,CACP,CAAA,EAAA,CACG,EACL,cAAc,IAAIA,cAAM,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAA,QAAA,EAAG,cAAc,EAAA,CAAQ,CAAA,EAAA,CACnG;AAEV;;;;"}

package/dist/components/organisms/Calendar/components/calendar-header.cjs

@@ -5,6 +5,7 @@ var uiIcons = require('@flipdish/ui-icons');
 var Badge = require('@flipdish/ui-library/components/atoms/Badge');
 var Button = require('@flipdish/ui-library/components/atoms/Button');
 var ButtonGroup = require('@flipdish/ui-library/components/molecules/ButtonGroup');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var date = require('@internationalized/date');
 var i18n = require('@react-aria/i18n');
 var calendarDateIcon = require('./calendar-date-icon.cjs');
@@ -13,6 +14,10 @@ var calendarViewDropdown = require('./calendar-view-dropdown.cjs');
 const CalendarHeader = ({ date: date$1, selectedView, onSelectionChange, viewOptions, onClickPrev, onClickNext, onClickToday, }) => {
     const { locale } = i18n.useLocale();
     const timeZone = date.getLocalTimeZone();
+    const prefix = testIdUtils.useTestIdPrefix();
+    const prevTestId = prefix ? testIdUtils.joinTestId(prefix, 'prev') : undefined;
+    const todayTestId = prefix ? testIdUtils.joinTestId(prefix, 'today') : undefined;
+    const nextTestId = prefix ? testIdUtils.joinTestId(prefix, 'next') : undefined;
     const renderPeriod = () => {
         const dateFormatOptions = {
             month: 'short',
@@ -30,7 +35,7 @@ const CalendarHeader = ({ date: date$1, selectedView, onSelectionChange, viewOpt
         }
         return jsxRuntime.jsx("span", { className: "text-sm text-tertiary", children: date$1.toLocaleString(locale, { weekday: 'long' }) });
     };
-    return (jsxRuntime.jsxs("div", { className: "relative flex flex-col items-start justify-between gap-4 bg-primary px-4 py-5 md:px-6 lg:flex-row", children: [jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [jsxRuntime.jsx(calendarDateIcon.CalendarDateIcon, { day: date$1.getDate(), month: date$1.toLocaleString(locale, { month: 'short' }).toUpperCase(), className: "max-md:hidden" }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-lg font-semibold whitespace-nowrap text-primary", children: [date$1.toLocaleString(locale, { month: 'long' }), " ", date$1.getFullYear(), jsxRuntime.jsxs(Badge.Badge, { size: "sm", color: "gray", type: "modern", children: ["Week ", Math.ceil(date$1.getDate() / 7)] })] }), renderPeriod()] })] }), jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3 gap-y-4 max-lg:w-full", children: [jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.SearchLg, size: "sm", color: "tertiary", className: "max-lg:order-1" }), jsxRuntime.jsxs(ButtonGroup.ButtonGroup, { selectedKeys: [], size: "sm", className: "flex max-lg:order-last max-lg:min-w-full max-lg:flex-1", children: [jsxRuntime.jsx(ButtonGroup.ButtonGroupItem, { id: "prev", iconLeading: uiIcons.ArrowLeft, onClick: onClickPrev }), jsxRuntime.jsx(ButtonGroup.ButtonGroupItem, { id: "today", className: "flex-1 justify-center text-center", onClick: onClickToday, children: "Today" }), jsxRuntime.jsx(ButtonGroup.ButtonGroupItem, { id: "next", iconLeading: uiIcons.ArrowRight, onClick: onClickNext })] }), jsxRuntime.jsx(calendarViewDropdown.CalendarViewDropdown, { value: selectedView, onSelectionChange: onSelectionChange, options: viewOptions }), jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.Plus, size: "sm", children: "Add event" })] }), jsxRuntime.jsx("div", { className: "pointer-events-none absolute bottom-0 left-0 w-full border-t border-secondary" })] }));
+    return (jsxRuntime.jsxs("div", { className: "relative flex flex-col items-start justify-between gap-4 bg-primary px-4 py-5 md:px-6 lg:flex-row", children: [jsxRuntime.jsxs("div", { className: "flex items-start gap-3", children: [jsxRuntime.jsx(calendarDateIcon.CalendarDateIcon, { day: date$1.getDate(), month: date$1.toLocaleString(locale, { month: 'short' }).toUpperCase(), className: "max-md:hidden" }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [jsxRuntime.jsxs("div", { className: "flex items-center gap-2 text-lg font-semibold whitespace-nowrap text-primary", children: [date$1.toLocaleString(locale, { month: 'long' }), " ", date$1.getFullYear(), jsxRuntime.jsxs(Badge.Badge, { size: "sm", color: "gray", type: "modern", children: ["Week ", Math.ceil(date$1.getDate() / 7)] })] }), renderPeriod()] })] }), jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-3 gap-y-4 max-lg:w-full", children: [jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.SearchLg, size: "sm", color: "tertiary", className: "max-lg:order-1" }), jsxRuntime.jsxs(ButtonGroup.ButtonGroup, { selectedKeys: [], size: "sm", className: "flex max-lg:order-last max-lg:min-w-full max-lg:flex-1", children: [jsxRuntime.jsx(ButtonGroup.ButtonGroupItem, { id: "prev", iconLeading: uiIcons.ArrowLeft, onClick: onClickPrev, "data-testid": prevTestId }), jsxRuntime.jsx(ButtonGroup.ButtonGroupItem, { id: "today", className: "flex-1 justify-center text-center", onClick: onClickToday, "data-testid": todayTestId, children: "Today" }), jsxRuntime.jsx(ButtonGroup.ButtonGroupItem, { id: "next", iconLeading: uiIcons.ArrowRight, onClick: onClickNext, "data-testid": nextTestId })] }), jsxRuntime.jsx(calendarViewDropdown.CalendarViewDropdown, { value: selectedView, onSelectionChange: onSelectionChange, options: viewOptions }), jsxRuntime.jsx(Button.Button, { iconLeading: uiIcons.Plus, size: "sm", children: "Add event" })] }), jsxRuntime.jsx("div", { className: "pointer-events-none absolute bottom-0 left-0 w-full border-t border-secondary" })] }));
 };
 
 exports.CalendarHeader = CalendarHeader;