@otl-core/next-footer 1.1.19 → 1.1.20

package/dist/components/blocks/block-renderer.d.ts

@@ -0,0 +1,15 @@
+import { BlockInstance } from '@otl-core/cms-types';
+import React__default from 'react';
+
+/**
+ * Block Renderer for Footer Components
+ * Renders blocks within the footer context
+ * This is a minimal implementation that supports the blocks commonly used in footers
+ */
+
+interface BlockRendererProps {
+    block: BlockInstance;
+}
+declare const BlockRenderer: React__default.FC<BlockRendererProps>;
+
+export { BlockRenderer };

package/dist/components/blocks/block-renderer.js

@@ -0,0 +1,69 @@
+import { jsx } from "react/jsx-runtime";
+import ReactMarkdown from "react-markdown";
+const BlockRenderer = ({ block }) => {
+  const { type, config } = block;
+  if (type === "markdown") {
+    const content = config.content || "";
+    return /* @__PURE__ */ jsx("div", { className: "footer-block footer-markdown", children: /* @__PURE__ */ jsx(ReactMarkdown, { children: content }) });
+  }
+  if (type === "link") {
+    const linkConfig = config;
+    const target = linkConfig.external ? "_blank" : void 0;
+    const rel = linkConfig.external ? "noopener noreferrer" : void 0;
+    const variantClasses = {
+      default: "footer-link hover:underline transition-colors",
+      underline: "footer-link underline",
+      "no-underline": "footer-link no-underline",
+      "button-primary": "footer-link inline-flex items-center justify-center px-4 py-2 rounded-md font-medium transition-colors bg-primary text-primary-foreground hover:bg-primary/90",
+      "button-secondary": "footer-link inline-flex items-center justify-center px-4 py-2 rounded-md font-medium transition-colors bg-secondary text-secondary-foreground hover:bg-secondary/80",
+      "button-outline": "footer-link inline-flex items-center justify-center px-4 py-2 rounded-md font-medium transition-colors border border-gray-200 text-surface-foreground hover:bg-accent hover:text-accent-foreground"
+    };
+    const className = variantClasses[linkConfig.variant || "default"];
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: linkConfig.href,
+        target,
+        rel,
+        className,
+        "aria-label": linkConfig.ariaLabel || linkConfig.text,
+        children: linkConfig.text
+      }
+    );
+  }
+  if (type === "button") {
+    const buttonConfig = config;
+    const target = buttonConfig.newTab ? "_blank" : void 0;
+    const rel = buttonConfig.newTab ? "noopener noreferrer" : void 0;
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: buttonConfig.url,
+        target,
+        rel,
+        className: "footer-block footer-button inline-flex items-center justify-center px-4 py-2 rounded-md transition-colors",
+        children: buttonConfig.text
+      }
+    );
+  }
+  if (type === "image") {
+    const imageConfig = config;
+    return /* @__PURE__ */ jsx("div", { className: "footer-block footer-image", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: imageConfig.src,
+        alt: imageConfig.alt || "",
+        width: imageConfig.width,
+        height: imageConfig.height
+      }
+    ) });
+  }
+  if (type === "divider") {
+    return /* @__PURE__ */ jsx("hr", { className: "footer-block footer-divider" });
+  }
+  return null;
+};
+export {
+  BlockRenderer
+};
+//# sourceMappingURL=block-renderer.js.map

package/dist/components/blocks/block-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/blocks/block-renderer.tsx"],"sourcesContent":["/**\n * Block Renderer for Footer Components\n * Renders blocks within the footer context\n * This is a minimal implementation that supports the blocks commonly used in footers\n */\n\nimport { BlockInstance } from \"@otl-core/cms-types\";\nimport React from \"react\";\nimport ReactMarkdown from \"react-markdown\";\n\ninterface BlockRendererProps {\n  block: BlockInstance;\n}\n\nexport const BlockRenderer: React.FC<BlockRendererProps> = ({ block }) => {\n  const { type, config } = block;\n\n  // Markdown block\n  if (type === \"markdown\") {\n    const content = (config as { content?: string }).content || \"\";\n    return (\n      <div className=\"footer-block footer-markdown\">\n        <ReactMarkdown>{content}</ReactMarkdown>\n      </div>\n    );\n  }\n\n  // Link block\n  if (type === \"link\") {\n    const linkConfig = config as {\n      text?: string;\n      href?: string;\n      external?: boolean;\n      variant?: string;\n      ariaLabel?: string;\n    };\n\n    const target = linkConfig.external ? \"_blank\" : undefined;\n    const rel = linkConfig.external ? \"noopener noreferrer\" : undefined;\n\n    const variantClasses = {\n      default: \"footer-link hover:underline transition-colors\",\n      underline: \"footer-link underline\",\n      \"no-underline\": \"footer-link no-underline\",\n      \"button-primary\":\n        \"footer-link inline-flex items-center justify-center px-4 py-2 rounded-md font-medium transition-colors bg-primary text-primary-foreground hover:bg-primary/90\",\n      \"button-secondary\":\n        \"footer-link inline-flex items-center justify-center px-4 py-2 rounded-md font-medium transition-colors bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n      \"button-outline\":\n        \"footer-link inline-flex items-center justify-center px-4 py-2 rounded-md font-medium transition-colors border border-gray-200 text-surface-foreground hover:bg-accent hover:text-accent-foreground\",\n    };\n\n    const className =\n      variantClasses[\n        (linkConfig.variant as keyof typeof variantClasses) || \"default\"\n      ];\n\n    return (\n      <a\n        href={linkConfig.href}\n        target={target}\n        rel={rel}\n        className={className}\n        aria-label={linkConfig.ariaLabel || linkConfig.text}\n      >\n        {linkConfig.text}\n      </a>\n    );\n  }\n\n  // Button block (existing button rendering logic)\n  if (type === \"button\") {\n    const buttonConfig = config as {\n      text?: string;\n      url?: string;\n      variant?: string;\n      size?: string;\n      newTab?: boolean;\n    };\n\n    const target = buttonConfig.newTab ? \"_blank\" : undefined;\n    const rel = buttonConfig.newTab ? \"noopener noreferrer\" : undefined;\n\n    return (\n      <a\n        href={buttonConfig.url}\n        target={target}\n        rel={rel}\n        className=\"footer-block footer-button inline-flex items-center justify-center px-4 py-2 rounded-md transition-colors\"\n      >\n        {buttonConfig.text}\n      </a>\n    );\n  }\n\n  // Image block\n  if (type === \"image\") {\n    const imageConfig = config as {\n      src?: string;\n      alt?: string;\n      width?: number;\n      height?: number;\n    };\n\n    return (\n      <div className=\"footer-block footer-image\">\n        <img\n          src={imageConfig.src}\n          alt={imageConfig.alt || \"\"}\n          width={imageConfig.width}\n          height={imageConfig.height}\n        />\n      </div>\n    );\n  }\n\n  // Divider block\n  if (type === \"divider\") {\n    return <hr className=\"footer-block footer-divider\" />;\n  }\n\n  // Fallback for unknown block types\n  return null;\n};\n"],"mappings":"AAsBQ;AAdR,OAAO,mBAAmB;AAMnB,MAAM,gBAA8C,CAAC,EAAE,MAAM,MAAM;AACxE,QAAM,EAAE,MAAM,OAAO,IAAI;AAGzB,MAAI,SAAS,YAAY;AACvB,UAAM,UAAW,OAAgC,WAAW;AAC5D,WACE,oBAAC,SAAI,WAAU,gCACb,8BAAC,iBAAe,mBAAQ,GAC1B;AAAA,EAEJ;AAGA,MAAI,SAAS,QAAQ;AACnB,UAAM,aAAa;AAQnB,UAAM,SAAS,WAAW,WAAW,WAAW;AAChD,UAAM,MAAM,WAAW,WAAW,wBAAwB;AAE1D,UAAM,iBAAiB;AAAA,MACrB,SAAS;AAAA,MACT,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,kBACE;AAAA,MACF,oBACE;AAAA,MACF,kBACE;AAAA,IACJ;AAEA,UAAM,YACJ,eACG,WAAW,WAA2C,SACzD;AAEF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,WAAW;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAY,WAAW,aAAa,WAAW;AAAA,QAE9C,qBAAW;AAAA;AAAA,IACd;AAAA,EAEJ;AAGA,MAAI,SAAS,UAAU;AACrB,UAAM,eAAe;AAQrB,UAAM,SAAS,aAAa,SAAS,WAAW;AAChD,UAAM,MAAM,aAAa,SAAS,wBAAwB;AAE1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,aAAa;AAAA,QACnB;AAAA,QACA;AAAA,QACA,WAAU;AAAA,QAET,uBAAa;AAAA;AAAA,IAChB;AAAA,EAEJ;AAGA,MAAI,SAAS,SAAS;AACpB,UAAM,cAAc;AAOpB,WACE,oBAAC,SAAI,WAAU,6BACb;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,YAAY;AAAA,QACjB,KAAK,YAAY,OAAO;AAAA,QACxB,OAAO,YAAY;AAAA,QACnB,QAAQ,YAAY;AAAA;AAAA,IACtB,GACF;AAAA,EAEJ;AAGA,MAAI,SAAS,WAAW;AACtB,WAAO,oBAAC,QAAG,WAAU,+BAA8B;AAAA,EACrD;AAGA,SAAO;AACT;","names":[]}

package/dist/components/footer/footer-section.d.ts

@@ -0,0 +1,15 @@
+import { FooterSection, FooterContentSection, FooterConfig, Site } from '@otl-core/cms-types';
+import React__default from 'react';
+import { BlockRegistry } from '@otl-core/block-registry';
+
+interface FooterSectionProps {
+    section: FooterSection | FooterContentSection;
+    footer: FooterConfig;
+    site: Site;
+    resolvedColors: Record<string, string | undefined>;
+    level?: number;
+    blockRegistry?: BlockRegistry;
+}
+declare const FooterSectionComponent: React__default.FC<FooterSectionProps>;
+
+export { FooterSectionComponent };

package/dist/components/footer/footer-section.js

@@ -0,0 +1,87 @@
+import { jsx } from "react/jsx-runtime";
+import { resolveColorToCSS } from "@otl-core/style-utils";
+import { isContentSection } from "../../lib/footer.utils";
+import { BlockRenderer as LocalBlockRenderer } from "../blocks/block-renderer";
+import { BlockRenderer as RegistryBlockRenderer } from "@otl-core/block-registry";
+const FooterSectionComponent = ({
+  section,
+  footer,
+  site,
+  resolvedColors,
+  level = 0,
+  blockRegistry
+}) => {
+  const sectionStyle = (() => {
+    const style = {
+      display: "flex",
+      flexDirection: section.type === "row" ? "row" : "column",
+      alignItems: section.style.align || "flex-start",
+      justifyContent: section.style.justify || "flex-start",
+      gap: section.style.gap || "0"
+    };
+    if (section.style.flex) {
+      style.flex = section.style.flex;
+    }
+    if (section.style.background) {
+      style.backgroundColor = resolveColorToCSS(section.style.background);
+    }
+    if (section.style.padding) {
+      const padding = typeof section.style.padding === "object" && "base" in section.style.padding ? section.style.padding.base : section.style.padding;
+      style.padding = padding;
+    }
+    if (section.style.border) {
+      const border = typeof section.style.border === "object" && "base" in section.style.border ? section.style.border.base : section.style.border;
+      if (border) {
+        style.border = `${border.width || "0"} ${border.style || "solid"} ${border.color ? resolveColorToCSS(border.color) : "transparent"}`;
+        if (border.radius) {
+          style.borderRadius = border.radius;
+        }
+      }
+    }
+    return style;
+  })();
+  if (isContentSection(section)) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "footer-section footer-content-section",
+        style: sectionStyle,
+        "data-section-id": section.id,
+        children: section?.blocks?.map(
+          (block) => blockRegistry ? /* @__PURE__ */ jsx(
+            RegistryBlockRenderer,
+            {
+              block,
+              blockRegistry
+            },
+            block.id
+          ) : /* @__PURE__ */ jsx(LocalBlockRenderer, { block }, block.id)
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "footer-section footer-container-section",
+      style: sectionStyle,
+      "data-section-id": section.id,
+      children: section?.sections?.sort((a, b) => a.order - b.order)?.map((childSection) => /* @__PURE__ */ jsx(
+        FooterSectionComponent,
+        {
+          section: childSection,
+          footer,
+          site,
+          resolvedColors,
+          level: level + 1,
+          blockRegistry
+        },
+        childSection.id
+      ))
+    }
+  );
+};
+export {
+  FooterSectionComponent
+};
+//# sourceMappingURL=footer-section.js.map

