@idealyst/mcp-server 1.2.29 → 1.2.30

package/examples/components/Dialog.examples.tsx

@@ -15,9 +15,9 @@ export function BasicDialog() {
   return (
     <View spacing="md">
       <Button onPress={() => setOpen(true)}>Open Dialog</Button>
-      <Dialog open={open} onOpenChange={setOpen}>
+      <Dialog open={open} onClose={() => setOpen(false)}>
         <View spacing="md">
-          <Text size="lg" weight="bold">
+          <Text typography="subtitle1" weight="bold">
             Welcome!
           </Text>
           <Text>This is a basic dialog with some content.</Text>
@@ -35,7 +35,7 @@ export function DialogWithTitle() {
   return (
     <View spacing="md">
       <Button onPress={() => setOpen(true)}>Open Dialog</Button>
-      <Dialog open={open} onOpenChange={setOpen} title="Dialog Title">
+      <Dialog open={open} onClose={() => setOpen(false)} title="Dialog Title">
         <View spacing="md">
           <Text>This dialog has a title in the header.</Text>
           <Button onPress={() => setOpen(false)}>Close</Button>
@@ -66,7 +66,7 @@ export function DialogSizes() {
           Fullscreen Dialog
         </Button>
       </View>
-      <Dialog open={open} onOpenChange={setOpen} title={`${size.toUpperCase()} Dialog`} size={size}>
+      <Dialog open={open} onClose={() => setOpen(false)} title={`${size.toUpperCase()} Dialog`} size={size}>
         <View spacing="md">
           <Text>This is a {size} dialog.</Text>
           <Button onPress={() => setOpen(false)}>Close</Button>
@@ -78,14 +78,14 @@ export function DialogSizes() {
 
 // Example 4: Dialog Types
 export function DialogTypes() {
-  const [type, setType] = React.useState<'standard' | 'alert' | 'confirmation'>('standard');
+  const [type, setType] = React.useState<'default' | 'alert' | 'confirmation'>('default');
   const [open, setOpen] = React.useState(false);
 
   return (
     <View spacing="md">
       <View spacing="sm">
-        <Button onPress={() => { setType('standard'); setOpen(true); }}>
-          Standard Dialog
+        <Button onPress={() => { setType('default'); setOpen(true); }}>
+          Default Dialog
         </Button>
         <Button onPress={() => { setType('alert'); setOpen(true); }}>
           Alert Dialog
@@ -94,7 +94,7 @@ export function DialogTypes() {
           Confirmation Dialog
         </Button>
       </View>
-      <Dialog open={open} onOpenChange={setOpen} title="Dialog" type={type}>
+      <Dialog open={open} onClose={() => setOpen(false)} title="Dialog" type={type}>
         <View spacing="md">
           <Text>This is a {type} dialog type.</Text>
           <Button onPress={() => setOpen(false)}>Close</Button>
@@ -113,7 +113,7 @@ export function DialogWithCloseButton() {
       <Button onPress={() => setOpen(true)}>Open Dialog</Button>
       <Dialog
         open={open}
-        onOpenChange={setOpen}
+        onClose={() => setOpen(false)}
         title="Dialog with Close Button"
         showCloseButton
       >
@@ -134,7 +134,7 @@ export function DialogWithBackdropDisabled() {
       <Button onPress={() => setOpen(true)}>Open Dialog</Button>
       <Dialog
         open={open}
-        onOpenChange={setOpen}
+        onClose={() => setOpen(false)}
         title="Modal Dialog"
         closeOnBackdropClick={false}
       >
@@ -165,12 +165,12 @@ export function ConfirmationDialog() {
 
   return (
     <View spacing="md">
-      <Button intent="error" onPress={() => setOpen(true)}>
+      <Button intent="danger" onPress={() => setOpen(true)}>
         Delete Item
       </Button>
       <Dialog
         open={open}
-        onOpenChange={setOpen}
+        onClose={() => setOpen(false)}
         title="Confirm Deletion"
         type="confirmation"
         size="sm"
@@ -178,7 +178,7 @@ export function ConfirmationDialog() {
         <View spacing="lg">
           <Text>Are you sure you want to delete this item? This action cannot be undone.</Text>
           <View spacing="sm">
-            <Button intent="error" onPress={handleConfirm}>
+            <Button intent="danger" onPress={handleConfirm}>
               Delete
             </Button>
             <Button type="outlined" onPress={handleCancel}>
@@ -209,25 +209,25 @@ export function FormDialog() {
       <Button onPress={() => setOpen(true)}>Add User</Button>
       <Dialog
         open={open}
-        onOpenChange={setOpen}
+        onClose={() => setOpen(false)}
         title="Add New User"
         size="md"
         showCloseButton
       >
         <View spacing="lg">
           <View spacing="sm">
-            <Text size="sm" weight="semibold">
+            <Text typography="body2" weight="semibold">
               Name
             </Text>
-            <Text size="sm" >
+            <Text typography="body2">
               Placeholder for input
             </Text>
           </View>
           <View spacing="sm">
-            <Text size="sm" weight="semibold">
+            <Text typography="body2" weight="semibold">
               Email
             </Text>
-            <Text size="sm" >
+            <Text typography="body2">
               Placeholder for input
             </Text>
           </View>
@@ -256,7 +256,7 @@ export function AlertDialog() {
       </Button>
       <Dialog
         open={open}
-        onOpenChange={setOpen}
+        onClose={() => setOpen(false)}
         title="Important Notice"
         type="alert"
         size="sm"
@@ -294,7 +294,7 @@ export function DialogWithAnimations() {
       </View>
       <Dialog
         open={open}
-        onOpenChange={setOpen}
+        onClose={() => setOpen(false)}
         title="Animated Dialog"
         animationType={animationType}
       >
@@ -316,7 +316,7 @@ export function SettingsDialog() {
       <Button onPress={() => setOpen(true)}>Open Settings</Button>
       <Dialog
         open={open}
-        onOpenChange={setOpen}
+        onClose={() => setOpen(false)}
         title="Settings"
         size="md"
         showCloseButton
@@ -325,15 +325,15 @@ export function SettingsDialog() {
           <View spacing="md">
             <Text weight="semibold">Notifications</Text>
             <View spacing="sm">
-              <Text size="sm">• Email notifications: On</Text>
-              <Text size="sm">• Push notifications: Off</Text>
+              <Text typography="body2">• Email notifications: On</Text>
+              <Text typography="body2">• Push notifications: Off</Text>
             </View>
           </View>
           <View spacing="md">
             <Text weight="semibold">Privacy</Text>
             <View spacing="sm">
-              <Text size="sm">• Profile visibility: Public</Text>
-              <Text size="sm">• Activity status: Visible</Text>
+              <Text typography="body2">• Profile visibility: Public</Text>
+              <Text typography="body2">• Activity status: Visible</Text>
             </View>
           </View>
           <Button onPress={() => setOpen(false)}>Save Changes</Button>

package/examples/components/Divider.examples.tsx

@@ -53,16 +53,20 @@ export function DividerTypes() {
   );
 }
 
-// Example 4: Divider Thickness
-export function DividerThickness() {
+// Example 4: Divider Sizes
+export function DividerSizes() {
   return (
     <View spacing="md">
-      <Text>Thin divider</Text>
-      <Divider thickness="thin" />
+      <Text>Extra small divider</Text>
+      <Divider size="xs" />
+      <Text>Small divider</Text>
+      <Divider size="sm" />
       <Text>Medium divider</Text>
-      <Divider thickness="md" />
-      <Text>Thick divider</Text>
-      <Divider thickness="thick" />
+      <Divider size="md" />
+      <Text>Large divider</Text>
+      <Divider size="lg" />
+      <Text>Extra large divider</Text>
+      <Divider size="xl" />
     </View>
   );
 }
@@ -76,7 +80,7 @@ export function DividerWithIntent() {
       <Text>Success intent</Text>
       <Divider intent="success" />
       <Text>Error intent</Text>
-      <Divider intent="error" />
+      <Divider intent="danger" />
       <Text>Warning intent</Text>
       <Divider intent="warning" />
       <Text>Info intent</Text>
@@ -95,7 +99,7 @@ export function DividerWithText() {
       <Divider>OR</Divider>
       <Text>Section 2 content</Text>
       <Divider>
-        <Text size="sm" >
+        <Text typography="body2">
           Continue Reading
         </Text>
       </Divider>
@@ -142,7 +146,7 @@ export function SectionDividers() {
   return (
     <View spacing="lg">
       <View spacing="md">
-        <Text size="lg" weight="bold">
+        <Text typography="subtitle1" weight="bold">
           Section 1
         </Text>
         <Text>
@@ -150,10 +154,10 @@ export function SectionDividers() {
         </Text>
       </View>
 
-      <Divider spacing="lg" thickness="md" />
+      <Divider spacing="lg" size="md" />
 
       <View spacing="md">
-        <Text size="lg" weight="bold">
+        <Text typography="subtitle1" weight="bold">
           Section 2
         </Text>
         <Text>
@@ -161,10 +165,10 @@ export function SectionDividers() {
         </Text>
       </View>
 
-      <Divider spacing="lg" thickness="md" />
+      <Divider spacing="lg" size="md" />
 
       <View spacing="md">
-        <Text size="lg" weight="bold">
+        <Text typography="subtitle1" weight="bold">
           Section 3
         </Text>
         <Text>
@@ -180,16 +184,16 @@ export function StyledDividers() {
   return (
     <View spacing="md">
       <Text weight="bold">Thick Primary Divider</Text>
-      <Divider thickness="thick" intent="primary" spacing="md" />
+      <Divider size="lg" intent="primary" spacing="md" />
 
       <Text weight="bold">Dashed Success Divider</Text>
       <Divider type="dashed" intent="success" spacing="md" />
 
       <Text weight="bold">Dotted Warning Divider</Text>
-      <Divider type="dotted" intent="warning" thickness="md" spacing="md" />
+      <Divider type="dotted" intent="warning" size="md" spacing="md" />
 
       <Text weight="bold">Thick Error Divider</Text>
-      <Divider thickness="thick" intent="error" spacing="md" />
+      <Divider size="lg" intent="danger" spacing="md" />
     </View>
   );
 }
@@ -199,38 +203,38 @@ export function FormSectionDividers() {
   return (
     <View spacing="lg">
       <View spacing="md">
-        <Text size="lg" weight="bold">
+        <Text typography="subtitle1" weight="bold">
           Personal Information
         </Text>
         <View spacing="sm">
-          <Text size="sm">Name: John Doe</Text>
-          <Text size="sm">Email: john@example.com</Text>
+          <Text typography="body2">Name: John Doe</Text>
+          <Text typography="body2">Email: john@example.com</Text>
         </View>
       </View>
 
       <Divider spacing="lg">
-        <Text size="sm" weight="semibold" >
+        <Text typography="body2" weight="semibold">
           CONTACT DETAILS
         </Text>
       </Divider>
 
       <View spacing="md">
         <View spacing="sm">
-          <Text size="sm">Phone: (555) 123-4567</Text>
-          <Text size="sm">Address: 123 Main St</Text>
+          <Text typography="body2">Phone: (555) 123-4567</Text>
+          <Text typography="body2">Address: 123 Main St</Text>
         </View>
       </View>
 
       <Divider spacing="lg">
-        <Text size="sm" weight="semibold" >
+        <Text typography="body2" weight="semibold">
           PREFERENCES
         </Text>
       </Divider>
 
       <View spacing="md">
         <View spacing="sm">
-          <Text size="sm">Theme: Dark</Text>
-          <Text size="sm">Notifications: Enabled</Text>
+          <Text typography="body2">Theme: Dark</Text>
+          <Text typography="body2">Notifications: Enabled</Text>
         </View>
       </View>
     </View>
@@ -249,7 +253,7 @@ export function ListItemDividers() {
             <Text>{item}</Text>
           </View>
           {index < items.length - 1 && (
-            <Divider spacing="none" thickness="thin" />
+            <Divider spacing="none" size="sm" />
           )}
         </React.Fragment>
       ))}

package/examples/components/Icon.examples.tsx

@@ -58,7 +58,7 @@ export function IconWithIntent() {
     <View spacing="md">
       <Icon name="information" intent="primary" size="lg" />
       <Icon name="check-circle" intent="success" size="lg" />
-      <Icon name="alert-circle" intent="error" size="lg" />
+      <Icon name="alert-circle" intent="danger" size="lg" />
       <Icon name="alert" intent="warning" size="lg" />
       <Icon name="help-circle" intent="info" size="lg" />
     </View>
@@ -71,23 +71,23 @@ export function CommonUIIcons() {
     <View spacing="md">
       <View spacing="sm">
         <Icon name="home" />
-        <Text size="sm">Home</Text>
+        <Text typography="body2">Home</Text>
       </View>
       <View spacing="sm">
         <Icon name="magnify" />
-        <Text size="sm">Search</Text>
+        <Text typography="body2">Search</Text>
       </View>
       <View spacing="sm">
         <Icon name="account" />
-        <Text size="sm">Profile</Text>
+        <Text typography="body2">Profile</Text>
       </View>
       <View spacing="sm">
         <Icon name="cog" />
-        <Text size="sm">Settings</Text>
+        <Text typography="body2">Settings</Text>
       </View>
       <View spacing="sm">
         <Icon name="bell" />
-        <Text size="sm">Notifications</Text>
+        <Text typography="body2">Notifications</Text>
       </View>
     </View>
   );
@@ -127,25 +127,25 @@ export function StatusIconsWithText() {
     <View spacing="md">
       <View spacing="sm">
         <Icon name="check-circle" intent="success" size="md" />
-        <Text  size="sm">
+        <Text typography="body2">
           Success
         </Text>
       </View>
       <View spacing="sm">
-        <Icon name="alert-circle" intent="error" size="md" />
-        <Text  size="sm">
+        <Icon name="alert-circle" intent="danger" size="md" />
+        <Text typography="body2">
           Error
         </Text>
       </View>
       <View spacing="sm">
         <Icon name="alert" intent="warning" size="md" />
-        <Text  size="sm">
+        <Text typography="body2">
           Warning
         </Text>
       </View>
       <View spacing="sm">
         <Icon name="information" intent="info" size="md" />
-        <Text  size="sm">
+        <Text typography="body2">
           Info
         </Text>
       </View>
@@ -173,7 +173,7 @@ export function IconWithMDIPrefix() {
     <View spacing="md">
       <Icon name="mdi:home" size="lg" />
       <Icon name="mdi:account" size="lg"  />
-      <Icon name="mdi:heart" size="lg" intent="error" />
+      <Icon name="mdi:heart" size="lg" intent="danger" />
     </View>
   );
 }

package/examples/components/Menu.examples.tsx

@@ -148,7 +148,7 @@ export function MenuWithIntent() {
     { id: '1', label: 'Edit', icon: 'pencil', intent: 'primary', onClick: () => {} },
     { id: '2', label: 'Duplicate', icon: 'content-copy', intent: 'info', onClick: () => {} },
     { id: '3', label: 'Archive', icon: 'archive', intent: 'warning', onClick: () => {} },
-    { id: '4', label: 'Delete', icon: 'delete', intent: 'error', onClick: () => {} },
+    { id: '4', label: 'Delete', icon: 'delete', intent: 'danger', onClick: () => {} },
   ];
 
   return (
@@ -237,7 +237,7 @@ export function MenuWithCloseOnSelection() {
         <Button onPress={() => setOpen(true)}>Select Option</Button>
       </Menu>
       {selected && (
-        <Text size="sm" >
+        <Text typography="body2">
           Selected: {selected}
         </Text>
       )}
@@ -256,7 +256,7 @@ export function ContextMenu() {
     { id: '4', label: 'Rename', icon: 'pencil', onClick: () => {} },
     { id: '5', label: 'Move', icon: 'folder-move', onClick: () => {} },
     { id: '6', label: 'separator-2', separator: true },
-    { id: '7', label: 'Delete', icon: 'delete', intent: 'error', onClick: () => {} },
+    { id: '7', label: 'Delete', icon: 'delete', intent: 'danger', onClick: () => {} },
   ];
 
   return (