@stridge/noctis 1.0.0-beta.4 → 1.0.0-beta.6

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,163 @@
+import { BreadcrumbSize } from "./breadcrumb.types.js";
+import { BreadcrumbPartProps, BreadcrumbRootPropsArgs, BreadcrumbStatelessPropsArgs, ellipsisProps, iconProps, itemProps, linkProps, listProps, pageProps, rootProps, separatorProps } from "./breadcrumb.props.js";
+import { Primitive } from "../../core/primitive/primitive.js";
+import { ComponentProps, ReactElement } from "react";
+
+//#region src/components/breadcrumb/breadcrumb.d.ts
+/**
+ * The trail wrapper — a `<nav>` landmark named "Breadcrumb" (localized; a passed `aria-label` wins). It
+ * owns the `size` axis, stamped as `data-size` on the root so the precompiled `breadcrumb.css` keys its
+ * per-size metrics off it. Wrap the crumbs in a single `Breadcrumb.List`.
+ */
+declare function BreadcrumbRoot({
+  size,
+  className,
+  "aria-label": ariaLabel,
+  ...props
+}: Breadcrumb.Root.Props): ReactElement;
+/** The ordered trail — an `<ol>` laying crumbs and separators in a wrapping row. */
+declare function BreadcrumbList({
+  className,
+  ...props
+}: Breadcrumb.List.Props): ReactElement;
+/** A single crumb's `<li>` — wrap a `Breadcrumb.Link` (an ancestor) or `Breadcrumb.Page` (the current page). */
+declare function BreadcrumbItem({
+  className,
+  ...props
+}: Breadcrumb.Item.Props): ReactElement;
+/**
+ * An interactive ancestor crumb. Renders an `<a>` by default — muted, lifting to the foreground on
+ * hover and focus — and accepts Base UI's `render` prop so it can compose onto a router link
+ * (`<Breadcrumb.Link href="/docs" render={<NextLink href="/docs" />}>`) while keeping its slot and skin.
+ * Compose a leading `Breadcrumb.Icon` before the label for a glyph.
+ */
+declare function BreadcrumbLink({
+  className,
+  ...props
+}: Breadcrumb.Link.Props): ReactElement;
+/**
+ * The current page — the last crumb. A non-interactive `<span>` marked `aria-current="page"` so
+ * assistive tech announces it as the location; it reads in the foreground at a slightly heavier weight.
+ * Compose a leading `Breadcrumb.Icon` before the label for a glyph.
+ */
+declare function BreadcrumbPage({
+  className,
+  ...props
+}: Breadcrumb.Page.Props): ReactElement;
+/**
+ * The glyph between crumbs. A presentational `<li>` (hidden from assistive tech — the list order
+ * already conveys the hierarchy) holding a directional chevron by default; pass `children` to swap the
+ * glyph (a slash, a dot, any inline svg). It mirrors under RTL.
+ */
+declare function BreadcrumbSeparator({
+  className,
+  children,
+  ...props
+}: Breadcrumb.Separator.Props): ReactElement;
+/**
+ * A collapsed-run indicator standing in for crumbs hidden to fit a long trail. Draws an ellipsis glyph
+ * with a localized "More" name for assistive tech; pass `children` to swap the glyph. Wrap it in a
+ * `Breadcrumb.Item`, optionally making it the trigger of a menu that reveals the hidden crumbs.
+ */
+declare function BreadcrumbEllipsis({
+  className,
+  children,
+  ...props
+}: Breadcrumb.Ellipsis.Props): ReactElement;
+/**
+ * An optional leading glyph for a crumb. Clamps its glyph to the trail's icon size and inherits the
+ * crumb's text colour, so it tracks the label in every size. Decorative by default (`aria-hidden`);
+ * wrap an `<Icon>` or any inline svg inside it — don't put `data-slot` on the icon itself, which would
+ * drop its own token sizing.
+ */
+declare function BreadcrumbIcon({
+  className,
+  children,
+  ...props
+}: Breadcrumb.Icon.Props): ReactElement;
+/**
+ * A navigation trail showing the current page's location in a hierarchy. `Breadcrumb.Root` is the
+ * `<nav>` landmark and owns the `size`; inside it a single `Breadcrumb.List` (`<ol>`) holds a
+ * `Breadcrumb.Item` per crumb, separated by `Breadcrumb.Separator`. Each item wraps a
+ * `Breadcrumb.Link` (an ancestor crumb, which composes onto a router link via `render`) or the final
+ * `Breadcrumb.Page` (the current page). Compose a leading `Breadcrumb.Icon` in any crumb, and a
+ * `Breadcrumb.Ellipsis` to stand in for a collapsed run.
+ *
+ * Styling is precompiled in `breadcrumb.css`, keyed off the `data-slot` anchors plus the root's
+ * `data-size`; the colours read the `muted`/`foreground`/`subtle` roles directly, so a retheme
+ * propagates. The runtime compound is a plain object (kept tree-shakeable); per-part prop types are
+ * exposed through the matching `Breadcrumb` namespace — e.g. `Breadcrumb.Link.Props`.
+ */
+declare const Breadcrumb: {
+  /** The `<nav>` landmark; owns `size`. `Breadcrumb.Root.props({ size })` → its prop bag. */Root: typeof BreadcrumbRoot & {
+    props: typeof rootProps;
+  }; /** The ordered trail (`<ol>`). `Breadcrumb.List.props()` → its prop bag. */
+  List: typeof BreadcrumbList & {
+    props: typeof listProps;
+  }; /** A crumb's `<li>`. `Breadcrumb.Item.props()` → its prop bag. */
+  Item: typeof BreadcrumbItem & {
+    props: typeof itemProps;
+  }; /** An interactive ancestor crumb (`<a>`, composable via `render`). `Breadcrumb.Link.props()` → its prop bag. */
+  Link: typeof BreadcrumbLink & {
+    props: typeof linkProps;
+  }; /** The current page crumb. `Breadcrumb.Page.props()` → its prop bag (carries `aria-current="page"`). */
+  Page: typeof BreadcrumbPage & {
+    props: typeof pageProps;
+  }; /** The glyph between crumbs (presentational). `Breadcrumb.Separator.props()` → its prop bag. */
+  Separator: typeof BreadcrumbSeparator & {
+    props: typeof separatorProps;
+  }; /** A collapsed-run indicator. `Breadcrumb.Ellipsis.props()` → its prop bag. */
+  Ellipsis: typeof BreadcrumbEllipsis & {
+    props: typeof ellipsisProps;
+  }; /** A crumb's leading glyph (decorative). `Breadcrumb.Icon.props()` → its prop bag. */
+  Icon: typeof BreadcrumbIcon & {
+    props: typeof iconProps;
+  };
+};
+/**
+ * Per-part prop types. Types-only — it emits no runtime code and merges with the `Breadcrumb` object
+ * above, so `Breadcrumb.Root` is the component value while `Breadcrumb.Root.Props` is its prop type.
+ */
+declare namespace Breadcrumb {
+  /** The trail scale — `sm` | `md`. */
+  type Size = BreadcrumbSize;
+  /** The spreadable prop bag every `Breadcrumb.*.props()` returns (D12). */
+  type PartProps = BreadcrumbPartProps;
+  namespace Root {
+    type Props = ComponentProps<"nav"> & {
+      /**
+       * Trail scale — `md` (the default) or the denser `sm`. Sets the type size, the icon/separator
+       * glyph size, and the gaps.
+       * @default "md"
+       */
+      size?: BreadcrumbSize;
+    };
+    /** Argument to the `Breadcrumb.Root.props(...)` escape-hatch helper. */
+    type PropsArgs = BreadcrumbRootPropsArgs;
+  }
+  namespace List {
+    type Props = ComponentProps<"ol">;
+  }
+  namespace Item {
+    type Props = ComponentProps<"li">;
+  }
+  namespace Link {
+    type Props = Primitive.Props<"a">;
+  }
+  namespace Page {
+    type Props = ComponentProps<"span">;
+  }
+  namespace Separator {
+    type Props = ComponentProps<"li">;
+  }
+  namespace Ellipsis {
+    type Props = ComponentProps<"span">;
+  }
+  namespace Icon {
+    type Props = ComponentProps<"span">;
+  }
+  /** Argument to a stateless part's `props(...)` helper. */
+  type StatelessPropsArgs = BreadcrumbStatelessPropsArgs;
+}
+//#endregion
+export { Breadcrumb };

