@linyao.tw/ui 0.0.0-snapshot.07df57

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

@@ -0,0 +1,88 @@
+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';
+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;
+export declare const DrawerPortal: import('react').ForwardRefExoticComponent<Omit<DrawerPortalProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const DrawerBackdrop: import('react').ForwardRefExoticComponent<Omit<DrawerBackdropProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const DrawerViewport: import('react').ForwardRefExoticComponent<Omit<DrawerViewportProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export interface DrawerPopupProps extends BaseDrawerPopupProps {
+    /** 內建關閉控制項的無障礙標籤。 */
+    closeLabel?: string;
+    /** 傳給內建關閉控制項的屬性。 */
+    closeProps?: Omit<DrawerCloseProps, "children">;
+    /** 僅在彈出內容另有可存取的 Drawer.Close 時設定。 */
+    hasCustomClose?: boolean;
+}
+export declare const DrawerPopup: import('react').ForwardRefExoticComponent<Omit<DrawerPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const DrawerContent: import('react').ForwardRefExoticComponent<Omit<DrawerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const DrawerTitle: import('react').ForwardRefExoticComponent<Omit<DrawerTitleProps, "ref"> & RefAttributes<HTMLHeadingElement>>;
+export declare const DrawerDescription: import('react').ForwardRefExoticComponent<Omit<DrawerDescriptionProps, "ref"> & RefAttributes<HTMLParagraphElement>>;
+export interface DrawerCloseProps extends BaseDrawerCloseProps {
+    /** 圖示控制項位於面板角落；動作控制項則參與內容排版。 */
+    variant?: "icon" | "action";
+}
+export declare const DrawerClose: import('react').ForwardRefExoticComponent<Omit<DrawerCloseProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+export declare const DrawerSwipeArea: import('react').ForwardRefExoticComponent<Omit<DrawerSwipeAreaProps, "ref"> & RefAttributes<HTMLDivElement>>;
+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 declare const DrawerFooter: import('react').ForwardRefExoticComponent<DrawerFooterProps & RefAttributes<HTMLDivElement>>;
+export declare const Drawer: {
+    readonly Root: typeof DrawerRoot;
+    readonly Trigger: typeof DrawerTrigger;
+    readonly Portal: import('react').ForwardRefExoticComponent<Omit<DrawerPortalProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Backdrop: import('react').ForwardRefExoticComponent<Omit<DrawerBackdropProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Viewport: import('react').ForwardRefExoticComponent<Omit<DrawerViewportProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Popup: import('react').ForwardRefExoticComponent<Omit<DrawerPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Content: import('react').ForwardRefExoticComponent<Omit<DrawerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Header: import('react').ForwardRefExoticComponent<DrawerHeaderProps & RefAttributes<HTMLDivElement>>;
+    readonly Body: import('react').ForwardRefExoticComponent<DrawerBodyProps & RefAttributes<HTMLDivElement>>;
+    readonly Footer: import('react').ForwardRefExoticComponent<DrawerFooterProps & RefAttributes<HTMLDivElement>>;
+    readonly Title: import('react').ForwardRefExoticComponent<Omit<DrawerTitleProps, "ref"> & RefAttributes<HTMLHeadingElement>>;
+    readonly Description: import('react').ForwardRefExoticComponent<Omit<DrawerDescriptionProps, "ref"> & RefAttributes<HTMLParagraphElement>>;
+    readonly Close: import('react').ForwardRefExoticComponent<Omit<DrawerCloseProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+    readonly SwipeArea: import('react').ForwardRefExoticComponent<Omit<DrawerSwipeAreaProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Provider: typeof BaseDrawer.Provider;
+    readonly Indent: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').DrawerIndentProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly IndentBackground: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').DrawerIndentBackgroundProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly VirtualKeyboardProvider: typeof BaseDrawer.VirtualKeyboardProvider;
+    readonly createHandle: typeof BaseDrawer.createHandle;
+    readonly Handle: typeof BaseDrawer.Handle;
+};
+export type BottomSheetSnapPoint = number | `${number}rem`;
+export interface BottomSheetRootProps<Payload = unknown> extends Omit<DrawerRootProps<Payload>, "snapPoints" | "swipeDirection"> {
+    /** 響應式面板建議使用 0 至 1 的比例值或 rem 長度。 */
+    snapPoints?: BottomSheetSnapPoint[];
+    /** 底部面板一律向下關閉。 */
+    swipeDirection?: "down";
+}
+export declare function BottomSheetRoot<Payload = unknown>({ snapPoints, defaultSnapPoint, ...props }: BottomSheetRootProps<Payload>): JSX.Element;
+export declare const BottomSheetPopup: import('react').ForwardRefExoticComponent<Omit<DrawerPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export type BottomSheetHandleProps = HTMLAttributes<HTMLDivElement>;
+/** 符合觸控尺寸的裝飾性操作提示；滑動行為仍由 Base UI 負責。 */
+export declare const BottomSheetHandle: import('react').ForwardRefExoticComponent<BottomSheetHandleProps & RefAttributes<HTMLDivElement>>;
+export declare const BottomSheetHeader: import('react').ForwardRefExoticComponent<DrawerHeaderProps & RefAttributes<HTMLDivElement>>;
+export declare const BottomSheetBody: import('react').ForwardRefExoticComponent<DrawerBodyProps & RefAttributes<HTMLDivElement>>;
+export declare const BottomSheetFooter: import('react').ForwardRefExoticComponent<DrawerFooterProps & RefAttributes<HTMLDivElement>>;
+export declare const BottomSheet: {
+    readonly Root: typeof BottomSheetRoot;
+    readonly Trigger: typeof DrawerTrigger;
+    readonly Portal: import('react').ForwardRefExoticComponent<Omit<DrawerPortalProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Backdrop: import('react').ForwardRefExoticComponent<Omit<DrawerBackdropProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Viewport: import('react').ForwardRefExoticComponent<Omit<DrawerViewportProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Popup: import('react').ForwardRefExoticComponent<Omit<DrawerPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Content: import('react').ForwardRefExoticComponent<Omit<DrawerContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Handle: import('react').ForwardRefExoticComponent<BottomSheetHandleProps & RefAttributes<HTMLDivElement>>;
+    readonly Header: import('react').ForwardRefExoticComponent<DrawerHeaderProps & RefAttributes<HTMLDivElement>>;
+    readonly Body: import('react').ForwardRefExoticComponent<DrawerBodyProps & RefAttributes<HTMLDivElement>>;
+    readonly Footer: import('react').ForwardRefExoticComponent<DrawerFooterProps & RefAttributes<HTMLDivElement>>;
+    readonly Title: import('react').ForwardRefExoticComponent<Omit<DrawerTitleProps, "ref"> & RefAttributes<HTMLHeadingElement>>;
+    readonly Description: import('react').ForwardRefExoticComponent<Omit<DrawerDescriptionProps, "ref"> & RefAttributes<HTMLParagraphElement>>;
+    readonly Close: import('react').ForwardRefExoticComponent<Omit<DrawerCloseProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+    readonly SwipeArea: import('react').ForwardRefExoticComponent<Omit<DrawerSwipeAreaProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly createHandle: typeof BaseDrawer.createHandle;
+    readonly ImperativeHandle: typeof BaseDrawer.Handle;
+};

