@koine/react 1.0.5 → 1.0.10

package/package.json

@@ -1,28 +1,28 @@
 {
   "name": "@koine/react",
+  "version": "1.0.10",
   "sideEffects": false,
-  "version": "1.0.5",
-  "main": "./index.umd.js",
-  "module": "./index.esm.js",
+  "main": "./node/index.js",
   "typings": "./index.d.ts",
   "dependencies": {
     "styled-components": "^5.3.5",
-    "framer-motion": "^6.2.9",
-    "react": ">=17.0.2",
-    "@mui/base": "^5.0.0-alpha.75",
-    "@koine/utils": "1.0.5",
-    "@react-icons/all-files": "^4.1.0",
+    "framer-motion": "^6.3.3",
+    "react": "^16.8 || ^17 || ^18",
+    "@mui/base": "^5.0.0-alpha.79",
+    "react-icons": "^4.3.1",
     "date-fns": "^2.28.0",
-    "react-swipeable": "^6.2.1",
-    "@reach/disclosure": "^0.16.2",
-    "@reach/dialog": "^0.16.2",
-    "@tiptap/react": "^2.0.0-beta.108",
-    "@tiptap/starter-kit": "^2.0.0-beta.183",
+    "react-swipeable": "^7.0.0",
+    "@reach/disclosure": "^0.17.0",
+    "@tiptap/react": "^2.0.0-beta.109",
+    "@tiptap/starter-kit": "^2.0.0-beta.184",
     "yup": "^0.32.11",
-    "react-hook-form": "^7.29.0",
-    "@n8tb1t/use-scroll-position": "^2.0.3",
+    "react-hook-form": "^7.30.0",
+    "type-fest": "^2.12.2",
     "react-use": "^17.3.2",
-    "@reach/tabs": "^0.16.4"
+    "@reach/tabs": "^0.17.0",
+    "tslib": "^2.4.0"
   },
-  "peerDependencies": {}
+  "peerDependencies": {},
+  "module": "./index.js",
+  "types": "./index.d.ts"
 }

package/typings.d.ts

@@ -0,0 +1,21 @@
+import "styled-components";
+// import type {} from "styled-components/cssprop"; // for `css` prop
+
+/**
+ * Styled components utility types
+ */
+type Theme = import("./styles/theme").Theme;
+
+declare module "styled-components" {
+  // extends the global DefaultTheme with our ThemeType.
+  export interface DefaultTheme extends Theme {
+    maxWidth: number;
+  }
+}
+
+/**
+ * Types specifically related to `@koine/react` exposed on the global unique
+ * namespace `Koine`. Most of the types here should be prefixed by `React`, e.g.
+ * `ReactSomeFeature` accessible anywhere from `Koine.ReactSomeFeature`
+ */
+declare namespace Koine {}

package/Alert/Alert.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare type AlertProps = {
-    $danger?: boolean;
-};
-export declare const Alert: React.FC<AlertProps>;

package/Alert/index.d.ts

@@ -1 +0,0 @@
-export * from "./Alert";

package/Animations/Reveal.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { UseRevealOptions } from "./useReveal";
-export declare type RevealProps = UseRevealOptions;
-export declare const Reveal: React.FC<RevealProps>;

package/Animations/Underline.d.ts

@@ -1 +0,0 @@
-export declare const UnderlineSkewed: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLElement, import("framer-motion").HTMLMotionProps<"i">>, import("styled-components").DefaultTheme, {}, never>;

package/Animations/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Reveal";
-export * from "./Underline";
-export * from "./useReveal";

package/Animations/useReveal.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-export declare type UseRevealOptions = {
-    /**
-     * @default "left"
-     */
-    direction?: "left" | "right";
-    /**
-     * A number that represents the offset to start the animations, giving `-1`
-     * means that the animation will start when the scroll position is at
-     * 100% higher than the given element. Giving `2` the animation will starts
-     * when the scroll reached two times the height of the given element below
-     * the top edge of the element itself
-     *
-     * @default -2
-     */
-    offsetStartY?: number;
-    /**
-     * When 0 it defaults to the same as the offsetStartY
-     * @default 0
-     */
-    offsetEndY?: number;
-    /**
-     * A value from `0` to `1` representing a proportion of the element width
-     * or "all" to make it completely out of the viewport
-     * @default "all"
-     * */
-    offsetStartX?: number | "all";
-};
-export declare function useReveal<T extends HTMLElement = HTMLDivElement>({ direction, offsetStartY, offsetEndY, offsetStartX, }: UseRevealOptions): {
-    ref: import("react").RefObject<T>;
-    startY: number;
-    endY: number;
-    startX: number;
-};

