@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
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
2
  .searchboxContainer{flex-grow:1}.searchboxContainer *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.searchButton{min-height:calc(var(--spacing,.25rem)*10);cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*1);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300,#d9e1e4);background-color:var(--color-white,#fff);width:100%;padding:calc(var(--spacing,.25rem)*1.5);color:var(--color-neutral-900,#2c3437);flex-grow:1;display:flex}@media (hover:hover){.searchButton:hover{background-color:var(--color-neutral-100,#f6f7f9)}}.searchButton:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c);color:var(--color-neutral-200,#e9edf0)}.searchButton:hover{background-color:var(--color-neutral-100,#f6f7f9)}@media (prefers-reduced-motion:no-preference){.searchButton:hover{--tw-duration:.3s;transition-duration:.3s}}.searchButton:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.searchButton:hover .searchButtonShortcut{background-color:var(--color-neutral-200,#e9edf0)}.searchButton:hover .searchButtonShortcut:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800,#556066)}.searchButtonContent{align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-left:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));flex-wrap:nowrap;display:flex;position:relative}.searchButtonContent svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.searchButtonShortcut{border-radius:var(--radius-md,.375rem);background-color:var(--color-neutral-300,#d9e1e4);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));color:var(--color-neutral-800,#556066);display:none}@media (min-width:48rem){.searchButtonShortcut{display:inline}}.searchButtonShortcut:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-400,#cbd4d9)}.modalWrapper{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:50;margin-inline:auto;margin-block:calc(var(--spacing,.25rem)*0);background-color:#ffffffb3;justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;position:fixed}@supports (color:color-mix(in lab, red, red)){.modalWrapper{background-color:color-mix(in oklab, var(--color-white,#fff) 70%, transparent)}}@media (min-width:64rem){.modalWrapper{padding-top:5vh}}.modalWrapper:where([data-theme=dark],[data-theme=dark] *){background-color:#09090bb3}@supports (color:color-mix(in lab, red, red)){.modalWrapper:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-zinc-950,oklch(14.1% .005 285.823)) 70%, transparent)}}.modalInner{top:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);margin-inline:auto;margin-block:calc(var(--spacing,.25rem)*0);background-color:var(--color-white,#fff);max-width:none;height:100%;display:flex;position:fixed}@media (min-width:64rem){.modalInner{height:auto;max-width:var(--container-3xl,48rem);min-width:var(--container-lg,32rem);background-color:var(--color-neutral-100,#f6f7f9);top:auto;bottom:auto}}.modalInner:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-950,oklch(14.1% .005 285.823))}@media (min-width:64rem){.modalInner:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-950,#0d121c)}.modalInner>section{min-width:var(--container-lg,32rem)}}.modalContent{border-color:var(--color-neutral-200,#e9edf0);flex-direction:column;width:100vw;height:100%;display:flex}@media (min-width:64rem){.modalContent{border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;width:auto;height:auto;max-height:70vh}}.modalContent:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.modalCloseButton{top:calc(var(--spacing,.25rem)*2);right:calc(var(--spacing,.25rem)*4);z-index:10;cursor:pointer;background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*2);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333));color:var(--color-neutral-950,#0d121c);position:absolute}@media (min-width:48rem){.modalCloseButton{display:none}}.modalCloseButton:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-black,#000);color:var(--color-neutral-200,#e9edf0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
2
  .noResultsWrapper{height:100%;padding-top:calc(var(--spacing,.25rem)*10);padding-bottom:calc(var(--spacing,.25rem)*31);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-800,#556066);justify-content:center;align-items:center;display:flex}.noResultsWrapper:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500,#b1bcc2)}
@@ -6,7 +6,6 @@ type HitProps = {
6
6
  description?: string;
7
7
  href: string;
8
8
  };
9
- mode?: 'search' | 'chat';
10
9
  as?: LinkLike;
11
10
  };
12
11
  declare const Hit: FC<HitProps>;
@@ -2,5 +2,5 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { DocumentTextIcon } from '@heroicons/react/24/outline';
3
3
  import { SearchResults } from '@orama/ui/components';
4
4
  import styles from './index.module.css';
