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

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

@@ -0,0 +1,47 @@
+import { ComponentRenderProp, ElementProps } from './shared.js';
+import * as React from "react";
+export type CardVariant = "material" | "elevated" | "inset" | "outline" | "cloud";
+export type CardSize = "sm" | "md" | "lg";
+export interface CardState extends Record<string, unknown> {
+    size: CardSize;
+    variant: CardVariant;
+}
+export interface CardProps extends Omit<ElementProps<"div">, "children"> {
+    children: React.ReactNode;
+    variant?: CardVariant;
+    size?: CardSize;
+    render?: ComponentRenderProp<CardState>;
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export type CloudBoxProps = Omit<CardProps, "variant">;
+export declare const CloudBox: React.ForwardRefExoticComponent<CloudBoxProps & React.RefAttributes<HTMLDivElement>>;
+type CardSlotProps<ElementType extends React.ElementType> = Omit<ElementProps<ElementType>, "children"> & {
+    children: React.ReactNode;
+    render?: ComponentRenderProp<Record<string, unknown>>;
+};
+export type CardHeaderProps = CardSlotProps<"div">;
+export declare const CardHeader: React.ForwardRefExoticComponent<Omit<ElementProps<"div">, "children"> & {
+    children: React.ReactNode;
+    render?: ComponentRenderProp<Record<string, unknown>>;
+} & React.RefAttributes<HTMLDivElement>>;
+export type CardTitleProps = CardSlotProps<"h3">;
+export declare const CardTitle: React.ForwardRefExoticComponent<Omit<ElementProps<"h3">, "children"> & {
+    children: React.ReactNode;
+    render?: ComponentRenderProp<Record<string, unknown>>;
+} & React.RefAttributes<HTMLHeadingElement>>;
+export type CardDescriptionProps = CardSlotProps<"p">;
+export declare const CardDescription: React.ForwardRefExoticComponent<Omit<ElementProps<"p">, "children"> & {
+    children: React.ReactNode;
+    render?: ComponentRenderProp<Record<string, unknown>>;
+} & React.RefAttributes<HTMLParagraphElement>>;
+export type CardBodyProps = CardSlotProps<"div">;
+export declare const CardBody: React.ForwardRefExoticComponent<Omit<ElementProps<"div">, "children"> & {
+    children: React.ReactNode;
+    render?: ComponentRenderProp<Record<string, unknown>>;
+} & React.RefAttributes<HTMLDivElement>>;
+export type CardFooterProps = CardSlotProps<"div">;
+export declare const CardFooter: React.ForwardRefExoticComponent<Omit<ElementProps<"div">, "children"> & {
+    children: React.ReactNode;
+    render?: ComponentRenderProp<Record<string, unknown>>;
+} & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/foundations/Card.js

@@ -0,0 +1,57 @@
+import { mergeClassNames as e } from "./shared.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { useRender as r } from "@base-ui/react/use-render";
+//#region src/components/foundations/Card.tsx
+var i = t.forwardRef(function({ children: t, variant: n = "material", size: i = "md", render: a, className: o, ...s }, c) {
+	return r({
+		defaultTagName: "div",
+		ref: c,
+		render: a,
+		state: {
+			size: i,
+			variant: n
+		},
+		props: {
+			...s,
+			children: t,
+			className: e("lyds-card", o)
+		}
+	});
+});
+i.displayName = "Card";
+var a = t.forwardRef(function(e, t) {
+	return /* @__PURE__ */ n(i, {
+		...e,
+		ref: t,
+		variant: "cloud"
+	});
+});
+a.displayName = "CloudBox";
+function o(t, n, i, a, o, s, c) {
+	return r({
+		defaultTagName: t,
+		ref: c,
+		render: a,
+		props: {
+			...s,
+			children: i,
+			className: e(`lyds-card__${n}`, o)
+		}
+	});
+}
+var s = t.forwardRef(function({ children: e, render: t, className: n, ...r }, i) {
+	return o("div", "header", e, t, n, r, i);
+}), c = t.forwardRef(function({ children: e, render: t, className: n, ...r }, i) {
+	return o("h3", "title", e, t, n, r, i);
+}), l = t.forwardRef(function({ children: e, render: t, className: n, ...r }, i) {
+	return o("p", "description", e, t, n, r, i);
+}), u = t.forwardRef(function({ children: e, render: t, className: n, ...r }, i) {
+	return o("div", "body", e, t, n, r, i);
+}), d = t.forwardRef(function({ children: e, render: t, className: n, ...r }, i) {
+	return o("div", "footer", e, t, n, r, i);
+});
+//#endregion
+export { i as Card, u as CardBody, l as CardDescription, d as CardFooter, s as CardHeader, c as CardTitle, a as CloudBox };
+
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","names":[],"sources":["../../../src/components/foundations/Card.tsx"],"sourcesContent":["import { useRender } from \"@base-ui/react/use-render\";\nimport * as React from \"react\";\nimport { type ComponentRenderProp, type ElementProps, mergeClassNames } from \"./shared\";\n\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: mergeClassNames(\"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: mergeClassNames(`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\">;\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(function CardTitle({ children, render, className, ...props }, ref) {\n\treturn useCardSlot(\"h3\", \"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,EAAgB,aAAa,CAAS;EAClD;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,EAAgB,cAAc,KAAY,CAAS;EAC/D;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,GAGY,IAAY,EAAM,WAA+C,SAAmB,EAAE,aAAU,WAAQ,cAAW,GAAG,KAAS,GAAK;CAChJ,OAAO,EAAY,MAAM,SAAS,GAAU,GAAQ,GAAW,GAAO,CAAG;AAC1E,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

@@ -0,0 +1,25 @@
+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;
+};
+export type IconButtonProps = IconButtonBaseProps & AccessibleName;
+export declare const IconButton: React.ForwardRefExoticComponent<(Omit<Omit<ButtonProps, "aria-label" | "aria-labelledby" | "children" | "startIcon" | "endIcon"> & {
+    children: React.ReactNode;
+} & {
+    "aria-label": string;
+    "aria-labelledby"?: string;
+}, "ref"> | Omit<Omit<ButtonProps, "aria-label" | "aria-labelledby" | "children" | "startIcon" | "endIcon"> & {
+    children: React.ReactNode;
+} & {
+    "aria-label"?: string;
+    "aria-labelledby": string;
+}, "ref">) & React.RefAttributes<HTMLElement>>;
+export {};

