@statsbygg/layout 0.0.11 → 0.0.12

package/dist/RootLayout-DOu_tRrR.d.mts

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

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

@@ -7,4 +7,4 @@ interface BreadcrumbsProps {
 
 declare function SbBreadcrumbs({ className, zone }: BreadcrumbsProps): react_jsx_runtime.JSX.Element | null;
 
-export { SbBreadcrumbs as Breadcrumbs, type BreadcrumbsProps };
+export { SbBreadcrumbs };

package/dist/components/Breadcrumbs.d.ts

@@ -7,4 +7,4 @@ interface BreadcrumbsProps {
 
 declare function SbBreadcrumbs({ className, zone }: BreadcrumbsProps): react_jsx_runtime.JSX.Element | null;
 
-export { SbBreadcrumbs as Breadcrumbs, type BreadcrumbsProps };
+export { SbBreadcrumbs };

package/dist/components/Breadcrumbs.js

@@ -1,5 +1,35 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _Breadcrumbs = require('./Breadcrumbs');
+"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.Breadcrumbs = _Breadcrumbs.SbBreadcrumbs;
+exports.SbBreadcrumbs = SbBreadcrumbs;
 //# sourceMappingURL=Breadcrumbs.js.map

package/dist/components/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Breadcrumbs/index.ts","/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/Breadcrumbs.js"],"names":[],"mappings":"AAAA,qHAA6C;ACC7C;AACE;AACF,iDAAC","file":"/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/Breadcrumbs.js","sourcesContent":["export { SbBreadcrumbs as Breadcrumbs } from './Breadcrumbs';\nexport type { BreadcrumbsProps } from './Breadcrumbs.types';",null]}
+{"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,5 +1,35 @@
-import { SbBreadcrumbs } from "./Breadcrumbs";
+"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 as Breadcrumbs
+  SbBreadcrumbs
 };
 //# sourceMappingURL=Breadcrumbs.mjs.map

package/dist/components/Breadcrumbs.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Breadcrumbs/index.ts"],"sourcesContent":["export { SbBreadcrumbs as Breadcrumbs } from './Breadcrumbs';\nexport type { BreadcrumbsProps } from './Breadcrumbs.types';"],"mappings":"AAAA,SAA0B,qBAAmB;","names":[]}
+{"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":[]}

package/dist/components/GlobalFooter.d.mts

@@ -6,4 +6,4 @@ interface GlobalFooterProps {
 
 declare function GlobalFooter({ className }: GlobalFooterProps): react_jsx_runtime.JSX.Element;
 
-export { GlobalFooter, type GlobalFooterProps };
+export { GlobalFooter };

package/dist/components/GlobalFooter.d.ts

@@ -6,4 +6,4 @@ interface GlobalFooterProps {
 
 declare function GlobalFooter({ className }: GlobalFooterProps): react_jsx_runtime.JSX.Element;
 
-export { GlobalFooter, type GlobalFooterProps };
+export { GlobalFooter };

package/dist/components/GlobalFooter.js

@@ -1,5 +1,12 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _GlobalFooter = require('./GlobalFooter');
+"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 _designsystemetreact = require('@digdir/designsystemet-react');
+var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
+var _GlobalFootermodulecss = require('./GlobalFooter.module.css'); var _GlobalFootermodulecss2 = _interopRequireDefault(_GlobalFootermodulecss);
+function GlobalFooter({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "footer", { className: _clsx2.default.call(void 0, _GlobalFootermodulecss2.default.footer, className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _GlobalFootermodulecss2.default.container, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _GlobalFootermodulecss2.default.content, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _designsystemetreact.Paragraph, { children: "Statsbygg Footer" }) }) }) });
+}
 
 
-exports.GlobalFooter = _GlobalFooter.GlobalFooter;
+exports.GlobalFooter = GlobalFooter;
 //# sourceMappingURL=GlobalFooter.js.map

