@statsbygg/layout 0.0.7 → 0.0.8

package/dist/components/Breadcrumbs/Breadcrumbs.module.css

@@ -0,0 +1,22 @@
+.breadcrumbs {
+  --dsc-breadcrumbs-color: var(--ds-color-text-default);
+  padding: 2.5rem 0 0 0;
+}
+
+.link {
+  text-decoration: underline;
+  text-underline-offset: 2px;
+  color: var(--ds-color-text-default);
+}
+
+.link:hover 
+.link:visited{
+  color: var(--ds-color-text-default);
+}
+
+.currentLink {
+  text-decoration: none;
+  font-weight: 500;
+  pointer-events: none;
+  color: var(--ds-color-text-default);
+}

package/dist/components/GlobalFooter/GlobalFooter.module.css

@@ -0,0 +1,28 @@
+.footer {
+  background-color: var(--ds-color-neutral-surface-subtle);
+  border-top: 1px solid var(--ds-color-neutral-border-subtle);
+  margin-top: auto;
+}
+
+.container {
+  max-width: 1440px;
+  margin: 0 auto;
+  padding: var(--ds-spacing-6) var(--ds-spacing-4);
+}
+
+.content {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--ds-spacing-4);
+  flex-wrap: wrap;
+}
+
+@media (max-width: 768px) {
+  .content {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+
+}

package/dist/components/GlobalHeader/GlobalHeader.module.css

@@ -0,0 +1,70 @@
+.header {
+  background-color: var(--ds-color-accent-surface-tinted);
+  border-bottom: 1px solid var(--ds-color-neutral-border-subtle);
+  position: sticky;
+  top: 0;
+  z-index: 100;
+}
+
+.headerContainer {
+  max-width: 90rem;
+  margin: 0 auto;
+  padding: 0 var(--ds-size-30);
+}
+
+.topBarContainer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1.25rem 0;
+}
+
+.logo {
+  margin: 0;
+  color: var(--ds-color-neutral-text-default);
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  min-height: inherit;
+}
+
+.actionsContainer {
+  display: flex;
+  align-items: stretch;
+  gap: var(--ds-size-9);
+  min-height: inherit;
+}
+
+.searchInput {
+  min-width: 12.5rem;
+  display: flex;
+  align-items: center;
+}
+
+@media (max-width: 768px) {
+  .container {
+    padding: 0 var(--ds-spacing-4);
+  }
+
+  .topBar {
+    flex-wrap: wrap;
+    padding: var(--ds-spacing-4) 0;
+  }
+
+  .actions {
+    order: 3;
+    width: 100%;
+    flex-direction: column;
+    gap: var(--ds-spacing-3);
+  }
+
+  .searchInput {
+    width: 100%;
+    min-width: auto;
+  }
+
+  .menuButton {
+    width: 100%;
+    justify-content: center;
+  }
+}

package/dist/components/MenuButton/MenuButton.module.css

@@ -0,0 +1,41 @@
+.userInfo {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ds-spacing-1);
+  padding: var(--ds-spacing-2) var(--ds-spacing-3);
+}
+
+.userName {
+  font-size: var(--ds-font-size-sm);
+  font-weight: var(--ds-font-weight-medium);
+  color: var(--ds-color-neutral-text-default);
+}
+
+.userEmail {
+  font-size: var(--ds-font-size-xs);
+  color: var(--ds-color-neutral-text-subtle);
+}
+
+.menuButton {
+  background-color: var(--ds-color-neutral-base-default);
+}
+
+.devContainer {
+  display: flex;
+  gap: var(--ds-spacing-4);
+  padding: var(--ds-spacing-2);
+}
+
+.zoneSection {
+  flex: 1;
+  min-width: 12rem;
+}
+
+.zoneTitle {
+  font-weight: 600;
+  padding: var(--ds-spacing-2);
+  color: var(--ds-color-neutral-text-default);
+  border-bottom: 1px solid var(--ds-color-neutral-border-subtle);
+  margin-bottom: var(--ds-spacing-2);
+  text-transform: capitalize;
+}

package/dist/components/RootLayout/RootLayout.module.css

@@ -0,0 +1,9 @@
+.root {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+.main {
+  flex: 1;
+}

package/dist/index.js

@@ -1,10 +1,8 @@
 "use strict";
 "use client";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -18,375 +16,15 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  RootLayout: () => RootLayout,
-  useGlobalStore: () => useGlobalStore
+  RootLayout: () => import_RootLayout.RootLayout,
+  useGlobalStore: () => import_globalState.useGlobalStore
 });
 module.exports = __toCommonJS(index_exports);
