@node-core/ui-components 1.0.1-a459447336d99556960d6f9e1c997327b29e4974 → 1.0.1-ab0ba1dcb1d91392c44e91b1e74e9f565e460543

package/Common/Skeleton/index.module.css

@@ -1,127 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.skeleton {
-  pointer-events: none;
-  animation: pulse 500ms infinite alternate-reverse;
-  cursor: default;
-  border-radius: var(--radius-md, 0.375rem);
-  --tw-border-style: none;
-  border-style: none;
-  background-clip: border-box;
-  color: transparent;
-  --tw-shadow: 0 0 #0000;
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  --tw-outline-style: none;
-  outline-style: none;
-  @media (forced-colors: active) {
-    outline: 2px solid transparent;
-    outline-offset: 2px;
-  }
-  -webkit-user-select: none;
-  user-select: none;
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    animation: pulse-dark 500ms infinite alternate-reverse;
-  }
-}
-.skeleton[data-inline-skeleton] {
-  --tw-leading: 1;
-  line-height: 1;
-}
-.skeleton:empty {
-  display: block;
-  height: calc(var(--spacing, 0.25rem)*3);
-}
-.skeleton > *,
-.skeleton::after,
-.skeleton::before {
-  visibility: hidden;
-}
-@property --tw-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-inset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-inset-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-inset-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-ring-inset {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-offset-width {
-  syntax: "<length>";
-  inherits: false;
-  initial-value: 0px;
-}
-@property --tw-ring-offset-color {
-  syntax: "*";
-  inherits: false;
-  initial-value: #fff;
-}
-@property --tw-ring-offset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-leading {
-  syntax: "*";
-  inherits: false;
-}
-@keyframes pulse {
-  50% {
-    opacity: 0.5;
-  }
-}
-@keyframes pulse {
-  from {
-    background: var(--color-pulse-100);
-  }
-  to {
-    background: var(--color-pulse-200);
-  }
-}
-@keyframes pulse-dark {
-  from {
-    background: var(--color-pulse-300);
-  }
-  to {
-    background: var(--color-pulse-400);
-  }
-}

package/Common/Tabs/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as TabsPrimitive from '@radix-ui/react-tabs';
-import classNames from 'classnames';
-import styles from './index.module.css';
-const Tabs = ({ tabs, addons, triggerClassName, children, ...props }) => (_jsxs(TabsPrimitive.Root, { ...props, className: classNames(styles.tabsRoot, props.className), children: [_jsxs(TabsPrimitive.List, { className: styles.tabsList, children: [tabs.map(tab => (_jsxs(TabsPrimitive.Trigger, { value: tab.value ?? tab.key, className: classNames(styles.tabsTrigger, triggerClassName), children: [tab.label, tab.secondaryLabel ? (_jsx("span", { className: styles.tabSecondaryLabel, children: tab.secondaryLabel })) : null] }, tab.key))), addons && _jsx("div", { className: styles.addons, children: addons })] }), children] }));
-export default Tabs;

package/Common/Tabs/index.module.css

@@ -1,72 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.tabsRoot {
-  display: grid;
-  max-width: 100%;
-  .tabsList {
-    display: flex;
-    gap: calc(var(--spacing, 0.25rem)*2);
-    overflow-x: auto;
-    font-family: var(--font-open-sans, var(--font-open-sans));
-    scrollbar-width: thin;
-    .tabsTrigger {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 2px;
-      border-bottom-color: transparent;
-      padding-inline: calc(var(--spacing, 0.25rem)*1);
-      padding-bottom: 11px;
-      font-size: var(--text-sm, 0.875rem);
-      line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
-      --tw-font-weight: var(--font-weight-semibold, 600);
-      font-weight: var(--font-weight-semibold, 600);
-      white-space: nowrap;
-      color: var(--color-neutral-800, #556066);
-      &:where([data-theme=dark], [data-theme=dark] *) {
-        color: var(--color-neutral-200, #e9edf0);
-      }
-      .tabSecondaryLabel {
-        padding-left: calc(var(--spacing, 0.25rem)*1);
-        color: var(--color-neutral-500, #b1bcc2);
-        &:where([data-theme=dark], [data-theme=dark] *) {
-          color: var(--color-neutral-800, #556066);
-        }
-      }
-      &[data-state='active'] {
-        border-bottom-color: var(--color-green-600, #417e38);
-        color: var(--color-green-600, #417e38);
-        &:where([data-theme=dark], [data-theme=dark] *) {
-          border-bottom-color: var(--color-green-400, #84ba64);
-        }
-        &:where([data-theme=dark], [data-theme=dark] *) {
-          color: var(--color-green-400, #84ba64);
-        }
-        .tabSecondaryLabel {
-          color: var(--color-green-800, #2c682c);
-          &:where([data-theme=dark], [data-theme=dark] *) {
-            color: var(--color-green-600, #417e38);
-          }
-        }
-      }
-    }
-    .addons {
-      margin-left: auto;
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 2px;
-      border-bottom-color: transparent;
-      padding-inline: calc(var(--spacing, 0.25rem)*1);
-      padding-bottom: 11px;
-      font-size: var(--text-sm, 0.875rem);
-      line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
-      --tw-font-weight: var(--font-weight-semibold, 600);
-      font-weight: var(--font-weight-semibold, 600);
-    }
-  }
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}

package/Common/ThemeToggle/index.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MoonIcon, SunIcon } from '@heroicons/react/24/outline';
-import styles from './index.module.css';
-const ThemeToggle = props => {
-    return (_jsxs("button", { type: "button", className: styles.themeToggle, ...props, children: [_jsx(MoonIcon, { className: "block dark:hidden", height: "20" }), _jsx(SunIcon, { className: "hidden dark:block", height: "20" })] }));
-};
-export default ThemeToggle;

package/Common/ThemeToggle/index.module.css

@@ -1,22 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.themeToggle {
-  width: calc(var(--spacing, 0.25rem)*9);
-  height: calc(var(--spacing, 0.25rem)*9);
-  border-radius: var(--radius-md, 0.375rem);
-  padding: calc(var(--spacing, 0.25rem)*2);
-  color: var(--color-neutral-700, #6e7b83);
-  @media (prefers-reduced-motion: no-preference) {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
-    transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
-  }
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    color: var(--color-neutral-300, #d9e1e4);
-  }
-  &:hover {
-    background-color: var(--color-neutral-100, #f6f7f9);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-neutral-900, #2c3437);
-    }
-  }
-}

package/Common/Tooltip/index.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import classNames from 'classnames';
-import styles from './index.module.css';
-const Tooltip = ({ kind = 'default', children, content, asChild = false, side = 'bottom', container, }) => (_jsx(TooltipPrimitive.Provider, { delayDuration: 200, children: _jsxs(TooltipPrimitive.Root, { children: [_jsx(TooltipPrimitive.Trigger, { asChild: asChild, children: children }), _jsx(TooltipPrimitive.Portal, { container: container, children: _jsxs(TooltipPrimitive.Content, { side: side, sideOffset: 4, className: classNames(styles[kind], styles.content, {
-                        'mx-1.5': side === 'top' || side === 'bottom',
-                    }), children: [content, _jsx(TooltipPrimitive.Arrow, { className: styles.arrow, width: 14, height: 6 })] }) })] }) }));
-export default Tooltip;

package/Common/Tooltip/index.module.css

@@ -1,133 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.content {
-  border-radius: var(--radius-md, 0.375rem);
-  border-style: var(--tw-border-style);
-  border-width: 1px;
-  background-color: var(--color-white, #fff);
-  font-size: var(--text-sm, 0.875rem);
-  line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
-  --tw-font-weight: var(--font-weight-medium, 500);
-  font-weight: var(--font-weight-medium, 500);
-  color: var(--color-neutral-900, #2c3437);
-  --tw-shadow: 0px 4px 6px -2px var(--tw-shadow-color, color-mix(in srgb, #101828 3%, transparent)), 0px 12px 16px -4px var(--tw-shadow-color, color-mix(in srgb, #101828 8%, transparent));
-  @supports (color: color-mix(in lab, red, red)) {
-    --tw-shadow: 0px 4px 6px -2px var(--tw-shadow-color, color-mix(in oklab, var(--color-shadow, #101828) 3%, transparent)), 0px 12px 16px -4px var(--tw-shadow-color, color-mix(in oklab, var(--color-shadow, #101828) 8%, transparent));
-  }
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    background-color: var(--color-neutral-950, #0d121c);
-  }
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    color: var(--color-white, #fff);
-  }
-  &.default {
-    border-color: var(--color-neutral-200, #e9edf0);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      border-color: var(--color-neutral-900, #2c3437);
-    }
-    .arrow {
-      fill: var(--color-neutral-200, #e9edf0);
-      &:where([data-theme=dark], [data-theme=dark] *) {
-        fill: var(--color-neutral-900, #2c3437);
-      }
-    }
-  }
-  &.error {
-    border-color: var(--color-danger-400, #fa8e8e);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      border-color: var(--color-danger-900, #661514);
-    }
-    .arrow {
-      fill: var(--color-danger-400, #fa8e8e);
-      &:where([data-theme=dark], [data-theme=dark] *) {
-        fill: var(--color-danger-900, #661514);
-      }
-    }
-  }
-  &.warning {
-    border-color: var(--color-warning-400, #e99c40);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      border-color: var(--color-warning-900, #4d2f0b);
-    }
-    .arrow {
-      fill: var(--color-warning-400, #e99c40);
-      &:where([data-theme=dark], [data-theme=dark] *) {
-        fill: var(--color-warning-900, #4d2f0b);
-      }
-    }
-  }
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-inset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-inset-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-inset-ring-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-inset-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-@property --tw-ring-inset {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-ring-offset-width {
-  syntax: "<length>";
-  inherits: false;
-  initial-value: 0px;
-}
-@property --tw-ring-offset-color {
-  syntax: "*";
-  inherits: false;
-  initial-value: #fff;
-}
-@property --tw-ring-offset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}

package/Containers/Article/index.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './index.module.css';
-const ArticleLayout = ({ children }) => (_jsx("div", { className: styles.articleLayout, children: children }));
-export default ArticleLayout;

package/Containers/Article/index.module.css

@@ -1,139 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.articleLayout {
-  margin-inline: auto;
-  display: block;
-  width: 100%;
-  max-width: 95rem;
-  @media (width >= 40rem) {
-    display: grid;
-  }
-  @media (width >= 40rem) {
-    grid-template-columns: 13rem 1fr;
-  }
-  @media (width >= 40rem) {
-    grid-template-rows: 1fr;
-  }
-  @media (width >= 40rem) {
-    overflow: visible;
-  }
-  @media (width >= 40rem) {
-    grid-template-areas: 'sidebar main''sidebar footer';
-  }
-  @media (width >= 48rem) {
-    grid-template-columns: 16rem 1fr;
-  }
-  @media (width >= 64rem) {
-    grid-template-columns: 13rem 1fr 13rem;
-  }
-  @media (width >= 64rem) {
-    grid-template-areas: 'sidebar main metabar''sidebar footer metabar';
-  }
-  @media (width >= 80rem) {
-    grid-template-columns: 20rem 1fr 20rem;
-  }
-  > *:nth-child(1) {
-    grid-area: sidebar;
-    @media (width >= 64rem) {
-      position: sticky;
-    }
-    @media (width >= 64rem) {
-      top: calc(var(--spacing, 0.25rem)*0);
-    }
-    @media (width >= 64rem) {
-      height: 100vh;
-    }
-    @media (width >= 64rem) {
-      overflow-y: auto;
-    }
-  }
-  > *:nth-child(2) {
-    display: contents;
-    @media (width >= 40rem) {
-      @media (width < 64rem) {
-        display: block;
-      }
-    }
-    > *:first-child {
-      padding: calc(var(--spacing, 0.25rem)*4);
-      grid-area: main;
-      @media (prefers-reduced-motion: no-preference) {
-        scroll-behavior: smooth;
-      }
-      @media (width >= 40rem) {
-        background-image: linear-gradient( 180deg, color-mix(in srgb, #f6f7f9 50%, transparent) 0%, color-mix(in srgb, #f6f7f9 0%, transparent) 48.32% );
-        @supports (color: color-mix(in lab, red, red)) {
-          background-image: linear-gradient( 180deg, color-mix(in oklab, var(--color-neutral-100) 50%, transparent) 0%, color-mix(in oklab, var(--color-neutral-100) 0%, transparent) 48.32% );
-        }
-      }
-      @media (width >= 40rem) {
-        background-attachment: fixed;
-      }
-      @media (width >= 40rem) {
-        padding: calc(var(--spacing, 0.25rem)*12);
-      }
-      @media (width >= 80rem) {
-        padding-inline: calc(var(--spacing, 0.25rem)*18);
-      }
-      @media (width >= 40rem) {
-        &:where([data-theme=dark], [data-theme=dark] *) {
-          background-image: linear-gradient( 180deg, color-mix(in srgb, #2c3437 50%, transparent) 0%, color-mix(in srgb, #2c3437 0%, transparent) 48.32% );
-          @supports (color: color-mix(in lab, red, red)) {
-            background-image: linear-gradient( 180deg, color-mix(in oklab, var(--color-neutral-900) 50%, transparent) 0%, color-mix(in oklab, var(--color-neutral-900) 0%, transparent) 48.32% );
-          }
-        }
-      }
-    }
-    > *:last-child {
-      margin-top: calc(var(--spacing, 0.25rem)*8);
-      border-top-style: var(--tw-border-style);
-      border-top-width: 1px;
-      grid-area: metabar;
-      @media (width >= 40rem) {
-        margin-top: calc(var(--spacing, 0.25rem)*0);
-      }
-      @media (width >= 64rem) {
-        position: sticky;
-      }
-      @media (width >= 64rem) {
-        top: calc(var(--spacing, 0.25rem)*0);
-      }
-      @media (width >= 64rem) {
-        max-width: var(--container-xs, 20rem);
-      }
-      @media (width >= 64rem) {
-        border-top-style: var(--tw-border-style);
-        border-top-width: 0px;
-      }
-      @media (width >= 64rem) {
-        border-left-style: var(--tw-border-style);
-        border-left-width: 1px;
-      }
-    }
-  }
-  > *:nth-child(3) {
-    position: sticky;
-    bottom: calc(var(--spacing, 0.25rem)*0);
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-    align-items: center;
-    align-self: stretch;
-    border-top-style: var(--tw-border-style);
-    border-top-width: 1px;
-    border-top-color: var(--color-neutral-200, #e9edf0);
-    background-color: var(--color-white, #fff);
-    padding-block: calc(var(--spacing, 0.25rem)*4);
-    grid-area: footer;
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      border-top-color: var(--color-neutral-900, #2c3437);
-    }
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-neutral-950, #0d121c);
-    }
-  }
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}

package/Containers/DocSideBar/index.js

@@ -1 +0,0 @@
-"use strict";

package/Containers/Footer/index.js

@@ -1,22 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import NavItem from '#ui/Containers/NavBar/NavItem';
-import { Bluesky, Discord, GitHub, LinkedIn, Mastodon, Slack, X, } from '#ui/Icons/Social';
-import styles from './index.module.css';
-const footerSocialIcons = {
-    github: GitHub,
-    mastodon: Mastodon,
-    twitter: X,
-    slack: Slack,
-    linkedin: LinkedIn,
-    bluesky: Bluesky,
-    discord: Discord,
-};
-const Footer = ({ pathname = '/', as = 'a', navigation }) => {
-    const openJSlink = navigation.footerLinks.at(-1);
-    return (_jsxs("footer", { className: styles.footer, children: [_jsx("div", { className: styles.sectionPrimary, children: navigation.footerLinks.slice(0, -1).map(item => (_jsx(NavItem, { type: "footer", href: item.link, as: as, pathname: pathname, children: item.text }, item.link))) }), _jsxs("div", { className: styles.sectionSecondary, children: [_jsxs(NavItem, { type: "footer", href: openJSlink.link, as: as, pathname: pathname, children: ["\u00A9 ", openJSlink.text] }), _jsx("div", { className: styles.social, children: navigation.socialLinks.map(link => {
-                            const SocialIcon = footerSocialIcons[link.icon];
-                            return (_jsx(NavItem, { href: link.link, type: "footer", as: as, pathname: pathname, children: _jsx(SocialIcon, { width: 20, height: 20, "aria-label": link.link }) }, link.icon));
-                        }) })] })] }));
-};
-export default Footer;

package/Containers/Footer/index.module.css

@@ -1,61 +0,0 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.footer {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: calc(var(--spacing, 0.25rem)*6);
-  border-top-style: var(--tw-border-style);
-  border-top-width: 1px;
-  border-color: var(--color-neutral-200, #e9edf0);
-  background-color: var(--color-white, #fff);
-  padding-block: calc(var(--spacing, 0.25rem)*4);
-  @media (width >= 40rem) {
-    padding-inline: calc(var(--spacing, 0.25rem)*8);
-  }
-  @media (width >= 48rem) {
-    flex-direction: row;
-  }
-  @media (width >= 48rem) {
-    justify-content: space-between;
-  }
-  @media (width >= 48rem) {
-    padding-block: calc(var(--spacing, 0.25rem)*5);
-  }
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    border-color: var(--color-neutral-900, #2c3437);
-  }
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    background-color: var(--color-neutral-950, #0d121c);
-  }
-  .sectionPrimary {
-    display: flex;
-    flex-wrap: wrap;
-    align-content: flex-start;
-    align-items: center;
-    justify-content: center;
-    gap: calc(var(--spacing, 0.25rem)*1);
-    align-self: stretch;
-    a {
-      white-space: nowrap;
-    }
-  }
-  .sectionSecondary {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: calc(var(--spacing, 0.25rem)*1);
-    @media (width >= 48rem) {
-      flex-direction: row;
-    }
-    .social {
-      display: flex;
-      align-items: center;
-      gap: calc(var(--spacing, 0.25rem)*1);
-    }
-  }
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}

package/Containers/MetaBar/index.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Fragment, useMemo } from 'react';
-import styles from './index.module.css';
-const MetaBar = ({ items, headings, as: Component = 'a', heading, }) => {
-    // The default depth of headings to display in the table of contents.
-    const { minDepth = 2, items: headingItems = [] } = headings || {};
-    const filteredHeadings = useMemo(() => headingItems.filter(({ depth }) => depth >= minDepth && depth <= 4), [minDepth, headingItems]);
-    return (_jsx("div", { className: styles.wrapper, children: _jsxs("dl", { children: [Object.entries(items)
-                    .filter(([, value]) => !!value)
-                    .map(([key, value]) => (_jsxs(Fragment, { children: [_jsx("dt", { children: key }), _jsx("dd", { children: value })] }, key))), filteredHeadings.length > 0 && (_jsxs(_Fragment, { children: [_jsx("dt", { children: heading }), _jsx("dd", { children: _jsx("ol", { children: filteredHeadings.map(head => (_jsx("li", { className: head.depth === 3 ? 'pl-2' : head.depth === 4 ? 'pl-4' : '', children: _jsxs(Component, { href: `#${head?.data?.id}`, children: [' ', head.value] }) }, head.value))) }) })] }))] }) }));
-};
-export default MetaBar;