package/dist/components/GlobalFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/GlobalFooter/index.ts","/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/GlobalFooter.js"],"names":[],"mappings":"AAAA,uHAA6B;ACC7B;AACE;AACF,kDAAC","file":"/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/GlobalFooter.js","sourcesContent":["export { GlobalFooter } from './GlobalFooter';\nexport type { GlobalFooterProps } from './GlobalFooter.types';",null]}
+{"version":3,"sources":["/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/GlobalFooter.js","../../src/components/GlobalFooter/GlobalFooter.tsx"],"names":[],"mappings":"AAAA,qLAAY;ACaF,+CAAA;AAXV,mEAA0B;AAC1B,wEAAiB;AAEjB,gJAAmB;AAEZ,SAAS,YAAA,CAAa,EAAE,UAAU,CAAA,EAAsB;AAE7D,EAAA,uBACE,6BAAA,QAAC,EAAA,EAAO,SAAA,EAAW,4BAAA,+BAAK,CAAO,MAAA,EAAQ,SAAS,CAAA,EAC9C,QAAA,kBAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,+BAAA,CAAO,SAAA,EACrB,QAAA,kBAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,+BAAA,CAAO,OAAA,EACrB,QAAA,kBAAA,6BAAA,8BAAC,EAAA,EAAU,QAAA,EAAA,mBAAA,CAEX,EAAA,CAGF,EAAA,CACF,EAAA,CACF,CAAA;AAEJ;ADdA;AACE;AACF,oCAAC","file":"/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/GlobalFooter.js","sourcesContent":[null,"'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}"]}

package/dist/components/GlobalFooter.mjs

@@ -1,4 +1,11 @@
-import { GlobalFooter } from "./GlobalFooter";
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Paragraph } from "@digdir/designsystemet-react";
+import clsx from "clsx";
+import styles from "./GlobalFooter.module.css";
+function GlobalFooter({ className }) {
+  return /* @__PURE__ */ jsx("footer", { className: clsx(styles.footer, className), children: /* @__PURE__ */ jsx("div", { className: styles.container, children: /* @__PURE__ */ jsx("div", { className: styles.content, children: /* @__PURE__ */ jsx(Paragraph, { children: "Statsbygg Footer" }) }) }) });
+}
 export {
   GlobalFooter
 };

package/dist/components/GlobalFooter.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/GlobalFooter/index.ts"],"sourcesContent":["export { GlobalFooter } from './GlobalFooter';\nexport type { GlobalFooterProps } from './GlobalFooter.types';"],"mappings":"AAAA,SAAS,oBAAoB;","names":[]}
+{"version":3,"sources":["../../src/components/GlobalFooter/GlobalFooter.tsx"],"sourcesContent":["'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}"],"mappings":";AAaU;AAXV,SAAS,iBAAiB;AAC1B,OAAO,UAAU;AAEjB,OAAO,YAAY;AAEZ,SAAS,aAAa,EAAE,UAAU,GAAsB;AAE7D,SACE,oBAAC,YAAO,WAAW,KAAK,OAAO,QAAQ,SAAS,GAC9C,8BAAC,SAAI,WAAW,OAAO,WACrB,8BAAC,SAAI,WAAW,OAAO,SACrB,8BAAC,aAAU,8BAEX,GAGF,GACF,GACF;AAEJ;","names":[]}

package/dist/components/GlobalHeader.d.mts

@@ -7,4 +7,4 @@ interface GlobalHeaderProps {
 
 declare function GlobalHeader({ className, zone }: GlobalHeaderProps): react_jsx_runtime.JSX.Element;
 
-export { GlobalHeader, type GlobalHeaderProps };
+export { GlobalHeader };

package/dist/components/GlobalHeader.d.ts

@@ -7,4 +7,4 @@ interface GlobalHeaderProps {
 
 declare function GlobalHeader({ className, zone }: GlobalHeaderProps): react_jsx_runtime.JSX.Element;
 
-export { GlobalHeader, type GlobalHeaderProps };
+export { GlobalHeader };

package/dist/components/GlobalHeader.js

@@ -1,5 +1,35 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _GlobalHeader = require('./GlobalHeader');
+"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 _react = require('react');
+var _designsystemetreact = require('@digdir/designsystemet-react');
+var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
+var _Breadcrumbs = require('../Breadcrumbs');
+var _MenuButton = require('../MenuButton');
+var _GlobalHeadermodulecss = require('./GlobalHeader.module.css'); var _GlobalHeadermodulecss2 = _interopRequireDefault(_GlobalHeadermodulecss);
+var _logosvg = require('../../logo.svg'); var _logosvg2 = _interopRequireDefault(_logosvg);
+function GlobalHeader({ className, zone }) {
+  const [searchValue, setSearchValue] = _react.useState.call(void 0, "");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "header", { className: _clsx2.default.call(void 0, _GlobalHeadermodulecss2.default.header, className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _GlobalHeadermodulecss2.default.headerContainer, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _GlobalHeadermodulecss2.default.topBarContainer, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _designsystemetreact.Link, { href: "https://www.statsbygg.no", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: _logosvg2.default, alt: "Logo", className: _GlobalHeadermodulecss2.default.logo }) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _GlobalHeadermodulecss2.default.actionsContainer, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _designsystemetreact.Textfield,
+          {
+            value: searchValue,
+            onChange: (e) => setSearchValue(e.target.value),
+            placeholder: "S\xF8k...",
+            className: _GlobalHeadermodulecss2.default.searchInput,
+            "aria-label": "S\xF8k"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _MenuButton.MenuButton, { zone })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Breadcrumbs.Breadcrumbs, { zone })
+  ] }) });
+}
 
 
-exports.GlobalHeader = _GlobalHeader.GlobalHeader;
+exports.GlobalHeader = GlobalHeader;
 //# sourceMappingURL=GlobalHeader.js.map

