@ifhover/leaf-ui 0.0.0-stage → 0.6.0

package/dist/esm/timepicker/timepicker.d.ts

@@ -0,0 +1,15 @@
+import { type PickerFieldProps } from '../shared/date-input.js';
+import { type TimeParts } from '../shared/time.js';
+export interface TimePickerProps extends PickerFieldProps {
+    value?: string | null;
+    defaultValue?: string | null;
+    minuteStep?: number;
+    secondStep?: number;
+    showSeconds?: boolean;
+    use12Hours?: boolean;
+    onChange?: (value: string | null) => void;
+    onOpenChange?: (open: boolean) => void;
+    disabledTime?: (parts: TimeParts) => boolean;
+}
+export declare const TimePicker: import("react").ForwardRefExoticComponent<TimePickerProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=timepicker.d.ts.map

package/dist/esm/timepicker/timepicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timepicker.d.ts","sourceRoot":"","sources":["../../../src/timepicker/timepicker.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0B,KAAK,SAAS,EAAc,MAAM,gBAAgB,CAAC;AAGpF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC;CAC9C;AACD,eAAO,MAAM,UAAU,8GA2HrB,CAAC"}

package/dist/esm/timepicker/timepicker.js

@@ -0,0 +1,138 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Clock3 } from "lucide-react";
+import { forwardRef, useRef, useState } from "react";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { useLeafConfig } from "../config-provider/context.js";
+import { useFormField } from "../form/form.js";
+import { DateInput } from "../shared/date-input.js";
+import { useFieldValue, useMergedRef } from "../shared/field.js";
+import { usePopupState } from "../shared/floating.js";
+import { displayTime, parseTime, timeString } from "../shared/time.js";
+import { TimePanel } from "./time-panel.js";
+const timepicker_TimePicker = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { value, defaultValue = null, minuteStep = 5, secondStep = 1, showSeconds = false, use12Hours = false, onChange, onOpenChange, disabledTime, open: controlledOpen, defaultOpen, ...props } = useComponentProps('TimePicker', rawProps);
+    const { messages } = useLeafConfig();
+    const field = useFormField();
+    const trigger = useRef(null);
+    const merged = useMergedRef(trigger, ref);
+    const [selected, setSelected] = useFieldValue(value, defaultValue, trigger, props.form);
+    const [draft, setDraft] = useState(parseTime(selected) ?? {
+        hour: 9,
+        minute: 0,
+        second: 0
+    });
+    const [validText, setValidText] = useState(true);
+    const [open, setOpen] = usePopupState(props.disabled || field?.disabled || props.readOnly, onOpenChange, controlledOpen, defaultOpen);
+    const change = (parts)=>{
+        if (props.readOnly || props.disabled || field?.disabled || parts && disabledTime?.(parts)) return;
+        const next = parts ? timeString(parts, showSeconds) : null;
+        setSelected(next);
+        onChange?.(next);
+    };
+    const formatted = (parts)=>displayTime(parts, showSeconds, use12Hours, [
+            messages.timePicker.am,
+            messages.timePicker.pm
+        ]);
+    const parsed = parseTime(selected);
+    return /*#__PURE__*/ jsx(DateInput, {
+        ...props,
+        ref: merged,
+        className: [
+            'leaf-time-picker',
+            props.className
+        ].filter(Boolean).join(' '),
+        placeholder: props.placeholder ?? messages.timePicker.placeholder,
+        icon: /*#__PURE__*/ jsx(Clock3, {
+            size: 16,
+            "aria-hidden": "true"
+        }),
+        panelLabel: messages.timePicker.label,
+        clearLabel: messages.timePicker.clear,
+        commitOnBlur: false,
+        displayValue: parsed ? formatted(parsed) : '',
+        formValue: parsed ? timeString(parsed, showSeconds) : '',
+        open: open,
+        onOpenChange: setOpen,
+        onOpening: ()=>{
+            setDraft(parseTime(selected) ?? {
+                hour: 9,
+                minute: 0,
+                second: 0
+            });
+            setValidText(true);
+        },
+        onClear: ()=>change(null),
+        onTextChange: (text)=>{
+            const next = parseTime(text.trim(), [
+                messages.timePicker.am,
+                messages.timePicker.pm
+            ]);
+            setValidText(Boolean(next));
+            if (next) setDraft(next);
+        },
+        onTextCommit: (text)=>{
+            if (!text) {
+                change(null);
+                return true;
+            }
+            const next = parseTime(text, [
+                messages.timePicker.am,
+                messages.timePicker.pm
+            ]);
+            if (!next || disabledTime?.(next)) return false;
+            change(next);
+            return true;
+        },
+        panelClassName: "leaf-time-picker__panel",
+        renderPanel: (close)=>/*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(TimePanel, {
+                        disabledTime: disabledTime,
+                        value: draft,
+                        onChange: (next)=>{
+                            setDraft(next);
+                            setValidText(true);
+                        },
+                        minuteStep: minuteStep,
+                        secondStep: secondStep,
+                        showSeconds: showSeconds,
+                        use12Hours: use12Hours
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "leaf-picker-footer",
+                        children: [
+                            /*#__PURE__*/ jsx(ButtonControl, {
+                                variant: "ghost",
+                                size: "sm",
+                                onClick: ()=>{
+                                    const now = new Date();
+                                    setDraft({
+                                        hour: now.getHours(),
+                                        minute: now.getMinutes(),
+                                        second: now.getSeconds()
+                                    });
+                                    setValidText(true);
+                                },
+                                children: messages.timePicker.now
+                            }),
+                            /*#__PURE__*/ jsx(ButtonControl, {
+                                size: "sm",
+                                disabled: !validText || disabledTime?.(draft),
+                                onClick: ()=>{
+                                    change(draft);
+                                    close();
+                                },
+                                children: messages.common.confirm
+                            })
+                        ]
+                    })
+                ]
+            })
+    });
+});
+timepicker_TimePicker.displayName = 'TimePicker';
+export { timepicker_TimePicker as TimePicker };
+
+//# sourceMappingURL=timepicker.js.map

