@dbcdk/react-components 0.0.5 → 0.0.6

package/dist/components/modal/Modal.js

@@ -1,128 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useId, useRef, useEffect } from 'react';
-import styles from './Modal.module.css';
-import { Headline } from '../headline/Headline';
-import { Button } from '../button/Button';
-import { X } from 'lucide-react';
-
-function Modal({
-  isOpen,
-  onRequestClose,
-  header,
-  content,
-  primaryAction,
-  secondaryAction,
-  closeOnOverlayClick = true,
-  severity,
-  disableContentSpacing = false,
-  isLoading
-}) {
-  const titleId = useId();
-  const dialogRef = useRef(null);
-  const lastActiveElementRef = useRef(null);
-  useEffect(() => {
-    if (!isOpen) return;
-    lastActiveElementRef.current = document.activeElement;
-    const dialog = dialogRef.current;
-    if (dialog) {
-      const focusableSelectors = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
-      const focusable = dialog.querySelectorAll(focusableSelectors);
-      if (focusable.length > 0) {
-        focusable[0].focus();
-      } else {
-        dialog.focus();
-      }
-    }
-    const handleKeyDown = (event) => {
-      if (event.key === "Escape") {
-        onRequestClose();
-        return;
-      }
-      if (event.key === "Tab" && dialogRef.current) {
-        const focusableSelectors = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
-        const focusable = dialogRef.current.querySelectorAll(focusableSelectors);
-        if (focusable.length === 0) return;
-        const first = focusable[0];
-        const last = focusable[focusable.length - 1];
-        if (event.shiftKey) {
-          if (document.activeElement === first) {
-            event.preventDefault();
-            last.focus();
-          }
-        } else {
-          if (document.activeElement === last) {
-            event.preventDefault();
-            first.focus();
-          }
-        }
-      }
-    };
-    document.addEventListener("keydown", handleKeyDown);
-    return () => {
-      document.removeEventListener("keydown", handleKeyDown);
-      if (lastActiveElementRef.current) {
-        lastActiveElementRef.current.focus();
-      }
-    };
-  }, [isOpen, onRequestClose]);
-  if (!isOpen) return null;
-  const handleOverlayClick = () => {
-    if (closeOnOverlayClick) {
-      onRequestClose();
-    }
-  };
-  const stopPropagation = (e) => {
-    e.stopPropagation();
-  };
-  const resolvedSecondaryAction = secondaryAction != null ? secondaryAction : primaryAction ? { label: "Luk", onClick: onRequestClose } : void 0;
-  const shouldRenderFooter = Boolean(primaryAction || resolvedSecondaryAction);
-  return /* @__PURE__ */ jsx("div", { className: styles.overlay, onClick: handleOverlayClick, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: dialogRef,
-      className: `${styles.modal} ${disableContentSpacing ? "" : styles.contentSpacing}`,
-      onClick: stopPropagation,
-      role: "dialog",
-      "aria-modal": "true",
-      "aria-labelledby": header ? titleId : void 0,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
-          header && /* @__PURE__ */ jsx(Headline, { severity, size: 3, disableMargin: true, children: header }),
-          /* @__PURE__ */ jsx(Button, { type: "button", variant: "inline", onClick: onRequestClose, "aria-label": "Luk", children: /* @__PURE__ */ jsx(X, {}) })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: styles.body, children: content }),
-        shouldRenderFooter && /* @__PURE__ */ jsxs("div", { className: styles.footer, children: [
-          resolvedSecondaryAction && /* @__PURE__ */ jsxs(
-            Button,
-            {
-              type: "button",
-              variant: "outlined",
-              onClick: resolvedSecondaryAction.onClick,
-              disabled: isLoading,
-              children: [
-                resolvedSecondaryAction.icon && /* @__PURE__ */ jsx("span", { className: styles.icon, children: resolvedSecondaryAction.icon }),
-                /* @__PURE__ */ jsx("span", { children: resolvedSecondaryAction.label })
-              ]
-            }
-          ),
-          primaryAction && /* @__PURE__ */ jsxs(
-            Button,
-            {
-              type: "button",
-              variant: "primary",
-              onClick: primaryAction.onClick,
-              disabled: primaryAction.disabled || isLoading,
-              loading: isLoading,
-              children: [
-                primaryAction.icon && /* @__PURE__ */ jsx("span", { className: styles.icon, children: primaryAction.icon }),
-                /* @__PURE__ */ jsx("span", { children: primaryAction.label })
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  ) });
-}
-
-export { Modal };

package/dist/components/modal/provider/ModalProvider.cjs

@@ -1,80 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var Modal = require('../Modal');
-
-const ModalContext = react.createContext(void 0);
-function ModalProvider({ children }) {
-  const [isOpen, setIsOpen] = react.useState(false);
-  const [config, setConfig] = react.useState(null);
-  const pendingResolverRef = react.useRef(null);
-  const resolvePending = react.useCallback((value) => {
-    if (pendingResolverRef.current) {
-      pendingResolverRef.current(value);
-      pendingResolverRef.current = null;
-    }
-  }, []);
-  const closeModal = react.useCallback(() => {
-    setIsOpen(false);
-  }, []);
-  const openModal = react.useCallback(
-    (newConfig) => {
-      resolvePending(false);
-      setConfig(newConfig);
-      setIsOpen(true);
-    },
-    [resolvePending]
-  );
-  const handleRequestClose = react.useCallback(() => {
-    if (config == null ? void 0 : config.onRequestClose) {
-      config.onRequestClose();
-    }
-    resolvePending(false);
-    closeModal();
-  }, [config, closeModal, resolvePending]);
-  const confirm = react.useCallback(
-    (confirmConfig) => {
-      return new Promise((resolve) => {
-        resolvePending(false);
-        pendingResolverRef.current = resolve;
-        const { confirmLabel = "OK", cancelLabel = "Annuller", ...rest } = confirmConfig;
-        const primaryAction = {
-          label: confirmLabel,
-          onClick: () => {
-            resolvePending(true);
-            closeModal();
-          }
-        };
-        const secondaryAction = {
-          label: cancelLabel,
-          onClick: () => {
-            resolvePending(false);
-            closeModal();
-          }
-        };
-        setConfig({
-          ...rest,
-          primaryAction,
-          secondaryAction
-        });
-        setIsOpen(true);
-      });
-    },
-    [closeModal, resolvePending]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(ModalContext.Provider, { value: { openModal, closeModal, confirm }, children: [
-    children,
-    /* @__PURE__ */ jsxRuntime.jsx(Modal.Modal, { ...config != null ? config : {}, isOpen, onRequestClose: handleRequestClose })
-  ] });
-}
-function useModal() {
-  const ctx = react.useContext(ModalContext);
-  if (!ctx) {
-    throw new Error("useModal must be used within a ModalProvider");
-  }
-  return ctx;
-}
-
-exports.ModalProvider = ModalProvider;
-exports.useModal = useModal;

package/dist/components/modal/provider/ModalProvider.js

@@ -1,77 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { createContext, useState, useRef, useCallback, useContext } from 'react';
-import { Modal } from '../Modal';
-
-const ModalContext = createContext(void 0);
-function ModalProvider({ children }) {
-  const [isOpen, setIsOpen] = useState(false);
-  const [config, setConfig] = useState(null);
-  const pendingResolverRef = useRef(null);
-  const resolvePending = useCallback((value) => {
-    if (pendingResolverRef.current) {
-      pendingResolverRef.current(value);
-      pendingResolverRef.current = null;
-    }
-  }, []);
-  const closeModal = useCallback(() => {
-    setIsOpen(false);
-  }, []);
-  const openModal = useCallback(
-    (newConfig) => {
-      resolvePending(false);
-      setConfig(newConfig);
-      setIsOpen(true);
-    },
-    [resolvePending]
-  );
-  const handleRequestClose = useCallback(() => {
-    if (config == null ? void 0 : config.onRequestClose) {
-      config.onRequestClose();
-    }
-    resolvePending(false);
-    closeModal();
-  }, [config, closeModal, resolvePending]);
-  const confirm = useCallback(
-    (confirmConfig) => {
-      return new Promise((resolve) => {
-        resolvePending(false);
-        pendingResolverRef.current = resolve;
-        const { confirmLabel = "OK", cancelLabel = "Annuller", ...rest } = confirmConfig;
-        const primaryAction = {
-          label: confirmLabel,
-          onClick: () => {
-            resolvePending(true);
-            closeModal();
-          }
-        };
-        const secondaryAction = {
-          label: cancelLabel,
-          onClick: () => {
-            resolvePending(false);
-            closeModal();
-          }
-        };
-        setConfig({
-          ...rest,
-          primaryAction,
-          secondaryAction
-        });
-        setIsOpen(true);
-      });
-    },
-    [closeModal, resolvePending]
-  );
-  return /* @__PURE__ */ jsxs(ModalContext.Provider, { value: { openModal, closeModal, confirm }, children: [
-    children,
-    /* @__PURE__ */ jsx(Modal, { ...config != null ? config : {}, isOpen, onRequestClose: handleRequestClose })
-  ] });
-}
-function useModal() {
-  const ctx = useContext(ModalContext);
-  if (!ctx) {
-    throw new Error("useModal must be used within a ModalProvider");
-  }
-  return ctx;
-}
-
-export { ModalProvider, useModal };

package/dist/components/multi-select/MultiSelect.cjs

@@ -1,59 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var lucideReact = require('lucide-react');
-var Button = require('../button/Button');
-var Menu = require('../menu/Menu');
-var Popover = require('../popover/Popover');
-var Chip = require('../chip/Chip');
-var ClearButton = require('../clear-button/ClearButton');
-
-function MultiSelect({
-  options,
-  selectedValues = [],
-  onChange,
-  children,
-  variant = "outlined",
-  size = "md",
-  onClear
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Popover.Popover,
-    {
-      trigger: (onClick, icon) => /* @__PURE__ */ jsxRuntime.jsxs(Button.Button, { variant, onClick, size, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
-          children || "V\xE6lg",
-          " ",
-          selectedValues.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Chip.Chip, { size: "sm", severity: "info", children: `${selectedValues.length}` }) : null
-        ] }),
-        onClear && selectedValues.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ClearButton.ClearButton, { onClick: onClear }),
-        icon
-      ] }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(Menu.Menu, { children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(Menu.Menu.Item, { active: selectedValues == null ? void 0 : selectedValues.includes(option.value), children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          onClick: () => {
-            onChange(option.value);
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "span",
-              {
-                style: {
-                  pointerEvents: "none",
-                  display: "flex",
-                  alignItems: "center",
-                  color: !(selectedValues == null ? void 0 : selectedValues.includes(option.value)) ? "var(--color-border-strong)" : "inherit"
-                },
-                children: (selectedValues == null ? void 0 : selectedValues.includes(option.value)) ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, {})
-              }
-            ),
-            option.label
-          ]
-        }
-      ) }, option.value)) })
-    }
-  );
-}
-
-exports.MultiSelect = MultiSelect;

