@flipdish/ui-library 0.10.0 → 0.11.1

package/dist/components/organisms/HeaderNavigation/headerNavigation.types.d.ts

@@ -1,4 +1,16 @@
 import type { FC, ReactNode } from 'react';
+export type NavSubItemType = {
+    label: string;
+    href: string;
+    icon?: FC<{
+        className?: string;
+    }>;
+    badge?: ReactNode;
+    /** Stable id used to derive this sub-item's `data-testid` (falls back to a slug of `label`). */
+    id?: string;
+    /** Overrides the derived `data-testid` for this sub-item. */
+    'data-testid'?: string;
+};
 export type NavItemType = {
     /** Label text for the nav item. */
     label: string;
@@ -11,16 +23,13 @@ export type NavItemType = {
     /** Badge to display. */
     badge?: ReactNode;
     /** List of sub-items to display. */
-    items?: {
-        label: string;
-        href: string;
-        icon?: FC<{
-            className?: string;
-        }>;
-        badge?: ReactNode;
-    }[];
+    items?: NavSubItemType[];
     /** Whether this nav item is a divider. */
     divider?: boolean;
+    /** Stable id used to derive this item's `data-testid` (falls back to a slug of `label`). */
+    id?: string;
+    /** Overrides the derived `data-testid` for this item. */
+    'data-testid'?: string;
 };
 export type NavItemDividerType = Omit<NavItemType, 'icon' | 'label' | 'divider'> & {
     /** Label text for the divider. */

package/dist/components/organisms/HeaderNavigation/headerNavigation.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headerNavigation.types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/HeaderNavigation/headerNavigation.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,wBAAwB;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oCAAoC;IACpC,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YAAE,SAAS,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,CAAA;KAAE,EAAE,CAAC;IAChG,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,GAAG;IACjF,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,OAAO,EAAE,IAAI,CAAC;CACf,CAAC"}
+{"version":3,"file":"headerNavigation.types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/HeaderNavigation/headerNavigation.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gGAAgG;IAChG,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,wBAAwB;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oCAAoC;IACpC,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,GAAG;IACjF,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,OAAO,EAAE,IAAI,CAAC;CACf,CAAC"}

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

@@ -6,6 +6,7 @@ var FlipdishLogo = require('@flipdish/ui-library/components/atoms/FlipdishLogo')
 var Input = require('@flipdish/ui-library/components/atoms/Input');
 var Tabs = require('@flipdish/ui-library/components/molecules/Tabs');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var mobileHeader = require('./components/mobile-header.cjs');
 var navAccountCard = require('./components/nav-account-card.cjs');
 var navButton = require('./components/nav-button.cjs');
@@ -22,8 +23,14 @@ const isItemActive = (href, activeUrl) => {
         return true;
     return false;
 };
-const HeaderNavigationBase = ({ activeUrl, items, subItems, hideBorder = false, actions, centered = false, secondaryType = 'buttons', footerItems = [], account, }) => {
+const HeaderNavigationBase = ({ activeUrl, items, subItems, hideBorder = false, actions, centered = false, secondaryType = 'buttons', footerItems = [], account, 'data-testid': dataTestId, }) => {
     const isActive = (item) => item.current ?? isItemActive(item.href, activeUrl);
+    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'header-navigation', rootName: 'header-navigation' });
+    // The mobile drawer and the desktop header both render the same nav items; re-root the
+    // drawer subtree under `drawer` so their derived testids don't collide in the DOM.
+    const drawerTestId = testIdUtils.joinTestId(rootTestId, 'drawer');
+    const navItemTestId = (item, base = rootTestId) => item['data-testid'] ?? testIdUtils.joinTestId(base, `nav-item-${item.id ?? testIdUtils.slugifyTestId(item.label)}`);
+    const subNavItemTestId = (item) => item['data-testid'] ?? testIdUtils.joinTestId(rootTestId, `sub-nav-${item.id ?? testIdUtils.slugifyTestId(item.label)}`);
     const activeParent = items.find((item) => isActive(item) || item.items?.some((sub) => isItemActive(sub.href, activeUrl)));
     const activeSubNavItems = subItems || activeParent?.items;
     const showSecondaryNav = activeSubNavItems && activeSubNavItems.length > 0;
@@ -34,7 +41,7 @@ const HeaderNavigationBase = ({ activeUrl, items, subItems, hideBorder = false,
         }))
         : [];
     const activeTabKey = activeSubNavItems?.find((item) => isActive(item))?.label;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(mobileHeader.MobileNavigationHeader, { children: jsxRuntime.jsxs("aside", { className: "flex h-full max-w-full flex-col overflow-auto bg-primary pt-4", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-5 px-4", children: [jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { size: "sm" }), jsxRuntime.jsx(Input.Input, { size: "md", "aria-label": "Search", placeholder: "Search", icon: uiIcons.SearchLg })] }), jsxRuntime.jsx(navList.NavList, { items: items, activeUrl: activeUrl, className: "flex-1" }), (footerItems.length > 0 || account) && (jsxRuntime.jsxs("div", { className: "mt-auto flex flex-col gap-3 p-4", children: [footerItems.length > 0 && (jsxRuntime.jsx("div", { className: "flex flex-col", children: footerItems.map((item) => (jsxRuntime.jsx(navItem.NavItemBase, { type: "link", href: item.href, icon: item.icon, badge: item.badge, current: isActive(item), children: item.label }, item.label))) })), account && (jsxRuntime.jsx(navAccountCard.NavAccountCard, { items: account.accounts, selectedAccountId: account.selectedAccountId, menuItems: account.menuItems, bottomMenuItems: account.bottomMenuItems }))] }))] }) }), jsxRuntime.jsxs("header", { className: "max-lg:hidden", children: [jsxRuntime.jsx("section", { className: cx.cx('flex h-16 w-full items-center justify-center bg-primary', (!hideBorder || showSecondaryNav) && 'border-b border-secondary'), children: jsxRuntime.jsxs("div", { className: cx.cx('flex w-full max-w-container items-center pr-3 pl-4 md:px-8', centered && 'gap-8'), children: [jsxRuntime.jsx("div", { className: cx.cx('flex items-center', centered ? 'flex-1' : 'mr-4'), children: jsxRuntime.jsx("a", { "aria-label": "Go to homepage", href: "/", className: "rounded-xs outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { size: "sm" }) }) }), jsxRuntime.jsx("nav", { children: jsxRuntime.jsx("ul", { className: "flex items-center gap-0.5", children: items.map((item) => (jsxRuntime.jsx("li", { children: jsxRuntime.jsx(navButton.NavButton, { current: isActive(item), href: item.href, children: item.label }) }, item.label))) }) }), (actions || centered) && jsxRuntime.jsx("div", { className: cx.cx('flex items-center gap-3', centered ? 'flex-1 justify-end' : 'ml-auto'), children: actions })] }) }), showSecondaryNav && (jsxRuntime.jsx("section", { className: cx.cx('flex w-full items-center justify-center bg-primary', !hideBorder && 'border-b border-secondary'), children: secondaryType === 'tabs' ? (jsxRuntime.jsx("div", { className: "w-full max-w-container px-8 pt-3", children: jsxRuntime.jsx(Tabs.Tabs, { selectedKey: activeTabKey, children: jsxRuntime.jsx(Tabs.TabList, { size: "sm", type: "underline", items: tabItems, className: "-mb-px before:hidden" }) }) })) : (jsxRuntime.jsxs("div", { className: cx.cx('flex h-16 w-full max-w-container items-center gap-8 px-8', centered ? 'justify-center' : 'justify-between'), children: [jsxRuntime.jsx("nav", { children: jsxRuntime.jsx("ul", { className: cx.cx('flex items-center gap-0.5', centered && 'justify-center'), children: activeSubNavItems.map((item) => (jsxRuntime.jsx("li", { children: jsxRuntime.jsx(navButton.NavButton, { href: item.href, current: isActive(item), children: item.label }) }, item.label))) }) }), !centered && jsxRuntime.jsx(Input.Input, { shortcut: true, "aria-label": "Search", placeholder: "Search", icon: uiIcons.SearchLg, size: "sm", className: "max-w-70" })] })) }))] })] }));
