@miaixz/ui 0.5.0

package/dist/components/dialog/dialog.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, useRef } from "react";
+import { createPortal } from "react-dom";
+import { FocusScope } from "../../accessibility/focus-scope.js";
+import { classNames } from "../../internal/class-names.js";
+import { useMiaixzNativeModal, useMiaixzPortalTarget } from "../../internal/overlay/index.js";
+import { useMiaixzLocale } from "../../i18n/index.js";
+import { useMergedRef } from "../../internal/use-merged-ref.js";
+import { Button } from "../button/index.js";
+import { Icon } from "../icon/index.js";
+/**
+ * Controls a native modal dialog with localized dismissal and focus-safe lifecycle.
+ *
+ * @public
+ */
+export const Dialog = forwardRef(function Dialog({ open, onOpenChange, title, description, footer, size = "medium", closeLabel, showClose = true, closeOnBackdrop = true, className, children, onCancel, onClose, onClick, ...props }, forwardedRef) {
+    const { t } = useMiaixzLocale();
+    const resolvedCloseLabel = closeLabel ?? t("ui.dialog.close");
+    const internalRef = useRef(null);
+    const ref = useMergedRef(internalRef, forwardedRef);
+    const titleId = `miaixz-dialog-title-${useId()}`;
+    const generatedDescriptionId = `miaixz-dialog-description-${useId()}`;
+    const descriptionId = description ? generatedDescriptionId : undefined;
+    const portalTarget = useMiaixzPortalTarget();
+    const restoreFocusRef = useMiaixzNativeModal(internalRef, open, portalTarget);
+    if (portalTarget === null)
+        return null;
+    return createPortal(_jsx(FocusScope, { active: open, containerRef: internalRef, restoreFocusRef: restoreFocusRef, children: _jsxs("dialog", { ...props, ref: ref, "aria-labelledby": titleId, "aria-describedby": descriptionId, className: classNames("miaixz-dialog", size !== "medium" && `miaixz-dialog-${size}`, className), onCancel: (event) => {
+                onCancel?.(event);
+                if (!event.defaultPrevented) {
+                    event.preventDefault();
+                    onOpenChange(false);
+                }
+            }, onClose: (event) => {
+                onClose?.(event);
+                if (open)
+                    onOpenChange(false);
+            }, onClick: (event) => {
+                onClick?.(event);
+                if (!event.defaultPrevented && closeOnBackdrop && event.target === event.currentTarget) {
+                    onOpenChange(false);
+                }
+            }, children: [_jsxs("header", { className: "miaixz-dialog-header", children: [_jsxs("div", { children: [_jsx("h2", { id: titleId, className: "miaixz-dialog-title", children: title }), description !== undefined && (_jsx("p", { id: descriptionId, className: "miaixz-dialog-description", children: description }))] }), showClose && (_jsx(Button, { iconOnly: true, variant: "ghost", size: "small", "aria-label": resolvedCloseLabel, onClick: () => onOpenChange(false), children: _jsx(Icon, { name: "X", size: "control" }) }))] }), _jsx("div", { className: "miaixz-dialog-body", children: children }), footer !== undefined && _jsx("footer", { className: "miaixz-dialog-footer", children: footer })] }) }), portalTarget);
+});
+//# sourceMappingURL=dialog.js.map

