quirk-ui 0.0.650 → 0.0.652

package/dist/assets/index31.css

@@ -1 +1 @@
-._wrapper_erjwc_1{overflow-x:auto}._table_erjwc_5{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}th{background-color:var(--color-secondary-10);font-weight:var(--font-weight-semibold)}._empty_erjwc_24{text-align:center;padding:var(--spacing-md);color:var(--color-text-primary)}._clickableRow_erjwc_30{cursor:pointer}._clickableRow_erjwc_30:hover{background-color:var(--color-primary-100)}
+._wrapper_v1s5j_1{overflow-x:auto}._table_v1s5j_5{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}th{background-color:var(--color-secondary-10);font-weight:var(--font-weight-semibold)}._empty_v1s5j_24{text-align:center;padding:var(--spacing-md);color:var(--color-text-primary)}._clickableRow_v1s5j_30{cursor:pointer}._clickableRow_v1s5j_30:hover{background-color:var(--color-primary-100)}

package/dist/assets/index31.css.d.ts

@@ -1,8 +1,8 @@
 declare const styles: {
-  readonly "_clickableRow_erjwc_30": string;
-  readonly "_empty_erjwc_24": string;
-  readonly "_table_erjwc_5": string;
-  readonly "_wrapper_erjwc_1": string;
+  readonly "_clickableRow_v1s5j_30": string;
+  readonly "_empty_v1s5j_24": string;
+  readonly "_table_v1s5j_5": string;
+  readonly "_wrapper_v1s5j_1": string;
 };
 export = styles;
 

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_v1s5j_1",j="_table_v1s5j_5",m="_empty_v1s5j_24",_="_clickableRow_v1s5j_30",t={wrapper:h,table:j,empty:m,clickableRow:_};function x({hasHeadingRow:n=!0,data:l,columns:c,emptyMessage:i="No data available",onRowClick:r,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(s=>e.jsx("th",{className:s.className,children:s.header},String(s.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((s,b)=>e.jsx("tr",{onClick:()=>r==null?void 0:r(s),className:r?t.clickableRow:"",children:c.map(a=>e.jsx("td",{className:a.className,children:a.cellRenderer?a.cellRenderer(s[a.accessor],s):String(s[a.accessor])},String(a.accessor)))},b))})]})})}exports.Table=x;

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

@@ -1,28 +1,29 @@
-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_v1s5j_1", _ = "_table_v1s5j_5", N = "_empty_v1s5j_24", j = "_clickableRow_v1s5j_30", t = {
+  wrapper: b,
+  table: _,
+  empty: N,
+  clickableRow: j
 };
 function y({
+  hasHeadingRow: n = !0,
   data: l,
-  columns: t,
-  emptyMessage: n = "No data available",
-  onRowClick: c,
-  className: d,
-  ...p
+  columns: c,
+  emptyMessage: d = "No data available",
+  onRowClick: s,
+  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: c.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: c.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)))
+        onClick: () => s == null ? void 0 : s(a),
+        className: s ? t.clickableRow : "",
+        children: c.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
     )) })
   ] }) });
 }

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/dist/styles.css

