@ship-it-ui/shipit 0.0.14 → 0.0.16

package/dist/index.js

@@ -1191,10 +1191,10 @@ var PathOverlay = forwardRef18(function PathOverlay2({ points, color = "var(--co
 PathOverlay.displayName = "PathOverlay";
 
 // src/marketing/CTAStrip.tsx
-import { cn as cn16 } from "@ship-it-ui/ui";
+import { Heading, cn as cn16 } from "@ship-it-ui/ui";
 import { forwardRef as forwardRef19 } from "react";
 import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
-var CTAStrip = forwardRef19(function CTAStrip2({ title, description, actions, className, ...props }, ref) {
+var CTAStrip = forwardRef19(function CTAStrip2({ title, titleAs = "h2", description, actions, className, ...props }, ref) {
   return /* @__PURE__ */ jsxs18(
     "section",
     {
@@ -1206,7 +1206,7 @@ var CTAStrip = forwardRef19(function CTAStrip2({ title, description, actions, cl
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx19("h2", { className: "m-0 mb-[10px] text-[28px] font-medium tracking-[-0.4px]", children: title }),
+        /* @__PURE__ */ jsx19(Heading, { as: titleAs, className: "m-0 mb-[10px] text-[28px] font-medium tracking-[-0.4px]", children: title }),
         description && /* @__PURE__ */ jsx19("p", { className: "text-text-muted m-0 mb-5 text-[13px]", children: description }),
         actions && /* @__PURE__ */ jsx19("div", { className: "flex flex-wrap justify-center gap-2", children: actions })
       ]
@@ -1216,7 +1216,7 @@ var CTAStrip = forwardRef19(function CTAStrip2({ title, description, actions, cl
 CTAStrip.displayName = "CTAStrip";
 
 // src/marketing/FeatureGrid.tsx
-import { cn as cn17 } from "@ship-it-ui/ui";
+import { Heading as Heading2, cn as cn17 } from "@ship-it-ui/ui";
 import { forwardRef as forwardRef20 } from "react";
 import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 var colsClass = {
@@ -1224,7 +1224,7 @@ var colsClass = {
   3: "md:grid-cols-3",
   4: "md:grid-cols-2 lg:grid-cols-4"
 };
-var FeatureGrid = forwardRef20(function FeatureGrid2({ features, columns = 3, className, ...props }, ref) {
+var FeatureGrid = forwardRef20(function FeatureGrid2({ features, columns = 3, featureTitleAs = "h3", className, ...props }, ref) {
   return /* @__PURE__ */ jsx20(
     "div",
     {
@@ -1233,7 +1233,7 @@ var FeatureGrid = forwardRef20(function FeatureGrid2({ features, columns = 3, cl
       ...props,
       children: features.map((f, i) => /* @__PURE__ */ jsxs19("div", { className: "rounded-base border-border bg-panel border p-5", children: [
         /* @__PURE__ */ jsx20("div", { "aria-hidden": true, className: "text-accent mb-3 text-[22px]", children: f.glyph }),
-        /* @__PURE__ */ jsx20("div", { className: "mb-[6px] text-[14px] font-medium", children: f.title }),
+        /* @__PURE__ */ jsx20(Heading2, { as: featureTitleAs, className: "mb-[6px] text-[14px] font-medium", children: f.title }),
         /* @__PURE__ */ jsx20("div", { className: "text-text-muted text-[12px] leading-[1.55]", children: f.description })
       ] }, i))
     }
@@ -1245,21 +1245,16 @@ FeatureGrid.displayName = "FeatureGrid";
 import { cn as cn18 } from "@ship-it-ui/ui";
 import { forwardRef as forwardRef21 } from "react";
 import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
-var Footer = forwardRef21(function Footer2({ brand, columns, copyright, closing, className, ...props }, ref) {
+var Footer = forwardRef21(function Footer2({ brand, columns, copyright, closing, address, className, ...props }, ref) {
   return /* @__PURE__ */ jsxs20("footer", { ref, className: cn18("px-7 py-7", className), ...props, children: [
     /* @__PURE__ */ jsxs20("div", { className: "mb-7 flex flex-wrap gap-8", children: [
-      brand && /* @__PURE__ */ jsx21("div", { children: brand }),
+      brand && /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx21("div", { children: brand }),
+        address && /* @__PURE__ */ jsx21("address", { className: "text-text-dim text-[12px] not-italic", children: address })
+      ] }),
       /* @__PURE__ */ jsx21("div", { className: "text-text-muted ml-auto flex flex-wrap gap-6 text-[12px]", children: columns.map((col, i) => /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-[6px]", children: [
         /* @__PURE__ */ jsx21("div", { className: "text-text-dim font-mono text-[10px] tracking-[1.2px] uppercase", children: col.heading }),
-        col.links.map((link, j) => /* @__PURE__ */ jsx21(
-          "a",
-          {
-            href: link.href,
-            className: "text-text-muted hover:text-text no-underline",
-            children: link.label
-          },
-          j
-        ))
+        /* @__PURE__ */ jsx21("ul", { className: "m-0 flex list-none flex-col gap-[6px] p-0", children: col.links.map((link, j) => /* @__PURE__ */ jsx21("li", { children: /* @__PURE__ */ jsx21("a", { href: link.href, className: "text-text-muted hover:text-text no-underline", children: link.label }) }, j)) })
       ] }, i)) })
     ] }),
     /* @__PURE__ */ jsxs20("div", { className: "border-border text-text-dim flex border-t pt-4 font-mono text-[11px]", children: [
@@ -1271,10 +1266,10 @@ var Footer = forwardRef21(function Footer2({ brand, columns, copyright, closing,
 Footer.displayName = "Footer";
 
 // src/marketing/Hero.tsx
-import { cn as cn19 } from "@ship-it-ui/ui";
+import { Heading as Heading3, cn as cn19 } from "@ship-it-ui/ui";
 import { forwardRef as forwardRef22 } from "react";
 import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
-var Hero = forwardRef22(function Hero2({ eyebrow, title, description, actions, visual, className, ...props }, ref) {
+var Hero = forwardRef22(function Hero2({ eyebrow, title, titleAs = "h1", description, actions, visual, className, ...props }, ref) {
   const hasVisual = visual != null;
   return /* @__PURE__ */ jsxs21(
     "section",
@@ -1290,8 +1285,9 @@ var Hero = forwardRef22(function Hero2({ eyebrow, title, description, actions, v
         /* @__PURE__ */ jsxs21("div", { className: cn19("max-w-[680px]", !hasVisual && "mx-auto text-center"), children: [
           eyebrow,
           /* @__PURE__ */ jsx22(
-            "h1",
+            Heading3,
             {
+              as: titleAs,
               className: cn19(
                 "mb-4 text-[44px] leading-[1.05] font-medium tracking-[-1.6px] md:text-[56px]",
                 eyebrow && "mt-5"
@@ -1310,10 +1306,76 @@ var Hero = forwardRef22(function Hero2({ eyebrow, title, description, actions, v
 Hero.displayName = "Hero";
 
 // src/marketing/PricingCard.tsx
-import { cn as cn20 } from "@ship-it-ui/ui";
+import { Heading as Heading4, JsonLd, cn as cn20, nodeToString } from "@ship-it-ui/ui";
 import { forwardRef as forwardRef23 } from "react";
 import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
-var PricingCard = forwardRef23(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 = 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 ?? 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 ?? 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 = forwardRef23(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__ */ jsxs22(
     "div",
     {
@@ -1325,9 +1387,10 @@ var PricingCard = forwardRef23(function PricingCard2({ tier, price, priceUnit, d
       ),
       ...props,
       children: [
+        structuredData && /* @__PURE__ */ jsx23(JsonLd, { data: structuredData }),
         /* @__PURE__ */ jsxs22("div", { children: [
           /* @__PURE__ */ jsxs22("div", { className: "mb-1 flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ jsx23("span", { className: "text-[14px] font-medium", children: tier }),
+            /* @__PURE__ */ jsx23(Heading4, { as: tierAs, className: "text-[14px] font-medium", children: tier }),
             featured && /* @__PURE__ */ jsx23("span", { className: "bg-accent-dim text-accent rounded-full px-[6px] py-[1px] font-mono text-[10px]", children: "recommended" })
           ] }),
           description && /* @__PURE__ */ jsx23("div", { className: "text-text-muted text-[12px]", children: description })
@@ -1348,11 +1411,64 @@ var PricingCard = forwardRef23(function PricingCard2({ tier, price, priceUnit, d
 PricingCard.displayName = "PricingCard";
 
 // src/marketing/Testimonial.tsx
-import { Avatar as Avatar2 } from "@ship-it-ui/ui";
-import { cn as cn21 } from "@ship-it-ui/ui";
+import { Avatar as Avatar2, JsonLd as JsonLd2, cn as cn21, nodeToString as nodeToString2 } from "@ship-it-ui/ui";
 import { forwardRef as forwardRef24 } from "react";
 import { jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
-var Testimonial = forwardRef24(function Testimonial2({ quote, author, role, avatar, className, ...props }, ref) {
+function buildTestimonialSchema(props) {
+  const authorName = props.authorName ?? nodeToString2(props.author);
+  const reviewBody = props.quoteText ?? nodeToString2(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 ?? nodeToString2(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 = forwardRef24(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__ */ jsxs23(
     "figure",
     {
@@ -1360,6 +1476,7 @@ var Testimonial = forwardRef24(function Testimonial2({ quote, author, role, avat
       className: cn21("mx-auto max-w-[620px] px-6 py-10 text-center", className),
       ...props,
       children: [
+        structuredData && /* @__PURE__ */ jsx24(JsonLd2, { data: structuredData }),
         /* @__PURE__ */ jsx24("div", { "aria-hidden": true, className: "text-accent mb-4 text-[40px] leading-none", children: "\u201C" }),
         /* @__PURE__ */ jsx24("blockquote", { className: "m-0 text-[22px] leading-[1.45] font-medium tracking-[-0.3px]", children: quote }),
         /* @__PURE__ */ jsxs23("figcaption", { className: "mt-5 flex items-center justify-center gap-[10px]", children: [
@@ -1377,9 +1494,31 @@ Testimonial.displayName = "Testimonial";
 
 // src/data/ConnectorCard.tsx
 import { DynamicIconGlyph as DynamicIconGlyph5 } from "@ship-it-ui/icons";
-import { cn as cn22, formatRelative, StatusDot } from "@ship-it-ui/ui";
+import {
+  cn as cn22,
+  formatRelative,
+  JsonLd as JsonLd3,
+  nodeToString as nodeToString3,
+  StatusDot,
+  toIsoString
+} from "@ship-it-ui/ui";
 import { forwardRef as forwardRef25 } from "react";
 import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs24 } from "react/jsx-runtime";
+function buildConnectorSchema(input) {
+  const name = input.nameText ?? nodeToString3(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 = toIsoString(input.lastSyncedAt);
+  if (dateModified) schema.dateModified = dateModified;
+  return schema;
+}
 var statusDot = {
   connected: "ok",
   syncing: "sync",
@@ -1402,11 +1541,24 @@ var ConnectorCard = forwardRef25(function ConnectorCard2({
   actions,
   onClick,
   accessibleName,
+  nameText,
+  applicationCategory,
+  url,
+  softwareVersion,
+  noStructuredData,
   className,
   ...props
 }, ref) {
   const interactive = typeof onClick === "function";
   const time = lastSyncedAt ? formatRelative(lastSyncedAt, relativeNow ?? /* @__PURE__ */ new Date()) : "";
+  const structuredData = !noStructuredData ? buildConnectorSchema({
+    name,
+    nameText,
+    applicationCategory,
+    url,
+    softwareVersion,
+    lastSyncedAt
+  }) : null;
   const labelBlock = /* @__PURE__ */ jsxs24(Fragment4, { children: [
     /* @__PURE__ */ jsx25(
       "span",
@@ -1462,6 +1614,7 @@ var ConnectorCard = forwardRef25(function ConnectorCard2({
       ),
       ...props,
       children: [
+        structuredData && /* @__PURE__ */ jsx25(JsonLd3, { data: structuredData }),
         labelRegion,
         actions && /* @__PURE__ */ jsx25("div", { className: "shrink-0 self-center pr-1", children: actions })
       ]
@@ -1503,7 +1656,7 @@ function entityTypeColumn(options = {}) {
 }
 
 // src/notifications/NotifRow.tsx
-import { cn as cn23 } from "@ship-it-ui/ui";
+import { DateTime, cn as cn23 } from "@ship-it-ui/ui";
 import { forwardRef as forwardRef26 } from "react";
 import { Fragment as Fragment5, jsx as jsx27, jsxs as jsxs26 } from "react/jsx-runtime";
 var toneClass = {
@@ -1516,6 +1669,7 @@ var NotifRow = forwardRef26(function NotifRow2({
   title,
   body,
   time,
+  dateTime,
   tone = "neutral",
   unread,
   isFirst,
@@ -1535,7 +1689,14 @@ var NotifRow = forwardRef26(function NotifRow2({
     /* @__PURE__ */ jsxs26("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ jsxs26("div", { className: "flex items-baseline justify-between gap-2", children: [
         /* @__PURE__ */ jsx27("div", { className: "truncate text-[14px] font-medium tracking-tight", children: title }),
-        time != null && /* @__PURE__ */ jsx27("span", { className: "text-text-muted shrink-0 font-mono text-[11px] whitespace-nowrap", children: time })
+        time != null && (dateTime !== void 0 ? /* @__PURE__ */ jsx27(
+          DateTime,
+          {
+            iso: dateTime,
+            className: "text-text-muted shrink-0 font-mono text-[11px] whitespace-nowrap",
+            children: time
+          }
+        ) : /* @__PURE__ */ jsx27("span", { className: "text-text-muted shrink-0 font-mono text-[11px] whitespace-nowrap", children: time }))
       ] }),
       body && /* @__PURE__ */ jsx27("div", { className: "text-text-muted mt-[3px] text-[13px] leading-tight", children: body })
     ] })