package/dist/components/overlays/drawer.js

@@ -0,0 +1,192 @@
+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";
+//#region src/components/overlays/drawer.tsx
+function o() {
+	return /* @__PURE__ */ n(i, {
+		"aria-hidden": "true",
+		className: "lyds-overlayClose__glyph",
+		weight: "bold"
+	});
+}
+function s({ swipeDirection: e = "right", ...t }) {
+	return /* @__PURE__ */ n(a.Root, {
+		...t,
+		swipeDirection: e
+	});
+}
+function c({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Trigger, {
+		...r,
+		className: e("lyds-drawer__trigger", t)
+	});
+}
+var l = t(function(e, t) {
+	return /* @__PURE__ */ n(a.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)
+	});
+}), d = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(a.Viewport, {
+		...r,
+		ref: i,
+		className: e("lyds-drawer__viewport", t)
+	});
+}), 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)
+	});
+}), m = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(a.Title, {
+		...r,
+		ref: i,
+		className: e("lyds-drawer__title", t)
+	});
+}), 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 = t(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ n("div", {
+		...t,
+		ref: r,
+		className: e ? `lyds-drawer__header ${e}` : "lyds-drawer__header"
+	});
+}), y = t(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ n("div", {
+		...t,
+		ref: r,
+		className: e ? `lyds-drawer__body ${e}` : "lyds-drawer__body"
+	});
+}), b = t(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ n("div", {
+		...t,
+		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, {
+		...r,
+		swipeDirection: "down",
+		snapPoints: e,
+		defaultSnapPoint: t ?? i
+	});
+}
+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,
+		ref: r,
+		"aria-hidden": "true",
+		className: e ? `lyds-bottomSheet__handle ${e}` : "lyds-bottomSheet__handle",
+		children: /* @__PURE__ */ n("span", { className: "lyds-bottomSheet__handleBar" })
+	});
+}), E = t(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ n("div", {
+		...t,
+		ref: r,
+		className: e ? `lyds-drawer__header lyds-bottomSheet__header ${e}` : "lyds-drawer__header lyds-bottomSheet__header"
+	});
+}), D = t(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ n("div", {
+		...t,
+		ref: r,
+		className: e ? `lyds-drawer__body lyds-bottomSheet__body ${e}` : "lyds-drawer__body lyds-bottomSheet__body"
+	});
+}), 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
+};
+//#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 };
+
+//# sourceMappingURL=drawer.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,83 @@
+import { Popover as BasePopover, PopoverCloseProps as BasePopoverCloseProps, PopoverArrowProps, PopoverBackdropProps, PopoverDescriptionProps, PopoverPopupProps, PopoverPortalProps, PopoverPositionerProps, PopoverRootProps, PopoverTitleProps, PopoverTriggerProps, PopoverViewportProps } from '@base-ui/react/popover';
+import { PreviewCard as BasePreviewCard, PreviewCardArrowProps, PreviewCardBackdropProps, PreviewCardPopupProps, PreviewCardPortalProps, PreviewCardPositionerProps, PreviewCardRootProps, PreviewCardTriggerProps, PreviewCardViewportProps } from '@base-ui/react/preview-card';
+import { Tooltip as BaseTooltip, TooltipPopupProps as BaseTooltipPopupProps, TooltipRootProps as BaseTooltipRootProps, TooltipArrowProps, TooltipPortalProps, TooltipPositionerProps, TooltipProviderProps, TooltipTriggerProps, TooltipViewportProps } from '@base-ui/react/tooltip';
+import { JSX, RefAttributes } from 'react';
+export type { PopoverRootChangeEventDetails } from '@base-ui/react/popover';
+export type { PreviewCardRootChangeEventDetails } from '@base-ui/react/preview-card';
+export type { TooltipRootChangeEventDetails } from '@base-ui/react/tooltip';
+export declare function TooltipProvider(props: TooltipProviderProps): JSX.Element;
+export interface TooltipRootProps<Payload = unknown> extends BaseTooltipRootProps<Payload> {
+    /** 將觸發項目與 Tooltip 說明關聯的穩定 id。 */
+    descriptionId?: string;
+}
+export type TooltipPopupProps = Omit<BaseTooltipPopupProps, "id" | "role">;
+export declare function TooltipRoot<Payload = unknown>({ descriptionId, ...props }: TooltipRootProps<Payload>): JSX.Element;
+export declare function TooltipTrigger<Payload = unknown>({ className, ...props }: TooltipTriggerProps<Payload> & RefAttributes<HTMLElement>): JSX.Element;
+export declare const TooltipPortal: import('react').ForwardRefExoticComponent<Omit<TooltipPortalProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const TooltipPositioner: import('react').ForwardRefExoticComponent<Omit<TooltipPositionerProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const TooltipPopup: import('react').ForwardRefExoticComponent<Omit<TooltipPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const TooltipArrow: import('react').ForwardRefExoticComponent<Omit<TooltipArrowProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const TooltipViewport: import('react').ForwardRefExoticComponent<Omit<TooltipViewportProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const Tooltip: {
+    readonly Provider: typeof TooltipProvider;
+    readonly Root: typeof TooltipRoot;
+    readonly Trigger: typeof TooltipTrigger;
+    readonly Portal: import('react').ForwardRefExoticComponent<Omit<TooltipPortalProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Positioner: import('react').ForwardRefExoticComponent<Omit<TooltipPositionerProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Popup: import('react').ForwardRefExoticComponent<Omit<TooltipPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Arrow: import('react').ForwardRefExoticComponent<Omit<TooltipArrowProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Viewport: import('react').ForwardRefExoticComponent<Omit<TooltipViewportProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly createHandle: typeof BaseTooltip.createHandle;
+    readonly Handle: typeof BaseTooltip.Handle;
+};
+export declare function PopoverRoot<Payload = unknown>(props: PopoverRootProps<Payload>): JSX.Element;
+export declare function PopoverTrigger<Payload = unknown>({ className, ...props }: PopoverTriggerProps<Payload> & RefAttributes<HTMLElement>): JSX.Element;
+export declare const PopoverPortal: import('react').ForwardRefExoticComponent<Omit<PopoverPortalProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const PopoverPositioner: import('react').ForwardRefExoticComponent<Omit<PopoverPositionerProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const PopoverBackdrop: import('react').ForwardRefExoticComponent<Omit<PopoverBackdropProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const PopoverPopup: import('react').ForwardRefExoticComponent<Omit<PopoverPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const PopoverArrow: import('react').ForwardRefExoticComponent<Omit<PopoverArrowProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const PopoverTitle: import('react').ForwardRefExoticComponent<Omit<PopoverTitleProps, "ref"> & RefAttributes<HTMLHeadingElement>>;
+export declare const PopoverDescription: import('react').ForwardRefExoticComponent<Omit<PopoverDescriptionProps, "ref"> & RefAttributes<HTMLParagraphElement>>;
+export interface PopoverCloseProps extends BasePopoverCloseProps {
+    /** 圖示控制項位於面板角落；動作控制項則參與內容排版。 */
+    variant?: "icon" | "action";
+}
+export declare const PopoverClose: import('react').ForwardRefExoticComponent<Omit<PopoverCloseProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+export declare const PopoverViewport: import('react').ForwardRefExoticComponent<Omit<PopoverViewportProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const Popover: {
+    readonly Root: typeof PopoverRoot;
+    readonly Trigger: typeof PopoverTrigger;
+    readonly Portal: import('react').ForwardRefExoticComponent<Omit<PopoverPortalProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Positioner: import('react').ForwardRefExoticComponent<Omit<PopoverPositionerProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Backdrop: import('react').ForwardRefExoticComponent<Omit<PopoverBackdropProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Popup: import('react').ForwardRefExoticComponent<Omit<PopoverPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Arrow: import('react').ForwardRefExoticComponent<Omit<PopoverArrowProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Title: import('react').ForwardRefExoticComponent<Omit<PopoverTitleProps, "ref"> & RefAttributes<HTMLHeadingElement>>;
+    readonly Description: import('react').ForwardRefExoticComponent<Omit<PopoverDescriptionProps, "ref"> & RefAttributes<HTMLParagraphElement>>;
+    readonly Close: import('react').ForwardRefExoticComponent<Omit<PopoverCloseProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+    readonly Viewport: import('react').ForwardRefExoticComponent<Omit<PopoverViewportProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly createHandle: typeof BasePopover.createHandle;
+    readonly Handle: typeof BasePopover.Handle;
+};
+export declare function PreviewCardRoot<Payload = unknown>(props: PreviewCardRootProps<Payload>): JSX.Element;
+export declare function PreviewCardTrigger<Payload = unknown>({ className, ...props }: PreviewCardTriggerProps<Payload> & RefAttributes<HTMLElement>): JSX.Element;
+export declare const PreviewCardPortal: import('react').ForwardRefExoticComponent<Omit<PreviewCardPortalProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const PreviewCardPositioner: import('react').ForwardRefExoticComponent<Omit<PreviewCardPositionerProps, "ref"> & RefAttributes<HTMLDivElement>>;
+/** PreviewCard 僅補充觸發項目的資訊；必要內容仍應顯示於頁面中。 */
+export declare const PreviewCardPopup: import('react').ForwardRefExoticComponent<Omit<PreviewCardPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const PreviewCardArrow: import('react').ForwardRefExoticComponent<Omit<PreviewCardArrowProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const PreviewCardBackdrop: import('react').ForwardRefExoticComponent<Omit<PreviewCardBackdropProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const PreviewCardViewport: import('react').ForwardRefExoticComponent<Omit<PreviewCardViewportProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const PreviewCard: {
+    readonly Root: typeof PreviewCardRoot;
+    readonly Trigger: typeof PreviewCardTrigger;
+    readonly Portal: import('react').ForwardRefExoticComponent<Omit<PreviewCardPortalProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Positioner: import('react').ForwardRefExoticComponent<Omit<PreviewCardPositionerProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Popup: import('react').ForwardRefExoticComponent<Omit<PreviewCardPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Arrow: import('react').ForwardRefExoticComponent<Omit<PreviewCardArrowProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Backdrop: import('react').ForwardRefExoticComponent<Omit<PreviewCardBackdropProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Viewport: import('react').ForwardRefExoticComponent<Omit<PreviewCardViewportProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly createHandle: typeof BasePreviewCard.createHandle;
+    readonly Handle: typeof BasePreviewCard.Handle;
+};

