@masaraxui/react 1.0.0

package/dist/components/progress-bar/progress-bar.js

@@ -0,0 +1,108 @@
+"use client";
+import { progressBarVariants } from '@masaraxui/styles';
+import React__default, { createContext, useContext } from 'react';
+import { ProgressBar } from 'react-aria-components';
+import { composeTwRenderProps, composeSlotClassName } from '../../utils/compose.js';
+import { jsx } from 'react/jsx-runtime';
+
+const ProgressBarContext = /*#__PURE__*/createContext({});
+
+/* -------------------------------------------------------------------------------------------------
+ * ProgressBar Root
+ * -----------------------------------------------------------------------------------------------*/
+
+const ProgressBarRoot = ({
+  children,
+  className,
+  color,
+  size,
+  ...props
+}) => {
+  const slots = React__default.useMemo(() => progressBarVariants({
+    color,
+    size
+  }), [color, size]);
+  return /*#__PURE__*/jsx(ProgressBar, {
+    "data-slot": "progress-bar",
+    ...props,
+    className: composeTwRenderProps(className, slots.base()),
+    children: values => /*#__PURE__*/jsx(ProgressBarContext, {
+      value: {
+        slots,
+        state: values
+      },
+      children: typeof children === "function" ? children(values) : children
+    })
+  });
+};
+ProgressBarRoot.displayName = "MasaraxUI.ProgressBar";
+
+/* -------------------------------------------------------------------------------------------------
+ * ProgressBar Output
+ * -----------------------------------------------------------------------------------------------*/
+
+const ProgressBarOutput = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots,
+    state
+  } = useContext(ProgressBarContext);
+  return /*#__PURE__*/jsx("span", {
+    className: composeSlotClassName(slots?.output, className),
+    "data-slot": "progress-bar-output",
+    ...props,
+    children: children ?? state?.valueText
+  });
+};
+ProgressBarOutput.displayName = "MasaraxUI.ProgressBar.Output";
+
+/* -------------------------------------------------------------------------------------------------
+ * ProgressBar Track
+ * -----------------------------------------------------------------------------------------------*/
+
+const ProgressBarTrack = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(ProgressBarContext);
+  return /*#__PURE__*/jsx("div", {
+    className: composeSlotClassName(slots?.track, className),
+    "data-slot": "progress-bar-track",
+    ...props,
+    children: children
+  });
+};
+ProgressBarTrack.displayName = "MasaraxUI.ProgressBar.Track";
+
+/* -------------------------------------------------------------------------------------------------
+ * ProgressBar Fill
+ * -----------------------------------------------------------------------------------------------*/
+
+const ProgressBarFill = ({
+  className,
+  style,
+  ...props
+}) => {
+  const {
+    slots,
+    state
+  } = useContext(ProgressBarContext);
+  return /*#__PURE__*/jsx("div", {
+    className: composeSlotClassName(slots?.fill, className),
+    "data-slot": "progress-bar-fill",
+    style: {
+      ...style,
+      width: state?.isIndeterminate ? undefined : `${state?.percentage ?? 0}%`
+    },
+    ...props
+  });
+};
+ProgressBarFill.displayName = "MasaraxUI.ProgressBar.Fill";
+
+export { ProgressBarFill, ProgressBarOutput, ProgressBarRoot, ProgressBarTrack };

package/dist/components/progress-circle/index.d.ts

