quirk-ui 0.0.650 → 0.0.651

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index31.css');const e=require("react/jsx-runtime"),b="_wrapper_erjwc_1",h="_table_erjwc_5",j="_empty_erjwc_24",m="_clickableRow_erjwc_30",c={wrapper:b,table:h,empty:j,clickableRow:m};function _({data:l,columns:t,emptyMessage:n="No data available",onRowClick:s,className:i,...d}){return e.jsx("div",{className:`${i??""} ${c.wrapper}`,children:e.jsxs("table",{className:c.table,...d,children:[e.jsx("thead",{children:e.jsx("tr",{children:t.map(a=>e.jsx("th",{className:a.className,children:a.header},String(a.accessor)))})}),e.jsx("tbody",{children:l.length===0?e.jsx("tr",{children:e.jsx("td",{colSpan:t.length,className:c.empty,children:n})}):l.map((a,p)=>e.jsx("tr",{onClick:()=>s==null?void 0:s(a),className:s?c.clickableRow:"",children:t.map(r=>e.jsx("td",{className:r.className,children:r.cellRenderer?r.cellRenderer(a[r.accessor],a):String(a[r.accessor])},String(r.accessor)))},p))})]})})}exports.Table=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index31.css');const e=require("react/jsx-runtime"),h="_wrapper_erjwc_1",j="_table_erjwc_5",m="_empty_erjwc_24",_="_clickableRow_erjwc_30",t={wrapper:h,table:j,empty:m,clickableRow:_};function x({hasHeadingRow:n=!0,data:l,columns:c,emptyMessage:i="No data available",onRowClick:s,className:d,...p}){return e.jsx("div",{className:`${d??""} ${t.wrapper}`,children:e.jsxs("table",{className:t.table,...p,children:[n&&e.jsx("thead",{children:e.jsx("tr",{children:c.map(a=>e.jsx("th",{className:a.className,children:a.header},String(a.accessor)))})}),e.jsx("tbody",{children:l.length===0?e.jsx("tr",{children:e.jsx("td",{colSpan:c.length,className:t.empty,children:i})}):l.map((a,b)=>e.jsx("tr",{onClick:()=>s==null?void 0:s(a),className:s?t.clickableRow:"",children:c.map(r=>e.jsx("td",{className:r.className,children:r.cellRenderer?r.cellRenderer(a[r.accessor],a):String(a[r.accessor])},String(r.accessor)))},b))})]})})}exports.Table=x;

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

@@ -1,31 +1,32 @@
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import '../../../assets/index31.css';const m = "_wrapper_erjwc_1", b = "_table_erjwc_5", _ = "_empty_erjwc_24", N = "_clickableRow_erjwc_30", s = {
-  wrapper: m,
-  table: b,
-  empty: _,
-  clickableRow: N
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import '../../../assets/index31.css';const b = "_wrapper_erjwc_1", _ = "_table_erjwc_5", N = "_empty_erjwc_24", j = "_clickableRow_erjwc_30", t = {
+  wrapper: b,
+  table: _,
+  empty: N,
+  clickableRow: j
 };
-function y({
+function g({
+  hasHeadingRow: n = !0,
   data: l,
-  columns: t,
-  emptyMessage: n = "No data available",
+  columns: s,
+  emptyMessage: d = "No data available",
   onRowClick: c,
-  className: d,
-  ...p
+  className: p,
+  ...i
 }) {
-  return /* @__PURE__ */ e("div", { className: `${d ?? ""} ${s.wrapper}`, children: /* @__PURE__ */ h("table", { className: s.table, ...p, children: [
-    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: t.map((a) => /* @__PURE__ */ e("th", { className: a.className, children: a.header }, String(a.accessor))) }) }),
-    /* @__PURE__ */ e("tbody", { children: l.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: t.length, className: s.empty, children: n }) }) : l.map((a, i) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("div", { className: `${p ?? ""} ${t.wrapper}`, children: /* @__PURE__ */ m("table", { className: t.table, ...i, children: [
+    n && /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { children: s.map((a) => /* @__PURE__ */ e("th", { className: a.className, children: a.header }, String(a.accessor))) }) }),
+    /* @__PURE__ */ e("tbody", { children: l.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: s.length, className: t.empty, children: d }) }) : l.map((a, h) => /* @__PURE__ */ e(
       "tr",
       {
         onClick: () => c == null ? void 0 : c(a),
-        className: c ? s.clickableRow : "",
-        children: t.map((r) => /* @__PURE__ */ e("td", { className: r.className, children: r.cellRenderer ? r.cellRenderer(a[r.accessor], a) : String(a[r.accessor]) }, String(r.accessor)))
+        className: c ? t.clickableRow : "",
+        children: s.map((r) => /* @__PURE__ */ e("td", { className: r.className, children: r.cellRenderer ? r.cellRenderer(a[r.accessor], a) : String(a[r.accessor]) }, String(r.accessor)))
       },
-      i
+      h
     )) })
   ] }) });
 }
 export {
-  y as Table
+  g as Table
 };

