@easypost/easy-ui 1.0.0-alpha.7 → 1.0.0-alpha.71

package/DataGrid/useEdgeInterceptors.d.ts

@@ -0,0 +1,15 @@
+import React, { MutableRefObject } from "react";
+/**
+ * Provides elements to render for detecting when the edges within a container
+ * are intersected (stuck), while also returning what edges are intersected.
+ *
+ * @param containerRef Container element of edges
+ * @returns elements to render and what edges are intersected
+ */
+export declare function useEdgeInterceptors(containerRef: MutableRefObject<HTMLDivElement | null>): readonly [() => React.JSX.Element, {
+    readonly isTopEdgeUnderScroll: boolean;
+    readonly isBottomEdgeUnderScroll: boolean;
+    readonly isLeftEdgeUnderScroll: boolean;
+    readonly isRightEdgeUnderScroll: boolean;
+}];
+//# sourceMappingURL=useEdgeInterceptors.d.ts.map

package/DataGrid/useEdgeInterceptors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEdgeInterceptors.d.ts","sourceRoot":"","sources":["../../src/DataGrid/useEdgeInterceptors.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAuB,MAAM,OAAO,CAAC;AAMrE;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC;;;;;GAqDtD"}

package/DataGrid/useExpandedRow.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties, MutableRefObject } from "react";
+import { TableState } from "react-stately";
+/**
+ * Retrieves the expanded row from Aria's table state and computes the position
+ * and height of the expanded row box to manage its positioning in the grid.
+ */
+export declare function useExpandedRow({ containerRef, state, }: {
+    containerRef: MutableRefObject<HTMLDivElement | null>;
+    state: TableState<unknown>;
+}): {
+    expandedRow: import("react-stately").Node<unknown> | undefined;
+    expandedRowStyle: CSSProperties;
+};
+//# sourceMappingURL=useExpandedRow.d.ts.map

package/DataGrid/useExpandedRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpandedRow.d.ts","sourceRoot":"","sources":["../../src/DataGrid/useExpandedRow.ts"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EACb,gBAAgB,EAIjB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,KAAK,GACN,EAAE;IACD,YAAY,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACtD,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAC5B;;;EAuDA"}

package/DataGrid/useGridTemplate.d.ts

@@ -0,0 +1,14 @@
+import { CSSProperties } from "react";
+import { TableState } from "react-stately";
+/**
+ * Build the CSS grid template definitions for the Data Grid based on the
+ * table column definitions along with any custom template column configuration
+ * provided by the user.
+ */
+export declare function useGridTemplate({ templateColumns, state, }: {
+    templateColumns?: string;
+    state: TableState<unknown>;
+}): {
+    gridTemplateStyle: CSSProperties;
+};
+//# sourceMappingURL=useGridTemplate.d.ts.map

package/DataGrid/useGridTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridTemplate.d.ts","sourceRoot":"","sources":["../../src/DataGrid/useGridTemplate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAI3C;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,eAAe,EACf,KAAK,GACN,EAAE;IACD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAC5B;;EA0CA"}

