@aivenio/aquarium 4.1.2 → 4.3.0

package/dist/src/molecules/DatePicker/DatePicker.js

@@ -10,22 +10,23 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { DatePicker as AriaDatePicker, DatePickerStateContext, Text, } from 'react-aria-components';
+import { DatePickerStateContext, Text, } from 'react-aria-components';
 import { useLabel } from '@react-aria/label';
-import { useId } from '@react-aria/utils';
+import { mergeProps, useId } from '@react-aria/utils';
 import { omit } from 'lodash-es';
 import { Box } from '../../../src/molecules/Box/Box';
-import { DateInput } from '../../../src/molecules/DateField/DateInput';
-import { FieldGroup } from '../../../src/molecules/Field/Field';
 import { Spacing } from '../../../src/molecules/Spacing/Spacing';
 import { TimeField } from '../../../src/molecules/TimeField/TimeField';
+import { DateInput } from '../../../src/atoms/DateField/DateField';
+import { Calendar } from '../../../src/atoms/DatePicker/Calendar';
+import { DatePicker as DatePickerAtom, datePickerCalendarStyles, Preset, Presets, } from '../../../src/atoms/DatePicker/DatePicker';
+import { CalendarButton, ClearInputButton } from '../../../src/atoms/DatePicker/DatePickerButton';
+import { Dialog } from '../../../src/atoms/Dialog/Dialog';
+import { FieldGroup } from '../../../src/atoms/Field/Field';
+import { Popover } from '../../../src/atoms/Popover/Popover';
 import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
 import { tw } from '../../../src/utils/tailwind';
