quirk-ui 0.0.426 → 0.0.428

package/dist/core/components/NavBar/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/colors.css');require('../../../assets/index.css');const s=require("react/jsx-runtime"),i=require("react"),e=require("../../../NavLink-BCSzEhr3.cjs");;/* empty css                        */require("react-dom");require("../Tabs/index.cjs");;/* empty css                         */const te=require("../../../next/ui/PortableTextRenderer/index.cjs");require("../../../link-DJmAF1Kb.cjs");require("../../../next/contexts/LocaleBridge.cjs");require("next/image");require("@fortawesome/fontawesome-free/css/all.min.css");require("../../../next/blocks/HeroBlock/HeroContext.cjs");const le=require("../../../chevron-down-DfK1XBl3.cjs"),ae=require("../../../external-link-DDShu-48.cjs"),ie={standard:e.styles.standard,transparent:e.styles.transparent},re={left:e.styles.left,center:e.styles.center,right:e.styles.right};function ce({title:G,logo:k,items:h,groups:u,utilityItems:w,isSticky:X=!1,showSearch:g=!0,showLocaleSelect:C=!0,alignment:x="right",variant:V="standard",navigationType:q="default",className:A}){const[H,J]=i.useState(0),[E,o]=i.useState(null),[$,K]=i.useState(!1),[L,Q]=i.useState(!1),[U,Y]=i.useState(!1),[Z,P]=i.useState(null),[f,m]=i.useState(0),[ee,R]=i.useState(null),j=i.useRef(null),y=i.useRef(null),p=i.useRef(new Map),M=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} ${e.styles.searchWrapper}`,children:s.jsx("div",{className:e.styles.linkItem})}),_=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} `,children:s.jsx("div",{className:e.styles.linkItem})}),N=l=>{const n=p.current.get(l);if(n&&y.current){const r=n.getBoundingClientRect(),c=y.current.getBoundingClientRect(),t=r.left-c.left+r.width/2;P(t)}};console.log(N);const se=l=>{o(n=>n===l?null:l)},ne=l=>l.map((n,r)=>{var B,T,I,O,D;const c=`group-${r}`,b=ee===r,t=(B=n.primaryItems)==null?void 0:B[f??0];return console.log(t),s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{R(r),o(c),N(c)},onMouseLeave:()=>{R(null),m(0),o(null)},children:[s.jsx("div",{className:e.styles.linkItem,children:s.jsxs("button",{ref:a=>{p.current.set(c,a)},role:"menuitem","aria-haspopup":"true","aria-expanded":b,"aria-controls":`submenu-${r}`,className:`${e.styles.sublinkToggle} ${b?e.styles.open:""} `,children:[n.title,s.jsx(le.ChevronDown,{size:18,className:e.styles.chevron})]})}),s.jsx("div",{id:`submenu-${r}`,className:`${e.styles.sublinks} ${b?e.styles.show:""}`,role:"menu","aria-label":`${n.title} submenu`,children:s.jsx("div",{children:s.jsxs("div",{className:`${e.styles.sublinksInner} ${n.spotlight?e.styles.withSpotlight:e.styles.withoutSpotlight}`,children:[s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.primaryColumn}`,children:[s.jsx("div",{className:e.styles.linkItem}),(T=n.primaryItems)==null?void 0:T.map((a,d)=>a.href?s.jsxs("a",{href:a.href,className:`${e.styles.link} ${f===d?e.styles.open:""}`,target:a.isExternal?"_blank":"_self",rel:a.isExternal?"noopener noreferrer":void 0,onClick:()=>{var F;o(null),(F=a.onClick)==null||F.call(a)},onMouseEnter:()=>a.sublinks?m(d):null,role:"menuitem",children:[s.jsxs("span",{className:e.styles.linkContent,children:[a.label,a.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:a.subtitle})]}),a.isExternal&&s.jsx(ae.ExternalLink,{className:e.styles.newTabIcon,size:16})]},a._key??d):s.jsx("button",{className:`${e.styles.sublinkToggle} ${f===d?e.styles.open:""}`,onMouseEnter:()=>m(d),children:s.jsxs("span",{className:e.styles.linkContent,children:[a.label,a.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:a.subtitle})]})},a._key??d))]}),(t==null?void 0:t.sublinks)&&((I=t==null?void 0:t.sublinks)==null?void 0:I.length)>0&&s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.fadeInFromLeft}`,children:[(t==null?void 0:t.description)&&s.jsx("div",{className:e.styles.sublinksDescription,children:s.jsx(te.RichText,{blocks:t==null?void 0:t.description})}),v(t.sublinks,`${c}-${f}`)]},`${t.label}-${(O=t==null?void 0:t.sublinks)==null?void 0:O.length}`),(n==null?void 0:n.secondaryItems)&&((D=n==null?void 0:n.secondaryItems)==null?void 0:D.length)>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:v(n.secondaryItems,`${c}-secondary`)})]})})})]},n._key??`group-${r}`)}),v=(l,n="")=>l.map(r=>{const c=`${n}/${r.label}`;return s.jsx(e.NavLink,{link:r,path:c,parentPath:n,openPath:E,togglePath:se,updateTriangleIndicator:N,setOpenPath:o,renderLinks:v,buttonRefs:p},r._key??c)}),S=i.useCallback(l=>{j.current&&!j.current.contains(l.target)&&o(null)},[]),W=i.useCallback(()=>{z(),typeof window<"u"&&window.innerWidth>768&&(K(!1),o(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),z=i.useCallback(()=>{if(y.current){const l=y.current.getBoundingClientRect().width;J(l),Y(!0)}},[]);return i.useEffect(()=>{const l=typeof window<"u",n=typeof document<"u";return l&&window.addEventListener("resize",W),n&&document.addEventListener("click",S),z(),()=>{l&&window.removeEventListener("resize",W),n&&document.removeEventListener("click",S)}},[]),i.useEffect(()=>{if(typeof window<"u"){const l=()=>{const n=window.innerWidth<768;Q(n)};return l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)}},[]),i.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=$?"hidden":"",()=>{document.body.style.overflow=""}},[$]),s.jsx("header",{ref:j,className:`${A??""} ${re[x]} ${ie[V]} ${e.styles.navbar} ${X?e.styles.sticky:""} ${u&&u.length?e.styles.advanced:e.styles.default}`,role:"navigation","aria-label":"Main navigation",children:s.jsxs("div",{className:`${e.styles.container} ${(!w||w.length===0)&&x!=="center"?e.styles.twoColumn:""}`,children:[k?s.jsx("div",{className:e.styles.logo,children:k}):s.jsx("div",{className:e.styles.title,children:G}),s.jsx("nav",{ref:y,style:{left:x==="center"?`calc(50% - ${H/2}px)`:"0"},className:`${e.styles.nav} ${$?e.styles.open:""} ${U?e.styles.visible:e.styles.hidden}`,id:"main-menu",role:"menubar","aria-label":"Main navigation",children:s.jsxs("div",{className:e.styles.navInner,children:[s.jsx("svg",{style:{left:`${Z}px`},className:`${e.styles.triangle} ${E?e.styles.show:""}`,width:16,height:12,viewBox:"0 0 100 75",xmlns:"http://www.w3.org/2000/svg",children:s.jsx("polygon",{points:"50,5 95,70 5,70",strokeLinejoin:"round",fill:"white",stroke:"white"})}),q==="default"&&h&&s.jsxs("div",{className:e.styles.grid,children:[h&&h.length>0&&v(h),g&&!L&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(M,{})]}),C&&s.jsx(_,{})]}),!L&&q==="advanced"&&u&&s.jsxs("div",{className:e.styles.grid,children:[u.length>0&&ne(u),g&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(M,{})]}),C&&s.jsx(_,{})]})]})})]})})}exports.Navbar=ce;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/colors.css');require('../../../assets/index.css');const s=require("react/jsx-runtime"),i=require("react"),e=require("../../../NavLink-BCSzEhr3.cjs");;/* empty css                        */require("react-dom");require("../Tabs/index.cjs");;/* empty css                         */const te=require("../../../next/ui/PortableTextRenderer/index.cjs");require("../../../link-DJmAF1Kb.cjs");require("../../../next/contexts/LocaleBridge.cjs");require("next/image");require("@fortawesome/fontawesome-free/css/all.min.css");require("../../../next/blocks/HeroBlock/HeroContext.cjs");const le=require("../../../chevron-down-DfK1XBl3.cjs"),ae=require("../../../external-link-DDShu-48.cjs"),ie={standard:e.styles.standard,transparent:e.styles.transparent},re={left:e.styles.left,center:e.styles.center,right:e.styles.right};function oe({title:F,logo:p,items:h,groups:u,utilityItems:w,isSticky:X=!1,showSearch:g=!0,showLocaleSelect:C=!0,alignment:x="right",variant:V="standard",navigationType:R="default",className:A}){const[H,U]=i.useState(0),[q,c]=i.useState(null),[$,J]=i.useState(!1),[E,K]=i.useState(!1),[Q,Y]=i.useState(!1),[Z,P]=i.useState(null),[f,m]=i.useState(0),[ee,L]=i.useState(null),j=i.useRef(null),y=i.useRef(null),N=i.useRef(new Map),M=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} ${e.styles.searchWrapper}`,children:s.jsx("div",{className:e.styles.linkItem})}),_=()=>s.jsx("div",{className:`${e.styles.linkWrapper} ${e.styles.parent} `,children:s.jsx("div",{className:e.styles.linkItem})}),k=l=>{const n=N.current.get(l);if(n&&y.current){const r=n.getBoundingClientRect(),o=y.current.getBoundingClientRect(),t=r.left-o.left+r.width/2;P(t)}};console.log(k);const se=l=>{c(n=>n===l?null:l)},ne=l=>l.map((n,r)=>{var B,O,T,I,D;console.log("GROUP",n);const o=`group-${r}`,b=ee===r,t=(B=n.primaryItems)==null?void 0:B[f??0];return console.log(t),s.jsxs("div",{className:`${e.styles.linkWrapper} ${e.styles.parent}`,onMouseEnter:()=>{L(r),c(o),k(o)},onMouseLeave:()=>{L(null),m(0),c(null)},children:[s.jsx("div",{className:e.styles.linkItem,children:s.jsxs("button",{ref:a=>{N.current.set(o,a)},role:"menuitem","aria-haspopup":"true","aria-expanded":b,"aria-controls":`submenu-${r}`,className:`${e.styles.sublinkToggle} ${b?e.styles.open:""} `,children:[n.title,s.jsx(le.ChevronDown,{size:18,className:e.styles.chevron})]})}),s.jsx("div",{id:`submenu-${r}`,className:`${e.styles.sublinks} ${b?e.styles.show:""}`,role:"menu","aria-label":`${n.title} submenu`,children:s.jsx("div",{children:s.jsxs("div",{className:`${e.styles.sublinksInner} ${n.spotlight?e.styles.withSpotlight:e.styles.withoutSpotlight}`,children:[s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.primaryColumn}`,children:[s.jsx("div",{className:e.styles.linkItem}),(O=n.primaryItems)==null?void 0:O.map((a,d)=>a.href?s.jsxs("a",{href:a.href,className:`${e.styles.link} ${f===d?e.styles.open:""}`,target:a.isExternal?"_blank":"_self",rel:a.isExternal?"noopener noreferrer":void 0,onClick:()=>{var G;c(null),(G=a.onClick)==null||G.call(a)},onMouseEnter:()=>a.sublinks?m(d):null,role:"menuitem",children:[s.jsxs("span",{className:e.styles.linkContent,children:[a.label,a.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:a.subtitle})]}),a.isExternal&&s.jsx(ae.ExternalLink,{className:e.styles.newTabIcon,size:16})]},a._key??d):s.jsx("button",{className:`${e.styles.sublinkToggle} ${f===d?e.styles.open:""}`,onMouseEnter:()=>m(d),children:s.jsxs("span",{className:e.styles.linkContent,children:[a.label,a.subtitle&&s.jsx("span",{className:e.styles.subtitle,children:a.subtitle})]})},a._key??d))]}),(t==null?void 0:t.sublinks)&&((T=t==null?void 0:t.sublinks)==null?void 0:T.length)>0&&s.jsxs("div",{className:`${e.styles.sublinksColumn} ${e.styles.fadeInFromLeft}`,children:[(t==null?void 0:t.description)&&s.jsx("div",{className:e.styles.sublinksDescription,children:s.jsx(te.RichText,{blocks:t==null?void 0:t.description})}),v(t.sublinks,`${o}-${f}`)]},`${t.label}-${(I=t==null?void 0:t.sublinks)==null?void 0:I.length}`),(n==null?void 0:n.secondaryItems)&&((D=n==null?void 0:n.secondaryItems)==null?void 0:D.length)>0&&s.jsx("div",{className:`${e.styles.sublinksColumn} ${e.styles.secondaryColumn}`,children:v(n.secondaryItems,`${o}-secondary`)})]})})})]},n._key??`group-${r}`)}),v=(l,n="")=>l.map(r=>{const o=`${n}/${r.label}`;return s.jsx(e.NavLink,{link:r,path:o,parentPath:n,openPath:q,togglePath:se,updateTriangleIndicator:k,setOpenPath:c,renderLinks:v,buttonRefs:N},r._key??o)}),S=i.useCallback(l=>{j.current&&!j.current.contains(l.target)&&c(null)},[]),W=i.useCallback(()=>{z(),typeof window<"u"&&window.innerWidth>768&&(J(!1),c(null),typeof document<"u"&&(document.body.style.overflow=""))},[]),z=i.useCallback(()=>{if(y.current){const l=y.current.getBoundingClientRect().width;U(l),Y(!0)}},[]);return i.useEffect(()=>{const l=typeof window<"u",n=typeof document<"u";return l&&window.addEventListener("resize",W),n&&document.addEventListener("click",S),z(),()=>{l&&window.removeEventListener("resize",W),n&&document.removeEventListener("click",S)}},[]),i.useEffect(()=>{if(typeof window<"u"){const l=()=>{const n=window.innerWidth<768;K(n)};return l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)}},[]),i.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=$?"hidden":"",()=>{document.body.style.overflow=""}},[$]),s.jsx("header",{ref:j,className:`${A??""} ${re[x]} ${ie[V]} ${e.styles.navbar} ${X?e.styles.sticky:""} ${u&&u.length?e.styles.advanced:e.styles.default}`,role:"navigation","aria-label":"Main navigation",children:s.jsxs("div",{className:`${e.styles.container} ${(!w||w.length===0)&&x!=="center"?e.styles.twoColumn:""}`,children:[p?s.jsx("div",{className:e.styles.logo,children:p}):s.jsx("div",{className:e.styles.title,children:F}),s.jsx("nav",{ref:y,style:{left:x==="center"?`calc(50% - ${H/2}px)`:"0"},className:`${e.styles.nav} ${$?e.styles.open:""} ${Q?e.styles.visible:e.styles.hidden}`,id:"main-menu",role:"menubar","aria-label":"Main navigation",children:s.jsxs("div",{className:e.styles.navInner,children:[s.jsx("svg",{style:{left:`${Z}px`},className:`${e.styles.triangle} ${q?e.styles.show:""}`,width:16,height:12,viewBox:"0 0 100 75",xmlns:"http://www.w3.org/2000/svg",children:s.jsx("polygon",{points:"50,5 95,70 5,70",strokeLinejoin:"round",fill:"white",stroke:"white"})}),R==="default"&&h&&s.jsxs("div",{className:e.styles.grid,children:[h&&h.length>0&&v(h),g&&!E&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(M,{})]}),C&&s.jsx(_,{})]}),!E&&R==="advanced"&&u&&s.jsxs("div",{className:e.styles.grid,children:[u.length>0&&ne(u),g&&s.jsxs(s.Fragment,{children:[s.jsx("span",{className:e.styles.separator}),s.jsx(M,{})]}),C&&s.jsx(_,{})]})]})})]})})}exports.Navbar=oe;