package/DatePicker/DateField.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { DateValue } from "@react-types/calendar";
+type DateFieldFieldProps = {
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isInvalid?: boolean;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    value?: DateValue | null;
+    onChange?: (value: DateValue | null) => void;
+};
+export declare function DateFieldField(props: DateFieldFieldProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DateField.d.ts.map

package/DatePicker/DateField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DateField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAMlD,KAAK,mBAAmB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;CAC9C,CAAC;AACF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAexD"}

package/DatePicker/DatePicker.d.ts

@@ -0,0 +1,91 @@
+import React, { ReactNode } from "react";
+import { DateValue, MappedDateValue } from "@react-types/calendar";
+export type DatePickerProps = {
+    /**
+     * Accessibility label for input field.
+     */
+    "aria-label"?: string;
+    /**
+     * The content to display as the label.
+     */
+    label?: string;
+    /**
+     * The default value (uncontrolled).
+     */
+    defaultValue?: DateValue | null;
+    /**
+     * The current value (controlled).
+     */
+    value?: DateValue | null;
+    /**
+     * Handler that is called when the value changes.
+     */
+    onChange?: (value: MappedDateValue<DateValue> | null) => void;
+    /**
+     * The minimum allowed date that a user may select.
+     */
+    minValue?: DateValue;
+    /**
+     * The maximum allowed date that a user may select.
+     */
+    maxValue?: DateValue;
+    /**
+     * Whether the input is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the input value is invalid.
+     */
+    isInvalid?: boolean;
+    /**
+     * An error message to display when the selected value is invalid.
+     */
+    errorMessage?: ReactNode;
+    /**
+     * Callback that is called for each date of the calendar. If
+     * it returns true, then the date is unavailable.
+     */
+    isDateUnavailable?: (date: DateValue) => boolean;
+    /**
+     * The size of the DatePicker.
+     * @default md
+     */
+    size?: "sm" | "md";
+};
+/**
+ * A `DatePicker` has a `DateField` and a calendar popover to
+ * allow users to enter or select a date.
+ *
+ * @remarks
+ * Use a DatePciker when you want to provide a view that allows
+ * the users to select a date.
+ *
+ * @example
+ * _Standalone:_
+ * ```tsx
+ * import { DatePicker } from "@easypost/easy-ui/DatePicker";
+ *
+ * function PageWithDatePicker() {
+ *   return <DatePicker />;
+ * }
+ * ```
+ *
+ * @example
+ * _Controlled:_
+ * ```tsx
+ * import { DatePicker } from "@easypost/easy-ui/DatePicker";
+ *
+ * function PageWithDatePicker() {
+ *   const [date, setDate] = React.useState(null);
+ *   return (
+ *      <DatePicker value={date} onChange={setDate}
+ *      aria-label="Date picker" />
+ *    );
+ * }
+ * ```
+ */
+export declare function DatePicker(props: DatePickerProps): React.JSX.Element;
+export declare namespace DatePicker {
+    var displayName: string;
+}
+//# sourceMappingURL=DatePicker.d.ts.map

package/DatePicker/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAInE,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,SAAS,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAE9D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;IACjD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBA6ChD;yBA7Ce,UAAU"}

package/DatePicker/DatePicker.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { DatePicker } from "./DatePicker";
+type Story = StoryObj<typeof DatePicker>;
+declare const meta: Meta<typeof DatePicker>;
+export default meta;
+export declare const Standalone: Story;
+export declare const DefaultValue: Story;
+export declare const Sizes: Story;
+export declare const LimitAvailableDates: Story;
+export declare const DatesAvailability: Story;
+export declare const ControlledSelection: Story;
+export declare const InvalidSelection: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=DatePicker.stories.d.ts.map

package/DatePicker/DatePicker.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUlD,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAE3D,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAKjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAMjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KASjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}

package/DatePicker/DatePicker.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DatePicker.test.d.ts.map

package/DatePicker/DatePicker.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.test.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.test.tsx"],"names":[],"mappings":""}

package/DatePicker/DatePickerBase.d.ts

