quirk-ui 0.0.478 → 0.0.479

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

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

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

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

package/dist/next/cards/BlogArticleCard/index.cjs

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index68.css');const t=require("react/jsx-runtime"),_=require("next/image"),d=require("../../ui/LocaleLink/index.cjs"),g=require("../../../createLucideIcon-DpotSgUx.cjs");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index68.css');const t=require("react/jsx-runtime"),f=require("next/image"),x=require("../../ui/LocaleLink/index.cjs"),y=require("../../../createLucideIcon-DpotSgUx.cjs");/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
- */const h=[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]],f=g.createLucideIcon("arrow-up-right",h),u="_item_1fhn6_1",x="_itemImage_1fhn6_14",y="_itemTitle_1fhn6_20",p="_callToAction_1fhn6_26",j="_icon_1fhn6_33",v="_single_1fhn6_39",I="_first_1fhn6_40",T="_itemContent_1fhn6_41",N="_itemExcerpt_1fhn6_88",C="_imagePlaceholder_1fhn6_179",E="_category_1fhn6_227",b="_itemEyebrow_1fhn6_246",i={item:u,itemImage:x,itemTitle:y,callToAction:p,icon:j,single:v,first:I,itemContent:T,itemExcerpt:N,imagePlaceholder:C,category:E,itemEyebrow:b};function w({article:e,className:r="",index:a,limit:m}){var s,c,o;const l=`/blog/articles/${e.slug.current}`,n=(s=e.categories)!=null&&s.length?e.categories[0]:null;return t.jsxs(d.LocaleLink,{href:l,className:`${i.item} ${r??""} ${a===0?i.first:""} ${m===1?i.single:""}`,children:[t.jsxs("div",{className:i.itemImage,children:[e.articleType&&t.jsx("div",{className:i.category,children:e.articleType}),e.featuredImage&&e.featuredImage.imageUrl?t.jsx(_,{src:e.featuredImage.imageUrl??"",alt:((c=e.featuredImage)==null?void 0:c.asset.altText)||((o=e==null?void 0:e.featuredImage)==null?void 0:o.asset.description)||"Content image",width:600,height:400,priority:!0}):t.jsx("div",{className:i.imagePlaceholder})]}),t.jsxs("div",{className:i.itemContent,children:[n&&t.jsx("div",{className:i.itemEyebrow,children:n.title}),t.jsxs("div",{className:i.itemTitle,children:[t.jsx("h3",{children:e.title}),t.jsx("div",{className:i.callToAction,children:t.jsx("div",{className:i.icon,children:t.jsx(f,{size:45})})})]}),e.excerpt&&t.jsx("p",{className:i.itemExcerpt,children:e.excerpt})]})]})}exports.BlogArticleCard=w;
+ */const p=[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]],j=y.createLucideIcon("arrow-up-right",p),v="_item_1fhn6_1",I="_itemImage_1fhn6_14",N="_itemTitle_1fhn6_20",T="_callToAction_1fhn6_26",b="_icon_1fhn6_33",C="_single_1fhn6_39",E="_first_1fhn6_40",w="_itemContent_1fhn6_41",A="_itemExcerpt_1fhn6_88",$="_imagePlaceholder_1fhn6_179",L="_category_1fhn6_227",k="_itemEyebrow_1fhn6_246",i={item:v,itemImage:I,itemTitle:N,callToAction:T,icon:b,single:C,first:E,itemContent:w,itemExcerpt:A,imagePlaceholder:$,category:L,itemEyebrow:k};function q({article:e,className:_="",index:g,limit:h}){var a,l,m,d;const u=`/blog/articles/${e.slug.current}`,r=((a=e.categories)==null?void 0:a.find(c=>{var s,n;(n=(s=c.slug)==null?void 0:s.current)!=null&&n.startsWith("library/type")}))??null,o=(l=e.categories)==null?void 0:l.find(c=>{var s,n;(n=(s=c.slug)==null?void 0:s.current)==null||n.startsWith("library/type")});return t.jsxs(x.LocaleLink,{href:u,className:`${i.item} ${_??""} ${g===0?i.first:""} ${h===1?i.single:""}`,children:[t.jsxs("div",{className:i.itemImage,children:[o&&t.jsx("div",{className:i.category,children:o.title}),e.featuredImage&&e.featuredImage.imageUrl?t.jsx(f,{src:e.featuredImage.imageUrl??"",alt:((m=e.featuredImage)==null?void 0:m.asset.altText)||((d=e==null?void 0:e.featuredImage)==null?void 0:d.asset.description)||"Content image",width:600,height:400,priority:!0}):t.jsx("div",{className:i.imagePlaceholder})]}),t.jsxs("div",{className:i.itemContent,children:[r&&t.jsx("div",{className:i.itemEyebrow,children:r.title}),t.jsxs("div",{className:i.itemTitle,children:[t.jsx("h3",{children:e.title}),t.jsx("div",{className:i.callToAction,children:t.jsx("div",{className:i.icon,children:t.jsx(j,{size:45})})})]}),e.excerpt&&t.jsx("p",{className:i.itemExcerpt,children:e.excerpt})]})]})}exports.BlogArticleCard=q;

package/dist/next/cards/BlogArticleCard/index.mjs

