@linyao.tw/ui 1.0.0 → 1.2.0

package/dist/components/overlays/dialog.js

@@ -1,158 +1,166 @@
-import { mergeClassName as e } from "./class-names.js";
-import { forwardRef as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { XIcon as i } from "@phosphor-icons/react/dist/csr/X";
-import { Dialog as a } from "@base-ui/react/dialog";
-import { AlertDialog as o } from "@base-ui/react/alert-dialog";
+"use client";
+import { cx as e, withStateClassName as t } from "../../internal/class-names.js";
+import { useMessages as n } from "../../intl/provider.js";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { XIcon as o } from "@phosphor-icons/react/dist/csr/X";
+import { Dialog as s } from "@base-ui/react/dialog";
+import { AlertDialog as c } from "@base-ui/react/alert-dialog";
 //#region src/components/overlays/dialog.tsx
-function s() {
-	return /* @__PURE__ */ n(i, {
+function l() {
+	return /* @__PURE__ */ i(o, {
 		"aria-hidden": "true",
 		className: "lyds-overlayClose__glyph",
 		weight: "bold"
 	});
 }
-function c(e) {
-	return /* @__PURE__ */ n(a.Root, { ...e });
+function u(e) {
+	return /* @__PURE__ */ i(s.Root, { ...e });
 }
-function l({ className: t, ...r }) {
-	return /* @__PURE__ */ n(a.Trigger, {
-		...r,
-		className: e("lyds-dialog__trigger", t)
+function d({ className: e, ...n }) {
+	return /* @__PURE__ */ i(s.Trigger, {
+		...n,
+		className: t("lyds-dialog__trigger", e)
 	});
 }
-var u = t(function(e, t) {
-	return /* @__PURE__ */ n(a.Portal, {
+var f = r(function(e, t) {
+	return /* @__PURE__ */ i(s.Portal, {
 		...e,
 		ref: t
 	});
-}), d = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n(a.Backdrop, {
-		...r,
-		ref: i,
-		className: e("lyds-dialog__backdrop", t)
-	});
-}), f = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n(a.Viewport, {
-		...r,
-		ref: i,
-		className: e("lyds-dialog__viewport", t)
+}), p = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ i(s.Backdrop, {
+		...n,
+		ref: r,
+		className: t("lyds-dialog__backdrop", e)
 	});
-}), p = t(function({ children: t, className: i, closeLabel: o = "關閉對話框", closeProps: s, hasCustomClose: c = !1, ...l }, u) {
-	return /* @__PURE__ */ r(a.Popup, {
-		...l,
-		ref: u,
-		className: e("lyds-dialog__popup", i),
-		children: [t, c ? null : /* @__PURE__ */ n(g, {
-			...s,
-			"aria-label": o
-		})]
-	});
-}), m = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n(a.Title, {
-		...r,
-		ref: i,
-		className: e("lyds-dialog__title", t)
+}), m = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ i(s.Viewport, {
+		...n,
+		ref: r,
+		className: t("lyds-dialog__viewport", e)
+	});
+}), h = r(function({ children: e, className: r, closeButton: o, closeLabel: c, closeProps: l, hasCustomClose: u = !1, ...d }, f) {
+	let p = n(), m = o ?? !u;
+	return /* @__PURE__ */ a(s.Popup, {
+		...d,
+		ref: f,
+		className: t("lyds-dialog__popup", r),
+		children: [m ? /* @__PURE__ */ i(v, {
+			...l,
+			"aria-label": c ?? p.dialogClose
+		}) : null, e]
+	});
+}), g = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ i(s.Title, {
+		...n,
+		ref: r,
+		className: t("lyds-dialog__title", e)
 	});
-}), h = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n(a.Description, {
-		...r,
-		ref: i,
-		className: e("lyds-dialog__description", t)
+}), _ = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ i(s.Description, {
+		...n,
+		ref: r,
+		className: t("lyds-dialog__description", e)
 	});
-}), g = t(function({ "aria-label": t, children: r, className: i, variant: o = r == null ? "icon" : "action", ...c }, l) {
-	return /* @__PURE__ */ n(a.Close, {
+}), v = r(function({ "aria-label": e, children: r, className: a, variant: o = r == null ? "icon" : "action", ...c }, u) {
+	let d = n();
+	return /* @__PURE__ */ i(s.Close, {
 		...c,
-		ref: l,
-		"aria-label": t ?? (r == null ? "關閉對話框" : void 0),
-		className: e(o === "icon" ? "lyds-overlayClose" : "lyds-overlayCloseAction", i),
-		children: r ?? /* @__PURE__ */ n(s, {})
-	});
-}), _ = t(function({ className: e, ...t }, r) {
-	return /* @__PURE__ */ n("div", {
-		...t,
-		ref: r,
-		className: e ? `lyds-dialog__header ${e}` : "lyds-dialog__header"
+		ref: u,
+		"aria-label": e ?? (r == null ? d.dialogClose : void 0),
+		className: t(o === "icon" ? "lyds-overlayClose" : "lyds-overlayCloseAction", a),
+		children: r ?? /* @__PURE__ */ i(l, {})
 	});
-}), v = t(function({ className: e, ...t }, r) {
-	return /* @__PURE__ */ n("div", {
-		...t,
+}), y = r(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ i("div", {
+		...n,
 		ref: r,
-		className: e ? `lyds-dialog__body ${e}` : "lyds-dialog__body"
+		className: e("lyds-dialog__header", t)
 	});
-}), y = t(function({ className: e, ...t }, r) {
-	return /* @__PURE__ */ n("div", {
-		...t,
+}), b = r(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ i("div", {
+		...n,
 		ref: r,
-		className: e ? `lyds-dialog__footer ${e}` : "lyds-dialog__footer"
-	});
-}), b = {
-	Root: c,
-	Trigger: l,
-	Portal: u,
-	Backdrop: d,
-	Viewport: f,
-	Popup: p,
-	Header: _,
-	Body: v,
-	Footer: y,
-	Title: m,
-	Description: h,
-	Close: g,
-	createHandle: a.createHandle,
-	Handle: a.Handle
-}, x = b;
-function S(e) {
-	return /* @__PURE__ */ n(o.Root, { ...e });
-}
-function C({ className: t, ...r }) {
-	return /* @__PURE__ */ n(o.Trigger, {
+		className: e("lyds-dialog__body", t)
+	});
+}), x = r(function({ align: t = "stretch", className: n, ...r }, a) {
+	return /* @__PURE__ */ i("div", {
 		...r,
-		className: e("lyds-alertDialog__trigger", t)
+		ref: a,
+		"data-align": t,
+		className: e("lyds-dialog__footer", n)
+	});
+}), S = {
+	Root: u,
+	Trigger: d,
+	Portal: f,
+	Backdrop: p,
+	Viewport: m,
+	Popup: h,
+	Header: y,
+	Body: b,
+	Footer: x,
+	Title: g,
+	Description: _,
+	Close: v,
+	createHandle: s.createHandle,
+	Handle: s.Handle
+}, C = S;
+function w(e) {
+	return /* @__PURE__ */ i(c.Root, { ...e });
+}
+function T({ className: e, ...n }) {
+	return /* @__PURE__ */ i(c.Trigger, {
+		...n,
+		className: t("lyds-alertDialog__trigger", e)
 	});
 }
-var w = t(function({ children: t, className: i, closeLabel: a = "取消並關閉警示", closeProps: s, hasCustomClose: c = !1, ...l }, u) {
-	return /* @__PURE__ */ r(o.Popup, {
-		...l,
+var E = r(function({ children: e, className: r, closeButton: o, closeLabel: s, closeProps: l, hasCustomClose: u, ...d }, f) {
+	let p = n(), m = o ?? u === !1;
+	return /* @__PURE__ */ a(c.Popup, {
+		...d,
+		ref: f,
+		className: t("lyds-dialog__popup lyds-alertDialog__popup", r),
+		children: [m ? /* @__PURE__ */ i(D, {
+			...l,
+			"aria-label": s ?? p.alertDialogClose
+		}) : null, e]
+	});
+}), D = r(function({ "aria-label": e, children: r, className: a, variant: o = r == null ? "icon" : "action", ...s }, u) {
+	let d = n();
+	return /* @__PURE__ */ i(c.Close, {
+		...s,
 		ref: u,
-		className: e("lyds-dialog__popup lyds-alertDialog__popup", i),
-		children: [t, c ? null : /* @__PURE__ */ n(T, {
-			...s,
-			"aria-label": a
-		})]
-	});
-}), T = t(function({ "aria-label": t, children: r, className: i, variant: a = r == null ? "icon" : "action", ...c }, l) {
-	return /* @__PURE__ */ n(o.Close, {
-		...c,
-		ref: l,
-		"aria-label": t ?? (r == null ? "取消並關閉警示" : void 0),
-		className: e(a === "icon" ? "lyds-overlayClose" : "lyds-overlayCloseAction", i),
-		children: r ?? /* @__PURE__ */ n(s, {})
-	});
-}), E = t(function({ className: e, ...t }, r) {
-	return /* @__PURE__ */ n("div", {
-		...t,
-		ref: r,
-		className: e ? `lyds-dialog__footer lyds-alertDialog__actions ${e}` : "lyds-dialog__footer lyds-alertDialog__actions"
-	});
-}), D = {
-	Root: S,
-	Trigger: C,
-	Portal: u,
-	Backdrop: d,
-	Viewport: f,
-	Popup: w,
-	Header: _,
-	Body: v,
-	Footer: y,
-	Actions: E,
-	Title: m,
-	Description: h,
-	Close: T,
-	createHandle: o.createHandle,
-	Handle: o.Handle
+		"aria-label": e ?? (r == null ? d.alertDialogClose : void 0),
+		className: t(o === "icon" ? "lyds-overlayClose" : "lyds-overlayCloseAction", a),
+		children: r ?? /* @__PURE__ */ i(l, {})
+	});
+}), O = r(function({ align: t = "stretch", className: n, ...r }, a) {
+	return /* @__PURE__ */ i("div", {
+		...r,
+		ref: a,
+		"data-align": t,
+		className: e("lyds-dialog__footer lyds-alertDialog__actions", n)
+	});
+}), k = {
+	Root: w,
+	Trigger: T,
+	Portal: f,
+	Backdrop: p,
+	Viewport: m,
+	Popup: E,
+	Header: y,
+	Body: b,
+	Footer: x,
+	Actions: O,
+	Title: g,
+	Description: _,
+	Close: D,
+	createHandle: c.createHandle,
+	Handle: c.Handle
 };
 //#endregion
-export { D as AlertDialog, E as AlertDialogActions, T as AlertDialogClose, w as AlertDialogPopup, S as AlertDialogRoot, C as AlertDialogTrigger, b as Dialog, d as DialogBackdrop, v as DialogBody, g as DialogClose, h as DialogDescription, y as DialogFooter, _ as DialogHeader, p as DialogPopup, u as DialogPortal, c as DialogRoot, m as DialogTitle, l as DialogTrigger, f as DialogViewport, x as Modal };
+export { k as AlertDialog, O as AlertDialogActions, D as AlertDialogClose, E as AlertDialogPopup, w as AlertDialogRoot, T as AlertDialogTrigger, S as Dialog, p as DialogBackdrop, b as DialogBody, v as DialogClose, _ as DialogDescription, x as DialogFooter, y as DialogHeader, h as DialogPopup, f as DialogPortal, u as DialogRoot, g as DialogTitle, d as DialogTrigger, m as DialogViewport, C as Modal };
 
 //# sourceMappingURL=dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/components/overlays/dialog.tsx"],"sourcesContent":["import { AlertDialog as BaseAlertDialog, type AlertDialogRootProps, type AlertDialogTriggerProps } from \"@base-ui/react/alert-dialog\";\nimport {\n\tDialog as BaseDialog,\n\ttype DialogCloseProps as BaseDialogCloseProps,\n\ttype DialogPopupProps as BaseDialogPopupProps,\n\ttype DialogBackdropProps,\n\ttype DialogDescriptionProps,\n\ttype DialogPortalProps,\n\ttype DialogRootProps,\n\ttype DialogTitleProps,\n\ttype DialogTriggerProps,\n\ttype DialogViewportProps\n} from \"@base-ui/react/dialog\";\nimport { XIcon } from \"@phosphor-icons/react/dist/csr/X\";\nimport { forwardRef, type HTMLAttributes, type JSX, type ReactNode, type RefAttributes } from \"react\";\n\nimport { mergeClassName } from \"./class-names\";\n\nexport type { AlertDialogRootChangeEventDetails } from \"@base-ui/react/alert-dialog\";\nexport type { DialogRootChangeEventDetails } from \"@base-ui/react/dialog\";\n\nfunction CloseGlyph(): JSX.Element {\n\treturn <XIcon aria-hidden=\"true\" className=\"lyds-overlayClose__glyph\" weight=\"bold\" />;\n}\n\nexport function DialogRoot<Payload = unknown>(props: DialogRootProps<Payload>): JSX.Element {\n\treturn <BaseDialog.Root {...props} />;\n}\n\nexport function DialogTrigger<Payload = unknown>({ className, ...props }: DialogTriggerProps<Payload> & RefAttributes<HTMLElement>): JSX.Element {\n\treturn <BaseDialog.Trigger {...props} className={mergeClassName(\"lyds-dialog__trigger\", className)} />;\n}\n\nexport const DialogPortal = forwardRef<HTMLDivElement, DialogPortalProps>(function DialogPortal(props, ref) {\n\treturn <BaseDialog.Portal {...props} ref={ref} />;\n});\n\nexport const DialogBackdrop = forwardRef<HTMLDivElement, DialogBackdropProps>(function DialogBackdrop({ className, ...props }, ref) {\n\treturn <BaseDialog.Backdrop {...props} ref={ref} className={mergeClassName(\"lyds-dialog__backdrop\", className)} />;\n});\n\nexport const DialogViewport = forwardRef<HTMLDivElement, DialogViewportProps>(function DialogViewport({ className, ...props }, ref) {\n\treturn <BaseDialog.Viewport {...props} ref={ref} className={mergeClassName(\"lyds-dialog__viewport\", className)} />;\n});\n\nexport interface DialogPopupProps extends BaseDialogPopupProps {\n\t/** 內建關閉控制項的無障礙標籤。 */\n\tcloseLabel?: string;\n\t/** 傳給內建關閉控制項的屬性。 */\n\tcloseProps?: Omit<DialogCloseProps, \"children\">;\n\t/** 僅在彈出內容另有可存取的 Dialog.Close 時設定。 */\n\thasCustomClose?: boolean;\n}\n\nexport const DialogPopup = forwardRef<HTMLDivElement, DialogPopupProps>(function DialogPopup({ children, className, closeLabel = \"關閉對話框\", closeProps, hasCustomClose = false, ...props }, ref) {\n\treturn (\n\t\t<BaseDialog.Popup {...props} ref={ref} className={mergeClassName(\"lyds-dialog__popup\", className)}>\n\t\t\t{children}\n\t\t\t{hasCustomClose ? null : <DialogClose {...closeProps} aria-label={closeLabel} />}\n\t\t</BaseDialog.Popup>\n\t);\n});\n\nexport const DialogTitle = forwardRef<HTMLHeadingElement, DialogTitleProps>(function DialogTitle({ className, ...props }, ref) {\n\treturn <BaseDialog.Title {...props} ref={ref} className={mergeClassName(\"lyds-dialog__title\", className)} />;\n});\n\nexport const DialogDescription = forwardRef<HTMLParagraphElement, DialogDescriptionProps>(function DialogDescription({ className, ...props }, ref) {\n\treturn <BaseDialog.Description {...props} ref={ref} className={mergeClassName(\"lyds-dialog__description\", className)} />;\n});\n\nexport interface DialogCloseProps extends BaseDialogCloseProps {\n\t/** 圖示控制項位於面板角落；動作控制項則參與內容排版。 */\n\tvariant?: \"icon\" | \"action\";\n}\n\nexport const DialogClose = forwardRef<HTMLButtonElement, DialogCloseProps>(function DialogClose(\n\t{ \"aria-label\": ariaLabel, children, className, variant = children == null ? \"icon\" : \"action\", ...props },\n\tref\n) {\n\treturn (\n\t\t<BaseDialog.Close\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\taria-label={ariaLabel ?? (children == null ? \"關閉對話框\" : undefined)}\n\t\t\tclassName={mergeClassName(variant === \"icon\" ? \"lyds-overlayClose\" : \"lyds-overlayCloseAction\", className)}\n\t\t>\n\t\t\t{children ?? <CloseGlyph />}\n\t\t</BaseDialog.Close>\n\t);\n});\n\nexport type DialogHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(function DialogHeader({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={className ? `lyds-dialog__header ${className}` : \"lyds-dialog__header\"} />;\n});\n\nexport type DialogBodyProps = HTMLAttributes<HTMLDivElement>;\n\nexport const DialogBody = forwardRef<HTMLDivElement, DialogBodyProps>(function DialogBody({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={className ? `lyds-dialog__body ${className}` : \"lyds-dialog__body\"} />;\n});\n\nexport type DialogFooterProps = HTMLAttributes<HTMLDivElement>;\n\nexport const DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(function DialogFooter({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={className ? `lyds-dialog__footer ${className}` : \"lyds-dialog__footer\"} />;\n});\n\nexport const Dialog = {\n\tRoot: DialogRoot,\n\tTrigger: DialogTrigger,\n\tPortal: DialogPortal,\n\tBackdrop: DialogBackdrop,\n\tViewport: DialogViewport,\n\tPopup: DialogPopup,\n\tHeader: DialogHeader,\n\tBody: DialogBody,\n\tFooter: DialogFooter,\n\tTitle: DialogTitle,\n\tDescription: DialogDescription,\n\tClose: DialogClose,\n\tcreateHandle: BaseDialog.createHandle,\n\tHandle: BaseDialog.Handle\n} as const;\n\n/** Base UI 的 Dialog 預設為強制回應；Modal 是用途明確的別名。 */\nexport const Modal = Dialog;\n\nexport function AlertDialogRoot<Payload = unknown>(props: AlertDialogRootProps<Payload>): JSX.Element {\n\treturn <BaseAlertDialog.Root {...props} />;\n}\n\nexport function AlertDialogTrigger<Payload = unknown>({ className, ...props }: AlertDialogTriggerProps<Payload> & RefAttributes<HTMLElement>): JSX.Element {\n\treturn <BaseAlertDialog.Trigger {...props} className={mergeClassName(\"lyds-alertDialog__trigger\", className)} />;\n}\n\nexport interface AlertDialogPopupProps extends BaseDialogPopupProps {\n\t/** 內建取消／關閉控制項的無障礙標籤。 */\n\tcloseLabel?: string;\n\t/** 傳給內建取消／關閉控制項的屬性。 */\n\tcloseProps?: Omit<DialogCloseProps, \"children\">;\n\t/** 僅在彈出內容另有可存取的 AlertDialog.Close 時設定。 */\n\thasCustomClose?: boolean;\n}\n\nexport const AlertDialogPopup = forwardRef<HTMLDivElement, AlertDialogPopupProps>(function AlertDialogPopup(\n\t{ children, className, closeLabel = \"取消並關閉警示\", closeProps, hasCustomClose = false, ...props },\n\tref\n) {\n\treturn (\n\t\t<BaseAlertDialog.Popup {...props} ref={ref} className={mergeClassName(\"lyds-dialog__popup lyds-alertDialog__popup\", className)}>\n\t\t\t{children}\n\t\t\t{hasCustomClose ? null : <AlertDialogClose {...closeProps} aria-label={closeLabel} />}\n\t\t</BaseAlertDialog.Popup>\n\t);\n});\n\nexport const AlertDialogClose = forwardRef<HTMLButtonElement, DialogCloseProps>(function AlertDialogClose(\n\t{ \"aria-label\": ariaLabel, children, className, variant = children == null ? \"icon\" : \"action\", ...props },\n\tref\n) {\n\treturn (\n\t\t<BaseAlertDialog.Close\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\taria-label={ariaLabel ?? (children == null ? \"取消並關閉警示\" : undefined)}\n\t\t\tclassName={mergeClassName(variant === \"icon\" ? \"lyds-overlayClose\" : \"lyds-overlayCloseAction\", className)}\n\t\t>\n\t\t\t{children ?? <CloseGlyph />}\n\t\t</BaseAlertDialog.Close>\n\t);\n});\n\nexport interface AlertDialogActionsProps extends HTMLAttributes<HTMLDivElement> {\n\tchildren?: ReactNode;\n}\n\nexport const AlertDialogActions = forwardRef<HTMLDivElement, AlertDialogActionsProps>(function AlertDialogActions({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={className ? `lyds-dialog__footer lyds-alertDialog__actions ${className}` : \"lyds-dialog__footer lyds-alertDialog__actions\"} />;\n});\n\nexport const AlertDialog = {\n\tRoot: AlertDialogRoot,\n\tTrigger: AlertDialogTrigger,\n\tPortal: DialogPortal,\n\tBackdrop: DialogBackdrop,\n\tViewport: DialogViewport,\n\tPopup: AlertDialogPopup,\n\tHeader: DialogHeader,\n\tBody: DialogBody,\n\tFooter: DialogFooter,\n\tActions: AlertDialogActions,\n\tTitle: DialogTitle,\n\tDescription: DialogDescription,\n\tClose: AlertDialogClose,\n\tcreateHandle: BaseAlertDialog.createHandle,\n\tHandle: BaseAlertDialog.Handle\n} as const;\n"],"mappings":"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"}
+{"version":3,"file":"dialog.js","names":[],"sources":["../../../src/components/overlays/dialog.tsx"],"sourcesContent":["import { AlertDialog as BaseAlertDialog, type AlertDialogRootProps, type AlertDialogTriggerProps } from \"@base-ui/react/alert-dialog\";\nimport {\n\tDialog as BaseDialog,\n\ttype DialogCloseProps as BaseDialogCloseProps,\n\ttype DialogPopupProps as BaseDialogPopupProps,\n\ttype DialogBackdropProps,\n\ttype DialogDescriptionProps,\n\ttype DialogPortalProps,\n\ttype DialogRootProps,\n\ttype DialogTitleProps,\n\ttype DialogTriggerProps,\n\ttype DialogViewportProps\n} from \"@base-ui/react/dialog\";\nimport { XIcon } from \"@phosphor-icons/react/dist/csr/X\";\nimport { forwardRef, type HTMLAttributes, type JSX, type ReactNode, type RefAttributes } from \"react\";\n\nimport { cx, withStateClassName } from \"@/internal\";\nimport { useMessages } from \"@/intl\";\nexport type { AlertDialogRootChangeEventDetails } from \"@base-ui/react/alert-dialog\";\nexport type { DialogRootChangeEventDetails } from \"@base-ui/react/dialog\";\n\nfunction CloseGlyph(): JSX.Element {\n\treturn <XIcon aria-hidden=\"true\" className=\"lyds-overlayClose__glyph\" weight=\"bold\" />;\n}\n\nexport function DialogRoot<Payload = unknown>(props: DialogRootProps<Payload>): JSX.Element {\n\treturn <BaseDialog.Root {...props} />;\n}\n\nexport function DialogTrigger<Payload = unknown>({ className, ...props }: DialogTriggerProps<Payload> & RefAttributes<HTMLElement>): JSX.Element {\n\treturn <BaseDialog.Trigger {...props} className={withStateClassName(\"lyds-dialog__trigger\", className)} />;\n}\n\nexport const DialogPortal = forwardRef<HTMLDivElement, DialogPortalProps>(function DialogPortal(props, ref) {\n\treturn <BaseDialog.Portal {...props} ref={ref} />;\n});\n\nexport const DialogBackdrop = forwardRef<HTMLDivElement, DialogBackdropProps>(function DialogBackdrop({ className, ...props }, ref) {\n\treturn <BaseDialog.Backdrop {...props} ref={ref} className={withStateClassName(\"lyds-dialog__backdrop\", className)} />;\n});\n\nexport const DialogViewport = forwardRef<HTMLDivElement, DialogViewportProps>(function DialogViewport({ className, ...props }, ref) {\n\treturn <BaseDialog.Viewport {...props} ref={ref} className={withStateClassName(\"lyds-dialog__viewport\", className)} />;\n});\n\nexport interface DialogPopupProps extends BaseDialogPopupProps {\n\t/** 內建關閉控制項的無障礙標籤。 */\n\tcloseLabel?: string;\n\t/** 傳給內建關閉控制項的屬性。 */\n\tcloseProps?: Omit<DialogCloseProps, \"children\">;\n\t/** Renders the built-in corner close control. */\n\tcloseButton?: boolean;\n\t/**\n\t * @deprecated Pass `closeButton={false}` instead. Kept so existing call sites keep working.\n\t */\n\thasCustomClose?: boolean;\n}\n\nexport const DialogPopup = forwardRef<HTMLDivElement, DialogPopupProps>(function DialogPopup({ children, className, closeButton, closeLabel, closeProps, hasCustomClose = false, ...props }, ref) {\n\tconst messages = useMessages();\n\tconst showCloseButton = closeButton ?? !hasCustomClose;\n\n\treturn (\n\t\t<BaseDialog.Popup {...props} ref={ref} className={withStateClassName(\"lyds-dialog__popup\", className)}>\n\t\t\t{showCloseButton ? <DialogClose {...closeProps} aria-label={closeLabel ?? messages.dialogClose} /> : null}\n\t\t\t{children}\n\t\t</BaseDialog.Popup>\n\t);\n});\n\nexport const DialogTitle = forwardRef<HTMLHeadingElement, DialogTitleProps>(function DialogTitle({ className, ...props }, ref) {\n\treturn <BaseDialog.Title {...props} ref={ref} className={withStateClassName(\"lyds-dialog__title\", className)} />;\n});\n\nexport const DialogDescription = forwardRef<HTMLParagraphElement, DialogDescriptionProps>(function DialogDescription({ className, ...props }, ref) {\n\treturn <BaseDialog.Description {...props} ref={ref} className={withStateClassName(\"lyds-dialog__description\", className)} />;\n});\n\nexport interface DialogCloseProps extends BaseDialogCloseProps {\n\t/** 圖示控制項位於面板角落；動作控制項則參與內容排版。 */\n\tvariant?: \"icon\" | \"action\";\n}\n\nexport const DialogClose = forwardRef<HTMLButtonElement, DialogCloseProps>(function DialogClose(\n\t{ \"aria-label\": ariaLabel, children, className, variant = children == null ? \"icon\" : \"action\", ...props },\n\tref\n) {\n\tconst messages = useMessages();\n\n\treturn (\n\t\t<BaseDialog.Close\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\taria-label={ariaLabel ?? (children == null ? messages.dialogClose : undefined)}\n\t\t\tclassName={withStateClassName(variant === \"icon\" ? \"lyds-overlayClose\" : \"lyds-overlayCloseAction\", className)}\n\t\t>\n\t\t\t{children ?? <CloseGlyph />}\n\t\t</BaseDialog.Close>\n\t);\n});\n\nexport type DialogHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const DialogHeader = forwardRef<HTMLDivElement, DialogHeaderProps>(function DialogHeader({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={cx(\"lyds-dialog__header\", className)} />;\n});\n\nexport type DialogBodyProps = HTMLAttributes<HTMLDivElement>;\n\nexport const DialogBody = forwardRef<HTMLDivElement, DialogBodyProps>(function DialogBody({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={cx(\"lyds-dialog__body\", className)} />;\n});\n\n/**\n * `stretch`, the default, gives every child an equal column so a Cancel/Confirm pair reads as\n * one balanced decision. `end` sizes the actions to their own labels and puts them at the end\n * of the row; `between` separates supporting copy from the actions.\n */\nexport type OverlayFooterAlign = \"end\" | \"between\" | \"stretch\";\n\nexport interface DialogFooterProps extends HTMLAttributes<HTMLDivElement> {\n\talign?: OverlayFooterAlign;\n}\n\nexport const DialogFooter = forwardRef<HTMLDivElement, DialogFooterProps>(function DialogFooter({ align = \"stretch\", className, ...props }, ref) {\n\treturn <div {...props} ref={ref} data-align={align} className={cx(\"lyds-dialog__footer\", className)} />;\n});\n\nexport const Dialog = {\n\tRoot: DialogRoot,\n\tTrigger: DialogTrigger,\n\tPortal: DialogPortal,\n\tBackdrop: DialogBackdrop,\n\tViewport: DialogViewport,\n\tPopup: DialogPopup,\n\tHeader: DialogHeader,\n\tBody: DialogBody,\n\tFooter: DialogFooter,\n\tTitle: DialogTitle,\n\tDescription: DialogDescription,\n\tClose: DialogClose,\n\tcreateHandle: BaseDialog.createHandle,\n\tHandle: BaseDialog.Handle\n} as const;\n\n/** Base UI 的 Dialog 預設為強制回應；Modal 是用途明確的別名。 */\nexport const Modal = Dialog;\n\nexport function AlertDialogRoot<Payload = unknown>(props: AlertDialogRootProps<Payload>): JSX.Element {\n\treturn <BaseAlertDialog.Root {...props} />;\n}\n\nexport function AlertDialogTrigger<Payload = unknown>({ className, ...props }: AlertDialogTriggerProps<Payload> & RefAttributes<HTMLElement>): JSX.Element {\n\treturn <BaseAlertDialog.Trigger {...props} className={withStateClassName(\"lyds-alertDialog__trigger\", className)} />;\n}\n\nexport interface AlertDialogPopupProps extends BaseDialogPopupProps {\n\t/** 內建取消／關閉控制項的無障礙標籤。 */\n\tcloseLabel?: string;\n\t/** 傳給內建取消／關閉控制項的屬性。 */\n\tcloseProps?: Omit<DialogCloseProps, \"children\">;\n\t/**\n\t * Renders the built-in corner close control. An alert dialog asks for a deliberate choice, so\n\t * this defaults to `false` and the popup should carry its own confirm and cancel actions.\n\t */\n\tcloseButton?: boolean;\n\t/**\n\t * @deprecated Pass `closeButton` instead. Kept so existing call sites keep working.\n\t */\n\thasCustomClose?: boolean;\n}\n\nexport const AlertDialogPopup = forwardRef<HTMLDivElement, AlertDialogPopupProps>(function AlertDialogPopup(\n\t{ children, className, closeButton, closeLabel, closeProps, hasCustomClose, ...props },\n\tref\n) {\n\tconst messages = useMessages();\n\t// The historic default injected a dismiss control; only an explicit hasCustomClose={false} still asks for one.\n\tconst showCloseButton = closeButton ?? hasCustomClose === false;\n\n\treturn (\n\t\t<BaseAlertDialog.Popup {...props} ref={ref} className={withStateClassName(\"lyds-dialog__popup lyds-alertDialog__popup\", className)}>\n\t\t\t{showCloseButton ? <AlertDialogClose {...closeProps} aria-label={closeLabel ?? messages.alertDialogClose} /> : null}\n\t\t\t{children}\n\t\t</BaseAlertDialog.Popup>\n\t);\n});\n\nexport const AlertDialogClose = forwardRef<HTMLButtonElement, DialogCloseProps>(function AlertDialogClose(\n\t{ \"aria-label\": ariaLabel, children, className, variant = children == null ? \"icon\" : \"action\", ...props },\n\tref\n) {\n\tconst messages = useMessages();\n\n\treturn (\n\t\t<BaseAlertDialog.Close\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\taria-label={ariaLabel ?? (children == null ? messages.alertDialogClose : undefined)}\n\t\t\tclassName={withStateClassName(variant === \"icon\" ? \"lyds-overlayClose\" : \"lyds-overlayCloseAction\", className)}\n\t\t>\n\t\t\t{children ?? <CloseGlyph />}\n\t\t</BaseAlertDialog.Close>\n\t);\n});\n\nexport interface AlertDialogActionsProps extends HTMLAttributes<HTMLDivElement> {\n\tchildren?: ReactNode;\n\talign?: OverlayFooterAlign;\n}\n\nexport const AlertDialogActions = forwardRef<HTMLDivElement, AlertDialogActionsProps>(function AlertDialogActions({ align = \"stretch\", className, ...props }, ref) {\n\treturn <div {...props} ref={ref} data-align={align} className={cx(\"lyds-dialog__footer lyds-alertDialog__actions\", className)} />;\n});\n\nexport const AlertDialog = {\n\tRoot: AlertDialogRoot,\n\tTrigger: AlertDialogTrigger,\n\tPortal: DialogPortal,\n\tBackdrop: DialogBackdrop,\n\tViewport: DialogViewport,\n\tPopup: AlertDialogPopup,\n\tHeader: DialogHeader,\n\tBody: DialogBody,\n\tFooter: DialogFooter,\n\tActions: AlertDialogActions,\n\tTitle: DialogTitle,\n\tDescription: DialogDescription,\n\tClose: AlertDialogClose,\n\tcreateHandle: BaseAlertDialog.createHandle,\n\tHandle: BaseAlertDialog.Handle\n} as const;\n"],"mappings":"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"}

package/dist/components/overlays/disclosure.js

@@ -1,4 +1,5 @@
-import { mergeClassName as e } from "./class-names.js";
+"use client";
+import { withStateClassName as e } from "../../internal/class-names.js";
 import { forwardRef as t } from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { CaretDownIcon as i } from "@phosphor-icons/react/dist/csr/CaretDown";

package/dist/components/overlays/disclosure.js.map

@@ -1 +1 @@
-{"version":3,"file":"disclosure.js","names":[],"sources":["../../../src/components/overlays/disclosure.tsx"],"sourcesContent":["import {\n\tAccordion as BaseAccordion,\n\ttype AccordionHeaderProps,\n\ttype AccordionItemProps,\n\ttype AccordionPanelProps,\n\ttype AccordionRootProps,\n\ttype AccordionTriggerProps\n} from \"@base-ui/react/accordion\";\nimport { Collapsible as BaseCollapsible, type CollapsiblePanelProps, type CollapsibleRootProps, type CollapsibleTriggerProps } from \"@base-ui/react/collapsible\";\nimport { Tabs as BaseTabs, type TabsIndicatorProps, type TabsListProps, type TabsPanelProps, type TabsRootProps, type TabsTabProps } from \"@base-ui/react/tabs\";\nimport { CaretDownIcon } from \"@phosphor-icons/react/dist/csr/CaretDown\";\nimport { forwardRef, type JSX } from \"react\";\n\nimport { mergeClassName } from \"./class-names\";\n\nexport type { AccordionRootChangeEventDetails } from \"@base-ui/react/accordion\";\nexport type { CollapsibleRootChangeEventDetails } from \"@base-ui/react/collapsible\";\nexport type { TabsRootChangeEventDetails } from \"@base-ui/react/tabs\";\n\nexport function AccordionRoot<Value = string>(props: AccordionRootProps<Value>): JSX.Element {\n\tconst { className, ...rootProps } = props;\n\n\treturn <BaseAccordion.Root {...rootProps} className={mergeClassName(\"lyds-accordion\", className)} />;\n}\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(function AccordionItem({ className, ...props }, ref) {\n\treturn <BaseAccordion.Item {...props} ref={ref} className={mergeClassName(\"lyds-accordion__item\", className)} />;\n});\n\nexport const AccordionHeader = forwardRef<HTMLHeadingElement, AccordionHeaderProps>(function AccordionHeader({ className, ...props }, ref) {\n\treturn <BaseAccordion.Header {...props} ref={ref} className={mergeClassName(\"lyds-accordion__header\", className)} />;\n});\n\nexport const AccordionTrigger = forwardRef<HTMLElement, AccordionTriggerProps>(function AccordionTrigger({ children, className, ...props }, ref) {\n\treturn (\n\t\t<BaseAccordion.Trigger {...props} ref={ref} className={mergeClassName(\"lyds-accordion__trigger\", className)}>\n\t\t\t<span className=\"lyds-accordion__label\">{children}</span>\n\t\t\t<span className=\"lyds-accordion__indicator\" aria-hidden=\"true\">\n\t\t\t\t<CaretDownIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t</span>\n\t\t</BaseAccordion.Trigger>\n\t);\n});\n\nexport const AccordionPanel = forwardRef<HTMLDivElement, AccordionPanelProps>(function AccordionPanel({ children, className, ...props }, ref) {\n\treturn (\n\t\t<BaseAccordion.Panel {...props} ref={ref} className={mergeClassName(\"lyds-accordion__panel\", className)}>\n\t\t\t<div className=\"lyds-accordion__panelContent\">{children}</div>\n\t\t</BaseAccordion.Panel>\n\t);\n});\n\nexport const Accordion = {\n\tRoot: AccordionRoot,\n\tItem: AccordionItem,\n\tHeader: AccordionHeader,\n\tTrigger: AccordionTrigger,\n\tPanel: AccordionPanel\n} as const;\n\nexport const CollapsibleRoot = forwardRef<HTMLDivElement, CollapsibleRootProps>(function CollapsibleRoot({ className, ...props }, ref) {\n\treturn <BaseCollapsible.Root {...props} ref={ref} className={mergeClassName(\"lyds-collapsible\", className)} />;\n});\n\nexport const CollapsibleTrigger = forwardRef<HTMLButtonElement, CollapsibleTriggerProps>(function CollapsibleTrigger({ children, className, ...props }, ref) {\n\treturn (\n\t\t<BaseCollapsible.Trigger {...props} ref={ref} className={mergeClassName(\"lyds-collapsible__trigger\", className)}>\n\t\t\t<span className=\"lyds-collapsible__label\">{children}</span>\n\t\t\t<span className=\"lyds-collapsible__indicator\" aria-hidden=\"true\">\n\t\t\t\t<CaretDownIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t</span>\n\t\t</BaseCollapsible.Trigger>\n\t);\n});\n\nexport const CollapsiblePanel = forwardRef<HTMLDivElement, CollapsiblePanelProps>(function CollapsiblePanel({ children, className, ...props }, ref) {\n\treturn (\n\t\t<BaseCollapsible.Panel {...props} ref={ref} className={mergeClassName(\"lyds-collapsible__panel\", className)}>\n\t\t\t<div className=\"lyds-collapsible__panelContent\">{children}</div>\n\t\t</BaseCollapsible.Panel>\n\t);\n});\n\nexport const Collapsible = {\n\tRoot: CollapsibleRoot,\n\tTrigger: CollapsibleTrigger,\n\tPanel: CollapsiblePanel\n} as const;\n\nexport const TabsRoot = forwardRef<HTMLDivElement, TabsRootProps>(function TabsRoot({ className, ...props }, ref) {\n\treturn <BaseTabs.Root {...props} ref={ref} className={mergeClassName(\"lyds-tabs\", className)} />;\n});\n\nexport const TabsList = forwardRef<HTMLDivElement, TabsListProps>(function TabsList({ className, ...props }, ref) {\n\treturn <BaseTabs.List {...props} ref={ref} className={mergeClassName(\"lyds-tabs__list\", className)} />;\n});\n\nexport const TabsTab = forwardRef<HTMLElement, TabsTabProps>(function TabsTab({ className, ...props }, ref) {\n\treturn <BaseTabs.Tab {...props} ref={ref} className={mergeClassName(\"lyds-tabs__tab\", className)} />;\n});\n\n/** Base UI 指示器的進階自訂介面。作用中的分頁已有自身選取樣式，因此 Linyao Design System 預設隱藏此元件。 */\nexport const TabsIndicator = forwardRef<HTMLSpanElement, TabsIndicatorProps>(function TabsIndicator({ className, ...props }, ref) {\n\treturn <BaseTabs.Indicator {...props} ref={ref} className={mergeClassName(\"lyds-tabs__indicator\", className)} />;\n});\n\nexport const TabsPanel = forwardRef<HTMLDivElement, TabsPanelProps>(function TabsPanel({ className, ...props }, ref) {\n\treturn <BaseTabs.Panel {...props} ref={ref} className={mergeClassName(\"lyds-tabs__panel\", className)} />;\n});\n\nexport const Tabs = {\n\tRoot: TabsRoot,\n\tList: TabsList,\n\tTab: TabsTab,\n\tIndicator: TabsIndicator,\n\tPanel: TabsPanel\n} as const;\n"],"mappings":"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"}
+{"version":3,"file":"disclosure.js","names":[],"sources":["../../../src/components/overlays/disclosure.tsx"],"sourcesContent":["import {\n\tAccordion as BaseAccordion,\n\ttype AccordionHeaderProps,\n\ttype AccordionItemProps,\n\ttype AccordionPanelProps,\n\ttype AccordionRootProps,\n\ttype AccordionTriggerProps\n} from \"@base-ui/react/accordion\";\nimport { Collapsible as BaseCollapsible, type CollapsiblePanelProps, type CollapsibleRootProps, type CollapsibleTriggerProps } from \"@base-ui/react/collapsible\";\nimport { Tabs as BaseTabs, type TabsIndicatorProps, type TabsListProps, type TabsPanelProps, type TabsRootProps, type TabsTabProps } from \"@base-ui/react/tabs\";\nimport { CaretDownIcon } from \"@phosphor-icons/react/dist/csr/CaretDown\";\nimport { forwardRef, type JSX } from \"react\";\n\nimport { withStateClassName } from \"@/internal\";\nexport type { AccordionRootChangeEventDetails } from \"@base-ui/react/accordion\";\nexport type { CollapsibleRootChangeEventDetails } from \"@base-ui/react/collapsible\";\nexport type { TabsRootChangeEventDetails } from \"@base-ui/react/tabs\";\n\nexport function AccordionRoot<Value = string>(props: AccordionRootProps<Value>): JSX.Element {\n\tconst { className, ...rootProps } = props;\n\n\treturn <BaseAccordion.Root {...rootProps} className={withStateClassName(\"lyds-accordion\", className)} />;\n}\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(function AccordionItem({ className, ...props }, ref) {\n\treturn <BaseAccordion.Item {...props} ref={ref} className={withStateClassName(\"lyds-accordion__item\", className)} />;\n});\n\nexport const AccordionHeader = forwardRef<HTMLHeadingElement, AccordionHeaderProps>(function AccordionHeader({ className, ...props }, ref) {\n\treturn <BaseAccordion.Header {...props} ref={ref} className={withStateClassName(\"lyds-accordion__header\", className)} />;\n});\n\nexport const AccordionTrigger = forwardRef<HTMLElement, AccordionTriggerProps>(function AccordionTrigger({ children, className, ...props }, ref) {\n\treturn (\n\t\t<BaseAccordion.Trigger {...props} ref={ref} className={withStateClassName(\"lyds-accordion__trigger\", className)}>\n\t\t\t<span className=\"lyds-accordion__label\">{children}</span>\n\t\t\t<span className=\"lyds-accordion__indicator\" aria-hidden=\"true\">\n\t\t\t\t<CaretDownIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t</span>\n\t\t</BaseAccordion.Trigger>\n\t);\n});\n\nexport const AccordionPanel = forwardRef<HTMLDivElement, AccordionPanelProps>(function AccordionPanel({ children, className, ...props }, ref) {\n\treturn (\n\t\t<BaseAccordion.Panel {...props} ref={ref} className={withStateClassName(\"lyds-accordion__panel\", className)}>\n\t\t\t<div className=\"lyds-accordion__panelContent\">{children}</div>\n\t\t</BaseAccordion.Panel>\n\t);\n});\n\nexport const Accordion = {\n\tRoot: AccordionRoot,\n\tItem: AccordionItem,\n\tHeader: AccordionHeader,\n\tTrigger: AccordionTrigger,\n\tPanel: AccordionPanel\n} as const;\n\nexport const CollapsibleRoot = forwardRef<HTMLDivElement, CollapsibleRootProps>(function CollapsibleRoot({ className, ...props }, ref) {\n\treturn <BaseCollapsible.Root {...props} ref={ref} className={withStateClassName(\"lyds-collapsible\", className)} />;\n});\n\nexport const CollapsibleTrigger = forwardRef<HTMLButtonElement, CollapsibleTriggerProps>(function CollapsibleTrigger({ children, className, ...props }, ref) {\n\treturn (\n\t\t<BaseCollapsible.Trigger {...props} ref={ref} className={withStateClassName(\"lyds-collapsible__trigger\", className)}>\n\t\t\t<span className=\"lyds-collapsible__label\">{children}</span>\n\t\t\t<span className=\"lyds-collapsible__indicator\" aria-hidden=\"true\">\n\t\t\t\t<CaretDownIcon aria-hidden=\"true\" weight=\"bold\" />\n\t\t\t</span>\n\t\t</BaseCollapsible.Trigger>\n\t);\n});\n\nexport const CollapsiblePanel = forwardRef<HTMLDivElement, CollapsiblePanelProps>(function CollapsiblePanel({ children, className, ...props }, ref) {\n\treturn (\n\t\t<BaseCollapsible.Panel {...props} ref={ref} className={withStateClassName(\"lyds-collapsible__panel\", className)}>\n\t\t\t<div className=\"lyds-collapsible__panelContent\">{children}</div>\n\t\t</BaseCollapsible.Panel>\n\t);\n});\n\nexport const Collapsible = {\n\tRoot: CollapsibleRoot,\n\tTrigger: CollapsibleTrigger,\n\tPanel: CollapsiblePanel\n} as const;\n\nexport const TabsRoot = forwardRef<HTMLDivElement, TabsRootProps>(function TabsRoot({ className, ...props }, ref) {\n\treturn <BaseTabs.Root {...props} ref={ref} className={withStateClassName(\"lyds-tabs\", className)} />;\n});\n\nexport const TabsList = forwardRef<HTMLDivElement, TabsListProps>(function TabsList({ className, ...props }, ref) {\n\treturn <BaseTabs.List {...props} ref={ref} className={withStateClassName(\"lyds-tabs__list\", className)} />;\n});\n\nexport const TabsTab = forwardRef<HTMLElement, TabsTabProps>(function TabsTab({ className, ...props }, ref) {\n\treturn <BaseTabs.Tab {...props} ref={ref} className={withStateClassName(\"lyds-tabs__tab\", className)} />;\n});\n\n/** Base UI 指示器的進階自訂介面。作用中的分頁已有自身選取樣式，因此 Linyao Design System 預設隱藏此元件。 */\nexport const TabsIndicator = forwardRef<HTMLSpanElement, TabsIndicatorProps>(function TabsIndicator({ className, ...props }, ref) {\n\treturn <BaseTabs.Indicator {...props} ref={ref} className={withStateClassName(\"lyds-tabs__indicator\", className)} />;\n});\n\nexport const TabsPanel = forwardRef<HTMLDivElement, TabsPanelProps>(function TabsPanel({ className, ...props }, ref) {\n\treturn <BaseTabs.Panel {...props} ref={ref} className={withStateClassName(\"lyds-tabs__panel\", className)} />;\n});\n\nexport const Tabs = {\n\tRoot: TabsRoot,\n\tList: TabsList,\n\tTab: TabsTab,\n\tIndicator: TabsIndicator,\n\tPanel: TabsPanel\n} as const;\n"],"mappings":"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"}

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

@@ -1,5 +1,6 @@
 import { Drawer as BaseDrawer, DrawerCloseProps as BaseDrawerCloseProps, DrawerPopupProps as BaseDrawerPopupProps, DrawerBackdropProps, DrawerContentProps, DrawerDescriptionProps, DrawerPortalProps, DrawerRootProps, DrawerSwipeAreaProps, DrawerTitleProps, DrawerTriggerProps, DrawerViewportProps } from '@base-ui/react/drawer';
 import { HTMLAttributes, JSX, RefAttributes } from 'react';
+import { OverlayFooterAlign } from './dialog.js';
 export type { DrawerRootChangeEventDetails } from '@base-ui/react/drawer';
 export declare function DrawerRoot<Payload = unknown>({ swipeDirection, ...props }: DrawerRootProps<Payload>): JSX.Element;
 export declare function DrawerTrigger<Payload = unknown>({ className, ...props }: DrawerTriggerProps<Payload> & RefAttributes<HTMLElement>): JSX.Element;
@@ -11,7 +12,11 @@ export interface DrawerPopupProps extends BaseDrawerPopupProps {
     closeLabel?: string;
     /** 傳給內建關閉控制項的屬性。 */
     closeProps?: Omit<DrawerCloseProps, "children">;
-    /** 僅在彈出內容另有可存取的 Drawer.Close 時設定。 */
+    /** Renders the built-in corner close control. */
+    closeButton?: boolean;
+    /**
+     * @deprecated Pass `closeButton={false}` instead. Kept so existing call sites keep working.
+     */
     hasCustomClose?: boolean;
 }
 export declare const DrawerPopup: import('react').ForwardRefExoticComponent<Omit<DrawerPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
@@ -28,7 +33,9 @@ export type DrawerHeaderProps = HTMLAttributes<HTMLDivElement>;
 export declare const DrawerHeader: import('react').ForwardRefExoticComponent<DrawerHeaderProps & RefAttributes<HTMLDivElement>>;
 export type DrawerBodyProps = HTMLAttributes<HTMLDivElement>;
 export declare const DrawerBody: import('react').ForwardRefExoticComponent<DrawerBodyProps & RefAttributes<HTMLDivElement>>;
-export type DrawerFooterProps = HTMLAttributes<HTMLDivElement>;
+export interface DrawerFooterProps extends HTMLAttributes<HTMLDivElement> {
+    align?: OverlayFooterAlign;
+}
 export declare const DrawerFooter: import('react').ForwardRefExoticComponent<DrawerFooterProps & RefAttributes<HTMLDivElement>>;
 export declare const Drawer: {
     readonly Root: typeof DrawerRoot;