@stisocial/ui 0.2.1 → 0.3.0

package/dist/site/_internal/SiteSection.css

@@ -0,0 +1,116 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-SiteSection-section-44302 {
+    --sti-section-pad: var(--sti-space-16);
+    box-sizing: border-box;
+    background: var(--sti-bg-canvas);
+    inline-size: 100%;
+    min-inline-size: 0;
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+  }
+
+  .sti-SiteSection-section-44302[data-spacing="sm"] {
+    --sti-section-pad: var(--sti-space-10);
+  }
+
+  .sti-SiteSection-section-44302[data-spacing="lg"] {
+    --sti-section-pad: var(--sti-space-24);
+  }
+
+  .sti-SiteSection-section-44302[data-tone="subtle"] {
+    background: var(--sti-bg-subtle);
+  }
+
+  .sti-SiteSection-section-44302[data-tone="inverse"] {
+    background: var(--sti-bg-canvas);
+    color: var(--sti-fg);
+  }
+
+  .sti-SiteSection-section-44302[data-tone="accent"] {
+    background: var(--sti-bg-accent-subtle);
+  }
+
+  .sti-SiteSection-inner-79d72 {
+    gap: var(--sti-space-10);
+    box-sizing: border-box;
+    max-inline-size: var(--sti-width-container);
+    padding: var(--sti-section-pad) var(--sti-gutter);
+    grid-template-columns: minmax(0, 1fr);
+    margin-inline: auto;
+    display: grid;
+  }
+
+  .sti-SiteSection-inner-79d72[data-width="narrow"] {
+    max-inline-size: calc(var(--sti-width-measure) + var(--sti-gutter) * 2);
+  }
+
+  .sti-SiteSection-inner-79d72[data-width="full"] {
+    max-inline-size: none;
+  }
+
+  .sti-SiteSection-head-1f477 {
+    justify-content: space-between;
+    align-items: flex-end;
+    gap: var(--sti-space-4) var(--sti-space-8);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-SiteSection-head-1f477[data-align="center"] {
+    text-align: center;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .sti-SiteSection-headText-8d5cc {
+    gap: var(--sti-space-3);
+    max-inline-size: var(--sti-width-measure);
+    display: grid;
+  }
+
+  .sti-SiteSection-head-1f477[data-align="center"] .sti-SiteSection-headText-8d5cc {
+    justify-items: center;
+  }
+
+  .sti-SiteSection-eyebrow-64634 {
+    color: var(--sti-fg-accent-strong);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-semibold);
+    letter-spacing: .02em;
+    margin: 0;
+  }
+
+  .sti-SiteSection-title-50365 {
+    font-family: var(--sti-font-display);
+    font-size: var(--sti-font-size-heading-xl);
+    font-weight: var(--sti-font-weight-bold);
+    line-height: var(--sti-line-height-heading-xl);
+    text-wrap: balance;
+    margin: 0;
+  }
+
+  .sti-SiteSection-title-50365[data-level="1"] {
+    font-size: var(--sti-font-size-display-lg);
+    line-height: var(--sti-line-height-display-lg);
+  }
+
+  .sti-SiteSection-title-50365[data-level="3"] {
+    font-size: var(--sti-font-size-heading-lg);
+    line-height: var(--sti-line-height-heading-lg);
+  }
+
+  .sti-SiteSection-lead-b4c4d {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-lead);
+    line-height: var(--sti-line-height-lead);
+    text-wrap: pretty;
+    margin: 0;
+  }
+
+  .sti-SiteSection-headActions-e5e5d {
+    gap: var(--sti-space-2);
+    flex-wrap: wrap;
+    display: flex;
+  }
+}

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

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+export type SectionTone = "default" | "subtle" | "inverse" | "accent";
+export interface SiteSectionHeadProps {
+  /** Başlığın üstünde kısa etiket ("Hizmetler"). */
+  eyebrow?: ReactNode;
+  title?: ReactNode;
+  /** Başlık düzeyi. Varsayılan 2. */
+  titleLevel?: 1 | 2 | 3;
+  /** Başlığın altında giriş metni. */
+  lead?: ReactNode;
+  /** Başlık bloğunun hizası. */
+  align?: "start" | "center";
+  /** Başlık bloğunun yanında ya da altında eylemler. */
+  actions?: ReactNode;
+}

