@idealyst/mcp-server 1.2.24 → 1.2.26

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 (193) hide show
  1. package/dist/index.cjs +22366 -0
  2. package/dist/index.cjs.map +1 -0
  3. package/dist/index.d.cts +1 -0
  4. package/dist/index.d.ts +0 -2
  5. package/dist/index.js +22186 -1034
  6. package/dist/index.js.map +1 -1
  7. package/package.json +17 -7
  8. package/dist/data/cli-commands.d.ts +0 -2
  9. package/dist/data/cli-commands.d.ts.map +0 -1
  10. package/dist/data/cli-commands.js +0 -100
  11. package/dist/data/cli-commands.js.map +0 -1
  12. package/dist/data/components/Accordion.d.ts +0 -15
  13. package/dist/data/components/Accordion.d.ts.map +0 -1
  14. package/dist/data/components/Accordion.js +0 -113
  15. package/dist/data/components/Accordion.js.map +0 -1
  16. package/dist/data/components/ActivityIndicator.d.ts +0 -15
  17. package/dist/data/components/ActivityIndicator.d.ts.map +0 -1
  18. package/dist/data/components/ActivityIndicator.js +0 -80
  19. package/dist/data/components/ActivityIndicator.js.map +0 -1
  20. package/dist/data/components/Alert.d.ts +0 -15
  21. package/dist/data/components/Alert.d.ts.map +0 -1
  22. package/dist/data/components/Alert.js +0 -130
  23. package/dist/data/components/Alert.js.map +0 -1
  24. package/dist/data/components/Avatar.d.ts +0 -15
  25. package/dist/data/components/Avatar.d.ts.map +0 -1
  26. package/dist/data/components/Avatar.js +0 -91
  27. package/dist/data/components/Avatar.js.map +0 -1
  28. package/dist/data/components/Badge.d.ts +0 -15
  29. package/dist/data/components/Badge.d.ts.map +0 -1
  30. package/dist/data/components/Badge.js +0 -64
  31. package/dist/data/components/Badge.js.map +0 -1
  32. package/dist/data/components/Breadcrumb.d.ts +0 -15
  33. package/dist/data/components/Breadcrumb.d.ts.map +0 -1
  34. package/dist/data/components/Breadcrumb.js +0 -92
  35. package/dist/data/components/Breadcrumb.js.map +0 -1
  36. package/dist/data/components/Button.d.ts +0 -16
  37. package/dist/data/components/Button.d.ts.map +0 -1
  38. package/dist/data/components/Button.js +0 -118
  39. package/dist/data/components/Button.js.map +0 -1
  40. package/dist/data/components/Card.d.ts +0 -15
  41. package/dist/data/components/Card.d.ts.map +0 -1
  42. package/dist/data/components/Card.js +0 -75
  43. package/dist/data/components/Card.js.map +0 -1
  44. package/dist/data/components/Checkbox.d.ts +0 -15
  45. package/dist/data/components/Checkbox.d.ts.map +0 -1
  46. package/dist/data/components/Checkbox.js +0 -118
  47. package/dist/data/components/Checkbox.js.map +0 -1
  48. package/dist/data/components/Chip.d.ts +0 -15
  49. package/dist/data/components/Chip.d.ts.map +0 -1
  50. package/dist/data/components/Chip.js +0 -94
  51. package/dist/data/components/Chip.js.map +0 -1
  52. package/dist/data/components/Dialog.d.ts +0 -15
  53. package/dist/data/components/Dialog.d.ts.map +0 -1
  54. package/dist/data/components/Dialog.js +0 -137
  55. package/dist/data/components/Dialog.js.map +0 -1
  56. package/dist/data/components/Divider.d.ts +0 -15
  57. package/dist/data/components/Divider.d.ts.map +0 -1
  58. package/dist/data/components/Divider.js +0 -68
  59. package/dist/data/components/Divider.js.map +0 -1
  60. package/dist/data/components/Icon.d.ts +0 -15
  61. package/dist/data/components/Icon.d.ts.map +0 -1
  62. package/dist/data/components/Icon.js +0 -68
  63. package/dist/data/components/Icon.js.map +0 -1
  64. package/dist/data/components/Image.d.ts +0 -15
  65. package/dist/data/components/Image.d.ts.map +0 -1
  66. package/dist/data/components/Image.js +0 -119
  67. package/dist/data/components/Image.js.map +0 -1
  68. package/dist/data/components/Input.d.ts +0 -15
  69. package/dist/data/components/Input.d.ts.map +0 -1
  70. package/dist/data/components/Input.js +0 -155
  71. package/dist/data/components/Input.js.map +0 -1
  72. package/dist/data/components/Link.d.ts +0 -15
  73. package/dist/data/components/Link.d.ts.map +0 -1
  74. package/dist/data/components/Link.js +0 -142
  75. package/dist/data/components/Link.js.map +0 -1
  76. package/dist/data/components/List.d.ts +0 -15
  77. package/dist/data/components/List.d.ts.map +0 -1
  78. package/dist/data/components/List.js +0 -113
  79. package/dist/data/components/List.js.map +0 -1
  80. package/dist/data/components/Menu.d.ts +0 -15
  81. package/dist/data/components/Menu.d.ts.map +0 -1
  82. package/dist/data/components/Menu.js +0 -123
  83. package/dist/data/components/Menu.js.map +0 -1
  84. package/dist/data/components/Popover.d.ts +0 -15
  85. package/dist/data/components/Popover.d.ts.map +0 -1
  86. package/dist/data/components/Popover.js +0 -157
  87. package/dist/data/components/Popover.js.map +0 -1
  88. package/dist/data/components/Pressable.d.ts +0 -15
  89. package/dist/data/components/Pressable.d.ts.map +0 -1
  90. package/dist/data/components/Pressable.js +0 -125
  91. package/dist/data/components/Pressable.js.map +0 -1
  92. package/dist/data/components/Progress.d.ts +0 -15
  93. package/dist/data/components/Progress.d.ts.map +0 -1
  94. package/dist/data/components/Progress.js +0 -93
  95. package/dist/data/components/Progress.js.map +0 -1
  96. package/dist/data/components/RadioButton.d.ts +0 -15
  97. package/dist/data/components/RadioButton.d.ts.map +0 -1
  98. package/dist/data/components/RadioButton.js +0 -131
  99. package/dist/data/components/RadioButton.js.map +0 -1
  100. package/dist/data/components/SVGImage.d.ts +0 -15
  101. package/dist/data/components/SVGImage.d.ts.map +0 -1
  102. package/dist/data/components/SVGImage.js +0 -112
  103. package/dist/data/components/SVGImage.js.map +0 -1
  104. package/dist/data/components/Screen.d.ts +0 -15
  105. package/dist/data/components/Screen.d.ts.map +0 -1
  106. package/dist/data/components/Screen.js +0 -109
  107. package/dist/data/components/Screen.js.map +0 -1
  108. package/dist/data/components/Select.d.ts +0 -15
  109. package/dist/data/components/Select.d.ts.map +0 -1
  110. package/dist/data/components/Select.js +0 -141
  111. package/dist/data/components/Select.js.map +0 -1
  112. package/dist/data/components/Skeleton.d.ts +0 -15
  113. package/dist/data/components/Skeleton.d.ts.map +0 -1
  114. package/dist/data/components/Skeleton.js +0 -100
  115. package/dist/data/components/Skeleton.js.map +0 -1
  116. package/dist/data/components/Slider.d.ts +0 -15
  117. package/dist/data/components/Slider.d.ts.map +0 -1
  118. package/dist/data/components/Slider.js +0 -151
  119. package/dist/data/components/Slider.js.map +0 -1
  120. package/dist/data/components/Switch.d.ts +0 -15
  121. package/dist/data/components/Switch.d.ts.map +0 -1
  122. package/dist/data/components/Switch.js +0 -128
  123. package/dist/data/components/Switch.js.map +0 -1
  124. package/dist/data/components/TabBar.d.ts +0 -17
  125. package/dist/data/components/TabBar.d.ts.map +0 -1
  126. package/dist/data/components/TabBar.js +0 -244
  127. package/dist/data/components/TabBar.js.map +0 -1
  128. package/dist/data/components/Table.d.ts +0 -15
  129. package/dist/data/components/Table.d.ts.map +0 -1
  130. package/dist/data/components/Table.js +0 -159
  131. package/dist/data/components/Table.js.map +0 -1
  132. package/dist/data/components/Tabs.d.ts +0 -15
  133. package/dist/data/components/Tabs.d.ts.map +0 -1
  134. package/dist/data/components/Tabs.js +0 -150
  135. package/dist/data/components/Tabs.js.map +0 -1
  136. package/dist/data/components/Text.d.ts +0 -15
  137. package/dist/data/components/Text.d.ts.map +0 -1
  138. package/dist/data/components/Text.js +0 -97
  139. package/dist/data/components/Text.js.map +0 -1
  140. package/dist/data/components/TextArea.d.ts +0 -15
  141. package/dist/data/components/TextArea.d.ts.map +0 -1
  142. package/dist/data/components/TextArea.js +0 -156
  143. package/dist/data/components/TextArea.js.map +0 -1
  144. package/dist/data/components/Tooltip.d.ts +0 -15
  145. package/dist/data/components/Tooltip.d.ts.map +0 -1
  146. package/dist/data/components/Tooltip.js +0 -103
  147. package/dist/data/components/Tooltip.js.map +0 -1
  148. package/dist/data/components/Video.d.ts +0 -15
  149. package/dist/data/components/Video.d.ts.map +0 -1
  150. package/dist/data/components/Video.js +0 -166
  151. package/dist/data/components/Video.js.map +0 -1
  152. package/dist/data/components/View.d.ts +0 -15
  153. package/dist/data/components/View.d.ts.map +0 -1
  154. package/dist/data/components/View.js +0 -127
  155. package/dist/data/components/View.js.map +0 -1
  156. package/dist/data/components/index.d.ts +0 -38
  157. package/dist/data/components/index.d.ts.map +0 -1
  158. package/dist/data/components/index.js +0 -113
  159. package/dist/data/components/index.js.map +0 -1
  160. package/dist/data/framework-guides.d.ts +0 -2
  161. package/dist/data/framework-guides.d.ts.map +0 -1
  162. package/dist/data/framework-guides.js +0 -1730
  163. package/dist/data/framework-guides.js.map +0 -1
  164. package/dist/data/icon-guide.d.ts +0 -2
  165. package/dist/data/icon-guide.d.ts.map +0 -1
  166. package/dist/data/icon-guide.js +0 -285
  167. package/dist/data/icon-guide.js.map +0 -1
  168. package/dist/data/icons.json +0 -7452
  169. package/dist/data/navigation-guides.d.ts +0 -2
  170. package/dist/data/navigation-guides.d.ts.map +0 -1
  171. package/dist/data/navigation-guides.js +0 -2144
  172. package/dist/data/navigation-guides.js.map +0 -1
  173. package/dist/data/packages.d.ts +0 -39
  174. package/dist/data/packages.d.ts.map +0 -1
  175. package/dist/data/packages.js +0 -550
  176. package/dist/data/packages.js.map +0 -1
  177. package/dist/data/recipes.d.ts +0 -36
  178. package/dist/data/recipes.d.ts.map +0 -1
  179. package/dist/data/recipes.js +0 -2945
  180. package/dist/data/recipes.js.map +0 -1
  181. package/dist/data/storage-guides.d.ts +0 -2
  182. package/dist/data/storage-guides.d.ts.map +0 -1
  183. package/dist/data/storage-guides.js +0 -418
  184. package/dist/data/storage-guides.js.map +0 -1
  185. package/dist/data/translate-guides.d.ts +0 -2
  186. package/dist/data/translate-guides.d.ts.map +0 -1
  187. package/dist/data/translate-guides.js +0 -1030
  188. package/dist/data/translate-guides.js.map +0 -1
  189. package/dist/index.d.ts.map +0 -1
  190. package/dist/tools/get-types.d.ts +0 -37
  191. package/dist/tools/get-types.d.ts.map +0 -1
  192. package/dist/tools/get-types.js +0 -148
  193. package/dist/tools/get-types.js.map +0 -1