package/dist/components/breadcrumb/breadcrumb.js

@@ -0,0 +1,152 @@
+"use client";
+import { Icon } from "../../icons/icon.js";
+import { ChevronRightIcon, MoreHorizontalIcon } from "../../icons/glyphs.js";
+import { useInjectedLabels } from "../../core/use-injected-labels.js";
+import { VisuallyHidden } from "../../core/visually-hidden/visually-hidden.js";
+import { Primitive } from "../../core/primitive/primitive.js";
+import { BREADCRUMB_SLOTS } from "./breadcrumb.slots.js";
+import { ellipsisProps, iconProps, itemProps, linkProps, listProps, pageProps, rootProps, separatorProps } from "./breadcrumb.props.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/breadcrumb/breadcrumb.tsx
+const ROOT_LABEL_DEFAULTS = { label: "Breadcrumb" };
+const ROOT_LABEL_KEYS = { label: "breadcrumb.label" };
+const ELLIPSIS_LABEL_DEFAULTS = { more: "More" };
+const ELLIPSIS_LABEL_KEYS = { more: "breadcrumb.more" };
+/**
+* The trail wrapper — a `<nav>` landmark named "Breadcrumb" (localized; a passed `aria-label` wins). It
+* owns the `size` axis, stamped as `data-size` on the root so the precompiled `breadcrumb.css` keys its
+* per-size metrics off it. Wrap the crumbs in a single `Breadcrumb.List`.
+*/
+function BreadcrumbRoot({ size = "md", className, "aria-label": ariaLabel, ...props }) {
+	const labels = useInjectedLabels(ROOT_LABEL_DEFAULTS, ROOT_LABEL_KEYS, void 0);
+	return /* @__PURE__ */ jsx("nav", {
+		"data-slot": BREADCRUMB_SLOTS.root,
+		"data-size": size,
+		"aria-label": ariaLabel ?? labels.label,
+		className,
+		...props
+	});
+}
+/** The ordered trail — an `<ol>` laying crumbs and separators in a wrapping row. */
+function BreadcrumbList({ className, ...props }) {
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": BREADCRUMB_SLOTS.list,
+		className,
+		...props
+	});
+}
+/** A single crumb's `<li>` — wrap a `Breadcrumb.Link` (an ancestor) or `Breadcrumb.Page` (the current page). */
+function BreadcrumbItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": BREADCRUMB_SLOTS.item,
+		className,
+		...props
+	});
+}
+/**
+* An interactive ancestor crumb. Renders an `<a>` by default — muted, lifting to the foreground on
+* hover and focus — and accepts Base UI's `render` prop so it can compose onto a router link
+* (`<Breadcrumb.Link href="/docs" render={<NextLink href="/docs" />}>`) while keeping its slot and skin.
+* Compose a leading `Breadcrumb.Icon` before the label for a glyph.
+*/
+function BreadcrumbLink({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Primitive, {
+		as: "a",
+		"data-slot": BREADCRUMB_SLOTS.link,
+		className,
+		...props
+	});
+}
+/**
+* The current page — the last crumb. A non-interactive `<span>` marked `aria-current="page"` so
+* assistive tech announces it as the location; it reads in the foreground at a slightly heavier weight.
+* Compose a leading `Breadcrumb.Icon` before the label for a glyph.
+*/
+function BreadcrumbPage({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": BREADCRUMB_SLOTS.page,
+		"aria-current": "page",
+		className,
+		...props
+	});
+}
+/**
+* The glyph between crumbs. A presentational `<li>` (hidden from assistive tech — the list order
+* already conveys the hierarchy) holding a directional chevron by default; pass `children` to swap the
+* glyph (a slash, a dot, any inline svg). It mirrors under RTL.
+*/
+function BreadcrumbSeparator({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": BREADCRUMB_SLOTS.separator,
+		role: "presentation",
+		"aria-hidden": true,
+		className,
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(Icon, {
+			icon: ChevronRightIcon,
+			directional: true
+		})
+	});
+}
+/**
+* A collapsed-run indicator standing in for crumbs hidden to fit a long trail. Draws an ellipsis glyph
+* with a localized "More" name for assistive tech; pass `children` to swap the glyph. Wrap it in a
+* `Breadcrumb.Item`, optionally making it the trigger of a menu that reveals the hidden crumbs.
+*/
+function BreadcrumbEllipsis({ className, children, ...props }) {
+	const labels = useInjectedLabels(ELLIPSIS_LABEL_DEFAULTS, ELLIPSIS_LABEL_KEYS, void 0);
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": BREADCRUMB_SLOTS.ellipsis,
+		className,
+		...props,
+		children: [children ?? /* @__PURE__ */ jsx(Icon, { icon: MoreHorizontalIcon }), /* @__PURE__ */ jsx(VisuallyHidden, { children: labels.more })]
+	});
+}
+/**
+* An optional leading glyph for a crumb. Clamps its glyph to the trail's icon size and inherits the
+* crumb's text colour, so it tracks the label in every size. Decorative by default (`aria-hidden`);
+* wrap an `<Icon>` or any inline svg inside it — don't put `data-slot` on the icon itself, which would
+* drop its own token sizing.
+*/
+function BreadcrumbIcon({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": BREADCRUMB_SLOTS.icon,
+		"aria-hidden": true,
+		className,
+		...props,
+		children
+	});
+}
+/**
+* A navigation trail showing the current page's location in a hierarchy. `Breadcrumb.Root` is the
+* `<nav>` landmark and owns the `size`; inside it a single `Breadcrumb.List` (`<ol>`) holds a
+* `Breadcrumb.Item` per crumb, separated by `Breadcrumb.Separator`. Each item wraps a
+* `Breadcrumb.Link` (an ancestor crumb, which composes onto a router link via `render`) or the final
+* `Breadcrumb.Page` (the current page). Compose a leading `Breadcrumb.Icon` in any crumb, and a
+* `Breadcrumb.Ellipsis` to stand in for a collapsed run.
+*
+* Styling is precompiled in `breadcrumb.css`, keyed off the `data-slot` anchors plus the root's
+* `data-size`; the colours read the `muted`/`foreground`/`subtle` roles directly, so a retheme
+* propagates. The runtime compound is a plain object (kept tree-shakeable); per-part prop types are
+* exposed through the matching `Breadcrumb` namespace — e.g. `Breadcrumb.Link.Props`.
+*/
+const Breadcrumb = {
+	/** The `<nav>` landmark; owns `size`. `Breadcrumb.Root.props({ size })` → its prop bag. */
+	Root: Object.assign(BreadcrumbRoot, { props: rootProps }),
+	/** The ordered trail (`<ol>`). `Breadcrumb.List.props()` → its prop bag. */
+	List: Object.assign(BreadcrumbList, { props: listProps }),
+	/** A crumb's `<li>`. `Breadcrumb.Item.props()` → its prop bag. */
+	Item: Object.assign(BreadcrumbItem, { props: itemProps }),
+	/** An interactive ancestor crumb (`<a>`, composable via `render`). `Breadcrumb.Link.props()` → its prop bag. */
+	Link: Object.assign(BreadcrumbLink, { props: linkProps }),
+	/** The current page crumb. `Breadcrumb.Page.props()` → its prop bag (carries `aria-current="page"`). */
+	Page: Object.assign(BreadcrumbPage, { props: pageProps }),
+	/** The glyph between crumbs (presentational). `Breadcrumb.Separator.props()` → its prop bag. */
+	Separator: Object.assign(BreadcrumbSeparator, { props: separatorProps }),
+	/** A collapsed-run indicator. `Breadcrumb.Ellipsis.props()` → its prop bag. */
+	Ellipsis: Object.assign(BreadcrumbEllipsis, { props: ellipsisProps }),
+	/** A crumb's leading glyph (decorative). `Breadcrumb.Icon.props()` → its prop bag. */
+	Icon: Object.assign(BreadcrumbIcon, { props: iconProps })
+};
+//#endregion
+export { Breadcrumb };

