@node-core/ui-components 1.6.3 → 1.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/README.md +2 -2
  2. package/dist/Common/AlertBox/index.module.css +2 -2
  3. package/dist/Common/AvatarGroup/Avatar/index.d.ts +3 -3
  4. package/dist/Common/AvatarGroup/Avatar/index.js +3 -4
  5. package/dist/Common/AvatarGroup/Avatar/index.module.css +1 -1
  6. package/dist/Common/AvatarGroup/Overlay/index.module.css +1 -1
  7. package/dist/Common/AvatarGroup/index.module.css +1 -1
  8. package/dist/Common/Badge/index.module.css +2 -2
  9. package/dist/Common/BadgeGroup/index.module.css +2 -2
  10. package/dist/Common/Banner/index.module.css +2 -2
  11. package/dist/Common/BaseButton/index.module.css +2 -2
  12. package/dist/Common/BaseCodeBox/index.js +4 -1
  13. package/dist/Common/BaseCodeBox/index.module.css +2 -2
  14. package/dist/Common/BaseCrossLink/index.module.css +1 -1
  15. package/dist/Common/BaseLinkTabs/index.module.css +2 -2
  16. package/dist/Common/BasePagination/Ellipsis/index.module.css +1 -1
  17. package/dist/Common/BasePagination/PaginationListItem/index.module.css +2 -2
  18. package/dist/Common/BasePagination/getPageElements.d.ts +4 -0
  19. package/dist/Common/BasePagination/{useGetPageElements.js → getPageElements.js} +1 -1
  20. package/dist/Common/BasePagination/index.js +2 -2
  21. package/dist/Common/BasePagination/index.module.css +1 -1
  22. package/dist/Common/Blockquote/index.module.css +2 -2
  23. package/dist/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css +1 -1
  24. package/dist/Common/Breadcrumbs/BreadcrumbItem/index.module.css +1 -1
  25. package/dist/Common/Breadcrumbs/BreadcrumbLink/index.module.css +2 -2
  26. package/dist/Common/Breadcrumbs/BreadcrumbRoot/index.module.css +1 -1
  27. package/dist/Common/Breadcrumbs/BreadcrumbTruncatedItem/index.d.ts +1 -1
  28. package/dist/Common/ChangeHistory/index.js +2 -2
  29. package/dist/Common/ChangeHistory/index.module.css +2 -2
  30. package/dist/Common/CodeTabs/index.module.css +2 -2
  31. package/dist/Common/DataTag/index.module.css +2 -2
  32. package/dist/Common/GlowingBackdrop/index.module.css +2 -2
  33. package/dist/Common/LanguageDropDown/index.module.css +2 -2
  34. package/dist/Common/Modal/index.d.ts +3 -3
  35. package/dist/Common/Modal/index.module.css +1 -1
  36. package/dist/Common/NodejsLogo/index.module.css +1 -1
  37. package/dist/Common/Preview/index.module.css +2 -2
  38. package/dist/Common/Search/Input/index.module.css +1 -1
  39. package/dist/Common/Search/Modal/index.js +2 -2
  40. package/dist/Common/Search/Modal/index.module.css +1 -1
  41. package/dist/Common/Search/Results/Empty/index.module.css +1 -1
  42. package/dist/Common/Search/Results/Hit/index.d.ts +0 -1
  43. package/dist/Common/Search/Results/Hit/index.js +1 -1
  44. package/dist/Common/Search/Results/Hit/index.module.css +2 -2
  45. package/dist/Common/Search/Results/Skeleton/index.js +1 -1
  46. package/dist/Common/Search/Results/Skeleton/index.module.css +1 -1
  47. package/dist/Common/Search/Results/Tabs/index.module.css +2 -2
  48. package/dist/Common/Search/Results/index.d.ts +0 -2
  49. package/dist/Common/Search/Results/index.js +11 -2
  50. package/dist/Common/Search/Results/index.module.css +2 -2
  51. package/dist/Common/Search/index.d.ts +11 -0
  52. package/dist/Common/Search/index.js +10 -0
  53. package/dist/Common/Search/index.module.css +2 -0
  54. package/dist/Common/Select/NoScriptSelect/index.d.ts +1 -1
  55. package/dist/Common/Select/NoScriptSelect/index.js +2 -2
  56. package/dist/Common/Select/StatelessSelect/index.d.ts +4 -2
  57. package/dist/Common/Select/StatelessSelect/index.js +3 -2
  58. package/dist/Common/Select/index.d.ts +7 -2
  59. package/dist/Common/Select/index.js +6 -9
  60. package/dist/Common/Select/index.module.css +2 -2
  61. package/dist/Common/Separator/index.module.css +1 -1
  62. package/dist/Common/Signature/SignatureHeader/index.module.css +2 -2
  63. package/dist/Common/Signature/SignatureItem/index.module.css +2 -2
  64. package/dist/Common/Signature/SignatureRoot/index.js +1 -1
  65. package/dist/Common/Signature/SignatureRoot/index.module.css +1 -1
  66. package/dist/Common/Signature/index.js +3 -1
  67. package/dist/Common/Skeleton/index.module.css +1 -1
  68. package/dist/Common/SkipToContentButton/index.module.css +2 -2
  69. package/dist/Common/Switch/index.module.css +2 -2
  70. package/dist/Common/TableOfContents/index.module.css +1 -1
  71. package/dist/Common/Tabs/index.module.css +2 -2
  72. package/dist/Common/ThemeToggle/index.module.css +2 -2
  73. package/dist/Common/Tooltip/index.module.css +1 -1
  74. package/dist/Containers/Article/index.module.css +2 -2
  75. package/dist/Containers/Footer/index.module.css +2 -2
  76. package/dist/Containers/FunctionSignature/index.js +2 -14
  77. package/dist/Containers/MetaBar/index.module.css +2 -2
  78. package/dist/Containers/NavBar/NavItem/index.module.css +2 -2
  79. package/dist/Containers/NavBar/index.js +1 -1
  80. package/dist/Containers/NavBar/index.module.css +2 -2
  81. package/dist/Containers/Sidebar/SidebarGroup/index.d.ts +5 -2
  82. package/dist/Containers/Sidebar/SidebarGroup/index.js +14 -1
  83. package/dist/Containers/Sidebar/SidebarGroup/index.module.css +2 -2
  84. package/dist/Containers/Sidebar/SidebarItem/index.module.css +2 -2
  85. package/dist/Containers/Sidebar/index.d.ts +3 -4
  86. package/dist/Containers/Sidebar/index.js +7 -5
  87. package/dist/Containers/Sidebar/index.module.css +2 -2
  88. package/dist/Icons/InstallationMethod/N.js +1 -3
  89. package/dist/styles/index.css +2 -2
  90. package/package.json +44 -35
  91. package/dist/Common/BasePagination/useGetPageElements.d.ts +0 -4
  92. package/dist/Common/Search/Chat/Actions/index.d.ts +0 -7
  93. package/dist/Common/Search/Chat/Actions/index.js +0 -17
  94. package/dist/Common/Search/Chat/Actions/index.module.css +0 -2
  95. package/dist/Common/Search/Chat/Input/index.d.ts +0 -8
  96. package/dist/Common/Search/Chat/Input/index.js +0 -22
  97. package/dist/Common/Search/Chat/Input/index.module.css +0 -2
  98. package/dist/Common/Search/Chat/Trigger/index.d.ts +0 -4
  99. package/dist/Common/Search/Chat/Trigger/index.js +0 -13
  100. package/dist/Common/Search/Chat/Trigger/index.module.css +0 -2
  101. package/dist/Common/Search/Suggestions/index.d.ts +0 -9
  102. package/dist/Common/Search/Suggestions/index.js +0 -9
  103. package/dist/Common/Search/Suggestions/index.module.css +0 -2
package/dist/Containers/FunctionSignature/index.js CHANGED
@@ -1,17 +1,5 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import Signature from '#ui/Common/Signature';
3
3
  const renderSignature = (param, index) => (_jsx(Signature, { name: param.name, type: param.type, optional: param.optional, description: param.description, kind: param.kind, children: param.children?.map((child, i) => renderSignature(child, i)) }, `${param.name}-${index}`));
4
- const FunctionSignature = ({ title, items }) => {
5
- if (title) {
6
- const attributes = [];
7
- const returnTypes = [];
8
- for (const item of items) {
9
- const target = item.kind === 'return' ? returnTypes : attributes;
10
- target.push(item);
11
- }
12
- return (_jsxs(_Fragment, { children: [_jsx(Signature, { title: title, children: attributes.map((param, i) => renderSignature(param, i)) }), returnTypes.length > 0 &&
13
- returnTypes.map((param, i) => renderSignature(param, attributes.length + i))] }));
14
- }
15
- return items.map((param, i) => renderSignature(param, i));
16
- };
4
+ const FunctionSignature = ({ title, items }) => (_jsx(Signature, { title: title, children: items.map((param, i) => renderSignature(param, i)) }));
17
5
  export default FunctionSignature;
package/dist/Containers/MetaBar/index.module.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .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:896px){.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 a.codeLink{font-family:var(--font-ibm-plex-mono,var(--font-ibm-plex-mono));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.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}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .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{scrollbar-width:none;gap:calc(var(--spacing,.25rem)*1.5);width:100%;padding-bottom:calc(var(--spacing,.25rem)*12);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:896px){.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 a.codeLink{font-family:var(--font-ibm-plex-mono,var(--font-ibm-plex-mono));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.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/dist/Containers/NavBar/NavItem/index.module.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .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}.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}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .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}.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-brand-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/dist/Containers/NavBar/index.js CHANGED
@@ -12,6 +12,6 @@ const navInteractionIcons = {
12
12
  };