package/dist/components/multi-select/MultiSelect.d.ts

@@ -1,18 +0,0 @@
-import { ButtonVariant } from '../button/Button';
-interface MultiselectOption {
-    label: string;
-    value: string;
-    icon?: React.ReactNode;
-}
-interface MultiSelectProps {
-    options: MultiselectOption[];
-    selectedValues: string[];
-    onChange: (selectedValue: string) => void;
-    placeholder?: string;
-    children?: React.ReactNode;
-    variant?: ButtonVariant;
-    size?: 'sm' | 'md' | 'lg';
-    onClear?: () => void;
-}
-export declare function MultiSelect({ options, selectedValues, onChange, children, variant, size, onClear, }: MultiSelectProps): React.ReactNode;
-export {};

package/dist/components/multi-select/MultiSelect.js

@@ -1,57 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Check, Square } from 'lucide-react';
-import { Button } from '../button/Button';
-import { Menu } from '../menu/Menu';
-import { Popover } from '../popover/Popover';
-import { Chip } from '../chip/Chip';
-import { ClearButton } from '../clear-button/ClearButton';
-
-function MultiSelect({
-  options,
-  selectedValues = [],
-  onChange,
-  children,
-  variant = "outlined",
-  size = "md",
-  onClear
-}) {
-  return /* @__PURE__ */ jsx(
-    Popover,
-    {
-      trigger: (onClick, icon) => /* @__PURE__ */ jsxs(Button, { variant, onClick, size, children: [
-        /* @__PURE__ */ jsxs("span", { children: [
-          children || "V\xE6lg",
-          " ",
-          selectedValues.length > 0 ? /* @__PURE__ */ jsx(Chip, { size: "sm", severity: "info", children: `${selectedValues.length}` }) : null
-        ] }),
-        onClear && selectedValues.length > 0 && /* @__PURE__ */ jsx(ClearButton, { onClick: onClear }),
-        icon
-      ] }),
-      children: /* @__PURE__ */ jsx(Menu, { children: options.map((option) => /* @__PURE__ */ jsx(Menu.Item, { active: selectedValues == null ? void 0 : selectedValues.includes(option.value), children: /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => {
-            onChange(option.value);
-          },
-          children: [
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                style: {
-                  pointerEvents: "none",
-                  display: "flex",
-                  alignItems: "center",
-                  color: !(selectedValues == null ? void 0 : selectedValues.includes(option.value)) ? "var(--color-border-strong)" : "inherit"
-                },
-                children: (selectedValues == null ? void 0 : selectedValues.includes(option.value)) ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(Square, {})
-              }
-            ),
-            option.label
-          ]
-        }
-      ) }, option.value)) })
-    }
-  );
-}
-
-export { MultiSelect };

