@ugurdemirel/landcraft 0.1.12 → 0.1.13

package/dist/cjs/components/AccordionShowcase/AccordionShowcase.cjs

@@ -0,0 +1,3 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),r=require("../../utils/cn.cjs"),x=require("../../icons.cjs"),o=({className:l,items:n,defaultActive:a=0,...d})=>{const[c,u]=g.useState(a);return e.jsxs("div",{className:r.cn("grid w-full gap-x-16 gap-y-12 lg:grid-cols-2 lg:items-center lg:gap-y-0",l),...d,children:[e.jsx("div",{className:"divide-y divide-border",children:n.map((s,t)=>{const i=t===c;return e.jsxs("div",{children:[e.jsx("h3",{children:e.jsxs("button",{type:"button","aria-expanded":i,onClick:()=>u(t),className:"group flex w-full cursor-pointer items-center justify-between gap-6 py-5 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",children:[e.jsx("span",{className:"font-display text-[1.375rem] font-semibold leading-tight tracking-tight text-foreground sm:text-[1.625rem]",children:s.title}),e.jsx(x.ChevronDown,{className:r.cn("h-5 w-5 shrink-0 text-foreground/40 transition-transform duration-300 sm:h-6 sm:w-6",i&&"rotate-180 text-foreground")})]})}),i&&s.description?e.jsx("div",{className:"pb-8 pr-10",children:e.jsx("p",{className:"max-w-md text-pretty text-base leading-7 text-muted-foreground sm:text-lg",children:s.description})}):null]},s.title)})}),e.jsx("div",{className:"relative",children:n.map((s,t)=>e.jsx("div",{className:r.cn(t===c?"block":"hidden"),children:s.visual},s.title))})]})};o.displayName="AccordionShowcase";exports.AccordionShowcase=o;
+//# sourceMappingURL=AccordionShowcase.cjs.map

package/dist/cjs/components/AccordionShowcase/AccordionShowcase.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionShowcase.cjs","sources":["../../../../src/components/AccordionShowcase/AccordionShowcase.tsx"],"sourcesContent":["\"use client\";\nimport { useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { ChevronDown } from \"../../icons\";\nimport type { AccordionShowcaseProps } from \"./types\";\n\nexport const AccordionShowcase = ({\n  className,\n  items,\n  defaultActive = 0,\n  ...props\n}: AccordionShowcaseProps) => {\n  const [active, setActive] = useState(defaultActive);\n\n  return (\n    <div className={cn(\"grid w-full gap-x-16 gap-y-12 lg:grid-cols-2 lg:items-center lg:gap-y-0\", className)} {...props}>\n      {/* Interactive list */}\n      <div className=\"divide-y divide-border\">\n        {items.map((item, index) => {\n          const open = index === active;\n          return (\n            <div key={item.title}>\n              <h3>\n                <button\n                  type=\"button\"\n                  aria-expanded={open}\n                  onClick={() => setActive(index)}\n                  className=\"group flex w-full cursor-pointer items-center justify-between gap-6 py-5 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n                >\n                  <span className=\"font-display text-[1.375rem] font-semibold leading-tight tracking-tight text-foreground sm:text-[1.625rem]\">\n                    {item.title}\n                  </span>\n                  <ChevronDown\n                    className={cn(\n                      \"h-5 w-5 shrink-0 text-foreground/40 transition-transform duration-300 sm:h-6 sm:w-6\",\n                      open && \"rotate-180 text-foreground\",\n                    )}\n                  />\n                </button>\n              </h3>\n              {open && item.description ? (\n                <div className=\"pb-8 pr-10\">\n                  <p className=\"max-w-md text-pretty text-base leading-7 text-muted-foreground sm:text-lg\">\n                    {item.description}\n                  </p>\n                </div>\n              ) : null}\n            </div>\n          );\n        })}\n      </div>\n\n      {/* Swapping visual */}\n      <div className=\"relative\">\n        {items.map((item, index) => (\n          <div key={item.title} className={cn(index === active ? \"block\" : \"hidden\")}>\n            {item.visual}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\nAccordionShowcase.displayName = \"AccordionShowcase\";\n"],"names":["AccordionShowcase","className","items","defaultActive","props","active","setActive","useState","jsxs","cn","jsx","item","index","open","ChevronDown"],"mappings":"qMAMaA,EAAoB,CAAC,CAChC,UAAAC,EACA,MAAAC,EACA,cAAAC,EAAgB,EAChB,GAAGC,CACL,IAA8B,CAC5B,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAASJ,CAAa,EAElD,OACEK,EAAAA,KAAC,OAAI,UAAWC,EAAAA,GAAG,0EAA2ER,CAAS,EAAI,GAAGG,EAE5G,SAAA,CAAAM,MAAC,OAAI,UAAU,yBACZ,WAAM,IAAI,CAACC,EAAMC,IAAU,CAC1B,MAAMC,EAAOD,IAAUP,EACvB,cACG,MAAA,CACC,SAAA,CAAAK,MAAC,KAAA,CACC,SAAAF,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,gBAAeK,EACf,QAAS,IAAMP,EAAUM,CAAK,EAC9B,UAAU,8NAEV,SAAA,CAAAF,EAAAA,IAAC,OAAA,CAAK,UAAU,6GACb,SAAAC,EAAK,MACR,EACAD,EAAAA,IAACI,EAAAA,YAAA,CACC,UAAWL,EAAAA,GACT,sFACAI,GAAQ,4BAAA,CACV,CAAA,CACF,CAAA,CAAA,EAEJ,EACCA,GAAQF,EAAK,YACZD,EAAAA,IAAC,OAAI,UAAU,aACb,SAAAA,EAAAA,IAAC,IAAA,CAAE,UAAU,4EACV,SAAAC,EAAK,WAAA,CACR,EACF,EACE,IAAA,CAAA,EAzBIA,EAAK,KA0Bf,CAEJ,CAAC,CAAA,CACH,EAGAD,EAAAA,IAAC,OAAI,UAAU,WACZ,WAAM,IAAI,CAACC,EAAMC,IAChBF,EAAAA,IAAC,MAAA,CAAqB,UAAWD,EAAAA,GAAGG,IAAUP,EAAS,QAAU,QAAQ,EACtE,WAAK,MAAA,EADEM,EAAK,KAEf,CACD,CAAA,CACH,CAAA,EACF,CAEJ,EACAX,EAAkB,YAAc"}