@@ -0,0 +1,34 @@
+import type { ComponentProps } from "react";
+import { ProgressCircleFillCircle, ProgressCircleRoot, ProgressCircleTrack, ProgressCircleTrackCircle } from "./progress-circle";
+export declare const ProgressCircle: {
+    ({ children, className, color, size, ...props }: import("./progress-circle").ProgressCircleRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    Root: {
+        ({ children, className, color, size, ...props }: import("./progress-circle").ProgressCircleRootProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Track: {
+        ({ children, className, ...props }: import("./progress-circle").ProgressCircleTrackProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    TrackCircle: {
+        ({ className, ...props }: import("./progress-circle").ProgressCircleTrackCircleProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    FillCircle: {
+        ({ className, ...props }: import("./progress-circle").ProgressCircleFillCircleProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export type ProgressCircle = {
+    Props: ComponentProps<typeof ProgressCircleRoot>;
+    RootProps: ComponentProps<typeof ProgressCircleRoot>;
+    TrackProps: ComponentProps<typeof ProgressCircleTrack>;
+    TrackCircleProps: ComponentProps<typeof ProgressCircleTrackCircle>;
+    FillCircleProps: ComponentProps<typeof ProgressCircleFillCircle>;
+};
+export { ProgressCircleRoot, ProgressCircleTrack, ProgressCircleTrackCircle, ProgressCircleFillCircle, };
+export type { ProgressCircleRootProps, ProgressCircleRootProps as ProgressCircleProps, ProgressCircleTrackProps, ProgressCircleTrackCircleProps, ProgressCircleFillCircleProps, } from "./progress-circle";
+export { progressCircleVariants } from "@masaraxui/styles";
+export type { ProgressCircleVariants } from "@masaraxui/styles";

package/dist/components/progress-circle/index.js

@@ -0,0 +1,15 @@
+"use strict";
+import { ProgressCircleRoot, ProgressCircleFillCircle, ProgressCircleTrackCircle, ProgressCircleTrack } from './progress-circle.js';
+export { progressCircleVariants } from '@masaraxui/styles';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const ProgressCircle = Object.assign(ProgressCircleRoot, {
+  Root: ProgressCircleRoot,
+  Track: ProgressCircleTrack,
+  TrackCircle: ProgressCircleTrackCircle,
+  FillCircle: ProgressCircleFillCircle
+});
+
+export { ProgressCircle, ProgressCircleFillCircle, ProgressCircleRoot, ProgressCircleTrack, ProgressCircleTrackCircle };

package/dist/components/progress-circle/progress-circle.d.ts

@@ -0,0 +1,29 @@
+import type { ProgressCircleVariants } from "@masaraxui/styles";
+import type { ComponentPropsWithRef } from "react";
+import { ProgressBar as ProgressBarPrimitive } from "react-aria-components";
+interface ProgressCircleRootProps extends ComponentPropsWithRef<typeof ProgressBarPrimitive>, ProgressCircleVariants {
+}
+declare const ProgressCircleRoot: {
+    ({ children, className, color, size, ...props }: ProgressCircleRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface ProgressCircleTrackProps extends ComponentPropsWithRef<"svg"> {
+}
+declare const ProgressCircleTrack: {
+    ({ children, className, ...props }: ProgressCircleTrackProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface ProgressCircleTrackCircleProps extends ComponentPropsWithRef<"circle"> {
+}
+declare const ProgressCircleTrackCircle: {
+    ({ className, ...props }: ProgressCircleTrackCircleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface ProgressCircleFillCircleProps extends ComponentPropsWithRef<"circle"> {
+}
+declare const ProgressCircleFillCircle: {
+    ({ className, ...props }: ProgressCircleFillCircleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { ProgressCircleRoot, ProgressCircleTrack, ProgressCircleTrackCircle, ProgressCircleFillCircle, };
+export type { ProgressCircleRootProps, ProgressCircleTrackProps, ProgressCircleTrackCircleProps, ProgressCircleFillCircleProps, };

package/dist/components/progress-circle/progress-circle.js

@@ -0,0 +1,126 @@
+"use client";
+import { progressCircleVariants } from '@masaraxui/styles';
+import React__default, { createContext, useContext } from 'react';
+import { ProgressBar } from 'react-aria-components';
+import { composeTwRenderProps, composeSlotClassName } from '../../utils/compose.js';
+import { jsx } from 'react/jsx-runtime';
+
+const STROKE_WIDTH = 4;
+const CENTER = 18;
+const RADIUS = CENTER - STROKE_WIDTH / 2;
+const CIRCUMFERENCE = 2 * Math.PI * RADIUS;
+
+/* -------------------------------------------------------------------------------------------------
+ * ProgressCircle Context
+ * -----------------------------------------------------------------------------------------------*/
+
+const ProgressCircleContext = /*#__PURE__*/createContext({});
+
+/* -------------------------------------------------------------------------------------------------
+ * ProgressCircle Root
+ * -----------------------------------------------------------------------------------------------*/
+
+const ProgressCircleRoot = ({
+  children,
+  className,
+  color,
+  size,
+  ...props
+}) => {
+  const slots = React__default.useMemo(() => progressCircleVariants({
+    color,
+    size
+  }), [color, size]);
+  return /*#__PURE__*/jsx(ProgressBar, {
+    "data-slot": "progress-circle",
+    ...props,
+    className: composeTwRenderProps(className, slots.base()),
+    children: values => /*#__PURE__*/jsx(ProgressCircleContext, {
+      value: {
+        slots,
+        state: values
+      },
+      children: typeof children === "function" ? children(values) : children
+    })
+  });
+};
+ProgressCircleRoot.displayName = "MasaraxUI.ProgressCircle";
+
+/* -------------------------------------------------------------------------------------------------
+ * ProgressCircle Track
+ * -----------------------------------------------------------------------------------------------*/
+
+const ProgressCircleTrack = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(ProgressCircleContext);
+  return /*#__PURE__*/jsx("svg", {
+    className: composeSlotClassName(slots?.track, className),
+    "data-slot": "progress-circle-track",
+    fill: "none",
+    viewBox: `0 0 ${CENTER * 2} ${CENTER * 2}`,
+    ...props,
+    children: children
+  });
+};
+ProgressCircleTrack.displayName = "MasaraxUI.ProgressCircle.Track";
+
+/* -------------------------------------------------------------------------------------------------
+ * ProgressCircle TrackCircle
+ * -----------------------------------------------------------------------------------------------*/
+
+const ProgressCircleTrackCircle = ({
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(ProgressCircleContext);
+  return /*#__PURE__*/jsx("circle", {
+    className: composeSlotClassName(slots?.trackCircle, className),
+    cx: CENTER,
+    cy: CENTER,
+    "data-slot": "progress-circle-track-circle",
+    r: RADIUS,
+    strokeWidth: STROKE_WIDTH,
+    ...props
+  });
+};
+ProgressCircleTrackCircle.displayName = "MasaraxUI.ProgressCircle.TrackCircle";
+
+/* -------------------------------------------------------------------------------------------------
+ * ProgressCircle FillCircle
+ * -----------------------------------------------------------------------------------------------*/
+
+const ProgressCircleFillCircle = ({
+  className,
+  ...props
+}) => {
+  const {
+    slots,
+    state
+  } = useContext(ProgressCircleContext);
+  const percentage = state?.percentage ?? 0;
+  const isIndeterminate = state?.isIndeterminate ?? false;
+  const strokeDashoffset = CIRCUMFERENCE - percentage / 100 * CIRCUMFERENCE;
+  return /*#__PURE__*/jsx("circle", {
+    className: composeSlotClassName(slots?.fillCircle, className),
+    cx: CENTER,
+    cy: CENTER,
+    "data-slot": "progress-circle-fill-circle",
+    r: RADIUS,
+    strokeDasharray: CIRCUMFERENCE,
+    strokeDashoffset: isIndeterminate ? CIRCUMFERENCE * 0.75 : strokeDashoffset,
+    strokeLinecap: "round",
+    strokeWidth: STROKE_WIDTH,
+    transform: `rotate(-90 ${CENTER} ${CENTER})`,
+    ...props
+  });
+};
+ProgressCircleFillCircle.displayName = "MasaraxUI.ProgressCircle.FillCircle";
+
+export { ProgressCircleFillCircle, ProgressCircleRoot, ProgressCircleTrack, ProgressCircleTrackCircle };

package/dist/components/rac/components.d.ts

@@ -0,0 +1 @@
+export { Collection, ListBoxLoadMoreItem, RouterProvider, I18nProvider } from "react-aria-components";

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

@@ -0,0 +1,5 @@
+export { isRTL, useLocale, useFilter, Virtualizer, TableLayout, ListLayout, } from "react-aria-components";
+export { getLocalizationScript } from "react-aria-components/i18n";
+export { Collection, ListBoxLoadMoreItem, RouterProvider, I18nProvider } from "./components";
+export { parseColor } from "./utils";
+export type { Key, Direction, Orientation, PressEvent, PointerType, KeyboardEvent, HoverEvent, Selection, TimeValue, DateValue, DateRange, ValidationResult, RangeValue, RouterConfig, Color, ColorFormat, ColorSpace, ColorChannel, ColorChannelRange, ColorAxes, SortDescriptor, } from "./types";

package/dist/components/rac/index.js

@@ -0,0 +1,3 @@
+"use strict";
+export { Collection, I18nProvider, ListBoxLoadMoreItem, ListLayout, RouterProvider, TableLayout, Virtualizer, isRTL, parseColor, useFilter, useLocale } from 'react-aria-components';
+export { getLocalizationScript } from 'react-aria-components/i18n';

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

@@ -0,0 +1,3 @@
+export type { Key, Direction, Orientation, PressEvent, PointerType, KeyboardEvent, HoverEvent, Selection, RangeValue, ValidationResult, RouterConfig, } from "@react-types/shared";
+export type { TimeValue, DateValue, DateRange, SortDescriptor } from "react-aria-components";
+export type { Color, ColorFormat, ColorSpace, ColorChannel, ColorChannelRange, ColorAxes, } from "@react-types/color";

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

@@ -0,0 +1 @@
+export { parseColor } from "react-aria-components";

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

@@ -0,0 +1,19 @@
+import type { ComponentProps } from "react";
+import { RadioContent, RadioControl, RadioIndicator, RadioRoot } from "./radio";
+export declare const Radio: (({ children, className, ...props }: import("./radio").RadioRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ children, className, ...props }: import("./radio").RadioRootProps) => import("react/jsx-runtime").JSX.Element;
+    Control: ({ children, className, ...props }: import("./radio").RadioControlProps) => import("react/jsx-runtime").JSX.Element;
+    Indicator: ({ children, className, ...props }: import("./radio").RadioIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className, ...props }: import("./radio").RadioContentProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type Radio = {
+    Props: ComponentProps<typeof RadioRoot>;
+    RootProps: ComponentProps<typeof RadioRoot>;
+    ControlProps: ComponentProps<typeof RadioControl>;
+    IndicatorProps: ComponentProps<typeof RadioIndicator>;
+    ContentProps: ComponentProps<typeof RadioContent>;
+};
+export { RadioContent, RadioControl, RadioIndicator, RadioRoot };
+export type { RadioRootProps, RadioRootProps as RadioProps, RadioControlProps, RadioIndicatorProps, RadioContentProps, } from "./radio";
+export { radioVariants } from "@masaraxui/styles";
+export type { RadioVariants } from "@masaraxui/styles";

package/dist/components/radio/index.js

@@ -0,0 +1,15 @@
+"use strict";
+import { RadioRoot, RadioContent, RadioIndicator, RadioControl } from './radio.js';
+export { radioVariants } from '@masaraxui/styles';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const Radio = Object.assign(RadioRoot, {
+  Root: RadioRoot,
+  Control: RadioControl,
+  Indicator: RadioIndicator,
+  Content: RadioContent
+});
+
+export { Radio, RadioContent, RadioControl, RadioIndicator, RadioRoot };

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentPropsWithRef } from "react";
+import type { RadioRenderProps } from "react-aria-components";
+import React from "react";
+import { Radio as RadioPrimitive } from "react-aria-components";
+interface RadioRootProps extends ComponentPropsWithRef<typeof RadioPrimitive> {
+    /** The name of the radio button, used when submitting an HTML form. */
+    name?: string;
+}
+declare const RadioRoot: ({ children, className, ...props }: RadioRootProps) => import("react/jsx-runtime").JSX.Element;
+interface RadioControlProps extends ComponentPropsWithRef<"span"> {
+}
+declare const RadioControl: ({ children, className, ...props }: RadioControlProps) => import("react/jsx-runtime").JSX.Element;
+interface RadioIndicatorProps extends Omit<ComponentPropsWithRef<"span">, "children"> {
+    children?: React.ReactNode | ((props: RadioRenderProps) => React.ReactNode);
+}
+declare const RadioIndicator: ({ children, className, ...props }: RadioIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+interface RadioContentProps extends ComponentPropsWithRef<"div"> {
+}
+declare const RadioContent: ({ children, className, ...props }: RadioContentProps) => import("react/jsx-runtime").JSX.Element;
+export { RadioRoot, RadioControl, RadioIndicator, RadioContent };
+export type { RadioRootProps, RadioControlProps, RadioIndicatorProps, RadioContentProps };

package/dist/components/radio/radio.js

@@ -0,0 +1,97 @@
+"use client";
+import { radioVariants } from '@masaraxui/styles';
+import React__default, { createContext, useContext } from 'react';
+import { Radio } from 'react-aria-components';
+import { composeTwRenderProps, composeSlotClassName } from '../../utils/compose.js';
+import { jsx } from 'react/jsx-runtime';
+
+const RadioContext = /*#__PURE__*/createContext({});
+
+/* -------------------------------------------------------------------------------------------------
+ * Radio Root
+ * -----------------------------------------------------------------------------------------------*/
+
+const RadioRoot = ({
+  children,
+  className,
+  ...props
+}) => {
+  const slots = React__default.useMemo(() => radioVariants(), []);
+  return /*#__PURE__*/jsx(Radio, {
+    "data-slot": "radio",
+    ...props,
+    className: composeTwRenderProps(className, slots.base()),
+    children: values => /*#__PURE__*/jsx(RadioContext, {
+      value: {
+        slots,
+        state: values
+      },
+      children: typeof children === "function" ? children(values) : children
+    })
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Radio Control
+ * -----------------------------------------------------------------------------------------------*/
+
+const RadioControl = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(RadioContext);
+  return /*#__PURE__*/jsx("span", {
+    className: composeSlotClassName(slots?.control, className),
+    "data-slot": "radio-control",
+    ...props,
+    children: children
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Radio Indicator
+ * -----------------------------------------------------------------------------------------------*/
+
+const RadioIndicator = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots,
+    state
+  } = useContext(RadioContext);
+  const content = typeof children === "function" ? children(state ?? {}) : children;
+  return /*#__PURE__*/jsx("span", {
+    "aria-hidden": "true",
+    className: composeSlotClassName(slots?.indicator, className),
+    "data-slot": "radio-indicator",
+    ...props,
+    children: content
+  });
+};
+
+/* -------------------------------------------------------------------------------------------------
+ * Radio Content
+ * -----------------------------------------------------------------------------------------------*/
+
+const RadioContent = ({
+  children,
+  className,
+  ...props
+}) => {
+  const {
+    slots
+  } = useContext(RadioContext);
+  return /*#__PURE__*/jsx("div", {
+    className: composeSlotClassName(slots?.content, className),
+    "data-slot": "radio-content",
+    ...props,
+    children: children
+  });
+};
+
+export { RadioContent, RadioControl, RadioIndicator, RadioRoot };

package/dist/components/radio-group/index.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentProps } from "react";
+import { RadioGroupRoot } from "./radio-group";
+export declare const RadioGroup: (({ children, className, variant, ...props }: import("./radio-group").RadioGroupRootProps) => import("react/jsx-runtime").JSX.Element) & {
+    Root: ({ children, className, variant, ...props }: import("./radio-group").RadioGroupRootProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type RadioGroup = {
+    Props: ComponentProps<typeof RadioGroupRoot>;
+    RootProps: ComponentProps<typeof RadioGroupRoot>;
+};
+export { RadioGroupRoot };
+export type { RadioGroupRootProps, RadioGroupRootProps as RadioGroupProps } from "./radio-group";
+export { radioGroupVariants } from "@masaraxui/styles";
+export type { RadioGroupVariants } from "@masaraxui/styles";

package/dist/components/radio-group/index.js

@@ -0,0 +1,12 @@
+"use strict";
+import { RadioGroupRoot } from './radio-group.js';
+export { radioGroupVariants } from '@masaraxui/styles';
+
+/* -------------------------------------------------------------------------------------------------
+ * Compound Component
+ * -----------------------------------------------------------------------------------------------*/
+const RadioGroup = Object.assign(RadioGroupRoot, {
+  Root: RadioGroupRoot
+});
+
+export { RadioGroup, RadioGroupRoot };

package/dist/components/radio-group/radio-group.d.ts

@@ -0,0 +1,8 @@
+import type { RadioGroupVariants } from "@masaraxui/styles";
+import type { ComponentPropsWithRef } from "react";
+import { RadioGroup as RadioGroupPrimitive } from "react-aria-components";
+interface RadioGroupRootProps extends ComponentPropsWithRef<typeof RadioGroupPrimitive>, RadioGroupVariants {
+}
+declare const RadioGroupRoot: ({ children, className, variant, ...props }: RadioGroupRootProps) => import("react/jsx-runtime").JSX.Element;
+export { RadioGroupRoot };
+export type { RadioGroupRootProps };

package/dist/components/radio-group/radio-group.js

@@ -0,0 +1,27 @@
+"use client";
+import { radioGroupVariants } from '@masaraxui/styles';
+import React__default from 'react';
+import { RadioGroup } from 'react-aria-components';
+import { composeTwRenderProps } from '../../utils/compose.js';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+const RadioGroupRoot = ({
+  children,
+  className,
+  variant,
+  ...props
+}) => {
+  const styles = React__default.useMemo(() => radioGroupVariants({
+    variant
+  }), [variant]);
+  return /*#__PURE__*/jsx(RadioGroup, {
+    "data-slot": "radio-group",
+    ...props,
+    className: composeTwRenderProps(className, styles),
+    children: values => /*#__PURE__*/jsx(Fragment, {
+      children: typeof children === "function" ? children(values) : children
+    })
+  });
+};
+
+export { RadioGroupRoot };

package/dist/components/range-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 { RangeCalendarCell, RangeCalendarCellIndicator, RangeCalendarGrid, RangeCalendarGridBody, RangeCalendarGridHeader, RangeCalendarHeader, RangeCalendarHeaderCell, RangeCalendarHeading, RangeCalendarNavButton, RangeCalendarRoot } from "./range-calendar";
+export declare const RangeCalendar: typeof RangeCalendarRoot & {
+    Root: typeof RangeCalendarRoot;
+    Header: {
+        ({ children, className, ...props }: import("./range-calendar").RangeCalendarHeaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Heading: {
+        ({ className, ...props }: import("./range-calendar").RangeCalendarHeadingProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    NavButton: {
+        ({ children, className, slot, ...props }: import("./range-calendar").RangeCalendarNavButtonProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Grid: {
+        ({ children, className, weekdayStyle, ...props }: import("./range-calendar").RangeCalendarGridProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    GridHeader: {
+        ({ className, ...props }: import("./range-calendar").RangeCalendarGridHeaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    GridBody: {
+        ({ className, ...props }: import("./range-calendar").RangeCalendarGridBodyProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    HeaderCell: {
+        ({ className, ...props }: import("./range-calendar").RangeCalendarHeaderCellProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Cell: {
+        ({ children, className, ...props }: import("./range-calendar").RangeCalendarCellProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    CellIndicator: {
+        ({ className, ...props }: import("./range-calendar").RangeCalendarCellIndicatorProps): 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 RangeCalendar = {
+    Props: ComponentProps<typeof RangeCalendarRoot>;
+    RootProps: ComponentProps<typeof RangeCalendarRoot>;
+    HeaderProps: ComponentProps<typeof RangeCalendarHeader>;
+    HeadingProps: ComponentProps<typeof RangeCalendarHeading>;
+    NavButtonProps: ComponentProps<typeof RangeCalendarNavButton>;
+    GridProps: ComponentProps<typeof RangeCalendarGrid>;
+    GridHeaderProps: ComponentProps<typeof RangeCalendarGridHeader>;
+    GridBodyProps: ComponentProps<typeof RangeCalendarGridBody>;
+    HeaderCellProps: ComponentProps<typeof RangeCalendarHeaderCell>;
+    CellProps: ComponentProps<typeof RangeCalendarCell>;
+    CellIndicatorProps: ComponentProps<typeof RangeCalendarCellIndicator>;
+    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 { RangeCalendarRoot, RangeCalendarHeader, RangeCalendarHeading, RangeCalendarNavButton, RangeCalendarGrid, RangeCalendarGridHeader, RangeCalendarGridBody, RangeCalendarHeaderCell, RangeCalendarCell, RangeCalendarCellIndicator, };
+export type { RangeCalendarRootProps, RangeCalendarRootProps as RangeCalendarProps, RangeCalendarHeaderProps, RangeCalendarHeadingProps, RangeCalendarNavButtonProps, RangeCalendarGridProps, RangeCalendarGridHeaderProps, RangeCalendarGridBodyProps, RangeCalendarHeaderCellProps, RangeCalendarCellProps, RangeCalendarCellIndicatorProps, } from "./range-calendar";
+export { YearPickerContext, YearPickerStateContext, useYearPicker, useYearPickerState, } from "../calendar-year-picker";
+export type { YearPickerContextValue, YearPickerStateContextValue } from "../calendar-year-picker";
+export { rangeCalendarVariants } from "@masaraxui/styles";
+export type { RangeCalendarVariants } from "@masaraxui/styles";