package/dist/site/_internal/SiteSection.js

@@ -0,0 +1,60 @@
+import SiteSection_module_default from "./SiteSection.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/site/_internal/SiteSection.tsx
+/** Bölüm başlık bloğu (ayrıca kullanılabilir). */
+function SiteSectionHead({ eyebrow, title, titleLevel = 2, lead, align = "start", actions, titleId }) {
+	if (!eyebrow && !title && !lead && !actions) return null;
+	const Heading = `h${titleLevel}`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: SiteSection_module_default.head,
+		"data-align": align,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: SiteSection_module_default.headText,
+			children: [
+				eyebrow ? /* @__PURE__ */ jsx("p", {
+					className: SiteSection_module_default.eyebrow,
+					children: eyebrow
+				}) : null,
+				title ? /* @__PURE__ */ jsx(Heading, {
+					id: titleId,
+					className: SiteSection_module_default.title,
+					"data-level": titleLevel,
+					children: title
+				}) : null,
+				lead ? /* @__PURE__ */ jsx("p", {
+					className: SiteSection_module_default.lead,
+					children: lead
+				}) : null
+			]
+		}), actions ? /* @__PURE__ */ jsx("div", {
+			className: SiteSection_module_default.headActions,
+			children: actions
+		}) : null]
+	});
+}
+/**
+* Site bölümü (iç): ton (varsayılan, soluk, ters, turkuaz), kapsayıcı genişliği ve dikey boşluk;
+* isteğe bağlı başlık bloğu (üst etiket, başlık, giriş, eylemler). Başlık varsa bölüm başlıkla
+* adlanır.
+*/
+function SiteSection({ tone = "default", width = "container", spacing = "md", children, label, className, innerClassName, id, ...head }) {
+	const titleId = head.title && id ? `${id}-title` : void 0;
+	return /* @__PURE__ */ jsx("section", {
+		id,
+		className: [SiteSection_module_default.section, className].filter(Boolean).join(" "),
+		"data-tone": tone,
+		"data-spacing": spacing,
+		"aria-labelledby": titleId,
+		"aria-label": titleId ? void 0 : label,
+		...tone === "inverse" ? { "data-theme": "dark" } : {},
+		children: /* @__PURE__ */ jsxs("div", {
+			className: [SiteSection_module_default.inner, innerClassName].filter(Boolean).join(" "),
+			"data-width": width,
+			children: [/* @__PURE__ */ jsx(SiteSectionHead, {
+				...head,
+				titleId
+			}), children]
+		})
+	});
+}
+export { SiteSection, SiteSectionHead };

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

@@ -0,0 +1,13 @@
+import './SiteSection.css';
+// src/site/_internal/SiteSection.module.css
+var SiteSection_module_default = {
+	"section": "sti-SiteSection-section-44302",
+	"inner": "sti-SiteSection-inner-79d72",
+	"head": "sti-SiteSection-head-1f477",
+	"headText": "sti-SiteSection-headText-8d5cc",
+	"eyebrow": "sti-SiteSection-eyebrow-64634",
+	"title": "sti-SiteSection-title-50365",
+	"lead": "sti-SiteSection-lead-b4c4d",
+	"headActions": "sti-SiteSection-headActions-e5e5d"
+};
+export { SiteSection_module_default as default };

package/dist/site/index.d.ts

@@ -1,11 +1,81 @@
 import { AnnouncementBar, AnnouncementBarProps, AnnouncementTone } from "./AnnouncementBar/AnnouncementBar.js";
 import "./AnnouncementBar/index.js";