-
-// src/components/RootLayout/RootLayout.tsx
-var import_react2 = require("react");
-var import_clsx4 = __toESM(require("clsx"));
-
-// src/components/GlobalHeader/GlobalHeader.tsx
-var import_react = require("react");
-var import_designsystemet_react3 = require("@digdir/designsystemet-react");
-var import_clsx2 = __toESM(require("clsx"));
-
-// src/components/Breadcrumbs/Breadcrumbs.tsx
-var import_navigation = require("next/navigation");
-var import_designsystemet_react = require("@digdir/designsystemet-react");
-var import_clsx = __toESM(require("clsx"));
-
-// src/components/Breadcrumbs/Breadcrumbs.module.css
-var Breadcrumbs_default = {
-  breadcrumbs: "Breadcrumbs_breadcrumbs",
-  link: "Breadcrumbs_link",
-  currentLink: "Breadcrumbs_currentLink"
-};
-
-// src/routes.ts
-var ZONE_TREES_INPUT = {
-  sbno: {
-    segment: "",
-    // primary root route, no breadcrumb
-    label: "Hjem",
-    children: [
-      { segment: "nyheter", label: "Nyheter" }
-    ]
-  },
-  lokaler: {
-    segment: "lokaler",
-    label: "Statens eide og leide lokaler",
-    children: [
-      {
-        segment: "lokalbruk",
-        label: "Lokalbruk"
-      },
-      { segment: "veiledning", label: "Veiledning" },
-      { segment: "statlige-eiendommer", label: "Statlige eiendommer" },
-      { segment: "ledig-for-fremleie", label: "Ledig for fremleie" },
-      { segment: "statistikk", label: "Statistikk" }
-    ]
-  }
-};
-var ROUTES_INDEX = {};
-var PARENT_INDEX = /* @__PURE__ */ new Map();
-var ZONE_TREES = {};
-function isSegmentNode(n) {
-  return n.segment !== void 0 && n.path === void 0;
-}
-function isPathNode(n) {
-  return n.path !== void 0;
-}
-function joinPath(base, seg) {
-  if (!base) return seg ? `/${seg}` : "/";
-  return seg ? `${base.replace(/\/+$/, "")}/${seg.replace(/^\/+/, "")}` : base || "/";
-}
-function normalizeToAbsolute(node, base = "") {
-  var _a;
-  const path = isSegmentNode(node) ? joinPath(base, node.segment) : isPathNode(node) ? node.path === "" ? "/" : node.path : "/";
-  const children = ((_a = node.children) != null ? _a : []).map((c) => normalizeToAbsolute(c, path));
-  return { path, label: node.label, children: children.length ? children : void 0 };
-}
-(function buildAll() {
-  Object.keys(ZONE_TREES_INPUT).forEach((zone) => {
-    ZONE_TREES[zone] = normalizeToAbsolute(ZONE_TREES_INPUT[zone]);
-  });
-  function walk(zone, node, parentKey) {
-    var _a;
-    const def = { zone, path: node.path, label: node.label };
-    const key = `${zone}:${node.path}`;
-    ROUTES_INDEX[zone].push(def);
-    PARENT_INDEX.set(key, parentKey);
-    for (const child of (_a = node.children) != null ? _a : []) {
-      walk(zone, child, key);
-    }
-  }
-  Object.keys(ZONE_TREES).forEach((zone) => {
-    ROUTES_INDEX[zone] = [];
-    walk(zone, ZONE_TREES[zone], null);
-  });
-})();
-function findBestMatch(zone, pathname) {
-  var _a;
-  const list = (_a = ROUTES_INDEX[zone]) != null ? _a : [];
-  let best;
-  for (const r of list) {
-    if (pathname === r.path) {
-      best = r;
-      break;
-    }
-    if (pathname.startsWith(r.path.endsWith("/") ? r.path : r.path + "/")) {
-      if (!best || r.path.length > best.path.length) best = r;
-    }
-  }
-  return best != null ? best : list.find((r) => {
-    var _a2;
-    return r.path === ((_a2 = ZONE_TREES[zone]) == null ? void 0 : _a2.path);
-  });
-}
-function getZoneMenuRoutes(zone) {
-  var _a;
-  const root = ZONE_TREES[zone];
-  const children = (_a = root == null ? void 0 : root.children) != null ? _a : [];
-  return children.map((c) => ({ zone, path: c.path, label: c.label }));
-}
-function getAllZones() {
-  return Object.keys(ZONE_TREES);
-}
-function getZoneRoot(zone) {
-  var _a;
-  return ((_a = ZONE_TREES[zone]) == null ? void 0 : _a.path) || "/";
-}
-function labelFromSlug(slug) {
-  try {
-    const s = decodeURIComponent(slug).replace(/[-_]+/g, " ").trim();
-    return s ? s.charAt(0).toUpperCase() + s.slice(1) : slug;
-  } catch (e) {
-    return slug;
-  }
-}
-function getBreadcrumbs(zone, pathname) {
-  var _a, _b;
-  const normalizedPathname = pathname === "/" ? pathname : pathname.replace(/\/+$/, "");
-  if (zone === "sbno" && normalizedPathname === "/") return [];
-  const match = findBestMatch(zone, normalizedPathname);
-  if (!match) return [];
-  const chain = [];
-  let key = `${zone}:${match.path}`;
-  while (key) {
-    const parentKey = PARENT_INDEX.get(key);
-    const [z, p] = key.split(":");
-    const def = ((_a = ROUTES_INDEX[z]) != null ? _a : []).find((r) => r.path === p);
-    if (def) chain.unshift(def);
-    key = parentKey != null ? parentKey : void 0;
-  }
-  const homeRoute = ((_b = ROUTES_INDEX.sbno) != null ? _b : []).find((r) => r.path === "/");
-  if (homeRoute && !(chain.length === 1 && chain[0].zone === "sbno" && chain[0].path === "/") && (chain.length === 0 || chain[0].path !== homeRoute.path)) {
-    chain.unshift(homeRoute);
-  }
-  const last = chain[chain.length - 1];
-  if (last && normalizedPathname !== last.path && normalizedPathname.startsWith(last.path.endsWith("/") ? last.path : last.path + "/")) {
-    const segments = normalizedPathname.split("/").filter(Boolean);
-    const tail = segments[segments.length - 1];
-    chain.push({ zone, path: normalizedPathname, label: labelFromSlug(tail) });
-  }
-  return chain.map((r) => ({ label: r.label, href: r.path }));
-}
-function transformHrefForZone(targetPath, currentZone, options) {
-  const { isDev, prodUrl } = options;
-  const targetZone = getZoneFromPathname(targetPath);
-  const isCrossZone = targetZone !== currentZone;
-  if (isCrossZone && isDev && prodUrl) {
-    return `${prodUrl}${targetPath}`;
-  }
-  const currentZoneRoot = getZoneRoot(currentZone);
-  if (!isCrossZone && isDev && currentZoneRoot !== "/") {
-    return targetPath.replace(currentZoneRoot, "") || "/";
-  }
-  return targetPath;
-}
-function getZoneFromPathname(pathname) {
-  if (pathname.startsWith("/lokaler")) return "lokaler";
-  return "sbno";
-}
-
-// src/components/Breadcrumbs/Breadcrumbs.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function SbBreadcrumbs({ className, zone }) {
-  const pathname = (0, import_navigation.usePathname)();
-  const isDev = process.env.NODE_ENV === "development";
-  const prodUrl = "https://www.statsbygg.no";
-  const zoneRoot = getZoneRoot(zone);
-  const fullPath = isDev && zoneRoot !== "/" && !pathname.startsWith(zoneRoot) ? `${zoneRoot}${pathname}` : pathname;
-  const breadcrumbs = getBreadcrumbs(zone, fullPath);
-  if (breadcrumbs.length <= 1) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_designsystemet_react.Breadcrumbs, { "aria-label": "Du er her:", className: (0, import_clsx.default)(Breadcrumbs_default.breadcrumbs, className), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_designsystemet_react.Breadcrumbs.List, { children: breadcrumbs.map((crumb, index) => {
-    const isLast = index === breadcrumbs.length - 1;
-    const href = transformHrefForZone(crumb.href, zone, { isDev, prodUrl });
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_designsystemet_react.Breadcrumbs.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_designsystemet_react.Breadcrumbs.Link,
-      {
-        href,
-        "aria-current": isLast ? "page" : void 0,
-        className: isLast ? Breadcrumbs_default.currentLink : Breadcrumbs_default.link,
-        children: crumb.label
-      }
-    ) }, crumb.href);
-  }) }) });
-}
-
-// src/components/MenuButton/MenuButton.tsx
-var import_link = __toESM(require("next/link"));
-var import_designsystemet_react2 = require("@digdir/designsystemet-react");
-var import_lucide_react = require("lucide-react");
-
-// src/components/MenuButton/MenuButton.module.css
-var MenuButton_default = {
-  userInfo: "MenuButton_userInfo",
-  userName: "MenuButton_userName",
-  userEmail: "MenuButton_userEmail",
-  menuButton: "MenuButton_menuButton",
-  devContainer: "MenuButton_devContainer",
-  zoneSection: "MenuButton_zoneSection",
-  zoneTitle: "MenuButton_zoneTitle"
-};
-
-// src/components/MenuButton/MenuButton.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function MenuButton({ zone }) {
-  const isDev = process.env.NODE_ENV === "development";
-  const prodUrl = "https://www.statsbygg.no";
-  const allZones = getAllZones();
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_designsystemet_react2.Dropdown.TriggerContext, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_designsystemet_react2.Dropdown.Trigger, { asChild: true, className: MenuButton_default.menuButton, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.Menu, { size: 20, "aria-hidden": true }),
-      "Meny"
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_designsystemet_react2.Dropdown, { children: isDev ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: MenuButton_default.devContainer, children: allZones.map((z) => {
-      const routes = getZoneMenuRoutes(z);
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: MenuButton_default.zoneSection, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: MenuButton_default.zoneTitle, children: z }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_designsystemet_react2.Dropdown.List, { children: routes.map((r) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_designsystemet_react2.Dropdown.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_link.default, { href: transformHrefForZone(r.path, zone, { isDev, prodUrl }), children: r.label }) }, `${r.zone}:${r.path}`)) })
-      ] }, z);
-    }) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_designsystemet_react2.Dropdown.List, { children: getZoneMenuRoutes(zone).map((r) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_designsystemet_react2.Dropdown.Item, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_link.default, { href: transformHrefForZone(r.path, zone, { isDev, prodUrl }), children: r.label }) }, `${r.zone}:${r.path}`)) }) })
-  ] });
-}
-
-// src/components/GlobalHeader/GlobalHeader.module.css
-var GlobalHeader_default = {
-  header: "GlobalHeader_header",
-  headerContainer: "GlobalHeader_headerContainer",
-  topBarContainer: "GlobalHeader_topBarContainer",
-  logo: "GlobalHeader_logo",
-  actionsContainer: "GlobalHeader_actionsContainer",
-  searchInput: "GlobalHeader_searchInput",
-  container: "GlobalHeader_container",
-  topBar: "GlobalHeader_topBar",
-  actions: "GlobalHeader_actions",
-  menuButton: "GlobalHeader_menuButton"
-};
-
-// src/logo.svg
-var logo_default = "./logo-JRXKWS5H.svg";
-
-// src/components/GlobalHeader/GlobalHeader.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function GlobalHeader({ className, zone }) {
-  const [searchValue, setSearchValue] = (0, import_react.useState)("");
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("header", { className: (0, import_clsx2.default)(GlobalHeader_default.header, className), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: GlobalHeader_default.headerContainer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: GlobalHeader_default.topBarContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_designsystemet_react3.Link, { href: "https://www.statsbygg.no", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { src: logo_default, alt: "Logo", className: GlobalHeader_default.logo }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: GlobalHeader_default.actionsContainer, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_designsystemet_react3.Textfield,
-          {
-            value: searchValue,
-            onChange: (e) => setSearchValue(e.target.value),
-            placeholder: "S\xF8k...",
-            className: GlobalHeader_default.searchInput,
-            "aria-label": "S\xF8k"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MenuButton, { zone })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SbBreadcrumbs, { zone })
-  ] }) });
-}
-
-// src/components/GlobalFooter/GlobalFooter.tsx
-var import_designsystemet_react4 = require("@digdir/designsystemet-react");
-var import_clsx3 = __toESM(require("clsx"));
-
-// src/components/GlobalFooter/GlobalFooter.module.css
-var GlobalFooter_default = {
-  footer: "GlobalFooter_footer",
-  container: "GlobalFooter_container",
-  content: "GlobalFooter_content"
-};
-
-// src/components/GlobalFooter/GlobalFooter.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
-function GlobalFooter({ className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("footer", { className: (0, import_clsx3.default)(GlobalFooter_default.footer, className), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: GlobalFooter_default.container, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: GlobalFooter_default.content, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_designsystemet_react4.Paragraph, { children: "Statsbygg Footer" }) }) }) });
-}
-
-// src/components/RootLayout/RootLayout.module.css
-var RootLayout_default = {
-  root: "RootLayout_root",
-  main: "RootLayout_main"
-};
-
-// src/store/globalState.ts
-var import_zustand = require("zustand");
-var import_middleware = require("zustand/middleware");
-var creator = (set, get) => ({
-  user: null,
-  theme: "light",
-  locale: "no",
-  setUser: (user) => set({ user }),
-  setTheme: (theme) => {
-    set({ theme });
-    if (typeof document !== "undefined") {
-      document.documentElement.setAttribute("data-color-scheme", theme);
-    }
-  },
-  setLocale: (locale) => set({ locale }),
-  initialize: () => {
-    if (typeof document !== "undefined") {
-      document.documentElement.setAttribute("data-color-scheme", get().theme);
-    }
-  }
-});
-var useGlobalStore = (0, import_zustand.create)()(
-  (0, import_middleware.persist)(creator, {
-    name: "statsbygg-global-state",
-    storage: (0, import_middleware.createJSONStorage)(() => localStorage)
-  })
-);
-
-// src/components/RootLayout/RootLayout.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function RootLayout({
-  children,
-  zone,
-  className
-}) {
-  const initialize = useGlobalStore((state) => state.initialize);
-  (0, import_react2.useEffect)(() => {
-    try {
-      const maybe = initialize();
-      if (maybe && typeof maybe.then === "function") {
-        maybe.catch((error) => {
-          console.error("Failed to initialize global state:", error);
-        });
-      }
-    } catch (error) {
-      console.error("Failed to initialize global state:", error);
-    }
-  }, [initialize]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: (0, import_clsx4.default)(RootLayout_default.root, className), "data-zone": zone, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GlobalHeader, { zone }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("main", { className: RootLayout_default.main, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GlobalFooter, {})
-  ] });
-}
+var import_RootLayout = require("./components/RootLayout");
+var import_globalState = require("./store/globalState");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   RootLayout,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/RootLayout/RootLayout.tsx","../src/components/GlobalHeader/GlobalHeader.tsx","../src/components/Breadcrumbs/Breadcrumbs.tsx","../src/components/Breadcrumbs/Breadcrumbs.module.css","../src/routes.ts","../src/components/MenuButton/MenuButton.tsx","../src/components/MenuButton/MenuButton.module.css","../src/components/GlobalHeader/GlobalHeader.module.css","../src/components/GlobalFooter/GlobalFooter.tsx","../src/components/GlobalFooter/GlobalFooter.module.css","../src/components/RootLayout/RootLayout.module.css","../src/store/globalState.ts"],"sourcesContent":["'use client';\n\nexport { RootLayout } from './components/RootLayout';\nexport type { RootLayoutProps } from './components/RootLayout';\n\nexport { useGlobalStore } from './store/globalState';\nexport type { GlobalState } from './store/globalState';\n","'use client';\n\nimport { useEffect } from 'react';\nimport clsx from 'clsx';\nimport { GlobalHeader } from '../GlobalHeader';\nimport { GlobalFooter } from '../GlobalFooter';\nimport type { RootLayoutProps } from './RootLayout.types';\nimport styles from './RootLayout.module.css';\nimport { useGlobalStore } from '@/store/globalState';\n\nexport function RootLayout({\n  children,\n  zone,        \n  className,\n}: RootLayoutProps) {\n  const initialize = useGlobalStore((state) => state.initialize);\n\n  useEffect(() => {\n    try {\n      const maybe = initialize();\n      if (maybe && typeof (maybe as Promise<void>).then === 'function') {\n        (maybe as Promise<void>).catch((error) => {\n          console.error('Failed to initialize global state:', error);\n        });\n      }\n    } catch (error) {\n      console.error('Failed to initialize global state:', error);\n    }\n  }, [initialize]);\n\n\n  return (\n    <div className={clsx(styles.root, className)} data-zone={zone}>\n      <GlobalHeader zone={zone}/>\n      <main className={styles.main}>{children}</main>\n      <GlobalFooter />\n    </div>\n  );\n}\n","'use client';\n\nimport { useState } from 'react';\nimport { Link, Textfield } from '@digdir/designsystemet-react';\nimport clsx from 'clsx';\nimport { Breadcrumbs } from '../Breadcrumbs';\nimport { MenuButton } from '../MenuButton';\nimport type { GlobalHeaderProps } from './GlobalHeader.types';\nimport styles from './GlobalHeader.module.css';\nimport logo from '../../logo.svg'; \n\nexport function GlobalHeader({ className, zone }: GlobalHeaderProps) {\n  const [searchValue, setSearchValue] = useState('');\n\n  return (\n    <header className={clsx(styles.header, className)}>\n      <div className={styles.headerContainer}>\n        <div className={styles.topBarContainer}>\n          <Link href=\"https://www.statsbygg.no\">\n            <img src={logo} alt=\"Logo\" className={styles.logo} />\n          </Link>\n          <div className={styles.actionsContainer}>\n            <Textfield\n              value={searchValue}\n              onChange={(e) => setSearchValue(e.target.value)}\n              placeholder=\"Søk...\"\n              className={styles.searchInput}\n              aria-label=\"Søk\"\n            />\n            <MenuButton zone={zone}/>\n          </div>\n        </div>\n        <Breadcrumbs zone={zone} />\n      </div>\n    </header>\n  );\n}","'use client';\n\nimport { usePathname } from 'next/navigation';\nimport { Breadcrumbs } from '@digdir/designsystemet-react';\nimport clsx from 'clsx';\nimport type { BreadcrumbsProps } from './Breadcrumbs.types';\nimport styles from './Breadcrumbs.module.css';\nimport { getBreadcrumbs, getZoneRoot, transformHrefForZone } from '@/routes';\n\nexport function SbBreadcrumbs({ className, zone }: BreadcrumbsProps) {\n const pathname = usePathname();\n  const isDev = process.env.NODE_ENV === 'development';\n  const prodUrl = 'https://www.statsbygg.no';\n  const zoneRoot = getZoneRoot(zone);\n  \n  const fullPath = isDev && zoneRoot !== '/' && !pathname.startsWith(zoneRoot)\n    ? `${zoneRoot}${pathname}`\n    : pathname;\n  \n  const breadcrumbs = getBreadcrumbs(zone, fullPath);\n\n  if (breadcrumbs.length <= 1) {\n    return null;\n  }\n\n\n  return (\n    <Breadcrumbs aria-label=\"Du er her:\" className={clsx(styles.breadcrumbs, className)}>\n      <Breadcrumbs.List>\n        {breadcrumbs.map((crumb, index) => {\n          const isLast = index === breadcrumbs.length - 1;\n          const href = transformHrefForZone(crumb.href, zone, { isDev, prodUrl });\n          \n          return (\n            <Breadcrumbs.Item key={crumb.href}>\n              <Breadcrumbs.Link\n                href={href}\n                aria-current={isLast ? 'page' : undefined}\n                className={isLast ? styles.currentLink : styles.link}\n              >\n                {crumb.label}\n              </Breadcrumbs.Link>\n            </Breadcrumbs.Item>\n          );\n        })}\n      </Breadcrumbs.List>\n    </Breadcrumbs>\n  );\n}",".breadcrumbs {\n  --dsc-breadcrumbs-color: var(--ds-color-text-default);\n  padding: 2.5rem 0 0 0;\n}\n\n.link {\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  color: var(--ds-color-text-default);\n}\n\n.link:hover \n.link:visited{\n  color: var(--ds-color-text-default);\n}\n\n.currentLink {\n  text-decoration: none;\n  font-weight: 500;\n  pointer-events: none;\n  color: var(--ds-color-text-default);\n}\n","export type RouteNodeInput =\n  | { segment: string; label: string; children?: RouteNodeInput[] }\n  | { path: string; label: string; children?: RouteNodeInput[] };\n\nexport type RouteNode = {\n  path: string;\n  label: string;\n  children?: RouteNode[];\n};\n\nexport type RouteDefinition = {\n  path: string;\n  label: string;\n  zone: string;\n};\n\nconst ZONE_TREES_INPUT: Record<string, RouteNodeInput> = {\n  sbno: {\n    segment: '',// primary root route, no breadcrumb\n    label: 'Hjem',\n    children: [\n      { segment: 'nyheter', label: 'Nyheter' },\n    ],\n  },\n  lokaler: {\n    segment: 'lokaler',\n    label: 'Statens eide og leide lokaler',\n    children: [\n      {\n        segment: 'lokalbruk', label: 'Lokalbruk'\n      },\n      { segment: 'veiledning', label: 'Veiledning' },\n      { segment: 'statlige-eiendommer', label: 'Statlige eiendommer' },\n      { segment: 'ledig-for-fremleie', label: 'Ledig for fremleie' },\n      { segment: 'statistikk', label: 'Statistikk' },\n    ],\n  },\n};\n\n\ntype Key = `${string}:${string}`; // `${zone}:${absolutePath}`\n\nconst ROUTES_INDEX: Record<string, RouteDefinition[]> = {};\nconst PARENT_INDEX = new Map<Key, Key | null>();  // child -> parent\nconst ZONE_TREES: Record<string, RouteNode> = {}; // normalized absolute trees\n\nfunction isSegmentNode(n: RouteNodeInput): n is Extract<RouteNodeInput, { segment: string }> {\n  return (n as any).segment !== undefined && (n as any).path === undefined;\n}\nfunction isPathNode(n: RouteNodeInput): n is Extract<RouteNodeInput, { path: string }> {\n  return (n as any).path !== undefined;\n}\n\nfunction joinPath(base: string, seg: string): string {\n  if (!base) return seg ? `/${seg}` : '/';\n  return seg ? `${base.replace(/\\/+$/, '')}/${seg.replace(/^\\/+/, '')}` : base || '/';\n}\n\nfunction normalizeToAbsolute(node: RouteNodeInput, base = ''): RouteNode {\n  const path = isSegmentNode(node)\n    ? joinPath(base, node.segment)\n    : isPathNode(node)\n      ? (node.path === '' ? '/' : node.path)\n      : '/';\n\n  const children = (node.children ?? []).map((c) => normalizeToAbsolute(c, path));\n  return { path, label: (node as any).label, children: children.length ? children : undefined };\n}\n\n(function buildAll() {\n  // Normalize each zone tree to absolute paths\n  Object.keys(ZONE_TREES_INPUT).forEach((zone) => {\n    ZONE_TREES[zone] = normalizeToAbsolute(ZONE_TREES_INPUT[zone]);\n  });\n\n  // Build flat indexes + parent relationships\n  function walk(zone: string, node: RouteNode, parentKey: Key | null) {\n    const def: RouteDefinition = { zone, path: node.path, label: node.label };\n    const key: Key = `${zone}:${node.path}`;\n    ROUTES_INDEX[zone].push(def);\n    PARENT_INDEX.set(key, parentKey);\n    for (const child of node.children ?? []) {\n      walk(zone, child, key);\n    }\n  }\n\n  (Object.keys(ZONE_TREES) as string[]).forEach((zone) => {\n    ROUTES_INDEX[zone] = [];\n    walk(zone, ZONE_TREES[zone], null);\n  });\n})();\n\n\nfunction findBestMatch(zone: string, pathname: string): RouteDefinition | undefined {\n  const list = ROUTES_INDEX[zone] ?? [];\n  let best: RouteDefinition | undefined;\n\n  for (const r of list) {\n    if (pathname === r.path) {\n      best = r; // exact wins\n      break;\n    }\n    if (pathname.startsWith(r.path.endsWith('/') ? r.path : r.path + '/')) {\n      if (!best || r.path.length > best.path.length) best = r;\n    }\n  }\n  // fallback: zone root\n  return best ?? list.find((r) => r.path === ZONE_TREES[zone]?.path);\n}\n\nexport function getZoneRoutes(zone: string): RouteDefinition[] {\n  return ROUTES_INDEX[zone] ?? [];\n}\n\n// Top-level links for a zone’s menu (children of the zone root)\nexport function getZoneMenuRoutes(zone: string): RouteDefinition[] {\n  const root = ZONE_TREES[zone];\n  const children = root?.children ?? [];\n  return children.map((c) => ({ zone, path: c.path, label: c.label }));\n}\n\nexport function getAllZones(): string[] {\n  return Object.keys(ZONE_TREES);\n}\n\nexport function getZoneRoot(zone: string): string {\n  return ZONE_TREES[zone]?.path || '/';\n}\n\n// prettify dynamic slug labels\nfunction labelFromSlug(slug: string): string {\n  try {\n    const s = decodeURIComponent(slug).replace(/[-_]+/g, ' ').trim();\n    return s ? s.charAt(0).toUpperCase() + s.slice(1) : slug;\n  } catch {\n    return slug;\n  }\n}\n\nexport function getBreadcrumbs(\n  zone: string,\n  pathname: string\n): Array<{ label: string; href: string }> {\n\n  const normalizedPathname = pathname === '/' ? pathname : pathname.replace(/\\/+$/, '');\n\n  // sbno root has no crumbs\n  if (zone === 'sbno' && normalizedPathname === '/') return [];\n\n  const match = findBestMatch(zone, normalizedPathname);\n  if (!match) return [];\n\n  const chain: RouteDefinition[] = [];\n  let key: Key | undefined = `${zone}:${match.path}`;\n  while (key) {\n    const parentKey = PARENT_INDEX.get(key);\n    const [z, p] = key.split(':') as [string, string];\n    const def = (ROUTES_INDEX[z] ?? []).find((r) => r.path === p);\n    if (def) chain.unshift(def);\n    key = parentKey ?? undefined;\n  }\n\n  const homeRoute = (ROUTES_INDEX.sbno ?? []).find((r) => r.path === '/');\n  if (\n    homeRoute &&\n    !(chain.length === 1 && chain[0].zone === 'sbno' && chain[0].path === '/') &&\n    (chain.length === 0 || chain[0].path !== homeRoute.path)\n  ) {\n    chain.unshift(homeRoute);\n  }\n\n  // If the pathname is deeper than the best static match, add a dynamic tail\n  const last = chain[chain.length - 1];\n  if (last && normalizedPathname !== last.path && normalizedPathname.startsWith(last.path.endsWith('/') ? last.path : last.path + '/')) {\n    const segments = normalizedPathname.split('/').filter(Boolean);\n    const tail = segments[segments.length - 1];\n    chain.push({ zone, path: normalizedPathname, label: labelFromSlug(tail) });\n  }\n\n  return chain.map((r) => ({ label: r.label, href: r.path }));\n}\n\nexport function transformHrefForZone(\n  targetPath: string,\n  currentZone: string,\n  options: {\n    isDev: boolean;\n    prodUrl?: string;\n  }\n): string {\n  const { isDev, prodUrl } = options;\n\n  const targetZone = getZoneFromPathname(targetPath);\n  const isCrossZone = targetZone !== currentZone;\n\n  if (isCrossZone && isDev && prodUrl) {\n    return `${prodUrl}${targetPath}`;\n  }\n\n  const currentZoneRoot = getZoneRoot(currentZone);\n  if (!isCrossZone && isDev && currentZoneRoot !== '/') {\n    return targetPath.replace(currentZoneRoot, '') || '/';\n  }\n\n  return targetPath;\n}\n\nexport function getZoneFromPathname(pathname: string): string {\n  if (pathname.startsWith('/lokaler')) return 'lokaler';\n  return 'sbno';\n}","'use client';\n\nimport Link from 'next/link';\nimport { Dropdown } from '@digdir/designsystemet-react';\nimport { Menu } from 'lucide-react';\nimport { getZoneMenuRoutes, getAllZones, transformHrefForZone } from '@/routes';\nimport type { MenuButtonProps } from './MenuButton.types';\nimport styles from './MenuButton.module.css';\n\nexport function MenuButton({ zone }: MenuButtonProps) {\n  const isDev = process.env.NODE_ENV === 'development';\n  // TODO: Temporary here. Should come from env or something\n  const prodUrl = 'https://www.statsbygg.no';\n  const allZones = getAllZones();\n\n  return (\n    <Dropdown.TriggerContext>\n      <Dropdown.Trigger asChild className={styles.menuButton}>\n        <Menu size={20} aria-hidden />\n        Meny\n      </Dropdown.Trigger>\n      <Dropdown>\n       {isDev ? (\n        <div className={styles.devContainer}>\n          {allZones.map((z) => {\n            const routes = getZoneMenuRoutes(z);\n            return (\n              <div key={z} className={styles.zoneSection}>\n                <div className={styles.zoneTitle}>{z}</div>\n                <Dropdown.List>\n                  {routes.map((r) => (\n                    <Dropdown.Item key={`${r.zone}:${r.path}`}>\n                      <Link href={transformHrefForZone(r.path, zone, { isDev, prodUrl })}>\n                        {r.label}\n                      </Link>\n                    </Dropdown.Item>\n                  ))}\n                </Dropdown.List>\n              </div>\n            );\n          })}\n        </div>\n      ) : (\n        <Dropdown.List>\n          {getZoneMenuRoutes(zone).map((r) => (\n            <Dropdown.Item key={`${r.zone}:${r.path}`}>\n              <Link href={transformHrefForZone(r.path, zone, { isDev, prodUrl })}>\n                {r.label}\n              </Link>\n            </Dropdown.Item>\n          ))}\n        </Dropdown.List>\n        )}\n      </Dropdown>\n    </Dropdown.TriggerContext>\n  );\n}",".userInfo {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ds-spacing-1);\n  padding: var(--ds-spacing-2) var(--ds-spacing-3);\n}\n\n.userName {\n  font-size: var(--ds-font-size-sm);\n  font-weight: var(--ds-font-weight-medium);\n  color: var(--ds-color-neutral-text-default);\n}\n\n.userEmail {\n  font-size: var(--ds-font-size-xs);\n  color: var(--ds-color-neutral-text-subtle);\n}\n\n.menuButton {\n  background-color: var(--ds-color-neutral-base-default);\n}\n\n.devContainer {\n  display: flex;\n  gap: var(--ds-spacing-4);\n  padding: var(--ds-spacing-2);\n}\n\n.zoneSection {\n  flex: 1;\n  min-width: 12rem;\n}\n\n.zoneTitle {\n  font-weight: 600;\n  padding: var(--ds-spacing-2);\n  color: var(--ds-color-neutral-text-default);\n  border-bottom: 1px solid var(--ds-color-neutral-border-subtle);\n  margin-bottom: var(--ds-spacing-2);\n  text-transform: capitalize;\n}\n",".header {\n  background-color: var(--ds-color-accent-surface-tinted);\n  border-bottom: 1px solid var(--ds-color-neutral-border-subtle);\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.headerContainer {\n  max-width: 90rem;\n  margin: 0 auto;\n  padding: 0 var(--ds-size-30);\n}\n\n.topBarContainer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1.25rem 0;\n}\n\n.logo {\n  margin: 0;\n  color: var(--ds-color-neutral-text-default);\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  min-height: inherit;\n}\n\n.actionsContainer {\n  display: flex;\n  align-items: stretch;\n  gap: var(--ds-size-9);\n  min-height: inherit;\n}\n\n.searchInput {\n  min-width: 12.5rem;\n  display: flex;\n  align-items: center;\n}\n\n@media (max-width: 768px) {\n  .container {\n    padding: 0 var(--ds-spacing-4);\n  }\n\n  .topBar {\n    flex-wrap: wrap;\n    padding: var(--ds-spacing-4) 0;\n  }\n\n  .actions {\n    order: 3;\n    width: 100%;\n    flex-direction: column;\n    gap: var(--ds-spacing-3);\n  }\n\n  .searchInput {\n    width: 100%;\n    min-width: auto;\n  }\n\n  .menuButton {\n    width: 100%;\n    justify-content: center;\n  }\n}","'use client';\n\nimport { Paragraph } from '@digdir/designsystemet-react';\nimport clsx from 'clsx';\nimport type { GlobalFooterProps } from './GlobalFooter.types';\nimport styles from './GlobalFooter.module.css';\n\nexport function GlobalFooter({ className }: GlobalFooterProps) {\n\n  return (\n    <footer className={clsx(styles.footer, className)}>\n      <div className={styles.container}>\n        <div className={styles.content}>\n          <Paragraph>\n            Statsbygg Footer\n          </Paragraph>\n\n\n        </div>\n      </div>\n    </footer>\n  );\n}",".footer {\n  background-color: var(--ds-color-neutral-surface-subtle);\n  border-top: 1px solid var(--ds-color-neutral-border-subtle);\n  margin-top: auto;\n}\n\n.container {\n  max-width: 1440px;\n  margin: 0 auto;\n  padding: var(--ds-spacing-6) var(--ds-spacing-4);\n}\n\n.content {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--ds-spacing-4);\n  flex-wrap: wrap;\n}\n\n@media (max-width: 768px) {\n  .content {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n\n}",".root {\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n}\n\n.main {\n  flex: 1;\n}","import { create, StateCreator } from 'zustand';\nimport { persist, createJSONStorage } from 'zustand/middleware';\n\nexport type Theme = 'light' | 'dark' | 'system';\n\nexport type GlobalState = {\n  user?: { id: string; name?: string } | null;\n  theme: Theme;\n  locale: string;\n  setUser: (user: GlobalState['user']) => void;\n  setTheme: (theme: Theme) => void;\n  setLocale: (locale: string) => void;\n  initialize: () => void | Promise<void>;\n};\n\nconst creator: StateCreator<GlobalState, [['zustand/persist', unknown]]> = (set, get) => ({\n  user: null,\n  theme: 'light',\n  locale: 'no',\n  setUser: (user) => set({ user }),\n  setTheme: (theme) => {\n    set({ theme });\n    if (typeof document !== 'undefined') {\n      document.documentElement.setAttribute('data-color-scheme', theme);\n    }\n  },\n  setLocale: (locale) => set({ locale }),\n  initialize: () => {\n    if (typeof document !== 'undefined') {\n      document.documentElement.setAttribute('data-color-scheme', get().theme);\n    }\n  },\n});\n\nexport const useGlobalStore = create<GlobalState>()(\n  persist(creator, {\n    name: 'statsbygg-global-state',\n    storage: createJSONStorage(() => localStorage),\n  })\n);\n"],"mappings":"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","names":["import_react","import_clsx","import_designsystemet_react","import_clsx","breadcrumbs","link","currentLink","_a","clsx","import_designsystemet_react","userInfo","userName","userEmail","menuButton","devContainer","zoneSection","zoneTitle","import_jsx_runtime","Link","header","headerContainer","topBarContainer","logo","actionsContainer","searchInput","container","topBar","actions","menuButton","import_jsx_runtime","clsx","import_designsystemet_react","import_clsx","footer","container","content","import_jsx_runtime","clsx","root","main","import_jsx_runtime","clsx"]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["'use client';\n\nexport { RootLayout } from './components/RootLayout';\nexport type { RootLayoutProps } from './components/RootLayout';\n\nexport { useGlobalStore } from './store/globalState';\nexport type { GlobalState } from './store/globalState';\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,wBAA2B;AAG3B,yBAA+B;","names":[]}

package/dist/index.mjs

@@ -1,356 +1,6 @@
 "use client";
-
-// src/components/RootLayout/RootLayout.tsx
-import { useEffect } from "react";
-import clsx4 from "clsx";
-
-// src/components/GlobalHeader/GlobalHeader.tsx
-import { useState } from "react";
-import { Link as Link2, Textfield } from "@digdir/designsystemet-react";
-import clsx2 from "clsx";
-
-// src/components/Breadcrumbs/Breadcrumbs.tsx
-import { usePathname } from "next/navigation";
-import { Breadcrumbs } from "@digdir/designsystemet-react";
-import clsx from "clsx";
-
-// src/components/Breadcrumbs/Breadcrumbs.module.css
-var Breadcrumbs_default = {
-  breadcrumbs: "Breadcrumbs_breadcrumbs",
-  link: "Breadcrumbs_link",
-  currentLink: "Breadcrumbs_currentLink"
-};
-
-// src/routes.ts
-var ZONE_TREES_INPUT = {
-  sbno: {
-    segment: "",
-    // primary root route, no breadcrumb
-    label: "Hjem",
-    children: [
-      { segment: "nyheter", label: "Nyheter" }
-    ]
-  },
-  lokaler: {
-    segment: "lokaler",
-    label: "Statens eide og leide lokaler",
-    children: [
-      {
-        segment: "lokalbruk",
-        label: "Lokalbruk"
-      },
-      { segment: "veiledning", label: "Veiledning" },
-      { segment: "statlige-eiendommer", label: "Statlige eiendommer" },
-      { segment: "ledig-for-fremleie", label: "Ledig for fremleie" },
-      { segment: "statistikk", label: "Statistikk" }
-    ]
-  }
-};
-var ROUTES_INDEX = {};
-var PARENT_INDEX = /* @__PURE__ */ new Map();
-var ZONE_TREES = {};
-function isSegmentNode(n) {
-  return n.segment !== void 0 && n.path === void 0;
-}
-function isPathNode(n) {
-  return n.path !== void 0;
-}
-function joinPath(base, seg) {
-  if (!base) return seg ? `/${seg}` : "/";
-  return seg ? `${base.replace(/\/+$/, "")}/${seg.replace(/^\/+/, "")}` : base || "/";
-}
-function normalizeToAbsolute(node, base = "") {
-  var _a;
-  const path = isSegmentNode(node) ? joinPath(base, node.segment) : isPathNode(node) ? node.path === "" ? "/" : node.path : "/";
-  const children = ((_a = node.children) != null ? _a : []).map((c) => normalizeToAbsolute(c, path));
-  return { path, label: node.label, children: children.length ? children : void 0 };
-}
-(function buildAll() {
-  Object.keys(ZONE_TREES_INPUT).forEach((zone) => {
-    ZONE_TREES[zone] = normalizeToAbsolute(ZONE_TREES_INPUT[zone]);
-  });
-  function walk(zone, node, parentKey) {
-    var _a;
-    const def = { zone, path: node.path, label: node.label };
-    const key = `${zone}:${node.path}`;
-    ROUTES_INDEX[zone].push(def);
-    PARENT_INDEX.set(key, parentKey);
-    for (const child of (_a = node.children) != null ? _a : []) {
-      walk(zone, child, key);
-    }
-  }
-  Object.keys(ZONE_TREES).forEach((zone) => {
-    ROUTES_INDEX[zone] = [];
-    walk(zone, ZONE_TREES[zone], null);
-  });
-})();
-function findBestMatch(zone, pathname) {
-  var _a;
-  const list = (_a = ROUTES_INDEX[zone]) != null ? _a : [];
-  let best;
-  for (const r of list) {
-    if (pathname === r.path) {
-      best = r;
-      break;
-    }
-    if (pathname.startsWith(r.path.endsWith("/") ? r.path : r.path + "/")) {
-      if (!best || r.path.length > best.path.length) best = r;
-    }
-  }
-  return best != null ? best : list.find((r) => {
-    var _a2;
-    return r.path === ((_a2 = ZONE_TREES[zone]) == null ? void 0 : _a2.path);
-  });
-}
-function getZoneMenuRoutes(zone) {
-  var _a;
-  const root = ZONE_TREES[zone];
-  const children = (_a = root == null ? void 0 : root.children) != null ? _a : [];
-  return children.map((c) => ({ zone, path: c.path, label: c.label }));
-}
-function getAllZones() {
-  return Object.keys(ZONE_TREES);
-}
-function getZoneRoot(zone) {
-  var _a;
-  return ((_a = ZONE_TREES[zone]) == null ? void 0 : _a.path) || "/";
-}
-function labelFromSlug(slug) {
-  try {
-    const s = decodeURIComponent(slug).replace(/[-_]+/g, " ").trim();
-    return s ? s.charAt(0).toUpperCase() + s.slice(1) : slug;
-  } catch (e) {
-    return slug;
-  }
-}
-function getBreadcrumbs(zone, pathname) {
-  var _a, _b;
-  const normalizedPathname = pathname === "/" ? pathname : pathname.replace(/\/+$/, "");
-  if (zone === "sbno" && normalizedPathname === "/") return [];
-  const match = findBestMatch(zone, normalizedPathname);
-  if (!match) return [];
-  const chain = [];
-  let key = `${zone}:${match.path}`;
-  while (key) {
-    const parentKey = PARENT_INDEX.get(key);
-    const [z, p] = key.split(":");
-    const def = ((_a = ROUTES_INDEX[z]) != null ? _a : []).find((r) => r.path === p);
-    if (def) chain.unshift(def);
-    key = parentKey != null ? parentKey : void 0;
-  }
-  const homeRoute = ((_b = ROUTES_INDEX.sbno) != null ? _b : []).find((r) => r.path === "/");
-  if (homeRoute && !(chain.length === 1 && chain[0].zone === "sbno" && chain[0].path === "/") && (chain.length === 0 || chain[0].path !== homeRoute.path)) {
-    chain.unshift(homeRoute);
-  }
-  const last = chain[chain.length - 1];
-  if (last && normalizedPathname !== last.path && normalizedPathname.startsWith(last.path.endsWith("/") ? last.path : last.path + "/")) {
-    const segments = normalizedPathname.split("/").filter(Boolean);
-    const tail = segments[segments.length - 1];
-    chain.push({ zone, path: normalizedPathname, label: labelFromSlug(tail) });
-  }
-  return chain.map((r) => ({ label: r.label, href: r.path }));
-}
-function transformHrefForZone(targetPath, currentZone, options) {
-  const { isDev, prodUrl } = options;
-  const targetZone = getZoneFromPathname(targetPath);
-  const isCrossZone = targetZone !== currentZone;
-  if (isCrossZone && isDev && prodUrl) {
-    return `${prodUrl}${targetPath}`;
-  }
-  const currentZoneRoot = getZoneRoot(currentZone);
-  if (!isCrossZone && isDev && currentZoneRoot !== "/") {
-    return targetPath.replace(currentZoneRoot, "") || "/";
-  }
-  return targetPath;
-}
-function getZoneFromPathname(pathname) {
-  if (pathname.startsWith("/lokaler")) return "lokaler";
-  return "sbno";
-}
-
-// src/components/Breadcrumbs/Breadcrumbs.tsx
-import { jsx } from "react/jsx-runtime";
-function SbBreadcrumbs({ className, zone }) {
-  const pathname = usePathname();
-  const isDev = process.env.NODE_ENV === "development";
-  const prodUrl = "https://www.statsbygg.no";
-  const zoneRoot = getZoneRoot(zone);
-  const fullPath = isDev && zoneRoot !== "/" && !pathname.startsWith(zoneRoot) ? `${zoneRoot}${pathname}` : pathname;
-  const breadcrumbs = getBreadcrumbs(zone, fullPath);
-  if (breadcrumbs.length <= 1) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Breadcrumbs, { "aria-label": "Du er her:", className: clsx(Breadcrumbs_default.breadcrumbs, className), children: /* @__PURE__ */ jsx(Breadcrumbs.List, { children: breadcrumbs.map((crumb, index) => {
-    const isLast = index === breadcrumbs.length - 1;
-    const href = transformHrefForZone(crumb.href, zone, { isDev, prodUrl });
-    return /* @__PURE__ */ jsx(Breadcrumbs.Item, { children: /* @__PURE__ */ jsx(
-      Breadcrumbs.Link,
-      {
-        href,
-        "aria-current": isLast ? "page" : void 0,
-        className: isLast ? Breadcrumbs_default.currentLink : Breadcrumbs_default.link,
-        children: crumb.label
-      }
-    ) }, crumb.href);
-  }) }) });
-}
-
-// src/components/MenuButton/MenuButton.tsx
-import Link from "next/link";
-import { Dropdown } from "@digdir/designsystemet-react";
-import { Menu } from "lucide-react";
-
-// src/components/MenuButton/MenuButton.module.css
-var MenuButton_default = {
-  userInfo: "MenuButton_userInfo",
-  userName: "MenuButton_userName",
-  userEmail: "MenuButton_userEmail",
-  menuButton: "MenuButton_menuButton",
-  devContainer: "MenuButton_devContainer",
-  zoneSection: "MenuButton_zoneSection",
-  zoneTitle: "MenuButton_zoneTitle"
-};
-
-// src/components/MenuButton/MenuButton.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function MenuButton({ zone }) {
-  const isDev = process.env.NODE_ENV === "development";
-  const prodUrl = "https://www.statsbygg.no";
-  const allZones = getAllZones();
-  return /* @__PURE__ */ jsxs(Dropdown.TriggerContext, { children: [
-    /* @__PURE__ */ jsxs(Dropdown.Trigger, { asChild: true, className: MenuButton_default.menuButton, children: [
-      /* @__PURE__ */ jsx2(Menu, { size: 20, "aria-hidden": true }),
-      "Meny"
-    ] }),
-    /* @__PURE__ */ jsx2(Dropdown, { children: isDev ? /* @__PURE__ */ jsx2("div", { className: MenuButton_default.devContainer, children: allZones.map((z) => {
-      const routes = getZoneMenuRoutes(z);
-      return /* @__PURE__ */ jsxs("div", { className: MenuButton_default.zoneSection, children: [
-        /* @__PURE__ */ jsx2("div", { className: MenuButton_default.zoneTitle, children: z }),
-        /* @__PURE__ */ jsx2(Dropdown.List, { children: routes.map((r) => /* @__PURE__ */ jsx2(Dropdown.Item, { children: /* @__PURE__ */ jsx2(Link, { href: transformHrefForZone(r.path, zone, { isDev, prodUrl }), children: r.label }) }, `${r.zone}:${r.path}`)) })
-      ] }, z);
-    }) }) : /* @__PURE__ */ jsx2(Dropdown.List, { children: getZoneMenuRoutes(zone).map((r) => /* @__PURE__ */ jsx2(Dropdown.Item, { children: /* @__PURE__ */ jsx2(Link, { href: transformHrefForZone(r.path, zone, { isDev, prodUrl }), children: r.label }) }, `${r.zone}:${r.path}`)) }) })
-  ] });
-}
-
-// src/components/GlobalHeader/GlobalHeader.module.css
-var GlobalHeader_default = {
-  header: "GlobalHeader_header",
-  headerContainer: "GlobalHeader_headerContainer",
-  topBarContainer: "GlobalHeader_topBarContainer",
-  logo: "GlobalHeader_logo",
-  actionsContainer: "GlobalHeader_actionsContainer",
-  searchInput: "GlobalHeader_searchInput",
-  container: "GlobalHeader_container",
-  topBar: "GlobalHeader_topBar",
-  actions: "GlobalHeader_actions",
-  menuButton: "GlobalHeader_menuButton"
-};
-
-// src/logo.svg
-var logo_default = "./logo-JRXKWS5H.svg";
-
-// src/components/GlobalHeader/GlobalHeader.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function GlobalHeader({ className, zone }) {
-  const [searchValue, setSearchValue] = useState("");
-  return /* @__PURE__ */ jsx3("header", { className: clsx2(GlobalHeader_default.header, className), children: /* @__PURE__ */ jsxs2("div", { className: GlobalHeader_default.headerContainer, children: [
-    /* @__PURE__ */ jsxs2("div", { className: GlobalHeader_default.topBarContainer, children: [
-      /* @__PURE__ */ jsx3(Link2, { href: "https://www.statsbygg.no", children: /* @__PURE__ */ jsx3("img", { src: logo_default, alt: "Logo", className: GlobalHeader_default.logo }) }),
-      /* @__PURE__ */ jsxs2("div", { className: GlobalHeader_default.actionsContainer, children: [
-        /* @__PURE__ */ jsx3(
-          Textfield,
-          {
-            value: searchValue,
-            onChange: (e) => setSearchValue(e.target.value),
-            placeholder: "S\xF8k...",
-            className: GlobalHeader_default.searchInput,
-            "aria-label": "S\xF8k"
-          }
-        ),
-        /* @__PURE__ */ jsx3(MenuButton, { zone })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx3(SbBreadcrumbs, { zone })
-  ] }) });
-}
-
-// src/components/GlobalFooter/GlobalFooter.tsx
-import { Paragraph } from "@digdir/designsystemet-react";
-import clsx3 from "clsx";
-
-// src/components/GlobalFooter/GlobalFooter.module.css
-var GlobalFooter_default = {
-  footer: "GlobalFooter_footer",
-  container: "GlobalFooter_container",
-  content: "GlobalFooter_content"
-};
-
-// src/components/GlobalFooter/GlobalFooter.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-function GlobalFooter({ className }) {
-  return /* @__PURE__ */ jsx4("footer", { className: clsx3(GlobalFooter_default.footer, className), children: /* @__PURE__ */ jsx4("div", { className: GlobalFooter_default.container, children: /* @__PURE__ */ jsx4("div", { className: GlobalFooter_default.content, children: /* @__PURE__ */ jsx4(Paragraph, { children: "Statsbygg Footer" }) }) }) });
-}
-
-// src/components/RootLayout/RootLayout.module.css
-var RootLayout_default = {
-  root: "RootLayout_root",
-  main: "RootLayout_main"
-};
-
-// src/store/globalState.ts
-import { create } from "zustand";
-import { persist, createJSONStorage } from "zustand/middleware";
-var creator = (set, get) => ({
-  user: null,
-  theme: "light",
-  locale: "no",
-  setUser: (user) => set({ user }),
-  setTheme: (theme) => {
-    set({ theme });
-    if (typeof document !== "undefined") {
-      document.documentElement.setAttribute("data-color-scheme", theme);
-    }
-  },
-  setLocale: (locale) => set({ locale }),
-  initialize: () => {
-    if (typeof document !== "undefined") {
-      document.documentElement.setAttribute("data-color-scheme", get().theme);
-    }
-  }
-});
-var useGlobalStore = create()(
-  persist(creator, {
-    name: "statsbygg-global-state",
-    storage: createJSONStorage(() => localStorage)
-  })
-);
-
-// src/components/RootLayout/RootLayout.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-function RootLayout({
-  children,
-  zone,
-  className
-}) {
-  const initialize = useGlobalStore((state) => state.initialize);
-  useEffect(() => {
-    try {
-      const maybe = initialize();
-      if (maybe && typeof maybe.then === "function") {
-        maybe.catch((error) => {
-          console.error("Failed to initialize global state:", error);
-        });
-      }
-    } catch (error) {
-      console.error("Failed to initialize global state:", error);
-    }
-  }, [initialize]);
-  return /* @__PURE__ */ jsxs3("div", { className: clsx4(RootLayout_default.root, className), "data-zone": zone, children: [
-    /* @__PURE__ */ jsx5(GlobalHeader, { zone }),
-    /* @__PURE__ */ jsx5("main", { className: RootLayout_default.main, children }),
-    /* @__PURE__ */ jsx5(GlobalFooter, {})
-  ] });
-}
+import { RootLayout } from "./components/RootLayout";
+import { useGlobalStore } from "./store/globalState";
 export {
   RootLayout,
   useGlobalStore

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/RootLayout/RootLayout.tsx","../src/components/GlobalHeader/GlobalHeader.tsx","../src/components/Breadcrumbs/Breadcrumbs.tsx","../src/components/Breadcrumbs/Breadcrumbs.module.css","../src/routes.ts","../src/components/MenuButton/MenuButton.tsx","../src/components/MenuButton/MenuButton.module.css","../src/components/GlobalHeader/GlobalHeader.module.css","../src/components/GlobalFooter/GlobalFooter.tsx","../src/components/GlobalFooter/GlobalFooter.module.css","../src/components/RootLayout/RootLayout.module.css","../src/store/globalState.ts"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport clsx from 'clsx';\nimport { GlobalHeader } from '../GlobalHeader';\nimport { GlobalFooter } from '../GlobalFooter';\nimport type { RootLayoutProps } from './RootLayout.types';\nimport styles from './RootLayout.module.css';\nimport { useGlobalStore } from '@/store/globalState';\n\nexport function RootLayout({\n  children,\n  zone,        \n  className,\n}: RootLayoutProps) {\n  const initialize = useGlobalStore((state) => state.initialize);\n\n  useEffect(() => {\n    try {\n      const maybe = initialize();\n      if (maybe && typeof (maybe as Promise<void>).then === 'function') {\n        (maybe as Promise<void>).catch((error) => {\n          console.error('Failed to initialize global state:', error);\n        });\n      }\n    } catch (error) {\n      console.error('Failed to initialize global state:', error);\n    }\n  }, [initialize]);\n\n\n  return (\n    <div className={clsx(styles.root, className)} data-zone={zone}>\n      <GlobalHeader zone={zone}/>\n      <main className={styles.main}>{children}</main>\n      <GlobalFooter />\n    </div>\n  );\n}\n","'use client';\n\nimport { useState } from 'react';\nimport { Link, Textfield } from '@digdir/designsystemet-react';\nimport clsx from 'clsx';\nimport { Breadcrumbs } from '../Breadcrumbs';\nimport { MenuButton } from '../MenuButton';\nimport type { GlobalHeaderProps } from './GlobalHeader.types';\nimport styles from './GlobalHeader.module.css';\nimport logo from '../../logo.svg'; \n\nexport function GlobalHeader({ className, zone }: GlobalHeaderProps) {\n  const [searchValue, setSearchValue] = useState('');\n\n  return (\n    <header className={clsx(styles.header, className)}>\n      <div className={styles.headerContainer}>\n        <div className={styles.topBarContainer}>\n          <Link href=\"https://www.statsbygg.no\">\n            <img src={logo} alt=\"Logo\" className={styles.logo} />\n          </Link>\n          <div className={styles.actionsContainer}>\n            <Textfield\n              value={searchValue}\n              onChange={(e) => setSearchValue(e.target.value)}\n              placeholder=\"Søk...\"\n              className={styles.searchInput}\n              aria-label=\"Søk\"\n            />\n            <MenuButton zone={zone}/>\n          </div>\n        </div>\n        <Breadcrumbs zone={zone} />\n      </div>\n    </header>\n  );\n}","'use client';\n\nimport { usePathname } from 'next/navigation';\nimport { Breadcrumbs } from '@digdir/designsystemet-react';\nimport clsx from 'clsx';\nimport type { BreadcrumbsProps } from './Breadcrumbs.types';\nimport styles from './Breadcrumbs.module.css';\nimport { getBreadcrumbs, getZoneRoot, transformHrefForZone } from '@/routes';\n\nexport function SbBreadcrumbs({ className, zone }: BreadcrumbsProps) {\n const pathname = usePathname();\n  const isDev = process.env.NODE_ENV === 'development';\n  const prodUrl = 'https://www.statsbygg.no';\n  const zoneRoot = getZoneRoot(zone);\n  \n  const fullPath = isDev && zoneRoot !== '/' && !pathname.startsWith(zoneRoot)\n    ? `${zoneRoot}${pathname}`\n    : pathname;\n  \n  const breadcrumbs = getBreadcrumbs(zone, fullPath);\n\n  if (breadcrumbs.length <= 1) {\n    return null;\n  }\n\n\n  return (\n    <Breadcrumbs aria-label=\"Du er her:\" className={clsx(styles.breadcrumbs, className)}>\n      <Breadcrumbs.List>\n        {breadcrumbs.map((crumb, index) => {\n          const isLast = index === breadcrumbs.length - 1;\n          const href = transformHrefForZone(crumb.href, zone, { isDev, prodUrl });\n          \n          return (\n            <Breadcrumbs.Item key={crumb.href}>\n              <Breadcrumbs.Link\n                href={href}\n                aria-current={isLast ? 'page' : undefined}\n                className={isLast ? styles.currentLink : styles.link}\n              >\n                {crumb.label}\n              </Breadcrumbs.Link>\n            </Breadcrumbs.Item>\n          );\n        })}\n      </Breadcrumbs.List>\n    </Breadcrumbs>\n  );\n}",".breadcrumbs {\n  --dsc-breadcrumbs-color: var(--ds-color-text-default);\n  padding: 2.5rem 0 0 0;\n}\n\n.link {\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  color: var(--ds-color-text-default);\n}\n\n.link:hover \n.link:visited{\n  color: var(--ds-color-text-default);\n}\n\n.currentLink {\n  text-decoration: none;\n  font-weight: 500;\n  pointer-events: none;\n  color: var(--ds-color-text-default);\n}\n","export type RouteNodeInput =\n  | { segment: string; label: string; children?: RouteNodeInput[] }\n  | { path: string; label: string; children?: RouteNodeInput[] };\n\nexport type RouteNode = {\n  path: string;\n  label: string;\n  children?: RouteNode[];\n};\n\nexport type RouteDefinition = {\n  path: string;\n  label: string;\n  zone: string;\n};\n\nconst ZONE_TREES_INPUT: Record<string, RouteNodeInput> = {\n  sbno: {\n    segment: '',// primary root route, no breadcrumb\n    label: 'Hjem',\n    children: [\n      { segment: 'nyheter', label: 'Nyheter' },\n    ],\n  },\n  lokaler: {\n    segment: 'lokaler',\n    label: 'Statens eide og leide lokaler',\n    children: [\n      {\n        segment: 'lokalbruk', label: 'Lokalbruk'\n      },\n      { segment: 'veiledning', label: 'Veiledning' },\n      { segment: 'statlige-eiendommer', label: 'Statlige eiendommer' },\n      { segment: 'ledig-for-fremleie', label: 'Ledig for fremleie' },\n      { segment: 'statistikk', label: 'Statistikk' },\n    ],\n  },\n};\n\n\ntype Key = `${string}:${string}`; // `${zone}:${absolutePath}`\n\nconst ROUTES_INDEX: Record<string, RouteDefinition[]> = {};\nconst PARENT_INDEX = new Map<Key, Key | null>();  // child -> parent\nconst ZONE_TREES: Record<string, RouteNode> = {}; // normalized absolute trees\n\nfunction isSegmentNode(n: RouteNodeInput): n is Extract<RouteNodeInput, { segment: string }> {\n  return (n as any).segment !== undefined && (n as any).path === undefined;\n}\nfunction isPathNode(n: RouteNodeInput): n is Extract<RouteNodeInput, { path: string }> {\n  return (n as any).path !== undefined;\n}\n\nfunction joinPath(base: string, seg: string): string {\n  if (!base) return seg ? `/${seg}` : '/';\n  return seg ? `${base.replace(/\\/+$/, '')}/${seg.replace(/^\\/+/, '')}` : base || '/';\n}\n\nfunction normalizeToAbsolute(node: RouteNodeInput, base = ''): RouteNode {\n  const path = isSegmentNode(node)\n    ? joinPath(base, node.segment)\n    : isPathNode(node)\n      ? (node.path === '' ? '/' : node.path)\n      : '/';\n\n  const children = (node.children ?? []).map((c) => normalizeToAbsolute(c, path));\n  return { path, label: (node as any).label, children: children.length ? children : undefined };\n}\n\n(function buildAll() {\n  // Normalize each zone tree to absolute paths\n  Object.keys(ZONE_TREES_INPUT).forEach((zone) => {\n    ZONE_TREES[zone] = normalizeToAbsolute(ZONE_TREES_INPUT[zone]);\n  });\n\n  // Build flat indexes + parent relationships\n  function walk(zone: string, node: RouteNode, parentKey: Key | null) {\n    const def: RouteDefinition = { zone, path: node.path, label: node.label };\n    const key: Key = `${zone}:${node.path}`;\n    ROUTES_INDEX[zone].push(def);\n    PARENT_INDEX.set(key, parentKey);\n    for (const child of node.children ?? []) {\n      walk(zone, child, key);\n    }\n  }\n\n  (Object.keys(ZONE_TREES) as string[]).forEach((zone) => {\n    ROUTES_INDEX[zone] = [];\n    walk(zone, ZONE_TREES[zone], null);\n  });\n})();\n\n\nfunction findBestMatch(zone: string, pathname: string): RouteDefinition | undefined {\n  const list = ROUTES_INDEX[zone] ?? [];\n  let best: RouteDefinition | undefined;\n\n  for (const r of list) {\n    if (pathname === r.path) {\n      best = r; // exact wins\n      break;\n    }\n    if (pathname.startsWith(r.path.endsWith('/') ? r.path : r.path + '/')) {\n      if (!best || r.path.length > best.path.length) best = r;\n    }\n  }\n  // fallback: zone root\n  return best ?? list.find((r) => r.path === ZONE_TREES[zone]?.path);\n}\n\nexport function getZoneRoutes(zone: string): RouteDefinition[] {\n  return ROUTES_INDEX[zone] ?? [];\n}\n\n// Top-level links for a zone’s menu (children of the zone root)\nexport function getZoneMenuRoutes(zone: string): RouteDefinition[] {\n  const root = ZONE_TREES[zone];\n  const children = root?.children ?? [];\n  return children.map((c) => ({ zone, path: c.path, label: c.label }));\n}\n\nexport function getAllZones(): string[] {\n  return Object.keys(ZONE_TREES);\n}\n\nexport function getZoneRoot(zone: string): string {\n  return ZONE_TREES[zone]?.path || '/';\n}\n\n// prettify dynamic slug labels\nfunction labelFromSlug(slug: string): string {\n  try {\n    const s = decodeURIComponent(slug).replace(/[-_]+/g, ' ').trim();\n    return s ? s.charAt(0).toUpperCase() + s.slice(1) : slug;\n  } catch {\n    return slug;\n  }\n}\n\nexport function getBreadcrumbs(\n  zone: string,\n  pathname: string\n): Array<{ label: string; href: string }> {\n\n  const normalizedPathname = pathname === '/' ? pathname : pathname.replace(/\\/+$/, '');\n\n  // sbno root has no crumbs\n  if (zone === 'sbno' && normalizedPathname === '/') return [];\n\n  const match = findBestMatch(zone, normalizedPathname);\n  if (!match) return [];\n\n  const chain: RouteDefinition[] = [];\n  let key: Key | undefined = `${zone}:${match.path}`;\n  while (key) {\n    const parentKey = PARENT_INDEX.get(key);\n    const [z, p] = key.split(':') as [string, string];\n    const def = (ROUTES_INDEX[z] ?? []).find((r) => r.path === p);\n    if (def) chain.unshift(def);\n    key = parentKey ?? undefined;\n  }\n\n  const homeRoute = (ROUTES_INDEX.sbno ?? []).find((r) => r.path === '/');\n  if (\n    homeRoute &&\n    !(chain.length === 1 && chain[0].zone === 'sbno' && chain[0].path === '/') &&\n    (chain.length === 0 || chain[0].path !== homeRoute.path)\n  ) {\n    chain.unshift(homeRoute);\n  }\n\n  // If the pathname is deeper than the best static match, add a dynamic tail\n  const last = chain[chain.length - 1];\n  if (last && normalizedPathname !== last.path && normalizedPathname.startsWith(last.path.endsWith('/') ? last.path : last.path + '/')) {\n    const segments = normalizedPathname.split('/').filter(Boolean);\n    const tail = segments[segments.length - 1];\n    chain.push({ zone, path: normalizedPathname, label: labelFromSlug(tail) });\n  }\n\n  return chain.map((r) => ({ label: r.label, href: r.path }));\n}\n\nexport function transformHrefForZone(\n  targetPath: string,\n  currentZone: string,\n  options: {\n    isDev: boolean;\n    prodUrl?: string;\n  }\n): string {\n  const { isDev, prodUrl } = options;\n\n  const targetZone = getZoneFromPathname(targetPath);\n  const isCrossZone = targetZone !== currentZone;\n\n  if (isCrossZone && isDev && prodUrl) {\n    return `${prodUrl}${targetPath}`;\n  }\n\n  const currentZoneRoot = getZoneRoot(currentZone);\n  if (!isCrossZone && isDev && currentZoneRoot !== '/') {\n    return targetPath.replace(currentZoneRoot, '') || '/';\n  }\n\n  return targetPath;\n}\n\nexport function getZoneFromPathname(pathname: string): string {\n  if (pathname.startsWith('/lokaler')) return 'lokaler';\n  return 'sbno';\n}","'use client';\n\nimport Link from 'next/link';\nimport { Dropdown } from '@digdir/designsystemet-react';\nimport { Menu } from 'lucide-react';\nimport { getZoneMenuRoutes, getAllZones, transformHrefForZone } from '@/routes';\nimport type { MenuButtonProps } from './MenuButton.types';\nimport styles from './MenuButton.module.css';\n\nexport function MenuButton({ zone }: MenuButtonProps) {\n  const isDev = process.env.NODE_ENV === 'development';\n  // TODO: Temporary here. Should come from env or something\n  const prodUrl = 'https://www.statsbygg.no';\n  const allZones = getAllZones();\n\n  return (\n    <Dropdown.TriggerContext>\n      <Dropdown.Trigger asChild className={styles.menuButton}>\n        <Menu size={20} aria-hidden />\n        Meny\n      </Dropdown.Trigger>\n      <Dropdown>\n       {isDev ? (\n        <div className={styles.devContainer}>\n          {allZones.map((z) => {\n            const routes = getZoneMenuRoutes(z);\n            return (\n              <div key={z} className={styles.zoneSection}>\n                <div className={styles.zoneTitle}>{z}</div>\n                <Dropdown.List>\n                  {routes.map((r) => (\n                    <Dropdown.Item key={`${r.zone}:${r.path}`}>\n                      <Link href={transformHrefForZone(r.path, zone, { isDev, prodUrl })}>\n                        {r.label}\n                      </Link>\n                    </Dropdown.Item>\n                  ))}\n                </Dropdown.List>\n              </div>\n            );\n          })}\n        </div>\n      ) : (\n        <Dropdown.List>\n          {getZoneMenuRoutes(zone).map((r) => (\n            <Dropdown.Item key={`${r.zone}:${r.path}`}>\n              <Link href={transformHrefForZone(r.path, zone, { isDev, prodUrl })}>\n                {r.label}\n              </Link>\n            </Dropdown.Item>\n          ))}\n        </Dropdown.List>\n        )}\n      </Dropdown>\n    </Dropdown.TriggerContext>\n  );\n}",".userInfo {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ds-spacing-1);\n  padding: var(--ds-spacing-2) var(--ds-spacing-3);\n}\n\n.userName {\n  font-size: var(--ds-font-size-sm);\n  font-weight: var(--ds-font-weight-medium);\n  color: var(--ds-color-neutral-text-default);\n}\n\n.userEmail {\n  font-size: var(--ds-font-size-xs);\n  color: var(--ds-color-neutral-text-subtle);\n}\n\n.menuButton {\n  background-color: var(--ds-color-neutral-base-default);\n}\n\n.devContainer {\n  display: flex;\n  gap: var(--ds-spacing-4);\n  padding: var(--ds-spacing-2);\n}\n\n.zoneSection {\n  flex: 1;\n  min-width: 12rem;\n}\n\n.zoneTitle {\n  font-weight: 600;\n  padding: var(--ds-spacing-2);\n  color: var(--ds-color-neutral-text-default);\n  border-bottom: 1px solid var(--ds-color-neutral-border-subtle);\n  margin-bottom: var(--ds-spacing-2);\n  text-transform: capitalize;\n}\n",".header {\n  background-color: var(--ds-color-accent-surface-tinted);\n  border-bottom: 1px solid var(--ds-color-neutral-border-subtle);\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.headerContainer {\n  max-width: 90rem;\n  margin: 0 auto;\n  padding: 0 var(--ds-size-30);\n}\n\n.topBarContainer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1.25rem 0;\n}\n\n.logo {\n  margin: 0;\n  color: var(--ds-color-neutral-text-default);\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  min-height: inherit;\n}\n\n.actionsContainer {\n  display: flex;\n  align-items: stretch;\n  gap: var(--ds-size-9);\n  min-height: inherit;\n}\n\n.searchInput {\n  min-width: 12.5rem;\n  display: flex;\n  align-items: center;\n}\n\n@media (max-width: 768px) {\n  .container {\n    padding: 0 var(--ds-spacing-4);\n  }\n\n  .topBar {\n    flex-wrap: wrap;\n    padding: var(--ds-spacing-4) 0;\n  }\n\n  .actions {\n    order: 3;\n    width: 100%;\n    flex-direction: column;\n    gap: var(--ds-spacing-3);\n  }\n\n  .searchInput {\n    width: 100%;\n    min-width: auto;\n  }\n\n  .menuButton {\n    width: 100%;\n    justify-content: center;\n  }\n}","'use client';\n\nimport { Paragraph } from '@digdir/designsystemet-react';\nimport clsx from 'clsx';\nimport type { GlobalFooterProps } from './GlobalFooter.types';\nimport styles from './GlobalFooter.module.css';\n\nexport function GlobalFooter({ className }: GlobalFooterProps) {\n\n  return (\n    <footer className={clsx(styles.footer, className)}>\n      <div className={styles.container}>\n        <div className={styles.content}>\n          <Paragraph>\n            Statsbygg Footer\n          </Paragraph>\n\n\n        </div>\n      </div>\n    </footer>\n  );\n}",".footer {\n  background-color: var(--ds-color-neutral-surface-subtle);\n  border-top: 1px solid var(--ds-color-neutral-border-subtle);\n  margin-top: auto;\n}\n\n.container {\n  max-width: 1440px;\n  margin: 0 auto;\n  padding: var(--ds-spacing-6) var(--ds-spacing-4);\n}\n\n.content {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--ds-spacing-4);\n  flex-wrap: wrap;\n}\n\n@media (max-width: 768px) {\n  .content {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n\n}",".root {\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n}\n\n.main {\n  flex: 1;\n}","import { create, StateCreator } from 'zustand';\nimport { persist, createJSONStorage } from 'zustand/middleware';\n\nexport type Theme = 'light' | 'dark' | 'system';\n\nexport type GlobalState = {\n  user?: { id: string; name?: string } | null;\n  theme: Theme;\n  locale: string;\n  setUser: (user: GlobalState['user']) => void;\n  setTheme: (theme: Theme) => void;\n  setLocale: (locale: string) => void;\n  initialize: () => void | Promise<void>;\n};\n\nconst creator: StateCreator<GlobalState, [['zustand/persist', unknown]]> = (set, get) => ({\n  user: null,\n  theme: 'light',\n  locale: 'no',\n  setUser: (user) => set({ user }),\n  setTheme: (theme) => {\n    set({ theme });\n    if (typeof document !== 'undefined') {\n      document.documentElement.setAttribute('data-color-scheme', theme);\n    }\n  },\n  setLocale: (locale) => set({ locale }),\n  initialize: () => {\n    if (typeof document !== 'undefined') {\n      document.documentElement.setAttribute('data-color-scheme', get().theme);\n    }\n  },\n});\n\nexport const useGlobalStore = create<GlobalState>()(\n  persist(creator, {\n    name: 'statsbygg-global-state',\n    storage: createJSONStorage(() => localStorage),\n  })\n);\n"],"mappings":"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","names":["clsx","Link","clsx","breadcrumbs","link","currentLink","_a","userInfo","userName","userEmail","menuButton","devContainer","zoneSection","zoneTitle","jsx","header","headerContainer","topBarContainer","logo","actionsContainer","searchInput","container","topBar","actions","menuButton","jsx","jsxs","clsx","Link","clsx","footer","container","content","jsx","clsx","root","main","jsx","jsxs","clsx"]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["'use client';\n\nexport { RootLayout } from './components/RootLayout';\nexport type { RootLayoutProps } from './components/RootLayout';\n\nexport { useGlobalStore } from './store/globalState';\nexport type { GlobalState } from './store/globalState';\n"],"mappings":";AAEA,SAAS,kBAAkB;AAG3B,SAAS,sBAAsB;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@statsbygg/layout",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "publishConfig": { "access": "public" },
   "description": "Shared layout components for Statsbygg microfrontend architecture",
   "main": "./dist/index.js",
@@ -15,8 +15,8 @@
     }
   },
 "scripts": {
-  "build": "tsup",
-  "dev": "tsup --watch",
+   "build": "tsup && rsync -a --prune-empty-dirs --include='*/' --include='*.module.css' --exclude='*' src/ dist/",
+   "dev": "tsup --watch",
   "lint": "eslint src --ext .ts,.tsx",
   "type-check": "tsc --noEmit"
 },

