@refraktor/dates 0.0.1

package/build/components/date-picker/date-picker.types.d.ts

@@ -0,0 +1,86 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { RefraktorRadius, RefraktorSize, createClassNamesConfig, createComponentConfig, FactoryPayload } from "@refraktor/core";
+import type { MonthPickerGetHeaderLabel, MonthPickerGetMonthAriaLabel, MonthPickerGetMonthLabel, MonthPickerGetNavigationAriaLabel } from "../month-picker";
+export type DatePickerValue = Date;
+export type DatePickerSize = RefraktorSize;
+export type DatePickerRadius = RefraktorRadius;
+export type DatePickerNavigationDirection = "previous" | "next";
+export type DatePickerOnChange = (value: DatePickerValue) => void;
+export type DatePickerGetDayLabel = (value: Date) => ReactNode;
+export type DatePickerGetDayAriaLabel = (value: Date, selected: boolean) => string;
+export type DatePickerGetWeekdayLabel = (dayOfWeek: number, label: string) => ReactNode;
+export type DatePickerGetHeaderLabel = (month: number, year: number, value: Date) => ReactNode;
+export type DatePickerGetNavigationAriaLabel = (direction: DatePickerNavigationDirection, value: Date) => string;
+export type DatePickerClassNames = {
+    root?: string;
+    header?: string;
+    headerControls?: string;
+    headerControl?: string;
+    headerPreviousControl?: string;
+    headerNextControl?: string;
+    headerLabel?: string;
+    weekdays?: string;
+    weekday?: string;
+    grid?: string;
+    day?: string;
+    dayOutside?: string;
+    dayToday?: string;
+    daySelected?: string;
+    dayDisabled?: string;
+    monthPicker?: string;
+};
+export interface DatePickerProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange" | "value" | "defaultValue"> {
+    /** Active date (controlled). */
+    value?: DatePickerValue;
+    /** Initial active date (uncontrolled). */
+    defaultValue?: DatePickerValue;
+    /** Callback called when active date changes. */
+    onChange?: DatePickerOnChange;
+    /** Minimum selectable date. */
+    minDate?: Date;
+    /** Maximum selectable date. */
+    maxDate?: Date;
+    /** Month picker columns @default `3` */
+    monthPickerColumns?: number;
+    /** Year picker years rendered in one page @default `9` */
+    yearPickerYearsPerPage?: number;
+    /** Year picker columns @default `3` */
+    yearPickerColumns?: number;
+    /** Whether all controls are disabled @default `false` */
+    disabled?: boolean;
+    /** Component size @default `md` */
+    size?: DatePickerSize;
+    /** Border radius @default `default` */
+    radius?: DatePickerRadius;
+    /** Custom weekday label renderer. */
+    getWeekdayLabel?: DatePickerGetWeekdayLabel;
+    /** Custom day label renderer. */
+    getDayLabel?: DatePickerGetDayLabel;
+    /** Custom aria-label generator for day buttons. */
+    getDayAriaLabel?: DatePickerGetDayAriaLabel;
+    /** Custom header label renderer for visible month. */
+    getHeaderLabel?: DatePickerGetHeaderLabel;
+    /** Custom aria-label generator for previous/next controls. */
+    getNavigationAriaLabel?: DatePickerGetNavigationAriaLabel;
+    /** Custom month label renderer in month view. */
+    getMonthLabel?: MonthPickerGetMonthLabel;
+    /** Custom aria-label generator for month buttons in month view. */
+    getMonthAriaLabel?: MonthPickerGetMonthAriaLabel;
+    /** Custom header label renderer in month view. */
+    getMonthHeaderLabel?: MonthPickerGetHeaderLabel;
+    /** Custom aria-label generator for month view navigation controls. */
+    getMonthNavigationAriaLabel?: MonthPickerGetNavigationAriaLabel;
+    /** Used for editing root class name. */
+    className?: string;
+    /** Used for styling different parts of the component. */
+    classNames?: DatePickerClassNames;
+}
+export interface DatePickerFactoryPayload extends FactoryPayload {
+    props: DatePickerProps;
+    ref: HTMLDivElement;
+    compound: {
+        configure: ReturnType<typeof createComponentConfig<DatePickerProps>>;
+        classNames: ReturnType<typeof createClassNamesConfig<DatePickerClassNames>>;
+    };
+}
+//# sourceMappingURL=date-picker.types.d.ts.map

