asheeui 0.7.0 → 1.1.0

package/dist/components/avatar/Avatar.js

@@ -0,0 +1,43 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { RADIUS_CLASS as t } from "../../shared/radius.js";
+import { resolveVariantClass as n } from "../../shared/variant.js";
+import { useAsheeConfig as r } from "../../libs/context.js";
+import { resolveCascade as i, resolveClassKey as a } from "../../utils/resolve-token.js";
+import { Image as o } from "../image/Image.js";
+import { getInitials as s } from "./avatar.helpers.js";
+import { FALLBACK_AVATAR_CONFIG as c } from "./avatar-config.js";
+import { AVATAR_BASE_CLASS as l, AVATAR_FALLBACK_VARIANT as u, AVATAR_FONT_CLASS as d, AVATAR_SIZE_CLASS as f } from "./avatar-styles.js";
+import { forwardRef as p, useState as m } from "react";
+import { jsx as h } from "react/jsx-runtime";
+//#region src/components/avatar/Avatar.tsx
+var g = p(({ name: p, src: g, alt: _, component: v, componentProps: y, fallback: b, size: x, radius: S, color: C, className: w, ...T }, E) => {
+	let D = r(), O = D.components?.avatar, [k, A] = m(!1), j = i(x, O?.size, void 0, c.size), M = i(S, O?.radius, D.defaultRadius, c.radius), N = i(C, O?.color, D.defaultColor, c.color), P = a(j, f, c.size), F = a(j, d, c.size), I = a(M, t, c.radius), L = _ ?? p, R = !!g && !k;
+	return /* @__PURE__ */ h("div", {
+		ref: E,
+		role: "img",
+		"aria-label": L,
+		"aria-hidden": !L || void 0,
+		className: e(l, P, I, w),
+		...T,
+		children: R ? /* @__PURE__ */ h(o, {
+			src: g,
+			alt: "",
+			component: v,
+			componentProps: y,
+			fit: "cover",
+			radius: M,
+			showSkeleton: !1,
+			onError: () => A(!0),
+			className: "size-full"
+		}) : /* @__PURE__ */ h("span", {
+			"aria-hidden": "true",
+			className: e("inline-flex items-center justify-center size-full", F, n(u, N)),
+			children: b ?? s(p ?? "")
+		})
+	});
+});
+g.displayName = "Avatar";
+//#endregion
+export { g as Avatar };

package/dist/components/avatar/avatar-config.d.ts

@@ -0,0 +1,48 @@
+import { Color, Radius, Size } from '../../shared';
+/**
+ * Theme configuration options for the Avatar component.
+ *
+ * Set under `components.avatar` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface AvatarConfig {
+    /**
+     * Diameter scale of the avatar.
+     *
+     * @default "md"
+     */
+    size?: Size;
+    /**
+     * Corner rounding.
+     * The default makes a circular avatar; a smaller radius makes it square.
+     *
+     * @default "full"
+     */
+    radius?: Radius;
+    /**
+     * Theme accent colour.
+     * Colours the surface the initials fall back to. It does not tint the image.
+     *
+     * @default "primary"
+     */
+    color?: Color;
+}
+/**
+ * Default config values registered for the Avatar component.
+ *
+ * `color` is intentionally absent so it inherits from the global
+ * `defaultColor`.
+ */
+export declare const defaultAvatarConfig: AvatarConfig;
+/**
+ * Hard fallback values used when no config tier provides a value.
+ * These values are used when instance props, component config,
+ * and global defaults are all undefined.
+ */
+export declare const FALLBACK_AVATAR_CONFIG: Required<AvatarConfig>;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        avatar: AvatarConfig;
+    }
+}
+//# sourceMappingURL=avatar-config.d.ts.map

package/dist/components/avatar/avatar-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-config.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar-config.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAExD;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,EAAE,YAGjC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,EAAE,QAAQ,CAAC,YAAY,CAIhD,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,MAAM,EAAE,YAAY,CAAC;KACtB;CACF"}

package/dist/components/avatar/avatar-config.js

