@tecsinapse/cortex-react 1.3.0-beta.0 → 1.3.0-beta.2

package/dist/esm/components/Select/Trigger.js

@@ -0,0 +1,26 @@
+import { selectVariants } from '@tecsinapse/cortex-core';
+import React, { useContext, useMemo } from 'react';
+import { IoChevronDownOutline } from 'react-icons/io5';
+import { SelectContext } from './context.js';
+
+const { button } = selectVariants();
+const SelectTrigger = ({ label, disabled }) => {
+  const { value, setOpen, labelExtractor, open } = useContext(SelectContext);
+  const placeholder = useMemo(
+    () => value ? labelExtractor(value) : label,
+    [label, value]
+  );
+  return /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      className: button({ disabled }),
+      onClick: () => setOpen?.(!open),
+      disabled,
+      role: "button"
+    },
+    /* @__PURE__ */ React.createElement("span", { "data-testid": "select-placeholder" }, placeholder),
+    /* @__PURE__ */ React.createElement(IoChevronDownOutline, null)
+  );
+};
+
+export { SelectTrigger };

package/dist/esm/components/Select/context.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+
+const SelectContext = createContext({
+  keyExtractor: () => "",
+  labelExtractor: () => ""
+});
+
+export { SelectContext };

package/dist/esm/components/Select/index.js

@@ -0,0 +1,17 @@
+import { SelectGroupedOptions } from './GroupedOptions.js';
+import { SelectOption } from './Option.js';
+import { SelectOptions } from './Options.js';
+import { SelectPopover } from './Popover.js';
+import { SelectRoot } from './Root.js';
+import { SelectTrigger } from './Trigger.js';
+
+const Select = {
+  Root: SelectRoot,
+  Trigger: SelectTrigger,
+  Popover: SelectPopover,
+  Options: SelectOptions,
+  GroupedOptions: SelectGroupedOptions,
+  Option: SelectOption
+};
+
+export { Select };

package/dist/esm/components/Table.js

@@ -1,5 +1,5 @@
-import React from 'react';
 import { tHead, tRow, tHeadCell, hr, tCell, tFoot, tRoot } from '@tecsinapse/cortex-core';