package/dist/components/footer/footer-section.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/footer/footer-section.tsx"],"sourcesContent":["import {\n  Site,\n  FooterConfig,\n  FooterContentSection,\n  FooterSection,\n} from \"@otl-core/cms-types\";\nimport React from \"react\";\nimport { resolveColorToCSS } from \"@otl-core/style-utils\";\nimport { isContentSection } from \"../../lib/footer.utils\";\nimport { BlockRenderer as LocalBlockRenderer } from \"../blocks/block-renderer\";\nimport type { BlockRegistry } from \"@otl-core/block-registry\";\nimport { BlockRenderer as RegistryBlockRenderer } from \"@otl-core/block-registry\";\n\ninterface FooterSectionProps {\n  section: FooterSection | FooterContentSection;\n  footer: FooterConfig;\n  site: Site;\n  resolvedColors: Record<string, string | undefined>;\n  level?: number;\n  blockRegistry?: BlockRegistry;\n}\n\nexport const FooterSectionComponent: React.FC<FooterSectionProps> = ({\n  section,\n  footer,\n  site,\n  resolvedColors,\n  level = 0,\n  blockRegistry,\n}) => {\n  const sectionStyle: React.CSSProperties = (() => {\n    const style: React.CSSProperties = {\n      display: \"flex\",\n      flexDirection: section.type === \"row\" ? \"row\" : \"column\",\n      alignItems: section.style.align || \"flex-start\",\n      justifyContent: section.style.justify || \"flex-start\",\n      gap: section.style.gap || \"0\",\n    };\n\n    if (section.style.flex) {\n      style.flex = section.style.flex;\n    }\n\n    // Apply section-specific background\n    if (section.style.background) {\n      style.backgroundColor = resolveColorToCSS(section.style.background);\n    }\n\n    // Apply section-specific padding\n    if (section.style.padding) {\n      const padding =\n        typeof section.style.padding === \"object\" &&\n        \"base\" in section.style.padding\n          ? section.style.padding.base\n          : section.style.padding;\n      style.padding = padding;\n    }\n\n    // Apply section-specific border\n    if (section.style.border) {\n      const border =\n        typeof section.style.border === \"object\" &&\n        \"base\" in section.style.border\n          ? section.style.border.base\n          : section.style.border;\n\n      if (border) {\n        style.border = `${border.width || \"0\"} ${border.style || \"solid\"} ${\n          border.color ? resolveColorToCSS(border.color) : \"transparent\"\n        }`;\n        if (border.radius) {\n          style.borderRadius = border.radius;\n        }\n      }\n    }\n\n    return style;\n  })();\n\n  // Content section - render blocks\n  if (isContentSection(section)) {\n    return (\n      <div\n        className=\"footer-section footer-content-section\"\n        style={sectionStyle}\n        data-section-id={section.id}\n      >\n        {section?.blocks?.map((block) =>\n          blockRegistry ? (\n            <RegistryBlockRenderer\n              key={block.id}\n              block={block}\n              blockRegistry={blockRegistry}\n            />\n          ) : (\n            <LocalBlockRenderer key={block.id} block={block} />\n          ),\n        )}\n      </div>\n    );\n  }\n\n  // Container section - render nested sections recursively\n  return (\n    <div\n      className=\"footer-section footer-container-section\"\n      style={sectionStyle}\n      data-section-id={section.id}\n    >\n      {section?.sections\n        ?.sort((a, b) => a.order - b.order)\n        ?.map((childSection) => (\n          <FooterSectionComponent\n            key={childSection.id}\n            section={childSection}\n            footer={footer}\n            site={site}\n            resolvedColors={resolvedColors}\n            level={level + 1}\n            blockRegistry={blockRegistry}\n          />\n        ))}\n    </div>\n  );\n};\n"],"mappings":"AAyFY;AAlFZ,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AACjC,SAAS,iBAAiB,0BAA0B;AAEpD,SAAS,iBAAiB,6BAA6B;AAWhD,MAAM,yBAAuD,CAAC;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AACF,MAAM;AACJ,QAAM,gBAAqC,MAAM;AAC/C,UAAM,QAA6B;AAAA,MACjC,SAAS;AAAA,MACT,eAAe,QAAQ,SAAS,QAAQ,QAAQ;AAAA,MAChD,YAAY,QAAQ,MAAM,SAAS;AAAA,MACnC,gBAAgB,QAAQ,MAAM,WAAW;AAAA,MACzC,KAAK,QAAQ,MAAM,OAAO;AAAA,IAC5B;AAEA,QAAI,QAAQ,MAAM,MAAM;AACtB,YAAM,OAAO,QAAQ,MAAM;AAAA,IAC7B;AAGA,QAAI,QAAQ,MAAM,YAAY;AAC5B,YAAM,kBAAkB,kBAAkB,QAAQ,MAAM,UAAU;AAAA,IACpE;AAGA,QAAI,QAAQ,MAAM,SAAS;AACzB,YAAM,UACJ,OAAO,QAAQ,MAAM,YAAY,YACjC,UAAU,QAAQ,MAAM,UACpB,QAAQ,MAAM,QAAQ,OACtB,QAAQ,MAAM;AACpB,YAAM,UAAU;AAAA,IAClB;AAGA,QAAI,QAAQ,MAAM,QAAQ;AACxB,YAAM,SACJ,OAAO,QAAQ,MAAM,WAAW,YAChC,UAAU,QAAQ,MAAM,SACpB,QAAQ,MAAM,OAAO,OACrB,QAAQ,MAAM;AAEpB,UAAI,QAAQ;AACV,cAAM,SAAS,GAAG,OAAO,SAAS,GAAG,IAAI,OAAO,SAAS,OAAO,IAC9D,OAAO,QAAQ,kBAAkB,OAAO,KAAK,IAAI,aACnD;AACA,YAAI,OAAO,QAAQ;AACjB,gBAAM,eAAe,OAAO;AAAA,QAC9B;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,EACT,GAAG;AAGH,MAAI,iBAAiB,OAAO,GAAG;AAC7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,QACP,mBAAiB,QAAQ;AAAA,QAExB,mBAAS,QAAQ;AAAA,UAAI,CAAC,UACrB,gBACE;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA;AAAA;AAAA,YAFK,MAAM;AAAA,UAGb,IAEA,oBAAC,sBAAkC,SAAV,MAAM,EAAkB;AAAA,QAErD;AAAA;AAAA,IACF;AAAA,EAEJ;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO;AAAA,MACP,mBAAiB,QAAQ;AAAA,MAExB,mBAAS,UACN,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK,GAChC,IAAI,CAAC,iBACL;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,QAAQ;AAAA,UACf;AAAA;AAAA,QANK,aAAa;AAAA,MAOpB,CACD;AAAA;AAAA,EACL;AAEJ;","names":[]}

package/dist/components/footer.d.ts

@@ -0,0 +1,14 @@
+import { FooterConfig, Site } from '@otl-core/cms-types';
+import { BlockRegistry } from '@otl-core/block-registry';
+import React__default from 'react';
+
+interface FooterProps {
+    footer: FooterConfig;
+    site: Site;
+    className?: string;
+    id?: string;
+    blockRegistry?: BlockRegistry;
+}
+declare const Footer: React__default.FC<FooterProps>;
+
+export { Footer, type FooterProps };

package/dist/components/footer.js

@@ -0,0 +1,54 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { generateFooterCSS, resolveFooterColors } from "../lib/footer.utils";
+import { cn } from "@otl-core/style-utils";
+import { FooterSectionComponent } from "./footer/footer-section";
+const Footer = ({
+  footer,
+  site,
+  className = "",
+  id = "default",
+  blockRegistry
+}) => {
+  const resolvedColors = resolveFooterColors(footer.style);
+  const styles = generateFooterCSS(id, footer, resolvedColors);
+  const sortedSections = [...footer.sections].sort((a, b) => a.order - b.order);
+  const containerBehavior = footer.style.container || "edged";
+  const sectionsContent = sortedSections.map((section) => {
+    const sectionElement = /* @__PURE__ */ jsx(
+      FooterSectionComponent,
+      {
+        section,
+        footer,
+        site,
+        resolvedColors,
+        blockRegistry
+      },
+      section.id
+    );
+    if (containerBehavior === "edged") {
+      return /* @__PURE__ */ jsx("div", { className: "container mx-auto", children: sectionElement }, section.id);
+    }
+    return sectionElement;
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    styles && /* @__PURE__ */ jsx("style", { children: styles }),
+    /* @__PURE__ */ jsx(
+      "footer",
+      {
+        className: cn(
+          {
+            "container mx-auto": containerBehavior === "boxed"
+          },
+          className
+        ),
+        "data-footer-id": id,
+        "data-container": containerBehavior,
+        children: /* @__PURE__ */ jsx("div", { className: `footer-${id} footer-container`, children: sectionsContent })
+      }
+    )
+  ] });
+};
+export {
+  Footer
+};
+//# sourceMappingURL=footer.js.map

package/dist/components/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/footer.tsx"],"sourcesContent":["import { Site, FooterConfig } from \"@otl-core/cms-types\";\nimport type { BlockRegistry } from \"@otl-core/block-registry\";\nimport React from \"react\";\nimport { generateFooterCSS, resolveFooterColors } from \"../lib/footer.utils\";\nimport { cn } from \"@otl-core/style-utils\";\nimport { FooterSectionComponent } from \"./footer/footer-section\";\n\nexport interface FooterProps {\n  footer: FooterConfig;\n  site: Site;\n  className?: string;\n  id?: string;\n  blockRegistry?: BlockRegistry;\n}\n\nexport const Footer: React.FC<FooterProps> = ({\n  footer,\n  site,\n  className = \"\",\n  id = \"default\",\n  blockRegistry,\n}) => {\n  const resolvedColors = resolveFooterColors(footer.style);\n  const styles = generateFooterCSS(id, footer, resolvedColors);\n  const sortedSections = [...footer.sections].sort((a, b) => a.order - b.order);\n  const containerBehavior = footer.style.container || \"edged\";\n\n  // Render sections with container wrapping per section for \"edged\" mode\n  const sectionsContent = sortedSections.map((section) => {\n    const sectionElement = (\n      <FooterSectionComponent\n        key={section.id}\n        section={section}\n        footer={footer}\n        site={site}\n        resolvedColors={resolvedColors}\n        blockRegistry={blockRegistry}\n      />\n    );\n\n    // In \"edged\" mode, wrap each top-level section in its own container\n    if (containerBehavior === \"edged\") {\n      return (\n        <div key={section.id} className=\"container mx-auto\">\n          {sectionElement}\n        </div>\n      );\n    }\n\n    return sectionElement;\n  });\n\n  return (\n    <>\n      {styles && <style>{styles}</style>}\n      <footer\n        className={cn(\n          {\n            \"container mx-auto\": containerBehavior === \"boxed\",\n          },\n          className,\n        )}\n        data-footer-id={id}\n        data-container={containerBehavior}\n      >\n        <div className={`footer-${id} footer-container`}>{sectionsContent}</div>\n      </footer>\n    </>\n  );\n};\n"],"mappings":"AA8BM,SAuBF,UAvBE,KAuBF,YAvBE;AA3BN,SAAS,mBAAmB,2BAA2B;AACvD,SAAS,UAAU;AACnB,SAAS,8BAA8B;AAUhC,MAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,KAAK;AAAA,EACL;AACF,MAAM;AACJ,QAAM,iBAAiB,oBAAoB,OAAO,KAAK;AACvD,QAAM,SAAS,kBAAkB,IAAI,QAAQ,cAAc;AAC3D,QAAM,iBAAiB,CAAC,GAAG,OAAO,QAAQ,EAAE,KAAK,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,KAAK;AAC5E,QAAM,oBAAoB,OAAO,MAAM,aAAa;AAGpD,QAAM,kBAAkB,eAAe,IAAI,CAAC,YAAY;AACtD,UAAM,iBACJ;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,MALK,QAAQ;AAAA,IAMf;AAIF,QAAI,sBAAsB,SAAS;AACjC,aACE,oBAAC,SAAqB,WAAU,qBAC7B,4BADO,QAAQ,EAElB;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT,CAAC;AAED,SACE,iCACG;AAAA,cAAU,oBAAC,WAAO,kBAAO;AAAA,IAC1B;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,YACE,qBAAqB,sBAAsB;AAAA,UAC7C;AAAA,UACA;AAAA,QACF;AAAA,QACA,kBAAgB;AAAA,QAChB,kBAAgB;AAAA,QAEhB,8BAAC,SAAI,WAAW,UAAU,EAAE,qBAAsB,2BAAgB;AAAA;AAAA,IACpE;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/ui/button.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { Button, buttonVariants };

