@node-core/ui-components 1.0.1-53352b306fcbcdb527095209221fd17b7fc955b9 → 1.0.1-5909a0bd471c5bfddac4f1bf7eee50aea0274970

package/Common/Tooltip/index.module.css

@@ -1,133 +1,2 @@
 /*! 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;
-}
+.content{border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);background-color:var(--color-white,#fff);font-size:var(--text-sm,.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,#10182808),0px 12px 16px -4px var(--tw-shadow-color,#10182814);border-width:1px}@supports (color:color-mix(in lab, red, red)){.content{--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))}}.content{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.content:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-950,#0d121c);color:var(--color-white,#fff)}.content.default{border-color:var(--color-neutral-200,#e9edf0)}.content.default:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.content.default .arrow{fill:var(--color-neutral-200,#e9edf0)}.content.default .arrow:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-neutral-900,#2c3437)}.content.error{border-color:var(--color-danger-400,#fa8e8e)}.content.error:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-danger-900,#661514)}.content.error .arrow{fill:var(--color-danger-400,#fa8e8e)}.content.error .arrow:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-danger-900,#661514)}.content.warning{border-color:var(--color-warning-400,#e99c40)}.content.warning:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-warning-900,#4d2f0b)}.content.warning .arrow{fill:var(--color-warning-400,#e99c40)}.content.warning .arrow: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:0}@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.module.css

@@ -1,139 +1,2 @@
 /*! 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;
-}
+.articleLayout{width:100%;max-width:95rem;margin-inline:auto;display:block}@media (min-width:40rem){.articleLayout{grid-template:"sidebar main"1fr"sidebar footer"/13rem 1fr;display:grid;overflow:visible}}@media (min-width:48rem){.articleLayout{grid-template-columns:16rem 1fr}}@media (min-width:64rem){.articleLayout{grid-template-columns:13rem 1fr 13rem;grid-template-areas:"sidebar main metabar""sidebar footer metabar"}}@media (min-width:80rem){.articleLayout{grid-template-columns:20rem 1fr 20rem}}.articleLayout>:first-child{grid-area:sidebar}@media (min-width:64rem){.articleLayout>:first-child{top:calc(var(--spacing,.25rem)*0);height:100vh;position:sticky;overflow-y:auto}}.articleLayout>:nth-child(2){display:contents}@media (min-width:40rem){@media not all and (min-width:64rem){.articleLayout>:nth-child(2){display:block}}}.articleLayout>:nth-child(2)>:first-child{padding:calc(var(--spacing,.25rem)*4);grid-area:main}@media (prefers-reduced-motion:no-preference){.articleLayout>:nth-child(2)>:first-child{scroll-behavior:smooth}}@media (min-width:40rem){.articleLayout>:nth-child(2)>:first-child{background-image:linear-gradient(#f6f7f980 0%,#0000 48.32%)}@supports (color:color-mix(in lab, red, red)){.articleLayout>:nth-child(2)>:first-child{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%)}}.articleLayout>:nth-child(2)>:first-child{padding:calc(var(--spacing,.25rem)*12);background-attachment:fixed}}@media (min-width:80rem){.articleLayout>:nth-child(2)>:first-child{padding-inline:calc(var(--spacing,.25rem)*18)}}@media (min-width:40rem){.articleLayout>:nth-child(2)>:first-child:where([data-theme=dark],[data-theme=dark] *){background-image:linear-gradient(#2c343780 0%,#0000 48.32%)}@supports (color:color-mix(in lab, red, red)){.articleLayout>:nth-child(2)>:first-child:where([data-theme=dark],[data-theme=dark] *){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%)}}}.articleLayout>:nth-child(2)>:last-child{margin-top:calc(var(--spacing,.25rem)*8);border-top-style:var(--tw-border-style);border-top-width:1px;grid-area:metabar}@media (min-width:40rem){.articleLayout>:nth-child(2)>:last-child{margin-top:calc(var(--spacing,.25rem)*0)}}@media (min-width:64rem){.articleLayout>:nth-child(2)>:last-child{top:calc(var(--spacing,.25rem)*0);max-width:var(--container-xs,20rem);border-top-style:var(--tw-border-style);border-top-width:0;border-left-style:var(--tw-border-style);border-left-width:1px;position:sticky}}.articleLayout>:nth-child(3){bottom:calc(var(--spacing,.25rem)*0);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);width:100%;padding-block:calc(var(--spacing,.25rem)*4);flex-direction:column;grid-area:footer;align-self:stretch;align-items:center;display:flex;position:sticky}.articleLayout>:nth-child(3):where([data-theme=dark],[data-theme=dark] *){border-top-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}

package/Containers/Footer/index.js

@@ -1,4 +1,3 @@
-'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';
@@ -12,9 +11,9 @@ const footerSocialIcons = {
     bluesky: Bluesky,
     discord: Discord,
 };
-const Footer = ({ pathname = '/', as = 'a', navigation }) => {
+const Footer = ({ pathname = '/', as = 'a', navigation, slots, }) => {
     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 => {
+    return (_jsxs("footer", { className: styles.footer, children: [_jsxs("div", { className: styles.sectionPrimary, children: [slots?.primary, 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: [slots?.secondary, _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));
                         }) })] })] }));

package/Containers/Footer/index.module.css

@@ -1,61 +1,2 @@
 /*! 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;
-}
+.footer{align-items:center;gap:calc(var(--spacing,.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,.25rem)*4);flex-direction:column;display:flex}@media (min-width:40rem){.footer{padding-inline:calc(var(--spacing,.25rem)*8)}}@media (min-width:48rem){.footer{padding-block:calc(var(--spacing,.25rem)*5);flex-direction:row;justify-content:space-between}}.footer:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.footer .sectionPrimary{place-content:flex-start center;align-items:center;gap:calc(var(--spacing,.25rem)*1);flex-wrap:wrap;align-self:stretch;display:flex}.footer .sectionPrimary a{white-space:nowrap}.footer .sectionSecondary{align-items:center;gap:calc(var(--spacing,.25rem)*1);flex-direction:column;display:flex}@media (min-width:48rem){.footer .sectionSecondary{flex-direction:row}}.footer .sectionSecondary .social{align-items:center;gap:calc(var(--spacing,.25rem)*1);display:flex}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}

package/Containers/MetaBar/index.module.css

@@ -1,123 +1,2 @@
 /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.wrapper {
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: calc(var(--spacing, 0.25rem)*8);
-  border-color: var(--color-neutral-200, #e9edf0);
-  padding-inline: calc(var(--spacing, 0.25rem)*4);
-  padding-block: calc(var(--spacing, 0.25rem)*6);
-  overflow-wrap: anywhere;
-  @media (width >= 64rem) {
-    position: sticky;
-  }
-  @media (width >= 64rem) {
-    top: calc(var(--spacing, 0.25rem)*0);
-  }
-  @media (width >= 64rem) {
-    max-height: 100vh;
-  }
-  @media (width >= 64rem) {
-    padding-inline: calc(var(--spacing, 0.25rem)*6);
-  }
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    border-color: var(--color-neutral-900, #2c3437);
-  }
-  dl {
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-    gap: calc(var(--spacing, 0.25rem)*1.5);
-    padding-bottom: calc(var(--spacing, 0.25rem)*12);
-    scrollbar-width: none;
-    @media (width >= 64rem) {
-      max-height: calc(100vh - var(--header-height));
-    }
-    @media (width >= 64rem) {
-      overflow-y: auto;
-    }
-    &::-webkit-scrollbar {
-      display: none;
-    }
-  }
-  dt {
-    margin-bottom: calc(var(--spacing, 0.25rem)*2);
-    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-800, #556066);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-neutral-200, #e9edf0);
-    }
-  }
-  dd {
-    margin-bottom: calc(var(--spacing, 0.25rem)*8);
-    display: flex;
-    align-items: center;
-    gap: calc(var(--spacing, 0.25rem)*2);
-    font-size: var(--text-sm, 0.875rem);
-    line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
-    color: var(--color-neutral-900, #2c3437);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-white, #fff);
-    }
-    a {
-      --tw-font-weight: var(--font-weight-semibold, 600);
-      font-weight: var(--font-weight-semibold, 600);
-      color: var(--color-neutral-900, #2c3437);
-      text-decoration-line: underline;
-      @media (width < 670px) {
-        display: inline-block;
-      }
-      @media (width < 670px) {
-        padding-block: calc(var(--spacing, 0.25rem)*1);
-      }
-      &:where([data-theme=dark], [data-theme=dark] *) {
-        color: var(--color-white, #fff);
-      }
-      &:hover {
-        color: var(--color-neutral-700, #6e7b83);
-        &:where([data-theme=dark], [data-theme=dark] *) {
-          color: var(--color-neutral-500, #b1bcc2);
-        }
-      }
-    }
-    ol {
-      display: flex;
-      width: 100%;
-      list-style-type: none;
-      flex-direction: column;
-      gap: calc(var(--spacing, 0.25rem)*1.5);
-      padding: calc(var(--spacing, 0.25rem)*0);
-    }
-    svg {
-      width: calc(var(--spacing, 0.25rem)*4);
-      height: calc(var(--spacing, 0.25rem)*4);
-      color: var(--color-neutral-600, #929fa5);
-      &:where([data-theme=dark], [data-theme=dark] *) {
-        color: var(--color-neutral-400, #cbd4d9);
-      }
-    }
-    &:last-child {
-      margin-bottom: calc(var(--spacing, 0.25rem)*0);
-    }
-  }
-  [data-on-dark] {
-    display: none;
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      display: block;
-    }
-  }
-  [data-on-light] {
-    display: block;
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      display: none;
-    }
-  }
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}
+.wrapper{align-items:flex-start;gap:calc(var(--spacing,.25rem)*8);border-color:var(--color-neutral-200,#e9edf0);width:100%;padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*6);overflow-wrap:anywhere;flex-direction:column;display:flex}@media (min-width:64rem){.wrapper{top:calc(var(--spacing,.25rem)*0);max-height:100vh;padding-inline:calc(var(--spacing,.25rem)*6);position:sticky}}.wrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.wrapper dl{gap:calc(var(--spacing,.25rem)*1.5);width:100%;padding-bottom:calc(var(--spacing,.25rem)*12);scrollbar-width:none;flex-direction:column;display:flex}@media (min-width:64rem){.wrapper dl{max-height:calc(100vh - var(--header-height));overflow-y:auto}}.wrapper dl::-webkit-scrollbar{display:none}.wrapper dt{margin-bottom:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.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-800,#556066)}.wrapper dt:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.wrapper dd{margin-bottom:calc(var(--spacing,.25rem)*8);align-items:center;gap:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-900,#2c3437);display:flex}.wrapper dd:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.wrapper dd a{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-900,#2c3437);text-decoration-line:underline}@media not all and (min-width:670px){.wrapper dd a{padding-block:calc(var(--spacing,.25rem)*1);display:inline-block}}.wrapper dd a:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.wrapper dd a:hover{color:var(--color-neutral-700,#6e7b83)}.wrapper dd a:hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500,#b1bcc2)}.wrapper dd ol{gap:calc(var(--spacing,.25rem)*1.5);width:100%;padding:calc(var(--spacing,.25rem)*0);flex-direction:column;list-style-type:none;display:flex}.wrapper dd svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);color:var(--color-neutral-600,#929fa5)}.wrapper dd svg:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400,#cbd4d9)}.wrapper dd:last-child{margin-bottom:calc(var(--spacing,.25rem)*0)}.wrapper [data-on-dark]{display:none}.wrapper [data-on-dark]:where([data-theme=dark],[data-theme=dark] *),.wrapper [data-on-light]{display:block}.wrapper [data-on-light]:where([data-theme=dark],[data-theme=dark] *){display:none}@property --tw-font-weight{syntax:"*";inherits:false}

package/Containers/NavBar/NavItem/index.module.css

@@ -1,74 +1,2 @@
 /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.navItem {
-  display: inline-flex;
-  align-items: center;
-  gap: calc(var(--spacing, 0.25rem)*2);
-  border-radius: var(--radius-sm, 0.25rem);
-  padding-inline: calc(var(--spacing, 0.25rem)*3);
-  padding-block: calc(var(--spacing, 0.25rem)*2);
-  @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));
-  }
-  .label {
-    font-size: var(--text-base, 1rem);
-    line-height: var(--tw-leading, var(--text-base--line-height, 1.5));
-    --tw-font-weight: var(--font-weight-medium, 500);
-    font-weight: var(--font-weight-medium, 500);
-    @media (width >= 64rem) {
-      font-size: var(--text-sm, 0.875rem);
-      line-height: var(--tw-leading, var(--text-sm--line-height, 1.42857));
-    }
-  }
-  .icon {
-    width: calc(var(--spacing, 0.25rem)*3);
-    height: calc(var(--spacing, 0.25rem)*3);
-    color: var(--color-neutral-500, #b1bcc2);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-neutral-200, #e9edf0);
-    }
-  }
-  &:hover {
-    background-color: var(--color-neutral-100, #f6f7f9);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-neutral-900, #2c3437);
-    }
-  }
-  &.nav {
-    .label {
-      color: var(--color-neutral-900, #2c3437);
-      &:where([data-theme=dark], [data-theme=dark] *) {
-        color: var(--color-white, #fff);
-      }
-    }
-    &.active {
-      background-color: var(--color-green-600, #417e38);
-      .label {
-        color: var(--color-white, #fff);
-      }
-      .icon {
-        color: var(--color-white, #fff);
-        opacity: 50%;
-      }
-    }
-  }
-  &.footer {
-    .label {
-      color: var(--color-neutral-800, #556066);
-      &:where([data-theme=dark], [data-theme=dark] *) {
-        color: var(--color-white, #fff);
-      }
-    }
-    &:hover {
-      background-color: var(--color-neutral-100, #f6f7f9);
-      &:where([data-theme=dark], [data-theme=dark] *) {
-        background-color: var(--color-neutral-900, #2c3437);
-      }
-    }
-  }
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}
+.navItem{align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);display:inline-flex}@media (prefers-reduced-motion:no-preference){.navItem{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(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}.navItem .label{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}@media (min-width:64rem){.navItem .label{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}}.navItem .icon{width:calc(var(--spacing,.25rem)*3);height:calc(var(--spacing,.25rem)*3);color:var(--color-neutral-500,#b1bcc2)}.navItem .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.navItem:hover{background-color:var(--color-neutral-100,#f6f7f9)}.navItem:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.navItem.nav .label{color:var(--color-neutral-900,#2c3437)}.navItem.nav .label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.navItem.nav.active{background-color:var(--color-green-600,#417e38)}.navItem.nav.active .label{color:var(--color-white,#fff)}.navItem.nav.active .icon{color:var(--color-white,#fff);opacity:.5}.navItem.footer .label{color:var(--color-neutral-800,#556066)}.navItem.footer .label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.navItem.footer:hover{background-color:var(--color-neutral-100,#f6f7f9)}.navItem.footer:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}@property --tw-font-weight{syntax:"*";inherits:false}