@aivenio/aquarium 1.77.1 → 1.79.0

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

@@ -0,0 +1,234 @@
+export declare const focusRing: import("tailwind-variants").TVReturnType<{
+    isFocusVisible: {
+        false: "outline-0";
+        true: "outline-2";
+    };
+}, undefined, "outline outline-primary-default outline-offset-2", import("tailwind-variants/dist/config").TVConfig<{
+    isFocusVisible: {
+        false: "outline-0";
+        true: "outline-2";
+    };
+}, {
+    isFocusVisible: {
+        false: "outline-0";
+        true: "outline-2";
+    };
+}>, {
+    isFocusVisible: {
+        false: "outline-0";
+        true: "outline-2";
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    isFocusVisible: {
+        false: "outline-0";
+        true: "outline-2";
+    };
+}, undefined, "outline outline-primary-default outline-offset-2", import("tailwind-variants/dist/config").TVConfig<{
+    isFocusVisible: {
+        false: "outline-0";
+        true: "outline-2";
+    };
+}, {
+    isFocusVisible: {
+        false: "outline-0";
+        true: "outline-2";
+    };
+}>, unknown, unknown, undefined>>;
+export declare const fieldBorder: import("tailwind-variants").TVReturnType<{
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, {
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}>, {
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, {
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}>, unknown, unknown, undefined>>;
+export declare const fieldGroup: import("tailwind-variants").TVReturnType<{
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, undefined, "group flex items-center bg-body border rounded-sm typography-small text-default px-3 py-3 overflow-hidden", import("tailwind-variants/dist/config").TVConfig<{
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, {
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}>, {
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, undefined, "group flex items-center bg-body border rounded-sm typography-small text-default px-3 py-3 overflow-hidden", import("tailwind-variants/dist/config").TVConfig<{
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}, {
+    isReadOnly: {
+        true: "bg-primary-muted";
+    };
+    isFocusWithin: {
+        false: "border-default hover:border-intense";
+        true: "border-info-default";
+    };
+    isInvalid: {
+        true: "border-danger-default";
+    };
+    isDisabled: {
+        true: "bg-default cursor-not-allowed text-inactive";
+    };
+}>, unknown, unknown, undefined>>;

package/dist/src/atoms/utils/index.js

@@ -0,0 +1,32 @@
+import { tv } from 'tailwind-variants';
+export const focusRing = tv({
+    base: 'outline outline-primary-default outline-offset-2',
+    variants: {
+        isFocusVisible: {
+            false: 'outline-0',
+            true: 'outline-2',
+        },
+    },
+});
+export const fieldBorder = tv({
+    variants: {
+        isReadOnly: {
+            true: 'bg-primary-muted',
+        },
+        isFocusWithin: {
+            false: 'border-default hover:border-intense',
+            true: 'border-info-default',
+        },
+        isInvalid: {
+            true: 'border-danger-default',
+        },
+        isDisabled: {
+            true: 'bg-default cursor-not-allowed text-inactive',
+        },
+    },
+});
+export const fieldGroup = tv({
+    base: 'group flex items-center bg-body border rounded-sm typography-small text-default px-3 py-3 overflow-hidden',
+    variants: fieldBorder.variants,
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvdXRpbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXZDLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDMUIsSUFBSSxFQUFFLGtEQUFrRDtJQUN4RCxRQUFRLEVBQUU7UUFDUixjQUFjLEVBQUU7WUFDZCxLQUFLLEVBQUUsV0FBVztZQUNsQixJQUFJLEVBQUUsV0FBVztTQUNsQjtLQUNGO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUM1QixRQUFRLEVBQUU7UUFDUixVQUFVLEVBQUU7WUFDVixJQUFJLEVBQUUsa0JBQWtCO1NBQ3pCO1FBQ0QsYUFBYSxFQUFFO1lBQ2IsS0FBSyxFQUFFLHFDQUFxQztZQUM1QyxJQUFJLEVBQUUscUJBQXFCO1NBQzVCO1FBQ0QsU0FBUyxFQUFFO1lBQ1QsSUFBSSxFQUFFLHVCQUF1QjtTQUM5QjtRQUNELFVBQVUsRUFBRTtZQUNWLElBQUksRUFBRSw2Q0FBNkM7U0FDcEQ7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxFQUFFLENBQUM7SUFDM0IsSUFBSSxFQUFFLDJHQUEyRztJQUNqSCxRQUFRLEVBQUUsV0FBVyxDQUFDLFFBQVE7Q0FDL0IsQ0FBQyxDQUFDIn0=

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

@@ -4,7 +4,8 @@ export declare type ContextObject = {
     breakpointMatches: BreakpointMatches;
 };
 export declare type ContextProps = {
+    locale?: string;
     children: React.ReactNode;
 };
-export declare const Context: ({ children }: ContextProps) => JSX.Element;
+export declare const Context: ({ children, locale }: ContextProps) => JSX.Element;
 export declare const DesignSystemContext: React.Context<ContextObject>;

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

@@ -1,20 +1,22 @@
 import React from 'react';
+import { I18nProvider } from '@react-aria/i18n';
 import { ModalProvider } from '@react-aria/overlays';
 import { getMatches } from '../../../src/utils/breakpoints';
 import { useWindowSize } from '../../../src/utils/useWindowSize';
 import { ToastProvider } from '../Toast/Toast';
-export const Context = ({ children }) => {
+export const Context = ({ children, locale = 'en-GB' }) => {
     const windowSize = useWindowSize();
     const [breakpointMatches, setBreakpointMatches] = React.useState(getMatches(windowSize));
     React.useEffect(() => {
         setBreakpointMatches(getMatches(windowSize));
     }, [windowSize]);
     return (React.createElement(DesignSystemContext.Provider, { value: { breakpointMatches } },
-        React.createElement(ModalProvider, null,
-            React.createElement(ToastProvider, null, children))));
+        React.createElement(I18nProvider, { locale: locale },
+            React.createElement(ModalProvider, null,
+                React.createElement(ToastProvider, null, children)))));
 };
 const context = {
     breakpointMatches: getMatches(undefined),
 };
 export const DesignSystemContext = React.createContext(context);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ29udGV4dC9Db250ZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRXJELE9BQU8sRUFBMEIsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDM0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXhELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQVUvQyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsQ0FBQyxFQUFFLFFBQVEsRUFBZ0IsRUFBZSxFQUFFO0lBQ2pFLE1BQU0sVUFBVSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBQ25DLE1BQU0sQ0FBQyxpQkFBaUIsRUFBRSxvQkFBb0IsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQW9CLFVBQVUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBRTVHLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ25CLG9CQUFvQixDQUFDLFVBQVUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBQy9DLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7SUFFakIsT0FBTyxDQUNMLG9CQUFDLG1CQUFtQixDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxpQkFBaUIsRUFBRTtRQUN4RCxvQkFBQyxhQUFhO1lBQ1osb0JBQUMsYUFBYSxRQUFFLFFBQVEsQ0FBaUIsQ0FDM0IsQ0FDYSxDQUNoQyxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxPQUFPLEdBQWtCO0lBQzdCLGlCQUFpQixFQUFFLFVBQVUsQ0FBQyxTQUFTLENBQUM7Q0FDekMsQ0FBQztBQUNGLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxhQUFhLENBQWdCLE9BQU8sQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ29udGV4dC9Db250ZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVyRCxPQUFPLEVBQTBCLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzNFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFXL0MsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLENBQUMsRUFBRSxRQUFRLEVBQUUsTUFBTSxHQUFHLE9BQU8sRUFBZ0IsRUFBZSxFQUFFO0lBQ25GLE1BQU0sVUFBVSxHQUFHLGFBQWEsRUFBRSxDQUFDO0lBQ25DLE1BQU0sQ0FBQyxpQkFBaUIsRUFBRSxvQkFBb0IsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQW9CLFVBQVUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBRTVHLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ25CLG9CQUFvQixDQUFDLFVBQVUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBQy9DLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7SUFFakIsT0FBTyxDQUNMLG9CQUFDLG1CQUFtQixDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxpQkFBaUIsRUFBRTtRQUN4RCxvQkFBQyxZQUFZLElBQUMsTUFBTSxFQUFFLE1BQU07WUFDMUIsb0JBQUMsYUFBYTtnQkFDWixvQkFBQyxhQUFhLFFBQUUsUUFBUSxDQUFpQixDQUMzQixDQUNILENBQ2MsQ0FDaEMsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sT0FBTyxHQUFrQjtJQUM3QixpQkFBaUIsRUFBRSxVQUFVLENBQUMsU0FBUyxDQUFDO0NBQ3pDLENBQUM7QUFDRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFnQixPQUFPLENBQUMsQ0FBQyJ9

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type DateFieldProps as AriaDateFieldProps, type DateValue } from 'react-aria-components';
+import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
+export declare type DateFieldBaseProps<T extends DateValue> = Omit<AriaDateFieldProps<T>, 'children' | 'className' | 'isDateUnavailable' | 'isDisabled' | 'isInvalid' | 'isOpen' | 'isReadOnly' | 'isRequired' | 'slot' | 'style' | 'validate'> & {
+    disabled?: boolean;
+    valid?: boolean;
+};
+export declare const DateFieldBase: <T extends DateValue>({ disabled, valid, ...props }: DateFieldBaseProps<T>) => React.JSX.Element;
+export declare type DateFieldProps<T extends DateValue> = DateFieldBaseProps<T> & Omit<LabelControlProps, 'length'>;
+export declare const DateField: <T extends DateValue>(props: DateFieldProps<T>) => React.JSX.Element;

package/dist/src/molecules/DateField/DateField.js

@@ -0,0 +1,33 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { DateField as AriaDateField, } from 'react-aria-components';
+import { useLabel } from '@react-aria/label';
+import { useId } from '@react-aria/utils';
+import omit from 'lodash/omit';
+import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
+import { DateInput } from './DateInput';
+export const DateFieldBase = (_a) => {
+    var { disabled, valid } = _a, props = __rest(_a, ["disabled", "valid"]);
+    return (React.createElement(AriaDateField, Object.assign({}, props, { isInvalid: valid === false, isDisabled: disabled }),
+        React.createElement(DateInput, null)));
+};
+export const DateField = (props) => {
+    const { labelProps, fieldProps } = useLabel({ label: props.labelText });
+    const errorMessageId = useId();
+    const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
+    const _a = getLabelControlProps(props), { 'data-testid': dataTestId } = _a, labelControlProps = __rest(_a, ['data-testid']);
+    const baseProps = omit(props, Object.keys(labelControlProps));
+    return (React.createElement(LabelControl, Object.assign({}, labelProps, labelControlProps, { messageId: errorMessageId, className: "Aquarium-DateField" }),
+        React.createElement(DateFieldBase, Object.assign({}, baseProps, fieldProps, errorProps, { disabled: props.disabled, valid: props.valid }))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZUZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlRmllbGQvRGF0ZUZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsU0FBUyxJQUFJLGFBQWEsR0FHM0IsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDN0MsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUUvQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsWUFBWSxFQUEwQixNQUFNLDRCQUE0QixDQUFDO0FBRXhHLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFvQnhDLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxDQUFzQixFQUFvRCxFQUFFLEVBQUU7UUFBeEQsRUFBRSxRQUFRLEVBQUUsS0FBSyxPQUFtQyxFQUE5QixLQUFLLGNBQTNCLHFCQUE2QixDQUFGO0lBQzVFLE9BQU8sQ0FDTCxvQkFBQyxhQUFhLG9CQUFLLEtBQUssSUFBRSxTQUFTLEVBQUUsS0FBSyxLQUFLLEtBQUssRUFBRSxVQUFVLEVBQUUsUUFBUTtRQUN4RSxvQkFBQyxTQUFTLE9BQUcsQ0FDQyxDQUNqQixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBSUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQXNCLEtBQXdCLEVBQUUsRUFBRTtJQUN6RSxNQUFNLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxHQUFHLFFBQVEsQ0FBQyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsU0FBUyxFQUFFLENBQUMsQ0FBQztJQUN4RSxNQUFNLGNBQWMsR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUMvQixNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsS0FBSyxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxjQUFjLEVBQUUsSUFBSSxFQUFFLGtCQUFrQixFQUFFLGNBQWMsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDN0csTUFBTSxLQUFzRCxvQkFBb0IsQ0FBQyxLQUFLLENBQUMsRUFBakYsRUFBRSxhQUFhLEVBQUUsVUFBVSxPQUFzRCxFQUFqRCxpQkFBaUIsY0FBakQsZUFBbUQsQ0FBOEIsQ0FBQztJQUN4RixNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDO0lBRTlELE9BQU8sQ0FDTCxvQkFBQyxZQUFZLG9CQUFLLFVBQVUsRUFBTSxpQkFBaUIsSUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFLFNBQVMsRUFBQyxvQkFBb0I7UUFDNUcsb0JBQUMsYUFBYSxvQkFBSyxTQUFTLEVBQU0sVUFBVSxFQUFNLFVBQVUsSUFBRSxRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssSUFBSSxDQUNqRyxDQUNoQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

package/dist/src/molecules/DateField/DateInput.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type DateInputProps } from 'react-aria-components';
+export declare function DateInput(props: Omit<DateInputProps, 'children'>): React.JSX.Element;

package/dist/src/molecules/DateField/DateInput.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { DateInput as AriaDateInput, DateSegment } from 'react-aria-components';
+import { tv } from 'tailwind-variants';
+import { fieldGroup } from '../../../src/atoms/utils';
+const segmentStyles = tv({
+    base: 'inline p-0.5 rounded outline outline-0 caret-transparent text-default',
+    variants: {
+        isPlaceholder: {
+            true: 'text-inactive',
+        },
+        isDisabled: {
+            true: 'text-inactive',
+        },
+        isFocused: {
+            true: 'bg-info-muted',
+        },
+    },
+});
+export function DateInput(props) {
+    return (React.createElement(AriaDateInput, Object.assign({ className: (renderProps) => fieldGroup(Object.assign(Object.assign({}, renderProps), { class: 'block min-w-[150px]' })) }, props), (segment) => React.createElement(DateSegment, { segment: segment, className: segmentStyles })));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZUlucHV0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlRmllbGQvRGF0ZUlucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsSUFBSSxhQUFhLEVBQXVCLFdBQVcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFN0MsTUFBTSxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLElBQUksRUFBRSx1RUFBdUU7SUFDN0UsUUFBUSxFQUFFO1FBQ1IsYUFBYSxFQUFFO1lBQ2IsSUFBSSxFQUFFLGVBQWU7U0FDdEI7UUFDRCxVQUFVLEVBQUU7WUFDVixJQUFJLEVBQUUsZUFBZTtTQUN0QjtRQUNELFNBQVMsRUFBRTtZQUNULElBQUksRUFBRSxlQUFlO1NBQ3RCO0tBQ0Y7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLFVBQVUsU0FBUyxDQUFDLEtBQXVDO0lBQy9ELE9BQU8sQ0FDTCxvQkFBQyxhQUFhLGtCQUFDLFNBQVMsRUFBRSxDQUFDLFdBQVcsRUFBRSxFQUFFLENBQUMsVUFBVSxpQ0FBTSxXQUFXLEtBQUUsS0FBSyxFQUFFLHFCQUFxQixJQUFHLElBQU0sS0FBSyxHQUMvRyxDQUFDLE9BQU8sRUFBRSxFQUFFLENBQUMsb0JBQUMsV0FBVyxJQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLGFBQWEsR0FBSSxDQUMzRCxDQUNqQixDQUFDO0FBQ0osQ0FBQyJ9

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type ButtonProps as AriaButtonProps } from 'react-aria-components';
+export declare type ButtonProps = AriaButtonProps;
+export declare function Button(props: ButtonProps): React.JSX.Element;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Button as AriaButton } from 'react-aria-components';
+import { composeRenderProps } from 'react-aria-components';
+import { tv } from 'tailwind-variants';
+import { focusRing } from '../../../src/atoms/utils';
+const button = tv({
+    extend: focusRing,
+});
+export function Button(props) {
+    return (React.createElement(AriaButton, Object.assign({}, props, { className: composeRenderProps(props.className, (className, renderProps) => button(Object.assign(Object.assign({}, renderProps), { className }))) })));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRlUGlja2VyL0J1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLElBQUksVUFBVSxFQUF1QyxNQUFNLHVCQUF1QixDQUFDO0FBQ2xHLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzNELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFNUMsTUFBTSxNQUFNLEdBQUcsRUFBRSxDQUFDO0lBQ2hCLE1BQU0sRUFBRSxTQUFTO0NBQ2xCLENBQUMsQ0FBQztBQUlILE1BQU0sVUFBVSxNQUFNLENBQUMsS0FBa0I7SUFDdkMsT0FBTyxDQUNMLG9CQUFDLFVBQVUsb0JBQ0wsS0FBSyxJQUNULFNBQVMsRUFBRSxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsU0FBUyxFQUFFLENBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxFQUFFLENBQUMsTUFBTSxpQ0FBTSxXQUFXLEtBQUUsU0FBUyxJQUFHLENBQUMsSUFDakgsQ0FDSCxDQUFDO0FBQ0osQ0FBQyJ9

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type CalendarProps as AriaCalendarProps, type DateValue } from 'react-aria-components';
+export declare type CalendarProps<T extends DateValue> = Omit<AriaCalendarProps<T>, 'visibleDuration'>;
+export declare const Calendar: <T extends DateValue>(props: CalendarProps<T>) => React.JSX.Element;
+export declare const CalendarHeader: () => React.JSX.Element;
+export declare const CalendarGridHeader: () => React.JSX.Element;

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

@@ -0,0 +1,44 @@
+import React from 'react';
+import { Calendar as AriaCalendar, CalendarCell, CalendarGrid, CalendarGridBody, CalendarGridHeader as AriaCalendarGridHeader, CalendarHeaderCell, Heading, } from 'react-aria-components';
+import { tv } from 'tailwind-variants';
+import { Icon } from '../../../src/molecules/Icon/Icon';
+import { focusRing } from '../../../src/atoms/utils';
+import { tw } from '../../../src/utils/tailwind';
+import chevronLeft from '../../../src/icons/chevronLeft';
+import chevronRight from '../../../src/icons/chevronRight';
+import { Button } from './Button';
+const cellStyles = tv({
+    extend: focusRing,
+    base: 'w-8 h-8 typography-small cursor-default rounded flex items-center justify-center',
+    variants: {
+        isSelected: {
+            false: 'text-default hover:bg-default pressed:bg-intense',
+            true: 'bg-primary-default invalid:bg-danger-default text-white',
+        },
+        isUnavailable: {
+            true: 'text-inactive',
+        },
+        isDisabled: {
+            true: 'text-inactive',
+        },
+    },
+});
+export const Calendar = (props) => {
+    return (React.createElement(AriaCalendar, Object.assign({}, props),
+        React.createElement(CalendarHeader, null),
+        React.createElement(CalendarGrid, null,
+            React.createElement(CalendarGridHeader, null),
+            React.createElement(CalendarGridBody, null, (date) => React.createElement(CalendarCell, { date: date, className: cellStyles })))));
+};
+export const CalendarHeader = () => {
+    return (React.createElement("header", { className: "flex items-center gap-1 pb-5 w-full" },
+        React.createElement(Button, { slot: "previous", className: "p-3" },
+            React.createElement(Icon, { icon: chevronLeft })),
+        React.createElement(Heading, { className: tw('flex-1 typography-default-strong text-center') }),
+        React.createElement(Button, { slot: "next", className: "p-3" },
+            React.createElement(Icon, { icon: chevronRight }))));
+};
+export const CalendarGridHeader = () => {
+    return (React.createElement(AriaCalendarGridHeader, null, (day) => React.createElement(CalendarHeaderCell, { className: "text-xs text-inactive typography-caption" }, day)));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FsZW5kYXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0RhdGVQaWNrZXIvQ2FsZW5kYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsUUFBUSxJQUFJLFlBQVksRUFDeEIsWUFBWSxFQUNaLFlBQVksRUFDWixnQkFBZ0IsRUFDaEIsa0JBQWtCLElBQUksc0JBQXNCLEVBQzVDLGtCQUFrQixFQUdsQixPQUFPLEdBQ1IsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRS9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUU1QyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFeEMsT0FBTyxXQUFXLE1BQU0sdUJBQXVCLENBQUM7QUFDaEQsT0FBTyxZQUFZLE1BQU0sd0JBQXdCLENBQUM7QUFFbEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUVsQyxNQUFNLFVBQVUsR0FBRyxFQUFFLENBQUM7SUFDcEIsTUFBTSxFQUFFLFNBQVM7SUFDakIsSUFBSSxFQUFFLGtGQUFrRjtJQUN4RixRQUFRLEVBQUU7UUFDUixVQUFVLEVBQUU7WUFDVixLQUFLLEVBQUUsa0RBQWtEO1lBQ3pELElBQUksRUFBRSx5REFBeUQ7U0FDaEU7UUFDRCxhQUFhLEVBQUU7WUFDYixJQUFJLEVBQUUsZUFBZTtTQUN0QjtRQUNELFVBQVUsRUFBRTtZQUNWLElBQUksRUFBRSxlQUFlO1NBQ3RCO0tBQ0Y7Q0FDRixDQUFDLENBQUM7QUFJSCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsQ0FBc0IsS0FBdUIsRUFBRSxFQUFFO0lBQ3ZFLE9BQU8sQ0FDTCxvQkFBQyxZQUFZLG9CQUFLLEtBQUs7UUFDckIsb0JBQUMsY0FBYyxPQUFHO1FBQ2xCLG9CQUFDLFlBQVk7WUFDWCxvQkFBQyxrQkFBa0IsT0FBRztZQUN0QixvQkFBQyxnQkFBZ0IsUUFBRSxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsb0JBQUMsWUFBWSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFVBQVUsR0FBSSxDQUFvQixDQUN2RixDQUNGLENBQ2hCLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsR0FBRyxFQUFFO0lBQ2pDLE9BQU8sQ0FDTCxnQ0FBUSxTQUFTLEVBQUMscUNBQXFDO1FBQ3JELG9CQUFDLE1BQU0sSUFBQyxJQUFJLEVBQUMsVUFBVSxFQUFDLFNBQVMsRUFBQyxLQUFLO1lBQ3JDLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsV0FBVyxHQUFJLENBQ3BCO1FBQ1Qsb0JBQUMsT0FBTyxJQUFDLFNBQVMsRUFBRSxFQUFFLENBQUMsOENBQThDLENBQUMsR0FBSTtRQUMxRSxvQkFBQyxNQUFNLElBQUMsSUFBSSxFQUFDLE1BQU0sRUFBQyxTQUFTLEVBQUMsS0FBSztZQUNqQyxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFlBQVksR0FBSSxDQUNyQixDQUNGLENBQ1YsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLEdBQUcsRUFBRTtJQUNyQyxPQUFPLENBQ0wsb0JBQUMsc0JBQXNCLFFBQ3BCLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FBQyxvQkFBQyxrQkFBa0IsSUFBQyxTQUFTLEVBQUMsMENBQTBDLElBQUUsR0FBRyxDQUFzQixDQUN0RixDQUMxQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type DatePickerProps as AriaDatePickerProps, type DateValue } from 'react-aria-components';
+import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
+export declare type DatePickerBaseProps<T extends DateValue> = Omit<AriaDatePickerProps<T>, 'children' | 'className' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'isRequired' | 'pageBehavior' | 'slot' | 'style' | 'validate' | 'validationBehavior'> & {
+    disabled?: boolean;
+    valid?: boolean;
+};
+export declare const DatePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, ...props }: DatePickerBaseProps<T>) => React.JSX.Element;
+export declare const DateTimePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, ...props }: DatePickerBaseProps<T>) => React.JSX.Element;
+export declare type DatePickerProps<T extends DateValue> = DatePickerBaseProps<T> & Omit<LabelControlProps, 'length'>;
+export declare const DatePicker: <T extends DateValue>(props: DatePickerProps<T>) => React.JSX.Element;
+export declare const DateTimePicker: <T extends DateValue>(props: DatePickerProps<T>) => React.JSX.Element;

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

@@ -0,0 +1,63 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { DatePicker as AriaDatePicker, DatePickerStateContext, } from 'react-aria-components';
+import { useLabel } from '@react-aria/label';
+import { useId } from '@react-aria/utils';
+import omit from 'lodash/omit';
+import { DateInput } from '../../../src/molecules/DateField/DateInput';
+import { FieldGroup } from '../../../src/molecules/Field/Field';
+import { Icon } from '../../../src/molecules/Icon/Icon';
+import { Spacing } from '../../../src/molecules/Spacing/Spacing';
+import { TimeField } from '../../../src/molecules/TimeField/TimeField';
+import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
+import { tw } from '../../../src/utils/tailwind';
+import calendarIcon from '../../../src/icons/calendar';
+import { Button } from './Button';
+import { Calendar } from './Calendar';
+import { Dialog } from './Dialog';
+import { Popover } from './Popover';
+const createDatePickerBase = (variant) => (_a) => {
+    var { disabled, valid, granularity, shouldCloseOnSelect } = _a, props = __rest(_a, ["disabled", "valid", "granularity", "shouldCloseOnSelect"]);
+    const hasSomeValue = props.value || props.defaultValue || 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(Button, null,
+                React.createElement(Icon, { icon: calendarIcon }))),
+        React.createElement(Popover, { offset: 1 },
+            React.createElement(Dialog, null,
+                React.createElement(Spacing, { gap: "6" },
+                    React.createElement(Calendar, null),
+                    variant === 'datetime' && React.createElement(PickerTimeField, { granularity: granularity }))))));
+};
+export const DatePickerBase = createDatePickerBase('date');
+export const DateTimePickerBase = createDatePickerBase('datetime');
+const PickerTimeField = ({ granularity }) => {
+    const state = React.useContext(DatePickerStateContext);
+    return (React.createElement(TimeField, { labelText: "Time", granularity: granularity !== 'day' ? granularity : undefined, value: state.timeValue, onChange: state.setTimeValue, reserveSpaceForError: false }));
+};
+const createDatePicker = (variant) => (props) => {
+    const { labelProps, fieldProps } = useLabel({ label: props.labelText });
+    const errorMessageId = useId();
+    const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
+    const _a = getLabelControlProps(props), { 'data-testid': dataTestId } = _a, labelControlProps = __rest(_a, ['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))));
+};
+export const DatePicker = createDatePicker('date');
+export const DateTimePicker = createDatePicker('datetime');
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0ZVBpY2tlci9EYXRlUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQ0wsVUFBVSxJQUFJLGNBQWMsRUFFNUIsc0JBQXNCLEdBRXZCLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUUxQyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUU5RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsWUFBWSxFQUEwQixNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLFlBQVksTUFBTSxvQkFBb0IsQ0FBQztBQUU5QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQ2xDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDdEMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNsQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBb0JwQyxNQUFNLG9CQUFvQixHQUN4QixDQUFDLE9BQTRCLEVBQUUsRUFBRSxDQUNqQyxDQUFzQixFQUF1RixFQUFFLEVBQUU7UUFBM0YsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsT0FBb0MsRUFBL0IsS0FBSyxjQUE3RCwyREFBK0QsQ0FBRjtJQUNqRixNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsS0FBSyxJQUFJLEtBQUssQ0FBQyxZQUFZLElBQUksS0FBSyxDQUFDLGdCQUFnQixDQUFDO0lBRWpGLE9BQU8sQ0FDTCxvQkFBQyxjQUFjLG9CQUNULEtBQUssSUFDVCxtQkFBbUIsRUFBRSxtQkFBbUIsYUFBbkIsbUJBQW1CLGNBQW5CLG1CQUFtQixHQUFJLE9BQU8sS0FBSyxNQUFNLEVBQzlELFVBQVUsRUFBRSxRQUFRLEVBQ3BCLFNBQVMsRUFBRSxLQUFLLEtBQUssS0FBSztRQUMxQixpR0FBaUc7UUFDakcscUZBQXFGO1FBQ3JGLFdBQVcsRUFBRSxXQUFXLGFBQVgsV0FBVyxjQUFYLFdBQVcsR0FBSSxDQUFDLE9BQU8sS0FBSyxVQUFVLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1FBRTVGLG9CQUFDLFVBQVUsSUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLHNCQUFzQixDQUFDO1lBQy9DLG9CQUFDLFNBQVMsSUFBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxHQUFJO1lBQ3RDLG9CQUFDLE1BQU07Z0JBQ0wsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxZQUFZLEdBQUksQ0FDckIsQ0FDRTtRQUNiLG9CQUFDLE9BQU8sSUFBQyxNQUFNLEVBQUUsQ0FBQztZQUNoQixvQkFBQyxNQUFNO2dCQUNMLG9CQUFDLE9BQU8sSUFBQyxHQUFHLEVBQUMsR0FBRztvQkFDZCxvQkFBQyxRQUFRLE9BQUc7b0JBQ1gsT0FBTyxLQUFLLFVBQVUsSUFBSSxvQkFBQyxlQUFlLElBQUMsV0FBVyxFQUFFLFdBQVcsR0FBSSxDQUNoRSxDQUNILENBQ0QsQ0FDSyxDQUNsQixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUosTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLG9CQUFvQixDQUFDLE1BQU0sQ0FBQyxDQUFDO0FBRTNELE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLG9CQUFvQixDQUFDLFVBQVUsQ0FBQyxDQUFDO0FBRW5FLE1BQU0sZUFBZSxHQUE0QyxDQUFDLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRTtJQUNuRixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLHNCQUFzQixDQUFDLENBQUM7SUFDdkQsT0FBTyxDQUNMLG9CQUFDLFNBQVMsSUFDUixTQUFTLEVBQUMsTUFBTSxFQUNoQixXQUFXLEVBQUUsV0FBVyxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQzVELEtBQUssRUFBRSxLQUFLLENBQUMsU0FBUyxFQUN0QixRQUFRLEVBQUUsS0FBSyxDQUFDLFlBQVksRUFDNUIsb0JBQW9CLEVBQUUsS0FBSyxHQUMzQixDQUNILENBQUM7QUFDSixDQUFDLENBQUM7QUFJRixNQUFNLGdCQUFnQixHQUNwQixDQUFDLE9BQTRCLEVBQUUsRUFBRSxDQUNqQyxDQUFzQixLQUF5QixFQUFFLEVBQUU7SUFDakQsTUFBTSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsR0FBRyxRQUFRLENBQUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLFNBQVMsRUFBRSxDQUFDLENBQUM7SUFDeEUsTUFBTSxjQUFjLEdBQUcsS0FBSyxFQUFFLENBQUM7SUFDL0IsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLEtBQUssS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsY0FBYyxFQUFFLElBQUksRUFBRSxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQzdHLE1BQU0sS0FBc0Qsb0JBQW9CLENBQUMsS0FBSyxDQUFDLEVBQWpGLEVBQUUsYUFBYSxFQUFFLFVBQVUsT0FBc0QsRUFBakQsaUJBQWlCLGNBQWpELGVBQW1ELENBQThCLENBQUM7SUFDeEYsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQztJQUU5RCxNQUFNLFFBQVEsK0RBQVEsU0FBUyxHQUFLLFVBQVUsR0FBSyxVQUFVLEtBQUUsUUFBUSxFQUFFLEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEdBQUUsQ0FBQztJQUU5RyxPQUFPLENBQ0wsb0JBQUMsWUFBWSxvQkFBSyxVQUFVLEVBQU0saUJBQWlCLElBQUUsU0FBUyxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUMscUJBQXFCLEtBQzVHLE9BQU8sS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLG9CQUFDLGNBQWMsb0JBQUssUUFBUSxFQUFJLENBQUMsQ0FBQyxDQUFDLG9CQUFDLGtCQUFrQixvQkFBSyxRQUFRLEVBQUksQ0FDaEYsQ0FDaEIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVKLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztBQUVuRCxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsZ0JBQWdCLENBQUMsVUFBVSxDQUFDLENBQUMifQ==

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type DateRangePickerProps as AriaDateRangePickerProps, type DateValue } from 'react-aria-components';
+import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
+export declare type DateRangePickerBaseProps<T extends DateValue> = Omit<AriaDateRangePickerProps<T>, 'children' | 'className' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'isRequired' | 'pageBehavior' | 'slot' | 'style' | 'validate' | 'validationBehavior'> & {
+    disabled?: boolean;
+    valid?: boolean;
+};
+export declare const DateRangePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, ...props }: DateRangePickerBaseProps<T>) => React.JSX.Element;
+export declare const DateTimeRangePickerBase: <T extends DateValue>({ disabled, valid, granularity, shouldCloseOnSelect, ...props }: DateRangePickerBaseProps<T>) => React.JSX.Element;
+export declare 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;