package/dist/components/ui/button.js

@@ -0,0 +1,50 @@
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "@otl-core/style-utils";
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-gray-200 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        md: "h-9 px-4 py-2 has-[>svg]:px-3",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+export {
+  Button,
+  buttonVariants
+};
+//# sourceMappingURL=button.js.map

package/dist/components/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@otl-core/style-utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-gray-200 dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        md: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n"],"mappings":"AAiDI;AAhDJ,SAAS,YAAY;AACrB,SAAS,WAA8B;AAEvC,SAAS,UAAU;AAEnB,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAGK;AACH,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,CAAC;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/index.d.ts

@@ -1,14 +1,4 @@
-import { FooterConfig, Site } from '@otl-core/cms-types';
-import { BlockRegistry } from '@otl-core/block-registry';
-import React from 'react';
-
-interface FooterProps {
-    footer: FooterConfig;
-    site: Site;
-    className?: string;
-    id?: string;
-    blockRegistry?: BlockRegistry;
-}
-declare const Footer: React.FC<FooterProps>;
-
-export { Footer };
+export { Footer } from './components/footer.js';
+import '@otl-core/cms-types';
+import '@otl-core/block-registry';
+import 'react';

package/dist/index.js

@@ -1,314 +1,5 @@
-"use client";
-import { isResponsiveConfig } from '@otl-core/cms-utils';
-import { cn, resolveColorToCSS } from '@otl-core/style-utils';
-import { useMemo } from 'react';
-import ReactMarkdown from 'react-markdown';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { BlockRenderer as BlockRenderer$1 } from '@otl-core/block-registry';
-
-// src/lib/footer.utils.ts
-function resolveFooterColors(style) {
-  const resolved = {
-    background: resolveColorToCSS(style.background),
-    text: resolveColorToCSS(style.text),
-    linkColor: resolveColorToCSS(style.link.color),
-    linkHoverColor: resolveColorToCSS(style.link.hoverColor)
-  };
-  return resolved;
-}
-function getResponsiveBase(value) {
-  if (typeof value === "object" && value !== null && "base" in value) {
-    return value.base;
-  }
-  return value;
-}
-function resolveBorder(border) {
-  if (!border) return "";
-  const base = getResponsiveBase(border);
-  if (!base) return "";
-  const width = base.width || "0";
-  const style = base.style || "solid";
-  const color = base.color ? resolveColorToCSS(base.color) : "transparent";
-  return `${width} ${style} ${color}`;
-}
-function generateFooterCSS(id, footer, resolvedColors) {
-  const cssBlocks = [];
-  const containerBehavior = footer.style.container || "edged";
-  const baseMargin = getResponsiveBase(footer.style.layout.margin);
-  const basePadding = getResponsiveBase(footer.style.layout.padding);
-  const baseSectionGap = getResponsiveBase(footer.style.layout.sectionGap);
-  const borderCSS = resolveBorder(footer.style.border);
-  const baseStyles = `
-    .footer-${id} {
-      display: flex;
-      flex-direction: column;
-      ${resolvedColors.background ? `background-color: ${resolvedColors.background};` : ""}
-      ${resolvedColors.text ? `color: ${resolvedColors.text};` : ""}
-      ${baseMargin ? `margin: ${baseMargin};` : ""}
-      ${basePadding ? `padding: ${basePadding};` : ""}
-      ${borderCSS ? `border: ${borderCSS};` : ""}
-      ${footer.style.shadow ? `box-shadow: ${formatShadow(isResponsiveConfig(footer.style.shadow) ? footer.style.shadow.base : footer.style.shadow)};` : ""}
-      ${baseSectionGap ? `gap: ${baseSectionGap};` : ""}
-    }
-  `;
-  cssBlocks.push(baseStyles);
-  if (containerBehavior === "edged") {
-    cssBlocks.push(`
-      .footer-${id} > div.container {
-        width: 100%;
-      }
-    `);
-  }
-  cssBlocks.push(`
-    .footer-${id} .footer-section {
-      width: 100%;
-    }
-  `);
-  cssBlocks.push(`
-    @media (max-width: 767px) {
-      .footer-${id} .footer-container-section {
-        flex-wrap: wrap;
-      }
-      .footer-${id} .footer-container-section > .footer-content-section {
-        flex: 1 1 100%;
-        width: 100%;
-      }
-    }
-  `);
-  cssBlocks.push(`
-    @media (min-width: 768px) and (max-width: 1023px) {
-      .footer-${id} .footer-container-section {
-        flex-wrap: wrap;
-      }
-      .footer-${id} .footer-container-section > .footer-content-section {
-        flex: 1 1 calc(50% - ${baseSectionGap || "0px"} / 2);
-        min-width: 0;
-      }
-    }
-  `);
-  cssBlocks.push(`
-    @media (min-width: 1024px) {
-      .footer-${id} .footer-container-section {
-        flex-wrap: nowrap;
-      }
-      .footer-${id} .footer-container-section > .footer-content-section {
-        flex: 1 1 auto;
-        min-width: 0;
-      }
-    }
-  `);
-  if (resolvedColors.linkColor || resolvedColors.linkHoverColor) {
-    cssBlocks.push(`
-      .footer-${id} a {
-        ${resolvedColors.linkColor ? `color: ${resolvedColors.linkColor};` : ""}
-        text-decoration: none;
-        transition: color 0.2s;
-      }
-      .footer-${id} a:hover {
-        ${resolvedColors.linkHoverColor ? `color: ${resolvedColors.linkHoverColor};` : ""}
-      }
-    `);
-  }
-  return minifyCSS(cssBlocks.filter(Boolean).join(""));
-}
-function formatShadow(shadow) {
-  const insetStr = shadow.inset ? "inset " : "";
-  return `${insetStr}${shadow.offsetX} ${shadow.offsetY} ${shadow.blurRadius} ${shadow.spreadRadius} ${shadow.color}`;
-}
-function minifyCSS(css) {
-  return css.replace(/\s+/g, " ").replace(/\s*{\s*/g, "{").replace(/\s*}\s*/g, "}").replace(/\s*:\s*/g, ":").replace(/\s*;\s*/g, ";").replace(/;\s*}/g, "}").trim();
-}
-function isContentSection(section) {
-  return "blocks" in section && Array.isArray(section.blocks);
-}
-var BlockRenderer = ({ block }) => {
-  const { type, config } = block;
-  if (type === "markdown") {
-    const content = config.content || "";
-    return /* @__PURE__ */ jsx("div", { className: "footer-block footer-markdown", children: /* @__PURE__ */ jsx(ReactMarkdown, { children: content }) });
-  }
-  if (type === "link") {
-    const linkConfig = config;
-    const target = linkConfig.external ? "_blank" : void 0;
-    const rel = linkConfig.external ? "noopener noreferrer" : void 0;
-    const variantClasses = {
-      default: "footer-link hover:underline transition-colors",
-      underline: "footer-link underline",
-      "no-underline": "footer-link no-underline",
-      "button-primary": "footer-link inline-flex items-center justify-center px-4 py-2 rounded-md font-medium transition-colors bg-primary text-primary-foreground hover:bg-primary/90",
-      "button-secondary": "footer-link inline-flex items-center justify-center px-4 py-2 rounded-md font-medium transition-colors bg-secondary text-secondary-foreground hover:bg-secondary/80",
-      "button-outline": "footer-link inline-flex items-center justify-center px-4 py-2 rounded-md font-medium transition-colors border border-gray-200 text-surface-foreground hover:bg-accent hover:text-accent-foreground"
-    };
-    const className = variantClasses[linkConfig.variant || "default"];
-    return /* @__PURE__ */ jsx(
-      "a",
-      {
-        href: linkConfig.href,
-        target,
-        rel,
-        className,
-        "aria-label": linkConfig.ariaLabel || linkConfig.text,
-        children: linkConfig.text
-      }
-    );
-  }
-  if (type === "button") {
-    const buttonConfig = config;
-    const target = buttonConfig.newTab ? "_blank" : void 0;
-    const rel = buttonConfig.newTab ? "noopener noreferrer" : void 0;
-    return /* @__PURE__ */ jsx(
-      "a",
-      {
-        href: buttonConfig.url,
-        target,
-        rel,
-        className: "footer-block footer-button inline-flex items-center justify-center px-4 py-2 rounded-md transition-colors",
-        children: buttonConfig.text
-      }
-    );
-  }
-  if (type === "image") {
-    const imageConfig = config;
-    return /* @__PURE__ */ jsx("div", { className: "footer-block footer-image", children: /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: imageConfig.src,
-        alt: imageConfig.alt || "",
-        width: imageConfig.width,
-        height: imageConfig.height
-      }
-    ) });
-  }
-  if (type === "divider") {
-    return /* @__PURE__ */ jsx("hr", { className: "footer-block footer-divider" });
-  }
-  return null;
+import { Footer } from "./components/footer";
+export {
+  Footer
 };
