quirk-ui 0.0.522 → 0.0.524

package/dist/main.d.ts

@@ -1,17 +1,26 @@
-import { AccordionBlockProps } from './AccordionBlock.types';
-import { AdditionalCategoriesProps } from './AdditionalCategoriesBlock.types';
+import { AccordionBlockProps } from './next/blocks/AccordionBlock/AccordionBlock.types';
+import { AccordionBlockProps as AccordionBlockProps_2 } from './AccordionBlock.types';
+import { AdditionalCategoriesBlockProps } from './next/blocks/AdditionalCategoriesBlock/AdditionalCategoriesBlock.types';
+import { AdditionalCategoriesBlockProps as AdditionalCategoriesBlockProps_2 } from './AdditionalCategoriesBlock.types';
 import { ArticleItem } from './next/types/article';
-import { CardGridBlockProps } from './CardGridBlock.types';
-import { CarouselBlockProps } from './CarouselBlock.types';
+import { CardGridBlockProps } from './next/blocks/CardGridBlock/CardGridBlock.types';
+import { CardGridBlockProps as CardGridBlockProps_2 } from './CardGridBlock.types';
+import { CarouselBlockProps } from './next/blocks/CarouselBlock/CarouselBlock.types';
+import { CarouselBlockProps as CarouselBlockProps_2 } from './CarouselBlock.types';
 import { CategoryProps } from './next/types/category';
 import { ContentBlockProps } from './next/blocks/ContentBlock/ContentBlock.types';
 import { ContentBlockProps as ContentBlockProps_2 } from './ContentBlock.types';
 import { default as default_2 } from 'react';
-import { DocumentListBlockProps } from './DocumentListBlock.types';
-import { FaqBlockProps } from './FaqBlock.types';
-import { FeaturedDocumentsBlockProps } from './FeaturedDocumentsBlock.types';
-import { HeroBlockProps } from './HeroBlock.types';
+import { DocumentListBlockProps } from './next/blocks/DocumentListBlock/DocumentListBlock.types';
+import { DocumentListBlockProps as DocumentListBlockProps_2 } from './DocumentListBlock.types';
+import { FaqBlockProps } from './next/blocks/FaqBlock/FaqBlock.types';
+import { FaqBlockProps as FaqBlockProps_2 } from './FaqBlock.types';
+import { FeaturedDocumentsBlockProps } from './next/blocks/FeaturedDocumentsBlock/FeaturedDocumentsBlock.types';
+import { FeaturedDocumentsBlockProps as FeaturedDocumentsBlockProps_2 } from './FeaturedDocumentsBlock.types';
+import { HeroBlockProps } from './next/blocks/HeroBlock/HeroBlock.types';
+import { HeroBlockProps as HeroBlockProps_2 } from './HeroBlock.types';
 import { JSX } from 'react/jsx-runtime';
+import { Link } from './next/types/link';
 import { LinkProps } from 'next/link';
 import { NavigationData } from './next/types/navigation';
 import { PageSection } from './next/types/pageSection';
@@ -26,14 +35,19 @@ import { SingletonBlockProps } from './next/types/singleton';
 import { SiteSettings } from './next/types/site';
 import { SpotlightProps } from './next/types/spotlight';
 import { SpotlightProps as SpotlightProps_2 } from '../../types/spotlight';
-import { StickyScrollBlockProps } from './StickyScrollBlock.types';
+import { StickyScrollBlockProps } from './next/blocks/StickyScrollBlock/StickyScrollBlock.types';
+import { StickyScrollBlockProps as StickyScrollBlockProps_2 } from './StickyScrollBlock.types';
 import { Styles } from './next/types/styles';
-import { TabsBlockProps } from './TabsBlock.types';
-import { WasHelpfulProps } from './WasHelpful.types';
+import { TabsBlockProps } from './next/blocks/TabsBlock/TabsBlock.types';
+import { TabsBlockProps as TabsBlockProps_2 } from './TabsBlock.types';
+import { WasHelpfulBlockProps } from './next/blocks/WasHelpfulBlock/WasHelpful.types';
+import { WasHelpfulBlockProps as WasHelpfulBlockProps_2 } from './WasHelpful.types';
 
 export declare function Accordion({ items, multiple, className, }: AccordionProps): JSX.Element;
 
