@linyao.tw/ui 1.0.0 → 1.1.0

package/dist/components/foundations/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/foundations/card.tsx"],"sourcesContent":["import { type ComponentRenderProp, cx, type ElementProps } from \"@/internal\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport * as React from \"react\";\nimport type { HeadingLevel } from \"./section-heading\";\nexport type CardVariant = \"material\" | \"elevated\" | \"inset\" | \"outline\" | \"cloud\";\nexport type CardSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface CardState extends Record<string, unknown> {\n\tsize: CardSize;\n\tvariant: CardVariant;\n}\n\nexport interface CardProps extends Omit<ElementProps<\"div\">, \"children\"> {\n\tchildren: React.ReactNode;\n\tvariant?: CardVariant;\n\tsize?: CardSize;\n\trender?: ComponentRenderProp<CardState>;\n}\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card({ children, variant = \"material\", size = \"md\", render, className, ...props }, ref) {\n\treturn useRender<CardState, HTMLDivElement>({\n\t\tdefaultTagName: \"div\",\n\t\tref,\n\t\trender,\n\t\tstate: { size, variant },\n\t\tprops: {\n\t\t\t...props,\n\t\t\tchildren,\n\t\t\tclassName: cx(\"lyds-card\", className)\n\t\t}\n\t});\n});\n\nCard.displayName = \"Card\";\n\nexport type CloudBoxProps = Omit<CardProps, \"variant\">;\n\nexport const CloudBox = React.forwardRef<HTMLDivElement, CloudBoxProps>(function CloudBox(props, ref) {\n\treturn <Card {...props} ref={ref} variant=\"cloud\" />;\n});\n\nCloudBox.displayName = \"CloudBox\";\n\ntype CardSlotProps<ElementType extends React.ElementType> = Omit<ElementProps<ElementType>, \"children\"> & {\n\tchildren: React.ReactNode;\n\trender?: ComponentRenderProp<Record<string, unknown>>;\n};\n\nfunction useCardSlot<Element extends HTMLElement>(\n\tdefaultTagName: keyof React.JSX.IntrinsicElements,\n\tslotName: string,\n\tchildren: React.ReactNode,\n\trender: ComponentRenderProp<Record<string, unknown>> | undefined,\n\tclassName: string | undefined,\n\tprops: Record<string, unknown>,\n\tref: React.ForwardedRef<Element>\n) {\n\treturn useRender<Record<string, unknown>, Element>({\n\t\tdefaultTagName,\n\t\tref,\n\t\trender,\n\t\tprops: {\n\t\t\t...props,\n\t\t\tchildren,\n\t\t\tclassName: cx(`lyds-card__${slotName}`, className)\n\t\t}\n\t});\n}\n\nexport type CardHeaderProps = CardSlotProps<\"div\">;\nexport const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(function CardHeader({ children, render, className, ...props }, ref) {\n\treturn useCardSlot(\"div\", \"header\", children, render, className, props, ref);\n});\n\nexport type CardTitleProps = CardSlotProps<\"h3\"> & {\n\t/** Heading level for the surrounding document outline. Cards nest, so this is rarely h3. */\n\tlevel?: HeadingLevel;\n};\n\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(function CardTitle({ children, level = 3, render, className, ...props }, ref) {\n\treturn useCardSlot(`h${level}` as const, \"title\", children, render, className, props, ref);\n});\n\nexport type CardDescriptionProps = CardSlotProps<\"p\">;\nexport const CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(function CardDescription({ children, render, className, ...props }, ref) {\n\treturn useCardSlot(\"p\", \"description\", children, render, className, props, ref);\n});\n\nexport type CardBodyProps = CardSlotProps<\"div\">;\nexport const CardBody = React.forwardRef<HTMLDivElement, CardBodyProps>(function CardBody({ children, render, className, ...props }, ref) {\n\treturn useCardSlot(\"div\", \"body\", children, render, className, props, ref);\n});\n\nexport type CardFooterProps = CardSlotProps<\"div\">;\nexport const CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(function CardFooter({ children, render, className, ...props }, ref) {\n\treturn useCardSlot(\"div\", \"footer\", children, render, className, props, ref);\n});\n"],"mappings":";;;;;AAmBA,IAAa,IAAO,EAAM,WAAsC,SAAc,EAAE,aAAU,aAAU,YAAY,UAAO,MAAM,WAAQ,cAAW,GAAG,KAAS,GAAK;CAChK,OAAO,EAAqC;EAC3C,gBAAgB;EAChB;EACA;EACA,OAAO;GAAE;GAAM;EAAQ;EACvB,OAAO;GACN,GAAG;GACH;GACA,WAAW,EAAG,aAAa,CAAS;EACrC;CACD,CAAC;AACF,CAAC;AAED,EAAK,cAAc;AAInB,IAAa,IAAW,EAAM,WAA0C,SAAkB,GAAO,GAAK;CACrG,OAAO,kBAAC,GAAD;EAAM,GAAI;EAAY;EAAK,SAAQ;CAAS,CAAA;AACpD,CAAC;AAED,EAAS,cAAc;AAOvB,SAAS,EACR,GACA,GACA,GACA,GACA,GACA,GACA,GACC;CACD,OAAO,EAA4C;EAClD;EACA;EACA;EACA,OAAO;GACN,GAAG;GACH;GACA,WAAW,EAAG,cAAc,KAAY,CAAS;EAClD;CACD,CAAC;AACF;AAGA,IAAa,IAAa,EAAM,WAA4C,SAAoB,EAAE,aAAU,WAAQ,cAAW,GAAG,KAAS,GAAK;CAC/I,OAAO,EAAY,OAAO,UAAU,GAAU,GAAQ,GAAW,GAAO,CAAG;AAC5E,CAAC,GAOY,IAAY,EAAM,WAA+C,SAAmB,EAAE,aAAU,WAAQ,GAAG,WAAQ,cAAW,GAAG,KAAS,GAAK;CAC3J,OAAO,EAAY,IAAI,KAAkB,SAAS,GAAU,GAAQ,GAAW,GAAO,CAAG;AAC1F,CAAC,GAGY,IAAkB,EAAM,WAAuD,SAAyB,EAAE,aAAU,WAAQ,cAAW,GAAG,KAAS,GAAK;CACpK,OAAO,EAAY,KAAK,eAAe,GAAU,GAAQ,GAAW,GAAO,CAAG;AAC/E,CAAC,GAGY,IAAW,EAAM,WAA0C,SAAkB,EAAE,aAAU,WAAQ,cAAW,GAAG,KAAS,GAAK;CACzI,OAAO,EAAY,OAAO,QAAQ,GAAU,GAAQ,GAAW,GAAO,CAAG;AAC1E,CAAC,GAGY,IAAa,EAAM,WAA4C,SAAoB,EAAE,aAAU,WAAQ,cAAW,GAAG,KAAS,GAAK;CAC/I,OAAO,EAAY,OAAO,UAAU,GAAU,GAAQ,GAAW,GAAO,CAAG;AAC5E,CAAC"}

