@orion-ds/react 4.4.0 → 4.6.0

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

@@ -1,129 +1,46 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { ReactNode } from 'react';
 
-/**
- * Footer link item
- */
 export interface FooterLink {
-    /**
-     * Link label
-     */
+    /** Link label */
     label: string;
-    /**
-     * Link URL
-     */
+    /** Link URL */
     href: string;
-    /**
-     * Open in new tab
-     * @default false
-     */
-    external?: boolean;
 }
-/**
- * Footer link group (column of links)
- */
 export interface FooterLinkGroup {
-    /**
-     * Group title
-     */
+    /** Group heading */
     title: string;
-    /**
-     * Links in this group
-     */
+    /** Links in this group */
     links: FooterLink[];
 }
-/**
- * Social link item
- */
 export interface FooterSocialLink {
-    /**
-     * Platform name (for accessibility)
-     */
+    /** Accessible label */
     label: string;
-    /**
-     * Link URL
-     */
+    /** URL */
     href: string;
-    /**
-     * Icon element
-     */
+    /** Icon element */
     icon: ReactNode;
 }
-/**
- * Footer brand info
- */
 export interface FooterBrand {
-    /**
-     * Brand name
-     */
+    /** Brand / company name */
     name: string;
-    /**
-     * Brand logo (optional)
-     */
-    logo?: ReactNode;
-    /**
-     * Brand tagline/description
-     */
+    /** Short description */
     description?: string;
+    /** Logo element */
+    logo?: ReactNode;
 }
-/**
- * Footer variant styles
- */
 export type FooterVariant = "default" | "minimal" | "centered";