package/dist/components/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useId, useRef } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { FocusScope } from \"../../accessibility/focus-scope.js\";\nimport { classNames } from \"../../internal/class-names.js\";\nimport { useMiaixzNativeModal, useMiaixzPortalTarget } from \"../../internal/overlay/index.js\";\nimport { useMiaixzLocale } from \"../../i18n/index.js\";\nimport { useMergedRef } from \"../../internal/use-merged-ref.js\";\nimport { Button } from \"../button/index.js\";\nimport { Icon } from \"../icon/index.js\";\nimport type { DialogProps } from \"./dialog.types.js\";\n\n/**\n * Controls a native modal dialog with localized dismissal and focus-safe lifecycle.\n *\n * @public\n */\nexport const Dialog = forwardRef<HTMLDialogElement, DialogProps>(function Dialog(\n  {\n    open,\n    onOpenChange,\n    title,\n    description,\n    footer,\n    size = \"medium\",\n    closeLabel,\n    showClose = true,\n    closeOnBackdrop = true,\n    className,\n    children,\n    onCancel,\n    onClose,\n    onClick,\n    ...props\n  },\n  forwardedRef,\n) {\n  const { t } = useMiaixzLocale();\n  const resolvedCloseLabel = closeLabel ?? t(\"ui.dialog.close\");\n  const internalRef = useRef<HTMLDialogElement>(null);\n  const ref = useMergedRef(internalRef, forwardedRef);\n  const titleId = `miaixz-dialog-title-${useId()}`;\n  const generatedDescriptionId = `miaixz-dialog-description-${useId()}`;\n  const descriptionId = description ? generatedDescriptionId : undefined;\n  const portalTarget = useMiaixzPortalTarget();\n  const restoreFocusRef = useMiaixzNativeModal(internalRef, open, portalTarget);\n\n  if (portalTarget === null) return null;\n  return createPortal(\n    <FocusScope active={open} containerRef={internalRef} restoreFocusRef={restoreFocusRef}>\n      <dialog\n        {...props}\n        ref={ref}\n        aria-labelledby={titleId}\n        aria-describedby={descriptionId}\n        className={classNames(\n          \"miaixz-dialog\",\n          size !== \"medium\" && `miaixz-dialog-${size}`,\n          className,\n        )}\n        onCancel={(event) => {\n          onCancel?.(event);\n          if (!event.defaultPrevented) {\n            event.preventDefault();\n            onOpenChange(false);\n          }\n        }}\n        onClose={(event) => {\n          onClose?.(event);\n          if (open) onOpenChange(false);\n        }}\n        onClick={(event) => {\n          onClick?.(event);\n          if (!event.defaultPrevented && closeOnBackdrop && event.target === event.currentTarget) {\n            onOpenChange(false);\n          }\n        }}\n      >\n        <header className=\"miaixz-dialog-header\">\n          <div>\n            <h2 id={titleId} className=\"miaixz-dialog-title\">\n              {title}\n            </h2>\n            {description !== undefined && (\n              <p id={descriptionId} className=\"miaixz-dialog-description\">\n                {description}\n              </p>\n            )}\n          </div>\n          {showClose && (\n            <Button\n              iconOnly\n              variant=\"ghost\"\n              size=\"small\"\n              aria-label={resolvedCloseLabel}\n              onClick={() => onOpenChange(false)}\n            >\n              <Icon name=\"X\" size=\"control\" />\n            </Button>\n          )}\n        </header>\n        <div className=\"miaixz-dialog-body\">{children}</div>\n        {footer !== undefined && <footer className=\"miaixz-dialog-footer\">{footer}</footer>}\n      </dialog>\n    </FocusScope>,\n    portalTarget,\n  );\n});\n"]}

package/dist/components/dialog/dialog.types.d.ts

@@ -0,0 +1,57 @@
+import type { DialogHTMLAttributes, ReactNode } from "react";
+/**
+ * Defines the supported modal dialog widths.
+ *
+ * @public
+ */
+export type DialogSize = "small" | "medium" | "large";
+/**
+ * Configures a controlled native modal dialog.
+ *
+ * @public
+ */
+export interface DialogProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, "open" | "title"> {
+    /**
+     * Controls whether the dialog is open.
+     */
+    open: boolean;
+    /**
+     * Receives requested open-state changes.
+     */
+    onOpenChange: (open: boolean) => void;
+    /**
+     * Supplies the dialog heading.
+     */
+    title: ReactNode;
+    /**
+     * Supplies supporting dialog description content.
+     */
+    description?: ReactNode;
+    /**
+     * Supplies the dialog action footer.
+     */
+    footer?: ReactNode;
+    /**
+     * Selects the dialog width.
+     *
+     * @defaultValue `"medium"`
+     */
+    size?: DialogSize;
+    /**
+     * Overrides the localized close-button label.
+     */
+    closeLabel?: string;
+    /**
+     * Controls whether the close button is rendered.
+     *
+     * @defaultValue `true`
+     */
+    showClose?: boolean;
+    /**
+     * Allows a backdrop click to request closure.
+     *
+     * @defaultValue `true`
+     */
+    closeOnBackdrop?: boolean;
+}
+//# sourceMappingURL=dialog.types.d.ts.map

package/dist/components/dialog/dialog.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.types.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD;;;;GAIG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,GAAG,OAAO,CACjB;IACC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}

package/dist/components/dialog/dialog.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dialog.types.js.map

package/dist/components/dialog/dialog.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.types.js","sourceRoot":"","sources":["../../../src/components/dialog/dialog.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { DialogHTMLAttributes, ReactNode } from \"react\";\n\n/**\n * Defines the supported modal dialog widths.\n *\n * @public\n */\nexport type DialogSize = \"small\" | \"medium\" | \"large\";\n\n/**\n * Configures a controlled native modal dialog.\n *\n * @public\n */\nexport interface DialogProps extends Omit<\n  DialogHTMLAttributes<HTMLDialogElement>,\n  \"open\" | \"title\"\n> {\n  /**\n   * Controls whether the dialog is open.\n   */\n  open: boolean;\n  /**\n   * Receives requested open-state changes.\n   */\n  onOpenChange: (open: boolean) => void;\n  /**\n   * Supplies the dialog heading.\n   */\n  title: ReactNode;\n  /**\n   * Supplies supporting dialog description content.\n   */\n  description?: ReactNode;\n  /**\n   * Supplies the dialog action footer.\n   */\n  footer?: ReactNode;\n  /**\n   * Selects the dialog width.\n   *\n   * @defaultValue `\"medium\"`\n   */\n  size?: DialogSize;\n  /**\n   * Overrides the localized close-button label.\n   */\n  closeLabel?: string;\n  /**\n   * Controls whether the close button is rendered.\n   *\n   * @defaultValue `true`\n   */\n  showClose?: boolean;\n  /**\n   * Allows a backdrop click to request closure.\n   *\n   * @defaultValue `true`\n   */\n  closeOnBackdrop?: boolean;\n}\n"]}

