@aivenio/aquarium 1.10.0 → 1.11.0

package/dist/src/molecules/Card/Card.js

@@ -0,0 +1,48 @@
+import React, { useRef } from 'react';
+import { useButton } from '@react-aria/button';
+import omit from 'lodash/omit';
+import { AvatarStack } from '../../../src/molecules/Avatar/Avatar';
+import { ExternalLinkButton, SecondaryButton } from '../../../src/molecules/Button/Button';
+import { Chip, ChipContainer } from '../../../src/molecules/Chip/Chip';
+import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
+import { Typography } from '../../../src/molecules/Typography/Typography';
+import { Card as CardBase } from '../../../src/atoms/Card/Card';
+import { LineClamp } from '../../../src/atoms/LineClamp/LineClamp';
+import { CompactCard } from './Compact';
+export const Card = ({ title, clampTitle, description, chips = [], icons = [], image, imageAlt, imageHeight, color, action, link, onClick, disabled, fullWidth, children, }) => {
+    const ref = useRef(null);
+    const { buttonProps } = useButton({ elementType: 'div', onPress: onClick, isDisabled: disabled }, ref);
+    const titleContent = React.createElement(Typography.DefaultStrong, { color: "black" }, title);
+    return (React.createElement(CardBase, Object.assign({ ref: ref, clickable: Boolean(onClick), fullWidth: fullWidth, 
+        // If any of the "additional features" in <Card> are used, we want to enable
+        // min width to make sure it doesn't
+        enableMinWidth: Boolean(image || action || link || chips.length || icons.length) }, (onClick ? buttonProps : {}), { disabled: disabled }),
+        color && React.createElement(CardBase.ColorHiglight, { color: color }),
+        chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip }))))),
+        icons.length > 0 && React.createElement(AvatarStack, { images: icons }),
+        image !== undefined &&
+            (imageHeight ? (React.createElement(CardImage, { image: image, imageAlt: imageAlt, imageHeight: imageHeight })) : (React.createElement(CardImage, { image: image, imageAlt: imageAlt, fullSize: chips.length === 0 }))),
+        React.createElement(CardBase.Content, null,
+            clampTitle ? (React.createElement(LineClamp, { lines: clampTitle, wordBreak: "break-all" }, titleContent)) : (titleContent),
+            React.createElement(Typography.Caption, { color: "grey-70" }, children || description)),
+        (action || link) && (React.createElement(CardBase.Actions, null,
+            action && (React.createElement(SecondaryButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
+            link && (React.createElement(ExternalLinkButton, Object.assign({ dense: true, kind: "ghost" }, omit(link, 'text')), link.text))))));
+};
+const CardSkeleton = ({ chips = true, icons = false, image = !icons, actions = true, fullWidth = false, imageHeight, }) => (React.createElement(CardBase, { fullWidth: fullWidth },
+    chips && (React.createElement(ChipContainer, { dense: true }, Array.from({ length: 5 }).map((_, idx) => (React.createElement(Chip.Skeleton, { key: idx }))))),
+    icons && React.createElement(AvatarStack, { images: [null] }),
+    image &&
+        (imageHeight ? (React.createElement(CardImage, { image: null, imageHeight: imageHeight })) : (React.createElement(CardImage, { image: null, fullSize: !chips }))),
+    React.createElement(CardBase.Content, null,
+        React.createElement(Skeleton, { width: 145, height: 25 }),
+        React.createElement(Skeleton, { width: 145, height: 16 })),
+    actions && (React.createElement(CardBase.Actions, null,
+        React.createElement(Skeleton, { width: 115, height: 25 }),
+        React.createElement(Skeleton, { width: 60, height: 25 })))));
+Card.Skeleton = CardSkeleton;
+Card.Compact = CompactCard;
+const CardImage = ({ image, imageAlt, imageHeight, fullSize = false }) => (React.createElement(CardBase.ImageContainer, { fullSize: fullSize }, image ? (imageHeight ? (React.createElement(CardBase.Image, { image: image, imageAlt: imageAlt, imageHeight: imageHeight })) : (React.createElement(CardBase.Image, { image: image, imageAlt: imageAlt, fullSize: fullSize }))) : (React.createElement(CardImage.Skeleton, { fullSize: fullSize, imageHeight: imageHeight }))));
+const CardImageSkeleton = ({ imageHeight, fullSize }) => imageHeight ? (React.createElement(Skeleton, { height: imageHeight, width: "100%" })) : (React.createElement(Skeleton, { height: fullSize ? 225 : 174, width: "100%" }));
+CardImage.Skeleton = CardImageSkeleton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDL0MsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsZUFBZSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDbEYsT0FBTyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxJQUFJLElBQUksUUFBUSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFjLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBSXRFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFnQ3hDLE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBNEMsQ0FBQyxFQUM1RCxLQUFLLEVBQ0wsVUFBVSxFQUNWLFdBQVcsRUFDWCxLQUFLLEdBQUcsRUFBRSxFQUNWLEtBQUssR0FBRyxFQUFFLEVBQ1YsS0FBSyxFQUNMLFFBQVEsRUFDUixXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sRUFDTixJQUFJLEVBQ0osT0FBTyxFQUNQLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDekMsTUFB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

package/dist/src/{components → molecules}/Card/Compact.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type Lines } from '../../../src/common/LineClamp/LineClamp';
+import { type Lines } from '../../../src/atoms/LineClamp/LineClamp';
 import { type ColorName } from '../../../types/designTokens';
 import { type Either } from '../../../types/utils';
 import { type ActionableCard, type ClickableCard } from './types';

package/dist/src/molecules/Card/Compact.js

