northline 0.1.0

package/dist/components/Grid.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface GridProps {
+    columns?: number;
+    gap?: number;
+    children: ReactNode;
+    className?: string;
+}
+export default function Grid({ columns, gap, children, className }: GridProps): import('react').JSX.Element;

package/dist/components/Heading.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface HeadingProps {
+    level?: 1 | 2 | 3 | 4;
+    children: ReactNode;
+    className?: string;
+}
+export default function Heading({ level, children, className }: HeadingProps): import('react').JSX.Element;

package/dist/components/Icon.d.ts

@@ -0,0 +1,8 @@
+export type IconName = 'close' | 'check' | 'chevron-left' | 'chevron-right' | 'kebab' | 'drag-handle' | 'copy' | 'trash' | 'plus' | 'minus' | 'upload' | 'star' | 'info' | 'warning' | 'settings' | 'inbox' | 'search' | 'calendar' | 'eye' | 'eye-off';
+export interface IconProps {
+    name: IconName;
+    size?: number;
+    color?: string;
+    filled?: boolean;
+}
+export default function Icon({ name, size, color, filled }: IconProps): import('react').JSX.Element;

package/dist/components/IconButton.d.ts

@@ -0,0 +1,8 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
+    children: ReactNode;
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
+    size?: 'sm' | 'md';
+    label: string;
+}
+export default function IconButton({ children, variant, size, label, ...rest }: IconButtonProps): import('react').JSX.Element;

package/dist/components/InfoTooltip.d.ts

@@ -0,0 +1,4 @@
+export interface InfoTooltipProps {
+    text?: string;
+}
+export default function InfoTooltip({ text }: InfoTooltipProps): import('react').JSX.Element | null;

package/dist/components/Input.d.ts

@@ -0,0 +1,10 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'value' | 'id'> {
+    label?: ReactNode;
+    value: string;
+    onChange: (value: string) => void;
+    error?: boolean;
+    hint?: ReactNode;
+    id?: string;
+}
+export default function Input({ label, value, onChange, type, placeholder, disabled, error, hint, id, ...rest }: InputProps): import('react').JSX.Element;

package/dist/components/Kbd.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface KbdProps {
+    children: ReactNode;
+}
+export default function Kbd({ children }: KbdProps): import('react').JSX.Element;

package/dist/components/Link.d.ts

@@ -0,0 +1,6 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+export interface LinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'className'> {
+    children: ReactNode;
+    external?: boolean;
+}
+export default function Link({ children, external, ...rest }: LinkProps): import('react').JSX.Element;

package/dist/components/List.d.ts

@@ -0,0 +1,11 @@
+import { Key, ReactNode } from 'react';
+export interface ListItemData {
+    id: Key;
+    content: ReactNode;
+    onClick?: () => void;
+}
+export interface ListProps {
+    items: ListItemData[];
+    bordered?: boolean;
+}
+export default function List({ items, bordered }: ListProps): import('react').JSX.Element;

package/dist/components/LoadingOverlay.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface LoadingOverlayProps {
+    active: boolean;
+    children: ReactNode;
+    label?: string;
+}
+export default function LoadingOverlay({ active, children, label }: LoadingOverlayProps): import('react').JSX.Element;

package/dist/components/Menu.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface MenuItem {
+    label: string;
+    onClick?: () => void;
+    danger?: boolean;
+    disabled?: boolean;
+}
+export interface MenuProps {
+    items: MenuItem[];
+    label?: string;
+    trigger?: ReactNode;
+}
+export default function Menu({ items, label, trigger }: MenuProps): import('react').JSX.Element;

package/dist/components/MiniBar.d.ts

@@ -0,0 +1,6 @@
+export interface MiniBarProps {
+    data?: number[];
+    color?: string;
+    height?: number;
+}
+export default function MiniBar({ data, color, height }: MiniBarProps): import('react').JSX.Element | null;

package/dist/components/Modal.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface ModalProps {
+    open: boolean;
+    onClose?: () => void;
+    title?: ReactNode;
+    children: ReactNode;
+    footer?: ReactNode;
+    size?: 'sm' | 'md' | 'lg';
+}
+export default function Modal({ open, onClose, title, children, footer, size }: ModalProps): import('react').ReactPortal | null;

