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

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

@@ -156,7 +156,7 @@ Hide code
     }
   \]}
   popoverProps\={{
-    container: document.body
+    container: {}
   }}
 />
 
@@ -203,6 +203,50 @@ export const AutocompleteUsingAsync \= () \=> (
 
 Copy
 
+#### [](#minimum-search-length-for-async-options)Minimum search length for async options
+
+When using asynchronous options, you can set a minimum number of characters required before triggering the search using the `minSearchLength` prop. This prevents unnecessary API calls and loading states for very short queries.
+
+By default, async searches are triggered after 1 character. Setting a higher value (e.g., 3) means no search request will be made and no loading spinner will appear until the user types at least that many characters.
+
+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 { IressAutocomplete, IressAutocompleteProps } from '@iress-oss/ids-components';
+interface StarWarsCharacter {
+  name: string;
+  gender: string;
+}
+interface StarWarsCharacterApi {
+  results: StarWarsCharacter\[\];
+}
+export const AutocompleteUsingAsync \= () \=> (
+  <IressAutocomplete
+    {...{
+  popoverProps: {
+    container: document.body,
+  },
+  minSearchLength: 3,
+}}
+    options\={async (query: string) \=> {
+      if (query \=== 'error') {
+        throw new Error('This is an error');
+      }
+      const data \= await fetch(
+        \`https://swapi.py4e.com/api/people/?search=${query}\`,
+      ).then((response) \=> response.json() as Promise<StarWarsCharacterApi\>);
+      return data.results.map((character: StarWarsCharacter) \=> ({
+        label: character.name,
+        value: character.name,
+        meta: character.gender,
+      }));
+    }}
+  />
+);
+
+Copy
+
 #### [](#initialoptions)`initialOptions`
 
 If you want to provide initial options to the user, you can use the `initialOptions` prop. This is useful when you want to provide a list of options to the user before they start typing (eg. recommended search terms).
@@ -450,7 +494,7 @@ Hide code
   \]}
   placeholder\="Instant search!"
   popoverProps\={{
-    container: document.body
+    container: {}
   }}
 />
 
@@ -592,7 +636,7 @@ Hide code
     }
   \]}
   popoverProps\={{
-    container: {}
+    container: document.body
   }}
   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-v5150"
+        className\="ids-styles--add-border-to-label-v5200"
         value\="google"
       \>
         Google      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5150"
+        className\="ids-styles--add-border-to-label-v5200"
         value\="newspaper"
       \>
         Newspaper      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5150"
+        className\="ids-styles--add-border-to-label-v5200"
         value\="friend"
       \>
         Friend      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5150"
+        className\="ids-styles--add-border-to-label-v5200"
         value\="other"
       \>
         Other      </IressCheckbox\>
@@ -223,22 +223,22 @@ Hide code
       block    </h3\>
     <IressCheckboxGroup layout\="block"\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5150"
+        className\="ids-styles--add-border-to-label-v5200"
         value\="google"
       \>
         Google      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5150"
+        className\="ids-styles--add-border-to-label-v5200"
         value\="newspaper"
       \>
         Newspaper      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5150"
+        className\="ids-styles--add-border-to-label-v5200"
         value\="friend"
       \>
         Friend      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5150"
+        className\="ids-styles--add-border-to-label-v5200"
         value\="other"
       \>
         Other      </IressCheckbox\>
@@ -249,22 +249,22 @@ Hide code
       inline    </h3\>
     <IressCheckboxGroup layout\="inline"\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5150"
+        className\="ids-styles--add-border-to-label-v5200"
         value\="google"
       \>
         Google      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5150"
+        className\="ids-styles--add-border-to-label-v5200"
         value\="newspaper"
       \>
         Newspaper      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5150"
+        className\="ids-styles--add-border-to-label-v5200"
         value\="friend"
       \>
         Friend      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5150"
+        className\="ids-styles--add-border-to-label-v5200"
         value\="other"
       \>
         Other      </IressCheckbox\>
@@ -275,22 +275,22 @@ Hide code
       full    </h3\>
     <IressCheckboxGroup layout\="full"\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5150"
+        className\="ids-styles--add-border-to-label-v5200"
         value\="google"
       \>
         Google      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5150"
+        className\="ids-styles--add-border-to-label-v5200"
         value\="newspaper"
       \>
         Newspaper      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5150"
+        className\="ids-styles--add-border-to-label-v5200"
         value\="friend"
       \>
         Friend      </IressCheckbox\>
       <IressCheckbox
-        className\="ids-styles--add-border-to-label-v5150"
+        className\="ids-styles--add-border-to-label-v5200"
         value\="other"
       \>
         Other      </IressCheckbox\>
@@ -445,7 +445,7 @@ Hide code
     }}
   \>
     <div
-      className\="ids-styles--resizable-v5150"
+      className\="ids-styles--resizable-v5200"
       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-v5150"
+    className\="ids-styles--set-height-v5200"
     gutter\="md"
   \>
     <IressCol alignSelf\="start"\>

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

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

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

@@ -205,6 +205,8 @@ Salad
 
 Type to copy an existing character's name
 
+Type at least 1 character to search
+
 \*Required Your star wars sidekick
 
 None selected
@@ -434,42 +436,7 @@ Enter a maximum length of 5 characters
 
 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\="Enter a maximum length of 5 characters"
-      label\="Default message"
-      name\="IressInput-default"
-      render\={(controlledProps) \=> <IressInput {...controlledProps} />}
-      rules\={{
-        maxLength: 5
-      }}
-    />
-    <IressFormField
-      hint\="Enter a maximum length of 5 characters"
-      label\="Custom message"
-      name\="IressInput-custom"
-      render\={(controlledProps) \=> <IressInput {...controlledProps} />}
-      rules\={{
-        maxLength: {
-          message: 'Please enter a max length of 5 characters!',
-          value: 5
-        }
-      }}
-    />
-    <IressButton
-      mode\="primary"
-      type\="submit"
-    \>
-      Validate    </IressButton\>
-  </IressStack\>
-</IressForm\>
-
-Copy
+Show code
 
 #### [](#minlength)`minLength`
 
@@ -715,7 +682,7 @@ Hide code
       name\="IressInputDate-default"
       render\={(controlledProps) \=> <IressInput {...controlledProps} />}
       rules\={{
-        minDate: new Date('2025-06-27T03:58:57.380Z')
+        minDate: new Date('2025-09-08T00:08:13.831Z')
       }}
     />
     <IressFormField
@@ -726,7 +693,7 @@ Hide code
       rules\={{
         minDate: {
           message: 'Please enter a date after today!',
-          value: new Date('2025-06-27T03:58:57.380Z')
+          value: new Date('2025-09-08T00:08:13.831Z')
         }
       }}
     />
@@ -768,7 +735,7 @@ Hide code
       name\="IressInputDate-default"
       render\={(controlledProps) \=> <IressInput {...controlledProps} />}
       rules\={{
-        maxDate: new Date('2025-06-27T03:58:57.380Z')
+        maxDate: new Date('2025-09-08T00:08:13.831Z')
       }}
     />
     <IressFormField
@@ -779,7 +746,7 @@ Hide code
       rules\={{
         maxDate: {
           message: 'Please enter a date before today!',
-          value: new Date('2025-06-27T03:58:57.380Z')
+          value: new Date('2025-09-08T00:08:13.831Z')
         }
       }}
     />

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

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

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

@@ -15,7 +15,6 @@ Hide code
 <IressInputCurrency
   currencyCode\="AUD"
   defaultValue\={12345.678}
-  locale\="en-AU"
   placeholder\="Enter amount and dispay currency currency separator on blur"
 />
 
@@ -24,9 +23,9 @@ Copy
 [](#examples)Examples
 ---------------------
 
-### [](#different-locale-and-currencycode)Different Locale and CurrencyCode
+### [](#different-currency-code)Different Currency Code
 
-Display the GBP with `locale="en-GB"` and `currencyCode="GBP"` props (must pass both together)
+Display GBP currency using the `currencyCode="GBP"` prop.
 
 GBP
 
@@ -37,49 +36,11 @@ Hide code
 <IressInputCurrency
   currencyCode\="GBP"
   defaultValue\={12345.678}
-  locale\="en-GB"
   placeholder\="Enter amount and dispay currency currency separator on blur"
 />
 
 Copy
 
-Display the JPY with `locale="ja-JPY"` and `currencyCode="JPY"` props (must pass both together)
-
-JPY
-
-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; }
-
-<IressInputCurrency
-  currencyCode\="JPY"
-  defaultValue\={12345678}
-  locale\="ja-JP"
-  placeholder\="Enter amount and dispay currency currency separator on blur"
-/>
-
-Copy
-
-### [](#with-symbol)With Symbol
-
-Display the currency symbol with `withSymbol` props
-
-AUD
-
-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; }
-
-<IressInputCurrency
-  currencyCode\="AUD"
-  defaultValue\={12345.678}
-  locale\="en-AU"
-  placeholder\="Enter amount and dispay currency symbol on blur"
-  withSymbol
-/>
-
-Copy
-
 ### [](#more-format-options)More Format Options
 
 Pass more format options with `formatOptions` props. More format options in [here](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat)
@@ -97,7 +58,6 @@ Hide code
     maximumFractionDigits: 4,
     minimumFractionDigits: 2
   }}
-  locale\="en-AU"
   placeholder\="Pass and play around with other native Intl.NumberFormat options to the code sandbox"
 />
 
@@ -107,7 +67,7 @@ Copy
 
 The `readOnly` prop can be set to prevent the user from changing the value of the input. This will change the input to a custom read-only style and the user will not be able to interact with the input. If you want to make the number align to right, please pass `alignRight` together.
 
-$12,345.68
+A$12,345.68
 
 AUD
 
@@ -119,7 +79,6 @@ Hide code
   alignRight
   currencyCode\="AUD"
   defaultValue\={12345.678}
-  locale\="en-AU"
   readOnly
   withSymbol
 />
@@ -140,7 +99,6 @@ Hide code
   alignRight
   currencyCode\="AUD"
   defaultValue\={12345.678}
-  locale\="en-AU"
 />
 
 Copy
@@ -150,8 +108,7 @@ On this page
 *   [Overview](#overview)
 *   [Props](#props)
 *   [Examples](#examples)
-    *   [Different Locale and CurrencyCode](#different-locale-and-currencycode)
-    *   [With Symbol](#with-symbol)
+    *   [Different Currency Code](#different-currency-code)
     *   [More Format Options](#more-format-options)
     *   [Read Only](#read-only)
     *   [Align Right](#align-right)

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

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