quirk-ui 0.1.44 → 0.1.45

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index35.css');const e=require("react/jsx-runtime"),r=require("react"),M=require("react-dom"),R=require("../../../x-Dft9NVe_.cjs"),T="_overlay_1hf1u_2",D="_fadeIn_1hf1u_1",P="_modal_1hf1u_19",U="_slideUp_1hf1u_1",A="_trigger_1hf1u_54",C="_closeButton_1hf1u_61",F="_title_1hf1u_89",K="_content_1hf1u_99",l={overlay:T,fadeIn:D,modal:P,slideUp:U,"size-sm":"_size-sm_1hf1u_31","size-md":"_size-md_1hf1u_35","size-lg":"_size-lg_1hf1u_39","size-xl":"_size-xl_1hf1u_43","size-full":"_size-full_1hf1u_47",trigger:A,closeButton:C,title:F,content:K},X=()=>{typeof document<"u"&&(document.body.style.overflow="hidden")},b=()=>{typeof document<"u"&&(document.body.style.overflow="")};function G({content:x,trigger:k,isOpen:h,onOpen:o,onClose:i,size:z="md",closeOnEscape:y=!0,closeOnOverlayClick:j=!0,showCloseButton:p=!0,className:w,overlayClassName:$,style:E,title:f}){const[q,v]=r.useState(!1),_=r.useRef(null),m=h!==void 0,t=m?h:q,N=()=>{m||v(!0),o==null||o()},d=()=>{m||v(!1),i==null||i()},S=()=>{t?d():N()},I=()=>{j&&d()};r.useEffect(()=>{if(!y||!t)return;const n=c=>{c.key==="Escape"&&d()};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[t,y]),r.useEffect(()=>(t?X():b(),()=>b()),[t]),r.useEffect(()=>{if(!t||!_.current)return;const n=_.current,c=n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),s=c[0],a=c[c.length-1],g=u=>{u.key==="Tab"&&(u.shiftKey?document.activeElement===s&&(u.preventDefault(),a==null||a.focus()):document.activeElement===a&&(u.preventDefault(),s==null||s.focus()))};return n.addEventListener("keydown",g),s==null||s.focus(),()=>{n.removeEventListener("keydown",g)}},[t]);const B=l[`size-${z}`]||"",L=t?e.jsx("div",{className:`${l.overlay} ${$??""}`.trim(),onClick:I,role:"dialog","aria-modal":"true","aria-labelledby":f?"modal-title":void 0,children:e.jsxs("div",{ref:_,className:`${l.modal} ${B} ${w??""}`.trim(),style:E,onClick:n=>n.stopPropagation(),children:[p&&e.jsx("button",{"aria-label":"Close",className:l.closeButton,onClick:d,type:"button",children:e.jsx(R.X,{size:20})}),f&&e.jsx("div",{className:l.title,id:"modal-title",children:f}),e.jsx("div",{className:l.content,children:x})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:l.trigger,onClick:S,children:k}),typeof window<"u"&&M.createPortal(L,document.body)]})}exports.Modal=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index35.css');const e=require("react/jsx-runtime"),c=require("react"),M=require("react-dom"),R=require("../../../x-Dft9NVe_.cjs"),T="_overlay_1h84d_2",D="_fadeIn_1h84d_1",P="_modal_1h84d_19",U="_slideUp_1h84d_1",A="_trigger_1h84d_54",C="_closeButton_1h84d_61",F="_title_1h84d_89",K="_content_1h84d_99",l={overlay:T,fadeIn:D,modal:P,slideUp:U,"size-sm":"_size-sm_1h84d_31","size-md":"_size-md_1h84d_35","size-lg":"_size-lg_1h84d_39","size-xl":"_size-xl_1h84d_43","size-full":"_size-full_1h84d_47",trigger:A,closeButton:C,title:F,content:K},X=()=>{typeof document<"u"&&(document.body.style.overflow="hidden")},b=()=>{typeof document<"u"&&(document.body.style.overflow="")};function G({content:x,trigger:k,isOpen:h,onOpen:i,onClose:o,size:z="md",closeOnEscape:v=!0,closeOnOverlayClick:j=!0,showCloseButton:p=!0,className:w,overlayClassName:$,style:E,title:f}){const[q,y]=c.useState(!1),_=c.useRef(null),m=h!==void 0,t=m?h:q,N=()=>{m||y(!0),i==null||i()},r=()=>{m||y(!1),o==null||o()},S=()=>{t?r():N()},I=()=>{j&&r()};c.useEffect(()=>{if(!v||!t)return;const s=d=>{d.key==="Escape"&&r()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[t,v]),c.useEffect(()=>(t?X():b(),()=>b()),[t]),c.useEffect(()=>{if(!t||!_.current)return;const s=_.current,d=s.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),n=d[0],a=d[d.length-1],g=u=>{u.key==="Tab"&&(u.shiftKey?document.activeElement===n&&(u.preventDefault(),a==null||a.focus()):document.activeElement===a&&(u.preventDefault(),n==null||n.focus()))};return s.addEventListener("keydown",g),n==null||n.focus(),()=>{s.removeEventListener("keydown",g)}},[t]);const B=l[`size-${z}`]||"",L=t?e.jsx("div",{className:`${l.overlay} ${$??""}`.trim(),onClick:I,role:"dialog","aria-modal":"true","aria-labelledby":f?"modal-title":void 0,children:e.jsxs("div",{style:{position:"relative"},children:[p&&e.jsx("button",{"aria-label":"Close",className:l.closeButton,onClick:r,type:"button",children:e.jsx(R.X,{size:20})}),e.jsxs("div",{ref:_,className:`${l.modal} ${B} ${w??""}`.trim(),style:E,onClick:s=>s.stopPropagation(),children:[f&&e.jsx("div",{className:l.title,id:"modal-title",children:f}),e.jsx("div",{className:l.content,children:x})]})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:l.trigger,onClick:S,children:k}),typeof window<"u"&&M.createPortal(L,document.body)]})}exports.Modal=G;

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

@@ -1,34 +1,34 @@
-import { jsxs as b, Fragment as D, jsx as s } from "react/jsx-runtime";
-import { useState as P, useRef as R, useEffect as _ } from "react";
+import { jsxs as _, Fragment as D, jsx as d } from "react/jsx-runtime";
+import { useState as P, useRef as R, useEffect as h } from "react";
 import { createPortal as q } from "react-dom";
 import { X as A } from "../../../x-CnsEH4Ox.js";
-import '../../../index35.css';const C = "_overlay_1hf1u_2", F = "_fadeIn_1hf1u_1", K = "_modal_1hf1u_19", M = "_slideUp_1hf1u_1", X = "_trigger_1hf1u_54", G = "_closeButton_1hf1u_61", H = "_title_1hf1u_89", J = "_content_1hf1u_99", o = {
+import '../../../index35.css';const C = "_overlay_1h84d_2", F = "_fadeIn_1h84d_1", K = "_modal_1h84d_19", M = "_slideUp_1h84d_1", X = "_trigger_1h84d_54", G = "_closeButton_1h84d_61", H = "_title_1h84d_89", J = "_content_1h84d_99", l = {
   overlay: C,
   fadeIn: F,
   modal: K,
   slideUp: M,
-  "size-sm": "_size-sm_1hf1u_31",
-  "size-md": "_size-md_1hf1u_35",
-  "size-lg": "_size-lg_1hf1u_39",
-  "size-xl": "_size-xl_1hf1u_43",
-  "size-full": "_size-full_1hf1u_47",
+  "size-sm": "_size-sm_1h84d_31",
+  "size-md": "_size-md_1h84d_35",
+  "size-lg": "_size-lg_1h84d_39",
+  "size-xl": "_size-xl_1h84d_43",
+  "size-full": "_size-full_1h84d_47",
   trigger: X,
   closeButton: G,
   title: H,
   content: J
 }, Q = () => {
   typeof document < "u" && (document.body.style.overflow = "hidden");
-}, k = () => {
+}, p = () => {
   typeof document < "u" && (document.body.style.overflow = "");
 };
 function O({
-  content: p,
+  content: k,
   trigger: z,
-  isOpen: h,
-  onOpen: l,
+  isOpen: v,
+  onOpen: o,
   onClose: i,
   size: w = "md",
-  closeOnEscape: v = !0,
+  closeOnEscape: y = !0,
   closeOnOverlayClick: x = !0,
   showCloseButton: N = !0,
   className: $,
@@ -36,67 +36,69 @@ function O({
   style: I,
   title: u
 }) {
-  const [B, y] = P(!1), f = R(null), m = h !== void 0, e = m ? h : B, L = () => {
-    m || y(!0), l == null || l();
+  const [B, g] = P(!1), f = R(null), m = v !== void 0, e = m ? v : B, L = () => {
+    m || g(!0), o == null || o();
   }, r = () => {
-    m || y(!1), i == null || i();
+    m || g(!1), i == null || i();
   }, S = () => {
     e ? r() : L();
   }, T = () => {
     x && r();
   };
-  _(() => {
-    if (!v || !e) return;
-    const t = (c) => {
-      c.key === "Escape" && r();
+  h(() => {
+    if (!y || !e) return;
+    const t = (s) => {
+      s.key === "Escape" && r();
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [e, v]), _(() => (e ? Q() : k(), () => k()), [e]), _(() => {
+  }, [e, y]), h(() => (e ? Q() : p(), () => p()), [e]), h(() => {
     if (!e || !f.current) return;
-    const t = f.current, c = t.querySelectorAll(
+    const t = f.current, s = t.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-    ), n = c[0], d = c[c.length - 1], g = (a) => {
-      a.key === "Tab" && (a.shiftKey ? document.activeElement === n && (a.preventDefault(), d == null || d.focus()) : document.activeElement === d && (a.preventDefault(), n == null || n.focus()));
+    ), n = s[0], c = s[s.length - 1], b = (a) => {
+      a.key === "Tab" && (a.shiftKey ? document.activeElement === n && (a.preventDefault(), c == null || c.focus()) : document.activeElement === c && (a.preventDefault(), n == null || n.focus()));
     };
-    return t.addEventListener("keydown", g), n == null || n.focus(), () => {
-      t.removeEventListener("keydown", g);
+    return t.addEventListener("keydown", b), n == null || n.focus(), () => {
+      t.removeEventListener("keydown", b);
     };
   }, [e]);
-  const U = o[`size-${w}`] || "", j = e ? /* @__PURE__ */ s(
+  const U = l[`size-${w}`] || "", j = e ? /* @__PURE__ */ d(
     "div",
     {
-      className: `${o.overlay} ${E ?? ""}`.trim(),
+      className: `${l.overlay} ${E ?? ""}`.trim(),
       onClick: T,
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": u ? "modal-title" : void 0,
-      children: /* @__PURE__ */ b(
-        "div",
-        {
-          ref: f,
-          className: `${o.modal} ${U} ${$ ?? ""}`.trim(),
-          style: I,
-          onClick: (t) => t.stopPropagation(),
-          children: [
-            N && /* @__PURE__ */ s(
-              "button",
-              {
-                "aria-label": "Close",
-                className: o.closeButton,
-                onClick: r,
-                type: "button",
-                children: /* @__PURE__ */ s(A, { size: 20 })
-              }
-            ),
-            u && /* @__PURE__ */ s("div", { className: o.title, id: "modal-title", children: u }),
-            /* @__PURE__ */ s("div", { className: o.content, children: p })
-          ]
-        }
-      )
+      children: /* @__PURE__ */ _("div", { style: { position: "relative" }, children: [
+        N && /* @__PURE__ */ d(
+          "button",
+          {
+            "aria-label": "Close",
+            className: l.closeButton,
+            onClick: r,
+            type: "button",
+            children: /* @__PURE__ */ d(A, { size: 20 })
+          }
+        ),
+        /* @__PURE__ */ _(
+          "div",
+          {
+            ref: f,
+            className: `${l.modal} ${U} ${$ ?? ""}`.trim(),
+            style: I,
+            onClick: (t) => t.stopPropagation(),
+            children: [
+              u && /* @__PURE__ */ d("div", { className: l.title, id: "modal-title", children: u }),
+              /* @__PURE__ */ d("div", { className: l.content, children: k })
+            ]
+          }
+        )
+      ] })
     }
   ) : null;
-  return /* @__PURE__ */ b(D, { children: [
-    /* @__PURE__ */ s("div", { className: o.trigger, onClick: S, children: z }),
+  return /* @__PURE__ */ _(D, { children: [
+    /* @__PURE__ */ d("div", { className: l.trigger, onClick: S, children: z }),
     typeof window < "u" && q(j, document.body)
   ] });
 }

package/dist/index35.css

@@ -1 +1 @@
-._overlay_1hf1u_2{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_1hf1u_1 .2s ease;padding:var(--spacing-md, 1rem);overflow-y:auto}._modal_1hf1u_19{position:relative;background-color:var(--color-foreground, #fff);border-radius:var(--radius-lg, .5rem);padding:var(--spacing-xl, 2rem);max-height:90vh;overflow-y:auto;animation:_slideUp_1hf1u_1 .3s ease;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1))}._size-sm_1hf1u_31{width:min(90%,400px)}._size-md_1hf1u_35{width:min(90%,600px)}._size-lg_1hf1u_39{width:min(90%,800px)}._size-xl_1hf1u_43{width:min(90%,1200px)}._size-full_1hf1u_47{width:95%;height:95vh;max-height:95vh}._trigger_1hf1u_54{width:auto;display:inline-block;cursor:pointer}._closeButton_1hf1u_61{position:absolute;top:var(--spacing-md, 1rem);right:var(--spacing-md, 1rem);background:none;border:none;cursor:pointer;padding:var(--spacing-xs, .25rem);border-radius:var(--radius-sm, .25rem);color:var(--color-text-secondary, #666);transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:1}._closeButton_1hf1u_61:hover{background-color:var(--color-secondary-10, #f5f5f5);color:var(--color-text-primary, #333)}._closeButton_1hf1u_61:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px}._title_1hf1u_89{font-size:var(--font-size-xl, 1.5rem);font-weight:var(--font-weight-bold, 700);color:var(--color-heading, #111);margin-bottom:var(--spacing-lg, 1.5rem);padding-right:var(--spacing-xl, 2rem);line-height:var(--line-height-heading, 1.2)}._content_1hf1u_99{color:var(--color-text-primary, #333);line-height:var(--line-height-normal, 1.5)}._content_1hf1u_99 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}._content_1hf1u_99 img{max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}@keyframes _fadeIn_1hf1u_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_1hf1u_1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){._modal_1hf1u_19{padding:var(--spacing-lg, 1.5rem);max-height:85vh}._size-sm_1hf1u_31,._size-md_1hf1u_35,._size-lg_1hf1u_39,._size-xl_1hf1u_43{width:95%}._title_1hf1u_89{font-size:var(--font-size-lg, 1.25rem);padding-right:var(--spacing-lg, 1.5rem)}}@media (max-width: 480px){._overlay_1hf1u_2{padding:var(--spacing-sm, .5rem)}._modal_1hf1u_19{padding:var(--spacing-md, 1rem);max-height:90vh}._closeButton_1hf1u_61{top:var(--spacing-sm, .5rem);right:var(--spacing-sm, .5rem)}._title_1hf1u_89{font-size:var(--font-size-md, 1rem);margin-bottom:var(--spacing-md, 1rem)}}
+._overlay_1h84d_2{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_1h84d_1 .2s ease;padding:var(--spacing-md, 1rem);overflow-y:auto}._modal_1h84d_19{position:relative;background-color:var(--color-foreground, #fff);border-radius:var(--radius-lg, .5rem);padding:var(--spacing-xl, 2rem);max-height:90vh;overflow-y:auto;animation:_slideUp_1h84d_1 .3s ease;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1))}._size-sm_1h84d_31{width:min(90%,400px)}._size-md_1h84d_35{width:min(90%,600px)}._size-lg_1h84d_39{width:min(90%,800px)}._size-xl_1h84d_43{width:min(90%,1200px)}._size-full_1h84d_47{width:95%;height:95vh;max-height:95vh}._trigger_1h84d_54{width:auto;display:inline-block;cursor:pointer}._closeButton_1h84d_61{position:absolute;top:-2rem;right:2.5rem;background:none;border:none;cursor:pointer;padding:var(--spacing-xs, .25rem);border-radius:var(--radius-sm, .25rem);color:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:1}._closeButton_1h84d_61:hover{background-color:var(--color-secondary-10, #f5f5f5);color:var(--color-text-primary, #333)}._closeButton_1h84d_61:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px}._title_1h84d_89{font-size:var(--font-size-xl, 1.5rem);font-weight:var(--font-weight-bold, 700);color:var(--color-heading, #111);margin-bottom:var(--spacing-lg, 1.5rem);padding-right:var(--spacing-xl, 2rem);line-height:var(--line-height-heading, 1.2)}._content_1h84d_99{color:var(--color-text-primary, #333);line-height:var(--line-height-normal, 1.5)}._content_1h84d_99 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}._content_1h84d_99 img{max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}@keyframes _fadeIn_1h84d_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_1h84d_1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){._modal_1h84d_19{padding:var(--spacing-lg, 1.5rem);max-height:85vh}._size-sm_1h84d_31,._size-md_1h84d_35,._size-lg_1h84d_39,._size-xl_1h84d_43{width:95%}._title_1h84d_89{font-size:var(--font-size-lg, 1.25rem);padding-right:var(--spacing-lg, 1.5rem)}}@media (max-width: 480px){._overlay_1h84d_2{padding:var(--spacing-sm, .5rem)}._modal_1h84d_19{padding:var(--spacing-md, 1rem);max-height:90vh}._closeButton_1h84d_61{top:var(--spacing-sm, .5rem);right:var(--spacing-sm, .5rem)}._title_1h84d_89{font-size:var(--font-size-md, 1rem);margin-bottom:var(--spacing-md, 1rem)}}

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index.css');require('../../../index60.css');const t=require("react/jsx-runtime");;/* empty css                        */require("react");require("../../../core/components/Avatar/index.cjs");const f=require("../../../core/components/Badge/index.cjs");require("../../../core/components/Checkbox/index.cjs");require("react-dom");require("../../../core/components/Tabs/index.cjs");require("../../../core/tokens/theme.cjs");const j=require("../../../core/context/ThemeContext.cjs"),C=require("../../../createLucideIcon-DpotSgUx.cjs");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index.css');require('../../../index60.css');const t=require("react/jsx-runtime");;/* empty css                        */require("react");require("../../../core/components/Avatar/index.cjs");const g=require("../../../core/components/Badge/index.cjs");require("../../../core/components/Checkbox/index.cjs");require("react-dom");require("../../../core/components/Tabs/index.cjs");require("../../../core/tokens/theme.cjs");const j=require("../../../core/context/ThemeContext.cjs"),C=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 T=[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]],N=C.createLucideIcon("arrow-up-right",T),q="_item_1vn4l_1",k="_itemImage_1vn4l_14",I="_itemTitle_1vn4l_20",b="_callToAction_1vn4l_26",A="_icon_1vn4l_33",w="_single_1vn4l_39",E="_first_1vn4l_40",U="_itemContent_1vn4l_41",B="_itemExcerpt_1vn4l_113",P="_imagePlaceholder_1vn4l_180",z="_category_1vn4l_229",L="_itemEyebrow_1vn4l_248",r={item:q,itemImage:k,itemTitle:I,callToAction:b,icon:A,single:w,first:E,itemContent:U,itemExcerpt:B,imagePlaceholder:P,category:z,itemEyebrow:L};function M(e,i){var n;if(e!=null&&e.imageUrls)return i==="dark"?((n=e.imageUrls.dark)==null?void 0:n.medium)??e.imageUrls.default.medium:e.imageUrls.default.medium}function $(e,i){var l,a,c,s;const n=i==="dark"?"darkImage":"defaultImage";return((a=(l=e==null?void 0:e[n])==null?void 0:l.asset)==null?void 0:a.altText)??((s=(c=e==null?void 0:e[n])==null?void 0:c.asset)==null?void 0:s.description)??"Card image"}function F(e){var l,a;const i=((l=e.categories)==null?void 0:l.find(c=>{var s,o;return!((o=(s=c.slug)==null?void 0:s.current)!=null&&o.startsWith("library/type"))}))??null,n=((a=e.categories)==null?void 0:a.find(c=>{var s,o;return(o=(s=c.slug)==null?void 0:s.current)==null?void 0:o.startsWith("library/type")}))??null;return{mainCategory:i,typeCategory:n}}function S({href:e,className:i,children:n}){return t.jsx("a",{href:e,className:i,children:n})}function W({article:e,className:i="",index:n,layout:l,limit:a,renderImage:c,renderLink:s}){const{mode:o}=j.useTheme(),u=`/blog/articles/${e.slug.current}`,m=M(e.featuredImage,o),_=$(e.featuredImage,o),{mainCategory:g,typeCategory:x}=F(e),v=[r.item,i,n===0?r.first:"",a===1?r.single:"",l??""].filter(Boolean).join(" "),h=t.jsxs("div",{className:r.itemImage,children:[x&&t.jsx("div",{className:r.category,children:x.title}),m?c?c({src:m,alt:_,fill:!0,sizes:"(max-width: 767px) 650px, 300px",priority:!0}):t.jsx("img",{src:m,alt:_,style:{width:"100%",height:"100%",objectFit:"cover"}}):t.jsx("div",{className:r.imagePlaceholder})]}),y=t.jsxs(t.Fragment,{children:[h,t.jsxs("div",{className:r.itemContent,children:[g&&t.jsx(f.Badge,{className:r.itemEyebrow,text:g.title,variant:"muted"}),t.jsxs("div",{className:r.itemTitle,children:[t.jsx("h3",{children:e.title}),t.jsx("div",{className:r.callToAction,children:t.jsx("div",{className:r.icon,children:t.jsx(N,{size:45})})})]}),e.excerpt&&t.jsx("p",{className:r.itemExcerpt,children:e.excerpt})]})]}),p=s?({children:d})=>s({href:u,className:v,children:d}):({children:d})=>t.jsx(S,{href:u,className:v,children:d});return t.jsx(p,{children:y})}exports.BlogArticleCard=W;
+ */const T=[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]],N=C.createLucideIcon("arrow-up-right",T),q="_item_1vn4l_1",I="_itemImage_1vn4l_14",b="_itemTitle_1vn4l_20",k="_callToAction_1vn4l_26",A="_icon_1vn4l_33",w="_single_1vn4l_39",E="_first_1vn4l_40",U="_itemContent_1vn4l_41",B="_itemExcerpt_1vn4l_113",P="_imagePlaceholder_1vn4l_180",L="_category_1vn4l_229",z="_itemEyebrow_1vn4l_248",s={item:q,itemImage:I,itemTitle:b,callToAction:k,icon:A,single:w,first:E,itemContent:U,itemExcerpt:B,imagePlaceholder:P,category:L,itemEyebrow:z};function M(e,i){var r;if(e!=null&&e.imageUrls)return i==="dark"?((r=e.imageUrls.dark)==null?void 0:r.medium)??e.imageUrls.default.medium:e.imageUrls.default.medium}function $(e,i){var c,n,o,u,d,m;if(!e)return"Card image";const r=i==="dark"?"darkImage":"defaultImage",l=((n=(c=e==null?void 0:e[r])==null?void 0:c.asset)==null?void 0:n.altText)??((u=(o=e==null?void 0:e[r])==null?void 0:o.asset)==null?void 0:u.description);if(l)return l;const a=((d=e==null?void 0:e.asset)==null?void 0:d.altText)??((m=e==null?void 0:e.asset)==null?void 0:m.description);return a||"Card image"}function F(e){var l,a;const i=((l=e.categories)==null?void 0:l.find(c=>{var n,o;return!((o=(n=c.slug)==null?void 0:n.current)!=null&&o.startsWith("library/type"))}))??null,r=((a=e.categories)==null?void 0:a.find(c=>{var n,o;return(o=(n=c.slug)==null?void 0:n.current)==null?void 0:o.startsWith("library/type")}))??null;return{mainCategory:i,typeCategory:r}}function S({href:e,className:i,children:r}){return t.jsx("a",{href:e,className:i,children:r})}function W({article:e,className:i="",index:r,layout:l,limit:a,renderImage:c,renderLink:n}){const{mode:o}=j.useTheme(),u=`/blog/articles/${e.slug.current}`,d=M(e.featuredImage,o),m=$(e.featuredImage,o),{mainCategory:x,typeCategory:v}=F(e),h=[s.item,i,r===0?s.first:"",a===1?s.single:"",l??""].filter(Boolean).join(" "),y=t.jsxs("div",{className:s.itemImage,children:[v&&t.jsx("div",{className:s.category,children:v.title}),d?c?c({src:d,alt:m,fill:!0,sizes:"(max-width: 767px) 650px, 300px",priority:r===0}):t.jsx("img",{src:d,alt:m,style:{width:"100%",height:"100%",objectFit:"cover"}}):t.jsx("div",{className:s.imagePlaceholder})]}),f=t.jsxs(t.Fragment,{children:[y,t.jsxs("div",{className:s.itemContent,children:[x&&t.jsx(g.Badge,{className:s.itemEyebrow,text:x.title,variant:"muted"}),t.jsxs("div",{className:s.itemTitle,children:[t.jsx("h3",{children:e.title}),t.jsx("div",{className:s.callToAction,children:t.jsx("div",{className:s.icon,children:t.jsx(N,{size:45})})})]}),e.excerpt&&t.jsx("p",{className:s.itemExcerpt,children:e.excerpt})]})]}),p=n?({children:_})=>n({href:u,className:h,children:_}):({children:_})=>t.jsx(S,{href:u,className:h,children:_});return t.jsx(p,{children:f})}exports.BlogArticleCard=W;

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

@@ -1,4 +1,4 @@
-import { jsxs as m, jsx as i, Fragment as x } from "react/jsx-runtime";
+import { jsxs as _, jsx as o, Fragment as x } from "react/jsx-runtime";
 import '../../../index.css';import '../../../index60.css';/* empty css                      */
 import "react";
 import "../../../core/components/Avatar/index.mjs";
@@ -8,112 +8,115 @@ import "react-dom";
 import "../../../core/components/Tabs/index.mjs";
 import "../../../core/tokens/theme.mjs";
 import { useTheme as N } from "../../../core/context/ThemeContext.mjs";
-import { c as k } from "../../../createLucideIcon-C8GTh_Qx.js";
+import { c as T } from "../../../createLucideIcon-C8GTh_Qx.js";
 /**
  * @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 T = [
+const k = [
   ["path", { d: "M7 7h10v10", key: "1tivn9" }],
   ["path", { d: "M7 17 17 7", key: "1vkiza" }]
-], I = k("arrow-up-right", T), b = "_item_1vn4l_1", w = "_itemImage_1vn4l_14", A = "_itemTitle_1vn4l_20", E = "_callToAction_1vn4l_26", U = "_icon_1vn4l_33", j = "_single_1vn4l_39", B = "_first_1vn4l_40", P = "_itemContent_1vn4l_41", z = "_itemExcerpt_1vn4l_113", L = "_imagePlaceholder_1vn4l_180", F = "_category_1vn4l_229", M = "_itemEyebrow_1vn4l_248", e = {
+], I = T("arrow-up-right", k), b = "_item_1vn4l_1", w = "_itemImage_1vn4l_14", A = "_itemTitle_1vn4l_20", E = "_callToAction_1vn4l_26", U = "_icon_1vn4l_33", P = "_single_1vn4l_39", j = "_first_1vn4l_40", B = "_itemContent_1vn4l_41", L = "_itemExcerpt_1vn4l_113", z = "_imagePlaceholder_1vn4l_180", F = "_category_1vn4l_229", M = "_itemEyebrow_1vn4l_248", n = {
   item: b,
   itemImage: w,
   itemTitle: A,
   callToAction: E,
   icon: U,
-  single: j,
-  first: B,
-  itemContent: P,
-  itemExcerpt: z,
-  imagePlaceholder: L,
+  single: P,
+  first: j,
+  itemContent: B,
+  itemExcerpt: L,
+  imagePlaceholder: z,
   category: F,
   itemEyebrow: M
 };
-function W(t, r) {
-  var n;
+function W(t, s) {
+  var e;
   if (t != null && t.imageUrls)
-    return r === "dark" ? ((n = t.imageUrls.dark) == null ? void 0 : n.medium) ?? t.imageUrls.default.medium : t.imageUrls.default.medium;
+    return s === "dark" ? ((e = t.imageUrls.dark) == null ? void 0 : e.medium) ?? t.imageUrls.default.medium : t.imageUrls.default.medium;
 }
-function D(t, r) {
-  var l, a, s, o;
-  const n = r === "dark" ? "darkImage" : "defaultImage";
-  return ((a = (l = t == null ? void 0 : t[n]) == null ? void 0 : l.asset) == null ? void 0 : a.altText) ?? ((o = (s = t == null ? void 0 : t[n]) == null ? void 0 : s.asset) == null ? void 0 : o.description) ?? "Card image";
+function D(t, s) {
+  var c, r, i, d, m, u;
+  if (!t) return "Card image";
+  const e = s === "dark" ? "darkImage" : "defaultImage", l = ((r = (c = t == null ? void 0 : t[e]) == null ? void 0 : c.asset) == null ? void 0 : r.altText) ?? ((d = (i = t == null ? void 0 : t[e]) == null ? void 0 : i.asset) == null ? void 0 : d.description);
+  if (l) return l;
+  const a = ((m = t == null ? void 0 : t.asset) == null ? void 0 : m.altText) ?? ((u = t == null ? void 0 : t.asset) == null ? void 0 : u.description);
+  return a || "Card image";
 }
-function R(t) {
+function K(t) {
   var l, a;
-  const r = ((l = t.categories) == null ? void 0 : l.find(
-    (s) => {
-      var o, c;
-      return !((c = (o = s.slug) == null ? void 0 : o.current) != null && c.startsWith("library/type"));
+  const s = ((l = t.categories) == null ? void 0 : l.find(
+    (c) => {
+      var r, i;
+      return !((i = (r = c.slug) == null ? void 0 : r.current) != null && i.startsWith("library/type"));
     }
-  )) ?? null, n = ((a = t.categories) == null ? void 0 : a.find(
-    (s) => {
-      var o, c;
-      return (c = (o = s.slug) == null ? void 0 : o.current) == null ? void 0 : c.startsWith("library/type");
+  )) ?? null, e = ((a = t.categories) == null ? void 0 : a.find(
+    (c) => {
+      var r, i;
+      return (i = (r = c.slug) == null ? void 0 : r.current) == null ? void 0 : i.startsWith("library/type");
     }
   )) ?? null;
-  return { mainCategory: r, typeCategory: n };
+  return { mainCategory: s, typeCategory: e };
 }
-function $({
+function R({
   href: t,
-  className: r,
-  children: n
+  className: s,
+  children: e
 }) {
-  return /* @__PURE__ */ i("a", { href: t, className: r, children: n });
+  return /* @__PURE__ */ o("a", { href: t, className: s, children: e });
 }
 function tt({
   article: t,
-  className: r = "",
-  index: n,
+  className: s = "",
+  index: e,
   layout: l,
   limit: a,
-  renderImage: s,
-  renderLink: o
+  renderImage: c,
+  renderLink: r
 }) {
-  const { mode: c } = N(), p = `/blog/articles/${t.slug.current}`, d = W(t.featuredImage, c), u = D(t.featuredImage, c), { mainCategory: v, typeCategory: g } = R(t), h = [
-    e.item,
-    r,
-    n === 0 ? e.first : "",
-    a === 1 ? e.single : "",
+  const { mode: i } = N(), d = `/blog/articles/${t.slug.current}`, m = W(t.featuredImage, i), u = D(t.featuredImage, i), { mainCategory: f, typeCategory: v } = K(t), h = [
+    n.item,
+    s,
+    e === 0 ? n.first : "",
+    a === 1 ? n.single : "",
     l ?? ""
-  ].filter(Boolean).join(" "), f = /* @__PURE__ */ m("div", { className: e.itemImage, children: [
-    g && /* @__PURE__ */ i("div", { className: e.category, children: g.title }),
-    d ? s ? s({
-      src: d,
+  ].filter(Boolean).join(" "), y = /* @__PURE__ */ _("div", { className: n.itemImage, children: [
+    v && /* @__PURE__ */ o("div", { className: n.category, children: v.title }),
+    m ? c ? c({
+      src: m,
       alt: u,
       fill: !0,
       sizes: "(max-width: 767px) 650px, 300px",
-      priority: !0
-    }) : /* @__PURE__ */ i(
+      priority: e === 0
+    }) : /* @__PURE__ */ o(
       "img",
       {
-        src: d,
+        src: m,
         alt: u,
         style: { width: "100%", height: "100%", objectFit: "cover" }
       }
-    ) : /* @__PURE__ */ i("div", { className: e.imagePlaceholder })
-  ] }), y = /* @__PURE__ */ m(x, { children: [
-    f,
-    /* @__PURE__ */ m("div", { className: e.itemContent, children: [
-      v && /* @__PURE__ */ i(
+    ) : /* @__PURE__ */ o("div", { className: n.imagePlaceholder })
+  ] }), g = /* @__PURE__ */ _(x, { children: [
+    y,
+    /* @__PURE__ */ _("div", { className: n.itemContent, children: [
+      f && /* @__PURE__ */ o(
         C,
         {
-          className: e.itemEyebrow,
-          text: v.title,
+          className: n.itemEyebrow,
+          text: f.title,
           variant: "muted"
         }
       ),
-      /* @__PURE__ */ m("div", { className: e.itemTitle, children: [
-        /* @__PURE__ */ i("h3", { children: t.title }),
-        /* @__PURE__ */ i("div", { className: e.callToAction, children: /* @__PURE__ */ i("div", { className: e.icon, children: /* @__PURE__ */ i(I, { size: 45 }) }) })
+      /* @__PURE__ */ _("div", { className: n.itemTitle, children: [
+        /* @__PURE__ */ o("h3", { children: t.title }),
+        /* @__PURE__ */ o("div", { className: n.callToAction, children: /* @__PURE__ */ o("div", { className: n.icon, children: /* @__PURE__ */ o(I, { size: 45 }) }) })
       ] }),
-      t.excerpt && /* @__PURE__ */ i("p", { className: e.itemExcerpt, children: t.excerpt })
+      t.excerpt && /* @__PURE__ */ o("p", { className: n.itemExcerpt, children: t.excerpt })
     ] })
   ] });
-  return /* @__PURE__ */ i(o ? ({ children: _ }) => o({ href: p, className: h, children: _ }) : ({ children: _ }) => /* @__PURE__ */ i($, { href: p, className: h, children: _ }), { children: y });
+  return /* @__PURE__ */ o(r ? ({ children: p }) => r({ href: d, className: h, children: p }) : ({ children: p }) => /* @__PURE__ */ o(R, { href: d, className: h, children: p }), { children: g });
 }
 export {
   tt as BlogArticleCard

package/package.json

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