@node-core/ui-components 1.0.1-bc3f4a79ab5f54e7ed1ee525005e7e9f1030495c → 1.0.1-cb0d824ab7cb750f58e9e44fa89a98ee80500bd1

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-800, #556066);
-        &:where([data-theme=dark], [data-theme=dark] *) {
-          color: var(--color-neutral-200, #e9edf0);
-        }
-      }
-    }
-    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}

package/Containers/NavBar/index.module.css

@@ -1,205 +1,2 @@
 /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.container {
-  border-color: var(--color-neutral-200, #e9edf0);
-  background-color: var(--color-white, #fff);
-  @media (width >= 64rem) {
-    display: flex;
-  }
-  @media (width >= 64rem) {
-    height: calc(var(--spacing, 0.25rem)*16);
-  }
-  @media (width >= 64rem) {
-    flex-direction: row;
-  }
-  @media (width >= 64rem) {
-    align-items: center;
-  }
-  @media (width >= 64rem) {
-    gap: calc(var(--spacing, 0.25rem)*8);
-  }
-  @media (width >= 64rem) {
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 1px;
-  }
-  @media (width >= 64rem) {
-    padding-inline: calc(var(--spacing, 0.25rem)*8);
-  }
-  &: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);
-  }
-}
-.nodeIconAndMobileItemsToggler {
-  display: flex;
-  height: calc(var(--spacing, 0.25rem)*16);
-  flex-shrink: 0;
-  align-items: center;
-  border-bottom-style: var(--tw-border-style);
-  border-bottom-width: 1px;
-  border-color: var(--color-neutral-200, #e9edf0);
-  padding-inline: calc(var(--spacing, 0.25rem)*4);
-  @media (width >= 64rem) {
-    display: flex;
-  }
-  @media (width >= 64rem) {
-    height: 100%;
-  }
-  @media (width >= 64rem) {
-    align-items: center;
-  }
-  @media (width >= 64rem) {
-    border-style: var(--tw-border-style);
-    border-width: 0px;
-  }
-  @media (width >= 64rem) {
-    padding-inline: calc(var(--spacing, 0.25rem)*0);
-  }
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    border-color: var(--color-neutral-900, #2c3437);
-  }
-}
-.sidebarItemToggler {
-  position: absolute;
-  right: calc(var(--spacing, 0.25rem)*4);
-  z-index: -10;
-  --tw-translate-y: -200%;
-  translate: var(--tw-translate-x) var(--tw-translate-y);
-  appearance: none;
-  opacity: 0%;
-}
-.nodeIconWrapper {
-  height: 30px;
-  flex: 1;
-}
-.navInteractionIcon,
-.sidebarItemToggler {
-  width: calc(var(--spacing, 0.25rem)*6);
-  height: calc(var(--spacing, 0.25rem)*6);
-}
-.sidebarItemTogglerLabel {
-  display: block;
-  cursor: pointer;
-  @media (width >= 64rem) {
-    display: none;
-  }
-}
-.main {
-  flex: 1;
-  flex-direction: column;
-  justify-content: space-between;
-  gap: calc(var(--spacing, 0.25rem)*4);
-  @media (width >= 64rem) {
-    display: flex;
-  }
-  @media (width >= 64rem) {
-    flex-direction: row;
-  }
-  @media (width >= 64rem) {
-    align-items: center;
-  }
-}
-.navItems {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--spacing, 0.25rem)*0);
-  border-bottom-style: var(--tw-border-style);
-  border-bottom-width: 1px;
-  border-color: var(--color-neutral-200, #e9edf0);
-  padding: calc(var(--spacing, 0.25rem)*4);
-  @media (width >= 64rem) {
-    flex: 1;
-  }
-  @media (width >= 64rem) {
-    flex-direction: row;
-  }
-  @media (width >= 64rem) {
-    gap: calc(var(--spacing, 0.25rem)*1);
-  }
-  @media (width >= 64rem) {
-    border-style: var(--tw-border-style);
-    border-width: 0px;
-  }
-  @media (width >= 64rem) {
-    padding: calc(var(--spacing, 0.25rem)*0);
-  }
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    border-color: var(--color-neutral-900, #2c3437);
-  }
-}
-.actionsWrapper {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  gap: calc(var(--spacing, 0.25rem)*2);
-  border-bottom-style: var(--tw-border-style);
-  border-bottom-width: 1px;
-  border-color: var(--color-neutral-200, #e9edf0);
-  padding: calc(var(--spacing, 0.25rem)*4);
-  @media (width >= 40rem) {
-    flex-wrap: nowrap;
-  }
-  @media (width >= 64rem) {
-    flex-basis: calc(var(--spacing, 0.25rem)*96);
-  }
-  @media (width >= 64rem) {
-    border-style: var(--tw-border-style);
-    border-width: 0px;
-  }
-  @media (width >= 64rem) {
-    padding: calc(var(--spacing, 0.25rem)*0);
-  }
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    border-color: var(--color-neutral-900, #2c3437);
-  }
-}
-span.searchButtonSkeleton {
-  margin-block: 1px;
-  margin-right: calc(var(--spacing, 0.25rem)*2);
-  flex-grow: 1;
-  border-radius: var(--radius-xl, 0.75rem);
-  &:empty {
-    height: calc(var(--spacing, 0.25rem)*10);
-  }
-}
-.ghIconWrapper {
-  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);
-  svg {
-    fill: var(--color-neutral-700, #6e7b83);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      fill: 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);
-    }
-  }
-}
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-translate-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-translate-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
+.container{border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff)}@media (min-width:64rem){.container{height:calc(var(--spacing,.25rem)*16);align-items:center;gap:calc(var(--spacing,.25rem)*8);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*8);border-bottom-width:1px;flex-direction:row;display:flex}}.container:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.nodeIconAndMobileItemsToggler{height:calc(var(--spacing,.25rem)*16);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding-inline:calc(var(--spacing,.25rem)*4);flex-shrink:0;align-items:center;display:flex}@media (min-width:64rem){.nodeIconAndMobileItemsToggler{border-style:var(--tw-border-style);height:100%;padding-inline:calc(var(--spacing,.25rem)*0);border-width:0;align-items:center;display:flex}}.nodeIconAndMobileItemsToggler:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.sidebarItemToggler{right:calc(var(--spacing,.25rem)*4);z-index:-10;--tw-translate-y:-200%;translate:var(--tw-translate-x)var(--tw-translate-y);appearance:none;opacity:0;position:absolute}.nodeIconWrapper{flex:1;height:30px}.navInteractionIcon,.sidebarItemToggler{width:calc(var(--spacing,.25rem)*6);height:calc(var(--spacing,.25rem)*6)}.sidebarItemTogglerLabel{cursor:pointer;display:block}@media (min-width:64rem){.sidebarItemTogglerLabel{display:none}}.main{justify-content:space-between;gap:calc(var(--spacing,.25rem)*4);flex-direction:column;flex:1}@media (min-width:64rem){.main{flex-direction:row;align-items:center;display:flex}}.navItems{gap:calc(var(--spacing,.25rem)*0);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding:calc(var(--spacing,.25rem)*4);flex-direction:column;display:flex}@media (min-width:64rem){.navItems{gap:calc(var(--spacing,.25rem)*1);border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*0);border-width:0;flex-direction:row;flex:1}}.navItems:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.actionsWrapper{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding:calc(var(--spacing,.25rem)*4);flex-flow:wrap;display:flex}@media (min-width:40rem){.actionsWrapper{flex-wrap:nowrap}}@media (min-width:64rem){.actionsWrapper{flex-basis:calc(var(--spacing,.25rem)*96);border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*0);border-width:0}}.actionsWrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}span.searchButtonSkeleton{margin-block:1px;margin-right:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-xl,.75rem);flex-grow:1}span.searchButtonSkeleton:empty{height:calc(var(--spacing,.25rem)*10)}.ghIconWrapper{width:calc(var(--spacing,.25rem)*9);height:calc(var(--spacing,.25rem)*9);border-radius:var(--radius-md,.375rem);padding:calc(var(--spacing,.25rem)*2)}.ghIconWrapper svg{fill:var(--color-neutral-700,#6e7b83)}.ghIconWrapper svg:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-neutral-300,#d9e1e4)}.ghIconWrapper:hover{background-color:var(--color-neutral-100,#f6f7f9)}.ghIconWrapper:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}

package/Containers/Sidebar/SidebarGroup/index.module.css

@@ -1,192 +1,2 @@
 /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.group {
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  gap: calc(var(--spacing, 0.25rem)*2);
-  &:not(.progression) {
-    .groupName {
-      padding-inline: calc(var(--spacing, 0.25rem)*2);
-      padding-block: calc(var(--spacing, 0.25rem)*1);
-      font-size: var(--text-xs, 0.75rem);
-      line-height: var(--tw-leading, var(--text-xs--line-height, 1.33333));
-      --tw-font-weight: var(--font-weight-semibold, 600);
-      font-weight: var(--font-weight-semibold, 600);
-      color: var(--color-neutral-800, #556066);
-      &:where([data-theme=dark], [data-theme=dark] *) {
-        color: var(--color-neutral-600, #929fa5);
-      }
-    }
-  }
-  &.progression {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--spacing, 0.25rem)*4);
-    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);
-    }
-    .itemList {
-      position: relative;
-      left: calc(var(--spacing, 0.25rem)*-1);
-      display: flex;
-      flex-direction: column;
-      &::after {
-        content: var(--tw-content);
-        position: absolute;
-      }
-      &::after {
-        content: var(--tw-content);
-        top: calc(var(--spacing, 0.25rem)*0);
-      }
-      &::after {
-        content: var(--tw-content);
-        left: 0.45rem;
-      }
-      &::after {
-        content: var(--tw-content);
-        z-index: 10;
-      }
-      &::after {
-        content: var(--tw-content);
-        height: 100%;
-      }
-      &::after {
-        content: var(--tw-content);
-        width: 1px;
-      }
-      &::after {
-        content: var(--tw-content);
-        background-color: var(--color-neutral-200, #e9edf0);
-      }
-      &::after {
-        content: var(--tw-content);
-        --tw-content: '';
-        content: var(--tw-content);
-      }
-      &:where([data-theme=dark], [data-theme=dark] *) {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-neutral-800, #556066);
-        }
-      }
-      a {
-        &:first-child {
-          &::before {
-            content: var(--tw-content);
-            position: absolute;
-          }
-        }
-        &:first-child {
-          &::before {
-            content: var(--tw-content);
-            bottom: calc(50% + 0.25rem);
-          }
-        }
-        &:first-child {
-          &::before {
-            content: var(--tw-content);
-            left: calc(var(--spacing, 0.25rem)*0);
-          }
-        }
-        &:first-child {
-          &::before {
-            content: var(--tw-content);
-            height: calc(var(--spacing, 0.25rem)*20);
-          }
-        }
-        &:first-child {
-          &::before {
-            content: var(--tw-content);
-            width: calc(var(--spacing, 0.25rem)*4);
-          }
-        }
-        &:first-child {
-          &::before {
-            content: var(--tw-content);
-            background-color: var(--color-white, #fff);
-          }
-        }
-        &:first-child {
-          &::before {
-            content: var(--tw-content);
-            --tw-content: '';
-            content: var(--tw-content);
-          }
-        }
-        &:last-child {
-          &::after {
-            content: var(--tw-content);
-            position: absolute;
-          }
-        }
-        &:last-child {
-          &::after {
-            content: var(--tw-content);
-            top: calc(50% + 0.25rem);
-          }
-        }
-        &:last-child {
-          &::after {
-            content: var(--tw-content);
-            left: calc(var(--spacing, 0.25rem)*0);
-          }
-        }
-        &:last-child {
-          &::after {
-            content: var(--tw-content);
-            height: calc(var(--spacing, 0.25rem)*20);
-          }
-        }
-        &:last-child {
-          &::after {
-            content: var(--tw-content);
-            width: calc(var(--spacing, 0.25rem)*4);
-          }
-        }
-        &:last-child {
-          &::after {
-            content: var(--tw-content);
-            background-color: var(--color-white, #fff);
-          }
-        }
-        &:last-child {
-          &::after {
-            content: var(--tw-content);
-            --tw-content: '';
-            content: var(--tw-content);
-          }
-        }
-        &:first-child {
-          &:where([data-theme=dark], [data-theme=dark] *) {
-            &::before {
-              content: var(--tw-content);
-              background-color: var(--color-neutral-950, #0d121c);
-            }
-          }
-        }
-        &:last-child {
-          &:where([data-theme=dark], [data-theme=dark] *) {
-            &::after {
-              content: var(--tw-content);
-              background-color: var(--color-neutral-950, #0d121c);
-            }
-          }
-        }
-      }
-    }
-  }
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-content {
-  syntax: "*";
-  initial-value: "";
-  inherits: false;
-}
+.group{gap:calc(var(--spacing,.25rem)*2);flex-direction:column;width:100%;display:flex}.group:not(.progression) .groupName{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-800,#556066)}.group:not(.progression) .groupName:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-600,#929fa5)}.group.progression{gap:calc(var(--spacing,.25rem)*4);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);flex-direction:column;display:flex}.group.progression:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.group.progression .itemList{left:calc(var(--spacing,.25rem)*-1);flex-direction:column;display:flex;position:relative}.group.progression .itemList:after{content:var(--tw-content);content:var(--tw-content);top:calc(var(--spacing,.25rem)*0);content:var(--tw-content);content:var(--tw-content);z-index:10;content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);background-color:var(--color-neutral-200,#e9edf0);content:var(--tw-content);--tw-content:"";content:var(--tw-content);width:1px;height:100%;position:absolute;left:.45rem}.group.progression .itemList:where([data-theme=dark],[data-theme=dark] *):after{content:var(--tw-content);background-color:var(--color-neutral-800,#556066)}.group.progression .itemList a:first-child:before{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);bottom:calc(50% + 0.25rem);left:calc(var(--spacing,.25rem)*0);content:var(--tw-content);height:calc(var(--spacing,.25rem)*20);content:var(--tw-content);width:calc(var(--spacing,.25rem)*4);content:var(--tw-content);background-color:var(--color-white,#fff);content:var(--tw-content);--tw-content:"";content:var(--tw-content);position:absolute}.group.progression .itemList a:last-child:after{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);top:calc(50% + 0.25rem);left:calc(var(--spacing,.25rem)*0);content:var(--tw-content);height:calc(var(--spacing,.25rem)*20);content:var(--tw-content);width:calc(var(--spacing,.25rem)*4);content:var(--tw-content);background-color:var(--color-white,#fff);content:var(--tw-content);--tw-content:"";content:var(--tw-content);position:absolute}.group.progression .itemList a:first-child:where([data-theme=dark],[data-theme=dark] *):before,.group.progression .itemList a:last-child:where([data-theme=dark],[data-theme=dark] *):after{content:var(--tw-content);background-color:var(--color-neutral-950,#0d121c)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}

package/Containers/Sidebar/SidebarItem/index.js

@@ -7,5 +7,5 @@ import ProgressionIcon from '../ProgressionIcon';
 const SidebarItem = ({ label, link, showProgressionIcons = false, ...props }) => (_jsxs(BaseActiveLink, { className: classNames({
         [styles.item]: true,
         [styles.progression]: showProgressionIcons,
-    }), href: link, activeClassName: styles.active, ...props, children: [showProgressionIcons && (_jsx(ProgressionIcon, { className: styles.progressionIcon })), _jsx("span", { className: styles.label, children: label }), /^https?:/.test(link) && _jsx(ArrowUpRightIcon, { className: styles.icon })] }));
+    }), href: link, activeClassName: styles.active, ...props, children: [showProgressionIcons && (_jsx(ProgressionIcon, { className: styles.progressionIcon })), _jsxs("div", { className: styles.label, children: [_jsx("span", { children: label }), /^https?:/.test(link) && _jsx(ArrowUpRightIcon, { className: styles.icon })] })] }));
 export default SidebarItem;

package/Containers/Sidebar/SidebarItem/index.module.css

@@ -1,67 +1,2 @@
 /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
-.item {
-  position: relative;
-  z-index: 20;
-  display: flex;
-  width: 100%;
-  align-items: center;
-  overflow: hidden;
-  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-regular, 400);
-  font-weight: var(--font-weight-regular, 400);
-  color: var(--color-neutral-800, #556066);
-  &:where([data-theme=dark], [data-theme=dark] *) {
-    color: var(--color-neutral-200, #e9edf0);
-  }
-  .label {
-    padding: 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-regular, 400);
-    font-weight: var(--font-weight-regular, 400);
-  }
-  .progressionIcon {
-    flex-shrink: 0;
-    fill: var(--color-neutral-200, #e9edf0);
-    stroke: var(--color-white, #fff);
-    stroke-width: 4;
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      fill: var(--color-neutral-800, #556066);
-    }
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      stroke: var(--color-neutral-950, #0d121c);
-    }
-  }
-  .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);
-    }
-  }
-  &.progression {
-    .label {
-      padding: calc(var(--spacing, 0.25rem)*1);
-    }
-  }
-  &.active {
-    color: var(--color-neutral-900, #2c3437);
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      color: var(--color-white, #fff);
-    }
-    .progressionIcon {
-      fill: var(--color-green-500, #5fa04e);
-    }
-    &:not(.progression) .label {
-      border-radius: var(--radius-sm, 0.25rem);
-      background-color: var(--color-green-600, #417e38);
-      color: var(--color-white, #fff);
-    }
-  }
-}
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false;
-}
+.item{z-index:20;border-radius:var(--radius-md,.375rem);width:100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-regular,400);font-weight:var(--font-weight-regular,400);color:var(--color-neutral-800,#556066);align-items:center;margin-bottom:1px;display:flex;position:relative;overflow:hidden}.item:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.item:hover:not(.progression) .label{border-radius:var(--radius-sm,.25rem);background-color:var(--color-neutral-100,#f6f7f9);color:var(--color-neutral-900,#2c3437)}.item:hover:not(.progression) .label:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-100,#f6f7f9)}.item:hover .icon{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y);color:var(--color-green-600,#417e38)}.item:hover .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-400,#84ba64)}.item:hover .progressionIcon{fill:var(--color-green-200,#c5e5b4)}.item:hover .progressionIcon:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-green-300,#99cc7d)}.item .label{align-items:center;gap:calc(var(--spacing,.25rem)*1.5);padding: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-regular,400);font-weight:var(--font-weight-regular,400);display:flex}.item .progressionIcon{fill:var(--color-neutral-200,#e9edf0);stroke:var(--color-white,#fff);stroke-width:4px;flex-shrink:0}.item .progressionIcon:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-neutral-800,#556066);stroke:var(--color-neutral-950,#0d121c)}.item .icon{width:calc(var(--spacing,.25rem)*3);height:calc(var(--spacing,.25rem)*3);color:var(--color-neutral-500,#b1bcc2)}.item .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.item.progression .label{padding:calc(var(--spacing,.25rem)*1)}.item.progression:not(.active):hover .label{border-radius:var(--radius-sm,.25rem);background-color:var(--color-neutral-100,#f6f7f9)}.item.progression:not(.active):hover .label:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.item.active{color:var(--color-neutral-900,#2c3437)}.item.active:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.item.active .progressionIcon{fill:var(--color-green-500,#5fa04e)}.item.active:not(.progression) .label{border-radius:var(--radius-sm,.25rem);background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}