@ship-it-ui/shipit 0.0.14 → 0.0.16

package/dist/index.cjs

@@ -55,7 +55,7 @@ __export(index_exports, {
   SuggestionChip: () => SuggestionChip,
   Testimonial: () => Testimonial,
   ToolCallCard: () => ToolCallCard,
-  cn: () => import_ui32.cn,
+  cn: () => import_ui31.cn,
   entityColumn: () => entityColumn,
   entityTypeColumn: () => entityTypeColumn,
   formatAge: () => formatAge,
@@ -66,7 +66,7 @@ __export(index_exports, {
   resetEntityTypeRegistry: () => resetEntityTypeRegistry
 });
 module.exports = __toCommonJS(index_exports);
-var import_ui32 = require("@ship-it-ui/ui");
+var import_ui31 = require("@ship-it-ui/ui");
 
 // src/ai/AskBar.tsx
 var import_ui = require("@ship-it-ui/ui");
@@ -1254,7 +1254,7 @@ PathOverlay.displayName = "PathOverlay";
 var import_ui22 = require("@ship-it-ui/ui");
 var import_react19 = require("react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var CTAStrip = (0, import_react19.forwardRef)(function CTAStrip2({ title, description, actions, className, ...props }, ref) {
+var CTAStrip = (0, import_react19.forwardRef)(function CTAStrip2({ title, titleAs = "h2", description, actions, className, ...props }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "section",
     {
@@ -1266,7 +1266,7 @@ var CTAStrip = (0, import_react19.forwardRef)(function CTAStrip2({ title, descri
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "m-0 mb-[10px] text-[28px] font-medium tracking-[-0.4px]", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_ui22.Heading, { as: titleAs, className: "m-0 mb-[10px] text-[28px] font-medium tracking-[-0.4px]", children: title }),
         description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-text-muted m-0 mb-5 text-[13px]", children: description }),
         actions && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex flex-wrap justify-center gap-2", children: actions })
       ]
@@ -1284,7 +1284,7 @@ var colsClass = {
   3: "md:grid-cols-3",
   4: "md:grid-cols-2 lg:grid-cols-4"
 };
-var FeatureGrid = (0, import_react20.forwardRef)(function FeatureGrid2({ features, columns = 3, className, ...props }, ref) {
+var FeatureGrid = (0, import_react20.forwardRef)(function FeatureGrid2({ features, columns = 3, featureTitleAs = "h3", className, ...props }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "div",
     {
@@ -1293,7 +1293,7 @@ var FeatureGrid = (0, import_react20.forwardRef)(function FeatureGrid2({ feature
       ...props,
       children: features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "rounded-base border-border bg-panel border p-5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { "aria-hidden": true, className: "text-accent mb-3 text-[22px]", children: f.glyph }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mb-[6px] text-[14px] font-medium", children: f.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_ui23.Heading, { as: featureTitleAs, className: "mb-[6px] text-[14px] font-medium", children: f.title }),
         /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-text-muted text-[12px] leading-[1.55]", children: f.description })
       ] }, i))
     }
@@ -1305,21 +1305,16 @@ FeatureGrid.displayName = "FeatureGrid";
 var import_ui24 = require("@ship-it-ui/ui");
 var import_react21 = require("react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
-var Footer = (0, import_react21.forwardRef)(function Footer2({ brand, columns, copyright, closing, className, ...props }, ref) {
+var Footer = (0, import_react21.forwardRef)(function Footer2({ brand, columns, copyright, closing, address, className, ...props }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("footer", { ref, className: (0, import_ui24.cn)("px-7 py-7", className), ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "mb-7 flex flex-wrap gap-8", children: [
-      brand && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: brand }),
+      brand && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: brand }),
+        address && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("address", { className: "text-text-dim text-[12px] not-italic", children: address })
+      ] }),
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-text-muted ml-auto flex flex-wrap gap-6 text-[12px]", children: columns.map((col, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-[6px]", children: [
         /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-text-dim font-mono text-[10px] tracking-[1.2px] uppercase", children: col.heading }),
-        col.links.map((link, j) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-          "a",
-          {
-            href: link.href,
-            className: "text-text-muted hover:text-text no-underline",
-            children: link.label
-          },
-          j
-        ))
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: "m-0 flex list-none flex-col gap-[6px] p-0", children: col.links.map((link, j) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("a", { href: link.href, className: "text-text-muted hover:text-text no-underline", children: link.label }) }, j)) })
       ] }, i)) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "border-border text-text-dim flex border-t pt-4 font-mono text-[11px]", children: [
@@ -1334,7 +1329,7 @@ Footer.displayName = "Footer";
 var import_ui25 = require("@ship-it-ui/ui");
 var import_react22 = require("react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
-var Hero = (0, import_react22.forwardRef)(function Hero2({ eyebrow, title, description, actions, visual, className, ...props }, ref) {
+var Hero = (0, import_react22.forwardRef)(function Hero2({ eyebrow, title, titleAs = "h1", description, actions, visual, className, ...props }, ref) {
   const hasVisual = visual != null;
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "section",
@@ -1350,8 +1345,9 @@ var Hero = (0, import_react22.forwardRef)(function Hero2({ eyebrow, title, descr
         /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: (0, import_ui25.cn)("max-w-[680px]", !hasVisual && "mx-auto text-center"), children: [
           eyebrow,
           /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            "h1",
+            import_ui25.Heading,
             {
+              as: titleAs,
               className: (0, import_ui25.cn)(
                 "mb-4 text-[44px] leading-[1.05] font-medium tracking-[-1.6px] md:text-[56px]",
                 eyebrow && "mt-5"
@@ -1373,7 +1369,73 @@ Hero.displayName = "Hero";
 var import_ui26 = require("@ship-it-ui/ui");
 var import_react23 = require("react");
 var import_jsx_runtime23 = require("react/jsx-runtime");
-var PricingCard = (0, import_react23.forwardRef)(function PricingCard2({ tier, price, priceUnit, description, features, action, featured, className, ...props }, ref) {
+function parsePrice(priceAmount, price) {
+  if (typeof priceAmount === "number" && Number.isFinite(priceAmount)) {
+    return priceAmount;
+  }
+  const text = (0, import_ui26.nodeToString)(price);
+  if (!text) return null;
+  const cleaned = text.replace(/[^\d.]/g, "");
+  if (!cleaned) return null;
+  const n = Number(cleaned);
+  return Number.isFinite(n) ? n : null;
+}
+function buildOfferSchema(props) {
+  if (!props.priceCurrency) return null;
+  const name = props.tierName ?? (0, import_ui26.nodeToString)(props.tier);
+  if (!name) return null;
+  const numericPrice = parsePrice(props.priceAmount, props.price);
+  if (numericPrice === null) return null;
+  const schema = {
+    "@context": "https://schema.org",
+    "@type": "Offer",
+    name,
+    price: numericPrice,
+    priceCurrency: props.priceCurrency
+  };
+  const description = props.descriptionText ?? (0, import_ui26.nodeToString)(props.description);
+  if (description) {
+    schema.description = description;
+  }
+  if (props.availability) {
+    schema.availability = props.availability;
+  }
+  if (props.url) {
+    schema.url = props.url;
+  }
+  return schema;
+}
+var PricingCard = (0, import_react23.forwardRef)(function PricingCard2({
+  tier,
+  price,
+  priceUnit,
+  description,
+  features,
+  action,
+  featured,
+  tierAs = "h3",
+  priceCurrency,
+  priceAmount,
+  availability,
+  url,
+  tierName,
+  descriptionText,
+  noStructuredData,
+  className,
+  ...props
+}, ref) {
+  const structuredData = !noStructuredData ? buildOfferSchema({
+    tier,
+    price,
+    features,
+    priceCurrency,
+    priceAmount,
+    availability,
+    url,
+    tierName,
+    description,
+    descriptionText
+  }) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
@@ -1385,9 +1447,10 @@ var PricingCard = (0, import_react23.forwardRef)(function PricingCard2({ tier, p
       ),
       ...props,
       children: [
+        structuredData && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_ui26.JsonLd, { data: structuredData }),
         /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "mb-1 flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[14px] font-medium", children: tier }),
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_ui26.Heading, { as: tierAs, className: "text-[14px] font-medium", children: tier }),
             featured && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "bg-accent-dim text-accent rounded-full px-[6px] py-[1px] font-mono text-[10px]", children: "recommended" })
           ] }),
           description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "text-text-muted text-[12px]", children: description })
@@ -1409,17 +1472,71 @@ PricingCard.displayName = "PricingCard";
 
 // src/marketing/Testimonial.tsx
 var import_ui27 = require("@ship-it-ui/ui");
-var import_ui28 = require("@ship-it-ui/ui");
 var import_react24 = require("react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var Testimonial = (0, import_react24.forwardRef)(function Testimonial2({ quote, author, role, avatar, className, ...props }, ref) {
+function buildTestimonialSchema(props) {
+  const authorName = props.authorName ?? (0, import_ui27.nodeToString)(props.author);
+  const reviewBody = props.quoteText ?? (0, import_ui27.nodeToString)(props.quote);
+  if (!authorName || !reviewBody) return null;
+  const schema = {
+    "@context": "https://schema.org",
+    "@type": "Review",
+    author: { "@type": "Person", name: authorName },
+    reviewBody
+  };
+  const jobTitle = props.authorJobTitle ?? (0, import_ui27.nodeToString)(props.role);
+  if (jobTitle) {
+    schema.author.jobTitle = jobTitle;
+  }
+  if (typeof props.rating === "number") {
+    schema.reviewRating = {
+      "@type": "Rating",
+      ratingValue: props.rating,
+      bestRating: 5
+    };
+  }
+  if (props.itemReviewedName) {
+    schema.itemReviewed = { "@type": "Thing", name: props.itemReviewedName };
+    if (props.url) {
+      schema.itemReviewed.url = props.url;
+    }
+  }
+  return schema;
+}
+var Testimonial = (0, import_react24.forwardRef)(function Testimonial2({
+  quote,
+  author,
+  role,
+  avatar,
+  quoteText,
+  authorName,
+  authorJobTitle,
+  rating,
+  itemReviewedName,
+  url,
+  noStructuredData,
+  className,
+  ...props
+}, ref) {
+  const structuredData = !noStructuredData ? buildTestimonialSchema({
+    quote,
+    author,
+    role,
+    quoteText,
+    authorName,
+    authorJobTitle,
+    rating,
+    itemReviewedName,
+    url
+  }) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "figure",
     {
       ref,
-      className: (0, import_ui28.cn)("mx-auto max-w-[620px] px-6 py-10 text-center", className),
+      className: (0, import_ui27.cn)("mx-auto max-w-[620px] px-6 py-10 text-center", className),
       ...props,
       children: [
+        structuredData && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_ui27.JsonLd, { data: structuredData }),
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { "aria-hidden": true, className: "text-accent mb-4 text-[40px] leading-none", children: "\u201C" }),
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("blockquote", { className: "m-0 text-[22px] leading-[1.45] font-medium tracking-[-0.3px]", children: quote }),
         /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("figcaption", { className: "mt-5 flex items-center justify-center gap-[10px]", children: [
@@ -1437,9 +1554,24 @@ Testimonial.displayName = "Testimonial";
 
 // src/data/ConnectorCard.tsx
 var import_icons6 = require("@ship-it-ui/icons");
-var import_ui29 = require("@ship-it-ui/ui");
+var import_ui28 = require("@ship-it-ui/ui");
 var import_react25 = require("react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
+function buildConnectorSchema(input) {
+  const name = input.nameText ?? (0, import_ui28.nodeToString)(input.name);
+  if (!name) return null;
+  const schema = {
+    "@context": "https://schema.org",
+    "@type": "SoftwareApplication",
+    name
+  };
+  if (input.applicationCategory) schema.applicationCategory = input.applicationCategory;
+  if (input.url) schema.url = input.url;
+  if (input.softwareVersion) schema.softwareVersion = input.softwareVersion;
+  const dateModified = (0, import_ui28.toIsoString)(input.lastSyncedAt);
+  if (dateModified) schema.dateModified = dateModified;
+  return schema;
+}
 var statusDot = {
   connected: "ok",
   syncing: "sync",
@@ -1462,11 +1594,24 @@ var ConnectorCard = (0, import_react25.forwardRef)(function ConnectorCard2({
   actions,
   onClick,
   accessibleName,
+  nameText,
+  applicationCategory,
+  url,
+  softwareVersion,
+  noStructuredData,
   className,
   ...props
 }, ref) {
   const interactive = typeof onClick === "function";
-  const time = lastSyncedAt ? (0, import_ui29.formatRelative)(lastSyncedAt, relativeNow ?? /* @__PURE__ */ new Date()) : "";
+  const time = lastSyncedAt ? (0, import_ui28.formatRelative)(lastSyncedAt, relativeNow ?? /* @__PURE__ */ new Date()) : "";
+  const structuredData = !noStructuredData ? buildConnectorSchema({
+    name,
+    nameText,
+    applicationCategory,
+    url,
+    softwareVersion,
+    lastSyncedAt
+  }) : null;
   const labelBlock = /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "span",
@@ -1480,7 +1625,7 @@ var ConnectorCard = (0, import_react25.forwardRef)(function ConnectorCard2({
       /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate text-[14px] font-medium", children: name }),
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          import_ui29.StatusDot,
+          import_ui28.StatusDot,
           {
             state: statusDot[status],
             pulse: status === "syncing",
@@ -1498,7 +1643,7 @@ var ConnectorCard = (0, import_react25.forwardRef)(function ConnectorCard2({
       ] })
     ] })
   ] });
-  const labelRegionClass = (0, import_ui29.cn)(
+  const labelRegionClass = (0, import_ui28.cn)(
     "flex flex-1 items-start gap-3 rounded-md p-1 text-left transition-colors duration-(--duration-micro)",
     interactive && "hover:bg-panel-2 focus-visible:ring-accent-dim cursor-pointer outline-none focus-visible:ring-[3px]"
   );
@@ -1516,12 +1661,13 @@ var ConnectorCard = (0, import_react25.forwardRef)(function ConnectorCard2({
     "div",
     {
       ref,
-      className: (0, import_ui29.cn)(
+      className: (0, import_ui28.cn)(
         "rounded-base border-border bg-panel flex items-start gap-2 border p-3",
         className
       ),
       ...props,
       children: [
+        structuredData && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_ui28.JsonLd, { data: structuredData }),
         labelRegion,
         actions && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "shrink-0 self-center pr-1", children: actions })
       ]
@@ -1532,12 +1678,12 @@ ConnectorCard.displayName = "ConnectorCard";
 
 // src/data/EntityTable.tsx
 var import_icons7 = require("@ship-it-ui/icons");
-var import_ui30 = require("@ship-it-ui/ui");
+var import_ui29 = require("@ship-it-ui/ui");
 var import_react26 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
 function EntityTable(props) {
   const { rowKey, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_ui30.DataTable, { ...rest, rowKey: rowKey ?? ((row) => row.id) });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_ui29.DataTable, { ...rest, rowKey: rowKey ?? ((row) => row.id) });
 }
 function entityColumn(options = {}) {
   return {
@@ -1563,7 +1709,7 @@ function entityTypeColumn(options = {}) {
 }
 
 // src/notifications/NotifRow.tsx
-var import_ui31 = require("@ship-it-ui/ui");
+var import_ui30 = require("@ship-it-ui/ui");
 var import_react27 = require("react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var toneClass = {
@@ -1576,6 +1722,7 @@ var NotifRow = (0, import_react27.forwardRef)(function NotifRow2({
   title,
   body,
   time,
+  dateTime,
   tone = "neutral",
   unread,
   isFirst,
@@ -1589,18 +1736,25 @@ var NotifRow = (0, import_react27.forwardRef)(function NotifRow2({
     /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "pt-1", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "div",
       {
-        className: (0, import_ui31.cn)("h-2 w-2 rounded-full", unread ? toneClass[tone] : "bg-border-strong")
+        className: (0, import_ui30.cn)("h-2 w-2 rounded-full", unread ? toneClass[tone] : "bg-border-strong")
       }
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-baseline justify-between gap-2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "truncate text-[14px] font-medium tracking-tight", children: title }),
-        time != null && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-text-muted shrink-0 font-mono text-[11px] whitespace-nowrap", children: time })
+        time != null && (dateTime !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          import_ui30.DateTime,
+          {
+            iso: dateTime,
+            className: "text-text-muted shrink-0 font-mono text-[11px] whitespace-nowrap",
+            children: time
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-text-muted shrink-0 font-mono text-[11px] whitespace-nowrap", children: time }))
       ] }),
       body && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-text-muted mt-[3px] text-[13px] leading-tight", children: body })
     ] })
   ] });
-  const baseClass = (0, import_ui31.cn)(
+  const baseClass = (0, import_ui30.cn)(
     "flex gap-3 p-[14px] bg-panel border-border border-l border-r",
     isFirst ? "border-t rounded-t-m-card" : "",
     "border-b",
@@ -1615,7 +1769,7 @@ var NotifRow = (0, import_react27.forwardRef)(function NotifRow2({
         ref,
         href,
         onClick,
-        className: (0, import_ui31.cn)(
+        className: (0, import_ui30.cn)(
           baseClass,
           "text-text focus-visible:ring-accent-dim no-underline outline-none focus-visible:ring-[3px]"
         ),
@@ -1631,7 +1785,7 @@ var NotifRow = (0, import_react27.forwardRef)(function NotifRow2({
         type: "button",
         ref,
         onClick,
-        className: (0, import_ui31.cn)(
+        className: (0, import_ui30.cn)(
           baseClass,
           "focus-visible:ring-accent-dim text-left outline-none focus-visible:ring-[3px]"
         ),