@stisocial/ui 0.2.1 → 0.3.0

package/dist/site/StatsBand/StatsBand.d.ts

@@ -0,0 +1,26 @@
+import { SectionTone, SiteSectionHeadProps } from "../_internal/SiteSection.js";
+import { ReactNode } from "react";
+export interface SiteStat {
+  /** Sayı verilirse görünür olunca sayılır (CountUp); metin olduğu gibi yazılır. */
+  value: number | string;
+  prefix?: string;
+  suffix?: string;
+  format?: Intl.NumberFormatOptions;
+  /** Ölçüt ("Yönetilen marka"). */
+  label: ReactNode;
+  /** Kısa açıklama. */
+  description?: ReactNode;
+}
+export interface StatsBandProps extends SiteSectionHeadProps {
+  stats: readonly SiteStat[];
+  tone?: SectionTone;
+  /** Sayıları saydır. Varsayılan `true`. */
+  animate?: boolean;
+  className?: string;
+  id?: string;
+}
+/**
+ * Rakamlar bandı (kanıt): büyük sayılar ve ölçüt adları; sayılar görünür olunca sayılır
+ * (hareketi azaltmada sabit). Liste olarak okunur; her madde değer ve ad çiftidir.
+ */
+export declare function StatsBand({ stats, tone, animate, className, id, ...head }: StatsBandProps): import("react").JSX.Element;

package/dist/site/StatsBand/StatsBand.js

@@ -0,0 +1,44 @@
+import { SiteSection } from "../_internal/SiteSection.js";
+import { CountUp } from "../CountUp/CountUp.js";
+import StatsBand_module_default from "./StatsBand.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/site/StatsBand/StatsBand.tsx
+/**
+* Rakamlar bandı (kanıt): büyük sayılar ve ölçüt adları; sayılar görünür olunca sayılır
+* (hareketi azaltmada sabit). Liste olarak okunur; her madde değer ve ad çiftidir.
+*/
+function StatsBand({ stats, tone = "subtle", animate = true, className, id, ...head }) {
+	return /* @__PURE__ */ jsx(SiteSection, {
+		id,
+		tone,
+		className,
+		...head,
+		children: /* @__PURE__ */ jsx("dl", {
+			className: StatsBand_module_default.list,
+			"data-count": stats.length,
+			children: stats.map((s, i) => /* @__PURE__ */ jsxs("div", {
+				className: StatsBand_module_default.item,
+				children: [
+					/* @__PURE__ */ jsx("dt", {
+						className: StatsBand_module_default.label,
+						children: s.label
+					}),
+					/* @__PURE__ */ jsx("dd", {
+						className: StatsBand_module_default.value,
+						children: typeof s.value === "number" && animate ? /* @__PURE__ */ jsx(CountUp, {
+							value: s.value,
+							prefix: s.prefix,
+							suffix: s.suffix,
+							format: s.format
+						}) : `${s.prefix ?? ""}${s.value}${s.suffix ?? ""}`
+					}),
+					s.description ? /* @__PURE__ */ jsx("dd", {
+						className: StatsBand_module_default.description,
+						children: s.description
+					}) : null
+				]
+			}, i))
+		})
+	});
+}
+export { StatsBand };

package/dist/site/StatsBand/StatsBand.module.js

@@ -0,0 +1,10 @@
+import './StatsBand.css';
+// src/site/StatsBand/StatsBand.module.css
+var StatsBand_module_default = {
+	"list": "sti-StatsBand-list-1eeab",
+	"item": "sti-StatsBand-item-3be2c",
+	"label": "sti-StatsBand-label-fbc18",
+	"value": "sti-StatsBand-value-ee227",
+	"description": "sti-StatsBand-description-b03cf"
+};
+export { StatsBand_module_default as default };

package/dist/site/StatsBand/index.d.ts

@@ -0,0 +1,2 @@
+import { SiteStat, StatsBand, StatsBandProps } from "./StatsBand.js";
+export { SiteStat, StatsBand, StatsBandProps };

package/dist/site/StickyCta/StickyCta.js