@@ -0,0 +1,14 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/avatar/avatar-config.ts
+var t = {
+	size: "md",
+	radius: "full"
+}, n = {
+	size: "md",
+	radius: "full",
+	color: "primary"
+};
+e("avatar", t);
+//#endregion
+export { n as FALLBACK_AVATAR_CONFIG, t as defaultAvatarConfig };

package/dist/components/avatar/avatar-styles.d.ts

@@ -0,0 +1,21 @@
+import { Size, Variant } from '../../shared';
+/**
+ * CSS classes for the avatar's diameter based on size.
+ */
+export declare const AVATAR_SIZE_CLASS: Record<Size, string>;
+/**
+ * CSS classes for the initials' font size based on size.
+ */
+export declare const AVATAR_FONT_CLASS: Record<Size, string>;
+/**
+ * Base classes for the avatar frame.
+ * The frame clips the picture to the resolved radius and centres a fallback.
+ */
+export declare const AVATAR_BASE_CLASS = "relative inline-flex items-center justify-center shrink-0 overflow-hidden select-none font-medium uppercase";
+/**
+ * The variant the initials fall back to.
+ * An avatar shows an entity, so its fallback is a filled accent surface rather
+ * than an outline or a tint.
+ */
+export declare const AVATAR_FALLBACK_VARIANT: Variant;
+//# sourceMappingURL=avatar-styles.d.ts.map

package/dist/components/avatar/avatar-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-styles.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIlD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIlD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,gHACiF,CAAC;AAEhH;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,EAAE,OAAiB,CAAC"}

package/dist/components/avatar/avatar-styles.js

@@ -0,0 +1,13 @@
+"use client";
+//#region src/components/avatar/avatar-styles.ts
+var e = {
+	sm: "size-8",
+	md: "size-10",
+	lg: "size-12"
+}, t = {
+	sm: "text-xs",
+	md: "text-sm",
+	lg: "text-base"
+}, n = "relative inline-flex items-center justify-center shrink-0 overflow-hidden select-none font-medium uppercase", r = "solid";
+//#endregion
+export { n as AVATAR_BASE_CLASS, r as AVATAR_FALLBACK_VARIANT, t as AVATAR_FONT_CLASS, e as AVATAR_SIZE_CLASS };

package/dist/components/avatar/avatar.helpers.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Avatar helpers for AsheeUI.
+ * This file provides the small pure helpers the Avatar component needs, kept
+ * apart from the component so they can be reasoned about and tested on their
+ * own.
+ */
+/**
+ * Derives the initials shown when an avatar has no picture.
+ *
+ * A single word contributes its first two characters, and a longer name
+ * contributes the first character of its first and last word, which is what
+ * identifies a person in most name orders.
+ *
+ * @param name - The represented entity's name.
+ * @returns One or two uppercase characters, or an empty string when there is
+ * nothing to derive them from.
+ */
+export declare function getInitials(name: string): string;
+//# sourceMappingURL=avatar.helpers.d.ts.map

package/dist/components/avatar/avatar.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.helpers.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/avatar.helpers.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAUhD"}

package/dist/components/avatar/avatar.helpers.js

@@ -0,0 +1,11 @@
+"use client";
+//#region src/components/avatar/avatar.helpers.ts
+function e(e) {
+	let t = e.trim().split(/\s+/).filter(Boolean);
+	if (t.length === 0) return "";
+	if (t.length === 1) return t[0].slice(0, 2).toUpperCase();
+	let n = t[0], r = t[t.length - 1];
+	return `${n[0]}${r[0]}`.toUpperCase();
+}
+//#endregion
+export { e as getInitials };

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

@@ -0,0 +1,3 @@
+export * from './Avatar';
+export * from './avatar-config';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC"}

package/dist/components/avatar/index.js

@@ -0,0 +1,4 @@
+export * from "./Avatar.js";
+export * from "./avatar-config.js";
+export * from "./avatar-styles.js";
+export * from "./avatar.helpers.js";

package/dist/components/badge/Badge.d.ts