@@ -1,157 +0,0 @@
1
- export const Popover = {
2
- category: "overlay",
3
- description: "Floating overlay that displays content anchored to an element, useful for tooltips, menus, and contextual information",
4
- props: `
5
- - \`open\`: boolean - Whether the popover is open/visible
6
- - \`onOpenChange\`: function - Called when the popover should be opened or closed
7
- - \`anchor\`: React.ReactNode | React.RefObject<Element> - The anchor element to position the popover relative to Can be a React element or a ref to a DOM element
8
- - \`children\`: React.ReactNode - The content to display inside the popover
9
- - \`placement\`: PopoverPlacement - Preferred placement of the popover relative to anchor
10
- - \`offset\`: number - Distance from the anchor element in pixels
11
- - \`closeOnClickOutside\`: boolean - Whether clicking outside should close the popover
12
- - \`closeOnEscapeKey\`: boolean - Whether pressing escape key should close the popover (web only)
13
- - \`showArrow\`: boolean - Whether to show an arrow pointing to the anchor
14
- `,
15
- features: [
16
- "12 placement options with smart positioning",
17
- "Automatic repositioning on scroll/resize",
18
- "Click outside to close",
19
- "Escape key to close (web)",
20
- "Optional arrow indicator",
21
- "Offset control",
22
- "Accessible with focus management",
23
- ],
24
- bestPractices: [
25
- "Use for contextual information that doesn't require immediate action",
26
- "Keep popover content focused and concise",
27
- "Use arrow to clearly indicate relationship to anchor",
28
- "Allow closing via click outside and Escape key",
29
- "Don't nest popovers",
30
- "Consider using Dialog for critical content",
31
- ],
32
- usage: `
33
- import { Popover, Button, View, Text } from '@idealyst/components';
34
- import { useState, useRef } from 'react';
35
-
36
- function Example() {
37
- const [open, setOpen] = useState(false);
38
- const buttonRef = useRef(null);
39
-
40
- return (
41
- <>
42
- <div ref={buttonRef}>
43
- <Button onPress={() => setOpen(true)}>Show Info</Button>
44
- </div>
45
- <Popover
46
- open={open}
47
- onOpenChange={setOpen}
48
- anchor={buttonRef}
49
- placement="bottom"
50
- showArrow
51
- >
52
- <View spacing="sm" style={{ padding: 16 }}>
53
- <Text weight="bold">Information</Text>
54
- <Text>Additional context or help text</Text>
55
- </View>
56
- </Popover>
57
- </>
58
- );
59
- }
60
- `,
61
- examples: {
62
- basic: `import { Popover, Button, Text } from '@idealyst/components';
63
- import { useState, useRef } from 'react';
64
-
65
- const [open, setOpen] = useState(false);
66
- const buttonRef = useRef(null);
67
-
68
- <div ref={buttonRef}>
69
- <Button onPress={() => setOpen(true)}>Open</Button>
70
- </div>
71
- <Popover open={open} onOpenChange={setOpen} anchor={buttonRef}>
72
- <Text>Popover content</Text>
73
- </Popover>`,
74
- variants: `import { Popover, Button, View } from '@idealyst/components';
75
-
76
- // Different placements
77
- <Popover open={open} onOpenChange={setOpen} anchor={ref} placement="top">
78
- <View>Top</View>
79
- </Popover>
80
- <Popover open={open} onOpenChange={setOpen} anchor={ref} placement="bottom-start">
81
- <View>Bottom Start</View>
82
- </Popover>
83
- <Popover open={open} onOpenChange={setOpen} anchor={ref} placement="right-end">
84
- <View>Right End</View>
85
- </Popover>`,
86
- "with-icons": `import { Popover, Button, View, Icon, Text } from '@idealyst/components';
87
- import { useState, useRef } from 'react';
88
-
89
- const buttonRef = useRef(null);
90
- const [open, setOpen] = useState(false);
91
-
92
- <div ref={buttonRef}>
93
- <Button icon="help-circle" type="text" onPress={() => setOpen(true)} />
94
- </div>
95
- <Popover open={open} onOpenChange={setOpen} anchor={buttonRef} showArrow>
96
- <View spacing="sm" style={{ padding: 12, maxWidth: 250 }}>
97
- <View style={{ flexDirection: 'row', gap: 8, alignItems: 'center' }}>
98
- <Icon name="information" size="md" color="primary" />
99
- <Text weight="bold">Help</Text>
100
- </View>
101
- <Text size="sm">This feature allows you to...</Text>
102
- </View>
103
- </Popover>`,
104
- interactive: `import { Popover, Button, View, Text, Input } from '@idealyst/components';
105
- import { useState, useRef } from 'react';
106
-
107
- function Example() {
108
- const [open, setOpen] = useState(false);
109
- const [value, setValue] = useState('');
110
- const buttonRef = useRef(null);
111
-
112
- return (
113
- <View spacing="md">
114
- <div ref={buttonRef}>
115
- <Button onPress={() => setOpen(true)}>Edit Name</Button>
116
- </div>
117
-
118
- <Popover
119
- open={open}
120
- onOpenChange={setOpen}
121
- anchor={buttonRef}
122
- placement="bottom-start"
123
- closeOnClickOutside={false}
124
- >
125
- <View spacing="md" style={{ padding: 16, minWidth: 250 }}>
126
- <Text weight="bold">Edit Name</Text>
127
- <Input
128
- value={value}
129
- onChangeText={setValue}
130
- placeholder="Enter name"
131
- />
132
- <View style={{ flexDirection: 'row', gap: 8, justifyContent: 'flex-end' }}>
133
- <Button
134
- type="outlined"
135
- size="sm"
136
- onPress={() => setOpen(false)}
137
- >
138
- Cancel
139
- </Button>
140
- <Button
141
- size="sm"
142
- onPress={() => {
143
- handleSave(value);
144
- setOpen(false);
145
- }}
146
- >
147
- Save
148
- </Button>
149
- </View>
150
- </View>
151
- </Popover>
152
- </View>
153
- );
154
- }`,
155
- },
156
- };
157
- //# sourceMappingURL=Popover.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/data/components/Popover.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,uHAAuH;IAChI,KAAK,EAAE;;;;;;;;;;CAUZ;IACC,QAAQ,EAAE;QACR,6CAA6C;QAC7C,0CAA0C;QAC1C,wBAAwB;QACxB,2BAA2B;QAC3B,0BAA0B;QAC1B,gBAAgB;QAChB,kCAAkC;KACnC;IACD,aAAa,EAAE;QACb,sEAAsE;QACtE,0CAA0C;QAC1C,sDAAsD;QACtD,gDAAgD;QAChD,qBAAqB;QACrB,4CAA4C;KAC7C;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;;;;;;WAWA;QAEP,QAAQ,EAAE;;;;;;;;;;;WAWH;QAEP,YAAY,EAAE;;;;;;;;;;;;;;;;;WAiBP;QAEP,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkDf;KACC;CACF,CAAC"}
@@ -1,15 +0,0 @@
1
- export declare const Pressable: {
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=Pressable.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../src/data/components/Pressable.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CA8HrB,CAAC"}
@@ -1,125 +0,0 @@
1
- export const Pressable = {
2
- category: "utility",
3
- description: "Wrapper component that detects various press interactions on children with padding variants",
4
- props: `
5
- - \`children\`: React.ReactNode - Content to render inside the pressable area
6
- - \`onPress\`: function - Called when the press gesture is activated
7
- - \`onPressIn\`: function - Called when the press gesture starts
8
- - \`onPressOut\`: function - Called when the press gesture ends
9
- - \`disabled\`: boolean - Whether the pressable is disabled
10
- - \`padding\`: Size - Padding on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
11
- - \`paddingVertical\`: Size - Top and bottom padding
12
- - \`paddingHorizontal\`: Size - Left and right padding
13
- `,
14
- features: [
15
- "Press, press-in, press-out callbacks",
16
- "Disabled state",
17
- "Padding variants (uniform and directional)",
18
- "Accessibility support",
19
- "Custom styling",
20
- "Cross-platform support",
21
- "Touch feedback",
22
- ],
23
- bestPractices: [
24
- "Use for custom interactive elements",
25
- "Prefer Button for standard button interactions",
26
- "Provide accessibilityLabel for screen readers",
27
- "Use accessibilityRole for semantic meaning",
28
- "Add visual feedback on press",
29
- "Ensure minimum 44x44px touch target",
30
- ],
31
- usage: `
32
- import { Pressable, Text, View } from '@idealyst/components';
33
-
34
- <Pressable onPress={() => console.log('Pressed')}>
35
- <View style={{ padding: 16, backgroundColor: '#f0f0f0' }}>
36
- <Text>Press me</Text>
37
- </View>
38
- </Pressable>
39
- `,
40
- examples: {
41
- basic: `import { Pressable, Text } from '@idealyst/components';
42
-
43
- <Pressable onPress={() => console.log('Pressed')}>
44
- <Text>Tap here</Text>
45
- </Pressable>`,
46
- variants: `import { Pressable, View, Text } from '@idealyst/components';
47
- import { useState } from 'react';
48
-
49
- function Example() {
50
- const [pressed, setPressed] = useState(false);
51
-
52
- return (
53
- <Pressable
54
- onPressIn={() => setPressed(true)}
55
- onPressOut={() => setPressed(false)}
56
- >
57
- <View
58
- style={{
59
- padding: 16,
60
- backgroundColor: pressed ? '#e0e0e0' : '#f5f5f5',
61
- borderRadius: 8,
62
- }}
63
- >
64
- <Text>{pressed ? 'Pressing...' : 'Press me'}</Text>
65
- </View>
66
- </Pressable>
67
- );
68
- }`,
69
- "with-icons": `import { Pressable, View, Icon, Text } from '@idealyst/components';
70
-
71
- <Pressable
72
- onPress={() => handleAction()}
73
- accessibilityLabel="Perform action"
74
- accessibilityRole="button"
75
- >
76
- <View
77
- style={{
78
- flexDirection: 'row',
79
- alignItems: 'center',
80
- gap: 8,
81
- padding: 12,
82
- backgroundColor: '#f0f0f0',
83
- borderRadius: 8,
84
- }}
85
- >
86
- <Icon name="star" size="md" color="primary" />
87
- <Text>Custom Button</Text>
88
- </View>
89
- </Pressable>`,
90
- interactive: `import { Pressable, View, Text, Icon } from '@idealyst/components';
91
- import { useState } from 'react';
92
-
93
- function CustomCard() {
94
- const [selected, setSelected] = useState(false);
95
-
96
- return (
97
- <Pressable
98
- onPress={() => setSelected(!selected)}
99
- accessibilityLabel="Toggle selection"
100
- >
101
- <View
102
- style={{
103
- padding: 16,
104
- backgroundColor: selected ? '#e3f2fd' : '#fff',
105
- borderWidth: 2,
106
- borderColor: selected ? '#2196f3' : '#e0e0e0',
107
- borderRadius: 8,
108
- }}
109
- >
110
- <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
111
- <View spacing="xs">
112
- <Text weight="bold">Custom Card</Text>
113
- <Text size="sm">Tap to {selected ? 'deselect' : 'select'}</Text>
114
- </View>
115
- {selected && (
116
- <Icon name="check-circle" size="lg" color="primary" />
117
- )}
118
- </View>
119
- </View>
120
- </Pressable>
121
- );
122
- }`,
123
- },
124
- };
125
- //# sourceMappingURL=Pressable.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Pressable.js","sourceRoot":"","sources":["../../../src/data/components/Pressable.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,6FAA6F;IACtG,KAAK,EAAE;;;;;;;;;CASZ;IACC,QAAQ,EAAE;QACR,sCAAsC;QACtC,gBAAgB;QAChB,4CAA4C;QAC5C,uBAAuB;QACvB,gBAAgB;QAChB,wBAAwB;QACxB,gBAAgB;KACjB;IACD,aAAa,EAAE;QACb,qCAAqC;QACrC,gDAAgD;QAChD,+CAA+C;QAC/C,4CAA4C;QAC5C,8BAA8B;QAC9B,qCAAqC;KACtC;IACD,KAAK,EAAE;;;;;;;;CAQR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;aAIE;QAET,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;EAsBZ;QAEE,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;aAoBL;QAET,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCf;KACC;CACF,CAAC"}
@@ -1,15 +0,0 @@
1
- export declare const Progress: {
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=Progress.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/data/components/Progress.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CA8FpB,CAAC"}
@@ -1,93 +0,0 @@
1
- export const Progress = {
2
- category: "feedback",
3
- description: "Progress indicator showing completion status of tasks or operations",
4
- props: `
5
- - \`value\`: number - The current progress value (0 to max)
6
- - \`max\`: number - The maximum value representing 100% completion
7
- - \`variant\`: ProgressVariant - The visual variant (linear or circular)
8
- - \`intent\`: ProgressIntentVariant - The intent/color scheme of the progress bar
9
- - \`size\`: ProgressSizeVariant - The size variant of the progress indicator
10
- - \`indeterminate\`: boolean - Whether to show indeterminate/loading animation
11
- - \`showLabel\`: boolean - Whether to display the percentage label
12
- - \`label\`: string - Custom label text (overrides percentage)
13
- - \`rounded\`: boolean - Whether to use rounded ends for linear progress
14
- `,
15
- features: [
16
- "Linear and circular variants",
17
- "Determinate and indeterminate modes",
18
- "Five intent colors",
19
- "Three sizes",
20
- "Percentage label support",
21
- "Custom label text",
22
- "Rounded ends option",
23
- ],
24
- bestPractices: [
25
- "Use determinate progress when percentage is known",
26
- "Use indeterminate progress for unknown duration",
27
- "Show label for user feedback",
28
- "Use circular variant for compact spaces",
29
- "Match intent to operation context",
30
- ],
31
- usage: `
32
- import { Progress } from '@idealyst/components';
33
-
34
- <Progress
35
- value={65}
36
- variant="linear"
37
- intent="primary"
38
- showLabel
39
- />
40
- `,
41
- examples: {
42
- basic: `import { Progress } from '@idealyst/components';
43
-
44
- <Progress value={50} />`,
45
- variants: `import { Progress, View } from '@idealyst/components';
46
-
47
- <View spacing="md">
48
- <Progress value={30} variant="linear" intent="primary" />
49
- <Progress value={60} variant="linear" intent="success" />
50
- <Progress value={value} variant="circular" size="lg" showLabel />
51
- </View>`,
52
- "with-icons": `import { Progress, View, Text } from '@idealyst/components';
53
-
54
- <View spacing="sm">
55
- <View style={{ flexDirection: 'row', justifyContent: 'space-between' }}>
56
- <Text>Uploading...</Text>
57
- <Text>{progress}%</Text>
58
- </View>
59
- <Progress value={progress} intent="primary" />
60
- </View>`,
61
- interactive: `import { Progress, Button, View, Text } from '@idealyst/components';
62
- import { useState, useEffect } from 'react';
63
-
64
- function Example() {
65
- const [progress, setProgress] = useState(0);
66
- const [running, setRunning] = useState(false);
67
-
68
- useEffect(() => {
69
- if (running && progress < 100) {
70
- const timer = setTimeout(() => setProgress(progress + 10), 500);
71
- return () => clearTimeout(timer);
72
- } else if (progress >= 100) {
73
- setRunning(false);
74
- }
75
- }, [progress, running]);
76
-
77
- const handleStart = () => {
78
- setProgress(0);
79
- setRunning(true);
80
- };
81
-
82
- return (
83
- <View spacing="md">
84
- <Progress value={progress} intent="success" showLabel />
85
- <Button onPress={handleStart} disabled={running}>
86
- Start
87
- </Button>
88
- </View>
89
- );
90
- }`,
91
- },
92
- };
93
- //# sourceMappingURL=Progress.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../src/data/components/Progress.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,qEAAqE;IAC9E,KAAK,EAAE;;;;;;;;;;CAUZ;IACC,QAAQ,EAAE;QACR,8BAA8B;QAC9B,qCAAqC;QACrC,oBAAoB;QACpB,aAAa;QACb,0BAA0B;QAC1B,mBAAmB;QACnB,qBAAqB;KACtB;IACD,aAAa,EAAE;QACb,mDAAmD;QACnD,iDAAiD;QACjD,8BAA8B;QAC9B,yCAAyC;QACzC,mCAAmC;KACpC;IACD,KAAK,EAAE;;;;;;;;;CASR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;wBAEa;QAEpB,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;QAQV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Bf;KACC;CACF,CAAC"}
@@ -1,15 +0,0 @@
1
- export declare const RadioButton: {
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=RadioButton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/data/components/RadioButton.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;CAoIvB,CAAC"}
@@ -1,131 +0,0 @@
1
- export const RadioButton = {
2
- category: "form",
3
- description: "Radio button with margin variants for single-choice selection within a group",
4
- props: `
5
- - \`value\`: string - The value of this radio button option
6
- - \`checked\`: boolean - Whether this radio button is selected
7
- - \`onPress\`: function - Called when the radio button is pressed
8
- - \`disabled\`: boolean - Whether the radio button is disabled
9
- - \`label\`: string - Label text to display next to the radio button
10
- - \`size\`: RadioButtonSizeVariant - The size variant of the radio button
11
- - \`intent\`: RadioButtonIntentVariant - The intent/color scheme of the radio button
12
- - \`margin\`: Size - Margin on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
13
- - \`marginVertical\`: Size - Top and bottom margin
14
- - \`marginHorizontal\`: Size - Left and right margin
15
- `,
16
- features: [
17
- "Single selection within group",
18
- "Horizontal and vertical layouts",
19
- "Label support",
20
- "Three sizes",
21
- "Five intent colors",
22
- "Disabled state (individual or group)",
23
- "Controlled component",
24
- ],
25
- bestPractices: [
26
- "Use RadioGroup to manage selection state",
27
- "Always provide labels for accessibility",
28
- "Use for mutually exclusive options (3-5 choices)",
29
- "For 2 options, consider Switch or Checkbox",
30
- "For many options (>5), consider Select",
31
- "Group related options visually",
32
- ],
33
- usage: `
34
- import { RadioGroup, RadioButton } from '@idealyst/components';
35
- import { useState } from 'react';
36
-
37
- function Example() {
38
- const [value, setValue] = useState('option1');
39
-
40
- return (
41
- <RadioGroup value={value} onValueChange={setValue}>
42
- <RadioButton value="option1" label="Option 1" />
43
- <RadioButton value="option2" label="Option 2" />
44
- <RadioButton value="option3" label="Option 3" />
45
- </RadioGroup>
46
- );
47
- }
48
- `,
49
- examples: {
50
- basic: `import { RadioGroup, RadioButton } from '@idealyst/components';
51
-
52
- <RadioGroup value={selected} onValueChange={setSelected}>
53
- <RadioButton value="a" label="Choice A" />
54
- <RadioButton value="b" label="Choice B" />
55
- </RadioGroup>`,
56
- variants: `import { RadioGroup, RadioButton, View } from '@idealyst/components';
57
-
58
- <View spacing="md">
59
- {/* Vertical (default) */}
60
- <RadioGroup value={value} onValueChange={setValue}>
61
- <RadioButton value="1" label="Option 1" />
62
- <RadioButton value="2" label="Option 2" />
63
- </RadioGroup>
64
-
65
- {/* Horizontal */}
66
- <RadioGroup value={value} onValueChange={setValue} orientation="horizontal">
67
- <RadioButton value="1" label="Small" size="sm" />
68
- <RadioButton value="2" label="Medium" size="md" />
69
- <RadioButton value="3" label="Large" size="lg" />
70
- </RadioGroup>
71
- </View>`,
72
- "with-icons": `import { RadioGroup, RadioButton } from '@idealyst/components';
73
-
74
- <RadioGroup value={plan} onValueChange={setPlan}>
75
- <RadioButton
76
- value="free"
77
- label="Free Plan"
78
- intent="neutral"
79
- />
80
- <RadioButton
81
- value="pro"
82
- label="Pro Plan"
83
- intent="primary"
84
- />
85
- <RadioButton
86
- value="enterprise"
87
- label="Enterprise Plan"
88
- intent="success"
89
- />
90
- </RadioGroup>`,
91
- interactive: `import { RadioGroup, RadioButton, View, Text, Card } from '@idealyst/components';
92
- import { useState } from 'react';
93
-
94
- function Example() {
95
- const [shipping, setShipping] = useState('standard');
96
-
97
- const options = [
98
- { value: 'standard', label: 'Standard (5-7 days)', price: 'Free' },
99
- { value: 'express', label: 'Express (2-3 days)', price: '$10' },
100
- { value: 'overnight', label: 'Overnight', price: '$25' },
101
- ];
102
-
103
- return (
104
- <View spacing="md">
105
- <Text weight="bold">Select Shipping Method</Text>
106
- <RadioGroup value={shipping} onValueChange={setShipping}>
107
- {options.map((option) => (
108
- <Card
109
- key={option.value}
110
- type={shipping === option.value ? 'outlined' : 'elevated'}
111
- padding="sm"
112
- clickable
113
- onPress={() => setShipping(option.value)}
114
- >
115
- <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
116
- <RadioButton
117
- value={option.value}
118
- label={option.label}
119
- checked={shipping === option.value}
120
- />
121
- <Text weight="bold">{option.price}</Text>
122
- </View>
123
- </Card>
124
- ))}
125
- </RadioGroup>
126
- </View>
127
- );
128
- }`,
129
- },
130
- };
131
- //# sourceMappingURL=RadioButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/data/components/RadioButton.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,8EAA8E;IACvF,KAAK,EAAE;;;;;;;;;;;CAWZ;IACC,QAAQ,EAAE;QACR,+BAA+B;QAC/B,iCAAiC;QACjC,eAAe;QACf,aAAa;QACb,oBAAoB;QACpB,sCAAsC;QACtC,sBAAsB;KACvB;IACD,aAAa,EAAE;QACb,0CAA0C;QAC1C,yCAAyC;QACzC,kDAAkD;QAClD,4CAA4C;QAC5C,wCAAwC;QACxC,gCAAgC;KACjC;IACD,KAAK,EAAE;;;;;;;;;;;;;;;CAeR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;cAKG;QAEV,QAAQ,EAAE;;;;;;;;;;;;;;;QAeN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;cAkBJ;QAEV,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCf;KACC;CACF,CAAC"}
@@ -1,15 +0,0 @@
1
- export declare const SVGImage: {
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=SVGImage.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SVGImage.d.ts","sourceRoot":"","sources":["../../../src/data/components/SVGImage.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;CAiHpB,CAAC"}