package/dist/components/breadcrumb/breadcrumb.props.d.ts

@@ -0,0 +1,59 @@
+import { BreadcrumbSize } from "./breadcrumb.types.js";
+
+//#region src/components/breadcrumb/breadcrumb.props.d.ts
+/** A spreadable prop bag — the shape every `Breadcrumb.*.props()` returns. */
+type BreadcrumbPartProps = {
+  /** The slot value the matching `breadcrumb.css` rules anchor on. */"data-slot": string; /** Forwarded verbatim — styling is attribute-driven, so this is an optional consumer passthrough. */
+  className?: string; /** The trail scale, present only on the root. */
+  "data-size"?: BreadcrumbSize; /** Marks the current crumb on `Breadcrumb.Page`. */
+  "aria-current"?: "page"; /** Hides a presentational part (separator) from assistive tech. */
+  "aria-hidden"?: "true"; /** Drops a presentational part from the a11y tree where a bare element would otherwise be a list item. */
+  role?: "presentation";
+};
+/** Common shape: every part's `.props()` accepts an optional `className` passthrough. */
+interface BasePropsArgs {
+  /** Forwarded verbatim onto the returned prop bag. */
+  className?: string;
+}
+/** Argument to `Breadcrumb.Root.props(...)` — the trail's size. */
+interface BreadcrumbRootPropsArgs extends BasePropsArgs {
+  /** Trail scale. @default "md" */
+  size?: BreadcrumbSize;
+}
+/** Argument to a stateless part's `.props(...)` — no recipe of its own. */
+type BreadcrumbStatelessPropsArgs = BasePropsArgs;
+/** Root prop bag: `data-slot` plus the `data-size` the per-size metrics read. */
+declare function rootProps({
+  size,
+  className
+}?: BreadcrumbRootPropsArgs): BreadcrumbPartProps;
+/** List prop bag: just the slot anchor (the ordered trail row). */
+declare function listProps({
+  className
+}?: BreadcrumbStatelessPropsArgs): BreadcrumbPartProps;
+/** Item prop bag: just the slot anchor (wraps a single crumb). */
+declare function itemProps({
+  className
+}?: BreadcrumbStatelessPropsArgs): BreadcrumbPartProps;
+/** Link prop bag: just the slot anchor — spread onto a router `<Link>` (or `<a>`) to style it as a crumb. */
+declare function linkProps({
+  className
+}?: BreadcrumbStatelessPropsArgs): BreadcrumbPartProps;
+/** Page prop bag: the slot anchor plus `aria-current="page"`, marking the foreign element as the current crumb. */
+declare function pageProps({
+  className
+}?: BreadcrumbStatelessPropsArgs): BreadcrumbPartProps;
+/** Separator prop bag: the slot anchor plus the presentational ARIA the glyph carries. */
+declare function separatorProps({
+  className
+}?: BreadcrumbStatelessPropsArgs): BreadcrumbPartProps;
+/** Ellipsis prop bag: just the slot anchor (the collapsed-run indicator). */
+declare function ellipsisProps({
+  className
+}?: BreadcrumbStatelessPropsArgs): BreadcrumbPartProps;
+/** Icon prop bag: just the slot anchor (the glyph is clamped to the crumb's icon size and inherits its colour). */
+declare function iconProps({
+  className
+}?: BreadcrumbStatelessPropsArgs): BreadcrumbPartProps;
+//#endregion
+export { BreadcrumbPartProps, BreadcrumbRootPropsArgs, BreadcrumbStatelessPropsArgs, ellipsisProps, iconProps, itemProps, linkProps, listProps, pageProps, rootProps, separatorProps };

