themelia-react-ui 0.0.0-stage → 1.0.0

package/dist/blocks/data-display.js

@@ -0,0 +1,3 @@
+"use client";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "../data-display-b3d1TfL4.js";
+export { l as DenseInfoClassification, e as DenseInfoDashboard, f as DenseInfoFinancial, i as DenseInfoProjectCard, r as DenseInfoScoreCard, n as DocumentStackIllustration, c as EmptyState, m as InboxCleanIllustration, a as InlineStat, u as MetadataList, p as MetadataValue, h as RelationshipCardFrame, d as SearchGlassIllustration, t as StackedCardsIllustration, s as UsersCircleIllustration, o as defaultDenseInfoStrings, g as defaultEmptyStateStrings };

package/dist/blocks/onboarding.js

@@ -0,0 +1,128 @@
+"use client";
+import { useStrings as e } from "../lib/strings.js";
+import { t } from "../utils-C2EKeIw3.js";
+import { a as n } from "../typography-Cv8MT-82.js";
+import { t as r } from "../structure-BvW4vG4H.js";
+import { a as i, c as a, i as o, l as s, o as c, r as l, s as u, u as d } from "../accordion-BRWh3BM1.js";
+import { t as f } from "../spinner-JtlFJ7Nc.js";
+import { forwardRef as p, useCallback as m, useEffect as h, useMemo as g, useRef as _, useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { CheckCircle2 as x } from "lucide-react";
+//#region src/components/blocks/onboarding/checklist/checklist.strings.ts
+var S = {
+	regionAriaLabel: void 0,
+	statusCompletedAria: "Completed",
+	statusInProgressAria: "In progress",
+	statusPendingAria: "Pending"
+};
+//#endregion
+//#region src/components/blocks/onboarding/checklist/partials/step-status-indicator.tsx
+function C({ status: e, ariaLabel: n, className: r }) {
+	return e === "completed" ? /* @__PURE__ */ y("span", {
+		role: "img",
+		"aria-label": n,
+		className: t("step-status-indicator--component flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20", r),
+		children: /* @__PURE__ */ y(x, { className: "size-icon" })
+	}) : e === "in-progress" ? /* @__PURE__ */ y("span", {
+		role: "img",
+		"aria-label": n,
+		className: t("step-status-indicator--component", "flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30", r),
+		children: /* @__PURE__ */ y("span", { className: "size-2 rounded-full bg-warning" })
+	}) : /* @__PURE__ */ y("span", {
+		role: "img",
+		"aria-label": n,
+		className: t("step-status-indicator--component flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70", r),
+		children: /* @__PURE__ */ y(f, { className: "size-icon opacity-60" })
+	});
+}
+C.displayName = "StepStatusIndicator";
+//#endregion
+//#region src/components/blocks/onboarding/checklist/checklist.tsx
+var w = {
+	completed: "text-foreground",
+	"in-progress": "text-foreground",
+	pending: "text-muted-foreground"
+};
+function T(e, t) {
+	return e === "completed" ? t.statusCompletedAria : e === "in-progress" ? t.statusInProgressAria : t.statusPendingAria;
+}
+function E(e) {
+	let t = e.find((e) => e.status !== "completed" && !e.disabled);
+	return t ? [t.id] : [];
+}
+var D = p(function({ steps: f, defaultExpanded: p, multiple: x = !1, expanded: D, onExpandedChange: O, onStepOpen: k, variant: A = "bordered", className: j, stepClassName: M, strings: N }, P) {
+	let F = e(S, N), I = D !== void 0, L = g(() => p ?? E(f), []), [R, z] = v(L), B = _(!1), V = I ? D : R, H = _(new Set(L));
+	h(() => {
+		if (I || B.current || p !== void 0 || f.length === 0 || R.length > 0) return;
+		let e = E(f);
+		e.length > 0 && z(e);
+	}, [
+		f,
+		I,
+		p,
+		R.length
+	]);
+	let U = m((e) => {
+		let t = e ?? [];
+		B.current = !0, I || z(t), O?.(t);
+	}, [I, O]);
+	return h(() => {
+		if (!k) {
+			H.current = new Set(V);
+			return;
+		}
+		let e = H.current;
+		for (let t of V) e.has(t) || k(t);
+		H.current = new Set(V);
+	}, [V, k]), /* @__PURE__ */ y(u, {
+		ref: P,
+		multiple: x,
+		value: V,
+		onValueChange: U,
+		"aria-label": F.regionAriaLabel,
+		className: t("checklist--component", i[A], j),
+		children: f.map((e) => /* @__PURE__ */ b(s, {
+			value: e.id,
+			className: t(o[A], M),
+			children: [/* @__PURE__ */ y(d, {
+				disabled: e.disabled,
+				className: t(c, "min-h-16 items-center"),
+				children: /* @__PURE__ */ b(r, {
+					direction: "horizontal",
+					align: "center",
+					gap: "lg",
+					className: "w-full min-w-0 pr-2",
+					children: [
+						/* @__PURE__ */ y(C, {
+							status: e.status,
+							ariaLabel: T(e.status, F)
+						}),
+						/* @__PURE__ */ y(n, {
+							tag: "span",
+							weight: "semibold",
+							className: t(w[e.status]),
+							children: e.title
+						}),
+						!!e.badge && /* @__PURE__ */ y("span", {
+							className: "ml-auto inline-flex shrink-0",
+							children: e.badge
+						})
+					]
+				})
+			}), !!e.content && /* @__PURE__ */ y(a, {
+				className: l.withMedallion,
+				children: /* @__PURE__ */ y(n, {
+					type: "secondary",
+					className: "leading-relaxed",
+					tag: "div",
+					children: e.content
+				})
+			})]
+		}, e.id))
+	});
+});
+D.displayName = "OnboardingChecklist";
+//#endregion
+export { D as OnboardingChecklist, C as StepStatusIndicator, S as defaultOnboardingChecklistStrings };
+
+//# sourceMappingURL=onboarding.js.map

package/dist/blocks/onboarding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onboarding.js","names":["Text","Stack","ACCORDION_ROOT_VARIANT_CLASS","AccordionContent","ACCORDION_ITEM_VARIANT_CLASS","AccordionItem","ACCORDION_TRIGGER_BASE","ACCORDION_CONTENT_PADDING","Accordion","AccordionTrigger","Spinner","defaultOnboardingChecklistStrings","StepStatusIndicator","status","ariaLabel","cn","className","CheckCircle2","TITLE_TONE_CLASS","pickStatusAria","strings","defaultExpandedFor","next","steps","s","OnboardingChecklist","forwardRef","expandedProp","stringsProp","useStrings","isControlled","computedDefault","useMemo","defaultExpanded","internalValue","setInternalValue","useState","userInteractedRef","useRef","expanded","previouslyExpanded","handleValueChange","useCallback","nextArr","onExpandedChange","useEffect","onStepOpen","prev","id","variant","step","stepClassName"],"sources":["../../src/components/blocks/onboarding/checklist/checklist.strings.ts","../../src/components/blocks/onboarding/checklist/partials/step-status-indicator.tsx","../../src/components/blocks/onboarding/checklist/checklist.tsx"],"sourcesContent":["/**\n * Strings for `<OnboardingChecklist>`. Indicator labels are screen-reader\n * announcements for the status icons; consumers wire their i18n into them.\n *\n * The `regionAriaLabel` is intentionally optional — the consumer typically\n * already has a heading above the checklist that names it (\"Set up your\n * workspace\"), so adding an aria-label here would be redundant.\n */\nexport interface OnboardingChecklistStrings {\n\tregionAriaLabel?: string;\n\tstatusCompletedAria: string;\n\tstatusInProgressAria: string;\n\tstatusPendingAria: string;\n}\n\nexport const defaultOnboardingChecklistStrings: OnboardingChecklistStrings = {\n\tregionAriaLabel: undefined,\n\tstatusCompletedAria: 'Completed',\n\tstatusInProgressAria: 'In progress',\n\tstatusPendingAria: 'Pending',\n};\n","/**\n * StepStatusIndicator — the small leading icon that signals each step's\n * status in an OnboardingChecklist.\n *\n * - `completed`   → filled success check\n * - `in-progress` → soft warning-tinted disc with a small pulsing dot\n * - `pending`     → muted spinner ring\n *\n * Token-driven: success / warning / muted-foreground tokens only. No\n * raw palette colors so consumer rebrand flows through.\n */\nimport { CheckCircle2 } from 'lucide-react';\n\nimport { Spinner } from '../../../../base/spinner';\nimport { cn } from '../../../../../lib/utils';\n\nimport type { OnboardingStepStatus } from '../checklist.types';\n\nexport interface StepStatusIndicatorProps {\n\tstatus: OnboardingStepStatus;\n\t/** Accessible name for the region. */\n\tariaLabel: string;\n\t/** Merged onto the outermost node. */\n\tclassName?: string;\n}\n\nexport function StepStatusIndicator({\n\tstatus,\n\tariaLabel,\n\tclassName,\n}: StepStatusIndicatorProps) {\n\tif (status === 'completed') {\n\t\treturn (\n\t\t\t<span\n\t\t\t\trole=\"img\"\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tclassName={cn('step-status-indicator--component flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20', className)}\n\t\t\t>\n\t\t\t\t<CheckCircle2 className=\"size-icon\" />\n\t\t\t</span>\n\t\t);\n\t}\n\n\tif (status === 'in-progress') {\n\t\treturn (\n\t\t\t<span\n\t\t\t\trole=\"img\"\n\t\t\t\taria-label={ariaLabel}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'step-status-indicator--component',\n\t\t\t\t\t'flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30',\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<span className=\"size-2 rounded-full bg-warning\" />\n\t\t\t</span>\n\t\t);\n\t}\n\n\treturn (\n\t\t<span\n\t\t\trole=\"img\"\n\t\t\taria-label={ariaLabel}\n\t\t\tclassName={cn('step-status-indicator--component flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70', className)}\n\t\t>\n\t\t\t<Spinner className=\"size-icon opacity-60\" />\n\t\t</span>\n\t);\n}\n\nStepStatusIndicator.displayName = 'StepStatusIndicator';\n","/**\n * OnboardingChecklist — the canonical step-list accordion for SaaS\n * onboarding flows. Each step has a status (completed / in-progress /\n * pending), a title, an optional badge, and an optional expanded body\n * for forms / actions / instructions.\n *\n * Composes `base/accordion`'s primitives directly (rule 2). Builds on\n * the shadcn accordion via the wrapped pass-through.\n *\n * Status indicators come from `partials/step-status-indicator.tsx` —\n * token-driven (success / warning / muted-foreground only).\n *\n * Strings — every accessibility label flows through the strings prop\n * (rule 8). Per-step copy lives in the data passed to `steps` (titles,\n * badges, descriptions are consumer-controlled).\n */\nimport { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport {\n\tAccordion,\n\tAccordionContent,\n\tAccordionItem,\n\tAccordionTrigger,\n} from '../../../base/accordion';\nimport {\n\tACCORDION_CONTENT_PADDING,\n\tACCORDION_ITEM_VARIANT_CLASS,\n\tACCORDION_ROOT_VARIANT_CLASS,\n\tACCORDION_TRIGGER_BASE,\n} from '../../../base/accordion/accordion-variants';\nimport { Text } from '../../../typography';\nimport { useStrings } from '../../../../lib/strings';\nimport { Stack } from '../../../base/structure';\nimport { cn } from '../../../../lib/utils';\n\nimport {\n\tdefaultOnboardingChecklistStrings,\n\ttype OnboardingChecklistStrings,\n} from './checklist.strings';\nimport type {\n\tOnboardingChecklistProps,\n\tOnboardingStepStatus,\n} from './checklist.types';\nimport { StepStatusIndicator } from './partials/step-status-indicator';\n\nconst TITLE_TONE_CLASS: Record<OnboardingStepStatus, string> = {\n\tcompleted: 'text-foreground',\n\t'in-progress': 'text-foreground',\n\tpending: 'text-muted-foreground',\n};\n\nfunction pickStatusAria(\n\tstatus: OnboardingStepStatus,\n\tstrings: OnboardingChecklistStrings,\n): string {\n\tif (status === 'completed') return strings.statusCompletedAria;\n\tif (status === 'in-progress') return strings.statusInProgressAria;\n\treturn strings.statusPendingAria;\n}\n\nfunction defaultExpandedFor(steps: OnboardingChecklistProps['steps']): string[] {\n\tconst next = steps.find((s) => s.status !== 'completed' && !s.disabled);\n\treturn next ? [next.id] : [];\n}\n\nexport const OnboardingChecklist = forwardRef<HTMLDivElement, OnboardingChecklistProps>(function OnboardingChecklist({\n\tsteps,\n\tdefaultExpanded,\n\tmultiple = false,\n\texpanded: expandedProp,\n\tonExpandedChange,\n\tonStepOpen,\n\tvariant = 'bordered',\n\tclassName,\n\tstepClassName,\n\tstrings: stringsProp,\n}, ref) {\n\tconst strings = useStrings(defaultOnboardingChecklistStrings, stringsProp);\n\tconst isControlled = expandedProp !== undefined;\n\tconst computedDefault = useMemo(\n\t\t() => defaultExpanded ?? defaultExpandedFor(steps),\n\t\t// First-mount default. Re-resolution when `steps` arrives async is\n\t\t// handled by the effect below — that effect picks the next pending\n\t\t// step and opens it, but only if the user hasn't already toggled\n\t\t// anything.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[],\n\t);\n\tconst [internalValue, setInternalValue] = useState<string[]>(computedDefault);\n\tconst userInteractedRef = useRef(false);\n\tconst expanded = isControlled ? expandedProp : internalValue;\n\tconst previouslyExpanded = useRef<Set<string>>(new Set(computedDefault));\n\n\t// When `steps` is loaded asynchronously (consumer passes [] then\n\t// populates), promote the next-pending step the first time real\n\t// steps arrive — but never overwrite an explicit user toggle.\n\tuseEffect(() => {\n\t\tif (isControlled || userInteractedRef.current) return;\n\t\tif (defaultExpanded !== undefined) return;\n\t\tif (steps.length === 0) return;\n\t\tif (internalValue.length > 0) return;\n\t\tconst next = defaultExpandedFor(steps);\n\t\tif (next.length > 0) setInternalValue(next);\n\t}, [steps, isControlled, defaultExpanded, internalValue.length]);\n\n\tconst handleValueChange = useCallback(\n\t\t(next: unknown) => {\n\t\t\tconst nextArr = (next as string[]) ?? [];\n\t\t\tuserInteractedRef.current = true;\n\t\t\tif (!isControlled) setInternalValue(nextArr);\n\t\t\tonExpandedChange?.(nextArr);\n\t\t},\n\t\t[isControlled, onExpandedChange],\n\t);\n\n\tuseEffect(() => {\n\t\tif (!onStepOpen) {\n\t\t\tpreviouslyExpanded.current = new Set(expanded);\n\t\t\treturn;\n\t\t}\n\t\tconst prev = previouslyExpanded.current;\n\t\tfor (const id of expanded) {\n\t\t\tif (!prev.has(id)) onStepOpen(id);\n\t\t}\n\t\tpreviouslyExpanded.current = new Set(expanded);\n\t}, [expanded, onStepOpen]);\n\n\treturn (\n\t\t<Accordion\n\t\t\tref={ref}\n\t\t\tmultiple={multiple}\n\t\t\tvalue={expanded}\n\t\t\tonValueChange={handleValueChange}\n\t\t\taria-label={strings.regionAriaLabel}\n\t\t\tclassName={cn('checklist--component', ACCORDION_ROOT_VARIANT_CLASS[variant], className)}\n\t\t>\n\t\t\t{steps.map((step) => (\n\t\t\t\t<AccordionItem\n\t\t\t\t\tkey={step.id}\n\t\t\t\t\tvalue={step.id}\n\t\t\t\t\tclassName={cn(ACCORDION_ITEM_VARIANT_CLASS[variant], stepClassName)}\n\t\t\t\t>\n\t\t\t\t\t<AccordionTrigger\n\t\t\t\t\t\tdisabled={step.disabled}\n\t\t\t\t\t\tclassName={cn(ACCORDION_TRIGGER_BASE, 'min-h-16 items-center')}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Stack direction=\"horizontal\" align=\"center\" gap=\"lg\" className=\"w-full min-w-0 pr-2\">\n\t\t\t\t\t\t\t<StepStatusIndicator\n\t\t\t\t\t\t\t\tstatus={step.status}\n\t\t\t\t\t\t\t\tariaLabel={pickStatusAria(step.status, strings)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\ttag=\"span\"\n\t\t\t\t\t\t\t\tweight=\"semibold\"\n\t\t\t\t\t\t\t\tclassName={cn(TITLE_TONE_CLASS[step.status])}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{step.title}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t{!!step.badge && (\n\t\t\t\t\t\t\t\t<span className=\"ml-auto inline-flex shrink-0\">{step.badge}</span>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Stack>\n\t\t\t\t\t</AccordionTrigger>\n\t\t\t\t\t{!!step.content && (\n\t\t\t\t\t\t<AccordionContent className={ACCORDION_CONTENT_PADDING.withMedallion}>\n\t\t\t\t\t\t\t<Text type=\"secondary\" className=\"leading-relaxed\" tag=\"div\">\n\t\t\t\t\t\t\t\t{step.content}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</AccordionContent>\n\t\t\t\t\t)}\n\t\t\t\t</AccordionItem>\n\t\t\t))}\n\t\t</Accordion>\n\t);\n});\n\nOnboardingChecklist.displayName = 'OnboardingChecklist';\n"],"mappings":"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"}

package/dist/blocks/timelines.js

@@ -0,0 +1,3 @@
+"use client";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../timelines-CnZ2S_Gr.js";
+export { i as ChangelogTimeline, o as MilestonesTimeline, e as StepsCard, r as StepsHorizontal, a as Timeline, t as defaultChangelogTimelineStrings, n as defaultMilestonesTimelineStrings };

package/dist/breadcrumbs-DdQ_I5ra.js

@@ -0,0 +1,127 @@
+"use client";
+import { _ as e, s as t } from "./ui-provider-CftIB6TY.js";
+import { useStrings as n } from "./lib/strings.js";
+import { t as r } from "./utils-C2EKeIw3.js";
+import { a as i } from "./typography-Cv8MT-82.js";
+import { t as a } from "./slot-CLF9kLrS.js";
+import { Fragment as o, forwardRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { ChevronRight as u } from "lucide-react";
+//#region src/components/ui/breadcrumb.tsx
+function d({ className: e, ...t }) {
+	return /* @__PURE__ */ c("ol", {
+		"data-slot": "breadcrumb-list",
+		className: r("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", e),
+		...t
+	});
+}
+function f({ className: e, ...t }) {
+	return /* @__PURE__ */ c("li", {
+		"data-slot": "breadcrumb-item",
+		className: r("inline-flex items-center gap-1.5", e),
+		...t
+	});
+}
+function p({ asChild: e, className: t, ...n }) {
+	return /* @__PURE__ */ c(e ? a : "a", {
+		"data-slot": "breadcrumb-link",
+		className: r("hover:text-foreground transition-colors", t),
+		...n
+	});
+}
+function m({ className: e, ...t }) {
+	return /* @__PURE__ */ c("span", {
+		"data-slot": "breadcrumb-page",
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: r("text-foreground font-normal", e),
+		...t
+	});
+}
+function h({ children: e, className: t, ...n }) {
+	return /* @__PURE__ */ c("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		className: r("[&>svg]:size-3.5", t),
+		...n,
+		children: e ?? /* @__PURE__ */ c(u, {})
+	});
+}
+//#endregion
+//#region src/components/base/navigation/breadcrumbs.tsx
+var g = { navigationLabel: "Breadcrumb" }, _ = (e) => {
+	let t = 0;
+	for (let n = 0; n < e.length; n += 1) t = (t << 5) - t + e.charCodeAt(n), t |= 0;
+	return Math.abs(t).toString(36);
+}, v = (e) => typeof e == "string" || typeof e == "number" ? String(e) : "breadcrumb", y = ({ href: e, children: t, ...n }) => /* @__PURE__ */ c("a", {
+	href: e,
+	...n,
+	children: t
+});
+function b({ children: e }) {
+	return typeof e != "string" && typeof e != "number" && typeof e != "bigint" ? e : /* @__PURE__ */ c(i, {
+		tag: "span",
+		size: "inherit",
+		weight: "medium",
+		lineHeight: "tight",
+		className: "text-inherit",
+		children: e
+	});
+}
+var x = {
+	sm: {
+		item: "text-pxs",
+		list: "!gap-space-sm",
+		separator: "!mx-space-2xs",
+		color: "text-muted-foreground/70"
+	},
+	md: {
+		item: "text-sm",
+		list: "!gap-space-md",
+		separator: "!mx-space-sm",
+		color: "text-muted-foreground"
+	},
+	lg: {
+		item: "text-base",
+		list: "!gap-space-lg",
+		separator: "!mx-space-md",
+		color: "text-muted-foreground"
+	}
+}, S = s(function({ breadcrumbs: i, size: a, className: s, renderLink: u = y, strings: S, "aria-label": C, ...w }, T) {
+	let { defaultScale: E } = t(), D = e(a, E), O = n(g, S);
+	if (i.length === 0) return null;
+	let { item: k, list: A, separator: j, color: M } = x[D];
+	return /* @__PURE__ */ c("nav", {
+		ref: T,
+		"aria-label": C ?? O.navigationLabel,
+		"data-slot": "breadcrumb",
+		className: r("breadcrumbs--component", M, s),
+		...w,
+		children: /* @__PURE__ */ c(d, {
+			className: r("flex flex-wrap items-center break-words", A),
+			children: i.map((e, t) => {
+				let n = t === i.length - 1, a = e.handle ?? e.href ?? `crumb-${_(v(e.label))}-${t}`, s = /* @__PURE__ */ c(b, { children: e.label });
+				return /* @__PURE__ */ l(o, { children: [/* @__PURE__ */ c(f, {
+					className: r(k, "font-medium"),
+					children: n || !e.href ? /* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(b, { children: e.label }) }) : /* @__PURE__ */ c(p, {
+						asChild: !0,
+						children: u({
+							href: e.href,
+							children: s
+						})
+					})
+				}), !n && /* @__PURE__ */ c(h, {
+					role: "listitem",
+					"aria-hidden": "true",
+					className: r(j)
+				})] }, a);
+			})
+		})
+	});
+});
+S.displayName = "Breadcrumbs";
+//#endregion
+export { g as n, S as t };
+
+//# sourceMappingURL=breadcrumbs-DdQ_I5ra.js.map

package/dist/breadcrumbs-DdQ_I5ra.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs-DdQ_I5ra.js","names":["resolveComponentScale","useDensityConfig","cn","Text","Slot","BreadcrumbList","props","className","BreadcrumbItem","BreadcrumbLink","asChild","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","defaultBreadcrumbsStrings","hashString","hash","i","value","labelToKey","label","defaultRenderLink","BreadcrumbLabel","sizeConfig","Breadcrumbs","forwardRef","sizeProp","stringsProp","ariaLabel","size","defaultScale","strings","useStrings","breadcrumbs","itemSizeClass","listSpacingClass","separatorSpacingClass","baseColorClass","isLast","index","itemKey","item","renderedLabel","Fragment","renderLink"],"sources":["../src/components/ui/breadcrumb.tsx","../src/components/base/navigation/breadcrumbs.tsx"],"sourcesContent":["import { ChevronRight, MoreHorizontal } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Slot } from './slot';\nimport { cn } from '../../lib/utils';\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<'nav'>) {\n\treturn (\n\t\t<nav\n\t\t\taria-label=\"breadcrumb\"\n\t\t\tdata-slot=\"breadcrumb\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>) {\n\treturn (\n\t\t<ol\n\t\t\tdata-slot=\"breadcrumb-list\"\n\t\t\tclassName={cn(\n\t\t\t\t'text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"breadcrumb-item\"\n\t\t\tclassName={cn('inline-flex items-center gap-1.5', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbLink({\n\tasChild,\n\tclassName,\n\t...props\n}: React.ComponentProps<'a'> & {\n\tasChild?: boolean;\n}) {\n\tconst Comp = asChild ? Slot : 'a';\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"breadcrumb-link\"\n\t\t\tclassName={cn('hover:text-foreground transition-colors', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"breadcrumb-page\"\n\t\t\trole=\"link\"\n\t\t\taria-disabled=\"true\"\n\t\t\taria-current=\"page\"\n\t\t\tclassName={cn('text-foreground font-normal', className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbSeparator({\n\tchildren,\n\tclassName,\n\t...props\n}: React.ComponentProps<'li'>) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"breadcrumb-separator\"\n\t\t\trole=\"presentation\"\n\t\t\tclassName={cn('[&>svg]:size-3.5', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? <ChevronRight />}\n\t\t</li>\n\t);\n}\n\nfunction BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"breadcrumb-ellipsis\"\n\t\t\trole=\"presentation\"\n\t\t\tclassName={cn('flex size-9 items-center justify-center', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<MoreHorizontal className=\"size-4\" />\n\t\t\t<span className=\"sr-only\">More</span>\n\t\t</span>\n\t);\n}\n\nexport {\n\tBreadcrumb,\n\tBreadcrumbList,\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n\tBreadcrumbEllipsis,\n};\n\n","/**\n * Breadcrumbs — page hierarchy trail. Last item is rendered as the current\n * page (non-link); preceding items become links when an `href` is provided.\n * The public scale follows the shared component scale; CSS variables control\n * display spacing and typography across the library.\n */\nimport { forwardRef, Fragment, type ComponentPropsWithoutRef, type ReactNode } from 'react';\nimport {\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbList,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n} from '../../ui/breadcrumb';\nimport { useDensityConfig, type ComponentScale } from '../../../lib/ui-provider';\nimport { resolveComponentScale } from '../../../lib/ui-provider/scale';\nimport { Text } from '../../typography';\nimport { useStrings, type StringsProp } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nexport interface BreadcrumbItemType {\n\tlabel: ReactNode;\n\thref?: string;\n\thandle?: string;\n}\n\nexport type BreadcrumbSize = ComponentScale;\n\nexport interface BreadcrumbsStrings {\n\tnavigationLabel: string;\n}\n\nexport const defaultBreadcrumbsStrings: BreadcrumbsStrings = {\n\tnavigationLabel: 'Breadcrumb',\n};\n\ntype BreadcrumbLinkRenderer = (props: {\n\thref?: string;\n\tchildren: ReactNode;\n\tclassName?: string;\n\t'aria-label'?: string;\n}) => ReactNode;\n\nexport interface BreadcrumbsProps extends Omit<ComponentPropsWithoutRef<'nav'>, 'children'> {\n\t/** Trail entries, root first. */\n\tbreadcrumbs: BreadcrumbItemType[];\n\t/** Typography scale for the trail. */\n\tsize?: BreadcrumbSize;\n\t/** Renders entries carrying an `href` through the consumer's router. */\n\trenderLink?: BreadcrumbLinkRenderer;\n\t/** Overrides the trail's own copy. */\n\tstrings?: StringsProp<BreadcrumbsStrings>;\n}\n\nconst hashString = (value: string): string => {\n\tlet hash = 0;\n\tfor (let i = 0; i < value.length; i += 1) {\n\t\thash = (hash << 5) - hash + value.charCodeAt(i);\n\t\thash |= 0;\n\t}\n\n\treturn Math.abs(hash).toString(36);\n};\n\nconst labelToKey = (label: ReactNode): string => {\n\tif (typeof label === 'string' || typeof label === 'number') return String(label);\n\treturn 'breadcrumb';\n};\n\nconst defaultRenderLink: BreadcrumbLinkRenderer = ({ href, children, ...props }) => (\n\t<a href={href} {...props}>{children}</a>\n);\n\nfunction BreadcrumbLabel({ children }: { children: ReactNode }) {\n\tif (\n\t\ttypeof children !== 'string' &&\n\t\ttypeof children !== 'number' &&\n\t\ttypeof children !== 'bigint'\n\t) {\n\t\treturn children;\n\t}\n\n\treturn (\n\t\t<Text tag=\"span\" size=\"inherit\" weight=\"medium\" lineHeight=\"tight\" className=\"text-inherit\">\n\t\t\t{children}\n\t\t</Text>\n\t);\n}\n\nconst sizeConfig: Record<BreadcrumbSize, { item: string; list: string; separator: string; color: string }> = {\n\tsm: {\n\t\titem: 'text-pxs',\n\t\tlist: '!gap-space-sm',\n\t\tseparator: '!mx-space-2xs',\n\t\tcolor: 'text-muted-foreground/70',\n\t},\n\tmd: {\n\t\titem: 'text-sm',\n\t\tlist: '!gap-space-md',\n\t\tseparator: '!mx-space-sm',\n\t\tcolor: 'text-muted-foreground',\n\t},\n\tlg: {\n\t\titem: 'text-base',\n\t\tlist: '!gap-space-lg',\n\t\tseparator: '!mx-space-md',\n\t\tcolor: 'text-muted-foreground',\n\t},\n};\n\nexport const Breadcrumbs = forwardRef<HTMLElement, BreadcrumbsProps>(function Breadcrumbs({\n\tbreadcrumbs,\n\tsize: sizeProp,\n\tclassName,\n\trenderLink = defaultRenderLink,\n\tstrings: stringsProp,\n\t'aria-label': ariaLabel,\n\t...props\n}, ref) {\n\tconst { defaultScale } = useDensityConfig();\n\tconst size = resolveComponentScale(sizeProp, defaultScale);\n\tconst strings = useStrings(defaultBreadcrumbsStrings, stringsProp);\n\tif (breadcrumbs.length === 0) {\n\t\treturn null;\n\t}\n\n\tconst { item: itemSizeClass, list: listSpacingClass, separator: separatorSpacingClass, color: baseColorClass } =\n\t\tsizeConfig[size];\n\n\treturn (\n\t\t<nav\n\t\t\tref={ref}\n\t\t\taria-label={ariaLabel ?? strings.navigationLabel}\n\t\t\tdata-slot=\"breadcrumb\"\n\t\t\tclassName={cn('breadcrumbs--component', baseColorClass, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<BreadcrumbList className={cn('flex flex-wrap items-center break-words', listSpacingClass)}>\n\t\t\t\t{breadcrumbs.map((item, index) => {\n\t\t\t\t\tconst isLast = index === breadcrumbs.length - 1;\n\t\t\t\t\tconst itemKey = item.handle ?? item.href ?? `crumb-${hashString(labelToKey(item.label))}-${index}`;\n\t\t\t\t\tconst renderedLabel = <BreadcrumbLabel>{item.label}</BreadcrumbLabel>;\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Fragment key={itemKey}>\n\t\t\t\t\t\t\t<BreadcrumbItem className={cn(itemSizeClass, 'font-medium')}>\n\t\t\t\t\t\t\t\t{isLast || !item.href ? (\n\t\t\t\t\t\t\t\t\t<BreadcrumbPage>\n\t\t\t\t\t\t\t\t\t\t<BreadcrumbLabel>{item.label}</BreadcrumbLabel>\n\t\t\t\t\t\t\t\t\t</BreadcrumbPage>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<BreadcrumbLink asChild>\n\t\t\t\t\t\t\t\t\t\t{renderLink({ href: item.href, children: renderedLabel })}\n\t\t\t\t\t\t\t\t\t</BreadcrumbLink>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</BreadcrumbItem>\n\t\t\t\t\t\t\t{!isLast && (\n\t\t\t\t\t\t\t\t<BreadcrumbSeparator\n\t\t\t\t\t\t\t\t\trole=\"listitem\"\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\tclassName={cn(separatorSpacingClass)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</BreadcrumbList>\n\t\t</nav>\n\t);\n});\n\nBreadcrumbs.displayName = 'Breadcrumbs';\n"],"mappings":"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"}

