@flipdish/ui-library 0.2.1

package/dist/components/molecules/RadioGroup/components/radio-group-radio-button.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+
+const RadioGroupRadioButton = ({ items, size = 'sm', className, ...props }) => {
+    return (jsxRuntime.jsx(reactAriaComponents.RadioGroup, { ...props, 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, 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=radio-group-radio-button.cjs.map

package/dist/components/molecules/RadioGroup/components/radio-group-radio-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-radio-button.cjs","sources":["../../../../../src/components/molecules/RadioGroup/components/radio-group-radio-button.tsx"],"sourcesContent":[null],"names":["_jsx","AriaRadioGroup","cx","AriaRadio","_jsxs","AriaLabel","AriaText"],"mappings":";;;;;;AAYO,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,KAAI;AAC/G,IAAA,QACEA,cAAA,CAACC,8BAAc,EAAA,EAAA,GAAK,KAAK,EAAE,SAAS,EAAE,CAAC,KAAK,KAAKC,KAAE,CAAC,qBAAqB,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,YACvI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACdF,cAAA,CAACG,yBAAS,IACR,UAAU,EAAE,IAAI,CAAC,QAAQ,EAEzB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,KACpDD,KAAE,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,MAC1CE,kDACEJ,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEE,KAAE,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,EAEDF,wBACE,SAAS,EAAEE,KAAE,CACX,6CAA6C,EAC7C,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,UAAU,EACrC,UAAU,GAAG,aAAa,GAAG,WAAW,EACxC,UAAU,IAAI,uBAAuB,CACtC,GACD,EAAA,CACE,EAENE,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,KAAE,CAAC,eAAe,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACjEE,eAAA,CAACC,yBAAS,EAAA,EAAC,SAAS,EAAEH,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,oCAAoC,EAAE,IAAI,KAAK,IAAI,GAAG,qBAAqB,GAAG,qBAAqB,CAAC,EAAA,QAAA,EACrH,IAAI,CAAC,KAAK,GACN,EACPF,cAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEE,KAAE,CAAC,eAAe,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,YAAG,IAAI,CAAC,cAAc,EAAA,CAAQ,CAAA,EAAA,CAC/F,EACZF,cAAA,CAACM,wBAAQ,EAAA,EAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAEJ,KAAE,CAAC,uBAAuB,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,YACvG,IAAI,CAAC,WAAW,EAAA,CACR,IACP,CAAA,EAAA,CACL,CACJ,EAAA,EA7CI,IAAI,CAAC,KAAK,CA8CL,CACb,CAAC,EAAA,CACa;AAErB;;;;"}

package/dist/components/molecules/RadioGroup/components/radio-group-radio-button.d.ts

@@ -0,0 +1,9 @@
+import type { RadioGroupProps } from 'react-aria-components';
+import type { RadioGroupItemType } from '../radioGroup.types';
+interface RadioGroupRadioButtonProps extends RadioGroupProps {
+    size?: 'sm' | 'md';
+    items: RadioGroupItemType[];
+}
+export declare const RadioGroupRadioButton: ({ items, size, className, ...props }: RadioGroupRadioButtonProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=radio-group-radio-button.d.ts.map

package/dist/components/molecules/RadioGroup/components/radio-group-radio-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-radio-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/RadioGroup/components/radio-group-radio-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,UAAU,0BAA2B,SAAQ,eAAe;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC7B;AAED,eAAO,MAAM,qBAAqB,GAAI,sCAA6C,0BAA0B,gCAwD5G,CAAC"}

package/dist/components/molecules/RadioGroup/components/radio-group-radio-button.js

@@ -0,0 +1,10 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { RadioGroup, Radio, Label, Text } from 'react-aria-components';
+
+const RadioGroupRadioButton = ({ items, size = 'sm', className, ...props }) => {
+    return (jsx(RadioGroup, { ...props, 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, 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=radio-group-radio-button.js.map

package/dist/components/molecules/RadioGroup/components/radio-group-radio-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-radio-button.js","sources":["../../../../../src/components/molecules/RadioGroup/components/radio-group-radio-button.tsx"],"sourcesContent":[null],"names":["_jsx","AriaRadioGroup","AriaRadio","_jsxs","AriaLabel","AriaText"],"mappings":";;;;AAYO,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B,KAAI;AAC/G,IAAA,QACEA,GAAA,CAACC,UAAc,EAAA,EAAA,GAAK,KAAK,EAAE,SAAS,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC,qBAAqB,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,YACvI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACdD,GAAA,CAACE,KAAS,IACR,UAAU,EAAE,IAAI,CAAC,QAAQ,EAEzB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,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,aACE,SAAS,EAAE,EAAE,CACX,6CAA6C,EAC7C,IAAI,KAAK,IAAI,GAAG,QAAQ,GAAG,UAAU,EACrC,UAAU,GAAG,aAAa,GAAG,WAAW,EACxC,UAAU,IAAI,uBAAuB,CACtC,GACD,EAAA,CACE,EAENG,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACjEA,IAAA,CAACC,KAAS,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC,EAAA,QAAA,EAAA,CACvFJ,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,YAAG,IAAI,CAAC,cAAc,EAAA,CAAQ,CAAA,EAAA,CAC/F,EACZA,GAAA,CAACK,IAAQ,EAAA,EAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,IAAI,KAAK,IAAI,GAAG,SAAS,GAAG,SAAS,CAAC,YACvG,IAAI,CAAC,WAAW,EAAA,CACR,IACP,CAAA,EAAA,CACL,CACJ,EAAA,EA7CI,IAAI,CAAC,KAAK,CA8CL,CACb,CAAC,EAAA,CACa;AAErB;;;;"}

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

@@ -0,0 +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');
+
+
+
+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.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

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

@@ -0,0 +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';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +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';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/molecules/RadioGroup/radioGroup.types.d.ts

@@ -0,0 +1,12 @@
+import type { FC } from 'react';
+export type RadioGroupItemType = {
+    value: string;
+    title: string;
+    disabled?: boolean;
+    description: string;
+    secondaryTitle: string;
+    icon: FC<{
+        className?: string;
+    }>;
+};
+//# sourceMappingURL=radioGroup.types.d.ts.map

package/dist/components/molecules/RadioGroup/radioGroup.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioGroup.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/RadioGroup/radioGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAClC,CAAC"}

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

@@ -0,0 +1,20 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+
+const SectionHeaderRoot = (props) => (jsxRuntime.jsx("div", { ...props, className: cx.cx('flex flex-col gap-5 border-b border-secondary pb-5', props.className), children: props.children }));
+const SectionHeaderGroup = (props) => (jsxRuntime.jsx("div", { ...props, className: cx.cx('relative flex flex-col items-start gap-4 md:flex-row', props.className), children: props.children }));
+const SectionHeaderActions = (props) => (jsxRuntime.jsx("div", { ...props, className: cx.cx('flex gap-3', props.className), children: props.children }));
+const SectionHeaderHeading = (props) => (jsxRuntime.jsx("h2", { ...props, className: cx.cx('text-md font-semibold text-primary', props.className), children: props.children }));
+const SectionHeaderSubheading = (props) => (jsxRuntime.jsx("p", { ...props, className: cx.cx('text-sm text-tertiary', props.className), children: props.children }));
+const SectionHeader = {
+    Root: SectionHeaderRoot,
+    Group: SectionHeaderGroup,
+    Actions: SectionHeaderActions,
+    Heading: SectionHeaderHeading,
+    Subheading: SectionHeaderSubheading,
+};
+
+exports.SectionHeader = SectionHeader;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/SectionHeader/index.tsx"],"sourcesContent":[null],"names":["_jsx","cx"],"mappings":";;;;;AAKA,MAAM,iBAAiB,GAAG,CAAC,KAAmC,MAC5DA,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,oDAAoD,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACjG,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,kBAAkB,GAAG,CAAC,KAAmC,MAC7DD,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,sDAAsD,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACnG,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAmC,MAC/DD,cAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACzD,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAkC,MAC9DD,cAAA,CAAA,IAAA,EAAA,EAAA,GAAQ,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,oCAAoC,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAChF,KAAK,CAAC,QAAQ,EAAA,CACZ,CACN;AAED,MAAM,uBAAuB,GAAG,CAAC,KAAiC,MAChED,cAAA,CAAA,GAAA,EAAA,EAAA,GAAO,KAAK,EAAE,SAAS,EAAEC,KAAE,CAAC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAClE,KAAK,CAAC,QAAQ,EAAA,CACb,CACL;AAEM,MAAM,aAAa,GAAG;AAC3B,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,KAAK,EAAE,kBAAkB;AACzB,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,UAAU,EAAE,uBAAuB;;;;;"}

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

@@ -0,0 +1,9 @@
+import type { ComponentPropsWithRef } from 'react';
+export declare const SectionHeader: {
+    Root: (props: ComponentPropsWithRef<"div">) => import("react").JSX.Element;
+    Group: (props: ComponentPropsWithRef<"div">) => import("react").JSX.Element;
+    Actions: (props: ComponentPropsWithRef<"div">) => import("react").JSX.Element;
+    Heading: (props: ComponentPropsWithRef<"h2">) => import("react").JSX.Element;
+    Subheading: (props: ComponentPropsWithRef<"p">) => import("react").JSX.Element;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/SectionHeader/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAgCnD,eAAO,MAAM,aAAa;kBA9BQ,qBAAqB,CAAC,KAAK,CAAC;mBAM3B,qBAAqB,CAAC,KAAK,CAAC;qBAM1B,qBAAqB,CAAC,KAAK,CAAC;qBAM5B,qBAAqB,CAAC,IAAI,CAAC;wBAMxB,qBAAqB,CAAC,GAAG,CAAC;CAYjE,CAAC"}

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

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+
+const SectionHeaderRoot = (props) => (jsx("div", { ...props, className: cx('flex flex-col gap-5 border-b border-secondary pb-5', props.className), children: props.children }));
+const SectionHeaderGroup = (props) => (jsx("div", { ...props, className: cx('relative flex flex-col items-start gap-4 md:flex-row', props.className), children: props.children }));
+const SectionHeaderActions = (props) => (jsx("div", { ...props, className: cx('flex gap-3', props.className), children: props.children }));
+const SectionHeaderHeading = (props) => (jsx("h2", { ...props, className: cx('text-md font-semibold text-primary', props.className), children: props.children }));
+const SectionHeaderSubheading = (props) => (jsx("p", { ...props, className: cx('text-sm text-tertiary', props.className), children: props.children }));
+const SectionHeader = {
+    Root: SectionHeaderRoot,
+    Group: SectionHeaderGroup,
+    Actions: SectionHeaderActions,
+    Heading: SectionHeaderHeading,
+    Subheading: SectionHeaderSubheading,
+};
+
+export { SectionHeader };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/SectionHeader/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAKA,MAAM,iBAAiB,GAAG,CAAC,KAAmC,MAC5DA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,oDAAoD,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACjG,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,kBAAkB,GAAG,CAAC,KAAmC,MAC7DA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,sDAAsD,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACnG,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAmC,MAC/DA,GAAA,CAAA,KAAA,EAAA,EAAA,GAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EACzD,KAAK,CAAC,QAAQ,EAAA,CACX,CACP;AAED,MAAM,oBAAoB,GAAG,CAAC,KAAkC,MAC9DA,GAAA,CAAA,IAAA,EAAA,EAAA,GAAQ,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAChF,KAAK,CAAC,QAAQ,EAAA,CACZ,CACN;AAED,MAAM,uBAAuB,GAAG,CAAC,KAAiC,MAChEA,GAAA,CAAA,GAAA,EAAA,EAAA,GAAO,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA,QAAA,EAClE,KAAK,CAAC,QAAQ,EAAA,CACb,CACL;AAEM,MAAM,aAAa,GAAG;AAC3B,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,KAAK,EAAE,kBAAkB;AACzB,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,UAAU,EAAE,uBAAuB;;;;;"}

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

@@ -0,0 +1,47 @@
+'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 isReactComponent = require('@flipdish/ui-library/utilities/isReactComponent');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var popover = require('./popover.cjs');
+var selectShared = require('./select-shared.cjs');
+
+const ComboBoxValue = ({ size, shortcut, placeholder, shortcutClassName, icon: IconProp, ref, ...otherProps }) => {
+    const state = React.useContext(reactAriaComponents.ComboBoxStateContext);
+    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: [isReactComponent.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: "\u2318K" }) }))] }));
+};
+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","_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 './select-shared';
+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":"AAOA,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;AAShJ,OAAO,EAAE,KAAK,WAAW,EAAiB,KAAK,cAAc,EAAS,MAAM,iBAAiB,CAAC;AAE9F,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;AAoFD,eAAO,MAAM,QAAQ,GAAI,iHAUtB,aAAa,gCA4Df,CAAC"}

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

@@ -0,0 +1,45 @@
+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 { isReactComponent } from '@flipdish/ui-library/utilities/isReactComponent';
+import { useRef, useState, useCallback, useContext, isValidElement } from 'react';
+import { ComboBox as ComboBox$1, ListBox, ComboBoxStateContext, Group, Input } from 'react-aria-components';
+import { Popover } from './popover.js';
+import { SelectContext, sizes } from './select-shared.js';
+
+const ComboBoxValue = ({ size, shortcut, placeholder, shortcutClassName, icon: IconProp, ref, ...otherProps }) => {
+    const state = useContext(ComboBoxStateContext);
+    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: "\u2318K" }) }))] }));
+};
+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":";;;;;;;;;;;AAyCA,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,iBAAiB,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,UAAU,EAAsB,KAAI;AACnI,IAAA,MAAM,KAAK,GAAG,UAAU,CAAC,oBAAoB,CAAC;IAE9C,MAAM,KAAK,GAAG,KAAK,EAAE,YAAY,EAAE,KAAK,IAAI,IAAI;AAChD,IAAA,MAAM,UAAU,GAAG,KAAK,EAAE,UAAU,IAAI,IAAI;AAE5C,IAAA,MAAM,KAAK,GAAG,UAAU,EAAE,KAAK,CAAC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;IACjE,MAAM,IAAI,GAAG,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAExC,IAAA,QACEA,IAAA,CAACC,KAAS,EAAA,EACR,GAAG,EAAE,GAAG,EAAA,GACJ,UAAU,EACd,SAAS,EAAE,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,KACvC,EAAE,CACA,kKAAkK,EAClK,UAAU,IAAI,+BAA+B,EAC7C,aAAa,IAAI,mBAAmB;;AAGpC,QAAA,qDAAqD,EAErD,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CACjB,EAAA,QAAA,EAAA,CAGF,gBAAgB,CAAC,QAAQ,CAAC,IACzBC,IAAC,QAAQ,EAAA,EAAA,WAAA,EAAA,IAAA,EAAW,SAAS,EAAC,qBAAqB,EAAA,aAAA,EAAa,MAAM,GAAG,IACvE,cAAc,CAAC,QAAQ,CAAC,IAC1B,QAAQ,KAERA,IAAC,QAAQ,EAAA,EAAA,WAAA,EAAA,IAAA,EAAW,SAAS,EAAC,qBAAqB,iBAAa,MAAM,EAAA,CAAG,CAC1E,EAEDF,cAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAA,CAC/C,UAAU,KACTA,IAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,mEAAmE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,EAAA,aAAA,EAAc,MAAM,EAAA,QAAA,EAAA,CACrIE,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAA,QAAA,EAAG,KAAK,EAAA,CAAK,EAC1E,IAAI,IAAIA,WAAG,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,YAAG,IAAI,EAAA,CAAK,IAC5E,CACR,EAEDA,GAAA,CAACC,KAAS,IACR,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,gKAAgK,EAChK,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CACjB,EAAA,CACD,CAAA,EAAA,CACE,EAEL,QAAQ,KACPD,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,+IAA+I,EAC/I,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,EACpB,iBAAiB,CAClB,EAAA,QAAA,EAEDA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAC,yHAAyH,iBACvH,MAAM,EAAA,QAAA,EAAA,SAAA,EAAA,CAGb,GACH,CACP,CAAA,EAAA,CACS;AAEhB,CAAC;AAEM,MAAM,QAAQ,GAAG,CAAC,EACvB,WAAW,GAAG,QAAQ,EACtB,QAAQ,GAAG,IAAI,EACf,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,IAAI,EACJ,qBAAqB,EACrB,GAAG,UAAU,EACC,KAAI;AAClB,IAAA,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC;IACnD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;;;AAIpD,IAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAK;QAChC,IAAI,CAAC,cAAc,CAAC,OAAO;YAAE;QAE7B,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,EAAE,qBAAqB,EAAE;AAE/D,QAAA,eAAe,CAAC,CAAA,EAAG,OAAO,CAAC,KAAK,CAAA,EAAA,CAAI,CAAC;AACvC,IAAA,CAAC,EAAE,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;AAErC,IAAA,iBAAiB,CAAC;AAChB,QAAA,GAAG,EAAE,cAAc;AACnB,QAAA,GAAG,EAAE,YAAY;QACjB,QAAQ;AACT,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAC,aAAa,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAA,QAAA,EACrCA,IAACE,UAAY,EAAA,EAAC,WAAW,EAAC,OAAO,KAAK,UAAU,EAAA,QAAA,EAC7C,CAAC,KAAK,MACLJ,cAAK,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAA,CACnC,UAAU,CAAC,KAAK,KACfE,GAAA,CAAC,KAAK,IAAC,UAAU,EAAE,qBAAqB,GAAG,KAAK,GAAG,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,UAAU,CAAC,OAAO,EAAA,QAAA,EAC7F,UAAU,CAAC,KAAK,GACX,CACT,EAEDA,IAAC,aAAa,EAAA,EACZ,GAAG,EAAE,cAAc,EACnB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI;;;AAGV,wBAAA,OAAO,EAAE,QAAQ,EACjB,cAAc,EAAE,QAAQ,EAAA,CACxB,EAEFA,GAAA,CAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB,YACrHA,GAAA,CAACG,OAAW,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,0BAA0B,YAC5D,QAAQ,EAAA,CACG,GACN,EAET,UAAU,CAAC,IAAI,KACdH,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,IAAI,SAAS,CAAC,EAAA,QAAA,EAC5E,UAAU,CAAC,IAAI,GACP,CACZ,CAAA,EAAA,CACG,CACP,EAAA,CACY,EAAA,CACQ;AAE7B;;;;"}

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

