@snokam/footer 1.0.0

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Footer from "./components/Footer";
+declare const meta: Meta<typeof Footer>;
+export default meta;
+type Story = StoryObj<typeof Footer>;
+export declare const Light: Story;
+export declare const Dark: Story;
+export declare const WithWaveTransition: Story;
+//# sourceMappingURL=Footer.stories.d.ts.map

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

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

package/dist/v1/Footer.stories.js

@@ -0,0 +1,23 @@
+import { TransitionType } from "@snokam/ui/layout";
+import Footer from "./components/Footer";
+import { FooterTheme } from "./components/Footer/types";
+const meta = {
+    title: "Chrome/Footer",
+    component: Footer,
+    parameters: { layout: "fullscreen" },
+    args: { theme: FooterTheme.Light },
+    argTypes: {
+        theme: { control: "radio", options: Object.values(FooterTheme) },
+    },
+};
+export default meta;
+export const Light = {};
+export const Dark = {
+    args: { theme: FooterTheme.Dark },
+};
+export const WithWaveTransition = {
+    args: {
+        transitions: { top: { type: TransitionType.Wave, flipX: true } },
+    },
+};
+//# sourceMappingURL=Footer.stories.js.map

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

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

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

@@ -0,0 +1,5 @@
+import type { ColorSchemeMode } from "@snokam/ui/theme/admin";
+export declare function ThemeModeToggle({ onThemeSave, }: {
+    onThemeSave?: (_mode: ColorSchemeMode) => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ThemeModeToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeModeToggle.d.ts","sourceRoot":"","sources":["../../../../src/v1/components/Footer/ThemeModeToggle.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAmB9D,wBAAgB,eAAe,CAAC,EAC9B,WAAW,GACZ,EAAE;IACD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;CAChD,+BA+BA"}

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

@@ -0,0 +1,35 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DarkMode, LightMode, SettingsBrightness } from "@snokam/ui/icons";
+import { useAdminTheme } from "@snokam/ui/theme/admin";
+import { usePageContent } from "@snokam/sanity-page-content";
+import { Group, Option } from "./ThemeModeToggle.styled";
+import { useColorSchemePersistence } from "./useColorSchemePersistence";
+const MODES = ["light", "system", "dark"];
+const ICONS = {
+    light: LightMode,
+    system: SettingsBrightness,
+    dark: DarkMode,
+};
+const LABEL_KEYS = {
+    light: "footerThemeLight",
+    system: "footerThemeSystem",
+    dark: "footerThemeDark",
+};
+export function ThemeModeToggle({ onThemeSave, }) {
+    const { mode, setMode } = useAdminTheme();
+    const { getText } = usePageContent();
+    const defaultSave = useColorSchemePersistence();
+    const save = onThemeSave ?? defaultSave;
+    const change = (_, next) => {
+        if (!next || next === mode)
+            return;
+        setMode(next);
+        save(next);
+    };
+    return (_jsx(Group, { exclusive: true, value: mode, onChange: change, size: "small", "aria-label": getText("footerThemeToggleLabel"), children: MODES.map((m) => {
+            const Icon = ICONS[m];
+            return (_jsxs(Option, { value: m, children: [_jsx(Icon, { fontSize: "small" }), getText(LABEL_KEYS[m])] }, m));
+        }) }));
+}
+//# sourceMappingURL=ThemeModeToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeModeToggle.js","sourceRoot":"","sources":["../../../../src/v1/components/Footer/ThemeModeToggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAU,CAAC;AAEnD,MAAM,KAAK,GAA8C;IACvD,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,kBAAkB;IAC1B,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,MAAM,UAAU,GAAoC;IAClD,KAAK,EAAE,kBAAkB;IACzB,MAAM,EAAE,mBAAmB;IAC3B,IAAI,EAAE,iBAAiB;CACxB,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,EAC9B,WAAW,GAGZ;IACC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAC;IAC1C,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,WAAW,GAAG,yBAAyB,EAAE,CAAC;IAChD,MAAM,IAAI,GAAG,WAAW,IAAI,WAAW,CAAC;IAExC,MAAM,MAAM,GAAG,CAAC,CAAU,EAAE,IAA4B,EAAE,EAAE;QAC1D,IAAI,CAAC,IAAI,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO;QACnC,OAAO,CAAC,IAAI,CAAC,CAAC;QACd,IAAI,CAAC,IAAI,CAAC,CAAC;IACb,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IACJ,SAAS,QACT,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAC,OAAO,gBACA,OAAO,CAAC,wBAAwB,CAAC,YAE5C,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;YACf,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;YACtB,OAAO,CACL,MAAC,MAAM,IAAS,KAAK,EAAE,CAAC,aACtB,KAAC,IAAI,IAAC,QAAQ,EAAC,OAAO,GAAG,EACxB,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAFZ,CAAC,CAGL,CACV,CAAC;QACJ,CAAC,CAAC,GACI,CACT,CAAC;AACJ,CAAC"}

package/dist/v1/components/Footer/ThemeModeToggle.styled.d.ts

@@ -0,0 +1,7 @@
+export declare const Group: import("@emotion/styled").StyledComponent<import("@mui/material").ToggleButtonGroupProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const Option: import("@emotion/styled").StyledComponent<import("@mui/material").ToggleButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, keyof import("@mui/material").ToggleButtonOwnProps> & Omit<import("@mui/material").ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof import("@mui/material").ToggleButtonOwnProps> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "classes" | "onChange" | "children" | "className" | "tabIndex" | "color" | "onClick" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "type" | "disableFocusRipple" | "fullWidth" | "selected" | "size" | "value"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+//# sourceMappingURL=ThemeModeToggle.styled.d.ts.map

package/dist/v1/components/Footer/ThemeModeToggle.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeModeToggle.styled.d.ts","sourceRoot":"","sources":["../../../../src/v1/components/Footer/ThemeModeToggle.styled.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK;;UASjB,CAAC;AAEF,eAAO,MAAM,MAAM;;UAsClB,CAAC"}

package/dist/v1/components/Footer/ThemeModeToggle.styled.js

@@ -0,0 +1,53 @@
+"use client";
+import styled from "@emotion/styled";
+import { ToggleButton, ToggleButtonGroup } from "@snokam/ui";
+export const Group = styled(ToggleButtonGroup) `
+  gap: 0.4rem;
+  flex-wrap: wrap;
+
+  & .MuiToggleButtonGroup-grouped {
+    margin: 0;
+    border: 1px solid color-mix(in srgb, currentColor 28%, transparent);
+    border-radius: 999px;
+  }
+`;
+export const Option = styled(ToggleButton) `
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+  padding: 0.35rem 0.85rem;
+  color: inherit;
+  opacity: 0.62;
+  font-size: 0.78rem;
+  font-weight: 500;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: 0;
+  transition:
+    opacity 0.15s ease,
+    background-color 0.15s ease;
+
+  & svg {
+    font-size: 1.05rem;
+  }
+
+  &:hover {
+    opacity: 0.88;
+    background: color-mix(in srgb, currentColor 8%, transparent);
+  }
+
+  &.Mui-selected,
+  &.Mui-selected:hover {
+    opacity: 1;
+    color: inherit;
+  }
+
+  &.Mui-selected {
+    background: color-mix(in srgb, currentColor 14%, transparent);
+  }
+
+  &.Mui-selected:hover {
+    background: color-mix(in srgb, currentColor 20%, transparent);
+  }
+`;
+//# sourceMappingURL=ThemeModeToggle.styled.js.map

package/dist/v1/components/Footer/ThemeModeToggle.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeModeToggle.styled.js","sourceRoot":"","sources":["../../../../src/v1/components/Footer/ThemeModeToggle.styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE7D,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;;;;;;;;;CAS7C,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCzC,CAAC"}

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

@@ -0,0 +1,4 @@
+import { FooterProps } from "./types";
+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

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

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

@@ -0,0 +1,28 @@
+"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 { 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";
+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 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 }) })] }) }) }));
+};
+export default Footer;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/v1/components/Footer/index.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,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAe,WAAW,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAe,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,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;IACvC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IAEvC,MAAM,OAAO,GAAG,MAAM,CAAC,yBAAyB,IAAI,EAAE,CAAC;IACvD,MAAM,eAAe,GAAG,GAAG,MAAM,CAAC,2BAA2B,IAAI,EAAE,eAAe,CAAC;IACnF,MAAM,gBAAgB,GAAG,GAAG,MAAM,CAAC,2BAA2B,IAAI,EAAE,iBAAiB,CAAC;IAEtF,MAAM,OAAO,GACX,aAAa,KAAK,MAAM,IAAI,KAAK,KAAK,WAAW,CAAC,IAAI;QACpD,CAAC,CAAC,iBAAiB;QACnB,CAAC,CAAC,gBAAgB,CAAC;IAEvB,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,OAAO,CAAC,OAAO,CAAC,EAC7B,GAAG,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,aAAa,EAC3C,GAAG,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,EAC1B,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,GACV,EACF,KAAC,YAAY,IAAC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAI,EACjD,gBAAgB,IAAI,CACnB,MAAC,MAAM,CAAC,IAAI,IAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,eAAe,aACzC,OAAO,CAAC,4BAA4B,CAAC,EACtC,KAAC,YAAY,KAAG,IACJ,CACf,EACA,QAAQ,IAAI,CACX,MAAC,MAAM,CAAC,IAAI,IAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,aACjC,OAAO,CAAC,oBAAoB,CAAC,EAC9B,KAAC,YAAY,KAAG,IACJ,CACf,EACA,iBAAiB,IAAI,CACpB,MAAC,MAAM,CAAC,IAAI,IAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,aAC1C,OAAO,CAAC,6BAA6B,CAAC,EACvC,KAAC,YAAY,KAAG,IACJ,CACf,EACA,UAAU,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACzB,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,MAAM,CAAC"}

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