package/build/components/date-picker/date-picker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.types.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.types.ts"],"names":[],"mappings":"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"}

package/build/components/date-picker/date-picker.types.js

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

package/build/components/date-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DatePicker } from "./date-picker";
+export type { DatePickerClassNames, DatePickerGetDayAriaLabel, DatePickerGetDayLabel, DatePickerGetHeaderLabel, DatePickerGetNavigationAriaLabel, DatePickerGetWeekdayLabel, DatePickerNavigationDirection, DatePickerOnChange, DatePickerProps, DatePickerRadius, DatePickerSize, DatePickerValue } from "./date-picker.types";
+//# sourceMappingURL=index.d.ts.map

package/build/components/date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EACR,oBAAoB,EACpB,yBAAyB,EACzB,qBAAqB,EACrB,wBAAwB,EACxB,gCAAgC,EAChC,yBAAyB,EACzB,6BAA6B,EAC7B,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EAClB,MAAM,qBAAqB,CAAC"}

package/build/components/date-picker/index.js

@@ -0,0 +1 @@
+export { default as DatePicker } from "./date-picker";

package/build/components/dates-provider/context.d.ts

@@ -0,0 +1,4 @@
+import type { DatesContextValue } from "./types";
+export declare const DatesContextProvider: import("react").Provider<DatesContextValue | null>;
+export declare const useDatesContext: () => DatesContextValue;
+//# sourceMappingURL=context.d.ts.map

package/build/components/dates-provider/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/dates-provider/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,eAAO,MAAM,oBAAoB,oDAAwB,CAAC;AAE1D,eAAO,MAAM,eAAe,yBAU3B,CAAC"}

package/build/components/dates-provider/context.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+const DatesContext = createContext(null);
+export const DatesContextProvider = DatesContext.Provider;
+export const useDatesContext = () => {
+    const context = useContext(DatesContext);
+    if (context === null) {
+        throw new Error("[@refraktor/dates] DatesProvider was not found in the tree");
+    }
+    return context;
+};

package/build/components/dates-provider/dates-provider.d.ts

