@statsbygg/layout 0.0.12 → 0.0.14

package/dist/index.d.ts

@@ -1,5 +1,40 @@
-export { R as RootLayout, a as RootLayoutProps } from './RootLayout-DOu_tRrR.js';
-export { GlobalState, useGlobalStore } from './store/globalState.js';
-import 'react/jsx-runtime';
-import 'zustand/middleware';
-import 'zustand';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as zustand_middleware from 'zustand/middleware';
+import * as zustand from 'zustand';
+
+interface RootLayoutProps {
+    children: React.ReactNode;
+    zone: string;
+    className?: string;
+}
+
+declare function RootLayout({ children, zone, className, }: RootLayoutProps): react_jsx_runtime.JSX.Element;
+
+type Theme = 'light' | 'dark' | 'system';
+type GlobalState = {
+    user?: {
+        id: string;
+        name?: string;
+    } | null;
+    theme: Theme;
+    locale: string;
+    setUser: (user: GlobalState['user']) => void;
+    setTheme: (theme: Theme) => void;
+    setLocale: (locale: string) => void;
+    initialize: () => void | Promise<void>;
+};
+declare const useGlobalStore: zustand.UseBoundStore<Omit<zustand.StoreApi<GlobalState>, "setState" | "persist"> & {
+    setState(partial: GlobalState | Partial<GlobalState> | ((state: GlobalState) => GlobalState | Partial<GlobalState>), replace?: false | undefined): unknown;
+    setState(state: GlobalState | ((state: GlobalState) => GlobalState), replace: true): unknown;
+    persist: {
+        setOptions: (options: Partial<zustand_middleware.PersistOptions<GlobalState, unknown, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: GlobalState) => void) => () => void;
+        onFinishHydration: (fn: (state: GlobalState) => void) => () => void;
+        getOptions: () => Partial<zustand_middleware.PersistOptions<GlobalState, unknown, unknown>>;
+    };
+}>;
+
+export { type GlobalState, RootLayout, type RootLayoutProps, useGlobalStore };

package/dist/index.js

@@ -1,8 +1,318 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-var _RootLayout = require('./components/RootLayout');
-var _globalState = require('./store/globalState');
+"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";
 