@@ -29,7 +29,7 @@
 ._animatedSpan_4rh7w_1{position:relative;display:inline-block;min-height:29px;height:100%;width:100%;margin-bottom:0!important}._previous_4rh7w_10,._current_4rh7w_11{display:block;position:absolute;top:0;left:0;width:100%;white-space:nowrap;transition:transform .3s ease-in-out,opacity .3s ease-in-out;color:var(--color-primary-100)}._previous_4rh7w_10:first-letter,._current_4rh7w_11:first-letter{text-transform:capitalize}._previous_4rh7w_10{opacity:1;transform:translate(0)}._current_4rh7w_11{opacity:0;transform:translate(100px)}._current_4rh7w_11>span:first-letter{display:block;text-transform:capitalize}._slideOff_4rh7w_44{opacity:0;transform:translate(-100px)}._slideOn_4rh7w_49{opacity:1;transform:translate(0)}._reset_4rh7w_54{opacity:0;transform:translate(100px);transition:none}
 h1,h2,h3,h4,h5,h6,._h1_lse9h_7,._h2_lse9h_8,._h3_lse9h_9,._h4_lse9h_10,._h5_lse9h_11,._h6_lse9h_12{line-height:var(--line-height-tight);color:var(--color-heading)}h1[class*=bg],h2[class*=bg],h3[class*=bg],h4[class*=bg],h5[class*=bg],h6[class*=bg],._h1_lse9h_7[class*=bg],._h2_lse9h_8[class*=bg],._h3_lse9h_9[class*=bg],._h4_lse9h_10[class*=bg],._h5_lse9h_11[class*=bg],._h6_lse9h_12[class*=bg]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}h1,._h1_lse9h_7{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold)}h2,._h2_lse9h_8{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}h3,._h3_lse9h_9{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}h4,._h4_lse9h_10{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold)}h5,._h5_lse9h_11{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium)}h6,._h6_lse9h_12{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium)}
 ._text_lbugy_1{font-family:inherit;font-size:var(--font-size-md);line-height:var(--line-height-loose);color:var(--color-text-primary)}._text_lbugy_1 p{margin-bottom:var(--spacing-md)}._text_lbugy_1 h1,._text_lbugy_1 h2,._text_lbugy_1 h3,._text_lbugy_1 h4,._text_lbugy_1 h5,._text_lbugy_1 h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}._text_lbugy_1 ul,._text_lbugy_1 ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}._text_lbugy_1 ul{list-style-type:disc}._text_lbugy_1 ol{list-style-type:decimal}._text_lbugy_1 li{margin-bottom:var(--spacing-xs)}._text_lbugy_1 a{color:var(--color-primary-100);text-decoration:underline}._text_lbugy_1 a:hover{text-decoration:none}._default_lbugy_55{font-size:1rem}._muted_lbugy_59{color:var(--color-primary-25)}._lead_lbugy_63{font-size:1.25rem;font-weight:500}._small_lbugy_68{font-size:.875rem}
