@at5/kairo 0.2.1 → 0.2.3

package/dist/index.d.ts

@@ -1,297 +1 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import React, { Dispatch } from 'react';
-
-type ViewMode = "day" | "month" | "year";
-type SelectionMode = "single" | "range" | "multiple";
-interface DateRange {
-    start: Date | null;
-    end: Date | null;
-}
-interface DayCellMeta {
-    date: Date;
-    isCurrentMonth: boolean;
-    isToday: boolean;
-    isSelected: boolean;
-    isDisabled: boolean;
-    isRangeStart: boolean;
-    isRangeEnd: boolean;
-    isInRange: boolean;
-    isHovered: boolean;
-}
-interface MonthItem {
-    value: number;
-    label: string;
-    isSelected: boolean;
-    isDisabled: boolean;
-}
-interface YearItem$1 {
-    value: number;
-    isSelected: boolean;
-    isDisabled: boolean;
-}
-interface WeekDayItem {
-    label: string;
-    ariaLabel: string;
-}
-interface DatePickerSharedProps {
-    locale?: string;
-    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    minDate?: Date;
-    maxDate?: Date;
-    disabled?: boolean | ((date: Date) => boolean);
-    readOnly?: boolean;
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    modal?: boolean;
-    closeOnSelect?: boolean;
-}
-interface DatePickerSingleProps extends DatePickerSharedProps {
-    mode?: "single";
-    value?: Date | null;
-    defaultValue?: Date | null;
-    onValueChange?: (date: Date | null) => void;
-}
-interface DatePickerRangeProps extends DatePickerSharedProps {
-    mode: "range";
-    value?: DateRange;
-    defaultValue?: DateRange;
-    onValueChange?: (range: DateRange) => void;
-}
-interface DatePickerMultipleProps extends DatePickerSharedProps {
-    mode: "multiple";
-    value?: Date[];
-    defaultValue?: Date[];
-    onValueChange?: (dates: Date[]) => void;
-}
-type DatePickerRootProps = DatePickerSingleProps | DatePickerRangeProps | DatePickerMultipleProps;
-interface DatePickerConfig {
-    mode: SelectionMode;
-    locale: string;
-    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    minDate?: Date;
-    maxDate?: Date;
-    disabled?: boolean | ((date: Date) => boolean);
-    readOnly: boolean;
-    closeOnSelect: boolean;
-}
-
-type RootProps = DatePickerRootProps & {
-    children: React.ReactNode;
-};
-declare function Root(props: RootProps): react_jsx_runtime.JSX.Element;
-
-type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement>;
-declare function Label({ children, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
-
-interface InputProps {
-    index?: 0 | 1;
-    segmentLabels?: {
-        month?: string;
-        day?: string;
-        year?: string;
-    };
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare function Input({ index, segmentLabels, className, style }: InputProps): react_jsx_runtime.JSX.Element;
-
-type TriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-haspopup" | "aria-expanded" | "aria-controls">;
-declare function Trigger({ children, onClick, disabled, ...props }: TriggerProps): react_jsx_runtime.JSX.Element;
-
-interface ContentProps extends React.HTMLAttributes<HTMLDivElement> {
-    forceMount?: boolean;
-    side?: "top" | "bottom" | "left" | "right";
-    align?: "start" | "center" | "end";
-    sideOffset?: number;
-    alignOffset?: number;
-    avoidCollisions?: boolean;
-    collisionPadding?: number;
-    portal?: boolean;
-}
-declare function Content({ children, forceMount, side, align, sideOffset, alignOffset, avoidCollisions, collisionPadding, portal, style, onKeyDown, ...props }: ContentProps): react_jsx_runtime.JSX.Element | null;
-
-interface CalendarProps {
-    className?: string;
-}
-declare function Calendar({ className }: CalendarProps): react_jsx_runtime.JSX.Element;
-
-interface ViewProps {
-    view: ViewMode;
-    children: React.ReactNode;
-}
-declare function View({ view, children }: ViewProps): react_jsx_runtime.JSX.Element | null;
-
-type ViewControlProps = React.HTMLAttributes<HTMLDivElement>;
-declare function ViewControl({ children, ...props }: ViewControlProps): react_jsx_runtime.JSX.Element;
-
-type PrevTriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label">;
-declare function PrevTrigger({ children, onClick, ...props }: PrevTriggerProps): react_jsx_runtime.JSX.Element;
-
-type NextTriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label">;
-declare function NextTrigger({ children, onClick, ...props }: NextTriggerProps): react_jsx_runtime.JSX.Element;
-
-type ViewTriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-label">;
-declare function ViewTrigger({ children, onClick, ...props }: ViewTriggerProps): react_jsx_runtime.JSX.Element;
-
-interface WeekDaysProps {
-    format?: "long" | "short" | "narrow";
-    className?: string;
-}
-declare function WeekDays({ format, className }: WeekDaysProps): react_jsx_runtime.JSX.Element;
-
-interface GridProps {
-    children?: (ctx: {
-        weeks: Date[][];
-    }) => React.ReactNode;
-    header?: React.ReactNode;
-    className?: string;
-}
-declare function Grid({ children, header, className }: GridProps): react_jsx_runtime.JSX.Element;
-
-interface DayProps {
-    date: Date;
-    children?: (meta: DayCellMeta) => React.ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare function Day({ date, children, className, style }: DayProps): react_jsx_runtime.JSX.Element;
-
-interface MonthGridProps {
-    children: (ctx: {
-        months: MonthItem[];
-    }) => React.ReactNode;
-    className?: string;
-}
-declare function MonthGrid({ children, className }: MonthGridProps): react_jsx_runtime.JSX.Element;
-
-interface MonthCellProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-selected" | "aria-disabled"> {
-    value: number;
-}
-declare function MonthCell({ value, children, onClick, ...props }: MonthCellProps): react_jsx_runtime.JSX.Element;
-
-interface YearItem {
-    value: number;
-    isSelected: boolean;
-    isDisabled: boolean;
-}
-interface YearGridProps {
-    children: (ctx: {
-        years: YearItem[];
-    }) => React.ReactNode;
-    className?: string;
-}
-declare function YearGrid({ children, className }: YearGridProps): react_jsx_runtime.JSX.Element;
-
-interface YearCellProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "aria-selected" | "aria-disabled"> {
-    value: number;
-}
-declare function YearCell({ value, children, onClick, ...props }: YearCellProps): react_jsx_runtime.JSX.Element;
-
-declare const index_Calendar: typeof Calendar;
-declare const index_Content: typeof Content;
-type index_ContentProps = ContentProps;
-declare const index_Day: typeof Day;
-declare const index_Grid: typeof Grid;
-declare const index_Input: typeof Input;
-declare const index_Label: typeof Label;
-declare const index_MonthCell: typeof MonthCell;
-declare const index_MonthGrid: typeof MonthGrid;
-declare const index_NextTrigger: typeof NextTrigger;
-declare const index_PrevTrigger: typeof PrevTrigger;
-declare const index_Root: typeof Root;
-declare const index_Trigger: typeof Trigger;
-declare const index_View: typeof View;
-declare const index_ViewControl: typeof ViewControl;
-declare const index_ViewTrigger: typeof ViewTrigger;
-declare const index_WeekDays: typeof WeekDays;
-declare const index_YearCell: typeof YearCell;
-declare const index_YearGrid: typeof YearGrid;
-declare namespace index {
-  export { index_Calendar as Calendar, index_Content as Content, type index_ContentProps as ContentProps, index_Day as Day, index_Grid as Grid, index_Input as Input, index_Label as Label, index_MonthCell as MonthCell, index_MonthGrid as MonthGrid, index_NextTrigger as NextTrigger, index_PrevTrigger as PrevTrigger, index_Root as Root, index_Trigger as Trigger, index_View as View, index_ViewControl as ViewControl, index_ViewTrigger as ViewTrigger, index_WeekDays as WeekDays, index_YearCell as YearCell, index_YearGrid as YearGrid };
-}
-
-type OpenSource = "trigger" | "input" | null;
-interface DatePickerState {
-    open: boolean;
-    openSource: OpenSource;
-    view: ViewMode;
-    focusedMonth: number;
-    focusedYear: number;
-    focusedDate: Date | null;
-    selectedDate: Date | null;
-    rangeStart: Date | null;
-    rangeEnd: Date | null;
-    hoverDate: Date | null;
-    selectedDates: Date[];
-    inputValue: string;
-    yearPageStart: number;
-}
-type DatePickerAction = {
-    type: "OPEN";
-    source?: Exclude<OpenSource, null>;
-} | {
-    type: "CLOSE";
-} | {
-    type: "TOGGLE";
-    source?: Exclude<OpenSource, null>;
-} | {
-    type: "SET_VIEW";
-    view: ViewMode;
-} | {
-    type: "NAV_PREV";
-} | {
-    type: "NAV_NEXT";
-} | {
-    type: "NAV_TO_DATE";
-    date: Date;
-} | {
-    type: "FOCUS_DATE";
-    date: Date;
-} | {
-    type: "SELECT_DATE";
-    date: Date;
-} | {
-    type: "ANCHOR_DATE";
-    date: Date;
-} | {
-    type: "EXTEND_RANGE";
-    date: Date;
-} | {
-    type: "TOGGLE_DATE";
-    date: Date;
-} | {
-    type: "HOVER_DATE";
-    date: Date | null;
-} | {
-    type: "SET_INPUT";
-    value: string;
-} | {
-    type: "COMMIT_INPUT";
-} | {
-    type: "SELECT_MONTH";
-    month: number;
-} | {
-    type: "SELECT_YEAR";
-    year: number;
-} | {
-    type: "YEAR_PAGE_PREV";
-} | {
-    type: "YEAR_PAGE_NEXT";
-};
-
-interface DatePickerContextValue {
-    state: DatePickerState;
-    dispatch: Dispatch<DatePickerAction>;
-    config: DatePickerConfig;
-    ids: {
-        root: string;
-        label: string;
-        input: string;
-        trigger: string;
-        content: string;
-    };
-}
-declare function useDatePickerContext(): DatePickerContextValue;
-
-export { index as DatePicker, type DatePickerConfig, type DatePickerMultipleProps, type DatePickerRangeProps, type DatePickerRootProps, type DatePickerSingleProps, type DateRange, type DayCellMeta, type MonthItem, type SelectionMode, type ViewMode, type WeekDayItem, type YearItem$1 as YearItem, useDatePickerContext };
+export * from '@torq-ui/react-date-picker';