package/dist/components/dialog/index.d.ts

@@ -0,0 +1,3 @@
+export { Dialog } from "./dialog.js";
+export type { DialogProps, DialogSize } from "./dialog.types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/dialog/index.d.ts.map

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

package/dist/components/dialog/index.js

@@ -0,0 +1,2 @@
+export { Dialog } from "./dialog.js";
+//# sourceMappingURL=index.js.map

package/dist/components/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { Dialog } from \"./dialog.js\";\nexport type { DialogProps, DialogSize } from \"./dialog.types.js\";\n"]}

package/dist/components/divider/divider.d.ts

@@ -0,0 +1,8 @@
+import type { DividerProps } from "./divider.types.js";
+/**
+ * Renders a semantic separator along the selected axis.
+ *
+ * @public
+ */
+export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=divider.d.ts.map

package/dist/components/divider/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/divider/divider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD;;;;GAIG;AACH,eAAO,MAAM,OAAO,yGAclB,CAAC"}

package/dist/components/divider/divider.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { classNames } from "../../internal/class-names.js";
+/**
+ * Renders a semantic separator along the selected axis.
+ *
+ * @public
+ */
+export const Divider = forwardRef(function Divider({ orientation = "horizontal", className, ...props }, ref) {
+    return (_jsx("div", { ...props, ref: ref, role: "separator", "aria-orientation": orientation === "vertical" ? "vertical" : undefined, "data-orientation": orientation, className: classNames("miaixz-divider", `miaixz-divider-${orientation}`, className) }));
+});
+//# sourceMappingURL=divider.js.map

package/dist/components/divider/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/divider/divider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAG3D;;;;GAIG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAA+B,SAAS,OAAO,CAC9E,EAAE,WAAW,GAAG,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EACnD,GAAG;IAEH,OAAO,CACL,iBACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,WAAW,sBACE,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,sBACnD,WAAW,EAC7B,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,kBAAkB,WAAW,EAAE,EAAE,SAAS,CAAC,GACnF,CACH,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { forwardRef } from \"react\";\n\nimport { classNames } from \"../../internal/class-names.js\";\nimport type { DividerProps } from \"./divider.types.js\";\n\n/**\n * Renders a semantic separator along the selected axis.\n *\n * @public\n */\nexport const Divider = forwardRef<HTMLDivElement, DividerProps>(function Divider(\n  { orientation = \"horizontal\", className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      role=\"separator\"\n      aria-orientation={orientation === \"vertical\" ? \"vertical\" : undefined}\n      data-orientation={orientation}\n      className={classNames(\"miaixz-divider\", `miaixz-divider-${orientation}`, className)}\n    />\n  );\n});\n"]}

package/dist/components/divider/divider.types.d.ts

@@ -0,0 +1,22 @@
+import type { HTMLAttributes } from "react";
+/**
+ * Defines properties owned by the Miaixz Divider contract.
+ *
+ * @public
+ */
+export interface MiaixzDividerOwnProps {
+    /**
+     * Selects the separator axis.
+     *
+     * @defaultValue `"horizontal"`
+     */
+    readonly orientation?: "horizontal" | "vertical";
+}
+/**
+ * Configures a semantic horizontal or vertical separator.
+ *
+ * @public
+ */
+export interface DividerProps extends Omit<HTMLAttributes<HTMLDivElement>, keyof MiaixzDividerOwnProps>, MiaixzDividerOwnProps {
+}
+//# sourceMappingURL=divider.types.d.ts.map

package/dist/components/divider/divider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.types.d.ts","sourceRoot":"","sources":["../../../src/components/divider/divider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CAClD;AAED;;;;GAIG;AACH,MAAM,WAAW,YACf,SACE,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,MAAM,qBAAqB,CAAC,EACjE,qBAAqB;CAAG"}

package/dist/components/divider/divider.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=divider.types.js.map

package/dist/components/divider/divider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.types.js","sourceRoot":"","sources":["../../../src/components/divider/divider.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { HTMLAttributes } from \"react\";\n\n/**\n * Defines properties owned by the Miaixz Divider contract.\n *\n * @public\n */\nexport interface MiaixzDividerOwnProps {\n  /**\n   * Selects the separator axis.\n   *\n   * @defaultValue `\"horizontal\"`\n   */\n  readonly orientation?: \"horizontal\" | \"vertical\";\n}\n\n/**\n * Configures a semantic horizontal or vertical separator.\n *\n * @public\n */\nexport interface DividerProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, keyof MiaixzDividerOwnProps>,\n    MiaixzDividerOwnProps {}\n"]}

package/dist/components/divider/index.d.ts

@@ -0,0 +1,3 @@
+export { Divider } from "./divider.js";
+export type { DividerProps, MiaixzDividerOwnProps } from "./divider.types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/divider/index.js

@@ -0,0 +1,2 @@
+export { Divider } from "./divider.js";
+//# sourceMappingURL=index.js.map