-var FooterSectionComponent = ({
-  section,
-  footer,
-  site,
-  resolvedColors,
-  level = 0,
-  blockRegistry
-}) => {
-  const sectionStyle = useMemo(() => {
-    const style = {
-      display: "flex",
-      flexDirection: section.type === "row" ? "row" : "column",
-      alignItems: section.style.align || "flex-start",
-      justifyContent: section.style.justify || "flex-start",
-      gap: section.style.gap || "0"
-    };
-    if (section.style.flex) {
-      style.flex = section.style.flex;
-    }
-    if (section.style.background) {
-      style.backgroundColor = resolveColorToCSS(section.style.background);
-    }
-    if (section.style.padding) {
-      const padding = typeof section.style.padding === "object" && "base" in section.style.padding ? section.style.padding.base : section.style.padding;
-      style.padding = padding;
-    }
-    if (section.style.border) {
-      const border = typeof section.style.border === "object" && "base" in section.style.border ? section.style.border.base : section.style.border;
-      if (border) {
-        style.border = `${border.width || "0"} ${border.style || "solid"} ${border.color ? resolveColorToCSS(border.color) : "transparent"}`;
-        if (border.radius) {
-          style.borderRadius = border.radius;
-        }
-      }
-    }
-    return style;
-  }, [section]);
-  if (isContentSection(section)) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "footer-section footer-content-section",
-        style: sectionStyle,
-        "data-section-id": section.id,
-        children: section?.blocks?.map(
-          (block) => blockRegistry ? /* @__PURE__ */ jsx(
-            BlockRenderer$1,
-            {
-              block,
-              blockRegistry
-            },
-            block.id
-          ) : /* @__PURE__ */ jsx(BlockRenderer, { block }, block.id)
-        )
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "footer-section footer-container-section",
-      style: sectionStyle,
-      "data-section-id": section.id,
-      children: section?.sections?.sort((a, b) => a.order - b.order)?.map((childSection) => /* @__PURE__ */ jsx(
-        FooterSectionComponent,
-        {
-          section: childSection,
-          footer,
-          site,
-          resolvedColors,
-          level: level + 1,
-          blockRegistry
-        },
-        childSection.id
-      ))
-    }
-  );
-};
-var Footer = ({
-  footer,
-  site,
-  className = "",
-  id = "default",
-  blockRegistry
-}) => {
-  const resolvedColors = resolveFooterColors(footer.style);
-  const styles = generateFooterCSS(id, footer, resolvedColors);
-  const sortedSections = [...footer.sections].sort((a, b) => a.order - b.order);
-  const containerBehavior = footer.style.container || "edged";
-  const sectionsContent = sortedSections.map((section) => {
-    const sectionElement = /* @__PURE__ */ jsx(
-      FooterSectionComponent,
-      {
-        section,
-        footer,
-        site,
-        resolvedColors,
-        blockRegistry
-      },
-      section.id
-    );
-    if (containerBehavior === "edged") {
-      return /* @__PURE__ */ jsx("div", { className: "container mx-auto", children: sectionElement }, section.id);
-    }
-    return sectionElement;
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    styles && /* @__PURE__ */ jsx("style", { children: styles }),
-    /* @__PURE__ */ jsx(
-      "footer",
-      {
-        className: cn(
-          {
-            "container mx-auto": containerBehavior === "boxed"
-          },
-          className
-        ),
-        "data-footer-id": id,
-        "data-container": containerBehavior,
-        children: /* @__PURE__ */ jsx("div", { className: `footer-${id} footer-container`, children: sectionsContent })
-      }
-    )
-  ] });
-};
-
-export { Footer };
-//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/lib/footer.utils.ts","../src/components/blocks/block-renderer.tsx","../src/components/footer/footer-section.tsx","../src/components/footer.tsx"],"names":["resolveColorToCSS","jsx","RegistryBlockRenderer"],"mappings":"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","file":"index.js","sourcesContent":["import {\n  BorderConfig,\n  FooterConfig,\n  FooterContentSection,\n  FooterSection,\n  ResponsiveValue,\n  ShadowConfig,\n} from \"@otl-core/cms-types\";\nimport { isResponsiveConfig } from \"@otl-core/cms-utils\";\nimport { resolveColorToCSS } from \"@otl-core/style-utils\";\n\n/**\n * Resolve all colors in the footer configuration to CSS values\n */\nexport function resolveFooterColors(\n  style: FooterConfig[\"style\"],\n): Record<string, string | undefined> {\n  const resolved: Record<string, string | undefined> = {\n    background: resolveColorToCSS(style.background),\n    text: resolveColorToCSS(style.text),\n    linkColor: resolveColorToCSS(style.link.color),\n    linkHoverColor: resolveColorToCSS(style.link.hoverColor),\n  };\n\n  return resolved;\n}\n\n/**\n * Resolve a responsive value to get the base value\n */\nfunction getResponsiveBase<T>(value: ResponsiveValue<T> | T): T {\n  if (typeof value === \"object\" && value !== null && \"base\" in value) {\n    return value.base;\n  }\n  return value as T;\n}\n\n/**\n * Resolve border config to CSS string\n */\nfunction resolveBorder(\n  border: ResponsiveValue<BorderConfig> | undefined,\n): string {\n  if (!border) return \"\";\n\n  const base = getResponsiveBase(border);\n  if (!base) return \"\";\n\n  const width = base.width || \"0\";\n  const style = base.style || \"solid\";\n  const color = base.color ? resolveColorToCSS(base.color) : \"transparent\";\n\n  return `${width} ${style} ${color}`;\n}\n\n/**\n * Generate CSS for the footer configuration\n */\nexport function generateFooterCSS(\n  id: string,\n  footer: FooterConfig,\n  resolvedColors: Record<string, string | undefined>,\n): string {\n  const cssBlocks: string[] = [];\n  const containerBehavior = footer.style.container || \"edged\";\n\n  // Base footer styles\n  const baseMargin = getResponsiveBase(footer.style.layout.margin);\n  const basePadding = getResponsiveBase(footer.style.layout.padding);\n  const baseSectionGap = getResponsiveBase(footer.style.layout.sectionGap);\n  const borderCSS = resolveBorder(footer.style.border);\n\n  const baseStyles = `\n    .footer-${id} {\n      display: flex;\n      flex-direction: column;\n      ${resolvedColors.background ? `background-color: ${resolvedColors.background};` : \"\"}\n      ${resolvedColors.text ? `color: ${resolvedColors.text};` : \"\"}\n      ${baseMargin ? `margin: ${baseMargin};` : \"\"}\n      ${basePadding ? `padding: ${basePadding};` : \"\"}\n      ${borderCSS ? `border: ${borderCSS};` : \"\"}\n      ${footer.style.shadow ? `box-shadow: ${formatShadow(isResponsiveConfig(footer.style.shadow) ? footer.style.shadow.base : footer.style.shadow)};` : \"\"}\n      ${baseSectionGap ? `gap: ${baseSectionGap};` : \"\"}\n    }\n  `;\n  cssBlocks.push(baseStyles);\n\n  // Container-specific styles\n  if (containerBehavior === \"edged\") {\n    // In edged mode, each container wrapper should be full width\n    cssBlocks.push(`\n      .footer-${id} > div.container {\n        width: 100%;\n      }\n    `);\n  }\n\n  // Top-level sections (rows) should always be full width\n  cssBlocks.push(`\n    .footer-${id} .footer-section {\n      width: 100%;\n    }\n  `);\n\n  // Responsive layout for nested sections (columns within rows)\n  // Mobile: stack all columns vertically\n  cssBlocks.push(`\n    @media (max-width: 767px) {\n      .footer-${id} .footer-container-section {\n        flex-wrap: wrap;\n      }\n      .footer-${id} .footer-container-section > .footer-content-section {\n        flex: 1 1 100%;\n        width: 100%;\n      }\n    }\n  `);\n\n  // Tablet: allow 2 columns per row\n  cssBlocks.push(`\n    @media (min-width: 768px) and (max-width: 1023px) {\n      .footer-${id} .footer-container-section {\n        flex-wrap: wrap;\n      }\n      .footer-${id} .footer-container-section > .footer-content-section {\n        flex: 1 1 calc(50% - ${baseSectionGap || \"0px\"} / 2);\n        min-width: 0;\n      }\n    }\n  `);\n\n  // Desktop: columns naturally fit based on their flex properties\n  cssBlocks.push(`\n    @media (min-width: 1024px) {\n      .footer-${id} .footer-container-section {\n        flex-wrap: nowrap;\n      }\n      .footer-${id} .footer-container-section > .footer-content-section {\n        flex: 1 1 auto;\n        min-width: 0;\n      }\n    }\n  `);\n\n  // Link styles\n  if (resolvedColors.linkColor || resolvedColors.linkHoverColor) {\n    cssBlocks.push(`\n      .footer-${id} a {\n        ${resolvedColors.linkColor ? `color: ${resolvedColors.linkColor};` : \"\"}\n        text-decoration: none;\n        transition: color 0.2s;\n      }\n      .footer-${id} a:hover {\n        ${resolvedColors.linkHoverColor ? `color: ${resolvedColors.linkHoverColor};` : \"\"}\n      }\n    `);\n  }\n\n  return minifyCSS(cssBlocks.filter(Boolean).join(\"\"));\n}\n\n/**\n * Format shadow config to CSS box-shadow value\n */\nfunction formatShadow(shadow: ShadowConfig): string {\n  const insetStr = shadow.inset ? \"inset \" : \"\";\n  return `${insetStr}${shadow.offsetX} ${shadow.offsetY} ${shadow.blurRadius} ${shadow.spreadRadius} ${shadow.color}`;\n}\n\n/**\n * Minify CSS by removing extra whitespace\n */\nfunction minifyCSS(css: string): string {\n  return css\n    .replace(/\\s+/g, \" \")\n    .replace(/\\s*{\\s*/g, \"{\")\n    .replace(/\\s*}\\s*/g, \"}\")\n    .replace(/\\s*:\\s*/g, \":\")\n    .replace(/\\s*;\\s*/g, \";\")\n    .replace(/;\\s*}/g, \"}\")\n    .trim();\n}\n\n/**\n * Check if a section has nested sections (is a container section)\n */\nexport function isContainerSection(\n  section: FooterSection | FooterContentSection,\n): section is FooterSection {\n  return \"sections\" in section && Array.isArray(section.sections);\n}\n\n/**\n * Check if a section is a content section (has items)\n */\nexport function isContentSection(\n  section: FooterSection | FooterContentSection,\n): section is FooterContentSection {\n  return \"blocks\" in section && Array.isArray(section.blocks);\n}\n","/**\n * Block Renderer for Footer Components\n * Renders blocks within the footer context\n * This is a minimal implementation that supports the blocks commonly used in footers\n */\n\nimport { BlockInstance } from \"@otl-core/cms-types\";\nimport React from \"react\";\nimport ReactMarkdown from \"react-markdown\";\n\ninterface BlockRendererProps {\n  block: BlockInstance;\n}\n\nexport const BlockRenderer: React.FC<BlockRendererProps> = ({ block }) => {\n  const { type, config } = block;\n\n  // Markdown block\n  if (type === \"markdown\") {\n    const content = (config as { content?: string }).content || \"\";\n    return (\n      <div className=\"footer-block footer-markdown\">\n        <ReactMarkdown>{content}</ReactMarkdown>\n      </div>\n    );\n  }\n\n  // Link block\n  if (type === \"link\") {\n    const linkConfig = config as {\n      text?: string;\n      href?: string;\n      external?: boolean;\n      variant?: string;\n      ariaLabel?: string;\n    };\n\n    const target = linkConfig.external ? \"_blank\" : undefined;\n    const rel = linkConfig.external ? \"noopener noreferrer\" : undefined;\n\n    const variantClasses = {\n      default: \"footer-link hover:underline transition-colors\",\n      underline: \"footer-link underline\",\n      \"no-underline\": \"footer-link no-underline\",\n      \"button-primary\":\n        \"footer-link inline-flex items-center justify-center px-4 py-2 rounded-md font-medium transition-colors bg-primary text-primary-foreground hover:bg-primary/90\",\n      \"button-secondary\":\n        \"footer-link inline-flex items-center justify-center px-4 py-2 rounded-md font-medium transition-colors bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n      \"button-outline\":\n        \"footer-link inline-flex items-center justify-center px-4 py-2 rounded-md font-medium transition-colors border border-gray-200 text-surface-foreground hover:bg-accent hover:text-accent-foreground\",\n    };\n\n    const className =\n      variantClasses[\n        (linkConfig.variant as keyof typeof variantClasses) || \"default\"\n      ];\n\n    return (\n      <a\n        href={linkConfig.href}\n        target={target}\n        rel={rel}\n        className={className}\n        aria-label={linkConfig.ariaLabel || linkConfig.text}\n      >\n        {linkConfig.text}\n      </a>\n    );\n  }\n\n  // Button block (existing button rendering logic)\n  if (type === \"button\") {\n    const buttonConfig = config as {\n      text?: string;\n      url?: string;\n      variant?: string;\n      size?: string;\n      newTab?: boolean;\n    };\n\n    const target = buttonConfig.newTab ? \"_blank\" : undefined;\n    const rel = buttonConfig.newTab ? \"noopener noreferrer\" : undefined;\n\n    return (\n      <a\n        href={buttonConfig.url}\n        target={target}\n        rel={rel}\n        className=\"footer-block footer-button inline-flex items-center justify-center px-4 py-2 rounded-md transition-colors\"\n      >\n        {buttonConfig.text}\n      </a>\n    );\n  }\n\n  // Image block\n  if (type === \"image\") {\n    const imageConfig = config as {\n      src?: string;\n      alt?: string;\n      width?: number;\n      height?: number;\n    };\n\n    return (\n      <div className=\"footer-block footer-image\">\n        <img\n          src={imageConfig.src}\n          alt={imageConfig.alt || \"\"}\n          width={imageConfig.width}\n          height={imageConfig.height}\n        />\n      </div>\n    );\n  }\n\n  // Divider block\n  if (type === \"divider\") {\n    return <hr className=\"footer-block footer-divider\" />;\n  }\n\n  // Fallback for unknown block types\n  return null;\n};\n","import {\n  Site,\n  FooterConfig,\n  FooterContentSection,\n  FooterSection,\n} from \"@otl-core/cms-types\";\nimport React, { useMemo } from \"react\";\nimport { resolveColorToCSS } from \"@otl-core/style-utils\";\nimport { isContentSection } from \"../../lib/footer.utils\";\nimport { BlockRenderer as LocalBlockRenderer } from \"../blocks/block-renderer\";\nimport type { BlockRegistry } from \"@otl-core/block-registry\";\nimport { BlockRenderer as RegistryBlockRenderer } from \"@otl-core/block-registry\";\n\ninterface FooterSectionProps {\n  section: FooterSection | FooterContentSection;\n  footer: FooterConfig;\n  site: Site;\n  resolvedColors: Record<string, string | undefined>;\n  level?: number;\n  blockRegistry?: BlockRegistry;\n}\n\nexport const FooterSectionComponent: React.FC<FooterSectionProps> = ({\n  section,\n  footer,\n  site,\n  resolvedColors,\n  level = 0,\n  blockRegistry,\n}) => {\n  const sectionStyle: React.CSSProperties = useMemo(() => {\n    const style: React.CSSProperties = {\n      display: \"flex\",\n      flexDirection: section.type === \"row\" ? \"row\" : \"column\",\n      alignItems: section.style.align || \"flex-start\",\n      justifyContent: section.style.justify || \"flex-start\",\n      gap: section.style.gap || \"0\",\n    };\n\n    if (section.style.flex) {\n      style.flex = section.style.flex;\n    }\n\n    // Apply section-specific background\n    if (section.style.background) {\n      style.backgroundColor = resolveColorToCSS(section.style.background);\n    }\n\n    // Apply section-specific padding\n    if (section.style.padding) {\n      const padding =\n        typeof section.style.padding === \"object\" &&\n        \"base\" in section.style.padding\n          ? section.style.padding.base\n          : section.style.padding;\n      style.padding = padding;\n    }\n\n    // Apply section-specific border\n    if (section.style.border) {\n      const border =\n        typeof section.style.border === \"object\" &&\n        \"base\" in section.style.border\n          ? section.style.border.base\n          : section.style.border;\n\n      if (border) {\n        style.border = `${border.width || \"0\"} ${border.style || \"solid\"} ${\n          border.color ? resolveColorToCSS(border.color) : \"transparent\"\n        }`;\n        if (border.radius) {\n          style.borderRadius = border.radius;\n        }\n      }\n    }\n\n    return style;\n  }, [section]);\n\n  // Content section - render blocks\n  if (isContentSection(section)) {\n    return (\n      <div\n        className=\"footer-section footer-content-section\"\n        style={sectionStyle}\n        data-section-id={section.id}\n      >\n        {section?.blocks?.map((block) =>\n          blockRegistry ? (\n            <RegistryBlockRenderer\n              key={block.id}\n              block={block}\n              blockRegistry={blockRegistry}\n            />\n          ) : (\n            <LocalBlockRenderer key={block.id} block={block} />\n          ),\n        )}\n      </div>\n    );\n  }\n\n  // Container section - render nested sections recursively\n  return (\n    <div\n      className=\"footer-section footer-container-section\"\n      style={sectionStyle}\n      data-section-id={section.id}\n    >\n      {section?.sections\n        ?.sort((a, b) => a.order - b.order)\n        ?.map((childSection) => (\n          <FooterSectionComponent\n            key={childSection.id}\n            section={childSection}\n            footer={footer}\n            site={site}\n            resolvedColors={resolvedColors}\n            level={level + 1}\n            blockRegistry={blockRegistry}\n          />\n        ))}\n    </div>\n  );\n};\n","import { Site, FooterConfig } from \"@otl-core/cms-types\";\nimport type { BlockRegistry } from \"@otl-core/block-registry\";\nimport React from \"react\";\nimport { generateFooterCSS, resolveFooterColors } from \"../lib/footer.utils\";\nimport { cn } from \"@otl-core/style-utils\";\nimport { FooterSectionComponent } from \"./footer/footer-section\";\n\nexport interface FooterProps {\n  footer: FooterConfig;\n  site: Site;\n  className?: string;\n  id?: string;\n  blockRegistry?: BlockRegistry;\n}\n\nexport const Footer: React.FC<FooterProps> = ({\n  footer,\n  site,\n  className = \"\",\n  id = \"default\",\n  blockRegistry,\n}) => {\n  const resolvedColors = resolveFooterColors(footer.style);\n  const styles = generateFooterCSS(id, footer, resolvedColors);\n  const sortedSections = [...footer.sections].sort((a, b) => a.order - b.order);\n  const containerBehavior = footer.style.container || \"edged\";\n\n  // Render sections with container wrapping per section for \"edged\" mode\n  const sectionsContent = sortedSections.map((section) => {\n    const sectionElement = (\n      <FooterSectionComponent\n        key={section.id}\n        section={section}\n        footer={footer}\n        site={site}\n        resolvedColors={resolvedColors}\n        blockRegistry={blockRegistry}\n      />\n    );\n\n    // In \"edged\" mode, wrap each top-level section in its own container\n    if (containerBehavior === \"edged\") {\n      return (\n        <div key={section.id} className=\"container mx-auto\">\n          {sectionElement}\n        </div>\n      );\n    }\n\n    return sectionElement;\n  });\n\n  return (\n    <>\n      {styles && <style>{styles}</style>}\n      <footer\n        className={cn(\n          {\n            \"container mx-auto\": containerBehavior === \"boxed\",\n          },\n          className,\n        )}\n        data-footer-id={id}\n        data-container={containerBehavior}\n      >\n        <div className={`footer-${id} footer-container`}>{sectionsContent}</div>\n      </footer>\n    </>\n  );\n};\n"]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export { Footer } from \"./components/footer\";\n"],"mappings":"AAAA,SAAS,cAAc;","names":[]}