package/dist/components/breadcrumb/breadcrumb.props.js

@@ -0,0 +1,68 @@
+import { BREADCRUMB_SLOTS } from "./breadcrumb.slots.js";
+//#region src/components/breadcrumb/breadcrumb.props.ts
+/**
+* The D12 unified variant contract for Breadcrumb — the data-attribute-native styling helpers.
+*
+* Each compound part exposes a `props(...)` builder returning a **spreadable props object** of the form
+* `{ "data-slot": "noctis-breadcrumb-<part>", ... }`, derived from the part's inputs. Under the
+* single-`data-slot` anchor model the `data-slot` is the only styling hook needed — `breadcrumb.css`
+* keys every rule off it plus the root's `data-size` — so spreading a part's `props()` onto a *foreign*
+* element styles it as that part. This is the path for rendering a crumb onto a router `<Link>` from a
+* server component:
+*
+*     <Link href="/docs" {...Breadcrumb.Link.props()}>Docs</Link>
+*     // → <a data-slot="noctis-breadcrumb-link" href="/docs">
+*
+* The escape hatch carries no className (styling is attribute-driven); an optional `className`
+* passthrough is accepted and forwarded verbatim. The same variant→data-attribute mapping is emitted
+* as data from the token graph (`generated/declarations.json` → `variantSchema`) so non-React / agent
+* consumers can hand-write the markup from the docs.
+*/
+const withClassName = (bag, className) => className === void 0 ? bag : {
+	...bag,
+	className
+};
+/** Root prop bag: `data-slot` plus the `data-size` the per-size metrics read. */
+function rootProps({ size = "md", className } = {}) {
+	return withClassName({
+		"data-slot": BREADCRUMB_SLOTS.root,
+		"data-size": size
+	}, className);
+}
+/** List prop bag: just the slot anchor (the ordered trail row). */
+function listProps({ className } = {}) {
+	return withClassName({ "data-slot": BREADCRUMB_SLOTS.list }, className);
+}
+/** Item prop bag: just the slot anchor (wraps a single crumb). */
+function itemProps({ className } = {}) {
+	return withClassName({ "data-slot": BREADCRUMB_SLOTS.item }, className);
+}
+/** Link prop bag: just the slot anchor — spread onto a router `<Link>` (or `<a>`) to style it as a crumb. */
+function linkProps({ className } = {}) {
+	return withClassName({ "data-slot": BREADCRUMB_SLOTS.link }, className);
+}
+/** Page prop bag: the slot anchor plus `aria-current="page"`, marking the foreign element as the current crumb. */
+function pageProps({ className } = {}) {
+	return withClassName({
+		"data-slot": BREADCRUMB_SLOTS.page,
+		"aria-current": "page"
+	}, className);
+}
+/** Separator prop bag: the slot anchor plus the presentational ARIA the glyph carries. */
+function separatorProps({ className } = {}) {
+	return withClassName({
+		"data-slot": BREADCRUMB_SLOTS.separator,
+		role: "presentation",
+		"aria-hidden": "true"
+	}, className);
+}
+/** Ellipsis prop bag: just the slot anchor (the collapsed-run indicator). */
+function ellipsisProps({ className } = {}) {
+	return withClassName({ "data-slot": BREADCRUMB_SLOTS.ellipsis }, className);
+}
+/** Icon prop bag: just the slot anchor (the glyph is clamped to the crumb's icon size and inherits its colour). */
+function iconProps({ className } = {}) {
+	return withClassName({ "data-slot": BREADCRUMB_SLOTS.icon }, className);
+}
+//#endregion
+export { ellipsisProps, iconProps, itemProps, linkProps, listProps, pageProps, rootProps, separatorProps };