@@ -0,0 +1,69 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BadgeConfig } from './badge-config';
+type BaseBadgeProps = BadgeConfig & Omit<HTMLAttributes<HTMLSpanElement>, "color" | "content">;
+/**
+ * Configuration options for the Badge component.
+ */
+export interface BadgeProps extends BaseBadgeProps {
+    /**
+     * Badge content.
+     * Typically a short piece of text. Omit it when the badge shows only an icon
+     * and pass `label` instead so the badge still has an accessible name.
+     */
+    children?: ReactNode;
+    /**
+     * Text that stands in for the badge's content.
+     * Use it when the badge shows only an icon: the text is rendered for
+     * assistive technology and the visible content is treated as decoration. A
+     * badge with visible text does not need it, because its text is its content.
+     */
+    label?: string;
+    /**
+     * Content rendered before the badge text, typically an icon.
+     */
+    startContent?: ReactNode;
+    /**
+     * Content rendered after the badge text, typically an icon.
+     */
+    endContent?: ReactNode;
+}
+/**
+ * A compact status or label indicator.
+ *
+ * Badge renders an inline, non-interactive element for short pieces of status
+ * or category information. Its colour, variant, size, and radius resolve
+ * through the standard AsheeUI cascade: prop, component config, global theme
+ * defaults, and the built-in fallback. It is decorative in the sense that it
+ * carries no interaction of its own: pointer events, focus, and keyboard
+ * behaviour belong to whatever it is placed inside.
+ *
+ * Consumer `className` is appended last, so it can restyle or reposition the
+ * badge without fighting the framework's classes.
+ *
+ * @param props - Badge configuration options and span attributes.
+ * @param props.children - Badge text or content.
+ * @param props.label - Text that stands in for the content of an icon-only badge.
+ * @param props.variant - Visual style variant. Defaults to the configured value.
+ * @param props.color - Theme accent colour. Defaults to the configured value.
+ * @param props.size - Density scale. Defaults to "md".
+ * @param props.radius - Corner rounding. Defaults to "full".
+ * @param props.startContent - Content rendered before the badge text.
+ * @param props.endContent - Content rendered after the badge text.
+ * @param props.className - Extra classes applied last.
+ *
+ * @example
+ * ```tsx
+ * <Badge color="success">Active</Badge>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Icon only: the label is the badge's accessible name.
+ * <Badge label="Active" startContent={<CheckIcon />} />
+ * ```
+ *
+ * @see BadgeConfig - The configuration type for component defaults.
+ */
+export declare const Badge: import('react').ForwardRefExoticComponent<BadgeProps & import('react').RefAttributes<HTMLSpanElement>>;
+export {};
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAUxE,OAAO,EACL,KAAK,WAAW,EAGjB,MAAM,gBAAgB,CAAC;AASxB,KAAK,cAAc,GAAG,WAAW,GAC/B,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC,CAAC;AAE7D;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,KAAK,wGA+HjB,CAAC"}

package/dist/components/badge/Badge.js

@@ -0,0 +1,39 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { RADIUS_CLASS as t } from "../../shared/radius.js";
+import { resolveVariantClass as n } from "../../shared/variant.js";
+import { useAsheeConfig as r } from "../../libs/context.js";
+import { resolveCascade as i, resolveClassKey as a, resolveRadiusKey as o } from "../../utils/resolve-token.js";
+import { FALLBACK_BADGE_CONFIG as s } from "./badge-config.js";
+import { BADGE_FONT_CLASS as c, BADGE_GAP_CLASS as l, BADGE_HEIGHT_CLASS as u, BADGE_ICON_SIZE_CLASS as d, BADGE_PADDING_CLASS as f } from "./badge-styles.js";
+import { forwardRef as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/components/badge/Badge.tsx
+var _ = p(({ variant: p, color: _, size: v, radius: y, label: b, children: x, startContent: S, endContent: C, className: w, ...T }, E) => {
+	let D = r(), O = D.components?.badge, k = i(p, O?.variant, D.defaultVariant, s.variant), A = k === "underlined" ? "bordered" : k, j = i(_, O?.color, D.defaultColor, s.color), M = i(v, O?.size, void 0, s.size), N = o(y, O?.radius, D.defaultRadius, s.radius), P = a(M, u, s.size), F = a(M, f, s.size), I = a(M, c, s.size), L = a(M, l, s.size), R = a(M, d, s.size), z = a(N, t, s.radius);
+	return /* @__PURE__ */ h("span", {
+		ref: E,
+		className: e("inline-flex items-center justify-center shrink-0 whitespace-nowrap font-medium select-none", P, F, I, L, R, z, n(A, j), w),
+		...T,
+		children: b ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("span", {
+			className: "sr-only",
+			children: b
+		}), /* @__PURE__ */ g("span", {
+			"aria-hidden": "true",
+			className: e("inline-flex items-center", L),
+			children: [
+				S,
+				x,
+				C
+			]
+		})] }) : /* @__PURE__ */ g(m, { children: [
+			S,
+			x,
+			C
+		] })
+	});
+});
+_.displayName = "Badge";
+//#endregion
+export { _ as Badge };