package/dist/button-BS6l5JUw.js

@@ -0,0 +1,47 @@
+"use client";
+import { t as e } from "./utils-C2EKeIw3.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { cva as r } from "class-variance-authority";
+import { Button as i } from "@base-ui/react/button";
+//#region src/components/ui/button.tsx
+var a = r("inline-flex items-center justify-center gap-space-md whitespace-nowrap rounded-radius-sm text-sm font-medium shrink-0 border border-transparent transition-colors outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-icon", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+			outline: "border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground",
+			link: "text-link-color underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-action px-control",
+			xs: "h-action-xs px-control-xs",
+			sm: "h-action-sm px-control-sm",
+			lg: "h-action-lg px-control",
+			icon: "size-action p-0",
+			"icon-xs": "size-action-xs p-0",
+			"icon-sm": "size-action-sm p-0",
+			"icon-lg": "size-action-lg p-0"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), o = t.forwardRef(function({ className: t, variant: r, size: o, ...s }, c) {
+	return /* @__PURE__ */ n(i, {
+		...s,
+		ref: c,
+		"data-slot": "button",
+		className: (n) => e(r != null || o != null ? a({
+			variant: r,
+			size: o
+		}) : void 0, typeof t == "function" ? t(n) : t)
+	});
+});
+//#endregion
+export { a as n, o as t };
+
+//# sourceMappingURL=button-BS6l5JUw.js.map