package/dist/components/foundations/IconButton.js

@@ -0,0 +1,19 @@
+import { mergeClassNames as e } from "./shared.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
+var i = n.forwardRef(function({ children: n, className: i, loading: a = !1, ...o }, s) {
+	return /* @__PURE__ */ r(t, {
+		...o,
+		ref: s,
+		className: e("lyds-icon-button", i),
+		loading: a,
+		children: a ? null : n
+	});
+});
+i.displayName = "IconButton";
+//#endregion
+export { i as IconButton };
+
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","names":[],"sources":["../../../src/components/foundations/IconButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Button, type ButtonProps } from \"./Button\";\nimport { mergeClassNames } from \"./shared\";\n\ntype AccessibleName =\n\t| {\n\t\t\t\"aria-label\": string;\n\t\t\t\"aria-labelledby\"?: string;\n\t  }\n\t| {\n\t\t\t\"aria-label\"?: string;\n\t\t\t\"aria-labelledby\": string;\n\t  };\n\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={mergeClassNames(\"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":";;;;;AAoBA,IAAa,IAAa,EAAM,WAAyC,SAAoB,EAAE,aAAU,cAAW,aAAU,IAAO,GAAG,KAAS,GAAK;CACrJ,OACC,kBAAC,GAAD;EAAQ,GAAI;EAAY;EAAK,WAAW,EAAgB,oBAAoB,CAAS;EAAY;EAC/F,UAAA,IAAU,OAAO;CACX,CAAA;AAEV,CAAC;AAED,EAAW,cAAc"}

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