package/dist/core/components/NavBar/index.mjs

@@ -1,4 +1,4 @@
-import { jsx as n, jsxs as i, Fragment as q } from "react/jsx-runtime";
+import { jsx as n, jsxs as i, Fragment as U } from "react/jsx-runtime";
 import { useState as c, useRef as C, useCallback as E, useEffect as L } from "react";
 import { s as e, N as re } from "../../../NavLink-DgPiB7YX.js";
 import '../../../assets/colors.css';import '../../../assets/index.css';/* empty css                      */
@@ -21,25 +21,25 @@ const he = {
   center: e.center,
   right: e.right
 };
-function Re({
-  title: J,
-  logo: x,
+function Me({
+  title: q,
+  logo: R,
   items: m,
   groups: h,
-  utilityItems: M,
-  isSticky: K = !1,
-  showSearch: R = !0,
+  utilityItems: x,
+  isSticky: J = !1,
+  showSearch: M = !0,
   showLocaleSelect: W = !0,
   alignment: $ = "right",
-  variant: Q = "standard",
+  variant: K = "standard",
   navigationType: z = "default",
   // searchComponent,
   // localeSelectComponent,
-  className: U
+  className: Q
 }) {
   const [Y, Z] = c(0), [B, d] = c(null), [N, P] = c(!1), [I, ee] = c(!1), [ne, se] = c(!1), [te, le] = c(null), [v, w] = c(
     0
-  ), [ae, _] = c(null), k = C(null), f = C(null), y = C(/* @__PURE__ */ new Map()), O = () => /* @__PURE__ */ n(
+  ), [ae, O] = c(null), k = C(null), f = C(null), y = C(/* @__PURE__ */ new Map()), _ = () => /* @__PURE__ */ n(
     "div",
     {
       className: `${e.linkWrapper} ${e.parent} ${e.searchWrapper}`,
@@ -57,16 +57,17 @@ function Re({
     d((s) => s === l ? null : l);
   }, oe = (l) => l.map((s, o) => {
     var X, F, S, V, A;
+    console.log("GROUP", s);
     const r = `group-${o}`, b = ae === o, t = (X = s.primaryItems) == null ? void 0 : X[v ?? 0];
     return console.log(t), /* @__PURE__ */ i(
       "div",
       {
         className: `${e.linkWrapper} ${e.parent}`,
         onMouseEnter: () => {
-          _(o), d(r), g(r);
+          O(o), d(r), g(r);
         },
         onMouseLeave: () => {
-          _(null), w(0), d(null);
+          O(null), w(0), d(null);
         },
         children: [
           /* @__PURE__ */ n("div", { className: e.linkItem, children: /* @__PURE__ */ i(
@@ -196,11 +197,11 @@ function Re({
       },
       o._key ?? r
     );
-  }), j = E((l) => {
+  }), G = E((l) => {
     k.current && !k.current.contains(l.target) && d(null);
+  }, []), j = E(() => {
+    D(), typeof window < "u" && window.innerWidth > 768 && (P(!1), d(null), typeof document < "u" && (document.body.style.overflow = ""));
   }, []), D = E(() => {
-    G(), typeof window < "u" && window.innerWidth > 768 && (P(!1), d(null), typeof document < "u" && (document.body.style.overflow = ""));
-  }, []), G = E(() => {
     if (f.current) {
       const l = f.current.getBoundingClientRect().width;
       Z(l), se(!0);
@@ -208,8 +209,8 @@ function Re({
   }, []);
   return L(() => {
     const l = typeof window < "u", s = typeof document < "u";
-    return l && window.addEventListener("resize", D), s && document.addEventListener("click", j), G(), () => {
-      l && window.removeEventListener("resize", D), s && document.removeEventListener("click", j);
+    return l && window.addEventListener("resize", j), s && document.addEventListener("click", G), D(), () => {
+      l && window.removeEventListener("resize", j), s && document.removeEventListener("click", G);
     };
   }, []), L(() => {
     if (typeof window < "u") {
@@ -228,15 +229,15 @@ function Re({
     "header",
     {
       ref: k,
-      className: `${U ?? ""} ${fe[$]} ${he[Q]} ${e.navbar} ${K ? e.sticky : ""} ${h && h.length ? e.advanced : e.default}`,
+      className: `${Q ?? ""} ${fe[$]} ${he[K]} ${e.navbar} ${J ? e.sticky : ""} ${h && h.length ? e.advanced : e.default}`,
       role: "navigation",
       "aria-label": "Main navigation",
       children: /* @__PURE__ */ i(
         "div",
         {
-          className: `${e.container} ${(!M || M.length === 0) && $ !== "center" ? e.twoColumn : ""}`,
+          className: `${e.container} ${(!x || x.length === 0) && $ !== "center" ? e.twoColumn : ""}`,
           children: [
-            x ? /* @__PURE__ */ n("div", { className: e.logo, children: x }) : /* @__PURE__ */ n("div", { className: e.title, children: J }),
+            R ? /* @__PURE__ */ n("div", { className: e.logo, children: R }) : /* @__PURE__ */ n("div", { className: e.title, children: q }),
             /* @__PURE__ */ n(
               "nav",
               {
@@ -271,17 +272,17 @@ function Re({
                   ),
                   z === "default" && m && /* @__PURE__ */ i("div", { className: e.grid, children: [
                     m && m.length > 0 && p(m),
-                    R && !I && /* @__PURE__ */ i(q, { children: [
+                    M && !I && /* @__PURE__ */ i(U, { children: [
                       /* @__PURE__ */ n("span", { className: e.separator }),
-                      /* @__PURE__ */ n(O, {})
+                      /* @__PURE__ */ n(_, {})
                     ] }),
                     W && /* @__PURE__ */ n(T, {})
                   ] }),
                   !I && z === "advanced" && h && /* @__PURE__ */ i("div", { className: e.grid, children: [
                     h.length > 0 && oe(h),
-                    R && /* @__PURE__ */ i(q, { children: [
+                    M && /* @__PURE__ */ i(U, { children: [
                       /* @__PURE__ */ n("span", { className: e.separator }),
-                      /* @__PURE__ */ n(O, {})
+                      /* @__PURE__ */ n(_, {})
                     ] }),
                     W && /* @__PURE__ */ n(T, {})
                   ] })
@@ -295,5 +296,5 @@ function Re({
   );
 }
 export {
-  Re as Navbar
+  Me as Navbar
 };

package/dist/core.d.ts

@@ -880,7 +880,7 @@ export declare type NavGroup = {
     title: string;
     primaryItems?: NavItem[];
     secondaryItems?: NavItem[];
-    spotlight?: default_2.ReactNode;
+    spotlight?: Spotlight;
 };
 
 export declare type NavItem = {
@@ -1111,6 +1111,13 @@ declare type SpinnerProps = {
     className?: string;
 };
 
+declare type Spotlight = {
+    title?: any[];
+    description?: any[];
+    imageUrl?: string;
+    callToAction: any;
+};
+
 export declare function Stack({ direction, gap, align, justify, wrap, as, className, children, ...restProps }: StackProps): JSX.Element;
 
 declare type StackProps = {

package/dist/main.d.ts

@@ -1275,7 +1275,7 @@ export declare type NavGroup = {
     title: string;
     primaryItems?: NavItem[];
     secondaryItems?: NavItem[];
-    spotlight?: default_2.ReactNode;
+    spotlight?: Spotlight;
 };
 
 export declare interface NavigationData {
@@ -1655,6 +1655,13 @@ declare type SpinnerProps = {
     className?: string;
 };
 
+declare type Spotlight = {
+    title?: any[];
+    description?: any[];
+    imageUrl?: string;
+    callToAction: any;
+};
+
 export declare function SpotlightCard({ spotlight }: SpotlightCardProps): JSX.Element;
 
 declare interface SpotlightCardProps {

package/dist/next.d.ts

@@ -401,7 +401,7 @@ declare type NavGroup = {
     title: string;
     primaryItems?: NavItem[];
     secondaryItems?: NavItem[];
-    spotlight?: default_2.ReactNode;
+    spotlight?: Spotlight;
 };
 
 export declare interface NavigationData {
@@ -566,6 +566,13 @@ export declare interface SiteSettings {
     defaultFooter?: NavigationData;
 }
 
+declare type Spotlight = {
+    title?: any[];
+    description?: any[];
+    imageUrl?: string;
+    callToAction: any;
+};
+
 export declare function SpotlightCard({ spotlight }: SpotlightCardProps): JSX.Element;
 
 declare interface SpotlightCardProps {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.0.426",
+  "version": "0.0.428",
   "type": "module",
   "exports": {
     ".": {