quirk-ui 0.1.52 → 0.1.53

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

@@ -1,20 +1,20 @@
-import { jsx as n, jsxs as N, Fragment as S } from "react/jsx-runtime";
-import z, { useRef as F, useEffect as I, useMemo as W } from "react";
-import { PortableText as $ } from "@portabletext/react";
-import { AnimatedSpan as C } from "../AnimatedSpan/index.mjs";
+import { jsx as n, jsxs as N, Fragment as y } from "react/jsx-runtime";
+import S, { useRef as z, useEffect as F, useMemo as I } from "react";
+import { PortableText as q } from "@portabletext/react";
+import { AnimatedSpan as W } from "../AnimatedSpan/index.mjs";
 import '../../../index.css';import '../../../index11.css';/* empty css                      */
 import "../../../core/components/Avatar/index.mjs";
 import "../../../core/components/Checkbox/index.mjs";
-import { Text as R } from "../../../core/components/Text/index.mjs";
-import { Heading as g } from "../../../core/components/Heading/index.mjs";
+import { Text as B } from "../../../core/components/Text/index.mjs";
+import { Heading as _ } from "../../../core/components/Heading/index.mjs";
 import "react-dom";
-import { Table as j } from "../../../core/components/Table/index.mjs";
+import { Table as C } from "../../../core/components/Table/index.mjs";
 import "../../../core/components/Tabs/index.mjs";
 import "../../../core/tokens/theme.mjs";
