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

package/dist/components/navigation-data/breadcrumb-pagination.js

@@ -0,0 +1,161 @@
+import { cx as e } from "./utils.js";
+import { CaretRightIcon as t } from "@phosphor-icons/react/dist/csr/CaretRight";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ArrowLeftIcon as a } from "@phosphor-icons/react/dist/csr/ArrowLeft";
+import { ArrowRightIcon as o } from "@phosphor-icons/react/dist/csr/ArrowRight";
+import { DotsThreeIcon as s } from "@phosphor-icons/react/dist/csr/DotsThree";
+//#region src/components/navigation-data/breadcrumb-pagination.tsx
+var c = n(function({ className: t, label: n = "麵包屑導覽", ...i }, a) {
+	return /* @__PURE__ */ r("nav", {
+		ref: a,
+		"aria-label": n,
+		className: e("lyds-breadcrumb", t),
+		...i
+	});
+}), l = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("ol", {
+		ref: i,
+		className: e("lyds-breadcrumb__list", t),
+		...n
+	});
+}), u = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("li", {
+		ref: i,
+		className: e("lyds-breadcrumb__item", t),
+		...n
+	});
+}), d = n(function({ children: t, className: n, ...i }, a) {
+	return /* @__PURE__ */ r("a", {
+		ref: a,
+		className: e("lyds-breadcrumb__link", n),
+		...i,
+		children: t
+	});
+}), f = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("span", {
+		ref: i,
+		"aria-current": "page",
+		className: e("lyds-breadcrumb__page", t),
+		...n
+	});
+}), p = n(function({ children: n, className: i, ...a }, o) {
+	return /* @__PURE__ */ r("span", {
+		ref: o,
+		"aria-hidden": "true",
+		className: e("lyds-breadcrumb__separator", i),
+		...a,
+		children: n ?? /* @__PURE__ */ r(t, {
+			"aria-hidden": "true",
+			weight: "bold"
+		})
+	});
+}), m = n(function({ "aria-label": t = "更多頁面", className: n, children: a, ...o }, c) {
+	return /* @__PURE__ */ i("span", {
+		ref: c,
+		className: e("lyds-breadcrumb__ellipsis", n),
+		...o,
+		children: [a ? /* @__PURE__ */ r("span", {
+			"aria-hidden": "true",
+			children: a
+		}) : /* @__PURE__ */ r(s, {
+			"aria-hidden": "true",
+			weight: "bold"
+		}), /* @__PURE__ */ r("span", {
+			className: "lyds-sr-only",
+			children: t
+		})]
+	});
+}), h = n(function({ className: t, label: n = "分頁導覽", ...i }, a) {
+	return /* @__PURE__ */ r("nav", {
+		ref: a,
+		"aria-label": n,
+		className: e("lyds-pagination", t),
+		...i
+	});
+}), g = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("ul", {
+		ref: i,
+		className: e("lyds-pagination__list", t),
+		...n
+	});
+}), _ = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("li", {
+		ref: i,
+		className: e("lyds-pagination__item", t),
+		...n
+	});
+}), v = n(function({ children: t, className: n, current: i = !1, disabled: a = !1, href: o, onClick: s, tabIndex: c, ...l }, u) {
+	let d = {
+		onClick: (e) => {
+			if (a) {
+				e.preventDefault();
+				return;
+			}
+			s?.(e);
+		},
+		tabIndex: a ? -1 : c
+	};
+	return /* @__PURE__ */ r("a", {
+		...l,
+		ref: u,
+		"aria-current": i ? "page" : void 0,
+		"aria-disabled": a || void 0,
+		className: e("lyds-pagination__control", n),
+		"data-current": i ? "" : void 0,
+		"data-disabled": a ? "" : void 0,
+		href: a ? void 0 : o,
+		role: a ? "link" : void 0,
+		...d,
+		children: t
+	});
+}), y = n(function({ className: t, current: n = !1, type: i = "button", ...a }, o) {
+	return /* @__PURE__ */ r("button", {
+		ref: o,
+		"aria-current": n ? "page" : void 0,
+		className: e("lyds-pagination__control", t),
+		"data-current": n ? "" : void 0,
+		type: i,
+		...a
+	});
+}), b = n(function({ "aria-label": e = "上一頁", children: t, ...n }, i) {
+	return /* @__PURE__ */ r(v, {
+		ref: i,
+		"aria-label": e,
+		...n,
+		children: t ?? /* @__PURE__ */ r(a, {
+			"aria-hidden": "true",
+			weight: "bold"
+		})
+	});
+}), x = n(function({ "aria-label": e = "下一頁", children: t, ...n }, i) {
+	return /* @__PURE__ */ r(v, {
+		ref: i,
+		"aria-label": e,
+		...n,
+		children: t ?? /* @__PURE__ */ r(o, {
+			"aria-hidden": "true",
+			weight: "bold"
+		})
+	});
+}), S = n(function({ "aria-label": t = "更多頁面", children: n, className: a, ...o }, c) {
+	return /* @__PURE__ */ i("span", {
+		ref: c,
+		className: e("lyds-pagination__ellipsis", a),
+		...o,
+		children: [n ? /* @__PURE__ */ r("span", {
+			"aria-hidden": "true",
+			children: n
+		}) : /* @__PURE__ */ r(s, {
+			"aria-hidden": "true",
+			weight: "bold"
+		}), /* @__PURE__ */ r("span", {
+			className: "lyds-sr-only",
+			children: t
+		})]
+	});
+});
+//#endregion
+export { c as Breadcrumb, m as BreadcrumbEllipsis, u as BreadcrumbItem, d as BreadcrumbLink, l as BreadcrumbList, f as BreadcrumbPage, p as BreadcrumbSeparator, h as Pagination, y as PaginationButton, S as PaginationEllipsis, _ as PaginationItem, v as PaginationLink, g as PaginationList, x as PaginationNext, b as PaginationPrevious };
+
+//# sourceMappingURL=breadcrumb-pagination.js.map