package/dist/cjs/components/FeatureShowcase/FeatureShowcase.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../utils/cn.cjs"),g=require("../../icons.cjs"),o=({className:c,items:d,visual:i,mediaSide:x="left",eyebrow:r,title:l,description:t,...u})=>{const a=x==="left";return e.jsxs("div",{className:n.cn("w-full",c),...u,children:[r||l||t?e.jsxs("div",{className:"max-w-2xl",children:[r?e.jsx("p",{className:"text-xs font-semibold uppercase tracking-[0.18em] text-primary",children:r}):null,l?e.jsx("h2",{className:"mt-4 font-display text-balance text-[1.9rem] font-semibold leading-[1.08] tracking-tight text-foreground sm:text-4xl",children:l}):null,t?e.jsx("p",{className:"mt-4 text-pretty text-base leading-7 text-muted-foreground sm:text-lg",children:t}):null]}):null,e.jsxs("div",{className:"mt-12 grid w-full items-center gap-10 lg:grid-cols-[1.05fr_0.95fr] lg:gap-20",children:[i?e.jsx("div",{className:n.cn("relative",a?"lg:order-1":"lg:order-2"),children:i}):null,e.jsx("div",{className:n.cn("flex flex-col divide-y divide-border",a?"lg:order-2":"lg:order-1"),children:d.map((s,f)=>e.jsxs("div",{className:"flex gap-5 py-7 first:pt-0 last:pb-0 sm:gap-6",children:[s.icon?e.jsx("div",{className:"inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-border bg-surface text-lg text-foreground shadow-soft",children:s.icon}):null,e.jsxs("div",{children:[e.jsx("h3",{className:"font-display text-lg font-semibold tracking-tight text-foreground",children:s.title}),s.description?e.jsx("p",{className:"mt-2 text-pretty text-sm leading-6 text-muted-foreground sm:text-[15px]",children:s.description}):null,s.link?e.jsx("div",{className:"mt-3",children:s.link}):s.href?e.jsxs("a",{href:s.href,className:"group/link mt-3 inline-flex items-center gap-1.5 text-sm font-medium text-primary transition-colors hover:text-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",children:[s.linkLabel??"Learn more",e.jsx(g.ArrowRight,{className:"h-4 w-4 transition-transform duration-200 group-hover/link:translate-x-0.5"})]}):null]})]},f))})]})]})};o.displayName="FeatureShowcase";exports.FeatureShowcase=o;
+//# sourceMappingURL=FeatureShowcase.cjs.map

package/dist/cjs/components/FeatureShowcase/FeatureShowcase.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureShowcase.cjs","sources":["../../../../src/components/FeatureShowcase/FeatureShowcase.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn\";\nimport { ArrowRight } from \"../../icons\";\nimport type { FeatureShowcaseProps } from \"./types\";\n\nexport const FeatureShowcase = ({\n  className,\n  items,\n  visual,\n  mediaSide = \"left\",\n  eyebrow,\n  title,\n  description,\n  ...props\n}: FeatureShowcaseProps) => {\n  const mediaLeft = mediaSide === \"left\";\n\n  return (\n    <div className={cn(\"w-full\", className)} {...props}>\n      {eyebrow || title || description ? (\n        <div className=\"max-w-2xl\">\n          {eyebrow ? (\n            <p className=\"text-xs font-semibold uppercase tracking-[0.18em] text-primary\">{eyebrow}</p>\n          ) : null}\n          {title ? (\n            <h2 className=\"mt-4 font-display text-balance text-[1.9rem] font-semibold leading-[1.08] tracking-tight text-foreground sm:text-4xl\">\n              {title}\n            </h2>\n          ) : null}\n          {description ? (\n            <p className=\"mt-4 text-pretty text-base leading-7 text-muted-foreground sm:text-lg\">\n              {description}\n            </p>\n          ) : null}\n        </div>\n      ) : null}\n\n      <div className=\"mt-12 grid w-full items-center gap-10 lg:grid-cols-[1.05fr_0.95fr] lg:gap-20\">\n        {visual ? (\n          <div className={cn(\"relative\", mediaLeft ? \"lg:order-1\" : \"lg:order-2\")}>{visual}</div>\n        ) : null}\n\n        <div\n          className={cn(\n            \"flex flex-col divide-y divide-border\",\n            mediaLeft ? \"lg:order-2\" : \"lg:order-1\",\n          )}\n        >\n          {items.map((item, index) => (\n            <div key={index} className=\"flex gap-5 py-7 first:pt-0 last:pb-0 sm:gap-6\">\n              {item.icon ? (\n                <div className=\"inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-border bg-surface text-lg text-foreground shadow-soft\">\n                  {item.icon}\n                </div>\n              ) : null}\n              <div>\n                <h3 className=\"font-display text-lg font-semibold tracking-tight text-foreground\">\n                  {item.title}\n                </h3>\n                {item.description ? (\n                  <p className=\"mt-2 text-pretty text-sm leading-6 text-muted-foreground sm:text-[15px]\">\n                    {item.description}\n                  </p>\n                ) : null}\n                {item.link ? (\n                  <div className=\"mt-3\">{item.link}</div>\n                ) : item.href ? (\n                  <a\n                    href={item.href}\n                    className=\"group/link mt-3 inline-flex items-center gap-1.5 text-sm font-medium text-primary transition-colors hover:text-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n                  >\n                    {item.linkLabel ?? \"Learn more\"}\n                    <ArrowRight className=\"h-4 w-4 transition-transform duration-200 group-hover/link:translate-x-0.5\" />\n                  </a>\n                ) : null}\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\nFeatureShowcase.displayName = \"FeatureShowcase\";\n"],"names":["FeatureShowcase","className","items","visual","mediaSide","eyebrow","title","description","props","mediaLeft","jsxs","cn","jsx","item","index","ArrowRight"],"mappings":"kLAIaA,EAAkB,CAAC,CAC9B,UAAAC,EACA,MAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,OACZ,QAAAC,EACA,MAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAA4B,CAC1B,MAAMC,EAAYL,IAAc,OAEhC,OACEM,EAAAA,KAAC,OAAI,UAAWC,EAAAA,GAAG,SAAUV,CAAS,EAAI,GAAGO,EAC1C,SAAA,CAAAH,GAAWC,GAASC,EACnBG,EAAAA,KAAC,MAAA,CAAI,UAAU,YACZ,SAAA,CAAAL,EACCO,EAAAA,IAAC,IAAA,CAAE,UAAU,iEAAkE,WAAQ,EACrF,KACHN,EACCM,EAAAA,IAAC,KAAA,CAAG,UAAU,uHACX,WACH,EACE,KACHL,EACCK,EAAAA,IAAC,IAAA,CAAE,UAAU,wEACV,WACH,EACE,IAAA,CAAA,CACN,EACE,KAEJF,EAAAA,KAAC,MAAA,CAAI,UAAU,+EACZ,SAAA,CAAAP,EACCS,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,GAAG,WAAYF,EAAY,aAAe,YAAY,EAAI,SAAAN,CAAA,CAAO,EAC/E,KAEJS,EAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,GACT,uCACAF,EAAY,aAAe,YAAA,EAG5B,SAAAP,EAAM,IAAI,CAACW,EAAMC,IAChBJ,EAAAA,KAAC,MAAA,CAAgB,UAAU,gDACxB,SAAA,CAAAG,EAAK,KACJD,MAAC,MAAA,CAAI,UAAU,4IACZ,SAAAC,EAAK,KACR,EACE,YACH,MAAA,CACC,SAAA,CAAAD,EAAAA,IAAC,KAAA,CAAG,UAAU,oEACX,SAAAC,EAAK,MACR,EACCA,EAAK,YACJD,MAAC,IAAA,CAAE,UAAU,0EACV,SAAAC,EAAK,YACR,EACE,KACHA,EAAK,KACJD,EAAAA,IAAC,MAAA,CAAI,UAAU,OAAQ,SAAAC,EAAK,IAAA,CAAK,EAC/BA,EAAK,KACPH,EAAAA,KAAC,IAAA,CACC,KAAMG,EAAK,KACX,UAAU,wQAET,SAAA,CAAAA,EAAK,WAAa,aACnBD,EAAAA,IAACG,EAAAA,WAAA,CAAW,UAAU,4EAAA,CAA6E,CAAA,CAAA,CAAA,EAEnG,IAAA,CAAA,CACN,CAAA,CAAA,EA1BQD,CA2BV,CACD,CAAA,CAAA,CACH,CAAA,CACF,CAAA,EACF,CAEJ,EACAd,EAAgB,YAAc"}