package/dist/components/GlobalHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/GlobalHeader/index.ts","/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/GlobalHeader.js"],"names":[],"mappings":"AAAA,uHAA6B;ACC7B;AACE;AACF,kDAAC","file":"/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/GlobalHeader.js","sourcesContent":["export { GlobalHeader } from './GlobalHeader';\nexport type { GlobalHeaderProps } from './GlobalHeader.types';",null]}
+{"version":3,"sources":["/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/GlobalHeader.js","../../src/components/GlobalHeader/GlobalHeader.tsx"],"names":[],"mappings":"AAAA,qLAAY;ACmBA,+CAAA;AAjBZ,8BAAyB;AACzB,mEAAgC;AAChC,wEAAiB;AACjB,6CAA4B;AAC5B,2CAA2B;AAE3B,gJAAmB;AACnB,2FAAiB;AAEV,SAAS,YAAA,CAAa,EAAE,SAAA,EAAW,KAAK,CAAA,EAAsB;AACnE,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,EAAA,EAAI,6BAAA,EAAW,CAAA;AAEjD,EAAA,uBACE,6BAAA,QAAC,EAAA,EAAO,SAAA,EAAW,4BAAA,+BAAK,CAAO,MAAA,EAAQ,SAAS,CAAA,EAC9C,QAAA,kBAAA,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,+BAAA,CAAO,eAAA,EACrB,QAAA,EAAA;AAAA,oBAAA,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,+BAAA,CAAO,eAAA,EACrB,QAAA,EAAA;AAAA,sBAAA,6BAAA,yBAAC,EAAA,EAAK,IAAA,EAAK,0BAAA,EACT,QAAA,kBAAA,6BAAA,KAAC,EAAA,EAAI,GAAA,EAAK,iBAAA,EAAM,GAAA,EAAI,MAAA,EAAO,SAAA,EAAW,+BAAA,CAAO,KAAA,CAAM,EAAA,CACrD,CAAA;AAAA,sBACA,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,+BAAA,CAAO,gBAAA,EACrB,QAAA,EAAA;AAAA,wBAAA,6BAAA;AAAA,UAAC,8BAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,WAAA;AAAA,YACP,QAAA,EAAU,CAAC,CAAA,EAAA,GAAM,cAAA,CAAe,CAAA,CAAE,MAAA,CAAO,KAAK,CAAA;AAAA,YAC9C,WAAA,EAAY,WAAA;AAAA,YACZ,SAAA,EAAW,+BAAA,CAAO,WAAA;AAAA,YAClB,YAAA,EAAW;AAAA,UAAA;AAAA,QACb,CAAA;AAAA,wBACA,6BAAA,sBAAC,EAAA,EAAW,KAAA,CAAW;AAAA,MAAA,EAAA,CACzB;AAAA,IAAA,EAAA,CACF,CAAA;AAAA,oBACA,6BAAA,wBAAC,EAAA,EAAY,KAAA,CAAY;AAAA,EAAA,EAAA,CAC3B,EAAA,CACF,CAAA;AAEJ;ADLA;AACE;AACF,oCAAC","file":"/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/GlobalHeader.js","sourcesContent":[null,"'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}"]}

package/dist/components/GlobalHeader.mjs

