@equinor/eds-core-react 0.36.1 → 0.37.0

package/dist/esm/components/Label/Label.js

@@ -7,7 +7,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 const LabelBase = styled.label.withConfig({
   displayName: "Label__LabelBase",
   componentId: "sc-1gi2bcn-0"
-})(["display:flex;justify-content:space-between;position:relative;", " margin-left:", ";margin-right:", ";color:", ";"], typographyTemplate(label.typography), label.spacings.left, label.spacings.right, ({
+})(["display:flex;justify-content:space-between;align-items:flex-end;position:relative;", " margin-left:", ";margin-right:", ";color:", ";"], typographyTemplate(label.typography), label.spacings.left, label.spacings.right, ({
   $disabledText
 }) => $disabledText ? label.states.disabled.typography.color : label.typography.color);
 const Text = styled.span.withConfig({

package/dist/esm/components/Menu/MenuItem.js

@@ -33,7 +33,7 @@ const Item = styled.button.attrs(({
   $active
 }) => $active && css(["background:", ";*{color:", ";}"], activeToken.background, activeToken.typography.color), ({
   disabled
-}) => disabled ? css(["*{color:", ";}svg{fill:", ";}&:focus{outline:none;}@media (hover:hover) and (pointer:fine){&:hover{cursor:not-allowed;}}"], disabledToken.typography.color, icon.states.disabled.typography.color) : css(["@media (hover:hover) and (pointer:fine){&:hover{z-index:1;cursor:pointer;background:", ";}}&:focus{z-index:3;", "}"], hover.background, outlineTemplate(focus.outline)));
+}) => disabled ? css(["*{color:", ";}svg{fill:", ";}@media (hover:hover) and (pointer:fine){&:hover{cursor:not-allowed;}}"], disabledToken.typography.color, icon.states.disabled.typography.color) : css(["@media (hover:hover) and (pointer:fine){&:hover{cursor:pointer;background:", ";}}&:focus-visible{z-index:3;", "}"], hover.background, outlineTemplate(focus.outline)));
 const Content = styled.div.withConfig({
   displayName: "MenuItem__Content",
   componentId: "sc-1g9fpbe-1"

package/dist/esm/components/TextField/TextField.js

@@ -35,13 +35,14 @@ const TextField = /*#__PURE__*/forwardRef(function TextField({
   ...other
 }, ref) {
   const helperTextId = useId(null, 'helpertext');
+  const hasRightAdornments = Boolean(unit || inputIcon);
   let fieldProps = {
     'aria-invalid': variant === 'error' || undefined,
     disabled,
     placeholder,
     id,
     variant,
-    rightAdornments: /*#__PURE__*/jsxs(Fragment, {
+    rightAdornments: hasRightAdornments && /*#__PURE__*/jsxs(Fragment, {
       children: [inputIcon, /*#__PURE__*/jsx("span", {
         children: unit
       })]

package/dist/esm/components/Textarea/Textarea.js

@@ -43,15 +43,21 @@ const Textarea = /*#__PURE__*/forwardRef(function Textarea({
     variant,
     ...other
   };
-  const adornmentsToTop = {
+  const leftAdornmentStyles = {
     style: {
       alignItems: 'flex-start'
     }
   };
+  const rigthAdornmentStyles = {
+    style: {
+      alignItems: 'flex-start',
+      pointerEvents: 'none'
+    }
+  };
   return /*#__PURE__*/jsx(Input, {
     as: "textarea",
-    rightAdornmentsProps: adornmentsToTop,
-    leftAdornmentsProps: adornmentsToTop,
+    rightAdornmentsProps: rigthAdornmentStyles,
+    leftAdornmentsProps: leftAdornmentStyles,
     style: {
       height: 'auto'
     },

package/dist/esm/index.js

@@ -41,3 +41,5 @@ export { Paper } from './components/Paper/Paper.js';
 export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
 export { InputWrapper } from './components/InputWrapper/InputWrapper.js';
 export { useSideBar } from './components/SideBar/SideBar.context.js';
+export { DatePicker } from './components/Datepicker/DatePicker.js';
+export { DateRangePicker } from './components/Datepicker/DateRangePicker.js';

package/dist/esm/node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/mergeDeepRight.js

@@ -29,6 +29,5 @@ _curry2(function mergeDeepRight(lObj, rObj) {
     return rVal;
   }, lObj, rObj);
 });
-var mergeDeepRight$1 = mergeDeepRight;
 
-export { mergeDeepRight$1 as default };
+export { mergeDeepRight as default };

package/dist/esm/node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/mergeDeepWithKey.js

@@ -41,6 +41,5 @@ _curry3(function mergeDeepWithKey(fn, lObj, rObj) {
     }
   }, lObj, rObj);
 });
-var mergeDeepWithKey$1 = mergeDeepWithKey;
 
-export { mergeDeepWithKey$1 as default };
+export { mergeDeepWithKey as default };

package/dist/esm/node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/mergeWith.js

@@ -31,6 +31,5 @@ _curry3(function mergeWith(fn, l, r) {
     return fn(_l, _r);
   }, l, r);
 });
-var mergeWith$1 = mergeWith;
 
-export { mergeWith$1 as default };
+export { mergeWith as default };

package/dist/esm/node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/mergeWithKey.js

@@ -45,6 +45,5 @@ _curry3(function mergeWithKey(fn, l, r) {
   }
   return result;
 });
-var mergeWithKey$1 = mergeWithKey;
 
-export { mergeWithKey$1 as default };
+export { mergeWithKey as default };

package/dist/esm/node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/pickBy.js

@@ -31,6 +31,5 @@ _curry2(function pickBy(test, obj) {
   }
   return result;
 });
-var pickBy$1 = pickBy;
 
-export { pickBy$1 as default };
+export { pickBy as default };

package/dist/types/components/Autocomplete/Autocomplete.d.ts

@@ -23,7 +23,7 @@ export type AutocompleteProps<T> = {
     /** Variants */
     variant?: Variants;
     /** Meta text, for instance unit */
-    meta?: string;
+    meta?: ReactNode;
     /** Disabled state
      * @default false
      */
@@ -107,7 +107,7 @@ export declare const Autocomplete: <T>(props: {
     /** Variants */
     variant?: Variants;
     /** Meta text, for instance unit */
-    meta?: string;
+    meta?: ReactNode;
     /** Disabled state
      * @default false
      */

package/dist/types/components/Chip/Icon.d.ts

@@ -3,7 +3,9 @@ type IconProps = {
     $variant: 'active' | 'error' | 'default';
     $disabled: boolean;
 };
-export declare const Icon: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("../Icon").IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>, IconProps>> & import("react").ForwardRefExoticComponent<Omit<import("../Icon").IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>> & {
+export declare const Icon: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("../Icon").IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
+    ref?: import("react").Ref<SVGSVGElement>;
+}, IconProps>> & import("react").ForwardRefExoticComponent<Omit<import("../Icon").IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>> & {
     add: (icons: {
         [x: string]: import("@equinor/eds-icons").IconData;
     }) => void;

package/dist/types/components/Datepicker/DatePicker.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+/**
+ * DatePicker component encapsulates the logic for selecting a single date.
+ * Either by accessible input field or by a calendar.
+ */
+export declare const DatePicker: import("react").ForwardRefExoticComponent<Partial<{
+    variant: import("../types").Variants;
+    disabled?: boolean;
+    readOnly?: boolean;
+    helperProps?: import("../InputWrapper/HelperText").HelperTextProps;
+    value: Date;
+    onChange: (date: Date) => void;
+    label: string;
+    minValue: Date;
+    maxValue: Date;
+    isDateUnavailable?: (v: Date) => boolean;
+    Footer: (props: import("./props").HeaderFooterProps<import("@react-stately/calendar").CalendarState>) => import("react").ReactNode;
+    Header: (props: import("./props").HeaderFooterProps<import("@react-stately/calendar").CalendarState>) => import("react").ReactNode;
+    showTimeInput?: boolean;
+    defaultValue?: Date;
+    timezone: string;
+    granularity?: "hour" | "minute" | "second";
+}> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Datepicker/DatePicker.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Datepicker/DateRangePicker.d.ts

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+/**
+ * DateRangePicker component encapsulates the logic for selecting a range of dates
+ * Either by accessible input fields or by a calendar.
+ */
+export declare const DateRangePicker: import("react").ForwardRefExoticComponent<Omit<Partial<{
+    variant: import("../types").Variants;
+    disabled?: boolean;
+    readOnly?: boolean;
+    helperProps?: import("../InputWrapper/HelperText").HelperTextProps;
+    value: Date;
+    onChange: (date: Date) => void;
+    label: string;
+    minValue: Date;
+    maxValue: Date;
+    isDateUnavailable?: (v: Date) => boolean;
+    Footer: (props: import("./props").HeaderFooterProps<import("@react-stately/calendar").CalendarState>) => import("react").ReactNode;
+    Header: (props: import("./props").HeaderFooterProps<import("@react-stately/calendar").CalendarState>) => import("react").ReactNode;
+    showTimeInput?: boolean;
+    defaultValue?: Date;
+    timezone: string;
+    granularity?: "hour" | "minute" | "second";
+}>, "defaultValue" | "onChange" | "value" | "multiple" | "showTimeInput" | "stateRef"> & Partial<{
+    onChange: (range: {
+        from: Date;
+        to: Date;
+    }) => void;
+    value: {
+        from: Date;
+        to: Date;
+    };
+    stateRef: import("react").MutableRefObject<import("@react-stately/calendar").RangeCalendarState>;
+    defaultValue: {
+        from: Date;
+        to: Date;
+    };
+    Footer: (props: import("./props").HeaderFooterProps<import("@react-stately/calendar").RangeCalendarState>) => import("react").ReactNode;
+    Header: (props: import("./props").HeaderFooterProps<import("@react-stately/calendar").RangeCalendarState>) => import("react").ReactNode;
+}> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Datepicker/DateRangePicker.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Datepicker/calendars/Calendar.d.ts

@@ -0,0 +1,17 @@
+import { AriaCalendarProps, DateValue } from 'react-aria';
+import { ReactNode } from 'react';
+import { HeaderFooterProps } from '../props';
+/**
+ * Calendar is the inline calendar picker used in {@link DatePicker}.
+ * It only allows selecting a single date
+ */
+export declare const Calendar: import("react").ForwardRefExoticComponent<{
+    /**
+     * Custom header component
+     */
+    Header?: (props: HeaderFooterProps) => ReactNode;
+    /**
+     * Custom footer component
+     */
+    Footer?: (props: HeaderFooterProps) => ReactNode;
+} & AriaCalendarProps<DateValue> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Datepicker/calendars/CalendarCell.d.ts

@@ -0,0 +1,9 @@
+import { CalendarState, RangeCalendarState } from '@react-stately/calendar';
+import { CalendarDate } from '@internationalized/date';
+/**
+ * CalendarCell is used to represent a single cell in {@link Calendar} and {@link RangeCalendar}
+ */
+export declare function CalendarCell({ state, date, }: {
+    state: CalendarState | RangeCalendarState;
+    date: CalendarDate;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Datepicker/calendars/CalendarGrid.d.ts

@@ -0,0 +1,10 @@
+import { CalendarState, RangeCalendarState } from '@react-stately/calendar';
+import { AriaCalendarGridProps } from 'react-aria';
+/**
+ * The grid laying out the cells for the calendars in {link Calendar} and {link RangeCalendar}
+ */
+export declare function CalendarGrid({ state, showYearPicker, setShowYearPicker, ...props }: {
+    state: CalendarState | RangeCalendarState;
+    showYearPicker: boolean;
+    setShowYearPicker: (showYearPicker: boolean) => void;
+} & AriaCalendarGridProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Datepicker/calendars/CalendarHeader.d.ts

@@ -0,0 +1,12 @@
+import { CalendarState, RangeCalendarState } from '@react-stately/calendar';
+/**
+ * The default header for the calendar components if no custom header is provided
+ */
+export declare function CalendarHeader({ state, title, previousMonthDisabled, nextMonthDisabled, showYearPicker, setShowYearPicker, }: {
+    state: CalendarState | RangeCalendarState;
+    title: string;
+    previousMonthDisabled?: boolean;
+    nextMonthDisabled?: boolean;
+    showYearPicker: boolean;
+    setShowYearPicker: (showYearPicker: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Datepicker/calendars/CalendarWrapper.d.ts

@@ -0,0 +1,273 @@
+/// <reference types="react" />
+/// <reference types="react" />
+export declare const CalendarWrapper: import("styled-components").IStyledComponent<"web", {
+    ref?: import("react").LegacyRef<HTMLDivElement>;
+    key?: import("react").Key;
+    defaultChecked?: boolean;
+    defaultValue?: string | number | readonly string[];
+    suppressContentEditableWarning?: boolean;
+    suppressHydrationWarning?: boolean;
+    accessKey?: string;
+    autoFocus?: boolean;
+    className?: string;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only";
+    contextMenu?: string;
+    dir?: string;
+    draggable?: boolean | "false" | "true";
+    hidden?: boolean;
+    id?: string;
+    lang?: string;
+    nonce?: string;
+    slot?: string;
+    spellCheck?: boolean | "false" | "true";
+    style?: import("react").CSSProperties;
+    tabIndex?: number;
+    title?: string;
+    translate?: "yes" | "no";
+    radioGroup?: string;
+    role?: import("react").AriaRole;
+    about?: string;
+    content?: string;
+    datatype?: string;
+    inlist?: any;
+    prefix?: string;
+    property?: string;
+    rel?: string;
+    resource?: string;
+    rev?: string;
+    typeof?: string;
+    vocab?: string;
+    autoCapitalize?: string;
+    autoCorrect?: string;
+    autoSave?: string;
+    color?: string;
+    itemProp?: string;
+    itemScope?: boolean;
+    itemType?: string;
+    itemID?: string;
+    itemRef?: string;
+    results?: number;
+    security?: string;
+    unselectable?: "on" | "off";
+    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+    is?: string;
+    "aria-activedescendant"?: string;
+    "aria-atomic"?: boolean | "false" | "true";
+    "aria-autocomplete"?: "list" | "both" | "none" | "inline";
+    "aria-braillelabel"?: string;
+    "aria-brailleroledescription"?: string;
+    "aria-busy"?: boolean | "false" | "true";
+    "aria-checked"?: boolean | "mixed" | "false" | "true";
+    "aria-colcount"?: number;
+    "aria-colindex"?: number;
+    "aria-colindextext"?: string;
+    "aria-colspan"?: number;
+    "aria-controls"?: string;
+    "aria-current"?: boolean | "time" | "step" | "page" | "false" | "true" | "location" | "date";
+    "aria-describedby"?: string;
+    "aria-description"?: string;
+    "aria-details"?: string;
+    "aria-disabled"?: boolean | "false" | "true";
+    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup";
+    "aria-errormessage"?: string;
+    "aria-expanded"?: boolean | "false" | "true";
+    "aria-flowto"?: string;
+    "aria-grabbed"?: boolean | "false" | "true";
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "listbox" | "grid" | "false" | "true" | "tree";
+    "aria-hidden"?: boolean | "false" | "true";
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling";
+    "aria-keyshortcuts"?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-level"?: number;
+    "aria-live"?: "off" | "assertive" | "polite";
+    "aria-modal"?: boolean | "false" | "true";
+    "aria-multiline"?: boolean | "false" | "true";
+    "aria-multiselectable"?: boolean | "false" | "true";
+    "aria-orientation"?: "horizontal" | "vertical";
+    "aria-owns"?: string;
+    "aria-placeholder"?: string;
+    "aria-posinset"?: number;
+    "aria-pressed"?: boolean | "mixed" | "false" | "true";
+    "aria-readonly"?: boolean | "false" | "true";
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+    "aria-required"?: boolean | "false" | "true";
+    "aria-roledescription"?: string;
+    "aria-rowcount"?: number;
+    "aria-rowindex"?: number;
+    "aria-rowindextext"?: string;
+    "aria-rowspan"?: number;
+    "aria-selected"?: boolean | "false" | "true";
+    "aria-setsize"?: number;
+    "aria-sort"?: "none" | "other" | "ascending" | "descending";
+    "aria-valuemax"?: number;
+    "aria-valuemin"?: number;
+    "aria-valuenow"?: number;
+    "aria-valuetext"?: string;
+    children?: import("react").ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    };
+    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement>;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement>;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement>;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement>;
+    onChange?: import("react").FormEventHandler<HTMLDivElement>;
+    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement>;
+    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onInput?: import("react").FormEventHandler<HTMLDivElement>;
+    onInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onReset?: import("react").FormEventHandler<HTMLDivElement>;
+    onResetCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onSubmit?: import("react").FormEventHandler<HTMLDivElement>;
+    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onInvalid?: import("react").FormEventHandler<HTMLDivElement>;
+    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement>;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onError?: import("react").ReactEventHandler<HTMLDivElement>;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement>;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement>;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement>;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement>;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement>;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement>;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement>;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement>;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement>;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onResize?: import("react").ReactEventHandler<HTMLDivElement>;
+    onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement>;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement>;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement>;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement>;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement>;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement>;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement>;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement>;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onDrag?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragEnd?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragStart?: import("react").DragEventHandler<HTMLDivElement>;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement>;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement>;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement>;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement>;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement>;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement>;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement>;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement>;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement>;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement>;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement>;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement>;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement>;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement>;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
+}>;

package/dist/types/components/Datepicker/calendars/RangeCalendar.d.ts

@@ -0,0 +1,11 @@
+import { AriaRangeCalendarProps, DateValue } from 'react-aria';
+import { ReactNode } from 'react';
+import { HeaderFooterProps } from '../props';
+/**
+ * RangeCalendar is the inline calendar picker used in {@link DateRangePicker}.
+ * It allows for selecting a range of dates.
+ */
+export declare const RangeCalendar: import("react").ForwardRefExoticComponent<Partial<AriaRangeCalendarProps<DateValue> & {
+    Footer?: (props: HeaderFooterProps) => ReactNode;
+    Header?: (props: HeaderFooterProps) => ReactNode;
+}> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Datepicker/calendars/YearGrid.d.ts

@@ -0,0 +1,4 @@
+export declare const YearGrid: ({ setFocusedYear, year: selectedYear, }: {
+    setFocusedYear: (year: number) => void;
+    year: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Datepicker/fields/DateField.d.ts

@@ -0,0 +1,20 @@
+import { AriaDatePickerProps, DateValue } from 'react-aria';
+import { DateFieldStateOptions } from '@react-stately/datepicker';
+import { ReactNode } from 'react';
+import { GroupDOMAttributes } from '@react-types/shared';
+import { Variants } from '../../types';
+import { CalendarDate, CalendarDateTime } from '@internationalized/date';
+type Props = {
+    fieldProps: AriaDatePickerProps<DateValue>;
+    groupProps: GroupDOMAttributes;
+    variant: Variants;
+    rightAdornments?: ReactNode;
+    onChange: (v: DateValue | null) => void;
+    dateCreateProps: DateFieldStateOptions<CalendarDate | CalendarDateTime>;
+};
+/**
+ * Datefield is the input field used in {@link DatePicker} to type in a single date.
+ * Encapsulates styling / functionality for typing a date
+ */
+export declare const DateField: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/types/components/Datepicker/fields/DateFieldSegments.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { DateFieldStateOptions } from '@react-stately/datepicker';
+/**
+ * A field that wraps segments for inputting a date / date-time
+ */
+export declare const DateFieldSegments: import("react").ForwardRefExoticComponent<Partial<DateFieldStateOptions<import("react-aria").DateValue>> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Datepicker/fields/DateRangeField.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { InputProps } from '../../Input';
+import { AriaDatePickerProps, DateValue } from 'react-aria';
+import { GroupDOMAttributes } from '@react-types/shared';
+/**
+ * DateRangeField is the input field used in {@link DateRangePicker} to type in a date range.
+ */
+export declare const DateRangeField: import("react").ForwardRefExoticComponent<{
+    startFieldProps: AriaDatePickerProps<DateValue>;
+    endFieldProps: AriaDatePickerProps<DateValue>;
+    groupProps: GroupDOMAttributes;
+} & Partial<InputProps> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/Datepicker/fields/DateSegment.d.ts

@@ -0,0 +1,8 @@
+import { DateFieldState, DateSegment as IDateSegment } from '@react-stately/datepicker';
+/**
+ * DateSegment is used to represent a single segment of a date in the DateField (i.e. day, month, year)
+ */
+export declare function DateSegment({ segment, state, }: {
+    state: DateFieldState;
+    segment: IDateSegment;
+}): import("react/jsx-runtime").JSX.Element;