@orion-ds/react 4.2.13 → 4.3.1

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

@@ -0,0 +1,50 @@
+const n = "_footer_108h4_8", _ = "_main_108h4_16", o = "_brandColumn_108h4_33", t = "_linkGroups_108h4_38", i = "_linkGroup_108h4_38", a = "_bottom_108h4_102", l = "_brandHeader_108h4_119", e = "_logo_108h4_125", r = "_brandName_108h4_132", s = "_brandDescription_108h4_139", c = "_groupTitle_108h4_155", h = "_linkList_108h4_163", k = "_linkItem_108h4_172", d = "_link_108h4_38", m = "_socialLinks_108h4_192", p = "_socialLink_108h4_192", g = "_newsletter_108h4_221", b = "_copyright_108h4_239", u = "_legalLinks_108h4_246", L = "_legalLink_108h4_246", f = "_legalSeparator_108h4_265", v = {
+  footer: n,
+  main: _,
+  "variant-default": "_variant-default_108h4_27",
+  brandColumn: o,
+  linkGroups: t,
+  "variant-minimal": "_variant-minimal_108h4_63",
+  linkGroup: i,
+  "variant-centered": "_variant-centered_108h4_83",
+  bottom: a,
+  brandHeader: l,
+  logo: e,
+  brandName: r,
+  brandDescription: s,
+  groupTitle: c,
+  linkList: h,
+  linkItem: k,
+  link: d,
+  socialLinks: m,
+  socialLink: p,
+  newsletter: g,
+  copyright: b,
+  legalLinks: u,
+  legalLink: L,
+  legalSeparator: f
+};
+export {
+  a as bottom,
+  o as brandColumn,
+  s as brandDescription,
+  l as brandHeader,
+  r as brandName,
+  b as copyright,
+  v as default,
+  n as footer,
+  c as groupTitle,
+  L as legalLink,
+  u as legalLinks,
+  f as legalSeparator,
+  d as link,
+  i as linkGroup,
+  t as linkGroups,
+  k as linkItem,
+  h as linkList,
+  e as logo,
+  _ as main,
+  g as newsletter,
+  p as socialLink,
+  m as socialLinks
+};

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

