@ugurdemirel/landcraft 0.1.16 → 0.1.18

package/dist/es/components/Testimonials/TestimonialCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TestimonialCard.js","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":";;;;;;AAOO,MAAMA,IAAkBC;AAAA,EAC7B,SAAyB,EAAE,WAAAC,GAAW,aAAAC,GAAa,GAAGC,EAAA,GAASC,GAAK;AAClE,UAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,SAAAC,GAAS,QAAAC,GAAQ,QAAAC,GAAQ,QAAAC,MAAWT,GAC3DU,IAAaF,IACf,EAAE,iBAAiBA,GAAQ,OAAOG,EAAgBH,GAAQ,WAAW,SAAS,EAAA,IAC9E;AAEJ,WACE,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAV;AAAA,QACA,WAAWW;AAAA,UACT;AAAA,UACAd;AAAA,QAAA;AAAA,QAED,GAAGE;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAW,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,YAAA,gBAAAE,EAACC,GAAA,EAAM,WAAWF,EAAG,WAAWL,IAAS,SAAY,iBAAiB,GAAG,OAAOA,IAAS,EAAE,OAAOA,EAAA,IAAW,QAAW;AAAA,YACvHC,IACC,gBAAAK,EAAC,QAAA,EAAK,WAAU,4CAA2C,cAAY,GAAGL,CAAM,QAC7E,UAAA,MAAM,KAAK,EAAE,QAAQ,EAAA,CAAG,EAAE,IAAI,CAACO,GAAGC,MACjC,gBAAAH,EAACI,GAAA,EAAa,WAAU,cAAA,GAAbD,CAA2B,CACvC,EAAA,CACH,IACE;AAAA,UAAA,GACN;AAAA,UACA,gBAAAH,EAAC,cAAA,EAAW,WAAU,mDAAmD,UAAAX,GAAM;AAAA,UAC/E,gBAAAS,EAAC,cAAA,EAAW,WAAU,gCACnB,UAAA;AAAA,YAAAL,KAGC,gBAAAO;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAOJ;AAAA,gBACP,WAAWG;AAAA,kBACT;AAAA,kBACA,CAACL,KAAU;AAAA,gBAAA;AAAA,gBAGZ,YAASJ,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGnB,OAAA,EACC,UAAA;AAAA,cAAA,gBAAAU,EAAC,OAAA,EAAI,WAAU,yCAAyC,UAAAV,GAAO;AAAA,eAC7DC,KAAQC,MACR,gBAAAQ,EAAC,OAAA,EAAI,WAAU,iCACZ,UAAA,CAACT,GAAMC,CAAO,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,EAAA,CAC7C;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"version":3,"file":"TestimonialCard.js","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":";;;;;AAMO,MAAMA,IAAkBC;AAAA,EAC7B,SAAyB,EAAE,WAAAC,GAAW,aAAAC,GAAa,GAAGC,EAAA,GAASC,GAAK;AAClE,UAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,SAAAC,GAAS,QAAAC,GAAQ,QAAAC,GAAQ,QAAAC,MAAWT,GAC3DU,IAAaF,IACf,EAAE,iBAAiBA,GAAQ,OAAO,kBAAkBA,CAAM,IAAA,IAC1D;AAEJ,WACE,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAT;AAAA,QACA,WAAWU;AAAA,UACT;AAAA,UACAb;AAAA,QAAA;AAAA,QAED,GAAGE;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,YAAA,gBAAAE,EAACC,GAAA,EAAM,WAAWF,EAAG,WAAWJ,IAAS,SAAY,iBAAiB,GAAG,OAAOA,IAAS,EAAE,OAAOA,EAAA,IAAW,QAAW;AAAA,YACvHC,IACC,gBAAAI,EAAC,QAAA,EAAK,WAAU,4CAA2C,cAAY,GAAGJ,CAAM,QAC7E,UAAA,MAAM,KAAK,EAAE,QAAQ,EAAA,CAAG,EAAE,IAAI,CAACM,GAAGC,MACjC,gBAAAH,EAACI,GAAA,EAAa,WAAU,cAAA,GAAbD,CAA2B,CACvC,EAAA,CACH,IACE;AAAA,UAAA,GACN;AAAA,UACA,gBAAAH,EAAC,cAAA,EAAW,WAAU,mDAAmD,UAAAV,GAAM;AAAA,UAC/E,gBAAAQ,EAAC,cAAA,EAAW,WAAU,gCACnB,UAAA;AAAA,YAAAJ,KAGC,gBAAAM;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAOH;AAAA,gBACP,WAAWE;AAAA,kBACT;AAAA,kBACA,CAACJ,KAAU;AAAA,gBAAA;AAAA,gBAGZ,YAASJ,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,8BAGnB,OAAA,EACC,UAAA;AAAA,cAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,yCAAyC,UAAAT,GAAO;AAAA,eAC7DC,KAAQC,MACR,gBAAAO,EAAC,OAAA,EAAI,WAAU,iCACZ,UAAA,CAACR,GAAMC,CAAO,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,EAAA,CAC7C;AAAA,YAAA,EAAA,CAEJ;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}

package/dist/es/components/Testimonials/variants/Carousel.js

@@ -2,16 +2,15 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { forwardRef as b, useState as g } from "react";
 import { cn as i } from "../../../utils/cn.js";
