@mrintel/villain-ui 0.2.2 → 0.6.3

package/dist/components/utilities/SystemInterface.svelte.d.ts

@@ -0,0 +1,19 @@
+import type { Snippet } from 'svelte';
+import type { SystemMessage } from './utilities.types';
+interface Props {
+    messages: SystemMessage[];
+    onSubmit?: (input: string) => void;
+    processing?: boolean;
+    placeholder?: string;
+    height?: string;
+    autoScroll?: boolean;
+    stagingDelay?: number;
+    leftPanel?: Snippet;
+    rightPanel?: Snippet;
+    topPanel?: Snippet;
+    bottomPanel?: Snippet;
+    class?: string;
+}
+declare const SystemInterface: import("svelte").Component<Props, {}, "">;
+type SystemInterface = ReturnType<typeof SystemInterface>;
+export default SystemInterface;

package/dist/components/utilities/index.d.ts

@@ -0,0 +1,9 @@
+export { default as Portal } from './Portal.svelte';
+export { default as Collapse } from './Collapse.svelte';
+export { default as Accordion } from './Accordion.svelte';
+export { default as Carousel } from './Carousel.svelte';
+export { default as ScrollArea } from './ScrollArea.svelte';
+export { default as Hero } from './Hero.svelte';
+export { default as SystemConsole } from './SystemConsole.svelte';
+export { default as SystemInterface } from './SystemInterface.svelte';
+export type { ConsoleMessage, SystemMessage, MessageContentType } from './utilities.types';

package/dist/components/utilities/index.js

@@ -0,0 +1,8 @@
+export { default as Portal } from './Portal.svelte';
+export { default as Collapse } from './Collapse.svelte';
+export { default as Accordion } from './Accordion.svelte';
+export { default as Carousel } from './Carousel.svelte';
+export { default as ScrollArea } from './ScrollArea.svelte';
+export { default as Hero } from './Hero.svelte';
+export { default as SystemConsole } from './SystemConsole.svelte';
+export { default as SystemInterface } from './SystemInterface.svelte';

package/dist/components/utilities/utilities.types.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Type definitions for utility components
+ */
+export interface ConsoleMessage {
+    id: string;
+    role: 'user' | 'system';
+    variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
+    content: string;
+    timestamp?: Date;
+}
+export type MessageContentType = {
+    type: 'text';
+    value: string;
+} | {
+    type: 'stats';
+    value: Record<string, number | string>;
+    layout?: 'grid' | 'list';
+} | {
+    type: 'status';
+    value: Record<string, {
+        value: string;
+        status: 'ok' | 'warning' | 'error' | 'info';
+    }>;
+} | {
+    type: 'table';
+    value: {
+        headers: string[];
+        rows: (string | number)[][];
+    };
+} | {
+    type: 'keyvalue';
+    value: Record<string, string | number>;
+    columns?: number;
+} | {
+    type: 'custom';
+    value: any;
+    class?: string;
+};
+export interface SystemMessage {
+    id: string;
+    role: 'user' | 'system';
+    tier?: 'informational' | 'analysis' | 'directive' | 'warning' | 'critical';
+    content: string | MessageContentType;
+    timestamp?: number;
+    updateable?: boolean;
+}

package/dist/components/utilities/utilities.types.js

@@ -0,0 +1,4 @@
+/**
+ * Type definitions for utility components
+ */
+export {};

package/dist/index.d.ts