package/dist/components/navigation-data/breadcrumb-pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-pagination.js","names":[],"sources":["../../../src/components/navigation-data/breadcrumb-pagination.tsx"],"sourcesContent":["import { ArrowLeftIcon } from \"@phosphor-icons/react/dist/csr/ArrowLeft\";\nimport { ArrowRightIcon } from \"@phosphor-icons/react/dist/csr/ArrowRight\";\nimport { CaretRightIcon } from \"@phosphor-icons/react/dist/csr/CaretRight\";\nimport { DotsThreeIcon } from \"@phosphor-icons/react/dist/csr/DotsThree\";\nimport { forwardRef, type AnchorHTMLAttributes, type ButtonHTMLAttributes, type HTMLAttributes, type LiHTMLAttributes, type MouseEvent, type ReactNode } from \"react\";\n\nimport { cx } from \"./utils.js\";\n\nexport interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {\n\t/** 麵包屑導覽區域的無障礙名稱。 */\n\tlabel?: string;\n}\n\nexport const Breadcrumb = forwardRef<HTMLElement, BreadcrumbProps>(function Breadcrumb({ className, label = \"麵包屑導覽\", ...props }, ref) {\n\treturn <nav ref={ref} aria-label={label} className={cx(\"lyds-breadcrumb\", className)} {...props} />;\n});\n\nexport const BreadcrumbList = forwardRef<HTMLOListElement, HTMLAttributes<HTMLOListElement>>(function BreadcrumbList({ className, ...props }, ref) {\n\treturn <ol ref={ref} className={cx(\"lyds-breadcrumb__list\", className)} {...props} />;\n});\n\nexport const BreadcrumbItem = forwardRef<HTMLLIElement, LiHTMLAttributes<HTMLLIElement>>(function BreadcrumbItem({ className, ...props }, ref) {\n\treturn <li ref={ref} className={cx(\"lyds-breadcrumb__item\", className)} {...props} />;\n});\n\nexport const BreadcrumbLink = forwardRef<HTMLAnchorElement, AnchorHTMLAttributes<HTMLAnchorElement>>(function BreadcrumbLink({ children, className, ...props }, ref) {\n\treturn (\n\t\t<a ref={ref} className={cx(\"lyds-breadcrumb__link\", className)} {...props}>\n\t\t\t{children}\n\t\t</a>\n\t);\n});\n\nexport const BreadcrumbPage = forwardRef<HTMLSpanElement, HTMLAttributes<HTMLSpanElement>>(function BreadcrumbPage({ className, ...props }, ref) {\n\treturn <span ref={ref} aria-current=\"page\" className={cx(\"lyds-breadcrumb__page\", className)} {...props} />;\n});\n\nexport interface BreadcrumbSeparatorProps extends HTMLAttributes<HTMLSpanElement> {\n\tchildren?: ReactNode;\n}\n\nexport const BreadcrumbSeparator = forwardRef<HTMLSpanElement, BreadcrumbSeparatorProps>(function BreadcrumbSeparator({ children, className, ...props }, ref) {\n\treturn (\n\t\t<span ref={ref} aria-hidden=\"true\" className={cx(\"lyds-breadcrumb__separator\", className)} {...props}>\n\t\t\t{children ?? <CaretRightIcon aria-hidden=\"true\" weight=\"bold\" />}\n\t\t</span>\n\t);\n});\n\nexport const BreadcrumbEllipsis = forwardRef<HTMLSpanElement, HTMLAttributes<HTMLSpanElement>>(function BreadcrumbEllipsis(\n\t{ \"aria-label\": ariaLabel = \"更多頁面\", className, children, ...props },\n\tref\n) {\n\treturn (\n\t\t<span ref={ref} className={cx(\"lyds-breadcrumb__ellipsis\", className)} {...props}>\n\t\t\t{children ? <span aria-hidden=\"true\">{children}</span> : <DotsThreeIcon aria-hidden=\"true\" weight=\"bold\" />}\n\t\t\t<span className=\"lyds-sr-only\">{ariaLabel}</span>\n\t\t</span>\n\t);\n});\n\nexport interface PaginationProps extends HTMLAttributes<HTMLElement> {\n\t/** 分頁導覽區域的無障礙名稱。 */\n\tlabel?: string;\n}\n\nexport const Pagination = forwardRef<HTMLElement, PaginationProps>(function Pagination({ className, label = \"分頁導覽\", ...props }, ref) {\n\treturn <nav ref={ref} aria-label={label} className={cx(\"lyds-pagination\", className)} {...props} />;\n});\n\nexport const PaginationList = forwardRef<HTMLUListElement, HTMLAttributes<HTMLUListElement>>(function PaginationList({ className, ...props }, ref) {\n\treturn <ul ref={ref} className={cx(\"lyds-pagination__list\", className)} {...props} />;\n});\n\nexport const PaginationItem = forwardRef<HTMLLIElement, LiHTMLAttributes<HTMLLIElement>>(function PaginationItem({ className, ...props }, ref) {\n\treturn <li ref={ref} className={cx(\"lyds-pagination__item\", className)} {...props} />;\n});\n\nexport interface PaginationLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n\tcurrent?: boolean;\n\tdisabled?: boolean;\n}\n\nexport const PaginationLink = forwardRef<HTMLAnchorElement, PaginationLinkProps>(function PaginationLink(\n\t{ children, className, current = false, disabled = false, href, onClick, tabIndex, ...props },\n\tref\n) {\n\tconst interactionProps = {\n\t\tonClick: (event: MouseEvent<HTMLAnchorElement>) => {\n\t\t\tif (disabled) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonClick?.(event);\n\t\t},\n\t\ttabIndex: disabled ? -1 : tabIndex\n\t};\n\n\treturn (\n\t\t<a\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\taria-current={current ? \"page\" : undefined}\n\t\t\taria-disabled={disabled || undefined}\n\t\t\tclassName={cx(\"lyds-pagination__control\", className)}\n\t\t\tdata-current={current ? \"\" : undefined}\n\t\t\tdata-disabled={disabled ? \"\" : undefined}\n\t\t\thref={disabled ? undefined : href}\n\t\t\trole={disabled ? \"link\" : undefined}\n\t\t\t{...interactionProps}\n\t\t>\n\t\t\t{children}\n\t\t</a>\n\t);\n});\n\nexport interface PaginationButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n\tcurrent?: boolean;\n}\n\nexport const PaginationButton = forwardRef<HTMLButtonElement, PaginationButtonProps>(function PaginationButton({ className, current = false, type = \"button\", ...props }, ref) {\n\treturn <button ref={ref} aria-current={current ? \"page\" : undefined} className={cx(\"lyds-pagination__control\", className)} data-current={current ? \"\" : undefined} type={type} {...props} />;\n});\n\nexport const PaginationPrevious = forwardRef<HTMLAnchorElement, PaginationLinkProps>(function PaginationPrevious({ \"aria-label\": ariaLabel = \"上一頁\", children, ...props }, ref) {\n\treturn (\n\t\t<PaginationLink ref={ref} aria-label={ariaLabel} {...props}>\n\t\t\t{children ?? <ArrowLeftIcon aria-hidden=\"true\" weight=\"bold\" />}\n\t\t</PaginationLink>\n\t);\n});\n\nexport const PaginationNext = forwardRef<HTMLAnchorElement, PaginationLinkProps>(function PaginationNext({ \"aria-label\": ariaLabel = \"下一頁\", children, ...props }, ref) {\n\treturn (\n\t\t<PaginationLink ref={ref} aria-label={ariaLabel} {...props}>\n\t\t\t{children ?? <ArrowRightIcon aria-hidden=\"true\" weight=\"bold\" />}\n\t\t</PaginationLink>\n\t);\n});\n\nexport const PaginationEllipsis = forwardRef<HTMLSpanElement, HTMLAttributes<HTMLSpanElement>>(function PaginationEllipsis(\n\t{ \"aria-label\": ariaLabel = \"更多頁面\", children, className, ...props },\n\tref\n) {\n\treturn (\n\t\t<span ref={ref} className={cx(\"lyds-pagination__ellipsis\", className)} {...props}>\n\t\t\t{children ? <span aria-hidden=\"true\">{children}</span> : <DotsThreeIcon aria-hidden=\"true\" weight=\"bold\" />}\n\t\t\t<span className=\"lyds-sr-only\">{ariaLabel}</span>\n\t\t</span>\n\t);\n});\n"],"mappings":";;;;;;;;AAaA,IAAa,IAAa,EAAyC,SAAoB,EAAE,cAAW,WAAQ,SAAS,GAAG,KAAS,GAAK;CACrI,OAAO,kBAAC,OAAD;EAAU;EAAK,cAAY;EAAO,WAAW,EAAG,mBAAmB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACnG,CAAC,GAEY,IAAiB,EAA+D,SAAwB,EAAE,cAAW,GAAG,KAAS,GAAK;CAClJ,OAAO,kBAAC,MAAD;EAAS;EAAK,WAAW,EAAG,yBAAyB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACrF,CAAC,GAEY,IAAiB,EAA2D,SAAwB,EAAE,cAAW,GAAG,KAAS,GAAK;CAC9I,OAAO,kBAAC,MAAD;EAAS;EAAK,WAAW,EAAG,yBAAyB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACrF,CAAC,GAEY,IAAiB,EAAuE,SAAwB,EAAE,aAAU,cAAW,GAAG,KAAS,GAAK;CACpK,OACC,kBAAC,KAAD;EAAQ;EAAK,WAAW,EAAG,yBAAyB,CAAS;EAAG,GAAI;EAClE;CACC,CAAA;AAEL,CAAC,GAEY,IAAiB,EAA6D,SAAwB,EAAE,cAAW,GAAG,KAAS,GAAK;CAChJ,OAAO,kBAAC,QAAD;EAAW;EAAK,gBAAa;EAAO,WAAW,EAAG,yBAAyB,CAAS;EAAG,GAAI;CAAQ,CAAA;AAC3G,CAAC,GAMY,IAAsB,EAAsD,SAA6B,EAAE,aAAU,cAAW,GAAG,KAAS,GAAK;CAC7J,OACC,kBAAC,QAAD;EAAW;EAAK,eAAY;EAAO,WAAW,EAAG,8BAA8B,CAAS;EAAG,GAAI;EAC7F,UAAA,KAAY,kBAAC,GAAD;GAAgB,eAAY;GAAO,QAAO;EAAQ,CAAA;CAC1D,CAAA;AAER,CAAC,GAEY,IAAqB,EAA6D,SAC9F,EAAE,cAAc,IAAY,QAAQ,cAAW,aAAU,GAAG,KAC5D,GACC;CACD,OACC,kBAAC,QAAD;EAAW;EAAK,WAAW,EAAG,6BAA6B,CAAS;EAAG,GAAI;EAA3E,UAAA,CACE,IAAW,kBAAC,QAAD;GAAM,eAAY;GAAQ;EAAe,CAAA,IAAI,kBAAC,GAAD;GAAe,eAAY;GAAO,QAAO;EAAQ,CAAA,GAC1G,kBAAC,QAAD;GAAM,WAAU;GAAgB,UAAA;EAAgB,CAAA,CAC3C;;AAER,CAAC,GAOY,IAAa,EAAyC,SAAoB,EAAE,cAAW,WAAQ,QAAQ,GAAG,KAAS,GAAK;CACpI,OAAO,kBAAC,OAAD;EAAU;EAAK,cAAY;EAAO,WAAW,EAAG,mBAAmB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACnG,CAAC,GAEY,IAAiB,EAA+D,SAAwB,EAAE,cAAW,GAAG,KAAS,GAAK;CAClJ,OAAO,kBAAC,MAAD;EAAS;EAAK,WAAW,EAAG,yBAAyB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACrF,CAAC,GAEY,IAAiB,EAA2D,SAAwB,EAAE,cAAW,GAAG,KAAS,GAAK;CAC9I,OAAO,kBAAC,MAAD;EAAS;EAAK,WAAW,EAAG,yBAAyB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACrF,CAAC,GAOY,IAAiB,EAAmD,SAChF,EAAE,aAAU,cAAW,aAAU,IAAO,cAAW,IAAO,SAAM,YAAS,aAAU,GAAG,KACtF,GACC;CACD,IAAM,IAAmB;EACxB,UAAU,MAAyC;GAClD,IAAI,GAAU;IACb,EAAM,eAAe;IACrB;GACD;GACA,IAAU,CAAK;EAChB;EACA,UAAU,IAAW,KAAK;CAC3B;CAEA,OACC,kBAAC,KAAD;EACC,GAAI;EACC;EACL,gBAAc,IAAU,SAAS,KAAA;EACjC,iBAAe,KAAY,KAAA;EAC3B,WAAW,EAAG,4BAA4B,CAAS;EACnD,gBAAc,IAAU,KAAK,KAAA;EAC7B,iBAAe,IAAW,KAAK,KAAA;EAC/B,MAAM,IAAW,KAAA,IAAY;EAC7B,MAAM,IAAW,SAAS,KAAA;EAC1B,GAAI;EAEH;CACC,CAAA;AAEL,CAAC,GAMY,IAAmB,EAAqD,SAA0B,EAAE,cAAW,aAAU,IAAO,UAAO,UAAU,GAAG,KAAS,GAAK;CAC9K,OAAO,kBAAC,UAAD;EAAa;EAAK,gBAAc,IAAU,SAAS,KAAA;EAAW,WAAW,EAAG,4BAA4B,CAAS;EAAG,gBAAc,IAAU,KAAK,KAAA;EAAiB;EAAM,GAAI;CAAQ,CAAA;AAC5L,CAAC,GAEY,IAAqB,EAAmD,SAA4B,EAAE,cAAc,IAAY,OAAO,aAAU,GAAG,KAAS,GAAK;CAC9K,OACC,kBAAC,GAAD;EAAqB;EAAK,cAAY;EAAW,GAAI;EACnD,UAAA,KAAY,kBAAC,GAAD;GAAe,eAAY;GAAO,QAAO;EAAQ,CAAA;CAC/C,CAAA;AAElB,CAAC,GAEY,IAAiB,EAAmD,SAAwB,EAAE,cAAc,IAAY,OAAO,aAAU,GAAG,KAAS,GAAK;CACtK,OACC,kBAAC,GAAD;EAAqB;EAAK,cAAY;EAAW,GAAI;EACnD,UAAA,KAAY,kBAAC,GAAD;GAAgB,eAAY;GAAO,QAAO;EAAQ,CAAA;CAChD,CAAA;AAElB,CAAC,GAEY,IAAqB,EAA6D,SAC9F,EAAE,cAAc,IAAY,QAAQ,aAAU,cAAW,GAAG,KAC5D,GACC;CACD,OACC,kBAAC,QAAD;EAAW;EAAK,WAAW,EAAG,6BAA6B,CAAS;EAAG,GAAI;EAA3E,UAAA,CACE,IAAW,kBAAC,QAAD;GAAM,eAAY;GAAQ;EAAe,CAAA,IAAI,kBAAC,GAAD;GAAe,eAAY;GAAO,QAAO;EAAQ,CAAA,GAC1G,kBAAC,QAAD;GAAM,WAAU;GAAgB,UAAA;EAAgB,CAAA,CAC3C;;AAER,CAAC"}