package/Autocomplete/AutocompleteDownshift.d.ts

@@ -1 +0,0 @@
-export declare const Autocomplete: null;

package/Autocomplete/AutocompleteDownshiftMultiselect.d.ts

@@ -1 +0,0 @@
-export declare const Autocomplete: null;

package/Autocomplete/AutocompleteMui.d.ts

@@ -1,47 +0,0 @@
-/// <reference types="react" />
-import type { Option } from "../types";
-import { FormControl } from "../Forms/helpers";
-export declare type AutocompleteOption = Option | string;
-export declare type AutocompleteValue<TMultiple extends boolean | undefined = undefined> = TMultiple extends undefined ? null | Option[] | string[] | Option | string : TMultiple extends true ? Option[] | string[] : null | Option | string;
-export declare type AutocompleteConfig<TOption extends AutocompleteOption, TValue extends AutocompleteValue> = {
-    creatable?: boolean;
-    multiple?: boolean;
-    autoComplete?: boolean;
-    options?: TOption[];
-    loadOptions?: (query?: string) => Promise<TOption[]>;
-    onChange?: (value: TValue) => any;
-    defaultValue?: TValue;
-    value?: TValue;
-    defaultInputValue?: string;
-};
-export declare type AutocompleteProps<TOption extends AutocompleteOption, TValue extends AutocompleteValue> = Omit<FormControl, keyof AutocompleteConfig<TOption, TValue>> & AutocompleteConfig<TOption, TValue> & {
-    className?: string;
-    style?: React.CSSProperties;
-    $ref?: React.ForwardedRef<HTMLInputElement>;
-};
-/**
- * Autocomplete/autocomplete component based on [`@mui useAutocomplete hook`](https://mui.com/components/autocomplete/#useautocomplete).
- *
- * This component is design to work out of the box with [`react-hook-form`](https://react-hook-form.com/)
- * and [`yup`](https://github.com/jquense/yup) alongside our custom `Field`
- * component.
- *
- * After a lot of tests and attempts with `downshift` and `@reach` this proved
- * the best headless hook, small in size and behaving correctly in all scenarios.
- * `downshift` had in fact problems treating the initial `defaultValue` which
- * here is elegantly managed by the `isOptionEqualToValue` option passed into
- * the `useAutocomplete` hook.
- *
- *
- * Validation with `yup` and `react-hook-form` example:
- *
- * ```ts
- * const schema = object({
- *   // the value must be an array with at least one non-empty string
- *   test1: array(string().required()).required().min(1),
- *   // the value must be an array of strings or an empty array
- *   test2: array(string().required()).required(),
- * }).required();
- * ```
- */
-export declare const Autocomplete: <TOption extends AutocompleteOption = AutocompleteOption, TValue extends string | Option | Option[] | string[] | null = string | Option | Option[] | string[] | null>({ creatable, multiple, autoComplete, loadOptions, options: defaultOptions, defaultValue, value: controlledValue, defaultInputValue, label, placeholder, register, setValue, name, onChange, $ref, children, ...props }: AutocompleteProps<TOption, TValue>) => JSX.Element;

package/Autocomplete/AutocompleteReach.d.ts

@@ -1 +0,0 @@
-export declare const Autocomplete: null;

package/Autocomplete/components.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-export declare const AutocompleteRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const AutocompleteLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
-export declare const AutocompleteWrap: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const AutocompleteInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const AutocompleteItem: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const AutocompleteItemLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const AutocompleteItemRemove: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const AutocompleteInputWrap: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const AutocompleteInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
-/**
- * This cannot be a button otherwise on `Enter` the form would submit instead
- * of opening the dropdown or adding the selection. There are too many events
- * to prevent if we were using a standard HTML `<button>`
- */
-export declare const AutocompleteInputArrow: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Select/components").SelectArrowProps & import("react").RefAttributes<HTMLSpanElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const AutocompleteMenu: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
-export declare const AutocompleteMenuItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
-    $active?: boolean | undefined;
-    disabled?: boolean | undefined;
-}, never>;

