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

package/README.md

@@ -1,61 +1,96 @@
 # @lateralus-ai/shipping-ui
 
-Shared UI theme and design system for Lateralus shipping applications.
+AskChief design system — shared UI theme and React components for Lateralus shipping applications.
 
 ## Features
 
-- Material Tailwind theme configuration
-- Custom color palette (Gray, Green, Blue, Red, Orange)
-- Typography styles (subheader, body, caption, footnote variations)
-- CSS variables for theming
-- Light/Dark mode support
-- Storybook for component documentation
+- **Design tokens** — Grey/Green/Blue/Red/Orange/Purple scales, semantic action/background/display tokens
+- **Typography** — Vesterbro (headings) + Matter (body) with fallbacks
+- **55+ icons** — size-specific SVGs (`large` 24px, `small` 16px, `xs` 12px)
+- **Primitives** — Button, IconButton, Avatar, Badge, Switch, Tooltip, and more
+- **Patterns** — Sidebar, Chat, Modal, Search compositions
+- **Domain components** — Workflows, Reports, Settings, Library, Filters
+- **Storybook** — Figma-mirror canvas pages for visual review
+- **Playwright** — automated screenshot regression against Storybook
 
 ## Development
 
-### Setup
-
 ```bash
 npm install
+npm run dev          # Storybook at http://localhost:6006
+npm run build        # Library build to dist/
+npm run build-storybook
+npm run test:visual          # Playwright visual regression (starts Storybook dev)
+npm run test:visual:update   # Update screenshot baselines
 ```
 
-### Run Storybook
+## Storybook structure
+
+Stories mirror the Figma file 1:1:
+
+- **Style Guide/** — Colors, Color Tokens, Typography, Buttons matrix, Raise Levels
+- **Components/** — Buttons, Icons, Core, Sidebar, Chat, Modals, Workflows, etc.
+
+Each page has a single **Canvas** story — a fullscreen Figma-frame reproduction for screenshot comparison.
+
+## Releases
+
+### Stable (`latest`)
+
+Production releases use semver on `main` and publish to npm’s `latest` tag:
 
 ```bash
-npm run dev
-# or
-npm run storybook
+npm run release
 ```
 
-Storybook will be available at http://localhost:6006
+### Dev / nightly (v2 rebrand)
 
-### Build Storybook
+In-progress v2 work publishes as **`2.0.0-dev.0`**, **`2.0.0-dev.1`**, … under npm’s **`dev`** tag. These do **not** replace `latest`, so existing consumers on `^1.x` are unaffected.
+
+**First v2 dev release** (bumps `1.x` → `2.0.0-dev.0`):
+
+```bash
+npm run release:dev:init
+```
+
+If npm 2FA is enabled, the build step can take long enough for a one-time password to expire. Build first, then publish with a fresh OTP:
 
 ```bash
 npm run build
-# or
-npm run build-storybook
+npm run release:dev:init:publish -- --npm.otp=123456
+```
+
+**Subsequent dev releases** (increments the dev counter):
+
+```bash
+npm run release:dev
 ```
 
-## Using the Theme in Your Project
+Same OTP timing applies — use `release:dev:publish` after `npm run build` if needed.
 
-### 1. Install the package (when published)
+For repeat publishes without OTP timing issues, create a **Granular Access Token** at [npmjs.com → Account menu → Access Tokens](https://www.npmjs.com/settings/kwstoikonomou/tokens) with publish access to `@lateralus-ai/shipping-ui` and **Bypass 2FA for automation** enabled.
+
+**Opt in from a consumer** (e.g. shipping-ai):
 
 ```bash
-npm install @lateralus-ai/shipping-ui
+npm install @lateralus-ai/shipping-ui@dev
 ```
 
-### 2. Import the Tailwind configuration
+Or pin an exact pre-release in `package.json`:
 
-In your `tailwind.config.js`:
+```json
+"@lateralus-ai/shipping-ui": "2.0.0-dev.0"
+```
 
-```javascript
-const shippingUIConfig = require("@lateralus-ai/shipping-ui/tailwind");
+When v2 is ready for production, run `npm run release` to publish stable **`2.0.0`** to `latest`.
+
+## Using in your project
 
-module.exports = shippingUIConfig;
+```bash
+npm install @lateralus-ai/shipping-ui
 ```
 
-Or extend it:
+### Tailwind configuration
 
 ```javascript
 const shippingUIConfig = require("@lateralus-ai/shipping-ui/tailwind");
@@ -66,43 +101,25 @@ module.exports = {
     "./src/**/*.{js,jsx,ts,tsx}",
     "./node_modules/@lateralus-ai/shipping-ui/**/*.{js,jsx,ts,tsx}",
   ],
