@frontlit/page-builder 0.1.0-alpha.6 → 0.1.0-alpha.7

package/dist/{chunk-BWOGREWJ.js → chunk-LL6CG6KH.js}

@@ -1,5 +1,5 @@
 "use client";
-import { Button2, Button } from './chunk-OEQJQ4OA.js';
+import { Button2, Button } from './chunk-KRQWGGAJ.js';
 import { useState, useEffect } from 'react';
 import { Sun, Moon } from 'lucide-react';
 import { jsx } from 'react/jsx-runtime';
@@ -52,5 +52,5 @@ function ThemeModeSwitcher({
 }
 
 export { ThemeModeSwitcher };
-//# sourceMappingURL=chunk-BWOGREWJ.js.map
-//# sourceMappingURL=chunk-BWOGREWJ.js.map
+//# sourceMappingURL=chunk-LL6CG6KH.js.map
+//# sourceMappingURL=chunk-LL6CG6KH.js.map

package/dist/{chunk-BWOGREWJ.js.map → chunk-LL6CG6KH.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/theme-mode-switcher.tsx"],"names":["Button"],"mappings":";;;;;AAiBO,SAAS,iBAAA,CAAkB;AAAA,EAChC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAOG;AACD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,OAAA,GAAU,UAAU,QAAA,GAAW,OAAA;AACrC,EAAA,MAAM,IAAA,GAAO,OAAA,KAAY,MAAA,GAAS,OAAA,GAAU,MAAA;AAC5C,EAAA,MAAM,KAAA,GAAQ,IAAA,KAAS,MAAA,GAAS,qBAAA,GAAwB,sBAAA;AACxD,EAAA,MAAM,IAAA,GAAO,OAAA,KAAY,MAAA,GAAS,GAAA,GAAM,IAAA;AAExC,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBACE,GAAA;AAAA,MAACA,OAAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,SAAS,OAAA,IAAW,SAAA;AAAA,QACpB,MAAM,IAAA,IAAQ,IAAA;AAAA,QACd,KAAA;AAAA,QACA,KAAA,EAAO,KAAA;AAAA,QACP,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA;AAAA,QACA,OAAA,EAAS,QAAA;AAAA,QAET,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA,KAC5B;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAQ,SAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,KAAA,EAAO,KAAA;AAAA,MACP,YAAA,EAAY,KAAA;AAAA,MACZ,SAAA;AAAA,MACA,OAAA,EAAS,QAAA;AAAA,MAET,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA,GAC5B;AAEJ","file":"chunk-BWOGREWJ.js","sourcesContent":["\"use client\";\n\nimport React, { useEffect, useState } from \"react\";\nimport { Moon, Sun } from \"lucide-react\";\nimport { Button, type ButtonProps } from \"../primitives\";\nimport { Button as ChromeButton } from \"../primitives/components/ui/button\";\nimport type { ThemeStyle } from \"../models\";\nimport type { ResolvedColorMode } from \"../utils\";\n\n/**\n * Light / dark toggle. Public sites pass `theme` so the button uses\n * page-builder primitives; the builder chrome omits it and matches the\n * other icon buttons in the top bar.\n *\n * Preference starts as system (OS). The first click pins an explicit\n * light or dark side; later clicks flip between those two.\n */\nexport function ThemeModeSwitcher({\n  resolved,\n  onToggle,\n  theme,\n  className,\n  size,\n  variant,\n}: {\n  resolved: ResolvedColorMode;\n  onToggle: () => void;\n  theme?: ThemeStyle;\n  className?: string;\n  size?: ButtonProps[\"size\"];\n  variant?: ButtonProps[\"variant\"];\n}) {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n  const painted = mounted ? resolved : \"light\";\n  const next = painted === \"dark\" ? \"light\" : \"dark\";\n  const label = next === \"dark\" ? \"Switch to dark mode\" : \"Switch to light mode\";\n  const Icon = painted === \"dark\" ? Sun : Moon;\n\n  if (theme) {\n    return (\n      <Button\n        type=\"button\"\n        variant={variant ?? \"outline\"}\n        size={size ?? \"sm\"}\n        theme={theme}\n        title={label}\n        aria-label={label}\n        className={className}\n        onClick={onToggle}\n      >\n        <Icon className=\"h-4 w-4\" />\n      </Button>\n    );\n  }\n\n  return (\n    <ChromeButton\n      type=\"button\"\n      variant=\"outline\"\n      size=\"icon\"\n      title={label}\n      aria-label={label}\n      className={className}\n      onClick={onToggle}\n    >\n      <Icon className=\"h-4 w-4\" />\n    </ChromeButton>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/theme-mode-switcher.tsx"],"names":["Button"],"mappings":";;;;;AAiBO,SAAS,iBAAA,CAAkB;AAAA,EAChC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAOG;AACD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,IAAI,CAAA;AAAA,EACjB,CAAA,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,OAAA,GAAU,UAAU,QAAA,GAAW,OAAA;AACrC,EAAA,MAAM,IAAA,GAAO,OAAA,KAAY,MAAA,GAAS,OAAA,GAAU,MAAA;AAC5C,EAAA,MAAM,KAAA,GAAQ,IAAA,KAAS,MAAA,GAAS,qBAAA,GAAwB,sBAAA;AACxD,EAAA,MAAM,IAAA,GAAO,OAAA,KAAY,MAAA,GAAS,GAAA,GAAM,IAAA;AAExC,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBACE,GAAA;AAAA,MAACA,OAAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,SAAS,OAAA,IAAW,SAAA;AAAA,QACpB,MAAM,IAAA,IAAQ,IAAA;AAAA,QACd,KAAA;AAAA,QACA,KAAA,EAAO,KAAA;AAAA,QACP,YAAA,EAAY,KAAA;AAAA,QACZ,SAAA;AAAA,QACA,OAAA,EAAS,QAAA;AAAA,QAET,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA,KAC5B;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAQ,SAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,KAAA,EAAO,KAAA;AAAA,MACP,YAAA,EAAY,KAAA;AAAA,MACZ,SAAA;AAAA,MACA,OAAA,EAAS,QAAA;AAAA,MAET,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU;AAAA;AAAA,GAC5B;AAEJ","file":"chunk-LL6CG6KH.js","sourcesContent":["\"use client\";\n\nimport React, { useEffect, useState } from \"react\";\nimport { Moon, Sun } from \"lucide-react\";\nimport { Button, type ButtonProps } from \"../primitives\";\nimport { Button as ChromeButton } from \"../primitives/components/ui/button\";\nimport type { ThemeStyle } from \"../models\";\nimport type { ResolvedColorMode } from \"../utils\";\n\n/**\n * Light / dark toggle. Public sites pass `theme` so the button uses\n * page-builder primitives; the builder chrome omits it and matches the\n * other icon buttons in the top bar.\n *\n * Preference starts as system (OS). The first click pins an explicit\n * light or dark side; later clicks flip between those two.\n */\nexport function ThemeModeSwitcher({\n  resolved,\n  onToggle,\n  theme,\n  className,\n  size,\n  variant,\n}: {\n  resolved: ResolvedColorMode;\n  onToggle: () => void;\n  theme?: ThemeStyle;\n  className?: string;\n  size?: ButtonProps[\"size\"];\n  variant?: ButtonProps[\"variant\"];\n}) {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n  const painted = mounted ? resolved : \"light\";\n  const next = painted === \"dark\" ? \"light\" : \"dark\";\n  const label = next === \"dark\" ? \"Switch to dark mode\" : \"Switch to light mode\";\n  const Icon = painted === \"dark\" ? Sun : Moon;\n\n  if (theme) {\n    return (\n      <Button\n        type=\"button\"\n        variant={variant ?? \"outline\"}\n        size={size ?? \"sm\"}\n        theme={theme}\n        title={label}\n        aria-label={label}\n        className={className}\n        onClick={onToggle}\n      >\n        <Icon className=\"h-4 w-4\" />\n      </Button>\n    );\n  }\n\n  return (\n    <ChromeButton\n      type=\"button\"\n      variant=\"outline\"\n      size=\"icon\"\n      title={label}\n      aria-label={label}\n      className={className}\n      onClick={onToggle}\n    >\n      <Icon className=\"h-4 w-4\" />\n    </ChromeButton>\n  );\n}\n"]}

