@ugurdemirel/landcraft 0.1.17 → 0.1.18

package/dist/cjs/components/Pricing/variants/Cards.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Cards.cjs","sources":["../../../../../src/components/Pricing/variants/Cards.tsx"],"sourcesContent":["import { cn } from \"../../../utils/cn\";\nimport { getContrastText } from \"../../../utils/contrast\";\nimport { PriceValue, BillingToggle, PlanButton } from \"../parts\";\nimport { Check } from \"../../../icons\";\nimport type { PricingVariantProps } from \"../types\";\n\ninterface CardsProps extends PricingVariantProps {\n  className?: string;\n}\n\nexport const PricingCards = ({ className, plans, billing, onBillingChange, onSelect, yearlyBadge, ...props }: CardsProps) => {\n  return (\n    <div className={cn(\"w-full\", className)} {...props}>\n      <BillingToggle billing={billing} onChange={onBillingChange} yearlyBadge={yearlyBadge} />\n      <div className=\"grid grid-cols-1 gap-5 md:grid-cols-2 lg:grid-cols-3\">\n        {plans.map((plan) => {\n          const isHighlighted = plan.highlighted && !plan.customColor;\n          const bg = plan.customColor || (isHighlighted ? \"rgb(var(--color-primary))\" : undefined);\n          const fg = plan.customColor\n            ? getContrastText(plan.customColor, \"#111111\", \"#ffffff\")\n            : isHighlighted\n              ? \"rgb(var(--color-on-primary))\"\n              : undefined;\n          return (\n            <div\n              key={plan.name}\n              className={cn(\n                \"relative flex flex-col rounded-xl p-7\",\n                bg ? \"shadow-raised\" : \"border border-border bg-surface\",\n                !bg && isHighlighted && \"border-primary\",\n              )}\n              style={bg ? { backgroundColor: bg, color: fg } : undefined}\n            >\n              {isHighlighted ? (\n                <span\n                  className={cn(\n                    \"absolute -top-3 left-7 rounded-full px-2.5 py-1 text-[11px] font-semibold uppercase tracking-wider\",\n                    !bg && \"bg-primary text-on-primary\",\n                  )}\n                  style={\n                    bg\n                      ? { backgroundColor: \"rgb(var(--color-on-primary))\", color: \"rgb(var(--color-primary))\" }\n                      : undefined\n                  }\n                >\n                  Most popular\n                </span>\n              ) : null}\n              <h3 className={cn(\"font-display text-lg font-semibold tracking-tight\", bg ? \"text-current\" : \"text-foreground\")}>\n                {plan.name}\n              </h3>\n              {plan.description ? (\n                <p className={cn(\"mt-1.5 text-sm\", bg ? undefined : \"text-muted-foreground\")}>\n                  {plan.description}\n                </p>\n              ) : null}\n              <div className={cn(\"mt-6 flex items-baseline font-display\", bg ? \"text-current\" : \"text-foreground\")}>\n                <PriceValue value={billing === \"monthly\" ? plan.monthly : plan.yearly} billing={billing} dim={!bg} />\n              </div>\n              <ul className={cn(\"mt-7 flex-1 space-y-2.5 text-sm\", bg ? \"text-current\" : \"text-muted-foreground\")}>\n                {plan.features.map((feature) => (\n                  <li key={feature} className=\"flex items-start gap-2.5\">\n                    <Check className={cn(\"mt-0.5 h-4 w-4 shrink-0\", bg ? \"text-current\" : \"text-primary\")} />\n                    {feature}\n                  </li>\n                ))}\n              </ul>\n              <div className=\"mt-8\">\n                <PlanButton plan={plan} billing={billing} onSelect={onSelect} dark={!bg} />\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\nPricingCards.displayName = \"PricingCards\";"],"names":["PricingCards","className","plans","billing","onBillingChange","onSelect","yearlyBadge","props","jsxs","cn","jsx","BillingToggle","plan","isHighlighted","bg","fg","getContrastText","PriceValue","feature","Check","PlanButton"],"mappings":"2PAUaA,EAAe,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAS,gBAAAC,EAAiB,SAAAC,EAAU,YAAAC,EAAa,GAAGC,KAEjGC,EAAAA,KAAC,OAAI,UAAWC,EAAAA,GAAG,SAAUR,CAAS,EAAI,GAAGM,EAC3C,SAAA,CAAAG,EAAAA,IAACC,EAAAA,cAAA,CAAc,QAAAR,EAAkB,SAAUC,EAAiB,YAAAE,EAA0B,QACrF,MAAA,CAAI,UAAU,uDACZ,SAAAJ,EAAM,IAAKU,GAAS,CACnB,MAAMC,EAAgBD,EAAK,aAAe,CAACA,EAAK,YAC1CE,EAAKF,EAAK,cAAgBC,EAAgB,4BAA8B,QACxEE,EAAKH,EAAK,YACZI,EAAAA,gBAAgBJ,EAAK,YAAa,UAAW,SAAS,EACtDC,EACE,+BACA,OACN,OACEL,EAAAA,KAAC,MAAA,CAEC,UAAWC,EAAAA,GACT,wCACAK,EAAK,gBAAkB,kCACvB,CAACA,GAAMD,GAAiB,gBAAA,EAE1B,MAAOC,EAAK,CAAE,gBAAiBA,EAAI,MAAOC,GAAO,OAEhD,SAAA,CAAAF,EACCH,EAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,GACT,qGACA,CAACK,GAAM,4BAAA,EAET,MACEA,EACI,CAAE,gBAAiB,+BAAgC,MAAO,6BAC1D,OAEP,SAAA,cAAA,CAAA,EAGC,KACJJ,EAAAA,IAAC,KAAA,CAAG,UAAWD,EAAAA,GAAG,oDAAqDK,EAAK,eAAiB,iBAAiB,EAC3G,SAAAF,EAAK,IAAA,CACR,EACCA,EAAK,YACJF,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,GAAG,iBAAkBK,EAAK,OAAY,uBAAuB,EACxE,SAAAF,EAAK,YACR,EACE,KACJF,EAAAA,IAAC,OAAI,UAAWD,EAAAA,GAAG,wCAAyCK,EAAK,eAAiB,iBAAiB,EACjG,SAAAJ,EAAAA,IAACO,EAAAA,WAAA,CAAW,MAAOd,IAAY,UAAYS,EAAK,QAAUA,EAAK,OAAQ,QAAAT,EAAkB,IAAK,CAACW,CAAA,CAAI,CAAA,CACrG,QACC,KAAA,CAAG,UAAWL,EAAAA,GAAG,kCAAmCK,EAAK,eAAiB,uBAAuB,EAC/F,SAAAF,EAAK,SAAS,IAAKM,GAClBV,EAAAA,KAAC,KAAA,CAAiB,UAAU,2BAC1B,SAAA,CAAAE,MAACS,EAAAA,OAAM,UAAWV,EAAAA,GAAG,0BAA2BK,EAAK,eAAiB,cAAc,EAAG,EACtFI,CAAA,GAFMA,CAGT,CACD,EACH,EACAR,EAAAA,IAAC,MAAA,CAAI,UAAU,OACb,SAAAA,EAAAA,IAACU,EAAAA,WAAA,CAAW,KAAAR,EAAY,QAAAT,EAAkB,SAAAE,EAAoB,KAAM,CAACS,CAAA,CAAI,CAAA,CAC3E,CAAA,CAAA,EA5CKF,EAAK,IAAA,CA+ChB,CAAC,CAAA,CACH,CAAA,EACF,EAGJZ,EAAa,YAAc"}
+{"version":3,"file":"Cards.cjs","sources":["../../../../../src/components/Pricing/variants/Cards.tsx"],"sourcesContent":["import { cn } from \"../../../utils/cn\";\nimport { PriceValue, BillingToggle, PlanButton } from \"../parts\";\nimport { Check } from \"../../../icons\";\nimport type { PricingVariantProps } from \"../types\";\n\ninterface CardsProps extends PricingVariantProps {\n  className?: string;\n}\n\nexport const PricingCards = ({ className, plans, billing, onBillingChange, onSelect, yearlyBadge, ...props }: CardsProps) => {\n  return (\n    <div className={cn(\"w-full\", className)} {...props}>\n      <BillingToggle billing={billing} onChange={onBillingChange} yearlyBadge={yearlyBadge} />\n      <div className=\"grid grid-cols-1 gap-5 md:grid-cols-2 lg:grid-cols-3\">\n        {plans.map((plan) => {\n          const isHighlighted = plan.highlighted && !plan.customColor;\n          const bg = plan.customColor || (isHighlighted ? \"rgb(var(--color-primary))\" : undefined);\n          const fg = plan.customColor\n            ? `contrast-color(${plan.customColor})`\n            : isHighlighted\n              ? \"rgb(var(--color-on-primary))\"\n              : undefined;\n          return (\n            <div\n              key={plan.name}\n              className={cn(\n                \"relative flex flex-col rounded-xl p-7\",\n                bg ? \"shadow-raised\" : \"border border-border bg-surface\",\n                !bg && isHighlighted && \"border-primary\",\n              )}\n              style={bg ? { backgroundColor: bg, color: fg } : undefined}\n            >\n              {isHighlighted ? (\n                <span\n                  className={cn(\n                    \"absolute -top-3 left-7 rounded-full px-2.5 py-1 text-[11px] font-semibold uppercase tracking-wider\",\n                    !bg && \"bg-primary text-on-primary\",\n                  )}\n                  style={\n                    bg\n                      ? { backgroundColor: \"rgb(var(--color-on-primary))\", color: \"rgb(var(--color-primary))\" }\n                      : undefined\n                  }\n                >\n                  Most popular\n                </span>\n              ) : null}\n              <h3 className={cn(\"font-display text-lg font-semibold tracking-tight\", bg ? \"text-current\" : \"text-foreground\")}>\n                {plan.name}\n              </h3>\n              {plan.description ? (\n                <p className={cn(\"mt-1.5 text-sm\", bg ? undefined : \"text-muted-foreground\")}>\n                  {plan.description}\n                </p>\n              ) : null}\n              <div className={cn(\"mt-6 flex items-baseline font-display\", bg ? \"text-current\" : \"text-foreground\")}>\n                <PriceValue value={billing === \"monthly\" ? plan.monthly : plan.yearly} billing={billing} dim={!bg} />\n              </div>\n              <ul className={cn(\"mt-7 flex-1 space-y-2.5 text-sm\", bg ? \"text-current\" : \"text-muted-foreground\")}>\n                {plan.features.map((feature) => (\n                  <li key={feature} className=\"flex items-start gap-2.5\">\n                    <Check className={cn(\"mt-0.5 h-4 w-4 shrink-0\", bg ? \"text-current\" : \"text-primary\")} />\n                    {feature}\n                  </li>\n                ))}\n              </ul>\n              <div className=\"mt-8\">\n                <PlanButton plan={plan} billing={billing} onSelect={onSelect} dark={!bg} />\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\nPricingCards.displayName = \"PricingCards\";"],"names":["PricingCards","className","plans","billing","onBillingChange","onSelect","yearlyBadge","props","jsxs","cn","jsx","BillingToggle","plan","isHighlighted","bg","fg","PriceValue","feature","Check","PlanButton"],"mappings":"kNASaA,EAAe,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,QAAAC,EAAS,gBAAAC,EAAiB,SAAAC,EAAU,YAAAC,EAAa,GAAGC,KAEjGC,EAAAA,KAAC,OAAI,UAAWC,EAAAA,GAAG,SAAUR,CAAS,EAAI,GAAGM,EAC3C,SAAA,CAAAG,EAAAA,IAACC,EAAAA,cAAA,CAAc,QAAAR,EAAkB,SAAUC,EAAiB,YAAAE,EAA0B,QACrF,MAAA,CAAI,UAAU,uDACZ,SAAAJ,EAAM,IAAKU,GAAS,CACnB,MAAMC,EAAgBD,EAAK,aAAe,CAACA,EAAK,YAC1CE,EAAKF,EAAK,cAAgBC,EAAgB,4BAA8B,QACxEE,EAAKH,EAAK,YACZ,kBAAkBA,EAAK,WAAW,IAClCC,EACE,+BACA,OACN,OACEL,EAAAA,KAAC,MAAA,CAEC,UAAWC,EAAAA,GACT,wCACAK,EAAK,gBAAkB,kCACvB,CAACA,GAAMD,GAAiB,gBAAA,EAE1B,MAAOC,EAAK,CAAE,gBAAiBA,EAAI,MAAOC,GAAO,OAEhD,SAAA,CAAAF,EACCH,EAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,GACT,qGACA,CAACK,GAAM,4BAAA,EAET,MACEA,EACI,CAAE,gBAAiB,+BAAgC,MAAO,6BAC1D,OAEP,SAAA,cAAA,CAAA,EAGC,KACJJ,EAAAA,IAAC,KAAA,CAAG,UAAWD,EAAAA,GAAG,oDAAqDK,EAAK,eAAiB,iBAAiB,EAC3G,SAAAF,EAAK,IAAA,CACR,EACCA,EAAK,YACJF,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,GAAG,iBAAkBK,EAAK,OAAY,uBAAuB,EACxE,SAAAF,EAAK,YACR,EACE,KACJF,EAAAA,IAAC,OAAI,UAAWD,EAAAA,GAAG,wCAAyCK,EAAK,eAAiB,iBAAiB,EACjG,SAAAJ,EAAAA,IAACM,EAAAA,WAAA,CAAW,MAAOb,IAAY,UAAYS,EAAK,QAAUA,EAAK,OAAQ,QAAAT,EAAkB,IAAK,CAACW,CAAA,CAAI,CAAA,CACrG,QACC,KAAA,CAAG,UAAWL,EAAAA,GAAG,kCAAmCK,EAAK,eAAiB,uBAAuB,EAC/F,SAAAF,EAAK,SAAS,IAAKK,GAClBT,EAAAA,KAAC,KAAA,CAAiB,UAAU,2BAC1B,SAAA,CAAAE,MAACQ,EAAAA,OAAM,UAAWT,EAAAA,GAAG,0BAA2BK,EAAK,eAAiB,cAAc,EAAG,EACtFG,CAAA,GAFMA,CAGT,CACD,EACH,EACAP,EAAAA,IAAC,MAAA,CAAI,UAAU,OACb,SAAAA,EAAAA,IAACS,EAAAA,WAAA,CAAW,KAAAP,EAAY,QAAAT,EAAkB,SAAAE,EAAoB,KAAM,CAACS,CAAA,CAAI,CAAA,CAC3E,CAAA,CAAA,EA5CKF,EAAK,IAAA,CA+ChB,CAAC,CAAA,CACH,CAAA,EACF,EAGJZ,EAAa,YAAc"}

