@app-studio/web 0.9.39 → 0.9.43
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/bot/Bot.d.ts +15 -0
- package/dist/bot/Cache.d.ts +13 -0
- package/dist/bot/Config.d.ts +13 -0
- package/dist/bot/ContentFetcher.d.ts +9 -0
- package/dist/bot/DocuCode.d.ts +19 -0
- package/dist/bot/FileHandler.d.ts +39 -0
- package/dist/bot/ai/AnthropicConnector.d.ts +6 -0
- package/dist/bot/ai/GeminiConnector.d.ts +7 -0
- package/dist/bot/ai/GroqConnector.d.ts +7 -0
- package/dist/bot/ai/HuggingFaceConnector.d.ts +6 -0
- package/dist/bot/ai/OpenAIConnector.d.ts +11 -0
- package/dist/bot/ai/ReplicateConnector.d.ts +7 -0
- package/dist/bot/ai/SambaNovaConnector.d.ts +6 -0
- package/dist/bot/ai/ai.config.d.ts +12 -0
- package/dist/bot/ai/ai.service.d.ts +36 -0
- package/dist/bot/data.d.ts +19 -0
- package/dist/bot/extractors.d.ts +8 -0
- package/dist/bot/index.d.ts +1 -0
- package/dist/bot/prompt/1-project.d.ts +1 -0
- package/dist/bot/prompt/2-response.d.ts +1 -0
- package/dist/bot/prompt/3-comment.d.ts +1 -0
- package/docs/components/Accordion.mdx +74 -121
- package/docs/components/Alert.mdx +18 -69
- package/docs/components/AspectRatio.mdx +11 -9
- package/docs/components/AudioInput.mdx +43 -0
- package/docs/components/Avatar.mdx +17 -42
- package/docs/components/Background.mdx +99 -491
- package/docs/components/Badge.mdx +37 -122
- package/docs/components/Button.mdx +71 -123
- package/docs/components/Calendar.mdx +7 -7
- package/docs/components/Card.mdx +238 -281
- package/docs/components/Carousel.mdx +88 -315
- package/docs/components/Center.mdx +22 -22
- package/docs/components/Chart.mdx +171 -26
- package/docs/components/ChatInput.mdx +327 -275
- package/docs/components/Checkbox.mdx +3 -5
- package/docs/components/ColorInput.mdx +10 -10
- package/docs/components/ColorPicker.mdx +452 -0
- package/docs/components/ComboBox.mdx +14 -14
- package/docs/components/Command.mdx +140 -188
- package/docs/components/ContextMenu.mdx +47 -171
- package/docs/components/CookieConsent.mdx +53 -0
- package/docs/components/CountryPicker.mdx +10 -10
- package/docs/components/DatePicker.mdx +4 -4
- package/docs/components/DragAndDrop.mdx +279 -463
- package/docs/components/Drawer.mdx +401 -100
- package/docs/components/DropdownMenu.mdx +37 -155
- package/docs/components/EmojiPicker.mdx +84 -0
- package/docs/components/File.mdx +130 -4
- package/docs/components/Flow.mdx +3 -3
- package/docs/components/Form.mdx +4 -4
- package/docs/components/Formik.mdx +41 -41
- package/docs/components/Gradient.mdx +355 -178
- package/docs/components/Horizontal.mdx +1 -2
- package/docs/components/HoverCard.mdx +57 -125
- package/docs/components/Icon.mdx +10 -10
- package/docs/components/KanbanBoard.mdx +12 -12
- package/docs/components/Label.mdx +8 -8
- package/docs/components/Link.mdx +19 -27
- package/docs/components/Loader.mdx +224 -407
- package/docs/components/Menubar.mdx +71 -67
- package/docs/components/Message.mdx +211 -526
- package/docs/components/Modal.mdx +351 -475
- package/docs/components/NavigationMenu.mdx +8 -8
- package/docs/components/OTPInput.mdx +194 -0
- package/docs/components/Pagination.mdx +451 -107
- package/docs/components/Password.mdx +8 -8
- package/docs/components/ProgressBar.mdx +460 -0
- package/docs/components/Resizable.mdx +103 -102
- package/docs/components/Select.mdx +5 -5
- package/docs/components/Separator.mdx +11 -98
- package/docs/components/ShareButton.mdx +29 -0
- package/docs/components/Sidebar.mdx +70 -131
- package/docs/components/Slider.mdx +99 -185
- package/docs/components/StatusIndicator.mdx +373 -0
- package/docs/components/Switch.mdx +3 -3
- package/docs/components/Table.mdx +25 -105
- package/docs/components/Tabs.mdx +40 -143
- package/docs/components/TagInput.mdx +32 -32
- package/docs/components/Text.mdx +3 -3
- package/docs/components/TextArea.mdx +9 -9
- package/docs/components/TextField.mdx +17 -17
- package/docs/components/Title.mdx +267 -525
- package/docs/components/Toast.mdx +65 -142
- package/docs/components/Toggle.mdx +34 -46
- package/docs/components/ToggleGroup.mdx +29 -50
- package/docs/components/Tooltip.mdx +500 -137
- package/docs/components/Tree.mdx +4 -4
- package/docs/components/Uploader.mdx +205 -351
- package/docs/components/Vertical.mdx +22 -22
- package/package.json +1 -1
- package/dist/components/AuthGuard/AuthGuard.d.ts +0 -35
- package/dist/components/AuthGuard/index.d.ts +0 -1
- package/docs/adk-components.md +0 -319
- package/docs/adk-quick-start.md +0 -268
|
@@ -11,7 +11,7 @@ A text input field for multi-line text editing with customizable features.
|
|
|
11
11
|
```tsx
|
|
12
12
|
import React from 'react';
|
|
13
13
|
|
|
14
|
-
import { TextArea } from '
|
|
14
|
+
import { TextArea } from '@app-studio/web';
|
|
15
15
|
|
|
16
16
|
export const DefaultArea = () => (
|
|
17
17
|
<TextArea name="comments" placeholder="Enter your thoughts" />
|
|
@@ -24,9 +24,9 @@ Optional color scheme for the component.
|
|
|
24
24
|
|
|
25
25
|
```tsx
|
|
26
26
|
import React from 'react';
|
|
27
|
-
import { Vertical } from 'app-studio';
|
|
27
|
+
import { Vertical } from '@app-studio/web';
|
|
28
28
|
|
|
29
|
-
import { TextArea } from '
|
|
29
|
+
import { TextArea } from '@app-studio/web';
|
|
30
30
|
|
|
31
31
|
export const ColorArea = () => {
|
|
32
32
|
return (
|
|
@@ -51,10 +51,10 @@ Helper text that appears below the text area.
|
|
|
51
51
|
import { useState } from 'react';
|
|
52
52
|
import React from 'react';
|
|
53
53
|
|
|
54
|
-
import { Button } from '
|
|
55
|
-
import { TextArea } from '
|
|
54
|
+
import { Button } from '@app-studio/web';
|
|
55
|
+
import { TextArea } from '@app-studio/web';
|
|
56
56
|
|
|
57
|
-
import { Vertical } from 'app-studio';
|
|
57
|
+
import { Vertical } from '@app-studio/web';
|
|
58
58
|
|
|
59
59
|
export const HelperTextArea = () => {
|
|
60
60
|
const initialValues = {
|
|
@@ -108,11 +108,11 @@ Placeholder text for the text area when it is empty.
|
|
|
108
108
|
|
|
109
109
|
```tsx
|
|
110
110
|
import React from 'react';
|
|
111
|
-
import { Button } from '
|
|
111
|
+
import { Button } from '@app-studio/web';
|
|
112
112
|
|
|
113
|
-
import { Horizontal } from 'app-studio';
|
|
113
|
+
import { Horizontal } from '@app-studio/web';
|
|
114
114
|
|
|
115
|
-
import { TextArea } from '
|
|
115
|
+
import { TextArea } from '@app-studio/web';
|
|
116
116
|
|
|
117
117
|
export const PlaceholderArea = () => {
|
|
118
118
|
const handleSubmit = (event: any) => {
|
|
@@ -10,11 +10,11 @@ A customizable text input field with optional helpers, labels, and icons.
|
|
|
10
10
|
### **Default**
|
|
11
11
|
```tsx
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import { Button } from '
|
|
13
|
+
import { Button } from '@app-studio/web';
|
|
14
14
|
|
|
15
|
-
import { Horizontal } from 'app-studio';
|
|
15
|
+
import { Horizontal } from '@app-studio/web';
|
|
16
16
|
|
|
17
|
-
import { TextField } from '
|
|
17
|
+
import { TextField } from '@app-studio/web';
|
|
18
18
|
|
|
19
19
|
export const DefaultInput = () => {
|
|
20
20
|
const handleSubmit = (event: any) => {
|
|
@@ -42,11 +42,11 @@ Optional helper text that appears below the TextField.
|
|
|
42
42
|
```tsx
|
|
43
43
|
import { useState } from 'react';
|
|
44
44
|
import React from 'react';
|
|
45
|
-
import { Button } from '
|
|
45
|
+
import { Button } from '@app-studio/web';
|
|
46
46
|
|
|
47
|
-
import { TextField } from '
|
|
47
|
+
import { TextField } from '@app-studio/web';
|
|
48
48
|
|
|
49
|
-
import { Vertical } from 'app-studio';
|
|
49
|
+
import { Vertical } from '@app-studio/web';
|
|
50
50
|
|
|
51
51
|
export const HelperTextInput = () => {
|
|
52
52
|
const initialValues = {
|
|
@@ -110,9 +110,9 @@ Optional property to specify the color scheme of the TextField.
|
|
|
110
110
|
|
|
111
111
|
```tsx
|
|
112
112
|
import React from 'react';
|
|
113
|
-
import { Vertical } from 'app-studio';
|
|
113
|
+
import { Vertical } from '@app-studio/web';
|
|
114
114
|
|
|
115
|
-
import { TextField } from '
|
|
115
|
+
import { TextField } from '@app-studio/web';
|
|
116
116
|
|
|
117
117
|
export const ColorSchemeDemo = () => {
|
|
118
118
|
return (
|
|
@@ -135,9 +135,9 @@ Optional React node to be rendered on the left side of the TextField.
|
|
|
135
135
|
|
|
136
136
|
```tsx
|
|
137
137
|
import React from 'react';
|
|
138
|
-
import { ProfileIcon } from '
|
|
138
|
+
import { ProfileIcon } from '@app-studio/web';
|
|
139
139
|
|
|
140
|
-
import { TextField } from '
|
|
140
|
+
import { TextField } from '@app-studio/web';
|
|
141
141
|
|
|
142
142
|
export const LeftInput = () => {
|
|
143
143
|
return (
|
|
@@ -156,9 +156,9 @@ Optional React node to be rendered on the right side of the TextField.
|
|
|
156
156
|
|
|
157
157
|
```tsx
|
|
158
158
|
import React from 'react';
|
|
159
|
-
import { EditIcon } from '
|
|
159
|
+
import { EditIcon } from '@app-studio/web';
|
|
160
160
|
|
|
161
|
-
import { TextField } from '
|
|
161
|
+
import { TextField } from '@app-studio/web';
|
|
162
162
|
|
|
163
163
|
export const RightInput = () => {
|
|
164
164
|
return (
|
|
@@ -177,11 +177,11 @@ Optional placeholder text shown inside the TextField when empty.
|
|
|
177
177
|
|
|
178
178
|
```tsx
|
|
179
179
|
import React from 'react';
|
|
180
|
-
import { Button } from '
|
|
180
|
+
import { Button } from '@app-studio/web';
|
|
181
181
|
|
|
182
|
-
import { Horizontal } from 'app-studio';
|
|
182
|
+
import { Horizontal } from '@app-studio/web';
|
|
183
183
|
|
|
184
|
-
import { TextField } from '
|
|
184
|
+
import { TextField } from '@app-studio/web';
|
|
185
185
|
|
|
186
186
|
export const Placeholder = () => {
|
|
187
187
|
const handleSubmit = (event: any) => {
|
|
@@ -208,9 +208,9 @@ Optional flag that when true allows the TextField to be cleared.
|
|
|
208
208
|
|
|
209
209
|
```tsx
|
|
210
210
|
import React from 'react';
|
|
211
|
-
import { Vertical } from 'app-studio';
|
|
211
|
+
import { Vertical } from '@app-studio/web';
|
|
212
212
|
|
|
213
|
-
import { TextField } from '
|
|
213
|
+
import { TextField } from '@app-studio/web';
|
|
214
214
|
|
|
215
215
|
export const IsClearableDemo = () => {
|
|
216
216
|
return (
|