@duskmoon-dev/components 0.5.3 → 0.5.5

package/dist/index.js

@@ -107,7 +107,7 @@ function duskmoonMerge(classes) {
 import { useCallback as useCallback2, useState as useState2 } from "react";
 
 // src/generated/version.ts
-var version = "0.5.3";
+var version = "0.5.5";
 
 // src/infrastructure.ts
 var theme = {
@@ -9098,7 +9098,7 @@ function getDmTableClasses({ className }) {
 // src/components/dm-search/DmSearch.tsx
 import {
   forwardRef as forwardRef40,
-  useEffect as useEffect19,
+  useEffect as useEffect20,
   useImperativeHandle as useImperativeHandle6,
   useMemo as useMemo19,
   useState as useState30
@@ -9121,7 +9121,15 @@ function getDmSearchClasses({
 }
 
 // src/components/select/Select.tsx
-import React45, { forwardRef as forwardRef39, useMemo as useMemo18, useState as useState29 } from "react";
+import React45, {
+  forwardRef as forwardRef39,
+  useCallback as useCallback7,
+  useEffect as useEffect19,
+  useId as useId10,
+  useMemo as useMemo18,
+  useRef as useRef15,
+  useState as useState29
+} from "react";
 
 // src/classes/select.ts
 var selectContainerClass = "select-container";
@@ -9275,6 +9283,7 @@ var SelectRoot = forwardRef39(({
   "aria-required": ariaRequired,
   children,
   className,
+  defaultOpen = false,
   defaultValue,
   disabled,
   filterOption,
@@ -9282,6 +9291,9 @@ var SelectRoot = forwardRef39(({
   loading,
   mode,
   onChange,
+  onDropdownVisibleChange,
+  onOpenChange,
+  open: openProp,
   options,
   placeholder,
   showSearch,
@@ -9290,10 +9302,60 @@ var SelectRoot = forwardRef39(({
   value,
   ...props
 }, ref) => {
+  const generatedId = useId10();
+  const cleanId = generatedId.replace(/[^a-zA-Z0-9_-]/g, "");
+  const triggerId = id || `select-${cleanId}`;
+  const dropdownId = `select-dropdown-${cleanId}`;
+  const anchorName = `--dm-select-${cleanId}`;
+  const [internalOpen, setInternalOpen] = useState29(Boolean(defaultOpen));
+  const isControlled = openProp !== undefined;
+  const isOpen = isControlled ? Boolean(openProp) : internalOpen;
+  const containerRef = useRef15(null);
+  const dropdownRef = useRef15(null);
+  const setOpenState = useCallback7((nextOpen) => {
+    if (!isControlled) {
+      setInternalOpen(nextOpen);
+    }
+    onDropdownVisibleChange?.(nextOpen);
+    onOpenChange?.(nextOpen);
+  }, [isControlled, onDropdownVisibleChange, onOpenChange]);
+  useEffect19(() => {
+    const dropdown = dropdownRef.current;
+    if (!dropdown || typeof dropdown.showPopover !== "function")
+      return;
+    if (isOpen && !dropdown.matches(":popover-open")) {
+      try {
+        dropdown.showPopover();
+      } catch {}
+    } else if (!isOpen && dropdown.matches(":popover-open")) {
+      try {
+        dropdown.hidePopover();
+      } catch {}
+    }
+  }, [isOpen]);
+  useEffect19(() => {
+    if (!isOpen)
+      return;
+    const handlePointerDown = (event) => {
+      const target = event.target;
+      if (!target)
+        return;
+      if (containerRef.current?.contains(target))
+        return;
+      if (dropdownRef.current?.contains(target))
+        return;
+      setOpenState(false);
+    };
+    document.addEventListener("mousedown", handlePointerDown);
+    document.addEventListener("touchstart", handlePointerDown);
+    return () => {
+      document.removeEventListener("mousedown", handlePointerDown);
+      document.removeEventListener("touchstart", handlePointerDown);
+    };
+  }, [isOpen, setOpenState]);
   const multiple = mode === "multiple" || mode === "tags";
   const sourceOptions = useMemo18(() => options ?? optionsFromChildren2(children), [children, options]);
   const flatOptions = useMemo18(() => flattenOptions(sourceOptions), [sourceOptions]);
-  const [open, setOpen] = useState29(false);
   const [searchValue, setSearchValue] = useState29("");
   const [internalValue, setInternalValue] = useState29(multiple ? normalizeMultiValue(defaultValue) : normalizeSingleValue2(defaultValue));
   const controlled = value !== undefined;
@@ -9328,7 +9390,7 @@ var SelectRoot = forwardRef39(({
       emitChange(nextValues);
     } else {
       emitChange(option.value);
-      setOpen(false);
+      setOpenState(false);
     }
     setSearchValue("");
   }
@@ -9384,15 +9446,23 @@ var SelectRoot = forwardRef39(({
       }, `group-${index}`);
     });
   }
+  const setRefs = (node) => {
+    containerRef.current = node;
+    if (typeof ref === "function") {
+      ref(node);
+    } else if (ref) {
+      ref.current = node;
+    }
+  };
   const selection = multiple ? selectedOptions.map((option) => /* @__PURE__ */ jsx49("span", {
     className: selectTagClass,
     children: renderValue(option)
   }, valueKey2(option.value))) : renderValue(selectedOptions[0]);
   return /* @__PURE__ */ jsxs35("div", {
     ...props,
-    ref,
+    ref: setRefs,
     className: getSelectContainerClasses({
-      open,
+      open: isOpen,
       loading,
       disabled,
       full: true,
@@ -9401,7 +9471,7 @@ var SelectRoot = forwardRef39(({
     children: [
       /* @__PURE__ */ jsxs35("button", {
         type: "button",
-        id,
+        id: triggerId,
         className: getSelectClasses({ size, status, disabled }),
         disabled: disabled || loading,
         "aria-describedby": ariaDescribedBy,
@@ -9411,8 +9481,14 @@ var SelectRoot = forwardRef39(({
         "aria-labelledby": ariaLabelledBy,
         "aria-required": ariaRequired,
         "aria-haspopup": "listbox",
-        "aria-expanded": open,
-        onClick: () => setOpen((current) => !current),
+        "aria-expanded": isOpen,
+        "aria-controls": dropdownId,
+        style: { anchorName },
+        onClick: () => {
+          if (disabled || loading)
+            return;
+          setOpenState(!isOpen);
+        },
         children: [
           /* @__PURE__ */ jsx49("span", {
             className: selectSelectionClass,
@@ -9460,10 +9536,22 @@ var SelectRoot = forwardRef39(({
           })
         })
       }) : null,
-      open ? /* @__PURE__ */ jsxs35("div", {
-        className: selectDropdownClass,
+      isOpen ? /* @__PURE__ */ jsxs35("div", {
+        id: dropdownId,
+        ref: dropdownRef,
+        popover: "auto",
         role: "listbox",
         "aria-multiselectable": multiple || undefined,
+        className: selectDropdownClass,
+        style: { positionAnchor: anchorName },
+        onToggle: (event) => {
+          if (event.target !== event.currentTarget)
+            return;
+          const nextOpen = event.nativeEvent?.newState === "open";
+          if (nextOpen !== isOpen) {
+            setOpenState(nextOpen);
+          }
+        },
         children: [
           searchable ? /* @__PURE__ */ jsx49("input", {
             className: selectSearchClass,
@@ -9597,7 +9685,7 @@ var DmSearch = forwardRef40(({
   const controlled = controlledValues !== undefined;
   const values = controlled ? controlledValues : internalValues;
   const visibleItems = collapsed ? allItems.slice(0, 1) : allItems;
-  useEffect19(() => {
+  useEffect20(() => {
     if (!controlled)
       setValues(initialValues(allItems, searchParams));
   }, [allItems, searchParams, controlled]);
@@ -10588,7 +10676,7 @@ function DmProTable({
 }
 DmProTable.displayName = "DmProTable";
 // src/components/dm-provider/DmProvider.tsx
-import { forwardRef as forwardRef42, useEffect as useEffect20, useState as useState33 } from "react";
+import { forwardRef as forwardRef42, useEffect as useEffect21, useState as useState33 } from "react";
 
 // src/classes/dm-provider.ts
 var dmProviderClass = "dm-provider";
@@ -10609,17 +10697,17 @@ var DmProvider = forwardRef42(({
   ...props
 }, ref) => {
   const [currentTheme, setCurrentTheme] = useState33(() => getDmTheme());
-  useEffect20(() => {
+  useEffect21(() => {
     return onDmThemeUpdate(() => {
       setCurrentTheme(getDmTheme());
     });
   }, []);
-  useEffect20(() => {
+  useEffect21(() => {
     if (prefixCls) {
       setDmPrefixCls(prefixCls);
     }
   }, [prefixCls]);
-  useEffect20(() => {
+  useEffect21(() => {
     const colorPrimary = theme?.token?.colorPrimary;
     if (typeof colorPrimary === "string") {
       setDmPrimaryColor(colorPrimary);
@@ -10642,7 +10730,7 @@ DmProvider.displayName = "DmProvider";
 import {
   forwardRef as forwardRef43,
   useImperativeHandle as useImperativeHandle7,
-  useRef as useRef15,
+  useRef as useRef16,
   useState as useState34
 } from "react";
 import { jsx as jsx55 } from "react/jsx-runtime";
@@ -10667,7 +10755,7 @@ var DmQuery = forwardRef43(({
   onSearch,
   ...props
 }, ref) => {
-  const searchRef = useRef15(null);
+  const searchRef = useRef16(null);
   const [selectedItem, setSelectedItem] = useState34(queryItem[0]);
   const items = selectedItem ? [toSearchItem(selectedItem)] : queryItem.map(toSearchItem);
   useImperativeHandle7(ref, () => ({
@@ -10692,7 +10780,7 @@ import React52, {
   Children as Children2,
   forwardRef as forwardRef45,
   isValidElement as isValidElement2,
-  useEffect as useEffect21,
+  useEffect as useEffect22,
   useMemo as useMemo23,
   useState as useState36
 } from "react";
@@ -10989,7 +11077,7 @@ var DmSplitterRoot = forwardRef45(({
   const hasPersistence = Boolean(key);
   const shouldRenderReset = resettable ?? hasPersistence;
   const gapValue = typeof gap === "number" ? `${gap}px` : gap;
-  useEffect21(() => {
+  useEffect22(() => {
     if (!key || persistence?.persistenceType === "localStorage")
       return;
     if (!persistence?.persistenceType)
@@ -11171,7 +11259,7 @@ var Empty = EmptyBase;
 Empty.PRESENTED_IMAGE_DEFAULT = defaultImage;
 Empty.PRESENTED_IMAGE_SIMPLE = simpleImage;
 // src/components/spin/Spin.tsx
-import { forwardRef as forwardRef47, useEffect as useEffect22, useState as useState37 } from "react";
+import { forwardRef as forwardRef47, useEffect as useEffect23, useState as useState37 } from "react";
 
 // src/classes/spin.ts
 var spinBaseClass = "spin";
@@ -11205,7 +11293,7 @@ function setDefaultIndicator(indicator) {
 function useDelayedSpinning(spinning, delay) {
   const [delayedActive, setDelayedActive] = useState37(false);
   const hasDelay = Boolean(delay && delay > 0);
-  useEffect22(() => {
+  useEffect23(() => {
     if (!hasDelay) {
       return;
     }
@@ -11432,8 +11520,8 @@ import {
   Fragment as Fragment11,
   forwardRef as forwardRef49,
   isValidElement as isValidElement3,
-  useId as useId10,
-  useRef as useRef16,
+  useId as useId11,
+  useRef as useRef17,
   useState as useState38
 } from "react";
 
@@ -11585,13 +11673,13 @@ var TabsBase = forwardRef49(({
   id,
   ...props
 }, ref) => {
-  const reactId = useId10();
+  const reactId = useId11();
   const tabsId = id ?? `tabs-${reactId}`;
   const finalItems = normalizeItems(items, children);
   const [internalActiveKey, setInternalActiveKey] = useState38(() => getInitialActiveKey(finalItems, defaultActiveKey));
   const isControlled = activeKey !== undefined;
   const selectedKey = getCurrentActiveKey(finalItems, isControlled ? activeKey : internalActiveKey);
-  const tabRefs = useRef16([]);
+  const tabRefs = useRef17([]);
   const editable = isEditable(type);
   function changeActive(nextKey) {
     if (nextKey === selectedKey)
@@ -12572,11 +12660,11 @@ var DmTree = (props) => {
 // src/components/dm-truncate/DmTruncate.tsx
 import {
   forwardRef as forwardRef53,
-  useCallback as useCallback7,
-  useEffect as useEffect24,
+  useCallback as useCallback8,
+  useEffect as useEffect25,
   useLayoutEffect as useLayoutEffect3,
   useMemo as useMemo26,
-  useRef as useRef18,
+  useRef as useRef19,
   useState as useState42
 } from "react";
 
@@ -12601,7 +12689,7 @@ function getDmTruncateTextClasses({
 }
 
 // src/components/tooltip/Tooltip.tsx
-import React59, { forwardRef as forwardRef52, useEffect as useEffect23, useId as useId11, useRef as useRef17, useState as useState41 } from "react";
+import React59, { forwardRef as forwardRef52, useEffect as useEffect24, useId as useId12, useRef as useRef18, useState as useState41 } from "react";
 
 // src/classes/tooltip.ts
 var tooltipWrapperClass = "tooltip-wrapper";
@@ -12651,22 +12739,22 @@ var Tooltip = forwardRef52(({
   const [internalOpen, setInternalOpen] = useState41(Boolean(defaultOpen));
   const isControlled = open !== undefined;
   const visible = isControlled ? open : internalOpen;
-  const reactId = useId11();
+  const reactId = useId12();
   const tooltipId = props.id !== undefined ? `${props.id}-tooltip` : `${reactId}-tooltip`;
   const anchor = `--tooltip-${reactId.replace(/[^a-zA-Z0-9_-]/g, "")}`;
-  const surfaceRef = useRef17(null);
-  const hoveredRef = useRef17(false);
-  const focusedRef = useRef17(false);
-  const interactionOpenRef = useRef17(false);
-  const visibleRef = useRef17(visible);
-  const controlledRef = useRef17(isControlled);
-  const onOpenChangeRef = useRef17(onOpenChange);
+  const surfaceRef = useRef18(null);
+  const hoveredRef = useRef18(false);
+  const focusedRef = useRef18(false);
+  const interactionOpenRef = useRef18(false);
+  const visibleRef = useRef18(visible);
+  const controlledRef = useRef18(isControlled);
+  const onOpenChangeRef = useRef18(onOpenChange);
   visibleRef.current = visible;
   controlledRef.current = isControlled;
   onOpenChangeRef.current = onOpenChange;
   const hasTitle = Boolean(title);
   const nativeInterest = !isControlled && React59.isValidElement(children) && (typeof children.type !== "string" || children.type === "button" || children.type === "a") && children.type !== React59.Fragment;
-  useEffect23(() => {
+  useEffect24(() => {
     const surface = surfaceRef.current;
     if (!surface)
       return;
@@ -12692,14 +12780,14 @@ var Tooltip = forwardRef52(({
     surface.addEventListener("toggle", handleToggle);
     return () => surface.removeEventListener("toggle", handleToggle);
   }, [hasTitle, isControlled, nativeInterest]);
-  useEffect23(() => {
+  useEffect24(() => {
     const surface = surfaceRef.current;
     return () => {
       if (surface?.matches(":popover-open"))
         surface.hidePopover();
     };
   }, [hasTitle, isControlled, nativeInterest]);
-  useEffect23(() => {
+  useEffect24(() => {
     const surface = surfaceRef.current;
     if (!surface)
       return;
@@ -12709,7 +12797,7 @@ var Tooltip = forwardRef52(({
       surface.hidePopover();
     }
   }, [visible, hasTitle, isControlled]);
-  useEffect23(() => {
+  useEffect24(() => {
     if (!isControlled || !visible || !hasTitle)
       return;
     const wrapper = surfaceRef.current?.parentElement;
@@ -12875,10 +12963,10 @@ var DmTruncate = forwardRef53(({
   onCopy,
   ...props
 }, ref) => {
-  const wrapperRef = useRef18(null);
-  const textRef = useRef18(null);
-  const measureRef = useRef18(null);
-  const copyTimerRef = useRef18(null);
+  const wrapperRef = useRef19(null);
+  const textRef = useRef19(null);
+  const measureRef = useRef19(null);
+  const copyTimerRef = useRef19(null);
   const [overflow, setOverflow] = useState42(false);
   const [copied, setCopied] = useState42(false);
   const textValue = toPlainText(children);
@@ -12914,7 +13002,7 @@ var DmTruncate = forwardRef53(({
     textStyle,
     tooltipPreserveLineBreak
   ]);
-  const measure = useCallback7(() => {
+  const measure = useCallback8(() => {
     const wrapper = wrapperRef.current;
     const text = textRef.current;
     const measureNode = measureRef.current;
@@ -12934,14 +13022,14 @@ var DmTruncate = forwardRef53(({
   useLayoutEffect3(() => {
     measure();
   }, [measure, textValue]);
-  useEffect24(() => {
+  useEffect25(() => {
     if (typeof window === "undefined") {
       return;
     }
     window.addEventListener("resize", measure);
     return () => window.removeEventListener("resize", measure);
   }, [measure]);
-  useEffect24(() => {
+  useEffect25(() => {
     return () => {
       if (copyTimerRef.current) {
         window.clearTimeout(copyTimerRef.current);
@@ -13110,8 +13198,8 @@ import React62, {
   createContext as createContext6,
   forwardRef as forwardRef55,
   useContext as useContext6,
-  useEffect as useEffect25,
-  useRef as useRef19,
+  useEffect as useEffect26,
+  useRef as useRef20,
   useState as useState43
 } from "react";
 
@@ -13345,9 +13433,9 @@ var FloatButtonBackTop = forwardRef55(({
   ...props
 }, ref) => {
   const [visible, setVisible] = useState43(false);
-  const visibleRef = useRef19(visible);
+  const visibleRef = useRef20(visible);
   visibleRef.current = visible;
-  useEffect25(() => {
+  useEffect26(() => {
     const scrollTarget = getTarget2(target);
     if (!scrollTarget)
       return;
@@ -13384,7 +13472,7 @@ var FloatButton = Object.assign(InternalFloatButton, {
   BackTop: FloatButtonBackTop
 });
 // src/components/fab/Fab.tsx
-import { createContext as createContext7, forwardRef as forwardRef56, useContext as useContext7, useId as useId12 } from "react";
+import { createContext as createContext7, forwardRef as forwardRef56, useContext as useContext7, useId as useId13 } from "react";
 
 // src/classes/fab.ts
 var fabClass = "fab";
@@ -13456,7 +13544,7 @@ var FabRoot = forwardRef56(({
   children,
   ...props
 }, ref) => {
-  const actionsId = `fab-actions-${useId12().replace(/:/g, "")}`;
+  const actionsId = `fab-actions-${useId13().replace(/:/g, "")}`;
   const hasActions = actions != null;
   const resolvedSpeedDial = speedDial || hasActions;
   return /* @__PURE__ */ jsx69(FabContext.Provider, {
@@ -13510,14 +13598,14 @@ import React64, {
   createContext as createContext8,
   forwardRef as forwardRef57,
   isValidElement as isValidElement4,
-  useCallback as useCallback8,
+  useCallback as useCallback9,
   useContext as useContext8,
-  useEffect as useEffect26,
+  useEffect as useEffect27,
   useImperativeHandle as useImperativeHandle8,
-  useId as useId13,
+  useId as useId14,
   useLayoutEffect as useLayoutEffect4,
   useMemo as useMemo27,
-  useRef as useRef20,
+  useRef as useRef21,
   useState as useState44,
   useSyncExternalStore as useSyncExternalStore2
 } from "react";
@@ -13686,7 +13774,7 @@ var FormBase = forwardRef57(({
   ...props
 }, ref) => {
   const formInstance = useInternalForm(form, initialValues);
-  const initialValuesRef = useRef20(initialValues);
+  const initialValuesRef = useRef21(initialValues);
   const [errors, setErrors] = useState44({});
   const [, rerender] = useState44(0);
   const providerForms = useContext8(ProviderContext);
@@ -13703,21 +13791,21 @@ var FormBase = forwardRef57(({
     const internal = formInstance;
     return internal.__subscribe?.(() => rerender((value) => value + 1));
   }, [formInstance]);
-  useEffect26(() => {
+  useEffect27(() => {
     formInstance.__setSubmit?.(() => {
       submit();
     });
   });
-  const setFieldError = useCallback8((fieldName, fieldErrors) => {
+  const setFieldError = useCallback9((fieldName, fieldErrors) => {
     setErrors((current) => ({
       ...current,
       [nameKey(fieldName)]: fieldErrors
     }));
   }, []);
-  const getFieldError = useCallback8((fieldName) => {
+  const getFieldError = useCallback9((fieldName) => {
     return errors[nameKey(fieldName)] ?? [];
   }, [errors]);
-  const registerField = useCallback8((fieldName, rules = []) => {
+  const registerField = useCallback9((fieldName, rules = []) => {
     const store = formInstance.__getRules?.();
     store?.set(nameKey(fieldName), { name: fieldName, rules });
     return () => {
@@ -13800,14 +13888,14 @@ var FormItem = forwardRef57(({
   ...props
 }, ref) => {
   const context = useContext8(FormContext);
-  const generatedId = useId13();
+  const generatedId = useId14();
   useFormVersion(context?.form);
   const fieldErrors = name && context ? context.getFieldError(name) : [];
   const ruleRequired = required ?? rules.some((rule) => rule.required);
   const child = isValidElement4(children) && children.type !== React64.Fragment ? children : null;
   const childProps = child?.props;
   const controlId = label && !noStyle && htmlFor === undefined && child ? childProps?.id ?? generatedId : undefined;
-  useEffect26(() => {
+  useEffect27(() => {
     if (!name || !context) {
       return;
     }
@@ -14032,7 +14120,7 @@ var Grid = {
   useWatch: useWatch2
 };
 // src/components/image/Image.tsx
-import { forwardRef as forwardRef58, useEffect as useEffect27, useState as useState45 } from "react";
+import { forwardRef as forwardRef58, useEffect as useEffect28, useState as useState45 } from "react";
 
 // src/classes/image.ts
 var imageBaseClass = "image";
@@ -14096,7 +14184,7 @@ var ImageBase = forwardRef58(({
   const isPreviewEnabled = previewEnabled(preview);
   const previewVisible = config.visible ?? internalPreviewVisible;
   const hasImage = Boolean(currentSrc);
-  useEffect27(() => {
+  useEffect28(() => {
     setCurrentSrc(src);
     setLoading(Boolean(src));
     setFailed(false);
@@ -14468,7 +14556,7 @@ var List = Object.assign(ListRootWithRef, {
 });
 List.displayName = "List";
 // src/components/mentions/Mentions.tsx
-import React68, { forwardRef as forwardRef61, useId as useId14, useMemo as useMemo30, useRef as useRef21, useState as useState47 } from "react";
+import React68, { forwardRef as forwardRef61, useId as useId15, useMemo as useMemo30, useRef as useRef22, useState as useState47 } from "react";
 
 // src/classes/mentions.ts
 var mentionsBaseClass = "mentions";
@@ -14589,8 +14677,8 @@ var MentionsRoot = forwardRef61(({
   value,
   ...props
 }, ref) => {
-  const listboxId = useId14();
-  const textareaRef = useRef21(null);
+  const listboxId = useId15();
+  const textareaRef = useRef22(null);
   const sourceOptions = useMemo30(() => options ?? optionsFromChildren3(children), [children, options]);
   const prefixes = useMemo30(() => normalizePrefixes(prefix), [prefix]);
   const [internalValue, setInternalValue] = useState47(defaultValue);
@@ -14757,7 +14845,7 @@ import {
   createContext as createContext9,
   forwardRef as forwardRef62,
   useContext as useContext9,
-  useId as useId15
+  useId as useId16
 } from "react";
 
 // src/classes/megamenu.ts
@@ -14787,7 +14875,7 @@ var Bar = forwardRef62(({ className, ...props }, ref) => /* @__PURE__ */ jsx75("
 }));
 Bar.displayName = "Megamenu.Bar";
 var Item = forwardRef62(({ style, children, ...props }, ref) => {
-  const key = useId15().replace(/:/g, "");
+  const key = useId16().replace(/:/g, "");
   const panelId = `megamenu-panel-${key}`;
   const anchorStyle = {
     ...style,
@@ -14873,7 +14961,7 @@ var MegamenuRoot = forwardRef62(({
   children,
   ...props
 }, ref) => {
-  const key = useId15().replace(/[^a-zA-Z0-9_-]/g, "");
+  const key = useId16().replace(/[^a-zA-Z0-9_-]/g, "");
   const panelId = `dm-megamenu-${key}`;
   const headingId = `${panelId}-heading`;
   const anchorStyle = {
@@ -15023,9 +15111,9 @@ import {
   cloneElement as cloneElement2,
   forwardRef as forwardRef64,
   isValidElement as isValidElement5,
-  useId as useId16,
+  useId as useId17,
   useLayoutEffect as useLayoutEffect5,
-  useRef as useRef22,
+  useRef as useRef23,
   useState as useState48
 } from "react";
 
@@ -15101,10 +15189,10 @@ var Popover = forwardRef64(({
 }, ref) => {
   const isControlled = open !== undefined;
   const [internalOpen, setInternalOpen] = useState48(Boolean(defaultOpen));
-  const generatedId = useId16();
+  const generatedId = useId17();
   const tooltipId = id ? `${id}-popover` : generatedId;
   const anchorName = `--dm-popover-${generatedId.replace(/[^a-zA-Z0-9_-]/g, "")}`;
-  const popoverRef = useRef22(null);
+  const popoverRef = useRef23(null);
   const visible = isControlled ? open : internalOpen;
   useLayoutEffect5(() => {
     const popover = popoverRef.current;
@@ -15226,9 +15314,9 @@ Popover.displayName = "Popover";
 // src/components/popconfirm/Popconfirm.tsx
 import React71, {
   forwardRef as forwardRef65,
-  useId as useId17,
+  useId as useId18,
   useLayoutEffect as useLayoutEffect6,
-  useRef as useRef23,
+  useRef as useRef24,
   useState as useState49
 } from "react";
 
@@ -15310,13 +15398,13 @@ var Popconfirm = forwardRef65(({
 }, ref) => {
   const [internalOpen, setInternalOpen] = useState49(Boolean(defaultOpen));
   const [confirmLoading, setConfirmLoading] = useState49(false);
-  const generatedPopupId = useId17();
+  const generatedPopupId = useId18();
   const isControlled = open !== undefined;
   const visible = isControlled ? open : internalOpen;
   const popupId = id ? `${id}-popconfirm` : generatedPopupId;
   const anchorName = `--dm-popconfirm-${generatedPopupId.replace(/[^a-zA-Z0-9_-]/g, "")}`;
-  const popupRef = useRef23(null);
-  const desiredOpen = useRef23(visible);
+  const popupRef = useRef24(null);
+  const desiredOpen = useRef24(visible);
   desiredOpen.current = visible;
   const shouldRenderPopup = !destroyTooltipOnHide || visible;
   useLayoutEffect6(() => {
@@ -16612,9 +16700,9 @@ var Skeleton = Object.assign(SkeletonRoot, {
 // src/components/slider/Slider.tsx
 import React80, {
   forwardRef as forwardRef74,
-  useEffect as useEffect28,
+  useEffect as useEffect29,
   useMemo as useMemo31,
-  useRef as useRef24,
+  useRef as useRef25,
   useState as useState52
 } from "react";
 
@@ -16854,8 +16942,8 @@ var Slider = forwardRef74(({
     step,
     range: isRange
   });
-  const lastCommittedValue = useRef24(currentValue);
-  useEffect28(() => {
+  const lastCommittedValue = useRef25(currentValue);
+  useEffect29(() => {
     lastCommittedValue.current = currentValue;
   }, [currentValue]);
   function commitValue(nextValue) {
@@ -17126,7 +17214,7 @@ Compact.displayName = "Space.Compact";
 var Space = SpaceBase;
 Space.Compact = Compact;
 // src/components/statistic/Statistic.tsx
-import { useEffect as useEffect29, useMemo as useMemo32, useRef as useRef25, useState as useState53 } from "react";
+import { useEffect as useEffect30, useMemo as useMemo32, useRef as useRef26, useState as useState53 } from "react";
 
 // src/classes/statistic.ts
 var statisticBaseClass = "statistic";
@@ -17222,8 +17310,8 @@ function Countdown({
 }) {
   const target = useMemo32(() => toTimestamp(value), [value]);
   const [remaining, setRemaining] = useState53(() => Math.max(0, target - Date.now()));
-  const finishedRef = useRef25(false);
-  useEffect29(() => {
+  const finishedRef = useRef26(false);
+  useEffect30(() => {
     finishedRef.current = false;
     const tick = () => {
       const nextRemaining = Math.max(0, target - Date.now());
@@ -18192,6 +18280,7 @@ var timelineBaseClass = "timeline";
 var timelineItemClass = "timeline-item";
 var timelineMarkerBaseClass = "timeline-marker";
 var timelineMarkerIconClass = "timeline-marker-icon";
+var timelineMarkerDotClass = "timeline-marker-dot";
 var timelineContentClass = "timeline-content";
 var timelineTimeClass = "timeline-time";
 var timelinePendingClass = "timeline-item-pending";
@@ -18272,7 +18361,10 @@ var Timeline = forwardRef81(({
             hasIcon: Boolean(item.dot)
           }),
           "aria-hidden": "true",
-          children: item.dot
+          children: item.dot ?? /* @__PURE__ */ jsx95("span", {
+            className: timelineMarkerDotClass,
+            "aria-hidden": "true"
+          })
         }),
         /* @__PURE__ */ jsxs75("div", {
           className: timelineContentClass,
@@ -18292,8 +18384,8 @@ Timeline.displayName = "Timeline";
 // src/components/tour/Tour.tsx
 import {
   forwardRef as forwardRef82,
-  useEffect as useEffect30,
-  useId as useId18,
+  useEffect as useEffect31,
+  useId as useId19,
   useState as useState56
 } from "react";
 
@@ -18477,7 +18569,7 @@ var Tour = forwardRef82(({
   id,
   ...props
 }, ref) => {
-  const generatedId = useId18();
+  const generatedId = useId19();
   const rootId = id ?? generatedId;
   const [internalOpen, setInternalOpen] = useState56(defaultOpen);
   const [internalCurrent, setInternalCurrent] = useState56(defaultCurrent);
@@ -18491,7 +18583,7 @@ var Tour = forwardRef82(({
   const maskConfig = getMaskConfig(mergedMask);
   const hasMask = mergedMask !== false;
   const [targetRect, setTargetRect] = useState56(fallbackRect);
-  useEffect30(() => {
+  useEffect31(() => {
     if (!visible)
       return;
     const target = resolveTarget(step?.target);
@@ -19560,7 +19652,7 @@ TreeSelect.SHOW_ALL = SHOW_ALL;
 TreeSelect.SHOW_PARENT = SHOW_PARENT;
 TreeSelect.SHOW_CHILD = SHOW_CHILD;
 // src/components/typography/Typography.tsx
-import React90, { forwardRef as forwardRef85, useEffect as useEffect31, useMemo as useMemo35, useRef as useRef26, useState as useState59 } from "react";
+import React90, { forwardRef as forwardRef85, useEffect as useEffect32, useMemo as useMemo35, useRef as useRef27, useState as useState59 } from "react";
 
 // src/classes/typography.ts
 var typographyBaseClass = "typography markdown-body";
@@ -19745,12 +19837,12 @@ function EditableContent({
   sourceText,
   children
 }) {
-  const textareaRef = useRef26(null);
+  const textareaRef = useRef27(null);
   const isControlled = editable?.editing !== undefined;
   const [internalEditing, setInternalEditing] = useState59(false);
   const [draft, setDraft] = useState59(editable?.text ?? sourceText);
   const editing = editable ? editable.editing ?? internalEditing : false;
-  useEffect31(() => {
+  useEffect32(() => {
     if (editing) {
       textareaRef.current?.focus();
     }
@@ -20350,7 +20442,7 @@ var Markdown = forwardRef86(function Markdown({
   });
 });
 // src/components/upload/Upload.tsx
-import React92, { forwardRef as forwardRef87, useLayoutEffect as useLayoutEffect7, useRef as useRef27, useState as useState60 } from "react";
+import React92, { forwardRef as forwardRef87, useLayoutEffect as useLayoutEffect7, useRef as useRef28, useState as useState60 } from "react";
 
 // src/classes/upload.ts
 var uploadBaseClass = "file-upload";
@@ -20450,12 +20542,12 @@ function UploadRoot({
   dragger,
   ...props
 }, ref) {
-  const inputRef = useRef27(null);
+  const inputRef = useRef28(null);
   const [dragover, setDragover] = useState60(false);
   const [internalFileList, setInternalFileList] = useState60(() => defaultFileList.map(ensureUid));
   const controlled = fileList !== undefined;
   const mergedFileList = (controlled ? fileList : internalFileList).map(ensureUid);
-  const currentFileListRef = useRef27(mergedFileList);
+  const currentFileListRef = useRef28(mergedFileList);
   useLayoutEffect7(() => {
     currentFileListRef.current = mergedFileList;
   }, [mergedFileList]);