package/dist/esm/timepicker/timepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timepicker/timepicker.js","sources":["../../../src/timepicker/timepicker.tsx"],"sourcesContent":["import { Clock3 } from 'lucide-react';\nimport { forwardRef, useRef, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { DateInput, type PickerFieldProps } from '../shared/date-input';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { usePopupState } from '../shared/floating';\nimport { displayTime, parseTime, type TimeParts, timeString } from '../shared/time';\nimport { TimePanel } from './time-panel';\n\nexport interface TimePickerProps extends PickerFieldProps {\n  value?: string | null;\n  defaultValue?: string | null;\n  minuteStep?: number;\n  secondStep?: number;\n  showSeconds?: boolean;\n  use12Hours?: boolean;\n  onChange?: (value: string | null) => void;\n  onOpenChange?: (open: boolean) => void;\n  disabledTime?: (parts: TimeParts) => boolean;\n}\nexport const TimePicker = forwardRef<HTMLInputElement, TimePickerProps>(function TimePicker(\n  rawProps: TimePickerProps,\n  ref,\n) {\n  const {\n    value,\n    defaultValue = null,\n    minuteStep = 5,\n    secondStep = 1,\n    showSeconds = false,\n    use12Hours = false,\n    onChange,\n    onOpenChange,\n    disabledTime,\n    open: controlledOpen,\n    defaultOpen,\n    ...props\n  } = useComponentProps('TimePicker', rawProps);\n  const { messages } = useLeafConfig();\n  const field = useFormField();\n  const trigger = useRef<HTMLInputElement>(null);\n  const merged = useMergedRef(trigger, ref);\n  const [selected, setSelected] = useFieldValue(value, defaultValue, trigger, props.form);\n  const [draft, setDraft] = useState<TimeParts>(\n    parseTime(selected) ?? { hour: 9, minute: 0, second: 0 },\n  );\n  const [validText, setValidText] = useState(true);\n  const [open, setOpen] = usePopupState(\n    props.disabled || field?.disabled || props.readOnly,\n    onOpenChange,\n    controlledOpen,\n    defaultOpen,\n  );\n  const change = (parts: TimeParts | null) => {\n    if (props.readOnly || props.disabled || field?.disabled || (parts && disabledTime?.(parts)))\n      return;\n    const next = parts ? timeString(parts, showSeconds) : null;\n    setSelected(next);\n    onChange?.(next);\n  };\n  const formatted = (parts: TimeParts) =>\n    displayTime(parts, showSeconds, use12Hours, [messages.timePicker.am, messages.timePicker.pm]);\n  const parsed = parseTime(selected);\n  return (\n    <DateInput\n      {...props}\n      ref={merged}\n      className={['leaf-time-picker', props.className].filter(Boolean).join(' ')}\n      placeholder={props.placeholder ?? messages.timePicker.placeholder}\n      icon={<Clock3 size={16} aria-hidden=\"true\" />}\n      panelLabel={messages.timePicker.label}\n      clearLabel={messages.timePicker.clear}\n      commitOnBlur={false}\n      displayValue={parsed ? formatted(parsed) : ''}\n      formValue={parsed ? timeString(parsed, showSeconds) : ''}\n      open={open}\n      onOpenChange={setOpen}\n      onOpening={() => {\n        setDraft(parseTime(selected) ?? { hour: 9, minute: 0, second: 0 });\n        setValidText(true);\n      }}\n      onClear={() => change(null)}\n      onTextChange={(text) => {\n        const next = parseTime(text.trim(), [messages.timePicker.am, messages.timePicker.pm]);\n        setValidText(Boolean(next));\n        if (next) setDraft(next);\n      }}\n      onTextCommit={(text) => {\n        if (!text) {\n          change(null);\n          return true;\n        }\n        const next = parseTime(text, [messages.timePicker.am, messages.timePicker.pm]);\n        if (!next || disabledTime?.(next)) return false;\n        change(next);\n        return true;\n      }}\n      panelClassName=\"leaf-time-picker__panel\"\n      renderPanel={(close) => (\n        <>\n          <TimePanel\n            disabledTime={disabledTime}\n            value={draft}\n            onChange={(next) => {\n              setDraft(next);\n              setValidText(true);\n            }}\n            minuteStep={minuteStep}\n            secondStep={secondStep}\n            showSeconds={showSeconds}\n            use12Hours={use12Hours}\n          />\n          <div className=\"leaf-picker-footer\">\n            <ButtonControl\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => {\n                const now = new Date();\n                setDraft({\n                  hour: now.getHours(),\n                  minute: now.getMinutes(),\n                  second: now.getSeconds(),\n                });\n                setValidText(true);\n              }}\n            >\n              {messages.timePicker.now}\n            </ButtonControl>\n            <ButtonControl\n              size=\"sm\"\n              disabled={!validText || disabledTime?.(draft)}\n              onClick={() => {\n                change(draft);\n                close();\n              }}\n            >\n              {messages.common.confirm}\n            </ButtonControl>\n          </div>\n        </>\n      )}\n    />\n  );\n});\nTimePicker.displayName = 'TimePicker';\n"],"names":["TimePicker","forwardRef","rawProps","ref","value","defaultValue","minuteStep","secondStep","showSeconds","use12Hours","onChange","onOpenChange","disabledTime","controlledOpen","defaultOpen","props","useComponentProps","messages","useLeafConfig","field","useFormField","trigger","useRef","merged","useMergedRef","selected","setSelected","useFieldValue","draft","setDraft","useState","parseTime","validText","setValidText","open","setOpen","usePopupState","change","parts","next","timeString","formatted","displayTime","parsed","DateInput","Boolean","Clock3","text","close","TimePanel","ButtonControl","now","Date"],"mappings":"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"}

package/dist/esm/timerangepicker/index.d.ts

@@ -0,0 +1,3 @@
+export type { TimeRange, TimeRangePickerProps } from './timerangepicker.js';
+export { TimeRangePicker } from './timerangepicker.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/timerangepicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/timerangepicker/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/esm/timerangepicker/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { TimeRangePicker } from "./timerangepicker.js";

package/dist/esm/timerangepicker/timerangepicker.d.ts

@@ -0,0 +1,17 @@
+import { type PickerFieldProps } from '../shared/date-input.js';
+import { type TimeParts } from '../shared/time.js';
+export type TimeRange = readonly [string, string];
+export interface TimeRangePickerProps extends PickerFieldProps {
+    value?: TimeRange | null;
+    defaultValue?: TimeRange | null;
+    onChange?: (value: TimeRange | null) => void;
+    onOpenChange?: (open: boolean) => void;
+    showSeconds?: boolean;
+    use12Hours?: boolean;
+    minuteStep?: number;
+    secondStep?: number;
+    allowOvernight?: boolean;
+    disabledTime?: (parts: TimeParts, position: 'start' | 'end') => boolean;
+}
+export declare const TimeRangePicker: import("react").ForwardRefExoticComponent<TimeRangePickerProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=timerangepicker.d.ts.map

package/dist/esm/timerangepicker/timerangepicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timerangepicker.d.ts","sourceRoot":"","sources":["../../../src/timerangepicker/timerangepicker.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGxE,OAAO,EAA0B,KAAK,SAAS,EAAc,MAAM,gBAAgB,CAAC;AAGpF,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAClD,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,KAAK,OAAO,CAAC;CACzE;AAGD,eAAO,MAAM,eAAe,mHAsJ3B,CAAC"}

package/dist/esm/timerangepicker/timerangepicker.js

@@ -0,0 +1,186 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Clock3 } from "lucide-react";
+import { forwardRef, useRef, useState } from "react";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { useLeafConfig } from "../config-provider/context.js";
+import { useFormField } from "../form/form.js";
+import { DateInput } from "../shared/date-input.js";
+import { useFieldValue, useMergedRef } from "../shared/field.js";
+import { usePopupState } from "../shared/floating.js";
+import { displayTime, parseTime, timeString } from "../shared/time.js";
+import { useText } from "../shared/use-text.js";
+import { TimePanel } from "../timepicker/time-panel.js";
+const startTime = {
+    hour: 9,
+    minute: 0,
+    second: 0
+};
+const endTime = {
+    hour: 18,
+    minute: 0,
+    second: 0
+};
+const timerangepicker_TimeRangePicker = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { value, defaultValue = null, onChange, onOpenChange, open: controlledOpen, defaultOpen, showSeconds = false, use12Hours = false, minuteStep = 5, secondStep = 1, allowOvernight = false, disabledTime, ...props } = useComponentProps('TimeRangePicker', rawProps);
+    const t = useText();
+    const field = useFormField();
+    const { messages } = useLeafConfig();
+    const trigger = useRef(null);
+    const merged = useMergedRef(trigger, ref);
+    const [selected, setSelected] = useFieldValue(value, defaultValue, trigger, props.form);
+    const [open, setOpen] = usePopupState(props.disabled || field?.disabled || props.readOnly, onOpenChange, controlledOpen, defaultOpen);
+    const [draft, setDraft] = useState([
+        startTime,
+        endTime
+    ]);
+    const [active, setActive] = useState(0);
+    const [validText, setValidText] = useState(true);
+    const valid = (range)=>(allowOvernight || timeString(range[0], true) <= timeString(range[1], true)) && !disabledTime?.(range[0], 'start') && !disabledTime?.(range[1], 'end');
+    const format = (parts)=>displayTime(parts, showSeconds, use12Hours, [
+            messages.timePicker.am,
+            messages.timePicker.pm
+        ]);
+    const change = (parts)=>{
+        if (props.disabled || field?.disabled || props.readOnly || parts && !valid(parts)) return;
+        const next = parts ? [
+            timeString(parts[0], showSeconds),
+            timeString(parts[1], showSeconds)
+        ] : null;
+        setSelected(next);
+        onChange?.(next);
+    };
+    const parseRange = (text)=>{
+        const pair = text.split(/\s*[~～–—]\s*/);
+        if (2 !== pair.length) return null;
+        const periods = [
+            messages.timePicker.am,
+            messages.timePicker.pm
+        ];
+        const first = parseTime(pair[0], periods);
+        const second = parseTime(pair[1], periods);
+        return first && second ? [
+            first,
+            second
+        ] : null;
+    };
+    const first = parseTime(selected?.[0]);
+    const second = parseTime(selected?.[1]);
+    return /*#__PURE__*/ jsx(DateInput, {
+        ...props,
+        ref: merged,
+        placeholder: props.placeholder ?? t('timeRangePicker.placeholder'),
+        icon: /*#__PURE__*/ jsx(Clock3, {
+            size: 16,
+            "aria-hidden": "true"
+        }),
+        panelLabel: t('timeRangePicker.label'),
+        clearLabel: t('timeRangePicker.clear'),
+        displayValue: first && second ? `${format(first)} ~ ${format(second)}` : '',
+        formValue: selected ? selected.join('/') : '',
+        open: open,
+        onOpenChange: setOpen,
+        onOpening: ()=>{
+            setDraft([
+                first ?? startTime,
+                second ?? endTime
+            ]);
+            setActive(0);
+            setValidText(true);
+        },
+        onClear: ()=>change(null),
+        commitOnBlur: false,
+        onTextChange: (text)=>{
+            const next = parseRange(text);
+            setValidText(Boolean(next && valid(next)));
+            if (next) setDraft(next);
+        },
+        onTextCommit: (text)=>{
+            if (!text) {
+                change(null);
+                return true;
+            }
+            const next = parseRange(text);
+            if (!next || !valid(next)) return false;
+            change(next);
+            return true;
+        },
+        panelClassName: "leaf-time-range-picker__panel",
+        renderPanel: (close)=>/*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: "leaf-time-range-picker__panels",
+                        children: [
+                            0,
+                            1
+                        ].map((index)=>/*#__PURE__*/ jsxs("fieldset", {
+                                onFocusCapture: ()=>setActive(index),
+                                children: [
+                                    /*#__PURE__*/ jsx("legend", {
+                                        children: 0 === index ? messages.common.start : messages.common.end
+                                    }),
+                                    /*#__PURE__*/ jsx(TimePanel, {
+                                        disabledTime: (parts)=>!!disabledTime?.(parts, 0 === index ? 'start' : 'end'),
+                                        value: draft[index],
+                                        onChange: (next)=>{
+                                            setActive(index);
+                                            setDraft((previous)=>0 === index ? [
+                                                    next,
+                                                    previous[1]
+                                                ] : [
+                                                    previous[0],
+                                                    next
+                                                ]);
+                                            setValidText(true);
+                                        },
+                                        minuteStep: minuteStep,
+                                        secondStep: secondStep,
+                                        showSeconds: showSeconds,
+                                        use12Hours: use12Hours
+                                    })
+                                ]
+                            }, index))
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "leaf-picker-footer",
+                        children: [
+                            /*#__PURE__*/ jsx(ButtonControl, {
+                                variant: "ghost",
+                                size: "sm",
+                                onClick: ()=>{
+                                    const now = new Date();
+                                    const next = {
+                                        hour: now.getHours(),
+                                        minute: now.getMinutes(),
+                                        second: now.getSeconds()
+                                    };
+                                    setDraft((previous)=>0 === active ? [
+                                            next,
+                                            previous[1]
+                                        ] : [
+                                            previous[0],
+                                            next
+                                        ]);
+                                    setValidText(true);
+                                },
+                                children: messages.timePicker.now
+                            }),
+                            /*#__PURE__*/ jsx(ButtonControl, {
+                                size: "sm",
+                                disabled: !validText || !valid(draft),
+                                onClick: ()=>{
+                                    change(draft);
+                                    close();
+                                },
+                                children: messages.common.confirm
+                            })
+                        ]
+                    })
+                ]
+            })
+    });
+});
+export { timerangepicker_TimeRangePicker as TimeRangePicker };
+
+//# sourceMappingURL=timerangepicker.js.map

