@lateralus-ai/shipping-ui 1.4.15 → 2.0.0-dev.0

package/dist/patterns/Chat/Attachment.d.ts

@@ -0,0 +1,6 @@
+export type AttachmentProps = {
+    name?: string;
+    size?: string;
+    className?: string;
+};
+export declare const Attachment: ({ name, size, className, }: AttachmentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Chat/ChatEntry.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { Chief } from '../Sidebar/Switcher';
+export type ChatEntryRole = "user" | "chief";
+export type ChatEntryProps = {
+    role?: ChatEntryRole;
+    chief?: Chief;
+    children?: ReactNode;
+    className?: string;
+};
+export declare const ChatEntry: ({ role, chief, children, className, }: ChatEntryProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Chat/ChatHeader.d.ts

@@ -0,0 +1,7 @@
+import { Chief } from '../Sidebar/Switcher';
+export type ChatHeaderProps = {
+    chief?: Chief;
+    title?: string;
+    className?: string;
+};
+export declare const ChatHeader: ({ chief, title, className, }: ChatHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Chat/ChatInput.d.ts

@@ -0,0 +1,5 @@
+export type ChatInputProps = {
+    placeholder?: string;
+    className?: string;
+};
+export declare const ChatInput: ({ placeholder, className, }: ChatInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Chat/ChatStatus.d.ts

@@ -0,0 +1,6 @@
+export type ChatStatusProps = {
+    status?: "thinking" | "typing" | "idle";
+    message?: string;
+    className?: string;
+};
+export declare const ChatStatus: ({ status, message, className, }: ChatStatusProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Chat/ChatTile.d.ts

@@ -0,0 +1,9 @@
+import { Chief } from '../Sidebar/Switcher';
+export type ChatTileProps = {
+    chief?: Chief;
+    title?: string;
+    preview?: string;
+    timestamp?: string;
+    className?: string;
+};
+export declare const ChatTile: ({ chief, title, preview, timestamp, className, }: ChatTileProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Chat/Copilot.d.ts

@@ -0,0 +1,8 @@
+import { Chief } from '../Sidebar/Switcher';
+export type CopilotProps = {
+    chief?: Chief;
+    empty?: boolean;
+    thinking?: boolean;
+    className?: string;
+};
+export declare const Copilot: ({ chief, empty, thinking, className, }: CopilotProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Chat/Draft.d.ts

@@ -0,0 +1,5 @@
+export type DraftProps = {
+    content?: string;
+    className?: string;
+};
+export declare const Draft: ({ content, className, }: DraftProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Chat/Greeting.d.ts

@@ -0,0 +1,7 @@
+import { Chief } from '../Sidebar/Switcher';
+export type GreetingProps = {
+    chief?: Chief;
+    name?: string;
+    className?: string;
+};
+export declare const Greeting: ({ chief, name, className, }: GreetingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Chat/Reference.d.ts

@@ -0,0 +1,6 @@
+export type ReferenceProps = {
+    title?: string;
+    page?: string;
+    className?: string;
+};
+export declare const Reference: ({ title, page, className, }: ReferenceProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Chat/Source.d.ts

@@ -0,0 +1,6 @@
+export type SourceProps = {
+    title?: string;
+    excerpt?: string;
+    className?: string;
+};
+export declare const Source: ({ title, excerpt, className, }: SourceProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Chat/Sources.d.ts

@@ -0,0 +1,5 @@
+export type SourcesProps = {
+    count?: number;
+    className?: string;
+};
+export declare const Sources: ({ count, className }: SourcesProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Chat/Suggestion.d.ts

@@ -0,0 +1,5 @@
+export type SuggestionProps = {
+    label?: string;
+    className?: string;
+};
+export declare const Suggestion: ({ label, className, }: SuggestionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Chat/Suggestions.d.ts

@@ -0,0 +1,4 @@
+export type SuggestionsProps = {
+    className?: string;
+};
+export declare const Suggestions: ({ className }: SuggestionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Chat/index.d.ts

@@ -0,0 +1,14 @@
+export { Attachment, type AttachmentProps } from './Attachment';
+export { ChatEntry, type ChatEntryProps, type ChatEntryRole } from './ChatEntry';
+export { ChatHeader, type ChatHeaderProps } from './ChatHeader';
+export { ChatInput, type ChatInputProps } from './ChatInput';
+export { ChatStatus, type ChatStatusProps } from './ChatStatus';
+export { ChatTile, type ChatTileProps } from './ChatTile';
+export { Copilot, type CopilotProps } from './Copilot';
+export { Draft, type DraftProps } from './Draft';
+export { Greeting, type GreetingProps } from './Greeting';
+export { Reference, type ReferenceProps } from './Reference';
+export { Source, type SourceProps } from './Source';
+export { Sources, type SourcesProps } from './Sources';
+export { Suggestion, type SuggestionProps } from './Suggestion';
+export { Suggestions, type SuggestionsProps } from './Suggestions';

package/dist/patterns/Modal/Invitee.d.ts

@@ -0,0 +1,8 @@
+export type InviteeVariant = "single" | "multiple";
+export type InviteeProps = {
+    variant?: InviteeVariant;
+    name?: string;
+    names?: string[];
+    className?: string;
+};
+export declare const Invitee: ({ variant, name, names, className, }: InviteeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Modal/ModalFooter.d.ts

@@ -0,0 +1,6 @@
+import { Chief } from '../Sidebar/Switcher';
+export type ModalFooterProps = {
+    chief?: Chief;
+    className?: string;
+};
+export declare const ModalFooter: ({ chief, className, }: ModalFooterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Modal/ModalHeader.d.ts

@@ -0,0 +1,10 @@
+import { Chief } from '../Sidebar/Switcher';
+export type ModalHeaderVariant = "issue" | "thinking" | "generic" | "settings" | "audit" | "forms";
+export type ModalHeaderProps = {
+    variant?: ModalHeaderVariant;
+    title?: string;
+    chief?: Chief;
+    onClose?: () => void;
+    className?: string;
+};
+export declare const ModalHeader: ({ variant, title, chief, onClose, className, }: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+export { Invitee, type InviteeProps, type InviteeVariant } from './Invitee';
+export { ModalFooter, type ModalFooterProps } from './ModalFooter';
+export { ModalHeader, type ModalHeaderProps, type ModalHeaderVariant } from './ModalHeader';

package/dist/patterns/Search/Pill.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type PillState = "idle" | "active";
+export type PillSize = "large" | "small";
+export type PillProps = {
+    state?: PillState;
+    size?: PillSize;
+    children: ReactNode;
+    className?: string;
+};
+export declare const Pill: ({ state, size, children, className, }: PillProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Search/PillInfo.d.ts

@@ -0,0 +1,8 @@
+export type PillInfoType = "count" | "completed" | "dropdown";
+export type PillInfoProps = {
+    type?: PillInfoType;
+    value?: number;
+    label?: string;
+    className?: string;
+};
+export declare const PillInfo: ({ type, value, label, className, }: PillInfoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Search/ResultRow.d.ts

@@ -0,0 +1,10 @@
+export type ResultRowVariant = "report" | "chat" | "issue";
+export type ResultRowState = "idle";
+export type ResultRowProps = {
+    variant?: ResultRowVariant;
+    state?: ResultRowState;
+    title?: string;
+    subtitle?: string;
+    className?: string;
+};
+export declare const ResultRow: ({ variant, state, title, subtitle, className, }: ResultRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Search/SearchModal.d.ts

@@ -0,0 +1,6 @@
+export type SearchModalState = "idle" | "loading" | "results";
+export type SearchModalProps = {
+    state?: SearchModalState;
+    className?: string;
+};
+export declare const SearchModal: ({ state, className }: SearchModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Search/SectionHeader.d.ts

@@ -0,0 +1,5 @@
+export type SectionHeaderProps = {
+    label?: string;
+    className?: string;
+};
+export declare const SectionHeader: ({ label, className, }: SectionHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Search/index.d.ts

@@ -0,0 +1,5 @@
+export { Pill, type PillProps, type PillSize, type PillState } from './Pill';
+export { PillInfo, type PillInfoProps, type PillInfoType } from './PillInfo';
+export { ResultRow, type ResultRowProps, type ResultRowState, type ResultRowVariant } from './ResultRow';
+export { SearchModal, type SearchModalProps, type SearchModalState } from './SearchModal';
+export { SectionHeader, type SectionHeaderProps } from './SectionHeader';

package/dist/patterns/Sidebar/Account.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export type AccountMenuItem = {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    destructive?: boolean;
+    onSelect: () => void;
+};
+export type AccountProps = {
+    name?: string;
+    avatarSrc?: string;
+    collapsed?: boolean;
+    /** Storybook / subcomponent grid forced state. */
+    state?: "idle" | "hover";
+    /** Composed sidebar: true when pointer is over collapsed sidebar (shipping-ai pattern). */
+    sidebarHovered?: boolean;
+    presentation?: boolean;
+    menuItems?: AccountMenuItem[];
+    onToggleCollapsed?: () => void;
+    className?: string;
+};
+export declare const Account: ({ name, avatarSrc, collapsed, state, sidebarHovered, presentation, menuItems, onToggleCollapsed, className, }: AccountProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Sidebar/ActivityNavGroup.d.ts

@@ -0,0 +1,17 @@
+import { MouseEvent, ReactNode } from 'react';
+import { SidebarEntryMenuItem } from './SidebarEntry';
+import { Chief } from './Switcher';
+export type ActivityNavGroupProps = {
+    href: string;
+    chief: Chief;
+    empty?: boolean;
+    label?: string;
+    icon?: ReactNode;
+    className?: string;
+    onNavigate?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    entryMenuItems?: SidebarEntryMenuItem[];
+};
+export declare const ActivityNavGroup: ({ href, chief, empty, label, icon, className, onNavigate, entryMenuItems, }: ActivityNavGroupProps) => import("react/jsx-runtime").JSX.Element;
+/** @deprecated Use ActivityNavGroup */
+export declare const Activity: ({ href, chief, empty, label, icon, className, onNavigate, entryMenuItems, }: ActivityNavGroupProps) => import("react/jsx-runtime").JSX.Element;
+export type ActivityProps = ActivityNavGroupProps;

package/dist/patterns/Sidebar/CollapsibleNavGroup.d.ts

@@ -0,0 +1,24 @@
+import { MouseEvent, ReactNode } from 'react';
+import { SidebarEntryMenuItem } from './SidebarEntry';
+export type Ship = {
+    id: string;
+    name: string;
+    href?: string;
+    count?: number;
+};
+export type CollapsibleNavGroupProps = {
+    href: string;
+    label?: string;
+    icon?: ReactNode;
+    expanded: boolean;
+    onExpandedChange: (expanded: boolean) => void;
+    ships?: Ship[];
+    className?: string;
+    onNavigate?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    entryMenuItems?: SidebarEntryMenuItem[];
+};
+export declare const CollapsibleNavGroup: ({ href, label, icon, expanded, onExpandedChange, ships, className, onNavigate, entryMenuItems, }: CollapsibleNavGroupProps) => import("react/jsx-runtime").JSX.Element;
+/** @deprecated Use CollapsibleNavGroup */
+export declare const Ships: ({ href, label, icon, expanded, onExpandedChange, ships, className, onNavigate, entryMenuItems, }: CollapsibleNavGroupProps) => import("react/jsx-runtime").JSX.Element;
+export type ShipsProps = CollapsibleNavGroupProps;
+export type ShipsState = "collapsed" | "expanded";

package/dist/patterns/Sidebar/Indicator.d.ts

@@ -0,0 +1,6 @@
+import { Chief } from './Switcher';
+export type IndicatorProps = {
+    chief: Chief;
+    className?: string;
+};
+export declare const Indicator: ({ chief, className }: IndicatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Sidebar/NewChat.d.ts

@@ -0,0 +1,10 @@
+import { MouseEvent } from 'react';
+export type NewChatProps = {
+    href?: string;
+    collapsed?: boolean;
+    state?: "idle" | "hover";
+    className?: string;
+    presentation?: boolean;
+    onNavigate?: (event: MouseEvent<HTMLAnchorElement>) => void;
+};
+export declare const NewChat: ({ href, collapsed, state, presentation, className, onNavigate, }: NewChatProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Sidebar/Sidebar.d.ts

@@ -0,0 +1,13 @@
+import { Chief } from './Switcher';
+export type SidebarProps = {
+    chief?: Chief;
+    activity?: boolean;
+    /** Figma layouts: initial ships expanded. Interactive: toggles via chevron. */
+    ships?: boolean;
+    collapsed?: boolean;
+    showSearch?: boolean;
+    /** Frozen Figma grid — no toggles or menus. */
+    presentation?: boolean;
+    className?: string;
+};
+export declare const Sidebar: ({ chief, activity, ships, collapsed, showSearch, presentation, className, }: SidebarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Sidebar/SidebarAction.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type SidebarActionProps = {
+    label: string;
+    icon?: ReactNode;
+    onClick: () => void;
+    active?: boolean;
+    collapsed?: boolean;
+    tooltip?: string;
+    className?: string;
+};
+export declare const SidebarAction: ({ label, icon, onClick, active, collapsed, tooltip, className, }: SidebarActionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Sidebar/SidebarEntry.d.ts

@@ -0,0 +1,25 @@
+import { MouseEvent, ReactNode } from 'react';
+export type SidebarEntryMenuItem = {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    destructive?: boolean;
+    onSelect: () => void;
+};
+export type SidebarEntryState = "idle" | "hover" | "selected";
+export type SidebarEntryProps = {
+    href: string;
+    label: string;
+    state?: SidebarEntryState;
+    icon?: ReactNode;
+    badge?: ReactNode;
+    menuItems?: SidebarEntryMenuItem[];
+    forceMenuVisible?: boolean;
+    className?: string;
+    onNavigate?: (event: MouseEvent<HTMLAnchorElement>) => void;
+};
+export declare const SidebarEntry: ({ href, label, state, icon, badge, menuItems, forceMenuVisible, className, onNavigate, }: SidebarEntryProps) => import("react/jsx-runtime").JSX.Element;
+/** @deprecated Use SidebarEntry */
+export declare const Entry: ({ href, label, state, icon, badge, menuItems, forceMenuVisible, className, onNavigate, }: SidebarEntryProps) => import("react/jsx-runtime").JSX.Element;
+export type EntryProps = SidebarEntryProps;
+export type EntryState = SidebarEntryState;

package/dist/patterns/Sidebar/SidebarHeading.d.ts

@@ -0,0 +1,11 @@
+export type SidebarHeadingProps = {
+    title: string;
+    /** Figma Collapsed=On — section label with trailing chevron */
+    collapsed?: boolean;
+    state?: "idle" | "hover";
+    className?: string;
+};
+export declare const SidebarHeading: ({ title, collapsed, state, className, }: SidebarHeadingProps) => import("react/jsx-runtime").JSX.Element;
+/** @deprecated Use SidebarHeading */
+export declare const Heading: ({ title, collapsed, state, className, }: SidebarHeadingProps) => import("react/jsx-runtime").JSX.Element;
+export type HeadingProps = SidebarHeadingProps;

package/dist/patterns/Sidebar/SidebarLink.d.ts

@@ -0,0 +1,22 @@
+import { MouseEvent, ReactNode } from 'react';
+export type SidebarLinkState = "idle" | "hover" | "active";
+export type SidebarLinkProps = {
+    href: string;
+    label: string;
+    icon?: ReactNode;
+    state?: SidebarLinkState;
+    collapsed?: boolean;
+    tall?: boolean;
+    badge?: ReactNode;
+    trailing?: ReactNode;
+    tooltip?: string;
+    presentation?: boolean;
+    unread?: boolean;
+    className?: string;
+    onNavigate?: (event: MouseEvent<HTMLAnchorElement>) => void;
+};
+export declare const SidebarLink: ({ href, label, icon, state, collapsed, tall, badge, trailing, tooltip, presentation, unread, className, onNavigate, }: SidebarLinkProps) => import("react/jsx-runtime").JSX.Element;
+/** @deprecated Use SidebarLink */
+export declare const Section: ({ href, label, icon, state, collapsed, tall, badge, trailing, tooltip, presentation, unread, className, onNavigate, }: SidebarLinkProps) => import("react/jsx-runtime").JSX.Element;
+export type SectionProps = SidebarLinkProps;
+export type SectionState = SidebarLinkState;

package/dist/patterns/Sidebar/SidebarShell.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export type SidebarShellProps = {
+    sidebar: ReactNode;
+    children: ReactNode;
+    /** Pixels subtracted from viewport height (e.g. app banner). */
+    bannerOffset?: number;
+    className?: string;
+    mainClassName?: string;
+};
+/** Viewport-height app shell: sidebar stays put, main scrolls independently. */
+export declare const SidebarShell: ({ sidebar, children, bannerOffset, className, mainClassName, }: SidebarShellProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Sidebar/Switcher.d.ts

@@ -0,0 +1,8 @@
+export type Chief = "technical" | "compliance";
+export type SwitcherProps = {
+    chief: Chief;
+    expanded?: boolean;
+    onChiefChange?: (chief: Chief) => void;
+    className?: string;
+};
+export declare const Switcher: ({ chief, expanded, onChiefChange, className, }: SwitcherProps) => import("react/jsx-runtime").JSX.Element;

package/dist/patterns/Sidebar/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const SIDEBAR_EXPANDED_WIDTH = 280;
+export declare const SIDEBAR_COLLAPSED_WIDTH = 56;

package/dist/patterns/Sidebar/figma-assets.d.ts

@@ -0,0 +1,3 @@
+import { default as accountAvatar } from './assets/account-avatar.jpg';
+import { default as accountAvatar24 } from './assets/account-avatar-24.jpg';
+export { accountAvatar, accountAvatar24 };

package/dist/patterns/Sidebar/figma-demo-content.d.ts

@@ -0,0 +1,75 @@
+export type FigmaActivityIcon = "status" | "statusClosed" | "chat" | "chatPro";
+export declare const FIGMA_ACTIVITY_ENTRIES: readonly [{
+    readonly id: "1";
+    readonly label: "Winch Slipping Under Load";
+    readonly href: "#chat-1";
+    readonly count: 1;
+    readonly icon: "status";
+}, {
+    readonly id: "2";
+    readonly label: "Excessive Vibration Propeller Shaft";
+    readonly href: "#chat-2";
+    readonly icon: "chatPro";
+}, {
+    readonly id: "3";
+    readonly label: "Winch Slipping Under Load";
+    readonly href: "#chat-3";
+    readonly icon: "chat";
+}, {
+    readonly id: "4";
+    readonly label: "Freshwater Pressure Drop Causes";
+    readonly href: "#chat-4";
+    readonly icon: "chat";
+}, {
+    readonly id: "5";
+    readonly label: "Excessive Vibration Propeller Shaft";
+    readonly href: "#chat-5";
+    readonly icon: "status";
+}, {
+    readonly id: "6";
+    readonly label: "Freshwater Pressure Drop Causes";
+    readonly href: "#chat-6";
+    readonly icon: "statusClosed";
+}, {
+    readonly id: "7";
+    readonly label: "Rust Prevention On Deck Fittings";
+    readonly href: "#chat-7";
+    readonly icon: "chatPro";
+}, {
+    readonly id: "8";
+    readonly label: "Persistent Engine Room Oil Leak";
+    readonly href: "#chat-8";
+    readonly icon: "chat";
+}];
+export declare const FIGMA_SHIP_ENTRIES: readonly [{
+    readonly id: "1";
+    readonly name: "The Coral Explorer";
+    readonly href: "#ship-1";
+    readonly count: 3;
+}, {
+    readonly id: "2";
+    readonly name: "Silver Wave";
+    readonly href: "#ship-2";
+    readonly count: 1;
+}, {
+    readonly id: "3";
+    readonly name: "Ocean Voyager";
+    readonly href: "#ship-3";
+}, {
+    readonly id: "4";
+    readonly name: "Albatross Wind";
+    readonly href: "#ship-4";
+}];
+export declare const FIGMA_ACCOUNT_NAME = "Panos Tsamoudakis";
+export declare const FIGMA_SECTION_LABEL = "Name";
+export declare const FIGMA_HEADING_LABEL = "Label";
+export declare const FIGMA_ENTRY_LABEL = "New chat";
+export declare const DEMO_SIDEBAR_ENTRY_MENU_ITEMS: readonly [{
+    readonly id: "example-1";
+    readonly label: "Example one";
+    readonly onSelect: () => undefined;
+}, {
+    readonly id: "example-2";
+    readonly label: "Example two";
+    readonly onSelect: () => undefined;
+}];

package/dist/patterns/Sidebar/figma-sidebar-nav.d.ts

@@ -0,0 +1,12 @@
+import { Chief } from './Switcher';
+export type FigmaNavItemId = "search" | "workflows" | "analytics" | "forms" | "ships" | "defectReports" | "tasks" | "knowledge" | "activity";
+export type FigmaCollapsedNavItem = {
+    id: FigmaNavItemId;
+    unread?: boolean;
+};
+export type FigmaSidebarNavConfig = {
+    expandedItems: FigmaNavItemId[];
+    collapsedItems: FigmaCollapsedNavItem[];
+};
+export declare const FIGMA_NAV_LABELS: Record<FigmaNavItemId, string>;
+export declare const getFigmaSidebarNav: (chief: Chief) => FigmaSidebarNavConfig;

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

@@ -0,0 +1,13 @@
+export { Account, type AccountMenuItem, type AccountProps } from './Account';
+export { ActivityNavGroup, Activity, type ActivityNavGroupProps, type ActivityProps } from './ActivityNavGroup';
+export { CollapsibleNavGroup, Ships, type CollapsibleNavGroupProps, type Ship, type ShipsProps } from './CollapsibleNavGroup';
+export { SIDEBAR_COLLAPSED_WIDTH, SIDEBAR_EXPANDED_WIDTH } from './constants';
+export { Entry, SidebarEntry, type EntryProps, type EntryState, type SidebarEntryMenuItem, type SidebarEntryProps, type SidebarEntryState } from './SidebarEntry';
+export { Heading, SidebarHeading, type HeadingProps, type SidebarHeadingProps } from './SidebarHeading';
+export { Indicator, type IndicatorProps } from './Indicator';
+export { NewChat, type NewChatProps } from './NewChat';
+export { Section, SidebarLink, type SectionProps, type SectionState, type SidebarLinkProps, type SidebarLinkState } from './SidebarLink';
+export { SidebarAction, type SidebarActionProps } from './SidebarAction';
+export { Sidebar, type SidebarProps } from './Sidebar';
+export { SidebarShell, type SidebarShellProps } from './SidebarShell';
+export { Switcher, type Chief, type SwitcherProps } from './Switcher';

package/dist/patterns/Sidebar/sidebar-styles.d.ts

@@ -0,0 +1,45 @@
+/** Figma sidebar surfaces use translucent grey overlays, not solid background-hover tokens. */
+export declare const sidebarSurfaceHover = "bg-[rgba(38,36,32,0.04)]";
+export declare const sidebarSurfaceSelected = "bg-[rgba(38,36,32,0.08)]";
+/** 8px between top-level sidebar blocks (Figma Top gap). */
+export declare const sidebarBlockGap = "gap-2";
+/** 4px between entries inside a group (Activity, Ships). */
+export declare const sidebarGroupGap = "gap-1";
+/** Section row shell — 36px total (Figma Section symbols). */
+export declare const sidebarSectionShell = "box-border flex h-9 w-full items-center rounded-control p-2";
+/** Taller section row — 40px (New chat, Ships header). */
+export declare const sidebarSectionShellTall = "box-border flex h-10 w-full items-center rounded-control p-2";
+/** Collapsed icon-only section — Figma Section/Collapsed On: w-full, p-2, 16px icon. */
+export declare const sidebarSectionShellCollapsed = "relative box-border flex w-full flex-col items-center justify-center rounded-control p-2";
+/** Figma Indicator overlay — 24×24 anchored top-left of icon content. */
+export declare const sidebarUnreadOverlay = "pointer-events-none absolute left-0 top-0 size-6";
+/** Figma unread dot — ~6px, top-right of the 24px indicator overlay. */
+export declare const sidebarUnreadDot = "absolute right-0 top-0 size-1.5 rounded-full bg-[#802c20]";
+export declare const sidebarSectionContent = "flex w-full min-w-0 items-center gap-2 pl-1";
+export declare const sidebarSectionIconClass = "shrink-0 [&>svg]:size-4";
+export declare const sidebarSectionLabelClass = "min-w-0 flex-1 truncate text-caption-2 tracking-[0.01em]";
+/** Figma sidebar icon buttons — transparent idle, grey hover (no white fill). */
+export declare const sidebarQuaternaryIconButton = "bg-transparent text-action-quaternary-on-idle hover:bg-[rgba(38,36,32,0.04)] hover:text-action-quaternary-on-hover disabled:bg-transparent disabled:opacity-50";
+/** Scrollable nav region — thin thumb flush to the right edge (matches shipping-ai). */
+export declare const sidebarScrollRegion = "sidebar-scroll flex min-h-0 flex-1 flex-col overflow-x-hidden overflow-y-auto";
+/** Nav row — grey hover surface (Section, Entry, collapsed + expanded). */
+export declare const sidebarRowInteractiveHover = "transition-colors hover:bg-[rgba(38,36,32,0.04)] hover:text-display-on-light-primary";
+/** @deprecated Use sidebarRowInteractiveHover */
+export declare const sidebarCollapsedRowHover = "transition-colors hover:bg-[rgba(38,36,32,0.04)] hover:text-display-on-light-primary";
+/** New chat — primary blue hover (Figma New chat Hover variant). */
+export declare const sidebarNewChatInteractiveHover = "group/newchat transition-colors hover:bg-action-primary-hover hover:text-action-primary-on-hover";
+export declare const sidebarNewChatIconHover = "group-hover/newchat:text-action-primary-on-hover";
+export declare const sidebarLinkIdle = "text-display-on-light-secondary";
+export declare const sidebarLinkHover: string;
+export declare const sidebarLinkActive: string;
+export declare const sidebarEntryIdle = "text-display-on-light-secondary";
+export declare const sidebarEntryHover: string;
+export declare const sidebarEntrySelected: string;
+/** Entry row — Figma min-h-[36px] px-[8px] py-[6px]. */
+export declare const sidebarEntryShell = "box-border flex h-9 w-full items-center gap-1 rounded-control px-2 py-1.5";
+export declare const sidebarRowPadding = "px-2 py-1.5";
+export declare const sidebarRowMinHeight = "min-h-9";
+export declare const sidebarRowRadius = "rounded-control";
+export declare const sidebarRowClass: (className?: string) => string;
+export declare const sidebarAnchorClass: (className?: string) => string;
+export declare const sidebarSectionAnchorClass: (className?: string) => string;

package/dist/patterns/Skeleton/Skeleton.d.ts

@@ -0,0 +1,6 @@
+export type SkeletonVariant = "content" | "search";
+export type SkeletonProps = {
+    variant?: SkeletonVariant;
+    className?: string;
+};
+export declare const Skeleton: ({ variant, className }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { Skeleton, type SkeletonProps, type SkeletonVariant } from './Skeleton';

package/dist/patterns/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Sidebar';
+export * from './Chat';
+export * from './Modal';
+export * from './Search';
+export * from './Skeleton';

package/dist/primitives/Avatar.d.ts

@@ -0,0 +1,10 @@
+type ChiefType = "technical" | "compliance" | "initials";
+type AvatarSize = 32 | 24 | 18 | 16;
+export type AvatarProps = {
+    chief: ChiefType;
+    size?: AvatarSize;
+    initials?: string;
+    className?: string;
+};
+export declare const Avatar: ({ chief, size, initials, className }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/primitives/Badge.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+type BadgeColor = "blue" | "green" | "red" | "orange" | "purple" | "grey";
+type BadgeType = "label" | "icon";
+export type BadgeProps = {
+    color: BadgeColor;
+    type?: BadgeType;
+    children: ReactNode;
+    className?: string;
+};
+export declare const Badge: ({ color, type, children, className }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export {};