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

package/dist/components/navigation-data/table-collection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-collection.js","names":[],"sources":["../../../src/components/navigation-data/table-collection.tsx"],"sourcesContent":["import {\n\tforwardRef,\n\ttype AnchorHTMLAttributes,\n\ttype ButtonHTMLAttributes,\n\ttype HTMLAttributes,\n\ttype LiHTMLAttributes,\n\ttype OlHTMLAttributes,\n\ttype TableHTMLAttributes,\n\ttype TdHTMLAttributes,\n\ttype ThHTMLAttributes\n} from \"react\";\n\nimport { cx } from \"./utils.js\";\n\nexport const TableFrame = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function TableFrame({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-table-frame\", className)} {...props} />;\n});\n\nexport const Table = forwardRef<HTMLTableElement, TableHTMLAttributes<HTMLTableElement>>(function Table({ className, ...props }, ref) {\n\treturn <table ref={ref} className={cx(\"lyds-table\", className)} {...props} />;\n});\n\nexport const TableCaption = forwardRef<HTMLTableCaptionElement, HTMLAttributes<HTMLTableCaptionElement>>(function TableCaption({ className, ...props }, ref) {\n\treturn <caption ref={ref} className={cx(\"lyds-table__caption\", className)} {...props} />;\n});\n\nexport const TableHeader = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(function TableHeader({ className, ...props }, ref) {\n\treturn <thead ref={ref} className={cx(\"lyds-table__header\", className)} {...props} />;\n});\n\nexport const TableBody = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(function TableBody({ className, ...props }, ref) {\n\treturn <tbody ref={ref} className={cx(\"lyds-table__body\", className)} {...props} />;\n});\n\nexport const TableFooter = forwardRef<HTMLTableSectionElement, HTMLAttributes<HTMLTableSectionElement>>(function TableFooter({ className, ...props }, ref) {\n\treturn <tfoot ref={ref} className={cx(\"lyds-table__footer\", className)} {...props} />;\n});\n\nexport const TableRow = forwardRef<HTMLTableRowElement, HTMLAttributes<HTMLTableRowElement>>(function TableRow({ className, ...props }, ref) {\n\treturn <tr ref={ref} className={cx(\"lyds-table__row\", className)} {...props} />;\n});\n\nexport interface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {\n\ttextAlign?: \"start\" | \"center\" | \"end\";\n}\n\nexport const TableHead = forwardRef<HTMLTableCellElement, TableHeadProps>(function TableHead({ className, scope = \"col\", textAlign = \"start\", ...props }, ref) {\n\treturn <th ref={ref} className={cx(\"lyds-table__head\", className)} data-align={textAlign} scope={scope} {...props} />;\n});\n\nexport interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\n\ttextAlign?: \"start\" | \"center\" | \"end\";\n\tnumeric?: boolean;\n}\n\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell({ className, textAlign = \"start\", numeric = false, ...props }, ref) {\n\treturn <td ref={ref} className={cx(\"lyds-table__cell\", className)} data-align={textAlign} data-numeric={numeric ? \"\" : undefined} {...props} />;\n});\n\n/** 純呈現用結構。資料擷取、排序、篩選與分頁由使用端負責。 */\nexport const DataTable = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(function DataTable({ className, ...props }, ref) {\n\treturn <section ref={ref} className={cx(\"lyds-data-table\", className)} {...props} />;\n});\n\nexport const DataTableHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function DataTableHeader({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-data-table__header\", className)} {...props} />;\n});\n\nexport const DataTableTitle = forwardRef<HTMLHeadingElement, HTMLAttributes<HTMLHeadingElement>>(function DataTableTitle({ children, className, ...props }, ref) {\n\treturn (\n\t\t<h2 ref={ref} className={cx(\"lyds-data-table__title\", className)} {...props}>\n\t\t\t{children}\n\t\t</h2>\n\t);\n});\n\nexport const DataTableDescription = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(function DataTableDescription({ className, ...props }, ref) {\n\treturn <p ref={ref} className={cx(\"lyds-data-table__description\", className)} {...props} />;\n});\n\nexport const DataTableControls = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function DataTableControls({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-data-table__controls\", className)} {...props} />;\n});\n\nexport interface DataTableRegionProps extends HTMLAttributes<HTMLDivElement> {\n\tlabel?: string;\n}\n\nexport const DataTableRegion = forwardRef<HTMLDivElement, DataTableRegionProps>(function DataTableRegion({ className, label, ...props }, ref) {\n\treturn <div ref={ref} aria-label={label} className={cx(\"lyds-data-table__region\", className)} role={label ? \"region\" : undefined} {...props} />;\n});\n\nexport const DataTableStatus = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function DataTableStatus({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-data-table__status\", className)} {...props} />;\n});\n\nexport interface CollectionProps extends HTMLAttributes<HTMLUListElement> {\n\tdensity?: \"comfortable\" | \"compact\";\n}\n\nexport const Collection = forwardRef<HTMLUListElement, CollectionProps>(function Collection({ className, density = \"comfortable\", ...props }, ref) {\n\treturn <ul ref={ref} className={cx(\"lyds-collection\", className)} data-density={density} {...props} />;\n});\n\nexport interface OrderedCollectionProps extends OlHTMLAttributes<HTMLOListElement> {\n\tdensity?: \"comfortable\" | \"compact\";\n}\n\nexport const OrderedCollection = forwardRef<HTMLOListElement, OrderedCollectionProps>(function OrderedCollection({ className, density = \"comfortable\", ...props }, ref) {\n\treturn <ol ref={ref} className={cx(\"lyds-collection\", className)} data-density={density} {...props} />;\n});\n\nexport type CollectionItemProps = LiHTMLAttributes<HTMLLIElement>;\n\nexport const CollectionItem = forwardRef<HTMLLIElement, CollectionItemProps>(function CollectionItem({ className, ...props }, ref) {\n\treturn <li ref={ref} className={cx(\"lyds-collection__item\", className)} {...props} />;\n});\n\nexport const CollectionContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function CollectionContent({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-collection__content\", className)} {...props} />;\n});\n\nexport const CollectionHeading = forwardRef<HTMLHeadingElement, HTMLAttributes<HTMLHeadingElement>>(function CollectionHeading({ children, className, ...props }, ref) {\n\treturn (\n\t\t<h3 ref={ref} className={cx(\"lyds-collection__heading\", className)} {...props}>\n\t\t\t{children}\n\t\t</h3>\n\t);\n});\n\nexport const CollectionDescription = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(function CollectionDescription({ className, ...props }, ref) {\n\treturn <p ref={ref} className={cx(\"lyds-collection__description\", className)} {...props} />;\n});\n\nexport const CollectionMeta = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function CollectionMeta({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-collection__meta\", className)} {...props} />;\n});\n\nexport const CollectionActions = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function CollectionActions({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-collection__actions\", className)} {...props} />;\n});\n\nexport interface CollectionLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n\tselected?: boolean;\n}\n\nexport const CollectionLink = forwardRef<HTMLAnchorElement, CollectionLinkProps>(function CollectionLink({ children, className, selected = false, ...props }, ref) {\n\treturn (\n\t\t<a ref={ref} aria-current={selected ? \"page\" : undefined} className={cx(\"lyds-collection__interactive\", className)} data-selected={selected ? \"\" : undefined} {...props}>\n\t\t\t{children}\n\t\t</a>\n\t);\n});\n\nexport interface CollectionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n\tselected?: boolean;\n}\n\nexport const CollectionButton = forwardRef<HTMLButtonElement, CollectionButtonProps>(function CollectionButton({ className, selected = false, type = \"button\", ...props }, ref) {\n\treturn <button ref={ref} aria-pressed={selected} className={cx(\"lyds-collection__interactive\", className)} data-selected={selected ? \"\" : undefined} type={type} {...props} />;\n});\n\nexport const List = Collection;\nexport const OrderedList = OrderedCollection;\nexport const ListItem = CollectionItem;\nexport const ListContent = CollectionContent;\nexport const ListHeading = CollectionHeading;\nexport const ListDescription = CollectionDescription;\nexport const ListMeta = CollectionMeta;\nexport const ListActions = CollectionActions;\nexport const ListLink = CollectionLink;\nexport const ListButton = CollectionButton;\n"],"mappings":"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"}

