@flipdish/ui-library 0.11.0 → 0.11.2

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Tags/index.tsx"],"sourcesContent":[null],"names":["useState","_jsx","cx","User01","createContext","AriaTagGroup","AriaTagList","useContext","Dot","AriaTag","_jsxs","TagCheckbox","TagCloseX"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/Tags/index.tsx"],"sourcesContent":[null],"names":["useState","_jsx","cx","User01","createContext","useResolvedTestId","TestIdProvider","AriaTagGroup","AriaTagList","useContext","useTestIdPrefix","slugifyTestId","joinTestId","Dot","AriaTag","_jsxs","_Fragment","TagCheckbox","TagCloseX"],"mappings":"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"}

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

@@ -17,6 +17,12 @@ export interface TagItem {
 export interface TagGroupProps extends AriaTagGroupProps, RefAttributes<HTMLDivElement> {
     label: string;
     size?: 'sm' | 'md' | 'lg';
+    /**
+     * Overrides the derived root `data-testid` (defaults to `fd-tag-group`).
+     * Tags derive their ids from this prefix, so overriding it re-roots every
+     * non-overridden `Tag` beneath it.
+     */
+    'data-testid'?: string;
 }
 /**
  * Root container for a group of tags. Composes with `TagList` and `Tag` to
@@ -24,10 +30,15 @@ export interface TagGroupProps extends AriaTagGroupProps, RefAttributes<HTMLDivE
  *
  * @summary Group interactive or display-only tags for filtering, selection, and categorisation.
  */
-export declare const TagGroup: ({ label, selectionMode, size, children, ...otherProps }: TagGroupProps) => import("react").JSX.Element;
+export declare const TagGroup: ({ label, selectionMode, size, children, "data-testid": dataTestId, ...otherProps }: TagGroupProps) => import("react").JSX.Element;
 export declare const TagList: <T>(props: import("react-aria-components").TagListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 interface TagProps extends AriaTagProps, RefAttributes<object>, Omit<TagItem, 'label' | 'id'> {
+    /**
+     * Overrides the derived `data-testid` for this tag (defaults to
+     * `<root>--tag-<slug>`, slugified from `id`).
+     */
+    'data-testid'?: string;
 }
-export declare const Tag: ({ id, avatarSrc, avatarContrastBorder, dot, dotClassName, isDisabled, count, className, children, onClose, }: PropsWithChildren<TagProps>) => import("react").JSX.Element;
+export declare const Tag: ({ id, avatarSrc, avatarContrastBorder, dot, dotClassName, isDisabled, count, className, children, onClose, "data-testid": dataTestId, }: PropsWithChildren<TagProps>) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Tags/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAiB,KAAK,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAwB,MAAM,OAAO,CAAC;AAChI,OAAO,EAGL,KAAK,aAAa,IAAI,iBAAiB,EAEvC,KAAK,QAAQ,IAAI,YAAY,EAC9B,MAAM,uBAAuB,CAAC;AAI/B,eAAO,MAAM,SAAS,GAAI,yCAAgD,iBAAiB,CAAC,gBAAgB,CAAC,GAAG;IAAE,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,gCAkB3I,CAAC;AAEF,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAUD,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,aAAa,CAAC,cAAc,CAAC;IACrF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,yDAAyE,aAAa,gCAQ9G,CAAC;AAEF,eAAO,MAAM,OAAO,oLAAc,CAAC;AAyCnC,UAAU,QAAS,SAAQ,YAAY,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;CAAG;AAEhG,eAAO,MAAM,GAAG,GAAI,8GAWjB,iBAAiB,CAAC,QAAQ,CAAC,gCA2D7B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Tags/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAiB,KAAK,iBAAiB,EAAE,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAwB,MAAM,OAAO,CAAC;AAChI,OAAO,EAGL,KAAK,aAAa,IAAI,iBAAiB,EAEvC,KAAK,QAAQ,IAAI,YAAY,EAC9B,MAAM,uBAAuB,CAAC;AAI/B,eAAO,MAAM,SAAS,GAAI,yCAAgD,iBAAiB,CAAC,gBAAgB,CAAC,GAAG;IAAE,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,gCAkB3I,CAAC;AAEF,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAUD,MAAM,WAAW,aAAc,SAAQ,iBAAiB,EAAE,aAAa,CAAC,cAAc,CAAC;IACrF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,oFAAoG,aAAa,gCAkBzI,CAAC;AAEF,eAAO,MAAM,OAAO,oLAAc,CAAC;AAyCnC,UAAU,QAAS,SAAQ,YAAY,EAAE,aAAa,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3F;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,GAAG,GAAI,yIAYjB,iBAAiB,CAAC,QAAQ,CAAC,gCAqE7B,CAAC"}

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

@@ -2,6 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { User01 } from '@flipdish/ui-icons';
 import { Dot } from '@flipdish/ui-library/components/atoms/Dot';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useTestIdPrefix, slugifyTestId, joinTestId, useResolvedTestId, TestIdProvider } from '@flipdish/ui-library/utilities/testIdUtils';
 import { createContext, useContext, useState } from 'react';
 import { TagList as TagList$1, Tag as Tag$1, TagGroup as TagGroup$1 } from 'react-aria-components';
 import { TagCheckbox } from './components/tag-checkbox.js';
@@ -21,8 +22,9 @@ const TagGroupContext = createContext({
  *
  * @summary Group interactive or display-only tags for filtering, selection, and categorisation.
  */
-const TagGroup = ({ label, selectionMode = 'none', size = 'sm', children, ...otherProps }) => {
-    return (jsx(TagGroupContext.Provider, { value: { selectionMode, size }, children: jsx(TagGroup$1, { "aria-label": label, selectionMode: selectionMode, disallowEmptySelection: selectionMode === 'single', ...otherProps, children: children }) }));
+const TagGroup = ({ label, selectionMode = 'none', size = 'sm', children, 'data-testid': dataTestId, ...otherProps }) => {
+    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'tag-group', rootName: 'tag-group' });
+    return (jsx(TagGroupContext.Provider, { value: { selectionMode, size }, children: jsx(TestIdProvider, { value: rootTestId, children: jsx(TagGroup$1, { "aria-label": label, selectionMode: selectionMode, disallowEmptySelection: selectionMode === 'single', ...otherProps, "data-testid": rootTestId, children: children }) }) }));
 };
 const TagList = TagList$1;
 const styles = {
@@ -63,10 +65,14 @@ const styles = {
         count: 'px-1.5 text-sm font-medium',
     },
 };
-const Tag = ({ id, avatarSrc, avatarContrastBorder = true, dot, dotClassName, isDisabled, count, className, children, onClose, }) => {
+const Tag = ({ id, avatarSrc, avatarContrastBorder = true, dot, dotClassName, isDisabled, count, className, children, onClose, 'data-testid': dataTestId, }) => {
     const context = useContext(TagGroupContext);
+    const prefix = useTestIdPrefix();
+    const idPart = id !== undefined ? slugifyTestId(String(id)) : 'tag';
+    const tagTestId = dataTestId ?? (prefix ? joinTestId(prefix, `tag-${idPart}`) : undefined);
+    const closeTestId = tagTestId ? `${tagTestId}-close` : undefined;
     const leadingContent = avatarSrc ? (jsx(TagAvatar, { src: avatarSrc, alt: "Avatar", contrastBorder: avatarContrastBorder })) : dot ? (jsx(Dot, { className: cx('text-fg-success-secondary', dotClassName), size: "sm" })) : null;
-    return (jsx(Tag$1, { id: id, isDisabled: isDisabled, textValue: typeof children === 'string' ? children : undefined, className: (state) => cx('flex cursor-default items-center gap-0.75 rounded-md bg-primary text-secondary ring-1 ring-primary outline-focus-ring transition duration-50 ease-linear ring-inset focus-visible:outline-2 focus-visible:outline-offset-2', styles[context.size].root.base, 
+    return (jsx(Tag$1, { id: id, isDisabled: isDisabled, textValue: typeof children === 'string' ? children : undefined, "data-testid": tagTestId, className: (state) => cx('flex cursor-default items-center gap-0.75 rounded-md bg-primary text-secondary ring-1 ring-primary outline-focus-ring transition duration-50 ease-linear ring-inset focus-visible:outline-2 focus-visible:outline-offset-2', styles[context.size].root.base, 
         // With avatar
         avatarSrc && styles[context.size].root.withAvatar, 
         // With X button
@@ -78,7 +84,7 @@ const Tag = ({ id, avatarSrc, avatarContrastBorder = true, dot, dotClassName, is
         // With checkbox
         context.selectionMode !== 'none' && styles[context.size].root.withCheckbox, 
         // Disabled
-        isDisabled && 'cursor-not-allowed', typeof className === 'function' ? className(state) : className), children: ({ isSelected, isDisabled, allowsRemoving }) => (jsxs(Fragment, { children: [jsxs("div", { className: cx('flex items-center gap-1', styles[context.size].content), children: [context.selectionMode !== 'none' && jsx(TagCheckbox, { size: context.size, isSelected: isSelected, isDisabled: isDisabled }), leadingContent, children, typeof count === 'number' && (jsx("span", { className: cx('flex items-center justify-center rounded-[3px] bg-tertiary text-center', styles[context.size].count), children: count }))] }), (onClose || allowsRemoving) && (jsx(TagCloseX, { size: context.size, excludeFromTabOrder: allowsRemoving, onPress: () => id && onClose?.(id.toString()) }))] })) }));
+        isDisabled && 'cursor-not-allowed', typeof className === 'function' ? className(state) : className), children: ({ isSelected, isDisabled, allowsRemoving }) => (jsxs(Fragment, { children: [jsxs("div", { className: cx('flex items-center gap-1', styles[context.size].content), children: [context.selectionMode !== 'none' && jsx(TagCheckbox, { size: context.size, isSelected: isSelected, isDisabled: isDisabled }), leadingContent, children, typeof count === 'number' && (jsx("span", { className: cx('flex items-center justify-center rounded-[3px] bg-tertiary text-center', styles[context.size].count), children: count }))] }), (onClose || allowsRemoving) && (jsx(TagCloseX, { size: context.size, excludeFromTabOrder: allowsRemoving, onPress: () => id && onClose?.(id.toString()), "data-testid": closeTestId }))] })) }));
 };
 
 export { Tag, TagAvatar, TagGroup, TagList };

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

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

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":";;;;;;;;;AAkBA,MAAM,eAAe,GAAGA,mBAAa,CAAsB;AACzD,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,OAAO,EAAE,KAAK;AACf,CAAA,CAAC;AAEK,MAAM,kBAAkB,GAAG,MAAK;AACrC,IAAA,MAAM,OAAO,GAAGC,gBAAU,CAAC,eAAe,CAAC;IAE3C,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,oEAAoE,CAAC;IACvF;AAEA,IAAA,OAAO,OAAO;AAChB;AAUA,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAa,KAAI;AAC7H,IAAA,MAAM,EAAE,GAAGC,WAAK,EAAE;AAClB,IAAA,MAAM,UAAU,GAAGC,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;IAEzG,QACEC,eAAC,eAAe,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,EAAA,QAAA,EAC9DA,cAAA,CAACC,0BAAc,EAAA,EAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EAE/BD,cAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAEE,KAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAAM,KAAK,EAAA,aAAA,EAAe,UAAU,EAAA,CAAI,EAAA,CAClG,EAAA,CACQ;AAE/B,CAAC;AACD,IAAI,CAAC,WAAW,GAAG,MAAM;AAEzB,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,qEAAqE,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACzI,IAAA,GAAG,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,sEAAsE,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACxI,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,0EAA0E,EAAE,KAAK,EAAE,qBAAqB,EAAE;AAC3I,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,iDAAiD,EAAE,KAAK,EAAE,6BAA6B,EAAE;AAC5H,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,iDAAiD,EAAE,KAAK,EAAE,6BAA6B,EAAE;AAC5H,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,+CAA+C,EAAE,KAAK,EAAE,6BAA6B,EAAE;CAC3H;AAOD,MAAM,KAAK,GAAG,CAAC,EAAE,cAAc,EAAE,kBAAkB,EAAE,KAAK,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK,EAAc,KAAI;IACnG,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE;AACnD,IAAA,MAAM,MAAM,GAAGC,2BAAe,EAAE;AAChC,IAAA,MAAM,WAAW,GAAG,MAAM,GAAGC,sBAAU,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS;AAEpE,IAAA,QACEJ,cAAA,CAACK,iBAAQ,EAAA,EAAA,GACH,KAAK,EACT,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,CAAA,UAAA,EAAa,EAAE,CAAA,CAAE,EAAA,YAAA,EACV,gBAAgB,EAAA,iBAAA,EACV,CAAA,gBAAA,EAAmB,EAAE,EAAE,EAAA,kBAAA,EACtB,CAAA,sBAAA,EAAyB,EAAE,CAAA,CAAE,EAC/C,kBAAkB,EAAEH,KAAE,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,kBAAkB,CAAC,EAC/E,SAAS,EAAEA,KAAE,CAAC,6BAA6B,EAAE,cAAc,CAAC,EAAA,aAAA,EAC/C,WAAW,EAAA,CACxB;AAEN,CAAC;AACD,KAAK,CAAC,WAAW,GAAG,OAAO;AAQ3B,MAAM,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAAa,KAAI;IACpF,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,kBAAkB,EAAE;IACxD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAGL,gBAAU,CAACS,wBAAe,CAAC;AACxD,IAAA,MAAM,MAAM,GAAGH,2BAAe,EAAE;IAChC,MAAM,UAAU,GAAG,UAAU,KAAK,MAAM,GAAGC,sBAAU,CAAC,MAAM,EAAE,CAAA,KAAA,EAAQ,KAAK,CAAA,CAAE,CAAC,GAAG,SAAS,CAAC;AAE3F,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC;IAEzB;;AAEE,IAAAJ,cAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EAAA,cAAA,EACK,OAAO,gBACT,CAAA,YAAA,EAAe,KAAK,GAAG,CAAC,CAAA,IAAA,EAAO,KAAK,CAAC,MAAM,CAAA,CAAE,EAAA,aAAA,EAC5C,UAAU,EACvB,SAAS,EAAEE,KAAE,CACX,4MAA4M,EAC5M,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,EACjB,SAAS,IAAI,IAAI,EAAE,QAAQ,IAAI,4DAA4D,EAC3F,IAAI,EAAE,IAAI,IAAI,2CAA2C,EACzD,QAAQ,IAAI,YAAY,EACxB,OAAO,IAAI,sCAAsC,EACjD,SAAS,CACV,EAAA,QAAA,EAEA,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,EAAE,YAAY,GAAGF,eAAC,SAAS,EAAA,EAAC,IAAI,EAAE,IAAI,GAAI,GAAG,CAAC,EAAA,CACxE;AAEV,CAAC;AACD,IAAI,CAAC,WAAW,GAAG,MAAM;AAEzB,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAA2B,KAAI;AAC7D,IAAA,OAAOA,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEE,KAAE,CAAC,2EAA2E,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAI;AAChI,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,KAAmC,KAAI;IACxD;;;;AAIE,IAAAF,cAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAC,WAAW,KAAK,KAAK,EAAE,SAAS,EAAEE,KAAE,CAAC,kEAAkE,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAAA,GAAA,EAAA,CAE7H;AAEV,CAAC;AACD,SAAS,CAAC,WAAW,GAAG,WAAW;AAEnC,MAAM,KAAK,GAAG,CAAC,KAA8C,KAAI;AAC/D,IAAA,MAAM,EAAE,EAAE,EAAE,GAAG,kBAAkB,EAAE;AAEnC,IAAA,OAAOF,eAACO,WAAS,EAAA,EAAA,GAAK,KAAK,EAAE,OAAO,EAAE,CAAA,UAAA,EAAa,EAAE,CAAA,CAAE,EAAE,EAAE,EAAE,mBAAmB,EAAE,CAAA,CAAE,GAAI;AAC1F,CAAC;AACD,KAAK,CAAC,WAAW,GAAG,OAAO;AAE3B,MAAM,WAAW,GAAG,CAAC,KAA6C,KAAI;IACpE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,kBAAkB,EAAE;;IAGzC,OAAOP,cAAA,CAACQ,cAAQ,EAAA,EAAA,GAAK,KAAK,EAAE,EAAE,EAAE,CAAA,sBAAA,EAAyB,EAAE,CAAA,CAAE,EAAE,IAAI,EAAC,aAAa,EAAC,SAAS,EAAEN,KAAE,CAAC,IAAI,KAAK,MAAM,IAAI,SAAS,CAAC,EAAA,CAAI;AACnI,CAAC;AACD,WAAW,CAAC,WAAW,GAAG,aAAa;AAEvC;;AAEG;AACH,MAAM,QAAQ,GAAG;AAOjB,QAAQ,CAAC,IAAI,GAAG,IAAI;AACpB,QAAQ,CAAC,KAAK,GAAG,KAAK;AACtB,QAAQ,CAAC,KAAK,GAAG,KAAK;AACtB,QAAQ,CAAC,SAAS,GAAG,SAAS;AAC9B,QAAQ,CAAC,WAAW,GAAG,WAAW;;;;;"}

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":";;;;;;AAiBA,MAAM,eAAe,GAAG,aAAa,CAAsB;AACzD,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,QAAQ,EAAE,KAAK;AACf,IAAA,OAAO,EAAE,KAAK;AACf,CAAA,CAAC;AAEK,MAAM,kBAAkB,GAAG,MAAK;AACrC,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,eAAe,CAAC;IAE3C,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,oEAAoE,CAAC;IACvF;AAEA,IAAA,OAAO,OAAO;AAChB;AAQA,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,GAAG,KAAK,EAAE,GAAG,KAAK,EAAa,KAAI;AAClG,IAAA,MAAM,EAAE,GAAG,KAAK,EAAE;AAElB,IAAA,QACEA,GAAA,CAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,EAAA,QAAA,EAE9DA,GAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,EAAA,GAAM,KAAK,EAAA,CAAI,EAAA,CAC/D;AAE/B,CAAC;AACD,IAAI,CAAC,WAAW,GAAG,MAAM;AAEzB,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,qEAAqE,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACzI,IAAA,GAAG,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,sEAAsE,EAAE,KAAK,EAAE,qBAAqB,EAAE;AACxI,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,0EAA0E,EAAE,KAAK,EAAE,qBAAqB,EAAE;AAC3I,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,iDAAiD,EAAE,KAAK,EAAE,6BAA6B,EAAE;AAC5H,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,iDAAiD,EAAE,KAAK,EAAE,6BAA6B,EAAE;AAC5H,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,+CAA+C,EAAE,KAAK,EAAE,6BAA6B,EAAE;CAC3H;AAOD,MAAM,KAAK,GAAG,CAAC,EAAE,cAAc,EAAE,kBAAkB,EAAE,KAAK,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK,EAAc,KAAI;IACnG,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE;AAEnD,IAAA,QACEA,GAAA,CAAC,QAAQ,EAAA,EAAA,GACH,KAAK,EACT,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,CAAA,UAAA,EAAa,EAAE,CAAA,CAAE,EAAA,YAAA,EACV,gBAAgB,EAAA,iBAAA,EACV,CAAA,gBAAA,EAAmB,EAAE,CAAA,CAAE,EAAA,kBAAA,EACtB,CAAA,sBAAA,EAAyB,EAAE,CAAA,CAAE,EAC/C,kBAAkB,EAAE,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,kBAAkB,CAAC,EAC/E,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,cAAc,CAAC,EAAA,CAC5D;AAEN,CAAC;AACD,KAAK,CAAC,WAAW,GAAG,OAAO;AAE3B,MAAM,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAoD,KAAI;IAChG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,kBAAkB,EAAE;IACxD,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC;AAExD,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC;IAEzB;;AAEE,IAAAA,GAAA,CAAA,KAAA,EAAA,EAAA,GACM,KAAK,EAAA,cAAA,EACK,OAAO,EAAA,YAAA,EACT,CAAA,YAAA,EAAe,KAAK,GAAG,CAAC,CAAA,IAAA,EAAO,KAAK,CAAC,MAAM,CAAA,CAAE,EACzD,SAAS,EAAE,EAAE,CACX,4MAA4M,EAC5M,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,EACjB,SAAS,IAAI,IAAI,EAAE,QAAQ,IAAI,4DAA4D,EAC3F,IAAI,EAAE,IAAI,IAAI,2CAA2C,EACzD,QAAQ,IAAI,YAAY,EACxB,OAAO,IAAI,sCAAsC,EACjD,SAAS,CACV,EAAA,QAAA,EAEA,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,EAAE,YAAY,GAAGA,GAAA,CAAC,SAAS,EAAA,EAAC,IAAI,EAAE,IAAI,GAAI,GAAG,CAAC,EAAA,CACxE;AAEV,CAAC;AACD,IAAI,CAAC,WAAW,GAAG,MAAM;AAEzB,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAA2B,KAAI;AAC7D,IAAA,OAAOA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,2EAA2E,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAI;AAChI,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,KAAmC,KAAI;IACxD;;;;AAIE,IAAAA,GAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAC,WAAW,KAAK,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,kEAAkE,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAAA,GAAA,EAAA,CAE7H;AAEV,CAAC;AACD,SAAS,CAAC,WAAW,GAAG,WAAW;AAEnC,MAAM,KAAK,GAAG,CAAC,KAA8C,KAAI;AAC/D,IAAA,MAAM,EAAE,EAAE,EAAE,GAAG,kBAAkB,EAAE;AAEnC,IAAA,OAAOA,IAACC,OAAS,EAAA,EAAA,GAAK,KAAK,EAAE,OAAO,EAAE,CAAA,UAAA,EAAa,EAAE,CAAA,CAAE,EAAE,EAAE,EAAE,mBAAmB,EAAE,CAAA,CAAE,GAAI;AAC1F,CAAC;AACD,KAAK,CAAC,WAAW,GAAG,OAAO;AAE3B,MAAM,WAAW,GAAG,CAAC,KAA6C,KAAI;IACpE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,kBAAkB,EAAE;;IAGzC,OAAOD,GAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,KAAK,EAAE,EAAE,EAAE,CAAA,sBAAA,EAAyB,EAAE,CAAA,CAAE,EAAE,IAAI,EAAC,aAAa,EAAC,SAAS,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM,IAAI,SAAS,CAAC,EAAA,CAAI;AACnI,CAAC;AACD,WAAW,CAAC,WAAW,GAAG,aAAa;AAEvC;;AAEG;AACH,MAAM,QAAQ,GAAG;AAOjB,QAAQ,CAAC,IAAI,GAAG,IAAI;AACpB,QAAQ,CAAC,KAAK,GAAG,KAAK;AACtB,QAAQ,CAAC,KAAK,GAAG,KAAK;AACtB,QAAQ,CAAC,SAAS,GAAG,SAAS;AAC9B,QAAQ,CAAC,WAAW,GAAG,WAAW;;;;"}
+{"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/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;