package/dist/cjs/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./components/Button.cjs"),i=require("./components/Slot.cjs"),s=require("./components/Badge.cjs"),r=require("./components/Card.cjs"),o=require("./components/Section.cjs"),u=require("./components/Modal.cjs"),t=require("./components/Prose.cjs"),a=require("./components/Container.cjs"),c=require("./utils/cn.cjs"),l=require("./utils/contrast.cjs"),d=require("./utils/useTokenForeground.cjs"),C=require("./utils/iso2Flag.cjs"),e=require("./icons.cjs"),g=require("./components/Blog/BlogCard.cjs"),S=require("./components/Blog/BlogSection.cjs"),q=require("./components/CTA/CTA.cjs"),h=require("./components/FAQ/FAQ.cjs"),T=require("./components/Features/FeatureCard.cjs"),F=require("./components/Features/FeatureGrid.cjs"),w=require("./components/Footer/Footer.cjs"),k=require("./components/Hero/Hero.cjs"),B=require("./components/LanguageSwitcher/LanguageSwitcher.cjs"),L=require("./components/LogoCloud/LogoCloud.cjs"),P=require("./components/MegaMenu/MegaMenu.cjs"),A=require("./components/Navbar/Navbar.cjs"),M=require("./components/Newsletter/Newsletter.cjs"),m=require("./components/Pricing/Pricing.cjs"),p=require("./components/Stats/Stats.cjs"),v=require("./components/Testimonials/TestimonialCard.cjs"),D=require("./components/Testimonials/Testimonials.cjs");exports.Button=n.Button;exports.Slot=i.Slot;exports.Badge=s.Badge;exports.Card=r.Card;exports.CardContent=r.CardContent;exports.CardDescription=r.CardDescription;exports.CardFooter=r.CardFooter;exports.CardHeader=r.CardHeader;exports.CardTitle=r.CardTitle;exports.Section=o.Section;exports.SectionHeader=o.SectionHeader;exports.Modal=u.Modal;exports.Prose=t.Prose;exports.ProseLead=t.ProseLead;exports.Container=a.Container;exports.Stack=a.Stack;exports.cn=c.cn;exports.getContrastText=l.getContrastText;exports.useTokenForeground=d.useTokenForeground;exports.iso2ToFlagEmoji=C.iso2ToFlagEmoji;exports.ArrowDown=e.ArrowDown;exports.ArrowRight=e.ArrowRight;exports.ArrowUp=e.ArrowUp;exports.ArrowUpRight=e.ArrowUpRight;exports.BarChart=e.BarChart;exports.Box=e.Box;exports.Check=e.Check;exports.ChevronDown=e.ChevronDown;exports.ChevronLeft=e.ChevronLeft;exports.ChevronRight=e.ChevronRight;exports.Clock=e.Clock;exports.Code=e.Code;exports.Cpu=e.Cpu;exports.Database=e.Database;exports.DollarSign=e.DollarSign;exports.ExternalLink=e.ExternalLink;exports.Gauge=e.Gauge;exports.Globe=e.Globe;exports.Layers=e.Layers;exports.Lock=e.Lock;exports.Mail=e.Mail;exports.Menu=e.Menu;exports.Palette=e.Palette;exports.Play=e.Play;exports.Plus=e.Plus;exports.Quote=e.Quote;exports.Rocket=e.Rocket;exports.Send=e.Send;exports.ShieldCheck=e.ShieldCheck;exports.Sliders=e.Sliders;exports.Smartphone=e.Smartphone;exports.Star=e.Star;exports.Terminal=e.Terminal;exports.Users=e.Users;exports.X=e.X;exports.Zap=e.Zap;exports.BlogCard=g.BlogCard;exports.BlogSection=S.BlogSection;exports.CTA=q.CTA;exports.FAQ=h.FAQ;exports.FeatureCard=T.FeatureCard;exports.FeatureGrid=F.FeatureGrid;exports.Footer=w.Footer;exports.Hero=k.Hero;exports.LanguageSwitcher=B.LanguageSwitcher;exports.LogoCloud=L.LogoCloud;exports.MegaMenu=P.MegaMenu;exports.Navbar=A.Navbar;exports.Newsletter=M.Newsletter;exports.Pricing=m.Pricing;exports.Stats=p.Stats;exports.TestimonialCard=v.TestimonialCard;exports.Testimonials=D.Testimonials;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./components/Button.cjs"),i=require("./components/Slot.cjs"),s=require("./components/Badge.cjs"),r=require("./components/Card.cjs"),o=require("./components/Section.cjs"),c=require("./components/Modal.cjs"),t=require("./components/Prose.cjs"),a=require("./components/Container.cjs"),u=require("./utils/cn.cjs"),d=require("./utils/contrast.cjs"),l=require("./utils/useTokenForeground.cjs"),C=require("./utils/iso2Flag.cjs"),e=require("./icons.cjs"),g=require("./components/AccordionShowcase/AccordionShowcase.cjs"),S=require("./components/Blog/BlogCard.cjs"),q=require("./components/Blog/BlogSection.cjs"),h=require("./components/CTA/CTA.cjs"),w=require("./components/FAQ/FAQ.cjs"),F=require("./components/Features/FeatureCard.cjs"),T=require("./components/Features/FeatureGrid.cjs"),k=require("./components/FeatureShowcase/FeatureShowcase.cjs"),A=require("./components/Footer/Footer.cjs"),B=require("./components/Hero/Hero.cjs"),L=require("./components/LanguageSwitcher/LanguageSwitcher.cjs"),P=require("./components/LogoCloud/LogoCloud.cjs"),M=require("./components/MegaMenu/MegaMenu.cjs"),m=require("./components/Navbar/Navbar.cjs"),p=require("./components/Newsletter/Newsletter.cjs"),v=require("./components/Pricing/Pricing.cjs"),D=require("./components/Stats/Stats.cjs"),b=require("./components/Testimonials/TestimonialCard.cjs"),R=require("./components/Testimonials/Testimonials.cjs");exports.Button=n.Button;exports.Slot=i.Slot;exports.Badge=s.Badge;exports.Card=r.Card;exports.CardContent=r.CardContent;exports.CardDescription=r.CardDescription;exports.CardFooter=r.CardFooter;exports.CardHeader=r.CardHeader;exports.CardTitle=r.CardTitle;exports.Section=o.Section;exports.SectionHeader=o.SectionHeader;exports.Modal=c.Modal;exports.Prose=t.Prose;exports.ProseLead=t.ProseLead;exports.Container=a.Container;exports.Stack=a.Stack;exports.cn=u.cn;exports.getContrastText=d.getContrastText;exports.useTokenForeground=l.useTokenForeground;exports.iso2ToFlagEmoji=C.iso2ToFlagEmoji;exports.ArrowDown=e.ArrowDown;exports.ArrowRight=e.ArrowRight;exports.ArrowUp=e.ArrowUp;exports.ArrowUpRight=e.ArrowUpRight;exports.BarChart=e.BarChart;exports.Box=e.Box;exports.Check=e.Check;exports.ChevronDown=e.ChevronDown;exports.ChevronLeft=e.ChevronLeft;exports.ChevronRight=e.ChevronRight;exports.Clock=e.Clock;exports.Code=e.Code;exports.Cpu=e.Cpu;exports.Database=e.Database;exports.DollarSign=e.DollarSign;exports.ExternalLink=e.ExternalLink;exports.Gauge=e.Gauge;exports.Globe=e.Globe;exports.Layers=e.Layers;exports.Lock=e.Lock;exports.Mail=e.Mail;exports.Menu=e.Menu;exports.Palette=e.Palette;exports.Play=e.Play;exports.Plus=e.Plus;exports.Quote=e.Quote;exports.Rocket=e.Rocket;exports.Send=e.Send;exports.ShieldCheck=e.ShieldCheck;exports.Sliders=e.Sliders;exports.Smartphone=e.Smartphone;exports.Star=e.Star;exports.Terminal=e.Terminal;exports.Users=e.Users;exports.X=e.X;exports.Zap=e.Zap;exports.AccordionShowcase=g.AccordionShowcase;exports.BlogCard=S.BlogCard;exports.BlogSection=q.BlogSection;exports.CTA=h.CTA;exports.FAQ=w.FAQ;exports.FeatureCard=F.FeatureCard;exports.FeatureGrid=T.FeatureGrid;exports.FeatureShowcase=k.FeatureShowcase;exports.Footer=A.Footer;exports.Hero=B.Hero;exports.LanguageSwitcher=L.LanguageSwitcher;exports.LogoCloud=P.LogoCloud;exports.MegaMenu=M.MegaMenu;exports.Navbar=m.Navbar;exports.Newsletter=p.Newsletter;exports.Pricing=v.Pricing;exports.Stats=D.Stats;exports.TestimonialCard=b.TestimonialCard;exports.Testimonials=R.Testimonials;
 //# sourceMappingURL=index.cjs.map

