@node-core/ui-components 1.5.9 → 1.6.0

package/dist/Common/Select/index.d.ts

@@ -0,0 +1,34 @@
+import type { FormattedMessage, LinkLike } from '#ui/types';
+import type { ReactElement, ReactNode } from 'react';
+export type SelectValue<T extends string> = {
+    label: FormattedMessage | string;
+    value: T;
+    iconImage?: ReactElement<SVGSVGElement>;
+    disabled?: boolean;
+};
+export type SelectGroup<T extends string> = {
+    label?: FormattedMessage | string;
+    items: Array<SelectValue<T>>;
+};
+export type SelectProps<T extends string> = {
+    values: Array<SelectGroup<T>> | Array<T> | Array<SelectValue<T>>;
+    defaultValue?: T;
+    placeholder?: string;
+    label?: string;
+    inline?: boolean;
+    onChange?: (value: T) => void;
+    className?: string;
+    /**
+     * Allows passing custom CSS classes to the dropdown container element.
+     * This is useful for overriding default styles, such as adjusting `max-height`.
+     * The dropdown is rendered within a `Portal`.
+     */
+    dropdownClassName?: string;
+    ariaLabel?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    fallbackClass?: string;
+    as?: LinkLike | 'div';
+};
+declare const Select: <T extends string>({ values, defaultValue, placeholder, label, inline, onChange, className, dropdownClassName, ariaLabel, loading, disabled, fallbackClass, }: SelectProps<T>) => ReactNode;
+export default Select;

package/{Common → dist/Common}/Select/index.module.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-.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:99;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}
+.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}

package/dist/Common/Select/utils.d.ts

@@ -0,0 +1,5 @@
+export declare const isStringArray: (values: Array<unknown>) => values is Array<string>;
+export declare const isValuesArray: <T>(values: Array<unknown>) => values is Array<T>;
+export declare const mapValues: (values: Array<unknown>) => {
+    items: unknown[];
+}[];

package/dist/Common/Separator/index.d.ts

@@ -0,0 +1,4 @@
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import type { FC, ComponentProps } from 'react';
+declare const Separator: FC<ComponentProps<typeof SeparatorPrimitive.Root>>;
+export default Separator;

package/dist/Common/Skeleton/index.d.ts

@@ -0,0 +1,8 @@
+import type { FC, PropsWithChildren } from 'react';
+type SkeletonProps = {
+    hide?: boolean;
+    loading?: boolean;
+    className?: string;
+};
+declare const Skeleton: FC<PropsWithChildren<SkeletonProps>>;
+export default Skeleton;

package/dist/Common/SkipToContentButton/index.d.ts

@@ -0,0 +1,4 @@
+import type { FC, AnchorHTMLAttributes, PropsWithChildren } from 'react';
+type SkipToContentButtonProps = PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>;
+declare const SkipToContentButton: FC<SkipToContentButtonProps>;
+export default SkipToContentButton;

package/dist/Common/Switch/index.d.ts

@@ -0,0 +1,8 @@
+import type { FC, PropsWithChildren, InputHTMLAttributes } from 'react';
+type SwitchProps = InputHTMLAttributes<HTMLInputElement> & {
+    id: string;
+    label?: string;
+    thumbClassName?: string;
+};
+declare const Switch: FC<PropsWithChildren<SwitchProps>>;
+export default Switch;

package/dist/Common/TableOfContents/index.d.ts

@@ -0,0 +1,12 @@
+import type { LinkLike } from '#ui/types';
+import type { Heading } from '@vcarl/remark-headings';
+import type { ComponentProps, FC } from 'react';
+type TableOfContentsProps = ComponentProps<'details'> & {
+    headings: Array<Heading>;
+    summaryTitle: string;
+    minDepth?: number;
+    maxDepth?: number;
+    as?: LinkLike;
+};
+declare const TableOfContents: FC<TableOfContentsProps>;
+export default TableOfContents;

package/{Common → dist/Common}/TableOfContents/index.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronRightIcon } from '@heroicons/react/24/outline';
 import classNames from 'classnames';
