@idealyst/mcp-server 1.0.99 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/data/components/Accordion.d.ts.map +1 -1
- package/dist/data/components/Accordion.js +10 -1
- package/dist/data/components/Accordion.js.map +1 -1
- package/dist/data/components/Card.d.ts.map +1 -1
- package/dist/data/components/Card.js +27 -20
- package/dist/data/components/Card.js.map +1 -1
- package/dist/data/components/Checkbox.d.ts.map +1 -1
- package/dist/data/components/Checkbox.js +4 -1
- package/dist/data/components/Checkbox.js.map +1 -1
- package/dist/data/components/Input.d.ts.map +1 -1
- package/dist/data/components/Input.js +4 -1
- package/dist/data/components/Input.js.map +1 -1
- package/dist/data/components/List.d.ts.map +1 -1
- package/dist/data/components/List.js +10 -1
- package/dist/data/components/List.js.map +1 -1
- package/dist/data/components/Pressable.d.ts.map +1 -1
- package/dist/data/components/Pressable.js +5 -1
- package/dist/data/components/Pressable.js.map +1 -1
- package/dist/data/components/RadioButton.d.ts.map +1 -1
- package/dist/data/components/RadioButton.js +4 -1
- package/dist/data/components/RadioButton.js.map +1 -1
- package/dist/data/components/Screen.d.ts.map +1 -1
- package/dist/data/components/Screen.js +12 -4
- package/dist/data/components/Screen.js.map +1 -1
- package/dist/data/components/Select.d.ts.map +1 -1
- package/dist/data/components/Select.js +5 -2
- package/dist/data/components/Select.js.map +1 -1
- package/dist/data/components/Slider.d.ts.map +1 -1
- package/dist/data/components/Slider.js +4 -1
- package/dist/data/components/Slider.js.map +1 -1
- package/dist/data/components/Switch.d.ts.map +1 -1
- package/dist/data/components/Switch.js +4 -1
- package/dist/data/components/Switch.js.map +1 -1
- package/dist/data/components/TabBar.d.ts.map +1 -1
- package/dist/data/components/TabBar.js +9 -1
- package/dist/data/components/TabBar.js.map +1 -1
- package/dist/data/components/Table.d.ts.map +1 -1
- package/dist/data/components/Table.js +9 -1
- package/dist/data/components/Table.js.map +1 -1
- package/dist/data/components/Text.d.ts.map +1 -1
- package/dist/data/components/Text.js +8 -1
- package/dist/data/components/Text.js.map +1 -1
- package/dist/data/components/TextArea.d.ts.map +1 -1
- package/dist/data/components/TextArea.js +4 -1
- package/dist/data/components/TextArea.js.map +1 -1
- package/dist/data/components/View.d.ts.map +1 -1
- package/dist/data/components/View.js +42 -39
- package/dist/data/components/View.js.map +1 -1
- package/dist/data/framework-guides.d.ts.map +1 -1
- package/dist/data/framework-guides.js +158 -0
- package/dist/data/framework-guides.js.map +1 -1
- package/dist/data/navigation-guides.d.ts.map +1 -1
- package/dist/data/navigation-guides.js +448 -12
- package/dist/data/navigation-guides.js.map +1 -1
- package/package.json +7 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const TextArea = {
|
|
2
2
|
category: "form",
|
|
3
|
-
description: "Multi-line text input field for longer text content",
|
|
3
|
+
description: "Multi-line text input field with margin variants for longer text content",
|
|
4
4
|
props: `
|
|
5
5
|
- \`value\`: string - The current value of the textarea (controlled)
|
|
6
6
|
- \`defaultValue\`: string - The default value for uncontrolled usage
|
|
@@ -19,6 +19,9 @@ export const TextArea = {
|
|
|
19
19
|
- \`showCharacterCount\`: boolean - Whether to show the character count
|
|
20
20
|
- \`intent\`: TextAreaIntentVariant - The intent/color scheme (for validation states)
|
|
21
21
|
- \`size\`: TextAreaSizeVariant - The size variant of the textarea
|
|
22
|
+
- \`margin\`: Size - Margin on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
|
|
23
|
+
- \`marginVertical\`: Size - Top and bottom margin
|
|
24
|
+
- \`marginHorizontal\`: Size - Left and right margin
|
|
22
25
|
- \`textareaStyle\`: StyleProp<TextStyle> - Additional custom styles for the textarea element
|
|
23
26
|
`,
|
|
24
27
|
features: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/data/components/TextArea.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/data/components/TextArea.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,MAAM;IAChB,WAAW,EAAE,0EAA0E;IACnF,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;CAsBZ;IACC,QAAQ,EAAE;QACR,uBAAuB;QACvB,0BAA0B;QAC1B,yBAAyB;QACzB,4BAA4B;QAC5B,uBAAuB;QACvB,uBAAuB;QACvB,aAAa;QACb,sBAAsB;QACtB,aAAa;KACd;IACD,aAAa,EAAE;QACb,wBAAwB;QACxB,+BAA+B;QAC/B,0CAA0C;QAC1C,yCAAyC;QACzC,kCAAkC;QAClC,0CAA0C;QAC1C,4BAA4B;KAC7B;IACD,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;CAoBR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;GAMR;QAEC,QAAQ,EAAE;;;;;;QAMN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;EAyBhB;QAEE,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4Cf;KACC;CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../src/data/components/View.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../src/data/components/View.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAgIhB,CAAC"}
|
|
@@ -1,41 +1,45 @@
|
|
|
1
1
|
export const View = {
|
|
2
2
|
category: "layout",
|
|
3
|
-
description: "Container component with spacing, padding, and background variants",
|
|
3
|
+
description: "Container component with spacing variants (gap, padding, margin) and background variants",
|
|
4
4
|
props: `
|
|
5
5
|
- \`children\`: React.ReactNode - The content to display inside the view
|
|
6
|
-
- \`
|
|
7
|
-
- \`
|
|
8
|
-
- \`
|
|
9
|
-
- \`
|
|
10
|
-
- \`
|
|
11
|
-
- \`
|
|
12
|
-
- \`
|
|
13
|
-
- \`
|
|
14
|
-
- \`
|
|
15
|
-
- \`
|
|
16
|
-
- \`
|
|
6
|
+
- \`gap\`: Size - Space between children ('xs' | 'sm' | 'md' | 'lg' | 'xl')
|
|
7
|
+
- \`padding\`: Size - Padding on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
|
|
8
|
+
- \`paddingVertical\`: Size - Top and bottom padding
|
|
9
|
+
- \`paddingHorizontal\`: Size - Left and right padding
|
|
10
|
+
- \`margin\`: Size - Margin on all sides ('xs' | 'sm' | 'md' | 'lg' | 'xl')
|
|
11
|
+
- \`marginVertical\`: Size - Top and bottom margin
|
|
12
|
+
- \`marginHorizontal\`: Size - Left and right margin
|
|
13
|
+
- \`background\`: ViewBackgroundVariant - Background variant (Surface | 'transparent')
|
|
14
|
+
- \`radius\`: ViewRadiusVariant - Border radius variant ('xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none')
|
|
15
|
+
- \`border\`: ViewBorderVariant - Border variant ('none' | 'thin' | 'thick')
|
|
16
|
+
- \`scrollable\`: boolean - Enable scrollable content (uses ScrollView on native, overflow:auto on web)
|
|
17
|
+
- \`testID\`: string - Test ID for testing
|
|
17
18
|
`,
|
|
18
19
|
features: [
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
20
|
+
"Flexible layout container",
|
|
21
|
+
"Gap variant for spacing between children",
|
|
22
|
+
"Padding variants (uniform and directional)",
|
|
23
|
+
"Margin variants (uniform and directional)",
|
|
24
|
+
"Surface-based background variants",
|
|
25
|
+
"Border radius variants",
|
|
26
|
+
"Border support with thin/thick options",
|
|
27
|
+
"Scrollable content support",
|
|
25
28
|
"Flexbox-based layout",
|
|
26
29
|
],
|
|
27
30
|
bestPractices: [
|
|
28
31
|
"Use View for all layout containers",
|
|
29
|
-
"Use
|
|
30
|
-
"
|
|
31
|
-
"Use
|
|
32
|
+
"Use gap prop for consistent spacing between children",
|
|
33
|
+
"Use padding prop instead of style for consistent spacing",
|
|
34
|
+
"Use margin variants for spacing between containers",
|
|
35
|
+
"Prefer Size variants over numeric values",
|
|
32
36
|
"Combine with Screen for full-screen layouts",
|
|
33
|
-
"Use background variants for semantic colors",
|
|
37
|
+
"Use background variants for semantic surface colors",
|
|
34
38
|
],
|
|
35
39
|
usage: `
|
|
36
40
|
import { View, Text, Button } from '@idealyst/components';
|
|
37
41
|
|
|
38
|
-
<View
|
|
42
|
+
<View background="surface" radius="md" padding="md" gap="sm">
|
|
39
43
|
<Text size="lg" weight="bold">Card Title</Text>
|
|
40
44
|
<Text>Card content with consistent spacing</Text>
|
|
41
45
|
<Button>Action</Button>
|
|
@@ -44,41 +48,40 @@ import { View, Text, Button } from '@idealyst/components';
|
|
|
44
48
|
examples: {
|
|
45
49
|
basic: `import { View, Text } from '@idealyst/components';
|
|
46
50
|
|
|
47
|
-
<View
|
|
51
|
+
<View gap="md">
|
|
48
52
|
<Text>Item 1</Text>
|
|
49
53
|
<Text>Item 2</Text>
|
|
50
54
|
<Text>Item 3</Text>
|
|
51
55
|
</View>`,
|
|
52
56
|
variants: `import { View, Text } from '@idealyst/components';
|
|
53
57
|
|
|
54
|
-
<View
|
|
55
|
-
<View
|
|
56
|
-
<Text>
|
|
58
|
+
<View gap="lg">
|
|
59
|
+
<View background="surface" radius="sm" padding="sm" gap="xs">
|
|
60
|
+
<Text>Small padding container</Text>
|
|
57
61
|
<Text>Second item</Text>
|
|
58
62
|
</View>
|
|
59
63
|
|
|
60
|
-
<View
|
|
61
|
-
<Text>Medium
|
|
64
|
+
<View background="surface" radius="md" padding="md" gap="sm">
|
|
65
|
+
<Text>Medium padding container</Text>
|
|
62
66
|
<Text>Second item</Text>
|
|
63
67
|
</View>
|
|
64
68
|
|
|
65
|
-
<View
|
|
66
|
-
<Text>
|
|
69
|
+
<View background="surface" radius="lg" padding="lg" gap="md">
|
|
70
|
+
<Text>Large padding container</Text>
|
|
67
71
|
<Text>Second item</Text>
|
|
68
72
|
</View>
|
|
69
73
|
</View>`,
|
|
70
74
|
"with-icons": `import { View, Icon, Text } from '@idealyst/components';
|
|
71
75
|
|
|
72
76
|
<View
|
|
73
|
-
spacing="sm"
|
|
74
77
|
background="surface"
|
|
75
78
|
radius="md"
|
|
76
79
|
border="thin"
|
|
77
|
-
|
|
80
|
+
padding="md"
|
|
78
81
|
>
|
|
79
|
-
<View style={{ flexDirection: 'row', alignItems: 'center'
|
|
82
|
+
<View style={{ flexDirection: 'row', alignItems: 'center' }} gap="sm">
|
|
80
83
|
<Icon name="information-outline" size="lg" color="primary" />
|
|
81
|
-
<View
|
|
84
|
+
<View style={{ flex: 1 }} gap="xs">
|
|
82
85
|
<Text weight="bold">Important Information</Text>
|
|
83
86
|
<Text size="sm">This is an informational message</Text>
|
|
84
87
|
</View>
|
|
@@ -95,17 +98,17 @@ function Example() {
|
|
|
95
98
|
};
|
|
96
99
|
|
|
97
100
|
return (
|
|
98
|
-
<View
|
|
101
|
+
<View padding="md" gap="lg">
|
|
99
102
|
<Card type="outlined" padding="md">
|
|
100
|
-
<View
|
|
103
|
+
<View gap="md">
|
|
101
104
|
<Text weight="bold">Dynamic List</Text>
|
|
102
|
-
<View
|
|
105
|
+
<View gap="sm">
|
|
103
106
|
{items.map((item, index) => (
|
|
104
107
|
<View
|
|
105
108
|
key={index}
|
|
106
109
|
background="surface"
|
|
107
110
|
radius="sm"
|
|
108
|
-
|
|
111
|
+
padding="sm"
|
|
109
112
|
>
|
|
110
113
|
<Text>{item}</Text>
|
|
111
114
|
</View>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../src/data/components/View.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,QAAQ,EAAE,QAAQ;IAClB,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../src/data/components/View.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,QAAQ,EAAE,QAAQ;IAClB,WAAW,EAAE,0FAA0F;IACnG,KAAK,EAAE;;;;;;;;;;;;;;CAcZ;IACC,QAAQ,EAAE;QACR,2BAA2B;QAC3B,0CAA0C;QAC1C,4CAA4C;QAC5C,2CAA2C;QAC3C,mCAAmC;QACnC,wBAAwB;QACxB,wCAAwC;QACxC,4BAA4B;QAC5B,sBAAsB;KACvB;IACD,aAAa,EAAE;QACb,oCAAoC;QACpC,sDAAsD;QACtD,0DAA0D;QAC1D,oDAAoD;QACpD,0CAA0C;QAC1C,6CAA6C;QAC7C,qDAAqD;KACtD;IACD,KAAK,EAAE;;;;;;;;CAQR;IACC,QAAQ,EAAE;QACR,KAAK,EAAE;;;;;;QAMH;QAEJ,QAAQ,EAAE;;;;;;;;;;;;;;;;;QAiBN;QAEJ,YAAY,EAAE;;;;;;;;;;;;;;;QAeV;QAEJ,WAAW,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCf;KACC;CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"framework-guides.d.ts","sourceRoot":"","sources":["../../src/data/framework-guides.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"framework-guides.d.ts","sourceRoot":"","sources":["../../src/data/framework-guides.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA8hClD,CAAC"}
|
|
@@ -586,6 +586,164 @@ workspace/
|
|
|
586
586
|
6. **Documentation**: Add README files to packages
|
|
587
587
|
7. **Git**: Use conventional commits
|
|
588
588
|
8. **Dependencies**: Share dependencies across packages when possible
|
|
589
|
+
`,
|
|
590
|
+
"idealyst://framework/spacing-system": `# Spacing System
|
|
591
|
+
|
|
592
|
+
Idealyst components use a variant-based spacing system for consistent layouts. Instead of specifying numeric values, you use Size variants (xs, sm, md, lg, xl) that map to theme-defined values.
|
|
593
|
+
|
|
594
|
+
## Spacing Prop Interfaces
|
|
595
|
+
|
|
596
|
+
Different component types receive different spacing props based on their use case:
|
|
597
|
+
|
|
598
|
+
### ContainerStyleProps (Layout Containers)
|
|
599
|
+
**Components**: View, Card, Screen, List, Accordion, Table, TabBar
|
|
600
|
+
|
|
601
|
+
\`\`\`typescript
|
|
602
|
+
interface ContainerStyleProps {
|
|
603
|
+
gap?: Size; // Space between children
|
|
604
|
+
padding?: Size; // Padding on all sides
|
|
605
|
+
paddingVertical?: Size; // Top and bottom padding
|
|
606
|
+
paddingHorizontal?: Size; // Left and right padding
|
|
607
|
+
margin?: Size; // Margin on all sides
|
|
608
|
+
marginVertical?: Size; // Top and bottom margin
|
|
609
|
+
marginHorizontal?: Size; // Left and right margin
|
|
610
|
+
}
|
|
611
|
+
\`\`\`
|
|
612
|
+
|
|
613
|
+
### TextSpacingStyleProps (Text Components)
|
|
614
|
+
**Components**: Text
|
|
615
|
+
|
|
616
|
+
\`\`\`typescript
|
|
617
|
+
interface TextSpacingStyleProps {
|
|
618
|
+
gap?: Size; // Space between nested elements
|
|
619
|
+
padding?: Size; // Padding on all sides
|
|
620
|
+
paddingVertical?: Size; // Top and bottom padding
|
|
621
|
+
paddingHorizontal?: Size; // Left and right padding
|
|
622
|
+
}
|
|
623
|
+
\`\`\`
|
|
624
|
+
|
|
625
|
+
### PressableSpacingStyleProps (Interactive Elements)
|
|
626
|
+
**Components**: Pressable
|
|
627
|
+
|
|
628
|
+
\`\`\`typescript
|
|
629
|
+
interface PressableSpacingStyleProps {
|
|
630
|
+
padding?: Size; // Padding on all sides
|
|
631
|
+
paddingVertical?: Size; // Top and bottom padding
|
|
632
|
+
paddingHorizontal?: Size; // Left and right padding
|
|
633
|
+
}
|
|
634
|
+
\`\`\`
|
|
635
|
+
|
|
636
|
+
### FormInputStyleProps (Form Inputs)
|
|
637
|
+
**Components**: Input, Select, TextArea, Checkbox, RadioButton, Switch, Slider
|
|
638
|
+
|
|
639
|
+
\`\`\`typescript
|
|
640
|
+
interface FormInputStyleProps {
|
|
641
|
+
margin?: Size; // Margin on all sides
|
|
642
|
+
marginVertical?: Size; // Top and bottom margin
|
|
643
|
+
marginHorizontal?: Size; // Left and right margin
|
|
644
|
+
}
|
|
645
|
+
\`\`\`
|
|
646
|
+
|
|
647
|
+
## Size Values
|
|
648
|
+
|
|
649
|
+
Size variants map to theme values:
|
|
650
|
+
|
|
651
|
+
| Size | Padding | Spacing (Gap) |
|
|
652
|
+
|------|---------|---------------|
|
|
653
|
+
| xs | 4px | 4px |
|
|
654
|
+
| sm | 8px | 8px |
|
|
655
|
+
| md | 16px | 16px |
|
|
656
|
+
| lg | 24px | 24px |
|
|
657
|
+
| xl | 32px | 32px |
|
|
658
|
+
|
|
659
|
+
## Usage Examples
|
|
660
|
+
|
|
661
|
+
### Container Spacing
|
|
662
|
+
|
|
663
|
+
\`\`\`tsx
|
|
664
|
+
import { View, Card, Text } from '@idealyst/components';
|
|
665
|
+
|
|
666
|
+
// Gap between children
|
|
667
|
+
<View gap="md">
|
|
668
|
+
<Text>Item 1</Text>
|
|
669
|
+
<Text>Item 2</Text>
|
|
670
|
+
</View>
|
|
671
|
+
|
|
672
|
+
// Padding inside container
|
|
673
|
+
<Card padding="lg" gap="sm">
|
|
674
|
+
<Text weight="bold">Card Title</Text>
|
|
675
|
+
<Text>Card content</Text>
|
|
676
|
+
</Card>
|
|
677
|
+
|
|
678
|
+
// Directional padding
|
|
679
|
+
<View paddingVertical="md" paddingHorizontal="lg">
|
|
680
|
+
<Text>Content with different vertical/horizontal padding</Text>
|
|
681
|
+
</View>
|
|
682
|
+
|
|
683
|
+
// Margin for spacing between containers
|
|
684
|
+
<Card margin="md" padding="lg">
|
|
685
|
+
<Text>Card with margin</Text>
|
|
686
|
+
</Card>
|
|
687
|
+
\`\`\`
|
|
688
|
+
|
|
689
|
+
### Form Input Spacing
|
|
690
|
+
|
|
691
|
+
\`\`\`tsx
|
|
692
|
+
import { Input, Checkbox, View } from '@idealyst/components';
|
|
693
|
+
|
|
694
|
+
// Use margin to space form fields
|
|
695
|
+
<View>
|
|
696
|
+
<Input placeholder="Email" marginVertical="sm" />
|
|
697
|
+
<Input placeholder="Password" marginVertical="sm" />
|
|
698
|
+
<Checkbox label="Remember me" marginVertical="md" />
|
|
699
|
+
</View>
|
|
700
|
+
\`\`\`
|
|
701
|
+
|
|
702
|
+
### Combining with Style Prop
|
|
703
|
+
|
|
704
|
+
The spacing props work alongside the style prop:
|
|
705
|
+
|
|
706
|
+
\`\`\`tsx
|
|
707
|
+
<View
|
|
708
|
+
gap="md"
|
|
709
|
+
padding="lg"
|
|
710
|
+
style={{ backgroundColor: '#f5f5f5', borderRadius: 8 }}
|
|
711
|
+
>
|
|
712
|
+
<Text>Content</Text>
|
|
713
|
+
</View>
|
|
714
|
+
\`\`\`
|
|
715
|
+
|
|
716
|
+
## Custom Components
|
|
717
|
+
|
|
718
|
+
You can use the exported builder functions to add spacing variants to custom components:
|
|
719
|
+
|
|
720
|
+
\`\`\`typescript
|
|
721
|
+
import { StyleSheet } from 'react-native-unistyles';
|
|
722
|
+
import { Theme } from '@idealyst/theme';
|
|
723
|
+
import {
|
|
724
|
+
buildGapVariants,
|
|
725
|
+
buildPaddingVariants,
|
|
726
|
+
buildMarginVariants,
|
|
727
|
+
} from '@idealyst/components';
|
|
728
|
+
|
|
729
|
+
export const customStyles = StyleSheet.create((theme: Theme) => ({
|
|
730
|
+
container: {
|
|
731
|
+
variants: {
|
|
732
|
+
gap: buildGapVariants(theme),
|
|
733
|
+
padding: buildPaddingVariants(theme),
|
|
734
|
+
margin: buildMarginVariants(theme),
|
|
735
|
+
},
|
|
736
|
+
},
|
|
737
|
+
}));
|
|
738
|
+
\`\`\`
|
|
739
|
+
|
|
740
|
+
## Best Practices
|
|
741
|
+
|
|
742
|
+
1. **Use variants for consistency**: Prefer Size variants over numeric values for consistent spacing across your app
|
|
743
|
+
2. **Gap over margins for children**: Use \`gap\` to space children instead of margins on individual items
|
|
744
|
+
3. **Directional props for precision**: Use paddingVertical/paddingHorizontal when you need different spacing
|
|
745
|
+
4. **Form spacing with margin**: Use marginVertical on form inputs to create consistent form layouts
|
|
746
|
+
5. **Combine with theme values**: The variant values come from the theme, ensuring consistency
|
|
589
747
|
`,
|
|
590
748
|
"idealyst://framework/api-overview": `# API Architecture Overview
|
|
591
749
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"framework-guides.js","sourceRoot":"","sources":["../../src/data/framework-guides.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAA2B;IACrD,sCAAsC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFzC;IAEC,0CAA0C,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoG7C;IAEC,8BAA8B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgMjC;IAEC,0BAA0B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiN7B;IAEC,mCAAmC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFtC;IAEC,oCAAoC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuNvC;CACA,CAAC"}
|
|
1
|
+
{"version":3,"file":"framework-guides.js","sourceRoot":"","sources":["../../src/data/framework-guides.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAA2B;IACrD,sCAAsC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFzC;IAEC,0CAA0C,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoG7C;IAEC,8BAA8B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgMjC;IAEC,0BAA0B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiN7B;IAEC,qCAAqC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6JxC;IAEC,mCAAmC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFtC;IAEC,oCAAoC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuNvC;CACA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigation-guides.d.ts","sourceRoot":"","sources":["../../src/data/navigation-guides.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"navigation-guides.d.ts","sourceRoot":"","sources":["../../src/data/navigation-guides.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAmmDnD,CAAC"}
|