@heyramzi/ui 2.11.1 → 2.11.2

package/dist/record/logic.js

@@ -1,255 +1,274 @@
+// =========================
+// EVENTS
+// =========================
+/** The calendar day of a timestamp as `YYYY-MM-DD`, in the given zone or the viewer's own. */
 export function localDay(iso, timeZone) {
-    return new Intl.DateTimeFormat("en-CA", {
-        year: "numeric",
-        month: "2-digit",
-        day: "2-digit",
-        timeZone
-    }).format(new Date(iso));
+	return new Intl.DateTimeFormat("en-CA", {
+		year: "numeric",
+		month: "2-digit",
+		day: "2-digit",
+		timeZone
+	}).format(new Date(iso));
 }
+/** Newest day first, newest event first inside a day. */
 export function groupEventsByDay(events, timeZone) {
-    const sorted = [
-        ...events
-    ].sort((a, b)=>new Date(b.occurredAt).getTime() - new Date(a.occurredAt).getTime());
-    const groups = [];
-    for (const event of sorted){
-        const day = localDay(event.occurredAt, timeZone);
-        const last = groups[groups.length - 1];
-        if (last && last.day === day) last.events.push(event);
-        else groups.push({
-            day,
-            events: [
-                event
-            ]
-        });
-    }
-    return groups;
+	const sorted = [...events].sort((a, b) => new Date(b.occurredAt).getTime() - new Date(a.occurredAt).getTime());
+	const groups = [];
+	for (const event of sorted) {
+		const day = localDay(event.occurredAt, timeZone);
+		const last = groups[groups.length - 1];
+		if (last && last.day === day) last.events.push(event);
+		else groups.push({
+			day,
+			events: [event]
+		});
+	}
+	return groups;
 }
+/** `today`, `yesterday` or `date`, by calendar distance from `today`. */
 export function dayRelation(day, today) {
-    if (day === today) return "today";
-    const gap = (Date.parse(`${today}T00:00:00Z`) - Date.parse(`${day}T00:00:00Z`)) / 86_400_000;
-    return gap === 1 ? "yesterday" : "date";
+	if (day === today) return "today";
+	const gap = (Date.parse(`${today}T00:00:00Z`) - Date.parse(`${day}T00:00:00Z`)) / 864e5;
+	return gap === 1 ? "yesterday" : "date";
 }
+/** The events one filter chip shows. An unknown or empty key shows everything. */
 export function eventsForFilter(events, filterKey, filters) {
-    const filter = filters.find((f)=>f.key === filterKey);
-    if (!filter) return [
-        ...events
-    ];
-    const kinds = new Set(filter.kinds);
-    return events.filter((e)=>kinds.has(e.kind));
+	const filter = filters.find((f) => f.key === filterKey);
+	if (!filter) return [...events];
+	const kinds = new Set(filter.kinds);
+	return events.filter((e) => kinds.has(e.kind));
 }
+/** Per-chip counts. Chips with no events are the host's to hide. */
 export function filterCounts(events, filters) {
-    const counts = {};
-    for (const filter of filters){
-        const kinds = new Set(filter.kinds);
-        counts[filter.key] = events.filter((e)=>kinds.has(e.kind)).length;
-    }
-    return counts;
+	const counts = {};
+	for (const filter of filters) {
+		const kinds = new Set(filter.kinds);
+		counts[filter.key] = events.filter((e) => kinds.has(e.kind)).length;
+	}
+	return counts;
 }
+/** Keep the newest `limit` events and count the rest, cutting a day group where the limit falls. */
 export function foldGroups(groups, limit) {
-    const kept = [];
-    let used = 0;
-    let total = 0;
-    for (const group of groups)total += group.events.length;
-    for (const group of groups){
-        if (used >= limit) break;
-        const room = limit - used;
-        const events = group.events.slice(0, room);
-        kept.push({
-            day: group.day,
-            events
-        });
-        used += events.length;
-    }
-    return {
-        groups: kept,
-        hidden: total - used
-    };
+	const kept = [];
+	let used = 0;
+	let total = 0;
+	for (const group of groups) total += group.events.length;
+	for (const group of groups) {
+		if (used >= limit) break;
+		const room = limit - used;
+		const events = group.events.slice(0, room);
+		kept.push({
+			day: group.day,
+			events
+		});
+		used += events.length;
+	}
+	return {
+		groups: kept,
+		hidden: total - used
+	};
 }