+import { CODE_LIKE_TYPES } from '#ui/constants';
 import styles from './index.module.css';
 const depthClasses = {
     3: styles.depthThree,
@@ -8,6 +9,8 @@ const depthClasses = {
 };
 const TableOfContents = ({ headings, summaryTitle, minDepth = 2, className, maxDepth = 4, as: Component = 'a', ...props }) => {
     const filteredHeadings = headings.filter(({ depth }) => depth >= minDepth && depth <= maxDepth);
-    return (_jsxs("details", { className: classNames(styles.details, className), ...props, children: [_jsxs("summary", { className: styles.summary, children: [_jsx(ChevronRightIcon, { className: styles.icon }), " ", summaryTitle] }), _jsx("ul", { className: styles.list, children: filteredHeadings.map((head, index) => (_jsx("li", { children: _jsx(Component, { href: head.data?.id && `#${head.data.id}`, className: classNames(styles.link, depthClasses[head.depth]), children: head.value }) }, head.data?.id ?? index))) })] }));
+    return (_jsxs("details", { className: classNames(styles.details, className), ...props, children: [_jsxs("summary", { className: styles.summary, children: [_jsx(ChevronRightIcon, { className: styles.icon }), " ", summaryTitle] }), _jsx("ul", { className: styles.list, children: filteredHeadings.map((head, index) => (_jsx("li", { children: _jsx(Component, { href: head.data?.id && `#${head.data.id}`, className: classNames(styles.link, depthClasses[head.depth], {
+                            [styles.codeLink]: CODE_LIKE_TYPES.has(head.data?.type ?? ''),
+                        }), children: head.value }) }, head.data?.id ?? index))) })] }));
 };
 export default TableOfContents;

package/{Common → dist/Common}/TableOfContents/index.module.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-.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:64rem){.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 .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}
+.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}

package/dist/Common/Tabs/index.d.ts

@@ -0,0 +1,16 @@
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import type { FC, PropsWithChildren, ReactNode } from 'react';
+type Tab = {
+    key: string;
+    label: string;
+    secondaryLabel?: string;
+    value?: string;
+    extension?: string;
+};
+type TabsProps = TabsPrimitive.TabsProps & {
+    tabs: Array<Tab>;
+    addons?: ReactNode;
+    triggerClassName?: string;
+};
+declare const Tabs: FC<PropsWithChildren<TabsProps>>;
+export default Tabs;

package/dist/Common/Tabs/index.module.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+.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}

package/dist/Common/ThemeToggle/index.d.ts

@@ -0,0 +1,3 @@
+import type { FC, ButtonHTMLAttributes } from 'react';
+declare const ThemeToggle: FC<ButtonHTMLAttributes<HTMLButtonElement>>;
+export default ThemeToggle;

package/dist/Common/ThemeToggle/index.module.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+.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)}

package/dist/Common/Tooltip/index.d.ts

@@ -0,0 +1,11 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import type { FC, PropsWithChildren, ReactNode } from 'react';
+type TooltipProps = {
+    asChild?: boolean;
+    content: ReactNode;
+    kind?: 'default' | 'warning' | 'error';
+    side?: TooltipPrimitive.TooltipContentProps['side'];
+    container?: HTMLElement | null;
+};
+declare const Tooltip: FC<PropsWithChildren<TooltipProps>>;
+export default Tooltip;

package/dist/Containers/Article/index.d.ts

@@ -0,0 +1,3 @@
+import type { FC, PropsWithChildren } from 'react';
+declare const ArticleLayout: FC<PropsWithChildren>;
+export default ArticleLayout;

package/dist/Containers/Article/index.module.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+.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}

package/dist/Containers/Footer/index.d.ts

@@ -0,0 +1,25 @@
+import type { LinkLike } from '#ui/types';
+import type { FC, ReactNode } from 'react';
+type Navigation = {
+    socialLinks: Array<{
+        icon: string;
+        link: string;
+    }>;
+    footerLinks: Array<{
+        text: string;
+        link: string;
+    }>;
+};
+type ExtraNavigationSlots = {
+    primary?: ReactNode;
+    secondary?: ReactNode;
+    legal?: ReactNode;
+};
+type FooterProps = {
+    pathname: string;
+    as: LinkLike;
+    navigation: Navigation;
+    slots?: ExtraNavigationSlots;
+};
+declare const Footer: FC<FooterProps>;
+export default Footer;