package/dist/components/navigation-data/command-palette.d.ts

@@ -0,0 +1,35 @@
+import { Combobox as BaseCombobox } from '@base-ui/react/combobox';
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { HTMLAttributes, ReactNode } from 'react';
+export interface CommandPaletteProps<Value> extends Omit<BaseCombobox.Root.Props<Value, false>, "autoComplete" | "children" | "defaultOpen" | "inline" | "modal" | "onOpenChange" | "open"> {
+    children: ReactNode;
+    defaultOpen?: boolean;
+    modal?: BaseDialog.Root.Props["modal"];
+    onOpenChange?: (open: boolean, eventDetails: CommandPaletteOpenChangeDetails) => void;
+    open?: boolean;
+}
+export type CommandPaletteOpenChangeDetails = BaseDialog.Root.ChangeEventDetails | BaseCombobox.Root.ChangeEventDetails;
+/**
+ * 用於指令介面的 Dialog 與行內 Combobox 組合。
+ * Linyao Design System 僅管理焦點與開啟狀態；指令資料、篩選及執行由使用端負責。
+ */
+export declare function CommandPalette<Value>({ children, defaultOpen, modal, onOpenChange, open, ...comboboxProps }: CommandPaletteProps<Value>): import("react").JSX.Element;
+export declare const CommandPaletteTrigger: import('react').ForwardRefExoticComponent<Omit<BaseDialog.Trigger.Props<unknown>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const CommandPalettePortal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CommandPaletteBackdrop: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CommandPaletteViewport: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogViewportProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CommandPalettePopup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CommandPaletteTitle: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
+export declare const CommandPaletteDescription: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
+export declare const CommandPaletteClose: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const CommandPaletteLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CommandPaletteInput: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export declare const CommandPaletteList: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CommandPaletteItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CommandPaletteItemIndicator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxItemIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+export declare const CommandPaletteGroup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CommandPaletteGroupLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteGroupLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CommandPaletteEmpty: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteEmptyProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CommandPaletteSeparator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxSeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CommandPaletteStatus: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteStatusProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const CommandPaletteShortcut: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import('react').RefAttributes<HTMLElement>>;