package/dist/components/divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { Divider } from \"./divider.js\";\nexport type { DividerProps, MiaixzDividerOwnProps } from \"./divider.types.js\";\n"]}

package/dist/components/drawer/drawer.d.ts

@@ -0,0 +1,8 @@
+import type { DrawerProps } from "./drawer.types.js";
+/**
+ * Renders a native modal drawer with localized dismissal and configurable side.
+ *
+ * @public
+ */
+export declare const Drawer: import("react").ForwardRefExoticComponent<DrawerProps & import("react").RefAttributes<HTMLDialogElement>>;
+//# sourceMappingURL=drawer.d.ts.map

package/dist/components/drawer/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;;;GAIG;AACH,eAAO,MAAM,MAAM,2GA6FjB,CAAC"}

package/dist/components/drawer/drawer.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, useRef } from "react";
+import { createPortal } from "react-dom";
+import { FocusScope } from "../../accessibility/focus-scope.js";
+import { classNames } from "../../internal/class-names.js";
+import { useMiaixzNativeModal, useMiaixzPortalTarget } from "../../internal/overlay/index.js";
+import { useMiaixzLocale } from "../../i18n/index.js";
+import { useMergedRef } from "../../internal/use-merged-ref.js";
+import { Button } from "../button/index.js";
+import { Icon } from "../icon/index.js";
+/**
+ * Renders a native modal drawer with localized dismissal and configurable side.
+ *
+ * @public
+ */
+export const Drawer = forwardRef(function Drawer({ open, onOpenChange, title, description, footer, size = "medium", placement = "right", closeLabel, showClose = true, closeOnBackdrop = true, className, children, onCancel, onClose, onClick, ...props }, forwardedRef) {
+    const { t } = useMiaixzLocale();
+    const resolvedCloseLabel = closeLabel ?? t("ui.drawer.close");
+    const internalRef = useRef(null);
+    const ref = useMergedRef(internalRef, forwardedRef);
+    const titleId = `miaixz-drawer-title-${useId()}`;
+    const generatedDescriptionId = `miaixz-drawer-description-${useId()}`;
+    const descriptionId = description ? generatedDescriptionId : undefined;
+    const portalTarget = useMiaixzPortalTarget();
+    const restoreFocusRef = useMiaixzNativeModal(internalRef, open, portalTarget);
+    if (portalTarget === null)
+        return null;
+    return createPortal(_jsx(FocusScope, { active: open, containerRef: internalRef, restoreFocusRef: restoreFocusRef, children: _jsxs("dialog", { ...props, ref: ref, "aria-labelledby": titleId, "aria-describedby": descriptionId, "data-placement": placement, className: classNames("miaixz-drawer", size !== "medium" && `miaixz-drawer-${size}`, placement !== "right" && `miaixz-drawer-${placement}`, className), onCancel: (event) => {
+                onCancel?.(event);
+                if (!event.defaultPrevented) {
+                    event.preventDefault();
+                    onOpenChange(false);
+                }
+            }, onClose: (event) => {
+                onClose?.(event);
+                if (open)
+                    onOpenChange(false);
+            }, onClick: (event) => {
+                onClick?.(event);
+                if (!event.defaultPrevented && closeOnBackdrop && event.target === event.currentTarget) {
+                    onOpenChange(false);
+                }
+            }, children: [_jsxs("header", { className: "miaixz-drawer-header", children: [_jsxs("div", { children: [_jsx("h2", { id: titleId, className: "miaixz-drawer-title", children: title }), description !== undefined && (_jsx("p", { id: descriptionId, className: "miaixz-drawer-description", children: description }))] }), showClose && (_jsx(Button, { iconOnly: true, variant: "ghost", size: "small", "aria-label": resolvedCloseLabel, onClick: () => onOpenChange(false), children: _jsx(Icon, { name: "X", size: "control" }) }))] }), _jsx("div", { className: "miaixz-drawer-body", children: children }), footer !== undefined && _jsx("footer", { className: "miaixz-drawer-footer", children: footer })] }) }), portalTarget);
+});
+//# sourceMappingURL=drawer.js.map