-export declare function AccordionBlock({ heading, items, className, styleOptions, }: AccordionBlockProps): JSX.Element;
+export declare function AccordionBlock({ heading, items, className, styleOptions, }: AccordionBlockProps_2): JSX.Element;
+
+export { AccordionBlockProps }
 
 export declare type AccordionItem = {
     id: string;
@@ -47,7 +61,9 @@ declare type AccordionProps = {
     className?: string;
 };
 
-export declare function AdditionalCategoriesBlock({ categories, type, }: AdditionalCategoriesProps): JSX.Element | undefined;
+export declare function AdditionalCategoriesBlock({ categories, type, }: AdditionalCategoriesBlockProps_2): JSX.Element | undefined;
+
+export { AdditionalCategoriesBlockProps }
 
 export declare function Alert({ message, variant, onClose, className, }: AlertProps): JSX.Element | null;
 
@@ -223,7 +239,9 @@ export declare type CallToActionProps = BaseProps & ((AnchorProps & {
 
 export declare function Card({ title, content, footer, imageSrc, imageAlt, onClick, variant, clickable, className, }: CardProps): JSX.Element;
 
-export declare function CardGridBlock({ heading, grid, callToAction, styleOptions, }: CardGridBlockProps): JSX.Element;
+export declare function CardGridBlock({ heading, grid, callToAction, styleOptions, }: CardGridBlockProps_2): JSX.Element;
+
+export { CardGridBlockProps }
 
 declare type CardProps = {
     title?: string;
@@ -239,7 +257,9 @@ declare type CardProps = {
 
 export declare function Carousel({ items, itemsPerPage, itemsPerRow, autoplay, autoplayInterval, className, externalRef, siblingRef, isSplit, }: CarouselProps): JSX.Element;
 
-export declare function CarouselBlock({ heading, carouselOptions, items, styleOptions, }: CarouselBlockProps): JSX.Element;
+export declare function CarouselBlock({ heading, carouselOptions, items, styleOptions, }: CarouselBlockProps_2): JSX.Element;
+
+export { CarouselBlockProps }
 
 declare type CarouselProps = {
     items: default_2.ReactNode[];
@@ -392,7 +412,9 @@ declare const displayClassMap: {
 
 export declare function Divider({ axis, className, ...restProps }: SpacerProps): JSX.Element;
 
-export declare function DocumentListBlock({ heading, layout, includeFilters, excludeFilters, limit, categoryFilters, documentType, styleOptions, initialArticles, initialTotalCount, initialIncludeCategories, }: DocumentListBlockProps): JSX.Element;
+export declare function DocumentListBlock({ heading, layout, includeFilters, excludeFilters, limit, categoryFilters, documentType, styleOptions, initialArticles, initialTotalCount, initialIncludeCategories, }: DocumentListBlockProps_2): JSX.Element;
+
+export { DocumentListBlockProps }
 
 export declare function Drawer({ isOpen, onClose, position, overlay, ariaLabel, children, className, }: DrawerProps): JSX.Element;
 
@@ -406,9 +428,13 @@ declare type DrawerProps = {
     className?: string;
 };
 
-export declare function FaqBlock({ heading, items, className, styleOptions, }: FaqBlockProps): JSX.Element;
+export declare function FaqBlock({ heading, items, className, styleOptions, }: FaqBlockProps_2): JSX.Element;
+
+export { FaqBlockProps }
 
-export declare function FeaturedDocumentsBlock({ heading, selectionMode, layout, limit, articles, manualArticles, documentType, sortBy, callToAction, styleOptions, }: FeaturedDocumentsBlockProps): 0 | JSX.Element | undefined;
+export declare function FeaturedDocumentsBlock({ heading, selectionMode, layout, limit, articles, manualArticles, documentType, sortBy, callToAction, styleOptions, }: FeaturedDocumentsBlockProps_2): 0 | JSX.Element | undefined;
+
+export { FeaturedDocumentsBlockProps }
 
 export declare function Fieldset({ legend, className, children, ...restProps }: FieldsetProps): JSX.Element;
 
@@ -779,7 +805,9 @@ declare type HeadingProps = {
     className?: string;
 } & default_2.HTMLAttributes<HTMLHeadingElement>;
 
-export declare function HeroBlock({ heading, image, video, callToAction, pageData, styleOptions, }: HeroBlockProps): JSX.Element;
+export declare function HeroBlock({ heading, image, video, callToAction, pageData, styleOptions, }: HeroBlockProps_2): JSX.Element;
+
+export { HeroBlockProps }
 
 declare type HeroContextType = {
     isFullbleedHeroAtTop: boolean;
@@ -866,6 +894,8 @@ declare type LabelProps = {
     className?: string;
 } & default_2.LabelHTMLAttributes<HTMLLabelElement>;
 
+export { Link }
+
 export declare function List({ items, ordered, className, onItemClick, }: ListProps): JSX.Element;
 
 export declare type ListItem = {
@@ -1278,7 +1308,9 @@ declare const statusClassMap: {
     readonly busy: string;
 };
 
-export declare function StickyScrollBlock({ heading, items, showNumbers, }: StickyScrollBlockProps): JSX.Element;
+export declare function StickyScrollBlock({ heading, items, showNumbers, }: StickyScrollBlockProps_2): JSX.Element;
+
+export { StickyScrollBlockProps }
 
 export { Styles }
 
@@ -1332,7 +1364,9 @@ export declare namespace Tabs {
     }) => JSX.Element;
 }
 
-export declare function TabsBlock({ heading, image, items, callToAction, styleOptions, }: TabsBlockProps): JSX.Element | undefined;
+export declare function TabsBlock({ heading, image, items, callToAction, styleOptions, }: TabsBlockProps_2): JSX.Element | undefined;
+
+export { TabsBlockProps }
 
 declare type TabsProps = {
     children: ReactNode;
@@ -1501,6 +1535,8 @@ declare const variantClassMap_9: {
     readonly small: string;
 };
 
-export declare function WasHelpfulBlock({ page, type }: WasHelpfulProps): JSX.Element;
+export declare function WasHelpfulBlock({ page, type }: WasHelpfulBlockProps_2): JSX.Element;
+
+export { WasHelpfulBlockProps }
 
 export { }

package/dist/next/blocks/DocumentListBlock/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),P=require("../../ui/PortableTextRenderer/index.cjs"),Q=require("../../hooks/useStyleClasses.cjs"),V=require("../../contexts/LocaleBridge.cjs"),N=require("../../../index-BN6814Bi.cjs"),Y=require("../../../core/components/Input/index.cjs"),F=require("../../../core/components/Select/index.cjs"),ee=require("../../cards/BlogArticleCard/index.cjs"),s=require("../../../CategoryFilters-tDVNMlQO.cjs"),se=require("../../../x-Dft9NVe_.cjs"),te=[{label:"Newest",value:"date-desc"},{label:"Oldest",value:"date-asc"},{label:"Title A-Z",value:"title-asc"},{label:"Title Z-A",value:"title-desc"},{label:"Most Popular",value:"popular-desc"}];function le({heading:o,layout:z="grid",includeFilters:p,excludeFilters:v,limit:b=3,categoryFilters:d,documentType:g,styleOptions:D,initialArticles:j=[],initialTotalCount:L=0,initialIncludeCategories:I=[]}){const[k,c]=t.useState(j),[H,O]=t.useState(L),[C,W]=t.useState("date-desc"),[u,q]=t.useState(I),[T,i]=t.useState(j.length),[a,A]=t.useState(!1),[x,y]=t.useState(!1),[E,r]=t.useState(j.length<L),[f,_]=t.useState(""),[S,Z]=t.useState(""),{locale:G}=V.useLocaleBridge(),U=Q.useStyleClasses(D),R=t.useRef(!1),X={list:s.styles.list}[z??"grid"],J=l=>{W(l.target.value),c([]),i(0),r(!0)},B=()=>{y(!x)},K=()=>{c([]),i(0),r(!0),q([]),_(""),y(!1)},$=async(l=!1)=>{if(a||!E)return;A(!0);const h=new URLSearchParams({start:l?"0":String(T),limit:String(b),sort:C,documentType:g,locale:G});S&&h.append("search",S),u.forEach(n=>h.append("categories",n)),p==null||p.forEach(n=>h.append("include",n._id)),v==null||v.forEach(n=>h.append("exclude",n._id));try{const m=await(await fetch(`/api/articles?${h.toString()}`,{method:"GET"})).json();c(w=>l?m.articles:[...w,...m.articles]),i(w=>l?b:w+b),O(m.totalCount),r(T+m.articles.length<m.totalCount)}catch(n){console.error("Failed to load articles:",n),r(!1)}finally{A(!1)}},M=t.useCallback(()=>{typeof window<"u"&&window.innerWidth>768&&(y(!1),typeof document<"u"&&(document.body.style.overflow=""))},[]);return t.useEffect(()=>{const l=typeof window<"u";return l&&window.addEventListener("resize",M),()=>{l&&window.removeEventListener("resize",M)}},[]),t.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=x?"hidden":"",()=>{document.body.style.overflow=""}},[x]),t.useEffect(()=>{const l=setTimeout(()=>{Z(f)},500);return()=>clearTimeout(l)},[f]),t.useEffect(()=>{if(!R.current){R.current=!0;return}(S||C!=="date-desc"||u.length>0)&&$(!0)},[S,C,u.join(",")]),e.jsx("section",{className:`${s.styles.documentList} ${U}`,children:e.jsxs("article",{className:s.styles.container,children:[e.jsxs("div",{className:s.styles.heading,children:[(o==null?void 0:o.title)&&e.jsx(P.RichText,{blocks:o==null?void 0:o.title}),(o==null?void 0:o.description)&&e.jsx(P.RichText,{blocks:o==null?void 0:o.description})]}),e.jsxs("div",{className:s.styles.listContainer,children:[(d==null?void 0:d.length)&&e.jsxs("div",{className:s.styles.filterToggle,children:[e.jsx(N.CallToAction,{as:"button",variant:"secondary",onClick:B,disabled:a,icon:"settings",iconAlignment:"left",children:"Filters"}),e.jsx(N.CallToAction,{as:"button",variant:"link",onClick:K,disabled:a||u.length===0&&f.length===0,children:"Reset"})]}),d&&e.jsx(s.CategoryFilters,{categoryFilters:d,selectedCategories:u,setSelectedCategories:q,setArticles:c,setStart:i,setHasMore:r,showFilters:x,toggleFilters:B,isLoading:a}),e.jsxs("div",{className:s.styles.listWrapper,children:[e.jsxs("div",{className:s.styles.listHeader,children:[e.jsxs("div",{className:s.styles.listResults,children:["Results: ",e.jsx("span",{children:H})]}),e.jsxs("div",{className:s.styles.listHeaderFilters,children:[e.jsxs("div",{className:s.styles.listSearch,children:[e.jsx(Y.Input,{type:"text",name:"list-search",placeholder:"Search articles",value:f,onChange:l=>{_(l.target.value),c([]),i(0),r(!0)}}),f&&e.jsx("button",{className:s.styles.clearSearch,onClick:()=>{_(""),c([]),i(0),r(!0)},children:e.jsx(se.X,{size:21})})]}),e.jsx("div",{className:s.styles.listSort,children:e.jsx(F.Select,{id:"list-sort",name:"list-sort",label:"Sort by",options:te,onChange:J})})]})]}),e.jsx("div",{className:`${s.styles.list} ${X}`,children:k&&k.map(l=>g=="blog"&&e.jsx(ee.BlogArticleCard,{article:l},l._id))}),E&&e.jsx("div",{className:s.styles.loadMore,children:e.jsx(N.CallToAction,{as:"button",variant:"primary",onClick:()=>$(!1),disabled:a,icon:"refresh",iconAlignment:"left",className:a?s.styles.buttonIsLoading:"",children:a?"Loading...":"Load more"})})]})]})]})})}exports.DocumentListBlock=le;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),P=require("../../ui/PortableTextRenderer/index.cjs"),Q=require("../../hooks/useStyleClasses.cjs"),V=require("../../contexts/LocaleBridge.cjs"),N=require("../../../index-BN6814Bi.cjs"),Y=require("../../../core/components/Input/index.cjs"),F=require("../../../core/components/Select/index.cjs"),ee=require("../../cards/BlogArticleCard/index.cjs"),s=require("../../../CategoryFilters-tDVNMlQO.cjs"),se=require("../../../x-Dft9NVe_.cjs"),te=[{label:"Newest",value:"date-desc"},{label:"Oldest",value:"date-asc"},{label:"Title A-Z",value:"title-asc"},{label:"Title Z-A",value:"title-desc"},{label:"Most Popular",value:"popular-desc"}];function le({heading:o,layout:z="grid",includeFilters:p,excludeFilters:v,limit:b=3,categoryFilters:d,documentType:g,styleOptions:D,initialArticles:j=[],initialTotalCount:L=0,initialIncludeCategories:I=[]}){const[k,c]=t.useState(j),[H,O]=t.useState(L),[C,W]=t.useState("date-desc"),[u,q]=t.useState(I),[T,i]=t.useState(j.length),[a,A]=t.useState(!1),[x,y]=t.useState(!1),[E,r]=t.useState(j.length<L),[f,_]=t.useState(""),[S,Z]=t.useState(""),{locale:G}=V.useLocaleBridge(),U=Q.useStyleClasses(D),R=t.useRef(!1),X={list:s.styles.list}[z??"grid"],J=l=>{W(l.target.value),c([]),i(0),r(!0)},B=()=>{y(!x)},K=()=>{c([]),i(0),r(!0),q([]),_(""),y(!1)},$=async(l=!1)=>{if(a||!E)return;A(!0);const h=new URLSearchParams({start:l?"0":String(T),limit:String(b),sort:C,documentType:g,locale:G});S&&h.append("search",S),u.forEach(n=>h.append("categories",n)),p==null||p.forEach(n=>h.append("include",n._id)),v==null||v.forEach(n=>h.append("exclude",n._id));try{const m=await(await fetch(`/api/articles?${h.toString()}`,{method:"GET"})).json();c(w=>l?m.articles:[...w,...m.articles]),i(w=>l?b:w+b),O(m.totalCount),r(T+m.articles.length<m.totalCount)}catch(n){console.error("Failed to load articles:",n),r(!1)}finally{A(!1)}},M=t.useCallback(()=>{typeof window<"u"&&window.innerWidth>768&&(y(!1),typeof document<"u"&&(document.body.style.overflow=""))},[]);return t.useEffect(()=>{const l=typeof window<"u";return l&&window.addEventListener("resize",M),()=>{l&&window.removeEventListener("resize",M)}},[]),t.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=x?"hidden":"",()=>{document.body.style.overflow=""}},[x]),t.useEffect(()=>{const l=setTimeout(()=>{Z(f)},500);return()=>clearTimeout(l)},[f]),t.useEffect(()=>{if(!R.current){R.current=!0;return}(S||C!=="date-desc"||u.length>0)&&$(!0)},[S,C,u.join(",")]),e.jsx("section",{className:`${s.styles.documentList} ${U}`,children:e.jsxs("article",{className:s.styles.container,children:[e.jsxs("div",{className:s.styles.heading,children:[(o==null?void 0:o.title)&&e.jsx(P.RichText,{blocks:o==null?void 0:o.title}),(o==null?void 0:o.description)&&e.jsx(P.RichText,{blocks:o==null?void 0:o.description})]}),e.jsxs("div",{className:s.styles.listContainer,children:[(d==null?void 0:d.length)&&e.jsxs("div",{className:s.styles.filterToggle,children:[e.jsx(N.CallToAction,{as:"button",variant:"secondary",onClick:B,disabled:a,icon:"settings",iconAlignment:"left",children:"Filters"}),e.jsx(N.CallToAction,{as:"button",variant:"link",onClick:K,disabled:a||u.length===0&&f.length===0,children:"Reset"})]}),d&&e.jsx(s.CategoryFilters,{categoryFilters:d,selectedCategories:u,setSelectedCategories:q,setArticles:c,setStart:i,setHasMore:r,showFilters:x,toggleFilters:B,isLoading:a}),e.jsxs("div",{className:s.styles.listWrapper,children:[e.jsxs("div",{className:s.styles.listHeader,children:[e.jsxs("div",{className:s.styles.listResults,children:["Results: ",e.jsx("span",{children:H})]}),e.jsxs("div",{className:s.styles.listHeaderFilters,children:[e.jsxs("div",{className:s.styles.listSearch,children:[e.jsx(Y.Input,{type:"text",name:"list-search",placeholder:"Search articles",value:f,onChange:l=>{_(l.target.value),c([]),i(0),r(!0)}}),f&&e.jsx("button",{className:s.styles.clearSearch,onClick:()=>{_(""),c([]),i(0),r(!0)},children:e.jsx(se.X,{size:21})})]}),e.jsx("div",{className:s.styles.listSort,children:e.jsx(F.Select,{id:"list-sort",name:"list-sort","aria-label":"Sort by",options:te,onChange:J})})]})]}),e.jsx("div",{className:`${s.styles.list} ${X}`,children:k&&k.map(l=>g=="blog"&&e.jsx(ee.BlogArticleCard,{article:l},l._id))}),E&&e.jsx("div",{className:s.styles.loadMore,children:e.jsx(N.CallToAction,{as:"button",variant:"primary",onClick:()=>$(!1),disabled:a,icon:"refresh",iconAlignment:"left",className:a?s.styles.buttonIsLoading:"",children:a?"Loading...":"Load more"})})]})]})]})})}exports.DocumentListBlock=le;

package/dist/next/blocks/DocumentListBlock/index.mjs

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { useState as a, useRef as Y, useCallback as F, useEffect as w } from "react";
 import { RichText as _ } from "../../ui/PortableTextRenderer/index.mjs";
 import { useStyleClasses as ee } from "../../hooks/useStyleClasses.mjs";
@@ -7,8 +7,8 @@ import { C as R } from "../../../index-C-E0ib2G.js";
 import { Input as se } from "../../../core/components/Input/index.mjs";
 import { Select as oe } from "../../../core/components/Select/index.mjs";
 import { BlogArticleCard as ae } from "../../cards/BlogArticleCard/index.mjs";
-import { s as t, C as le } from "../../../CategoryFilters-DJyQJ-ww.js";
-import { X as re } from "../../../x-CnsEH4Ox.js";
+import { s as t, C as re } from "../../../CategoryFilters-DJyQJ-ww.js";
+import { X as le } from "../../../x-CnsEH4Ox.js";
 const ne = [
   { label: "Newest", value: "date-desc" },
   { label: "Oldest", value: "date-asc" },
@@ -56,11 +56,11 @@ function we({
       locale: X
     });
     C && h.append("search", C), m.forEach(
-      (r) => h.append("categories", r)
+      (l) => h.append("categories", l)
     ), S == null || S.forEach(
-      (r) => h.append("include", r._id)
+      (l) => h.append("include", l._id)
     ), N == null || N.forEach(
-      (r) => h.append("exclude", r._id)
+      (l) => h.append("exclude", l._id)
     );
     try {
       const p = await (await fetch(`/api/articles?${h.toString()}`, {
@@ -69,8 +69,8 @@ function we({
       i(
         (E) => s ? p.articles : [...E, ...p.articles]
       ), d((E) => s ? y : E + y), q(p.totalCount), c(j + p.articles.length < p.totalCount);
-    } catch (r) {
-      console.error("Failed to load articles:", r), c(!1);
+    } catch (l) {
+      console.error("Failed to load articles:", l), c(!1);
     } finally {
       z(!1);
     }
@@ -98,13 +98,13 @@ function we({
       return;
     }
     (C || L !== "date-desc" || m.length > 0) && P(!0);
-  }, [C, L, m.join(",")]), /* @__PURE__ */ e("section", { className: `${t.documentList} ${J}`, children: /* @__PURE__ */ l("article", { className: t.container, children: [
-    /* @__PURE__ */ l("div", { className: t.heading, children: [
+  }, [C, L, m.join(",")]), /* @__PURE__ */ e("section", { className: `${t.documentList} ${J}`, children: /* @__PURE__ */ r("article", { className: t.container, children: [
+    /* @__PURE__ */ r("div", { className: t.heading, children: [
       (o == null ? void 0 : o.title) && /* @__PURE__ */ e(_, { blocks: o == null ? void 0 : o.title }),
       (o == null ? void 0 : o.description) && /* @__PURE__ */ e(_, { blocks: o == null ? void 0 : o.description })
     ] }),
-    /* @__PURE__ */ l("div", { className: t.listContainer, children: [
-      (f == null ? void 0 : f.length) && /* @__PURE__ */ l("div", { className: t.filterToggle, children: [
+    /* @__PURE__ */ r("div", { className: t.listContainer, children: [
+      (f == null ? void 0 : f.length) && /* @__PURE__ */ r("div", { className: t.filterToggle, children: [
         /* @__PURE__ */ e(
           R,
           {
@@ -129,7 +129,7 @@ function we({
         )
       ] }),
       f && /* @__PURE__ */ e(
-        le,
+        re,
         {
           categoryFilters: f,
           selectedCategories: m,
@@ -142,14 +142,14 @@ function we({
           isLoading: n
         }
       ),
-      /* @__PURE__ */ l("div", { className: t.listWrapper, children: [
-        /* @__PURE__ */ l("div", { className: t.listHeader, children: [
-          /* @__PURE__ */ l("div", { className: t.listResults, children: [
+      /* @__PURE__ */ r("div", { className: t.listWrapper, children: [
+        /* @__PURE__ */ r("div", { className: t.listHeader, children: [
+          /* @__PURE__ */ r("div", { className: t.listResults, children: [
             "Results: ",
             /* @__PURE__ */ e("span", { children: Z })
           ] }),
-          /* @__PURE__ */ l("div", { className: t.listHeaderFilters, children: [
-            /* @__PURE__ */ l("div", { className: t.listSearch, children: [
+          /* @__PURE__ */ r("div", { className: t.listHeaderFilters, children: [
+            /* @__PURE__ */ r("div", { className: t.listSearch, children: [
               /* @__PURE__ */ e(
                 se,
                 {
@@ -169,7 +169,7 @@ function we({
                   onClick: () => {
                     k(""), i([]), d(0), c(!0);
                   },
-                  children: /* @__PURE__ */ e(re, { size: 21 })
+                  children: /* @__PURE__ */ e(le, { size: 21 })
                 }
               )
             ] }),
@@ -178,7 +178,7 @@ function we({
               {
                 id: "list-sort",
                 name: "list-sort",
-                label: "Sort by",
+                "aria-label": "Sort by",
                 options: ne,
                 onChange: Q
               }

package/dist/next.d.ts

@@ -1,17 +1,26 @@
-import { AccordionBlockProps } from './AccordionBlock.types';
-import { AdditionalCategoriesProps } from './AdditionalCategoriesBlock.types';
+import { AccordionBlockProps } from './next/blocks/AccordionBlock/AccordionBlock.types';
+import { AccordionBlockProps as AccordionBlockProps_2 } from './AccordionBlock.types';
+import { AdditionalCategoriesBlockProps } from './next/blocks/AdditionalCategoriesBlock/AdditionalCategoriesBlock.types';
+import { AdditionalCategoriesBlockProps as AdditionalCategoriesBlockProps_2 } from './AdditionalCategoriesBlock.types';
 import { ArticleItem } from './next/types/article';
-import { CardGridBlockProps } from './CardGridBlock.types';
-import { CarouselBlockProps } from './CarouselBlock.types';
+import { CardGridBlockProps } from './next/blocks/CardGridBlock/CardGridBlock.types';
+import { CardGridBlockProps as CardGridBlockProps_2 } from './CardGridBlock.types';
+import { CarouselBlockProps } from './next/blocks/CarouselBlock/CarouselBlock.types';
+import { CarouselBlockProps as CarouselBlockProps_2 } from './CarouselBlock.types';
 import { CategoryProps } from './next/types/category';
 import { ContentBlockProps } from './next/blocks/ContentBlock/ContentBlock.types';
 import { ContentBlockProps as ContentBlockProps_2 } from './ContentBlock.types';
 import { default as default_2 } from 'react';
-import { DocumentListBlockProps } from './DocumentListBlock.types';
-import { FaqBlockProps } from './FaqBlock.types';
-import { FeaturedDocumentsBlockProps } from './FeaturedDocumentsBlock.types';
-import { HeroBlockProps } from './HeroBlock.types';
+import { DocumentListBlockProps } from './next/blocks/DocumentListBlock/DocumentListBlock.types';
+import { DocumentListBlockProps as DocumentListBlockProps_2 } from './DocumentListBlock.types';
+import { FaqBlockProps } from './next/blocks/FaqBlock/FaqBlock.types';
+import { FaqBlockProps as FaqBlockProps_2 } from './FaqBlock.types';
+import { FeaturedDocumentsBlockProps } from './next/blocks/FeaturedDocumentsBlock/FeaturedDocumentsBlock.types';
+import { FeaturedDocumentsBlockProps as FeaturedDocumentsBlockProps_2 } from './FeaturedDocumentsBlock.types';
+import { HeroBlockProps } from './next/blocks/HeroBlock/HeroBlock.types';
+import { HeroBlockProps as HeroBlockProps_2 } from './HeroBlock.types';
 import { JSX } from 'react/jsx-runtime';
+import { Link } from './next/types/link';
 import { LinkProps } from 'next/link';
 import { NavigationData } from './next/types/navigation';
 import { PageSection } from './next/types/pageSection';
@@ -25,20 +34,31 @@ import { SingletonBlockProps } from './next/types/singleton';
 import { SiteSettings } from './next/types/site';
 import { SpotlightProps } from './next/types/spotlight';
 import { SpotlightProps as SpotlightProps_2 } from '../../types/spotlight';
-import { StickyScrollBlockProps } from './StickyScrollBlock.types';
+import { StickyScrollBlockProps } from './next/blocks/StickyScrollBlock/StickyScrollBlock.types';
+import { StickyScrollBlockProps as StickyScrollBlockProps_2 } from './StickyScrollBlock.types';
 import { Styles } from './next/types/styles';
-import { TabsBlockProps } from './TabsBlock.types';
-import { WasHelpfulProps } from './WasHelpful.types';
+import { TabsBlockProps } from './next/blocks/TabsBlock/TabsBlock.types';
+import { TabsBlockProps as TabsBlockProps_2 } from './TabsBlock.types';
+import { WasHelpfulBlockProps } from './next/blocks/WasHelpfulBlock/WasHelpful.types';
+import { WasHelpfulBlockProps as WasHelpfulBlockProps_2 } from './WasHelpful.types';
 
-export declare function AccordionBlock({ heading, items, className, styleOptions, }: AccordionBlockProps): JSX.Element;
+export declare function AccordionBlock({ heading, items, className, styleOptions, }: AccordionBlockProps_2): JSX.Element;
 
-export declare function AdditionalCategoriesBlock({ categories, type, }: AdditionalCategoriesProps): JSX.Element | undefined;
+export { AccordionBlockProps }
+
+export declare function AdditionalCategoriesBlock({ categories, type, }: AdditionalCategoriesBlockProps_2): JSX.Element | undefined;
+
+export { AdditionalCategoriesBlockProps }
 
 export { ArticleItem }
 
-export declare function CardGridBlock({ heading, grid, callToAction, styleOptions, }: CardGridBlockProps): JSX.Element;
+export declare function CardGridBlock({ heading, grid, callToAction, styleOptions, }: CardGridBlockProps_2): JSX.Element;
+
+export { CardGridBlockProps }
 
-export declare function CarouselBlock({ heading, carouselOptions, items, styleOptions, }: CarouselBlockProps): JSX.Element;
+export declare function CarouselBlock({ heading, carouselOptions, items, styleOptions, }: CarouselBlockProps_2): JSX.Element;
+
+export { CarouselBlockProps }
 
 export { CategoryProps }
 
@@ -46,13 +66,21 @@ export declare function ContentBlock({ layout, heading, image, video, metrics, c
 
 export { ContentBlockProps }
 
-export declare function DocumentListBlock({ heading, layout, includeFilters, excludeFilters, limit, categoryFilters, documentType, styleOptions, initialArticles, initialTotalCount, initialIncludeCategories, }: DocumentListBlockProps): JSX.Element;
+export declare function DocumentListBlock({ heading, layout, includeFilters, excludeFilters, limit, categoryFilters, documentType, styleOptions, initialArticles, initialTotalCount, initialIncludeCategories, }: DocumentListBlockProps_2): JSX.Element;
+
+export { DocumentListBlockProps }
+
+export declare function FaqBlock({ heading, items, className, styleOptions, }: FaqBlockProps_2): JSX.Element;
 
-export declare function FaqBlock({ heading, items, className, styleOptions, }: FaqBlockProps): JSX.Element;
+export { FaqBlockProps }
 
-export declare function FeaturedDocumentsBlock({ heading, selectionMode, layout, limit, articles, manualArticles, documentType, sortBy, callToAction, styleOptions, }: FeaturedDocumentsBlockProps): 0 | JSX.Element | undefined;
+export declare function FeaturedDocumentsBlock({ heading, selectionMode, layout, limit, articles, manualArticles, documentType, sortBy, callToAction, styleOptions, }: FeaturedDocumentsBlockProps_2): 0 | JSX.Element | undefined;
 
-export declare function HeroBlock({ heading, image, video, callToAction, pageData, styleOptions, }: HeroBlockProps): JSX.Element;
+export { FeaturedDocumentsBlockProps }
+
+export declare function HeroBlock({ heading, image, video, callToAction, pageData, styleOptions, }: HeroBlockProps_2): JSX.Element;
+
+export { HeroBlockProps }
 
 declare type HeroContextType = {
     isFullbleedHeroAtTop: boolean;
@@ -63,6 +91,8 @@ export declare function HeroProvider({ children }: {
     children: React.ReactNode;
 }): JSX.Element;
 
+export { Link }
+
 export declare function LocaleBridgeProvider({ children, value, }: {
     children: default_2.ReactNode;
     value: LocaleBridgeValue;
@@ -117,16 +147,22 @@ declare interface SpotlightCardProps {
 
 export { SpotlightProps }
 
-export declare function StickyScrollBlock({ heading, items, showNumbers, }: StickyScrollBlockProps): JSX.Element;
+export declare function StickyScrollBlock({ heading, items, showNumbers, }: StickyScrollBlockProps_2): JSX.Element;
+
+export { StickyScrollBlockProps }
 
 export { Styles }
 
-export declare function TabsBlock({ heading, image, items, callToAction, styleOptions, }: TabsBlockProps): JSX.Element | undefined;
+export declare function TabsBlock({ heading, image, items, callToAction, styleOptions, }: TabsBlockProps_2): JSX.Element | undefined;
+
+export { TabsBlockProps }
 
 export declare function useHeroContext(): HeroContextType;
 
 export declare function useLocaleBridge(): LocaleBridgeValue;
 
-export declare function WasHelpfulBlock({ page, type }: WasHelpfulProps): JSX.Element;
+export declare function WasHelpfulBlock({ page, type }: WasHelpfulBlockProps_2): JSX.Element;
+
+export { WasHelpfulBlockProps }
 
 export { }

package/package.json

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