@@ -0,0 +1,43 @@
+import React, { useRef } from 'react';
+import { useButton } from '@react-aria/button';
+import { omit } from 'lodash';
+import { Typography } from '../../../src/molecules/Typography/Typography';
+import { Card as CardBase } from '../../../src/atoms/Card/Card';
+import { LineClamp } from '../../../src/atoms/LineClamp/LineClamp';
+import { Avatar } from '../Avatar/Avatar';
+import { Box } from '../Box/Box';
+import { ExternalLinkButton, SecondaryButton } from '../Button/Button';
+import { Chip, ChipContainer } from '../Chip/Chip';
+import { Skeleton } from '../Skeleton/Skeleton';
+export const CompactCard = ({ title, clampTitle, chips = [], icon, color, action, link, onClick, disabled, fullWidth, children, }) => {
+    const ref = useRef(null);
+    const { buttonProps } = useButton({ elementType: 'div', onPress: onClick, isDisabled: disabled }, ref);
+    const titleContent = React.createElement(Typography.SmallStrong, { color: "black" }, title);
+    return (React.createElement(CardBase, Object.assign({ ref: ref, clickable: Boolean(onClick), fullWidth: fullWidth, 
+        // If any of the "additional features" in <Card> are used, we want to enable
+        // min width to make sure it doesn't
+        enableMinWidth: Boolean(action || link || chips.length) }, (onClick ? buttonProps : {}), { disabled: disabled }),
+        color && React.createElement(CardBase.ColorHiglight, { color: color }),
+        chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip }))))),
+        React.createElement(Box, { display: "flex", gap: "5" },
+            icon && React.createElement(Avatar, { image: icon }),
+            React.createElement(CardBase.Content, { dense: true },
+                clampTitle ? React.createElement(LineClamp, { lines: clampTitle }, titleContent) : titleContent,
+                React.createElement(Typography.Caption, { color: "grey-70" }, children))),
+        (action || link) && (React.createElement(CardBase.Actions, { dense: true },
+            action && (React.createElement(SecondaryButton, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
+            link && (React.createElement(ExternalLinkButton, Object.assign({ dense: true, kind: "ghost" }, omit(link, 'text')), link.text))))));
+};
+const CompactSkeleton = ({ chips = true, icon = true, actions = true, fullWidth = false, }) => (React.createElement(CardBase, { fullWidth: fullWidth },
+    chips && (React.createElement(ChipContainer, { dense: true }, Array.from({ length: 5 }).map((_, idx) => (React.createElement(Chip.Skeleton, { key: idx }))))),
+    React.createElement(Box, { display: "flex", gap: "5" },
+        icon && React.createElement(Avatar.Skeleton, null),
+        React.createElement(CardBase.Content, { dense: true },
+            React.createElement(Skeleton, { width: 80, height: 20 }),
+            React.createElement(Box, { height: "1" }),
+            React.createElement(Skeleton, { width: 145, height: 16 }))),
+    actions && (React.createElement(CardBase.Actions, { dense: true },
+        React.createElement(Skeleton, { width: 115, height: 25 }),
+        React.createElement(Skeleton, { width: 60, height: 25 })))));
+CompactCard.Skeleton = CompactSkeleton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tcGFjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2FyZC9Db21wYWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN0QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDL0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUU5QixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLElBQUksSUFBSSxRQUFRLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQWMsU0FBUyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFLdEUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDakMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGVBQWUsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ25ELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQWdDaEQsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUErRCxDQUFDLEVBQ3RGLEtBQUssRUFDTCxVQUFVLEVBQ1YsS0FBSyxHQUFHLEVBQUUsRUFDVixJQUFJLEVBQ0osS0FBSyxFQUNMLE1BQU0sRUFDTixJQUFJLEVBQ0osT0FBTyxFQUNQLFFBQVEsRUFDUixTQUFTLEVBQ1QsUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDekMsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLFNBQVMsQ0FBQyxFQUFF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

package/dist/src/{components → molecules}/Card/types.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9DYXJkL3R5cGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0NhcmQvdHlwZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/dist/src/{components → molecules}/Carousel/Carousel.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
-import { IconButton } from '../../../src/components/Button/Button';
-import { Flexbox } from '../../../src/components/Flexbox/Flexbox';
-import { Typography } from '../../../src/components/Typography/Typography';
+import { IconButton } from '../../../src/molecules/Button/Button';
+import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
+import { Typography } from '../../../src/molecules/Typography/Typography';
 import { tw } from '../../../src/utils/tailwind';
 import chevronLeft from '../../../src/icons/chevronLeft';
 import chevronRight from '../../../src/icons/chevronRight';
@@ -88,4 +88,4 @@ const CarouselItem = ({ width, children, ariaHidden }) => {
     // if a carousel item doesn't fit the width of the container nicely, it will be aligned center within the container
     React.createElement("li", { style: { width }, "aria-hidden": ariaHidden, className: tw('flex justify-center snap-start') }, children));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2Fyb3VzZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFNUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFFbEUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sV0FBVyxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sWUFBWSxNQUFNLHdCQUF3QixDQUFDO0FBbUJsRCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQTRCLENBQUMsRUFDaEQsV0FBVyxHQUFHLENBQUMsRUFDZixXQUFXLEVBQUUsZUFBZSxFQUM1QixZQUFZLEVBQ1osUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sWUFBWSxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDbEQsTUFBTSxxQkFBcUIsR0FBRyxNQUFNLENBQW1CLElBQUksQ0FBQyxDQUFDO0lBQzdELE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRS9DLE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3RDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsYUFBYSxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsNEVBQTRFO0lBQ2pJLE1BQU0sQ0FBQyxXQUFXLEVBQUUs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2Fyb3VzZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0Nhcm91c2VsL0Nhcm91c2VsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUU1RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDekQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxZQUFZLE1BQU0sd0JBQXdCLENBQUM7QUFtQmxELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBNEIsQ0FBQyxFQUNoRCxXQUFXLEdBQUcsQ0FBQyxFQUNmLFdBQVcsRUFBRSxlQUFlLEVBQzVCLFlBQVksRUFDWixRQUFRLEdBQ1QsRUFBRSxFQUFFO0lBQ0gsTUFBTSxZQUFZLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUNsRCxNQUFNLHFCQUFxQixHQUFHLE1BQU0sQ0FBbUIsSUFBSSxDQUFDLENBQUM7SUFDN0QsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7SUFFL0MsTUFBTSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdEMsTUFBTSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyw0RUFBNEU7SUFDakksTUFBTSxDQUFDLFdBQVcsRUFBRSxj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