package/dist/cjs/components/Testimonials/TestimonialCard.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),r=require("../../utils/cn.cjs"),j=require("../../utils/contrast.cjs"),l=require("../../icons.cjs"),h=require("./parts.cjs"),p=g.forwardRef(function({className:c,testimonial:d,...x},m){const{quote:f,author:s,role:n,company:a,avatar:i,accent:t,rating:o}=d,u=t?{backgroundColor:t,color:j.getContrastText(t,"#111111","#ffffff")}:void 0;return e.jsxs("figure",{ref:m,className:r.cn("mb-4 flex flex-col break-inside-avoid rounded-2xl border border-border bg-surface p-7",c),...x,children:[e.jsxs("div",{className:"mb-5 flex items-center justify-between",children:[e.jsx(l.Quote,{className:r.cn("h-6 w-6",t?void 0:"text-primary/30"),style:t?{color:t}:void 0}),o?e.jsx("span",{className:"flex items-center gap-0.5 text-amber-500","aria-label":`${o} / 5`,children:Array.from({length:5}).map((v,b)=>e.jsx(l.Star,{className:"h-3.5 w-3.5"},b))}):null]}),e.jsx("blockquote",{className:"flex-1 text-[15px] leading-7 text-foreground/85",children:f}),e.jsxs("figcaption",{className:"mt-6 flex items-center gap-3",children:[i||e.jsx("span",{style:u,className:r.cn("inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-xs font-bold",!t&&"bg-primary-soft text-primary"),children:h.initials(s)}),e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-semibold text-foreground",children:s}),(n||a)&&e.jsx("div",{className:"text-xs text-muted-foreground",children:[n,a].filter(Boolean).join(" · ")})]})]})]})});exports.TestimonialCard=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),t=require("../../utils/cn.cjs"),l=require("../../icons.cjs"),j=require("./parts.cjs"),h=g.forwardRef(function({className:c,testimonial:d,...x},m){const{quote:u,author:s,role:a,company:n,avatar:o,accent:r,rating:i}=d,f=r?{backgroundColor:r,color:`contrast-color(${r})`}:void 0;return e.jsxs("figure",{ref:m,className:t.cn("mb-4 flex flex-col break-inside-avoid rounded-2xl border border-border bg-surface p-7",c),...x,children:[e.jsxs("div",{className:"mb-5 flex items-center justify-between",children:[e.jsx(l.Quote,{className:t.cn("h-6 w-6",r?void 0:"text-primary/30"),style:r?{color:r}:void 0}),i?e.jsx("span",{className:"flex items-center gap-0.5 text-amber-500","aria-label":`${i} / 5`,children:Array.from({length:5}).map((y,b)=>e.jsx(l.Star,{className:"h-3.5 w-3.5"},b))}):null]}),e.jsx("blockquote",{className:"flex-1 text-[15px] leading-7 text-foreground/85",children:u}),e.jsxs("figcaption",{className:"mt-6 flex items-center gap-3",children:[o||e.jsx("span",{style:f,className:t.cn("inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-xs font-bold",!r&&"bg-primary-soft text-primary"),children:j.initials(s)}),e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-semibold text-foreground",children:s}),(a||n)&&e.jsx("div",{className:"text-xs text-muted-foreground",children:[a,n].filter(Boolean).join(" · ")})]})]})]})});exports.TestimonialCard=h;
 //# sourceMappingURL=TestimonialCard.cjs.map