package/dist/components/drawer/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useId, useRef } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { FocusScope } from \"../../accessibility/focus-scope.js\";\nimport { classNames } from \"../../internal/class-names.js\";\nimport { useMiaixzNativeModal, useMiaixzPortalTarget } from \"../../internal/overlay/index.js\";\nimport { useMiaixzLocale } from \"../../i18n/index.js\";\nimport { useMergedRef } from \"../../internal/use-merged-ref.js\";\nimport { Button } from \"../button/index.js\";\nimport { Icon } from \"../icon/index.js\";\nimport type { DrawerProps } from \"./drawer.types.js\";\n\n/**\n * Renders a native modal drawer with localized dismissal and configurable side.\n *\n * @public\n */\nexport const Drawer = forwardRef<HTMLDialogElement, DrawerProps>(function Drawer(\n  {\n    open,\n    onOpenChange,\n    title,\n    description,\n    footer,\n    size = \"medium\",\n    placement = \"right\",\n    closeLabel,\n    showClose = true,\n    closeOnBackdrop = true,\n    className,\n    children,\n    onCancel,\n    onClose,\n    onClick,\n    ...props\n  },\n  forwardedRef,\n) {\n  const { t } = useMiaixzLocale();\n  const resolvedCloseLabel = closeLabel ?? t(\"ui.drawer.close\");\n  const internalRef = useRef<HTMLDialogElement>(null);\n  const ref = useMergedRef(internalRef, forwardedRef);\n  const titleId = `miaixz-drawer-title-${useId()}`;\n  const generatedDescriptionId = `miaixz-drawer-description-${useId()}`;\n  const descriptionId = description ? generatedDescriptionId : undefined;\n  const portalTarget = useMiaixzPortalTarget();\n  const restoreFocusRef = useMiaixzNativeModal(internalRef, open, portalTarget);\n\n  if (portalTarget === null) return null;\n  return createPortal(\n    <FocusScope active={open} containerRef={internalRef} restoreFocusRef={restoreFocusRef}>\n      <dialog\n        {...props}\n        ref={ref}\n        aria-labelledby={titleId}\n        aria-describedby={descriptionId}\n        data-placement={placement}\n        className={classNames(\n          \"miaixz-drawer\",\n          size !== \"medium\" && `miaixz-drawer-${size}`,\n          placement !== \"right\" && `miaixz-drawer-${placement}`,\n          className,\n        )}\n        onCancel={(event) => {\n          onCancel?.(event);\n          if (!event.defaultPrevented) {\n            event.preventDefault();\n            onOpenChange(false);\n          }\n        }}\n        onClose={(event) => {\n          onClose?.(event);\n          if (open) onOpenChange(false);\n        }}\n        onClick={(event) => {\n          onClick?.(event);\n          if (!event.defaultPrevented && closeOnBackdrop && event.target === event.currentTarget) {\n            onOpenChange(false);\n          }\n        }}\n      >\n        <header className=\"miaixz-drawer-header\">\n          <div>\n            <h2 id={titleId} className=\"miaixz-drawer-title\">\n              {title}\n            </h2>\n            {description !== undefined && (\n              <p id={descriptionId} className=\"miaixz-drawer-description\">\n                {description}\n              </p>\n            )}\n          </div>\n          {showClose && (\n            <Button\n              iconOnly\n              variant=\"ghost\"\n              size=\"small\"\n              aria-label={resolvedCloseLabel}\n              onClick={() => onOpenChange(false)}\n            >\n              <Icon name=\"X\" size=\"control\" />\n            </Button>\n          )}\n        </header>\n        <div className=\"miaixz-drawer-body\">{children}</div>\n        {footer !== undefined && <footer className=\"miaixz-drawer-footer\">{footer}</footer>}\n      </dialog>\n    </FocusScope>,\n    portalTarget,\n  );\n});\n"]}

package/dist/components/drawer/drawer.types.d.ts

@@ -0,0 +1,69 @@
+import type { DialogHTMLAttributes, ReactNode } from "react";
+/**
+ * Defines the supported drawer widths.
+ *
+ * @public
+ */
+export type DrawerSize = "small" | "medium" | "large";
+/**
+ * Defines the viewport edge from which a drawer opens.
+ *
+ * @public
+ */
+export type DrawerPlacement = "left" | "right" | "bottom";
+/**
+ * Configures a controlled native modal drawer.
+ *
+ * @public
+ */
+export interface DrawerProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, "open" | "title"> {
+    /**
+     * Controls whether the drawer is open.
+     */
+    open: boolean;
+    /**
+     * Receives requested open-state changes.
+     */
+    onOpenChange: (open: boolean) => void;
+    /**
+     * Supplies the drawer heading.
+     */
+    title: ReactNode;
+    /**
+     * Supplies supporting drawer description content.
+     */
+    description?: ReactNode;
+    /**
+     * Supplies the drawer action footer.
+     */
+    footer?: ReactNode;
+    /**
+     * Selects the drawer width.
+     *
+     * @defaultValue `"medium"`
+     */
+    size?: DrawerSize;
+    /**
+     * Selects the viewport edge used by the drawer.
+     *
+     * @defaultValue `"right"`
+     */
+    placement?: DrawerPlacement;
+    /**
+     * Overrides the localized close-button label.
+     */
+    closeLabel?: string;
+    /**
+     * Controls whether the close button is rendered.
+     *
+     * @defaultValue `true`
+     */
+    showClose?: boolean;
+    /**
+     * Allows a backdrop click to request closure.
+     *
+     * @defaultValue `true`
+     */
+    closeOnBackdrop?: boolean;
+}
+//# sourceMappingURL=drawer.types.d.ts.map

package/dist/components/drawer/drawer.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.types.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE1D;;;;GAIG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,GAAG,OAAO,CACjB;IACC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}

package/dist/components/drawer/drawer.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=drawer.types.js.map