+import React from 'react';
 
 const THead = ({
   children,
@@ -37,6 +37,6 @@ const Table = ({
 const Td = ({
   children,
   ...rest
-}) => /* @__PURE__ */ React.createElement("td", { ...rest, "data-testid": "td" }, children);
+}) => /* @__PURE__ */ React.createElement("td", { "data-testid": "td", ...rest }, children);
 
 export { TCell, TFoot, THead, THeadCell, TRow, TRowHeader, Table, Td };

package/dist/esm/components/utils.js

@@ -1,3 +1,5 @@
+import { CalendarDate, getLocalTimeZone } from '@internationalized/date';
+
 const getNameInitials = (name) => {
   const nameSplit = name.split(" ");
   const length = nameSplit.length;
@@ -6,5 +8,15 @@ const getNameInitials = (name) => {
   }
   return name[0];
 };
+const dateToCalendarDate = (value) => {
+  return new CalendarDate(
+    value?.getFullYear() ?? (/* @__PURE__ */ new Date()).getFullYear(),
+    value?.getMonth() ? value.getMonth() + 1 : (/* @__PURE__ */ new Date()).getMonth() + 1,
+    value?.getDate() ?? (/* @__PURE__ */ new Date()).getDate()
+  );
+};
+const calendarDateToDate = (value) => {
+  return value.toDate(getLocalTimeZone());
+};
 
-export { getNameInitials };
+export { calendarDateToDate, dateToCalendarDate, getNameInitials };

package/dist/esm/hooks/useCalendar.js

@@ -1,18 +1,15 @@
-import { createCalendar, CalendarDate, getLocalTimeZone } from '@internationalized/date';
+import { createCalendar } from '@internationalized/date';
 import { useLocale, useCalendar as useCalendar$1 } from 'react-aria';
 import { useCalendarState } from 'react-stately';
+import { dateToCalendarDate, calendarDateToDate } from '../components/utils.js';
 
 const useCalendar = ({ value, onChange }) => {
   const { locale } = useLocale();
   const state = useCalendarState({
     locale,
     createCalendar,
-    defaultValue: new CalendarDate(
-      value.getFullYear(),
-      value.getMonth(),
-      value.getDate()
-    ),
-    onChange: (value2) => onChange(value2.toDate(getLocalTimeZone()))
+    defaultValue: dateToCalendarDate(value),
+    onChange: (value2) => onChange(calendarDateToDate(value2))
   });
   const { calendarProps, title } = useCalendar$1({}, state);
   return {

package/dist/esm/hooks/useDatePickerInput.js

@@ -0,0 +1,29 @@
+import { useRef } from 'react';
+import { useDatePicker } from 'react-aria';
+import { useDatePickerState } from 'react-stately';
+import { dateToCalendarDate, calendarDateToDate } from '../components/utils.js';
+
+const useDatePickerInput = ({
+  value,
+  onChange
+}) => {
+  const state = useDatePickerState({
+    defaultValue: dateToCalendarDate(value),
+    onChange: (value2) => {
+      onChange(calendarDateToDate(value2));
+    }
+  });
+  const ref = useRef(null);
+  const { fieldProps } = useDatePicker(
+    { "aria-label": "date-picker-field" },
+    state,
+    ref
+  );
+  return {
+    fieldProps,
+    state,
+    ref
+  };
+};
+
+export { useDatePickerInput };

package/dist/esm/hooks/useDateRangePickerInput.js

@@ -0,0 +1,31 @@
+import { useRef } from 'react';
+import { useDateRangePicker } from 'react-aria';
+import { useDateRangePickerState } from 'react-stately';
+import { dateToCalendarDate, calendarDateToDate } from '../components/utils.js';
+
+const useDateRangePickerInput = ({
+  value,
+  onChange
+}) => {
+  const state = useDateRangePickerState({
+    defaultValue: {
+      start: dateToCalendarDate(value?.start),
+      end: dateToCalendarDate(value?.end)
+    },
+    onChange: (value2) => {
+      onChange({
+        start: calendarDateToDate(value2.start),
+        end: calendarDateToDate(value2.end)
+      });
+    }
+  });
+  const ref = useRef(null);
+  const { startFieldProps, endFieldProps } = useDateRangePicker(
+    { "aria-label": "date-range-picker-field" },
+    state,
+    ref
+  );
+  return { startFieldProps, endFieldProps, state, ref };
+};
+
+export { useDateRangePickerInput };

package/dist/esm/hooks/useOutsideClickListener.js

@@ -0,0 +1,20 @@
+import { useCallback, useEffect } from 'react';
+
+const useOutsideClickListener = ({
+  ref,
+  onClickOutside
+}) => {
+  const handleClickOutside = useCallback((event) => {
+    if (ref.current && !ref.current.contains(event.target)) {
+      onClickOutside?.();
+    }
+  }, []);
+  useEffect(() => {
+    document.addEventListener("click", handleClickOutside, true);
+    return () => {
+      document.removeEventListener("click", handleClickOutside, true);
+    };
+  }, [handleClickOutside]);
+};
+
+export { useOutsideClickListener };

package/dist/esm/hooks/useRangeCalendar.js

@@ -0,0 +1,34 @@
+import { createCalendar } from '@internationalized/date';
+import { useRef } from 'react';
+import { useLocale, useRangeCalendar as useRangeCalendar$1 } from 'react-aria';
+import { useRangeCalendarState } from 'react-stately';
+import { dateToCalendarDate, calendarDateToDate } from '../components/utils.js';
+
+const useRangeCalendar = ({
+  value,
+  onChange
+}) => {
+  const { locale } = useLocale();
+  const state = useRangeCalendarState({
+    locale,
+    createCalendar,
+    defaultValue: {
+      start: dateToCalendarDate(value?.start),
+      end: dateToCalendarDate(value?.end)
+    },
+    onChange: (value2) => onChange({
+      start: calendarDateToDate(value2.start),
+      end: calendarDateToDate(value2.end)
+    })
+  });
+  const ref = useRef(null);
+  const { calendarProps, title } = useRangeCalendar$1({}, state, ref);
+  return {
+    calendarProps,
+    title,
+    state,
+    ref
+  };
+};
+
+export { useRangeCalendar };

package/dist/esm/index.js

@@ -5,23 +5,33 @@ export { Breadcrumbs } from './components/Breadcrumbs.js';
 export { Button } from './components/Button.js';
 export { Calendar } from './components/Calendar.js';
 export { Card } from './components/Card.js';
+export { DatePickerInput } from './components/DatePickerInput.js';
+export { DateRangePickerInput } from './components/DateRangePickerInput.js';
 export { DefaultSnack } from './components/DefaultSnack.js';
 export { Drawer } from './components/Drawer.js';
 export { GroupButton } from './components/GroupButton.js';
 export { Hint } from './components/Hint.js';
-export { Box, Face, Input, Left, Right, Root } from './components/Input.js';
+export { Input, InputBox, InputFace, InputLeft, InputRight, InputRoot } from './components/Input.js';
 export { Modal } from './components/Modal.js';
 export { ProgressBar } from './components/ProgressBar.js';
 export { RangeCalendar } from './components/RangeCalendar.js';
-export { Select } from './components/Select.js';
+import 'react';
+import 'react-icons/ai';
+import 'react-icons/io5';
+import 'tailwind-merge';
+export { useCalendar } from './hooks/useCalendar.js';
+export { useCalendarCell } from './hooks/useCalendarCell.js';
+export { useCalendarGrid } from './hooks/useCalendarGrid.js';
+export { useDatePickerInput } from './hooks/useDatePickerInput.js';
+export { useDateRangePickerInput } from './hooks/useDateRangePickerInput.js';
+export { useDebouncedState } from './hooks/useDebouncedState.js';
+export { useOutsideClickListener } from './hooks/useOutsideClickListener.js';
+export { useRangeCalendar } from './hooks/useRangeCalendar.js';
+export { Select } from './components/Select/index.js';
 export { Skeleton } from './components/Skeleton.js';
 export { TCell, TFoot, THead, THeadCell, TRow, TRowHeader, Table, Td } from './components/Table.js';
 export { Tag } from './components/Tag.js';
 export { TextArea } from './components/TextArea.js';
-export { Toggle } from './components/Toggle.js';
 export { TimeFieldInput } from './components/TimeFieldInput.js';
+export { Toggle } from './components/Toggle.js';
 export { SnackbarSonner } from './service/SnackbarSonner.js';
-export { useCalendar } from './hooks/useCalendar.js';
-export { useCalendarCell } from './hooks/useCalendarCell.js';
-export { useCalendarGrid } from './hooks/useCalendarGrid.js';
-export { useDebouncedState } from './hooks/useDebouncedState.js';

package/dist/esm/service/SnackbarSonner.js

@@ -1,26 +1,33 @@
 import { toast } from 'sonner';
 import React from 'react';
 import 'clsx';
+import '@internationalized/date';
 import '../components/Badge.js';
 import '../components/BaseSnackbar.js';
 import 'react-icons/md';
 import '../components/Card.js';
 import '../components/Button.js';
-import '@internationalized/date';
 import 'react-aria';
 import 'react-stately';
 import '../components/CalendarCell.js';
 import '@tecsinapse/cortex-core';
 import 'react-icons/fa';
+import 'react-icons/lia';
+import '../components/Input.js';
 import { DefaultSnack } from '../components/DefaultSnack.js';
 import '../components/GroupButton.js';
 import '../components/Hint.js';
-import '../components/Input.js';
 import '../components/Modal.js';
 import '../styles/calendar-cell.js';
 import '../styles/groupButton.js';
 import '../styles/progressBar.js';
-import '../components/Select.js';
+import 'react-icons/ai';
+import 'react-icons/io5';
+import 'tailwind-merge';
+import '../components/Select/GroupedOptions.js';
+import '../components/Select/context.js';
+import '../components/Select/Popover.js';
+import '../components/Select/Trigger.js';
 import '../components/Tag.js';
 import '../components/TextArea.js';
 import '../components/Toggle.js';

package/dist/esm/styles/calendar-cell.js

@@ -2,13 +2,13 @@ import { tv } from 'tailwind-variants';
 
 const calendarCell = tv({
   slots: {
-    cell: "text-center rounded-mili text-black",
+    cell: "text-center rounded-mili text-black hover:bg-primary-light",
     button: "flex aspect-square items-center justify-center"
   },
   variants: {
     isSelected: {
       true: {
-        cell: "bg-primary-medium text-white"
+        cell: "bg-primary-medium text-white hover:bg-primary-medium"
       }
     },
     isSelectionStart: {
@@ -28,7 +28,7 @@ const calendarCell = tv({
     },
     isOutsideVisibleRange: {
       true: {
-        cell: "text-secondary-light cursor-default",
+        cell: "text-secondary-light cursor-default  hover:bg-white-500",
         button: "cursor-default"
       }
     }

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

@@ -1,5 +1,5 @@
 interface CalendarProps {
-    value: Date;
+    value?: Date;
     onChange: (value: Date) => void;
 }
 export declare const Calendar: ({ value, onChange }: CalendarProps) => JSX.Element;

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

@@ -0,0 +1,5 @@
+import { AriaDateFieldProps, DateValue } from 'react-aria';
+interface DateFieldProps extends AriaDateFieldProps<DateValue> {
+}
+export declare const DateField: (props: DateFieldProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+import { InputPropsBase } from './Input';
+export interface DatePickerInputProps extends InputPropsBase {
+    value?: Date;
+    onChange: (date: Date) => void;
+}
+export declare const DatePickerInput: (props: DatePickerInputProps) => JSX.Element;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { InputPropsBase } from './Input';
+interface DatePickerInputBaseProps extends InputPropsBase {
+    onClickCalendar: () => void;
+    children: React.ReactElement;
+}
+export declare const DatePickerInputBase: ({ children, variants, label, onClickCalendar, }: DatePickerInputBaseProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,7 @@
+import { InputPropsBase } from './Input';
+import { DateRange } from './RangeCalendar';
+export interface DateRangePickerInputProps extends InputPropsBase {
+    value?: DateRange;
+    onChange: (date: DateRange) => void;
+}
+export declare const DateRangePickerInput: (props: DateRangePickerInputProps) => JSX.Element;

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

@@ -6,15 +6,15 @@ export interface InputPropsBase {
 }
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>, InputPropsBase {
 }
-export declare const Box: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const InputBox: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 type DivBaseProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Face: React.ForwardRefExoticComponent<DivBaseProps & Pick<InputPropsBase, "variants"> & React.RefAttributes<HTMLDivElement>>;
-export declare const Root: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export declare const Left: React.ForwardRefExoticComponent<DivBaseProps & {
+export declare const InputFace: React.ForwardRefExoticComponent<DivBaseProps & Pick<InputPropsBase, "variants"> & React.RefAttributes<HTMLDivElement>>;
+export declare const InputRoot: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const InputLeft: React.ForwardRefExoticComponent<DivBaseProps & {
     children: React.ReactNode;
     className?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export declare const Right: React.ForwardRefExoticComponent<DivBaseProps & {
+export declare const InputRight: React.ForwardRefExoticComponent<DivBaseProps & {
     children: React.ReactNode;
     className?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -3,8 +3,8 @@ export type DateRange = {
     end: Date;
 };
 interface RangeCalendarProps {
+    value?: DateRange;
     onChange: (value: DateRange) => void;
-    value: DateRange;
 }
 export declare const RangeCalendar: ({ value, onChange }: RangeCalendarProps) => JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
-interface SearchInputProps {
+import { HTMLAttributes } from 'react';
+interface SearchInputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'> {
     label?: string;
     placeholder?: string;
     isSubmitting?: boolean;
@@ -6,5 +7,5 @@ interface SearchInputProps {
     onClick?: (value: string) => void;
     BOUNCE_TIMEOUT?: number;
 }
-declare const SearchInput: ({ label, placeholder, isSubmitting, onChange, onClick, BOUNCE_TIMEOUT, }: SearchInputProps) => JSX.Element;
+declare const SearchInput: ({ label, placeholder, isSubmitting, onChange, onClick, BOUNCE_TIMEOUT, className, ...rest }: SearchInputProps) => JSX.Element;
 export default SearchInput;

package/dist/types/components/Select/GroupedOptions.d.ts

@@ -0,0 +1,6 @@
+export interface SelectGroupedOptionsProps<T> {
+    onSelect: (value: T) => void;
+    options?: Map<string, T[]>;
+    groupedLabelExtractor: (value: string) => string;
+}
+export declare const SelectGroupedOptions: <T>({ onSelect, groupedLabelExtractor, options, }: SelectGroupedOptionsProps<T>) => JSX.Element;

package/dist/types/components/Select/Option.d.ts

@@ -0,0 +1,5 @@
+export interface SelectOptionProps<T> {
+    option: T;
+    onSelectOption: (option: T) => void;
+}
+export declare const SelectOption: <T>({ onSelectOption, option, }: SelectOptionProps<T>) => JSX.Element;

package/dist/types/components/Select/Options.d.ts

@@ -0,0 +1,5 @@
+export interface SelectOptionsProps<T> {
+    options?: T[];
+    onSelect: (value: T) => void;
+}
+export declare const SelectOptions: <T>({ onSelect, options, }: SelectOptionsProps<T>) => JSX.Element;

package/dist/types/components/Select/Popover.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface SelectPopoverProps {
+    children: ReactNode;
+}
+export declare const SelectPopover: ({ children }: SelectPopoverProps) => JSX.Element;

package/dist/types/components/Select/Root.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface SelectRootProps<T> {
+    children: ReactNode;
+    value?: T;
+    keyExtractor: (value: T) => string;
+    labelExtractor: (value: T) => string;
+}
+export declare const SelectRoot: <T>({ children, value, keyExtractor, labelExtractor, }: SelectRootProps<T>) => JSX.Element;

package/dist/types/components/Select/Trigger.d.ts

@@ -0,0 +1,5 @@
+export interface SelectTriggerProps {
+    label: string;
+    disabled?: boolean;
+}
+export declare const SelectTrigger: ({ label, disabled }: SelectTriggerProps) => JSX.Element;

package/dist/types/components/Select/context.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+interface SelectContextProps<T> {
+    value?: T;
+    open?: boolean;
+    setOpen?: Dispatch<SetStateAction<boolean>>;
+    keyExtractor: (value: T) => string;
+    labelExtractor: (value: T) => string;
+}
+export declare const SelectContext: import("react").Context<SelectContextProps<any>>;
+export {};

package/dist/types/components/Select/index.d.ts

@@ -0,0 +1,8 @@
+export declare const Select: {
+    Root: <T>({ children, value, keyExtractor, labelExtractor, }: import("./Root").SelectRootProps<T>) => JSX.Element;
+    Trigger: ({ label, disabled }: import("./Trigger").SelectTriggerProps) => JSX.Element;
+    Popover: ({ children }: import("./Popover").SelectPopoverProps) => JSX.Element;
+    Options: <T_1>({ onSelect, options, }: import("./Options").SelectOptionsProps<T_1>) => JSX.Element;
+    GroupedOptions: <T_2>({ onSelect, groupedLabelExtractor, options, }: import("./GroupedOptions").SelectGroupedOptionsProps<T_2>) => JSX.Element;
+    Option: <T_3>({ onSelectOption, option, }: import("./Option").SelectOptionProps<T_3>) => JSX.Element;
+};

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

@@ -5,6 +5,8 @@ export * from './Breadcrumbs';
 export * from './Button';
 export * from './Calendar';
 export * from './Card';
+export * from './DatePickerInput';
+export * from './DateRangePickerInput';
 export * from './DefaultSnack';
 export * from './Drawer';
 export * from './GroupButton';
@@ -13,10 +15,11 @@ export * from './Input';
 export * from './Modal';
 export * from './ProgressBar';
 export * from './RangeCalendar';
-export { default as Select } from './Select';
+export * from './SearchInput';
+export * from './Select';
 export * from './Skeleton';
 export * from './Table';
 export * from './Tag';
 export * from './TextArea';
-export * from './Toggle';
 export * from './TimeFieldInput';
+export * from './Toggle';

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

@@ -1 +1,4 @@
+import { CalendarDate } from '@internationalized/date';
 export declare const getNameInitials: (name: string) => string;
+export declare const dateToCalendarDate: (value?: Date) => CalendarDate;
+export declare const calendarDateToDate: (value: CalendarDate) => Date;

package/dist/types/hooks/index.d.ts

@@ -1,4 +1,8 @@
 export * from './useCalendar';
 export * from './useCalendarCell';
 export * from './useCalendarGrid';
+export * from './useDatePickerInput';
+export * from './useDateRangePickerInput';
 export * from './useDebouncedState';
+export * from './useOutsideClickListener';
+export * from './useRangeCalendar';

package/dist/types/hooks/useCalendar.d.ts

@@ -1,5 +1,5 @@
 interface useCalendarProps {
-    value: Date;
+    value?: Date;
     onChange: (value: Date) => void;
 }
 export declare const useCalendar: ({ value, onChange }: useCalendarProps) => {

package/dist/types/hooks/useDatePickerInput.d.ts

@@ -0,0 +1,10 @@
+interface useDatePickerInputProps {
+    value?: Date;
+    onChange: (date: Date) => void;
+}
+export declare const useDatePickerInput: ({ value, onChange, }: useDatePickerInputProps) => {
+    fieldProps: import("react-aria").AriaDatePickerProps<import("react-aria").DateValue>;
+    state: import("react-stately").DatePickerState;
+    ref: import("react").MutableRefObject<null>;
+};
+export {};

package/dist/types/hooks/useDateRangePickerInput.d.ts

@@ -0,0 +1,12 @@
+import { DateRange } from '../components';
+interface useDateRangePickerInputProps {
+    value?: DateRange;
+    onChange: (date: DateRange) => void;
+}
+export declare const useDateRangePickerInput: ({ value, onChange, }: useDateRangePickerInputProps) => {
+    startFieldProps: import("react-aria").AriaDatePickerProps<import("react-aria").DateValue>;
+    endFieldProps: import("react-aria").AriaDatePickerProps<import("react-aria").DateValue>;
+    state: import("react-stately").DateRangePickerState;
+    ref: import("react").MutableRefObject<null>;
+};
+export {};

package/dist/types/hooks/useOutsideClickListener.d.ts

@@ -0,0 +1,7 @@
+import { MutableRefObject } from 'react';
+interface useOutsideClickListenerProps {
+    ref: MutableRefObject<any>;
+    onClickOutside?: () => void;
+}
+export declare const useOutsideClickListener: ({ ref, onClickOutside, }: useOutsideClickListenerProps) => void;
+export {};

package/dist/types/hooks/useRangeCalendar.d.ts

@@ -0,0 +1,12 @@
+import { DateRange } from '../components';
+interface useRangeCalendarProps {
+    value?: DateRange;
+    onChange: (value: DateRange) => void;
+}
+export declare const useRangeCalendar: ({ value, onChange, }: useRangeCalendarProps) => {
+    calendarProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
+    title: string;
+    state: import("react-stately").RangeCalendarState;
+    ref: import("react").MutableRefObject<null>;
+};
+export {};

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
 export * from './components';
-export * from './service';
 export * from './hooks';
+export * from './service';

package/dist/types/tests/DateField.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/DatePickerInput.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/DatePickerInputBase.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/DateRangePickerInput.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/RangeCalendar.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/types/tests/useOutsideClickListener.test.d.ts

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