package/dist/es/components/AccordionShowcase/AccordionShowcase.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { cn as o } from "../../utils/cn.js";
+import { ChevronDown as p } from "../../icons.js";
+const f = ({
+  className: a,
+  items: n,
+  defaultActive: c = 0,
+  ...d
+}) => {
+  const [l, m] = g(c);
+  return /* @__PURE__ */ s("div", { className: o("grid w-full gap-x-16 gap-y-12 lg:grid-cols-2 lg:items-center lg:gap-y-0", a), ...d, children: [
+    /* @__PURE__ */ e("div", { className: "divide-y divide-border", children: n.map((t, i) => {
+      const r = i === l;
+      return /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ e("h3", { children: /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            "aria-expanded": r,
+            onClick: () => m(i),
+            className: "group flex w-full cursor-pointer items-center justify-between gap-6 py-5 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+            children: [
+              /* @__PURE__ */ e("span", { className: "font-display text-[1.375rem] font-semibold leading-tight tracking-tight text-foreground sm:text-[1.625rem]", children: t.title }),
+              /* @__PURE__ */ e(
+                p,
+                {
+                  className: o(
+                    "h-5 w-5 shrink-0 text-foreground/40 transition-transform duration-300 sm:h-6 sm:w-6",
+                    r && "rotate-180 text-foreground"
+                  )
+                }
+              )
+            ]
+          }
+        ) }),
+        r && t.description ? /* @__PURE__ */ e("div", { className: "pb-8 pr-10", children: /* @__PURE__ */ e("p", { className: "max-w-md text-pretty text-base leading-7 text-muted-foreground sm:text-lg", children: t.description }) }) : null
+      ] }, t.title);
+    }) }),
+    /* @__PURE__ */ e("div", { className: "relative", children: n.map((t, i) => /* @__PURE__ */ e("div", { className: o(i === l ? "block" : "hidden"), children: t.visual }, t.title)) })
+  ] });
+};
+f.displayName = "AccordionShowcase";
+export {
+  f as AccordionShowcase
+};
+//# sourceMappingURL=AccordionShowcase.js.map

package/dist/es/components/AccordionShowcase/AccordionShowcase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionShowcase.js","sources":["../../../../src/components/AccordionShowcase/AccordionShowcase.tsx"],"sourcesContent":["\"use client\";\nimport { useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { ChevronDown } from \"../../icons\";\nimport type { AccordionShowcaseProps } from \"./types\";\n\nexport const AccordionShowcase = ({\n  className,\n  items,\n  defaultActive = 0,\n  ...props\n}: AccordionShowcaseProps) => {\n  const [active, setActive] = useState(defaultActive);\n\n  return (\n    <div className={cn(\"grid w-full gap-x-16 gap-y-12 lg:grid-cols-2 lg:items-center lg:gap-y-0\", className)} {...props}>\n      {/* Interactive list */}\n      <div className=\"divide-y divide-border\">\n        {items.map((item, index) => {\n          const open = index === active;\n          return (\n            <div key={item.title}>\n              <h3>\n                <button\n                  type=\"button\"\n                  aria-expanded={open}\n                  onClick={() => setActive(index)}\n                  className=\"group flex w-full cursor-pointer items-center justify-between gap-6 py-5 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n                >\n                  <span className=\"font-display text-[1.375rem] font-semibold leading-tight tracking-tight text-foreground sm:text-[1.625rem]\">\n                    {item.title}\n                  </span>\n                  <ChevronDown\n                    className={cn(\n                      \"h-5 w-5 shrink-0 text-foreground/40 transition-transform duration-300 sm:h-6 sm:w-6\",\n                      open && \"rotate-180 text-foreground\",\n                    )}\n                  />\n                </button>\n              </h3>\n              {open && item.description ? (\n                <div className=\"pb-8 pr-10\">\n                  <p className=\"max-w-md text-pretty text-base leading-7 text-muted-foreground sm:text-lg\">\n                    {item.description}\n                  </p>\n                </div>\n              ) : null}\n            </div>\n          );\n        })}\n      </div>\n\n      {/* Swapping visual */}\n      <div className=\"relative\">\n        {items.map((item, index) => (\n          <div key={item.title} className={cn(index === active ? \"block\" : \"hidden\")}>\n            {item.visual}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\nAccordionShowcase.displayName = \"AccordionShowcase\";\n"],"names":["AccordionShowcase","className","items","defaultActive","props","active","setActive","useState","jsxs","cn","jsx","item","index","open","ChevronDown"],"mappings":";;;;AAMO,MAAMA,IAAoB,CAAC;AAAA,EAChC,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,MAA8B;AAC5B,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASJ,CAAa;AAElD,SACE,gBAAAK,EAAC,SAAI,WAAWC,EAAG,2EAA2ER,CAAS,GAAI,GAAGG,GAE5G,UAAA;AAAA,IAAA,gBAAAM,EAAC,SAAI,WAAU,0BACZ,YAAM,IAAI,CAACC,GAAMC,MAAU;AAC1B,YAAMC,IAAOD,MAAUP;AACvB,+BACG,OAAA,EACC,UAAA;AAAA,QAAA,gBAAAK,EAAC,MAAA,EACC,UAAA,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,iBAAeK;AAAA,YACf,SAAS,MAAMP,EAAUM,CAAK;AAAA,YAC9B,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAF,EAAC,QAAA,EAAK,WAAU,8GACb,UAAAC,EAAK,OACR;AAAA,cACA,gBAAAD;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,WAAWL;AAAA,oBACT;AAAA,oBACAI,KAAQ;AAAA,kBAAA;AAAA,gBACV;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA,GAEJ;AAAA,QACCA,KAAQF,EAAK,cACZ,gBAAAD,EAAC,SAAI,WAAU,cACb,UAAA,gBAAAA,EAAC,KAAA,EAAE,WAAU,6EACV,UAAAC,EAAK,YAAA,CACR,GACF,IACE;AAAA,MAAA,EAAA,GAzBIA,EAAK,KA0Bf;AAAA,IAEJ,CAAC,EAAA,CACH;AAAA,IAGA,gBAAAD,EAAC,SAAI,WAAU,YACZ,YAAM,IAAI,CAACC,GAAMC,MAChB,gBAAAF,EAAC,OAAA,EAAqB,WAAWD,EAAGG,MAAUP,IAAS,UAAU,QAAQ,GACtE,YAAK,OAAA,GADEM,EAAK,KAEf,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;AACAX,EAAkB,cAAc;"}