package/Autocomplete/helpers.d.ts

@@ -1,3 +0,0 @@
-import type { Option } from "../types";
-export declare type AutocompleteValue = null | undefined | (string | Option)[] | Option | string;
-export declare function normaliseAutocompleteValue(value?: AutocompleteValue, asArray?: boolean): any;

package/Autocomplete/index.d.ts

@@ -1,2 +0,0 @@
-export type { AutocompleteProps, AutocompleteConfig } from "./AutocompleteMui";
-export { Autocomplete } from "./AutocompleteMui";

package/Bg/BgColor.d.ts

@@ -1,36 +0,0 @@
-/// <reference types="react" />
-import { ContainerProps } from "../Grid";
-export declare const BgColor: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    $bg: BgContainerProps["color"];
-}, never>;
-export declare const BgColorSkewed: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    $bg: BgContainerProps["color"];
-    $transform: string;
-}, never>;
-export declare type BgContainerProps = ContainerProps & {
-    color: NonNullable<React.CSSProperties["background"]>;
-    /**
-     * In `deg` unit.
-     * @default 0
-     */
-    skewY?: number;
-    /**
-     * In `deg` unit. Suggested `10` to `20`
-     * @default 0
-     */
-    rotate?: number;
-    /**
-     * @default  1
-     */
-    scaleY?: number;
-    /**
-     * @default 1
-     */
-    scaleX?: number;
-    /**
-     * In `vw` unit
-     * @default 0
-     */
-    perspective?: number;
-};
-export declare const BgContainer: React.FC<BgContainerProps>;

package/Bg/BgPhoto.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { ContainerProps } from "../Grid";
-export declare type BgPhotoPropsStyled = Required<Pick<BgPhotoProps, "containerSize" | "$overlap">>;
-export declare type BgPhotoProps = {
-    src: string;
-    containerSize?: ContainerProps["size"];
-    /**
-     * Bg photo overlap on container, in px
-     *
-     * @default 0
-     */
-    $overlap?: number;
-};
-export declare const BgPhoto: ({ src, containerSize, $overlap, }: BgPhotoProps) => JSX.Element;

package/Bg/BgSvg.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare type BgSvgProps = {
-    color: string;
-};
-/**
- * Centered triangle shape
- */
-export declare const BgSvg: ({ color }: BgSvgProps) => JSX.Element;

package/Bg/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./BgColor";
-export * from "./BgPhoto";
-export * from "./BgSvg";

package/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { KoineComponentProps, KoineComponent } from "../types";
-export declare type BreadcrumbsItem = {
-    title: string;
-    url?: string;
-};
-export declare type KoineBreadcrumbsProps = {
-    items: BreadcrumbsItem[];
-};
-declare type BreadcrumbsProps = KoineComponentProps<KoineBreadcrumbsProps, {
-    Link: KoineComponent;
-}>;
-export declare const KoineBreadcrumbs: ({ items, Koine, ...props }: BreadcrumbsProps) => JSX.Element | null;
-export {};

package/Breadcrumbs/index.d.ts

@@ -1 +0,0 @@
-export * from "./Breadcrumbs";

package/Buttons/Button.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-/**
- * Prevent 300ms delay with `touch-action` performance optimization,
- * @see https://twitter.com/argyleink/status/1405881231695302659
- */
-export declare const btnStyleUndo: import("styled-components").FlattenSimpleInterpolation;
-export declare const btnStyleReset: import("styled-components").FlattenSimpleInterpolation;
-export declare const btnStyleBase: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<KoineButtonUiProps, import("styled-components").DefaultTheme>>;
-export declare const btnStyleContained: import("styled-components").FlattenSimpleInterpolation;
-export declare const btnStyleOutlined: import("styled-components").FlattenSimpleInterpolation;
-export declare const KoineButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, KoineButtonUiProps, never>;
-export declare type KoineButtonUiProps = {
-    disabled?: boolean;
-    $variant?: "contained" | "outlined";
-    $noGutter?: boolean;
-    $block?: boolean;
-};
-export declare type KoineButtonProps = KoineButtonUiProps & React.ComponentPropsWithRef<"button">;

