@flipdish/ui-library 0.10.0 → 0.11.1

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

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

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

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

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

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

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

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

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

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var reactAriaComponents = require('react-aria-components');
 
 const styles = cx.sortCx({
@@ -17,13 +18,14 @@ const styles = cx.sortCx({
  *
  * @summary draggable range input for selecting a numeric value
  */
-const Slider = ({ labelPosition = 'default', minValue = 0, maxValue = 100, labelFormatter, formatOptions, ...rest }) => {
+const Slider = ({ labelPosition = 'default', minValue = 0, maxValue = 100, labelFormatter, formatOptions, 'data-testid': dataTestId, ...rest }) => {
     // Format thumb value as percentage by default.
     const defaultFormatOptions = {
         style: 'percent',
         maximumFractionDigits: 0,
     };
-    return (jsxRuntime.jsxs(reactAriaComponents.Slider, { ...rest, minValue, maxValue, formatOptions: formatOptions ?? defaultFormatOptions, children: [jsxRuntime.jsx(reactAriaComponents.Label, {}), jsxRuntime.jsx(reactAriaComponents.SliderTrack, { className: "relative h-6 w-full", children: ({ state: { values, getThumbValue, getThumbPercent, getFormattedValue } }) => {
+    const sliderTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'slider', rootName: 'slider' });
+    return (jsxRuntime.jsxs(reactAriaComponents.Slider, { ...rest, minValue, maxValue, formatOptions: formatOptions ?? defaultFormatOptions, "data-testid": sliderTestId, children: [jsxRuntime.jsx(reactAriaComponents.Label, {}), jsxRuntime.jsx(reactAriaComponents.SliderTrack, { className: "relative h-6 w-full", "data-testid": testIdUtils.joinTestId(sliderTestId, 'track'), children: ({ state: { values, getThumbValue, getThumbPercent, getFormattedValue } }) => {
                     const left = values.length === 1 ? 0 : getThumbPercent(0);
                     const width = values.length === 1 ? getThumbPercent(0) : getThumbPercent(1) - left;
                     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-quaternary" }), jsxRuntime.jsx("span", { className: "absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-brand-solid", style: {
@@ -32,7 +34,7 @@ const Slider = ({ labelPosition = 'default', minValue = 0, maxValue = 100, label
                                 } }), values.map((_, index) => {
                                 return (jsxRuntime.jsx(reactAriaComponents.SliderThumb
                                 // biome-ignore lint/suspicious/noArrayIndexKey: static, ordered list of thumbs
-                                , { index: index, className: ({ isFocusVisible, isDragging }) => cx.cx('top-1/2 box-border size-6 cursor-grab rounded-full bg-slider-handle-bg shadow-md ring-2 ring-slider-handle-border ring-inset', isFocusVisible && 'outline-2 outline-offset-2 outline-focus-ring', isDragging && 'cursor-grabbing'), children: jsxRuntime.jsx(reactAriaComponents.SliderOutput, { className: cx.cx('whitespace-nowrap', styles[labelPosition]), children: labelFormatter ? labelFormatter(getThumbValue(index)) : getFormattedValue(getThumbValue(index) / 100) }) }, index));
+                                , { index: index, "data-testid": testIdUtils.joinTestId(sliderTestId, `thumb-${index}`), className: ({ isFocusVisible, isDragging }) => cx.cx('top-1/2 box-border size-6 cursor-grab rounded-full bg-slider-handle-bg shadow-md ring-2 ring-slider-handle-border ring-inset', isFocusVisible && 'outline-2 outline-offset-2 outline-focus-ring', isDragging && 'cursor-grabbing'), children: jsxRuntime.jsx(reactAriaComponents.SliderOutput, { className: cx.cx('whitespace-nowrap', styles[labelPosition]), "data-testid": testIdUtils.joinTestId(sliderTestId, `output-${index}`), children: labelFormatter ? labelFormatter(getThumbValue(index)) : getFormattedValue(getThumbValue(index) / 100) }) }, index));
                             })] }));
                 } })] }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Slider/index.tsx"],"sourcesContent":[null],"names":["sortCx","_jsxs","AriaSlider","_jsx","AriaLabel","AriaSliderTrack","_Fragment","AriaSliderThumb","cx","AriaSliderOutput"],"mappings":";;;;;;AAYA,MAAM,MAAM,GAAGA,SAAM,CAAC;AACpB,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,MAAM,EAAE,4FAA4F;AACpG,IAAA,cAAc,EACZ,wKAAwK;AAC3K,CAAA,CAAC;AAOF;;;;;;;AAOG;AACI,MAAM,MAAM,GAAG,CAAC,EAAE,aAAa,GAAG,SAAS,EAAE,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,IAAI,EAAe,KAAI;;AAEzI,IAAA,MAAM,oBAAoB,GAA6B;AACrD,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,qBAAqB,EAAE,CAAC;KACzB;AAED,IAAA,QACEC,eAAA,CAACC,0BAAU,OAAK,IAAI,EAAQ,QAAQ,EAAE,QAAQ,EAAI,aAAa,EAAE,aAAa,IAAI,oBAAoB,aACpGC,cAAA,CAACC,yBAAS,KAAG,EACbD,cAAA,CAACE,+BAAe,EAAA,EAAC,SAAS,EAAC,qBAAqB,YAC7C,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,EAAE,KAAI;AAC5E,oBAAA,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC;oBACzD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI;AAElF,oBAAA,QACEJ,eAAA,CAAAK,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEH,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,yEAAyE,EAAA,CAAG,EAC5FA,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,0EAA0E,EACpF,KAAK,EAAE;AACL,oCAAA,IAAI,EAAE,CAAA,EAAG,IAAI,GAAG,GAAG,CAAA,CAAA,CAAG;AACtB,oCAAA,KAAK,EAAE,CAAA,EAAG,KAAK,GAAG,GAAG,CAAA,CAAA,CAAG;iCACzB,EAAA,CACD,EACD,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAI;gCACvB,QACEA,eAACI;;AAGC,kCAAA,EAAA,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,KACxCC,KAAE,CACA,8HAA8H,EAC9H,cAAc,IAAI,+CAA+C,EACjE,UAAU,IAAI,iBAAiB,CAChC,EAAA,QAAA,EAGHL,eAACM,gCAAgB,EAAA,EAAC,SAAS,EAAED,KAAE,CAAC,mBAAmB,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,YACxE,cAAc,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,GAAG,iBAAiB,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,EAAA,CACrF,EAAA,EAZd,KAAK,CAaM;4BAEtB,CAAC,CAAC,CAAA,EAAA,CACD;gBAEP,CAAC,EAAA,CACe,CAAA,EAAA,CACP;AAEjB;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Slider/index.tsx"],"sourcesContent":[null],"names":["sortCx","useResolvedTestId","_jsxs","AriaSlider","_jsx","AriaLabel","AriaSliderTrack","joinTestId","_Fragment","AriaSliderThumb","cx","AriaSliderOutput"],"mappings":"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"}

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

@@ -7,6 +7,8 @@ declare const styles: {
 export interface SliderProps extends AriaSliderProps {
     labelPosition?: keyof typeof styles;
     labelFormatter?: (value: number) => string;
+    /** Overrides the `data-testid` (defaults to `fd-slider`); the track, thumb(s), and output derive their ids from it. */
+    'data-testid'?: string;
 }
 /**
  * Draggable range input for selecting a numeric value or interval. Supports a
@@ -16,6 +18,6 @@ export interface SliderProps extends AriaSliderProps {
  *
  * @summary draggable range input for selecting a numeric value
  */
-export declare const Slider: ({ labelPosition, minValue, maxValue, labelFormatter, formatOptions, ...rest }: SliderProps) => import("react").JSX.Element;
+export declare const Slider: ({ labelPosition, minValue, maxValue, labelFormatter, formatOptions, "data-testid": dataTestId, ...rest }: SliderProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Slider/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAS5E,QAAA,MAAM,MAAM;;;;CAKV,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,aAAa,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5C;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,GAAI,+EAAqG,WAAW,gCAmDtI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Slider/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAS5E,QAAA,MAAM,MAAM;;;;CAKV,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,aAAa,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IACpC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,uHAAuH;IACvH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM,GAAI,0GAQpB,WAAW,gCAwDb,CAAC"}

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

@@ -1,5 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { Slider as Slider$1, Label, SliderTrack, SliderThumb, SliderOutput } from 'react-aria-components';
 
 const styles = sortCx({
@@ -15,13 +16,14 @@ const styles = sortCx({
  *
  * @summary draggable range input for selecting a numeric value
  */
-const Slider = ({ labelPosition = 'default', minValue = 0, maxValue = 100, labelFormatter, formatOptions, ...rest }) => {
+const Slider = ({ labelPosition = 'default', minValue = 0, maxValue = 100, labelFormatter, formatOptions, 'data-testid': dataTestId, ...rest }) => {
     // Format thumb value as percentage by default.
     const defaultFormatOptions = {
         style: 'percent',
         maximumFractionDigits: 0,
     };
-    return (jsxs(Slider$1, { ...rest, minValue, maxValue, formatOptions: formatOptions ?? defaultFormatOptions, children: [jsx(Label, {}), jsx(SliderTrack, { className: "relative h-6 w-full", children: ({ state: { values, getThumbValue, getThumbPercent, getFormattedValue } }) => {
+    const sliderTestId = useResolvedTestId({ testId: dataTestId, segment: 'slider', rootName: 'slider' });
+    return (jsxs(Slider$1, { ...rest, minValue, maxValue, formatOptions: formatOptions ?? defaultFormatOptions, "data-testid": sliderTestId, children: [jsx(Label, {}), jsx(SliderTrack, { className: "relative h-6 w-full", "data-testid": joinTestId(sliderTestId, 'track'), children: ({ state: { values, getThumbValue, getThumbPercent, getFormattedValue } }) => {
                     const left = values.length === 1 ? 0 : getThumbPercent(0);
                     const width = values.length === 1 ? getThumbPercent(0) : getThumbPercent(1) - left;
                     return (jsxs(Fragment, { children: [jsx("span", { className: "absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-quaternary" }), jsx("span", { className: "absolute top-1/2 h-2 w-full -translate-y-1/2 rounded-full bg-brand-solid", style: {
@@ -30,7 +32,7 @@ const Slider = ({ labelPosition = 'default', minValue = 0, maxValue = 100, label
                                 } }), values.map((_, index) => {
                                 return (jsx(SliderThumb
                                 // biome-ignore lint/suspicious/noArrayIndexKey: static, ordered list of thumbs
-                                , { index: index, className: ({ isFocusVisible, isDragging }) => cx('top-1/2 box-border size-6 cursor-grab rounded-full bg-slider-handle-bg shadow-md ring-2 ring-slider-handle-border ring-inset', isFocusVisible && 'outline-2 outline-offset-2 outline-focus-ring', isDragging && 'cursor-grabbing'), children: jsx(SliderOutput, { className: cx('whitespace-nowrap', styles[labelPosition]), children: labelFormatter ? labelFormatter(getThumbValue(index)) : getFormattedValue(getThumbValue(index) / 100) }) }, index));
+                                , { index: index, "data-testid": joinTestId(sliderTestId, `thumb-${index}`), className: ({ isFocusVisible, isDragging }) => cx('top-1/2 box-border size-6 cursor-grab rounded-full bg-slider-handle-bg shadow-md ring-2 ring-slider-handle-border ring-inset', isFocusVisible && 'outline-2 outline-offset-2 outline-focus-ring', isDragging && 'cursor-grabbing'), children: jsx(SliderOutput, { className: cx('whitespace-nowrap', styles[labelPosition]), "data-testid": joinTestId(sliderTestId, `output-${index}`), children: labelFormatter ? labelFormatter(getThumbValue(index)) : getFormattedValue(getThumbValue(index) / 100) }) }, index));
                             })] }));
                 } })] }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Slider/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaSlider","_jsx","AriaLabel","AriaSliderTrack","_Fragment","AriaSliderThumb","AriaSliderOutput"],"mappings":";;;;AAYA,MAAM,MAAM,GAAG,MAAM,CAAC;AACpB,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,MAAM,EAAE,4FAA4F;AACpG,IAAA,cAAc,EACZ,wKAAwK;AAC3K,CAAA,CAAC;AAOF;;;;;;;AAOG;AACI,MAAM,MAAM,GAAG,CAAC,EAAE,aAAa,GAAG,SAAS,EAAE,QAAQ,GAAG,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,IAAI,EAAe,KAAI;;AAEzI,IAAA,MAAM,oBAAoB,GAA6B;AACrD,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,qBAAqB,EAAE,CAAC;KACzB;AAED,IAAA,QACEA,IAAA,CAACC,QAAU,OAAK,IAAI,EAAQ,QAAQ,EAAE,QAAQ,EAAI,aAAa,EAAE,aAAa,IAAI,oBAAoB,aACpGC,GAAA,CAACC,KAAS,KAAG,EACbD,GAAA,CAACE,WAAe,EAAA,EAAC,SAAS,EAAC,qBAAqB,YAC7C,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,iBAAiB,EAAE,EAAE,KAAI;AAC5E,oBAAA,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC;oBACzD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,KAAK,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI;AAElF,oBAAA,QACEJ,IAAA,CAAAK,QAAA,EAAA,EAAA,QAAA,EAAA,CACEH,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,yEAAyE,EAAA,CAAG,EAC5FA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,0EAA0E,EACpF,KAAK,EAAE;AACL,oCAAA,IAAI,EAAE,CAAA,EAAG,IAAI,GAAG,GAAG,CAAA,CAAA,CAAG;AACtB,oCAAA,KAAK,EAAE,CAAA,EAAG,KAAK,GAAG,GAAG,CAAA,CAAA,CAAG;iCACzB,EAAA,CACD,EACD,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAI;gCACvB,QACEA,IAACI;;AAGC,kCAAA,EAAA,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,KACxC,EAAE,CACA,8HAA8H,EAC9H,cAAc,IAAI,+CAA+C,EACjE,UAAU,IAAI,iBAAiB,CAChC,EAAA,QAAA,EAGHJ,IAACK,YAAgB,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC,YACxE,cAAc,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,GAAG,iBAAiB,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,EAAA,CACrF,EAAA,EAZd,KAAK,CAaM;4BAEtB,CAAC,CAAC,CAAA,EAAA,CACD;gBAEP,CAAC,EAAA,CACe,CAAA,EAAA,CACP;AAEjB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/Slider/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaSlider","_jsx","AriaLabel","AriaSliderTrack","_Fragment","AriaSliderThumb","AriaSliderOutput"],"mappings":"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"}

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

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var reactAriaComponents = require('react-aria-components');
 var socialLogos = require('./components/social-logos.cjs');
 
@@ -46,7 +47,8 @@ const styles = cx.sortCx({
  *
  * @summary renders a branded social auth sign-in button
  */
-const SocialButton = ({ size = 'lg', theme = 'brand', social, className, children, disabled, ...otherProps }) => {
+const SocialButton = ({ size = 'lg', theme = 'brand', social, className, children, disabled, 'data-testid': dataTestId, ...otherProps }) => {
+    const socialButtonTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'social-button', rootName: 'social-button' });
     const href = 'href' in otherProps ? otherProps.href : undefined;
     const Component = href ? reactAriaComponents.Link : reactAriaComponents.Button;
     const isIconOnly = !children;
@@ -86,7 +88,7 @@ const SocialButton = ({ size = 'lg', theme = 'brand', social, className, childre
             isDisabled: disabled,
         };
     }
-    return (jsxRuntime.jsxs(Component, { isDisabled: disabled, ...props, "data-icon-only": isIconOnly ? true : undefined, className: cx.cx(styles.common.root, styles.sizes[size].root, colorStyles.root, className), children: [jsxRuntime.jsx(Logo, { className: cx.cx(styles.common.icon, styles.sizes[size].icon, theme === 'gray'
+    return (jsxRuntime.jsxs(Component, { isDisabled: disabled, ...props, "data-testid": socialButtonTestId, "data-icon-only": isIconOnly ? true : undefined, className: cx.cx(styles.common.root, styles.sizes[size].root, colorStyles.root, className), children: [jsxRuntime.jsx(Logo, { className: cx.cx(styles.common.icon, styles.sizes[size].icon, theme === 'gray'
                     ? colorStyles.icon
                     : theme === 'brand' && (social === 'facebook' || social === 'apple' || social === 'twitter')
                         ? 'text-white'

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/SocialButton/index.tsx"],"sourcesContent":[null],"names":["sortCx","AriaLink","AriaButton","GoogleLogo","FacebookLogo","AppleLogo","TwitterLogo","FigmaLogoOutlined","FigmaLogo","DribbleLogo","_jsxs","cx","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/SocialButton/index.tsx"],"sourcesContent":[null],"names":["sortCx","useResolvedTestId","AriaLink","AriaButton","GoogleLogo","FacebookLogo","AppleLogo","TwitterLogo","FigmaLogoOutlined","FigmaLogo","DribbleLogo","_jsxs","cx","_jsx"],"mappings":"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"}

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

@@ -39,6 +39,8 @@ interface CommonProps {
     disabled?: boolean;
     theme?: 'brand' | 'color' | 'gray';
     size?: keyof typeof styles.sizes;
+    /** Overrides the `data-testid` (defaults to `fd-social-button`). */
+    'data-testid'?: string;
 }
 interface ButtonProps extends CommonProps, DetailedHTMLProps<Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'slot'>, HTMLButtonElement> {
     slot?: AriaButtonProps['slot'];
@@ -55,6 +57,6 @@ export type SocialButtonProps = ButtonProps | LinkProps;
  *
  * @summary renders a branded social auth sign-in button
  */
-export declare const SocialButton: ({ size, theme, social, className, children, disabled, ...otherProps }: SocialButtonProps) => import("react").JSX.Element;
+export declare const SocialButton: ({ size, theme, social, className, children, disabled, "data-testid": dataTestId, ...otherProps }: SocialButtonProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SocialButton/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIxG,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCjB,CAAC;AAEH,UAAU,WAAW;IACnB,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;CAClC;AAED,UAAU,WAAY,SAAQ,WAAW,EAAE,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC9I,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC;AAED,UAAU,SAAU,SAAQ,WAAW,EAAE,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IACnI,qDAAqD;IACrD,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;CAChD;AAED,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,SAAS,CAAC;AAExD;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,uEAAwF,iBAAiB,gCA+ErI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/SocialButton/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIxG,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCjB,CAAC;AAEH,UAAU,WAAW;IACnB,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,KAAK,CAAC;IACjC,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,WAAY,SAAQ,WAAW,EAAE,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC9I,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAChC;AAED,UAAU,SAAU,SAAQ,WAAW,EAAE,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,EAAE,iBAAiB,CAAC;IACnI,qDAAqD;IACrD,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;CAChD;AAED,MAAM,MAAM,iBAAiB,GAAG,WAAW,GAAG,SAAS,CAAC;AAExD;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,kGAS1B,iBAAiB,gCAiFnB,CAAC"}

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

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { sortCx, cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { Link, Button } from 'react-aria-components';
 import { DribbleLogo, FigmaLogoOutlined, FigmaLogo, TwitterLogo, AppleLogo, FacebookLogo, GoogleLogo } from './components/social-logos.js';
 
@@ -44,7 +45,8 @@ const styles = sortCx({
  *
  * @summary renders a branded social auth sign-in button
  */
-const SocialButton = ({ size = 'lg', theme = 'brand', social, className, children, disabled, ...otherProps }) => {
+const SocialButton = ({ size = 'lg', theme = 'brand', social, className, children, disabled, 'data-testid': dataTestId, ...otherProps }) => {
+    const socialButtonTestId = useResolvedTestId({ testId: dataTestId, segment: 'social-button', rootName: 'social-button' });
     const href = 'href' in otherProps ? otherProps.href : undefined;
     const Component = href ? Link : Button;
     const isIconOnly = !children;
@@ -84,7 +86,7 @@ const SocialButton = ({ size = 'lg', theme = 'brand', social, className, childre
             isDisabled: disabled,
         };
     }
-    return (jsxs(Component, { isDisabled: disabled, ...props, "data-icon-only": isIconOnly ? true : undefined, className: cx(styles.common.root, styles.sizes[size].root, colorStyles.root, className), children: [jsx(Logo, { className: cx(styles.common.icon, styles.sizes[size].icon, theme === 'gray'
+    return (jsxs(Component, { isDisabled: disabled, ...props, "data-testid": socialButtonTestId, "data-icon-only": isIconOnly ? true : undefined, className: cx(styles.common.root, styles.sizes[size].root, colorStyles.root, className), children: [jsx(Logo, { className: cx(styles.common.icon, styles.sizes[size].icon, theme === 'gray'
                     ? colorStyles.icon
                     : theme === 'brand' && (social === 'facebook' || social === 'apple' || social === 'twitter')
                         ? 'text-white'

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/SocialButton/index.tsx"],"sourcesContent":[null],"names":["AriaLink","AriaButton","_jsxs","_jsx"],"mappings":";;;;;AAQO,MAAM,MAAM,GAAG,MAAM,CAAC;AAC3B,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE,yVAAyV;AAC/V,QAAA,IAAI,EAAE,qDAAqD;AAC5D,KAAA;AAED,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,gFAAgF;AACtF,YAAA,IAAI,EAAE,QAAQ;AACf,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,gFAAgF;AACtF,YAAA,IAAI,EAAE,QAAQ;AACf,SAAA;AACF,KAAA;AAED,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,mIAAmI;AACzI,YAAA,IAAI,EAAE,yDAAyD;AAChE,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,IAAI,EAAE,0KAA0K;AAChL,YAAA,IAAI,EAAE,EAAE;AACT,SAAA;AAED,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,iMAAiM;AACvM,YAAA,IAAI,EAAE,EAAE;AACT,SAAA;AAED,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,iMAAiM;AACvM,YAAA,IAAI,EAAE,EAAE;AACT,SAAA;AACF,KAAA;AACF,CAAA;AAoBD;;;;;;AAMG;AACI,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAqB,KAAI;AACxI,IAAA,MAAM,IAAI,GAAG,MAAM,IAAI,UAAU,GAAG,UAAU,CAAC,IAAI,GAAG,SAAS;IAC/D,MAAM,SAAS,GAAG,IAAI,GAAGA,IAAQ,GAAGC,MAAU;AAE9C,IAAA,MAAM,UAAU,GAAG,CAAC,QAAQ;AAE5B,IAAA,MAAM,aAAa,GAAG;AACpB,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,OAAO,EAAE,SAAS;KACV;IAEV,MAAM,WAAW,GAAG,KAAK,KAAK,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI;AAEjG,IAAA,MAAM,KAAK,GAAG;AACZ,QAAA,MAAM,EAAE,UAAU;AAClB,QAAA,QAAQ,EAAE,YAAY;AACtB,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,OAAO,EAAE,WAAW;QACpB,KAAK,EAAE,KAAK,KAAK,MAAM,GAAG,iBAAiB,GAAG,SAAS;AACvD,QAAA,OAAO,EAAE,WAAW;KACrB;AAED,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC;IAE1B,IAAI,KAAK,GAAG,EAAE;IAEd,IAAI,IAAI,EAAE;AACR,QAAA,KAAK,GAAG;AACN,YAAA,GAAG,UAAU;YAEb,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,IAAI;;;;AAKjC,YAAA,IAAI,QAAQ,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;SACjE;IACH;SAAO;AACL,QAAA,KAAK,GAAG;AACN,YAAA,GAAG,UAAU;AAEb,YAAA,IAAI,EAAE,UAAU,CAAC,IAAI,IAAI,QAAQ;AACjC,YAAA,UAAU,EAAE,QAAQ;SACrB;IACH;AAEA,IAAA,QACEC,IAAA,CAAC,SAAS,EAAA,EACR,UAAU,EAAE,QAAQ,EAAA,GAChB,KAAK,EAAA,gBAAA,EACO,UAAU,GAAG,IAAI,GAAG,SAAS,EAC7C,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,CAEvFC,GAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,MAAM,CAAC,IAAI,EAClB,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EACvB,KAAK,KAAK;sBACN,WAAW,CAAC;AACd,sBAAE,KAAK,KAAK,OAAO,KAAK,MAAM,KAAK,UAAU,IAAI,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,SAAS;AACzF,0BAAE;AACF,0BAAE,KAAK,KAAK,OAAO,KAAK,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,SAAS;AAChE,8BAAE;8BACA,EAAE,CACX,EACD,QAAQ,EACN,CAAC,KAAK,KAAK,OAAO,KAAK,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,OAAO,CAAC;qBAChE,KAAK,KAAK,OAAO,KAAK,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,UAAU,IAAI,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,SAAS,CAAC,CAAC;AACnH,oBAAA,SAAS,EAAA,CAEX,EAED,QAAQ,CAAA,EAAA,CACC;AAEhB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/atoms/SocialButton/index.tsx"],"sourcesContent":[null],"names":["AriaLink","AriaButton","_jsxs","_jsx"],"mappings":"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"}

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

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var reactAriaComponents = require('react-aria-components');
 
 const ToggleBase = ({ className, isHovered, isDisabled, isFocusVisible, isSelected, slim, size = 'sm' }) => {
@@ -51,8 +52,9 @@ const styles = {
  *
  * @summary on/off switch for a single setting
  */
-const Toggle = ({ label, hint, className, size = 'sm', slim, ...ariaSwitchProps }) => {
-    return (jsxRuntime.jsx(reactAriaComponents.Switch, { ...ariaSwitchProps, className: (state) => cx.cx('relative flex w-max items-start', state.isDisabled && 'cursor-not-allowed', styles[size].root, typeof className === 'function' ? className(state) : className), children: ({ isSelected, isDisabled, isFocusVisible, isHovered }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ToggleBase, { slim: slim, size: size, isHovered: isHovered, isDisabled: isDisabled, isFocusVisible: isFocusVisible, isSelected: isSelected, className: slim ? 'mt-0.5' : '' }), (label || hint) && (jsxRuntime.jsxs("div", { className: cx.cx('flex flex-col', styles[size].textWrapper), children: [label && jsxRuntime.jsx("p", { className: cx.cx('text-secondary select-none', styles[size].label), children: label }), hint && (
+const Toggle = ({ label, hint, className, size = 'sm', slim, 'data-testid': dataTestId, ...ariaSwitchProps }) => {
+    const toggleTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'toggle', rootName: 'toggle' });
+    return (jsxRuntime.jsx(reactAriaComponents.Switch, { ...ariaSwitchProps, "data-testid": toggleTestId, className: (state) => cx.cx('relative flex w-max items-start', state.isDisabled && 'cursor-not-allowed', styles[size].root, typeof className === 'function' ? className(state) : className), children: ({ isSelected, isDisabled, isFocusVisible, isHovered }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ToggleBase, { slim: slim, size: size, isHovered: isHovered, isDisabled: isDisabled, isFocusVisible: isFocusVisible, isSelected: isSelected, className: slim ? 'mt-0.5' : '' }), (label || hint) && (jsxRuntime.jsxs("div", { className: cx.cx('flex flex-col', styles[size].textWrapper), children: [label && jsxRuntime.jsx("p", { className: cx.cx('text-secondary select-none', styles[size].label), children: label }), hint && (
                         // biome-ignore lint/a11y/noStaticElementInteractions: This is a hint that is not interactive
                         // biome-ignore lint/a11y/useKeyWithClickEvents: This is a hint that is not interactive
                         jsxRuntime.jsx("span", { className: cx.cx('text-tertiary', styles[size].hint), onClick: (event) => event.stopPropagation(), children: hint }))] }))] })) }));

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

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

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

@@ -15,12 +15,14 @@ export interface ToggleProps extends AriaSwitchProps {
     label?: string;
     hint?: ReactNode;
     slim?: boolean;
+    /** Overrides the `data-testid` (defaults to `fd-toggle`). */
+    'data-testid'?: string;
 }
 /**
  * Switch control for toggling a single setting on or off, with optional label and hint.
  *
  * @summary on/off switch for a single setting
  */
-export declare const Toggle: ({ label, hint, className, size, slim, ...ariaSwitchProps }: ToggleProps) => import("react").JSX.Element;
+export declare const Toggle: ({ label, hint, className, size, slim, "data-testid": dataTestId, ...ariaSwitchProps }: ToggleProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Toggle/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG5E,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,8EAAqF,eAAe,gCA0D9H,CAAC;AAiBF,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,4DAAmE,WAAW,gCAyCpG,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Toggle/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG5E,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,GAAI,8EAAqF,eAAe,gCA0D9H,CAAC;AAiBF,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,uFAA8F,WAAW,gCA4C/H,CAAC"}

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

@@ -1,5 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { Switch } from 'react-aria-components';
 
 const ToggleBase = ({ className, isHovered, isDisabled, isFocusVisible, isSelected, slim, size = 'sm' }) => {
@@ -49,8 +50,9 @@ const styles = {
  *
  * @summary on/off switch for a single setting
  */
-const Toggle = ({ label, hint, className, size = 'sm', slim, ...ariaSwitchProps }) => {
-    return (jsx(Switch, { ...ariaSwitchProps, className: (state) => cx('relative flex w-max items-start', state.isDisabled && 'cursor-not-allowed', styles[size].root, typeof className === 'function' ? className(state) : className), children: ({ isSelected, isDisabled, isFocusVisible, isHovered }) => (jsxs(Fragment, { children: [jsx(ToggleBase, { slim: slim, size: size, isHovered: isHovered, isDisabled: isDisabled, isFocusVisible: isFocusVisible, isSelected: isSelected, className: slim ? 'mt-0.5' : '' }), (label || hint) && (jsxs("div", { className: cx('flex flex-col', styles[size].textWrapper), children: [label && jsx("p", { className: cx('text-secondary select-none', styles[size].label), children: label }), hint && (
+const Toggle = ({ label, hint, className, size = 'sm', slim, 'data-testid': dataTestId, ...ariaSwitchProps }) => {
+    const toggleTestId = useResolvedTestId({ testId: dataTestId, segment: 'toggle', rootName: 'toggle' });
+    return (jsx(Switch, { ...ariaSwitchProps, "data-testid": toggleTestId, className: (state) => cx('relative flex w-max items-start', state.isDisabled && 'cursor-not-allowed', styles[size].root, typeof className === 'function' ? className(state) : className), children: ({ isSelected, isDisabled, isFocusVisible, isHovered }) => (jsxs(Fragment, { children: [jsx(ToggleBase, { slim: slim, size: size, isHovered: isHovered, isDisabled: isDisabled, isFocusVisible: isFocusVisible, isSelected: isSelected, className: slim ? 'mt-0.5' : '' }), (label || hint) && (jsxs("div", { className: cx('flex flex-col', styles[size].textWrapper), children: [label && jsx("p", { className: cx('text-secondary select-none', styles[size].label), children: label }), hint && (
                         // biome-ignore lint/a11y/noStaticElementInteractions: This is a hint that is not interactive
                         // biome-ignore lint/a11y/useKeyWithClickEvents: This is a hint that is not interactive
                         jsx("span", { className: cx('text-tertiary', styles[size].hint), onClick: (event) => event.stopPropagation(), children: hint }))] }))] })) }));

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

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

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

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var reactAriaComponents = require('react-aria-components');
 
 /**
@@ -10,17 +11,19 @@ var reactAriaComponents = require('react-aria-components');
  *
  * @summary contextual label shown on hover or keyboard focus
  */
-const Tooltip = ({ title, description, children, arrow = false, delay = 300, closeDelay = 0, trigger, isDisabled, isOpen, defaultOpen, offset = 6, crossOffset, placement = 'top', onOpenChange, ...tooltipProps }) => {
+const Tooltip = ({ title, description, children, arrow = false, delay = 300, closeDelay = 0, trigger, isDisabled, isOpen, defaultOpen, offset = 6, crossOffset, placement = 'top', onOpenChange, 'data-testid': dataTestId, ...tooltipProps }) => {
     const isTopOrBottomLeft = ['top left', 'top end', 'bottom left', 'bottom end'].includes(placement);
     const isTopOrBottomRight = ['top right', 'top start', 'bottom right', 'bottom start'].includes(placement);
     // Set negative cross offset for left and right placement to visually balance the tooltip.
     const calculatedCrossOffset = isTopOrBottomLeft ? -12 : isTopOrBottomRight ? 12 : 0;
-    return (jsxRuntime.jsxs(reactAriaComponents.TooltipTrigger, { trigger, delay, closeDelay, isDisabled, isOpen, defaultOpen, onOpenChange, children: [children, jsxRuntime.jsx(reactAriaComponents.Tooltip, { ...tooltipProps, offset: offset, placement: placement, crossOffset: crossOffset ?? calculatedCrossOffset, className: ({ isEntering, isExiting }) => cx.cx(isEntering && 'ease-out animate-in', isExiting && 'ease-in animate-out'), children: ({ isEntering, isExiting }) => (jsxRuntime.jsxs("div", { className: cx.cx('z-50 flex max-w-xs origin-(--trigger-anchor-point) flex-col items-start gap-1 rounded-lg bg-primary-solid px-3 shadow-lg will-change-transform', description ? 'py-3' : 'py-2', isEntering &&
-                        'ease-out animate-in fade-in zoom-in-95 in-placement-left:slide-in-from-right-0.5 in-placement-right:slide-in-from-left-0.5 in-placement-top:slide-in-from-bottom-0.5 in-placement-bottom:slide-in-from-top-0.5', isExiting &&
-                        'ease-in animate-out fade-out zoom-out-95 in-placement-left:slide-out-to-right-0.5 in-placement-right:slide-out-to-left-0.5 in-placement-top:slide-out-to-bottom-0.5 in-placement-bottom:slide-out-to-top-0.5'), children: [jsxRuntime.jsx("span", { className: "text-xs font-semibold text-white", children: title }), description && jsxRuntime.jsx("span", { className: "text-xs font-medium text-tooltip-supporting-text", children: description }), arrow && (jsxRuntime.jsx(reactAriaComponents.OverlayArrow, { children: jsxRuntime.jsx("svg", { viewBox: "0 0 100 100", className: "size-2.5 fill-bg-primary-solid in-placement-left:-rotate-90 in-placement-right:rotate-90 in-placement-top:rotate-0 in-placement-bottom:rotate-180", children: jsxRuntime.jsx("path", { d: "M0,0 L35.858,35.858 Q50,50 64.142,35.858 L100,0 Z" }) }) }))] })) })] }));
+    const tooltipTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'tooltip', rootName: 'tooltip' });
+    return (jsxRuntime.jsxs(reactAriaComponents.TooltipTrigger, { trigger, delay, closeDelay, isDisabled, isOpen, defaultOpen, onOpenChange, children: [children, jsxRuntime.jsx(reactAriaComponents.Tooltip, { ...tooltipProps, offset: offset, placement: placement, crossOffset: crossOffset ?? calculatedCrossOffset, className: ({ isEntering, isExiting }) => cx.cx(isEntering && 'ease-out animate-in', isExiting && 'ease-in animate-out'), children: ({ isEntering, isExiting }) => (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: tooltipTestId, children: jsxRuntime.jsxs("div", { "data-testid": tooltipTestId, className: cx.cx('z-50 flex max-w-xs origin-(--trigger-anchor-point) flex-col items-start gap-1 rounded-lg bg-primary-solid px-3 shadow-lg will-change-transform', description ? 'py-3' : 'py-2', isEntering &&
+                            'ease-out animate-in fade-in zoom-in-95 in-placement-left:slide-in-from-right-0.5 in-placement-right:slide-in-from-left-0.5 in-placement-top:slide-in-from-bottom-0.5 in-placement-bottom:slide-in-from-top-0.5', isExiting &&
+                            'ease-in animate-out fade-out zoom-out-95 in-placement-left:slide-out-to-right-0.5 in-placement-right:slide-out-to-left-0.5 in-placement-top:slide-out-to-bottom-0.5 in-placement-bottom:slide-out-to-top-0.5'), children: [jsxRuntime.jsx("span", { className: "text-xs font-semibold text-white", children: title }), description && jsxRuntime.jsx("span", { className: "text-xs font-medium text-tooltip-supporting-text", children: description }), arrow && (jsxRuntime.jsx(reactAriaComponents.OverlayArrow, { children: jsxRuntime.jsx("svg", { viewBox: "0 0 100 100", className: "size-2.5 fill-bg-primary-solid in-placement-left:-rotate-90 in-placement-right:rotate-90 in-placement-top:rotate-0 in-placement-bottom:rotate-180", children: jsxRuntime.jsx("path", { d: "M0,0 L35.858,35.858 Q50,50 64.142,35.858 L100,0 Z" }) }) }))] }) })) })] }));
 };
-const TooltipTrigger = ({ children, className, ...buttonProps }) => {
-    return (jsxRuntime.jsx(reactAriaComponents.Button, { ...buttonProps, className: (values) => cx.cx('h-max w-max outline-hidden', typeof className === 'function' ? className(values) : className), children: children }));
+const TooltipTrigger = ({ children, className, 'data-testid': dataTestId, ...buttonProps }) => {
+    const triggerTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'tooltip-trigger', rootName: 'tooltip-trigger' });
+    return (jsxRuntime.jsx(reactAriaComponents.Button, { ...buttonProps, "data-testid": triggerTestId, className: (values) => cx.cx('h-max w-max outline-hidden', typeof className === 'function' ? className(values) : className), children: children }));
 };
 
 exports.Tooltip = Tooltip;

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Tooltip/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaTooltipTrigger","_jsx","AriaTooltip","cx","AriaOverlayArrow","AriaButton"],"mappings":";;;;;;AAuCA;;;;;AAKG;MACU,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,GAAG,EACX,UAAU,GAAG,CAAC,EACd,OAAO,EACP,UAAU,EACV,MAAM,EACN,WAAW,EACX,MAAM,GAAG,CAAC,EACV,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,GAAG,YAAY,EACF,KAAI;AACjB,IAAA,MAAM,iBAAiB,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;AAClG,IAAA,MAAM,kBAAkB,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;;IAEzG,MAAM,qBAAqB,GAAG,iBAAiB,GAAG,GAAG,GAAG,kBAAkB,GAAG,EAAE,GAAG,CAAC;AAEnF,IAAA,QACEA,eAAA,CAACC,kCAAkB,IAAO,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAA,QAAA,EAAA,CAChG,QAAQ,EAETC,cAAA,CAACC,2BAAW,EAAA,EAAA,GACN,YAAY,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,IAAI,qBAAqB,EACjD,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAAKC,KAAE,CAAC,UAAU,IAAI,qBAAqB,EAAE,SAAS,IAAI,qBAAqB,CAAC,EAAA,QAAA,EAEpH,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,MACzBJ,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEI,KAAE,CACX,gJAAgJ,EAChJ,WAAW,GAAG,MAAM,GAAG,MAAM,EAE7B,UAAU;AACR,wBAAA,gNAAgN,EAClN,SAAS;wBACP,8MAA8M,CACjN,aAEDF,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,EAEhE,WAAW,IAAIA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kDAAkD,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,EAEtG,KAAK,KACJA,cAAA,CAACG,gCAAgB,EAAA,EAAA,QAAA,EAEfH,cAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,mJAAmJ,EAAA,QAAA,EAE7JA,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,mDAAmD,EAAA,CAAG,GAC1D,EAAA,CACW,CACpB,IACG,CACP,EAAA,CACW,CAAA,EAAA,CACK;AAEzB;AAIO,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,WAAW,EAAuB,KAAI;AAC7F,IAAA,QACEA,cAAA,CAACI,0BAAU,EAAA,EAAA,GACL,WAAW,EACf,SAAS,EAAE,CAAC,MAAM,KAAKF,KAAE,CAAC,4BAA4B,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,YAEvH,QAAQ,EAAA,CACE;AAEjB;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/atoms/Tooltip/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsxs","AriaTooltipTrigger","_jsx","AriaTooltip","cx","TestIdProvider","AriaOverlayArrow","AriaButton"],"mappings":";;;;;;;AA0CA;;;;;AAKG;AACI,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,GAAG,KAAK,EACb,KAAK,GAAG,GAAG,EACX,UAAU,GAAG,CAAC,EACd,OAAO,EACP,UAAU,EACV,MAAM,EACN,WAAW,EACX,MAAM,GAAG,CAAC,EACV,WAAW,EACX,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,aAAa,EAAE,UAAU,EACzB,GAAG,YAAY,EACF,KAAI;AACjB,IAAA,MAAM,iBAAiB,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;AAClG,IAAA,MAAM,kBAAkB,GAAG,CAAC,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;;IAEzG,MAAM,qBAAqB,GAAG,iBAAiB,GAAG,GAAG,GAAG,kBAAkB,GAAG,EAAE,GAAG,CAAC;AAEnF,IAAA,MAAM,aAAa,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC;IAExG,QACEC,gBAACC,kCAAkB,EAAA,EAAO,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAA,QAAA,EAAA,CAChG,QAAQ,EAETC,cAAA,CAACC,2BAAW,EAAA,EAAA,GACN,YAAY,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,IAAI,qBAAqB,EACjD,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KAAKC,KAAE,CAAC,UAAU,IAAI,qBAAqB,EAAE,SAAS,IAAI,qBAAqB,CAAC,YAEpH,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,MACzBF,cAAA,CAACG,0BAAc,IAAC,KAAK,EAAE,aAAa,EAAA,QAAA,EAClCL,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACe,aAAa,EAC1B,SAAS,EAAEI,KAAE,CACX,gJAAgJ,EAChJ,WAAW,GAAG,MAAM,GAAG,MAAM,EAE7B,UAAU;AACR,4BAAA,gNAAgN,EAClN,SAAS;4BACP,8MAA8M,CACjN,aAEDF,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,EAEhE,WAAW,IAAIA,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,kDAAkD,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,EAEtG,KAAK,KACJA,cAAA,CAACI,gCAAgB,EAAA,EAAA,QAAA,EAEfJ,cAAA,CAAA,KAAA,EAAA,EACE,OAAO,EAAC,aAAa,EACrB,SAAS,EAAC,mJAAmJ,EAAA,QAAA,EAE7JA,cAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,mDAAmD,EAAA,CAAG,EAAA,CAC1D,EAAA,CACW,CACpB,CAAA,EAAA,CACG,GACS,CAClB,EAAA,CACW,CAAA,EAAA,CACK;AAEzB;AAOO,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,WAAW,EAAuB,KAAI;AACxH,IAAA,MAAM,aAAa,GAAGH,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC;AAExH,IAAA,QACEG,cAAA,CAACK,0BAAU,EAAA,EAAA,GACL,WAAW,iBACF,aAAa,EAC1B,SAAS,EAAE,CAAC,MAAM,KAAKH,KAAE,CAAC,4BAA4B,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,YAEvH,QAAQ,EAAA,CACE;AAEjB;;;;;"}

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

@@ -21,6 +21,8 @@ export interface TooltipProps extends AriaTooltipTriggerComponentProps, Omit<Ari
      * @default 300
      */
     delay?: number;
+    /** Overrides the `data-testid` on the tooltip popup content (defaults to `fd-tooltip`); re-roots nested ids. */
+    'data-testid'?: string;
 }
 /**
  * Contextual label that appears on hover or keyboard focus to provide
@@ -28,9 +30,11 @@ export interface TooltipProps extends AriaTooltipTriggerComponentProps, Omit<Ari
  *
  * @summary contextual label shown on hover or keyboard focus
  */
-export declare const Tooltip: ({ title, description, children, arrow, delay, closeDelay, trigger, isDisabled, isOpen, defaultOpen, offset, crossOffset, placement, onOpenChange, ...tooltipProps }: TooltipProps) => import("react").JSX.Element;
+export declare const Tooltip: ({ title, description, children, arrow, delay, closeDelay, trigger, isDisabled, isOpen, defaultOpen, offset, crossOffset, placement, onOpenChange, "data-testid": dataTestId, ...tooltipProps }: TooltipProps) => import("react").JSX.Element;
 interface TooltipTriggerProps extends AriaButtonProps {
+    /** Overrides the `data-testid` (defaults to `fd-tooltip-trigger`). */
+    'data-testid'?: string;
 }
-export declare const TooltipTrigger: ({ children, className, ...buttonProps }: TooltipTriggerProps) => import("react").JSX.Element;
+export declare const TooltipTrigger: ({ children, className, "data-testid": dataTestId, ...buttonProps }: TooltipTriggerProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Tooltip/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,WAAW,IAAI,eAAe,EAC9B,YAAY,IAAI,gBAAgB,EAChC,4BAA4B,IAAI,gCAAgC,EACjE,MAAM,uBAAuB,CAAC;AAQ/B,MAAM,WAAW,YAAa,SAAQ,gCAAgC,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC;IACxG;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,eAAO,MAAM,OAAO,GAAI,qKAgBrB,YAAY,gCAiDd,CAAC;AAEF,UAAU,mBAAoB,SAAQ,eAAe;CAAG;AAExD,eAAO,MAAM,cAAc,GAAI,yCAAyC,mBAAmB,gCAS1F,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Tooltip/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,WAAW,IAAI,eAAe,EAC9B,YAAY,IAAI,gBAAgB,EAChC,4BAA4B,IAAI,gCAAgC,EACjE,MAAM,uBAAuB,CAAC;AAQ/B,MAAM,WAAW,YAAa,SAAQ,gCAAgC,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC;IACxG;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gHAAgH;IAChH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,OAAO,GAAI,gMAiBrB,YAAY,gCAsDd,CAAC;AAEF,UAAU,mBAAoB,SAAQ,eAAe;IACnD,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,GAAI,oEAAoE,mBAAmB,gCAYrH,CAAC"}