package/dist/components/navigation-data/command-palette.js

@@ -0,0 +1,151 @@
+import { cx as e, withBaseClass as t } from "./utils.js";
+import { forwardRef as n, useCallback as r, useImperativeHandle as i, useRef as a, useState as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { Combobox as c } from "@base-ui/react/combobox";
+import { Dialog as l } from "@base-ui/react/dialog";
+import { CheckIcon as u } from "@phosphor-icons/react/dist/csr/Check";
+//#region src/components/navigation-data/command-palette.tsx
+function d({ children: e, defaultOpen: t = !1, modal: n = !0, onOpenChange: i, open: a, ...u }) {
+	let [d, f] = o(t), p = a !== void 0, m = p ? a : d, h = r((e, t) => {
+		i?.(e, t), !t.isCanceled && (p || f(e));
+	}, [p, i]);
+	return /* @__PURE__ */ s(l.Root, {
+		modal: n,
+		open: m,
+		onOpenChange: h,
+		children: /* @__PURE__ */ s(c.Root, {
+			...u,
+			autoComplete: "none",
+			inline: !0,
+			open: m,
+			onOpenChange: (e, t) => {
+				e !== m && h(e, t);
+			},
+			children: e
+		})
+	});
+}
+var f = n(function(e, n) {
+	let { className: r, ...i } = e;
+	return /* @__PURE__ */ s(l.Trigger, {
+		ref: n,
+		className: t("lyds-command-palette__trigger", r),
+		...i
+	});
+}), p = l.Portal, m = n(function(e, n) {
+	let { className: r, ...i } = e;
+	return /* @__PURE__ */ s(l.Backdrop, {
+		ref: n,
+		className: t("lyds-command-palette__backdrop", r),
+		...i
+	});
+}), h = n(function(e, n) {
+	let { className: r, ...i } = e;
+	return /* @__PURE__ */ s(l.Viewport, {
+		ref: n,
+		className: t("lyds-command-palette__viewport", r),
+		...i
+	});
+}), g = n(function(e, n) {
+	let { className: r, initialFocus: o, ...c } = e, u = a(null);
+	return i(n, () => u.current), /* @__PURE__ */ s(l.Popup, {
+		ref: u,
+		className: t("lyds-command-palette__popup", r),
+		initialFocus: o ?? ((e) => e === "touch" ? !0 : u.current?.querySelector(".lyds-command-palette__input") ?? !0),
+		...c
+	});
+}), _ = n(function(e, n) {
+	let { className: r, ...i } = e;
+	return /* @__PURE__ */ s(l.Title, {
+		ref: n,
+		className: t("lyds-command-palette__title", r),
+		...i
+	});
+}), v = n(function(e, n) {
+	let { className: r, ...i } = e;
+	return /* @__PURE__ */ s(l.Description, {
+		ref: n,
+		className: t("lyds-command-palette__description", r),
+		...i
+	});
+}), y = n(function(e, n) {
+	let { className: r, children: i = "關閉", ...a } = e;
+	return /* @__PURE__ */ s(l.Close, {
+		ref: n,
+		className: t("lyds-command-palette__close", r),
+		...a,
+		children: i
+	});
+}), b = n(function(e, n) {
+	let { className: r, ...i } = e;
+	return /* @__PURE__ */ s(c.Label, {
+		ref: n,
+		className: t("lyds-command-palette__label", r),
+		...i
+	});
+}), x = n(function(e, n) {
+	let { className: r, placeholder: i = "輸入指令…", ...a } = e;
+	return /* @__PURE__ */ s(c.Input, {
+		ref: n,
+		className: t("lyds-command-palette__input", r),
+		placeholder: i,
+		...a
+	});
+}), S = n(function(e, n) {
+	let { className: r, ...i } = e;
+	return /* @__PURE__ */ s(c.List, {
+		ref: n,
+		className: t("lyds-command-palette__list", r),
+		...i
+	});
+}), C = n(function(e, n) {
+	let { className: r, ...i } = e;
+	return /* @__PURE__ */ s(c.Item, {
+		ref: n,
+		className: t("lyds-command-palette__item", r),
+		...i
+	});
+}), w = n(function(e, n) {
+	let { className: r, children: i, ...a } = e;
+	return /* @__PURE__ */ s(c.ItemIndicator, {
+		ref: n,
+		className: t("lyds-command-palette__indicator", r),
+		...a,
+		children: i ?? /* @__PURE__ */ s(u, {
+			"aria-hidden": "true",
+			weight: "bold"
+		})
+	});
+}), T = c.Group, E = n(function(e, n) {
+	let { className: r, ...i } = e;
+	return /* @__PURE__ */ s(c.GroupLabel, {
+		ref: n,
+		className: t("lyds-command-palette__group-label", r),
+		...i
+	});
+}), D = n(function(e, n) {
+	let { className: r, ...i } = e;
+	return /* @__PURE__ */ s(c.Empty, {
+		ref: n,
+		className: t("lyds-command-palette__empty", r),
+		...i
+	});
+}), O = n(function(e, n) {
+	let { className: r, ...i } = e;
+	return /* @__PURE__ */ s(c.Separator, {
+		ref: n,
+		className: t("lyds-command-palette__separator", r),
+		...i
+	});
+}), k = c.Status, A = n(function(t, n) {
+	let { className: r, ...i } = t;
+	return /* @__PURE__ */ s("kbd", {
+		ref: n,
+		className: e("lyds-command-palette__shortcut", r),
+		...i
+	});
+});
+//#endregion
+export { d as CommandPalette, m as CommandPaletteBackdrop, y as CommandPaletteClose, v as CommandPaletteDescription, D as CommandPaletteEmpty, T as CommandPaletteGroup, E as CommandPaletteGroupLabel, x as CommandPaletteInput, C as CommandPaletteItem, w as CommandPaletteItemIndicator, b as CommandPaletteLabel, S as CommandPaletteList, g as CommandPalettePopup, p as CommandPalettePortal, O as CommandPaletteSeparator, A as CommandPaletteShortcut, k as CommandPaletteStatus, _ as CommandPaletteTitle, f as CommandPaletteTrigger, h as CommandPaletteViewport };
+
+//# sourceMappingURL=command-palette.js.map

package/dist/components/navigation-data/command-palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette.js","names":[],"sources":["../../../src/components/navigation-data/command-palette.tsx"],"sourcesContent":["import { Combobox as BaseCombobox } from \"@base-ui/react/combobox\";\nimport { Dialog as BaseDialog } from \"@base-ui/react/dialog\";\nimport { CheckIcon } from \"@phosphor-icons/react/dist/csr/Check\";\nimport { forwardRef, useCallback, useImperativeHandle, useRef, useState, type ComponentRef, type HTMLAttributes, type ReactNode } from \"react\";\n\nimport { cx, withBaseClass } from \"./utils.js\";\n\nexport interface CommandPaletteProps<Value> extends Omit<BaseCombobox.Root.Props<Value, false>, \"autoComplete\" | \"children\" | \"defaultOpen\" | \"inline\" | \"modal\" | \"onOpenChange\" | \"open\"> {\n\tchildren: ReactNode;\n\tdefaultOpen?: boolean;\n\tmodal?: BaseDialog.Root.Props[\"modal\"];\n\tonOpenChange?: (open: boolean, eventDetails: CommandPaletteOpenChangeDetails) => void;\n\topen?: boolean;\n}\n\nexport type CommandPaletteOpenChangeDetails = BaseDialog.Root.ChangeEventDetails | BaseCombobox.Root.ChangeEventDetails;\n\n/**\n * 用於指令介面的 Dialog 與行內 Combobox 組合。\n * Linyao Design System 僅管理焦點與開啟狀態；指令資料、篩選及執行由使用端負責。\n */\nexport function CommandPalette<Value>({ children, defaultOpen = false, modal = true, onOpenChange, open, ...comboboxProps }: CommandPaletteProps<Value>) {\n\tconst [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n\tconst isControlled = open !== undefined;\n\tconst resolvedOpen = isControlled ? open : uncontrolledOpen;\n\tconst changeOpen = useCallback(\n\t\t(nextOpen: boolean, eventDetails: CommandPaletteOpenChangeDetails) => {\n\t\t\tonOpenChange?.(nextOpen, eventDetails);\n\t\t\tif (eventDetails.isCanceled) return;\n\t\t\tif (!isControlled) {\n\t\t\t\tsetUncontrolledOpen(nextOpen);\n\t\t\t}\n\t\t},\n\t\t[isControlled, onOpenChange]\n\t);\n\n\treturn (\n\t\t<BaseDialog.Root modal={modal} open={resolvedOpen} onOpenChange={changeOpen}>\n\t\t\t<BaseCombobox.Root\n\t\t\t\t{...comboboxProps}\n\t\t\t\tautoComplete=\"none\"\n\t\t\t\tinline\n\t\t\t\topen={resolvedOpen}\n\t\t\t\tonOpenChange={(nextOpen, eventDetails) => {\n\t\t\t\t\tif (nextOpen !== resolvedOpen) {\n\t\t\t\t\t\tchangeOpen(nextOpen, eventDetails);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</BaseCombobox.Root>\n\t\t</BaseDialog.Root>\n\t);\n}\n\nexport const CommandPaletteTrigger = forwardRef<HTMLButtonElement, BaseDialog.Trigger.Props>(function CommandPaletteTrigger(props, ref) {\n\tconst { className, ...triggerProps } = props;\n\treturn <BaseDialog.Trigger ref={ref} className={withBaseClass<BaseDialog.Trigger.State>(\"lyds-command-palette__trigger\", className)} {...triggerProps} />;\n});\n\nexport const CommandPalettePortal = BaseDialog.Portal;\n\nexport const CommandPaletteBackdrop = forwardRef<ComponentRef<typeof BaseDialog.Backdrop>, BaseDialog.Backdrop.Props>(function CommandPaletteBackdrop(props, ref) {\n\tconst { className, ...backdropProps } = props;\n\treturn <BaseDialog.Backdrop ref={ref} className={withBaseClass<BaseDialog.Backdrop.State>(\"lyds-command-palette__backdrop\", className)} {...backdropProps} />;\n});\n\nexport const CommandPaletteViewport = forwardRef<ComponentRef<typeof BaseDialog.Viewport>, BaseDialog.Viewport.Props>(function CommandPaletteViewport(props, ref) {\n\tconst { className, ...viewportProps } = props;\n\treturn <BaseDialog.Viewport ref={ref} className={withBaseClass<BaseDialog.Viewport.State>(\"lyds-command-palette__viewport\", className)} {...viewportProps} />;\n});\n\nexport const CommandPalettePopup = forwardRef<ComponentRef<typeof BaseDialog.Popup>, BaseDialog.Popup.Props>(function CommandPalettePopup(props, ref) {\n\tconst { className, initialFocus, ...popupProps } = props;\n\tconst popupRef = useRef<ComponentRef<typeof BaseDialog.Popup>>(null);\n\tuseImperativeHandle(ref, () => popupRef.current as ComponentRef<typeof BaseDialog.Popup>);\n\n\treturn (\n\t\t<BaseDialog.Popup\n\t\t\tref={popupRef}\n\t\t\tclassName={withBaseClass<BaseDialog.Popup.State>(\"lyds-command-palette__popup\", className)}\n\t\t\tinitialFocus={\n\t\t\t\tinitialFocus ??\n\t\t\t\t(openType => {\n\t\t\t\t\tif (openType === \"touch\") return true;\n\t\t\t\t\treturn popupRef.current?.querySelector<HTMLElement>(\".lyds-command-palette__input\") ?? true;\n\t\t\t\t})\n\t\t\t}\n\t\t\t{...popupProps}\n\t\t/>\n\t);\n});\n\nexport const CommandPaletteTitle = forwardRef<ComponentRef<typeof BaseDialog.Title>, BaseDialog.Title.Props>(function CommandPaletteTitle(props, ref) {\n\tconst { className, ...titleProps } = props;\n\treturn <BaseDialog.Title ref={ref} className={withBaseClass<BaseDialog.Title.State>(\"lyds-command-palette__title\", className)} {...titleProps} />;\n});\n\nexport const CommandPaletteDescription = forwardRef<ComponentRef<typeof BaseDialog.Description>, BaseDialog.Description.Props>(function CommandPaletteDescription(props, ref) {\n\tconst { className, ...descriptionProps } = props;\n\treturn <BaseDialog.Description ref={ref} className={withBaseClass<BaseDialog.Description.State>(\"lyds-command-palette__description\", className)} {...descriptionProps} />;\n});\n\nexport const CommandPaletteClose = forwardRef<ComponentRef<typeof BaseDialog.Close>, BaseDialog.Close.Props>(function CommandPaletteClose(props, ref) {\n\tconst { className, children = \"關閉\", ...closeProps } = props;\n\treturn (\n\t\t<BaseDialog.Close ref={ref} className={withBaseClass<BaseDialog.Close.State>(\"lyds-command-palette__close\", className)} {...closeProps}>\n\t\t\t{children}\n\t\t</BaseDialog.Close>\n\t);\n});\n\nexport const CommandPaletteLabel = forwardRef<ComponentRef<typeof BaseCombobox.Label>, BaseCombobox.Label.Props>(function CommandPaletteLabel(props, ref) {\n\tconst { className, ...labelProps } = props;\n\treturn <BaseCombobox.Label ref={ref} className={withBaseClass<BaseCombobox.Label.State>(\"lyds-command-palette__label\", className)} {...labelProps} />;\n});\n\nexport const CommandPaletteInput = forwardRef<ComponentRef<typeof BaseCombobox.Input>, BaseCombobox.Input.Props>(function CommandPaletteInput(props, ref) {\n\tconst { className, placeholder = \"輸入指令…\", ...inputProps } = props;\n\treturn <BaseCombobox.Input ref={ref} className={withBaseClass<BaseCombobox.Input.State>(\"lyds-command-palette__input\", className)} placeholder={placeholder} {...inputProps} />;\n});\n\nexport const CommandPaletteList = forwardRef<ComponentRef<typeof BaseCombobox.List>, BaseCombobox.List.Props>(function CommandPaletteList(props, ref) {\n\tconst { className, ...listProps } = props;\n\treturn <BaseCombobox.List ref={ref} className={withBaseClass<BaseCombobox.List.State>(\"lyds-command-palette__list\", className)} {...listProps} />;\n});\n\nexport const CommandPaletteItem = forwardRef<ComponentRef<typeof BaseCombobox.Item>, BaseCombobox.Item.Props>(function CommandPaletteItem(props, ref) {\n\tconst { className, ...itemProps } = props;\n\treturn <BaseCombobox.Item ref={ref} className={withBaseClass<BaseCombobox.Item.State>(\"lyds-command-palette__item\", className)} {...itemProps} />;\n});\n\nexport const CommandPaletteItemIndicator = forwardRef<ComponentRef<typeof BaseCombobox.ItemIndicator>, BaseCombobox.ItemIndicator.Props>(function CommandPaletteItemIndicator(props, ref) {\n\tconst { className, children, ...indicatorProps } = props;\n\treturn (\n\t\t<BaseCombobox.ItemIndicator ref={ref} className={withBaseClass<BaseCombobox.ItemIndicator.State>(\"lyds-command-palette__indicator\", className)} {...indicatorProps}>\n\t\t\t{children ?? <CheckIcon aria-hidden=\"true\" weight=\"bold\" />}\n\t\t</BaseCombobox.ItemIndicator>\n\t);\n});\n\nexport const CommandPaletteGroup = BaseCombobox.Group;\n\nexport const CommandPaletteGroupLabel = forwardRef<ComponentRef<typeof BaseCombobox.GroupLabel>, BaseCombobox.GroupLabel.Props>(function CommandPaletteGroupLabel(props, ref) {\n\tconst { className, ...labelProps } = props;\n\treturn <BaseCombobox.GroupLabel ref={ref} className={withBaseClass<BaseCombobox.GroupLabel.State>(\"lyds-command-palette__group-label\", className)} {...labelProps} />;\n});\n\nexport const CommandPaletteEmpty = forwardRef<ComponentRef<typeof BaseCombobox.Empty>, BaseCombobox.Empty.Props>(function CommandPaletteEmpty(props, ref) {\n\tconst { className, ...emptyProps } = props;\n\treturn <BaseCombobox.Empty ref={ref} className={withBaseClass<BaseCombobox.Empty.State>(\"lyds-command-palette__empty\", className)} {...emptyProps} />;\n});\n\nexport const CommandPaletteSeparator = forwardRef<ComponentRef<typeof BaseCombobox.Separator>, BaseCombobox.Separator.Props>(function CommandPaletteSeparator(props, ref) {\n\tconst { className, ...separatorProps } = props;\n\treturn <BaseCombobox.Separator ref={ref} className={withBaseClass<BaseCombobox.Separator.State>(\"lyds-command-palette__separator\", className)} {...separatorProps} />;\n});\n\nexport const CommandPaletteStatus = BaseCombobox.Status;\n\nexport const CommandPaletteShortcut = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(function CommandPaletteShortcut(props, ref) {\n\tconst { className, ...shortcutProps } = props;\n\treturn <kbd ref={ref} className={cx(\"lyds-command-palette__shortcut\", className)} {...shortcutProps} />;\n});\n"],"mappings":"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"}