package/dist/src/{components → molecules}/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type CheckboxProps as BaseCheckboxProps } from '../../../src/common/Checkbox/Checkbox';
+import { type CheckboxProps as BaseCheckboxProps } from '../../../src/atoms/Checkbox/Checkbox';
 export declare type CheckboxProps = BaseCheckboxProps & {
     caption?: React.ReactNode;
 };

package/dist/src/molecules/Checkbox/Checkbox.js

@@ -0,0 +1,29 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { ControlLabel } from '../../../src/molecules/ControlLabel/ControlLabel';
+import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
+import { Checkbox as BaseCheckbox } from '../../../src/atoms/Checkbox/Checkbox';
+import { tw } from '../../../src/utils/tailwind';
+export const Checkbox = React.forwardRef((_a, ref) => {
+    var _b;
+    var { id, name, caption, readOnly = false, disabled = false, children, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["id", "name", "caption", "readOnly", "disabled", "children", 'aria-label']);
+    const isChecked = (_b = props.checked) !== null && _b !== void 0 ? _b : props.defaultChecked;
+    return !readOnly || isChecked ? (React.createElement(ControlLabel, { htmlFor: id, label: children, "aria-label": ariaLabel, caption: caption, readOnly: readOnly, disabled: disabled, style: { gap: '0 8px' } }, !readOnly && React.createElement(BaseCheckbox, Object.assign({ id: id, ref: ref, name: name }, props, { readOnly: readOnly, disabled: disabled })))) : null;
+});
+Checkbox.displayName = 'Checkbox';
+const CheckboxSkeleton = () => (React.createElement("div", { className: tw('flex gap-3') },
+    React.createElement(Skeleton, { height: 20, width: 20 }),
+    React.createElement(Skeleton, { height: 20, width: 150 })));
+Checkbox.Skeleton = CheckboxSkeleton;
+Checkbox.Skeleton.displayName = 'Checkbox.Skeleton';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBMkMsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRWhILE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVV4QyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQXNCLEtBQUssQ0FBQyxVQUFVLENBQ3pELENBQUMsRUFBc0csRUFBRSxHQUFHLEVBQUUsRUFBRTs7UUFBL0csRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxRQUFRLEdBQUcsS0FBSyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxTQUFTLE9BQVksRUFBUCxLQUFLLGNBQXBHLDJFQUFzRyxDQUFGO0lBQ25HLE1BQU0sU0FBUyxHQUFHLE1BQUEsS0FBSyxDQUFDLE9BQU8sbUNBQUksS0FBSyxDQUFDLGNBQWMsQ0FBQztJQUN4RCxPQUFPLENBQUMsUUFBUSxJQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FDOUIsb0JBQUMsWUFBWSxJQUNYLE9BQU8sRUFBRSxFQUFFLEVBQ1gsS0FBSyxFQUFFLFFBQVEsZ0JBQ0gsU0FBUyxFQUNyQixPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLElBRXRCLENBQUMsUUFBUSxJQUFJLG9CQUFDLFlBQVksa0JBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxJQUFJLElBQU0sS0FBSyxJQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsSUFBSSxDQUNsRyxDQUNoQixDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDWCxDQUFDLENBQ21CLENBQUM7QUFFdkIsUUFBUSxDQUFDLFdBQVcsR0FBRyxVQUFVLENBQUM7QUFFbEMsTUFBTSxnQkFBZ0IsR0FBYSxHQUFHLEVBQUUsQ0FBQyxDQUN2Qyw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQztJQUM5QixvQkFBQyxRQUFRLElBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxHQUFJO0lBQ25DLG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxHQUFHLEdBQUksQ0FDaEMsQ0FDUCxDQUFDO0FBRUYsUUFBUSxDQUFDLFFBQVEsR0FBRyxnQkFBZ0IsQ0FBQztBQUNyQyxRQUFRLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxtQkFBbUIsQ0FBQyJ9

