@aivenio/aquarium 4.9.0 → 5.0.0

package/dist/src/atoms/Table/Table.js

@@ -12,6 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import { clsx } from 'clsx';
+import { tv } from 'tailwind-variants';
 import { InlineIcon } from '../../../src/molecules/Icon/Icon';
 import { Typography } from '../../../src/molecules/Typography/Typography';
 import { Checkbox } from '../../../src/atoms/Checkbox/Checkbox';
@@ -19,10 +20,118 @@ import { RadioButton } from '../../../src/atoms/RadioButton/RadioButton';
 import chevronDown from '../../../src/icons/chevronDown';
 import chevronUp from '../../../src/icons/chevronUp';
 const HeadContext = React.createContext(null);
-const tableClassNames = 'w-full relative typography-default border-spacing-0 border-separate';
+const tableClasses = tv({
+    base: 'w-full relative typography-default border-spacing-0 border-separate',
+});
+const rowClassNamesBase = tv({
+    base: 'children:border-default group children:last:border-b-0 hover:bg-muted',
+});
+export const rowClassNames = rowClassNamesBase();
+const cellClassNamesBase = tv({
+    base: 'px-4 border-b typography-small leading-[18px]',
+});
+export const cellClassNames = cellClassNamesBase();
+const rowClasses = tv({
+    extend: rowClassNamesBase,
+    variants: {
+        disabled: {
+            true: 'opacity-70',
+            false: '',
+        },
+    },
+});
+export const bodyCellClasses = tv({
+    base: 'text-default py-3',
+    variants: {
+        table: {
+            true: 'h-[50px]',
+            false: 'min-h-[50px]',
+        },
+        stickyColumn: {
+            left: 'sticky z-10 bg-body group-hover:bg-muted left-0',
+            right: 'sticky z-10 bg-body group-hover:bg-muted right-0',
+            undefined: '',
+        },
+    },
+});
+export const alignClasses = tv({
+    variants: {
+        align: {
+            left: '',
+            center: 'text-center',
+            right: 'text-right',
+            stretch: '',
+            undefined: '',
+        },
+    },
+    defaultVariants: {
+        align: 'undefined',
+    },
+});
+export const headCellClasses = tv({
+    base: 'py-[14px] text-left border-intense text-muted font-semibold whitespace-nowrap',
+    variants: {
+        sticky: {
+            true: 'sticky bg-body top-0 z-10',
+            false: '',
+        },
+        stickyColumn: {
+            left: '',
+            right: '',
+            undefined: '',
+        },
+    },
+    compoundVariants: [
+        {
+            sticky: true,
+            stickyColumn: 'left',
+            class: 'left-0 z-20',
+        },
+        {
+            sticky: true,
+            stickyColumn: 'right',
+            class: 'right-0 z-20',
+        },
+    ],
+});
+export const sortCellButtonClasses = tv({
+    base: 'group flex items-center gap-x-4 text-muted',
+    variants: {
+        align: {
+            left: '',
+            center: '',
+            right: 'flex-row-reverse',
+            stretch: '',
+            undefined: '',
+        },
+    },
+    defaultVariants: {
+        align: 'undefined',
+    },
+});
+export const sortCellIconClasses = tv({
+    base: 'text-[9px]',
+    variants: {
+        active: {
+            true: 'text-default',
+            false: 'text-inactive',
+        },
+    },
+});
+const sortCellIconsContainerClasses = tv({
+    base: 'flex flex-col',
+    variants: {
+        direction: {
+            none: 'invisible group-hover:visible',
+            ascending: '',
+            descending: '',
+            other: '',
+        },
+    },
+});
 export const Table = (_a) => {
     var { children, ariaLabel, className } = _a, rest = __rest(_a, ["children", "ariaLabel", "className"]);
-    return (React.createElement("table", Object.assign({}, rest, { className: clsx(tableClassNames, className), "aria-label": ariaLabel }), children));
+    return (React.createElement("table", Object.assign({}, rest, { className: tableClasses({ className }), "aria-label": ariaLabel }), children));
 };
 const TableHead = (_a) => {
     var { children, sticky } = _a, rest = __rest(_a, ["children", "sticky"]);
@@ -34,33 +143,13 @@ const TableBody = (_a) => {
     var { children } = _a, rest = __rest(_a, ["children"]);
     return React.createElement("tbody", Object.assign({}, rest), children);
 };
-export const rowClassNames = 'children:border-default group children:last:border-b-0 hover:bg-muted';
 const TableRow = (_a) => {
-    var { children, className, disabled } = _a, rest = __rest(_a, ["children", "className", "disabled"]);
-    return (React.createElement("tr", Object.assign({}, rest, { inert: disabled, className: clsx(rowClassNames, className, {
-            'opacity-70': disabled,
-        }) }), children));
-};
-export const cellClassNames = 'px-4 border-b typography-small leading-[18px]';
-export const getBodyCellClassNames = (table = true, stickyColumn) => clsx('text-default py-3', {
-    'h-[50px]': table,
-    'min-h-[50px]': !table,
-    'sticky z-10 bg-body group-hover:bg-muted': Boolean(stickyColumn),
-    'left-0': stickyColumn === 'left',
-    'right-0': stickyColumn === 'right',
-});
-export const getAlignClassNames = (align) => clsx({ 'text-right': align === 'right', 'text-center': align === 'center' });
-export const getHeadCellClassNames = (sticky = true, stickyColumn) => {
-    const common = 'py-[14px] text-left border-intense text-muted font-semibold whitespace-nowrap';
-    return sticky
-        ? clsx(common, 'sticky bg-body top-0', {
-            'z-10': !stickyColumn,
-            'z-20': Boolean(stickyColumn),
-            'left-0': stickyColumn === 'left',
-            'right-0': stickyColumn === 'right',
-        })
-        : common;
+    var { children, className, disabled = false } = _a, rest = __rest(_a, ["children", "className", "disabled"]);
+    return (React.createElement("tr", Object.assign({}, rest, { inert: disabled, className: rowClasses({ disabled, className }) }), children));
 };
+export const getBodyCellClassNames = (table = true, stickyColumn) => bodyCellClasses({ table, stickyColumn });
+export const getAlignClassNames = (align) => alignClasses({ align });
+export const getHeadCellClassNames = (sticky = true, stickyColumn) => headCellClasses({ sticky, stickyColumn });
 const TableCell = React.forwardRef((_a, ref) => {
     var { children, className, stickyColumn, align = 'left' } = _a, rest = __rest(_a, ["children", "className", "stickyColumn", "align"]);
     const headContext = React.useContext(HeadContext);
@@ -73,18 +162,14 @@ const TableSelectCell = (_a) => {
     var { ariaLabel } = _a, props = __rest(_a, ["ariaLabel"]);
     return (React.createElement(Table.Cell, { className: "leading-[0px]" }, props.type === 'radio' ? (React.createElement(RadioButton, Object.assign({ "aria-label": ariaLabel }, props))) : (React.createElement(Checkbox, Object.assign({ "aria-label": ariaLabel }, props)))));
 };
-export const getSortCellButtonClassNames = (align) => clsx('group flex items-center gap-x-4 text-muted', { 'flex-row-reverse': align === 'right' });
-export const getSortCellIconClassNames = (active) => {
-    return clsx('text-[9px]', active ? 'text-default' : 'text-inactive');
-};
+export const getSortCellButtonClassNames = (align) => sortCellButtonClasses({ align });
+export const getSortCellIconClassNames = (active) => sortCellIconClasses({ active });
 const TableSortCell = React.forwardRef((_a, ref) => {
     var { children, direction = 'none', onClick } = _a, rest = __rest(_a, ["children", "direction", "onClick"]);
     return (React.createElement(Table.Cell, Object.assign({}, rest, { "aria-sort": direction, ref: ref }),
         React.createElement("span", { className: getSortCellButtonClassNames(rest.align), role: "button", tabIndex: -1, onClick: onClick },
             children,
-            React.createElement("div", { "data-sort-icons": true, className: clsx('flex flex-col', {
-                    'invisible group-hover:visible': direction === 'none',
-                }) },
+            React.createElement("div", { "data-sort-icons": true, className: sortCellIconsContainerClasses({ direction }) },
                 React.createElement(InlineIcon, { icon: chevronUp, className: getSortCellIconClassNames(direction === 'ascending') }),
                 React.createElement(InlineIcon, { icon: chevronDown, className: getSortCellIconClassNames(direction === 'descending') })))));
 });
@@ -102,4 +187,4 @@ Table.Cell = React.memo(TableCell);
 Table.SortCell = React.memo(TableSortCell);
 Table.SelectCell = React.memo(TableSelectCell);
 Table.Caption = Caption;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvVGFibGUvVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFFQUFxRTs7Ozs7Ozs7Ozs7O0FBRXJFLE9BQU8sS0FBeUIsTUFBTSxPQUFPLENBQUM7QUFDOUMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUU1QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxRQUFRLEVBQXNCLE1BQU0sNkJBQTZCLENBQUM7QUFDM0UsT0FBTyxFQUFFLFdBQVcsRUFBeUIsTUFBTSxtQ0FBbUMsQ0FBQztBQUV2RixPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLFNBQVMsTUFBTSxxQkFBcUIsQ0FBQztBQStDNUMsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBd0IsSUFBSSxDQUFDLENBQUM7QUFFckUsTUFBTSxlQUFlLEdBQUcscUVBQXFFLENBQUM7QUFFOUYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQVFkLENBQUMsRUFBMkMsRUFBRSxFQUFFO1FBQS9DLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQXpDLHNDQUEyQyxDQUFGO0lBQzVDLE9BQU8sQ0FDTCwrQ0FBVyxJQUFJLElBQUUsU0FBUyxFQUFFLElBQUksQ0FBQyxlQUFlLEVBQUUsU0FBUyxDQUFDLGdCQUFjLFNBQVMsS0FDaEYsUUFBUSxDQUNILENBQ1QsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sU0FBUyxHQUE2QixDQUFDLEVBQTZCLEVBQUUsRUFBRTtRQUFqQyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQVcsRUFBTixJQUFJLGNBQTNCLHNCQUE2QixDQUFGO0lBQU8s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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvVGFibGUvVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFFQUFxRTs7Ozs7Ozs7Ozs7O0FBRXJFLE9BQU8sS0FBeUIsTUFBTSxPQUFPLENBQUM7QUFDOUMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUM1QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsUUFBUSxFQUFzQixNQUFNLDZCQUE2QixDQUFDO0FBQzNFLE9BQU8sRUFBRSxXQUFXLEVBQXlCLE1BQU0sbUNBQW1DLENBQUM7QUFFdkYsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxTQUFTLE1BQU0scUJBQXFCLENBQUM7QUErQzVDLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQXdCLElBQUksQ0FBQyxDQUFDO0FBRXJFLE1BQU0sWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUN0QixJQUFJLEVBQUUscUVBQXFFO0NBQzVFLENBQUMsQ0FBQztBQUVILE1BQU0saUJBQWlCLEdBQUcsRUFBRSxDQUFDO0lBQzNCLElBQUksRUFBRSx1RUFBdUU7Q0FDOUUsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLGlCQUFpQixFQUFFLENBQUM7QUFFakQsTUFBTSxrQkFBa0IsR0FBRyxFQUFFLENBQUM7SUFDNUIsSUFBSSxFQUFFLCtDQUErQztDQUN0RCxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsa0JBQWtCLEVBQUUsQ0FBQztBQUVuRCxNQUFNLFVBQVUsR0FBRyxFQUFFLENBQUM7SUFD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

package/dist/src/atoms/Toast/Toast.d.ts

@@ -9,6 +9,152 @@ type ComposedToastProps = {
     Dismiss: typeof Dismiss;
     Action: typeof Action;
 };
+export declare const toastStyles: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            base: string;
+            dismiss: string;
+            action: string;
+        };
+        danger: {
+            base: string;
+            dismiss: string;
+            action: string;
+        };
+    };
+    hasAction: {
+        true: {};
+        false: {
+            dismiss: string;
+        };
+    };
+}, {
+    base: string;
+    dismiss: string;
+    action: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: {
+            base: string;
+            dismiss: string;
+            action: string;
+        };
+        danger: {
+            base: string;
+            dismiss: string;
+            action: string;
+        };
+    };
+    hasAction: {
+        true: {};
+        false: {
+            dismiss: string;
+        };
+    };
+}, {
+    variant: {
+        default: {
+            base: string;
+            dismiss: string;
+            action: string;
+        };
+        danger: {
+            base: string;
+            dismiss: string;
+            action: string;
+        };
+    };
+    hasAction: {
+        true: {};
+        false: {
+            dismiss: string;
+        };
+    };
+}>, {
+    variant: {
+        default: {
+            base: string;
+            dismiss: string;
+            action: string;
+        };
+        danger: {
+            base: string;
+            dismiss: string;
+            action: string;
+        };
+    };
+    hasAction: {
+        true: {};
+        false: {
+            dismiss: string;
+        };
+    };
+}, {
+    base: string;
+    dismiss: string;
+    action: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            base: string;
+            dismiss: string;
+            action: string;
+        };
+        danger: {
+            base: string;
+            dismiss: string;
+            action: string;
+        };
+    };
+    hasAction: {
+        true: {};
+        false: {
+            dismiss: string;
+        };
+    };
+}, {
+    base: string;
+    dismiss: string;
+    action: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        default: {
+            base: string;
+            dismiss: string;
+            action: string;
+        };
+        danger: {
+            base: string;
+            dismiss: string;
+            action: string;
+        };
+    };
+    hasAction: {
+        true: {};
+        false: {
+            dismiss: string;
+        };
+    };
+}, {
+    variant: {
+        default: {
+            base: string;
+            dismiss: string;
+            action: string;
+        };
+        danger: {
+            base: string;
+            dismiss: string;
+            action: string;
+        };
+    };
+    hasAction: {
+        true: {};
+        false: {
+            dismiss: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
 export declare const Toast: ComposedToastProps & React.FC<DivProps & ToastProps>;
 declare const Dismiss: React.FC<DivProps & ToastProps>;
 declare const Action: React.FC<DivProps & ToastProps>;

package/dist/src/atoms/Toast/Toast.js

@@ -10,29 +10,47 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { clsx } from 'clsx';
+import { tv } from 'tailwind-variants';
+export const toastStyles = tv({
+    slots: {
+        base: 'Aquarium-Toast typography-small rounded flex items-start justify-between gap-x-5 gap-y-2 p-4 max-w-[400px]',
+        dismiss: '[&>button]:p-0 flex',
+        action: '[&>button]:py-0 [&>a]:py-0 hover:[&>button]:underline hover:[&>a]:underline',
+    },
+    variants: {
+        variant: {
+            default: {
+                base: 'bg-body-intense text-opposite-default',
+                dismiss: '[&>button]:text-muted',
+                action: '[&>*]:text-primary-inactive hover:[&>*]:text-primary-muted',
+            },
+            danger: {
+                base: 'bg-danger-intense text-white',
+                dismiss: '[&>button]:text-danger-muted',
+                action: '[&>*]:text-white hover:[&>*]:text-white',
+            },
+        },
+        hasAction: {
+            true: {},
+            false: { dismiss: 'pt-[1px]' },
+        },
+    },
+});
 export const Toast = (_a) => {
     var { children, className, variant } = _a, rest = __rest(_a, ["children", "className", "variant"]);
-    return (React.createElement("div", Object.assign({}, rest, { className: clsx('Aquarium-Toast', 'typography-small rounded flex items-start justify-between gap-x-5 gap-y-2 p-4 max-w-[400px]', {
-            'bg-body-intense text-opposite-default': variant === 'default',
-            'bg-danger-intense text-white': variant === 'danger',
-        }, className) }), children));
+    const { base } = toastStyles({ variant });
+    return (React.createElement("div", Object.assign({}, rest, { className: base({ className }) }), children));
 };
 const Dismiss = (_a) => {
     var { children, className, variant, hasAction } = _a, rest = __rest(_a, ["children", "className", "variant", "hasAction"]);
-    return (React.createElement("div", Object.assign({}, rest, { className: clsx('[&>button]:p-0 flex', {
-            '[&>button]:text-muted': variant === 'default',
-            '[&>button]:text-danger-muted': variant === 'danger',
-            'pt-[1px]': hasAction === false,
-        }, className) }), children));
+    const { dismiss } = toastStyles({ variant, hasAction });
+    return (React.createElement("div", Object.assign({}, rest, { className: dismiss({ className }) }), children));
 };
 const Action = (_a) => {
-    var { children, variant } = _a, rest = __rest(_a, ["children", "variant"]);
-    return (React.createElement("div", Object.assign({}, rest, { className: clsx('[&>button]:py-0 [&>a]:py-0 hover:[&>button]:underline hover:[&>a]:underline', {
-            '[&>*]:text-primary-inactive hover:[&>*]:text-primary-muted': variant === 'default',
-            '[&>*]:text-white hover:[&>*]:text-white': variant === 'danger',
-        }) }), children));
+    var { children, className, variant } = _a, rest = __rest(_a, ["children", "className", "variant"]);
+    const { action } = toastStyles({ variant });
+    return (React.createElement("div", Object.assign({}, rest, { className: action({ className }) }), children));
 };
 Toast.Action = Action;
 Toast.Dismiss = Dismiss;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvVG9hc3QvVG9hc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFnQjVCLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBeUQsQ0FBQyxFQUszRSxFQUFFLEVBQUU7UUFMdUUsRUFDMUUsUUFBUSxFQUNSLFNBQVMsRUFDVCxPQUFPLE9BRVIsRUFESSxJQUFJLGNBSm1FLG9DQUszRSxDQURRO0lBQ0gsT0FBQSxDQUNKLDZDQUNNLElBQUksSUFDUixTQUFTLEVBQUUsSUFBSSxDQUNiLGdCQUFnQixFQUNoQiw2RkFBNkYsRUFDN0Y7WUFDRSx1Q0FBdUMsRUFBRSxPQUFPLEtBQUssU0FBUztZQUM5RCw4QkFBOEIsRUFBRSxPQUFPLEtBQUssUUFBUTtTQUNyRCxFQUNELFNBQVMsQ0FDVixLQUVBLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQW9DLENBQUMsRUFBb0QsRUFBRSxFQUFFO1FBQXhELEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFsRCxpREFBb0QsQ0FBRjtJQUFPLE9BQUEsQ0FDekcsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxJQUFJLENBQ2IscUJBQXFCLEVBQ3JCO1lBQ0UsdUJBQXVCLEVBQUUsT0FBTyxLQUFLLFNBQVM7WUFDOUMsOEJBQThCLEVBQUUsT0FBTyxLQUFLLFFBQVE7WUFDcEQsVUFBVSxFQUFFLFNBQVMsS0FBSyxLQUFLO1NBQ2hDLEVBQ0QsU0FBUyxDQUNWLEtBRUEsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixNQUFNLE1BQU0sR0FBb0MsQ0FBQyxFQUE4QixFQUFFLEVBQUU7UUFBbEMsRUFBRSxRQUFRLEVBQUUsT0FBTyxPQUFXLEVBQU4sSUFBSSxjQUE1Qix1QkFBOEIsQ0FBRjtJQUFPLE9BQUEsQ0FDbEYsNkNBQ00sSUFBSSxJQUNSLFNBQVMsRUFBRSxJQUFJLENBQUMsNkVBQTZFLEVBQUU7WUFDN0YsNERBQTRELEVBQUUsT0FBTyxLQUFLLFNBQVM7WUFDbkYseUNBQXlDLEVBQUUsT0FBTyxLQUFLLFFBQVE7U0FDaEUsQ0FBQyxLQUVELFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsS0FBSyxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7QUFDdEIsS0FBSyxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvVG9hc3QvVG9hc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQWdCdkMsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUM1QixLQUFLLEVBQUU7UUFDTCxJQUFJLEVBQUUsNEdBQTRHO1FBQ2xILE9BQU8sRUFBRSxxQkFBcUI7UUFDOUIsTUFBTSxFQUFFLDZFQUE2RTtLQUN0RjtJQUNELFFBQVEsRUFBRTtRQUNSLE9BQU8sRUFBRTtZQUNQLE9BQU8sRUFBRTtnQkFDUCxJQUFJLEVBQUUsdUNBQXVDO2dCQUM3QyxPQUFPLEVBQUUsdUJBQXVCO2dCQUNoQyxNQUFNLEVBQUUsNERBQTREO2FBQ3JFO1lBQ0QsTUFBTSxFQUFFO2dCQUNOLElBQUksRUFBRSw4QkFBOEI7Z0JBQ3BDLE9BQU8sRUFBRSw4QkFBOEI7Z0JBQ3ZDLE1BQU0sRUFBRSx5Q0FBeUM7YUFDbEQ7U0FDRjtRQUNELFNBQVMsRUFBRTtZQUNULElBQUksRUFBRSxFQUFFO1lBQ1IsS0FBSyxFQUFFLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRTtTQUMvQjtLQUNGO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUF5RCxDQUFDLEVBSzNFLEVBQUUsRUFBRTtRQUx1RSxFQUMxRSxRQUFRLEVBQ1IsU0FBUyxFQUNULE9BQU8sT0FFUixFQURJLElBQUksY0FKbUUsb0NBSzNFLENBRFE7SUFFUCxNQUFNLEVBQUUsSUFBSSxFQUFFLEdBQUcsV0FBVyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztJQUMxQyxPQUFPLENBQ0wsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsRUFBRSxTQUFTLEVBQUUsQ0FBQyxLQUMxQyxRQUFRLENBQ0wsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQW9DLENBQUMsRUFBb0QsRUFBRSxFQUFFO1FBQXhELEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUFsRCxpREFBb0QsQ0FBRjtJQUNsRyxNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQUcsV0FBVyxDQUFDLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUM7SUFDeEQsT0FBTyxDQUNMLDZDQUFTLElBQUksSUFBRSxTQUFTLEVBQUUsT0FBTyxDQUFDLEVBQUUsU0FBUyxFQUFFLENBQUMsS0FDN0MsUUFBUSxDQUNMLENBQ1AsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sTUFBTSxHQUFvQyxDQUFDLEVBQXlDLEVBQUUsRUFBRTtRQUE3QyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsT0FBTyxPQUFXLEVBQU4sSUFBSSxjQUF2QyxvQ0FBeUMsQ0FBRjtJQUN0RixNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsV0FBVyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQztJQUM1QyxPQUFPLENBQ0wsNkNBQVMsSUFBSSxJQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsRUFBRSxTQUFTLEVBQUUsQ0FBQyxLQUM1QyxRQUFRLENBQ0wsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsS0FBSyxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7QUFDdEIsS0FBSyxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUMifQ==

package/dist/src/atoms/index.d.ts

@@ -4,6 +4,7 @@ export * from './Button/Button';
 export * from './Card/Card';
 export * from './Checkbox/Checkbox';
 export * from './Chip/Chip';
+export * from './ChoiceChip/ChoiceChip';
 export * from './DataList/DataList';
 export * from './Dialog/Dialog';
 export * from './DropdownMenu/DropdownMenu';

package/dist/src/atoms/index.js

@@ -4,6 +4,7 @@ export * from './Button/Button';
 export * from './Card/Card';
 export * from './Checkbox/Checkbox';
 export * from './Chip/Chip';
+export * from './ChoiceChip/ChoiceChip';
 export * from './DataList/DataList';
 export * from './Dialog/Dialog';
 export * from './DropdownMenu/DropdownMenu';
@@ -26,4 +27,4 @@ export * from './Table/Table';
 export * from './Toast/Toast';
 export * from './Typography/Typography';
 export * from './VisuallyHidden/VisuallyHidden';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvYXRvbXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsaUNBQWlDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvYXRvbXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsYUFBYSxDQUFDO0FBQzVCLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLCtCQUErQixDQUFDO0FBQzlDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywyQkFBMkIsQ0FBQztBQUMxQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsY0FBYyxpQ0FBaUMsQ0FBQyJ9

package/dist/src/molecules/Badge/Badge.js

@@ -23,7 +23,8 @@ const createBadge = (type, displayName) => {
                 'bg-current': kind === 'filled' && type !== 'chip',
                 'bg-white': type === 'chip' && !disabled,
                 'bg-muted': type === 'chip' && disabled,
-                'typography-caption-small leading-none py-1 px-2': !dense,
+                // TODO: Replace text-[10px] and text-[8px] with correct tokens in uplift
+                'text-[10px] leading-none py-1 px-2': !dense,
                 'text-[8px]': dense,
                 'px-1': dense && valueStr.length > 1,
                 'px-[4px]': dense && valueStr.length === 1,
@@ -59,4 +60,4 @@ Badge.Dot = DotBadge;
 Badge.Dot.displayName = 'Badge.Dot';
 export const TabBadge = createBadge('tab', 'TabBadge');
 export const ChipBadge = createBadge('chip', 'ChipBadge');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRTVCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQXdDdkQsTUFBTSxXQUFXLEdBQUcsQ0FBK0IsSUFBZ0MsRUFBRSxXQUFtQixFQUFFLEVBQUU7SUFDMUcsTUFBTSxTQUFTLEdBQThDLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDckUsTUFBTSxFQUFFLElBQUksR0FBRyxRQUFRLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxLQUFLLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEtBQWMsS0FBSyxFQUFkLElBQUksVUFBSyxLQUFLLEVBQTNGLHVEQUFtRixDQUFRLENBQUM7UUFDbEcsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBRWxDLE9BQU8sQ0FDTCw4Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLElBQUksQ0FDYiwwQkFBMEIsRUFDMUI7Z0JBQ0UsY0FBYyxFQUFFLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxLQUFLLE1BQU07Z0JBQ3JELFNBQVMsRUFBRSxJQUFJLEtBQUssS0FBSztnQkFDekIsb0NBQW9DLEVBQUUsSUFBSSxLQUFLLFVBQVU7Z0JBQ3pELFlBQVksRUFBRSxJQUFJLEtBQUssUUFBUSxJQUFJLElBQUksS0FBSyxNQUFNO2dCQUNsRCxVQUFVLEVBQUUsSUFBSSxLQUFLLE1BQU0sSUFBSSxDQUFDLFFBQVE7Z0JBQ3hDLFVBQVUsRUFBRSxJQUFJLEtBQUssTUFBTSxJQUFJLFFBQVE7Z0JBQ3ZDLGlEQUFpRCxFQUFFLENBQUMsS0FBSztnQkFDekQsWUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRTVCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQXdDdkQsTUFBTSxXQUFXLEdBQUcsQ0FBK0IsSUFBZ0MsRUFBRSxXQUFtQixFQUFFLEVBQUU7SUFDMUcsTUFBTSxTQUFTLEdBQThDLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDckUsTUFBTSxFQUFFLElBQUksR0FBRyxRQUFRLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxLQUFLLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEtBQWMsS0FBSyxFQUFkLElBQUksVUFBSyxLQUFLLEVBQTNGLHVEQUFtRixDQUFRLENBQUM7UUFDbEcsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBRWxDLE9BQU8sQ0FDTCw4Q0FDTSxJQUFJLElBQ1IsU0FBUyxFQUFFLElBQUksQ0FDYiwwQkFBMEIsRUFDMUI7Z0JBQ0UsY0FBYyxFQUFFLElBQUksS0FBSyxTQUFTLElBQUksSUFBSSxLQUFLLE1BQU07Z0JBQ3JELFNBQVMsRUFBRSxJQUFJLEtBQUssS0FBSztnQkFDekIsb0NBQW9DLEVBQUUsSUFBSSxLQUFLLFVBQVU7Z0JBQ3pELFlBQVksRUFBRSxJQUFJLEtBQUssUUFBUSxJQUFJLElBQUksS0FBSyxNQUFNO2dCQUNsRCxVQUFVLEVBQUUsSUFBSSxLQUFLLE1BQU0sSUFBSSxDQUFDLFFBQVE7Z0JBQ3hDLFVBQVUsRUFBRSxJQUFJLEtBQUssTUFBTSxJQUFJLFFBQVE7Z0JBQ3ZDLHlFQUF5RTtnQkFDekUsb0NBQW9DLEVBQUUsQ0FBQyxL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

package/dist/src/molecules/ChoiceChipGroup/ChoiceChipGroup.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import { type ChoiceChipProps } from '../../../src/atoms/ChoiceChip/ChoiceChip';
+import type { EmptyOrOneOrMore } from '../../../types/utils';
+type BaseChoiceChipGroupProps = {
+    /**
+     * Group name that will be propagated to all children.
+     * Required for form submission and radio group behavior.
+     */
+    name: string;
+    /**
+     * If true, all chips will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If true, dense version of all chips will be rendered.
+     */
+    dense?: boolean;
+    /**
+     * Only `<ChoiceChip>` components are allowed as children.
+     */
+    children: EmptyOrOneOrMore<ChoiceChipProps>;
+};
+type CheckboxGroupProps = BaseChoiceChipGroupProps & {
+    /**
+     * The selection mode determines behavior.
+     * - 'checkbox': Multiple chips can be selected (default)
+     */
+    selectionMode?: 'checkbox';
+    /**
+     * Values for the checkbox group. If not provided, value will be stored
+     * in group's own state.
+     */
+    value?: string[];
+    /**
+     * Default values for the checkbox group.
+     */
+    defaultValue?: string[];
+    /**
+     * onChange() callback is called whenever checkbox group value is updated.
+     */
+    onChange?: (value: string[]) => void;
+};
+type RadioGroupProps = BaseChoiceChipGroupProps & {
+    /**
+     * The selection mode determines behavior.
+     * - 'radio': Only one chip can be selected at a time
+     */
+    selectionMode: 'radio';
+    /**
+     * Value for the radio group. If not provided, value will be stored
+     * in group's own state.
+     */
+    value?: string;
+    /**
+     * Default value for the radio group.
+     */
+    defaultValue?: string;
+    /**
+     * onChange() callback is called whenever radio group value is updated.
+     */
+    onChange?: (value: string) => void;
+};
+export type ChoiceChipGroupProps = CheckboxGroupProps | RadioGroupProps;
+export declare const ChoiceChipGroup: React.FC<ChoiceChipGroupProps>;
+export {};

package/dist/src/molecules/ChoiceChipGroup/ChoiceChipGroup.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { useControlledState } from '@react-stately/utils';
+import { castArray } from 'lodash-es';
+import { Box } from '../../../src/molecules/Box/Box';
+import { ChoiceChip } from '../../../src/atoms/ChoiceChip/ChoiceChip';
+const isChoiceChip = (c) => {
+    return React.isValidElement(c) && c.type === ChoiceChip;
+};
+export const ChoiceChipGroup = (props) => {
+    const { name, selectionMode = 'checkbox', disabled, dense, children } = props;
+    // Normalize controlled/default values to array format
+    const controlledArray = props.value !== undefined ? castArray(props.value) : undefined;
+    const defaultArray = props.defaultValue !== undefined ? castArray(props.defaultValue) : [];
+    // Single state for both modes - always an array internally
+    const [selectedItems, setSelectedItems] = useControlledState(controlledArray, defaultArray, (newValue) => {
+        var _a, _b, _c;
+        if (props.selectionMode === 'radio') {
+            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, (_b = newValue[0]) !== null && _b !== void 0 ? _b : '');
+        }
+        else {
+            (_c = props.onChange) === null || _c === void 0 ? void 0 : _c.call(props, newValue);
+        }
+    });
+    const handleChipChange = (chipValue, checked) => {
+        if (selectionMode === 'radio') {
+            // Radio mode: only one can be selected at a time
+            if (checked) {
+                setSelectedItems([chipValue]);
+            }
+        }
+        else {
+            // Checkbox mode: toggle in/out of array
+            const updated = checked ? [...selectedItems, chipValue] : selectedItems.filter((v) => v !== chipValue);
+            setSelectedItems(updated);
+        }
+    };
+    return (React.createElement(Box.Flex, { flexDirection: "row", alignItems: "flex-start", colGap: "3", rowGap: "3", flexWrap: "wrap", role: selectionMode === 'radio' ? 'radiogroup' : 'group', className: "Aquarium-ChoiceChipGroup" }, React.Children.map(children, (child) => {
+        if (!isChoiceChip(child)) {
+            return null;
+        }
+        const chipValue = child.props.value;
+        if (chipValue === undefined) {
+            return null;
+        }
+        const isChecked = selectedItems.includes(chipValue);
+        return React.cloneElement(child, {
+            selectionMode,
+            name,
+            value: chipValue,
+            checked: isChecked,
+            onChange: (checked) => handleChipChange(chipValue, checked),
+            disabled: disabled || child.props.disabled,
+            dense: dense !== null && dense !== void 0 ? dense : child.props.dense,
+        });
+    })));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hvaWNlQ2hpcEdyb3VwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9DaG9pY2VDaGlwR3JvdXAvQ2hvaWNlQ2hpcEdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUV0QyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFNUMsT0FBTyxFQUFFLFVBQVUsRUFBd0IsTUFBTSxpQ0FBaUMsQ0FBQztBQUluRixNQUFNLFlBQVksR0FBRyxDQUFDLENBQWtCLEVBQTRDLEVBQUU7SUFDcEYsT0FBTyxLQUFLLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLEtBQUssVUFBVSxDQUFDO0FBQzFELENBQUMsQ0FBQztBQTJFRixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQW1DLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDdkUsTUFBTSxFQUFFLElBQUksRUFBRSxhQUFhLEdBQUcsVUFBVSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFDO0lBRTlFLHNEQUFzRDtJQUN0RCxNQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsS0FBSyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3ZGLE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxZQUFZLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFFM0YsMkRBQTJEO0lBQzNE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