package/dist/components/drawer/drawer.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.types.js","sourceRoot":"","sources":["../../../src/components/drawer/drawer.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { DialogHTMLAttributes, ReactNode } from \"react\";\n\n/**\n * Defines the supported drawer widths.\n *\n * @public\n */\nexport type DrawerSize = \"small\" | \"medium\" | \"large\";\n\n/**\n * Defines the viewport edge from which a drawer opens.\n *\n * @public\n */\nexport type DrawerPlacement = \"left\" | \"right\" | \"bottom\";\n\n/**\n * Configures a controlled native modal drawer.\n *\n * @public\n */\nexport interface DrawerProps extends Omit<\n  DialogHTMLAttributes<HTMLDialogElement>,\n  \"open\" | \"title\"\n> {\n  /**\n   * Controls whether the drawer is open.\n   */\n  open: boolean;\n  /**\n   * Receives requested open-state changes.\n   */\n  onOpenChange: (open: boolean) => void;\n  /**\n   * Supplies the drawer heading.\n   */\n  title: ReactNode;\n  /**\n   * Supplies supporting drawer description content.\n   */\n  description?: ReactNode;\n  /**\n   * Supplies the drawer action footer.\n   */\n  footer?: ReactNode;\n  /**\n   * Selects the drawer width.\n   *\n   * @defaultValue `\"medium\"`\n   */\n  size?: DrawerSize;\n  /**\n   * Selects the viewport edge used by the drawer.\n   *\n   * @defaultValue `\"right\"`\n   */\n  placement?: DrawerPlacement;\n  /**\n   * Overrides the localized close-button label.\n   */\n  closeLabel?: string;\n  /**\n   * Controls whether the close button is rendered.\n   *\n   * @defaultValue `true`\n   */\n  showClose?: boolean;\n  /**\n   * Allows a backdrop click to request closure.\n   *\n   * @defaultValue `true`\n   */\n  closeOnBackdrop?: boolean;\n}\n"]}

package/dist/components/drawer/index.d.ts

@@ -0,0 +1,3 @@
+export { Drawer } from "./drawer.js";
+export type { DrawerPlacement, DrawerProps, DrawerSize } from "./drawer.types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/drawer/index.js

@@ -0,0 +1,2 @@
+export { Drawer } from "./drawer.js";
+//# sourceMappingURL=index.js.map

package/dist/components/drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { Drawer } from \"./drawer.js\";\nexport type { DrawerPlacement, DrawerProps, DrawerSize } from \"./drawer.types.js\";\n"]}

package/dist/components/dropdown/dropdown.d.ts

@@ -0,0 +1,26 @@
+import type { DropdownDividerProps, DropdownItemProps, DropdownLabelProps, DropdownProps } from "./dropdown.types.js";
+/**
+ * Renders a localized Portal menu with package-owned WAI-ARIA keyboard behavior.
+ *
+ * @public
+ */
+export declare const Dropdown: import("react").ForwardRefExoticComponent<DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Renders a menu item as a link or button with optional icon and danger tone.
+ *
+ * @public
+ */
+export declare const DropdownItem: import("react").ForwardRefExoticComponent<DropdownItemProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+/**
+ * Renders a non-interactive label inside a dropdown menu.
+ *
+ * @public
+ */
+export declare const DropdownLabel: import("react").ForwardRefExoticComponent<DropdownLabelProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Separates logical groups of dropdown items.
+ *
+ * @public
+ */
+export declare const DropdownDivider: import("react").ForwardRefExoticComponent<DropdownDividerProps & import("react").RefAttributes<HTMLHRElement>>;
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/components/dropdown/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EACV,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACd,MAAM,qBAAqB,CAAC;AAE7B;;;;GAIG;AACH,eAAO,MAAM,QAAQ,0GAenB,CAAC;AAyCH;;;;GAIG;AACH,eAAO,MAAM,YAAY,qIA0DxB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,+GAKxB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,eAAe,gHAI3B,CAAC"}

package/dist/components/dropdown/dropdown.js

