@mithrl/design-system 0.1.0 → 0.2.0

package/dist/components/composer/Composer.d.ts

@@ -0,0 +1,41 @@
+
+export type ComposerMode = "guided" | "autopilot";
+export type ComposerStatus = "idle" | "sending" | "streaming";
+export type ComposerPreviewState = "hover" | "focus";
+export type ComposerLabels = {
+    input: string;
+    add: string;
+    send: string;
+    stop: string;
+    sending: string;
+    guided: string;
+    autopilot: string;
+};
+export type ComposerProps = {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    onSubmitPrompt?: (value: string, mode: ComposerMode) => void;
+    onStop?: () => void;
+    onAdd?: () => void;
+    mode?: ComposerMode;
+    defaultMode?: ComposerMode;
+    onModeChange?: (mode: ComposerMode) => void;
+    status?: ComposerStatus;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    autoFocus?: boolean;
+    name?: string;
+    placeholder?: string;
+    labels?: Partial<ComposerLabels>;
+    className?: string;
+    textareaClassName?: string;
+    "aria-describedby"?: string;
+    "data-preview-state"?: ComposerPreviewState;
+};
+/**
+ * Workspace conversation input with attachment, Guided/Autopilot selection,
+ * submission, generation interruption, content growth, and bounded scrolling.
+ */
+export declare const Composer: import("react").ForwardRefExoticComponent<ComposerProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/components/composer/ComposerViewTransition.d.ts

@@ -0,0 +1,23 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export type ComposerView = "composer" | "attachments";
+export type ComposerViewTransitionProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Active view. File acquisition state remains owned by the consumer. */
+    view: ComposerView;
+    /** The production Composer instance shown at rest. */
+    composer: ReactNode;
+    /** Consumer-owned file acquisition and selection content. */
+    attachments: ReactNode;
+};
+/**
+ * Bottom-anchored transition between Composer and consumer-owned attachment
+ * content. The shared surface expands upward while both view layers move only
+ * 12px, preserving the approved vertical carousel behavior.
+ */
+export declare const ComposerViewTransition: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    /** Active view. File acquisition state remains owned by the consumer. */
+    view: ComposerView;
+    /** The production Composer instance shown at rest. */
+    composer: ReactNode;
+    /** Consumer-owned file acquisition and selection content. */
+    attachments: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/dropdown-menu/DropdownMenu.d.ts

@@ -2,8 +2,9 @@ import { Menu } from "@base-ui/react/menu";
 import { type VariantProps } from "class-variance-authority";
 import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 