+/**
+* One client's timeline, newest first, with project events tagged. An id seen twice keeps the
+* first, so a source passed in both lists draws once.
+*/
 export function mergeClientEvents(clientEvents, projects) {
-    const seen = new Set();
-    const merged = [];
-    const add = (event)=>{
-        if (seen.has(event.id)) return;
-        seen.add(event.id);
-        merged.push(event);
-    };
-    for (const project of projects){
-        for (const event of project.events){
-            add({
-                ...event,
-                projectId: project.id,
-                projectName: project.name,
-                projectHref: project.href ?? null
-            });
-        }
-    }
-    for (const event of clientEvents)add({
-        ...event,
-        projectId: null,
-        projectName: null,
-        projectHref: null
-    });
-    return merged.sort((a, b)=>new Date(b.occurredAt).getTime() - new Date(a.occurredAt).getTime());
+	const seen = new Set();
+	const merged = [];
+	const add = (event) => {
+		if (seen.has(event.id)) return;
+		seen.add(event.id);
+		merged.push(event);
+	};
+	for (const project of projects) {
+		for (const event of project.events) {
+			add({
+				...event,
+				projectId: project.id,
+				projectName: project.name,
+				projectHref: project.href ?? null
+			});
+		}
+	}
+	for (const event of clientEvents) add({
+		...event,
+		projectId: null,
+		projectName: null,
+		projectHref: null
+	});
+	return merged.sort((a, b) => new Date(b.occurredAt).getTime() - new Date(a.occurredAt).getTime());
 }
+// =========================
+// PROJECTS
+// =========================
 const ACTIVE = new Set([
-    "open",
-    "proposal",
-    "ongoing"
+	"open",
+	"proposal",
+	"ongoing"
 ]);
+/** Projects still in play: not closed, and in a stage that isn't won-and-done or lost. */
 export function activeProjects(projects, stages) {
-    const category = new Map(stages.map((s)=>[
-            s.key,
-            s.category
-        ]));
-    return projects.filter((p)=>{
-        if (p.closed) return false;
-        const c = category.get(p.stageKey);
-        return c === undefined || ACTIVE.has(c);
-    });
+	const category = new Map(stages.map((s) => [s.key, s.category]));
+	return projects.filter((p) => {
+		if (p.closed) return false;
+		const c = category.get(p.stageKey);
+		return c === undefined || ACTIVE.has(c);
+	});
 }
+/** The earliest dated next across active projects, undated ones after, ties by list order. */
 export function nextAcrossProjects(projects, stages) {
-    let best = null;
-    for (const project of activeProjects(projects, stages)){
-        const next = project.next;
-        if (!next) continue;
-        const candidate = {
-            ...next,
-            projectId: project.id,
-            projectName: project.name
-        };
-        if (!best) {
-            best = candidate;
-            continue;
-        }
-        if (!best.date && candidate.date) best = candidate;
-        else if (best.date && candidate.date && candidate.date < best.date) best = candidate;
-    }
-    return best;
+	let best = null;
+	for (const project of activeProjects(projects, stages)) {
+		const next = project.next;
+		if (!next) continue;
+		const candidate = {
+			...next,
+			projectId: project.id,
+			projectName: project.name
+		};
+		if (!best) {
+			best = candidate;
+			continue;
+		}
+		if (!best.date && candidate.date) best = candidate;
+		else if (best.date && candidate.date && candidate.date < best.date) best = candidate;
+	}
+	return best;
 }
+/** The newest "where we are" across projects, tagged with its project. */
 export function latestWhereWeAre(projects) {
-    let best = null;
-    for (const project of projects){
-        const status = project.whereWeAre;
-        if (!status || !status.text) continue;
-        const at = status.at ? new Date(status.at).getTime() : 0;
-        const bestAt = best?.at ? new Date(best.at).getTime() : -1;
-        if (!best || at > bestAt) best = {
-            ...status,
-            projectId: project.id,
-            projectName: project.name
-        };
-    }
-    return best;
+	let best = null;
+	for (const project of projects) {
+		const status = project.whereWeAre;
+		if (!status || !status.text) continue;
+		const at = status.at ? new Date(status.at).getTime() : 0;
+		const bestAt = best?.at ? new Date(best.at).getTime() : -1;
+		if (!best || at > bestAt) best = {
+			...status,
+			projectId: project.id,
+			projectName: project.name
+		};
+	}
+	return best;
 }