-  // Your additional configuration
 };
 ```
 
-### 3. Import the global styles
-
-In your main CSS file:
+### Global styles
 
 ```css
 @import "@lateralus-ai/shipping-ui/style.css";
 ```
 
-## Theme Structure
-
-### Typography Classes
+### Components
 
-- `text-subheader` / `text-subheader-em` - 18px/28px
-- `text-body` / `text-body-em` - 16px/28px
-- `text-caption-1` / `text-caption-1-em` - 16px/22px
-- `text-caption-2` / `text-caption-2-em` - 14px/20px
-- `text-footnote` / `text-footnote-em` - 13px/17px
+```tsx
+import { Button, Icon, Patterns, Domain } from "@lateralus-ai/shipping-ui";
 
-### Color Palette
-
-- Gray: 50-900
-- Green: 50-900 (primary brand color)
-- Blue: 50-900
-- Red: 50-900
-- Orange: 50-900
-- Brand Purple: #ab68ff
-
-### Font Families
-
-- Sans: Work Sans
-- Mono: Roboto Mono
-- Signature: Cursive fonts for signatures
+<Button hierarchy="primary">Save</Button>
+<Icon name="heart" size="small" />
+<Patterns.Sidebar chief="technical" collapsed={false} />
+```
 
 ## License
 
-UNLICENSED - Proprietary software
+UNLICENSED — Proprietary software

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes } from 'react';
+export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "type"> & {
+    checked?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    label?: string;
+    onChange?: (checked: boolean) => void;
+};
+export declare const Checkbox: ({ checked, indeterminate, disabled, label, onChange, className, id: idProp, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Chip.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { AvatarProps } from '../primitives';
+export type ChipVariant = "avatar" | "multiple" | "icon" | "dot" | "label";
+type ChipDotColor = "blue" | "green" | "red" | "orange" | "purple" | "grey";
+export type ChipProps = {
+    variant: ChipVariant;
+    label: string;
+    avatar?: Pick<AvatarProps, "chief" | "initials">;
+    icon?: ReactNode;
+    dotColor?: ChipDotColor;
+    onRemove?: () => void;
+    className?: string;
+};
+export declare const Chip: ({ variant, label, avatar, icon, dotColor, onRemove, className, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/EmptyState.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../primitives';
+export type EmptyStateProps = {
+    illustration?: ReactNode;
+    title: string;
+    description?: string;
+    action?: Pick<ButtonProps, "children" | "onClick" | "hierarchy" | "startIcon" | "endIcon">;
+    className?: string;
+};
+export declare const EmptyState: ({ illustration, title, description, action, className, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Entry.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type EntryType = "chat" | "issue";
+export type EntryState = "idle" | "selected";
+export type EntryProps = {
+    type: EntryType;
+    state?: EntryState;
+    title: string;
+    subtitle?: string;
+    meta?: ReactNode;
+    onClick?: () => void;
+    className?: string;
+};
+export declare const Entry: ({ type, state, title, subtitle, meta, onClick, className, }: EntryProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Header.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type HeaderVariant = "standard" | "nested";
+export type HeaderProps = {
+    variant?: HeaderVariant;
+    title: string;
+    actions?: ReactNode;
+    className?: string;
+};
+export declare const Header: ({ variant, title, actions, className, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Input.d.ts

@@ -0,0 +1,11 @@
+import { InputHTMLAttributes } from 'react';
+export type InputState = "idle" | "hover" | "disabled" | "edit";
+export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
+    label?: string;
+    value?: string;
+    placeholder?: string;
+    error?: string;
+    state?: InputState;
+    onChange?: (value: string) => void;
+};
+export declare const Input: ({ label, value, placeholder, error, state, onChange, disabled, className, id: idProp, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/InputType.d.ts

@@ -0,0 +1,10 @@
+export type InputTypeKind = "text" | "binary";
+export type InputTypeState = "on" | "off";
+export type InputTypeProps = {
+    type: InputTypeKind;
+    state: InputTypeState;
+    onChange?: (state: InputTypeState) => void;
+    disabled?: boolean;
+    className?: string;
+};
+export declare const InputType: ({ type, state, onChange, disabled, className, }: InputTypeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ModalPanel.d.ts

@@ -1,13 +1,13 @@
-import { PropsWithChildren } from 'react';
-interface HeaderProps {
+import { PropsWithChildren, ReactNode } from 'react';
+type HeaderProps = {
     onClose: () => void;
-    right?: React.ReactNode;
-}
-interface BodyProps {
+    right?: ReactNode;
+};
+type BodyProps = {
     className?: string;
-}
+};
 export declare const ModalPanel: {
-    Header: ({ onClose, right, children, }: PropsWithChildren<HeaderProps>) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ onClose, right, children }: PropsWithChildren<HeaderProps>) => import("react/jsx-runtime").JSX.Element;
     Body: ({ children, className }: PropsWithChildren<BodyProps>) => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/components/PdfViewer/ImageViewer.d.ts

@@ -1,4 +1,4 @@
-interface ImageViewerProps {
+type ImageViewerProps = {
     className?: string;
     canvasClassName?: string;
     documentUrl?: string;
@@ -8,6 +8,6 @@ interface ImageViewerProps {
     totalPages: number;
     getImageSrc: (page: number) => string | Promise<string>;
     title?: string;
-}
+};
 export declare const ImageViewer: ({ className, canvasClassName, mainCanvasClassname, initialPage, onClose, totalPages, getImageSrc, documentUrl, title, }: ImageViewerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/PdfViewer/PdfViewer.d.ts

@@ -1,9 +1,9 @@
 import { MouseEvent as ReactMouseEvent } from 'react';
-interface PdfViewerProps extends React.HTMLProps<HTMLDivElement> {
+type PdfViewerProps = React.HTMLProps<HTMLDivElement> & {
     onClose: () => void;
     src: string;
     title?: string;
     onOpen?: (event: ReactMouseEvent<HTMLButtonElement>) => void;
-}
+};
 export declare const PdfViewer: ({ onClose, src, title, className, onOpen, }: PdfViewerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ReportInput.d.ts

@@ -0,0 +1,10 @@
+import { TextareaHTMLAttributes } from 'react';
+export type ReportInputState = "idle" | "hover" | "edit";
+export type ReportInputProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> & {
+    label?: string;
+    value?: string;
+    placeholder?: string;
+    state?: ReportInputState;
+    onChange?: (value: string) => void;
+};
+export declare const ReportInput: ({ label, value, placeholder, state, onChange, disabled, className, id: idProp, rows, ...props }: ReportInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tab.d.ts

@@ -0,0 +1,7 @@
+import { ButtonHTMLAttributes } from 'react';
+export type TabState = "idle" | "active";
+export type TabProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    label: string;
+    state?: TabState;
+};
+export declare const Tab: ({ label, state, className, ...props }: TabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tabs.d.ts

@@ -1,13 +1,12 @@
-import { default as React } from 'react';
-import { Tab } from '@material-tailwind/react';
-interface Tab {
-    id: string;
+export type TabsType = "tabs" | "pills";
+export type TabsItem = {
     label: string;
-    content: React.ReactNode;
-}
-interface TabsProps {
-    tabs: Tab[];
-    defaultTab?: string;
-}
-export declare const TabsContainer: React.FC<TabsProps>;
-export {};
+};
+export type TabsProps = {
+    type?: TabsType;
+    items: TabsItem[];
+    activeIndex: number;
+    onChange: (index: number) => void;
+    className?: string;
+};
+export declare const Tabs: ({ type, items, activeIndex, onChange, className, }: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/index.d.ts

@@ -1,6 +1,13 @@
-export * from './HelloWorld';
-export * as InputPrompt from './InputPrompt';
-export * as Sidebar from './Sidebar';
+export { Input, type InputProps, type InputState } from './Input';
+export { ReportInput, type ReportInputProps, type ReportInputState } from './ReportInput';
+export { InputType, type InputTypeProps, type InputTypeKind, type InputTypeState } from './InputType';
+export { Chip, type ChipProps, type ChipVariant } from './Chip';
+export { Checkbox, type CheckboxProps } from './Checkbox';
+export { Tab, type TabProps, type TabState } from './Tab';
+export { Tabs, type TabsProps, type TabsItem, type TabsType } from './Tabs';
+export { Header, type HeaderProps, type HeaderVariant } from './Header';
+export { Entry, type EntryProps, type EntryType, type EntryState } from './Entry';
+export { EmptyState, type EmptyStateProps } from './EmptyState';
+export { ModalPanel } from './ModalPanel';
 export * from './PdfViewer/';
-export * from './Tabs';
 export * from './DocumentEditor';

package/dist/domain/Filters/FilterPill.d.ts

@@ -0,0 +1,6 @@
+export type FilterPillIndicator = "on" | "off";
+export type FilterPillProps = {
+    indicator?: FilterPillIndicator;
+    className?: string;
+};
+export declare const FilterPill: ({ indicator, className }: FilterPillProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Filters/FilteredPill.d.ts

@@ -0,0 +1,8 @@
+export type FilteredPillState = "idle" | "hover";
+export type FilteredPillProps = {
+    label?: string;
+    count?: number;
+    state?: FilteredPillState;
+    className?: string;
+};
+export declare const FilteredPill: ({ label, count, state, className, }: FilteredPillProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Filters/FiltersBar.d.ts

@@ -0,0 +1,12 @@
+export type FiltersBarTabs = "on" | "off";
+export type FiltersBarFilters = "on" | "off";
+export type FiltersBarProps = {
+    tabs?: FiltersBarTabs;
+    filters?: FiltersBarFilters;
+    tabLabels?: string[];
+    activeTab?: string;
+    searchPlaceholder?: string;
+    filterChips?: string[];
+    className?: string;
+};
+export declare const FiltersBar: ({ tabs, filters, tabLabels, activeTab, searchPlaceholder, filterChips, className, }: FiltersBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Filters/index.d.ts

@@ -0,0 +1,3 @@
+export { FiltersBar, type FiltersBarFilters, type FiltersBarProps, type FiltersBarTabs } from './FiltersBar';
+export { FilteredPill, type FilteredPillProps, type FilteredPillState } from './FilteredPill';
+export { FilterPill, type FilterPillIndicator, type FilterPillProps } from './FilterPill';

package/dist/domain/Forms/FormCard.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export type FormCardState = "idle" | "hover";
+export type FormCardProps = {
+    name?: string;
+    description?: string;
+    formCount?: number;
+    pendingCount?: number;
+    state?: FormCardState;
+    icon?: ReactNode;
+    className?: string;
+};
+export declare const FormCard: ({ name, description, formCount, pendingCount, state, icon, className, }: FormCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Forms/FormHeader.d.ts

@@ -0,0 +1,8 @@
+export type FormHeaderProps = {
+    title?: string;
+    subtitle?: string;
+    status?: string;
+    dueDate?: string;
+    className?: string;
+};
+export declare const FormHeader: ({ title, subtitle, status, dueDate, className, }: FormHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Forms/ListRow.d.ts

@@ -0,0 +1,8 @@
+export type ListRowState = "idle" | "hover";
+export type ListRowProps = {
+    name?: string;
+    subtitle?: string;
+    state?: ListRowState;
+    className?: string;
+};
+export declare const ListRow: ({ name, subtitle, state, className, }: ListRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Forms/RiskMeter.d.ts

@@ -0,0 +1,8 @@
+export type RiskMeterLevel = "high" | "medium" | "low";
+export type RiskMeterProps = {
+    level?: RiskMeterLevel;
+    label?: string;
+    score?: number;
+    className?: string;
+};
+export declare const RiskMeter: ({ level, label, score, className, }: RiskMeterProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Forms/index.d.ts

@@ -0,0 +1,4 @@
+export { FormCard, type FormCardProps, type FormCardState } from './FormCard';
+export { ListRow, type ListRowProps, type ListRowState } from './ListRow';
+export { FormHeader, type FormHeaderProps } from './FormHeader';
+export { RiskMeter, type RiskMeterLevel, type RiskMeterProps } from './RiskMeter';

package/dist/domain/Library/File.d.ts

@@ -0,0 +1,8 @@
+export type FileState = "idle" | "uploaded" | "uploading" | "waiting" | "huge";
+export type FileProps = {
+    name?: string;
+    meta?: string;
+    state?: FileState;
+    className?: string;
+};
+export declare const File: ({ name, meta, state, className, }: FileProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Library/Folder.d.ts

@@ -0,0 +1,8 @@
+export type FolderState = "idle" | "hover" | "selected";
+export type FolderProps = {
+    name?: string;
+    fileCount?: number;
+    state?: FolderState;
+    className?: string;
+};
+export declare const Folder: ({ name, fileCount, state, className, }: FolderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Library/Folders.d.ts

@@ -0,0 +1,11 @@
+export type FoldersLayout = "collapsed" | "expanded";
+export type FoldersProps = {
+    layout?: FoldersLayout;
+    folders?: {
+        name: string;
+        fileCount: number;
+        selected?: boolean;
+    }[];
+    className?: string;
+};
+export declare const Folders: ({ layout, folders, className, }: FoldersProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Library/ListRow.d.ts

@@ -0,0 +1,8 @@
+export type ListRowState = "idle" | "hover";
+export type ListRowProps = {
+    name?: string;
+    updatedAt?: string;
+    state?: ListRowState;
+    className?: string;
+};
+export declare const ListRow: ({ name, updatedAt, state, className, }: ListRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Library/Navigation.d.ts

@@ -0,0 +1,7 @@
+export type NavigationNested = "on" | "off";
+export type NavigationProps = {
+    label?: string;
+    nested?: NavigationNested;
+    className?: string;
+};
+export declare const Navigation: ({ label, nested, className, }: NavigationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Library/index.d.ts

@@ -0,0 +1,5 @@
+export { Folder, type FolderProps, type FolderState } from './Folder';
+export { File, type FileProps, type FileState } from './File';
+export { Navigation, type NavigationNested, type NavigationProps } from './Navigation';
+export { Folders, type FoldersLayout, type FoldersProps } from './Folders';
+export { ListRow, type ListRowProps, type ListRowState } from './ListRow';

package/dist/domain/Report/InfoHeading.d.ts

@@ -0,0 +1,7 @@
+export type InfoHeadingEmphasis = "on" | "off";
+export type InfoHeadingProps = {
+    title?: string;
+    emphasis?: InfoHeadingEmphasis;
+    className?: string;
+};
+export declare const InfoHeading: ({ title, emphasis, className, }: InfoHeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Report/InfoRow.d.ts

@@ -0,0 +1,8 @@
+export type InfoRowColumn = "on" | "off";
+export type InfoRowProps = {
+    label?: string;
+    value?: string;
+    column?: InfoRowColumn;
+    className?: string;
+};
+export declare const InfoRow: ({ label, value, column, className, }: InfoRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Report/Report.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export type ReportProps = {
+    title?: string;
+    className?: string;
+    children?: ReactNode;
+};
+export declare const Report: ({ title, className, children, }: ReportProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Report/SectionHeader.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type SectionHeaderCollapsed = "on" | "off";
+export type SectionHeaderProps = {
+    title?: string;
+    subtitle?: string;
+    collapsed?: SectionHeaderCollapsed;
+    className?: string;
+    children?: ReactNode;
+};
+export declare const SectionHeader: ({ title, subtitle, collapsed, className, children, }: SectionHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Report/TaskRow.d.ts

@@ -0,0 +1,11 @@
+export type TaskRowVariant = "task" | "add-more";
+export type TaskRowHover = "on" | "off";
+export type TaskRowStrikethrough = "on" | "off";
+export type TaskRowProps = {
+    label?: string;
+    variant?: TaskRowVariant;
+    hover?: TaskRowHover;
+    strikethrough?: TaskRowStrikethrough;
+    className?: string;
+};
+export declare const TaskRow: ({ label, variant, hover, strikethrough, className, }: TaskRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Report/index.d.ts

@@ -0,0 +1,5 @@
+export { SectionHeader, type SectionHeaderCollapsed, type SectionHeaderProps } from './SectionHeader';
+export { TaskRow, type TaskRowHover, type TaskRowProps, type TaskRowStrikethrough, type TaskRowVariant } from './TaskRow';
+export { InfoRow, type InfoRowColumn, type InfoRowProps } from './InfoRow';
+export { InfoHeading, type InfoHeadingEmphasis, type InfoHeadingProps } from './InfoHeading';
+export { Report, type ReportProps } from './Report';

package/dist/domain/Settings/EquipmentRow.d.ts

@@ -0,0 +1,8 @@
+export type EquipmentRowEditable = "on" | "off";
+export type EquipmentRowProps = {
+    name?: string;
+    type?: string;
+    editable?: EquipmentRowEditable;
+    className?: string;
+};
+export declare const EquipmentRow: ({ name, type, editable, className, }: EquipmentRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Settings/MemberRow.d.ts

@@ -0,0 +1,11 @@
+export type MemberRowState = "idle" | "hover";
+export type MemberRowAction = "label" | "button";
+export type MemberRowProps = {
+    name?: string;
+    role?: string;
+    state?: MemberRowState;
+    action?: MemberRowAction;
+    actionLabel?: string;
+    className?: string;
+};
+export declare const MemberRow: ({ name, role, state, action, actionLabel, className, }: MemberRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Settings/SettingRow.d.ts

@@ -0,0 +1,10 @@
+export type SettingRowState = "idle" | "hover" | "selected";
+export type SettingRowVariant = "ship" | "user";
+export type SettingRowProps = {
+    label?: string;
+    subtitle?: string;
+    state?: SettingRowState;
+    variant?: SettingRowVariant;
+    className?: string;
+};
+export declare const SettingRow: ({ label, subtitle, state, variant, className, }: SettingRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Settings/index.d.ts

@@ -0,0 +1,3 @@
+export { EquipmentRow, type EquipmentRowEditable, type EquipmentRowProps } from './EquipmentRow';
+export { SettingRow, type SettingRowProps, type SettingRowState, type SettingRowVariant } from './SettingRow';
+export { MemberRow, type MemberRowAction, type MemberRowProps, type MemberRowState } from './MemberRow';

package/dist/domain/Ships/ShipRow.d.ts

@@ -0,0 +1,10 @@
+export type ShipRowState = "idle" | "hover";
+export type ShipRowProps = {
+    name?: string;
+    chatCount?: number;
+    issueCount?: number;
+    unreadCount?: number;
+    state?: ShipRowState;
+    className?: string;
+};
+export declare const ShipRow: ({ name, chatCount, issueCount, unreadCount, state, className, }: ShipRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/domain/Ships/index.d.ts

@@ -0,0 +1 @@
+export { ShipRow, type ShipRowProps, type ShipRowState } from './ShipRow';