@flipdish/ui-library 0.31.0 → 0.31.1

package/dist/components/molecules/ProgressSteps/components/ProgressStepBase.js

@@ -0,0 +1,96 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { FeaturedIcon } from '@flipdish/ui-library/components/atoms/FeaturedIcon';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+const statuses = {
+    incomplete: {
+        icon: 'bg-primary ring-[1.5px] ring-inset ring-primary',
+        dot: 'bg-fg-quaternary',
+        connector: 'border-secondary',
+        title: 'text-secondary',
+        description: 'text-tertiary',
+    },
+    current: {
+        icon: 'bg-brand-solid ring-2 ring-focus-ring ring-offset-bg-primary ring-offset-2',
+        dot: 'bg-fg-white',
+        connector: 'border-secondary',
+        title: 'text-brand-secondary',
+        description: 'text-brand-tertiary',
+    },
+    complete: {
+        icon: 'bg-brand-solid',
+        dot: 'hidden',
+        connector: 'border-brand',
+        title: 'text-secondary',
+        description: 'text-tertiary',
+    },
+};
+const IconOnly = ({ status = 'incomplete', size = 'sm', 'data-testid': dataTestId, }) => {
+    return (jsxs("span", { "data-testid": dataTestId, className: cx('z-10 flex items-center justify-center rounded-full', statuses[status].icon, size === 'sm' ? 'size-6' : 'size-8'), children: [jsx("span", { className: cx('rounded-full', statuses[status].dot, size === 'sm' ? 'size-2' : 'size-2.5') }), status === 'complete' && (
+            // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+            jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", className: cx(size === 'sm' ? 'size-3' : 'size-4'), children: jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }))] }));
+};
+const IconTop = ({ status = 'incomplete', connector = true, size = 'sm', title, description, 'data-testid': dataTestId, ...otherProps }) => {
+    return (jsxs("div", { "data-testid": dataTestId, className: cx('flex w-full flex-col items-center justify-center gap-4', size === 'sm' && 'gap-3'), children: [jsxs("div", { className: "relative flex w-full flex-col items-center self-stretch", children: [jsx(IconOnly, { ...otherProps, size: size, status: status }), connector && (jsx("span", { className: cx('absolute top-1/2 left-[53%] z-0 w-full flex-1 -translate-y-1/2 rounded-xs border-t-2', statuses[status].connector) }))] }), jsxs("div", { className: cx('flex w-full flex-col items-start gap-0.5 self-stretch', size === 'sm' && 'gap-0'), children: [jsx("p", { className: cx('w-full text-center', statuses[status].title, size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsx("p", { className: cx('w-full text-center', statuses[status].description, size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const IconLeft = ({ status = 'incomplete', connector = true, size = 'sm', title, description, 'data-testid': dataTestId, ...otherProps }) => {
+    return (jsxs("div", { "data-testid": dataTestId, className: cx('group flex h-max flex-row items-start justify-start gap-4', size === 'sm' && 'gap-3'), children: [jsxs("div", { className: "flex flex-col items-center self-stretch", children: [jsx(IconOnly, { ...otherProps, size: size, status: status }), connector && jsx("span", { className: cx('flex-1 rounded-xs border-l-2', statuses[status].connector, size === 'sm' ? 'my-1' : 'my-1.5') })] }), jsxs("div", { className: cx('flex flex-col items-start', size === 'sm' ? 'pt-0.5 not-group-last:pb-6' : 'pt-1 not-group-last:pb-8'), children: [jsx("p", { className: cx(statuses[status].title, size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsx("p", { className: cx(statuses[status].description, size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const IconTopNumber = ({ status = 'incomplete', connector = true, size = 'sm', title, description, step, 'data-testid': dataTestId, }) => {
+    const statuses = {
+        incomplete: {
+            icon: 'bg-primary ring-1 ring-inset ring-secondary text-quaternary',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+        current: {
+            icon: 'bg-primary ring-1 ring-inset ring-secondary text-secondary',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+        complete: {
+            icon: 'bg-success-solid text-fg-white',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+    };
+    return (jsxs("div", { "data-testid": dataTestId, className: cx('flex w-full flex-col items-center justify-center gap-4', size === 'sm' && 'gap-3'), children: [jsxs("div", { className: "relative flex w-full flex-col items-center self-stretch", children: [jsx("span", { className: cx('z-10 flex items-center justify-center rounded-full', statuses[status].icon, status === 'incomplete' && 'opacity-60', size === 'sm' ? 'size-6' : 'size-8'), children: status === 'complete' ? (
+                        // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+                        jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", className: cx(size === 'sm' ? 'size-3' : 'size-4'), children: jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) : (jsx("span", { className: cx('font-semibold', size === 'sm' ? 'text-xs' : 'text-sm'), children: step })) }), connector && (
+                    // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+                    jsx("svg", { className: "absolute top-1/2 left-[53%] z-0 h-[2.5px] w-full flex-1 -translate-y-1/2 max-md:hidden", children: jsx("line", { x1: "1.2", y1: "1.2", x2: "100%", y2: "1.2", className: "stroke-border-primary", stroke: "black", strokeWidth: "2.4", strokeDasharray: "0,6", strokeLinecap: "round" }) }))] }), jsxs("div", { className: cx('flex w-full flex-col items-start gap-0.5 self-stretch', status === 'incomplete' && 'opacity-60', size === 'sm' && 'gap-0'), children: [jsx("p", { className: cx('w-full text-center', statuses[status].title, size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsx("p", { className: cx('w-full text-center', statuses[status].description, size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const IconLeftNumber = ({ status = 'incomplete', connector = true, size = 'sm', title, description, step, 'data-testid': dataTestId, }) => {
+    const statuses = {
+        incomplete: {
+            icon: 'bg-primary ring-1 ring-inset ring-secondary text-quaternary',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+        current: {
+            icon: 'bg-primary ring-1 ring-inset ring-secondary text-secondary',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+        complete: {
+            icon: 'bg-success-solid text-fg-white',
+            title: 'text-secondary',
+            description: 'text-tertiary',
+        },
+    };
+    return (jsxs("div", { "data-testid": dataTestId, className: cx('group flex h-max flex-row items-start justify-start gap-4', status === 'incomplete' && 'opacity-60', size === 'sm' && 'gap-3'), children: [jsxs("div", { className: "flex flex-col items-center self-stretch", children: [jsx("span", { className: cx('z-10 flex shrink-0 items-center justify-center rounded-full', statuses[status].icon, status === 'incomplete' && 'opacity-60', size === 'sm' ? 'size-6' : 'size-8'), children: status === 'complete' ? (
+                        // biome-ignore lint/a11y/noSvgWithoutTitle: this is an icon
+                        jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", className: cx(size === 'sm' ? 'size-3' : 'size-4'), children: jsx("path", { d: "M10 3L4.5 8.5L2 6", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) : (jsx("span", { className: cx('font-semibold', size === 'sm' ? 'text-xs' : 'text-sm'), children: step })) }), connector && (jsx("div", { className: cx('relative flex h-full w-full justify-center self-center overflow-hidden', status === 'current' && 'opacity-60', size === 'sm' ? 'my-1' : 'my-1.5'), children: jsx("svg", { className: "absolute", width: "3", children: jsx("line", { x1: "1.2", y1: "1.2", x2: "1.2", y2: "100%", className: "stroke-border-primary", stroke: "black", strokeWidth: "2.4", strokeDasharray: "0,6", strokeLinecap: "round" }) }) }))] }), jsxs("div", { className: cx('flex flex-col items-start', size === 'sm' ? 'pt-0.5 not-group-last:pb-6' : 'pt-1 not-group-last:pb-8'), children: [jsx("p", { className: cx(statuses[status].title, size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsx("p", { className: cx(statuses[status].description, size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const FeaturedIconTop = ({ status = 'incomplete', connector = true, size = 'sm', icon: Icon, title, description, 'data-testid': dataTestId, }) => {
+    return (jsxs("div", { "data-testid": dataTestId, className: cx('flex w-full flex-col items-center justify-center gap-4', size === 'sm' && 'gap-3'), children: [jsxs("div", { className: cx('relative flex w-full flex-col items-center self-stretch'), children: [jsx(FeaturedIcon, { icon: Icon, color: "gray", theme: "modern", size: size === 'sm' ? 'md' : 'lg', className: cx('z-10', status === 'incomplete' && 'text-fg-quaternary') }), connector && (jsx("span", { className: cx('absolute top-1/2 left-[53%] z-0 w-full flex-1 -translate-y-1/2 rounded-xs border-t-2 border-secondary', status === 'complete' && 'border-fg-secondary') }))] }), jsxs("div", { className: cx('flex w-full flex-col items-start gap-0.5 self-stretch', status === 'incomplete' && 'opacity-60', size === 'sm' && 'gap-0'), children: [jsx("p", { className: cx('w-full text-center text-secondary', size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsx("p", { className: cx('w-full text-center text-tertiary', size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const FeaturedIconLeft = ({ status = 'incomplete', connector = true, size = 'sm', icon: Icon, title, description, 'data-testid': dataTestId, }) => {
+    return (jsxs("div", { "data-testid": dataTestId, className: cx('group flex flex-row gap-4', status !== 'current' && 'opacity-60', size === 'sm' && 'gap-3'), children: [jsxs("div", { className: "flex flex-col items-center self-stretch", children: [jsx(FeaturedIcon, { size: size === 'sm' ? 'md' : 'lg', color: "gray", theme: "modern", children: Icon && jsx(Icon, {}) }), connector && jsx("span", { className: cx(status === 'current' && 'opacity-60', 'my-1 flex-1 rounded-xs border-l-2 border-secondary') })] }), jsxs("div", { className: "flex flex-col items-start not-group-last:pb-8", children: [jsx("p", { className: cx('text-secondary', size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsx("p", { className: cx('text-tertiary', size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+const TextLine = ({ status = 'incomplete', size = 'sm', title, description, 'data-testid': dataTestId, }) => {
+    return (jsxs("div", { "data-testid": dataTestId, className: cx('relative flex w-full flex-col items-center justify-center pt-2', size === 'sm' && 'pt-3', size === 'md' && 'pt-4'), children: [jsx("div", { className: cx('absolute inset-x-0 top-0 h-1 bg-fg-brand-primary_alt', status === 'incomplete' && 'bg-quaternary') }), jsxs("div", { className: cx('flex w-full flex-col items-start gap-0.5 self-stretch', size === 'sm' && 'gap-0'), children: [jsx("p", { className: cx('text-secondary', status === 'current' && 'text-brand-secondary', size === 'sm' ? 'text-sm font-semibold' : 'text-md font-semibold'), children: title }), jsx("p", { className: cx('text-tertiary', status === 'current' && 'text-brand-tertiary', size === 'sm' ? 'text-sm' : 'text-md'), children: description })] })] }));
+};
+
+export { FeaturedIconLeft, FeaturedIconTop, IconLeft, IconLeftNumber, IconOnly, IconTop, IconTopNumber, TextLine, statuses };
+//# sourceMappingURL=ProgressStepBase.js.map

package/dist/components/molecules/ProgressSteps/components/ProgressStepBase.js.map

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

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

@@ -3,20 +3,20 @@
 var jsxRuntime = require('react/jsx-runtime');
 var cx = require('@flipdish/ui-library/utilities/cx');
 var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
-var progressStepBase = require('./components/progress-step-base.cjs');
+var ProgressStepBase = require('./components/ProgressStepBase.cjs');
 
 /** Derive a step's testid: explicit override wins, else `<root>--step-<id ?? position>`. */
 const stepTestId = (root, item, index) => item['data-testid'] ?? testIdUtils.joinTestId(root, `step-${item.id ?? index + 1}`);
 const progressIcons = {
     horizontal: {
-        icon: progressStepBase.IconTop,
-        number: progressStepBase.IconTopNumber,
-        'featured-icon': progressStepBase.FeaturedIconTop,
+        icon: ProgressStepBase.IconTop,
+        number: ProgressStepBase.IconTopNumber,
+        'featured-icon': ProgressStepBase.FeaturedIconTop,
     },
     vertical: {
-        icon: progressStepBase.IconLeft,
-        number: progressStepBase.IconLeftNumber,
-        'featured-icon': progressStepBase.FeaturedIconLeft,
+        icon: ProgressStepBase.IconLeft,
+        number: ProgressStepBase.IconLeftNumber,
+        'featured-icon': ProgressStepBase.FeaturedIconLeft,
     },
 };
 const IconsWithText = (props) => {
@@ -41,13 +41,13 @@ const MinimalIcons = ({ items, text = false, size = 'sm', className, 'data-testi
     const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'progress-steps', rootName: 'progress-steps' });
     return (jsxRuntime.jsxs("div", { "data-testid": rootTestId, className: cx.cx('flex w-full flex-row items-center justify-center', gaps[size], className), children: [text && (jsxRuntime.jsxs("p", { className: "text-sm font-medium text-secondary", children: ["Step ", completed, " of ", items.length] })), items.map((item, index) => (
             // biome-ignore lint/suspicious/noArrayIndexKey: we need to use the index as the key because the items are an array of objects
-            jsxRuntime.jsx(progressStepBase.IconOnly, { ...item, size: size, "data-testid": stepTestId(rootTestId, item, index) }, index)))] }));
+            jsxRuntime.jsx(ProgressStepBase.IconOnly, { ...item, size: size, "data-testid": stepTestId(rootTestId, item, index) }, index)))] }));
 };
 const MinimalIconsConnected = ({ items, size = 'sm', orientation = 'horizontal', className, 'data-testid': dataTestId }) => {
     const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'progress-steps', rootName: 'progress-steps' });
     return (jsxRuntime.jsx("div", { "data-testid": rootTestId, className: cx.cx('flex w-full items-center justify-center', className), children: items.map((item, index) => (
         // biome-ignore lint/suspicious/noArrayIndexKey: we need to use the index as the key because the items are an array of objects
-        jsxRuntime.jsxs("div", { "data-testid": stepTestId(rootTestId, item, index), className: "flex items-center justify-center", children: [jsxRuntime.jsx(progressStepBase.IconOnly, { ...item, size: size }), jsxRuntime.jsx("span", { className: cx.cx('w-20 flex-1 border-t-2', progressStepBase.statuses[item.status].connector, orientation === 'vertical' && 'w-12', index === items.length - 1 && 'hidden') })] }, index))) }));
+        jsxRuntime.jsxs("div", { "data-testid": stepTestId(rootTestId, item, index), className: "flex items-center justify-center", children: [jsxRuntime.jsx(ProgressStepBase.IconOnly, { ...item, size: size }), jsxRuntime.jsx("span", { className: cx.cx('w-20 flex-1 border-t-2', ProgressStepBase.statuses[item.status].connector, orientation === 'vertical' && 'w-12', index === items.length - 1 && 'hidden') })] }, index))) }));
 };
 const TextWithLine = ({ items, orientation = 'horizontal', size = 'sm', className, 'data-testid': dataTestId }) => {
     const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'progress-steps', rootName: 'progress-steps' });
@@ -55,7 +55,7 @@ const TextWithLine = ({ items, orientation = 'horizontal', size = 'sm', classNam
             gridTemplateColumns: `repeat(${items.length}, minmax(0, 1fr))`,
         }, className: cx.cx('grid w-full items-start justify-start', orientation === 'horizontal' ? 'gap-4' : 'gap-5', orientation === 'vertical' && 'grid-cols-1!', className), children: items.map((item, index) => (
         // biome-ignore lint/suspicious/noArrayIndexKey: we need to use the index as the key because the items are an array of objects
-        jsxRuntime.jsx(progressStepBase.TextLine, { ...item, size: size, "data-testid": stepTestId(rootTestId, item, index) }, index))) }));
+        jsxRuntime.jsx(ProgressStepBase.TextLine, { ...item, size: size, "data-testid": stepTestId(rootTestId, item, index) }, index))) }));
 };
 /**
  * A set of step-progress components for displaying multi-step flows with

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { cx } from '@flipdish/ui-library/utilities/cx';
 import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
-import { TextLine, IconOnly, statuses, FeaturedIconLeft, IconLeftNumber, IconLeft, FeaturedIconTop, IconTopNumber, IconTop } from './components/progress-step-base.js';
+import { TextLine, IconOnly, statuses, FeaturedIconLeft, IconLeftNumber, IconLeft, FeaturedIconTop, IconTopNumber, IconTop } from './components/ProgressStepBase.js';
 
 /** Derive a step's testid: explicit override wins, else `<root>--step-<id ?? position>`. */
 const stepTestId = (root, item, index) => item['data-testid'] ?? joinTestId(root, `step-${item.id ?? index + 1}`);

package/dist/components/molecules/RadioGroup/components/RadioGroupAvatar.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Avatar = require('@flipdish/ui-library/components/atoms/Avatar');
+var Checkbox = require('@flipdish/ui-library/components/atoms/Checkbox');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var reactAriaComponents = require('react-aria-components');
+
+/**
+ * Radio group where each option is a person: avatar, name, username and role. Use for
+ * assigning ownership or picking a team member.
+ *
+ * @summary pick one person from a list of avatars
+ */
+const RadioGroupAvatar = ({ items, size = 'sm', className, 'data-testid': dataTestId, ...props }) => {
+    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'radio-group', rootName: 'radio-group' });
+    return (jsxRuntime.jsx(reactAriaComponents.RadioGroup, { ...props, "data-testid": rootTestId, className: (state) => cx.cx('flex flex-col gap-3', typeof className === 'function' ? className(state) : className), children: items.map((person) => (jsxRuntime.jsx(reactAriaComponents.Radio, { isDisabled: person.disabled, value: person.id, "data-testid": testIdUtils.joinTestId(rootTestId, `option-${person.id}`), className: ({ isDisabled, isSelected, isFocusVisible }) => cx.cx('relative flex cursor-pointer items-start gap-1 rounded-xl bg-primary p-4 outline-focus-ring ring-inset', isSelected ? 'ring-2 ring-brand' : 'ring-1 ring-secondary', isDisabled && 'cursor-not-allowed bg-disabled_subtle ring-disabled_subtle', isFocusVisible && 'outline-2 outline-offset-2'), children: ({ isDisabled, isSelected, isFocusVisible }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: cx.cx('flex flex-1', size === 'md' ? 'gap-3 md:gap-4' : 'gap-3'), children: [jsxRuntime.jsx(Avatar.Avatar, { alt: person.name, src: person.avatarUrl, size: size === 'md' ? 'md' : 'sm' }), jsxRuntime.jsxs("div", { className: cx.cx('flex flex-col', size === 'md' ? 'gap-0.5' : ''), children: [jsxRuntime.jsxs(reactAriaComponents.Label, { className: cx.cx('pointer-events-none flex', size === 'md' ? 'gap-1.5' : 'gap-1'), children: [jsxRuntime.jsx("span", { className: cx.cx('text-secondary', size === 'md' ? 'text-md font-medium' : 'text-sm font-medium'), children: person.name }), jsxRuntime.jsx("span", { className: cx.cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: person.username })] }), jsxRuntime.jsx(reactAriaComponents.Text, { slot: "description", className: cx.cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: person.title })] })] }), jsxRuntime.jsx(Checkbox.CheckboxBase, { size: size === 'md' ? 'md' : 'sm', isDisabled: isDisabled, isSelected: isSelected, isFocusVisible: isFocusVisible })] })) }, person.id))) }));
+};
+
+exports.RadioGroupAvatar = RadioGroupAvatar;
+//# sourceMappingURL=RadioGroupAvatar.cjs.map

package/dist/components/molecules/RadioGroup/components/RadioGroupAvatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupAvatar.cjs","sources":["../../../../../src/components/molecules/RadioGroup/components/RadioGroupAvatar.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","AriaRadioGroup","cx","AriaRadio","joinTestId","_jsxs","_Fragment","AvatarComponent","AriaLabel","AriaText","CheckboxBase"],"mappings":"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"}

package/dist/components/molecules/RadioGroup/components/RadioGroupAvatar.d.ts

@@ -0,0 +1,24 @@
+import type { RadioGroupProps } from 'react-aria-components';
+interface AvatarItemType {
+    id: string;
+    name: string;
+    username: string;
+    title: string;
+    avatarUrl: string;
+    disabled?: boolean;
+}
+interface RadioGroupAvatarProps extends RadioGroupProps {
+    size?: 'sm' | 'md';
+    items: AvatarItemType[];
+    /** Overrides the root `data-testid`. Options derive from it (e.g. `<root>--option-<id>`). */
+    'data-testid'?: string;
+}
+/**
+ * Radio group where each option is a person: avatar, name, username and role. Use for
+ * assigning ownership or picking a team member.
+ *
+ * @summary pick one person from a list of avatars
+ */
+export declare const RadioGroupAvatar: ({ items, size, className, "data-testid": dataTestId, ...props }: RadioGroupAvatarProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=RadioGroupAvatar.d.ts.map

package/dist/components/molecules/RadioGroup/components/RadioGroupAvatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupAvatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/RadioGroup/components/RadioGroupAvatar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,UAAU,cAAc;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,qBAAsB,SAAQ,eAAe;IACrD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,6FAA6F;IAC7F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,iEAAwE,qBAAqB,gCA8C7H,CAAC"}

package/dist/components/molecules/RadioGroup/components/RadioGroupAvatar.js

@@ -0,0 +1,20 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Avatar } from '@flipdish/ui-library/components/atoms/Avatar';
+import { CheckboxBase } from '@flipdish/ui-library/components/atoms/Checkbox';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { RadioGroup, Radio, Label, Text } from 'react-aria-components';
+
+/**
+ * Radio group where each option is a person: avatar, name, username and role. Use for
+ * assigning ownership or picking a team member.
+ *
+ * @summary pick one person from a list of avatars
+ */
+const RadioGroupAvatar = ({ items, size = 'sm', className, 'data-testid': dataTestId, ...props }) => {
+    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'radio-group', rootName: 'radio-group' });
+    return (jsx(RadioGroup, { ...props, "data-testid": rootTestId, className: (state) => cx('flex flex-col gap-3', typeof className === 'function' ? className(state) : className), children: items.map((person) => (jsx(Radio, { isDisabled: person.disabled, value: person.id, "data-testid": joinTestId(rootTestId, `option-${person.id}`), className: ({ isDisabled, isSelected, isFocusVisible }) => cx('relative flex cursor-pointer items-start gap-1 rounded-xl bg-primary p-4 outline-focus-ring ring-inset', isSelected ? 'ring-2 ring-brand' : 'ring-1 ring-secondary', isDisabled && 'cursor-not-allowed bg-disabled_subtle ring-disabled_subtle', isFocusVisible && 'outline-2 outline-offset-2'), children: ({ isDisabled, isSelected, isFocusVisible }) => (jsxs(Fragment, { children: [jsxs("div", { className: cx('flex flex-1', size === 'md' ? 'gap-3 md:gap-4' : 'gap-3'), children: [jsx(Avatar, { alt: person.name, src: person.avatarUrl, size: size === 'md' ? 'md' : 'sm' }), jsxs("div", { className: cx('flex flex-col', size === 'md' ? 'gap-0.5' : ''), children: [jsxs(Label, { className: cx('pointer-events-none flex', size === 'md' ? 'gap-1.5' : 'gap-1'), children: [jsx("span", { className: cx('text-secondary', size === 'md' ? 'text-md font-medium' : 'text-sm font-medium'), children: person.name }), jsx("span", { className: cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: person.username })] }), jsx(Text, { slot: "description", className: cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: person.title })] })] }), jsx(CheckboxBase, { size: size === 'md' ? 'md' : 'sm', isDisabled: isDisabled, isSelected: isSelected, isFocusVisible: isFocusVisible })] })) }, person.id))) }));
+};
+
+export { RadioGroupAvatar };
+//# sourceMappingURL=RadioGroupAvatar.js.map

package/dist/components/molecules/RadioGroup/components/RadioGroupAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupAvatar.js","sources":["../../../../../src/components/molecules/RadioGroup/components/RadioGroupAvatar.tsx"],"sourcesContent":[null],"names":["_jsx","AriaRadioGroup","AriaRadio","_jsxs","_Fragment","AvatarComponent","AriaLabel","AriaText"],"mappings":"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"}

package/dist/components/molecules/RadioGroup/components/RadioGroupCheckbox.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Checkbox = require('@flipdish/ui-library/components/atoms/Checkbox');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var reactAriaComponents = require('react-aria-components');
+
+/**
+ * Radio group with the row layout of `RadioButton` but a check-style tile indicator. Use when
+ * the options read more naturally as a list than as radios.
+ *
+ * @summary single-choice list with check-style indicators
+ */
+const RadioGroupCheckbox = ({ items, size = 'sm', className, 'data-testid': dataTestId, ...props }) => {
+    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'radio-group', rootName: 'radio-group' });
+    return (jsxRuntime.jsx(reactAriaComponents.RadioGroup, { ...props, "data-testid": rootTestId, className: (state) => cx.cx('flex flex-col gap-3', typeof className === 'function' ? className(state) : className), children: items.map((plan) => (jsxRuntime.jsx(reactAriaComponents.Radio, { isDisabled: plan.disabled, value: plan.value, "data-testid": testIdUtils.joinTestId(rootTestId, `option-${plan.value}`), className: ({ isDisabled, isFocusVisible, isSelected }) => cx.cx('relative flex cursor-pointer items-start gap-1 rounded-xl bg-primary p-4 outline-focus-ring ring-inset', size === 'md' ? 'gap-3' : 'gap-2', isSelected ? 'ring-2 ring-brand' : 'ring-1 ring-secondary', isDisabled && 'cursor-not-allowed bg-disabled_subtle ring-disabled_subtle', isFocusVisible && 'outline-2 outline-offset-2'), children: ({ isDisabled, isSelected, isFocusVisible }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Checkbox.CheckboxBase, { size: size === 'md' ? 'md' : 'sm', isDisabled: isDisabled, isSelected: isSelected, isFocusVisible: isFocusVisible, className: "mt-0.5" }), jsxRuntime.jsxs("div", { className: cx.cx('flex flex-col', size === 'md' ? 'gap-0.5' : ''), children: [jsxRuntime.jsxs(reactAriaComponents.Label, { className: cx.cx('pointer-events-none flex', size === 'md' ? 'gap-1.5' : 'gap-1'), children: [jsxRuntime.jsx("span", { className: cx.cx('text-secondary', size === 'md' ? 'text-md font-medium' : 'text-sm font-medium'), children: plan.title }), jsxRuntime.jsx("span", { className: cx.cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: plan.secondaryTitle })] }), jsxRuntime.jsx(reactAriaComponents.Text, { slot: "description", className: cx.cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: plan.description })] })] })) }, plan.value))) }));
+};
+
+exports.RadioGroupCheckbox = RadioGroupCheckbox;
+//# sourceMappingURL=RadioGroupCheckbox.cjs.map

package/dist/components/molecules/RadioGroup/components/RadioGroupCheckbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupCheckbox.cjs","sources":["../../../../../src/components/molecules/RadioGroup/components/RadioGroupCheckbox.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","AriaRadioGroup","cx","AriaRadio","joinTestId","_jsxs","_Fragment","CheckboxBase","AriaLabel","AriaText"],"mappings":";;;;;;;;AAeA;;;;;AAKG;MACU,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAA2B,KAAI;AACpI,IAAA,MAAM,UAAU,GAAGA,6BAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;AAE7G,IAAA,QACEC,cAAA,CAACC,8BAAc,EAAA,EAAA,GACT,KAAK,EAAA,aAAA,EACI,UAAU,EACvB,SAAS,EAAE,CAAC,KAAK,KAAKC,KAAE,CAAC,qBAAqB,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,EAAA,QAAA,EAE9G,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACdF,cAAA,CAACG,yBAAS,EAAA,EACR,UAAU,EAAE,IAAI,CAAC,QAAQ,EAEzB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,aAAA,EACJC,sBAAU,CAAC,UAAU,EAAE,CAAA,OAAA,EAAU,IAAI,CAAC,KAAK,CAAA,CAAE,CAAC,EAC3D,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,KACpDF,KAAE,CACA,wGAAwG,EACxG,IAAI,KAAK,IAAI,GAAG,OAAO,GAAG,OAAO,EACjC,UAAU,GAAG,mBAAmB,GAAG,uBAAuB,EAC1D,UAAU,IAAI,4DAA4D,EAC1E,cAAc,IAAI,4BAA4B,CAC/C,EAAA,QAAA,EAGF,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,MAC1CG,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEN,eAACO,qBAAY,EAAA,EACX,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,EACjC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAC,QAAQ,EAAA,CAClB,EAEFF,yBAAK,SAAS,EAAEH,KAAE,CAAC,eAAe,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,EAAE,CAAC,aACjEG,eAAA,CAACG,yBAAS,EAAA,EAAC,SAAS,EAAEN,KAAE,CAAC,0BAA0B,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC,EAAA,QAAA,EAAA,CACvFF,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEE,KAAE,CAAC,gBAAgB,EAAE,IAAI,KAAK,IAAI,GAAG,qBAAqB,GAAG,qBAAqB,CAAC,EAAA,QAAA,EAAG,IAAI,CAAC,KAAK,EAAA,CAAQ,EACzHF,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEE,KAAE,CAAC,eAAe,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EAAG,IAAI,CAAC,cAAc,GAAQ,CAAA,EAAA,CAC/F,EACZF,cAAA,CAACS,wBAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAEP,KAAE,CAAC,eAAe,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EAC/F,IAAI,CAAC,WAAW,EAAA,CACR,CAAA,EAAA,CACP,IACL,CACJ,EAAA,EAjCI,IAAI,CAAC,KAAK,CAkCL,CACb,CAAC,EAAA,CACa;AAErB;;;;"}

package/dist/components/molecules/RadioGroup/components/RadioGroupCheckbox.d.ts

@@ -0,0 +1,17 @@
+import { type RadioGroupProps } from 'react-aria-components';
+import type { RadioGroupItemType } from '../radioGroup.types';
+interface RadioGroupCheckboxProps extends RadioGroupProps {
+    size?: 'sm' | 'md';
+    items: RadioGroupItemType[];
+    /** Overrides the root `data-testid`. Options derive from it (e.g. `<root>--option-<value>`). */
+    'data-testid'?: string;
+}
+/**
+ * Radio group with the row layout of `RadioButton` but a check-style tile indicator. Use when
+ * the options read more naturally as a list than as radios.
+ *
+ * @summary single-choice list with check-style indicators
+ */
+export declare const RadioGroupCheckbox: ({ items, size, className, "data-testid": dataTestId, ...props }: RadioGroupCheckboxProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=RadioGroupCheckbox.d.ts.map

package/dist/components/molecules/RadioGroup/components/RadioGroupCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupCheckbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/RadioGroup/components/RadioGroupCheckbox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAA0F,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACrJ,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,UAAU,uBAAwB,SAAQ,eAAe;IACvD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,iEAAwE,uBAAuB,gCAkDjI,CAAC"}

package/dist/components/molecules/RadioGroup/components/RadioGroupCheckbox.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { CheckboxBase } from '@flipdish/ui-library/components/atoms/Checkbox';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { RadioGroup, Radio, Label, Text } from 'react-aria-components';
+
+/**
+ * Radio group with the row layout of `RadioButton` but a check-style tile indicator. Use when
+ * the options read more naturally as a list than as radios.
+ *
+ * @summary single-choice list with check-style indicators
+ */
+const RadioGroupCheckbox = ({ items, size = 'sm', className, 'data-testid': dataTestId, ...props }) => {
+    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'radio-group', rootName: 'radio-group' });
+    return (jsx(RadioGroup, { ...props, "data-testid": rootTestId, className: (state) => cx('flex flex-col gap-3', typeof className === 'function' ? className(state) : className), children: items.map((plan) => (jsx(Radio, { isDisabled: plan.disabled, value: plan.value, "data-testid": joinTestId(rootTestId, `option-${plan.value}`), className: ({ isDisabled, isFocusVisible, isSelected }) => cx('relative flex cursor-pointer items-start gap-1 rounded-xl bg-primary p-4 outline-focus-ring ring-inset', size === 'md' ? 'gap-3' : 'gap-2', isSelected ? 'ring-2 ring-brand' : 'ring-1 ring-secondary', isDisabled && 'cursor-not-allowed bg-disabled_subtle ring-disabled_subtle', isFocusVisible && 'outline-2 outline-offset-2'), children: ({ isDisabled, isSelected, isFocusVisible }) => (jsxs(Fragment, { children: [jsx(CheckboxBase, { size: size === 'md' ? 'md' : 'sm', isDisabled: isDisabled, isSelected: isSelected, isFocusVisible: isFocusVisible, className: "mt-0.5" }), jsxs("div", { className: cx('flex flex-col', size === 'md' ? 'gap-0.5' : ''), children: [jsxs(Label, { className: cx('pointer-events-none flex', size === 'md' ? 'gap-1.5' : 'gap-1'), children: [jsx("span", { className: cx('text-secondary', size === 'md' ? 'text-md font-medium' : 'text-sm font-medium'), children: plan.title }), jsx("span", { className: cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: plan.secondaryTitle })] }), jsx(Text, { slot: "description", className: cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: plan.description })] })] })) }, plan.value))) }));
+};
+
+export { RadioGroupCheckbox };
+//# sourceMappingURL=RadioGroupCheckbox.js.map

package/dist/components/molecules/RadioGroup/components/RadioGroupCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupCheckbox.js","sources":["../../../../../src/components/molecules/RadioGroup/components/RadioGroupCheckbox.tsx"],"sourcesContent":[null],"names":["_jsx","AriaRadioGroup","AriaRadio","_jsxs","_Fragment","AriaLabel","AriaText"],"mappings":";;;;;;AAeA;;;;;AAKG;MACU,kBAAkB,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAA2B,KAAI;AACpI,IAAA,MAAM,UAAU,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;AAE7G,IAAA,QACEA,GAAA,CAACC,UAAc,EAAA,EAAA,GACT,KAAK,EAAA,aAAA,EACI,UAAU,EACvB,SAAS,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC,qBAAqB,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,EAAA,QAAA,EAE9G,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACdD,GAAA,CAACE,KAAS,EAAA,EACR,UAAU,EAAE,IAAI,CAAC,QAAQ,EAEzB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,aAAA,EACJ,UAAU,CAAC,UAAU,EAAE,CAAA,OAAA,EAAU,IAAI,CAAC,KAAK,CAAA,CAAE,CAAC,EAC3D,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,KACpD,EAAE,CACA,wGAAwG,EACxG,IAAI,KAAK,IAAI,GAAG,OAAO,GAAG,OAAO,EACjC,UAAU,GAAG,mBAAmB,GAAG,uBAAuB,EAC1D,UAAU,IAAI,4DAA4D,EAC1E,cAAc,IAAI,4BAA4B,CAC/C,EAAA,QAAA,EAGF,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,MAC1CC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEJ,IAAC,YAAY,EAAA,EACX,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,EACjC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAC,QAAQ,EAAA,CAClB,EAEFG,cAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,EAAE,CAAC,aACjEA,IAAA,CAACE,KAAS,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC,EAAA,QAAA,EAAA,CACvFL,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,IAAI,KAAK,IAAI,GAAG,qBAAqB,GAAG,qBAAqB,CAAC,EAAA,QAAA,EAAG,IAAI,CAAC,KAAK,EAAA,CAAQ,EACzHA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EAAG,IAAI,CAAC,cAAc,GAAQ,CAAA,EAAA,CAC/F,EACZA,GAAA,CAACM,IAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EAC/F,IAAI,CAAC,WAAW,EAAA,CACR,CAAA,EAAA,CACP,IACL,CACJ,EAAA,EAjCI,IAAI,CAAC,KAAK,CAkCL,CACb,CAAC,EAAA,CACa;AAErB;;;;"}

package/dist/components/molecules/RadioGroup/components/RadioGroupIconCard.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Badge = require('@flipdish/ui-library/components/atoms/Badge');
+var Checkbox = require('@flipdish/ui-library/components/atoms/Checkbox');
+var FeaturedIcon = require('@flipdish/ui-library/components/atoms/FeaturedIcon');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var reactAriaComponents = require('react-aria-components');
+
+/**
+ * Radio group where each option is a card with a featured icon, price, description and
+ * optional badge. Use for pricing plan selection.
+ *
+ * @summary pick one plan from icon-led cards
+ */
+const RadioGroupIconCard = ({ items, size = 'sm', className, 'data-testid': dataTestId, ...props }) => {
+    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'radio-group', rootName: 'radio-group' });
+    return (jsxRuntime.jsx(reactAriaComponents.RadioGroup, { ...props, "data-testid": rootTestId, className: (state) => cx.cx('flex flex-col gap-3', typeof className === 'function' ? className(state) : className), children: items.map((plan) => (jsxRuntime.jsx(reactAriaComponents.Radio, { isDisabled: plan.disabled, value: plan.value, "data-testid": testIdUtils.joinTestId(rootTestId, `option-${plan.value}`), className: ({ isDisabled, isSelected, isFocusVisible }) => cx.cx('relative block cursor-pointer rounded-xl bg-primary outline-focus-ring ring-inset', isSelected ? 'ring-2 ring-brand' : 'ring-1 ring-secondary', isDisabled && 'cursor-not-allowed bg-disabled_subtle ring-disabled', isSelected && isDisabled && 'ring-disabled_subtle', isFocusVisible && 'outline-2 outline-offset-2'), children: ({ isDisabled, isSelected, isFocusVisible }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: cx.cx('flex items-center gap-3 rounded-t-xl p-3 pr-5 ring-inset', isSelected ? 'ring-2 ring-brand' : 'ring-1 ring-secondary', isDisabled && 'ring-disabled', isSelected && isDisabled && 'ring-disabled_subtle', isFocusVisible && 'outline-hidden'), children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { size: size === 'md' ? 'md' : 'sm', icon: plan.icon, color: "gray", theme: "modern", className: cx.cx(isDisabled && 'bg-disabled text-fg-disabled') }), jsxRuntime.jsx("span", { className: cx.cx('mr-1 text-secondary', size === 'md' ? 'text-lg font-semibold' : 'text-md font-semibold'), children: plan.title }), jsxRuntime.jsx(Checkbox.CheckboxBase, { size: size === 'md' ? 'md' : 'sm', className: "ml-auto", isDisabled: isDisabled, isSelected: isSelected, isFocusVisible: isFocusVisible })] }), jsxRuntime.jsxs("div", { className: "flex flex-col-reverse items-start justify-between gap-4 rounded-b-lg p-4 sm:flex-row sm:gap-1", children: [jsxRuntime.jsxs("div", { className: cx.cx('flex flex-col', size === 'md' ? 'gap-2' : 'gap-1'), children: [jsxRuntime.jsxs("p", { className: "flex items-baseline gap-1", children: [jsxRuntime.jsx("span", { className: cx.cx('text-secondary', size === 'md' ? 'text-display-md font-semibold' : 'text-display-sm font-semibold'), children: plan.price }), jsxRuntime.jsx("span", { className: cx.cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: plan.secondaryTitle })] }), jsxRuntime.jsx("p", { className: cx.cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: plan.description })] }), plan.badge && (jsxRuntime.jsx(Badge.BadgeWithDot, { size: "sm", type: "modern", color: "success", children: plan.badge }))] })] })) }, plan.value))) }));
+};
+
+exports.RadioGroupIconCard = RadioGroupIconCard;
+//# sourceMappingURL=RadioGroupIconCard.cjs.map

package/dist/components/molecules/RadioGroup/components/RadioGroupIconCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupIconCard.cjs","sources":["../../../../../src/components/molecules/RadioGroup/components/RadioGroupIconCard.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","AriaRadioGroup","cx","AriaRadio","joinTestId","_jsxs","_Fragment","FeaturedIcon","CheckboxBase","BadgeWithDot"],"mappings":"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"}

package/dist/components/molecules/RadioGroup/components/RadioGroupIconCard.d.ts

@@ -0,0 +1,29 @@
+import type { FC, ReactNode } from 'react';
+import type { RadioGroupProps } from 'react-aria-components';
+type IconCardItemType = {
+    value: string;
+    title: string;
+    description: string;
+    secondaryTitle?: string;
+    disabled?: boolean;
+    price?: string;
+    badge?: ReactNode;
+    icon: FC<{
+        className?: string;
+    }>;
+};
+interface RadioGroupIconCardProps extends RadioGroupProps {
+    size?: 'sm' | 'md';
+    items: IconCardItemType[];
+    /** Overrides the root `data-testid`. Options derive from it (e.g. `<root>--option-<value>`). */
+    'data-testid'?: string;
+}
+/**
+ * Radio group where each option is a card with a featured icon, price, description and
+ * optional badge. Use for pricing plan selection.
+ *
+ * @summary pick one plan from icon-led cards
+ */
+export declare const RadioGroupIconCard: ({ items, size, className, "data-testid": dataTestId, ...props }: RadioGroupIconCardProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=RadioGroupIconCard.d.ts.map

package/dist/components/molecules/RadioGroup/components/RadioGroupIconCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupIconCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/RadioGroup/components/RadioGroupIconCard.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAClC,CAAC;AAEF,UAAU,uBAAwB,SAAQ,eAAe;IACvD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAAI,iEAAwE,uBAAuB,gCA6EjI,CAAC"}

package/dist/components/molecules/RadioGroup/components/RadioGroupIconCard.js

@@ -0,0 +1,21 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { BadgeWithDot } from '@flipdish/ui-library/components/atoms/Badge';
+import { CheckboxBase } from '@flipdish/ui-library/components/atoms/Checkbox';
+import { FeaturedIcon } from '@flipdish/ui-library/components/atoms/FeaturedIcon';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { RadioGroup, Radio } from 'react-aria-components';
+
+/**
+ * Radio group where each option is a card with a featured icon, price, description and
+ * optional badge. Use for pricing plan selection.
+ *
+ * @summary pick one plan from icon-led cards
+ */
+const RadioGroupIconCard = ({ items, size = 'sm', className, 'data-testid': dataTestId, ...props }) => {
+    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'radio-group', rootName: 'radio-group' });
+    return (jsx(RadioGroup, { ...props, "data-testid": rootTestId, className: (state) => cx('flex flex-col gap-3', typeof className === 'function' ? className(state) : className), children: items.map((plan) => (jsx(Radio, { isDisabled: plan.disabled, value: plan.value, "data-testid": joinTestId(rootTestId, `option-${plan.value}`), className: ({ isDisabled, isSelected, isFocusVisible }) => cx('relative block cursor-pointer rounded-xl bg-primary outline-focus-ring ring-inset', isSelected ? 'ring-2 ring-brand' : 'ring-1 ring-secondary', isDisabled && 'cursor-not-allowed bg-disabled_subtle ring-disabled', isSelected && isDisabled && 'ring-disabled_subtle', isFocusVisible && 'outline-2 outline-offset-2'), children: ({ isDisabled, isSelected, isFocusVisible }) => (jsxs(Fragment, { children: [jsxs("div", { className: cx('flex items-center gap-3 rounded-t-xl p-3 pr-5 ring-inset', isSelected ? 'ring-2 ring-brand' : 'ring-1 ring-secondary', isDisabled && 'ring-disabled', isSelected && isDisabled && 'ring-disabled_subtle', isFocusVisible && 'outline-hidden'), children: [jsx(FeaturedIcon, { size: size === 'md' ? 'md' : 'sm', icon: plan.icon, color: "gray", theme: "modern", className: cx(isDisabled && 'bg-disabled text-fg-disabled') }), jsx("span", { className: cx('mr-1 text-secondary', size === 'md' ? 'text-lg font-semibold' : 'text-md font-semibold'), children: plan.title }), jsx(CheckboxBase, { size: size === 'md' ? 'md' : 'sm', className: "ml-auto", isDisabled: isDisabled, isSelected: isSelected, isFocusVisible: isFocusVisible })] }), jsxs("div", { className: "flex flex-col-reverse items-start justify-between gap-4 rounded-b-lg p-4 sm:flex-row sm:gap-1", children: [jsxs("div", { className: cx('flex flex-col', size === 'md' ? 'gap-2' : 'gap-1'), children: [jsxs("p", { className: "flex items-baseline gap-1", children: [jsx("span", { className: cx('text-secondary', size === 'md' ? 'text-display-md font-semibold' : 'text-display-sm font-semibold'), children: plan.price }), jsx("span", { className: cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: plan.secondaryTitle })] }), jsx("p", { className: cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: plan.description })] }), plan.badge && (jsx(BadgeWithDot, { size: "sm", type: "modern", color: "success", children: plan.badge }))] })] })) }, plan.value))) }));
+};
+
+export { RadioGroupIconCard };
+//# sourceMappingURL=RadioGroupIconCard.js.map

package/dist/components/molecules/RadioGroup/components/RadioGroupIconCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupIconCard.js","sources":["../../../../../src/components/molecules/RadioGroup/components/RadioGroupIconCard.tsx"],"sourcesContent":[null],"names":["_jsx","AriaRadioGroup","AriaRadio","_jsxs","_Fragment"],"mappings":"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"}

package/dist/components/molecules/RadioGroup/components/RadioGroupIconSimple.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Checkbox = require('@flipdish/ui-library/components/atoms/Checkbox');
+var FeaturedIcon = require('@flipdish/ui-library/components/atoms/FeaturedIcon');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var reactAriaComponents = require('react-aria-components');
+
+/**
+ * Radio group where each option is an icon with a title and description and a checkbox
+ * indicator on the right. Use for address or delivery-method selection.
+ *
+ * @summary pick one option from icon-led rows
+ */
+const RadioGroupIconSimple = ({ items, size = 'sm', className, 'data-testid': dataTestId, ...props }) => {
+    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'radio-group', rootName: 'radio-group' });
+    return (jsxRuntime.jsx(reactAriaComponents.RadioGroup, { ...props, "data-testid": rootTestId, className: (state) => cx.cx('flex flex-col gap-3', typeof className === 'function' ? className(state) : className), children: items.map((plan) => (jsxRuntime.jsx(reactAriaComponents.Radio, { isDisabled: plan.disabled, value: plan.value, "data-testid": testIdUtils.joinTestId(rootTestId, `option-${plan.value}`), className: ({ isDisabled, isSelected, isFocusVisible }) => cx.cx('relative flex cursor-pointer items-start gap-1 rounded-xl bg-primary p-4 outline-focus-ring ring-inset', isSelected ? 'ring-2 ring-brand' : 'ring-1 ring-secondary', isDisabled && 'cursor-not-allowed bg-disabled_subtle ring-disabled', isFocusVisible && 'outline-2 outline-offset-2'), children: ({ isDisabled, isSelected, isFocusVisible }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "flex flex-1 gap-3", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { icon: plan.icon, size: size === 'md' ? 'md' : 'sm', color: "gray", theme: "modern", className: cx.cx(isDisabled && 'bg-disabled text-fg-disabled') }), jsxRuntime.jsxs("div", { className: cx.cx('flex flex-col', size === 'md' ? 'gap-0.5' : ''), children: [jsxRuntime.jsxs(reactAriaComponents.Label, { className: cx.cx('pointer-events-none flex', size === 'md' ? 'gap-1.5' : 'gap-1'), children: [jsxRuntime.jsx("span", { className: cx.cx('text-secondary', size === 'md' ? 'text-md font-medium' : 'text-sm font-medium'), children: plan.title }), jsxRuntime.jsx("span", { className: cx.cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: plan.secondaryTitle })] }), jsxRuntime.jsx(reactAriaComponents.Text, { slot: "description", className: cx.cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: plan.description })] })] }), jsxRuntime.jsx(Checkbox.CheckboxBase, { size: size === 'md' ? 'md' : 'sm', isDisabled: isDisabled, isSelected: isSelected, isFocusVisible: isFocusVisible })] })) }, plan.value))) }));
+};
+
+exports.RadioGroupIconSimple = RadioGroupIconSimple;
+//# sourceMappingURL=RadioGroupIconSimple.cjs.map

package/dist/components/molecules/RadioGroup/components/RadioGroupIconSimple.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupIconSimple.cjs","sources":["../../../../../src/components/molecules/RadioGroup/components/RadioGroupIconSimple.tsx"],"sourcesContent":[null],"names":["useResolvedTestId","_jsx","AriaRadioGroup","cx","AriaRadio","joinTestId","_jsxs","_Fragment","FeaturedIcon","AriaLabel","AriaText","CheckboxBase"],"mappings":"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"}

package/dist/components/molecules/RadioGroup/components/RadioGroupIconSimple.d.ts

@@ -0,0 +1,17 @@
+import type { RadioGroupProps } from 'react-aria-components';
+import type { RadioGroupItemType } from '../radioGroup.types';
+interface RadioGroupIconSimpleProps extends RadioGroupProps {
+    size?: 'sm' | 'md';
+    items: RadioGroupItemType[];
+    /** Overrides the root `data-testid`. Options derive from it (e.g. `<root>--option-<value>`). */
+    'data-testid'?: string;
+}
+/**
+ * Radio group where each option is an icon with a title and description and a checkbox
+ * indicator on the right. Use for address or delivery-method selection.
+ *
+ * @summary pick one option from icon-led rows
+ */
+export declare const RadioGroupIconSimple: ({ items, size, className, "data-testid": dataTestId, ...props }: RadioGroupIconSimpleProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=RadioGroupIconSimple.d.ts.map

package/dist/components/molecules/RadioGroup/components/RadioGroupIconSimple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupIconSimple.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/RadioGroup/components/RadioGroupIconSimple.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,UAAU,yBAA0B,SAAQ,eAAe;IACzD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,iEAAwE,yBAAyB,gCAqDrI,CAAC"}

package/dist/components/molecules/RadioGroup/components/RadioGroupIconSimple.js

@@ -0,0 +1,20 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { CheckboxBase } from '@flipdish/ui-library/components/atoms/Checkbox';
+import { FeaturedIcon } from '@flipdish/ui-library/components/atoms/FeaturedIcon';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useResolvedTestId, joinTestId } from '@flipdish/ui-library/utilities/testIdUtils';
+import { RadioGroup, Radio, Label, Text } from 'react-aria-components';
+
+/**
+ * Radio group where each option is an icon with a title and description and a checkbox
+ * indicator on the right. Use for address or delivery-method selection.
+ *
+ * @summary pick one option from icon-led rows
+ */
+const RadioGroupIconSimple = ({ items, size = 'sm', className, 'data-testid': dataTestId, ...props }) => {
+    const rootTestId = useResolvedTestId({ testId: dataTestId, segment: 'radio-group', rootName: 'radio-group' });
+    return (jsx(RadioGroup, { ...props, "data-testid": rootTestId, className: (state) => cx('flex flex-col gap-3', typeof className === 'function' ? className(state) : className), children: items.map((plan) => (jsx(Radio, { isDisabled: plan.disabled, value: plan.value, "data-testid": joinTestId(rootTestId, `option-${plan.value}`), className: ({ isDisabled, isSelected, isFocusVisible }) => cx('relative flex cursor-pointer items-start gap-1 rounded-xl bg-primary p-4 outline-focus-ring ring-inset', isSelected ? 'ring-2 ring-brand' : 'ring-1 ring-secondary', isDisabled && 'cursor-not-allowed bg-disabled_subtle ring-disabled', isFocusVisible && 'outline-2 outline-offset-2'), children: ({ isDisabled, isSelected, isFocusVisible }) => (jsxs(Fragment, { children: [jsxs("div", { className: "flex flex-1 gap-3", children: [jsx(FeaturedIcon, { icon: plan.icon, size: size === 'md' ? 'md' : 'sm', color: "gray", theme: "modern", className: cx(isDisabled && 'bg-disabled text-fg-disabled') }), jsxs("div", { className: cx('flex flex-col', size === 'md' ? 'gap-0.5' : ''), children: [jsxs(Label, { className: cx('pointer-events-none flex', size === 'md' ? 'gap-1.5' : 'gap-1'), children: [jsx("span", { className: cx('text-secondary', size === 'md' ? 'text-md font-medium' : 'text-sm font-medium'), children: plan.title }), jsx("span", { className: cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: plan.secondaryTitle })] }), jsx(Text, { slot: "description", className: cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: plan.description })] })] }), jsx(CheckboxBase, { size: size === 'md' ? 'md' : 'sm', isDisabled: isDisabled, isSelected: isSelected, isFocusVisible: isFocusVisible })] })) }, plan.value))) }));
+};
+
+export { RadioGroupIconSimple };
+//# sourceMappingURL=RadioGroupIconSimple.js.map