@@ -0,0 +1,14 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var reactAriaComponents = require('react-aria-components');
+
+const Popover = (props) => {
+    return (jsxRuntime.jsx(reactAriaComponents.Popover, { placement: "bottom", containerPadding: 0, offset: 4, ...props, className: (state) => cx.cx('w-(--trigger-width) origin-(--trigger-anchor-point) overflow-x-hidden overflow-y-auto rounded-lg bg-primary py-1 shadow-lg ring-1 ring-secondary_alt outline-hidden will-change-transform', state.isEntering &&
+            'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 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-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5', props.size === 'sm' && 'max-h-56!', props.size === 'md' && 'max-h-64!', props.size === 'lg' && 'max-h-80!', typeof props.className === 'function' ? props.className(state) : props.className) }));
+};
+
+exports.Popover = Popover;
+//# sourceMappingURL=popover.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.cjs","sources":["../../../../../src/components/molecules/Select/components/popover.tsx"],"sourcesContent":[null],"names":["_jsx","AriaPopover","cx"],"mappings":";;;;;;AAWO,MAAM,OAAO,GAAG,CAAC,KAAmB,KAAI;AAC7C,IAAA,QACEA,cAAA,CAACC,2BAAW,EAAA,EACV,SAAS,EAAC,QAAQ,EAClB,gBAAgB,EAAE,CAAC,EACnB,MAAM,EAAE,CAAC,EAAA,GACL,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KACfC,KAAE,CACA,2LAA2L,EAE3L,KAAK,CAAC,UAAU;YACd,+JAA+J,EACjK,KAAK,CAAC,SAAS;YACb,6JAA6J,EAE/J,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,WAAW,EAClC,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,WAAW,EAClC,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,WAAW,EAElC,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,CACjF,EAAA,CAEH;AAEN;;;;"}

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