package/dist/index.css

@@ -1,154 +0,0 @@
-/* src/components/Breadcrumbs/Breadcrumbs.module.css */
-.Breadcrumbs_breadcrumbs {
-  --dsc-breadcrumbs-color: var(--ds-color-text-default);
-  padding: 2.5rem 0 0 0;
-}
-.Breadcrumbs_link {
-  text-decoration: underline;
-  text-underline-offset: 2px;
-  color: var(--ds-color-text-default);
-}
-.Breadcrumbs_link:hover .Breadcrumbs_link:visited {
-  color: var(--ds-color-text-default);
-}
-.Breadcrumbs_currentLink {
-  text-decoration: none;
-  font-weight: 500;
-  pointer-events: none;
-  color: var(--ds-color-text-default);
-}
-
-/* src/components/MenuButton/MenuButton.module.css */
-.MenuButton_userInfo {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ds-spacing-1);
-  padding: var(--ds-spacing-2) var(--ds-spacing-3);
-}
-.MenuButton_userName {
-  font-size: var(--ds-font-size-sm);
-  font-weight: var(--ds-font-weight-medium);
-  color: var(--ds-color-neutral-text-default);
-}
-.MenuButton_userEmail {
-  font-size: var(--ds-font-size-xs);
-  color: var(--ds-color-neutral-text-subtle);
-}
-.MenuButton_menuButton {
-  background-color: var(--ds-color-neutral-base-default);
-}
-.MenuButton_devContainer {
-  display: flex;
-  gap: var(--ds-spacing-4);
-  padding: var(--ds-spacing-2);
-}
-.MenuButton_zoneSection {
-  flex: 1;
-  min-width: 12rem;
-}
-.MenuButton_zoneTitle {
-  font-weight: 600;
-  padding: var(--ds-spacing-2);
-  color: var(--ds-color-neutral-text-default);
-  border-bottom: 1px solid var(--ds-color-neutral-border-subtle);
-  margin-bottom: var(--ds-spacing-2);
-  text-transform: capitalize;
-}
-
-/* src/components/GlobalHeader/GlobalHeader.module.css */
-.GlobalHeader_header {
-  background-color: var(--ds-color-accent-surface-tinted);
-  border-bottom: 1px solid var(--ds-color-neutral-border-subtle);
-  position: sticky;
-  top: 0;
-  z-index: 100;
-}
-.GlobalHeader_headerContainer {
-  max-width: 90rem;
-  margin: 0 auto;
-  padding: 0 var(--ds-size-30);
-}
-.GlobalHeader_topBarContainer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1.25rem 0;
-}
-.GlobalHeader_logo {
-  margin: 0;
-  color: var(--ds-color-neutral-text-default);
-  white-space: nowrap;
-  display: flex;
-  align-items: center;
-  min-height: inherit;
-}
-.GlobalHeader_actionsContainer {
-  display: flex;
-  align-items: stretch;
-  gap: var(--ds-size-9);
-  min-height: inherit;
-}
-.GlobalHeader_searchInput {
-  min-width: 12.5rem;
-  display: flex;
-  align-items: center;
-}
-@media (max-width: 768px) {
-  .GlobalHeader_container {
-    padding: 0 var(--ds-spacing-4);
-  }
-  .GlobalHeader_topBar {
-    flex-wrap: wrap;
-    padding: var(--ds-spacing-4) 0;
-  }
-  .GlobalHeader_actions {
-    order: 3;
-    width: 100%;
-    flex-direction: column;
-    gap: var(--ds-spacing-3);
-  }
-  .GlobalHeader_searchInput {
-    width: 100%;
-    min-width: auto;
-  }
-  .GlobalHeader_menuButton {
-    width: 100%;
-    justify-content: center;
-  }
-}
-
-/* src/components/GlobalFooter/GlobalFooter.module.css */
-.GlobalFooter_footer {
-  background-color: var(--ds-color-neutral-surface-subtle);
-  border-top: 1px solid var(--ds-color-neutral-border-subtle);
-  margin-top: auto;
-}
-.GlobalFooter_container {
-  max-width: 1440px;
-  margin: 0 auto;
-  padding: var(--ds-spacing-6) var(--ds-spacing-4);
-}
-.GlobalFooter_content {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: var(--ds-spacing-4);
-  flex-wrap: wrap;
-}
-@media (max-width: 768px) {
-  .GlobalFooter_content {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-}
-
-/* src/components/RootLayout/RootLayout.module.css */
-.RootLayout_root {
-  display: flex;
-  flex-direction: column;
-  min-height: 100vh;
-}
-.RootLayout_main {
-  flex: 1;
-}
-/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Breadcrumbs/Breadcrumbs.module.css","../src/components/MenuButton/MenuButton.module.css","../src/components/GlobalHeader/GlobalHeader.module.css","../src/components/GlobalFooter/GlobalFooter.module.css","../src/components/RootLayout/RootLayout.module.css"],"sourcesContent":[".breadcrumbs {\n  --dsc-breadcrumbs-color: var(--ds-color-text-default);\n  padding: 2.5rem 0 0 0;\n}\n\n.link {\n  text-decoration: underline;\n  text-underline-offset: 2px;\n  color: var(--ds-color-text-default);\n}\n\n.link:hover \n.link:visited{\n  color: var(--ds-color-text-default);\n}\n\n.currentLink {\n  text-decoration: none;\n  font-weight: 500;\n  pointer-events: none;\n  color: var(--ds-color-text-default);\n}\n",".userInfo {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ds-spacing-1);\n  padding: var(--ds-spacing-2) var(--ds-spacing-3);\n}\n\n.userName {\n  font-size: var(--ds-font-size-sm);\n  font-weight: var(--ds-font-weight-medium);\n  color: var(--ds-color-neutral-text-default);\n}\n\n.userEmail {\n  font-size: var(--ds-font-size-xs);\n  color: var(--ds-color-neutral-text-subtle);\n}\n\n.menuButton {\n  background-color: var(--ds-color-neutral-base-default);\n}\n\n.devContainer {\n  display: flex;\n  gap: var(--ds-spacing-4);\n  padding: var(--ds-spacing-2);\n}\n\n.zoneSection {\n  flex: 1;\n  min-width: 12rem;\n}\n\n.zoneTitle {\n  font-weight: 600;\n  padding: var(--ds-spacing-2);\n  color: var(--ds-color-neutral-text-default);\n  border-bottom: 1px solid var(--ds-color-neutral-border-subtle);\n  margin-bottom: var(--ds-spacing-2);\n  text-transform: capitalize;\n}\n",".header {\n  background-color: var(--ds-color-accent-surface-tinted);\n  border-bottom: 1px solid var(--ds-color-neutral-border-subtle);\n  position: sticky;\n  top: 0;\n  z-index: 100;\n}\n\n.headerContainer {\n  max-width: 90rem;\n  margin: 0 auto;\n  padding: 0 var(--ds-size-30);\n}\n\n.topBarContainer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 1.25rem 0;\n}\n\n.logo {\n  margin: 0;\n  color: var(--ds-color-neutral-text-default);\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  min-height: inherit;\n}\n\n.actionsContainer {\n  display: flex;\n  align-items: stretch;\n  gap: var(--ds-size-9);\n  min-height: inherit;\n}\n\n.searchInput {\n  min-width: 12.5rem;\n  display: flex;\n  align-items: center;\n}\n\n@media (max-width: 768px) {\n  .container {\n    padding: 0 var(--ds-spacing-4);\n  }\n\n  .topBar {\n    flex-wrap: wrap;\n    padding: var(--ds-spacing-4) 0;\n  }\n\n  .actions {\n    order: 3;\n    width: 100%;\n    flex-direction: column;\n    gap: var(--ds-spacing-3);\n  }\n\n  .searchInput {\n    width: 100%;\n    min-width: auto;\n  }\n\n  .menuButton {\n    width: 100%;\n    justify-content: center;\n  }\n}",".footer {\n  background-color: var(--ds-color-neutral-surface-subtle);\n  border-top: 1px solid var(--ds-color-neutral-border-subtle);\n  margin-top: auto;\n}\n\n.container {\n  max-width: 1440px;\n  margin: 0 auto;\n  padding: var(--ds-spacing-6) var(--ds-spacing-4);\n}\n\n.content {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--ds-spacing-4);\n  flex-wrap: wrap;\n}\n\n@media (max-width: 768px) {\n  .content {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n\n}",".root {\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n}\n\n.main {\n  flex: 1;\n}"],"mappings":";AAAA,CAACA;AACC,2BAAyB,IAAI;AAC7B,WAAS,OAAO,EAAE,EAAE;AACtB;AAEA,CAACC;AACC,mBAAiB;AACjB,yBAAuB;AACvB,SAAO,IAAI;AACb;AAEA,CANCA,gBAMI,OACL,CAPCA,gBAOI;AACH,SAAO,IAAI;AACb;AAEA,CAACC;AACC,mBAAiB;AACjB,eAAa;AACb,kBAAgB;AAChB,SAAO,IAAI;AACb;;;ACrBA,CAACC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK,IAAI;AACT,WAAS,IAAI,gBAAgB,IAAI;AACnC;AAEA,CAACC;AACC,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACb;AAEA,CAACC;AACC,aAAW,IAAI;AACf,SAAO,IAAI;AACb;AAEA,CAACC;AACC,oBAAkB,IAAI;AACxB;AAEA,CAACC;AACC,WAAS;AACT,OAAK,IAAI;AACT,WAAS,IAAI;AACf;AAEA,CAACC;AACC,QAAM;AACN,aAAW;AACb;AAEA,CAACC;AACC,eAAa;AACb,WAAS,IAAI;AACb,SAAO,IAAI;AACX,iBAAe,IAAI,MAAM,IAAI;AAC7B,iBAAe,IAAI;AACnB,kBAAgB;AAClB;;;ACxCA,CAACC;AACC,oBAAkB,IAAI;AACtB,iBAAe,IAAI,MAAM,IAAI;AAC7B,YAAU;AACV,OAAK;AACL,WAAS;AACX;AAEA,CAACC;AACC,aAAW;AACX,UAAQ,EAAE;AACV,WAAS,EAAE,IAAI;AACjB;AAEA,CAACC;AACC,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,WAAS,QAAQ;AACnB;AAEA,CAACC;AACC,UAAQ;AACR,SAAO,IAAI;AACX,eAAa;AACb,WAAS;AACT,eAAa;AACb,cAAY;AACd;AAEA,CAACC;AACC,WAAS;AACT,eAAa;AACb,OAAK,IAAI;AACT,cAAY;AACd;AAEA,CAACC;AACC,aAAW;AACX,WAAS;AACT,eAAa;AACf;AAEA,OAAO,CAAC,SAAS,EAAE;AACjB,GAACC;AACC,aAAS,EAAE,IAAI;AACjB;AAEA,GAACC;AACC,eAAW;AACX,aAAS,IAAI,gBAAgB;AAC/B;AAEA,GAACC;AACC,WAAO;AACP,WAAO;AACP,oBAAgB;AAChB,SAAK,IAAI;AACX;AAEA,GAvBDH;AAwBG,WAAO;AACP,eAAW;AACb;AAEA,GAACI;AACC,WAAO;AACP,qBAAiB;AACnB;AACF;;;ACrEA,CAACC;AACC,oBAAkB,IAAI;AACtB,cAAY,IAAI,MAAM,IAAI;AAC1B,cAAY;AACd;AAEA,CAACC;AACC,aAAW;AACX,UAAQ,EAAE;AACV,WAAS,IAAI,gBAAgB,IAAI;AACnC;AAEA,CAACC;AACC,WAAS;AACT,mBAAiB;AACjB,eAAa;AACb,OAAK,IAAI;AACT,aAAW;AACb;AAEA,OAAO,CAAC,SAAS,EAAE;AACjB,GATDA;AAUG,oBAAgB;AAChB,iBAAa;AACf;AAGF;;;AC3BA,CAACC;AACC,WAAS;AACT,kBAAgB;AAChB,cAAY;AACd;AAEA,CAACC;AACC,QAAM;AACR;","names":["breadcrumbs","link","currentLink","userInfo","userName","userEmail","menuButton","devContainer","zoneSection","zoneTitle","header","headerContainer","topBarContainer","logo","actionsContainer","searchInput","container","topBar","actions","menuButton","footer","container","content","root","main"]}

package/dist/logo-JRXKWS5H.svg

@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 75.1 14.9">
-  <!-- Generator: Adobe Illustrator 29.8.2, SVG Export Plug-In . SVG Version: 2.1.1 Build 3)  -->
-  <defs>
-    <style>
-      .st0 {
-        fill: #131819;
-      }
-    </style>
-  </defs>
-  <path class="st0" d="M16.6,11.4c-1.2-.5-1.8-1.1-1.8-2s.3-1.2.7-1.5c.5-.4,1.1-.5,1.8-.5s1.1.1,2.1.4v1.6h-.6c0-.4,0-.7-.2-1-.3-.4-.8-.5-1.2-.5-1,0-1.5.5-1.5,1.1s.3.8,1.5,1.4c1.4.6,2.4,1,2.4,2.3s-1.2,2.2-2.5,2.2-1,0-1.8-.3c-.4-.1-.5-.2-.5-.2v-2.1h.6c0,.8,0,2,1.7,2s1.6-.5,1.6-1.2-.3-.9-1.5-1.5l-.5-.2h-.3Z"/>
-  <path class="st0" d="M41.6,11.4c-1.2-.5-1.8-1.1-1.8-2s.3-1.2.7-1.5c.5-.4,1.1-.5,1.8-.5s1.1.1,2.1.4v1.6h-.6c0-.4,0-.7-.2-1-.3-.4-.8-.5-1.2-.5-1,0-1.5.5-1.5,1.1s.3.8,1.5,1.4c1.4.6,2.4,1,2.4,2.3s-1.2,2.2-2.5,2.2-1,0-1.8-.3c-.4-.1-.5-.2-.5-.2v-2.1h.6c0,.8,0,2,1.7,2s1.6-.5,1.6-1.2-.3-.9-1.5-1.5l-.5-.2h-.3Z"/>
-  <path class="st0" d="M22.7,8h-1.4c-.5.1-.6.6-.7,1.2h-.4v-1.8h6.2v1.8h-.4c0-.9-.3-1.1-.7-1.2h-1.4v5.6c0,.7.3.7.7.7h.4v.3h-3.2v-.3h.4c.4,0,.7,0,.7-.7v-5.6h-.2Z"/>
-  <path class="st0" d="M35.3,8h-1.4c-.5.1-.6.6-.7,1.2h-.4v-1.8h6.2v1.8h-.4c0-.9-.3-1.1-.7-1.2h-1.4v5.6c0,.7.3.7.7.7h.4v.3h-3.2v-.3h.4c.4,0,.7,0,.7-.7v-5.6h-.2Z"/>
-  <path class="st0" d="M30.6,12h-2.5l-.7,1.8v.3c0,.3.5.3.9.3v.3h-2.4v-.3c.5,0,.7,0,1-.7l2.6-6.1h.7l2.6,6.6c0,.1,0,.2.7.2v.3h-2.9v-.3c.8,0,1.1,0,.8-.7l-.6-1.7h-.2ZM30.5,11.5l-1.1-2.7-1.1,2.7s2.2,0,2.2,0Z"/>
-  <path class="st0" d="M46.6,8.8c0-.7,0-.9-.5-.9h-.3v-.3h3.3c.5,0,.9,0,1.3.2.7.4.8,1.2.8,1.4,0,.4,0,.7-.4,1.1-.4.4-.8.6-1.1.7.3,0,.9.2,1.4.5.4.3.7.9.7,1.4s-.3,1.2-.8,1.5c-.5.4-1.2.3-1.5.3h-3.7v-.3c.7,0,.9,0,.9-.8v-4.8h-.1ZM47.7,10.7h1.7c.3-.1.7-.4.7-1.3s0-.9-.4-1.1c-.3-.3-.8-.3-.9-.3h-.8q-.2,0-.2.5v2.2h0ZM47.7,13.7c0,.3,0,.4.2.5.2,0,1,.1,1.2.1.3,0,.6,0,.9-.2.6-.4.6-1.1.6-1.2,0-.3,0-.7-.4-1.1s-.9-.7-2.5-.6v2.6h0Z"/>
-  <path class="st0" d="M54.9,11.5l-2-3c-.3-.5-.4-.6-1.1-.6v-.3h3.1v.3h-.4c-.2,0-.4,0-.4.2s0,0,0,.2l1.7,2.7,1.4-2.1c.3-.4.4-.5.4-.8s0-.2-.8-.2v-.3h2.2v.3c-.4,0-.6,0-.8.4l-2.4,3.3v2.1c0,.2,0,.6.3.7h.7v.3h-3.3v-.3h.4c.4,0,.7,0,.7-.7v-2.2h.2Z"/>
-  <path class="st0" d="M63.7,11.2h3v.3c-.7,0-.7.1-.7.6v2.1c-.3,0-.5.1-.7.2-1.1.3-1.6.4-2.3.4-2.5,0-3.9-1.7-3.9-3.9s.6-2.3,1.3-2.8c.8-.7,1.8-.8,2.5-.8s.9,0,1.7.2q.8.1,1.3.2v2h-.5c0-.4,0-.8-.5-1.2-.5-.4-1.2-.6-1.8-.6-1.8,0-2.7,1.3-2.7,2.9s.3,1.9.7,2.4c.7,1,1.7,1.1,2.3,1.1s.6,0,1-.1c.5-.2.5-.3.5-.8v-1.1c0-.6,0-.7-.8-.7h-.3v-.4h0Z"/>
-  <path class="st0" d="M72.1,11.2h3v.3c-.7,0-.7.1-.7.6v2.1c-.3,0-.5.1-.7.2-1.1.3-1.6.4-2.3.4-2.5,0-3.9-1.7-3.9-3.9s.6-2.3,1.3-2.8c.8-.7,1.8-.8,2.5-.8s.9,0,1.7.2q.8.1,1.3.2v2h-.5c0-.4,0-.8-.5-1.2-.5-.4-1.2-.6-1.8-.6-1.8,0-2.7,1.3-2.7,2.9s.3,1.9.7,2.4c.7,1,1.7,1.1,2.3,1.1s.6,0,1-.1c.5-.2.5-.3.5-.8v-1.1c0-.6,0-.7-.8-.7h-.3v-.4h0Z"/>
-  <g>
-    <g>
-      <polygon class="st0" points="0 9.9 .7 10.6 9.7 10.6 10.4 9.9 5.2 7.3 0 9.9"/>
-      <rect class="st0" x=".7" y="11.4" width="9" height=".6"/>
-      <rect class="st0" x=".7" y="12.7" width="9" height=".6"/>
-      <rect class="st0" x=".7" y="14.1" width="9" height=".6"/>
-    </g>
-    <path class="st0" d="M8.1,3.1c-.3,0-.7,0-.9.2-.1-.1-.3-.2-.6-.2s-.8.2-.9.2h-.2s.5-.2.5-.8-.7-.8-.7-.8v-.9h.5v-.3h-.5v-.5h-.3v.5h-.5v.3h.5v.9s-.7,0-.7.8.5.8.5.8h-.2c-.1,0-.5-.2-.9-.2s-.5.1-.6.2c-.2-.1-.6-.2-.9-.2-.5,0-1.1.4-1,.9,0,.5.5,2.3.5,2.3h6.9s.4-1.8.5-2.3c0-.5-.5-.9-1-.9ZM3.2,5.2s-.2.5-.8.5-.9-.4-.9-.7h.1s.2.2.4.2.3-.1.3-.3-.1-.3-.2-.3c-.2,0-.3.2-.4.2,0,0-.2,0-.1-.1,0,0,.3-.2.3-.4s-.2-.3-.3-.3c0-.2.2-.6.8-.6s.8.1.8.1v.5s-.2,0-.2.3.2.4.2.4h0q0,.1-.1,0s-.2-.2-.3-.2-.2.1-.2.3.1.3.2.3.3-.2.3-.2h.1v.2h0ZM5,5.2s-.3.5-.8.5-.8-.5-.8-.5v-.2h.1s.2.2.3.2.2-.1.2-.3-.1-.3-.2-.3-.2.1-.3.2h-.1c0-.1.2-.3.2-.5s-.2-.3-.2-.3v-.4c0-.2.2-.2.4-.2s.9,0,1.1.1v.5s-.2,0-.2.3.2.4.2.4h0q0,.1-.1,0s-.2-.2-.3-.2-.2.1-.2.3.1.3.2.3.3-.2.3-.2h.1v.2h0ZM7,5.2s-.3.5-.8.5-.8-.5-.8-.5v-.2h.1s.2.2.3.2.2-.1.2-.3-.1-.3-.2-.3-.2.1-.3.2h-.1c0-.1.2-.3.2-.5s-.2-.3-.2-.3v-.5c.2,0,.9-.1,1.1-.1s.4,0,.4.2v.4s-.2,0-.2.3.2.4.2.4h0q0,.1-.1,0s-.2-.2-.3-.2-.2.1-.2.3.1.3.2.3.3-.2.3-.2h.1v.2h0ZM8.8,4.7s0,.1-.1.1c0,0-.2-.2-.4-.2s-.2.2-.2.3.2.3.3.3.3-.2.4-.2h.1c0,.3-.3.7-.9.7s-.8-.5-.8-.5v-.2h.1s.2.2.3.2.2-.1.2-.3-.1-.3-.2-.3-.2.1-.3.2h-.1c0-.1.2-.3.2-.5s-.2-.3-.2-.3v-.5s0-.1.8-.1.8.4.8.6c-.1,0-.3,0-.3.3s.2.3.3.4ZM8.3,4.5c-.1,0-.2.1-.2.3s.2.3.3.3"/>
-  </g>
-</svg>