@node-core/ui-components 1.5.9 → 1.6.0

package/README.md

@@ -8,3 +8,23 @@ The components are based on [this design file](https://www.figma.com/design/a10c
 Most components in this package are available on [Chromatic](https://www.chromatic.com/library?appId=64c7d71358830e9105808652).
 
 For additional details regarding specific components, refer to the [nodejs/nodejs.org](https://github.com/nodejs/nodejs.org) repository.
+
+## Local development
+
+To use this package via `npm link` in another repo (for example, doc-kit), build the
+compiled outputs and keep them updated while you work.
+
+```bash
+# From nodejs.org/packages/ui-components
+pnpm install
+node --run compile:watch
+
+# In another terminal, still in nodejs.org/packages/ui-components
+npm link
+
+# From the consumer repo (for example doc-kit)
+npm link @node-core/ui-components
+```
+
+The `compile:watch` script keeps `dist/` up to date so consumers resolve compiled
+CSS and JavaScript instead of the raw Tailwind source.

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

@@ -0,0 +1,8 @@
+import type { FC, PropsWithChildren } from 'react';
+type AlertBoxProps = PropsWithChildren<{
+    level: 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+    title?: string;
+    size?: 'default' | 'small';
+}>;
+declare const AlertBox: FC<AlertBoxProps>;
+export default AlertBox;

package/dist/Common/AvatarGroup/Avatar/index.d.ts

@@ -0,0 +1,13 @@
+import type { LinkLike } from '#ui/types';
+import type { HTMLAttributes } from 'react';
+export type AvatarProps = {
+    image?: string;
+    name?: string;
+    nickname: string;
+    fallback?: string;
+    size?: 'small' | 'medium';
+    url?: string;
+    as?: LinkLike | 'div';
+};
+declare const Avatar: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & AvatarProps & import("react").RefAttributes<HTMLSpanElement>>;
+export default Avatar;

package/dist/Common/AvatarGroup/Overlay/index.d.ts

@@ -0,0 +1,7 @@
+import Avatar from '#ui/Common/AvatarGroup/Avatar';
+import type { ComponentProps, FC } from 'react';
+export type AvatarOverlayProps = ComponentProps<typeof Avatar> & {
+    url?: string;
+};
+declare const AvatarOverlay: FC<AvatarOverlayProps>;
+export default AvatarOverlay;

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

@@ -0,0 +1,13 @@
+import type { AvatarProps } from '#ui/Common/AvatarGroup/Avatar';
+import type { LinkLike } from '#ui/types';
+import type { FC } from 'react';
+type AvatarGroupProps = {
+    avatars: Array<AvatarProps>;
+    limit?: number;
+    isExpandable?: boolean;
+    size?: AvatarProps['size'];
+    container?: HTMLElement;
+    as?: LinkLike;
+};
+declare const AvatarGroup: FC<AvatarGroupProps>;
+export default AvatarGroup;

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

@@ -0,0 +1,9 @@
+import type { FC, HTMLAttributes, PropsWithChildren } from 'react';
+export type BadgeKind = 'default' | 'warning' | 'error' | 'info' | 'neutral';
+type BadgeSize = 'small' | 'medium';
+type BadgeProps = HTMLAttributes<HTMLSpanElement> & {
+    size?: BadgeSize;
+    kind?: BadgeKind;
+};
+declare const Badge: FC<PropsWithChildren<BadgeProps>>;
+export default Badge;

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

@@ -0,0 +1,11 @@
+import Badge from '#ui/Common/Badge';
+import type { LinkLike } from '#ui/types';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
+type BadgeGroupProps = {
+    kind?: ComponentProps<typeof Badge>['kind'];
+    size?: ComponentProps<typeof Badge>['size'];
+    badgeText?: string;
+    as?: LinkLike;
+} & ComponentProps<LinkLike>;
+declare const BadgeGroup: FC<PropsWithChildren<BadgeGroupProps>>;
+export default BadgeGroup;

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

@@ -0,0 +1,6 @@
+import type { FC, HTMLAttributes, PropsWithChildren } from 'react';
+export type BannerProps = {
+    type?: 'default' | 'warning' | 'error';
+} & HTMLAttributes<HTMLElement>;
+declare const Banner: FC<PropsWithChildren<BannerProps>>;
+export default Banner;

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

@@ -0,0 +1,10 @@
+import type { LinkLike } from '#ui/types';
+import type { ComponentProps, FC } from 'react';
+export type ActiveLocalizedLinkProps = ComponentProps<LinkLike> & {
+    activeClassName?: string;
+    allowSubPath?: boolean;
+    pathname?: string;
+    as?: LinkLike;
+};
+declare const BaseActiveLink: FC<ActiveLocalizedLinkProps>;
+export default BaseActiveLink;

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

@@ -0,0 +1,10 @@
+import type { LinkLike } from '#ui/types';
+import type { FC, AnchorHTMLAttributes, ButtonHTMLAttributes } from 'react';
+export type ButtonProps = (AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>) & {
+    kind?: 'neutral' | 'primary' | 'secondary' | 'special' | 'warning' | 'info';
+    size?: 'default' | 'small';
+    disabled?: boolean;
+    as?: LinkLike;
+};
+declare const BaseButton: FC<ButtonProps>;
+export default BaseButton;

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

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+.button{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*4.5);padding-block:calc(var(--spacing,.25rem)*2.5);text-align:center;--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);display:inline-flex;position:relative}.button svg{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5)}.button[aria-disabled=true]{cursor:not-allowed}.button.small{padding-inline:calc(var(--spacing,.25rem)*3);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))}.button.neutral{border-radius:var(--radius-sm,.25rem);background-color:var(--color-neutral-900,#2c3437);color:var(--color-white,#fff)}.button.neutral:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200,#e9edf0)}.button.neutral:hover:not([aria-disabled=true]){background-color:var(--color-neutral-800,#556066)}.button.neutral[aria-disabled=true]{background-color:var(--color-neutral-900,#2c3437);opacity:.5}.button.neutral:focus{background-color:var(--color-neutral-800,#556066)}.button.primary{border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-green-600,#417e38);background-color:var(--color-green-600,#417e38);color:var(--color-white,#fff);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d)}@supports (color:color-mix(in lab, red, red)){.button.primary{--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)5%,transparent))}}.button.primary{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.button.primary:hover:not([aria-disabled=true]){border-color:var(--color-green-700,#2c682c);background-color:var(--color-green-700,#2c682c);color:var(--color-white,#fff)}.button.primary:focus{border-color:var(--color-green-700,#2c682c);background-color:var(--color-green-700,#2c682c)}.button.primary[aria-disabled=true]{background-color:var(--color-green-600,#417e38);opacity:.5}.button.secondary{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200,#e9edf0);color:var(--color-neutral-800,#556066)}.button.secondary:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-200,#e9edf0)}.button.secondary:hover:not([aria-disabled=true]){background-color:var(--color-neutral-200,#e9edf0);color:var(--color-neutral-800,#556066)}.button.secondary:hover:not([aria-disabled=true]):where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-200,#e9edf0)}.button.secondary[aria-disabled=true]{opacity:.5;background-color:#0000}.button.secondary:focus{background-color:var(--color-neutral-100,#f6f7f9);color:var(--color-neutral-800,#556066)}.button.secondary:focus:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-200,#e9edf0)}.button.special{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:#417e384d}@supports (color:color-mix(in lab, red, red)){.button.special{border-color:color-mix(in oklab,var(--color-green-600,#417e38)30%,transparent)}}.button.special{background-color:#417e381a}@supports (color:color-mix(in lab, red, red)){.button.special{background-color:color-mix(in oklab,var(--color-green-600,#417e38)10%,transparent)}}.button.special{color:var(--color-white,#fff);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d)}@supports (color:color-mix(in lab, red, red)){.button.special{--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)5%,transparent))}}.button.special{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.button.special:before{content:var(--tw-content);content:var(--tw-content);top:calc(var(--spacing,.25rem)*0);content:var(--tw-content);right:calc(var(--spacing,.25rem)*0);content:var(--tw-content);left:calc(var(--spacing,.25rem)*0);content:var(--tw-content);z-index:-10;content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);background-image:radial-gradient(8em circle at 50%10px,var(--color-green-400),transparent 30%);content:var(--tw-content);opacity:.3;--tw-content:"";content:var(--tw-content);width:100%;height:100%;margin-inline:auto;position:absolute}.button.special:after{content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);top:-1px;right:calc(var(--spacing,.25rem)*0);content:var(--tw-content);left:calc(var(--spacing,.25rem)*0);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);content:var(--tw-content);--tw-gradient-position:to right;width:40%;height:1px;margin-inline:auto;position:absolute}@supports (background-image:linear-gradient(in lab, red, red)){.button.special:after{--tw-gradient-position:to right in oklab}}.button.special:after{background-image:linear-gradient(var(--tw-gradient-stops));content:var(--tw-content);--tw-gradient-from:#0000}@supports (color:color-mix(in lab, red, red)){.button.special:after{--tw-gradient-from:color-mix(in oklab,var(--color-green-600,#417e38)0%,transparent)}}.button.special:after{--tw-gradient-stops:var(--tw-gradient-via-stops);content:var(--tw-content);--tw-gradient-via:var(--color-green-600,#417e38);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);content:var(--tw-content);--tw-gradient-to:#0000}@supports (color:color-mix(in lab, red, red)){.button.special:after{--tw-gradient-to:color-mix(in oklab,var(--color-green-600,#417e38)0%,transparent)}}.button.special:after{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-content:"";content:var(--tw-content)}.button.special[aria-disabled=true]{opacity:.5}.button.special:hover:not([aria-disabled=true]){background-color:#417e3833}@supports (color:color-mix(in lab, red, red)){.button.special:hover:not([aria-disabled=true]){background-color:color-mix(in oklab,var(--color-green-600,#417e38)20%,transparent)}}.button.special:focus{background-color:#417e3833}@supports (color:color-mix(in lab, red, red)){.button.special:focus{background-color:color-mix(in oklab,var(--color-green-600,#417e38)20%,transparent)}}.button.warning{border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-warning-600,#ae5f00);background-color:var(--color-warning-600,#ae5f00);color:var(--color-white,#fff);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d)}@supports (color:color-mix(in lab, red, red)){.button.warning{--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)5%,transparent))}}.button.warning{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.button.warning:hover:not([aria-disabled=true]){border-color:var(--color-warning-700,#8b4d04);background-color:var(--color-warning-700,#8b4d04);color:var(--color-white,#fff)}.button.warning:focus{border-color:var(--color-warning-700,#8b4d04);background-color:var(--color-warning-700,#8b4d04)}.button.warning[aria-disabled=true]{background-color:var(--color-warning-600,#ae5f00);opacity:.5}.button.info{border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-info-600,#0c7bb3);background-color:var(--color-info-600,#0c7bb3);color:var(--color-white,#fff);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#1018280d)}@supports (color:color-mix(in lab, red, red)){.button.info{--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,color-mix(in oklab,var(--color-shadow,#101828)5%,transparent))}}.button.info{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.button.info:hover:not([aria-disabled=true]){border-color:var(--color-info-700,#066291);background-color:var(--color-info-700,#066291);color:var(--color-white,#fff)}.button.info:focus{border-color:var(--color-info-700,#066291);background-color:var(--color-info-700,#066291)}.button.info[aria-disabled=true]{background-color:var(--color-info-600,#0c7bb3);opacity:.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}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}

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

@@ -0,0 +1,11 @@
+import type { LinkLike } from '#ui/types';
+import type { FC, PropsWithChildren, ReactNode } from 'react';
+type CodeBoxProps = {
+    language: string;
+    className?: string;
+    as?: LinkLike;
+    copyButtonLabel: ReactNode;
+    copiedButtonLabel: ReactNode;
+};
+declare const BaseCodeBox: FC<PropsWithChildren<CodeBoxProps>>;
+export default BaseCodeBox;

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

@@ -23,9 +23,8 @@ const transformCode = (code, language) => {
     // Note that since we use `.split` we will have an extra entry
     // being an empty string, so we need to remove it
     const lines = content.split('\n');
-    const extraStyle = language.length === 0 ? { fontFamily: 'monospace' } : {};
-    return (_jsx("code", { style: extraStyle, children: lines
-            .flatMap((line, lineIndex) => {
+    const extraClasses = classNames({ 'plain-text': language.length === 0 });
+    return (_jsx("code", { className: extraClasses, children: lines.flatMap((line, lineIndex) => {
             const columns = line.split(' ');
             return [
                 _jsx("span", { className: "line", children: columns.map((column, columnIndex) => (_jsxs(Fragment, { children: [_jsx("span", { children: column }), columnIndex < columns.length - 1 && _jsx("span", { children: " " })] }, columnIndex))) }, lineIndex),
@@ -33,16 +32,14 @@ const transformCode = (code, language) => {
                 // when copying to clipboard
                 '\n',
             ];
-        })
-            // Here we remove that empty line from before and
-            // the last flatMap entry which is an `\n`
-            .slice(0, -2) }));
+        }) }));
 };
 const BaseCodeBox = ({ children, language, className, copyButtonLabel, copiedButtonLabel, as = 'a', }) => {
     const [copied, copy] = useCopy();
     const containerRef = useRef(null);
     const handleCopy = () => copy(containerRef.current?.textContent);
     const ButtonIcon = copied ? DocumentDuplicateIcon : CodeBracketIcon;
-    return (_jsxs("div", { className: styles.root, children: [_jsx("pre", { ref: containerRef, className: classNames(styles.content, className), tabIndex: 0, children: transformCode(children, language) }), language && (_jsxs("div", { className: styles.footer, children: [_jsx("span", { className: styles.language, children: language }), _jsxs(BaseButton, { as: as, className: styles.action, kind: "neutral", onClick: handleCopy, children: [_jsx(ButtonIcon, { className: "size-4" }), copied ? copiedButtonLabel : copyButtonLabel] })] }))] }));
+    const hideFooter = className?.includes('no-footer');
+    return (_jsxs("div", { className: styles.root, children: [_jsx("pre", { ref: containerRef, className: classNames(styles.content, className), tabIndex: 0, children: transformCode(children, language) }), !language || hideFooter || (_jsxs("div", { className: styles.footer, children: [_jsx("span", { className: styles.language, children: language }), _jsxs(BaseButton, { as: as, className: styles.action, kind: "neutral", onClick: handleCopy, children: [_jsx(ButtonIcon, { className: "size-4" }), copied ? copiedButtonLabel : copyButtonLabel] })] }))] }));
 };
 export default BaseCodeBox;

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

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-.root{border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c);width:100%;max-width:100%;overflow-x:hidden}.root .content{margin:calc(var(--spacing,.25rem)*0);min-width:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*4)}.root .content>code{max-width:100%;padding:calc(var(--spacing,.25rem)*0);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-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);--tw-font-weight:var(--font-weight-regular,400);font-weight:var(--font-weight-regular,400);color:var(--color-neutral-400,#cbd4d9);counter-reset:line;scrollbar-width:thin;background-color:#0000;grid-template-columns:minmax(0,1fr);display:grid;overflow-x:auto}.root .content>code>[class=line]{min-width:calc(var(--spacing,.25rem)*0);padding-left:calc(var(--spacing,.25rem)*8);overflow-wrap:break-word;position:relative}.root .content>code>[class=line]:not(:empty:last-child):before{--tw-content:"";content:var(--tw-content);display:inline-block}.root .content>code>[class=line]:not(:empty:last-child):after{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);margin-right:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4.5);text-align:right;font-family:var(--font-ibm-plex-mono,var(--font-ibm-plex-mono));color:var(--color-neutral-600,#929fa5);content:counter(line);counter-increment:line;position:absolute}.root>.footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-neutral-900,#2c3437);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);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);justify-content:space-between;align-items:center;display:flex}.root>.footer>.language{color:var(--color-neutral-400,#cbd4d9)}.root>.footer>.action{padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1.5);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
+.root{border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c);width:100%;max-width:100%;overflow-x:hidden}.root .content{margin:calc(var(--spacing,.25rem)*0);min-width:calc(var(--spacing,.25rem)*0);padding:calc(var(--spacing,.25rem)*4)}.root .content>code{max-width:100%;padding:calc(var(--spacing,.25rem)*0);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-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);--tw-font-weight:var(--font-weight-regular,400);font-weight:var(--font-weight-regular,400);color:var(--color-neutral-400,#cbd4d9);counter-reset:line;scrollbar-width:thin;background-color:#0000;grid-template-columns:minmax(0,1fr);display:grid;overflow-x:auto}.root .content>code>[class=line]{min-width:calc(var(--spacing,.25rem)*0);padding-left:calc(var(--spacing,.25rem)*8);overflow-wrap:break-word;position:relative}.root .content>code>[class=line]:not(:empty:last-child):before{--tw-content:"";content:var(--tw-content);display:inline-block}.root .content>code>[class=line]:not(:empty:last-child):after{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);margin-right:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4.5);text-align:right;font-family:var(--font-ibm-plex-mono,var(--font-ibm-plex-mono));color:var(--color-neutral-600,#929fa5);content:counter(line);counter-increment:line;position:absolute}.root .content>code[class*=plain-text]{font-family:var(--font-ibm-plex-mono,var(--font-ibm-plex-mono))}.root .content[class*=no-line-numbers]>code>[class=line]{padding-left:calc(var(--spacing,.25rem)*0)}.root .content[class*=no-line-numbers]>code>[class=line]:not(:empty:last-child):after{--tw-content:none;content:none;counter-reset:none}.root>.footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-top-color:var(--color-neutral-900,#2c3437);padding-inline:calc(var(--spacing,.25rem)*3);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);justify-content:space-between;align-items:center;display:flex}.root>.footer>.language{color:var(--color-neutral-400,#cbd4d9)}.root>.footer>.action{padding-inline:calc(var(--spacing,.25rem)*2.5);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-medium,500);font-weight:var(--font-weight-medium,500)}.root>.footer>.action>svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}

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

@@ -0,0 +1,11 @@
+import type { LinkLike, FormattedMessage } from '#ui/types';
+import type { FC } from 'react';
+export type CrossLinkProps = {
+    type: 'previous' | 'next';
+    text: FormattedMessage;
+    label: string;
+    link: string;
+    as: LinkLike;
+};
+declare const BaseCrossLink: FC<CrossLinkProps>;
+export default BaseCrossLink;

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

@@ -0,0 +1,15 @@
+import type { LinkLike } from '#ui/types';
+import type { FC, PropsWithChildren } from 'react';
+type LinkTab = {
+    key: string;
+    label: string;
+    link: string;
+};
+export type LinkTabsProps = PropsWithChildren<{
+    label?: string;
+    tabs: Array<LinkTab>;
+    activeTab: string;
+    as?: LinkLike;
+}>;
+declare const BaseLinkTabs: FC<LinkTabsProps>;
+export default BaseLinkTabs;

package/dist/Common/BasePagination/Ellipsis/index.d.ts

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

package/dist/Common/BasePagination/PaginationListItem/index.d.ts

@@ -0,0 +1,12 @@
+import type { LinkLike } from '#ui/types';
+import type { FC } from 'react';
+export type PaginationListItemProps = {
+    url: string;
+    pageNumber: number;
+    currentPage: number;
+    totalPages: number;
+    as?: LinkLike;
+    label: string;
+};
+declare const PaginationListItem: FC<PaginationListItemProps>;
+export default PaginationListItem;

package/dist/Common/BasePagination/PrevNextArrow.d.ts

@@ -0,0 +1,6 @@
+import type { FC, SVGAttributes } from 'react';
+type PrevNextArrowProps = {
+    type: 'previous' | 'next';
+} & SVGAttributes<SVGSVGElement>;
+declare const PrevNextArrow: FC<PrevNextArrowProps>;
+export default PrevNextArrow;

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

@@ -0,0 +1,21 @@
+import type { LinkLike } from '#ui/types';
+import type { FC } from 'react';
+type Page = {
+    url: string;
+};
+export type PaginationProps = {
+    currentPage: number;
+    pages: Array<Page>;
+    currentPageSiblingsCount?: number;
+    as?: LinkLike;
+    getPageLabel: (pageNumber: number) => string;
+    labels: {
+        aria: string;
+        previousAriaLabel: string;
+        previous: string;
+        nextAriaLabel: string;
+        next: string;
+    };
+};
+declare const BasePagination: FC<PaginationProps>;
+export default BasePagination;

package/dist/Common/BasePagination/useGetPageElements.d.ts

@@ -0,0 +1,4 @@
+import type BasePagination from '#ui/Common/BasePagination';
+import type { LinkLike } from '#ui/types';
+import type { ComponentProps } from 'react';
+export declare const useGetPageElements: (currentPage: ComponentProps<typeof BasePagination>["currentPage"], pages: ComponentProps<typeof BasePagination>["pages"], currentPageSiblingsCount: number, as: LinkLike, getLabel: (pageNumber: number) => string) => import("react/jsx-runtime").JSX.Element[] | undefined;

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

@@ -0,0 +1,4 @@
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
+type BlockquoteProps = ComponentProps<'blockquote'>;
+declare const Blockquote: FC<PropsWithChildren<BlockquoteProps>>;
+export default Blockquote;

package/dist/Common/Breadcrumbs/BreadcrumbHomeLink/index.d.ts

@@ -0,0 +1,5 @@
+import BreadcrumbLink from '#ui/Common/Breadcrumbs/BreadcrumbLink';
+import type { ComponentProps, FC } from 'react';
+type BreadcrumbHomeLinkProps = Omit<ComponentProps<typeof BreadcrumbLink>, 'href'> & Partial<Pick<ComponentProps<typeof BreadcrumbLink>, 'href'>>;
+declare const BreadcrumbHomeLink: FC<BreadcrumbHomeLinkProps>;
+export default BreadcrumbHomeLink;

package/dist/Common/Breadcrumbs/BreadcrumbItem/index.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
+type BreadcrumbItemProps = {
+    disableMicrodata?: boolean;
+    hidden?: boolean;
+    hideSeparator?: boolean;
+    position?: number;
+} & ComponentProps<'li'>;
+declare const BreadcrumbItem: FC<PropsWithChildren<BreadcrumbItemProps>>;
+export default BreadcrumbItem;

package/dist/Common/Breadcrumbs/BreadcrumbLink/index.d.ts

@@ -0,0 +1,8 @@
+import type { LinkLike } from '#ui/types';
+import type { ComponentProps, FC } from 'react';
+type BreadcrumbLinkProps = {
+    active?: boolean;
+    as: LinkLike;
+} & ComponentProps<LinkLike>;
+declare const BreadcrumbLink: FC<BreadcrumbLinkProps>;
+export default BreadcrumbLink;

package/dist/Common/Breadcrumbs/BreadcrumbRoot/index.d.ts

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

package/dist/Common/Breadcrumbs/BreadcrumbTruncatedItem/index.d.ts

@@ -0,0 +1,2 @@
+declare const BreadcrumbTruncatedItem: () => import("react/jsx-runtime").JSX.Element;
+export default BreadcrumbTruncatedItem;

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

@@ -0,0 +1,15 @@
+import type { FormattedMessage, LinkLike } from '#ui/types';
+import type { FC } from 'react';
+export type BreadcrumbLink = {
+    label: FormattedMessage;
+    href: string | undefined;
+};
+type BreadcrumbsProps = {
+    links: Array<BreadcrumbLink>;
+    maxLength?: number;
+    hideHome?: boolean;
+    as: LinkLike;
+    homeLinkAriaLabel?: string;
+};
+declare const Breadcrumbs: FC<BreadcrumbsProps>;
+export default Breadcrumbs;

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

@@ -0,0 +1,14 @@
+import type { LinkLike } from '#ui/types';
+import type { FC, ComponentProps } from 'react';
+export type HistoryChange = {
+    versions: Array<string>;
+    label: string;
+    url?: string;
+};
+type ChangeHistoryProps = ComponentProps<'div'> & {
+    label: string;
+    changes: Array<HistoryChange>;
+    as?: LinkLike;
+};
+declare const ChangeHistory: FC<ChangeHistoryProps>;
+export default ChangeHistory;

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

@@ -0,0 +1,5 @@
+import Tabs from '#ui/Common/Tabs';
+import type { ComponentProps, FC } from 'react';
+type CodeTabsProps = Pick<ComponentProps<typeof Tabs>, 'tabs' | 'defaultValue' | 'children' | 'addons'>;
+declare const CodeTabs: FC<CodeTabsProps>;
+export default CodeTabs;

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

@@ -1,2 +1,2 @@
 /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
-.root>[role=tabpanel]>:first-child{border-top-left-radius:0;border-top-right-radius:0}.root>div:first-of-type{border-inline-style:var(--tw-border-style);border-inline-width:1px;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c);padding-inline:calc(var(--spacing,.25rem)*2);padding-top:calc(var(--spacing,.25rem)*3);border-top-left-radius:.25rem;border-top-right-radius:.25rem;display:flex}@media (min-width:48rem){.root>div:first-of-type{padding-inline:calc(var(--spacing,.25rem)*4)}}.root>div:first-of-type .trigger{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*1);color:var(--color-neutral-200,#e9edf0);border-bottom-width:1px;border-bottom-color:#0000}.root>div:first-of-type .trigger[data-state=active]{border-bottom-color:var(--color-green-400,#84ba64);color:var(--color-green-400,#84ba64)}.root>div:first-of-type .link{align-items:center;gap:calc(var(--spacing,.25rem)*2);text-align:center;color:var(--color-neutral-200,#e9edf0);display:none}@media (prefers-reduced-motion:no-preference){.root>div:first-of-type .link{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}@media (min-width:64rem){.root>div:first-of-type .link{display:flex}}.root>div:first-of-type .link>.icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);color:var(--color-neutral-300,#d9e1e4)}.root>div:first-of-type .link:is(:link,:visited):hover{color:var(--color-neutral-400,#cbd4d9)}.root>div:first-of-type .link:is(:link,:visited):hover>.icon{color:var(--color-neutral-600,#929fa5)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
+.root>[role=tabpanel]>:first-child{border-top-left-radius:0;border-top-right-radius:0}.root>div:first-of-type{border-inline-style:var(--tw-border-style);border-inline-width:1px;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c);padding-inline:calc(var(--spacing,.25rem)*2);padding-top:calc(var(--spacing,.25rem)*2);border-top-left-radius:.25rem;border-top-right-radius:.25rem;display:flex}@media (min-width:48rem){.root>div:first-of-type{padding-inline:calc(var(--spacing,.25rem)*4)}}.root>div:first-of-type .trigger{border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*1);color:var(--color-neutral-200,#e9edf0);border-bottom-width:1px;border-bottom-color:#0000}.root>div:first-of-type .trigger[data-state=active]{border-bottom-color:var(--color-green-400,#84ba64);color:var(--color-green-400,#84ba64)}.root>div:first-of-type .link{align-items:center;gap:calc(var(--spacing,.25rem)*2);text-align:center;color:var(--color-neutral-200,#e9edf0);display:none}@media (prefers-reduced-motion:no-preference){.root>div:first-of-type .link{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}}@media (min-width:64rem){.root>div:first-of-type .link{display:flex}}.root>div:first-of-type .link>.icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);color:var(--color-neutral-300,#d9e1e4)}.root>div:first-of-type .link:is(:link,:visited):hover{color:var(--color-neutral-400,#cbd4d9)}.root>div:first-of-type .link:is(:link,:visited):hover>.icon{color:var(--color-neutral-600,#929fa5)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}

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

@@ -0,0 +1,7 @@
+import type { FC } from 'react';
+export type DataTagProps = {
+    kind: 'event' | 'method' | 'property' | 'class' | 'module' | 'classMethod' | 'global' | 'ctor';
+    size?: 'lg' | 'md' | 'sm';
+};
+declare const DataTag: FC<DataTagProps>;
+export default DataTag;

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

@@ -14,5 +14,15 @@ const symbolMap = {
     global: 'G',
     ctor: 'C',
 };
-const DataTag = ({ kind, size = 'md' }) => (_jsx("div", { className: classNames(styles.dataTag, styles[size], styles[kind]), children: _jsx("span", { children: symbolMap[kind] }) }));
+const labelMap = {
+    event: 'Event',
+    method: 'Method',
+    property: 'Property',
+    class: 'Class',
+    module: 'Module',
+    classMethod: 'Class method',
+    global: 'Global',
+    ctor: 'Constructor',
+};
+const DataTag = ({ kind, size = 'md' }) => (_jsx("div", { className: classNames(styles.dataTag, styles[size], styles[kind]), "data-tooltip": labelMap[kind], "aria-label": labelMap[kind], tabIndex: 0, children: _jsx("span", { children: symbolMap[kind] }) }));
 export default DataTag;

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

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

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

@@ -0,0 +1,10 @@
+import type { SimpleLocaleConfig } from '#ui/types';
+import type { FC } from 'react';
+type LanguageDropDownProps = {
+    onChange?: (newLocale: SimpleLocaleConfig) => void;
+    currentLanguage: string;
+    availableLanguages: Array<SimpleLocaleConfig>;
+    ariaLabel: string;
+};
+declare const LanguageDropdown: FC<LanguageDropDownProps>;
+export default LanguageDropdown;

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

@@ -0,0 +1,10 @@
+import type { FC, PropsWithChildren } from 'react';
+type ModalProps = PropsWithChildren<{
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}>;
+declare const Modal: FC<ModalProps>;
+declare const Title: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+declare const Description: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+declare const Content: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export { Modal, Title, Description, Content };

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

@@ -0,0 +1,4 @@
+import { type NodeJsLogoProps } from '#ui/Icons/Logos/Nodejs';
+import type { FC } from 'react';
+declare const NodejsLogo: FC<NodeJsLogoProps>;
+export default NodejsLogo;

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

@@ -0,0 +1,8 @@
+import type { BlogPreviewType } from '#ui/types';
+import type { FC } from 'react';
+type PreviewProps = {
+    title: string;
+    type?: BlogPreviewType;
+};
+declare const Preview: FC<PreviewProps>;
+export default Preview;

package/dist/Common/Search/Chat/Actions/index.d.ts

@@ -0,0 +1,7 @@
+import type { Interaction } from '@orama/core';
+import type { FC } from 'react';
+type ChatActionsProps = {
+    interaction: Interaction;
+};
+declare const ChatActions: FC<ChatActionsProps>;
+export default ChatActions;

package/dist/Common/Search/Chat/Input/index.d.ts

@@ -0,0 +1,8 @@
+import type { FC, PropsWithChildren } from 'react';
+type ChatInputProps = {
+    suggestions: Array<string>;
+    placeholder: string;
+    disclaimer: string;
+};
+declare const ChatInput: FC<PropsWithChildren<ChatInputProps>>;
+export default ChatInput;

package/dist/Common/Search/Chat/Trigger/index.d.ts

@@ -0,0 +1,4 @@
+import { SlidingPanel } from '@orama/ui/components/SlidingPanel';
+import type { ComponentProps, FC } from 'react';
+declare const ChatTrigger: FC<ComponentProps<typeof SlidingPanel.Trigger>>;
+export default ChatTrigger;

package/dist/Common/Search/Input/index.d.ts

@@ -0,0 +1,5 @@
+import { SearchInput } from '@orama/ui/components';
+import type { ComponentProps, FC } from 'react';
+type SearchProps = ComponentProps<typeof SearchInput.Input>;
+declare const Input: FC<SearchProps>;
+export default Input;

package/dist/Common/Search/Modal/index.d.ts

@@ -0,0 +1,9 @@
+import SearchInput from '#ui/Common/Search/Input';
+import type { OramaCloud } from '@orama/core';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
+type SearchModalProps = {
+    client: OramaCloud | null;
+    placeholder: string;
+} & ComponentProps<typeof SearchInput>;
+declare const SearchModal: FC<PropsWithChildren<SearchModalProps>>;
+export default SearchModal;

package/dist/Common/Search/Modal/index.module.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+.searchboxContainer{flex-grow:1}.searchboxContainer *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.searchButton{min-height:calc(var(--spacing,.25rem)*10);cursor:pointer;justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*1);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300,#d9e1e4);background-color:var(--color-white,#fff);width:100%;padding:calc(var(--spacing,.25rem)*1.5);color:var(--color-neutral-900,#2c3437);flex-grow:1;display:flex}@media (hover:hover){.searchButton:hover{background-color:var(--color-neutral-100,#f6f7f9)}}.searchButton:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437);background-color:var(--color-neutral-950,#0d121c);color:var(--color-neutral-200,#e9edf0)}.searchButton:hover{background-color:var(--color-neutral-100,#f6f7f9)}@media (prefers-reduced-motion:no-preference){.searchButton:hover{--tw-duration:.3s;transition-duration:.3s}}.searchButton:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437)}.searchButton:hover .searchButtonShortcut{background-color:var(--color-neutral-200,#e9edf0)}.searchButton:hover .searchButtonShortcut:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800,#556066)}.searchButtonContent{align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-left:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));flex-wrap:nowrap;display:flex;position:relative}.searchButtonContent svg{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4)}.searchButtonShortcut{border-radius:var(--radius-md,.375rem);background-color:var(--color-neutral-300,#d9e1e4);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));color:var(--color-neutral-800,#556066);display:none}@media (min-width:48rem){.searchButtonShortcut{display:inline}}.searchButtonShortcut:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900,#2c3437);color:var(--color-neutral-400,#cbd4d9)}.modalWrapper{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:50;margin-inline:auto;margin-block:calc(var(--spacing,.25rem)*0);background-color:#ffffffb3;justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;position:fixed}@supports (color:color-mix(in lab, red, red)){.modalWrapper{background-color:color-mix(in oklab,var(--color-white,#fff)70%,transparent)}}@media (min-width:64rem){.modalWrapper{padding-top:5vh}}.modalWrapper:where([data-theme=dark],[data-theme=dark] *){background-color:#09090bb3}@supports (color:color-mix(in lab, red, red)){.modalWrapper:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab,var(--color-zinc-950,oklch(14.1% .005 285.823))70%,transparent)}}.modalInner{top:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);margin-inline:auto;margin-block:calc(var(--spacing,.25rem)*0);background-color:var(--color-white,#fff);max-width:none;height:100%;display:flex;position:fixed}@media (min-width:64rem){.modalInner{height:auto;max-width:var(--container-3xl,48rem);min-width:var(--container-lg,32rem);background-color:var(--color-neutral-100,#f6f7f9);top:auto;bottom:auto}}.modalInner:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-950,oklch(14.1% .005 285.823))}@media (min-width:64rem){.modalInner:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-950,#0d121c)}.modalInner>section{min-width:var(--container-lg,32rem)}}.modalContent{border-color:var(--color-neutral-200,#e9edf0);flex-direction:column;width:100vw;height:100%;display:flex}@media (min-width:64rem){.modalContent{border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;width:auto;height:auto;max-height:70vh}}.modalContent:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-900,#2c3437)}.modalCloseButton{top:calc(var(--spacing,.25rem)*2);right:calc(var(--spacing,.25rem)*4);z-index:10;cursor:pointer;background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*2);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,1.33333));color:var(--color-neutral-950,#0d121c);position:absolute}@media (min-width:48rem){.modalCloseButton{display:none}}.modalCloseButton:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-black,#000);color:var(--color-neutral-200,#e9edf0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}

package/dist/Common/Search/Results/Empty/index.d.ts

@@ -0,0 +1,7 @@
+import { Suggestions } from '@orama/ui/components';
+import type { ComponentProps, FC, PropsWithChildren } from 'react';
+type EmptyResultsProps = {
+    label?: string;
+} & Omit<ComponentProps<typeof Suggestions.Item>, 'children'>;
+declare const SearchResultsEmpty: FC<PropsWithChildren<EmptyResultsProps>>;
+export default SearchResultsEmpty;

package/dist/Common/Search/Results/Hit/index.d.ts

@@ -0,0 +1,13 @@
+import type { LinkLike } from '#ui/types';
+import type { FC } from 'react';
+type HitProps = {
+    document: {
+        title?: string;
+        description?: string;
+        href: string;
+    };
+    mode?: 'search' | 'chat';
+    as?: LinkLike;
+};
+declare const Hit: FC<HitProps>;
+export default Hit;

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

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

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

@@ -0,0 +1,8 @@
+import { FacetTabs } from '@orama/ui/components';
+import type { ComponentProps, FC } from 'react';
+type TabsProps = Omit<ComponentProps<typeof FacetTabs.Item>, 'group' | 'filterBy'> & {
+    selectedFacet?: string | null;
+    searchTerm?: string | null;
+};
+declare const Tabs: FC<TabsProps>;
+export default Tabs;

package/dist/Common/Search/Results/index.d.ts

@@ -0,0 +1,11 @@
+import { SearchResults } from '@orama/ui/components';
+import SearchResultsEmpty from '#ui/Common/Search/Results/Empty';
+import Tabs from '#ui/Common/Search/Results/Tabs';
+import type { ComponentProps, FC } from 'react';
+type SearchResultsWrapperProps = {
+    searchParams: Omit<ComponentProps<typeof Tabs>['searchParams'], 'term'>;
+    onHit: ComponentProps<typeof SearchResults.GroupList>['children'];
+    noResultsTitle: string;
+} & Omit<ComponentProps<typeof SearchResultsEmpty>, 'label'>;
+declare const SearchResultsWrapper: FC<SearchResultsWrapperProps>;
+export default SearchResultsWrapper;

package/dist/Common/Search/Suggestions/index.d.ts

@@ -0,0 +1,9 @@
+import { Suggestions } from '@orama/ui/components/Suggestions';
+import type { ComponentProps, FC } from 'react';
+type SearchSuggestionsProps = {
+    suggestions: Array<string>;
+    label?: string;
+    wrapper?: string;
+} & Omit<ComponentProps<typeof Suggestions.Item>, 'children'>;
+declare const SearchSuggestions: FC<SearchSuggestionsProps>;
+export default SearchSuggestions;

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

@@ -0,0 +1,3 @@
+import type { StatelessSelectProps } from '#ui/Common/Select/StatelessSelect';
+declare const WithNoScriptSelect: <T extends string>({ as, ...props }: StatelessSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default WithNoScriptSelect;

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

@@ -0,0 +1,8 @@
+import type { SelectProps } from '#ui/Common/Select';
+import type { LinkLike } from '#ui/types';
+type StatelessSelectConfig = {
+    as?: LinkLike | 'div';
+};
+export type StatelessSelectProps<T extends string> = SelectProps<T> & StatelessSelectConfig;
+declare const StatelessSelect: <T extends string>({ values, defaultValue, placeholder, label, inline, className, ariaLabel, disabled, as: Component, }: StatelessSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default StatelessSelect;