@linyao.tw/ui 1.0.0 → 1.2.0

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

@@ -1 +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":"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"}
+{"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 \"@/internal\";\nimport { useMessages } from \"@/intl\";\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\tconst messages = useMessages();\n\treturn <nav ref={ref} aria-label={label ?? messages.breadcrumbLabel} 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({ \"aria-label\": ariaLabel, className, children, ...props }, ref) {\n\tconst messages = useMessages();\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 ?? messages.breadcrumbMore}</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\tconst messages = useMessages();\n\treturn <nav ref={ref} aria-label={label ?? messages.paginationLabel} 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\tconst messages = useMessages();\n\n\treturn (\n\t\t<PaginationLink ref={ref} aria-label={ariaLabel ?? messages.paginationPrevious} {...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\tconst messages = useMessages();\n\n\treturn (\n\t\t<PaginationLink ref={ref} aria-label={ariaLabel ?? messages.paginationNext} {...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({ \"aria-label\": ariaLabel, children, className, ...props }, ref) {\n\tconst messages = useMessages();\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 ?? messages.paginationMore}</span>\n\t\t</span>\n\t);\n});\n"],"mappings":"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"}

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

@@ -33,3 +33,29 @@ export declare const CommandPaletteEmpty: import('react').ForwardRefExoticCompon
 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>>;
