@lateralus-ai/shipping-ui 1.4.16 → 2.0.0-dev.10

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,19 @@
+import { ReactNode } from 'react';
+import { EntryProps, EntryState, EntryVariant } from '../../components/Entry';
+/** @deprecated Prefer `EntryVariant`. */
+export type ResultRowVariant = EntryVariant;
+/** @deprecated Prefer `EntryState`. */
+export type ResultRowState = EntryState;
+export type ResultRowProps = {
+    variant?: EntryVariant;
+    state?: EntryState;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    onClick?: () => void;
+    className?: string;
+};
+/**
+ * @deprecated Prefer `Entry` — ResultRow is a thin alias for search lists.
+ */
+export declare const ResultRow: ({ variant, state, title, subtitle, onClick, className, }: ResultRowProps) => import("react/jsx-runtime").JSX.Element;
+export type { EntryProps };

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

@@ -0,0 +1,88 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+import { ModalContentProps, ModalProps } from '../../components/Modal';
+import { ResultRowProps } from './ResultRow';
+export type SearchModalState = "idle" | "loading" | "results";
+export type SearchFilterTab = {
+    value: string;
+    label: string;
+    count?: number;
+};
+export type SearchModalProps = ModalProps & {
+    /** Panel state when using the built-in layout helpers. */
+    state?: SearchModalState;
+    className?: string;
+    contentClassName?: string;
+    showOverlay?: boolean;
+    overlayClassName?: string;
+    children?: ReactNode;
+};
+/**
+ * Search dialog composed on Modal.
+ * Use compound parts (Input / Body / Filters / Results) for app wiring,
+ * or pass `state` + demo children for Storybook.
+ */
+export declare const SearchModal: ({ state, className, contentClassName, showOverlay, overlayClassName, children, ...modalProps }: SearchModalProps) => import("react/jsx-runtime").JSX.Element;
+export type SearchModalInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    className?: string;
+    wrapperClassName?: string;
+};
+export declare const SearchModalInput: ({ className, wrapperClassName, placeholder, ...props }: SearchModalInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchModalDivider: ({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export type SearchModalBodyProps = {
+    children: ReactNode;
+    className?: string;
+};
+export declare const SearchModalBody: ({ children, className, }: SearchModalBodyProps) => import("react/jsx-runtime").JSX.Element;
+export type SearchModalFiltersProps = {
+    tabs?: SearchFilterTab[];
+    value: string;
+    onValueChange: (value: string) => void;
+    children?: ReactNode;
+    className?: string;
+    listClassName?: string;
+};
+/**
+ * Pill-style filter tabs for the results state.
+ * Children render below the tab list (typically a single filtered results list).
+ * For per-tab panels, nest `SearchModalFilterPanel` (TabsContent) as children.
+ */
+export declare const SearchModalFilters: ({ tabs, value, onValueChange, children, className, listClassName, }: SearchModalFiltersProps) => import("react/jsx-runtime").JSX.Element;
+export type SearchModalFilterPanelProps = {
+    value: string;
+    children: ReactNode;
+    className?: string;
+};
+export declare const SearchModalFilterPanel: ({ value, children, className, }: SearchModalFilterPanelProps) => import("react/jsx-runtime").JSX.Element;
+export type SearchModalResultsProps = {
+    items?: ResultRowProps[];
+    children?: ReactNode;
+    className?: string;
+};
+export declare const SearchModalResults: ({ items, children, className, }: SearchModalResultsProps) => import("react/jsx-runtime").JSX.Element;
+export type SearchModalIdleProps = {
+    label?: string;
+    items?: ResultRowProps[];
+    children?: ReactNode;
+    className?: string;
+};
+export declare const SearchModalIdle: ({ label, items, children, className, }: SearchModalIdleProps) => import("react/jsx-runtime").JSX.Element;
+export type SearchModalLoadingProps = {
+    className?: string;
+};
+export declare const SearchModalLoading: ({ className }: SearchModalLoadingProps) => import("react/jsx-runtime").JSX.Element;
+/** Convenience controlled panel for Storybook / simple embeds. */
+export type SearchModalPanelProps = {
+    state?: SearchModalState;
+    query?: string;
+    onQueryChange?: (query: string) => void;
+    filter?: string;
+    onFilterChange?: (filter: string) => void;
+    filters?: SearchFilterTab[];
+    recentItems?: ResultRowProps[];
+    resultItems?: ResultRowProps[];
+    className?: string;
+};
+export declare const SearchModalPanel: ({ state, query, onQueryChange, filter, onFilterChange, filters, recentItems, resultItems, className, }: SearchModalPanelProps) => import("react/jsx-runtime").JSX.Element;
+export type { ModalContentProps };

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, SearchModalBody, SearchModalDivider, SearchModalFilterPanel, SearchModalFilters, SearchModalIdle, SearchModalInput, SearchModalLoading, SearchModalPanel, SearchModalResults, type SearchFilterTab, type SearchModalBodyProps, type SearchModalFiltersProps, type SearchModalIdleProps, type SearchModalInputProps, type SearchModalLoadingProps, type SearchModalPanelProps, type SearchModalProps, type SearchModalResultsProps, 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';