@mrintel/villain-ui 0.3.0 → 0.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +3490 -1296
- package/dist/components/buttons/Button.svelte +27 -33
- package/dist/components/buttons/Button.svelte.d.ts +4 -1
- package/dist/components/buttons/ButtonGroup.svelte +17 -30
- package/dist/components/buttons/FloatingActionButton.svelte +20 -44
- package/dist/components/buttons/FloatingActionButton.svelte.d.ts +2 -1
- package/dist/components/buttons/IconButton.svelte +23 -53
- package/dist/components/buttons/IconButton.svelte.d.ts +2 -1
- package/dist/components/buttons/LinkButton.svelte +24 -37
- package/dist/components/buttons/LinkButton.svelte.d.ts +4 -1
- package/dist/components/buttons/buttonClasses.d.ts +5 -0
- package/dist/components/buttons/buttonClasses.js +8 -3
- package/dist/components/cards/Card.svelte +54 -46
- package/dist/components/cards/Card.svelte.d.ts +9 -2
- package/dist/components/cards/Container.svelte +17 -33
- package/dist/components/cards/Divider.svelte +36 -52
- package/dist/components/cards/Divider.svelte.d.ts +2 -0
- package/dist/components/cards/Grid.svelte +55 -44
- package/dist/components/cards/Panel.svelte +18 -32
- package/dist/components/cards/Panel.svelte.d.ts +2 -1
- package/dist/components/cards/SectionHeader.svelte +24 -38
- package/dist/components/cards/SectionHeader.svelte.d.ts +1 -0
- package/dist/components/data/Avatar.svelte +48 -67
- package/dist/components/data/Badge.svelte +45 -32
- package/dist/components/data/Badge.svelte.d.ts +7 -1
- package/dist/components/data/CalendarGrid.svelte +433 -0
- package/dist/components/data/CalendarGrid.svelte.d.ts +25 -0
- package/dist/components/data/CalendarGrid.types.d.ts +7 -0
- package/dist/components/data/CalendarGrid.types.js +1 -0
- package/dist/components/data/CodeBlock.svelte +119 -121
- package/dist/components/data/CodeBlock.svelte.d.ts +8 -0
- package/dist/components/data/List.svelte +87 -64
- package/dist/components/data/List.svelte.d.ts +7 -0
- package/dist/components/data/Pagination.svelte +121 -123
- package/dist/components/data/Pagination.svelte.d.ts +5 -0
- package/dist/components/data/Sparkline.svelte +117 -0
- package/dist/components/data/Sparkline.svelte.d.ts +43 -0
- package/dist/components/data/Stat.svelte +92 -103
- package/dist/components/data/Table.svelte +443 -76
- package/dist/components/data/Table.svelte.d.ts +23 -2
- package/dist/components/data/Table.types.d.ts +14 -0
- package/dist/components/data/Table.types.js +1 -0
- package/dist/components/data/Tag.svelte +51 -53
- package/dist/components/data/Tag.svelte.d.ts +5 -1
- package/dist/components/data/index.d.ts +4 -0
- package/dist/components/data/index.js +2 -0
- package/dist/components/forms/Checkbox.svelte +39 -51
- package/dist/components/forms/Checkbox.svelte.d.ts +3 -1
- package/dist/components/forms/DatePicker.svelte +61 -0
- package/dist/components/forms/DatePicker.svelte.d.ts +15 -0
- package/dist/components/forms/DateTimePicker.svelte +63 -0
- package/dist/components/forms/DateTimePicker.svelte.d.ts +16 -0
- package/dist/components/forms/FileUpload.svelte +136 -164
- package/dist/components/forms/FileUpload.svelte.d.ts +1 -0
- package/dist/components/forms/Input.svelte +284 -57
- package/dist/components/forms/Input.svelte.d.ts +10 -3
- package/dist/components/forms/InputGroup.svelte +7 -7
- package/dist/components/forms/RadioGroup.svelte +77 -87
- package/dist/components/forms/RadioGroup.svelte.d.ts +3 -1
- package/dist/components/forms/RangeSlider.svelte +90 -116
- package/dist/components/forms/Select.svelte +106 -71
- package/dist/components/forms/Select.svelte.d.ts +3 -1
- package/dist/components/forms/Step.svelte +25 -0
- package/dist/components/forms/Step.svelte.d.ts +12 -0
- package/dist/components/forms/StepContext.d.ts +3 -0
- package/dist/components/forms/StepContext.js +5 -0
- package/dist/components/forms/Stepper.types.d.ts +37 -0
- package/dist/components/forms/Stepper.types.js +1 -0
- package/dist/components/forms/StepperForm.svelte +183 -0
- package/dist/components/forms/StepperForm.svelte.d.ts +17 -0
- package/dist/components/forms/Switch.svelte +44 -56
- package/dist/components/forms/Switch.svelte.d.ts +3 -1
- package/dist/components/forms/Textarea.svelte +52 -57
- package/dist/components/forms/Textarea.svelte.d.ts +3 -1
- package/dist/components/forms/TimePicker.svelte +63 -0
- package/dist/components/forms/TimePicker.svelte.d.ts +16 -0
- package/dist/components/forms/formClasses.d.ts +3 -0
- package/dist/components/forms/formClasses.js +3 -0
- package/dist/components/forms/index.d.ts +6 -0
- package/dist/components/forms/index.js +5 -0
- package/dist/components/navigation/Breadcrumbs.svelte +56 -59
- package/dist/components/navigation/Breadcrumbs.svelte.d.ts +1 -0
- package/dist/components/navigation/ContextMenu.svelte +133 -83
- package/dist/components/navigation/ContextMenu.svelte.d.ts +8 -1
- package/dist/components/navigation/DropdownMenu.svelte +139 -80
- package/dist/components/navigation/DropdownMenu.svelte.d.ts +8 -1
- package/dist/components/navigation/Menu.svelte +72 -48
- package/dist/components/navigation/Navbar.svelte +111 -32
- package/dist/components/navigation/Navbar.svelte.d.ts +6 -0
- package/dist/components/navigation/Sidebar.svelte +236 -35
- package/dist/components/navigation/Sidebar.svelte.d.ts +2 -0
- package/dist/components/navigation/Stepper.svelte +204 -0
- package/dist/components/navigation/Stepper.svelte.d.ts +34 -0
- package/dist/components/navigation/Tabs.svelte +86 -54
- package/dist/components/navigation/Tabs.svelte.d.ts +5 -1
- package/dist/components/navigation/index.d.ts +1 -0
- package/dist/components/navigation/index.js +1 -0
- package/dist/components/overlays/Alert.svelte +81 -99
- package/dist/components/overlays/Alert.svelte.d.ts +5 -1
- package/dist/components/overlays/CommandPalette.svelte +182 -217
- package/dist/components/overlays/Drawer.svelte +158 -167
- package/dist/components/overlays/Drawer.svelte.d.ts +3 -1
- package/dist/components/overlays/Dropdown.svelte +62 -30
- package/dist/components/overlays/Dropdown.svelte.d.ts +2 -0
- package/dist/components/overlays/Modal.svelte +125 -130
- package/dist/components/overlays/Modal.svelte.d.ts +3 -1
- package/dist/components/overlays/Popover.svelte +106 -131
- package/dist/components/overlays/ProgressBar.svelte +29 -45
- package/dist/components/overlays/SkeletonLoader.svelte +66 -82
- package/dist/components/overlays/Spinner.svelte +33 -43
- package/dist/components/overlays/Toast.svelte +111 -140
- package/dist/components/overlays/Toast.svelte.d.ts +3 -0
- package/dist/components/overlays/Tooltip.svelte +94 -115
- package/dist/components/overlays/Tooltip.svelte.d.ts +3 -1
- package/dist/components/typography/Code.svelte +10 -14
- package/dist/components/typography/Heading.svelte +15 -22
- package/dist/components/typography/Heading.svelte.d.ts +1 -0
- package/dist/components/typography/Text.svelte +21 -24
- package/dist/components/typography/Text.svelte.d.ts +2 -1
- package/dist/components/utilities/Accordion.svelte +54 -67
- package/dist/components/utilities/Accordion.svelte.d.ts +4 -1
- package/dist/components/utilities/Carousel.svelte +124 -152
- package/dist/components/utilities/Collapse.svelte +46 -60
- package/dist/components/utilities/Hero.svelte +42 -0
- package/dist/components/utilities/Hero.svelte.d.ts +10 -0
- package/dist/components/utilities/Portal.svelte +47 -72
- package/dist/components/utilities/ScrollArea.svelte +33 -41
- package/dist/components/utilities/SystemConsole.svelte +310 -0
- package/dist/components/utilities/SystemConsole.svelte.d.ts +20 -0
- package/dist/components/utilities/SystemInterface.svelte +726 -0
- package/dist/components/utilities/SystemInterface.svelte.d.ts +19 -0
- package/dist/components/utilities/index.d.ts +4 -0
- package/dist/components/utilities/index.js +3 -0
- package/dist/components/utilities/utilities.types.d.ts +46 -0
- package/dist/components/utilities/utilities.types.js +4 -0
- package/dist/index.d.ts +57 -5
- package/dist/index.js +5 -5
- package/dist/theme.css +2889 -218
- package/package.json +83 -76
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { Snippet } from 'svelte';
|
|
2
|
+
import type { SystemMessage } from './utilities.types';
|
|
3
|
+
interface Props {
|
|
4
|
+
messages: SystemMessage[];
|
|
5
|
+
onSubmit?: (input: string) => void;
|
|
6
|
+
processing?: boolean;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
height?: string;
|
|
9
|
+
autoScroll?: boolean;
|
|
10
|
+
stagingDelay?: number;
|
|
11
|
+
leftPanel?: Snippet;
|
|
12
|
+
rightPanel?: Snippet;
|
|
13
|
+
topPanel?: Snippet;
|
|
14
|
+
bottomPanel?: Snippet;
|
|
15
|
+
class?: string;
|
|
16
|
+
}
|
|
17
|
+
declare const SystemInterface: import("svelte").Component<Props, {}, "">;
|
|
18
|
+
type SystemInterface = ReturnType<typeof SystemInterface>;
|
|
19
|
+
export default SystemInterface;
|
|
@@ -3,3 +3,7 @@ export { default as Collapse } from './Collapse.svelte';
|
|
|
3
3
|
export { default as Accordion } from './Accordion.svelte';
|
|
4
4
|
export { default as Carousel } from './Carousel.svelte';
|
|
5
5
|
export { default as ScrollArea } from './ScrollArea.svelte';
|
|
6
|
+
export { default as Hero } from './Hero.svelte';
|
|
7
|
+
export { default as SystemConsole } from './SystemConsole.svelte';
|
|
8
|
+
export { default as SystemInterface } from './SystemInterface.svelte';
|
|
9
|
+
export type { ConsoleMessage, SystemMessage, MessageContentType } from './utilities.types';
|
|
@@ -3,3 +3,6 @@ export { default as Collapse } from './Collapse.svelte';
|
|
|
3
3
|
export { default as Accordion } from './Accordion.svelte';
|
|
4
4
|
export { default as Carousel } from './Carousel.svelte';
|
|
5
5
|
export { default as ScrollArea } from './ScrollArea.svelte';
|
|
6
|
+
export { default as Hero } from './Hero.svelte';
|
|
7
|
+
export { default as SystemConsole } from './SystemConsole.svelte';
|
|
8
|
+
export { default as SystemInterface } from './SystemInterface.svelte';
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Type definitions for utility components
|
|
3
|
+
*/
|
|
4
|
+
export interface ConsoleMessage {
|
|
5
|
+
id: string;
|
|
6
|
+
role: 'user' | 'system';
|
|
7
|
+
variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
|
|
8
|
+
content: string;
|
|
9
|
+
timestamp?: Date;
|
|
10
|
+
}
|
|
11
|
+
export type MessageContentType = {
|
|
12
|
+
type: 'text';
|
|
13
|
+
value: string;
|
|
14
|
+
} | {
|
|
15
|
+
type: 'stats';
|
|
16
|
+
value: Record<string, number | string>;
|
|
17
|
+
layout?: 'grid' | 'list';
|
|
18
|
+
} | {
|
|
19
|
+
type: 'status';
|
|
20
|
+
value: Record<string, {
|
|
21
|
+
value: string;
|
|
22
|
+
status: 'ok' | 'warning' | 'error' | 'info';
|
|
23
|
+
}>;
|
|
24
|
+
} | {
|
|
25
|
+
type: 'table';
|
|
26
|
+
value: {
|
|
27
|
+
headers: string[];
|
|
28
|
+
rows: (string | number)[][];
|
|
29
|
+
};
|
|
30
|
+
} | {
|
|
31
|
+
type: 'keyvalue';
|
|
32
|
+
value: Record<string, string | number>;
|
|
33
|
+
columns?: number;
|
|
34
|
+
} | {
|
|
35
|
+
type: 'custom';
|
|
36
|
+
value: any;
|
|
37
|
+
class?: string;
|
|
38
|
+
};
|
|
39
|
+
export interface SystemMessage {
|
|
40
|
+
id: string;
|
|
41
|
+
role: 'user' | 'system';
|
|
42
|
+
tier?: 'informational' | 'analysis' | 'directive' | 'warning' | 'critical';
|
|
43
|
+
content: string | MessageContentType;
|
|
44
|
+
timestamp?: number;
|
|
45
|
+
updateable?: boolean;
|
|
46
|
+
}
|
package/dist/index.d.ts
CHANGED
|
@@ -4,12 +4,64 @@
|
|
|
4
4
|
* This is the main entry point for the component library.
|
|
5
5
|
*/
|
|
6
6
|
import './theme.css';
|
|
7
|
-
export declare const version = "0.1
|
|
7
|
+
export declare const version = "0.7.1";
|
|
8
8
|
export { Button, IconButton, ButtonGroup, LinkButton, FloatingActionButton } from './components/buttons';
|
|
9
|
-
export { Input, Textarea, Select, Checkbox, Switch, RadioGroup, RangeSlider, FileUpload, InputGroup } from './components/forms';
|
|
9
|
+
export { Input, Textarea, Select, Checkbox, Switch, RadioGroup, RangeSlider, FileUpload, InputGroup, DatePicker, TimePicker, DateTimePicker, StepperForm, Step } from './components/forms';
|
|
10
|
+
export type { StepState, ValidationMode, StepRegistration, StepperFormContext, StepMeta, StepContext } from './components/forms';
|
|
10
11
|
export { Card, Panel, Grid, Container, SectionHeader, Divider } from './components/cards';
|
|
11
|
-
export { Navbar, Sidebar, Tabs, Breadcrumbs, Menu, DropdownMenu, ContextMenu } from './components/navigation';
|
|
12
|
+
export { Navbar, Sidebar, Tabs, Breadcrumbs, Menu, DropdownMenu, ContextMenu, Stepper } from './components/navigation';
|
|
12
13
|
export { Modal, Alert, Spinner, Tooltip, ProgressBar, SkeletonLoader, Toast, Drawer, Popover, Dropdown, CommandPalette } from './components/overlays';
|
|
13
14
|
export { Heading, Text, Code } from './components/typography';
|
|
14
|
-
export { Table, Pagination, Badge, Tag, List, Avatar, CodeBlock, Stat } from './components/data';
|
|
15
|
-
export {
|
|
15
|
+
export { Table, Pagination, Badge, Tag, List, Avatar, CodeBlock, Stat, CalendarGrid, Sparkline } from './components/data';
|
|
16
|
+
export type { TableColumn, SortDirection, CalendarEvent } from './components/data';
|
|
17
|
+
export { Portal, Collapse, Accordion, Carousel, ScrollArea, Hero, SystemConsole, SystemInterface } from './components/utilities';
|
|
18
|
+
export type { ConsoleMessage, SystemMessage, MessageContentType } from './components/utilities';
|
|
19
|
+
import type { ComponentProps } from 'svelte';
|
|
20
|
+
import type Button from './components/buttons/Button.svelte';
|
|
21
|
+
import type IconButton from './components/buttons/IconButton.svelte';
|
|
22
|
+
import type FloatingActionButton from './components/buttons/FloatingActionButton.svelte';
|
|
23
|
+
import type LinkButton from './components/buttons/LinkButton.svelte';
|
|
24
|
+
import type Input from './components/forms/Input.svelte';
|
|
25
|
+
import type Textarea from './components/forms/Textarea.svelte';
|
|
26
|
+
import type Select from './components/forms/Select.svelte';
|
|
27
|
+
import type Checkbox from './components/forms/Checkbox.svelte';
|
|
28
|
+
import type Switch from './components/forms/Switch.svelte';
|
|
29
|
+
import type RadioGroup from './components/forms/RadioGroup.svelte';
|
|
30
|
+
import type DatePicker from './components/forms/DatePicker.svelte';
|
|
31
|
+
import type TimePicker from './components/forms/TimePicker.svelte';
|
|
32
|
+
import type DateTimePicker from './components/forms/DateTimePicker.svelte';
|
|
33
|
+
import type StepperForm from './components/forms/StepperForm.svelte';
|
|
34
|
+
import type Step from './components/forms/Step.svelte';
|
|
35
|
+
import type Card from './components/cards/Card.svelte';
|
|
36
|
+
import type Tabs from './components/navigation/Tabs.svelte';
|
|
37
|
+
import type Modal from './components/overlays/Modal.svelte';
|
|
38
|
+
import type Drawer from './components/overlays/Drawer.svelte';
|
|
39
|
+
import type Alert from './components/overlays/Alert.svelte';
|
|
40
|
+
import type Tooltip from './components/overlays/Tooltip.svelte';
|
|
41
|
+
import type Accordion from './components/utilities/Accordion.svelte';
|
|
42
|
+
import type Sparkline from './components/data/Sparkline.svelte';
|
|
43
|
+
import type Stepper from './components/navigation/Stepper.svelte';
|
|
44
|
+
export type ButtonProps = ComponentProps<Button>;
|
|
45
|
+
export type IconButtonProps = ComponentProps<IconButton>;
|
|
46
|
+
export type FloatingActionButtonProps = ComponentProps<FloatingActionButton>;
|
|
47
|
+
export type LinkButtonProps = ComponentProps<LinkButton>;
|
|
48
|
+
export type InputProps = ComponentProps<Input>;
|
|
49
|
+
export type TextareaProps = ComponentProps<Textarea>;
|
|
50
|
+
export type SelectProps = ComponentProps<Select>;
|
|
51
|
+
export type CheckboxProps = ComponentProps<Checkbox>;
|
|
52
|
+
export type SwitchProps = ComponentProps<Switch>;
|
|
53
|
+
export type RadioGroupProps = ComponentProps<RadioGroup>;
|
|
54
|
+
export type DatePickerProps = ComponentProps<DatePicker>;
|
|
55
|
+
export type TimePickerProps = ComponentProps<TimePicker>;
|
|
56
|
+
export type DateTimePickerProps = ComponentProps<DateTimePicker>;
|
|
57
|
+
export type StepperFormProps = ComponentProps<StepperForm>;
|
|
58
|
+
export type StepProps = ComponentProps<Step>;
|
|
59
|
+
export type CardProps = ComponentProps<Card>;
|
|
60
|
+
export type TabsProps = ComponentProps<Tabs>;
|
|
61
|
+
export type ModalProps = ComponentProps<Modal>;
|
|
62
|
+
export type DrawerProps = ComponentProps<Drawer>;
|
|
63
|
+
export type AlertProps = ComponentProps<Alert>;
|
|
64
|
+
export type TooltipProps = ComponentProps<Tooltip>;
|
|
65
|
+
export type AccordionProps = ComponentProps<Accordion>;
|
|
66
|
+
export type SparklineProps = ComponentProps<Sparkline>;
|
|
67
|
+
export type StepperProps = ComponentProps<Stepper>;
|
package/dist/index.js
CHANGED
|
@@ -5,20 +5,20 @@
|
|
|
5
5
|
*/
|
|
6
6
|
// Import theme CSS to ensure it's bundled
|
|
7
7
|
import './theme.css';
|
|
8
|
-
export const version = '0.1
|
|
8
|
+
export const version = '0.7.1';
|
|
9
9
|
// ===== Button Components =====
|
|
10
10
|
export { Button, IconButton, ButtonGroup, LinkButton, FloatingActionButton } from './components/buttons';
|
|
11
11
|
// ===== Form Components =====
|
|
12
|
-
export { Input, Textarea, Select, Checkbox, Switch, RadioGroup, RangeSlider, FileUpload, InputGroup } from './components/forms';
|
|
12
|
+
export { Input, Textarea, Select, Checkbox, Switch, RadioGroup, RangeSlider, FileUpload, InputGroup, DatePicker, TimePicker, DateTimePicker, StepperForm, Step } from './components/forms';
|
|
13
13
|
// ===== Layout Components =====
|
|
14
14
|
export { Card, Panel, Grid, Container, SectionHeader, Divider } from './components/cards';
|
|
15
15
|
// ===== Navigation Components =====
|
|
16
|
-
export { Navbar, Sidebar, Tabs, Breadcrumbs, Menu, DropdownMenu, ContextMenu } from './components/navigation';
|
|
16
|
+
export { Navbar, Sidebar, Tabs, Breadcrumbs, Menu, DropdownMenu, ContextMenu, Stepper } from './components/navigation';
|
|
17
17
|
// ===== Overlay & Feedback Components =====
|
|
18
18
|
export { Modal, Alert, Spinner, Tooltip, ProgressBar, SkeletonLoader, Toast, Drawer, Popover, Dropdown, CommandPalette } from './components/overlays';
|
|
19
19
|
// ===== Typography Components =====
|
|
20
20
|
export { Heading, Text, Code } from './components/typography';
|
|
21
21
|
// ===== Data Display Components =====
|
|
22
|
-
export { Table, Pagination, Badge, Tag, List, Avatar, CodeBlock, Stat } from './components/data';
|
|
22
|
+
export { Table, Pagination, Badge, Tag, List, Avatar, CodeBlock, Stat, CalendarGrid, Sparkline } from './components/data';
|
|
23
23
|
// ===== Utility Components =====
|
|
24
|
-
export { Portal, Collapse, Accordion, Carousel, ScrollArea } from './components/utilities';
|
|
24
|
+
export { Portal, Collapse, Accordion, Carousel, ScrollArea, Hero, SystemConsole, SystemInterface } from './components/utilities';
|