@@ -0,0 +1,7 @@
+import type { DatesProviderProps } from "./types";
+export declare const DatesProvider: {
+    ({ children, locale, firstDayOfWeek, weekdayFormat, consistentWeeks }: DatesProviderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default DatesProvider;
+//# sourceMappingURL=dates-provider.d.ts.map

package/build/components/dates-provider/dates-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dates-provider.d.ts","sourceRoot":"","sources":["../../../src/components/dates-provider/dates-provider.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAER,kBAAkB,EAGrB,MAAM,SAAS,CAAC;AAsEjB,eAAO,MAAM,aAAa;2EAMvB,kBAAkB;;CA6CpB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/build/components/dates-provider/dates-provider.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import dayjs from "dayjs";
+import localeData from "dayjs/plugin/localeData";
+import { useCallback, useMemo } from "react";
+import { DatesContextProvider } from "./context";
+dayjs.extend(localeData);
+const DEFAULT_FIRST_DAY_OF_WEEK = 1;
+const DEFAULT_WEEKDAY_FORMAT = "short";
+const DEFAULT_CONSISTENT_WEEKS = true;
+const DEFAULT_LOCALE = "en";
+const normalizeLocale = (locale) => {
+    const normalizedLocale = locale.trim().toLowerCase().replace(/_/g, "-");
+    if (!normalizedLocale) {
+        throw new Error("[@refraktor/dates] Invalid locale. Provide a non-empty locale string.");
+    }
+    return normalizedLocale;
+};
+const assertLocaleIsRegistered = (locale) => {
+    const locales = dayjs.Ls ?? {};
+    if (locales[locale])
+        return;
+    throw new Error(`[@refraktor/dates] Locale "${locale}" is not registered in dayjs. Import it before rendering DatesProvider (example: import "dayjs/locale/${locale}").`);
+};
+const isDayOfWeek = (value) => Number.isInteger(value) && value >= 0 && value <= 6;
+const normalizeFirstDayOfWeek = (value) => {
+    if (!isDayOfWeek(value)) {
+        throw new Error(`[@refraktor/dates] Invalid firstDayOfWeek "${value}". Expected a number between 0 and 6.`);
+    }
+    return value;
+};
+const rotateWeekdays = (weekdays, firstDayOfWeek) => [...weekdays.slice(firstDayOfWeek), ...weekdays.slice(0, firstDayOfWeek)];
+const getWeekdaysByFormat = (locale, format, firstDayOfWeek) => {
+    const localeData = dayjs().locale(locale).localeData();
+    const weekdays = format === "long"
+        ? localeData.weekdays()
+        : format === "narrow"
+            ? localeData.weekdaysMin()
+            : localeData.weekdaysShort();
+    return rotateWeekdays(weekdays, firstDayOfWeek);
+};
+export const DatesProvider = ({ children, locale = DEFAULT_LOCALE, firstDayOfWeek = DEFAULT_FIRST_DAY_OF_WEEK, weekdayFormat = DEFAULT_WEEKDAY_FORMAT, consistentWeeks = DEFAULT_CONSISTENT_WEEKS }) => {
+    const normalizedLocale = normalizeLocale(locale);
+    const normalizedFirstDayOfWeek = normalizeFirstDayOfWeek(firstDayOfWeek);
+    assertLocaleIsRegistered(normalizedLocale);
+    const createDate = useCallback((value) => dayjs(value).locale(normalizedLocale), [normalizedLocale]);
+    const weekdays = useMemo(() => getWeekdaysByFormat(normalizedLocale, weekdayFormat, normalizedFirstDayOfWeek), [normalizedFirstDayOfWeek, normalizedLocale, weekdayFormat]);
+    const contextValue = useMemo(() => ({
+        locale: normalizedLocale,
+        firstDayOfWeek: normalizedFirstDayOfWeek,
+        weekdayFormat,
+        consistentWeeks,
+        weekdays,
+        createDate
+    }), [
+        normalizedLocale,
+        normalizedFirstDayOfWeek,
+        weekdayFormat,
+        consistentWeeks,
+        weekdays,
+        createDate
+    ]);
+    return (_jsx(DatesContextProvider, { value: contextValue, children: children }));
+};
+DatesProvider.displayName = "@refraktor/dates/DatesProvider";
+export default DatesProvider;

package/build/components/dates-provider/index.d.ts

@@ -0,0 +1,5 @@
+export { default as DatesProvider } from "./dates-provider";
+export { useDatesContext } from "./context";
+export { useDates } from "./use-dates";
+export type { CreateDate, DatesContextValue, DatesProviderProps, DayOfWeek, WeekdayFormat } from "./types";
+//# sourceMappingURL=index.d.ts.map

package/build/components/dates-provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dates-provider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EACR,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,EACT,aAAa,EAChB,MAAM,SAAS,CAAC"}

package/build/components/dates-provider/index.js

@@ -0,0 +1,3 @@
+export { default as DatesProvider } from "./dates-provider";
+export { useDatesContext } from "./context";
+export { useDates } from "./use-dates";

package/build/components/dates-provider/types.d.ts

@@ -0,0 +1,26 @@
+import type { ConfigType, Dayjs } from "dayjs";
+import type { ReactNode } from "react";
+export type WeekdayFormat = "narrow" | "short" | "long";
+export type DayOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export type CreateDate = (value?: ConfigType) => Dayjs;
+export type DatesProviderProps = {
+    /** Content wrapped by the dates provider. */
+    children: ReactNode;
+    /** Locale key imported by the user in dayjs. @default `en` */
+    locale?: string;
+    /** First day shown in week headers/grid. @default `1` (Monday) */
+    firstDayOfWeek?: DayOfWeek;
+    /** Weekday label style. @default `short` */
+    weekdayFormat?: WeekdayFormat;
+    /** Keep calendar grid at six rows. @default `true` */
+    consistentWeeks?: boolean;
+};
+export type DatesContextValue = {
+    locale: string;
+    firstDayOfWeek: DayOfWeek;
+    weekdayFormat: WeekdayFormat;
+    consistentWeeks: boolean;
+    weekdays: string[];
+    createDate: CreateDate;
+};
+//# sourceMappingURL=types.d.ts.map

package/build/components/dates-provider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/dates-provider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACxD,MAAM,MAAM,SAAS,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,KAAK,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG;IAC7B,6CAA6C;IAC7C,QAAQ,EAAE,SAAS,CAAC;IAEpB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,kEAAkE;IAClE,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B,4CAA4C;IAC5C,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B,sDAAsD;IACtD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,SAAS,CAAC;IAC1B,aAAa,EAAE,aAAa,CAAC;IAC7B,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,UAAU,EAAE,UAAU,CAAC;CAC1B,CAAC"}

package/build/components/dates-provider/types.js

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

package/build/components/dates-provider/use-dates.d.ts

@@ -0,0 +1,2 @@
+export declare function useDates(): import("./types").DatesContextValue;
+//# sourceMappingURL=use-dates.d.ts.map

package/build/components/dates-provider/use-dates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dates.d.ts","sourceRoot":"","sources":["../../../src/components/dates-provider/use-dates.ts"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,wCAEvB"}

package/build/components/dates-provider/use-dates.js

@@ -0,0 +1,4 @@
+import { useDatesContext } from "./context";
+export function useDates() {
+    return useDatesContext();
+}

package/build/components/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./dates-provider";
+export * from "./date-picker";
+export * from "./date-input";
+export * from "./month-picker";
+export * from "./month-input";
+export * from "./year-picker";
+export * from "./year-input";
+//# sourceMappingURL=index.d.ts.map

package/build/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}

