quirk-ui 0.1.192 → 0.1.193

package/dist/next/ui/PortableTextRenderer/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index.css');require('../../../index11.css');const e=require("react/jsx-runtime"),y=require("react"),k=require("@portabletext/react"),w=require("../AnimatedSpan/index.cjs");;/* empty css                        */require("../../../core/components/Avatar/index.cjs");require("../../../core/context/ModalContext.cjs");require("../../../core/components/Checkbox/index.cjs");const L=require("../../../core/components/Text/index.cjs"),_=require("../../../core/components/Heading/index.cjs");require("react-dom");const B=require("../../../core/components/Table/index.cjs");require("../../../core/components/Tabs/index.cjs");require("../../../core/tokens/theme.cjs");const H=require("next/image"),S=require("../../hooks/useMediaQuery.cjs"),b="_container_1glyt_1",z="_divider_1glyt_32",F="_richTextImage_1glyt_50",I="_richTextLink_1glyt_58",W="_spacerSmall_1glyt_72",C="_spacerMedium_1glyt_77",P="_spacerLarge_1glyt_82",U="_codeBlock_1glyt_110",A="_codeBlockWrapper_1glyt_119",E="_codeFilename_1glyt_131",i={container:b,divider:z,richTextImage:F,richTextLink:I,spacerSmall:W,spacerMedium:C,spacerLarge:P,codeBlock:U,codeBlockWrapper:A,codeFilename:E};function Q(s){return{normal:({children:n})=>e.jsx(L.Text,{className:s,children:n}),h1:({children:n})=>e.jsx(_.Heading,{className:s,level:1,children:n}),h2:({children:n})=>e.jsx(_.Heading,{className:s,level:2,children:n}),h3:({children:n})=>e.jsx(_.Heading,{className:s,level:3,children:n}),h4:({children:n})=>e.jsx(_.Heading,{className:s,level:4,children:n}),h5:({children:n})=>e.jsx(_.Heading,{className:s,level:5,children:n}),h6:({children:n})=>e.jsx(_.Heading,{className:s,level:6,children:n}),quote:({children:n})=>e.jsx("blockquote",{className:s,children:n})}}const D={strong:({children:s})=>e.jsx("strong",{children:s}),em:({children:s})=>e.jsx("em",{children:s}),number:({children:s})=>e.jsx("span",{className:"inlineNumber",children:s}),left:({children:s})=>e.jsx("span",{className:"textLeft",children:s}),center:({children:s})=>e.jsx("span",{className:"textCenter",children:s}),right:({children:s})=>e.jsx("span",{className:"textRight",children:s}),inlineCode:({children:s})=>e.jsx("code",{children:s}),link:({children:s,value:n})=>{var p;const{linkType:r,internalUrl:a,externalUrl:l,blank:x}=n??{};let d="#";return r==="external"&&l?d=l:r==="internal"&&((p=a==null?void 0:a.slug)!=null&&p.current)&&(d=`/${a.slug.current}`),e.jsx("a",{href:d,target:x?"_blank":void 0,rel:r==="external"?"noopener noreferrer":void 0,className:i.richTextLink,children:s})},textSize:({children:s,value:n})=>{const r=n!=null&&n.size?`text-${n.size}`:"";return e.jsx("span",{className:r,children:s})}};function G({baseClassName:s,previousTextRef:n,textOverride:r,animateText:a,isMobile:l}){const x=({children:t,value:c})=>{if(!c)return e.jsx(e.Fragment,{children:t});const{colorClass:o}=c;return r?a?e.jsx(w.AnimatedSpan,{className:o,text:r,prevText:n.current},"animated-span"):e.jsx("span",{className:o,children:r}):e.jsx("span",{className:o,children:t})},d=({children:t=[]})=>{const c=y.Children.count(t);return e.jsx("ul",{style:{columnCount:l?1:c>7?2:1},className:s,children:t})};let p;const q=()=>p;return p={marks:{...D,coloredText:x},block:Q(s),list:{bullet:d},types:{image:({value:t})=>{var o,h,m,f,T;if(!(t!=null&&t.imageUrls))return null;const c=((o=t.asset)==null?void 0:o.altText)||"Content image";return e.jsxs("figure",{className:`${s??""} ${i.richTextImage}`,children:[e.jsx(H,{src:t.imageUrls.medium,alt:c,width:1e3,height:800,style:{maxWidth:"100%",height:"auto"}}),(((h=t.asset)==null?void 0:h.title)||((m=t.asset)==null?void 0:m.description))&&e.jsxs("figcaption",{children:[((f=t.asset)==null?void 0:f.title)&&e.jsx("strong",{children:t.asset.title}),((T=t.asset)==null?void 0:T.description)&&e.jsx("p",{children:t.asset.description})]})]})},divider:()=>e.jsx("hr",{className:i.divider}),spacer:({value:t})=>{const c=(t==null?void 0:t.style)||"medium",o={small:i.spacerSmall,medium:i.spacerMedium,large:i.spacerLarge};return e.jsx("span",{className:o[c]??i.spacerMedium})},table:({value:t})=>{var N,$;if(!((N=t==null?void 0:t.rows)!=null&&N.length))return null;const{hasHeadingRow:c}=t,o=c?t.rows[0]:null,h=c?t.rows.slice(1):t.rows,m=o||h[0];if(!(($=m==null?void 0:m.cells)!=null&&$.length))return null;const f=m.cells.map((M,u)=>{var j;return{header:o?e.jsx(k.PortableText,{value:(j=o.cells[u])==null?void 0:j.content,components:q()}):`Column ${u+1}`,accessor:`col${u}`,cellRenderer:g=>g?e.jsx(k.PortableText,{value:g,components:q()}):null}}),T=h.map(M=>{var j;const u={};return(j=M.cells)==null||j.forEach((g,R)=>{u[`col${R}`]=g==null?void 0:g.content}),u});return e.jsx(B.Table,{hasHeadingRow:c,data:T,columns:f,className:`${s??""} ${c?"hasHeadingRow":""}`})},code:({value:t})=>t!=null&&t.code?e.jsxs("div",{className:`${i.codeBlockWrapper} ${s??""}`,children:[t.filename&&e.jsx("div",{className:i.codeFilename,children:t.filename}),e.jsx("pre",{className:i.codeBlock,children:e.jsx("code",{children:t.code})})]}):null}},p}const J=({blocks:s,className:n,textOverride:r,animateText:a})=>{const l=S.useMediaQuery("(max-width: 767px)"),x=y.useRef(r);y.useEffect(()=>{x.current=r},[r]);const d=y.useMemo(()=>G({baseClassName:n,previousTextRef:x,textOverride:r,animateText:a,isMobile:l}),[n,r,a,l]);return s?typeof s=="string"?e.jsx(L.Text,{className:n,children:s}):e.jsx("div",{className:`${i.container} portableTextContainer`,children:e.jsx(k.PortableText,{value:s,components:d})}):null};exports.RichText=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index.css');require('../../../index11.css');const e=require("react/jsx-runtime"),k=require("react"),q=require("@portabletext/react"),w=require("../AnimatedSpan/index.cjs");;/* empty css                        */require("../../../core/components/Avatar/index.cjs");require("../../../core/context/ModalContext.cjs");require("../../../core/components/Checkbox/index.cjs");const L=require("../../../core/components/Text/index.cjs"),h=require("../../../core/components/Heading/index.cjs");require("react-dom");const B=require("../../../core/components/Table/index.cjs");require("../../../core/components/Tabs/index.cjs");require("../../../core/tokens/theme.cjs");const H=require("next/image"),S=require("../../hooks/useMediaQuery.cjs"),b="_container_1glyt_1",z="_divider_1glyt_32",F="_richTextImage_1glyt_50",I="_richTextLink_1glyt_58",W="_spacerSmall_1glyt_72",C="_spacerMedium_1glyt_77",P="_spacerLarge_1glyt_82",U="_codeBlock_1glyt_110",A="_codeBlockWrapper_1glyt_119",E="_codeFilename_1glyt_131",i={container:b,divider:z,richTextImage:F,richTextLink:I,spacerSmall:W,spacerMedium:C,spacerLarge:P,codeBlock:U,codeBlockWrapper:A,codeFilename:E};function Q(t){return{normal:({children:n})=>e.jsx(L.Text,{className:t,children:n}),h1:({children:n})=>e.jsx(h.Heading,{className:t,level:1,children:n}),h2:({children:n})=>e.jsx(h.Heading,{className:t,level:2,children:n}),h3:({children:n})=>e.jsx(h.Heading,{className:t,level:3,children:n}),h4:({children:n})=>e.jsx(h.Heading,{className:t,level:4,children:n}),h5:({children:n})=>e.jsx(h.Heading,{className:t,level:5,children:n}),h6:({children:n})=>e.jsx(h.Heading,{className:t,level:6,children:n}),quote:({children:n})=>e.jsx("blockquote",{className:t,children:n})}}const D={strong:({children:t})=>e.jsx("strong",{children:t}),em:({children:t})=>e.jsx("em",{children:t}),number:({children:t})=>e.jsx("span",{className:"inlineNumber",children:t}),left:({children:t})=>e.jsx("span",{className:"textLeft",children:t}),center:({children:t})=>e.jsx("span",{className:"textCenter",children:t}),right:({children:t})=>e.jsx("span",{className:"textRight",children:t}),inlineCode:({children:t})=>e.jsx("code",{children:t}),link:({children:t,value:n})=>{var s;const{linkType:r,internalUrl:l,externalUrl:m,email:d,phone:p,blank:_}=n??{};let a="#";return r==="external"&&m?a=m:r==="internal"&&((s=l==null?void 0:l.slug)!=null&&s.current)?a=`/${l.slug.current}`:r==="email"&&d?a=`mailto:${d}`:r==="phone"&&p&&(a=`tel:${p.replace(/\s/g,"")}`),e.jsx("a",{href:a,target:_?"_blank":void 0,rel:r==="external"?"noopener noreferrer":void 0,className:i.richTextLink,children:t})},textSize:({children:t,value:n})=>{const r=n!=null&&n.size?`text-${n.size}`:"";return e.jsx("span",{className:r,children:t})}};function G({baseClassName:t,previousTextRef:n,textOverride:r,animateText:l,isMobile:m}){const d=({children:s,value:c})=>{if(!c)return e.jsx(e.Fragment,{children:s});const{colorClass:o}=c;return r?l?e.jsx(w.AnimatedSpan,{className:o,text:r,prevText:n.current},"animated-span"):e.jsx("span",{className:o,children:r}):e.jsx("span",{className:o,children:s})},p=({children:s=[]})=>{const c=k.Children.count(s);return e.jsx("ul",{style:{columnCount:m?1:c>7?2:1},className:t,children:s})};let _;const a=()=>_;return _={marks:{...D,coloredText:d},block:Q(t),list:{bullet:p},types:{image:({value:s})=>{var o,j,x,T,y;if(!(s!=null&&s.imageUrls))return null;const c=((o=s.asset)==null?void 0:o.altText)||"Content image";return e.jsxs("figure",{className:`${t??""} ${i.richTextImage}`,children:[e.jsx(H,{src:s.imageUrls.medium,alt:c,width:1e3,height:800,style:{maxWidth:"100%",height:"auto"}}),(((j=s.asset)==null?void 0:j.title)||((x=s.asset)==null?void 0:x.description))&&e.jsxs("figcaption",{children:[((T=s.asset)==null?void 0:T.title)&&e.jsx("strong",{children:s.asset.title}),((y=s.asset)==null?void 0:y.description)&&e.jsx("p",{children:s.asset.description})]})]})},divider:()=>e.jsx("hr",{className:i.divider}),spacer:({value:s})=>{const c=(s==null?void 0:s.style)||"medium",o={small:i.spacerSmall,medium:i.spacerMedium,large:i.spacerLarge};return e.jsx("span",{className:o[c]??i.spacerMedium})},table:({value:s})=>{var $,N;if(!(($=s==null?void 0:s.rows)!=null&&$.length))return null;const{hasHeadingRow:c}=s,o=c?s.rows[0]:null,j=c?s.rows.slice(1):s.rows,x=o||j[0];if(!((N=x==null?void 0:x.cells)!=null&&N.length))return null;const T=x.cells.map((M,u)=>{var f;return{header:o?e.jsx(q.PortableText,{value:(f=o.cells[u])==null?void 0:f.content,components:a()}):`Column ${u+1}`,accessor:`col${u}`,cellRenderer:g=>g?e.jsx(q.PortableText,{value:g,components:a()}):null}}),y=j.map(M=>{var f;const u={};return(f=M.cells)==null||f.forEach((g,R)=>{u[`col${R}`]=g==null?void 0:g.content}),u});return e.jsx(B.Table,{hasHeadingRow:c,data:y,columns:T,className:`${t??""} ${c?"hasHeadingRow":""}`})},code:({value:s})=>s!=null&&s.code?e.jsxs("div",{className:`${i.codeBlockWrapper} ${t??""}`,children:[s.filename&&e.jsx("div",{className:i.codeFilename,children:s.filename}),e.jsx("pre",{className:i.codeBlock,children:e.jsx("code",{children:s.code})})]}):null}},_}const J=({blocks:t,className:n,textOverride:r,animateText:l})=>{const m=S.useMediaQuery("(max-width: 767px)"),d=k.useRef(r);k.useEffect(()=>{d.current=r},[r]);const p=k.useMemo(()=>G({baseClassName:n,previousTextRef:d,textOverride:r,animateText:l,isMobile:m}),[n,r,l,m]);return t?typeof t=="string"?e.jsx(L.Text,{className:n,children:t}):e.jsx("div",{className:`${i.container} portableTextContainer`,children:e.jsx(q.PortableText,{value:t,components:p})}):null};exports.RichText=J;