package/dist/esm/timerangepicker/timerangepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timerangepicker/timerangepicker.js","sources":["../../../src/timerangepicker/timerangepicker.tsx"],"sourcesContent":["import { Clock3 } from 'lucide-react';\nimport { forwardRef, useRef, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useFormField } from '../form/form';\nimport { DateInput, type PickerFieldProps } from '../shared/date-input';\nimport { useFieldValue, useMergedRef } from '../shared/field';\nimport { usePopupState } from '../shared/floating';\nimport { displayTime, parseTime, type TimeParts, timeString } from '../shared/time';\nimport { useText } from '../shared/use-text';\nimport { TimePanel } from '../timepicker/time-panel';\nexport type TimeRange = readonly [string, string];\nexport interface TimeRangePickerProps extends PickerFieldProps {\n  value?: TimeRange | null;\n  defaultValue?: TimeRange | null;\n  onChange?: (value: TimeRange | null) => void;\n  onOpenChange?: (open: boolean) => void;\n  showSeconds?: boolean;\n  use12Hours?: boolean;\n  minuteStep?: number;\n  secondStep?: number;\n  allowOvernight?: boolean;\n  disabledTime?: (parts: TimeParts, position: 'start' | 'end') => boolean;\n}\nconst startTime: TimeParts = { hour: 9, minute: 0, second: 0 };\nconst endTime: TimeParts = { hour: 18, minute: 0, second: 0 };\nexport const TimeRangePicker = forwardRef<HTMLInputElement, TimeRangePickerProps>(\n  function TimeRangePicker(rawProps: TimeRangePickerProps, ref) {\n    const {\n      value,\n      defaultValue = null,\n      onChange,\n      onOpenChange,\n      open: controlledOpen,\n      defaultOpen,\n      showSeconds = false,\n      use12Hours = false,\n      minuteStep = 5,\n      secondStep = 1,\n      allowOvernight = false,\n      disabledTime,\n      ...props\n    } = useComponentProps('TimeRangePicker', rawProps);\n    const t = useText();\n    const field = useFormField();\n    const { messages } = useLeafConfig();\n    const trigger = useRef<HTMLInputElement>(null);\n    const merged = useMergedRef(trigger, ref);\n    const [selected, setSelected] = useFieldValue(value, defaultValue, trigger, props.form);\n    const [open, setOpen] = usePopupState(\n      props.disabled || field?.disabled || props.readOnly,\n      onOpenChange,\n      controlledOpen,\n      defaultOpen,\n    );\n    const [draft, setDraft] = useState<readonly [TimeParts, TimeParts]>([startTime, endTime]);\n    const [active, setActive] = useState<0 | 1>(0);\n    const [validText, setValidText] = useState(true);\n    const valid = (range: readonly [TimeParts, TimeParts]) =>\n      (allowOvernight || timeString(range[0], true) <= timeString(range[1], true)) &&\n      !disabledTime?.(range[0], 'start') &&\n      !disabledTime?.(range[1], 'end');\n    const format = (parts: TimeParts) =>\n      displayTime(parts, showSeconds, use12Hours, [messages.timePicker.am, messages.timePicker.pm]);\n    const change = (parts: readonly [TimeParts, TimeParts] | null) => {\n      if (props.disabled || field?.disabled || props.readOnly || (parts && !valid(parts))) return;\n      const next = parts\n        ? ([timeString(parts[0], showSeconds), timeString(parts[1], showSeconds)] as const)\n        : null;\n      setSelected(next);\n      onChange?.(next);\n    };\n    const parseRange = (text: string): readonly [TimeParts, TimeParts] | null => {\n      const pair = text.split(/\\s*[~～–—]\\s*/);\n      if (pair.length !== 2) return null;\n      const periods = [messages.timePicker.am, messages.timePicker.pm] as const;\n      const first = parseTime(pair[0], periods);\n      const second = parseTime(pair[1], periods);\n      return first && second ? [first, second] : null;\n    };\n    const first = parseTime(selected?.[0]);\n    const second = parseTime(selected?.[1]);\n    return (\n      <DateInput\n        {...props}\n        ref={merged}\n        placeholder={props.placeholder ?? t('timeRangePicker.placeholder')}\n        icon={<Clock3 size={16} aria-hidden=\"true\" />}\n        panelLabel={t('timeRangePicker.label')}\n        clearLabel={t('timeRangePicker.clear')}\n        displayValue={first && second ? `${format(first)} ~ ${format(second)}` : ''}\n        formValue={selected ? selected.join('/') : ''}\n        open={open}\n        onOpenChange={setOpen}\n        onOpening={() => {\n          setDraft([first ?? startTime, second ?? endTime]);\n          setActive(0);\n          setValidText(true);\n        }}\n        onClear={() => change(null)}\n        commitOnBlur={false}\n        onTextChange={(text) => {\n          const next = parseRange(text);\n          setValidText(Boolean(next && valid(next)));\n          if (next) setDraft(next);\n        }}\n        onTextCommit={(text) => {\n          if (!text) {\n            change(null);\n            return true;\n          }\n          const next = parseRange(text);\n          if (!next || !valid(next)) return false;\n          change(next);\n          return true;\n        }}\n        panelClassName=\"leaf-time-range-picker__panel\"\n        renderPanel={(close) => (\n          <>\n            <div className=\"leaf-time-range-picker__panels\">\n              {([0, 1] as const).map((index) => (\n                <fieldset key={index} onFocusCapture={() => setActive(index)}>\n                  <legend>{index === 0 ? messages.common.start : messages.common.end}</legend>\n                  <TimePanel\n                    disabledTime={(parts) => !!disabledTime?.(parts, index === 0 ? 'start' : 'end')}\n                    value={draft[index]}\n                    onChange={(next) => {\n                      setActive(index);\n                      setDraft((previous) =>\n                        index === 0 ? [next, previous[1]] : [previous[0], next],\n                      );\n                      setValidText(true);\n                    }}\n                    minuteStep={minuteStep}\n                    secondStep={secondStep}\n                    showSeconds={showSeconds}\n                    use12Hours={use12Hours}\n                  />\n                </fieldset>\n              ))}\n            </div>\n            <div className=\"leaf-picker-footer\">\n              <ButtonControl\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => {\n                  const now = new Date();\n                  const next = {\n                    hour: now.getHours(),\n                    minute: now.getMinutes(),\n                    second: now.getSeconds(),\n                  };\n                  setDraft((previous) =>\n                    active === 0 ? [next, previous[1]] : [previous[0], next],\n                  );\n                  setValidText(true);\n                }}\n              >\n                {messages.timePicker.now}\n              </ButtonControl>\n              <ButtonControl\n                size=\"sm\"\n                disabled={!validText || !valid(draft)}\n                onClick={() => {\n                  change(draft);\n                  close();\n                }}\n              >\n                {messages.common.confirm}\n              </ButtonControl>\n            </div>\n          </>\n        )}\n      />\n    );\n  },\n);\n"],"names":["startTime","endTime","TimeRangePicker","forwardRef","rawProps","ref","value","defaultValue","onChange","onOpenChange","controlledOpen","defaultOpen","showSeconds","use12Hours","minuteStep","secondStep","allowOvernight","disabledTime","props","useComponentProps","t","useText","field","useFormField","messages","useLeafConfig","trigger","useRef","merged","useMergedRef","selected","setSelected","useFieldValue","open","setOpen","usePopupState","draft","setDraft","useState","active","setActive","validText","setValidText","valid","range","timeString","format","parts","displayTime","change","next","parseRange","text","pair","periods","first","parseTime","second","DateInput","Clock3","Boolean","close","index","TimePanel","previous","ButtonControl","now","Date"],"mappings":"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"}

package/dist/esm/tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export type { TooltipProps } from './tooltip.js';
+export { Tooltip } from './tooltip.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tooltip/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/esm/tooltip/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Tooltip } from "./tooltip.js";

package/dist/esm/tooltip/tooltip.d.ts

@@ -0,0 +1,20 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from 'react';
+import { type PopupOptions } from '../shared/floating.js';
+export interface TooltipProps extends PopupOptions {
+    content: ReactNode;
+    children: ReactElement<HTMLAttributes<HTMLElement> & {
+        ref?: Ref<HTMLElement>;
+        disabled?: boolean;
+    }>;
+    placement?: 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    enterDelay?: number;
+    leaveDelay?: number;
+    className?: string;
+}
+export declare function TooltipControl({ content, children, placement, open: controlled, defaultOpen, onOpenChange, disabled, enterDelay, leaveDelay, className, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, }: TooltipProps): import("react").JSX.Element;
+export declare function Tooltip(rawProps: TooltipProps): import("react").JSX.Element;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/esm/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,GAAG,EAMT,MAAM,OAAO,CAAC;AAIf,OAAO,EAAiB,KAAK,YAAY,EAAsB,MAAM,oBAAoB,CAAC;AAE1F,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,YAAY,CACpB,cAAc,CAAC,WAAW,CAAC,GAAG;QAAE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;QAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;KAAE,CAC7E,CAAC;IACF,SAAS,CAAC,EACN,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,GACV,OAAO,GACP,aAAa,GACb,WAAW,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,SAAiB,EACjB,IAAI,EAAE,UAAU,EAChB,WAAmB,EACnB,YAAY,EACZ,QAAgB,EAChB,UAAgB,EAChB,UAAgB,EAChB,SAAS,EACT,cAAc,EACd,cAAc,EACd,UAAU,EACV,WAAW,EACX,iBAAiB,GAClB,EAAE,YAAY,+BA2Fd;AAED,wBAAgB,OAAO,CAAC,QAAQ,EAAE,YAAY,+BAG7C"}

package/dist/esm/tooltip/tooltip.js

@@ -0,0 +1,108 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cloneElement, useEffect, useId, useRef, useState, version } from "react";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { classes } from "../shared/classes.js";
+import { useMergedRef } from "../shared/field.js";
+import { FloatingPanel, useFloatingDismiss } from "../shared/floating.js";
+function TooltipControl({ content, children, placement = 'top', open: controlled, defaultOpen = false, onOpenChange, disabled = false, enterDelay = 100, leaveDelay = 100, className, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer }) {
+    const [internal, setInternal] = useState(defaultOpen);
+    const inactive = disabled || children.props.disabled || null == content || '' === content;
+    const open = !inactive && (controlled ?? internal);
+    const trigger = useRef(null);
+    const panel = useRef(null);
+    const childRef = version.startsWith('18.') ? children.ref : children.props.ref;
+    const ref = useMergedRef(trigger, childRef);
+    const id = `${useId()}-tooltip`;
+    const timer = useRef(void 0);
+    const focused = useRef(false);
+    const hovered = useRef(false);
+    const change = (next)=>{
+        if (void 0 === controlled) setInternal(next);
+        if (next !== open) onOpenChange?.(next);
+    };
+    const schedule = (next, delay)=>{
+        clearTimeout(timer.current);
+        timer.current = setTimeout(()=>change(next), Math.max(0, delay));
+    };
+    const dismiss = ()=>{
+        clearTimeout(timer.current);
+        change(false);
+    };
+    useFloatingDismiss(open, dismiss, trigger, panel);
+    useEffect(()=>()=>clearTimeout(timer.current), []);
+    useEffect(()=>{
+        if (inactive) {
+            clearTimeout(timer.current);
+            setInternal(false);
+        }
+    }, [
+        inactive
+    ]);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ cloneElement(children, {
+                ref,
+                'aria-describedby': [
+                    children.props['aria-describedby'],
+                    open ? id : void 0
+                ].filter(Boolean).join(' ') || void 0,
+                onPointerEnter: (event)=>{
+                    children.props.onPointerEnter?.(event);
+                    if (!inactive && !event.defaultPrevented && 'touch' !== event.pointerType) {
+                        hovered.current = true;
+                        schedule(true, enterDelay);
+                    }
+                },
+                onPointerLeave: (event)=>{
+                    children.props.onPointerLeave?.(event);
+                    hovered.current = false;
+                    if (!focused.current) schedule(false, leaveDelay);
+                },
+                onFocus: (event)=>{
+                    children.props.onFocus?.(event);
+                    if (!inactive && !event.defaultPrevented) {
+                        focused.current = true;
+                        clearTimeout(timer.current);
+                        change(true);
+                    }
+                },
+                onBlur: (event)=>{
+                    children.props.onBlur?.(event);
+                    focused.current = false;
+                    if (!hovered.current) schedule(false, leaveDelay);
+                }
+            }),
+            /*#__PURE__*/ jsx(FloatingPanel, {
+                open: open,
+                render: popupRender,
+                container: getPopupContainer,
+                triggerRef: trigger,
+                panelRef: panel,
+                id: id,
+                role: "tooltip",
+                placement: popupPlacement ?? placement,
+                className: classes('leaf-floating', 'leaf-tooltip', className, popupClassName),
+                style: popupStyle,
+                onPointerEnter: ()=>{
+                    hovered.current = true;
+                    clearTimeout(timer.current);
+                },
+                onPointerLeave: ()=>{
+                    hovered.current = false;
+                    if (!focused.current) schedule(false, leaveDelay);
+                },
+                children: content
+            })
+        ]
+    });
+}
+function Tooltip(rawProps) {
+    const props = useComponentProps('Tooltip', rawProps);
+    return /*#__PURE__*/ jsx(TooltipControl, {
+        ...props
+    });
+}
+export { Tooltip, TooltipControl };
+
+//# sourceMappingURL=tooltip.js.map