@@ -0,0 +1,70 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { classNames } from "../../internal/class-names.js";
+import { MiaixzMenu } from "../../internal/menu/index.js";
+import { useMiaixzLocale } from "../../i18n/index.js";
+import { Icon } from "../icon/index.js";
+import { Popover } from "../popover/index.js";
+import { useMiaixzPopoverContext } from "../popover/popover-context.js";
+/**
+ * Renders a localized Portal menu with package-owned WAI-ARIA keyboard behavior.
+ *
+ * @public
+ */
+export const Dropdown = forwardRef(function Dropdown({ label, children, triggerProps, ...props }, ref) {
+    const { t } = useMiaixzLocale();
+    return (_jsx(Popover, { ...props, ref: ref, triggerProps: { ...triggerProps, "aria-haspopup": "menu" }, contentClassName: "miaixz-dropdown-content", children: _jsx(DropdownMenu, { label: label ?? t("ui.menu.label"), children: children }) }));
+});
+/**
+ * Connects the package-internal Menu behavior to its owning Popover lifecycle.
+ *
+ * @param props - Composed Dropdown menu content.
+ * @param props.label - Accessible menu name.
+ * @param props.children - Public Dropdown menu content.
+ * @returns The internal menu surface.
+ */
+function DropdownMenu({ label, children }) {
+    const popover = useMiaixzPopoverContext();
+    if (popover === undefined)
+        return null;
+    return (_jsx(MiaixzMenu, { active: popover.open, triggerRef: popover.triggerRef, onRequestClose: popover.requestClose, "aria-label": label, className: "miaixz-dropdown-menu", children: children }));
+}
+/**
+ * Renders a menu item as a link or button with optional icon and danger tone.
+ *
+ * @public
+ */
+export const DropdownItem = forwardRef(function DropdownItem({ icon, description, danger = false, selected = false, className, children, ...props }, ref) {
+    const originalOnClick = props.onClick;
+    const content = (_jsxs(_Fragment, { children: [icon !== undefined && _jsx("span", { className: "miaixz-dropdown-item-icon", children: icon }), _jsxs("span", { className: "miaixz-dropdown-item-copy", children: [_jsx("span", { className: "miaixz-dropdown-item-label", children: children }), description !== undefined && (_jsx("span", { className: "miaixz-dropdown-item-description", children: description }))] }), selected && _jsx(Icon, { name: "Check", size: "control", className: "miaixz-dropdown-item-check" })] }));
+    const commonProps = {
+        role: "menuitem",
+        className: classNames("miaixz-dropdown-item", danger && "miaixz-dropdown-item-danger", selected && "miaixz-dropdown-item-selected", className),
+        onClick: (event) => {
+            originalOnClick?.(event);
+        },
+    };
+    if ("href" in props && props.href !== undefined) {
+        const { href, ...anchorProps } = props;
+        return (_jsx("a", { ...anchorProps, ...commonProps, ref: ref, href: href, children: content }));
+    }
+    const buttonProps = props;
+    return (_jsx("button", { ...buttonProps, ...commonProps, ref: ref, type: buttonProps.type ?? "button", children: content }));
+});
+/**
+ * Renders a non-interactive label inside a dropdown menu.
+ *
+ * @public
+ */
+export const DropdownLabel = forwardRef(function DropdownLabel({ className, ...props }, ref) {
+    return _jsx("div", { ...props, ref: ref, className: classNames("miaixz-dropdown-label", className) });
+});
+/**
+ * Separates logical groups of dropdown items.
+ *
+ * @public
+ */
+export const DropdownDivider = forwardRef(function DropdownDivider({ className, ...props }, ref) {
+    return _jsx("hr", { ...props, ref: ref, className: classNames("miaixz-dropdown-divider", className) });
+});
+//# sourceMappingURL=dropdown.js.map