package/dist/lib/footer.utils.d.ts

@@ -0,0 +1,20 @@
+import { FooterConfig, FooterSection, FooterContentSection } from '@otl-core/cms-types';
+
+/**
+ * Resolve all colors in the footer configuration to CSS values
+ */
+declare function resolveFooterColors(style: FooterConfig["style"]): Record<string, string | undefined>;
+/**
+ * Generate CSS for the footer configuration
+ */
+declare function generateFooterCSS(id: string, footer: FooterConfig, resolvedColors: Record<string, string | undefined>): string;
+/**
+ * Check if a section has nested sections (is a container section)
+ */
+declare function isContainerSection(section: FooterSection | FooterContentSection): section is FooterSection;
+/**
+ * Check if a section is a content section (has items)
+ */
+declare function isContentSection(section: FooterSection | FooterContentSection): section is FooterContentSection;
+
+export { generateFooterCSS, isContainerSection, isContentSection, resolveFooterColors };

package/dist/lib/footer.utils.js

@@ -0,0 +1,126 @@
+import { isResponsiveConfig } from "@otl-core/cms-utils";
+import { resolveColorToCSS } from "@otl-core/style-utils";
+function resolveFooterColors(style) {
+  const resolved = {
+    background: resolveColorToCSS(style.background),
+    text: resolveColorToCSS(style.text),
+    linkColor: resolveColorToCSS(style.link.color),
+    linkHoverColor: resolveColorToCSS(style.link.hoverColor)
+  };
+  return resolved;
+}
+function getResponsiveBase(value) {
+  if (typeof value === "object" && value !== null && "base" in value) {
+    return value.base;
+  }
+  return value;
+}
+function resolveBorder(border) {
+  if (!border) return "";
+  const base = getResponsiveBase(border);
+  if (!base) return "";
+  const width = base.width || "0";
+  const style = base.style || "solid";
+  const color = base.color ? resolveColorToCSS(base.color) : "transparent";
+  return `${width} ${style} ${color}`;
+}
+function generateFooterCSS(id, footer, resolvedColors) {
+  const cssBlocks = [];
+  const containerBehavior = footer.style.container || "edged";
+  const baseMargin = getResponsiveBase(footer.style.layout.margin);
+  const basePadding = getResponsiveBase(footer.style.layout.padding);
+  const baseSectionGap = getResponsiveBase(footer.style.layout.sectionGap);
+  const borderCSS = resolveBorder(footer.style.border);
+  const baseStyles = `
+    .footer-${id} {
+      display: flex;
+      flex-direction: column;
+      ${resolvedColors.background ? `background-color: ${resolvedColors.background};` : ""}
+      ${resolvedColors.text ? `color: ${resolvedColors.text};` : ""}
+      ${baseMargin ? `margin: ${baseMargin};` : ""}
+      ${basePadding ? `padding: ${basePadding};` : ""}
+      ${borderCSS ? `border: ${borderCSS};` : ""}
+      ${footer.style.shadow ? `box-shadow: ${formatShadow(isResponsiveConfig(footer.style.shadow) ? footer.style.shadow.base : footer.style.shadow)};` : ""}
+      ${baseSectionGap ? `gap: ${baseSectionGap};` : ""}
+    }
+  `;
+  cssBlocks.push(baseStyles);
+  if (containerBehavior === "edged") {
+    cssBlocks.push(`
+      .footer-${id} > div.container {
+        width: 100%;
+      }
+    `);
+  }
+  cssBlocks.push(`
+    .footer-${id} .footer-section {
+      width: 100%;
+    }
+  `);
+  cssBlocks.push(`
+    @media (max-width: 767px) {
+      .footer-${id} .footer-container-section {
+        flex-wrap: wrap;
+      }
+      .footer-${id} .footer-container-section > .footer-content-section {
+        flex: 1 1 100%;
+        width: 100%;
+      }
+    }
+  `);
+  cssBlocks.push(`
+    @media (min-width: 768px) and (max-width: 1023px) {
+      .footer-${id} .footer-container-section {
+        flex-wrap: wrap;
+      }
+      .footer-${id} .footer-container-section > .footer-content-section {
+        flex: 1 1 calc(50% - ${baseSectionGap || "0px"} / 2);
+        min-width: 0;
+      }
+    }
+  `);
+  cssBlocks.push(`
+    @media (min-width: 1024px) {
+      .footer-${id} .footer-container-section {
+        flex-wrap: nowrap;
+      }
+      .footer-${id} .footer-container-section > .footer-content-section {
+        flex: 1 1 auto;
+        min-width: 0;
+      }
+    }
+  `);
+  if (resolvedColors.linkColor || resolvedColors.linkHoverColor) {
+    cssBlocks.push(`
+      .footer-${id} a {
+        ${resolvedColors.linkColor ? `color: ${resolvedColors.linkColor};` : ""}
+        text-decoration: none;
+        transition: color 0.2s;
+      }
+      .footer-${id} a:hover {
+        ${resolvedColors.linkHoverColor ? `color: ${resolvedColors.linkHoverColor};` : ""}
+      }
+    `);
+  }
+  return minifyCSS(cssBlocks.filter(Boolean).join(""));
+}
+function formatShadow(shadow) {
+  const insetStr = shadow.inset ? "inset " : "";
+  return `${insetStr}${shadow.offsetX} ${shadow.offsetY} ${shadow.blurRadius} ${shadow.spreadRadius} ${shadow.color}`;
+}
+function minifyCSS(css) {
+  return css.replace(/\s+/g, " ").replace(/\s*{\s*/g, "{").replace(/\s*}\s*/g, "}").replace(/\s*:\s*/g, ":").replace(/\s*;\s*/g, ";").replace(/;\s*}/g, "}").trim();
+}
+function isContainerSection(section) {
+  return "sections" in section && Array.isArray(section.sections);
+}
+function isContentSection(section) {
+  return "blocks" in section && Array.isArray(section.blocks);
+}
+export {
+  generateFooterCSS,
+  isContainerSection,
+  isContentSection,
+  resolveFooterColors
+};
+//# sourceMappingURL=footer.utils.js.map