-exports.RootLayout = _RootLayout.RootLayout; exports.useGlobalStore = _globalState.useGlobalStore;
+// src/components/Breadcrumbs/Breadcrumbs.tsx
+import { usePathname } from "next/navigation";
+import { Breadcrumbs } from "@digdir/designsystemet-react";
+import clsx from "clsx";
+import styles from "./Breadcrumbs.module.css";
+
+// 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(styles.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 ? styles.currentLink : styles.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";
+import styles2 from "./MenuButton.module.css";
+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: styles2.menuButton, children: [
+      /* @__PURE__ */ jsx2(Menu, { size: 20, "aria-hidden": true }),
+      "Meny"
+    ] }),
+    /* @__PURE__ */ jsx2(Dropdown, { children: isDev ? /* @__PURE__ */ jsx2("div", { className: styles2.devContainer, children: allZones.map((z) => {
+      const routes = getZoneMenuRoutes(z);
+      return /* @__PURE__ */ jsxs("div", { className: styles2.zoneSection, children: [
+        /* @__PURE__ */ jsx2("div", { className: styles2.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.tsx
+import styles3 from "./GlobalHeader.module.css";
+
+// 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(styles3.header, className), children: /* @__PURE__ */ jsxs2("div", { className: styles3.headerContainer, children: [
+    /* @__PURE__ */ jsxs2("div", { className: styles3.topBarContainer, children: [
+      /* @__PURE__ */ jsx3(Link2, { href: "https://www.statsbygg.no", children: /* @__PURE__ */ jsx3("img", { src: logo_default, alt: "Logo", className: styles3.logo }) }),
+      /* @__PURE__ */ jsxs2("div", { className: styles3.actionsContainer, children: [
+        /* @__PURE__ */ jsx3(
+          Textfield,
+          {
+            value: searchValue,
+            onChange: (e) => setSearchValue(e.target.value),
+            placeholder: "S\xF8k...",
+            className: styles3.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";
+import styles4 from "./GlobalFooter.module.css";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function GlobalFooter({ className }) {
+  return /* @__PURE__ */ jsx4("footer", { className: clsx3(styles4.footer, className), children: /* @__PURE__ */ jsx4("div", { className: styles4.container, children: /* @__PURE__ */ jsx4("div", { className: styles4.content, children: /* @__PURE__ */ jsx4(Paragraph, { children: "Statsbygg Footer" }) }) }) });
+}
+
+// src/components/RootLayout/RootLayout.tsx
+import styles5 from "./RootLayout.module.css";
+
+// 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(styles5.root, className), "data-zone": zone, children: [
+    /* @__PURE__ */ jsx5(GlobalHeader, { zone }),
+    /* @__PURE__ */ jsx5("main", { className: styles5.main, children }),
+    /* @__PURE__ */ jsx5(GlobalFooter, {})
+  ] });
+}
+export {
+  RootLayout,
+  useGlobalStore
+};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/index.js","../src/index.ts"],"names":[],"mappings":"AAAA,qFAAY;ACEZ,qDAA2B;AAG3B,kDAA+B;ADF/B;AACE;AACA;AACF,kGAAC","file":"/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/index.js","sourcesContent":[null,"'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"]}
+{"version":3,"sources":["../src/components/RootLayout/RootLayout.tsx","../src/components/GlobalHeader/GlobalHeader.tsx","../src/components/Breadcrumbs/Breadcrumbs.tsx","../src/routes.ts","../src/components/MenuButton/MenuButton.tsx","../src/components/GlobalFooter/GlobalFooter.tsx","../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}","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}","'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}","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","_a","styles","jsx","styles","jsx","jsxs","clsx","styles","Link","clsx","styles","jsx","styles","jsx","jsxs","clsx","styles"]}

package/dist/logo-JRXKWS5H.svg

@@ -0,0 +1,29 @@
+<?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>

package/package.json

@@ -1,31 +1,27 @@
 {
   "name": "@statsbygg/layout",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "publishConfig": {
     "access": "public"
   },
   "description": "Shared layout components for Statsbygg microfrontend architecture",
+  "type": "module",
   "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "files": [
-    "dist/**"
-  ],
   "exports": {
     ".": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./components/*": "./dist/components/*",
-    "./store/*": "./dist/store/*"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
   },
+  "files": [
+    "dist/**"
+  ],
   "sideEffects": [
     "**/*.css"
   ],
   "scripts": {
-    "build": "tsup && npm run copy:css",
-    "copy:css": "node scripts/copy-css.js",
+    "build": "tsup && node scripts/copy-css.js",
     "dev": "tsup --watch",
     "lint": "eslint src --ext .ts,.tsx",
     "type-check": "tsc --noEmit",

package/dist/RootLayout-DOu_tRrR.d.mts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface RootLayoutProps {
-    children: React.ReactNode;
-    zone: string;
-    className?: string;
-}
-
-declare function RootLayout({ children, zone, className, }: RootLayoutProps): react_jsx_runtime.JSX.Element;
-
-export { RootLayout as R, type RootLayoutProps as a };

package/dist/RootLayout-DOu_tRrR.d.ts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface RootLayoutProps {
-    children: React.ReactNode;
-    zone: string;
-    className?: string;
-}
-
-declare function RootLayout({ children, zone, className, }: RootLayoutProps): react_jsx_runtime.JSX.Element;
-
-export { RootLayout as R, type RootLayoutProps as a };

package/dist/components/Breadcrumbs.d.mts

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface BreadcrumbsProps {
-    className?: string;
-    zone: string;
-}
-
-declare function SbBreadcrumbs({ className, zone }: BreadcrumbsProps): react_jsx_runtime.JSX.Element | null;
-
-export { SbBreadcrumbs };

package/dist/components/Breadcrumbs.d.ts

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface BreadcrumbsProps {
-    className?: string;
-    zone: string;
-}
-
-declare function SbBreadcrumbs({ className, zone }: BreadcrumbsProps): react_jsx_runtime.JSX.Element | null;
-
-export { SbBreadcrumbs };

package/dist/components/Breadcrumbs.js

@@ -1,35 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
-var _jsxruntime = require('react/jsx-runtime');
-var _navigation = require('next/navigation');
-var _designsystemetreact = require('@digdir/designsystemet-react');
-var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
-var _Breadcrumbsmodulecss = require('./Breadcrumbs.module.css'); var _Breadcrumbsmodulecss2 = _interopRequireDefault(_Breadcrumbsmodulecss);
-var _routes = require('@/routes');
-function SbBreadcrumbs({ className, zone }) {
-  const pathname = _navigation.usePathname.call(void 0, );
-  const isDev = process.env.NODE_ENV === "development";
-  const prodUrl = "https://www.statsbygg.no";
-  const zoneRoot = _routes.getZoneRoot.call(void 0, zone);
-  const fullPath = isDev && zoneRoot !== "/" && !pathname.startsWith(zoneRoot) ? `${zoneRoot}${pathname}` : pathname;
-  const breadcrumbs = _routes.getBreadcrumbs.call(void 0, zone, fullPath);
-  if (breadcrumbs.length <= 1) {
-    return null;
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _designsystemetreact.Breadcrumbs, { "aria-label": "Du er her:", className: _clsx2.default.call(void 0, _Breadcrumbsmodulecss2.default.breadcrumbs, className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _designsystemetreact.Breadcrumbs.List, { children: breadcrumbs.map((crumb, index) => {
-    const isLast = index === breadcrumbs.length - 1;
-    const href = _routes.transformHrefForZone.call(void 0, crumb.href, zone, { isDev, prodUrl });
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _designsystemetreact.Breadcrumbs.Item, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _designsystemetreact.Breadcrumbs.Link,
-      {
-        href,
-        "aria-current": isLast ? "page" : void 0,
-        className: isLast ? _Breadcrumbsmodulecss2.default.currentLink : _Breadcrumbsmodulecss2.default.link,
-        children: crumb.label
-      }
-    ) }, crumb.href);
-  }) }) });
-}
-
-
-exports.SbBreadcrumbs = SbBreadcrumbs;
-//# sourceMappingURL=Breadcrumbs.js.map

package/dist/components/Breadcrumbs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/Breadcrumbs.js","../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,qLAAY;ACmCE,+CAAA;AAjCd,6CAA4B;AAC5B,mEAA4B;AAC5B,wEAAiB;AAEjB,4IAAmB;AACnB,kCAAkE;AAE3D,SAAS,aAAA,CAAc,EAAE,SAAA,EAAW,KAAK,CAAA,EAAqB;AACpE,EAAA,MAAM,SAAA,EAAW,qCAAA,CAAY;AAC5B,EAAA,MAAM,MAAA,EAAQ,OAAA,CAAQ,GAAA,CAAI,SAAA,IAAa,aAAA;AACvC,EAAA,MAAM,QAAA,EAAU,0BAAA;AAChB,EAAA,MAAM,SAAA,EAAW,iCAAA,IAAgB,CAAA;AAEjC,EAAA,MAAM,SAAA,EAAW,MAAA,GAAS,SAAA,IAAa,IAAA,GAAO,CAAC,QAAA,CAAS,UAAA,CAAW,QAAQ,EAAA,EACvE,CAAA,EAAA;AAG6C,EAAA;AAEpB,EAAA;AACpB,IAAA;AACT,EAAA;AAIuC,EAAA;AAGe,IAAA;AACwB,IAAA;AAIlE,IAAA;AAAa,MAAA;AAAZ,MAAA;AACC,QAAA;AACgC,QAAA;AACgB,QAAA;AAEzC,QAAA;AAAA,MAAA;AAEX,IAAA;AAIR,EAAA;AAEJ;ADjBkF;AACA;AACA","file":"/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/Breadcrumbs.js","sourcesContent":[null,"'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}"]}

package/dist/components/Breadcrumbs.mjs

@@ -1,35 +0,0 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { usePathname } from "next/navigation";
-import { Breadcrumbs } from "@digdir/designsystemet-react";
-import clsx from "clsx";
-import styles from "./Breadcrumbs.module.css";
-import { getBreadcrumbs, getZoneRoot, transformHrefForZone } from "@/routes";
-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(styles.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 ? styles.currentLink : styles.link,
-        children: crumb.label
-      }
-    ) }, crumb.href);
-  }) }) });
-}
-export {
-  SbBreadcrumbs
-};
-//# sourceMappingURL=Breadcrumbs.mjs.map

package/dist/components/Breadcrumbs.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["'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}"],"mappings":";AAmCc;AAjCd,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,OAAO,UAAU;AAEjB,OAAO,YAAY;AACnB,SAAS,gBAAgB,aAAa,4BAA4B;AAE3D,SAAS,cAAc,EAAE,WAAW,KAAK,GAAqB;AACpE,QAAM,WAAW,YAAY;AAC5B,QAAM,QAAQ,QAAQ,IAAI,aAAa;AACvC,QAAM,UAAU;AAChB,QAAM,WAAW,YAAY,IAAI;AAEjC,QAAM,WAAW,SAAS,aAAa,OAAO,CAAC,SAAS,WAAW,QAAQ,IACvE,GAAG,QAAQ,GAAG,QAAQ,KACtB;AAEJ,QAAM,cAAc,eAAe,MAAM,QAAQ;AAEjD,MAAI,YAAY,UAAU,GAAG;AAC3B,WAAO;AAAA,EACT;AAGA,SACE,oBAAC,eAAY,cAAW,cAAa,WAAW,KAAK,OAAO,aAAa,SAAS,GAChF,8BAAC,YAAY,MAAZ,EACE,sBAAY,IAAI,CAAC,OAAO,UAAU;AACjC,UAAM,SAAS,UAAU,YAAY,SAAS;AAC9C,UAAM,OAAO,qBAAqB,MAAM,MAAM,MAAM,EAAE,OAAO,QAAQ,CAAC;AAEtE,WACE,oBAAC,YAAY,MAAZ,EACC;AAAA,MAAC,YAAY;AAAA,MAAZ;AAAA,QACC;AAAA,QACA,gBAAc,SAAS,SAAS;AAAA,QAChC,WAAW,SAAS,OAAO,cAAc,OAAO;AAAA,QAE/C,gBAAM;AAAA;AAAA,IACT,KAPqB,MAAM,IAQ7B;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;","names":[]}