package/dist/esm/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip/tooltip.js","sources":["../../../src/tooltip/tooltip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  version,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useMergedRef } from '../shared/field';\nimport { FloatingPanel, type PopupOptions, useFloatingDismiss } from '../shared/floating';\n\nexport interface TooltipProps extends PopupOptions {\n  content: ReactNode;\n  children: ReactElement<\n    HTMLAttributes<HTMLElement> & { ref?: Ref<HTMLElement>; disabled?: boolean }\n  >;\n  placement?:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end';\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  enterDelay?: number;\n  leaveDelay?: number;\n  className?: string;\n}\nexport function TooltipControl({\n  content,\n  children,\n  placement = 'top',\n  open: controlled,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n  enterDelay = 100,\n  leaveDelay = 100,\n  className,\n  popupPlacement,\n  popupClassName,\n  popupStyle,\n  popupRender,\n  getPopupContainer,\n}: TooltipProps) {\n  const [internal, setInternal] = useState(defaultOpen);\n  const inactive = disabled || children.props.disabled || content == null || content === '';\n  const open = !inactive && (controlled ?? internal);\n  const trigger = useRef<HTMLElement>(null);\n  const panel = useRef<HTMLDivElement>(null);\n  const childRef = version.startsWith('18.')\n    ? (children as typeof children & { ref?: Ref<HTMLElement> }).ref\n    : children.props.ref;\n  const ref = useMergedRef(trigger, childRef);\n  const id = `${useId()}-tooltip`;\n  const timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n  const focused = useRef(false);\n  const hovered = useRef(false);\n  const change = (next: boolean) => {\n    if (controlled === undefined) setInternal(next);\n    if (next !== open) onOpenChange?.(next);\n  };\n  const schedule = (next: boolean, delay: number) => {\n    clearTimeout(timer.current);\n    timer.current = setTimeout(() => change(next), Math.max(0, delay));\n  };\n  const dismiss = () => {\n    clearTimeout(timer.current);\n    change(false);\n  };\n  useFloatingDismiss(open, dismiss, trigger, panel);\n  useEffect(() => () => clearTimeout(timer.current), []);\n  useEffect(() => {\n    if (inactive) {\n      clearTimeout(timer.current);\n      setInternal(false);\n    }\n  }, [inactive]);\n  return (\n    <>\n      {cloneElement(children, {\n        ref,\n        'aria-describedby':\n          [children.props['aria-describedby'], open ? id : undefined].filter(Boolean).join(' ') ||\n          undefined,\n        onPointerEnter: (event) => {\n          children.props.onPointerEnter?.(event);\n          if (!inactive && !event.defaultPrevented && event.pointerType !== 'touch') {\n            hovered.current = true;\n            schedule(true, enterDelay);\n          }\n        },\n        onPointerLeave: (event) => {\n          children.props.onPointerLeave?.(event);\n          hovered.current = false;\n          if (!focused.current) schedule(false, leaveDelay);\n        },\n        onFocus: (event) => {\n          children.props.onFocus?.(event);\n          if (!inactive && !event.defaultPrevented) {\n            focused.current = true;\n            clearTimeout(timer.current);\n            change(true);\n          }\n        },\n        onBlur: (event) => {\n          children.props.onBlur?.(event);\n          focused.current = false;\n          if (!hovered.current) schedule(false, leaveDelay);\n        },\n      })}\n      <FloatingPanel\n        open={open}\n        render={popupRender}\n        container={getPopupContainer}\n        triggerRef={trigger}\n        panelRef={panel}\n        id={id}\n        role=\"tooltip\"\n        placement={popupPlacement ?? placement}\n        className={classes('leaf-floating', 'leaf-tooltip', className, popupClassName)}\n        style={popupStyle}\n        onPointerEnter={() => {\n          hovered.current = true;\n          clearTimeout(timer.current);\n        }}\n        onPointerLeave={() => {\n          hovered.current = false;\n          if (!focused.current) schedule(false, leaveDelay);\n        }}\n      >\n        {content}\n      </FloatingPanel>\n    </>\n  );\n}\n\nexport function Tooltip(rawProps: TooltipProps) {\n  const props = useComponentProps('Tooltip', rawProps);\n  return <TooltipControl {...props} />;\n}\n"],"names":["TooltipControl","content","children","placement","controlled","defaultOpen","onOpenChange","disabled","enterDelay","leaveDelay","className","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","internal","setInternal","useState","inactive","open","trigger","useRef","panel","childRef","version","ref","useMergedRef","id","useId","timer","undefined","focused","hovered","change","next","schedule","delay","clearTimeout","setTimeout","Math","dismiss","useFloatingDismiss","useEffect","cloneElement","Boolean","event","FloatingPanel","classes","Tooltip","rawProps","props","useComponentProps"],"mappings":"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"}

package/dist/esm/tour/index.d.ts

@@ -0,0 +1,3 @@
+export type { TourProps, TourStep } from './tour.js';
+export { Tour } from './tour.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/tour/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tour/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/esm/tour/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Tour } from "./tour.js";

package/dist/esm/tour/tour.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from 'react';
+import { type PopupOptions } from '../shared/floating.js';
+export interface TourStep {
+    key?: string;
+    title: ReactNode;
+    description?: ReactNode;
+    target?: string | (() => HTMLElement | null);
+    placement?: PopupOptions['popupPlacement'];
+}
+export interface TourProps {
+    open: boolean;
+    steps: readonly TourStep[];
+    current?: number;
+    defaultCurrent?: number;
+    onChange?: (current: number) => void;
+    onClose?: () => void;
+    onFinish?: () => void;
+    missingTarget?: 'center' | 'skip' | 'close';
+    mask?: boolean;
+    padding?: number;
+    getPopupContainer?: PopupOptions['getPopupContainer'];
+}
+export declare function Tour(rawProps: TourProps): import("react").JSX.Element | null;
+//# sourceMappingURL=tour.d.ts.map