package/dist/lib/footer.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/footer.utils.ts"],"sourcesContent":["import {\n  BorderConfig,\n  FooterConfig,\n  FooterContentSection,\n  FooterSection,\n  ResponsiveValue,\n  ShadowConfig,\n} from \"@otl-core/cms-types\";\nimport { isResponsiveConfig } from \"@otl-core/cms-utils\";\nimport { resolveColorToCSS } from \"@otl-core/style-utils\";\n\n/**\n * Resolve all colors in the footer configuration to CSS values\n */\nexport function resolveFooterColors(\n  style: FooterConfig[\"style\"],\n): Record<string, string | undefined> {\n  const resolved: Record<string, string | undefined> = {\n    background: resolveColorToCSS(style.background),\n    text: resolveColorToCSS(style.text),\n    linkColor: resolveColorToCSS(style.link.color),\n    linkHoverColor: resolveColorToCSS(style.link.hoverColor),\n  };\n\n  return resolved;\n}\n\n/**\n * Resolve a responsive value to get the base value\n */\nfunction getResponsiveBase<T>(value: ResponsiveValue<T> | T): T {\n  if (typeof value === \"object\" && value !== null && \"base\" in value) {\n    return value.base;\n  }\n  return value as T;\n}\n\n/**\n * Resolve border config to CSS string\n */\nfunction resolveBorder(\n  border: ResponsiveValue<BorderConfig> | undefined,\n): string {\n  if (!border) return \"\";\n\n  const base = getResponsiveBase(border);\n  if (!base) return \"\";\n\n  const width = base.width || \"0\";\n  const style = base.style || \"solid\";\n  const color = base.color ? resolveColorToCSS(base.color) : \"transparent\";\n\n  return `${width} ${style} ${color}`;\n}\n\n/**\n * Generate CSS for the footer configuration\n */\nexport function generateFooterCSS(\n  id: string,\n  footer: FooterConfig,\n  resolvedColors: Record<string, string | undefined>,\n): string {\n  const cssBlocks: string[] = [];\n  const containerBehavior = footer.style.container || \"edged\";\n\n  // Base footer styles\n  const baseMargin = getResponsiveBase(footer.style.layout.margin);\n  const basePadding = getResponsiveBase(footer.style.layout.padding);\n  const baseSectionGap = getResponsiveBase(footer.style.layout.sectionGap);\n  const borderCSS = resolveBorder(footer.style.border);\n\n  const baseStyles = `\n    .footer-${id} {\n      display: flex;\n      flex-direction: column;\n      ${resolvedColors.background ? `background-color: ${resolvedColors.background};` : \"\"}\n      ${resolvedColors.text ? `color: ${resolvedColors.text};` : \"\"}\n      ${baseMargin ? `margin: ${baseMargin};` : \"\"}\n      ${basePadding ? `padding: ${basePadding};` : \"\"}\n      ${borderCSS ? `border: ${borderCSS};` : \"\"}\n      ${footer.style.shadow ? `box-shadow: ${formatShadow(isResponsiveConfig(footer.style.shadow) ? footer.style.shadow.base : footer.style.shadow)};` : \"\"}\n      ${baseSectionGap ? `gap: ${baseSectionGap};` : \"\"}\n    }\n  `;\n  cssBlocks.push(baseStyles);\n\n  // Container-specific styles\n  if (containerBehavior === \"edged\") {\n    // In edged mode, each container wrapper should be full width\n    cssBlocks.push(`\n      .footer-${id} > div.container {\n        width: 100%;\n      }\n    `);\n  }\n\n  // Top-level sections (rows) should always be full width\n  cssBlocks.push(`\n    .footer-${id} .footer-section {\n      width: 100%;\n    }\n  `);\n\n  // Responsive layout for nested sections (columns within rows)\n  // Mobile: stack all columns vertically\n  cssBlocks.push(`\n    @media (max-width: 767px) {\n      .footer-${id} .footer-container-section {\n        flex-wrap: wrap;\n      }\n      .footer-${id} .footer-container-section > .footer-content-section {\n        flex: 1 1 100%;\n        width: 100%;\n      }\n    }\n  `);\n\n  // Tablet: allow 2 columns per row\n  cssBlocks.push(`\n    @media (min-width: 768px) and (max-width: 1023px) {\n      .footer-${id} .footer-container-section {\n        flex-wrap: wrap;\n      }\n      .footer-${id} .footer-container-section > .footer-content-section {\n        flex: 1 1 calc(50% - ${baseSectionGap || \"0px\"} / 2);\n        min-width: 0;\n      }\n    }\n  `);\n\n  // Desktop: columns naturally fit based on their flex properties\n  cssBlocks.push(`\n    @media (min-width: 1024px) {\n      .footer-${id} .footer-container-section {\n        flex-wrap: nowrap;\n      }\n      .footer-${id} .footer-container-section > .footer-content-section {\n        flex: 1 1 auto;\n        min-width: 0;\n      }\n    }\n  `);\n\n  // Link styles\n  if (resolvedColors.linkColor || resolvedColors.linkHoverColor) {\n    cssBlocks.push(`\n      .footer-${id} a {\n        ${resolvedColors.linkColor ? `color: ${resolvedColors.linkColor};` : \"\"}\n        text-decoration: none;\n        transition: color 0.2s;\n      }\n      .footer-${id} a:hover {\n        ${resolvedColors.linkHoverColor ? `color: ${resolvedColors.linkHoverColor};` : \"\"}\n      }\n    `);\n  }\n\n  return minifyCSS(cssBlocks.filter(Boolean).join(\"\"));\n}\n\n/**\n * Format shadow config to CSS box-shadow value\n */\nfunction formatShadow(shadow: ShadowConfig): string {\n  const insetStr = shadow.inset ? \"inset \" : \"\";\n  return `${insetStr}${shadow.offsetX} ${shadow.offsetY} ${shadow.blurRadius} ${shadow.spreadRadius} ${shadow.color}`;\n}\n\n/**\n * Minify CSS by removing extra whitespace\n */\nfunction minifyCSS(css: string): string {\n  return css\n    .replace(/\\s+/g, \" \")\n    .replace(/\\s*{\\s*/g, \"{\")\n    .replace(/\\s*}\\s*/g, \"}\")\n    .replace(/\\s*:\\s*/g, \":\")\n    .replace(/\\s*;\\s*/g, \";\")\n    .replace(/;\\s*}/g, \"}\")\n    .trim();\n}\n\n/**\n * Check if a section has nested sections (is a container section)\n */\nexport function isContainerSection(\n  section: FooterSection | FooterContentSection,\n): section is FooterSection {\n  return \"sections\" in section && Array.isArray(section.sections);\n}\n\n/**\n * Check if a section is a content section (has items)\n */\nexport function isContentSection(\n  section: FooterSection | FooterContentSection,\n): section is FooterContentSection {\n  return \"blocks\" in section && Array.isArray(section.blocks);\n}\n"],"mappings":"AAQA,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAK3B,SAAS,oBACd,OACoC;AACpC,QAAM,WAA+C;AAAA,IACnD,YAAY,kBAAkB,MAAM,UAAU;AAAA,IAC9C,MAAM,kBAAkB,MAAM,IAAI;AAAA,IAClC,WAAW,kBAAkB,MAAM,KAAK,KAAK;AAAA,IAC7C,gBAAgB,kBAAkB,MAAM,KAAK,UAAU;AAAA,EACzD;AAEA,SAAO;AACT;AAKA,SAAS,kBAAqB,OAAkC;AAC9D,MAAI,OAAO,UAAU,YAAY,UAAU,QAAQ,UAAU,OAAO;AAClE,WAAO,MAAM;AAAA,EACf;AACA,SAAO;AACT;AAKA,SAAS,cACP,QACQ;AACR,MAAI,CAAC,OAAQ,QAAO;AAEpB,QAAM,OAAO,kBAAkB,MAAM;AACrC,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,QAAQ,KAAK,SAAS;AAC5B,QAAM,QAAQ,KAAK,SAAS;AAC5B,QAAM,QAAQ,KAAK,QAAQ,kBAAkB,KAAK,KAAK,IAAI;AAE3D,SAAO,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK;AACnC;AAKO,SAAS,kBACd,IACA,QACA,gBACQ;AACR,QAAM,YAAsB,CAAC;AAC7B,QAAM,oBAAoB,OAAO,MAAM,aAAa;AAGpD,QAAM,aAAa,kBAAkB,OAAO,MAAM,OAAO,MAAM;AAC/D,QAAM,cAAc,kBAAkB,OAAO,MAAM,OAAO,OAAO;AACjE,QAAM,iBAAiB,kBAAkB,OAAO,MAAM,OAAO,UAAU;AACvE,QAAM,YAAY,cAAc,OAAO,MAAM,MAAM;AAEnD,QAAM,aAAa;AAAA,cACP,EAAE;AAAA;AAAA;AAAA,QAGR,eAAe,aAAa,qBAAqB,eAAe,UAAU,MAAM,EAAE;AAAA,QAClF,eAAe,OAAO,UAAU,eAAe,IAAI,MAAM,EAAE;AAAA,QAC3D,aAAa,WAAW,UAAU,MAAM,EAAE;AAAA,QAC1C,cAAc,YAAY,WAAW,MAAM,EAAE;AAAA,QAC7C,YAAY,WAAW,SAAS,MAAM,EAAE;AAAA,QACxC,OAAO,MAAM,SAAS,eAAe,aAAa,mBAAmB,OAAO,MAAM,MAAM,IAAI,OAAO,MAAM,OAAO,OAAO,OAAO,MAAM,MAAM,CAAC,MAAM,EAAE;AAAA,QACnJ,iBAAiB,QAAQ,cAAc,MAAM,EAAE;AAAA;AAAA;AAGrD,YAAU,KAAK,UAAU;AAGzB,MAAI,sBAAsB,SAAS;AAEjC,cAAU,KAAK;AAAA,gBACH,EAAE;AAAA;AAAA;AAAA,KAGb;AAAA,EACH;AAGA,YAAU,KAAK;AAAA,cACH,EAAE;AAAA;AAAA;AAAA,GAGb;AAID,YAAU,KAAK;AAAA;AAAA,gBAED,EAAE;AAAA;AAAA;AAAA,gBAGF,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,GAKf;AAGD,YAAU,KAAK;AAAA;AAAA,gBAED,EAAE;AAAA;AAAA;AAAA,gBAGF,EAAE;AAAA,+BACa,kBAAkB,KAAK;AAAA;AAAA;AAAA;AAAA,GAInD;AAGD,YAAU,KAAK;AAAA;AAAA,gBAED,EAAE;AAAA;AAAA;AAAA,gBAGF,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,GAKf;AAGD,MAAI,eAAe,aAAa,eAAe,gBAAgB;AAC7D,cAAU,KAAK;AAAA,gBACH,EAAE;AAAA,UACR,eAAe,YAAY,UAAU,eAAe,SAAS,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA,gBAI/D,EAAE;AAAA,UACR,eAAe,iBAAiB,UAAU,eAAe,cAAc,MAAM,EAAE;AAAA;AAAA,KAEpF;AAAA,EACH;AAEA,SAAO,UAAU,UAAU,OAAO,OAAO,EAAE,KAAK,EAAE,CAAC;AACrD;AAKA,SAAS,aAAa,QAA8B;AAClD,QAAM,WAAW,OAAO,QAAQ,WAAW;AAC3C,SAAO,GAAG,QAAQ,GAAG,OAAO,OAAO,IAAI,OAAO,OAAO,IAAI,OAAO,UAAU,IAAI,OAAO,YAAY,IAAI,OAAO,KAAK;AACnH;AAKA,SAAS,UAAU,KAAqB;AACtC,SAAO,IACJ,QAAQ,QAAQ,GAAG,EACnB,QAAQ,YAAY,GAAG,EACvB,QAAQ,YAAY,GAAG,EACvB,QAAQ,YAAY,GAAG,EACvB,QAAQ,YAAY,GAAG,EACvB,QAAQ,UAAU,GAAG,EACrB,KAAK;AACV;AAKO,SAAS,mBACd,SAC0B;AAC1B,SAAO,cAAc,WAAW,MAAM,QAAQ,QAAQ,QAAQ;AAChE;AAKO,SAAS,iBACd,SACiC;AACjC,SAAO,YAAY,WAAW,MAAM,QAAQ,QAAQ,MAAM;AAC5D;","names":[]}