package/dist/components/foundations/{IconButton.d.ts → icon-button.d.ts}

@@ -1,12 +1,6 @@
-import { ButtonProps } from './Button.js';
+import { AccessibleName } from '../../internal/index.js';
+import { ButtonProps } from './button.js';
 import * as React from "react";
-type AccessibleName = {
-    "aria-label": string;
-    "aria-labelledby"?: string;
-} | {
-    "aria-label"?: string;
-    "aria-labelledby": string;
-};
 type IconButtonBaseProps = Omit<ButtonProps, "aria-label" | "aria-labelledby" | "children" | "endIcon" | "startIcon"> & {
     children: React.ReactNode;
 };

package/dist/components/foundations/{IconButton.js → icon-button.js}

@@ -1,8 +1,8 @@
-import { mergeClassNames as e } from "./shared.js";
-import { Button as t } from "./Button.js";
+import { cx as e } from "../../internal/class-names.js";
+import { Button as t } from "./button.js";
 import * as n from "react";
 import { jsx as r } from "react/jsx-runtime";
-//#region src/components/foundations/IconButton.tsx
+//#region src/components/foundations/icon-button.tsx
 var i = n.forwardRef(function({ children: n, className: i, loading: a = !1, ...o }, s) {
 	return /* @__PURE__ */ r(t, {
 		...o,
@@ -16,4 +16,4 @@ i.displayName = "IconButton";
 //#endregion
 export { i as IconButton };
 
-//# sourceMappingURL=IconButton.js.map
+//# sourceMappingURL=icon-button.js.map

package/dist/components/foundations/icon-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button.js","names":[],"sources":["../../../src/components/foundations/icon-button.tsx"],"sourcesContent":["import { type AccessibleName, cx } from \"@/internal\";\nimport * as React from \"react\";\nimport { Button, type ButtonProps } from \"./button\";\ntype IconButtonBaseProps = Omit<ButtonProps, \"aria-label\" | \"aria-labelledby\" | \"children\" | \"endIcon\" | \"startIcon\"> & {\n\tchildren: React.ReactNode;\n};\n\nexport type IconButtonProps = IconButtonBaseProps & AccessibleName;\n\nexport const IconButton = React.forwardRef<HTMLElement, IconButtonProps>(function IconButton({ children, className, loading = false, ...props }, ref) {\n\treturn (\n\t\t<Button {...props} ref={ref} className={cx(\"lyds-icon-button\", className)} loading={loading}>\n\t\t\t{loading ? null : children}\n\t\t</Button>\n\t);\n});\n\nIconButton.displayName = \"IconButton\";\n"],"mappings":";;;;;AASA,IAAa,IAAa,EAAM,WAAyC,SAAoB,EAAE,aAAU,cAAW,aAAU,IAAO,GAAG,KAAS,GAAK;CACrJ,OACC,kBAAC,GAAD;EAAQ,GAAI;EAAY;EAAK,WAAW,EAAG,oBAAoB,CAAS;EAAY;EAClF,UAAA,IAAU,OAAO;CACX,CAAA;AAEV,CAAC;AAED,EAAW,cAAc"}

package/dist/components/foundations/index.d.ts

@@ -1,9 +1,9 @@
-export * from './Avatar.js';
-export * from './Badge.js';
-export * from './Button.js';
-export * from './Card.js';
-export * from './IconButton.js';
-export * from './Link.js';
-export * from './ListCell.js';
-export * from './SectionHeading.js';
-export * from './Separator.js';
+export { Avatar, type AvatarBaseProps, type AvatarProps, type AvatarSize, type AvatarStatus, type AvatarVariant } from './avatar.js';
+export { Badge, type BadgeProps, type BadgeSize, type BadgeState, type BadgeVariant } from './badge.js';
+export { Button, type ButtonProps, type ButtonSize, type ButtonVariant } from './button.js';
+export { Card, CardBody, CardDescription, CardFooter, CardHeader, CardTitle, CloudBox, type CardBodyProps, type CardDescriptionProps, type CardFooterProps, type CardHeaderProps, type CardProps, type CardSize, type CardState, type CardTitleProps, type CardVariant, type CloudBoxProps } from './card.js';
+export { IconButton, type IconButtonProps } from './icon-button.js';
+export { Link, type LinkProps, type LinkSize, type LinkState, type LinkVariant } from './link.js';
+export { ListCell, ListCellAction, ListCellContent, ListCellDescription, ListCellLeading, ListCellMetadata, ListCellTitle, ListCellTrailing, type ListCellActionProps, type ListCellCurrentSemantics, type ListCellProps, type ListCellSize, type ListCellState, type ListCellVariant } from './list-cell.js';
+export { SectionHeading, type SectionHeadingLevel, type SectionHeadingProps, type SectionHeadingSize, type SectionHeadingState } from './section-heading.js';
+export { Separator, type SeparatorProps, type SeparatorSpacing, type SeparatorVariant } from './separator.js';

package/dist/components/foundations/{Link.d.ts → link.d.ts}

@@ -1,4 +1,4 @@
-import { ComponentRenderProp, ElementProps } from './shared.js';
+import { ComponentRenderProp, ElementProps } from '../../internal/index.js';
 import * as React from "react";
 export type LinkVariant = "default" | "accent" | "subtle";
 export type LinkSize = "sm" | "md" | "lg";

package/dist/components/foundations/link.js

@@ -0,0 +1,46 @@
+import { cx as e } from "../../internal/class-names.js";
+import { useMessages as t } from "../../intl/provider.js";
+import * as n from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useRender as o } from "@base-ui/react/use-render";
+//#region src/components/foundations/link.tsx
+var s = n.forwardRef(function({ children: n, variant: s = "default", size: c = "md", disabled: l = !1, external: u = !1, render: d, className: f, href: p, target: m, rel: h, onClick: g, ..._ }, v) {
+	let y = t(), b = {
+		disabled: l,
+		external: u,
+		size: c,
+		variant: s
+	}, x = m === "_blank" && !h ? "noopener noreferrer" : h, S = !l && m === "_blank";
+	return o({
+		defaultTagName: "a",
+		ref: v,
+		render: l ? void 0 : d,
+		state: b,
+		props: {
+			..._,
+			children: S ? /* @__PURE__ */ a(r, { children: [n, /* @__PURE__ */ i("span", {
+				className: "lyds-sr-only",
+				children: y.linkOpensInNewWindow
+			})] }) : n,
+			href: l ? void 0 : p,
+			target: m,
+			rel: x,
+			"aria-disabled": l || void 0,
+			"data-external": u || void 0,
+			tabIndex: l ? -1 : _.tabIndex,
+			className: e("lyds-link", f),
+			onClick: (e) => {
+				if (l) {
+					e.preventDefault(), e.stopPropagation();
+					return;
+				}
+				g?.(e);
+			}
+		}
+	});
+});
+s.displayName = "Link";
+//#endregion
+export { s as Link };
+
+//# sourceMappingURL=link.js.map

package/dist/components/foundations/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","names":[],"sources":["../../../src/components/foundations/link.tsx"],"sourcesContent":["import { type ComponentRenderProp, cx, type ElementProps } from \"@/internal\";\nimport { useMessages } from \"@/intl\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport * as React from \"react\";\nexport type LinkVariant = \"default\" | \"accent\" | \"subtle\";\nexport type LinkSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface LinkState extends Record<string, unknown> {\n\tdisabled: boolean;\n\texternal: boolean;\n\tsize: LinkSize;\n\tvariant: LinkVariant;\n}\n\nexport interface LinkProps extends Omit<ElementProps<\"a\">, \"children\"> {\n\tchildren: React.ReactNode;\n\tvariant?: LinkVariant;\n\tsize?: LinkSize;\n\tdisabled?: boolean;\n\texternal?: boolean;\n\trender?: ComponentRenderProp<LinkState>;\n}\n\nexport const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n\t{ children, variant = \"default\", size = \"md\", disabled = false, external = false, render, className, href, target, rel, onClick, ...props },\n\tref\n) {\n\tconst messages = useMessages();\n\tconst state: LinkState = { disabled, external, size, variant };\n\tconst secureRel = target === \"_blank\" && !rel ? \"noopener noreferrer\" : rel;\n\t// The warning belongs to what the link actually does, not to the decorative flag: a link is\n\t// only unexpected when it really opens a new window.\n\tconst opensNewWindow = !disabled && target === \"_blank\";\n\n\treturn useRender<LinkState, HTMLAnchorElement>({\n\t\tdefaultTagName: \"a\",\n\t\tref,\n\t\t// 多型 `render` 函式或路由元件可能重新加入導覽行為。\n\t\t// 停用時改用無互動的原生連結，確保元件契約成立。\n\t\trender: disabled ? undefined : render,\n\t\tstate,\n\t\tprops: {\n\t\t\t...props,\n\t\t\tchildren: opensNewWindow ? (\n\t\t\t\t<>\n\t\t\t\t\t{children}\n\t\t\t\t\t<span className=\"lyds-sr-only\">{messages.linkOpensInNewWindow}</span>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\tchildren\n\t\t\t),\n\t\t\thref: disabled ? undefined : href,\n\t\t\ttarget,\n\t\t\trel: secureRel,\n\t\t\t\"aria-disabled\": disabled || undefined,\n\t\t\t\"data-external\": external || undefined,\n\t\t\ttabIndex: disabled ? -1 : props.tabIndex,\n\t\t\tclassName: cx(\"lyds-link\", className),\n\t\t\tonClick: (event: React.MouseEvent<HTMLAnchorElement>) => {\n\t\t\t\tif (disabled) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tonClick?.(event);\n\t\t\t}\n\t\t}\n\t});\n});\n\nLink.displayName = \"Link\";\n"],"mappings":";;;;;;AAuBA,IAAa,IAAO,EAAM,WAAyC,SAClE,EAAE,aAAU,aAAU,WAAW,UAAO,MAAM,cAAW,IAAO,cAAW,IAAO,WAAQ,cAAW,SAAM,WAAQ,QAAK,YAAS,GAAG,KACpI,GACC;CACD,IAAM,IAAW,EAAY,GACvB,IAAmB;EAAE;EAAU;EAAU;EAAM;CAAQ,GACvD,IAAY,MAAW,YAAY,CAAC,IAAM,wBAAwB,GAGlE,IAAiB,CAAC,KAAY,MAAW;CAE/C,OAAO,EAAwC;EAC9C,gBAAgB;EAChB;EAGA,QAAQ,IAAW,KAAA,IAAY;EAC/B;EACA,OAAO;GACN,GAAG;GACH,UAAU,IACT,kBAAA,GAAA,EAAA,UAAA,CACE,GACD,kBAAC,QAAD;IAAM,WAAU;IAAgB,UAAA,EAAS;GAA2B,CAAA,CACnE,EAAA,CAAA,IAEF;GAED,MAAM,IAAW,KAAA,IAAY;GAC7B;GACA,KAAK;GACL,iBAAiB,KAAY,KAAA;GAC7B,iBAAiB,KAAY,KAAA;GAC7B,UAAU,IAAW,KAAK,EAAM;GAChC,WAAW,EAAG,aAAa,CAAS;GACpC,UAAU,MAA+C;IACxD,IAAI,GAAU;KAEb,AADA,EAAM,eAAe,GACrB,EAAM,gBAAgB;KACtB;IACD;IAEA,IAAU,CAAK;GAChB;EACD;CACD,CAAC;AACF,CAAC;AAED,EAAK,cAAc"}