@@ -1,175 +1,60 @@
-import { default as Accordion } from './Accordion.svelte';
-import { default as Alert } from './Alert.svelte';
-import { default as Avatar } from './Avatar.svelte';
-import { default as Badge } from './Badge.svelte';
-import { default as Breadcrumbs } from './Breadcrumbs.svelte';
-import { default as Button } from './Button.svelte';
-import { default as ButtonGroup } from './ButtonGroup.svelte';
-import { default as Card } from './Card.svelte';
-import { default as Carousel } from './Carousel.svelte';
-import { default as Checkbox } from './Checkbox.svelte';
-import { default as Code } from './Code.svelte';
-import { default as CodeBlock } from './CodeBlock.svelte';
-import { default as Collapse } from './Collapse.svelte';
-import { default as CommandPalette } from './CommandPalette.svelte';
-import { default as Container } from './Container.svelte';
-import { default as ContextMenu } from './ContextMenu.svelte';
-import { default as Divider } from './Divider.svelte';
-import { default as Drawer } from './Drawer.svelte';
-import { default as Dropdown } from './Dropdown.svelte';
-import { default as DropdownMenu } from './DropdownMenu.svelte';
-import { default as FileUpload } from './FileUpload.svelte';
-import { default as FloatingActionButton } from './FloatingActionButton.svelte';
-import { default as Grid } from './Grid.svelte';
-import { default as Heading } from './Heading.svelte';
-import { default as IconButton } from './IconButton.svelte';
-import { default as Input } from './Input.svelte';
-import { default as InputGroup } from './InputGroup.svelte';
-import { default as LinkButton } from './LinkButton.svelte';
-import { default as List } from './List.svelte';
-import { default as Menu } from './Menu.svelte';
-import { default as Modal } from './Modal.svelte';
-import { default as Navbar } from './Navbar.svelte';
-import { default as Pagination } from './Pagination.svelte';
-import { default as Panel } from './Panel.svelte';
-import { default as Popover } from './Popover.svelte';
-import { default as Portal } from './Portal.svelte';
-import { default as ProgressBar } from './ProgressBar.svelte';
-import { default as RadioGroup } from './RadioGroup.svelte';
-import { default as RangeSlider } from './RangeSlider.svelte';
-import { default as ScrollArea } from './ScrollArea.svelte';
-import { default as SectionHeader } from './SectionHeader.svelte';
-import { default as Select } from './Select.svelte';
-import { default as Sidebar } from './Sidebar.svelte';
-import { default as SkeletonLoader } from './SkeletonLoader.svelte';
-import { default as Spinner } from './Spinner.svelte';
-import { default as Stat } from './Stat.svelte';
-import { default as Switch } from './Switch.svelte';
-import { default as Table } from './Table.svelte';
-import { default as Tabs } from './Tabs.svelte';
-import { default as Tag } from './Tag.svelte';
-import { default as Text_2 } from './Text.svelte';
-import { default as Textarea } from './Textarea.svelte';
-import { default as Toast } from './Toast.svelte';
-import { default as Tooltip } from './Tooltip.svelte';
-
-export { Accordion }
-
-export { Alert }
-
-export { Avatar }
-
-export { Badge }
-
-export { Breadcrumbs }
-
-export { Button }
-
-export { ButtonGroup }
-
-export { Card }
-
-export { Carousel }
-
-export { Checkbox }
-
-export { Code }
-
-export { CodeBlock }
-
-export { Collapse }
-
-export { CommandPalette }
-
-export { Container }
-
-export { ContextMenu }
-
-export { Divider }
-
-export { Drawer }
-
-export { Dropdown }
-
-export { DropdownMenu }
-
-export { FileUpload }
-
-export { FloatingActionButton }
-
-export { Grid }
-
-export { Heading }
-
-export { IconButton }
-
-export { Input }
-
-export { InputGroup }
-
-export { LinkButton }
-
-export { List }
-
-export { Menu }
-
-export { Modal }
-
-export { Navbar }
-
-export { Pagination }
-
-export { Panel }
-
-export { Popover }
-
-export { Portal }
-
-export { ProgressBar }
-
-export { RadioGroup }
-
-export { RangeSlider }
-
-export { ScrollArea }
-
-export { SectionHeader }
-
-export { Select }
-
-export { Sidebar }
-
-export { SkeletonLoader }
-
-export { Spinner }
-
-export { Stat }
-
-export { Switch }
-
-export { Table }
-
-export { Tabs }
-
-export { Tag }
-
-export { Text_2 as Text }
-
-export { Textarea }
-
-export { Toast }
-
-export { Tooltip }
-
-/**
- * @mrintel/villain-ui - A luxury Svelte 5 component library
- *
- * This is the main entry point for the component library.
- *
- * Note: Theme styles are NOT automatically imported. Consumers must explicitly
- * import '@mrintel/villain-ui/theme.css' in their application to use the default theme.
- * This gives full control over styling and allows custom theme implementations.
- */
-export declare const version = "0.1.0";
-
-export { }
+/**
+ * @mrintel/villain-ui - A luxury Svelte 5 component library
+ *
+ * This is the main entry point for the component library.
+ */
+import './theme.css';
+export declare const version = "0.6.0";
+export { Button, IconButton, ButtonGroup, LinkButton, FloatingActionButton } from './components/buttons';
+export { Input, Textarea, Select, Checkbox, Switch, RadioGroup, RangeSlider, FileUpload, InputGroup, DatePicker, TimePicker, DateTimePicker } from './components/forms';
+export { Card, Panel, Grid, Container, SectionHeader, Divider } from './components/cards';
+export { Navbar, Sidebar, Tabs, Breadcrumbs, Menu, DropdownMenu, ContextMenu } from './components/navigation';
+export { Modal, Alert, Spinner, Tooltip, ProgressBar, SkeletonLoader, Toast, Drawer, Popover, Dropdown, CommandPalette } from './components/overlays';
+export { Heading, Text, Code } from './components/typography';
+export { Table, Pagination, Badge, Tag, List, Avatar, CodeBlock, Stat, CalendarGrid, Sparkline } from './components/data';
+export type { TableColumn, SortDirection, CalendarEvent } from './components/data';
+export { Portal, Collapse, Accordion, Carousel, ScrollArea, Hero, SystemConsole, SystemInterface } from './components/utilities';
+export type { ConsoleMessage, SystemMessage, MessageContentType } from './components/utilities';
+import type { ComponentProps } from 'svelte';
+import type Button from './components/buttons/Button.svelte';
+import type IconButton from './components/buttons/IconButton.svelte';
+import type FloatingActionButton from './components/buttons/FloatingActionButton.svelte';
+import type LinkButton from './components/buttons/LinkButton.svelte';
+import type Input from './components/forms/Input.svelte';
+import type Textarea from './components/forms/Textarea.svelte';
+import type Select from './components/forms/Select.svelte';
+import type Checkbox from './components/forms/Checkbox.svelte';
+import type Switch from './components/forms/Switch.svelte';
+import type RadioGroup from './components/forms/RadioGroup.svelte';
+import type DatePicker from './components/forms/DatePicker.svelte';
+import type TimePicker from './components/forms/TimePicker.svelte';
+import type DateTimePicker from './components/forms/DateTimePicker.svelte';
+import type Card from './components/cards/Card.svelte';
+import type Tabs from './components/navigation/Tabs.svelte';
+import type Modal from './components/overlays/Modal.svelte';
+import type Drawer from './components/overlays/Drawer.svelte';
+import type Alert from './components/overlays/Alert.svelte';
+import type Tooltip from './components/overlays/Tooltip.svelte';
+import type Accordion from './components/utilities/Accordion.svelte';
+import type Sparkline from './components/data/Sparkline.svelte';
+export type ButtonProps = ComponentProps<Button>;
+export type IconButtonProps = ComponentProps<IconButton>;
+export type FloatingActionButtonProps = ComponentProps<FloatingActionButton>;
+export type LinkButtonProps = ComponentProps<LinkButton>;
+export type InputProps = ComponentProps<Input>;
+export type TextareaProps = ComponentProps<Textarea>;
+export type SelectProps = ComponentProps<Select>;
+export type CheckboxProps = ComponentProps<Checkbox>;
+export type SwitchProps = ComponentProps<Switch>;
+export type RadioGroupProps = ComponentProps<RadioGroup>;
+export type DatePickerProps = ComponentProps<DatePicker>;
+export type TimePickerProps = ComponentProps<TimePicker>;
+export type DateTimePickerProps = ComponentProps<DateTimePicker>;
+export type CardProps = ComponentProps<Card>;
+export type TabsProps = ComponentProps<Tabs>;
+export type ModalProps = ComponentProps<Modal>;
+export type DrawerProps = ComponentProps<Drawer>;
+export type AlertProps = ComponentProps<Alert>;
+export type TooltipProps = ComponentProps<Tooltip>;
+export type AccordionProps = ComponentProps<Accordion>;
+export type SparklineProps = ComponentProps<Sparkline>;