5
- const Hit = ({ document, mode = 'search', as: Link = 'a' }) => (_jsx(SearchResults.Item, { children: _jsxs(Link, { href: document.href, tabIndex: mode === 'search' ? 0 : -1, "aria-hidden": mode === 'chat', "data-focus-on-arrow-nav": true, className: styles.link, children: [_jsx(DocumentTextIcon, {}), _jsxs("div", { children: [typeof document?.title === 'string' && _jsx("h3", { children: document.title }), typeof document?.description === 'string' && (_jsx("p", { className: styles.hitDescription, children: document.description }))] })] }) }));
5
+ const Hit = ({ document, as: Link = 'a' }) => (_jsx(SearchResults.Item, { children: _jsxs(Link, { href: document.href, "data-focus-on-arrow-nav": true, className: styles.link, children: [_jsx(DocumentTextIcon, {}), _jsxs("div", { children: [typeof document?.title === 'string' && _jsx("h3", { children: document.title }), typeof document?.description === 'string' && (_jsx("p", { className: styles.hitDescription, children: document.description }))] })] }) }));
6
6
  export default Hit;
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .link{align-items:center;gap:calc(var(--spacing,.25rem)*4);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);background-color:var(--color-neutral-100,#f6f7f9);padding-inline:calc(var(--spacing,.25rem)*4);padding-block: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);--tw-outline-style:none;border-width:1px;border-color:#0000;outline-style:none;display:flex}@media (hover:hover){.link:hover{background-color:var(--color-neutral-200,#e9edf0)}}.link:focus{background-color:var(--color-neutral-200,#e9edf0)}.link:focus-visible{border-color:var(--color-green-600,#417e38);background-color:#0000}@media (prefers-reduced-motion:no-preference){.link{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))}}.link:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-950,oklch(14.1% .005 285.823));color:var(--color-neutral-200,#e9edf0)}@media (hover:hover){.link:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-neutral-900,#2c3437)}}@media (min-width:64rem){.link:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-950,#0d121c)}}.link svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5);flex-shrink:0}.link>div{min-width:calc(var(--spacing,.25rem)*0)}.hitDescription{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));text-overflow:ellipsis;white-space:nowrap;color:var(--color-neutral-600,#929fa5);overflow:hidden}.hitDescription:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-700,#6e7b83)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .link{align-items:center;gap:calc(var(--spacing,.25rem)*4);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);background-color:var(--color-neutral-100,#f6f7f9);padding-inline:calc(var(--spacing,.25rem)*4);padding-block: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);--tw-outline-style:none;border-width:1px;border-color:#0000;outline-style:none;display:flex}@media (hover:hover){.link:hover{background-color:var(--color-neutral-200,#e9edf0)}}.link:focus{background-color:var(--color-neutral-200,#e9edf0)}.link:focus-visible{border-color:var(--color-brand-600,#417e38);background-color:#0000}@media (prefers-reduced-motion:no-preference){.link{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))}}.link:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-950,oklch(14.1% .005 285.823));color:var(--color-neutral-200,#e9edf0)}@media (hover:hover){.link:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-neutral-900,#2c3437)}}@media (min-width:64rem){.link:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-950,#0d121c)}}.link svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5);flex-shrink:0}.link>div{min-width:calc(var(--spacing,.25rem)*0)}.hitDescription{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));text-overflow:ellipsis;white-space:nowrap;color:var(--color-neutral-600,#929fa5);overflow:hidden}.hitDescription:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-700,#6e7b83)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@@ -2,5 +2,5 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { SearchResults } from '@orama/ui/components';
3
3
  import classNames from 'classnames';
4
4
  import styles from './index.module.css';
5
- const SearchResultsSkeleton = () => (_jsx(SearchResults.Loading, { children: _jsx("div", { className: styles.skeletonWrapper, children: [...Array(3)].map((_, index) => (_jsxs("div", { className: styles.skeletonItem, children: [_jsx("div", { className: classNames(styles.skeletonAnim, styles.skeletonAvatar) }), _jsxs("div", { className: styles.skeletonText, children: [_jsx("div", { className: classNames(styles.skeletonAnim, styles.skeletonLineShort) }), _jsx("div", { className: classNames(styles.skeletonAnim, styles.skeletonLineLong) })] })] }, index))) }) }));
5
+ const SearchResultsSkeleton = () => (_jsx(SearchResults.Loading, { children: _jsx("div", { className: styles.skeletonWrapper, children: ['skeleton-1', 'skeleton-2', 'skeleton-3'].map(id => (_jsxs("div", { className: styles.skeletonItem, children: [_jsx("div", { className: classNames(styles.skeletonAnim, styles.skeletonAvatar) }), _jsxs("div", { className: styles.skeletonText, children: [_jsx("div", { className: classNames(styles.skeletonAnim, styles.skeletonLineShort) }), _jsx("div", { className: classNames(styles.skeletonAnim, styles.skeletonLineLong) })] })] }, id))) }) }));
6
6
  export default SearchResultsSkeleton;
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
2
  .skeletonWrapper{gap:calc(var(--spacing,.25rem)*5);padding-block:calc(var(--spacing,.25rem)*6);flex-direction:column;display:flex}.skeletonItem{align-items:center;gap:calc(var(--spacing,.25rem)*4);display:flex}.skeletonAnim{border-radius:var(--radius-md,.375rem);animation:.5s infinite alternate-reverse pulse}.skeletonAnim:where([data-theme=dark],[data-theme=dark] *){animation:.5s infinite alternate-reverse pulse-dark}.skeletonAvatar{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*5);flex-shrink:0}.skeletonText{gap:calc(var(--spacing,.25rem)*2);flex-direction:column;flex:1;display:flex}.skeletonLineShort{height:calc(var(--spacing,.25rem)*3);width:33.3333%}.skeletonLineLong{height:calc(var(--spacing,.25rem)*3);width:66.6667%}@keyframes pulse{0%{background:var(--color-pulse-100)}to{background:var(--color-pulse-200)}}@keyframes pulse-dark{0%{background:var(--color-pulse-300)}to{background:var(--color-pulse-400)}}
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .facetTabsWrapper{margin-bottom:calc(var(--spacing,.25rem)*2);overflow-x:auto}.facetTabsWrapper::-webkit-scrollbar{display:none}.facetTabItem{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-3xl,1.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding-inline:calc(var(--spacing,.25rem)*3);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));display:flex}.facetTabItem:focus{--tw-outline-style:none;outline-style:none}.facetTabItem:focus-visible{background-color:var(--color-neutral-300,#d9e1e4)}@media (prefers-reduced-motion:no-preference){.facetTabItem{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))}}.facetTabItem:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.facetTabItem:where([data-theme=dark],[data-theme=dark] *):focus-visible{background-color:var(--color-neutral-900,#2c3437)}.facetTabItemSelected{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-green-600,#417e38)}.facetTabItemSelected:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-green-400,#84ba64)}.facetTabsList{align-items:center;gap:calc(var(--spacing,.25rem)*2);width:max-content;display:flex;overflow-x:auto}.facetTabsList::-webkit-scrollbar{display:none}.facetTabItemCount{color:var(--color-neutral-700,#6e7b83)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .facetTabsWrapper{margin-bottom:calc(var(--spacing,.25rem)*2);padding-top:calc(var(--spacing,.25rem)*2);overflow-x:auto}.facetTabsWrapper::-webkit-scrollbar{display:none}.facetTabItem{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-3xl,1.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding-inline:calc(var(--spacing,.25rem)*3);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));display:flex}.facetTabItem:focus{--tw-outline-style:none;outline-style:none}.facetTabItem:focus-visible{background-color:var(--color-neutral-300,#d9e1e4)}@media (prefers-reduced-motion:no-preference){.facetTabItem{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))}}.facetTabItem:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.facetTabItem:where([data-theme=dark],[data-theme=dark] *):focus-visible{background-color:var(--color-neutral-900,#2c3437)}.facetTabItemSelected{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-brand-600,#417e38)}.facetTabItemSelected:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-brand-400,#84ba64)}.facetTabsList{align-items:center;gap:calc(var(--spacing,.25rem)*2);width:max-content;display:flex;overflow-x:auto}.facetTabsList::-webkit-scrollbar{display:none}.facetTabItemCount{color:var(--color-neutral-700,#6e7b83)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@@ -1,9 +1,7 @@
1
1
  import { SearchResults } from '@orama/ui/components';
2
2
  import SearchResultsEmpty from '#ui/Common/Search/Results/Empty';
3
- import Tabs from '#ui/Common/Search/Results/Tabs';
4
3
  import type { ComponentProps, FC } from 'react';
5
4
  type SearchResultsWrapperProps = {
6
- searchParams: Omit<ComponentProps<typeof Tabs>['searchParams'], 'term'>;
7
5
  onHit: ComponentProps<typeof SearchResults.GroupList>['children'];
8
6
  noResultsTitle: string;
9
7
  } & Omit<ComponentProps<typeof SearchResultsEmpty>, 'label'>;
@@ -5,8 +5,17 @@ import SearchResultsEmpty from '#ui/Common/Search/Results/Empty';
5
5
  import SearchResultsSkeleton from '#ui/Common/Search/Results/Skeleton';
6
6
  import Tabs from '#ui/Common/Search/Results/Tabs';
7
7
  import styles from './index.module.css';
8
- const SearchResultsWrapper = ({ searchParams, onHit, noResultsTitle, ...props }) => {
8
+ const SearchResultsWrapper = ({ onHit, noResultsTitle, ...props }) => {
9
9
  const { context: { searchTerm, selectedFacet }, } = useSearch();
10
- return (_jsx("div", { className: styles.searchResultsWrapper, children: _jsxs(SearchResults.Wrapper, { children: [_jsx(Tabs, { ...props, searchParams: { ...searchParams, term: searchTerm ?? '' }, selectedFacet: selectedFacet }), _jsx(SearchResultsSkeleton, {}), _jsx(SearchResultsEmpty, { label: noResultsTitle, ...props }), _jsx(SearchResults.GroupsWrapper, { className: styles.searchResultsGroupWrapper, groupBy: "siteSection", children: group => (_jsxs("div", { className: styles.searchResultsGroup, children: [_jsx("h2", { className: styles.searchResultsGroupTitle, children: group.name }), _jsx(SearchResults.GroupList, { group: group, children: onHit })] }, group.name)) })] }) }));
10
+ return (_jsx("div", { className: styles.searchResultsWrapper, children: _jsxs(SearchResults.Wrapper, { children: [_jsx(Tabs, { ...props, searchParams: {
11
+ term: searchTerm ?? '',
12
+ limit: 25,
13
+ threshold: 0,
14
+ boost: {
15
+ pageSectionTitle: 4,
16
+ pageSectionContent: 2.5,
17
+ pageTitle: 1.5,
18
+ },
19
+ }, selectedFacet: selectedFacet }), _jsx(SearchResultsSkeleton, {}), _jsx(SearchResultsEmpty, { label: noResultsTitle, ...props }), _jsx(SearchResults.GroupsWrapper, { className: styles.searchResultsGroupWrapper, groupBy: "siteSection", children: group => (_jsxs("div", { className: styles.searchResultsGroup, children: [_jsx("h2", { className: styles.searchResultsGroupTitle, children: group.name }), _jsx(SearchResults.GroupList, { group: group, children: onHit })] }, group.name)) })] }) }));
11
20
  };
12
21
  export default SearchResultsWrapper;
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .searchResultsWrapper{padding-inline:calc(var(--spacing,.25rem)*5);padding-top:calc(var(--spacing,.25rem)*3);color:var(--color-neutral-900,#2c3437);flex-grow:0;overflow-y:auto}.searchResultsWrapper:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.searchResultsWrapper::-webkit-scrollbar{width:calc(var(--spacing,.25rem)*1.5);height:calc(var(--spacing,.25rem)*1.5)}.searchResultsWrapper::-webkit-scrollbar-track{background-color:#0000}.searchResultsWrapper::-webkit-scrollbar-thumb{border-radius:var(--radius-md,.375rem);background-color:var(--color-neutral-900,#2c3437)}.searchResultsGroupWrapper{align-items:flex-start;position:relative;overflow-y:auto}.searchResultsGroup{margin-bottom:calc(var(--spacing,.25rem)*3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-200,#e9edf0)}.searchResultsGroup:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.searchResultsGroup:first-of-type{border-style:var(--tw-border-style);border-width:0}.searchResultsGroupTitle{margin-top:calc(var(--spacing,.25rem)*4);margin-bottom:calc(var(--spacing,.25rem)*3);padding-left: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-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-600,#929fa5)}.searchResultsGroupTitle:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-600,#929fa5)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .searchResultsWrapper{padding-inline:calc(var(--spacing,.25rem)*5);color:var(--color-neutral-900,#2c3437);flex-grow:0;overflow-y:auto}.searchResultsWrapper:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.searchResultsWrapper::-webkit-scrollbar{width:calc(var(--spacing,.25rem)*1.5);height:calc(var(--spacing,.25rem)*1.5)}.searchResultsWrapper::-webkit-scrollbar-track{background-color:#0000}.searchResultsWrapper::-webkit-scrollbar-thumb{border-radius:var(--radius-md,.375rem);background-color:var(--color-neutral-900,#2c3437)}.searchResultsGroupWrapper{align-items:flex-start;position:relative;overflow-y:auto}.searchResultsGroup{margin-bottom:calc(var(--spacing,.25rem)*3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-200,#e9edf0)}.searchResultsGroup:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.searchResultsGroup:first-of-type{border-style:var(--tw-border-style);border-width:0}.searchResultsGroupTitle{margin-top:calc(var(--spacing,.25rem)*4);margin-bottom:calc(var(--spacing,.25rem)*3);padding-left: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-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-600,#929fa5)}.searchResultsGroupTitle:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-600,#929fa5)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
@@ -0,0 +1,11 @@
1
+ import type { OramaCloud } from '@orama/core';
2
+ type SearchBoxProps = {
3
+ client: OramaCloud;
4
+ closeShortcutLabel?: string;
5
+ navigateShortcutLabel?: string;
6
+ noResultsTitle?: string;
7
+ placeholder?: string;
8
+ selectShortcutLabel?: string;
9
+ };
10
+ declare const SearchBox: React.FC<SearchBoxProps>;
11
+ export default SearchBox;
@@ -0,0 +1,10 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { ArrowDownIcon, ArrowTurnDownLeftIcon, ArrowUpIcon, } from '@heroicons/react/24/solid';
3
+ import SearchModal from '#ui/Common/Search/Modal';
4
+ import SearchResults from '#ui/Common/Search/Results';
5
+ import SearchHit from '#ui/Common/Search/Results/Hit';
6
+ import styles from './index.module.css';
7
+ const SearchBox = ({ client, placeholder = 'Start typing...', noResultsTitle = 'No results found for', closeShortcutLabel = 'to close', navigateShortcutLabel = 'to navigate', selectShortcutLabel = 'to select', }) => (_jsxs(SearchModal, { client: client, placeholder: placeholder, children: [_jsx("div", { className: styles.searchResultsContainer, children: _jsx(SearchResults, { noResultsTitle: noResultsTitle,
8
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
9
+ onHit: hit => _jsx(SearchHit, { document: hit.document }) }) }), _jsx("div", { className: styles.footer, children: _jsxs("div", { className: styles.shortcutWrapper, children: [_jsxs("div", { className: styles.shortcutItem, children: [_jsx("kbd", { className: styles.shortcutKey, children: _jsx(ArrowTurnDownLeftIcon, {}) }), _jsx("span", { className: styles.shortcutLabel, children: selectShortcutLabel })] }), _jsxs("div", { className: styles.shortcutItem, children: [_jsx("kbd", { className: styles.shortcutKey, children: _jsx(ArrowDownIcon, {}) }), _jsx("kbd", { className: styles.shortcutKey, children: _jsx(ArrowUpIcon, {}) }), _jsx("span", { className: styles.shortcutLabel, children: navigateShortcutLabel })] }), _jsxs("div", { className: styles.shortcutItem, children: [_jsx("kbd", { className: styles.shortcutKey, children: "esc" }), _jsx("span", { className: styles.shortcutLabel, children: closeShortcutLabel })] })] }) })] }));
10
+ export default SearchBox;
@@ -0,0 +1,2 @@
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .searchResultsContainer{flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-neutral-100,#f6f7f9);padding:calc(var(--spacing,.25rem)*4);justify-content:center;align-items:baseline;display:flex}@media (min-width:64rem){.footer{border-bottom-right-radius:var(--radius-xl,.75rem);border-bottom-left-radius:var(--radius-xl,.75rem);justify-content:space-between}}.footer:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.shortcutWrapper{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:none}@media (min-width:64rem){.shortcutWrapper{display:flex}}.shortcutItem{align-items:center;gap:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));color:var(--color-neutral-800,#556066);display:flex}.shortcutItem:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-600,#929fa5)}.shortcutKey{border-radius:var(--radius-md,.375rem);background-color:var(--color-neutral-200,#e9edf0);padding:calc(var(--spacing,.25rem)*1);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333))}.shortcutKey:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.shortcutKey svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.shortcutLabel{color:var(--color-neutral-800,#556066)}.shortcutLabel:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-600,#929fa5)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@@ -1,3 +1,3 @@
1
1
  import type { StatelessSelectProps } from '#ui/Common/Select/StatelessSelect';
2
- declare const WithNoScriptSelect: <T extends string>({ as, ...props }: StatelessSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
2
+ declare const WithNoScriptSelect: <T extends string>({ as, defaultValue, ...props }: StatelessSelectProps<T>) => import("react").JSX.Element;
3
3
  export default WithNoScriptSelect;
@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
2
2
  import { useId } from 'react';
3
3
  import Select from '#ui/Common/Select';
4
4
  import StatelessSelect from '#ui/Common/Select/StatelessSelect';
5
- const WithNoScriptSelect = ({ as, ...props }) => {
5
+ const WithNoScriptSelect = ({ as, defaultValue, ...props }) => {
6
6
  const id = useId();
7
7
  const selectId = `select-${id.replace(/[^a-zA-Z0-9]/g, '')}`;
8
- return (_jsxs(_Fragment, { children: [_jsx(Select, { ...props, fallbackClass: selectId }), _jsxs("noscript", { children: [_jsx("style", { children: `.${selectId} { display: none!important; }` }), _jsx(StatelessSelect, { ...props, as: as })] })] }));
8
+ return (_jsxs(_Fragment, { children: [_jsx(Select, { ...props, value: defaultValue, fallbackClass: selectId }), _jsxs("noscript", { children: [_jsx("style", { children: `.${selectId} { display: none!important; }` }), _jsx(StatelessSelect, { ...props, defaultValue: defaultValue, as: as })] })] }));
9
9
  };
10
10
  export default WithNoScriptSelect;
@@ -3,6 +3,8 @@ import type { LinkLike } from '#ui/types';
3
3
  type StatelessSelectConfig = {
4
4
  as?: LinkLike | 'div';
5
5
  };
6
- export type StatelessSelectProps<T extends string> = SelectProps<T> & StatelessSelectConfig;
7
- declare const StatelessSelect: <T extends string>({ values, defaultValue, placeholder, label, inline, className, ariaLabel, disabled, as: Component, }: StatelessSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
6
+ export type StatelessSelectProps<T extends string> = Omit<SelectProps<T>, 'value'> & StatelessSelectConfig & {
7
+ defaultValue?: T;
8
+ };
9
+ declare const StatelessSelect: <T extends string>({ values, defaultValue, placeholder, label, inline, className, ariaLabel, disabled, as: Component, }: StatelessSelectProps<T>) => import("react").JSX.Element;
8
10
  export default StatelessSelect;
@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { ChevronDownIcon } from '@heroicons/react/24/solid';
3
3
  import classNames from 'classnames';
4
4
  import { useId, useMemo } from 'react';
5
+ import Badge from '#ui/Common/Badge';
5
6
  import { mapValues } from '../utils';
6
7
  import styles from '../index.module.css';
7
8
  const StatelessSelect = ({ values = [], defaultValue, placeholder, label, inline, className, ariaLabel, disabled = false, as: Component = 'div', }) => {
@@ -11,9 +12,9 @@ const StatelessSelect = ({ values = [], defaultValue, placeholder, label, inline
11
12
  const currentItem = useMemo(() => mappedValues
12
13
  .flatMap(({ items }) => items)
13
14
  .find(item => item.value === defaultValue), [mappedValues, defaultValue]);
14
- return (_jsxs("div", { className: classNames(styles.select, styles.noscript, { [styles.inline]: inline }, className), children: [label && (_jsx("label", { className: styles.label, htmlFor: id, children: label })), _jsxs("details", { className: styles.trigger, id: id, children: [_jsxs("summary", { className: styles.summary, "aria-label": ariaLabel, "aria-disabled": disabled, children: [currentItem && (_jsxs("span", { className: styles.selectedValue, children: [currentItem.iconImage, _jsx("span", { children: currentItem.label })] })), !currentItem && (_jsx("span", { className: styles.placeholder, children: placeholder })), _jsx(ChevronDownIcon, { className: styles.icon })] }), _jsx("div", { className: classNames(styles.dropdown, { [styles.inline]: inline }), children: mappedValues.map(({ label: groupLabel, items }, groupKey) => (_jsxs("div", { className: styles.group, children: [groupLabel && (_jsx("div", { className: classNames(styles.item, styles.label), children: groupLabel })), items.map(({ value, label, iconImage, disabled: itemDisabled }) => (_jsxs(Component, { href: value, className: classNames(styles.item, styles.text, {
15
+ return (_jsxs("div", { className: classNames(styles.select, styles.noscript, { [styles.inline]: inline }, className), children: [label && (_jsx("label", { className: styles.label, htmlFor: id, children: label })), _jsxs("details", { className: styles.trigger, id: id, children: [_jsxs("summary", { className: styles.summary, "aria-label": ariaLabel, "aria-disabled": disabled, children: [currentItem && (_jsxs("span", { className: styles.selectedValue, children: [currentItem.iconImage, _jsx("span", { children: currentItem.label }), currentItem.badge && (_jsx(Badge, { size: "small", kind: currentItem.badge.kind, className: styles.badge, children: currentItem.badge.label }))] })), !currentItem && (_jsx("span", { className: styles.placeholder, children: placeholder })), _jsx(ChevronDownIcon, { className: styles.icon })] }), _jsx("div", { className: classNames(styles.dropdown, { [styles.inline]: inline }), children: mappedValues.map(({ label: groupLabel, items }, groupKey) => (_jsxs("div", { className: styles.group, children: [groupLabel && (_jsx("div", { className: classNames(styles.item, styles.label), children: groupLabel })), items.map(({ value, label, iconImage, badge, disabled: itemDisabled, }) => (_jsxs(Component, { href: value, className: classNames(styles.item, styles.text, {
15
16
  [styles.disabled]: itemDisabled || disabled,
16
17
  [styles.selected]: value === defaultValue,
17
- }), "aria-disabled": itemDisabled || disabled, children: [iconImage, _jsx("span", { children: label })] }, value)))] }, groupLabel?.toString() ?? groupKey))) })] })] }));
18
+ }), "aria-disabled": itemDisabled || disabled, children: [iconImage, _jsx("span", { children: label }), badge && (_jsx(Badge, { size: "small", kind: badge.kind, className: styles.badge, children: badge.label }))] }, value)))] }, groupLabel?.toString() ?? groupKey))) })] })] }));
18
19
  };
19
20
  export default StatelessSelect;
@@ -1,9 +1,14 @@
1
+ import { type BadgeKind } from '#ui/Common/Badge';
1
2
  import type { FormattedMessage, LinkLike } from '#ui/types';
2
3
  import type { ReactElement, ReactNode } from 'react';
3
4
  export type SelectValue<T extends string> = {
4
5
  label: FormattedMessage | string;
5
6
  value: T;
6
7
  iconImage?: ReactElement<SVGSVGElement>;
8
+ badge?: {
9
+ label: FormattedMessage | string;
10
+ kind?: BadgeKind;
11
+ };
7
12
  disabled?: boolean;
8
13
  };
9
14
  export type SelectGroup<T extends string> = {
@@ -12,7 +17,7 @@ export type SelectGroup<T extends string> = {
12
17
  };
13
18
  export type SelectProps<T extends string> = {
14
19
  values: Array<SelectGroup<T>> | Array<T> | Array<SelectValue<T>>;
15
- defaultValue?: T;
20
+ value?: T;
16
21
  placeholder?: string;
17
22
  label?: string;
18
23
  inline?: boolean;
@@ -30,5 +35,5 @@ export type SelectProps<T extends string> = {
30
35
  fallbackClass?: string;
31
36
  as?: LinkLike | 'div';
32
37
  };
33
- declare const Select: <T extends string>({ values, defaultValue, placeholder, label, inline, onChange, className, dropdownClassName, ariaLabel, loading, disabled, fallbackClass, }: SelectProps<T>) => ReactNode;
38
+ declare const Select: <T extends string>({ values, value, placeholder, label, inline, onChange, className, dropdownClassName, ariaLabel, loading, disabled, fallbackClass, }: SelectProps<T>) => ReactNode;
34
39
  export default Select;
@@ -3,14 +3,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
3
3
  import { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/24/outline';
4
4
  import * as SelectPrimitive from '@radix-ui/react-select';
5
5
  import classNames from 'classnames';
6
- import { useEffect, useId, useMemo, useState } from 'react';
6
+ import { useId, useMemo } from 'react';
7
+ import Badge from '#ui/Common/Badge';
7
8
  import Skeleton from '#ui/Common/Skeleton';
8
9
  import { mapValues } from './utils';
9
10
  import styles from './index.module.css';
10
- const Select = ({ values = [], defaultValue, placeholder, label, inline, onChange, className, dropdownClassName, ariaLabel, loading = false, disabled = false, fallbackClass = '', }) => {
11
+ const Select = ({ values = [], value, placeholder, label, inline, onChange, className, dropdownClassName, ariaLabel, loading = false, disabled = false, fallbackClass = '', }) => {
11
12
  const id = useId();
12
- const [value, setValue] = useState(defaultValue);
13
- useEffect(() => setValue(defaultValue), [defaultValue]);
14
13
  const mappedValues = useMemo(() => mapValues(values), [values]);
15
14
  // We render the actual item slotted to fix/prevent the issue
16
15
  // of the tirgger flashing on the initial render
@@ -18,18 +17,16 @@ const Select = ({ values = [], defaultValue, placeholder, label, inline, onChang
18
17
  .flatMap(({ items }) => items)
19
18
  .find(item => item.value === value), [mappedValues, value]);
20
19
  const memoizedMappedValues = useMemo(() => {
21
- return mappedValues.map(({ label, items }, key) => (_jsxs(SelectPrimitive.Group, { children: [label && (_jsx(SelectPrimitive.Label, { className: classNames(styles.item, styles.label), children: label })), items.map(({ value, label, iconImage, disabled }) => (_jsx(SelectPrimitive.Item, { value: value, disabled: disabled, className: classNames(styles.item, styles.text), children: _jsxs(SelectPrimitive.ItemText, { children: [iconImage, _jsx("span", { children: label })] }) }, value)))] }, label?.toString() ?? key)));
20
+ return mappedValues.map(({ label, items }, key) => (_jsxs(SelectPrimitive.Group, { children: [label && (_jsx(SelectPrimitive.Label, { className: classNames(styles.item, styles.label), children: label })), items.map(({ value, label, iconImage, badge, disabled }) => (_jsx(SelectPrimitive.Item, { value: value, disabled: disabled, className: classNames(styles.item, styles.text), children: _jsxs(SelectPrimitive.ItemText, { children: [iconImage, _jsx("span", { children: label }), badge && (_jsx(Badge, { size: "small", kind: badge.kind, className: styles.badge, children: badge.label }))] }) }, value)))] }, label?.toString() ?? key)));
22
21
  // We explicitly want to recalculate these values only when the values themselves changed
23
22
  // This is to prevent re-rendering and re-calcukating the values on every render
24
- // eslint-disable-next-line react-hooks/exhaustive-deps
23
+ // eslint-disable-next-line @eslint-react/exhaustive-deps
25
24
  }, [JSON.stringify(values)]);
26
- // Both change the internal state and emit the change event
27
25
  const handleChange = (value) => {
28
- setValue(value);
29
26
  if (typeof onChange === 'function') {
30
27
  onChange(value);
31
28
  }
32
29
  };
33
- return (_jsx(Skeleton, { loading: loading, children: _jsxs("span", { className: classNames(styles.select, { [styles.inline]: inline }, className, fallbackClass), children: [label && (_jsx("label", { className: styles.label, htmlFor: id, children: label })), _jsxs(SelectPrimitive.Root, { value: currentItem !== undefined ? value : undefined, onValueChange: handleChange, disabled: disabled, children: [_jsxs(SelectPrimitive.Trigger, { className: styles.trigger, "aria-label": ariaLabel, id: id, children: [_jsx(SelectPrimitive.Value, { placeholder: placeholder, children: currentItem !== undefined && (_jsxs(_Fragment, { children: [currentItem.iconImage, _jsx("span", { children: currentItem.label })] })) }), _jsx(ChevronDownIcon, { className: styles.icon })] }), _jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { position: inline ? 'popper' : 'item-aligned', className: classNames(styles.dropdown, { [styles.inline]: inline }, dropdownClassName), children: [_jsx(SelectPrimitive.ScrollUpButton, { children: _jsx(ChevronUpIcon, { className: styles.scrollIcon }) }), _jsx(SelectPrimitive.Viewport, { children: memoizedMappedValues }), _jsx(SelectPrimitive.ScrollDownButton, { children: _jsx(ChevronDownIcon, { className: styles.scrollIcon }) })] }) })] })] }) }));
30
+ return (_jsx(Skeleton, { loading: loading, children: _jsxs("span", { className: classNames(styles.select, { [styles.inline]: inline }, className, fallbackClass), children: [label && (_jsx("label", { className: styles.label, htmlFor: id, children: label })), _jsxs(SelectPrimitive.Root, { value: currentItem !== undefined ? value : undefined, onValueChange: handleChange, disabled: disabled, children: [_jsxs(SelectPrimitive.Trigger, { className: styles.trigger, "aria-label": ariaLabel, id: id, children: [_jsx(SelectPrimitive.Value, { placeholder: placeholder, children: currentItem !== undefined && (_jsxs(_Fragment, { children: [currentItem.iconImage, _jsx("span", { children: currentItem.label }), currentItem.badge && (_jsx(Badge, { size: "small", kind: currentItem.badge.kind, className: styles.badge, children: currentItem.badge.label }))] })) }), _jsx(ChevronDownIcon, { className: styles.icon })] }), _jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { position: inline ? 'popper' : 'item-aligned', className: classNames(styles.dropdown, { [styles.inline]: inline }, dropdownClassName), children: [_jsx(SelectPrimitive.ScrollUpButton, { children: _jsx(ChevronUpIcon, { className: styles.scrollIcon }) }), _jsx(SelectPrimitive.Viewport, { children: memoizedMappedValues }), _jsx(SelectPrimitive.ScrollDownButton, { children: _jsx(ChevronDownIcon, { className: styles.scrollIcon }) })] }) })] })] }) }));
34
31
  };
35
32
  export default Select;
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .select{gap:calc(var(--spacing,.25rem)*1.5);vertical-align:middle;flex-direction:column;display:inline-flex}.select .label{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-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-neutral-800,#556066);display:block}.select .label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.select .trigger{height:calc(var(--spacing,.25rem)*11);justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300,#d9e1e4);background-color:var(--color-white,#fff);width:100%;min-width:17rem;padding-inline:calc(var(--spacing,.25rem)*3.5);padding-block:calc(var(--spacing,.25rem)*2.5);text-align:left;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);color:var(--color-neutral-900,#2c3437);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.select .trigger{--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,color-mix(in oklab, var(--color-shadow,#101828) 5%, transparent))}}.select .trigger{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.select .trigger{outline-offset:2px;outline:2px solid #0000}}.select .trigger:focus{border-color:var(--color-neutral-500,#b1bcc2);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-neutral-500,#b1bcc2)}.select .trigger[data-placeholder]{color:var(--color-neutral-800,#556066)}.select .trigger:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800,#556066);background-color:var(--color-neutral-950,#0d121c);color:var(--color-white,#fff)}.select .trigger:where([data-theme=dark],[data-theme=dark] *):focus{border-color:var(--color-neutral-600,#929fa5);--tw-ring-color:var(--color-neutral-600,#929fa5)}.select .trigger:where([data-theme=dark],[data-theme=dark] *)[data-placeholder]{color:var(--color-neutral-200,#e9edf0)}.select .trigger span{height:calc(var(--spacing,.25rem)*5);align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.select .icon{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5);color:var(--color-neutral-600,#929fa5)}.select .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400,#cbd4d9)}.dropdown{max-height:calc(var(--spacing,.25rem)*48);max-width:var(--container-xs,20rem);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#10182808), 0px 12px 16px -4px var(--tw-shadow-color,#10182814);overflow:hidden auto}@supports (color:color-mix(in lab, red, red)){.dropdown{--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))}}.dropdown{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dropdown:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800,#556066);background-color:var(--color-neutral-950,#0d121c)}.dropdown .item{text-overflow:ellipsis;white-space:nowrap;padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block:calc(var(--spacing,.25rem)*1.5);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);-webkit-user-select:none;user-select:none;overflow:hidden}.dropdown .text{color:var(--color-neutral-800,#556066)}.dropdown .text[data-highlighted]{background-color:var(--color-green-500,#5fa04e);color:var(--color-white,#fff);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.dropdown .text[data-highlighted]{outline-offset:2px;outline:2px solid #0000}}.dropdown .text:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.dropdown .text:where([data-theme=dark],[data-theme=dark] *)[data-highlighted]{background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff)}.dropdown .text>span{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.dropdown .text>span>span{max-width:calc(var(--spacing,.25rem)*64);text-overflow:ellipsis;white-space:nowrap;text-wrap:wrap;overflow:hidden}.dropdown .label{color:var(--color-neutral-600,#929fa5)}.dropdown .label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400,#cbd4d9)}.dropdown:has(.label) .text>span:has(svg)>svg,.dropdown:has(.label) .text>span:not(.dropdown:has(.label) .text>span:has(svg))>span{margin-left:calc(var(--spacing,.25rem)*3)}.inline .trigger{min-width:fit-content;height:auto;padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block: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)}.inline .icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.inline .text{color:var(--color-neutral-900,#2c3437)}.inline .text[data-disabled]{color:var(--color-neutral-600,#929fa5)}.inline .text[data-highlighted]{background-color:var(--color-neutral-100,#f6f7f9);color:var(--color-neutral-900,#2c3437)}.inline .text:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.inline .text:where([data-theme=dark],[data-theme=dark] *)[data-disabled]{color:var(--color-neutral-700,#6e7b83)}.inline .text:where([data-theme=dark],[data-theme=dark] *)[data-highlighted]{background-color:var(--color-neutral-900,#2c3437);color:var(--color-white,#fff)}.inline.dropdown{margin-top:calc(var(--spacing,.25rem)*1);border-radius:.25rem;width:calc(100% + 1.5rem)}.scrollIcon{margin-inline:auto;margin-block:calc(var(--spacing,.25rem)*1);width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);color:var(--color-neutral-700,#6e7b83)}.scrollIcon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.noscript{cursor:pointer;position:relative}.noscript summary{justify-content:space-between;width:100%;display:flex}.noscript summary span{padding-left:calc(var(--spacing,.25rem)*0)}.noscript .trigger{display:block}.noscript .dropdown{left:calc(var(--spacing,.25rem)*0);z-index:999;margin-top:calc(var(--spacing,.25rem)*4);position:absolute}.noscript .text{padding-left:calc(var(--spacing,.25rem)*4);white-space:normal;color:var(--color-neutral-800,#556066);display:block}@media (hover:hover){.noscript .text:hover{background-color:var(--color-green-500,#5fa04e);color:var(--color-white,#fff);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.noscript .text:hover{outline-offset:2px;outline:2px solid #0000}}}.noscript .text:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}@media (hover:hover){.noscript .text:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff)}}.noscript .text span{height:auto}.noscript .inline .text{padding-left:calc(var(--spacing,.25rem)*2.5)}@property --tw-font-weight{syntax:"*";inherits:false}@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}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .select{gap:calc(var(--spacing,.25rem)*1.5);vertical-align:middle;flex-direction:column;display:inline-flex}.select .label{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-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-neutral-800,#556066);display:block}.select .label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.select .trigger{height:calc(var(--spacing,.25rem)*11);justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300,#d9e1e4);background-color:var(--color-white,#fff);width:100%;min-width:17rem;padding-inline:calc(var(--spacing,.25rem)*3.5);padding-block:calc(var(--spacing,.25rem)*2.5);text-align:left;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);color:var(--color-neutral-900,#2c3437);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.select .trigger{--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,color-mix(in oklab, var(--color-shadow,#101828) 5%, transparent))}}.select .trigger{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.select .trigger{outline-offset:2px;outline:2px solid #0000}}.select .trigger:focus{border-color:var(--color-neutral-500,#b1bcc2);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-neutral-500,#b1bcc2)}.select .trigger[data-placeholder]{color:var(--color-neutral-800,#556066)}.select .trigger:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800,#556066);background-color:var(--color-neutral-950,#0d121c);color:var(--color-white,#fff)}.select .trigger:where([data-theme=dark],[data-theme=dark] *):focus{border-color:var(--color-neutral-600,#929fa5);--tw-ring-color:var(--color-neutral-600,#929fa5)}.select .trigger:where([data-theme=dark],[data-theme=dark] *)[data-placeholder]{color:var(--color-neutral-200,#e9edf0)}.select .trigger span{height:calc(var(--spacing,.25rem)*5);align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.select .icon{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5);color:var(--color-neutral-600,#929fa5)}.select .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400,#cbd4d9)}.dropdown{max-height:calc(var(--spacing,.25rem)*48);max-width:var(--container-xs,20rem);border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#10182808), 0px 12px 16px -4px var(--tw-shadow-color,#10182814);overflow:hidden auto}@supports (color:color-mix(in lab, red, red)){.dropdown{--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))}}.dropdown{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dropdown:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800,#556066);background-color:var(--color-neutral-950,#0d121c)}.dropdown .item{text-overflow:ellipsis;white-space:nowrap;padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block:calc(var(--spacing,.25rem)*1.5);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);-webkit-user-select:none;user-select:none;overflow:hidden}.dropdown .text{color:var(--color-neutral-800,#556066)}.dropdown .text[data-highlighted]{background-color:var(--color-brand-500,#5fa04e);color:var(--color-white,#fff);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.dropdown .text[data-highlighted]{outline-offset:2px;outline:2px solid #0000}}.dropdown .text:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.dropdown .text:where([data-theme=dark],[data-theme=dark] *)[data-highlighted]{background-color:var(--color-brand-600,#417e38);color:var(--color-white,#fff)}.dropdown .text>span{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.dropdown .text>span>span{max-width:calc(var(--spacing,.25rem)*64);text-overflow:ellipsis;white-space:nowrap;text-wrap:wrap;overflow:hidden}.dropdown .label{color:var(--color-neutral-600,#929fa5)}.dropdown .label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400,#cbd4d9)}.dropdown:has(.label) .text>span:has(svg)>svg,.dropdown:has(.label) .text>span:not(.dropdown:has(.label) .text>span:has(svg))>span{margin-left:calc(var(--spacing,.25rem)*3)}.inline .trigger{min-width:fit-content;height:auto;padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block: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)}.inline .icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.inline .text{color:var(--color-neutral-900,#2c3437)}.inline .text[data-disabled]{color:var(--color-neutral-600,#929fa5)}.inline .text[data-highlighted]{background-color:var(--color-neutral-100,#f6f7f9);color:var(--color-neutral-900,#2c3437)}.inline .text:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.inline .text:where([data-theme=dark],[data-theme=dark] *)[data-disabled]{color:var(--color-neutral-700,#6e7b83)}.inline .text:where([data-theme=dark],[data-theme=dark] *)[data-highlighted]{background-color:var(--color-neutral-900,#2c3437);color:var(--color-white,#fff)}.inline.dropdown{margin-top:calc(var(--spacing,.25rem)*1);border-radius:.25rem;width:calc(100% + 1.5rem)}.scrollIcon{margin-inline:auto;margin-block:calc(var(--spacing,.25rem)*1);width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);color:var(--color-neutral-700,#6e7b83)}.scrollIcon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.badge{margin-left:auto}.noscript{cursor:pointer;position:relative}.noscript summary{justify-content:space-between;width:100%;display:flex}.noscript summary span{padding-left:calc(var(--spacing,.25rem)*0)}.noscript .trigger{display:block}.noscript .dropdown{left:calc(var(--spacing,.25rem)*0);z-index:999;margin-top:calc(var(--spacing,.25rem)*4);position:absolute}.noscript .text{padding-left:calc(var(--spacing,.25rem)*4);white-space:normal;color:var(--color-neutral-800,#556066);display:block}@media (hover:hover){.noscript .text:hover{background-color:var(--color-brand-500,#5fa04e);color:var(--color-white,#fff);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.noscript .text:hover{outline-offset:2px;outline:2px solid #0000}}}.noscript .text:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}@media (hover:hover){.noscript .text:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-brand-600,#417e38);color:var(--color-white,#fff)}}.noscript .text span{height:auto}.noscript .inline .text{padding-left:calc(var(--spacing,.25rem)*2.5)}@property --tw-font-weight{syntax:"*";inherits:false}@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}
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
2
  .root{background-color:var(--color-neutral-200,#e9edf0);flex-shrink:0}.root:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800,#556066)}.root.horizontal{width:100%;height:1px}.root.vertical{width:1px;height:100%}
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .header{align-items:flex-start;gap:calc(var(--spacing,.25rem)*1);display:flex}.attribute{align-items:center;gap:calc(var(--spacing,.25rem)*1);font-family:var(--font-ibm-plex-mono,var(--font-ibm-plex-mono));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);flex-wrap:wrap;display:inline-flex}.attribute .longName{word-break:break-all}@media (min-width:40rem){.attribute .longName{word-break:keep-all}}.attribute.return{font-family:var(--font-open-sans,var(--font-open-sans));flex-shrink:0}.attribute.return svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.type{gap:calc(var(--spacing,.25rem)*0.5);font-family:var(--font-ibm-plex-mono,var(--font-ibm-plex-mono));font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));word-break:break-all;flex-wrap:wrap;display:inline-flex}.type a{color:var(--color-green-700,#2c682c)}.type a:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-400,#84ba64)}@property --tw-font-weight{syntax:"*";inherits:false}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .header{align-items:flex-start;gap:calc(var(--spacing,.25rem)*1);display:flex}.attribute{align-items:center;gap:calc(var(--spacing,.25rem)*1);font-family:var(--font-ibm-plex-mono,var(--font-ibm-plex-mono));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);flex-wrap:wrap;display:inline-flex}.attribute .longName{word-break:break-all}@media (min-width:40rem){.attribute .longName{word-break:keep-all}}.attribute.return{font-family:var(--font-open-sans,var(--font-open-sans));flex-shrink:0}.attribute.return svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.type{gap:calc(var(--spacing,.25rem)*0.5);font-family:var(--font-ibm-plex-mono,var(--font-ibm-plex-mono));font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));word-break:break-all;flex-wrap:wrap;display:inline-flex}.type a{color:var(--color-brand-700,#2c682c)}.type a:where([data-theme=dark],[data-theme=dark] *){color:var(--color-brand-400,#84ba64)}@property --tw-font-weight{syntax:"*";inherits:false}
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .item{gap:calc(var(--spacing,.25rem)*1);flex-direction:column;display:flex}.return{border-radius:var(--radius-sm,.25rem);background-color:var(--color-green-100,#edf2eb);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3)}.return:where([data-theme=dark],[data-theme=dark] *){background-color:#2c343766}@supports (color:color-mix(in lab, red, red)){.return:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-neutral-900,#2c3437) 40%, transparent)}}.children{border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);flex-direction:column;display:flex;position:relative}.children:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.children:has(>.return:only-child){border-style:var(--tw-border-style);border-width:0}.children:not(:has(.return:only-child)) .return{margin-inline:calc(var(--spacing,.25rem)*4);margin-bottom:calc(var(--spacing,.25rem)*3)}.children .item:not(.return){margin-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3)}.children .item:not(:last-child,:has(+.return)){border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200,#e9edf0)}.children .item:not(:last-child,:has(+.return)):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.description{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));word-break:break-all}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .item{gap:calc(var(--spacing,.25rem)*1);flex-direction:column;display:flex}.return{border-radius:var(--radius-sm,.25rem);background-color:var(--color-brand-100,#edf2eb);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3)}.return:where([data-theme=dark],[data-theme=dark] *){background-color:#2c343766}@supports (color:color-mix(in lab, red, red)){.return:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-neutral-900,#2c3437) 40%, transparent)}}.return:not(:first-child,.children .return){margin-inline:calc(var(--spacing,.25rem)*-4);margin-bottom:calc(var(--spacing,.25rem)*-3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-200,#e9edf0);border-top-left-radius:0;border-top-right-radius:0}.return:not(:first-child,.children .return):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.children{border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);flex-direction:column;display:flex;position:relative}.children:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.children:has(>.return:only-child){border-style:var(--tw-border-style);border-width:0}.children:not(:has(.return:only-child)) .return{margin-inline:calc(var(--spacing,.25rem)*4);margin-bottom:calc(var(--spacing,.25rem)*3)}.children .item:not(.return){margin-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3)}.children .item:not(:last-child,:has(+.return)){border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200,#e9edf0)}.children .item:not(:last-child,:has(+.return)):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.description{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));word-break:break-all}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@@ -3,6 +3,6 @@ import { useId } from 'react';
3
3
  import styles from './index.module.css';
4
4
  const SignatureRoot = ({ title, children, }) => {
5
5
  const titleId = useId();
6
- return (_jsxs("section", { className: styles.container, "aria-labelledby": titleId, children: [_jsx("div", { className: styles.title, id: titleId, children: title }), _jsx("div", { className: styles.root, children: children })] }));
6
+ return (_jsxs("section", { className: styles.container, "aria-labelledby": title ? titleId : undefined, children: [title && (_jsx("div", { className: styles.title, id: titleId, children: title })), _jsx("div", { className: styles.root, children: children })] }));
7
7
  };
8
8
  export default SignatureRoot;
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
2
  .container{gap:calc(var(--spacing,.25rem)*3);flex-direction:column;display:flex}.title{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}.root{margin-bottom:calc(var(--spacing,.25rem)*3);gap:calc(var(--spacing,.25rem)*4);border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);flex-direction:column;display:flex}.root:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@@ -2,7 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import SignatureItem from '#ui/Common/Signature/SignatureItem';
3
3
  import SignatureRoot from '#ui/Common/Signature/SignatureRoot';
4
4
  const Signature = ({ kind = 'default', name, type, description, optional, title, children, }) => {
5
- if (title) {
5
+ // A Signature without its own name or type is the grouping container, with
6
+ // an optional title. Everything else renders as an individual item.
7
+ if (!name && !type) {
6
8
  return _jsx(SignatureRoot, { title: title, children: children });
7
9
  }
8
10
  return (_jsx(SignatureItem, { kind: kind, name: name, type: type, description: description, optional: optional, children: children }));
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
2
  .skeleton{pointer-events:none;cursor:default;border-radius:var(--radius-md,.375rem);--tw-border-style:none;vertical-align:middle;color:#0000;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-outline-style:none;background-clip:border-box;border-style:none;outline-style:none;animation:.5s infinite alternate-reverse pulse;display:inline-flex}@media (forced-colors:active){.skeleton{outline-offset:2px;outline:2px solid #0000}}.skeleton{-webkit-user-select:none;user-select:none}.skeleton:where([data-theme=dark],[data-theme=dark] *){animation:.5s infinite alternate-reverse pulse-dark}.skeleton[data-inline-skeleton]{--tw-leading:1;line-height:1}.skeleton:empty{height:calc(var(--spacing,.25rem)*3);display:block}.skeleton>*,.skeleton:after,.skeleton:before{visibility:hidden}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value: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-leading{syntax:"*";inherits:false}@keyframes pulse{0%{background:var(--color-pulse-100)}to{background:var(--color-pulse-200)}}@keyframes pulse-dark{0%{background:var(--color-pulse-300)}to{background:var(--color-pulse-400)}}
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .skipToContent{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skipToContent:focus{clip-path:none;white-space:normal;width:auto;height:auto;top:calc(var(--spacing,.25rem)*4);left:calc(var(--spacing,.25rem)*4);z-index:50;background-color:var(--color-green-600,#417e38);padding:0;padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);color:var(--color-white,#fff);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-green-500,#5fa04e);--tw-outline-style:none;border-radius:.25rem;outline-style:none;margin:0;position:absolute;overflow:visible}.skipToContent:where([data-theme=dark],[data-theme=dark] *):focus{--tw-ring-color:var(--color-green-400,#84ba64)}@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}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .skipToContent{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skipToContent:focus{clip-path:none;white-space:normal;width:auto;height:auto;top:calc(var(--spacing,.25rem)*4);left:calc(var(--spacing,.25rem)*4);z-index:50;background-color:var(--color-brand-600,#417e38);padding:0;padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);color:var(--color-white,#fff);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-brand-500,#5fa04e);--tw-outline-style:none;border-radius:.25rem;outline-style:none;margin:0;position:absolute;overflow:visible}.skipToContent:where([data-theme=dark],[data-theme=dark] *):focus{--tw-ring-color:var(--color-brand-400,#84ba64)}@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}
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .switch{justify-content:flex-end;gap:calc(var(--spacing,.25rem)*3);display:inline-flex}.switch .label{cursor:pointer;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);-webkit-user-select:none;user-select:none}.switch .label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.switch .input{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.switch .root{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*10.5);cursor:pointer;background-color:var(--color-black,#000);border-radius:3.40282e38px;align-items:center;display:inline-flex;position:relative}@media (prefers-reduced-motion:no-preference){.switch .root{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));--tw-duration:.1s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.1s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1))}}.switch .root:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-700,#6e7b83)}.switch .input:focus-visible+.root{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-green-500,#5fa04e);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-color:var(--color-neutral-100,#f6f7f9)}.switch .input:focus-visible+.root:where([data-theme=dark],[data-theme=dark] *){--tw-ring-color:var(--color-green-400,#84ba64);--tw-ring-offset-color:var(--color-neutral-900,#2c3437)}.switch .input:checked+.root{background-color:var(--color-green-600,#417e38)}.switch .thumb{pointer-events:none;width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5);--tw-translate-x:calc(var(--spacing,.25rem)*0.5);translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-white,#fff);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:3.40282e38px;display:block}@media (prefers-reduced-motion:no-preference){.switch .thumb{transition-property:transform,translate,scale,rotate;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));--tw-duration:.1s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.1s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1))}}.switch .input:checked+.root .thumb{--tw-translate-x:calc(var(--spacing,.25rem)*5);translate:var(--tw-translate-x) var(--tw-translate-y)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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
+ .switch{justify-content:flex-end;gap:calc(var(--spacing,.25rem)*3);display:inline-flex}.switch .label{cursor:pointer;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);-webkit-user-select:none;user-select:none}.switch .label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.switch .input{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.switch .root{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*10.5);cursor:pointer;background-color:var(--color-black,#000);border-radius:3.40282e38px;align-items:center;display:inline-flex;position:relative}@media (prefers-reduced-motion:no-preference){.switch .root{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));--tw-duration:.1s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.1s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1))}}.switch .root:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-700,#6e7b83)}.switch .input:focus-visible+.root{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-brand-500,#5fa04e);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-offset-color:var(--color-neutral-100,#f6f7f9)}.switch .input:focus-visible+.root:where([data-theme=dark],[data-theme=dark] *){--tw-ring-color:var(--color-brand-400,#84ba64);--tw-ring-offset-color:var(--color-neutral-900,#2c3437)}.switch .input:checked+.root{background-color:var(--color-brand-600,#417e38)}.switch .thumb{pointer-events:none;width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5);--tw-translate-x:calc(var(--spacing,.25rem)*0.5);translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-white,#fff);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:3.40282e38px;display:block}@media (prefers-reduced-motion:no-preference){.switch .thumb{transition-property:transform,translate,scale,rotate;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));--tw-duration:.1s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.1s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1))}}.switch .input:checked+.root .thumb{--tw-translate-x:calc(var(--spacing,.25rem)*5);translate:var(--tw-translate-x) var(--tw-translate-y)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
2
  .details{margin-block:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-md,.375rem);background-color:var(--color-neutral-200,#e9edf0);display:block}@media (min-width:80rem){.details{display:none}}.details:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.details[open] .icon{rotate:90deg}.details .summary{align-items:center;gap:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*3.5);padding-block:calc(var(--spacing,.25rem)*2.5);list-style-type:none;display:flex}.details .summary::-webkit-details-marker{display:none}.details .summary .icon{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5)}:where(.details .list>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing,.25rem)*1*var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing,.25rem)*1*(1 - var(--tw-space-y-reverse)))}.details .list{padding-inline:calc(var(--spacing,.25rem)*4);padding-bottom:calc(var(--spacing,.25rem)*2);overflow-wrap:anywhere}.details .link{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-900,#2c3437);text-decoration-line:underline;display:inline-block}@media (hover:hover){.details .link:hover{color:var(--color-neutral-700,#6e7b83)}}.details .link:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}@media (hover:hover){.details .link:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-neutral-500,#b1bcc2)}}.details .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)}.details .depthThree{padding-left:calc(var(--spacing,.25rem)*2)}.details .depthFour{padding-left:calc(var(--spacing,.25rem)*4)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-font-weight{syntax:"*";inherits:false}
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .tabsRoot{max-width:100%;display:grid}.tabsRoot .tabsList{gap:calc(var(--spacing,.25rem)*2);font-family:var(--font-open-sans,var(--font-open-sans));scrollbar-width:thin;display:flex;overflow-x:auto}.tabsRoot .tabsList .tabsTrigger{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*1);padding-top:calc(var(--spacing,.25rem)*0);padding-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-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:var(--color-neutral-800,#556066);border-bottom-width:2px;border-bottom-color:#0000}.tabsRoot .tabsList .tabsTrigger:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.tabsRoot .tabsList .tabsTrigger .tabExtension{margin-left:calc(var(--spacing,.25rem)*1);border-radius:var(--radius-xs,.125rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding-inline:calc(var(--spacing,.25rem)*1);padding-block:calc(var(--spacing,.25rem)*0);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-neutral-200,#e9edf0)}.tabsRoot .tabsList .tabsTrigger .tabSecondaryLabel{padding-left:calc(var(--spacing,.25rem)*1);color:var(--color-neutral-500,#b1bcc2)}.tabsRoot .tabsList .tabsTrigger .tabSecondaryLabel:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-800,#556066)}.tabsRoot .tabsList .tabsTrigger[data-state=active]{border-bottom-color:var(--color-green-600,#417e38);color:var(--color-green-600,#417e38)}.tabsRoot .tabsList .tabsTrigger[data-state=active]:where([data-theme=dark],[data-theme=dark] *){border-bottom-color:var(--color-green-400,#84ba64);color:var(--color-green-400,#84ba64)}.tabsRoot .tabsList .tabsTrigger[data-state=active] .tabExtension{border-color:var(--color-green-400,#84ba64);color:var(--color-green-400,#84ba64)}.tabsRoot .tabsList .tabsTrigger[data-state=active] .tabSecondaryLabel{color:var(--color-green-800,#2c682c)}.tabsRoot .tabsList .tabsTrigger[data-state=active] .tabSecondaryLabel:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-600,#417e38)}.tabsRoot .tabsList .addons{border-bottom-style:var(--tw-border-style);padding-inline: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);border-bottom-width:2px;border-bottom-color:#0000;margin-left:auto;padding-bottom:11px}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .tabsRoot{max-width:100%;display:grid}.tabsRoot .tabsList{scrollbar-width:thin;gap:calc(var(--spacing,.25rem)*2);font-family:var(--font-open-sans,var(--font-open-sans));display:flex;overflow-x:auto}.tabsRoot .tabsList .tabsTrigger{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*1);padding-top:calc(var(--spacing,.25rem)*0);padding-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-semibold,600);font-weight:var(--font-weight-semibold,600);white-space:nowrap;color:var(--color-neutral-800,#556066);border-bottom-width:2px;border-bottom-color:#0000}.tabsRoot .tabsList .tabsTrigger:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.tabsRoot .tabsList .tabsTrigger .tabExtension{margin-left:calc(var(--spacing,.25rem)*1);border-radius:var(--radius-xs,.125rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding-inline:calc(var(--spacing,.25rem)*1);padding-block:calc(var(--spacing,.25rem)*0);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-neutral-200,#e9edf0)}.tabsRoot .tabsList .tabsTrigger .tabSecondaryLabel{padding-left:calc(var(--spacing,.25rem)*1);color:var(--color-neutral-500,#b1bcc2)}.tabsRoot .tabsList .tabsTrigger .tabSecondaryLabel:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-800,#556066)}.tabsRoot .tabsList .tabsTrigger[data-state=active]{border-bottom-color:var(--color-brand-600,#417e38);color:var(--color-brand-600,#417e38)}.tabsRoot .tabsList .tabsTrigger[data-state=active]:where([data-theme=dark],[data-theme=dark] *){border-bottom-color:var(--color-brand-400,#84ba64);color:var(--color-brand-400,#84ba64)}.tabsRoot .tabsList .tabsTrigger[data-state=active] .tabExtension{border-color:var(--color-brand-400,#84ba64);color:var(--color-brand-400,#84ba64)}.tabsRoot .tabsList .tabsTrigger[data-state=active] .tabSecondaryLabel{color:var(--color-brand-800,#2c682c)}.tabsRoot .tabsList .tabsTrigger[data-state=active] .tabSecondaryLabel:where([data-theme=dark],[data-theme=dark] *){color:var(--color-brand-600,#417e38)}.tabsRoot .tabsList .addons{border-bottom-style:var(--tw-border-style);padding-inline: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);border-bottom-width:2px;border-bottom-color:#0000;margin-left:auto;padding-bottom:11px}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .themeToggle{width:calc(var(--spacing,.25rem)*9);height:calc(var(--spacing,.25rem)*9);border-radius:var(--radius-md,.375rem);padding:calc(var(--spacing,.25rem)*2);color:var(--color-neutral-700,#6e7b83)}@media (prefers-reduced-motion:no-preference){.themeToggle{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))}}.themeToggle:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-300,#d9e1e4)}.themeToggle:hover{background-color:var(--color-neutral-100,#f6f7f9)}.themeToggle:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.dropDownContent{max-height:calc(var(--spacing,.25rem)*80);width:calc(var(--spacing,.25rem)*36);border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#10182808), 0px 12px 16px -4px var(--tw-shadow-color,#10182814);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.dropDownContent{--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))}}.dropDownContent{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dropDownContent:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.dropDownItem{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block:calc(var(--spacing,.25rem)*1.5);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);--tw-outline-style:none;outline-style:none;display:flex}@media (forced-colors:active){.dropDownItem{outline-offset:2px;outline:2px solid #0000}}.dropDownItem[data-highlighted]{background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff)}.dropDownItem:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.activeItem{background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff)}@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-font-weight{syntax:"*";inherits:false}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .themeToggle{width:calc(var(--spacing,.25rem)*9);height:calc(var(--spacing,.25rem)*9);border-radius:var(--radius-md,.375rem);padding:calc(var(--spacing,.25rem)*2);color:var(--color-neutral-700,#6e7b83)}@media (prefers-reduced-motion:no-preference){.themeToggle{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))}}.themeToggle:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-300,#d9e1e4)}.themeToggle:hover{background-color:var(--color-neutral-100,#f6f7f9)}.themeToggle:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.dropDownContent{max-height:calc(var(--spacing,.25rem)*80);width:calc(var(--spacing,.25rem)*36);border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#10182808), 0px 12px 16px -4px var(--tw-shadow-color,#10182814);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.dropDownContent{--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))}}.dropDownContent{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dropDownContent:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.dropDownItem{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block:calc(var(--spacing,.25rem)*1.5);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);--tw-outline-style:none;outline-style:none;display:flex}@media (forced-colors:active){.dropDownItem{outline-offset:2px;outline:2px solid #0000}}.dropDownItem[data-highlighted]{background-color:var(--color-brand-600,#417e38);color:var(--color-white,#fff)}.dropDownItem:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.activeItem{background-color:var(--color-brand-600,#417e38);color:var(--color-white,#fff)}@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-font-weight{syntax:"*";inherits:false}
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
2
  .content{border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);background-color:var(--color-white,#fff);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-neutral-900,#2c3437);--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,#10182808), 0px 12px 16px -4px var(--tw-shadow-color,#10182814);border-width:1px}@supports (color:color-mix(in lab, red, red)){.content{--tw-shadow:0px 4px 6px -2px var(--tw-shadow-color,color-mix(in oklab, var(--color-shadow,#101828) 3%, transparent)), 0px 12px 16px -4px var(--tw-shadow-color,color-mix(in oklab, var(--color-shadow,#101828) 8%, transparent))}}.content{box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.content:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-950,#0d121c);color:var(--color-white,#fff)}.content.default{border-color:var(--color-neutral-200,#e9edf0)}.content.default:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.content.default .arrow{fill:var(--color-neutral-200,#e9edf0)}.content.default .arrow:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-neutral-900,#2c3437)}.content.error{border-color:var(--color-danger-400,#fa8e8e)}.content.error:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-danger-900,#661514)}.content.error .arrow{fill:var(--color-danger-400,#fa8e8e)}.content.error .arrow:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-danger-900,#661514)}.content.warning{border-color:var(--color-warning-400,#e99c40)}.content.warning:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-warning-900,#4d2f0b)}.content.warning .arrow{fill:var(--color-warning-400,#e99c40)}.content.warning .arrow:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-warning-900,#4d2f0b)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .articleLayout{width:100%;max-width:var(--container-10xl,104rem);margin-inline:auto;display:block}@media (min-width:896px){.articleLayout{grid-template-columns:calc(var(--spacing,.25rem)*56) 1fr;grid-template-rows:1fr;grid-template-areas:"sidebar main""sidebar footer";display:grid;overflow:visible}}@media (min-width:80rem){.articleLayout{grid-template-columns:calc(var(--spacing,.25rem)*56) 1fr calc(var(--spacing,.25rem)*64);grid-template-areas:"sidebar main metabar""sidebar footer metabar"}}@media (min-width:96rem){.articleLayout{grid-template-columns:calc(var(--spacing,.25rem)*72) 1fr calc(var(--spacing,.25rem)*72)}}@media (min-width:120rem){.articleLayout{grid-template-columns:calc(var(--spacing,.25rem)*80) 1fr calc(var(--spacing,.25rem)*80)}}.articleLayout>:first-child{grid-area:sidebar}@media (min-width:896px){.articleLayout>:first-child{top:calc(var(--spacing,.25rem)*0);height:100svh;position:sticky;overflow-y:auto}}.articleLayout>:nth-child(2){display:contents}@media (min-width:896px){@media not all and (min-width:80rem){.articleLayout>:nth-child(2){display:block}}}.articleLayout>:nth-child(2)>:first-child{min-width:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*4);grid-area:main}@media (prefers-reduced-motion:no-preference){.articleLayout>:nth-child(2)>:first-child{scroll-behavior:smooth}}@media (min-width:896px){.articleLayout>:nth-child(2)>:first-child{background-image:linear-gradient(#f6f7f980 0%,#0000 48.32%)}@supports (color:color-mix(in lab, red, red)){.articleLayout>:nth-child(2)>:first-child{background-image:linear-gradient(180deg, color-mix(in oklab, var(--color-neutral-100) 50%, transparent) 0%, color-mix(in oklab, var(--color-neutral-100) 0%, transparent) 48.32%)}}.articleLayout>:nth-child(2)>:first-child{padding:calc(var(--spacing,.25rem)*8);background-attachment:fixed}}@media (min-width:80rem){.articleLayout>:nth-child(2)>:first-child{padding:calc(var(--spacing,.25rem)*10)}}@media (min-width:96rem){.articleLayout>:nth-child(2)>:first-child{padding:calc(var(--spacing,.25rem)*12)}}@media (min-width:120rem){.articleLayout>:nth-child(2)>:first-child{padding-inline:calc(var(--spacing,.25rem)*18)}}@media (min-width:896px){.articleLayout>:nth-child(2)>:first-child:where([data-theme=dark],[data-theme=dark] *){background-image:linear-gradient(#2c343780 0%,#0000 48.32%)}@supports (color:color-mix(in lab, red, red)){.articleLayout>:nth-child(2)>:first-child:where([data-theme=dark],[data-theme=dark] *){background-image:linear-gradient(180deg, color-mix(in oklab, var(--color-neutral-900) 50%, transparent) 0%, color-mix(in oklab, var(--color-neutral-900) 0%, transparent) 48.32%)}}}.articleLayout>:nth-child(2)>:last-child{margin-top:calc(var(--spacing,.25rem)*8);border-top-style:var(--tw-border-style);border-top-width:1px;grid-area:metabar}@media (min-width:896px){.articleLayout>:nth-child(2)>:last-child{margin-top:calc(var(--spacing,.25rem)*0)}}@media (min-width:80rem){.articleLayout>:nth-child(2)>:last-child{top:calc(var(--spacing,.25rem)*0);border-top-style:var(--tw-border-style);border-top-width:0;border-left-style:var(--tw-border-style);border-left-width:1px;max-width:none;position:sticky}}.articleLayout>:nth-child(3){bottom:calc(var(--spacing,.25rem)*0);border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);width:100%;padding-block:calc(var(--spacing,.25rem)*4);flex-direction:column;grid-area:footer;align-self:stretch;align-items:center;display:flex;position:sticky}.articleLayout>:nth-child(3):where([data-theme=dark],[data-theme=dark] *){border-top-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .articleLayout{width:100%;max-width:var(--container-10xl,104rem);margin-inline:auto;display:block}@media (min-width:896px){.articleLayout{grid-template-columns:calc(var(--spacing,.25rem)*56) 1fr;grid-template-rows:1fr;grid-template-areas:"sidebar main""sidebar footer";display:grid;overflow:visible}}@media (min-width:80rem){.articleLayout{grid-template-columns:calc(var(--spacing,.25rem)*56) 1fr calc(var(--spacing,.25rem)*64);grid-template-areas:"sidebar main metabar""sidebar footer metabar"}}@media (min-width:96rem){.articleLayout{grid-template-columns:calc(var(--spacing,.25rem)*72) 1fr calc(var(--spacing,.25rem)*72)}}@media (min-width:120rem){.articleLayout{grid-template-columns:calc(var(--spacing,.25rem)*80) 1fr calc(var(--spacing,.25rem)*80)}}.articleLayout>:first-child{grid-area:sidebar}@media (min-width:896px){.articleLayout>:first-child{top:var(--header-height);height:calc(100svh - var(--header-height));position:sticky;overflow-y:auto}}.articleLayout>:nth-child(2){display:contents}@media (min-width:896px){@media not all and (min-width:80rem){.articleLayout>:nth-child(2){display:block}}}.articleLayout>:nth-child(2)>:first-child{min-width:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*4);grid-area:main}@media (prefers-reduced-motion:no-preference){.articleLayout>:nth-child(2)>:first-child{scroll-behavior:smooth}}@media (min-width:896px){.articleLayout>:nth-child(2)>:first-child{background-image:linear-gradient(#f6f7f980 0%,#0000 48.32%)}@supports (color:color-mix(in lab, red, red)){.articleLayout>:nth-child(2)>:first-child{background-image:linear-gradient(180deg, color-mix(in oklab, var(--color-neutral-100) 50%, transparent) 0%, color-mix(in oklab, var(--color-neutral-100) 0%, transparent) 48.32%)}}.articleLayout>:nth-child(2)>:first-child{padding:calc(var(--spacing,.25rem)*8);background-attachment:fixed}}@media (min-width:80rem){.articleLayout>:nth-child(2)>:first-child{padding:calc(var(--spacing,.25rem)*10)}}@media (min-width:96rem){.articleLayout>:nth-child(2)>:first-child{padding:calc(var(--spacing,.25rem)*12)}}@media (min-width:120rem){.articleLayout>:nth-child(2)>:first-child{padding-inline:calc(var(--spacing,.25rem)*18)}}@media (min-width:896px){.articleLayout>:nth-child(2)>:first-child:where([data-theme=dark],[data-theme=dark] *){background-image:linear-gradient(#2c343780 0%,#0000 48.32%)}@supports (color:color-mix(in lab, red, red)){.articleLayout>:nth-child(2)>:first-child:where([data-theme=dark],[data-theme=dark] *){background-image:linear-gradient(180deg, color-mix(in oklab, var(--color-neutral-900) 50%, transparent) 0%, color-mix(in oklab, var(--color-neutral-900) 0%, transparent) 48.32%)}}}.articleLayout>:nth-child(2)>:last-child{margin-top:calc(var(--spacing,.25rem)*8);border-top-style:var(--tw-border-style);border-top-width:1px;grid-area:metabar}@media (min-width:896px){.articleLayout>:nth-child(2)>:last-child{margin-top:calc(var(--spacing,.25rem)*0)}}@media (min-width:80rem){.articleLayout>:nth-child(2)>:last-child{top:calc(var(--spacing,.25rem)*0);border-top-style:var(--tw-border-style);border-top-width:0;border-left-style:var(--tw-border-style);border-left-width:1px;max-width:none;position:sticky}}.articleLayout>:nth-child(3){bottom:calc(var(--spacing,.25rem)*0);border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);width:100%;padding-block:calc(var(--spacing,.25rem)*4);flex-direction:column;grid-area:footer;align-self:stretch;align-items:center;display:flex;position:sticky}.articleLayout>:nth-child(3):where([data-theme=dark],[data-theme=dark] *){border-top-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- .container{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);padding-block:calc(var(--spacing,.25rem)*4);color:var(--color-neutral-500,#b1bcc2)}@media (min-width:40rem){.container{padding-inline:calc(var(--spacing,.25rem)*8)}}@media (min-width:48rem){.container{padding-block:calc(var(--spacing,.25rem)*5)}}.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);align-items:center;gap:calc(var(--spacing,.25rem)*6);flex-direction:column;margin-inline:auto;display:flex}@media (min-width:48rem){.container .innerContainer{justify-content:space-between}}.container .innerContainer .row{align-items:center;gap:calc(var(--spacing,.25rem)*6);flex-direction:column;display:flex}@media (min-width:48rem){.container .innerContainer .row{justify-content:space-between;gap:calc(var(--spacing,.25rem)*0);flex-direction:row;align-self:stretch}}.container .innerContainer .row .sectionPrimary{place-content:flex-start center;align-items:center;gap:calc(var(--spacing,.25rem)*1);flex-wrap:wrap;align-self:stretch;display:flex}.container .innerContainer .row .sectionPrimary a{white-space:nowrap}.container .innerContainer .row .sectionSecondary{align-items:center;gap:calc(var(--spacing,.25rem)*1);flex-direction:column;display:flex}@media (min-width:48rem){.container .innerContainer .row .sectionSecondary{flex-direction:row}}.container .innerContainer .row .sectionSecondary .social{align-items:center;gap:calc(var(--spacing,.25rem)*1);display:flex}.container .innerContainer .row.legal{gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*4);text-align:center;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));text-wrap:balance;flex-direction:column;display:flex}.container .innerContainer .row.legal p{text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-800,#556066)}.container .innerContainer .row.legal p:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500,#b1bcc2)}.container .innerContainer .row.legal a{color:var(--color-green-600,#417e38)}@media not all and (min-width:896px){.container .innerContainer .row.legal a{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}}.container .innerContainer .row.legal a:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-400,#84ba64)}.container .innerContainer .row.legal a:hover{cursor:pointer;color:var(--color-green-900,#1a3f1d)}.container .innerContainer .row.legal a:hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-200,#c5e5b4)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}
1
+ /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
2
+ .container{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);padding-block:calc(var(--spacing,.25rem)*4);color:var(--color-neutral-500,#b1bcc2)}@media (min-width:40rem){.container{padding-inline:calc(var(--spacing,.25rem)*8)}}@media (min-width:48rem){.container{padding-block:calc(var(--spacing,.25rem)*5)}}.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);align-items:center;gap:calc(var(--spacing,.25rem)*6);flex-direction:column;margin-inline:auto;display:flex}@media (min-width:48rem){.container .innerContainer{justify-content:space-between}}.container .innerContainer .row{align-items:center;gap:calc(var(--spacing,.25rem)*6);flex-direction:column;display:flex}@media (min-width:48rem){.container .innerContainer .row{justify-content:space-between;gap:calc(var(--spacing,.25rem)*0);flex-direction:row;align-self:stretch}}.container .innerContainer .row .sectionPrimary{place-content:flex-start center;align-items:center;gap:calc(var(--spacing,.25rem)*1);flex-wrap:wrap;align-self:stretch;display:flex}.container .innerContainer .row .sectionPrimary a{white-space:nowrap}.container .innerContainer .row .sectionSecondary{align-items:center;gap:calc(var(--spacing,.25rem)*1);flex-direction:column;display:flex}@media (min-width:48rem){.container .innerContainer .row .sectionSecondary{flex-direction:row}}.container .innerContainer .row .sectionSecondary .social{align-items:center;gap:calc(var(--spacing,.25rem)*1);display:flex}.container .innerContainer .row.legal{gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*4);text-align:center;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));text-wrap:balance;flex-direction:column;display:flex}.container .innerContainer .row.legal p{text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-800,#556066)}.container .innerContainer .row.legal p:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500,#b1bcc2)}.container .innerContainer .row.legal a{color:var(--color-brand-600,#417e38)}@media not all and (min-width:896px){.container .innerContainer .row.legal a{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}}.container .innerContainer .row.legal a:where([data-theme=dark],[data-theme=dark] *){color:var(--color-brand-400,#84ba64)}.container .innerContainer .row.legal a:hover{cursor:pointer;color:var(--color-brand-900,#1a3f1d)}.container .innerContainer .row.legal a:hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-brand-200,#c5e5b4)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}