@@ -0,0 +1,16 @@
+declare const _default: {
+    Logo: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+    Link: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+    ToggleRow: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+};
+export default _default;
+//# sourceMappingURL=styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/v1/components/Footer/styled.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAuBA,wBAAyC"}

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

@@ -0,0 +1,20 @@
+"use client";
+import styled from "@emotion/styled";
+const Logo = styled.img `
+  margin-bottom: 2.5rem;
+  max-width: 100%;
+`;
+const Link = styled.a `
+  display: flex;
+  align-items: center;
+  padding: 0rem;
+  flex: 1;
+`;
+const ToggleRow = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  margin-top: 2.5rem;
+`;
+export default { Logo, Link, ToggleRow };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../src/v1/components/Footer/styled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGtB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAA;;;;;CAKpB,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK3B,CAAC;AAEF,eAAe,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,20 @@
+import { Transitions } from "@snokam/ui/layout";
+import type { ColorSchemeMode } from "@snokam/ui/theme/admin";
+export declare enum FooterTheme {
+    Light = "light",
+    Dark = "dark"
+}
+export interface FooterLink {
+    href: string;
+    text: string;
+}
+export interface FooterProps {
+    showMiljofyrtorn?: boolean;
+    showBlog?: boolean;
+    showPresentations?: boolean;
+    extraLinks?: FooterLink[];
+    theme?: FooterTheme;
+    transitions?: Transitions;
+    onThemeSave?: (_mode: ColorSchemeMode) => void;
+}
+//# sourceMappingURL=types.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+export var FooterTheme;
+(function (FooterTheme) {
+    FooterTheme["Light"] = "light";
+    FooterTheme["Dark"] = "dark";
+})(FooterTheme || (FooterTheme = {}));
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,3 @@
+import type { ColorSchemeMode } from "@snokam/ui/theme/admin";
+export declare function useColorSchemePersistence(): (colorScheme: ColorSchemeMode) => void;
+//# sourceMappingURL=useColorSchemePersistence.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useColorSchemePersistence.d.ts","sourceRoot":"","sources":["../../../../src/v1/components/Footer/useColorSchemePersistence.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,wBAAgB,yBAAyB,kBAkBvB,eAAe,UAShC"}

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

@@ -0,0 +1,24 @@
+"use client";
+import { useCallback, useMemo } from "react";
+import { Configuration, EmployeesClient } from "@snokam/employees-client";
+import { useAuth } from "@snokam/auth/app-router";
+import { useConfig } from "@snokam/config";
+export function useColorSchemePersistence() {
+    const { isAuthenticated, getToken, update } = useAuth();
+    const config = useConfig();
+    const client = useMemo(() => new EmployeesClient(new Configuration({
+        basePath: config.NEXT_PUBLIC_EMPLOYEES_API_BASE_URL,
+        ...(isAuthenticated && {
+            accessToken: () => getToken(),
+        }),
+    })), [isAuthenticated, getToken, config]);
+    return useCallback((colorScheme) => {
+        if (!isAuthenticated)
+            return;
+        client
+            .patchMeProtected({ patchEmployee: { settings: { colorScheme } } })
+            .then(() => update({ colorScheme }))
+            .catch(() => { });
+    }, [isAuthenticated, client, update]);
+}
+//# sourceMappingURL=useColorSchemePersistence.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useColorSchemePersistence.js","sourceRoot":"","sources":["../../../../src/v1/components/Footer/useColorSchemePersistence.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C,MAAM,UAAU,yBAAyB;IACvC,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,CAAC;IACxD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CACH,IAAI,eAAe,CACjB,IAAI,aAAa,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC,kCAAkC;QACnD,GAAG,CAAC,eAAe,IAAI;YACrB,WAAW,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE;SAC9B,CAAC;KACH,CAAC,CACH,EACH,CAAC,eAAe,EAAE,QAAQ,EAAE,MAAM,CAAC,CACpC,CAAC;IAEF,OAAO,WAAW,CAChB,CAAC,WAA4B,EAAE,EAAE;QAC/B,IAAI,CAAC,eAAe;YAAE,OAAO;QAC7B,MAAM;aACH,gBAAgB,CAAC,EAAE,aAAa,EAAE,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC;aAClE,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;aACnC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,eAAe,EAAE,MAAM,EAAE,MAAM,CAAC,CAClC,CAAC;AACJ,CAAC"}

package/dist/v1/index.d.ts

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

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

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

package/dist/v1/index.js

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

package/dist/v1/index.js.map

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

package/package.json

@@ -0,0 +1,71 @@
+{
+  "version": "1.0.0",
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^9.2.0",
+    "@mui/material": "^9.2.0",
+    "@portabletext/react": "^7.0.1",
+    "next-auth": "4.24.15",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "@snokam/auth": "2.2.22",
+    "@snokam/sanity-page-content": "1.17.1",
+    "@snokam/config": "1.0.0",
+    "@snokam/employees-client": "1.0.0",
+    "@snokam/ui": "1.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^26.1.1",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "eslint": "^10.7.0",
+    "typescript": "5.9.3",
+    "next": "16.2.11"
+  },
+  "name": "@snokam/footer",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./v1": {
+      "types": "./dist/v1/index.d.ts",
+      "default": "./dist/v1/index.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "./src/*"
+      ],
+      "v1": [
+        "./src/v1/index.tsx"
+      ],
+      "v1/*": [
+        "./src/v1/*"
+      ]
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "package.json",
+    "CHANGELOG.md",
+    "README.md"
+  ],
+  "peerDependencies": {
+    "next": ">=15"
+  },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json --noCheck",
+    "lint": "eslint ."
+  }
+}