package/dist/Containers/MetaBar/index.d.ts

@@ -0,0 +1,14 @@
+import type { LinkLike } from '#ui/types';
+import type { Heading } from '@vcarl/remark-headings';
+import type { FC, HTMLAttributes } from 'react';
+type MetaBarProps = {
+    items: Partial<Record<string, React.ReactNode>>;
+    headings?: {
+        items: Array<Heading>;
+        minDepth?: number;
+    };
+    as?: LinkLike;
+    heading: string;
+} & HTMLAttributes<HTMLElement>;
+declare const MetaBar: FC<MetaBarProps>;
+export default MetaBar;

package/{Containers → dist/Containers}/MetaBar/index.js

@@ -1,5 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import classNames from 'classnames';
 import { Fragment, useMemo } from 'react';
+import { CODE_LIKE_TYPES } from '#ui/constants';
 import styles from './index.module.css';
 const MetaBar = ({ items, headings, as: Component = 'a', heading, ...props }) => {
     // The default depth of headings to display in the table of contents.
@@ -7,6 +9,8 @@ const MetaBar = ({ items, headings, as: Component = 'a', heading, ...props }) =>
     const filteredHeadings = useMemo(() => headingItems.filter(({ depth }) => depth >= minDepth && depth <= 4), [minDepth, headingItems]);
     return (_jsx("aside", { className: styles.wrapper, ...props, children: _jsxs("dl", { children: [Object.entries(items)
                     .filter(([, value]) => !!value)
-                    .map(([key, value]) => (_jsxs(Fragment, { children: [_jsx("dt", { children: key }), _jsx("dd", { children: value })] }, key))), filteredHeadings.length > 0 && (_jsxs(_Fragment, { children: [_jsx("dt", { children: heading }), _jsx("dd", { children: _jsx("ol", { children: filteredHeadings.map(head => (_jsx("li", { className: head.depth === 3 ? 'pl-2' : head.depth === 4 ? 'pl-4' : '', children: _jsxs(Component, { href: `#${head.data?.id}`, children: [' ', head.value] }) }, head.data?.id))) }) })] }))] }) }));
+                    .map(([key, value]) => (_jsxs(Fragment, { children: [_jsx("dt", { children: key }), _jsx("dd", { children: value })] }, key))), filteredHeadings.length > 0 && (_jsxs(_Fragment, { children: [_jsx("dt", { children: heading }), _jsx("dd", { children: _jsx("ol", { children: filteredHeadings.map(head => (_jsx("li", { className: head.depth === 3 ? 'pl-2' : head.depth === 4 ? 'pl-4' : '', children: _jsx(Component, { href: `#${head.data?.id}`, className: classNames({
+                                            [styles.codeLink]: CODE_LIKE_TYPES.has(head.data?.type ?? ''),
+                                        }), children: head.value }) }, head.data?.id))) }) })] }))] }) }));
 };
 export default MetaBar;

package/{Containers → dist/Containers}/MetaBar/index.module.css

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-.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 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}
+.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}

package/dist/Containers/NavBar/NavItem/index.d.ts

@@ -0,0 +1,13 @@
+import type { LinkLike } from '#ui/types';
+import type { FC, HTMLAttributeAnchorTarget, PropsWithChildren } from 'react';
+type NavItemType = 'nav' | 'footer';
+type NavItemProps = {
+    href: string;
+    type?: NavItemType;
+    className?: string;
+    target?: HTMLAttributeAnchorTarget | undefined;
+    pathname: string;
+    as: LinkLike;
+};
+declare const NavItem: FC<PropsWithChildren<NavItemProps>>;
+export default NavItem;

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

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+.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}

package/dist/Containers/NavBar/index.d.ts

@@ -0,0 +1,15 @@
+import type { FormattedMessage, LinkLike } from '#ui/types';
+import type { FC, HTMLAttributeAnchorTarget, PropsWithChildren, ElementType } from 'react';
+type NavbarProps = {
+    navItems?: Array<{
+        text: FormattedMessage;
+        link: string;
+        target?: HTMLAttributeAnchorTarget | undefined;
+    }>;
+    Logo: ElementType;
+    as: LinkLike;
+    pathname: string;
+    sidebarItemTogglerAriaLabel: string;
+};
+declare const NavBar: FC<PropsWithChildren<NavbarProps>>;
+export default NavBar;