package/dist/components/badge/badge-config.d.ts

@@ -0,0 +1,63 @@
+import { Color, Radius, Size, Variant } from '../../shared';
+/**
+ * Visual style of the badge.
+ *
+ * The `underlined` button variant is excluded because a badge has no baseline
+ * an underline could sit on.
+ */
+export type BadgeVariant = Exclude<Variant, "underlined">;
+/**
+ * Theme configuration options for the Badge component.
+ *
+ * Set under `components.badge` in the AsheeUI config. Values feed the
+ * component-level fallback tier of the theme cascade.
+ */
+export interface BadgeConfig {
+    /**
+     * Visual style variant.
+     * Controls the badge's background, border, and text treatment.
+     *
+     * @default "faded"
+     */
+    variant?: BadgeVariant;
+    /**
+     * Theme accent color.
+     * Controls the badge's colour within the variant treatment.
+     *
+     * @default "primary"
+     */
+    color?: Color;
+    /**
+     * Height and font-size scale.
+     * Controls the density and text size of the badge.
+     *
+     * @default "md"
+     */
+    size?: Size;
+    /**
+     * Corner rounding.
+     * Controls the border-radius of the badge.
+     *
+     * @default "full"
+     */
+    radius?: Radius;
+}
+/**
+ * Default config values registered for the Badge component.
+ *
+ * `variant` and `color` are intentionally absent so they inherit from the
+ * global `defaultVariant` and `defaultColor`.
+ */
+export declare const defaultBadgeConfig: BadgeConfig;
+/**
+ * Hard fallback values used when no config tier provides a value.
+ * These values are used when instance props, component config,
+ * and global defaults are all undefined.
+ */
+export declare const FALLBACK_BADGE_CONFIG: Required<BadgeConfig>;
+declare module "../../libs/registry" {
+    interface ComponentTypeConfigRegistry {
+        badge: BadgeConfig;
+    }
+}
+//# sourceMappingURL=badge-config.d.ts.map

package/dist/components/badge/badge-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-config.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEjE;;;;;GAKG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;AAE1D;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IAEd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,EAAE,WAGhC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,WAAW,CAK9C,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,KAAK,EAAE,WAAW,CAAC;KACpB;CACF"}

package/dist/components/badge/badge-config.js

@@ -0,0 +1,15 @@
+"use client";
+import { registerComponentDefaults as e } from "../../libs/registry.js";
+//#region src/components/badge/badge-config.ts
+var t = {
+	size: "md",
+	radius: "full"
+}, n = {
+	variant: "faded",
+	color: "primary",
+	size: "md",
+	radius: "full"
+};
+e("badge", t);
+//#endregion
+export { n as FALLBACK_BADGE_CONFIG, t as defaultBadgeConfig };

package/dist/components/badge/badge-styles.d.ts

@@ -0,0 +1,27 @@
+import { Size } from '../../shared';
+/**
+ * CSS classes for badge height based on size.
+ * Controls the vertical dimension of the badge.
+ */
+export declare const BADGE_HEIGHT_CLASS: Record<Size, string>;
+/**
+ * CSS classes for badge horizontal padding based on size.
+ * Controls the left and right padding of the badge.
+ */
+export declare const BADGE_PADDING_CLASS: Record<Size, string>;
+/**
+ * CSS classes for badge font size based on size.
+ * Controls the text size of the badge content.
+ */
+export declare const BADGE_FONT_CLASS: Record<Size, string>;
+/**
+ * CSS classes for badge gap based on size.
+ * Controls the spacing between an icon and the badge content.
+ */
+export declare const BADGE_GAP_CLASS: Record<Size, string>;
+/**
+ * CSS classes for icon size based on size.
+ * Applied to the icon slot so an icon matches the badge's scale.
+ */
+export declare const BADGE_ICON_SIZE_CLASS: Record<Size, string>;
+//# sourceMappingURL=badge-styles.d.ts.map

