@idealyst/mcp-server 1.2.29 → 1.2.31

package/examples/components/ActivityIndicator.examples.tsx

@@ -13,7 +13,7 @@ export function BasicActivityIndicator() {
   return (
     <View spacing="md">
       <ActivityIndicator />
-      <Text size="sm" >
+      <Text typography="body2">
         Loading...
       </Text>
     </View>
@@ -26,23 +26,23 @@ export function ActivityIndicatorSizes() {
     <View spacing="md">
       <View spacing="sm">
         <ActivityIndicator size="xs" />
-        <Text size="sm">Extra Small</Text>
+        <Text typography="body2">Extra Small</Text>
       </View>
       <View spacing="sm">
         <ActivityIndicator size="sm" />
-        <Text size="sm">Small</Text>
+        <Text typography="body2">Small</Text>
       </View>
       <View spacing="sm">
         <ActivityIndicator size="md" />
-        <Text size="sm">Medium</Text>
+        <Text typography="body2">Medium</Text>
       </View>
       <View spacing="sm">
         <ActivityIndicator size="lg" />
-        <Text size="sm">Large</Text>
+        <Text typography="body2">Large</Text>
       </View>
       <View spacing="sm">
         <ActivityIndicator size="xl" />
-        <Text size="sm">Extra Large</Text>
+        <Text typography="body2">Extra Large</Text>
       </View>
     </View>
   );
@@ -54,27 +54,27 @@ export function ActivityIndicatorWithIntent() {
     <View spacing="md">
       <View spacing="sm">
         <ActivityIndicator intent="primary" />
-        <Text size="sm">Primary</Text>
+        <Text typography="body2">Primary</Text>
       </View>
       <View spacing="sm">
         <ActivityIndicator intent="success" />
-        <Text size="sm">Success</Text>
+        <Text typography="body2">Success</Text>
       </View>
       <View spacing="sm">
-        <ActivityIndicator intent="error" />
-        <Text size="sm">Error</Text>
+        <ActivityIndicator intent="danger" />
+        <Text typography="body2">Error</Text>
       </View>
       <View spacing="sm">
         <ActivityIndicator intent="warning" />
-        <Text size="sm">Warning</Text>
+        <Text typography="body2">Warning</Text>
       </View>
       <View spacing="sm">
         <ActivityIndicator intent="info" />
-        <Text size="sm">Info</Text>
+        <Text typography="body2">Info</Text>
       </View>
       <View spacing="sm">
         <ActivityIndicator intent="neutral" />
-        <Text size="sm">Neutral</Text>
+        <Text typography="body2">Neutral</Text>
       </View>
     </View>
   );
@@ -166,7 +166,7 @@ export function LoadingCard() {
         </View>
       ) : (
         <View spacing="md">
-          <Text size="lg" weight="bold">
+          <Text typography="subtitle1" weight="bold">
             Content Loaded
           </Text>
           <Text>Here is the content that was loaded.</Text>
@@ -216,19 +216,19 @@ export function InlineLoadingStates() {
       <View spacing="sm">
         <View spacing="xs">
           <ActivityIndicator size="xs" />
-          <Text size="sm">Saving changes...</Text>
+          <Text typography="body2">Saving changes...</Text>
         </View>
       </View>
       <View spacing="sm">
         <View spacing="xs">
           <ActivityIndicator size="xs" intent="success" />
-          <Text size="sm">Syncing data...</Text>
+          <Text typography="body2">Syncing data...</Text>
         </View>
       </View>
       <View spacing="sm">
         <View spacing="xs">
           <ActivityIndicator size="xs" intent="info" />
-          <Text size="sm">Processing request...</Text>
+          <Text typography="body2">Processing request...</Text>
         </View>
       </View>
     </View>
@@ -269,7 +269,7 @@ export function FetchingDataExample() {
           ))}
         </View>
       ) : (
-        <Text size="sm"  align="center">
+        <Text typography="body2" align="center">
           Click the button to fetch data
         </Text>
       )}