package/dist/Containers/Sidebar/SidebarGroup/index.d.ts

@@ -0,0 +1,12 @@
+import SidebarItem from '#ui/Containers/Sidebar/SidebarItem';
+import type { FormattedMessage, LinkLike } from '#ui/types';
+import type { ComponentProps, FC } from 'react';
+type SidebarGroupProps = {
+    groupName: FormattedMessage;
+    items: Array<Omit<ComponentProps<typeof SidebarItem>, 'as' | 'pathname'>>;
+    as?: LinkLike;
+    pathname?: string;
+    className: string;
+};
+declare const SidebarGroup: FC<SidebarGroupProps>;
+export default SidebarGroup;

package/dist/Containers/Sidebar/SidebarItem/index.d.ts

@@ -0,0 +1,10 @@
+import type { FormattedMessage, LinkLike } from '#ui/types';
+import type { FC } from 'react';
+type SidebarItemProps = {
+    label: FormattedMessage;
+    link: string;
+    as?: LinkLike;
+    pathname?: string;
+};
+declare const SidebarItem: FC<SidebarItemProps>;
+export default SidebarItem;

package/dist/Containers/Sidebar/index.d.ts

@@ -0,0 +1,15 @@
+import SidebarGroup from '#ui/Containers/Sidebar/SidebarGroup';
+import type { LinkLike } from '#ui/types';
+import type { ComponentProps } from 'react';
+type SidebarProps = {
+    groups: Array<Pick<ComponentProps<typeof SidebarGroup>, 'items' | 'groupName'>>;
+    pathname?: string;
+    title: string;
+    onSelect: (value: string) => void;
+    as?: LinkLike;
+    placeholder?: string;
+};
+declare const SideBar: import("react").ForwardRefExoticComponent<SidebarProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLElement>>;
+export default SideBar;

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

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+.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}

package/dist/Icons/HexagonGrid.d.ts

@@ -0,0 +1,4 @@
+import type { FC, SVGProps } from 'react';
+type HexagonGridProps = SVGProps<SVGSVGElement>;
+declare const HexagonGrid: FC<HexagonGridProps>;
+export default HexagonGrid;

package/dist/Icons/InstallationMethod/Choco.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const Choco: FC<SVGProps<SVGSVGElement>>;
+export default Choco;

package/dist/Icons/InstallationMethod/Docker.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const Docker: FC<SVGProps<SVGSVGElement>>;
+export default Docker;

package/dist/Icons/InstallationMethod/FNM.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const FNM: FC<SVGProps<SVGSVGElement>>;
+export default FNM;

package/dist/Icons/InstallationMethod/Homebrew.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const Homebrew: FC<SVGProps<SVGSVGElement>>;
+export default Homebrew;

package/dist/Icons/InstallationMethod/N.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const N: FC<SVGProps<SVGSVGElement>>;
+export default N;

package/dist/Icons/InstallationMethod/NVM.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const NVM: FC<SVGProps<SVGSVGElement>>;
+export default NVM;

package/dist/Icons/InstallationMethod/Volta.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const Volta: FC<SVGProps<SVGSVGElement>>;
+export default Volta;

package/dist/Icons/InstallationMethod/index.js

@@ -0,0 +1,8 @@
+import Choco from '#ui/Icons/InstallationMethod/Choco';
+import Docker from '#ui/Icons/InstallationMethod/Docker';
+import FNM from '#ui/Icons/InstallationMethod/FNM';
+import Homebrew from '#ui/Icons/InstallationMethod/Homebrew';
+import N from '#ui/Icons/InstallationMethod/N';
+import NVM from '#ui/Icons/InstallationMethod/NVM';
+import Volta from '#ui/Icons/InstallationMethod/Volta';
+export { Choco, Docker, FNM, Homebrew, N, NVM, Volta };

package/dist/Icons/Logos/JsWhite.d.ts