package/dist/components/nav-bar/NavBar.cjs

@@ -1,55 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var styles = require('./NavBar.module.css');
-var logo = require('../../assets/logo');
-var Headline = require('../headline/Headline');
-var AppHeader = require('../app-header/AppHeader');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styles__default = /*#__PURE__*/_interopDefault(styles);
-
-function NavBar({ logo: logo$1, items, productName, addition }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(AppHeader.AppHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "nav",
-    {
-      className: styles__default.default.container,
-      "aria-label": productName ? `${productName} navigation` : "Main navigation",
-      children: [
-        logo$1,
-        productName && /* @__PURE__ */ jsxRuntime.jsxs(
-          "span",
-          {
-            className: styles__default.default.productName,
-            style: { display: "flex", alignItems: "center", gap: 16 },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(logo.Logo, {}),
-              /* @__PURE__ */ jsxRuntime.jsx(Headline.Headline, { disableMargin: true, size: 1, children: productName })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: styles__default.default.navItems, role: "list", children: items == null ? void 0 : items.filter((i) => i.enabled !== false).map((item, id) => {
-          const { component: Component, label, icon, href, active, external } = item;
-          const linkClass = [styles__default.default.link, active ? styles__default.default.active : ""].filter(Boolean).join(" ");
-          const commonProps = {
-            className: linkClass,
-            href,
-            ...active ? { "aria-current": "page" } : {},
-            ...external ? { target: "_blank", rel: "noopener noreferrer" } : {}
-          };
-          return /* @__PURE__ */ jsxRuntime.jsx("li", { className: styles__default.default.navItem, role: "listitem", children: Component ? /* @__PURE__ */ jsxRuntime.jsxs(Component, { ...commonProps, children: [
-            icon,
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.label, children: label })
-          ] }) : /* @__PURE__ */ jsxRuntime.jsxs("a", { ...commonProps, children: [
-            icon,
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.label, children: label })
-          ] }) }, id);
-        }) }),
-        addition
-      ]
-    }
-  ) });
-}
-
-exports.NavBar = NavBar;