package/dist/lib/navigation.utils.d.ts

@@ -0,0 +1,19 @@
+import { HeaderSection, Site, HeaderConfig, LocalizedString, HeaderDropdownContent, ShadowConfig } from '@otl-core/cms-types';
+
+/**
+ * Convert ShadowConfig to CSS box-shadow string
+ */
+declare function shadowConfigToCSS(shadow: ShadowConfig): string;
+declare function calculateNavigationWidth(sections: HeaderSection[], site?: Site): number;
+type Breakpoint = "sm" | "md" | "lg" | "xl" | "2xl" | null;
+declare function getBreakpointForWidth(estimatedWidth: number): Breakpoint;
+declare function generateNavigationCSS(id: string, navigation: HeaderConfig, resolvedColors: Record<string, string | undefined>, dropdownIds?: string[]): string;
+declare function sectionsToDropdownContent(sections: HeaderSection[]): HeaderDropdownContent[];
+declare function resolveDropdownColor(colorRef: {
+    type: string;
+    value: string;
+} | undefined, resolvedColors: Record<string, string | undefined>, fallback?: string): string | undefined;
+declare function getLocalizedString(value: string | LocalizedString | null | undefined, site?: Site): string;
+declare function parseMarkdownToHTML(markdown: string): string;
+
+export { type Breakpoint, calculateNavigationWidth, generateNavigationCSS, getBreakpointForWidth, getLocalizedString, parseMarkdownToHTML, resolveDropdownColor, sectionsToDropdownContent, shadowConfigToCSS };

package/dist/lib/navigation.utils.js

@@ -0,0 +1,239 @@
+import { marked } from "marked";
+import {
+  generateDesktopDropdownAnimations,
+  generateMobileMenuAnimations,
+  generateResponsiveSpacingCSS,
+  generateScrollbarStyles,
+  generateToggleIconAnimations,
+  minifyCSS
+} from "@otl-core/style-utils";
+function shadowConfigToCSS(shadow) {
+  const { offsetX, offsetY, blurRadius, spreadRadius, color, inset } = shadow;
+  const parts = [offsetX, offsetY, blurRadius, spreadRadius, color];
+  if (inset) {
+    return `inset ${parts.join(" ")}`;
+  }
+  return parts.join(" ");
+}
+function calculateNavigationWidth(sections, site) {
+  let totalWidth = 150;
+  for (const section of sections) {
+    for (const item of section?.items || []) {
+      if (item.type === "logo") continue;
+      const label = typeof item.label === "string" ? item.label : getLocalizedString(item.label, site) || "";
+      const labelLength = label.length;
+      if (item.type === "button") {
+        totalWidth += labelLength * 8 + 48;
+      } else if (item.type === "link" || item.type === "dropdown") {
+        totalWidth += labelLength * 8 + 24;
+      }
+    }
+  }
+  return totalWidth;
+}
+function getBreakpointForWidth(estimatedWidth) {
+  const MAX_USABLE_WIDTH = 1400;
+  if (estimatedWidth > MAX_USABLE_WIDTH) return null;
+  if (estimatedWidth <= 640) return "sm";
+  if (estimatedWidth <= 768) return "md";
+  if (estimatedWidth <= 1024) return "lg";
+  if (estimatedWidth <= 1280) return "xl";
+  return "2xl";
+}
+function generateNavigationCSS(id, navigation, resolvedColors, dropdownIds = []) {
+  const cssBlocks = [];
+  if (navigation.style) {
+    const headerCSS = generateResponsiveSpacingCSS(`header-${id}`, {
+      margin: navigation.style.layout?.margin
+    });
+    if (headerCSS) cssBlocks.push(headerCSS);
+  }
+  if (navigation.style) {
+    const navbarCSS = generateResponsiveSpacingCSS(`navbar-${id}`, {
+      border: navigation.style.border,
+      padding: navigation.style.layout?.padding,
+      gap: navigation.style.layout?.sectionGap,
+      shadow: navigation.style.shadow
+    });
+    if (navbarCSS) cssBlocks.push(navbarCSS);
+  }
+  if (navigation.style && dropdownIds.length > 0) {
+    dropdownIds.forEach((dropdownId) => {
+      const dropdownCSS = generateResponsiveSpacingCSS(
+        `navigation-dropdown-${dropdownId}`,
+        {
+          padding: navigation.style?.dropdown?.padding,
+          border: navigation.style?.dropdown?.border
+        }
+      );
+      if (dropdownCSS) cssBlocks.push(dropdownCSS);
+      const dropdownContentCSS = generateResponsiveSpacingCSS(
+        `dropdown-content-${dropdownId}`,
+        {
+          gap: navigation.style?.dropdown?.sectionGap
+        }
+      );
+      if (dropdownContentCSS) cssBlocks.push(dropdownContentCSS);
+    });
+  }
+  if (resolvedColors.burgerButtonBackgroundHover) {
+    cssBlocks.push(
+      `.mobile-menu-toggle-${id}:hover{background-color:${resolvedColors.burgerButtonBackgroundHover}!important}`
+    );
+  }
+  if (resolvedColors.dropdownMenuLinkHoverColor || resolvedColors.dropdownMenuLinkHoverBackground) {
+    const hoverStyles = [];
+    if (resolvedColors.dropdownMenuLinkHoverBackground) {
+      hoverStyles.push(
+        `background-color:${resolvedColors.dropdownMenuLinkHoverBackground}!important`
+      );
+    }
+    if (resolvedColors.dropdownMenuLinkHoverColor) {
+      hoverStyles.push(
+        `color:${resolvedColors.dropdownMenuLinkHoverColor}!important`
+      );
+    }
+    cssBlocks.push(
+      `#mobile-menu-dropdown-${id} a:hover{${hoverStyles.join(";")}}`
+    );
+  }
+  cssBlocks.push(...generateToggleIconAnimations());
+  cssBlocks.push(...generateMobileMenuAnimations());
+  cssBlocks.push(...generateScrollbarStyles());
+  cssBlocks.push(...generateDesktopDropdownAnimations());
+  return minifyCSS(cssBlocks.filter(Boolean).join(""));
+}
+function sectionsToDropdownContent(sections) {
+  const result = [];
+  sections.forEach((section) => {
+    const items = section?.items?.filter((item) => {
+      if (item.type === "logo") return false;
+      const vis = item.visibility || (item.collapse === false ? "navbar-only" : void 0);
+      if (vis === "navbar-only") return false;
+      return true;
+    });
+    if (items?.length === 0) return;
+    items?.forEach((item) => {
+      if (item.type === "link") {
+        const config = item.config;
+        const navConfig = {
+          label: item.label || "",
+          href: config.href,
+          icon: config.icon,
+          external: config.external
+        };
+        result.push({
+          id: item.id,
+          type: "navigation-item",
+          config: navConfig
+        });
+      } else if (item.type === "button") {
+        const config = item.config;
+        const btnConfig = {
+          label: item.label || "",
+          href: config.href,
+          icon: config.icon,
+          external: config.external,
+          variant: config.variant,
+          size: config.size
+        };
+        result.push({
+          id: item.id,
+          type: "button",
+          config: btnConfig
+        });
+      } else if (item.type === "dropdown") {
+        const config = item.config;
+        result.push({
+          id: item.id,
+          type: "dropdown",
+          label: item.label || "",
+          config
+        });
+      }
+    });
+    if (sections.indexOf(section) < sections.length - 1) {
+      result.push({
+        id: `divider-${section.id}`,
+        type: "divider",
+        config: {}
+      });
+    }
+  });
+  return result;
+}
+function resolveDropdownColor(colorRef, resolvedColors, fallback) {
+  if (!colorRef) return fallback;
+  if (colorRef.type === "custom") {
+    return colorRef.value;
+  }
+  if (colorRef.type === "theme") {
+    return resolvedColors[colorRef.value] || fallback;
+  }
+  if (colorRef.type === "variable") {
+    return `var(--color-${colorRef.value})`;
+  }
+  return fallback;
+}
+function getBrowserPreferredLocales(options = {}) {
+  const defaultOptions = {
+    languageCodeOnly: false
+  };
+  const opt = {
+    ...defaultOptions,
+    ...options
+  };
+  const browserLocales = navigator.languages === void 0 ? [navigator.language] : navigator.languages;
+  if (!browserLocales) {
+    return void 0;
+  }
+  return browserLocales.map((locale) => {
+    const trimmedLocale = locale.trim();
+    return opt.languageCodeOnly ? trimmedLocale.split(/-|_/)[0] : trimmedLocale;
+  });
+}
+function getLocalizedString(value, site) {
+  if (value === null || value === void 0) return "";
+  if (typeof value === "string") return value;
+  const preferredLocale = getBrowserPreferredLocales() || [
+    site?.default_locale || "en"
+  ];
+  for (const locale of preferredLocale) {
+    if (locale in value && value[locale]) {
+      return value[locale];
+    }
+  }
+  if (site?.default_locale && site.default_locale in value && value[site.default_locale]) {
+    return value[site.default_locale];
+  }
+  if ("en" in value && value.en) {
+    return value.en;
+  }
+  if (site?.supported_locales) {
+    for (const locale of site.supported_locales) {
+      if (locale in value && value[locale]) {
+        return value[locale];
+      }
+    }
+  }
+  const keys = Object.keys(value);
+  if (keys.length > 0 && value[keys[0]]) {
+    return value[keys[0]];
+  }
+  return "";
+}
+function parseMarkdownToHTML(markdown) {
+  const html = marked.parse(markdown, { async: false });
+  return html.replace(/<h1>/g, '<div class="h1">').replace(/<\/h1>/g, "</div>").replace(/<h2>/g, '<div class="h2">').replace(/<\/h2>/g, "</div>").replace(/<h3>/g, '<div class="h3">').replace(/<\/h3>/g, "</div>").replace(/<h4>/g, '<div class="h4">').replace(/<\/h4>/g, "</div>").replace(/<h5>/g, '<div class="h5">').replace(/<\/h5>/g, "</div>").replace(/<h6>/g, '<div class="h6">').replace(/<\/h6>/g, "</div>");
+}
+export {
+  calculateNavigationWidth,
+  generateNavigationCSS,
+  getBreakpointForWidth,
+  getLocalizedString,
+  parseMarkdownToHTML,
+  resolveDropdownColor,
+  sectionsToDropdownContent,
+  shadowConfigToCSS
+};
+//# sourceMappingURL=navigation.utils.js.map

