@linyao.tw/ui 1.0.0 → 1.2.0

package/dist/components/overlays/drawer.js

@@ -1,192 +1,199 @@
-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 { Drawer as a } from "@base-ui/react/drawer";
+"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 { Drawer as s } from "@base-ui/react/drawer";
 //#region src/components/overlays/drawer.tsx
-function o() {
-	return /* @__PURE__ */ n(i, {
+function c() {
+	return /* @__PURE__ */ i(o, {
 		"aria-hidden": "true",
 		className: "lyds-overlayClose__glyph",
 		weight: "bold"
 	});
 }
-function s({ swipeDirection: e = "right", ...t }) {
-	return /* @__PURE__ */ n(a.Root, {
+function l({ swipeDirection: e = "right", ...t }) {
+	return /* @__PURE__ */ i(s.Root, {
 		...t,
 		swipeDirection: e
 	});
 }
-function c({ className: t, ...r }) {
-	return /* @__PURE__ */ n(a.Trigger, {
-		...r,
-		className: e("lyds-drawer__trigger", t)
+function u({ className: e, ...n }) {
+	return /* @__PURE__ */ i(s.Trigger, {
+		...n,
+		className: t("lyds-drawer__trigger", e)
 	});
 }
-var l = t(function(e, t) {
-	return /* @__PURE__ */ n(a.Portal, {
+var d = r(function(e, t) {
+	return /* @__PURE__ */ i(s.Portal, {
 		...e,
 		ref: t
 	});
-}), u = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n(a.Backdrop, {
-		...r,
-		ref: i,
-		className: e("lyds-drawer__backdrop", t)
+}), f = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ i(s.Backdrop, {
+		...n,
+		ref: r,
+		className: t("lyds-drawer__backdrop", e)
 	});
-}), d = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n(a.Viewport, {
-		...r,
-		ref: i,
-		className: e("lyds-drawer__viewport", t)
+}), p = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ i(s.Viewport, {
+		...n,
+		ref: r,
+		className: t("lyds-drawer__viewport", e)
+	});
+}), m = 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-drawer__popup", r),
+		children: [m ? /* @__PURE__ */ i(v, {
+			...l,
+			"aria-label": c ?? p.drawerClose
+		}) : null, e]
+	});
+}), h = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ i(s.Content, {
+		...n,
+		ref: r,
+		className: t("lyds-drawer__content", e)
 	});
-}), f = 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-drawer__popup", i),
-		children: [t, c ? null : /* @__PURE__ */ n(g, {
-			...s,
-			"aria-label": o
-		})]
-	});
-}), p = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n(a.Content, {
-		...r,
-		ref: i,
-		className: e("lyds-drawer__content", t)
+}), g = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ i(s.Title, {
+		...n,
+		ref: r,
+		className: t("lyds-drawer__title", e)
 	});
-}), m = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n(a.Title, {
-		...r,
-		ref: i,
-		className: e("lyds-drawer__title", t)
+}), _ = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ i(s.Description, {
+		...n,
+		ref: r,
+		className: t("lyds-drawer__description", e)
 	});