package/dist/cjs/components/Testimonials/TestimonialCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TestimonialCard.cjs","sources":["../../../../src/components/Testimonials/TestimonialCard.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { getContrastText } from \"../../utils/contrast\";\nimport { Quote, Star } from \"../../icons\";\nimport { initials } from \"./parts\";\nimport type { TestimonialCardProps } from \"./types\";\n\nexport const TestimonialCard = forwardRef<HTMLElement, TestimonialCardProps>(\n  function TestimonialCard({ className, testimonial, ...props }, ref) {\n    const { quote, author, role, company, avatar, accent, rating } = testimonial;\n    const badgeStyle = accent\n      ? { backgroundColor: accent, color: getContrastText(accent, \"#111111\", \"#ffffff\") }\n      : undefined;\n\n    return (\n      <figure\n        ref={ref}\n        className={cn(\n          \"mb-4 flex flex-col break-inside-avoid rounded-2xl border border-border bg-surface p-7\",\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"mb-5 flex items-center justify-between\">\n          <Quote className={cn(\"h-6 w-6\", accent ? undefined : \"text-primary/30\")} style={accent ? { color: accent } : undefined} />\n          {rating ? (\n            <span className=\"flex items-center gap-0.5 text-amber-500\" aria-label={`${rating} / 5`}>\n              {Array.from({ length: 5 }).map((_, i) => (\n                <Star key={i} className=\"h-3.5 w-3.5\" />\n              ))}\n            </span>\n          ) : null}\n        </div>\n        <blockquote className=\"flex-1 text-[15px] leading-7 text-foreground/85\">{quote}</blockquote>\n        <figcaption className=\"mt-6 flex items-center gap-3\">\n          {avatar ? (\n            avatar\n          ) : (\n            <span\n              style={badgeStyle}\n              className={cn(\n                \"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-xs font-bold\",\n                !accent && \"bg-primary-soft text-primary\",\n              )}\n            >\n              {initials(author)}\n            </span>\n          )}\n          <div>\n            <div className=\"text-sm font-semibold text-foreground\">{author}</div>\n            {(role || company) && (\n              <div className=\"text-xs text-muted-foreground\">\n                {[role, company].filter(Boolean).join(\" · \")}\n              </div>\n            )}\n          </div>\n        </figcaption>\n      </figure>\n    );\n  },\n);"],"names":["TestimonialCard","forwardRef","className","testimonial","props","ref","quote","author","role","company","avatar","accent","rating","badgeStyle","getContrastText","jsxs","cn","jsx","Quote","_","i","Star"],"mappings":"oQAOaA,EAAkBC,EAAAA,WAC7B,SAAyB,CAAE,UAAAC,EAAW,YAAAC,EAAa,GAAGC,CAAA,EAASC,EAAK,CAClE,KAAM,CAAE,MAAAC,EAAO,OAAAC,EAAQ,KAAAC,EAAM,QAAAC,EAAS,OAAAC,EAAQ,OAAAC,EAAQ,OAAAC,GAAWT,EAC3DU,EAAaF,EACf,CAAE,gBAAiBA,EAAQ,MAAOG,EAAAA,gBAAgBH,EAAQ,UAAW,SAAS,CAAA,EAC9E,OAEJ,OACEI,EAAAA,KAAC,SAAA,CACC,IAAAV,EACA,UAAWW,EAAAA,GACT,wFACAd,CAAA,EAED,GAAGE,EAEJ,SAAA,CAAAW,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAE,EAAAA,IAACC,EAAAA,MAAA,CAAM,UAAWF,EAAAA,GAAG,UAAWL,EAAS,OAAY,iBAAiB,EAAG,MAAOA,EAAS,CAAE,MAAOA,CAAA,EAAW,OAAW,EACvHC,EACCK,EAAAA,IAAC,OAAA,CAAK,UAAU,2CAA2C,aAAY,GAAGL,CAAM,OAC7E,SAAA,MAAM,KAAK,CAAE,OAAQ,CAAA,CAAG,EAAE,IAAI,CAACO,EAAGC,IACjCH,EAAAA,IAACI,OAAA,CAAa,UAAU,aAAA,EAAbD,CAA2B,CACvC,CAAA,CACH,EACE,IAAA,EACN,EACAH,EAAAA,IAAC,aAAA,CAAW,UAAU,kDAAmD,SAAAX,EAAM,EAC/ES,EAAAA,KAAC,aAAA,CAAW,UAAU,+BACnB,SAAA,CAAAL,GAGCO,EAAAA,IAAC,OAAA,CACC,MAAOJ,EACP,UAAWG,EAAAA,GACT,4FACA,CAACL,GAAU,8BAAA,EAGZ,oBAASJ,CAAM,CAAA,CAAA,SAGnB,MAAA,CACC,SAAA,CAAAU,EAAAA,IAAC,MAAA,CAAI,UAAU,wCAAyC,SAAAV,EAAO,GAC7DC,GAAQC,IACRQ,EAAAA,IAAC,MAAA,CAAI,UAAU,gCACZ,SAAA,CAACT,EAAMC,CAAO,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,CAAA,CAC7C,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAGN,CACF"}
+{"version":3,"file":"TestimonialCard.cjs","sources":["../../../../src/components/Testimonials/TestimonialCard.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Quote, Star } from \"../../icons\";\nimport { initials } from \"./parts\";\nimport type { TestimonialCardProps } from \"./types\";\n\nexport const TestimonialCard = forwardRef<HTMLElement, TestimonialCardProps>(\n  function TestimonialCard({ className, testimonial, ...props }, ref) {\n    const { quote, author, role, company, avatar, accent, rating } = testimonial;\n    const badgeStyle = accent\n      ? { backgroundColor: accent, color: `contrast-color(${accent})` }\n      : undefined;\n\n    return (\n      <figure\n        ref={ref}\n        className={cn(\n          \"mb-4 flex flex-col break-inside-avoid rounded-2xl border border-border bg-surface p-7\",\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"mb-5 flex items-center justify-between\">\n          <Quote className={cn(\"h-6 w-6\", accent ? undefined : \"text-primary/30\")} style={accent ? { color: accent } : undefined} />\n          {rating ? (\n            <span className=\"flex items-center gap-0.5 text-amber-500\" aria-label={`${rating} / 5`}>\n              {Array.from({ length: 5 }).map((_, i) => (\n                <Star key={i} className=\"h-3.5 w-3.5\" />\n              ))}\n            </span>\n          ) : null}\n        </div>\n        <blockquote className=\"flex-1 text-[15px] leading-7 text-foreground/85\">{quote}</blockquote>\n        <figcaption className=\"mt-6 flex items-center gap-3\">\n          {avatar ? (\n            avatar\n          ) : (\n            <span\n              style={badgeStyle}\n              className={cn(\n                \"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-xs font-bold\",\n                !accent && \"bg-primary-soft text-primary\",\n              )}\n            >\n              {initials(author)}\n            </span>\n          )}\n          <div>\n            <div className=\"text-sm font-semibold text-foreground\">{author}</div>\n            {(role || company) && (\n              <div className=\"text-xs text-muted-foreground\">\n                {[role, company].filter(Boolean).join(\" · \")}\n              </div>\n            )}\n          </div>\n        </figcaption>\n      </figure>\n    );\n  },\n);"],"names":["TestimonialCard","forwardRef","className","testimonial","props","ref","quote","author","role","company","avatar","accent","rating","badgeStyle","jsxs","cn","jsx","Quote","_","i","Star"],"mappings":"8NAMaA,EAAkBC,EAAAA,WAC7B,SAAyB,CAAE,UAAAC,EAAW,YAAAC,EAAa,GAAGC,CAAA,EAASC,EAAK,CAClE,KAAM,CAAE,MAAAC,EAAO,OAAAC,EAAQ,KAAAC,EAAM,QAAAC,EAAS,OAAAC,EAAQ,OAAAC,EAAQ,OAAAC,GAAWT,EAC3DU,EAAaF,EACf,CAAE,gBAAiBA,EAAQ,MAAO,kBAAkBA,CAAM,GAAA,EAC1D,OAEJ,OACEG,EAAAA,KAAC,SAAA,CACC,IAAAT,EACA,UAAWU,EAAAA,GACT,wFACAb,CAAA,EAED,GAAGE,EAEJ,SAAA,CAAAU,EAAAA,KAAC,MAAA,CAAI,UAAU,yCACb,SAAA,CAAAE,EAAAA,IAACC,EAAAA,MAAA,CAAM,UAAWF,EAAAA,GAAG,UAAWJ,EAAS,OAAY,iBAAiB,EAAG,MAAOA,EAAS,CAAE,MAAOA,CAAA,EAAW,OAAW,EACvHC,EACCI,EAAAA,IAAC,OAAA,CAAK,UAAU,2CAA2C,aAAY,GAAGJ,CAAM,OAC7E,SAAA,MAAM,KAAK,CAAE,OAAQ,CAAA,CAAG,EAAE,IAAI,CAACM,EAAGC,IACjCH,EAAAA,IAACI,OAAA,CAAa,UAAU,aAAA,EAAbD,CAA2B,CACvC,CAAA,CACH,EACE,IAAA,EACN,EACAH,EAAAA,IAAC,aAAA,CAAW,UAAU,kDAAmD,SAAAV,EAAM,EAC/EQ,EAAAA,KAAC,aAAA,CAAW,UAAU,+BACnB,SAAA,CAAAJ,GAGCM,EAAAA,IAAC,OAAA,CACC,MAAOH,EACP,UAAWE,EAAAA,GACT,4FACA,CAACJ,GAAU,8BAAA,EAGZ,oBAASJ,CAAM,CAAA,CAAA,SAGnB,MAAA,CACC,SAAA,CAAAS,EAAAA,IAAC,MAAA,CAAI,UAAU,wCAAyC,SAAAT,EAAO,GAC7DC,GAAQC,IACRO,EAAAA,IAAC,MAAA,CAAI,UAAU,gCACZ,SAAA,CAACR,EAAMC,CAAO,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,CAAA,CAC7C,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAGN,CACF"}

package/dist/cjs/components/Testimonials/variants/Carousel.cjs

@@ -1,3 +1,3 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),o=require("../../../utils/cn.cjs"),g=require("../../../utils/contrast.cjs"),i=require("../../../icons.cjs"),h=require("../parts.cjs"),d=u.forwardRef(({className:f,items:n,...x},m)=>{const[s,a]=u.useState(0),t=n[s%n.length],b=t.accent?{backgroundColor:t.accent,color:g.getContrastText(t.accent,"#111111","#ffffff")}:void 0,l=c=>a(r=>(r+c+n.length)%n.length);return e.jsxs("div",{className:o.cn("mx-auto w-full max-w-3xl",f),ref:m,...x,children:[e.jsxs("figure",{className:"relative rounded-2xl border border-border bg-surface p-10 text-center sm:p-14",children:[e.jsx(i.Quote,{className:o.cn("mx-auto mb-6 h-8 w-8",t.accent?void 0:"text-primary/25"),style:t.accent?{color:t.accent}:void 0,"aria-hidden":!0}),e.jsx("blockquote",{className:"font-display text-balance text-xl font-medium leading-relaxed tracking-tight text-foreground sm:text-2xl",children:t.quote}),e.jsxs("figcaption",{className:"mt-8 flex items-center justify-center gap-3",children:[t.avatar?t.avatar:e.jsx("span",{style:b,className:o.cn("inline-flex h-11 w-11 items-center justify-center rounded-full text-xs font-bold",!t.accent&&"bg-foreground text-background"),children:h.initials(t.author)}),e.jsxs("div",{className:"text-left",children:[e.jsx("div",{className:"text-sm font-semibold text-foreground",children:t.author}),e.jsx("div",{className:"text-xs text-muted-foreground",children:[t.role,t.company].filter(Boolean).join(" · ")})]})]})]}),e.jsxs("div",{className:"mt-6 flex items-center justify-center gap-4",children:[e.jsx("button",{type:"button","aria-label":"Previous testimonial",onClick:()=>l(-1),className:"inline-flex h-10 w-10 cursor-pointer items-center justify-center rounded-full border border-border bg-surface text-foreground transition-colors duration-150 hover:border-foreground/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",children:e.jsx(i.ChevronLeft,{className:"h-4 w-4"})}),e.jsx("div",{className:"flex items-center gap-1.5",children:n.map((c,r)=>e.jsx("button",{type:"button","aria-label":`Testimonial ${r+1}`,"aria-current":r===s,onClick:()=>a(r),className:o.cn("h-1.5 cursor-pointer rounded-full transition-all duration-200",r===s?"w-6 bg-foreground":"w-1.5 bg-foreground/25 hover:bg-foreground/50")},r))}),e.jsx("button",{type:"button","aria-label":"Next testimonial",onClick:()=>l(1),className:"inline-flex h-10 w-10 cursor-pointer items-center justify-center rounded-full border border-border bg-surface text-foreground transition-colors duration-150 hover:border-foreground/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",children:e.jsx(i.ChevronRight,{className:"h-4 w-4"})})]})]})});d.displayName="TestimonialsCarousel";exports.TestimonialsCarousel=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),n=require("../../../utils/cn.cjs"),i=require("../../../icons.cjs"),g=require("../parts.cjs"),d=u.forwardRef(({className:x,items:o,...f},m)=>{const[s,a]=u.useState(0),r=o[s%o.length],b=r.accent?{backgroundColor:r.accent,color:`contrast-color(${r.accent})`}:void 0,l=c=>a(t=>(t+c+o.length)%o.length);return e.jsxs("div",{className:n.cn("mx-auto w-full max-w-3xl",x),ref:m,...f,children:[e.jsxs("figure",{className:"relative rounded-2xl border border-border bg-surface p-10 text-center sm:p-14",children:[e.jsx(i.Quote,{className:n.cn("mx-auto mb-6 h-8 w-8",r.accent?void 0:"text-primary/25"),style:r.accent?{color:r.accent}:void 0,"aria-hidden":!0}),e.jsx("blockquote",{className:"font-display text-balance text-xl font-medium leading-relaxed tracking-tight text-foreground sm:text-2xl",children:r.quote}),e.jsxs("figcaption",{className:"mt-8 flex items-center justify-center gap-3",children:[r.avatar?r.avatar:e.jsx("span",{style:b,className:n.cn("inline-flex h-11 w-11 items-center justify-center rounded-full text-xs font-bold",!r.accent&&"bg-foreground text-background"),children:g.initials(r.author)}),e.jsxs("div",{className:"text-left",children:[e.jsx("div",{className:"text-sm font-semibold text-foreground",children:r.author}),e.jsx("div",{className:"text-xs text-muted-foreground",children:[r.role,r.company].filter(Boolean).join(" · ")})]})]})]}),e.jsxs("div",{className:"mt-6 flex items-center justify-center gap-4",children:[e.jsx("button",{type:"button","aria-label":"Previous testimonial",onClick:()=>l(-1),className:"inline-flex h-10 w-10 cursor-pointer items-center justify-center rounded-full border border-border bg-surface text-foreground transition-colors duration-150 hover:border-foreground/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",children:e.jsx(i.ChevronLeft,{className:"h-4 w-4"})}),e.jsx("div",{className:"flex items-center gap-1.5",children:o.map((c,t)=>e.jsx("button",{type:"button","aria-label":`Testimonial ${t+1}`,"aria-current":t===s,onClick:()=>a(t),className:n.cn("h-1.5 cursor-pointer rounded-full transition-all duration-200",t===s?"w-6 bg-foreground":"w-1.5 bg-foreground/25 hover:bg-foreground/50")},t))}),e.jsx("button",{type:"button","aria-label":"Next testimonial",onClick:()=>l(1),className:"inline-flex h-10 w-10 cursor-pointer items-center justify-center rounded-full border border-border bg-surface text-foreground transition-colors duration-150 hover:border-foreground/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",children:e.jsx(i.ChevronRight,{className:"h-4 w-4"})})]})]})});d.displayName="TestimonialsCarousel";exports.TestimonialsCarousel=d;
 //# sourceMappingURL=Carousel.cjs.map

