@ai-matrx/design-system 0.86.352 → 0.86.353

package/dist/index.cjs

@@ -14392,6 +14392,13 @@ function markFor(platform) {
   }
   return glyph;
 }
+function withAbout(record, about) {
+  if (!about?.length) return record;
+  const body = [...record.body ?? []];
+  const at = body.findIndex((b) => typeof b === "object" && b !== null && "section" in b && b.section === "Actions");
+  body.splice(at < 0 ? body.length : at, 0, ...about);
+  return { ...record, body };
+}
 function CopyButton({ text, kind }) {
   const [done, setDone] = React61.useState(false);
   React61.useEffect(() => {
@@ -14443,7 +14450,8 @@ function usePinnedHover() {
   }, [pinned]);
   return { open: hovered || held || pinned, setHovered, setHeld, setPinned, trigger };
 }
-function ValueShell({ kind, glyph: Glyph, text, copy, state, record, peek, wrap }) {
+function ValueShell({ kind, glyph: Glyph, text, copy, state, record: own, peek, wrap, about }) {
+  const record = withAbout(own, about);
   const { open, setHovered, setHeld, setPinned, trigger } = usePinnedHover();
   const off = state !== "ok";
   const value = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { className: cn("min-w-0", wrap ? "whitespace-pre-line break-words" : "truncate", off ? "text-muted-foreground line-through" : "text-foreground"), children: text });
@@ -14505,7 +14513,7 @@ var actions = (rows) => ({
   section: "Actions",
   rows: rows.filter((r) => Boolean(r))
 });
-function EmailValue({ email, owner, state = "ok", peek = true }) {
+function EmailValue({ email, owner, state = "ok", peek = true, about }) {
   const parsed = parseEmail(email);
   const ok = state === "ok" && parsed.valid;
   const site = parsed.domain ? parseUrl(parsed.domain) : null;
@@ -14526,9 +14534,9 @@ function EmailValue({ email, owner, state = "ok", peek = true }) {
     ...ok ? { primary: { label: "Send email", onSelect: () => window.location.assign(mailtoHref(parsed.address)) } } : {},
     copyData: { email: parsed.address, ...owner ? { owner } : {} }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ValueShell, { kind: "email", glyph: MailGlyph, text: parsed.address, copy: parsed.address, state, record, peek });
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ValueShell, { kind: "email", glyph: MailGlyph, text: parsed.address, copy: parsed.address, state, record, peek, about });
 }
-function PhoneValue({ phone, owner, state = "ok", peek = true, defaultCallingCode = "1" }) {
+function PhoneValue({ phone, owner, state = "ok", peek = true, defaultCallingCode = "1", about }) {
   const parsed = parsePhone(phone, defaultCallingCode);
   const ok = state === "ok" && parsed.valid;
   const record = {
@@ -14551,11 +14559,11 @@ function PhoneValue({ phone, owner, state = "ok", peek = true, defaultCallingCod
     ...ok ? { primary: { label: "Call", onSelect: () => window.location.assign(telHref(parsed)) } } : {},
     copyData: { phone: parsed.e164 ?? parsed.raw, display: parsed.display, ...parsed.region ? { region: parsed.region } : {}, ...owner ? { owner } : {} }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ValueShell, { kind: "phone number", glyph: PhoneGlyph, text: parsed.display, copy: parsed.e164 ?? parsed.raw, state, record, peek });
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ValueShell, { kind: "phone number", glyph: PhoneGlyph, text: parsed.display, copy: parsed.e164 ?? parsed.raw, state, record, peek, about });
 }
 var VALIDATION_TONE = { verified: "success", partial: "warning", unknown: "danger" };
 var VALIDATION_TEXT = { verified: "Verified address", partial: "Partly matched", unknown: "No match found" };
-function AddressValue({ address, owner, state = "ok", peek = true, multiline = false }) {
+function AddressValue({ address, owner, state = "ok", peek = true, multiline = false, about }) {
   const one = addressText(address);
   const lines = typeof address === "string" ? address.split(/\n+/).map((l) => l.trim()).filter(Boolean) : address.map((l) => (l ?? "").trim()).filter(Boolean);
   const { validateAddress } = useContactValuesHost();
@@ -14610,6 +14618,7 @@ function AddressValue({ address, owner, state = "ok", peek = true, multiline = f
       state,
       record,
       peek,
+      about,
       ...multiline ? { wrap: true } : {}
     }
   );
@@ -14650,11 +14659,12 @@ function SocialHandleValue(props) {
       copy: parsed.handle ? parsed.display : parsed.href ?? parsed.display,
       state,
       record: socialRecord(parsed, props, glyph),
-      peek
+      peek,
+      about: props.about
     }
   );
 }
-function UrlValue({ url, title, owner, state = "ok", peek = true, icon = true }) {
+function UrlValue({ url, title, owner, state = "ok", peek = true, icon = true, about }) {
   const parsed = parseUrl(url);
   const ok = state === "ok" && Boolean(parsed.href);
   const record = {
@@ -14674,7 +14684,7 @@ function UrlValue({ url, title, owner, state = "ok", peek = true, icon = true })
     ...ok ? { primary: { label: "Open", onSelect: () => (0, import_outbound2.openOutbound)(parsed.href) } } : {},
     copyData: { url: parsed.href ?? url, domain: parsed.domain, ...title ? { title } : {} }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ValueShell, { kind: "link", ...icon ? { glyph: GlobeIcon } : {}, text: parsed.display, copy: parsed.href ?? url, state, record, peek });
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(ValueShell, { kind: "link", ...icon ? { glyph: GlobeIcon } : {}, text: parsed.display, copy: parsed.href ?? url, state, record, peek, about });
 }
 function ContactValue({ type, value, platform, followers, title, icon, ...common }) {
   switch (type) {