package/Buttons/ButtonComposite.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { IconBaseProps, IconType } from "@react-icons/all-files/lib";
-import { KoineComponentProps, KoineComponent } from "../types";
-import { KoineButtonProps } from "./Button";
-import { ButtonLinkProps } from "./ButtonLink";
-export declare type KoineButtonCompositeProps = KoineButtonProps & Omit<ButtonLinkProps, "Koine"> & {
-    Icon?: IconType | React.ElementType;
-    iconProps?: IconBaseProps;
-    textMain?: string;
-    textSub?: string;
-    text?: string;
-    textReverse?: boolean;
-};
-export declare type ButtonCompositeStyledProps = {
-    $twoLines?: boolean;
-    $reverse?: boolean;
-    $icon?: boolean;
-};
-export declare type ButtonCompositeProps = KoineComponentProps<KoineButtonCompositeProps, {
-    Button?: KoineComponent;
-    ButtonLink?: KoineComponent;
-}>;
-export declare const KoineButtonComposite: ({ Icon, iconProps, textMain, textSub, textReverse, text, Koine, ...props }: ButtonCompositeProps) => JSX.Element;

package/Buttons/ButtonFab.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { IconButtonProps } from "./IconButton";
-export declare const buttonFab: import("styled-components").FlattenSimpleInterpolation;
-export declare const IconButtonFab: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, import("./Button").KoineButtonUiProps & {
-    disabled?: boolean | undefined;
-}, never>;
-export declare type IconButtonFabProps = IconButtonProps & React.ComponentPropsWithRef<"button">;

package/Buttons/ButtonLink.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { KoineComponentProps, KoineComponent } from "../types";
-import { KoineLinkProps } from "../Link";
-import { KoineButtonUiProps } from "./Button";
-export declare type KoineButtonLinkProps = KoineButtonUiProps & KoineLinkProps;
-export declare type ButtonLinkProps = KoineComponentProps<KoineButtonLinkProps, {
-    Link?: KoineComponent;
-}>;
-export declare const KoineButtonLink: React.FC<ButtonLinkProps>;

package/Buttons/IconButton.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { KoineButtonUiProps } from "./Button";
-export declare const iconBtnStyleReset: import("styled-components").FlattenSimpleInterpolation;
-export declare const iconBtnStyleBase: import("styled-components").FlattenSimpleInterpolation;
-export declare const IconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, KoineButtonUiProps & {
-    disabled?: boolean | undefined;
-}, never>;
-export declare type IconButtonUiProps = KoineButtonUiProps & {
-    disabled?: boolean;
-};
-export declare type IconButtonProps = IconButtonUiProps & React.ComponentPropsWithRef<"button">;

package/Buttons/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./Button";
-export * from "./ButtonComposite";
-export * from "./ButtonFab";
-export * from "./ButtonLink";
-export * from "./IconButton";

package/Calendar/CalendarDaygridCell.d.ts

@@ -1,36 +0,0 @@
-/// <reference types="react" />
-import type { KoineComponentProps, KoineComponent } from "../types";
-import type { CalendarsMap, CalendarView, CalendarViewEvent, CalendarViewDayProps } from "./types";
-import { UseCalendarReturn } from "./useCalendar";
-export declare type KoineCalendarDaygridCellProps = {
-    eventClicked?: UseCalendarReturn["eventClicked"];
-    setEventClicked: UseCalendarReturn["setEventClicked"];
-    eventHovered?: UseCalendarReturn["eventHovered"];
-    setEventHovered: UseCalendarReturn["setEventHovered"];
-    view: CalendarView;
-    maxEvents: number;
-    events: CalendarViewEvent[];
-    calendarsMap: CalendarsMap;
-};
-export declare type CalendarDaygridCellStyledProps = CalendarViewDayProps & {
-    $view: CalendarView;
-    $selected?: boolean;
-    $past?: boolean;
-    $color: string;
-};
-export declare type CalendarDaygridCellEventProps = React.ComponentPropsWithoutRef<"div"> & ((CalendarDaygridCellStyledProps & {
-    $placeholder?: false;
-}) | {
-    $placeholder: true;
-});
-export declare type CalendarDaygridCellEventBtnProps = CalendarDaygridCellEventProps;
-export declare type CalendarDaygridCellComponents = {
-    Cell?: KoineComponent;
-    CellOverflow?: KoineComponent;
-    CellEvent?: KoineComponent<CalendarDaygridCellEventProps>;
-    CellEventBtn?: KoineComponent<CalendarDaygridCellEventBtnProps>;
-    CellEventTitle?: KoineComponent;
-    CellEventStart?: KoineComponent;
-};
-export declare type CalendarDaygridCellProps = KoineComponentProps<KoineCalendarDaygridCellProps, CalendarDaygridCellComponents>;
-export declare const CalendarDaygridCell: ({ eventClicked, setEventClicked, setEventHovered, view, maxEvents, events, calendarsMap, Koine, }: CalendarDaygridCellProps) => JSX.Element;