+
 export declare const dropdownMenuContentVariants: (props?: ({
-    width?: "compact" | "default" | "maximum" | null | undefined;
+    width?: "compact" | "default" | "maximum" | "trigger" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type DropdownMenuContentWidth = NonNullable<VariantProps<typeof dropdownMenuContentVariants>["width"]>;
 export type DropdownMenuItemTone = "neutral" | "destructive";

package/dist/components/global-app-bar/GlobalAppBar.d.ts

@@ -1,10 +1,33 @@
-import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type HTMLAttributes, type MouseEventHandler } from "react";
+import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type HTMLAttributes, type MouseEventHandler, type ReactElement } from "react";
 import { type AccountMenuProps } from "../account-menu/AccountMenu";
 import { type DropdownMenuProps } from "../dropdown-menu/DropdownMenu";
 import { type ThemeMode } from "../switch/Switch";
+import { type ProjectMenuProps } from "../project-menu/ProjectMenu";
 
 type BrandLinkProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "className" | "href">;
 type AccountButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-controls" | "aria-expanded" | "aria-haspopup" | "aria-label" | "children" | "className" | "onClick" | "type">;
+type ProjectSelectorButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "children" | "className" | "onClick" | "title" | "type">;
+export type GlobalAppBarProjectSelectorPresentation = "full" | "truncated" | "icon-only";
+export type GlobalAppBarProjectSelector = {
+    /** Full project name preserved in the accessible name in every presentation. */
+    name: string;
+    /** Responsive presentation selected by the owning App Shell. */
+    presentation?: GlobalAppBarProjectSelectorPresentation;
+    /** Optional explicit accessible name. Defaults to `Choose project: {name}`. */
+    label?: string;
+    /** Called when project selection is requested. */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    /** Safe native attributes for the project-selector button. */
+    buttonProps?: ProjectSelectorButtonProps;
+    /** Optional searchable menu opened by the selector trigger. */
+    menu?: Omit<ProjectMenuProps, "portalContainer">;
+    /** Controlled project-menu visibility. */
+    menuOpen?: DropdownMenuProps["open"];
+    /** Initial project-menu visibility for uncontrolled use. */
+    defaultMenuOpen?: DropdownMenuProps["defaultOpen"];
+    /** Called when project-menu visibility changes. */
+    onMenuOpenChange?: DropdownMenuProps["onOpenChange"];
+};
 export type GlobalAppBarProps = Omit<HTMLAttributes<HTMLElement>, "children"> & {
     /** Home destination used by the official Mithrl brand action. */
     brandHref?: string;
@@ -36,11 +59,20 @@ export type GlobalAppBarProps = Omit<HTMLAttributes<HTMLElement>, "children"> &
     onAccountMenuOpenChange?: DropdownMenuProps["onOpenChange"];
     /** Additional native attributes for the account-menu button. */
     accountButtonProps?: AccountButtonProps;
+    /**
+     * Workspace-only App Shell controls. Each control keeps its own semantics;
+     * Global App Bar owns only their approved order and alignment.
+     */
+    workspaceControls?: {
+        navigationToggle: ReactElement;
+        projectSelector: GlobalAppBarProjectSelector;
+        explorerToggle: ReactElement;
+    };
 };
 /**
- * Persistent Home-level application anchor. Workspace structure, project
- * context, search, creation, and page-local actions intentionally stay out of
- * this composite.
+ * Persistent application anchor. Home keeps the minimal brand, theme, and
+ * account contract; Workspace adds structural panel controls and project
+ * context without introducing a second App Bar component.
  */
 export declare const GlobalAppBar: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "children"> & {
     /** Home destination used by the official Mithrl brand action. */
@@ -73,5 +105,14 @@ export declare const GlobalAppBar: import("react").ForwardRefExoticComponent<Omi
     onAccountMenuOpenChange?: DropdownMenuProps["onOpenChange"];
     /** Additional native attributes for the account-menu button. */
     accountButtonProps?: AccountButtonProps;
+    /**
+     * Workspace-only App Shell controls. Each control keeps its own semantics;
+     * Global App Bar owns only their approved order and alignment.
+     */
+    workspaceControls?: {
+        navigationToggle: ReactElement;
+        projectSelector: GlobalAppBarProjectSelector;
+        explorerToggle: ReactElement;
+    };
 } & import("react").RefAttributes<HTMLElement>>;
 export {};

package/dist/components/navigation-item/NavigationItem.d.ts

@@ -0,0 +1,45 @@
+import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type MouseEventHandler } from "react";
+import { type IconGlyphComponent } from "../icon/Icon";
+
+export declare const navigationItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export type NavigationItemPreviewState = "hover" | "pressed" | "focus";
+type LeadingIcon = {
+    /** A recognized destination glyph rendered through the Icon primitive. */
+    leading: "icon";
+    icon: IconGlyphComponent;
+};
+type LeadingQuestion = {
+    /** A text-led question destination with no decorative leading marker. */
+    leading?: "question";
+    icon?: never;
+};
+type NavigationItemCommonProps = (LeadingIcon | LeadingQuestion) & {
+    /** The required visible and accessible destination name. */
+    label: string;
+    /** Controlled current/selected state supplied by the owning navigation. */
+    selected?: boolean;
+    /** Shows the approved text shimmer and trailing Progress Indicator. */
+    loading?: boolean;
+    /** Adds the question-row overflow action as a sibling interactive control. */
+    onMenuAction?: MouseEventHandler<HTMLButtonElement>;
+    /** Accessible name for the optional question-row overflow action. */
+    menuActionLabel?: string;
+    /** Storybook-only hook for reviewing native CSS states. */
+    "data-preview-state"?: NavigationItemPreviewState;
+};
+type NavigationItemAnchorProps = NavigationItemCommonProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "aria-current" | "children" | "href"> & {
+    /** Stable navigation destination. Anchors are the preferred contract. */
+    href: string;
+};
+type NavigationItemButtonProps = NavigationItemCommonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-pressed" | "children" | "disabled" | "type"> & {
+    /** Omit href only for an in-place Workspace selection. */
+    href?: never;
+};
+export type NavigationItemProps = NavigationItemAnchorProps | NavigationItemButtonProps;
+/**
+ * A compact destination row for persistent product navigation. Stable routes
+ * render as native anchors; the button form is reserved for in-place
+ * selection. Routing, authorization, and panel layout remain owner concerns.
+ */
+export declare const NavigationItem: import("react").ForwardRefExoticComponent<NavigationItemProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
+export {};