@@ -1,4 +1,34 @@
-import { GlobalHeader } from "./GlobalHeader";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Link, Textfield } from "@digdir/designsystemet-react";
+import clsx from "clsx";
+import { Breadcrumbs } from "../Breadcrumbs";
+import { MenuButton } from "../MenuButton";
+import styles from "./GlobalHeader.module.css";
+import logo from "../../logo.svg";
+function GlobalHeader({ className, zone }) {
+  const [searchValue, setSearchValue] = useState("");
+  return /* @__PURE__ */ jsx("header", { className: clsx(styles.header, className), children: /* @__PURE__ */ jsxs("div", { className: styles.headerContainer, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.topBarContainer, children: [
+      /* @__PURE__ */ jsx(Link, { href: "https://www.statsbygg.no", children: /* @__PURE__ */ jsx("img", { src: logo, alt: "Logo", className: styles.logo }) }),
+      /* @__PURE__ */ jsxs("div", { className: styles.actionsContainer, children: [
+        /* @__PURE__ */ jsx(
+          Textfield,
+          {
+            value: searchValue,
+            onChange: (e) => setSearchValue(e.target.value),
+            placeholder: "S\xF8k...",
+            className: styles.searchInput,
+            "aria-label": "S\xF8k"
+          }
+        ),
+        /* @__PURE__ */ jsx(MenuButton, { zone })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Breadcrumbs, { zone })
+  ] }) });
+}
 export {
   GlobalHeader
 };

package/dist/components/GlobalHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/GlobalHeader/index.ts"],"sourcesContent":["export { GlobalHeader } from './GlobalHeader';\nexport type { GlobalHeaderProps } from './GlobalHeader.types';"],"mappings":"AAAA,SAAS,oBAAoB;","names":[]}
+{"version":3,"sources":["../../src/components/GlobalHeader/GlobalHeader.tsx"],"sourcesContent":["'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}"],"mappings":";AAmBY,cAEF,YAFE;AAjBZ,SAAS,gBAAgB;AACzB,SAAS,MAAM,iBAAiB;AAChC,OAAO,UAAU;AACjB,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAE3B,OAAO,YAAY;AACnB,OAAO,UAAU;AAEV,SAAS,aAAa,EAAE,WAAW,KAAK,GAAsB;AACnE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AAEjD,SACE,oBAAC,YAAO,WAAW,KAAK,OAAO,QAAQ,SAAS,GAC9C,+BAAC,SAAI,WAAW,OAAO,iBACrB;AAAA,yBAAC,SAAI,WAAW,OAAO,iBACrB;AAAA,0BAAC,QAAK,MAAK,4BACT,8BAAC,SAAI,KAAK,MAAM,KAAI,QAAO,WAAW,OAAO,MAAM,GACrD;AAAA,MACA,qBAAC,SAAI,WAAW,OAAO,kBACrB;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU,CAAC,MAAM,eAAe,EAAE,OAAO,KAAK;AAAA,YAC9C,aAAY;AAAA,YACZ,WAAW,OAAO;AAAA,YAClB,cAAW;AAAA;AAAA,QACb;AAAA,QACA,oBAAC,cAAW,MAAW;AAAA,SACzB;AAAA,OACF;AAAA,IACA,oBAAC,eAAY,MAAY;AAAA,KAC3B,GACF;AAEJ;","names":[]}

package/dist/components/MenuButton.d.mts

@@ -6,4 +6,4 @@ type MenuButtonProps = {
 
 declare function MenuButton({ zone }: MenuButtonProps): react_jsx_runtime.JSX.Element;
 
-export { MenuButton, type MenuButtonProps };
+export { MenuButton };

package/dist/components/MenuButton.d.ts

@@ -6,4 +6,4 @@ type MenuButtonProps = {
 
 declare function MenuButton({ zone }: MenuButtonProps): react_jsx_runtime.JSX.Element;
 
-export { MenuButton, type MenuButtonProps };
+export { MenuButton };

package/dist/components/MenuButton.js

@@ -1,5 +1,29 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _MenuButton = require('./MenuButton');
+"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 _link = require('next/link'); var _link2 = _interopRequireDefault(_link);
+var _designsystemetreact = require('@digdir/designsystemet-react');
+var _lucidereact = require('lucide-react');
+var _routes = require('@/routes');
+var _MenuButtonmodulecss = require('./MenuButton.module.css'); var _MenuButtonmodulecss2 = _interopRequireDefault(_MenuButtonmodulecss);
+function MenuButton({ zone }) {
+  const isDev = process.env.NODE_ENV === "development";
+  const prodUrl = "https://www.statsbygg.no";
+  const allZones = _routes.getAllZones.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _designsystemetreact.Dropdown.TriggerContext, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _designsystemetreact.Dropdown.Trigger, { asChild: true, className: _MenuButtonmodulecss2.default.menuButton, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Menu, { size: 20, "aria-hidden": true }),
+      "Meny"
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _designsystemetreact.Dropdown, { children: isDev ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _MenuButtonmodulecss2.default.devContainer, children: allZones.map((z) => {
+      const routes = _routes.getZoneMenuRoutes.call(void 0, z);
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _MenuButtonmodulecss2.default.zoneSection, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _MenuButtonmodulecss2.default.zoneTitle, children: z }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _designsystemetreact.Dropdown.List, { children: routes.map((r) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _designsystemetreact.Dropdown.Item, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _link2.default, { href: _routes.transformHrefForZone.call(void 0, r.path, zone, { isDev, prodUrl }), children: r.label }) }, `${r.zone}:${r.path}`)) })
+      ] }, z);
+    }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _designsystemetreact.Dropdown.List, { children: _routes.getZoneMenuRoutes.call(void 0, zone).map((r) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _designsystemetreact.Dropdown.Item, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _link2.default, { href: _routes.transformHrefForZone.call(void 0, r.path, zone, { isDev, prodUrl }), children: r.label }) }, `${r.zone}:${r.path}`)) }) })
+  ] });
+}
 
 
-exports.MenuButton = _MenuButton.MenuButton;
+exports.MenuButton = MenuButton;
 //# sourceMappingURL=MenuButton.js.map