@@ -300,13 +300,13 @@ export function UploadingFilesExample() {
       {uploading && (
         <View spacing="sm">
           <ActivityIndicator size="md" intent="primary" />
-          <Text size="sm" >
+          <Text typography="body2">
             Uploading files...
           </Text>
         </View>
       )}
       {success && !uploading && (
-        <Text size="sm" >
+        <Text typography="body2">
           Files uploaded successfully!
         </Text>
       )}
@@ -332,14 +332,14 @@ export function RefreshControl() {
     <View spacing="md">
       <View spacing="sm">
         <Text weight="semibold">Content Area</Text>
-        <Text size="sm" >
+        <Text typography="body2">
           Last updated: {lastUpdated.toLocaleTimeString()}
         </Text>
       </View>
       {refreshing && (
         <View spacing="sm">
           <ActivityIndicator size="sm" intent="primary" />
-          <Text size="sm">Refreshing...</Text>
+          <Text typography="body2">Refreshing...</Text>
         </View>
       )}
       <Button size="sm" onPress={handleRefresh} disabled={refreshing}>

package/examples/components/Alert.examples.tsx

@@ -33,7 +33,7 @@ export function AlertIntents() {
         message="Your changes have been saved successfully."
       />
       <Alert
-        intent="error"
+        intent="danger"
         title="Error"
         message="An error occurred while processing your request."
       />
@@ -93,7 +93,7 @@ export function AlertWithIcons() {
         showIcon
       />
       <Alert
-        intent="error"
+        intent="danger"
         title="Error"
         message="Something went wrong."
         showIcon
@@ -196,12 +196,12 @@ export function AlertWithActions() {
         }
       />
       <Alert
-        intent="error"
+        intent="danger"
         title="Connection Lost"
         message="Unable to connect to the server."
         showIcon
         actions={
-          <Button size="sm" intent="error">
+          <Button size="sm" intent="danger">
             Retry
           </Button>
         }
@@ -216,17 +216,17 @@ export function AlertWithChildren() {
     <Alert intent="info" showIcon>
       <View spacing="sm">
         <View spacing="xs">
-          <Text weight="bold" size="md">
+          <Text weight="bold" typography="body1">
             Important Notice
           </Text>
-          <Text size="sm" >
+          <Text typography="body2">
             Please read the following information carefully:
           </Text>
         </View>
         <View spacing="xs">
-          <Text size="sm">• Your account will expire in 30 days</Text>
-          <Text size="sm">• Make sure to backup your data</Text>
-          <Text size="sm">• Contact support if you need help</Text>
+          <Text typography="body2">• Your account will expire in 30 days</Text>
+          <Text typography="body2">• Make sure to backup your data</Text>
+          <Text typography="body2">• Contact support if you need help</Text>
         </View>
       </View>
     </Alert>
@@ -279,19 +279,19 @@ export function FormValidationAlerts() {
     <View spacing="md">
       <Alert
         type="outlined"
-        intent="error"
+        intent="danger"
         title="Form Validation Failed"
         message="Please correct the following errors:"
         showIcon
       >
         <View spacing="xs">
-          <Text size="sm" >
+          <Text typography="body2">
             • Email address is required
           </Text>
-          <Text size="sm" >
+          <Text typography="body2">
             • Password must be at least 8 characters
           </Text>
-          <Text size="sm" >
+          <Text typography="body2">
             • Terms and conditions must be accepted
           </Text>
         </View>
@@ -325,7 +325,7 @@ export function SystemStatusAlerts() {
       />
       <Alert
         type="filled"
-        intent="error"
+        intent="danger"
         title="Service Disruption"
         message="We're experiencing technical difficulties. Our team is working on it."
         showIcon

package/examples/components/Avatar.examples.tsx

@@ -81,7 +81,7 @@ export function UserProfileList() {
         <Avatar src="https://i.pravatar.cc/150?img=8" size="md" />
         <View spacing="xs">
           <Text weight="semibold">John Doe</Text>
-          <Text size="sm" >
+          <Text typography="body2">
             john.doe@example.com
           </Text>
         </View>
@@ -90,7 +90,7 @@ export function UserProfileList() {
         <Avatar src="https://i.pravatar.cc/150?img=9" size="md" />
         <View spacing="xs">
           <Text weight="semibold">Jane Smith</Text>
-          <Text size="sm" >
+          <Text typography="body2">
             jane.smith@example.com
           </Text>
         </View>
@@ -99,7 +99,7 @@ export function UserProfileList() {
         <Avatar fallback="AB"  size="md" />
         <View spacing="xs">
           <Text weight="semibold">Alex Brown</Text>
-          <Text size="sm" >
+          <Text typography="body2">
             alex.brown@example.com
           </Text>
         </View>
@@ -112,7 +112,7 @@ export function UserProfileList() {
 export function AvatarGroup() {
   return (
     <View spacing="md">
-      <Text weight="semibold" size="sm" >
+      <Text weight="semibold" typography="body2">
         Team Members
       </Text>
       <View spacing="sm">
@@ -135,10 +135,10 @@ export function LargeProfileAvatar() {
         alt="Profile picture"
       />
       <View spacing="xs">
-        <Text size="xl" weight="bold">
+        <Text typography="h5" weight="bold">
           Sarah Johnson
         </Text>
-        <Text size="md" >
+        <Text typography="body1">
           Product Designer
         </Text>
       </View>
@@ -156,7 +156,7 @@ export function AvatarWithFallbackOnError() {
         alt="Broken image"
         size="lg"
       />
-      <Text size="sm" >
+      <Text typography="body2">
         Fallback shown when image fails to load
       </Text>
     </View>

package/examples/components/Breadcrumb.examples.tsx

@@ -169,7 +169,7 @@ export function BreadcrumbWithDisabledItems() {
   return (
     <View spacing="md">
       <Breadcrumb items={items} />
-      <Text size="sm" >
+      <Text typography="body2">
         The "Restricted" item is disabled
       </Text>
     </View>
@@ -192,7 +192,7 @@ export function ResponsiveBreadcrumb() {
         <Text weight="semibold">Responsive (collapses on narrow screens)</Text>
         <Breadcrumb items={items} responsive minVisibleItems={3} />
       </View>
-      <Text size="sm" >
+      <Text typography="body2">
         Try resizing the window to see the breadcrumb collapse
       </Text>
     </View>
@@ -222,7 +222,7 @@ export function FileSystemBreadcrumb() {
   return (
     <View spacing="md">
       <Breadcrumb items={items} separator="/" />
-      <Text size="sm" >
+      <Text typography="body2">
         Current path: /{path.join('/')}
       </Text>
     </View>
@@ -243,7 +243,7 @@ export function EcommerceBreadcrumb() {
     <View spacing="lg">
       <Breadcrumb items={items} intent="primary" />
       <View spacing="md">
-        <Text size="xl" weight="bold">
+        <Text typography="h5" weight="bold">
           Gaming Laptops
         </Text>
         <Text>Browse our selection of high-performance gaming laptops.</Text>
@@ -269,7 +269,7 @@ export function DocumentationBreadcrumb() {
         separator={<Icon name="chevron-right" size="xs" />}
       />
       <View spacing="md">
-        <Text size="xl" weight="bold">
+        <Text typography="h5" weight="bold">
           Breadcrumb Component
         </Text>
         <Text>
@@ -293,7 +293,7 @@ export function SettingsBreadcrumb() {
     <View spacing="lg">
       <Breadcrumb items={items} intent="neutral" size="md" />
       <View spacing="md">
-        <Text size="lg" weight="bold">
+        <Text typography="subtitle1" weight="bold">
           Privacy Settings
         </Text>
         <Text>Manage your privacy preferences and data sharing options.</Text>

package/examples/components/Button.examples.tsx

@@ -47,7 +47,7 @@ export function ButtonIntents() {
     <>
       <Button intent="primary">Primary</Button>
       <Button intent="success">Success</Button>
-      <Button intent="error">Error</Button>
+      <Button intent="danger">Error</Button>
       <Button intent="warning">Warning</Button>
       <Button intent="neutral">Neutral</Button>
       <Button intent="info">Info</Button>

package/examples/components/Card.examples.tsx

@@ -92,7 +92,7 @@ export function CardWithIntent() {
       <Card intent="success" type="filled">
         <Text>Success Card</Text>
       </Card>
-      <Card intent="error" type="filled">
+      <Card intent="danger" type="filled">
         <Text>Error Card</Text>
       </Card>
     </>

package/examples/components/Checkbox.examples.tsx

@@ -15,7 +15,7 @@ export function BasicCheckbox() {
   return (
     <Checkbox
       checked={checked}
-      onCheckedChange={setChecked}
+      onChange={setChecked}
       label="Accept terms and conditions"
     />
   );
@@ -27,11 +27,11 @@ export function CheckboxSizes() {
 
   return (
     <View spacing="md">
-      <Checkbox checked={checked} onCheckedChange={setChecked} label="Extra Small" size="xs" />
-      <Checkbox checked={checked} onCheckedChange={setChecked} label="Small" size="sm" />
-      <Checkbox checked={checked} onCheckedChange={setChecked} label="Medium" size="md" />
-      <Checkbox checked={checked} onCheckedChange={setChecked} label="Large" size="lg" />
-      <Checkbox checked={checked} onCheckedChange={setChecked} label="Extra Large" size="xl" />
+      <Checkbox checked={checked} onChange={setChecked} label="Extra Small" size="xs" />
+      <Checkbox checked={checked} onChange={setChecked} label="Small" size="sm" />
+      <Checkbox checked={checked} onChange={setChecked} label="Medium" size="md" />
+      <Checkbox checked={checked} onChange={setChecked} label="Large" size="lg" />
+      <Checkbox checked={checked} onChange={setChecked} label="Extra Large" size="xl" />
     </View>
   );
 }
@@ -42,12 +42,12 @@ export function CheckboxIntents() {
 
   return (
     <View spacing="md">
-      <Checkbox checked={checked} onCheckedChange={setChecked} label="Primary" intent="primary" />
-      <Checkbox checked={checked} onCheckedChange={setChecked} label="Success" intent="success" />
-      <Checkbox checked={checked} onCheckedChange={setChecked} label="Error" intent="error" />
-      <Checkbox checked={checked} onCheckedChange={setChecked} label="Warning" intent="warning" />
-      <Checkbox checked={checked} onCheckedChange={setChecked} label="Neutral" intent="neutral" />
-      <Checkbox checked={checked} onCheckedChange={setChecked} label="Info" intent="info" />
+      <Checkbox checked={checked} onChange={setChecked} label="Primary" intent="primary" />
+      <Checkbox checked={checked} onChange={setChecked} label="Success" intent="success" />
+      <Checkbox checked={checked} onChange={setChecked} label="Error" intent="danger" />
+      <Checkbox checked={checked} onChange={setChecked} label="Warning" intent="warning" />
+      <Checkbox checked={checked} onChange={setChecked} label="Neutral" intent="neutral" />
+      <Checkbox checked={checked} onChange={setChecked} label="Info" intent="info" />
     </View>
   );
 }
@@ -60,13 +60,13 @@ export function CheckboxVariants() {
     <View spacing="md">
       <Checkbox
         checked={checked}
-        onCheckedChange={setChecked}
+        onChange={setChecked}
         label="Default variant"
         variant="default"
       />
       <Checkbox
         checked={checked}
-        onCheckedChange={setChecked}
+        onChange={setChecked}
         label="Outlined variant"
         variant="outlined"
       />
@@ -92,7 +92,7 @@ export function IndeterminateCheckbox() {
       <Checkbox
         checked={parentChecked}
         indeterminate={indeterminate}
-        onCheckedChange={(checked) => {
+        onChange={(checked) => {
           setParentChecked(checked);
           setChild1(checked);
           setChild2(checked);
@@ -100,8 +100,8 @@ export function IndeterminateCheckbox() {
         label="Select All"
       />
       <View spacing="sm" style={{ paddingLeft: 20 }}>
-        <Checkbox checked={child1} onCheckedChange={setChild1} label="Option 1" />
-        <Checkbox checked={child2} onCheckedChange={setChild2} label="Option 2" />
+        <Checkbox checked={child1} onChange={setChild1} label="Option 1" />
+        <Checkbox checked={child2} onChange={setChild2} label="Option 2" />
       </View>
     </View>
   );
@@ -111,8 +111,8 @@ export function IndeterminateCheckbox() {
 export function DisabledCheckbox() {
   return (
     <View spacing="md">
-      <Checkbox checked={false} onCheckedChange={() => {}} label="Unchecked disabled" disabled />
-      <Checkbox checked={true} onCheckedChange={() => {}} label="Checked disabled" disabled />
+      <Checkbox checked={false} onChange={() => {}} label="Unchecked disabled" disabled />
+      <Checkbox checked={true} onChange={() => {}} label="Checked disabled" disabled />
     </View>
   );
 }
@@ -122,10 +122,10 @@ export function CheckboxWithCustomContent() {
   const [checked, setChecked] = React.useState(false);
 
   return (
-    <Checkbox checked={checked} onCheckedChange={setChecked}>
+    <Checkbox checked={checked} onChange={setChecked}>
       <View spacing="xs">
         <Text weight="bold">Marketing emails</Text>
-        <Text size="sm" >
+        <Text typography="body2">
           Receive updates about new features and special offers
         </Text>
       </View>
@@ -144,7 +144,7 @@ export function CheckboxWithHelperText() {
     <View spacing="md">
       <Checkbox
         checked={accepted}
-        onCheckedChange={setAccepted}
+        onChange={setAccepted}
         label="I agree to the terms and conditions"
         required
         error={showError ? 'You must accept the terms to continue' : undefined}
@@ -172,22 +172,22 @@ export function CheckboxGroup() {
       <Text weight="bold">Select your interests:</Text>
       <Checkbox
         checked={interests.tech}
-        onCheckedChange={() => toggleInterest('tech')}
+        onChange={() => toggleInterest('tech')}
         label="Technology"
       />
       <Checkbox
         checked={interests.design}
-        onCheckedChange={() => toggleInterest('design')}
+        onChange={() => toggleInterest('design')}
         label="Design"
       />
       <Checkbox
         checked={interests.business}
-        onCheckedChange={() => toggleInterest('business')}
+        onChange={() => toggleInterest('business')}
         label="Business"
       />
       <Checkbox
         checked={interests.marketing}
-        onCheckedChange={() => toggleInterest('marketing')}
+        onChange={() => toggleInterest('marketing')}
         label="Marketing"
       />
     </View>

package/examples/components/Chip.examples.tsx

@@ -43,7 +43,7 @@ export function ChipIntents() {
     <>
       <Chip label="Primary" intent="primary" />
       <Chip label="Success" intent="success" />
-      <Chip label="Error" intent="error" />
+      <Chip label="Error" intent="danger" />
       <Chip label="Warning" intent="warning" />
       <Chip label="Neutral" intent="neutral" />
       <Chip label="Info" intent="info" />