@@ -0,0 +1,8 @@
+import type { RefAttributes } from 'react';
+import type { PopoverProps as AriaPopoverProps } from 'react-aria-components';
+interface PopoverProps extends AriaPopoverProps, RefAttributes<HTMLElement> {
+    size: 'sm' | 'md' | 'lg';
+}
+export declare const Popover: (props: PopoverProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Select/components/popover.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9E,UAAU,YAAa,SAAQ,gBAAgB,EAAE,aAAa,CAAC,WAAW,CAAC;IACzE,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,gCAyB1C,CAAC"}

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

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { Popover as Popover$1 } from 'react-aria-components';
+
+const Popover = (props) => {
+    return (jsx(Popover$1, { placement: "bottom", containerPadding: 0, offset: 4, ...props, className: (state) => cx('w-(--trigger-width) origin-(--trigger-anchor-point) overflow-x-hidden overflow-y-auto rounded-lg bg-primary py-1 shadow-lg ring-1 ring-secondary_alt outline-hidden will-change-transform', state.isEntering &&
+            'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 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-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5', props.size === 'sm' && 'max-h-56!', props.size === 'md' && 'max-h-64!', props.size === 'lg' && 'max-h-80!', typeof props.className === 'function' ? props.className(state) : props.className) }));
+};
+
+export { Popover };
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sources":["../../../../../src/components/molecules/Select/components/popover.tsx"],"sourcesContent":[null],"names":["_jsx","AriaPopover"],"mappings":";;;;AAWO,MAAM,OAAO,GAAG,CAAC,KAAmB,KAAI;AAC7C,IAAA,QACEA,GAAA,CAACC,SAAW,EAAA,EACV,SAAS,EAAC,QAAQ,EAClB,gBAAgB,EAAE,CAAC,EACnB,MAAM,EAAE,CAAC,EAAA,GACL,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,2LAA2L,EAE3L,KAAK,CAAC,UAAU;YACd,+JAA+J,EACjK,KAAK,CAAC,SAAS;YACb,6JAA6J,EAE/J,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,WAAW,EAClC,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,WAAW,EAClC,KAAK,CAAC,IAAI,KAAK,IAAI,IAAI,WAAW,EAElC,OAAO,KAAK,CAAC,SAAS,KAAK,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,SAAS,CACjF,EAAA,CAEH;AAEN;;;;"}

package/dist/components/molecules/Select/components/select-item.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+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 isReactComponent = require('@flipdish/ui-library/utilities/isReactComponent');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var selectShared = require('./select-shared.cjs');
+
+const sizes = {
+    sm: {
+        root: 'p-2 pr-2.5 gap-2 *:data-icon:size-4 *:data-icon:stroke-[2.25px]',
+        text: 'text-sm',
+        textContainer: 'gap-x-1.5',
+        check: 'size-4 stroke-[2.25px]',
+        checkbox: 'sm',
+    },
+    md: {
+        root: 'p-2 pr-2.5 gap-2 *:data-icon:size-5',
+        text: 'text-md',
+        textContainer: 'gap-x-2',
+        check: 'size-5',
+        checkbox: 'sm',
+    },
+    lg: {
+        root: 'p-2.5 pl-2 gap-2 *:data-icon:size-5',
+        text: 'text-md',
+        textContainer: 'gap-x-2',
+        check: 'size-5',
+        checkbox: 'md',
+    },
+};
+const SelectItem = ({ label, id, value, avatarUrl, supportingText, isDisabled, icon: Icon, className, children, selectionIndicator = 'checkmark', selectionIndicatorAlign = 'right', ...props }) => {
+    const { size } = React.useContext(selectShared.SelectContext);
+    const labelOrChildren = label || (typeof children === 'string' ? children : '');
+    const textValue = supportingText ? `${labelOrChildren} ${supportingText}` : labelOrChildren;
+    const isLeft = selectionIndicatorAlign === 'left';
+    return (jsxRuntime.jsx(reactAriaComponents.ListBoxItem, { id: id, value: value ?? {
+            id,
+            label: labelOrChildren,
+            avatarUrl,
+            supportingText,
+            isDisabled,
+            icon: Icon,
+        }, textValue: textValue, isDisabled: isDisabled, ...props, className: (state) => cx.cx('w-full py-px outline-hidden', size === 'sm' ? 'px-1' : 'px-1.5', typeof className === 'function' ? className(state) : className), children: (state) => (jsxRuntime.jsxs("div", { className: cx.cx('flex cursor-pointer items-center rounded-md outline-hidden select-none', (state.isFocused || state.isHovered || (state.isSelected && selectionIndicator !== 'checkbox')) && 'bg-primary_hover', state.isDisabled && 'cursor-not-allowed opacity-50', state.isFocusVisible && 'ring-2 ring-focus-ring ring-inset', 
+            // Icon styles
+            '*:data-icon:shrink-0 *:data-icon:text-fg-quaternary', sizes[size].root), children: [isLeft && selectionIndicator === 'checkbox' && (jsxRuntime.jsx(Checkbox.CheckboxBase, { size: sizes[size].checkbox, isSelected: state.isSelected, isDisabled: state.isDisabled })), avatarUrl ? (jsxRuntime.jsx(Avatar.Avatar, { "aria-hidden": "true", size: "xs", src: avatarUrl, alt: label, className: cx.cx(size === 'sm' && 'size-5') })) : isReactComponent.isReactComponent(Icon) ? (jsxRuntime.jsx(Icon, { "data-icon": true, "aria-hidden": "true" })) : React.isValidElement(Icon) ? (Icon) : null, jsxRuntime.jsxs("div", { className: cx.cx('flex w-full min-w-0 flex-1 flex-wrap', sizes[size].textContainer), children: [jsxRuntime.jsx(reactAriaComponents.Text, { slot: "label", className: cx.cx('truncate font-medium whitespace-nowrap text-primary', sizes[size].text), children: label || (typeof children === 'function' ? children(state) : children) }), supportingText && (jsxRuntime.jsx(reactAriaComponents.Text, { slot: "description", className: cx.cx('whitespace-nowrap text-tertiary', sizes[size].text), children: supportingText }))] }), state.isSelected && selectionIndicator === 'checkmark' && (jsxRuntime.jsx(uiIcons.Check, { "aria-hidden": "true", className: cx.cx('ml-auto text-fg-brand-primary', sizes[size].check) })), !isLeft && selectionIndicator === 'checkbox' && (jsxRuntime.jsx(Checkbox.CheckboxBase, { size: sizes[size].checkbox, isSelected: state.isSelected, isDisabled: state.isDisabled, className: "ml-auto" }))] })) }));
+};
+
+exports.SelectItem = SelectItem;
+//# sourceMappingURL=select-item.cjs.map

package/dist/components/molecules/Select/components/select-item.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-item.cjs","sources":["../../../../../src/components/molecules/Select/components/select-item.tsx"],"sourcesContent":[null],"names":["useContext","SelectContext","_jsx","AriaListBoxItem","cx","_jsxs","CheckboxBase","Avatar","isReactComponent","isValidElement","AriaText","Check"],"mappings":";;;;;;;;;;;;AAaA,MAAM,KAAK,GAAG;AACZ,IAAA,EAAE,EAAE;AACF,QAAA,IAAI,EAAE,iEAAiE;AACvE,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,aAAa,EAAE,WAAW;AAC1B,QAAA,KAAK,EAAE,wBAAwB;AAC/B,QAAA,QAAQ,EAAE,IAAa;AACxB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,IAAI,EAAE,qCAAqC;AAC3C,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,aAAa,EAAE,SAAS;AACxB,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,QAAQ,EAAE,IAAa;AACxB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,IAAI,EAAE,qCAAqC;AAC3C,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,aAAa,EAAE,SAAS;AACxB,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,QAAQ,EAAE,IAAa;AACxB,KAAA;CACF;AASM,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,EACL,EAAE,EACF,KAAK,EACL,SAAS,EACT,cAAc,EACd,UAAU,EACV,IAAI,EAAE,IAAI,EACV,SAAS,EACT,QAAQ,EACR,kBAAkB,GAAG,WAAW,EAChC,uBAAuB,GAAG,OAAO,EACjC,GAAG,KAAK,EACQ,KAAI;IACpB,MAAM,EAAE,IAAI,EAAE,GAAGA,gBAAU,CAACC,0BAAa,CAAC;AAE1C,IAAA,MAAM,eAAe,GAAG,KAAK,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,EAAE,CAAC;AAC/E,IAAA,MAAM,SAAS,GAAG,cAAc,GAAG,CAAA,EAAG,eAAe,CAAA,CAAA,EAAI,cAAc,CAAA,CAAE,GAAG,eAAe;AAE3F,IAAA,MAAM,MAAM,GAAG,uBAAuB,KAAK,MAAM;IAEjD,QACEC,cAAA,CAACC,+BAAe,EAAA,EACd,EAAE,EAAE,EAAE,EACN,KAAK,EACH,KAAK,IAAI;YACP,EAAE;AACF,YAAA,KAAK,EAAE,eAAe;YACtB,SAAS;YACT,cAAc;YACd,UAAU;AACV,YAAA,IAAI,EAAE,IAAI;SACX,EAEH,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,KAClB,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KACfC,KAAE,CAAC,6BAA6B,EAAE,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,QAAQ,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,EAAA,QAAA,EAGrI,CAAC,KAAK,MACLC,yBACE,SAAS,EAAED,KAAE,CACX,wEAAwE,EACxE,CAAC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,UAAU,IAAI,kBAAkB,KAAK,UAAU,CAAC,KAAK,kBAAkB,EACrH,KAAK,CAAC,UAAU,IAAI,+BAA+B,EACnD,KAAK,CAAC,cAAc,IAAI,mCAAmC;;AAG3D,YAAA,qDAAqD,EAErD,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CACjB,EAAA,QAAA,EAAA,CAEA,MAAM,IAAI,kBAAkB,KAAK,UAAU,KAC1CF,cAAA,CAACI,qBAAY,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAA,CAAI,CACzG,EAEA,SAAS,IACRJ,cAAA,CAACK,aAAM,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAEH,KAAE,CAAC,IAAI,KAAK,IAAI,IAAI,QAAQ,CAAC,EAAA,CAAI,IAC3GI,iCAAgB,CAAC,IAAI,CAAC,IACxBN,cAAA,CAAC,IAAI,EAAA,EAAA,WAAA,EAAA,IAAA,EAAA,aAAA,EAAuB,MAAM,EAAA,CAAG,IACnCO,oBAAc,CAAC,IAAI,CAAC,IACtB,IAAI,IACF,IAAI,EAERJ,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,KAAE,CAAC,sCAAsC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,EAAA,QAAA,EAAA,CACnFF,cAAA,CAACQ,wBAAQ,EAAA,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAEN,KAAE,CAAC,qDAAqD,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAA,QAAA,EAC1G,KAAK,KAAK,OAAO,QAAQ,KAAK,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,EAAA,CAC9D,EAEV,cAAc,KACbF,cAAA,CAACQ,wBAAQ,EAAA,EAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAEN,KAAE,CAAC,iCAAiC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAA,QAAA,EAC5F,cAAc,EAAA,CACN,CACZ,CAAA,EAAA,CACG,EAEL,KAAK,CAAC,UAAU,IAAI,kBAAkB,KAAK,WAAW,KACrDF,cAAA,CAACS,aAAK,EAAA,EAAA,aAAA,EAAa,MAAM,EAAC,SAAS,EAAEP,KAAE,CAAC,+BAA+B,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAA,CAAI,CAChG,EAEA,CAAC,MAAM,IAAI,kBAAkB,KAAK,UAAU,KAC3CF,cAAA,CAACI,qBAAY,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAC,SAAS,EAAA,CAAG,CAC7H,CAAA,EAAA,CACG,CACP,EAAA,CACe;AAEtB;;;;"}

package/dist/components/molecules/Select/components/select-item.d.ts

@@ -0,0 +1,11 @@
+import type { ListBoxItemProps as AriaListBoxItemProps } from 'react-aria-components';
+import type { SelectItemType } from './select-shared';
+interface SelectItemProps extends Omit<AriaListBoxItemProps<SelectItemType>, 'id'>, SelectItemType {
+    /** The selection indicator to be displayed on the item. */
+    selectionIndicator?: 'checkmark' | 'checkbox' | 'none';
+    /** The alignment of the selection indicator. */
+    selectionIndicatorAlign?: 'left' | 'right';
+}
+export declare const SelectItem: ({ label, id, value, avatarUrl, supportingText, isDisabled, icon: Icon, className, children, selectionIndicator, selectionIndicatorAlign, ...props }: SelectItemProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=select-item.d.ts.map

package/dist/components/molecules/Select/components/select-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-item.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Select/components/select-item.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,IAAI,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAEtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AA2BtD,UAAU,eAAgB,SAAQ,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,EAAE,cAAc;IAChG,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IACvD,gDAAgD;IAChD,uBAAuB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5C;AAED,eAAO,MAAM,UAAU,GAAI,qJAaxB,eAAe,gCA6EjB,CAAC"}

package/dist/components/molecules/Select/components/select-item.js

@@ -0,0 +1,52 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Check } from '@flipdish/ui-icons';
+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 { isReactComponent } from '@flipdish/ui-library/utilities/isReactComponent';
+import { useContext, isValidElement } from 'react';
+import { ListBoxItem, Text } from 'react-aria-components';
+import { SelectContext } from './select-shared.js';
+
+const sizes = {
+    sm: {
+        root: 'p-2 pr-2.5 gap-2 *:data-icon:size-4 *:data-icon:stroke-[2.25px]',
+        text: 'text-sm',
+        textContainer: 'gap-x-1.5',
+        check: 'size-4 stroke-[2.25px]',
+        checkbox: 'sm',
+    },
+    md: {
+        root: 'p-2 pr-2.5 gap-2 *:data-icon:size-5',
+        text: 'text-md',
+        textContainer: 'gap-x-2',
+        check: 'size-5',
+        checkbox: 'sm',
+    },
+    lg: {
+        root: 'p-2.5 pl-2 gap-2 *:data-icon:size-5',
+        text: 'text-md',
+        textContainer: 'gap-x-2',
+        check: 'size-5',
+        checkbox: 'md',
+    },
+};
+const SelectItem = ({ label, id, value, avatarUrl, supportingText, isDisabled, icon: Icon, className, children, selectionIndicator = 'checkmark', selectionIndicatorAlign = 'right', ...props }) => {
+    const { size } = useContext(SelectContext);
+    const labelOrChildren = label || (typeof children === 'string' ? children : '');
+    const textValue = supportingText ? `${labelOrChildren} ${supportingText}` : labelOrChildren;
+    const isLeft = selectionIndicatorAlign === 'left';
+    return (jsx(ListBoxItem, { id: id, value: value ?? {
+            id,
+            label: labelOrChildren,
+            avatarUrl,
+            supportingText,
+            isDisabled,
+            icon: Icon,
+        }, textValue: textValue, isDisabled: isDisabled, ...props, className: (state) => cx('w-full py-px outline-hidden', size === 'sm' ? 'px-1' : 'px-1.5', typeof className === 'function' ? className(state) : className), children: (state) => (jsxs("div", { className: cx('flex cursor-pointer items-center rounded-md outline-hidden select-none', (state.isFocused || state.isHovered || (state.isSelected && selectionIndicator !== 'checkbox')) && 'bg-primary_hover', state.isDisabled && 'cursor-not-allowed opacity-50', state.isFocusVisible && 'ring-2 ring-focus-ring ring-inset', 
+            // Icon styles
+            '*:data-icon:shrink-0 *:data-icon:text-fg-quaternary', sizes[size].root), children: [isLeft && selectionIndicator === 'checkbox' && (jsx(CheckboxBase, { size: sizes[size].checkbox, isSelected: state.isSelected, isDisabled: state.isDisabled })), avatarUrl ? (jsx(Avatar, { "aria-hidden": "true", size: "xs", src: avatarUrl, alt: label, className: cx(size === 'sm' && 'size-5') })) : isReactComponent(Icon) ? (jsx(Icon, { "data-icon": true, "aria-hidden": "true" })) : isValidElement(Icon) ? (Icon) : null, jsxs("div", { className: cx('flex w-full min-w-0 flex-1 flex-wrap', sizes[size].textContainer), children: [jsx(Text, { slot: "label", className: cx('truncate font-medium whitespace-nowrap text-primary', sizes[size].text), children: label || (typeof children === 'function' ? children(state) : children) }), supportingText && (jsx(Text, { slot: "description", className: cx('whitespace-nowrap text-tertiary', sizes[size].text), children: supportingText }))] }), state.isSelected && selectionIndicator === 'checkmark' && (jsx(Check, { "aria-hidden": "true", className: cx('ml-auto text-fg-brand-primary', sizes[size].check) })), !isLeft && selectionIndicator === 'checkbox' && (jsx(CheckboxBase, { size: sizes[size].checkbox, isSelected: state.isSelected, isDisabled: state.isDisabled, className: "ml-auto" }))] })) }));
+};
+
+export { SelectItem };
+//# sourceMappingURL=select-item.js.map

package/dist/components/molecules/Select/components/select-item.js.map

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

package/dist/components/molecules/Select/components/select-shared.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var React = require('react');
+
+const sizes = {
+    sm: {
+        root: 'py-2 pl-3 pr-2.5 gap-2 *:data-icon:size-4 *:data-icon:stroke-[2.25px]',
+        withIcon: '',
+        text: 'text-sm',
+        textContainer: 'gap-x-1.5',
+        shortcut: 'pr-2.5',
+    },
+    md: { root: 'py-2 px-3 gap-2 *:data-icon:size-5', withIcon: '', text: 'text-md', textContainer: 'gap-x-1.5', shortcut: 'pr-2.5' },
+    lg: { root: 'py-2.5 px-3.5 gap-2 *:data-icon:size-5', withIcon: '', text: 'text-md', textContainer: 'gap-x-1.5', shortcut: 'pr-3' },
+};
+const SelectContext = React.createContext({ size: 'md' });
+
+exports.SelectContext = SelectContext;
+exports.sizes = sizes;
+//# sourceMappingURL=select-shared.cjs.map

package/dist/components/molecules/Select/components/select-shared.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-shared.cjs","sources":["../../../../../src/components/molecules/Select/components/select-shared.tsx"],"sourcesContent":[null],"names":["createContext"],"mappings":";;;;AAsCO,MAAM,KAAK,GAAG;AACnB,IAAA,EAAE,EAAE;AACF,QAAA,IAAI,EAAE,uEAAuE;AAC7E,QAAA,QAAQ,EAAE,EAAE;AACZ,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,aAAa,EAAE,WAAW;AAC1B,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;IACD,EAAE,EAAE,EAAE,IAAI,EAAE,oCAAoC,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACjI,EAAE,EAAE,EAAE,IAAI,EAAE,wCAAwC,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE;;AAG9H,MAAM,aAAa,GAAGA,mBAAa,CAA+B,EAAE,IAAI,EAAE,IAAI,EAAE;;;;;"}