-._wrapper_erjwc_1{overflow-x:auto}._table_erjwc_5{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}th{background-color:var(--color-secondary-10);font-weight:var(--font-weight-semibold)}._empty_erjwc_24{text-align:center;padding:var(--spacing-md);color:var(--color-text-primary)}._clickableRow_erjwc_30{cursor:pointer}._clickableRow_erjwc_30:hover{background-color:var(--color-primary-100)}
+._wrapper_v1s5j_1{overflow-x:auto}._table_v1s5j_5{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}th{background-color:var(--color-secondary-10);font-weight:var(--font-weight-semibold)}._empty_v1s5j_24{text-align:center;padding:var(--spacing-md);color:var(--color-text-primary)}._clickableRow_v1s5j_30{cursor:pointer}._clickableRow_v1s5j_30:hover{background-color:var(--color-primary-100)}
 ._tabs_tu4lq_1{display:flex;flex-direction:column;width:100%}._tabsList_tu4lq_7{display:flex;width:100%;background-color:var(--color-secondary-10);border-radius:calc(var(--radius-md) + 5px);position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}._tabsList_tu4lq_7::-webkit-scrollbar{display:none}._horizontal_tu4lq_24{flex-direction:column}._horizontal_tu4lq_24 ._tabsPanel_tu4lq_26{padding:var(--spacing-lg) var(--spacing-md)}._vertical_tu4lq_31{flex-direction:row;align-items:flex-start;gap:3rem}._vertical_tu4lq_31 ._tabsList_tu4lq_7{flex-direction:column;overflow-x:visible;flex:.25 0 150px}._vertical_tu4lq_31 ._tabsTrigger_tu4lq_42{white-space:normal;text-align:left}._vertical_tu4lq_31 ._tabsPanelWrapper_tu4lq_47{flex:1;width:100%}@media (max-width: 767px){._vertical_tu4lq_31{flex-direction:column}}._left_tu4lq_58{justify-content:flex-start}._center_tu4lq_62{justify-content:center}._right_tu4lq_66{justify-content:flex-end}._indicator_tu4lq_70{position:absolute;left:0;top:0;border-radius:var(--radius-md);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:0;border:5px solid var(--color-secondary-10)}._indicator_tu4lq_70:after{content:"";border-radius:var(--radius-md);background-color:var(--color-secondary-100);display:block;position:absolute;width:100%;height:100%}._tabsTrigger_tu4lq_42{padding:var(--spacing-md);border:none;background:none;cursor:pointer;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:color .3s ease;position:relative;z-index:1;white-space:nowrap;text-align:center;width:100%}._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}@media (max-width: 767px){._tabsList_tu4lq_7{flex-direction:column;overflow-x:visible}._tabsTrigger_tu4lq_42{white-space:normal;text-align:left}}._tabsPanelWrapper_tu4lq_47{position:relative;overflow:hidden;height:auto;transition:height .3s ease-in-out}._tabsPanel_tu4lq_26{animation:_fadeSlide_tu4lq_1 .3s ease both;position:relative;width:100%;color:var(--color-text-primary)}@keyframes _fadeSlide_tu4lq_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._default_tu4lq_161{background-color:transparent}._dark_tu4lq_165{background-color:var(--color-tab-background)}._dark_tu4lq_165 ._indicator_tu4lq_70{border:5px solid transparent}._dark_tu4lq_165 ._tabsTrigger_tu4lq_42{color:var(--color-primary-25)}._light_tu4lq_177{background-color:#fff}._light_tu4lq_177 ._indicator_tu4lq_70{border:5px solid transparent}._light_tu4lq_177 ._tabsList_tu4lq_7{background-color:#fff}._light_tu4lq_177 ._tabsTrigger_tu4lq_42{color:var(--color-text-primary)}._light_tu4lq_177 ._tabsTrigger_tu4lq_42:hover{color:var(--color-primary-100)}._light_tu4lq_177 ._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}._transparent_tu4lq_201{background-color:transparent}._transparent_tu4lq_201 ._indicator_tu4lq_70{border:5px solid transparent}._transparent_tu4lq_201 ._tabsList_tu4lq_7{background-color:transparent}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42{color:var(--color-text-primary)}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42:hover{color:var(--color-primary-100)}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}
 ._buttonGroup_y8omf_1{display:flex;gap:var(--spacing-md)}._buttonGroup_y8omf_1>*{align-self:center;justify-content:center}._left_y8omf_18{justify-content:flex-start}._center_y8omf_22{justify-content:center}._center_y8omf_22>*{align-self:center;justify-content:center}._right_y8omf_31{justify-content:flex-end}._vertical_y8omf_35{flex-direction:column}._horizontal_y8omf_39{flex-direction:row}@media (max-width: 480px){._buttonGroup_y8omf_1{flex-direction:row;flex-wrap:wrap}}
 ._overlay_tvjn5_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1000;animation:_fadeIn_tvjn5_1 .3s ease}._modal_tvjn5_16{position:absolute;background-color:var(--color-background, #fff);border-radius:var(--radius-md, 4px);padding:var(--spacing-md, 1rem);width:min(90%,800px);max-width:100%;animation:_slideUp_tvjn5_1 .3s ease}._trigger_tvjn5_26{width:auto}@media (max-width: 767px){._trigger_tvjn5_26{width:100%}}._closeButton_tvjn5_34{color:var(--color-primary-100);position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}._content_tvjn5_45{margin-top:var(--spacing-lg)}._content_tvjn5_45 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md)}@keyframes _fadeIn_tvjn5_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_tvjn5_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@@ -102,7 +102,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
 ._animatedSpan_4rh7w_1{position:relative;display:inline-block;min-height:29px;height:100%;width:100%;margin-bottom:0!important}._previous_4rh7w_10,._current_4rh7w_11{display:block;position:absolute;top:0;left:0;width:100%;white-space:nowrap;transition:transform .3s ease-in-out,opacity .3s ease-in-out;color:var(--color-primary-100)}._previous_4rh7w_10:first-letter,._current_4rh7w_11:first-letter{text-transform:capitalize}._previous_4rh7w_10{opacity:1;transform:translate(0)}._current_4rh7w_11{opacity:0;transform:translate(100px)}._current_4rh7w_11>span:first-letter{display:block;text-transform:capitalize}._slideOff_4rh7w_44{opacity:0;transform:translate(-100px)}._slideOn_4rh7w_49{opacity:1;transform:translate(0)}._reset_4rh7w_54{opacity:0;transform:translate(100px);transition:none}
 h1,h2,h3,h4,h5,h6,._h1_lse9h_7,._h2_lse9h_8,._h3_lse9h_9,._h4_lse9h_10,._h5_lse9h_11,._h6_lse9h_12{line-height:var(--line-height-tight);color:var(--color-heading)}h1[class*=bg],h2[class*=bg],h3[class*=bg],h4[class*=bg],h5[class*=bg],h6[class*=bg],._h1_lse9h_7[class*=bg],._h2_lse9h_8[class*=bg],._h3_lse9h_9[class*=bg],._h4_lse9h_10[class*=bg],._h5_lse9h_11[class*=bg],._h6_lse9h_12[class*=bg]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}h1,._h1_lse9h_7{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold)}h2,._h2_lse9h_8{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}h3,._h3_lse9h_9{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}h4,._h4_lse9h_10{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold)}h5,._h5_lse9h_11{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium)}h6,._h6_lse9h_12{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium)}
 ._text_lbugy_1{font-family:inherit;font-size:var(--font-size-md);line-height:var(--line-height-loose);color:var(--color-text-primary)}._text_lbugy_1 p{margin-bottom:var(--spacing-md)}._text_lbugy_1 h1,._text_lbugy_1 h2,._text_lbugy_1 h3,._text_lbugy_1 h4,._text_lbugy_1 h5,._text_lbugy_1 h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}._text_lbugy_1 ul,._text_lbugy_1 ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}._text_lbugy_1 ul{list-style-type:disc}._text_lbugy_1 ol{list-style-type:decimal}._text_lbugy_1 li{margin-bottom:var(--spacing-xs)}._text_lbugy_1 a{color:var(--color-primary-100);text-decoration:underline}._text_lbugy_1 a:hover{text-decoration:none}._default_lbugy_55{font-size:1rem}._muted_lbugy_59{color:var(--color-primary-25)}._lead_lbugy_63{font-size:1.25rem;font-weight:500}._small_lbugy_68{font-size:.875rem}