package/dist/src/{components → molecules}/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type CheckboxProps } from '../../../src/components/Checkbox/Checkbox';
-import { type ColumnCount } from '../../../src/common/InputGroup/InputGroup';
+import { type CheckboxProps } from '../../../src/molecules/Checkbox/Checkbox';
+import { type ColumnCount } from '../../../src/atoms/InputGroup/InputGroup';
 import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
 import { type EmptyOrOneOrMore } from '../../../types/utils';
 export declare type CheckboxGroupProps = Omit<LabelControlProps, 'length' | 'maxLength'> & {

package/dist/src/molecules/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,61 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useState } from 'react';
+import uniqueId from 'lodash/uniqueId';
+import { Checkbox } from '../../../src/molecules/Checkbox/Checkbox';
+import { InputGroup } from '../../../src/atoms/InputGroup/InputGroup';
+import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
+import { tw } from '../../../src/utils/tailwind';
+const isCheckbox = (c) => {
+    return React.isValidElement(c) && c.type === Checkbox;
+};
+export const CheckboxGroup = (_a) => {
+    var _b;
+    var { value, defaultValue, onChange, readOnly = false, cols, children } = _a, props = __rest(_a, ["value", "defaultValue", "onChange", "readOnly", "cols", "children"]);
+    const [selectedItems, setSelectedItems] = useState((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : []);
+    if (value !== undefined && value !== selectedItems) {
+        setSelectedItems(value);
+    }
+    const errorMessageId = uniqueId();
+    const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
+    const labelControlProps = getLabelControlProps(props);
+    const handleChange = (e) => {
+        const { value } = e.target;
+        const updated = e.target.checked ? [...selectedItems, value] : selectedItems.filter((v) => v !== value);
+        setSelectedItems(updated);
+        onChange === null || onChange === void 0 ? void 0 : onChange(updated);
+    };
+    return (React.createElement(LabelControl, Object.assign({ fieldset: true }, labelControlProps, errorProps),
+        React.createElement(InputGroup, { cols: cols }, React.Children.map(children, (c) => {
+            var _a, _b;
+            if (!isCheckbox(c)) {
+                return null;
+            }
+            const str = (_a = c.props.value) === null || _a === void 0 ? void 0 : _a.toString();
+            const defaultChecked = defaultValue === undefined ? undefined : str !== undefined && defaultValue.includes(str);
+            const checked = value === undefined ? undefined : str !== undefined && value.includes(str);
+            return React.cloneElement(c, {
+                defaultChecked,
+                checked,
+                onChange: (_b = c.props.onChange) !== null && _b !== void 0 ? _b : handleChange,
+                disabled: props.disabled || c.props.disabled,
+                readOnly,
+            });
+        }))));
+};
+const CheckboxGroupSkeleton = ({ options = 2 }) => {
+    return (React.createElement(LabelControl.Skeleton, null,
+        React.createElement("div", { className: tw('flex flex-wrap flex-col gap-2') }, Array.from({ length: options }).map((_, key) => (React.createElement(Checkbox.Skeleton, { key: key }))))));
+};
+CheckboxGroup.Skeleton = CheckboxGroupSkeleton;
+CheckboxGroup.Skeleton.displayName = 'CheckboxGroup.Skeleton';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hHcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2hlY2tib3hHcm91cC9DaGVja2JveEdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3hDLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBRXZDLE9BQU8sRUFBc0IsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFvQixVQUFVLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLEVBQTBCLG9CQUFvQixFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUd4QyxNQUFNLFVBQVUsR0FBRyxDQUFDLENBQWtCLEVBQTBDLEVBQUU7SUFDaEYsT0FBTyxLQUFLLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDO0FBQ3hELENBQUMsQ0FBQztBQXlDRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQThFLENBQUMsRUFReEcsRUFBRSxFQUFFOztRQVJvRyxFQUN2RyxLQUFLLEVBQ0wsWUFBWSxFQUNaLFFBQVEsRUFDUixRQUFRLEdBQUcsS0FBSyxFQUNoQixJQUFJLEVBQ0osUUFBUSxPQUVULEVBREksS0FBSyxjQVArRixxRUFReEcsQ0FEUztJQUVSLE1BQU0sQ0FBQyxhQUFhLEVBQUUsZ0JBQWdCLENBQUMsR0FBRyxRQUFRLENBQVcsTUFBQSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxZQUFZLG1DQUFJLEVBQUUsQ0FBQyxDQUFDO0lBRTFGLElBQUksS0FBSyxLQUFLLFNBQVMsSUFBSSxLQUFLLEtBQUssYUFBYSxFQUFFO1FBQ2xE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

package/dist/src/{components → molecules}/Chip/Chip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type IconProps } from '../../../src/components/Icon/Icon';
+import { type IconProps } from '../../../src/molecules/Icon/Icon';
 export declare type ChipStatus = 'neutral' | 'info' | 'warning' | 'danger' | 'success';
 declare type BaseChipProps = {
     /**

package/dist/src/molecules/Chip/Chip.js

@@ -0,0 +1,64 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import isNumber from 'lodash/isNumber';
+import { ChipBadge } from '../../../src/molecules/Badge/Badge';
+import { InlineIcon } from '../../../src/molecules/Icon/Icon';
+import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
+import { Chip as BaseChip } from '../../../src/atoms/Chip/Chip';
+import { tw } from '../../../src/utils/tailwind';
+import { isComponentType } from '../../../types/utils';
+import crossIcon from '../../../src/icons/cross';
+import lockIcon from '../../../src/icons/lock';
+const getStatusClassNames = (status = 'neutral') => {
+    switch (status) {
+        case 'info':
+            return tw('text-info-100 bg-info-5');
+        case 'warning':
+            return tw('text-secondary-80 bg-secondary-5');
+        case 'danger':
+            return tw('text-error-100 bg-error-5');
+        case 'success':
+            return tw('text-success-100 bg-success-5');
+        case 'neutral':
+        default:
+            return tw('text-grey-70 bg-grey-5');
+    }
+};
+export const Chip = (_a) => {
+    var { icon, text, dense = false, locked = false, badge, onClose } = _a, rest = __rest(_a, ["icon", "text", "dense", "locked", "badge", "onClose"]);
+    return (React.createElement(BaseChip.Container, Object.assign({ dense: dense, className: tw({
+            'bg-grey-0 text-grey-70': !locked,
+            'bg-grey-5 text-grey-40': locked,
+        }) }, rest),
+        icon && React.createElement(InlineIcon, { icon: icon }),
+        text,
+        isNumber(badge) && React.createElement(ChipBadge, { dense: dense, value: badge, textClassname: tw('text-grey-50') }),
+        onClose && (React.createElement(InlineIcon, { role: "button", "aria-hidden": false, icon: crossIcon, className: tw({ 'cursor-pointer': onClose !== undefined }), onClick: () => onClose === null || onClose === void 0 ? void 0 : onClose() })),
+        locked && React.createElement(InlineIcon, { icon: lockIcon })));
+};
+const ChipSkeleton = ({ dense = false, width = dense ? 34 : 56 }) => (React.createElement(Skeleton, { width: width, height: dense ? 20 : 28 }));
+Chip.Skeleton = ChipSkeleton;
+Chip.Skeleton.displayName = 'Chip.Skeleton';
+export const StatusChip = React.forwardRef((_a, ref) => {
+    var { UNSAFE_icon: icon, text, dense = false, status } = _a, rest = __rest(_a, ["UNSAFE_icon", "text", "dense", "status"]);
+    return (React.createElement(BaseChip.Container, Object.assign({ ref: ref, dense: dense }, rest, { className: getStatusClassNames(status) }),
+        icon && React.createElement(InlineIcon, { icon: icon }),
+        text));
+});
+export const ChipContainer = ({ dense, children }) => (React.createElement("div", { className: tw('flex items-center', {
+        'gap-x-3': !dense,
+        'gap-x-2': Boolean(dense),
+    }) }, React.Children.map(children, (child) => isComponentType(child, Chip) || isComponentType(child, StatusChip) || isComponentType(child, ChipSkeleton)
+    ? React.cloneElement(child, { dense })
+    : undefined)));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2hpcC9DaGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDdEQsT0FBTyxFQUFrQixVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLElBQUksSUFBSSxRQUFRLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUV2RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUU5QyxPQUFPLFNBQVMsTUFBTSxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLFFBQVEsTUFBTSxnQkFBZ0IsQ0FBQztBQXVDdEMsTUFBTSxtQkFBbUIsR0FBRyxDQUFDLFNBQXFCLFNBQVMsRUFBVSxFQUFFO0lBQ3JFLFFBQVEsTUFBTSxFQUFFO1FBQ2QsS0FBSyxNQUFNO1lBQ1QsT0FBTyxFQUFFLENBQUMseUJBQXlCLENBQUMsQ0FBQztRQUV2QyxLQUFLLFNBQVM7WUFDWixPQUFPLEVBQUUsQ0FBQyxrQ0FBa0MsQ0FBQyxDQUFDO1FBRWhELEtBQUssUUFBUTtZQUNYLE9BQU8sRUFBRSxDQUFDLDJCQUEyQixDQUFDLENBQUM7UUFFekMsS0FBSyxTQUFTO1lBQ1osT0FBTyxFQUFFLENBQUMsK0JBQStCLENBQUMsQ0FBQztRQUU3QyxLQUFLLFNBQVMsQ0FBQztRQUNmO1lBQ0UsT0FBTyxFQUFFLENBQUMsd0JBQXdCLENBQUMsQ0FBQztLQUN2QztBQUNILENBQUMsQ0FBQztBQUVG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

package/dist/src/{components → molecules}/ChoiceChip/ChoiceChip.js

@@ -31,4 +31,4 @@ export const ChoiceChip = (_a) => {
             'typography-caption py-1 px-2 gap-x-2': Boolean(dense),
         }), onClick: handleClick }), text));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hvaWNlQ2hpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0Nob2ljZUNoaXAvQ2hvaWNlQ2hpcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUV4QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUE2QnhDLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEIsQ0FBQyxFQUF1RCxFQUFFLEVBQUU7O1FBQTNELEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLFFBQVEsT0FBVyxFQUFOLElBQUksY0FBckQsc0RBQXVELENBQUY7SUFDekcsTUFBTSxDQUFDLFNBQVMsRUFBRSxZQUFZLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksWUFBWSxDQUFDLENBQUM7SUFDbEUsTUFBTSxDQUFDLFFBQVEsRUFBRSxXQUFXLENBQUMsR0FBRyxRQUFRLENBQUMsTUFBQSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxZQUFZLG1DQUFJLEtBQUssQ0FBQyxDQUFDO0lBRXpFLElBQUksS0FBSyxLQUFLLFNBQVMsRUFBRTtRQUN2QixXQUFXLENBQUMsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksS0FBSyxDQUFDLENBQUM7UUFDNUIsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQ3JCO0lBRUQsTUFBTSxXQUFXLEdBQUcsR0FBRyxFQUFFO1FBQ3ZCLFdBQVcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3ZCLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3hCLENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCw0Q0FDRSxJQUFJLEVBQUMsUUFBUSxrQkFDQyxRQUFRLElBQ2xCLElBQUksSUFDUixTQUFTLEVBQUUsRUFBRSxDQUFDLHdGQUF3RixFQUFFO1lBQ3RHLHNDQUFzQyxFQUFFLENBQUMsUUFBUTtZQUNqRCx5Q0FBeUMsRUFBRSxRQUFRO1lBQ25ELG9DQUFvQyxFQUFFLENBQUMsS0FBSztZQUM1QyxzQ0FBc0MsRUFBRSxPQUFPLENBQUMsS0FBSyxDQUFDO1NBQ3ZELENBQUMsRUFDRixPQUFPLEVBQUUsV0FBVyxLQUVuQixJQUFJLENBQ0EsQ0FDUixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hvaWNlQ2hpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2hvaWNlQ2hpcC9DaG9pY2VDaGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRXhDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQTZCeEMsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUE4QixDQUFDLEVBQXVELEVBQUUsRUFBRTs7UUFBM0QsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFyRCxzREFBdUQsQ0FBRjtJQUN6RyxNQUFNLENBQUMsU0FBUyxFQUFFLFlBQVksQ0FBQyxHQUFHLFFBQVEsQ0FBQyxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxZQUFZLENBQUMsQ0FBQztJQUNsRSxNQUFNLENBQUMsUUFBUSxFQUFFLFdBQVcsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxNQUFBLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLFlBQVksbUNBQUksS0FBSyxDQUFDLENBQUM7SUFFekUsSUFBSSxLQUFLLEtBQUssU0FBUyxFQUFFO1FBQ3ZCLFdBQVcsQ0FBQyxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxLQUFLLENBQUMsQ0FBQztRQUM1QixZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDckI7SUFFRCxNQUFNLFdBQVcsR0FBRyxHQUFHLEVBQUU7UUFDdkIsV0FBVyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDdkIsUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDeEIsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMLDRDQUNFLElBQUksRUFBQyxRQUFRLGtCQUNDLFFBQVEsSUFDbEIsSUFBSSxJQUNSLFNBQVMsRUFBRSxFQUFFLENBQUMsd0ZBQXdGLEVBQUU7WUFDdEcsc0NBQXNDLEVBQUUsQ0FBQyxRQUFRO1lBQ2pELHlDQUF5QyxFQUFFLFFBQVE7WUFDbkQsb0NBQW9DLEVBQUUsQ0FBQyxLQUFLO1lBQzVDLHNDQUFzQyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUM7U0FDdkQsQ0FBQyxFQUNGLE9BQU8sRUFBRSxXQUFXLEtBRW5CLElBQUksQ0FDQSxDQUNSLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist/src/molecules/Combobox/Combobox.js

@@ -0,0 +1,109 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+// https://www.w3.org/TR/wai-aria-practices/examples/listbox/listbox-collapsible.html
+import React, { useEffect, useRef, useState } from 'react';
+import { useOverlayPosition } from '@react-aria/overlays';
+import { useCombobox } from 'downshift';
+import omit from 'lodash/omit';
+import uniqueId from 'lodash/uniqueId';
+import { matchSorter } from 'match-sorter';
+import { PopoverWrapper } from '../../../src/molecules/Popover/PopoverWrapper';
+import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
+import { getOptionLabelBuiltin, isOptionDisabledBuiltin, Select } from '../../../src/atoms/Select/Select';
+import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
+import { tw } from '../../../src/utils/tailwind';
+export const ComboboxBase = (_a) => {
+    var _b;
+    var { id, name, placeholder, maxHeight, options, optionKeys = ['label', 'value'], noResults, optionToString: itemToString = getOptionLabelBuiltin, createOption, renderOption = (opt) => itemToString(opt), isOptionDisabled = isOptionDisabledBuiltin, defaultValue, value, onChange, children, valid = true, disabled = false, readOnly = false } = _a, props = __rest(_a, ["id", "name", "placeholder", "maxHeight", "options", "optionKeys", "noResults", "optionToString", "createOption", "renderOption", "isOptionDisabled", "defaultValue", "value", "onChange", "children", "valid", "disabled", "readOnly"]);
+    const targetRef = useRef(null);
+    const overlayRef = useRef(null);
+    const [inputItems, setInputItems] = useState(options);
+    const [hasFocus, setFocus] = useState(false);
+    const updateInputItems = (query) => {
+        const keys = typeof options[0] === 'string' ? undefined : optionKeys;
+        setInputItems(query ? matchSorter(options, query, { keys }) : options);
+    };
+    const { isOpen, getToggleButtonProps, getMenuProps, getInputProps, highlightedIndex, inputValue, getItemProps, selectedItem, closeMenu, openMenu, } = useCombobox({
+        id,
+        selectedItem: value,
+        defaultSelectedItem: defaultValue,
+        itemToString,
+        items: inputItems,
+        stateReducer: (_, actionChanges) => {
+            const { changes, type } = actionChanges;
+            switch (type) {
+                case useCombobox.stateChangeTypes.InputBlur: {
+                    return Object.assign(Object.assign({}, changes), { selectedItem: createOption ? createOption === null || createOption === void 0 ? void 0 : createOption(changes.inputValue) : changes.selectedItem });
+                }
+            }
+            return changes;
+        },
+        onSelectedItemChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e.selectedItem),
+        onInputValueChange: ({ inputValue }) => updateInputItems(inputValue),
+    });
+    const { overlayProps } = useOverlayPosition({
+        targetRef,
+        overlayRef,
+        placement: 'bottom start',
+        shouldFlip: true,
+        isOpen,
+    });
+    useEffect(() => {
+        updateInputItems(inputValue);
+    }, [JSON.stringify(options)]);
+    const inputProps = getInputProps({ disabled: disabled || readOnly });
+    const hasNoResults = options.length === 0 || inputItems.length === 0;
+    const width = (_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth;
+    const style = isOpen ? Object.assign(Object.assign({}, overlayProps.style), { width }) : { display: 'none' };
+    return (React.createElement("div", { className: tw('relative') },
+        React.createElement(Select.InputContainer, { ref: targetRef, variant: disabled ? 'disabled' : !valid ? 'error' : readOnly ? 'readOnly' : hasFocus ? 'focused' : 'default' },
+            React.createElement(Select.Input, Object.assign({ id: id, name: name, placeholder: readOnly ? undefined : placeholder }, inputProps, props, { disabled: disabled, readOnly: readOnly, onClick: readOnly ? undefined : openMenu, onFocus: () => {
+                    setFocus(true);
+                }, onBlur: (e) => {
+                    var _a;
+                    setFocus(false);
+                    (_a = inputProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(inputProps, e);
+                }, onKeyDown: (e) => {
+                    var _a;
+                    e.stopPropagation();
+                    (_a = inputProps.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(inputProps, e);
+                }, onKeyUp: (e) => e.stopPropagation() })),
+            !readOnly && React.createElement(Select.Toggle, Object.assign({ hasFocus: hasFocus, isOpen: isOpen }, getToggleButtonProps({ disabled })))),
+        React.createElement(PopoverWrapper
+        // Downshift expects the menu to be in the DOM all the time.
+        , Object.assign({ 
+            // Downshift expects the menu to be in the DOM all the time.
+            isOpen: true, isDismissable: true, autoFocus: true }, getMenuProps({ ref: overlayRef }), { style: style, onClose: closeMenu }),
+            React.createElement(Select.Menu, { maxHeight: maxHeight },
+                isOpen && hasNoResults && React.createElement(Select.NoResults, null, noResults),
+                isOpen &&
+                    inputItems.map((item, index) => (React.createElement(Select.Item, Object.assign({ key: itemToString(item), selected: item === selectedItem, highlighted: index === highlightedIndex }, getItemProps({ item, index, disabled: isOptionDisabled(item, index) })), renderOption(item))))))));
+};
+const ComboboxBaseSkeleton = () => React.createElement(Skeleton, { height: 38 });
+ComboboxBase.Skeleton = ComboboxBaseSkeleton;
+export const Combobox = (_a) => {
+    var _b;
+    var { options, noResults } = _a, props = __rest(_a, ["options", "noResults"]);
+    // we need a unique ID to be used for an accessible connection between the input and its error message
+    const id = useRef((_b = props.id) !== null && _b !== void 0 ? _b : `combobox-${uniqueId()}`);
+    const errorMessageId = uniqueId();
+    const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
+    const labelControlProps = getLabelControlProps(props);
+    const baseProps = omit(props, Object.keys(labelControlProps));
+    return (React.createElement(LabelControl, Object.assign({ id: `${id.current}-label`, htmlFor: `${id.current}-input`, messageId: errorMessageId }, labelControlProps),
+        React.createElement(ComboboxBase, Object.assign({}, baseProps, errorProps, { id: id.current, options: options, noResults: noResults, disabled: props.disabled, valid: props.valid }))));
+};
+const ComboboxSkeleton = () => (React.createElement(LabelControl.Skeleton, null,
+    React.createElement(ComboboxBase.Skeleton, null)));
+Combobox.Skeleton = ComboboxSkeleton;
+Combobox.Skeleton.displayName = 'Combobox.Skeleton';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tYm9ib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0NvbWJvYm94L0NvbWJvYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLHFGQUFxRjtBQUNyRixPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzNELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzFELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFDeEMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBQy9CLE9BQU8sUUFBUSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFM0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFakcsT0FBTyxFQUEwQixvQkFBb0IsRUFBRSxZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFzQnhDLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxDQUF5QixFQW9CQSxFQUFpRCxFQUFFOztRQXBCbkQsRUFDbkQsRUFBRSxFQUNGLElBQUksRUFDSixXQUFXLEVBQ1gsU0FBUyxFQUNULE9BQU8sRUFDUCxVQUFVLEdBQUcsQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLEVBQy9CLFNBQVMsRUFDVCxjQUFjLEVBQUUsWUFBWSxHQUFHLHFCQUFxQixFQUNwRCxZQUFZLEVBQ1osWUFBWSxHQUFHLENBQUMs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

package/dist/src/molecules/Container/Container.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Box } from '../../../src/molecules/Box/Box';
+import { tw } from '../../../src/utils/tailwind';
+/**
+ *
+ * @param maxWidth - Breakpoint
+ * @default "xl"
+ * @returns a component that centers its children and sets a max-width
+ * @example <Container maxWidth="xs">...</Container>
+ */
+export const Container = ({ maxWidth = 'xl', children }) => (React.createElement(Box, { marginLeft: "auto", marginRight: "auto", width: "full", className: tw({
+        'max-w-screen-xl': maxWidth === 'xl',
+        'max-w-screen-lg': maxWidth === 'lg',
+        'max-w-screen-md': maxWidth === 'md',
+        'max-w-screen-sm': maxWidth === 'sm',
+        'max-w-screen-xs': maxWidth === 'xs',
+    }) }, children));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Db250YWluZXIvQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRTVDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVV4Qzs7Ozs7O0dBTUc7QUFDSCxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQTZCLENBQUMsRUFBRSxRQUFRLEdBQUcsSUFBSSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUNwRixvQkFBQyxHQUFHLElBQ0YsVUFBVSxFQUFDLE1BQU0sRUFDakIsV0FBVyxFQUFDLE1BQU0sRUFDbEIsS0FBSyxFQUFDLE1BQU0sRUFDWixTQUFTLEVBQUUsRUFBRSxDQUFDO1FBQ1osaUJBQWlCLEVBQUUsUUFBUSxLQUFLLElBQUk7UUFDcEMsaUJBQWlCLEVBQUUsUUFBUSxLQUFLLElBQUk7UUFDcEMsaUJBQWlCLEVBQUUsUUFBUSxLQUFLLElBQUk7UUFDcEMsaUJBQWlCLEVBQUUsUUFBUSxLQUFLLElBQUk7UUFDcEMsaUJBQWlCLEVBQUUsUUFBUSxLQUFLLElBQUk7S0FDckMsQ0FBQyxJQUVELFFBQVEsQ0FDTCxDQUNQLENBQUMifQ==

package/dist/src/molecules/Context/Context.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ModalProvider } from '@react-aria/overlays';
+import { getMatches } from '../../../src/utils/breakpoints';
+import { useWindowSize } from '../../../src/utils/useWindowSize';
+export const Context = ({ children }) => {
+    const windowSize = useWindowSize();
+    const [breakpointMatches, setBreakpointMatches] = React.useState(getMatches(windowSize));
+    React.useEffect(() => {
+        setBreakpointMatches(getMatches(windowSize));
+    }, [windowSize]);
+    return (React.createElement(DesignSystemContext.Provider, { value: { breakpointMatches } },
+        React.createElement(ModalProvider, null, children)));
+};
+const context = {
+    breakpointMatches: getMatches(undefined),
+};
+export const DesignSystemContext = React.createContext(context);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ29udGV4dC9Db250ZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXJELE9BQU8sRUFBMEIsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDM0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBVXhELE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBRyxDQUFDLEVBQUUsUUFBUSxFQUFnQixFQUFlLEVBQUU7SUFDakUsTUFBTSxVQUFVLEdBQUcsYUFBYSxFQUFFLENBQUM7SUFDbkMsTUFBTSxDQUFDLGlCQUFpQixFQUFFLG9CQUFvQixDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBb0IsVUFBVSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7SUFFNUcsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDbkIsb0JBQW9CLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7SUFDL0MsQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQztJQUVqQixPQUFPLENBQ0wsb0JBQUMsbUJBQW1CLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxFQUFFLGlCQUFpQixFQUFFO1FBQ3hELG9CQUFDLGFBQWEsUUFBRSxRQUFRLENBQWlCLENBQ1osQ0FDaEMsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sT0FBTyxHQUFrQjtJQUM3QixpQkFBaUIsRUFBRSxVQUFVLENBQUMsU0FBUyxDQUFDO0NBQ3pDLENBQUM7QUFDRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFnQixPQUFPLENBQUMsQ0FBQyJ9

