quirk-ui 0.1.2 → 0.1.3

package/package.json

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

package/dist/CategoryFilters-C0_SftM8.js

@@ -1,77 +0,0 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { B as h } from "./index-DoRSKr6y.js";
-import { X as g } from "./x-CnsEH4Ox.js";
-import './assets/CategoryFilters.css';const p = "_documentList_1firg_1", u = "_container_1firg_9", m = "_heading_1firg_20", H = "_listContainer_1firg_30", L = "_listWrapper_1firg_41", S = "_list_1firg_30", F = "_listHeader_1firg_62", b = "_listSearch_1firg_75", C = "_clearSearch_1firg_102", k = "_listHeaderFilters_1firg_121", v = "_listResults_1firg_132", w = "_listSort_1firg_136", y = "_filterToggle_1firg_159", x = "_filterHeader_1firg_174", N = "_loadMore_1firg_195", I = "_filterList_1firg_199", M = "_listFilters_1firg_206", R = "_applyFilters_1firg_214", T = "_show_1firg_243", W = "_hide_1firg_252", j = "_buttonIsLoading_1firg_301", s = {
-  documentList: p,
-  container: u,
-  heading: m,
-  listContainer: H,
-  listWrapper: L,
-  list: S,
-  listHeader: F,
-  listSearch: b,
-  clearSearch: C,
-  listHeaderFilters: k,
-  listResults: v,
-  listSort: w,
-  filterToggle: y,
-  filterHeader: x,
-  loadMore: N,
-  filterList: I,
-  listFilters: M,
-  applyFilters: R,
-  show: T,
-  hide: W,
-  buttonIsLoading: j
-};
-function A({
-  categoryFilters: e,
-  selectedCategories: r,
-  onSelectionChange: _,
-  showFilters: o,
-  toggleFilters: n,
-  isLoading: a
-}) {
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      className: `${s.listFilters} ${o ? s.show : s.hide}`,
-      children: [
-        /* @__PURE__ */ l("div", { className: s.filterHeader, children: [
-          /* @__PURE__ */ t("h5", { children: "Filters" }),
-          /* @__PURE__ */ t("button", { onClick: n, children: /* @__PURE__ */ t(g, { size: 24 }) })
-        ] }),
-        /* @__PURE__ */ t("div", { className: s.filterList, children: e == null ? void 0 : e.map((i) => /* @__PURE__ */ l("label", { children: [
-          /* @__PURE__ */ t(
-            "input",
-            {
-              type: "checkbox",
-              value: i._id,
-              checked: r.includes(i._id),
-              onChange: (c) => {
-                const d = c.target.checked ? [...r, i._id] : r.filter((f) => f !== i._id);
-                _(d);
-              }
-            }
-          ),
-          i.title
-        ] }, i._id)) }),
-        /* @__PURE__ */ t(
-          h,
-          {
-            as: "button",
-            variant: "secondary",
-            onClick: n,
-            disabled: a,
-            className: s.applyFilters,
-            children: "Apply Filters"
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  A as C,
-  s
-};

package/dist/CategoryFilters-CvVjFOWh.cjs

@@ -1 +0,0 @@
-"use strict";require('./assets/CategoryFilters.css');const i=require("react/jsx-runtime"),f=require("./index-CAxKHP72.cjs"),g=require("./x-Dft9NVe_.cjs"),h="_documentList_1firg_1",u="_container_1firg_9",p="_heading_1firg_20",x="_listContainer_1firg_30",F="_listWrapper_1firg_41",H="_list_1firg_30",L="_listHeader_1firg_62",S="_listSearch_1firg_75",j="_clearSearch_1firg_102",m="_listHeaderFilters_1firg_121",b="_listResults_1firg_132",y="_listSort_1firg_136",C="_filterToggle_1firg_159",k="_filterHeader_1firg_174",v="_loadMore_1firg_195",w="_filterList_1firg_199",q="_listFilters_1firg_206",N="_applyFilters_1firg_214",$="_show_1firg_243",I="_hide_1firg_252",M="_buttonIsLoading_1firg_301",t={documentList:h,container:u,heading:p,listContainer:x,listWrapper:F,list:H,listHeader:L,listSearch:S,clearSearch:j,listHeaderFilters:m,listResults:b,listSort:y,filterToggle:C,filterHeader:k,loadMore:v,filterList:w,listFilters:q,applyFilters:N,show:$,hide:I,buttonIsLoading:M};function R({categoryFilters:e,selectedCategories:r,onSelectionChange:n,showFilters:_,toggleFilters:l,isLoading:o}){return i.jsxs("div",{className:`${t.listFilters} ${_?t.show:t.hide}`,children:[i.jsxs("div",{className:t.filterHeader,children:[i.jsx("h5",{children:"Filters"}),i.jsx("button",{onClick:l,children:i.jsx(g.X,{size:24})})]}),i.jsx("div",{className:t.filterList,children:e==null?void 0:e.map(s=>i.jsxs("label",{children:[i.jsx("input",{type:"checkbox",value:s._id,checked:r.includes(s._id),onChange:c=>{const a=c.target.checked?[...r,s._id]:r.filter(d=>d!==s._id);n(a)}}),s.title]},s._id))}),i.jsx(f.Button,{as:"button",variant:"secondary",onClick:l,disabled:o,className:t.applyFilters,children:"Apply Filters"})]})}exports.CategoryFilters=R;exports.styles=t;

package/dist/HeroSubComponents-CdjT4Z5_.js

@@ -1,202 +0,0 @@
-import { jsx as t, jsxs as h } from "react/jsx-runtime";
-import { memo as v, forwardRef as p, useRef as y, useImperativeHandle as b, useEffect as g } from "react";
-import { buildEmbedSrc as x, resolveImageUrl as w, resolveAltText as N } from "./next/utils/mediaUtils.mjs";
-import { c as C } from "./createLucideIcon-C8GTh_Qx.js";
-import { P as k } from "./play-DYgKiSaf.js";
-import './assets/HeroSubComponents.css';/**
- * @license lucide-react v0.488.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const B = [
-  ["rect", { x: "14", y: "4", width: "4", height: "16", rx: "1", key: "zuxfzm" }],
-  ["rect", { x: "6", y: "4", width: "4", height: "16", rx: "1", key: "1okwgv" }]
-], V = C("pause", B), I = "_hero_1vvl6_1", E = "_container_1vvl6_7", z = "_heading_1vvl6_15", T = "_text_1vvl6_22", j = "_eyebrow_1vvl6_37", H = "_disclaimer_1vvl6_41", D = "_articleDetails_1vvl6_53", F = "_articleType_1vvl6_66", P = "_articleCategories_1vvl6_80", R = "_category_1vvl6_86", A = "_number_1vvl6_102", S = "_blog_1vvl6_129", L = "_overlay_1vvl6_155", U = "_tile_1vvl6_225", Y = "_fullBleed_1vvl6_326", q = "_media_1vvl6_353", G = "_splitAlt_1vvl6_442", J = "_split_1vvl6_442", K = "_videoControl_1vvl6_506", M = "_videoBackground_1vvl6_549", O = "_iframe_1vvl6_550", c = {
-  hero: I,
-  container: E,
-  heading: z,
-  text: T,
-  eyebrow: j,
-  disclaimer: H,
-  articleDetails: D,
-  articleType: F,
-  articleCategories: P,
-  category: R,
-  number: A,
-  default: "_default_1vvl6_125",
-  blog: S,
-  overlay: L,
-  tile: U,
-  fullBleed: Y,
-  media: q,
-  splitAlt: G,
-  split: J,
-  videoControl: K,
-  videoBackground: M,
-  iframe: O
-}, Q = v(function({
-  isPlaying: e,
-  onToggle: i
-}) {
-  return /* @__PURE__ */ t(
-    "button",
-    {
-      type: "button",
-      title: e ? "Pause the video" : "Play the video",
-      "aria-label": e ? "Pause video" : "Play video",
-      className: c.videoControl,
-      onClick: i,
-      children: e ? /* @__PURE__ */ t(V, { size: 18, "aria-hidden": !0 }) : /* @__PURE__ */ t(k, { size: 18, "aria-hidden": !0 })
-    }
-  );
-}), m = v(function({
-  url: e,
-  provider: i,
-  wrapperClassName: a,
-  iframeClassName: l
-}) {
-  const r = x(e, i);
-  return /* @__PURE__ */ t("div", { className: a, children: /* @__PURE__ */ t(
-    "iframe",
-    {
-      src: r,
-      className: l,
-      allow: "autoplay; fullscreen",
-      allowFullScreen: !0,
-      title: "Embedded video",
-      "aria-label": "Background video"
-    }
-  ) });
-}), f = v(
-  p(function({
-    src: e,
-    autoPlay: i,
-    posterUrl: a,
-    wrapperClassName: l,
-    videoClassName: r,
-    isPlaying: s,
-    onToggle: d
-  }, _) {
-    const n = y(null);
-    return b(_, () => ({
-      play() {
-        var o;
-        (o = n.current) == null || o.play().catch(() => {
-        });
-      },
-      pause() {
-        var o;
-        (o = n.current) == null || o.pause();
-      }
-    })), g(() => {
-      const o = n.current;
-      o && (s ? o.play().catch(() => {
-      }) : o.pause());
-    }, [s]), /* @__PURE__ */ h("div", { className: l, style: { position: "relative" }, children: [
-      /* @__PURE__ */ t(Q, { isPlaying: s, onToggle: d }),
-      /* @__PURE__ */ t(
-        "video",
-        {
-          ref: n,
-          src: e,
-          autoPlay: i,
-          loop: !0,
-          muted: !0,
-          playsInline: !0,
-          poster: a,
-          preload: "metadata",
-          className: r,
-          "aria-label": "Background video"
-        }
-      )
-    ] });
-  })
-), te = v(function({
-  url: e,
-  autoPlay: i,
-  posterUrl: a,
-  isPlaying: l,
-  onToggle: r,
-  variant: s
-}) {
-  const d = e.includes("vimeo.com"), _ = e.includes("youtube.com") || e.includes("youtu.be"), n = d || _, o = d ? "vimeo" : "youtube";
-  return s === "inline" ? n ? /* @__PURE__ */ t(
-    m,
-    {
-      url: e,
-      provider: o,
-      wrapperClassName: c.media
-    }
-  ) : /* @__PURE__ */ t(
-    f,
-    {
-      src: e,
-      autoPlay: i,
-      posterUrl: a,
-      wrapperClassName: c.media,
-      isPlaying: l,
-      onToggle: r
-    }
-  ) : n ? /* @__PURE__ */ t(
-    m,
-    {
-      url: e,
-      provider: o,
-      wrapperClassName: c.videoBackground,
-      iframeClassName: c.iframe
-    }
-  ) : /* @__PURE__ */ t(
-    f,
-    {
-      src: e,
-      autoPlay: i,
-      posterUrl: a,
-      videoClassName: c.videoBackground,
-      isPlaying: l,
-      onToggle: r
-    }
-  );
-}), oe = v(function({
-  image: e,
-  mode: i,
-  variant: a,
-  imageAdapter: l
-}) {
-  const r = w(e, i, "medium");
-  if (!r) return null;
-  const s = N(e, i), d = /* @__PURE__ */ t(
-    "img",
-    {
-      src: r,
-      alt: s,
-      draggable: !1,
-      style: a === "fill" ? { objectFit: "cover", width: "100%", height: "100%" } : { width: "100%", height: "auto" }
-    }
-  );
-  return l ? /* @__PURE__ */ t("div", { className: c.media, children: a === "fill" ? l.render({
-    src: r,
-    alt: s,
-    fill: !0,
-    priority: !0,
-    fetchPriority: "high",
-    style: { objectFit: "cover" },
-    draggable: !1,
-    sizes: "(max-width: 767px) 600px, 1200px"
-  }) : l.render({
-    src: r,
-    alt: s,
-    width: 650,
-    height: 750,
-    priority: !0,
-    fetchPriority: "high"
-  }) }) : /* @__PURE__ */ t("div", { className: c.media, children: d });
-});
-export {
-  oe as H,
-  f as N,
-  te as V,
-  Q as a,
-  m as b,
-  c as s
-};

package/dist/HeroSubComponents-OGshYYOc.cjs

@@ -1,6 +0,0 @@
-"use strict";require('./assets/HeroSubComponents.css');const t=require("react/jsx-runtime"),c=require("react"),m=require("./next/utils/mediaUtils.cjs"),y=require("./createLucideIcon-DpotSgUx.cjs"),x=require("./play-CQBnZgNa.cjs");/**
- * @license lucide-react v0.488.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const b=[["rect",{x:"14",y:"4",width:"4",height:"16",rx:"1",key:"zuxfzm"}],["rect",{x:"6",y:"4",width:"4",height:"16",rx:"1",key:"1okwgv"}]],g=y.createLucideIcon("pause",b),j="_hero_1vvl6_1",w="_container_1vvl6_7",C="_heading_1vvl6_15",N="_text_1vvl6_22",k="_eyebrow_1vvl6_37",B="_disclaimer_1vvl6_41",V="_articleDetails_1vvl6_53",I="_articleType_1vvl6_66",E="_articleCategories_1vvl6_80",q="_category_1vvl6_86",z="_number_1vvl6_102",T="_blog_1vvl6_129",H="_overlay_1vvl6_155",R="_tile_1vvl6_225",D="_fullBleed_1vvl6_326",F="_media_1vvl6_353",A="_splitAlt_1vvl6_442",L="_split_1vvl6_442",P="_videoControl_1vvl6_506",S="_videoBackground_1vvl6_549",U="_iframe_1vvl6_550",n={hero:j,container:w,heading:C,text:N,eyebrow:k,disclaimer:B,articleDetails:V,articleType:I,articleCategories:E,category:q,number:z,default:"_default_1vvl6_125",blog:T,overlay:H,tile:R,fullBleed:D,media:F,splitAlt:A,split:L,videoControl:P,videoBackground:S,iframe:U},p=c.memo(function({isPlaying:e,onToggle:i}){return t.jsx("button",{type:"button",title:e?"Pause the video":"Play the video","aria-label":e?"Pause video":"Play video",className:n.videoControl,onClick:i,children:e?t.jsx(g,{size:18,"aria-hidden":!0}):t.jsx(x.Play,{size:18,"aria-hidden":!0})})}),h=c.memo(function({url:e,provider:i,wrapperClassName:s,iframeClassName:l}){const r=m.buildEmbedSrc(e,i);return t.jsx("div",{className:s,children:t.jsx("iframe",{src:r,className:l,allow:"autoplay; fullscreen",allowFullScreen:!0,title:"Embedded video","aria-label":"Background video"})})}),f=c.memo(c.forwardRef(function({src:e,autoPlay:i,posterUrl:s,wrapperClassName:l,videoClassName:r,isPlaying:a,onToggle:v},_){const d=c.useRef(null);return c.useImperativeHandle(_,()=>({play(){var o;(o=d.current)==null||o.play().catch(()=>{})},pause(){var o;(o=d.current)==null||o.pause()}})),c.useEffect(()=>{const o=d.current;o&&(a?o.play().catch(()=>{}):o.pause())},[a]),t.jsxs("div",{className:l,style:{position:"relative"},children:[t.jsx(p,{isPlaying:a,onToggle:v}),t.jsx("video",{ref:d,src:e,autoPlay:i,loop:!0,muted:!0,playsInline:!0,poster:s,preload:"metadata",className:r,"aria-label":"Background video"})]})})),$=c.memo(function({url:e,autoPlay:i,posterUrl:s,isPlaying:l,onToggle:r,variant:a}){const v=e.includes("vimeo.com"),_=e.includes("youtube.com")||e.includes("youtu.be"),d=v||_,o=v?"vimeo":"youtube";return a==="inline"?d?t.jsx(h,{url:e,provider:o,wrapperClassName:n.media}):t.jsx(f,{src:e,autoPlay:i,posterUrl:s,wrapperClassName:n.media,isPlaying:l,onToggle:r}):d?t.jsx(h,{url:e,provider:o,wrapperClassName:n.videoBackground,iframeClassName:n.iframe}):t.jsx(f,{src:e,autoPlay:i,posterUrl:s,videoClassName:n.videoBackground,isPlaying:l,onToggle:r})}),Y=c.memo(function({image:e,mode:i,variant:s,imageAdapter:l}){const r=m.resolveImageUrl(e,i,"medium");if(!r)return null;const a=m.resolveAltText(e,i),v=t.jsx("img",{src:r,alt:a,draggable:!1,style:s==="fill"?{objectFit:"cover",width:"100%",height:"100%"}:{width:"100%",height:"auto"}});return l?t.jsx("div",{className:n.media,children:s==="fill"?l.render({src:r,alt:a,fill:!0,priority:!0,fetchPriority:"high",style:{objectFit:"cover"},draggable:!1,sizes:"(max-width: 767px) 600px, 1200px"}):l.render({src:r,alt:a,width:650,height:750,priority:!0,fetchPriority:"high"})}):t.jsx("div",{className:n.media,children:v})});exports.HeroImage=Y;exports.NativeVideo=f;exports.VideoBlock=$;exports.VideoControl=p;exports.VideoEmbed=h;exports.styles=n;