package/dist/components/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/MenuButton/index.ts","/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/MenuButton.js"],"names":[],"mappings":"AAAA,mHAA2B;ACC3B;AACE;AACF,4CAAC","file":"/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/MenuButton.js","sourcesContent":["export { MenuButton } from './MenuButton';\nexport type { MenuButtonProps } from './MenuButton.types';",null]}
+{"version":3,"sources":["/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/MenuButton.js","../../src/components/MenuButton/MenuButton.tsx"],"names":[],"mappings":"AAAA,qLAAY;ACiBN,+CAAA;AAfN,6EAAiB;AACjB,mEAAyB;AACzB,2CAAqB;AACrB,kCAAqE;AAErE,wIAAmB;AAEZ,SAAS,UAAA,CAAW,EAAE,KAAK,CAAA,EAAoB;AACpD,EAAA,MAAM,MAAA,EAAQ,OAAA,CAAQ,GAAA,CAAI,SAAA,IAAa,aAAA;AAEvC,EAAA,MAAM,QAAA,EAAU,0BAAA;AAChB,EAAA,MAAM,SAAA,EAAW,iCAAA,CAAY;AAE7B,EAAA,uBACE,8BAAA,6BAAC,CAAS,cAAA,EAAT,EACC,QAAA,EAAA;AAAA,oBAAA,8BAAA,6BAAC,CAAS,OAAA,EAAT,EAAiB,OAAA,EAAO,IAAA,EAAC,SAAA,EAAW,6BAAA,CAAO,UAAA,EAC1C,QAAA,EAAA;AAAA,sBAAA,6BAAA,iBAAC,EAAA,EAAK,IAAA,EAAM,EAAA,EAAI,aAAA,EAAW,KAAA,CAAC,CAAA;AAAA,MAAE;AAAA,IAAA,EAAA,CAEhC,CAAA;AAAA,oBACA,6BAAA,6BAAC,EAAA,EACC,QAAA,EAAA,MAAA,kBACA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,6BAAA,CAAO,YAAA,EACpB,QAAA,EAAA,QAAA,CAAS,GAAA,CAAI,CAAC,CAAA,EAAA,GAAM;AACnB,MAAA,MAAM,OAAA,EAAS,uCAAA,CAAmB,CAAA;AAClC,MAAA,uBACE,8BAAA,KAAC,EAAA,EAAY,SAAA,EAAW,6BAAA,CAAO,WAAA,EAC7B,QAAA,EAAA;AAAA,wBAAA,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,6BAAA,CAAO,SAAA,EAAY,QAAA,EAAA,EAAA,CAAE,CAAA;AAAA,wBACrC,6BAAA,6BAAC,CAAS,IAAA,EAAT,EACE,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,CAAA,EAAA,mBACX,6BAAA,6BAAC,CAAS,IAAA,EAAT,EACC,QAAA,kBAAA,6BAAA,cAAC,EAAA,EAAK,IAAA,EAAM,0CAAA,CAAqB,CAAE,IAAA,EAAM,IAAA,EAAM,EAAE,KAAA,EAAO,QAAQ,CAAC,CAAA,EAC9D,QAAA,EAAA,CAAA,CAAE,MAAA,CACL,EAAA,CAAA,EAHkB,CAAA,EAAA;AAO1B,MAAA;AASG,IAAA;AAOb,EAAA;AAEJ;AD/B2O;AACA;AACA","file":"/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/MenuButton.js","sourcesContent":[null,"'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}"]}