package/dist/{chunk-FZBLE44D.js → chunk-XQE4RVNO.js}

@@ -1,6 +1,6 @@
 "use client";
 import { NavLink, VideoWithPreview, TextRenderer, InlineEmbed } from './chunk-QMUIISN3.js';
-import { Button2, Section, cn, Image, Preheader, Display, Subheader1, CodeSnippet, Caption, PageCard, PageCardContent, Header2, Header1, Header4, Text2, Badge, PageCardHeader, Text1, Link, Header3, Drawer, Label, Switch2, Input } from './chunk-OEQJQ4OA.js';
+import { Button2, Section, cn, Image, Preheader, Display, Subheader1, CodeSnippet, Caption, PageCard, PageCardContent, Header2, Header1, Header4, Text2, Badge, PageCardHeader, Text1, Link, Header3, Drawer, Label, Switch2, Input } from './chunk-KRQWGGAJ.js';
 import { getMediaUrl, getMediaAlt } from './chunk-XU7ALPGQ.js';
 import clsx3 from 'clsx';
 import * as Icons from 'lucide-react';
@@ -3160,7 +3160,7 @@ function FooterWidget({
             tagline && /* @__PURE__ */ jsx(Text2, { theme: overriddenTheme, children: tagline })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "flex flex-col flex-wrap gap-8 lg:!flex-row", children: columns.map((column) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 lg:min-w-[140px]", children: [
-            /* @__PURE__ */ jsx(Header4, { theme: overriddenTheme, className: "text-sm", children: column.title }),
+            /* @__PURE__ */ jsx(Header4, { theme: overriddenTheme, as: "h2", className: "text-sm", children: column.title }),
             /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: column.links.map((link) => /* @__PURE__ */ jsx(NavLink, { href: link.href, className: "no-underline", children: /* @__PURE__ */ jsx(Link, { theme: overriddenTheme, className: "text-xs", children: link.label }) }, link.id)) })
           ] }, column.id)) })
         ] }),
@@ -4529,5 +4529,5 @@ var DataSlot = {
 };
 
 export { Banner, CodeSnippetBlock, Content, DataSlot, EmailForm2 as EmailForm, Embed, Faq, Featured, FieldGroup, Footer, Grid, Header, Hero, Marquee, MediaBlock, Pricing, RichText, SupportForm2 as SupportForm, TextField, TitleSizeField, ToggleField, generateUniqueId };
-//# sourceMappingURL=chunk-FZBLE44D.js.map
-//# sourceMappingURL=chunk-FZBLE44D.js.map
+//# sourceMappingURL=chunk-XQE4RVNO.js.map
+//# sourceMappingURL=chunk-XQE4RVNO.js.map