@exegia/corpora-ui 0.29.0 → 1.0.0

package/dist-lib/src/components/ui/avatar.story.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import { Avatar } from '../atoms/avatar';
+type PreviewProps = Pick<ComponentProps<typeof Avatar>, "user" | "size" | "audio" | "loading">;
+declare function AvatarPreview(props: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof AvatarPreview>;
+export declare const Preview: import('react').FC;
+export {};

package/dist-lib/src/components/ui/badge.d.ts

@@ -0,0 +1,14 @@
+import { useRender } from '@base-ui/react/use-render';
+import { VariantProps } from 'class-variance-authority';
+declare const badgeVariants: (props?: ({
+    variant?: "invert" | "default" | "destructive" | "destructive-outline" | "outline" | "secondary" | "focus" | "success" | "info" | "warning" | "primary-light" | "warning-light" | "success-light" | "info-light" | "destructive-light" | "invert-light" | "focus-light" | "primary-outline" | "warning-outline" | "success-outline" | "info-outline" | "invert-outline" | "focus-outline" | null | undefined;
+    size?: "xs" | "sm" | "default" | "lg" | "xl" | null | undefined;
+    radius?: "default" | "full" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface BadgeProps extends useRender.ComponentProps<"span"> {
+    variant?: VariantProps<typeof badgeVariants>["variant"];
+    size?: VariantProps<typeof badgeVariants>["size"];
+    radius?: VariantProps<typeof badgeVariants>["radius"];
+}
+declare function Badge({ className, variant, size, radius, render, ...props }: BadgeProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export { Badge, badgeVariants, type BadgeProps };

package/dist-lib/src/components/ui/bubble.story.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import { Bubble } from '../atoms/bubble';
+type PreviewProps = Pick<ComponentProps<typeof Bubble>, "variant" | "continued">;
+declare function BubblePreview(props: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof BubblePreview>;
+export declare const Preview: import('react').FC;
+export {};

package/dist-lib/{components → src/components}/ui/button.d.ts

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 import { FrostGlassVariant } from '../../lib/glass-variants';
 import type * as React from "react";
 export declare const buttonVariants: (props?: ({
-    size?: "default" | "icon" | "xs" | "sm" | "lg" | "xl" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | null | undefined;
+    size?: "xs" | "sm" | "default" | "lg" | "xl" | "icon" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | null | undefined;
     variant?: "link" | "default" | "destructive" | "destructive-outline" | "ghost" | "glass" | "outline" | "secondary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];

package/dist-lib/src/components/ui/button.story.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from './button';
+type PreviewProps = Pick<ButtonProps, "variant" | "glassVariant" | "size" | "loading" | "disabled" | "sound"> & {
+    children: string;
+};
+declare function ButtonPreview({ variant, glassVariant, size, children, ...props }: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof ButtonPreview>;
+export declare const Preview: import('react').FC;
+export {};

package/dist-lib/src/components/ui/card.story.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import { Card } from './card';
+type PreviewProps = Pick<ComponentProps<typeof Card>, "className"> & {
+    children: string;
+};
+declare function CardPreview({ children, ...props }: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof CardPreview>;
+export declare const Preview: import('react').FC;
+export {};

package/dist-lib/src/components/ui/chat/__tests__/segmented-toggle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist-lib/src/components/ui/chat/avatar-handle.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+export interface AvatarHandleProps extends React.ComponentPropsWithoutRef<"span"> {
+    src?: string;
+    /** Initials shown when no image loads; two characters at most. */
+    initials?: string;
+    size?: 16 | 20;
+}
+/**
+ * 20px avatar for @-handle chips and reply headers.
+ *
+ * @sketch "Atom / Avatar / Handle 20"
+ */
+export declare function AvatarHandle({ src, initials, size, className, ...props }: AvatarHandleProps): React.ReactElement;

package/dist-lib/src/components/ui/chat/badges.d.ts

@@ -0,0 +1,29 @@
+import type * as React from "react";
+/**
+ * 28×14 uppercase file-format badge ("PDF", "CSV").
+ *
+ * @sketch "Atom / Badge / File Type"
+ */
+export declare function FileTypeBadge({ className, children, ...props }: React.ComponentPropsWithoutRef<"span">): React.ReactElement;
+export interface FaviconProps extends React.ComponentPropsWithoutRef<"span"> {
+    src?: string;
+    size?: 14 | 16;
+}
+/**
+ * 16px site icon tile with a globe fallback.
+ *
+ * @sketch "Atom / Favicon"
+ */
+export declare function Favicon({ src, size, className, ...props }: FaviconProps): React.ReactElement;
+/**
+ * Scrim pill with a mono duration ("0:42"), bottom-right of media previews.
+ *
+ * @sketch "Atom / Duration Pill"
+ */
+export declare function DurationPill({ className, children, ...props }: React.ComponentPropsWithoutRef<"span">): React.ReactElement;
+/**
+ * 3px accent bar that rails a quote or reply.
+ *
+ * @sketch "Atom / Quote Rail"
+ */
+export declare function QuoteRail({ className, ...props }: React.ComponentPropsWithoutRef<"span">): React.ReactElement;

package/dist-lib/src/components/ui/chat/buttons.d.ts

@@ -0,0 +1,29 @@
+import { ButtonProps } from '../button';
+import type * as React from "react";
+type IconButtonProps = Omit<ButtonProps, "variant" | "size" | "glassVariant" | "children">;
+/**
+ * 18px filled circle with an inverse ✕, used on composer chips.
+ *
+ * @sketch "Atom / Button / Remove"
+ */
+export declare function RemoveButton({ className, ...props }: IconButtonProps): React.ReactElement;
+/**
+ * 36px scrim circle with a white play glyph, centred on media previews.
+ *
+ * @sketch "Atom / Button / Play"
+ */
+export declare function PlayButton({ className, ...props }: IconButtonProps): React.ReactElement;
+/**
+ * 26px ghost "+" for the composer's attach action.
+ *
+ * @sketch "Atom / Button / Add"
+ */
+export declare function AddButton({ className, ...props }: IconButtonProps): React.ReactElement;
+export type SendButtonProps = Omit<ButtonProps, "variant" | "glassVariant">;
+/**
+ * Brand-yellow 61×31 pill, radius 8, dark label.
+ *
+ * @sketch "Atom / Button / Send"
+ */
+export declare function SendButton({ className, children, ...props }: SendButtonProps): React.ReactElement;
+export {};

package/dist-lib/src/components/ui/chat/chips.d.ts

@@ -0,0 +1,48 @@
+import { DotTone } from './dot';
+import type * as React from "react";
+export interface SourceChipProps extends React.ComponentPropsWithoutRef<"span"> {
+    favicon?: string;
+    /** Domain in mono ("scoopdata.io"). */
+    children: React.ReactNode;
+}
+/**
+ * 18px pill with a favicon and a mono domain, inline in streamed text.
+ *
+ * @sketch "Atom / Source Chip"
+ */
+export declare function SourceChip({ favicon, className, children, ...props }: SourceChipProps): React.ReactElement;
+export interface AvatarStackProps extends React.ComponentPropsWithoutRef<"span"> {
+    /** Up to three tones or image urls, rendered overlapping. */
+    items?: (DotTone | {
+        src: string;
+    })[];
+}
+/**
+ * Three overlapping 14px circles.
+ *
+ * @sketch "Atom / Avatar Stack"
+ */
+export declare function AvatarStack({ items, className, ...props }: AvatarStackProps): React.ReactElement;
+export interface StatProps extends React.ComponentPropsWithoutRef<"div"> {
+    tone?: DotTone;
+    label: React.ReactNode;
+    value: React.ReactNode;
+    /** Secondary mono line ("−$2,377.66"). */
+    delta?: React.ReactNode;
+    trend?: "positive" | "negative";
+}
+/**
+ * 152×64 stat: dot + label, big coloured value, mono delta.
+ *
+ * @sketch "Atom / Stat / {Positive, Negative}"
+ */
+export declare function Stat({ tone, label, value, delta, trend, className, ...props }: StatProps): React.ReactElement;
+export interface FollowUpRowProps extends Omit<React.ComponentPropsWithoutRef<"button">, "onSelect"> {
+    onSelect?: () => void;
+}
+/**
+ * Full-width follow-up prompt with a return-arrow icon and a hairline base.
+ *
+ * @sketch "Atom / Follow-up Row"
+ */
+export declare function FollowUpRow({ onSelect, className, children, ...props }: FollowUpRowProps): React.ReactElement;

package/dist-lib/src/components/ui/chat/dot.d.ts

@@ -0,0 +1,30 @@
+import type * as React from "react";
+export type DotTone = "success" | "warning" | "info" | "danger" | "neutral" | "accent" | "brand" | "series-1" | "series-2" | "series-3" | "series-4" | "series-5";
+export declare const DOT_TONE_CLASSES: Record<DotTone, string>;
+export interface DotProps extends React.ComponentPropsWithoutRef<"span"> {
+    tone?: DotTone;
+    size?: 6 | 8;
+}
+/**
+ * Status / series marker.
+ *
+ * @sketch "Atom / Dot / {Success, Warning, Info, Danger, Neutral, Accent, Brand, Series 3, Series 4}"
+ */
+export declare function Dot({ tone, size, className, ...props }: DotProps): React.ReactElement;
+export interface LegendItemProps extends React.ComponentPropsWithoutRef<"span"> {
+    tone?: DotTone;
+    /** Optional trailing value ("42%"). */
+    value?: React.ReactNode;
+}
+/**
+ * Dot + label (+ value) row for chart legends.
+ *
+ * @sketch "Atom / Legend Item"
+ */
+export declare function LegendItem({ tone, value, className, children, ...props }: LegendItemProps): React.ReactElement;
+/**
+ * 20px neutral pill for chart-type badges and counts.
+ *
+ * @sketch "Atom / Pill"
+ */
+export declare function Pill({ className, children, ...props }: React.ComponentPropsWithoutRef<"span">): React.ReactElement;

package/dist-lib/src/components/ui/chat/icon-button.d.ts

@@ -0,0 +1,18 @@
+import { ButtonProps } from '../button';
+import type * as React from "react";
+export type IconButtonProps = Omit<ButtonProps, "variant" | "size" | "glassVariant" | "aria-label"> & {
+    /** Required: icon-only controls need a name. */
+    "aria-label": string;
+};
+/**
+ * 24px ghost control framing a 16px icon.
+ *
+ * @sketch "Atom / Icon Button"
+ */
+export declare function IconButton({ className, ...props }: IconButtonProps): React.ReactElement;
+/**
+ * Violet "Agent" chip beside the assistant's name.
+ *
+ * @sketch "Atom / Badge / Agent"
+ */
+export declare function AgentBadge({ className, children, ...props }: React.ComponentPropsWithoutRef<"span">): React.ReactElement;

package/dist-lib/src/components/ui/chat/icon-tile.d.ts

@@ -0,0 +1,20 @@
+import type * as React from "react";
+declare const SIZES: {
+    readonly 28: "size-7 rounded-md";
+    readonly 32: "size-8 rounded-[10px]";
+    readonly 36: "size-9 rounded-[10px]";
+    readonly 40: "size-10 rounded-[10px]";
+};
+export interface IconTileProps extends React.ComponentPropsWithoutRef<"span"> {
+    /** Tile edge in px. The design uses 40 (attachments), 32 (agent avatar), 28 (research kicker), 36 (flowchart node). */
+    size?: keyof typeof SIZES;
+    /** Fill the tile with the accent-subtle tint instead of the neutral surface. */
+    tone?: "neutral" | "accent";
+}
+/**
+ * Square tile that frames a 16px lucide icon.
+ *
+ * @sketch "Atom / Icon Tile"
+ */
+export declare function IconTile({ size, tone, className, children, ...props }: IconTileProps): React.ReactElement;
+export {};

package/dist-lib/src/components/ui/chat/index.d.ts

@@ -0,0 +1,12 @@
+export { IconTile, type IconTileProps } from './icon-tile';
+export { Thumbnail, type ThumbnailProps } from './thumbnail';
+export { AvatarHandle, type AvatarHandleProps } from './avatar-handle';
+export { AddButton, PlayButton, RemoveButton, SendButton, type SendButtonProps } from './buttons';
+export { DurationPill, Favicon, FileTypeBadge, QuoteRail, type FaviconProps } from './badges';
+export { Waveform, type WaveformProps } from './waveform';
+export { DOT_TONE_CLASSES, Dot, LegendItem, Pill, type DotProps, type DotTone, type LegendItemProps } from './dot';
+export { SegmentedToggle, type SegmentedToggleOption, type SegmentedToggleProps } from './segmented-toggle';
+export { AgentBadge, IconButton, type IconButtonProps } from './icon-button';
+export { Signal, Tag, type SignalLevel, type SignalProps, type TagProps, type TagTone } from './tag';
+export { AvatarStack, FollowUpRow, SourceChip, Stat, type AvatarStackProps, type FollowUpRowProps, type SourceChipProps, type StatProps } from './chips';
+export { InlineSource, type InlineSourceProps } from './inline-source';

package/dist-lib/src/components/ui/chat/inline-source.d.ts

@@ -0,0 +1,20 @@
+import type * as React from "react";
+export interface InlineSourceProps extends Omit<React.ComponentPropsWithoutRef<"span">, "title"> {
+    /** Domain shown in the chip ("scoopdata.io"). */
+    domain: React.ReactNode;
+    favicon?: string;
+    /** Source title in the popover. */
+    title?: React.ReactNode;
+    /** Excerpt or summary in the popover. */
+    description?: React.ReactNode;
+    /** Opens the source in a new tab from the popover. */
+    href?: string;
+    openLabel?: React.ReactNode;
+}
+/**
+ * Inline citation: a SourceChip that, when it carries a title, description
+ * or href, opens a hover preview with an "Open source" button.
+ *
+ * @sketch "Atom / Inline Source"
+ */
+export declare function InlineSource({ domain, favicon, title, description, href, openLabel, className, ...props }: InlineSourceProps): React.ReactElement;

package/dist-lib/src/components/ui/chat/segmented-toggle.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+export interface SegmentedToggleOption<T extends string> {
+    value: T;
+    label: React.ReactNode;
+}
+export interface SegmentedToggleProps<T extends string> extends Omit<React.ComponentPropsWithoutRef<"div">, "onChange" | "defaultValue"> {
+    options: readonly SegmentedToggleOption<T>[];
+    value?: T;
+    defaultValue?: T;
+    onValueChange?: (value: T) => void;
+    /** Accessible group name. */
+    label?: string;
+    sound?: boolean;
+}
+/**
+ * Two-or-more segment switch with a sliding active pill.
+ *
+ * @sketch "Atom / Segmented Toggle", "Atom / Segmented Toggle / Right"
+ */
+export declare function SegmentedToggle<T extends string>({ options, value, defaultValue, onValueChange, label, sound, className, ...props }: SegmentedToggleProps<T>): React.ReactElement;

package/dist-lib/src/components/ui/chat/tag.d.ts

@@ -0,0 +1,21 @@
+import type * as React from "react";
+export type TagTone = "amber" | "purple" | "blue" | "green";
+export interface TagProps extends React.ComponentPropsWithoutRef<"span"> {
+    tone?: TagTone;
+}
+/**
+ * 22px tinted label with a hairline border.
+ *
+ * @sketch "Atom / Tag / {Amber, Purple, Blue, Green}"
+ */
+export declare function Tag({ tone, className, children, ...props }: TagProps): React.ReactElement;
+export type SignalLevel = "high" | "medium" | "low";
+export interface SignalProps extends React.ComponentPropsWithoutRef<"span"> {
+    level?: SignalLevel;
+}
+/**
+ * Three-bar confidence meter.
+ *
+ * @sketch "Atom / Signal / {High, Medium, Low}"
+ */
+export declare function Signal({ level, className, ...props }: SignalProps): React.ReactElement;

package/dist-lib/src/components/ui/chat/thumbnail.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+export interface ThumbnailProps extends React.ComponentPropsWithoutRef<"span"> {
+    src?: string;
+    alt?: string;
+    /** `sm` is the 40px chip tile (radius 10); `lg` the 240×160 preview (radius 14). */
+    size?: "sm" | "lg";
+}
+/**
+ * Image slot with a gradient placeholder when `src` is missing.
+ *
+ * @sketch "Atom / Thumbnail / Small", "Atom / Thumbnail / Large"
+ */
+export declare function Thumbnail({ src, alt, size, className, children, ...props }: ThumbnailProps): React.ReactElement;

package/dist-lib/src/components/ui/chat/waveform.d.ts

@@ -0,0 +1,13 @@
+import type * as React from "react";
+export interface WaveformProps extends React.ComponentPropsWithoutRef<"span"> {
+    /** Bar heights in 0…1. Defaults to a 20-bar sample. */
+    bars?: number[];
+    /** Bars up to this index render in the accent colour (playback progress). */
+    progress?: number;
+}
+/**
+ * Static 20px-tall bar waveform for audio attachments.
+ *
+ * @sketch "Atom / Waveform"
+ */
+export declare function Waveform({ bars, progress, className, ...props }: WaveformProps): React.ReactElement;

package/dist-lib/src/components/ui/chat-atoms.story.d.ts

@@ -0,0 +1,22 @@
+import { ComponentProps } from 'react';
+import { IconTile } from './chat/icon-tile';
+import { Thumbnail } from './chat/thumbnail';
+import { AvatarHandle } from './chat/avatar-handle';
+import { Waveform } from './chat/waveform';
+import { SendButton } from './chat/buttons';
+declare function IconTilePreview(props: Pick<ComponentProps<typeof IconTile>, "size" | "tone">): import("react").JSX.Element;
+declare function ThumbnailPreview(props: Pick<ComponentProps<typeof Thumbnail>, "size" | "src" | "alt">): import("react").JSX.Element;
+declare function AvatarHandlePreview(props: Pick<ComponentProps<typeof AvatarHandle>, "size" | "initials" | "src">): import("react").JSX.Element;
+declare function WaveformPreview(props: Pick<ComponentProps<typeof Waveform>, "bars" | "progress">): import("react").JSX.Element;
+declare function SendButtonPreview(props: Pick<ComponentProps<typeof SendButton>, "disabled" | "loading" | "sound">): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof IconTilePreview>;
+export declare const thumbnailStory: import('@fumadocs/story/vite/client').Story<typeof ThumbnailPreview>;
+export declare const avatarHandleStory: import('@fumadocs/story/vite/client').Story<typeof AvatarHandlePreview>;
+export declare const waveformStory: import('@fumadocs/story/vite/client').Story<typeof WaveformPreview>;
+export declare const sendButtonStory: import('@fumadocs/story/vite/client').Story<typeof SendButtonPreview>;
+export declare const Preview: import('react').FC;
+export declare const ThumbnailPreviewControl: import('react').FC;
+export declare const AvatarHandlePreviewControl: import('react').FC;
+export declare const WaveformPreviewControl: import('react').FC;
+export declare const SendButtonPreviewControl: import('react').FC;
+export {};

package/dist-lib/src/components/ui/checkbox.story.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import { Checkbox } from './checkbox';
+type PreviewProps = Pick<ComponentProps<typeof Checkbox>, "indeterminate" | "disabled" | "sound">;
+declare function CheckboxPreview(props: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof CheckboxPreview>;
+export declare const Preview: import('react').FC;
+export {};

package/dist-lib/src/components/ui/collapsible.d.ts

@@ -0,0 +1,6 @@
+import { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';
+import { default as React } from 'react';
+export declare function Collapsible({ ...props }: CollapsiblePrimitive.Root.Props): React.ReactElement;
+export declare function CollapsibleTrigger({ className, ...props }: CollapsiblePrimitive.Trigger.Props): React.ReactElement;
+export declare function CollapsiblePanel({ className, ...props }: CollapsiblePrimitive.Panel.Props): React.ReactElement;
+export { CollapsiblePrimitive, CollapsiblePanel as CollapsibleContent };

package/dist-lib/src/components/ui/command.d.ts

@@ -0,0 +1,25 @@
+import { Dialog as CommandDialogPrimitive } from '@base-ui/react/dialog';
+import { Autocomplete, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompleteSeparator } from './autocomplete';
+import type * as React from "react";
+export declare const CommandDialog: typeof CommandDialogPrimitive.Root;
+export declare const CommandDialogPortal: typeof CommandDialogPrimitive.Portal;
+export declare const CommandCreateHandle: typeof CommandDialogPrimitive.createHandle;
+export declare function CommandDialogTrigger(props: CommandDialogPrimitive.Trigger.Props): React.ReactElement;
+export declare function CommandDialogBackdrop({ className, ...props }: CommandDialogPrimitive.Backdrop.Props): React.ReactElement;
+export declare function CommandDialogViewport({ className, ...props }: CommandDialogPrimitive.Viewport.Props): React.ReactElement;
+export declare function CommandDialogPopup({ className, children, portalProps, ...props }: CommandDialogPrimitive.Popup.Props & {
+    portalProps?: CommandDialogPrimitive.Portal.Props;
+}): React.ReactElement;
+export declare function Command({ autoHighlight, keepHighlight, ...props }: React.ComponentProps<typeof Autocomplete>): React.ReactElement;
+export declare function CommandInput({ className, placeholder, ...props }: React.ComponentProps<typeof AutocompleteInput>): React.ReactElement;
+export declare function CommandList({ className, ...props }: React.ComponentProps<typeof AutocompleteList>): React.ReactElement;
+export declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof AutocompleteEmpty>): React.ReactElement;
+export declare function CommandPanel({ className, ...props }: React.ComponentProps<"div">): React.ReactElement;
+export declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof AutocompleteGroup>): React.ReactElement;
+export declare function CommandGroupLabel({ className, ...props }: React.ComponentProps<typeof AutocompleteGroupLabel>): React.ReactElement;
+export declare const CommandCollection: typeof import('@base-ui/react').ComboboxCollection;
+export declare function CommandItem({ className, ...props }: React.ComponentProps<typeof AutocompleteItem>): React.ReactElement;
+export declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof AutocompleteSeparator>): React.ReactElement;
+export declare function CommandShortcut({ className, ...props }: React.ComponentProps<"kbd">): React.ReactElement;
+export declare function CommandFooter({ className, ...props }: React.ComponentProps<"div">): React.ReactElement;
+export { CommandDialogPrimitive };

package/dist-lib/src/components/ui/context-menu.d.ts

@@ -0,0 +1,42 @@
+import { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';
+import type * as React from "react";
+export declare const ContextMenu: typeof ContextMenuPrimitive.Root;
+export declare const ContextMenuPortal: typeof ContextMenuPrimitive.Portal;
+export declare function ContextMenuTrigger({ className, children, ...props }: ContextMenuPrimitive.Trigger.Props): React.ReactElement;
+export declare function ContextMenuPopup({ children, className, sideOffset, align, alignOffset, side, anchor, portalProps, ...props }: ContextMenuPrimitive.Popup.Props & {
+    align?: ContextMenuPrimitive.Positioner.Props["align"];
+    sideOffset?: ContextMenuPrimitive.Positioner.Props["sideOffset"];
+    alignOffset?: ContextMenuPrimitive.Positioner.Props["alignOffset"];
+    side?: ContextMenuPrimitive.Positioner.Props["side"];
+    anchor?: ContextMenuPrimitive.Positioner.Props["anchor"];
+    portalProps?: ContextMenuPrimitive.Portal.Props;
+}): React.ReactElement;
+export declare function ContextMenuGroup(props: ContextMenuPrimitive.Group.Props): React.ReactElement;
+export declare function ContextMenuItem({ className, inset, variant, ...props }: ContextMenuPrimitive.Item.Props & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): React.ReactElement;
+export declare function ContextMenuLinkItem({ className, inset, variant, closeOnClick, ...props }: ContextMenuPrimitive.LinkItem.Props & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): React.ReactElement;
+export declare function ContextMenuCheckboxItem({ className, children, checked, variant, ...props }: ContextMenuPrimitive.CheckboxItem.Props & {
+    variant?: "default" | "switch";
+}): React.ReactElement;
+export declare function ContextMenuRadioGroup(props: ContextMenuPrimitive.RadioGroup.Props): React.ReactElement;
+export declare function ContextMenuRadioItem({ className, children, ...props }: ContextMenuPrimitive.RadioItem.Props): React.ReactElement;
+export declare function ContextMenuGroupLabel({ className, inset, ...props }: ContextMenuPrimitive.GroupLabel.Props & {
+    inset?: boolean;
+}): React.ReactElement;
+export declare function ContextMenuSeparator({ className, ...props }: ContextMenuPrimitive.Separator.Props): React.ReactElement;
+export declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"kbd">): React.ReactElement;
+export declare function ContextMenuSub(props: ContextMenuPrimitive.SubmenuRoot.Props): React.ReactElement;
+export declare function ContextMenuSubTrigger({ className, inset, children, ...props }: ContextMenuPrimitive.SubmenuTrigger.Props & {
+    inset?: boolean;
+}): React.ReactElement;
+export declare function ContextMenuSubPopup({ className, sideOffset, alignOffset, align, ...props }: ContextMenuPrimitive.Popup.Props & {
+    align?: ContextMenuPrimitive.Positioner.Props["align"];
+    sideOffset?: ContextMenuPrimitive.Positioner.Props["sideOffset"];
+    alignOffset?: ContextMenuPrimitive.Positioner.Props["alignOffset"];
+}): React.ReactElement;
+export { ContextMenuPrimitive };

package/dist-lib/src/components/ui/emoji-picker.d.ts

@@ -0,0 +1,7 @@
+import { EmojiPicker as EmojiPickerPrimitive } from 'frimousse';
+import type * as React from "react";
+declare function EmojiPicker({ className, ...props }: React.ComponentProps<typeof EmojiPickerPrimitive.Root>): React.JSX.Element;
+declare function EmojiPickerSearch({ className, ...props }: React.ComponentProps<typeof EmojiPickerPrimitive.Search>): React.JSX.Element;
+declare function EmojiPickerContent({ className, ...props }: React.ComponentProps<typeof EmojiPickerPrimitive.Viewport>): React.JSX.Element;
+declare function EmojiPickerFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { EmojiPicker, EmojiPickerSearch, EmojiPickerContent, EmojiPickerFooter };

package/dist-lib/src/components/ui/field.story.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import { Field } from './field';
+type PreviewProps = Pick<ComponentProps<typeof Field>, "disabled" | "invalid">;
+declare function FieldPreview(props: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof FieldPreview>;
+export declare const Preview: import('react').FC;
+export {};

package/dist-lib/src/components/ui/file-icons.story.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import { FileBadgeTei } from '../icons/file-badge-tei';
+type PreviewProps = Pick<ComponentProps<typeof FileBadgeTei>, "size" | "title">;
+declare function FileBadgeTeiPreview(props: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof FileBadgeTeiPreview>;
+export declare const Preview: import('react').FC;
+export {};

package/dist-lib/src/components/ui/frame.story.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import { Frame } from './frame';
+type PreviewProps = Pick<ComponentProps<typeof Frame>, "className"> & {
+    children: string;
+};
+declare function FramePreview({ children, ...props }: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof FramePreview>;
+export declare const Preview: import('react').FC;
+export {};

package/dist-lib/{components → src/components}/ui/glasscn/glass-container.d.ts

@@ -1,7 +1,12 @@
 import { FrostGlassVariant, FrostGlassVariantProp } from '../../../lib/glass-variants';
 import * as React from "react";
 declare const glassSidebarVariableStyles: Record<FrostGlassVariant, string>;
-type GlassSidebarProps = React.HTMLAttributes<HTMLDivElement> & FrostGlassVariantProp;
-declare function GlassContainer({ glassVariant, className, children, ...props }: GlassSidebarProps): React.JSX.Element;
+type GlassSidebarProps = React.HTMLAttributes<HTMLDivElement> & FrostGlassVariantProp & {
+    refraction?: number;
+    bezel?: number;
+    saturation?: number;
+    blur?: number;
+};
+declare function GlassContainer({ glassVariant, className, children, refraction, bezel, blur, saturation, ...props }: GlassSidebarProps): React.JSX.Element;
 export { GlassContainer, glassSidebarVariableStyles };
 export type { FrostGlassVariant } from '../../../lib/glass-variants';

package/dist-lib/src/components/ui/input-group.story.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import { InputGroup } from './input-group';
+type PreviewProps = Pick<ComponentProps<typeof InputGroup>, "className">;
+declare function InputGroupPreview(props: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof InputGroupPreview>;
+export declare const Preview: import('react').FC;
+export {};

package/dist-lib/src/components/ui/input.story.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import { Input } from './input';
+type PreviewProps = Pick<ComponentProps<typeof Input>, "placeholder" | "size" | "disabled" | "type" | "readOnly"> & {
+    variant: "default" | "unstyled";
+};
+declare function InputPreview({ variant, ...props }: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof InputPreview>;
+export declare const Preview: import('react').FC;
+export {};

package/dist-lib/src/components/ui/kbd.d.ts

@@ -0,0 +1,3 @@
+import type * as React from "react";
+export declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): React.ReactElement;
+export declare function KbdGroup({ className, ...props }: React.ComponentProps<"kbd">): React.ReactElement;

package/dist-lib/src/components/ui/label.story.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import { Label } from './label';
+type PreviewProps = Pick<ComponentProps<typeof Label>, "sound"> & {
+    children: string;
+};
+declare function LabelPreview({ children, ...props }: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof LabelPreview>;
+export declare const Preview: import('react').FC;
+export {};

package/dist-lib/src/components/ui/menu-command.d.ts

@@ -0,0 +1,37 @@
+import { MenuPopup } from './menu';
+import type * as React from "react";
+export interface MenuCommandItem {
+    id: string;
+    label: React.ReactNode;
+    /** Muted copy after the label ("Upload from your computer"). */
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    /** Right-aligned status ("Connected"). */
+    trailing?: React.ReactNode;
+    /** Renders the row as a link instead of a button. */
+    href?: string;
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+export interface MenuCommandListProps {
+    items: MenuCommandItem[];
+    onSelect?: (item: MenuCommandItem) => void;
+    className?: string;
+}
+/**
+ * Command rows for a menu popup: icon · label · description · trailing
+ * status. Use inside any `MenuPopup`, or via `MenuCommand` for the wired
+ * trigger + popup pair.
+ *
+ * @sketch "Atom / Menu Command"
+ */
+export declare function MenuCommandList({ items, onSelect, className, }: MenuCommandListProps): React.ReactElement;
+export interface MenuCommandProps extends MenuCommandListProps {
+    /** The trigger element; receives the menu's trigger props. */
+    children: React.ReactElement;
+    side?: React.ComponentProps<typeof MenuPopup>["side"];
+    align?: React.ComponentProps<typeof MenuPopup>["align"];
+    popupClassName?: string;
+}
+/** A trigger and a popup of command rows, wired together. */
+export declare function MenuCommand({ children, items, onSelect, side, align, className, popupClassName, }: MenuCommandProps): React.ReactElement;

package/dist-lib/src/components/ui/menu-command.story.d.ts

@@ -0,0 +1,7 @@
+import { ComponentProps } from 'react';
+import { MenuCommand } from './menu-command';
+type PreviewProps = Pick<ComponentProps<typeof MenuCommand>, "side" | "align">;
+declare function MenuCommandPreview(props: PreviewProps): import("react").JSX.Element;
+export declare const story: import('@fumadocs/story/vite/client').Story<typeof MenuCommandPreview>;
+export declare const Preview: import('react').FC;
+export {};