13
13
  const NavBar = ({ children, Logo, as: Component = 'a', navItems, pathname, sidebarItemTogglerAriaLabel, }) => {
14
14
  const [isMenuOpen, setIsMenuOpen] = useState(false);
15
- return (_jsx("nav", { className: styles.container, children: _jsxs("div", { className: styles.innerContainer, children: [_jsxs("div", { className: styles.nodeIconAndMobileItemsToggler, children: [_jsx(Component, { className: styles.nodeIconWrapper, href: "/", "aria-label": "Home", children: _jsx(Logo, {}) }), _jsx(Label.Root, { className: styles.sidebarItemTogglerLabel, htmlFor: "sidebarItemToggler", role: "button", "aria-label": sidebarItemTogglerAriaLabel, children: navInteractionIcons[isMenuOpen ? 'close' : 'show'] })] }), _jsx("input", { className: classNames('peer', styles.sidebarItemToggler), id: "sidebarItemToggler", type: "checkbox", onChange: e => setIsMenuOpen(() => e.target.checked), "aria-label": sidebarItemTogglerAriaLabel, tabIndex: -1 }), _jsxs("div", { className: classNames(styles.main, `hidden peer-checked:flex`), children: [navItems && (_jsx("div", { className: styles.navItems, children: navItems.map(({ text, link, target }) => (_jsx(NavItem, { pathname: pathname, as: Component, href: link, target: target, children: text }, link))) })), _jsx("div", { className: styles.actionsWrapper, children: children })] })] }) }));
15
+ return (_jsx("nav", { className: styles.container, children: _jsxs("div", { className: styles.innerContainer, children: [_jsxs("div", { className: styles.nodeIconAndMobileItemsToggler, children: [_jsx(Component, { className: styles.nodeIconWrapper, href: "/", "aria-label": "Home", children: _jsx(Logo, {}) }), _jsx(Label.Root, { className: styles.sidebarItemTogglerLabel, htmlFor: "sidebarItemToggler", role: "button", "aria-label": sidebarItemTogglerAriaLabel, children: navInteractionIcons[isMenuOpen ? 'close' : 'show'] })] }), _jsx("input", { className: classNames('peer', styles.sidebarItemToggler), id: "sidebarItemToggler", type: "checkbox", onChange: e => setIsMenuOpen(() => e.target.checked), "aria-label": sidebarItemTogglerAriaLabel, tabIndex: -1 }), _jsxs("div", { className: classNames(styles.main, `hidden peer-checked:flex`), children: [navItems && navItems.length > 0 && (_jsx("div", { className: styles.navItems, children: navItems.map(({ text, link, target }) => (_jsx(NavItem, { pathname: pathname, as: Component, href: link, target: target, children: text }, link))) })), _jsx("div", { className: styles.actionsWrapper, children: children })] })] }) }));
16
16
  };
17
17
  export default NavBar;