package/dist/src/{components → molecules}/ControlLabel/ControlLabel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type ElementProps } from '../../../src/components';
+import { type ElementProps } from '../../../src/molecules';
 declare type LabelPlacement = 'top' | 'bottom' | 'right' | 'left';
 export declare type ControlLabelProps = Omit<ElementProps<'label'>, 'component'> & {
     label?: React.ReactNode;

package/dist/src/{components → molecules}/ControlLabel/ControlLabel.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { Typography } from '../../../src/components/Typography/Typography';
+import { Typography } from '../../../src/molecules/Typography/Typography';
 import { tw } from '../../../src/utils/tailwind';
 export const ControlLabel = (_a) => {
     var { label, caption, disabled = false, readOnly = false, children, style } = _a, rest = __rest(_a, ["label", "caption", "disabled", "readOnly", "children", "style"]);
@@ -23,4 +23,4 @@ export const ControlLabel = (_a) => {
         label && React.createElement("span", { className: tw('typography-small self-center') }, label),
         caption && (React.createElement(Typography, { className: tw('col-start-2'), variant: "caption", color: disabled ? 'grey-40' : 'grey-50' }, caption))));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udHJvbExhYmVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ29udHJvbExhYmVsL0NvbnRyb2xMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBR2xFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQVl4QyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQWdDLENBQUMsRUFRekQsRUFBRSxFQUFFO1FBUnFELEVBQ3hELEtBQUssRUFDTCxPQUFPLEVBQ1AsUUFBUSxHQUFHLEtBQUssRUFDaEIsUUFBUSxHQUFHLEtBQUssRUFDaEIsUUFBUSxFQUNSLEtBQUssT0FFTixFQURJLElBQUksY0FQaUQsaUVBUXpELENBRFE7SUFFUCxNQUFNLFNBQVMsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsZUFBZSxDQUFDO0lBRTlELE9BQU8sQ0FDTCw2Q0FDRSxTQUFTLEVBQUUsRUFBRSxDQUNYLGtDQUFrQyxFQUNsQztZQUNFLGdCQUFnQixFQUFFLENBQUMsUUFBUSxJQUFJLENBQUMsUUFBUTtZQUN4QyxvQkFBb0IsRUFBRSxRQUFRO1NBQy9CLEVBQ0QsU0FBUyxDQUNWLEVBQ0QsS0FBSyxvQkFBTyxLQUFLLEtBQ2IsSUFBSTtRQUVQLFFBQVE7UUFDUixLQUFLLElBQUksOEJBQU0sU0FBUyxFQUFFLEVBQUUsQ0FBQyw4QkFBOEIsQ0FBQyxJQUFHLEtBQUssQ0FBUTtRQUM1RSxPQUFPLElBQUksQ0FDVixvQkFBQyxVQUFVLElBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxhQUFhLENBQUMsRUFBRSxPQUFPLEVBQUMsU0FBUyxFQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxJQUNoRyxPQUFPLENBQ0csQ0FDZCxDQUNLLENBQ1QsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udHJvbExhYmVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Db250cm9sTGFiZWwvQ29udHJvbExhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFHakUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBWXhDLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBZ0MsQ0FBQyxFQVF6RCxFQUFFLEVBQUU7UUFScUQsRUFDeEQsS0FBSyxFQUNMLE9BQU8sRUFDUCxRQUFRLEdBQUcsS0FBSyxFQUNoQixRQUFRLEdBQUcsS0FBSyxFQUNoQixRQUFRLEVBQ1IsS0FBSyxPQUVOLEVBREksSUFBSSxjQVBpRCxpRUFRekQsQ0FEUTtJQUVQLE1BQU0sU0FBUyxHQUFHLFFBQVEsQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxlQUFlLENBQUM7SUFFOUQsT0FBTyxDQUNMLDZDQUNFLFNBQVMsRUFBRSxFQUFFLENBQ1gsa0NBQWtDLEVBQ2xDO1lBQ0UsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLElBQUksQ0FBQyxRQUFRO1lBQ3hDLG9CQUFvQixFQUFFLFFBQVE7U0FDL0IsRUFDRCxTQUFTLENBQ1YsRUFDRCxLQUFLLG9CQUFPLEtBQUssS0FDYixJQUFJO1FBRVAsUUFBUTtRQUNSLEtBQUssSUFBSSw4QkFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLDhCQUE4QixDQUFDLElBQUcsS0FBSyxDQUFRO1FBQzVFLE9BQU8sSUFBSSxDQUNWLG9CQUFDLFVBQVUsSUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLGFBQWEsQ0FBQyxFQUFFLE9BQU8sRUFBQyxTQUFTLEVBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQ2hHLE9BQU8sQ0FDRyxDQUNkLENBQ0ssQ0FDVCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=