package/dist/es/components/FeatureShowcase/FeatureShowcase.js

@@ -0,0 +1,57 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { cn as s } from "../../utils/cn.js";
+import { ArrowRight as x } from "../../icons.js";
+const u = ({
+  className: d,
+  items: c,
+  visual: a,
+  mediaSide: m = "left",
+  eyebrow: t,
+  title: i,
+  description: n,
+  ...f
+}) => {
+  const o = m === "left";
+  return /* @__PURE__ */ l("div", { className: s("w-full", d), ...f, children: [
+    t || i || n ? /* @__PURE__ */ l("div", { className: "max-w-2xl", children: [
+      t ? /* @__PURE__ */ r("p", { className: "text-xs font-semibold uppercase tracking-[0.18em] text-primary", children: t }) : null,
+      i ? /* @__PURE__ */ r("h2", { className: "mt-4 font-display text-balance text-[1.9rem] font-semibold leading-[1.08] tracking-tight text-foreground sm:text-4xl", children: i }) : null,
+      n ? /* @__PURE__ */ r("p", { className: "mt-4 text-pretty text-base leading-7 text-muted-foreground sm:text-lg", children: n }) : null
+    ] }) : null,
+    /* @__PURE__ */ l("div", { className: "mt-12 grid w-full items-center gap-10 lg:grid-cols-[1.05fr_0.95fr] lg:gap-20", children: [
+      a ? /* @__PURE__ */ r("div", { className: s("relative", o ? "lg:order-1" : "lg:order-2"), children: a }) : null,
+      /* @__PURE__ */ r(
+        "div",
+        {
+          className: s(
+            "flex flex-col divide-y divide-border",
+            o ? "lg:order-2" : "lg:order-1"
+          ),
+          children: c.map((e, g) => /* @__PURE__ */ l("div", { className: "flex gap-5 py-7 first:pt-0 last:pb-0 sm:gap-6", children: [
+            e.icon ? /* @__PURE__ */ r("div", { className: "inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-border bg-surface text-lg text-foreground shadow-soft", children: e.icon }) : null,
+            /* @__PURE__ */ l("div", { children: [
+              /* @__PURE__ */ r("h3", { className: "font-display text-lg font-semibold tracking-tight text-foreground", children: e.title }),
+              e.description ? /* @__PURE__ */ r("p", { className: "mt-2 text-pretty text-sm leading-6 text-muted-foreground sm:text-[15px]", children: e.description }) : null,
+              e.link ? /* @__PURE__ */ r("div", { className: "mt-3", children: e.link }) : e.href ? /* @__PURE__ */ l(
+                "a",
+                {
+                  href: e.href,
+                  className: "group/link mt-3 inline-flex items-center gap-1.5 text-sm font-medium text-primary transition-colors hover:text-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+                  children: [
+                    e.linkLabel ?? "Learn more",
+                    /* @__PURE__ */ r(x, { className: "h-4 w-4 transition-transform duration-200 group-hover/link:translate-x-0.5" })
+                  ]
+                }
+              ) : null
+            ] })
+          ] }, g))
+        }
+      )
+    ] })
+  ] });
+};
+u.displayName = "FeatureShowcase";
+export {
+  u as FeatureShowcase
+};
+//# sourceMappingURL=FeatureShowcase.js.map

