@orion-ds/react 4.4.0 → 4.6.0

package/dist/blocks/sections/Blog/Blog.d.ts

@@ -1,8 +1,4 @@
-import { default as React } from 'react';
 import { BlogProps } from './Blog.types';
 
-/**
- * Blog section for displaying articles
- */
-export declare const Blog: React.FC<BlogProps>;
+export declare const Blog: import('react').ForwardRefExoticComponent<BlogProps & import('react').RefAttributes<HTMLElement>>;
 //# sourceMappingURL=Blog.d.ts.map

package/dist/blocks/sections/Blog/Blog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Blog.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Blog/Blog.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAe,MAAM,cAAc,CAAC;AAuF3D;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA8FpC,CAAC"}
+{"version":3,"file":"Blog.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Blog/Blog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAe,MAAM,cAAc,CAAC;AA2D3D,eAAO,MAAM,IAAI,mGAkDhB,CAAC"}

package/dist/blocks/sections/Blog/Blog.mjs

@@ -1,39 +1,26 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
+"use client";
+import { jsx as s, jsxs as r, Fragment as i } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
 import a from "./Blog.module.css.mjs";
-import { Badge as v } from "../../../components/Badge/Badge.mjs";
-const g = ({
+const v = ({
   article: e,
-  showAuthor: d = !0,
-  showDate: n = !0,
-  showCategory: l = !0,
-  showReadTime: i = !0,
-  featured: h = !1
-}) => /* @__PURE__ */ s(
-  "article",
-  {
-    className: `${a.article} ${h ? a.featuredMain : ""}`,
-    children: [
-      e.image && /* @__PURE__ */ r(
-        "img",
-        {
-          src: e.image,
-          alt: e.title,
-          className: a.articleImage
-        }
-      ),
-      /* @__PURE__ */ s("div", { className: a.articleContent, children: [
-        /* @__PURE__ */ s("div", { className: a.articleMeta, children: [
-          l && e.category && /* @__PURE__ */ r(v, { variant: "primary", size: "sm", children: e.category }),
-          i && e.readTime && /* @__PURE__ */ s("span", { className: a.readTime, children: [
-            e.readTime,
-            " min read"
-          ] })
-        ] }),
-        /* @__PURE__ */ r("h3", { className: a.articleTitle, children: e.href ? /* @__PURE__ */ r("a", { href: e.href, children: e.title }) : e.title }),
-        /* @__PURE__ */ r("p", { className: a.excerpt, children: e.excerpt }),
-        e.tags && e.tags.length > 0 && /* @__PURE__ */ r("div", { className: a.tags, children: e.tags.map((t, c) => /* @__PURE__ */ r(v, { variant: "secondary", size: "sm", children: t }, c)) }),
-        d && e.author && /* @__PURE__ */ s("div", { className: a.author, children: [
-          e.author.avatar && /* @__PURE__ */ r(
+  isListLayout: d
+}) => {
+  const c = /* @__PURE__ */ r("div", { className: d ? a.cardInner : void 0, children: [
+    e.image && /* @__PURE__ */ s(
+      "img",
+      {
+        src: e.image,
+        alt: e.title,
+        className: a.cardImage
+      }
+    ),
+    /* @__PURE__ */ r("div", { className: a.cardBody, children: [
+      /* @__PURE__ */ s("h3", { className: a.cardTitle, children: e.title }),
+      /* @__PURE__ */ s("p", { className: a.cardExcerpt, children: e.excerpt }),
+      /* @__PURE__ */ r("div", { className: a.cardMeta, children: [
+        e.author && /* @__PURE__ */ r(i, { children: [
+          e.author.avatar && /* @__PURE__ */ s(
             "img",
             {
               src: e.author.avatar,
@@ -41,101 +28,59 @@ const g = ({
               className: a.authorAvatar
             }
           ),
-          /* @__PURE__ */ s("div", { className: a.authorInfo, children: [
-            /* @__PURE__ */ r("span", { className: a.authorName, children: e.author.name }),
-            n && e.date && /* @__PURE__ */ r("span", { className: a.date, children: e.date })
+          /* @__PURE__ */ s("span", { className: a.authorName, children: e.author.name })
+        ] }),
+        e.date && /* @__PURE__ */ r(i, { children: [
+          e.author && /* @__PURE__ */ s("span", { className: a.metaSeparator, children: "·" }),
+          /* @__PURE__ */ s("span", { className: a.date, children: e.date })
+        ] }),
+        e.readTime && /* @__PURE__ */ r(i, { children: [
+          /* @__PURE__ */ s("span", { className: a.metaSeparator, children: "·" }),
+          /* @__PURE__ */ r("span", { className: a.readTime, children: [
+            e.readTime,
+            " min read"
           ] })
         ] })
       ] })
-    ]
-  }
-), k = ({
-  eyebrow: e,
-  title: d,
-  description: n,
-  articles: l,
-  layout: i = "grid",
-  columns: h = 3,
-  showAuthor: t = !0,
-  showDate: c = !0,
-  showCategory: u = !0,
-  showReadTime: N = !0,
-  background: f = "base",
-  viewAllHref: o,
-  viewAllText: x = "View all articles",
-  className: A,
-  ...$
-}) => {
-  const B = () => {
-    if (i === "featured" && l.length > 0) {
-      const [m, ...j] = l;
-      return m ? /* @__PURE__ */ s("div", { className: a.featured, children: [
-        /* @__PURE__ */ r(
-          g,
-          {
-            article: m,
-            showAuthor: t,
-            showDate: c,
-            showCategory: u,
-            showReadTime: N,
-            featured: !0
-          }
-        ),
-        j.slice(0, 2).map((p) => /* @__PURE__ */ r(
-          g,
-          {
-            article: p,
-            showAuthor: t,
-            showDate: c,
-            showCategory: u,
-            showReadTime: N
-          },
-          p.id
-        ))
-      ] }) : null;
-    }
-    const b = i === "list" ? a.list : a.grid;
-    return /* @__PURE__ */ r(
-      "div",
+    ] })
+  ] });
+  return /* @__PURE__ */ s("div", { className: a.card, children: c });
+}, u = g(
+  ({
+    title: e,
+    description: d,
+    articles: c,
+    layout: t = "grid",
+    columns: n = 3,
+    className: o,
+    ...h
+  }, N) => {
+    const m = t === "grid", p = m ? `${a.grid} ${n === 2 ? a.cols2 : n === 4 ? a.cols4 : a.cols3}` : a.list;
+    return /* @__PURE__ */ s(
+      "section",
       {
-        className: b,
-        "data-columns": i === "grid" ? h : void 0,
-        children: l.map((m) => /* @__PURE__ */ r(
-          g,
-          {
-            article: m,
-            showAuthor: t,
-            showDate: c,
-            showCategory: u,
-            showReadTime: N
-          },
-          m.id
-        ))
+        ref: N,
+        className: `${a.section} ${o || ""}`,
+        ...h,
+        children: /* @__PURE__ */ r("div", { className: a.container, children: [
+          /* @__PURE__ */ r("div", { className: a.header, children: [
+            /* @__PURE__ */ s("h2", { className: a.title, children: e }),
+            d && /* @__PURE__ */ s("p", { className: a.description, children: d })
+          ] }),
+          /* @__PURE__ */ s("div", { className: p, children: c.map((l) => /* @__PURE__ */ s(
+            v,
+            {
+              article: l,
+              isListLayout: !m
+            },
+            l.id
+          )) })
+        ] })
       }
     );
-  };
-  return /* @__PURE__ */ r(
-    "section",
-    {
-      className: `${a.blog} ${A || ""}`,
-      "data-background": f,
-      ...$,
-      children: /* @__PURE__ */ s("div", { className: a.container, children: [
-        (e || d || n) && /* @__PURE__ */ s("header", { className: a.header, children: [
-          e && /* @__PURE__ */ r("span", { className: a.eyebrow, children: e }),
-          d && /* @__PURE__ */ r("h2", { className: a.title, children: d }),
-          n && /* @__PURE__ */ r("p", { className: a.description, children: n })
-        ] }),
-        B(),
-        o && /* @__PURE__ */ r("div", { className: a.viewAll, children: /* @__PURE__ */ s("a", { href: o, className: a.viewAllLink, children: [
-          x,
-          /* @__PURE__ */ r("span", { "aria-hidden": "true", children: "→" })
-        ] }) })
-      ] })
-    }
-  );
-};
-k.displayName = "Blog";
+  }
+);
+u.displayName = "Blog";
 export {
-  k as Blog
+  u as Blog
 };

package/dist/blocks/sections/Blog/Blog.module.css

@@ -1 +1 @@
-._blog_1qmo8_5{padding:var(--spacing-16) var(--spacing-4)}._blog_1qmo8_5[data-background=base]{background:var(--surface-base)}._blog_1qmo8_5[data-background=subtle]{background:var(--surface-subtle)}._blog_1qmo8_5[data-background=none]{background:transparent}._container_1qmo8_21{max-width:var(--container-width, 1200px);margin:0 auto}._header_1qmo8_26{text-align:center;margin-bottom:var(--spacing-12)}._eyebrow_1qmo8_31{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-brand);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2)}._title_1qmo8_41{font-family:var(--font-primary);font-size:var(--font-size-48);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0;line-height:1.2}._description_1qmo8_50{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:640px;margin:0 auto}._grid_1qmo8_58{display:grid;gap:var(--spacing-8)}._grid_1qmo8_58[data-columns="2"]{grid-template-columns:repeat(2,1fr)}._grid_1qmo8_58[data-columns="3"]{grid-template-columns:repeat(3,1fr)}._grid_1qmo8_58[data-columns="4"]{grid-template-columns:repeat(4,1fr)}._list_1qmo8_76{display:flex;flex-direction:column;gap:var(--spacing-6)}._featured_1qmo8_83{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8)}._featuredMain_1qmo8_89{grid-row:span 2}._article_1qmo8_94{background:var(--surface-base);border-radius:var(--radius-container);overflow:hidden;border:1px solid var(--border-subtle);transition:transform .2s ease,box-shadow .2s ease}._article_1qmo8_94:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}._articleImage_1qmo8_109{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--surface-subtle)}._featuredMain_1qmo8_89 ._articleImage_1qmo8_109{aspect-ratio:4/3}._articleContent_1qmo8_120{padding:var(--spacing-6)}._articleMeta_1qmo8_124{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);margin-bottom:var(--spacing-3);font-size:var(--font-size-sm)}._date_1qmo8_133{color:var(--text-tertiary);font-size:var(--font-size-xs)}._readTime_1qmo8_138{color:var(--text-tertiary)}._articleTitle_1qmo8_142{font-family:var(--font-secondary);font-size:var(--font-size-24);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0;line-height:1.3}._featuredMain_1qmo8_89 ._articleTitle_1qmo8_142{font-size:var(--font-size-32)}._articleTitle_1qmo8_142 a{color:inherit;text-decoration:none}._articleTitle_1qmo8_142 a:hover{color:var(--text-brand)}._excerpt_1qmo8_164{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}._author_1qmo8_175{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-top:var(--spacing-4)}._authorAvatar_1qmo8_182{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--surface-subtle)}._authorInfo_1qmo8_190{display:flex;flex-direction:column;gap:var(--spacing-1)}._authorName_1qmo8_196{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}._list_1qmo8_76 ._article_1qmo8_94{display:grid;grid-template-columns:300px 1fr}._list_1qmo8_76 ._articleImage_1qmo8_109{aspect-ratio:auto;height:100%}._list_1qmo8_76 ._articleContent_1qmo8_120{display:flex;flex-direction:column;justify-content:center;max-width:800px}._viewAll_1qmo8_221{text-align:center;margin-top:var(--spacing-12)}._viewAllLink_1qmo8_226{display:inline-flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-brand);text-decoration:none}._viewAllLink_1qmo8_226:hover{text-decoration:underline}._tags_1qmo8_241{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-3)}@media(max-width:1024px){._grid_1qmo8_58[data-columns="4"]{grid-template-columns:repeat(2,1fr)}._featured_1qmo8_83{grid-template-columns:1fr}._featuredMain_1qmo8_89{grid-row:auto}}@media(max-width:768px){._blog_1qmo8_5{padding:var(--spacing-12) var(--spacing-4)}._title_1qmo8_41{font-size:var(--font-size-32)}._grid_1qmo8_58[data-columns="2"],._grid_1qmo8_58[data-columns="3"],._grid_1qmo8_58[data-columns="4"],._list_1qmo8_76 ._article_1qmo8_94{grid-template-columns:1fr}._list_1qmo8_76 ._articleImage_1qmo8_109{aspect-ratio:16/9}}
+._section_dbw5o_1{padding:var(--spacing-16) var(--spacing-8);background:var(--surface-base);color:var(--text-primary)}._container_dbw5o_7{max-width:1200px;margin:0 auto}._header_dbw5o_12{margin-bottom:var(--spacing-8)}._title_dbw5o_16{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-2) 0}._description_dbw5o_24{font-family:var(--font-secondary);font-size:var(--font-size-md);color:var(--text-secondary);margin:0}._grid_dbw5o_31{display:grid;gap:var(--spacing-6)}._cols2_dbw5o_36{grid-template-columns:repeat(2,1fr)}._cols3_dbw5o_40{grid-template-columns:repeat(3,1fr)}._cols4_dbw5o_44{grid-template-columns:repeat(4,1fr)}._list_dbw5o_48{display:flex;flex-direction:column;gap:var(--spacing-6)}._card_dbw5o_54{background:var(--surface-subtle);border-radius:var(--radius-container);overflow:hidden;border:1px solid var(--border-subtle);transition:box-shadow .15s ease}._card_dbw5o_54:hover{box-shadow:var(--mode-shadow-hover)}._cardImage_dbw5o_66{width:100%;aspect-ratio:16 / 10;object-fit:cover;display:block}._list_dbw5o_48 ._cardInner_dbw5o_73{display:flex;flex-direction:row;gap:var(--spacing-4)}._list_dbw5o_48 ._cardImage_dbw5o_66{width:200px;aspect-ratio:auto;flex-shrink:0}._cardBody_dbw5o_85{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}._cardTitle_dbw5o_92{font-family:var(--font-secondary);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}._cardExcerpt_dbw5o_100{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}._cardMeta_dbw5o_108{display:flex;align-items:center;gap:var(--spacing-3);margin-top:auto;padding-top:var(--spacing-2)}._authorAvatar_dbw5o_116{width:28px;height:28px;border-radius:var(--radius-full);object-fit:cover}._authorName_dbw5o_123{font-family:var(--font-secondary);font-size:var(--font-size-xs);font-weight:500;color:var(--text-primary)}._metaSeparator_dbw5o_130{color:var(--text-tertiary);font-size:var(--font-size-xs)}._date_dbw5o_135,._readTime_dbw5o_136{font-family:var(--font-secondary);font-size:var(--font-size-xs);color:var(--text-tertiary)}

package/dist/blocks/sections/Blog/Blog.module.css.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_blog_1qmo8_5",e="_container_1qmo8_21",o="_header_1qmo8_26",a="_eyebrow_1qmo8_31",r="_title_1qmo8_41",_="_description_1qmo8_50",i="_grid_1qmo8_58",c="_list_1qmo8_76",n="_featured_1qmo8_83",l="_featuredMain_1qmo8_89",s="_article_1qmo8_94",m="_articleImage_1qmo8_109",d="_articleContent_1qmo8_120",u="_articleMeta_1qmo8_124",q="_date_1qmo8_133",h="_readTime_1qmo8_138",g="_articleTitle_1qmo8_142",f="_excerpt_1qmo8_164",v="_author_1qmo8_175",w="_authorAvatar_1qmo8_182",A="_authorInfo_1qmo8_190",b="_authorName_1qmo8_196",M="_viewAll_1qmo8_221",p="_viewAllLink_1qmo8_226",T="_tags_1qmo8_241",I={blog:t,container:e,header:o,eyebrow:a,title:r,description:_,grid:i,list:c,featured:n,featuredMain:l,article:s,articleImage:m,articleContent:d,articleMeta:u,date:q,readTime:h,articleTitle:g,excerpt:f,author:v,authorAvatar:w,authorInfo:A,authorName:b,viewAll:M,viewAllLink:p,tags:T};exports.article=s;exports.articleContent=d;exports.articleImage=m;exports.articleMeta=u;exports.articleTitle=g;exports.author=v;exports.authorAvatar=w;exports.authorInfo=A;exports.authorName=b;exports.blog=t;exports.container=e;exports.date=q;exports.default=I;exports.description=_;exports.excerpt=f;exports.eyebrow=a;exports.featured=n;exports.featuredMain=l;exports.grid=i;exports.header=o;exports.list=c;exports.readTime=h;exports.tags=T;exports.title=r;exports.viewAll=M;exports.viewAllLink=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_section_dbw5o_1",o="_container_dbw5o_7",a="_header_dbw5o_12",e="_title_dbw5o_16",c="_description_dbw5o_24",r="_grid_dbw5o_31",d="_cols2_dbw5o_36",_="_cols3_dbw5o_40",s="_cols4_dbw5o_44",n="_list_dbw5o_48",i="_card_dbw5o_54",l="_cardImage_dbw5o_66",b="_cardInner_dbw5o_73",w="_cardBody_dbw5o_85",m="_cardTitle_dbw5o_92",u="_cardExcerpt_dbw5o_100",p="_cardMeta_dbw5o_108",h="_authorAvatar_dbw5o_116",g="_authorName_dbw5o_123",T="_metaSeparator_dbw5o_130",I="_date_dbw5o_135",v="_readTime_dbw5o_136",y={section:t,container:o,header:a,title:e,description:c,grid:r,cols2:d,cols3:_,cols4:s,list:n,card:i,cardImage:l,cardInner:b,cardBody:w,cardTitle:m,cardExcerpt:u,cardMeta:p,authorAvatar:h,authorName:g,metaSeparator:T,date:I,readTime:v};exports.authorAvatar=h;exports.authorName=g;exports.card=i;exports.cardBody=w;exports.cardExcerpt=u;exports.cardImage=l;exports.cardInner=b;exports.cardMeta=p;exports.cardTitle=m;exports.cols2=d;exports.cols3=_;exports.cols4=s;exports.container=o;exports.date=I;exports.default=y;exports.description=c;exports.grid=r;exports.header=a;exports.list=n;exports.metaSeparator=T;exports.readTime=v;exports.section=t;exports.title=e;

package/dist/blocks/sections/Blog/Blog.module.css.mjs

@@ -1,55 +1,49 @@
-const t = "_blog_1qmo8_5", e = "_container_1qmo8_21", o = "_header_1qmo8_26", _ = "_eyebrow_1qmo8_31", a = "_title_1qmo8_41", r = "_description_1qmo8_50", i = "_grid_1qmo8_58", c = "_list_1qmo8_76", n = "_featured_1qmo8_83", l = "_featuredMain_1qmo8_89", s = "_article_1qmo8_94", m = "_articleImage_1qmo8_109", q = "_articleContent_1qmo8_120", d = "_articleMeta_1qmo8_124", u = "_date_1qmo8_133", h = "_readTime_1qmo8_138", g = "_articleTitle_1qmo8_142", f = "_excerpt_1qmo8_164", v = "_author_1qmo8_175", w = "_authorAvatar_1qmo8_182", A = "_authorInfo_1qmo8_190", p = "_authorName_1qmo8_196", b = "_viewAll_1qmo8_221", I = "_viewAllLink_1qmo8_226", M = "_tags_1qmo8_241", T = {
-  blog: t,
-  container: e,
-  header: o,
-  eyebrow: _,
+const o = "_section_dbw5o_1", t = "_container_dbw5o_7", _ = "_header_dbw5o_12", a = "_title_dbw5o_16", c = "_description_dbw5o_24", d = "_grid_dbw5o_31", r = "_cols2_dbw5o_36", e = "_cols3_dbw5o_40", s = "_cols4_dbw5o_44", n = "_list_dbw5o_48", i = "_card_dbw5o_54", b = "_cardImage_dbw5o_66", w = "_cardInner_dbw5o_73", l = "_cardBody_dbw5o_85", m = "_cardTitle_dbw5o_92", p = "_cardExcerpt_dbw5o_100", h = "_cardMeta_dbw5o_108", u = "_authorAvatar_dbw5o_116", g = "_authorName_dbw5o_123", I = "_metaSeparator_dbw5o_130", T = "_date_dbw5o_135", x = "_readTime_dbw5o_136", y = {
+  section: o,
+  container: t,
+  header: _,
   title: a,
-  description: r,
-  grid: i,
-  list: c,
-  featured: n,
-  featuredMain: l,
-  article: s,
-  articleImage: m,
-  articleContent: q,
-  articleMeta: d,
-  date: u,
-  readTime: h,
-  articleTitle: g,
-  excerpt: f,
-  author: v,
-  authorAvatar: w,
-  authorInfo: A,
-  authorName: p,
-  viewAll: b,
-  viewAllLink: I,
-  tags: M
+  description: c,
+  grid: d,
+  cols2: r,
+  cols3: e,
+  cols4: s,
+  list: n,
+  card: i,
+  cardImage: b,
+  cardInner: w,
+  cardBody: l,
+  cardTitle: m,
+  cardExcerpt: p,
+  cardMeta: h,
+  authorAvatar: u,
+  authorName: g,
+  metaSeparator: I,
+  date: T,
+  readTime: x
 };
 export {
-  s as article,
-  q as articleContent,
-  m as articleImage,
-  d as articleMeta,
-  g as articleTitle,
-  v as author,
-  w as authorAvatar,
-  A as authorInfo,
-  p as authorName,
-  t as blog,
-  e as container,
-  u as date,
-  T as default,
-  r as description,
-  f as excerpt,
-  _ as eyebrow,
-  n as featured,
-  l as featuredMain,
-  i as grid,
-  o as header,
-  c as list,
-  h as readTime,
-  M as tags,
-  a as title,
-  b as viewAll,
-  I as viewAllLink
+  u as authorAvatar,
+  g as authorName,
+  i as card,
+  l as cardBody,
+  p as cardExcerpt,
+  b as cardImage,
+  w as cardInner,
+  h as cardMeta,
+  m as cardTitle,
+  r as cols2,
+  e as cols3,
+  s as cols4,
+  t as container,
+  T as date,
+  y as default,
+  c as description,
+  d as grid,
+  _ as header,
+  n as list,
+  I as metaSeparator,
+  x as readTime,
+  o as section,
+  a as title
 };

package/dist/blocks/sections/Blog/Blog.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Blog.types').BlogProps & import('react').RefAttributes<HTMLElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Grid: Story;
+export declare const List: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=Blog.stories.d.ts.map

package/dist/blocks/sections/Blog/Blog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blog.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Blog/Blog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAKmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAuBnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC"}

package/dist/blocks/sections/Blog/Blog.types.d.ts

@@ -1,139 +1,32 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes } from 'react';
 
-/**
- * Blog article item
- */
+export type BlogLayout = "grid" | "list";
+export interface BlogAuthor {
+    name: string;
+    avatar?: string;
+}
 export interface BlogArticle {
-    /**
-     * Article unique identifier
-     */
-    id: string | number;
-    /**
-     * Article title
-     */
+    id: string;
     title: string;
-    /**
-     * Article excerpt/summary
-     */
     excerpt: string;
-    /**
-     * Featured image URL
-     */
     image?: string;
-    /**
-     * Article category
-     */
-    category?: string;
-    /**
-     * Author information
-     */
-    author?: {
-        name: string;
-        avatar?: string;
-    };
-    /**
-     * Publication date
-     */
+    author?: BlogAuthor;
     date?: string;
-    /**
-     * Reading time in minutes
-     */
     readTime?: number;
-    /**
-     * Article URL
-     */
     href?: string;
-    /**
-     * Tags/labels
-     */
-    tags?: string[];
 }
-/**
- * Blog layout variants
- */
-export type BlogLayout = "grid" | "list" | "featured";
-/**
- * Blog section props
- *
- * @example
- * ```tsx
- * <Blog
- *   title="Latest Articles"
- *   articles={[
- *     {
- *       id: 1,
- *       title: "Getting Started",
- *       excerpt: "Learn the basics...",
- *       image: "/blog/getting-started.jpg",
- *       author: { name: "John Doe" },
- *       date: "2024-01-15"
- *     }
- *   ]}
- *   layout="grid"
- *   columns={3}
- * />
- * ```
- */
-export interface BlogProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
-    /**
-     * Optional eyebrow text
-     */
-    eyebrow?: ReactNode;
-    /**
-     * Section title
-     */
-    title?: ReactNode;
-    /**
-     * Section description
-     */
-    description?: ReactNode;
-    /**
-     * Array of articles
-     */
+export interface BlogProps extends HTMLAttributes<HTMLElement> {
+    /** Section heading */
+    title: string;
+    /** Section description */
+    description?: string;
+    /** List of articles to display */
     articles: BlogArticle[];
-    /**
-     * Layout variant
-     * @default 'grid'
-     */
+    /** Layout mode */
     layout?: BlogLayout;
-    /**
-     * Number of columns for grid layout
-     * @default 3
-     */
+    /** Number of columns in grid layout */
     columns?: 2 | 3 | 4;
-    /**
-     * Show author info
-     * @default true
-     */
-    showAuthor?: boolean;
-    /**
-     * Show date
-     * @default true
-     */
-    showDate?: boolean;
-    /**
-     * Show category badge
-     * @default true
-     */
-    showCategory?: boolean;
-    /**
-     * Show read time
-     * @default true
-     */
-    showReadTime?: boolean;
-    /**
-     * Background style
-     * @default 'base'
-     */
-    background?: "base" | "subtle" | "none";
-    /**
-     * View all link
-     */
-    viewAllHref?: string;
-    /**
-     * View all link text
-     * @default 'View all articles'
-     */
-    viewAllText?: string;
+    /** Additional class name */
+    className?: string;
 }
 //# sourceMappingURL=Blog.types.d.ts.map

package/dist/blocks/sections/Blog/Blog.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Blog.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Blog/Blog.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IAEF;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;AAEtD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC3E;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,QAAQ,EAAE,WAAW,EAAE,CAAC;IAExB;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"Blog.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Blog/Blog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAEzC,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC5D,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,kBAAkB;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,uCAAuC;IACvC,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/blocks/sections/Blog/index.d.ts

@@ -1,3 +1,3 @@
 export { Blog } from './Blog';
-export type { BlogProps, BlogArticle, BlogLayout } from './Blog.types';
+export type { BlogProps, BlogArticle, BlogAuthor, BlogLayout, } from './Blog.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/blocks/sections/Blog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Blog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Blog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EACV,SAAS,EACT,WAAW,EACX,UAAU,EACV,UAAU,GACX,MAAM,cAAc,CAAC"}

package/dist/blocks/sections/Breadcrumbs/Breadcrumbs.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),u=require("lucide-react"),a=require("./Breadcrumbs.module.css.cjs"),j=o.forwardRef(({items:t,separator:d,maxItems:i,itemsBeforeCollapse:f=1,itemsAfterCollapse:m=1,showHomeIcon:p=!1,size:r="md",className:x,...N},g)=>{const[_,I]=o.useState(!1),h=i!==void 0&&t.length>i&&!_,b=o.useMemo(()=>{if(!h)return t;const s=t.slice(0,f),l=t.slice(-m);return[...s,{id:"__collapsed__",label:"..."},...l]},[t,h,f,m]),B=()=>d?e.jsx("span",{className:a.default.separator,children:d}):e.jsx(u.ChevronRight,{size:r==="sm"?14:r==="lg"?18:16,className:a.default.separator}),v=(s,l,n)=>{if(s.id==="__collapsed__")return e.jsx("button",{type:"button",className:a.default.collapseButton,onClick:()=>I(!0),"aria-label":"Show all breadcrumbs",children:e.jsx(u.MoreHorizontal,{size:r==="sm"?14:r==="lg"?18:16})});const C=l===0&&p,c=e.jsxs(e.Fragment,{children:[C&&e.jsx(u.Home,{size:r==="sm"?12:r==="lg"?16:14,className:a.default.homeIcon}),s.icon&&e.jsx("span",{className:a.default.itemIcon,children:s.icon}),e.jsx("span",{children:s.label})]});return n?e.jsx("span",{className:`${a.default.item} ${a.default.itemCurrent}`,"aria-current":"page",children:c}):s.href?e.jsx("a",{href:s.href,className:a.default.item,children:c}):s.onClick?e.jsx("button",{type:"button",className:a.default.item,onClick:s.onClick,children:c}):e.jsx("span",{className:a.default.item,children:c})},y=[a.default.breadcrumbs,a.default[r],x].filter(Boolean).join(" ");return e.jsx("nav",{ref:g,className:y,"aria-label":"Breadcrumb",...N,children:e.jsx("ol",{className:a.default.list,children:b.map((s,l)=>{const n=l===b.length-1;return e.jsxs("li",{className:a.default.listItem,children:[v(s,l,n),!n&&B()]},s.id)})})})});j.displayName="Breadcrumbs";exports.Breadcrumbs=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("./Breadcrumbs.module.css.cjs"),n=o.forwardRef(({items:s,separator:d="/",className:t,...u},i)=>e.jsx("section",{ref:i,className:`${a.default.section} ${t||""}`,...u,children:e.jsx("div",{className:a.default.container,children:e.jsx("nav",{className:a.default.nav,"aria-label":"Breadcrumb",children:s.map((r,l)=>{const c=l===s.length-1;return e.jsxs("span",{children:[l>0&&e.jsxs("span",{className:a.default.separator,"aria-hidden":"true",children:[" ",d," "]}),c||!r.href?e.jsx("span",{className:a.default.current,"aria-current":c?"page":void 0,children:r.label}):e.jsx("a",{href:r.href,className:a.default.link,children:r.label})]},r.id)})})})}));n.displayName="Breadcrumbs";exports.Breadcrumbs=n;

package/dist/blocks/sections/Breadcrumbs/Breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,gBAAgB,EAAkB,MAAM,qBAAqB,CAAC;AAG5E,eAAO,MAAM,WAAW,0GAiIvB,CAAC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,WAAW,0GAyCvB,CAAC"}