package/build/components/index.js

@@ -0,0 +1,7 @@
+export * from "./dates-provider";
+export * from "./date-picker";
+export * from "./date-input";
+export * from "./month-picker";
+export * from "./month-input";
+export * from "./year-picker";
+export * from "./year-input";

package/build/components/month-input/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MonthInput } from "./month-input";
+export type { MonthInputClassNames, MonthInputFactoryPayload, MonthInputMiddlewares, MonthInputOnChange, MonthInputPositioning, MonthInputProps, MonthInputRadius, MonthInputSize, MonthInputValue, MonthInputValueFormat } from "./month-input.types";
+//# sourceMappingURL=index.d.ts.map

package/build/components/month-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/month-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EACR,oBAAoB,EACpB,wBAAwB,EACxB,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EACrB,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,qBAAqB,EACxB,MAAM,qBAAqB,CAAC"}

package/build/components/month-input/index.js

@@ -0,0 +1 @@
+export { default as MonthInput } from "./month-input";

package/build/components/month-input/month-input.d.ts

@@ -0,0 +1,4 @@
+import { MonthInputFactoryPayload } from "./month-input.types";
+declare const MonthInput: import("@refraktor/core").RefraktorComponent<MonthInputFactoryPayload>;
+export default MonthInput;
+//# sourceMappingURL=month-input.d.ts.map

package/build/components/month-input/month-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-input.d.ts","sourceRoot":"","sources":["../../../src/components/month-input/month-input.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAEH,wBAAwB,EAE3B,MAAM,qBAAqB,CAAC;AA0C7B,QAAA,MAAM,UAAU,wEAyRd,CAAC;AAMH,eAAe,UAAU,CAAC"}

package/build/components/month-input/month-input.js