@@ -1,63 +1,69 @@
-import { jsxs as n, jsx as i } from "react/jsx-runtime";
-import h from "next/image";
-import { LocaleLink as g } from "../../ui/LocaleLink/index.mjs";
-import { c as d } from "../../../createLucideIcon-C8GTh_Qx.js";
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import y from "next/image";
+import { LocaleLink as u } from "../../ui/LocaleLink/index.mjs";
+import { c as v } from "../../../createLucideIcon-C8GTh_Qx.js";
 import '../../../assets/index68.css';/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const f = [
+const I = [
   ["path", { d: "M7 7h10v10", key: "1tivn9" }],
   ["path", { d: "M7 17 17 7", key: "1vkiza" }]
-], p = d("arrow-up-right", f), y = "_item_1fhn6_1", u = "_itemImage_1fhn6_14", v = "_itemTitle_1fhn6_20", I = "_callToAction_1fhn6_26", N = "_icon_1fhn6_33", T = "_single_1fhn6_39", x = "_first_1fhn6_40", E = "_itemContent_1fhn6_41", w = "_itemExcerpt_1fhn6_88", C = "_imagePlaceholder_1fhn6_179", A = "_category_1fhn6_227", b = "_itemEyebrow_1fhn6_246", t = {
-  item: y,
-  itemImage: u,
-  itemTitle: v,
-  callToAction: I,
-  icon: N,
-  single: T,
-  first: x,
-  itemContent: E,
-  itemExcerpt: w,
-  imagePlaceholder: C,
-  category: A,
-  itemEyebrow: b
+], N = v("arrow-up-right", I), x = "_item_1fhn6_1", T = "_itemImage_1fhn6_14", C = "_itemTitle_1fhn6_20", E = "_callToAction_1fhn6_26", b = "_icon_1fhn6_33", w = "_single_1fhn6_39", A = "_first_1fhn6_40", $ = "_itemContent_1fhn6_41", k = "_itemExcerpt_1fhn6_88", P = "_imagePlaceholder_1fhn6_179", L = "_category_1fhn6_227", U = "_itemEyebrow_1fhn6_246", t = {
+  item: x,
+  itemImage: T,
+  itemTitle: C,
+  callToAction: E,
+  icon: b,
+  single: w,
+  first: A,
+  itemContent: $,
+  itemExcerpt: k,
+  imagePlaceholder: P,
+  category: L,
+  itemEyebrow: U
 };
-function U({
+function B({
   article: e,
-  className: a = "",
-  index: r,
+  className: g = "",
+  index: d,
   //layout,
-  limit: l
+  limit: f
 }) {
-  var c, s, m;
-  const _ = `/blog/articles/${e.slug.current}`, o = (c = e.categories) != null && c.length ? e.categories[0] : null;
-  return /* @__PURE__ */ n(
-    g,
+  var m, l, h, _;
+  const p = `/blog/articles/${e.slug.current}`, c = ((m = e.categories) == null ? void 0 : m.find((r) => {
+    var n, o;
+    (o = (n = r.slug) == null ? void 0 : n.current) != null && o.startsWith("library/type");
+  })) ?? null, a = (l = e.categories) == null ? void 0 : l.find((r) => {
+    var n, o;
+    (o = (n = r.slug) == null ? void 0 : n.current) == null || o.startsWith("library/type");
+  });
+  return /* @__PURE__ */ s(
+    u,
     {
-      href: _,
-      className: `${t.item} ${a ?? ""} ${r === 0 ? t.first : ""} ${l === 1 ? t.single : ""}`,
+      href: p,
+      className: `${t.item} ${g ?? ""} ${d === 0 ? t.first : ""} ${f === 1 ? t.single : ""}`,
       children: [
-        /* @__PURE__ */ n("div", { className: t.itemImage, children: [
-          e.articleType && /* @__PURE__ */ i("div", { className: t.category, children: e.articleType }),
+        /* @__PURE__ */ s("div", { className: t.itemImage, children: [
+          a && /* @__PURE__ */ i("div", { className: t.category, children: a.title }),
           e.featuredImage && e.featuredImage.imageUrl ? /* @__PURE__ */ i(
-            h,
+            y,
             {
               src: e.featuredImage.imageUrl ?? "",
-              alt: ((s = e.featuredImage) == null ? void 0 : s.asset.altText) || ((m = e == null ? void 0 : e.featuredImage) == null ? void 0 : m.asset.description) || "Content image",
+              alt: ((h = e.featuredImage) == null ? void 0 : h.asset.altText) || ((_ = e == null ? void 0 : e.featuredImage) == null ? void 0 : _.asset.description) || "Content image",
               width: 600,
               height: 400,
               priority: !0
             }
           ) : /* @__PURE__ */ i("div", { className: t.imagePlaceholder })
         ] }),
-        /* @__PURE__ */ n("div", { className: t.itemContent, children: [
-          o && /* @__PURE__ */ i("div", { className: t.itemEyebrow, children: o.title }),
-          /* @__PURE__ */ n("div", { className: t.itemTitle, children: [
+        /* @__PURE__ */ s("div", { className: t.itemContent, children: [
+          c && /* @__PURE__ */ i("div", { className: t.itemEyebrow, children: c.title }),
+          /* @__PURE__ */ s("div", { className: t.itemTitle, children: [
             /* @__PURE__ */ i("h3", { children: e.title }),
-            /* @__PURE__ */ i("div", { className: t.callToAction, children: /* @__PURE__ */ i("div", { className: t.icon, children: /* @__PURE__ */ i(p, { size: 45 }) }) })
+            /* @__PURE__ */ i("div", { className: t.callToAction, children: /* @__PURE__ */ i("div", { className: t.icon, children: /* @__PURE__ */ i(N, { size: 45 }) }) })
           ] }),
           e.excerpt && /* @__PURE__ */ i("p", { className: t.itemExcerpt, children: e.excerpt })
         ] })
@@ -66,5 +72,5 @@ function U({
   );
 }
 export {
-  U as BlogArticleCard
+  B as BlogArticleCard
 };

package/package.json

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