@iress-oss/ids-mcp-server 6.0.0-alpha.2 → 6.0.0-alpha.4

package/generated/docs/components_components-checkboxgroup-docs.md

@@ -22,7 +22,7 @@ Victoria Sponge
 
 Carrot Cake
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCheckboxGroup name\="let-them-eat-cake"\>
   <IressCheckbox value\="lemon-drizzle"\>
@@ -151,7 +151,7 @@ Victoria Sponge
 
 Carrot Cake
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCheckboxGroup name\="let-them-eat-cake"\>
   <IressCheckbox value\="lemon-drizzle"\>
@@ -276,7 +276,7 @@ Victoria Sponge
 
 Carrot Cake
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCheckboxGroup
   defaultValue\={\[
@@ -425,7 +425,7 @@ Carrot Cake
 
 Clear
 
-```
+Hide codedrawOpen in CodeSandbox
 
 import {
   type FormControlValue,
@@ -434,7 +434,7 @@ import {
   IressCheckboxGroup,
   type IressCheckboxGroupProps,
   IressStack,
-} from '@iress-oss/ids-components';
+} from '@/main';
 import { useState } from 'react';
 export const CheckboxGroupUsingState \= <T \= FormControlValue,\>(
   <T\>,
@@ -598,7 +598,7 @@ Friend
 
 Other
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressText\>
   <h3\>
@@ -789,7 +789,7 @@ Saving for a holiday
 
 Reducing my debt
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField
   hint\="Select all that apply"
@@ -1006,7 +1006,7 @@ Reducing my debt
 
 Starting a business
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField
   hint\="Select all that apply"
@@ -1316,7 +1316,7 @@ Lemon drizzle
 
 Victoria Sponge
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCheckboxGroup
   defaultValue\={\[
@@ -1462,7 +1462,7 @@ Victoria Sponge
 
 Carrot Cake
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCheckboxGroup
   defaultValue\={\[

package/generated/docs/components_components-checkboxgroup-recipes-docs.md

@@ -32,7 +32,7 @@ Select Carrot Cake
 
 Submit
 
-```
+Hide codedrawOpen in CodeSandbox
 
 import {
   type FormControlValue,
@@ -43,14 +43,15 @@ import {
   IressPanel,
   IressStack,
   IressTable,
-} from '@iress-oss/ids-components';
+} from '@/main';
 import { IressCheckboxGroup } from '../CheckboxGroup';
 import { toArray } from '../../../helpers/formatting/toArray';
+import { useWatch } from 'react-hook-form';
 interface FieldValues {
   'let-them-eat-cake'?: FormControlValue\[\];
 }
 const SelectedValues \= () \=> {
-  const value \= IressForm.useWatch<FieldValues\>({ name: 'let-them-eat-cake' });
+  const value \= useWatch<FieldValues\>({ name: 'let-them-eat-cake' });
   const valueString \= toArray(value).join(', ');
   return (
     <IressPanel\>

package/generated/docs/components_components-col-docs.md

@@ -20,11 +20,11 @@ Column 1
 
 Column 2
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRow
   ref\={undefined}
-  gutter\="spacing.400"
+  gutter\="spacing.4"
 \>
   <IressCol\>
     <IressPlaceholder\>
@@ -103,13 +103,13 @@ When no column widths are specified the `IressCol` component will render equal w
 
 3 of 3
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack
   ref\={undefined}
-  gap\="spacing.400"
+  gap\="spacing.4"
 \>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol\>
       <IressPlaceholder\>
         1 of 2      </IressPlaceholder\>
@@ -119,7 +119,7 @@ When no column widths are specified the `IressCol` component will render equal w
         2 of 2      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol\>
       <IressPlaceholder\>
         1 of 3      </IressPlaceholder\>
@@ -216,19 +216,19 @@ If no `span` is provided it will default to `auto` which will make the column ei
 
 6
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack
   ref\={undefined}
-  gap\="spacing.400"
+  gap\="spacing.4"
 \>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol span\="12"\>
       <IressPlaceholder\>
         12      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol span\="1"\>
       <IressPlaceholder\>
         1      </IressPlaceholder\>
@@ -238,7 +238,7 @@ If no `span` is provided it will default to `auto` which will make the column ei
         11      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol span\="2"\>
       <IressPlaceholder\>
         2      </IressPlaceholder\>
@@ -248,7 +248,7 @@ If no `span` is provided it will default to `auto` which will make the column ei
         10      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol span\="3"\>
       <IressPlaceholder\>
         3      </IressPlaceholder\>
@@ -258,7 +258,7 @@ If no `span` is provided it will default to `auto` which will make the column ei
         9      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol span\="4"\>
       <IressPlaceholder\>
         4      </IressPlaceholder\>
@@ -268,7 +268,7 @@ If no `span` is provided it will default to `auto` which will make the column ei
         8      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol span\="5"\>
       <IressPlaceholder\>
         5      </IressPlaceholder\>
@@ -278,7 +278,7 @@ If no `span` is provided it will default to `auto` which will make the column ei
         7      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol span\="6"\>
       <IressPlaceholder\>
         6      </IressPlaceholder\>
@@ -344,17 +344,17 @@ Column 1
 Column 2  
 {"xs":12,"md":9}
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack
   ref\={undefined}
-  gap\="spacing.400"
+  gap\="spacing.4"
 \>
   <IressPanel\>
     Current breakpoint:{' '}
-    <kn />
+    <Ln />
     .  </IressPanel\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       span\={{
         md: 3,
@@ -450,13 +450,13 @@ The `offset` prop controls the amount of grid columns to offset.
 
 11
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack
   ref\={undefined}
-  gap\="spacing.400"
+  gap\="spacing.4"
 \>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="1"
       span\="1"
@@ -465,7 +465,7 @@ The `offset` prop controls the amount of grid columns to offset.
         1      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="2"
       span\="1"
@@ -474,7 +474,7 @@ The `offset` prop controls the amount of grid columns to offset.
         2      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="3"
       span\="1"
@@ -483,7 +483,7 @@ The `offset` prop controls the amount of grid columns to offset.
         3      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="4"
       span\="1"
@@ -492,7 +492,7 @@ The `offset` prop controls the amount of grid columns to offset.
         4      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="5"
       span\="1"
@@ -501,7 +501,7 @@ The `offset` prop controls the amount of grid columns to offset.
         5      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="6"
       span\="1"
@@ -510,7 +510,7 @@ The `offset` prop controls the amount of grid columns to offset.
         6      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="7"
       span\="1"
@@ -519,7 +519,7 @@ The `offset` prop controls the amount of grid columns to offset.
         7      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="8"
       span\="1"
@@ -528,7 +528,7 @@ The `offset` prop controls the amount of grid columns to offset.
         8      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="9"
       span\="1"
@@ -537,7 +537,7 @@ The `offset` prop controls the amount of grid columns to offset.
         9      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="10"
       span\="1"
@@ -546,7 +546,7 @@ The `offset` prop controls the amount of grid columns to offset.
         10      </IressPlaceholder\>
     </IressCol\>
   </IressRow\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\="11"
       span\="1"
@@ -612,17 +612,17 @@ Current breakpoint: **xl** breakpoint (1200px - 1499px).
 Column 1  
 {"md":5,"lg":2}
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack
   ref\={undefined}
-  gap\="spacing.400"
+  gap\="spacing.4"
 \>
   <IressPanel\>
     Current breakpoint:{' '}
-    <kn />
+    <Ln />
     .  </IressPanel\>
-  <IressRow gutter\="spacing.400"\>
+  <IressRow gutter\="spacing.4"\>
     <IressCol
       offset\={{
         lg: 2,
@@ -691,11 +691,11 @@ End
 
 Stretch
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer ref\={undefined}\>
   <IressRow
-    gutter\="spacing.400"
+    gutter\="spacing.4"
     layerStyle\="elevation.raised"
     style\={{
       height: '10rem'

package/generated/docs/components_components-container-docs.md

@@ -25,7 +25,7 @@ Your screen size is showing the container for the **xl** breakpoint.
 *   Screen width range: 1200px - 1499px
 *   Max width: 1280px
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer\>
   <p\>
@@ -33,7 +33,7 @@ Your screen size is showing the container for the **xl** breakpoint.
   <p\>
     Try resizing the screen to see the difference.  </p\>
   <IressPanel\>
-    <kn renderLabel\="container" />
+    <Ln renderLabel\="container" />
   </IressPanel\>
 </IressContainer\>
 
@@ -79,7 +79,7 @@ Container breakpoints
 | xl | 1200px - 1499px | 1280px |
 | xxl | 1500px and above | 1280px |
 
-```
+Hide codedrawOpen in CodeSandbox
 
 {
   render: () \=> <IressTable caption\="Container breakpoints" rows\={BREAKPOINTS.map(breakpoint \=> ({
@@ -131,7 +131,7 @@ Your screen size is showing the container for the **xl** breakpoint.
 *   Screen width range: 1200px - 1499px
 *   Max width: 100%
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressContainer fluid\>
   <p\>
@@ -143,7 +143,7 @@ Your screen size is showing the container for the **xl** breakpoint.
     {' '}prop is enabled, the container will span the full width of its containing element. Try resizing the screen to see how the IressContainer is 100% for all screen sizes.
   </p\>
   <IressPanel\>
-    <kn renderLabel\="container-fluid" />
+    <Ln renderLabel\="container-fluid" />
   </IressPanel\>
 </IressContainer\>
 

package/generated/docs/components_components-divider-docs.md

@@ -18,7 +18,7 @@ This component has been recently updated with new props. The props have been mar
 
 * * *
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressDivider />
 
@@ -53,10 +53,10 @@ Separate
 
 this
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline
-  gap\="spacing.400"
+  gap\="spacing.4"
   verticalAlign\="middle"
 \>
   <IressText\>
@@ -143,9 +143,9 @@ Separate
 
 this
 
-```
+Hide codedrawOpen in CodeSandbox
 
-<IressInline gap\="spacing.400"\>
+<IressInline gap\="spacing.4"\>
   <IressPanel\>
     <IressText element\="h2"\>
       <code\>

package/generated/docs/components_components-expander-docs.md

@@ -20,7 +20,7 @@ Expander activator
 
 Expander content will go here
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressExpander activator\="Expander activator"\>
   Expander content will go here
@@ -136,7 +136,7 @@ Expander activator
 
 Expander content will go here
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="lg"\>
   <IressStack gap\="xs"\>
@@ -235,7 +235,7 @@ Expander activator
 
 Expander content will go here
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressExpander
   activator\="Expander activator"
@@ -336,8 +336,10 @@ Bottom
 
 Expander content for the bottom activator goes here.
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import { IressExpander } from '@/main';
+import { useState } from 'react';
 export const MultipleExpander \= () \=> {
   const \[openActivator, setOpenActivator\] \= useState('');
   const handleChange \= (newOpenActivator: string, open?: boolean) \=> {