+/**
+* The client's pipeline, won and paid totals, kept per currency because a sum across two
+* currencies is a lie.
+*/
 export function rollupProjects(projects, stages, fallbackCurrency = "EUR") {
-    const category = new Map(stages.map((s)=>[
-            s.key,
-            s.category
-        ]));
-    const totals = {};
-    let lastCallAt = null;
-    for (const project of projects){
-        const currency = project.currency ?? fallbackCurrency;
-        const bucket = totals[currency] ??= {
-            pipeline: 0,
-            won: 0,
-            paid: 0
-        };
-        const c = category.get(project.stageKey);
-        const value = project.value ?? 0;
-        if (c === "open" || c === "proposal") bucket.pipeline += value;
-        if (c === "ongoing" || c === "completed") bucket.won += value;
-        bucket.paid += project.paid ?? 0;
-        if (project.lastCallAt && (!lastCallAt || project.lastCallAt > lastCallAt)) lastCallAt = project.lastCallAt;
-    }
-    return {
-        count: projects.length,
-        activeCount: activeProjects(projects, stages).length,
-        totals,
-        lastCallAt
-    };
+	const category = new Map(stages.map((s) => [s.key, s.category]));
+	const totals = {};
+	let lastCallAt = null;
+	for (const project of projects) {
+		const currency = project.currency ?? fallbackCurrency;
+		const bucket = totals[currency] ??= {
+			pipeline: 0,
+			won: 0,
+			paid: 0
+		};
+		const c = category.get(project.stageKey);
+		const value = project.value ?? 0;
+		if (c === "open" || c === "proposal") bucket.pipeline += value;
+		if (c === "ongoing" || c === "completed") bucket.won += value;
+		bucket.paid += project.paid ?? 0;
+		if (project.lastCallAt && (!lastCallAt || project.lastCallAt > lastCallAt)) lastCallAt = project.lastCallAt;
+	}
+	return {
+		count: projects.length,
+		activeCount: activeProjects(projects, stages).length,
+		totals,
+		lastCallAt
+	};
 }
+// =========================
+// STEPS
+// =========================
+/** A step is visible unless hidden. */
 export function visibleSteps(steps) {
-    return steps.filter((s)=>!s.hidden);
+	return steps.filter((s) => !s.hidden);
 }
 export function stepProgress(steps) {
-    const visible = visibleSteps(steps);
-    return {
-        done: visible.filter((s)=>s.done).length,
-        total: visible.length
-    };
+	const visible = visibleSteps(steps);
+	return {
+		done: visible.filter((s) => s.done).length,
+		total: visible.length
+	};
 }
+/**
+* One marker per step. Only an open step before the current one, or past its own date, is
+* late. `today` is an ISO date.
+*/
 export function stepMarkers(steps, today) {
-    const visible = visibleSteps(steps);
-    const currentId = visible.find((s)=>!s.done)?.id ?? null;
-    const markers = new Map();
-    let beforeCurrent = currentId !== null;
-    for (const step of visible){
-        if (step.done) {
-            markers.set(step.id, "complete");
-            continue;
-        }
-        if (step.id === currentId) {
-            markers.set(step.id, "current");
-            beforeCurrent = false;
-            continue;
-        }
-        const due = (step.end ?? step.start)?.slice(0, 10);
-        const overdue = due !== undefined && due < today;
-        markers.set(step.id, beforeCurrent || overdue ? "late" : "pending");
-    }
-    return markers;
+	const visible = visibleSteps(steps);
+	const currentId = visible.find((s) => !s.done)?.id ?? null;
+	const markers = new Map();
+	let beforeCurrent = currentId !== null;
+	for (const step of visible) {
+		if (step.done) {
+			markers.set(step.id, "complete");
+			continue;
+		}
+		if (step.id === currentId) {
+			markers.set(step.id, "current");
+			beforeCurrent = false;
+			continue;
+		}
+		const due = (step.end ?? step.start)?.slice(0, 10);
+		const overdue = due !== undefined && due < today;
+		markers.set(step.id, beforeCurrent || overdue ? "late" : "pending");
+	}
+	return markers;
 }