package/dist/components/Navbar.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface NavbarProps {
+    brand?: ReactNode;
+    children?: ReactNode;
+    sticky?: boolean;
+}
+export default function Navbar({ brand, children, sticky }: NavbarProps): import('react').JSX.Element;

package/dist/components/NumberStepper.d.ts

@@ -0,0 +1,10 @@
+export interface NumberStepperProps {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    label?: string;
+    disabled?: boolean;
+}
+export default function NumberStepper({ value, onChange, min, max, step, label, disabled }: NumberStepperProps): import('react').JSX.Element;

package/dist/components/OTPInput.d.ts

@@ -0,0 +1,8 @@
+export interface OTPInputProps {
+    length?: number;
+    value: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    label?: string;
+}
+export default function OTPInput({ length, value, onChange, disabled, label }: OTPInputProps): import('react').JSX.Element;

package/dist/components/Pagination.d.ts

@@ -0,0 +1,6 @@
+export interface PaginationProps {
+    page: number;
+    pageCount: number;
+    onChange: (page: number) => void;
+}
+export default function Pagination({ page, pageCount, onChange }: PaginationProps): import('react').JSX.Element | null;

package/dist/components/PasswordInput.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface PasswordInputProps {
+    label?: ReactNode;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: boolean;
+    hint?: ReactNode;
+    id?: string;
+    autoComplete?: string;
+}
+export default function PasswordInput({ label, value, onChange, placeholder, disabled, error, hint, id, autoComplete, }: PasswordInputProps): import('react').JSX.Element;

package/dist/components/Popover.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface PopoverProps {
+    trigger: ReactNode;
+    children: ReactNode;
+    label?: string;
+    align?: 'left' | 'right';
+}
+export default function Popover({ trigger, children, label, align }: PopoverProps): import('react').JSX.Element;

package/dist/components/Portal.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface PortalProps {
+    children: ReactNode;
+}
+export default function Portal({ children }: PortalProps): import('react').ReactPortal | null;

package/dist/components/ProgressBar.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { BadgeTone } from './Badge';
+export interface ProgressBarProps {
+    value: number;
+    max?: number;
+    tone?: Exclude<BadgeTone, 'neutral'>;
+    label?: ReactNode;
+}
+export default function ProgressBar({ value, max, tone, label }: ProgressBarProps): import('react').JSX.Element;

package/dist/components/Radio.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+export interface RadioProps {
+    name: string;
+    value: string;
+    checked: boolean;
+    onChange: (value: string) => void;
+    label?: ReactNode;
+    disabled?: boolean;
+}
+export declare function Radio({ name, value, checked, onChange, label, disabled }: RadioProps): import('react').JSX.Element;
+export interface RadioOption {
+    value: string;
+    label?: ReactNode;
+    disabled?: boolean;
+}
+export interface RadioGroupProps {
+    name: string;
+    value: string;
+    onChange: (value: string) => void;
+    options: RadioOption[];
+    disabled?: boolean;
+}
+export default function RadioGroup({ name, value, onChange, options, disabled }: RadioGroupProps): import('react').JSX.Element;

package/dist/components/Rating.d.ts

@@ -0,0 +1,7 @@
+export interface RatingProps {
+    value: number;
+    onChange?: (value: number) => void;
+    max?: number;
+    readOnly?: boolean;
+}
+export default function Rating({ value, onChange, max, readOnly }: RatingProps): import('react').JSX.Element;

package/dist/components/ScoreCard.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface ScoreCardProps {
+    label: ReactNode;
+    value: ReactNode;
+    accent: 'indigo' | 'green' | 'rose' | 'cyan';
+    sub?: ReactNode;
+    direction?: 'up' | 'down';
+    trend?: number[];
+}
+export default function ScoreCard({ label, value, accent, sub, direction, trend }: ScoreCardProps): import('react').JSX.Element;

package/dist/components/SearchInput.d.ts

@@ -0,0 +1,7 @@
+export interface SearchInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+}
+export default function SearchInput({ value, onChange, placeholder, disabled }: SearchInputProps): import('react').JSX.Element;

package/dist/components/SegmentedControl.d.ts

