@node-core/ui-components 1.6.0 → 1.6.2
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.
- package/dist/Common/AlertBox/index.module.css +1 -1
- package/dist/Common/AvatarGroup/Avatar/index.module.css +1 -1
- package/dist/Common/AvatarGroup/Overlay/index.module.css +1 -1
- package/dist/Common/AvatarGroup/index.module.css +1 -1
- package/dist/Common/Badge/index.module.css +1 -1
- package/dist/Common/BadgeGroup/index.module.css +1 -1
- package/dist/Common/Banner/index.module.css +2 -2
- package/dist/Common/BaseButton/index.module.css +2 -2
- package/dist/Common/BaseCodeBox/index.module.css +1 -1
- package/dist/Common/BaseCrossLink/index.module.css +1 -1
- package/dist/Common/BaseLinkTabs/index.module.css +1 -1
- package/dist/Common/BasePagination/Ellipsis/index.module.css +1 -1
- package/dist/Common/BasePagination/PaginationListItem/index.js +1 -1
- package/dist/Common/BasePagination/PaginationListItem/index.module.css +2 -2
- package/dist/Common/BasePagination/index.module.css +1 -1
- package/dist/Common/Blockquote/index.module.css +1 -1
- package/dist/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css +1 -1
- package/dist/Common/Breadcrumbs/BreadcrumbItem/index.module.css +2 -2
- package/dist/Common/Breadcrumbs/BreadcrumbLink/index.module.css +2 -2
- package/dist/Common/Breadcrumbs/BreadcrumbRoot/index.module.css +1 -1
- package/dist/Common/ChangeHistory/index.module.css +2 -2
- package/dist/Common/CodeTabs/index.module.css +2 -2
- package/dist/Common/DataTag/index.module.css +1 -1
- package/dist/Common/GlowingBackdrop/index.module.css +2 -2
- package/dist/Common/LanguageDropDown/index.module.css +2 -2
- package/dist/Common/Modal/index.module.css +2 -2
- package/dist/Common/NodejsLogo/index.module.css +1 -1
- package/dist/Common/Preview/index.module.css +2 -2
- package/dist/Common/Search/Chat/Actions/index.module.css +2 -2
- package/dist/Common/Search/Chat/Input/index.module.css +2 -2
- package/dist/Common/Search/Chat/Trigger/index.module.css +2 -2
- package/dist/Common/Search/Input/index.module.css +2 -2
- package/dist/Common/Search/Modal/index.module.css +2 -2
- package/dist/Common/Search/Results/Empty/index.module.css +1 -1
- package/dist/Common/Search/Results/Hit/index.module.css +2 -2
- package/dist/Common/Search/Results/Skeleton/index.module.css +1 -1
- package/dist/Common/Search/Results/Tabs/index.module.css +2 -2
- package/dist/Common/Search/Results/index.module.css +1 -1
- package/dist/Common/Search/Suggestions/index.module.css +1 -1
- package/dist/Common/Select/index.module.css +2 -2
- package/dist/Common/Separator/index.module.css +1 -1
- package/dist/Common/Signature/SignatureHeader/index.d.ts +7 -0
- package/dist/Common/Signature/SignatureHeader/index.js +10 -0
- package/dist/Common/Signature/SignatureHeader/index.module.css +2 -0
- package/dist/Common/Signature/SignatureItem/index.d.ts +5 -0
- package/dist/Common/Signature/SignatureItem/index.js +8 -0
- package/dist/Common/Signature/SignatureItem/index.module.css +2 -0
- package/dist/Common/Signature/SignatureRoot/index.d.ts +5 -0
- package/dist/Common/Signature/SignatureRoot/index.js +8 -0
- package/dist/Common/Signature/SignatureRoot/index.module.css +2 -0
- package/dist/Common/Signature/index.d.ts +11 -0
- package/dist/Common/Signature/index.js +10 -0
- package/dist/Common/Skeleton/index.module.css +2 -2
- package/dist/Common/SkipToContentButton/index.module.css +2 -2
- package/dist/Common/Switch/index.module.css +2 -2
- package/dist/Common/TableOfContents/index.module.css +1 -1
- package/dist/Common/Tabs/index.module.css +1 -1
- package/dist/Common/ThemeToggle/index.d.ts +13 -2
- package/dist/Common/ThemeToggle/index.js +17 -3
- package/dist/Common/ThemeToggle/index.module.css +2 -2
- package/dist/Common/Tooltip/index.module.css +2 -2
- package/dist/Containers/Article/index.module.css +2 -2
- package/dist/Containers/Footer/index.js +2 -4
- package/dist/Containers/Footer/index.module.css +2 -2
- package/dist/Containers/FunctionSignature/index.d.ts +11 -0
- package/dist/Containers/FunctionSignature/index.js +10 -0
- package/dist/Containers/MetaBar/index.module.css +1 -1
- package/dist/Containers/NavBar/NavItem/index.module.css +1 -1
- package/dist/Containers/NavBar/index.js +4 -4
- package/dist/Containers/NavBar/index.module.css +2 -2
- package/dist/Containers/Sidebar/SidebarGroup/index.module.css +1 -1
- package/dist/Containers/Sidebar/SidebarItem/index.module.css +2 -2
- package/dist/Containers/Sidebar/index.module.css +1 -1
- package/dist/styles/index.css +2 -2
- package/package.json +31 -32
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
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.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,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
1
|
+
/*! tailwindcss v4.2.1 | 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%}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type Signature from '#ui/Common/Signature';
|
|
2
|
+
import type { ComponentProps, FC } from 'react';
|
|
3
|
+
type SignatureHeaderProps = {
|
|
4
|
+
isReturn?: boolean;
|
|
5
|
+
} & Omit<ComponentProps<typeof Signature>, 'title' | 'description'>;
|
|
6
|
+
declare const SignatureHeader: FC<SignatureHeaderProps>;
|
|
7
|
+
export default SignatureHeader;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ArrowTurnDownLeftIcon } from '@heroicons/react/24/outline';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import styles from './index.module.css';
|
|
5
|
+
const SignatureHeader = ({ name, type, optional, isReturn = false, }) => (_jsxs("div", { className: styles.header, children: [name && (_jsxs("span", { className: classNames(styles.attribute, {
|
|
6
|
+
[styles.return]: isReturn,
|
|
7
|
+
}), children: [isReturn && _jsx(ArrowTurnDownLeftIcon, {}), _jsxs("span", { className: classNames({
|
|
8
|
+
[styles.longName]: name.length > 16,
|
|
9
|
+
}), children: [name, optional && (_jsx("span", { role: "img", "aria-label": "Optional", "data-tooltip": "Optional", tabIndex: 0, children: "?" })), ":"] })] })), type && _jsx("span", { className: styles.type, children: type })] }));
|
|
10
|
+
export default SignatureHeader;
|
|
@@ -0,0 +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}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type Signature from '#ui/Common/Signature';
|
|
2
|
+
import type { ComponentProps, FC, PropsWithChildren } from 'react';
|
|
3
|
+
type SignatureItemProps = Omit<ComponentProps<typeof Signature>, 'title'>;
|
|
4
|
+
declare const SignatureItem: FC<PropsWithChildren<SignatureItemProps>>;
|
|
5
|
+
export default SignatureItem;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import SignatureHeader from '#ui/Common/Signature/SignatureHeader';
|
|
4
|
+
import styles from './index.module.css';
|
|
5
|
+
const SignatureItem = ({ kind = 'default', name, type, description, optional, children, }) => (_jsxs("div", { className: classNames(styles.item, {
|
|
6
|
+
[styles.return]: kind === 'return',
|
|
7
|
+
}), children: [_jsx(SignatureHeader, { name: name, type: type, optional: optional, isReturn: kind === 'return' }), description && _jsx("div", { className: styles.description, children: description }), children && _jsx("div", { className: styles.children, children: children })] }));
|
|
8
|
+
export default SignatureItem;
|
|
@@ -0,0 +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}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type Signature from '#ui/Common/Signature';
|
|
2
|
+
import type { ComponentProps, FC, PropsWithChildren } from 'react';
|
|
3
|
+
type SignatureRootProps = Pick<ComponentProps<typeof Signature>, 'title'>;
|
|
4
|
+
declare const SignatureRoot: FC<PropsWithChildren<SignatureRootProps>>;
|
|
5
|
+
export default SignatureRoot;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useId } from 'react';
|
|
3
|
+
import styles from './index.module.css';
|
|
4
|
+
const SignatureRoot = ({ title, children, }) => {
|
|
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 })] }));
|
|
7
|
+
};
|
|
8
|
+
export default SignatureRoot;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
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{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}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { FC, PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
export type SignatureProps = {
|
|
3
|
+
title?: string;
|
|
4
|
+
kind?: 'default' | 'return';
|
|
5
|
+
name?: string;
|
|
6
|
+
type?: ReactNode;
|
|
7
|
+
description?: ReactNode;
|
|
8
|
+
optional?: boolean;
|
|
9
|
+
};
|
|
10
|
+
declare const Signature: FC<PropsWithChildren<SignatureProps>>;
|
|
11
|
+
export default Signature;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import SignatureItem from '#ui/Common/Signature/SignatureItem';
|
|
3
|
+
import SignatureRoot from '#ui/Common/Signature/SignatureRoot';
|
|
4
|
+
const Signature = ({ kind = 'default', name, type, description, optional, title, children, }) => {
|
|
5
|
+
if (title) {
|
|
6
|
+
return _jsx(SignatureRoot, { title: title, children: children });
|
|
7
|
+
}
|
|
8
|
+
return (_jsx(SignatureItem, { kind: kind, name: name, type: type, description: description, optional: optional, children: children }));
|
|
9
|
+
};
|
|
10
|
+
export default Signature;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
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
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
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.1
|
|
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.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,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
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
|
|
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,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
1
|
+
/*! tailwindcss v4.2.1 | 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.1
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
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,3 +1,14 @@
|
|
|
1
|
-
import type { FC
|
|
2
|
-
|
|
1
|
+
import type { FC } from 'react';
|
|
2
|
+
export type Theme = 'system' | 'light' | 'dark';
|
|
3
|
+
type ThemeToggleProps = {
|
|
4
|
+
onChange?: (theme: Theme) => void;
|
|
5
|
+
currentTheme?: Theme;
|
|
6
|
+
ariaLabel?: string;
|
|
7
|
+
themeLabels?: {
|
|
8
|
+
system: string;
|
|
9
|
+
light: string;
|
|
10
|
+
dark: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
declare const ThemeToggle: FC<ThemeToggleProps>;
|
|
3
14
|
export default ThemeToggle;
|
|
@@ -1,7 +1,21 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { MoonIcon, SunIcon } from '@heroicons/react/24/outline';
|
|
2
|
+
import { ComputerDesktopIcon, MoonIcon, SunIcon, } from '@heroicons/react/24/outline';
|
|
3
|
+
import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
|
|
4
|
+
import classNames from 'classnames';
|
|
3
5
|
import styles from './index.module.css';
|
|
4
|
-
const
|
|
5
|
-
|
|
6
|
+
const themeIcons = {
|
|
7
|
+
system: ComputerDesktopIcon,
|
|
8
|
+
light: SunIcon,
|
|
9
|
+
dark: MoonIcon,
|
|
10
|
+
};
|
|
11
|
+
const themes = ['system', 'light', 'dark'];
|
|
12
|
+
const ThemeToggle = ({ onChange = () => { }, currentTheme = 'system', ariaLabel, themeLabels = { system: 'System', light: 'Light', dark: 'Dark' }, }) => {
|
|
13
|
+
const TriggerIcon = themeIcons[currentTheme];
|
|
14
|
+
return (_jsxs(DropdownMenu.Root, { children: [_jsx(DropdownMenu.Trigger, { asChild: true, children: _jsx("button", { type: "button", className: styles.themeToggle, "aria-label": ariaLabel, children: _jsx(TriggerIcon, { height: "20" }) }) }), _jsx(DropdownMenu.Portal, { children: _jsx(DropdownMenu.Content, { align: "end", className: styles.dropDownContent, sideOffset: 5, children: themes.map(theme => {
|
|
15
|
+
const Icon = themeIcons[theme];
|
|
16
|
+
return (_jsxs(DropdownMenu.Item, { onClick: () => onChange(theme), className: classNames(styles.dropDownItem, {
|
|
17
|
+
[styles.activeItem]: theme === currentTheme,
|
|
18
|
+
}), children: [_jsx(Icon, { height: "16" }), themeLabels[theme]] }, theme));
|
|
19
|
+
}) }) })] }));
|
|
6
20
|
};
|
|
7
21
|
export default ThemeToggle;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
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)}.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)}
|
|
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,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
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
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
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.1
|
|
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.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}
|
|
@@ -12,10 +12,8 @@ const footerSocialIcons = {
|
|
|
12
12
|
bluesky: Bluesky,
|
|
13
13
|
discord: Discord,
|
|
14
14
|
};
|
|
15
|
-
const Footer = ({ pathname = '/', as = 'a', navigation, slots, }) => {
|
|
16
|
-
return (_jsxs("footer", { className: styles.footer, children: [_jsxs("div", { className: styles.row, children: [_jsx("div", { className: styles.sectionPrimary, children: slots?.primary }), _jsxs("div", { className: styles.sectionSecondary, children: [slots?.secondary, _jsx("div", { className: styles.social, children: navigation.socialLinks.map(link => {
|
|
15
|
+
const Footer = ({ pathname = '/', as = 'a', navigation, slots, }) => (_jsx("footer", { className: styles.container, children: _jsxs("div", { className: styles.innerContainer, children: [_jsxs("div", { className: styles.row, children: [_jsx("div", { className: styles.sectionPrimary, children: slots?.primary }), _jsxs("div", { className: styles.sectionSecondary, children: [slots?.secondary, _jsx("div", { className: styles.social, children: navigation.socialLinks.map(link => {
|
|
17
16
|
const SocialIcon = footerSocialIcons[link.icon];
|
|
18
17
|
return (_jsx(NavItem, { href: link.link, type: "footer", as: as, pathname: pathname, children: _jsx(SocialIcon, { width: 20, height: 20, "aria-label": link.link }) }, link.icon));
|
|
19
|
-
}) })] })] }), _jsx("div", { className: classNames(styles.row, styles.legal), children: slots?.legal })] }));
|
|
20
|
-
};
|
|
18
|
+
}) })] })] }), _jsx("div", { className: classNames(styles.row, styles.legal), children: slots?.legal })] }) }));
|
|
21
19
|
export default Footer;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.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}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import Signature from '#ui/Common/Signature';
|
|
2
|
+
import type { ComponentProps, FC } from 'react';
|
|
3
|
+
type SignatureDefinition = Omit<ComponentProps<typeof Signature>, 'children'> & {
|
|
4
|
+
children?: Array<SignatureDefinition>;
|
|
5
|
+
};
|
|
6
|
+
type FunctionSignatureProps = {
|
|
7
|
+
title?: string;
|
|
8
|
+
items: Array<SignatureDefinition>;
|
|
9
|
+
};
|
|
10
|
+
declare const FunctionSignature: FC<FunctionSignatureProps>;
|
|
11
|
+
export default FunctionSignature;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import Signature from '#ui/Common/Signature';
|
|
3
|
+
const renderSignature = (param, index) => (_jsx(Signature, { name: param.name, type: param.type, optional: param.optional, description: param.description, kind: param.kind, children: param.children?.map((child, i) => renderSignature(child, i)) }, `${param.name}-${index}`));
|
|
4
|
+
const FunctionSignature = ({ title, items }) => {
|
|
5
|
+
if (title) {
|
|
6
|
+
return (_jsx(Signature, { title: title, children: items.map((param, i) => renderSignature(param, i)) }));
|
|
7
|
+
}
|
|
8
|
+
return items.map((param, i) => renderSignature(param, i));
|
|
9
|
+
};
|
|
10
|
+
export default FunctionSignature;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.wrapper{align-items:flex-start;gap:calc(var(--spacing,.25rem)*8);border-color:var(--color-neutral-200,#e9edf0);width:100%;padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*6);overflow-wrap:anywhere;flex-direction:column;display:flex}@media (min-width:64rem){.wrapper{top:calc(var(--spacing,.25rem)*0);max-height:100vh;padding-inline:calc(var(--spacing,.25rem)*6);position:sticky}}.wrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.wrapper dl{gap:calc(var(--spacing,.25rem)*1.5);width:100%;padding-bottom:calc(var(--spacing,.25rem)*12);scrollbar-width:none;flex-direction:column;display:flex}@media (min-width:64rem){.wrapper dl{max-height:calc(100vh - var(--header-height));overflow-y:auto}}.wrapper dl::-webkit-scrollbar{display:none}.wrapper dt{margin-bottom:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-neutral-800,#556066)}.wrapper dt:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.wrapper dd{margin-bottom:calc(var(--spacing,.25rem)*8);align-items:center;gap:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-900,#2c3437);display:flex}.wrapper dd:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.wrapper dd a{--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-900,#2c3437);text-decoration-line:underline}@media not all and (min-width:896px){.wrapper dd a{padding-block:calc(var(--spacing,.25rem)*1);display:inline-block}}.wrapper dd a:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.wrapper dd a:hover{color:var(--color-neutral-700,#6e7b83)}.wrapper dd a:hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500,#b1bcc2)}.wrapper dd a.codeLink{font-family:var(--font-ibm-plex-mono,var(--font-ibm-plex-mono));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.wrapper dd ol{gap:calc(var(--spacing,.25rem)*1.5);width:100%;padding:calc(var(--spacing,.25rem)*0);flex-direction:column;list-style-type:none;display:flex}.wrapper dd svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);color:var(--color-neutral-600,#929fa5)}.wrapper dd svg:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400,#cbd4d9)}.wrapper dd:last-child{margin-bottom:calc(var(--spacing,.25rem)*0)}.wrapper [data-on-dark]{display:none}.wrapper [data-on-dark]:where([data-theme=dark],[data-theme=dark] *),.wrapper [data-on-light]{display:block}.wrapper [data-on-light]:where([data-theme=dark],[data-theme=dark] *){display:none}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.navItem{align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-sm,.25rem);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);display:inline-flex}.navItem .label{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}@media (min-width:64rem){.navItem .label{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}}.navItem .icon{width:calc(var(--spacing,.25rem)*3);height:calc(var(--spacing,.25rem)*3);color:var(--color-neutral-500,#b1bcc2)}.navItem .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.navItem:hover{background-color:var(--color-neutral-100,#f6f7f9)}.navItem:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.navItem.nav .label{color:var(--color-neutral-900,#2c3437)}.navItem.nav .label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.navItem.nav.active{background-color:var(--color-green-600,#417e38)}.navItem.nav.active .label{color:var(--color-white,#fff)}.navItem.nav.active .icon{color:var(--color-white,#fff);opacity:.5}.navItem.footer .label{color:var(--color-neutral-800,#556066)}.navItem.footer .label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white,#fff)}.navItem.footer:hover{background-color:var(--color-neutral-100,#f6f7f9)}.navItem.footer:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -5,13 +5,13 @@ import * as Label from '@radix-ui/react-label';
|
|
|
5
5
|
import classNames from 'classnames';
|
|
6
6
|
import { useState } from 'react';
|
|
7
7
|
import NavItem from '#ui/Containers/NavBar/NavItem';
|
|
8
|
-
import
|
|
8
|
+
import styles from './index.module.css';
|
|
9
9
|
const navInteractionIcons = {
|
|
10
|
-
show: _jsx(Hamburger, { className:
|
|
11
|
-
close: _jsx(XMark, { className:
|
|
10
|
+
show: _jsx(Hamburger, { className: styles.navInteractionIcon }),
|
|
11
|
+
close: _jsx(XMark, { className: styles.navInteractionIcon }),
|
|
12
12
|
};
|
|
13
13
|
const NavBar = ({ children, Logo, as: Component = 'a', navItems, pathname, sidebarItemTogglerAriaLabel, }) => {
|
|
14
14
|
const [isMenuOpen, setIsMenuOpen] = useState(false);
|
|
15
|
-
return (
|
|
15
|
+
return (_jsx("nav", { className: styles.container, children: _jsxs("div", { className: styles.innerContainer, children: [_jsxs("div", { className: styles.nodeIconAndMobileItemsToggler, children: [_jsx(Component, { className: styles.nodeIconWrapper, href: "/", "aria-label": "Home", children: _jsx(Logo, {}) }), _jsx(Label.Root, { className: styles.sidebarItemTogglerLabel, htmlFor: "sidebarItemToggler", role: "button", "aria-label": sidebarItemTogglerAriaLabel, children: navInteractionIcons[isMenuOpen ? 'close' : 'show'] })] }), _jsx("input", { className: classNames('peer', styles.sidebarItemToggler), id: "sidebarItemToggler", type: "checkbox", onChange: e => setIsMenuOpen(() => e.target.checked), "aria-label": sidebarItemTogglerAriaLabel, tabIndex: -1 }), _jsxs("div", { className: classNames(styles.main, `hidden peer-checked:flex`), children: [navItems && (_jsx("div", { className: styles.navItems, children: navItems.map(({ text, link, target }) => (_jsx(NavItem, { pathname: pathname, as: Component, href: link, target: target, children: text }, link))) })), _jsx("div", { className: styles.actionsWrapper, children: children })] })] }) }));
|
|
16
16
|
};
|
|
17
17
|
export default NavBar;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
2
|
-
.container{border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff)}@media (min-width:80rem){.container{height:calc(var(--spacing,.25rem)*16);
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.container{border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff)}@media (min-width:80rem){.container{height:calc(var(--spacing,.25rem)*16);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*8);border-bottom-width:1px}}.container:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.container .innerContainer{max-width:var(--container-10xl,104rem)}@media (min-width:80rem){.container .innerContainer{height:calc(var(--spacing,.25rem)*16);align-items:center;gap:calc(var(--spacing,.25rem)*8);flex-direction:row;margin-inline:auto;display:flex}}.container .innerContainer .nodeIconAndMobileItemsToggler{height:calc(var(--spacing,.25rem)*16);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding-inline:calc(var(--spacing,.25rem)*4);flex-shrink:0;align-items:center;display:flex}@media (min-width:80rem){.container .innerContainer .nodeIconAndMobileItemsToggler{border-style:var(--tw-border-style);height:100%;padding-inline:calc(var(--spacing,.25rem)*0);border-width:0;align-items:center;display:flex}}.container .innerContainer .nodeIconAndMobileItemsToggler:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.container .innerContainer .nodeIconAndMobileItemsToggler .nodeIconWrapper{flex:1;height:30px}.container .innerContainer .nodeIconAndMobileItemsToggler .sidebarItemTogglerLabel{cursor:pointer;display:block}@media (min-width:80rem){.container .innerContainer .nodeIconAndMobileItemsToggler .sidebarItemTogglerLabel{display:none}}.container .innerContainer .nodeIconAndMobileItemsToggler .sidebarItemTogglerLabel .navInteractionIcon{width:calc(var(--spacing,.25rem)*6);height:calc(var(--spacing,.25rem)*6)}.container .innerContainer .sidebarItemToggler{right:calc(var(--spacing,.25rem)*4);z-index:-10;width:calc(var(--spacing,.25rem)*6);height:calc(var(--spacing,.25rem)*6);--tw-translate-y:-200%;translate:var(--tw-translate-x) var(--tw-translate-y);appearance:none;opacity:0;position:absolute}.container .innerContainer .main{justify-content:space-between;gap:calc(var(--spacing,.25rem)*4);flex-direction:column;flex:1}@media (min-width:80rem){.container .innerContainer .main{flex-direction:row;align-items:center;display:flex}}.container .innerContainer .navItems{gap:calc(var(--spacing,.25rem)*0);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding:calc(var(--spacing,.25rem)*4);flex-direction:column;display:flex}@media (min-width:80rem){.container .innerContainer .navItems{gap:calc(var(--spacing,.25rem)*1);border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*0);border-width:0;flex-direction:row;flex:1}}.container .innerContainer .navItems:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.container .innerContainer .actionsWrapper{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200,#e9edf0);padding:calc(var(--spacing,.25rem)*4);flex-flow:wrap;display:flex}@media (min-width:40rem){.container .innerContainer .actionsWrapper{flex-wrap:nowrap}}@media (min-width:80rem){.container .innerContainer .actionsWrapper{flex-basis:calc(var(--spacing,.25rem)*96);border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*0);border-width:0}}.container .innerContainer .actionsWrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.container .innerContainer .actionsWrapper span.searchButtonSkeleton{margin-block:1px;margin-right:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-xl,.75rem);flex-grow:1}.container .innerContainer .actionsWrapper span.searchButtonSkeleton:empty{height:calc(var(--spacing,.25rem)*10)}.container .innerContainer .actionsWrapper span.themeToggleSkeleton{width:calc(var(--spacing,.25rem)*9);height:calc(var(--spacing,.25rem)*9);border-radius:var(--radius-md,.375rem);padding-block:calc(var(--spacing,.25rem)*4)}.container .innerContainer .actionsWrapper .ghIconWrapper{width:calc(var(--spacing,.25rem)*9);height:calc(var(--spacing,.25rem)*9);border-radius:var(--radius-md,.375rem);padding:calc(var(--spacing,.25rem)*2)}.container .innerContainer .actionsWrapper .ghIconWrapper svg{fill:var(--color-neutral-700,#6e7b83)}.container .innerContainer .actionsWrapper .ghIconWrapper svg:where([data-theme=dark],[data-theme=dark] *){fill:var(--color-neutral-300,#d9e1e4)}.container .innerContainer .actionsWrapper .ghIconWrapper:hover{background-color:var(--color-neutral-100,#f6f7f9)}.container .innerContainer .actionsWrapper .ghIconWrapper:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.group{gap:calc(var(--spacing,.25rem)*2);flex-direction:column;width:100%;display:flex}.group .itemList{gap:calc(var(--spacing,.25rem)*1);flex-direction:column;display:flex}.group .groupName{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,1.33333));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-neutral-800,#556066)}.group .groupName:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-600,#929fa5)}@property --tw-font-weight{syntax:"*";inherits:false}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
2
|
-
.item{z-index:20;align-items:center;gap:calc(var(--spacing,.25rem)*1);border-radius:var(--radius-md,.375rem);width:100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-regular,400);font-weight:var(--font-weight-regular,400);color:var(--color-neutral-800,#556066);display:flex;position:relative;overflow:hidden}.item:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.item .label{align-items:center;gap:calc(var(--spacing,.25rem)*1.5);padding:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-regular,400);font-weight:var(--font-weight-regular,400);display:flex}.item .icon{width:calc(var(--spacing,.25rem)*3);height:calc(var(--spacing,.25rem)*3);color:var(--color-neutral-500,#b1bcc2)}.item .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.item:not(.active):hover{background-color:var(--color-neutral-100,#f6f7f9)}.item:not(.active):hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.item:not(.active):hover .label{color:var(--color-neutral-900,#2c3437)}.item:not(.active):hover .label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100,#f6f7f9)}.item:not(.active):hover .icon{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y);color:var(--color-green-600,#417e38)}.item:not(.active):hover .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-400,#84ba64)}.item.active{background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff)}.item.active .label{color:var(--color-white,#fff);background-color:#0000;border-radius:0}.item.active:hover{background-color:var(--color-green-600,#417e38)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
|
+
.item{z-index:20;align-items:center;gap:calc(var(--spacing,.25rem)*1);border-radius:var(--radius-md,.375rem);width:100%;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-regular,400);font-weight:var(--font-weight-regular,400);color:var(--color-neutral-800,#556066);display:flex;position:relative;overflow:hidden}.item:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.item .label{align-items:center;gap:calc(var(--spacing,.25rem)*1.5);padding:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));--tw-font-weight:var(--font-weight-regular,400);font-weight:var(--font-weight-regular,400);display:flex}.item .icon{width:calc(var(--spacing,.25rem)*3);height:calc(var(--spacing,.25rem)*3);color:var(--color-neutral-500,#b1bcc2)}.item .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.item:not(.active):hover{background-color:var(--color-neutral-100,#f6f7f9)}.item:not(.active):hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.item:not(.active):hover .label{color:var(--color-neutral-900,#2c3437)}.item:not(.active):hover .label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100,#f6f7f9)}.item:not(.active):hover .icon{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y);color:var(--color-green-600,#417e38)}.item:not(.active):hover .icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-400,#84ba64)}.item.active{background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff)}.item.active .label{color:var(--color-white,#fff);background-color:#0000;border-radius:0}.item.active:hover{background-color:var(--color-green-600,#417e38)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! tailwindcss v4.1
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
2
|
.wrapper{z-index:0;gap:calc(var(--spacing,.25rem)*8);border-right-style:var(--tw-border-style);border-right-width:0;border-color:var(--color-neutral-200,#e9edf0);background-color:var(--color-white,#fff);width:100%;padding-inline:calc(var(--spacing,.25rem)*4);padding-top:calc(var(--spacing,.25rem)*6);scrollbar-width:thin;flex-direction:column;display:flex}@media (min-width:896px){.wrapper{max-width:var(--container-xs,20rem);border-right-style:var(--tw-border-style);padding-bottom:var(--header-height);border-right-width:1px;overflow:auto}}@media (min-width:96rem){.wrapper{padding-inline:calc(var(--spacing,.25rem)*6)}}.wrapper:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c)}.wrapper .navigation{display:none}@media (min-width:896px){.wrapper .navigation{display:flex}}.wrapper .mobileSelect{width:100%;display:flex}@media (min-width:896px){.wrapper .mobileSelect{display:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|