package/dist/components/navigation-data/header-tab-bar.d.ts

@@ -0,0 +1,23 @@
+import { AnchorHTMLAttributes, HTMLAttributes, LiHTMLAttributes } from 'react';
+export declare const Header: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import('react').RefAttributes<HTMLElement>>;
+export declare const HeaderRail: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const HeaderBrand: import('react').ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & import('react').RefAttributes<HTMLAnchorElement>>;
+export interface HeaderNavProps extends HTMLAttributes<HTMLElement> {
+    label?: string;
+}
+export declare const HeaderNav: import('react').ForwardRefExoticComponent<HeaderNavProps & import('react').RefAttributes<HTMLElement>>;
+export declare const HeaderActions: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const HeaderStatus: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
+export interface TabBarProps extends HTMLAttributes<HTMLElement> {
+    label?: string;
+}
+export declare const TabBar: import('react').ForwardRefExoticComponent<TabBarProps & import('react').RefAttributes<HTMLElement>>;
+export declare const TabBarList: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & import('react').RefAttributes<HTMLUListElement>>;
+export declare const TabBarItem: import('react').ForwardRefExoticComponent<LiHTMLAttributes<HTMLLIElement> & import('react').RefAttributes<HTMLLIElement>>;
+export interface TabBarLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    selected?: boolean;
+    disabled?: boolean;
+}
+export declare const TabBarLink: import('react').ForwardRefExoticComponent<TabBarLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export declare const TabBarIcon: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
+export declare const TabBarLabel: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;

