quirk-ui 0.0.374 → 0.0.375

package/dist/{CategoryFilters-o4Nh-kj7.js → CategoryFilters-CERSAkqH.js}

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as l } from "react/jsx-runtime";
 import './assets/index.css';import './assets/CategoryFilters.css';/* empty css               */
-import { v as u } from "./index-DYQkvBi4-BU42YIP-.js";
+import { v as u } from "./index-xnHGGMQI-iLSPM2oT.js";
 import { X as m } from "./x-CnsEH4Ox.js";
 const f = "_documentList_17zlj_1", H = "_container_17zlj_9", L = "_heading_17zlj_20", S = "_listContainer_17zlj_26", F = "_listWrapper_17zlj_37", b = "_list_17zlj_26", g = "_listHeader_17zlj_58", k = "_listSearch_17zlj_71", v = "_clearSearch_17zlj_98", C = "_listHeaderFilters_17zlj_117", w = "_listResults_17zlj_128", y = "_listSort_17zlj_132", x = "_filterToggle_17zlj_155", N = "_filterHeader_17zlj_170", I = "_loadMore_17zlj_191", M = "_filterList_17zlj_195", R = "_listFilters_17zlj_202", T = "_applyFilters_17zlj_210", W = "_show_17zlj_239", $ = "_hide_17zlj_248", A = "_buttonIsLoading_17zlj_299", s = {
   documentList: f,

package/dist/core/components/CallToAction/CallToAction.test.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { d as i, i as o, r, s as l, g as t } from "../../../vi.ClIskdbk-D39wA6Kr.js";
-import { C as a } from "../../../index-xnHGGMQI.js";
+import { C as a } from "../../../index-Btue8cu4.js";
 import "../../../index-DPGXWTtt.js";
 i("CallToAction", () => {
   o("renders as a button when 'as' is set to 'button'", () => {

package/dist/core/components/CallToAction/index.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { C as c } from "../../../index-xnHGGMQI.js";
+import { C as c } from "../../../index-Btue8cu4.js";
 import "../../../index-CeBA0PT0.js";
 import "../../../external-link-BOPobeQJ.js";
 import "../../../play-DYgKiSaf.js";

package/dist/core/components/Footer/index.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as r } from "react/jsx-runtime";
-import { C as y } from "../../../index-xnHGGMQI.js";
+import { C as y } from "../../../index-Btue8cu4.js";
 import { ButtonGroup as k } from "../ButtonGroup/index.js";
 import { a as $, b as F, c as I, d as w, e as A } from "../../../index-CeBA0PT0.js";
 import { E } from "../../../external-link-BOPobeQJ.js";

package/dist/core/components/NavBar/index.js

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as r, Fragment as ee } from "react/jsx-runtime";
 import { useState as h, useEffect as T, useRef as R, useCallback as A } from "react";
 import { s as e, N as Ce } from "../../../NavLink-BE_Z3sd3.js";
 import { Modal as ne } from "../Modal/index.js";
-import { a as xe, C as ae } from "../../../index-xnHGGMQI.js";
+import { a as xe, C as ae } from "../../../index-Btue8cu4.js";
 import { ButtonGroup as le } from "../ButtonGroup/index.js";
 import { E as F } from "../../../external-link-BOPobeQJ.js";
 import { X as Me } from "../../../x-CnsEH4Ox.js";

package/dist/core.js

@@ -6,7 +6,7 @@ import { Badge as i } from "./core/components/Badge/index.js";
 import { Box as l } from "./core/components/Box/index.js";
 import { Breadcrumbs as d } from "./core/components/Breadcrumbs/index.js";
 import { ButtonGroup as u } from "./core/components/ButtonGroup/index.js";
-import { C } from "./index-xnHGGMQI.js";
+import { C } from "./index-Btue8cu4.js";
 import { Card as T } from "./core/components/Card/index.js";
 import { Carousel as g } from "./core/components/Carousel/index.js";
 import { Checkbox as F } from "./core/components/Checkbox/index.js";

package/dist/{index-xnHGGMQI.js → index-Btue8cu4.js}

@@ -6,7 +6,7 @@ import { P as x } from "./play-DYgKiSaf.js";
 import { C as $ } from "./chevron-down-DSUzBz9F.js";
 import { A as L } from "./arrow-right-QEwnX3Sk.js";
 import { A as M } from "./arrow-left-BIJvHwNQ.js";
-import './assets/index-DYQkvBi4.css';/**
+import './assets/index-xnHGGMQI.css';/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/{index-DYQkvBi4-BU42YIP-.js → index-xnHGGMQI-iLSPM2oT.js}

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as k, Fragment as M } from "react/jsx-runtime";
 import d from "react";
 import { b as l, e as P } from "./chevron-down-DSUzBz9F-D-Ho8Mhr.js";
-import './assets/index-DYQkvBi4.css';var O = {
+import './assets/index-xnHGGMQI.css';var O = {
   color: void 0,
   size: void 0,
   className: void 0,

package/dist/main.d.ts

@@ -1502,10 +1502,10 @@ declare interface SanityImage {
     layout?: "cover" | "contain" | "none";
     position?: "center" | "top" | "bottom" | "left" | "right" | "top left" | "top right" | "bottom left" | "bottom right";
     width?: "full" | "inset" | "half";
+    maxWidth?: string;
     aspectRatio?: "1:1" | "16:9" | "4:3";
     /** Deprecated */
     display?: "default" | "max-width" | "full-bleed";
-    maxWidth?: number | string;
 }
 
 export declare function Select({ id, name, label, options, defaultValue, required, disabled, onChange, className, ...restProps }: SelectProps): JSX.Element;

package/dist/main.js

@@ -6,7 +6,7 @@ import { Badge as i } from "./core/components/Badge/index.js";
 import { Box as l } from "./core/components/Box/index.js";
 import { Breadcrumbs as B } from "./core/components/Breadcrumbs/index.js";
 import { ButtonGroup as k } from "./core/components/ButtonGroup/index.js";
-import { C as u } from "./index-xnHGGMQI.js";
+import { C as u } from "./index-Btue8cu4.js";
 import { Card as S } from "./core/components/Card/index.js";
 import { Carousel as b } from "./core/components/Carousel/index.js";
 import { Checkbox as A } from "./core/components/Checkbox/index.js";

package/dist/next/blocks/DocumentListBlock/CategoryFilters.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import { C as e } from "../../../CategoryFilters-o4Nh-kj7.js";
+import { C as e } from "../../../CategoryFilters-CERSAkqH.js";
 import '../../../assets/index.css';/* empty css                      */
-import "../../../index-DYQkvBi4-BU42YIP-.js";
+import "../../../index-xnHGGMQI-iLSPM2oT.js";
 import "../../../x-CnsEH4Ox.js";
 export {
   e as CategoryFilters

package/dist/next/blocks/DocumentListBlock/index.js

@@ -4,14 +4,14 @@ import { RichText as H } from "../../ui/PortableTextRenderer/index.js";
 import { useStyleClasses as J } from "../../hooks/useStyleClasses.js";
 import { useLocaleBridge as K } from "../../contexts/LocaleBridge.js";
 import '../../../assets/colors.css';import '../../../assets/index.css';/* empty css                      */
-import { C as L } from "../../../index-xnHGGMQI.js";
+import { C as L } from "../../../index-Btue8cu4.js";
 import { Input as Q } from "../../../core/components/Input/index.js";
 import "react-dom";
 import { Select as V } from "../../../core/components/Select/index.js";
 import "../../../core/components/Tabs/index.js";
 /* empty css                       */
 import { BlogArticleCard as Y } from "../../cards/BlogArticleCard/index.js";
-import { s, C as F } from "../../../CategoryFilters-o4Nh-kj7.js";
+import { s, C as F } from "../../../CategoryFilters-CERSAkqH.js";
 import { X as ee } from "../../../x-CnsEH4Ox.js";
 const te = [
   { label: "Newest", value: "date-desc" },

package/dist/next/blocks/TabsBlock/index.js

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { useState as X, useEffect as Y } from "react";
 import { useStyleClasses as Z } from "../../hooks/useStyleClasses.js";
 import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index11.css';/* empty css                      */
-import { C as A } from "../../../index-xnHGGMQI.js";
+import { C as A } from "../../../index-Btue8cu4.js";
 import "react-dom";
 import { Tabs as f } from "../../../core/components/Tabs/index.js";
 /* empty css                       */

package/dist/next/blocks/WasHelpfulBlock/index.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as r, Fragment as _ } from "react/jsx-runtime";
 import { useState as f, useEffect as m } from "react";
 import '../../../assets/index.css';import '../../../assets/index67.css';/* empty css                      */
-import { v as p } from "../../../index-DYQkvBi4-BU42YIP-.js";
+import { v as p } from "../../../index-xnHGGMQI-iLSPM2oT.js";
 const g = "_buttonGroup_15lw8_1", b = "_left_15lw8_16", w = "_center_15lw8_20", y = "_right_15lw8_29", v = "_vertical_15lw8_33", N = "_horizontal_15lw8_37", n = {
   buttonGroup: g,
   left: b,

package/dist/next/cards/GridCard/index.js

@@ -1,7 +1,7 @@
 import { jsx as s, Fragment as p, jsxs as a } from "react/jsx-runtime";
-import { useState as O, useEffect as P } from "react";
+import { useState as W, useEffect as g } from "react";
 import { RichText as f } from "../../ui/PortableTextRenderer/index.js";
-import W from "next/image";
+import P from "next/image";
 import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index16.css';/* empty css                      */
 import { Modal as v } from "../../../core/components/Modal/index.js";
 import "../../../core/components/Tabs/index.js";
@@ -12,7 +12,7 @@ import { useStyleClasses as E } from "../../hooks/useStyleClasses.js";
 import "@fortawesome/fontawesome-free/css/all.min.css";
 import { P as G } from "../../../play-DYgKiSaf.js";
 import { A as Q } from "../../../arrow-right-QEwnX3Sk.js";
-const q = "_cardLink_nhkju_1", H = "_card_nhkju_1", J = "_container_nhkju_20", K = "_icon_nhkju_30", X = "_modalTrigger_nhkju_52", Y = "_callToAction_nhkju_57", Z = "_label_nhkju_58", V = "_cardIcon_nhkju_63", T = "_title_nhkju_70", A = "_description_nhkju_93", ee = "_imageWrapper_nhkju_108", te = "_metric_nhkju_193", re = "_content_nhkju_194", se = "_outerCircle_nhkju_210", ne = "_innerCircle_nhkju_215", oe = "_metricLabel_nhkju_221", ie = "_textOnly_nhkju_229", ae = "_fullBleed_nhkju_261", ce = "_imageTop_nhkju_302", le = "_imageBottom_nhkju_323", de = "_imageLeft_nhkju_350", _e = "_imageRight_nhkju_360", ue = "_containImage_nhkju_410", he = "_fullBleedImage_nhkju_414", me = "_image_nhkju_108", pe = "_eyebrow_nhkju_495", fe = "_cta_nhkju_507", ke = "_secondary_nhkju_508", t = {
+const q = "_cardLink_nhkju_1", H = "_card_nhkju_1", J = "_container_nhkju_20", K = "_icon_nhkju_30", X = "_modalTrigger_nhkju_52", Y = "_callToAction_nhkju_57", Z = "_label_nhkju_58", V = "_cardIcon_nhkju_63", T = "_title_nhkju_70", A = "_description_nhkju_93", ee = "_imageWrapper_nhkju_108", te = "_metric_nhkju_193", re = "_content_nhkju_194", se = "_outerCircle_nhkju_210", ne = "_innerCircle_nhkju_215", oe = "_metricLabel_nhkju_221", ie = "_textOnly_nhkju_229", ae = "_fullBleed_nhkju_261", ce = "_imageTop_nhkju_302", le = "_imageBottom_nhkju_323", de = "_imageLeft_nhkju_350", _e = "_imageRight_nhkju_360", he = "_containImage_nhkju_410", ue = "_fullBleedImage_nhkju_414", me = "_image_nhkju_108", pe = "_eyebrow_nhkju_495", fe = "_cta_nhkju_507", ke = "_secondary_nhkju_508", t = {
   cardLink: q,
   card: H,
   container: J,
@@ -35,8 +35,8 @@ const q = "_cardLink_nhkju_1", H = "_card_nhkju_1", J = "_container_nhkju_20", K
   imageBottom: le,
   imageLeft: de,
   imageRight: _e,
-  containImage: ue,
-  fullBleedImage: he,
+  containImage: he,
+  fullBleedImage: ue,
   image: me,
   eyebrow: pe,
   cta: fe,
@@ -48,7 +48,7 @@ function Ue({
   metricValue: l,
   eyebrow: d,
   title: _,
-  description: u,
+  description: h,
   image: e,
   icon: j,
   callToAction: r,
@@ -57,8 +57,8 @@ function Ue({
   gridArea: y,
   styleOptions: I
 }) {
-  const [b, B] = O(void 0), C = E(I);
-  P(() => {
+  const [b, B] = W(void 0), C = E(I);
+  g(() => {
     async function n() {
       if ((r == null ? void 0 : r.type) === "link" || (r == null ? void 0 : r.type) === "download") {
         const i = await S(r);
@@ -71,7 +71,7 @@ function Ue({
   if ((e == null ? void 0 : e.layout) === "cover")
     o.objectFit = "cover", e != null && e.position && (o.objectPosition = c ? "top" : e == null ? void 0 : e.position);
   else if ((e == null ? void 0 : e.layout) === "contain") {
-    if (o.objectFit = "contain", (e == null ? void 0 : e.width) === "half" ? o.width = c ? "100%" : "50%" : (e == null ? void 0 : e.width) === "inset" ? o.width = c ? "100%" : "75%" : o.width = "100%", e != null && e.aspectRatio) {
+    if (o.objectFit = "contain", (e == null ? void 0 : e.width) === "half" ? o.width = c ? "100%" : "50%" : (e == null ? void 0 : e.width) === "inset" ? (o.width = c ? "100%" : "75%", o.maxWidth = e.maxWidth ?? "unset") : o.width = "100%", e != null && e.aspectRatio) {
       const [n, i] = e == null ? void 0 : e.aspectRatio.split(":").map(Number);
       o.aspectRatio = `${n}/${i}`;
     }
@@ -86,7 +86,7 @@ function Ue({
     "image-top": t.imageTop,
     "image-bottom": t.imageBottom
   }[x || "text"], R = /* @__PURE__ */ s(p, { children: e && e.imageUrl ? /* @__PURE__ */ s("div", { className: t.imageWrapper, children: /* @__PURE__ */ s(
-    W,
+    P,
     {
       src: e.imageUrl,
       alt: (e == null ? void 0 : e.asset.altText) || (e == null ? void 0 : e.asset.description) || "Card image",
@@ -97,7 +97,7 @@ function Ue({
     }
   ) }) : null }), U = ({ value: n }) => {
     if (n && n.includes("%")) {
-      const m = 2 * Math.PI * 57.5, F = m - parseFloat(n) / 100 * m;
+      const m = 2 * Math.PI * 57.5, O = m - parseFloat(n) / 100 * m;
       return /* @__PURE__ */ a("svg", { width: 125, height: 125, viewBox: "0 0 125 125", children: [
         /* @__PURE__ */ s(
           "circle",
@@ -118,7 +118,7 @@ function Ue({
             r: 57.5,
             fill: "none",
             strokeDasharray: m,
-            strokeDashoffset: F,
+            strokeDashoffset: O,
             strokeLinecap: "round",
             transform: `rotate(-90 ${125 / 2} ${125 / 2})`
           }
@@ -137,7 +137,7 @@ function Ue({
       ] });
     }
     return /* @__PURE__ */ s("div", { className: t.metric });
-  }, M = !l && !d && !_ && !u, N = /* @__PURE__ */ a(p, { children: [
+  }, M = !l && !d && !_ && !h, N = /* @__PURE__ */ a(p, { children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -148,7 +148,7 @@ function Ue({
             l && /* @__PURE__ */ s(U, { value: l }),
             d && /* @__PURE__ */ s(f, { className: t.eyebrow, blocks: d }),
             _ && /* @__PURE__ */ s(f, { className: t.title, blocks: _ }),
-            u && /* @__PURE__ */ s(f, { className: t.description, blocks: u })
+            h && /* @__PURE__ */ s(f, { className: t.description, blocks: h })
           ] }),
           R
         ]
@@ -162,8 +162,8 @@ function Ue({
       /* @__PURE__ */ s("div", { className: t.label, children: r.label }),
       /* @__PURE__ */ s("div", { className: t.cardIcon, children: /* @__PURE__ */ s(Q, { size: 45 }) })
     ] })
-  ] }), g = ({ children: n }) => {
-    var i, h;
+  ] }), F = ({ children: n }) => {
+    var i, u;
     switch (r == null ? void 0 : r.type) {
       case "link":
         return /* @__PURE__ */ s(
@@ -173,7 +173,7 @@ function Ue({
             "aria-label": r.ariaLabel || r.label,
             href: b,
             target: ((i = r.linkOptions) == null ? void 0 : i.linkType) === "external" ? "_blank" : "_self",
-            rel: ((h = r.linkOptions) == null ? void 0 : h.linkType) === "external" ? "noopener noreferrer" : "",
+            rel: ((u = r.linkOptions) == null ? void 0 : u.linkType) === "external" ? "noopener noreferrer" : "",
             children: n
           }
         );
@@ -217,7 +217,7 @@ function Ue({
       onMouseEnter: L,
       onMouseLeave: w,
       style: y && !c ? { gridArea: y } : {},
-      children: (r == null ? void 0 : r.type) !== "none" ? /* @__PURE__ */ s(g, { children: N }) : /* @__PURE__ */ s(p, { children: N })
+      children: (r == null ? void 0 : r.type) !== "none" ? /* @__PURE__ */ s(F, { children: N }) : /* @__PURE__ */ s(p, { children: N })
     }
   );
 }

package/dist/next/cards/SpotlightCard/index.js

@@ -2,7 +2,7 @@ import { jsxs as y, jsx as n } from "react/jsx-runtime";
 import v from "next/image";
 import '../../../assets/colors.css';import '../../../assets/index.css';import '../../../assets/index2.css';/* empty css                      */
 import "react";
-import { C as O } from "../../../index-xnHGGMQI.js";
+import { C as O } from "../../../index-Btue8cu4.js";
 import "react-dom";
 import "../../../core/components/Tabs/index.js";
 /* empty css                       */

package/dist/next/ui/CallToActions/index.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { useState as c, useEffect as b } from "react";
 import '../../../assets/colors.css';import '../../../assets/index.css';/* empty css                      */
 import { ButtonGroup as h } from "../../../core/components/ButtonGroup/index.js";
-import { C as l } from "../../../index-xnHGGMQI.js";
+import { C as l } from "../../../index-Btue8cu4.js";
 import { Modal as p } from "../../../core/components/Modal/index.js";
 import "../../../core/components/Tabs/index.js";
 /* empty css                       */

package/dist/next.d.ts

@@ -517,10 +517,10 @@ declare interface SanityImage {
     layout?: "cover" | "contain" | "none";
     position?: "center" | "top" | "bottom" | "left" | "right" | "top left" | "top right" | "bottom left" | "bottom right";
     width?: "full" | "inset" | "half";
+    maxWidth?: string;
     aspectRatio?: "1:1" | "16:9" | "4:3";
     /** Deprecated */
     display?: "default" | "max-width" | "full-bleed";
-    maxWidth?: number | string;
 }
 
 export declare type SingletonBlockProps = {

package/package.json

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