@flipdish/ui-library 0.30.0 → 0.31.1

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

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

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

@@ -0,0 +1,22 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+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 saved payment method with a card logo, details and quick
+ * actions. Use in checkout to choose the card to pay with.
+ *
+ * @summary pick a saved payment method
+ */
+const RadioGroupPaymentIcon = ({ 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((card) => (jsxRuntime.jsx(reactAriaComponents.Radio, { isDisabled: card.disabled, value: card.value, "data-testid": testIdUtils.joinTestId(rootTestId, `option-${card.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 && 'bg-disabled_subtle ring-disabled_subtle cursor-not-allowed', 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("span", { className: "shrink-0", children: card.logo }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs("div", { className: cx.cx('flex flex-col', size === 'md' ? 'gap-0.5' : ''), children: [jsxRuntime.jsx(reactAriaComponents.Label, { className: cx.cx('pointer-events-none text-secondary', size === 'md' ? 'text-md font-medium' : 'text-sm font-medium'), children: card.title }), jsxRuntime.jsx(reactAriaComponents.Text, { slot: "description", className: cx.cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: card.description })] }), jsxRuntime.jsxs("div", { className: cx.cx('flex gap-3', size === 'md' ? 'mt-3' : 'mt-2'), children: [jsxRuntime.jsx(Button.Button, { color: "link-gray", size: size === 'md' ? 'md' : 'sm', isDisabled: isDisabled, children: "Set as default" }), jsxRuntime.jsx(Button.Button, { color: "link-color", size: size === 'md' ? 'md' : 'sm', isDisabled: isDisabled, children: "Edit" })] })] })] }), jsxRuntime.jsx(Checkbox.CheckboxBase, { size: size === 'md' ? 'md' : 'sm', isDisabled: isDisabled, isSelected: isSelected, isFocusVisible: isFocusVisible })] })) }, card.value))) }));
+};
+
+exports.RadioGroupPaymentIcon = RadioGroupPaymentIcon;
+//# sourceMappingURL=RadioGroupPaymentIcon.cjs.map

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

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

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

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+import type { RadioGroupProps } from 'react-aria-components';
+interface PaymentCardItemType {
+    value: string;
+    title: string;
+    description: string;
+    logo: ReactNode;
+    disabled?: boolean;
+}
+interface RadioGroupPaymentIconProps extends RadioGroupProps {
+    size?: 'sm' | 'md';
+    items: PaymentCardItemType[];
+    /** Overrides the root `data-testid`. Options derive from it (e.g. `<root>--option-<value>`). */
+    'data-testid'?: string;
+}
+/**
+ * Radio group where each option is a saved payment method with a card logo, details and quick
+ * actions. Use in checkout to choose the card to pay with.
+ *
+ * @summary pick a saved payment method
+ */
+export declare const RadioGroupPaymentIcon: ({ items, size, className, "data-testid": dataTestId, ...props }: RadioGroupPaymentIconProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=RadioGroupPaymentIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupPaymentIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/RadioGroup/components/RadioGroupPaymentIcon.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAG7D,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,0BAA2B,SAAQ,eAAe;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,GAAI,iEAAwE,0BAA0B,gCAuDvI,CAAC"}

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

@@ -0,0 +1,20 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Button } from '@flipdish/ui-library/components/atoms/Button';
+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 saved payment method with a card logo, details and quick
+ * actions. Use in checkout to choose the card to pay with.
+ *
+ * @summary pick a saved payment method
+ */
+const RadioGroupPaymentIcon = ({ 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((card) => (jsx(Radio, { isDisabled: card.disabled, value: card.value, "data-testid": joinTestId(rootTestId, `option-${card.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 && 'bg-disabled_subtle ring-disabled_subtle cursor-not-allowed', 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("span", { className: "shrink-0", children: card.logo }), jsxs("div", { children: [jsxs("div", { className: cx('flex flex-col', size === 'md' ? 'gap-0.5' : ''), children: [jsx(Label, { className: cx('pointer-events-none text-secondary', size === 'md' ? 'text-md font-medium' : 'text-sm font-medium'), children: card.title }), jsx(Text, { slot: "description", className: cx('text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: card.description })] }), jsxs("div", { className: cx('flex gap-3', size === 'md' ? 'mt-3' : 'mt-2'), children: [jsx(Button, { color: "link-gray", size: size === 'md' ? 'md' : 'sm', isDisabled: isDisabled, children: "Set as default" }), jsx(Button, { color: "link-color", size: size === 'md' ? 'md' : 'sm', isDisabled: isDisabled, children: "Edit" })] })] })] }), jsx(CheckboxBase, { size: size === 'md' ? 'md' : 'sm', isDisabled: isDisabled, isSelected: isSelected, isFocusVisible: isFocusVisible })] })) }, card.value))) }));
+};
+
+export { RadioGroupPaymentIcon };
+//# sourceMappingURL=RadioGroupPaymentIcon.js.map

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

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

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

@@ -0,0 +1,20 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var reactAriaComponents = require('react-aria-components');
+
+/**
+ * Mutually exclusive option group rendered as stacked radio-button cards with a
+ * bullet indicator, title, secondary label, and description per item.
+ *
+ * @summary radio-button card group for plan or tier selection
+ */
+const RadioGroupRadioButton = ({ 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 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: ({ isSelected, isDisabled, isFocusVisible }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: cx.cx('relative mt-0.5 inline-flex shrink-0 items-center justify-center rounded-full ring-inset', size === 'md' ? 'size-5' : 'size-4', isSelected ? 'bg-brand-solid' : 'ring-1 ring-primary', isDisabled && 'bg-disabled_subtle ring-1 ring-disabled', isFocusVisible && 'outline-2 outline-offset-2 outline-focus-ring'), children: jsxRuntime.jsx("div", { className: cx.cx('absolute rounded-full bg-fg-white opacity-0', size === 'md' ? 'size-2' : 'size-1.5', isSelected ? 'opacity-100' : 'opacity-0', isDisabled && 'bg-fg-disabled_subtle') }) }), 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-sm font-medium 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-sm text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: plan.description })] })] })) }, plan.value))) }));
+};
+
+exports.RadioGroupRadioButton = RadioGroupRadioButton;
+//# sourceMappingURL=RadioGroupRadioButton.cjs.map

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

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

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