package/dist/components/popover-surface/PopoverSurface.d.ts

@@ -0,0 +1,8 @@
+import { type HTMLAttributes } from "react";
+
+export type PopoverSurfaceProps = HTMLAttributes<HTMLDivElement>;
+/**
+ * Visual shell for floating content. Positioning, focus, keyboard interaction,
+ * dismissal, and semantic roles remain owned by the consuming behavior layer.
+ */
+export declare const PopoverSurface: import("react").ForwardRefExoticComponent<PopoverSurfaceProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/project-menu/ProjectMenu.d.ts

@@ -0,0 +1,41 @@
+import { type ReactNode } from "react";
+import { type DropdownMenuContentProps } from "../dropdown-menu/DropdownMenu";
+
+export type ProjectMenuProject = {
+    id: string;
+    name: string;
+    disabled?: boolean;
+};
+export type ProjectMenuLabels = {
+    menu: string;
+    search: string;
+    searchPlaceholder: string;
+    empty: ReactNode;
+    browseAll: ReactNode;
+};
+export type ProjectMenuProps = Omit<DropdownMenuContentProps, "aria-label" | "children" | "width"> & {
+    projects: ProjectMenuProject[];
+    selectedProjectId?: string;
+    query?: string;
+    defaultQuery?: string;
+    onQueryChange?: (query: string) => void;
+    onProjectSelect?: (project: ProjectMenuProject) => void;
+    browseAllHref?: string;
+    onBrowseAll?: () => void;
+    labels?: Partial<ProjectMenuLabels>;
+};
+/**
+ * Searchable project-navigation content for the Global App Bar project
+ * selector. The external trigger and open state remain owned by Global App Bar.
+ */
+export declare const ProjectMenu: import("react").ForwardRefExoticComponent<Omit<DropdownMenuContentProps, "aria-label" | "children" | "width"> & {
+    projects: ProjectMenuProject[];
+    selectedProjectId?: string;
+    query?: string;
+    defaultQuery?: string;
+    onQueryChange?: (query: string) => void;
+    onProjectSelect?: (project: ProjectMenuProject) => void;
+    browseAllHref?: string;
+    onBrowseAll?: () => void;
+    labels?: Partial<ProjectMenuLabels>;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/resizable-panels/ResizablePanels.d.ts

@@ -0,0 +1,63 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+
+export type ResizablePanelDirection = "horizontal";
+export type ResizablePanelMinimum = "standard" | "compact" | number;
+export type ResizablePanelProps = Omit<HTMLAttributes<HTMLDivElement>, "id"> & {
+    /** Stable identity referenced by the splitter's aria-controls contract. */
+    id: string;
+    /** Pixel minimum or the approved Primary standard/compact policy. */
+    minSize: ResizablePanelMinimum;
+    /** Optional visible heading that names this panel region. */
+    labelId?: string;
+};
+export type ResizableHandleProps = Omit<HTMLAttributes<HTMLDivElement>, "role" | "tabIndex" | "aria-controls" | "aria-orientation" | "aria-valuemin" | "aria-valuemax" | "aria-valuenow">;
+export type ResizablePanelGroupProps = Omit<HTMLAttributes<HTMLDivElement>, "children" | "defaultValue" | "dir" | "onChange"> & {
+    /** V1 supports only the approved horizontal Primary–Secondary layout. */
+    direction?: ResizablePanelDirection;
+    /** Primary share as a percentage of the available panel space. */
+    value?: number;
+    /** Initial Primary share for uncontrolled use. Defaults to 60. */
+    defaultValue?: number;
+    /** Reports every pointer or keyboard resize. */
+    onValueChange?: (value: number) => void;
+    /** Reports the final pointer value or each committed keyboard step. */
+    onValueCommit?: (value: number) => void;
+    /** Exactly Primary Panel, Handle, and Secondary Panel in that order. */
+    children: ReactNode;
+};
+/**
+ * Content-agnostic region used as the Primary or Secondary child of a
+ * ResizablePanelGroup. Surface, header, padding, and scroll ownership remain
+ * with the panel content supplied by the consumer.
+ */
+export declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "id"> & {
+    /** Stable identity referenced by the splitter's aria-controls contract. */
+    id: string;
+    /** Pixel minimum or the approved Primary standard/compact policy. */
+    minSize: ResizablePanelMinimum;
+    /** Optional visible heading that names this panel region. */
+    labelId?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Invisible 8px window splitter. Feedback is rendered only on the two panel
+ * edges adjacent to the gap; the target itself never becomes a visible rail.
+ */
+export declare const ResizableHandle: import("react").ForwardRefExoticComponent<ResizableHandleProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Horizontal two-panel layout that owns split measurement, constraints, and
+ * direct manipulation while leaving visibility and persistence to App Shell.
+ */
+export declare const ResizablePanelGroup: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "defaultValue" | "dir" | "onChange"> & {
+    /** V1 supports only the approved horizontal Primary–Secondary layout. */
+    direction?: ResizablePanelDirection;
+    /** Primary share as a percentage of the available panel space. */
+    value?: number;
+    /** Initial Primary share for uncontrolled use. Defaults to 60. */
+    defaultValue?: number;
+    /** Reports every pointer or keyboard resize. */
+    onValueChange?: (value: number) => void;
+    /** Reports the final pointer value or each committed keyboard step. */
+    onValueCommit?: (value: number) => void;
+    /** Exactly Primary Panel, Handle, and Secondary Panel in that order. */
+    children: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/workspace-navigation/WorkspaceNavigation.d.ts

@@ -0,0 +1,94 @@
+import { type VariantProps } from "class-variance-authority";
+import { type HTMLAttributes, type MouseEvent, type MouseEventHandler } from "react";
+import { type IconButtonProps } from "../icon-button/IconButton";
+
+export declare const workspaceNavigationVariants: (props?: ({
+    presentation?: "inline" | "overlay" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type WorkspaceNavigationPresentation = NonNullable<VariantProps<typeof workspaceNavigationVariants>["presentation"]>;
+export type WorkspaceNavigationQuestion = {
+    /** Stable owner-defined identity used for controlled selection. */
+    id: string;
+    /** Visible destination name. Long values use Navigation Item's text fade. */
+    label: string;
+    /** Stable route. Omit only when the owner performs an in-place selection. */
+    href?: string;
+    /** Uses the approved text shimmer and Progress Indicator. */
+    loading?: boolean;
+};
+type NavigationClick = MouseEvent<HTMLAnchorElement | HTMLButtonElement>;
+type MenuClick = MouseEvent<HTMLButtonElement>;
+export type WorkspaceNavigationProps = Omit<HTMLAttributes<HTMLElement>, "children" | "onSelect"> & VariantProps<typeof workspaceNavigationVariants> & {
+    /** Accessible name for the navigation landmark. */
+    "aria-label"?: string;
+    /** Destination for the persistent collection-level route. */
+    allProjectsHref?: string;
+    /** Visible label for the collection-level route. */
+    allProjectsLabel?: string;
+    /** Visible label for the creation action. */
+    newQuestionLabel?: string;
+    /** Visible heading for the question destination region. */
+    questionsLabel?: string;
+    /** Controlled question destinations in display order. */
+    questions: readonly WorkspaceNavigationQuestion[];
+    /** Controlled current question identity. */
+    selectedQuestionId?: string;
+    /** Selects a question without prescribing router ownership. */
+    onQuestionSelect?: (question: WorkspaceNavigationQuestion, event: NavigationClick) => void;
+    /** Opens the product-owned menu for one question. */
+    onQuestionMenuAction?: (question: WorkspaceNavigationQuestion, event: MenuClick) => void;
+    /** Starts a new question. */
+    onNewQuestion: MouseEventHandler<HTMLButtonElement>;
+    /** Reports activation of the All Projects destination. */
+    onAllProjectsClick?: MouseEventHandler<HTMLAnchorElement>;
+    /** Controls the bottom scroll affordance. Auto reflects real overflow. */
+    bottomFade?: "auto" | "always" | "never";
+};
+/**
+ * Project-level destination panel for Workspace. It composes Navigation Item,
+ * Separator, Icon, and Progress Indicator through their public contracts.
+ * App Shell remains responsible for breakpoint selection and overlay placement.
+ */
+export declare const WorkspaceNavigation: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "children" | "onSelect"> & VariantProps<(props?: ({
+    presentation?: "inline" | "overlay" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    /** Accessible name for the navigation landmark. */
+    "aria-label"?: string;
+    /** Destination for the persistent collection-level route. */
+    allProjectsHref?: string;
+    /** Visible label for the collection-level route. */
+    allProjectsLabel?: string;
+    /** Visible label for the creation action. */
+    newQuestionLabel?: string;
+    /** Visible heading for the question destination region. */
+    questionsLabel?: string;
+    /** Controlled question destinations in display order. */
+    questions: readonly WorkspaceNavigationQuestion[];
+    /** Controlled current question identity. */
+    selectedQuestionId?: string;
+    /** Selects a question without prescribing router ownership. */
+    onQuestionSelect?: (question: WorkspaceNavigationQuestion, event: NavigationClick) => void;
+    /** Opens the product-owned menu for one question. */
+    onQuestionMenuAction?: (question: WorkspaceNavigationQuestion, event: MenuClick) => void;
+    /** Starts a new question. */
+    onNewQuestion: MouseEventHandler<HTMLButtonElement>;
+    /** Reports activation of the All Projects destination. */
+    onAllProjectsClick?: MouseEventHandler<HTMLAnchorElement>;
+    /** Controls the bottom scroll affordance. Auto reflects real overflow. */
+    bottomFade?: "auto" | "always" | "never";
+} & import("react").RefAttributes<HTMLElement>>;
+export type WorkspacePanelSide = "navigator" | "explorer";
+export type WorkspacePanelToggleButtonProps = Omit<IconButtonProps, "icon" | "loading" | "size" | "variant"> & {
+    /** Identifies which App Shell panel the animated divider represents. */
+    side: WorkspacePanelSide;
+    /** Controlled visibility state. */
+    expanded: boolean;
+};
+/** App Bar control with the approved moving and shortening panel divider. */
+export declare const WorkspacePanelToggleButton: import("react").ForwardRefExoticComponent<Omit<IconButtonProps, "icon" | "loading" | "size" | "variant"> & {
+    /** Identifies which App Shell panel the animated divider represents. */
+    side: WorkspacePanelSide;
+    /** Controlled visibility state. */
+    expanded: boolean;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/index.d.ts

@@ -3,6 +3,10 @@ export { Button, buttonVariants } from "./components/button/Button";
 export type { ButtonProps, ButtonSize, ButtonVariant, } from "./components/button/Button";
 export { Icon, iconVariants } from "./components/icon/Icon";
 export type { IconGlyphComponent, IconProps, IconSize, } from "./components/icon/Icon";
+export { NavigationItem, navigationItemVariants, } from "./components/navigation-item/NavigationItem";
+export type { NavigationItemPreviewState, NavigationItemProps, } from "./components/navigation-item/NavigationItem";
+export { WorkspaceNavigation, WorkspacePanelToggleButton, workspaceNavigationVariants, } from "./components/workspace-navigation/WorkspaceNavigation";
+export type { WorkspaceNavigationPresentation, WorkspaceNavigationProps, WorkspaceNavigationQuestion, WorkspacePanelSide, WorkspacePanelToggleButtonProps, } from "./components/workspace-navigation/WorkspaceNavigation";
 export { IconButton, iconButtonVariants, } from "./components/icon-button/IconButton";
 export type { IconButtonProps, IconButtonSize, IconButtonVariant, } from "./components/icon-button/IconButton";
 export { SegmentedTabs, segmentedTabsVariants, } from "./components/segmented-tabs/SegmentedTabs";
@@ -19,6 +23,10 @@ export { TextField, textFieldVariants, } from "./components/text-field/TextField
 export type { TextFieldPreviewState, TextFieldProps, TextFieldStatus, TextFieldSurface, } from "./components/text-field/TextField";
 export { Textarea, textareaVariants } from "./components/textarea/Textarea";
 export type { TextareaPreviewState, TextareaProps, TextareaResize, TextareaStatus, TextareaSurface, } from "./components/textarea/Textarea";
+export { Composer } from "./components/composer/Composer";
+export type { ComposerLabels, ComposerMode, ComposerPreviewState, ComposerProps, ComposerStatus, } from "./components/composer/Composer";
+export { ComposerViewTransition } from "./components/composer/ComposerViewTransition";
+export type { ComposerView, ComposerViewTransitionProps, } from "./components/composer/ComposerViewTransition";
 export { Select, selectVariants } from "./components/select/Select";
 export type { SelectPreviewState, SelectProps, SelectSize, } from "./components/select/Select";
 export { Link, linkVariants } from "./components/link/Link";
@@ -49,10 +57,14 @@ export { Field } from "./components/field/Field";
 export type { FieldControlProps, FieldControlStatus, FieldProps, FieldRenderProps, FieldSize, FieldState, } from "./components/field/Field";
 export { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuLinkItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, dropdownMenuContentVariants, } from "./components/dropdown-menu/DropdownMenu";
 export type { DropdownMenuContentProps, DropdownMenuContentWidth, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuItemTone, DropdownMenuLabelProps, DropdownMenuLinkItemProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuTriggerProps, } from "./components/dropdown-menu/DropdownMenu";
+export { PopoverSurface } from "./components/popover-surface/PopoverSurface";
+export type { PopoverSurfaceProps } from "./components/popover-surface/PopoverSurface";
+export { ProjectMenu } from "./components/project-menu/ProjectMenu";
+export type { ProjectMenuLabels, ProjectMenuProject, ProjectMenuProps, } from "./components/project-menu/ProjectMenu";
 export { AccountMenu } from "./components/account-menu/AccountMenu";
 export type { AccountMenuAction, AccountMenuProps, } from "./components/account-menu/AccountMenu";
 export { GlobalAppBar } from "./components/global-app-bar/GlobalAppBar";
-export type { GlobalAppBarProps } from "./components/global-app-bar/GlobalAppBar";
+export type { GlobalAppBarProjectSelector, GlobalAppBarProjectSelectorPresentation, GlobalAppBarProps, } from "./components/global-app-bar/GlobalAppBar";
 export { ProjectCard } from "./components/project-card/ProjectCard";
 export type { ProjectCardActivity, ProjectCardCreator, ProjectCardMetric, ProjectCardPresentation, ProjectCardPreviewArtwork, ProjectCardPreviewState, ProjectCardProps, } from "./components/project-card/ProjectCard";
 export { UploadQueue, UploadQueueItem } from "./components/upload-queue/UploadQueue";
@@ -65,3 +77,7 @@ export { FileDropzone } from "./components/file-dropzone/FileDropzone";
 export type { FileDropzoneHandle, FileDropzoneProps, FileDropzoneRejection, FileDropzoneRejectionReason, FileDropzoneSelection, FileDropzoneSelectionSource, FileDropzoneState, } from "./components/file-dropzone/FileDropzone";
 export { DialogBackdrop, DialogBody, DialogClose, DialogCloseButton, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogPopup, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DialogViewport, dialogPopupVariants, } from "./components/dialog/Dialog";
 export type { DialogBackdropProps, DialogBodyProps, DialogCloseButtonProps, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogHeaderProps, DialogPopupProps, DialogPortalProps, DialogRootProps, DialogSize, DialogTitleProps, DialogTriggerProps, DialogViewportProps, } from "./components/dialog/Dialog";
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup, } from "./components/resizable-panels/ResizablePanels";
+export type { ResizableHandleProps, ResizablePanelDirection, ResizablePanelGroupProps, ResizablePanelMinimum, ResizablePanelProps, } from "./components/resizable-panels/ResizablePanels";
+export { WorkspaceAppShell } from "./patterns/workspace-app-shell/WorkspaceAppShell";
+export type { WorkspaceAppShellLayout, WorkspaceAppShellProps, } from "./patterns/workspace-app-shell/WorkspaceAppShell";