@@ -0,0 +1,129 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Footer link item
+ */
+export interface FooterLink {
+    /**
+     * Link label
+     */
+    label: string;
+    /**
+     * Link URL
+     */
+    href: string;
+    /**
+     * Open in new tab
+     * @default false
+     */
+    external?: boolean;
+}
+/**
+ * Footer link group (column of links)
+ */
+export interface FooterLinkGroup {
+    /**
+     * Group title
+     */
+    title: string;
+    /**
+     * Links in this group
+     */
+    links: FooterLink[];
+}
+/**
+ * Social link item
+ */
+export interface FooterSocialLink {
+    /**
+     * Platform name (for accessibility)
+     */
+    label: string;
+    /**
+     * Link URL
+     */
+    href: string;
+    /**
+     * Icon element
+     */
+    icon: ReactNode;
+}
+/**
+ * Footer brand info
+ */
+export interface FooterBrand {
+    /**
+     * Brand name
+     */
+    name: string;
+    /**
+     * Brand logo (optional)
+     */
+    logo?: ReactNode;
+    /**
+     * Brand tagline/description
+     */
+    description?: string;
+}
+/**
+ * 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)
+     */
+    linkGroups?: FooterLinkGroup[];
+    /**
+     * 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'
+     */
+    variant?: FooterVariant;
+    /**
+     * Background style
+     * @default 'subtle'
+     */
+    background?: "base" | "subtle" | "sunken";
+}
+//# sourceMappingURL=Footer.types.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,6 @@
+/**
+ * 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

@@ -0,0 +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"}

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

@@ -0,0 +1 @@
+"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;

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

@@ -0,0 +1,8 @@
+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>;
+//# sourceMappingURL=Gallery.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Gallery/Gallery.tsx"],"names":[],"mappings":"AAAA;;;;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"}

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

@@ -0,0 +1,191 @@
+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",
+              {
+                className: a.filterButton,
+                "data-active": h === null,
+                onClick: () => b(null),
+                children: "All"
+              }
+            ),
+            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";
+export {
+  S as Gallery
+};

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

@@ -0,0 +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}}

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

@@ -0,0 +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;

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

@@ -0,0 +1,51 @@
+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,
+  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
+};
+export {
+  x as caption,
+  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
+};

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

@@ -0,0 +1,114 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Gallery image item
+ */
+export interface GalleryImage {
+    /**
+     * Image unique identifier
+     */
+    id: string | number;
+    /**
+     * Image source URL
+     */
+    src: string;
+    /**
+     * Image alt text
+     */
+    alt: string;
+    /**
+     * Thumbnail URL (optional, uses src if not provided)
+     */
+    thumbnail?: string;
+    /**
+     * Image caption
+     */
+    caption?: string;
+    /**
+     * Image category for filtering
+     */
+    category?: string;
+    /**
+     * Aspect ratio override
+     */
+    aspectRatio?: "square" | "landscape" | "portrait" | "auto";
+}
+/**
+ * Gallery layout variants
+ */
+export type GalleryLayout = "grid" | "masonry" | "carousel";
+/**
+ * Gallery section props
+ *
+ * @example
+ * ```tsx
+ * <Gallery
+ *   title="Our Work"
+ *   images={[
+ *     { id: 1, src: "/gallery/1.jpg", alt: "Project 1" },
+ *     { id: 2, src: "/gallery/2.jpg", alt: "Project 2" },
+ *   ]}
+ *   layout="grid"
+ *   lightbox
+ * />
+ * ```
+ */
+export interface GalleryProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
+    /**
+     * Optional eyebrow text
+     */
+    eyebrow?: ReactNode;
+    /**
+     * Section title
+     */
+    title?: ReactNode;
+    /**
+     * Section description
+     */
+    description?: ReactNode;
+    /**
+     * Array of images
+     */
+    images: GalleryImage[];
+    /**
+     * Layout variant
+     * @default 'grid'
+     */
+    layout?: GalleryLayout;
+    /**
+     * Number of columns
+     * @default 4
+     */
+    columns?: 2 | 3 | 4 | 5;
+    /**
+     * Enable lightbox on click
+     * @default true
+     */
+    lightbox?: boolean;
+    /**
+     * Show captions below images
+     * @default false
+     */
+    showCaptions?: boolean;
+    /**
+     * Gap between images
+     * @default 'md'
+     */
+    gap?: "sm" | "md" | "lg" | "none";
+    /**
+     * Enable category filtering
+     * @default false
+     */
+    filterable?: boolean;
+    /**
+     * Background style
+     * @default 'base'
+     */
+    background?: "base" | "subtle" | "none";
+    /**
+     * Aspect ratio for grid items
+     * @default 'square'
+     */
+    aspectRatio?: "square" | "landscape" | "portrait" | "auto";
+}
+//# sourceMappingURL=Gallery.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Gallery.types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Gallery/Gallery.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAEpB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;CAC5D;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;AAE5D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,WAAW,CAAC,EAC3B,OAAO,CACR;IACC;;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,MAAM,EAAE,YAAY,EAAE,CAAC;IAEvB;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAElC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;CAC5D"}

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

@@ -0,0 +1,3 @@
+export { Gallery } from './Gallery';
+export type { GalleryProps, GalleryImage, GalleryLayout, } from './Gallery.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Gallery/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,GACd,MAAM,iBAAiB,CAAC"}