@@ -0,0 +1,16 @@
+import type { RadioGroupProps } from 'react-aria-components';
+import type { RadioGroupItemType } from '../radioGroup.types';
+export interface RadioGroupRadioButtonProps extends RadioGroupProps {
+    size?: 'sm' | 'md';
+    items: RadioGroupItemType[];
+    /** Overrides the root `data-testid`. Options derive from it (e.g. `<root>--option-<value>`). */
+    'data-testid'?: string;
+}
+/**
+ * Mutually exclusive option group rendered as stacked radio-button cards with a
+ * bullet indicator, title, secondary label, and description per item.
+ *
+ * @summary radio-button card group for plan or tier selection
+ */
+export declare const RadioGroupRadioButton: ({ items, size, className, "data-testid": dataTestId, ...props }: RadioGroupRadioButtonProps) => import("react").JSX.Element;
+//# sourceMappingURL=RadioGroupRadioButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupRadioButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/RadioGroup/components/RadioGroupRadioButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,MAAM,WAAW,0BAA2B,SAAQ,eAAe;IACjE,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,qBAAqB,GAAI,iEAAwE,0BAA0B,gCA+DvI,CAAC"}

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

@@ -0,0 +1,18 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+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';
+
+/**
+ * Mutually exclusive option group rendered as stacked radio-button cards with a
+ * bullet indicator, title, secondary label, and description per item.
+ *
+ * @summary radio-button card group for plan or tier selection
+ */
+const RadioGroupRadioButton = ({ 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 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: ({ isSelected, isDisabled, isFocusVisible }) => (jsxs(Fragment, { children: [jsx("div", { className: cx('relative mt-0.5 inline-flex shrink-0 items-center justify-center rounded-full ring-inset', size === 'md' ? 'size-5' : 'size-4', isSelected ? 'bg-brand-solid' : 'ring-1 ring-primary', isDisabled && 'bg-disabled_subtle ring-1 ring-disabled', isFocusVisible && 'outline-2 outline-offset-2 outline-focus-ring'), children: jsx("div", { className: cx('absolute rounded-full bg-fg-white opacity-0', size === 'md' ? 'size-2' : 'size-1.5', isSelected ? 'opacity-100' : 'opacity-0', isDisabled && 'bg-fg-disabled_subtle') }) }), 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-sm font-medium 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-sm text-tertiary', size === 'md' ? 'text-md' : 'text-sm'), children: plan.description })] })] })) }, plan.value))) }));
+};
+
+export { RadioGroupRadioButton };
+//# sourceMappingURL=RadioGroupRadioButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupRadioButton.js","sources":["../../../../../src/components/molecules/RadioGroup/components/RadioGroupRadioButton.tsx"],"sourcesContent":[null],"names":["_jsx","AriaRadioGroup","AriaRadio","_jsxs","AriaLabel","AriaText"],"mappings":";;;;;AAeA;;;;;AAKG;MACU,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAE,GAAG,KAAK,EAA8B,KAAI;AAC1I,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,iBACI,UAAU,EACvB,SAAS,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC,qBAAqB,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,YAE9G,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACdD,GAAA,CAACE,KAAS,IACR,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,UAAU,EAAE,cAAc,EAAE,KACpD,EAAE,CACA,sFAAsF,EACtF,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,4BACEH,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,0FAA0F,EAC1F,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,QAAQ,EACnC,UAAU,GAAG,gBAAgB,GAAG,qBAAqB,EACrD,UAAU,IAAI,yCAAyC,EACvD,cAAc,IAAI,+CAA+C,CAClE,EAAA,QAAA,EAEDA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,6CAA6C,EAC7C,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,UAAU,EACrC,UAAU,GAAG,aAAa,GAAG,WAAW,EACxC,UAAU,IAAI,uBAAuB,CACtC,EAAA,CACD,GACE,EAENG,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,EAAE,CAAC,aACjEA,IAAA,CAACC,KAAS,IAAC,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC,aACvFJ,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,IAAI,KAAK,IAAI,GAAG,qBAAqB,GAAG,qBAAqB,CAAC,EAAA,QAAA,EACrH,IAAI,CAAC,KAAK,GACN,EACPA,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,CAACK,IAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,EAAA,QAAA,EACvG,IAAI,CAAC,WAAW,EAAA,CACR,IACP,CAAA,EAAA,CACL,CACJ,EAAA,EA9CI,IAAI,CAAC,KAAK,CA+CL,CACb,CAAC,EAAA,CACa;AAErB;;;;"}

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

@@ -1,18 +1,18 @@
 'use strict';
 
-var radioGroupAvatar = require('./components/radio-group-avatar.cjs');
-var radioGroupCheckbox = require('./components/radio-group-checkbox.cjs');
-var radioGroupIconCard = require('./components/radio-group-icon-card.cjs');
-var radioGroupIconSimple = require('./components/radio-group-icon-simple.cjs');
-var radioGroupPaymentIcon = require('./components/radio-group-payment-icon.cjs');
-var radioGroupRadioButton = require('./components/radio-group-radio-button.cjs');
+var RadioGroupAvatar = require('./components/RadioGroupAvatar.cjs');
+var RadioGroupCheckbox = require('./components/RadioGroupCheckbox.cjs');
+var RadioGroupIconCard = require('./components/RadioGroupIconCard.cjs');
+var RadioGroupIconSimple = require('./components/RadioGroupIconSimple.cjs');
+var RadioGroupPaymentIcon = require('./components/RadioGroupPaymentIcon.cjs');
+var RadioGroupRadioButton = require('./components/RadioGroupRadioButton.cjs');
 
 
 
-exports.Avatar = radioGroupAvatar.RadioGroupAvatar;
-exports.Checkbox = radioGroupCheckbox.RadioGroupCheckbox;
-exports.IconCard = radioGroupIconCard.RadioGroupIconCard;
-exports.IconSimple = radioGroupIconSimple.RadioGroupIconSimple;
-exports.PaymentIcon = radioGroupPaymentIcon.RadioGroupPaymentIcon;
-exports.RadioButton = radioGroupRadioButton.RadioGroupRadioButton;
+exports.Avatar = RadioGroupAvatar.RadioGroupAvatar;
+exports.Checkbox = RadioGroupCheckbox.RadioGroupCheckbox;
+exports.IconCard = RadioGroupIconCard.RadioGroupIconCard;
+exports.IconSimple = RadioGroupIconSimple.RadioGroupIconSimple;
+exports.PaymentIcon = RadioGroupPaymentIcon.RadioGroupPaymentIcon;
+exports.RadioButton = RadioGroupRadioButton.RadioGroupRadioButton;
 //# sourceMappingURL=index.cjs.map

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

@@ -1,7 +1,7 @@
-export { RadioGroupAvatar as Avatar } from './components/radio-group-avatar';
-export { RadioGroupCheckbox as Checkbox } from './components/radio-group-checkbox';
-export { RadioGroupIconCard as IconCard } from './components/radio-group-icon-card';
-export { RadioGroupIconSimple as IconSimple } from './components/radio-group-icon-simple';
-export { RadioGroupPaymentIcon as PaymentIcon } from './components/radio-group-payment-icon';
-export { RadioGroupRadioButton as RadioButton } from './components/radio-group-radio-button';
+export { RadioGroupAvatar as Avatar } from './components/RadioGroupAvatar';
+export { RadioGroupCheckbox as Checkbox } from './components/RadioGroupCheckbox';
+export { RadioGroupIconCard as IconCard } from './components/RadioGroupIconCard';
+export { RadioGroupIconSimple as IconSimple } from './components/RadioGroupIconSimple';
+export { RadioGroupPaymentIcon as PaymentIcon } from './components/RadioGroupPaymentIcon';
+export { RadioGroupRadioButton as RadioButton } from './components/RadioGroupRadioButton';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/RadioGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,IAAI,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,kBAAkB,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AACnF,OAAO,EAAE,kBAAkB,IAAI,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACpF,OAAO,EAAE,oBAAoB,IAAI,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,qBAAqB,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAC7F,OAAO,EAAE,qBAAqB,IAAI,WAAW,EAAE,MAAM,uCAAuC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/RadioGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,kBAAkB,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AACjF,OAAO,EAAE,kBAAkB,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AACjF,OAAO,EAAE,oBAAoB,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,qBAAqB,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC1F,OAAO,EAAE,qBAAqB,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC"}

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

@@ -1,7 +1,7 @@
-export { RadioGroupAvatar as Avatar } from './components/radio-group-avatar.js';
-export { RadioGroupCheckbox as Checkbox } from './components/radio-group-checkbox.js';
-export { RadioGroupIconCard as IconCard } from './components/radio-group-icon-card.js';
-export { RadioGroupIconSimple as IconSimple } from './components/radio-group-icon-simple.js';
-export { RadioGroupPaymentIcon as PaymentIcon } from './components/radio-group-payment-icon.js';
-export { RadioGroupRadioButton as RadioButton } from './components/radio-group-radio-button.js';
+export { RadioGroupAvatar as Avatar } from './components/RadioGroupAvatar.js';
+export { RadioGroupCheckbox as Checkbox } from './components/RadioGroupCheckbox.js';
+export { RadioGroupIconCard as IconCard } from './components/RadioGroupIconCard.js';
+export { RadioGroupIconSimple as IconSimple } from './components/RadioGroupIconSimple.js';
+export { RadioGroupPaymentIcon as PaymentIcon } from './components/RadioGroupPaymentIcon.js';
+export { RadioGroupRadioButton as RadioButton } from './components/RadioGroupRadioButton.js';
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/Select/components/Combobox.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Input = require('@flipdish/ui-library/components/atoms/Input');
+var useResizeObserver = require('@flipdish/ui-library/hooks/useResizeObserver');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var useHotkeyHint = require('../../../../hooks/__internal__/useHotkeyHint/useHotkeyHint.cjs');
+var componentGuard_utils = require('../../../../utilities/__internal__/componentGuardUtils/componentGuard.utils.cjs');
+var Popover = require('./Popover.cjs');
+var SelectShared = require('./SelectShared.cjs');
+
+const ComboBoxValue = ({ size, shortcut, placeholder, shortcutClassName, icon: IconProp, ref, ...otherProps }) => {
+    const state = React.useContext(reactAriaComponents.ComboBoxStateContext);
+    const shortcutHint = useHotkeyHint.useHotkeyHint('mod+k');
+    const value = state?.selectedItem?.value || null;
+    const inputValue = state?.inputValue || null;
+    const first = inputValue?.split(value?.supportingText)?.[0] || '';
+    const last = inputValue?.split(first)[1];
+    return (jsxRuntime.jsxs(reactAriaComponents.Group, { ref: ref, ...otherProps, className: ({ isFocusWithin, isDisabled }) => cx.cx('relative flex w-full items-center gap-2 rounded-lg bg-primary shadow-xs ring-1 ring-primary outline-hidden transition-shadow duration-100 ease-linear ring-inset', isDisabled && 'cursor-not-allowed opacity-50', isFocusWithin && 'ring-2 ring-brand', 
+        // Icon styles
+        '*:data-icon:shrink-0 *:data-icon:text-fg-quaternary', SelectShared.sizes[size].root), children: [componentGuard_utils.isReactComponent(IconProp) ? (jsxRuntime.jsx(IconProp, { "data-icon": true, className: "pointer-events-none", "aria-hidden": "true" })) : React.isValidElement(IconProp) ? (IconProp) : (jsxRuntime.jsx(uiIcons.SearchLg, { "data-icon": true, className: "pointer-events-none", "aria-hidden": "true" })), jsxRuntime.jsxs("div", { className: "relative flex w-full items-center", children: [inputValue && (jsxRuntime.jsxs("span", { className: cx.cx('absolute top-1/2 z-0 inline-flex w-full -translate-y-1/2 truncate', SelectShared.sizes[size].textContainer), "aria-hidden": "true", children: [jsxRuntime.jsx("p", { className: cx.cx('font-medium text-primary', SelectShared.sizes[size].text), children: first }), last && jsxRuntime.jsx("p", { className: cx.cx('-ml-0.75 text-tertiary', SelectShared.sizes[size].text), children: last })] })), jsxRuntime.jsx(reactAriaComponents.Input, { placeholder: placeholder, className: cx.cx('z-10 w-full appearance-none bg-transparent text-transparent caret-alpha-black/90 placeholder:text-placeholder focus:outline-hidden disabled:cursor-not-allowed', SelectShared.sizes[size].text) })] }), shortcut && (jsxRuntime.jsx("div", { className: cx.cx('absolute inset-y-0.5 right-0.5 z-10 hidden items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8 md:flex', SelectShared.sizes[size].shortcut, shortcutClassName), children: jsxRuntime.jsx("span", { className: "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset", "aria-hidden": "true", children: shortcutHint }) }))] }));
+};
+const ComboBox = ({ placeholder = 'Search', shortcut = true, size = 'md', children, items, shortcutClassName, icon, hideRequiredIndicator, ...otherProps }) => {
+    const placeholderRef = React.useRef(null);
+    const [popoverWidth, setPopoverWidth] = React.useState('');
+    // Resize observer for popover width
+    // biome-ignore lint/correctness/useExhaustiveDependencies: We need to pass the setPopoverWidth function to the onResize callback
+    const onResize = React.useCallback(() => {
+        if (!placeholderRef.current)
+            return;
+        const divRect = placeholderRef.current?.getBoundingClientRect();
+        setPopoverWidth(`${divRect.width}px`);
+    }, [placeholderRef, setPopoverWidth]);
+    useResizeObserver.useResizeObserver({
+        ref: placeholderRef,
+        box: 'border-box',
+        onResize,
+    });
+    return (jsxRuntime.jsx(SelectShared.SelectContext.Provider, { value: { size }, children: jsxRuntime.jsx(reactAriaComponents.ComboBox, { menuTrigger: "focus", ...otherProps, children: (state) => (jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [otherProps.label && (jsxRuntime.jsx(Input.Label, { isRequired: hideRequiredIndicator ? false : state.isRequired, tooltip: otherProps.tooltip, children: otherProps.label })), jsxRuntime.jsx(ComboBoxValue, { ref: placeholderRef, placeholder: placeholder, shortcut: shortcut, shortcutClassName: shortcutClassName, icon: icon, size: size, 
+                        // This is a workaround to correctly calculating the trigger width
+                        // while using ResizeObserver wasn't 100% reliable.
+                        onFocus: onResize, onPointerEnter: onResize }), jsxRuntime.jsx(Popover.Popover, { size: size, triggerRef: placeholderRef, style: { width: popoverWidth }, className: otherProps.popoverClassName, children: jsxRuntime.jsx(reactAriaComponents.ListBox, { items: items, className: "size-full outline-hidden", children: children }) }), otherProps.hint && (jsxRuntime.jsx(Input.HintText, { isInvalid: state.isInvalid, className: cx.cx(size === 'sm' && 'text-xs'), children: otherProps.hint }))] })) }) }));
+};
+
+exports.ComboBox = ComboBox;
+//# sourceMappingURL=Combobox.cjs.map

package/dist/components/molecules/Select/components/Combobox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.cjs","sources":["../../../../../src/components/molecules/Select/components/Combobox.tsx"],"sourcesContent":[null],"names":["useContext","ComboBoxStateContext","useHotkeyHint","_jsxs","AriaGroup","cx","sizes","isReactComponent","_jsx","isValidElement","SearchLg","AriaInput","useRef","useState","useCallback","useResizeObserver","SelectContext","AriaComboBox","Label","Popover","AriaListBox","HintText"],"mappings":"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"}

package/dist/components/molecules/Select/components/Combobox.d.ts

@@ -0,0 +1,15 @@
+import type { FC, ReactNode, RefAttributes } from 'react';
+import type { ComboBoxProps as AriaComboBoxProps, ListBoxProps as AriaListBoxProps } from 'react-aria-components';
+import { type CommonProps, type SelectItemType } from './SelectShared';
+interface ComboBoxProps extends Omit<AriaComboBoxProps<SelectItemType>, 'children' | 'items'>, RefAttributes<HTMLDivElement>, CommonProps {
+    shortcut?: boolean;
+    items?: SelectItemType[];
+    popoverClassName?: string;
+    shortcutClassName?: string;
+    /** Leading icon component displayed before the input. */
+    icon?: FC | ReactNode;
+    children: AriaListBoxProps<SelectItemType>['children'];
+}
+export declare const ComboBox: ({ placeholder, shortcut, size, children, items, shortcutClassName, icon, hideRequiredIndicator, ...otherProps }: ComboBoxProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Combobox.d.ts.map

package/dist/components/molecules/Select/components/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Select/components/Combobox.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,EAA0C,SAAS,EAAO,aAAa,EAAE,MAAM,OAAO,CAAC;AAEvG,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAgC,YAAY,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAWhJ,OAAO,EAAE,KAAK,WAAW,EAAiB,KAAK,cAAc,EAAS,MAAM,gBAAgB,CAAC;AAE7F,UAAU,aAAc,SAAQ,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,WAAW;IACvI,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yDAAyD;IACzD,IAAI,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACtB,QAAQ,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC,UAAU,CAAC,CAAC;CACxD;AAqFD,eAAO,MAAM,QAAQ,GAAI,iHAUtB,aAAa,gCA4Df,CAAC"}

package/dist/components/molecules/Select/components/Combobox.js

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { SearchLg } from '@flipdish/ui-icons';
+import { Label, HintText } from '@flipdish/ui-library/components/atoms/Input';
+import { useResizeObserver } from '@flipdish/ui-library/hooks/useResizeObserver';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useRef, useState, useCallback, useContext, isValidElement } from 'react';
+import { ComboBox as ComboBox$1, ListBox, ComboBoxStateContext, Group, Input } from 'react-aria-components';
+import { useHotkeyHint } from '../../../../hooks/__internal__/useHotkeyHint/useHotkeyHint.js';
+import { isReactComponent } from '../../../../utilities/__internal__/componentGuardUtils/componentGuard.utils.js';
+import { Popover } from './Popover.js';
+import { SelectContext, sizes } from './SelectShared.js';
+
+const ComboBoxValue = ({ size, shortcut, placeholder, shortcutClassName, icon: IconProp, ref, ...otherProps }) => {
+    const state = useContext(ComboBoxStateContext);
+    const shortcutHint = useHotkeyHint('mod+k');
+    const value = state?.selectedItem?.value || null;
+    const inputValue = state?.inputValue || null;
+    const first = inputValue?.split(value?.supportingText)?.[0] || '';
+    const last = inputValue?.split(first)[1];
+    return (jsxs(Group, { ref: ref, ...otherProps, className: ({ isFocusWithin, isDisabled }) => cx('relative flex w-full items-center gap-2 rounded-lg bg-primary shadow-xs ring-1 ring-primary outline-hidden transition-shadow duration-100 ease-linear ring-inset', isDisabled && 'cursor-not-allowed opacity-50', isFocusWithin && 'ring-2 ring-brand', 
+        // Icon styles
+        '*:data-icon:shrink-0 *:data-icon:text-fg-quaternary', sizes[size].root), children: [isReactComponent(IconProp) ? (jsx(IconProp, { "data-icon": true, className: "pointer-events-none", "aria-hidden": "true" })) : isValidElement(IconProp) ? (IconProp) : (jsx(SearchLg, { "data-icon": true, className: "pointer-events-none", "aria-hidden": "true" })), jsxs("div", { className: "relative flex w-full items-center", children: [inputValue && (jsxs("span", { className: cx('absolute top-1/2 z-0 inline-flex w-full -translate-y-1/2 truncate', sizes[size].textContainer), "aria-hidden": "true", children: [jsx("p", { className: cx('font-medium text-primary', sizes[size].text), children: first }), last && jsx("p", { className: cx('-ml-0.75 text-tertiary', sizes[size].text), children: last })] })), jsx(Input, { placeholder: placeholder, className: cx('z-10 w-full appearance-none bg-transparent text-transparent caret-alpha-black/90 placeholder:text-placeholder focus:outline-hidden disabled:cursor-not-allowed', sizes[size].text) })] }), shortcut && (jsx("div", { className: cx('absolute inset-y-0.5 right-0.5 z-10 hidden items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8 md:flex', sizes[size].shortcut, shortcutClassName), children: jsx("span", { className: "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset", "aria-hidden": "true", children: shortcutHint }) }))] }));
+};
+const ComboBox = ({ placeholder = 'Search', shortcut = true, size = 'md', children, items, shortcutClassName, icon, hideRequiredIndicator, ...otherProps }) => {
+    const placeholderRef = useRef(null);
+    const [popoverWidth, setPopoverWidth] = useState('');
+    // Resize observer for popover width
+    // biome-ignore lint/correctness/useExhaustiveDependencies: We need to pass the setPopoverWidth function to the onResize callback
+    const onResize = useCallback(() => {
+        if (!placeholderRef.current)
+            return;
+        const divRect = placeholderRef.current?.getBoundingClientRect();
+        setPopoverWidth(`${divRect.width}px`);
+    }, [placeholderRef, setPopoverWidth]);
+    useResizeObserver({
+        ref: placeholderRef,
+        box: 'border-box',
+        onResize,
+    });
+    return (jsx(SelectContext.Provider, { value: { size }, children: jsx(ComboBox$1, { menuTrigger: "focus", ...otherProps, children: (state) => (jsxs("div", { className: "flex flex-col gap-1.5", children: [otherProps.label && (jsx(Label, { isRequired: hideRequiredIndicator ? false : state.isRequired, tooltip: otherProps.tooltip, children: otherProps.label })), jsx(ComboBoxValue, { ref: placeholderRef, placeholder: placeholder, shortcut: shortcut, shortcutClassName: shortcutClassName, icon: icon, size: size, 
+                        // This is a workaround to correctly calculating the trigger width
+                        // while using ResizeObserver wasn't 100% reliable.
+                        onFocus: onResize, onPointerEnter: onResize }), jsx(Popover, { size: size, triggerRef: placeholderRef, style: { width: popoverWidth }, className: otherProps.popoverClassName, children: jsx(ListBox, { items: items, className: "size-full outline-hidden", children: children }) }), otherProps.hint && (jsx(HintText, { isInvalid: state.isInvalid, className: cx(size === 'sm' && 'text-xs'), children: otherProps.hint }))] })) }) }));
+};
+
+export { ComboBox };
+//# sourceMappingURL=Combobox.js.map

package/dist/components/molecules/Select/components/Combobox.js.map

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

package/dist/components/molecules/Select/components/MultiSelect.cjs

@@ -0,0 +1,104 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+var FeaturedIcon = require('@flipdish/ui-library/components/atoms/FeaturedIcon');
+var Input = require('@flipdish/ui-library/components/atoms/Input');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var testIdUtils = require('@flipdish/ui-library/utilities/testIdUtils');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var children_utils = require('../../../../utilities/__internal__/childrenUtils/children.utils.cjs');
+var SelectItem = require('./SelectItem.cjs');
+var SelectShared = require('./SelectShared.cjs');
+
+const searchSizes = {
+    sm: { wrapper: 'py-1', root: 'px-3 py-2 gap-2 *:data-icon:size-4 *:data-icon:stroke-[2.25px]', text: 'text-sm' },
+    md: { wrapper: 'py-0.5', root: 'px-3 py-2 gap-2 *:data-icon:size-5', text: 'text-md' },
+    lg: { wrapper: 'py-0.5', root: 'px-3.5 py-2.5 gap-2 *:data-icon:size-5', text: 'text-md' },
+};
+const footerButtonSize = {
+    sm: 'xs',
+    md: 'sm',
+    lg: 'sm',
+};
+const popoverMaxHeights = {
+    sm: 'max-h-68',
+    md: 'max-h-76',
+    lg: 'max-h-92',
+};
+const MultiSelectFooter = ({ size = 'sm', onReset, onSelectAll, className }) => {
+    const btnSize = footerButtonSize[size];
+    return (jsxRuntime.jsxs("div", { className: cx.cx('flex shrink-0 items-center justify-between border-t border-secondary p-3', className), children: [jsxRuntime.jsx(Button.Button, { size: btnSize, color: "secondary", onClick: onReset, children: "Reset" }), jsxRuntime.jsx(Button.Button, { size: btnSize, color: "secondary", onClick: onSelectAll, children: "Select all" })] }));
+};
+const MultiSelectEmptyState = ({ title = 'No results found', description = 'Please try a different search term.', onClearSearch, className, }) => (jsxRuntime.jsxs("div", { className: cx.cx('flex flex-col items-center gap-3 px-4 py-4', className), children: [jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-3", children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { icon: uiIcons.SearchLg, size: "sm", color: "gray", theme: "modern" }), jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-0.5 text-center text-sm", children: [jsxRuntime.jsx("p", { className: "font-semibold text-primary", children: title }), jsxRuntime.jsx("p", { className: "text-tertiary", children: description })] })] }), onClearSearch && (jsxRuntime.jsx(Button.Button, { size: "sm", color: "link-color", onClick: onClearSearch, children: "Clear search" }))] }));
+const MultiSelectRoot = ({ items, children, size = 'md', selectedKeys, defaultSelectedKeys, onSelectionChange, isDisabled, isRequired, isInvalid, 'aria-label': ariaLabel, placeholder = 'Select', label, hint, tooltip, hideRequiredIndicator, popoverClassName, className, onReset, onSelectAll, showFooter = true, showSearch = true, emptyStateTitle, emptyStateDescription, selectedCountFormatter, supportingText, ref, 'data-testid': dataTestId, }) => {
+    const { contains } = reactAriaComponents.useFilter({ sensitivity: 'base' });
+    const [searchValue, setSearchValue] = React.useState('');
+    const rootTestId = testIdUtils.useResolvedTestId({ testId: dataTestId, segment: 'multi-select', rootName: 'multi-select' });
+    const triggerRef = React.useRef(null);
+    const [popoverWidth, setPopoverWidth] = React.useState('');
+    const onResize = React.useCallback(() => {
+        if (!triggerRef.current)
+            return;
+        const rect = triggerRef.current.getBoundingClientRect();
+        setPopoverWidth(`${rect.width}px`);
+    }, []);
+    // Controlled when `selectedKeys` is supplied; otherwise track selection internally
+    // (seeded from `defaultSelectedKeys`) so the trigger summary, footer, and item ticks
+    // all reflect choices even without the parent wiring `onSelectionChange`.
+    const isControlled = selectedKeys !== undefined;
+    const [internalSelectedKeys, setInternalSelectedKeys] = React.useState(defaultSelectedKeys ?? new Set());
+    const currentSelectedKeys = isControlled ? selectedKeys : internalSelectedKeys;
+    const handleSelectionChange = (keys) => {
+        if (!isControlled)
+            setInternalSelectedKeys(keys);
+        onSelectionChange?.(keys);
+    };
+    const handleReset = () => {
+        if (!isControlled)
+            setInternalSelectedKeys(new Set());
+        onReset?.();
+    };
+    // Every selectable key — from `items` when data-driven, else from the ids of the
+    // static `MultiSelect.Item` children, so "Select all" works in both modes.
+    const getSelectableKeys = () => {
+        if (items)
+            return new Set(items.map((item) => item.id));
+        if (typeof children === 'function')
+            return new Set();
+        return new Set(children_utils.flattenChildren(children)
+            .filter(React.isValidElement)
+            .map((child) => child.props.id)
+            .filter((id) => id != null));
+    };
+    const handleSelectAll = () => {
+        if (!isControlled)
+            setInternalSelectedKeys(getSelectableKeys());
+        onSelectAll?.();
+    };
+    const selectedCount = currentSelectedKeys instanceof Set ? currentSelectedKeys.size : currentSelectedKeys === 'all' ? (items?.length ?? 0) : 0;
+    const hasSelection = selectedCount > 0;
+    const handleClearSearch = React.useCallback(() => {
+        setSearchValue('');
+    }, []);
+    return (jsxRuntime.jsx(SelectShared.SelectContext.Provider, { value: { size, testIdPrefix: rootTestId }, children: jsxRuntime.jsxs("div", { ref: ref, "data-testid": rootTestId, className: cx.cx('flex flex-col gap-1.5', className), children: [label && (jsxRuntime.jsx(Input.Label, { isRequired: hideRequiredIndicator ? false : isRequired, isInvalid: isInvalid, tooltip: tooltip, children: label })), jsxRuntime.jsxs(reactAriaComponents.DialogTrigger, { children: [jsxRuntime.jsx(reactAriaComponents.Button, { ref: triggerRef, "data-testid": testIdUtils.joinTestId(rootTestId, 'trigger'), isDisabled: isDisabled, "aria-label": label ? undefined : ariaLabel, "data-invalid": isInvalid || undefined, "data-required": isRequired || undefined, onClick: onResize, className: (state) => cx.cx('relative flex w-full cursor-pointer items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary outline-hidden transition duration-100 ease-linear ring-inset', (state.isFocusVisible || state.isPressed) && 'ring-2 ring-brand', state.isDisabled && 'cursor-not-allowed opacity-50'), children: jsxRuntime.jsxs("span", { className: cx.cx('flex w-full items-center truncate text-left', SelectShared.sizes[size].root, '*:data-icon:shrink-0 *:data-icon:text-fg-quaternary'), children: [hasSelection ? (jsxRuntime.jsxs("span", { className: cx.cx('flex items-center', SelectShared.sizes[size].textContainer), children: [jsxRuntime.jsx("span", { className: cx.cx('font-medium text-primary', SelectShared.sizes[size].text), children: selectedCountFormatter ? selectedCountFormatter(selectedCount) : `${selectedCount} selected` }), supportingText && jsxRuntime.jsx("span", { className: cx.cx('text-tertiary', SelectShared.sizes[size].text), children: supportingText })] })) : (jsxRuntime.jsx("span", { className: cx.cx('text-placeholder', SelectShared.sizes[size].text), children: placeholder })), jsxRuntime.jsx(uiIcons.ChevronDown, { "aria-hidden": "true", className: cx.cx('ml-auto shrink-0 text-fg-quaternary', size === 'lg' ? 'size-5' : 'size-4 stroke-[2.25px]') })] }) }), jsxRuntime.jsx(reactAriaComponents.Popover, { placement: "bottom", offset: 4, containerPadding: 0, style: { width: popoverWidth || undefined }, className: (state) => cx.cx('w-(--trigger-width) origin-(--trigger-anchor-point) overflow-hidden rounded-lg bg-primary shadow-lg ring-1 ring-secondary_alt outline-hidden', 
+                            // Only while animating: a resting `will-change: transform` stops iOS WebKit touch-scrolling the nested list.
+                            (state.isEntering || state.isExiting) && 'will-change-transform', state.isEntering &&
+                                'duration-150 ease-out animate-in fade-in placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', state.isExiting &&
+                                'duration-100 ease-in animate-out fade-out placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5', popoverClassName), children: jsxRuntime.jsxs(reactAriaComponents.Dialog, { className: "flex max-h-[inherit] flex-col outline-hidden", children: [jsxRuntime.jsxs(reactAriaComponents.Autocomplete, { filter: contains, inputValue: searchValue, onInputChange: setSearchValue, children: [showSearch && (jsxRuntime.jsx("div", { className: cx.cx('shrink-0 border-b border-secondary', searchSizes[size].wrapper), children: jsxRuntime.jsx(reactAriaComponents.SearchField, { "aria-label": "Search", value: searchValue, onChange: setSearchValue, autoFocus: true, children: jsxRuntime.jsxs("div", { className: cx.cx('flex items-center', searchSizes[size].root), children: [jsxRuntime.jsx(uiIcons.SearchLg, { "data-icon": true, "aria-hidden": "true", className: "shrink-0 text-fg-quaternary" }), jsxRuntime.jsx(reactAriaComponents.Input, { placeholder: "Search", className: cx.cx('w-full appearance-none bg-transparent text-primary caret-alpha-black/90 outline-hidden placeholder:text-placeholder', searchSizes[size].text) })] }) }) })), jsxRuntime.jsx(reactAriaComponents.ListBox, { "aria-label": label || 'Options', items: items, selectionMode: "multiple", selectedKeys: currentSelectedKeys, onSelectionChange: handleSelectionChange, renderEmptyState: () => (jsxRuntime.jsx(MultiSelectEmptyState, { title: emptyStateTitle, description: emptyStateDescription, onClearSearch: searchValue ? handleClearSearch : undefined })), className: cx.cx('min-h-0 overflow-y-auto py-1 outline-hidden', popoverMaxHeights[size]), children: children })] }), showFooter && jsxRuntime.jsx(MultiSelectFooter, { size: size, onReset: handleReset, onSelectAll: handleSelectAll })] }) })] }), hint && (jsxRuntime.jsx(Input.HintText, { isInvalid: isInvalid, className: cx.cx(size === 'sm' && 'text-xs'), children: hint }))] }) }));
+};
+/**
+ * An interactive dropdown that lets the user select multiple options from a
+ * searchable list, with built-in Reset and Select all footer actions.
+ *
+ * @summary pick multiple options from a searchable dropdown list
+ */
+const MultiSelect = MultiSelectRoot;
+MultiSelect.Item = SelectItem.SelectItem;
+MultiSelect.Footer = MultiSelectFooter;
+MultiSelect.EmptyState = MultiSelectEmptyState;
+
+exports.MultiSelect = MultiSelect;
+//# sourceMappingURL=MultiSelect.cjs.map

package/dist/components/molecules/Select/components/MultiSelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.cjs","sources":["../../../../../src/components/molecules/Select/components/MultiSelect.tsx"],"sourcesContent":[null],"names":["_jsxs","cx","_jsx","Button","FeaturedIcon","SearchLg","useFilter","useState","useResolvedTestId","useRef","useCallback","flattenChildren","isValidElement","SelectContext","Label","AriaDialogTrigger","AriaButton","joinTestId","sizes","ChevronDown","AriaPopover","AriaDialog","AriaAutocomplete","AriaSearchField","AriaInput","AriaListBox","HintText","SelectItem"],"mappings":"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"}