-._wrapper_erjwc_1{overflow-x:auto}._table_erjwc_5{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}th{background-color:var(--color-secondary-10);font-weight:var(--font-weight-semibold)}._empty_erjwc_24{text-align:center;padding:var(--spacing-md);color:var(--color-text-primary)}._clickableRow_erjwc_30{cursor:pointer}._clickableRow_erjwc_30:hover{background-color:var(--color-primary-100)}
+._wrapper_v1s5j_1{overflow-x:auto}._table_v1s5j_5{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}th{background-color:var(--color-secondary-10);font-weight:var(--font-weight-semibold)}._empty_v1s5j_24{text-align:center;padding:var(--spacing-md);color:var(--color-text-primary)}._clickableRow_v1s5j_30{cursor:pointer}._clickableRow_v1s5j_30:hover{background-color:var(--color-primary-100)}
 ._tabs_tu4lq_1{display:flex;flex-direction:column;width:100%}._tabsList_tu4lq_7{display:flex;width:100%;background-color:var(--color-secondary-10);border-radius:calc(var(--radius-md) + 5px);position:relative;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}._tabsList_tu4lq_7::-webkit-scrollbar{display:none}._horizontal_tu4lq_24{flex-direction:column}._horizontal_tu4lq_24 ._tabsPanel_tu4lq_26{padding:var(--spacing-lg) var(--spacing-md)}._vertical_tu4lq_31{flex-direction:row;align-items:flex-start;gap:3rem}._vertical_tu4lq_31 ._tabsList_tu4lq_7{flex-direction:column;overflow-x:visible;flex:.25 0 150px}._vertical_tu4lq_31 ._tabsTrigger_tu4lq_42{white-space:normal;text-align:left}._vertical_tu4lq_31 ._tabsPanelWrapper_tu4lq_47{flex:1;width:100%}@media (max-width: 767px){._vertical_tu4lq_31{flex-direction:column}}._left_tu4lq_58{justify-content:flex-start}._center_tu4lq_62{justify-content:center}._right_tu4lq_66{justify-content:flex-end}._indicator_tu4lq_70{position:absolute;left:0;top:0;border-radius:var(--radius-md);transition:transform .3s ease-in-out,width .3s ease-in-out;z-index:0;border:5px solid var(--color-secondary-10)}._indicator_tu4lq_70:after{content:"";border-radius:var(--radius-md);background-color:var(--color-secondary-100);display:block;position:absolute;width:100%;height:100%}._tabsTrigger_tu4lq_42{padding:var(--spacing-md);border:none;background:none;cursor:pointer;color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:color .3s ease;position:relative;z-index:1;white-space:nowrap;text-align:center;width:100%}._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}@media (max-width: 767px){._tabsList_tu4lq_7{flex-direction:column;overflow-x:visible}._tabsTrigger_tu4lq_42{white-space:normal;text-align:left}}._tabsPanelWrapper_tu4lq_47{position:relative;overflow:hidden;height:auto;transition:height .3s ease-in-out}._tabsPanel_tu4lq_26{animation:_fadeSlide_tu4lq_1 .3s ease both;position:relative;width:100%;color:var(--color-text-primary)}@keyframes _fadeSlide_tu4lq_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}._default_tu4lq_161{background-color:transparent}._dark_tu4lq_165{background-color:var(--color-tab-background)}._dark_tu4lq_165 ._indicator_tu4lq_70{border:5px solid transparent}._dark_tu4lq_165 ._tabsTrigger_tu4lq_42{color:var(--color-primary-25)}._light_tu4lq_177{background-color:#fff}._light_tu4lq_177 ._indicator_tu4lq_70{border:5px solid transparent}._light_tu4lq_177 ._tabsList_tu4lq_7{background-color:#fff}._light_tu4lq_177 ._tabsTrigger_tu4lq_42{color:var(--color-text-primary)}._light_tu4lq_177 ._tabsTrigger_tu4lq_42:hover{color:var(--color-primary-100)}._light_tu4lq_177 ._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}._transparent_tu4lq_201{background-color:transparent}._transparent_tu4lq_201 ._indicator_tu4lq_70{border:5px solid transparent}._transparent_tu4lq_201 ._tabsList_tu4lq_7{background-color:transparent}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42{color:var(--color-text-primary)}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42:hover{color:var(--color-primary-100)}._transparent_tu4lq_201 ._tabsTrigger_tu4lq_42._active_tu4lq_117{color:#fff}
 ._buttonGroup_y8omf_1{display:flex;gap:var(--spacing-md)}._buttonGroup_y8omf_1>*{align-self:center;justify-content:center}._left_y8omf_18{justify-content:flex-start}._center_y8omf_22{justify-content:center}._center_y8omf_22>*{align-self:center;justify-content:center}._right_y8omf_31{justify-content:flex-end}._vertical_y8omf_35{flex-direction:column}._horizontal_y8omf_39{flex-direction:row}@media (max-width: 480px){._buttonGroup_y8omf_1{flex-direction:row;flex-wrap:wrap}}
 ._overlay_tvjn5_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1000;animation:_fadeIn_tvjn5_1 .3s ease}._modal_tvjn5_16{position:absolute;background-color:var(--color-background, #fff);border-radius:var(--radius-md, 4px);padding:var(--spacing-md, 1rem);width:min(90%,800px);max-width:100%;animation:_slideUp_tvjn5_1 .3s ease}._trigger_tvjn5_26{width:auto}@media (max-width: 767px){._trigger_tvjn5_26{width:100%}}._closeButton_tvjn5_34{color:var(--color-primary-100);position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}._content_tvjn5_45{margin-top:var(--spacing-lg)}._content_tvjn5_45 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md)}@keyframes _fadeIn_tvjn5_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_tvjn5_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

package/dist/styles.css.d.ts

@@ -100,7 +100,7 @@ declare const styles: {
   readonly "_children_1c63q_96": string;
   readonly "_circle_u21vc_22": string;
   readonly "_clearSearch_1firg_102": string;
-  readonly "_clickableRow_erjwc_30": string;
+  readonly "_clickableRow_v1s5j_30": string;
   readonly "_clickable_18z15_31": string;
   readonly "_clickable_ti1qi_18": string;
   readonly "_closeButton_1elr1_47": string;
@@ -203,7 +203,7 @@ declare const styles: {
   readonly "_dragging_1mpje_25": string;
   readonly "_drawer_55xty_1": string;
   readonly "_dropZone_1mpje_7": string;
-  readonly "_empty_erjwc_24": string;
+  readonly "_empty_v1s5j_24": string;
   readonly "_enter_1elr1_18": string;
   readonly "_enter_ucye1_15": string;
   readonly "_errorMessage_1wm56_56": string;
@@ -638,7 +638,7 @@ declare const styles: {
   readonly "_tabText_1n4lv_120": string;
   readonly "_tableWrapper_1bbre_98": string;
   readonly "_table_1bbre_98": string;
-  readonly "_table_erjwc_5": string;
+  readonly "_table_v1s5j_5": string;
   readonly "_tabsContainer_1n4lv_69": string;
   readonly "_tabsList_tu4lq_7": string;
   readonly "_tabsPanelWrapper_tu4lq_47": string;
@@ -746,7 +746,7 @@ declare const styles: {
   readonly "_wrapper_1wm56_1": string;
   readonly "_wrapper_4yxo1_1": string;
   readonly "_wrapper_560ee_1": string;
-  readonly "_wrapper_erjwc_1": string;
+  readonly "_wrapper_v1s5j_1": string;
   readonly "_wrapper_x8y4v_1": string;
   readonly "_xl_171d6_21": string;
   readonly "_xl_1ihs2_35": string;

package/package.json

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