package/dist/cjs/components/Testimonials/variants/Carousel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.cjs","sources":["../../../../../src/components/Testimonials/variants/Carousel.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, useState, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { getContrastText } from \"../../../utils/contrast\";\nimport { ChevronLeft, ChevronRight, Quote } from \"../../../icons\";\nimport { initials } from \"../parts\";\nimport type { Testimonial } from \"../types\";\n\ninterface CarouselProps extends HTMLAttributes<HTMLDivElement> {\n  items: Testimonial[];\n}\n\nexport const TestimonialsCarousel = forwardRef<HTMLDivElement, CarouselProps>(\n  ({ className, items, ...props }, ref) => {\n    const [index, setIndex] = useState(0);\n    const item = items[index % items.length];\n    const badgeStyle = item.accent\n      ? { backgroundColor: item.accent, color: getContrastText(item.accent, \"#111111\", \"#ffffff\") }\n      : undefined;\n\n    const go = (dir: 1 | -1) => setIndex((i) => (i + dir + items.length) % items.length);\n\n    return (\n      <div className={cn(\"mx-auto w-full max-w-3xl\", className)} ref={ref} {...props}>\n        <figure className=\"relative rounded-2xl border border-border bg-surface p-10 text-center sm:p-14\">\n          <Quote\n            className={cn(\"mx-auto mb-6 h-8 w-8\", item.accent ? undefined : \"text-primary/25\")}\n            style={item.accent ? { color: item.accent } : undefined}\n            aria-hidden\n          />\n          <blockquote className=\"font-display text-balance text-xl font-medium leading-relaxed tracking-tight text-foreground sm:text-2xl\">\n            {item.quote}\n          </blockquote>\n          <figcaption className=\"mt-8 flex items-center justify-center gap-3\">\n            {item.avatar ? (\n              item.avatar\n            ) : (\n              <span\n                style={badgeStyle}\n                className={cn(\n                  \"inline-flex h-11 w-11 items-center justify-center rounded-full text-xs font-bold\",\n                  !item.accent && \"bg-foreground text-background\",\n                )}\n              >\n                {initials(item.author)}\n              </span>\n            )}\n            <div className=\"text-left\">\n              <div className=\"text-sm font-semibold text-foreground\">{item.author}</div>\n              <div className=\"text-xs text-muted-foreground\">\n                {[item.role, item.company].filter(Boolean).join(\" · \")}\n              </div>\n            </div>\n          </figcaption>\n        </figure>\n\n        <div className=\"mt-6 flex items-center justify-center gap-4\">\n          <button\n            type=\"button\"\n            aria-label=\"Previous testimonial\"\n            onClick={() => go(-1)}\n            className=\"inline-flex h-10 w-10 cursor-pointer items-center justify-center rounded-full border border-border bg-surface text-foreground transition-colors duration-150 hover:border-foreground/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <ChevronLeft className=\"h-4 w-4\" />\n          </button>\n          <div className=\"flex items-center gap-1.5\">\n            {items.map((_, i) => (\n              <button\n                key={i}\n                type=\"button\"\n                aria-label={`Testimonial ${i + 1}`}\n                aria-current={i === index}\n                onClick={() => setIndex(i)}\n                className={cn(\n                  \"h-1.5 cursor-pointer rounded-full transition-all duration-200\",\n                  i === index ? \"w-6 bg-foreground\" : \"w-1.5 bg-foreground/25 hover:bg-foreground/50\",\n                )}\n              />\n            ))}\n          </div>\n          <button\n            type=\"button\"\n            aria-label=\"Next testimonial\"\n            onClick={() => go(1)}\n            className=\"inline-flex h-10 w-10 cursor-pointer items-center justify-center rounded-full border border-border bg-surface text-foreground transition-colors duration-150 hover:border-foreground/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <ChevronRight className=\"h-4 w-4\" />\n          </button>\n        </div>\n      </div>\n    );\n  },\n);\nTestimonialsCarousel.displayName = \"TestimonialsCarousel\";"],"names":["TestimonialsCarousel","forwardRef","className","items","props","ref","index","setIndex","useState","item","badgeStyle","getContrastText","go","dir","i","jsxs","cn","jsx","Quote","initials","ChevronLeft","_","ChevronRight"],"mappings":"8QAYaA,EAAuBC,EAAAA,WAClC,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAASC,IAAQ,CACvC,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,CAAC,EAC9BC,EAAON,EAAMG,EAAQH,EAAM,MAAM,EACjCO,EAAaD,EAAK,OACpB,CAAE,gBAAiBA,EAAK,OAAQ,MAAOE,EAAAA,gBAAgBF,EAAK,OAAQ,UAAW,SAAS,GACxF,OAEEG,EAAMC,GAAgBN,EAAUO,IAAOA,EAAID,EAAMV,EAAM,QAAUA,EAAM,MAAM,EAEnF,OACEY,OAAC,OAAI,UAAWC,EAAAA,GAAG,2BAA4Bd,CAAS,EAAG,IAAAG,EAAW,GAAGD,EACvE,SAAA,CAAAW,EAAAA,KAAC,SAAA,CAAO,UAAU,gFAChB,SAAA,CAAAE,EAAAA,IAACC,EAAAA,MAAA,CACC,UAAWF,EAAAA,GAAG,uBAAwBP,EAAK,OAAS,OAAY,iBAAiB,EACjF,MAAOA,EAAK,OAAS,CAAE,MAAOA,EAAK,QAAW,OAC9C,cAAW,EAAA,CAAA,EAEbQ,EAAAA,IAAC,aAAA,CAAW,UAAU,2GACnB,WAAK,MACR,EACAF,EAAAA,KAAC,aAAA,CAAW,UAAU,8CACnB,SAAA,CAAAN,EAAK,OACJA,EAAK,OAELQ,EAAAA,IAAC,OAAA,CACC,MAAOP,EACP,UAAWM,EAAAA,GACT,mFACA,CAACP,EAAK,QAAU,+BAAA,EAGjB,SAAAU,EAAAA,SAASV,EAAK,MAAM,CAAA,CAAA,EAGzBM,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAE,EAAAA,IAAC,MAAA,CAAI,UAAU,wCAAyC,SAAAR,EAAK,OAAO,EACpEQ,EAAAA,IAAC,MAAA,CAAI,UAAU,gCACZ,UAACR,EAAK,KAAMA,EAAK,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,CAAA,CACvD,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,EAEAM,EAAAA,KAAC,MAAA,CAAI,UAAU,8CACb,SAAA,CAAAE,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,aAAW,uBACX,QAAS,IAAML,EAAG,EAAE,EACpB,UAAU,kQAEV,SAAAK,EAAAA,IAACG,EAAAA,YAAA,CAAY,UAAU,SAAA,CAAU,CAAA,CAAA,EAEnCH,EAAAA,IAAC,OAAI,UAAU,4BACZ,WAAM,IAAI,CAACI,EAAGP,IACbG,EAAAA,IAAC,SAAA,CAEC,KAAK,SACL,aAAY,eAAeH,EAAI,CAAC,GAChC,eAAcA,IAAMR,EACpB,QAAS,IAAMC,EAASO,CAAC,EACzB,UAAWE,EAAAA,GACT,gEACAF,IAAMR,EAAQ,oBAAsB,+CAAA,CACtC,EARKQ,CAAA,CAUR,EACH,EACAG,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,aAAW,mBACX,QAAS,IAAML,EAAG,CAAC,EACnB,UAAU,kQAEV,SAAAK,EAAAA,IAACK,EAAAA,aAAA,CAAa,UAAU,SAAA,CAAU,CAAA,CAAA,CACpC,CAAA,CACF,CAAA,EACF,CAEJ,CACF,EACAtB,EAAqB,YAAc"}
+{"version":3,"file":"Carousel.cjs","sources":["../../../../../src/components/Testimonials/variants/Carousel.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, useState, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { ChevronLeft, ChevronRight, Quote } from \"../../../icons\";\nimport { initials } from \"../parts\";\nimport type { Testimonial } from \"../types\";\n\ninterface CarouselProps extends HTMLAttributes<HTMLDivElement> {\n  items: Testimonial[];\n}\n\nexport const TestimonialsCarousel = forwardRef<HTMLDivElement, CarouselProps>(\n  ({ className, items, ...props }, ref) => {\n    const [index, setIndex] = useState(0);\n    const item = items[index % items.length];\n    const badgeStyle = item.accent\n      ? { backgroundColor: item.accent, color: `contrast-color(${item.accent})` }\n      : undefined;\n\n    const go = (dir: 1 | -1) => setIndex((i) => (i + dir + items.length) % items.length);\n\n    return (\n      <div className={cn(\"mx-auto w-full max-w-3xl\", className)} ref={ref} {...props}>\n        <figure className=\"relative rounded-2xl border border-border bg-surface p-10 text-center sm:p-14\">\n          <Quote\n            className={cn(\"mx-auto mb-6 h-8 w-8\", item.accent ? undefined : \"text-primary/25\")}\n            style={item.accent ? { color: item.accent } : undefined}\n            aria-hidden\n          />\n          <blockquote className=\"font-display text-balance text-xl font-medium leading-relaxed tracking-tight text-foreground sm:text-2xl\">\n            {item.quote}\n          </blockquote>\n          <figcaption className=\"mt-8 flex items-center justify-center gap-3\">\n            {item.avatar ? (\n              item.avatar\n            ) : (\n              <span\n                style={badgeStyle}\n                className={cn(\n                  \"inline-flex h-11 w-11 items-center justify-center rounded-full text-xs font-bold\",\n                  !item.accent && \"bg-foreground text-background\",\n                )}\n              >\n                {initials(item.author)}\n              </span>\n            )}\n            <div className=\"text-left\">\n              <div className=\"text-sm font-semibold text-foreground\">{item.author}</div>\n              <div className=\"text-xs text-muted-foreground\">\n                {[item.role, item.company].filter(Boolean).join(\" · \")}\n              </div>\n            </div>\n          </figcaption>\n        </figure>\n\n        <div className=\"mt-6 flex items-center justify-center gap-4\">\n          <button\n            type=\"button\"\n            aria-label=\"Previous testimonial\"\n            onClick={() => go(-1)}\n            className=\"inline-flex h-10 w-10 cursor-pointer items-center justify-center rounded-full border border-border bg-surface text-foreground transition-colors duration-150 hover:border-foreground/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <ChevronLeft className=\"h-4 w-4\" />\n          </button>\n          <div className=\"flex items-center gap-1.5\">\n            {items.map((_, i) => (\n              <button\n                key={i}\n                type=\"button\"\n                aria-label={`Testimonial ${i + 1}`}\n                aria-current={i === index}\n                onClick={() => setIndex(i)}\n                className={cn(\n                  \"h-1.5 cursor-pointer rounded-full transition-all duration-200\",\n                  i === index ? \"w-6 bg-foreground\" : \"w-1.5 bg-foreground/25 hover:bg-foreground/50\",\n                )}\n              />\n            ))}\n          </div>\n          <button\n            type=\"button\"\n            aria-label=\"Next testimonial\"\n            onClick={() => go(1)}\n            className=\"inline-flex h-10 w-10 cursor-pointer items-center justify-center rounded-full border border-border bg-surface text-foreground transition-colors duration-150 hover:border-foreground/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <ChevronRight className=\"h-4 w-4\" />\n          </button>\n        </div>\n      </div>\n    );\n  },\n);\nTestimonialsCarousel.displayName = \"TestimonialsCarousel\";"],"names":["TestimonialsCarousel","forwardRef","className","items","props","ref","index","setIndex","useState","item","badgeStyle","go","dir","i","jsxs","cn","jsx","Quote","initials","ChevronLeft","_","ChevronRight"],"mappings":"qOAWaA,EAAuBC,EAAAA,WAClC,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAA,EAASC,IAAQ,CACvC,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,CAAC,EAC9BC,EAAON,EAAMG,EAAQH,EAAM,MAAM,EACjCO,EAAaD,EAAK,OACpB,CAAE,gBAAiBA,EAAK,OAAQ,MAAO,kBAAkBA,EAAK,MAAM,GAAA,EACpE,OAEEE,EAAMC,GAAgBL,EAAUM,IAAOA,EAAID,EAAMT,EAAM,QAAUA,EAAM,MAAM,EAEnF,OACEW,OAAC,OAAI,UAAWC,EAAAA,GAAG,2BAA4Bb,CAAS,EAAG,IAAAG,EAAW,GAAGD,EACvE,SAAA,CAAAU,EAAAA,KAAC,SAAA,CAAO,UAAU,gFAChB,SAAA,CAAAE,EAAAA,IAACC,EAAAA,MAAA,CACC,UAAWF,EAAAA,GAAG,uBAAwBN,EAAK,OAAS,OAAY,iBAAiB,EACjF,MAAOA,EAAK,OAAS,CAAE,MAAOA,EAAK,QAAW,OAC9C,cAAW,EAAA,CAAA,EAEbO,EAAAA,IAAC,aAAA,CAAW,UAAU,2GACnB,WAAK,MACR,EACAF,EAAAA,KAAC,aAAA,CAAW,UAAU,8CACnB,SAAA,CAAAL,EAAK,OACJA,EAAK,OAELO,EAAAA,IAAC,OAAA,CACC,MAAON,EACP,UAAWK,EAAAA,GACT,mFACA,CAACN,EAAK,QAAU,+BAAA,EAGjB,SAAAS,EAAAA,SAAST,EAAK,MAAM,CAAA,CAAA,EAGzBK,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAE,EAAAA,IAAC,MAAA,CAAI,UAAU,wCAAyC,SAAAP,EAAK,OAAO,EACpEO,EAAAA,IAAC,MAAA,CAAI,UAAU,gCACZ,UAACP,EAAK,KAAMA,EAAK,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,CAAA,CACvD,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,EAEAK,EAAAA,KAAC,MAAA,CAAI,UAAU,8CACb,SAAA,CAAAE,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,aAAW,uBACX,QAAS,IAAML,EAAG,EAAE,EACpB,UAAU,kQAEV,SAAAK,EAAAA,IAACG,EAAAA,YAAA,CAAY,UAAU,SAAA,CAAU,CAAA,CAAA,EAEnCH,EAAAA,IAAC,OAAI,UAAU,4BACZ,WAAM,IAAI,CAACI,EAAGP,IACbG,EAAAA,IAAC,SAAA,CAEC,KAAK,SACL,aAAY,eAAeH,EAAI,CAAC,GAChC,eAAcA,IAAMP,EACpB,QAAS,IAAMC,EAASM,CAAC,EACzB,UAAWE,EAAAA,GACT,gEACAF,IAAMP,EAAQ,oBAAsB,+CAAA,CACtC,EARKO,CAAA,CAUR,EACH,EACAG,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,aAAW,mBACX,QAAS,IAAML,EAAG,CAAC,EACnB,UAAU,kQAEV,SAAAK,EAAAA,IAACK,EAAAA,aAAA,CAAa,UAAU,SAAA,CAAU,CAAA,CAAA,CACpC,CAAA,CACF,CAAA,EACF,CAEJ,CACF,EACArB,EAAqB,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"),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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./components/Button.cjs"),n=require("./components/Slot.cjs"),c=require("./components/Badge.cjs"),r=require("./components/Card.cjs"),o=require("./components/Section.cjs"),s=require("./components/Modal.cjs"),t=require("./components/Prose.cjs"),a=require("./components/Container.cjs"),u=require("./utils/cn.cjs"),l=require("./utils/iso2Flag.cjs"),e=require("./icons.cjs"),d=require("./components/AccordionShowcase/AccordionShowcase.cjs"),C=require("./components/Blog/BlogCard.cjs"),g=require("./components/Blog/BlogSection.cjs"),S=require("./components/CTA/CTA.cjs"),h=require("./components/FAQ/FAQ.cjs"),q=require("./components/Features/FeatureCard.cjs"),w=require("./components/Features/FeatureGrid.cjs"),F=require("./components/FeatureShowcase/FeatureShowcase.cjs"),A=require("./components/Footer/Footer.cjs"),B=require("./components/Hero/Hero.cjs"),L=require("./components/LanguageSwitcher/LanguageSwitcher.cjs"),T=require("./components/LogoCloud/LogoCloud.cjs"),P=require("./components/MegaMenu/MegaMenu.cjs"),k=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=i.Button;exports.Slot=n.Slot;exports.Badge=c.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=s.Modal;exports.Prose=t.Prose;exports.ProseLead=t.ProseLead;exports.Container=a.Container;exports.Stack=a.Stack;exports.cn=u.cn;exports.iso2ToFlagEmoji=l.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=d.AccordionShowcase;exports.BlogCard=C.BlogCard;exports.BlogSection=g.BlogSection;exports.CTA=S.CTA;exports.FAQ=h.FAQ;exports.FeatureCard=q.FeatureCard;exports.FeatureGrid=w.FeatureGrid;exports.FeatureShowcase=F.FeatureShowcase;exports.Footer=A.Footer;exports.Hero=B.Hero;exports.LanguageSwitcher=L.LanguageSwitcher;exports.LogoCloud=T.LogoCloud;exports.MegaMenu=P.MegaMenu;exports.Navbar=k.Navbar;exports.Newsletter=M.Newsletter;exports.Pricing=m.Pricing;exports.Stats=p.Stats;exports.TestimonialCard=v.TestimonialCard;exports.Testimonials=D.Testimonials;
 //# sourceMappingURL=index.cjs.map