package/dist/components/badge/badge-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-styles.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAInD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIpD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIjD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAIhD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAItD,CAAC"}

package/dist/components/badge/badge-styles.js

@@ -0,0 +1,25 @@
+"use client";
+//#region src/components/badge/badge-styles.ts
+var e = {
+	sm: "h-5",
+	md: "h-6",
+	lg: "h-7"
+}, t = {
+	sm: "px-1.5",
+	md: "px-2",
+	lg: "px-2.5"
+}, n = {
+	sm: "text-[10px]",
+	md: "text-xs",
+	lg: "text-sm"
+}, r = {
+	sm: "gap-1",
+	md: "gap-1.5",
+	lg: "gap-1.5"
+}, i = {
+	sm: "[&_svg]:size-3",
+	md: "[&_svg]:size-3.5",
+	lg: "[&_svg]:size-4"
+};
+//#endregion
+export { n as BADGE_FONT_CLASS, r as BADGE_GAP_CLASS, e as BADGE_HEIGHT_CLASS, i as BADGE_ICON_SIZE_CLASS, t as BADGE_PADDING_CLASS };

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

@@ -0,0 +1,3 @@
+export * from './Badge';
+export * from './badge-config';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

package/dist/components/badge/index.js

@@ -0,0 +1,3 @@
+export * from "./Badge.js";
+export * from "./badge-config.js";
+export * from "./badge-styles.js";

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

@@ -0,0 +1,106 @@
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
+import { BreadcrumbConfig } from './breadcrumb-config';
+/**
+ * One step of a breadcrumb trail.
+ */
+export interface BreadcrumbItem {
+    /**
+     * Stable identifier for the step.
+     * Defaults to the step's position in the trail.
+     */
+    id?: string | number;
+    /**
+     * Visible label of the step.
+     */
+    label: ReactNode;
+    /**
+     * Destination of the step.
+     * Without one the step is presented as text, which is what the current
+     * location of the trail needs.
+     */
+    href?: string;
+    /**
+     * Content before the label, typically an icon.
+     */
+    icon?: ReactNode;
+    /**
+     * Whether this step is the current location.
+     * Defaults to the last step of the trail, unless another step marks itself
+     * as the current location.
+     */
+    isCurrent?: boolean;
+    /**
+     * Whether the step leads to an external resource.
+     */
+    isExternal?: boolean;
+    /**
+     * Component that replaces the anchor for this step, such as a framework
+     * router link. Passed to {@link Link} as its `component`.
+     */
+    component?: ElementType;
+    /**
+     * Additional props for that component, passed to {@link Link}.
+     */
+    componentProps?: Record<string, unknown>;
+}
+type BaseBreadcrumbProps = BreadcrumbConfig & Omit<HTMLAttributes<HTMLElement>, "color">;
+/**
+ * Configuration options for the Breadcrumb component.
+ */
+export interface BreadcrumbProps extends BaseBreadcrumbProps {
+    /**
+     * The trail, from the root to the current location.
+     */
+    items: BreadcrumbItem[];
+    /**
+     * Content shown between two steps.
+     * It is decoration and is not read by assistive technology.
+     */
+    separator?: ReactNode;
+    /**
+     * Name of the navigation landmark.
+     * A trail is a navigation landmark, so it carries a name that distinguishes
+     * it from the consumer's other navigation regions.
+     *
+     * @default "Breadcrumb"
+     */
+    label?: string;
+}
+/**
+ * A hierarchical navigation trail.
+ *
+ * Breadcrumb shows where the consumer is in a hierarchy and offers a way back
+ * up it. The trail is a navigation landmark with a name of its own, its steps
+ * are an ordered list, and the current location is presented as text with
+ * `aria-current` instead of as a link, because a link to where you already are
+ * leads nowhere.
+ *
+ * Linked steps are rendered through the framework's {@link Link} primitive, so
+ * a consumer keeps its router link by passing `component` on the step (or
+ * on the whole trail through the framework's substitution pattern).
+ *
+ * @param props - Breadcrumb configuration options and navigation attributes.
+ * @param props.items - The trail, from the root to the current location.
+ * @param props.separator - Content between two steps. Decorative.
+ * @param props.label - Name of the navigation landmark. Defaults to "Breadcrumb".
+ * @param props.size - Text and spacing scale. Defaults to "md".
+ * @param props.color - Colour of the links. Defaults to the configured value.
+ * @param props.className - Extra classes applied last.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb
+ *   items={[
+ *     { label: "Invoices", href: "/invoices" },
+ *     { label: "March", href: "/invoices/2026-03" },
+ *     { label: "INV-0042" },
+ *   ]}
+ * />
+ * ```
+ *
+ * @see BreadcrumbConfig - The configuration type for component defaults.
+ * @see Link - The framework's link primitive.
+ */
+export declare const Breadcrumb: import('react').ForwardRefExoticComponent<BreadcrumbProps & import('react').RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Breadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAOf,OAAO,EACL,KAAK,gBAAgB,EAEtB,MAAM,qBAAqB,CAAC;AAU7B;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC1C;AAED,KAAK,mBAAmB,GAAG,gBAAgB,GACzC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D;;OAEG;IACH,KAAK,EAAE,cAAc,EAAE,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,UAAU,yGAmHtB,CAAC"}