package/dist/core.d.ts

@@ -1167,7 +1167,7 @@ declare type SwitchProps = {
     className?: string;
 } & default_2.InputHTMLAttributes<HTMLInputElement>;
 
-export declare function Table<T>({ data, columns, emptyMessage, onRowClick, className, ...restProps }: TableProps<T>): JSX.Element;
+export declare function Table<T>({ hasHeadingRow, data, columns, emptyMessage, onRowClick, className, ...restProps }: TableProps<T>): JSX.Element;
 
 export declare type TableColumn<T> = {
     header: string;
@@ -1177,6 +1177,7 @@ export declare type TableColumn<T> = {
 };
 
 declare type TableProps<T> = {
+    hasHeadingRow?: boolean;
     data: T[];
     columns: TableColumn<T>[];
     emptyMessage?: string;

package/dist/main.d.ts

@@ -1323,7 +1323,7 @@ declare type SwitchProps = {
     className?: string;
 } & default_2.InputHTMLAttributes<HTMLInputElement>;
 
-export declare function Table<T>({ data, columns, emptyMessage, onRowClick, className, ...restProps }: TableProps<T>): JSX.Element;
+export declare function Table<T>({ hasHeadingRow, data, columns, emptyMessage, onRowClick, className, ...restProps }: TableProps<T>): JSX.Element;
 
 export declare type TableColumn<T> = {
     header: string;
@@ -1333,6 +1333,7 @@ export declare type TableColumn<T> = {
 };
 
 declare type TableProps<T> = {
+    hasHeadingRow?: boolean;
     data: T[];
     columns: TableColumn<T>[];
     emptyMessage?: string;

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"),b=require("@portabletext/react"),y=require("../AnimatedSpan/index.cjs"),h=require("../../../core/components/Heading/index.cjs"),q=require("../../../core/components/Text/index.cjs"),L=require("../../../core/components/Table/index.cjs"),M=require("next/image"),N=require("../../hooks/useMediaQuery.cjs"),S="_container_1bbre_1",w="_divider_1bbre_15",H="_richTextImage_1bbre_33",B="_richTextLink_1bbre_41",P="_spacerSmall_1bbre_53",z="_spacerMedium_1bbre_58",I="_spacerLarge_1bbre_63",E="_codeBlock_1bbre_91",d={container:S,divider:w,richTextImage:H,richTextLink:B,spacerSmall:P,spacerMedium:z,spacerLarge:I,codeBlock:E},R=n=>({normal:({children:s})=>t.jsx(q.Text,{className:n,children:s}),h1:({children:s})=>t.jsx(h.Heading,{className:n,level:1,children:s}),h2:({children:s})=>t.jsx(h.Heading,{className:n,level:2,children:s}),h3:({children:s})=>t.jsx(h.Heading,{className:n,level:3,children:s}),h4:({children:s})=>t.jsx(h.Heading,{className:n,level:4,children:s}),h5:({children:s})=>t.jsx(h.Heading,{className:n,level:5,children:s}),h6:({children:s})=>t.jsx(h.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} ${d.codeBlock}`,children:[" ",t.jsx("code",{children:s})]})}),k=(n,l,s,u,g)=>{const _=R(n);return{marks:{coloredText:({children:e,value:r})=>{if(!r)return t.jsx(t.Fragment,{children:e});const{colorClass:c}=r,o=l==null?void 0:l.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 a;const{linkType:c,internalUrl:o,externalUrl:m,blank:p}=r;let i="#";c==="external"&&m?i=m:c==="internal"&&((a=o==null?void 0:o.slug)!=null&&a.current)&&(i=`/${o==null?void 0:o.slug.current}`);const x=c==="external";return t.jsx("a",{href:i,target:p?"_blank":void 0,rel:x?"noopener noreferrer":void 0,className:d.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:_,list:{bullet:({children:e=[]})=>{const r=j.Children.count(e);return t.jsx("ul",{style:{columnCount:g?1:r>7?2:1},className:n,children:e})}},types:{image:({value:e})=>{var c,o,m,p,i,x,a;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} ${d.richTextImage}`,children:[t.jsx(M,{src:e.imageUrls.medium,alt:r,width:1e3,height:800,style:{maxWidth:"100%",height:"auto"}}),(((o=e.asset)==null?void 0:o.title)||((m=e.asset)==null?void 0:m.description))&&t.jsxs("figcaption",{children:[((p=e.asset)==null?void 0:p.title)&&t.jsx("strong",{children:(i=e.asset)==null?void 0:i.title}),((x=e.asset)==null?void 0:x.description)&&t.jsx("p",{children:(a=e.asset)==null?void 0:a.description})]})]})},divider:()=>t.jsx("hr",{className:d.divider}),spacer:({value:e})=>{const r=(e==null?void 0:e.style)||"medium",c={small:d.spacerSmall,medium:d.spacerMedium,large:d.spacerLarge};return t.jsx("span",{className:`${c[r]??d.spacerMedium}`})},table:({value:e})=>{var p;if(!((p=e==null?void 0:e.rows)!=null&&p.length))return null;const r=e.rows[0],c=e.rows.slice(1),o=r.cells.map((i,x)=>({header:t.jsx(b.PortableText,{value:i==null?void 0:i.content,components:k(n,l,s,u,g)}),accessor:`col${x}`,cellRenderer:a=>a?t.jsx(b.PortableText,{value:a,components:k(n,l,s,u,g)}):null})),m=c.map(i=>{var a;const x={};return(a=i.cells)==null||a.forEach((T,$)=>{x[`col${$}`]=T==null?void 0:T.content}),x});return t.jsx(L.Table,{data:m,columns:o})}}}},C=({blocks:n,className:l,textOverride:s,animateText:u})=>{const g=N.useMediaQuery("(max-width: 767px)"),_=j.useRef(s);j.useEffect(()=>{_.current=s},[s]);const f=j.useMemo(()=>k(l,_,s,u,g),[l,_,s,u,g]);return n?typeof n=="string"?(console.warn("RichText component received a string. Expected PortableTextBlock[]"),t.jsx(q.Text,{className:l,children:n})):t.jsx("div",{className:`${d.container} portableTextContainer`,children:t.jsx(b.PortableText,{value:n,components:f})}):null};exports.RichText=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index15.css');const t=require("react/jsx-runtime"),k=require("react"),f=require("@portabletext/react"),H=require("../AnimatedSpan/index.cjs"),j=require("../../../core/components/Heading/index.cjs"),L=require("../../../core/components/Text/index.cjs"),M=require("../../../core/components/Table/index.cjs"),N=require("next/image"),S=require("../../hooks/useMediaQuery.cjs"),B="_container_1bbre_1",P="_divider_1bbre_15",z="_richTextImage_1bbre_33",I="_richTextLink_1bbre_41",R="_spacerSmall_1bbre_53",E="_spacerMedium_1bbre_58",C="_spacerLarge_1bbre_63",A="_codeBlock_1bbre_91",l={container:B,divider:P,richTextImage:z,richTextLink:I,spacerSmall:R,spacerMedium:E,spacerLarge:C,codeBlock:A},Q=n=>({normal:({children:s})=>t.jsx(L.Text,{className:n,children:s}),h1:({children:s})=>t.jsx(j.Heading,{className:n,level:1,children:s}),h2:({children:s})=>t.jsx(j.Heading,{className:n,level:2,children:s}),h3:({children:s})=>t.jsx(j.Heading,{className:n,level:3,children:s}),h4:({children:s})=>t.jsx(j.Heading,{className:n,level:4,children:s}),h5:({children:s})=>t.jsx(j.Heading,{className:n,level:5,children:s}),h6:({children:s})=>t.jsx(j.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} ${l.codeBlock}`,children:[" ",t.jsx("code",{children:s})]})}),$=(n,i,s,p,u)=>{const T=Q(n);return{marks:{coloredText:({children:e,value:r})=>{if(!r)return t.jsx(t.Fragment,{children:e});const{colorClass:c}=r,o=i==null?void 0:i.current;return p&&s?t.jsx(H.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 d;const{linkType:c,internalUrl:o,externalUrl:a,blank:g}=r;let x="#";c==="external"&&a?x=a:c==="internal"&&((d=o==null?void 0:o.slug)!=null&&d.current)&&(x=`/${o==null?void 0:o.slug.current}`);const m=c==="external";return t.jsx("a",{href:x,target:g?"_blank":void 0,rel:m?"noopener noreferrer":void 0,className:l.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:T,list:{bullet:({children:e=[]})=>{const r=k.Children.count(e);return t.jsx("ul",{style:{columnCount:u?1:r>7?2:1},className:n,children:e})}},types:{image:({value:e})=>{var c,o,a,g,x,m,d;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} ${l.richTextImage}`,children:[t.jsx(N,{src:e.imageUrls.medium,alt:r,width:1e3,height:800,style:{maxWidth:"100%",height:"auto"}}),(((o=e.asset)==null?void 0:o.title)||((a=e.asset)==null?void 0:a.description))&&t.jsxs("figcaption",{children:[((g=e.asset)==null?void 0:g.title)&&t.jsx("strong",{children:(x=e.asset)==null?void 0:x.title}),((m=e.asset)==null?void 0:m.description)&&t.jsx("p",{children:(d=e.asset)==null?void 0:d.description})]})]})},divider:()=>t.jsx("hr",{className:l.divider}),spacer:({value:e})=>{const r=(e==null?void 0:e.style)||"medium",c={small:l.spacerSmall,medium:l.spacerMedium,large:l.spacerLarge};return t.jsx("span",{className:`${c[r]??l.spacerMedium}`})},table:({value:e})=>{var m,d;if(!((m=e==null?void 0:e.rows)!=null&&m.length))return null;const{hasHeadingRow:r}=e,c=r?e.rows[0]:null,o=r?e.rows.slice(1):e.rows,a=c||o[0];if(!((d=a==null?void 0:a.cells)!=null&&d.length))return null;const g=a.cells.map((y,h)=>{var b;return{header:c?t.jsx(f.PortableText,{value:(b=c.cells[h])==null?void 0:b.content,components:$(n,i,s,p,u)}):`Column ${h+1}`,accessor:`col${h}`,cellRenderer:_=>_?t.jsx(f.PortableText,{value:_,components:$(n,i,s,p,u)}):null}}),x=o.map(y=>{var b;const h={};return(b=y.cells)==null||b.forEach((_,w)=>{h[`col${w}`]=_==null?void 0:_.content}),h});return t.jsx(M.Table,{hasHeadingRow:r,data:x,columns:g,className:`${n} ${r?"hasHeadingRow":""}`})}}}},U=({blocks:n,className:i,textOverride:s,animateText:p})=>{const u=S.useMediaQuery("(max-width: 767px)"),T=k.useRef(s);k.useEffect(()=>{T.current=s},[s]);const q=k.useMemo(()=>$(i,T,s,p,u),[i,T,s,p,u]);return n?typeof n=="string"?(console.warn("RichText component received a string. Expected PortableTextBlock[]"),t.jsx(L.Text,{className:i,children:n})):t.jsx("div",{className:`${l.container} portableTextContainer`,children:t.jsx(f.PortableText,{value:n,components:q})}):null};exports.RichText=U;

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

@@ -1,53 +1,53 @@
-import { jsx as t, jsxs as b, Fragment as w } from "react/jsx-runtime";
-import y, { useRef as M, useEffect as B, useMemo as S } from "react";
-import { PortableText as k } from "@portabletext/react";
-import { AnimatedSpan as z } from "../AnimatedSpan/index.mjs";
-import { Heading as _ } from "../../../core/components/Heading/index.mjs";
-import { Text as $ } from "../../../core/components/Text/index.mjs";
-import { Table as E } from "../../../core/components/Table/index.mjs";
-import I from "next/image";
-import { useMediaQuery as j } from "../../hooks/useMediaQuery.mjs";
-import '../../../assets/index15.css';const C = "_container_1bbre_1", P = "_divider_1bbre_15", R = "_richTextImage_1bbre_33", q = "_richTextLink_1bbre_41", U = "_spacerSmall_1bbre_53", A = "_spacerMedium_1bbre_58", F = "_spacerLarge_1bbre_63", H = "_codeBlock_1bbre_91", l = {
-  container: C,
-  divider: P,
-  richTextImage: R,
-  richTextLink: q,
-  spacerSmall: U,
-  spacerMedium: A,
-  spacerLarge: F,
-  codeBlock: H
-}, Q = (n) => ({
-  normal: ({ children: r }) => /* @__PURE__ */ t($, { className: n, children: r }),
-  h1: ({ children: r }) => /* @__PURE__ */ t(_, { className: n, level: 1, children: r }),
-  h2: ({ children: r }) => /* @__PURE__ */ t(_, { className: n, level: 2, children: r }),
-  h3: ({ children: r }) => /* @__PURE__ */ t(_, { className: n, level: 3, children: r }),
-  h4: ({ children: r }) => /* @__PURE__ */ t(_, { className: n, level: 4, children: r }),
-  h5: ({ children: r }) => /* @__PURE__ */ t(_, { className: n, level: 5, children: r }),
-  h6: ({ children: r }) => /* @__PURE__ */ t(_, { className: n, level: 6, children: r }),
-  quote: ({ children: r }) => /* @__PURE__ */ t("blockquote", { className: n, children: r }),
-  code: ({ children: r }) => /* @__PURE__ */ b("pre", { className: `${n} ${l.codeBlock}`, children: [
+import { jsx as t, jsxs as T, Fragment as B } from "react/jsx-runtime";
+import S, { useRef as z, useEffect as E, useMemo as I } from "react";
+import { PortableText as $ } from "@portabletext/react";
+import { AnimatedSpan as R } from "../AnimatedSpan/index.mjs";
+import { Heading as x } from "../../../core/components/Heading/index.mjs";
+import { Text as y } from "../../../core/components/Text/index.mjs";
+import { Table as j } from "../../../core/components/Table/index.mjs";
+import C from "next/image";
+import { useMediaQuery as H } from "../../hooks/useMediaQuery.mjs";
+import '../../../assets/index15.css';const P = "_container_1bbre_1", q = "_divider_1bbre_15", U = "_richTextImage_1bbre_33", A = "_richTextLink_1bbre_41", F = "_spacerSmall_1bbre_53", Q = "_spacerMedium_1bbre_58", W = "_spacerLarge_1bbre_63", D = "_codeBlock_1bbre_91", m = {
+  container: P,
+  divider: q,
+  richTextImage: U,
+  richTextLink: A,
+  spacerSmall: F,
+  spacerMedium: Q,
+  spacerLarge: W,
+  codeBlock: D
+}, G = (r) => ({
+  normal: ({ children: n }) => /* @__PURE__ */ t(y, { className: r, children: n }),
+  h1: ({ children: n }) => /* @__PURE__ */ t(x, { className: r, level: 1, children: n }),
+  h2: ({ children: n }) => /* @__PURE__ */ t(x, { className: r, level: 2, children: n }),
+  h3: ({ children: n }) => /* @__PURE__ */ t(x, { className: r, level: 3, children: n }),
+  h4: ({ children: n }) => /* @__PURE__ */ t(x, { className: r, level: 4, children: n }),
+  h5: ({ children: n }) => /* @__PURE__ */ t(x, { className: r, level: 5, children: n }),
+  h6: ({ children: n }) => /* @__PURE__ */ t(x, { className: r, level: 6, children: n }),
+  quote: ({ children: n }) => /* @__PURE__ */ t("blockquote", { className: r, children: n }),
+  code: ({ children: n }) => /* @__PURE__ */ T("pre", { className: `${r} ${m.codeBlock}`, children: [
     " ",
-    /* @__PURE__ */ t("code", { children: r })
+    /* @__PURE__ */ t("code", { children: n })
   ] })
-}), T = (n, a, r, g, u) => {
-  const f = Q(n);
+}), L = (r, i, n, d, h) => {
+  const k = G(r);
   return {
     marks: {
       coloredText: ({
         children: e,
-        value: o
+        value: c
       }) => {
-        if (!o) return /* @__PURE__ */ t(w, { children: e });
-        const { colorClass: c } = o, s = a == null ? void 0 : a.current;
-        return g && r ? /* @__PURE__ */ t(
-          z,
+        if (!c) return /* @__PURE__ */ t(B, { children: e });
+        const { colorClass: o } = c, s = i == null ? void 0 : i.current;
+        return d && n ? /* @__PURE__ */ t(
+          R,
           {
-            className: c,
-            text: r,
+            className: o,
+            text: n,
             prevText: s
           },
           "animated-span"
-        ) : /* @__PURE__ */ t("span", { className: c, children: e });
+        ) : /* @__PURE__ */ t("span", { className: o, children: e });
       },
       strong: ({ children: e }) => /* @__PURE__ */ t("strong", { children: e }),
       em: ({ children: e }) => /* @__PURE__ */ t("em", { children: e }),
@@ -55,38 +55,38 @@ import '../../../assets/index15.css';const C = "_container_1bbre_1", P = "_divid
       left: ({ children: e }) => /* @__PURE__ */ t("span", { className: "textLeft", children: e }),
       center: ({ children: e }) => /* @__PURE__ */ t("span", { className: "textCenter", children: e }),
       right: ({ children: e }) => /* @__PURE__ */ t("span", { className: "textRight", children: e }),
-      link: ({ children: e, value: o }) => {
-        var m;
-        const { linkType: c, internalUrl: s, externalUrl: d, blank: h } = o;
-        let i = "#";
-        return c === "external" && d ? i = d : c === "internal" && ((m = s == null ? void 0 : s.slug) != null && m.current) && (i = `/${s == null ? void 0 : s.slug.current}`), /* @__PURE__ */ t(
+      link: ({ children: e, value: c }) => {
+        var p;
+        const { linkType: o, internalUrl: s, externalUrl: l, blank: g } = c;
+        let a = "#";
+        return o === "external" && l ? a = l : o === "internal" && ((p = s == null ? void 0 : s.slug) != null && p.current) && (a = `/${s == null ? void 0 : s.slug.current}`), /* @__PURE__ */ t(
           "a",
           {
-            href: i,
-            target: h ? "_blank" : void 0,
-            rel: c === "external" ? "noopener noreferrer" : void 0,
-            className: l.richTextLink,
+            href: a,
+            target: g ? "_blank" : void 0,
+            rel: o === "external" ? "noopener noreferrer" : void 0,
+            className: m.richTextLink,
             children: e
           }
         );
       },
-      textSize: ({ children: e, value: o }) => {
-        const c = o != null && o.size ? `text-${o.size}` : "";
-        return /* @__PURE__ */ t("span", { className: c, children: e });
+      textSize: ({ children: e, value: c }) => {
+        const o = c != null && c.size ? `text-${c.size}` : "";
+        return /* @__PURE__ */ t("span", { className: o, children: e });
       },
       inlineCode: ({ children: e }) => /* @__PURE__ */ t("code", { children: e })
     },
-    block: f,
+    block: k,
     list: {
       bullet: ({ children: e = [] }) => {
-        const o = y.Children.count(e);
+        const c = S.Children.count(e);
         return /* @__PURE__ */ t(
           "ul",
           {
             style: {
-              columnCount: u ? 1 : o > 7 ? 2 : 1
+              columnCount: h ? 1 : c > 7 ? 2 : 1
             },
-            className: n,
+            className: r,
             children: e
           }
         );
@@ -94,101 +94,114 @@ import '../../../assets/index15.css';const C = "_container_1bbre_1", P = "_divid
     },
     types: {
       image: ({ value: e }) => {
-        var c, s, d, h, i, p, m;
+        var o, s, l, g, a, u, p;
         if (!(e != null && e.imageUrls)) return null;
-        const o = ((c = e.asset) == null ? void 0 : c.altText) || "Content image";
-        return /* @__PURE__ */ b("figure", { className: `${n} ${l.richTextImage}`, children: [
+        const c = ((o = e.asset) == null ? void 0 : o.altText) || "Content image";
+        return /* @__PURE__ */ T("figure", { className: `${r} ${m.richTextImage}`, children: [
           /* @__PURE__ */ t(
-            I,
+            C,
             {
               src: e.imageUrls.medium,
-              alt: o,
+              alt: c,
               width: 1e3,
               height: 800,
               style: { maxWidth: "100%", height: "auto" }
             }
           ),
-          (((s = e.asset) == null ? void 0 : s.title) || ((d = e.asset) == null ? void 0 : d.description)) && /* @__PURE__ */ b("figcaption", { children: [
-            ((h = e.asset) == null ? void 0 : h.title) && /* @__PURE__ */ t("strong", { children: (i = e.asset) == null ? void 0 : i.title }),
-            ((p = e.asset) == null ? void 0 : p.description) && /* @__PURE__ */ t("p", { children: (m = e.asset) == null ? void 0 : m.description })
+          (((s = e.asset) == null ? void 0 : s.title) || ((l = e.asset) == null ? void 0 : l.description)) && /* @__PURE__ */ T("figcaption", { children: [
+            ((g = e.asset) == null ? void 0 : g.title) && /* @__PURE__ */ t("strong", { children: (a = e.asset) == null ? void 0 : a.title }),
+            ((u = e.asset) == null ? void 0 : u.description) && /* @__PURE__ */ t("p", { children: (p = e.asset) == null ? void 0 : p.description })
           ] })
         ] });
       },
-      divider: () => /* @__PURE__ */ t("hr", { className: l.divider }),
+      divider: () => /* @__PURE__ */ t("hr", { className: m.divider }),
       spacer: ({ value: e }) => {
-        const o = (e == null ? void 0 : e.style) || "medium", c = {
-          small: l.spacerSmall,
-          medium: l.spacerMedium,
-          large: l.spacerLarge
+        const c = (e == null ? void 0 : e.style) || "medium", o = {
+          small: m.spacerSmall,
+          medium: m.spacerMedium,
+          large: m.spacerLarge
         };
-        return /* @__PURE__ */ t("span", { className: `${c[o] ?? l.spacerMedium}` });
+        return /* @__PURE__ */ t("span", { className: `${o[c] ?? m.spacerMedium}` });
       },
       table: ({ value: e }) => {
-        var h;
-        if (!((h = e == null ? void 0 : e.rows) != null && h.length)) return null;
-        const o = e.rows[0], c = e.rows.slice(1), s = o.cells.map((i, p) => ({
-          header: /* @__PURE__ */ t(
-            k,
-            {
-              value: i == null ? void 0 : i.content,
-              components: T(
-                n,
-                a,
-                r,
-                g,
-                u
-              )
-            }
-          ),
-          accessor: `col${p}`,
-          cellRenderer: (m) => m ? /* @__PURE__ */ t(
-            k,
-            {
-              value: m,
-              components: T(
-                n,
-                a,
-                r,
-                g,
-                u
-              )
-            }
-          ) : null
-        })), d = c.map((i) => {
-          var m;
-          const p = {};
-          return (m = i.cells) == null || m.forEach((x, N) => {
-            p[`col${N}`] = x == null ? void 0 : x.content;
-          }), p;
+        var u, p;
+        if (!((u = e == null ? void 0 : e.rows) != null && u.length)) return null;
+        const { hasHeadingRow: c } = e, o = c ? e.rows[0] : null, s = c ? e.rows.slice(1) : e.rows, l = o || s[0];
+        if (!((p = l == null ? void 0 : l.cells) != null && p.length)) return null;
+        const g = l.cells.map((N, _) => {
+          var b;
+          return {
+            header: o ? /* @__PURE__ */ t(
+              $,
+              {
+                value: (b = o.cells[_]) == null ? void 0 : b.content,
+                components: L(
+                  r,
+                  i,
+                  n,
+                  d,
+                  h
+                )
+              }
+            ) : `Column ${_ + 1}`,
+            accessor: `col${_}`,
+            cellRenderer: (f) => f ? /* @__PURE__ */ t(
+              $,
+              {
+                value: f,
+                components: L(
+                  r,
+                  i,
+                  n,
+                  d,
+                  h
+                )
+              }
+            ) : null
+          };
+        }), a = s.map((N) => {
+          var b;
+          const _ = {};
+          return (b = N.cells) == null || b.forEach((f, M) => {
+            _[`col${M}`] = f == null ? void 0 : f.content;
+          }), _;
         });
-        return /* @__PURE__ */ t(E, { data: d, columns: s });
+        return /* @__PURE__ */ t(
+          j,
+          {
+            hasHeadingRow: c,
+            data: a,
+            columns: g,
+            className: `${r} ${c ? "hasHeadingRow" : ""}`
+          }
+        );
       }
     }
   };
-}, v = ({
-  blocks: n,
-  className: a,
-  textOverride: r,
-  animateText: g
+}, ne = ({
+  blocks: r,
+  className: i,
+  textOverride: n,
+  animateText: d
 }) => {
-  const u = j("(max-width: 767px)"), f = M(r);
-  B(() => {
-    f.current = r;
-  }, [r]);
-  const L = S(
-    () => T(
-      a,
-      f,
-      r,
-      g,
-      u
+  const h = H("(max-width: 767px)"), k = z(n);
+  E(() => {
+    k.current = n;
+  }, [n]);
+  const w = I(
+    () => L(
+      i,
+      k,
+      n,
+      d,
+      h
     ),
-    [a, f, r, g, u]
+    [i, k, n, d, h]
   );
-  return n ? typeof n == "string" ? (console.warn(
+  return r ? typeof r == "string" ? (console.warn(
     "RichText component received a string. Expected PortableTextBlock[]"
-  ), /* @__PURE__ */ t($, { className: a, children: n })) : /* @__PURE__ */ t("div", { className: `${l.container} portableTextContainer`, children: /* @__PURE__ */ t(k, { value: n, components: L }) }) : null;
+  ), /* @__PURE__ */ t(y, { className: i, children: r })) : /* @__PURE__ */ t("div", { className: `${m.container} portableTextContainer`, children: /* @__PURE__ */ t($, { value: r, components: w }) }) : null;
 };
 export {
-  v as RichText
+  ne as RichText
 };

package/package.json

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