quirk-ui 0.1.115 → 0.1.116

package/dist/core/components/Announcement/Announcement.test.cjs

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),e=require("../../../react.esm-C_9Ma9mj.cjs"),o=require("./index.cjs");require("../../../index-CW_Ehh1q.cjs");e.vi.mock("./styles.module.css",()=>({default:new Proxy({},{get:(n,c)=>c})}));e.vi.mock("lucide-react",()=>({X:({size:n,...c})=>t.jsx("svg",{"data-testid":"x-icon","data-size":n,...c})}));e.describe("Announcement",()=>{e.describe("rendering",()=>{e.it("renders the announcement region when content is a plain string",()=>{e.render(t.jsx(o.Announcement,{content:"Site maintenance tonight at 10pm"})),e.globalExpect(e.screen.getByRole("region",{name:"Announcement"})).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Site maintenance tonight at 10pm")).toBeInTheDocument()}),e.it("renders nothing when content is a string and renderRichText returns null",()=>{const n=e.vi.fn().mockReturnValue(null),{container:c}=e.render(t.jsx(o.Announcement,{content:"hello",renderRichText:n}));e.globalExpect(c).toBeEmptyDOMElement()}),e.it("renders nothing when content is portableText and no renderRichText is provided",()=>{const n={type:"portableText",content:[{_type:"block"}]},{container:c}=e.render(t.jsx(o.Announcement,{content:n}));e.globalExpect(c).toBeEmptyDOMElement()}),e.it("renders nothing when content is markdown and no renderRichText is provided",()=>{const n={type:"markdown",content:"**Bold announcement**"},{container:c}=e.render(t.jsx(o.Announcement,{content:n}));e.globalExpect(c).toBeEmptyDOMElement()}),e.it("calls renderRichText with the content and a className when provided",()=>{const n=e.vi.fn().mockReturnValue(t.jsx("span",{children:"Rendered content"})),c={type:"portableText",content:[{_type:"block"}]};e.render(t.jsx(o.Announcement,{content:c,renderRichText:n})),e.globalExpect(n).toHaveBeenCalledWith(c,e.globalExpect.any(String)),e.globalExpect(e.screen.getByText("Rendered content")).toBeInTheDocument()}),e.it("renders the output of renderRichText when it returns a node",()=>{const n=e.vi.fn().mockReturnValue(t.jsx("span",{children:"Free shipping this weekend"}));e.render(t.jsx(o.Announcement,{content:{type:"portableText",content:[]},renderRichText:n})),e.globalExpect(e.screen.getByText("Free shipping this weekend")).toBeInTheDocument()}),e.it("wraps plain string content in a span",()=>{const{container:n}=e.render(t.jsx(o.Announcement,{content:"Plain text announcement"})),c=n.querySelector("span");e.globalExpect(c).toHaveTextContent("Plain text announcement")}),e.it("applies a custom className to the announcement wrapper",()=>{const{container:n}=e.render(t.jsx(o.Announcement,{content:"Hello",className:"custom-class"}));e.globalExpect(n.firstChild).toHaveClass("custom-class")})}),e.describe("accessibility",()=>{e.it("has role=region on the outer wrapper",()=>{e.render(t.jsx(o.Announcement,{content:"Accessibility test"})),e.globalExpect(e.screen.getByRole("region")).toBeInTheDocument()}),e.it("has aria-label='Announcement' on the region",()=>{e.render(t.jsx(o.Announcement,{content:"Accessibility test"})),e.globalExpect(e.screen.getByRole("region",{name:"Announcement"})).toBeInTheDocument()}),e.it("renders a dismiss button with aria-label='Dismiss announcement'",()=>{e.render(t.jsx(o.Announcement,{content:"Accessibility test"})),e.globalExpect(e.screen.getByRole("button",{name:"Dismiss announcement"})).toBeInTheDocument()}),e.it("renders the X icon with aria-hidden=true so screen readers skip it",()=>{e.render(t.jsx(o.Announcement,{content:"Accessibility test"}));const n=e.screen.getByTestId("x-icon");e.globalExpect(n).toHaveAttribute("aria-hidden","true")})}),e.describe("dismiss behaviour",()=>{e.it("hides the announcement when the dismiss button is clicked",()=>{e.render(t.jsx(o.Announcement,{content:"Click X to dismiss"}));const n=e.screen.getByRole("button",{name:"Dismiss announcement"});e.fireEvent.click(n),e.globalExpect(e.screen.queryByRole("region",{name:"Announcement"})).not.toBeInTheDocument()}),e.it("removes the text content from the DOM after dismissal",()=>{e.render(t.jsx(o.Announcement,{content:"I will disappear"})),e.fireEvent.click(e.screen.getByRole("button",{name:"Dismiss announcement"})),e.globalExpect(e.screen.queryByText("I will disappear")).not.toBeInTheDocument()}),e.it("is visible before the dismiss button is clicked",()=>{e.render(t.jsx(o.Announcement,{content:"Still here"})),e.globalExpect(e.screen.getByRole("region",{name:"Announcement"})).toBeInTheDocument()}),e.it("does not dismiss when content area is clicked — only the button dismisses",()=>{e.render(t.jsx(o.Announcement,{content:"Click me"})),e.fireEvent.click(e.screen.getByText("Click me")),e.globalExpect(e.screen.getByRole("region",{name:"Announcement"})).toBeInTheDocument()})})});
+"use strict";const t=require("react/jsx-runtime"),e=require("../../../react.esm-C_9Ma9mj.cjs"),c=require("./index.cjs");require("../../../index-CW_Ehh1q.cjs");e.vi.mock("./styles.module.css",()=>({default:new Proxy({},{get:(n,s)=>s})}));e.vi.mock("lucide-react",()=>({X:({size:n,...s})=>t.jsx("svg",{"data-testid":"x-icon","data-size":n,...s})}));const r=[{_type:"block",_key:"a",children:[{_type:"span",_key:"b",text:"Free shipping this weekend"}],markDefs:[],style:"normal"}];e.describe("Announcement",()=>{e.describe("rendering",()=>{e.it("renders the announcement region when blocks and renderRichText are provided",()=>{const n=e.vi.fn().mockReturnValue(t.jsx("span",{children:"Free shipping this weekend"}));e.render(t.jsx(c.Announcement,{blocks:r,renderRichText:n})),e.globalExpect(e.screen.getByRole("region",{name:"Announcement"})).toBeInTheDocument(),e.globalExpect(e.screen.getByText("Free shipping this weekend")).toBeInTheDocument()}),e.it("renders nothing when blocks is empty",()=>{const n=e.vi.fn().mockReturnValue(t.jsx("span",{children:"text"})),{container:s}=e.render(t.jsx(c.Announcement,{blocks:[],renderRichText:n}));e.globalExpect(s).toBeEmptyDOMElement()}),e.it("renders nothing when renderRichText returns null",()=>{const n=e.vi.fn().mockReturnValue(null),{container:s}=e.render(t.jsx(c.Announcement,{blocks:r,renderRichText:n}));e.globalExpect(s).toBeEmptyDOMElement()}),e.it("renders nothing when renderRichText is not provided",()=>{const{container:n}=e.render(t.jsx(c.Announcement,{blocks:r}));e.globalExpect(n).toBeEmptyDOMElement()}),e.it("calls renderRichText with blocks and a className",()=>{const n=e.vi.fn().mockReturnValue(t.jsx("span",{children:"content"}));e.render(t.jsx(c.Announcement,{blocks:r,renderRichText:n})),e.globalExpect(n).toHaveBeenCalledWith({blocks:r,className:e.globalExpect.any(String)})}),e.it("applies a custom className to the announcement wrapper",()=>{const n=e.vi.fn().mockReturnValue(t.jsx("span",{children:"content"})),{container:s}=e.render(t.jsx(c.Announcement,{blocks:r,renderRichText:n,className:"custom-class"}));e.globalExpect(s.firstChild).toHaveClass("custom-class")})}),e.describe("accessibility",()=>{e.it("has role=region on the outer wrapper",()=>{const n=e.vi.fn().mockReturnValue(t.jsx("span",{children:"content"}));e.render(t.jsx(c.Announcement,{blocks:r,renderRichText:n})),e.globalExpect(e.screen.getByRole("region")).toBeInTheDocument()}),e.it("has aria-label='Announcement' on the region",()=>{const n=e.vi.fn().mockReturnValue(t.jsx("span",{children:"content"}));e.render(t.jsx(c.Announcement,{blocks:r,renderRichText:n})),e.globalExpect(e.screen.getByRole("region",{name:"Announcement"})).toBeInTheDocument()}),e.it("renders a dismiss button with aria-label='Dismiss announcement'",()=>{const n=e.vi.fn().mockReturnValue(t.jsx("span",{children:"content"}));e.render(t.jsx(c.Announcement,{blocks:r,renderRichText:n})),e.globalExpect(e.screen.getByRole("button",{name:"Dismiss announcement"})).toBeInTheDocument()}),e.it("renders the X icon with aria-hidden=true so screen readers skip it",()=>{const n=e.vi.fn().mockReturnValue(t.jsx("span",{children:"content"}));e.render(t.jsx(c.Announcement,{blocks:r,renderRichText:n})),e.globalExpect(e.screen.getByTestId("x-icon")).toHaveAttribute("aria-hidden","true")})}),e.describe("dismiss behaviour",()=>{e.it("hides the announcement when the dismiss button is clicked",()=>{const n=e.vi.fn().mockReturnValue(t.jsx("span",{children:"content"}));e.render(t.jsx(c.Announcement,{blocks:r,renderRichText:n})),e.fireEvent.click(e.screen.getByRole("button",{name:"Dismiss announcement"})),e.globalExpect(e.screen.queryByRole("region",{name:"Announcement"})).not.toBeInTheDocument()}),e.it("removes rendered content from the DOM after dismissal",()=>{const n=e.vi.fn().mockReturnValue(t.jsx("span",{children:"I will disappear"}));e.render(t.jsx(c.Announcement,{blocks:r,renderRichText:n})),e.fireEvent.click(e.screen.getByRole("button",{name:"Dismiss announcement"})),e.globalExpect(e.screen.queryByText("I will disappear")).not.toBeInTheDocument()}),e.it("is visible before the dismiss button is clicked",()=>{const n=e.vi.fn().mockReturnValue(t.jsx("span",{children:"Still here"}));e.render(t.jsx(c.Announcement,{blocks:r,renderRichText:n})),e.globalExpect(e.screen.getByRole("region",{name:"Announcement"})).toBeInTheDocument()}),e.it("does not dismiss when content area is clicked — only the button dismisses",()=>{const n=e.vi.fn().mockReturnValue(t.jsx("span",{children:"Click me"}));e.render(t.jsx(c.Announcement,{blocks:r,renderRichText:n})),e.fireEvent.click(e.screen.getByText("Click me")),e.globalExpect(e.screen.getByRole("region",{name:"Announcement"})).toBeInTheDocument()})})});

package/dist/core/components/Announcement/Announcement.test.mjs

@@ -1,106 +1,108 @@
-import { jsx as t } from "react/jsx-runtime";
-import { v as a, d as m, i as o, r as i, g as n, s as c, f as l } from "../../../react.esm-DjxyacK8.js";
-import { Announcement as s } from "./index.mjs";
+import { jsx as n } from "react/jsx-runtime";
+import { v as o, d as m, i as s, r, g as t, s as a, f as d } from "../../../react.esm-DjxyacK8.js";
+import { Announcement as c } from "./index.mjs";
 import "../../../index-DPGXWTtt.js";
-a.mock("./styles.module.css", () => ({
-  default: new Proxy({}, { get: (e, r) => r })
+o.mock("./styles.module.css", () => ({
+  default: new Proxy({}, { get: (e, l) => l })
 }));
-a.mock("lucide-react", () => ({
-  X: ({ size: e, ...r }) => /* @__PURE__ */ t("svg", { "data-testid": "x-icon", "data-size": e, ...r })
+o.mock("lucide-react", () => ({
+  X: ({ size: e, ...l }) => /* @__PURE__ */ n("svg", { "data-testid": "x-icon", "data-size": e, ...l })
 }));
+const i = [
+  {
+    _type: "block",
+    _key: "a",
+    children: [
+      { _type: "span", _key: "b", text: "Free shipping this weekend" }
+    ],
+    markDefs: [],
+    style: "normal"
+  }
+];
 m("Announcement", () => {
   m("rendering", () => {
-    o("renders the announcement region when content is a plain string", () => {
-      i(/* @__PURE__ */ t(s, { content: "Site maintenance tonight at 10pm" })), n(
-        c.getByRole("region", { name: "Announcement" })
-      ).toBeInTheDocument(), n(
-        c.getByText("Site maintenance tonight at 10pm")
+    s("renders the announcement region when blocks and renderRichText are provided", () => {
+      const e = o.fn().mockReturnValue(/* @__PURE__ */ n("span", { children: "Free shipping this weekend" }));
+      r(/* @__PURE__ */ n(c, { blocks: i, renderRichText: e })), t(
+        a.getByRole("region", { name: "Announcement" })
+      ).toBeInTheDocument(), t(
+        a.getByText("Free shipping this weekend")
       ).toBeInTheDocument();
-    }), o("renders nothing when content is a string and renderRichText returns null", () => {
-      const e = a.fn().mockReturnValue(null), { container: r } = i(
-        /* @__PURE__ */ t(s, { content: "hello", renderRichText: e })
+    }), s("renders nothing when blocks is empty", () => {
+      const e = o.fn().mockReturnValue(/* @__PURE__ */ n("span", { children: "text" })), { container: l } = r(
+        /* @__PURE__ */ n(c, { blocks: [], renderRichText: e })
       );
-      n(r).toBeEmptyDOMElement();
-    }), o("renders nothing when content is portableText and no renderRichText is provided", () => {
-      const e = {
-        type: "portableText",
-        content: [{ _type: "block" }]
-      }, { container: r } = i(/* @__PURE__ */ t(s, { content: e }));
-      n(r).toBeEmptyDOMElement();
-    }), o("renders nothing when content is markdown and no renderRichText is provided", () => {
-      const e = {
-        type: "markdown",
-        content: "**Bold announcement**"
-      }, { container: r } = i(/* @__PURE__ */ t(s, { content: e }));
-      n(r).toBeEmptyDOMElement();
-    }), o("calls renderRichText with the content and a className when provided", () => {
-      const e = a.fn().mockReturnValue(/* @__PURE__ */ t("span", { children: "Rendered content" })), r = {
-        type: "portableText",
-        content: [{ _type: "block" }]
-      };
-      i(
-        /* @__PURE__ */ t(s, { content: r, renderRichText: e })
-      ), n(e).toHaveBeenCalledWith(r, n.any(String)), n(c.getByText("Rendered content")).toBeInTheDocument();
-    }), o("renders the output of renderRichText when it returns a node", () => {
-      const e = a.fn().mockReturnValue(/* @__PURE__ */ t("span", { children: "Free shipping this weekend" }));
-      i(
-        /* @__PURE__ */ t(
-          s,
+      t(l).toBeEmptyDOMElement();
+    }), s("renders nothing when renderRichText returns null", () => {
+      const e = o.fn().mockReturnValue(null), { container: l } = r(
+        /* @__PURE__ */ n(c, { blocks: i, renderRichText: e })
+      );
+      t(l).toBeEmptyDOMElement();
+    }), s("renders nothing when renderRichText is not provided", () => {
+      const { container: e } = r(/* @__PURE__ */ n(c, { blocks: i }));
+      t(e).toBeEmptyDOMElement();
+    }), s("calls renderRichText with blocks and a className", () => {
+      const e = o.fn().mockReturnValue(/* @__PURE__ */ n("span", { children: "content" }));
+      r(/* @__PURE__ */ n(c, { blocks: i, renderRichText: e })), t(e).toHaveBeenCalledWith({
+        blocks: i,
+        className: t.any(String)
+      });
+    }), s("applies a custom className to the announcement wrapper", () => {
+      const e = o.fn().mockReturnValue(/* @__PURE__ */ n("span", { children: "content" })), { container: l } = r(
+        /* @__PURE__ */ n(
+          c,
           {
-            content: { type: "portableText", content: [] },
-            renderRichText: e
+            blocks: i,
+            renderRichText: e,
+            className: "custom-class"
           }
         )
-      ), n(
-        c.getByText("Free shipping this weekend")
-      ).toBeInTheDocument();
-    }), o("wraps plain string content in a span", () => {
-      const { container: e } = i(
-        /* @__PURE__ */ t(s, { content: "Plain text announcement" })
-      ), r = e.querySelector("span");
-      n(r).toHaveTextContent("Plain text announcement");
-    }), o("applies a custom className to the announcement wrapper", () => {
-      const { container: e } = i(
-        /* @__PURE__ */ t(s, { content: "Hello", className: "custom-class" })
       );
-      n(e.firstChild).toHaveClass("custom-class");
+      t(l.firstChild).toHaveClass("custom-class");
     });
   }), m("accessibility", () => {
-    o("has role=region on the outer wrapper", () => {
-      i(/* @__PURE__ */ t(s, { content: "Accessibility test" })), n(c.getByRole("region")).toBeInTheDocument();
-    }), o("has aria-label='Announcement' on the region", () => {
-      i(/* @__PURE__ */ t(s, { content: "Accessibility test" })), n(
-        c.getByRole("region", { name: "Announcement" })
+    s("has role=region on the outer wrapper", () => {
+      const e = o.fn().mockReturnValue(/* @__PURE__ */ n("span", { children: "content" }));
+      r(/* @__PURE__ */ n(c, { blocks: i, renderRichText: e })), t(a.getByRole("region")).toBeInTheDocument();
+    }), s("has aria-label='Announcement' on the region", () => {
+      const e = o.fn().mockReturnValue(/* @__PURE__ */ n("span", { children: "content" }));
+      r(/* @__PURE__ */ n(c, { blocks: i, renderRichText: e })), t(
+        a.getByRole("region", { name: "Announcement" })
       ).toBeInTheDocument();
-    }), o("renders a dismiss button with aria-label='Dismiss announcement'", () => {
-      i(/* @__PURE__ */ t(s, { content: "Accessibility test" })), n(
-        c.getByRole("button", { name: "Dismiss announcement" })
+    }), s("renders a dismiss button with aria-label='Dismiss announcement'", () => {
+      const e = o.fn().mockReturnValue(/* @__PURE__ */ n("span", { children: "content" }));
+      r(/* @__PURE__ */ n(c, { blocks: i, renderRichText: e })), t(
+        a.getByRole("button", { name: "Dismiss announcement" })
       ).toBeInTheDocument();
-    }), o("renders the X icon with aria-hidden=true so screen readers skip it", () => {
-      i(/* @__PURE__ */ t(s, { content: "Accessibility test" }));
-      const e = c.getByTestId("x-icon");
-      n(e).toHaveAttribute("aria-hidden", "true");
+    }), s("renders the X icon with aria-hidden=true so screen readers skip it", () => {
+      const e = o.fn().mockReturnValue(/* @__PURE__ */ n("span", { children: "content" }));
+      r(/* @__PURE__ */ n(c, { blocks: i, renderRichText: e })), t(a.getByTestId("x-icon")).toHaveAttribute(
+        "aria-hidden",
+        "true"
+      );
     });
   }), m("dismiss behaviour", () => {
-    o("hides the announcement when the dismiss button is clicked", () => {
-      i(/* @__PURE__ */ t(s, { content: "Click X to dismiss" }));
-      const e = c.getByRole("button", {
-        name: "Dismiss announcement"
-      });
-      l.click(e), n(
-        c.queryByRole("region", { name: "Announcement" })
+    s("hides the announcement when the dismiss button is clicked", () => {
+      const e = o.fn().mockReturnValue(/* @__PURE__ */ n("span", { children: "content" }));
+      r(/* @__PURE__ */ n(c, { blocks: i, renderRichText: e })), d.click(
+        a.getByRole("button", { name: "Dismiss announcement" })
+      ), t(
+        a.queryByRole("region", { name: "Announcement" })
       ).not.toBeInTheDocument();
-    }), o("removes the text content from the DOM after dismissal", () => {
-      i(/* @__PURE__ */ t(s, { content: "I will disappear" })), l.click(
-        c.getByRole("button", { name: "Dismiss announcement" })
-      ), n(c.queryByText("I will disappear")).not.toBeInTheDocument();
-    }), o("is visible before the dismiss button is clicked", () => {
-      i(/* @__PURE__ */ t(s, { content: "Still here" })), n(
-        c.getByRole("region", { name: "Announcement" })
+    }), s("removes rendered content from the DOM after dismissal", () => {
+      const e = o.fn().mockReturnValue(/* @__PURE__ */ n("span", { children: "I will disappear" }));
+      r(/* @__PURE__ */ n(c, { blocks: i, renderRichText: e })), d.click(
+        a.getByRole("button", { name: "Dismiss announcement" })
+      ), t(a.queryByText("I will disappear")).not.toBeInTheDocument();
+    }), s("is visible before the dismiss button is clicked", () => {
+      const e = o.fn().mockReturnValue(/* @__PURE__ */ n("span", { children: "Still here" }));
+      r(/* @__PURE__ */ n(c, { blocks: i, renderRichText: e })), t(
+        a.getByRole("region", { name: "Announcement" })
       ).toBeInTheDocument();
-    }), o("does not dismiss when content area is clicked — only the button dismisses", () => {
-      i(/* @__PURE__ */ t(s, { content: "Click me" })), l.click(c.getByText("Click me")), n(
-        c.getByRole("region", { name: "Announcement" })
+    }), s("does not dismiss when content area is clicked — only the button dismisses", () => {
+      const e = o.fn().mockReturnValue(/* @__PURE__ */ n("span", { children: "Click me" }));
+      r(/* @__PURE__ */ n(c, { blocks: i, renderRichText: e })), d.click(a.getByText("Click me")), t(
+        a.getByRole("region", { name: "Announcement" })
       ).toBeInTheDocument();
     });
   });

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index44.css');const n=require("react/jsx-runtime"),l=require("react"),a=require("../../../x-Dft9NVe_.cjs"),u="_announcement_1t134_1",m="_inner_1t134_9",d="_content_1t134_22",_="_close_1t134_48",e={announcement:u,inner:m,content:d,close:_};function j({content:t,renderRichText:s,className:i}){const[o,r]=l.useState(!1);if(o)return null;const c=s?s(t,e.content):typeof t=="string"?n.jsx("span",{className:e.content,children:t}):null;return c?n.jsx("div",{role:"region","aria-label":"Announcement",className:`${e.announcement} ${i??""}`.trim(),children:n.jsxs("div",{className:e.inner,children:[n.jsx("div",{className:e.content,children:c}),n.jsx("button",{className:e.close,onClick:()=>r(!0),"aria-label":"Dismiss announcement",children:n.jsx(a.X,{size:16,"aria-hidden":"true"})})]})}):null}exports.Announcement=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index44.css');const n=require("react/jsx-runtime"),a=require("react"),l=require("../../../x-Dft9NVe_.cjs"),u="_announcement_1t134_1",m="_inner_1t134_9",d="_content_1t134_22",_="_close_1t134_48",e={announcement:u,inner:m,content:d,close:_};function j({blocks:t,renderRichText:s,className:i}){const[r,o]=a.useState(!1);if(r||!(t!=null&&t.length))return null;const c=s?s({blocks:t,className:e.content}):null;return c?n.jsx("div",{role:"region","aria-label":"Announcement",className:`${e.announcement} ${i??""}`.trim(),children:n.jsxs("div",{className:e.inner,children:[n.jsx("div",{className:e.content,children:c}),n.jsx("button",{className:e.close,onClick:()=>o(!0),"aria-label":"Dismiss announcement",children:n.jsx(l.X,{size:16,"aria-hidden":"true"})})]})}):null}exports.Announcement=j;

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

@@ -1,5 +1,5 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useState as a } from "react";
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { useState as l } from "react";
 import { X as m } from "../../../x-CnsEH4Ox.js";
 import '../../../index44.css';const u = "_announcement_1t134_1", d = "_inner_1t134_9", _ = "_content_1t134_22", f = "_close_1t134_48", n = {
   announcement: u,
@@ -7,29 +7,29 @@ import '../../../index44.css';const u = "_announcement_1t134_1", d = "_inner_1t1
   content: _,
   close: f
 };
-function b({
-  content: t,
+function v({
+  blocks: e,
   renderRichText: s,
-  className: c
+  className: o
 }) {
-  const [i, r] = a(!1);
-  if (i) return null;
-  const o = s ? s(t, n.content) : typeof t == "string" ? /* @__PURE__ */ e("span", { className: n.content, children: t }) : null;
-  return o ? /* @__PURE__ */ e(
+  const [r, c] = l(!1);
+  if (r || !(e != null && e.length)) return null;
+  const i = s ? s({ blocks: e, className: n.content }) : null;
+  return i ? /* @__PURE__ */ t(
     "div",
     {
       role: "region",
       "aria-label": "Announcement",
-      className: `${n.announcement} ${c ?? ""}`.trim(),
-      children: /* @__PURE__ */ l("div", { className: n.inner, children: [
-        /* @__PURE__ */ e("div", { className: n.content, children: o }),
-        /* @__PURE__ */ e(
+      className: `${n.announcement} ${o ?? ""}`.trim(),
+      children: /* @__PURE__ */ a("div", { className: n.inner, children: [
+        /* @__PURE__ */ t("div", { className: n.content, children: i }),
+        /* @__PURE__ */ t(
           "button",
           {
             className: n.close,
-            onClick: () => r(!0),
+            onClick: () => c(!0),
             "aria-label": "Dismiss announcement",
-            children: /* @__PURE__ */ e(m, { size: 16, "aria-hidden": "true" })
+            children: /* @__PURE__ */ t(m, { size: 16, "aria-hidden": "true" })
           }
         )
       ] })
@@ -37,5 +37,5 @@ function b({
   ) : null;
 }
 export {
-  b as Announcement
+  v as Announcement
 };

package/dist/core.d.ts

@@ -4,6 +4,7 @@ import { FormEvent } from 'react';
 import { ImageAdapter } from './core/types/adapters';
 import { JSX } from 'react/jsx-runtime';
 import { LinkAdapter } from './core/types/adapters';
+import { PortableTextBlock } from '@portabletext/types';
 import { ReactNode } from 'react';
 import { RenderCallToActionProps } from './core/types/renderers';
 import { RenderImageProps } from './core/types/renderers';
@@ -70,19 +71,14 @@ declare type AnchorTypeProps = {
     rel?: string;
 } & Omit<default_2.AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "target" | "rel">;
 
-export declare function Announcement({ content, renderRichText, className, }: AnnouncementProps): JSX.Element | null;
-
-export declare type AnnouncementContent = {
-    type: "portableText";
-    content: unknown[];
-} | {
-    type: "markdown";
-    content: string;
-} | string;
+export declare function Announcement({ blocks, renderRichText, className, }: AnnouncementProps): JSX.Element | null;
 
 export declare type AnnouncementProps = {
-    content: AnnouncementContent;
-    renderRichText?: (content: AnnouncementContent, className?: string) => React.ReactNode;
+    blocks: PortableTextBlock[];
+    renderRichText?: (props: {
+        blocks: PortableTextBlock[];
+        className?: string;
+    }) => React.ReactNode;
     className?: string;
 };
 

package/dist/main.d.ts

@@ -38,8 +38,8 @@ import { MetricType } from './sanity/types/metric';
 import { NavigationData } from './sanity/types/navigation';
 import { PageProps } from './sanity/types/page';
 import { PageSection } from './sanity/types/pageSection';
-import { PortableTextBlock } from '@portabletext/react';
-import { PortableTextBlock as PortableTextBlock_2 } from '@portabletext/types';
+import { PortableTextBlock } from '@portabletext/types';
+import { PortableTextBlock as PortableTextBlock_2 } from '@portabletext/react';
 import { QuoteBlockProps } from './next/blocks/QuoteBlock/QuoteBlock.types';
 import { QuoteBlockProps as QuoteBlockProps_2 } from './QuoteBlock.types';
 import { ReactNode } from 'react';
@@ -136,19 +136,14 @@ declare type AnchorTypeProps = {
     rel?: string;
 } & Omit<default_2.AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "target" | "rel">;
 
-export declare function Announcement({ content, renderRichText, className, }: AnnouncementProps): JSX.Element | null;
-
-export declare type AnnouncementContent = {
-    type: "portableText";
-    content: unknown[];
-} | {
-    type: "markdown";
-    content: string;
-} | string;
+export declare function Announcement({ blocks, renderRichText, className, }: AnnouncementProps): JSX.Element | null;
 
 export declare type AnnouncementProps = {
-    content: AnnouncementContent;
-    renderRichText?: (content: AnnouncementContent, className?: string) => React.ReactNode;
+    blocks: PortableTextBlock[];
+    renderRichText?: (props: {
+        blocks: PortableTextBlock[];
+        className?: string;
+    }) => React.ReactNode;
     className?: string;
 };
 
@@ -234,7 +229,7 @@ declare type BioCardProps = ItemType_3 & {
         className?: string;
     }) => default_2.ReactElement | null;
     renderRichText?: (props: {
-        blocks: PortableTextBlock_2[];
+        blocks: PortableTextBlock[];
         className?: string;
     }) => default_2.ReactElement | null;
 };
@@ -363,7 +358,7 @@ export { CardGridBlockProps }
  */
 export declare type CardProps = ItemType_2 & {
     renderRichText?: (props: {
-        blocks: PortableTextBlock_2[];
+        blocks: PortableTextBlock[];
         className?: string;
     }) => default_2.ReactElement | null;
     renderImage?: (props: {
@@ -576,7 +571,7 @@ export declare type DrawerSize = keyof typeof sizeClassMap_2;
  * Flattens all span children into a single string — suitable for Badge labels,
  * aria attributes, and any context that needs a plain string from rich text.
  */
-export declare function extractText(blocks: PortableTextBlock_2[]): string;
+export declare function extractText(blocks: PortableTextBlock[]): string;
 
 declare type FABPosition = "bottom-right" | "bottom-left" | "top-right" | "top-left";
 
@@ -741,7 +736,7 @@ declare type GridCardProps = ItemType_3 & {
         style?: default_2.CSSProperties;
     }) => default_2.ReactElement | null;
     renderRichText?: (props: {
-        blocks: PortableTextBlock_2[];
+        blocks: PortableTextBlock[];
         className?: string;
     }) => default_2.ReactElement | null;
 };
@@ -1404,7 +1399,7 @@ declare type ProductCardProps = ItemType_3 & {
         style?: default_2.CSSProperties;
     }) => default_2.ReactElement | null;
     renderRichText?: (props: {
-        blocks: PortableTextBlock_2[];
+        blocks: PortableTextBlock[];
         className?: string;
     }) => default_2.ReactElement | null;
 };
@@ -1556,7 +1551,7 @@ declare type ReviewCardProps = ItemType_3 & {
         priority?: boolean;
     }) => default_2.ReactElement | null;
     renderRichText?: (props: {
-        blocks: PortableTextBlock_2[];
+        blocks: PortableTextBlock[];
         className?: string;
     }) => default_2.ReactElement | null;
 };
@@ -1576,7 +1571,7 @@ export declare function RichTextBlock({ text, styleOptions, id, renderRichText,
 export { RichTextBlockProps }
 
 declare interface RichTextProps {
-    blocks: PortableTextBlock[] | string;
+    blocks: PortableTextBlock_2[] | string;
     className?: string;
     textOverride?: string;
     animateText?: boolean;
@@ -1607,7 +1602,7 @@ declare type SegmentCardProps = ItemType_3 & {
         style?: default_2.CSSProperties;
     }) => default_2.ReactElement | null;
     renderRichText?: (props: {
-        blocks: PortableTextBlock_2[];
+        blocks: PortableTextBlock[];
         className?: string;
     }) => default_2.ReactElement | null;
 };
@@ -1654,7 +1649,7 @@ declare type ServiceCardProps = ItemType_3 & {
     onHover?: () => void;
     onLeave?: () => void;
     renderRichText?: (props: {
-        blocks: PortableTextBlock_2[];
+        blocks: PortableTextBlock[];
         className?: string;
     }) => default_2.ReactElement | null;
 };
@@ -1824,7 +1819,7 @@ declare interface SpotlightCardProps {
         priority?: boolean;
     }) => default_2.ReactElement | null;
     renderRichText?: (props: {
-        blocks: PortableTextBlock_2[];
+        blocks: PortableTextBlock[];
         className?: string;
     }) => default_2.ReactElement | null;
 }
@@ -1952,7 +1947,7 @@ declare type TestimonialCardProps = ItemType_3 & {
         draggable?: boolean;
     }) => default_2.ReactElement | null;
     renderRichText?: (props: {
-        blocks: PortableTextBlock_2[];
+        blocks: PortableTextBlock[];
         className?: string;
     }) => default_2.ReactElement | null;
 };

package/package.json

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