@@ -1,7 +1,7 @@
 "use client";
 import { useMessages } from "../../provider/UIProvider.js";
-import { CloseIcon } from "../../icons/generated/CloseIcon.js";
 import { Button as Button$1 } from "../../components/Button/Button.js";
+import { CloseIcon } from "../../icons/generated/CloseIcon.js";
 import StickyCta_module_default from "./StickyCta.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";

package/dist/site/TeamGrid/TeamGrid.css

@@ -0,0 +1,60 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-TeamGrid-grid-11988 {
+    gap: var(--sti-space-10) var(--sti-space-6);
+    grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr));
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: grid;
+  }
+
+  .sti-TeamGrid-member-fe7b7 {
+    gap: var(--sti-space-3);
+    flex-direction: column;
+    min-inline-size: 0;
+    display: flex;
+  }
+
+  .sti-TeamGrid-photo-5d2e1 {
+    aspect-ratio: 1;
+    border-radius: var(--sti-radius-xl);
+    background: var(--sti-bg-subtle);
+    place-items: center;
+    display: grid;
+    overflow: hidden;
+  }
+
+  .sti-TeamGrid-image-da3f5 {
+    object-fit: cover;
+    block-size: 100%;
+    inline-size: 100%;
+    display: block;
+  }
+
+  .sti-TeamGrid-text-ba0d3 {
+    gap: calc(var(--sti-space-1) / 2);
+    display: grid;
+  }
+
+  .sti-TeamGrid-name-0a63e {
+    font-size: var(--sti-font-size-lg);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-lg);
+    margin: 0;
+  }
+
+  .sti-TeamGrid-role-00c58 {
+    color: var(--sti-fg-accent-strong);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-semibold);
+    margin: 0;
+  }
+
+  .sti-TeamGrid-bio-d45d9 {
+    margin: var(--sti-space-1) 0 0;
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+  }
+}

package/dist/site/TeamGrid/TeamGrid.d.ts

@@ -0,0 +1,22 @@
+import { SocialLink } from "../SocialLinks/SocialLinks.js";
+import { SiteSectionHeadProps } from "../_internal/SiteSection.js";
+export interface TeamMember {
+  name: string;
+  role: string;
+  photo?: string;
+  /** Kısa tanıtım. */
+  bio?: string;
+  /** Kişinin profilleri (LinkedIn, Instagram, e-posta). */
+  links?: readonly SocialLink[];
+}
+export interface TeamGridProps extends SiteSectionHeadProps {
+  members: readonly TeamMember[];
+  label?: string;
+  className?: string;
+  id?: string;
+}
+/**
+ * Ekip ızgarası: kare portre, ad, unvan, kısa tanıtım ve kişinin profil bağlantıları. Portre yoksa
+ * baş harfli avatar. Profil bağlantılarının adı kişiyi de söyler ("Ayşe Yılmaz, LinkedIn").
+ */
+export declare function TeamGrid({ members, label, className, id, ...head }: TeamGridProps): import("react").JSX.Element;

package/dist/site/TeamGrid/TeamGrid.js