package/dist/components/foundations/{ListCell.d.ts → list-cell.d.ts}

@@ -1,4 +1,4 @@
-import { ComponentRenderProp, ElementProps } from './shared.js';
+import { AccessibleName, ComponentRenderProp, ElementProps } from '../../internal/index.js';
 import * as React from "react";
 export type ListCellVariant = "default" | "inset";
 export type ListCellSize = "sm" | "md" | "lg";
@@ -35,13 +35,6 @@ export type ListCellProps = Omit<ElementProps<"div">, "children" | "title"> & Li
     disabled?: boolean;
     render?: ComponentRenderProp<ListCellState>;
 };
-type AccessibleName = {
-    "aria-label": string;
-    "aria-labelledby"?: string;
-} | {
-    "aria-label"?: string;
-    "aria-labelledby": string;
-};
 type ListCellLinkActionProps = Omit<ElementProps<"a">, "aria-label" | "aria-labelledby" | "children" | "className"> & {
     href: string;
     className?: string;

package/dist/components/foundations/{ListCell.js → list-cell.js}

@@ -1,8 +1,8 @@
-import { mergeClassNames as e } from "./shared.js";
+import { cx as e } from "../../internal/class-names.js";
 import * as t from "react";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 import { useRender as a } from "@base-ui/react/use-render";
-//#region src/components/foundations/ListCell.tsx
+//#region src/components/foundations/list-cell.tsx
 var o = t.createContext({
 	current: void 0,
 	disabled: !1
@@ -102,4 +102,4 @@ var u = l("leading"), d = l("content"), f = l("title"), p = l("description"), m
 //#endregion
 export { c as ListCell, s as ListCellAction, d as ListCellContent, p as ListCellDescription, u as ListCellLeading, m as ListCellMetadata, f as ListCellTitle, h as ListCellTrailing };
 
-//# sourceMappingURL=ListCell.js.map
+//# sourceMappingURL=list-cell.js.map

package/dist/components/foundations/list-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-cell.js","names":[],"sources":["../../../src/components/foundations/list-cell.tsx"],"sourcesContent":["import { type AccessibleName, type ComponentRenderProp, cx, type ElementProps } from \"@/internal\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport * as React from \"react\";\nexport type ListCellVariant = \"default\" | \"inset\";\nexport type ListCellSize = \"sm\" | \"md\" | \"lg\";\nexport type ListCellCurrentSemantics = \"page\" | \"step\" | \"location\" | \"date\" | \"time\";\n\nexport interface ListCellState extends Record<string, unknown> {\n\tdisabled: boolean;\n\tinteractive: boolean;\n\tselected: boolean;\n\tsize: ListCellSize;\n\tvariant: ListCellVariant;\n}\n\ntype ListCellSelectionProps =\n\t| {\n\t\t\tselected?: never;\n\t\t\tselectionSemantics?: never;\n\t  }\n\t| {\n\t\t\tselected: boolean;\n\t\t\tselectionSemantics: ListCellCurrentSemantics;\n\t  }\n\t| {\n\t\t\tselected: boolean;\n\t\t\tselectionSemantics: \"selected\";\n\t\t\trole: \"gridcell\" | \"option\" | \"row\" | \"tab\" | \"treeitem\";\n\t  };\n\nexport type ListCellProps = Omit<ElementProps<\"div\">, \"children\" | \"title\"> &\n\tListCellSelectionProps & {\n\t\tchildren?: React.ReactNode;\n\t\tleading?: React.ReactNode;\n\t\ttitle?: React.ReactNode;\n\t\tdescription?: React.ReactNode;\n\t\tmetadata?: React.ReactNode;\n\t\ttrailing?: React.ReactNode;\n\t\taction?: ListCellActionProps;\n\t\tactionRef?: React.Ref<HTMLElement>;\n\t\tvariant?: ListCellVariant;\n\t\tsize?: ListCellSize;\n\t\tdisabled?: boolean;\n\t\trender?: ComponentRenderProp<ListCellState>;\n\t};\n\ninterface ListCellContextValue {\n\tcurrent: ListCellCurrentSemantics | false | undefined;\n\tdisabled: boolean;\n}\n\nconst ListCellContext = React.createContext<ListCellContextValue>({ current: undefined, disabled: false });\n\ntype ListCellLinkActionProps = Omit<ElementProps<\"a\">, \"aria-label\" | \"aria-labelledby\" | \"children\" | \"className\"> & {\n\thref: string;\n\tclassName?: string;\n\tdisabled?: boolean;\n};\n\ntype ListCellButtonActionProps = Omit<ElementProps<\"button\">, \"aria-label\" | \"aria-labelledby\" | \"children\" | \"className\" | \"href\"> & {\n\thref?: never;\n\tclassName?: string;\n\tdisabled?: boolean;\n};\n\nexport type ListCellActionProps = AccessibleName & (ListCellLinkActionProps | ListCellButtonActionProps);\n\nexport const ListCellAction = React.forwardRef<HTMLElement, ListCellActionProps>(function ListCellAction(props, ref) {\n\tconst context = React.useContext(ListCellContext);\n\tconst disabled = context.disabled || props.disabled === true;\n\n\tif (\"href\" in props && props.href !== undefined) {\n\t\tconst { className, href, onClick, rel, target, ...linkProps } = props;\n\t\treturn (\n\t\t\t<a\n\t\t\t\t{...linkProps}\n\t\t\t\tref={ref as React.Ref<HTMLAnchorElement>}\n\t\t\t\thref={disabled ? undefined : href}\n\t\t\t\ttarget={target}\n\t\t\t\trel={target === \"_blank\" && !rel ? \"noopener noreferrer\" : rel}\n\t\t\t\taria-current={props[\"aria-current\"] ?? context.current}\n\t\t\t\taria-disabled={disabled || undefined}\n\t\t\t\ttabIndex={disabled ? -1 : linkProps.tabIndex}\n\t\t\t\tclassName={cx(\"lyds-list-cell__action\", className)}\n\t\t\t\tonClick={event => {\n\t\t\t\t\tif (disabled) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tonClick?.(event);\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<span className=\"lyds-sr-only\">{props[\"aria-label\"] ?? \"\"}</span>\n\t\t\t</a>\n\t\t);\n\t}\n\n\tconst { className, onClick, type, ...buttonProps } = props;\n\treturn (\n\t\t<button\n\t\t\t{...buttonProps}\n\t\t\tref={ref as React.Ref<HTMLButtonElement>}\n\t\t\ttype={type ?? \"button\"}\n\t\t\tdisabled={disabled}\n\t\t\taria-current={props[\"aria-current\"] ?? context.current}\n\t\t\tclassName={cx(\"lyds-list-cell__action\", className)}\n\t\t\tonClick={onClick}\n\t\t/>\n\t);\n});\n\nListCellAction.displayName = \"ListCellAction\";\n\nexport const ListCell = React.forwardRef<HTMLElement, ListCellProps>(function ListCell(\n\t{\n\t\tchildren,\n\t\tleading,\n\t\ttitle,\n\t\tdescription,\n\t\tmetadata,\n\t\ttrailing,\n\t\taction,\n\t\tactionRef,\n\t\tvariant = \"default\",\n\t\tsize = \"md\",\n\t\tselected = false,\n\t\tselectionSemantics,\n\t\tdisabled = false,\n\t\trender,\n\t\tclassName,\n\t\t...props\n\t},\n\tref\n) {\n\tconst interactive = action != null;\n\tconst state: ListCellState = { disabled, interactive, selected, size, variant };\n\tconst slotContent = children ?? (\n\t\t<>\n\t\t\t{leading != null ? <ListCellLeading>{leading}</ListCellLeading> : null}\n\t\t\t<ListCellContent>\n\t\t\t\t{title != null ? <ListCellTitle>{title}</ListCellTitle> : null}\n\t\t\t\t{description != null ? <ListCellDescription>{description}</ListCellDescription> : null}\n\t\t\t</ListCellContent>\n\t\t\t{metadata != null ? <ListCellMetadata>{metadata}</ListCellMetadata> : null}\n\t\t\t{trailing != null ? <ListCellTrailing>{trailing}</ListCellTrailing> : null}\n\t\t</>\n\t);\n\tconst currentSemantics = selectionSemantics && selectionSemantics !== \"selected\" ? selectionSemantics : undefined;\n\tconst current = currentSemantics ? (selected ? currentSemantics : false) : undefined;\n\n\treturn useRender<ListCellState, HTMLElement>({\n\t\tdefaultTagName: \"div\",\n\t\tref,\n\t\trender,\n\t\tstate,\n\t\tprops: {\n\t\t\t...props,\n\t\t\tclassName: cx(\"lyds-list-cell\", className),\n\t\t\t\"aria-current\": !action && current !== undefined ? current : props[\"aria-current\"],\n\t\t\t\"aria-disabled\": !action && disabled ? true : props[\"aria-disabled\"],\n\t\t\t\"aria-selected\": selectionSemantics === \"selected\" ? selected : props[\"aria-selected\"],\n\t\t\tchildren: (\n\t\t\t\t<ListCellContext.Provider value={{ current, disabled }}>\n\t\t\t\t\t{action ? <ListCellAction ref={actionRef} {...action} /> : null}\n\t\t\t\t\t{slotContent}\n\t\t\t\t</ListCellContext.Provider>\n\t\t\t)\n\t\t}\n\t});\n});\n\nListCell.displayName = \"ListCell\";\n\ntype ListCellSlotName = \"leading\" | \"content\" | \"title\" | \"description\" | \"metadata\" | \"trailing\";\n\ninterface ListCellSlotProps extends Omit<ElementProps<\"span\">, \"children\"> {\n\tchildren: React.ReactNode;\n\trender?: ComponentRenderProp<Record<string, unknown>>;\n}\n\nfunction createListCellSlot(slotName: ListCellSlotName) {\n\tconst Slot = React.forwardRef<HTMLElement, ListCellSlotProps>(function ListCellSlot({ children, render, className, ...props }, ref) {\n\t\treturn useRender<Record<string, unknown>, HTMLElement>({\n\t\t\tdefaultTagName: \"span\",\n\t\t\tref,\n\t\t\trender,\n\t\t\tprops: {\n\t\t\t\t...props,\n\t\t\t\tchildren,\n\t\t\t\tclassName: cx(`lyds-list-cell__${slotName}`, className)\n\t\t\t}\n\t\t});\n\t});\n\n\tSlot.displayName = `ListCell${slotName[0]?.toUpperCase() ?? \"\"}${slotName.slice(1)}`;\n\treturn Slot;\n}\n\nexport const ListCellLeading = createListCellSlot(\"leading\");\nexport const ListCellContent = createListCellSlot(\"content\");\nexport const ListCellTitle = createListCellSlot(\"title\");\nexport const ListCellDescription = createListCellSlot(\"description\");\nexport const ListCellMetadata = createListCellSlot(\"metadata\");\nexport const ListCellTrailing = createListCellSlot(\"trailing\");\n"],"mappings":"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"}

package/dist/components/foundations/{SectionHeading.d.ts → section-heading.d.ts}

@@ -1,7 +1,10 @@
-import { ComponentRenderProp, ElementProps } from './shared.js';
+import { ComponentRenderProp, ElementProps } from '../../internal/index.js';
 import * as React from "react";
 export type SectionHeadingSize = "sm" | "md" | "lg";
-export type SectionHeadingLevel = 2 | 3 | 4 | 5 | 6;
+/** Heading levels a component may render. h1 is the page's, so components never take it. */
+export type HeadingLevel = 2 | 3 | 4 | 5 | 6;
+/** @deprecated Use `HeadingLevel`, which every component that renders a heading now shares. */
+export type SectionHeadingLevel = HeadingLevel;
 export interface SectionHeadingState extends Record<string, unknown> {
     size: SectionHeadingSize;
 }

package/dist/components/foundations/{SectionHeading.js → section-heading.js}

@@ -1,8 +1,8 @@
-import { mergeClassNames as e } from "./shared.js";
+import { cx as e } from "../../internal/class-names.js";
 import * as t from "react";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 import { useRender as a } from "@base-ui/react/use-render";
-//#region src/components/foundations/SectionHeading.tsx
+//#region src/components/foundations/section-heading.tsx
 var o = t.forwardRef(function({ children: t, annotation: o, description: s, action: c, level: l = 2, size: u = "md", render: d, className: f, ...p }, m) {
 	let h = `h${l}`;
 	return a({
@@ -47,4 +47,4 @@ o.displayName = "SectionHeading";
 //#endregion
 export { o as SectionHeading };
 
-//# sourceMappingURL=SectionHeading.js.map
+//# sourceMappingURL=section-heading.js.map

package/dist/components/foundations/section-heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-heading.js","names":[],"sources":["../../../src/components/foundations/section-heading.tsx"],"sourcesContent":["import { type ComponentRenderProp, cx, type ElementProps } from \"@/internal\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport * as React from \"react\";\nexport type SectionHeadingSize = \"sm\" | \"md\" | \"lg\";\n\n/** Heading levels a component may render. h1 is the page's, so components never take it. */\nexport type HeadingLevel = 2 | 3 | 4 | 5 | 6;\n\n/** @deprecated Use `HeadingLevel`, which every component that renders a heading now shares. */\nexport type SectionHeadingLevel = HeadingLevel;\n\nexport interface SectionHeadingState extends Record<string, unknown> {\n\tsize: SectionHeadingSize;\n}\n\nexport interface SectionHeadingProps extends Omit<ElementProps<\"header\">, \"children\" | \"title\"> {\n\tchildren: React.ReactNode;\n\tannotation?: React.ReactNode;\n\tdescription?: React.ReactNode;\n\taction?: React.ReactNode;\n\tlevel?: SectionHeadingLevel;\n\tsize?: SectionHeadingSize;\n\trender?: ComponentRenderProp<SectionHeadingState>;\n}\n\nexport const SectionHeading = React.forwardRef<HTMLElement, SectionHeadingProps>(function SectionHeading(\n\t{ children, annotation, description, action, level = 2, size = \"md\", render, className, ...props },\n\tref\n) {\n\tconst HeadingTag = `h${level}` as const;\n\n\treturn useRender<SectionHeadingState, HTMLElement>({\n\t\tdefaultTagName: \"header\",\n\t\tref,\n\t\trender,\n\t\tstate: { size },\n\t\tprops: {\n\t\t\t...props,\n\t\t\tclassName: cx(\"lyds-section-heading\", className),\n\t\t\tchildren: (\n\t\t\t\t<>\n\t\t\t\t\t<span className=\"lyds-section-heading__rail\" aria-hidden=\"true\" />\n\t\t\t\t\t<span className=\"lyds-section-heading__content\">\n\t\t\t\t\t\t{annotation != null ? <span className=\"lyds-section-heading__annotation\">{annotation}</span> : null}\n\t\t\t\t\t\t<HeadingTag className=\"lyds-section-heading__title\">{children}</HeadingTag>\n\t\t\t\t\t\t{description != null ? <span className=\"lyds-section-heading__description\">{description}</span> : null}\n\t\t\t\t\t</span>\n\t\t\t\t\t{action != null ? <span className=\"lyds-section-heading__action\">{action}</span> : null}\n\t\t\t\t</>\n\t\t\t)\n\t\t}\n\t});\n});\n\nSectionHeading.displayName = \"SectionHeading\";\n"],"mappings":";;;;;AAyBA,IAAa,IAAiB,EAAM,WAA6C,SAChF,EAAE,aAAU,eAAY,gBAAa,WAAQ,WAAQ,GAAG,UAAO,MAAM,WAAQ,cAAW,GAAG,KAC3F,GACC;CACD,IAAM,IAAa,IAAI;CAEvB,OAAO,EAA4C;EAClD,gBAAgB;EAChB;EACA;EACA,OAAO,EAAE,QAAK;EACd,OAAO;GACN,GAAG;GACH,WAAW,EAAG,wBAAwB,CAAS;GAC/C,UACC,kBAAA,GAAA,EAAA,UAAA;IACC,kBAAC,QAAD;KAAM,WAAU;KAA6B,eAAY;IAAQ,CAAA;IACjE,kBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA;MACE,KAAc,OAAgF,OAAzE,kBAAC,QAAD;OAAM,WAAU;OAAoC,UAAA;MAAiB,CAAA;MAC3F,kBAAC,GAAD;OAAY,WAAU;OAA+B;MAAqB,CAAA;MACzE,KAAe,OAAkF,OAA3E,kBAAC,QAAD;OAAM,WAAU;OAAqC,UAAA;MAAkB,CAAA;KACzF;;IACL,KAAU,OAAwE,OAAjE,kBAAC,QAAD;KAAM,WAAU;KAAgC,UAAA;IAAa,CAAA;GAC9E,EAAA,CAAA;EAEJ;CACD,CAAC;AACF,CAAC;AAED,EAAe,cAAc"}

package/dist/components/foundations/{Separator.js → separator.js}

@@ -1,8 +1,8 @@
-import { mergeClassNames as e } from "./shared.js";
+import { cx as e } from "../../internal/class-names.js";
 import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
 import { Separator as r } from "@base-ui/react/separator";
-//#region src/components/foundations/Separator.tsx
+//#region src/components/foundations/separator.tsx
 var i = t.forwardRef(function({ variant: t = "solid", spacing: i = "md", orientation: a = "horizontal", className: o, style: s, ...c }, l) {
 	return /* @__PURE__ */ n(r, {
 		...c,
@@ -18,4 +18,4 @@ i.displayName = "Separator";
 //#endregion
 export { i as Separator };
 
-//# sourceMappingURL=Separator.js.map
+//# sourceMappingURL=separator.js.map

package/dist/components/foundations/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","names":[],"sources":["../../../src/components/foundations/separator.tsx"],"sourcesContent":["import { cx } from \"@/internal\";\nimport { Separator as BaseSeparator, type SeparatorProps as BaseSeparatorProps } from \"@base-ui/react/separator\";\nimport * as React from \"react\";\nexport type SeparatorVariant = \"solid\" | \"technical\";\nexport type SeparatorSpacing = \"none\" | \"sm\" | \"md\" | \"lg\";\n\nexport interface SeparatorProps extends Omit<BaseSeparatorProps, \"className\" | \"style\"> {\n\tvariant?: SeparatorVariant;\n\tspacing?: SeparatorSpacing;\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n}\n\nexport const Separator = React.forwardRef<HTMLDivElement, SeparatorProps>(function Separator({ variant = \"solid\", spacing = \"md\", orientation = \"horizontal\", className, style, ...props }, ref) {\n\treturn <BaseSeparator {...props} ref={ref} orientation={orientation} data-variant={variant} data-spacing={spacing} className={cx(\"lyds-separator\", className)} style={style} />;\n});\n\nSeparator.displayName = \"Separator\";\n"],"mappings":";;;;;AAaA,IAAa,IAAY,EAAM,WAA2C,SAAmB,EAAE,aAAU,SAAS,aAAU,MAAM,iBAAc,cAAc,cAAW,UAAO,GAAG,KAAS,GAAK;CAChM,OAAO,kBAAC,GAAD;EAAe,GAAI;EAAY;EAAkB;EAAa,gBAAc;EAAS,gBAAc;EAAS,WAAW,EAAG,kBAAkB,CAAS;EAAU;CAAQ,CAAA;AAC/K,CAAC;AAED,EAAU,cAAc"}

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

@@ -1,91 +1,95 @@
-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";
+import { cx as e } from "../../internal/class-names.js";
+import { useMessages as t } from "../../intl/provider.js";
+import { CaretRightIcon as n } from "@phosphor-icons/react/dist/csr/CaretRight";
+import { forwardRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { ArrowLeftIcon as o } from "@phosphor-icons/react/dist/csr/ArrowLeft";
+import { ArrowRightIcon as s } from "@phosphor-icons/react/dist/csr/ArrowRight";
+import { DotsThreeIcon as c } 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
+var l = r(function({ className: n, label: r, ...a }, o) {
+	let s = t();
+	return /* @__PURE__ */ i("nav", {
+		ref: o,
+		"aria-label": r ?? s.breadcrumbLabel,
+		className: e("lyds-breadcrumb", n),
+		...a
 	});
-}), l = n(function({ className: t, ...n }, i) {
-	return /* @__PURE__ */ r("ol", {
-		ref: i,
+}), u = r(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ i("ol", {
+		ref: r,
 		className: e("lyds-breadcrumb__list", t),
 		...n
 	});
-}), u = n(function({ className: t, ...n }, i) {
-	return /* @__PURE__ */ r("li", {
-		ref: i,
+}), d = r(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ i("li", {
+		ref: r,
 		className: e("lyds-breadcrumb__item", t),
 		...n
 	});
-}), d = n(function({ children: t, className: n, ...i }, a) {
-	return /* @__PURE__ */ r("a", {
+}), f = r(function({ children: t, className: n, ...r }, a) {
+	return /* @__PURE__ */ i("a", {
 		ref: a,
 		className: e("lyds-breadcrumb__link", n),
-		...i,
+		...r,
 		children: t
 	});
-}), f = n(function({ className: t, ...n }, i) {
-	return /* @__PURE__ */ r("span", {
-		ref: i,
+}), p = r(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ i("span", {
+		ref: r,
 		"aria-current": "page",
 		className: e("lyds-breadcrumb__page", t),
 		...n
 	});
-}), p = n(function({ children: n, className: i, ...a }, o) {
-	return /* @__PURE__ */ r("span", {
+}), m = r(function({ children: t, className: r, ...a }, o) {
+	return /* @__PURE__ */ i("span", {
 		ref: o,
 		"aria-hidden": "true",
-		className: e("lyds-breadcrumb__separator", i),
+		className: e("lyds-breadcrumb__separator", r),
 		...a,
-		children: n ?? /* @__PURE__ */ r(t, {
+		children: t ?? /* @__PURE__ */ i(n, {
 			"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", {
+}), h = r(function({ "aria-label": n, className: r, children: o, ...s }, l) {
+	let u = t();
+	return /* @__PURE__ */ a("span", {
+		ref: l,
+		className: e("lyds-breadcrumb__ellipsis", r),
+		...s,
+		children: [o ? /* @__PURE__ */ i("span", {
 			"aria-hidden": "true",
-			children: a
-		}) : /* @__PURE__ */ r(s, {
+			children: o
+		}) : /* @__PURE__ */ i(c, {
 			"aria-hidden": "true",
 			weight: "bold"
-		}), /* @__PURE__ */ r("span", {
+		}), /* @__PURE__ */ i("span", {
 			className: "lyds-sr-only",
-			children: t
+			children: n ?? u.breadcrumbMore
 		})]
 	});
-}), 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 = r(function({ className: n, label: r, ...a }, o) {
+	let s = t();
+	return /* @__PURE__ */ i("nav", {
+		ref: o,
+		"aria-label": r ?? s.paginationLabel,
+		className: e("lyds-pagination", n),
+		...a
 	});
-}), g = n(function({ className: t, ...n }, i) {
-	return /* @__PURE__ */ r("ul", {
-		ref: i,
+}), _ = r(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ i("ul", {
+		ref: r,
 		className: e("lyds-pagination__list", t),
 		...n
 	});
-}), _ = n(function({ className: t, ...n }, i) {
-	return /* @__PURE__ */ r("li", {
-		ref: i,
+}), v = r(function({ className: t, ...n }, r) {
+	return /* @__PURE__ */ i("li", {
+		ref: r,
 		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) {
+}), y = r(function({ children: t, className: n, current: r = !1, disabled: a = !1, href: o, onClick: s, tabIndex: c, ...l }, u) {
 	let d = {
 		onClick: (e) => {
 			if (a) {
@@ -96,66 +100,69 @@ var c = n(function({ className: t, label: n = "麵包屑導覽", ...i }, a) {
 		},
 		tabIndex: a ? -1 : c
 	};
-	return /* @__PURE__ */ r("a", {
+	return /* @__PURE__ */ i("a", {
 		...l,
 		ref: u,
-		"aria-current": i ? "page" : void 0,
+		"aria-current": r ? "page" : void 0,
 		"aria-disabled": a || void 0,
 		className: e("lyds-pagination__control", n),
-		"data-current": i ? "" : void 0,
+		"data-current": r ? "" : 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", {
+}), b = r(function({ className: t, current: n = !1, type: r = "button", ...a }, o) {
+	return /* @__PURE__ */ i("button", {
 		ref: o,
 		"aria-current": n ? "page" : void 0,
 		className: e("lyds-pagination__control", t),
 		"data-current": n ? "" : void 0,
-		type: i,
+		type: r,
 		...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, {
+}), x = r(function({ "aria-label": e, children: n, ...r }, a) {
+	let s = t();
+	return /* @__PURE__ */ i(y, {
+		ref: a,
+		"aria-label": e ?? s.paginationPrevious,
+		...r,
+		children: n ?? /* @__PURE__ */ i(o, {
 			"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, {
+}), S = r(function({ "aria-label": e, children: n, ...r }, a) {
+	let o = t();
+	return /* @__PURE__ */ i(y, {
+		ref: a,
+		"aria-label": e ?? o.paginationNext,
+		...r,
+		children: n ?? /* @__PURE__ */ i(s, {
 			"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", {
+}), C = r(function({ "aria-label": n, children: r, className: o, ...s }, l) {
+	let u = t();
+	return /* @__PURE__ */ a("span", {
+		ref: l,
+		className: e("lyds-pagination__ellipsis", o),
+		...s,
+		children: [r ? /* @__PURE__ */ i("span", {
 			"aria-hidden": "true",
-			children: n
-		}) : /* @__PURE__ */ r(s, {
+			children: r
+		}) : /* @__PURE__ */ i(c, {
 			"aria-hidden": "true",
 			weight: "bold"
-		}), /* @__PURE__ */ r("span", {
+		}), /* @__PURE__ */ i("span", {
 			className: "lyds-sr-only",
-			children: t
+			children: n ?? u.paginationMore
 		})]
 	});
 });
 //#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 };
+export { l as Breadcrumb, h as BreadcrumbEllipsis, d as BreadcrumbItem, f as BreadcrumbLink, u as BreadcrumbList, p as BreadcrumbPage, m as BreadcrumbSeparator, g as Pagination, b as PaginationButton, C as PaginationEllipsis, v as PaginationItem, y as PaginationLink, _ as PaginationList, S as PaginationNext, x as PaginationPrevious };
 
 //# sourceMappingURL=breadcrumb-pagination.js.map

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>>;
+};