@idealyst/mcp-server 1.0.93 → 1.0.95
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/data/cli-commands.d.ts +2 -0
- package/dist/data/cli-commands.d.ts.map +1 -0
- package/dist/data/cli-commands.js +100 -0
- package/dist/data/cli-commands.js.map +1 -0
- package/dist/data/components/Accordion.d.ts +15 -0
- package/dist/data/components/Accordion.d.ts.map +1 -0
- package/{src/data/components/Accordion.ts → dist/data/components/Accordion.js} +26 -28
- package/dist/data/components/Accordion.js.map +1 -0
- package/dist/data/components/ActivityIndicator.d.ts +15 -0
- package/dist/data/components/ActivityIndicator.d.ts.map +1 -0
- package/{src/data/components/ActivityIndicator.ts → dist/data/components/ActivityIndicator.js} +26 -28
- package/dist/data/components/ActivityIndicator.js.map +1 -0
- package/dist/data/components/Alert.d.ts +15 -0
- package/dist/data/components/Alert.d.ts.map +1 -0
- package/{src/data/components/Alert.ts → dist/data/components/Alert.js} +28 -30
- package/dist/data/components/Alert.js.map +1 -0
- package/dist/data/components/Avatar.d.ts +15 -0
- package/dist/data/components/Avatar.d.ts.map +1 -0
- package/{src/data/components/Avatar.ts → dist/data/components/Avatar.js} +26 -28
- package/dist/data/components/Avatar.js.map +1 -0
- package/dist/data/components/Badge.d.ts +15 -0
- package/dist/data/components/Badge.d.ts.map +1 -0
- package/{src/data/components/Badge.ts → dist/data/components/Badge.js} +16 -15
- package/dist/data/components/Badge.js.map +1 -0
- package/dist/data/components/Breadcrumb.d.ts +15 -0
- package/dist/data/components/Breadcrumb.d.ts.map +1 -0
- package/{src/data/components/Breadcrumb.ts → dist/data/components/Breadcrumb.js} +27 -29
- package/dist/data/components/Breadcrumb.js.map +1 -0
- package/dist/data/components/Button.d.ts +15 -0
- package/dist/data/components/Button.d.ts.map +1 -0
- package/{src/data/components/Button.ts → dist/data/components/Button.js} +18 -17
- package/dist/data/components/Button.js.map +1 -0
- package/dist/data/components/Card.d.ts +15 -0
- package/dist/data/components/Card.d.ts.map +1 -0
- package/{src/data/components/Card.ts → dist/data/components/Card.js} +16 -15
- package/dist/data/components/Card.js.map +1 -0
- package/dist/data/components/Checkbox.d.ts +15 -0
- package/dist/data/components/Checkbox.d.ts.map +1 -0
- package/{src/data/components/Checkbox.ts → dist/data/components/Checkbox.js} +27 -29
- package/dist/data/components/Checkbox.js.map +1 -0
- package/dist/data/components/Chip.d.ts +15 -0
- package/dist/data/components/Chip.d.ts.map +1 -0
- package/{src/data/components/Chip.ts → dist/data/components/Chip.js} +19 -18
- package/dist/data/components/Chip.js.map +1 -0
- package/dist/data/components/Dialog.d.ts +15 -0
- package/dist/data/components/Dialog.d.ts.map +1 -0
- package/{src/data/components/Dialog.ts → dist/data/components/Dialog.js} +18 -17
- package/dist/data/components/Dialog.js.map +1 -0
- package/dist/data/components/Divider.d.ts +15 -0
- package/dist/data/components/Divider.d.ts.map +1 -0
- package/{src/data/components/Divider.ts → dist/data/components/Divider.js} +26 -28
- package/dist/data/components/Divider.js.map +1 -0
- package/dist/data/components/Icon.d.ts +15 -0
- package/dist/data/components/Icon.d.ts.map +1 -0
- package/{src/data/components/Icon.ts → dist/data/components/Icon.js} +26 -28
- package/dist/data/components/Icon.js.map +1 -0
- package/dist/data/components/Image.d.ts +15 -0
- package/dist/data/components/Image.d.ts.map +1 -0
- package/{src/data/components/Image.ts → dist/data/components/Image.js} +29 -31
- package/dist/data/components/Image.js.map +1 -0
- package/dist/data/components/Input.d.ts +15 -0
- package/dist/data/components/Input.d.ts.map +1 -0
- package/{src/data/components/Input.ts → dist/data/components/Input.js} +20 -19
- package/dist/data/components/Input.js.map +1 -0
- package/dist/data/components/Link.d.ts +15 -0
- package/dist/data/components/Link.d.ts.map +1 -0
- package/dist/data/components/Link.js +142 -0
- package/dist/data/components/Link.js.map +1 -0
- package/dist/data/components/List.d.ts +15 -0
- package/dist/data/components/List.d.ts.map +1 -0
- package/{src/data/components/List.ts → dist/data/components/List.js} +18 -17
- package/dist/data/components/List.js.map +1 -0
- package/dist/data/components/Menu.d.ts +15 -0
- package/dist/data/components/Menu.d.ts.map +1 -0
- package/{src/data/components/Menu.ts → dist/data/components/Menu.js} +27 -29
- package/dist/data/components/Menu.js.map +1 -0
- package/dist/data/components/Popover.d.ts +15 -0
- package/dist/data/components/Popover.d.ts.map +1 -0
- package/{src/data/components/Popover.ts → dist/data/components/Popover.js} +28 -30
- package/dist/data/components/Popover.js.map +1 -0
- package/dist/data/components/Pressable.d.ts +15 -0
- package/dist/data/components/Pressable.d.ts.map +1 -0
- package/{src/data/components/Pressable.ts → dist/data/components/Pressable.js} +27 -29
- package/dist/data/components/Pressable.js.map +1 -0
- package/dist/data/components/Progress.d.ts +15 -0
- package/dist/data/components/Progress.d.ts.map +1 -0
- package/{src/data/components/Progress.ts → dist/data/components/Progress.js} +27 -29
- package/dist/data/components/Progress.js.map +1 -0
- package/dist/data/components/RadioButton.d.ts +15 -0
- package/dist/data/components/RadioButton.d.ts.map +1 -0
- package/{src/data/components/RadioButton.ts → dist/data/components/RadioButton.js} +28 -30
- package/dist/data/components/RadioButton.js.map +1 -0
- package/dist/data/components/SVGImage.d.ts +15 -0
- package/dist/data/components/SVGImage.d.ts.map +1 -0
- package/{src/data/components/SVGImage.ts → dist/data/components/SVGImage.js} +27 -29
- package/dist/data/components/SVGImage.js.map +1 -0
- package/dist/data/components/Screen.d.ts +15 -0
- package/dist/data/components/Screen.d.ts.map +1 -0
- package/{src/data/components/Screen.ts → dist/data/components/Screen.js} +27 -29
- package/dist/data/components/Screen.js.map +1 -0
- package/dist/data/components/Select.d.ts +15 -0
- package/dist/data/components/Select.d.ts.map +1 -0
- package/{src/data/components/Select.ts → dist/data/components/Select.js} +30 -32
- package/dist/data/components/Select.js.map +1 -0
- package/dist/data/components/Skeleton.d.ts +15 -0
- package/dist/data/components/Skeleton.d.ts.map +1 -0
- package/{src/data/components/Skeleton.ts → dist/data/components/Skeleton.js} +27 -29
- package/dist/data/components/Skeleton.js.map +1 -0
- package/dist/data/components/Slider.d.ts +15 -0
- package/dist/data/components/Slider.d.ts.map +1 -0
- package/{src/data/components/Slider.ts → dist/data/components/Slider.js} +31 -33
- package/dist/data/components/Slider.js.map +1 -0
- package/dist/data/components/Switch.d.ts +15 -0
- package/dist/data/components/Switch.d.ts.map +1 -0
- package/{src/data/components/Switch.ts → dist/data/components/Switch.js} +28 -30
- package/dist/data/components/Switch.js.map +1 -0
- package/dist/data/components/TabBar.d.ts +15 -0
- package/dist/data/components/TabBar.d.ts.map +1 -0
- package/{src/data/components/TabBar.ts → dist/data/components/TabBar.js} +27 -29
- package/dist/data/components/TabBar.js.map +1 -0
- package/dist/data/components/Table.d.ts +15 -0
- package/dist/data/components/Table.d.ts.map +1 -0
- package/{src/data/components/Table.ts → dist/data/components/Table.js} +29 -31
- package/dist/data/components/Table.js.map +1 -0
- package/dist/data/components/Tabs.d.ts +15 -0
- package/dist/data/components/Tabs.d.ts.map +1 -0
- package/{src/data/components/Tabs.ts → dist/data/components/Tabs.js} +28 -30
- package/dist/data/components/Tabs.js.map +1 -0
- package/dist/data/components/Text.d.ts +15 -0
- package/dist/data/components/Text.d.ts.map +1 -0
- package/{src/data/components/Text.ts → dist/data/components/Text.js} +27 -29
- package/dist/data/components/Text.js.map +1 -0
- package/dist/data/components/TextArea.d.ts +15 -0
- package/dist/data/components/TextArea.d.ts.map +1 -0
- package/{src/data/components/TextArea.ts → dist/data/components/TextArea.js} +31 -33
- package/dist/data/components/TextArea.js.map +1 -0
- package/dist/data/components/Tooltip.d.ts +15 -0
- package/dist/data/components/Tooltip.d.ts.map +1 -0
- package/{src/data/components/Tooltip.ts → dist/data/components/Tooltip.js} +28 -30
- package/dist/data/components/Tooltip.js.map +1 -0
- package/dist/data/components/Video.d.ts +15 -0
- package/dist/data/components/Video.d.ts.map +1 -0
- package/{src/data/components/Video.ts → dist/data/components/Video.js} +31 -33
- package/dist/data/components/Video.js.map +1 -0
- package/dist/data/components/View.d.ts +15 -0
- package/dist/data/components/View.d.ts.map +1 -0
- package/{src/data/components/View.ts → dist/data/components/View.js} +28 -30
- package/dist/data/components/View.js.map +1 -0
- package/dist/data/components/index.d.ts +38 -0
- package/dist/data/components/index.d.ts.map +1 -0
- package/{src/data/components/index.ts → dist/data/components/index.js} +40 -38
- package/dist/data/components/index.js.map +1 -0
- package/dist/data/framework-guides.d.ts +2 -0
- package/dist/data/framework-guides.d.ts.map +1 -0
- package/{src/data/framework-guides.ts → dist/data/framework-guides.js} +8 -12
- package/dist/data/framework-guides.js.map +1 -0
- package/dist/data/icon-guide.d.ts +2 -0
- package/dist/data/icon-guide.d.ts.map +1 -0
- package/{src/data/icon-guide.ts → dist/data/icon-guide.js} +1 -0
- package/dist/data/icon-guide.js.map +1 -0
- package/dist/data/icons.json +7452 -0
- package/dist/data/navigation-guides.d.ts +2 -0
- package/dist/data/navigation-guides.d.ts.map +1 -0
- package/{src/data/navigation-guides.ts → dist/data/navigation-guides.js} +7 -10
- package/dist/data/navigation-guides.js.map +1 -0
- package/dist/generated/types.json +2556 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -0
- package/dist/tools/get-types.d.ts +26 -0
- package/dist/tools/get-types.d.ts.map +1 -0
- package/dist/tools/get-types.js +123 -0
- package/dist/tools/get-types.js.map +1 -0
- package/package.json +9 -4
- package/ARCHITECTURE.md +0 -313
- package/TYPE-SYSTEM.md +0 -397
- package/scripts/extract-types.ts +0 -71
- package/scripts/type-extractor.ts +0 -286
- package/scripts/validate-examples.ts +0 -142
- package/src/data/cli-commands.ts +0 -103
- package/src/data/icons.json +0 -7452
- package/src/index.ts +0 -653
- package/src/tools/get-types.ts +0 -169
- package/test-client.js +0 -86
- package/tsconfig.examples.json +0 -14
- package/tsconfig.json +0 -20
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cli-commands.d.ts","sourceRoot":"","sources":["../../src/data/cli-commands.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAsG3C,CAAC"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
export const cliCommands = {
|
|
2
|
+
init: {
|
|
3
|
+
description: "Initialize a new Idealyst workspace with monorepo structure",
|
|
4
|
+
usage: "idealyst init <workspace-name> [options]",
|
|
5
|
+
options: [
|
|
6
|
+
{
|
|
7
|
+
flag: "workspace-name",
|
|
8
|
+
description: "Name for the new workspace (required)",
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
flag: "--git",
|
|
12
|
+
description: "Initialize git repository (default: true)",
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
flag: "--install",
|
|
16
|
+
description: "Install dependencies after creation (default: true)",
|
|
17
|
+
},
|
|
18
|
+
],
|
|
19
|
+
examples: [
|
|
20
|
+
"idealyst init my-app",
|
|
21
|
+
"idealyst init my-company-workspace --no-git",
|
|
22
|
+
],
|
|
23
|
+
},
|
|
24
|
+
create: {
|
|
25
|
+
description: "Create a new package within the Idealyst workspace",
|
|
26
|
+
usage: "idealyst create <name> --type <type> [options]",
|
|
27
|
+
options: [
|
|
28
|
+
{
|
|
29
|
+
flag: "name",
|
|
30
|
+
description: "Name for the new package (required)",
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
flag: "--type",
|
|
34
|
+
description: "Package type: web | native | api | database | shared (required)",
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
flag: "--app-name",
|
|
38
|
+
description: "Display name for native app (required for native type)",
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
flag: "--with-trpc",
|
|
42
|
+
description: "Include tRPC setup (for web/native)",
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
flag: "--no-trpc",
|
|
46
|
+
description: "Exclude tRPC setup (for web/native)",
|
|
47
|
+
},
|
|
48
|
+
],
|
|
49
|
+
examples: [
|
|
50
|
+
"idealyst create web --type web --with-trpc",
|
|
51
|
+
"idealyst create mobile --type native --app-name \"My App\" --with-trpc",
|
|
52
|
+
"idealyst create api --type api",
|
|
53
|
+
"idealyst create database --type database",
|
|
54
|
+
"idealyst create shared --type shared",
|
|
55
|
+
],
|
|
56
|
+
},
|
|
57
|
+
dev: {
|
|
58
|
+
description: "Start development server for a package",
|
|
59
|
+
usage: "cd packages/<name> && yarn dev",
|
|
60
|
+
options: [
|
|
61
|
+
{
|
|
62
|
+
flag: "--port",
|
|
63
|
+
description: "Port number for dev server (web only)",
|
|
64
|
+
},
|
|
65
|
+
],
|
|
66
|
+
examples: [
|
|
67
|
+
"cd packages/web && yarn dev",
|
|
68
|
+
"cd packages/native && yarn dev",
|
|
69
|
+
],
|
|
70
|
+
},
|
|
71
|
+
build: {
|
|
72
|
+
description: "Build a package for production",
|
|
73
|
+
usage: "cd packages/<name> && yarn build",
|
|
74
|
+
options: [],
|
|
75
|
+
examples: [
|
|
76
|
+
"cd packages/web && yarn build",
|
|
77
|
+
"cd packages/api && yarn build",
|
|
78
|
+
],
|
|
79
|
+
},
|
|
80
|
+
test: {
|
|
81
|
+
description: "Run tests for packages",
|
|
82
|
+
usage: "yarn test [options]",
|
|
83
|
+
options: [
|
|
84
|
+
{
|
|
85
|
+
flag: "--watch",
|
|
86
|
+
description: "Run tests in watch mode",
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
flag: "--coverage",
|
|
90
|
+
description: "Generate coverage report",
|
|
91
|
+
},
|
|
92
|
+
],
|
|
93
|
+
examples: [
|
|
94
|
+
"yarn test",
|
|
95
|
+
"yarn test:watch",
|
|
96
|
+
"yarn test:coverage",
|
|
97
|
+
],
|
|
98
|
+
},
|
|
99
|
+
};
|
|
100
|
+
//# sourceMappingURL=cli-commands.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cli-commands.js","sourceRoot":"","sources":["../../src/data/cli-commands.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAwB;IAC9C,IAAI,EAAE;QACJ,WAAW,EAAE,6DAA6D;QAC1E,KAAK,EAAE,0CAA0C;QACjD,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,gBAAgB;gBACtB,WAAW,EAAE,uCAAuC;aACrD;YACD;gBACE,IAAI,EAAE,OAAO;gBACb,WAAW,EAAE,2CAA2C;aACzD;YACD;gBACE,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,qDAAqD;aACnE;SACF;QACD,QAAQ,EAAE;YACR,sBAAsB;YACtB,6CAA6C;SAC9C;KACF;IAED,MAAM,EAAE;QACN,WAAW,EAAE,oDAAoD;QACjE,KAAK,EAAE,gDAAgD;QACvD,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,MAAM;gBACZ,WAAW,EAAE,qCAAqC;aACnD;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,iEAAiE;aAC/E;YACD;gBACE,IAAI,EAAE,YAAY;gBAClB,WAAW,EAAE,wDAAwD;aACtE;YACD;gBACE,IAAI,EAAE,aAAa;gBACnB,WAAW,EAAE,qCAAqC;aACnD;YACD;gBACE,IAAI,EAAE,WAAW;gBACjB,WAAW,EAAE,qCAAqC;aACnD;SACF;QACD,QAAQ,EAAE;YACR,4CAA4C;YAC5C,wEAAwE;YACxE,gCAAgC;YAChC,0CAA0C;YAC1C,sCAAsC;SACvC;KACF;IAED,GAAG,EAAE;QACH,WAAW,EAAE,wCAAwC;QACrD,KAAK,EAAE,gCAAgC;QACvC,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,uCAAuC;aACrD;SACF;QACD,QAAQ,EAAE;YACR,6BAA6B;YAC7B,gCAAgC;SACjC;KACF;IAED,KAAK,EAAE;QACL,WAAW,EAAE,gCAAgC;QAC7C,KAAK,EAAE,kCAAkC;QACzC,OAAO,EAAE,EAAE;QACX,QAAQ,EAAE;YACR,+BAA+B;YAC/B,+BAA+B;SAChC;KACF;IAED,IAAI,EAAE;QACJ,WAAW,EAAE,wBAAwB;QACrC,KAAK,EAAE,qBAAqB;QAC5B,OAAO,EAAE;YACP;gBACE,IAAI,EAAE,SAAS;gBACf,WAAW,EAAE,yBAAyB;aACvC;YACD;gBACE,IAAI,EAAE,YAAY;gBAClB,WAAW,EAAE,0BAA0B;aACxC;SACF;QACD,QAAQ,EAAE;YACR,WAAW;YACX,iBAAiB;YACjB,oBAAoB;SACrB;KACF;CACF,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const Accordion: {
|
|
2
|
+
category: string;
|
|
3
|
+
description: string;
|
|
4
|
+
props: string;
|
|
5
|
+
features: string[];
|
|
6
|
+
bestPractices: string[];
|
|
7
|
+
usage: string;
|
|
8
|
+
examples: {
|
|
9
|
+
basic: string;
|
|
10
|
+
variants: string;
|
|
11
|
+
"with-icons": string;
|
|
12
|
+
interactive: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=Accordion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/data/components/Accordion.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAyGrB,CAAC"}
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
export const Accordion = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
category: "display",
|
|
3
|
+
description: "Expandable/collapsible content sections with support for single or multiple open items",
|
|
4
|
+
props: `
|
|
5
5
|
- \`items\`: AccordionItem[] - Array of accordion items with title and content
|
|
6
6
|
- \`allowMultiple\`: boolean - Whether multiple items can be expanded at once
|
|
7
7
|
- \`defaultExpanded\`: string[] - Array of item IDs that should be expanded by default
|
|
8
8
|
- \`type\`: AccordionType - The visual style variant of the accordion
|
|
9
9
|
- \`size\`: AccordionSizeVariant - The size variant of accordion items
|
|
10
10
|
`,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
11
|
+
features: [
|
|
12
|
+
"Single or multiple item expansion modes",
|
|
13
|
+
"Default expanded items support",
|
|
14
|
+
"Three visual variants",
|
|
15
|
+
"Three size options",
|
|
16
|
+
"Disabled item state",
|
|
17
|
+
"Controlled and uncontrolled modes",
|
|
18
|
+
],
|
|
19
|
+
bestPractices: [
|
|
20
|
+
"Use 'default' variant for standard content organization",
|
|
21
|
+
"Use 'separated' variant for distinct sections",
|
|
22
|
+
"Set allowMultiple to true for FAQs where users may need to compare answers",
|
|
23
|
+
"Keep accordion titles concise and descriptive",
|
|
24
|
+
"Use defaultExpanded sparingly to avoid overwhelming users",
|
|
25
|
+
],
|
|
26
|
+
usage: `
|
|
27
27
|
import { Accordion } from '@idealyst/components';
|
|
28
28
|
|
|
29
29
|
const items = [
|
|
@@ -45,8 +45,8 @@ const items = [
|
|
|
45
45
|
defaultExpanded={['1']}
|
|
46
46
|
/>
|
|
47
47
|
`,
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
examples: {
|
|
49
|
+
basic: `import { Accordion, Text } from '@idealyst/components';
|
|
50
50
|
|
|
51
51
|
const items = [
|
|
52
52
|
{ id: '1', title: 'Section 1', content: <Text>Content 1</Text> },
|
|
@@ -54,8 +54,7 @@ const items = [
|
|
|
54
54
|
];
|
|
55
55
|
|
|
56
56
|
<Accordion items={items} />`,
|
|
57
|
-
|
|
58
|
-
variants: `import { Accordion, Text } from '@idealyst/components';
|
|
57
|
+
variants: `import { Accordion, Text } from '@idealyst/components';
|
|
59
58
|
|
|
60
59
|
const items = [
|
|
61
60
|
{ id: '1', title: 'Item', content: <Text>Content</Text> },
|
|
@@ -65,8 +64,7 @@ const items = [
|
|
|
65
64
|
<Accordion items={items} type="default" />
|
|
66
65
|
<Accordion items={items} type="separated" />
|
|
67
66
|
<Accordion items={items} type="bordered" />`,
|
|
68
|
-
|
|
69
|
-
"with-icons": `import { Accordion, View, Icon, Text } from '@idealyst/components';
|
|
67
|
+
"with-icons": `import { Accordion, View, Icon, Text } from '@idealyst/components';
|
|
70
68
|
|
|
71
69
|
const items = [
|
|
72
70
|
{
|
|
@@ -82,8 +80,7 @@ const items = [
|
|
|
82
80
|
];
|
|
83
81
|
|
|
84
82
|
<Accordion items={items} intent="primary" />`,
|
|
85
|
-
|
|
86
|
-
interactive: `import { Accordion, Text } from '@idealyst/components';
|
|
83
|
+
interactive: `import { Accordion, Text } from '@idealyst/components';
|
|
87
84
|
import { useState } from 'react';
|
|
88
85
|
|
|
89
86
|
function Example() {
|
|
@@ -102,5 +99,6 @@ function Example() {
|
|
|
102
99
|
/>
|
|
103
100
|
);
|
|
104
101
|
}`,
|
|
105
|
-
|
|
102
|
+
},
|
|
106
103
|
};
|
|
104
|
+
//# sourceMappingURL=Accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/data/components/Accordion.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,wFAAwF;IACjG,KAAK,EAAE;;;;;;CAMZ;IACC,QAAQ,EAAE;QACR,yCAAyC;QACzC,gCAAgC;QAChC,uBAAuB;QACvB,oBAAoB;QACpB,qBAAqB;QACrB,mCAAmC;KACpC;IACD,aAAa,EAAE;QACb,yDAAyD;QACzD,+CAA+C;QAC/C,4EAA4E;QAC5E,+CAA+C;QAC/C,2DAA2D;KAC5D;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;CAqBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;4BAOiB;QAExB,QAAQ,EAAE;;;;;;;;;4CAS8B;QAExC,YAAY,EAAE;;;;;;;;;;;;;;;6CAe2B;QAEzC,WAAW,EAAE;;;;;;;;;;;;;;;;;;EAkBf;KACC;CACF,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const ActivityIndicator: {
|
|
2
|
+
category: string;
|
|
3
|
+
description: string;
|
|
4
|
+
props: string;
|
|
5
|
+
features: string[];
|
|
6
|
+
bestPractices: string[];
|
|
7
|
+
usage: string;
|
|
8
|
+
examples: {
|
|
9
|
+
basic: string;
|
|
10
|
+
variants: string;
|
|
11
|
+
"with-icons": string;
|
|
12
|
+
interactive: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=ActivityIndicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActivityIndicator.d.ts","sourceRoot":"","sources":["../../../src/data/components/ActivityIndicator.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;CAiF7B,CAAC"}
|
package/{src/data/components/ActivityIndicator.ts → dist/data/components/ActivityIndicator.js}
RENAMED
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
export const ActivityIndicator = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
category: "feedback",
|
|
3
|
+
description: "Loading spinner/indicator for showing ongoing processes or loading states",
|
|
4
|
+
props: `
|
|
5
5
|
- \`animating\`: boolean - Whether the indicator is animating (visible)
|
|
6
6
|
- \`size\`: ActivityIndicatorSizeVariant - The size of the indicator
|
|
7
7
|
- \`intent\`: ActivityIndicatorIntentVariant - The color/intent of the indicator
|
|
8
8
|
- \`color\`: string - Custom color to override intent
|
|
9
9
|
- \`hidesWhenStopped\`: boolean - Whether to hide the indicator when not animating
|
|
10
10
|
`,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
11
|
+
features: [
|
|
12
|
+
"Animated loading spinner",
|
|
13
|
+
"Three predefined sizes plus custom numeric size",
|
|
14
|
+
"Five intent colors",
|
|
15
|
+
"Custom color support",
|
|
16
|
+
"Auto-hide when stopped",
|
|
17
|
+
"Cross-platform support",
|
|
18
|
+
],
|
|
19
|
+
bestPractices: [
|
|
20
|
+
"Use 'primary' intent for general loading states",
|
|
21
|
+
"Use 'sm' size for inline loading indicators",
|
|
22
|
+
"Use 'lg' size for full-screen loading overlays",
|
|
23
|
+
"Always provide context about what is loading",
|
|
24
|
+
"Consider using with overlay for blocking operations",
|
|
25
|
+
],
|
|
26
|
+
usage: `
|
|
27
27
|
import { ActivityIndicator, View, Text } from '@idealyst/components';
|
|
28
28
|
|
|
29
29
|
<View spacing="md">
|
|
@@ -31,12 +31,11 @@ import { ActivityIndicator, View, Text } from '@idealyst/components';
|
|
|
31
31
|
<Text>Loading data...</Text>
|
|
32
32
|
</View>
|
|
33
33
|
`,
|
|
34
|
-
|
|
35
|
-
|
|
34
|
+
examples: {
|
|
35
|
+
basic: `import { ActivityIndicator } from '@idealyst/components';
|
|
36
36
|
|
|
37
37
|
<ActivityIndicator />`,
|
|
38
|
-
|
|
39
|
-
variants: `import { ActivityIndicator, View } from '@idealyst/components';
|
|
38
|
+
variants: `import { ActivityIndicator, View } from '@idealyst/components';
|
|
40
39
|
|
|
41
40
|
<View spacing="md">
|
|
42
41
|
<ActivityIndicator size="sm" />
|
|
@@ -44,15 +43,13 @@ import { ActivityIndicator, View, Text } from '@idealyst/components';
|
|
|
44
43
|
<ActivityIndicator size="lg" />
|
|
45
44
|
<ActivityIndicator size={48} />
|
|
46
45
|
</View>`,
|
|
47
|
-
|
|
48
|
-
"with-icons": `import { ActivityIndicator, View, Text } from '@idealyst/components';
|
|
46
|
+
"with-icons": `import { ActivityIndicator, View, Text } from '@idealyst/components';
|
|
49
47
|
|
|
50
48
|
<View spacing="sm" style={{ alignItems: 'center' }}>
|
|
51
49
|
<ActivityIndicator intent="success" size="lg" />
|
|
52
50
|
<Text>Processing...</Text>
|
|
53
51
|
</View>`,
|
|
54
|
-
|
|
55
|
-
interactive: `import { ActivityIndicator, Button, View, Text } from '@idealyst/components';
|
|
52
|
+
interactive: `import { ActivityIndicator, Button, View, Text } from '@idealyst/components';
|
|
56
53
|
import { useState } from 'react';
|
|
57
54
|
|
|
58
55
|
function Example() {
|
|
@@ -78,5 +75,6 @@ function Example() {
|
|
|
78
75
|
</View>
|
|
79
76
|
);
|
|
80
77
|
}`,
|
|
81
|
-
|
|
78
|
+
},
|
|
82
79
|
};
|
|
80
|
+
//# sourceMappingURL=ActivityIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActivityIndicator.js","sourceRoot":"","sources":["../../../src/data/components/ActivityIndicator.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,2EAA2E;IACpF,KAAK,EAAE;;;;;;CAMZ;IACC,QAAQ,EAAE;QACR,0BAA0B;QAC1B,iDAAiD;QACjD,oBAAoB;QACpB,sBAAsB;QACtB,wBAAwB;QACxB,wBAAwB;KACzB;IACD,aAAa,EAAE;QACb,iDAAiD;QACjD,6CAA6C;QAC7C,gDAAgD;QAChD,8CAA8C;QAC9C,qDAAqD;KACtD;IACD,KAAK,EAAE;;;;;;;CAOR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;sBAEW;QAElB,QAAQ,EAAE;;;;;;;QAON;QAEJ,YAAY,EAAE;;;;;QAKV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;EAyBf;KACC;CACF,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const Alert: {
|
|
2
|
+
category: string;
|
|
3
|
+
description: string;
|
|
4
|
+
props: string;
|
|
5
|
+
features: string[];
|
|
6
|
+
bestPractices: string[];
|
|
7
|
+
usage: string;
|
|
8
|
+
examples: {
|
|
9
|
+
basic: string;
|
|
10
|
+
variants: string;
|
|
11
|
+
"with-icons": string;
|
|
12
|
+
interactive: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=Alert.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/data/components/Alert.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAmIjB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export const Alert = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
category: "feedback",
|
|
3
|
+
description: "Message banner for displaying important information, warnings, errors, and success messages",
|
|
4
|
+
props: `
|
|
5
5
|
- \`title\`: string - The title text of the alert
|
|
6
6
|
- \`message\`: string - The message text of the alert
|
|
7
7
|
- \`children\`: React.ReactNode - Custom content to display (overrides title and message)
|
|
@@ -13,24 +13,24 @@ export const Alert = {
|
|
|
13
13
|
- \`onDismiss\`: function - Called when the alert is dismissed
|
|
14
14
|
- \`actions\`: React.ReactNode - Action buttons to display in the alert
|
|
15
15
|
`,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
16
|
+
features: [
|
|
17
|
+
"Five intent types with semantic meaning",
|
|
18
|
+
"Three visual variants",
|
|
19
|
+
"Default icons for each intent",
|
|
20
|
+
"Custom icon support",
|
|
21
|
+
"Dismissible with close button",
|
|
22
|
+
"Action buttons support",
|
|
23
|
+
"Title and message or custom children",
|
|
24
|
+
],
|
|
25
|
+
bestPractices: [
|
|
26
|
+
"Use 'error' intent for critical errors requiring immediate attention",
|
|
27
|
+
"Use 'warning' intent for important but non-critical information",
|
|
28
|
+
"Use 'success' intent for positive confirmations",
|
|
29
|
+
"Use 'info' intent for general informational messages",
|
|
30
|
+
"Keep alert messages concise and actionable",
|
|
31
|
+
"Make alerts dismissible unless they require action",
|
|
32
|
+
],
|
|
33
|
+
usage: `
|
|
34
34
|
import { Alert } from '@idealyst/components';
|
|
35
35
|
|
|
36
36
|
<Alert
|
|
@@ -41,15 +41,14 @@ import { Alert } from '@idealyst/components';
|
|
|
41
41
|
onDismiss={() => setShowAlert(false)}
|
|
42
42
|
/>
|
|
43
43
|
`,
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
examples: {
|
|
45
|
+
basic: `import { Alert } from '@idealyst/components';
|
|
46
46
|
|
|
47
47
|
<Alert
|
|
48
48
|
intent="info"
|
|
49
49
|
message="This is an informational message"
|
|
50
50
|
/>`,
|
|
51
|
-
|
|
52
|
-
variants: `import { Alert, View } from '@idealyst/components';
|
|
51
|
+
variants: `import { Alert, View } from '@idealyst/components';
|
|
53
52
|
|
|
54
53
|
<View spacing="md">
|
|
55
54
|
<Alert
|
|
@@ -68,8 +67,7 @@ import { Alert } from '@idealyst/components';
|
|
|
68
67
|
message="Error message"
|
|
69
68
|
/>
|
|
70
69
|
</View>`,
|
|
71
|
-
|
|
72
|
-
"with-icons": `import { Alert, View } from '@idealyst/components';
|
|
70
|
+
"with-icons": `import { Alert, View } from '@idealyst/components';
|
|
73
71
|
|
|
74
72
|
<View spacing="md">
|
|
75
73
|
<Alert
|
|
@@ -86,8 +84,7 @@ import { Alert } from '@idealyst/components';
|
|
|
86
84
|
dismissible
|
|
87
85
|
/>
|
|
88
86
|
</View>`,
|
|
89
|
-
|
|
90
|
-
interactive: `import { Alert, Button, View } from '@idealyst/components';
|
|
87
|
+
interactive: `import { Alert, Button, View } from '@idealyst/components';
|
|
91
88
|
import { useState } from 'react';
|
|
92
89
|
|
|
93
90
|
function Example() {
|
|
@@ -128,5 +125,6 @@ function Example() {
|
|
|
128
125
|
</View>
|
|
129
126
|
);
|
|
130
127
|
}`,
|
|
131
|
-
|
|
128
|
+
},
|
|
132
129
|
};
|
|
130
|
+
//# sourceMappingURL=Alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/data/components/Alert.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,6FAA6F;IACtG,KAAK,EAAE;;;;;;;;;;;CAWZ;IACC,QAAQ,EAAE;QACR,yCAAyC;QACzC,uBAAuB;QACvB,+BAA+B;QAC/B,qBAAqB;QACrB,+BAA+B;QAC/B,wBAAwB;QACxB,sCAAsC;KACvC;IACD,aAAa,EAAE;QACb,sEAAsE;QACtE,iEAAiE;QACjE,iDAAiD;QACjD,sDAAsD;QACtD,4CAA4C;QAC5C,oDAAoD;KACrD;IACD,KAAK,EAAE;;;;;;;;;;CAUR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;GAKR;QAEC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;QAkBN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;QAgBV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCf;KACC;CACF,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const Avatar: {
|
|
2
|
+
category: string;
|
|
3
|
+
description: string;
|
|
4
|
+
props: string;
|
|
5
|
+
features: string[];
|
|
6
|
+
bestPractices: string[];
|
|
7
|
+
usage: string;
|
|
8
|
+
examples: {
|
|
9
|
+
basic: string;
|
|
10
|
+
variants: string;
|
|
11
|
+
"with-icons": string;
|
|
12
|
+
interactive: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/data/components/Avatar.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CA4FlB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export const Avatar = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
category: "display",
|
|
3
|
+
description: "Profile picture or user avatar with fallback text support",
|
|
4
|
+
props: `
|
|
5
5
|
- \`src\`: string | ImageSourcePropType - Image source (URL or require())
|
|
6
6
|
- \`alt\`: string - Alt text for the image
|
|
7
7
|
- \`fallback\`: string - Fallback text (usually initials)
|
|
@@ -9,22 +9,22 @@ export const Avatar = {
|
|
|
9
9
|
- \`shape\`: AvatarShapeVariant - Shape of the avatar
|
|
10
10
|
- \`color\`: AvatarColorVariant - The color scheme of the avatar (for background when no image)
|
|
11
11
|
`,
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
12
|
+
features: [
|
|
13
|
+
"Image display with automatic fallback",
|
|
14
|
+
"Fallback text (initials) support",
|
|
15
|
+
"Four size options",
|
|
16
|
+
"Circle and square shapes",
|
|
17
|
+
"Theme color variants for fallback backgrounds",
|
|
18
|
+
"Accessible with alt text",
|
|
19
|
+
],
|
|
20
|
+
bestPractices: [
|
|
21
|
+
"Always provide alt text for accessibility",
|
|
22
|
+
"Use initials (2 characters) for fallback text",
|
|
23
|
+
"Use 'circle' shape for user avatars",
|
|
24
|
+
"Use 'square' shape for brands or organizations",
|
|
25
|
+
"Choose contrasting colors for fallback backgrounds",
|
|
26
|
+
],
|
|
27
|
+
usage: `
|
|
28
28
|
import { Avatar } from '@idealyst/components';
|
|
29
29
|
|
|
30
30
|
<Avatar
|
|
@@ -35,15 +35,14 @@ import { Avatar } from '@idealyst/components';
|
|
|
35
35
|
shape="circle"
|
|
36
36
|
/>
|
|
37
37
|
`,
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
examples: {
|
|
39
|
+
basic: `import { Avatar } from '@idealyst/components';
|
|
40
40
|
|
|
41
41
|
<Avatar
|
|
42
42
|
fallback="JD"
|
|
43
43
|
size="md"
|
|
44
44
|
/>`,
|
|
45
|
-
|
|
46
|
-
variants: `import { Avatar, View } from '@idealyst/components';
|
|
45
|
+
variants: `import { Avatar, View } from '@idealyst/components';
|
|
47
46
|
|
|
48
47
|
<View style={{ flexDirection: 'row', gap: 8 }}>
|
|
49
48
|
<Avatar fallback="SM" size="sm" />
|
|
@@ -51,8 +50,7 @@ import { Avatar } from '@idealyst/components';
|
|
|
51
50
|
<Avatar fallback="LG" size="lg" />
|
|
52
51
|
<Avatar fallback="XL" size="xl" />
|
|
53
52
|
</View>`,
|
|
54
|
-
|
|
55
|
-
"with-icons": `import { Avatar, View } from '@idealyst/components';
|
|
53
|
+
"with-icons": `import { Avatar, View } from '@idealyst/components';
|
|
56
54
|
|
|
57
55
|
<View style={{ flexDirection: 'row', gap: 8 }}>
|
|
58
56
|
{/* Circle avatars */}
|
|
@@ -71,8 +69,7 @@ import { Avatar } from '@idealyst/components';
|
|
|
71
69
|
shape="square"
|
|
72
70
|
/>
|
|
73
71
|
</View>`,
|
|
74
|
-
|
|
75
|
-
interactive: `import { Avatar, View, Text } from '@idealyst/components';
|
|
72
|
+
interactive: `import { Avatar, View, Text } from '@idealyst/components';
|
|
76
73
|
|
|
77
74
|
function UserProfile({ user }) {
|
|
78
75
|
return (
|
|
@@ -89,5 +86,6 @@ function UserProfile({ user }) {
|
|
|
89
86
|
</View>
|
|
90
87
|
);
|
|
91
88
|
}`,
|
|
92
|
-
|
|
89
|
+
},
|
|
93
90
|
};
|
|
91
|
+
//# sourceMappingURL=Avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/data/components/Avatar.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,2DAA2D;IACpE,KAAK,EAAE;;;;;;;CAOZ;IACC,QAAQ,EAAE;QACR,uCAAuC;QACvC,kCAAkC;QAClC,mBAAmB;QACnB,0BAA0B;QAC1B,+CAA+C;QAC/C,0BAA0B;KAC3B;IACD,aAAa,EAAE;QACb,2CAA2C;QAC3C,+CAA+C;QAC/C,qCAAqC;QACrC,gDAAgD;QAChD,oDAAoD;KACrD;IACD,KAAK,EAAE;;;;;;;;;;CAUR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;GAKR;QAEC,QAAQ,EAAE;;;;;;;QAON;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;QAkBV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;EAgBf;KACC;CACF,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const Badge: {
|
|
2
|
+
category: string;
|
|
3
|
+
description: string;
|
|
4
|
+
props: string;
|
|
5
|
+
features: string[];
|
|
6
|
+
bestPractices: string[];
|
|
7
|
+
usage: string;
|
|
8
|
+
examples: {
|
|
9
|
+
basic: string;
|
|
10
|
+
variants: string;
|
|
11
|
+
"with-icons": string;
|
|
12
|
+
interactive: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/data/components/Badge.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;CA8DjB,CAAC"}
|