-import { CalendarButton, ClearInputButton } from './Button';
-import { Calendar } from './Calendar';
-import { Dialog } from './Dialog';
-import { Popover } from './Popover';
-function DatePickerClearButton() {
+const DatePickerClearButton = () => {
     const state = React.useContext(DatePickerStateContext);
     if (!state) {
         throw new Error('DatePickerStateContext is missing a provider');
@@ -36,48 +37,72 @@ function DatePickerClearButton() {
     return (React.createElement(ClearInputButton, { onPress: () => {
             state.setValue(null);
         } }));
-}
-const createDatePickerBase = (variant) => (_a) => {
-    var _b, _c;
-    var { disabled, valid, granularity, shouldCloseOnSelect, errorMessage, clearSelectionEnabled = true } = _a, props = __rest(_a, ["disabled", "valid", "granularity", "shouldCloseOnSelect", "errorMessage", "clearSelectionEnabled"]);
-    const hasSomeValue = (_c = (_b = props.value) !== null && _b !== void 0 ? _b : props.defaultValue) !== null && _c !== void 0 ? _c : props.placeholderValue;
-    return (React.createElement(AriaDatePicker, Object.assign({}, props, { shouldCloseOnSelect: shouldCloseOnSelect !== null && shouldCloseOnSelect !== void 0 ? shouldCloseOnSelect : variant === 'date', isDisabled: disabled, isInvalid: valid === false, 
-        // Set the granularity to minute if the variant is 'datetime' and there is no any value provided.
-        // This will display the time component in the picker by default in <DateTimePicker>.
-        granularity: granularity !== null && granularity !== void 0 ? granularity : (variant === 'datetime' && !hasSomeValue ? 'minute' : undefined) }),
-        React.createElement(FieldGroup, { className: tw('min-w-[210px] w-auto') },
-            React.createElement(DateInput, { className: tw('flex-1') }),
-            React.createElement(Box.Flex, { alignItems: "center", gap: "2" },
-                clearSelectionEnabled && !disabled && React.createElement(DatePickerClearButton, null),
-                React.createElement(CalendarButton, null))),
-        React.createElement(Popover, { offset: 0 },
-            React.createElement(Dialog, null,
-                React.createElement(Spacing, { gap: "3" },
-                    React.createElement(Calendar, null),
-                    variant === 'datetime' && React.createElement(PickerTimeField, { granularity: granularity }),
-                    errorMessage && (React.createElement(Text, { slot: "errorMessage", className: tw('typography-caption text-danger-default max-w-[300px]') }, errorMessage)))))));
+};
+DatePickerClearButton.displayName = 'DatePicker.ClearButton';
+const CalendarTimeField = (_a) => {
+    var { granularity, labelText = 'Time' } = _a, props = __rest(_a, ["granularity", "labelText"]);
+    const ctx = React.useContext(DatePickerStateContext);
+    return (React.createElement(TimeField, Object.assign({}, props, { labelText: labelText, granularity: granularity !== 'day' ? granularity : undefined, value: ctx === null || ctx === void 0 ? void 0 : ctx.timeValue, onChange: (value) => value && (ctx === null || ctx === void 0 ? void 0 : ctx.setTimeValue(value)), reserveSpaceForError: false })));
+};
+const DatePickerCalendarPropsContext = React.createContext(null);
+const DatePickerCalendar = (props) => {
+    const ctx = React.useContext(DatePickerCalendarPropsContext);
+    const { variant, granularity, errorMessage, presets = [] } = mergeProps(ctx, props);
+    const { dialog, calendar, errorMessage: errorMessageStyle } = datePickerCalendarStyles();
+    return (React.createElement(Popover, { offset: 0 },
+        React.createElement(Dialog, { className: dialog() },
+            presets.length > 0 && (React.createElement(Presets, null, presets.map((props) => (React.createElement(Preset, Object.assign({ key: props.value.toString() }, props)))))),
+            React.createElement(Spacing, { gap: "3", className: tw('p-5') },
+                React.createElement(Calendar, { className: calendar() }),
+                variant === 'datetime' && React.createElement(CalendarTimeField, { granularity: granularity }),
+                errorMessage && (React.createElement(Text, { slot: "errorMessage", className: errorMessageStyle() }, errorMessage))))));
+};
+DatePickerCalendar.displayName = 'DatePicker.Calendar';
+const DatePickerField = ({ clearSelectionEnabled = true, disabled = false }) => {
+    return (React.createElement(FieldGroup, { className: tw('min-w-[210px] w-auto') },
+        React.createElement(DateInput, { className: tw('flex-1') }),
+        React.createElement(Box.Flex, { alignItems: "center", gap: "2" },
+            clearSelectionEnabled && !disabled && React.createElement(DatePickerClearButton, null),
+            React.createElement(CalendarButton, null))));
+};
+DatePickerField.displayName = 'DatePicker.Field';
+const createDatePickerBase = (variant) => {
+    const datePicker = (_a) => {
+        var { disabled, valid, shouldCloseOnSelect, errorMessage, clearSelectionEnabled = true, presets, children } = _a, props = __rest(_a, ["disabled", "valid", "shouldCloseOnSelect", "errorMessage", "clearSelectionEnabled", "presets", "children"]);
+        const content = children !== null && children !== void 0 ? children : (React.createElement(React.Fragment, null,
+            React.createElement(DatePickerField, { clearSelectionEnabled: clearSelectionEnabled, disabled: disabled }),
+            React.createElement(DatePickerCalendar, null)));
+        return (React.createElement(DatePickerCalendarPropsContext.Provider, { value: { variant, granularity: props.granularity, errorMessage, presets } },
+            React.createElement(DatePickerAtom, Object.assign({}, props, { variant: variant, isDisabled: disabled, isInvalid: valid === false }), content)));
+    };
+    datePicker.Calendar = DatePickerCalendar;
+    datePicker.Field = DatePickerField;
+    datePicker.displayName = variant === 'date' ? 'DatePickerBase' : 'DateTimePickerBase';
+    return datePicker;
 };
 export const DatePickerBase = createDatePickerBase('date');
 export const DateTimePickerBase = createDatePickerBase('datetime');
-const PickerTimeField = ({ granularity }) => {
-    const state = React.useContext(DatePickerStateContext);
-    if (!state) {
-        throw new Error('DatePickerStateContext is missing a provider');
-    }
-    return (React.createElement(TimeField, { labelText: "Time", granularity: granularity !== 'day' ? granularity : undefined, value: state.timeValue, onChange: (value) => value && state.setTimeValue(value), reserveSpaceForError: false }));
-};
-const createDatePicker = (variant) => (props) => {
-    var _a;
-    const { labelProps, fieldProps } = useLabel({ label: props.labelText });
-    const errorMessageId = useId();
-    const errorProps = props.valid === false
-        ? { 'aria-invalid': true, 'aria-describedby': errorMessageId, 'errorMessage': (_a = props.helperText) !== null && _a !== void 0 ? _a : props.error }
-        : {};
-    const _b = getLabelControlProps(props), { 'data-testid': dataTestId } = _b, labelControlProps = __rest(_b, ['data-testid']);
-    const baseProps = omit(props, Object.keys(labelControlProps));
-    const allProps = Object.assign(Object.assign(Object.assign(Object.assign({}, baseProps), fieldProps), errorProps), { disabled: props.disabled, valid: props.valid });
-    return (React.createElement(LabelControl, Object.assign({}, labelProps, labelControlProps, { messageId: errorMessageId, className: "Aquarium-DatePicker" }), variant === 'date' ? React.createElement(DatePickerBase, Object.assign({}, allProps)) : React.createElement(DateTimePickerBase, Object.assign({}, allProps))));
+const createDatePicker = (variant) => {
+    // ESLint doesn't recognize this as a React component.
+    const datePicker = (props) => {
+        var _a;
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const { labelProps, fieldProps } = useLabel({ 'label': props.labelText, 'aria-label': props['aria-label'] });
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const errorMessageId = useId();
+        const errorProps = props.valid === false
+            ? { 'aria-invalid': true, 'aria-describedby': errorMessageId, 'errorMessage': (_a = props.helperText) !== null && _a !== void 0 ? _a : props.error }
+            : {};
+        const _b = getLabelControlProps(props), { 'data-testid': dataTestId } = _b, labelControlProps = __rest(_b, ['data-testid']);
+        const baseProps = omit(props, Object.keys(labelControlProps));
+        const allProps = Object.assign(Object.assign(Object.assign(Object.assign({}, baseProps), fieldProps), errorProps), { disabled: props.disabled, valid: props.valid });
+        return (React.createElement(LabelControl, Object.assign({}, labelProps, labelControlProps, { messageId: errorMessageId, className: "Aquarium-DatePicker" }), variant === 'date' ? React.createElement(DatePickerBase, Object.assign({}, allProps)) : React.createElement(DateTimePickerBase, Object.assign({}, allProps))));
+    };
+    datePicker.Calendar = DatePickerCalendar;
+    datePicker.Field = DatePickerField;
+    datePicker.displayName = variant === 'date' ? 'DatePicker' : 'DateTimePicker';
+    return datePicker;
 };
 export const DatePicker = createDatePicker('date');
 export const DateTimePicker = createDatePicker('datetime');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0ZVBpY2tlci9EYXRlUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsVUFBVSxJQUFJLGNBQWMsRUFFNUIsc0JBQXNCLEVBRXRCLElBQUksR0FDTCxNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVqQyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRTlELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxZQUFZLEVBQTBCLE1BQU0sNEJBQTRCLENBQUM7QUFDeEcsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sRUFBRSxjQUFjLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDNUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUN0QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxXQUFXLENBQUM7QUE0QnBDLFNBQVMscUJBQXFCO0lBQzVC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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0ZVBpY2tlci9EYXRlUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBRUwsc0JBQXNCLEVBRXRCLElBQUksR0FDTCxNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFFakMsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFOUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsVUFBVSxJQUFJLGNBQWMsRUFDNUIsd0JBQXdCLEVBQ3hCLE1BQU0sRUFFTixPQUFPLEdBQ1IsTUFBTSxpQ0FBaUMsQ0FBQztBQUN6QyxPQUFPLEVBQUUsY0FBYyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDekYsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFcEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBMEIs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

package/dist/src/molecules/DatePicker/DateRangePicker.d.ts

@@ -1,14 +1,79 @@
 import React from 'react';
 import { type DateRangePickerProps as AriaDateRangePickerProps, type DateValue } from 'react-aria-components';
+import { type RangePresetProps } from '../../../src/atoms/DatePicker/DatePicker';
 import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
+import type { Granularity } from '@react-types/datepicker';
 export type DateRangePickerBaseProps<T extends DateValue> = Omit<AriaDateRangePickerProps<T>, 'children' | 'className' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'isRequired' | 'pageBehavior' | 'slot' | 'style' | 'validate' | 'validationBehavior'> & {
     disabled?: boolean;
     valid?: boolean;
     errorMessage?: string;
+    /**
+     * If true, users can use "x" button to clear the selection.
+     * @default true
+     */
     clearSelectionEnabled?: boolean;
+    /**
+     * Optional array of preset values to display in the calendar.
+     */
+    presets?: RangePresetProps[];
+};
+type DateRangePickerCalendarProps = {
+    variant: 'date' | 'datetime';
+    granularity?: Granularity;
+    errorMessage?: string;
+    presets?: RangePresetProps[];
+};
+type DateRangePickerFieldProps = {
+    clearSelectionEnabled?: boolean;
+    disabled?: boolean;
+};
+export declare const DateRangePickerBase: {
+    <T extends DateValue>({ disabled, valid, shouldCloseOnSelect, errorMessage, clearSelectionEnabled, presets, children, ...props }: React.PropsWithChildren<DateRangePickerBaseProps<T>>): React.JSX.Element;
+    Calendar: {
+        (props: Partial<DateRangePickerCalendarProps>): React.JSX.Element;
+        displayName: string;
+    };
+    Field: {
+        ({ clearSelectionEnabled, disabled }: DateRangePickerFieldProps): React.JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
+};
+export declare const DateTimeRangePickerBase: {
+    <T extends DateValue>({ disabled, valid, shouldCloseOnSelect, errorMessage, clearSelectionEnabled, presets, children, ...props }: React.PropsWithChildren<DateRangePickerBaseProps<T>>): React.JSX.Element;
+    Calendar: {
+        (props: Partial<DateRangePickerCalendarProps>): React.JSX.Element;
+        displayName: string;
+    };
+    Field: {
+        ({ clearSelectionEnabled, disabled }: DateRangePickerFieldProps): React.JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
 };
-export declare const DateRangePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, errorMessage, clearSelectionEnabled, ...props }: DateRangePickerBaseProps<T>) => React.JSX.Element;
-export declare const DateTimeRangePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, errorMessage, clearSelectionEnabled, ...props }: DateRangePickerBaseProps<T>) => React.JSX.Element;
 export type DateRangePickerProps<T extends DateValue> = DateRangePickerBaseProps<T> & Omit<LabelControlProps, 'length'>;
-export declare const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T>) => React.JSX.Element;
-export declare const DateTimeRangePicker: <T extends DateValue>(props: DateRangePickerProps<T>) => React.JSX.Element;
+export declare const DateRangePicker: {
+    <T extends DateValue>(props: DateRangePickerProps<T>): React.JSX.Element;
+    Calendar: {
+        (props: Partial<DateRangePickerCalendarProps>): React.JSX.Element;
+        displayName: string;
+    };
+    Field: {
+        ({ clearSelectionEnabled, disabled }: DateRangePickerFieldProps): React.JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
+};
+export declare const DateTimeRangePicker: {
+    <T extends DateValue>(props: DateRangePickerProps<T>): React.JSX.Element;
+    Calendar: {
+        (props: Partial<DateRangePickerCalendarProps>): React.JSX.Element;
+        displayName: string;
+    };
+    Field: {
+        ({ clearSelectionEnabled, disabled }: DateRangePickerFieldProps): React.JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
+};
+export {};

package/dist/src/molecules/DatePicker/DateRangePicker.js

@@ -10,21 +10,22 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { DateRangePicker as AriaDateRangePicker, DateRangePickerStateContext, Text, } from 'react-aria-components';
+import { DateRangePickerStateContext, Text, } from 'react-aria-components';
 import { useLabel } from '@react-aria/label';
-import { useId } from '@react-aria/utils';
+import { mergeProps, useId } from '@react-aria/utils';
 import { omit } from 'lodash-es';
 import { Box } from '../../../src/molecules/Box/Box';
-import { DateInput } from '../../../src/molecules/DateField/DateInput';
-import { FieldGroup } from '../../../src/molecules/Field/Field';
 import { Spacing } from '../../../src/molecules/Spacing/Spacing';
 import { TimeField } from '../../../src/molecules/TimeField/TimeField';
+import { DateInput } from '../../../src/atoms/DateField/DateField';
+import { datePickerCalendarStyles, DateRangePicker as DateRangePickerAtom, Presets, RangePreset, } from '../../../src/atoms/DatePicker/DatePicker';
+import { CalendarButton, ClearInputButton } from '../../../src/atoms/DatePicker/DatePickerButton';
+import { RangeCalendar } from '../../../src/atoms/DatePicker/RangeCalendar';
+import { Dialog } from '../../../src/atoms/Dialog/Dialog';
+import { FieldGroup } from '../../../src/atoms/Field/Field';
+import { Popover } from '../../../src/atoms/Popover/Popover';
 import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
 import { tw } from '../../../src/utils/tailwind';
-import { CalendarButton, ClearInputButton } from './Button';
-import { Dialog } from './Dialog';
-import { Popover } from './Popover';
-import { RangeCalendar } from './RangeCalendar';
 function DateRangePickerClearButton() {
     const state = React.useContext(DateRangePickerStateContext);
     if (!state) {
@@ -37,51 +38,78 @@ function DateRangePickerClearButton() {
             state.setValue(null);
         } }));
 }
-const createDateRangePickerBase = (variant) => (_a) => {
-    var _b, _c;
-    var { disabled, valid, granularity, shouldCloseOnSelect, errorMessage, clearSelectionEnabled = true } = _a, props = __rest(_a, ["disabled", "valid", "granularity", "shouldCloseOnSelect", "errorMessage", "clearSelectionEnabled"]);
-    const hasSomeValue = (_c = (_b = props.value) !== null && _b !== void 0 ? _b : props.defaultValue) !== null && _c !== void 0 ? _c : props.placeholderValue;
-    return (React.createElement(AriaDateRangePicker, Object.assign({}, props, { shouldCloseOnSelect: shouldCloseOnSelect !== null && shouldCloseOnSelect !== void 0 ? shouldCloseOnSelect : variant === 'date', isDisabled: disabled, isInvalid: valid === false, 
-        // Set the granularity to minute if the variant is 'datetime' and there is no any value provided.
-        // This will display the time component in the picker by default in <DateTimeRangePicker>.
-        granularity: granularity !== null && granularity !== void 0 ? granularity : (variant === 'datetime' && !hasSomeValue ? 'minute' : undefined), className: tw('group flex flex-col gap-1') }),
-        React.createElement(FieldGroup, { className: tw('min-w-[200px] w-auto gap-2') },
-            React.createElement(DateInput, { slot: "start", className: tw('px-2 py-1') }),
-            React.createElement("span", { "aria-hidden": true, className: tw('text-muted') }, "-"),
-            React.createElement(DateInput, { slot: "end", className: tw('flex-1 px-2 py-1') }),
-            React.createElement(Box.Flex, { alignItems: "center", gap: "2" },
-                clearSelectionEnabled && !disabled && React.createElement(DateRangePickerClearButton, null),
-                React.createElement(CalendarButton, null))),
-        React.createElement(Popover, { offset: 0 },
-            React.createElement(Dialog, null,
-                React.createElement(Spacing, { gap: "3" },
-                    React.createElement(RangeCalendar, null),
-                    variant === 'datetime' && (React.createElement(Box.Flex, { gap: "6" },
-                        React.createElement("div", { className: tw('flex-1') },
-                            React.createElement(PickerTimeField, { granularity: granularity, part: "start" })),
-                        React.createElement("div", { className: tw('flex-1') },
-                            React.createElement(PickerTimeField, { granularity: granularity, part: "end" })))),
-                    errorMessage && (React.createElement(Text, { slot: "errorMessage", className: tw('typography-caption text-danger-default max-w-[300px]') }, errorMessage)))))));
-};
-const PickerTimeField = ({ granularity, part }) => {
-    var _a, _b;
+const RangeCalendarTimeField = (_a) => {
+    var _b, _c, _d;
+    var { granularity, part } = _a, props = __rest(_a, ["granularity", "part"]);
     const ctx = React.useContext(DateRangePickerStateContext);
-    return (React.createElement(TimeField, { labelText: part === 'start' ? 'Start time' : 'End time', granularity: granularity !== 'day' ? granularity : undefined, value: (_b = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.timeRange) === null || _a === void 0 ? void 0 : _a[part]) !== null && _b !== void 0 ? _b : null, onChange: (value) => ctx === null || ctx === void 0 ? void 0 : ctx.setTime(part, value), reserveSpaceForError: false }));
+    const labelText = (_b = props.labelText) !== null && _b !== void 0 ? _b : (part === 'start' ? 'Start time' : 'End time');
+    return (React.createElement(TimeField, Object.assign({}, props, { labelText: labelText, granularity: granularity !== 'day' ? granularity : undefined, value: (_d = (_c = ctx === null || ctx === void 0 ? void 0 : ctx.timeRange) === null || _c === void 0 ? void 0 : _c[part]) !== null && _d !== void 0 ? _d : null, onChange: (value) => ctx === null || ctx === void 0 ? void 0 : ctx.setTime(part, value), reserveSpaceForError: false })));
+};
+const DateRangePickerCalendarPropsContext = React.createContext(null);
+const DateRangePickerCalendar = (props) => {
+    const ctx = React.useContext(DateRangePickerCalendarPropsContext);
+    const { variant, granularity, errorMessage, presets = [] } = mergeProps(ctx, props);
+    const { dialog, calendar, errorMessage: errorMessageStyle } = datePickerCalendarStyles();
+    return (React.createElement(Popover, { offset: 0 },
+        React.createElement(Dialog, { className: dialog() },
+            presets.length > 0 && (React.createElement(Presets, null, presets.map((props) => (React.createElement(RangePreset, Object.assign({ key: `${props.value.start.toString()}-${props.value.end.toString()}` }, props)))))),
+            React.createElement(Spacing, { gap: "3", className: tw('p-5') },
+                React.createElement(RangeCalendar, { className: calendar() }),
+                variant === 'datetime' && (React.createElement(Box.Flex, { gap: "6" },
+                    React.createElement("div", { className: tw('flex-1') },
+                        React.createElement(RangeCalendarTimeField, { granularity: granularity, part: "start" })),
+                    React.createElement("div", { className: tw('flex-1') },
+                        React.createElement(RangeCalendarTimeField, { granularity: granularity, part: "end" })))),
+                errorMessage && (React.createElement(Text, { slot: "errorMessage", className: errorMessageStyle() }, errorMessage))))));
+};
+DateRangePickerCalendar.displayName = 'DateRangePicker.Calendar';
+const DateRangePickerField = ({ clearSelectionEnabled = true, disabled = false }) => {
+    return (React.createElement(FieldGroup, { className: tw('min-w-[200px] w-auto gap-2') },
+        React.createElement(DateInput, { slot: "start", className: tw('px-2 py-1') }),
+        React.createElement("span", { "aria-hidden": true, className: tw('text-muted') }, "-"),
+        React.createElement(DateInput, { slot: "end", className: tw('flex-1 px-2 py-1') }),
+        React.createElement(Box.Flex, { alignItems: "center", gap: "2" },
+            clearSelectionEnabled && !disabled && React.createElement(DateRangePickerClearButton, null),
+            React.createElement(CalendarButton, null))));
+};
+DateRangePickerField.displayName = 'DateRangePicker.Field';
+const createDateRangePickerBase = (variant) => {
+    const dateRangePicker = (_a) => {
+        var { disabled, valid, shouldCloseOnSelect, errorMessage, clearSelectionEnabled = true, presets, children } = _a, props = __rest(_a, ["disabled", "valid", "shouldCloseOnSelect", "errorMessage", "clearSelectionEnabled", "presets", "children"]);
+        const content = children !== null && children !== void 0 ? children : (React.createElement(React.Fragment, null,
+            React.createElement(DateRangePickerField, { clearSelectionEnabled: clearSelectionEnabled, disabled: disabled }),
+            React.createElement(DateRangePickerCalendar, { variant: variant, granularity: props.granularity, errorMessage: errorMessage })));
+        return (React.createElement(DateRangePickerCalendarPropsContext.Provider, { value: { variant, granularity: props.granularity, errorMessage, presets } },
+            React.createElement(DateRangePickerAtom, Object.assign({}, props, { variant: variant, isDisabled: disabled, isInvalid: valid === false }), content)));
+    };
+    dateRangePicker.Calendar = DateRangePickerCalendar;
+    dateRangePicker.Field = DateRangePickerField;
+    dateRangePicker.displayName = variant === 'date' ? 'DateRangePickerBase' : 'DateTimeRangePickerBase';
+    return dateRangePicker;
 };
 export const DateRangePickerBase = createDateRangePickerBase('date');
 export const DateTimeRangePickerBase = createDateRangePickerBase('datetime');
-const createDateRangePicker = (variant) => (props) => {
-    var _a;
-    const { labelProps, fieldProps } = useLabel({ label: props.labelText });
-    const errorMessageId = useId();
-    const errorProps = props.valid === false
-        ? { 'aria-invalid': true, 'aria-describedby': errorMessageId, 'errorMessage': (_a = props.helperText) !== null && _a !== void 0 ? _a : props.error }
-        : {};
-    const _b = getLabelControlProps(props), { 'data-testid': dataTestId } = _b, labelControlProps = __rest(_b, ['data-testid']);
-    const baseProps = omit(props, Object.keys(labelControlProps));
-    const allProps = Object.assign(Object.assign(Object.assign(Object.assign({}, baseProps), fieldProps), errorProps), { disabled: props.disabled, valid: props.valid });
-    return (React.createElement(LabelControl, Object.assign({}, labelProps, labelControlProps, { messageId: errorMessageId, className: "Aquarium-DatePicker" }), variant === 'date' ? React.createElement(DateRangePickerBase, Object.assign({}, allProps)) : React.createElement(DateTimeRangePickerBase, Object.assign({}, allProps))));
+const createDateRangePicker = (variant) => {
+    // ESLint doesn't recognize this as a React component.
+    const dateRangePicker = (props) => {
+        var _a;
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const { labelProps, fieldProps } = useLabel({ 'label': props.labelText, 'aria-label': props['aria-label'] });
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        const errorMessageId = useId();
+        const errorProps = props.valid === false
+            ? { 'aria-invalid': true, 'aria-describedby': errorMessageId, 'errorMessage': (_a = props.helperText) !== null && _a !== void 0 ? _a : props.error }
+            : {};
+        const _b = getLabelControlProps(props), { 'data-testid': dataTestId } = _b, labelControlProps = __rest(_b, ['data-testid']);
+        const baseProps = omit(props, Object.keys(labelControlProps));
+        const allProps = Object.assign(Object.assign(Object.assign(Object.assign({}, baseProps), fieldProps), errorProps), { disabled: props.disabled, valid: props.valid });
+        return (React.createElement(LabelControl, Object.assign({}, labelProps, labelControlProps, { messageId: errorMessageId, className: "Aquarium-DatePicker" }), variant === 'date' ? React.createElement(DateRangePickerBase, Object.assign({}, allProps)) : React.createElement(DateTimeRangePickerBase, Object.assign({}, allProps))));
+    };
+    dateRangePicker.Calendar = DateRangePickerCalendar;
+    dateRangePicker.Field = DateRangePickerField;
+    dateRangePicker.displayName = variant === 'date' ? 'DateRangePicker' : 'DateTimeRangePicker';
+    return dateRangePicker;
 };
 export const DateRangePicker = createDateRangePicker('date');
 export const DateTimeRangePicker = createDateRangePicker('datetime');
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVJhbmdlUGlja2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlUGlja2VyL0RhdGVSYW5nZVBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNMLGVBQWUsSUFBSSxtQkFBbUIsRUFFdEMsMkJBQTJCLEVBRTNCLElBQUksR0FDTCxNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVqQyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRTlELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxZQUFZLEVBQTBCLE1BQU0sNEJBQTRCLENBQUM7QUFDeEcsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sRUFBRSxjQUFjLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDNUQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNsQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ3BDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQXdCaEQsU0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVJhbmdlUGlja2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlUGlja2VyL0RhdGVSYW5nZVBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUVMLDJCQUEyQixFQUUzQixJQUFJLEdBQ0wsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRWpDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRTlELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMxRCxPQUFPLEVBQ0wsd0JBQXdCLEVBQ3hCLGVBQWUsSUFBSSxtQkFBbUIsRUFDdEMsT0FBTyxFQUNQLFdBQVcsR0FFWixNQUFNLGlDQUFpQyxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxjQUFjLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN6RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDbkUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFcEQsT0FBTyxFQUFFLG9CQUFvQixFQUFF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

package/dist/src/molecules/DropdownMenu/SearchField.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Button as AriaButton, Input as AriaInput, SearchField as AriaSearchField, } from 'react-aria-components';
+import { FieldGroup } from '../../../src/atoms/Field/Field';
 import { ResetIcon, SearchIcon } from '../../../src/utils/form/InputAdornment/InputAdornment';
-import { FieldGroup } from '../Field/Field';
 export const SearchField = (props) => {
     return (React.createElement(AriaSearchField, Object.assign({}, props),
         React.createElement(FieldGroup, null,
@@ -10,4 +10,4 @@ export const SearchField = (props) => {
             React.createElement(AriaButton, { "aria-label": "Clear", className: "group-empty:invisible" },
                 React.createElement(ResetIcon, { "aria-hidden": true })))));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VhcmNoRmllbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0Ryb3Bkb3duTWVudS9TZWFyY2hGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxNQUFNLElBQUksVUFBVSxFQUNwQixLQUFLLElBQUksU0FBUyxFQUNsQixXQUFXLElBQUksZUFBZSxHQUUvQixNQUFNLHVCQUF1QixDQUFDO0FBRS9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFFckYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBSTVDLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxDQUFDLEtBQXVCLEVBQUUsRUFBRTtJQUNyRCxPQUFPLENBQ0wsb0JBQUMsZUFBZSxvQkFBSyxLQUFLO1FBQ3hCLG9CQUFDLFVBQVU7WUFDVCxvQkFBQyxVQUFVLDBCQUFlO1lBQzFCLG9CQUFDLFNBQVMsSUFBQyxTQUFTLEVBQUMsMkVBQTJFLEdBQUc7WUFDbkcsb0JBQUMsVUFBVSxrQkFBWSxPQUFPLEVBQUMsU0FBUyxFQUFDLHVCQUF1QjtnQkFDOUQsb0JBQUMsU0FBUywwQkFBZSxDQUNkLENBQ0YsQ0FDRyxDQUNuQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VhcmNoRmllbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0Ryb3Bkb3duTWVudS9TZWFyY2hGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxNQUFNLElBQUksVUFBVSxFQUNwQixLQUFLLElBQUksU0FBUyxFQUNsQixXQUFXLElBQUksZUFBZSxHQUUvQixNQUFNLHVCQUF1QixDQUFDO0FBRS9CLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUVuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBSXJGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxDQUFDLEtBQXVCLEVBQUUsRUFBRTtJQUNyRCxPQUFPLENBQ0wsb0JBQUMsZUFBZSxvQkFBSyxLQUFLO1FBQ3hCLG9CQUFDLFVBQVU7WUFDVCxvQkFBQyxVQUFVLDBCQUFlO1lBQzFCLG9CQUFDLFNBQVMsSUFBQyxTQUFTLEVBQUMsMkVBQTJFLEdBQUc7WUFDbkcsb0JBQUMsVUFBVSxrQkFBWSxPQUFPLEVBQUMsU0FBUyxFQUFDLHVCQUF1QjtnQkFDOUQsb0JBQUMsU0FBUywwQkFBZSxDQUNkLENBQ0YsQ0FDRyxDQUNuQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

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

@@ -0,0 +1,2 @@
+import { Filter } from '../../../src/atoms/Filter/Filter';
+export { Filter };

package/dist/src/molecules/Filter/Filter.js

@@ -0,0 +1,3 @@
+import { Filter } from '../../../src/atoms/Filter/Filter';
+export { Filter };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9GaWx0ZXIvRmlsdGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFakQsT0FBTyxFQUFFLE1BQU0sRUFBRSxDQUFDIn0=

package/dist/src/molecules/Link/Link.js

@@ -22,8 +22,8 @@ const Link = (_a) => {
         icon && iconPlacement === 'right' && React.createElement(Icon, { icon: icon })));
 };
 const LinkButton = (_a) => {
-    var { icon, iconPlacement = 'left', children, className, tooltip, tooltipPlacement } = _a, props = __rest(_a, ["icon", "iconPlacement", "children", "className", "tooltip", "tooltipPlacement"]);
-    const content = (React.createElement(_LinkButton, Object.assign({ className: classNames('Aquarium-Link', className) }, props),
+    var { icon, iconPlacement = 'left', children, className, tooltip, tooltipPlacement, 'aria-label': ariaLabel } = _a, props = __rest(_a, ["icon", "iconPlacement", "children", "className", "tooltip", "tooltipPlacement", 'aria-label']);
+    const content = (React.createElement(_LinkButton, Object.assign({ className: classNames('Aquarium-Link', className), "aria-label": props.kind === 'icon' ? (ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : tooltip) : ariaLabel }, props),
         icon && iconPlacement === 'left' && React.createElement(Icon, { icon: icon, dense: props.dense }),
         children,
         icon && iconPlacement === 'right' && React.createElement(Icon, { icon: icon, dense: props.dense })));
@@ -43,4 +43,4 @@ LinkButton.Secondary = LinkButtonSecondary;
 LinkButton.Ghost = LinkButtonGhost;
 LinkButton.Icon = LinkButtonIcon;
 export { Link };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTGluay9MaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFVBQVUsTUFBTSxZQUFZLENBQUM7QUFFcEMsT0FBTyxFQUFFLE9BQU8sRUFBcUIsTUFBTSwrQkFBK0IsQ0FBQztBQUUzRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLElBQUksSUFBSSxLQUFLLEVBQUUsVUFBVSxJQUFJLFdBQVcsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBYS9FLE1BQU0sSUFBSSxHQUFzQixDQUFDLEVBQXNELEVBQUUsRUFBRTtRQUExRCxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBWSxFQUFQLEtBQUssY0FBcEQsa0RBQXNELENBQUY7SUFDbkYsT0FBTyxDQUNMLG9CQUFDLEtBQUssa0JBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxlQUFlLEVBQUUsU0FBUyxDQUFDLElBQU0sS0FBSztRQUNoRSxJQUFJLElBQUksYUFBYSxLQUFLLE1BQU0sSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLElBQUksR0FBSTtRQUN4RCxRQUFRO1FBQ1IsSUFBSSxJQUFJLGFBQWEsS0FBSyxPQUFPLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDcEQsQ0FDVCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBZ0JGLE1BQU0sVUFBVSxHQUE0QixDQUFDLEVBUTVDLEVBQUUsRUFBRTtRQVJ3QyxFQUMzQyxJQUFJLEVBQ0osYUFBYSxHQUFHLE1BQU0sRUFDdEIsUUFBUSxFQUNSLFNBQVMsRUFDVCxPQUFPLEVBQ1AsZ0JBQWdCLE9BRWpCLEVBREksS0FBSyxjQVBtQyxpRkFRNUMsQ0FEUztJQUVSLE1BQU0sT0FBTyxHQUFHLENBQ2Qsb0JBQUMsV0FBVyxrQkFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLGVBQWUsRUFBRSxTQUFTLENBQUMsSUFBTSxLQUFLO1FBQ3RFLElBQUksSUFBSSxhQUFhLEtBQUssTUFBTSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxHQUFJO1FBQzVFLFFBQVE7UUFDUixJQUFJLElBQUksYUFBYSxLQUFLLE9BQU8sSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssR0FBSSxDQUNsRSxDQUNmLENBQUM7SUFDRixPQUFPLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDZixvQkFBQyxPQUFPLElBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLElBQ25ELE9BQU8sQ0FDQSxDQUNYLENBQUMsQ0FBQyxDQUFDLENBQ0YsT0FBTyxDQUNSLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLGlCQUFpQixHQUF5QyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsb0JBQUMsVUFBVSxrQkFBQyxJQUFJLEVBQUMsU0FBUyxJQUFLLEtBQUssRUFBSSxDQUFDO0FBQ3BILGlCQUFpQixDQUFDLFdBQVcsR0FBRyxxQkFBcUIsQ0FBQztBQUV0RCxNQUFNLG1CQUFtQixHQUF5QyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsb0JBQUMsVUFBVSxrQkFBQyxJQUFJLEVBQUMsV0FBVyxJQUFLLEtBQUssRUFBSSxDQUFDO0FBQ3hILG1CQUFtQixDQUFDLFdBQVcsR0FBRyx1QkFBdUIsQ0FBQztBQUUxRCxNQUFNLGVBQWUsR0FBeUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLG9CQUFDLFVBQVUsa0JBQUMsSUFBSSxFQUFDLE9BQU8sSUFBSyxLQUFLLEVBQUksQ0FBQztBQUNoSCxlQUFlLENBQUMsV0FBVyxHQUFHLG1CQUFtQixDQUFDO0FBRWxELE1BQU0sY0FBYyxHQUFnRSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FDN0Ysb0JBQUMsVUFBVSxrQkFBQyxJQUFJLEVBQUMsTUFBTSxJQUFLLEtBQUssRUFBSSxDQUN0QyxDQUFDO0FBQ0YsY0FBYyxDQUFDLFdBQVcsR0FBRyxrQkFBa0IsQ0FBQztBQUVoRCxJQUFJLENBQUMsTUFBTSxHQUFHLFVBQVUsQ0FBQztBQUN6QixVQUFVLENBQUMsT0FBTyxHQUFHLGlCQUFpQixDQUFDO0FBQ3ZDLFVBQVUsQ0FBQyxTQUFTLEdBQUcsbUJBQW1CLENBQUM7QUFDM0MsVUFBVSxDQUFDLEtBQUssR0FBRyxlQUFlLENBQUM7QUFDbkMsVUFBVSxDQUFDLElBQUksR0FBRyxjQUFjLENBQUM7QUFFakMsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTGluay9MaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFVBQVUsTUFBTSxZQUFZLENBQUM7QUFFcEMsT0FBTyxFQUFFLE9BQU8sRUFBcUIsTUFBTSwrQkFBK0IsQ0FBQztBQUUzRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLElBQUksSUFBSSxLQUFLLEVBQUUsVUFBVSxJQUFJLFdBQVcsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBYS9FLE1BQU0sSUFBSSxHQUFzQixDQUFDLEVBQXNELEVBQUUsRUFBRTtRQUExRCxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBWSxFQUFQLEtBQUssY0FBcEQsa0RBQXNELENBQUY7SUFDbkYsT0FBTyxDQUNMLG9CQUFDLEtBQUssa0JBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxlQUFlLEVBQUUsU0FBUyxDQUFDLElBQU0sS0FBSztRQUNoRSxJQUFJLElBQUksYUFBYSxLQUFLLE1BQU0sSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLElBQUksR0FBSTtRQUN4RCxRQUFRO1FBQ1IsSUFBSSxJQUFJLGFBQWEsS0FBSyxPQUFPLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDcEQsQ0FDVCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBZ0JGLE1BQU0sVUFBVSxHQUE0QixDQUFDLEVBUzVDLEVBQUUsRUFBRTtRQVR3QyxFQUMzQyxJQUFJLEVBQ0osYUFBYSxHQUFHLE1BQU0sRUFDdEIsUUFBUSxFQUNSLFNBQVMsRUFDVCxPQUFPLEVBQ1AsZ0JBQWdCLEVBQ2hCLFlBQVksRUFBRSxTQUFTLE9BRXhCLEVBREksS0FBSyxjQVJtQywrRkFTNUMsQ0FEUztJQUVSLE1BQU0sT0FBTyxHQUFHLENBQ2Qsb0JBQUMsV0FBVyxrQkFDVixTQUFTLEVBQUUsVUFBVSxDQUFDLGVBQWUsRUFBRSxTQUFTLENBQUMsZ0JBQ3JDLEtBQUssQ0FBQyxJQUFJLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsYUFBVCxTQUFTLGNBQVQsU0FBUyxHQUFJLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQ2xFLEtBQUs7UUFFUixJQUFJLElBQUksYUFBYSxLQUFLLE1BQU0sSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssR0FBSTtRQUM1RSxRQUFRO1FBQ1IsSUFBSSxJQUFJLGFBQWEsS0FBSyxPQUFPLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEdBQUksQ0FDbEUsQ0FDZixDQUFDO0lBQ0YsT0FBTyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ2Ysb0JBQUMsT0FBTyxJQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixJQUNuRCxPQUFPLENBQ0EsQ0FDWCxDQUFDLENBQUMsQ0FBQyxDQUNGLE9BQU8sQ0FDUixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxpQkFBaUIsR0FBeUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLG9CQUFDLFVBQVUsa0JBQUMsSUFBSSxFQUFDLFNBQVMsSUFBSyxLQUFLLEVBQUksQ0FBQztBQUNwSCxpQkFBaUIsQ0FBQyxXQUFXLEdBQUcscUJBQXFCLENBQUM7QUFFdEQsTUFBTSxtQkFBbUIsR0FBeUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLG9CQUFDLFVBQVUsa0JBQUMsSUFBSSxFQUFDLFdBQVcsSUFBSyxLQUFLLEVBQUksQ0FBQztBQUN4SCxtQkFBbUIsQ0FBQyxXQUFXLEdBQUcsdUJBQXVCLENBQUM7QUFFMUQsTUFBTSxlQUFlLEdBQXlDLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FBQyxvQkFBQyxVQUFVLGtCQUFDLElBQUksRUFBQyxPQUFPLElBQUssS0FBSyxFQUFJLENBQUM7QUFDaEgsZUFBZSxDQUFDLFdBQVcsR0FBRyxtQkFBbUIsQ0FBQztBQUVsRCxNQUFNLGNBQWMsR0FBZ0UsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQzdGLG9CQUFDLFVBQVUsa0JBQUMsSUFBSSxFQUFDLE1BQU0sSUFBSyxLQUFLLEVBQUksQ0FDdEMsQ0FBQztBQUNGLGNBQWMsQ0FBQyxXQUFXLEdBQUcsa0JBQWtCLENBQUM7QUFFaEQsSUFBSSxDQUFDLE1BQU0sR0FBRyxVQUFVLENBQUM7QUFDekIsVUFBVSxDQUFDLE9BQU8sR0FBRyxpQkFBaUIsQ0FBQztBQUN2QyxVQUFVLENBQUMsU0FBUyxHQUFHLG1CQUFtQixDQUFDO0FBQzNDLFVBQVUsQ0FBQyxLQUFLLEdBQUcsZUFBZSxDQUFDO0FBQ25DLFVBQVUsQ0FBQyxJQUFJLEdBQUcsY0FBYyxDQUFDO0FBRWpDLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQyJ9

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type BoxProps } from '../../../src/molecules/Box/Box';
 import type twTheme from '../../../tailwind.theme.json';
-export type SpacingProps = Pick<BoxProps, 'alignContent' | 'alignItems' | 'alignSelf' | 'justifyContent' | 'style'> & {
+export type SpacingProps = Pick<BoxProps, 'alignContent' | 'alignItems' | 'alignSelf' | 'className' | 'justifyContent' | 'style'> & {
     /**
      * Gap between children elements.
      */

package/dist/src/molecules/Spacing/Spacing.js

@@ -15,4 +15,4 @@ export const Spacing = (_a) => {
     var { gap, row } = _a, rest = __rest(_a, ["gap", "row"]);
     return React.createElement(Box, Object.assign({}, rest, { display: "flex", flexDirection: row ? 'row' : 'column', gap: gap }));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2luZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU3BhY2luZy9TcGFjaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsR0FBRyxFQUFpQixNQUFNLHVCQUF1QixDQUFDO0FBZTNELE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBNkQsQ0FBQyxFQUFxQixFQUFFLEVBQUU7UUFBekIsRUFBRSxHQUFHLEVBQUUsR0FBRyxPQUFXLEVBQU4sSUFBSSxjQUFuQixjQUFxQixDQUFGO0lBQ25HLE9BQU8sb0JBQUMsR0FBRyxvQkFBSyxJQUFJLElBQUUsT0FBTyxFQUFDLE1BQU0sRUFBQyxhQUFhLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLENBQUM7QUFDM0YsQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2luZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU3BhY2luZy9TcGFjaW5nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsR0FBRyxFQUFpQixNQUFNLHVCQUF1QixDQUFDO0FBa0IzRCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQTZELENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsR0FBRyxFQUFFLEdBQUcsT0FBVyxFQUFOLElBQUksY0FBbkIsY0FBcUIsQ0FBRjtJQUNuRyxPQUFPLG9CQUFDLEdBQUcsb0JBQUssSUFBSSxJQUFFLE9BQU8sRUFBQyxNQUFNLEVBQUMsYUFBYSxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUFDO0FBQzNGLENBQUMsQ0FBQyJ9

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

@@ -1,10 +1,7 @@
 import React from 'react';
-import { type TimeFieldProps as AriaTimeFieldProps, type TimeValue } from 'react-aria-components';
+import { TimeField as TimeFieldBase, type TimeFieldProps as TimeFieldBaseProps } from '../../../src/atoms/DateField/DateField';
 import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
-export type TimeFieldBaseProps<T extends TimeValue> = Omit<AriaTimeFieldProps<T>, 'children' | 'className' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'isRequired' | 'isValid' | 'slot' | 'style' | 'validate' | 'validationBehavior'> & {
-    disabled?: boolean;
-    valid?: boolean;
-};
-export declare function TimeFieldBase<T extends TimeValue>({ disabled, valid, ...props }: TimeFieldBaseProps<T>): React.JSX.Element;
-export type TimeFieldProps<T extends TimeValue> = Omit<LabelControlProps, 'length'> & TimeFieldBaseProps<T>;
-export declare function TimeField<T extends TimeValue>(props: TimeFieldProps<T>): React.JSX.Element;
+import type { TimeValue as AriaTimeValue } from 'react-aria-components';
+export { TimeFieldBase, type TimeFieldBaseProps };
+export type TimeFieldProps<T extends AriaTimeValue> = Omit<LabelControlProps, 'length'> & TimeFieldBaseProps<T>;
+export declare function TimeField<T extends AriaTimeValue>(props: TimeFieldProps<T>): React.JSX.Element;

package/dist/src/molecules/TimeField/TimeField.js

@@ -10,17 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { TimeField as AriaTimeField, } from 'react-aria-components';
 import { useLabel } from '@react-aria/label';
 import { useId } from '@react-aria/utils';
 import { omit } from 'lodash-es';
-import { DateInput } from '../../../src/molecules/DateField/DateInput';
+import { TimeField as TimeFieldBase } from '../../../src/atoms/DateField/DateField';
 import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
-export function TimeFieldBase(_a) {
-    var { disabled, valid } = _a, props = __rest(_a, ["disabled", "valid"]);
-    return (React.createElement(AriaTimeField, Object.assign({}, props, { isInvalid: valid === false, isDisabled: disabled }),
-        React.createElement(DateInput, null)));
-}
+export { TimeFieldBase };
 export function TimeField(props) {
     const { labelProps, fieldProps } = useLabel({ label: props.labelText });
     const errorMessageId = useId();
@@ -30,4 +25,4 @@ export function TimeField(props) {
     return (React.createElement(LabelControl, Object.assign({}, labelProps, labelControlProps, { messageId: errorMessageId, className: "Aquarium-TimeField" }),
         React.createElement(TimeFieldBase, Object.assign({}, baseProps, fieldProps, errorProps, { disabled: props.disabled, valid: props.valid }))));
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZUZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9UaW1lRmllbGQvVGltZUZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsU0FBUyxJQUFJLGFBQWEsR0FHM0IsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDN0MsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFFakMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRTlELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxZQUFZLEVBQTBCLE1BQU0sNEJBQTRCLENBQUM7QUFvQnhHLE1BQU0sVUFBVSxhQUFhLENBQXNCLEVBQW9EO1FBQXBELEVBQUUsUUFBUSxFQUFFLEtBQUssT0FBbUMsRUFBOUIsS0FBSyxjQUEzQixxQkFBNkIsQ0FBRjtJQUM1RSxPQUFPLENBQ0wsb0JBQUMsYUFBYSxvQkFBSyxLQUFLLElBQUUsU0FBUyxFQUFFLEtBQUssS0FBSyxLQUFLLEVBQUUsVUFBVSxFQUFFLFFBQVE7UUFDeEUsb0JBQUMsU0FBUyxPQUFHLENBQ0MsQ0FDakIsQ0FBQztBQUNKLENBQUM7QUFJRCxNQUFNLFVBQVUsU0FBUyxDQUFzQixLQUF3QjtJQUNyRSxNQUFNLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxHQUFHLFFBQVEsQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQztJQUN4RSxNQUFNLGNBQWMsR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUMvQixNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsS0FBSyxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLGtCQUFrQixFQUFFLGNBQWMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDN0csTUFBTSxLQUFzRCxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsRUFBakYsRUFBRSxhQUFhLEVBQUUsVUFBVSxPQUFzRCxFQUFqRCxpQkFBaUIsY0FBakQsZUFBbUQsQ0FBOEIsQ0FBQztJQUN4RixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDO0lBRTlELE9BQU8sQ0FDTCxvQkFBQyxZQUFZLG9CQUFLLFVBQVUsRUFBTSxpQkFBaUIsSUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFLFNBQVMsRUFBQyxvQkFBb0I7UUFDNUcsb0JBQUMsYUFBYSxvQkFBSyxTQUFTLEVBQU0sVUFBVSxFQUFNLFVBQVUsSUFBRSxRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssSUFBSSxDQUNqRyxDQUNoQixDQUFDO0FBQ0osQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZUZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9UaW1lRmllbGQvVGltZUZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDN0MsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFFakMsT0FBTyxFQUFFLFNBQVMsSUFBSSxhQUFhLEVBQTZDLE1BQU0sK0JBQStCLENBQUM7QUFFdEgsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBMEIsTUFBTSw0QkFBNEIsQ0FBQztBQUl4RyxPQUFPLEVBQUUsYUFBYSxFQUEyQixDQUFDO0FBSWxELE1BQU0sVUFBVSxTQUFTLENBQTBCLEtBQXdCO0lBQ3pFLE1BQU0sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLEdBQUcsUUFBUSxDQUFDLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDO0lBQ3hFLE1BQU0sY0FBYyxHQUFHLEtBQUssRUFBRSxDQUFDO0lBQy9CLE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxLQUFLLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLGNBQWMsRUFBRSxJQUFJLEVBQUUsa0JBQWtCLEVBQUUsY0FBYyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUM3RyxNQUFNLEtBQXNELG9CQUFvQixDQUFDLEtBQUssQ0FBQyxFQUFqRixFQUFFLGFBQWEsRUFBRSxVQUFVLE9BQXNELEVBQWpELGlCQUFpQixjQUFqRCxlQUFtRCxDQUE4QixDQUFDO0lBQ3hGLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUM7SUFFOUQsT0FBTyxDQUNMLG9CQUFDLFlBQVksb0JBQUssVUFBVSxFQUFNLGlCQUFpQixJQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUUsU0FBUyxFQUFDLG9CQUFvQjtRQUM1RyxvQkFBQyxhQUFhLG9CQUFLLFNBQVMsRUFBTSxVQUFVLEVBQU0sVUFBVSxJQUFFLFFBQVEsRUFBRSxLQUFLLENBQUMsUUFBUSxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxJQUFJLENBQ2pHLENBQ2hCLENBQUM7QUFDSixDQUFDIn0=

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

@@ -27,6 +27,7 @@ export * from './Dropdown/Dropdown';
 export * from './DropdownMenu/DropdownMenu';
 export * from './Element/Element';
 export * from './EmptyState/EmptyState';
+export * from './Filter/Filter';
 export * from './Grid/Grid';
 export * from './Icon/Icon';
 export * from './Input/Input';