+/**
+* Buckets by declared group order, not consecutive runs, so a reordered rail still draws one
+* header per group. Ungrouped steps go last.
+*/
 export function groupSteps(steps, groups = []) {
-    const known = new Set(groups.map((g)=>g.key));
-    const buckets = groups.map((g)=>({
-            key: g.key,
-            label: g.label,
-            steps: []
-        }));
-    const loose = {
-        key: "",
-        label: null,
-        steps: []
-    };
-    for (const step of steps){
-        const bucket = buckets.find((b)=>b.key === step.group);
-        (step.group && known.has(step.group) && bucket ? bucket : loose).steps.push(step);
-    }
-    const result = buckets.filter((b)=>b.steps.length > 0);
-    if (loose.steps.length > 0) result.push(loose);
-    return result;
+	const known = new Set(groups.map((g) => g.key));
+	const buckets = groups.map((g) => ({
+		key: g.key,
+		label: g.label,
+		steps: []
+	}));
+	const loose = {
+		key: "",
+		label: null,
+		steps: []
+	};
+	for (const step of steps) {
+		const bucket = buckets.find((b) => b.key === step.group);
+		(step.group && known.has(step.group) && bucket ? bucket : loose).steps.push(step);
+	}
+	const result = buckets.filter((b) => b.steps.length > 0);
+	if (loose.steps.length > 0) result.push(loose);
+	return result;
 }
+/** Move `movedId` next to `targetId` inside the id list. Same list back when nothing moves. */
 export function reorderIds(ids, movedId, targetId, before) {
-    if (movedId === targetId) return [
-        ...ids
-    ];
-    const from = ids.indexOf(movedId);
-    if (from < 0 || !ids.includes(targetId)) return [
-        ...ids
-    ];
-    const next = [
-        ...ids
-    ];
-    next.splice(from, 1);
-    const at = next.indexOf(targetId);
-    next.splice(before ? at : at + 1, 0, movedId);
-    return next;
+	if (movedId === targetId) return [...ids];
+	const from = ids.indexOf(movedId);
+	if (from < 0 || !ids.includes(targetId)) return [...ids];
+	const next = [...ids];
+	next.splice(from, 1);
+	const at = next.indexOf(targetId);
+	next.splice(before ? at : at + 1, 0, movedId);
+	return next;
 }
+/** Swap a step with its neighbour in its own group. Same list back at an edge. */
 export function nudgeStep(steps, id, direction) {
-    const ids = steps.map((s)=>s.id);
-    const step = steps.find((s)=>s.id === id);
-    if (!step) return ids;
-    const mates = steps.filter((s)=>s.group === step.group && !s.hidden);
-    const at = mates.findIndex((s)=>s.id === id);
-    const neighbour = mates[at + direction];
-    if (!neighbour) return ids;
-    const a = ids.indexOf(id);
-    const b = ids.indexOf(neighbour.id);
-    const first = ids[a];
-    const second = ids[b];
-    if (first === undefined || second === undefined) return ids;
-    ids[a] = second;
-    ids[b] = first;
-    return ids;
+	const ids = steps.map((s) => s.id);
+	const step = steps.find((s) => s.id === id);
+	if (!step) return ids;
+	const mates = steps.filter((s) => s.group === step.group && !s.hidden);
+	const at = mates.findIndex((s) => s.id === id);
+	const neighbour = mates[at + direction];
+	if (!neighbour) return ids;
+	const a = ids.indexOf(id);
+	const b = ids.indexOf(neighbour.id);
+	const first = ids[a];
+	const second = ids[b];
+	if (first === undefined || second === undefined) return ids;
+	ids[a] = second;
+	ids[b] = first;
+	return ids;
 }

package/dist/record/types.js

