@iress-oss/ids-mcp-server 0.0.1-dev.2 → 0.0.1-dev.4

package/generated/docs/components-autocomplete-docs.md

@@ -29,7 +29,7 @@ Hide code
     }
   \]}
   popoverProps\={{
-    container: {}
+    container: document.body
   }}
 />
 
@@ -592,7 +592,7 @@ Hide code
     }
   \]}
   popoverProps\={{
-    container: document.body
+    container: {}
   }}
   readOnly
 />

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

@@ -197,22 +197,22 @@ Hide code
       stack    </h3\>
     <IressCheckboxGroup layout\="stack"\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5142"
+        className\="ids-styles--add-border-to-label-v5150"
         value\="google"
       \>
         Google      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5142"
+        className\="ids-styles--add-border-to-label-v5150"
         value\="newspaper"
       \>
         Newspaper      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5142"
+        className\="ids-styles--add-border-to-label-v5150"
         value\="friend"
       \>
         Friend      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5142"
+        className\="ids-styles--add-border-to-label-v5150"
         value\="other"
       \>
         Other      </IressCheckbox\>
@@ -223,22 +223,22 @@ Hide code
       block    </h3\>
     <IressCheckboxGroup layout\="block"\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5142"
+        className\="ids-styles--add-border-to-label-v5150"
         value\="google"
       \>
         Google      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5142"
+        className\="ids-styles--add-border-to-label-v5150"
         value\="newspaper"
       \>
         Newspaper      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5142"
+        className\="ids-styles--add-border-to-label-v5150"
         value\="friend"
       \>
         Friend      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5142"
+        className\="ids-styles--add-border-to-label-v5150"
         value\="other"
       \>
         Other      </IressCheckbox\>
@@ -249,22 +249,22 @@ Hide code
       inline    </h3\>
     <IressCheckboxGroup layout\="inline"\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5142"
+        className\="ids-styles--add-border-to-label-v5150"
         value\="google"
       \>
         Google      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5142"
+        className\="ids-styles--add-border-to-label-v5150"
         value\="newspaper"
       \>
         Newspaper      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5142"
+        className\="ids-styles--add-border-to-label-v5150"
         value\="friend"
       \>
         Friend      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5142"
+        className\="ids-styles--add-border-to-label-v5150"
         value\="other"
       \>
         Other      </IressCheckbox\>
@@ -275,22 +275,22 @@ Hide code
       full    </h3\>
     <IressCheckboxGroup layout\="full"\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5142"
+        className\="ids-styles--add-border-to-label-v5150"
         value\="google"
       \>
         Google      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5142"
+        className\="ids-styles--add-border-to-label-v5150"
         value\="newspaper"
       \>
         Newspaper      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5142"
+        className\="ids-styles--add-border-to-label-v5150"
         value\="friend"
       \>
         Friend      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5142"
+        className\="ids-styles--add-border-to-label-v5150"
         value\="other"
       \>
         Other      </IressCheckbox\>
@@ -445,7 +445,7 @@ Hide code
     }}
   \>
     <div
-      className\="ids-styles--resizable-v5142"
+      className\="ids-styles--resizable-v5150"
       style\={{
         display: 'grid',
         gridAutoRows: '1fr',

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

@@ -429,7 +429,7 @@ Hide code
 
 <IressContainer\>
   <IressRow
-    className\="ids-styles--set-height-v5142"
+    className\="ids-styles--set-height-v5150"
     gutter\="md"
   \>
     <IressCol alignSelf\="start"\>

package/generated/docs/components-combobox-docs.md

@@ -285,7 +285,7 @@ Hide code
     }
   \]}
   popoverProps\={{
-    container: document.body
+    container: {}
   }}
 />
 
@@ -400,7 +400,7 @@ Hide code
     }
   \]}
   popoverProps\={{
-    container: {}
+    container: document.body
   }}
   prepend\={<IressIcon name\="search" />}
   width\="12"
@@ -487,7 +487,7 @@ Hide code
   \]}
   popoverProps\={{
     append: <IressPanel\><IressButton\>Add an option</IressButton\></IressPanel\>,
-    container: {}
+    container: document.body
   }}
 />
 
@@ -735,7 +735,7 @@ Hide code
     }
   \]}
   popoverProps\={{
-    container: document.body
+    container: {}
   }}
 />
 

package/generated/docs/components-filter-docs.md

@@ -388,7 +388,7 @@ Hide code
     }
   \]}
   popoverProps\={{
-    container: {}
+    container: document.body
   }}
 />
 