package/dist/components/page/Page.cjs

@@ -1,30 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var Headline = require('../headline/Headline');
-var styles = require('./Page.module.css');
-var Breadcrumbs = require('../breadcrumbs/Breadcrumbs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styles__default = /*#__PURE__*/_interopDefault(styles);
-
-function Page({
-  header,
-  severity,
-  headerIcon,
-  headerAddition,
-  breadcrumbs,
-  disableContentBox,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grow-container", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles__default.default.headerContainer, children: [
-      breadcrumbs ? /* @__PURE__ */ jsxRuntime.jsx(Breadcrumbs.Breadcrumbs, { items: breadcrumbs }) : /* @__PURE__ */ jsxRuntime.jsx(Headline.Headline, { disableMargin: true, size: 2, severity, icon: headerIcon, children: header }),
-      headerAddition
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles__default.default.content} ${disableContentBox ? styles__default.default.disableContentBox : ""}`, children })
-  ] });
-}
-
-exports.Page = Page;

package/dist/components/page-layout/PageLayout.cjs

@@ -1,84 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var styles = require('./PageLayout.module.css');
-var PageLayoutHero = require('./components/page-layout-hero/PageLayoutHero');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var styles__default = /*#__PURE__*/_interopDefault(styles);
-
-const PageLayoutBase = ({
-  children,
-  sidebar,
-  header,
-  containScrolling = false,
-  orientation = "vertical"
-}) => {
-  if (orientation === "vertical") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: `${styles__default.default.container} ${styles__default.default.vertical} ${containScrolling ? styles__default.default.containScrolling : ""}`,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1, display: "flex", height: "100%", maxWidth: "100%" }, children: [
-          sidebar,
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              style: {
-                flex: 1,
-                display: "flex",
-                flexDirection: "column",
-                height: "100%",
-                maxHeight: "100vh",
-                overflow: "auto"
-              },
-              children: [
-                header && /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.header, children: header }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    style: {
-                      flex: 1,
-                      display: "flex",
-                      flexDirection: "column",
-                      padding: "var(--spacing-md)",
-                      gap: "var(--spacing-md)",
-                      backgroundColor: "var(--color-bg-surface)",
-                      overflow: "auto"
-                    },
-                    children
-                  }
-                )
-              ]
-            }
-          )
-        ] })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles__default.default.container} ${containScrolling ? styles__default.default.containScrolling : ""}`, children });
-};
-const PageLayoutHeader = ({
-  maxWidth = true,
-  children
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles__default.default.headerContainer, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${styles__default.default.headerContent} ${maxWidth ? styles__default.default.maxWidth : ""}`, children }) });
-};
-const PageLayoutContent = ({
-  maxWidth = true,
-  children
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("main", { className: `${styles__default.default.content} ${maxWidth ? styles__default.default.maxWidth : ""}`, children });
-};
-const PageLayoutFooter = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("footer", { className: styles__default.default.footer, children });
-};
-const PageLayout = Object.assign(PageLayoutBase, {
-  Header: PageLayoutHeader,
-  Hero: PageLayoutHero.PageLayoutHero,
-  Content: PageLayoutContent,
-  Footer: PageLayoutFooter
-});
-
-exports.PageLayout = PageLayout;

package/dist/components/page-layout/components/page-layout-hero/PageLayoutHero.cjs

@@ -1,32 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var heroStyles = require('./PageLayoutHero.module.css');
-var layoutStyles = require('../../PageLayout.module.css');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var heroStyles__default = /*#__PURE__*/_interopDefault(heroStyles);
-var layoutStyles__default = /*#__PURE__*/_interopDefault(layoutStyles);
-
-const PageLayoutHero = ({
-  children,
-  link,
-  metaHeadline,
-  headline,
-  image,
-  maxWidth = true,
-  textBgColor = "var(--color-primary-900)"
-}) => {
-  const content = /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${heroStyles__default.default.heroContainer} ${maxWidth ? layoutStyles__default.default.maxWidth : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: heroStyles__default.default.splitWrapper, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: heroStyles__default.default.imageColumn, children: image }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: heroStyles__default.default.textColumn, style: { backgroundColor: textBgColor }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: heroStyles__default.default.textInner, children: [
-      metaHeadline && /* @__PURE__ */ jsxRuntime.jsx("div", { className: heroStyles__default.default.metaHeadline, children: metaHeadline }),
-      headline && /* @__PURE__ */ jsxRuntime.jsx("div", { className: heroStyles__default.default.headline, children: /* @__PURE__ */ jsxRuntime.jsx("h2", { children: headline }) }),
-      children
-    ] }) })
-  ] }) });
-  return link ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: link(content) }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: content });
-};
-
-exports.PageLayoutHero = PageLayoutHero;