quirk-ui 0.0.644 → 0.0.645

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index15.css');const t=require("react/jsx-runtime"),j=require("react"),f=require("@portabletext/react"),y=require("../AnimatedSpan/index.cjs"),m=require("../../../core/components/Heading/index.cjs"),k=require("../../../core/components/Text/index.cjs"),q=require("next/image"),L=require("../../hooks/useMediaQuery.cjs"),M="_container_pt2lm_1",N="_divider_pt2lm_13",$="_richTextImage_pt2lm_27",S="_richTextLink_pt2lm_35",H="_spacerSmall_pt2lm_47",b="_spacerMedium_pt2lm_52",B="_spacerLarge_pt2lm_57",C="_codeBlock_pt2lm_85",i={container:M,divider:N,richTextImage:$,richTextLink:S,spacerSmall:H,spacerMedium:b,spacerLarge:B,codeBlock:C},z=n=>({normal:({children:s})=>t.jsx(k.Text,{className:n,children:s}),h1:({children:s})=>t.jsx(m.Heading,{className:n,level:1,children:s}),h2:({children:s})=>t.jsx(m.Heading,{className:n,level:2,children:s}),h3:({children:s})=>t.jsx(m.Heading,{className:n,level:3,children:s}),h4:({children:s})=>t.jsx(m.Heading,{className:n,level:4,children:s}),h5:({children:s})=>t.jsx(m.Heading,{className:n,level:5,children:s}),h6:({children:s})=>t.jsx(m.Heading,{className:n,level:6,children:s}),quote:({children:s})=>t.jsx("blockquote",{className:n,children:s}),code:({children:s})=>t.jsxs("pre",{className:`${n} ${i.codeBlock}`,children:[" ",t.jsx("code",{children:s})]})}),I=(n,a,s,u,g)=>{const x=z(n);return{marks:{coloredText:({children:e,value:r})=>{if(!r)return t.jsx(t.Fragment,{children:e});const{colorClass:c}=r,o=a==null?void 0:a.current;return u&&s?t.jsx(y.AnimatedSpan,{className:c,text:s,prevText:o},"animated-span"):t.jsx("span",{className:c,children:e})},strong:({children:e})=>t.jsx("strong",{children:e}),em:({children:e})=>t.jsx("em",{children:e}),number:({children:e})=>t.jsx("span",{className:"inlineNumber",children:e}),left:({children:e})=>t.jsx("span",{className:"textLeft",children:e}),center:({children:e})=>t.jsx("span",{className:"textCenter",children:e}),right:({children:e})=>t.jsx("span",{className:"textRight",children:e}),link:({children:e,value:r})=>{var p;const{linkType:c,internalUrl:o,externalUrl:d,blank:_}=r;let l="#";c==="external"&&d?l=d:c==="internal"&&((p=o==null?void 0:o.slug)!=null&&p.current)&&(l=`/${o==null?void 0:o.slug.current}`);const h=c==="external";return t.jsx("a",{href:l,target:_?"_blank":void 0,rel:h?"noopener noreferrer":void 0,className:i.richTextLink,children:e})},textSize:({children:e,value:r})=>{const c=r!=null&&r.size?`text-${r.size}`:"";return t.jsx("span",{className:c,children:e})},inlineCode:({children:e})=>t.jsx("code",{style:{backgroundColor:"rgba(0,0,0,0.1)",padding:"0.2em 0.4em",borderRadius:"4px",fontFamily:"monospace"},children:e})},block:x,list:{bullet:({children:e=[]})=>{const r=j.Children.count(e);return t.jsx("ul",{style:{columnCount:g?1:r>5?2:1},className:n,children:e})}},types:{image:({value:e})=>{var c,o,d,_,l,h,p;if(!(e!=null&&e.imageUrls))return null;const r=((c=e.asset)==null?void 0:c.altText)||"Content image";return t.jsxs("figure",{className:`${n} ${i.richTextImage}`,children:[t.jsx(q,{src:e.imageUrls.medium,alt:r,width:1e3,height:800,style:{maxWidth:"100%",height:"auto"}}),(((o=e.asset)==null?void 0:o.title)||((d=e.asset)==null?void 0:d.description))&&t.jsxs("figcaption",{children:[((_=e.asset)==null?void 0:_.title)&&t.jsx("strong",{children:(l=e.asset)==null?void 0:l.title}),((h=e.asset)==null?void 0:h.description)&&t.jsx("p",{children:(p=e.asset)==null?void 0:p.description})]})]})},divider:()=>t.jsx("hr",{className:i.divider}),spacer:({value:e})=>{const r=(e==null?void 0:e.style)||"medium",c={small:i.spacerSmall,medium:i.spacerMedium,large:i.spacerLarge};return t.jsx("span",{className:`${c[r]??i.spacerMedium}`})}}}},P=({blocks:n,className:a,textOverride:s,animateText:u})=>{const g=L.useMediaQuery("(max-width: 767px)"),x=j.useRef(s);j.useEffect(()=>{x.current=s},[s]);const T=j.useMemo(()=>I(a,x,s,u,g),[a,x,s,u,g]);return n?typeof n=="string"?(console.warn("RichText component received a string. Expected PortableTextBlock[]"),t.jsx(k.Text,{className:a,children:n})):t.jsx("div",{className:`${i.container} portableTextContainer`,children:t.jsx(f.PortableText,{value:n,components:T})}):null};exports.RichText=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index15.css');const t=require("react/jsx-runtime"),j=require("react"),f=require("@portabletext/react"),q=require("../AnimatedSpan/index.cjs"),m=require("../../../core/components/Heading/index.cjs"),k=require("../../../core/components/Text/index.cjs"),y=require("next/image"),L=require("../../hooks/useMediaQuery.cjs"),M="_container_pt2lm_1",N="_divider_pt2lm_13",$="_richTextImage_pt2lm_27",S="_richTextLink_pt2lm_35",H="_spacerSmall_pt2lm_47",B="_spacerMedium_pt2lm_52",z="_spacerLarge_pt2lm_57",C="_codeBlock_pt2lm_85",i={container:M,divider:N,richTextImage:$,richTextLink:S,spacerSmall:H,spacerMedium:B,spacerLarge:z,codeBlock:C},I=n=>({normal:({children:s})=>t.jsx(k.Text,{className:n,children:s}),h1:({children:s})=>t.jsx(m.Heading,{className:n,level:1,children:s}),h2:({children:s})=>t.jsx(m.Heading,{className:n,level:2,children:s}),h3:({children:s})=>t.jsx(m.Heading,{className:n,level:3,children:s}),h4:({children:s})=>t.jsx(m.Heading,{className:n,level:4,children:s}),h5:({children:s})=>t.jsx(m.Heading,{className:n,level:5,children:s}),h6:({children:s})=>t.jsx(m.Heading,{className:n,level:6,children:s}),quote:({children:s})=>t.jsx("blockquote",{className:n,children:s}),code:({children:s})=>t.jsxs("pre",{className:`${n} ${i.codeBlock}`,children:[" ",t.jsx("code",{children:s})]})}),P=(n,a,s,u,g)=>{const x=I(n);return{marks:{coloredText:({children:e,value:r})=>{if(!r)return t.jsx(t.Fragment,{children:e});const{colorClass:c}=r,o=a==null?void 0:a.current;return u&&s?t.jsx(q.AnimatedSpan,{className:c,text:s,prevText:o},"animated-span"):t.jsx("span",{className:c,children:e})},strong:({children:e})=>t.jsx("strong",{children:e}),em:({children:e})=>t.jsx("em",{children:e}),number:({children:e})=>t.jsx("span",{className:"inlineNumber",children:e}),left:({children:e})=>t.jsx("span",{className:"textLeft",children:e}),center:({children:e})=>t.jsx("span",{className:"textCenter",children:e}),right:({children:e})=>t.jsx("span",{className:"textRight",children:e}),link:({children:e,value:r})=>{var p;const{linkType:c,internalUrl:o,externalUrl:d,blank:_}=r;let l="#";c==="external"&&d?l=d:c==="internal"&&((p=o==null?void 0:o.slug)!=null&&p.current)&&(l=`/${o==null?void 0:o.slug.current}`);const h=c==="external";return t.jsx("a",{href:l,target:_?"_blank":void 0,rel:h?"noopener noreferrer":void 0,className:i.richTextLink,children:e})},textSize:({children:e,value:r})=>{const c=r!=null&&r.size?`text-${r.size}`:"";return t.jsx("span",{className:c,children:e})},inlineCode:({children:e})=>t.jsx("code",{children:e})},block:x,list:{bullet:({children:e=[]})=>{const r=j.Children.count(e);return t.jsx("ul",{style:{columnCount:g?1:r>5?2:1},className:n,children:e})}},types:{image:({value:e})=>{var c,o,d,_,l,h,p;if(!(e!=null&&e.imageUrls))return null;const r=((c=e.asset)==null?void 0:c.altText)||"Content image";return t.jsxs("figure",{className:`${n} ${i.richTextImage}`,children:[t.jsx(y,{src:e.imageUrls.medium,alt:r,width:1e3,height:800,style:{maxWidth:"100%",height:"auto"}}),(((o=e.asset)==null?void 0:o.title)||((d=e.asset)==null?void 0:d.description))&&t.jsxs("figcaption",{children:[((_=e.asset)==null?void 0:_.title)&&t.jsx("strong",{children:(l=e.asset)==null?void 0:l.title}),((h=e.asset)==null?void 0:h.description)&&t.jsx("p",{children:(p=e.asset)==null?void 0:p.description})]})]})},divider:()=>t.jsx("hr",{className:i.divider}),spacer:({value:e})=>{const r=(e==null?void 0:e.style)||"medium",c={small:i.spacerSmall,medium:i.spacerMedium,large:i.spacerLarge};return t.jsx("span",{className:`${c[r]??i.spacerMedium}`})}}}},b=({blocks:n,className:a,textOverride:s,animateText:u})=>{const g=L.useMediaQuery("(max-width: 767px)"),x=j.useRef(s);j.useEffect(()=>{x.current=s},[s]);const T=j.useMemo(()=>P(a,x,s,u,g),[a,x,s,u,g]);return n?typeof n=="string"?(console.warn("RichText component received a string. Expected PortableTextBlock[]"),t.jsx(k.Text,{className:a,children:n})):t.jsx("div",{className:`${i.container} portableTextContainer`,children:t.jsx(f.PortableText,{value:n,components:T})}):null};exports.RichText=b;

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