@@ -711,7 +711,7 @@ Hide code
     }
   \]}
   popoverProps\={{
-    container: {}
+    container: document.body
   }}
   searchable
 />
@@ -896,7 +896,7 @@ Hide code
     }
   \]}
   popoverProps\={{
-    container: document.body
+    container: {}
   }}
   searchable
 />

package/generated/docs/components-form-docs.md

@@ -413,39 +413,7 @@ A boolean which, if `true`, indicates that the input must have a value before th
 
 Validate
 
-Hide code
-
-\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
-
-<IressForm\>
-  <IressStack gutter\="lg"\>
-    <IressFormField
-      hint\=""
-      label\="Default message"
-      name\="IressInput-default"
-      render\={(controlledProps) \=> <IressInput {...controlledProps} />}
-      rules\={{
-        required: true
-      }}
-    />
-    <IressFormField
-      hint\=""
-      label\="Custom message"
-      name\="IressInput-custom"
-      render\={(controlledProps) \=> <IressInput {...controlledProps} />}
-      rules\={{
-        required: 'Please check this field'
-      }}
-    />
-    <IressButton
-      mode\="primary"
-      type\="submit"
-    \>
-      Validate    </IressButton\>
-  </IressStack\>
-</IressForm\>
-
-Copy
+Show code
 
 #### [](#maxlength)`maxLength`
 
@@ -747,7 +715,7 @@ Hide code
       name\="IressInputDate-default"
       render\={(controlledProps) \=> <IressInput {...controlledProps} />}
       rules\={{
-        minDate: new Date('2025-06-24T20:58:59.990Z')
+        minDate: new Date('2025-06-27T03:58:57.380Z')
       }}
     />
     <IressFormField
@@ -758,7 +726,7 @@ Hide code
       rules\={{
         minDate: {
           message: 'Please enter a date after today!',
-          value: new Date('2025-06-24T20:58:59.990Z')
+          value: new Date('2025-06-27T03:58:57.380Z')
         }
       }}
     />
@@ -800,7 +768,7 @@ Hide code
       name\="IressInputDate-default"
       render\={(controlledProps) \=> <IressInput {...controlledProps} />}
       rules\={{
-        maxDate: new Date('2025-06-24T20:58:59.990Z')
+        maxDate: new Date('2025-06-27T03:58:57.380Z')
       }}
     />
     <IressFormField
@@ -811,7 +779,7 @@ Hide code
       rules\={{
         maxDate: {
           message: 'Please enter a date before today!',
-          value: new Date('2025-06-24T20:58:59.990Z')
+          value: new Date('2025-06-27T03:58:57.380Z')
         }
       }}
     />

package/generated/docs/components-form-recipes-docs.md