package/dist/es/components/Badge.js

@@ -1,43 +1,47 @@
-import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { cn as s } from "../utils/cn.js";
-import { getContrastText as x } from "../utils/contrast.js";
-const c = "inline-flex items-center rounded-full font-medium tracking-tight transition-colors duration-200", u = {
+import { cn as o } from "../utils/cn.js";
+const f = "inline-flex items-center rounded-full font-medium tracking-tight transition-colors duration-200", u = {
   sm: "px-2.5 py-0.5 text-xs gap-1",
   md: "px-3 py-1 text-[13px] gap-1.5"
-}, y = {
+}, x = {
   solid: "bg-primary text-on-primary",
   soft: "bg-primary-soft text-primary",
   outline: "text-muted-foreground ring-1 ring-inset ring-border",
   dot: "text-foreground ring-1 ring-inset ring-border bg-surface"
 }, b = m(
-  ({ className: a, variant: t = "soft", size: o = "md", icon: e, customColor: r, style: n, children: d, ...f }, p) => {
-    const g = r ? { ...n, backgroundColor: r, color: x(r, "#111111", "#ffffff") } : n;
-    return /* @__PURE__ */ l(
+  ({ className: a, variant: t = "soft", size: s = "md", icon: n, customColor: r, style: e, children: d, ...l }, g) => {
+    const p = r ? {
+      ...e,
+      "--lc-bg": r,
+      backgroundColor: "var(--lc-bg)",
+      color: "contrast-color(var(--lc-bg))"
+    } : e;
+    return /* @__PURE__ */ c(
       "span",
       {
-        ref: p,
-        style: g,
-        className: s(
-          c,
-          u[o],
-          r ? void 0 : y[t],
+        ref: g,
+        style: p,
+        className: o(
+          f,
+          u[s],
+          r ? void 0 : x[t],
           a
         ),
-        ...f,
+        ...l,
         children: [
           t === "dot" ? /* @__PURE__ */ i(
             "span",
             {
               "aria-hidden": !0,
-              className: s(
+              className: o(
                 "h-1.5 w-1.5 shrink-0 rounded-full",
                 r ? "currentColor" : "bg-primary"
               ),
               style: r ? { backgroundColor: r } : void 0
             }
           ) : null,
-          e ? /* @__PURE__ */ i("span", { className: "shrink-0 opacity-70", children: e }) : null,
+          n ? /* @__PURE__ */ i("span", { className: "shrink-0 opacity-70", children: n }) : null,
           d
         ]
       }

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { getContrastText } from \"../utils/contrast\";\n\nexport type BadgeVariant = \"solid\" | \"soft\" | \"outline\" | \"dot\";\nexport type BadgeSize = \"sm\" | \"md\";\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  variant?: BadgeVariant;\n  size?: BadgeSize;\n  icon?: ReactNode;\n  /** Paints the chip with an arbitrary CSS color; text color is computed for contrast. */\n  customColor?: string;\n}\n\nconst base =\n  \"inline-flex items-center rounded-full font-medium tracking-tight transition-colors duration-200\";\n\nconst sizes: Record<BadgeSize, string> = {\n  sm: \"px-2.5 py-0.5 text-xs gap-1\",\n  md: \"px-3 py-1 text-[13px] gap-1.5\",\n};\n\nconst variants: Record<BadgeVariant, string> = {\n  solid: \"bg-primary text-on-primary\",\n  soft: \"bg-primary-soft text-primary\",\n  outline: \"text-muted-foreground ring-1 ring-inset ring-border\",\n  dot: \"text-foreground ring-1 ring-inset ring-border bg-surface\",\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    { className, variant = \"soft\", size = \"md\", icon, customColor, style, children, ...props },\n    ref,\n  ) => {\n    const customStyle = customColor\n      ? { ...style, backgroundColor: customColor, color: getContrastText(customColor, \"#111111\", \"#ffffff\") }\n      : style;\n\n    return (\n      <span\n        ref={ref}\n        style={customStyle}\n        className={cn(\n          base,\n          sizes[size],\n          customColor ? undefined : variants[variant],\n          className,\n        )}\n        {...props}\n      >\n        {variant === \"dot\" ? (\n          <span\n            aria-hidden\n            className={cn(\n              \"h-1.5 w-1.5 shrink-0 rounded-full\",\n              customColor ? \"currentColor\" : \"bg-primary\",\n            )}\n            style={customColor ? { backgroundColor: customColor } : undefined}\n          />\n        ) : null}\n        {icon ? <span className=\"shrink-0 opacity-70\">{icon}</span> : null}\n        {children}\n      </span>\n    );\n  },\n);\nBadge.displayName = \"Badge\";"],"names":["base","sizes","variants","Badge","forwardRef","className","variant","size","icon","customColor","style","children","props","ref","customStyle","getContrastText","jsxs","cn","jsx"],"mappings":";;;;AAeA,MAAMA,IACJ,mGAEIC,IAAmC;AAAA,EACvC,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAyC;AAAA,EAC7C,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AAAA,EACT,KAAK;AACP,GAEaC,IAAQC;AAAA,EACnB,CACE,EAAE,WAAAC,GAAW,SAAAC,IAAU,QAAQ,MAAAC,IAAO,MAAM,MAAAC,GAAM,aAAAC,GAAa,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,GACnFC,MACG;AACH,UAAMC,IAAcL,IAChB,EAAE,GAAGC,GAAO,iBAAiBD,GAAa,OAAOM,EAAgBN,GAAa,WAAW,SAAS,MAClGC;AAEJ,WACE,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,OAAOC;AAAA,QACP,WAAWG;AAAA,UACTjB;AAAA,UACAC,EAAMM,CAAI;AAAA,UACVE,IAAc,SAAYP,EAASI,CAAO;AAAA,UAC1CD;AAAA,QAAA;AAAA,QAED,GAAGO;AAAA,QAEH,UAAA;AAAA,UAAAN,MAAY,QACX,gBAAAY;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAW;AAAA,cACX,WAAWD;AAAA,gBACT;AAAA,gBACAR,IAAc,iBAAiB;AAAA,cAAA;AAAA,cAEjC,OAAOA,IAAc,EAAE,iBAAiBA,MAAgB;AAAA,YAAA;AAAA,UAAA,IAExD;AAAA,UACHD,IAAO,gBAAAU,EAAC,QAAA,EAAK,WAAU,uBAAuB,aAAK,IAAU;AAAA,UAC7DP;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AACAR,EAAM,cAAc;"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../utils/cn\";\n\nexport type BadgeVariant = \"solid\" | \"soft\" | \"outline\" | \"dot\";\nexport type BadgeSize = \"sm\" | \"md\";\n\nexport interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  variant?: BadgeVariant;\n  size?: BadgeSize;\n  icon?: ReactNode;\n  /** Paints the chip with an arbitrary CSS color; text color is computed for contrast. */\n  customColor?: string;\n}\n\nconst base =\n  \"inline-flex items-center rounded-full font-medium tracking-tight transition-colors duration-200\";\n\nconst sizes: Record<BadgeSize, string> = {\n  sm: \"px-2.5 py-0.5 text-xs gap-1\",\n  md: \"px-3 py-1 text-[13px] gap-1.5\",\n};\n\nconst variants: Record<BadgeVariant, string> = {\n  solid: \"bg-primary text-on-primary\",\n  soft: \"bg-primary-soft text-primary\",\n  outline: \"text-muted-foreground ring-1 ring-inset ring-border\",\n  dot: \"text-foreground ring-1 ring-inset ring-border bg-surface\",\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n  (\n    { className, variant = \"soft\", size = \"md\", icon, customColor, style, children, ...props },\n    ref,\n  ) => {\n    const customStyle = customColor\n      ? ({\n          ...style,\n          \"--lc-bg\": customColor,\n          backgroundColor: \"var(--lc-bg)\",\n          color: \"contrast-color(var(--lc-bg))\",\n        } as CSSProperties)\n      : style;\n\n    return (\n      <span\n        ref={ref}\n        style={customStyle}\n        className={cn(\n          base,\n          sizes[size],\n          customColor ? undefined : variants[variant],\n          className,\n        )}\n        {...props}\n      >\n        {variant === \"dot\" ? (\n          <span\n            aria-hidden\n            className={cn(\n              \"h-1.5 w-1.5 shrink-0 rounded-full\",\n              customColor ? \"currentColor\" : \"bg-primary\",\n            )}\n            style={customColor ? { backgroundColor: customColor } : undefined}\n          />\n        ) : null}\n        {icon ? <span className=\"shrink-0 opacity-70\">{icon}</span> : null}\n        {children}\n      </span>\n    );\n  },\n);\nBadge.displayName = \"Badge\";"],"names":["base","sizes","variants","Badge","forwardRef","className","variant","size","icon","customColor","style","children","props","ref","customStyle","jsxs","cn","jsx"],"mappings":";;;AAcA,MAAMA,IACJ,mGAEIC,IAAmC;AAAA,EACvC,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAyC;AAAA,EAC7C,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AAAA,EACT,KAAK;AACP,GAEaC,IAAQC;AAAA,EACnB,CACE,EAAE,WAAAC,GAAW,SAAAC,IAAU,QAAQ,MAAAC,IAAO,MAAM,MAAAC,GAAM,aAAAC,GAAa,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,GACnFC,MACG;AACH,UAAMC,IAAcL,IACf;AAAA,MACC,GAAGC;AAAA,MACH,WAAWD;AAAA,MACX,iBAAiB;AAAA,MACjB,OAAO;AAAA,IAAA,IAETC;AAEJ,WACE,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,OAAOC;AAAA,QACP,WAAWE;AAAA,UACThB;AAAA,UACAC,EAAMM,CAAI;AAAA,UACVE,IAAc,SAAYP,EAASI,CAAO;AAAA,UAC1CD;AAAA,QAAA;AAAA,QAED,GAAGO;AAAA,QAEH,UAAA;AAAA,UAAAN,MAAY,QACX,gBAAAW;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAW;AAAA,cACX,WAAWD;AAAA,gBACT;AAAA,gBACAP,IAAc,iBAAiB;AAAA,cAAA;AAAA,cAEjC,OAAOA,IAAc,EAAE,iBAAiBA,MAAgB;AAAA,YAAA;AAAA,UAAA,IAExD;AAAA,UACHD,IAAO,gBAAAS,EAAC,QAAA,EAAK,WAAU,uBAAuB,aAAK,IAAU;AAAA,UAC7DN;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AACAR,EAAM,cAAc;"}

package/dist/es/components/Button.js

@@ -1,62 +1,62 @@
-import { jsx as o, jsxs as x } from "react/jsx-runtime";
+import { jsx as e, jsxs as x } from "react/jsx-runtime";
 import { forwardRef as v } from "react";
 import { cn as t } from "../utils/cn.js";
-import { getContrastText as y } from "../utils/contrast.js";
-import { Slot as k } from "./Slot.js";
-const N = {
+import { Slot as y } from "./Slot.js";
+const k = {
   primary: "bg-primary text-on-primary hover:bg-primary-hover",
   dark: "bg-secondary text-on-secondary hover:bg-secondary-hover",
   outline: "border border-border bg-transparent text-foreground hover:border-foreground/30 hover:bg-surface",
   ghost: "text-foreground hover:bg-surface",
   link: "px-0 h-auto text-primary hover:text-primary-hover"
-}, j = {
+}, N = {
   sm: "h-9 px-4 text-[13px] gap-1.5",
   md: "h-11 px-5 text-sm gap-2",
   lg: "h-12 px-7 text-[15px] gap-2"
-}, w = "group inline-flex select-none items-center justify-center rounded-lg font-medium tracking-tight transition-[background-color,border-color,color,box-shadow] duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 cursor-pointer", B = v(
+}, j = "group inline-flex select-none items-center justify-center rounded-lg font-medium tracking-tight transition-[background-color,border-color,color,box-shadow] duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 cursor-pointer", w = v(
   ({
-    className: g,
+    className: b,
     variant: n = "primary",
-    size: m = "md",
+    size: p = "md",
     iconLeft: s,
     iconRight: i,
     customColor: r,
-    fullWidth: b,
+    fullWidth: m,
     asChild: f,
     style: a,
     type: h = "button",
     children: l,
     ...c
-  }, d) => {
-    const u = r ? {
+  }, u) => {
+    const d = r ? {
       ...a,
-      backgroundColor: r,
-      color: y(r)
-    } : a, e = n === "link", p = t(
-      w,
-      j[m],
-      r ? "hover:brightness-95" : N[n],
-      e && "underline-offset-4 hover:underline",
-      b && "w-full",
-      g
+      "--lc-bg": r,
+      backgroundColor: "var(--lc-bg)",
+      color: "contrast-color(var(--lc-bg))"
+    } : a, o = n === "link", g = t(
+      j,
+      N[p],
+      r ? "hover:brightness-95" : k[n],
+      o && "underline-offset-4 hover:underline",
+      m && "w-full",
+      b
     );
-    return f ? /* @__PURE__ */ o(k, { ref: d, style: u, className: p, ...c, children: l }) : /* @__PURE__ */ x(
+    return f ? /* @__PURE__ */ e(y, { ref: u, style: d, className: g, ...c, children: l }) : /* @__PURE__ */ x(
       "button",
       {
-        ref: d,
+        ref: u,
         type: h,
-        style: u,
-        className: p,
+        style: d,
+        className: g,
         ...c,
         children: [
-          s ? /* @__PURE__ */ o("span", { className: t("shrink-0", !e && "opacity-70"), children: s }) : null,
+          s ? /* @__PURE__ */ e("span", { className: t("shrink-0", !o && "opacity-70"), children: s }) : null,
           l,
-          i ? /* @__PURE__ */ o(
+          i ? /* @__PURE__ */ e(
             "span",
             {
               className: t(
                 "shrink-0 transition-transform duration-200",
-                !e && "opacity-70 group-hover:translate-x-0.5"
+                !o && "opacity-70 group-hover:translate-x-0.5"
               ),
               children: i
             }
@@ -66,8 +66,8 @@ const N = {
     );
   }
 );
-B.displayName = "Button";
+w.displayName = "Button";
 export {
-  B as Button
+  w as Button
 };
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type CSSProperties, type ReactNode } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { getContrastText } from \"../utils/contrast\";\nimport { Slot } from \"./Slot\";\n\nexport type ButtonVariant = \"primary\" | \"dark\" | \"outline\" | \"ghost\" | \"link\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  iconLeft?: ReactNode;\n  iconRight?: ReactNode;\n  /** Paints the button with an arbitrary CSS color; text color is computed for contrast. */\n  customColor?: string;\n  fullWidth?: boolean;\n  /**\n   * When `true`, the button styling is applied to a single child element\n   * instead of a `<button>`. Use it to render a framework router `<Link>`\n   * (Next.js, Remix, React Router…). `iconLeft` / `iconRight` are ignored;\n   * pass icons inside the child instead.\n   */\n  asChild?: boolean;\n}\n\nconst variants: Record<ButtonVariant, string> = {\n  primary: \"bg-primary text-on-primary hover:bg-primary-hover\",\n  dark: \"bg-secondary text-on-secondary hover:bg-secondary-hover\",\n  outline:\n    \"border border-border bg-transparent text-foreground hover:border-foreground/30 hover:bg-surface\",\n  ghost: \"text-foreground hover:bg-surface\",\n  link: \"px-0 h-auto text-primary hover:text-primary-hover\",\n};\n\nconst sizes: Record<ButtonSize, string> = {\n  sm: \"h-9 px-4 text-[13px] gap-1.5\",\n  md: \"h-11 px-5 text-sm gap-2\",\n  lg: \"h-12 px-7 text-[15px] gap-2\",\n};\n\nconst base =\n  \"group inline-flex select-none items-center justify-center rounded-lg font-medium tracking-tight transition-[background-color,border-color,color,box-shadow] duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 cursor-pointer\";\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant = \"primary\",\n      size = \"md\",\n      iconLeft,\n      iconRight,\n      customColor,\n      fullWidth,\n      asChild,\n      style,\n      type = \"button\",\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const customStyle: CSSProperties | undefined = customColor\n      ? {\n          ...style,\n          backgroundColor: customColor,\n          color: getContrastText(customColor),\n        }\n      : style;\n\n    const isLink = variant === \"link\";\n\n    const classes = cn(\n      base,\n      sizes[size],\n      customColor ? \"hover:brightness-95\" : variants[variant],\n      isLink && \"underline-offset-4 hover:underline\",\n      fullWidth && \"w-full\",\n      className,\n    );\n\n    if (asChild) {\n      return (\n        <Slot ref={ref} style={customStyle} className={classes} {...props}>\n          {children}\n        </Slot>\n      );\n    }\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        style={customStyle}\n        className={classes}\n        {...props}\n      >\n        {iconLeft ? <span className={cn(\"shrink-0\", !isLink && \"opacity-70\")}>{iconLeft}</span> : null}\n        {children}\n        {iconRight ? (\n          <span\n            className={cn(\n              \"shrink-0 transition-transform duration-200\",\n              !isLink && \"opacity-70 group-hover:translate-x-0.5\",\n            )}\n          >\n            {iconRight}\n          </span>\n        ) : null}\n      </button>\n    );\n  },\n);\nButton.displayName = \"Button\";"],"names":["variants","sizes","base","Button","forwardRef","className","variant","size","iconLeft","iconRight","customColor","fullWidth","asChild","style","type","children","props","ref","customStyle","getContrastText","isLink","classes","cn","jsx","Slot","jsxs"],"mappings":";;;;;AAyBA,MAAMA,IAA0C;AAAA,EAC9C,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SACE;AAAA,EACF,OAAO;AAAA,EACP,MAAM;AACR,GAEMC,IAAoC;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IACJ,qXAEWC,IAASC;AAAA,EACpB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAyCR,IAC3C;AAAA,MACE,GAAGG;AAAA,MACH,iBAAiBH;AAAA,MACjB,OAAOS,EAAgBT,CAAW;AAAA,IAAA,IAEpCG,GAEEO,IAASd,MAAY,QAErBe,IAAUC;AAAA,MACdpB;AAAA,MACAD,EAAMM,CAAI;AAAA,MACVG,IAAc,wBAAwBV,EAASM,CAAO;AAAA,MACtDc,KAAU;AAAA,MACVT,KAAa;AAAA,MACbN;AAAA,IAAA;AAGF,WAAIO,IAEA,gBAAAW,EAACC,KAAK,KAAAP,GAAU,OAAOC,GAAa,WAAWG,GAAU,GAAGL,GACzD,UAAAD,EAAA,CACH,IAKF,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAR;AAAA,QACA,MAAAH;AAAA,QACA,OAAOI;AAAA,QACP,WAAWG;AAAA,QACV,GAAGL;AAAA,QAEH,UAAA;AAAA,UAAAR,IAAW,gBAAAe,EAAC,QAAA,EAAK,WAAWD,EAAG,YAAY,CAACF,KAAU,YAAY,GAAI,UAAAZ,EAAA,CAAS,IAAU;AAAA,UACzFO;AAAA,UACAN,IACC,gBAAAc;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACA,CAACF,KAAU;AAAA,cAAA;AAAA,cAGZ,UAAAX;AAAA,YAAA;AAAA,UAAA,IAED;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAN,EAAO,cAAc;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button.tsx"],"sourcesContent":["import { forwardRef, type ButtonHTMLAttributes, type CSSProperties, type ReactNode } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { Slot } from \"./Slot\";\n\nexport type ButtonVariant = \"primary\" | \"dark\" | \"outline\" | \"ghost\" | \"link\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant;\n  size?: ButtonSize;\n  iconLeft?: ReactNode;\n  iconRight?: ReactNode;\n  /** Paints the button with an arbitrary CSS color; text color is computed for contrast. */\n  customColor?: string;\n  fullWidth?: boolean;\n  /**\n   * When `true`, the button styling is applied to a single child element\n   * instead of a `<button>`. Use it to render a framework router `<Link>`\n   * (Next.js, Remix, React Router…). `iconLeft` / `iconRight` are ignored;\n   * pass icons inside the child instead.\n   */\n  asChild?: boolean;\n}\n\nconst variants: Record<ButtonVariant, string> = {\n  primary: \"bg-primary text-on-primary hover:bg-primary-hover\",\n  dark: \"bg-secondary text-on-secondary hover:bg-secondary-hover\",\n  outline:\n    \"border border-border bg-transparent text-foreground hover:border-foreground/30 hover:bg-surface\",\n  ghost: \"text-foreground hover:bg-surface\",\n  link: \"px-0 h-auto text-primary hover:text-primary-hover\",\n};\n\nconst sizes: Record<ButtonSize, string> = {\n  sm: \"h-9 px-4 text-[13px] gap-1.5\",\n  md: \"h-11 px-5 text-sm gap-2\",\n  lg: \"h-12 px-7 text-[15px] gap-2\",\n};\n\nconst base =\n  \"group inline-flex select-none items-center justify-center rounded-lg font-medium tracking-tight transition-[background-color,border-color,color,box-shadow] duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 cursor-pointer\";\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant = \"primary\",\n      size = \"md\",\n      iconLeft,\n      iconRight,\n      customColor,\n      fullWidth,\n      asChild,\n      style,\n      type = \"button\",\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const customStyle: CSSProperties | undefined = customColor\n      ? ({\n          ...style,\n          \"--lc-bg\": customColor,\n          backgroundColor: \"var(--lc-bg)\",\n          color: \"contrast-color(var(--lc-bg))\",\n        } as CSSProperties)\n      : style;\n\n    const isLink = variant === \"link\";\n\n    const classes = cn(\n      base,\n      sizes[size],\n      customColor ? \"hover:brightness-95\" : variants[variant],\n      isLink && \"underline-offset-4 hover:underline\",\n      fullWidth && \"w-full\",\n      className,\n    );\n\n    if (asChild) {\n      return (\n        <Slot ref={ref} style={customStyle} className={classes} {...props}>\n          {children}\n        </Slot>\n      );\n    }\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        style={customStyle}\n        className={classes}\n        {...props}\n      >\n        {iconLeft ? <span className={cn(\"shrink-0\", !isLink && \"opacity-70\")}>{iconLeft}</span> : null}\n        {children}\n        {iconRight ? (\n          <span\n            className={cn(\n              \"shrink-0 transition-transform duration-200\",\n              !isLink && \"opacity-70 group-hover:translate-x-0.5\",\n            )}\n          >\n            {iconRight}\n          </span>\n        ) : null}\n      </button>\n    );\n  },\n);\nButton.displayName = \"Button\";"],"names":["variants","sizes","base","Button","forwardRef","className","variant","size","iconLeft","iconRight","customColor","fullWidth","asChild","style","type","children","props","ref","customStyle","isLink","classes","cn","jsx","Slot","jsxs"],"mappings":";;;;AAwBA,MAAMA,IAA0C;AAAA,EAC9C,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SACE;AAAA,EACF,OAAO;AAAA,EACP,MAAM;AACR,GAEMC,IAAoC;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IACJ,qXAEWC,IAASC;AAAA,EACpB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAyCR,IAC1C;AAAA,MACC,GAAGG;AAAA,MACH,WAAWH;AAAA,MACX,iBAAiB;AAAA,MACjB,OAAO;AAAA,IAAA,IAETG,GAEEM,IAASb,MAAY,QAErBc,IAAUC;AAAA,MACdnB;AAAA,MACAD,EAAMM,CAAI;AAAA,MACVG,IAAc,wBAAwBV,EAASM,CAAO;AAAA,MACtDa,KAAU;AAAA,MACVR,KAAa;AAAA,MACbN;AAAA,IAAA;AAGF,WAAIO,IAEA,gBAAAU,EAACC,KAAK,KAAAN,GAAU,OAAOC,GAAa,WAAWE,GAAU,GAAGJ,GACzD,UAAAD,EAAA,CACH,IAKF,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAP;AAAA,QACA,MAAAH;AAAA,QACA,OAAOI;AAAA,QACP,WAAWE;AAAA,QACV,GAAGJ;AAAA,QAEH,UAAA;AAAA,UAAAR,IAAW,gBAAAc,EAAC,QAAA,EAAK,WAAWD,EAAG,YAAY,CAACF,KAAU,YAAY,GAAI,UAAAX,EAAA,CAAS,IAAU;AAAA,UACzFO;AAAA,UACAN,IACC,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACA,CAACF,KAAU;AAAA,cAAA;AAAA,cAGZ,UAAAV;AAAA,YAAA;AAAA,UAAA,IAED;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAN,EAAO,cAAc;"}

package/dist/es/components/CTA/variants/Inverse.js

@@ -1,47 +1,42 @@
-"use client";
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
 import { cn as t } from "../../../utils/cn.js";
-import { Container as f } from "../../Container.js";
-import { useTokenForeground as u } from "../../../utils/useTokenForeground.js";
-import { CTAActions as v } from "../parts.js";
-const y = p(
-  ({ className: n, title: s, description: l, action: a, secondaryAction: m, align: r = "left", id: i, ...c }, d) => {
-    const x = u("--color-secondary");
-    return /* @__PURE__ */ e("section", { ref: d, id: i, className: t("w-full py-6 pb-20", n), ...c, children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ o(
-      "div",
-      {
-        className: "relative overflow-hidden rounded-[1.75rem] px-7 py-16 sm:px-16 sm:py-20",
-        style: {
-          backgroundColor: "rgb(var(--color-secondary))",
-          color: x
-        },
-        children: [
-          /* @__PURE__ */ e("div", { "aria-hidden": !0, className: "pointer-events-none absolute inset-0 grain opacity-[0.09] mix-blend-overlay" }),
-          /* @__PURE__ */ o(
-            "div",
-            {
-              className: t(
-                "relative flex flex-col items-start gap-10",
-                r === "center" && "items-center text-center",
-                "lg:flex-row lg:items-end lg:justify-between"
-              ),
-              children: [
-                /* @__PURE__ */ o("div", { className: t("max-w-3xl", r === "center" && "mx-auto"), children: [
-                  /* @__PURE__ */ e("h2", { className: "font-display text-balance text-4xl font-semibold leading-[1.02] tracking-[-0.03em] sm:text-6xl", children: s }),
-                  l ? /* @__PURE__ */ e("p", { className: t("mt-5 max-w-xl text-pretty text-base leading-7 sm:text-lg", r === "center" && "mx-auto"), children: l }) : null
-                ] }),
-                /* @__PURE__ */ e(v, { action: a, secondaryAction: m, align: r })
-              ]
-            }
-          )
-        ]
-      }
-    ) }) });
-  }
+import { Container as p } from "../../Container.js";
+import { CTAActions as f } from "../parts.js";
+const v = x(
+  ({ className: a, title: s, description: o, action: n, secondaryAction: c, align: r = "left", id: i, ...m }, d) => /* @__PURE__ */ e("section", { ref: d, id: i, className: t("w-full py-6 pb-20", a), ...m, children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ l(
+    "div",
+    {
+      className: "relative overflow-hidden rounded-[1.75rem] px-7 py-16 sm:px-16 sm:py-20",
+      style: {
+        backgroundColor: "rgb(var(--color-secondary))",
+        color: "contrast-color(rgb(var(--color-secondary)))"
+      },
+      children: [
+        /* @__PURE__ */ e("div", { "aria-hidden": !0, className: "pointer-events-none absolute inset-0 grain opacity-[0.09] mix-blend-overlay" }),
+        /* @__PURE__ */ l(
+          "div",
+          {
+            className: t(
+              "relative flex flex-col items-start gap-10",
+              r === "center" && "items-center text-center",
+              "lg:flex-row lg:items-end lg:justify-between"
+            ),
+            children: [
+              /* @__PURE__ */ l("div", { className: t("max-w-3xl", r === "center" && "mx-auto"), children: [
+                /* @__PURE__ */ e("h2", { className: "font-display text-balance text-4xl font-semibold leading-[1.02] tracking-[-0.03em] sm:text-6xl", children: s }),
+                o ? /* @__PURE__ */ e("p", { className: t("mt-5 max-w-xl text-pretty text-base leading-7 sm:text-lg", r === "center" && "mx-auto"), children: o }) : null
+              ] }),
+              /* @__PURE__ */ e(f, { action: n, secondaryAction: c, align: r })
+            ]
+          }
+        )
+      ]
+    }
+  ) }) })
 );
-y.displayName = "CTAInverse";
+v.displayName = "CTAInverse";
 export {
-  y as CTAInverse
+  v as CTAInverse
 };
 //# sourceMappingURL=Inverse.js.map

package/dist/es/components/CTA/variants/Inverse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Inverse.js","sources":["../../../../../src/components/CTA/variants/Inverse.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { Container } from \"../../Container\";\nimport { useTokenForeground } from \"../../../utils/useTokenForeground\";\nimport { CTAActions } from \"../parts\";\nimport type { CTAProps } from \"../types\";\n\n/** inverse — ink panel with a wide left-aligned split. */\nexport const CTAInverse = forwardRef<HTMLElement, CTAProps>(\n  ({ className, title, description, action, secondaryAction, align = \"left\", id, ...props }, ref) => {\n    const fg = useTokenForeground(\"--color-secondary\");\n\n    return (\n      <section ref={ref} id={id} className={cn(\"w-full py-6 pb-20\", className)} {...props}>\n        <Container>\n          <div\n            className=\"relative overflow-hidden rounded-[1.75rem] px-7 py-16 sm:px-16 sm:py-20\"\n            style={{\n              backgroundColor: \"rgb(var(--color-secondary))\",\n              color: fg,\n            }}\n          >\n            <div aria-hidden className=\"pointer-events-none absolute inset-0 grain opacity-[0.09] mix-blend-overlay\" />\n            <div\n              className={cn(\n                \"relative flex flex-col items-start gap-10\",\n                align === \"center\" && \"items-center text-center\",\n                \"lg:flex-row lg:items-end lg:justify-between\",\n              )}\n            >\n              <div className={cn(\"max-w-3xl\", align === \"center\" && \"mx-auto\")}>\n                <h2 className=\"font-display text-balance text-4xl font-semibold leading-[1.02] tracking-[-0.03em] sm:text-6xl\">\n                  {title}\n                </h2>\n                {description ? (\n                  <p className={cn(\"mt-5 max-w-xl text-pretty text-base leading-7 sm:text-lg\", align === \"center\" && \"mx-auto\")}>\n                    {description}\n                  </p>\n                ) : null}\n              </div>\n              <CTAActions action={action} secondaryAction={secondaryAction} align={align} />\n            </div>\n          </div>\n        </Container>\n      </section>\n    );\n  },\n);\nCTAInverse.displayName = \"CTAInverse\";"],"names":["CTAInverse","forwardRef","className","title","description","action","secondaryAction","align","id","props","ref","fg","useTokenForeground","jsx","cn","Container","jsxs","CTAActions"],"mappings":";;;;;;AASO,MAAMA,IAAaC;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,iBAAAC,GAAiB,OAAAC,IAAQ,QAAQ,IAAAC,GAAI,GAAGC,EAAA,GAASC,MAAQ;AACjG,UAAMC,IAAKC,EAAmB,mBAAmB;AAEjD,WACE,gBAAAC,EAAC,WAAA,EAAQ,KAAAH,GAAU,IAAAF,GAAQ,WAAWM,EAAG,qBAAqBZ,CAAS,GAAI,GAAGO,GAC5E,UAAA,gBAAAI,EAACE,GAAA,EACC,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,iBAAiB;AAAA,UACjB,OAAOL;AAAA,QAAA;AAAA,QAGT,UAAA;AAAA,UAAA,gBAAAE,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,+EAA8E;AAAA,UACzG,gBAAAG;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWF;AAAA,gBACT;AAAA,gBACAP,MAAU,YAAY;AAAA,gBACtB;AAAA,cAAA;AAAA,cAGF,UAAA;AAAA,gBAAA,gBAAAS,EAAC,SAAI,WAAWF,EAAG,aAAaP,MAAU,YAAY,SAAS,GAC7D,UAAA;AAAA,kBAAA,gBAAAM,EAAC,MAAA,EAAG,WAAU,kGACX,UAAAV,GACH;AAAA,kBACCC,IACC,gBAAAS,EAAC,KAAA,EAAE,WAAWC,EAAG,4DAA4DP,MAAU,YAAY,SAAS,GACzG,UAAAH,EAAA,CACH,IACE;AAAA,gBAAA,GACN;AAAA,gBACA,gBAAAS,EAACI,GAAA,EAAW,QAAAZ,GAAgB,iBAAAC,GAAkC,OAAAC,EAAA,CAAc;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAC9E;AAAA,MAAA;AAAA,IAAA,GAEJ,EAAA,CACF;AAAA,EAEJ;AACF;AACAP,EAAW,cAAc;"}
+{"version":3,"file":"Inverse.js","sources":["../../../../../src/components/CTA/variants/Inverse.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../../utils/cn\";\nimport { Container } from \"../../Container\";\nimport { CTAActions } from \"../parts\";\nimport type { CTAProps } from \"../types\";\n\n/** inverse — ink panel with a wide left-aligned split. */\nexport const CTAInverse = forwardRef<HTMLElement, CTAProps>(\n  ({ className, title, description, action, secondaryAction, align = \"left\", id, ...props }, ref) => {\n    return (\n      <section ref={ref} id={id} className={cn(\"w-full py-6 pb-20\", className)} {...props}>\n        <Container>\n          <div\n            className=\"relative overflow-hidden rounded-[1.75rem] px-7 py-16 sm:px-16 sm:py-20\"\n            style={{\n              backgroundColor: \"rgb(var(--color-secondary))\",\n              color: \"contrast-color(rgb(var(--color-secondary)))\",\n            }}\n          >\n            <div aria-hidden className=\"pointer-events-none absolute inset-0 grain opacity-[0.09] mix-blend-overlay\" />\n            <div\n              className={cn(\n                \"relative flex flex-col items-start gap-10\",\n                align === \"center\" && \"items-center text-center\",\n                \"lg:flex-row lg:items-end lg:justify-between\",\n              )}\n            >\n              <div className={cn(\"max-w-3xl\", align === \"center\" && \"mx-auto\")}>\n                <h2 className=\"font-display text-balance text-4xl font-semibold leading-[1.02] tracking-[-0.03em] sm:text-6xl\">\n                  {title}\n                </h2>\n                {description ? (\n                  <p className={cn(\"mt-5 max-w-xl text-pretty text-base leading-7 sm:text-lg\", align === \"center\" && \"mx-auto\")}>\n                    {description}\n                  </p>\n                ) : null}\n              </div>\n              <CTAActions action={action} secondaryAction={secondaryAction} align={align} />\n            </div>\n          </div>\n        </Container>\n      </section>\n    );\n  },\n);\nCTAInverse.displayName = \"CTAInverse\";"],"names":["CTAInverse","forwardRef","className","title","description","action","secondaryAction","align","id","props","ref","jsx","cn","Container","jsxs","CTAActions"],"mappings":";;;;;AAOO,MAAMA,IAAaC;AAAA,EACxB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,iBAAAC,GAAiB,OAAAC,IAAQ,QAAQ,IAAAC,GAAI,GAAGC,EAAA,GAASC,MAEvF,gBAAAC,EAAC,WAAA,EAAQ,KAAAD,GAAU,IAAAF,GAAQ,WAAWI,EAAG,qBAAqBV,CAAS,GAAI,GAAGO,GAC5E,UAAA,gBAAAE,EAACE,GAAA,EACC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,OAAO;AAAA,MAAA;AAAA,MAGT,UAAA;AAAA,QAAA,gBAAAH,EAAC,OAAA,EAAI,eAAW,IAAC,WAAU,+EAA8E;AAAA,QACzG,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACT;AAAA,cACAL,MAAU,YAAY;AAAA,cACtB;AAAA,YAAA;AAAA,YAGF,UAAA;AAAA,cAAA,gBAAAO,EAAC,SAAI,WAAWF,EAAG,aAAaL,MAAU,YAAY,SAAS,GAC7D,UAAA;AAAA,gBAAA,gBAAAI,EAAC,MAAA,EAAG,WAAU,kGACX,UAAAR,GACH;AAAA,gBACCC,IACC,gBAAAO,EAAC,KAAA,EAAE,WAAWC,EAAG,4DAA4DL,MAAU,YAAY,SAAS,GACzG,UAAAH,EAAA,CACH,IACE;AAAA,cAAA,GACN;AAAA,cACA,gBAAAO,EAACI,GAAA,EAAW,QAAAV,GAAgB,iBAAAC,GAAkC,OAAAC,EAAA,CAAc;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC9E;AAAA,IAAA;AAAA,EAAA,GAEJ,EAAA,CACF;AAGN;AACAP,EAAW,cAAc;"}