package/dist/button-BS6l5JUw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-BS6l5JUw.js","names":["Button","React","ButtonPrimitive","cn","React$1","buttonVariants","cva","Button$1","props","Button","variant","size","className","state"],"sources":["../src/components/ui/button.tsx"],"sourcesContent":["import { Button as ButtonPrimitive } from '@base-ui/react/button';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\nimport { cn } from '../../lib/utils';\n\n/** Internal presentation only; public buttons own the stable tone/style API. */\nexport const buttonVariants = cva('inline-flex items-center justify-center gap-space-md whitespace-nowrap rounded-radius-sm text-sm font-medium shrink-0 border border-transparent transition-colors outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-icon', {\n variants: {\n  variant: {default:'bg-primary text-primary-foreground hover:bg-primary/90', destructive:'bg-destructive text-destructive-foreground hover:bg-destructive/90', outline:'border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground', secondary:'bg-secondary text-secondary-foreground hover:bg-secondary/80', ghost:'hover:bg-accent hover:text-accent-foreground', link:'text-link-color underline-offset-4 hover:underline'},\n  size: {default:'h-action px-control', xs:'h-action-xs px-control-xs', sm:'h-action-sm px-control-sm', lg:'h-action-lg px-control', icon:'size-action p-0', 'icon-xs':'size-action-xs p-0', 'icon-sm':'size-action-sm p-0', 'icon-lg':'size-action-lg p-0'},\n }, defaultVariants:{variant:'default',size:'default'},\n});\nexport namespace Button { export type Props = ButtonPrimitive.Props & VariantProps<typeof buttonVariants>; }\nexport const Button = React.forwardRef<HTMLElement, Button.Props>(function Button({className,variant,size,...props},ref) {\n // Unspecified recipe props leave presentation ownership with the public wrapper.\n return <ButtonPrimitive {...props} ref={ref} data-slot=\"button\" className={state => cn(variant != null || size != null ? buttonVariants({variant,size}) : undefined, typeof className === 'function' ? className(state) : className)} />;\n});\n"],"mappings":";;;;;;;AAMA,IAAaK,IAAiBC,EAAI,2bAA2b;CAC5d,UAAU;EACT,SAAS;GAAC,SAAQ;GAA0D,aAAY;GAAsE,SAAQ;GAA4F,WAAU;GAAgE,OAAM;GAAgD,MAAK;EAAoD;EAC3b,MAAM;GAAC,SAAQ;GAAuB,IAAG;GAA6B,IAAG;GAA6B,IAAG;GAA0B,MAAK;GAAmB,WAAU;GAAsB,WAAU;GAAsB,WAAU;EAAoB;CAC1P;CAAG,iBAAgB;EAAC,SAAQ;EAAU,MAAK;CAAS;AACrD,CAAC,GAEYN,IAASC,EAAM,WAAsC,SAAgB,EAAC,cAAU,YAAQ,SAAK,GAAGO,KAAO,GAAK;CAExH,OAAO,kBAACN,GAAD;EAAiB,GAAIM;EAAY;EAAK,aAAU;EAAS,YAAW,MAASL,EAAGO,KAAW,QAAQC,KAAQ,OAAON,EAAe;GAAC;GAAQ;EAAI,CAAC,IAAI,KAAA,GAAW,OAAOO,KAAc,aAAaA,EAAUC,CAAK,IAAID,CAAS;CAAI,CAAA;AACxO,CAAC"}