@@ -1,52 +1,53 @@
 export const DEFAULT_RECORD_LABELS = {
-    whereWeAre: "Where we are",
-    more: "More",
-    less: "Less",
-    next: "Next",
-    late: "Late",
-    steps: "Steps",
-    stepsCount: (done, total)=>`${done}/${total}`,
-    editSteps: "Choose visible steps",
-    rename: "Rename",
-    resetName: "Reset name",
-    hide: "Hide",
-    show: "Show",
-    moveUp: "Move up",
-    moveDown: "Move down",
-    shownCount: (shown, total)=>`${shown} of ${total} shown`,
-    openSteps: "Open steps",
-    activity: "Activity",
-    all: "All",
-    noEvents: "Nothing logged yet",
-    older: (count)=>`Show ${count} older`,
-    today: "Today",
-    yesterday: "Yesterday",
-    by: (name)=>`by ${name}`,
-    projects: "Projects",
-    projectCount: (count)=>count === 1 ? "1 project" : `${count} projects`,
-    noProjects: "No projects",
-    details: "Details",
-    edit: (field)=>`Edit ${field}`,
-    add: (field)=>`Add ${field.toLowerCase()}`,
-    save: "Save",
-    cancel: "Cancel",
-    search: "Search",
-    noMatch: "No match",
-    pipeline: "Pipeline",
-    won: "Won",
-    paid: "Paid",
-    lastCall: "Last call",
-    lastTouch: "Last touch",
-    noCall: "None yet",
-    open: "Open",
-    edited: "edited",
-    noSteps: "No steps yet",
-    saveFailed: "Couldn't save",
-    required: "Required"
+	whereWeAre: "Where we are",
+	more: "More",
+	less: "Less",
+	next: "Next",
+	late: "Late",
+	steps: "Steps",
+	stepsCount: (done, total) => `${done}/${total}`,
+	editSteps: "Choose visible steps",
+	rename: "Rename",
+	resetName: "Reset name",
+	hide: "Hide",
+	show: "Show",
+	moveUp: "Move up",
+	moveDown: "Move down",
+	shownCount: (shown, total) => `${shown} of ${total} shown`,
+	openSteps: "Open steps",
+	activity: "Activity",
+	all: "All",
+	noEvents: "Nothing logged yet",
+	older: (count) => `Show ${count} older`,
+	today: "Today",
+	yesterday: "Yesterday",
+	by: (name) => `by ${name}`,
+	projects: "Projects",
+	projectCount: (count) => count === 1 ? "1 project" : `${count} projects`,
+	noProjects: "No projects",
+	details: "Details",
+	edit: (field) => `Edit ${field}`,
+	add: (field) => `Add ${field.toLowerCase()}`,
+	save: "Save",
+	cancel: "Cancel",
+	search: "Search",
+	noMatch: "No match",
+	pipeline: "Pipeline",
+	won: "Won",
+	paid: "Paid",
+	lastCall: "Last call",
+	lastTouch: "Last touch",
+	noCall: "None yet",
+	open: "Open",
+	edited: "edited",
+	noSteps: "No steps yet",
+	saveFailed: "Couldn't save",
+	required: "Required"
 };
+/** Merge a partial label set over the defaults. */
 export function resolveLabels(labels) {
-    return labels ? {
-        ...DEFAULT_RECORD_LABELS,
-        ...labels
-    } : DEFAULT_RECORD_LABELS;
+	return labels ? {
+		...DEFAULT_RECORD_LABELS,
+		...labels
+	} : DEFAULT_RECORD_LABELS;
 }

package/dist/shadcn/accordion/index.js

@@ -2,4 +2,6 @@ import Root from "../../../src/shadcn/accordion/accordion.svelte";
 import Content from "../../../src/shadcn/accordion/accordion-content.svelte";
 import Item from "../../../src/shadcn/accordion/accordion-item.svelte";
 import Trigger from "../../../src/shadcn/accordion/accordion-trigger.svelte";
-export { Content, Content as AccordionContent, Item, Item as AccordionItem, Root, Root as Accordion, Trigger, Trigger as AccordionTrigger };
+export { Content, Content as AccordionContent, Item, Item as AccordionItem, Root, 
+//
+ Root as Accordion, Trigger, Trigger as AccordionTrigger };

package/dist/shadcn/alert/index.js

@@ -2,4 +2,6 @@ import Root from "../../../src/shadcn/alert/alert.svelte";
 import Description from "../../../src/shadcn/alert/alert-description.svelte";
 import Title from "../../../src/shadcn/alert/alert-title.svelte";
 export { alertVariants } from "../../../src/shadcn/alert/alert.svelte";
-export { Root, Description, Title, Root as Alert, Description as AlertDescription, Title as AlertTitle };
+export { Root, Description, Title, 
+//
+ Root as Alert, Description as AlertDescription, Title as AlertTitle };

package/dist/shadcn/alert-dialog/index.js

@@ -9,4 +9,6 @@ import Header from "../../../src/shadcn/alert-dialog/alert-dialog-header.svelte"
 import Overlay from "../../../src/shadcn/alert-dialog/alert-dialog-overlay.svelte";
 import Content from "../../../src/shadcn/alert-dialog/alert-dialog-content.svelte";
 import Description from "../../../src/shadcn/alert-dialog/alert-dialog-description.svelte";