@@ -0,0 +1,19 @@
+import { ComponentRenderProp, ElementProps } from './shared.js';
+import * as React from "react";
+export type LinkVariant = "default" | "accent" | "subtle";
+export type LinkSize = "sm" | "md" | "lg";
+export interface LinkState extends Record<string, unknown> {
+    disabled: boolean;
+    external: boolean;
+    size: LinkSize;
+    variant: LinkVariant;
+}
+export interface LinkProps extends Omit<ElementProps<"a">, "children"> {
+    children: React.ReactNode;
+    variant?: LinkVariant;
+    size?: LinkSize;
+    disabled?: boolean;
+    external?: boolean;
+    render?: ComponentRenderProp<LinkState>;
+}
+export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/foundations/Link.js

@@ -0,0 +1,40 @@
+import { mergeClassNames as e } from "./shared.js";
+import * as t from "react";
+import { useRender as n } from "@base-ui/react/use-render";
+//#region src/components/foundations/Link.tsx
+var r = t.forwardRef(function({ children: t, variant: r = "default", size: i = "md", disabled: a = !1, external: o = !1, render: s, className: c, href: l, target: u, rel: d, onClick: f, ...p }, m) {
+	let h = {
+		disabled: a,
+		external: o,
+		size: i,
+		variant: r
+	}, g = u === "_blank" && !d ? "noopener noreferrer" : d;
+	return n({
+		defaultTagName: "a",
+		ref: m,
+		render: a ? void 0 : s,
+		state: h,
+		props: {
+			...p,
+			children: t,
+			href: a ? void 0 : l,
+			target: u,
+			rel: g,
+			"aria-disabled": a || void 0,
+			tabIndex: a ? -1 : p.tabIndex,
+			className: e("lyds-link", c),
+			onClick: (e) => {
+				if (a) {
+					e.preventDefault(), e.stopPropagation();
+					return;
+				}
+				f?.(e);
+			}
+		}
+	});
+});
+r.displayName = "Link";
+//#endregion
+export { r 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 { useRender } from \"@base-ui/react/use-render\";\nimport * as React from \"react\";\nimport { type ComponentRenderProp, type ElementProps, mergeClassNames } from \"./shared\";\n\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 state: LinkState = { disabled, external, size, variant };\n\tconst secureRel = target === \"_blank\" && !rel ? \"noopener noreferrer\" : rel;\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,\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\ttabIndex: disabled ? -1 : props.tabIndex,\n\t\t\tclassName: mergeClassNames(\"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,IAAmB;EAAE;EAAU;EAAU;EAAM;CAAQ,GACvD,IAAY,MAAW,YAAY,CAAC,IAAM,wBAAwB;CAExE,OAAO,EAAwC;EAC9C,gBAAgB;EAChB;EAGA,QAAQ,IAAW,KAAA,IAAY;EAC/B;EACA,OAAO;GACN,GAAG;GACH;GACA,MAAM,IAAW,KAAA,IAAY;GAC7B;GACA,KAAK;GACL,iBAAiB,KAAY,KAAA;GAC7B,UAAU,IAAW,KAAK,EAAM;GAChC,WAAW,EAAgB,aAAa,CAAS;GACjD,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

@@ -0,0 +1,68 @@
+import { ComponentRenderProp, ElementProps } from './shared.js';
+import * as React from "react";
+export type ListCellVariant = "default" | "inset";
+export type ListCellSize = "sm" | "md" | "lg";
+export type ListCellCurrentSemantics = "page" | "step" | "location" | "date" | "time";
+export interface ListCellState extends Record<string, unknown> {
+    disabled: boolean;
+    interactive: boolean;
+    selected: boolean;
+    size: ListCellSize;
+    variant: ListCellVariant;
+}
+type ListCellSelectionProps = {
+    selected?: never;
+    selectionSemantics?: never;
+} | {
+    selected: boolean;
+    selectionSemantics: ListCellCurrentSemantics;
+} | {
+    selected: boolean;
+    selectionSemantics: "selected";
+    role: "gridcell" | "option" | "row" | "tab" | "treeitem";
+};
+export type ListCellProps = Omit<ElementProps<"div">, "children" | "title"> & ListCellSelectionProps & {
+    children?: React.ReactNode;
+    leading?: React.ReactNode;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    metadata?: React.ReactNode;
+    trailing?: React.ReactNode;
+    action?: ListCellActionProps;
+    actionRef?: React.Ref<HTMLElement>;
+    variant?: ListCellVariant;
+    size?: ListCellSize;
+    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;
+    disabled?: boolean;
+};
+type ListCellButtonActionProps = Omit<ElementProps<"button">, "aria-label" | "aria-labelledby" | "children" | "className" | "href"> & {
+    href?: never;
+    className?: string;
+    disabled?: boolean;
+};
+export type ListCellActionProps = AccessibleName & (ListCellLinkActionProps | ListCellButtonActionProps);
+export declare const ListCellAction: React.ForwardRefExoticComponent<ListCellActionProps & React.RefAttributes<HTMLElement>>;
+export declare const ListCell: React.ForwardRefExoticComponent<ListCellProps & React.RefAttributes<HTMLElement>>;
+interface ListCellSlotProps extends Omit<ElementProps<"span">, "children"> {
+    children: React.ReactNode;
+    render?: ComponentRenderProp<Record<string, unknown>>;
+}
+export declare const ListCellLeading: React.ForwardRefExoticComponent<ListCellSlotProps & React.RefAttributes<HTMLElement>>;
+export declare const ListCellContent: React.ForwardRefExoticComponent<ListCellSlotProps & React.RefAttributes<HTMLElement>>;
+export declare const ListCellTitle: React.ForwardRefExoticComponent<ListCellSlotProps & React.RefAttributes<HTMLElement>>;
+export declare const ListCellDescription: React.ForwardRefExoticComponent<ListCellSlotProps & React.RefAttributes<HTMLElement>>;
+export declare const ListCellMetadata: React.ForwardRefExoticComponent<ListCellSlotProps & React.RefAttributes<HTMLElement>>;
+export declare const ListCellTrailing: React.ForwardRefExoticComponent<ListCellSlotProps & React.RefAttributes<HTMLElement>>;
+export {};

package/dist/components/foundations/ListCell.js

@@ -0,0 +1,105 @@
+import { mergeClassNames as e } from "./shared.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
+var o = t.createContext({
+	current: void 0,
+	disabled: !1
+}), s = t.forwardRef(function(n, i) {
+	let a = t.useContext(o), s = a.disabled || n.disabled === !0;
+	if ("href" in n && n.href !== void 0) {
+		let { className: t, href: o, onClick: c, rel: l, target: u, ...d } = n;
+		return /* @__PURE__ */ r("a", {
+			...d,
+			ref: i,
+			href: s ? void 0 : o,
+			target: u,
+			rel: u === "_blank" && !l ? "noopener noreferrer" : l,
+			"aria-current": n["aria-current"] ?? a.current,
+			"aria-disabled": s || void 0,
+			tabIndex: s ? -1 : d.tabIndex,
+			className: e("lyds-list-cell__action", t),
+			onClick: (e) => {
+				if (s) {
+					e.preventDefault();
+					return;
+				}
+				c?.(e);
+			},
+			children: /* @__PURE__ */ r("span", {
+				className: "lyds-sr-only",
+				children: n["aria-label"] ?? ""
+			})
+		});
+	}
+	let { className: c, onClick: l, type: u, ...d } = n;
+	return /* @__PURE__ */ r("button", {
+		...d,
+		ref: i,
+		type: u ?? "button",
+		disabled: s,
+		"aria-current": n["aria-current"] ?? a.current,
+		className: e("lyds-list-cell__action", c),
+		onClick: l
+	});
+});
+s.displayName = "ListCellAction";
+var c = t.forwardRef(function({ children: t, leading: c, title: l, description: g, metadata: _, trailing: v, action: y, actionRef: b, variant: x = "default", size: S = "md", selected: C = !1, selectionSemantics: w, disabled: T = !1, render: E, className: D, ...O }, k) {
+	let A = {
+		disabled: T,
+		interactive: y != null,
+		selected: C,
+		size: S,
+		variant: x
+	}, j = t ?? /* @__PURE__ */ i(n, { children: [
+		c == null ? null : /* @__PURE__ */ r(u, { children: c }),
+		/* @__PURE__ */ i(d, { children: [l == null ? null : /* @__PURE__ */ r(f, { children: l }), g == null ? null : /* @__PURE__ */ r(p, { children: g })] }),
+		_ == null ? null : /* @__PURE__ */ r(m, { children: _ }),
+		v == null ? null : /* @__PURE__ */ r(h, { children: v })
+	] }), M = w && w !== "selected" ? w : void 0, N = M ? C ? M : !1 : void 0;
+	return a({
+		defaultTagName: "div",
+		ref: k,
+		render: E,
+		state: A,
+		props: {
+			...O,
+			className: e("lyds-list-cell", D),
+			"aria-current": !y && N !== void 0 ? N : O["aria-current"],
+			"aria-disabled": !y && T ? !0 : O["aria-disabled"],
+			"aria-selected": w === "selected" ? C : O["aria-selected"],
+			children: /* @__PURE__ */ i(o.Provider, {
+				value: {
+					current: N,
+					disabled: T
+				},
+				children: [y ? /* @__PURE__ */ r(s, {
+					ref: b,
+					...y
+				}) : null, j]
+			})
+		}
+	});
+});
+c.displayName = "ListCell";
+function l(n) {
+	let r = t.forwardRef(function({ children: t, render: r, className: i, ...o }, s) {
+		return a({
+			defaultTagName: "span",
+			ref: s,
+			render: r,
+			props: {
+				...o,
+				children: t,
+				className: e(`lyds-list-cell__${n}`, i)
+			}
+		});
+	});
+	return r.displayName = `ListCell${n[0]?.toUpperCase() ?? ""}${n.slice(1)}`, r;
+}
+var u = l("leading"), d = l("content"), f = l("title"), p = l("description"), m = l("metadata"), h = l("trailing");
+//#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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListCell.js","names":[],"sources":["../../../src/components/foundations/ListCell.tsx"],"sourcesContent":["import { useRender } from \"@base-ui/react/use-render\";\nimport * as React from \"react\";\nimport { type ComponentRenderProp, type ElementProps, mergeClassNames } from \"./shared\";\n\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 AccessibleName =\n\t| {\n\t\t\t\"aria-label\": string;\n\t\t\t\"aria-labelledby\"?: string;\n\t  }\n\t| {\n\t\t\t\"aria-label\"?: string;\n\t\t\t\"aria-labelledby\": string;\n\t  };\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={mergeClassNames(\"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={mergeClassNames(\"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: mergeClassNames(\"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: mergeClassNames(`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

@@ -0,0 +1,17 @@
+import { ComponentRenderProp, ElementProps } from './shared.js';
+import * as React from "react";
+export type SectionHeadingSize = "sm" | "md" | "lg";
+export type SectionHeadingLevel = 2 | 3 | 4 | 5 | 6;
+export interface SectionHeadingState extends Record<string, unknown> {
+    size: SectionHeadingSize;
+}
+export interface SectionHeadingProps extends Omit<ElementProps<"header">, "children" | "title"> {
+    children: React.ReactNode;
+    annotation?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: React.ReactNode;
+    level?: SectionHeadingLevel;
+    size?: SectionHeadingSize;
+    render?: ComponentRenderProp<SectionHeadingState>;
+}
+export declare const SectionHeading: React.ForwardRefExoticComponent<SectionHeadingProps & React.RefAttributes<HTMLElement>>;

package/dist/components/foundations/SectionHeading.js

@@ -0,0 +1,50 @@
+import { mergeClassNames as e } from "./shared.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
+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({
+		defaultTagName: "header",
+		ref: m,
+		render: d,
+		state: { size: u },
+		props: {
+			...p,
+			className: e("lyds-section-heading", f),
+			children: /* @__PURE__ */ i(n, { children: [
+				/* @__PURE__ */ r("span", {
+					className: "lyds-section-heading__rail",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ i("span", {
+					className: "lyds-section-heading__content",
+					children: [
+						o == null ? null : /* @__PURE__ */ r("span", {
+							className: "lyds-section-heading__annotation",
+							children: o
+						}),
+						/* @__PURE__ */ r(h, {
+							className: "lyds-section-heading__title",
+							children: t
+						}),
+						s == null ? null : /* @__PURE__ */ r("span", {
+							className: "lyds-section-heading__description",
+							children: s
+						})
+					]
+				}),
+				c == null ? null : /* @__PURE__ */ r("span", {
+					className: "lyds-section-heading__action",
+					children: c
+				})
+			] })
+		}
+	});
+});
+o.displayName = "SectionHeading";
+//#endregion
+export { o as SectionHeading };
+
+//# sourceMappingURL=SectionHeading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionHeading.js","names":[],"sources":["../../../src/components/foundations/SectionHeading.tsx"],"sourcesContent":["import { useRender } from \"@base-ui/react/use-render\";\nimport * as React from \"react\";\nimport { type ComponentRenderProp, type ElementProps, mergeClassNames } from \"./shared\";\n\nexport type SectionHeadingSize = \"sm\" | \"md\" | \"lg\";\nexport type SectionHeadingLevel = 2 | 3 | 4 | 5 | 6;\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: mergeClassNames(\"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":";;;;;AAqBA,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,EAAgB,wBAAwB,CAAS;GAC5D,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.d.ts

@@ -0,0 +1,11 @@
+import { SeparatorProps as BaseSeparatorProps } from '@base-ui/react/separator';
+import * as React from "react";
+export type SeparatorVariant = "solid" | "technical";
+export type SeparatorSpacing = "none" | "sm" | "md" | "lg";
+export interface SeparatorProps extends Omit<BaseSeparatorProps, "className" | "style"> {
+    variant?: SeparatorVariant;
+    spacing?: SeparatorSpacing;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/foundations/Separator.js

@@ -0,0 +1,21 @@
+import { mergeClassNames as e } from "./shared.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
+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,
+		ref: l,
+		orientation: a,
+		"data-variant": t,
+		"data-spacing": i,
+		className: e("lyds-separator", o),
+		style: s
+	});
+});
+i.displayName = "Separator";
+//#endregion
+export { i as Separator };
+
+//# 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 { Separator as BaseSeparator, type SeparatorProps as BaseSeparatorProps } from \"@base-ui/react/separator\";\nimport * as React from \"react\";\nimport { mergeClassNames } from \"./shared\";\n\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={mergeClassNames(\"lyds-separator\", className)} style={style} />;\n});\n\nSeparator.displayName = \"Separator\";\n"],"mappings":";;;;;AAcA,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,EAAgB,kBAAkB,CAAS;EAAU;CAAQ,CAAA;AAC5L,CAAC;AAED,EAAU,cAAc"}

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