package/dist/components/breadcrumb/breadcrumb.slots.d.ts

@@ -0,0 +1,16 @@
+//#region src/components/breadcrumb/breadcrumb.slots.d.ts
+/**
+ * The `data-*` / ARIA hooks `Breadcrumb` stamps on its parts, for host-side styling and tests. The
+ * slot values mark each rendered element; `data-size` on the root carries the scale the precompiled
+ * `breadcrumb.css` keys its per-size metrics off; `aria-current="page"` marks the current crumb.
+ */
+declare enum BreadcrumbDataAttributes {
+  /** The slot marker on every rendered part (`noctis-breadcrumb`, `noctis-breadcrumb-link`, …). */
+  slot = "data-slot",
+  /** The trail scale — `sm` | `md` (default), stamped on the root; the generated layer keys the per-size internals off it. */
+  size = "data-size",
+  /** Present as `"page"` on the current crumb (`Breadcrumb.Page`), so assistive tech announces it as the location. */
+  current = "aria-current"
+}
+//#endregion
+export { BreadcrumbDataAttributes };

package/dist/components/breadcrumb/breadcrumb.slots.js

@@ -0,0 +1,32 @@
+//#region src/components/breadcrumb/breadcrumb.slots.ts
+/**
+* The slot vocabulary every `Breadcrumb` part stamps as its `data-slot`. The authored source the
+* orchestration file reads from, kebab-cased `{component}[-{part}]` under the `noctis-` prefix;
+* SLOTS.md still generates from the token-graph declarations.
+*/
+const BREADCRUMB_SLOTS = {
+	root: "noctis-breadcrumb",
+	list: "noctis-breadcrumb-list",
+	item: "noctis-breadcrumb-item",
+	link: "noctis-breadcrumb-link",
+	page: "noctis-breadcrumb-page",
+	separator: "noctis-breadcrumb-separator",
+	ellipsis: "noctis-breadcrumb-ellipsis",
+	icon: "noctis-breadcrumb-icon"
+};
+/**
+* The `data-*` / ARIA hooks `Breadcrumb` stamps on its parts, for host-side styling and tests. The
+* slot values mark each rendered element; `data-size` on the root carries the scale the precompiled
+* `breadcrumb.css` keys its per-size metrics off; `aria-current="page"` marks the current crumb.
+*/
+let BreadcrumbDataAttributes = /* @__PURE__ */ function(BreadcrumbDataAttributes) {
+	/** The slot marker on every rendered part (`noctis-breadcrumb`, `noctis-breadcrumb-link`, …). */
+	BreadcrumbDataAttributes["slot"] = "data-slot";
+	/** The trail scale — `sm` | `md` (default), stamped on the root; the generated layer keys the per-size internals off it. */
+	BreadcrumbDataAttributes["size"] = "data-size";
+	/** Present as `"page"` on the current crumb (`Breadcrumb.Page`), so assistive tech announces it as the location. */
+	BreadcrumbDataAttributes["current"] = "aria-current";
+	return BreadcrumbDataAttributes;
+}({});
+//#endregion
+export { BREADCRUMB_SLOTS, BreadcrumbDataAttributes };

package/dist/components/breadcrumb/breadcrumb.types.d.ts

@@ -0,0 +1,9 @@
+//#region src/components/breadcrumb/breadcrumb.types.d.ts
+/**
+ * The size vocabulary `Breadcrumb` paints. Authored source of truth since styling is precompiled in
+ * `breadcrumb.css`. Types-only: no runtime code, so it never participates in the styling layer.
+ */
+/** A breadcrumb's scale — `sm` (the dense chrome trail) or `md` (the default). */
+type BreadcrumbSize = "sm" | "md";
+//#endregion
+export { BreadcrumbSize };

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

@@ -0,0 +1,3 @@
+import { BreadcrumbSize } from "./breadcrumb.types.js";
+import { Breadcrumb } from "./breadcrumb.js";
+import { BreadcrumbDataAttributes } from "./breadcrumb.slots.js";