admin-ui-starter-kit 0.7.0 → 0.7.1

package/dist/_shared/layout-DNrUkvzF.js

@@ -0,0 +1,268 @@
+import { useStrings as e } from "../lib/strings.js";
+import { cn as t } from "../lib/utils.js";
+import { t as n } from "./button-CNEMqDHK.js";
+import { t as r } from "./buttons-BCFKQuB5.js";
+import { o as i, s as a } from "./typography-C_kCoR1d.js";
+import { t as o } from "./badge-DOJpEtsa.js";
+import { a as s, s as c } from "./dropdown-menu-5fFMhKo4.js";
+import { t as l } from "./separator-DiH-j--f.js";
+import { t as u } from "./action-menu-8RN2_Jdr.js";
+import { d } from "./hooks-CFUZJW_S.js";
+import { o as f } from "./containers-GDaJ3SOV.js";
+import { Fragment as p, useEffect as m, useMemo as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { ArrowLeft as b, MoreHorizontal as x } from "lucide-react";
+//#region src/components/layout/page/page.tsx
+function S({ header: e, width: n = "narrow", children: r, className: i, bodyClassName: a, renderLink: o, LinkComponent: s }) {
+	return /* @__PURE__ */ y(f, {
+		width: n,
+		className: i,
+		children: [!!e && /* @__PURE__ */ v(E, {
+			...e,
+			renderLink: e.renderLink ?? o,
+			LinkComponent: e.LinkComponent ?? s
+		}), !!r && /* @__PURE__ */ v("div", {
+			className: t("relative block w-full", a),
+			children: r
+		})]
+	});
+}
+//#endregion
+//#region src/components/layout/page/page-content.tsx
+var C = {
+	sm: "max-w-screen-sm",
+	md: "max-w-screen-md",
+	lg: "max-w-screen-lg",
+	xl: "max-w-screen-xl",
+	"2xl": "max-w-screen-2xl",
+	full: "max-w-full"
+};
+function w({ noPadding: e = !1, maxWidth: n, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ v("main", {
+		className: t("flex-1", !e && "p-surface md:p-space-2xl", n && t("mx-auto w-full", C[n]), r),
+		...a,
+		children: i
+	});
+}
+//#endregion
+//#region src/components/layout/page/partials/page-header.tsx
+var T = {
+	h1: "border-0 pb-0 text-base",
+	h2: "border-0 pb-0 text-base",
+	h3: "border-0 pb-0 text-base",
+	h4: "border-0 pb-0 text-base",
+	h5: "border-0 pb-0 text-base",
+	h6: "border-0 pb-0 text-base"
+};
+function E({ title: e, description: r, headingTag: s = "h3", titleIcon: c, backHref: u, onBack: f, backLabel: p = "Back", titleBadges: m = [], actions: h, slots: g, renderLink: _, LinkComponent: x, className: S, contentClassName: C, actionsClassName: w, titleClassName: E, titleIconClassName: D, descriptionClassName: O }) {
+	let k = d({
+		renderLink: _,
+		LinkComponent: x
+	}), A = u || f ? /* @__PURE__ */ y("div", {
+		className: "flex items-center gap-space-sm pt-space-xs",
+		children: [u && !f ? k({
+			href: u,
+			"aria-label": p,
+			children: /* @__PURE__ */ y(n, {
+				variant: "secondary",
+				buttonStyle: "ghost",
+				size: "icon-small",
+				className: "h-8 w-8 rounded p-1",
+				children: [/* @__PURE__ */ v(b, {
+					className: "size-4",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ v("span", {
+					className: "sr-only",
+					children: p
+				})]
+			})
+		}) : /* @__PURE__ */ v(n, {
+			type: "button",
+			variant: "secondary",
+			buttonStyle: "ghost",
+			size: "icon-small",
+			className: "h-8 w-8 rounded p-1",
+			onClick: f,
+			"aria-label": p,
+			children: /* @__PURE__ */ v(b, {
+				className: "size-4",
+				"aria-hidden": "true"
+			})
+		}), /* @__PURE__ */ v(l, {
+			orientation: "vertical",
+			className: "h-8"
+		})]
+	}) : null;
+	return /* @__PURE__ */ y("header", {
+		className: t("flex w-full flex-col gap-space-xl md:flex-row md:items-start md:justify-between", S),
+		children: [/* @__PURE__ */ y("div", {
+			className: "flex min-w-0 flex-1 items-start gap-space-lg",
+			children: [g?.back ?? A, /* @__PURE__ */ y("div", {
+				className: "flex min-w-0 flex-1 flex-col gap-space-2xs",
+				children: [g?.beforeTitle, /* @__PURE__ */ y("div", {
+					className: t("flex max-w-3xl flex-col gap-space-2xs", C),
+					children: [
+						/* @__PURE__ */ y("div", {
+							className: "flex flex-wrap items-center gap-space-lg",
+							children: [/* @__PURE__ */ y("div", {
+								className: "flex min-w-0 items-center gap-space-md",
+								children: [!!c && /* @__PURE__ */ v("span", {
+									"aria-hidden": "true",
+									className: t("flex size-icon shrink-0 items-center justify-center text-muted-foreground", D),
+									children: /* @__PURE__ */ v(c, { className: "size-icon" })
+								}), /* @__PURE__ */ v(i, {
+									tag: s,
+									containerClassName: "space-y-0",
+									className: t(T[s], E),
+									children: e
+								})]
+							}), m.length > 0 && /* @__PURE__ */ v("div", {
+								className: "flex items-center gap-space-sm",
+								children: m.map((e, t) => /* @__PURE__ */ v(o, {
+									variant: e.variant ?? "secondary",
+									children: e.label
+								}, e.key ?? t))
+							})]
+						}),
+						!!r && /* @__PURE__ */ v(a, {
+							size: "xs",
+							type: "secondary",
+							className: O,
+							children: r
+						}),
+						g?.afterDescription
+					]
+				})]
+			})]
+		}), g?.actions ?? (!!h && /* @__PURE__ */ v("div", {
+			className: t("shrink-0", w),
+			children: h
+		}))]
+	});
+}
+//#endregion
+//#region src/components/layout/page/page.types.ts
+var D = { menuLabel: "Page actions" }, O = (e) => e === "destructive" ? "error" : e === "primary" || e === "success" || e === "warning" ? "primary" : "secondary", k = "max-h-[80vh] overflow-y-auto overscroll-contain", A = 4;
+function j(e, t, n) {
+	if (e.visible === !1) return null;
+	if (e.element) return /* @__PURE__ */ v("div", { children: e.element }, e.id ?? t.index);
+	if (n) return n(e, t);
+	let i = e.id ?? t.index, a = !!e.disabled || !!e.loading, o = e.icon, s = /* @__PURE__ */ y(r, {
+		variant: O(e.variant),
+		onClick: e.onClick,
+		disabled: a,
+		children: [!!o && /* @__PURE__ */ v(o, {
+			className: "size-3.5",
+			"aria-hidden": "true"
+		}), e.label]
+	}, i);
+	return e.href && !e.onClick ? t.renderLink({
+		href: e.href,
+		children: s,
+		className: "inline-flex",
+		target: e.target,
+		rel: e.rel,
+		external: e.external,
+		disabled: a
+	}) : s;
+}
+function M(e, n, r) {
+	let i = [], o = null;
+	return e.forEach(({ action: e, index: u }) => {
+		let d = {
+			...n,
+			index: u,
+			isInline: !1
+		}, f = e.group ?? null, p = f !== o;
+		if (i.length > 0 && p && i.push(/* @__PURE__ */ v(l, { className: "my-1" }, `sep-${o ?? "root"}-${f ?? "root"}-${e.id ?? u}`)), p && (o = f, f && i.push(/* @__PURE__ */ v("div", {
+			className: "px-control-sm pb-space-2xs pt-space-sm",
+			children: /* @__PURE__ */ v(a, {
+				size: "xs",
+				weight: "medium",
+				type: "secondary",
+				className: "text-muted-foreground/70",
+				children: f
+			})
+		}, `group-${f}-${e.id ?? u}`))), e.element) {
+			i.push(/* @__PURE__ */ v("div", { children: e.element }, e.id ?? u));
+			return;
+		}
+		if (r) {
+			i.push(/* @__PURE__ */ v("div", { children: r(e, d) }, e.id ?? u));
+			return;
+		}
+		let m = e.icon, h = !!e.disabled || !!e.loading, g = /* @__PURE__ */ y(_, { children: [!!m && /* @__PURE__ */ v(m, {
+			className: "size-3.5",
+			"aria-hidden": "true"
+		}), typeof e.label == "string" ? /* @__PURE__ */ v(a, {
+			tag: "span",
+			className: "text-inherit",
+			children: e.label
+		}) : e.label] }), b = t("gap-space-sm px-control-sm py-space-xs text-pxs", e.variant === "destructive" && "text-destructive focus-visible:text-destructive");
+		if (e.href && !e.onClick && !h) {
+			i.push(/* @__PURE__ */ v(c, {
+				href: e.href,
+				className: b,
+				render: (t) => d.renderLink({
+					...t,
+					href: e.href,
+					children: t.children,
+					target: e.target,
+					rel: e.rel,
+					external: e.external
+				}),
+				children: g
+			}, e.id ?? u));
+			return;
+		}
+		i.push(/* @__PURE__ */ v(s, {
+			disabled: h,
+			onClick: e.onClick,
+			className: b,
+			children: g
+		}, e.id ?? u));
+	}), i;
+}
+function N({ actions: n, display: r = "dropdown", breakpoint: i = 1040, maxInlineActions: a = A, renderLink: o, LinkComponent: s, strings: c, className: l, inlineClassName: f, menuClassName: _, renderAction: b }) {
+	let S = e(D, c), C = d({
+		renderLink: o,
+		LinkComponent: s
+	}), w = h(() => (n ?? []).map((e, t) => ({
+		action: e,
+		index: t
+	})).filter(({ action: e }) => e.visible !== !1), [n]), [T, E] = g(!1);
+	if (m(() => {
+		if (r !== "auto" || typeof window > "u") return;
+		let e = () => E(window.innerWidth <= i);
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, [r, i]), w.length === 0) return null;
+	let O = { renderLink: C }, N = t("flex items-center gap-space-sm", f, l), P = t(k, _);
+	if (r === "dropdown" || r === "auto" && T) return /* @__PURE__ */ v(u, {
+		icon: x,
+		srText: S.menuLabel,
+		align: "end",
+		closeOnSelect: !0,
+		contentClassName: P,
+		children: M(w, O, b)
+	});
+	let F = Math.max(0, a), I = w.filter(({ action: e }) => (e.placement ?? "auto") !== "menu"), L = I.slice(0, F), R = [...I.slice(F), ...w.filter(({ action: e }) => (e.placement ?? "auto") === "menu")];
+	return /* @__PURE__ */ y("div", {
+		className: N,
+		children: [L.map((e) => /* @__PURE__ */ v(p, { children: j(e.action, {
+			...O,
+			index: e.index,
+			isInline: !0
+		}, b) }, e.action.id ?? e.index)), R.length > 0 && /* @__PURE__ */ v(u, {
+			icon: x,
+			srText: S.menuLabel,
+			align: "end",
+			closeOnSelect: !0,
+			contentClassName: P,
+			children: M(R, O, b)
+		})]
+	});
+}
+//#endregion
+export { S as a, w as i, D as n, E as r, N as t };
+
+//# sourceMappingURL=layout-DNrUkvzF.js.map

package/dist/_shared/layout-DNrUkvzF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-DNrUkvzF.js","names":[],"sources":["../../src/components/layout/page/page.tsx","../../src/components/layout/page/page-content.tsx","../../src/components/layout/page/partials/page-header.tsx","../../src/components/layout/page/page.types.ts","../../src/components/layout/page/partials/page-actions.tsx"],"sourcesContent":["/**\n * Page — convenience wrapper that pairs `<PageHeader>` with `<Container>`.\n * For full control, compose `<PageHeader />`, `<PageContent />`, and\n * `<Container />` directly.\n */\nimport { Container } from '@/components/layout';\nimport { PageHeader } from '@/components/layout';\nimport type { PageProps } from './page.types';\nimport { cn } from '@/lib/utils';\n\nexport function Page({\n\theader,\n\twidth = 'narrow',\n\tchildren,\n\tclassName,\n\tbodyClassName,\n\trenderLink,\n\tLinkComponent,\n}: PageProps) {\n\treturn (\n\t\t<Container width={width} className={className}>\n\t\t\t{!!header && (\n\t\t\t\t<PageHeader\n\t\t\t\t\t{...header}\n\t\t\t\t\trenderLink={header.renderLink ?? renderLink}\n\t\t\t\t\tLinkComponent={header.LinkComponent ?? LinkComponent}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{!!children && (\n\t\t\t\t<div className={cn('relative block w-full', bodyClassName)}>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Container>\n\t);\n}\n","/**\n * PageContent — `<main>` wrapper for the body region of an app shell.\n *\n * Provides consistent padding and an optional width clamp. Lighter-weight\n * than `Page` — use directly inside an `AppShell` flexbox where the surrounding\n * structure (header, sidebar) is already in place.\n */\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type PageContentMaxWidth = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';\n\nexport interface PageContentProps extends HTMLAttributes<HTMLElement> {\n\t/** Body content. */\n\tchildren?: ReactNode;\n\t/** When true, removes default tokenized page padding. */\n\tnoPadding?: boolean;\n\t/** Optional max-width clamp (centers when set). */\n\tmaxWidth?: PageContentMaxWidth;\n}\n\nconst MAX_WIDTH_CLASS: Record<PageContentMaxWidth, string> = {\n\tsm: 'max-w-screen-sm',\n\tmd: 'max-w-screen-md',\n\tlg: 'max-w-screen-lg',\n\txl: 'max-w-screen-xl',\n\t'2xl': 'max-w-screen-2xl',\n\tfull: 'max-w-full',\n};\n\nexport function PageContent({\n\tnoPadding = false,\n\tmaxWidth,\n\tclassName,\n\tchildren,\n\t...props\n}: PageContentProps) {\n\treturn (\n\t\t<main\n\t\t\tclassName={cn(\n\t\t\t\t'flex-1',\n\t\t\t\t!noPadding && 'p-surface md:p-space-2xl',\n\t\t\t\tmaxWidth && cn('mx-auto w-full', MAX_WIDTH_CLASS[maxWidth]),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</main>\n\t);\n}\n","/**\n * PageHeader — page title, back control, title badges, and actions.\n *\n * Navigation goes through `renderLink`; consumer apps wire framework links at\n * the boundary. Slots let consumers replace any structural region without\n * forking the page wrapper.\n */\nimport { ArrowLeft } from 'lucide-react';\n\nimport { Badge } from '@/components/base/badge';\nimport { Button } from '@/components/base/buttons';\nimport { Separator } from '@/components/base/display/separator';\nimport { Heading, Text } from '@/components/typography';\nimport { cn } from '@/lib/utils';\n\nimport { useLayoutLinkRenderer } from '../../hooks';\nimport type { PageHeaderProps, PageHeadingTag } from '../page.types';\n\nconst PAGE_TITLE_CLASS: Record<PageHeadingTag, string> = {\n\th1: 'border-0 pb-0 text-base',\n\th2: 'border-0 pb-0 text-base',\n\th3: 'border-0 pb-0 text-base',\n\th4: 'border-0 pb-0 text-base',\n\th5: 'border-0 pb-0 text-base',\n\th6: 'border-0 pb-0 text-base',\n};\n\nexport function PageHeader({\n\ttitle,\n\tdescription,\n\theadingTag = 'h3',\n\ttitleIcon: TitleIcon,\n\tbackHref,\n\tonBack,\n\tbackLabel = 'Back',\n\ttitleBadges = [],\n\tactions,\n\tslots,\n\trenderLink,\n\tLinkComponent,\n\tclassName,\n\tcontentClassName,\n\tactionsClassName,\n\ttitleClassName,\n\ttitleIconClassName,\n\tdescriptionClassName,\n}: PageHeaderProps) {\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\tconst hasBack = !!backHref || !!onBack;\n\n\tconst defaultBack = hasBack ? (\n\t\t<div className=\"flex items-center gap-space-sm pt-space-xs\">\n\t\t\t{backHref && !onBack ? (\n\t\t\t\tresolvedRenderLink({\n\t\t\t\t\thref: backHref,\n\t\t\t\t\t'aria-label': backLabel,\n\t\t\t\t\tchildren: (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\t\t\tclassName=\"h-8 w-8 rounded p-1\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ArrowLeft className=\"size-4\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t<span className=\"sr-only\">{backLabel}</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t),\n\t\t\t\t})\n\t\t\t) : (\n\t\t\t\t<Button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tbuttonStyle=\"ghost\"\n\t\t\t\t\tsize=\"icon-small\"\n\t\t\t\t\tclassName=\"h-8 w-8 rounded p-1\"\n\t\t\t\t\tonClick={onBack}\n\t\t\t\t\taria-label={backLabel}\n\t\t\t\t>\n\t\t\t\t\t<ArrowLeft className=\"size-4\" aria-hidden=\"true\" />\n\t\t\t\t</Button>\n\t\t\t)}\n\t\t\t<Separator orientation=\"vertical\" className=\"h-8\" />\n\t\t</div>\n\t) : null;\n\n\treturn (\n\t\t<header\n\t\t\tclassName={cn(\n\t\t\t\t'flex w-full flex-col gap-space-xl md:flex-row md:items-start md:justify-between',\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<div className=\"flex min-w-0 flex-1 items-start gap-space-lg\">\n\t\t\t\t{slots?.back ?? defaultBack}\n\n\t\t\t\t<div className=\"flex min-w-0 flex-1 flex-col gap-space-2xs\">\n\t\t\t\t\t{slots?.beforeTitle}\n\t\t\t\t\t<div className={cn('flex max-w-3xl flex-col gap-space-2xs', contentClassName)}>\n\t\t\t\t\t\t<div className=\"flex flex-wrap items-center gap-space-lg\">\n\t\t\t\t\t\t\t<div className=\"flex min-w-0 items-center gap-space-md\">\n\t\t\t\t\t\t\t\t{!!TitleIcon && (\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\tclassName={cn('flex size-icon shrink-0 items-center justify-center text-muted-foreground', titleIconClassName)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<TitleIcon className=\"size-icon\" />\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\t\t\ttag={headingTag}\n\t\t\t\t\t\t\t\t\tcontainerClassName=\"space-y-0\"\n\t\t\t\t\t\t\t\t\tclassName={cn(PAGE_TITLE_CLASS[headingTag], titleClassName)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{titleBadges.length > 0 && (\n\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-space-sm\">\n\t\t\t\t\t\t\t\t\t{titleBadges.map((badge, index) => (\n\t\t\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\t\t\tkey={badge.key ?? index}\n\t\t\t\t\t\t\t\t\t\t\tvariant={badge.variant ?? 'secondary'}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{badge.label}\n\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{!!description && (\n\t\t\t\t\t\t\t<Text size=\"xs\" type=\"secondary\" className={descriptionClassName}>\n\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{slots?.afterDescription}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{slots?.actions ?? (\n\t\t\t\t!!actions && <div className={cn('shrink-0', actionsClassName)}>{actions}</div>\n\t\t\t)}\n\t\t</header>\n\t);\n}\n","/**\n * Page-level types for `Page`, `PageHeader`, `PageActions`, and exported\n * partials. All navigation is framework-neutral via `renderLink`.\n */\nimport type { ComponentType, JSX, Key, ReactNode } from 'react';\n\nimport type {\n\tLayoutLinkRenderer,\n\tLayoutNavigationAdapter,\n\tLinkComponent,\n} from '../layout.types';\nimport type { ContainerWidth } from '../containers/containers.types';\nimport type { StringsProp } from '@/lib/strings';\n\nexport type PageHeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport interface PageTitleBadge {\n\tlabel: ReactNode;\n\tvariant?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error';\n\tkey?: Key;\n}\n\nexport interface PageHeaderSlots {\n\t/** Replaces the leading back control entirely. */\n\tback?: ReactNode;\n\t/** Additional content before the title line. */\n\tbeforeTitle?: ReactNode;\n\t/** Additional content after the description. */\n\tafterDescription?: ReactNode;\n\t/** Replaces the trailing actions region. */\n\tactions?: ReactNode;\n}\n\nexport interface PageHeaderProps extends LayoutNavigationAdapter {\n\ttitle: ReactNode;\n\tdescription?: ReactNode;\n\t/** Semantic heading level for the title. Defaults to `h3` for nested app pages. */\n\theadingTag?: PageHeadingTag;\n\t/** Optional decorative icon rendered before the title. Pass a Lucide icon component. */\n\ttitleIcon?: ComponentType<{ className?: string }>;\n\tbackHref?: string;\n\tonBack?: () => void;\n\tbackLabel?: string;\n\ttitleBadges?: PageTitleBadge[];\n\tactions?: ReactNode;\n\tslots?: PageHeaderSlots;\n\tclassName?: string;\n\tcontentClassName?: string;\n\tactionsClassName?: string;\n\ttitleClassName?: string;\n\ttitleIconClassName?: string;\n\tdescriptionClassName?: string;\n\t/** @deprecated Prefer `renderLink`. */\n\tLinkComponent?: LinkComponent;\n}\n\nexport type PageActionVariant =\n\t| 'primary'\n\t| 'secondary'\n\t| 'destructive'\n\t| 'success'\n\t| 'warning';\n\nexport interface PageActionContext {\n\tindex: number;\n\tisInline: boolean;\n\trenderLink: LayoutLinkRenderer;\n}\n\nexport interface PageAction {\n\tid?: string;\n\tlabel: ReactNode;\n\tonClick?: () => void;\n\thref?: string;\n\ttarget?: string;\n\trel?: string;\n\texternal?: boolean;\n\tdisabled?: boolean;\n\tloading?: boolean;\n\ticon?: ComponentType<{ className?: string }>;\n\tvariant?: PageActionVariant;\n\tvisible?: boolean;\n\tgroup?: string;\n\tplacement?: 'auto' | 'inline' | 'menu';\n\t/** Escape hatch for one action only. Prefer `renderAction` for consistent customization. */\n\telement?: ReactNode | JSX.Element;\n}\n\nexport type PageActionsDisplay = 'flat' | 'dropdown' | 'auto';\n\nexport interface PageActionsStrings {\n\tmenuLabel: string;\n}\n\nexport const defaultPageActionsStrings: PageActionsStrings = {\n\tmenuLabel: 'Page actions',\n};\n\nexport interface PageActionsProps extends LayoutNavigationAdapter {\n\tactions?: PageAction[];\n\tdisplay?: PageActionsDisplay;\n\tbreakpoint?: number;\n\t/**\n\t * Maximum non-menu actions rendered inline before overflow moves them into\n\t * the dropdown menu. Defaults to 4 for admin header density.\n\t */\n\tmaxInlineActions?: number;\n\tstrings?: StringsProp<PageActionsStrings>;\n\tclassName?: string;\n\tinlineClassName?: string;\n\tmenuClassName?: string;\n\trenderAction?: (action: PageAction, context: PageActionContext) => ReactNode;\n\t/** @deprecated Prefer `renderLink`. */\n\tLinkComponent?: LinkComponent;\n}\n\nexport interface PageProps extends LayoutNavigationAdapter {\n\theader?: PageHeaderProps;\n\twidth?: ContainerWidth;\n\tchildren?: ReactNode;\n\tclassName?: string;\n\tbodyClassName?: string;\n}\n","/**\n * PageActions — composable action ribbon for page headers.\n *\n * Links go through `renderLink`, never router imports or DOM click hacks.\n * Use `renderAction` for app-specific rendering while keeping grouping,\n * filtering, breakpoint, and menu placement logic centralized.\n */\nimport { Fragment, useEffect, useMemo, useState, type ReactNode } from 'react';\nimport { MoreHorizontal } from 'lucide-react';\n\nimport { PageActionButton } from '@/components/base/buttons/page-action-button';\nimport { Separator } from '@/components/base/display/separator';\nimport { ActionMenu } from '@/components/base/navigation/action-menu';\nimport {\n\tDropdownMenuItem,\n\tDropdownMenuLinkItem,\n} from '@/components/base/navigation/dropdown-menu';\nimport { Text } from '@/components/typography';\nimport { useStrings } from '@/lib/strings';\nimport { cn } from '@/lib/utils';\n\nimport { useLayoutLinkRenderer } from '../../hooks';\nimport {\n\tdefaultPageActionsStrings,\n\ttype PageAction,\n\ttype PageActionContext,\n\ttype PageActionVariant,\n\ttype PageActionsProps,\n} from '../page.types';\n\nconst resolveBaseVariant = (\n\tvariant: PageActionVariant | undefined,\n): 'primary' | 'secondary' | 'error' => {\n\tif (variant === 'destructive') return 'error';\n\tif (variant === 'primary' || variant === 'success' || variant === 'warning') return 'primary';\n\treturn 'secondary';\n};\n\nconst PAGE_ACTIONS_MENU_CLASS = 'max-h-[80vh] overflow-y-auto overscroll-contain';\nconst DEFAULT_MAX_INLINE_ACTIONS = 4;\n\ntype PageActionEntry = {\n\taction: PageAction;\n\tindex: number;\n};\n\nfunction renderInlineAction(\n\taction: PageAction,\n\tcontext: PageActionContext,\n\trenderAction?: PageActionsProps['renderAction'],\n): ReactNode {\n\tif (action.visible === false) return null;\n\tif (action.element) return <div key={action.id ?? context.index}>{action.element}</div>;\n\tif (renderAction) return renderAction(action, context);\n\n\tconst key = action.id ?? context.index;\n\tconst disabled = !!action.disabled || !!action.loading;\n\tconst Icon = action.icon;\n\tconst button = (\n\t\t<PageActionButton\n\t\t\tkey={key}\n\t\t\tvariant={resolveBaseVariant(action.variant)}\n\t\t\tonClick={action.onClick}\n\t\t\tdisabled={disabled}\n\t\t>\n\t\t\t{!!Icon && <Icon className=\"size-3.5\" aria-hidden=\"true\" />}\n\t\t\t{action.label}\n\t\t</PageActionButton>\n\t);\n\n\tif (action.href && !action.onClick) {\n\t\treturn context.renderLink({\n\t\t\thref: action.href,\n\t\t\tchildren: button,\n\t\t\tclassName: 'inline-flex',\n\t\t\ttarget: action.target,\n\t\t\trel: action.rel,\n\t\t\texternal: action.external,\n\t\t\tdisabled,\n\t\t});\n\t}\n\n\treturn button;\n}\n\nfunction renderMenuItems(\n\tentries: PageActionEntry[],\n\tcontextBase: Omit<PageActionContext, 'index' | 'isInline'>,\n\trenderAction?: PageActionsProps['renderAction'],\n): ReactNode[] {\n\tconst items: ReactNode[] = [];\n\tlet currentGroup: string | null = null;\n\n\tentries.forEach(({ action, index }) => {\n\t\tconst context: PageActionContext = { ...contextBase, index, isInline: false };\n\t\tconst nextGroup = action.group ?? null;\n\t\tconst groupChanged = nextGroup !== currentGroup;\n\n\t\tif (items.length > 0 && groupChanged) {\n\t\t\titems.push(\n\t\t\t\t<Separator\n\t\t\t\t\tkey={`sep-${currentGroup ?? 'root'}-${nextGroup ?? 'root'}-${action.id ?? index}`}\n\t\t\t\t\tclassName=\"my-1\"\n\t\t\t\t/>,\n\t\t\t);\n\t\t}\n\n\t\tif (groupChanged) {\n\t\t\tcurrentGroup = nextGroup;\n\t\t\tif (nextGroup) {\n\t\t\t\titems.push(\n\t\t\t\t\t<div key={`group-${nextGroup}-${action.id ?? index}`} className=\"px-control-sm pb-space-2xs pt-space-sm\">\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\t\t\tweight=\"medium\"\n\t\t\t\t\t\t\ttype=\"secondary\"\n\t\t\t\t\t\t\tclassName=\"text-muted-foreground/70\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{nextGroup}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</div>,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\tif (action.element) {\n\t\t\titems.push(<div key={action.id ?? index}>{action.element}</div>);\n\t\t\treturn;\n\t\t}\n\n\t\tif (renderAction) {\n\t\t\titems.push(<div key={action.id ?? index}>{renderAction(action, context)}</div>);\n\t\t\treturn;\n\t\t}\n\n\t\tconst Icon = action.icon;\n\t\tconst disabled = !!action.disabled || !!action.loading;\n\t\tconst children = (\n\t\t\t<>\n\t\t\t\t{!!Icon && <Icon className=\"size-3.5\" aria-hidden=\"true\" />}\n\t\t\t\t{typeof action.label === 'string' ? (\n\t\t\t\t\t<Text tag=\"span\" className=\"text-inherit\">\n\t\t\t\t\t\t{action.label}\n\t\t\t\t\t</Text>\n\t\t\t\t) : action.label}\n\t\t\t</>\n\t\t);\n\n\t\tconst itemClassName = cn(\n\t\t\t'gap-space-sm px-control-sm py-space-xs text-pxs',\n\t\t\taction.variant === 'destructive' && 'text-destructive focus-visible:text-destructive',\n\t\t);\n\n\t\tif (action.href && !action.onClick && !disabled) {\n\t\t\titems.push(\n\t\t\t\t<DropdownMenuLinkItem\n\t\t\t\t\tkey={action.id ?? index}\n\t\t\t\t\thref={action.href}\n\t\t\t\t\tclassName={itemClassName}\n\t\t\t\t\trender={(props) =>\n\t\t\t\t\t\tcontext.renderLink({\n\t\t\t\t\t\t\t...props,\n\t\t\t\t\t\t\thref: action.href,\n\t\t\t\t\t\t\tchildren: props.children,\n\t\t\t\t\t\t\ttarget: action.target,\n\t\t\t\t\t\t\trel: action.rel,\n\t\t\t\t\t\t\texternal: action.external,\n\t\t\t\t\t\t}) as React.ReactElement\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</DropdownMenuLinkItem>,\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\titems.push(\n\t\t\t<DropdownMenuItem\n\t\t\t\tkey={action.id ?? index}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonClick={action.onClick}\n\t\t\t\tclassName={itemClassName}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</DropdownMenuItem>,\n\t\t);\n\t});\n\n\treturn items;\n}\n\nexport function PageActions({\n\tactions,\n\tdisplay = 'dropdown',\n\tbreakpoint = 1040,\n\tmaxInlineActions = DEFAULT_MAX_INLINE_ACTIONS,\n\trenderLink,\n\tLinkComponent,\n\tstrings: stringsProp,\n\tclassName,\n\tinlineClassName,\n\tmenuClassName,\n\trenderAction,\n}: PageActionsProps) {\n\tconst strings = useStrings(defaultPageActionsStrings, stringsProp);\n\tconst resolvedRenderLink = useLayoutLinkRenderer({ renderLink, LinkComponent });\n\n\tconst filtered = useMemo<PageActionEntry[]>(\n\t\t() => (actions ?? [])\n\t\t\t.map((action, index) => ({ action, index }))\n\t\t\t.filter(({ action }) => action.visible !== false),\n\t\t[actions],\n\t);\n\n\tconst [isNarrow, setIsNarrow] = useState(false);\n\tuseEffect(() => {\n\t\tif (display !== 'auto' || typeof window === 'undefined') return;\n\n\t\tconst check = () => setIsNarrow(window.innerWidth <= breakpoint);\n\t\tcheck();\n\t\twindow.addEventListener('resize', check);\n\t\treturn () => window.removeEventListener('resize', check);\n\t}, [display, breakpoint]);\n\n\tif (filtered.length === 0) return null;\n\n\tconst inlineContextBase = { renderLink: resolvedRenderLink };\n\tconst inlineClass = cn('flex items-center gap-space-sm', inlineClassName, className);\n\tconst menuContentClass = cn(PAGE_ACTIONS_MENU_CLASS, menuClassName);\n\n\tif (display === 'dropdown' || (display === 'auto' && isNarrow)) {\n\t\treturn (\n\t\t\t<ActionMenu\n\t\t\t\ticon={MoreHorizontal}\n\t\t\t\tsrText={strings.menuLabel}\n\t\t\t\talign=\"end\"\n\t\t\t\tcloseOnSelect\n\t\t\t\tcontentClassName={menuContentClass}\n\t\t\t>\n\t\t\t\t{renderMenuItems(filtered, inlineContextBase, renderAction)}\n\t\t\t</ActionMenu>\n\t\t);\n\t}\n\n\tconst inlineLimit = Math.max(0, maxInlineActions);\n\tconst inlineCandidates = filtered.filter(({ action }) => (action.placement ?? 'auto') !== 'menu');\n\tconst inline = inlineCandidates.slice(0, inlineLimit);\n\tconst overflow = inlineCandidates.slice(inlineLimit);\n\tconst menu = [\n\t\t...overflow,\n\t\t...filtered.filter(({ action }) => (action.placement ?? 'auto') === 'menu'),\n\t];\n\n\treturn (\n\t\t<div className={inlineClass}>\n\t\t\t{inline.map((action) => (\n\t\t\t\t<Fragment key={action.action.id ?? action.index}>\n\t\t\t\t\t{renderInlineAction(\n\t\t\t\t\t\taction.action,\n\t\t\t\t\t\t{ ...inlineContextBase, index: action.index, isInline: true },\n\t\t\t\t\t\trenderAction,\n\t\t\t\t\t)}\n\t\t\t\t</Fragment>\n\t\t\t))}\n\t\t\t{menu.length > 0 && (\n\t\t\t\t<ActionMenu\n\t\t\t\t\ticon={MoreHorizontal}\n\t\t\t\t\tsrText={strings.menuLabel}\n\t\t\t\t\talign=\"end\"\n\t\t\t\t\tcloseOnSelect\n\t\t\t\t\tcontentClassName={menuContentClass}\n\t\t\t\t>\n\t\t\t\t\t{renderMenuItems(menu, inlineContextBase, renderAction)}\n\t\t\t\t</ActionMenu>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;AAUA,SAAgB,EAAK,EACpB,WACA,WAAQ,UACR,aACA,cACA,kBACA,eACA,oBACa;CACb,OACC,kBAAC,GAAD;EAAkB;EAAkB;YAApC,CACE,CAAC,CAAC,KACF,kBAAC,GAAD;GACC,GAAI;GACJ,YAAY,EAAO,cAAc;GACjC,eAAe,EAAO,iBAAiB;EACvC,CAAA,GAED,CAAC,CAAC,KACF,kBAAC,OAAD;GAAK,WAAW,EAAG,yBAAyB,CAAa;GACvD;EACG,CAAA,CAEI;;AAEb;;;ACbA,IAAM,IAAuD;CAC5D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,MAAM;AACP;AAEA,SAAgB,EAAY,EAC3B,eAAY,IACZ,aACA,cACA,aACA,GAAG,KACiB;CACpB,OACC,kBAAC,QAAD;EACC,WAAW,EACV,UACA,CAAC,KAAa,4BACd,KAAY,EAAG,kBAAkB,EAAgB,EAAS,GAC1D,CACD;EACA,GAAI;EAEH;CACI,CAAA;AAER;;;ACjCA,IAAM,IAAmD;CACxD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACL;AAEA,SAAgB,EAAW,EAC1B,UACA,gBACA,gBAAa,MACb,WAAW,GACX,aACA,WACA,eAAY,QACZ,iBAAc,CAAC,GACf,YACA,UACA,eACA,kBACA,cACA,qBACA,qBACA,mBACA,uBACA,2BACmB;CACnB,IAAM,IAAqB,EAAsB;EAAE;EAAY;CAAc,CAAC,GAGxE,IAFY,KAAc,IAG/B,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,KAAY,CAAC,IACb,EAAmB;GAClB,MAAM;GACN,cAAc;GACd,UACC,kBAAC,GAAD;IACC,SAAQ;IACR,aAAY;IACZ,MAAK;IACL,WAAU;cAJX,CAMC,kBAAC,GAAD;KAAW,WAAU;KAAS,eAAY;IAAQ,CAAA,GAClD,kBAAC,QAAD;KAAM,WAAU;eAAW;IAAgB,CAAA,CACpC;;EAEV,CAAC,IAED,kBAAC,GAAD;GACC,MAAK;GACL,SAAQ;GACR,aAAY;GACZ,MAAK;GACL,WAAU;GACV,SAAS;GACT,cAAY;aAEZ,kBAAC,GAAD;IAAW,WAAU;IAAS,eAAY;GAAQ,CAAA;EAC3C,CAAA,GAET,kBAAC,GAAD;GAAW,aAAY;GAAW,WAAU;EAAO,CAAA,CAC/C;MACF;CAEJ,OACC,kBAAC,UAAD;EACC,WAAW,EACV,mFACA,CACD;YAJD,CAMC,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,GAAO,QAAQ,GAEhB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,GAAO,aACR,kBAAC,OAAD;KAAK,WAAW,EAAG,yCAAyC,CAAgB;eAA5E;MACC,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACC,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,CAAC,CAAC,KACF,kBAAC,QAAD;SACC,eAAY;SACZ,WAAW,EAAG,6EAA6E,CAAkB;mBAE7G,kBAAC,GAAD,EAAW,WAAU,YAAa,CAAA;QAC7B,CAAA,GAEP,kBAAC,GAAD;SACC,KAAK;SACL,oBAAmB;SACnB,WAAW,EAAG,EAAiB,IAAa,CAAc;mBAEzD;QACO,CAAA,CACL;WACJ,EAAY,SAAS,KACrB,kBAAC,OAAD;QAAK,WAAU;kBACb,EAAY,KAAK,GAAO,MACxB,kBAAC,GAAD;SAEC,SAAS,EAAM,WAAW;mBAEzB,EAAM;QACD,GAJD,EAAM,OAAO,CAIZ,CACP;OACG,CAAA,CAEF;;MACJ,CAAC,CAAC,KACF,kBAAC,GAAD;OAAM,MAAK;OAAK,MAAK;OAAY,WAAW;iBAC1C;MACI,CAAA;MAEN,GAAO;KACJ;MACD;KACD;MAEJ,GAAO,YACP,CAAC,CAAC,KAAW,kBAAC,OAAD;GAAK,WAAW,EAAG,YAAY,CAAgB;aAAI;EAAa,CAAA,EAEvE;;AAEV;;;AClDA,IAAa,IAAgD,EAC5D,WAAW,eACZ,GClEM,KACL,MAEI,MAAY,gBAAsB,UAClC,MAAY,aAAa,MAAY,aAAa,MAAY,YAAkB,YAC7E,aAGF,IAA0B,mDAC1B,IAA6B;AAOnC,SAAS,EACR,GACA,GACA,GACY;CACZ,IAAI,EAAO,YAAY,IAAO,OAAO;CACrC,IAAI,EAAO,SAAS,OAAO,kBAAC,OAAD,EAAA,UAAuC,EAAO,QAAa,GAAjD,EAAO,MAAM,EAAQ,KAA4B;CACtF,IAAI,GAAc,OAAO,EAAa,GAAQ,CAAO;CAErD,IAAM,IAAM,EAAO,MAAM,EAAQ,OAC3B,IAAW,CAAC,CAAC,EAAO,YAAY,CAAC,CAAC,EAAO,SACzC,IAAO,EAAO,MACd,IACL,kBAAC,GAAD;EAEC,SAAS,EAAmB,EAAO,OAAO;EAC1C,SAAS,EAAO;EACN;YAJX,CAME,CAAC,CAAC,KAAQ,kBAAC,GAAD;GAAM,WAAU;GAAW,eAAY;EAAQ,CAAA,GACzD,EAAO,KACS;IAPZ,CAOY;CAenB,OAZI,EAAO,QAAQ,CAAC,EAAO,UACnB,EAAQ,WAAW;EACzB,MAAM,EAAO;EACb,UAAU;EACV,WAAW;EACX,QAAQ,EAAO;EACf,KAAK,EAAO;EACZ,UAAU,EAAO;EACjB;CACD,CAAC,IAGK;AACR;AAEA,SAAS,EACR,GACA,GACA,GACc;CACd,IAAM,IAAqB,CAAC,GACxB,IAA8B;CAiGlC,OA/FA,EAAQ,SAAS,EAAE,WAAQ,eAAY;EACtC,IAAM,IAA6B;GAAE,GAAG;GAAa;GAAO,UAAU;EAAM,GACtE,IAAY,EAAO,SAAS,MAC5B,IAAe,MAAc;EA6BnC,IA3BI,EAAM,SAAS,KAAK,KACvB,EAAM,KACL,kBAAC,GAAD,EAEC,WAAU,OACV,GAFK,OAAO,KAAgB,OAAO,GAAG,KAAa,OAAO,GAAG,EAAO,MAAM,GAE1E,CACF,GAGG,MACH,IAAe,GACX,KACH,EAAM,KACL,kBAAC,OAAD;GAAsD,WAAU;aAC/D,kBAAC,GAAD;IACC,MAAK;IACL,QAAO;IACP,MAAK;IACL,WAAU;cAET;GACI,CAAA;EACF,GATK,SAAS,EAAU,GAAG,EAAO,MAAM,GASxC,CACN,IAIE,EAAO,SAAS;GACnB,EAAM,KAAK,kBAAC,OAAD,EAAA,UAA+B,EAAO,QAAa,GAAzC,EAAO,MAAM,CAA4B,CAAC;GAC/D;EACD;EAEA,IAAI,GAAc;GACjB,EAAM,KAAK,kBAAC,OAAD,EAAA,UAA+B,EAAa,GAAQ,CAAO,EAAO,GAAxD,EAAO,MAAM,CAA2C,CAAC;GAC9E;EACD;EAEA,IAAM,IAAO,EAAO,MACd,IAAW,CAAC,CAAC,EAAO,YAAY,CAAC,CAAC,EAAO,SACzC,IACL,kBAAA,GAAA,EAAA,UAAA,CACE,CAAC,CAAC,KAAQ,kBAAC,GAAD;GAAM,WAAU;GAAW,eAAY;EAAQ,CAAA,GACzD,OAAO,EAAO,SAAU,WACxB,kBAAC,GAAD;GAAM,KAAI;GAAO,WAAU;aACzB,EAAO;EACH,CAAA,IACH,EAAO,KACV,EAAA,CAAA,GAGG,IAAgB,EACrB,mDACA,EAAO,YAAY,iBAAiB,iDACrC;EAEA,IAAI,EAAO,QAAQ,CAAC,EAAO,WAAW,CAAC,GAAU;GAChD,EAAM,KACL,kBAAC,GAAD;IAEC,MAAM,EAAO;IACb,WAAW;IACX,SAAS,MACR,EAAQ,WAAW;KAClB,GAAG;KACH,MAAM,EAAO;KACb,UAAU,EAAM;KAChB,QAAQ,EAAO;KACf,KAAK,EAAO;KACZ,UAAU,EAAO;IAClB,CAAC;IAGD;GACoB,GAfhB,EAAO,MAAM,CAeG,CACvB;GACA;EACD;EAEA,EAAM,KACL,kBAAC,GAAD;GAEW;GACV,SAAS,EAAO;GAChB,WAAW;GAEV;EACgB,GANZ,EAAO,MAAM,CAMD,CACnB;CACD,CAAC,GAEM;AACR;AAEA,SAAgB,EAAY,EAC3B,YACA,aAAU,YACV,gBAAa,MACb,sBAAmB,GACnB,eACA,kBACA,SAAS,GACT,cACA,oBACA,kBACA,mBACoB;CACpB,IAAM,IAAU,EAAW,GAA2B,CAAW,GAC3D,IAAqB,EAAsB;EAAE;EAAY;CAAc,CAAC,GAExE,IAAW,SACT,KAAW,CAAC,GACjB,KAAK,GAAQ,OAAW;EAAE;EAAQ;CAAM,EAAE,EAC1C,QAAQ,EAAE,gBAAa,EAAO,YAAY,EAAK,GACjD,CAAC,CAAO,CACT,GAEM,CAAC,GAAU,KAAe,EAAS,EAAK;CAU9C,IATA,QAAgB;EACf,IAAI,MAAY,UAAU,OAAO,SAAW,KAAa;EAEzD,IAAM,UAAc,EAAY,OAAO,cAAc,CAAU;EAG/D,OAFA,EAAM,GACN,OAAO,iBAAiB,UAAU,CAAK,SAC1B,OAAO,oBAAoB,UAAU,CAAK;CACxD,GAAG,CAAC,GAAS,CAAU,CAAC,GAEpB,EAAS,WAAW,GAAG,OAAO;CAElC,IAAM,IAAoB,EAAE,YAAY,EAAmB,GACrD,IAAc,EAAG,kCAAkC,GAAiB,CAAS,GAC7E,IAAmB,EAAG,GAAyB,CAAa;CAElE,IAAI,MAAY,cAAe,MAAY,UAAU,GACpD,OACC,kBAAC,GAAD;EACC,MAAM;EACN,QAAQ,EAAQ;EAChB,OAAM;EACN,eAAA;EACA,kBAAkB;YAEjB,EAAgB,GAAU,GAAmB,CAAY;CAC/C,CAAA;CAId,IAAM,IAAc,KAAK,IAAI,GAAG,CAAgB,GAC1C,IAAmB,EAAS,QAAQ,EAAE,iBAAc,EAAO,aAAa,YAAY,MAAM,GAC1F,IAAS,EAAiB,MAAM,GAAG,CAAW,GAE9C,IAAO,CACZ,GAFgB,EAAiB,MAAM,CAEpC,GACH,GAAG,EAAS,QAAQ,EAAE,iBAAc,EAAO,aAAa,YAAY,MAAM,CAC3E;CAEA,OACC,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,EAAO,KAAK,MACZ,kBAAC,GAAD,EAAA,UACE,EACA,EAAO,QACP;GAAE,GAAG;GAAmB,OAAO,EAAO;GAAO,UAAU;EAAK,GAC5D,CACD,EACS,GANK,EAAO,OAAO,MAAM,EAAO,KAMhC,CACV,GACA,EAAK,SAAS,KACd,kBAAC,GAAD;GACC,MAAM;GACN,QAAQ,EAAQ;GAChB,OAAM;GACN,eAAA;GACA,kBAAkB;aAEjB,EAAgB,GAAM,GAAmB,CAAY;EAC3C,CAAA,CAET;;AAEP"}

package/dist/components/composed/ai/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-CB8e7fui.cjs"),r=require("../../../_shared/typography-sXFd02zl.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-B0Ashqkn.cjs"),o=require("../../../_shared/cards-DvE5gRFf.cjs"),s=require("../../../_shared/textarea-rfnSeHHC.cjs"),c=require("../../../_shared/separator-BXn_fnly.cjs"),l=require("../../../_shared/item-BG2iK1sy.cjs"),u=require("../../../_shared/data-display-B9Lciun3.cjs"),d=require("../../../_shared/ai-artifact-BO0XGFHz.cjs");let f=require("react"),p=require("react/jsx-runtime"),m=require("lucide-react");var h={title:`AI Summary`,badgeLabel:`AI`,regenerate:`Regenerate`,confidenceLevels:{low:`low`,medium:`medium`,high:`high`}},g={title:`Classification`,complexityLabel:`Complexity`,flagsLabel:`Flags`,nextStepLabel:`Next Step`,confidencePrefix:`Confidence`,confidenceBands:{low:`Low`,medium:`Medium`,high:`High`}},_={low:1,medium:2,high:3};function v({level:e,label:n}){let i=_[e];return(0,p.jsxs)(`div`,{className:t.cn(`ai-summary--confidence`,`flex items-center gap-1.5`),children:[(0,p.jsx)(`div`,{className:`flex items-center gap-0.5`,children:Array.from({length:3},(e,n)=>(0,p.jsx)(`div`,{className:t.cn(`h-2.5 w-1 rounded-sm`,n<i?`bg-foreground/60`:`bg-muted-foreground/20`)},`bar-${String(n)}`))}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,tag:`span`,className:`capitalize`,children:n})]})}function y({data:t,strings:i}){let s=e.useStrings(h,i);return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.BrainCircuit,{className:`size-4`}),title:s.title,className:`ai-summary--component`,titleSuffix:(0,p.jsx)(a.t,{variant:`secondary`,children:s.badgeLabel}),footerText:(0,p.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,tag:`span`,children:t.generatedAt}),(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,tag:`span`,children:t.model})]}),!!t.onRegenerate&&(0,p.jsxs)(n.t,{variant:`secondary`,buttonStyle:`ghost`,onClick:t.onRegenerate,children:[(0,p.jsx)(m.RefreshCw,{className:`mr-1 h-3 w-3`}),s.regenerate]})]}),children:(0,p.jsxs)(`div`,{className:`space-y-3`,children:[(0,p.jsx)(r.s,{size:`sm`,lineHeight:`relaxed`,children:t.summary}),t.entities.length>0&&(0,p.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:t.entities.map(e=>(0,p.jsx)(a.t,{variant:`secondary`,children:e},e))}),(0,p.jsx)(v,{level:t.confidence,label:s.confidenceLevels[t.confidence]})]})})}function b({data:n,strings:i}){let s=e.useStrings(g,i),l=n.confidence>=.9?s.confidenceBands.high:n.confidence>=.7?s.confidenceBands.medium:s.confidenceBands.low;return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.BrainCircuit,{className:`size-4`}),title:s.title,className:`ai-classification--component`,children:(0,p.jsxs)(`div`,{className:`space-y-3`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,p.jsx)(a.t,{variant:`primary`,children:n.requestType}),(0,p.jsx)(a.t,{variant:n.urgencyVariant,children:n.urgency}),(0,p.jsx)(a.t,{variant:n.toneVariant,dot:!0,children:n.tone})]}),(0,p.jsx)(u.i,{label:s.complexityLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,p.jsxs)(`span`,{className:`flex items-center gap-1`,children:[Array.from({length:5},(e,r)=>(0,p.jsx)(`span`,{className:t.cn(`h-1.5 w-3 rounded-sm`,r<n.complexityScore?`bg-foreground/60`:`bg-muted`)},`cx-${String(r)}`)),(0,p.jsxs)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`ml-1`,children:[String(n.complexityScore),`/5`]})]})}),n.flags.length>0&&(0,p.jsx)(u.i,{label:s.flagsLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,p.jsx)(`span`,{className:`flex gap-1`,children:n.flags.map(e=>(0,p.jsx)(a.t,{variant:`warning`,children:e},e))})}),(0,p.jsx)(u.i,{label:s.nextStepLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,p.jsx)(a.t,{variant:`info`,children:n.suggestedAction})}),(0,p.jsx)(r.s,{size:`sm`,lineHeight:`relaxed`,type:`secondary`,children:n.summary}),(0,p.jsx)(c.t,{}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsxs)(a.t,{variant:`secondary`,children:[s.confidencePrefix,`: `,l]}),(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,tag:`span`,children:n.model})]})]})})}var x={title:`AI Confidence`,confidenceLabel:`Overall`,factorsLabel:`Contributing factors`};function S(e){return e>=.85?{label:`High`,variant:`success`}:e>=.6?{label:`Medium`,variant:`warning`}:{label:`Low`,variant:`error`}}function C({score:n,model:i,factors:s,className:c,strings:l}){let d=e.useStrings(x,l),f=Math.round(n*100),{label:h,variant:g}=S(n),_=2*Math.PI*24,v=_-f/100*_;return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Sparkles,{className:`size-4`}),title:d.title,titleSuffix:!!i&&(0,p.jsx)(a.t,{variant:`secondary`,size:`small`,children:i}),className:t.cn(`ai-confidence--component`,c),children:[(0,p.jsxs)(`div`,{className:`grid gap-space-xl md:grid-cols-[auto_minmax(0,1fr)] md:items-center`,children:[(0,p.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,p.jsxs)(`svg`,{width:`56`,height:`56`,viewBox:`0 0 64 64`,"aria-hidden":`true`,children:[(0,p.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,className:`text-muted/60`}),(0,p.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,strokeLinecap:`round`,strokeDasharray:_,strokeDashoffset:v,transform:`rotate(-90 32 32)`,className:t.cn(g===`success`&&`text-success`,g===`warning`&&`text-warning`,g===`error`&&`text-destructive`)})]}),(0,p.jsx)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center`,children:(0,p.jsxs)(r.s,{weight:`semibold`,className:`tabular-nums leading-none`,children:[f,`%`]})})]}),(0,p.jsxs)(`div`,{className:`grid min-w-0 gap-space-sm`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:d.confidenceLabel}),(0,p.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-space-sm`,children:[(0,p.jsx)(a.t,{variant:g,children:h}),!!i&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:i})]})]})]}),!!s&&s.length>0&&(0,p.jsxs)(`div`,{className:`mt-space-xl grid gap-space-md`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:d.factorsLabel}),s.map(e=>(0,p.jsxs)(`div`,{className:`grid gap-space-sm`,children:[(0,p.jsx)(u.i,{label:e.label,value:`${Math.round(e.score*100)}%`,mono:!0,labelClassName:`text-xs font-medium text-foreground`,valueClassName:`text-xs font-semibold`}),(0,p.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted/70`,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${Math.round(e.score*100)}%`}})})]},e.label))]})]})}C.displayName=`AiConfidenceCard`;var w={title:`Try asking`,hint:`Tap a prompt to start`};function T({suggestions:n,onPick:r,className:a,strings:s}){let c=e.useStrings(w,s);return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Sparkles,{className:`size-4`}),title:c.title,description:c.hint,className:t.cn(`ai-prompt-suggestions--component`,a),children:(0,p.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fit,minmax(min(15rem,100%),1fr))] gap-space-xl`,children:n.map(e=>{let n=e.icon;return(0,p.jsxs)(l.t,{variant:`outline`,render:(0,p.jsx)(`button`,{type:`button`,onClick:()=>r?.(e)}),className:t.cn(`ai-prompt-suggestions--item h-full items-start gap-space-lg px-surface py-surface-sm transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!n&&(0,p.jsx)(l.c,{children:(0,p.jsx)(i.t,{icon:n,tone:`primary`,size:`default`,shape:`square`})}),(0,p.jsxs)(l.r,{className:`min-w-0 gap-space-sm`,children:[(0,p.jsx)(l.u,{children:e.label}),!!e.description&&(0,p.jsx)(l.i,{children:e.description})]})]},e.id)})})})}T.displayName=`AiPromptSuggestions`;var E={title:`Token usage`,input:`Input`,output:`Output`,total:`Total`,cost:`Estimated cost`};function D({model:n,inputTokens:i,outputTokens:s,cost:c,maxTokens:l,className:d,strings:f}){let h=e.useStrings(E,f),g=i+s,_=l?Math.min(100,Math.round(g/l*100)):0;return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Cpu,{className:`size-4`}),title:h.title,titleSuffix:!!n&&(0,p.jsx)(a.t,{variant:`secondary`,children:n}),className:t.cn(`ai-token-usage--component`,d),children:[(0,p.jsx)(`div`,{className:`grid grid-cols-3 gap-2`,children:[{label:h.input,value:i},{label:h.output,value:s},{label:h.total,value:g}].map(e=>(0,p.jsxs)(`div`,{className:`rounded-md bg-muted/40 px-3 py-2`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,p.jsx)(r.s,{weight:`semibold`,className:`tabular-nums`,children:e.value.toLocaleString()})]},e.label))}),!!l&&(0,p.jsxs)(`div`,{className:`mt-3`,children:[(0,p.jsx)(u.i,{label:`${g.toLocaleString()} / ${l.toLocaleString()}`,value:`${_}%`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold`}),(0,p.jsx)(`div`,{className:`mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${_}%`}})})]}),!!c&&(0,p.jsx)(u.i,{className:`mt-3 rounded-md bg-primary/5 px-3 py-2`,label:h.cost,value:c,mono:!0,labelClassName:`text-xs`,valueClassName:`text-sm font-bold`})]})}D.displayName=`AiTokenUsageCard`;var O={prompt:`Was this helpful?`,thumbsUpAria:`Mark as helpful`,thumbsDownAria:`Mark as not helpful`,commentPlaceholder:`Tell us more (optional)`,submit:`Send feedback`,thanks:`Thanks for your feedback.`};function k({value:i,onVote:a,onSubmitComment:o,allowComment:c=!0,submitted:l=!1,className:u,strings:d}){let h=e.useStrings(O,d),[g,_]=(0,f.useState)(null),[v,y]=(0,f.useState)(``),b=i??g,x=e=>{let t=b===e?null:e;i===void 0&&_(t),a?.(t)};return l?(0,p.jsxs)(`div`,{className:t.cn(`ai-feedback--component`,`inline-flex items-center gap-2 rounded-full bg-success/10 px-3 py-1.5`,u),children:[(0,p.jsx)(m.ThumbsUp,{className:`size-3.5 text-success`}),(0,p.jsx)(r.s,{size:`xs`,type:`success`,weight:`medium`,children:h.thanks})]}):(0,p.jsxs)(`div`,{className:t.cn(`ai-feedback--component inline-flex flex-col gap-2`,u),children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,children:h.prompt}),(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:b===`up`?`solid`:`ghost`,size:`icon-small`,"aria-label":h.thumbsUpAria,"aria-pressed":b===`up`,onClick:()=>x(`up`),className:t.cn(b===`up`&&`text-success bg-success/15 hover:bg-success/20`),children:(0,p.jsx)(m.ThumbsUp,{className:`size-3.5`})}),(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:b===`down`?`solid`:`ghost`,size:`icon-small`,"aria-label":h.thumbsDownAria,"aria-pressed":b===`down`,onClick:()=>x(`down`),className:t.cn(b===`down`&&`text-destructive bg-destructive/15 hover:bg-destructive/20`),children:(0,p.jsx)(m.ThumbsDown,{className:`size-3.5`})})]}),!!c&&!!b&&(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(s.t,{value:v,onChange:e=>y(e.target.value),placeholder:h.commentPlaceholder,minRows:2}),(0,p.jsx)(`div`,{className:`flex justify-end`,children:(0,p.jsx)(n.t,{type:`button`,onClick:()=>{o?.(v,b),y(``)},disabled:!v.trim(),children:h.submit})})]})]})}k.displayName=`AiFeedback`;var A={title:`Sources`,sourceCount:e=>e===1?`1 source`:`${e} sources`,expand:`Show sources`,collapse:`Hide sources`,visit:`Visit`,relevance:`Relevance`};function j({sources:i,defaultExpanded:a=!1,maxCollapsedRows:o=0,className:s,strings:c}){let u=e.mergeStrings(A,c),[d,h]=(0,f.useState)(a),g=d?i:i.slice(0,Math.max(0,o)),_=i.length-g.length;return(0,p.jsxs)(`div`,{className:t.cn(`ai-citation--component`,`rounded-lg border border-border bg-card px-surface-sm py-surface-sm shadow-xs`,`space-y-space-lg`,s),children:[(0,p.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:()=>h(e=>!e),className:t.cn(`ai-citation--trigger h-auto justify-start gap-space-sm rounded-md px-control py-row-y`,`text-muted-foreground hover:text-foreground hover:bg-muted/40`),"aria-expanded":d,"aria-label":d?u.collapse:u.expand,children:[(0,p.jsx)(m.Quote,{className:`size-3.5`}),(0,p.jsxs)(r.s,{size:`xs`,weight:`medium`,children:[u.title,` · `,u.sourceCount(i.length)]}),d?(0,p.jsx)(m.ChevronDown,{className:`size-3.5`}):(0,p.jsx)(m.ChevronRight,{className:`size-3.5`})]}),(d||o>0)&&(0,p.jsxs)(l.o,{children:[g.map((e,t)=>(0,p.jsx)(M,{source:e,index:t+1,strings:u},e.id)),!d&&_>0&&(0,p.jsxs)(r.s,{size:`xs`,type:`secondary`,children:[`+`,_,` more`]})]})]})}j.displayName=`AiCitation`;function M({source:e,index:n,strings:i}){let a=typeof e.relevance==`number`?Math.round(Math.max(0,Math.min(1,e.relevance))*100):null,o=e.url?`a`:`span`,s=e.url?{href:e.url,target:`_blank`,rel:`noopener noreferrer`}:{};return(0,p.jsxs)(l.t,{variant:`outline`,size:`small`,className:`items-start px-surface-sm py-surface-sm`,children:[(0,p.jsx)(l.c,{children:(0,p.jsx)(`span`,{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xs font-semibold text-muted-foreground tabular-nums`,children:n})}),(0,p.jsxs)(l.r,{children:[(0,p.jsx)(l.u,{className:`truncate`,children:(0,p.jsxs)(o,{...s,className:t.cn(`truncate`,e.url&&`hover:text-primary hover:underline`),children:[e.title,!!e.url&&(0,p.jsx)(m.ExternalLink,{className:`ml-1 inline size-3 align-baseline`})]})}),!!e.snippet&&(0,p.jsx)(l.i,{clamp:2,children:e.snippet}),(e.publisher||e.publishedAt)&&(0,p.jsxs)(l.a,{className:`mt-1 justify-start gap-1.5`,children:[!!e.publisher&&(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,children:e.publisher}),!!e.publisher&&!!e.publishedAt&&(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,children:`·`}),!!e.publishedAt&&(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,className:`tabular-nums`,children:e.publishedAt})]})]}),a!==null&&(0,p.jsxs)(l.n,{className:`w-16 flex-col items-end gap-0.5`,children:[(0,p.jsxs)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:[a,`%`]}),(0,p.jsx)(`div`,{className:`h-1 w-full overflow-hidden rounded-full bg-muted`,"aria-label":i.relevance,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${a}%`}})})]})]})}var N={sourcePrefix:`Source`,openAria:`Open source {{n}}: {{title}}`};function P(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function F({index:i,title:a,url:o,onSelect:s,className:c,strings:l}){let u=e.mergeStrings(N,l),d=P(u.openAria,{n:i,title:a??``}),f=a?`${u.sourcePrefix} ${i}: ${a}`:`${u.sourcePrefix} ${i}`,m=t.cn(`inline-flex h-5 min-w-5 -translate-y-px items-center justify-center rounded px-1`,`align-middle text-xs font-medium tabular-nums`,`bg-muted text-muted-foreground`,`hover:bg-primary/10 hover:text-primary`,`transition-colors duration-150`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,c);return o?(0,p.jsx)(`a`,{href:o,target:`_blank`,rel:`noopener noreferrer`,title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`leading-none`,children:i})}):s?(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:s,title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`leading-none`,children:i})}):(0,p.jsx)(`span`,{title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`leading-none`,children:i})})}F.displayName=`AiInlineCitation`;var I={versionLabel:`Version`,licenseLabel:`License`,publishedLabel:`Published`,homepageAria:`Open homepage`,repositoryAria:`Open repository`,weeklyDownloadsLabel:`Weekly downloads`};function L({name:n,version:i,description:o,license:s,publishedAt:c,homepage:l,repository:u,weeklyDownloads:d,keywords:f,onSelect:h,className:g,strings:_}){let v=e.useStrings(I,_);return(0,p.jsxs)(h?`button`:`div`,{...h?{type:`button`,onClick:h}:{},className:t.cn(`ai-package-info--component`,`block w-full rounded-lg border border-border/60 bg-card text-left`,h&&`transition-[border-color,background] duration-150 hover:border-foreground/20 hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,g),children:[(0,p.jsxs)(`div`,{className:`flex items-start gap-3 px-3.5 py-3`,children:[(0,p.jsx)(`span`,{"aria-hidden":!0,className:`inline-flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground`,children:(0,p.jsx)(m.Package,{className:`size-4`})}),(0,p.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.s,{weight:`semibold`,className:`truncate font-mono`,children:n}),!!i&&(0,p.jsxs)(a.t,{variant:`secondary`,className:`font-mono tabular-nums`,children:[`v`,i.replace(/^v/,``)]})]}),!!o&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-1 line-clamp-2`,children:o}),(s||c||d!==void 0)&&(0,p.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-x-3 gap-y-1`,children:[!!s&&(0,p.jsx)(R,{label:v.licenseLabel,value:s}),!!c&&(0,p.jsx)(R,{label:v.publishedLabel,value:c}),d!==void 0&&(0,p.jsx)(R,{label:v.weeklyDownloadsLabel,value:String(d)})]}),!!f?.length&&(0,p.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:f.slice(0,6).map(e=>(0,p.jsx)(a.t,{variant:`secondary`,children:e},e))})]})]}),(l||u)&&(0,p.jsxs)(`div`,{className:`flex items-center gap-2 border-t border-border/60 bg-muted/20 px-3.5 py-2`,children:[!!l&&(0,p.jsxs)(`a`,{href:l,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":v.homepageAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,p.jsx)(m.Globe,{className:`size-3.5`}),(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,children:`Homepage`}),(0,p.jsx)(m.ExternalLink,{className:`size-3`})]}),!!l&&!!u&&(0,p.jsx)(`span`,{"aria-hidden":!0,className:`text-muted-foreground/40`,children:`·`}),!!u&&(0,p.jsxs)(`a`,{href:u,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":v.repositoryAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,p.jsx)(m.Code2,{className:`size-3.5`}),(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,children:`Repository`}),(0,p.jsx)(m.ExternalLink,{className:`size-3`})]})]})]})}L.displayName=`AiPackageInfo`;function R({label:e,value:t}){return(0,p.jsxs)(`div`,{className:`inline-flex items-baseline gap-1`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,children:e}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:t})]})}var z={expandAria:`Expand directory`,collapseAria:`Collapse directory`,statusLabels:{added:`A`,modified:`M`,removed:`D`,renamed:`R`}},B={added:{row:`before:bg-success`,pill:`bg-success/15 text-success`},modified:{row:`before:bg-warning`,pill:`bg-warning/20 text-warning`},removed:{row:`before:bg-destructive`,pill:`bg-destructive/15 text-destructive`},renamed:{row:`before:bg-info`,pill:`bg-info/15 text-info`}};function V(e){let t=e.split(`.`).pop()?.toLowerCase()??``;return[`ts`,`tsx`,`js`,`jsx`,`mjs`,`cjs`,`json`,`css`,`scss`,`html`,`sh`,`py`,`rs`,`go`].includes(t)?m.FileCode:[`md`,`mdx`,`txt`].includes(t)?m.FileText:m.File}function H({nodes:n,selectedId:r,onSelect:i,hideStatusLabels:a=!1,indent:o=14,className:s,strings:c}){let l=e.useStrings(z,c);return(0,p.jsx)(`div`,{className:t.cn(`ai-file-tree--component`,`overflow-hidden rounded-lg border border-border/60 bg-card font-mono text-xs`,s),children:(0,p.jsx)(`ul`,{children:n.map(e=>(0,p.jsx)(U,{node:e,depth:0,selectedId:r,onSelect:i,hideStatusLabels:a,indent:o,strings:l},e.id))})})}H.displayName=`AiFileTree`;function U({node:e,depth:i,selectedId:a,onSelect:o,hideStatusLabels:s,indent:c,strings:l}){let[u,d]=(0,f.useState)(e.defaultExpanded??i<1),h=e.kind===`directory`,g=a===e.id,_=e.status,v=_?B[_]:void 0,y=e.icon??(h?u?m.FolderOpen:m.Folder:V(e.name)),b=()=>{h?d(e=>!e):o?.(e)},x=(0,p.jsxs)(p.Fragment,{children:[!!_&&!s&&(0,p.jsx)(`span`,{className:t.cn(`inline-flex size-4 shrink-0 items-center justify-center rounded`,`text-xs font-bold leading-none uppercase`,v?.pill),children:l.statusLabels[_]}),!!e.trailing&&(0,p.jsx)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:e.trailing})]});return(0,p.jsxs)(`li`,{children:[(0,p.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:b,"aria-expanded":h?u:void 0,"aria-label":h?u?l.collapseAria:l.expandAria:void 0,className:t.cn(`ai-file-tree--row group relative h-auto w-full justify-start gap-1.5 rounded-none px-2 py-1 text-left font-mono text-xs`,`hover:bg-muted/40`,`focus-visible:ring-inset`,g&&`bg-primary/10`,!!_&&`before:absolute before:left-0 before:top-0 before:h-full before:w-0.5`,v?.row,_===`removed`&&`text-muted-foreground/80`),style:{paddingLeft:8+i*c},children:[h?u?(0,p.jsx)(m.ChevronDown,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,p.jsx)(m.ChevronRight,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,p.jsx)(`span`,{"aria-hidden":!0,className:`size-3.5 shrink-0`}),(0,p.jsx)(y,{className:t.cn(`size-3.5 shrink-0`,h?`text-muted-foreground`:`text-muted-foreground/80`)}),(0,p.jsx)(`span`,{className:t.cn(`flex-1 truncate`,_===`removed`&&`line-through`),children:e.name}),(0,p.jsx)(`span`,{className:`ml-auto flex items-center gap-1.5`,children:x})]}),h&&u&&!!e.children?.length&&(0,p.jsx)(`ul`,{children:e.children.map(e=>(0,p.jsx)(U,{node:e,depth:i+1,selectedId:a,onSelect:o,hideStatusLabels:s,indent:c,strings:l},e.id))})]})}exports.AiAgent=d.p,exports.AiArtifact=d.t,exports.AiAttachment=d.h,exports.AiChainOfThought=d.a,exports.AiCitation=j,exports.AiClassificationPanel=b,exports.AiCodeBlock=d._,exports.AiConfidenceCard=C,exports.AiConfirmation=d.d,exports.AiFeedback=k,exports.AiFileTree=H,exports.AiInlineCitation=F,exports.AiMessageBubble=d.S,exports.AiPackageInfo=L,exports.AiPromptSuggestions=T,exports.AiReasoning=d.s,exports.AiShimmer=d.y,exports.AiSources=d.l,exports.AiSummaryBlock=y,exports.AiTask=d.r,exports.AiTokenUsageCard=D,exports.AiToolCall=d.b,exports.defaultAiAgentStrings=d.m,exports.defaultAiArtifactStrings=d.n,exports.defaultAiAttachmentStrings=d.g,exports.defaultAiChainOfThoughtStrings=d.o,exports.defaultAiCitationStrings=A,exports.defaultAiCodeBlockStrings=d.v,exports.defaultAiConfidenceCardStrings=x,exports.defaultAiConfirmationStrings=d.f,exports.defaultAiFeedbackStrings=O,exports.defaultAiFileTreeStrings=z,exports.defaultAiInlineCitationStrings=N,exports.defaultAiMessageBubbleStrings=d.C,exports.defaultAiPackageInfoStrings=I,exports.defaultAiPromptSuggestionsStrings=w,exports.defaultAiReasoningStrings=d.c,exports.defaultAiSourcesStrings=d.u,exports.defaultAiTaskStrings=d.i,exports.defaultAiTokenUsageStrings=E,exports.defaultAiToolCallStrings=d.x;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-CB8e7fui.cjs"),r=require("../../../_shared/typography-sXFd02zl.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-B0Ashqkn.cjs"),o=require("../../../_shared/cards-DvE5gRFf.cjs"),s=require("../../../_shared/textarea-rfnSeHHC.cjs"),c=require("../../../_shared/separator-BXn_fnly.cjs"),l=require("../../../_shared/item-BG2iK1sy.cjs"),u=require("../../../_shared/data-display-DRa39LH8.cjs"),d=require("../../../_shared/ai-artifact-BO0XGFHz.cjs");let f=require("react"),p=require("react/jsx-runtime"),m=require("lucide-react");var h={title:`AI Summary`,badgeLabel:`AI`,regenerate:`Regenerate`,confidenceLevels:{low:`low`,medium:`medium`,high:`high`}},g={title:`Classification`,complexityLabel:`Complexity`,flagsLabel:`Flags`,nextStepLabel:`Next Step`,confidencePrefix:`Confidence`,confidenceBands:{low:`Low`,medium:`Medium`,high:`High`}},_={low:1,medium:2,high:3};function v({level:e,label:n}){let i=_[e];return(0,p.jsxs)(`div`,{className:t.cn(`ai-summary--confidence`,`flex items-center gap-1.5`),children:[(0,p.jsx)(`div`,{className:`flex items-center gap-0.5`,children:Array.from({length:3},(e,n)=>(0,p.jsx)(`div`,{className:t.cn(`h-2.5 w-1 rounded-sm`,n<i?`bg-foreground/60`:`bg-muted-foreground/20`)},`bar-${String(n)}`))}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,tag:`span`,className:`capitalize`,children:n})]})}function y({data:t,strings:i}){let s=e.useStrings(h,i);return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.BrainCircuit,{className:`size-4`}),title:s.title,className:`ai-summary--component`,titleSuffix:(0,p.jsx)(a.t,{variant:`secondary`,children:s.badgeLabel}),footerText:(0,p.jsxs)(`div`,{className:`flex w-full items-center justify-between`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,tag:`span`,children:t.generatedAt}),(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,tag:`span`,children:t.model})]}),!!t.onRegenerate&&(0,p.jsxs)(n.t,{variant:`secondary`,buttonStyle:`ghost`,onClick:t.onRegenerate,children:[(0,p.jsx)(m.RefreshCw,{className:`mr-1 h-3 w-3`}),s.regenerate]})]}),children:(0,p.jsxs)(`div`,{className:`space-y-3`,children:[(0,p.jsx)(r.s,{size:`sm`,lineHeight:`relaxed`,children:t.summary}),t.entities.length>0&&(0,p.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:t.entities.map(e=>(0,p.jsx)(a.t,{variant:`secondary`,children:e},e))}),(0,p.jsx)(v,{level:t.confidence,label:s.confidenceLevels[t.confidence]})]})})}function b({data:n,strings:i}){let s=e.useStrings(g,i),l=n.confidence>=.9?s.confidenceBands.high:n.confidence>=.7?s.confidenceBands.medium:s.confidenceBands.low;return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.BrainCircuit,{className:`size-4`}),title:s.title,className:`ai-classification--component`,children:(0,p.jsxs)(`div`,{className:`space-y-3`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,p.jsx)(a.t,{variant:`primary`,children:n.requestType}),(0,p.jsx)(a.t,{variant:n.urgencyVariant,children:n.urgency}),(0,p.jsx)(a.t,{variant:n.toneVariant,dot:!0,children:n.tone})]}),(0,p.jsx)(u.i,{label:s.complexityLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,p.jsxs)(`span`,{className:`flex items-center gap-1`,children:[Array.from({length:5},(e,r)=>(0,p.jsx)(`span`,{className:t.cn(`h-1.5 w-3 rounded-sm`,r<n.complexityScore?`bg-foreground/60`:`bg-muted`)},`cx-${String(r)}`)),(0,p.jsxs)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`ml-1`,children:[String(n.complexityScore),`/5`]})]})}),n.flags.length>0&&(0,p.jsx)(u.i,{label:s.flagsLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,p.jsx)(`span`,{className:`flex gap-1`,children:n.flags.map(e=>(0,p.jsx)(a.t,{variant:`warning`,children:e},e))})}),(0,p.jsx)(u.i,{label:s.nextStepLabel,labelClassName:`text-sm font-medium text-foreground`,value:(0,p.jsx)(a.t,{variant:`info`,children:n.suggestedAction})}),(0,p.jsx)(r.s,{size:`sm`,lineHeight:`relaxed`,type:`secondary`,children:n.summary}),(0,p.jsx)(c.t,{}),(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsxs)(a.t,{variant:`secondary`,children:[s.confidencePrefix,`: `,l]}),(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,tag:`span`,children:n.model})]})]})})}var x={title:`AI Confidence`,confidenceLabel:`Overall`,factorsLabel:`Contributing factors`};function S(e){return e>=.85?{label:`High`,variant:`success`}:e>=.6?{label:`Medium`,variant:`warning`}:{label:`Low`,variant:`error`}}function C({score:n,model:i,factors:s,className:c,strings:l}){let d=e.useStrings(x,l),f=Math.round(n*100),{label:h,variant:g}=S(n),_=2*Math.PI*24,v=_-f/100*_;return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Sparkles,{className:`size-4`}),title:d.title,titleSuffix:!!i&&(0,p.jsx)(a.t,{variant:`secondary`,size:`small`,children:i}),className:t.cn(`ai-confidence--component`,c),children:[(0,p.jsxs)(`div`,{className:`grid gap-space-xl md:grid-cols-[auto_minmax(0,1fr)] md:items-center`,children:[(0,p.jsxs)(`div`,{className:`relative shrink-0`,children:[(0,p.jsxs)(`svg`,{width:`56`,height:`56`,viewBox:`0 0 64 64`,"aria-hidden":`true`,children:[(0,p.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,className:`text-muted/60`}),(0,p.jsx)(`circle`,{cx:`32`,cy:`32`,r:`24`,fill:`none`,stroke:`currentColor`,strokeWidth:`5`,strokeLinecap:`round`,strokeDasharray:_,strokeDashoffset:v,transform:`rotate(-90 32 32)`,className:t.cn(g===`success`&&`text-success`,g===`warning`&&`text-warning`,g===`error`&&`text-destructive`)})]}),(0,p.jsx)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center`,children:(0,p.jsxs)(r.s,{weight:`semibold`,className:`tabular-nums leading-none`,children:[f,`%`]})})]}),(0,p.jsxs)(`div`,{className:`grid min-w-0 gap-space-sm`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:d.confidenceLabel}),(0,p.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-space-sm`,children:[(0,p.jsx)(a.t,{variant:g,children:h}),!!i&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:i})]})]})]}),!!s&&s.length>0&&(0,p.jsxs)(`div`,{className:`mt-space-xl grid gap-space-md`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wide`,children:d.factorsLabel}),s.map(e=>(0,p.jsxs)(`div`,{className:`grid gap-space-sm`,children:[(0,p.jsx)(u.i,{label:e.label,value:`${Math.round(e.score*100)}%`,mono:!0,labelClassName:`text-xs font-medium text-foreground`,valueClassName:`text-xs font-semibold`}),(0,p.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted/70`,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${Math.round(e.score*100)}%`}})})]},e.label))]})]})}C.displayName=`AiConfidenceCard`;var w={title:`Try asking`,hint:`Tap a prompt to start`};function T({suggestions:n,onPick:r,className:a,strings:s}){let c=e.useStrings(w,s);return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Sparkles,{className:`size-4`}),title:c.title,description:c.hint,className:t.cn(`ai-prompt-suggestions--component`,a),children:(0,p.jsx)(`div`,{className:`grid grid-cols-[repeat(auto-fit,minmax(min(15rem,100%),1fr))] gap-space-xl`,children:n.map(e=>{let n=e.icon;return(0,p.jsxs)(l.t,{variant:`outline`,render:(0,p.jsx)(`button`,{type:`button`,onClick:()=>r?.(e)}),className:t.cn(`ai-prompt-suggestions--item h-full items-start gap-space-lg px-surface py-surface-sm transition-[border-color,background] duration-150`,`hover:border-foreground/20 hover:bg-muted/40`),children:[!!n&&(0,p.jsx)(l.c,{children:(0,p.jsx)(i.t,{icon:n,tone:`primary`,size:`default`,shape:`square`})}),(0,p.jsxs)(l.r,{className:`min-w-0 gap-space-sm`,children:[(0,p.jsx)(l.u,{children:e.label}),!!e.description&&(0,p.jsx)(l.i,{children:e.description})]})]},e.id)})})})}T.displayName=`AiPromptSuggestions`;var E={title:`Token usage`,input:`Input`,output:`Output`,total:`Total`,cost:`Estimated cost`};function D({model:n,inputTokens:i,outputTokens:s,cost:c,maxTokens:l,className:d,strings:f}){let h=e.useStrings(E,f),g=i+s,_=l?Math.min(100,Math.round(g/l*100)):0;return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Cpu,{className:`size-4`}),title:h.title,titleSuffix:!!n&&(0,p.jsx)(a.t,{variant:`secondary`,children:n}),className:t.cn(`ai-token-usage--component`,d),children:[(0,p.jsx)(`div`,{className:`grid grid-cols-3 gap-2`,children:[{label:h.input,value:i},{label:h.output,value:s},{label:h.total,value:g}].map(e=>(0,p.jsxs)(`div`,{className:`rounded-md bg-muted/40 px-3 py-2`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,p.jsx)(r.s,{weight:`semibold`,className:`tabular-nums`,children:e.value.toLocaleString()})]},e.label))}),!!l&&(0,p.jsxs)(`div`,{className:`mt-3`,children:[(0,p.jsx)(u.i,{label:`${g.toLocaleString()} / ${l.toLocaleString()}`,value:`${_}%`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold`}),(0,p.jsx)(`div`,{className:`mt-1 h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${_}%`}})})]}),!!c&&(0,p.jsx)(u.i,{className:`mt-3 rounded-md bg-primary/5 px-3 py-2`,label:h.cost,value:c,mono:!0,labelClassName:`text-xs`,valueClassName:`text-sm font-bold`})]})}D.displayName=`AiTokenUsageCard`;var O={prompt:`Was this helpful?`,thumbsUpAria:`Mark as helpful`,thumbsDownAria:`Mark as not helpful`,commentPlaceholder:`Tell us more (optional)`,submit:`Send feedback`,thanks:`Thanks for your feedback.`};function k({value:i,onVote:a,onSubmitComment:o,allowComment:c=!0,submitted:l=!1,className:u,strings:d}){let h=e.useStrings(O,d),[g,_]=(0,f.useState)(null),[v,y]=(0,f.useState)(``),b=i??g,x=e=>{let t=b===e?null:e;i===void 0&&_(t),a?.(t)};return l?(0,p.jsxs)(`div`,{className:t.cn(`ai-feedback--component`,`inline-flex items-center gap-2 rounded-full bg-success/10 px-3 py-1.5`,u),children:[(0,p.jsx)(m.ThumbsUp,{className:`size-3.5 text-success`}),(0,p.jsx)(r.s,{size:`xs`,type:`success`,weight:`medium`,children:h.thanks})]}):(0,p.jsxs)(`div`,{className:t.cn(`ai-feedback--component inline-flex flex-col gap-2`,u),children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,children:h.prompt}),(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:b===`up`?`solid`:`ghost`,size:`icon-small`,"aria-label":h.thumbsUpAria,"aria-pressed":b===`up`,onClick:()=>x(`up`),className:t.cn(b===`up`&&`text-success bg-success/15 hover:bg-success/20`),children:(0,p.jsx)(m.ThumbsUp,{className:`size-3.5`})}),(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:b===`down`?`solid`:`ghost`,size:`icon-small`,"aria-label":h.thumbsDownAria,"aria-pressed":b===`down`,onClick:()=>x(`down`),className:t.cn(b===`down`&&`text-destructive bg-destructive/15 hover:bg-destructive/20`),children:(0,p.jsx)(m.ThumbsDown,{className:`size-3.5`})})]}),!!c&&!!b&&(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(s.t,{value:v,onChange:e=>y(e.target.value),placeholder:h.commentPlaceholder,minRows:2}),(0,p.jsx)(`div`,{className:`flex justify-end`,children:(0,p.jsx)(n.t,{type:`button`,onClick:()=>{o?.(v,b),y(``)},disabled:!v.trim(),children:h.submit})})]})]})}k.displayName=`AiFeedback`;var A={title:`Sources`,sourceCount:e=>e===1?`1 source`:`${e} sources`,expand:`Show sources`,collapse:`Hide sources`,visit:`Visit`,relevance:`Relevance`};function j({sources:i,defaultExpanded:a=!1,maxCollapsedRows:o=0,className:s,strings:c}){let u=e.mergeStrings(A,c),[d,h]=(0,f.useState)(a),g=d?i:i.slice(0,Math.max(0,o)),_=i.length-g.length;return(0,p.jsxs)(`div`,{className:t.cn(`ai-citation--component`,`rounded-lg border border-border bg-card px-surface-sm py-surface-sm shadow-xs`,`space-y-space-lg`,s),children:[(0,p.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:()=>h(e=>!e),className:t.cn(`ai-citation--trigger h-auto justify-start gap-space-sm rounded-md px-control py-row-y`,`text-muted-foreground hover:text-foreground hover:bg-muted/40`),"aria-expanded":d,"aria-label":d?u.collapse:u.expand,children:[(0,p.jsx)(m.Quote,{className:`size-3.5`}),(0,p.jsxs)(r.s,{size:`xs`,weight:`medium`,children:[u.title,` · `,u.sourceCount(i.length)]}),d?(0,p.jsx)(m.ChevronDown,{className:`size-3.5`}):(0,p.jsx)(m.ChevronRight,{className:`size-3.5`})]}),(d||o>0)&&(0,p.jsxs)(l.o,{children:[g.map((e,t)=>(0,p.jsx)(M,{source:e,index:t+1,strings:u},e.id)),!d&&_>0&&(0,p.jsxs)(r.s,{size:`xs`,type:`secondary`,children:[`+`,_,` more`]})]})]})}j.displayName=`AiCitation`;function M({source:e,index:n,strings:i}){let a=typeof e.relevance==`number`?Math.round(Math.max(0,Math.min(1,e.relevance))*100):null,o=e.url?`a`:`span`,s=e.url?{href:e.url,target:`_blank`,rel:`noopener noreferrer`}:{};return(0,p.jsxs)(l.t,{variant:`outline`,size:`small`,className:`items-start px-surface-sm py-surface-sm`,children:[(0,p.jsx)(l.c,{children:(0,p.jsx)(`span`,{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-full bg-muted text-xs font-semibold text-muted-foreground tabular-nums`,children:n})}),(0,p.jsxs)(l.r,{children:[(0,p.jsx)(l.u,{className:`truncate`,children:(0,p.jsxs)(o,{...s,className:t.cn(`truncate`,e.url&&`hover:text-primary hover:underline`),children:[e.title,!!e.url&&(0,p.jsx)(m.ExternalLink,{className:`ml-1 inline size-3 align-baseline`})]})}),!!e.snippet&&(0,p.jsx)(l.i,{clamp:2,children:e.snippet}),(e.publisher||e.publishedAt)&&(0,p.jsxs)(l.a,{className:`mt-1 justify-start gap-1.5`,children:[!!e.publisher&&(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,children:e.publisher}),!!e.publisher&&!!e.publishedAt&&(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,children:`·`}),!!e.publishedAt&&(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,className:`tabular-nums`,children:e.publishedAt})]})]}),a!==null&&(0,p.jsxs)(l.n,{className:`w-16 flex-col items-end gap-0.5`,children:[(0,p.jsxs)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:[a,`%`]}),(0,p.jsx)(`div`,{className:`h-1 w-full overflow-hidden rounded-full bg-muted`,"aria-label":i.relevance,children:(0,p.jsx)(`div`,{className:`h-full rounded-full bg-primary`,style:{width:`${a}%`}})})]})]})}var N={sourcePrefix:`Source`,openAria:`Open source {{n}}: {{title}}`};function P(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function F({index:i,title:a,url:o,onSelect:s,className:c,strings:l}){let u=e.mergeStrings(N,l),d=P(u.openAria,{n:i,title:a??``}),f=a?`${u.sourcePrefix} ${i}: ${a}`:`${u.sourcePrefix} ${i}`,m=t.cn(`inline-flex h-5 min-w-5 -translate-y-px items-center justify-center rounded px-1`,`align-middle text-xs font-medium tabular-nums`,`bg-muted text-muted-foreground`,`hover:bg-primary/10 hover:text-primary`,`transition-colors duration-150`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,c);return o?(0,p.jsx)(`a`,{href:o,target:`_blank`,rel:`noopener noreferrer`,title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`leading-none`,children:i})}):s?(0,p.jsx)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:s,title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`leading-none`,children:i})}):(0,p.jsx)(`span`,{title:f,"aria-label":d,className:t.cn(`ai-inline-citation--component`,m),children:(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`leading-none`,children:i})})}F.displayName=`AiInlineCitation`;var I={versionLabel:`Version`,licenseLabel:`License`,publishedLabel:`Published`,homepageAria:`Open homepage`,repositoryAria:`Open repository`,weeklyDownloadsLabel:`Weekly downloads`};function L({name:n,version:i,description:o,license:s,publishedAt:c,homepage:l,repository:u,weeklyDownloads:d,keywords:f,onSelect:h,className:g,strings:_}){let v=e.useStrings(I,_);return(0,p.jsxs)(h?`button`:`div`,{...h?{type:`button`,onClick:h}:{},className:t.cn(`ai-package-info--component`,`block w-full rounded-lg border border-border/60 bg-card text-left`,h&&`transition-[border-color,background] duration-150 hover:border-foreground/20 hover:bg-muted/40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,g),children:[(0,p.jsxs)(`div`,{className:`flex items-start gap-3 px-3.5 py-3`,children:[(0,p.jsx)(`span`,{"aria-hidden":!0,className:`inline-flex size-9 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground`,children:(0,p.jsx)(m.Package,{className:`size-4`})}),(0,p.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(r.s,{weight:`semibold`,className:`truncate font-mono`,children:n}),!!i&&(0,p.jsxs)(a.t,{variant:`secondary`,className:`font-mono tabular-nums`,children:[`v`,i.replace(/^v/,``)]})]}),!!o&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-1 line-clamp-2`,children:o}),(s||c||d!==void 0)&&(0,p.jsxs)(`div`,{className:`mt-2 flex flex-wrap items-center gap-x-3 gap-y-1`,children:[!!s&&(0,p.jsx)(R,{label:v.licenseLabel,value:s}),!!c&&(0,p.jsx)(R,{label:v.publishedLabel,value:c}),d!==void 0&&(0,p.jsx)(R,{label:v.weeklyDownloadsLabel,value:String(d)})]}),!!f?.length&&(0,p.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-1`,children:f.slice(0,6).map(e=>(0,p.jsx)(a.t,{variant:`secondary`,children:e},e))})]})]}),(l||u)&&(0,p.jsxs)(`div`,{className:`flex items-center gap-2 border-t border-border/60 bg-muted/20 px-3.5 py-2`,children:[!!l&&(0,p.jsxs)(`a`,{href:l,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":v.homepageAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,p.jsx)(m.Globe,{className:`size-3.5`}),(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,children:`Homepage`}),(0,p.jsx)(m.ExternalLink,{className:`size-3`})]}),!!l&&!!u&&(0,p.jsx)(`span`,{"aria-hidden":!0,className:`text-muted-foreground/40`,children:`·`}),!!u&&(0,p.jsxs)(`a`,{href:u,target:`_blank`,rel:`noopener noreferrer`,onClick:e=>e.stopPropagation(),"aria-label":v.repositoryAria,className:`inline-flex items-center gap-1 rounded text-muted-foreground hover:text-foreground`,children:[(0,p.jsx)(m.Code2,{className:`size-3.5`}),(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,children:`Repository`}),(0,p.jsx)(m.ExternalLink,{className:`size-3`})]})]})]})}L.displayName=`AiPackageInfo`;function R({label:e,value:t}){return(0,p.jsxs)(`div`,{className:`inline-flex items-baseline gap-1`,children:[(0,p.jsx)(r.s,{size:`xs`,type:`discrete`,children:e}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`tabular-nums`,children:t})]})}var z={expandAria:`Expand directory`,collapseAria:`Collapse directory`,statusLabels:{added:`A`,modified:`M`,removed:`D`,renamed:`R`}},B={added:{row:`before:bg-success`,pill:`bg-success/15 text-success`},modified:{row:`before:bg-warning`,pill:`bg-warning/20 text-warning`},removed:{row:`before:bg-destructive`,pill:`bg-destructive/15 text-destructive`},renamed:{row:`before:bg-info`,pill:`bg-info/15 text-info`}};function V(e){let t=e.split(`.`).pop()?.toLowerCase()??``;return[`ts`,`tsx`,`js`,`jsx`,`mjs`,`cjs`,`json`,`css`,`scss`,`html`,`sh`,`py`,`rs`,`go`].includes(t)?m.FileCode:[`md`,`mdx`,`txt`].includes(t)?m.FileText:m.File}function H({nodes:n,selectedId:r,onSelect:i,hideStatusLabels:a=!1,indent:o=14,className:s,strings:c}){let l=e.useStrings(z,c);return(0,p.jsx)(`div`,{className:t.cn(`ai-file-tree--component`,`overflow-hidden rounded-lg border border-border/60 bg-card font-mono text-xs`,s),children:(0,p.jsx)(`ul`,{children:n.map(e=>(0,p.jsx)(U,{node:e,depth:0,selectedId:r,onSelect:i,hideStatusLabels:a,indent:o,strings:l},e.id))})})}H.displayName=`AiFileTree`;function U({node:e,depth:i,selectedId:a,onSelect:o,hideStatusLabels:s,indent:c,strings:l}){let[u,d]=(0,f.useState)(e.defaultExpanded??i<1),h=e.kind===`directory`,g=a===e.id,_=e.status,v=_?B[_]:void 0,y=e.icon??(h?u?m.FolderOpen:m.Folder:V(e.name)),b=()=>{h?d(e=>!e):o?.(e)},x=(0,p.jsxs)(p.Fragment,{children:[!!_&&!s&&(0,p.jsx)(`span`,{className:t.cn(`inline-flex size-4 shrink-0 items-center justify-center rounded`,`text-xs font-bold leading-none uppercase`,v?.pill),children:l.statusLabels[_]}),!!e.trailing&&(0,p.jsx)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:e.trailing})]});return(0,p.jsxs)(`li`,{children:[(0,p.jsxs)(n.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:b,"aria-expanded":h?u:void 0,"aria-label":h?u?l.collapseAria:l.expandAria:void 0,className:t.cn(`ai-file-tree--row group relative h-auto w-full justify-start gap-1.5 rounded-none px-2 py-1 text-left font-mono text-xs`,`hover:bg-muted/40`,`focus-visible:ring-inset`,g&&`bg-primary/10`,!!_&&`before:absolute before:left-0 before:top-0 before:h-full before:w-0.5`,v?.row,_===`removed`&&`text-muted-foreground/80`),style:{paddingLeft:8+i*c},children:[h?u?(0,p.jsx)(m.ChevronDown,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,p.jsx)(m.ChevronRight,{className:`size-3.5 shrink-0 text-muted-foreground`}):(0,p.jsx)(`span`,{"aria-hidden":!0,className:`size-3.5 shrink-0`}),(0,p.jsx)(y,{className:t.cn(`size-3.5 shrink-0`,h?`text-muted-foreground`:`text-muted-foreground/80`)}),(0,p.jsx)(`span`,{className:t.cn(`flex-1 truncate`,_===`removed`&&`line-through`),children:e.name}),(0,p.jsx)(`span`,{className:`ml-auto flex items-center gap-1.5`,children:x})]}),h&&u&&!!e.children?.length&&(0,p.jsx)(`ul`,{children:e.children.map(e=>(0,p.jsx)(U,{node:e,depth:i+1,selectedId:a,onSelect:o,hideStatusLabels:s,indent:c,strings:l},e.id))})]})}exports.AiAgent=d.p,exports.AiArtifact=d.t,exports.AiAttachment=d.h,exports.AiChainOfThought=d.a,exports.AiCitation=j,exports.AiClassificationPanel=b,exports.AiCodeBlock=d._,exports.AiConfidenceCard=C,exports.AiConfirmation=d.d,exports.AiFeedback=k,exports.AiFileTree=H,exports.AiInlineCitation=F,exports.AiMessageBubble=d.S,exports.AiPackageInfo=L,exports.AiPromptSuggestions=T,exports.AiReasoning=d.s,exports.AiShimmer=d.y,exports.AiSources=d.l,exports.AiSummaryBlock=y,exports.AiTask=d.r,exports.AiTokenUsageCard=D,exports.AiToolCall=d.b,exports.defaultAiAgentStrings=d.m,exports.defaultAiArtifactStrings=d.n,exports.defaultAiAttachmentStrings=d.g,exports.defaultAiChainOfThoughtStrings=d.o,exports.defaultAiCitationStrings=A,exports.defaultAiCodeBlockStrings=d.v,exports.defaultAiConfidenceCardStrings=x,exports.defaultAiConfirmationStrings=d.f,exports.defaultAiFeedbackStrings=O,exports.defaultAiFileTreeStrings=z,exports.defaultAiInlineCitationStrings=N,exports.defaultAiMessageBubbleStrings=d.C,exports.defaultAiPackageInfoStrings=I,exports.defaultAiPromptSuggestionsStrings=w,exports.defaultAiReasoningStrings=d.c,exports.defaultAiSourcesStrings=d.u,exports.defaultAiTaskStrings=d.i,exports.defaultAiTokenUsageStrings=E,exports.defaultAiToolCallStrings=d.x;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/ai/index.js

@@ -8,7 +8,7 @@ import { t as s } from "../../../_shared/cards-B7voInTJ.js";
 import { t as c } from "../../../_shared/textarea-Dx9yEZY2.js";
 import { t as l } from "../../../_shared/separator-DiH-j--f.js";
 import { a as u, c as d, i as f, n as p, o as m, r as h, t as g, u as _ } from "../../../_shared/item-D75eGy8G.js";
-import { i as v } from "../../../_shared/data-display-CYmwUdmU.js";
+import { i as v } from "../../../_shared/data-display-0uNuZSN7.js";
 import { C as ee, S as te, _ as ne, a as y, b as re, c as ie, d as ae, f as oe, g as b, h as se, i as ce, l as le, m as ue, n as de, o as fe, p as pe, r as me, s as he, t as ge, u as _e, v as ve, x as ye, y as be } from "../../../_shared/ai-artifact-CbsGR1t8.js";
 import { useState as x } from "react";
 import { Fragment as xe, jsx as S, jsxs as C } from "react/jsx-runtime";

package/dist/components/composed/cards/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-CB8e7fui.cjs"),r=require("../../../_shared/typography-sXFd02zl.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-B0Ashqkn.cjs"),o=require("../../../_shared/cards-DvE5gRFf.cjs"),s=require("../../../_shared/display-DV7n0KA1.cjs"),c=require("../../../_shared/avatar-BnKM_o2d.cjs"),l=require("../../../_shared/item-BG2iK1sy.cjs"),u=require("../../../_shared/data-display-B9Lciun3.cjs");let d=require("react"),f=require("react/jsx-runtime"),p=require("lucide-react");var m={contact:`Contact`,profile:`Profile`};function h(e,t){return t||e.split(` `).map(e=>e[0]).slice(0,2).join(``).toUpperCase()}function g({name:i,role:o,email:s,phone:u,location:d,avatarUrl:g,initials:_,badge:v,badgeVariant:y=`success`,onContact:b,onViewProfile:x,className:S,strings:C}){let w=e.useStrings(m,C);return(0,f.jsxs)(`div`,{className:t.cn(`contact-card--component`,`overflow-hidden rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm sm:p-5`,S),children:[(0,f.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,f.jsxs)(c.t,{className:`size-avatar-lg shrink-0 border border-border`,children:[!!g&&(0,f.jsx)(c.o,{src:g,alt:i}),(0,f.jsx)(c.r,{className:`text-sm font-semibold`,children:h(i,_)})]}),(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(r.s,{weight:`semibold`,className:`truncate`,children:i}),!!v&&(0,f.jsx)(a.t,{variant:y,children:v})]}),!!o&&(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:o})]})]}),!!(s||u||d)&&(0,f.jsxs)(l.o,{className:`mt-4 gap-0`,children:[!!s&&(0,f.jsxs)(l.t,{size:`small`,children:[(0,f.jsx)(l.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.Mail,{})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,children:s})})]}),!!u&&(0,f.jsxs)(l.t,{size:`small`,children:[(0,f.jsx)(l.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.Phone,{})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,children:u})})]}),!!d&&(0,f.jsxs)(l.t,{size:`small`,children:[(0,f.jsx)(l.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.MapPin,{})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,children:d})})]})]}),!!(b||x)&&(0,f.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!b&&(0,f.jsx)(n.t,{variant:`primary`,buttonStyle:`solid`,icon:p.Mail,onClick:b,children:w.contact}),!!x&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,icon:p.ExternalLink,onClick:x,children:w.profile})]})]})}g.displayName=`ContactCard`;var _={coral:`bg-gradient-to-br from-destructive to-warning`,ocean:`bg-gradient-to-br from-info to-primary`,forest:`bg-gradient-to-br from-success to-info`,twilight:`bg-gradient-to-br from-foreground to-info`,ember:`bg-gradient-to-br from-destructive via-warning to-destructive`};function v(){return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{className:`absolute -right-12 -top-12 h-44 w-44 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,f.jsx)(`div`,{className:`absolute -bottom-8 -left-8 h-28 w-28 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]})}function y(){let e=`gradient-card-diag-stripes-${(0,d.useId)().replace(/:/g,``)}`;return(0,f.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-[0.04]`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,f.jsx)(`defs`,{children:(0,f.jsx)(`pattern`,{id:e,width:`8`,height:`8`,patternUnits:`userSpaceOnUse`,patternTransform:`rotate(45)`,children:(0,f.jsx)(`rect`,{width:`2`,height:`8`,className:`fill-inverse-foreground`})})}),(0,f.jsx)(`rect`,{width:`100%`,height:`100%`,fill:`url(#${e})`})]})}var b={none:null,circles:()=>(0,f.jsx)(v,{}),diagonal:()=>(0,f.jsx)(y,{})};function x({gradient:e=`coral`,pattern:i=`none`,title:a,subtitle:o,value:s,valueLabel:c,badge:l,icon:u,alertText:d,alertCount:p,action:m,footer:h,children:g,className:v}){let y=b[i],x=!!(a||o||u);return(0,f.jsxs)(`div`,{className:t.cn(`gradient-card--component relative overflow-hidden rounded-lg`,_[e],v),children:[!!y&&y(),(0,f.jsxs)(`div`,{className:`relative flex flex-col gap-5 p-6`,children:[!!x&&(0,f.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[!!a&&(0,f.jsx)(r.s,{weight:`semibold`,className:`tracking-tight leading-snug text-inverse-foreground`,children:a}),!!o&&(0,f.jsx)(r.s,{size:`xs`,className:`mt-0.5 leading-snug text-inverse-muted`,children:o})]}),!!u&&(0,f.jsx)(`span`,{"aria-hidden":`true`,className:`inline-flex size-10 shrink-0 items-center justify-center rounded-xl bg-inverse-surface text-inverse-foreground ring-1 ring-inverse-border backdrop-blur-sm`,children:(0,f.jsx)(u,{className:`size-5`})})]}),!!s&&(0,f.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,f.jsx)(r.o,{tag:`h3`,align:`left`,className:`text-base font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:s}),(c||l)&&(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[!!c&&(0,f.jsx)(r.s,{size:`xs`,className:`leading-snug text-inverse-muted`,children:c}),!!l&&(0,f.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-inverse-surface-strong px-2.5 py-0.5 text-xs font-semibold uppercase tracking-wider text-inverse-foreground backdrop-blur-sm`,children:l})]})]}),!!d&&(0,f.jsxs)(`div`,{className:`flex items-center gap-3 rounded-xl bg-inverse-surface px-3.5 py-2.5 ring-1 ring-inverse-border backdrop-blur-sm`,children:[(0,f.jsx)(r.s,{className:`min-w-0 flex-1 leading-snug text-inverse-foreground`,children:d}),!!p&&(0,f.jsx)(`span`,{className:`inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-inverse-surface-strong px-1.5 text-xs font-bold tabular-nums text-inverse-foreground`,children:p})]}),!!g&&(0,f.jsx)(`div`,{children:g}),(!!m||!!h)&&(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-3 pt-1`,children:[m?(0,f.jsx)(n.t,{variant:`dark`,onClick:m.onClick,className:`rounded-xl px-4`,children:m.label}):(0,f.jsx)(`span`,{}),!!h&&(0,f.jsx)(r.s,{size:`xs`,className:`text-inverse-muted`,children:h})]})]})]})}x.displayName=`GradientCard`;function S({gradient:e=`coral`,pattern:n=`none`,title:i,value:a,change:o,subtitle:s,className:c}){let l=b[n];return(0,f.jsxs)(`div`,{className:t.cn(`gradient-card-compact--component relative overflow-hidden rounded-lg`,_[e],c),children:[!!l&&l(),(0,f.jsxs)(`div`,{className:`relative flex flex-col gap-1 p-5`,children:[!!i&&(0,f.jsx)(r.s,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-inverse-muted`,children:i}),(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!a&&(0,f.jsx)(r.o,{tag:`h4`,align:`left`,className:`text-base font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:a}),!!o&&(0,f.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-inverse-surface px-2 py-0.5 text-xs font-semibold tabular-nums text-inverse-foreground backdrop-blur-sm`,children:o})]}),!!s&&(0,f.jsx)(r.s,{size:`xs`,className:`leading-snug text-inverse-subtle`,children:s})]})]})}S.displayName=`GradientCardCompact`;var C={status:{active:`Active`,redeemed:`Redeemed`,expired:`Expired`,disabled:`Disabled`},giftCard:`Gift Card`,balance:`Balance`,personalMessage:`Personal Message`,to:`To`,from:`From`,expires:`Expires`,recipient:`Recipient`,viewDetails:`View Details`,copyCode:`Copy code`},w={active:`success`,redeemed:`secondary`,expired:`error`,disabled:`warning`};C.status.active,C.status.redeemed,C.status.expired,C.status.disabled;var T={purple:{card:`from-primary via-primary/90 to-info`,strip:`from-primary via-primary/90 to-info`},green:{card:`from-success via-info to-success`,strip:`from-success via-info to-success`},warm:{card:`from-warning via-warning/90 to-destructive`,strip:`from-warning via-warning/90 to-destructive`}},E={purple:`from-primary to-info`,green:`from-success to-info`,warm:`from-warning to-destructive`},D={green:{line:`bg-success`,iconBg:`bg-success/15 text-success`},purple:{line:`bg-primary`,iconBg:`bg-primary/15 text-primary`},warm:{line:`bg-warning`,iconBg:`bg-warning/15 text-warning-foreground`}},O={green:`from-success to-info`,blue:`from-info to-primary`,amber:`from-warning to-destructive`},k={green:`bg-success ring-4 ring-background shadow-lg`,blue:`bg-info ring-4 ring-background shadow-lg`,amber:`bg-warning ring-4 ring-background shadow-lg`};function A({code:i,amount:a,remainingAmount:o,status:s,recipientName:c,senderName:l,message:d,expiresAt:m,createdAt:h,template:g,onView:_,gradient:v=`purple`,pattern:y=`none`,className:b,strings:x}){let S=e.useStrings(C,x),E=S.status[s],D=w[s],O=!!o&&o!==a,k=O?o:a,A=[...c?[{label:S.to,value:c}]:[],...l?[{label:S.from,value:l}]:[],...m?[{label:S.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-card--component w-full max-w-sm transition-shadow duration-300 ease-out`,`hover:shadow-md hover:shadow-foreground/10`,b),children:[(0,f.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-t-lg bg-gradient-to-br p-6`,T[v].card),children:[y===`circles`&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{className:`absolute -top-8 -right-8 h-32 w-32 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,f.jsx)(`div`,{className:`absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]}),y===`waves`&&(0,f.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-5`,viewBox:`0 0 400 200`,preserveAspectRatio:`none`,"aria-hidden":`true`,children:[(0,f.jsx)(`path`,{d:`M0 80 C100 20, 200 140, 400 60 L400 200 L0 200 Z`,className:`fill-inverse-foreground`}),(0,f.jsx)(`path`,{d:`M0 120 C120 60, 280 180, 400 100 L400 200 L0 200 Z`,className:`fill-inverse-foreground`})]}),(0,f.jsx)(`div`,{className:`absolute top-4 right-4 z-20`,children:(0,f.jsxs)(`span`,{className:t.cn(`inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-semibold uppercase tracking-wide`,`bg-inverse-surface-strong text-inverse-foreground border border-inverse-border shadow-sm backdrop-blur-md`),"data-status":D,children:[(0,f.jsx)(`span`,{className:`size-1.5 rounded-full bg-inverse-foreground/85`,"aria-hidden":`true`}),E]})}),(0,f.jsxs)(`div`,{className:`relative z-10`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(p.Gift,{className:`h-5 w-5 text-inverse-foreground opacity-80`}),(0,f.jsx)(r.s,{weight:`medium`,className:`text-inverse-muted`,children:S.giftCard})]}),(0,f.jsxs)(`div`,{className:`mt-8 mb-5`,children:[(0,f.jsx)(r.s,{size:`xs`,className:`uppercase tracking-wider text-inverse-subtle`,children:S.balance}),(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2.5 mt-1`,children:[(0,f.jsx)(r.o,{tag:`h2`,className:`text-base border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm`,children:k}),!!O&&(0,f.jsx)(r.s,{className:`line-through tabular-nums text-inverse-disabled`,children:a})]})]}),(0,f.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 rounded-lg px-4 py-2.5`,`bg-inverse-surface backdrop-blur-sm`,`border border-inverse-border`,`shadow-sm`),children:[(0,f.jsx)(r.s,{weight:`semibold`,className:`flex-1 font-mono tracking-[0.2em] text-inverse-foreground`,children:i}),(0,f.jsx)(n.t,{variant:`light`,buttonStyle:`ghost`,className:`p-1 h-auto text-inverse-foreground opacity-60 hover:bg-inverse-surface hover:opacity-100`,"aria-label":S.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-4 w-4`})})]})]})]}),(0,f.jsxs)(`div`,{className:`rounded-b-lg bg-card p-5 shadow-sm border border-t-0 border-border/50 space-y-4`,children:[!!d&&(0,f.jsxs)(`div`,{className:`rounded-lg bg-muted/50 p-3 border border-border/30`,children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`mb-1 uppercase tracking-wide`,children:S.personalMessage}),(0,f.jsxs)(r.s,{type:`secondary`,className:`italic leading-relaxed`,children:[`“`,d,`”`]})]}),(0,f.jsx)(u.a,{items:A,columns:2}),!!_&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,icon:p.Eye,fullWidth:!0,onClick:_,children:S.viewDetails})]})]})}A.displayName=`GiftcardCard`;function j({code:n,amount:i,remainingAmount:o,status:s,recipientName:c,gradient:u=`purple`,className:d,strings:m}){let h=e.useStrings(C,m).status[s],g=w[s],_=!!o&&o!==i,v=_?o:i;return(0,f.jsxs)(l.t,{size:`small`,variant:`outline`,className:t.cn(`giftcard-compact--component flex-nowrap gap-x-2.5 px-3 py-2 shadow-sm transition-colors duration-150 hover:border-border`,d),children:[(0,f.jsx)(l.c,{variant:`image`,children:(0,f.jsx)(`div`,{className:t.cn(`flex size-full items-center justify-center bg-gradient-to-br`,E[u]),children:(0,f.jsx)(p.Gift,{className:`h-4 w-4 text-inverse-foreground`})})}),(0,f.jsxs)(l.r,{className:`min-w-0`,children:[(0,f.jsx)(l.u,{className:`w-full max-w-full truncate whitespace-nowrap font-mono text-xs`,children:n}),!!c&&(0,f.jsx)(l.i,{clamp:1,children:c})]}),(0,f.jsx)(l.n,{className:`shrink-0`,children:(0,f.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,f.jsxs)(`div`,{className:`flex items-baseline gap-1`,children:[(0,f.jsx)(r.s,{size:`sm`,weight:`bold`,className:`tabular-nums`,children:v}),!!_&&(0,f.jsx)(r.s,{size:`xs`,type:`discrete`,className:`line-through tabular-nums`,children:i})]}),(0,f.jsx)(a.t,{variant:g,size:`small`,children:h})]})})]})}j.displayName=`GiftcardCompact`;function M({code:i,amount:o,remainingAmount:s,status:c,recipientName:d,expiresAt:m,onView:h,color:g=`green`,className:_,strings:v}){let y=e.useStrings(C,v),b=y.status[c],x=w[c],S=!!s&&s!==o,T=S?s:o,E=D[g],O=[...d?[{label:y.recipient,value:d}]:[],...m?[{label:y.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-minimal--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,_),children:[(0,f.jsx)(`div`,{className:t.cn(`mx-4 mt-3 h-1 w-12 rounded-sm`,E.line)}),(0,f.jsxs)(l.t,{size:`small`,className:`flex-nowrap items-center`,children:[(0,f.jsx)(l.c,{children:(0,f.jsx)(`div`,{className:t.cn(`flex h-7 w-7 items-center justify-center rounded-full`,E.iconBg),children:(0,f.jsx)(p.Gift,{className:`h-3.5 w-3.5`})})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,className:`text-muted-foreground`,children:y.giftCard})}),(0,f.jsx)(l.n,{className:`shrink-0`,children:(0,f.jsx)(a.t,{variant:x,size:`small`,children:b})})]}),(0,f.jsx)(`div`,{className:`px-4 pb-2 pt-0`,children:(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.o,{tag:`h2`,className:`border-none pb-0 text-base tabular-nums`,children:T}),!!S&&(0,f.jsx)(r.s,{type:`discrete`,className:`line-through tabular-nums`,children:o})]})}),(0,f.jsxs)(`div`,{className:`mx-4 flex items-center gap-1.5 rounded-md border border-border/30 bg-muted/50 px-2.5 py-1.5`,children:[(0,f.jsx)(r.s,{weight:`medium`,className:`flex-1 font-mono tracking-[0.15em]`,children:i}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,className:`shrink-0`,"aria-label":y.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(u.a,{items:O,columns:1,dense:!0,gapClassName:`gap-1.5`,className:`px-4 pb-1.5 pt-2`}),!!h&&(0,f.jsx)(`div`,{className:`mt-1 border-t border-border/30 px-3 py-1.5`,children:(0,f.jsxs)(n.t,{variant:`secondary`,buttonStyle:`ghost`,onClick:h,className:`group/link`,children:[y.viewDetails,(0,f.jsx)(p.ArrowRight,{className:`ml-1 h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5`})]})})]})}M.displayName=`GiftcardCardMinimal`;function N({code:i,amount:o,remainingAmount:s,status:c,recipientName:d,expiresAt:m,onView:h,className:g,strings:_}){let v=e.useStrings(C,_),y=v.status[c],b=w[c],x=!!s&&s!==o,S=x?s:o,T=[...d?[{label:v.recipient,value:d}]:[],...m?[{label:v.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-dark--component dark w-full max-w-sm overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border`,g),children:[(0,f.jsxs)(l.t,{size:`small`,children:[(0,f.jsx)(l.c,{children:(0,f.jsx)(`div`,{className:`flex h-8 w-8 items-center justify-center rounded-full bg-warning/15`,children:(0,f.jsx)(p.Gift,{className:`h-4 w-4 text-warning`})})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,className:`text-muted-foreground`,children:v.giftCard})}),(0,f.jsx)(l.n,{children:(0,f.jsx)(a.t,{variant:b,children:y})})]}),(0,f.jsx)(`div`,{className:`px-4 pb-3 pt-2`,children:(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.o,{tag:`h2`,className:`border-none pb-0 text-base tabular-nums`,children:S}),!!x&&(0,f.jsx)(r.s,{type:`discrete`,className:`line-through tabular-nums`,children:o})]})}),(0,f.jsxs)(`div`,{className:`mx-4 flex items-center gap-2 rounded-md border border-border bg-muted px-3 py-2`,children:[(0,f.jsx)(r.s,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:i}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":v.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(u.a,{items:T,columns:1,className:`px-4 pb-2 pt-3`}),!!h&&(0,f.jsx)(`div`,{className:`px-4 pb-4 pt-2`,children:(0,f.jsx)(n.t,{variant:`dark`,buttonStyle:`solid`,icon:p.Eye,fullWidth:!0,onClick:h,children:v.viewDetails})})]})}N.displayName=`GiftcardCardDark`;function P({code:o,amount:s,remainingAmount:c,status:l,recipientName:d,expiresAt:m,onView:h,headerColor:g=`green`,className:_,strings:v}){let y=e.useStrings(C,v),b=y.status[l],x=w[l],S=!!c&&c!==s,T=S?c:s,E=[...d?[{label:y.recipient,value:d}]:[],...m?[{label:y.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,_),children:[(0,f.jsxs)(`div`,{className:t.cn(`relative flex h-16 items-center justify-between overflow-hidden bg-gradient-to-br px-4`,O[g]),children:[(0,f.jsx)(`div`,{className:`absolute inset-0 opacity-80`,style:{backgroundImage:`repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in oklch, var(--inverse-foreground) 3%, transparent) 10px 20px)`},"aria-hidden":`true`}),(0,f.jsx)(i.t,{icon:p.Gift,size:`default`,shape:`square`,className:t.cn(`relative rounded-md text-inverse-foreground ring-1 ring-inverse-border`,k[g])}),(0,f.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,className:`relative uppercase tracking-wider text-inverse-foreground opacity-80`,children:y.giftCard})]}),(0,f.jsxs)(`div`,{className:`space-y-3 px-4 py-4`,children:[(0,f.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.o,{tag:`h2`,className:`border-none pb-0 text-base tabular-nums`,children:T}),!!S&&(0,f.jsx)(r.s,{type:`discrete`,className:`line-through tabular-nums`,children:s})]}),(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:y.balance})]}),(0,f.jsx)(a.t,{variant:x,children:b})]}),(0,f.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border border-border/50 bg-muted/40 px-3 py-2`,children:[(0,f.jsx)(r.s,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:o}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":y.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(u.a,{items:E,columns:2}),!!h&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,icon:p.Eye,fullWidth:!0,onClick:h,children:y.viewDetails})]})]})}P.displayName=`GiftcardCardIllustrated`;var F={participants:`Participants`,progress:`Progress`},I=`rounded-xl bg-background/80 ring-1 ring-border/60 p-3`,L=`from-primary/8 via-card to-info/10`;function R(e){return e.map((e,t)=>({id:`${t}-${e.name??e.initials??``}`,name:e.name??e.initials??`P${t+1}`,imageUrl:e.imageUrl}))}function z({title:i,description:c,badges:u=[],participants:d=[],extraParticipants:p=0,progressPercent:m,actionLabel:h,onAction:g,className:_,strings:v,variant:y=`default`,gradient:b=L}){let x=e.useStrings(F,v),S=d.length+p,C=R(d);return y===`minimal`?(0,f.jsxs)(l.t,{variant:`outline`,className:t.cn(`course-card--component`,`hover:bg-muted/30 transition-colors`,_),children:[(0,f.jsxs)(l.r,{className:`min-w-0 sm:min-w-48`,children:[(0,f.jsx)(l.u,{children:i}),!!c&&(0,f.jsx)(l.i,{clamp:1,children:c})]}),(0,f.jsxs)(l.n,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[d.length>0&&(0,f.jsx)(s.b,{users:C,max:3,size:`small`,overflowFormatter:()=>`+${p||0}`,showOverflow:p>0}),m!==void 0&&(0,f.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[m,`%`]}),!!h&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,onClick:g,children:h})]})]}):y===`gradient`?(0,f.jsxs)(o.t,{title:i,description:c,className:t.cn(`course-card--component border-primary/20 bg-gradient-to-br`,b,_),children:[u.length>0&&(0,f.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:u.map(e=>(0,f.jsx)(a.t,{variant:e.variant,children:e.label},e.label))}),(d.length>0||m!==void 0)&&(0,f.jsx)(`div`,{className:`mt-4 rounded-lg border border-border/70 bg-background/80 p-3`,children:(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[d.length>0&&(0,f.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,f.jsx)(s.b,{users:C,max:3,size:`small`,showOverflow:!1}),(0,f.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:[S,` `,x.participants.toLowerCase()]})]}),m!==void 0&&(0,f.jsxs)(`div`,{className:`ml-auto flex min-w-36 items-center gap-2`,children:[(0,f.jsx)(`div`,{className:`h-1.5 min-w-20 flex-1 overflow-hidden rounded-full bg-success/15`,children:(0,f.jsx)(`div`,{className:`h-full rounded-full bg-success`,style:{width:`${m}%`}})}),(0,f.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[m,`%`]})]})]})}),!!h&&(0,f.jsx)(n.t,{variant:`primary`,className:`mt-4 w-full rounded-xl`,onClick:g,children:h})]}):(0,f.jsxs)(o.t,{title:i,description:c,className:t.cn(`course-card--component`,_),children:[u.length>0&&(0,f.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:u.map(e=>(0,f.jsx)(a.t,{variant:e.variant,children:e.label},e.label))}),(d.length>0||m!==void 0)&&(0,f.jsxs)(`div`,{className:`mt-4 grid gap-2.5 sm:grid-cols-2`,children:[d.length>0&&(0,f.jsxs)(`div`,{className:I,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,children:x.participants}),(0,f.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:S})]}),(0,f.jsxs)(`div`,{className:`mt-2 flex items-center gap-2`,children:[(0,f.jsx)(s.b,{users:C,max:4,size:`small`,showOverflow:p>0,overflowFormatter:()=>`+${p}`}),(0,f.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:[S,` `,x.participants.toLowerCase()]})]})]}),m!==void 0&&(0,f.jsxs)(`div`,{className:I,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,children:x.progress}),(0,f.jsxs)(r.s,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[m,`%`]})]}),(0,f.jsx)(`div`,{className:`mt-2.5`,children:(0,f.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-success/15`,children:(0,f.jsx)(`div`,{className:`h-full rounded-full bg-success`,style:{width:`${m}%`}})})})]})]}),!!h&&(0,f.jsx)(n.t,{variant:`primary`,className:`mt-4 w-full rounded-xl`,onClick:g,children:h})]})}z.displayName=`CourseCard`;function B({icon:e=p.Sparkles,title:r,description:s,tags:c=[],actionLabel:u,onAction:d,className:m}){return(0,f.jsxs)(o.t,{className:t.cn(`feature-announcement--component`,m),children:[(0,f.jsxs)(l.t,{className:`items-start`,children:[(0,f.jsx)(l.c,{children:(0,f.jsx)(i.t,{icon:e,tone:`primary`,size:`default`,shape:`square`,className:`rounded-md ring-1 ring-primary/15`})}),(0,f.jsxs)(l.r,{children:[(0,f.jsx)(l.u,{children:r}),(0,f.jsx)(l.i,{clamp:`none`,children:s})]})]}),c.length>0&&(0,f.jsx)(`div`,{className:`mt-3 flex flex-wrap gap-1.5`,children:c.map(e=>(0,f.jsx)(a.t,{variant:`info`,children:e},e))}),!!u&&(0,f.jsx)(`div`,{className:`mt-3`,children:(0,f.jsxs)(n.t,{variant:`light`,buttonStyle:`ghost`,onClick:d,className:`-ml-2`,children:[u,(0,f.jsx)(p.ChevronRight,{className:`ml-1 size-3.5`})]})})]})}B.displayName=`FeatureAnnouncementCard`;var V={tabOverview:`Overview`,tabStats:`Stats`,totalEarnings:`Total Earnings`,message:`Message`,hire:`Hire Me`,verifiedAriaLabel:`Verified`};function H({name:a,initials:o,avatarUrl:s,role:c,verified:m=!1,earnings:h,earningsChange:g,metrics:_=[],stats:v=[],onMessage:y,onHire:b,className:x,strings:S}){let C=e.useStrings(V,S),[w,T]=(0,d.useState)(`overview`),E=o??a.split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase(),D={overview:C.tabOverview,stats:C.tabStats},O=!!h||_.length>0,k=v.length>0,A=[[`overview`,O],[`stats`,k]].filter(([,e])=>e).map(([e])=>e),j=w===`overview`&&!O&&k?`stats`:w;return(0,f.jsxs)(`div`,{className:t.cn(`vendor-profile--component`,`flex flex-col gap-3 rounded-lg border border-border bg-card p-4 shadow-sm`,x),children:[(0,f.jsxs)(l.t,{className:`items-start`,children:[(0,f.jsx)(l.c,{variant:s?`avatar`:`default`,children:s?(0,f.jsx)(`img`,{src:s,alt:a,className:`size-10 rounded-full object-cover ring-1 ring-border`}):(0,f.jsx)(i.t,{tone:`primary`,size:`default`,className:`font-semibold ring-1 ring-primary/15`,children:E})}),(0,f.jsxs)(l.r,{children:[(0,f.jsx)(l.u,{children:(0,f.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[a,!!m&&(0,f.jsx)(i.t,{tone:`success`,solid:!0,size:`small`,"aria-label":C.verifiedAriaLabel,className:`size-4 shrink-0`,children:(0,f.jsx)(p.Check,{className:`size-2.5`,strokeWidth:3})})]})}),!!c&&(0,f.jsx)(l.i,{clamp:2,children:c})]})]}),A.length>1&&(0,f.jsx)(`div`,{className:`flex gap-1 rounded-md bg-muted/60 p-0.5`,children:A.map(e=>(0,f.jsx)(n.t,{type:`button`,"aria-pressed":j===e,onClick:()=>T(e),variant:`secondary`,buttonStyle:`ghost`,size:`small`,className:t.cn(`h-auto flex-1 rounded-sm px-3 py-1.5 text-xs font-medium transition-colors`,j===e?`bg-card text-foreground shadow-sm`:`text-muted-foreground hover:text-foreground`),children:D[e]},e))}),j===`overview`&&O&&(0,f.jsxs)(`div`,{className:`space-y-3`,children:[!!h&&(0,f.jsxs)(`div`,{children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:C.totalEarnings}),(0,f.jsxs)(`div`,{className:`mt-0.5 flex items-baseline gap-2`,children:[(0,f.jsx)(r.s,{weight:`semibold`,className:`tabular-nums tracking-tight`,children:h}),!!g&&(0,f.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,className:`rounded-full bg-success/15 px-1.5 py-0.5 text-success tabular-nums`,children:g})]})]}),_.length>0&&(0,f.jsx)(`div`,{className:`space-y-1.5`,children:_.map(e=>(0,f.jsx)(u.i,{className:`border-b border-border/50 pb-1.5 last:border-0`,label:e.label,value:e.value,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-semibold`},e.label))})]}),j===`stats`&&k&&(0,f.jsx)(`div`,{className:`grid grid-cols-2 gap-1.5`,children:v.map(e=>(0,f.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/20 px-3 py-2`,children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,f.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1.5`,children:[(0,f.jsx)(r.s,{weight:`semibold`,className:`tabular-nums`,children:e.value}),!!e.change&&(0,f.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,className:t.cn(`rounded-full px-1.5 py-0.5 tabular-nums`,e.change.startsWith(`+`)?`bg-success/15 text-success`:`bg-destructive/15 text-destructive`),children:e.change})]})]},e.label))}),(0,f.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,f.jsxs)(n.t,{variant:`light`,buttonStyle:`outline`,className:`flex-1 rounded-md`,onClick:y,children:[(0,f.jsx)(p.MessageSquare,{className:`mr-1.5 size-3.5`}),C.message]}),(0,f.jsxs)(n.t,{variant:`dark`,className:`flex-1 rounded-md`,onClick:b,children:[C.hire,(0,f.jsx)(p.ChevronRight,{className:`ml-1 size-3.5`})]})]})]})}H.displayName=`VendorProfileCard`,exports.ContactCard=g,exports.CourseCard=z,exports.FeatureAnnouncementCard=B,exports.GiftcardCard=A,exports.GiftcardCardDark=N,exports.GiftcardCardIllustrated=P,exports.GiftcardCardMinimal=M,exports.GiftcardCompact=j,exports.GradientCard=x,exports.GradientCardCompact=S,exports.VendorProfileCard=H;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-CB8e7fui.cjs"),r=require("../../../_shared/typography-sXFd02zl.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-B0Ashqkn.cjs"),o=require("../../../_shared/cards-DvE5gRFf.cjs"),s=require("../../../_shared/display-DV7n0KA1.cjs"),c=require("../../../_shared/avatar-BnKM_o2d.cjs"),l=require("../../../_shared/item-BG2iK1sy.cjs"),u=require("../../../_shared/data-display-DRa39LH8.cjs");let d=require("react"),f=require("react/jsx-runtime"),p=require("lucide-react");var m={contact:`Contact`,profile:`Profile`};function h(e,t){return t||e.split(` `).map(e=>e[0]).slice(0,2).join(``).toUpperCase()}function g({name:i,role:o,email:s,phone:u,location:d,avatarUrl:g,initials:_,badge:v,badgeVariant:y=`success`,onContact:b,onViewProfile:x,className:S,strings:C}){let w=e.useStrings(m,C);return(0,f.jsxs)(`div`,{className:t.cn(`contact-card--component`,`overflow-hidden rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm sm:p-5`,S),children:[(0,f.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,f.jsxs)(c.t,{className:`size-avatar-lg shrink-0 border border-border`,children:[!!g&&(0,f.jsx)(c.o,{src:g,alt:i}),(0,f.jsx)(c.r,{className:`text-sm font-semibold`,children:h(i,_)})]}),(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(r.s,{weight:`semibold`,className:`truncate`,children:i}),!!v&&(0,f.jsx)(a.t,{variant:y,children:v})]}),!!o&&(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:o})]})]}),!!(s||u||d)&&(0,f.jsxs)(l.o,{className:`mt-4 gap-0`,children:[!!s&&(0,f.jsxs)(l.t,{size:`small`,children:[(0,f.jsx)(l.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.Mail,{})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,children:s})})]}),!!u&&(0,f.jsxs)(l.t,{size:`small`,children:[(0,f.jsx)(l.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.Phone,{})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,children:u})})]}),!!d&&(0,f.jsxs)(l.t,{size:`small`,children:[(0,f.jsx)(l.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,f.jsx)(p.MapPin,{})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,children:d})})]})]}),!!(b||x)&&(0,f.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!b&&(0,f.jsx)(n.t,{variant:`primary`,buttonStyle:`solid`,icon:p.Mail,onClick:b,children:w.contact}),!!x&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,icon:p.ExternalLink,onClick:x,children:w.profile})]})]})}g.displayName=`ContactCard`;var _={coral:`bg-gradient-to-br from-destructive to-warning`,ocean:`bg-gradient-to-br from-info to-primary`,forest:`bg-gradient-to-br from-success to-info`,twilight:`bg-gradient-to-br from-foreground to-info`,ember:`bg-gradient-to-br from-destructive via-warning to-destructive`};function v(){return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{className:`absolute -right-12 -top-12 h-44 w-44 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,f.jsx)(`div`,{className:`absolute -bottom-8 -left-8 h-28 w-28 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]})}function y(){let e=`gradient-card-diag-stripes-${(0,d.useId)().replace(/:/g,``)}`;return(0,f.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-[0.04]`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,children:[(0,f.jsx)(`defs`,{children:(0,f.jsx)(`pattern`,{id:e,width:`8`,height:`8`,patternUnits:`userSpaceOnUse`,patternTransform:`rotate(45)`,children:(0,f.jsx)(`rect`,{width:`2`,height:`8`,className:`fill-inverse-foreground`})})}),(0,f.jsx)(`rect`,{width:`100%`,height:`100%`,fill:`url(#${e})`})]})}var b={none:null,circles:()=>(0,f.jsx)(v,{}),diagonal:()=>(0,f.jsx)(y,{})};function x({gradient:e=`coral`,pattern:i=`none`,title:a,subtitle:o,value:s,valueLabel:c,badge:l,icon:u,alertText:d,alertCount:p,action:m,footer:h,children:g,className:v}){let y=b[i],x=!!(a||o||u);return(0,f.jsxs)(`div`,{className:t.cn(`gradient-card--component relative overflow-hidden rounded-lg`,_[e],v),children:[!!y&&y(),(0,f.jsxs)(`div`,{className:`relative flex flex-col gap-5 p-6`,children:[!!x&&(0,f.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,f.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[!!a&&(0,f.jsx)(r.s,{weight:`semibold`,className:`tracking-tight leading-snug text-inverse-foreground`,children:a}),!!o&&(0,f.jsx)(r.s,{size:`xs`,className:`mt-0.5 leading-snug text-inverse-muted`,children:o})]}),!!u&&(0,f.jsx)(`span`,{"aria-hidden":`true`,className:`inline-flex size-10 shrink-0 items-center justify-center rounded-xl bg-inverse-surface text-inverse-foreground ring-1 ring-inverse-border backdrop-blur-sm`,children:(0,f.jsx)(u,{className:`size-5`})})]}),!!s&&(0,f.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,f.jsx)(r.o,{tag:`h3`,align:`left`,className:`text-base font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:s}),(c||l)&&(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[!!c&&(0,f.jsx)(r.s,{size:`xs`,className:`leading-snug text-inverse-muted`,children:c}),!!l&&(0,f.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-inverse-surface-strong px-2.5 py-0.5 text-xs font-semibold uppercase tracking-wider text-inverse-foreground backdrop-blur-sm`,children:l})]})]}),!!d&&(0,f.jsxs)(`div`,{className:`flex items-center gap-3 rounded-xl bg-inverse-surface px-3.5 py-2.5 ring-1 ring-inverse-border backdrop-blur-sm`,children:[(0,f.jsx)(r.s,{className:`min-w-0 flex-1 leading-snug text-inverse-foreground`,children:d}),!!p&&(0,f.jsx)(`span`,{className:`inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-inverse-surface-strong px-1.5 text-xs font-bold tabular-nums text-inverse-foreground`,children:p})]}),!!g&&(0,f.jsx)(`div`,{children:g}),(!!m||!!h)&&(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-3 pt-1`,children:[m?(0,f.jsx)(n.t,{variant:`dark`,onClick:m.onClick,className:`rounded-xl px-4`,children:m.label}):(0,f.jsx)(`span`,{}),!!h&&(0,f.jsx)(r.s,{size:`xs`,className:`text-inverse-muted`,children:h})]})]})]})}x.displayName=`GradientCard`;function S({gradient:e=`coral`,pattern:n=`none`,title:i,value:a,change:o,subtitle:s,className:c}){let l=b[n];return(0,f.jsxs)(`div`,{className:t.cn(`gradient-card-compact--component relative overflow-hidden rounded-lg`,_[e],c),children:[!!l&&l(),(0,f.jsxs)(`div`,{className:`relative flex flex-col gap-1 p-5`,children:[!!i&&(0,f.jsx)(r.s,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-inverse-muted`,children:i}),(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!a&&(0,f.jsx)(r.o,{tag:`h4`,align:`left`,className:`text-base font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:a}),!!o&&(0,f.jsx)(`span`,{className:`inline-flex items-center rounded-full bg-inverse-surface px-2 py-0.5 text-xs font-semibold tabular-nums text-inverse-foreground backdrop-blur-sm`,children:o})]}),!!s&&(0,f.jsx)(r.s,{size:`xs`,className:`leading-snug text-inverse-subtle`,children:s})]})]})}S.displayName=`GradientCardCompact`;var C={status:{active:`Active`,redeemed:`Redeemed`,expired:`Expired`,disabled:`Disabled`},giftCard:`Gift Card`,balance:`Balance`,personalMessage:`Personal Message`,to:`To`,from:`From`,expires:`Expires`,recipient:`Recipient`,viewDetails:`View Details`,copyCode:`Copy code`},w={active:`success`,redeemed:`secondary`,expired:`error`,disabled:`warning`};C.status.active,C.status.redeemed,C.status.expired,C.status.disabled;var T={purple:{card:`from-primary via-primary/90 to-info`,strip:`from-primary via-primary/90 to-info`},green:{card:`from-success via-info to-success`,strip:`from-success via-info to-success`},warm:{card:`from-warning via-warning/90 to-destructive`,strip:`from-warning via-warning/90 to-destructive`}},E={purple:`from-primary to-info`,green:`from-success to-info`,warm:`from-warning to-destructive`},D={green:{line:`bg-success`,iconBg:`bg-success/15 text-success`},purple:{line:`bg-primary`,iconBg:`bg-primary/15 text-primary`},warm:{line:`bg-warning`,iconBg:`bg-warning/15 text-warning-foreground`}},O={green:`from-success to-info`,blue:`from-info to-primary`,amber:`from-warning to-destructive`},k={green:`bg-success ring-4 ring-background shadow-lg`,blue:`bg-info ring-4 ring-background shadow-lg`,amber:`bg-warning ring-4 ring-background shadow-lg`};function A({code:i,amount:a,remainingAmount:o,status:s,recipientName:c,senderName:l,message:d,expiresAt:m,createdAt:h,template:g,onView:_,gradient:v=`purple`,pattern:y=`none`,className:b,strings:x}){let S=e.useStrings(C,x),E=S.status[s],D=w[s],O=!!o&&o!==a,k=O?o:a,A=[...c?[{label:S.to,value:c}]:[],...l?[{label:S.from,value:l}]:[],...m?[{label:S.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-card--component w-full max-w-sm transition-shadow duration-300 ease-out`,`hover:shadow-md hover:shadow-foreground/10`,b),children:[(0,f.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-t-lg bg-gradient-to-br p-6`,T[v].card),children:[y===`circles`&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{className:`absolute -top-8 -right-8 h-32 w-32 rounded-full bg-inverse-decoration`,"aria-hidden":`true`}),(0,f.jsx)(`div`,{className:`absolute -bottom-4 -left-4 h-20 w-20 rounded-full bg-inverse-decoration`,"aria-hidden":`true`})]}),y===`waves`&&(0,f.jsxs)(`svg`,{className:`absolute inset-0 h-full w-full opacity-5`,viewBox:`0 0 400 200`,preserveAspectRatio:`none`,"aria-hidden":`true`,children:[(0,f.jsx)(`path`,{d:`M0 80 C100 20, 200 140, 400 60 L400 200 L0 200 Z`,className:`fill-inverse-foreground`}),(0,f.jsx)(`path`,{d:`M0 120 C120 60, 280 180, 400 100 L400 200 L0 200 Z`,className:`fill-inverse-foreground`})]}),(0,f.jsx)(`div`,{className:`absolute top-4 right-4 z-20`,children:(0,f.jsxs)(`span`,{className:t.cn(`inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-semibold uppercase tracking-wide`,`bg-inverse-surface-strong text-inverse-foreground border border-inverse-border shadow-sm backdrop-blur-md`),"data-status":D,children:[(0,f.jsx)(`span`,{className:`size-1.5 rounded-full bg-inverse-foreground/85`,"aria-hidden":`true`}),E]})}),(0,f.jsxs)(`div`,{className:`relative z-10`,children:[(0,f.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,f.jsx)(p.Gift,{className:`h-5 w-5 text-inverse-foreground opacity-80`}),(0,f.jsx)(r.s,{weight:`medium`,className:`text-inverse-muted`,children:S.giftCard})]}),(0,f.jsxs)(`div`,{className:`mt-8 mb-5`,children:[(0,f.jsx)(r.s,{size:`xs`,className:`uppercase tracking-wider text-inverse-subtle`,children:S.balance}),(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2.5 mt-1`,children:[(0,f.jsx)(r.o,{tag:`h2`,className:`text-base border-none pb-0 text-inverse-foreground tabular-nums drop-shadow-sm`,children:k}),!!O&&(0,f.jsx)(r.s,{className:`line-through tabular-nums text-inverse-disabled`,children:a})]})]}),(0,f.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 rounded-lg px-4 py-2.5`,`bg-inverse-surface backdrop-blur-sm`,`border border-inverse-border`,`shadow-sm`),children:[(0,f.jsx)(r.s,{weight:`semibold`,className:`flex-1 font-mono tracking-[0.2em] text-inverse-foreground`,children:i}),(0,f.jsx)(n.t,{variant:`light`,buttonStyle:`ghost`,className:`p-1 h-auto text-inverse-foreground opacity-60 hover:bg-inverse-surface hover:opacity-100`,"aria-label":S.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-4 w-4`})})]})]})]}),(0,f.jsxs)(`div`,{className:`rounded-b-lg bg-card p-5 shadow-sm border border-t-0 border-border/50 space-y-4`,children:[!!d&&(0,f.jsxs)(`div`,{className:`rounded-lg bg-muted/50 p-3 border border-border/30`,children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`mb-1 uppercase tracking-wide`,children:S.personalMessage}),(0,f.jsxs)(r.s,{type:`secondary`,className:`italic leading-relaxed`,children:[`“`,d,`”`]})]}),(0,f.jsx)(u.a,{items:A,columns:2}),!!_&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,icon:p.Eye,fullWidth:!0,onClick:_,children:S.viewDetails})]})]})}A.displayName=`GiftcardCard`;function j({code:n,amount:i,remainingAmount:o,status:s,recipientName:c,gradient:u=`purple`,className:d,strings:m}){let h=e.useStrings(C,m).status[s],g=w[s],_=!!o&&o!==i,v=_?o:i;return(0,f.jsxs)(l.t,{size:`small`,variant:`outline`,className:t.cn(`giftcard-compact--component flex-nowrap gap-x-2.5 px-3 py-2 shadow-sm transition-colors duration-150 hover:border-border`,d),children:[(0,f.jsx)(l.c,{variant:`image`,children:(0,f.jsx)(`div`,{className:t.cn(`flex size-full items-center justify-center bg-gradient-to-br`,E[u]),children:(0,f.jsx)(p.Gift,{className:`h-4 w-4 text-inverse-foreground`})})}),(0,f.jsxs)(l.r,{className:`min-w-0`,children:[(0,f.jsx)(l.u,{className:`w-full max-w-full truncate whitespace-nowrap font-mono text-xs`,children:n}),!!c&&(0,f.jsx)(l.i,{clamp:1,children:c})]}),(0,f.jsx)(l.n,{className:`shrink-0`,children:(0,f.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,f.jsxs)(`div`,{className:`flex items-baseline gap-1`,children:[(0,f.jsx)(r.s,{size:`sm`,weight:`bold`,className:`tabular-nums`,children:v}),!!_&&(0,f.jsx)(r.s,{size:`xs`,type:`discrete`,className:`line-through tabular-nums`,children:i})]}),(0,f.jsx)(a.t,{variant:g,size:`small`,children:h})]})})]})}j.displayName=`GiftcardCompact`;function M({code:i,amount:o,remainingAmount:s,status:c,recipientName:d,expiresAt:m,onView:h,color:g=`green`,className:_,strings:v}){let y=e.useStrings(C,v),b=y.status[c],x=w[c],S=!!s&&s!==o,T=S?s:o,E=D[g],O=[...d?[{label:y.recipient,value:d}]:[],...m?[{label:y.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-minimal--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,_),children:[(0,f.jsx)(`div`,{className:t.cn(`mx-4 mt-3 h-1 w-12 rounded-sm`,E.line)}),(0,f.jsxs)(l.t,{size:`small`,className:`flex-nowrap items-center`,children:[(0,f.jsx)(l.c,{children:(0,f.jsx)(`div`,{className:t.cn(`flex h-7 w-7 items-center justify-center rounded-full`,E.iconBg),children:(0,f.jsx)(p.Gift,{className:`h-3.5 w-3.5`})})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,className:`text-muted-foreground`,children:y.giftCard})}),(0,f.jsx)(l.n,{className:`shrink-0`,children:(0,f.jsx)(a.t,{variant:x,size:`small`,children:b})})]}),(0,f.jsx)(`div`,{className:`px-4 pb-2 pt-0`,children:(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.o,{tag:`h2`,className:`border-none pb-0 text-base tabular-nums`,children:T}),!!S&&(0,f.jsx)(r.s,{type:`discrete`,className:`line-through tabular-nums`,children:o})]})}),(0,f.jsxs)(`div`,{className:`mx-4 flex items-center gap-1.5 rounded-md border border-border/30 bg-muted/50 px-2.5 py-1.5`,children:[(0,f.jsx)(r.s,{weight:`medium`,className:`flex-1 font-mono tracking-[0.15em]`,children:i}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,className:`shrink-0`,"aria-label":y.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(u.a,{items:O,columns:1,dense:!0,gapClassName:`gap-1.5`,className:`px-4 pb-1.5 pt-2`}),!!h&&(0,f.jsx)(`div`,{className:`mt-1 border-t border-border/30 px-3 py-1.5`,children:(0,f.jsxs)(n.t,{variant:`secondary`,buttonStyle:`ghost`,onClick:h,className:`group/link`,children:[y.viewDetails,(0,f.jsx)(p.ArrowRight,{className:`ml-1 h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5`})]})})]})}M.displayName=`GiftcardCardMinimal`;function N({code:i,amount:o,remainingAmount:s,status:c,recipientName:d,expiresAt:m,onView:h,className:g,strings:_}){let v=e.useStrings(C,_),y=v.status[c],b=w[c],x=!!s&&s!==o,S=x?s:o,T=[...d?[{label:v.recipient,value:d}]:[],...m?[{label:v.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-dark--component dark w-full max-w-sm overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border`,g),children:[(0,f.jsxs)(l.t,{size:`small`,children:[(0,f.jsx)(l.c,{children:(0,f.jsx)(`div`,{className:`flex h-8 w-8 items-center justify-center rounded-full bg-warning/15`,children:(0,f.jsx)(p.Gift,{className:`h-4 w-4 text-warning`})})}),(0,f.jsx)(l.r,{children:(0,f.jsx)(l.u,{bold:!1,className:`text-muted-foreground`,children:v.giftCard})}),(0,f.jsx)(l.n,{children:(0,f.jsx)(a.t,{variant:b,children:y})})]}),(0,f.jsx)(`div`,{className:`px-4 pb-3 pt-2`,children:(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.o,{tag:`h2`,className:`border-none pb-0 text-base tabular-nums`,children:S}),!!x&&(0,f.jsx)(r.s,{type:`discrete`,className:`line-through tabular-nums`,children:o})]})}),(0,f.jsxs)(`div`,{className:`mx-4 flex items-center gap-2 rounded-md border border-border bg-muted px-3 py-2`,children:[(0,f.jsx)(r.s,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:i}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":v.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(u.a,{items:T,columns:1,className:`px-4 pb-2 pt-3`}),!!h&&(0,f.jsx)(`div`,{className:`px-4 pb-4 pt-2`,children:(0,f.jsx)(n.t,{variant:`dark`,buttonStyle:`solid`,icon:p.Eye,fullWidth:!0,onClick:h,children:v.viewDetails})})]})}N.displayName=`GiftcardCardDark`;function P({code:o,amount:s,remainingAmount:c,status:l,recipientName:d,expiresAt:m,onView:h,headerColor:g=`green`,className:_,strings:v}){let y=e.useStrings(C,v),b=y.status[l],x=w[l],S=!!c&&c!==s,T=S?c:s,E=[...d?[{label:y.recipient,value:d}]:[],...m?[{label:y.expires,value:m}]:[]];return(0,f.jsxs)(`div`,{className:t.cn(`giftcard-illustrated--component w-full max-w-sm overflow-hidden rounded-lg border border-border bg-card shadow-sm`,_),children:[(0,f.jsxs)(`div`,{className:t.cn(`relative flex h-16 items-center justify-between overflow-hidden bg-gradient-to-br px-4`,O[g]),children:[(0,f.jsx)(`div`,{className:`absolute inset-0 opacity-80`,style:{backgroundImage:`repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in oklch, var(--inverse-foreground) 3%, transparent) 10px 20px)`},"aria-hidden":`true`}),(0,f.jsx)(i.t,{icon:p.Gift,size:`default`,shape:`square`,className:t.cn(`relative rounded-md text-inverse-foreground ring-1 ring-inverse-border`,k[g])}),(0,f.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,className:`relative uppercase tracking-wider text-inverse-foreground opacity-80`,children:y.giftCard})]}),(0,f.jsxs)(`div`,{className:`space-y-3 px-4 py-4`,children:[(0,f.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,f.jsx)(r.o,{tag:`h2`,className:`border-none pb-0 text-base tabular-nums`,children:T}),!!S&&(0,f.jsx)(r.s,{type:`discrete`,className:`line-through tabular-nums`,children:s})]}),(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:y.balance})]}),(0,f.jsx)(a.t,{variant:x,children:b})]}),(0,f.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border border-border/50 bg-muted/40 px-3 py-2`,children:[(0,f.jsx)(r.s,{weight:`medium`,className:`font-mono tracking-[0.15em] flex-1`,children:o}),(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,className:`p-1 h-auto`,"aria-label":y.copyCode,children:(0,f.jsx)(p.Copy,{className:`h-3.5 w-3.5`})})]}),(0,f.jsx)(u.a,{items:E,columns:2}),!!h&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,icon:p.Eye,fullWidth:!0,onClick:h,children:y.viewDetails})]})]})}P.displayName=`GiftcardCardIllustrated`;var F={participants:`Participants`,progress:`Progress`},I=`rounded-xl bg-background/80 ring-1 ring-border/60 p-3`,L=`from-primary/8 via-card to-info/10`;function R(e){return e.map((e,t)=>({id:`${t}-${e.name??e.initials??``}`,name:e.name??e.initials??`P${t+1}`,imageUrl:e.imageUrl}))}function z({title:i,description:c,badges:u=[],participants:d=[],extraParticipants:p=0,progressPercent:m,actionLabel:h,onAction:g,className:_,strings:v,variant:y=`default`,gradient:b=L}){let x=e.useStrings(F,v),S=d.length+p,C=R(d);return y===`minimal`?(0,f.jsxs)(l.t,{variant:`outline`,className:t.cn(`course-card--component`,`hover:bg-muted/30 transition-colors`,_),children:[(0,f.jsxs)(l.r,{className:`min-w-0 sm:min-w-48`,children:[(0,f.jsx)(l.u,{children:i}),!!c&&(0,f.jsx)(l.i,{clamp:1,children:c})]}),(0,f.jsxs)(l.n,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[d.length>0&&(0,f.jsx)(s.b,{users:C,max:3,size:`small`,overflowFormatter:()=>`+${p||0}`,showOverflow:p>0}),m!==void 0&&(0,f.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[m,`%`]}),!!h&&(0,f.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,onClick:g,children:h})]})]}):y===`gradient`?(0,f.jsxs)(o.t,{title:i,description:c,className:t.cn(`course-card--component border-primary/20 bg-gradient-to-br`,b,_),children:[u.length>0&&(0,f.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:u.map(e=>(0,f.jsx)(a.t,{variant:e.variant,children:e.label},e.label))}),(d.length>0||m!==void 0)&&(0,f.jsx)(`div`,{className:`mt-4 rounded-lg border border-border/70 bg-background/80 p-3`,children:(0,f.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[d.length>0&&(0,f.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,f.jsx)(s.b,{users:C,max:3,size:`small`,showOverflow:!1}),(0,f.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:[S,` `,x.participants.toLowerCase()]})]}),m!==void 0&&(0,f.jsxs)(`div`,{className:`ml-auto flex min-w-36 items-center gap-2`,children:[(0,f.jsx)(`div`,{className:`h-1.5 min-w-20 flex-1 overflow-hidden rounded-full bg-success/15`,children:(0,f.jsx)(`div`,{className:`h-full rounded-full bg-success`,style:{width:`${m}%`}})}),(0,f.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[m,`%`]})]})]})}),!!h&&(0,f.jsx)(n.t,{variant:`primary`,className:`mt-4 w-full rounded-xl`,onClick:g,children:h})]}):(0,f.jsxs)(o.t,{title:i,description:c,className:t.cn(`course-card--component`,_),children:[u.length>0&&(0,f.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:u.map(e=>(0,f.jsx)(a.t,{variant:e.variant,children:e.label},e.label))}),(d.length>0||m!==void 0)&&(0,f.jsxs)(`div`,{className:`mt-4 grid gap-2.5 sm:grid-cols-2`,children:[d.length>0&&(0,f.jsxs)(`div`,{className:I,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,children:x.participants}),(0,f.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:S})]}),(0,f.jsxs)(`div`,{className:`mt-2 flex items-center gap-2`,children:[(0,f.jsx)(s.b,{users:C,max:4,size:`small`,showOverflow:p>0,overflowFormatter:()=>`+${p}`}),(0,f.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`truncate`,children:[S,` `,x.participants.toLowerCase()]})]})]}),m!==void 0&&(0,f.jsxs)(`div`,{className:I,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,children:x.progress}),(0,f.jsxs)(r.s,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[m,`%`]})]}),(0,f.jsx)(`div`,{className:`mt-2.5`,children:(0,f.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-success/15`,children:(0,f.jsx)(`div`,{className:`h-full rounded-full bg-success`,style:{width:`${m}%`}})})})]})]}),!!h&&(0,f.jsx)(n.t,{variant:`primary`,className:`mt-4 w-full rounded-xl`,onClick:g,children:h})]})}z.displayName=`CourseCard`;function B({icon:e=p.Sparkles,title:r,description:s,tags:c=[],actionLabel:u,onAction:d,className:m}){return(0,f.jsxs)(o.t,{className:t.cn(`feature-announcement--component`,m),children:[(0,f.jsxs)(l.t,{className:`items-start`,children:[(0,f.jsx)(l.c,{children:(0,f.jsx)(i.t,{icon:e,tone:`primary`,size:`default`,shape:`square`,className:`rounded-md ring-1 ring-primary/15`})}),(0,f.jsxs)(l.r,{children:[(0,f.jsx)(l.u,{children:r}),(0,f.jsx)(l.i,{clamp:`none`,children:s})]})]}),c.length>0&&(0,f.jsx)(`div`,{className:`mt-3 flex flex-wrap gap-1.5`,children:c.map(e=>(0,f.jsx)(a.t,{variant:`info`,children:e},e))}),!!u&&(0,f.jsx)(`div`,{className:`mt-3`,children:(0,f.jsxs)(n.t,{variant:`light`,buttonStyle:`ghost`,onClick:d,className:`-ml-2`,children:[u,(0,f.jsx)(p.ChevronRight,{className:`ml-1 size-3.5`})]})})]})}B.displayName=`FeatureAnnouncementCard`;var V={tabOverview:`Overview`,tabStats:`Stats`,totalEarnings:`Total Earnings`,message:`Message`,hire:`Hire Me`,verifiedAriaLabel:`Verified`};function H({name:a,initials:o,avatarUrl:s,role:c,verified:m=!1,earnings:h,earningsChange:g,metrics:_=[],stats:v=[],onMessage:y,onHire:b,className:x,strings:S}){let C=e.useStrings(V,S),[w,T]=(0,d.useState)(`overview`),E=o??a.split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase(),D={overview:C.tabOverview,stats:C.tabStats},O=!!h||_.length>0,k=v.length>0,A=[[`overview`,O],[`stats`,k]].filter(([,e])=>e).map(([e])=>e),j=w===`overview`&&!O&&k?`stats`:w;return(0,f.jsxs)(`div`,{className:t.cn(`vendor-profile--component`,`flex flex-col gap-3 rounded-lg border border-border bg-card p-4 shadow-sm`,x),children:[(0,f.jsxs)(l.t,{className:`items-start`,children:[(0,f.jsx)(l.c,{variant:s?`avatar`:`default`,children:s?(0,f.jsx)(`img`,{src:s,alt:a,className:`size-10 rounded-full object-cover ring-1 ring-border`}):(0,f.jsx)(i.t,{tone:`primary`,size:`default`,className:`font-semibold ring-1 ring-primary/15`,children:E})}),(0,f.jsxs)(l.r,{children:[(0,f.jsx)(l.u,{children:(0,f.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[a,!!m&&(0,f.jsx)(i.t,{tone:`success`,solid:!0,size:`small`,"aria-label":C.verifiedAriaLabel,className:`size-4 shrink-0`,children:(0,f.jsx)(p.Check,{className:`size-2.5`,strokeWidth:3})})]})}),!!c&&(0,f.jsx)(l.i,{clamp:2,children:c})]})]}),A.length>1&&(0,f.jsx)(`div`,{className:`flex gap-1 rounded-md bg-muted/60 p-0.5`,children:A.map(e=>(0,f.jsx)(n.t,{type:`button`,"aria-pressed":j===e,onClick:()=>T(e),variant:`secondary`,buttonStyle:`ghost`,size:`small`,className:t.cn(`h-auto flex-1 rounded-sm px-3 py-1.5 text-xs font-medium transition-colors`,j===e?`bg-card text-foreground shadow-sm`:`text-muted-foreground hover:text-foreground`),children:D[e]},e))}),j===`overview`&&O&&(0,f.jsxs)(`div`,{className:`space-y-3`,children:[!!h&&(0,f.jsxs)(`div`,{children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:C.totalEarnings}),(0,f.jsxs)(`div`,{className:`mt-0.5 flex items-baseline gap-2`,children:[(0,f.jsx)(r.s,{weight:`semibold`,className:`tabular-nums tracking-tight`,children:h}),!!g&&(0,f.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,className:`rounded-full bg-success/15 px-1.5 py-0.5 text-success tabular-nums`,children:g})]})]}),_.length>0&&(0,f.jsx)(`div`,{className:`space-y-1.5`,children:_.map(e=>(0,f.jsx)(u.i,{className:`border-b border-border/50 pb-1.5 last:border-0`,label:e.label,value:e.value,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-semibold`},e.label))})]}),j===`stats`&&k&&(0,f.jsx)(`div`,{className:`grid grid-cols-2 gap-1.5`,children:v.map(e=>(0,f.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/20 px-3 py-2`,children:[(0,f.jsx)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,f.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1.5`,children:[(0,f.jsx)(r.s,{weight:`semibold`,className:`tabular-nums`,children:e.value}),!!e.change&&(0,f.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,className:t.cn(`rounded-full px-1.5 py-0.5 tabular-nums`,e.change.startsWith(`+`)?`bg-success/15 text-success`:`bg-destructive/15 text-destructive`),children:e.change})]})]},e.label))}),(0,f.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,f.jsxs)(n.t,{variant:`light`,buttonStyle:`outline`,className:`flex-1 rounded-md`,onClick:y,children:[(0,f.jsx)(p.MessageSquare,{className:`mr-1.5 size-3.5`}),C.message]}),(0,f.jsxs)(n.t,{variant:`dark`,className:`flex-1 rounded-md`,onClick:b,children:[C.hire,(0,f.jsx)(p.ChevronRight,{className:`ml-1 size-3.5`})]})]})]})}H.displayName=`VendorProfileCard`,exports.ContactCard=g,exports.CourseCard=z,exports.FeatureAnnouncementCard=B,exports.GiftcardCard=A,exports.GiftcardCardDark=N,exports.GiftcardCardIllustrated=P,exports.GiftcardCardMinimal=M,exports.GiftcardCompact=j,exports.GradientCard=x,exports.GradientCardCompact=S,exports.VendorProfileCard=H;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/cards/index.js

@@ -8,7 +8,7 @@ import { t as s } from "../../../_shared/cards-B7voInTJ.js";
 import { b as c } from "../../../_shared/display-BHIs_Y_j.js";
 import { o as l, r as u, t as d } from "../../../_shared/avatar-BagPbPuD.js";
 import { c as f, i as p, n as m, o as h, r as g, t as _, u as v } from "../../../_shared/item-D75eGy8G.js";
-import { a as y, i as b } from "../../../_shared/data-display-CYmwUdmU.js";
+import { a as y, i as b } from "../../../_shared/data-display-0uNuZSN7.js";
 import { useId as x, useState as S } from "react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 import { ArrowRight as E, Check as D, ChevronRight as O, Copy as k, ExternalLink as A, Eye as j, Gift as M, Mail as N, MapPin as P, MessageSquare as ee, Phone as F, Sparkles as I } from "lucide-react";