-export { Root, Title, Action, Cancel, Portal, Footer, Header, Trigger, Overlay, Content, Description, Root as AlertDialog, Title as AlertDialogTitle, Action as AlertDialogAction, Cancel as AlertDialogCancel, Portal as AlertDialogPortal, Footer as AlertDialogFooter, Header as AlertDialogHeader, Trigger as AlertDialogTrigger, Overlay as AlertDialogOverlay, Content as AlertDialogContent, Description as AlertDialogDescription };
+export { Root, Title, Action, Cancel, Portal, Footer, Header, Trigger, Overlay, Content, Description, 
+//
+ Root as AlertDialog, Title as AlertDialogTitle, Action as AlertDialogAction, Cancel as AlertDialogCancel, Portal as AlertDialogPortal, Footer as AlertDialogFooter, Header as AlertDialogHeader, Trigger as AlertDialogTrigger, Overlay as AlertDialogOverlay, Content as AlertDialogContent, Description as AlertDialogDescription };

package/dist/shadcn/attachment/index.js

@@ -7,4 +7,6 @@ import Media from "../../../src/shadcn/attachment/attachment-media.svelte";
 import Title from "../../../src/shadcn/attachment/attachment-title.svelte";
 import Trigger from "../../../src/shadcn/attachment/attachment-trigger.svelte";
 import Root, { attachmentVariants } from "../../../src/shadcn/attachment/attachment.svelte";
-export { Root, Group, Media, Content, Title, Description, Actions, Action, Trigger, attachmentVariants, Root as Attachment, Group as AttachmentGroup, Media as AttachmentMedia, Content as AttachmentContent, Title as AttachmentTitle, Description as AttachmentDescription, Actions as AttachmentActions, Action as AttachmentAction, Trigger as AttachmentTrigger };
+export { Root, Group, Media, Content, Title, Description, Actions, Action, Trigger, attachmentVariants, 
+//
+ Root as Attachment, Group as AttachmentGroup, Media as AttachmentMedia, Content as AttachmentContent, Title as AttachmentTitle, Description as AttachmentDescription, Actions as AttachmentActions, Action as AttachmentAction, Trigger as AttachmentTrigger };

package/dist/shadcn/avatar/index.js

@@ -4,4 +4,6 @@ import Fallback from "../../../src/shadcn/avatar/avatar-fallback.svelte";
 import Badge from "../../../src/shadcn/avatar/avatar-badge.svelte";
 import Group from "../../../src/shadcn/avatar/avatar-group.svelte";
 import GroupCount from "../../../src/shadcn/avatar/avatar-group-count.svelte";
-export { Root, Image, Fallback, Badge, Group, GroupCount, Root as Avatar, Image as AvatarImage, Fallback as AvatarFallback, Badge as AvatarBadge, Group as AvatarGroup, GroupCount as AvatarGroupCount };
+export { Root, Image, Fallback, Badge, Group, GroupCount, 
+//
+ Root as Avatar, Image as AvatarImage, Fallback as AvatarFallback, Badge as AvatarBadge, Group as AvatarGroup, GroupCount as AvatarGroupCount };

package/dist/shadcn/breadcrumb/index.js

@@ -5,4 +5,6 @@ import Separator from "../../../src/shadcn/breadcrumb/breadcrumb-separator.svelt
 import Link from "../../../src/shadcn/breadcrumb/breadcrumb-link.svelte";
 import List from "../../../src/shadcn/breadcrumb/breadcrumb-list.svelte";
 import Page from "../../../src/shadcn/breadcrumb/breadcrumb-page.svelte";
-export { Root, Ellipsis, Item, Separator, Link, List, Page, Root as Breadcrumb, Ellipsis as BreadcrumbEllipsis, Item as BreadcrumbItem, Separator as BreadcrumbSeparator, Link as BreadcrumbLink, List as BreadcrumbList, Page as BreadcrumbPage };
+export { Root, Ellipsis, Item, Separator, Link, List, Page, 
+//
+ Root as Breadcrumb, Ellipsis as BreadcrumbEllipsis, Item as BreadcrumbItem, Separator as BreadcrumbSeparator, Link as BreadcrumbLink, List as BreadcrumbList, Page as BreadcrumbPage };