@@ -0,0 +1,65 @@
+import { useMessages } from "../../provider/UIProvider.js";
+import { Avatar } from "../../components/Avatar/Avatar.js";
+import { SocialLinks } from "../SocialLinks/SocialLinks.js";
+import { SiteSection } from "../_internal/SiteSection.js";
+import TeamGrid_module_default from "./TeamGrid.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/site/TeamGrid/TeamGrid.tsx
+/**
+* Ekip ızgarası: kare portre, ad, unvan, kısa tanıtım ve kişinin profil bağlantıları. Portre yoksa
+* baş harfli avatar. Profil bağlantılarının adı kişiyi de söyler ("Ayşe Yılmaz, LinkedIn").
+*/
+function TeamGrid({ members, label, className, id, ...head }) {
+	const t = useMessages();
+	return /* @__PURE__ */ jsx(SiteSection, {
+		id,
+		label,
+		className,
+		...head,
+		children: /* @__PURE__ */ jsx("ul", {
+			className: TeamGrid_module_default.grid,
+			children: members.map((m) => /* @__PURE__ */ jsxs("li", {
+				className: TeamGrid_module_default.member,
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: TeamGrid_module_default.photo,
+						children: m.photo ? /* @__PURE__ */ jsx("img", {
+							className: TeamGrid_module_default.image,
+							src: m.photo,
+							alt: "",
+							loading: "lazy"
+						}) : /* @__PURE__ */ jsx(Avatar, {
+							name: m.name,
+							size: "xl",
+							isDecorative: true
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: TeamGrid_module_default.text,
+						children: [
+							/* @__PURE__ */ jsx("h3", {
+								className: TeamGrid_module_default.name,
+								children: m.name
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: TeamGrid_module_default.role,
+								children: m.role
+							}),
+							m.bio ? /* @__PURE__ */ jsx("p", {
+								className: TeamGrid_module_default.bio,
+								children: m.bio
+							}) : null
+						]
+					}),
+					m.links?.length ? /* @__PURE__ */ jsx(SocialLinks, {
+						links: m.links,
+						size: "sm",
+						label: `${m.name}, ${t.siteTeamProfiles}`,
+						owner: m.name
+					}) : null
+				]
+			}, m.name))
+		})
+	});
+}
+export { TeamGrid };

package/dist/site/TeamGrid/TeamGrid.module.js

@@ -0,0 +1,13 @@
+import './TeamGrid.css';
+// src/site/TeamGrid/TeamGrid.module.css
+var TeamGrid_module_default = {
+	"grid": "sti-TeamGrid-grid-11988",
+	"member": "sti-TeamGrid-member-fe7b7",
+	"photo": "sti-TeamGrid-photo-5d2e1",
+	"image": "sti-TeamGrid-image-da3f5",
+	"text": "sti-TeamGrid-text-ba0d3",
+	"name": "sti-TeamGrid-name-0a63e",
+	"role": "sti-TeamGrid-role-00c58",
+	"bio": "sti-TeamGrid-bio-d45d9"
+};
+export { TeamGrid_module_default as default };

package/dist/site/TeamGrid/index.d.ts

@@ -0,0 +1,2 @@
+import { TeamGrid, TeamGridProps, TeamMember } from "./TeamGrid.js";
+export { TeamGrid, TeamGridProps, TeamMember };

package/dist/site/Testimonial/Testimonial.css

@@ -0,0 +1,100 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-Testimonial-root-e1450 {
+    gap: var(--sti-space-5);
+    box-sizing: border-box;
+    block-size: 100%;
+    padding: var(--sti-space-6);
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-xl);
+    background: var(--sti-bg-surface);
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    flex-direction: column;
+    margin: 0;
+    display: flex;
+  }
+
+  .sti-Testimonial-root-e1450[data-variant="featured"] {
+    max-inline-size: 48rem;
+    padding: var(--sti-space-6) 0;
+    text-align: center;
+    background: none;
+    border: 0;
+    align-items: center;
+    margin-inline: auto;
+  }
+
+  .sti-Testimonial-logo-59e1a {
+    max-inline-size: 9rem;
+    max-block-size: var(--sti-space-8);
+  }
+
+  .sti-Testimonial-quote-4de92 {
+    font-size: var(--sti-font-size-lg);
+    line-height: var(--sti-line-height-lg);
+    flex: 1;
+    margin: 0;
+  }
+
+  .sti-Testimonial-root-e1450[data-variant="featured"] .sti-Testimonial-quote-4de92 {
+    font-family: var(--sti-font-display);
+    font-size: var(--sti-font-size-heading-lg);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-heading-lg);
+    text-wrap: balance;
+  }
+
+  .sti-Testimonial-quote-4de92 > p {
+    margin: 0;
+  }
+
+  .sti-Testimonial-quote-4de92 > p:before {
+    content: open-quote;
+  }
+
+  .sti-Testimonial-quote-4de92 > p:after {
+    content: close-quote;
+  }
+
+  .sti-Testimonial-author-7cc16 {
+    align-items: center;
+    gap: var(--sti-space-3);
+    text-align: start;
+    display: flex;
+  }
+
+  .sti-Testimonial-who-33b47 {
+    min-inline-size: 0;
+    display: grid;
+  }
+
+  .sti-Testimonial-name-f05a6 {
+    font-size: var(--sti-font-size-md);
+    font-weight: var(--sti-font-weight-semibold);
+  }
+
+  .sti-Testimonial-meta-c5c3c {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+  }
+
+  .sti-Testimonial-grid-db6f1 {
+    gap: var(--sti-space-4);
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: grid;
+  }
+
+  .sti-Testimonial-gridItem-68d16 {
+    min-inline-size: 0;
+  }
+
+  @media (forced-colors: active) {
+    .sti-Testimonial-root-e1450[data-variant="card"] {
+      border-color: canvastext;
+    }
+  }
+}