package/dist/es/components/FeatureShowcase/FeatureShowcase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureShowcase.js","sources":["../../../../src/components/FeatureShowcase/FeatureShowcase.tsx"],"sourcesContent":["import { cn } from \"../../utils/cn\";\nimport { ArrowRight } from \"../../icons\";\nimport type { FeatureShowcaseProps } from \"./types\";\n\nexport const FeatureShowcase = ({\n  className,\n  items,\n  visual,\n  mediaSide = \"left\",\n  eyebrow,\n  title,\n  description,\n  ...props\n}: FeatureShowcaseProps) => {\n  const mediaLeft = mediaSide === \"left\";\n\n  return (\n    <div className={cn(\"w-full\", className)} {...props}>\n      {eyebrow || title || description ? (\n        <div className=\"max-w-2xl\">\n          {eyebrow ? (\n            <p className=\"text-xs font-semibold uppercase tracking-[0.18em] text-primary\">{eyebrow}</p>\n          ) : null}\n          {title ? (\n            <h2 className=\"mt-4 font-display text-balance text-[1.9rem] font-semibold leading-[1.08] tracking-tight text-foreground sm:text-4xl\">\n              {title}\n            </h2>\n          ) : null}\n          {description ? (\n            <p className=\"mt-4 text-pretty text-base leading-7 text-muted-foreground sm:text-lg\">\n              {description}\n            </p>\n          ) : null}\n        </div>\n      ) : null}\n\n      <div className=\"mt-12 grid w-full items-center gap-10 lg:grid-cols-[1.05fr_0.95fr] lg:gap-20\">\n        {visual ? (\n          <div className={cn(\"relative\", mediaLeft ? \"lg:order-1\" : \"lg:order-2\")}>{visual}</div>\n        ) : null}\n\n        <div\n          className={cn(\n            \"flex flex-col divide-y divide-border\",\n            mediaLeft ? \"lg:order-2\" : \"lg:order-1\",\n          )}\n        >\n          {items.map((item, index) => (\n            <div key={index} className=\"flex gap-5 py-7 first:pt-0 last:pb-0 sm:gap-6\">\n              {item.icon ? (\n                <div className=\"inline-flex h-12 w-12 shrink-0 items-center justify-center rounded-xl border border-border bg-surface text-lg text-foreground shadow-soft\">\n                  {item.icon}\n                </div>\n              ) : null}\n              <div>\n                <h3 className=\"font-display text-lg font-semibold tracking-tight text-foreground\">\n                  {item.title}\n                </h3>\n                {item.description ? (\n                  <p className=\"mt-2 text-pretty text-sm leading-6 text-muted-foreground sm:text-[15px]\">\n                    {item.description}\n                  </p>\n                ) : null}\n                {item.link ? (\n                  <div className=\"mt-3\">{item.link}</div>\n                ) : item.href ? (\n                  <a\n                    href={item.href}\n                    className=\"group/link mt-3 inline-flex items-center gap-1.5 text-sm font-medium text-primary transition-colors hover:text-primary-hover focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n                  >\n                    {item.linkLabel ?? \"Learn more\"}\n                    <ArrowRight className=\"h-4 w-4 transition-transform duration-200 group-hover/link:translate-x-0.5\" />\n                  </a>\n                ) : null}\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\nFeatureShowcase.displayName = \"FeatureShowcase\";\n"],"names":["FeatureShowcase","className","items","visual","mediaSide","eyebrow","title","description","props","mediaLeft","jsxs","cn","jsx","item","index","ArrowRight"],"mappings":";;;AAIO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAA4B;AAC1B,QAAMC,IAAYL,MAAc;AAEhC,SACE,gBAAAM,EAAC,SAAI,WAAWC,EAAG,UAAUV,CAAS,GAAI,GAAGO,GAC1C,UAAA;AAAA,IAAAH,KAAWC,KAASC,IACnB,gBAAAG,EAAC,OAAA,EAAI,WAAU,aACZ,UAAA;AAAA,MAAAL,IACC,gBAAAO,EAAC,KAAA,EAAE,WAAU,kEAAkE,aAAQ,IACrF;AAAA,MACHN,IACC,gBAAAM,EAAC,MAAA,EAAG,WAAU,wHACX,aACH,IACE;AAAA,MACHL,IACC,gBAAAK,EAAC,KAAA,EAAE,WAAU,yEACV,aACH,IACE;AAAA,IAAA,EAAA,CACN,IACE;AAAA,IAEJ,gBAAAF,EAAC,OAAA,EAAI,WAAU,gFACZ,UAAA;AAAA,MAAAP,IACC,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAG,YAAYF,IAAY,eAAe,YAAY,GAAI,UAAAN,EAAA,CAAO,IAC/E;AAAA,MAEJ,gBAAAS;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD;AAAA,YACT;AAAA,YACAF,IAAY,eAAe;AAAA,UAAA;AAAA,UAG5B,UAAAP,EAAM,IAAI,CAACW,GAAMC,MAChB,gBAAAJ,EAAC,OAAA,EAAgB,WAAU,iDACxB,UAAA;AAAA,YAAAG,EAAK,OACJ,gBAAAD,EAAC,OAAA,EAAI,WAAU,6IACZ,UAAAC,EAAK,MACR,IACE;AAAA,8BACH,OAAA,EACC,UAAA;AAAA,cAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,qEACX,UAAAC,EAAK,OACR;AAAA,cACCA,EAAK,cACJ,gBAAAD,EAAC,KAAA,EAAE,WAAU,2EACV,UAAAC,EAAK,aACR,IACE;AAAA,cACHA,EAAK,OACJ,gBAAAD,EAAC,OAAA,EAAI,WAAU,QAAQ,UAAAC,EAAK,KAAA,CAAK,IAC/BA,EAAK,OACP,gBAAAH;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAMG,EAAK;AAAA,kBACX,WAAU;AAAA,kBAET,UAAA;AAAA,oBAAAA,EAAK,aAAa;AAAA,oBACnB,gBAAAD,EAACG,GAAA,EAAW,WAAU,6EAAA,CAA6E;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA,IAEnG;AAAA,YAAA,EAAA,CACN;AAAA,UAAA,EAAA,GA1BQD,CA2BV,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AACAd,EAAgB,cAAc;"}

package/dist/es/index.js

@@ -1,103 +1,107 @@
 import { Button as e } from "./components/Button.js";
 import { Slot as a } from "./components/Slot.js";
 import { Badge as m } from "./components/Badge.js";
-import { Card as f, CardContent as n, CardDescription as i, CardFooter as C, CardHeader as l, CardTitle as d } from "./components/Card.js";
-import { Section as g, SectionHeader as c } from "./components/Section.js";
-import { Modal as S } from "./components/Modal.js";
-import { Prose as k, ProseLead as w } from "./components/Prose.js";
-import { Container as F, Stack as L } from "./components/Container.js";
+import { Card as f, CardContent as n, CardDescription as i, CardFooter as C, CardHeader as d, CardTitle as l } from "./components/Card.js";
+import { Section as c, SectionHeader as g } from "./components/Section.js";
+import { Modal as h } from "./components/Modal.js";
+import { Prose as w, ProseLead as k } from "./components/Prose.js";
+import { Container as T, Stack as A } from "./components/Container.js";
 import { cn as B } from "./utils/cn.js";
 import { getContrastText as D } from "./utils/contrast.js";
 import { useTokenForeground as v } from "./utils/useTokenForeground.js";
 import { iso2ToFlagEmoji as b } from "./utils/iso2Flag.js";
