@refraktor/dates 0.0.1 → 0.0.3

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
 $ tsc && tailwindcss -i src/style.css -o build/style.css --minify
 ≈ tailwindcss v4.1.18
 
-Done in 52ms
+Done in 87ms

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

@@ -1 +1 @@
-{"version":3,"file":"date-input.d.ts","sourceRoot":"","sources":["../../../src/components/date-input/date-input.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAEH,uBAAuB,EAE1B,MAAM,oBAAoB,CAAC;AAyC5B,QAAA,MAAM,SAAS,uEAuSb,CAAC;AAMH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"date-input.d.ts","sourceRoot":"","sources":["../../../src/components/date-input/date-input.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAEH,uBAAuB,EAE1B,MAAM,oBAAoB,CAAC;AAyC5B,QAAA,MAAM,SAAS,uEA0Sb,CAAC;AAMH,eAAe,SAAS,CAAC"}

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

@@ -93,7 +93,8 @@ const DateInput = factory((_props, ref) => {
         open: isOpen,
         onOpenChange: handleOpenChange,
         middleware,
-        whileElementsMounted: autoUpdate
+        whileElementsMounted: autoUpdate,
+        strategy: "fixed"
     });
     const focus = useFocus(floating.context, {
         enabled: !disabled
@@ -152,8 +153,9 @@ const DateInput = factory((_props, ref) => {
         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
+    const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: isOpen, style: { position: "relative", zIndex: 1000 }, ...transitionProps, children: _jsx("div", { ref: floating.refs.setFloating, id: dropdownId, style: {
+                ...floating.floatingStyles,
+                zIndex: 1000
             }, className: cx("w-80 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(DatePicker, { value: selectedDate, onChange: handleDateChange, minDate: minDate, maxDate: maxDate, monthPickerColumns: monthPickerColumns, yearPickerYearsPerPage: yearPickerYearsPerPage, yearPickerColumns: yearPickerColumns, disabled: disabled, size: size, radius: radius, getWeekdayLabel: getWeekdayLabel, getDayLabel: getDayLabel, getDayAriaLabel: getDayAriaLabel, getHeaderLabel: getHeaderLabel, getNavigationAriaLabel: getNavigationAriaLabel, getMonthLabel: getMonthLabel, getMonthAriaLabel: getMonthAriaLabel, getMonthHeaderLabel: getMonthHeaderLabel, getMonthNavigationAriaLabel: getMonthNavigationAriaLabel, className: cx("bg-transparent p-0", classes.datePicker) }) }) }));
     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)] }));

package/build/components/index.d.ts

@@ -5,4 +5,6 @@ export * from "./month-picker";
 export * from "./month-input";
 export * from "./year-picker";
 export * from "./year-input";
+export * from "./time-picker";
+export * from "./time-input";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}

package/build/components/index.js

@@ -5,3 +5,5 @@ export * from "./month-picker";
 export * from "./month-input";
 export * from "./year-picker";
 export * from "./year-input";
+export * from "./time-picker";
+export * from "./time-input";

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

@@ -1 +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"}
+{"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,wEA4Rd,CAAC;AAMH,eAAe,UAAU,CAAC"}

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

@@ -94,7 +94,8 @@ const MonthInput = factory((_props, ref) => {
         open: isOpen,
         onOpenChange: handleOpenChange,
         middleware,
-        whileElementsMounted: autoUpdate
+        whileElementsMounted: autoUpdate,
+        strategy: "fixed"
     });
     const focus = useFocus(floating.context, {
         enabled: !disabled
@@ -149,8 +150,9 @@ const MonthInput = factory((_props, ref) => {
         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
+    const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: isOpen, style: { position: "relative", zIndex: 1000 }, ...transitionProps, children: _jsx("div", { ref: floating.refs.setFloating, id: dropdownId, style: {
+                ...floating.floatingStyles,
+                zIndex: 1000
             }, 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)] }));

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

@@ -0,0 +1,3 @@
+export { default as TimeInput } from "./time-input";
+export type { TimeInputClassNames, TimeInputFactoryPayload, TimeInputGetHourAriaLabel, TimeInputGetHourLabel, TimeInputGetMinuteAriaLabel, TimeInputGetMinuteLabel, TimeInputGetPeriodAriaLabel, TimeInputGetPeriodLabel, TimeInputGetSecondAriaLabel, TimeInputGetSecondLabel, TimeInputMiddlewares, TimeInputMode, TimeInputOnChange, TimeInputPeriod, TimeInputPositioning, TimeInputProps, TimeInputRadius, TimeInputSize, TimeInputValue, TimeInputValueFormat } from "./time-input.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/time-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EACR,mBAAmB,EACnB,uBAAuB,EACvB,yBAAyB,EACzB,qBAAqB,EACrB,2BAA2B,EAC3B,uBAAuB,EACvB,2BAA2B,EAC3B,uBAAuB,EACvB,2BAA2B,EAC3B,uBAAuB,EACvB,oBAAoB,EACpB,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,aAAa,EACb,cAAc,EACd,oBAAoB,EACvB,MAAM,oBAAoB,CAAC"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-input.d.ts","sourceRoot":"","sources":["../../../src/components/time-input/time-input.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAEH,uBAAuB,EAI1B,MAAM,oBAAoB,CAAC;AA2G5B,QAAA,MAAM,SAAS,uEAgTb,CAAC;AAMH,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,207 @@
+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 { TimePicker } from "../time-picker";
+const DEFAULT_MODE = "24h";
+const DEFAULT_VALUE_FORMAT = "HH:mm:ss";
+const HOURS_IN_DAY = 24;
+const MINUTES_IN_HOUR = 60;
+const SECONDS_IN_MINUTE = 60;
+const TIME_SEGMENT_PATTERN = /^\d{1,2}$/;
+const defaultProps = {
+    mode: DEFAULT_MODE,
+    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 pad = (value) => String(value).padStart(2, "0");
+const parseTimeValue = (value) => {
+    if (typeof value !== "string") {
+        return undefined;
+    }
+    const segments = value.trim().split(":");
+    if (segments.length !== 3 ||
+        !segments.every((segment) => TIME_SEGMENT_PATTERN.test(segment))) {
+        return undefined;
+    }
+    const [hoursText, minutesText, secondsText] = segments;
+    const hours24 = Number.parseInt(hoursText, 10);
+    const minutes = Number.parseInt(minutesText, 10);
+    const seconds = Number.parseInt(secondsText, 10);
+    if (hours24 < 0 ||
+        hours24 >= HOURS_IN_DAY ||
+        minutes < 0 ||
+        minutes >= MINUTES_IN_HOUR ||
+        seconds < 0 ||
+        seconds >= SECONDS_IN_MINUTE) {
+        return undefined;
+    }
+    return {
+        hours24,
+        minutes,
+        seconds
+    };
+};
+const normalizeTimeValue = (value) => {
+    const parsed = parseTimeValue(value);
+    if (!parsed) {
+        return undefined;
+    }
+    return `${pad(parsed.hours24)}:${pad(parsed.minutes)}:${pad(parsed.seconds)}`;
+};
+const formatInputValue = (value, valueFormat, createDate) => {
+    if (value === undefined) {
+        return "";
+    }
+    if (valueFormat === DEFAULT_VALUE_FORMAT) {
+        return value;
+    }
+    const parsed = parseTimeValue(value);
+    if (!parsed) {
+        return value;
+    }
+    return createDate(new Date(2000, 0, 1, parsed.hours24, parsed.minutes, parsed.seconds, 0)).format(valueFormat);
+};
+const TimeInput = factory((_props, ref) => {
+    const { cx, getRadius } = useTheme();
+    const { createDate } = useDates();
+    const { id, value, defaultValue, onChange, opened, defaultOpened, onOpenedChange, minTime, maxTime, mode, getHourLabel, getMinuteLabel, getSecondLabel, getPeriodLabel, getHourAriaLabel, getMinuteAriaLabel, getSecondAriaLabel, getPeriodAriaLabel, valueFormat, disabled, size, radius, positioning, middlewares, withinPortal, closeOnClickOutside, closeOnEscape, transitionProps, inputClassNames, className, classNames, onFocus, onBlur, onClick, onKeyDown, ...inputProps } = useProps("TimeInput", defaultProps, _props);
+    const classes = useClassNames("TimeInput", classNames);
+    const _id = useId(id);
+    const dropdownId = `${_id}-dropdown`;
+    const [selectedTimeState, setSelectedTime] = useUncontrolled({
+        value,
+        defaultValue,
+        finalValue: undefined,
+        onChange: (nextTime) => {
+            if (nextTime !== undefined) {
+                onChange?.(nextTime);
+            }
+        }
+    });
+    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,
+        strategy: "fixed"
+    });
+    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 handleTimeChange = useCallback((nextTime) => {
+        const normalizedTime = normalizeTimeValue(nextTime);
+        if (normalizedTime === undefined) {
+            return;
+        }
+        setSelectedTime(normalizedTime);
+    }, [setSelectedTime]);
+    const selectedTime = useMemo(() => normalizeTimeValue(selectedTimeState), [selectedTimeState]);
+    const inputValue = useMemo(() => formatInputValue(selectedTime, valueFormat, createDate), [createDate, selectedTime, valueFormat]);
+    const mergedReferenceProps = getReferenceProps({
+        onFocus,
+        onBlur,
+        onClick,
+        onKeyDown: handleInputKeyDown
+    });
+    const dropdownWidth = mode === "12h"
+        ? "w-[calc(100vw-1rem)] max-w-[28rem]"
+        : "w-[calc(100vw-1rem)] max-w-[22rem]";
+    const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: isOpen, style: { position: "relative", zIndex: 1000 }, ...transitionProps, children: _jsx("div", { ref: floating.refs.setFloating, id: dropdownId, style: {
+                ...floating.floatingStyles,
+                zIndex: 1000
+            }, className: cx(dropdownWidth, "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(TimePicker, { value: selectedTime, onChange: handleTimeChange, minTime: minTime, maxTime: maxTime, mode: mode, disabled: disabled, size: size, radius: radius, getHourLabel: getHourLabel, getMinuteLabel: getMinuteLabel, getSecondLabel: getSecondLabel, getPeriodLabel: getPeriodLabel, getHourAriaLabel: getHourAriaLabel, getMinuteAriaLabel: getMinuteAriaLabel, getSecondAriaLabel: getSecondAriaLabel, getPeriodAriaLabel: getPeriodAriaLabel, className: cx("bg-transparent p-0", classes.timePicker) }) }) }));
+    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)] }));
+});
+TimeInput.displayName = "@refraktor/dates/TimeInput";
+TimeInput.configure = createComponentConfig();
+TimeInput.classNames = createClassNamesConfig();
+export default TimeInput;

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

@@ -0,0 +1,99 @@
+import type { FlipOptions, InlineOptions, Placement, ShiftOptions } from "@floating-ui/react";
+import { createClassNamesConfig, createComponentConfig, FactoryPayload, InputFieldClassNames, InputProps, RefraktorRadius, RefraktorSize, TransitionProps } from "@refraktor/core";
+import type { TimePickerGetHourAriaLabel, TimePickerGetHourLabel, TimePickerGetMinuteAriaLabel, TimePickerGetMinuteLabel, TimePickerGetPeriodAriaLabel, TimePickerGetPeriodLabel, TimePickerGetSecondAriaLabel, TimePickerGetSecondLabel, TimePickerMode, TimePickerOnChange, TimePickerPeriod, TimePickerValue } from "../time-picker";
+export type TimeInputValue = TimePickerValue;
+export type TimeInputMode = TimePickerMode;
+export type TimeInputPeriod = TimePickerPeriod;
+export type TimeInputSize = RefraktorSize;
+export type TimeInputRadius = RefraktorRadius;
+export type TimeInputOnChange = TimePickerOnChange;
+export type TimeInputValueFormat = string;
+export type TimeInputGetHourLabel = TimePickerGetHourLabel;
+export type TimeInputGetMinuteLabel = TimePickerGetMinuteLabel;
+export type TimeInputGetSecondLabel = TimePickerGetSecondLabel;
+export type TimeInputGetPeriodLabel = TimePickerGetPeriodLabel;
+export type TimeInputGetHourAriaLabel = TimePickerGetHourAriaLabel;
+export type TimeInputGetMinuteAriaLabel = TimePickerGetMinuteAriaLabel;
+export type TimeInputGetSecondAriaLabel = TimePickerGetSecondAriaLabel;
+export type TimeInputGetPeriodAriaLabel = TimePickerGetPeriodAriaLabel;
+export type TimeInputPositioning = {
+    /** 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 TimeInputMiddlewares = {
+    shift?: boolean | ShiftOptions;
+    flip?: boolean | FlipOptions;
+    inline?: boolean | InlineOptions;
+};
+export type TimeInputClassNames = {
+    input?: string;
+    dropdown?: string;
+    timePicker?: string;
+};
+interface _TimeInputProps {
+    /** Selected time (controlled), accepts `H:mm:ss` or `HH:mm:ss` (24h). */
+    value?: TimeInputValue;
+    /** Initial selected time (uncontrolled), accepts `H:mm:ss` or `HH:mm:ss` (24h). */
+    defaultValue?: TimeInputValue;
+    /** Callback called when selected time changes in normalized `HH:mm:ss` format (24h). */
+    onChange?: TimeInputOnChange;
+    /** Dropdown open state (controlled). */
+    opened?: boolean;
+    /** Initial dropdown open state (uncontrolled). */
+    defaultOpened?: boolean;
+    /** Callback called when dropdown open state changes. */
+    onOpenedChange?: (opened: boolean) => void;
+    /** Lower selectable bound for time-of-day, accepts `H:mm:ss` or `HH:mm:ss` (24h). */
+    minTime?: TimeInputValue;
+    /** Upper selectable bound for time-of-day, accepts `H:mm:ss` or `HH:mm:ss` (24h). */
+    maxTime?: TimeInputValue;
+    /** Time display mode @default `24h` */
+    mode?: TimeInputMode;
+    /** Custom hour label renderer. */
+    getHourLabel?: TimeInputGetHourLabel;
+    /** Custom minute label renderer. */
+    getMinuteLabel?: TimeInputGetMinuteLabel;
+    /** Custom second label renderer. */
+    getSecondLabel?: TimeInputGetSecondLabel;
+    /** Custom AM/PM label renderer in 12h mode. */
+    getPeriodLabel?: TimeInputGetPeriodLabel;
+    /** Custom aria-label generator for hour options. */
+    getHourAriaLabel?: TimeInputGetHourAriaLabel;
+    /** Custom aria-label generator for minute options. */
+    getMinuteAriaLabel?: TimeInputGetMinuteAriaLabel;
+    /** Custom aria-label generator for second options. */
+    getSecondAriaLabel?: TimeInputGetSecondAriaLabel;
+    /** Custom aria-label generator for period options. */
+    getPeriodAriaLabel?: TimeInputGetPeriodAriaLabel;
+    /** Dayjs format used to render selected time in the input @default `HH:mm:ss` */
+    valueFormat?: TimeInputValueFormat;
+    /** Positioning settings for the dropdown. */
+    positioning?: TimeInputPositioning;
+    /** Floating middleware settings. */
+    middlewares?: TimeInputMiddlewares;
+    /** 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 TimeInput parts. */
+    classNames?: TimeInputClassNames;
+}
+export type TimeInputProps = _TimeInputProps & Omit<InputProps, "value" | "defaultValue" | "onChange" | "readOnly" | "classNames">;
+export interface TimeInputFactoryPayload extends FactoryPayload {
+    props: TimeInputProps;
+    ref: HTMLInputElement;
+    compound: {
+        configure: ReturnType<typeof createComponentConfig<TimeInputProps>>;
+        classNames: ReturnType<typeof createClassNamesConfig<TimeInputClassNames>>;
+    };
+}
+export {};
+//# sourceMappingURL=time-input.types.d.ts.map

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

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

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

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

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

@@ -0,0 +1,3 @@
+export { default as TimePicker } from "./time-picker";
+export type { TimePickerClassNames, TimePickerGetHourAriaLabel, TimePickerGetHourLabel, TimePickerGetMinuteAriaLabel, TimePickerGetMinuteLabel, TimePickerGetPeriodAriaLabel, TimePickerGetPeriodLabel, TimePickerGetSecondAriaLabel, TimePickerGetSecondLabel, TimePickerMode, TimePickerOnChange, TimePickerPeriod, TimePickerProps, TimePickerRadius, TimePickerSize, TimePickerValue } from "./time-picker.types";
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../src/components/time-picker/time-picker.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEH,wBAAwB,EAK3B,MAAM,qBAAqB,CAAC;AA4S7B,QAAA,MAAM,UAAU,wEA4Zd,CAAC;AAMH,eAAe,UAAU,CAAC"}