@bioturing/components 0.27.0 → 0.28.1

package/dist/components/stack/StackChild.js

@@ -5,8 +5,8 @@ import { useRender as w } from "@base-ui-components/react/use-render";
 import { mergeProps as E } from "@base-ui-components/react/merge-props";
 import { Stack as P } from "./Stack.js";
 import { useCls as V } from "../utils/antdUtils.js";
-import { cn as j } from "../utils/cn.js";
-const x = g(
+import { cn as _ } from "../utils/cn.js";
+const j = g(
   ({
     flex: s,
     grow: m = !1,
@@ -15,8 +15,8 @@ const x = g(
     style: n,
     stack: f = !1,
     // stack props
-    hug: p = !1,
-    align: d = "flex-start",
+    hug: d = !1,
+    align: p = "flex-start",
     justify: k = "flex-start",
     vertical: u = !1,
     gap: h = 0,
@@ -25,13 +25,13 @@ const x = g(
     ...o
   }, a) => {
     const t = V(), N = {
-      hug: p,
-      align: d,
+      hug: d,
+      align: p,
       justify: k,
       vertical: u,
       gap: h,
       wrap: C
-    }, r = v(() => typeof s == "boolean" || s === 0 || s === 1 ? t(s === !0 || s === 1 ? "stack-child-flex-1" : "stack-child-flex-0") : "", [s, t]), c = j(
+    }, r = v(() => typeof s == "boolean" || s === 0 || s === 1 ? t(s === !0 || s === 1 ? "stack-child-flex-1" : "stack-child-flex-0") : "", [s, t]), c = _(
       t("stack-child"),
       m && t("stack-child-grow"),
       i && t("stack-child-shrink"),
@@ -55,8 +55,8 @@ const x = g(
     return f ? /* @__PURE__ */ l(P, { ...N, ref: a, className: c, ...o, children: e }) : R;
   }
 );
-x.displayName = "StackChild";
+j.displayName = "StackChild";
 export {
-  x as StackChild
+  j as StackChild
 };
 //# sourceMappingURL=StackChild.js.map

package/dist/components/transition/component.js

@@ -3,7 +3,7 @@ import { jsx as y } from "react/jsx-runtime";
 import { useMemo as j, useRef as F, useCallback as A, isValidElement as E, useEffect as N } from "react";
 import { useRender as S } from "@base-ui-components/react/use-render";
 import { mergeProps as L } from "@base-ui-components/react/merge-props";
-import { useTransitionStatus as O } from "@base-ui-components/react/utils";
+import { useTransitionStatus as O } from "../hooks/useTransitionStatus.js";
 import './style.css';/* empty css          */
 import { useLatestRef as P, useAnimationsFinished as V } from "../hooks/base-ui.js";
 import { useCls as q } from "../utils/antdUtils.js";

package/dist/components/transition/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/transition/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  CSSProperties,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\nimport { mergeProps } from \"@base-ui-components/react/merge-props\";\nimport { useTransitionStatus } from \"@base-ui-components/react/utils\";\nimport { clsx, useCls } from \"../utils\";\nimport { useAnimationsFinished, useLatestRef } from \"../hooks\";\n\nimport \"./style.css\";\n\nexport type TransitionProps = Omit<\n  useRender.ComponentProps<\"div\">,\n  \"render\" | \"children\"\n> & {\n  /** Whether the component should be shown */\n  show?: boolean;\n  /** CSS classes to apply when the component is opened */\n  starting?: string | CSSProperties;\n  /** CSS classes to apply when the component is closed */\n  ending?: string | CSSProperties;\n  /** CSS classes to apply to the component */\n  className?: string;\n  /** Keep mounted */\n  keepMounted?: boolean;\n  /**\n   * Callback function to be called when the transition ends\n   */\n  onTransitionComplete?: (show?: boolean) => void;\n  /**\n   * Whether to listen for animations in child elements\n   */\n  listenToChildAnimations?: boolean;\n  /**\n   * Whether to render the child as a child element\n   * @default true\n   */\n  asChild?: boolean;\n  children?: React.ReactNode | useRender.ComponentProps<\"div\">[\"render\"];\n};\n\nexport function Transition({\n  children = <div />,\n  className,\n  starting,\n  ending,\n  show = true,\n  keepMounted = false,\n  onTransitionComplete,\n  listenToChildAnimations = false,\n  asChild = true,\n  ...otherProps\n}: TransitionProps) {\n  const { mounted, setMounted, transitionStatus } = useTransitionStatus(show);\n  const showRef = useLatestRef(show);\n\n  const cls = useCls();\n\n  const combinedClassName = useMemo(\n    () =>\n      clsx(\n        className,\n        transitionStatus === \"starting\" &&\n          typeof starting == \"string\" &&\n          starting,\n        transitionStatus === \"ending\" && typeof ending == \"string\" && ending,\n        // hide by display: none when not mounted and keepMounted is true\n        mounted == false && keepMounted ? cls(\"transition-hidden\") : undefined\n      ),\n    [className, starting, ending, transitionStatus, mounted, keepMounted, cls]\n  );\n\n  const ref = useRef<HTMLDivElement>(null);\n  const runOnceAnimationsFinish = useAnimationsFinished(ref, {\n    waitForNextTick: show,\n    subtree: listenToChildAnimations,\n  });\n\n  const getRender = useCallback(() => {\n    if (typeof children === \"function\") {\n      return children;\n    }\n    if (asChild && isValidElement(children)) {\n      return children;\n    }\n    return <div>{children}</div>;\n  }, [children, asChild]);\n\n  const rendered = useRender({\n    render: getRender(),\n    props: mergeProps<\"div\">(otherProps, {\n      ref,\n      className: combinedClassName,\n      ...{\n        \"data-starting\": transitionStatus === \"starting\" ? \"true\" : undefined,\n        \"data-ending\": transitionStatus === \"ending\" ? \"true\" : undefined,\n      },\n      style: {\n        ...(transitionStatus === \"starting\" && typeof starting === \"object\"\n          ? starting\n          : {}),\n        ...(transitionStatus === \"ending\" && typeof ending === \"object\"\n          ? ending\n          : {}),\n      },\n    }),\n  });\n\n  useEffect(() => {\n    runOnceAnimationsFinish(() => {\n      if (show === showRef.current) {\n        setMounted(show);\n        onTransitionComplete?.(show);\n      }\n    });\n  }, [\n    show,\n    keepMounted,\n    runOnceAnimationsFinish,\n    setMounted,\n    showRef,\n    onTransitionComplete,\n  ]);\n\n  return mounted || keepMounted ? rendered : null;\n}\n"],"names":["Transition","children","className","starting","ending","show","keepMounted","onTransitionComplete","listenToChildAnimations","asChild","otherProps","mounted","setMounted","transitionStatus","useTransitionStatus","showRef","useLatestRef","cls","useCls","combinedClassName","useMemo","clsx","ref","useRef","runOnceAnimationsFinish","useAnimationsFinished","getRender","useCallback","isValidElement","jsx","rendered","useRender","mergeProps","useEffect"],"mappings":";;;;;;;;;;AA+CO,SAASA,EAAW;AAAA,EACzB,UAAAC,sBAAY,OAAI,EAAA;AAAA,EAChB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,sBAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAAoB;AAClB,QAAM,EAAE,SAAAC,GAAS,YAAAC,GAAY,kBAAAC,EAAiB,IAAIC,EAAoBT,CAAI,GACpEU,IAAUC,EAAaX,CAAI,GAE3BY,IAAMC,EAAO,GAEbC,IAAoBC;AAAA,IACxB,MACEC;AAAA,MACEnB;AAAA,MACAW,MAAqB,cACnB,OAAOV,KAAY,YACnBA;AAAA,MACFU,MAAqB,YAAY,OAAOT,KAAU,YAAYA;AAAA;AAAA,MAE9DO,KAAW,MAASL,IAAcW,EAAI,mBAAmB,IAAI;AAAA,IAC/D;AAAA,IACF,CAACf,GAAWC,GAAUC,GAAQS,GAAkBF,GAASL,GAAaW,CAAG;AAAA,EAC3E,GAEMK,IAAMC,EAAuB,IAAI,GACjCC,IAA0BC,EAAsBH,GAAK;AAAA,IACzD,iBAAiBjB;AAAA,IACjB,SAASG;AAAA,EAAA,CACV,GAEKkB,IAAYC,EAAY,MACxB,OAAO1B,KAAa,cAGpBQ,KAAWmB,EAAe3B,CAAQ,IAC7BA,IAEF,gBAAA4B,EAAC,SAAK,UAAA5B,GAAS,GACrB,CAACA,GAAUQ,CAAO,CAAC,GAEhBqB,IAAWC,EAAU;AAAA,IACzB,QAAQL,EAAU;AAAA,IAClB,OAAOM,EAAkBtB,GAAY;AAAA,MACnC,KAAAY;AAAA,MACA,WAAWH;AAAA,MAET,iBAAiBN,MAAqB,aAAa,SAAS;AAAA,MAC5D,eAAeA,MAAqB,WAAW,SAAS;AAAA,MAE1D,OAAO;AAAA,QACL,GAAIA,MAAqB,cAAc,OAAOV,KAAa,WACvDA,IACA,CAAC;AAAA,QACL,GAAIU,MAAqB,YAAY,OAAOT,KAAW,WACnDA,IACA,CAAA;AAAA,MAAC;AAAA,IAER,CAAA;AAAA,EAAA,CACF;AAED,SAAA6B,EAAU,MAAM;AACd,IAAAT,EAAwB,MAAM;AACxB,MAAAnB,MAASU,EAAQ,YACnBH,EAAWP,CAAI,GACfE,KAAA,QAAAA,EAAuBF;AAAA,IACzB,CACD;AAAA,EAAA,GACA;AAAA,IACDA;AAAA,IACAC;AAAA,IACAkB;AAAA,IACAZ;AAAA,IACAG;AAAA,IACAR;AAAA,EAAA,CACD,GAEMI,KAAWL,IAAcwB,IAAW;AAC7C;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/transition/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  CSSProperties,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\nimport { mergeProps } from \"@base-ui-components/react/merge-props\";\nimport { useTransitionStatus } from \"../hooks/useTransitionStatus\";\nimport { clsx, useCls } from \"../utils\";\nimport { useAnimationsFinished, useLatestRef } from \"../hooks\";\n\nimport \"./style.css\";\n\nexport type TransitionProps = Omit<\n  useRender.ComponentProps<\"div\">,\n  \"render\" | \"children\"\n> & {\n  /** Whether the component should be shown */\n  show?: boolean;\n  /** CSS classes to apply when the component is opened */\n  starting?: string | CSSProperties;\n  /** CSS classes to apply when the component is closed */\n  ending?: string | CSSProperties;\n  /** CSS classes to apply to the component */\n  className?: string;\n  /** Keep mounted */\n  keepMounted?: boolean;\n  /**\n   * Callback function to be called when the transition ends\n   */\n  onTransitionComplete?: (show?: boolean) => void;\n  /**\n   * Whether to listen for animations in child elements\n   */\n  listenToChildAnimations?: boolean;\n  /**\n   * Whether to render the child as a child element\n   * @default true\n   */\n  asChild?: boolean;\n  children?: React.ReactNode | useRender.ComponentProps<\"div\">[\"render\"];\n};\n\nexport function Transition({\n  children = <div />,\n  className,\n  starting,\n  ending,\n  show = true,\n  keepMounted = false,\n  onTransitionComplete,\n  listenToChildAnimations = false,\n  asChild = true,\n  ...otherProps\n}: TransitionProps) {\n  const { mounted, setMounted, transitionStatus } = useTransitionStatus(show);\n  const showRef = useLatestRef(show);\n\n  const cls = useCls();\n\n  const combinedClassName = useMemo(\n    () =>\n      clsx(\n        className,\n        transitionStatus === \"starting\" &&\n          typeof starting == \"string\" &&\n          starting,\n        transitionStatus === \"ending\" && typeof ending == \"string\" && ending,\n        // hide by display: none when not mounted and keepMounted is true\n        mounted == false && keepMounted ? cls(\"transition-hidden\") : undefined\n      ),\n    [className, starting, ending, transitionStatus, mounted, keepMounted, cls]\n  );\n\n  const ref = useRef<HTMLDivElement>(null);\n  const runOnceAnimationsFinish = useAnimationsFinished(ref, {\n    waitForNextTick: show,\n    subtree: listenToChildAnimations,\n  });\n\n  const getRender = useCallback(() => {\n    if (typeof children === \"function\") {\n      return children;\n    }\n    if (asChild && isValidElement(children)) {\n      return children;\n    }\n    return <div>{children}</div>;\n  }, [children, asChild]);\n\n  const rendered = useRender({\n    render: getRender(),\n    props: mergeProps<\"div\">(otherProps, {\n      ref,\n      className: combinedClassName,\n      ...{\n        \"data-starting\": transitionStatus === \"starting\" ? \"true\" : undefined,\n        \"data-ending\": transitionStatus === \"ending\" ? \"true\" : undefined,\n      },\n      style: {\n        ...(transitionStatus === \"starting\" && typeof starting === \"object\"\n          ? starting\n          : {}),\n        ...(transitionStatus === \"ending\" && typeof ending === \"object\"\n          ? ending\n          : {}),\n      },\n    }),\n  });\n\n  useEffect(() => {\n    runOnceAnimationsFinish(() => {\n      if (show === showRef.current) {\n        setMounted(show);\n        onTransitionComplete?.(show);\n      }\n    });\n  }, [\n    show,\n    keepMounted,\n    runOnceAnimationsFinish,\n    setMounted,\n    showRef,\n    onTransitionComplete,\n  ]);\n\n  return mounted || keepMounted ? rendered : null;\n}\n"],"names":["Transition","children","className","starting","ending","show","keepMounted","onTransitionComplete","listenToChildAnimations","asChild","otherProps","mounted","setMounted","transitionStatus","useTransitionStatus","showRef","useLatestRef","cls","useCls","combinedClassName","useMemo","clsx","ref","useRef","runOnceAnimationsFinish","useAnimationsFinished","getRender","useCallback","isValidElement","jsx","rendered","useRender","mergeProps","useEffect"],"mappings":";;;;;;;;;;AA+CO,SAASA,EAAW;AAAA,EACzB,UAAAC,sBAAY,OAAI,EAAA;AAAA,EAChB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,sBAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAAoB;AAClB,QAAM,EAAE,SAAAC,GAAS,YAAAC,GAAY,kBAAAC,EAAiB,IAAIC,EAAoBT,CAAI,GACpEU,IAAUC,EAAaX,CAAI,GAE3BY,IAAMC,EAAO,GAEbC,IAAoBC;AAAA,IACxB,MACEC;AAAA,MACEnB;AAAA,MACAW,MAAqB,cACnB,OAAOV,KAAY,YACnBA;AAAA,MACFU,MAAqB,YAAY,OAAOT,KAAU,YAAYA;AAAA;AAAA,MAE9DO,KAAW,MAASL,IAAcW,EAAI,mBAAmB,IAAI;AAAA,IAC/D;AAAA,IACF,CAACf,GAAWC,GAAUC,GAAQS,GAAkBF,GAASL,GAAaW,CAAG;AAAA,EAC3E,GAEMK,IAAMC,EAAuB,IAAI,GACjCC,IAA0BC,EAAsBH,GAAK;AAAA,IACzD,iBAAiBjB;AAAA,IACjB,SAASG;AAAA,EAAA,CACV,GAEKkB,IAAYC,EAAY,MACxB,OAAO1B,KAAa,cAGpBQ,KAAWmB,EAAe3B,CAAQ,IAC7BA,IAEF,gBAAA4B,EAAC,SAAK,UAAA5B,GAAS,GACrB,CAACA,GAAUQ,CAAO,CAAC,GAEhBqB,IAAWC,EAAU;AAAA,IACzB,QAAQL,EAAU;AAAA,IAClB,OAAOM,EAAkBtB,GAAY;AAAA,MACnC,KAAAY;AAAA,MACA,WAAWH;AAAA,MAET,iBAAiBN,MAAqB,aAAa,SAAS;AAAA,MAC5D,eAAeA,MAAqB,WAAW,SAAS;AAAA,MAE1D,OAAO;AAAA,QACL,GAAIA,MAAqB,cAAc,OAAOV,KAAa,WACvDA,IACA,CAAC;AAAA,QACL,GAAIU,MAAqB,YAAY,OAAOT,KAAW,WACnDA,IACA,CAAA;AAAA,MAAC;AAAA,IAER,CAAA;AAAA,EAAA,CACF;AAED,SAAA6B,EAAU,MAAM;AACd,IAAAT,EAAwB,MAAM;AACxB,MAAAnB,MAASU,EAAQ,YACnBH,EAAWP,CAAI,GACfE,KAAA,QAAAA,EAAuBF;AAAA,IACzB,CACD;AAAA,EAAA,GACA;AAAA,IACDA;AAAA,IACAC;AAAA,IACAkB;AAAA,IACAZ;AAAA,IACAG;AAAA,IACAR;AAAA,EAAA,CACD,GAEMI,KAAWL,IAAcwB,IAAW;AAC7C;"}

package/dist/index.d.ts

@@ -433,7 +433,7 @@ export declare interface CheckboxProps extends CheckboxProps_2 {
      * Checkbox appearance variant
      * @default 'default'
      */
-    variant?: 'default' | 'outlined';
+    variant?: "default" | "outlined";
 }
 
 export { CheckboxRef }
@@ -953,6 +953,140 @@ export declare type ColorTokenValue = {
 
 export { ColProps }
 
+export declare const Combobox: default_2.ForwardRefExoticComponent<ComboboxProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare interface ComboboxOption {
+    value: string | number;
+    label: default_2.ReactNode;
+    disabled?: boolean;
+    icon?: default_2.ReactNode;
+}
+
+export declare interface ComboboxProps {
+    /** Array of options to be displayed in the combobox */
+    options?: ComboboxOption[];
+    /** Current value of the combobox */
+    value?: string | number | Array<string | number>;
+    /** Default value when uncontrolled */
+    defaultValue?: string | number | Array<string | number>;
+    /** Callback when value changes */
+    onChange?: (value: string | number | Array<string | number>) => void;
+    /** Placeholder text for the input */
+    placeholder?: string;
+    /** Whether the combobox is disabled */
+    disabled?: boolean;
+    /** Whether to allow clearing the selection */
+    allowClear?: boolean;
+    /** Whether to allow multiple selections */
+    multiple?: boolean;
+    /** Maximum number of tags to show */
+    maxTagCount?: number;
+    /** Whether to show search functionality */
+    showSearch?: boolean;
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Placement of the dropdown */
+    placement?: PopoverProps_2["placement"];
+    /** Custom className for the component */
+    className?: string;
+    /** Custom class names for different parts */
+    classNames?: {
+        trigger?: string;
+        input?: string;
+        option?: string;
+        optionIcon?: string;
+        optionText?: string;
+    };
+    /** Size of the combobox */
+    size?: "small" | "middle" | "large";
+    /** Loading state */
+    loading?: boolean;
+    /** Custom render for options */
+    optionRender?: (option: ComboboxOption, props: default_2.HTMLAttributes<HTMLElement>) => default_2.ReactElement;
+    /** Filter function for search */
+    filterOption?: boolean | ((input: string, option: ComboboxOption) => boolean);
+    /** Callback when search input changes */
+    onSearch?: (value: string) => void;
+    /** Custom dropdown render */
+    dropdownRender?: (menu: default_2.ReactElement) => default_2.ReactElement;
+    /** Custom clear icon */
+    clearIcon?: default_2.ReactNode;
+    /** Custom suffix icon */
+    suffixIcon?: default_2.ReactNode;
+    /**
+     * Props to pass to the dropdown menu
+     */
+    dropdownMenuProps?: DropdownMenuProps;
+    /**
+     * Props to pass to the combobox trigger
+     */
+    triggerProps?: ComboboxTriggerProps;
+    searchProps?: {
+        placeholder?: string;
+        onValueChange?: (value: string) => void;
+        value?: string;
+    };
+    /**
+     * Show selection summary instead of individual tags when multiple
+     * @default false
+     */
+    showSelectionSummary?: boolean;
+    /**
+     * Render function for the selection summary in multiple case
+     * @default (selectedValues) => `${selectedValues.length} items selected`
+     */
+    selectionSummaryRender?: (selectedValues: Array<string | number>) => default_2.ReactNode;
+    /**
+     * Show select all option when in multiple mode
+     * @default false
+     */
+    showSelectAll?: boolean;
+    /**
+     * Render function for the select all option
+     */
+    selectAllRender?: (props: {
+        onSelectAll: () => void;
+        onDeselectAll: () => void;
+        checked: boolean;
+        indeterminate: boolean;
+    }) => default_2.ReactNode;
+}
+
+export declare const ComboboxTrigger: default_2.ForwardRefExoticComponent<ComboboxTriggerProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface ComboboxTriggerProps extends default_2.ComponentPropsWithoutRef<"button"> {
+    /** Selected options */
+    selectedOptions: ComboboxOption[];
+    /** Placeholder text */
+    placeholder?: string;
+    /** Whether multiple selection is enabled */
+    multiple?: boolean;
+    /** Whether the component is disabled */
+    disabled?: boolean;
+    /** Whether the dropdown is open */
+    open?: boolean;
+    /** Size variant */
+    size?: "small" | "middle" | "large";
+    /** Whether to show clear button */
+    allowClear?: boolean;
+    /** Custom suffix icon */
+    suffixIcon?: default_2.ReactNode;
+    /** Custom clear icon */
+    clearIcon?: default_2.ReactNode;
+    /** Custom class names */
+    classNames?: {
+        trigger?: string;
+    };
+    /** Clear handler */
+    onClear?: () => void;
+    /** Show selection summary instead of individual tags when multiple */
+    showSelectionSummary?: boolean;
+    /** Render function for the selection summary in multiple case */
+    selectionSummaryRender?: (selectedValues: Array<string | number>) => default_2.ReactNode;
+}
+
 declare type CommandFilter = (value: string, search: string, keywords?: string[]) => number;
 
 declare type CommandProps = Children & DivProps & {
@@ -1297,6 +1431,15 @@ export declare const componentMetadata: {
         originalDocUrl: string;
         description: string;
     };
+    Combobox: {
+        name: string;
+        link: string;
+        base: "custom";
+        refinements: string[];
+        category: "Data Entry";
+        packages: string[];
+        description: string;
+    };
     ColorSelect: {
         name: string;
         link: string;
@@ -1667,26 +1810,121 @@ export declare const DROPDOWN_COLLISION_AVOIDANCE: {
     readonly fallbackAxisSide: "none";
 };
 
-export declare const DropdownMenu: ({ children, items, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange, className, itemRender, classNames, size, showSearch, searchProps, }: DropdownMenuProps) => JSX.Element;
+export declare const DropdownMenu: ({ children, items, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange, className, itemRender, classNames, size, showSearch, searchProps, popupMatchTriggerWidth, beforeList, afterList, keepOpenOnSelect, highlightedItemKey, selectedItemKeys, showCheckbox, }: DropdownMenuProps) => JSX.Element;
+
+export declare const DropdownMenuItem: default_2.FC<DropdownMenuItemProps>;
+
+export declare interface DropdownMenuItemProps {
+    /** The menu item data */
+    item: DropdownMenuItemType & {
+        type: "item";
+    };
+    /** Custom render function for the item */
+    itemRender?: (item: DropdownMenuItemType, props: default_2.HTMLAttributes<HTMLElement>) => default_2.ReactElement;
+    /** Additional props to pass to the item */
+    itemProps?: default_2.HTMLAttributes<HTMLElement>;
+    /** Class names from parent DropdownMenu */
+    classNames?: {
+        item?: string;
+        itemIcon?: string;
+        itemText?: string;
+    };
+    onSelect?: () => void;
+    /**
+     * Whether the menu item is in a combobox
+     */
+    inCombobox?: boolean;
+    /**
+     * Whether the menu item is in a menu
+     */
+    renderAsNativeElement?: boolean;
+    /**
+     * Whether the menu item is selected (for combobox)
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Whether to show checkbox (only for decoration purpose)
+     */
+    showCheckbox?: boolean;
+    /**
+     * Whether the menu item checkbox is indeterminate (for combobox)
+     * @default false
+     */
+    indeterminate?: boolean;
+}
 
 export declare type DropdownMenuItemType = {
+    /**
+     * The type of the menu item
+     */
     type: "item";
+    /**
+     * The label of the menu item
+     */
     label?: React.ReactNode;
+    /**
+     * Whether the menu item is disabled
+     */
     disabled?: boolean;
+    /**
+     * The icon of the menu item
+     */
     icon?: React.ReactNode;
+    /**
+     * The key of the menu item
+     */
     key: React.Key;
+    /**
+     * The onClick event handler of the menu item
+     */
     onClick?: React.HTMLAttributes<HTMLElement>["onClick"];
+    /**
+     * The onMouseEnter event handler of the menu item
+     */
     onMouseEnter?: React.HTMLAttributes<HTMLElement>["onMouseEnter"];
+    /**
+     * The onMouseLeave event handler of the menu item
+     */
     onMouseLeave?: React.HTMLAttributes<HTMLElement>["onMouseLeave"];
+    /**
+     * The onMouseOver event handler of the menu item
+     */
     onMouseOver?: React.HTMLAttributes<HTMLElement>["onMouseOver"];
+    /**
+     * The onMouseOut event handler of the menu item
+     */
     onMouseOut?: React.HTMLAttributes<HTMLElement>["onMouseOut"];
+    /**
+     * The className of the menu item
+     */
+    className?: string;
+    /**
+     * Whether the menu item is a danger item
+     */
     danger?: boolean;
+    /**
+     * The ref of the menu item
+     */
     ref?: React.Ref<HTMLElement>;
 } | {
+    /**
+     * The type of the menu item
+     */
     type: "divider";
 } | {
+    /**
+     * The type of the menu item
+     */
     type: "header";
+    /**
+     * The title of the menu item
+     */
     title?: React.ReactNode;
+    /**
+     * The className of the menu item
+     */
+    className?: string;
 };
 
 export declare interface DropdownMenuProps {
@@ -1750,6 +1988,37 @@ export declare interface DropdownMenuProps {
      * Search placeholder
      */
     searchProps?: Omit<React.ComponentProps<typeof pkg.Input>, "size" | "ref">;
+    /**
+     * Whether to match the width of the popup with the trigger
+     * @default false
+     */
+    popupMatchTriggerWidth?: boolean;
+    /**
+     * Content to display before the list
+     */
+    beforeList?: React.ReactNode;
+    /**
+     * Content to display after the list
+     */
+    afterList?: React.ReactNode;
+    /**
+     * Whether to keep the dropdown open when an item is selected
+     * @default false
+     */
+    keepOpenOnSelect?: boolean;
+    /**
+     * Control the highlighted state of the menu item
+     */
+    highlightedItemKey?: React.Key;
+    /**
+     * Control the selected state of the menu item
+     */
+    selectedItemKeys?: React.Key[];
+    /**
+     * Whether to show checkbox
+     * @default false
+     */
+    showCheckbox?: boolean;
 }
 
 export { DropDownProps }
@@ -2009,7 +2278,7 @@ declare const MainInputInner: (props: InputProps, ref: React.Ref<InputRef>) => J
 
 declare const MainSegmentedInner: <T>(props: SegmentedProps<T>, ref: React.Ref<React.ComponentRef<typeof default_5>>) => JSX.Element;
 
-declare const MainSelectInner: <ValueType = unknown, OptionType extends SelectBaseOptionType | SelectDefaultOptionType = SelectDefaultOptionType>({ mode, className, open: openProp, defaultOpen, onOpenChange, popupClassName, onDropdownVisibleChange, enhancePositioner, getPopupContainer, popupSize, popupRender, dropdownRender, classNames, styles, ...rest }: SelectProps<ValueType, OptionType>, ref: default_2.Ref<default_2.ComponentRef<typeof default_3>>) => JSX.Element;
+declare const MainSelectInner: <ValueType = unknown, OptionType extends SelectBaseOptionType | SelectDefaultOptionType = SelectDefaultOptionType>({ mode, className, open: openProp, defaultOpen, onOpenChange, popupClassName, onDropdownVisibleChange, enhancePositioner, getPopupContainer, popupSize, popupRender, dropdownRender, classNames, styles, showSelectionSummary, selectionSummaryRender, value: valueProp, onChange: onChangeProp, defaultValue, showSelectAll, selectAllRender, options, ...rest }: SelectProps<ValueType, OptionType>, ref: default_2.Ref<default_2.ComponentRef<typeof default_3>>) => JSX.Element;
 
 declare const MainSwitchInner: ({ ...rest }: SwitchProps, ref: React.Ref<React.ComponentRef<typeof default_4>>) => JSX.Element;
 
@@ -2410,9 +2679,9 @@ export declare const POPUP_COLLISION_AVOIDANCE: {
     readonly fallbackAxisSide: "end";
 };
 
-export declare const PopupPanel: ({ children, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange, content, title, trigger, className, anchor, beforeCloseButton, afterCloseButton, afterTitle, size, footer, defaultOpen, resizable, classNames, modal, closeOnClickOutside, onPlacementChange, }: PopupPanelProps) => JSX.Element;
+export declare const PopupPanel: ({ children, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange, content, title, trigger, className, anchor, beforeCloseButton, afterCloseButton, afterTitle, size, footer, defaultOpen, resizable, draggable, maintainAspectRatio, classNames, modal, closeOnClickOutside, onPlacementChange, ...rest }: PopupPanelProps) => JSX.Element;
 
-export declare interface PopupPanelProps extends Omit<React.ComponentPropsWithRef<"div">, "title" | "content" | "children"> {
+export declare interface PopupPanelProps extends Omit<React.ComponentPropsWithRef<"div">, "title" | "content" | "children">, Omit<Popover_2.Root.Props, "children"> {
     /** The trigger element that opens the popup panel */
     children?: React.ComponentProps<typeof Popover_2.Trigger>["render"];
     /** Placement of the popup panel relative to its trigger */
@@ -2467,6 +2736,17 @@ export declare interface PopupPanelProps extends Omit<React.ComponentPropsWithRe
      * @default false
      */
     resizable?: boolean;
+    /**
+     * Whether the panel should be draggable
+     * @default false
+     */
+    draggable?: boolean;
+    /**
+     * Whether to maintain aspect ratio when resizing
+     * Only applies when resizable is true
+     * @default false
+     */
+    maintainAspectRatio?: boolean;
     /**
      * Custom class names for different parts of the popup panel
      * @default {}
@@ -3158,6 +3438,29 @@ export declare interface SelectProps<ValueType = unknown, OptionType extends Sel
      * Will be ignored if enhancePositioner is false
      */
     popupSize?: string | number | PopupPanelSize;
+    /**
+     * Show selection summary instead of tags in multiple case
+     * @default false
+     */
+    showSelectionSummary?: boolean;
+    /**
+     * Render function for the selection summary in multiple case
+     * @default (value) => `${value.length} items selected`
+     */
+    selectionSummaryRender?: (value: ValueType) => default_2.ReactNode;
+    /**
+     * Show select all option when in multiple mode
+     * @default false
+     */
+    showSelectAll?: boolean;
+    /**
+     * Render function for the select all option
+     */
+    selectAllRender?: (props: {
+        onClick: () => void;
+        checked: CheckboxProps["checked"];
+        indeterminate: CheckboxProps["indeterminate"];
+    }) => default_2.ReactNode;
 }
 
 export declare const SEQUENTIAL_PALETTE_NAMES: readonly ["YlOrBr", "YlOrRd", "OrRd", "PuRd", "RdPu", "BuPu", "GnBu", "PuBu", "YlGnBu", "PuBuGn", "BuGn", "YlGn"];
@@ -3681,6 +3984,10 @@ T | undefined,
  */
 export declare const useCSSVariables: (variables: string | string[]) => Record<string, string>;
 
+export declare function useDraggable(enabled?: boolean): {
+    ref: (element: HTMLElement | null) => () => void;
+};
+
 export declare const useDS: () => {
     theme: "light" | "dark";
 };
@@ -3695,6 +4002,11 @@ export declare const useGetPrefixCls: () => {
     getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
 };
 
+export declare function useHover<T extends HTMLElement>(): [
+(node: T) => void,
+boolean
+];
+
 export declare function useLatestRef<T>(value: T): RefObject<T>;
 
 export declare const useMessage: () => MessageInstance;