@@ -0,0 +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';

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

@@ -0,0 +1,5 @@
+import { useRender } from '@base-ui/react/use-render';
+import type * as React from "react";
+export type ComponentRenderProp<State extends Record<string, unknown>> = useRender.RenderProp<State>;
+export type ElementProps<ElementType extends React.ElementType> = Omit<React.ComponentPropsWithoutRef<ElementType>, "color">;
+export declare function mergeClassNames(...classNames: Array<string | undefined | false>): string;

package/dist/components/foundations/shared.js

@@ -0,0 +1,8 @@
+//#region src/components/foundations/shared.ts
+function e(...e) {
+	return e.filter(Boolean).join(" ");
+}
+//#endregion
+export { e as mergeClassNames };
+
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","names":[],"sources":["../../../src/components/foundations/shared.ts"],"sourcesContent":["import type { useRender } from \"@base-ui/react/use-render\";\nimport type * as React from \"react\";\n\nexport type ComponentRenderProp<State extends Record<string, unknown>> = useRender.RenderProp<State>;\n\nexport type ElementProps<ElementType extends React.ElementType> = Omit<React.ComponentPropsWithoutRef<ElementType>, \"color\">;\n\nexport function mergeClassNames(...classNames: Array<string | undefined | false>): string {\n\treturn classNames.filter(Boolean).join(\" \");\n}\n"],"mappings":";AAOA,SAAgB,EAAgB,GAAG,GAAuD;CACzF,OAAO,EAAW,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC3C"}