package/dist/components/MenuButton.mjs

@@ -1,4 +1,28 @@
-import { MenuButton } from "./MenuButton";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { Dropdown } from "@digdir/designsystemet-react";
+import { Menu } from "lucide-react";
+import { getZoneMenuRoutes, getAllZones, transformHrefForZone } from "@/routes";
+import styles from "./MenuButton.module.css";
+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: styles.menuButton, children: [
+      /* @__PURE__ */ jsx(Menu, { size: 20, "aria-hidden": true }),
+      "Meny"
+    ] }),
+    /* @__PURE__ */ jsx(Dropdown, { children: isDev ? /* @__PURE__ */ jsx("div", { className: styles.devContainer, children: allZones.map((z) => {
+      const routes = getZoneMenuRoutes(z);
+      return /* @__PURE__ */ jsxs("div", { className: styles.zoneSection, children: [
+        /* @__PURE__ */ jsx("div", { className: styles.zoneTitle, children: z }),
+        /* @__PURE__ */ jsx(Dropdown.List, { children: routes.map((r) => /* @__PURE__ */ jsx(Dropdown.Item, { children: /* @__PURE__ */ jsx(Link, { href: transformHrefForZone(r.path, zone, { isDev, prodUrl }), children: r.label }) }, `${r.zone}:${r.path}`)) })
+      ] }, z);
+    }) }) : /* @__PURE__ */ jsx(Dropdown.List, { children: getZoneMenuRoutes(zone).map((r) => /* @__PURE__ */ jsx(Dropdown.Item, { children: /* @__PURE__ */ jsx(Link, { href: transformHrefForZone(r.path, zone, { isDev, prodUrl }), children: r.label }) }, `${r.zone}:${r.path}`)) }) })
+  ] });
+}
 export {
   MenuButton
 };