+import { ArticleLayout, ArticleLayoutProps } from "./ArticleLayout/ArticleLayout.js";
+import "./ArticleLayout/index.js";
+import { AuroraMesh, AuroraMeshProps } from "./AuroraMesh/AuroraMesh.js";
+import "./AuroraMesh/index.js";
+import { SocialLink, SocialLinks, SocialLinksProps, SocialNetwork, safeSocialHref } from "./SocialLinks/SocialLinks.js";
+import { AuthorBox, AuthorBoxProps } from "./AuthorBox/AuthorBox.js";
+import "./AuthorBox/index.js";
+import { Award, AwardsStrip, AwardsStripProps } from "./AwardsStrip/AwardsStrip.js";
+import "./AwardsStrip/index.js";
+import { BentoGrid, BentoGridProps, BentoItem } from "./BentoGrid/BentoGrid.js";
+import "./BentoGrid/index.js";
+import { BlogCard, BlogCardProps } from "./BlogCard/BlogCard.js";
+import "./BlogCard/index.js";
+import { CareerJob, CareerList, CareerListProps } from "./CareerList/CareerList.js";
+import "./CareerList/index.js";
+import { CaseStudyCard, CaseStudyCardProps, CaseStudyMetric } from "./CaseStudyCard/CaseStudyCard.js";
+import "./CaseStudyCard/index.js";
+import { ComparisonGroup, ComparisonRow, ComparisonTable, ComparisonTableProps, ComparisonValue } from "./ComparisonTable/ComparisonTable.js";
+import "./ComparisonTable/index.js";
+import { ContactForm, ContactFormProps, ContactFormValues } from "./ContactForm/ContactForm.js";
+import "./ContactForm/index.js";
+import { CountUp, CountUpProps } from "./CountUp/CountUp.js";
+import { CtaBand, CtaBandProps } from "./CtaBand/CtaBand.js";
+import "./CtaBand/index.js";
+import { EventCard, EventCardProps, EventStatus } from "./EventCard/EventCard.js";
+import "./EventCard/index.js";
+import { Faq, FaqItem, FaqProps } from "./Faq/Faq.js";
+import "./Faq/index.js";
+import { FeatureGrid, FeatureGridProps, FeatureItem } from "./FeatureGrid/FeatureGrid.js";
+import "./FeatureGrid/index.js";
+import { FeatureSplit, FeatureSplitProps } from "./FeatureSplit/FeatureSplit.js";
+import "./FeatureSplit/index.js";
+import { Gallery, GalleryProps } from "./Gallery/Gallery.js";
+import "./Gallery/index.js";
+import { Hero, HeroAction, HeroProps, HeroVariant } from "./Hero/Hero.js";
+import "./Hero/index.js";
+import { JsonLd, JsonLdProps, JsonLdValue, serializeJsonLd } from "./JsonLd/JsonLd.js";
+import { CloudLogo, LogoCloud, LogoCloudProps } from "./LogoCloud/LogoCloud.js";
+import "./LogoCloud/index.js";
+import { Marquee, MarqueeProps } from "./Marquee/Marquee.js";
+import "./Marquee/index.js";
 import { MegaMenu, MegaMenuFeatured, MegaMenuGroup, MegaMenuItem, MegaMenuProps } from "./MegaMenu/MegaMenu.js";
 import "./MegaMenu/index.js";
+import { NewsletterForm, NewsletterFormProps } from "./NewsletterForm/NewsletterForm.js";
+import "./NewsletterForm/index.js";
+import { OgImage, OgImageProps, ogImageElement } from "./OgImage/OgImage.js";
+import "./OgImage/index.js";
+import { PortfolioGrid, PortfolioGridProps, PortfolioItem } from "./PortfolioGrid/PortfolioGrid.js";
+import "./PortfolioGrid/index.js";
+import { PressMention, PressMentions, PressMentionsProps } from "./PressMentions/PressMentions.js";
+import "./PressMentions/index.js";
+import { PricingSection, PricingSectionProps } from "./PricingSection/PricingSection.js";
+import "./PricingSection/index.js";
+import { ProcessStep, ProcessSteps, ProcessStepsProps } from "./ProcessSteps/ProcessSteps.js";
+import "./ProcessSteps/index.js";
+import { RelatedPosts, RelatedPostsProps } from "./RelatedPosts/RelatedPosts.js";
+import "./RelatedPosts/index.js";
+import { Reveal, RevealProps } from "./Reveal/Reveal.js";
+import "./Reveal/index.js";
+import { ScrollProgress, ScrollProgressProps, readingProgress } from "./ScrollProgress/ScrollProgress.js";
+import { ServiceCard, ServiceCardProps } from "./ServiceCard/ServiceCard.js";
+import "./ServiceCard/index.js";
+import { ShareBar, ShareBarProps, ShareNetwork, shareHref } from "./ShareBar/ShareBar.js";
+import { Showreel, ShowreelProps } from "./Showreel/Showreel.js";
+import "./Showreel/index.js";
 import { SiteFooter, SiteFooterColumn, SiteFooterLink, SiteFooterProps } from "./SiteFooter/SiteFooter.js";
 import "./SiteFooter/index.js";
 import { SiteHeader, SiteHeaderProps, SiteNavItem } from "./SiteHeader/SiteHeader.js";
 import "./SiteHeader/index.js";