+    return (jsxRuntime.jsxs(testIdUtils.TestIdProvider, { value: rootTestId, children: [jsxRuntime.jsx(mobileHeader.MobileNavigationHeader, { testIdPrefix: rootTestId, children: jsxRuntime.jsxs("aside", { className: "flex h-full max-w-full flex-col overflow-auto bg-primary pt-4", children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-5 px-4", children: [jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { size: "sm" }), jsxRuntime.jsx(Input.Input, { size: "md", "aria-label": "Search", placeholder: "Search", icon: uiIcons.SearchLg })] }), jsxRuntime.jsx(navList.NavList, { items: items, activeUrl: activeUrl, className: "flex-1", testIdPrefix: drawerTestId }), (footerItems.length > 0 || account) && (jsxRuntime.jsxs("div", { className: "mt-auto flex flex-col gap-3 p-4", children: [footerItems.length > 0 && (jsxRuntime.jsx("div", { className: "flex flex-col", children: footerItems.map((item) => (jsxRuntime.jsx(navItem.NavItemBase, { type: "link", href: item.href, icon: item.icon, badge: item.badge, current: isActive(item), "data-testid": navItemTestId(item, drawerTestId), children: item.label }, item.label))) })), account && (jsxRuntime.jsx(navAccountCard.NavAccountCard, { items: account.accounts, selectedAccountId: account.selectedAccountId, menuItems: account.menuItems, bottomMenuItems: account.bottomMenuItems }))] }))] }) }), jsxRuntime.jsxs("header", { className: "max-lg:hidden", children: [jsxRuntime.jsx("section", { className: cx.cx('flex h-16 w-full items-center justify-center bg-primary', (!hideBorder || showSecondaryNav) && 'border-b border-secondary'), children: jsxRuntime.jsxs("div", { className: cx.cx('flex w-full max-w-container items-center pr-3 pl-4 md:px-8', centered && 'gap-8'), children: [jsxRuntime.jsx("div", { className: cx.cx('flex items-center', centered ? 'flex-1' : 'mr-4'), children: jsxRuntime.jsx("a", { "aria-label": "Go to homepage", href: "/", className: "rounded-xs outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: jsxRuntime.jsx(FlipdishLogo.FlipdishLogo, { size: "sm" }) }) }), jsxRuntime.jsx("nav", { children: jsxRuntime.jsx("ul", { className: "flex items-center gap-0.5", children: items.map((item) => (jsxRuntime.jsx("li", { children: jsxRuntime.jsx(navButton.NavButton, { current: isActive(item), href: item.href, "data-testid": navItemTestId(item), children: item.label }) }, item.label))) }) }), (actions || centered) && jsxRuntime.jsx("div", { className: cx.cx('flex items-center gap-3', centered ? 'flex-1 justify-end' : 'ml-auto'), children: actions })] }) }), showSecondaryNav && (jsxRuntime.jsx("section", { className: cx.cx('flex w-full items-center justify-center bg-primary', !hideBorder && 'border-b border-secondary'), children: secondaryType === 'tabs' ? (jsxRuntime.jsx("div", { className: "w-full max-w-container px-8 pt-3", children: jsxRuntime.jsx(Tabs.Tabs, { selectedKey: activeTabKey, children: jsxRuntime.jsx(Tabs.TabList, { size: "sm", type: "underline", items: tabItems, className: "-mb-px before:hidden" }) }) })) : (jsxRuntime.jsxs("div", { className: cx.cx('flex h-16 w-full max-w-container items-center gap-8 px-8', centered ? 'justify-center' : 'justify-between'), children: [jsxRuntime.jsx("nav", { children: jsxRuntime.jsx("ul", { className: cx.cx('flex items-center gap-0.5', centered && 'justify-center'), children: activeSubNavItems.map((item) => (jsxRuntime.jsx("li", { children: jsxRuntime.jsx(navButton.NavButton, { href: item.href, current: isActive(item), "data-testid": subNavItemTestId(item), children: item.label }) }, item.label))) }) }), !centered && jsxRuntime.jsx(Input.Input, { shortcut: true, "aria-label": "Search", placeholder: "Search", icon: uiIcons.SearchLg, size: "sm", className: "max-w-70" })] })) }))] })] }));
 };
 
 exports.NavAccountCard = navAccountCard.NavAccountCard;

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/HeaderNavigation/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx","MobileNavigationHeader","FlipdishLogo","Input","SearchLg","NavList","NavItemBase","NavAccountCard","cx","NavButton","Tabs","TabList"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/HeaderNavigation/index.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","joinTestId","slugifyTestId","_jsxs","TestIdProvider","_jsx","MobileNavigationHeader","FlipdishLogo","Input","SearchLg","NavList","NavItemBase","NavAccountCard","cx","NavButton","Tabs","TabList"],"mappings":"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"}

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

@@ -31,6 +31,10 @@ type NavItem = {
     badge?: ReactNode;
     /** List of sub-items to display. */
     items?: NavItem[];
+    /** Stable id used to derive this item's `data-testid` (falls back to a slug of `label`). */
+    id?: string;
+    /** Overrides the derived `data-testid` for this item. */
+    'data-testid'?: string;
 };
 export interface HeaderNavigationBaseProps {
     /** URL of the currently active item. */
@@ -59,6 +63,11 @@ export interface HeaderNavigationBaseProps {
     footerItems?: NavItem[];
     /** Account configuration for the card at the bottom of the mobile drawer. When omitted the account card is not rendered. */
     account?: NavAccountData;
+    /**
+     * Overrides the root `data-testid`. Defaults to `fd-header-navigation`. Child
+     * elements derive their testids from this prefix (e.g. `<root>--nav-item-orders`).
+     */
+    'data-testid'?: string;
 }
-export declare const HeaderNavigationBase: ({ activeUrl, items, subItems, hideBorder, actions, centered, secondaryType, footerItems, account, }: HeaderNavigationBaseProps) => import("react").JSX.Element;
+export declare const HeaderNavigationBase: ({ activeUrl, items, subItems, hideBorder, actions, centered, secondaryType, footerItems, account, "data-testid": dataTestId, }: HeaderNavigationBaseProps) => import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/HeaderNavigation/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAkB,KAAK,sBAAsB,EAAE,KAAK,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAKjH,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,sBAAsB,EAAE,KAAK,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACjI,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,wDAAwD;IACxD,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,gFAAgF;IAChF,iBAAiB,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACrC,iDAAiD;IACjD,eAAe,CAAC,EAAE,sBAAsB,EAAE,CAAC;CAC5C,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,wBAAwB;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;CACnB,CAAC;AAUF,MAAM,WAAW,yBAAyB;IACxC,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,sEAAsE;IACtE,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAEnC,wFAAwF;IACxF,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC;IAExB,4HAA4H;IAC5H,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,eAAO,MAAM,oBAAoB,GAAI,qGAUlC,yBAAyB,gCAmH3B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/HeaderNavigation/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAkB,KAAK,sBAAsB,EAAE,KAAK,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAKjH,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,sBAAsB,EAAE,KAAK,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACjI,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,wDAAwD;IACxD,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,gFAAgF;IAChF,iBAAiB,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACrC,iDAAiD;IACjD,eAAe,CAAC,EAAE,sBAAsB,EAAE,CAAC;CAC5C,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iCAAiC;IACjC,IAAI,CAAC,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,wBAAwB;IACxB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,4FAA4F;IAC5F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAUF,MAAM,WAAW,yBAAyB;IACxC,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,sEAAsE;IACtE,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAEnC,wFAAwF;IACxF,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC;IAExB,4HAA4H;IAC5H,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,oBAAoB,GAAI,gIAWlC,yBAAyB,gCAmI3B,CAAC"}

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

@@ -1,9 +1,10 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { SearchLg } from '@flipdish/ui-icons';
 import { FlipdishLogo } from '@flipdish/ui-library/components/atoms/FlipdishLogo';
 import { Input } from '@flipdish/ui-library/components/atoms/Input';
 import { Tabs, TabList } from '@flipdish/ui-library/components/molecules/Tabs';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, joinTestId, TestIdProvider, slugifyTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { MobileNavigationHeader } from './components/mobile-header.js';
 import { NavAccountCard } from './components/nav-account-card.js';
 export { NavAccountMenu } from './components/nav-account-card.js';
@@ -21,8 +22,14 @@ const isItemActive = (href, activeUrl) => {
         return true;
     return false;
 };
-const HeaderNavigationBase = ({ activeUrl, items, subItems, hideBorder = false, actions, centered = false, secondaryType = 'buttons', footerItems = [], account, }) => {
+const HeaderNavigationBase = ({ activeUrl, items, subItems, hideBorder = false, actions, centered = false, secondaryType = 'buttons', footerItems = [], account, 'data-testid': dataTestId, }) => {
     const isActive = (item) => item.current ?? isItemActive(item.href, activeUrl);
+    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'header-navigation', rootName: 'header-navigation' });
+    // The mobile drawer and the desktop header both render the same nav items; re-root the
+    // drawer subtree under `drawer` so their derived testids don't collide in the DOM.
+    const drawerTestId = joinTestId(rootTestId, 'drawer');
+    const navItemTestId = (item, base = rootTestId) => item['data-testid'] ?? joinTestId(base, `nav-item-${item.id ?? slugifyTestId(item.label)}`);
+    const subNavItemTestId = (item) => item['data-testid'] ?? joinTestId(rootTestId, `sub-nav-${item.id ?? slugifyTestId(item.label)}`);
     const activeParent = items.find((item) => isActive(item) || item.items?.some((sub) => isItemActive(sub.href, activeUrl)));
     const activeSubNavItems = subItems || activeParent?.items;
     const showSecondaryNav = activeSubNavItems && activeSubNavItems.length > 0;
@@ -33,7 +40,7 @@ const HeaderNavigationBase = ({ activeUrl, items, subItems, hideBorder = false,
         }))
         : [];
     const activeTabKey = activeSubNavItems?.find((item) => isActive(item))?.label;