package/dist/Containers/NavBar/index.module.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .container{border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff)}@media (min-width:80rem){.container{height:calc(var(--spacing,.25rem)*16);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*8);border-bottom-width:1px}}.container:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.container .innerContainer{max-width:var(--container-10xl,104rem)}@media (min-width:80rem){.container .innerContainer{height:calc(var(--spacing,.25rem)*16);align-items:center;gap:calc(var(--spacing,.25rem)*8);flex-direction:row;margin-inline:auto;display:flex}}.container .innerContainer .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:80rem){.container .innerContainer .nodeIconAndMobileItemsToggler{border-style:var(--tw-border-style);height:100%;padding-inline:calc(var(--spacing,.25rem)*0);border-width:0;align-items:center;display:flex}}.container .innerContainer .nodeIconAndMobileItemsToggler:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.container .innerContainer .nodeIconAndMobileItemsToggler .nodeIconWrapper{flex:1;height:30px}.container .innerContainer .nodeIconAndMobileItemsToggler .sidebarItemTogglerLabel{cursor:pointer;display:block}@media (min-width:80rem){.container .innerContainer .nodeIconAndMobileItemsToggler .sidebarItemTogglerLabel{display:none}}.container .innerContainer .nodeIconAndMobileItemsToggler .sidebarItemTogglerLabel .navInteractionIcon{width:calc(var(--spacing,.25rem)*6);height:calc(var(--spacing,.25rem)*6)}.container .innerContainer .sidebarItemToggler{right:calc(var(--spacing,.25rem)*4);z-index:-10;width:calc(var(--spacing,.25rem)*6);height:calc(var(--spacing,.25rem)*6);--tw-translate-y:-200%;translate:var(--tw-translate-x) var(--tw-translate-y);appearance:none;opacity:0;position:absolute}.container .innerContainer .main{justify-content:space-between;gap:calc(var(--spacing,.25rem)*4);flex-direction:column;flex:1}@media (min-width:80rem){.container .innerContainer .main{flex-direction:row;align-items:center;display:flex}}.container .innerContainer .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:80rem){.container .innerContainer .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}}.container .innerContainer .navItems:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.container .innerContainer .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){.container .innerContainer .actionsWrapper{flex-wrap:nowrap}}@media (min-width:80rem){.container .innerContainer .actionsWrapper{flex-basis:calc(var(--spacing,.25rem)*96);border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*0);border-width:0}}.container .innerContainer .actionsWrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.container .innerContainer .actionsWrapper span.searchButtonSkeleton{margin-block:1px;margin-right:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-xl,.75rem);flex-grow:1}.container .innerContainer .actionsWrapper span.searchButtonSkeleton:empty{height:calc(var(--spacing,.25rem)*10)}.container .innerContainer .actionsWrapper span.themeToggleSkeleton{width:calc(var(--spacing,.25rem)*9);height:calc(var(--spacing,.25rem)*9);border-radius:var(--radius-md,.375rem);padding-block:calc(var(--spacing,.25rem)*4)}.container .innerContainer .actionsWrapper .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)}.container .innerContainer .actionsWrapper .ghIconWrapper svg{fill:var(--color-neutral-700,#6e7b83)}.container .innerContainer .actionsWrapper .ghIconWrapper svg:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-neutral-300,#d9e1e4)}.container .innerContainer .actionsWrapper .ghIconWrapper:hover{background-color:var(--color-neutral-100,#f6f7f9)}.container .innerContainer .actionsWrapper .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}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .container{border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff)}@media (min-width:80rem){.container{height:calc(var(--spacing,.25rem)*16);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*8);border-bottom-width:1px}}.container:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.container .innerContainer{max-width:var(--container-10xl,104rem)}@media (min-width:80rem){.container .innerContainer{height:calc(var(--spacing,.25rem)*16);align-items:center;gap:calc(var(--spacing,.25rem)*8);flex-direction:row;margin-inline:auto;display:flex}}.container .innerContainer .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:80rem){.container .innerContainer .nodeIconAndMobileItemsToggler{border-style:var(--tw-border-style);height:100%;padding-inline:calc(var(--spacing,.25rem)*0);border-width:0;align-items:center;display:flex}}.container .innerContainer .nodeIconAndMobileItemsToggler:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.container .innerContainer .nodeIconAndMobileItemsToggler .nodeIconWrapper{flex:1;height:30px}.container .innerContainer .nodeIconAndMobileItemsToggler .sidebarItemTogglerLabel{cursor:pointer;display:block}@media (min-width:80rem){.container .innerContainer .nodeIconAndMobileItemsToggler .sidebarItemTogglerLabel{display:none}}.container .innerContainer .nodeIconAndMobileItemsToggler .sidebarItemTogglerLabel .navInteractionIcon{width:calc(var(--spacing,.25rem)*6);height:calc(var(--spacing,.25rem)*6)}.container .innerContainer .sidebarItemToggler{right:calc(var(--spacing,.25rem)*4);z-index:-10;width:calc(var(--spacing,.25rem)*6);height:calc(var(--spacing,.25rem)*6);--tw-translate-y:-200%;translate:var(--tw-translate-x) var(--tw-translate-y);appearance:none;opacity:0;position:absolute}.container .innerContainer .main{justify-content:space-between;gap:calc(var(--spacing,.25rem)*4);flex-direction:column;flex:1}@media (min-width:80rem){.container .innerContainer .main{flex-direction:row;align-items:center;display:flex}}.container .innerContainer .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:80rem){.container .innerContainer .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}}.container .innerContainer .navItems:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.container .innerContainer .actionsWrapper{justify-content:flex-end;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){.container .innerContainer .actionsWrapper{flex-wrap:nowrap}}@media (min-width:80rem){.container .innerContainer .actionsWrapper{flex-basis:calc(var(--spacing,.25rem)*96);border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*0);border-width:0}}.container .innerContainer .actionsWrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.container .innerContainer .actionsWrapper span.searchButtonSkeleton{margin-block:1px;margin-right:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-xl,.75rem);flex-grow:1}.container .innerContainer .actionsWrapper span.searchButtonSkeleton:empty{height:calc(var(--spacing,.25rem)*10)}.container .innerContainer .actionsWrapper span.themeToggleSkeleton{width:calc(var(--spacing,.25rem)*9);height:calc(var(--spacing,.25rem)*9);border-radius:var(--radius-md,.375rem);padding-block:calc(var(--spacing,.25rem)*4)}.container .innerContainer .actionsWrapper .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)}.container .innerContainer .actionsWrapper .ghIconWrapper svg{fill:var(--color-neutral-700,#6e7b83)}.container .innerContainer .actionsWrapper .ghIconWrapper svg:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-neutral-300,#d9e1e4)}.container .innerContainer .actionsWrapper .ghIconWrapper:hover{background-color:var(--color-neutral-100,#f6f7f9)}.container .innerContainer .actionsWrapper .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/dist/Containers/Sidebar/SidebarGroup/index.d.ts CHANGED
@@ -1,12 +1,15 @@
1
1
  import SidebarItem from '#ui/Containers/Sidebar/SidebarItem';
2
2
  import type { FormattedMessage, LinkLike } from '#ui/types';
3
3
  import type { ComponentProps, FC } from 'react';
4
+ type SidebarItemType = Omit<ComponentProps<typeof SidebarItem>, 'as' | 'pathname'> & {
5
+ items?: Array<SidebarItemType>;
6
+ };
4
7
  type SidebarGroupProps = {
5
8
  groupName: FormattedMessage;
6
- items: Array<Omit<ComponentProps<typeof SidebarItem>, 'as' | 'pathname'>>;
9
+ items: Array<SidebarItemType>;
7
10
  as?: LinkLike;
8
11
  pathname?: string;
9
- className: string;
12
+ className?: string;
10
13
  };
11
14
  declare const SidebarGroup: FC<SidebarGroupProps>;
12
15
  export default SidebarGroup;
package/dist/Containers/Sidebar/SidebarGroup/index.js CHANGED
@@ -2,5 +2,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import classNames from 'classnames';
3
3
  import SidebarItem from '#ui/Containers/Sidebar/SidebarItem';
4
4
  import styles from './index.module.css';
5
- const SidebarGroup = ({ groupName, items, className, ...props }) => (_jsxs("section", { className: classNames(styles.group, className), children: [_jsx("label", { className: styles.groupName, children: groupName }), _jsx("ul", { className: styles.itemList, children: items.map(({ label, link }) => (_jsx(SidebarItem, { label: label, link: link, ...props }, link))) })] }));
5
+ const hasActivePath = (items, pathname) => {
6
+ return items.some(item => item.link === pathname ||
7
+ (item.items && hasActivePath(item.items, pathname)));
8
+ };
9
+ const renderItems = (items, props, pathname) => {
10
+ return items.map(({ label, link, items: subItems }) => {
11
+ if (subItems && subItems.length > 0) {
12
+ const isOpen = link === pathname || hasActivePath(subItems, pathname);
13
+ return (_jsx("li", { children: _jsxs("details", { className: styles.subGroup, open: isOpen, children: [_jsx("summary", { className: styles.summary, children: label }), _jsx("ul", { className: styles.subItemList, children: renderItems(subItems, props, pathname) })] }) }, link));
14
+ }
15
+ return (_jsx(SidebarItem, { label: label, link: link, pathname: pathname, ...props }, link));
16
+ });
17
+ };
18
+ const SidebarGroup = ({ groupName, items, className, pathname, ...props }) => (_jsxs("section", { className: classNames(styles.group, className), children: [_jsx("label", { className: styles.groupName, children: groupName }), _jsx("ul", { className: styles.itemList, children: renderItems(items, props, pathname) })] }));
6
19
  export default SidebarGroup;
package/dist/Containers/Sidebar/SidebarGroup/index.module.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .group{gap:calc(var(--spacing,.25rem)*2);flex-direction:column;width:100%;display:flex}.group .itemList{gap:calc(var(--spacing,.25rem)*1);flex-direction:column;display:flex}.group .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 .groupName:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-600,#929fa5)}@property --tw-font-weight{syntax:"*";inherits:false}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .group{gap:calc(var(--spacing,.25rem)*2);flex-direction:column;width:100%;display:flex}.group .itemList{gap:calc(var(--spacing,.25rem)*1);flex-direction:column;display:flex}.group .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 .groupName:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-600,#929fa5)}.group .subGroup{gap:calc(var(--spacing,.25rem)*1);flex-direction:column;width:100%;display:flex}.group .summary{cursor:pointer;border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.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);color:var(--color-neutral-800,#556066);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}@media (hover:hover){.group .summary:hover{background-color:var(--color-neutral-100,#f6f7f9)}}.group .summary:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}@media (hover:hover){.group .summary:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}}.group .summary{list-style:none}.group .summary::-webkit-details-marker{display:none}.group .subGroup[open]>.summary{color:var(--color-brand-600,#417e38)}.group .subGroup[open]>.summary:where([data-theme=dark],[data-theme=dark] *){color:var(--color-brand-400,#84ba64)}.group .subItemList{margin-top:calc(var(--spacing,.25rem)*1);margin-left:calc(var(--spacing,.25rem)*2);gap:calc(var(--spacing,.25rem)*1);border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding-left:calc(var(--spacing,.25rem)*2);flex-direction:column;display:flex}.group .subItemList:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800,#556066)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
package/dist/Containers/Sidebar/SidebarItem/index.module.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .item{z-index:20;align-items:center;gap:calc(var(--spacing,.25rem)*1);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);display:flex;position:relative;overflow:hidden}.item:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.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 .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:not(.active):hover{background-color:var(--color-neutral-100,#f6f7f9)}.item:not(.active):hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.item:not(.active):hover .label{color:var(--color-neutral-900,#2c3437)}.item:not(.active):hover .label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100,#f6f7f9)}.item:not(.active):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:not(.active):hover .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-400,#84ba64)}.item.active{background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff)}.item.active .label{color:var(--color-white,#fff);background-color:#0000;border-radius:0}.item.active:hover{background-color:var(--color-green-600,#417e38)}@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}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .item{z-index:20;align-items:center;gap:calc(var(--spacing,.25rem)*1);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);display:flex;position:relative;overflow:hidden}.item:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.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 .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:not(.active):hover{background-color:var(--color-neutral-100,#f6f7f9)}.item:not(.active):hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.item:not(.active):hover .label{color:var(--color-neutral-900,#2c3437)}.item:not(.active):hover .label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100,#f6f7f9)}.item:not(.active):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-brand-600,#417e38)}.item:not(.active):hover .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-brand-400,#84ba64)}.item.active{background-color:var(--color-brand-600,#417e38);color:var(--color-white,#fff)}.item.active .label{color:var(--color-white,#fff);background-color:#0000;border-radius:0}.item.active:hover{background-color:var(--color-brand-600,#417e38)}@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}
package/dist/Containers/Sidebar/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import SidebarGroup from '#ui/Containers/Sidebar/SidebarGroup';
2
2
  import type { LinkLike } from '#ui/types';
3
- import type { ComponentProps } from 'react';
3
+ import type { ComponentProps, FC, PropsWithChildren, RefObject } from 'react';
4
4
  type SidebarProps = {
5
5
  groups: Array<Pick<ComponentProps<typeof SidebarGroup>, 'items' | 'groupName'>>;
6
6
  pathname?: string;
@@ -8,8 +8,7 @@ type SidebarProps = {
8
8
  onSelect: (value: string) => void;
9
9
  as?: LinkLike;
10
10
  placeholder?: string;
11
+ ref: RefObject<HTMLElement | null>;
11
12
  };
12
- declare const SideBar: import("react").ForwardRefExoticComponent<SidebarProps & {
13
- children?: import("react").ReactNode | undefined;
14
- } & import("react").RefAttributes<HTMLElement>>;
13
+ declare const SideBar: FC<PropsWithChildren<SidebarProps>>;
15
14
  export default SideBar;
package/dist/Containers/Sidebar/index.js CHANGED
@@ -1,16 +1,18 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { forwardRef } from 'react';
3
2
  import WithNoScriptSelect from '#ui/Common/Select/NoScriptSelect';
4
3
  import SidebarGroup from '#ui/Containers/Sidebar/SidebarGroup';
5
4
  import styles from './index.module.css';
6
- const SideBar = forwardRef(({ groups, pathname, title, onSelect, as, children, placeholder }, ref) => {
5
+ const flattenItems = (items) => {
6
+ return items.flatMap((item) => item.items && item.items.length ? flattenItems(item.items) : [item]);
7
+ };
8
+ const SideBar = ({ groups, pathname, title, onSelect, as, children, placeholder, ...props }) => {
7
9
  const selectItems = groups.map(({ items, groupName }) => ({
8
10
  label: groupName,
9
- items: items.map(({ label, link }) => ({ value: link, label })),
11
+ items: flattenItems(items).map(({ label, link }) => ({ value: link, label })),
10
12
  }));
11
13
  const currentItem = selectItems
12
14
  .flatMap(item => item.items)
13
15
  .find(item => pathname === item.value);
14
- return (_jsxs("aside", { ref: ref, className: styles.wrapper, children: [children, selectItems.length > 0 && (_jsx(WithNoScriptSelect, { label: title, values: selectItems, defaultValue: currentItem?.value, placeholder: placeholder, onChange: onSelect, className: styles.mobileSelect, as: as })), groups.map(({ groupName, items }) => (_jsx(SidebarGroup, { groupName: groupName, items: items, pathname: pathname, as: as, className: styles.navigation }, groupName.toString())))] }));
15
- });
16
+ return (_jsxs("aside", { ...props, className: styles.wrapper, children: [children, selectItems.length > 0 && (_jsx(WithNoScriptSelect, { label: title, values: selectItems, defaultValue: currentItem?.value, placeholder: placeholder, onChange: onSelect, className: styles.mobileSelect, as: as })), groups.map(({ groupName, items }) => (_jsx(SidebarGroup, { groupName: groupName, items: items, pathname: pathname, as: as, className: styles.navigation }, groupName.toString())))] }));
17
+ };
16
18
  export default SideBar;
package/dist/Containers/Sidebar/index.module.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .wrapper{z-index:0;gap:calc(var(--spacing,.25rem)*8);border-right-style:var(--tw-border-style);border-right-width:0;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);width:100%;padding-inline:calc(var(--spacing,.25rem)*4);padding-top:calc(var(--spacing,.25rem)*6);scrollbar-width:thin;flex-direction:column;display:flex}@media (min-width:896px){.wrapper{max-width:var(--container-xs,20rem);border-right-style:var(--tw-border-style);padding-bottom:var(--header-height);border-right-width:1px;overflow:auto}}@media (min-width:96rem){.wrapper{padding-inline:calc(var(--spacing,.25rem)*6)}}.wrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.wrapper .navigation{display:none}@media (min-width:896px){.wrapper .navigation{display:flex}}.wrapper .mobileSelect{width:100%;display:flex}@media (min-width:896px){.wrapper .mobileSelect{display:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .wrapper{z-index:0;scrollbar-width:thin;gap:calc(var(--spacing,.25rem)*8);border-right-style:var(--tw-border-style);border-right-width:0;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);width:100%;padding-inline:calc(var(--spacing,.25rem)*4);padding-top:calc(var(--spacing,.25rem)*6);flex-direction:column;display:flex}@media (min-width:896px){.wrapper{max-width:var(--container-xs,20rem);border-right-style:var(--tw-border-style);border-right-width:1px;overflow:auto}}@media (min-width:96rem){.wrapper{padding-inline:calc(var(--spacing,.25rem)*6)}}.wrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.wrapper .navigation{display:none}@media (min-width:896px){.wrapper .navigation{display:flex}}.wrapper .mobileSelect{width:100%;display:flex}@media (min-width:896px){.wrapper .mobileSelect{display:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
package/dist/Icons/InstallationMethod/N.js CHANGED
@@ -1,5 +1,3 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const N = props => (_jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { x: "0", y: "0", width: "32", height: "32", fill: "#1e1e1e", stroke: "#ffffff", strokeWidth: "2", rx: "5" }), _jsx("circle", { cx: "5", cy: "5", r: "2", fill: "#ff5f56" }), _jsx("circle", { cx: "10", cy: "5", r: "2", fill: "#ffbd2e" }), _jsx("circle", { cx: "15", cy: "5", r: "2", fill: "#27c93f" })
3
- // text with outline
4
- , "// text with outline", _jsx("text", { x: "6", y: "24", fontFamily: "monospace", fontSize: "14", fill: "#00ff00", children: "$n" })] }));
2
+ const N = props => (_jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("rect", { x: "0", y: "0", width: "32", height: "32", fill: "#1e1e1e", stroke: "#ffffff", strokeWidth: "2", rx: "5" }), _jsx("circle", { cx: "5", cy: "5", r: "2", fill: "#ff5f56" }), _jsx("circle", { cx: "10", cy: "5", r: "2", fill: "#ffbd2e" }), _jsx("circle", { cx: "15", cy: "5", r: "2", fill: "#27c93f" }), _jsx("text", { x: "6", y: "24", fontFamily: "monospace", fontSize: "14", fill: "#00ff00", children: "$n" })] }));
5
3
  export default N;