@@ -0,0 +1,32 @@
+import React, { DOMAttributes, MutableRefObject, ReactNode } from "react";
+import { AriaButtonProps, AriaDatePickerProps, AriaDialogProps } from "react-aria";
+import { DatePickerState, DateRangePickerState } from "react-stately";
+import { DateValue } from "@react-types/calendar";
+import { FocusableElement, GroupDOMAttributes } from "@react-types/shared";
+type TriggerProps = {
+    datePickerRef: MutableRefObject<null>;
+    buttonProps: AriaButtonProps;
+    groupProps: GroupDOMAttributes;
+    startFieldProps?: AriaDatePickerProps<DateValue>;
+    endFieldProps?: AriaDatePickerProps<DateValue>;
+    fieldProps?: AriaDatePickerProps<DateValue>;
+    isDisabled?: boolean;
+    size?: "sm" | "md";
+    isInvalid?: boolean;
+    errorMessage?: ReactNode;
+};
+type OverlayProps = {
+    dialogProps: AriaDialogProps;
+};
+export type DatePickerProps = {
+    "aria-label"?: string;
+    label?: string;
+    triggerProps: TriggerProps;
+    overlayProps: OverlayProps;
+    labelProps: DOMAttributes<FocusableElement>;
+    children: ReactNode;
+    state: DatePickerState | DateRangePickerState;
+};
+export declare function DatePickerBase(props: DatePickerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DatePickerBase.d.ts.map

package/DatePicker/DatePickerBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerBase.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DatePickerBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,eAAe,EAChB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAQ3E,KAAK,YAAY,GAAG;IAClB,aAAa,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACtC,WAAW,EAAE,eAAe,CAAC;IAC7B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,eAAe,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACjD,aAAa,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IAC/C,UAAU,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,WAAW,EAAE,eAAe,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,YAAY,CAAC;IAC3B,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,eAAe,GAAG,oBAAoB,CAAC;CAC/C,CAAC;AACF,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,qBA4CpD"}

package/DatePicker/DatePickerOverlay.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode, MutableRefObject } from "react";
+import { AriaDialogProps } from "react-aria";
+import { DatePickerState, DateRangePickerState } from "react-stately";
+type DatePickerOverlayProps = {
+    children: ReactNode;
+    triggerRef: MutableRefObject<null>;
+    dialogProps: AriaDialogProps;
+    state: DatePickerState | DateRangePickerState;
+};
+export declare function DatePickerOverlay(props: DatePickerOverlayProps): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=DatePickerOverlay.d.ts.map

package/DatePicker/DatePickerOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerOverlay.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DatePickerOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EACL,eAAe,EAIhB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAQtE,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACnC,WAAW,EAAE,eAAe,CAAC;IAC7B,KAAK,EAAE,eAAe,GAAG,oBAAoB,CAAC;CAC/C,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,4BAO9D"}

package/DatePicker/DatePickerTrigger.d.ts

@@ -0,0 +1,20 @@
+import React, { MutableRefObject, ReactNode } from "react";
+import { GroupDOMAttributes } from "@react-types/shared";
+import { AriaDatePickerProps, DateValue, AriaButtonProps } from "react-aria";
+import { DatePickerState, DateRangePickerState } from "react-stately";
+export type DatePickerTriggerProps = {
+    isDisabled?: boolean;
+    size?: "sm" | "md";
+    triggerRef: MutableRefObject<null>;
+    datePickerRef: MutableRefObject<null>;
+    buttonProps: AriaButtonProps;
+    groupProps: GroupDOMAttributes;
+    startFieldProps?: AriaDatePickerProps<DateValue>;
+    endFieldProps?: AriaDatePickerProps<DateValue>;
+    fieldProps?: AriaDatePickerProps<DateValue>;
+    isInvalid?: boolean;
+    errorMessage?: ReactNode;
+    state: DatePickerState | DateRangePickerState;
+};
+export declare function DatePickerTrigger(props: DatePickerTriggerProps): React.JSX.Element;
+//# sourceMappingURL=DatePickerTrigger.d.ts.map

package/DatePicker/DatePickerTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerTrigger.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DatePickerTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAStE,MAAM,MAAM,sBAAsB,GAAG;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACnC,aAAa,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACtC,WAAW,EAAE,eAAe,CAAC;IAC7B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,eAAe,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACjD,aAAa,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IAC/C,UAAU,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,EAAE,eAAe,GAAG,oBAAoB,CAAC;CAC/C,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAoD9D"}

package/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DatePicker";
+//# sourceMappingURL=index.d.ts.map

package/DatePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DatePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/DatePicker/index.js