@@ -1,21 +1,21 @@
 import { jsx as t, jsxs as f, Fragment as L } from "react/jsx-runtime";
-import N, { useRef as y, useEffect as M, useMemo as $ } from "react";
+import N, { useRef as M, useEffect as y, useMemo as $ } from "react";
 import { PortableText as B } from "@portabletext/react";
-import { AnimatedSpan as C } from "../AnimatedSpan/index.mjs";
+import { AnimatedSpan as S } from "../AnimatedSpan/index.mjs";
 import { Heading as a } from "../../../core/components/Heading/index.mjs";
 import { Text as k } from "../../../core/components/Text/index.mjs";
-import S from "next/image";
-import { useMediaQuery as z } from "../../hooks/useMediaQuery.mjs";
-import '../../../assets/index15.css';const I = "_container_pt2lm_1", b = "_divider_pt2lm_13", E = "_richTextImage_pt2lm_27", w = "_richTextLink_pt2lm_35", P = "_spacerSmall_pt2lm_47", R = "_spacerMedium_pt2lm_52", j = "_spacerLarge_pt2lm_57", q = "_codeBlock_pt2lm_85", i = {
+import z from "next/image";
+import { useMediaQuery as C } from "../../hooks/useMediaQuery.mjs";
+import '../../../assets/index15.css';const I = "_container_pt2lm_1", E = "_divider_pt2lm_13", w = "_richTextImage_pt2lm_27", P = "_richTextLink_pt2lm_35", j = "_spacerSmall_pt2lm_47", q = "_spacerMedium_pt2lm_52", R = "_spacerLarge_pt2lm_57", U = "_codeBlock_pt2lm_85", i = {
   container: I,
-  divider: b,
-  richTextImage: E,
-  richTextLink: w,
-  spacerSmall: P,
-  spacerMedium: R,
-  spacerLarge: j,
-  codeBlock: q
-}, F = (n) => ({
+  divider: E,
+  richTextImage: w,
+  richTextLink: P,
+  spacerSmall: j,
+  spacerMedium: q,
+  spacerLarge: R,
+  codeBlock: U
+}, b = (n) => ({
   normal: ({ children: r }) => /* @__PURE__ */ t(k, { className: n, children: r }),
   h1: ({ children: r }) => /* @__PURE__ */ t(a, { className: n, level: 1, children: r }),
   h2: ({ children: r }) => /* @__PURE__ */ t(a, { className: n, level: 2, children: r }),
@@ -28,8 +28,8 @@ import '../../../assets/index15.css';const I = "_container_pt2lm_1", b = "_divid
     " ",
     /* @__PURE__ */ t("code", { children: r })
   ] })
-}), U = (n, l, r, h, x) => {
-  const p = F(n);
+}), A = (n, l, r, g, x) => {
+  const p = b(n);
   return {
     marks: {
       coloredText: ({
@@ -38,8 +38,8 @@ import '../../../assets/index15.css';const I = "_container_pt2lm_1", b = "_divid
       }) => {
         if (!s) return /* @__PURE__ */ t(L, { children: e });
         const { colorClass: c } = s, o = l == null ? void 0 : l.current;
-        return h && r ? /* @__PURE__ */ t(
-          C,
+        return g && r ? /* @__PURE__ */ t(
+          S,
           {
             className: c,
             text: r,
@@ -55,10 +55,10 @@ import '../../../assets/index15.css';const I = "_container_pt2lm_1", b = "_divid
       center: ({ children: e }) => /* @__PURE__ */ t("span", { className: "textCenter", children: e }),
       right: ({ children: e }) => /* @__PURE__ */ t("span", { className: "textRight", children: e }),
       link: ({ children: e, value: s }) => {
-        var g;
+        var h;
         const { linkType: c, internalUrl: o, externalUrl: d, blank: u } = s;
         let m = "#";
-        return c === "external" && d ? m = d : c === "internal" && ((g = o == null ? void 0 : o.slug) != null && g.current) && (m = `/${o == null ? void 0 : o.slug.current}`), /* @__PURE__ */ t(
+        return c === "external" && d ? m = d : c === "internal" && ((h = o == null ? void 0 : o.slug) != null && h.current) && (m = `/${o == null ? void 0 : o.slug.current}`), /* @__PURE__ */ t(
           "a",
           {
             href: m,
@@ -73,18 +73,7 @@ import '../../../assets/index15.css';const I = "_container_pt2lm_1", b = "_divid
         const c = s != null && s.size ? `text-${s.size}` : "";
         return /* @__PURE__ */ t("span", { className: c, children: e });
       },
-      inlineCode: ({ children: e }) => /* @__PURE__ */ t(
-        "code",
-        {
-          style: {
-            backgroundColor: "rgba(0,0,0,0.1)",
-            padding: "0.2em 0.4em",
-            borderRadius: "4px",
-            fontFamily: "monospace"
-          },
-          children: e
-        }
-      )
+      inlineCode: ({ children: e }) => /* @__PURE__ */ t("code", { children: e })
     },
     block: p,
     list: {
@@ -104,12 +93,12 @@ import '../../../assets/index15.css';const I = "_container_pt2lm_1", b = "_divid
     },
     types: {
       image: ({ value: e }) => {
-        var c, o, d, u, m, _, g;
+        var c, o, d, u, m, _, h;
         if (!(e != null && e.imageUrls)) return null;
         const s = ((c = e.asset) == null ? void 0 : c.altText) || "Content image";
         return /* @__PURE__ */ f("figure", { className: `${n} ${i.richTextImage}`, children: [
           /* @__PURE__ */ t(
-            S,
+            z,
             {
               src: e.imageUrls.medium,
               alt: s,
@@ -120,7 +109,7 @@ import '../../../assets/index15.css';const I = "_container_pt2lm_1", b = "_divid
           ),
           (((o = e.asset) == null ? void 0 : o.title) || ((d = e.asset) == null ? void 0 : d.description)) && /* @__PURE__ */ f("figcaption", { children: [
             ((u = e.asset) == null ? void 0 : u.title) && /* @__PURE__ */ t("strong", { children: (m = e.asset) == null ? void 0 : m.title }),
-            ((_ = e.asset) == null ? void 0 : _.description) && /* @__PURE__ */ t("p", { children: (g = e.asset) == null ? void 0 : g.description })
+            ((_ = e.asset) == null ? void 0 : _.description) && /* @__PURE__ */ t("p", { children: (h = e.asset) == null ? void 0 : h.description })
           ] })
         ] });
       },
@@ -139,21 +128,21 @@ import '../../../assets/index15.css';const I = "_container_pt2lm_1", b = "_divid
   blocks: n,
   className: l,
   textOverride: r,
-  animateText: h
+  animateText: g
 }) => {
-  const x = z("(max-width: 767px)"), p = y(r);
-  M(() => {
+  const x = C("(max-width: 767px)"), p = M(r);
+  y(() => {
     p.current = r;
   }, [r]);
   const T = $(
-    () => U(
+    () => A(
       l,
       p,
       r,
-      h,
+      g,
       x
     ),
-    [l, p, r, h, x]
+    [l, p, r, g, x]
   );
   return n ? typeof n == "string" ? (console.warn(
     "RichText component received a string. Expected PortableTextBlock[]"

package/package.json

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