@@ -0,0 +1,12 @@
+export interface SegmentedOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface SegmentedControlProps {
+    options: SegmentedOption[];
+    value: string;
+    onChange: (value: string) => void;
+    label?: string;
+}
+export default function SegmentedControl({ options, value, onChange, label }: SegmentedControlProps): import('react').JSX.Element;

package/dist/components/Select.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export interface SelectOption {
+    value: string;
+    label: ReactNode;
+}
+interface SelectBaseProps {
+    options: SelectOption[];
+    label?: string;
+}
+export interface SingleSelectProps extends SelectBaseProps {
+    multiple?: false;
+    value: string;
+    onChange: (value: string) => void;
+}
+export interface MultiSelectProps extends SelectBaseProps {
+    multiple: true;
+    value: string[];
+    onChange: (value: string[]) => void;
+}
+export type SelectProps = SingleSelectProps | MultiSelectProps;
+export default function Select(props: SelectProps): import('react').JSX.Element;
+export {};

package/dist/components/Sidebar.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export interface SidebarItem {
+    id: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    onClick?: () => void;
+}
+export interface SidebarProps {
+    items: SidebarItem[];
+    activeId?: string;
+    collapsed?: boolean;
+    header?: ReactNode;
+}
+export default function Sidebar({ items, activeId, collapsed, header }: SidebarProps): import('react').JSX.Element;

package/dist/components/Skeleton.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties } from 'react';
+export interface SkeletonProps {
+    variant?: 'text' | 'circle' | 'rect';
+    width?: CSSProperties['width'];
+    height?: CSSProperties['height'];
+    radius?: CSSProperties['borderRadius'];
+}
+export default function Skeleton({ variant, width, height, radius }: SkeletonProps): import('react').JSX.Element;

package/dist/components/Slider.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface SliderProps {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    label?: ReactNode;
+    disabled?: boolean;
+    /** Formats the value shown next to the label, e.g. `(v) => `${v}%`` */
+    formatValue?: (value: number) => ReactNode;
+}
+export default function Slider({ value, onChange, min, max, step, label, disabled, formatValue, }: SliderProps): import('react').JSX.Element;

package/dist/components/Sparkline.d.ts

@@ -0,0 +1,6 @@
+export interface SparklineProps {
+    data?: number[];
+    color?: string;
+    height?: number;
+}
+export default function Sparkline({ data, color, height }: SparklineProps): import('react').JSX.Element | null;

package/dist/components/Spinner.d.ts

@@ -0,0 +1,5 @@
+export interface SpinnerProps {
+    size?: number;
+    label?: string;
+}
+export default function Spinner({ size, label }: SpinnerProps): import('react').JSX.Element;

package/dist/components/Stack.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface StackProps {
+    direction?: 'row' | 'column';
+    gap?: number;
+    align?: CSSProperties['alignItems'];
+    justify?: CSSProperties['justifyContent'];
+    wrap?: boolean;
+    children: ReactNode;
+    className?: string;
+}
+export default function Stack({ direction, gap, align, justify, wrap, children, className }: StackProps): import('react').JSX.Element;
+export declare function VStack(props: Omit<StackProps, 'direction'>): import('react').JSX.Element;
+export declare function HStack(props: Omit<StackProps, 'direction'>): import('react').JSX.Element;

package/dist/components/StatusDot.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { BadgeTone } from './Badge';
+export interface StatusDotProps {
+    tone?: Exclude<BadgeTone, 'neutral'>;
+    label?: ReactNode;
+    pulse?: boolean;
+}
+export default function StatusDot({ tone, label, pulse }: StatusDotProps): import('react').JSX.Element;

package/dist/components/Stepper.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export interface StepperStep {
+    id: string;
+    label: ReactNode;
+}
+export interface StepperProps {
+    steps: StepperStep[];
+    activeId: string;
+    completedIds?: string[];
+}
+export default function Stepper({ steps, activeId, completedIds }: StepperProps): import('react').JSX.Element;

package/dist/components/Switch.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface SwitchProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label?: ReactNode;
+    disabled?: boolean;
+}
+export default function Switch({ checked, onChange, label, disabled }: SwitchProps): import('react').JSX.Element;

package/dist/components/Table.d.ts