package/dist/blocks/sections/Hero/Hero.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),D=require("./HeroHighlight.cjs"),a=require("./Hero.module.css.cjs"),L=require("../../../sections/Section/Section.cjs"),O=require("../../../sections/Container/Container.cjs"),R=require("../../../components/Badge/Badge.cjs"),V=()=>e.jsx("div",{className:a.default.defaultMedia,children:e.jsxs("svg",{className:a.default.defaultMediaIcon,width:"64",height:"64",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2",ry:"2"}),e.jsx("circle",{cx:"8.5",cy:"8.5",r:"1.5"}),e.jsx("polyline",{points:"21 15 16 10 5 21"})]})}),m=n.forwardRef(({badge:t,title:v,headline:i,description:d,primaryAction:c,secondaryAction:o,media:N,mediaPosition:p="right",showDefaultMedia:H=!1,trustIndicators:u,align:b="center",size:k="lg",layout:y="contained",variant:q="default",backgroundImage:f,backgroundOverlay:h=.6,elevated:w=!1,fullHeight:l=!1,spacing:M,className:B,...E},$)=>{const S=v??i;n.useEffect(()=>{i&&process.env.NODE_ENV==="development"&&console.warn('[Hero] The "headline" prop is deprecated. Use "title" instead. headline will be removed in v3.0.')},[i]),n.useEffect(()=>{l&&process.env.NODE_ENV==="development"&&console.warn('[Hero] The "fullHeight" prop is deprecated. Use layout="fullscreen" instead.')},[l]);const g=l?"fullscreen":y,T=M??"xl",x=N||(H?e.jsx(V,{}):null),r=!!x,z=c||o,s=q==="background",C=[a.default.hero,a.default[`align-${b}`],a.default[`size-${k}`],a.default[`layout-${g}`],s&&a.default["variant-background"],w&&g==="card"&&a.default.elevated,r&&!s&&a.default.hasMedia,r&&!s&&a.default[`media-${p}`],B].filter(Boolean).join(" ");return e.jsxs(L.Section,{ref:$,spacing:T,className:C,...E,children:[s&&f&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:a.default.backgroundImage,children:e.jsx("img",{src:f,alt:"","aria-hidden":"true"})}),e.jsx("div",{className:a.default.backgroundOverlay,style:{background:`linear-gradient(to bottom, rgba(0,0,0,${h*.8}), rgba(0,0,0,${h}))`}})]}),e.jsxs(O.Container,{size:"xl",className:a.default.container,children:[e.jsxs("div",{className:a.default.content,children:[t&&e.jsx("div",{className:a.default.badge,...s&&{"data-dark-bg":"true"},children:typeof t=="string"?e.jsx(R.Badge,{variant:"brand",size:"lg",children:t}):t}),e.jsx("h1",{className:a.default.headline,children:S}),d&&e.jsx("p",{className:a.default.description,children:d}),z&&e.jsxs("div",{className:a.default.actions,...s&&{"data-dark-bg":"true"},children:[c,o]}),u&&e.jsx("div",{className:a.default.trustIndicators,children:u})]}),r&&!s&&e.jsx("div",{className:a.default.media,children:x})]})]})});m.displayName="Hero";const j=m;j.Highlight=D.HeroHighlight;exports.Hero=j;

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

@@ -0,0 +1,10 @@
+import { HeroProps } from './Hero.types';
+import { HeroHighlight } from './HeroHighlight';
+
+declare const HeroBase: import('react').ForwardRefExoticComponent<HeroProps & import('react').RefAttributes<HTMLElement>>;
+type HeroComponent = typeof HeroBase & {
+    Highlight: typeof HeroHighlight;
+};
+export declare const Hero: HeroComponent;
+export {};
+//# sourceMappingURL=Hero.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/blocks/sections/Hero/Hero.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAGH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AA2BhD,QAAA,MAAM,QAAQ,mGA6Ib,CAAC;AAKF,KAAK,aAAa,GAAG,OAAO,QAAQ,GAAG;IACrC,SAAS,EAAE,OAAO,aAAa,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,IAAI,EAAe,aAAa,CAAC"}