package/Calendar/CalendarDaygridNav.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import type { KoineComponentProps, KoineComponent } from "../types";
-import type { CalendarRange, CalendarView } from "./types";
-export declare type KoineCalendarDaygridNavProps = {
-    locale: string;
-    range: CalendarRange;
-    view: CalendarView;
-    todayInView?: boolean;
-    handlePrev: () => any;
-    handleNext: () => any;
-    handleToday: () => any;
-    handleView: (view: CalendarView) => any;
-};
-export declare type CalendarDaygridNavTitleProps = {
-    range: CalendarRange;
-    formatted: string;
-};
-export declare type CalendarDaygridNavProps = KoineComponentProps<KoineCalendarDaygridNavProps, {
-    NavRoot?: KoineComponent;
-    NavTitle?: KoineComponent<CalendarDaygridNavTitleProps>;
-    NavBtns?: KoineComponent;
-    NavBtnPrev?: KoineComponent;
-    NavBtnNext?: KoineComponent;
-    NavBtnToday?: KoineComponent;
-    NavBtnViewMonth?: KoineComponent;
-    NavBtnViewWeek?: KoineComponent;
-}>;
-export declare const KoineCalendarDaygridNav: ({ range, view, todayInView, handlePrev, handleNext, handleToday, handleView, locale: localeCode, Koine, }: CalendarDaygridNavProps) => JSX.Element;

package/Calendar/CalendarDaygridTable.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import type { KoineComponentProps, KoineComponent } from "../types";
-import type { CalendarRange, CalendarEventsMap, CalendarView, CalendarViewDayProps } from "./types";
-import { CalendarDaygridCellProps, CalendarDaygridCellComponents } from "./CalendarDaygridCell";
-export declare type CalendarDaygridTableBodyCellProps = CalendarViewDayProps;
-export declare type CalendarDaygridTableBodyCellDateProps = CalendarViewDayProps;
-export declare type KoineCalendarDaygridTableProps = {
-    maxEvents?: CalendarDaygridCellProps["maxEvents"];
-    locale: string;
-    events: CalendarEventsMap;
-    handlePrev: () => any;
-    handleNext: () => any;
-    view: CalendarView;
-    range: CalendarRange;
-    dayLabels?: string[];
-} & Pick<CalendarDaygridCellProps, "eventClicked" | "setEventClicked" | "eventHovered" | "setEventHovered" | "calendarsMap">;
-export declare type CalendarDaygridTableProps = KoineComponentProps<KoineCalendarDaygridTableProps, {
-    Table?: KoineComponent;
-    TableHead?: KoineComponent;
-    TableHeadCell?: KoineComponent;
-    TableBody?: KoineComponent;
-    TableBodyCell?: KoineComponent<CalendarDaygridTableBodyCellProps>;
-    TableBodyCellDate?: KoineComponent<CalendarDaygridTableBodyCellDateProps>;
-    TableBodyRow?: KoineComponent;
-} & CalendarDaygridCellComponents>;
-export declare const KoineCalendarDaygridTable: ({ locale: localeCode, handlePrev, handleNext, events, dayLabels, view, range, eventClicked, setEventClicked, eventHovered, setEventHovered, calendarsMap, maxEvents, Koine, }: CalendarDaygridTableProps) => JSX.Element;