-import { ArrowDown as H, ArrowRight as U, ArrowUp as y, ArrowUpRight as E, BarChart as N, Box as Q, Check as j, ChevronDown as X, ChevronLeft as Z, ChevronRight as q, Clock as z, Code as I, Cpu as J, Database as K, DollarSign as O, ExternalLink as V, Gauge as W, Globe as Y, Layers as _, Lock as $, Mail as rr, Menu as or, Palette as er, Play as tr, Plus as ar, Quote as pr, Rocket as mr, Send as xr, ShieldCheck as fr, Sliders as nr, Smartphone as ir, Star as Cr, Terminal as lr, Users as dr, X as sr, Zap as gr } from "./icons.js";
-import { BlogCard as ur } from "./components/Blog/BlogCard.js";
-import { BlogSection as hr } from "./components/Blog/BlogSection.js";
-import { CTA as wr } from "./components/CTA/CTA.js";
-import { FAQ as Fr } from "./components/FAQ/FAQ.js";
-import { FeatureCard as Ar } from "./components/Features/FeatureCard.js";
-import { FeatureGrid as Pr } from "./components/Features/FeatureGrid.js";
-import { Footer as Mr } from "./components/Footer/Footer.js";
-import { Hero as Rr } from "./components/Hero/Hero.js";
-import { LanguageSwitcher as Gr } from "./components/LanguageSwitcher/LanguageSwitcher.js";
-import { LogoCloud as Ur } from "./components/LogoCloud/LogoCloud.js";
-import { MegaMenu as Er } from "./components/MegaMenu/MegaMenu.js";
-import { Navbar as Qr } from "./components/Navbar/Navbar.js";
-import { Newsletter as Xr } from "./components/Newsletter/Newsletter.js";
-import { Pricing as qr } from "./components/Pricing/Pricing.js";
-import { Stats as Ir } from "./components/Stats/Stats.js";
-import { TestimonialCard as Kr } from "./components/Testimonials/TestimonialCard.js";
-import { Testimonials as Vr } from "./components/Testimonials/Testimonials.js";
+import { ArrowDown as H, ArrowRight as U, ArrowUp as y, ArrowUpRight as E, BarChart as N, Box as Q, Check as j, ChevronDown as X, ChevronLeft as Z, ChevronRight as q, Clock as z, Code as I, Cpu as J, Database as K, DollarSign as O, ExternalLink as V, Gauge as W, Globe as Y, Layers as _, Lock as $, Mail as oo, Menu as ro, Palette as eo, Play as to, Plus as ao, Quote as po, Rocket as mo, Send as xo, ShieldCheck as fo, Sliders as no, Smartphone as io, Star as Co, Terminal as lo, Users as so, X as co, Zap as go } from "./icons.js";
+import { AccordionShowcase as ho } from "./components/AccordionShowcase/AccordionShowcase.js";
+import { BlogCard as wo } from "./components/Blog/BlogCard.js";
+import { BlogSection as Fo } from "./components/Blog/BlogSection.js";
+import { CTA as Ao } from "./components/CTA/CTA.js";
+import { FAQ as Bo } from "./components/FAQ/FAQ.js";
+import { FeatureCard as Do } from "./components/Features/FeatureCard.js";
+import { FeatureGrid as vo } from "./components/Features/FeatureGrid.js";
+import { FeatureShowcase as bo } from "./components/FeatureShowcase/FeatureShowcase.js";
+import { Footer as Ho } from "./components/Footer/Footer.js";
+import { Hero as yo } from "./components/Hero/Hero.js";
+import { LanguageSwitcher as No } from "./components/LanguageSwitcher/LanguageSwitcher.js";
+import { LogoCloud as jo } from "./components/LogoCloud/LogoCloud.js";
+import { MegaMenu as Zo } from "./components/MegaMenu/MegaMenu.js";
+import { Navbar as zo } from "./components/Navbar/Navbar.js";
+import { Newsletter as Jo } from "./components/Newsletter/Newsletter.js";
+import { Pricing as Oo } from "./components/Pricing/Pricing.js";
+import { Stats as Wo } from "./components/Stats/Stats.js";
+import { TestimonialCard as _o } from "./components/Testimonials/TestimonialCard.js";
+import { Testimonials as or } from "./components/Testimonials/Testimonials.js";
 export {
+  ho as AccordionShowcase,
   H as ArrowDown,
   U as ArrowRight,
   y as ArrowUp,
   E as ArrowUpRight,
   m as Badge,
   N as BarChart,
-  ur as BlogCard,
-  hr as BlogSection,
+  wo as BlogCard,
+  Fo as BlogSection,
   Q as Box,
   e as Button,
-  wr as CTA,
+  Ao as CTA,
   f as Card,
   n as CardContent,
   i as CardDescription,
   C as CardFooter,
-  l as CardHeader,
-  d as CardTitle,
+  d as CardHeader,
+  l as CardTitle,
   j as Check,
   X as ChevronDown,
   Z as ChevronLeft,
   q as ChevronRight,
   z as Clock,
   I as Code,
-  F as Container,
+  T as Container,
   J as Cpu,
   K as Database,
   O as DollarSign,
   V as ExternalLink,
-  Fr as FAQ,
-  Ar as FeatureCard,
-  Pr as FeatureGrid,
-  Mr as Footer,
+  Bo as FAQ,
+  Do as FeatureCard,
+  vo as FeatureGrid,
+  bo as FeatureShowcase,
+  Ho as Footer,
   W as Gauge,
   Y as Globe,
-  Rr as Hero,
-  Gr as LanguageSwitcher,
+  yo as Hero,
+  No as LanguageSwitcher,
   _ as Layers,
   $ as Lock,
-  Ur as LogoCloud,
-  rr as Mail,
-  Er as MegaMenu,
-  or as Menu,
-  S as Modal,
-  Qr as Navbar,
-  Xr as Newsletter,
-  er as Palette,
-  tr as Play,
-  ar as Plus,
-  qr as Pricing,
-  k as Prose,
-  w as ProseLead,
-  pr as Quote,
-  mr as Rocket,
-  g as Section,
-  c as SectionHeader,
-  xr as Send,
-  fr as ShieldCheck,
-  nr as Sliders,
+  jo as LogoCloud,
+  oo as Mail,
+  Zo as MegaMenu,
+  ro as Menu,
+  h as Modal,
+  zo as Navbar,
+  Jo as Newsletter,
+  eo as Palette,
+  to as Play,
+  ao as Plus,
+  Oo as Pricing,
+  w as Prose,
+  k as ProseLead,
+  po as Quote,
+  mo as Rocket,
+  c as Section,
+  g as SectionHeader,
+  xo as Send,
+  fo as ShieldCheck,
+  no as Sliders,
   a as Slot,
-  ir as Smartphone,
-  L as Stack,
-  Cr as Star,
-  Ir as Stats,
-  lr as Terminal,
-  Kr as TestimonialCard,
-  Vr as Testimonials,
-  dr as Users,
-  sr as X,
-  gr as Zap,
+  io as Smartphone,
+  A as Stack,
+  Co as Star,
+  Wo as Stats,
+  lo as Terminal,
+  _o as TestimonialCard,
+  or as Testimonials,
+  so as Users,
+  co as X,
+  go as Zap,
   B as cn,
   D as getContrastText,
   b as iso2ToFlagEmoji,

package/dist/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -8,6 +8,26 @@ import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { SVGProps } from 'react';
 
+export declare const AccordionShowcase: {
+    ({ className, items, defaultActive, ...props }: AccordionShowcaseProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare interface AccordionShowcaseItem {
+    /** Accordion heading, e.g. an integration or product name. */
+    title: string;
+    /** Expandable copy shown when the item is active. */
+    description?: ReactNode;
+    /** Artwork swapped in on the right when the item is active. */
+    visual: ReactNode;
+}
+
+export declare interface AccordionShowcaseProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    items: AccordionShowcaseItem[];
+    /** Index opened on first render. */
+    defaultActive?: number;
+}
+
 export declare const ArrowDown: (props: IconProps) => JSX_2.Element;
 
 export declare const ArrowRight: (props: IconProps) => JSX_2.Element;
@@ -251,6 +271,38 @@ export declare interface FeatureItem {
     accent?: string;
 }
 
+export declare const FeatureShowcase: {
+    ({ className, items, visual, mediaSide, eyebrow, title, description, ...props }: FeatureShowcaseProps): JSX_2.Element;
+    displayName: string;
+};
+
+export declare interface FeatureShowcaseItem {
+    icon?: ReactNode;
+    title: ReactNode;
+    description?: ReactNode;
+    /** When set (and no `link` slot), a "Learn more"-style link is rendered. */
+    href?: string;
+    linkLabel?: ReactNode;
+    /**
+     * Slot for a fully custom link (router `<Link>`, anchor…) rendered as-is.
+     * Takes precedence over `href`.
+     */
+    link?: ReactNode;
+}
+
+export declare type FeatureShowcaseMediaSide = "left" | "right";
+
+export declare interface FeatureShowcaseProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    items: FeatureShowcaseItem[];
+    /** Large control-panel / product screenshot. */
+    visual?: ReactNode;
+    /** Which side the visual sits on. Items sit opposite. Default: `"left"`. */
+    mediaSide?: FeatureShowcaseMediaSide;
+    eyebrow?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+}
+
 export declare const Footer: {
     ({ option, ...props }: FooterProps): JSX_2.Element;
     displayName: string;

package/dist/styles.css

@@ -55,6 +55,7 @@
     --tracking-wide: 0.025em;
     --tracking-wider: 0.05em;
     --tracking-widest: 0.1em;
+    --leading-tight: 1.25;
     --leading-snug: 1.375;
     --leading-relaxed: 1.625;
     --radius-sm: 0.375rem;
@@ -1793,6 +1794,9 @@
   .w-11 {
     width: calc(var(--spacing) * 11);
   }
+  .w-12 {
+    width: calc(var(--spacing) * 12);
+  }
   .w-28 {
     width: calc(var(--spacing) * 28);
   }
@@ -2026,6 +2030,9 @@
   .gap-x-12 {
     column-gap: calc(var(--spacing) * 12);
   }
+  .gap-x-16 {
+    column-gap: calc(var(--spacing) * 16);
+  }
   .gap-y-2\.5 {
     row-gap: calc(var(--spacing) * 2.5);
   }
@@ -2409,6 +2416,9 @@
   .pr-8 {
     padding-right: calc(var(--spacing) * 8);
   }
+  .pr-10 {
+    padding-right: calc(var(--spacing) * 10);
+  }
   .pr-14 {
     padding-right: calc(var(--spacing) * 14);
   }
@@ -2424,6 +2434,9 @@
   .pb-6 {
     padding-bottom: calc(var(--spacing) * 6);
   }
+  .pb-8 {
+    padding-bottom: calc(var(--spacing) * 8);
+  }
   .pb-20 {
     padding-bottom: calc(var(--spacing) * 20);
   }
@@ -2487,6 +2500,9 @@
   .text-\[1\.9rem\] {
     font-size: 1.9rem;
   }
+  .text-\[1\.375rem\] {
+    font-size: 1.375rem;
+  }
   .text-\[2\.6rem\] {
     font-size: 2.6rem;
   }
@@ -2552,6 +2568,10 @@
     --tw-leading: var(--leading-snug);
     line-height: var(--leading-snug);
   }
+  .leading-tight {
+    --tw-leading: var(--leading-tight);
+    line-height: var(--leading-tight);
+  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -2655,6 +2675,12 @@
       color: color-mix(in oklab, rgb(var(--color-foreground)) 35%, transparent);
     }
   }