package/dist/site/Testimonial/Testimonial.d.ts

@@ -0,0 +1,33 @@
+import { ReactNode } from "react";
+export interface TestimonialAuthor {
+  name: string;
+  /** Unvan ("Pazarlama Müdürü"). */
+  role?: string;
+  company?: string;
+  /** Portre. Yoksa baş harfler. */
+  photo?: string;
+}
+export interface TestimonialProps {
+  /** Müşterinin sözü (tırnaklar bileşen tarafından eklenir). */
+  quote: ReactNode;
+  author: TestimonialAuthor;
+  /** 5 üzerinden puan. */
+  rating?: number;
+  /** Şirket logosu (metin karşılığı şirket adı). */
+  logo?: string;
+  /** `card`: kart; `featured`: büyük, ortalı tek alıntı. */
+  variant?: "card" | "featured";
+  className?: string;
+  id?: string;
+}
+/**
+ * Müşteri yorumu: alıntı (`blockquote`), kişi, unvan ve şirket, isteğe bağlı puan ve şirket logosu.
+ * `featured` türünde ortalı büyük alıntı; `card` türü ızgaralarda kullanılır.
+ */
+export declare function Testimonial({ quote, author, rating, logo, variant, className, id }: TestimonialProps): import("react").JSX.Element;
+export interface TestimonialGridProps {
+  items: readonly Omit<TestimonialProps, "variant" | "className" | "id">[];
+  className?: string;
+}
+/** Yorum ızgarası: kartlar en az 18 rem, eşit yükseklik. */
+export declare function TestimonialGrid({ items, className }: TestimonialGridProps): import("react").JSX.Element;

package/dist/site/Testimonial/Testimonial.js

@@ -0,0 +1,61 @@
+import { Avatar } from "../../components/Avatar/Avatar.js";
+import { RatingDisplay } from "../../components/Rating/Rating.js";
+import Testimonial_module_default from "./Testimonial.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/site/Testimonial/Testimonial.tsx
+/**
+* Müşteri yorumu: alıntı (`blockquote`), kişi, unvan ve şirket, isteğe bağlı puan ve şirket logosu.
+* `featured` türünde ortalı büyük alıntı; `card` türü ızgaralarda kullanılır.
+*/
+function Testimonial({ quote, author, rating, logo, variant = "card", className, id }) {
+	const meta = [author.role, author.company].filter(Boolean).join(", ");
+	return /* @__PURE__ */ jsxs("figure", {
+		id,
+		className: [Testimonial_module_default.root, className].filter(Boolean).join(" "),
+		"data-variant": variant,
+		children: [
+			logo ? /* @__PURE__ */ jsx("img", {
+				className: Testimonial_module_default.logo,
+				src: logo,
+				alt: author.company ?? ""
+			}) : null,
+			rating !== void 0 ? /* @__PURE__ */ jsx(RatingDisplay, {
+				value: rating,
+				size: "sm"
+			}) : null,
+			/* @__PURE__ */ jsx("blockquote", {
+				className: Testimonial_module_default.quote,
+				children: /* @__PURE__ */ jsx("p", { children: quote })
+			}),
+			/* @__PURE__ */ jsxs("figcaption", {
+				className: Testimonial_module_default.author,
+				children: [/* @__PURE__ */ jsx(Avatar, {
+					name: author.name,
+					src: author.photo,
+					size: variant === "featured" ? "lg" : "md",
+					isDecorative: true
+				}), /* @__PURE__ */ jsxs("span", {
+					className: Testimonial_module_default.who,
+					children: [/* @__PURE__ */ jsx("span", {
+						className: Testimonial_module_default.name,
+						children: author.name
+					}), meta ? /* @__PURE__ */ jsx("span", {
+						className: Testimonial_module_default.meta,
+						children: meta
+					}) : null]
+				})]
+			})
+		]
+	});
+}
+/** Yorum ızgarası: kartlar en az 18 rem, eşit yükseklik. */
+function TestimonialGrid({ items, className }) {
+	return /* @__PURE__ */ jsx("ul", {
+		className: [Testimonial_module_default.grid, className].filter(Boolean).join(" "),
+		children: items.map((item, i) => /* @__PURE__ */ jsx("li", {
+			className: Testimonial_module_default.gridItem,
+			children: /* @__PURE__ */ jsx(Testimonial, { ...item })
+		}, i))
+	});
+}
+export { Testimonial, TestimonialGrid };