@@ -510,8 +510,6 @@ Hide code
 
 \[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
 
-/\* eslint-disable @typescript-eslint/no-misused-promises \*/
-
 interface Client {
   name: string | undefined;
   salary: number | undefined;
@@ -638,7 +636,7 @@ export const FormGroups \= () \=> {
     defaultValues: defaultValues,
     mode: 'onBlur',
   });
-  const { control, handleSubmit, getValues } \= form;
+  const { control, getValues } \= form;
   const { fields, append, update, remove } \= useFieldArray({
     name: 'dependants',
     control,
@@ -649,7 +647,8 @@ export const FormGroups \= () \=> {
       <IressText element\="h1"\>Form groups</IressText\>
       <IressText element\="p"\>
         This is one form with child sections (not nested forms). Play around to        add/edit/delete child form sections:      </IressText\>
-      <IressHookForm<FormValues>        id="mainForm"        gutter="md"        form={form}
+      <IressHookForm<FormValues>        gutter="md"        form={form}
+        onSubmit={onSubmit}
         errorSummaryHeading="Please correct the following errors found for the form:"      >        <IressStack gutter\="md"\>
           <ClientSection control\={control} />
           {fields.map((field, index) \=> (
@@ -672,12 +671,7 @@ export const FormGroups \= () \=> {
             Add Dependant          </IressButton\>
         </IressStack\>
         <IressDivider />
-        <IressButton
-          type\="submit"
-          mode\="primary"
-          form\="mainForm"
-          onClick\={handleSubmit(onSubmit)}
-        \>
+        <IressButton type\="submit" mode\="primary"\>
           Submit All        </IressButton\>
       </IressHookForm\>
     </IressStack\>

package/generated/docs/components-icon-docs.md

@@ -467,13 +467,13 @@ Hide code
     \>
       Default width    </IressText\>
     <IressIcon
-      className\="ids-styles--alt-background-v5142"
+      className\="ids-styles--alt-background-v5150"
       name\="space-shuttle"
       size\="3x"
     />
     <br />
     <IressIcon
-      className\="ids-styles--alt-background-v5142"
+      className\="ids-styles--alt-background-v5150"
       name\="wine-glass-alt"
       size\="3x"
     />
@@ -485,14 +485,14 @@ Hide code
     \>
       Fixed width    </IressText\>
     <IressIcon
-      className\="ids-styles--alt-background-v5142"
+      className\="ids-styles--alt-background-v5150"
       fixedWidth
       name\="space-shuttle"
       size\="3x"
     />
     <br />
     <IressIcon
-      className\="ids-styles--alt-background-v5142"
+      className\="ids-styles--alt-background-v5150"
       fixedWidth
       name\="wine-glass-alt"
       size\="3x"

package/generated/docs/components-provider-docs.md

@@ -0,0 +1,105 @@
+[](#provider)Provider
+=====================
+
+Overview
+--------
+
+Provider is a component that sets up the Iress Design System for your application. It ensures that the design system is correctly configured and ready to use.
+
+Show modalShow slideoutShow toast
+
+Hide code
+
+\[data-radix-scroll-area-viewport\] { scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } \[data-radix-scroll-area-viewport\]::-webkit-scrollbar { display: none; } :where(\[data-radix-scroll-area-viewport\]) { display: flex; flex-direction: column; align-items: stretch; } :where(\[data-radix-scroll-area-content\]) { flex-grow: 1; }
+
+import {
+  IressButton,
+  IressInline,
+  IressModal,
+  IressPanel,
+  IressProvider,
+  IressSlideout,
+  IressText,
+  useModal,
+  useSlideout,
+  useToaster,
+} from '@iress-oss/ids-components';
+const Page \= () \=> {
+  const { showModal } \= useModal();
+  const { showSlideout } \= useSlideout();
+  const toaster \= useToaster();
+  return (
+    <IressPanel
+      style\={{
+        height: '300px',
+      }}
+    \>
+      <IressInline gutter\="md"\>
+        <IressButton onClick\={() \=> showModal('test-modal')}\>
+          Show modal        </IressButton\>
+        <IressModal id\="test-modal"\>
+          <IressText\>Some modal content</IressText\>
+        </IressModal\>
+        <IressButton onClick\={() \=> showSlideout('test-slideout')}\>
+          Show slideout        </IressButton\>
+        <IressSlideout id\="test-slideout"\>
+          <IressText\>Some slideout content</IressText\>
+        </IressSlideout\>
+        <IressButton
+          onClick\={() \=> toaster.success({ children: 'A toast message' })}
+        \>
+          Show toast        </IressButton\>
+      </IressInline\>
+    </IressPanel\>
+  );
+};
+export const AppWithProvider \= () \=> (
+  <IressProvider\>
+    <Page />
+  </IressProvider\>
+);
+
+Copy
+
+[](#usage)Usage
+---------------
+
+The design system provider automates some set-up tasks for you, including:
+
+*   Adding the icon fonts and CSS variables to the document head
+*   Consistent container handling for providers, if you need the modals, slideouts and toasts rendered in a specific area (common with micro frontends)
+
+In most cases, you should wrap the entire application with the `IressProvider` component. This will ensure that the design system is set up correctly and consistently across the application.
+
+\[data-radix-scroll-area-viewport\] {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  -webkit-overflow-scrolling: touch;
+}
+\[data-radix-scroll-area-viewport\]::-webkit-scrollbar {
+  display: none;
+}
+:where(\[data-radix-scroll-area-viewport\]) {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+}
+:where(\[data-radix-scroll-area-content\]) {
+  flex-grow: 1;
+}
+
+import { IressProvider } from '@iress-oss/ids-components';
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <IressProvider\>
+    <IressTheme />
+    <App />
+  </IressProvider\>,
+);
+
+Copy
+
+On this page
+
+*   [Overview](#overview)
+*   [Props](#props)
+*   [Usage](#usage)

package/generated/docs/components-radiogroup-docs.md

@@ -171,22 +171,22 @@ Hide code
       stack    </h3\>
     <IressRadioGroup layout\="stack"\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="google"
       \>
         Google      </IressRadio\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="newspaper"
       \>
         Newspaper      </IressRadio\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="friend"
       \>
         Friend      </IressRadio\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="other"
       \>
         Other      </IressRadio\>
@@ -197,22 +197,22 @@ Hide code
       block    </h3\>
     <IressRadioGroup layout\="block"\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="google"
       \>
         Google      </IressRadio\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="newspaper"
       \>
         Newspaper      </IressRadio\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="friend"
       \>
         Friend      </IressRadio\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="other"
       \>
         Other      </IressRadio\>
@@ -223,22 +223,22 @@ Hide code
       inline    </h3\>
     <IressRadioGroup layout\="inline"\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="google"
       \>
         Google      </IressRadio\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="newspaper"
       \>
         Newspaper      </IressRadio\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="friend"
       \>
         Friend      </IressRadio\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="other"
       \>
         Other      </IressRadio\>
@@ -249,22 +249,22 @@ Hide code
       inlineFlex    </h3\>
     <IressRadioGroup layout\="inlineFlex"\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="google"
       \>
         Google      </IressRadio\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="newspaper"
       \>
         Newspaper      </IressRadio\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="friend"
       \>
         Friend      </IressRadio\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="other"
       \>
         Other      </IressRadio\>
@@ -275,22 +275,22 @@ Hide code
       inlineEqualWidth    </h3\>
     <IressRadioGroup layout\="inlineEqualWidth"\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="google"
       \>
         Google      </IressRadio\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="newspaper"
       \>
         Newspaper      </IressRadio\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="friend"
       \>
         Friend      </IressRadio\>
       <IressRadio
-        className\="ids-styles--add-border-v5142"
+        className\="ids-styles--add-border-v5150"
         value\="other"
       \>
         Other      </IressRadio\>
@@ -441,7 +441,7 @@ Hide code
     }}
   \>
     <div
-      className\="ids-styles--resizable-v5142"
+      className\="ids-styles--resizable-v5150"
       style\={{
         display: 'grid',
         gridAutoRows: '1fr',

package/generated/docs/components-richselect-docs.md

@@ -1319,7 +1319,7 @@ These are completely optional, the default behaviour should be sufficient for mo
 
 Below is a mapping of the available sub-components to the previous [Create new option example](#create-new-option).
 
-![](/@fs/Users/mellisa.hankins/projects/design-system/packages/components/src/components/RichSelect/assets/ids-rich-select--sub-component-mapping.svg)
+![](/@fs/app/packages/components/src/components/RichSelect/assets/ids-rich-select--sub-component-mapping.svg)
 
 ### [](#iressselectbody)IressSelectBody
 

package/generated/docs/components-row-docs.md

@@ -749,7 +749,7 @@ Hide code
     <IressText element\="h2"\>
       Vertical align: top    </IressText\>
     <IressRow
-      className\="ids-styles--set-height-v5142"
+      className\="ids-styles--set-height-v5150"
       verticalAlign\="top"
     \>
       <React.Fragment key\=".0"\>
@@ -778,7 +778,7 @@ Hide code
     <IressText element\="h2"\>
       Vertical align: middle    </IressText\>
     <IressRow
-      className\="ids-styles--set-height-v5142"
+      className\="ids-styles--set-height-v5150"
       verticalAlign\="middle"
     \>
       <React.Fragment key\=".0"\>
@@ -807,7 +807,7 @@ Hide code
     <IressText element\="h2"\>
       Vertical align: bottom    </IressText\>
     <IressRow
-      className\="ids-styles--set-height-v5142"
+      className\="ids-styles--set-height-v5150"
       verticalAlign\="bottom"
     \>
       <React.Fragment key\=".0"\>
@@ -836,7 +836,7 @@ Hide code
     <IressText element\="h2"\>
       Vertical align: stretch    </IressText\>
     <IressRow
-      className\="ids-styles--set-height-v5142"
+      className\="ids-styles--set-height-v5150"
       verticalAlign\="stretch"
     \>
       <React.Fragment key\=".0"\>

package/generated/docs/components-skiplink-docs.md

@@ -25,7 +25,7 @@ Hide code
     }}
   />
   <main
-    className\="iress-u-container iress-u-text iress-u-panel ids-styles--highlight-on-focus-v5142"
+    className\="iress-u-container iress-u-text iress-u-panel ids-styles--highlight-on-focus-v5150"
     id\="main"
     tabIndex\={\-1}
   \>