-}), h = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n(a.Description, {
-		...r,
-		ref: i,
-		className: e("lyds-drawer__description", t)
-	});
-}), g = t(function({ "aria-label": t, children: r, className: i, variant: s = r == null ? "icon" : "action", ...c }, l) {
-	return /* @__PURE__ */ n(a.Close, {
-		...c,
-		ref: l,
-		"aria-label": t ?? (r == null ? "關閉側欄" : void 0),
-		className: e(s === "icon" ? "lyds-overlayClose" : "lyds-overlayCloseAction", i),
-		children: r ?? /* @__PURE__ */ n(o, {})
-	});
-}), _ = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n(a.SwipeArea, {
-		...r,
-		ref: i,
-		className: e("lyds-drawer__swipeArea", t)
+}), v = r(function({ "aria-label": e, children: r, className: a, variant: o = r == null ? "icon" : "action", ...l }, u) {
+	let d = n();
+	return /* @__PURE__ */ i(s.Close, {
+		...l,
+		ref: u,
+		"aria-label": e ?? (r == null ? d.drawerClose : void 0),
+		className: t(o === "icon" ? "lyds-overlayClose" : "lyds-overlayCloseAction", a),
+		children: r ?? /* @__PURE__ */ i(c, {})
 	});
-}), v = t(function({ className: e, ...t }, r) {
-	return /* @__PURE__ */ n("div", {
-		...t,
+}), y = r(function({ className: e, ...n }, r) {
+	return /* @__PURE__ */ i(s.SwipeArea, {
+		...n,
 		ref: r,
-		className: e ? `lyds-drawer__header ${e}` : "lyds-drawer__header"
+		className: t("lyds-drawer__swipeArea", e)
 	});
-}), 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-drawer__body ${e}` : "lyds-drawer__body"
+		className: e("lyds-drawer__header", t)
 	});
-}), b = t(function({ className: e, ...t }, r) {
-	return /* @__PURE__ */ n("div", {
-		...t,
+}), x = r(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ i("div", {
+		...n,
 		ref: r,
-		className: e ? `lyds-drawer__footer ${e}` : "lyds-drawer__footer"
-	});
-}), x = {
-	Root: s,
-	Trigger: c,
-	Portal: l,
-	Backdrop: u,
-	Viewport: d,
-	Popup: f,
-	Content: p,
-	Header: v,
-	Body: y,
-	Footer: b,
-	Title: m,
-	Description: h,
-	Close: g,
-	SwipeArea: _,
-	Provider: a.Provider,
-	Indent: a.Indent,
-	IndentBackground: a.IndentBackground,
-	VirtualKeyboardProvider: a.VirtualKeyboardProvider,
-	createHandle: a.createHandle,
-	Handle: a.Handle
-}, S = [.45, .92];
-function C({ snapPoints: e = S, defaultSnapPoint: t, ...r }) {
-	let i = e.at(-1) ?? null;
-	return /* @__PURE__ */ n(a.Root, {
+		className: e("lyds-drawer__body", t)
+	});
+}), S = r(function({ align: t = "stretch", className: n, ...r }, a) {
+	return /* @__PURE__ */ i("div", {
 		...r,
+		ref: a,
+		"data-align": t,
+		className: e("lyds-drawer__footer", n)
+	});
+}), C = {
+	Root: l,
+	Trigger: u,
+	Portal: d,
+	Backdrop: f,
+	Viewport: p,
+	Popup: m,
+	Content: h,
+	Header: b,
+	Body: x,
+	Footer: S,
+	Title: g,
+	Description: _,
+	Close: v,
+	SwipeArea: y,
+	Provider: s.Provider,
+	Indent: s.Indent,
+	IndentBackground: s.IndentBackground,
+	VirtualKeyboardProvider: s.VirtualKeyboardProvider,
+	createHandle: s.createHandle,
+	Handle: s.Handle
+}, w = [.45, .92];
+function T({ snapPoints: e = w, defaultSnapPoint: t, ...n }) {
+	let r = e.at(-1) ?? null;
+	return /* @__PURE__ */ i(s.Root, {
+		...n,
 		swipeDirection: "down",
 		snapPoints: e,
-		defaultSnapPoint: t ?? i
+		defaultSnapPoint: t ?? r
 	});
 }
-var w = 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-drawer__popup lyds-bottomSheet__popup", i),
-		children: [t, c ? null : /* @__PURE__ */ n(g, {
-			...s,
-			"aria-label": o
-		})]
-	});
-}), T = t(function({ className: e, ...t }, r) {
-	return /* @__PURE__ */ n("div", {
-		...t,
+var E = 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-drawer__popup lyds-bottomSheet__popup", r),
+		children: [m ? /* @__PURE__ */ i(v, {
+			...l,
+			"aria-label": c ?? p.bottomSheetClose
+		}) : null, e]
+	});
+}), D = r(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ i("div", {
+		...n,
 		ref: r,
 		"aria-hidden": "true",
-		className: e ? `lyds-bottomSheet__handle ${e}` : "lyds-bottomSheet__handle",
-		children: /* @__PURE__ */ n("span", { className: "lyds-bottomSheet__handleBar" })
+		className: e("lyds-bottomSheet__handle", t),
+		children: /* @__PURE__ */ i("span", { className: "lyds-bottomSheet__handleBar" })
 	});
-}), E = t(function({ className: e, ...t }, r) {
-	return /* @__PURE__ */ n("div", {
-		...t,
+}), O = r(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ i("div", {
+		...n,
 		ref: r,
-		className: e ? `lyds-drawer__header lyds-bottomSheet__header ${e}` : "lyds-drawer__header lyds-bottomSheet__header"
+		className: e("lyds-drawer__header lyds-bottomSheet__header", t)
 	});
-}), D = t(function({ className: e, ...t }, r) {
-	return /* @__PURE__ */ n("div", {
-		...t,
+}), k = r(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ i("div", {
+		...n,
 		ref: r,
-		className: e ? `lyds-drawer__body lyds-bottomSheet__body ${e}` : "lyds-drawer__body lyds-bottomSheet__body"
+		className: e("lyds-drawer__body lyds-bottomSheet__body", t)
 	});
-}), O = t(function({ className: e, ...t }, r) {
-	return /* @__PURE__ */ n("div", {
-		...t,
-		ref: r,
-		className: e ? `lyds-drawer__footer lyds-bottomSheet__footer ${e}` : "lyds-drawer__footer lyds-bottomSheet__footer"
-	});
-}), k = {
-	Root: C,
-	Trigger: c,
-	Portal: l,
-	Backdrop: u,
-	Viewport: d,
-	Popup: w,
-	Content: p,
-	Handle: T,
-	Header: E,
-	Body: D,
-	Footer: O,
-	Title: m,
-	Description: h,
-	Close: g,
-	SwipeArea: _,
-	createHandle: a.createHandle,
-	ImperativeHandle: a.Handle
+}), A = r(function({ align: t = "stretch", className: n, ...r }, a) {
+	return /* @__PURE__ */ i("div", {
+		...r,
+		ref: a,
+		"data-align": t,
+		className: e("lyds-drawer__footer lyds-bottomSheet__footer", n)
+	});
+}), j = {
+	Root: T,
+	Trigger: u,
+	Portal: d,
+	Backdrop: f,
+	Viewport: p,
+	Popup: E,
+	Content: h,
+	Handle: D,
+	Header: O,
+	Body: k,
+	Footer: A,
+	Title: g,
+	Description: _,
+	Close: v,
+	SwipeArea: y,
+	createHandle: s.createHandle,
+	ImperativeHandle: s.Handle
 };
 //#endregion
-export { k as BottomSheet, D as BottomSheetBody, O as BottomSheetFooter, T as BottomSheetHandle, E as BottomSheetHeader, w as BottomSheetPopup, C as BottomSheetRoot, x as Drawer, u as DrawerBackdrop, y as DrawerBody, g as DrawerClose, p as DrawerContent, h as DrawerDescription, b as DrawerFooter, v as DrawerHeader, f as DrawerPopup, l as DrawerPortal, s as DrawerRoot, _ as DrawerSwipeArea, m as DrawerTitle, c as DrawerTrigger, d as DrawerViewport };
+export { j as BottomSheet, k as BottomSheetBody, A as BottomSheetFooter, D as BottomSheetHandle, O as BottomSheetHeader, E as BottomSheetPopup, T as BottomSheetRoot, C as Drawer, f as DrawerBackdrop, x as DrawerBody, v as DrawerClose, h as DrawerContent, _ as DrawerDescription, S as DrawerFooter, b as DrawerHeader, m as DrawerPopup, d as DrawerPortal, l as DrawerRoot, y as DrawerSwipeArea, g as DrawerTitle, u as DrawerTrigger, p as DrawerViewport };
 
 //# sourceMappingURL=drawer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":[],"sources":["../../../src/components/overlays/drawer.tsx"],"sourcesContent":["import {\n\tDrawer as BaseDrawer,\n\ttype DrawerCloseProps as BaseDrawerCloseProps,\n\ttype DrawerPopupProps as BaseDrawerPopupProps,\n\ttype DrawerBackdropProps,\n\ttype DrawerContentProps,\n\ttype DrawerDescriptionProps,\n\ttype DrawerPortalProps,\n\ttype DrawerRootProps,\n\ttype DrawerSwipeAreaProps,\n\ttype DrawerTitleProps,\n\ttype DrawerTriggerProps,\n\ttype DrawerViewportProps\n} from \"@base-ui/react/drawer\";\nimport { XIcon } from \"@phosphor-icons/react/dist/csr/X\";\nimport { forwardRef, type HTMLAttributes, type JSX, type RefAttributes } from \"react\";\n\nimport { mergeClassName } from \"./class-names\";\n\nexport type { DrawerRootChangeEventDetails } from \"@base-ui/react/drawer\";\n\nfunction CloseGlyph(): JSX.Element {\n\treturn <XIcon aria-hidden=\"true\" className=\"lyds-overlayClose__glyph\" weight=\"bold\" />;\n}\n\nexport function DrawerRoot<Payload = unknown>({ swipeDirection = \"right\", ...props }: DrawerRootProps<Payload>): JSX.Element {\n\treturn <BaseDrawer.Root {...props} swipeDirection={swipeDirection} />;\n}\n\nexport function DrawerTrigger<Payload = unknown>({ className, ...props }: DrawerTriggerProps<Payload> & RefAttributes<HTMLElement>): JSX.Element {\n\treturn <BaseDrawer.Trigger {...props} className={mergeClassName(\"lyds-drawer__trigger\", className)} />;\n}\n\nexport const DrawerPortal = forwardRef<HTMLDivElement, DrawerPortalProps>(function DrawerPortal(props, ref) {\n\treturn <BaseDrawer.Portal {...props} ref={ref} />;\n});\n\nexport const DrawerBackdrop = forwardRef<HTMLDivElement, DrawerBackdropProps>(function DrawerBackdrop({ className, ...props }, ref) {\n\treturn <BaseDrawer.Backdrop {...props} ref={ref} className={mergeClassName(\"lyds-drawer__backdrop\", className)} />;\n});\n\nexport const DrawerViewport = forwardRef<HTMLDivElement, DrawerViewportProps>(function DrawerViewport({ className, ...props }, ref) {\n\treturn <BaseDrawer.Viewport {...props} ref={ref} className={mergeClassName(\"lyds-drawer__viewport\", className)} />;\n});\n\nexport interface DrawerPopupProps extends BaseDrawerPopupProps {\n\t/** 內建關閉控制項的無障礙標籤。 */\n\tcloseLabel?: string;\n\t/** 傳給內建關閉控制項的屬性。 */\n\tcloseProps?: Omit<DrawerCloseProps, \"children\">;\n\t/** 僅在彈出內容另有可存取的 Drawer.Close 時設定。 */\n\thasCustomClose?: boolean;\n}\n\nexport const DrawerPopup = forwardRef<HTMLDivElement, DrawerPopupProps>(function DrawerPopup({ children, className, closeLabel = \"關閉側欄\", closeProps, hasCustomClose = false, ...props }, ref) {\n\treturn (\n\t\t<BaseDrawer.Popup {...props} ref={ref} className={mergeClassName(\"lyds-drawer__popup\", className)}>\n\t\t\t{children}\n\t\t\t{hasCustomClose ? null : <DrawerClose {...closeProps} aria-label={closeLabel} />}\n\t\t</BaseDrawer.Popup>\n\t);\n});\n\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(function DrawerContent({ className, ...props }, ref) {\n\treturn <BaseDrawer.Content {...props} ref={ref} className={mergeClassName(\"lyds-drawer__content\", className)} />;\n});\n\nexport const DrawerTitle = forwardRef<HTMLHeadingElement, DrawerTitleProps>(function DrawerTitle({ className, ...props }, ref) {\n\treturn <BaseDrawer.Title {...props} ref={ref} className={mergeClassName(\"lyds-drawer__title\", className)} />;\n});\n\nexport const DrawerDescription = forwardRef<HTMLParagraphElement, DrawerDescriptionProps>(function DrawerDescription({ className, ...props }, ref) {\n\treturn <BaseDrawer.Description {...props} ref={ref} className={mergeClassName(\"lyds-drawer__description\", className)} />;\n});\n\nexport interface DrawerCloseProps extends BaseDrawerCloseProps {\n\t/** 圖示控制項位於面板角落；動作控制項則參與內容排版。 */\n\tvariant?: \"icon\" | \"action\";\n}\n\nexport const DrawerClose = forwardRef<HTMLButtonElement, DrawerCloseProps>(function DrawerClose(\n\t{ \"aria-label\": ariaLabel, children, className, variant = children == null ? \"icon\" : \"action\", ...props },\n\tref\n) {\n\treturn (\n\t\t<BaseDrawer.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</BaseDrawer.Close>\n\t);\n});\n\nexport const DrawerSwipeArea = forwardRef<HTMLDivElement, DrawerSwipeAreaProps>(function DrawerSwipeArea({ className, ...props }, ref) {\n\treturn <BaseDrawer.SwipeArea {...props} ref={ref} className={mergeClassName(\"lyds-drawer__swipeArea\", className)} />;\n});\n\nexport type DrawerHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const DrawerHeader = forwardRef<HTMLDivElement, DrawerHeaderProps>(function DrawerHeader({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={className ? `lyds-drawer__header ${className}` : \"lyds-drawer__header\"} />;\n});\n\nexport type DrawerBodyProps = HTMLAttributes<HTMLDivElement>;\n\nexport const DrawerBody = forwardRef<HTMLDivElement, DrawerBodyProps>(function DrawerBody({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={className ? `lyds-drawer__body ${className}` : \"lyds-drawer__body\"} />;\n});\n\nexport type DrawerFooterProps = HTMLAttributes<HTMLDivElement>;\n\nexport const DrawerFooter = forwardRef<HTMLDivElement, DrawerFooterProps>(function DrawerFooter({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={className ? `lyds-drawer__footer ${className}` : \"lyds-drawer__footer\"} />;\n});\n\nexport const Drawer = {\n\tRoot: DrawerRoot,\n\tTrigger: DrawerTrigger,\n\tPortal: DrawerPortal,\n\tBackdrop: DrawerBackdrop,\n\tViewport: DrawerViewport,\n\tPopup: DrawerPopup,\n\tContent: DrawerContent,\n\tHeader: DrawerHeader,\n\tBody: DrawerBody,\n\tFooter: DrawerFooter,\n\tTitle: DrawerTitle,\n\tDescription: DrawerDescription,\n\tClose: DrawerClose,\n\tSwipeArea: DrawerSwipeArea,\n\tProvider: BaseDrawer.Provider,\n\tIndent: BaseDrawer.Indent,\n\tIndentBackground: BaseDrawer.IndentBackground,\n\tVirtualKeyboardProvider: BaseDrawer.VirtualKeyboardProvider,\n\tcreateHandle: BaseDrawer.createHandle,\n\tHandle: BaseDrawer.Handle\n} as const;\n\nexport type BottomSheetSnapPoint = number | `${number}rem`;\n\nexport interface BottomSheetRootProps<Payload = unknown> extends Omit<DrawerRootProps<Payload>, \"snapPoints\" | \"swipeDirection\"> {\n\t/** 響應式面板建議使用 0 至 1 的比例值或 rem 長度。 */\n\tsnapPoints?: BottomSheetSnapPoint[];\n\t/** 底部面板一律向下關閉。 */\n\tswipeDirection?: \"down\";\n}\n\nconst defaultBottomSheetSnapPoints: BottomSheetSnapPoint[] = [0.45, 0.92];\n\nexport function BottomSheetRoot<Payload = unknown>({ snapPoints = defaultBottomSheetSnapPoints, defaultSnapPoint, ...props }: BottomSheetRootProps<Payload>): JSX.Element {\n\tconst accessibleDefaultSnapPoint = snapPoints.at(-1) ?? null;\n\treturn <BaseDrawer.Root {...props} swipeDirection=\"down\" snapPoints={snapPoints} defaultSnapPoint={defaultSnapPoint ?? accessibleDefaultSnapPoint} />;\n}\n\nexport const BottomSheetPopup = forwardRef<HTMLDivElement, DrawerPopupProps>(function BottomSheetPopup(\n\t{ children, className, closeLabel = \"關閉底部面板\", closeProps, hasCustomClose = false, ...props },\n\tref\n) {\n\treturn (\n\t\t<BaseDrawer.Popup {...props} ref={ref} className={mergeClassName(\"lyds-drawer__popup lyds-bottomSheet__popup\", className)}>\n\t\t\t{children}\n\t\t\t{hasCustomClose ? null : <DrawerClose {...closeProps} aria-label={closeLabel} />}\n\t\t</BaseDrawer.Popup>\n\t);\n});\n\nexport type BottomSheetHandleProps = HTMLAttributes<HTMLDivElement>;\n\n/** 符合觸控尺寸的裝飾性操作提示；滑動行為仍由 Base UI 負責。 */\nexport const BottomSheetHandle = forwardRef<HTMLDivElement, BottomSheetHandleProps>(function BottomSheetHandle({ className, ...props }, ref) {\n\treturn (\n\t\t<div {...props} ref={ref} aria-hidden=\"true\" className={className ? `lyds-bottomSheet__handle ${className}` : \"lyds-bottomSheet__handle\"}>\n\t\t\t<span className=\"lyds-bottomSheet__handleBar\" />\n\t\t</div>\n\t);\n});\n\nexport const BottomSheetHeader = forwardRef<HTMLDivElement, DrawerHeaderProps>(function BottomSheetHeader({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={className ? `lyds-drawer__header lyds-bottomSheet__header ${className}` : \"lyds-drawer__header lyds-bottomSheet__header\"} />;\n});\n\nexport const BottomSheetBody = forwardRef<HTMLDivElement, DrawerBodyProps>(function BottomSheetBody({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={className ? `lyds-drawer__body lyds-bottomSheet__body ${className}` : \"lyds-drawer__body lyds-bottomSheet__body\"} />;\n});\n\nexport const BottomSheetFooter = forwardRef<HTMLDivElement, DrawerFooterProps>(function BottomSheetFooter({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={className ? `lyds-drawer__footer lyds-bottomSheet__footer ${className}` : \"lyds-drawer__footer lyds-bottomSheet__footer\"} />;\n});\n\nexport const BottomSheet = {\n\tRoot: BottomSheetRoot,\n\tTrigger: DrawerTrigger,\n\tPortal: DrawerPortal,\n\tBackdrop: DrawerBackdrop,\n\tViewport: DrawerViewport,\n\tPopup: BottomSheetPopup,\n\tContent: DrawerContent,\n\tHandle: BottomSheetHandle,\n\tHeader: BottomSheetHeader,\n\tBody: BottomSheetBody,\n\tFooter: BottomSheetFooter,\n\tTitle: DrawerTitle,\n\tDescription: DrawerDescription,\n\tClose: DrawerClose,\n\tSwipeArea: DrawerSwipeArea,\n\tcreateHandle: BaseDrawer.createHandle,\n\tImperativeHandle: BaseDrawer.Handle\n} as const;\n"],"mappings":"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"}
+{"version":3,"file":"drawer.js","names":[],"sources":["../../../src/components/overlays/drawer.tsx"],"sourcesContent":["import {\n\tDrawer as BaseDrawer,\n\ttype DrawerCloseProps as BaseDrawerCloseProps,\n\ttype DrawerPopupProps as BaseDrawerPopupProps,\n\ttype DrawerBackdropProps,\n\ttype DrawerContentProps,\n\ttype DrawerDescriptionProps,\n\ttype DrawerPortalProps,\n\ttype DrawerRootProps,\n\ttype DrawerSwipeAreaProps,\n\ttype DrawerTitleProps,\n\ttype DrawerTriggerProps,\n\ttype DrawerViewportProps\n} from \"@base-ui/react/drawer\";\nimport { XIcon } from \"@phosphor-icons/react/dist/csr/X\";\nimport { forwardRef, type HTMLAttributes, type JSX, type RefAttributes } from \"react\";\n\nimport { cx, withStateClassName } from \"@/internal\";\nimport { useMessages } from \"@/intl\";\n\nimport type { OverlayFooterAlign } from \"./dialog\";\nexport type { DrawerRootChangeEventDetails } from \"@base-ui/react/drawer\";\n\nfunction CloseGlyph(): JSX.Element {\n\treturn <XIcon aria-hidden=\"true\" className=\"lyds-overlayClose__glyph\" weight=\"bold\" />;\n}\n\nexport function DrawerRoot<Payload = unknown>({ swipeDirection = \"right\", ...props }: DrawerRootProps<Payload>): JSX.Element {\n\treturn <BaseDrawer.Root {...props} swipeDirection={swipeDirection} />;\n}\n\nexport function DrawerTrigger<Payload = unknown>({ className, ...props }: DrawerTriggerProps<Payload> & RefAttributes<HTMLElement>): JSX.Element {\n\treturn <BaseDrawer.Trigger {...props} className={withStateClassName(\"lyds-drawer__trigger\", className)} />;\n}\n\nexport const DrawerPortal = forwardRef<HTMLDivElement, DrawerPortalProps>(function DrawerPortal(props, ref) {\n\treturn <BaseDrawer.Portal {...props} ref={ref} />;\n});\n\nexport const DrawerBackdrop = forwardRef<HTMLDivElement, DrawerBackdropProps>(function DrawerBackdrop({ className, ...props }, ref) {\n\treturn <BaseDrawer.Backdrop {...props} ref={ref} className={withStateClassName(\"lyds-drawer__backdrop\", className)} />;\n});\n\nexport const DrawerViewport = forwardRef<HTMLDivElement, DrawerViewportProps>(function DrawerViewport({ className, ...props }, ref) {\n\treturn <BaseDrawer.Viewport {...props} ref={ref} className={withStateClassName(\"lyds-drawer__viewport\", className)} />;\n});\n\nexport interface DrawerPopupProps extends BaseDrawerPopupProps {\n\t/** 內建關閉控制項的無障礙標籤。 */\n\tcloseLabel?: string;\n\t/** 傳給內建關閉控制項的屬性。 */\n\tcloseProps?: Omit<DrawerCloseProps, \"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 DrawerPopup = forwardRef<HTMLDivElement, DrawerPopupProps>(function DrawerPopup({ children, className, closeButton, closeLabel, closeProps, hasCustomClose = false, ...props }, ref) {\n\tconst messages = useMessages();\n\tconst showCloseButton = closeButton ?? !hasCustomClose;\n\n\treturn (\n\t\t<BaseDrawer.Popup {...props} ref={ref} className={withStateClassName(\"lyds-drawer__popup\", className)}>\n\t\t\t{showCloseButton ? <DrawerClose {...closeProps} aria-label={closeLabel ?? messages.drawerClose} /> : null}\n\t\t\t{children}\n\t\t</BaseDrawer.Popup>\n\t);\n});\n\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(function DrawerContent({ className, ...props }, ref) {\n\treturn <BaseDrawer.Content {...props} ref={ref} className={withStateClassName(\"lyds-drawer__content\", className)} />;\n});\n\nexport const DrawerTitle = forwardRef<HTMLHeadingElement, DrawerTitleProps>(function DrawerTitle({ className, ...props }, ref) {\n\treturn <BaseDrawer.Title {...props} ref={ref} className={withStateClassName(\"lyds-drawer__title\", className)} />;\n});\n\nexport const DrawerDescription = forwardRef<HTMLParagraphElement, DrawerDescriptionProps>(function DrawerDescription({ className, ...props }, ref) {\n\treturn <BaseDrawer.Description {...props} ref={ref} className={withStateClassName(\"lyds-drawer__description\", className)} />;\n});\n\nexport interface DrawerCloseProps extends BaseDrawerCloseProps {\n\t/** 圖示控制項位於面板角落；動作控制項則參與內容排版。 */\n\tvariant?: \"icon\" | \"action\";\n}\n\nexport const DrawerClose = forwardRef<HTMLButtonElement, DrawerCloseProps>(function DrawerClose(\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<BaseDrawer.Close\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\taria-label={ariaLabel ?? (children == null ? messages.drawerClose : 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</BaseDrawer.Close>\n\t);\n});\n\nexport const DrawerSwipeArea = forwardRef<HTMLDivElement, DrawerSwipeAreaProps>(function DrawerSwipeArea({ className, ...props }, ref) {\n\treturn <BaseDrawer.SwipeArea {...props} ref={ref} className={withStateClassName(\"lyds-drawer__swipeArea\", className)} />;\n});\n\nexport type DrawerHeaderProps = HTMLAttributes<HTMLDivElement>;\n\nexport const DrawerHeader = forwardRef<HTMLDivElement, DrawerHeaderProps>(function DrawerHeader({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={cx(\"lyds-drawer__header\", className)} />;\n});\n\nexport type DrawerBodyProps = HTMLAttributes<HTMLDivElement>;\n\nexport const DrawerBody = forwardRef<HTMLDivElement, DrawerBodyProps>(function DrawerBody({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={cx(\"lyds-drawer__body\", className)} />;\n});\n\nexport interface DrawerFooterProps extends HTMLAttributes<HTMLDivElement> {\n\talign?: OverlayFooterAlign;\n}\n\nexport const DrawerFooter = forwardRef<HTMLDivElement, DrawerFooterProps>(function DrawerFooter({ align = \"stretch\", className, ...props }, ref) {\n\treturn <div {...props} ref={ref} data-align={align} className={cx(\"lyds-drawer__footer\", className)} />;\n});\n\nexport const Drawer = {\n\tRoot: DrawerRoot,\n\tTrigger: DrawerTrigger,\n\tPortal: DrawerPortal,\n\tBackdrop: DrawerBackdrop,\n\tViewport: DrawerViewport,\n\tPopup: DrawerPopup,\n\tContent: DrawerContent,\n\tHeader: DrawerHeader,\n\tBody: DrawerBody,\n\tFooter: DrawerFooter,\n\tTitle: DrawerTitle,\n\tDescription: DrawerDescription,\n\tClose: DrawerClose,\n\tSwipeArea: DrawerSwipeArea,\n\tProvider: BaseDrawer.Provider,\n\tIndent: BaseDrawer.Indent,\n\tIndentBackground: BaseDrawer.IndentBackground,\n\tVirtualKeyboardProvider: BaseDrawer.VirtualKeyboardProvider,\n\tcreateHandle: BaseDrawer.createHandle,\n\tHandle: BaseDrawer.Handle\n} as const;\n\nexport type BottomSheetSnapPoint = number | `${number}rem`;\n\nexport interface BottomSheetRootProps<Payload = unknown> extends Omit<DrawerRootProps<Payload>, \"snapPoints\" | \"swipeDirection\"> {\n\t/** 響應式面板建議使用 0 至 1 的比例值或 rem 長度。 */\n\tsnapPoints?: BottomSheetSnapPoint[];\n\t/** 底部面板一律向下關閉。 */\n\tswipeDirection?: \"down\";\n}\n\nconst defaultBottomSheetSnapPoints: BottomSheetSnapPoint[] = [0.45, 0.92];\n\nexport function BottomSheetRoot<Payload = unknown>({ snapPoints = defaultBottomSheetSnapPoints, defaultSnapPoint, ...props }: BottomSheetRootProps<Payload>): JSX.Element {\n\tconst accessibleDefaultSnapPoint = snapPoints.at(-1) ?? null;\n\treturn <BaseDrawer.Root {...props} swipeDirection=\"down\" snapPoints={snapPoints} defaultSnapPoint={defaultSnapPoint ?? accessibleDefaultSnapPoint} />;\n}\n\nexport const BottomSheetPopup = forwardRef<HTMLDivElement, DrawerPopupProps>(function BottomSheetPopup(\n\t{ children, className, closeButton, closeLabel, closeProps, hasCustomClose = false, ...props },\n\tref\n) {\n\tconst messages = useMessages();\n\tconst showCloseButton = closeButton ?? !hasCustomClose;\n\n\treturn (\n\t\t<BaseDrawer.Popup {...props} ref={ref} className={withStateClassName(\"lyds-drawer__popup lyds-bottomSheet__popup\", className)}>\n\t\t\t{showCloseButton ? <DrawerClose {...closeProps} aria-label={closeLabel ?? messages.bottomSheetClose} /> : null}\n\t\t\t{children}\n\t\t</BaseDrawer.Popup>\n\t);\n});\n\nexport type BottomSheetHandleProps = HTMLAttributes<HTMLDivElement>;\n\n/** 符合觸控尺寸的裝飾性操作提示；滑動行為仍由 Base UI 負責。 */\nexport const BottomSheetHandle = forwardRef<HTMLDivElement, BottomSheetHandleProps>(function BottomSheetHandle({ className, ...props }, ref) {\n\treturn (\n\t\t<div {...props} ref={ref} aria-hidden=\"true\" className={cx(\"lyds-bottomSheet__handle\", className)}>\n\t\t\t<span className=\"lyds-bottomSheet__handleBar\" />\n\t\t</div>\n\t);\n});\n\nexport const BottomSheetHeader = forwardRef<HTMLDivElement, DrawerHeaderProps>(function BottomSheetHeader({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={cx(\"lyds-drawer__header lyds-bottomSheet__header\", className)} />;\n});\n\nexport const BottomSheetBody = forwardRef<HTMLDivElement, DrawerBodyProps>(function BottomSheetBody({ className, ...props }, ref) {\n\treturn <div {...props} ref={ref} className={cx(\"lyds-drawer__body lyds-bottomSheet__body\", className)} />;\n});\n\nexport const BottomSheetFooter = forwardRef<HTMLDivElement, DrawerFooterProps>(function BottomSheetFooter({ align = \"stretch\", className, ...props }, ref) {\n\treturn <div {...props} ref={ref} data-align={align} className={cx(\"lyds-drawer__footer lyds-bottomSheet__footer\", className)} />;\n});\n\nexport const BottomSheet = {\n\tRoot: BottomSheetRoot,\n\tTrigger: DrawerTrigger,\n\tPortal: DrawerPortal,\n\tBackdrop: DrawerBackdrop,\n\tViewport: DrawerViewport,\n\tPopup: BottomSheetPopup,\n\tContent: DrawerContent,\n\tHandle: BottomSheetHandle,\n\tHeader: BottomSheetHeader,\n\tBody: BottomSheetBody,\n\tFooter: BottomSheetFooter,\n\tTitle: DrawerTitle,\n\tDescription: DrawerDescription,\n\tClose: DrawerClose,\n\tSwipeArea: DrawerSwipeArea,\n\tcreateHandle: BaseDrawer.createHandle,\n\tImperativeHandle: BaseDrawer.Handle\n} as const;\n"],"mappings":";;;;;;;;AAuBA,SAAS,IAA0B;CAClC,OAAO,kBAAC,GAAD;EAAO,eAAY;EAAO,WAAU;EAA2B,QAAO;CAAQ,CAAA;AACtF;AAEA,SAAgB,EAA8B,EAAE,oBAAiB,SAAS,GAAG,KAAgD;CAC5H,OAAO,kBAAC,EAAW,MAAZ;EAAiB,GAAI;EAAuB;CAAiB,CAAA;AACrE;AAEA,SAAgB,EAAiC,EAAE,cAAW,GAAG,KAAgF;CAChJ,OAAO,kBAAC,EAAW,SAAZ;EAAoB,GAAI;EAAO,WAAW,EAAmB,wBAAwB,CAAS;CAAI,CAAA;AAC1G;AAEA,IAAa,IAAe,EAA8C,SAAsB,GAAO,GAAK;CAC3G,OAAO,kBAAC,EAAW,QAAZ;EAAmB,GAAI;EAAY;CAAM,CAAA;AACjD,CAAC,GAEY,IAAiB,EAAgD,SAAwB,EAAE,cAAW,GAAG,KAAS,GAAK;CACnI,OAAO,kBAAC,EAAW,UAAZ;EAAqB,GAAI;EAAY;EAAK,WAAW,EAAmB,yBAAyB,CAAS;CAAI,CAAA;AACtH,CAAC,GAEY,IAAiB,EAAgD,SAAwB,EAAE,cAAW,GAAG,KAAS,GAAK;CACnI,OAAO,kBAAC,EAAW,UAAZ;EAAqB,GAAI;EAAY;EAAK,WAAW,EAAmB,yBAAyB,CAAS;CAAI,CAAA;AACtH,CAAC,GAeY,IAAc,EAA6C,SAAqB,EAAE,aAAU,cAAW,gBAAa,eAAY,eAAY,oBAAiB,IAAO,GAAG,KAAS,GAAK;CACjM,IAAM,IAAW,EAAY,GACvB,IAAkB,KAAe,CAAC;CAExC,OACC,kBAAC,EAAW,OAAZ;EAAkB,GAAI;EAAY;EAAK,WAAW,EAAmB,sBAAsB,CAAS;EAApG,UAAA,CACE,IAAkB,kBAAC,GAAD;GAAa,GAAI;GAAY,cAAY,KAAc,EAAS;EAAc,CAAA,IAAI,MACpG,CACgB;;AAEpB,CAAC,GAEY,IAAgB,EAA+C,SAAuB,EAAE,cAAW,GAAG,KAAS,GAAK;CAChI,OAAO,kBAAC,EAAW,SAAZ;EAAoB,GAAI;EAAY;EAAK,WAAW,EAAmB,wBAAwB,CAAS;CAAI,CAAA;AACpH,CAAC,GAEY,IAAc,EAAiD,SAAqB,EAAE,cAAW,GAAG,KAAS,GAAK;CAC9H,OAAO,kBAAC,EAAW,OAAZ;EAAkB,GAAI;EAAY;EAAK,WAAW,EAAmB,sBAAsB,CAAS;CAAI,CAAA;AAChH,CAAC,GAEY,IAAoB,EAAyD,SAA2B,EAAE,cAAW,GAAG,KAAS,GAAK;CAClJ,OAAO,kBAAC,EAAW,aAAZ;EAAwB,GAAI;EAAY;EAAK,WAAW,EAAmB,4BAA4B,CAAS;CAAI,CAAA;AAC5H,CAAC,GAOY,IAAc,EAAgD,SAC1E,EAAE,cAAc,GAAW,aAAU,cAAW,aAAU,KAAY,OAAO,SAAS,UAAU,GAAG,KACnG,GACC;CACD,IAAM,IAAW,EAAY;CAE7B,OACC,kBAAC,EAAW,OAAZ;EACC,GAAI;EACC;EACL,cAAY,MAAc,KAAY,OAAO,EAAS,cAAc,KAAA;EACpE,WAAW,EAAmB,MAAY,SAAS,sBAAsB,2BAA2B,CAAS;EAE5G,UAAA,KAAY,kBAAC,GAAD,CAAa,CAAA;CACT,CAAA;AAEpB,CAAC,GAEY,IAAkB,EAAiD,SAAyB,EAAE,cAAW,GAAG,KAAS,GAAK;CACtI,OAAO,kBAAC,EAAW,WAAZ;EAAsB,GAAI;EAAY;EAAK,WAAW,EAAmB,0BAA0B,CAAS;CAAI,CAAA;AACxH,CAAC,GAIY,IAAe,EAA8C,SAAsB,EAAE,cAAW,GAAG,KAAS,GAAK;CAC7H,OAAO,kBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAW,EAAG,uBAAuB,CAAS;CAAI,CAAA;AACpF,CAAC,GAIY,IAAa,EAA4C,SAAoB,EAAE,cAAW,GAAG,KAAS,GAAK;CACvH,OAAO,kBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAW,EAAG,qBAAqB,CAAS;CAAI,CAAA;AAClF,CAAC,GAMY,IAAe,EAA8C,SAAsB,EAAE,WAAQ,WAAW,cAAW,GAAG,KAAS,GAAK;CAChJ,OAAO,kBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,cAAY;EAAO,WAAW,EAAG,uBAAuB,CAAS;CAAI,CAAA;AACvG,CAAC,GAEY,IAAS;CACrB,MAAM;CACN,SAAS;CACT,QAAQ;CACR,UAAU;CACV,UAAU;CACV,OAAO;CACP,SAAS;CACT,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,OAAO;CACP,aAAa;CACb,OAAO;CACP,WAAW;CACX,UAAU,EAAW;CACrB,QAAQ,EAAW;CACnB,kBAAkB,EAAW;CAC7B,yBAAyB,EAAW;CACpC,cAAc,EAAW;CACzB,QAAQ,EAAW;AACpB,GAWM,IAAuD,CAAC,KAAM,GAAI;AAExE,SAAgB,EAAmC,EAAE,gBAAa,GAA8B,qBAAkB,GAAG,KAAqD;CACzK,IAAM,IAA6B,EAAW,GAAG,EAAE,KAAK;CACxD,OAAO,kBAAC,EAAW,MAAZ;EAAiB,GAAI;EAAO,gBAAe;EAAmB;EAAY,kBAAkB,KAAoB;CAA6B,CAAA;AACrJ;AAEA,IAAa,IAAmB,EAA6C,SAC5E,EAAE,aAAU,cAAW,gBAAa,eAAY,eAAY,oBAAiB,IAAO,GAAG,KACvF,GACC;CACD,IAAM,IAAW,EAAY,GACvB,IAAkB,KAAe,CAAC;CAExC,OACC,kBAAC,EAAW,OAAZ;EAAkB,GAAI;EAAY;EAAK,WAAW,EAAmB,8CAA8C,CAAS;EAA5H,UAAA,CACE,IAAkB,kBAAC,GAAD;GAAa,GAAI;GAAY,cAAY,KAAc,EAAS;EAAmB,CAAA,IAAI,MACzG,CACgB;;AAEpB,CAAC,GAKY,IAAoB,EAAmD,SAA2B,EAAE,cAAW,GAAG,KAAS,GAAK;CAC5I,OACC,kBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,eAAY;EAAO,WAAW,EAAG,4BAA4B,CAAS;EAC/F,UAAA,kBAAC,QAAD,EAAM,WAAU,8BAA+B,CAAA;CAC3C,CAAA;AAEP,CAAC,GAEY,IAAoB,EAA8C,SAA2B,EAAE,cAAW,GAAG,KAAS,GAAK;CACvI,OAAO,kBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAW,EAAG,gDAAgD,CAAS;CAAI,CAAA;AAC7G,CAAC,GAEY,IAAkB,EAA4C,SAAyB,EAAE,cAAW,GAAG,KAAS,GAAK;CACjI,OAAO,kBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAW,EAAG,4CAA4C,CAAS;CAAI,CAAA;AACzG,CAAC,GAEY,IAAoB,EAA8C,SAA2B,EAAE,WAAQ,WAAW,cAAW,GAAG,KAAS,GAAK;CAC1J,OAAO,kBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,cAAY;EAAO,WAAW,EAAG,gDAAgD,CAAS;CAAI,CAAA;AAChI,CAAC,GAEY,IAAc;CAC1B,MAAM;CACN,SAAS;CACT,QAAQ;CACR,UAAU;CACV,UAAU;CACV,OAAO;CACP,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,OAAO;CACP,aAAa;CACb,OAAO;CACP,WAAW;CACX,cAAc,EAAW;CACzB,kBAAkB,EAAW;AAC9B"}