@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.
Files changed (77) hide show
  1. package/dist/index.d.ts +1 -63
  2. package/dist/index.es.js +20033 -17754
  3. package/dist/index.umd.js +1917 -1892
  4. package/dist/src/blocks/ai/Loader.d.ts +29 -0
  5. package/dist/src/components/forms/DatePicker.d.ts +25 -0
  6. package/dist/src/components/forms/FileUpload.d.ts +20 -0
  7. package/dist/{components → src/components}/forms/FormTemplate.d.ts +19 -11
  8. package/dist/{components → src/components}/forms/MultiSelect.d.ts +4 -9
  9. package/dist/src/components/forms/SegmentedControl.d.ts +28 -0
  10. package/dist/src/components/forms/Select.d.ts +21 -0
  11. package/dist/{components → src/components}/layout/Card.d.ts +4 -2
  12. package/dist/src/components/layout/Sidebar.d.ts +45 -0
  13. package/dist/src/components/layout/StorySidebarContent.d.ts +8 -0
  14. package/dist/{components → src/components}/ui/Avatar.d.ts +0 -4
  15. package/dist/{components → src/components}/ui/Badge.d.ts +7 -4
  16. package/dist/{components → src/components}/ui/Button.d.ts +5 -4
  17. package/dist/src/components/ui/icon-loader.d.ts +4 -0
  18. package/dist/src/contexts/ThemeContext.d.ts +48 -0
  19. package/dist/src/index.d.ts +66 -0
  20. package/dist/style.css +1 -1
  21. package/package.json +3 -3
  22. package/dist/blocks/ai/Loader.d.ts +0 -11
  23. package/dist/components/forms/DatePicker.d.ts +0 -54
  24. package/dist/components/forms/FileUpload.d.ts +0 -36
  25. package/dist/components/forms/SegmentedControl.d.ts +0 -40
  26. package/dist/components/forms/Select.d.ts +0 -41
  27. package/dist/components/layout/Sidebar.d.ts +0 -37
  28. package/dist/components/layout/StorySidebarContent.d.ts +0 -1
  29. package/dist/components/ui/icon-loader.d.ts +0 -4
  30. package/dist/contexts/ThemeContext.d.ts +0 -18
  31. /package/dist/{blocks → src/blocks}/ai/Actions.d.ts +0 -0
  32. /package/dist/{blocks → src/blocks}/ai/ChatFAB.d.ts +0 -0
  33. /package/dist/{blocks → src/blocks}/ai/Conversation.d.ts +0 -0
  34. /package/dist/{blocks → src/blocks}/ai/Message.d.ts +0 -0
  35. /package/dist/{blocks → src/blocks}/ai/PromptInput.d.ts +0 -0
  36. /package/dist/{blocks → src/blocks}/iot/DeviceCard.d.ts +0 -0
  37. /package/dist/{component-registry.d.ts → src/component-registry.d.ts} +0 -0
  38. /package/dist/{components → src/components}/data-display/ActivityFeed.d.ts +0 -0
  39. /package/dist/{components → src/components}/data-display/BarChart.d.ts +0 -0
  40. /package/dist/{components → src/components}/data-display/ChartWithTable.d.ts +0 -0
  41. /package/dist/{components → src/components}/data-display/CodeBlock.d.ts +0 -0
  42. /package/dist/{components → src/components}/data-display/DataTable.d.ts +0 -0
  43. /package/dist/{components → src/components}/data-display/LineChart.d.ts +0 -0
  44. /package/dist/{components → src/components}/data-display/PieChart.d.ts +0 -0
  45. /package/dist/{components → src/components}/data-display/StatCard.d.ts +0 -0
  46. /package/dist/{components → src/components}/data-display/StatusBadge.d.ts +0 -0
  47. /package/dist/{components → src/components}/data-display/Table.d.ts +0 -0
  48. /package/dist/{components → src/components}/feedback/Alert.d.ts +0 -0
  49. /package/dist/{components → src/components}/feedback/EmptyState.d.ts +0 -0
  50. /package/dist/{components → src/components}/feedback/TippyTooltip.d.ts +0 -0
  51. /package/dist/{components → src/components}/feedback/Toast.d.ts +0 -0
  52. /package/dist/{components → src/components}/feedback/ToastProvider.d.ts +0 -0
  53. /package/dist/{components → src/components}/forms/ButtonGroup.d.ts +0 -0
  54. /package/dist/{components → src/components}/forms/Checkbox.d.ts +0 -0
  55. /package/dist/{components → src/components}/forms/ComboBox.d.ts +0 -0
  56. /package/dist/{components → src/components}/forms/Input.d.ts +0 -0
  57. /package/dist/{components → src/components}/forms/Radio.d.ts +0 -0
  58. /package/dist/{components → src/components}/forms/SearchInput.d.ts +0 -0
  59. /package/dist/{components → src/components}/forms/Textarea.d.ts +0 -0
  60. /package/dist/{components → src/components}/forms/ToggleSwitch.d.ts +0 -0
  61. /package/dist/{components → src/components}/layout/Accordion.d.ts +0 -0
  62. /package/dist/{components → src/components}/layout/ActionBar.d.ts +0 -0
  63. /package/dist/{components → src/components}/layout/Drawer.d.ts +0 -0
  64. /package/dist/{components → src/components}/layout/List.d.ts +0 -0
  65. /package/dist/{components → src/components}/layout/Modal.d.ts +0 -0
  66. /package/dist/{components → src/components}/layout/PageHeader.d.ts +0 -0
  67. /package/dist/{components → src/components}/layout/SectionHeader.d.ts +0 -0
  68. /package/dist/{components → src/components}/navigation/Breadcrumbs.d.ts +0 -0
  69. /package/dist/{components → src/components}/navigation/Menu.d.ts +0 -0
  70. /package/dist/{components → src/components}/navigation/Pagination.d.ts +0 -0
  71. /package/dist/{components → src/components}/navigation/Stepper.d.ts +0 -0
  72. /package/dist/{components → src/components}/navigation/Tabs.d.ts +0 -0
  73. /package/dist/{components → src/components}/ui/Icon.d.ts +0 -0
  74. /package/dist/{data → src/data}/mockData.d.ts +0 -0
  75. /package/dist/{lib → src/lib}/hooks/useChartTheme.d.ts +0 -0
  76. /package/dist/{lib → src/lib}/hooks/useDataFetch.d.ts +0 -0
  77. /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
- export type FormField = FormInput | FormTextarea | FormSelect | FormCheckbox | FormToggle | FormRadio | FormComboBox | FormMultiSelect | FormDatePicker;
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, handling internal state and submission.
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 (name, label, type, etc.) that determine the form structure.
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, receiving the collected data.
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 { HTMLAttributes, FC } from 'react';
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: FC<HTMLAttributes<HTMLDivElement>>;
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>;
@@ -0,0 +1,8 @@
1
+ import { SidebarItem } from './Sidebar';
2
+
3
+ export declare const mockItems: SidebarItem[];
4
+ export declare const mockUser: {
5
+ name: string;
6
+ email: string;
7
+ avatarUrl: string;
8
+ };
@@ -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" | "outline" | null | undefined;
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 function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
25
- export { Badge, badgeVariants };
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" | "primary" | "secondary" | "danger" | "outline" | "accent" | null | undefined;
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>, VariantProps<typeof buttonVariants> {
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';