package/dist/components/navigation-data/header-tab-bar.js

@@ -0,0 +1,102 @@
+import { cx as e } from "./utils.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/navigation-data/header-tab-bar.tsx
+var r = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("header", {
+		ref: i,
+		className: e("lyds-header", t),
+		...r
+	});
+}), i = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("div", {
+		ref: i,
+		className: e("lyds-header__rail", t),
+		...r
+	});
+}), a = t(function({ children: t, className: r, ...i }, a) {
+	return /* @__PURE__ */ n("a", {
+		ref: a,
+		className: e("lyds-header__brand", r),
+		...i,
+		children: t
+	});
+}), o = t(function({ className: t, label: r = "主要導覽", ...i }, a) {
+	return /* @__PURE__ */ n("nav", {
+		ref: a,
+		"aria-label": r,
+		className: e("lyds-header__nav", t),
+		...i
+	});
+}), s = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("div", {
+		ref: i,
+		className: e("lyds-header__actions", t),
+		...r
+	});
+}), c = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("div", {
+		ref: i,
+		className: e("lyds-header__status", t),
+		...r
+	});
+}), l = t(function({ className: t, label: r = "應用程式區段", ...i }, a) {
+	return /* @__PURE__ */ n("nav", {
+		ref: a,
+		"aria-label": r,
+		className: e("lyds-tab-bar", t),
+		...i
+	});
+}), u = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("ul", {
+		ref: i,
+		className: e("lyds-tab-bar__list", t),
+		...r
+	});
+}), d = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("li", {
+		ref: i,
+		className: e("lyds-tab-bar__item", t),
+		...r
+	});
+}), f = t(function({ children: t, className: r, selected: i = !1, disabled: a = !1, href: o, onClick: s, tabIndex: c, ...l }, u) {
+	let d = {
+		onClick: (e) => {
+			if (a) {
+				e.preventDefault();
+				return;
+			}
+			s?.(e);
+		},
+		tabIndex: a ? -1 : c
+	};
+	return /* @__PURE__ */ n("a", {
+		...l,
+		ref: u,
+		"aria-current": i ? "page" : void 0,
+		"aria-disabled": a || void 0,
+		className: e("lyds-tab-bar__link", r),
+		"data-disabled": a ? "" : void 0,
+		"data-selected": i ? "" : void 0,
+		href: a ? void 0 : o,
+		...d,
+		children: t
+	});
+}), p = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("span", {
+		ref: i,
+		"aria-hidden": "true",
+		className: e("lyds-tab-bar__icon", t),
+		...r
+	});
+}), m = t(function({ className: t, ...r }, i) {
+	return /* @__PURE__ */ n("span", {
+		ref: i,
+		className: e("lyds-tab-bar__label", t),
+		...r
+	});
+});
+//#endregion
+export { r as Header, s as HeaderActions, a as HeaderBrand, o as HeaderNav, i as HeaderRail, c as HeaderStatus, l as TabBar, p as TabBarIcon, d as TabBarItem, m as TabBarLabel, f as TabBarLink, u as TabBarList };
+
+//# sourceMappingURL=header-tab-bar.js.map