@@ -0,0 +1,4 @@
+import type { TailwindSVG } from '#ui/types';
+import type { FC } from 'react';
+declare const JsWhiteIcon: FC<TailwindSVG>;
+export default JsWhiteIcon;

package/dist/Icons/Logos/Nodejs.d.ts

@@ -0,0 +1,7 @@
+import type { LogoVariant } from '#ui/types';
+import type { FC, SVGProps } from 'react';
+export type NodeJsLogoProps = SVGProps<SVGSVGElement> & {
+    variant?: LogoVariant;
+};
+declare const NodejsIcon: FC<NodeJsLogoProps>;
+export default NodejsIcon;

package/dist/Icons/Logos/index.js

@@ -0,0 +1,3 @@
+import JsWhite from '#ui/Icons/Logos/JsWhite';
+import Nodejs from '#ui/Icons/Logos/Nodejs';
+export { JsWhite, Nodejs };

package/dist/Icons/OperatingSystem/AIX.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const AIX: FC<SVGProps<SVGSVGElement>>;
+export default AIX;

package/dist/Icons/OperatingSystem/Apple.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const Apple: FC<SVGProps<SVGSVGElement>>;
+export default Apple;

package/dist/Icons/OperatingSystem/Linux.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const Linux: FC<SVGProps<SVGSVGElement>>;
+export default Linux;

package/dist/Icons/OperatingSystem/Microsoft.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const Microsoft: FC<SVGProps<SVGSVGElement>>;
+export default Microsoft;

package/dist/Icons/OperatingSystem/index.js

@@ -0,0 +1,5 @@
+import AIX from '#ui/Icons/OperatingSystem/AIX';
+import Apple from '#ui/Icons/OperatingSystem/Apple';
+import Linux from '#ui/Icons/OperatingSystem/Linux';
+import Microsoft from '#ui/Icons/OperatingSystem/Microsoft';
+export { AIX, Apple, Linux, Microsoft };

package/dist/Icons/PackageManager/Npm.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const NpmIcon: FC<SVGProps<SVGSVGElement>>;
+export default NpmIcon;

package/dist/Icons/PackageManager/Pnpm.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const PnpmIcon: FC<SVGProps<SVGSVGElement>>;
+export default PnpmIcon;

package/dist/Icons/PackageManager/Yarn.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const YarnIcon: FC<SVGProps<SVGSVGElement>>;
+export default YarnIcon;

package/dist/Icons/PackageManager/index.js

@@ -0,0 +1,4 @@
+import NPM from '#ui/Icons/PackageManager/Npm';
+import PNPM from '#ui/Icons/PackageManager/Pnpm';
+import YARN from '#ui/Icons/PackageManager/Yarn';
+export { NPM, PNPM, YARN };

package/dist/Icons/PartnerLogos/ARM/Favicon.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const ARM: FC<SVGProps<SVGSVGElement>>;
+export default ARM;

package/dist/Icons/PartnerLogos/ARM/Logo.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const ARM: FC<SVGProps<SVGSVGElement>>;
+export default ARM;

package/dist/Icons/PartnerLogos/Cloudflare/Favicon.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const Cloudflare: FC<SVGProps<SVGSVGElement>>;
+export default Cloudflare;

package/dist/Icons/PartnerLogos/Cloudflare/Logo.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const Cloudflare: FC<SVGProps<SVGSVGElement>>;
+export default Cloudflare;

package/dist/Icons/PartnerLogos/Codemod/Favicon.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const Codemod: FC<SVGProps<SVGSVGElement>>;
+export default Codemod;

package/dist/Icons/PartnerLogos/Codemod/Logo.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const Codemod: FC<SVGProps<SVGSVGElement>>;
+export default Codemod;

package/dist/Icons/PartnerLogos/Crowdin/Favicon.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const Crowdin: FC<SVGProps<SVGSVGElement>>;
+export default Crowdin;

package/dist/Icons/PartnerLogos/Crowdin/Logo.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const Crowdin: FC<SVGProps<SVGSVGElement>>;
+export default Crowdin;

package/dist/Icons/PartnerLogos/DataDog/Favicon.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const DataDog: FC<SVGProps<SVGSVGElement>>;
+export default DataDog;