-import H from "next/image";
-import { useMediaQuery as U } from "../../hooks/useMediaQuery.mjs";
-const q = "_container_xhf90_1", E = "_divider_xhf90_15", b = "_richTextImage_xhf90_33", A = "_richTextLink_xhf90_41", P = "_spacerSmall_xhf90_53", Q = "_spacerMedium_xhf90_58", D = "_spacerLarge_xhf90_63", G = "_codeBlock_xhf90_91", J = "_codeBlockWrapper_xhf90_100", K = "_codeFilename_xhf90_112", i = {
-  container: q,
+import j from "next/image";
+import { useMediaQuery as H } from "../../hooks/useMediaQuery.mjs";
+const U = "_container_1dlqn_1", E = "_divider_1dlqn_15", b = "_richTextImage_1dlqn_33", A = "_richTextLink_1dlqn_41", P = "_spacerSmall_1dlqn_55", Q = "_spacerMedium_1dlqn_60", D = "_spacerLarge_1dlqn_65", G = "_codeBlock_1dlqn_93", J = "_codeBlockWrapper_1dlqn_102", K = "_codeFilename_1dlqn_114", i = {
+  container: U,
   divider: E,
   richTextImage: b,
   richTextLink: A,
@@ -27,13 +27,13 @@ const q = "_container_xhf90_1", E = "_divider_xhf90_15", b = "_richTextImage_xhf
 };
 function X(e) {
   return {
-    normal: ({ children: r }) => /* @__PURE__ */ n(R, { className: e, children: r }),
-    h1: ({ children: r }) => /* @__PURE__ */ n(g, { className: e, level: 1, children: r }),
-    h2: ({ children: r }) => /* @__PURE__ */ n(g, { className: e, level: 2, children: r }),
-    h3: ({ children: r }) => /* @__PURE__ */ n(g, { className: e, level: 3, children: r }),
-    h4: ({ children: r }) => /* @__PURE__ */ n(g, { className: e, level: 4, children: r }),
-    h5: ({ children: r }) => /* @__PURE__ */ n(g, { className: e, level: 5, children: r }),
-    h6: ({ children: r }) => /* @__PURE__ */ n(g, { className: e, level: 6, children: r }),
+    normal: ({ children: r }) => /* @__PURE__ */ n(B, { className: e, children: r }),
+    h1: ({ children: r }) => /* @__PURE__ */ n(_, { className: e, level: 1, children: r }),
+    h2: ({ children: r }) => /* @__PURE__ */ n(_, { className: e, level: 2, children: r }),
+    h3: ({ children: r }) => /* @__PURE__ */ n(_, { className: e, level: 3, children: r }),
+    h4: ({ children: r }) => /* @__PURE__ */ n(_, { className: e, level: 4, children: r }),
+    h5: ({ children: r }) => /* @__PURE__ */ n(_, { className: e, level: 5, children: r }),
+    h6: ({ children: r }) => /* @__PURE__ */ n(_, { className: e, level: 6, children: r }),
     quote: ({ children: r }) => /* @__PURE__ */ n("blockquote", { className: e, children: r })
   };
 }
@@ -47,13 +47,13 @@ const Y = {
   inlineCode: ({ children: e }) => /* @__PURE__ */ n("code", { children: e }),
   link: ({ children: e, value: r }) => {
     var h;
-    const { linkType: o, internalUrl: a, externalUrl: m, blank: d } = r ?? {};
-    let l = "#";
-    return o === "external" && m ? l = m : o === "internal" && ((h = a == null ? void 0 : a.slug) != null && h.current) && (l = `/${a.slug.current}`), /* @__PURE__ */ n(
+    const { linkType: o, internalUrl: l, externalUrl: a, blank: p } = r ?? {};
+    let m = "#";
+    return o === "external" && a ? m = a : o === "internal" && ((h = l == null ? void 0 : l.slug) != null && h.current) && (m = `/${l.slug.current}`), /* @__PURE__ */ n(
       "a",
       {
-        href: l,
-        target: d ? "_blank" : void 0,
+        href: m,
+        target: p ? "_blank" : void 0,
         rel: o === "external" ? "noopener noreferrer" : void 0,
         className: i.richTextLink,
         children: e
@@ -69,17 +69,17 @@ function Z({
   baseClassName: e,
   previousTextRef: r,
   textOverride: o,
-  animateText: a,
-  isMobile: m
+  animateText: l,
+  isMobile: a
 }) {
-  const d = ({
+  const p = ({
     children: t,
     value: s
   }) => {
-    if (!s) return /* @__PURE__ */ n(S, { children: t });
+    if (!s) return /* @__PURE__ */ n(y, { children: t });
     const { colorClass: c } = s;
-    return o ? a ? /* @__PURE__ */ n(
-      C,
+    return o ? l ? /* @__PURE__ */ n(
+      W,
       {
         className: c,
         text: o,
@@ -87,37 +87,37 @@ function Z({
       },
       "animated-span"
     ) : /* @__PURE__ */ n("span", { className: c, children: o }) : /* @__PURE__ */ n("span", { className: c, children: t });
-  }, l = ({ children: t = [] }) => {
-    const s = z.Children.count(t);
+  }, m = ({ children: t = [] }) => {
+    const s = S.Children.count(t);
     return /* @__PURE__ */ n(
       "ul",
       {
-        style: { columnCount: m ? 1 : s > 7 ? 2 : 1 },
+        style: { columnCount: a ? 1 : s > 7 ? 2 : 1 },
         className: e,
         children: t
       }
     );
   };
   let h;
-  const L = () => h;
+  const $ = () => h;
   return h = {
     marks: {
       ...Y,
-      coloredText: d
+      coloredText: p
     },
     block: X(e),
     list: {
-      bullet: l
+      bullet: m
     },
     types: {
       // ── Inline image ────────────────────────────────────────────────────
       image: ({ value: t }) => {
-        var c, _, p, k, T;
+        var c, u, d, k, T;
         if (!(t != null && t.imageUrls)) return null;
         const s = ((c = t.asset) == null ? void 0 : c.altText) || "Content image";
         return /* @__PURE__ */ N("figure", { className: `${e ?? ""} ${i.richTextImage}`, children: [
           /* @__PURE__ */ n(
-            H,
+            j,
             {
               src: t.imageUrls.medium,
               alt: s,
@@ -126,7 +126,7 @@ function Z({
               style: { maxWidth: "100%", height: "auto" }
             }
           ),
-          (((_ = t.asset) == null ? void 0 : _.title) || ((p = t.asset) == null ? void 0 : p.description)) && /* @__PURE__ */ N("figcaption", { children: [
+          (((u = t.asset) == null ? void 0 : u.title) || ((d = t.asset) == null ? void 0 : d.description)) && /* @__PURE__ */ N("figcaption", { children: [
             ((k = t.asset) == null ? void 0 : k.title) && /* @__PURE__ */ n("strong", { children: t.asset.title }),
             ((T = t.asset) == null ? void 0 : T.description) && /* @__PURE__ */ n("p", { children: t.asset.description })
           ] })
@@ -145,38 +145,38 @@ function Z({
       },
       // ── Table ────────────────────────────────────────────────────────────
       table: ({ value: t }) => {
-        var M, w;
-        if (!((M = t == null ? void 0 : t.rows) != null && M.length)) return null;
-        const { hasHeadingRow: s } = t, c = s ? t.rows[0] : null, _ = s ? t.rows.slice(1) : t.rows, p = c || _[0];
-        if (!((w = p == null ? void 0 : p.cells) != null && w.length)) return null;
-        const k = p.cells.map((B, f) => {
-          var u;
+        var L, M;
+        if (!((L = t == null ? void 0 : t.rows) != null && L.length)) return null;
+        const { hasHeadingRow: s } = t, c = s ? t.rows[0] : null, u = s ? t.rows.slice(1) : t.rows, d = c || u[0];
+        if (!((M = d == null ? void 0 : d.cells) != null && M.length)) return null;
+        const k = d.cells.map((w, f) => {
+          var x;
           return {
             header: c ? /* @__PURE__ */ n(
-              $,
+              q,
               {
-                value: (u = c.cells[f]) == null ? void 0 : u.content,
-                components: L()
+                value: (x = c.cells[f]) == null ? void 0 : x.content,
+                components: $()
               }
             ) : `Column ${f + 1}`,
             accessor: `col${f}`,
-            cellRenderer: (x) => x ? /* @__PURE__ */ n(
-              $,
+            cellRenderer: (g) => g ? /* @__PURE__ */ n(
+              q,
               {
-                value: x,
-                components: L()
+                value: g,
+                components: $()
               }
             ) : null
           };
-        }), T = _.map((B) => {
-          var u;
+        }), T = u.map((w) => {
+          var x;
           const f = {};
-          return (u = B.cells) == null || u.forEach((x, y) => {
-            f[`col${y}`] = x == null ? void 0 : x.content;
+          return (x = w.cells) == null || x.forEach((g, R) => {
+            f[`col${R}`] = g == null ? void 0 : g.content;
           }), f;
         });
         return /* @__PURE__ */ n(
-          j,
+          C,
           {
             hasHeadingRow: s,
             data: T,
@@ -193,30 +193,30 @@ function Z({
     }
   }, h;
 }
-const de = ({
+const pe = ({
   blocks: e,
   className: r,
   textOverride: o,
-  animateText: a
+  animateText: l
 }) => {
-  const m = U("(max-width: 767px)"), d = F(o);
-  I(() => {
-    d.current = o;
+  const a = H("(max-width: 767px)"), p = z(o);
+  F(() => {
+    p.current = o;
   }, [o]);
-  const l = W(
+  const m = I(
     () => Z({
       baseClassName: r,
-      previousTextRef: d,
+      previousTextRef: p,
       textOverride: o,
-      animateText: a,
-      isMobile: m
+      animateText: l,
+      isMobile: a
     }),
     // previousTextRef intentionally omitted — it's a stable ref object.
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [r, o, a, m]
+    [r, o, l, a]
   );
-  return e ? typeof e == "string" ? /* @__PURE__ */ n(R, { className: r, children: e }) : /* @__PURE__ */ n("div", { className: `${i.container} portableTextContainer`, children: /* @__PURE__ */ n($, { value: e, components: l }) }) : null;
+  return e ? typeof e == "string" ? /* @__PURE__ */ n(B, { className: r, children: e }) : /* @__PURE__ */ n("div", { className: `${i.container} portableTextContainer`, children: /* @__PURE__ */ n(q, { value: e, components: m }) }) : null;
 };
 export {
-  de as RichText
+  pe as RichText
 };

package/package.json

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