package/dist/styles/index.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-leading:initial;--tw-tracking:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-content:"";--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-space-y-reverse:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-green-100:#edf2eb;--color-green-200:#c5e5b4;--color-green-300:#99cc7d;--color-green-400:#84ba64;--color-green-600:#417e38;--color-green-700:#2c682c;--color-green-800:#2c682c;--color-green-900:#1a3f1d;--color-gray-200:oklch(92.8% .006 264.531);--color-neutral-100:#f6f7f9;--color-neutral-200:#e9edf0;--color-neutral-300:#d9e1e4;--color-neutral-400:#cbd4d9;--color-neutral-500:#b1bcc2;--color-neutral-600:#929fa5;--color-neutral-700:#6e7b83;--color-neutral-800:#556066;--color-neutral-900:#2c3437;--color-neutral-950:#0d121c;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-xs:.125rem;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-danger-100:#fbf1f0;--color-danger-200:#fad3d4;--color-danger-300:#fab6b7;--color-danger-400:#fa8e8e;--color-danger-600:#de1a1b;--color-danger-700:#b80c0c;--color-danger-800:#900e0e;--color-danger-900:#661514;--color-warning-100:#fdf3e7;--color-warning-200:#fad9b0;--color-warning-300:#f5bc75;--color-warning-400:#e99c40;--color-warning-600:#ae5f00;--color-warning-700:#8b4d04;--color-warning-800:#683d08;--color-warning-900:#4d2f0b;--color-info-100:#e9f4fa;--color-info-200:#bce6fc;--color-info-300:#8ed4f8;--color-info-400:#52baed;--color-info-600:#0c7bb3;--color-info-700:#066291;--color-info-800:#074d71;--color-info-900:#0a3953;--color-accent1-100:#f7f1fb;--color-accent1-200:#ead9fb;--color-accent1-300:#dbbdf9;--color-accent1-400:#c79bf2;--color-accent1-600:#9756d6;--color-accent1-700:#7d3cbe;--color-accent1-800:#642b9e;--color-accent1-900:#361b52;--color-accent2-100:#fbf0f4;--color-accent2-200:#fbd4e6;--color-accent2-300:#fbb4d2;--color-accent2-400:#f68bb7;--color-accent2-600:#d6246e;--color-accent2-700:#b01356;--color-accent2-800:#8b1245;--color-accent2-900:#411526;--color-pulse-100:#0000330f;--color-pulse-200:#00002d17;--color-pulse-300:#ddeaf814;--color-pulse-400:#d3edf81d;--color-shadow:#101828;--font-open-sans:var(--font-open-sans);--font-ibm-plex-mono:var(--font-ibm-plex-mono);--font-weight-regular:400}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--header-height:calc(var(--spacing,.25rem)*16)}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}:is(button,[role=button]):not(:disabled){cursor:pointer}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.right-0{right:calc(var(--spacing)*0)}.container{width:100%}@media (min-width:896px){.container{max-width:896px}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:120rem){.container{max-width:120rem}}.mx-1\.5{margin-inline:calc(var(--spacing)*1.5)}.mt-4{margin-top:calc(var(--spacing)*4)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-32{width:calc(var(--spacing)*32);height:calc(var(--spacing)*32)}.h-20{height:calc(var(--spacing)*20)}.h-72{height:calc(var(--spacing)*72)}.h-full{height:100%}.w-20{width:calc(var(--spacing)*20)}.w-72{width:calc(var(--spacing)*72)}.w-200{width:calc(var(--spacing)*200)}.w-\[150px\]{width:150px}.w-\[305px\]{width:305px}.w-\[600px\]{width:600px}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.bg-accent1-100{background-color:var(--color-accent1-100)}.bg-accent1-200{background-color:var(--color-accent1-200)}.bg-accent1-300{background-color:var(--color-accent1-300)}.bg-accent1-400{background-color:var(--color-accent1-400)}.bg-accent1-600{background-color:var(--color-accent1-600)}.bg-accent1-700{background-color:var(--color-accent1-700)}.bg-accent1-800{background-color:var(--color-accent1-800)}.bg-accent1-900{background-color:var(--color-accent1-900)}.bg-accent2-100{background-color:var(--color-accent2-100)}.bg-accent2-200{background-color:var(--color-accent2-200)}.bg-accent2-300{background-color:var(--color-accent2-300)}.bg-accent2-400{background-color:var(--color-accent2-400)}.bg-accent2-600{background-color:var(--color-accent2-600)}.bg-accent2-700{background-color:var(--color-accent2-700)}.bg-accent2-800{background-color:var(--color-accent2-800)}.bg-accent2-900{background-color:var(--color-accent2-900)}.bg-danger-100{background-color:var(--color-danger-100)}.bg-danger-200{background-color:var(--color-danger-200)}.bg-danger-300{background-color:var(--color-danger-300)}.bg-danger-400{background-color:var(--color-danger-400)}.bg-danger-600{background-color:var(--color-danger-600)}.bg-danger-700{background-color:var(--color-danger-700)}.bg-danger-800{background-color:var(--color-danger-800)}.bg-danger-900{background-color:var(--color-danger-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-200{background-color:var(--color-green-200)}.bg-green-300{background-color:var(--color-green-300)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-600{background-color:var(--color-green-600)}.bg-green-700{background-color:var(--color-green-700)}.bg-green-800{background-color:var(--color-green-800)}.bg-green-900{background-color:var(--color-green-900)}.bg-info-100{background-color:var(--color-info-100)}.bg-info-200{background-color:var(--color-info-200)}.bg-info-300{background-color:var(--color-info-300)}.bg-info-400{background-color:var(--color-info-400)}.bg-info-600{background-color:var(--color-info-600)}.bg-info-700{background-color:var(--color-info-700)}.bg-info-800{background-color:var(--color-info-800)}.bg-info-900{background-color:var(--color-info-900)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-300{background-color:var(--color-neutral-300)}.bg-neutral-400{background-color:var(--color-neutral-400)}.bg-neutral-600{background-color:var(--color-neutral-600)}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-warning-100{background-color:var(--color-warning-100)}.bg-warning-200{background-color:var(--color-warning-200)}.bg-warning-300{background-color:var(--color-warning-300)}.bg-warning-400{background-color:var(--color-warning-400)}.bg-warning-600{background-color:var(--color-warning-600)}.bg-warning-700{background-color:var(--color-warning-700)}.bg-warning-800{background-color:var(--color-warning-800)}.bg-warning-900{background-color:var(--color-warning-900)}.fill-\[\#333333\]{fill:#333}.fill-\[\#747474\]{fill:#747474}.fill-neutral-700{fill:var(--color-neutral-700)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-regular{--tw-font-weight:var(--font-weight-regular);font-weight:var(--font-weight-regular)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[\#0D0B21\]{color:#0d0b21}.text-\[\#001\]{color:#001}.text-\[\#1F70C1\]{color:#1f70c1}.text-\[\#0080FF\]{color:#0080ff}.text-\[\#89a19d\]{color:#89a19d}.text-\[\#362d59\]{color:#362d59}.text-\[\#632CA6\]{color:#632ca6}.text-\[\#020202\]{color:#020202}.text-\[\#263238\]{color:#263238}.text-\[\#521094\]{color:#521094}.text-\[\#E91C24\]{color:#e91c24}.text-\[\#eb0000\]{color:#eb0000}.text-black{color:var(--color-black)}.opacity-70{opacity:.7}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}.peer-checked\:flex:is(:where(.peer):checked~*){display:flex}@media (prefers-reduced-motion:no-preference){.motion-safe\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.dark\:hidden:where([data-theme=dark],[data-theme=dark] *){display:none}.dark\:inline:where([data-theme=dark],[data-theme=dark] *){display:inline}.dark\:fill-current:where([data-theme=dark],[data-theme=dark] *){fill:currentColor}.dark\:fill-neutral-100:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-neutral-100)}.dark\:fill-white:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-white)}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}*{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}html,body{height:100%}body{background-color:var(--color-white);font-family:var(--font-open-sans);color:var(--color-neutral-950)}@media (prefers-reduced-motion:no-preference){body{scroll-behavior:smooth}}body:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-950);color:var(--color-white)}[data-tooltip]{position:relative}[data-tooltip]:after{pointer-events:none;z-index:10;margin-top:calc(var(--spacing)*2);width:max-content;max-width:calc(var(--spacing)*64);--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-neutral-900);opacity:0;--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#10182808), 0px 12px 16px -4px var(--tw-shadow-color,#10182814);position:absolute;top:100%;left:50%}@supports (color:color-mix(in lab, red, red)){[data-tooltip]:after{--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))}}[data-tooltip]:after{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-content:attr(data-tooltip);content:var(--tw-content)}[data-tooltip]:before{pointer-events:none;z-index:10;margin-top:calc(var(--spacing)*1);width:calc(var(--spacing)*2);height:calc(var(--spacing)*2);--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);border-width:1px;border-right-style:var(--tw-border-style);border-right-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:0;border-color:var(--color-neutral-200);background-color:var(--color-white);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-content:"";content:var(--tw-content);position:absolute;top:100%;left:50%;rotate:45deg}[data-tooltip]:hover:after,[data-tooltip]:hover:before,[data-tooltip]:focus-visible:after,[data-tooltip]:focus-visible:before{opacity:1}[data-theme=dark] [data-tooltip]:after{border-color:var(--color-neutral-900);background-color:var(--color-neutral-950);color:var(--color-white)}[data-theme=dark] [data-tooltip]:before{border-color:var(--color-neutral-900);background-color:var(--color-neutral-950)}main{gap:calc(var(--spacing)*6);flex-direction:column;width:100%;display:flex}@media not all and (min-width:896px){main{gap:calc(var(--spacing)*4)}}main hr{border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-neutral-200);background-color:var(--color-white);width:100%}main hr:where([data-theme=dark],[data-theme=dark] *){border-top-color:var(--color-neutral-900);background-color:var(--color-neutral-950)}main h1{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}main h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}main h3{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}main h4{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}main h5,main h6{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}main h1,main h2,main h3,main h4,main h5,main h6{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}:is(main h1,main h2,main h3,main h4,main h5,main h6):where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}:is(main h1,main h2,main h3,main h4,main h5,main h6)[id] a{color:var(--color-neutral-900)}:is(main h1,main h2,main h3,main h4,main h5,main h6)[id] a:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}:is(main h1,main h2,main h3,main h4,main h5,main h6)[id]{scroll-margin-top:calc(var(--header-height) + var(--spacing,.25rem)*6)}:is(main h1,main h2,main h3,main h4,main h5,main h6)[id] .anchor{color:inherit;text-decoration-line:none}:is(main h1,main h2,main h3,main h4,main h5,main h6)[id] .anchor:after{margin-left:calc(var(--spacing)*2);color:var(--color-neutral-400);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-content:"#";content:var(--tw-content)}:is(main h1,main h2,main h3,main h4,main h5,main h6)[id] .anchor:after:where(){color:var(--color-neutral-500)}:is(main h1,main h2,main h3,main h4,main h5,main h6)[id]:hover .anchor:after,:is(main h1,main h2,main h3,main h4,main h5,main h6)[id]:focus-within .anchor:after{opacity:1}main strong{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}main code{border-radius:var(--radius-xs);background-color:var(--color-neutral-100);padding-inline:calc(var(--spacing)*1);font-family:var(--font-ibm-plex-mono);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}main code:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900);color:var(--color-white)}main p{color:var(--color-neutral-900)}main p:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a){color:var(--color-green-600)}@media not all and (min-width:896px){main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}}main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a):where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-400)}main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a):hover{color:var(--color-green-900)}main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a):hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-200)}@media not all and (min-width:896px){main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a)[role=button]{--tw-font-weight:var(--font-weight-regular);font-weight:var(--font-weight-regular)}main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a):has(code){-webkit-text-decoration-color:var(--color-neutral-800);-webkit-text-decoration-color:var(--color-neutral-800);text-decoration-color:var(--color-neutral-800)}main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a):has(code):where([data-theme=dark],[data-theme=dark] *){-webkit-text-decoration-color:var(--color-neutral-200);-webkit-text-decoration-color:var(--color-neutral-200);text-decoration-color:var(--color-neutral-200)}}main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a):has(code) code{color:inherit}main ul{padding-right:calc(var(--spacing)*4);padding-left:calc(var(--spacing)*6);--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--color-neutral-900);list-style-type:disc}@media not all and (min-width:896px){main ul{padding-right:calc(var(--spacing)*3);padding-left:calc(var(--spacing)*5)}}main ul:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}main ul li+li{margin-top:calc(var(--spacing)*2)}main ul li div:has(>pre){margin-block:calc(var(--spacing)*1)!important}main ol{padding-right:calc(var(--spacing)*4);padding-left:calc(var(--spacing)*6);--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--color-neutral-900);list-style-type:decimal}@media not all and (min-width:896px){main ol{padding-right:calc(var(--spacing)*3);padding-left:calc(var(--spacing)*5)}}main ol:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}main ol li+li{margin-top:calc(var(--spacing)*2)}main ol li div:has(>pre){margin-block:calc(var(--spacing)*1)!important}main table{margin-bottom:calc(var(--spacing)*1);border-collapse:separate;--tw-border-spacing-x:calc(var(--spacing)*0);--tw-border-spacing-y:calc(var(--spacing)*0);width:100%;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-radius:var(--radius-xs);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}main table:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900)}main table th,main table td{border-style:var(--tw-border-style);border-width:1px;border-top-style:var(--tw-border-style);border-top-width:0;border-right-style:var(--tw-border-style);border-right-width:0;border-color:var(--color-neutral-200);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);overflow-wrap:break-word;color:var(--color-neutral-900)}@media not all and (min-width:896px){main table th,main table td{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5)}}:is(main table th,main table td):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900);color:var(--color-white)}:is(main table th,main table td) a+a{margin-right:calc(var(--spacing)*2)}main table th{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}@media (min-width:40rem){main table tr:last-child>td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@media not all and (min-width:896px){main table tr:last-child>td:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@media (min-width:40rem){main table td:first-child,main table th:first-child{border-left-style:var(--tw-border-style);border-left-width:0}}@media (max-width:40rem){main table:not([data-cards=false]){border-style:var(--tw-border-style);border-width:0;display:block}main table:not([data-cards=false]) thead{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main table:not([data-cards=false]) tbody{display:block}:where(main table:not([data-cards=false]) tbody>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)))}main table:not([data-cards=false]) tr{border-radius:var(--radius-xs);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);padding:calc(var(--spacing)*4);display:block}main table:not([data-cards=false]) tr:before{content:var(--tw-content);margin-bottom:calc(var(--spacing)*2);content:var(--tw-content);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));content:var(--tw-content);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);content:var(--tw-content);color:var(--color-neutral-500);--tw-content:attr(data-label);content:var(--tw-content)}main table:not([data-cards=false]) tr:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900)}main table:not([data-cards=false]) tr:where([data-theme=dark],[data-theme=dark] *):before{content:var(--tw-content);color:var(--color-neutral-400)}main table:not([data-cards=false]) td{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*2);text-align:right;color:var(--color-neutral-600);border-bottom-width:1px;padding-left:33%;display:block;position:relative}main table:not([data-cards=false]) td:before{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);top:50%;left:calc(var(--spacing)*0);content:var(--tw-content);content:var(--tw-content);--tw-translate-y:-50%;width:33.3333%;translate:var(--tw-translate-x) var(--tw-translate-y);content:var(--tw-content);text-align:left;content:var(--tw-content);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);content:var(--tw-content);overflow-wrap:break-word;content:var(--tw-content);color:var(--color-neutral-700);--tw-content:attr(data-label);content:var(--tw-content);position:absolute}main table:not([data-cards=false]) td:last-child{border-style:var(--tw-border-style);border-width:0}main table:not([data-cards=false]) td:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900);color:var(--color-neutral-300)}main table:not([data-cards=false]) td:where([data-theme=dark],[data-theme=dark] *):before{content:var(--tw-content);color:var(--color-neutral-200)}main table:not([data-cards=false]) td div{justify-content:flex-end}}}h1.special{background-image:linear-gradient(180deg, var(--color-neutral-900) 0%, #2c3437cc 100%)}@supports (color:color-mix(in lab, red, red)){h1.special{background-image:linear-gradient(180deg, var(--color-neutral-900) 0%, color-mix(in oklab, var(--color-neutral-900) 80%, transparent) 100%)}}h1.special{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-leading:3rem;--tw-tracking:-0.045rem;letter-spacing:-.045rem;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:3rem}@media (min-width:48rem){h1.special{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height));--tw-leading:4rem;--tw-tracking:-0.06rem;letter-spacing:-.06rem;line-height:4rem}}h1.special:where([data-theme=dark],[data-theme=dark] *){background-image:linear-gradient(180deg, var(--color-white) 0%, #fffc 100%)}@supports (color:color-mix(in lab, red, red)){h1.special:where([data-theme=dark],[data-theme=dark] *){background-image:linear-gradient(180deg, var(--color-white) 0%, color-mix(in oklab, var(--color-white) 80%, transparent) 100%)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@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}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-leading:initial;--tw-tracking:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-content:"";--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-space-y-reverse:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-200:oklch(92.8% .006 264.531);--color-neutral-100:#f6f7f9;--color-neutral-200:#e9edf0;--color-neutral-300:#d9e1e4;--color-neutral-400:#cbd4d9;--color-neutral-500:#b1bcc2;--color-neutral-600:#929fa5;--color-neutral-700:#6e7b83;--color-neutral-800:#556066;--color-neutral-900:#2c3437;--color-neutral-950:#0d121c;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-xs:.125rem;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand-100:#edf2eb;--color-brand-200:#c5e5b4;--color-brand-300:#99cc7d;--color-brand-400:#84ba64;--color-brand-600:#417e38;--color-brand-700:#2c682c;--color-brand-800:#2c682c;--color-brand-900:#1a3f1d;--color-danger-100:#fbf1f0;--color-danger-200:#fad3d4;--color-danger-300:#fab6b7;--color-danger-400:#fa8e8e;--color-danger-600:#de1a1b;--color-danger-700:#b80c0c;--color-danger-800:#900e0e;--color-danger-900:#661514;--color-warning-100:#fdf3e7;--color-warning-200:#fad9b0;--color-warning-300:#f5bc75;--color-warning-400:#e99c40;--color-warning-600:#ae5f00;--color-warning-700:#8b4d04;--color-warning-800:#683d08;--color-warning-900:#4d2f0b;--color-info-100:#e9f4fa;--color-info-200:#bce6fc;--color-info-300:#8ed4f8;--color-info-400:#52baed;--color-info-600:#0c7bb3;--color-info-700:#066291;--color-info-800:#074d71;--color-info-900:#0a3953;--color-accent1-100:#f7f1fb;--color-accent1-200:#ead9fb;--color-accent1-300:#dbbdf9;--color-accent1-400:#c79bf2;--color-accent1-600:#9756d6;--color-accent1-700:#7d3cbe;--color-accent1-800:#642b9e;--color-accent1-900:#361b52;--color-accent2-100:#fbf0f4;--color-accent2-200:#fbd4e6;--color-accent2-300:#fbb4d2;--color-accent2-400:#f68bb7;--color-accent2-600:#d6246e;--color-accent2-700:#b01356;--color-accent2-800:#8b1245;--color-accent2-900:#411526;--color-pulse-100:#0000330f;--color-pulse-200:#00002d17;--color-pulse-300:#ddeaf814;--color-pulse-400:#d3edf81d;--color-shadow:#101828;--font-open-sans:var(--font-open-sans);--font-ibm-plex-mono:var(--font-ibm-plex-mono);--font-weight-regular:400}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--header-height:calc(var(--spacing,.25rem)*16)}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}:is(button,[role=button]):not(:disabled){cursor:pointer}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.relative{position:relative}.right-0{right:calc(var(--spacing)*0)}.row-1{grid-row:1}.row-2{grid-row:2}.row-3{grid-row:3}.container{width:100%}@media (min-width:896px){.container{max-width:896px}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:120rem){.container{max-width:120rem}}.mx-1\.5{margin-inline:calc(var(--spacing)*1.5)}.mt-4{margin-top:calc(var(--spacing)*4)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-32{width:calc(var(--spacing)*32);height:calc(var(--spacing)*32)}.h-20{height:calc(var(--spacing)*20)}.h-72{height:calc(var(--spacing)*72)}.h-full{height:100%}.w-20{width:calc(var(--spacing)*20)}.w-72{width:calc(var(--spacing)*72)}.w-200{width:calc(var(--spacing)*200)}.w-\[150px\]{width:150px}.w-\[305px\]{width:305px}.w-\[600px\]{width:600px}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.bg-accent1-100{background-color:var(--color-accent1-100)}.bg-accent1-200{background-color:var(--color-accent1-200)}.bg-accent1-300{background-color:var(--color-accent1-300)}.bg-accent1-400{background-color:var(--color-accent1-400)}.bg-accent1-600{background-color:var(--color-accent1-600)}.bg-accent1-700{background-color:var(--color-accent1-700)}.bg-accent1-800{background-color:var(--color-accent1-800)}.bg-accent1-900{background-color:var(--color-accent1-900)}.bg-accent2-100{background-color:var(--color-accent2-100)}.bg-accent2-200{background-color:var(--color-accent2-200)}.bg-accent2-300{background-color:var(--color-accent2-300)}.bg-accent2-400{background-color:var(--color-accent2-400)}.bg-accent2-600{background-color:var(--color-accent2-600)}.bg-accent2-700{background-color:var(--color-accent2-700)}.bg-accent2-800{background-color:var(--color-accent2-800)}.bg-accent2-900{background-color:var(--color-accent2-900)}.bg-brand-100{background-color:var(--color-brand-100)}.bg-brand-200{background-color:var(--color-brand-200)}.bg-brand-300{background-color:var(--color-brand-300)}.bg-brand-400{background-color:var(--color-brand-400)}.bg-brand-600{background-color:var(--color-brand-600)}.bg-brand-700{background-color:var(--color-brand-700)}.bg-brand-800{background-color:var(--color-brand-800)}.bg-brand-900{background-color:var(--color-brand-900)}.bg-danger-100{background-color:var(--color-danger-100)}.bg-danger-200{background-color:var(--color-danger-200)}.bg-danger-300{background-color:var(--color-danger-300)}.bg-danger-400{background-color:var(--color-danger-400)}.bg-danger-600{background-color:var(--color-danger-600)}.bg-danger-700{background-color:var(--color-danger-700)}.bg-danger-800{background-color:var(--color-danger-800)}.bg-danger-900{background-color:var(--color-danger-900)}.bg-info-100{background-color:var(--color-info-100)}.bg-info-200{background-color:var(--color-info-200)}.bg-info-300{background-color:var(--color-info-300)}.bg-info-400{background-color:var(--color-info-400)}.bg-info-600{background-color:var(--color-info-600)}.bg-info-700{background-color:var(--color-info-700)}.bg-info-800{background-color:var(--color-info-800)}.bg-info-900{background-color:var(--color-info-900)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-300{background-color:var(--color-neutral-300)}.bg-neutral-400{background-color:var(--color-neutral-400)}.bg-neutral-600{background-color:var(--color-neutral-600)}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-warning-100{background-color:var(--color-warning-100)}.bg-warning-200{background-color:var(--color-warning-200)}.bg-warning-300{background-color:var(--color-warning-300)}.bg-warning-400{background-color:var(--color-warning-400)}.bg-warning-600{background-color:var(--color-warning-600)}.bg-warning-700{background-color:var(--color-warning-700)}.bg-warning-800{background-color:var(--color-warning-800)}.bg-warning-900{background-color:var(--color-warning-900)}.fill-\[\#333333\]{fill:#333}.fill-\[\#747474\]{fill:#747474}.fill-neutral-700{fill:var(--color-neutral-700)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-regular{--tw-font-weight:var(--font-weight-regular);font-weight:var(--font-weight-regular)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[\#0D0B21\]{color:#0d0b21}.text-\[\#001\]{color:#001}.text-\[\#1F70C1\]{color:#1f70c1}.text-\[\#0080FF\]{color:#0080ff}.text-\[\#89a19d\]{color:#89a19d}.text-\[\#362d59\]{color:#362d59}.text-\[\#632CA6\]{color:#632ca6}.text-\[\#020202\]{color:#020202}.text-\[\#263238\]{color:#263238}.text-\[\#521094\]{color:#521094}.text-\[\#E91C24\]{color:#e91c24}.text-\[\#eb0000\]{color:#eb0000}.text-black{color:var(--color-black)}.opacity-70{opacity:.7}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}.peer-checked\:flex:is(:where(.peer):checked~*){display:flex}@media (prefers-reduced-motion:no-preference){.motion-safe\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.dark\:hidden:where([data-theme=dark],[data-theme=dark] *){display:none}.dark\:inline:where([data-theme=dark],[data-theme=dark] *){display:inline}.dark\:fill-current:where([data-theme=dark],[data-theme=dark] *){fill:currentColor}.dark\:fill-neutral-100:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-neutral-100)}.dark\:fill-white:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-white)}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}*{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}html,body{height:100%}body{background-color:var(--color-white);font-family:var(--font-open-sans);color:var(--color-neutral-950)}@media (prefers-reduced-motion:no-preference){body{scroll-behavior:smooth}}body:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-950);color:var(--color-white)}[data-tooltip]{position:relative}[data-tooltip]:after{pointer-events:none;z-index:10;margin-top:calc(var(--spacing)*2);width:max-content;max-width:calc(var(--spacing)*64);--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);padding-inline:calc(var(--spacing)*2.5);padding-block:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-neutral-900);opacity:0;--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#10182808), 0px 12px 16px -4px var(--tw-shadow-color,#10182814);position:absolute;top:100%;left:50%}@supports (color:color-mix(in lab, red, red)){[data-tooltip]:after{--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))}}[data-tooltip]:after{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-content:attr(data-tooltip);content:var(--tw-content)}[data-tooltip]:before{pointer-events:none;z-index:10;margin-top:calc(var(--spacing)*1);width:calc(var(--spacing)*2);height:calc(var(--spacing)*2);--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y);border-style:var(--tw-border-style);border-width:1px;border-right-style:var(--tw-border-style);border-right-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:0;border-color:var(--color-neutral-200);background-color:var(--color-white);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-content:"";content:var(--tw-content);position:absolute;top:100%;left:50%;rotate:45deg}[data-tooltip]:hover:after,[data-tooltip]:hover:before,[data-tooltip]:focus-visible:after,[data-tooltip]:focus-visible:before{opacity:1}[data-theme=dark] [data-tooltip]:after{border-color:var(--color-neutral-900);background-color:var(--color-neutral-950);color:var(--color-white)}[data-theme=dark] [data-tooltip]:before{border-color:var(--color-neutral-900);background-color:var(--color-neutral-950)}main{gap:calc(var(--spacing)*6);flex-direction:column;width:100%;display:flex}@media not all and (min-width:896px){main{gap:calc(var(--spacing)*4)}}main hr{border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-neutral-200);background-color:var(--color-white);width:100%}main hr:where([data-theme=dark],[data-theme=dark] *){border-top-color:var(--color-neutral-900);background-color:var(--color-neutral-950)}main h1{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}main h2{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}main h3{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}main h4{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}main h5,main h6{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}main h1,main h2,main h3,main h4,main h5,main h6{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}:is(main h1,main h2,main h3,main h4,main h5,main h6):where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}:is(main h1,main h2,main h3,main h4,main h5,main h6)[id] a{color:var(--color-neutral-900)}:is(main h1,main h2,main h3,main h4,main h5,main h6)[id] a:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}:is(main h1,main h2,main h3,main h4,main h5,main h6)[id]{scroll-margin-top:calc(var(--header-height) + var(--spacing,.25rem)*6)}:is(main h1,main h2,main h3,main h4,main h5,main h6)[id] .anchor{color:inherit;text-decoration-line:none}:is(main h1,main h2,main h3,main h4,main h5,main h6)[id] .anchor:after{margin-left:calc(var(--spacing)*2);color:var(--color-neutral-400);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-content:"#";content:var(--tw-content)}:is(main h1,main h2,main h3,main h4,main h5,main h6)[id] .anchor:after:where(){color:var(--color-neutral-500)}:is(main h1,main h2,main h3,main h4,main h5,main h6)[id]:hover .anchor:after,:is(main h1,main h2,main h3,main h4,main h5,main h6)[id]:focus-within .anchor:after{opacity:1}main strong{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}main code{border-radius:var(--radius-xs);background-color:var(--color-neutral-100);padding-inline:calc(var(--spacing)*1);font-family:var(--font-ibm-plex-mono);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}main code:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900);color:var(--color-white)}main p{color:var(--color-neutral-900)}main p:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a){color:var(--color-brand-600)}@media not all and (min-width:896px){main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}}main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a):where([data-theme=dark],[data-theme=dark] *){color:var(--color-brand-400)}main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a):hover{color:var(--color-brand-900)}main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a):hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-brand-200)}@media not all and (min-width:896px){main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a)[role=button]{--tw-font-weight:var(--font-weight-regular);font-weight:var(--font-weight-regular)}main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a):has(code){-webkit-text-decoration-color:var(--color-neutral-800);-webkit-text-decoration-color:var(--color-neutral-800);text-decoration-color:var(--color-neutral-800)}main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a):has(code):where([data-theme=dark],[data-theme=dark] *){-webkit-text-decoration-color:var(--color-neutral-200);-webkit-text-decoration-color:var(--color-neutral-200);text-decoration-color:var(--color-neutral-200)}}main a:not(h1>a):not(h2>a):not(h3>a):not(h4>a):not(h5>a):not(h6>a):has(code) code{color:inherit}main ul{padding-right:calc(var(--spacing)*4);padding-left:calc(var(--spacing)*6);--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--color-neutral-900);list-style-type:disc}@media not all and (min-width:896px){main ul{padding-right:calc(var(--spacing)*3);padding-left:calc(var(--spacing)*5)}}main ul:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}main ul li+li{margin-top:calc(var(--spacing)*2)}main ul li div:has(>pre){margin-block:calc(var(--spacing)*1)!important}main ol{padding-right:calc(var(--spacing)*4);padding-left:calc(var(--spacing)*6);--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6);color:var(--color-neutral-900);list-style-type:decimal}@media not all and (min-width:896px){main ol{padding-right:calc(var(--spacing)*3);padding-left:calc(var(--spacing)*5)}}main ol:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}main ol li+li{margin-top:calc(var(--spacing)*2)}main ol li div:has(>pre){margin-block:calc(var(--spacing)*1)!important}main table{margin-bottom:calc(var(--spacing)*1);border-collapse:separate;--tw-border-spacing-x:calc(var(--spacing)*0);--tw-border-spacing-y:calc(var(--spacing)*0);width:100%;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-radius:var(--radius-xs);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}main table:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900)}main table th,main table td{border-style:var(--tw-border-style);border-width:1px;border-top-style:var(--tw-border-style);border-top-width:0;border-right-style:var(--tw-border-style);border-right-width:0;border-color:var(--color-neutral-200);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2);overflow-wrap:break-word;color:var(--color-neutral-900)}@media not all and (min-width:896px){main table th,main table td{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1.5)}}:is(main table th,main table td):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900);color:var(--color-white)}:is(main table th,main table td) a+a{margin-right:calc(var(--spacing)*2)}main table th{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}@media (min-width:40rem){main table tr:last-child>td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@media not all and (min-width:896px){main table tr:last-child>td:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@media (min-width:40rem){main table td:first-child,main table th:first-child{border-left-style:var(--tw-border-style);border-left-width:0}}@media (max-width:40rem){main table:not([data-cards=false]){border-style:var(--tw-border-style);border-width:0;display:block}main table:not([data-cards=false]) thead{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main table:not([data-cards=false]) tbody{display:block}:where(main table:not([data-cards=false]) tbody>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)))}main table:not([data-cards=false]) tr{border-radius:var(--radius-xs);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);padding:calc(var(--spacing)*4);display:block}main table:not([data-cards=false]) tr:before{content:var(--tw-content);margin-bottom:calc(var(--spacing)*2);content:var(--tw-content);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));content:var(--tw-content);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);content:var(--tw-content);color:var(--color-neutral-500);--tw-content:attr(data-label);content:var(--tw-content)}main table:not([data-cards=false]) tr:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900)}main table:not([data-cards=false]) tr:where([data-theme=dark],[data-theme=dark] *):before{content:var(--tw-content);color:var(--color-neutral-400)}main table:not([data-cards=false]) td{border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing)*0);padding-block:calc(var(--spacing)*2);text-align:right;color:var(--color-neutral-600);border-bottom-width:1px;padding-left:33%;display:block;position:relative}main table:not([data-cards=false]) td:before{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);top:50%;left:calc(var(--spacing)*0);content:var(--tw-content);content:var(--tw-content);--tw-translate-y:-50%;width:33.3333%;translate:var(--tw-translate-x) var(--tw-translate-y);content:var(--tw-content);text-align:left;content:var(--tw-content);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);content:var(--tw-content);overflow-wrap:break-word;content:var(--tw-content);color:var(--color-neutral-700);--tw-content:attr(data-label);content:var(--tw-content);position:absolute}main table:not([data-cards=false]) td:last-child{border-style:var(--tw-border-style);border-width:0}main table:not([data-cards=false]) td:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900);color:var(--color-neutral-300)}main table:not([data-cards=false]) td:where([data-theme=dark],[data-theme=dark] *):before{content:var(--tw-content);color:var(--color-neutral-200)}main table:not([data-cards=false]) td div{justify-content:flex-end}}}h1.special{background-image:linear-gradient(180deg, var(--color-neutral-900) 0%, #2c3437cc 100%)}@supports (color:color-mix(in lab, red, red)){h1.special{background-image:linear-gradient(180deg, var(--color-neutral-900) 0%, color-mix(in oklab, var(--color-neutral-900) 80%, transparent) 100%)}}h1.special{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-leading:3rem;--tw-tracking:-0.045rem;letter-spacing:-.045rem;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:3rem}@media (min-width:48rem){h1.special{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height));--tw-leading:4rem;--tw-tracking:-0.06rem;letter-spacing:-.06rem;line-height:4rem}}h1.special:where([data-theme=dark],[data-theme=dark] *){background-image:linear-gradient(180deg, var(--color-white) 0%, #fffc 100%)}@supports (color:color-mix(in lab, red, red)){h1.special:where([data-theme=dark],[data-theme=dark] *){background-image:linear-gradient(180deg, var(--color-white) 0%, color-mix(in oklab, var(--color-white) 80%, transparent) 100%)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@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}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
package/package.json CHANGED
@@ -1,22 +1,29 @@
1
1
  {
2
2
  "name": "@node-core/ui-components",
3
- "version": "1.6.3",
3
+ "version": "1.7.1",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  "./*": {
7
- "rolldown": [
8
- "./dist/*",
9
- "./dist/*.js",
10
- "./dist/*/index.js"
11
- ],
12
- "default": [
7
+ "types": [
13
8
  "./src/*",
14
9
  "./src/*.tsx",
15
10
  "./src/*/index.tsx",
16
11
  "./src/*.ts",
17
12
  "./src/*/index.ts"
13
+ ],
14
+ "default": [
15
+ "./dist/*",
16
+ "./dist/*.js",
17
+ "./dist/*/index.js"
18
18
  ]
19
- }
19
+ },
20
+ "./src/*": [
21
+ "./src/*",
22
+ "./src/*.tsx",
23
+ "./src/*/index.tsx",
24
+ "./src/*.ts",
25
+ "./src/*/index.ts"
26
+ ]
20
27
  },