package/dist/Icons/PartnerLogos/DataDog/Logo.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const DataDog: FC<SVGProps<SVGSVGElement>>;
+export default DataDog;

package/dist/Icons/PartnerLogos/DigitalOcean/Favicon.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const DigitalOcean: FC<SVGProps<SVGSVGElement>>;
+export default DigitalOcean;

package/{Icons → dist/Icons}/PartnerLogos/DigitalOcean/Favicon.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-const DigitalOcean = props => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "65.2 173.5 180 180", enableBackground: "new 65.2 173.5 180 180", className: classNames('text-[#0080FF] dark:text-white', props.className), children: _jsx("g", { id: "XMLID_229_", children: _jsx("g", { id: "XMLID_690_", children: _jsx("g", { id: "XMLID_691_", children: _jsx("g", { children: _jsxs("g", { id: "XMLID_44_", children: [_jsx("g", { id: "XMLID_48_", children: _jsx("path", { id: "XMLID_49_", fill: "currentColor", d: "M155.2,351.7v-34.2c36.2,0,64.3-35.9,50.4-74c-5.1-14.1-16.4-25.4-30.5-30.5\n                  c-38.1-13.8-74,14.2-74,50.4l0,0H67c0-57.7,55.8-102.7,116.3-83.8c26.4,8.3,47.5,29.3,55.7,55.7\n                  C257.9,295.9,213,351.7,155.2,351.7z" }) }), _jsx("polygon", { id: "XMLID_47_", fill: "currentColor", points: "155.3,317.6 121.3,317.6 121.3,283.6 121.3,283.6 155.3,283.6 155.3,283.6" }), _jsx("polygon", { id: "XMLID_46_", fill: "currentColor", points: "121.3,343.8 95.1,343.8 95.1,343.8 95.1,317.6 121.3,317.6" }), _jsx("path", { id: "XMLID_45_", fill: "currentColor", d: "M95.1,317.6H73.2l0,0v-21.9l0,0h21.9l0,0V317.6z" })] }) }) }) }) }) }));
+const DigitalOcean = props => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "65.2 173.5 180 180", enableBackground: "new 65.2 173.5 180 180", className: classNames('text-[#0080FF] dark:text-white', props.className), children: _jsx("g", { id: "XMLID_229_", children: _jsx("g", { id: "XMLID_690_", children: _jsx("g", { id: "XMLID_691_", children: _jsx("g", { children: _jsxs("g", { id: "XMLID_44_", children: [_jsx("g", { id: "XMLID_48_", children: _jsx("path", { id: "XMLID_49_", fill: "currentColor", d: "M155.2,351.7v-34.2c36.2,0,64.3-35.9,50.4-74c-5.1-14.1-16.4-25.4-30.5-30.5c-38.1-13.8-74,14.2-74,50.4l0,0H67c0-57.7,55.8-102.7,116.3-83.8c26.4,8.3,47.5,29.3,55.7,55.7C257.9,295.9,213,351.7,155.2,351.7z" }) }), _jsx("polygon", { id: "XMLID_47_", fill: "currentColor", points: "155.3,317.6 121.3,317.6 121.3,283.6 121.3,283.6 155.3,283.6 155.3,283.6" }), _jsx("polygon", { id: "XMLID_46_", fill: "currentColor", points: "121.3,343.8 95.1,343.8 95.1,343.8 95.1,317.6 121.3,317.6" }), _jsx("path", { id: "XMLID_45_", fill: "currentColor", d: "M95.1,317.6H73.2l0,0v-21.9l0,0h21.9l0,0V317.6z" })] }) }) }) }) }) }));
 export default DigitalOcean;

package/dist/Icons/PartnerLogos/DigitalOcean/Logo.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const DigitalOcean: FC<SVGProps<SVGSVGElement>>;
+export default DigitalOcean;

package/dist/Icons/PartnerLogos/EquinixMetal/Favicon.d.ts

@@ -0,0 +1,3 @@
+import type { FC, SVGProps } from 'react';
+declare const EquinixMetal: FC<SVGProps<SVGSVGElement>>;
+export default EquinixMetal;