package/dist/components/breadcrumb/Breadcrumb.js

@@ -0,0 +1,52 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.js";
+import { useAsheeConfig as t } from "../../libs/context.js";
+import { resolveCascade as n, resolveClassKey as r } from "../../utils/resolve-token.js";
+import { ChevronRightIcon as i } from "../../icons/ChevronRightIcon.js";
+import { Link as a } from "../link/Link.js";
+import { FALLBACK_BREADCRUMB_CONFIG as o } from "./breadcrumb-config.js";
+import { BREADCRUMB_BASE_CLASS as s, BREADCRUMB_CURRENT_CLASS as c, BREADCRUMB_FONT_CLASS as l, BREADCRUMB_GAP_CLASS as u, BREADCRUMB_LIST_CLASS as d, BREADCRUMB_SEPARATOR_ICON_CLASS as f } from "./breadcrumb-styles.js";
+import { forwardRef as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/breadcrumb/Breadcrumb.tsx
+var g = p(({ items: p, separator: g, label: _ = "Breadcrumb", size: v, color: y, className: b, ...x }, S) => {
+	let C = t(), w = C.components?.breadcrumb, T = n(v, w?.size, void 0, o.size), E = n(y, w?.color, C.defaultColor, o.color), D = r(T, l, o.size), O = r(T, u, o.size), k = r(T, f, o.size), A = g ?? /* @__PURE__ */ m(i, { "aria-hidden": "true" }), j = p.some((e) => e.isCurrent);
+	return /* @__PURE__ */ m("nav", {
+		ref: S,
+		"aria-label": _,
+		className: e(s, D, b),
+		...x,
+		children: /* @__PURE__ */ m("ol", {
+			className: e(d, O),
+			children: p.map((t, n) => {
+				let r = t.isCurrent ?? (!j && n === p.length - 1);
+				return /* @__PURE__ */ h("li", {
+					className: e("inline-flex items-center min-w-0", O),
+					children: [n > 0 && /* @__PURE__ */ m("span", {
+						"aria-hidden": "true",
+						className: e("inline-flex items-center text-foreground/50", k),
+						children: A
+					}), r || !t.href ? /* @__PURE__ */ h("span", {
+						"aria-current": r ? "page" : void 0,
+						className: c,
+						children: [t.icon, t.label]
+					}) : /* @__PURE__ */ m(a, {
+						href: t.href,
+						color: E,
+						size: T,
+						isExternal: t.isExternal,
+						component: t.component,
+						componentProps: t.componentProps,
+						startIcon: t.icon,
+						className: e(D, "min-w-0 truncate"),
+						children: t.label
+					})]
+				}, t.id ?? n);
+			})
+		})
+	});
+});
+g.displayName = "Breadcrumb";
+//#endregion
+export { g as Breadcrumb };