package/dist/components/navigation-data/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function cx(...classes: Array<string | false | null | undefined>): string;
+export declare function withBaseClass<State>(baseClassName: string, className?: string | ((state: State) => string | undefined)): string | ((state: State) => string);

package/dist/components/navigation-data/utils.js

@@ -0,0 +1,11 @@
+//#region src/components/navigation-data/utils.ts
+function e(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function t(t, n) {
+	return typeof n == "function" ? (r) => e(t, n(r)) : e(t, n);
+}
+//#endregion
+export { e as cx, t as withBaseClass };
+
+//# sourceMappingURL=utils.js.map

package/dist/components/navigation-data/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/navigation-data/utils.ts"],"sourcesContent":["export function cx(...classes: Array<string | false | null | undefined>): string {\n\treturn classes.filter(Boolean).join(\" \");\n}\n\nexport function withBaseClass<State>(baseClassName: string, className?: string | ((state: State) => string | undefined)): string | ((state: State) => string) {\n\tif (typeof className === \"function\") {\n\t\treturn state => cx(baseClassName, className(state));\n\t}\n\n\treturn cx(baseClassName, className);\n}\n"],"mappings":";AAAA,SAAgB,EAAG,GAAG,GAA2D;CAChF,OAAO,EAAQ,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AACxC;AAEA,SAAgB,EAAqB,GAAuB,GAAkG;CAK7J,OAJI,OAAO,KAAc,cACjB,MAAS,EAAG,GAAe,EAAU,CAAK,CAAC,IAG5C,EAAG,GAAe,CAAS;AACnC"}

package/dist/components/overlays/class-names.d.ts

@@ -0,0 +1,6 @@
+type StatefulClassName<State> = string | ((state: State) => string | undefined) | undefined;
+/**
+ * 加入 Linyao Design System 的 CSS 類別，並保留 Base UI 可依狀態計算的 className API。
+ */
+export declare function mergeClassName<State>(lydsClassName: string, className: StatefulClassName<State>): string | ((state: State) => string);
+export {};

package/dist/components/overlays/class-names.js

@@ -0,0 +1,11 @@
+//#region src/components/overlays/class-names.ts
+function e(e, t) {
+	return typeof t == "function" ? (n) => {
+		let r = t(n);
+		return r ? `${e} ${r}` : e;
+	} : t ? `${e} ${t}` : e;
+}
+//#endregion
+export { e as mergeClassName };
+
+//# sourceMappingURL=class-names.js.map

package/dist/components/overlays/class-names.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"class-names.js","names":[],"sources":["../../../src/components/overlays/class-names.ts"],"sourcesContent":["type StatefulClassName<State> = string | ((state: State) => string | undefined) | undefined;\n\n/**\n * 加入 Linyao Design System 的 CSS 類別，並保留 Base UI 可依狀態計算的 className API。\n */\nexport function mergeClassName<State>(lydsClassName: string, className: StatefulClassName<State>): string | ((state: State) => string) {\n\tif (typeof className === \"function\") {\n\t\treturn state => {\n\t\t\tconst resolvedClassName = className(state);\n\t\t\treturn resolvedClassName ? `${lydsClassName} ${resolvedClassName}` : lydsClassName;\n\t\t};\n\t}\n\n\treturn className ? `${lydsClassName} ${className}` : lydsClassName;\n}\n"],"mappings":";AAKA,SAAgB,EAAsB,GAAuB,GAA0E;CAQtI,OAPI,OAAO,KAAc,cACjB,MAAS;EACf,IAAM,IAAoB,EAAU,CAAK;EACzC,OAAO,IAAoB,GAAG,EAAc,GAAG,MAAsB;CACtE,IAGM,IAAY,GAAG,EAAc,GAAG,MAAc;AACtD"}

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