@@ -0,0 +1,15 @@
+import { Key, ReactNode } from 'react';
+export interface TableColumn<T> {
+    key: string;
+    header: ReactNode;
+    align?: 'left' | 'right';
+    render?: (row: T) => ReactNode;
+}
+export interface TableProps<T> {
+    columns: TableColumn<T>[];
+    rows: T[];
+    getRowKey?: (row: T) => Key;
+    onRowClick?: (row: T) => void;
+    emptyMessage?: ReactNode;
+}
+export default function Table<T extends Record<string, unknown>>({ columns, rows, getRowKey, onRowClick, emptyMessage, }: TableProps<T>): import('react').JSX.Element;

package/dist/components/Tabs.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface Tab {
+    id: string;
+    label: ReactNode;
+    comingSoon?: boolean;
+}
+export interface TabsProps {
+    tabs: Tab[];
+    active: string;
+    onChange: (id: string) => void;
+}
+export default function Tabs({ tabs, active, onChange }: TabsProps): import('react').JSX.Element;

package/dist/components/TagInput.d.ts

@@ -0,0 +1,8 @@
+export interface TagInputProps {
+    value: string[];
+    onChange: (value: string[]) => void;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+}
+export default function TagInput({ value, onChange, label, placeholder, disabled }: TagInputProps): import('react').JSX.Element;

package/dist/components/Text.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export interface TextProps {
+    as?: 'p' | 'span' | 'div';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    weight?: 'regular' | 'medium' | 'semibold' | 'bold';
+    color?: 'default' | 'muted' | 'accent' | 'danger';
+    mono?: boolean;
+    children: ReactNode;
+    className?: string;
+}
+export default function Text({ as, size, weight, color, mono, children, className, }: TextProps): import('react').JSX.Element;

package/dist/components/Textarea.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode, TextareaHTMLAttributes } from 'react';
+export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'value' | 'id'> {
+    label?: ReactNode;
+    value: string;
+    onChange: (value: string) => void;
+    error?: boolean;
+    hint?: ReactNode;
+    id?: string;
+}
+export default function Textarea({ label, value, onChange, placeholder, disabled, error, hint, rows, id, ...rest }: TextareaProps): import('react').JSX.Element;

package/dist/components/Timeline.d.ts

@@ -0,0 +1,13 @@
+import { Key, ReactNode } from 'react';
+import { BadgeTone } from './Badge';
+export interface TimelineItem {
+    id: Key;
+    title: ReactNode;
+    timestamp?: ReactNode;
+    description?: ReactNode;
+    tone?: Exclude<BadgeTone, 'neutral'>;
+}
+export interface TimelineProps {
+    items: TimelineItem[];
+}
+export default function Timeline({ items }: TimelineProps): import('react').JSX.Element;

package/dist/components/Toast.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { BadgeTone } from './Badge';
+export interface ToastOptions {
+    tone?: BadgeTone;
+    duration?: number;
+}
+export interface ToastContextValue {
+    show: (message: ReactNode, options?: ToastOptions) => number;
+    dismiss: (id: number) => void;
+}
+export declare function ToastProvider({ children }: {
+    children: ReactNode;
+}): import('react').JSX.Element;
+export declare function useToast(): ToastContextValue;

package/dist/components/Tooltip.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export interface TooltipProps {
+    content: ReactNode;
+    children: ReactNode;
+    placement?: 'top' | 'bottom';
+}
+export default function Tooltip({ content, children, placement }: TooltipProps): import('react').JSX.Element;

package/dist/components/Tree.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface TreeNode {
+    id: string;
+    label: ReactNode;
+    children?: TreeNode[];
+}
+export interface TreeProps {
+    nodes: TreeNode[];
+    defaultExpandedIds?: string[];
+    onSelect?: (id: string) => void;
+    selectedId?: string;
+}
+export default function Tree({ nodes, defaultExpandedIds, onSelect, selectedId }: TreeProps): import('react').JSX.Element;

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useClickOutside(ref: RefObject<HTMLElement | null>, onOutside: () => void, active?: boolean): void;

package/dist/index.d.ts