-import { getContrastText as x } from "../../../utils/contrast.js";
-import { Quote as h, ChevronLeft as p, ChevronRight as v } from "../../../icons.js";
-import { initials as N } from "../parts.js";
-const y = b(
+import { Quote as x, ChevronLeft as h, ChevronRight as p } from "../../../icons.js";
+import { initials as v } from "../parts.js";
+const N = b(
   ({ className: d, items: o, ...u }, f) => {
-    const [a, l] = g(0), e = o[a % o.length], m = e.accent ? { backgroundColor: e.accent, color: x(e.accent, "#111111", "#ffffff") } : void 0, s = (c) => l((t) => (t + c + o.length) % o.length);
+    const [a, l] = g(0), e = o[a % o.length], m = e.accent ? { backgroundColor: e.accent, color: `contrast-color(${e.accent})` } : void 0, s = (c) => l((t) => (t + c + o.length) % o.length);
     return /* @__PURE__ */ n("div", { className: i("mx-auto w-full max-w-3xl", d), ref: f, ...u, children: [
       /* @__PURE__ */ n("figure", { className: "relative rounded-2xl border border-border bg-surface p-10 text-center sm:p-14", children: [
         /* @__PURE__ */ r(
-          h,
+          x,
           {
             className: i("mx-auto mb-6 h-8 w-8", e.accent ? void 0 : "text-primary/25"),
             style: e.accent ? { color: e.accent } : void 0,
@@ -28,7 +27,7 @@ const y = b(
                 "inline-flex h-11 w-11 items-center justify-center rounded-full text-xs font-bold",
                 !e.accent && "bg-foreground text-background"
               ),
-              children: N(e.author)
+              children: v(e.author)
             }
           ),
           /* @__PURE__ */ n("div", { className: "text-left", children: [
@@ -45,7 +44,7 @@ const y = b(
             "aria-label": "Previous testimonial",
             onClick: () => s(-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: /* @__PURE__ */ r(p, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ r(h, { className: "h-4 w-4" })
           }
         ),
         /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: o.map((c, t) => /* @__PURE__ */ r(
@@ -69,15 +68,15 @@ const y = b(
             "aria-label": "Next testimonial",
             onClick: () => s(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: /* @__PURE__ */ r(v, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ r(p, { className: "h-4 w-4" })
           }
         )
       ] })
     ] });
   }
 );
-y.displayName = "TestimonialsCarousel";
+N.displayName = "TestimonialsCarousel";
 export {
-  y as TestimonialsCarousel
+  N as TestimonialsCarousel
 };
 //# sourceMappingURL=Carousel.js.map

package/dist/es/components/Testimonials/variants/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","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":";;;;;;AAYO,MAAMA,IAAuBC;AAAA,EAClC,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAASC,MAAQ;AACvC,UAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,CAAC,GAC9BC,IAAON,EAAMG,IAAQH,EAAM,MAAM,GACjCO,IAAaD,EAAK,SACpB,EAAE,iBAAiBA,EAAK,QAAQ,OAAOE,EAAgBF,EAAK,QAAQ,WAAW,SAAS,MACxF,QAEEG,IAAK,CAACC,MAAgBN,EAAS,CAACO,OAAOA,IAAID,IAAMV,EAAM,UAAUA,EAAM,MAAM;AAEnF,WACE,gBAAAY,EAAC,SAAI,WAAWC,EAAG,4BAA4Bd,CAAS,GAAG,KAAAG,GAAW,GAAGD,GACvE,UAAA;AAAA,MAAA,gBAAAW,EAAC,UAAA,EAAO,WAAU,iFAChB,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAG,wBAAwBP,EAAK,SAAS,SAAY,iBAAiB;AAAA,YACjF,OAAOA,EAAK,SAAS,EAAE,OAAOA,EAAK,WAAW;AAAA,YAC9C,eAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAEb,gBAAAQ,EAAC,cAAA,EAAW,WAAU,4GACnB,YAAK,OACR;AAAA,QACA,gBAAAF,EAAC,cAAA,EAAW,WAAU,+CACnB,UAAA;AAAA,UAAAN,EAAK,SACJA,EAAK,SAEL,gBAAAQ;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAOP;AAAA,cACP,WAAWM;AAAA,gBACT;AAAA,gBACA,CAACP,EAAK,UAAU;AAAA,cAAA;AAAA,cAGjB,UAAAU,EAASV,EAAK,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAGzB,gBAAAM,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,YAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,yCAAyC,UAAAR,EAAK,QAAO;AAAA,YACpE,gBAAAQ,EAAC,OAAA,EAAI,WAAU,iCACZ,WAACR,EAAK,MAAMA,EAAK,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,EAAA,CACvD;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,GACF;AAAA,MAEA,gBAAAM,EAAC,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,SAAS,MAAML,EAAG,EAAE;AAAA,YACpB,WAAU;AAAA,YAEV,UAAA,gBAAAK,EAACG,GAAA,EAAY,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEnC,gBAAAH,EAAC,SAAI,WAAU,6BACZ,YAAM,IAAI,CAACI,GAAGP,MACb,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,cAAY,eAAeH,IAAI,CAAC;AAAA,YAChC,gBAAcA,MAAMR;AAAA,YACpB,SAAS,MAAMC,EAASO,CAAC;AAAA,YACzB,WAAWE;AAAA,cACT;AAAA,cACAF,MAAMR,IAAQ,sBAAsB;AAAA,YAAA;AAAA,UACtC;AAAA,UARKQ;AAAA,QAAA,CAUR,GACH;AAAA,QACA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,SAAS,MAAML,EAAG,CAAC;AAAA,YACnB,WAAU;AAAA,YAEV,UAAA,gBAAAK,EAACK,GAAA,EAAa,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC,EAAA,CACF;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;AACAtB,EAAqB,cAAc;"}
+{"version":3,"file":"Carousel.js","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":";;;;;AAWO,MAAMA,IAAuBC;AAAA,EAClC,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAASC,MAAQ;AACvC,UAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,CAAC,GAC9BC,IAAON,EAAMG,IAAQH,EAAM,MAAM,GACjCO,IAAaD,EAAK,SACpB,EAAE,iBAAiBA,EAAK,QAAQ,OAAO,kBAAkBA,EAAK,MAAM,IAAA,IACpE,QAEEE,IAAK,CAACC,MAAgBL,EAAS,CAACM,OAAOA,IAAID,IAAMT,EAAM,UAAUA,EAAM,MAAM;AAEnF,WACE,gBAAAW,EAAC,SAAI,WAAWC,EAAG,4BAA4Bb,CAAS,GAAG,KAAAG,GAAW,GAAGD,GACvE,UAAA;AAAA,MAAA,gBAAAU,EAAC,UAAA,EAAO,WAAU,iFAChB,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAG,wBAAwBN,EAAK,SAAS,SAAY,iBAAiB;AAAA,YACjF,OAAOA,EAAK,SAAS,EAAE,OAAOA,EAAK,WAAW;AAAA,YAC9C,eAAW;AAAA,UAAA;AAAA,QAAA;AAAA,QAEb,gBAAAO,EAAC,cAAA,EAAW,WAAU,4GACnB,YAAK,OACR;AAAA,QACA,gBAAAF,EAAC,cAAA,EAAW,WAAU,+CACnB,UAAA;AAAA,UAAAL,EAAK,SACJA,EAAK,SAEL,gBAAAO;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAON;AAAA,cACP,WAAWK;AAAA,gBACT;AAAA,gBACA,CAACN,EAAK,UAAU;AAAA,cAAA;AAAA,cAGjB,UAAAS,EAAST,EAAK,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,UAGzB,gBAAAK,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,YAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,yCAAyC,UAAAP,EAAK,QAAO;AAAA,YACpE,gBAAAO,EAAC,OAAA,EAAI,WAAU,iCACZ,WAACP,EAAK,MAAMA,EAAK,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,EAAA,CACvD;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,GACF;AAAA,MAEA,gBAAAK,EAAC,OAAA,EAAI,WAAU,+CACb,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,SAAS,MAAML,EAAG,EAAE;AAAA,YACpB,WAAU;AAAA,YAEV,UAAA,gBAAAK,EAACG,GAAA,EAAY,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEnC,gBAAAH,EAAC,SAAI,WAAU,6BACZ,YAAM,IAAI,CAACI,GAAGP,MACb,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,cAAY,eAAeH,IAAI,CAAC;AAAA,YAChC,gBAAcA,MAAMP;AAAA,YACpB,SAAS,MAAMC,EAASM,CAAC;AAAA,YACzB,WAAWE;AAAA,cACT;AAAA,cACAF,MAAMP,IAAQ,sBAAsB;AAAA,YAAA;AAAA,UACtC;AAAA,UARKO;AAAA,QAAA,CAUR,GACH;AAAA,QACA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,SAAS,MAAML,EAAG,CAAC;AAAA,YACnB,WAAU;AAAA,YAEV,UAAA,gBAAAK,EAACK,GAAA,EAAa,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACpC,EAAA,CACF;AAAA,IAAA,GACF;AAAA,EAEJ;AACF;AACArB,EAAqB,cAAc;"}

package/dist/es/index.js

@@ -1,110 +1,106 @@
 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 d, CardTitle as l } from "./components/Card.js";
-import { Section as c, SectionHeader as g } from "./components/Section.js";
+import { Card as f, CardContent as n, CardDescription as i, CardFooter as l, CardHeader as C, CardTitle as d } from "./components/Card.js";
+import { Section as s, SectionHeader as S } 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 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";
+import { Container as F, Stack as L } from "./components/Container.js";
+import { cn as P } from "./utils/cn.js";
+import { iso2ToFlagEmoji as D } from "./utils/iso2Flag.js";
+import { ArrowDown as v, ArrowRight as R, ArrowUp as b, ArrowUpRight as G, BarChart as H, Box as U, Check as y, ChevronDown as E, ChevronLeft as N, ChevronRight as Q, Clock as j, Code as X, Cpu as Z, Database as q, DollarSign as z, ExternalLink as I, Gauge as J, Globe as K, Layers as O, Lock as V, Mail as W, Menu as Y, Palette as _, Play as $, Plus as oo, Quote as ro, Rocket as eo, Send as to, ShieldCheck as ao, Sliders as po, Smartphone as mo, Star as xo, Terminal as fo, Users as no, X as io, Zap as lo } from "./icons.js";
+import { AccordionShowcase as co } from "./components/AccordionShowcase/AccordionShowcase.js";
+import { BlogCard as So } from "./components/Blog/BlogCard.js";
+import { BlogSection as ho } from "./components/Blog/BlogSection.js";
+import { CTA as wo } from "./components/CTA/CTA.js";
+import { FAQ as Ao } from "./components/FAQ/FAQ.js";
+import { FeatureCard as Lo } from "./components/Features/FeatureCard.js";
+import { FeatureGrid as Po } from "./components/Features/FeatureGrid.js";
+import { FeatureShowcase as Do } from "./components/FeatureShowcase/FeatureShowcase.js";
+import { Footer as vo } from "./components/Footer/Footer.js";
+import { Hero as bo } from "./components/Hero/Hero.js";
+import { LanguageSwitcher as Ho } from "./components/LanguageSwitcher/LanguageSwitcher.js";
+import { LogoCloud as yo } from "./components/LogoCloud/LogoCloud.js";
+import { MegaMenu as No } from "./components/MegaMenu/MegaMenu.js";
+import { Navbar as jo } from "./components/Navbar/Navbar.js";
+import { Newsletter as Zo } from "./components/Newsletter/Newsletter.js";
+import { Pricing as zo } from "./components/Pricing/Pricing.js";
+import { Stats as Jo } from "./components/Stats/Stats.js";
+import { TestimonialCard as Oo } from "./components/Testimonials/TestimonialCard.js";
+import { Testimonials as Wo } from "./components/Testimonials/Testimonials.js";
 export {
-  ho as AccordionShowcase,
-  H as ArrowDown,
-  U as ArrowRight,
-  y as ArrowUp,
-  E as ArrowUpRight,
+  co as AccordionShowcase,
+  v as ArrowDown,
+  R as ArrowRight,
+  b as ArrowUp,
+  G as ArrowUpRight,
   m as Badge,
-  N as BarChart,
-  wo as BlogCard,
-  Fo as BlogSection,
-  Q as Box,
+  H as BarChart,
+  So as BlogCard,
+  ho as BlogSection,
+  U as Box,
   e as Button,
-  Ao as CTA,
+  wo as CTA,
   f as Card,
   n as CardContent,
   i as CardDescription,
-  C as CardFooter,
-  d as CardHeader,
-  l as CardTitle,
-  j as Check,
-  X as ChevronDown,
-  Z as ChevronLeft,
-  q as ChevronRight,
-  z as Clock,
-  I as Code,
-  T as Container,
-  J as Cpu,
-  K as Database,
-  O as DollarSign,
-  V as ExternalLink,
-  Bo as FAQ,
-  Do as FeatureCard,
-  vo as FeatureGrid,
-  bo as FeatureShowcase,
-  Ho as Footer,
-  W as Gauge,
-  Y as Globe,
-  yo as Hero,
-  No as LanguageSwitcher,
-  _ as Layers,
-  $ as Lock,
-  jo as LogoCloud,
-  oo as Mail,
-  Zo as MegaMenu,
-  ro as Menu,
+  l as CardFooter,
+  C as CardHeader,
+  d as CardTitle,
+  y as Check,
+  E as ChevronDown,
+  N as ChevronLeft,
+  Q as ChevronRight,
+  j as Clock,
+  X as Code,
+  F as Container,
+  Z as Cpu,
+  q as Database,
+  z as DollarSign,
+  I as ExternalLink,
+  Ao as FAQ,
+  Lo as FeatureCard,
+  Po as FeatureGrid,
+  Do as FeatureShowcase,
+  vo as Footer,
+  J as Gauge,
+  K as Globe,
+  bo as Hero,
+  Ho as LanguageSwitcher,
+  O as Layers,
+  V as Lock,
+  yo as LogoCloud,
+  W as Mail,
+  No as MegaMenu,
+  Y as Menu,
   h as Modal,
-  zo as Navbar,
-  Jo as Newsletter,
-  eo as Palette,
-  to as Play,
-  ao as Plus,
-  Oo as Pricing,
+  jo as Navbar,
+  Zo as Newsletter,
+  _ as Palette,
+  $ as Play,
+  oo as Plus,
+  zo 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,
+  ro as Quote,
+  eo as Rocket,
+  s as Section,
+  S as SectionHeader,
+  to as Send,
+  ao as ShieldCheck,
+  po as Sliders,
   a as Slot,
-  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,
-  v as useTokenForeground
+  mo as Smartphone,
+  L as Stack,
+  xo as Star,
+  Jo as Stats,
+  fo as Terminal,
+  Oo as TestimonialCard,
+  Wo as Testimonials,
+  no as Users,
+  io as X,
+  lo as Zap,
+  P as cn,
+  D as iso2ToFlagEmoji
 };
 //# sourceMappingURL=index.js.map

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

@@ -160,23 +160,6 @@ export declare function cn(...inputs: ClassValue[]): string;
 
 export declare const Code: (props: IconProps) => JSX_2.Element;
 
-/**
- * Contrast utilities.
- *
- * The library ships paired semantic tokens (e.g. --color-primary /
- * --color-on-primary) so explicit pairings stay safe. For the few places where
- * a *dynamic* color paints a background (a `customColor` prop, a token-based
- * highlight card...) we pick the text color that yields the **best WCAG
- * contrast ratio** at runtime.
- *
- * Inputs may be hex colors, bare RGB channels ("21 128 61"), rgb() functions
- * (`rgb(21 128 61 / 0.95)`) or CSS variable references
- * (`rgb(var(--color-primary) / 0.85)`). Variable references are resolved
- * against the live stylesheet before computing luminance, so a re-themed
- * palette never produces a low-contrast combination.
- */
-export declare type ColorInput = string;
-
 /**
  * Shared layout wrapper — the single source of the container + gutter rules
  * used across Section, Footer, CTA, templates…
@@ -341,15 +324,6 @@ export declare interface FooterProps extends Omit<HTMLAttributes<HTMLElement>, "
 
 export declare const Gauge: (props: IconProps) => JSX_2.Element;
 
-/**
- * Returns the more readable of the two candidate text colors for a given
- * background. Both candidates are evaluated with the WCAG contrast formula and
- * the winning (highest ratio) color is returned — not a fixed luminance
- * breakpoint — so mid-luminance backgrounds (amber, pastels, light violet…)
- * always fall on the correct side.
- */
-export declare function getContrastText(bg: ColorInput, light?: string, dark?: string): string;
-
 export declare const Globe: (props: IconProps) => JSX_2.Element;
 
 export declare const Hero: ForwardRefExoticComponent<HeroProps & RefAttributes<HTMLElement>>;
@@ -460,6 +434,8 @@ export declare interface MegaMenuFeatured {
     cta?: string;
     /** Background color for the card; glyph text color is computed for contrast. */
     accent?: string;
+    /** When true, the card opens in a new tab (`target="_blank"` with `rel="noopener noreferrer"`). */
+    external?: boolean;
 }
 
 export declare interface MegaMenuItem {
@@ -471,12 +447,16 @@ export declare interface MegaMenuItem {
     featured?: MegaMenuFeatured;
     /** Small pill rendered next to the trigger label. */
     badge?: string;
+    /** When true, a plain link item opens in a new tab (`target="_blank"` with `rel="noopener noreferrer"`). */
+    external?: boolean;
 }
 
 export declare interface MegaMenuLink {
     label: string;
     href: string;
     description?: string;
+    /** When true, the link opens in a new tab (`target="_blank"` with `rel="noopener noreferrer"`). */
+    external?: boolean;
 }
 
 export declare interface MegaMenuProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
@@ -559,6 +539,8 @@ declare type NavbarVariant = "classic" | "floating" | "inverse";
 export declare interface NavLink {
     label: string;
     href: string;
+    /** When true, the link opens in a new tab (`target="_blank"` with `rel="noopener noreferrer"`). */
+    external?: boolean;
 }
 
 export declare const Newsletter: {
@@ -745,13 +727,6 @@ export declare interface TestimonialsProps extends HTMLAttributes<HTMLDivElement
 
 export declare const Users: (props: IconProps) => JSX_2.Element;
 
-/**
- * Reads a `--color-*` token from the live stylesheet and returns a text color
- * that is always readable against it. Recomputes whenever the palette changes
- * at runtime (e.g. the Storybook theme switcher or an app-level theme swap).
- */
-export declare function useTokenForeground(variable: string, fallback?: string): string;
-
 export declare const X: (props: IconProps) => JSX_2.Element;
 
 export declare const Zap: (props: IconProps) => JSX_2.Element;

package/dist/styles.css

@@ -2774,9 +2774,6 @@
   .text-white {
     color: var(--color-white);
   }
-  .lowercase {
-    text-transform: lowercase;
-  }
   .uppercase {
     text-transform: uppercase;
   }

package/package.json

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

package/dist/cjs/utils/contrast.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function m(n){return typeof window>"u"?"":window.getComputedStyle(document.documentElement).getPropertyValue(n).trim()}function d(n){let t=n;const r=t.match(/var\(--[\w-]+/g)??[];for(const e of r){const o=e.replace(/^var\(/,""),a=m(o);a&&(t=t.split(e).join(a))}return t}function p(n){var s;let t=n.trim();if(/^#([0-9a-f]{3}){1,2}$/i.test(t))return t.length===4&&(t="#"+t.slice(1).split("").map(c=>c+c).join("")),{r:parseInt(t.slice(1,3),16),g:parseInt(t.slice(3,5),16),b:parseInt(t.slice(5,7),16)};const o=((s=d(t).replace(/[()/;,]/g," ").match(/-?\d+(\.\d+)?/g))==null?void 0:s.map(Number))??[];if(o.length<3)return null;const[a,u,f]=o;return{r:Math.max(0,Math.min(255,Math.round(a))),g:Math.max(0,Math.min(255,Math.round(u))),b:Math.max(0,Math.min(255,Math.round(f)))}}function i(n){const t=p(n);if(!t)return 0;const r=[t.r,t.g,t.b].map(e=>e/255).map(e=>e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4));return .2126*r[0]+.7152*r[1]+.0722*r[2]}function l(n,t){const[r,e]=n>t?[n,t]:[t,n];return(r+.05)/(e+.05)}function g(n,t="#ffffff",r="#0f172a"){const e=i(n),o=i(t),a=i(r);return l(e,o)>=l(e,a)?t:r}exports.getContrastText=g;
-//# sourceMappingURL=contrast.cjs.map

package/dist/cjs/utils/contrast.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"contrast.cjs","sources":["../../../src/utils/contrast.ts"],"sourcesContent":["/**\n * Contrast utilities.\n *\n * The library ships paired semantic tokens (e.g. --color-primary /\n * --color-on-primary) so explicit pairings stay safe. For the few places where\n * a *dynamic* color paints a background (a `customColor` prop, a token-based\n * highlight card...) we pick the text color that yields the **best WCAG\n * contrast ratio** at runtime.\n *\n * Inputs may be hex colors, bare RGB channels (\"21 128 61\"), rgb() functions\n * (`rgb(21 128 61 / 0.95)`) or CSS variable references\n * (`rgb(var(--color-primary) / 0.85)`). Variable references are resolved\n * against the live stylesheet before computing luminance, so a re-themed\n * palette never produces a low-contrast combination.\n */\n\nexport type ColorInput = string;\n\nfunction readVariable(name: string): string {\n  if (typeof window === \"undefined\") return \"\";\n  return window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(name)\n    .trim();\n}\n\n/** Resolve `var(--x)` references against the live stylesheet. */\nfunction resolveVars(input: string): string {\n  let str = input;\n  const refs = str.match(/var\\(--[\\w-]+/g) ?? [];\n  for (const ref of refs) {\n    const name = ref.replace(/^var\\(/, \"\");\n    const resolved = readVariable(name);\n    if (resolved) str = str.split(ref).join(resolved);\n  }\n  return str;\n}\n\ninterface RGB {\n  r: number;\n  g: number;\n  b: number;\n}\n\nfunction channels(color: ColorInput): RGB | null {\n  let str = color.trim();\n\n  if (/^#([0-9a-f]{3}){1,2}$/i.test(str)) {\n    if (str.length === 4) {\n      str =\n        \"#\" +\n        str\n          .slice(1)\n          .split(\"\")\n          .map((c) => c + c)\n          .join(\"\");\n    }\n    return {\n      r: parseInt(str.slice(1, 3), 16),\n      g: parseInt(str.slice(3, 5), 16),\n      b: parseInt(str.slice(5, 7), 16),\n    };\n  }\n\n  const resolved = resolveVars(str);\n\n  // Normalize rgb()/rgba() separators (\"r g b / a\", \"r, g, b\") and bare channels.\n  const normalized = resolved.replace(/[()/;,]/g, \" \");\n  const parts = normalized.match(/-?\\d+(\\.\\d+)?/g)?.map(Number) ?? [];\n  if (parts.length < 3) return null;\n  // Alpha (4th component) is ignored: these colors paint opaque surfaces and\n  // mixing against an unknown backdrop can't be modelled reliably.\n  const [r, g, b] = parts;\n  return {\n    r: Math.max(0, Math.min(255, Math.round(r))),\n    g: Math.max(0, Math.min(255, Math.round(g))),\n    b: Math.max(0, Math.min(255, Math.round(b))),\n  };\n}\n\nfunction relativeLuminance(color: ColorInput): number {\n  const c = channels(color);\n  if (!c) return 0;\n  const lin = [c.r, c.g, c.b]\n    .map((v) => v / 255)\n    .map((v) => (v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4)));\n  return 0.2126 * lin[0] + 0.7152 * lin[1] + 0.0722 * lin[2];\n}\n\nfunction contrastRatio(lumA: number, lumB: number): number {\n  const [hi, lo] = lumA > lumB ? [lumA, lumB] : [lumB, lumA];\n  return (hi + 0.05) / (lo + 0.05);\n}\n\n/**\n * Returns the more readable of the two candidate text colors for a given\n * background. Both candidates are evaluated with the WCAG contrast formula and\n * the winning (highest ratio) color is returned — not a fixed luminance\n * breakpoint — so mid-luminance backgrounds (amber, pastels, light violet…)\n * always fall on the correct side.\n */\nexport function getContrastText(bg: ColorInput, light = \"#ffffff\", dark = \"#0f172a\"): string {\n  const lumBg = relativeLuminance(bg);\n  const lumLight = relativeLuminance(light);\n  const lumDark = relativeLuminance(dark);\n  return contrastRatio(lumBg, lumLight) >= contrastRatio(lumBg, lumDark) ? light : dark;\n}"],"names":["readVariable","name","resolveVars","input","str","refs","ref","resolved","channels","color","parts","_a","r","g","b","relativeLuminance","c","lin","v","contrastRatio","lumA","lumB","hi","lo","getContrastText","bg","light","dark","lumBg","lumLight","lumDark"],"mappings":"gFAkBA,SAASA,EAAaC,EAAsB,CAC1C,OAAI,OAAO,OAAW,IAAoB,GACnC,OACJ,iBAAiB,SAAS,eAAe,EACzC,iBAAiBA,CAAI,EACrB,KAAA,CACL,CAGA,SAASC,EAAYC,EAAuB,CAC1C,IAAIC,EAAMD,EACV,MAAME,EAAOD,EAAI,MAAM,gBAAgB,GAAK,CAAA,EAC5C,UAAWE,KAAOD,EAAM,CACtB,MAAMJ,EAAOK,EAAI,QAAQ,SAAU,EAAE,EAC/BC,EAAWP,EAAaC,CAAI,EAC9BM,IAAUH,EAAMA,EAAI,MAAME,CAAG,EAAE,KAAKC,CAAQ,EAClD,CACA,OAAOH,CACT,CAQA,SAASI,EAASC,EAA+B,OAC/C,IAAIL,EAAMK,EAAM,KAAA,EAEhB,GAAI,yBAAyB,KAAKL,CAAG,EACnC,OAAIA,EAAI,SAAW,IACjBA,EACE,IACAA,EACG,MAAM,CAAC,EACP,MAAM,EAAE,EACR,IAAK,GAAM,EAAI,CAAC,EAChB,KAAK,EAAE,GAEP,CACL,EAAG,SAASA,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAC/B,EAAG,SAASA,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAC/B,EAAG,SAASA,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,CAAA,EAQnC,MAAMM,IAAQC,EAJGT,EAAYE,CAAG,EAGJ,QAAQ,WAAY,GAAG,EAC1B,MAAM,gBAAgB,IAAjC,YAAAO,EAAoC,IAAI,UAAW,CAAA,EACjE,GAAID,EAAM,OAAS,EAAG,OAAO,KAG7B,KAAM,CAACE,EAAGC,EAAGC,CAAC,EAAIJ,EAClB,MAAO,CACL,EAAG,KAAK,IAAI,EAAG,KAAK,IAAI,IAAK,KAAK,MAAME,CAAC,CAAC,CAAC,EAC3C,EAAG,KAAK,IAAI,EAAG,KAAK,IAAI,IAAK,KAAK,MAAMC,CAAC,CAAC,CAAC,EAC3C,EAAG,KAAK,IAAI,EAAG,KAAK,IAAI,IAAK,KAAK,MAAMC,CAAC,CAAC,CAAC,CAAA,CAE/C,CAEA,SAASC,EAAkBN,EAA2B,CACpD,MAAMO,EAAIR,EAASC,CAAK,EACxB,GAAI,CAACO,EAAG,MAAO,GACf,MAAMC,EAAM,CAACD,EAAE,EAAGA,EAAE,EAAGA,EAAE,CAAC,EACvB,IAAKE,GAAMA,EAAI,GAAG,EAClB,IAAKA,GAAOA,GAAK,OAAUA,EAAI,MAAQ,KAAK,KAAKA,EAAI,MAAS,MAAO,GAAG,CAAE,EAC7E,MAAO,OAASD,EAAI,CAAC,EAAI,MAASA,EAAI,CAAC,EAAI,MAASA,EAAI,CAAC,CAC3D,CAEA,SAASE,EAAcC,EAAcC,EAAsB,CACzD,KAAM,CAACC,EAAIC,CAAE,EAAIH,EAAOC,EAAO,CAACD,EAAMC,CAAI,EAAI,CAACA,EAAMD,CAAI,EACzD,OAAQE,EAAK,MAASC,EAAK,IAC7B,CASO,SAASC,EAAgBC,EAAgBC,EAAQ,UAAWC,EAAO,UAAmB,CAC3F,MAAMC,EAAQb,EAAkBU,CAAE,EAC5BI,EAAWd,EAAkBW,CAAK,EAClCI,EAAUf,EAAkBY,CAAI,EACtC,OAAOR,EAAcS,EAAOC,CAAQ,GAAKV,EAAcS,EAAOE,CAAO,EAAIJ,EAAQC,CACnF"}

package/dist/cjs/utils/useTokenForeground.cjs

@@ -1,3 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),s=require("./contrast.cjs");function c(e){return typeof window>"u"?"":window.getComputedStyle(document.documentElement).getPropertyValue(e).trim()}function f(e,n="#ffffff"){const[d,i]=u.useState(()=>{const t=c(e);return t?s.getContrastText(t):n});return u.useEffect(()=>{const t=()=>{const o=c(e);i(o?s.getContrastText(o):n)};t();const r=new MutationObserver(t);return r.observe(document.documentElement,{attributes:!0,attributeFilter:["style","class"]}),()=>r.disconnect()},[e,n]),d}exports.useTokenForeground=f;
-//# sourceMappingURL=useTokenForeground.cjs.map

package/dist/cjs/utils/useTokenForeground.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTokenForeground.cjs","sources":["../../../src/utils/useTokenForeground.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useState } from \"react\";\nimport { getContrastText } from \"./contrast\";\n\nfunction readChannel(variable: string): string {\n  if (typeof window === \"undefined\") return \"\";\n  return window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(variable)\n    .trim();\n}\n\n/**\n * Reads a `--color-*` token from the live stylesheet and returns a text color\n * that is always readable against it. Recomputes whenever the palette changes\n * at runtime (e.g. the Storybook theme switcher or an app-level theme swap).\n */\nexport function useTokenForeground(variable: string, fallback = \"#ffffff\"): string {\n  const [text, setText] = useState<string>(() => {\n    const value = readChannel(variable);\n    return value ? getContrastText(value) : fallback;\n  });\n\n  useEffect(() => {\n    const update = () => {\n      const value = readChannel(variable);\n      setText(value ? getContrastText(value) : fallback);\n    };\n    update();\n    const observer = new MutationObserver(update);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"style\", \"class\"],\n    });\n    return () => observer.disconnect();\n  }, [variable, fallback]);\n\n  return text;\n}"],"names":["readChannel","variable","useTokenForeground","fallback","text","setText","useState","value","getContrastText","useEffect","update","observer"],"mappings":"qIAIA,SAASA,EAAYC,EAA0B,CAC7C,OAAI,OAAO,OAAW,IAAoB,GACnC,OACJ,iBAAiB,SAAS,eAAe,EACzC,iBAAiBA,CAAQ,EACzB,KAAA,CACL,CAOO,SAASC,EAAmBD,EAAkBE,EAAW,UAAmB,CACjF,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAiB,IAAM,CAC7C,MAAMC,EAAQP,EAAYC,CAAQ,EAClC,OAAOM,EAAQC,EAAAA,gBAAgBD,CAAK,EAAIJ,CAC1C,CAAC,EAEDM,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAS,IAAM,CACnB,MAAMH,EAAQP,EAAYC,CAAQ,EAClCI,EAAQE,EAAQC,EAAAA,gBAAgBD,CAAK,EAAIJ,CAAQ,CACnD,EACAO,EAAA,EACA,MAAMC,EAAW,IAAI,iBAAiBD,CAAM,EAC5C,OAAAC,EAAS,QAAQ,SAAS,gBAAiB,CACzC,WAAY,GACZ,gBAAiB,CAAC,QAAS,OAAO,CAAA,CACnC,EACM,IAAMA,EAAS,WAAA,CACxB,EAAG,CAACV,EAAUE,CAAQ,CAAC,EAEhBC,CACT"}

package/dist/es/utils/contrast.js

@@ -1,48 +0,0 @@
-function m(e) {
-  return typeof window > "u" ? "" : window.getComputedStyle(document.documentElement).getPropertyValue(e).trim();
-}
-function d(e) {
-  let t = e;
-  const r = t.match(/var\(--[\w-]+/g) ?? [];
-  for (const n of r) {
-    const o = n.replace(/^var\(/, ""), a = m(o);
-    a && (t = t.split(n).join(a));
-  }
-  return t;
-}
-function p(e) {
-  var s;
-  let t = e.trim();
-  if (/^#([0-9a-f]{3}){1,2}$/i.test(t))
-    return t.length === 4 && (t = "#" + t.slice(1).split("").map((c) => c + c).join("")), {
-      r: parseInt(t.slice(1, 3), 16),
-      g: parseInt(t.slice(3, 5), 16),
-      b: parseInt(t.slice(5, 7), 16)
-    };
-  const o = ((s = d(t).replace(/[()/;,]/g, " ").match(/-?\d+(\.\d+)?/g)) == null ? void 0 : s.map(Number)) ?? [];
-  if (o.length < 3) return null;
-  const [a, l, u] = o;
-  return {
-    r: Math.max(0, Math.min(255, Math.round(a))),
-    g: Math.max(0, Math.min(255, Math.round(l))),
-    b: Math.max(0, Math.min(255, Math.round(u)))
-  };
-}
-function i(e) {
-  const t = p(e);
-  if (!t) return 0;
-  const r = [t.r, t.g, t.b].map((n) => n / 255).map((n) => n <= 0.03928 ? n / 12.92 : Math.pow((n + 0.055) / 1.055, 2.4));
-  return 0.2126 * r[0] + 0.7152 * r[1] + 0.0722 * r[2];
-}
-function f(e, t) {
-  const [r, n] = e > t ? [e, t] : [t, e];
-  return (r + 0.05) / (n + 0.05);
-}
-function h(e, t = "#ffffff", r = "#0f172a") {
-  const n = i(e), o = i(t), a = i(r);
-  return f(n, o) >= f(n, a) ? t : r;
-}
-export {
-  h as getContrastText
-};
-//# sourceMappingURL=contrast.js.map

package/dist/es/utils/contrast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contrast.js","sources":["../../../src/utils/contrast.ts"],"sourcesContent":["/**\n * Contrast utilities.\n *\n * The library ships paired semantic tokens (e.g. --color-primary /\n * --color-on-primary) so explicit pairings stay safe. For the few places where\n * a *dynamic* color paints a background (a `customColor` prop, a token-based\n * highlight card...) we pick the text color that yields the **best WCAG\n * contrast ratio** at runtime.\n *\n * Inputs may be hex colors, bare RGB channels (\"21 128 61\"), rgb() functions\n * (`rgb(21 128 61 / 0.95)`) or CSS variable references\n * (`rgb(var(--color-primary) / 0.85)`). Variable references are resolved\n * against the live stylesheet before computing luminance, so a re-themed\n * palette never produces a low-contrast combination.\n */\n\nexport type ColorInput = string;\n\nfunction readVariable(name: string): string {\n  if (typeof window === \"undefined\") return \"\";\n  return window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(name)\n    .trim();\n}\n\n/** Resolve `var(--x)` references against the live stylesheet. */\nfunction resolveVars(input: string): string {\n  let str = input;\n  const refs = str.match(/var\\(--[\\w-]+/g) ?? [];\n  for (const ref of refs) {\n    const name = ref.replace(/^var\\(/, \"\");\n    const resolved = readVariable(name);\n    if (resolved) str = str.split(ref).join(resolved);\n  }\n  return str;\n}\n\ninterface RGB {\n  r: number;\n  g: number;\n  b: number;\n}\n\nfunction channels(color: ColorInput): RGB | null {\n  let str = color.trim();\n\n  if (/^#([0-9a-f]{3}){1,2}$/i.test(str)) {\n    if (str.length === 4) {\n      str =\n        \"#\" +\n        str\n          .slice(1)\n          .split(\"\")\n          .map((c) => c + c)\n          .join(\"\");\n    }\n    return {\n      r: parseInt(str.slice(1, 3), 16),\n      g: parseInt(str.slice(3, 5), 16),\n      b: parseInt(str.slice(5, 7), 16),\n    };\n  }\n\n  const resolved = resolveVars(str);\n\n  // Normalize rgb()/rgba() separators (\"r g b / a\", \"r, g, b\") and bare channels.\n  const normalized = resolved.replace(/[()/;,]/g, \" \");\n  const parts = normalized.match(/-?\\d+(\\.\\d+)?/g)?.map(Number) ?? [];\n  if (parts.length < 3) return null;\n  // Alpha (4th component) is ignored: these colors paint opaque surfaces and\n  // mixing against an unknown backdrop can't be modelled reliably.\n  const [r, g, b] = parts;\n  return {\n    r: Math.max(0, Math.min(255, Math.round(r))),\n    g: Math.max(0, Math.min(255, Math.round(g))),\n    b: Math.max(0, Math.min(255, Math.round(b))),\n  };\n}\n\nfunction relativeLuminance(color: ColorInput): number {\n  const c = channels(color);\n  if (!c) return 0;\n  const lin = [c.r, c.g, c.b]\n    .map((v) => v / 255)\n    .map((v) => (v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4)));\n  return 0.2126 * lin[0] + 0.7152 * lin[1] + 0.0722 * lin[2];\n}\n\nfunction contrastRatio(lumA: number, lumB: number): number {\n  const [hi, lo] = lumA > lumB ? [lumA, lumB] : [lumB, lumA];\n  return (hi + 0.05) / (lo + 0.05);\n}\n\n/**\n * Returns the more readable of the two candidate text colors for a given\n * background. Both candidates are evaluated with the WCAG contrast formula and\n * the winning (highest ratio) color is returned — not a fixed luminance\n * breakpoint — so mid-luminance backgrounds (amber, pastels, light violet…)\n * always fall on the correct side.\n */\nexport function getContrastText(bg: ColorInput, light = \"#ffffff\", dark = \"#0f172a\"): string {\n  const lumBg = relativeLuminance(bg);\n  const lumLight = relativeLuminance(light);\n  const lumDark = relativeLuminance(dark);\n  return contrastRatio(lumBg, lumLight) >= contrastRatio(lumBg, lumDark) ? light : dark;\n}"],"names":["readVariable","name","resolveVars","input","str","refs","ref","resolved","channels","color","_a","parts","r","g","b","relativeLuminance","c","lin","v","contrastRatio","lumA","lumB","hi","lo","getContrastText","bg","light","dark","lumBg","lumLight","lumDark"],"mappings":"AAkBA,SAASA,EAAaC,GAAsB;AAC1C,SAAI,OAAO,SAAW,MAAoB,KACnC,OACJ,iBAAiB,SAAS,eAAe,EACzC,iBAAiBA,CAAI,EACrB,KAAA;AACL;AAGA,SAASC,EAAYC,GAAuB;AAC1C,MAAIC,IAAMD;AACV,QAAME,IAAOD,EAAI,MAAM,gBAAgB,KAAK,CAAA;AAC5C,aAAWE,KAAOD,GAAM;AACtB,UAAMJ,IAAOK,EAAI,QAAQ,UAAU,EAAE,GAC/BC,IAAWP,EAAaC,CAAI;AAClC,IAAIM,MAAUH,IAAMA,EAAI,MAAME,CAAG,EAAE,KAAKC,CAAQ;AAAA,EAClD;AACA,SAAOH;AACT;AAQA,SAASI,EAASC,GAA+B;AA1BjD,MAAAC;AA2BE,MAAIN,IAAMK,EAAM,KAAA;AAEhB,MAAI,yBAAyB,KAAKL,CAAG;AACnC,WAAIA,EAAI,WAAW,MACjBA,IACE,MACAA,EACG,MAAM,CAAC,EACP,MAAM,EAAE,EACR,IAAI,CAAC,MAAM,IAAI,CAAC,EAChB,KAAK,EAAE,IAEP;AAAA,MACL,GAAG,SAASA,EAAI,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,MAC/B,GAAG,SAASA,EAAI,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,MAC/B,GAAG,SAASA,EAAI,MAAM,GAAG,CAAC,GAAG,EAAE;AAAA,IAAA;AAQnC,QAAMO,MAAQD,IAJGR,EAAYE,CAAG,EAGJ,QAAQ,YAAY,GAAG,EAC1B,MAAM,gBAAgB,MAAjC,gBAAAM,EAAoC,IAAI,YAAW,CAAA;AACjE,MAAIC,EAAM,SAAS,EAAG,QAAO;AAG7B,QAAM,CAACC,GAAGC,GAAGC,CAAC,IAAIH;AAClB,SAAO;AAAA,IACL,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,KAAK,MAAMC,CAAC,CAAC,CAAC;AAAA,IAC3C,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,KAAK,MAAMC,CAAC,CAAC,CAAC;AAAA,IAC3C,GAAG,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,KAAK,MAAMC,CAAC,CAAC,CAAC;AAAA,EAAA;AAE/C;AAEA,SAASC,EAAkBN,GAA2B;AACpD,QAAMO,IAAIR,EAASC,CAAK;AACxB,MAAI,CAACO,EAAG,QAAO;AACf,QAAMC,IAAM,CAACD,EAAE,GAAGA,EAAE,GAAGA,EAAE,CAAC,EACvB,IAAI,CAACE,MAAMA,IAAI,GAAG,EAClB,IAAI,CAACA,MAAOA,KAAK,UAAUA,IAAI,QAAQ,KAAK,KAAKA,IAAI,SAAS,OAAO,GAAG,CAAE;AAC7E,SAAO,SAASD,EAAI,CAAC,IAAI,SAASA,EAAI,CAAC,IAAI,SAASA,EAAI,CAAC;AAC3D;AAEA,SAASE,EAAcC,GAAcC,GAAsB;AACzD,QAAM,CAACC,GAAIC,CAAE,IAAIH,IAAOC,IAAO,CAACD,GAAMC,CAAI,IAAI,CAACA,GAAMD,CAAI;AACzD,UAAQE,IAAK,SAASC,IAAK;AAC7B;AASO,SAASC,EAAgBC,GAAgBC,IAAQ,WAAWC,IAAO,WAAmB;AAC3F,QAAMC,IAAQb,EAAkBU,CAAE,GAC5BI,IAAWd,EAAkBW,CAAK,GAClCI,IAAUf,EAAkBY,CAAI;AACtC,SAAOR,EAAcS,GAAOC,CAAQ,KAAKV,EAAcS,GAAOE,CAAO,IAAIJ,IAAQC;AACnF;"}

package/dist/es/utils/useTokenForeground.js

@@ -1,28 +0,0 @@
-"use client";
-import { useState as f, useEffect as i } from "react";
-import { getContrastText as u } from "./contrast.js";
-function s(t) {
-  return typeof window > "u" ? "" : window.getComputedStyle(document.documentElement).getPropertyValue(t).trim();
-}
-function w(t, n = "#ffffff") {
-  const [c, d] = f(() => {
-    const e = s(t);
-    return e ? u(e) : n;
-  });
-  return i(() => {
-    const e = () => {
-      const r = s(t);
-      d(r ? u(r) : n);
-    };
-    e();
-    const o = new MutationObserver(e);
-    return o.observe(document.documentElement, {
-      attributes: !0,
-      attributeFilter: ["style", "class"]
-    }), () => o.disconnect();
-  }, [t, n]), c;
-}
-export {
-  w as useTokenForeground
-};
-//# sourceMappingURL=useTokenForeground.js.map

package/dist/es/utils/useTokenForeground.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTokenForeground.js","sources":["../../../src/utils/useTokenForeground.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useState } from \"react\";\nimport { getContrastText } from \"./contrast\";\n\nfunction readChannel(variable: string): string {\n  if (typeof window === \"undefined\") return \"\";\n  return window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(variable)\n    .trim();\n}\n\n/**\n * Reads a `--color-*` token from the live stylesheet and returns a text color\n * that is always readable against it. Recomputes whenever the palette changes\n * at runtime (e.g. the Storybook theme switcher or an app-level theme swap).\n */\nexport function useTokenForeground(variable: string, fallback = \"#ffffff\"): string {\n  const [text, setText] = useState<string>(() => {\n    const value = readChannel(variable);\n    return value ? getContrastText(value) : fallback;\n  });\n\n  useEffect(() => {\n    const update = () => {\n      const value = readChannel(variable);\n      setText(value ? getContrastText(value) : fallback);\n    };\n    update();\n    const observer = new MutationObserver(update);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: [\"style\", \"class\"],\n    });\n    return () => observer.disconnect();\n  }, [variable, fallback]);\n\n  return text;\n}"],"names":["readChannel","variable","useTokenForeground","fallback","text","setText","useState","value","getContrastText","useEffect","update","observer"],"mappings":";;AAIA,SAASA,EAAYC,GAA0B;AAC7C,SAAI,OAAO,SAAW,MAAoB,KACnC,OACJ,iBAAiB,SAAS,eAAe,EACzC,iBAAiBA,CAAQ,EACzB,KAAA;AACL;AAOO,SAASC,EAAmBD,GAAkBE,IAAW,WAAmB;AACjF,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAiB,MAAM;AAC7C,UAAMC,IAAQP,EAAYC,CAAQ;AAClC,WAAOM,IAAQC,EAAgBD,CAAK,IAAIJ;AAAA,EAC1C,CAAC;AAED,SAAAM,EAAU,MAAM;AACd,UAAMC,IAAS,MAAM;AACnB,YAAMH,IAAQP,EAAYC,CAAQ;AAClC,MAAAI,EAAQE,IAAQC,EAAgBD,CAAK,IAAIJ,CAAQ;AAAA,IACnD;AACA,IAAAO,EAAA;AACA,UAAMC,IAAW,IAAI,iBAAiBD,CAAM;AAC5C,WAAAC,EAAS,QAAQ,SAAS,iBAAiB;AAAA,MACzC,YAAY;AAAA,MACZ,iBAAiB,CAAC,SAAS,OAAO;AAAA,IAAA,CACnC,GACM,MAAMA,EAAS,WAAA;AAAA,EACxB,GAAG,CAACV,GAAUE,CAAQ,CAAC,GAEhBC;AACT;"}