package/dist/site/Testimonial/Testimonial.module.js

@@ -0,0 +1,14 @@
+import './Testimonial.css';
+// src/site/Testimonial/Testimonial.module.css
+var Testimonial_module_default = {
+	"root": "sti-Testimonial-root-e1450",
+	"logo": "sti-Testimonial-logo-59e1a",
+	"quote": "sti-Testimonial-quote-4de92",
+	"author": "sti-Testimonial-author-7cc16",
+	"who": "sti-Testimonial-who-33b47",
+	"name": "sti-Testimonial-name-f05a6",
+	"meta": "sti-Testimonial-meta-c5c3c",
+	"grid": "sti-Testimonial-grid-db6f1",
+	"gridItem": "sti-Testimonial-gridItem-68d16"
+};
+export { Testimonial_module_default as default };

package/dist/site/Testimonial/index.d.ts

@@ -0,0 +1,2 @@
+import { Testimonial, TestimonialAuthor, TestimonialGrid, TestimonialGridProps, TestimonialProps } from "./Testimonial.js";
+export { Testimonial, TestimonialAuthor, TestimonialGrid, TestimonialGridProps, TestimonialProps };

package/dist/site/_internal/Honeypot.css

@@ -0,0 +1,10 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-Honeypot-root-e56e9 {
+    block-size: 1px;
+    inline-size: 1px;
+    position: absolute;
+    inset-inline-start: -100vw;
+    overflow: hidden;
+  }
+}

package/dist/site/_internal/Honeypot.js

@@ -0,0 +1,28 @@
+import Honeypot_module_default from "./Honeypot.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/site/_internal/Honeypot.tsx
+/** Bot tuzağı alanının adı (gönderimde doluysa istek yok sayılır). */
+const HONEYPOT_NAME = "website_url";
+/**
+* Bot tuzağı (iç): insanlara görünmeyen, Tab sırasında olmayan, otomatik doldurulmayan alan.
+* Doluysa gönderim bot sayılır ve sessizce yok sayılır.
+*/
+function Honeypot() {
+	return /* @__PURE__ */ jsx("div", {
+		className: Honeypot_module_default.root,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsxs("label", { children: ["Website", /* @__PURE__ */ jsx("input", {
+			type: "text",
+			name: HONEYPOT_NAME,
+			tabIndex: -1,
+			autoComplete: "off",
+			defaultValue: ""
+		})] })
+	});
+}
+/** Form verisinde bot tuzağı doluysa `true`. */
+function isBot(values) {
+	const v = values[HONEYPOT_NAME];
+	return typeof v === "string" && v.trim() !== "";
+}
+export { HONEYPOT_NAME, Honeypot, isBot };

package/dist/site/_internal/Honeypot.module.js

@@ -0,0 +1,4 @@
+import './Honeypot.css';
+// src/site/_internal/Honeypot.module.css
+var Honeypot_module_default = { "root": "sti-Honeypot-root-e56e9" };
+export { Honeypot_module_default as default };

package/dist/site/_internal/PostMeta.css