+/**
+ * Every component built on a context root also exposes its parts as a namespace, so composing one
+ * reads the same way as composing a Dialog or a Select.
+ */
+export declare const CommandPaletteNamespace: typeof CommandPalette & {
+    Backdrop: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogBackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Close: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogCloseProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Description: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogDescriptionProps, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
+    Empty: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteEmptyProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Group: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteGroupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    GroupLabel: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteGroupLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Input: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+    Item: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    ItemIndicator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxItemIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    Label: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxLabelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    List: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Popup: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPopupProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Portal: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogPortalProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Root: typeof CommandPalette;
+    Separator: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').ComboboxSeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Shortcut: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import('react').RefAttributes<HTMLElement>>;
+    Status: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AutocompleteStatusProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Title: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogTitleProps, "ref"> & import('react').RefAttributes<HTMLHeadingElement>>;
+    Trigger: import('react').ForwardRefExoticComponent<Omit<BaseDialog.Trigger.Props<unknown>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Viewport: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').AlertDialogViewportProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};

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

@@ -1,151 +1,180 @@
-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";
+"use client";
+import { cx as e, withStateClassName as t } from "../../internal/class-names.js";
+import { useMessages as n } from "../../intl/provider.js";
+import { createContext as r, forwardRef as i, useCallback as a, useContext as o, useRef as s, useState as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { Combobox as u } from "@base-ui/react/combobox";
+import { Dialog as d } from "@base-ui/react/dialog";
+import { CheckIcon as f } 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 p = r(null);
+function m({ children: e, defaultOpen: t = !1, modal: n = !0, onOpenChange: r, open: i, ...o }) {
+	let [f, m] = c(t), h = i !== void 0, g = h ? i : f, _ = a((e, t) => {
+		r?.(e, t), !t.isCanceled && (h || m(e));
+	}, [h, r]), v = s(null);
+	return /* @__PURE__ */ l(p, {
+		value: v,
+		children: /* @__PURE__ */ l(d.Root, {
+			modal: n,
+			open: g,
+			onOpenChange: _,
+			children: /* @__PURE__ */ l(u.Root, {
+				...o,
+				autoComplete: "none",
+				inline: !0,
+				open: g,
+				onOpenChange: (e, t) => {
+					e !== g && _(e, t);
+				},
+				children: e
+			})
 		})
 	});
 }
-var f = n(function(e, n) {
+var h = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(l.Trigger, {
+	return /* @__PURE__ */ l(d.Trigger, {
 		ref: n,
 		className: t("lyds-command-palette__trigger", r),
 		...i
 	});
-}), p = l.Portal, m = n(function(e, n) {
+}), g = d.Portal, _ = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(l.Backdrop, {
+	return /* @__PURE__ */ l(d.Backdrop, {
 		ref: n,
 		className: t("lyds-command-palette__backdrop", r),
 		...i
 	});
-}), h = n(function(e, n) {
+}), v = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(l.Viewport, {
+	return /* @__PURE__ */ l(d.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,
+}), y = i(function(e, n) {
+	let { className: r, initialFocus: i, ...s } = e, c = o(p), u = a((e) => e === "touch" ? !0 : c?.current ?? !0, [c]);
+	return /* @__PURE__ */ l(d.Popup, {
+		ref: n,
 		className: t("lyds-command-palette__popup", r),
-		initialFocus: o ?? ((e) => e === "touch" ? !0 : u.current?.querySelector(".lyds-command-palette__input") ?? !0),
-		...c
+		initialFocus: i ?? u,
+		...s
 	});
-}), _ = n(function(e, n) {
+}), b = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(l.Title, {
+	return /* @__PURE__ */ l(d.Title, {
 		ref: n,
 		className: t("lyds-command-palette__title", r),
 		...i
 	});
-}), v = n(function(e, n) {
+}), x = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(l.Description, {
+	return /* @__PURE__ */ l(d.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
+}), S = i(function(e, r) {
+	let i = n(), { className: a, children: o = i.commandPaletteClose, ...s } = e;
+	return /* @__PURE__ */ l(d.Close, {
+		ref: r,
+		className: t("lyds-command-palette__close", a),
+		...s,
+		children: o
 	});
-}), b = n(function(e, n) {
+}), C = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(c.Label, {
+	return /* @__PURE__ */ l(u.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) {
+}), w = i(function(e, r) {
+	let i = n(), s = o(p), { className: c, placeholder: d = i.commandPalettePlaceholder, ...f } = e, m = a((e) => {
+		s && (s.current = e), typeof r == "function" ? r(e) : r && (r.current = e);
+	}, [s, r]);
+	return /* @__PURE__ */ l(u.Input, {
+		ref: m,
+		className: t("lyds-command-palette__input", c),
+		placeholder: d,
+		...f
+	});
+}), T = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(c.List, {
+	return /* @__PURE__ */ l(u.List, {
 		ref: n,
 		className: t("lyds-command-palette__list", r),
 		...i
 	});
-}), C = n(function(e, n) {
+}), E = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(c.Item, {
+	return /* @__PURE__ */ l(u.Item, {
 		ref: n,
 		className: t("lyds-command-palette__item", r),
 		...i
 	});
-}), w = n(function(e, n) {
+}), D = i(function(e, n) {
 	let { className: r, children: i, ...a } = e;
-	return /* @__PURE__ */ s(c.ItemIndicator, {
+	return /* @__PURE__ */ l(u.ItemIndicator, {
 		ref: n,
 		className: t("lyds-command-palette__indicator", r),
 		...a,
-		children: i ?? /* @__PURE__ */ s(u, {
+		children: i ?? /* @__PURE__ */ l(f, {
 			"aria-hidden": "true",
 			weight: "bold"
 		})
 	});
-}), T = c.Group, E = n(function(e, n) {
+}), O = u.Group, k = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(c.GroupLabel, {
+	return /* @__PURE__ */ l(u.GroupLabel, {
 		ref: n,
 		className: t("lyds-command-palette__group-label", r),
 		...i
 	});
-}), D = n(function(e, n) {
+}), A = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(c.Empty, {
+	return /* @__PURE__ */ l(u.Empty, {
 		ref: n,
 		className: t("lyds-command-palette__empty", r),
 		...i
 	});
-}), O = n(function(e, n) {
+}), j = i(function(e, n) {
 	let { className: r, ...i } = e;
-	return /* @__PURE__ */ s(c.Separator, {
+	return /* @__PURE__ */ l(u.Separator, {
 		ref: n,
 		className: t("lyds-command-palette__separator", r),
 		...i
 	});
-}), k = c.Status, A = n(function(t, n) {
+}), M = u.Status, N = i(function(t, n) {
 	let { className: r, ...i } = t;
-	return /* @__PURE__ */ s("kbd", {
+	return /* @__PURE__ */ l("kbd", {
 		ref: n,
 		className: e("lyds-command-palette__shortcut", r),
 		...i
 	});
+}), P = Object.assign(m, {
+	Backdrop: _,
+	Close: S,
+	Description: x,
+	Empty: A,
+	Group: O,
+	GroupLabel: k,
+	Input: w,
+	Item: E,
+	ItemIndicator: D,
+	Label: C,
+	List: T,
+	Popup: y,
+	Portal: g,
+	Root: m,
+	Separator: j,
+	Shortcut: N,
+	Status: M,
+	Title: b,
+	Trigger: h,
+	Viewport: v
 });
 //#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 };
+export { m as CommandPalette, _ as CommandPaletteBackdrop, S as CommandPaletteClose, x as CommandPaletteDescription, A as CommandPaletteEmpty, O as CommandPaletteGroup, k as CommandPaletteGroupLabel, w as CommandPaletteInput, E as CommandPaletteItem, D as CommandPaletteItemIndicator, C as CommandPaletteLabel, T as CommandPaletteList, P as CommandPaletteNamespace, y as CommandPalettePopup, g as CommandPalettePortal, j as CommandPaletteSeparator, N as CommandPaletteShortcut, M as CommandPaletteStatus, b as CommandPaletteTitle, h as CommandPaletteTrigger, v as CommandPaletteViewport };
 
 //# sourceMappingURL=command-palette.js.map

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

@@ -1 +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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"}
+{"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 { createContext, forwardRef, useCallback, useContext, useRef, useState, type ComponentRef, type HTMLAttributes, type ReactNode, type RefObject } from \"react\";\n\nimport { cx, withStateClassName } from \"@/internal\";\nimport { useMessages } from \"@/intl\";\n/**\n * The popup moves focus to the search input when the palette opens. Sharing a ref beats looking the\n * input up by class name: a consumer can render a different input, and a class name that focus\n * management depends on becomes public API by accident.\n */\nconst CommandPaletteInputContext = createContext<RefObject<HTMLInputElement | null> | null>(null);\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\tconst inputRef = useRef<HTMLInputElement | null>(null);\n\n\treturn (\n\t\t<CommandPaletteInputContext value={inputRef}>\n\t\t\t<BaseDialog.Root modal={modal} open={resolvedOpen} onOpenChange={changeOpen}>\n\t\t\t\t<BaseCombobox.Root\n\t\t\t\t\t{...comboboxProps}\n\t\t\t\t\tautoComplete=\"none\"\n\t\t\t\t\tinline\n\t\t\t\t\topen={resolvedOpen}\n\t\t\t\t\tonOpenChange={(nextOpen, eventDetails) => {\n\t\t\t\t\t\tif (nextOpen !== resolvedOpen) {\n\t\t\t\t\t\t\tchangeOpen(nextOpen, eventDetails);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</BaseCombobox.Root>\n\t\t\t</BaseDialog.Root>\n\t\t</CommandPaletteInputContext>\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={withStateClassName<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={withStateClassName<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={withStateClassName<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 inputRef = useContext(CommandPaletteInputContext);\n\tconst focusSearchInput = useCallback((openType: string) => (openType === \"touch\" ? true : (inputRef?.current ?? true)), [inputRef]);\n\n\treturn (\n\t\t<BaseDialog.Popup ref={ref} className={withStateClassName<BaseDialog.Popup.State>(\"lyds-command-palette__popup\", className)} initialFocus={initialFocus ?? focusSearchInput} {...popupProps} />\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={withStateClassName<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={withStateClassName<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 messages = useMessages();\n\tconst { className, children = messages.commandPaletteClose, ...closeProps } = props;\n\treturn (\n\t\t<BaseDialog.Close ref={ref} className={withStateClassName<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={withStateClassName<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 messages = useMessages();\n\tconst paletteInputRef = useContext(CommandPaletteInputContext);\n\tconst { className, placeholder = messages.commandPalettePlaceholder, ...inputProps } = props;\n\tconst setInput = useCallback(\n\t\t(node: HTMLInputElement | null) => {\n\t\t\tif (paletteInputRef) paletteInputRef.current = node;\n\t\t\tif (typeof ref === \"function\") ref(node);\n\t\t\telse if (ref) ref.current = node;\n\t\t},\n\t\t[paletteInputRef, ref]\n\t);\n\n\treturn <BaseCombobox.Input ref={setInput} className={withStateClassName<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={withStateClassName<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={withStateClassName<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={withStateClassName<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={withStateClassName<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={withStateClassName<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={withStateClassName<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\n/**\n * Every component built on a context root also exposes its parts as a namespace, so composing one\n * reads the same way as composing a Dialog or a Select.\n */\nexport const CommandPaletteNamespace = Object.assign(CommandPalette, {\n\tBackdrop: CommandPaletteBackdrop,\n\tClose: CommandPaletteClose,\n\tDescription: CommandPaletteDescription,\n\tEmpty: CommandPaletteEmpty,\n\tGroup: CommandPaletteGroup,\n\tGroupLabel: CommandPaletteGroupLabel,\n\tInput: CommandPaletteInput,\n\tItem: CommandPaletteItem,\n\tItemIndicator: CommandPaletteItemIndicator,\n\tLabel: CommandPaletteLabel,\n\tList: CommandPaletteList,\n\tPopup: CommandPalettePopup,\n\tPortal: CommandPalettePortal,\n\tRoot: CommandPalette,\n\tSeparator: CommandPaletteSeparator,\n\tShortcut: CommandPaletteShortcut,\n\tStatus: CommandPaletteStatus,\n\tTitle: CommandPaletteTitle,\n\tTrigger: CommandPaletteTrigger,\n\tViewport: CommandPaletteViewport\n});\n"],"mappings":"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"}

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

@@ -1,65 +1,69 @@
-import { cx as e } from "./utils.js";
-import { forwardRef as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
+"use client";
+import { cx as e } from "../../internal/class-names.js";
+import { useMessages as t } from "../../intl/provider.js";
+import { forwardRef as n } from "react";
+import { jsx as r } 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", {
+var i = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("header", {
 		ref: i,
 		className: e("lyds-header", t),
-		...r
+		...n
 	});
-}), i = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n("div", {
+}), a = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("div", {
 		ref: i,
 		className: e("lyds-header__rail", t),
-		...r
+		...n
 	});
-}), a = t(function({ children: t, className: r, ...i }, a) {
-	return /* @__PURE__ */ n("a", {
+}), o = n(function({ children: t, className: n, ...i }, a) {
+	return /* @__PURE__ */ r("a", {
 		ref: a,
-		className: e("lyds-header__brand", r),
+		className: e("lyds-header__brand", n),
 		...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 = n(function({ className: n, label: i, ...a }, o) {
+	let s = t();
+	return /* @__PURE__ */ r("nav", {
+		ref: o,
+		"aria-label": i ?? s.headerNavLabel,
+		className: e("lyds-header__nav", n),
+		...a
 	});
-}), s = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n("div", {
+}), c = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("div", {
 		ref: i,
 		className: e("lyds-header__actions", t),
-		...r
+		...n
 	});
-}), c = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n("div", {
+}), l = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("div", {
 		ref: i,
 		className: e("lyds-header__status", t),
-		...r
+		...n
 	});
-}), 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 = n(function({ className: n, label: i, ...a }, o) {
+	let s = t();
+	return /* @__PURE__ */ r("nav", {
+		ref: o,
+		"aria-label": i ?? s.tabBarLabel,
+		className: e("lyds-tab-bar", n),
+		...a
 	});
-}), u = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n("ul", {
+}), d = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("ul", {
 		ref: i,
 		className: e("lyds-tab-bar__list", t),
-		...r
+		...n
 	});
-}), d = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n("li", {
+}), f = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("li", {
 		ref: i,
 		className: e("lyds-tab-bar__item", t),
-		...r
+		...n
 	});
-}), f = t(function({ children: t, className: r, selected: i = !1, disabled: a = !1, href: o, onClick: s, tabIndex: c, ...l }, u) {
+}), p = n(function({ children: t, className: n, selected: i = !1, disabled: a = !1, href: o, onClick: s, tabIndex: c, ...l }, u) {
 	let d = {
 		onClick: (e) => {
 			if (a) {
@@ -70,33 +74,33 @@ var r = t(function({ className: t, ...r }, i) {
 		},
 		tabIndex: a ? -1 : c
 	};
-	return /* @__PURE__ */ n("a", {
+	return /* @__PURE__ */ r("a", {
 		...l,
 		ref: u,
 		"aria-current": i ? "page" : void 0,
 		"aria-disabled": a || void 0,
-		className: e("lyds-tab-bar__link", r),
+		className: e("lyds-tab-bar__link", n),
 		"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", {
+}), m = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("span", {
 		ref: i,
 		"aria-hidden": "true",
 		className: e("lyds-tab-bar__icon", t),
-		...r
+		...n
 	});
-}), m = t(function({ className: t, ...r }, i) {
-	return /* @__PURE__ */ n("span", {
+}), h = n(function({ className: t, ...n }, i) {
+	return /* @__PURE__ */ r("span", {
 		ref: i,
 		className: e("lyds-tab-bar__label", t),
-		...r
+		...n
 	});
 });
 //#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 };
+export { i as Header, c as HeaderActions, o as HeaderBrand, s as HeaderNav, a as HeaderRail, l as HeaderStatus, u as TabBar, m as TabBarIcon, f as TabBarItem, h as TabBarLabel, p as TabBarLink, d as TabBarList };
 
 //# sourceMappingURL=header-tab-bar.js.map

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

@@ -1 +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"}
+{"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 \"@/internal\";\nimport { useMessages } from \"@/intl\";\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\tconst messages = useMessages();\n\treturn <nav ref={ref} aria-label={label ?? messages.headerNavLabel} 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\tconst messages = useMessages();\n\treturn <nav ref={ref} aria-label={label ?? messages.tabBarLabel} 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":"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"}

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

@@ -1,7 +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';
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Pagination, PaginationButton, PaginationEllipsis, PaginationItem, PaginationLink, PaginationList, PaginationNext, PaginationPrevious, type BreadcrumbProps, type BreadcrumbSeparatorProps, type PaginationButtonProps, type PaginationLinkProps, type PaginationProps } from './breadcrumb-pagination.js';
+export { CommandPaletteNamespace as CommandPalette, CommandPaletteBackdrop, CommandPaletteClose, CommandPaletteDescription, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteGroupLabel, CommandPaletteInput, CommandPaletteItem, CommandPaletteItemIndicator, CommandPaletteLabel, CommandPaletteList, CommandPalettePopup, CommandPalettePortal, CommandPaletteSeparator, CommandPaletteShortcut, CommandPaletteStatus, CommandPaletteTitle, CommandPaletteTrigger, CommandPaletteViewport, type CommandPaletteOpenChangeDetails, type CommandPaletteProps } from './command-palette.js';
+export { Header, HeaderActions, HeaderBrand, HeaderNav, HeaderRail, HeaderStatus, TabBar, TabBarIcon, TabBarItem, TabBarLabel, TabBarLink, TabBarList, type HeaderNavProps, type TabBarLinkProps, type TabBarProps } from './header-tab-bar.js';
+export { Menubar, MenubarCheckboxItem, MenubarCheckboxItemIndicator, MenubarGroup, MenubarGroupLabel, MenubarItem, MenubarLinkItem, MenubarMenu, MenubarPopup, MenubarPortal, MenubarPositioner, MenubarRadioGroup, MenubarRadioItem, MenubarRadioItemIndicator, MenubarSeparator, MenubarSubmenu, MenubarSubmenuTrigger, MenubarTrigger, Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarSeparator } from './menubar-toolbar.js';
+export { NavigationMenu, NavigationMenuArrow, NavigationMenuContent, NavigationMenuIcon, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPopup, NavigationMenuPortal, NavigationMenuPositioner, NavigationMenuTrigger, NavigationMenuViewport } from './navigation-menu.js';
+export { ScrollArea, ScrollAreaContent, ScrollAreaCorner, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from './scroll-area.js';
+export { Collection, CollectionActions, CollectionButton, CollectionContent, CollectionDescription, CollectionHeading, CollectionItem, CollectionLink, CollectionMeta, DataTable, DataTableControls, DataTableDescription, DataTableHeader, DataTableRegion, DataTableStatus, DataTableTitle, List, ListActions, ListButton, ListContent, ListDescription, ListHeading, ListItem, ListLink, ListMeta, OrderedCollection, OrderedList, Table, TableBody, TableCaption, TableCell, TableFooter, TableFrame, TableHead, TableHeader, TableRow, type CollectionButtonProps, type CollectionItemProps, type CollectionLinkProps, type CollectionProps, type DataTableRegionProps, type OrderedCollectionProps, type TableCellProps, type TableHeadProps } from './table-collection.js';