@@ -0,0 +1,78 @@
+export { default as ScoreCard } from './components/ScoreCard';
+export { default as Sparkline } from './components/Sparkline';
+export { default as ChartCard } from './components/ChartCard';
+export { default as Select } from './components/Select';
+export { default as DateRangePicker } from './components/DateRangePicker';
+export { default as InfoTooltip } from './components/InfoTooltip';
+export { default as Tabs } from './components/Tabs';
+export { default as Button } from './components/Button';
+export { default as Badge } from './components/Badge';
+export { default as Input } from './components/Input';
+export { default as Switch } from './components/Switch';
+export { default as Table } from './components/Table';
+export { default as Modal } from './components/Modal';
+export { ToastProvider, useToast } from './components/Toast';
+export { default as Checkbox } from './components/Checkbox';
+export { default as RadioGroup, Radio } from './components/Radio';
+export { default as Textarea } from './components/Textarea';
+export { default as Skeleton } from './components/Skeleton';
+export { default as Menu } from './components/Menu';
+export { default as Pagination } from './components/Pagination';
+export { default as Breadcrumbs } from './components/Breadcrumbs';
+export { default as ProgressBar } from './components/ProgressBar';
+export { default as Gauge } from './components/Gauge';
+export { default as Avatar } from './components/Avatar';
+export { default as Card } from './components/Card';
+export { default as EmptyState } from './components/EmptyState';
+export { default as Spinner } from './components/Spinner';
+export { default as Accordion } from './components/Accordion';
+export { default as SegmentedControl } from './components/SegmentedControl';
+export { default as ChartLegend } from './components/ChartLegend';
+export { default as MiniBar } from './components/MiniBar';
+export { default as BulletChart } from './components/BulletChart';
+export { default as Slider } from './components/Slider';
+export { default as Stepper } from './components/Stepper';
+export { default as Drawer } from './components/Drawer';
+export { default as Popover } from './components/Popover';
+export { default as TagInput } from './components/TagInput';
+export { default as SearchInput } from './components/SearchInput';
+export { default as CopyButton } from './components/CopyButton';
+export { default as StatusDot } from './components/StatusDot';
+export { default as DescriptionList } from './components/DescriptionList';
+export { default as Text } from './components/Text';
+export { default as Heading } from './components/Heading';
+export { default as Container } from './components/Container';
+export { default as Stack, VStack, HStack } from './components/Stack';
+export { default as Grid } from './components/Grid';
+export { default as Divider } from './components/Divider';
+export { default as Link } from './components/Link';
+export { default as Alert } from './components/Alert';
+export { default as IconButton } from './components/IconButton';
+export { default as Tooltip } from './components/Tooltip';
+export { default as Fieldset } from './components/Fieldset';
+export { default as Combobox } from './components/Combobox';
+export { default as NumberStepper } from './components/NumberStepper';
+export { default as FileUpload } from './components/FileUpload';
+export { default as DatePicker } from './components/DatePicker';
+export { default as Rating } from './components/Rating';
+export { default as List } from './components/List';
+export { default as Timeline } from './components/Timeline';
+export { default as AvatarGroup } from './components/AvatarGroup';
+export { default as CodeBlock } from './components/CodeBlock';
+export { default as Kbd } from './components/Kbd';
+export { default as Tree } from './components/Tree';
+export { default as Navbar } from './components/Navbar';
+export { default as Sidebar } from './components/Sidebar';
+export { default as ButtonGroup } from './components/ButtonGroup';
+export { default as ColorPicker } from './components/ColorPicker';
+export { default as Icon } from './components/Icon';
+export type { IconName } from './components/Icon';
+export { default as PasswordInput } from './components/PasswordInput';
+export { default as OTPInput } from './components/OTPInput';
+export { default as LoadingOverlay } from './components/LoadingOverlay';
+export { default as ErrorBoundary } from './components/ErrorBoundary';
+export { default as Carousel } from './components/Carousel';
+export { default as Portal } from './components/Portal';
+export { useClickOutside } from './hooks/useClickOutside';
+export { PALETTE, TOOLTIP_OPTS, AXIS_TICK_FONT, AXIS_COLOR, GRID_COLOR, dualAxisOptions, donutOptions, horizontalBarOptions, areaOptions, stackedBarOptions, radarOptions, rollingAverage, getChartColors, onThemeChange, } from './chartTheme';
+export { installCharts } from './chartSetup';