21
28
  "repository": {
22
29
  "type": "git",
@@ -25,7 +32,7 @@
25
32
  },
26
33
  "dependencies": {
27
34
  "@heroicons/react": "^2.2.0",
28
- "@orama/core": "^1.2.19",
35
+ "@orama/orama": "^3.1.18",
29
36
  "@orama/ui": "^1.5.4",
30
37
  "@radix-ui/react-avatar": "^1.1.11",
31
38
  "@radix-ui/react-dialog": "^1.1.15",
@@ -35,38 +42,40 @@
35
42
  "@radix-ui/react-separator": "^1.1.8",
36
43
  "@radix-ui/react-tabs": "^1.1.13",
37
44
  "@radix-ui/react-tooltip": "^1.2.8",
38
- "@tailwindcss/postcss": "~4.2.1",
39
- "@types/react": "^19.2.13",
40
45
  "@vcarl/remark-headings": "~0.1.0",
41
46
  "classnames": "~2.5.1",
42
- "postcss-cli": "11.0.1",
43
- "postcss-calc": "10.1.1",
44
- "react": "^19.2.4",
45
- "tailwindcss": "~4.1.17",
46
- "typescript": "5.9.3"
47
+ "react": "^19.2.6"
47
48
  },
48
49
  "devDependencies": {
49
- "@storybook/addon-styling-webpack": "~3.0.0",
50
- "@storybook/addon-themes": "~10.2.13",
51
- "@storybook/addon-webpack5-compiler-swc": "~4.0.2",
52
- "@storybook/react-webpack5": "~10.2.13",
50
+ "@eslint-react/eslint-plugin": "~5.8.6",
51
+ "@orama/core": "^1.2.19",
52
+ "@storybook/addon-styling-webpack": "~3.0.2",
53
+ "@storybook/addon-themes": "~10.4.1",
54
+ "@storybook/addon-webpack5-compiler-swc": "~4.0.3",
55
+ "@storybook/react-webpack5": "~10.4.1",
56
+ "@tailwindcss/postcss": "~4.3.0",
53
57
  "@testing-library/user-event": "~14.6.1",
54
58
  "@types/node": "^24.10.1",
59
+ "@types/react": "^19.2.15",
60
+ "concurrently": "9.2.1",
55
61
  "cross-env": "^10.0.0",
56
- "concurrently": "8.2.2",
57
- "css-loader": "7.1.2",
62
+ "css-loader": "7.1.4",
58
63
  "eslint-plugin-react": "7.37.5",
59
- "eslint-plugin-react-hooks": "7.0.1",
60
- "eslint-plugin-storybook": "10.0.7",
61
- "global-jsdom": "28.0.0",
62
- "postcss-loader": "8.2.0",
63
- "storybook": "~10.2.13",
64
+ "eslint-plugin-react-hooks": "7.1.1",
65
+ "eslint-plugin-storybook": "10.3.3",
66
+ "global-jsdom": "29.0.0",
67
+ "postcss-calc": "~10.1.1",
68
+ "postcss-cli": "^11.0.1",
69
+ "postcss-loader": "8.2.1",
70
+ "storybook": "~10.4.1",
64
71
  "style-loader": "4.0.0",
65
- "stylelint": "17.1.1",
72
+ "stylelint": "17.9.1",
66
73
  "stylelint-config-standard": "40.0.0",
67
- "stylelint-order": "7.0.1",
74
+ "stylelint-order": "8.1.1",
68
75
  "stylelint-selector-bem-pattern": "4.0.1",
69
- "tsx": "4.21.0"
76
+ "tailwindcss": "~4.1.17",
77
+ "tsx": "4.22.3",
78
+ "typescript": "5.9.3"
70
79
  },