package/Calendar/CalendarLegend.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import type { CalendarsMap } from "./types";
-import type { KoineComponentProps, KoineComponent } from "../types";
-export declare type KoineCalendarLegendProps = {
-    toggleCalendarVisibility: (id: string) => void;
-    calendarsMap: CalendarsMap;
-};
-export declare type CalendarLegendItemProps = React.ComponentPropsWithoutRef<"div"> & {
-    $color: string;
-    $empty: boolean;
-    disabled: boolean;
-};
-export declare type CalendarLegendProps = KoineComponentProps<KoineCalendarLegendProps, {
-    LegendItem?: KoineComponent<CalendarLegendItemProps>;
-    LegendItemStatus?: KoineComponent;
-    LegendItemLabel?: KoineComponent;
-    LegendItemEvents?: KoineComponent;
-}>;
-export declare const KoineCalendarLegend: ({ calendarsMap, toggleCalendarVisibility, Koine, }: CalendarLegendProps) => JSX.Element;

package/Calendar/calendar-api-google.d.ts

@@ -1,18 +0,0 @@
-import type { Calendars, CalendarEventsMap } from "./types";
-declare type GetCalendarsEventsFromGoogleOptions = {
-    /** Fall back to `process.env.GOOGLE_CALENDAR_API_KEY */
-    apiKey?: string;
-    /** Start gethering events from date */
-    start: Date;
-    /** End gethering events at date */
-    end: Date;
-    /**
-     * The default is the time zone of the calendar
-     * @see https://developers.google.com/calendar/api/v3/reference/events/list
-     */
-    timeZone?: string;
-    /** The calendars settings */
-    calendars: Calendars;
-};
-export declare function getCalendarsEventsFromGoogle({ calendars, ...options }: GetCalendarsEventsFromGoogleOptions): Promise<CalendarEventsMap>;
-export {};

package/Calendar/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./CalendarDaygridCell";
-export * from "./CalendarDaygridNav";
-export * from "./CalendarDaygridTable";
-export * from "./CalendarLegend";
-export * from "./useCalendar";
-export * from "./types";

package/Calendar/types.d.ts

@@ -1,81 +0,0 @@
-export declare type Calendar = {
-    id: string;
-    color: string;
-    /**
-     * If not defined the name is gathered from the remote calendar response,
-     * for google calendars that comes from the `summary` value.
-     */
-    name?: string;
-};
-export declare type Calendars = Calendar[];
-export declare type CalendarsMap = Record<Calendar["id"], Required<Calendar> & {
-    on?: boolean;
-    events?: number;
-}>;
-export declare type CalendarRange = [Date, Date];
-export declare type CalendarView = "month" | "week";
-export declare type CalendarEvent = {
-    calendar: Calendar;
-    /**
-     * List of day timestamps across which the event spans
-     */
-    days: number[];
-    /**
-     * Lookup object for day timestamps across which the event spans
-     */
-    daysMap: Record<number, 1>;
-    /**
-     * Flag for events that spans across multiple days
-     */
-    multi: boolean;
-    allDay: boolean;
-    link: string;
-    title: string;
-    status: string;
-    created: Date;
-    start: Date;
-    end: Date;
-    color: string;
-    location: string;
-    description: string;
-    uid: string;
-};
-/**
- * Calendar events mapped by day `timestamp` number
- */
-export declare type CalendarEventsByTimestamp = Record<number, CalendarEventsMap>;
-/**
- * Calendar events map by `uid`
- */
-export declare type CalendarEventsMap = Record<CalendarEvent["uid"], CalendarEvent>;
-export declare type CalendarViewWeeks = CalendarViewWeek[];
-export declare type CalendarViewWeek = {
-    props: {
-        key: string;
-    };
-    days: CalendarViewDay[];
-};
-export declare type CalendarViewDay = {
-    props: {
-        key: string;
-    } & CalendarViewDayProps;
-    label: string;
-    timestamp: string;
-    events: CalendarViewEvent[];
-};
-export declare type CalendarViewDayProps = {
-    $isToday?: boolean;
-    $isOutOfRange?: boolean;
-};
-export declare type CalendarViewEvent = {
-    key: string;
-    placeholder: true;
-    top: number;
-} | (CalendarEvent & CalendarViewDayProps & {
-    key: string;
-    placeholder?: false;
-    top: number;
-    width: number;
-    firstOfMulti?: boolean;
-    isPast?: boolean;
-});