@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/browser/modules/timepicker/timepicker.js

@@ -1,9 +1,11 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/timepicker.css';
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Clock3 } from "lucide-react";
 import { forwardRef, useRef, useState } from "react";
-import { Button } from "../button/index.js";
+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";
@@ -11,7 +13,8 @@ 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({ value, defaultValue = null, minuteStep = 5, secondStep = 1, showSeconds = false, use12Hours = false, onChange, onOpenChange, disabledTime, open: controlledOpen, defaultOpen, ...props }, ref) {
+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);
@@ -31,8 +34,8 @@ const timepicker_TimePicker = /*#__PURE__*/ forwardRef(function({ value, default
         onChange?.(next);
     };
     const formatted = (parts)=>displayTime(parts, showSeconds, use12Hours, [
-            messages.am,
-            messages.pm
+            messages.timePicker.am,
+            messages.timePicker.pm
         ]);
     const parsed = parseTime(selected);
     return /*#__PURE__*/ jsx(DateInput, {
@@ -42,13 +45,13 @@ const timepicker_TimePicker = /*#__PURE__*/ forwardRef(function({ value, default
             'leaf-time-picker',
             props.className
         ].filter(Boolean).join(' '),
-        placeholder: props.placeholder ?? messages.time,
+        placeholder: props.placeholder ?? messages.timePicker.placeholder,
         icon: /*#__PURE__*/ jsx(Clock3, {
             size: 16,
             "aria-hidden": "true"
         }),
-        panelLabel: messages.chooseTime,
-        clearLabel: messages.clearTime,
+        panelLabel: messages.timePicker.label,
+        clearLabel: messages.timePicker.clear,
         commitOnBlur: false,
         displayValue: parsed ? formatted(parsed) : '',
         formValue: parsed ? timeString(parsed, showSeconds) : '',
@@ -64,7 +67,10 @@ const timepicker_TimePicker = /*#__PURE__*/ forwardRef(function({ value, default
         },
         onClear: ()=>change(null),
         onTextChange: (text)=>{
-            const next = parseTime(text.trim());
+            const next = parseTime(text.trim(), [
+                messages.timePicker.am,
+                messages.timePicker.pm
+            ]);
             setValidText(Boolean(next));
             if (next) setDraft(next);
         },
@@ -73,7 +79,10 @@ const timepicker_TimePicker = /*#__PURE__*/ forwardRef(function({ value, default
                 change(null);
                 return true;
             }
-            const next = parseTime(text);
+            const next = parseTime(text, [
+                messages.timePicker.am,
+                messages.timePicker.pm
+            ]);
             if (!next || disabledTime?.(next)) return false;
             change(next);
             return true;
@@ -96,7 +105,7 @@ const timepicker_TimePicker = /*#__PURE__*/ forwardRef(function({ value, default
                     /*#__PURE__*/ jsxs("div", {
                         className: "leaf-picker-footer",
                         children: [
-                            /*#__PURE__*/ jsx(Button, {
+                            /*#__PURE__*/ jsx(ButtonControl, {
                                 variant: "ghost",
                                 size: "sm",
                                 onClick: ()=>{
@@ -108,16 +117,16 @@ const timepicker_TimePicker = /*#__PURE__*/ forwardRef(function({ value, default
                                     });
                                     setValidText(true);
                                 },
-                                children: messages.now
+                                children: messages.timePicker.now
                             }),
-                            /*#__PURE__*/ jsx(Button, {
+                            /*#__PURE__*/ jsx(ButtonControl, {
                                 size: "sm",
                                 disabled: !validText || disabledTime?.(draft),
                                 onClick: ()=>{
                                     change(draft);
                                     close();
                                 },
-                                children: messages.confirm
+                                children: messages.common.confirm
                             })
                         ]
                     })

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

@@ -1 +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 { Button } from '../button';\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  {\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  },\n  ref,\n) {\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.am, messages.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.time}\n      icon={<Clock3 size={16} aria-hidden=\"true\" />}\n      panelLabel={messages.chooseTime}\n      clearLabel={messages.clearTime}\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());\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);\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            <Button\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.now}\n            </Button>\n            <Button\n              size=\"sm\"\n              disabled={!validText || disabledTime?.(draft)}\n              onClick={() => {\n                change(draft);\n                close();\n              }}\n            >\n              {messages.confirm}\n            </Button>\n          </div>\n        </>\n      )}\n    />\n  );\n});\nTimePicker.displayName = 'TimePicker';\n"],"names":["TimePicker","forwardRef","value","defaultValue","minuteStep","secondStep","showSeconds","use12Hours","onChange","onOpenChange","disabledTime","controlledOpen","defaultOpen","props","ref","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","Button","now","Date"],"mappings":"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"}
+{"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/browser/modules/timerangepicker/timerangepicker.js

@@ -1,9 +1,11 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/timerangepicker.css';
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Clock3 } from "lucide-react";
 import { forwardRef, useRef, useState } from "react";
-import { Button } from "../button/index.js";
+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";
@@ -22,7 +24,8 @@ const endTime = {
     minute: 0,
     second: 0
 };
-const timerangepicker_TimeRangePicker = /*#__PURE__*/ forwardRef(function({ value, defaultValue = null, onChange, onOpenChange, open: controlledOpen, defaultOpen, showSeconds = false, use12Hours = false, minuteStep = 5, secondStep = 1, allowOvernight = false, disabledTime, ...props }, ref) {
+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();
@@ -38,8 +41,8 @@ const timerangepicker_TimeRangePicker = /*#__PURE__*/ forwardRef(function({ valu
     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.am,
-            messages.pm
+            messages.timePicker.am,
+            messages.timePicker.pm
         ]);
     const change = (parts)=>{
         if (props.disabled || field?.disabled || props.readOnly || parts && !valid(parts)) return;
@@ -53,8 +56,12 @@ const timerangepicker_TimeRangePicker = /*#__PURE__*/ forwardRef(function({ valu
     const parseRange = (text)=>{
         const pair = text.split(/\s*[~～–—]\s*/);
         if (2 !== pair.length) return null;
-        const first = parseTime(pair[0]);
-        const second = parseTime(pair[1]);
+        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
@@ -65,13 +72,13 @@ const timerangepicker_TimeRangePicker = /*#__PURE__*/ forwardRef(function({ valu
     return /*#__PURE__*/ jsx(DateInput, {
         ...props,
         ref: merged,
-        placeholder: props.placeholder ?? t('开始时间 ～ 结束时间', 'Start time ~ End time'),
+        placeholder: props.placeholder ?? t('timeRangePicker.placeholder'),
         icon: /*#__PURE__*/ jsx(Clock3, {
             size: 16,
             "aria-hidden": "true"
         }),
-        panelLabel: t('选择时间范围', 'Choose time range'),
-        clearLabel: t('清除时间范围', 'Clear time range'),
+        panelLabel: t('timeRangePicker.label'),
+        clearLabel: t('timeRangePicker.clear'),
         displayValue: first && second ? `${format(first)} ~ ${format(second)}` : '',
         formValue: selected ? selected.join('/') : '',
         open: open,
@@ -113,7 +120,7 @@ const timerangepicker_TimeRangePicker = /*#__PURE__*/ forwardRef(function({ valu
                                 onFocusCapture: ()=>setActive(index),
                                 children: [
                                     /*#__PURE__*/ jsx("legend", {
-                                        children: 0 === index ? messages.start : messages.end
+                                        children: 0 === index ? messages.common.start : messages.common.end
                                     }),
                                     /*#__PURE__*/ jsx(TimePanel, {
                                         disabledTime: (parts)=>!!disabledTime?.(parts, 0 === index ? 'start' : 'end'),
@@ -140,7 +147,7 @@ const timerangepicker_TimeRangePicker = /*#__PURE__*/ forwardRef(function({ valu
                     /*#__PURE__*/ jsxs("div", {
                         className: "leaf-picker-footer",
                         children: [
-                            /*#__PURE__*/ jsx(Button, {
+                            /*#__PURE__*/ jsx(ButtonControl, {
                                 variant: "ghost",
                                 size: "sm",
                                 onClick: ()=>{
@@ -159,16 +166,16 @@ const timerangepicker_TimeRangePicker = /*#__PURE__*/ forwardRef(function({ valu
                                         ]);
                                     setValidText(true);
                                 },
-                                children: messages.now
+                                children: messages.timePicker.now
                             }),
-                            /*#__PURE__*/ jsx(Button, {
+                            /*#__PURE__*/ jsx(ButtonControl, {
                                 size: "sm",
                                 disabled: !validText || !valid(draft),
                                 onClick: ()=>{
                                     change(draft);
                                     close();
                                 },
-                                children: messages.confirm
+                                children: messages.common.confirm
                             })
                         ]
                     })

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

@@ -1 +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 { Button } from '../button';\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(\n    {\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    },\n    ref,\n  ) {\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.am, messages.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 first = parseTime(pair[0]);\n      const second = parseTime(pair[1]);\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('开始时间 ～ 结束时间', 'Start time ~ End time')}\n        icon={<Clock3 size={16} aria-hidden=\"true\" />}\n        panelLabel={t('选择时间范围', 'Choose time range')}\n        clearLabel={t('清除时间范围', 'Clear time range')}\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.start : messages.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              <Button\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.now}\n              </Button>\n              <Button\n                size=\"sm\"\n                disabled={!validText || !valid(draft)}\n                onClick={() => {\n                  change(draft);\n                  close();\n                }}\n              >\n                {messages.confirm}\n              </Button>\n            </div>\n          </>\n        )}\n      />\n    );\n  },\n);\n"],"names":["startTime","endTime","TimeRangePicker","forwardRef","value","defaultValue","onChange","onOpenChange","controlledOpen","defaultOpen","showSeconds","use12Hours","minuteStep","secondStep","allowOvernight","disabledTime","props","ref","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","first","parseTime","second","DateInput","Clock3","Boolean","close","index","TimePanel","previous","Button","now","Date"],"mappings":"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"}
+{"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":";;;;;;;;;;;;;;;;AAyBA,MAAMA,YAAuB;IAAE,MAAM;IAAG,QAAQ;IAAG,QAAQ;AAAE;AAC7D,MAAMC,UAAqB;IAAE,MAAM;IAAI,QAAQ;IAAG,QAAQ;AAAE;AACrD,MAAMC,kCAAkB,WAAHA,GAAGC,WAC7B,SAAyBC,QAA8B,EAAEC,GAAG;IAC1D,MAAM,EACJC,KAAK,EACLC,eAAe,IAAI,EACnBC,QAAQ,EACRC,YAAY,EACZ,MAAMC,cAAc,EACpBC,WAAW,EACXC,cAAc,KAAK,EACnBC,aAAa,KAAK,EAClBC,aAAa,CAAC,EACdC,aAAa,CAAC,EACdC,iBAAiB,KAAK,EACtBC,YAAY,EACZ,GAAGC,OACJ,GAAGC,kBAAkB,mBAAmBf;IACzC,MAAMgB,IAAIC;IACV,MAAMC,QAAQC;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAMC,UAAUC,OAAyB;IACzC,MAAMC,SAASC,aAAaH,SAASrB;IACrC,MAAM,CAACyB,UAAUC,YAAY,GAAGC,cAAc1B,OAAOC,cAAcmB,SAASR,MAAM,IAAI;IACtF,MAAM,CAACe,MAAMC,QAAQ,GAAGC,cACtBjB,MAAM,QAAQ,IAAII,OAAO,YAAYJ,MAAM,QAAQ,EACnDT,cACAC,gBACAC;IAEF,MAAM,CAACyB,OAAOC,SAAS,GAAGC,SAA0C;QAACtC;QAAWC;KAAQ;IACxF,MAAM,CAACsC,QAAQC,UAAU,GAAGF,SAAgB;IAC5C,MAAM,CAACG,WAAWC,aAAa,GAAGJ,SAAS;IAC3C,MAAMK,QAAQ,CAACC,QACZ5B,AAAAA,CAAAA,kBAAkB6B,WAAWD,KAAK,CAAC,EAAE,EAAE,SAASC,WAAWD,KAAK,CAAC,EAAE,EAAE,KAAI,KAC1E,CAAC3B,eAAe2B,KAAK,CAAC,EAAE,EAAE,YAC1B,CAAC3B,eAAe2B,KAAK,CAAC,EAAE,EAAE;IAC5B,MAAME,SAAS,CAACC,QACdC,YAAYD,OAAOnC,aAAaC,YAAY;YAACW,SAAS,UAAU,CAAC,EAAE;YAAEA,SAAS,UAAU,CAAC,EAAE;SAAC;IAC9F,MAAMyB,SAAS,CAACF;QACd,IAAI7B,MAAM,QAAQ,IAAII,OAAO,YAAYJ,MAAM,QAAQ,IAAK6B,SAAS,CAACJ,MAAMI,QAAS;QACrF,MAAMG,OAAOH,QACR;YAACF,WAAWE,KAAK,CAAC,EAAE,EAAEnC;YAAciC,WAAWE,KAAK,CAAC,EAAE,EAAEnC;SAAa,GACvE;QACJmB,YAAYmB;QACZ1C,WAAW0C;IACb;IACA,MAAMC,aAAa,CAACC;QAClB,MAAMC,OAAOD,KAAK,KAAK,CAAC;QACxB,IAAIC,AAAgB,MAAhBA,KAAK,MAAM,EAAQ,OAAO;QAC9B,MAAMC,UAAU;YAAC9B,SAAS,UAAU,CAAC,EAAE;YAAEA,SAAS,UAAU,CAAC,EAAE;SAAC;QAChE,MAAM+B,QAAQC,UAAUH,IAAI,CAAC,EAAE,EAAEC;QACjC,MAAMG,SAASD,UAAUH,IAAI,CAAC,EAAE,EAAEC;QAClC,OAAOC,SAASE,SAAS;YAACF;YAAOE;SAAO,GAAG;IAC7C;IACA,MAAMF,QAAQC,UAAU1B,UAAU,CAAC,EAAE;IACrC,MAAM2B,SAASD,UAAU1B,UAAU,CAAC,EAAE;IACtC,OAAO,WAAP,GACE,IAAC4B,WAASA;QACP,GAAGxC,KAAK;QACT,KAAKU;QACL,aAAaV,MAAM,WAAW,IAAIE,EAAE;QACpC,oBAAM,IAACuC,QAAMA;YAAC,MAAM;YAAI,eAAY;;QACpC,YAAYvC,EAAE;QACd,YAAYA,EAAE;QACd,cAAcmC,SAASE,SAAS,GAAGX,OAAOS,OAAO,GAAG,EAAET,OAAOW,SAAS,GAAG;QACzE,WAAW3B,WAAWA,SAAS,IAAI,CAAC,OAAO;QAC3C,MAAMG;QACN,cAAcC;QACd,WAAW;YACTG,SAAS;gBAACkB,SAASvD;gBAAWyD,UAAUxD;aAAQ;YAChDuC,UAAU;YACVE,aAAa;QACf;QACA,SAAS,IAAMO,OAAO;QACtB,cAAc;QACd,cAAc,CAACG;YACb,MAAMF,OAAOC,WAAWC;YACxBV,aAAakB,QAAQV,QAAQP,MAAMO;YACnC,IAAIA,MAAMb,SAASa;QACrB;QACA,cAAc,CAACE;YACb,IAAI,CAACA,MAAM;gBACTH,OAAO;gBACP,OAAO;YACT;YACA,MAAMC,OAAOC,WAAWC;YACxB,IAAI,CAACF,QAAQ,CAACP,MAAMO,OAAO,OAAO;YAClCD,OAAOC;YACP,OAAO;QACT;QACA,gBAAe;QACf,aAAa,CAACW,QAAAA,WAAAA,GACZ;;kCACE,IAAC;wBAAI,WAAU;kCACX;4BAAC;4BAAG;yBAAE,CAAW,GAAG,CAAC,CAACC,QAAAA,WAAAA,GACtB,KAAC;gCAAqB,gBAAgB,IAAMtB,UAAUsB;;kDACpD,IAAC;kDAAQA,AAAU,MAAVA,QAActC,SAAS,MAAM,CAAC,KAAK,GAAGA,SAAS,MAAM,CAAC,GAAG;;kDAClE,IAACuC,WAASA;wCACR,cAAc,CAAChB,QAAU,CAAC,CAAC9B,eAAe8B,OAAOe,AAAU,MAAVA,QAAc,UAAU;wCACzE,OAAO1B,KAAK,CAAC0B,MAAM;wCACnB,UAAU,CAACZ;4CACTV,UAAUsB;4CACVzB,SAAS,CAAC2B,WACRF,AAAU,MAAVA,QAAc;oDAACZ;oDAAMc,QAAQ,CAAC,EAAE;iDAAC,GAAG;oDAACA,QAAQ,CAAC,EAAE;oDAAEd;iDAAK;4CAEzDR,aAAa;wCACf;wCACA,YAAY5B;wCACZ,YAAYC;wCACZ,aAAaH;wCACb,YAAYC;;;+BAfDiD;;kCAoBnB,KAAC;wBAAI,WAAU;;0CACb,IAACG,eAAaA;gCACZ,SAAQ;gCACR,MAAK;gCACL,SAAS;oCACP,MAAMC,MAAM,IAAIC;oCAChB,MAAMjB,OAAO;wCACX,MAAMgB,IAAI,QAAQ;wCAClB,QAAQA,IAAI,UAAU;wCACtB,QAAQA,IAAI,UAAU;oCACxB;oCACA7B,SAAS,CAAC2B,WACRzB,AAAW,MAAXA,SAAe;4CAACW;4CAAMc,QAAQ,CAAC,EAAE;yCAAC,GAAG;4CAACA,QAAQ,CAAC,EAAE;4CAAEd;yCAAK;oCAE1DR,aAAa;gCACf;0CAEClB,SAAS,UAAU,CAAC,GAAG;;0CAE1B,IAACyC,eAAaA;gCACZ,MAAK;gCACL,UAAU,CAACxB,aAAa,CAACE,MAAMP;gCAC/B,SAAS;oCACPa,OAAOb;oCACPyB;gCACF;0CAECrC,SAAS,MAAM,CAAC,OAAO;;;;;;;AAOtC"}

package/dist/esm/browser/modules/tooltip/tooltip.js

@@ -1,11 +1,13 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/tooltip.css';
 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 Tooltip({ content, children, placement = 'top', open: controlled, defaultOpen = false, onOpenChange, disabled = false, enterDelay = 100, leaveDelay = 100, className, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer }) {
+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);
@@ -97,6 +99,12 @@ function Tooltip({ content, children, placement = 'top', open: controlled, defau
         ]
     });
 }
-export { Tooltip };
+function Tooltip(rawProps) {
+    const props = useComponentProps('Tooltip', rawProps);
+    return /*#__PURE__*/ jsx(TooltipControl, {
+        ...props
+    });
+}
+export { Tooltip, TooltipControl };
 
 //# sourceMappingURL=tooltip.js.map

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

@@ -1 +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 { 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 Tooltip({\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"],"names":["Tooltip","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"],"mappings":"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"}
+{"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/browser/modules/tour/index.js

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

package/dist/esm/browser/modules/tour/tour.js

@@ -1,9 +1,11 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/tour.css';
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { X } from "lucide-react";
 import { useEffect, useId, useRef, useState } from "react";
-import { Button } from "../button/index.js";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { useLeafConfig } from "../config-provider/context.js";
 import { useDialog } from "../shared/dialog.js";
 import { FloatingPanel } from "../shared/floating.js";
@@ -16,7 +18,8 @@ function TourFocus({ panel, owner, close, modal, open, children }) {
     useDialog(open, panel, owner, close, true, {}, true, modal);
     return children;
 }
-function Tour({ open, steps, current, defaultCurrent = 0, onChange, onClose, onFinish, missingTarget = 'center', mask = true, padding = 8, getPopupContainer }) {
+function Tour(rawProps) {
+    const { open, steps, current, defaultCurrent = 0, onChange, onClose, onFinish, missingTarget = 'center', mask = true, padding = 8, getPopupContainer } = useComponentProps('Tour', rawProps);
     const t = useText();
     const { messages } = useLeafConfig();
     const [index, setIndex] = useControllable(current, defaultCurrent, onChange);
@@ -93,13 +96,13 @@ function Tour({ open, steps, current, defaultCurrent = 0, onChange, onClose, onF
                             id: `${id}-title`,
                             children: step.title
                         }),
-                        /*#__PURE__*/ jsx(Button, {
+                        /*#__PURE__*/ jsx(ButtonControl, {
                             size: "sm",
                             variant: "ghost",
                             startIcon: /*#__PURE__*/ jsx(X, {
                                 size: 16
                             }),
-                            "aria-label": messages.close,
+                            "aria-label": messages.common.close,
                             onClick: onClose
                         })
                     ]
@@ -118,13 +121,13 @@ function Tour({ open, steps, current, defaultCurrent = 0, onChange, onClose, onF
                                 steps.length
                             ]
                         }),
-                        index > 0 && /*#__PURE__*/ jsx(Button, {
+                        index > 0 && /*#__PURE__*/ jsx(ButtonControl, {
                             size: "sm",
                             variant: "outline",
                             onClick: ()=>setIndex(index - 1),
-                            children: t('上一步', 'Previous')
+                            children: t('tour.previous')
                         }),
-                        /*#__PURE__*/ jsx(Button, {
+                        /*#__PURE__*/ jsx(ButtonControl, {
                             size: "sm",
                             onClick: ()=>{
                                 if (index < steps.length - 1) setIndex(index + 1);
@@ -133,7 +136,7 @@ function Tour({ open, steps, current, defaultCurrent = 0, onChange, onClose, onF
                                     onClose?.();
                                 }
                             },
-                            children: index === steps.length - 1 ? t('完成', 'Finish') : t('下一步', 'Next')
+                            children: index === steps.length - 1 ? t('tour.finish') : t('tour.next')
                         })
                     ]
                 })

package/dist/esm/browser/modules/tour/tour.js.map

@@ -1 +1 @@
-{"version":3,"file":"tour/tour.js","sources":["../../../../../src/tour/tour.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { type ReactNode, type RefObject, useEffect, useId, useRef, useState } from 'react';\nimport { Button } from '../button';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useDialog } from '../shared/dialog';\nimport { FloatingPanel, type PopupOptions } from '../shared/floating';\nimport { inertProps } from '../shared/inert';\nimport { useContentTransition, usePresence } from '../shared/presence';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\nexport interface TourStep {\n  key?: string;\n  title: ReactNode;\n  description?: ReactNode;\n  target?: string | (() => HTMLElement | null);\n  placement?: PopupOptions['popupPlacement'];\n}\nexport interface TourProps {\n  open: boolean;\n  steps: readonly TourStep[];\n  current?: number;\n  defaultCurrent?: number;\n  onChange?: (current: number) => void;\n  onClose?: () => void;\n  onFinish?: () => void;\n  missingTarget?: 'center' | 'skip' | 'close';\n  mask?: boolean;\n  padding?: number;\n  getPopupContainer?: PopupOptions['getPopupContainer'];\n}\nfunction TourFocus({\n  panel,\n  owner,\n  close,\n  modal,\n  open,\n  children,\n}: {\n  panel: RefObject<HTMLDivElement | null>;\n  owner: string;\n  close: () => void;\n  modal: boolean;\n  open: boolean;\n  children: ReactNode;\n}) {\n  useDialog(open, panel, owner, close, true, {}, true, modal);\n  return children;\n}\nexport function Tour({\n  open,\n  steps,\n  current,\n  defaultCurrent = 0,\n  onChange,\n  onClose,\n  onFinish,\n  missingTarget = 'center',\n  mask = true,\n  padding = 8,\n  getPopupContainer,\n}: TourProps) {\n  const t = useText();\n  const { messages } = useLeafConfig();\n  const [index, setIndex] = useControllable(current, defaultCurrent, onChange);\n  const latestStep = useRef(steps[index]);\n  if (open && steps[index]) latestStep.current = steps[index];\n  const step = open ? steps[index] : latestStep.current;\n  const target = useRef<HTMLElement | null>(null),\n    panel = useRef<HTMLDivElement>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const contentView = useRef<HTMLDivElement>(null);\n  const present = usePresence(open && Boolean(step), root);\n  useContentTransition(contentView, `${open}:${index}`);\n  const id = useId();\n  const [rect, setRect] = useState<DOMRect | null>(null);\n  const callbacks = useRef({ setIndex, onClose });\n  callbacks.current = { setIndex, onClose };\n  useEffect(() => {\n    if (!open || !step) return;\n    let frame = 0;\n    const node =\n      typeof step.target === 'string'\n        ? document.querySelector<HTMLElement>(step.target)\n        : step.target?.();\n    target.current = node ?? null;\n    if (!node) {\n      setRect(null);\n      if (missingTarget === 'skip' && index < steps.length - 1)\n        callbacks.current.setIndex(index + 1);\n      else if (missingTarget === 'close' || missingTarget === 'skip') callbacks.current.onClose?.();\n      return;\n    }\n    node.scrollIntoView?.({ block: 'center', behavior: 'instant' });\n    const update = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => setRect(node.getBoundingClientRect()));\n    };\n    const observer = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(update) : undefined;\n    observer?.observe(node);\n    window.addEventListener('scroll', update, true);\n    window.addEventListener('resize', update);\n    update();\n    return () => {\n      cancelAnimationFrame(frame);\n      observer?.disconnect();\n      window.removeEventListener('scroll', update, true);\n      window.removeEventListener('resize', update);\n    };\n  }, [open, step, index, missingTarget, steps.length]);\n  if (!present || !step) return null;\n  const content = (\n    <TourFocus panel={panel} owner={id} close={() => onClose?.()} modal={mask} open={open}>\n      <div ref={contentView} className=\"leaf-tour__content\">\n        <div className=\"leaf-tour__header\">\n          <h3 id={`${id}-title`}>{step.title}</h3>\n          <Button\n            size=\"sm\"\n            variant=\"ghost\"\n            startIcon={<X size={16} />}\n            aria-label={messages.close}\n            onClick={onClose}\n          />\n        </div>\n        <div className=\"leaf-tour__description\">{step.description}</div>\n        <div className=\"leaf-tour__footer\">\n          <span>\n            {index + 1} / {steps.length}\n          </span>\n          {index > 0 && (\n            <Button size=\"sm\" variant=\"outline\" onClick={() => setIndex(index - 1)}>\n              {t('上一步', 'Previous')}\n            </Button>\n          )}\n          <Button\n            size=\"sm\"\n            onClick={() => {\n              if (index < steps.length - 1) setIndex(index + 1);\n              else {\n                onFinish?.();\n                onClose?.();\n              }\n            }}\n          >\n            {index === steps.length - 1 ? t('完成', 'Finish') : t('下一步', 'Next')}\n          </Button>\n        </div>\n      </div>\n    </TourFocus>\n  );\n  return (\n    <ScopedPortal container={getPopupContainer}>\n      <div\n        ref={root}\n        className=\"leaf-tour-root\"\n        data-state={open ? 'open' : 'closing'}\n        aria-hidden={!open || undefined}\n        {...inertProps(!open)}\n      >\n        {mask && (\n          <div className=\"leaf-tour__mask\" aria-hidden=\"true\">\n            {rect ? (\n              <>\n                <div style={{ inset: `0 0 auto 0`, height: Math.max(0, rect.top - padding) }} />\n                <div style={{ inset: `${rect.bottom + padding}px 0 0 0` }} />\n                <div\n                  style={{\n                    top: rect.top - padding,\n                    left: 0,\n                    width: Math.max(0, rect.left - padding),\n                    height: rect.height + 2 * padding,\n                  }}\n                />\n                <div\n                  style={{\n                    top: rect.top - padding,\n                    left: rect.right + padding,\n                    right: 0,\n                    height: rect.height + 2 * padding,\n                  }}\n                />\n              </>\n            ) : (\n              <div style={{ inset: 0 }} />\n            )}\n          </div>\n        )}\n        {rect ? (\n          <FloatingPanel\n            open={open}\n            triggerRef={target}\n            panelRef={panel}\n            placement={step.placement ?? 'bottom'}\n            container={getPopupContainer}\n            role=\"dialog\"\n            aria-modal={mask || undefined}\n            aria-labelledby={`${id}-title`}\n            className=\"leaf-floating leaf-tour\"\n            tabIndex={-1}\n          >\n            {content}\n          </FloatingPanel>\n        ) : (\n          <div\n            ref={panel}\n            role=\"dialog\"\n            aria-modal={mask || undefined}\n            aria-labelledby={`${id}-title`}\n            tabIndex={-1}\n            className=\"leaf-tour leaf-tour--center\"\n          >\n            {content}\n          </div>\n        )}\n      </div>\n    </ScopedPortal>\n  );\n}\n"],"names":["TourFocus","panel","owner","close","modal","open","children","useDialog","Tour","steps","current","defaultCurrent","onChange","onClose","onFinish","missingTarget","mask","padding","getPopupContainer","t","useText","messages","useLeafConfig","index","setIndex","useControllable","latestStep","useRef","step","target","root","contentView","present","usePresence","Boolean","useContentTransition","id","useId","rect","setRect","useState","callbacks","useEffect","frame","node","document","update","cancelAnimationFrame","requestAnimationFrame","observer","ResizeObserver","undefined","window","content","Button","X","ScopedPortal","inertProps","Math","FloatingPanel"],"mappings":"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"}
+{"version":3,"file":"tour/tour.js","sources":["../../../../../src/tour/tour.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { type ReactNode, type RefObject, useEffect, useId, useRef, useState } from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { useDialog } from '../shared/dialog';\nimport { FloatingPanel, type PopupOptions } from '../shared/floating';\nimport { inertProps } from '../shared/inert';\nimport { useContentTransition, usePresence } from '../shared/presence';\nimport { ScopedPortal } from '../shared/scoped-portal';\nimport { useControllable } from '../shared/use-controllable';\nimport { useText } from '../shared/use-text';\nexport interface TourStep {\n  key?: string;\n  title: ReactNode;\n  description?: ReactNode;\n  target?: string | (() => HTMLElement | null);\n  placement?: PopupOptions['popupPlacement'];\n}\nexport interface TourProps {\n  open: boolean;\n  steps: readonly TourStep[];\n  current?: number;\n  defaultCurrent?: number;\n  onChange?: (current: number) => void;\n  onClose?: () => void;\n  onFinish?: () => void;\n  missingTarget?: 'center' | 'skip' | 'close';\n  mask?: boolean;\n  padding?: number;\n  getPopupContainer?: PopupOptions['getPopupContainer'];\n}\nfunction TourFocus({\n  panel,\n  owner,\n  close,\n  modal,\n  open,\n  children,\n}: {\n  panel: RefObject<HTMLDivElement | null>;\n  owner: string;\n  close: () => void;\n  modal: boolean;\n  open: boolean;\n  children: ReactNode;\n}) {\n  useDialog(open, panel, owner, close, true, {}, true, modal);\n  return children;\n}\nexport function Tour(rawProps: TourProps) {\n  const {\n    open,\n    steps,\n    current,\n    defaultCurrent = 0,\n    onChange,\n    onClose,\n    onFinish,\n    missingTarget = 'center',\n    mask = true,\n    padding = 8,\n    getPopupContainer,\n  } = useComponentProps('Tour', rawProps);\n  const t = useText();\n  const { messages } = useLeafConfig();\n  const [index, setIndex] = useControllable(current, defaultCurrent, onChange);\n  const latestStep = useRef(steps[index]);\n  if (open && steps[index]) latestStep.current = steps[index];\n  const step = open ? steps[index] : latestStep.current;\n  const target = useRef<HTMLElement | null>(null),\n    panel = useRef<HTMLDivElement>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const contentView = useRef<HTMLDivElement>(null);\n  const present = usePresence(open && Boolean(step), root);\n  useContentTransition(contentView, `${open}:${index}`);\n  const id = useId();\n  const [rect, setRect] = useState<DOMRect | null>(null);\n  const callbacks = useRef({ setIndex, onClose });\n  callbacks.current = { setIndex, onClose };\n  useEffect(() => {\n    if (!open || !step) return;\n    let frame = 0;\n    const node =\n      typeof step.target === 'string'\n        ? document.querySelector<HTMLElement>(step.target)\n        : step.target?.();\n    target.current = node ?? null;\n    if (!node) {\n      setRect(null);\n      if (missingTarget === 'skip' && index < steps.length - 1)\n        callbacks.current.setIndex(index + 1);\n      else if (missingTarget === 'close' || missingTarget === 'skip') callbacks.current.onClose?.();\n      return;\n    }\n    node.scrollIntoView?.({ block: 'center', behavior: 'instant' });\n    const update = () => {\n      cancelAnimationFrame(frame);\n      frame = requestAnimationFrame(() => setRect(node.getBoundingClientRect()));\n    };\n    const observer = typeof ResizeObserver !== 'undefined' ? new ResizeObserver(update) : undefined;\n    observer?.observe(node);\n    window.addEventListener('scroll', update, true);\n    window.addEventListener('resize', update);\n    update();\n    return () => {\n      cancelAnimationFrame(frame);\n      observer?.disconnect();\n      window.removeEventListener('scroll', update, true);\n      window.removeEventListener('resize', update);\n    };\n  }, [open, step, index, missingTarget, steps.length]);\n  if (!present || !step) return null;\n  const content = (\n    <TourFocus panel={panel} owner={id} close={() => onClose?.()} modal={mask} open={open}>\n      <div ref={contentView} className=\"leaf-tour__content\">\n        <div className=\"leaf-tour__header\">\n          <h3 id={`${id}-title`}>{step.title}</h3>\n          <ButtonControl\n            size=\"sm\"\n            variant=\"ghost\"\n            startIcon={<X size={16} />}\n            aria-label={messages.common.close}\n            onClick={onClose}\n          />\n        </div>\n        <div className=\"leaf-tour__description\">{step.description}</div>\n        <div className=\"leaf-tour__footer\">\n          <span>\n            {index + 1} / {steps.length}\n          </span>\n          {index > 0 && (\n            <ButtonControl size=\"sm\" variant=\"outline\" onClick={() => setIndex(index - 1)}>\n              {t('tour.previous')}\n            </ButtonControl>\n          )}\n          <ButtonControl\n            size=\"sm\"\n            onClick={() => {\n              if (index < steps.length - 1) setIndex(index + 1);\n              else {\n                onFinish?.();\n                onClose?.();\n              }\n            }}\n          >\n            {index === steps.length - 1 ? t('tour.finish') : t('tour.next')}\n          </ButtonControl>\n        </div>\n      </div>\n    </TourFocus>\n  );\n  return (\n    <ScopedPortal container={getPopupContainer}>\n      <div\n        ref={root}\n        className=\"leaf-tour-root\"\n        data-state={open ? 'open' : 'closing'}\n        aria-hidden={!open || undefined}\n        {...inertProps(!open)}\n      >\n        {mask && (\n          <div className=\"leaf-tour__mask\" aria-hidden=\"true\">\n            {rect ? (\n              <>\n                <div style={{ inset: `0 0 auto 0`, height: Math.max(0, rect.top - padding) }} />\n                <div style={{ inset: `${rect.bottom + padding}px 0 0 0` }} />\n                <div\n                  style={{\n                    top: rect.top - padding,\n                    left: 0,\n                    width: Math.max(0, rect.left - padding),\n                    height: rect.height + 2 * padding,\n                  }}\n                />\n                <div\n                  style={{\n                    top: rect.top - padding,\n                    left: rect.right + padding,\n                    right: 0,\n                    height: rect.height + 2 * padding,\n                  }}\n                />\n              </>\n            ) : (\n              <div style={{ inset: 0 }} />\n            )}\n          </div>\n        )}\n        {rect ? (\n          <FloatingPanel\n            open={open}\n            triggerRef={target}\n            panelRef={panel}\n            placement={step.placement ?? 'bottom'}\n            container={getPopupContainer}\n            role=\"dialog\"\n            aria-modal={mask || undefined}\n            aria-labelledby={`${id}-title`}\n            className=\"leaf-floating leaf-tour\"\n            tabIndex={-1}\n          >\n            {content}\n          </FloatingPanel>\n        ) : (\n          <div\n            ref={panel}\n            role=\"dialog\"\n            aria-modal={mask || undefined}\n            aria-labelledby={`${id}-title`}\n            tabIndex={-1}\n            className=\"leaf-tour leaf-tour--center\"\n          >\n            {content}\n          </div>\n        )}\n      </div>\n    </ScopedPortal>\n  );\n}\n"],"names":["TourFocus","panel","owner","close","modal","open","children","useDialog","Tour","rawProps","steps","current","defaultCurrent","onChange","onClose","onFinish","missingTarget","mask","padding","getPopupContainer","useComponentProps","t","useText","messages","useLeafConfig","index","setIndex","useControllable","latestStep","useRef","step","target","root","contentView","present","usePresence","Boolean","useContentTransition","id","useId","rect","setRect","useState","callbacks","useEffect","frame","node","document","update","cancelAnimationFrame","requestAnimationFrame","observer","ResizeObserver","undefined","window","content","ButtonControl","X","ScopedPortal","inertProps","Math","FloatingPanel"],"mappings":"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"}