@@ -0,0 +1,161 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, useUncontrolled } from "@refraktor/utils";
+import { useCallback, useMemo } from "react";
+import { createClassNamesConfig, createComponentConfig, factory, Input, Transition, useClassNames, useProps, useTheme } from "@refraktor/core";
+import { autoUpdate, flip, FloatingFocusManager, FloatingPortal, inline, offset, shift, useDismiss, useFloating, useFocus, useInteractions, useRole } from "@floating-ui/react";
+import { useDates } from "../dates-provider";
+import { MonthPicker } from "../month-picker";
+const DEFAULT_COLUMNS = 3;
+const DEFAULT_YEAR_PICKER_YEARS_PER_PAGE = 9;
+const DEFAULT_YEAR_PICKER_COLUMNS = 3;
+const DEFAULT_VALUE_FORMAT = "MMMM YYYY";
+const defaultProps = {
+    columns: DEFAULT_COLUMNS,
+    yearPickerYearsPerPage: DEFAULT_YEAR_PICKER_YEARS_PER_PAGE,
+    yearPickerColumns: DEFAULT_YEAR_PICKER_COLUMNS,
+    valueFormat: DEFAULT_VALUE_FORMAT,
+    disabled: false,
+    size: "md",
+    radius: "default",
+    positioning: {
+        placement: "bottom-start",
+        offset: 4
+    },
+    middlewares: {
+        flip: true,
+        shift: true
+    },
+    withinPortal: true,
+    closeOnClickOutside: true,
+    closeOnEscape: true
+};
+const isValidDate = (value) => value instanceof Date && !Number.isNaN(value.getTime());
+const normalizeMonthValue = (value) => {
+    if (!isValidDate(value)) {
+        return undefined;
+    }
+    const normalizedValue = new Date(value);
+    normalizedValue.setDate(1);
+    normalizedValue.setHours(0, 0, 0, 0);
+    return normalizedValue;
+};
+const MonthInput = factory((_props, ref) => {
+    const { cx, getRadius } = useTheme();
+    const { createDate } = useDates();
+    const { id, value, defaultValue, onChange, opened, defaultOpened, onOpenedChange, minYear, maxYear, columns, yearPickerYearsPerPage, yearPickerColumns, getMonthLabel, getMonthAriaLabel, getHeaderLabel, getNavigationAriaLabel, valueFormat, disabled, size, radius, positioning, middlewares, withinPortal, closeOnClickOutside, closeOnEscape, transitionProps, inputClassNames, className, classNames, onFocus, onBlur, onClick, onKeyDown, ...inputProps } = useProps("MonthInput", defaultProps, _props);
+    const classes = useClassNames("MonthInput", classNames);
+    const _id = useId(id);
+    const dropdownId = `${_id}-dropdown`;
+    const [selectedMonthState, setSelectedMonth] = useUncontrolled({
+        value,
+        defaultValue,
+        finalValue: undefined,
+        onChange: (nextMonth) => {
+            if (nextMonth !== undefined) {
+                onChange?.(nextMonth);
+            }
+        }
+    });
+    const [isOpenState, setIsOpen] = useUncontrolled({
+        value: opened,
+        defaultValue: defaultOpened,
+        finalValue: false,
+        onChange: onOpenedChange
+    });
+    const isOpen = isOpenState && !disabled;
+    const middleware = useMemo(() => {
+        const middlewareList = [];
+        middlewareList.push(offset(positioning?.offset ?? 4));
+        if (middlewares?.flip ?? true) {
+            middlewareList.push(flip(typeof middlewares?.flip === "boolean"
+                ? undefined
+                : middlewares.flip));
+        }
+        if (middlewares?.shift ?? true) {
+            middlewareList.push(shift(typeof middlewares?.shift === "boolean"
+                ? undefined
+                : middlewares.shift));
+        }
+        if (middlewares?.inline) {
+            middlewareList.push(inline(typeof middlewares.inline === "boolean"
+                ? undefined
+                : middlewares.inline));
+        }
+        return middlewareList;
+    }, [middlewares, positioning?.offset]);
+    const handleOpenChange = useCallback((nextOpen) => {
+        if (disabled && nextOpen) {
+            return;
+        }
+        setIsOpen(nextOpen);
+    }, [disabled, setIsOpen]);
+    const floating = useFloating({
+        placement: positioning?.placement ?? "bottom-start",
+        open: isOpen,
+        onOpenChange: handleOpenChange,
+        middleware,
+        whileElementsMounted: autoUpdate
+    });
+    const focus = useFocus(floating.context, {
+        enabled: !disabled
+    });
+    const dismiss = useDismiss(floating.context, {
+        outsidePress: closeOnClickOutside,
+        escapeKey: closeOnEscape
+    });
+    const role = useRole(floating.context, {
+        role: "dialog"
+    });
+    const { getReferenceProps, getFloatingProps } = useInteractions([
+        focus,
+        dismiss,
+        role
+    ]);
+    const setInputRef = useCallback((node) => {
+        floating.refs.setReference(node);
+        if (typeof ref === "function") {
+            ref(node);
+        }
+        else if (ref) {
+            ref.current = node;
+        }
+    }, [floating.refs, ref]);
+    const handleInputKeyDown = useCallback((event) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented || disabled) {
+            return;
+        }
+        if (event.key === "ArrowDown" ||
+            event.key === "Enter" ||
+            event.key === " ") {
+            event.preventDefault();
+            setIsOpen(true);
+            return;
+        }
+        if (event.key === "Escape") {
+            event.preventDefault();
+            setIsOpen(false);
+        }
+    }, [disabled, onKeyDown, setIsOpen]);
+    const handleMonthChange = useCallback((nextMonth) => {
+        setSelectedMonth(nextMonth);
+        setIsOpen(false);
+    }, [setIsOpen, setSelectedMonth]);
+    const selectedMonth = normalizeMonthValue(selectedMonthState);
+    const inputValue = selectedMonth === undefined ? "" : createDate(selectedMonth).format(valueFormat);
+    const mergedReferenceProps = getReferenceProps({
+        onFocus,
+        onBlur,
+        onClick,
+        onKeyDown: handleInputKeyDown
+    });
+    const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: isOpen, ...transitionProps, children: _jsx("div", { ref: floating.refs.setFloating, id: dropdownId, style: {
+                ...floating.floatingStyles
+            }, className: cx("w-72 z-50 border border-[var(--refraktor-border)] bg-[var(--refraktor-bg)] p-2 text-[var(--refraktor-text)] shadow-md", getRadius(radius), classes.dropdown), ...getFloatingProps(), children: _jsx(MonthPicker, { value: selectedMonth, onChange: handleMonthChange, minYear: minYear, maxYear: maxYear, columns: columns, yearPickerYearsPerPage: yearPickerYearsPerPage, yearPickerColumns: yearPickerColumns, disabled: disabled, size: size, radius: radius, getMonthLabel: getMonthLabel, getMonthAriaLabel: getMonthAriaLabel, getHeaderLabel: getHeaderLabel, getNavigationAriaLabel: getNavigationAriaLabel, className: cx("bg-transparent p-0", classes.monthPicker) }) }) }));
+    const wrappedContent = isOpen ? (_jsx(FloatingFocusManager, { context: floating.context, modal: false, initialFocus: -1, returnFocus: false, children: dropdownContent })) : (dropdownContent);
+    return (_jsxs(_Fragment, { children: [_jsx(Input, { ref: setInputRef, id: _id, readOnly: true, value: inputValue, disabled: disabled, size: size, radius: radius, role: "combobox", "aria-haspopup": "dialog", "aria-expanded": isOpen, "aria-controls": isOpen ? dropdownId : undefined, className: cx(classes.input, className), classNames: inputClassNames, ...inputProps, ...mergedReferenceProps }), withinPortal ? (_jsx(FloatingPortal, { children: wrappedContent })) : (wrappedContent)] }));
+});
+MonthInput.displayName = "@refraktor/dates/MonthInput";
+MonthInput.configure = createComponentConfig();
+MonthInput.classNames = createClassNamesConfig();
+export default MonthInput;

