@masaraxui/react 1.0.0

package/dist/components/calendar/calendar.d.ts

@@ -0,0 +1,71 @@
+import type { CalendarVariants } from "@masaraxui/styles";
+import type { ComponentPropsWithRef } from "react";
+import type { DateValue } from "react-aria-components";
+import { Button as ButtonPrimitive, CalendarCell as CalendarCellPrimitive, CalendarGridBody as CalendarGridBodyPrimitive, CalendarGridHeader as CalendarGridHeaderPrimitive, CalendarGrid as CalendarGridPrimitive, CalendarHeaderCell as CalendarHeaderCellPrimitive, Calendar as CalendarPrimitive, Heading as HeadingPrimitive } from "react-aria-components";
+interface CalendarRootProps<T extends DateValue = DateValue> extends ComponentPropsWithRef<typeof CalendarPrimitive<T>>, CalendarVariants {
+    isYearPickerOpen?: boolean;
+    onYearPickerOpenChange?: (isYearPickerOpen: boolean) => void;
+    defaultYearPickerOpen?: boolean;
+}
+declare function CalendarRoot<T extends DateValue = DateValue>({ children, className, defaultYearPickerOpen: defaultYearPickerOpenProp, isYearPickerOpen: isYearPickerOpenProp, maxValue: maxValueProp, minValue: minValueProp, onYearPickerOpenChange: onYearPickerOpenChangeProp, ...rest }: CalendarRootProps<T>): import("react/jsx-runtime").JSX.Element;
+declare namespace CalendarRoot {
+    var displayName: string;
+}
+interface CalendarHeaderProps extends ComponentPropsWithRef<"header"> {
+    className?: string;
+}
+declare const CalendarHeader: {
+    ({ children, className, ...props }: CalendarHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface CalendarHeadingProps extends ComponentPropsWithRef<typeof HeadingPrimitive> {
+}
+declare const CalendarHeading: {
+    ({ className, ...props }: CalendarHeadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface CalendarNavButtonProps extends ComponentPropsWithRef<typeof ButtonPrimitive> {
+    slot?: "previous" | "next";
+}
+declare const CalendarNavButton: {
+    ({ children, className, slot, ...props }: CalendarNavButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface CalendarGridProps extends ComponentPropsWithRef<typeof CalendarGridPrimitive> {
+}
+declare const CalendarGrid: {
+    ({ children, className, weekdayStyle, ...props }: CalendarGridProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface CalendarGridHeaderProps extends ComponentPropsWithRef<typeof CalendarGridHeaderPrimitive> {
+}
+declare const CalendarGridHeader: {
+    ({ className, ...props }: CalendarGridHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface CalendarGridBodyProps extends ComponentPropsWithRef<typeof CalendarGridBodyPrimitive> {
+}
+declare const CalendarGridBody: {
+    ({ className, ...props }: CalendarGridBodyProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface CalendarHeaderCellProps extends ComponentPropsWithRef<typeof CalendarHeaderCellPrimitive> {
+}
+declare const CalendarHeaderCell: {
+    ({ className, ...props }: CalendarHeaderCellProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface CalendarCellProps extends ComponentPropsWithRef<typeof CalendarCellPrimitive> {
+}
+declare const CalendarCell: {
+    ({ children, className, ...props }: CalendarCellProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface CalendarCellIndicatorProps extends ComponentPropsWithRef<"span"> {
+}
+declare const CalendarCellIndicator: {
+    ({ className, ...props }: CalendarCellIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { CalendarRoot, CalendarHeader, CalendarHeading, CalendarNavButton, CalendarGrid, CalendarGridHeader, CalendarGridBody, CalendarHeaderCell, CalendarCell, CalendarCellIndicator, };
+export type { CalendarRootProps, CalendarHeaderProps, CalendarHeadingProps, CalendarNavButtonProps, CalendarGridProps, CalendarGridHeaderProps, CalendarGridBodyProps, CalendarHeaderCellProps, CalendarCellProps, CalendarCellIndicatorProps, };

package/dist/components/calendar/calendar.js

@@ -0,0 +1,283 @@
+"use client";
+import { calendarVariants } from '@masaraxui/styles';
+import { DateFormatter, createCalendar, CalendarDate } from '@internationalized/date';
+import { useControlledState } from '@react-stately/utils';
+import React__default, { createContext, useContext } from 'react';
+import { useLocale, Calendar, CalendarCell as CalendarCell$1, CalendarHeaderCell as CalendarHeaderCell$1, CalendarGridBody as CalendarGridBody$1, CalendarGridHeader as CalendarGridHeader$1, CalendarGrid as CalendarGrid$1, Button, Heading, CalendarStateContext } from 'react-aria-components';
+import { getGregorianYearOffset } from '../../utils/calendar.js';
+import { composeTwRenderProps, composeSlotClassName } from '../../utils/compose.js';
+import { YearPickerContext, YearPickerStateContext } from '../calendar-year-picker/year-picker-context.js';
+import { IconChevronLeft, IconChevronRight } from '../icons.js';
+import { jsx } from 'react/jsx-runtime';
+
+const CalendarContext = /*#__PURE__*/createContext({});
+const CalendarYearPickerStateBridge = ({
+  children
+}) => {
+  const state = React__default.useContext(CalendarStateContext);
+  if (!state) {
+    throw new Error("Calendar year picker state must be used within <Calendar>.");
+  }
+  const yearPickerStateValue = {
+    focusedDate: state.focusedDate,
+    maxValue: state.maxValue,
+    minValue: state.minValue,
+    setFocusedDate: value => state.setFocusedDate(value),
+    timeZone: state.timeZone
+  };
+  return /*#__PURE__*/jsx(YearPickerStateContext, {
+    value: yearPickerStateValue,
+    children: children
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+| * Calendar Root
+| * -----------------------------------------------------------------------------------------------*/
+
+function CalendarRoot({
+  children,
+  className,
+  defaultYearPickerOpen: defaultYearPickerOpenProp = false,
+  isYearPickerOpen: isYearPickerOpenProp,
+  maxValue: maxValueProp,
+  minValue: minValueProp,
+  onYearPickerOpenChange: onYearPickerOpenChangeProp,
+  ...rest
+}) {
+  const {
+    locale
+  } = useLocale();
+  const slots = React__default.useMemo(() => calendarVariants(), []);
+  const calendarRef = React__default.useRef(null);
+  const [isYearPickerOpen, setIsYearPickerOpen] = useControlledState(isYearPickerOpenProp, defaultYearPickerOpenProp, onYearPickerOpenChangeProp);
+  const calendarProp = React__default.useMemo(() => {
+    const calendarIdentifier = new DateFormatter(locale).resolvedOptions().calendar;
+    return createCalendar(calendarIdentifier);
+  }, [locale]);
+  const gregorianYearOffset = React__default.useMemo(() => getGregorianYearOffset(calendarProp.identifier), [calendarProp.identifier]);
+  const minValue = minValueProp ?? new CalendarDate(calendarProp, 1900 + gregorianYearOffset, 1, 1);
+  const maxValue = maxValueProp ?? new CalendarDate(calendarProp, 2099 + gregorianYearOffset, 12, 31);
+  return /*#__PURE__*/jsx(YearPickerContext, {
+    value: {
+      calendarGridSlot: "calendar-grid",
+      isYearPickerOpen,
+      setIsYearPickerOpen,
+      calendarRef
+    },
+    children: /*#__PURE__*/jsx(CalendarContext, {
+      value: {
+        slots
+      },
+      children: /*#__PURE__*/jsx(Calendar, {
+        ref: calendarRef,
+        "data-slot": "calendar",
+        maxValue: maxValue,
+        minValue: minValue,
+        ...rest,
+        className: composeTwRenderProps(className, slots.base()),
+        children: values => /*#__PURE__*/jsx(CalendarYearPickerStateBridge, {
+          children: typeof children === "function" ? children(values) : children
+        })
+      })
+    })
+  });
+}
+CalendarRoot.displayName = "MasaraxUI.Calendar";
+
+/* -------------------------------------------------------------------------------------------------
+| * Calendar Header
+| * -----------------------------------------------------------------------------------------------*/
+
+const CalendarHeader = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(CalendarContext);
+  return /*#__PURE__*/jsx("header", {
+    className: composeSlotClassName(slots?.header, className),
+    "data-slot": "calendar-header",
+    ...props,
+    children: children
+  });
+};
+CalendarHeader.displayName = "MasaraxUI.Calendar.Header";
+
+/* -------------------------------------------------------------------------------------------------
+| * Calendar Heading
+| * -----------------------------------------------------------------------------------------------*/
+
+const CalendarHeading = ({
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(CalendarContext);
+  return /*#__PURE__*/jsx(Heading, {
+    "data-slot": "calendar-heading",
+    ...props,
+    className: composeSlotClassName(slots?.heading, className)
+  });
+};
+CalendarHeading.displayName = "MasaraxUI.Calendar.Heading";
+
+/* -------------------------------------------------------------------------------------------------
+| * Calendar Nav Button
+| * -----------------------------------------------------------------------------------------------*/
+
+const CalendarNavButton = ({
+  children,
+  className,
+  slot,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(CalendarContext);
+  return /*#__PURE__*/jsx(Button, {
+    "data-slot": "calendar-nav-button",
+    slot: slot,
+    ...props,
+    className: composeTwRenderProps(className, slots?.navButton()),
+    children: children || (slot === "previous" ? /*#__PURE__*/jsx(IconChevronLeft, {
+      className: slots?.navButtonIcon(),
+      "data-slot": "calendar-nav-button-icon"
+    }) : /*#__PURE__*/jsx(IconChevronRight, {
+      className: slots?.navButtonIcon(),
+      "data-slot": "calendar-nav-button-icon"
+    }))
+  });
+};
+CalendarNavButton.displayName = "MasaraxUI.Calendar.NavButton";
+
+/* -------------------------------------------------------------------------------------------------
+| * Calendar Grid
+| * -----------------------------------------------------------------------------------------------*/
+
+const CalendarGrid = ({
+  children,
+  className,
+  weekdayStyle = "short",
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(CalendarContext);
+  return /*#__PURE__*/jsx(CalendarGrid$1, {
+    "data-slot": "calendar-grid",
+    weekdayStyle: weekdayStyle,
+    ...props,
+    className: composeSlotClassName(slots?.grid, className),
+    children: children
+  });
+};
+CalendarGrid.displayName = "MasaraxUI.Calendar.Grid";
+
+/* -------------------------------------------------------------------------------------------------
+| * Calendar Grid Header
+| * -----------------------------------------------------------------------------------------------*/
+
+const CalendarGridHeader = ({
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(CalendarContext);
+  return /*#__PURE__*/jsx(CalendarGridHeader$1, {
+    "data-slot": "calendar-grid-header",
+    ...props,
+    className: composeSlotClassName(slots?.gridHeader, className)
+  });
+};
+CalendarGridHeader.displayName = "MasaraxUI.Calendar.GridHeader";
+
+/* -------------------------------------------------------------------------------------------------
+| * Calendar Grid Body
+| * -----------------------------------------------------------------------------------------------*/
+
+const CalendarGridBody = ({
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(CalendarContext);
+  return /*#__PURE__*/jsx(CalendarGridBody$1, {
+    "data-slot": "calendar-grid-body",
+    ...props,
+    className: composeSlotClassName(slots?.gridBody, className)
+  });
+};
+CalendarGridBody.displayName = "MasaraxUI.Calendar.GridBody";
+
+/* -------------------------------------------------------------------------------------------------
+| * Calendar Header Cell
+| * -----------------------------------------------------------------------------------------------*/
+
+const CalendarHeaderCell = ({
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(CalendarContext);
+  return /*#__PURE__*/jsx(CalendarHeaderCell$1, {
+    "data-slot": "calendar-header-cell",
+    ...props,
+    className: composeSlotClassName(slots?.headerCell, className)
+  });
+};
+CalendarHeaderCell.displayName = "MasaraxUI.Calendar.HeaderCell";
+
+/* -------------------------------------------------------------------------------------------------
+| * Calendar Cell
+| * -----------------------------------------------------------------------------------------------*/
+
+const CalendarCell = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(CalendarContext);
+  return /*#__PURE__*/jsx(CalendarCell$1, {
+    "data-slot": "calendar-cell",
+    ...props,
+    className: composeTwRenderProps(className, slots?.cell()),
+    children: values => {
+      const {
+        formattedDate
+      } = values;
+      return typeof children === "function" ? children(values) : children || formattedDate;
+    }
+  });
+};
+CalendarCell.displayName = "MasaraxUI.Calendar.Cell";
+
+/* -------------------------------------------------------------------------------------------------
+| * Calendar Cell Indicator
+| * -----------------------------------------------------------------------------------------------*/
+
+const CalendarCellIndicator = ({
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(CalendarContext);
+  return /*#__PURE__*/jsx("span", {
+    "aria-hidden": "true",
+    className: composeSlotClassName(slots?.cellIndicator, className),
+    "data-slot": "calendar-cell-indicator",
+    ...props
+  });
+};
+CalendarCellIndicator.displayName = "MasaraxUI.Calendar.CellIndicator";
+
+export { CalendarCell, CalendarCellIndicator, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeader, CalendarHeaderCell, CalendarHeading, CalendarNavButton, CalendarRoot };

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

@@ -0,0 +1,91 @@
+import type { ComponentProps } from "react";
+import { CalendarYearPickerCell, CalendarYearPickerGrid, CalendarYearPickerGridBody, CalendarYearPickerTrigger, CalendarYearPickerTriggerHeading, CalendarYearPickerTriggerIndicator } from "../calendar-year-picker";
+import { CalendarCell, CalendarCellIndicator, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeader, CalendarHeaderCell, CalendarHeading, CalendarNavButton, CalendarRoot } from "./calendar";
+export declare const Calendar: typeof CalendarRoot & {
+    Root: typeof CalendarRoot;
+    Header: {
+        ({ children, className, ...props }: import("./calendar").CalendarHeaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Heading: {
+        ({ className, ...props }: import("./calendar").CalendarHeadingProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    NavButton: {
+        ({ children, className, slot, ...props }: import("./calendar").CalendarNavButtonProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Grid: {
+        ({ children, className, weekdayStyle, ...props }: import("./calendar").CalendarGridProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    GridHeader: {
+        ({ className, ...props }: import("./calendar").CalendarGridHeaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    GridBody: {
+        ({ className, ...props }: import("./calendar").CalendarGridBodyProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    HeaderCell: {
+        ({ className, ...props }: import("./calendar").CalendarHeaderCellProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Cell: {
+        ({ children, className, ...props }: import("./calendar").CalendarCellProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    CellIndicator: {
+        ({ className, ...props }: import("./calendar").CalendarCellIndicatorProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    YearPickerTrigger: {
+        ({ children, className, onKeyDown, onPress, ...props }: import("..").CalendarYearPickerTriggerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    YearPickerTriggerHeading: {
+        ({ children, className, ...props }: import("..").CalendarYearPickerTriggerHeadingProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    YearPickerTriggerIndicator: {
+        ({ children, className, ...props }: import("..").CalendarYearPickerTriggerIndicatorProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    YearPickerGrid: {
+        ({ children, className, onKeyDown, ...props }: import("..").CalendarYearPickerGridProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    YearPickerGridBody: {
+        ({ children }: import("..").CalendarYearPickerGridBodyProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    YearPickerCell: {
+        ({ children, className, excludeFromTabOrder, onFocus, onPress, year, ...props }: import("..").CalendarYearPickerCellProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export type Calendar = {
+    Props: ComponentProps<typeof CalendarRoot>;
+    RootProps: ComponentProps<typeof CalendarRoot>;
+    HeaderProps: ComponentProps<typeof CalendarHeader>;
+    HeadingProps: ComponentProps<typeof CalendarHeading>;
+    NavButtonProps: ComponentProps<typeof CalendarNavButton>;
+    GridProps: ComponentProps<typeof CalendarGrid>;
+    GridHeaderProps: ComponentProps<typeof CalendarGridHeader>;
+    GridBodyProps: ComponentProps<typeof CalendarGridBody>;
+    HeaderCellProps: ComponentProps<typeof CalendarHeaderCell>;
+    CellProps: ComponentProps<typeof CalendarCell>;
+    CellIndicatorProps: ComponentProps<typeof CalendarCellIndicator>;
+    YearPickerTriggerProps: ComponentProps<typeof CalendarYearPickerTrigger>;
+    YearPickerTriggerHeadingProps: ComponentProps<typeof CalendarYearPickerTriggerHeading>;
+    YearPickerTriggerIndicatorProps: ComponentProps<typeof CalendarYearPickerTriggerIndicator>;
+    YearPickerGridProps: ComponentProps<typeof CalendarYearPickerGrid>;
+    YearPickerGridBodyProps: ComponentProps<typeof CalendarYearPickerGridBody>;
+    YearPickerCellProps: ComponentProps<typeof CalendarYearPickerCell>;
+};
+export { CalendarRoot, CalendarHeader, CalendarHeading, CalendarNavButton, CalendarGrid, CalendarGridHeader, CalendarGridBody, CalendarHeaderCell, CalendarCell, CalendarCellIndicator, };
+export type { CalendarRootProps, CalendarRootProps as CalendarProps, CalendarHeaderProps, CalendarHeadingProps, CalendarNavButtonProps, CalendarGridProps, CalendarGridHeaderProps, CalendarGridBodyProps, CalendarHeaderCellProps, CalendarCellProps, CalendarCellIndicatorProps, } from "./calendar";
+export { YearPickerContext, YearPickerStateContext, useYearPicker, useYearPickerState, } from "../calendar-year-picker";
+export type { YearPickerContextValue, YearPickerStateContextValue } from "../calendar-year-picker";
+export { calendarVariants } from "@masaraxui/styles";
+export type { CalendarVariants } from "@masaraxui/styles";

package/dist/components/calendar/index.js

@@ -0,0 +1,29 @@
+"use strict";
+import { CalendarYearPickerCell, CalendarYearPickerGridBody, CalendarYearPickerGrid, CalendarYearPickerTriggerIndicator, CalendarYearPickerTriggerHeading, CalendarYearPickerTrigger } from '../calendar-year-picker/calendar-year-picker.js';
+export { YearPickerContext, YearPickerStateContext, useYearPicker, useYearPickerState } from '../calendar-year-picker/year-picker-context.js';
+export { calendarVariants } from '@masaraxui/styles';
+import { CalendarRoot, CalendarCellIndicator, CalendarCell, CalendarHeaderCell, CalendarGridBody, CalendarGridHeader, CalendarGrid, CalendarNavButton, CalendarHeading, CalendarHeader } from './calendar.js';
+
+/* -------------------------------------------------------------------------------------------------
+| * Compound Component
+| * -----------------------------------------------------------------------------------------------*/
+const Calendar = Object.assign(CalendarRoot, {
+  Root: CalendarRoot,
+  Header: CalendarHeader,
+  Heading: CalendarHeading,
+  NavButton: CalendarNavButton,
+  Grid: CalendarGrid,
+  GridHeader: CalendarGridHeader,
+  GridBody: CalendarGridBody,
+  HeaderCell: CalendarHeaderCell,
+  Cell: CalendarCell,
+  CellIndicator: CalendarCellIndicator,
+  YearPickerTrigger: CalendarYearPickerTrigger,
+  YearPickerTriggerHeading: CalendarYearPickerTriggerHeading,
+  YearPickerTriggerIndicator: CalendarYearPickerTriggerIndicator,
+  YearPickerGrid: CalendarYearPickerGrid,
+  YearPickerGridBody: CalendarYearPickerGridBody,
+  YearPickerCell: CalendarYearPickerCell
+});
+
+export { Calendar, CalendarCell, CalendarCellIndicator, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeader, CalendarHeaderCell, CalendarHeading, CalendarNavButton, CalendarRoot };

package/dist/components/calendar-year-picker/calendar-year-picker.d.ts

@@ -0,0 +1,61 @@
+import type { CalendarYearPickerVariants } from "@masaraxui/styles";
+import type { ComponentPropsWithRef } from "react";
+import React from "react";
+import { Button as ButtonPrimitive } from "react-aria-components";
+interface CalendarYearPickerTriggerProps extends Omit<ComponentPropsWithRef<typeof ButtonPrimitive>, "children">, CalendarYearPickerVariants {
+    children: React.ReactNode | ((values: CalendarYearPickerTriggerRenderProps) => React.ReactNode);
+}
+interface CalendarYearPickerTriggerRenderProps {
+    isOpen: boolean;
+    monthYear: string;
+    toggle: () => void;
+}
+interface CalendarYearPickerTriggerHeadingProps extends Omit<ComponentPropsWithRef<"span">, "children">, CalendarYearPickerVariants {
+    children?: React.ReactNode | ((values: CalendarYearPickerTriggerRenderProps) => React.ReactNode);
+}
+interface CalendarYearPickerTriggerIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children">, CalendarYearPickerVariants {
+    children?: React.ReactNode | ((values: CalendarYearPickerTriggerRenderProps) => React.ReactNode);
+}
+declare const CalendarYearPickerTrigger: {
+    ({ children, className, onKeyDown, onPress, ...props }: CalendarYearPickerTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const CalendarYearPickerTriggerHeading: {
+    ({ children, className, ...props }: CalendarYearPickerTriggerHeadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const CalendarYearPickerTriggerIndicator: {
+    ({ children, className, ...props }: CalendarYearPickerTriggerIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface CalendarYearPickerGridProps extends ComponentPropsWithRef<"div">, CalendarYearPickerVariants {
+}
+interface CalendarYearPickerCellRenderProps {
+    year: number;
+    formattedYear: string;
+    isSelected: boolean;
+    isCurrentYear: boolean;
+    isOpen: boolean;
+    selectYear: () => void;
+}
+interface CalendarYearPickerGridBodyProps {
+    children?: (values: CalendarYearPickerCellRenderProps) => React.ReactNode;
+}
+interface CalendarYearPickerCellProps extends Omit<ComponentPropsWithRef<typeof ButtonPrimitive>, "children">, CalendarYearPickerVariants {
+    year: number;
+    children?: React.ReactNode | ((values: CalendarYearPickerCellRenderProps) => React.ReactNode);
+}
+declare const CalendarYearPickerGrid: {
+    ({ children, className, onKeyDown, ...props }: CalendarYearPickerGridProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const CalendarYearPickerGridBody: {
+    ({ children }: CalendarYearPickerGridBodyProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const CalendarYearPickerCell: {
+    ({ children, className, excludeFromTabOrder, onFocus, onPress, year, ...props }: CalendarYearPickerCellProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { CalendarYearPickerTrigger, CalendarYearPickerTriggerHeading, CalendarYearPickerTriggerIndicator, CalendarYearPickerGrid, CalendarYearPickerGridBody, CalendarYearPickerCell, };
+export type { CalendarYearPickerTriggerProps, CalendarYearPickerTriggerHeadingProps, CalendarYearPickerTriggerIndicatorProps, CalendarYearPickerTriggerRenderProps, CalendarYearPickerGridProps, CalendarYearPickerGridBodyProps, CalendarYearPickerCellProps, CalendarYearPickerCellRenderProps, };