package/dist/components/MenuButton.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/MenuButton/index.ts"],"sourcesContent":["export { MenuButton } from './MenuButton';\nexport type { MenuButtonProps } from './MenuButton.types';"],"mappings":"AAAA,SAAS,kBAAkB;","names":[]}
+{"version":3,"sources":["../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["'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}"],"mappings":";AAiBM,SACE,KADF;AAfN,OAAO,UAAU;AACjB,SAAS,gBAAgB;AACzB,SAAS,YAAY;AACrB,SAAS,mBAAmB,aAAa,4BAA4B;AAErE,OAAO,YAAY;AAEZ,SAAS,WAAW,EAAE,KAAK,GAAoB;AACpD,QAAM,QAAQ,QAAQ,IAAI,aAAa;AAEvC,QAAM,UAAU;AAChB,QAAM,WAAW,YAAY;AAE7B,SACE,qBAAC,SAAS,gBAAT,EACC;AAAA,yBAAC,SAAS,SAAT,EAAiB,SAAO,MAAC,WAAW,OAAO,YAC1C;AAAA,0BAAC,QAAK,MAAM,IAAI,eAAW,MAAC;AAAA,MAAE;AAAA,OAEhC;AAAA,IACA,oBAAC,YACC,kBACA,oBAAC,SAAI,WAAW,OAAO,cACpB,mBAAS,IAAI,CAAC,MAAM;AACnB,YAAM,SAAS,kBAAkB,CAAC;AAClC,aACE,qBAAC,SAAY,WAAW,OAAO,aAC7B;AAAA,4BAAC,SAAI,WAAW,OAAO,WAAY,aAAE;AAAA,QACrC,oBAAC,SAAS,MAAT,EACE,iBAAO,IAAI,CAAC,MACX,oBAAC,SAAS,MAAT,EACC,8BAAC,QAAK,MAAM,qBAAqB,EAAE,MAAM,MAAM,EAAE,OAAO,QAAQ,CAAC,GAC9D,YAAE,OACL,KAHkB,GAAG,EAAE,IAAI,IAAI,EAAE,IAAI,EAIvC,CACD,GACH;AAAA,WAVQ,CAWV;AAAA,IAEJ,CAAC,GACH,IAEA,oBAAC,SAAS,MAAT,EACE,4BAAkB,IAAI,EAAE,IAAI,CAAC,MAC5B,oBAAC,SAAS,MAAT,EACC,8BAAC,QAAK,MAAM,qBAAqB,EAAE,MAAM,MAAM,EAAE,OAAO,QAAQ,CAAC,GAC9D,YAAE,OACL,KAHkB,GAAG,EAAE,IAAI,IAAI,EAAE,IAAI,EAIvC,CACD,GACH,GAEF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/RootLayout.d.mts

@@ -1,11 +1,2 @@
-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, type RootLayoutProps };
+import 'react/jsx-runtime';
+export { R as RootLayout } from '../RootLayout-DOu_tRrR.mjs';

package/dist/components/RootLayout.d.ts

@@ -1,11 +1,2 @@
-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, type RootLayoutProps };
+import 'react/jsx-runtime';
+export { R as RootLayout } from '../RootLayout-DOu_tRrR.js';

package/dist/components/RootLayout.js

@@ -1,5 +1,36 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _RootLayout = require('./RootLayout');
+"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 _react = require('react');
+var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
+var _GlobalHeader = require('../GlobalHeader');
+var _GlobalFooter = require('../GlobalFooter');
+var _RootLayoutmodulecss = require('./RootLayout.module.css'); var _RootLayoutmodulecss2 = _interopRequireDefault(_RootLayoutmodulecss);
+var _globalState = require('@/store/globalState');
+function RootLayout({
+  children,
+  zone,
+  className
+}) {
+  const initialize = _globalState.useGlobalStore.call(void 0, (state) => state.initialize);
+  _react.useEffect.call(void 0, () => {
+    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__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _clsx2.default.call(void 0, _RootLayoutmodulecss2.default.root, className), "data-zone": zone, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GlobalHeader.GlobalHeader, { zone }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: _RootLayoutmodulecss2.default.main, children }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _GlobalFooter.GlobalFooter, {})
+  ] });
+}
 
 
-exports.RootLayout = _RootLayout.RootLayout;
+exports.RootLayout = RootLayout;
 //# sourceMappingURL=RootLayout.js.map

package/dist/components/RootLayout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/RootLayout/index.ts","/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/RootLayout.js"],"names":[],"mappings":"AAAA,mHAA2B;ACC3B;AACE;AACF,4CAAC","file":"/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/RootLayout.js","sourcesContent":["export { RootLayout } from './RootLayout';\nexport type { RootLayoutProps } from './RootLayout.types';",null]}
+{"version":3,"sources":["/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/RootLayout.js","../../src/components/RootLayout/RootLayout.tsx"],"names":[],"mappings":"AAAA,qLAAY;ACgCR,+CAAA;AA9BJ,8BAA0B;AAC1B,wEAAiB;AACjB,+CAA6B;AAC7B,+CAA6B;AAE7B,wIAAmB;AACnB,kDAA+B;AAExB,SAAS,UAAA,CAAW;AAAA,EACzB,QAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAAoB;AAClB,EAAA,MAAM,WAAA,EAAa,yCAAA,CAAgB,KAAA,EAAA,GAAU,KAAA,CAAM,UAAU,CAAA;AAE7D,EAAA,8BAAA,CAAU,EAAA,GAAM;AACd,IAAA,IAAI;AACF,MAAA,MAAM,MAAA,EAAQ,UAAA,CAAW,CAAA;AACzB,MAAA,GAAA,CAAI,MAAA,GAAS,OAAQ,KAAA,CAAwB,KAAA,IAAS,UAAA,EAAY;AAChE,QAAC,KAAA,CAAwB,KAAA,CAAM,CAAC,KAAA,EAAA,GAAU;AACxC,UAAA,OAAA,CAAQ,KAAA,CAAM,oCAAA,EAAsC,KAAK,CAAA;AAAA,QAC3D,CAAC,CAAA;AAAA,MACH;AAAA,IACF,EAAA,MAAA,CAAS,KAAA,EAAO;AACd,MAAA,OAAA,CAAQ,KAAA,CAAM,oCAAA,EAAsC,KAAK,CAAA;AAAA,IAC3D;AAAA,EACF,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AAGf,EAAA,uBACE,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,4BAAA,6BAAK,CAAO,IAAA,EAAM,SAAS,CAAA,EAAG,WAAA,EAAW,IAAA,EACvD,QAAA,EAAA;AAAA,oBAAA,6BAAA,0BAAC,EAAA,EAAa,KAAA,CAAW,CAAA;AAAA,oBACzB,6BAAA,MAAC,EAAA,EAAK,SAAA,EAAW,6BAAA,CAAO,IAAA,EAAO,SAAA,CAAS,CAAA;AAAA,oBACxC,6BAAA,0BAAC,EAAA,CAAA,CAAa;AAAA,EAAA,EAAA,CAChB,CAAA;AAEJ;ADNA;AACE;AACF,gCAAC","file":"/home/jimmy/dev/work/statsbygg-components/packages/layout/dist/components/RootLayout.js","sourcesContent":[null,"'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"]}