@@ -0,0 +1,53 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-PostMeta-root-3bcff {
+    align-items: center;
+    gap: var(--sti-space-1) var(--sti-space-3);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    flex-wrap: wrap;
+    margin: 0;
+    display: flex;
+  }
+
+  .sti-PostMeta-root-3bcff[data-size="md"] {
+    font-size: var(--sti-font-size-md);
+  }
+
+  .sti-PostMeta-author-d5cb5 {
+    align-items: center;
+    gap: var(--sti-space-2);
+    color: var(--sti-fg);
+    font-weight: var(--sti-font-weight-semibold);
+    display: inline-flex;
+  }
+
+  .sti-PostMeta-authorLink-04fa2 {
+    z-index: 2;
+    border-radius: var(--sti-radius-xs);
+    color: inherit;
+    text-decoration: none;
+    position: relative;
+  }
+
+  .sti-PostMeta-authorLink-04fa2:hover {
+    text-underline-offset: .2em;
+    text-decoration: underline;
+  }
+
+  .sti-PostMeta-authorLink-04fa2:focus-visible {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  .sti-PostMeta-details-b36c3 {
+    gap: var(--sti-space-2);
+    white-space: nowrap;
+    display: inline-flex;
+  }
+
+  .sti-PostMeta-item-2b256 + .sti-PostMeta-item-2b256:before {
+    content: "·";
+    margin-inline-end: var(--sti-space-2);
+  }
+}

package/dist/site/_internal/PostMeta.d.ts

@@ -0,0 +1,6 @@
+export interface PostAuthor {
+  name: string;
+  photo?: string;
+  role?: string;
+  href?: string;
+}

package/dist/site/_internal/PostMeta.js

@@ -0,0 +1,42 @@
+import { useFormatter, useMessages } from "../../provider/UIProvider.js";
+import { template } from "../../text/text.js";
+import { Avatar } from "../../components/Avatar/Avatar.js";
+import PostMeta_module_default from "./PostMeta.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/site/_internal/PostMeta.tsx
+/** Yazar, yayın tarihi ve okuma süresi satırı (iç). */
+function PostMeta({ author, date, readingMinutes, size = "sm" }) {
+	const t = useMessages();
+	const f = useFormatter();
+	return /* @__PURE__ */ jsxs("p", {
+		className: PostMeta_module_default.root,
+		"data-size": size,
+		children: [author ? /* @__PURE__ */ jsxs("span", {
+			className: PostMeta_module_default.author,
+			children: [/* @__PURE__ */ jsx(Avatar, {
+				name: author.name,
+				src: author.photo,
+				size: size === "md" ? "md" : "xs",
+				isDecorative: true
+			}), author.href ? /* @__PURE__ */ jsx("a", {
+				className: PostMeta_module_default.authorLink,
+				href: author.href,
+				children: author.name
+			}) : /* @__PURE__ */ jsx("span", {
+				className: PostMeta_module_default.authorName,
+				children: author.name
+			})]
+		}) : null, date || readingMinutes ? /* @__PURE__ */ jsxs("span", {
+			className: PostMeta_module_default.details,
+			children: [date ? /* @__PURE__ */ jsx("time", {
+				className: PostMeta_module_default.item,
+				dateTime: date,
+				children: f.date(new Date(date), "long")
+			}) : null, readingMinutes ? /* @__PURE__ */ jsx("span", {
+				className: PostMeta_module_default.item,
+				children: template(t.siteReadingTime, { count: f.number(readingMinutes) })
+			}) : null]
+		}) : null]
+	});
+}
+export { PostMeta };

package/dist/site/_internal/PostMeta.module.js

@@ -0,0 +1,10 @@
+import './PostMeta.css';
+// src/site/_internal/PostMeta.module.css
+var PostMeta_module_default = {
+	"root": "sti-PostMeta-root-3bcff",
+	"author": "sti-PostMeta-author-d5cb5",
+	"authorLink": "sti-PostMeta-authorLink-04fa2",
+	"details": "sti-PostMeta-details-b36c3",
+	"item": "sti-PostMeta-item-2b256"
+};
+export { PostMeta_module_default as default };