package/dist/components/navigation-data/header-tab-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-tab-bar.js","names":[],"sources":["../../../src/components/navigation-data/header-tab-bar.tsx"],"sourcesContent":["import { forwardRef, type AnchorHTMLAttributes, type HTMLAttributes, type LiHTMLAttributes, type MouseEvent } from \"react\";\n\nimport { cx } from \"./utils.js\";\n\nexport const Header = forwardRef<HTMLElement, HTMLAttributes<HTMLElement>>(function Header({ className, ...props }, ref) {\n\treturn <header ref={ref} className={cx(\"lyds-header\", className)} {...props} />;\n});\n\nexport const HeaderRail = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function HeaderRail({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-header__rail\", className)} {...props} />;\n});\n\nexport const HeaderBrand = forwardRef<HTMLAnchorElement, AnchorHTMLAttributes<HTMLAnchorElement>>(function HeaderBrand({ children, className, ...props }, ref) {\n\treturn (\n\t\t<a ref={ref} className={cx(\"lyds-header__brand\", className)} {...props}>\n\t\t\t{children}\n\t\t</a>\n\t);\n});\n\nexport interface HeaderNavProps extends HTMLAttributes<HTMLElement> {\n\tlabel?: string;\n}\n\nexport const HeaderNav = forwardRef<HTMLElement, HeaderNavProps>(function HeaderNav({ className, label = \"主要導覽\", ...props }, ref) {\n\treturn <nav ref={ref} aria-label={label} className={cx(\"lyds-header__nav\", className)} {...props} />;\n});\n\nexport const HeaderActions = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function HeaderActions({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-header__actions\", className)} {...props} />;\n});\n\nexport const HeaderStatus = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(function HeaderStatus({ className, ...props }, ref) {\n\treturn <div ref={ref} className={cx(\"lyds-header__status\", className)} {...props} />;\n});\n\nexport interface TabBarProps extends HTMLAttributes<HTMLElement> {\n\tlabel?: string;\n}\n\nexport const TabBar = forwardRef<HTMLElement, TabBarProps>(function TabBar({ className, label = \"應用程式區段\", ...props }, ref) {\n\treturn <nav ref={ref} aria-label={label} className={cx(\"lyds-tab-bar\", className)} {...props} />;\n});\n\nexport const TabBarList = forwardRef<HTMLUListElement, HTMLAttributes<HTMLUListElement>>(function TabBarList({ className, ...props }, ref) {\n\treturn <ul ref={ref} className={cx(\"lyds-tab-bar__list\", className)} {...props} />;\n});\n\nexport const TabBarItem = forwardRef<HTMLLIElement, LiHTMLAttributes<HTMLLIElement>>(function TabBarItem({ className, ...props }, ref) {\n\treturn <li ref={ref} className={cx(\"lyds-tab-bar__item\", className)} {...props} />;\n});\n\nexport interface TabBarLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n\tselected?: boolean;\n\tdisabled?: boolean;\n}\n\nexport const TabBarLink = forwardRef<HTMLAnchorElement, TabBarLinkProps>(function TabBarLink({ children, className, selected = false, disabled = false, href, onClick, tabIndex, ...props }, ref) {\n\tconst interactionProps = {\n\t\tonClick: (event: MouseEvent<HTMLAnchorElement>) => {\n\t\t\tif (disabled) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonClick?.(event);\n\t\t},\n\t\ttabIndex: disabled ? -1 : tabIndex\n\t};\n\n\treturn (\n\t\t<a\n\t\t\t{...props}\n\t\t\tref={ref}\n\t\t\taria-current={selected ? \"page\" : undefined}\n\t\t\taria-disabled={disabled || undefined}\n\t\t\tclassName={cx(\"lyds-tab-bar__link\", className)}\n\t\t\tdata-disabled={disabled ? \"\" : undefined}\n\t\t\tdata-selected={selected ? \"\" : undefined}\n\t\t\thref={disabled ? undefined : href}\n\t\t\t{...interactionProps}\n\t\t>\n\t\t\t{children}\n\t\t</a>\n\t);\n});\n\nexport const TabBarIcon = forwardRef<HTMLSpanElement, HTMLAttributes<HTMLSpanElement>>(function TabBarIcon({ className, ...props }, ref) {\n\treturn <span ref={ref} aria-hidden=\"true\" className={cx(\"lyds-tab-bar__icon\", className)} {...props} />;\n});\n\nexport const TabBarLabel = forwardRef<HTMLSpanElement, HTMLAttributes<HTMLSpanElement>>(function TabBarLabel({ className, ...props }, ref) {\n\treturn <span ref={ref} className={cx(\"lyds-tab-bar__label\", className)} {...props} />;\n});\n"],"mappings":";;;;AAIA,IAAa,IAAS,EAAqD,SAAgB,EAAE,cAAW,GAAG,KAAS,GAAK;CACxH,OAAO,kBAAC,UAAD;EAAa;EAAK,WAAW,EAAG,eAAe,CAAS;EAAG,GAAI;CAAQ,CAAA;AAC/E,CAAC,GAEY,IAAa,EAA2D,SAAoB,EAAE,cAAW,GAAG,KAAS,GAAK;CACtI,OAAO,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,qBAAqB,CAAS;EAAG,GAAI;CAAQ,CAAA;AAClF,CAAC,GAEY,IAAc,EAAuE,SAAqB,EAAE,aAAU,cAAW,GAAG,KAAS,GAAK;CAC9J,OACC,kBAAC,KAAD;EAAQ;EAAK,WAAW,EAAG,sBAAsB,CAAS;EAAG,GAAI;EAC/D;CACC,CAAA;AAEL,CAAC,GAMY,IAAY,EAAwC,SAAmB,EAAE,cAAW,WAAQ,QAAQ,GAAG,KAAS,GAAK;CACjI,OAAO,kBAAC,OAAD;EAAU;EAAK,cAAY;EAAO,WAAW,EAAG,oBAAoB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACpG,CAAC,GAEY,IAAgB,EAA2D,SAAuB,EAAE,cAAW,GAAG,KAAS,GAAK;CAC5I,OAAO,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,wBAAwB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACrF,CAAC,GAEY,IAAe,EAA2D,SAAsB,EAAE,cAAW,GAAG,KAAS,GAAK;CAC1I,OAAO,kBAAC,OAAD;EAAU;EAAK,WAAW,EAAG,uBAAuB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACpF,CAAC,GAMY,IAAS,EAAqC,SAAgB,EAAE,cAAW,WAAQ,UAAU,GAAG,KAAS,GAAK;CAC1H,OAAO,kBAAC,OAAD;EAAU;EAAK,cAAY;EAAO,WAAW,EAAG,gBAAgB,CAAS;EAAG,GAAI;CAAQ,CAAA;AAChG,CAAC,GAEY,IAAa,EAA+D,SAAoB,EAAE,cAAW,GAAG,KAAS,GAAK;CAC1I,OAAO,kBAAC,MAAD;EAAS;EAAK,WAAW,EAAG,sBAAsB,CAAS;EAAG,GAAI;CAAQ,CAAA;AAClF,CAAC,GAEY,IAAa,EAA2D,SAAoB,EAAE,cAAW,GAAG,KAAS,GAAK;CACtI,OAAO,kBAAC,MAAD;EAAS;EAAK,WAAW,EAAG,sBAAsB,CAAS;EAAG,GAAI;CAAQ,CAAA;AAClF,CAAC,GAOY,IAAa,EAA+C,SAAoB,EAAE,aAAU,cAAW,cAAW,IAAO,cAAW,IAAO,SAAM,YAAS,aAAU,GAAG,KAAS,GAAK;CACjM,IAAM,IAAmB;EACxB,UAAU,MAAyC;GAClD,IAAI,GAAU;IACb,EAAM,eAAe;IACrB;GACD;GACA,IAAU,CAAK;EAChB;EACA,UAAU,IAAW,KAAK;CAC3B;CAEA,OACC,kBAAC,KAAD;EACC,GAAI;EACC;EACL,gBAAc,IAAW,SAAS,KAAA;EAClC,iBAAe,KAAY,KAAA;EAC3B,WAAW,EAAG,sBAAsB,CAAS;EAC7C,iBAAe,IAAW,KAAK,KAAA;EAC/B,iBAAe,IAAW,KAAK,KAAA;EAC/B,MAAM,IAAW,KAAA,IAAY;EAC7B,GAAI;EAEH;CACC,CAAA;AAEL,CAAC,GAEY,IAAa,EAA6D,SAAoB,EAAE,cAAW,GAAG,KAAS,GAAK;CACxI,OAAO,kBAAC,QAAD;EAAW;EAAK,eAAY;EAAO,WAAW,EAAG,sBAAsB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACvG,CAAC,GAEY,IAAc,EAA6D,SAAqB,EAAE,cAAW,GAAG,KAAS,GAAK;CAC1I,OAAO,kBAAC,QAAD;EAAW;EAAK,WAAW,EAAG,uBAAuB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACrF,CAAC"}

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