package/dist/components/dropdown/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from \"react\";\nimport type {\n  ButtonHTMLAttributes,\n  ForwardedRef,\n  MouseEvent as ReactMouseEvent,\n  ReactNode,\n} from \"react\";\n\nimport { classNames } from \"../../internal/class-names.js\";\nimport { MiaixzMenu } from \"../../internal/menu/index.js\";\nimport { useMiaixzLocale } from \"../../i18n/index.js\";\nimport { Icon } from \"../icon/index.js\";\nimport { Popover } from \"../popover/index.js\";\nimport { useMiaixzPopoverContext } from \"../popover/popover-context.js\";\nimport type {\n  DropdownDividerProps,\n  DropdownItemProps,\n  DropdownLabelProps,\n  DropdownProps,\n} from \"./dropdown.types.js\";\n\n/**\n * Renders a localized Portal menu with package-owned WAI-ARIA keyboard behavior.\n *\n * @public\n */\nexport const Dropdown = forwardRef<HTMLDivElement, DropdownProps>(function Dropdown(\n  { label, children, triggerProps, ...props },\n  ref,\n) {\n  const { t } = useMiaixzLocale();\n  return (\n    <Popover\n      {...props}\n      ref={ref}\n      triggerProps={{ ...triggerProps, \"aria-haspopup\": \"menu\" }}\n      contentClassName=\"miaixz-dropdown-content\"\n    >\n      <DropdownMenu label={label ?? t(\"ui.menu.label\")}>{children}</DropdownMenu>\n    </Popover>\n  );\n});\n\n/**\n * Configures the composed package-internal menu rendered inside Dropdown content.\n */\ninterface DropdownMenuProps {\n  /**\n   * Supplies the accessible menu name.\n   */\n  readonly label: string;\n\n  /**\n   * Supplies public Dropdown item, label, and divider content.\n   */\n  readonly children: ReactNode;\n}\n\n/**\n * Connects the package-internal Menu behavior to its owning Popover lifecycle.\n *\n * @param props - Composed Dropdown menu content.\n * @param props.label - Accessible menu name.\n * @param props.children - Public Dropdown menu content.\n * @returns The internal menu surface.\n */\nfunction DropdownMenu({ label, children }: DropdownMenuProps) {\n  const popover = useMiaixzPopoverContext();\n  if (popover === undefined) return null;\n  return (\n    <MiaixzMenu\n      active={popover.open}\n      triggerRef={popover.triggerRef}\n      onRequestClose={popover.requestClose}\n      aria-label={label}\n      className=\"miaixz-dropdown-menu\"\n    >\n      {children}\n    </MiaixzMenu>\n  );\n}\n\n/**\n * Renders a menu item as a link or button with optional icon and danger tone.\n *\n * @public\n */\nexport const DropdownItem = forwardRef<HTMLAnchorElement | HTMLButtonElement, DropdownItemProps>(\n  function DropdownItem(\n    { icon, description, danger = false, selected = false, className, children, ...props },\n    ref,\n  ) {\n    const originalOnClick = props.onClick as\n      ((event: ReactMouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void) | undefined;\n    const content = (\n      <>\n        {icon !== undefined && <span className=\"miaixz-dropdown-item-icon\">{icon}</span>}\n        <span className=\"miaixz-dropdown-item-copy\">\n          <span className=\"miaixz-dropdown-item-label\">{children}</span>\n          {description !== undefined && (\n            <span className=\"miaixz-dropdown-item-description\">{description}</span>\n          )}\n        </span>\n        {selected && <Icon name=\"Check\" size=\"control\" className=\"miaixz-dropdown-item-check\" />}\n      </>\n    );\n    const commonProps = {\n      role: \"menuitem\" as const,\n      className: classNames(\n        \"miaixz-dropdown-item\",\n        danger && \"miaixz-dropdown-item-danger\",\n        selected && \"miaixz-dropdown-item-selected\",\n        className,\n      ),\n      onClick: (event: ReactMouseEvent<HTMLAnchorElement | HTMLButtonElement>) => {\n        originalOnClick?.(event);\n      },\n    };\n\n    if (\"href\" in props && props.href !== undefined) {\n      const { href, ...anchorProps } = props;\n      return (\n        <a\n          {...anchorProps}\n          {...commonProps}\n          ref={ref as ForwardedRef<HTMLAnchorElement>}\n          href={href}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    const buttonProps = props as ButtonHTMLAttributes<HTMLButtonElement>;\n    return (\n      <button\n        {...buttonProps}\n        {...commonProps}\n        ref={ref as ForwardedRef<HTMLButtonElement>}\n        type={buttonProps.type ?? \"button\"}\n      >\n        {content}\n      </button>\n    );\n  },\n);\n\n/**\n * Renders a non-interactive label inside a dropdown menu.\n *\n * @public\n */\nexport const DropdownLabel = forwardRef<HTMLDivElement, DropdownLabelProps>(function DropdownLabel(\n  { className, ...props },\n  ref,\n) {\n  return <div {...props} ref={ref} className={classNames(\"miaixz-dropdown-label\", className)} />;\n});\n\n/**\n * Separates logical groups of dropdown items.\n *\n * @public\n */\nexport const DropdownDivider = forwardRef<HTMLHRElement, DropdownDividerProps>(\n  function DropdownDivider({ className, ...props }, ref) {\n    return <hr {...props} ref={ref} className={classNames(\"miaixz-dropdown-divider\", className)} />;\n  },\n);\n"]}

package/dist/components/dropdown/dropdown.types.d.ts

@@ -0,0 +1,83 @@
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, ReactNode } from "react";
+import type { PopoverProps } from "../popover/index.js";
+/**
+ * Configures a disclosure-based dropdown menu.
+ *
+ * @public
+ */
+export interface DropdownProps extends Omit<PopoverProps, "contentClassName"> {
+    /**
+     * Provides the accessible menu label.
+     */
+    label?: string;
+}
+/**
+ * Defines properties shared by Miaixz dropdown item variants.
+ *
+ * @public
+ */
+export interface MiaixzDropdownItemBaseProps {
+    /**
+     * Displays optional leading icon content.
+     */
+    icon?: ReactNode;
+    /**
+     * Displays supporting item description content.
+     */
+    description?: ReactNode;
+    /**
+     * Applies the destructive-action treatment.
+     *
+     * @defaultValue `false`
+     */
+    danger?: boolean;
+    /**
+     * Displays the selected-item indicator.
+     *
+     * @defaultValue `false`
+     */
+    selected?: boolean;
+}
+/**
+ * Configures a link-backed Miaixz dropdown item.
+ *
+ * @public
+ */
+export interface MiaixzDropdownAnchorItemProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href"> {
+    /**
+     * Supplies the required link destination.
+     */
+    href: string;
+}
+/**
+ * Configures a button-backed Miaixz dropdown item.
+ *
+ * @public
+ */
+export interface MiaixzDropdownButtonItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Keeps the item in button mode when no destination is supplied.
+     */
+    href?: undefined;
+}
+/**
+ * Configures a dropdown item rendered as either a link or a button.
+ *
+ * @public
+ */
+export type DropdownItemProps = MiaixzDropdownItemBaseProps & (MiaixzDropdownAnchorItemProps | MiaixzDropdownButtonItemProps);
+/**
+ * Configures a non-interactive label within a dropdown menu.
+ *
+ * @public
+ */
+export interface DropdownLabelProps extends HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Configures a semantic divider within a dropdown menu.
+ *
+ * @public
+ */
+export interface DropdownDividerProps extends HTMLAttributes<HTMLHRElement> {
+}
+//# sourceMappingURL=dropdown.types.d.ts.map