package/dist/components/overlays/floating.js

@@ -0,0 +1,220 @@
+import { mergeClassName as e } from "./class-names.js";
+import { createContext as t, forwardRef as n, useContext as r, useId as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { XIcon as o } from "@phosphor-icons/react/dist/csr/X";
+import { Popover as s } from "@base-ui/react/popover";
+import { PreviewCard as c } from "@base-ui/react/preview-card";
+import { Tooltip as l } from "@base-ui/react/tooltip";
+//#region src/components/overlays/floating.tsx
+var u = t(void 0);
+function d() {
+	return /* @__PURE__ */ a(o, {
+		"aria-hidden": "true",
+		className: "lyds-overlayClose__glyph",
+		weight: "bold"
+	});
+}
+function f(e) {
+	return /* @__PURE__ */ a(l.Provider, { ...e });
+}
+function p({ descriptionId: e, ...t }) {
+	let n = i();
+	return /* @__PURE__ */ a(u.Provider, {
+		value: e ?? `lyds-tooltip-${n}`,
+		children: /* @__PURE__ */ a(l.Root, { ...t })
+	});
+}
+function m({ className: t, ...n }) {
+	let i = r(u), o = [n["aria-describedby"], i].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ a(l.Trigger, {
+		...n,
+		"aria-describedby": o,
+		className: e("lyds-tooltip__trigger", t)
+	});
+}
+var h = n(function(e, t) {
+	return /* @__PURE__ */ a(l.Portal, {
+		...e,
+		ref: t
+	});
+}), g = n(function({ className: t, sideOffset: n = 8, ...r }, i) {
+	return /* @__PURE__ */ a(l.Positioner, {
+		...r,
+		ref: i,
+		sideOffset: n,
+		className: e("lyds-tooltip__positioner", t)
+	});
+}), _ = n(function({ className: t, ...n }, i) {
+	let o = r(u);
+	return /* @__PURE__ */ a(l.Popup, {
+		...n,
+		ref: i,
+		id: o,
+		role: "tooltip",
+		className: e("lyds-tooltip__popup", t)
+	});
+}), v = n(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ a(l.Arrow, {
+		...n,
+		ref: r,
+		className: e("lyds-tooltip__arrow", t)
+	});
+}), y = n(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ a(l.Viewport, {
+		...n,
+		ref: r,
+		className: e("lyds-tooltip__viewport", t)
+	});
+}), b = {
+	Provider: f,
+	Root: p,
+	Trigger: m,
+	Portal: h,
+	Positioner: g,
+	Popup: _,
+	Arrow: v,
+	Viewport: y,
+	createHandle: l.createHandle,
+	Handle: l.Handle
+};
+function x(e) {
+	return /* @__PURE__ */ a(s.Root, { ...e });
+}
+function S({ className: t, ...n }) {
+	return /* @__PURE__ */ a(s.Trigger, {
+		...n,
+		className: e("lyds-popover__trigger", t)
+	});
+}
+var C = n(function(e, t) {
+	return /* @__PURE__ */ a(s.Portal, {
+		...e,
+		ref: t
+	});
+}), w = n(function({ className: t, sideOffset: n = 10, ...r }, i) {
+	return /* @__PURE__ */ a(s.Positioner, {
+		...r,
+		ref: i,
+		sideOffset: n,
+		className: e("lyds-popover__positioner", t)
+	});
+}), T = n(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ a(s.Backdrop, {
+		...n,
+		ref: r,
+		className: e("lyds-popover__backdrop", t)
+	});
+}), E = n(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ a(s.Popup, {
+		...n,
+		ref: r,
+		className: e("lyds-popover__popup", t)
+	});
+}), D = n(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ a(s.Arrow, {
+		...n,
+		ref: r,
+		className: e("lyds-popover__arrow", t)
+	});
+}), O = n(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ a(s.Title, {
+		...n,
+		ref: r,
+		className: e("lyds-popover__title", t)
+	});
+}), k = n(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ a(s.Description, {
+		...n,
+		ref: r,
+		className: e("lyds-popover__description", t)
+	});
+}), A = n(function({ "aria-label": t, children: n, className: r, variant: i = n == null ? "icon" : "action", ...o }, c) {
+	return /* @__PURE__ */ a(s.Close, {
+		...o,
+		ref: c,
+		"aria-label": t ?? (n == null ? "關閉彈出視窗" : void 0),
+		className: e(i === "icon" ? "lyds-overlayClose" : "lyds-overlayCloseAction", r),
+		children: n ?? /* @__PURE__ */ a(d, {})
+	});
+}), j = n(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ a(s.Viewport, {
+		...n,
+		ref: r,
+		className: e("lyds-popover__viewport", t)
+	});
+}), M = {
+	Root: x,
+	Trigger: S,
+	Portal: C,
+	Positioner: w,
+	Backdrop: T,
+	Popup: E,
+	Arrow: D,
+	Title: O,
+	Description: k,
+	Close: A,
+	Viewport: j,
+	createHandle: s.createHandle,
+	Handle: s.Handle
+};
+function N(e) {
+	return /* @__PURE__ */ a(c.Root, { ...e });
+}
+function P({ className: t, ...n }) {
+	return /* @__PURE__ */ a(c.Trigger, {
+		...n,
+		className: e("lyds-previewCard__trigger", t)
+	});
+}
+var F = n(function(e, t) {
+	return /* @__PURE__ */ a(c.Portal, {
+		...e,
+		ref: t
+	});
+}), I = n(function({ className: t, sideOffset: n = 10, ...r }, i) {
+	return /* @__PURE__ */ a(c.Positioner, {
+		...r,
+		ref: i,
+		sideOffset: n,
+		className: e("lyds-previewCard__positioner", t)
+	});
+}), L = n(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ a(c.Popup, {
+		...n,
+		ref: r,
+		className: e("lyds-previewCard__popup", t)
+	});
+}), R = n(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ a(c.Arrow, {
+		...n,
+		ref: r,
+		className: e("lyds-previewCard__arrow", t)
+	});
+}), z = n(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ a(c.Backdrop, {
+		...n,
+		ref: r,
+		className: e("lyds-previewCard__backdrop", t)
+	});
+}), B = n(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ a(c.Viewport, {
+		...n,
+		ref: r,
+		className: e("lyds-previewCard__viewport", t)
+	});
+}), V = {
+	Root: N,
+	Trigger: P,
+	Portal: F,
+	Positioner: I,
+	Popup: L,
+	Arrow: R,
+	Backdrop: z,
+	Viewport: B,
+	createHandle: c.createHandle,
+	Handle: c.Handle
+};
+//#endregion
+export { M as Popover, D as PopoverArrow, T as PopoverBackdrop, A as PopoverClose, k as PopoverDescription, E as PopoverPopup, C as PopoverPortal, w as PopoverPositioner, x as PopoverRoot, O as PopoverTitle, S as PopoverTrigger, j as PopoverViewport, V as PreviewCard, R as PreviewCardArrow, z as PreviewCardBackdrop, L as PreviewCardPopup, F as PreviewCardPortal, I as PreviewCardPositioner, N as PreviewCardRoot, P as PreviewCardTrigger, B as PreviewCardViewport, b as Tooltip, v as TooltipArrow, _ as TooltipPopup, h as TooltipPortal, g as TooltipPositioner, f as TooltipProvider, p as TooltipRoot, m as TooltipTrigger, y as TooltipViewport };
+
+//# sourceMappingURL=floating.js.map