+import "./SocialLinks/index.js";
+import { SiteStat, StatsBand, StatsBandProps } from "./StatsBand/StatsBand.js";
+import "./StatsBand/index.js";
 import { StickyCta, StickyCtaProps } from "./StickyCta/StickyCta.js";
 import "./StickyCta/index.js";
-export { AnnouncementBar, AnnouncementBarProps, AnnouncementTone, MegaMenu, MegaMenuFeatured, MegaMenuGroup, MegaMenuItem, MegaMenuProps, SiteFooter, SiteFooterColumn, SiteFooterLink, SiteFooterProps, SiteHeader, SiteHeaderProps, SiteNavItem, StickyCta, StickyCtaProps };
+import { TeamGrid, TeamGridProps, TeamMember } from "./TeamGrid/TeamGrid.js";
+import "./TeamGrid/index.js";
+import { Testimonial, TestimonialAuthor, TestimonialGrid, TestimonialGridProps, TestimonialProps } from "./Testimonial/Testimonial.js";
+import "./Testimonial/index.js";
+export { AnnouncementBar, AnnouncementBarProps, AnnouncementTone, ArticleLayout, ArticleLayoutProps, AuroraMesh, AuroraMeshProps, AuthorBox, AuthorBoxProps, Award, AwardsStrip, AwardsStripProps, BentoGrid, BentoGridProps, BentoItem, BlogCard, BlogCardProps, CareerJob, CareerList, CareerListProps, CaseStudyCard, CaseStudyCardProps, CaseStudyMetric, CloudLogo, ComparisonGroup, ComparisonRow, ComparisonTable, ComparisonTableProps, ComparisonValue, ContactForm, ContactFormProps, ContactFormValues, CountUp, CountUpProps, CtaBand, CtaBandProps, EventCard, EventCardProps, EventStatus, Faq, FaqItem, FaqProps, FeatureGrid, FeatureGridProps, FeatureItem, FeatureSplit, FeatureSplitProps, Gallery, GalleryProps, Hero, HeroAction, HeroProps, HeroVariant, JsonLd, JsonLdProps, JsonLdValue, LogoCloud, LogoCloudProps, Marquee, MarqueeProps, MegaMenu, MegaMenuFeatured, MegaMenuGroup, MegaMenuItem, MegaMenuProps, NewsletterForm, NewsletterFormProps, OgImage, OgImageProps, PortfolioGrid, PortfolioGridProps, PortfolioItem, PressMention, PressMentions, PressMentionsProps, PricingSection, PricingSectionProps, ProcessStep, ProcessSteps, ProcessStepsProps, RelatedPosts, RelatedPostsProps, Reveal, RevealProps, ScrollProgress, ScrollProgressProps, ServiceCard, ServiceCardProps, ShareBar, ShareBarProps, ShareNetwork, Showreel, ShowreelProps, SiteFooter, SiteFooterColumn, SiteFooterLink, SiteFooterProps, SiteHeader, SiteHeaderProps, SiteNavItem, SiteStat, SocialLink, SocialLinks, SocialLinksProps, SocialNetwork, StatsBand, StatsBandProps, StickyCta, StickyCtaProps, TeamGrid, TeamGridProps, TeamMember, Testimonial, TestimonialAuthor, TestimonialGrid, TestimonialGridProps, TestimonialProps, ogImageElement, readingProgress, safeSocialHref, serializeJsonLd, shareHref };