package/dist/components/navigation-data/breadcrumb-pagination.d.ts

@@ -0,0 +1,34 @@
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes, LiHTMLAttributes, ReactNode } from 'react';
+export interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
+    /** 麵包屑導覽區域的無障礙名稱。 */
+    label?: string;
+}
+export declare const Breadcrumb: import('react').ForwardRefExoticComponent<BreadcrumbProps & import('react').RefAttributes<HTMLElement>>;
+export declare const BreadcrumbList: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLOListElement> & import('react').RefAttributes<HTMLOListElement>>;
+export declare const BreadcrumbItem: import('react').ForwardRefExoticComponent<LiHTMLAttributes<HTMLLIElement> & import('react').RefAttributes<HTMLLIElement>>;
+export declare const BreadcrumbLink: import('react').ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & import('react').RefAttributes<HTMLAnchorElement>>;
+export declare const BreadcrumbPage: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
+export interface BreadcrumbSeparatorProps extends HTMLAttributes<HTMLSpanElement> {
+    children?: ReactNode;
+}
+export declare const BreadcrumbSeparator: import('react').ForwardRefExoticComponent<BreadcrumbSeparatorProps & import('react').RefAttributes<HTMLSpanElement>>;
+export declare const BreadcrumbEllipsis: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;
+export interface PaginationProps extends HTMLAttributes<HTMLElement> {
+    /** 分頁導覽區域的無障礙名稱。 */
+    label?: string;
+}
+export declare const Pagination: import('react').ForwardRefExoticComponent<PaginationProps & import('react').RefAttributes<HTMLElement>>;
+export declare const PaginationList: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & import('react').RefAttributes<HTMLUListElement>>;
+export declare const PaginationItem: import('react').ForwardRefExoticComponent<LiHTMLAttributes<HTMLLIElement> & import('react').RefAttributes<HTMLLIElement>>;
+export interface PaginationLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    current?: boolean;
+    disabled?: boolean;
+}
+export declare const PaginationLink: import('react').ForwardRefExoticComponent<PaginationLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export interface PaginationButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    current?: boolean;
+}
+export declare const PaginationButton: import('react').ForwardRefExoticComponent<PaginationButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const PaginationPrevious: import('react').ForwardRefExoticComponent<PaginationLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export declare const PaginationNext: import('react').ForwardRefExoticComponent<PaginationLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export declare const PaginationEllipsis: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import('react').RefAttributes<HTMLSpanElement>>;