-    return (jsxs(Fragment, { children: [jsx(MobileNavigationHeader, { children: jsxs("aside", { className: "flex h-full max-w-full flex-col overflow-auto bg-primary pt-4", children: [jsxs("div", { className: "flex flex-col gap-5 px-4", children: [jsx(FlipdishLogo, { size: "sm" }), jsx(Input, { size: "md", "aria-label": "Search", placeholder: "Search", icon: SearchLg })] }), jsx(NavList, { items: items, activeUrl: activeUrl, className: "flex-1" }), (footerItems.length > 0 || account) && (jsxs("div", { className: "mt-auto flex flex-col gap-3 p-4", children: [footerItems.length > 0 && (jsx("div", { className: "flex flex-col", children: footerItems.map((item) => (jsx(NavItemBase, { type: "link", href: item.href, icon: item.icon, badge: item.badge, current: isActive(item), children: item.label }, item.label))) })), account && (jsx(NavAccountCard, { items: account.accounts, selectedAccountId: account.selectedAccountId, menuItems: account.menuItems, bottomMenuItems: account.bottomMenuItems }))] }))] }) }), jsxs("header", { className: "max-lg:hidden", children: [jsx("section", { className: cx('flex h-16 w-full items-center justify-center bg-primary', (!hideBorder || showSecondaryNav) && 'border-b border-secondary'), children: jsxs("div", { className: cx('flex w-full max-w-container items-center pr-3 pl-4 md:px-8', centered && 'gap-8'), children: [jsx("div", { className: cx('flex items-center', centered ? 'flex-1' : 'mr-4'), children: jsx("a", { "aria-label": "Go to homepage", href: "/", className: "rounded-xs outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: jsx(FlipdishLogo, { size: "sm" }) }) }), jsx("nav", { children: jsx("ul", { className: "flex items-center gap-0.5", children: items.map((item) => (jsx("li", { children: jsx(NavButton, { current: isActive(item), href: item.href, children: item.label }) }, item.label))) }) }), (actions || centered) && jsx("div", { className: cx('flex items-center gap-3', centered ? 'flex-1 justify-end' : 'ml-auto'), children: actions })] }) }), showSecondaryNav && (jsx("section", { className: cx('flex w-full items-center justify-center bg-primary', !hideBorder && 'border-b border-secondary'), children: secondaryType === 'tabs' ? (jsx("div", { className: "w-full max-w-container px-8 pt-3", children: jsx(Tabs, { selectedKey: activeTabKey, children: jsx(TabList, { size: "sm", type: "underline", items: tabItems, className: "-mb-px before:hidden" }) }) })) : (jsxs("div", { className: cx('flex h-16 w-full max-w-container items-center gap-8 px-8', centered ? 'justify-center' : 'justify-between'), children: [jsx("nav", { children: jsx("ul", { className: cx('flex items-center gap-0.5', centered && 'justify-center'), children: activeSubNavItems.map((item) => (jsx("li", { children: jsx(NavButton, { href: item.href, current: isActive(item), children: item.label }) }, item.label))) }) }), !centered && jsx(Input, { shortcut: true, "aria-label": "Search", placeholder: "Search", icon: SearchLg, size: "sm", className: "max-w-70" })] })) }))] })] }));
+    return (jsxs(TestIdProvider, { value: rootTestId, children: [jsx(MobileNavigationHeader, { testIdPrefix: rootTestId, children: jsxs("aside", { className: "flex h-full max-w-full flex-col overflow-auto bg-primary pt-4", children: [jsxs("div", { className: "flex flex-col gap-5 px-4", children: [jsx(FlipdishLogo, { size: "sm" }), jsx(Input, { size: "md", "aria-label": "Search", placeholder: "Search", icon: SearchLg })] }), jsx(NavList, { items: items, activeUrl: activeUrl, className: "flex-1", testIdPrefix: drawerTestId }), (footerItems.length > 0 || account) && (jsxs("div", { className: "mt-auto flex flex-col gap-3 p-4", children: [footerItems.length > 0 && (jsx("div", { className: "flex flex-col", children: footerItems.map((item) => (jsx(NavItemBase, { type: "link", href: item.href, icon: item.icon, badge: item.badge, current: isActive(item), "data-testid": navItemTestId(item, drawerTestId), children: item.label }, item.label))) })), account && (jsx(NavAccountCard, { items: account.accounts, selectedAccountId: account.selectedAccountId, menuItems: account.menuItems, bottomMenuItems: account.bottomMenuItems }))] }))] }) }), jsxs("header", { className: "max-lg:hidden", children: [jsx("section", { className: cx('flex h-16 w-full items-center justify-center bg-primary', (!hideBorder || showSecondaryNav) && 'border-b border-secondary'), children: jsxs("div", { className: cx('flex w-full max-w-container items-center pr-3 pl-4 md:px-8', centered && 'gap-8'), children: [jsx("div", { className: cx('flex items-center', centered ? 'flex-1' : 'mr-4'), children: jsx("a", { "aria-label": "Go to homepage", href: "/", className: "rounded-xs outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: jsx(FlipdishLogo, { size: "sm" }) }) }), jsx("nav", { children: jsx("ul", { className: "flex items-center gap-0.5", children: items.map((item) => (jsx("li", { children: jsx(NavButton, { current: isActive(item), href: item.href, "data-testid": navItemTestId(item), children: item.label }) }, item.label))) }) }), (actions || centered) && jsx("div", { className: cx('flex items-center gap-3', centered ? 'flex-1 justify-end' : 'ml-auto'), children: actions })] }) }), showSecondaryNav && (jsx("section", { className: cx('flex w-full items-center justify-center bg-primary', !hideBorder && 'border-b border-secondary'), children: secondaryType === 'tabs' ? (jsx("div", { className: "w-full max-w-container px-8 pt-3", children: jsx(Tabs, { selectedKey: activeTabKey, children: jsx(TabList, { size: "sm", type: "underline", items: tabItems, className: "-mb-px before:hidden" }) }) })) : (jsxs("div", { className: cx('flex h-16 w-full max-w-container items-center gap-8 px-8', centered ? 'justify-center' : 'justify-between'), children: [jsx("nav", { children: jsx("ul", { className: cx('flex items-center gap-0.5', centered && 'justify-center'), children: activeSubNavItems.map((item) => (jsx("li", { children: jsx(NavButton, { href: item.href, current: isActive(item), "data-testid": subNavItemTestId(item), children: item.label }) }, item.label))) }) }), !centered && jsx(Input, { shortcut: true, "aria-label": "Search", placeholder: "Search", icon: SearchLg, size: "sm", className: "max-w-70" })] })) }))] })] }));
 };
 
 export { HeaderNavigationBase, NavAccountCard, NavItemBase };

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

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

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

@@ -7,6 +7,7 @@ var FileTrigger = require('@flipdish/ui-library/components/atoms/FileTrigger');
 var UtilityButton = require('@flipdish/ui-library/components/atoms/UtilityButton');
 var Dropdown = require('@flipdish/ui-library/components/molecules/Dropdown');
 var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var React = require('react');
 var reactAriaComponents = require('react-aria-components');
 var imagePicker_utils = require('./imagePicker.utils.cjs');
@@ -32,6 +33,8 @@ const ImageCanvas = () => {
     const { state, actions } = imagePickerContext.useImageColorPicker();
     const canvasRef = React.useRef(null);
     const [image, setImage] = React.useState(null);
+    const prefix = testIdUtils.useTestIdPrefix();
+    const canvasTestId = prefix ? testIdUtils.joinTestId(prefix, 'canvas') : undefined;
     React.useEffect(() => {
         if (!state.imageFile) {
             setImage(null);
@@ -55,7 +58,7 @@ const ImageCanvas = () => {
         }
     }, [image, state.imageAdjustments, state.imageFillMode, state.imageRotation]);
     const handleFile = React.useCallback((file) => actions.setImageFile(file), [actions]);
-    return (jsxRuntime.jsx(reactAriaComponents.DropZone, { "aria-label": "Drop image to upload", className: ({ isDropTarget }) => cx.cx('relative flex aspect-square w-full cursor-pointer flex-col items-center justify-center overflow-hidden rounded-lg border-[0.5px] border-black/10 outline-hidden', isDropTarget && 'ring-2 ring-brand'), onDrop: (e) => {
+    return (jsxRuntime.jsx(reactAriaComponents.DropZone, { "aria-label": "Drop image to upload", "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'dropzone') : undefined, className: ({ isDropTarget }) => cx.cx('relative flex aspect-square w-full cursor-pointer flex-col items-center justify-center overflow-hidden rounded-lg border-[0.5px] border-black/10 outline-hidden', isDropTarget && 'ring-2 ring-brand'), onDrop: (e) => {
             const file = e.items.find((item) => item.kind === 'file');
             if (file && file.kind === 'file') {
                 file.getFile().then((f) => {
@@ -63,7 +66,7 @@ const ImageCanvas = () => {
                         handleFile(f);
                 });
             }
-        }, children: image ? (jsxRuntime.jsx("canvas", { ref: canvasRef, className: "absolute inset-0 size-full" })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { "aria-hidden": true, className: "absolute inset-0 rounded-lg", style: { backgroundImage: 'repeating-conic-gradient(#ccc 0% 25%, white 0% 50%)', backgroundSize: '32px 32px', opacity: 0.15 } }), jsxRuntime.jsx("div", { "aria-hidden": true, className: "absolute inset-0 rounded-lg bg-black/40" }), jsxRuntime.jsx("canvas", { ref: canvasRef, className: "hidden" }), jsxRuntime.jsxs("div", { className: "relative flex flex-col items-center gap-2", children: [jsxRuntime.jsx(FileTrigger.FileTrigger, { acceptedFileTypes: ['image/*'], onSelect: (files) => {
+        }, children: image ? (jsxRuntime.jsx("canvas", { ref: canvasRef, "data-testid": canvasTestId, className: "absolute inset-0 size-full" })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { "aria-hidden": true, className: "absolute inset-0 rounded-lg", style: { backgroundImage: 'repeating-conic-gradient(#ccc 0% 25%, white 0% 50%)', backgroundSize: '32px 32px', opacity: 0.15 } }), jsxRuntime.jsx("div", { "aria-hidden": true, className: "absolute inset-0 rounded-lg bg-black/40" }), jsxRuntime.jsx("canvas", { ref: canvasRef, className: "hidden" }), jsxRuntime.jsxs("div", { className: "relative flex flex-col items-center gap-2", children: [jsxRuntime.jsx(FileTrigger.FileTrigger, { acceptedFileTypes: ['image/*'], onSelect: (files) => {
                                 const f = files?.[0];
                                 if (f)
                                     handleFile(f);
@@ -72,7 +75,8 @@ const ImageCanvas = () => {
 /** Fill mode select */
 const FillModeSelect = () => {
     const { state, actions } = imagePickerContext.useImageColorPicker();
-    return (jsxRuntime.jsxs(Dropdown.Dropdown.Root, { children: [jsxRuntime.jsx(Button.Button, { size: "xs", color: "link-gray", iconTrailing: (props) => jsxRuntime.jsx(uiIcons.ChevronDown, { "data-icon": "trailing", ...props, className: "size-3! stroke-[2.5px]!" }), children: FILL_MODES.find((m) => m.id === state.imageFillMode)?.label }), jsxRuntime.jsx(Dropdown.Dropdown.Popover, { className: "w-32", children: jsxRuntime.jsx(Dropdown.Dropdown.Menu, { selectionMode: "single", selectedKeys: [state.imageFillMode], onSelectionChange: (keys) => {
+    const prefix = testIdUtils.useTestIdPrefix();
+    return (jsxRuntime.jsxs(Dropdown.Dropdown.Root, { children: [jsxRuntime.jsx(Button.Button, { size: "xs", color: "link-gray", "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'fill-mode-select') : undefined, iconTrailing: (props) => jsxRuntime.jsx(uiIcons.ChevronDown, { "data-icon": "trailing", ...props, className: "size-3! stroke-[2.5px]!" }), children: FILL_MODES.find((m) => m.id === state.imageFillMode)?.label }), jsxRuntime.jsx(Dropdown.Dropdown.Popover, { className: "w-32", children: jsxRuntime.jsx(Dropdown.Dropdown.Menu, { selectionMode: "single", selectedKeys: [state.imageFillMode], onSelectionChange: (keys) => {
                         const k = [...keys][0];
                         if (k)
                             actions.setFillMode(k);
@@ -81,12 +85,14 @@ const FillModeSelect = () => {
 /** Adjustment sliders */
 const AdjustmentSliders = () => {
     const { state, actions } = imagePickerContext.useImageColorPicker();
-    return (jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: ADJUSTMENT_LABELS.map(({ key, label }) => (jsxRuntime.jsx(AdjustmentSlider, { label: label, value: state.imageAdjustments[key], onChange: (v) => actions.setAdjustments({ ...state.imageAdjustments, [key]: v }) }, key))) }));
+    const prefix = testIdUtils.useTestIdPrefix();
+    return (jsxRuntime.jsx("div", { className: "flex flex-col gap-4", children: ADJUSTMENT_LABELS.map(({ key, label }) => (jsxRuntime.jsx(AdjustmentSlider, { label: label, value: state.imageAdjustments[key], "data-testid": prefix ? testIdUtils.joinTestId(prefix, `adjustment-${key}`) : undefined, onChange: (v) => actions.setAdjustments({ ...state.imageAdjustments, [key]: v }) }, key))) }));
 };
 /** Image preset — all-in-one layout */
 const ColorPickerImage = () => {
     const { actions } = imagePickerContext.useImageColorPicker();
-    return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [jsxRuntime.jsx(ImageCanvas, {}), jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [jsxRuntime.jsx(FillModeSelect, {}), jsxRuntime.jsx(UtilityButton.ButtonUtility, { icon: uiIcons.RefreshCw01, size: "sm", color: "tertiary", tooltip: "Rotate image", onClick: () => actions.rotateImage() })] }), jsxRuntime.jsx(AdjustmentSliders, {})] })] }));
+    const prefix = testIdUtils.useTestIdPrefix();
+    return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", "data-testid": prefix, children: [jsxRuntime.jsx(ImageCanvas, {}), jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [jsxRuntime.jsx(FillModeSelect, {}), jsxRuntime.jsx(UtilityButton.ButtonUtility, { icon: uiIcons.RefreshCw01, size: "sm", color: "tertiary", tooltip: "Rotate image", "data-testid": prefix ? testIdUtils.joinTestId(prefix, 'rotate') : undefined, onClick: () => actions.rotateImage() })] }), jsxRuntime.jsx(AdjustmentSliders, {})] })] }));
 };
 const ImagePicker = Object.assign(ColorPickerImage, {
     Provider: imagePickerContext.ImageProvider,

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/ImagePicker/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaSlider","cx","_jsx","AriaSliderTrack","AriaSliderThumb","useImageColorPicker","useRef","useState","useEffect","applyImageFilters","useCallback","AriaDropZone","FileTrigger","Button","UploadCloud02","Dropdown","ChevronDown","ButtonUtility","RefreshCw01","ImageProvider"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/ImagePicker/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaSlider","cx","_jsx","AriaSliderTrack","AriaSliderThumb","useImageColorPicker","useRef","useState","useTestIdPrefix","joinTestId","useEffect","applyImageFilters","useCallback","AriaDropZone","_Fragment","FileTrigger","Button","UploadCloud02","Dropdown","ChevronDown","ButtonUtility","RefreshCw01","ImageProvider"],"mappings":";;;;;;;;;;;;;;;AAqBA,MAAM,UAAU,GAA2C;AACzD,IAAA,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC7B,IAAA,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;AAC3B,IAAA,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC7B,IAAA,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;CAC9B;AAED,MAAM,iBAAiB,GAAqD;AAC1E,IAAA,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;AACtC,IAAA,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;AACtC,IAAA,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;AAC1C,IAAA,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;AAC5C,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;AAC1C,IAAA,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;CACrC;AAQD,MAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,GAAG,GAAG,EAAE,GAAG,KAAK,EAAyB,MACnGA,eAAA,CAACC,0BAAU,EAAA,EAAA,GACL,KAAK,EAAA,YAAA,EACG,KAAK,EACjB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,CAAC,KAAK,KAAKC,KAAE,CAAC,yBAAyB,EAAE,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAAA,CAErIC,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,wDAAwD,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,EACvFA,cAAA,CAACC,+BAAe,EAAA,EAAC,SAAS,EAAC,mFAAmF,EAAA,QAAA,EAC5GD,cAAA,CAACE,+BAAe,IACd,SAAS,EAAE,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,KACxCH,KAAE,CACA,oHAAoH,EACpH,cAAc,IAAI,4BAA4B,EAC9C,UAAU,IAAI,iBAAiB,CAChC,EAAA,CAEH,EAAA,CACc,CAAA,EAAA,CACP,CACd;AAED,MAAM,WAAW,GAAG,MAAK;IACvB,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAGI,sCAAmB,EAAE;AAChD,IAAA,MAAM,SAAS,GAAGC,YAAM,CAAoB,IAAI,CAAC;IACjD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,cAAQ,CAA0B,IAAI,CAAC;AACjE,IAAA,MAAM,MAAM,GAAGC,2BAAe,EAAE;AAChC,IAAA,MAAM,YAAY,GAAG,MAAM,GAAGC,sBAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,SAAS;IAEtEC,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACpB,QAAQ,CAAC,IAAI,CAAC;YACd;QACF;QACA,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,KAAK,CAAC,SAAS,CAAC;AAChD,QAAA,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE;QACvB,GAAG,CAAC,MAAM,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC;AAChC,QAAA,GAAG,CAAC,GAAG,GAAG,GAAG;QACb,OAAO,MAAM,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC;AACvC,IAAA,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAErBA,eAAS,CAAC,MAAK;AACb,QAAA,IAAI,KAAK,IAAI,SAAS,CAAC,OAAO,EAAE;AAC9B,YAAA,MAAM,GAAG,GAAG,MAAM,CAAC,gBAAgB,IAAI,CAAC;YACxC,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,qBAAqB,EAAE;AACtD,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,IAAI,GAAG;AAClC,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,IAAI,GAAG;YACnC,SAAS,CAAC,OAAO,CAAC,KAAK,GAAG,QAAQ,GAAG,GAAG;YACxC,SAAS,CAAC,OAAO,CAAC,MAAM,GAAG,QAAQ,GAAG,GAAG;AACzC,YAAAC,mCAAiB,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC;QAC/G;AACF,IAAA,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,gBAAgB,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAE7E,MAAM,UAAU,GAAGC,iBAAW,CAAC,CAAC,IAAU,KAAK,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAErF,QACEV,eAACW,4BAAY,EAAA,EAAA,YAAA,EACA,sBAAsB,EAAA,aAAA,EACpB,MAAM,GAAGJ,sBAAU,CAAC,MAAM,EAAE,UAAU,CAAC,GAAG,SAAS,EAChE,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,KAC1BR,KAAE,CACA,iKAAiK,EACjK,YAAY,IAAI,mBAAmB,CACpC,EAEH,MAAM,EAAE,CAAC,CAAC,KAAI;AACZ,YAAA,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC;YACzD,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;gBAChC,IAAI,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,KAAI;AACxB,oBAAA,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;wBAAE,UAAU,CAAC,CAAC,CAAC;AAChD,gBAAA,CAAC,CAAC;YACJ;AACF,QAAA,CAAC,YAEA,KAAK,IACJC,cAAA,CAAA,QAAA,EAAA,EAAQ,GAAG,EAAE,SAAS,iBAAe,YAAY,EAAE,SAAS,EAAC,4BAA4B,GAAG,KAE5FH,eAAA,CAAAe,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEZ,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAEE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,EAAE,eAAe,EAAE,qDAAqD,EAAE,cAAc,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,EAAA,CAC7H,EACFA,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAiB,SAAS,EAAC,yCAAyC,EAAA,CAAG,EACvEA,cAAA,CAAA,QAAA,EAAA,EAAQ,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,QAAQ,EAAA,CAAG,EAC7CH,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAA,CACxDG,cAAA,CAACa,uBAAW,IACV,iBAAiB,EAAE,CAAC,SAAS,CAAC,EAC9B,QAAQ,EAAE,CAAC,KAAK,KAAI;AAClB,gCAAA,MAAM,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;AACpB,gCAAA,IAAI,CAAC;oCAAE,UAAU,CAAC,CAAC,CAAC;AACtB,4BAAA,CAAC,EAAA,QAAA,EAEDb,cAAA,CAACc,aAAM,EAAA,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAC,WAAW,EAAEC,qBAAa,EAAE,SAAS,EAAC,kDAAkD,EAAA,QAAA,EAAA,iBAAA,EAAA,CAEnH,EAAA,CACG,EACdf,sBAAG,SAAS,EAAC,kCAAkC,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAqB,CAAA,EAAA,CAChE,CAAA,EAAA,CACL,CACJ,EAAA,CACY;AAEnB,CAAC;AAED;AACO,MAAM,cAAc,GAAG,MAAK;IACjC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAGG,sCAAmB,EAAE;AAChD,IAAA,MAAM,MAAM,GAAGG,2BAAe,EAAE;IAEhC,QACET,gBAACmB,iBAAQ,CAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACZhB,cAAA,CAACc,aAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,WAAW,EAAA,aAAA,EACJ,MAAM,GAAGP,sBAAU,CAAC,MAAM,EAAE,kBAAkB,CAAC,GAAG,SAAS,EACxE,YAAY,EAAE,CAAC,KAAK,KAAKP,cAAA,CAACiB,mBAAW,EAAA,EAAA,WAAA,EAAW,UAAU,EAAA,GAAK,KAAK,EAAE,SAAS,EAAC,yBAAyB,EAAA,CAAG,EAAA,QAAA,EAE3G,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,aAAa,CAAC,EAAE,KAAK,EAAA,CACrD,EAETjB,cAAA,CAACgB,iBAAQ,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAChChB,eAACgB,iBAAQ,CAAC,IAAI,EAAA,EACZ,aAAa,EAAC,QAAQ,EACtB,YAAY,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,EACnC,iBAAiB,EAAE,CAAC,IAAI,KAAI;wBAC1B,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAkB;AACvC,wBAAA,IAAI,CAAC;AAAE,4BAAA,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;AAC/B,oBAAA,CAAC,YAEA,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,MAChBhB,cAAA,CAACgB,iBAAQ,CAAC,IAAI,EAAA,EAAY,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAA,EAA9B,CAAC,CAAC,EAAE,CAA8B,CACvD,CAAC,GACY,EAAA,CACC,CAAA,EAAA,CACL;AAEpB;AAEA;AACO,MAAM,iBAAiB,GAAG,MAAK;IACpC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAGb,sCAAmB,EAAE;AAChD,IAAA,MAAM,MAAM,GAAGG,2BAAe,EAAE;AAEhC,IAAA,QACEN,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EACjC,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,MACpCA,cAAA,CAAC,gBAAgB,IAEf,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAA,aAAA,EACrB,MAAM,GAAGO,sBAAU,CAAC,MAAM,EAAE,cAAc,GAAG,CAAA,CAAE,CAAC,GAAG,SAAS,EACzE,QAAQ,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,cAAc,CAAC,EAAE,GAAG,KAAK,CAAC,gBAAgB,EAAE,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC,IAJ3E,GAAG,CAKR,CACH,CAAC,EAAA,CACE;AAEV;AAEA;AACO,MAAM,gBAAgB,GAAG,MAAK;AACnC,IAAA,MAAM,EAAE,OAAO,EAAE,GAAGJ,sCAAmB,EAAE;AACzC,IAAA,MAAM,MAAM,GAAGG,2BAAe,EAAE;AAEhC,IAAA,QACET,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,iBAAc,MAAM,EAAA,QAAA,EAAA,CACtDG,cAAA,CAAC,WAAW,KAAG,EACfH,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA,QAAA,EAAA,CAClCA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAA,CAChDG,cAAA,CAAC,cAAc,EAAA,EAAA,CAAG,EAClBA,cAAA,CAACkB,2BAAa,EAAA,EACZ,IAAI,EAAEC,mBAAW,EACjB,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,UAAU,EAChB,OAAO,EAAC,cAAc,EAAA,aAAA,EACT,MAAM,GAAGZ,sBAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,SAAS,EAC9D,OAAO,EAAE,MAAM,OAAO,CAAC,WAAW,EAAE,EAAA,CACpC,CAAA,EAAA,CACE,EACNP,cAAA,CAAC,iBAAiB,KAAG,CAAA,EAAA,CACjB,CAAA,EAAA,CACF;AAEV;AAEA,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE;AAClD,IAAA,QAAQ,EAAEoB,gCAAa;IACvB,cAAc;IACd,iBAAiB;AAClB,CAAA;;;;;;;"}

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

@@ -5,7 +5,7 @@ export declare const AdjustmentSliders: () => import("react").JSX.Element;
 /** Image preset — all-in-one layout */
 export declare const ColorPickerImage: () => import("react").JSX.Element;
 declare const ImagePicker: (() => import("react").JSX.Element) & {
-    Provider: ({ onImageChange, onAdjustmentsChange, children }: import("./providers/image-picker-context").ImageProviderProps) => import("react").JSX.Element;
+    Provider: ({ onImageChange, onAdjustmentsChange, children, "data-testid": dataTestId }: import("./providers/image-picker-context").ImageProviderProps) => import("react").JSX.Element;
     FillModeSelect: () => import("react").JSX.Element;
     AdjustmentSliders: () => import("react").JSX.Element;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ImagePicker/index.tsx"],"names":[],"mappings":"AAgJA,uBAAuB;AACvB,eAAO,MAAM,cAAc,mCA6B1B,CAAC;AAEF,yBAAyB;AACzB,eAAO,MAAM,iBAAiB,mCAe7B,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,gBAAgB,mCAe5B,CAAC;AAEF,QAAA,MAAM,WAAW;;;;CAIf,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/ImagePicker/index.tsx"],"names":[],"mappings":"AAsJA,uBAAuB;AACvB,eAAO,MAAM,cAAc,mCA+B1B,CAAC;AAEF,yBAAyB;AACzB,eAAO,MAAM,iBAAiB,mCAiB7B,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,gBAAgB,mCAuB5B,CAAC;AAEF,QAAA,MAAM,WAAW;;;;CAIf,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC"}

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

@@ -5,6 +5,7 @@ import { FileTrigger } from '@flipdish/ui-library/components/atoms/FileTrigger';
 import { ButtonUtility } from '@flipdish/ui-library/components/atoms/UtilityButton';
 import { Dropdown } from '@flipdish/ui-library/components/molecules/Dropdown';
 import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useTestIdPrefix, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
 import { useRef, useState, useEffect, useCallback } from 'react';
 import { DropZone, Slider, SliderTrack, SliderThumb } from 'react-aria-components';
 import { applyImageFilters } from './imagePicker.utils.js';
@@ -30,6 +31,8 @@ const ImageCanvas = () => {
     const { state, actions } = useImageColorPicker();
     const canvasRef = useRef(null);
     const [image, setImage] = useState(null);
+    const prefix = useTestIdPrefix();
+    const canvasTestId = prefix ? joinTestId(prefix, 'canvas') : undefined;
     useEffect(() => {
         if (!state.imageFile) {
             setImage(null);
@@ -53,7 +56,7 @@ const ImageCanvas = () => {
         }
     }, [image, state.imageAdjustments, state.imageFillMode, state.imageRotation]);
     const handleFile = useCallback((file) => actions.setImageFile(file), [actions]);
-    return (jsx(DropZone, { "aria-label": "Drop image to upload", className: ({ isDropTarget }) => cx('relative flex aspect-square w-full cursor-pointer flex-col items-center justify-center overflow-hidden rounded-lg border-[0.5px] border-black/10 outline-hidden', isDropTarget && 'ring-2 ring-brand'), onDrop: (e) => {
+    return (jsx(DropZone, { "aria-label": "Drop image to upload", "data-testid": prefix ? joinTestId(prefix, 'dropzone') : undefined, className: ({ isDropTarget }) => cx('relative flex aspect-square w-full cursor-pointer flex-col items-center justify-center overflow-hidden rounded-lg border-[0.5px] border-black/10 outline-hidden', isDropTarget && 'ring-2 ring-brand'), onDrop: (e) => {
             const file = e.items.find((item) => item.kind === 'file');
             if (file && file.kind === 'file') {
                 file.getFile().then((f) => {
@@ -61,7 +64,7 @@ const ImageCanvas = () => {
                         handleFile(f);
                 });
             }
-        }, children: image ? (jsx("canvas", { ref: canvasRef, className: "absolute inset-0 size-full" })) : (jsxs(Fragment, { children: [jsx("div", { "aria-hidden": true, className: "absolute inset-0 rounded-lg", style: { backgroundImage: 'repeating-conic-gradient(#ccc 0% 25%, white 0% 50%)', backgroundSize: '32px 32px', opacity: 0.15 } }), jsx("div", { "aria-hidden": true, className: "absolute inset-0 rounded-lg bg-black/40" }), jsx("canvas", { ref: canvasRef, className: "hidden" }), jsxs("div", { className: "relative flex flex-col items-center gap-2", children: [jsx(FileTrigger, { acceptedFileTypes: ['image/*'], onSelect: (files) => {
+        }, children: image ? (jsx("canvas", { ref: canvasRef, "data-testid": canvasTestId, className: "absolute inset-0 size-full" })) : (jsxs(Fragment, { children: [jsx("div", { "aria-hidden": true, className: "absolute inset-0 rounded-lg", style: { backgroundImage: 'repeating-conic-gradient(#ccc 0% 25%, white 0% 50%)', backgroundSize: '32px 32px', opacity: 0.15 } }), jsx("div", { "aria-hidden": true, className: "absolute inset-0 rounded-lg bg-black/40" }), jsx("canvas", { ref: canvasRef, className: "hidden" }), jsxs("div", { className: "relative flex flex-col items-center gap-2", children: [jsx(FileTrigger, { acceptedFileTypes: ['image/*'], onSelect: (files) => {
                                 const f = files?.[0];
                                 if (f)
                                     handleFile(f);
@@ -70,7 +73,8 @@ const ImageCanvas = () => {
 /** Fill mode select */
 const FillModeSelect = () => {
     const { state, actions } = useImageColorPicker();
-    return (jsxs(Dropdown.Root, { children: [jsx(Button, { size: "xs", color: "link-gray", iconTrailing: (props) => jsx(ChevronDown, { "data-icon": "trailing", ...props, className: "size-3! stroke-[2.5px]!" }), children: FILL_MODES.find((m) => m.id === state.imageFillMode)?.label }), jsx(Dropdown.Popover, { className: "w-32", children: jsx(Dropdown.Menu, { selectionMode: "single", selectedKeys: [state.imageFillMode], onSelectionChange: (keys) => {
+    const prefix = useTestIdPrefix();
+    return (jsxs(Dropdown.Root, { children: [jsx(Button, { size: "xs", color: "link-gray", "data-testid": prefix ? joinTestId(prefix, 'fill-mode-select') : undefined, iconTrailing: (props) => jsx(ChevronDown, { "data-icon": "trailing", ...props, className: "size-3! stroke-[2.5px]!" }), children: FILL_MODES.find((m) => m.id === state.imageFillMode)?.label }), jsx(Dropdown.Popover, { className: "w-32", children: jsx(Dropdown.Menu, { selectionMode: "single", selectedKeys: [state.imageFillMode], onSelectionChange: (keys) => {
                         const k = [...keys][0];
                         if (k)
                             actions.setFillMode(k);
@@ -79,12 +83,14 @@ const FillModeSelect = () => {
 /** Adjustment sliders */
 const AdjustmentSliders = () => {
     const { state, actions } = useImageColorPicker();
-    return (jsx("div", { className: "flex flex-col gap-4", children: ADJUSTMENT_LABELS.map(({ key, label }) => (jsx(AdjustmentSlider, { label: label, value: state.imageAdjustments[key], onChange: (v) => actions.setAdjustments({ ...state.imageAdjustments, [key]: v }) }, key))) }));
+    const prefix = useTestIdPrefix();
+    return (jsx("div", { className: "flex flex-col gap-4", children: ADJUSTMENT_LABELS.map(({ key, label }) => (jsx(AdjustmentSlider, { label: label, value: state.imageAdjustments[key], "data-testid": prefix ? joinTestId(prefix, `adjustment-${key}`) : undefined, onChange: (v) => actions.setAdjustments({ ...state.imageAdjustments, [key]: v }) }, key))) }));
 };
 /** Image preset — all-in-one layout */
 const ColorPickerImage = () => {
     const { actions } = useImageColorPicker();
-    return (jsxs("div", { className: "flex flex-col gap-4", children: [jsx(ImageCanvas, {}), jsxs("div", { className: "flex flex-col gap-3", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsx(FillModeSelect, {}), jsx(ButtonUtility, { icon: RefreshCw01, size: "sm", color: "tertiary", tooltip: "Rotate image", onClick: () => actions.rotateImage() })] }), jsx(AdjustmentSliders, {})] })] }));
+    const prefix = useTestIdPrefix();
+    return (jsxs("div", { className: "flex flex-col gap-4", "data-testid": prefix, children: [jsx(ImageCanvas, {}), jsxs("div", { className: "flex flex-col gap-3", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsx(FillModeSelect, {}), jsx(ButtonUtility, { icon: RefreshCw01, size: "sm", color: "tertiary", tooltip: "Rotate image", "data-testid": prefix ? joinTestId(prefix, 'rotate') : undefined, onClick: () => actions.rotateImage() })] }), jsx(AdjustmentSliders, {})] })] }));
 };
 const ImagePicker = Object.assign(ColorPickerImage, {
     Provider: ImageProvider,

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

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

package/dist/components/organisms/ImagePicker/providers/image-picker-context.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
 var React = require('react');
 var imagePicker_utils = require('../imagePicker.utils.cjs');
 
@@ -21,7 +22,7 @@ const createImageActions = (setState) => ({
     rotateImage: () => setState((s) => ({ ...s, imageRotation: (s.imageRotation + 90) % 360 })),
 });
 /** Image color state provider. */
-const ImageProvider = ({ onImageChange, onAdjustmentsChange, children }) => {
+const ImageProvider = ({ onImageChange, onAdjustmentsChange, children, 'data-testid': dataTestId }) => {
     const [state, setState] = React.useState(() => ({
         imageFile: null,
         imageFillMode: 'fill',
@@ -37,7 +38,8 @@ const ImageProvider = ({ onImageChange, onAdjustmentsChange, children }) => {
             onAdjustmentsChange?.(state.imageAdjustments);
         prev.current = state;
     });
-    return jsxRuntime.jsx(ImageColorPickerProvider, { value: { state, actions }, children: children });
+    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'image-picker', rootName: 'image-picker' });
+    return (jsxRuntime.jsx(testIdUtils.TestIdProvider, { value: rootTestId, children: jsxRuntime.jsx(ImageColorPickerProvider, { value: { state, actions }, children: children }) }));
 };
 
 exports.ImageColorPickerProvider = ImageColorPickerProvider;

package/dist/components/organisms/ImagePicker/providers/image-picker-context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"image-picker-context.cjs","sources":["../../../../../src/components/organisms/ImagePicker/providers/image-picker-context.tsx"],"sourcesContent":[null],"names":["createContext","useContext","DEFAULT_ADJUSTMENTS","useState","useMemo","useRef","useEffect","_jsx"],"mappings":";;;;;;AAsCA,MAAM,uBAAuB,GAAGA,mBAAa,CAAsC,IAAI,CAAC;AACjF,MAAM,wBAAwB,GAAG,uBAAuB,CAAC;AAEzD,MAAM,mBAAmB,GAAG,MAAmC;AACpE,IAAA,MAAM,GAAG,GAAGC,gBAAU,CAAC,uBAAuB,CAAC;AAC/C,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,qEAAqE,CAAC;AAChG,IAAA,OAAO,GAAG;AACZ;AAEA;MACa,kBAAkB,GAAG,CAAC,QAAqE,MAA+B;IACrI,YAAY,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACpE,WAAW,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACvE,cAAc,EAAE,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC,CAAC;IAC3F,gBAAgB,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB,EAAEC,qCAAmB,EAAE,CAAC,CAAC;AAC1F,IAAA,WAAW,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,aAAa,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AAC5F,CAAA;AAWD;AACO,MAAM,aAAa,GAAG,CAAC,EAAE,aAAa,EAAE,mBAAmB,EAAE,QAAQ,EAAsB,KAAI;IACpG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,cAAQ,CAAwB,OAAO;AAC/D,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,gBAAgB,EAAED,qCAAmB;AACrC,QAAA,aAAa,EAAE,CAAC;AACjB,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,OAAO,GAAGE,aAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;AAE/D,IAAA,MAAM,IAAI,GAAGC,YAAM,CAAC,KAAK,CAAC;IAC1BC,eAAS,CAAC,MAAK;QACb,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC,SAAS;AAAE,YAAA,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC;QAChF,IAAI,KAAK,CAAC,gBAAgB,KAAK,IAAI,CAAC,OAAO,CAAC,gBAAgB;AAAE,YAAA,mBAAmB,GAAG,KAAK,CAAC,gBAAgB,CAAC;AAC3G,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACtB,IAAA,CAAC,CAAC;AAEF,IAAA,OAAOC,cAAA,CAAC,wBAAwB,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,QAAA,EAAG,QAAQ,GAA4B;AACnG;;;;;;;"}
+{"version":3,"file":"image-picker-context.cjs","sources":["../../../../../src/components/organisms/ImagePicker/providers/image-picker-context.tsx"],"sourcesContent":[null],"names":["createContext","useContext","DEFAULT_ADJUSTMENTS","useState","useMemo","useRef","useEffect","useResolvedTestId","_jsx","TestIdProvider"],"mappings":";;;;;;;AAuCA,MAAM,uBAAuB,GAAGA,mBAAa,CAAsC,IAAI,CAAC;AACjF,MAAM,wBAAwB,GAAG,uBAAuB,CAAC;AAEzD,MAAM,mBAAmB,GAAG,MAAmC;AACpE,IAAA,MAAM,GAAG,GAAGC,gBAAU,CAAC,uBAAuB,CAAC;AAC/C,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,qEAAqE,CAAC;AAChG,IAAA,OAAO,GAAG;AACZ;AAEA;MACa,kBAAkB,GAAG,CAAC,QAAqE,MAA+B;IACrI,YAAY,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACpE,WAAW,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACvE,cAAc,EAAE,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC,CAAC;IAC3F,gBAAgB,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB,EAAEC,qCAAmB,EAAE,CAAC,CAAC;AAC1F,IAAA,WAAW,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,aAAa,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AAC5F,CAAA;AAiBD;AACO,MAAM,aAAa,GAAG,CAAC,EAAE,aAAa,EAAE,mBAAmB,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAsB,KAAI;IAC/H,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,cAAQ,CAAwB,OAAO;AAC/D,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,gBAAgB,EAAED,qCAAmB;AACrC,QAAA,aAAa,EAAE,CAAC;AACjB,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,OAAO,GAAGE,aAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;AAE/D,IAAA,MAAM,IAAI,GAAGC,YAAM,CAAC,KAAK,CAAC;IAC1BC,eAAS,CAAC,MAAK;QACb,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC,SAAS;AAAE,YAAA,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC;QAChF,IAAI,KAAK,CAAC,gBAAgB,KAAK,IAAI,CAAC,OAAO,CAAC,gBAAgB;AAAE,YAAA,mBAAmB,GAAG,KAAK,CAAC,gBAAgB,CAAC;AAC3G,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACtB,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAGC,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;IAE/G,QACEC,eAACC,0BAAc,EAAA,EAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EAC/BD,cAAA,CAAC,wBAAwB,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAAG,QAAQ,EAAA,CAA4B,EAAA,CAC3E;AAErB;;;;;;;"}

package/dist/components/organisms/ImagePicker/providers/image-picker-context.d.ts

@@ -39,7 +39,13 @@ export interface ImageProviderProps {
     /** Called when image adjustments change. */
     onAdjustmentsChange?: (adjustments: ImageAdjustments) => void;
     children: ReactNode;
+    /**
+     * Overrides the derived root `data-testid` (defaults to `fd-image-picker`).
+     * `ImagePicker.FillModeSelect` and `ImagePicker.AdjustmentSliders` derive their
+     * ids from this prefix.
+     */
+    'data-testid'?: string;
 }
 /** Image color state provider. */
-export declare const ImageProvider: ({ onImageChange, onAdjustmentsChange, children }: ImageProviderProps) => import("react").JSX.Element;
+export declare const ImageProvider: ({ onImageChange, onAdjustmentsChange, children, "data-testid": dataTestId }: ImageProviderProps) => import("react").JSX.Element;
 //# sourceMappingURL=image-picker-context.d.ts.map

package/dist/components/organisms/ImagePicker/providers/image-picker-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-picker-context.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/ImagePicker/providers/image-picker-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG5E,gCAAgC;AAChC,MAAM,WAAW,qBAAqB;IACpC,yCAAyC;IACzC,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,0DAA0D;IAC1D,aAAa,EAAE,aAAa,CAAC;IAC7B,0DAA0D;IAC1D,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,mDAAmD;IACnD,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,0CAA0C;AAC1C,MAAM,WAAW,uBAAuB;IACtC,mCAAmC;IACnC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,8DAA8D;IAC9D,WAAW,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,8DAA8D;IAC9D,cAAc,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,qDAAqD;IACrD,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,sCAAsC;IACtC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,qBAAqB,CAAC;IAC7B,OAAO,EAAE,uBAAuB,CAAC;CAClC;AAGD,eAAO,MAAM,wBAAwB,+DAAmC,CAAC;AAEzE,eAAO,MAAM,mBAAmB,QAAO,4BAItC,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,kBAAkB,GAAI,UAAU,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,KAAG,uBAMzG,CAAC;AAEH,gDAAgD;AAChD,MAAM,WAAW,kBAAkB;IACjC,wDAAwD;IACxD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,kCAAkC;AAClC,eAAO,MAAM,aAAa,GAAI,kDAAkD,kBAAkB,gCAiBjG,CAAC"}
+{"version":3,"file":"image-picker-context.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/ImagePicker/providers/image-picker-context.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG5E,gCAAgC;AAChC,MAAM,WAAW,qBAAqB;IACpC,yCAAyC;IACzC,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,0DAA0D;IAC1D,aAAa,EAAE,aAAa,CAAC;IAC7B,0DAA0D;IAC1D,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,mDAAmD;IACnD,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,0CAA0C;AAC1C,MAAM,WAAW,uBAAuB;IACtC,mCAAmC;IACnC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,8DAA8D;IAC9D,WAAW,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,8DAA8D;IAC9D,cAAc,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,qDAAqD;IACrD,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,sCAAsC;IACtC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,qBAAqB,CAAC;IAC7B,OAAO,EAAE,uBAAuB,CAAC;CAClC;AAGD,eAAO,MAAM,wBAAwB,+DAAmC,CAAC;AAEzE,eAAO,MAAM,mBAAmB,QAAO,4BAItC,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,kBAAkB,GAAI,UAAU,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,KAAG,uBAMzG,CAAC;AAEH,gDAAgD;AAChD,MAAM,WAAW,kBAAkB;IACjC,wDAAwD;IACxD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC9D,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,kCAAkC;AAClC,eAAO,MAAM,aAAa,GAAI,6EAA6E,kBAAkB,gCAuB5H,CAAC"}

package/dist/components/organisms/ImagePicker/providers/image-picker-context.js

@@ -1,4 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
+import { useResolvedTestId, TestIdProvider } from '@flipdish/ui-library/utilities/testIdUtils';
 import { createContext, useState, useMemo, useRef, useEffect, useContext } from 'react';
 import { DEFAULT_ADJUSTMENTS } from '../imagePicker.utils.js';
 
@@ -19,7 +20,7 @@ const createImageActions = (setState) => ({
     rotateImage: () => setState((s) => ({ ...s, imageRotation: (s.imageRotation + 90) % 360 })),
 });
 /** Image color state provider. */
-const ImageProvider = ({ onImageChange, onAdjustmentsChange, children }) => {
+const ImageProvider = ({ onImageChange, onAdjustmentsChange, children, 'data-testid': dataTestId }) => {
     const [state, setState] = useState(() => ({
         imageFile: null,
         imageFillMode: 'fill',
@@ -35,7 +36,8 @@ const ImageProvider = ({ onImageChange, onAdjustmentsChange, children }) => {
             onAdjustmentsChange?.(state.imageAdjustments);
         prev.current = state;
     });
-    return jsx(ImageColorPickerProvider, { value: { state, actions }, children: children });
+    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'image-picker', rootName: 'image-picker' });
+    return (jsx(TestIdProvider, { value: rootTestId, children: jsx(ImageColorPickerProvider, { value: { state, actions }, children: children }) }));
 };
 
 export { ImageColorPickerProvider, ImageProvider, createImageActions, useImageColorPicker };

package/dist/components/organisms/ImagePicker/providers/image-picker-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-picker-context.js","sources":["../../../../../src/components/organisms/ImagePicker/providers/image-picker-context.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAsCA,MAAM,uBAAuB,GAAG,aAAa,CAAsC,IAAI,CAAC;AACjF,MAAM,wBAAwB,GAAG,uBAAuB,CAAC;AAEzD,MAAM,mBAAmB,GAAG,MAAmC;AACpE,IAAA,MAAM,GAAG,GAAG,UAAU,CAAC,uBAAuB,CAAC;AAC/C,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,qEAAqE,CAAC;AAChG,IAAA,OAAO,GAAG;AACZ;AAEA;MACa,kBAAkB,GAAG,CAAC,QAAqE,MAA+B;IACrI,YAAY,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACpE,WAAW,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACvE,cAAc,EAAE,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC,CAAC;IAC3F,gBAAgB,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC,CAAC;AAC1F,IAAA,WAAW,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,aAAa,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AAC5F,CAAA;AAWD;AACO,MAAM,aAAa,GAAG,CAAC,EAAE,aAAa,EAAE,mBAAmB,EAAE,QAAQ,EAAsB,KAAI;IACpG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAwB,OAAO;AAC/D,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,gBAAgB,EAAE,mBAAmB;AACrC,QAAA,aAAa,EAAE,CAAC;AACjB,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;AAE/D,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;IAC1B,SAAS,CAAC,MAAK;QACb,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC,SAAS;AAAE,YAAA,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC;QAChF,IAAI,KAAK,CAAC,gBAAgB,KAAK,IAAI,CAAC,OAAO,CAAC,gBAAgB;AAAE,YAAA,mBAAmB,GAAG,KAAK,CAAC,gBAAgB,CAAC;AAC3G,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACtB,IAAA,CAAC,CAAC;AAEF,IAAA,OAAOA,GAAA,CAAC,wBAAwB,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,QAAA,EAAG,QAAQ,GAA4B;AACnG;;;;"}
+{"version":3,"file":"image-picker-context.js","sources":["../../../../../src/components/organisms/ImagePicker/providers/image-picker-context.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAuCA,MAAM,uBAAuB,GAAG,aAAa,CAAsC,IAAI,CAAC;AACjF,MAAM,wBAAwB,GAAG,uBAAuB,CAAC;AAEzD,MAAM,mBAAmB,GAAG,MAAmC;AACpE,IAAA,MAAM,GAAG,GAAG,UAAU,CAAC,uBAAuB,CAAC;AAC/C,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,qEAAqE,CAAC;AAChG,IAAA,OAAO,GAAG;AACZ;AAEA;MACa,kBAAkB,GAAG,CAAC,QAAqE,MAA+B;IACrI,YAAY,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACpE,WAAW,EAAE,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACvE,cAAc,EAAE,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB,EAAE,WAAW,EAAE,CAAC,CAAC;IAC3F,gBAAgB,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAC,CAAC;AAC1F,IAAA,WAAW,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,aAAa,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;AAC5F,CAAA;AAiBD;AACO,MAAM,aAAa,GAAG,CAAC,EAAE,aAAa,EAAE,mBAAmB,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAsB,KAAI;IAC/H,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAwB,OAAO;AAC/D,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,gBAAgB,EAAE,mBAAmB;AACrC,QAAA,aAAa,EAAE,CAAC;AACjB,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;AAE/D,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC;IAC1B,SAAS,CAAC,MAAK;QACb,IAAI,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,CAAC,SAAS;AAAE,YAAA,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC;QAChF,IAAI,KAAK,CAAC,gBAAgB,KAAK,IAAI,CAAC,OAAO,CAAC,gBAAgB;AAAE,YAAA,mBAAmB,GAAG,KAAK,CAAC,gBAAgB,CAAC;AAC3G,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACtB,IAAA,CAAC,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;IAE/G,QACEA,IAAC,cAAc,EAAA,EAAC,KAAK,EAAE,UAAU,EAAA,QAAA,EAC/BA,GAAA,CAAC,wBAAwB,EAAA,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAAG,QAAQ,EAAA,CAA4B,EAAA,CAC3E;AAErB;;;;"}