package/dist/lib/navigation.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/lib/navigation.utils.ts"],"sourcesContent":["import {\n  Site,\n  HeaderConfig,\n  HeaderDropdownButtonConfig,\n  HeaderDropdownContent,\n  HeaderDropdownNavigationItemConfig,\n  HeaderNavigationItem,\n  HeaderNavigationItemButtonConfig,\n  HeaderNavigationItemDropdownConfig,\n  HeaderNavigationItemLinkConfig,\n  HeaderSection,\n  LocalizedString,\n  ShadowConfig,\n} from \"@otl-core/cms-types\";\nimport { marked } from \"marked\";\nimport {\n  generateDesktopDropdownAnimations,\n  generateMobileMenuAnimations,\n  generateResponsiveSpacingCSS,\n  generateScrollbarStyles,\n  generateToggleIconAnimations,\n  minifyCSS,\n} from \"@otl-core/style-utils\";\n\n/**\n * Convert ShadowConfig to CSS box-shadow string\n */\nexport function shadowConfigToCSS(shadow: ShadowConfig): string {\n  const { offsetX, offsetY, blurRadius, spreadRadius, color, inset } = shadow;\n  const parts = [offsetX, offsetY, blurRadius, spreadRadius, color];\n  if (inset) {\n    return `inset ${parts.join(\" \")}`;\n  }\n  return parts.join(\" \");\n}\n\nexport function calculateNavigationWidth(\n  sections: HeaderSection[],\n  site?: Site,\n): number {\n  let totalWidth = 150;\n\n  for (const section of sections) {\n    for (const item of section?.items || []) {\n      if (item.type === \"logo\") continue;\n\n      const label =\n        typeof item.label === \"string\"\n          ? item.label\n          : getLocalizedString(item.label, site) || \"\";\n      const labelLength = label.length;\n\n      if (item.type === \"button\") {\n        totalWidth += labelLength * 8 + 48;\n      } else if (item.type === \"link\" || item.type === \"dropdown\") {\n        totalWidth += labelLength * 8 + 24;\n      }\n    }\n  }\n\n  return totalWidth;\n}\n\nexport type Breakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | null;\n\nexport function getBreakpointForWidth(estimatedWidth: number): Breakpoint {\n  const MAX_USABLE_WIDTH = 1400;\n\n  if (estimatedWidth > MAX_USABLE_WIDTH) return null;\n\n  if (estimatedWidth <= 640) return \"sm\";\n  if (estimatedWidth <= 768) return \"md\";\n  if (estimatedWidth <= 1024) return \"lg\";\n  if (estimatedWidth <= 1280) return \"xl\";\n  return \"2xl\";\n}\n\nexport function generateNavigationCSS(\n  id: string,\n  navigation: HeaderConfig,\n  resolvedColors: Record<string, string | undefined>,\n  dropdownIds: string[] = [],\n): string {\n  const cssBlocks: (string | null)[] = [];\n\n  if (navigation.style) {\n    const headerCSS = generateResponsiveSpacingCSS(`header-${id}`, {\n      margin: navigation.style.layout?.margin,\n    });\n    if (headerCSS) cssBlocks.push(headerCSS);\n  }\n\n  if (navigation.style) {\n    const navbarCSS = generateResponsiveSpacingCSS(`navbar-${id}`, {\n      border: navigation.style.border,\n      padding: navigation.style.layout?.padding,\n      gap: navigation.style.layout?.sectionGap,\n      shadow: navigation.style.shadow,\n    });\n    if (navbarCSS) cssBlocks.push(navbarCSS);\n  }\n\n  if (navigation.style && dropdownIds.length > 0) {\n    dropdownIds.forEach((dropdownId) => {\n      const dropdownCSS = generateResponsiveSpacingCSS(\n        `navigation-dropdown-${dropdownId}`,\n        {\n          padding: navigation.style?.dropdown?.padding,\n          border: navigation.style?.dropdown?.border,\n        },\n      );\n      if (dropdownCSS) cssBlocks.push(dropdownCSS);\n\n      const dropdownContentCSS = generateResponsiveSpacingCSS(\n        `dropdown-content-${dropdownId}`,\n        {\n          gap: navigation.style?.dropdown?.sectionGap,\n        },\n      );\n      if (dropdownContentCSS) cssBlocks.push(dropdownContentCSS);\n    });\n  }\n\n  if (resolvedColors.burgerButtonBackgroundHover) {\n    cssBlocks.push(\n      `.mobile-menu-toggle-${id}:hover{background-color:${resolvedColors.burgerButtonBackgroundHover}!important}`,\n    );\n  }\n\n  if (\n    resolvedColors.dropdownMenuLinkHoverColor ||\n    resolvedColors.dropdownMenuLinkHoverBackground\n  ) {\n    const hoverStyles: string[] = [];\n    if (resolvedColors.dropdownMenuLinkHoverBackground) {\n      hoverStyles.push(\n        `background-color:${resolvedColors.dropdownMenuLinkHoverBackground}!important`,\n      );\n    }\n    if (resolvedColors.dropdownMenuLinkHoverColor) {\n      hoverStyles.push(\n        `color:${resolvedColors.dropdownMenuLinkHoverColor}!important`,\n      );\n    }\n    cssBlocks.push(\n      `#mobile-menu-dropdown-${id} a:hover{${hoverStyles.join(\";\")}}`,\n    );\n  }\n\n  cssBlocks.push(...generateToggleIconAnimations());\n  cssBlocks.push(...generateMobileMenuAnimations());\n  cssBlocks.push(...generateScrollbarStyles());\n  cssBlocks.push(...generateDesktopDropdownAnimations());\n\n  return minifyCSS(cssBlocks.filter(Boolean).join(\"\"));\n}\n\nexport function sectionsToDropdownContent(\n  sections: HeaderSection[],\n): HeaderDropdownContent[] {\n  const result: HeaderDropdownContent[] = [];\n\n  sections.forEach((section: HeaderSection) => {\n    const items = section?.items?.filter((item: HeaderNavigationItem) => {\n      if (item.type === \"logo\") return false;\n      const vis =\n        item.visibility ||\n        ((item as unknown as Record<string, unknown>).collapse === false\n          ? \"navbar-only\"\n          : undefined);\n      if (vis === \"navbar-only\") return false;\n      return true;\n    });\n\n    if (items?.length === 0) return;\n\n    items?.forEach((item: HeaderNavigationItem) => {\n      if (item.type === \"link\") {\n        const config = item.config as HeaderNavigationItemLinkConfig;\n        const navConfig: HeaderDropdownNavigationItemConfig = {\n          label: item.label || \"\",\n          href: config.href,\n          icon: config.icon,\n          external: config.external,\n        };\n        result.push({\n          id: item.id,\n          type: \"navigation-item\",\n          config: navConfig,\n        });\n      } else if (item.type === \"button\") {\n        const config = item.config as HeaderNavigationItemButtonConfig;\n        const btnConfig: HeaderDropdownButtonConfig = {\n          label: item.label || \"\",\n          href: config.href,\n          icon: config.icon,\n          external: config.external,\n          variant: config.variant,\n          size: config.size,\n        };\n        result.push({\n          id: item.id,\n          type: \"button\",\n          config: btnConfig,\n        });\n      } else if (item.type === \"dropdown\") {\n        const config = item.config as HeaderNavigationItemDropdownConfig;\n        result.push({\n          id: item.id,\n          type: \"dropdown\",\n          label: item.label || \"\",\n          config,\n        });\n      }\n    });\n\n    if (sections.indexOf(section) < sections.length - 1) {\n      result.push({\n        id: `divider-${section.id}`,\n        type: \"divider\",\n        config: {},\n      });\n    }\n  });\n\n  return result;\n}\n\nexport function resolveDropdownColor(\n  colorRef: { type: string; value: string } | undefined,\n  resolvedColors: Record<string, string | undefined>,\n  fallback?: string,\n): string | undefined {\n  if (!colorRef) return fallback;\n\n  if (colorRef.type === \"custom\") {\n    return colorRef.value;\n  }\n\n  if (colorRef.type === \"theme\") {\n    return resolvedColors[colorRef.value] || fallback;\n  }\n\n  if (colorRef.type === \"variable\") {\n    // For variables, construct the CSS variable reference\n    return `var(--color-${colorRef.value})`;\n  }\n\n  return fallback;\n}\n\nfunction getBrowserPreferredLocales(options = {}) {\n  const defaultOptions = {\n    languageCodeOnly: false,\n  };\n  const opt = {\n    ...defaultOptions,\n    ...options,\n  };\n  const browserLocales =\n    navigator.languages === undefined\n      ? [navigator.language]\n      : navigator.languages;\n  if (!browserLocales) {\n    return undefined;\n  }\n  return browserLocales.map((locale) => {\n    const trimmedLocale = locale.trim();\n    return opt.languageCodeOnly ? trimmedLocale.split(/-|_/)[0] : trimmedLocale;\n  });\n}\n\nexport function getLocalizedString(\n  value: string | LocalizedString | null | undefined,\n  site?: Site,\n): string {\n  // Handle null/undefined\n  if (value === null || value === undefined) return \"\";\n\n  // If it's already a string, return it\n  if (typeof value === \"string\") return value;\n\n  // Get the preferred locale from options or use default fallback\n  const preferredLocale = getBrowserPreferredLocales() || [\n    site?.default_locale || \"en\",\n  ];\n\n  // Try preferred locale\n  for (const locale of preferredLocale) {\n    if (locale in value && value[locale]) {\n      return value[locale];\n    }\n  }\n\n  // Try default locale\n  if (\n    site?.default_locale &&\n    site.default_locale in value &&\n    value[site.default_locale]\n  ) {\n    return value[site.default_locale];\n  }\n\n  // Try 'en' as fallback\n  if (\"en\" in value && value.en) {\n    return value.en;\n  }\n\n  // Try any supported locale\n  if (site?.supported_locales) {\n    for (const locale of site.supported_locales) {\n      if (locale in value && value[locale]) {\n        return value[locale];\n      }\n    }\n  }\n\n  // Return first available value as last resort\n  const keys = Object.keys(value);\n  if (keys.length > 0 && value[keys[0]]) {\n    return value[keys[0]];\n  }\n\n  return \"\";\n}\n\nexport function parseMarkdownToHTML(markdown: string): string {\n  // Parse markdown to HTML\n  const html = marked.parse(markdown, { async: false }) as string;\n\n  // Transform h1-h6 elements to divs with corresponding classes\n  return html\n    .replace(/<h1>/g, '<div class=\"h1\">')\n    .replace(/<\\/h1>/g, \"</div>\")\n    .replace(/<h2>/g, '<div class=\"h2\">')\n    .replace(/<\\/h2>/g, \"</div>\")\n    .replace(/<h3>/g, '<div class=\"h3\">')\n    .replace(/<\\/h3>/g, \"</div>\")\n    .replace(/<h4>/g, '<div class=\"h4\">')\n    .replace(/<\\/h4>/g, \"</div>\")\n    .replace(/<h5>/g, '<div class=\"h5\">')\n    .replace(/<\\/h5>/g, \"</div>\")\n    .replace(/<h6>/g, '<div class=\"h6\">')\n    .replace(/<\\/h6>/g, \"</div>\");\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@otl-core/next-footer",
-  "version": "1.1.19",
+  "version": "1.1.20",
   "type": "module",
   "description": "Reusable footer components for OTL CMS",
   "main": "./dist/index.js",
@@ -49,14 +49,14 @@
     "tailwind-merge": "^3.3.1"
   },
   "dependencies": {
-    "@otl-core/block-registry": "^1.1.19",
-    "@otl-core/cms-utils": "^1.1.19",
-    "@otl-core/style-utils": "^1.1.19"
+    "@otl-core/block-registry": "^1.1.20",
+    "@otl-core/cms-utils": "^1.1.20",
+    "@otl-core/style-utils": "^1.1.20"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
-    "@otl-core/cms-types": "^1.1.19",
-    "@otl-core/cms-utils": "^1.1.19",
+    "@otl-core/cms-types": "^1.1.20",
+    "@otl-core/cms-utils": "^1.1.20",
     "@radix-ui/react-focus-scope": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
     "@testing-library/jest-dom": "^6.9.1",