@snokam/footer 2.0.0 → 2.1.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.1.0](https://github.com/snokam/monorepo/compare/@snokam/footer@2.0.1...@snokam/footer@2.1.0) (2026-08-18)
+
+### Features
+
+- **navbar,footer:** split the markup from the wiring ([#2358](https://github.com/snokam/monorepo/issues/2358)) ([084865a](https://github.com/snokam/monorepo/commit/084865ae9b41e00cee07c3829f645b789c50ee97))
+
+## [2.0.1](https://github.com/snokam/monorepo/compare/@snokam/footer@2.0.0...@snokam/footer@2.0.1) (2026-08-18)
+
+### Bug Fixes
+
+- **navbar,footer:** add the root entry both packages advertise ([#2357](https://github.com/snokam/monorepo/issues/2357)) ([8f64dd3](https://github.com/snokam/monorepo/commit/8f64dd3242794f40afae308deaaec7feb7282fa1))
+
 # 2.0.0 (2026-08-18)
 
 ### Bug Fixes

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./v1";
+export { default } from "./v1";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from "./v1";
+export { default } from "./v1";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC"}

package/dist/v1/Footer.stories.d.ts

@@ -1,8 +1,13 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import Footer from "./components/Footer";
-declare const meta: Meta<typeof Footer>;
+import { FooterBase } from "./components/Footer/base";
+/**
+ * These render `FooterBase`. The wired `Footer` reads its logo, body copy and link targets from
+ * the CMS and the tenant config, which Storybook has neither of — `useConfig` throws outright
+ * without a provider. The base takes them as props.
+ */
+declare const meta: Meta<typeof FooterBase>;
 export default meta;
-type Story = StoryObj<typeof Footer>;
+type Story = StoryObj<typeof FooterBase>;
 export declare const Light: Story;
 export declare const Dark: Story;
 export declare const WithWaveTransition: Story;

package/dist/v1/Footer.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.stories.d.ts","sourceRoot":"","sources":["../../src/v1/Footer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAGzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAQ7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,KAAK,EAAE,KAAU,CAAC;AAE/B,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAIhC,CAAC"}
+{"version":3,"file":"Footer.stories.d.ts","sourceRoot":"","sources":["../../src/v1/Footer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAGtD;;;;GAIG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAgBjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,KAAK,EAAE,KAAU,CAAC;AAE/B,eAAO,MAAM,IAAI,EAAE,KAElB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAIhC,CAAC"}

package/dist/v1/Footer.stories.js

@@ -1,11 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { TransitionType } from "@snokam/ui/layout";
-import Footer from "./components/Footer";
+import { FooterBase } from "./components/Footer/base";
 import { FooterTheme } from "./components/Footer/types";
+/**
+ * These render `FooterBase`. The wired `Footer` reads its logo, body copy and link targets from
+ * the CMS and the tenant config, which Storybook has neither of — `useConfig` throws outright
+ * without a provider. The base takes them as props.
+ */
 const meta = {
     title: "Chrome/Footer",
-    component: Footer,
+    component: FooterBase,
     parameters: { layout: "fullscreen" },
-    args: { theme: FooterTheme.Light },
+    args: {
+        theme: FooterTheme.Light,
+        logo: { url: "/snokam-logo.svg", alt: "Snøkam" },
+        content: _jsx("p", { children: "Sn\u00F8kam AS \u00B7 Postboks 123 \u00B7 0150 Oslo" }),
+        links: [
+            { href: "https://snokam.no/miljofyrtorn", text: "Miljøfyrtårn" },
+            { href: "https://blogg.snokam.no", text: "Blogg" },
+        ],
+    },
     argTypes: {
         theme: { control: "radio", options: Object.values(FooterTheme) },
     },
@@ -13,7 +27,7 @@ const meta = {
 export default meta;
 export const Light = {};
 export const Dark = {
-    args: { theme: FooterTheme.Dark },
+    args: { theme: FooterTheme.Dark, logo: { url: "/snokam-logo-white.svg", alt: "Snøkam" } },
 };
 export const WithWaveTransition = {
     args: {

package/dist/v1/Footer.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.stories.js","sourceRoot":"","sources":["../../src/v1/Footer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE;IACpC,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE;IAClC,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE;KACjE;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,CAAC;AAE/B,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,IAAI,EAAE;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;KACjE;CACF,CAAC"}
+{"version":3,"file":"Footer.stories.js","sourceRoot":"","sources":["../../src/v1/Footer.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD;;;;GAIG;AACH,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE;IACpC,IAAI,EAAE;QACJ,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,IAAI,EAAE,EAAE,GAAG,EAAE,kBAAkB,EAAE,GAAG,EAAE,QAAQ,EAAE;QAChD,OAAO,EAAE,8EAA2C;QACpD,KAAK,EAAE;YACL,EAAE,IAAI,EAAE,gCAAgC,EAAE,IAAI,EAAE,cAAc,EAAE;YAChE,EAAE,IAAI,EAAE,yBAAyB,EAAE,IAAI,EAAE,OAAO,EAAE;SACnD;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE;KACjE;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,CAAC;AAE/B,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE,wBAAwB,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE;CAC1F,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE;QACJ,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,IAAI,EAAE,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE;KACjE;CACF,CAAC"}

package/dist/v1/components/Footer/base.d.ts

@@ -0,0 +1,11 @@
+import { FooterBaseProps } from "./types";
+/**
+ * The footer as markup: the logo, the body copy and every link arrive as props.
+ *
+ * `Footer` is this component with the CMS and the tenant config read for you. Use that one inside
+ * a Snøkam app; use this one where those do not exist, such as a Storybook story or an app outside
+ * the platform, where the wired version would throw on `useConfig`.
+ */
+export declare const FooterBase: ({ theme, logo, content, links, transitions, onThemeSave, }: FooterBaseProps) => import("react").JSX.Element;
+export default FooterBase;
+//# sourceMappingURL=base.d.ts.map

package/dist/v1/components/Footer/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../src/v1/components/Footer/base.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAe,MAAM,SAAS,CAAC;AAIvD;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,GAAI,4DAOxB,eAAe,gCAqCjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/v1/components/Footer/base.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRight } from "@snokam/ui/icons";
+import Styled from "./styled";
+import { useFramework } from "@snokam/ui/framework";
+import { Layout } from "@snokam/ui";
+import { PortableText } from "@portabletext/react";
+import { FooterTheme } from "./types";
+import { Padding } from "@snokam/ui/layout";
+import { ThemeModeToggle } from "./ThemeModeToggle";
+/**
+ * The footer as markup: the logo, the body copy and every link arrive as props.
+ *
+ * `Footer` is this component with the CMS and the tenant config read for you. Use that one inside
+ * a Snøkam app; use this one where those do not exist, such as a Storybook story or an app outside
+ * the platform, where the wired version would throw on `useConfig`.
+ */
+export const FooterBase = ({ theme = FooterTheme.Dark, logo, content, links = [], transitions, onThemeSave, }) => {
+    const { Link, Image } = useFramework();
+    return (_jsx(Layout.Container, { as: "footer", theme: theme, transitions: transitions, children: _jsx(Layout.Content, { children: _jsxs(Layout.Section, { padding: Padding.Large, children: [_jsx(Styled.Logo, { as: Image, "data-sanity": logo.sanityAttr, alt: logo.alt || "Snøkam logo", src: logo.url, width: 236, height: 46 }), Array.isArray(content) ? (_jsx(PortableText, { value: content })) : (content), links.map((link) => (_jsxs(Styled.Link, { as: Link, href: link.href, children: [link.text, _jsx(ChevronRight, {})] }, link.href))), _jsx(Styled.ToggleRow, { id: "tema", children: _jsx(ThemeModeToggle, { onThemeSave: onThemeSave }) })] }) }) }));
+};
+export default FooterBase;
+//# sourceMappingURL=base.js.map

package/dist/v1/components/Footer/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../../src/v1/components/Footer/base.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAmB,WAAW,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAe,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,GAAG,WAAW,CAAC,IAAI,EACxB,IAAI,EACJ,OAAO,EACP,KAAK,GAAG,EAAE,EACV,WAAW,EACX,WAAW,GACK,EAAE,EAAE;IACpB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IAEvC,OAAO,CACL,KAAC,MAAM,CAAC,SAAS,IACf,EAAE,EAAC,QAAQ,EACX,KAAK,EAAE,KAA+B,EACtC,WAAW,EAAE,WAAW,YAExB,KAAC,MAAM,CAAC,OAAO,cACb,MAAC,MAAM,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,CAAC,KAAK,aACpC,KAAC,MAAM,CAAC,IAAI,IACV,EAAE,EAAE,KAAK,iBACI,IAAI,CAAC,UAAU,EAC5B,GAAG,EAAE,IAAI,CAAC,GAAG,IAAI,aAAa,EAC9B,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,GACV,EACD,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CACxB,KAAC,YAAY,IAAC,KAAK,EAAE,OAAO,GAAI,CACjC,CAAC,CAAC,CAAC,CACF,OAAO,CACR,EACA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,MAAC,MAAM,CAAC,IAAI,IAAC,EAAE,EAAE,IAAI,EAAkB,IAAI,EAAE,IAAI,CAAC,IAAI,aACnD,IAAI,CAAC,IAAI,EACV,KAAC,YAAY,KAAG,KAFU,IAAI,CAAC,IAAI,CAGvB,CACf,CAAC,EACF,KAAC,MAAM,CAAC,SAAS,IAAC,EAAE,EAAC,MAAM,YACzB,KAAC,eAAe,IAAC,WAAW,EAAE,WAAW,GAAI,GAC5B,IACJ,GACF,GACA,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/v1/components/Footer/index.d.ts

@@ -1,4 +1,8 @@
 import { FooterProps } from "./types";
+/**
+ * The footer, wired to the app it lives in: logo and copy from the CMS, link targets from the
+ * tenant config. {@link FooterBase} is the same footer with those passed in as props.
+ */
 export declare const Footer: ({ theme, showMiljofyrtorn, showBlog, showPresentations, extraLinks, transitions, onThemeSave, }: FooterProps) => import("react").JSX.Element;
 export default Footer;
 //# sourceMappingURL=index.d.ts.map

package/dist/v1/components/Footer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v1/components/Footer/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,WAAW,EAAe,MAAM,SAAS,CAAC;AAInD,eAAO,MAAM,MAAM,GAAI,iGAQpB,WAAW,gCA+Db,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/v1/components/Footer/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAc,WAAW,EAAe,MAAM,SAAS,CAAC;AAG/D;;;GAGG;AACH,eAAO,MAAM,MAAM,GAAI,iGAQpB,WAAW,gCAkDb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/v1/components/Footer/index.js

@@ -1,28 +1,51 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronRight } from "@snokam/ui/icons";
-import Styled from "./styled";
-import { useFramework } from "@snokam/ui/framework";
-import { Layout } from "@snokam/ui";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useColorScheme } from "@snokam/ui/theme/admin";
 import { usePageContent } from "@snokam/sanity-page-content";
-import { PortableText } from "@portabletext/react";
 import { useConfig } from "@snokam/config";
 import { FooterTheme } from "./types";
-import { Padding } from "@snokam/ui/layout";
-import { ThemeModeToggle } from "./ThemeModeToggle";
+import { FooterBase } from "./base";
+/**
+ * The footer, wired to the app it lives in: logo and copy from the CMS, link targets from the
+ * tenant config. {@link FooterBase} is the same footer with those passed in as props.
+ */
 export const Footer = ({ theme = FooterTheme.Dark, showMiljofyrtorn = true, showBlog = true, showPresentations = false, extraLinks, transitions, onThemeSave, }) => {
     const { getImage, getText, getAttr, getBlock } = usePageContent();
     const config = useConfig();
     const resolvedTheme = useColorScheme();
-    const { Link, Image } = useFramework();
-    const blogUrl = config.NEXT_PUBLIC_BLOG_BASE_URL ?? "";
-    const miljofyrtornUrl = `${config.NEXT_PUBLIC_SNOKAM_BASE_URL ?? ""}/miljofyrtorn`;
-    const presentationsUrl = `${config.NEXT_PUBLIC_SNOKAM_BASE_URL ?? ""}/presentasjoner`;
+    const snokamUrl = config.NEXT_PUBLIC_SNOKAM_BASE_URL ?? "";
     const logoKey = resolvedTheme === "dark" || theme === FooterTheme.Dark
         ? "footerWhiteLogo"
         : "footerBlueLogo";
-    return (_jsx(Layout.Container, { as: "footer", theme: theme, transitions: transitions, children: _jsx(Layout.Content, { children: _jsxs(Layout.Section, { padding: Padding.Large, children: [_jsx(Styled.Logo, { as: Image, "data-sanity": getAttr(logoKey), alt: getImage(logoKey).alt || "Snøkam logo", src: getImage(logoKey).url, width: 236, height: 46 }), _jsx(PortableText, { value: getBlock("footerContent") }), showMiljofyrtorn && (_jsxs(Styled.Link, { as: Link, href: miljofyrtornUrl, children: [getText("footerMiljofyrtornLinkText"), _jsx(ChevronRight, {})] })), showBlog && (_jsxs(Styled.Link, { as: Link, href: blogUrl, children: [getText("footerBlogLinkText"), _jsx(ChevronRight, {})] })), showPresentations && (_jsxs(Styled.Link, { as: Link, href: presentationsUrl, children: [getText("footerPresentationsLinkText"), _jsx(ChevronRight, {})] })), extraLinks?.map((link) => (_jsxs(Styled.Link, { as: Link, href: link.href, children: [link.text, _jsx(ChevronRight, {})] }, link.href))), _jsx(Styled.ToggleRow, { id: "tema", children: _jsx(ThemeModeToggle, { onThemeSave: onThemeSave }) })] }) }) }));
+    const logo = getImage(logoKey);
+    const links = [
+        ...(showMiljofyrtorn
+            ? [
+                {
+                    href: `${snokamUrl}/miljofyrtorn`,
+                    text: getText("footerMiljofyrtornLinkText"),
+                },
+            ]
+            : []),
+        ...(showBlog
+            ? [
+                {
+                    href: config.NEXT_PUBLIC_BLOG_BASE_URL ?? "",
+                    text: getText("footerBlogLinkText"),
+                },
+            ]
+            : []),
+        ...(showPresentations
+            ? [
+                {
+                    href: `${snokamUrl}/presentasjoner`,
+                    text: getText("footerPresentationsLinkText"),
+                },
+            ]
+            : []),
+        ...(extraLinks ?? []),
+    ];
+    return (_jsx(FooterBase, { theme: theme, logo: { url: logo.url, alt: logo.alt, sanityAttr: getAttr(logoKey) }, content: getBlock("footerContent"), links: links, transitions: transitions, onThemeSave: onThemeSave }));
 };
 export default Footer;
 //# sourceMappingURL=index.js.map

package/dist/v1/components/Footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/v1/components/Footer/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/v1/components/Footer/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAA2B,WAAW,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,KAAK,GAAG,WAAW,CAAC,IAAI,EACxB,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,IAAI,EACf,iBAAiB,GAAG,KAAK,EACzB,UAAU,EACV,WAAW,EACX,WAAW,GACC,EAAE,EAAE;IAChB,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAClE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,aAAa,GAAG,cAAc,EAAE,CAAC;IAEvC,MAAM,SAAS,GAAG,MAAM,CAAC,2BAA2B,IAAI,EAAE,CAAC;IAC3D,MAAM,OAAO,GACX,aAAa,KAAK,MAAM,IAAI,KAAK,KAAK,WAAW,CAAC,IAAI;QACpD,CAAC,CAAC,iBAAiB;QACnB,CAAC,CAAC,gBAAgB,CAAC;IACvB,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE/B,MAAM,KAAK,GAAiB;QAC1B,GAAG,CAAC,gBAAgB;YAClB,CAAC,CAAC;gBACE;oBACE,IAAI,EAAE,GAAG,SAAS,eAAe;oBACjC,IAAI,EAAE,OAAO,CAAC,4BAA4B,CAAC;iBAC5C;aACF;YACH,CAAC,CAAC,EAAE,CAAC;QACP,GAAG,CAAC,QAAQ;YACV,CAAC,CAAC;gBACE;oBACE,IAAI,EAAE,MAAM,CAAC,yBAAyB,IAAI,EAAE;oBAC5C,IAAI,EAAE,OAAO,CAAC,oBAAoB,CAAC;iBACpC;aACF;YACH,CAAC,CAAC,EAAE,CAAC;QACP,GAAG,CAAC,iBAAiB;YACnB,CAAC,CAAC;gBACE;oBACE,IAAI,EAAE,GAAG,SAAS,iBAAiB;oBACnC,IAAI,EAAE,OAAO,CAAC,6BAA6B,CAAC;iBAC7C;aACF;YACH,CAAC,CAAC,EAAE,CAAC;QACP,GAAG,CAAC,UAAU,IAAI,EAAE,CAAC;KACtB,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,UAAU,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,EACpE,OAAO,EAAE,QAAQ,CAAC,eAAe,CAAC,EAClC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/v1/components/Footer/types.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from "react";
 import { Transitions } from "@snokam/ui/layout";
 import type { ColorSchemeMode } from "@snokam/ui/theme/admin";
 export declare enum FooterTheme {
@@ -8,6 +9,23 @@ export interface FooterLink {
     href: string;
     text: string;
 }
+export interface FooterLogo {
+    url: string;
+    alt?: string;
+    sanityAttr?: string;
+}
+/**
+ * Everything {@link FooterBase} draws. The wired `Footer` fills these in from the CMS and the
+ * tenant config; supply them yourself when neither exists.
+ */
+export interface FooterBaseProps {
+    logo: FooterLogo;
+    content?: ReactNode | unknown[];
+    links?: FooterLink[];
+    theme?: FooterTheme;
+    transitions?: Transitions;
+    onThemeSave?: (_mode: ColorSchemeMode) => void;
+}
 export interface FooterProps {
     showMiljofyrtorn?: boolean;
     showBlog?: boolean;

package/dist/v1/components/Footer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/v1/components/Footer/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,oBAAY,WAAW;IACrB,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CAChD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/v1/components/Footer/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,oBAAY,WAAW;IACrB,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CAChD;AAED,MAAM,WAAW,WAAW;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CAChD"}

package/dist/v1/components/Footer/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/v1/components/Footer/types.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,8BAAe,CAAA;IACf,4BAAa,CAAA;AACf,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/v1/components/Footer/types.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,8BAAe,CAAA;IACf,4BAAa,CAAA;AACf,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB"}

package/dist/v1/index.d.ts

@@ -1,5 +1,6 @@
 import { Footer } from "./components/Footer";
+export { FooterBase } from "./components/Footer/base";
 export { FooterTheme } from "./components/Footer/types";
-export type { FooterProps, FooterLink } from "./components/Footer/types";
+export type { FooterProps, FooterBaseProps, FooterLink, FooterLogo, } from "./components/Footer/types";
 export default Footer;
 //# sourceMappingURL=index.d.ts.map

package/dist/v1/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/v1/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACzE,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/v1/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,YAAY,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,GACX,MAAM,2BAA2B,CAAC;AACnC,eAAe,MAAM,CAAC"}

package/dist/v1/index.js

@@ -1,4 +1,5 @@
 import { Footer } from "./components/Footer";
+export { FooterBase } from "./components/Footer/base";
 export { FooterTheme } from "./components/Footer/types";
 export default Footer;
 //# sourceMappingURL=index.js.map

package/dist/v1/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/v1/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/v1/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAOxD,eAAe,MAAM,CAAC"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0",
+  "version": "2.1.0",
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",