@aivenio/aquarium 4.1.1 → 4.2.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 } 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,71 @@ 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 } = mergeProps(ctx, props);
+    const { dialog, errorMessage: errorMessageStyle } = datePickerCalendarStyles();
+    return (React.createElement(Popover, { offset: 0 },
+        React.createElement(Dialog, { className: dialog() },
+            React.createElement(Spacing, { gap: "3" },
+                React.createElement(Calendar, null),
+                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, children } = _a, props = __rest(_a, ["disabled", "valid", "shouldCloseOnSelect", "errorMessage", "clearSelectionEnabled", "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 } },
+            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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0ZVBpY2tlci9EYXRlUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBRUwsc0JBQXNCLEVBRXRCLElBQUksR0FDTCxNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUM3QyxPQUFPLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFFakMsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFOUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQzFELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsVUFBVSxJQUFJLGNBQWMsRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3pHLE9BQU8sRUFBRSxjQUFjLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN6RixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUVwRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsWUFBWSxFQUEwQixNQUFNLDRCQUE0QixDQUFDO0FBQ3hH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

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

@@ -1,14 +1,69 @@
 import React from 'react';
 import { type DateRangePickerProps as AriaDateRangePickerProps, type DateValue } from 'react-aria-components';
 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;
     clearSelectionEnabled?: boolean;
 };
-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;
+type DateRangePickerCalendarProps = {
+    variant: 'date' | 'datetime';
+    granularity?: Granularity;
+    errorMessage?: string;
+};
+type DateRangePickerFieldProps = {
+    clearSelectionEnabled?: boolean;
+    disabled?: boolean;
+};
+export declare const DateRangePickerBase: {
+    <T extends DateValue>({ disabled, valid, shouldCloseOnSelect, errorMessage, clearSelectionEnabled, 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, 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 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 } 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,77 @@ 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 } = mergeProps(ctx, props);
+    const { dialog, errorMessage: errorMessageStyle } = datePickerCalendarStyles();
+    return (React.createElement(Popover, { offset: 0 },
+        React.createElement(Dialog, { className: dialog() },
+            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(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, children } = _a, props = __rest(_a, ["disabled", "valid", "shouldCloseOnSelect", "errorMessage", "clearSelectionEnabled", "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 } },
+            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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVJhbmdlUGlja2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlUGlja2VyL0RhdGVSYW5nZVBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUVMLDJCQUEyQixFQUUzQixJQUFJLEdBQ0wsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDN0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRWpDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRTlELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMxRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsZUFBZSxJQUFJLG1CQUFtQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbkgsT0FBTyxFQUFFLGNBQWMsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNuRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDakQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUVwRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsWUFBWSxFQUEwQixNQUFNLDRCQUE0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

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

@@ -31,7 +31,7 @@ DropdownMenu.Trigger.displayName = 'DropdownMenu.Trigger';
 const MenuItems = ({ children }) => {
     const props = useContext(MenuPropsContext);
     const { contains } = useFilter({ sensitivity: 'base' });
-    const childrenWithIds = React.Children.map(children, mapKeyToId);
+    const childrenWithIds = mapKeyToId(children);
     const baseContent = (React.createElement(Base, { onAction: props.onAction, onSelectionChange: props.onSelectionChange, selectedKeys: props.selection, selectionMode: props.selectionMode, renderEmptyState: () => React.createElement(Base.EmptyStateContainer, null, props.emptyState) }, childrenWithIds));
     return (React.createElement(Popover, { placement: props.placement },
         React.createElement(Base.MenuContainer, { minHeight: props.minHeight, maxHeight: props.maxHeight, minWidth: props.minWidth, maxWidth: props.maxWidth },
@@ -53,21 +53,27 @@ DropdownMenu.Item = MenuItem;
 DropdownMenu.Item.displayName = 'DropdownMenu.Item';
 const MenuSection = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
-    const childrenWithIds = React.Children.map(children, mapKeyToId);
+    const childrenWithIds = mapKeyToId(children);
     return React.createElement(Base.Group, Object.assign({}, props), childrenWithIds);
 };
 DropdownMenu.Section = MenuSection;
 DropdownMenu.Section.displayName = 'DropdownMenu.Section';
 // This function is used for backward compatibility with old DropdownMenu.Item keys.
 // The old implementation used `key` prop to identify menu items, but the new implementation uses `id` prop.
-const mapKeyToId = (child) => {
-    var _a, _b;
-    if (typeof child === 'boolean' || child === null || child === undefined) {
+const mapKeyToId = (children) => {
+    return React.Children.map(children, (child) => {
+        var _a, _b;
+        if (typeof child === 'boolean' || child === null || child === undefined) {
+            return child;
+        }
+        // The are same cases where children is a React fragment, so we need to check for that as well.
+        if (React.isValidElement(child) && child.type === React.Fragment) {
+            return mapKeyToId(child.props.children);
+        }
+        if (isComponentType(child, MenuItem)) {
+            return React.cloneElement(child, { id: (_b = (_a = child.props.id) !== null && _a !== void 0 ? _a : child.key) !== null && _b !== void 0 ? _b : undefined });
+        }
         return child;
-    }
-    if (isComponentType(child, MenuItem)) {
-        return React.cloneElement(child, { id: (_b = (_a = child.props.id) !== null && _a !== void 0 ? _a : child.key) !== null && _b !== void 0 ? _b : undefined });
-    }
-    return child;
+    });
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN6RCxPQUFPLEVBQ0wsWUFBWSxJQUFJLGdCQUFnQixFQUVoQyxXQUFXLElBQUksZUFBZSxFQUM5QixTQUFTLEdBQ1YsTUFBTSx1QkFBdUIsQ0FBQztBQUUvQixPQUFPLEVBQUUsWUFBWSxJQUFJLElBQUksRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxPQUFPLEVBQXlCLE1BQU0sMkJBQTJCLENBQUM7QUFDM0UsT0FBTyxFQUFFLFNBQVMsRUFBdUIsTUFBTSwrQkFBK0IsQ0FBQztBQUUvRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUE2SzVDLE1BQU0sZ0JBQWdCLEdBQUcsYUFBYSxDQUFzQyxFQUFFLENBQUMsQ0FBQztBQUVoRixNQUFNLENBQUMsTUFBTSxZQUFZLEdBS3JCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDWixPQUFPLENBQ0wsb0JBQUMsZ0JBQWdCLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxLQUFLO1FBQ3JDLG9CQUFDLGVBQWUsSUFBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLFdBQVcsRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFBRSxZQUFZLEVBQUUsS0FBSyxDQUFDLFlBQVksSUFDcEcsS0FBSyxDQUFDLFFBQVEsQ0FDQyxDQUNRLENBQzdCLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixZQUFZLENBQUMsV0FBVyxHQUFHLGNBQWMsQ0FBQztBQUUxQyxNQUFNLFdB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUN6RCxPQUFPLEVBQ0wsWUFBWSxJQUFJLGdCQUFnQixFQUVoQyxXQUFXLElBQUksZUFBZSxFQUM5QixTQUFTLEdBQ1YsTUFBTSx1QkFBdUIsQ0FBQztBQUUvQixPQUFPLEVBQUUsWUFBWSxJQUFJLElBQUksRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxPQUFPLEVBQXlCLE1BQU0sMkJBQTJCLENBQUM7QUFDM0UsT0FBTyxFQUFFLFNBQVMsRUFBdUIsTUFBTSwrQkFBK0IsQ0FBQztBQUUvRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUE2SzVDLE1BQU0sZ0JBQWdCLEdBQUcsYUFBYSxDQUFzQyxFQUFFLENBQUMsQ0FBQztBQUVoRixNQUFNLENBQUMsTUFBTSxZQUFZLEdBS3JCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDWixPQUFPLENBQ0wsb0JBQUMsZ0JBQWdCLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxLQUFLO1FBQ3JDLG9CQUFDLGVBQWUsSUFBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLFdBQVcsRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFBRSxZQUFZLEVBQUUsS0FBSyxDQUFDLFlBQVksSUFDcEcsS0FBSyxDQUFDLFFBQVEsQ0FDQyxDQUNRLENBQzdCLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixZQUFZLENBQUMsV0FBVyxHQUFHLGNBQWMsQ0FBQztBQUUxQyxNQUFNLFdB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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/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;