package/build/components/month-input/month-input.types.d.ts

@@ -0,0 +1,85 @@
+import type { FlipOptions, InlineOptions, Placement, ShiftOptions } from "@floating-ui/react";
+import { createClassNamesConfig, createComponentConfig, FactoryPayload, InputFieldClassNames, InputProps, RefraktorRadius, RefraktorSize, TransitionProps } from "@refraktor/core";
+import type { MonthPickerGetHeaderLabel, MonthPickerGetMonthAriaLabel, MonthPickerGetMonthLabel, MonthPickerGetNavigationAriaLabel } from "../month-picker";
+export type MonthInputValue = Date;
+export type MonthInputSize = RefraktorSize;
+export type MonthInputRadius = RefraktorRadius;
+export type MonthInputOnChange = (value: MonthInputValue) => void;
+export type MonthInputValueFormat = string;
+export type MonthInputPositioning = {
+    /** The placement of the dropdown relative to the input @default `bottom-start` */
+    placement?: Placement;
+    /** Offset distance from the input in pixels @default `4` */
+    offset?: number;
+};
+export type MonthInputMiddlewares = {
+    shift?: boolean | ShiftOptions;
+    flip?: boolean | FlipOptions;
+    inline?: boolean | InlineOptions;
+};
+export type MonthInputClassNames = {
+    input?: string;
+    dropdown?: string;
+    monthPicker?: string;
+};
+interface _MonthInputProps {
+    /** Selected month (controlled). */
+    value?: MonthInputValue;
+    /** Initial selected month (uncontrolled). */
+    defaultValue?: MonthInputValue;
+    /** Callback called when selected month changes. */
+    onChange?: MonthInputOnChange;
+    /** Dropdown open state (controlled). */
+    opened?: boolean;
+    /** Initial dropdown open state (uncontrolled). */
+    defaultOpened?: boolean;
+    /** Callback called when dropdown open state changes. */
+    onOpenedChange?: (opened: boolean) => void;
+    /** Minimum selectable year in month and year views. */
+    minYear?: number;
+    /** Maximum selectable year in month and year views. */
+    maxYear?: number;
+    /** Grid columns used by the month list @default `3` */
+    columns?: number;
+    /** Year picker years rendered in one page @default `9` */
+    yearPickerYearsPerPage?: number;
+    /** Year picker columns @default `3` */
+    yearPickerColumns?: number;
+    /** Custom month label renderer. */
+    getMonthLabel?: MonthPickerGetMonthLabel;
+    /** Custom aria-label generator for month buttons. */
+    getMonthAriaLabel?: MonthPickerGetMonthAriaLabel;
+    /** Custom header label renderer for visible year. */
+    getHeaderLabel?: MonthPickerGetHeaderLabel;
+    /** Custom aria-label generator for previous/next controls. */
+    getNavigationAriaLabel?: MonthPickerGetNavigationAriaLabel;
+    /** Dayjs format used to render selected month in the input @default `MMMM YYYY` */
+    valueFormat?: MonthInputValueFormat;
+    /** Positioning settings for the dropdown. */
+    positioning?: MonthInputPositioning;
+    /** Floating middleware settings. */
+    middlewares?: MonthInputMiddlewares;
+    /** Whether to render dropdown in a portal @default `true` */
+    withinPortal?: boolean;
+    /** Whether to close on click outside @default `true` */
+    closeOnClickOutside?: boolean;
+    /** Whether to close on Escape key @default `true` */
+    closeOnEscape?: boolean;
+    /** Transition props for dropdown, uses Transition internally */
+    transitionProps?: Omit<TransitionProps, "children" | "mounted">;
+    /** Used for styling the core Input field parts. */
+    inputClassNames?: InputFieldClassNames;
+    /** Used for styling MonthInput parts. */
+    classNames?: MonthInputClassNames;
+}
+export type MonthInputProps = _MonthInputProps & Omit<InputProps, "value" | "defaultValue" | "onChange" | "readOnly" | "classNames">;
+export interface MonthInputFactoryPayload extends FactoryPayload {
+    props: MonthInputProps;
+    ref: HTMLInputElement;
+    compound: {
+        configure: ReturnType<typeof createComponentConfig<MonthInputProps>>;
+        classNames: ReturnType<typeof createClassNamesConfig<MonthInputClassNames>>;
+    };
+}
+export {};
+//# sourceMappingURL=month-input.types.d.ts.map