package/dist/components/RootLayout.mjs

@@ -1,4 +1,35 @@
-import { RootLayout } from "./RootLayout";
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import clsx from "clsx";
+import { GlobalHeader } from "../GlobalHeader";
+import { GlobalFooter } from "../GlobalFooter";
+import styles from "./RootLayout.module.css";
+import { useGlobalStore } from "@/store/globalState";
+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__ */ jsxs("div", { className: clsx(styles.root, className), "data-zone": zone, children: [
+    /* @__PURE__ */ jsx(GlobalHeader, { zone }),
+    /* @__PURE__ */ jsx("main", { className: styles.main, children }),
+    /* @__PURE__ */ jsx(GlobalFooter, {})
+  ] });
+}
 export {
   RootLayout
 };

package/dist/components/RootLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/RootLayout/index.ts"],"sourcesContent":["export { RootLayout } from './RootLayout';\nexport type { RootLayoutProps } from './RootLayout.types';"],"mappings":"AAAA,SAAS,kBAAkB;","names":[]}
+{"version":3,"sources":["../../src/components/RootLayout/RootLayout.tsx"],"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"],"mappings":";AAgCI,SACE,KADF;AA9BJ,SAAS,iBAAiB;AAC1B,OAAO,UAAU;AACjB,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAE7B,OAAO,YAAY;AACnB,SAAS,sBAAsB;AAExB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,aAAa,eAAe,CAAC,UAAU,MAAM,UAAU;AAE7D,YAAU,MAAM;AACd,QAAI;AACF,YAAM,QAAQ,WAAW;AACzB,UAAI,SAAS,OAAQ,MAAwB,SAAS,YAAY;AAChE,QAAC,MAAwB,MAAM,CAAC,UAAU;AACxC,kBAAQ,MAAM,sCAAsC,KAAK;AAAA,QAC3D,CAAC;AAAA,MACH;AAAA,IACF,SAAS,OAAO;AACd,cAAQ,MAAM,sCAAsC,KAAK;AAAA,IAC3D;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAGf,SACE,qBAAC,SAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GAAG,aAAW,MACvD;AAAA,wBAAC,gBAAa,MAAW;AAAA,IACzB,oBAAC,UAAK,WAAW,OAAO,MAAO,UAAS;AAAA,IACxC,oBAAC,gBAAa;AAAA,KAChB;AAEJ;","names":[]}

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-export { RootLayout, RootLayoutProps } from './components/RootLayout.mjs';
+export { R as RootLayout, a as RootLayoutProps } from './RootLayout-DOu_tRrR.mjs';
 export { GlobalState, useGlobalStore } from './store/globalState.mjs';
 import 'react/jsx-runtime';
 import 'zustand/middleware';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { RootLayout, RootLayoutProps } from './components/RootLayout.js';
+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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@statsbygg/layout",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "publishConfig": {
     "access": "public"
   },