package/dist/next/ui/PortableTextRenderer/index.mjs

@@ -1,6 +1,6 @@
-import { jsx as r, jsxs as T, Fragment as S } from "react/jsx-runtime";
+import { jsx as n, jsxs as N, Fragment as S } from "react/jsx-runtime";
 import z, { useRef as F, useEffect as I, useMemo as W } from "react";
-import { PortableText as N } from "@portabletext/react";
+import { PortableText as $ } from "@portabletext/react";
 import { AnimatedSpan as C } from "../AnimatedSpan/index.mjs";
 import '../../../index.css';import '../../../index11.css';/* empty css                      */
 import "../../../core/components/Avatar/index.mjs";
@@ -26,197 +26,197 @@ const q = "_container_1glyt_1", E = "_divider_1glyt_32", b = "_richTextImage_1gl
   codeBlockWrapper: J,
   codeFilename: K
 };
-function X(e) {
+function X(t) {
   return {
-    normal: ({ children: n }) => /* @__PURE__ */ r(B, { className: e, children: n }),
-    h1: ({ children: n }) => /* @__PURE__ */ r(_, { className: e, level: 1, children: n }),
-    h2: ({ children: n }) => /* @__PURE__ */ r(_, { className: e, level: 2, children: n }),
-    h3: ({ children: n }) => /* @__PURE__ */ r(_, { className: e, level: 3, children: n }),
-    h4: ({ children: n }) => /* @__PURE__ */ r(_, { className: e, level: 4, children: n }),
-    h5: ({ children: n }) => /* @__PURE__ */ r(_, { className: e, level: 5, children: n }),
-    h6: ({ children: n }) => /* @__PURE__ */ r(_, { className: e, level: 6, children: n }),
-    quote: ({ children: n }) => /* @__PURE__ */ r("blockquote", { className: e, children: n })
+    normal: ({ children: r }) => /* @__PURE__ */ n(B, { className: t, children: r }),
+    h1: ({ children: r }) => /* @__PURE__ */ n(_, { className: t, level: 1, children: r }),
+    h2: ({ children: r }) => /* @__PURE__ */ n(_, { className: t, level: 2, children: r }),
+    h3: ({ children: r }) => /* @__PURE__ */ n(_, { className: t, level: 3, children: r }),
+    h4: ({ children: r }) => /* @__PURE__ */ n(_, { className: t, level: 4, children: r }),
+    h5: ({ children: r }) => /* @__PURE__ */ n(_, { className: t, level: 5, children: r }),
+    h6: ({ children: r }) => /* @__PURE__ */ n(_, { className: t, level: 6, children: r }),
+    quote: ({ children: r }) => /* @__PURE__ */ n("blockquote", { className: t, children: r })
   };
 }
 const Y = {
-  strong: ({ children: e }) => /* @__PURE__ */ r("strong", { children: e }),
-  em: ({ children: e }) => /* @__PURE__ */ r("em", { children: e }),
-  number: ({ children: e }) => /* @__PURE__ */ r("span", { className: "inlineNumber", children: e }),
-  left: ({ children: e }) => /* @__PURE__ */ r("span", { className: "textLeft", children: e }),
-  center: ({ children: e }) => /* @__PURE__ */ r("span", { className: "textCenter", children: e }),
-  right: ({ children: e }) => /* @__PURE__ */ r("span", { className: "textRight", children: e }),
-  inlineCode: ({ children: e }) => /* @__PURE__ */ r("code", { children: e }),
-  link: ({ children: e, value: n }) => {
-    var g;
-    const { linkType: o, internalUrl: l, externalUrl: a, blank: d } = n ?? {};
-    let m = "#";
-    return o === "external" && a ? m = a : o === "internal" && ((g = l == null ? void 0 : l.slug) != null && g.current) && (m = `/${l.slug.current}`), /* @__PURE__ */ r(
+  strong: ({ children: t }) => /* @__PURE__ */ n("strong", { children: t }),
+  em: ({ children: t }) => /* @__PURE__ */ n("em", { children: t }),
+  number: ({ children: t }) => /* @__PURE__ */ n("span", { className: "inlineNumber", children: t }),
+  left: ({ children: t }) => /* @__PURE__ */ n("span", { className: "textLeft", children: t }),
+  center: ({ children: t }) => /* @__PURE__ */ n("span", { className: "textCenter", children: t }),
+  right: ({ children: t }) => /* @__PURE__ */ n("span", { className: "textRight", children: t }),
+  inlineCode: ({ children: t }) => /* @__PURE__ */ n("code", { children: t }),
+  link: ({ children: t, value: r }) => {
+    var e;
+    const { linkType: o, internalUrl: l, externalUrl: m, email: p, phone: g, blank: u } = r ?? {};
+    let a = "#";
+    return o === "external" && m ? a = m : o === "internal" && ((e = l == null ? void 0 : l.slug) != null && e.current) ? a = `/${l.slug.current}` : o === "email" && p ? a = `mailto:${p}` : o === "phone" && g && (a = `tel:${g.replace(/\s/g, "")}`), /* @__PURE__ */ n(
       "a",
       {
-        href: m,
-        target: d ? "_blank" : void 0,
+        href: a,
+        target: u ? "_blank" : void 0,
         rel: o === "external" ? "noopener noreferrer" : void 0,
         className: i.richTextLink,
-        children: e
+        children: t
       }
     );
   },
-  textSize: ({ children: e, value: n }) => {
-    const o = n != null && n.size ? `text-${n.size}` : "";
-    return /* @__PURE__ */ r("span", { className: o, children: e });
+  textSize: ({ children: t, value: r }) => {
+    const o = r != null && r.size ? `text-${r.size}` : "";
+    return /* @__PURE__ */ n("span", { className: o, children: t });
   }
 };
 function Z({
-  baseClassName: e,
-  previousTextRef: n,
+  baseClassName: t,
+  previousTextRef: r,
   textOverride: o,
   animateText: l,
-  isMobile: a
+  isMobile: m
 }) {
-  const d = ({
-    children: t,
+  const p = ({
+    children: e,
     value: s
   }) => {
-    if (!s) return /* @__PURE__ */ r(S, { children: t });
+    if (!s) return /* @__PURE__ */ n(S, { children: e });
     const { colorClass: c } = s;
-    return o ? l ? /* @__PURE__ */ r(
+    return o ? l ? /* @__PURE__ */ n(
       C,
       {
         className: c,
         text: o,
-        prevText: n.current
+        prevText: r.current
       },
       "animated-span"
-    ) : /* @__PURE__ */ r("span", { className: c, children: o }) : /* @__PURE__ */ r("span", { className: c, children: t });
-  }, m = ({ children: t = [] }) => {
-    const s = z.Children.count(t);
-    return /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ n("span", { className: c, children: o }) : /* @__PURE__ */ n("span", { className: c, children: e });
+  }, g = ({ children: e = [] }) => {
+    const s = z.Children.count(e);
+    return /* @__PURE__ */ n(
       "ul",
       {
-        style: { columnCount: a ? 1 : s > 7 ? 2 : 1 },
-        className: e,
-        children: t
+        style: { columnCount: m ? 1 : s > 7 ? 2 : 1 },
+        className: t,
+        children: e
       }
     );
   };
-  let g;
-  const $ = () => g;
-  return g = {
+  let u;
+  const a = () => u;
+  return u = {
     marks: {
       ...Y,
-      coloredText: d
+      coloredText: p
     },
-    block: X(e),
+    block: X(t),
     list: {
-      bullet: m
+      bullet: g
     },
     types: {
       // ── Inline image ────────────────────────────────────────────────────
-      image: ({ value: t }) => {
-        var c, u, p, k, y;
-        if (!(t != null && t.imageUrls)) return null;
-        const s = ((c = t.asset) == null ? void 0 : c.altText) || "Content image";
-        return /* @__PURE__ */ T("figure", { className: `${e ?? ""} ${i.richTextImage}`, children: [
-          /* @__PURE__ */ r(
+      image: ({ value: e }) => {
+        var c, x, d, y, T;
+        if (!(e != null && e.imageUrls)) return null;
+        const s = ((c = e.asset) == null ? void 0 : c.altText) || "Content image";
+        return /* @__PURE__ */ N("figure", { className: `${t ?? ""} ${i.richTextImage}`, children: [
+          /* @__PURE__ */ n(
             H,
             {
-              src: t.imageUrls.medium,
+              src: e.imageUrls.medium,
               alt: s,
               width: 1e3,
               height: 800,
               style: { maxWidth: "100%", height: "auto" }
             }
           ),
-          (((u = t.asset) == null ? void 0 : u.title) || ((p = t.asset) == null ? void 0 : p.description)) && /* @__PURE__ */ T("figcaption", { children: [
-            ((k = t.asset) == null ? void 0 : k.title) && /* @__PURE__ */ r("strong", { children: t.asset.title }),
-            ((y = t.asset) == null ? void 0 : y.description) && /* @__PURE__ */ r("p", { children: t.asset.description })
+          (((x = e.asset) == null ? void 0 : x.title) || ((d = e.asset) == null ? void 0 : d.description)) && /* @__PURE__ */ N("figcaption", { children: [
+            ((y = e.asset) == null ? void 0 : y.title) && /* @__PURE__ */ n("strong", { children: e.asset.title }),
+            ((T = e.asset) == null ? void 0 : T.description) && /* @__PURE__ */ n("p", { children: e.asset.description })
           ] })
         ] });
       },
       // ── Divider ─────────────────────────────────────────────────────────
-      divider: () => /* @__PURE__ */ r("hr", { className: i.divider }),
+      divider: () => /* @__PURE__ */ n("hr", { className: i.divider }),
       // ── Spacer ──────────────────────────────────────────────────────────
-      spacer: ({ value: t }) => {
-        const s = (t == null ? void 0 : t.style) || "medium", c = {
+      spacer: ({ value: e }) => {
+        const s = (e == null ? void 0 : e.style) || "medium", c = {
           small: i.spacerSmall,
           medium: i.spacerMedium,
           large: i.spacerLarge
         };
-        return /* @__PURE__ */ r("span", { className: c[s] ?? i.spacerMedium });
+        return /* @__PURE__ */ n("span", { className: c[s] ?? i.spacerMedium });
       },
       // ── Table ────────────────────────────────────────────────────────────
-      table: ({ value: t }) => {
+      table: ({ value: e }) => {
         var L, M;
-        if (!((L = t == null ? void 0 : t.rows) != null && L.length)) return null;
-        const { hasHeadingRow: s } = t, c = s ? t.rows[0] : null, u = s ? t.rows.slice(1) : t.rows, p = c || u[0];
-        if (!((M = p == null ? void 0 : p.cells) != null && M.length)) return null;
-        const k = p.cells.map((w, h) => {
-          var x;
+        if (!((L = e == null ? void 0 : e.rows) != null && L.length)) return null;
+        const { hasHeadingRow: s } = e, c = s ? e.rows[0] : null, x = s ? e.rows.slice(1) : e.rows, d = c || x[0];
+        if (!((M = d == null ? void 0 : d.cells) != null && M.length)) return null;
+        const y = d.cells.map((w, h) => {
+          var k;
           return {
-            header: c ? /* @__PURE__ */ r(
-              N,
+            header: c ? /* @__PURE__ */ n(
+              $,
               {
-                value: (x = c.cells[h]) == null ? void 0 : x.content,
-                components: $()
+                value: (k = c.cells[h]) == null ? void 0 : k.content,
+                components: a()
               }
             ) : `Column ${h + 1}`,
             accessor: `col${h}`,
-            cellRenderer: (f) => f ? /* @__PURE__ */ r(
-              N,
+            cellRenderer: (f) => f ? /* @__PURE__ */ n(
+              $,
               {
                 value: f,
-                components: $()
+                components: a()
               }
             ) : null
           };
-        }), y = u.map((w) => {
-          var x;
+        }), T = x.map((w) => {
+          var k;
           const h = {};
-          return (x = w.cells) == null || x.forEach((f, R) => {
+          return (k = w.cells) == null || k.forEach((f, R) => {
             h[`col${R}`] = f == null ? void 0 : f.content;
           }), h;
         });
-        return /* @__PURE__ */ r(
+        return /* @__PURE__ */ n(
           j,
           {
             hasHeadingRow: s,
-            data: y,
-            columns: k,
-            className: `${e ?? ""} ${s ? "hasHeadingRow" : ""}`
+            data: T,
+            columns: y,
+            className: `${t ?? ""} ${s ? "hasHeadingRow" : ""}`
           }
         );
       },
       // ── Code block ──────────────────────────────────────────────────────
-      code: ({ value: t }) => t != null && t.code ? /* @__PURE__ */ T("div", { className: `${i.codeBlockWrapper} ${e ?? ""}`, children: [
-        t.filename && /* @__PURE__ */ r("div", { className: i.codeFilename, children: t.filename }),
-        /* @__PURE__ */ r("pre", { className: i.codeBlock, children: /* @__PURE__ */ r("code", { children: t.code }) })
+      code: ({ value: e }) => e != null && e.code ? /* @__PURE__ */ N("div", { className: `${i.codeBlockWrapper} ${t ?? ""}`, children: [
+        e.filename && /* @__PURE__ */ n("div", { className: i.codeFilename, children: e.filename }),
+        /* @__PURE__ */ n("pre", { className: i.codeBlock, children: /* @__PURE__ */ n("code", { children: e.code }) })
       ] }) : null
     }
-  }, g;
+  }, u;
 }
 const ge = ({
-  blocks: e,
-  className: n,
+  blocks: t,
+  className: r,
   textOverride: o,
   animateText: l
 }) => {
-  const a = U("(max-width: 767px)"), d = F(o);
+  const m = U("(max-width: 767px)"), p = F(o);
   I(() => {
-    d.current = o;
+    p.current = o;
   }, [o]);
-  const m = W(
+  const g = W(
     () => Z({
-      baseClassName: n,
-      previousTextRef: d,
+      baseClassName: r,
+      previousTextRef: p,
       textOverride: o,
       animateText: l,
-      isMobile: a
+      isMobile: m
     }),
     // previousTextRef intentionally omitted — it's a stable ref object.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [n, o, l, a]
+    [r, o, l, m]
   );
-  return e ? typeof e == "string" ? /* @__PURE__ */ r(B, { className: n, children: e }) : /* @__PURE__ */ r("div", { className: `${i.container} portableTextContainer`, children: /* @__PURE__ */ r(N, { value: e, components: m }) }) : null;
+  return t ? typeof t == "string" ? /* @__PURE__ */ n(B, { className: r, children: t }) : /* @__PURE__ */ n("div", { className: `${i.container} portableTextContainer`, children: /* @__PURE__ */ n($, { value: t, components: g }) }) : null;
 };
 export {
   ge as RichText

package/package.json

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