package/build/components/month-input/month-input.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-input.types.d.ts","sourceRoot":"","sources":["../../../src/components/month-input/month-input.types.ts"],"names":[],"mappings":"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"}

package/build/components/month-input/month-input.types.js

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

package/build/components/month-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MonthPicker } from "./month-picker";
+export type { MonthPickerClassNames, MonthPickerGetHeaderLabel, MonthPickerGetMonthAriaLabel, MonthPickerGetMonthLabel, MonthPickerGetNavigationAriaLabel, MonthPickerNavigationDirection, MonthPickerOnChange, MonthPickerProps, MonthPickerRadius, MonthPickerSize, MonthPickerValue } from "./month-picker.types";
+//# sourceMappingURL=index.d.ts.map

package/build/components/month-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/month-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EACR,qBAAqB,EACrB,yBAAyB,EACzB,4BAA4B,EAC5B,wBAAwB,EACxB,iCAAiC,EACjC,8BAA8B,EAC9B,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EACnB,MAAM,sBAAsB,CAAC"}

package/build/components/month-picker/index.js

@@ -0,0 +1 @@
+export { default as MonthPicker } from "./month-picker";

package/build/components/month-picker/month-picker.d.ts

@@ -0,0 +1,4 @@
+import { MonthPickerFactoryPayload } from "./month-picker.types";
+declare const MonthPicker: import("@refraktor/core").RefraktorComponent<MonthPickerFactoryPayload>;
+export default MonthPicker;
+//# sourceMappingURL=month-picker.d.ts.map

package/build/components/month-picker/month-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"month-picker.d.ts","sourceRoot":"","sources":["../../../src/components/month-picker/month-picker.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAEH,yBAAyB,EAG5B,MAAM,sBAAsB,CAAC;AAyE9B,QAAA,MAAM,WAAW,yEAoWf,CAAC;AAMH,eAAe,WAAW,CAAC"}