@@ -0,0 +1,98 @@
+import { AlertDialog as BaseAlertDialog, AlertDialogRootProps, AlertDialogTriggerProps } from '@base-ui/react/alert-dialog';
+import { Dialog as BaseDialog, DialogCloseProps as BaseDialogCloseProps, DialogPopupProps as BaseDialogPopupProps, DialogBackdropProps, DialogDescriptionProps, DialogPortalProps, DialogRootProps, DialogTitleProps, DialogTriggerProps, DialogViewportProps } from '@base-ui/react/dialog';
+import { HTMLAttributes, JSX, ReactNode, RefAttributes } from 'react';
+export type { AlertDialogRootChangeEventDetails } from '@base-ui/react/alert-dialog';
+export type { DialogRootChangeEventDetails } from '@base-ui/react/dialog';
+export declare function DialogRoot<Payload = unknown>(props: DialogRootProps<Payload>): JSX.Element;
+export declare function DialogTrigger<Payload = unknown>({ className, ...props }: DialogTriggerProps<Payload> & RefAttributes<HTMLElement>): JSX.Element;
+export declare const DialogPortal: import('react').ForwardRefExoticComponent<Omit<DialogPortalProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const DialogBackdrop: import('react').ForwardRefExoticComponent<Omit<DialogBackdropProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const DialogViewport: import('react').ForwardRefExoticComponent<Omit<DialogViewportProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export interface DialogPopupProps extends BaseDialogPopupProps {
+    /** 內建關閉控制項的無障礙標籤。 */
+    closeLabel?: string;
+    /** 傳給內建關閉控制項的屬性。 */
+    closeProps?: Omit<DialogCloseProps, "children">;
+    /** 僅在彈出內容另有可存取的 Dialog.Close 時設定。 */
+    hasCustomClose?: boolean;
+}
+export declare const DialogPopup: import('react').ForwardRefExoticComponent<Omit<DialogPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const DialogTitle: import('react').ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & RefAttributes<HTMLHeadingElement>>;
+export declare const DialogDescription: import('react').ForwardRefExoticComponent<Omit<DialogDescriptionProps, "ref"> & RefAttributes<HTMLParagraphElement>>;
+export interface DialogCloseProps extends BaseDialogCloseProps {
+    /** 圖示控制項位於面板角落；動作控制項則參與內容排版。 */
+    variant?: "icon" | "action";
+}
+export declare const DialogClose: import('react').ForwardRefExoticComponent<Omit<DialogCloseProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+export type DialogHeaderProps = HTMLAttributes<HTMLDivElement>;
+export declare const DialogHeader: import('react').ForwardRefExoticComponent<DialogHeaderProps & RefAttributes<HTMLDivElement>>;
+export type DialogBodyProps = HTMLAttributes<HTMLDivElement>;
+export declare const DialogBody: import('react').ForwardRefExoticComponent<DialogBodyProps & RefAttributes<HTMLDivElement>>;
+export type DialogFooterProps = HTMLAttributes<HTMLDivElement>;
+export declare const DialogFooter: import('react').ForwardRefExoticComponent<DialogFooterProps & RefAttributes<HTMLDivElement>>;
+export declare const Dialog: {
+    readonly Root: typeof DialogRoot;
+    readonly Trigger: typeof DialogTrigger;
+    readonly Portal: import('react').ForwardRefExoticComponent<Omit<DialogPortalProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Backdrop: import('react').ForwardRefExoticComponent<Omit<DialogBackdropProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Viewport: import('react').ForwardRefExoticComponent<Omit<DialogViewportProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Popup: import('react').ForwardRefExoticComponent<Omit<DialogPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Header: import('react').ForwardRefExoticComponent<DialogHeaderProps & RefAttributes<HTMLDivElement>>;
+    readonly Body: import('react').ForwardRefExoticComponent<DialogBodyProps & RefAttributes<HTMLDivElement>>;
+    readonly Footer: import('react').ForwardRefExoticComponent<DialogFooterProps & RefAttributes<HTMLDivElement>>;
+    readonly Title: import('react').ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & RefAttributes<HTMLHeadingElement>>;
+    readonly Description: import('react').ForwardRefExoticComponent<Omit<DialogDescriptionProps, "ref"> & RefAttributes<HTMLParagraphElement>>;
+    readonly Close: import('react').ForwardRefExoticComponent<Omit<DialogCloseProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+    readonly createHandle: typeof BaseDialog.createHandle;
+    readonly Handle: typeof BaseDialog.Handle;
+};
+/** Base UI 的 Dialog 預設為強制回應；Modal 是用途明確的別名。 */
+export declare const Modal: {
+    readonly Root: typeof DialogRoot;
+    readonly Trigger: typeof DialogTrigger;
+    readonly Portal: import('react').ForwardRefExoticComponent<Omit<DialogPortalProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Backdrop: import('react').ForwardRefExoticComponent<Omit<DialogBackdropProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Viewport: import('react').ForwardRefExoticComponent<Omit<DialogViewportProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Popup: import('react').ForwardRefExoticComponent<Omit<DialogPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Header: import('react').ForwardRefExoticComponent<DialogHeaderProps & RefAttributes<HTMLDivElement>>;
+    readonly Body: import('react').ForwardRefExoticComponent<DialogBodyProps & RefAttributes<HTMLDivElement>>;
+    readonly Footer: import('react').ForwardRefExoticComponent<DialogFooterProps & RefAttributes<HTMLDivElement>>;
+    readonly Title: import('react').ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & RefAttributes<HTMLHeadingElement>>;
+    readonly Description: import('react').ForwardRefExoticComponent<Omit<DialogDescriptionProps, "ref"> & RefAttributes<HTMLParagraphElement>>;
+    readonly Close: import('react').ForwardRefExoticComponent<Omit<DialogCloseProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+    readonly createHandle: typeof BaseDialog.createHandle;
+    readonly Handle: typeof BaseDialog.Handle;
+};
+export declare function AlertDialogRoot<Payload = unknown>(props: AlertDialogRootProps<Payload>): JSX.Element;
+export declare function AlertDialogTrigger<Payload = unknown>({ className, ...props }: AlertDialogTriggerProps<Payload> & RefAttributes<HTMLElement>): JSX.Element;
+export interface AlertDialogPopupProps extends BaseDialogPopupProps {
+    /** 內建取消／關閉控制項的無障礙標籤。 */
+    closeLabel?: string;
+    /** 傳給內建取消／關閉控制項的屬性。 */
+    closeProps?: Omit<DialogCloseProps, "children">;
+    /** 僅在彈出內容另有可存取的 AlertDialog.Close 時設定。 */
+    hasCustomClose?: boolean;
+}
+export declare const AlertDialogPopup: import('react').ForwardRefExoticComponent<Omit<AlertDialogPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogClose: import('react').ForwardRefExoticComponent<Omit<DialogCloseProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+export interface AlertDialogActionsProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export declare const AlertDialogActions: import('react').ForwardRefExoticComponent<AlertDialogActionsProps & RefAttributes<HTMLDivElement>>;
+export declare const AlertDialog: {
+    readonly Root: typeof AlertDialogRoot;
+    readonly Trigger: typeof AlertDialogTrigger;
+    readonly Portal: import('react').ForwardRefExoticComponent<Omit<DialogPortalProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Backdrop: import('react').ForwardRefExoticComponent<Omit<DialogBackdropProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Viewport: import('react').ForwardRefExoticComponent<Omit<DialogViewportProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Popup: import('react').ForwardRefExoticComponent<Omit<AlertDialogPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+    readonly Header: import('react').ForwardRefExoticComponent<DialogHeaderProps & RefAttributes<HTMLDivElement>>;
+    readonly Body: import('react').ForwardRefExoticComponent<DialogBodyProps & RefAttributes<HTMLDivElement>>;
+    readonly Footer: import('react').ForwardRefExoticComponent<DialogFooterProps & RefAttributes<HTMLDivElement>>;
+    readonly Actions: import('react').ForwardRefExoticComponent<AlertDialogActionsProps & RefAttributes<HTMLDivElement>>;
+    readonly Title: import('react').ForwardRefExoticComponent<Omit<DialogTitleProps, "ref"> & RefAttributes<HTMLHeadingElement>>;
+    readonly Description: import('react').ForwardRefExoticComponent<Omit<DialogDescriptionProps, "ref"> & RefAttributes<HTMLParagraphElement>>;
+    readonly Close: import('react').ForwardRefExoticComponent<Omit<DialogCloseProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+    readonly createHandle: typeof BaseAlertDialog.createHandle;
+    readonly Handle: typeof BaseAlertDialog.Handle;
+};

