@ramme-io/ui 1.1.4 → 1.2.0
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/dist/index.d.ts +1 -63
- package/dist/index.es.js +20033 -17754
- package/dist/index.umd.js +1917 -1892
- package/dist/src/blocks/ai/Loader.d.ts +29 -0
- package/dist/src/components/forms/DatePicker.d.ts +25 -0
- package/dist/src/components/forms/FileUpload.d.ts +20 -0
- package/dist/{components → src/components}/forms/FormTemplate.d.ts +19 -11
- package/dist/{components → src/components}/forms/MultiSelect.d.ts +4 -9
- package/dist/src/components/forms/SegmentedControl.d.ts +28 -0
- package/dist/src/components/forms/Select.d.ts +21 -0
- package/dist/{components → src/components}/layout/Card.d.ts +4 -2
- package/dist/src/components/layout/Sidebar.d.ts +45 -0
- package/dist/src/components/layout/StorySidebarContent.d.ts +8 -0
- package/dist/{components → src/components}/ui/Avatar.d.ts +0 -4
- package/dist/{components → src/components}/ui/Badge.d.ts +7 -4
- package/dist/{components → src/components}/ui/Button.d.ts +5 -4
- package/dist/src/components/ui/icon-loader.d.ts +4 -0
- package/dist/src/contexts/ThemeContext.d.ts +48 -0
- package/dist/src/index.d.ts +66 -0
- package/dist/style.css +1 -1
- package/package.json +3 -3
- package/dist/blocks/ai/Loader.d.ts +0 -11
- package/dist/components/forms/DatePicker.d.ts +0 -54
- package/dist/components/forms/FileUpload.d.ts +0 -36
- package/dist/components/forms/SegmentedControl.d.ts +0 -40
- package/dist/components/forms/Select.d.ts +0 -41
- package/dist/components/layout/Sidebar.d.ts +0 -37
- package/dist/components/layout/StorySidebarContent.d.ts +0 -1
- package/dist/components/ui/icon-loader.d.ts +0 -4
- package/dist/contexts/ThemeContext.d.ts +0 -18
- /package/dist/{blocks → src/blocks}/ai/Actions.d.ts +0 -0
- /package/dist/{blocks → src/blocks}/ai/ChatFAB.d.ts +0 -0
- /package/dist/{blocks → src/blocks}/ai/Conversation.d.ts +0 -0
- /package/dist/{blocks → src/blocks}/ai/Message.d.ts +0 -0
- /package/dist/{blocks → src/blocks}/ai/PromptInput.d.ts +0 -0
- /package/dist/{blocks → src/blocks}/iot/DeviceCard.d.ts +0 -0
- /package/dist/{component-registry.d.ts → src/component-registry.d.ts} +0 -0
- /package/dist/{components → src/components}/data-display/ActivityFeed.d.ts +0 -0
- /package/dist/{components → src/components}/data-display/BarChart.d.ts +0 -0
- /package/dist/{components → src/components}/data-display/ChartWithTable.d.ts +0 -0
- /package/dist/{components → src/components}/data-display/CodeBlock.d.ts +0 -0
- /package/dist/{components → src/components}/data-display/DataTable.d.ts +0 -0
- /package/dist/{components → src/components}/data-display/LineChart.d.ts +0 -0
- /package/dist/{components → src/components}/data-display/PieChart.d.ts +0 -0
- /package/dist/{components → src/components}/data-display/StatCard.d.ts +0 -0
- /package/dist/{components → src/components}/data-display/StatusBadge.d.ts +0 -0
- /package/dist/{components → src/components}/data-display/Table.d.ts +0 -0
- /package/dist/{components → src/components}/feedback/Alert.d.ts +0 -0
- /package/dist/{components → src/components}/feedback/EmptyState.d.ts +0 -0
- /package/dist/{components → src/components}/feedback/TippyTooltip.d.ts +0 -0
- /package/dist/{components → src/components}/feedback/Toast.d.ts +0 -0
- /package/dist/{components → src/components}/feedback/ToastProvider.d.ts +0 -0
- /package/dist/{components → src/components}/forms/ButtonGroup.d.ts +0 -0
- /package/dist/{components → src/components}/forms/Checkbox.d.ts +0 -0
- /package/dist/{components → src/components}/forms/ComboBox.d.ts +0 -0
- /package/dist/{components → src/components}/forms/Input.d.ts +0 -0
- /package/dist/{components → src/components}/forms/Radio.d.ts +0 -0
- /package/dist/{components → src/components}/forms/SearchInput.d.ts +0 -0
- /package/dist/{components → src/components}/forms/Textarea.d.ts +0 -0
- /package/dist/{components → src/components}/forms/ToggleSwitch.d.ts +0 -0
- /package/dist/{components → src/components}/layout/Accordion.d.ts +0 -0
- /package/dist/{components → src/components}/layout/ActionBar.d.ts +0 -0
- /package/dist/{components → src/components}/layout/Drawer.d.ts +0 -0
- /package/dist/{components → src/components}/layout/List.d.ts +0 -0
- /package/dist/{components → src/components}/layout/Modal.d.ts +0 -0
- /package/dist/{components → src/components}/layout/PageHeader.d.ts +0 -0
- /package/dist/{components → src/components}/layout/SectionHeader.d.ts +0 -0
- /package/dist/{components → src/components}/navigation/Breadcrumbs.d.ts +0 -0
- /package/dist/{components → src/components}/navigation/Menu.d.ts +0 -0
- /package/dist/{components → src/components}/navigation/Pagination.d.ts +0 -0
- /package/dist/{components → src/components}/navigation/Stepper.d.ts +0 -0
- /package/dist/{components → src/components}/navigation/Tabs.d.ts +0 -0
- /package/dist/{components → src/components}/ui/Icon.d.ts +0 -0
- /package/dist/{data → src/data}/mockData.d.ts +0 -0
- /package/dist/{lib → src/lib}/hooks/useChartTheme.d.ts +0 -0
- /package/dist/{lib → src/lib}/hooks/useDataFetch.d.ts +0 -0
- /package/dist/{utils → src/utils}/cn.d.ts +0 -0
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface LoaderProps {
|
|
4
|
+
/** The visual style of the loader. */
|
|
5
|
+
variant?: 'bubble' | 'sparkle' | 'bar';
|
|
6
|
+
/** Optional text to display next to the animation (e.g., "Thinking...") */
|
|
7
|
+
label?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
}
|
|
10
|
+
/**
|
|
11
|
+
* @wizard
|
|
12
|
+
* @name Loader
|
|
13
|
+
* @description A compact, theme-aware animation for indicating AI processing states. Optimized for chat interfaces.
|
|
14
|
+
* @tags ui, ai, feedback, loading, chat
|
|
15
|
+
* @props
|
|
16
|
+
* - name: variant
|
|
17
|
+
* type: "'bubble' | 'sparkle' | 'bar'"
|
|
18
|
+
* description: The visual style. 'bubble' is standard for chat. 'sparkle' is for creative generation.
|
|
19
|
+
* default: 'bubble'
|
|
20
|
+
* - name: label
|
|
21
|
+
* type: string
|
|
22
|
+
* description: Optional text displayed next to the animation.
|
|
23
|
+
* - name: className
|
|
24
|
+
* type: string
|
|
25
|
+
* description: Custom classes for the container.
|
|
26
|
+
* @category ai
|
|
27
|
+
* @id loader
|
|
28
|
+
*/
|
|
29
|
+
export declare const Loader: React.FC<LoaderProps>;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface DatePickerProps {
|
|
4
|
+
label?: string;
|
|
5
|
+
selected: Date | null;
|
|
6
|
+
onChange: (date: Date | null) => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
placeholderText?: string;
|
|
9
|
+
dateFormat?: string;
|
|
10
|
+
minDate?: Date;
|
|
11
|
+
maxDate?: Date;
|
|
12
|
+
error?: boolean;
|
|
13
|
+
helperText?: string;
|
|
14
|
+
showTimeSelect?: boolean;
|
|
15
|
+
isClearable?: boolean;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* @wizard
|
|
19
|
+
* @name DatePicker
|
|
20
|
+
* @description A theme-aware calendar input for selecting dates. Wraps react-datepicker to ensure consistent styling and "Zero Jank" layout stability.
|
|
21
|
+
* @tags form, input, date, calendar, ui
|
|
22
|
+
* @category form
|
|
23
|
+
* @id date-picker
|
|
24
|
+
*/
|
|
25
|
+
export declare const DatePicker: React.FC<DatePickerProps>;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
interface FileUploadProps {
|
|
4
|
+
onFileUpload: (files: File[]) => void;
|
|
5
|
+
multiple?: boolean;
|
|
6
|
+
acceptedFileTypes?: string;
|
|
7
|
+
label?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
helperText?: string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* @wizard
|
|
13
|
+
* @name FileUpload
|
|
14
|
+
* @description A modern drag-and-drop file upload area with visual feedback and file listing.
|
|
15
|
+
* @tags form, input, upload, files, ui
|
|
16
|
+
* @category form
|
|
17
|
+
* @id file-upload
|
|
18
|
+
*/
|
|
19
|
+
export declare const FileUpload: React.FC<FileUploadProps>;
|
|
20
|
+
export {};
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { SelectOption } from '../forms/Select';
|
|
2
3
|
import { MultiSelectOption } from '../forms/MultiSelect';
|
|
4
|
+
import { SegmentedControlOption } from '../forms/SegmentedControl';
|
|
3
5
|
|
|
4
6
|
interface FormFieldBase {
|
|
5
7
|
name: string;
|
|
@@ -7,6 +9,8 @@ interface FormFieldBase {
|
|
|
7
9
|
className?: string;
|
|
8
10
|
disabled?: boolean;
|
|
9
11
|
colSpan?: number;
|
|
12
|
+
helperText?: string;
|
|
13
|
+
required?: boolean;
|
|
10
14
|
}
|
|
11
15
|
interface FormInput extends FormFieldBase {
|
|
12
16
|
type: 'text' | 'email' | 'password' | 'number';
|
|
@@ -19,10 +23,6 @@ interface FormTextarea extends FormFieldBase {
|
|
|
19
23
|
value?: string;
|
|
20
24
|
rows?: number;
|
|
21
25
|
}
|
|
22
|
-
interface SelectOption {
|
|
23
|
-
value: string | number;
|
|
24
|
-
label: string;
|
|
25
|
-
}
|
|
26
26
|
interface FormSelect extends FormFieldBase {
|
|
27
27
|
type: 'select';
|
|
28
28
|
options: SelectOption[];
|
|
@@ -52,13 +52,24 @@ interface FormMultiSelect extends FormFieldBase {
|
|
|
52
52
|
type: 'multiselect';
|
|
53
53
|
options: MultiSelectOption[];
|
|
54
54
|
value?: MultiSelectOption[] | null;
|
|
55
|
+
placeholder?: string;
|
|
55
56
|
}
|
|
56
57
|
interface FormDatePicker extends FormFieldBase {
|
|
57
58
|
type: 'datepicker';
|
|
58
59
|
value?: Date | null;
|
|
59
60
|
placeholder?: string;
|
|
60
61
|
}
|
|
61
|
-
|
|
62
|
+
interface FormFileUpload extends FormFieldBase {
|
|
63
|
+
type: 'file';
|
|
64
|
+
multiple?: boolean;
|
|
65
|
+
acceptedFileTypes?: string;
|
|
66
|
+
}
|
|
67
|
+
interface FormSegmentedControl extends FormFieldBase {
|
|
68
|
+
type: 'segment';
|
|
69
|
+
options: SegmentedControlOption[];
|
|
70
|
+
value?: string | number;
|
|
71
|
+
}
|
|
72
|
+
export type FormField = FormInput | FormTextarea | FormSelect | FormCheckbox | FormToggle | FormRadio | FormComboBox | FormMultiSelect | FormDatePicker | FormFileUpload | FormSegmentedControl;
|
|
62
73
|
export interface FormTemplateProps {
|
|
63
74
|
fields: FormField[];
|
|
64
75
|
onSubmit: (formData: Record<string, any>) => void;
|
|
@@ -68,22 +79,19 @@ export interface FormTemplateProps {
|
|
|
68
79
|
/**
|
|
69
80
|
* @wizard
|
|
70
81
|
* @name FormTemplate
|
|
71
|
-
* @description A data-driven form builder that renders a grid of input fields from a configuration array
|
|
82
|
+
* @description A data-driven form builder that renders a grid of input fields from a configuration array. Now supports File Uploads and Segmented Controls.
|
|
72
83
|
* @category form
|
|
73
84
|
* @tags form, template, builder, input, layout
|
|
74
85
|
* @props
|
|
75
86
|
* - name: fields
|
|
76
87
|
* type: FormField[]
|
|
77
|
-
* description: An array of field definition objects
|
|
88
|
+
* description: An array of field definition objects.
|
|
78
89
|
* - name: onSubmit
|
|
79
90
|
* type: (formData: Record<string, any>) => void
|
|
80
|
-
* description: Callback function triggered when the form is submitted
|
|
91
|
+
* description: Callback function triggered when the form is submitted.
|
|
81
92
|
* - name: className
|
|
82
93
|
* type: string
|
|
83
94
|
* description: Optional additional CSS classes for the form container.
|
|
84
|
-
* - name: children
|
|
85
|
-
* type: React.ReactNode
|
|
86
|
-
* description: Content to render at the bottom of the form, typically used for action buttons like "Save" or "Cancel".
|
|
87
95
|
* @id form-template
|
|
88
96
|
*/
|
|
89
97
|
export declare const FormTemplate: React.FC<FormTemplateProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
|
|
3
3
|
export interface MultiSelectOption {
|
|
4
|
-
value: string;
|
|
4
|
+
value: string | number;
|
|
5
5
|
label: string;
|
|
6
6
|
}
|
|
7
7
|
export interface MultiSelectProps {
|
|
@@ -14,13 +14,8 @@ export interface MultiSelectProps {
|
|
|
14
14
|
isDisabled?: boolean;
|
|
15
15
|
isLoading?: boolean;
|
|
16
16
|
isSearchable?: boolean;
|
|
17
|
+
className?: string;
|
|
18
|
+
error?: boolean;
|
|
19
|
+
helperText?: string;
|
|
17
20
|
}
|
|
18
|
-
/**
|
|
19
|
-
* @wizard
|
|
20
|
-
* @name MultiSelect
|
|
21
|
-
* @description An enhanced dropdown that allows users to select multiple options from a searchable list.
|
|
22
|
-
* @tags form, input, select, dropdown
|
|
23
|
-
* @category form
|
|
24
|
-
* @id multi-select
|
|
25
|
-
*/
|
|
26
21
|
export declare const MultiSelect: React.FC<MultiSelectProps>;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface SegmentedControlOption {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string | number;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface SegmentedControlProps {
|
|
9
|
+
/** The list of segments to display. */
|
|
10
|
+
options: SegmentedControlOption[];
|
|
11
|
+
/** The currently selected value. */
|
|
12
|
+
value: string | number;
|
|
13
|
+
/** Callback fired when a segment is selected. */
|
|
14
|
+
onChange: (value: any) => void;
|
|
15
|
+
/** The size of the control. */
|
|
16
|
+
size?: 'sm' | 'md';
|
|
17
|
+
/** Additional CSS classes. */
|
|
18
|
+
className?: string;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* @wizard
|
|
22
|
+
* @name SegmentedControl
|
|
23
|
+
* @description A theme-aware linear toggle component. Ideal for switching between discrete modes (e.g., "Map / List").
|
|
24
|
+
* @tags input, toggle, switch, radio, control
|
|
25
|
+
* @category form
|
|
26
|
+
* @id segmented-control
|
|
27
|
+
*/
|
|
28
|
+
export declare const SegmentedControl: React.FC<SegmentedControlProps>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface SelectOption {
|
|
4
|
+
value: string | number;
|
|
5
|
+
label: string;
|
|
6
|
+
}
|
|
7
|
+
export interface SelectProps {
|
|
8
|
+
options: SelectOption[];
|
|
9
|
+
value?: SelectOption | null;
|
|
10
|
+
onChange: (option: SelectOption | null) => void;
|
|
11
|
+
label?: string;
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
isDisabled?: boolean;
|
|
14
|
+
isLoading?: boolean;
|
|
15
|
+
isClearable?: boolean;
|
|
16
|
+
isSearchable?: boolean;
|
|
17
|
+
className?: string;
|
|
18
|
+
error?: boolean;
|
|
19
|
+
helperText?: string;
|
|
20
|
+
}
|
|
21
|
+
export declare const Select: React.FC<SelectProps>;
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { default as React } from 'react';
|
|
2
2
|
|
|
3
|
+
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
}
|
|
3
5
|
/**
|
|
4
6
|
* @wizard
|
|
5
7
|
* @name Card
|
|
@@ -15,4 +17,4 @@ import { HTMLAttributes, FC } from 'react';
|
|
|
15
17
|
* @category layout
|
|
16
18
|
* @id card
|
|
17
19
|
*/
|
|
18
|
-
export declare const Card:
|
|
20
|
+
export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { IconName } from '../ui/Icon';
|
|
3
|
+
|
|
4
|
+
export interface SidebarItem {
|
|
5
|
+
id: string;
|
|
6
|
+
label: string;
|
|
7
|
+
icon: IconName;
|
|
8
|
+
href?: string;
|
|
9
|
+
onClick?: () => void;
|
|
10
|
+
subItems?: Omit<SidebarItem, 'icon'>[];
|
|
11
|
+
badge?: string | number;
|
|
12
|
+
}
|
|
13
|
+
export interface SidebarUser {
|
|
14
|
+
name: string;
|
|
15
|
+
email: string;
|
|
16
|
+
avatarUrl?: string;
|
|
17
|
+
}
|
|
18
|
+
export interface SidebarProps {
|
|
19
|
+
items: SidebarItem[];
|
|
20
|
+
user?: SidebarUser;
|
|
21
|
+
className?: string;
|
|
22
|
+
logo?: React.ReactNode;
|
|
23
|
+
activeItemId?: string;
|
|
24
|
+
onNavigate?: (item: SidebarItem) => void;
|
|
25
|
+
footerSlot?: React.ReactNode;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* @wizard
|
|
29
|
+
* @name Sidebar
|
|
30
|
+
* @description A collapsible sidebar navigation component with support for branding, navigation items, and user profile.
|
|
31
|
+
* @tags layout, navigation, sidebar
|
|
32
|
+
* @props
|
|
33
|
+
* - name: items
|
|
34
|
+
* type: SidebarItem[]
|
|
35
|
+
* description: Array of navigation items.
|
|
36
|
+
* - name: user
|
|
37
|
+
* type: SidebarUser
|
|
38
|
+
* description: User profile information for the footer.
|
|
39
|
+
* - name: activeItemId
|
|
40
|
+
* type: string
|
|
41
|
+
* description: ID of the currently active navigation item.
|
|
42
|
+
* @category layout
|
|
43
|
+
* @id sidebar
|
|
44
|
+
*/
|
|
45
|
+
export declare const Sidebar: React.FC<SidebarProps>;
|
|
@@ -10,10 +10,6 @@ interface AvatarProps {
|
|
|
10
10
|
/** Optional additional CSS classes. */
|
|
11
11
|
className?: string;
|
|
12
12
|
}
|
|
13
|
-
/**
|
|
14
|
-
* A component for displaying a user's avatar. It shows an image if a `src`
|
|
15
|
-
* is provided, otherwise it falls back to the user's initials.
|
|
16
|
-
*/
|
|
17
13
|
/**
|
|
18
14
|
* @wizard
|
|
19
15
|
* @name Avatar
|
|
@@ -2,7 +2,7 @@ import { default as React } from 'react';
|
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
3
|
|
|
4
4
|
declare const badgeVariants: (props?: ({
|
|
5
|
-
variant?: "primary" | "secondary" | "danger" | "success" | "
|
|
5
|
+
variant?: "outline" | "primary" | "secondary" | "danger" | "success" | "warning" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
8
8
|
}
|
|
@@ -13,13 +13,16 @@ export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, Varian
|
|
|
13
13
|
* @tags ui, label, indicator
|
|
14
14
|
* @props
|
|
15
15
|
* - name: variant
|
|
16
|
-
* type: "'primary' | 'secondary' | 'danger' | 'success' | 'outline'"
|
|
16
|
+
* type: "'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'outline'"
|
|
17
17
|
* description: The visual style of the badge.
|
|
18
18
|
* - name: children
|
|
19
19
|
* type: React.ReactNode
|
|
20
20
|
* description: The content to display inside the badge.
|
|
21
|
+
* - name: className
|
|
22
|
+
* type: string
|
|
23
|
+
* description: Optional additional CSS classes.
|
|
21
24
|
* @category ui
|
|
22
25
|
* @id badge
|
|
23
26
|
*/
|
|
24
|
-
declare
|
|
25
|
-
export {
|
|
27
|
+
export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
export { badgeVariants };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { VariantProps } from 'class-variance-authority';
|
|
3
2
|
import { IconName } from './Icon';
|
|
4
3
|
|
|
5
4
|
/** @wizard
|
|
@@ -8,7 +7,7 @@ import { IconName } from './Icon';
|
|
|
8
7
|
* @category Input
|
|
9
8
|
* @props
|
|
10
9
|
* - name: variant
|
|
11
|
-
* type: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'link'
|
|
10
|
+
* type: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'link' | 'accent'
|
|
12
11
|
* description: The visual style of the button.
|
|
13
12
|
* default: 'primary'
|
|
14
13
|
* - name: size
|
|
@@ -32,10 +31,12 @@ import { IconName } from './Icon';
|
|
|
32
31
|
* @id button
|
|
33
32
|
*/
|
|
34
33
|
declare const buttonVariants: (props?: ({
|
|
35
|
-
variant?: "link" | "ghost" | "
|
|
34
|
+
variant?: "link" | "ghost" | "outline" | "primary" | "secondary" | "danger" | "accent" | null | undefined;
|
|
36
35
|
size?: "sm" | "md" | "lg" | "icon" | null | undefined;
|
|
37
36
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
38
|
-
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement
|
|
37
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
38
|
+
variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'link' | 'accent' | null;
|
|
39
|
+
size?: 'sm' | 'md' | 'lg' | 'icon' | null;
|
|
39
40
|
asChild?: boolean;
|
|
40
41
|
loading?: boolean;
|
|
41
42
|
iconLeft?: IconName;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { icons } from 'lucide-react';
|
|
2
|
+
|
|
3
|
+
export type IconName = keyof typeof icons;
|
|
4
|
+
export declare const dynamicIconImports: Record<"Option" | "Group" | "Menu" | "Badge" | "Loader" | "Table" | "Radio" | "List" | "Settings" | "AArrowDown" | "AArrowUp" | "ALargeSmall" | "Accessibility" | "Activity" | "AirVent" | "Airplay" | "AlarmClock" | "AlarmClockCheck" | "AlarmClockMinus" | "AlarmClockOff" | "AlarmClockPlus" | "AlarmSmoke" | "Album" | "AlignCenter" | "AlignCenterHorizontal" | "AlignCenterVertical" | "AlignEndHorizontal" | "AlignEndVertical" | "AlignHorizontalDistributeCenter" | "AlignHorizontalDistributeEnd" | "AlignHorizontalDistributeStart" | "AlignHorizontalJustifyCenter" | "AlignHorizontalJustifyEnd" | "AlignHorizontalJustifyStart" | "AlignHorizontalSpaceAround" | "AlignHorizontalSpaceBetween" | "AlignJustify" | "AlignLeft" | "AlignRight" | "AlignStartHorizontal" | "AlignStartVertical" | "AlignVerticalDistributeCenter" | "AlignVerticalDistributeEnd" | "AlignVerticalDistributeStart" | "AlignVerticalJustifyCenter" | "AlignVerticalJustifyEnd" | "AlignVerticalJustifyStart" | "AlignVerticalSpaceAround" | "AlignVerticalSpaceBetween" | "Ambulance" | "Ampersand" | "Ampersands" | "Amphora" | "Anchor" | "Angry" | "Annoyed" | "Antenna" | "Anvil" | "Aperture" | "AppWindow" | "AppWindowMac" | "Apple" | "Archive" | "ArchiveRestore" | "ArchiveX" | "Armchair" | "ArrowBigDown" | "ArrowBigDownDash" | "ArrowBigLeft" | "ArrowBigLeftDash" | "ArrowBigRight" | "ArrowBigRightDash" | "ArrowBigUp" | "ArrowBigUpDash" | "ArrowDown" | "ArrowDown01" | "ArrowDown10" | "ArrowDownAZ" | "ArrowDownFromLine" | "ArrowDownLeft" | "ArrowDownNarrowWide" | "ArrowDownRight" | "ArrowDownToDot" | "ArrowDownToLine" | "ArrowDownUp" | "ArrowDownWideNarrow" | "ArrowDownZA" | "ArrowLeft" | "ArrowLeftFromLine" | "ArrowLeftRight" | "ArrowLeftToLine" | "ArrowRight" | "ArrowRightFromLine" | "ArrowRightLeft" | "ArrowRightToLine" | "ArrowUp" | "ArrowUp01" | "ArrowUp10" | "ArrowUpAZ" | "ArrowUpDown" | "ArrowUpFromDot" | "ArrowUpFromLine" | "ArrowUpLeft" | "ArrowUpNarrowWide" | "ArrowUpRight" | "ArrowUpToLine" | "ArrowUpWideNarrow" | "ArrowUpZA" | "ArrowsUpFromLine" | "Asterisk" | "AtSign" | "Atom" | "AudioLines" | "AudioWaveform" | "Award" | "Axe" | "Axis3d" | "Baby" | "Backpack" | "BadgeAlert" | "BadgeCent" | "BadgeCheck" | "BadgeDollarSign" | "BadgeEuro" | "BadgeIndianRupee" | "BadgeInfo" | "BadgeJapaneseYen" | "BadgeMinus" | "BadgePercent" | "BadgePlus" | "BadgePoundSterling" | "BadgeQuestionMark" | "BadgeRussianRuble" | "BadgeSwissFranc" | "BadgeTurkishLira" | "BadgeX" | "BaggageClaim" | "Ban" | "Banana" | "Bandage" | "Banknote" | "BanknoteArrowDown" | "BanknoteArrowUp" | "BanknoteX" | "Barcode" | "Barrel" | "Baseline" | "Bath" | "Battery" | "BatteryCharging" | "BatteryFull" | "BatteryLow" | "BatteryMedium" | "BatteryPlus" | "BatteryWarning" | "Beaker" | "Bean" | "BeanOff" | "Bed" | "BedDouble" | "BedSingle" | "Beef" | "Beer" | "BeerOff" | "Bell" | "BellDot" | "BellElectric" | "BellMinus" | "BellOff" | "BellPlus" | "BellRing" | "BetweenHorizontalEnd" | "BetweenHorizontalStart" | "BetweenVerticalEnd" | "BetweenVerticalStart" | "BicepsFlexed" | "Bike" | "Binary" | "Binoculars" | "Biohazard" | "Bird" | "Bitcoin" | "Blend" | "Blinds" | "Blocks" | "Bluetooth" | "BluetoothConnected" | "BluetoothOff" | "BluetoothSearching" | "Bold" | "Bolt" | "Bomb" | "Bone" | "Book" | "BookA" | "BookAlert" | "BookAudio" | "BookCheck" | "BookCopy" | "BookDashed" | "BookDown" | "BookHeadphones" | "BookHeart" | "BookImage" | "BookKey" | "BookLock" | "BookMarked" | "BookMinus" | "BookOpen" | "BookOpenCheck" | "BookOpenText" | "BookPlus" | "BookText" | "BookType" | "BookUp" | "BookUp2" | "BookUser" | "BookX" | "Bookmark" | "BookmarkCheck" | "BookmarkMinus" | "BookmarkPlus" | "BookmarkX" | "BoomBox" | "Bot" | "BotMessageSquare" | "BotOff" | "BottleWine" | "BowArrow" | "Box" | "Boxes" | "Braces" | "Brackets" | "Brain" | "BrainCircuit" | "BrainCog" | "BrickWall" | "BrickWallFire" | "Briefcase" | "BriefcaseBusiness" | "BriefcaseConveyorBelt" | "BriefcaseMedical" | "BringToFront" | "Brush" | "BrushCleaning" | "Bubbles" | "Bug" | "BugOff" | "BugPlay" | "Building" | "Building2" | "Bus" | "BusFront" | "Cable" | "CableCar" | "Cake" | "CakeSlice" | "Calculator" | "Calendar" | "Calendar1" | "CalendarArrowDown" | "CalendarArrowUp" | "CalendarCheck" | "CalendarCheck2" | "CalendarClock" | "CalendarCog" | "CalendarDays" | "CalendarFold" | "CalendarHeart" | "CalendarMinus" | "CalendarMinus2" | "CalendarOff" | "CalendarPlus" | "CalendarPlus2" | "CalendarRange" | "CalendarSearch" | "CalendarSync" | "CalendarX" | "CalendarX2" | "Camera" | "CameraOff" | "Candy" | "CandyCane" | "CandyOff" | "Cannabis" | "Captions" | "CaptionsOff" | "Car" | "CarFront" | "CarTaxiFront" | "Caravan" | "CardSim" | "Carrot" | "CaseLower" | "CaseSensitive" | "CaseUpper" | "CassetteTape" | "Cast" | "Castle" | "Cat" | "Cctv" | "ChartArea" | "ChartBar" | "ChartBarBig" | "ChartBarDecreasing" | "ChartBarIncreasing" | "ChartBarStacked" | "ChartCandlestick" | "ChartColumn" | "ChartColumnBig" | "ChartColumnDecreasing" | "ChartColumnIncreasing" | "ChartColumnStacked" | "ChartGantt" | "ChartLine" | "ChartNetwork" | "ChartNoAxesColumn" | "ChartNoAxesColumnDecreasing" | "ChartNoAxesColumnIncreasing" | "ChartNoAxesCombined" | "ChartNoAxesGantt" | "ChartPie" | "ChartScatter" | "ChartSpline" | "Check" | "CheckCheck" | "CheckLine" | "ChefHat" | "Cherry" | "ChevronDown" | "ChevronFirst" | "ChevronLast" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "ChevronsDown" | "ChevronsDownUp" | "ChevronsLeft" | "ChevronsLeftRight" | "ChevronsLeftRightEllipsis" | "ChevronsRight" | "ChevronsRightLeft" | "ChevronsUp" | "ChevronsUpDown" | "Chrome" | "Church" | "Cigarette" | "CigaretteOff" | "Circle" | "CircleAlert" | "CircleArrowDown" | "CircleArrowLeft" | "CircleArrowOutDownLeft" | "CircleArrowOutDownRight" | "CircleArrowOutUpLeft" | "CircleArrowOutUpRight" | "CircleArrowRight" | "CircleArrowUp" | "CircleCheck" | "CircleCheckBig" | "CircleChevronDown" | "CircleChevronLeft" | "CircleChevronRight" | "CircleChevronUp" | "CircleDashed" | "CircleDivide" | "CircleDollarSign" | "CircleDot" | "CircleDotDashed" | "CircleEllipsis" | "CircleEqual" | "CircleFadingArrowUp" | "CircleFadingPlus" | "CircleGauge" | "CircleMinus" | "CircleOff" | "CircleParking" | "CircleParkingOff" | "CirclePause" | "CirclePercent" | "CirclePlay" | "CirclePlus" | "CirclePoundSterling" | "CirclePower" | "CircleQuestionMark" | "CircleSlash" | "CircleSlash2" | "CircleSmall" | "CircleStar" | "CircleStop" | "CircleUser" | "CircleUserRound" | "CircleX" | "CircuitBoard" | "Citrus" | "Clapperboard" | "Clipboard" | "ClipboardCheck" | "ClipboardClock" | "ClipboardCopy" | "ClipboardList" | "ClipboardMinus" | "ClipboardPaste" | "ClipboardPen" | "ClipboardPenLine" | "ClipboardPlus" | "ClipboardType" | "ClipboardX" | "Clock" | "Clock1" | "Clock10" | "Clock11" | "Clock12" | "Clock2" | "Clock3" | "Clock4" | "Clock5" | "Clock6" | "Clock7" | "Clock8" | "Clock9" | "ClockAlert" | "ClockArrowDown" | "ClockArrowUp" | "ClockFading" | "ClockPlus" | "ClosedCaption" | "Cloud" | "CloudAlert" | "CloudCheck" | "CloudCog" | "CloudDownload" | "CloudDrizzle" | "CloudFog" | "CloudHail" | "CloudLightning" | "CloudMoon" | "CloudMoonRain" | "CloudOff" | "CloudRain" | "CloudRainWind" | "CloudSnow" | "CloudSun" | "CloudSunRain" | "CloudUpload" | "Cloudy" | "Clover" | "Club" | "Code" | "CodeXml" | "Codepen" | "Codesandbox" | "Coffee" | "Cog" | "Coins" | "Columns2" | "Columns3" | "Columns3Cog" | "Columns4" | "Combine" | "Command" | "Compass" | "Component" | "Computer" | "ConciergeBell" | "Cone" | "Construction" | "Contact" | "ContactRound" | "Container" | "Contrast" | "Cookie" | "CookingPot" | "Copy" | "CopyCheck" | "CopyMinus" | "CopyPlus" | "CopySlash" | "CopyX" | "Copyleft" | "Copyright" | "CornerDownLeft" | "CornerDownRight" | "CornerLeftDown" | "CornerLeftUp" | "CornerRightDown" | "CornerRightUp" | "CornerUpLeft" | "CornerUpRight" | "Cpu" | "CreativeCommons" | "CreditCard" | "Croissant" | "Crop" | "Cross" | "Crosshair" | "Crown" | "Cuboid" | "CupSoda" | "Currency" | "Cylinder" | "Dam" | "Database" | "DatabaseBackup" | "DatabaseZap" | "DecimalsArrowLeft" | "DecimalsArrowRight" | "Delete" | "Dessert" | "Diameter" | "Diamond" | "DiamondMinus" | "DiamondPercent" | "DiamondPlus" | "Dice1" | "Dice2" | "Dice3" | "Dice4" | "Dice5" | "Dice6" | "Dices" | "Diff" | "Disc" | "Disc2" | "Disc3" | "DiscAlbum" | "Divide" | "Dna" | "DnaOff" | "Dock" | "Dog" | "DollarSign" | "Donut" | "DoorClosed" | "DoorClosedLocked" | "DoorOpen" | "Dot" | "Download" | "DraftingCompass" | "Drama" | "Dribbble" | "Drill" | "Drone" | "Droplet" | "DropletOff" | "Droplets" | "Drum" | "Drumstick" | "Dumbbell" | "Ear" | "EarOff" | "Earth" | "EarthLock" | "Eclipse" | "Egg" | "EggFried" | "EggOff" | "Ellipsis" | "EllipsisVertical" | "Equal" | "EqualApproximately" | "EqualNot" | "Eraser" | "EthernetPort" | "Euro" | "Expand" | "ExternalLink" | "Eye" | "EyeClosed" | "EyeOff" | "Facebook" | "Factory" | "Fan" | "FastForward" | "Feather" | "Fence" | "FerrisWheel" | "Figma" | "File" | "FileArchive" | "FileAudio" | "FileAudio2" | "FileAxis3d" | "FileBadge" | "FileBadge2" | "FileBox" | "FileChartColumn" | "FileChartColumnIncreasing" | "FileChartLine" | "FileChartPie" | "FileCheck" | "FileCheck2" | "FileClock" | "FileCode" | "FileCode2" | "FileCog" | "FileDiff" | "FileDigit" | "FileDown" | "FileHeart" | "FileImage" | "FileInput" | "FileJson" | "FileJson2" | "FileKey" | "FileKey2" | "FileLock" | "FileLock2" | "FileMinus" | "FileMinus2" | "FileMusic" | "FileOutput" | "FilePen" | "FilePenLine" | "FilePlay" | "FilePlus" | "FilePlus2" | "FileQuestionMark" | "FileScan" | "FileSearch" | "FileSearch2" | "FileSliders" | "FileSpreadsheet" | "FileStack" | "FileSymlink" | "FileTerminal" | "FileText" | "FileType" | "FileType2" | "FileUp" | "FileUser" | "FileVideoCamera" | "FileVolume" | "FileVolume2" | "FileWarning" | "FileX" | "FileX2" | "Files" | "Film" | "Fingerprint" | "FireExtinguisher" | "Fish" | "FishOff" | "FishSymbol" | "Flag" | "FlagOff" | "FlagTriangleLeft" | "FlagTriangleRight" | "Flame" | "FlameKindling" | "Flashlight" | "FlashlightOff" | "FlaskConical" | "FlaskConicalOff" | "FlaskRound" | "FlipHorizontal" | "FlipHorizontal2" | "FlipVertical" | "FlipVertical2" | "Flower" | "Flower2" | "Focus" | "FoldHorizontal" | "FoldVertical" | "Folder" | "FolderArchive" | "FolderCheck" | "FolderClock" | "FolderClosed" | "FolderCode" | "FolderCog" | "FolderDot" | "FolderDown" | "FolderGit" | "FolderGit2" | "FolderHeart" | "FolderInput" | "FolderKanban" | "FolderKey" | "FolderLock" | "FolderMinus" | "FolderOpen" | "FolderOpenDot" | "FolderOutput" | "FolderPen" | "FolderPlus" | "FolderRoot" | "FolderSearch" | "FolderSearch2" | "FolderSymlink" | "FolderSync" | "FolderTree" | "FolderUp" | "FolderX" | "Folders" | "Footprints" | "Forklift" | "Forward" | "Frame" | "Framer" | "Frown" | "Fuel" | "Fullscreen" | "Funnel" | "FunnelPlus" | "FunnelX" | "GalleryHorizontal" | "GalleryHorizontalEnd" | "GalleryThumbnails" | "GalleryVertical" | "GalleryVerticalEnd" | "Gamepad" | "Gamepad2" | "Gauge" | "Gavel" | "Gem" | "GeorgianLari" | "Ghost" | "Gift" | "GitBranch" | "GitBranchPlus" | "GitCommitHorizontal" | "GitCommitVertical" | "GitCompare" | "GitCompareArrows" | "GitFork" | "GitGraph" | "GitMerge" | "GitPullRequest" | "GitPullRequestArrow" | "GitPullRequestClosed" | "GitPullRequestCreate" | "GitPullRequestCreateArrow" | "GitPullRequestDraft" | "Github" | "Gitlab" | "GlassWater" | "Glasses" | "Globe" | "GlobeLock" | "Goal" | "Gpu" | "GraduationCap" | "Grape" | "Grid2x2" | "Grid2x2Check" | "Grid2x2Plus" | "Grid2x2X" | "Grid3x2" | "Grid3x3" | "Grip" | "GripHorizontal" | "GripVertical" | "Guitar" | "Ham" | "Hamburger" | "Hammer" | "Hand" | "HandCoins" | "HandFist" | "HandGrab" | "HandHeart" | "HandHelping" | "HandMetal" | "HandPlatter" | "Handbag" | "Handshake" | "HardDrive" | "HardDriveDownload" | "HardDriveUpload" | "HardHat" | "Hash" | "HatGlasses" | "Haze" | "HdmiPort" | "Heading" | "Heading1" | "Heading2" | "Heading3" | "Heading4" | "Heading5" | "Heading6" | "HeadphoneOff" | "Headphones" | "Headset" | "Heart" | "HeartCrack" | "HeartHandshake" | "HeartMinus" | "HeartOff" | "HeartPlus" | "HeartPulse" | "Heater" | "Hexagon" | "Highlighter" | "History" | "Hop" | "HopOff" | "Hospital" | "Hotel" | "Hourglass" | "House" | "HousePlug" | "HousePlus" | "HouseWifi" | "IceCreamBowl" | "IceCreamCone" | "IdCard" | "IdCardLanyard" | "Image" | "ImageDown" | "ImageMinus" | "ImageOff" | "ImagePlay" | "ImagePlus" | "ImageUp" | "ImageUpscale" | "Images" | "Import" | "Inbox" | "IndentDecrease" | "IndentIncrease" | "IndianRupee" | "Infinity" | "Info" | "InspectionPanel" | "Instagram" | "Italic" | "IterationCcw" | "IterationCw" | "JapaneseYen" | "Joystick" | "Kanban" | "Key" | "KeyRound" | "KeySquare" | "Keyboard" | "KeyboardMusic" | "KeyboardOff" | "Lamp" | "LampCeiling" | "LampDesk" | "LampFloor" | "LampWallDown" | "LampWallUp" | "LandPlot" | "Landmark" | "Languages" | "Laptop" | "LaptopMinimal" | "LaptopMinimalCheck" | "Lasso" | "LassoSelect" | "Laugh" | "Layers" | "Layers2" | "LayoutDashboard" | "LayoutGrid" | "LayoutList" | "LayoutPanelLeft" | "LayoutPanelTop" | "LayoutTemplate" | "Leaf" | "LeafyGreen" | "Lectern" | "LetterText" | "Library" | "LibraryBig" | "LifeBuoy" | "Ligature" | "Lightbulb" | "LightbulbOff" | "LineSquiggle" | "Link" | "Link2" | "Link2Off" | "Linkedin" | "ListCheck" | "ListChecks" | "ListCollapse" | "ListEnd" | "ListFilter" | "ListFilterPlus" | "ListMinus" | "ListMusic" | "ListOrdered" | "ListPlus" | "ListRestart" | "ListStart" | "ListTodo" | "ListTree" | "ListVideo" | "ListX" | "LoaderCircle" | "LoaderPinwheel" | "Locate" | "LocateFixed" | "LocateOff" | "Lock" | "LockKeyhole" | "LockKeyholeOpen" | "LockOpen" | "LogIn" | "LogOut" | "Logs" | "Lollipop" | "Luggage" | "Magnet" | "Mail" | "MailCheck" | "MailMinus" | "MailOpen" | "MailPlus" | "MailQuestionMark" | "MailSearch" | "MailWarning" | "MailX" | "Mailbox" | "Mails" | "Map" | "MapMinus" | "MapPin" | "MapPinCheck" | "MapPinCheckInside" | "MapPinHouse" | "MapPinMinus" | "MapPinMinusInside" | "MapPinOff" | "MapPinPen" | "MapPinPlus" | "MapPinPlusInside" | "MapPinX" | "MapPinXInside" | "MapPinned" | "MapPlus" | "Mars" | "MarsStroke" | "Martini" | "Maximize" | "Maximize2" | "Medal" | "Megaphone" | "MegaphoneOff" | "Meh" | "MemoryStick" | "Merge" | "MessageCircle" | "MessageCircleCode" | "MessageCircleDashed" | "MessageCircleHeart" | "MessageCircleMore" | "MessageCircleOff" | "MessageCirclePlus" | "MessageCircleQuestionMark" | "MessageCircleReply" | "MessageCircleWarning" | "MessageCircleX" | "MessageSquare" | "MessageSquareCode" | "MessageSquareDashed" | "MessageSquareDiff" | "MessageSquareDot" | "MessageSquareHeart" | "MessageSquareLock" | "MessageSquareMore" | "MessageSquareOff" | "MessageSquarePlus" | "MessageSquareQuote" | "MessageSquareReply" | "MessageSquareShare" | "MessageSquareText" | "MessageSquareWarning" | "MessageSquareX" | "MessagesSquare" | "Mic" | "MicOff" | "MicVocal" | "Microchip" | "Microscope" | "Microwave" | "Milestone" | "Milk" | "MilkOff" | "Minimize" | "Minimize2" | "Minus" | "Monitor" | "MonitorCheck" | "MonitorCog" | "MonitorDot" | "MonitorDown" | "MonitorOff" | "MonitorPause" | "MonitorPlay" | "MonitorSmartphone" | "MonitorSpeaker" | "MonitorStop" | "MonitorUp" | "MonitorX" | "Moon" | "MoonStar" | "Mountain" | "MountainSnow" | "Mouse" | "MouseOff" | "MousePointer" | "MousePointer2" | "MousePointerBan" | "MousePointerClick" | "Move" | "Move3d" | "MoveDiagonal" | "MoveDiagonal2" | "MoveDown" | "MoveDownLeft" | "MoveDownRight" | "MoveHorizontal" | "MoveLeft" | "MoveRight" | "MoveUp" | "MoveUpLeft" | "MoveUpRight" | "MoveVertical" | "Music" | "Music2" | "Music3" | "Music4" | "Navigation" | "Navigation2" | "Navigation2Off" | "NavigationOff" | "Network" | "Newspaper" | "Nfc" | "NonBinary" | "Notebook" | "NotebookPen" | "NotebookTabs" | "NotebookText" | "NotepadText" | "NotepadTextDashed" | "Nut" | "NutOff" | "Octagon" | "OctagonAlert" | "OctagonMinus" | "OctagonPause" | "OctagonX" | "Omega" | "Orbit" | "Origami" | "Package" | "Package2" | "PackageCheck" | "PackageMinus" | "PackageOpen" | "PackagePlus" | "PackageSearch" | "PackageX" | "PaintBucket" | "PaintRoller" | "Paintbrush" | "PaintbrushVertical" | "Palette" | "Panda" | "PanelBottom" | "PanelBottomClose" | "PanelBottomDashed" | "PanelBottomOpen" | "PanelLeft" | "PanelLeftClose" | "PanelLeftDashed" | "PanelLeftOpen" | "PanelRight" | "PanelRightClose" | "PanelRightDashed" | "PanelRightOpen" | "PanelTop" | "PanelTopClose" | "PanelTopDashed" | "PanelTopOpen" | "PanelsLeftBottom" | "PanelsRightBottom" | "PanelsTopLeft" | "Paperclip" | "Parentheses" | "ParkingMeter" | "PartyPopper" | "Pause" | "PawPrint" | "PcCase" | "Pen" | "PenLine" | "PenOff" | "PenTool" | "Pencil" | "PencilLine" | "PencilOff" | "PencilRuler" | "Pentagon" | "Percent" | "PersonStanding" | "PhilippinePeso" | "Phone" | "PhoneCall" | "PhoneForwarded" | "PhoneIncoming" | "PhoneMissed" | "PhoneOff" | "PhoneOutgoing" | "Pi" | "Piano" | "Pickaxe" | "PictureInPicture" | "PictureInPicture2" | "PiggyBank" | "Pilcrow" | "PilcrowLeft" | "PilcrowRight" | "Pill" | "PillBottle" | "Pin" | "PinOff" | "Pipette" | "Pizza" | "Plane" | "PlaneLanding" | "PlaneTakeoff" | "Play" | "Plug" | "Plug2" | "PlugZap" | "Plus" | "Pocket" | "PocketKnife" | "Podcast" | "Pointer" | "PointerOff" | "Popcorn" | "Popsicle" | "PoundSterling" | "Power" | "PowerOff" | "Presentation" | "Printer" | "PrinterCheck" | "Projector" | "Proportions" | "Puzzle" | "Pyramid" | "QrCode" | "Quote" | "Rabbit" | "Radar" | "Radiation" | "Radical" | "RadioReceiver" | "RadioTower" | "Radius" | "RailSymbol" | "Rainbow" | "Rat" | "Ratio" | "Receipt" | "ReceiptCent" | "ReceiptEuro" | "ReceiptIndianRupee" | "ReceiptJapaneseYen" | "ReceiptPoundSterling" | "ReceiptRussianRuble" | "ReceiptSwissFranc" | "ReceiptText" | "ReceiptTurkishLira" | "RectangleCircle" | "RectangleEllipsis" | "RectangleGoggles" | "RectangleHorizontal" | "RectangleVertical" | "Recycle" | "Redo" | "Redo2" | "RedoDot" | "RefreshCcw" | "RefreshCcwDot" | "RefreshCw" | "RefreshCwOff" | "Refrigerator" | "Regex" | "RemoveFormatting" | "Repeat" | "Repeat1" | "Repeat2" | "Replace" | "ReplaceAll" | "Reply" | "ReplyAll" | "Rewind" | "Ribbon" | "Rocket" | "RockingChair" | "RollerCoaster" | "Rotate3d" | "RotateCcw" | "RotateCcwKey" | "RotateCcwSquare" | "RotateCw" | "RotateCwSquare" | "Route" | "RouteOff" | "Router" | "Rows2" | "Rows3" | "Rows4" | "Rss" | "Ruler" | "RulerDimensionLine" | "RussianRuble" | "Sailboat" | "Salad" | "Sandwich" | "Satellite" | "SatelliteDish" | "SaudiRiyal" | "Save" | "SaveAll" | "SaveOff" | "Scale" | "Scale3d" | "Scaling" | "Scan" | "ScanBarcode" | "ScanEye" | "ScanFace" | "ScanHeart" | "ScanLine" | "ScanQrCode" | "ScanSearch" | "ScanText" | "School" | "Scissors" | "ScissorsLineDashed" | "ScreenShare" | "ScreenShareOff" | "Scroll" | "ScrollText" | "Search" | "SearchCheck" | "SearchCode" | "SearchSlash" | "SearchX" | "Section" | "Send" | "SendHorizontal" | "SendToBack" | "SeparatorHorizontal" | "SeparatorVertical" | "Server" | "ServerCog" | "ServerCrash" | "ServerOff" | "Settings2" | "Shapes" | "Share" | "Share2" | "Sheet" | "Shell" | "Shield" | "ShieldAlert" | "ShieldBan" | "ShieldCheck" | "ShieldEllipsis" | "ShieldHalf" | "ShieldMinus" | "ShieldOff" | "ShieldPlus" | "ShieldQuestionMark" | "ShieldUser" | "ShieldX" | "Ship" | "ShipWheel" | "Shirt" | "ShoppingBag" | "ShoppingBasket" | "ShoppingCart" | "Shovel" | "ShowerHead" | "Shredder" | "Shrimp" | "Shrink" | "Shrub" | "Shuffle" | "Sigma" | "Signal" | "SignalHigh" | "SignalLow" | "SignalMedium" | "SignalZero" | "Signature" | "Signpost" | "SignpostBig" | "Siren" | "SkipBack" | "SkipForward" | "Skull" | "Slack" | "Slash" | "Slice" | "SlidersHorizontal" | "SlidersVertical" | "Smartphone" | "SmartphoneCharging" | "SmartphoneNfc" | "Smile" | "SmilePlus" | "Snail" | "Snowflake" | "SoapDispenserDroplet" | "Sofa" | "Soup" | "Space" | "Spade" | "Sparkle" | "Sparkles" | "Speaker" | "Speech" | "SpellCheck" | "SpellCheck2" | "Spline" | "SplinePointer" | "Split" | "Spool" | "Spotlight" | "SprayCan" | "Sprout" | "Square" | "SquareActivity" | "SquareArrowDown" | "SquareArrowDownLeft" | "SquareArrowDownRight" | "SquareArrowLeft" | "SquareArrowOutDownLeft" | "SquareArrowOutDownRight" | "SquareArrowOutUpLeft" | "SquareArrowOutUpRight" | "SquareArrowRight" | "SquareArrowUp" | "SquareArrowUpLeft" | "SquareArrowUpRight" | "SquareAsterisk" | "SquareBottomDashedScissors" | "SquareChartGantt" | "SquareCheck" | "SquareCheckBig" | "SquareChevronDown" | "SquareChevronLeft" | "SquareChevronRight" | "SquareChevronUp" | "SquareCode" | "SquareDashed" | "SquareDashedBottom" | "SquareDashedBottomCode" | "SquareDashedKanban" | "SquareDashedMousePointer" | "SquareDashedTopSolid" | "SquareDivide" | "SquareDot" | "SquareEqual" | "SquareFunction" | "SquareKanban" | "SquareLibrary" | "SquareM" | "SquareMenu" | "SquareMinus" | "SquareMousePointer" | "SquareParking" | "SquareParkingOff" | "SquarePause" | "SquarePen" | "SquarePercent" | "SquarePi" | "SquarePilcrow" | "SquarePlay" | "SquarePlus" | "SquarePower" | "SquareRadical" | "SquareRoundCorner" | "SquareScissors" | "SquareSigma" | "SquareSlash" | "SquareSplitHorizontal" | "SquareSplitVertical" | "SquareSquare" | "SquareStack" | "SquareStar" | "SquareStop" | "SquareTerminal" | "SquareUser" | "SquareUserRound" | "SquareX" | "SquaresExclude" | "SquaresIntersect" | "SquaresSubtract" | "SquaresUnite" | "Squircle" | "SquircleDashed" | "Squirrel" | "Stamp" | "Star" | "StarHalf" | "StarOff" | "StepBack" | "StepForward" | "Stethoscope" | "Sticker" | "StickyNote" | "Store" | "StretchHorizontal" | "StretchVertical" | "Strikethrough" | "Subscript" | "Sun" | "SunDim" | "SunMedium" | "SunMoon" | "SunSnow" | "Sunrise" | "Sunset" | "Superscript" | "SwatchBook" | "SwissFranc" | "SwitchCamera" | "Sword" | "Swords" | "Syringe" | "Table2" | "TableCellsMerge" | "TableCellsSplit" | "TableColumnsSplit" | "TableOfContents" | "TableProperties" | "TableRowsSplit" | "Tablet" | "TabletSmartphone" | "Tablets" | "Tag" | "Tags" | "Tally1" | "Tally2" | "Tally3" | "Tally4" | "Tally5" | "Tangent" | "Target" | "Telescope" | "Tent" | "TentTree" | "Terminal" | "TestTube" | "TestTubeDiagonal" | "TestTubes" | "Text" | "TextCursor" | "TextCursorInput" | "TextQuote" | "TextSearch" | "TextSelect" | "Theater" | "Thermometer" | "ThermometerSnowflake" | "ThermometerSun" | "ThumbsDown" | "ThumbsUp" | "Ticket" | "TicketCheck" | "TicketMinus" | "TicketPercent" | "TicketPlus" | "TicketSlash" | "TicketX" | "Tickets" | "TicketsPlane" | "Timer" | "TimerOff" | "TimerReset" | "ToggleLeft" | "ToggleRight" | "Toilet" | "ToolCase" | "Tornado" | "Torus" | "Touchpad" | "TouchpadOff" | "TowerControl" | "ToyBrick" | "Tractor" | "TrafficCone" | "TrainFront" | "TrainFrontTunnel" | "TrainTrack" | "TramFront" | "Transgender" | "Trash" | "Trash2" | "TreeDeciduous" | "TreePalm" | "TreePine" | "Trees" | "Trello" | "TrendingDown" | "TrendingUp" | "TrendingUpDown" | "Triangle" | "TriangleAlert" | "TriangleDashed" | "TriangleRight" | "Trophy" | "Truck" | "TruckElectric" | "TurkishLira" | "Turntable" | "Turtle" | "Tv" | "TvMinimal" | "TvMinimalPlay" | "Twitch" | "Twitter" | "Type" | "TypeOutline" | "Umbrella" | "UmbrellaOff" | "Underline" | "Undo" | "Undo2" | "UndoDot" | "UnfoldHorizontal" | "UnfoldVertical" | "Ungroup" | "University" | "Unlink" | "Unlink2" | "Unplug" | "Upload" | "Usb" | "User" | "UserCheck" | "UserCog" | "UserLock" | "UserMinus" | "UserPen" | "UserPlus" | "UserRound" | "UserRoundCheck" | "UserRoundCog" | "UserRoundMinus" | "UserRoundPen" | "UserRoundPlus" | "UserRoundSearch" | "UserRoundX" | "UserSearch" | "UserStar" | "UserX" | "Users" | "UsersRound" | "Utensils" | "UtensilsCrossed" | "UtilityPole" | "Variable" | "Vault" | "VectorSquare" | "Vegan" | "VenetianMask" | "Venus" | "VenusAndMars" | "Vibrate" | "VibrateOff" | "Video" | "VideoOff" | "Videotape" | "View" | "Voicemail" | "Volleyball" | "Volume" | "Volume1" | "Volume2" | "VolumeOff" | "VolumeX" | "Vote" | "Wallet" | "WalletCards" | "WalletMinimal" | "Wallpaper" | "Wand" | "WandSparkles" | "Warehouse" | "WashingMachine" | "Watch" | "Waves" | "WavesLadder" | "Waypoints" | "Webcam" | "Webhook" | "WebhookOff" | "Weight" | "Wheat" | "WheatOff" | "WholeWord" | "Wifi" | "WifiCog" | "WifiHigh" | "WifiLow" | "WifiOff" | "WifiPen" | "WifiSync" | "WifiZero" | "Wind" | "WindArrowDown" | "Wine" | "WineOff" | "Workflow" | "Worm" | "WrapText" | "Wrench" | "X" | "Youtube" | "Zap" | "ZapOff" | "ZoomIn" | "ZoomOut", () => Promise<any>>;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export type ThemeName = 'light' | 'dark' | 'corporate' | 'midnight' | 'blueprint';
|
|
4
|
+
export declare const availableThemes: ThemeName[];
|
|
5
|
+
export interface ThemeConfig {
|
|
6
|
+
name: string;
|
|
7
|
+
colors: {
|
|
8
|
+
primary: string;
|
|
9
|
+
primaryForeground: string;
|
|
10
|
+
secondary: string;
|
|
11
|
+
secondaryForeground: string;
|
|
12
|
+
accent: string;
|
|
13
|
+
accentForeground: string;
|
|
14
|
+
danger: string;
|
|
15
|
+
dangerForeground: string;
|
|
16
|
+
background: string;
|
|
17
|
+
card: string;
|
|
18
|
+
text: string;
|
|
19
|
+
border: string;
|
|
20
|
+
muted: string;
|
|
21
|
+
mutedForeground: string;
|
|
22
|
+
input: string;
|
|
23
|
+
inputBorder: string;
|
|
24
|
+
ring: string;
|
|
25
|
+
};
|
|
26
|
+
borderRadius: string;
|
|
27
|
+
fonts?: {
|
|
28
|
+
sans: string;
|
|
29
|
+
serif: string;
|
|
30
|
+
mono: string;
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
interface ThemeContextType {
|
|
34
|
+
theme: ThemeName;
|
|
35
|
+
availableThemes: ThemeName[];
|
|
36
|
+
setTheme: (themeName: ThemeName) => void;
|
|
37
|
+
borderRadius: string;
|
|
38
|
+
setBorderRadius: (radius: string) => void;
|
|
39
|
+
fontSize: string;
|
|
40
|
+
setFontSize: (size: string) => void;
|
|
41
|
+
customTheme: ThemeConfig | null;
|
|
42
|
+
setCustomTheme: (config: ThemeConfig | null) => void;
|
|
43
|
+
}
|
|
44
|
+
export declare const ThemeProvider: React.FC<{
|
|
45
|
+
children: React.ReactNode;
|
|
46
|
+
}>;
|
|
47
|
+
export declare const useTheme: () => ThemeContextType;
|
|
48
|
+
export {};
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
|
|
2
|
+
export type * from './lib/types/wizard';
|
|
3
|
+
export type { ThemeName } from './contexts/ThemeContext';
|
|
4
|
+
export type { MultiSelectOption } from './components/forms/MultiSelect';
|
|
5
|
+
export { AUTO_REGISTRY } from './component-registry';
|
|
6
|
+
export { wizardManifest } from '../wizardManifest';
|
|
7
|
+
export type { ColDef, ColGroupDef, GridOptions, GridApi, ColumnApi, ValueFormatterParams, ValueGetterParams, ICellRendererParams, CellClickedEvent, RowSelectedEvent, IHeaderParams, } from 'ag-grid-community';
|
|
8
|
+
export * from './data/mockData';
|
|
9
|
+
export * from './blocks/ai/Loader';
|
|
10
|
+
export * from './blocks/ai/Actions';
|
|
11
|
+
export * from './blocks/ai/PromptInput';
|
|
12
|
+
export * from './blocks/ai/Message';
|
|
13
|
+
export * from './blocks/ai/Conversation';
|
|
14
|
+
export * from './blocks/ai/ChatFAB';
|
|
15
|
+
export * from './contexts/ThemeContext';
|
|
16
|
+
export * from './components/data-display/ActivityFeed';
|
|
17
|
+
export * from './components/data-display/DataTable';
|
|
18
|
+
export * from './components/data-display/Table';
|
|
19
|
+
export * from './components/data-display/BarChart';
|
|
20
|
+
export * from './components/data-display/ChartWithTable';
|
|
21
|
+
export * from './components/data-display/LineChart';
|
|
22
|
+
export * from './components/data-display/PieChart';
|
|
23
|
+
export * from './components/data-display/CodeBlock';
|
|
24
|
+
export * from './components/data-display/StatCard';
|
|
25
|
+
export * from './components/data-display/StatusBadge';
|
|
26
|
+
export * from './components/feedback/Alert';
|
|
27
|
+
export * from './components/feedback/EmptyState';
|
|
28
|
+
export * from './components/feedback/TippyTooltip';
|
|
29
|
+
export * from './components/feedback/Toast';
|
|
30
|
+
export * from './components/feedback/ToastProvider';
|
|
31
|
+
export * from './components/forms/ButtonGroup';
|
|
32
|
+
export * from './components/forms/Checkbox';
|
|
33
|
+
export * from './components/forms/ComboBox';
|
|
34
|
+
export * from './components/forms/DatePicker';
|
|
35
|
+
export * from './components/forms/FileUpload';
|
|
36
|
+
export * from './components/forms/FormTemplate';
|
|
37
|
+
export * from './components/forms/Input';
|
|
38
|
+
export * from './components/forms/MultiSelect';
|
|
39
|
+
export * from './components/forms/Radio';
|
|
40
|
+
export * from './components/forms/SearchInput';
|
|
41
|
+
export * from './components/forms/SegmentedControl';
|
|
42
|
+
export * from './components/forms/Select';
|
|
43
|
+
export * from './components/forms/Textarea';
|
|
44
|
+
export * from './components/forms/ToggleSwitch';
|
|
45
|
+
export * from './lib/hooks/useDataFetch';
|
|
46
|
+
export * from './lib/hooks/useChartTheme';
|
|
47
|
+
export * from './blocks/iot/DeviceCard';
|
|
48
|
+
export * from './components/layout/Accordion';
|
|
49
|
+
export * from './components/layout/Card';
|
|
50
|
+
export * from './components/layout/Drawer';
|
|
51
|
+
export * from './components/layout/List';
|
|
52
|
+
export * from './components/layout/Modal';
|
|
53
|
+
export * from './components/layout/Sidebar';
|
|
54
|
+
export * from './components/layout/ActionBar';
|
|
55
|
+
export * from './components/layout/PageHeader';
|
|
56
|
+
export * from './components/layout/SectionHeader';
|
|
57
|
+
export * from './components/navigation/Breadcrumbs';
|
|
58
|
+
export * from './components/navigation/Menu';
|
|
59
|
+
export * from './components/navigation/Pagination';
|
|
60
|
+
export * from './components/navigation/Stepper';
|
|
61
|
+
export * from './components/navigation/Tabs';
|
|
62
|
+
export * from './components/ui/Avatar';
|
|
63
|
+
export * from './components/ui/Badge';
|
|
64
|
+
export * from './components/ui/Button';
|
|
65
|
+
export * from './components/ui/Icon';
|
|
66
|
+
export * from './utils/cn';
|