-/**
- * Footer section props
- *
- * @example
- * ```tsx
- * <Footer
- *   brand={{ name: "Orion", logo: <Logo />, description: "AI-first design system" }}
- *   linkGroups={[
- *     { title: "Product", links: [{ label: "Features", href: "#" }] },
- *     { title: "Company", links: [{ label: "About", href: "#" }] },
- *   ]}
- *   socialLinks={[
- *     { label: "Twitter", href: "#", icon: <Twitter /> },
- *   ]}
- *   copyright="© 2024 Orion. All rights reserved."
- * />
- * ```
- */
-export interface FooterProps extends HTMLAttributes<HTMLElement> {
-    /**
-     * Brand information
-     */
-    brand?: FooterBrand;
-    /**
-     * Groups of navigation links (columns)
-     */
+export interface FooterProps {
+    /** Brand info displayed in the footer */
+    brand: FooterBrand;
+    /** Groups of links */
     linkGroups?: FooterLinkGroup[];
-    /**
-     * Social media links
-     */
+    /** Social media links */
     socialLinks?: FooterSocialLink[];
-    /**
-     * Newsletter signup element (custom component)
-     */
-    newsletter?: ReactNode;
-    /**
-     * Copyright text
-     */
-    copyright?: string;
-    /**
-     * Legal/bottom links (privacy, terms, etc.)
-     */
-    legalLinks?: FooterLink[];
-    /**
-     * Visual variant
-     * - default: Full footer with all sections
-     * - minimal: Compact footer with essential info
-     * - centered: Centered layout
-     * @default 'default'
-     */
+    /** Visual variant */
     variant?: FooterVariant;
-    /**
-     * Background style
-     * @default 'subtle'
-     */
-    background?: "base" | "subtle" | "sunken";
+    /** Copyright text override (defaults to brand name + year) */
+    copyright?: string;
+    /** Additional CSS class */
+    className?: string;
 }
 //# sourceMappingURL=Footer.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Footer/Footer.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAE/D;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAE/B;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEjC;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;IAE1B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;CAC3C"}
+{"version":3,"file":"Footer.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Footer/Footer.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,UAAU;IACzB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,eAAe;IAC9B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU;IACV,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAE/D,MAAM,WAAW,WAAW;IAC1B,yCAAyC;IACzC,KAAK,EAAE,WAAW,CAAC;IACnB,sBAAsB;IACtB,UAAU,CAAC,EAAE,eAAe,EAAE,CAAC;IAC/B,yBAAyB;IACzB,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACjC,qBAAqB;IACrB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -1,6 +1,3 @@
-/**
- * Footer Component Exports
- */
 export { Footer } from './Footer';
 export type { FooterProps, FooterBrand, FooterLink, FooterLinkGroup, FooterSocialLink, FooterVariant, } from './Footer.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Footer/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,aAAa,GACd,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Footer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,aAAa,GACd,MAAM,gBAAgB,CAAC"}

package/dist/blocks/sections/Gallery/Gallery.cjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),a=require("./Gallery.module.css.cjs"),j=({eyebrow:h,title:m,description:x,images:i,layout:p="grid",columns:k=4,lightbox:c=!0,showCaptions:C=!1,gap:I="md",filterable:g=!1,background:w="base",aspectRatio:M="square",className:P,...E})=>{const[s,d]=r.useState(null),[u,N]=r.useState(null),b=r.useMemo(()=>{if(!g)return[];const e=new Set;return i.forEach(l=>{l.category&&e.add(l.category)}),Array.from(e)},[i,g]),n=r.useMemo(()=>u?i.filter(e=>e.category===u):i,[i,u]),o=s?n.findIndex(e=>e.id===s.id):-1,v=r.useCallback(()=>{if(o>0){const e=n[o-1];e&&d(e)}},[o,n]),y=r.useCallback(()=>{if(o<n.length-1){const e=n[o+1];e&&d(e)}},[o,n]),f=r.useCallback(()=>{d(null)},[]);r.useEffect(()=>{if(!s)return;const e=l=>{l.key==="Escape"&&f(),l.key==="ArrowLeft"&&v(),l.key==="ArrowRight"&&y()};return document.addEventListener("keydown",e),document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",e),document.body.style.overflow=""}},[s,f,v,y]);const S=p==="masonry"?a.default.masonry:a.default.grid;return t.jsxs("section",{className:`${a.default.gallery} ${P||""}`,"data-background":w,...E,children:[t.jsxs("div",{className:a.default.container,children:[(h||m||x)&&t.jsxs("header",{className:a.default.header,children:[h&&t.jsx("span",{className:a.default.eyebrow,children:h}),m&&t.jsx("h2",{className:a.default.title,children:m}),x&&t.jsx("p",{className:a.default.description,children:x})]}),g&&b.length>0&&t.jsxs("div",{className:a.default.filters,children:[t.jsx("button",{className:a.default.filterButton,"data-active":u===null,onClick:()=>N(null),children:"All"}),b.map(e=>t.jsx("button",{className:a.default.filterButton,"data-active":u===e,onClick:()=>N(e),children:e},e))]}),t.jsx("div",{className:S,"data-columns":k,"data-gap":I,children:n.map(e=>t.jsxs("div",{className:a.default.imageItem,"data-lightbox":c,"data-aspect":e.aspectRatio||M,onClick:()=>c&&d(e),role:c?"button":void 0,tabIndex:c?0:void 0,onKeyDown:l=>{c&&(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),d(e))},children:[t.jsx("img",{src:e.thumbnail||e.src,alt:e.alt,className:a.default.image,loading:"lazy"}),c&&t.jsx("div",{className:a.default.imageOverlay,children:t.jsx("span",{className:a.default.expandIcon,children:t.jsx("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:t.jsx("path",{d:"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"})})})}),C&&e.caption&&t.jsx("div",{className:a.default.caption,children:e.caption})]},e.id))})]}),s&&t.jsxs("div",{className:a.default.lightbox,onClick:f,role:"dialog","aria-modal":"true","aria-label":"Image lightbox",children:[t.jsxs("div",{className:a.default.lightboxContent,onClick:e=>e.stopPropagation(),children:[t.jsx("img",{src:s.src,alt:s.alt,className:a.default.lightboxImage}),s.caption&&t.jsx("div",{className:a.default.lightboxCaption,children:s.caption})]}),t.jsx("button",{className:a.default.lightboxClose,onClick:f,"aria-label":"Close lightbox",children:"×"}),o>0&&t.jsx("button",{className:`${a.default.lightboxNav} ${a.default.lightboxPrev}`,onClick:e=>{e.stopPropagation(),v()},"aria-label":"Previous image",children:"‹"}),o<n.length-1&&t.jsx("button",{className:`${a.default.lightboxNav} ${a.default.lightboxNext}`,onClick:e=>{e.stopPropagation(),y()},"aria-label":"Next image",children:"›"})]})]})};j.displayName="Gallery";exports.Gallery=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),e=require("./Gallery.module.css.cjs"),c=u.forwardRef(({title:a,images:r,columns:t=3,className:d,...i},n)=>{const o=t===2?e.default.cols2:t===4?e.default.cols4:e.default.cols3;return l.jsx("section",{ref:n,className:`${e.default.section} ${d||""}`,...i,children:l.jsxs("div",{className:e.default.container,children:[a&&l.jsx("h2",{className:e.default.title,children:a}),l.jsx("div",{className:`${e.default.grid} ${o}`,children:r.map(s=>l.jsxs("div",{className:e.default.item,children:[l.jsx("img",{src:s.src,alt:s.alt,className:e.default.image}),s.caption&&l.jsx("p",{className:e.default.caption,children:s.caption})]},s.id))})]})})});c.displayName="Gallery";exports.Gallery=c;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Gallery/Gallery.tsx"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EAAE,YAAY,EAAgB,MAAM,iBAAiB,CAAC;AAGlE;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAiO1C,CAAC"}
+{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Gallery/Gallery.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,sGAmCnB,CAAC"}

package/dist/blocks/sections/Gallery/Gallery.mjs

@@ -1,192 +1,35 @@
 "use client";
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { useState as k, useMemo as C, useCallback as y, useEffect as D } from "react";
-import a from "./Gallery.module.css.mjs";
-const S = ({
-  eyebrow: u,
-  title: v,
-  description: g,
-  images: c,
-  layout: I = "grid",
-  columns: w = 4,
-  lightbox: i = !0,
-  showCaptions: E = !1,
-  gap: P = "md",
-  filterable: f = !1,
-  background: $ = "base",
-  aspectRatio: A = "square",
-  className: M,
-  ...L
-}) => {
-  const [n, d] = k(null), [h, b] = k(null), x = C(() => {
-    if (!f) return [];
-    const e = /* @__PURE__ */ new Set();
-    return c.forEach((l) => {
-      l.category && e.add(l.category);
-    }), Array.from(e);
-  }, [c, f]), o = C(() => h ? c.filter((e) => e.category === h) : c, [c, h]), r = n ? o.findIndex((e) => e.id === n.id) : -1, p = y(() => {
-    if (r > 0) {
-      const e = o[r - 1];
-      e && d(e);
-    }
-  }, [r, o]), N = y(() => {
-    if (r < o.length - 1) {
-      const e = o[r + 1];
-      e && d(e);
-    }
-  }, [r, o]), m = y(() => {
-    d(null);
-  }, []);
-  D(() => {
-    if (!n) return;
-    const e = (l) => {
-      l.key === "Escape" && m(), l.key === "ArrowLeft" && p(), l.key === "ArrowRight" && N();
-    };
-    return document.addEventListener("keydown", e), document.body.style.overflow = "hidden", () => {
-      document.removeEventListener("keydown", e), document.body.style.overflow = "";
-    };
-  }, [n, m, p, N]);
-  const B = I === "masonry" ? a.masonry : a.grid;
-  return /* @__PURE__ */ s(
-    "section",
-    {
-      className: `${a.gallery} ${M || ""}`,
-      "data-background": $,
-      ...L,
-      children: [
-        /* @__PURE__ */ s("div", { className: a.container, children: [
-          (u || v || g) && /* @__PURE__ */ s("header", { className: a.header, children: [
-            u && /* @__PURE__ */ t("span", { className: a.eyebrow, children: u }),
-            v && /* @__PURE__ */ t("h2", { className: a.title, children: v }),
-            g && /* @__PURE__ */ t("p", { className: a.description, children: g })
-          ] }),
-          f && x.length > 0 && /* @__PURE__ */ s("div", { className: a.filters, children: [
-            /* @__PURE__ */ t(
-              "button",
+import { jsx as l, jsxs as e } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import s from "./Gallery.module.css.mjs";
+const p = m(
+  ({ title: a, images: i, columns: r = 3, className: o, ...t }, n) => {
+    const d = r === 2 ? s.cols2 : r === 4 ? s.cols4 : s.cols3;
+    return /* @__PURE__ */ l(
+      "section",
+      {
+        ref: n,
+        className: `${s.section} ${o || ""}`,
+        ...t,
+        children: /* @__PURE__ */ e("div", { className: s.container, children: [
+          a && /* @__PURE__ */ l("h2", { className: s.title, children: a }),
+          /* @__PURE__ */ l("div", { className: `${s.grid} ${d}`, children: i.map((c) => /* @__PURE__ */ e("div", { className: s.item, children: [
+            /* @__PURE__ */ l(
+              "img",
               {
-                className: a.filterButton,
-                "data-active": h === null,
-                onClick: () => b(null),
-                children: "All"
+                src: c.src,
+                alt: c.alt,
+                className: s.image
               }
             ),
-            x.map((e) => /* @__PURE__ */ t(
-              "button",
-              {
-                className: a.filterButton,
-                "data-active": h === e,
-                onClick: () => b(e),
-                children: e
-              },
-              e
-            ))
-          ] }),
-          /* @__PURE__ */ t("div", { className: B, "data-columns": w, "data-gap": P, children: o.map((e) => /* @__PURE__ */ s(
-            "div",
-            {
-              className: a.imageItem,
-              "data-lightbox": i,
-              "data-aspect": e.aspectRatio || A,
-              onClick: () => i && d(e),
-              role: i ? "button" : void 0,
-              tabIndex: i ? 0 : void 0,
-              onKeyDown: (l) => {
-                i && (l.key === "Enter" || l.key === " ") && (l.preventDefault(), d(e));
-              },
-              children: [
-                /* @__PURE__ */ t(
-                  "img",
-                  {
-                    src: e.thumbnail || e.src,
-                    alt: e.alt,
-                    className: a.image,
-                    loading: "lazy"
-                  }
-                ),
-                i && /* @__PURE__ */ t("div", { className: a.imageOverlay, children: /* @__PURE__ */ t("span", { className: a.expandIcon, children: /* @__PURE__ */ t(
-                  "svg",
-                  {
-                    width: "24",
-                    height: "24",
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    children: /* @__PURE__ */ t("path", { d: "M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7" })
-                  }
-                ) }) }),
-                E && e.caption && /* @__PURE__ */ t("div", { className: a.caption, children: e.caption })
-              ]
-            },
-            e.id
-          )) })
-        ] }),
-        n && /* @__PURE__ */ s(
-          "div",
-          {
-            className: a.lightbox,
-            onClick: m,
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-label": "Image lightbox",
-            children: [
-              /* @__PURE__ */ s(
-                "div",
-                {
-                  className: a.lightboxContent,
-                  onClick: (e) => e.stopPropagation(),
-                  children: [
-                    /* @__PURE__ */ t(
-                      "img",
-                      {
-                        src: n.src,
-                        alt: n.alt,
-                        className: a.lightboxImage
-                      }
-                    ),
-                    n.caption && /* @__PURE__ */ t("div", { className: a.lightboxCaption, children: n.caption })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ t(
-                "button",
-                {
-                  className: a.lightboxClose,
-                  onClick: m,
-                  "aria-label": "Close lightbox",
-                  children: "×"
-                }
-              ),
-              r > 0 && /* @__PURE__ */ t(
-                "button",
-                {
-                  className: `${a.lightboxNav} ${a.lightboxPrev}`,
-                  onClick: (e) => {
-                    e.stopPropagation(), p();
-                  },
-                  "aria-label": "Previous image",
-                  children: "‹"
-                }
-              ),
-              r < o.length - 1 && /* @__PURE__ */ t(
-                "button",
-                {
-                  className: `${a.lightboxNav} ${a.lightboxNext}`,
-                  onClick: (e) => {
-                    e.stopPropagation(), N();
-                  },
-                  "aria-label": "Next image",
-                  children: "›"
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-S.displayName = "Gallery";
+            c.caption && /* @__PURE__ */ l("p", { className: s.caption, children: c.caption })
+          ] }, c.id)) })
+        ] })
+      }
+    );
+  }
+);
+p.displayName = "Gallery";
 export {
-  S as Gallery
+  p as Gallery
 };

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

@@ -1 +1 @@
-._gallery_v93gb_5{padding:var(--spacing-16) var(--spacing-4)}._gallery_v93gb_5[data-background=base]{background:var(--surface-base)}._gallery_v93gb_5[data-background=subtle]{background:var(--surface-subtle)}._gallery_v93gb_5[data-background=none]{background:transparent}._container_v93gb_21{max-width:var(--container-width, 1200px);margin:0 auto}._header_v93gb_26{text-align:center;margin-bottom:var(--spacing-12)}._eyebrow_v93gb_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_v93gb_41{font-family:var(--font-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-4) 0;line-height:1.2}._description_v93gb_50{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:640px;margin:0 auto}._filters_v93gb_58{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-8)}._filterButton_v93gb_66{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}._filterButton_v93gb_66:hover{color:var(--text-primary);border-color:var(--border-default)}._filterButton_v93gb_66[data-active=true]{color:var(--interactive-primary-text);background:var(--interactive-primary);border-color:var(--interactive-primary)}._grid_v93gb_90{display:grid}._grid_v93gb_90[data-columns="2"]{grid-template-columns:repeat(2,1fr)}._grid_v93gb_90[data-columns="3"]{grid-template-columns:repeat(3,1fr)}._grid_v93gb_90[data-columns="4"]{grid-template-columns:repeat(4,1fr)}._grid_v93gb_90[data-columns="5"]{grid-template-columns:repeat(5,1fr)}._grid_v93gb_90[data-gap=none]{gap:0}._grid_v93gb_90[data-gap=sm]{gap:var(--spacing-2)}._grid_v93gb_90[data-gap=md]{gap:var(--spacing-4)}._grid_v93gb_90[data-gap=lg]{gap:var(--spacing-8)}._masonry_v93gb_127{columns:4;column-gap:var(--spacing-4)}._masonry_v93gb_127[data-columns="2"]{columns:2}._masonry_v93gb_127[data-columns="3"]{columns:3}._masonry_v93gb_127[data-columns="5"]{columns:5}._masonry_v93gb_127 ._imageItem_v93gb_144{break-inside:avoid;margin-bottom:var(--spacing-4)}._imageItem_v93gb_144{position:relative;overflow:hidden;border-radius:var(--radius-control);cursor:pointer}._imageItem_v93gb_144[data-lightbox=true]:hover ._imageOverlay_v93gb_157{opacity:1}._imageItem_v93gb_144[data-lightbox=true]:hover img{transform:scale(1.05)}._image_v93gb_144{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}._imageItem_v93gb_144[data-aspect=square] ._image_v93gb_144{aspect-ratio:1/1}._imageItem_v93gb_144[data-aspect=landscape] ._image_v93gb_144{aspect-ratio:16/9}._imageItem_v93gb_144[data-aspect=portrait] ._image_v93gb_144{aspect-ratio:3/4}._imageItem_v93gb_144[data-aspect=auto] ._image_v93gb_144{aspect-ratio:auto}._imageOverlay_v93gb_157{position:absolute;inset:0;background:var(--surface-overlay);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}._expandIcon_v93gb_199{width:48px;height:48px;background:var(--surface-base);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}._caption_v93gb_210{padding:var(--spacing-2);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}._lightbox_v93gb_218{position:fixed;inset:0;z-index:1000;background:var(--overlay-dark-heavy);display:flex;align-items:center;justify-content:center;padding:var(--spacing-8)}._lightboxContent_v93gb_229{position:relative;max-width:90vw;max-height:90vh}._lightboxImage_v93gb_235{max-width:100%;max-height:85vh;object-fit:contain;border-radius:var(--radius-control)}._lightboxCaption_v93gb_242{text-align:center;color:var(--text-on-dark);padding:var(--spacing-4);font-size:var(--font-size-base)}._lightboxClose_v93gb_249{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:48px;height:48px;background:var(--overlay-light-subtle);border:none;border-radius:50%;color:var(--text-on-dark);font-size:var(--font-size-2xl);cursor:pointer;transition:background .2s ease}._lightboxClose_v93gb_249:hover{background:var(--overlay-light)}._lightboxNav_v93gb_268{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:var(--overlay-light-subtle);border:none;border-radius:50%;color:var(--text-on-dark);font-size:var(--font-size-xl);cursor:pointer;transition:background .2s ease}._lightboxNav_v93gb_268:hover{background:var(--overlay-light)}._lightboxPrev_v93gb_287{left:var(--spacing-4)}._lightboxNext_v93gb_291{right:var(--spacing-4)}@media(max-width:1024px){._grid_v93gb_90[data-columns="4"],._grid_v93gb_90[data-columns="5"]{grid-template-columns:repeat(3,1fr)}._masonry_v93gb_127{columns:3}}@media(max-width:768px){._gallery_v93gb_5{padding:var(--spacing-12) var(--spacing-4)}._title_v93gb_41{font-size:var(--font-size-3xl)}._grid_v93gb_90[data-columns="2"],._grid_v93gb_90[data-columns="3"],._grid_v93gb_90[data-columns="4"],._grid_v93gb_90[data-columns="5"]{grid-template-columns:repeat(2,1fr)}._masonry_v93gb_127{columns:2}._lightboxNav_v93gb_268{width:40px;height:40px}}@media(max-width:480px){._grid_v93gb_90[data-columns="2"],._grid_v93gb_90[data-columns="3"],._grid_v93gb_90[data-columns="4"],._grid_v93gb_90[data-columns="5"]{grid-template-columns:1fr}._masonry_v93gb_127{columns:1}}
+._section_11eml_1{padding:var(--spacing-16) var(--spacing-8);background:var(--surface-base);color:var(--text-primary)}._container_11eml_7{max-width:1200px;margin:0 auto}._title_11eml_12{font-family:var(--font-primary);font-size:var(--font-size-3xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-8) 0;text-align:center}._grid_11eml_21{display:grid;gap:var(--spacing-4)}._cols2_11eml_26{grid-template-columns:repeat(2,1fr)}._cols3_11eml_30{grid-template-columns:repeat(3,1fr)}._cols4_11eml_34{grid-template-columns:repeat(4,1fr)}._item_11eml_38{position:relative;border-radius:var(--radius-container);overflow:hidden}._image_11eml_44{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;transition:transform .25s ease}._item_11eml_38:hover ._image_11eml_44{transform:scale(1.03)}._caption_11eml_56{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-3) var(--spacing-4);background:linear-gradient(transparent,#0009);font-family:var(--font-secondary);font-size:var(--font-size-sm);color:#fff;margin:0}

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_gallery_v93gb_5",o="_container_v93gb_21",e="_header_v93gb_26",i="_eyebrow_v93gb_31",g="_title_v93gb_41",_="_description_v93gb_50",n="_filters_v93gb_58",l="_filterButton_v93gb_66",b="_grid_v93gb_90",a="_masonry_v93gb_127",r="_imageItem_v93gb_144",s="_imageOverlay_v93gb_157",c="_image_v93gb_144",x="_expandIcon_v93gb_199",v="_caption_v93gb_210",h="_lightbox_v93gb_218",m="_lightboxContent_v93gb_229",d="_lightboxImage_v93gb_235",y="_lightboxCaption_v93gb_242",p="_lightboxClose_v93gb_249",C="_lightboxNav_v93gb_268",I="_lightboxPrev_v93gb_287",u="_lightboxNext_v93gb_291",f={gallery:t,container:o,header:e,eyebrow:i,title:g,description:_,filters:n,filterButton:l,grid:b,masonry:a,imageItem:r,imageOverlay:s,image:c,expandIcon:x,caption:v,lightbox:h,lightboxContent:m,lightboxImage:d,lightboxCaption:y,lightboxClose:p,lightboxNav:C,lightboxPrev:I,lightboxNext:u};exports.caption=v;exports.container=o;exports.default=f;exports.description=_;exports.expandIcon=x;exports.eyebrow=i;exports.filterButton=l;exports.filters=n;exports.gallery=t;exports.grid=b;exports.header=e;exports.image=c;exports.imageItem=r;exports.imageOverlay=s;exports.lightbox=h;exports.lightboxCaption=y;exports.lightboxClose=p;exports.lightboxContent=m;exports.lightboxImage=d;exports.lightboxNav=C;exports.lightboxNext=u;exports.lightboxPrev=I;exports.masonry=a;exports.title=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_section_11eml_1",t="_container_11eml_7",o="_title_11eml_12",c="_grid_11eml_21",l="_cols2_11eml_26",s="_cols3_11eml_30",i="_cols4_11eml_34",_="_item_11eml_38",n="_image_11eml_44",m="_caption_11eml_56",a={section:e,container:t,title:o,grid:c,cols2:l,cols3:s,cols4:i,item:_,image:n,caption:m};exports.caption=m;exports.cols2=l;exports.cols3=s;exports.cols4=i;exports.container=t;exports.default=a;exports.grid=c;exports.image=n;exports.item=_;exports.section=e;exports.title=o;

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

@@ -1,51 +1,25 @@
-const t = "_gallery_v93gb_5", o = "_container_v93gb_21", _ = "_header_v93gb_26", e = "_eyebrow_v93gb_31", g = "_title_v93gb_41", i = "_description_v93gb_50", n = "_filters_v93gb_58", b = "_filterButton_v93gb_66", l = "_grid_v93gb_90", a = "_masonry_v93gb_127", s = "_imageItem_v93gb_144", c = "_imageOverlay_v93gb_157", r = "_image_v93gb_144", v = "_expandIcon_v93gb_199", x = "_caption_v93gb_210", h = "_lightbox_v93gb_218", m = "_lightboxContent_v93gb_229", d = "_lightboxImage_v93gb_235", p = "_lightboxCaption_v93gb_242", y = "_lightboxClose_v93gb_249", C = "_lightboxNav_v93gb_268", I = "_lightboxPrev_v93gb_287", f = "_lightboxNext_v93gb_291", N = {
-  gallery: t,
+const t = "_section_11eml_1", o = "_container_11eml_7", _ = "_title_11eml_12", c = "_grid_11eml_21", e = "_cols2_11eml_26", s = "_cols3_11eml_30", l = "_cols4_11eml_34", n = "_item_11eml_38", i = "_image_11eml_44", m = "_caption_11eml_56", a = {
+  section: t,
   container: o,
-  header: _,
-  eyebrow: e,
-  title: g,
-  description: i,
-  filters: n,
-  filterButton: b,
-  grid: l,
-  masonry: a,
-  imageItem: s,
-  imageOverlay: c,
-  image: r,
-  expandIcon: v,
-  caption: x,
-  lightbox: h,
-  lightboxContent: m,
-  lightboxImage: d,
-  lightboxCaption: p,
-  lightboxClose: y,
-  lightboxNav: C,
-  lightboxPrev: I,
-  lightboxNext: f
+  title: _,
+  grid: c,
+  cols2: e,
+  cols3: s,
+  cols4: l,
+  item: n,
+  image: i,
+  caption: m
 };
 export {
-  x as caption,
+  m as caption,
+  e as cols2,
+  s as cols3,
+  l as cols4,
   o as container,
-  N as default,
-  i as description,
-  v as expandIcon,
-  e as eyebrow,
-  b as filterButton,
-  n as filters,
-  t as gallery,
-  l as grid,
-  _ as header,
-  r as image,
-  s as imageItem,
-  c as imageOverlay,
-  h as lightbox,
-  p as lightboxCaption,
-  y as lightboxClose,
-  m as lightboxContent,
-  d as lightboxImage,
-  C as lightboxNav,
-  f as lightboxNext,
-  I as lightboxPrev,
-  a as masonry,
-  g as title
+  a as default,
+  c as grid,
+  i as image,
+  n as item,
+  t as section,
+  _ as title
 };

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

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./Gallery.types').GalleryProps & 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 TwoColumns: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=Gallery.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.stories.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Gallery/Gallery.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,QAAA,MAAM,IAAI;;;;;;;CAKsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AASnC,eAAO,MAAM,OAAO,EAAE,KAA8C,CAAC;AAErE,eAAO,MAAM,UAAU,EAAE,KAAyD,CAAC;AAEnF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC"}