71
80
  "imports": {
72
81
  "#ui/*": {
@@ -92,11 +101,10 @@
92
101
  "node": ">=20"
93
102
  },
94
103
  "scripts": {
95
- "compile:ts": "tsc",
96
- "compile:css": "postcss --dir dist --base src \"src/**/*.module.css\" src/styles/index.css",
97
- "compile": "node --run compile:ts && node --run compile:css",
98
- "compile:watch": "concurrently -k \"node --run compile:ts -- --watch\" \"node --run compile:css -- --watch\"",
99
- "release": "node --run compile",
104
+ "build": "node --run build:ts && node --run build:css",
105
+ "build:css": "postcss --dir dist --base src \"src/**/*.module.css\" src/styles/index.css",
106
+ "build:ts": "tsc",
107
+ "build:watch": "concurrently -k \"node --run build:ts -- --watch\" \"node --run build:css -- --watch\"",
100
108
  "lint": "node --run lint:js && node --run lint:css",
101
109
  "lint:css": "stylelint \"**/*.css\" --allow-empty-input --cache --cache-strategy=content --cache-location=.stylelintcache",
102
110
  "lint:css:fix": "node --run lint:css -- --fix",
@@ -104,6 +112,7 @@
104
112
  "lint:js": "eslint \"**/*.{js,mjs,ts,tsx}\"",
105
113
  "lint:js:fix": "node --run lint:js -- --fix",
106
114
  "lint:types": "tsc --noEmit",
115
+ "release": "node --run build",
107
116
  "storybook": "cross-env NODE_NO_WARNINGS=1 storybook dev -p 6006 --quiet",
108
117
  "storybook:build": "cross-env NODE_NO_WARNINGS=1 storybook build --quiet --webpack-stats-json",
109
118
  "test": "node --run test:unit",
package/dist/Common/BasePagination/useGetPageElements.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import type BasePagination from '#ui/Common/BasePagination';
2
- import type { LinkLike } from '#ui/types';
3
- import type { ComponentProps } from 'react';
4
- export declare const useGetPageElements: (currentPage: ComponentProps<typeof BasePagination>["currentPage"], pages: ComponentProps<typeof BasePagination>["pages"], currentPageSiblingsCount: number, as: LinkLike, getLabel: (pageNumber: number) => string) => import("react/jsx-runtime").JSX.Element[] | undefined;
package/dist/Common/Search/Chat/Actions/index.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import type { Interaction } from '@orama/core';
2
- import type { FC } from 'react';
3
- type ChatActionsProps = {
4
- interaction: Interaction;
5
- };
6
- declare const ChatActions: FC<ChatActionsProps>;
7
- export default ChatActions;
package/dist/Common/Search/Chat/Actions/index.js DELETED
@@ -1,17 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { DocumentCheckIcon, ClipboardIcon, ArrowPathIcon, HandThumbDownIcon, } from '@heroicons/react/24/solid';
3
- import { ChatInteractions } from '@orama/ui/components';
4
- import classNames from 'classnames';
5
- import { useState } from 'react';
6
- import styles from './index.module.css';
7
- const ChatActions = ({ interaction }) => {
8
- const [isDisliked, setIsDisliked] = useState(false);
9
- const dislikeMessage = () => setIsDisliked(!isDisliked);
10
- if (!interaction.response) {
11
- return null;
12
- }
13
- return (_jsx("div", { className: styles.chatActionsContainer, children: _jsxs("ul", { className: styles.chatActionsList, children: [_jsx("li", { children: _jsx(ChatInteractions.RegenerateLatest, { className: styles.chatAction, interaction: interaction, children: _jsx(ArrowPathIcon, {}) }) }), _jsx("li", { children: _jsx(ChatInteractions.CopyMessage, { className: styles.chatAction, interaction: interaction, children: (copied) => copied ? (_jsx(DocumentCheckIcon, { className: styles.chatActionIconSelected })) : (_jsx(ClipboardIcon, {})) }) }), !interaction.loading && (_jsx("li", { children: _jsx("button", { className: classNames(styles.chatAction, {
14
- [styles.chatActionDisaliked]: isDisliked,
15
- }), onClick: dislikeMessage, children: _jsx(HandThumbDownIcon, {}) }) }))] }) }));
16
- };
17
- export default ChatActions;
package/dist/Common/Search/Chat/Actions/index.module.css DELETED
@@ -1,2 +0,0 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .chatActionsContainer{justify-content:flex-end;align-items:center;display:flex}.chatActionsList{align-items:center;gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*0);list-style-type:none;display:flex}.chatAction{cursor:pointer;padding:calc(var(--spacing,.25rem)*2);color:var(--color-neutral-800,#556066);border-radius:3.40282e38px}@media (hover:hover){.chatAction:hover{background-color:var(--color-neutral-300,#d9e1e4)}}.chatAction:focus{background-color:var(--color-neutral-300,#d9e1e4);--tw-outline-style:none;outline-style:none}@media (prefers-reduced-motion:no-preference){.chatAction{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))}}.chatAction:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400,#cbd4d9)}@media (hover:hover){.chatAction:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-neutral-900,#2c3437)}}.chatAction:where([data-theme=dark],[data-theme=dark] *):focus{background-color:var(--color-neutral-900,#2c3437)}.chatAction svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.chatActionIconSelected{color:var(--color-green-600,#417e38)}.chatActionIconSelected:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-400,#84ba64)}.chatActionDisaliked{color:var(--color-neutral-900,#2c3437)}.chatActionDisaliked:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-800,#556066)}
package/dist/Common/Search/Chat/Input/index.d.ts DELETED
@@ -1,8 +0,0 @@
1
- import type { FC, PropsWithChildren } from 'react';
2
- type ChatInputProps = {
3
- suggestions: Array<string>;
4
- placeholder: string;
5
- disclaimer: string;
6
- };
7
- declare const ChatInput: FC<PropsWithChildren<ChatInputProps>>;
8
- export default ChatInput;
package/dist/Common/Search/Chat/Input/index.js DELETED
@@ -1,22 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { PaperAirplaneIcon } from '@heroicons/react/20/solid';
3
- import { PauseCircleIcon } from '@heroicons/react/24/solid';
4
- import { PromptTextArea } from '@orama/ui/components';
5
- import { useChat } from '@orama/ui/hooks';
6
- import { useEffect, useRef } from 'react';
7
- import SearchSuggestions from '#ui/Common/Search/Suggestions';
8
- import styles from './index.module.css';
9
- const ChatInput = ({ suggestions, placeholder, disclaimer, }) => {
10
- const textareaRef = useRef(null);
11
- const { context: { interactions }, } = useChat();
12
- useEffect(() => {
13
- const timeoutId = setTimeout(() => {
14
- textareaRef.current?.focus();
15
- }, 100);
16
- return () => {
17
- clearTimeout(timeoutId);
18
- };
19
- }, []);
20
- return (_jsxs(_Fragment, { children: [!interactions?.length && (_jsx(SearchSuggestions, { suggestions: suggestions, wrapper: styles.suggestionsWrapper, className: styles.suggestionsItem })), _jsxs("div", { className: styles.textareaContainer, children: [_jsxs(PromptTextArea.Wrapper, { className: styles.textareaWrapper, children: [_jsx(PromptTextArea.Field, { id: "orama-chat-input", name: "chat-input", placeholder: placeholder, rows: 1, maxLength: 500, autoFocus: true, ref: textareaRef, className: styles.textareaField }), _jsx(PromptTextArea.Button, { abortContent: _jsx(PauseCircleIcon, {}), className: styles.textareaButton, children: _jsx(PaperAirplaneIcon, {}) })] }), _jsx("div", { className: styles.textareaFooter, children: _jsx("small", { children: disclaimer }) })] })] }));
21
- };
22
- export default ChatInput;