package/dist/components/overlays/dialog.js

@@ -0,0 +1,158 @@
+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";
+//#region src/components/overlays/dialog.tsx
+function s() {
+	return /* @__PURE__ */ n(i, {
+		"aria-hidden": "true",
+		className: "lyds-overlayClose__glyph",
+		weight: "bold"
+	});
+}
+function c(e) {
+	return /* @__PURE__ */ n(a.Root, { ...e });
+}
+function l({ className: t, ...r }) {
+	return /* @__PURE__ */ n(a.Trigger, {
+		...r,
+		className: e("lyds-dialog__trigger", t)
+	});
+}
+var u = t(function(e, t) {
+	return /* @__PURE__ */ n(a.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 = 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)
+	});
+}), h = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(a.Description, {
+		...r,
+		ref: i,
+		className: e("lyds-dialog__description", t)
+	});
+}), g = t(function({ "aria-label": t, children: r, className: i, variant: o = r == null ? "icon" : "action", ...c }, l) {
+	return /* @__PURE__ */ n(a.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"
+	});
+}), v = t(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ n("div", {
+		...t,
+		ref: r,
+		className: e ? `lyds-dialog__body ${e}` : "lyds-dialog__body"
+	});
+}), y = t(function({ className: e, ...t }, r) {
+	return /* @__PURE__ */ n("div", {
+		...t,
+		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, {
+		...r,
+		className: e("lyds-alertDialog__trigger", t)
+	});
+}
+var w = t(function({ children: t, className: i, closeLabel: a = "取消並關閉警示", closeProps: s, hasCustomClose: c = !1, ...l }, u) {
+	return /* @__PURE__ */ r(o.Popup, {
+		...l,
+		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
+};
+//#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 };
+
+//# sourceMappingURL=dialog.js.map

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

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

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

@@ -0,0 +1,40 @@
+import { AccordionHeaderProps, AccordionItemProps, AccordionPanelProps, AccordionRootProps, AccordionTriggerProps } from '@base-ui/react/accordion';
+import { CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps } from '@base-ui/react/collapsible';
+import { TabsIndicatorProps, TabsListProps, TabsPanelProps, TabsRootProps, TabsTabProps } from '@base-ui/react/tabs';
+import { JSX } from 'react';
+export type { AccordionRootChangeEventDetails } from '@base-ui/react/accordion';
+export type { CollapsibleRootChangeEventDetails } from '@base-ui/react/collapsible';
+export type { TabsRootChangeEventDetails } from '@base-ui/react/tabs';
+export declare function AccordionRoot<Value = string>(props: AccordionRootProps<Value>): JSX.Element;
+export declare const AccordionItem: import('react').ForwardRefExoticComponent<Omit<AccordionItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const AccordionHeader: import('react').ForwardRefExoticComponent<Omit<AccordionHeaderProps, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
+export declare const AccordionTrigger: import('react').ForwardRefExoticComponent<Omit<AccordionTriggerProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+export declare const AccordionPanel: import('react').ForwardRefExoticComponent<Omit<AccordionPanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Accordion: {
+    readonly Root: typeof AccordionRoot;
+    readonly Item: import('react').ForwardRefExoticComponent<Omit<AccordionItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly Header: import('react').ForwardRefExoticComponent<Omit<AccordionHeaderProps, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
+    readonly Trigger: import('react').ForwardRefExoticComponent<Omit<AccordionTriggerProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    readonly Panel: import('react').ForwardRefExoticComponent<Omit<AccordionPanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};
+export declare const CollapsibleRoot: import('react').ForwardRefExoticComponent<Omit<CollapsibleRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CollapsibleTrigger: import('react').ForwardRefExoticComponent<Omit<CollapsibleTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const CollapsiblePanel: import('react').ForwardRefExoticComponent<Omit<CollapsiblePanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Collapsible: {
+    readonly Root: import('react').ForwardRefExoticComponent<Omit<CollapsibleRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly Trigger: import('react').ForwardRefExoticComponent<Omit<CollapsibleTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    readonly Panel: import('react').ForwardRefExoticComponent<Omit<CollapsiblePanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};
+export declare const TabsRoot: import('react').ForwardRefExoticComponent<Omit<TabsRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const TabsList: import('react').ForwardRefExoticComponent<Omit<TabsListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const TabsTab: import('react').ForwardRefExoticComponent<Omit<TabsTabProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+/** Base UI 指示器的進階自訂介面。作用中的分頁已有自身選取樣式，因此 Linyao Design System 預設隱藏此元件。 */
+export declare const TabsIndicator: import('react').ForwardRefExoticComponent<Omit<TabsIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+export declare const TabsPanel: import('react').ForwardRefExoticComponent<Omit<TabsPanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Tabs: {
+    readonly Root: import('react').ForwardRefExoticComponent<Omit<TabsRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly List: import('react').ForwardRefExoticComponent<Omit<TabsListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    readonly Tab: import('react').ForwardRefExoticComponent<Omit<TabsTabProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+    readonly Indicator: import('react').ForwardRefExoticComponent<Omit<TabsIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    readonly Panel: import('react').ForwardRefExoticComponent<Omit<TabsPanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};

package/dist/components/overlays/disclosure.js

@@ -0,0 +1,138 @@
+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 { CaretDownIcon as i } from "@phosphor-icons/react/dist/csr/CaretDown";
+import { Accordion as a } from "@base-ui/react/accordion";
+import { Collapsible as o } from "@base-ui/react/collapsible";
+import { Tabs as s } from "@base-ui/react/tabs";
+//#region src/components/overlays/disclosure.tsx
+function c(t) {
+	let { className: r, ...i } = t;
+	return /* @__PURE__ */ n(a.Root, {
+		...i,
+		className: e("lyds-accordion", r)
+	});
+}
+var l = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(a.Item, {
+		...r,
+		ref: i,
+		className: e("lyds-accordion__item", t)
+	});
+}), u = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(a.Header, {
+		...r,
+		ref: i,
+		className: e("lyds-accordion__header", t)
+	});
+}), d = t(function({ children: t, className: o, ...s }, c) {
+	return /* @__PURE__ */ r(a.Trigger, {
+		...s,
+		ref: c,
+		className: e("lyds-accordion__trigger", o),
+		children: [/* @__PURE__ */ n("span", {
+			className: "lyds-accordion__label",
+			children: t
+		}), /* @__PURE__ */ n("span", {
+			className: "lyds-accordion__indicator",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ n(i, {
+				"aria-hidden": "true",
+				weight: "bold"
+			})
+		})]
+	});
+}), f = t(function({ children: t, className: r, ...i }, o) {
+	return /* @__PURE__ */ n(a.Panel, {
+		...i,
+		ref: o,
+		className: e("lyds-accordion__panel", r),
+		children: /* @__PURE__ */ n("div", {
+			className: "lyds-accordion__panelContent",
+			children: t
+		})
+	});
+}), p = {
+	Root: c,
+	Item: l,
+	Header: u,
+	Trigger: d,
+	Panel: f
+}, m = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(o.Root, {
+		...r,
+		ref: i,
+		className: e("lyds-collapsible", t)
+	});
+}), h = t(function({ children: t, className: a, ...s }, c) {
+	return /* @__PURE__ */ r(o.Trigger, {
+		...s,
+		ref: c,
+		className: e("lyds-collapsible__trigger", a),
+		children: [/* @__PURE__ */ n("span", {
+			className: "lyds-collapsible__label",
+			children: t
+		}), /* @__PURE__ */ n("span", {
+			className: "lyds-collapsible__indicator",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ n(i, {
+				"aria-hidden": "true",
+				weight: "bold"
+			})
+		})]
+	});
+}), g = t(function({ children: t, className: r, ...i }, a) {
+	return /* @__PURE__ */ n(o.Panel, {
+		...i,
+		ref: a,
+		className: e("lyds-collapsible__panel", r),
+		children: /* @__PURE__ */ n("div", {
+			className: "lyds-collapsible__panelContent",
+			children: t
+		})
+	});
+}), _ = {
+	Root: m,
+	Trigger: h,
+	Panel: g
+}, v = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(s.Root, {
+		...r,
+		ref: i,
+		className: e("lyds-tabs", t)
+	});
+}), y = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(s.List, {
+		...r,
+		ref: i,
+		className: e("lyds-tabs__list", t)
+	});
+}), b = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(s.Tab, {
+		...r,
+		ref: i,
+		className: e("lyds-tabs__tab", t)
+	});
+}), x = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(s.Indicator, {
+		...r,
+		ref: i,
+		className: e("lyds-tabs__indicator", t)
+	});
+}), S = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n(s.Panel, {
+		...r,
+		ref: i,
+		className: e("lyds-tabs__panel", t)
+	});
+}), C = {
+	Root: v,
+	List: y,
+	Tab: b,
+	Indicator: x,
+	Panel: S
+};
+//#endregion
+export { p as Accordion, u as AccordionHeader, l as AccordionItem, f as AccordionPanel, c as AccordionRoot, d as AccordionTrigger, _ as Collapsible, g as CollapsiblePanel, m as CollapsibleRoot, h as CollapsibleTrigger, C as Tabs, x as TabsIndicator, y as TabsList, S as TabsPanel, v as TabsRoot, b as TabsTab };
+
+//# sourceMappingURL=disclosure.js.map

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

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