@@ -0,0 +1,275 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const DatePickerBase = require("../__chunks__/DatePickerBase-DFxPgoc8.js");
+const Calendar = require("../__chunks__/Calendar-6J28aEN6.js");
+const CalendarBase = require("../__chunks__/CalendarBase-Cn_m810l.js");
+const useFormValidation = require("../__chunks__/useFormValidation-BeqiYVJN.js");
+const Overlay = require("../__chunks__/Overlay-CwJbrICR.js");
+const useControlledState = require("../__chunks__/useControlledState-mnKBd6Uc.js");
+const FocusScope = require("../__chunks__/FocusScope-Djtxzznf.js");
+const mergeProps = require("../__chunks__/mergeProps-DniMwM6P.js");
+const filterDOMProps = require("../__chunks__/filterDOMProps-D3iOHP0H.js");
+const scrollIntoView = require("../__chunks__/scrollIntoView-BN4yt25y.js");
+const useField = require("../__chunks__/useField-BJW_bXVD.js");
+const useFocusWithin = require("../__chunks__/useFocusWithin-C-45XiL1.js");
+const context = require("../__chunks__/context-D3NeXov7.js");
+const useLocalizedStringFormatter = require("../__chunks__/useLocalizedStringFormatter-CaF1VsOH.js");
+function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
+  let overlayState = Overlay.$fc909762b330b746$export$61c6a8c84e605fb6(props);
+  let [value, setValue] = useControlledState.$458b0a5536c1a7cf$export$40bfa8c7b0832715(props.value, props.defaultValue || null, props.onChange);
+  let v = value || props.placeholderValue || null;
+  let [granularity, defaultTimeZone] = DatePickerBase.$35a22f14a1f04b11$export$2440da353cedad43(v, props.granularity);
+  let dateValue = value != null ? value.toDate(defaultTimeZone !== null && defaultTimeZone !== void 0 ? defaultTimeZone : "UTC") : null;
+  let hasTime = granularity === "hour" || granularity === "minute" || granularity === "second";
+  var _props_shouldCloseOnSelect;
+  let shouldCloseOnSelect = (_props_shouldCloseOnSelect = props.shouldCloseOnSelect) !== null && _props_shouldCloseOnSelect !== void 0 ? _props_shouldCloseOnSelect : true;
+  let [selectedDate, setSelectedDate] = React.useState(null);
+  let [selectedTime, setSelectedTime] = React.useState(null);
+  if (value) {
+    selectedDate = value;
+    if ("hour" in value) selectedTime = value;
+  }
+  if (v && !(granularity in v)) throw new Error("Invalid granularity " + granularity + " for value " + v.toString());
+  let showEra = (value === null || value === void 0 ? void 0 : value.calendar.identifier) === "gregory" && value.era === "BC";
+  let formatOpts = React.useMemo(() => ({
+    granularity,
+    timeZone: defaultTimeZone,
+    hideTimeZone: props.hideTimeZone,
+    hourCycle: props.hourCycle,
+    shouldForceLeadingZeros: props.shouldForceLeadingZeros,
+    showEra
+  }), [
+    granularity,
+    props.hourCycle,
+    props.shouldForceLeadingZeros,
+    defaultTimeZone,
+    props.hideTimeZone,
+    showEra
+  ]);
+  let { minValue, maxValue, isDateUnavailable } = props;
+  let builtinValidation = React.useMemo(() => DatePickerBase.$35a22f14a1f04b11$export$f18627323ab57ac0(value, minValue, maxValue, isDateUnavailable, formatOpts), [
+    value,
+    minValue,
+    maxValue,
+    isDateUnavailable,
+    formatOpts
+  ]);
+  let validation = useFormValidation.$e5be200c675c3b3a$export$fc1a364ae1f3ff10(__spreadProps(__spreadValues({}, props), {
+    value,
+    builtinValidation
+  }));
+  let isValueInvalid = validation.displayValidation.isInvalid;
+  let validationState = props.validationState || (isValueInvalid ? "invalid" : null);
+  let commitValue = (date, time) => {
+    setValue("timeZone" in time ? time.set(CalendarBase.$11d87f3f76e88657$export$93522d1a439f3617(date)) : CalendarBase.$11d87f3f76e88657$export$b21e0b124e224484(date, time));
+    setSelectedDate(null);
+    setSelectedTime(null);
+    validation.commitValidation();
+  };
+  let selectDate = (newValue) => {
+    let shouldClose = typeof shouldCloseOnSelect === "function" ? shouldCloseOnSelect() : shouldCloseOnSelect;
+    if (hasTime) {
+      if (selectedTime || shouldClose) commitValue(newValue, selectedTime || DatePickerBase.$35a22f14a1f04b11$export$c5221a78ef73c5e9(props.defaultValue || props.placeholderValue));
+      else setSelectedDate(newValue);
+    } else {
+      setValue(newValue);
+      validation.commitValidation();
+    }
+    if (shouldClose) overlayState.setOpen(false);
+  };
+  let selectTime = (newValue) => {
+    if (selectedDate && newValue) commitValue(selectedDate, newValue);
+    else setSelectedTime(newValue);
+  };
+  return __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, validation), {
+    value,
+    setValue,
+    dateValue: selectedDate,
+    timeValue: selectedTime,
+    setDateValue: selectDate,
+    setTimeValue: selectTime,
+    granularity,
+    hasTime
+  }), overlayState), {
+    setOpen(isOpen) {
+      if (!isOpen && !value && selectedDate && hasTime) commitValue(selectedDate, selectedTime || DatePickerBase.$35a22f14a1f04b11$export$c5221a78ef73c5e9(props.defaultValue || props.placeholderValue));
+      overlayState.setOpen(isOpen);
+    },
+    validationState,
+    isInvalid: isValueInvalid,
+    formatValue(locale, fieldOptions) {
+      if (!dateValue) return "";
+      let formatOptions = DatePickerBase.$35a22f14a1f04b11$export$7e319ea407e63bc0(fieldOptions, formatOpts);
+      let formatter = new CalendarBase.$fb18d541ea1ad717$export$ad991b66133851cf(locale, formatOptions);
+      return formatter.format(dateValue);
+    },
+    getDateFormatter(locale, formatOptions) {
+      let newOptions = __spreadValues(__spreadValues({}, formatOpts), formatOptions);
+      let newFormatOptions = DatePickerBase.$35a22f14a1f04b11$export$7e319ea407e63bc0({}, newOptions);
+      return new CalendarBase.$fb18d541ea1ad717$export$ad991b66133851cf(locale, newFormatOptions);
+    }
+  });
+}
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+function $6057a3d2a53a12fd$export$42df105a73306d51(props, state, ref) {
+  let buttonId = mergeProps.$bdb11010cef70236$export$f680877a34711e37();
+  let dialogId = mergeProps.$bdb11010cef70236$export$f680877a34711e37();
+  let fieldId = mergeProps.$bdb11010cef70236$export$f680877a34711e37();
+  let stringFormatter = useLocalizedStringFormatter.$fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault(DatePickerBase.$dfb4eba373ed9493$exports), "@react-aria/datepicker");
+  let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
+  let { labelProps, fieldProps, descriptionProps, errorMessageProps } = useField.$2baaea4c71418dea$export$294aa081a6c6f55d(__spreadProps(__spreadValues({}, props), {
+    labelElementType: "span",
+    isInvalid,
+    errorMessage: props.errorMessage || validationErrors
+  }));
+  let groupProps = DatePickerBase.$3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref);
+  let labelledBy = fieldProps["aria-labelledby"] || fieldProps.id;
+  let { locale } = context.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  let date = state.formatValue(locale, {
+    month: "long"
+  });
+  let description = date ? stringFormatter.format("selectedDateDescription", {
+    date
+  }) : "";
+  let descProps = scrollIntoView.$ef06256079686ba0$export$f8aeda7b10753fa1(description);
+  let ariaDescribedBy = [
+    descProps["aria-describedby"],
+    fieldProps["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0;
+  let domProps = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
+  let focusManager = React.useMemo(() => FocusScope.$9bf71ea28793e738$export$c5251b9e124bf29(ref), [
+    ref
+  ]);
+  let { focusWithinProps } = useFocusWithin.$9ab94262bd0047c7$export$420e68273165f4ec(__spreadProps(__spreadValues({}, props), {
+    isDisabled: state.isOpen,
+    onBlurWithin: props.onBlur,
+    onFocusWithin: props.onFocus,
+    onFocusWithinChange: props.onFocusChange
+  }));
+  return {
+    groupProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, groupProps, fieldProps, descProps, focusWithinProps, {
+      role: "group",
+      "aria-disabled": props.isDisabled || null,
+      "aria-labelledby": labelledBy,
+      "aria-describedby": ariaDescribedBy,
+      onKeyDown(e) {
+        if (state.isOpen) return;
+        if (props.onKeyDown) props.onKeyDown(e);
+      },
+      onKeyUp(e) {
+        if (state.isOpen) return;
+        if (props.onKeyUp) props.onKeyUp(e);
+      }
+    }),
+    labelProps: __spreadProps(__spreadValues({}, labelProps), {
+      onClick: () => {
+        focusManager.focusFirst();
+      }
+    }),
+    fieldProps: __spreadProps(__spreadValues({}, fieldProps), {
+      id: fieldId,
+      [DatePickerBase.$16f0b7bb276bc17e$export$300019f83c56d282]: "presentation",
+      "aria-describedby": ariaDescribedBy,
+      value: state.value,
+      onChange: state.setValue,
+      placeholderValue: props.placeholderValue,
+      hideTimeZone: props.hideTimeZone,
+      hourCycle: props.hourCycle,
+      shouldForceLeadingZeros: props.shouldForceLeadingZeros,
+      granularity: props.granularity,
+      isDisabled: props.isDisabled,
+      isReadOnly: props.isReadOnly,
+      isRequired: props.isRequired,
+      validationBehavior: props.validationBehavior,
+      // DatePicker owns the validation state for the date field.
+      [useFormValidation.$e5be200c675c3b3a$export$a763b9476acd3eb]: state,
+      autoFocus: props.autoFocus,
+      name: props.name
+    }),
+    descriptionProps,
+    errorMessageProps,
+    buttonProps: __spreadProps(__spreadValues({}, descProps), {
+      id: buttonId,
+      "aria-haspopup": "dialog",
+      "aria-label": stringFormatter.format("calendar"),
+      "aria-labelledby": `${buttonId} ${labelledBy}`,
+      "aria-describedby": ariaDescribedBy,
+      "aria-expanded": state.isOpen,
+      isDisabled: props.isDisabled || props.isReadOnly,
+      onPress: () => state.setOpen(true)
+    }),
+    dialogProps: {
+      id: dialogId,
+      "aria-labelledby": `${buttonId} ${labelledBy}`
+    },
+    calendarProps: {
+      autoFocus: true,
+      value: state.dateValue,
+      onChange: state.setDateValue,
+      minValue: props.minValue,
+      maxValue: props.maxValue,
+      isDisabled: props.isDisabled,
+      isReadOnly: props.isReadOnly,
+      isDateUnavailable: props.isDateUnavailable,
+      defaultFocusedValue: state.dateValue ? void 0 : props.placeholderValue,
+      isInvalid: state.isInvalid,
+      errorMessage: typeof props.errorMessage === "function" ? props.errorMessage(state.displayValidation) : props.errorMessage || state.displayValidation.validationErrors.join(" ")
+    },
+    isInvalid,
+    validationErrors,
+    validationDetails
+  };
+}
+function DatePicker(props) {
+  const { label, size = "md", isDisabled, isInvalid, errorMessage, "aria-label": ariaLabel } = props;
+  const datePickerRef = React.useRef(null);
+  const state = $ab5bf3f618090389$export$87194bb378cc3ac2(props);
+  const { groupProps, labelProps, fieldProps, buttonProps, dialogProps, calendarProps } = $6057a3d2a53a12fd$export$42df105a73306d51(props, state, datePickerRef);
+  const triggerProps = {
+    datePickerRef,
+    buttonProps,
+    groupProps,
+    fieldProps,
+    isDisabled,
+    size,
+    isInvalid,
+    errorMessage: errorMessage || calendarProps.errorMessage
+  };
+  const overlayProps = {
+    dialogProps
+  };
+  return React.createElement(DatePickerBase.DatePickerBase, {
+    labelProps,
+    triggerProps,
+    overlayProps,
+    state,
+    label,
+    "aria-label": ariaLabel
+  }, React.createElement(Calendar.Calendar, __spreadProps(__spreadValues({}, calendarProps), {
+    isInvalid: false
+  })));
+}
+DatePicker.displayName = "DatePicker";
+exports.DatePicker = DatePicker;