+  .text-foreground\/40 {
+    color: color-mix(in srgb, rgb(rgb(var(--color-foreground))) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, rgb(var(--color-foreground)) 40%, transparent);
+    }
+  }
   .text-foreground\/45 {
     color: color-mix(in srgb, rgb(rgb(var(--color-foreground))) 45%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2875,6 +2901,10 @@
     --tw-duration: 200ms;
     transition-duration: 200ms;
   }
+  .duration-300 {
+    --tw-duration: 300ms;
+    transition-duration: 300ms;
+  }
   .prose-neutral {
     --tw-prose-body: oklch(37.1% 0 none);
     --tw-prose-headings: oklch(20.5% 0 none);
@@ -2939,10 +2969,20 @@
       --tw-grayscale: grayscale(0%);
       filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
     }
+    .group-hover\/link\:translate-x-0\.5:is(:where(.group\/link):hover *) {
+      --tw-translate-x: calc(var(--spacing) * 0.5);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
   }
   .placeholder\:text-muted-foreground::placeholder {
     color: rgb(var(--color-muted-foreground));
   }
+  .first\:pt-0:first-child {
+    padding-top: 0px;
+  }
+  .last\:pb-0:last-child {
+    padding-bottom: 0px;
+  }
   .focus-within\:border-foreground:focus-within {
     border-color: rgb(var(--color-foreground));
   }
@@ -3132,6 +3172,9 @@
     .sm\:h-5 {
       height: calc(var(--spacing) * 5);
     }
+    .sm\:h-6 {
+      height: calc(var(--spacing) * 6);
+    }
     .sm\:w-1\/2 {
       width: calc(1 / 2 * 100%);
     }
@@ -3141,6 +3184,9 @@
     .sm\:w-5 {
       width: calc(var(--spacing) * 5);
     }
+    .sm\:w-6 {
+      width: calc(var(--spacing) * 6);
+    }
     .sm\:w-12 {
       width: calc(var(--spacing) * 12);
     }
@@ -3168,6 +3214,9 @@
     .sm\:justify-between {
       justify-content: space-between;
     }
+    .sm\:gap-6 {
+      gap: calc(var(--spacing) * 6);
+    }
     .sm\:gap-10 {
       gap: calc(var(--spacing) * 10);
     }
@@ -3257,9 +3306,15 @@
       font-size: var(--text-xl);
       line-height: var(--tw-leading, var(--text-xl--line-height));
     }
+    .sm\:text-\[1\.625rem\] {
+      font-size: 1.625rem;
+    }
     .sm\:text-\[3rem\] {
       font-size: 3rem;
     }
+    .sm\:text-\[15px\] {
+      font-size: 15px;
+    }
   }
   @media (width >= 48rem) {
     .md\:flex {
@@ -3288,6 +3343,12 @@
     .lg\:top-24 {
       top: calc(var(--spacing) * 24);
     }
+    .lg\:order-1 {
+      order: 1;
+    }
+    .lg\:order-2 {
+      order: 2;
+    }
     .lg\:col-span-2 {
       grid-column: span 2 / span 2;
     }
@@ -3342,6 +3403,9 @@
     .lg\:flex-row {
       flex-direction: row;
     }
+    .lg\:items-center {
+      align-items: center;
+    }
     .lg\:items-end {
       align-items: flex-end;
     }
@@ -3354,6 +3418,9 @@
     .lg\:gap-20 {
       gap: calc(var(--spacing) * 20);
     }
+    .lg\:gap-y-0 {
+      row-gap: 0px;
+    }
     .lg\:self-start {
       align-self: flex-start;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ugurdemirel/landcraft",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "publishConfig": {
     "access": "public"
   },