@@ -0,0 +1,7 @@
+export * from './breadcrumb-pagination.js';
+export * from './command-palette.js';
+export * from './header-tab-bar.js';
+export * from './menubar-toolbar.js';
+export * from './navigation-menu.js';
+export * from './scroll-area.js';
+export * from './table-collection.js';

package/dist/components/navigation-data/menubar-toolbar.d.ts

@@ -0,0 +1,26 @@
+import { Menu as BaseMenu } from '@base-ui/react/menu';
+import { ReactElement, RefAttributes } from 'react';
+export declare const Menubar: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').MenubarProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare function MenubarMenu<Payload = unknown>(props: BaseMenu.Root.Props<Payload>): import("react").JSX.Element;
+export declare const MenubarTrigger: <Payload = unknown>(props: BaseMenu.Trigger.Props<Payload> & RefAttributes<HTMLButtonElement>) => ReactElement;
+export declare const MenubarPortal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPortalProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const MenubarPositioner: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPositionerProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const MenubarPopup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuPopupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const MenubarItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuItemProps, "ref"> & RefAttributes<HTMLElement>>;
+export declare const MenubarLinkItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuLinkItemProps, "ref"> & RefAttributes<Element>>;
+export declare const MenubarCheckboxItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuCheckboxItemProps, "ref"> & RefAttributes<HTMLElement>>;
+export declare const MenubarCheckboxItemIndicator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuCheckboxItemIndicatorProps, "ref"> & RefAttributes<HTMLSpanElement>>;
+export declare const MenubarRadioGroup: import('react').NamedExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioGroupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const MenubarRadioItem: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioItemProps, "ref"> & RefAttributes<HTMLElement>>;
+export declare const MenubarRadioItemIndicator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuRadioItemIndicatorProps, "ref"> & RefAttributes<HTMLSpanElement>>;
+export declare const MenubarGroup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const MenubarGroupLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuGroupLabelProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const MenubarSeparator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SeparatorProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const MenubarSubmenu: typeof BaseMenu.SubmenuRoot;
+export declare const MenubarSubmenuTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ContextMenuSubmenuTriggerProps, "ref"> & RefAttributes<HTMLElement>>;
+export declare const Toolbar: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ToolbarRootProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const ToolbarGroup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ToolbarGroupProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const ToolbarButton: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ToolbarButtonProps, "ref"> & RefAttributes<HTMLButtonElement>>;
+export declare const ToolbarLink: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ToolbarLinkProps, "ref"> & RefAttributes<HTMLAnchorElement>>;
+export declare const ToolbarInput: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ToolbarInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
+export declare const ToolbarSeparator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ToolbarSeparatorProps, "ref"> & RefAttributes<HTMLDivElement>>;