package/dist/site/index.js

@@ -1,6 +1,43 @@
 import { AnnouncementBar } from "./AnnouncementBar/AnnouncementBar.js";
+import { ArticleLayout } from "./ArticleLayout/ArticleLayout.js";
+import { AuroraMesh } from "./AuroraMesh/AuroraMesh.js";
+import { SocialLinks, safeSocialHref } from "./SocialLinks/SocialLinks.js";
+import { AuthorBox } from "./AuthorBox/AuthorBox.js";
+import { AwardsStrip } from "./AwardsStrip/AwardsStrip.js";
+import { BentoGrid } from "./BentoGrid/BentoGrid.js";
+import { BlogCard } from "./BlogCard/BlogCard.js";
+import { CareerList } from "./CareerList/CareerList.js";
+import { CaseStudyCard } from "./CaseStudyCard/CaseStudyCard.js";
+import { ComparisonTable } from "./ComparisonTable/ComparisonTable.js";
+import { ContactForm } from "./ContactForm/ContactForm.js";
+import { CountUp } from "./CountUp/CountUp.js";
+import { CtaBand } from "./CtaBand/CtaBand.js";
+import { EventCard } from "./EventCard/EventCard.js";
+import { JsonLd, serializeJsonLd } from "./JsonLd/JsonLd.js";
+import { Faq } from "./Faq/Faq.js";
+import { FeatureGrid } from "./FeatureGrid/FeatureGrid.js";
+import { FeatureSplit } from "./FeatureSplit/FeatureSplit.js";
+import { Gallery } from "./Gallery/Gallery.js";
+import { Hero } from "./Hero/Hero.js";
+import { LogoCloud } from "./LogoCloud/LogoCloud.js";
+import { Marquee } from "./Marquee/Marquee.js";
 import { MegaMenu } from "./MegaMenu/MegaMenu.js";
+import { NewsletterForm } from "./NewsletterForm/NewsletterForm.js";
+import { OgImage, ogImageElement } from "./OgImage/OgImage.js";
+import { PortfolioGrid } from "./PortfolioGrid/PortfolioGrid.js";
+import { PressMentions } from "./PressMentions/PressMentions.js";
+import { PricingSection } from "./PricingSection/PricingSection.js";
+import { ProcessSteps } from "./ProcessSteps/ProcessSteps.js";
+import { RelatedPosts } from "./RelatedPosts/RelatedPosts.js";
+import { Reveal } from "./Reveal/Reveal.js";
+import { ScrollProgress, readingProgress } from "./ScrollProgress/ScrollProgress.js";
+import { ServiceCard } from "./ServiceCard/ServiceCard.js";
+import { ShareBar, shareHref } from "./ShareBar/ShareBar.js";
+import { Showreel } from "./Showreel/Showreel.js";
 import { SiteFooter } from "./SiteFooter/SiteFooter.js";
 import { SiteHeader } from "./SiteHeader/SiteHeader.js";
+import { StatsBand } from "./StatsBand/StatsBand.js";
 import { StickyCta } from "./StickyCta/StickyCta.js";
-export { AnnouncementBar, MegaMenu, SiteFooter, SiteHeader, StickyCta };
+import { TeamGrid } from "./TeamGrid/TeamGrid.js";
+import { Testimonial, TestimonialGrid } from "./Testimonial/Testimonial.js";
+export { AnnouncementBar, ArticleLayout, AuroraMesh, AuthorBox, AwardsStrip, BentoGrid, BlogCard, CareerList, CaseStudyCard, ComparisonTable, ContactForm, CountUp, CtaBand, EventCard, Faq, FeatureGrid, FeatureSplit, Gallery, Hero, JsonLd, LogoCloud, Marquee, MegaMenu, NewsletterForm, OgImage, PortfolioGrid, PressMentions, PricingSection, ProcessSteps, RelatedPosts, Reveal, ScrollProgress, ServiceCard, ShareBar, Showreel, SiteFooter, SiteHeader, SocialLinks, StatsBand, StickyCta, TeamGrid, Testimonial, TestimonialGrid, ogImageElement, readingProgress, safeSocialHref, serializeJsonLd, shareHref };