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

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

@@ -18,7 +18,7 @@ This component has been recently updated with new props. The props have been mar
 
 This is a simple info alert
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressAlert
   footer\=""
@@ -165,7 +165,7 @@ This is a simple success alert. It is used to communicate that an action has bee
 
 This is a simple warning alert. It is used for a message requiring attention but not resolution in order to continue, such as noting data is not current or your password is about to expire.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="md"\>
   <IressAlert
@@ -319,7 +319,7 @@ Alert heading
 
 This is a simple info alert
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressAlert
   footer\=""
@@ -461,7 +461,7 @@ Here is the warning
 
 Action
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressAlert
   actions\={\[
@@ -641,7 +641,7 @@ Some information
 
 This is an alert without an icon
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressAlert
   heading\="Some information"
@@ -783,7 +783,7 @@ Did you know?
 
 You can use the alert component in different ways.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="md"\>
   <IressAlert
@@ -921,7 +921,7 @@ The alert can be made dismissable by setting the `onDismiss` prop. This will dis
 
 This is a simple info alert
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressAlert
   footer\=""

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

@@ -8,7 +8,7 @@ Autocomplete allow for users to fill in their input by providing suggestions as
 
 [](./iframe.html?id=components-autocomplete--default)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressAutocomplete
   options\={\[
@@ -221,7 +221,7 @@ The `defaultValue` prop can be used to set the initial value of the input. The v
 
 [](./iframe.html?id=components-autocomplete--uncontrolled)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressAutocomplete
   defaultValue\="Option 1"
@@ -434,9 +434,9 @@ The `value` prop can be used to completely control the state of the component. U
 
 [](./iframe.html?id=components-autocomplete--controlled)
 
-```
+Hide codedrawOpen in CodeSandbox
 
-import { IressAutocomplete, type IressAutocompleteProps } from '@iress-oss/ids-components';
+import { IressAutocomplete, type IressAutocompleteProps } from '@/main';
 import { useState } from 'react';
 export const AutocompleteUsingState \= () \=> {
   const \[value, setValue\] \= useState('Option 1');
@@ -665,7 +665,7 @@ To use the suggestion functionality, you can provide an array of `LabelValueMeta
 
 [](./iframe.html?id=components-autocomplete--options)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressAutocomplete
   options\={\[
@@ -870,9 +870,9 @@ If you would like to render suggestions from the server, you can pass a function
 
 [](./iframe.html?id=components-autocomplete--async-options)
 
-```
+Hide codedrawOpen in CodeSandbox
 
-import { IressAutocomplete, type IressAutocompleteProps } from '@iress-oss/ids-components';
+import { IressAutocomplete, type IressAutocompleteProps } from '@/main';
 interface StarWarsCharacter {
   name: string;
   gender: string;
@@ -1057,9 +1057,9 @@ By default, async searches are triggered after 1 character. Setting a higher val
 
 [](./iframe.html?id=components-autocomplete--async-options-min-search-length)
 
-```
+Hide codedrawOpen in CodeSandbox
 
-import { IressAutocomplete, type IressAutocompleteProps } from '@iress-oss/ids-components';
+import { IressAutocomplete, type IressAutocompleteProps } from '@/main';
 interface StarWarsCharacter {
   name: string;
   gender: string;
@@ -1242,7 +1242,7 @@ If you want to provide initial options to the user, you can use the `initialOpti
 
 [](./iframe.html?id=components-autocomplete--initial-options)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressAutocomplete
   initialOptions\={\[
@@ -1519,7 +1519,7 @@ The `autoSelect` prop will automatically select the highlighted option when the
 
 [](./iframe.html?id=components-autocomplete--remove-auto-select)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressAutocomplete
   autoSelect\={false}
@@ -1735,7 +1735,7 @@ It does have some defaults to help with user experience. `append` automatically
 
 [](./iframe.html?id=components-autocomplete--input-props)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressAutocomplete
   append\={<IressPopover activator\={<IressButton mode\="tertiary"\><IressIcon name\="cog" /></IressButton\>} align\="bottom-end" container\={document.body}\><IressPanel\>Some settings in here</IressPanel\></IressPopover\>}
@@ -2018,7 +2018,7 @@ If you would like to show a message when there are no results, you can use the `
 
 [](./iframe.html?id=components-autocomplete--no-results-text)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressAutocomplete
   noResultsText\={<IressPanel\>No results found</IressPanel\>}
@@ -2263,7 +2263,7 @@ There are two additional props that autocomplete accepts to customise the popove
 
 [](./iframe.html?id=components-autocomplete--popover-props)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressAutocomplete
   options\={\[
@@ -2476,7 +2476,7 @@ By default there is a debounce, but it can be removed by setting it to `0`.
 
 [](./iframe.html?id=components-autocomplete--debounce-threshold)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressAutocomplete
   debounceThreshold\={0}
@@ -2714,11 +2714,11 @@ The result limits will also affect the number of initial options displayed, if t
 
 **xl** breakpoint (1200px - 1499px)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="md"\>
   <IressPanel\>
-    <kn />
+    <Ln />
   </IressPanel\>
   <IressAutocomplete
     limitDesktop\={6}
@@ -3008,7 +3008,7 @@ If you need more control over the read-only state (for example, rendering a styl
 
 Option 1
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressAutocomplete
   defaultValue\="Option 1"

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

@@ -27,8 +27,15 @@ It has been exposed in case you need it in your application to provide custom se
 | Person 4 | Female |
 | Person 5 | Male |
 
-```
-
+Hide codedrawOpen in CodeSandbox
+
+import {
+  IressInput,
+  IressStack,
+  IressTable,
+  useAutocompleteSearch,
+} from '@/main';
+import { useMemo, useState } from 'react';
 const ALL\_ROWS \= \[...Array(5).keys()\].map((number) \=> ({
   label: \`Person ${number + 1}\`,
   gender: number % 2 ? 'Female' : 'Male',

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

@@ -18,7 +18,7 @@ This component has been recently updated with new props. The props have been mar
 
 badge
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressBadge mode\="neutral"\>
   badge
@@ -90,7 +90,7 @@ The `mode` prop controls the colour scheme of the badge. There are a range of op
 
 primarydangerinfosuccesswarningneutral
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gap\="sm"\>
   <IressBadge mode\="primary"\>
@@ -165,7 +165,7 @@ Setting the `pill` prop will render the badge with rounded corners. Often used f
 
 99+
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressBadge
   mode\="primary"
@@ -240,7 +240,7 @@ Host button3
 
 Host tab99+
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gap\="lg"\>
   <IressBadge

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

@@ -18,7 +18,7 @@ This component has been recently updated with new props. The props have been mar
 
 Button
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressButton\>
   Button
@@ -202,7 +202,7 @@ The `mode` prop controls the visual appearance and priority of the button.
 
 Primary buttonSecondary buttonTertiary button
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gap\="md"\>
   <IressButton mode\="primary"\>
@@ -384,7 +384,7 @@ Primary buttonSecondary buttonTertiary button
 
 Primary buttonSecondary buttonTertiary button
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="md"\>
   <IressInline gap\="md"\>
@@ -587,7 +587,7 @@ The `type` property controls the behaviour of the button. It defaults to `button
 
 buttonsubmitreset
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gap\="md"\>
   <IressButton type\="button"\>
@@ -777,7 +777,7 @@ When the loading state is activated, any click events on the button are disabled
 
 Button textButton textButton text
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gap\="md"\>
   <IressButton
@@ -971,7 +971,7 @@ You can also use the link specific props `target` and `rel`.
 
 [This is a link (anchor tag)](https://www.iress.com/)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressButton
   href\="https://www.iress.com/"
@@ -1176,7 +1176,7 @@ If you're using a heading, ensure that it has an appropriate heading level to ma
 
 Delete button with confirm
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressButton
   onClick\={() \=> {}}
@@ -1361,12 +1361,12 @@ Please resize your screen to see how the fluid value changes. Current breakpoint
 
 Always fluidFluid on xs and sm
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gap\="md"\>
   <IressText element\="p"\>
     Please resize your screen to see how the fluid value changes. Current breakpoint:{' '}
-    <kn renderLabel\="and-above" />
+    <Ln renderLabel\="and-above" />
     .  </IressText\>
   <IressButton fluid\>
     Always fluid  </IressButton\>
@@ -1550,7 +1550,7 @@ Button with lots of text content and a minimum width set via CSS
 
 Button with lots of text content with the noWrap prop set to true
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressText
   style\={{
@@ -1748,7 +1748,7 @@ Prepend iconNewPrepend badge
 
 Append iconAppend badge+999
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="md"\>
   <IressInline gap\="md"\>
@@ -1936,7 +1936,7 @@ When a `href` is provided, the `download` prop can be used to indicate that the
 
 [Download logo](assets/iress-logo.png)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressButton
   download
@@ -2120,8 +2120,10 @@ You can use the `element` prop to render a custom component as the button. This
 
 [Iress](https://iress.com)
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import { IressButton } from '@/main';
+import { type HTMLAttributes, forwardRef } from 'react';
 /\*\*
  \* This could be the \`Link\` component from \`react-router-dom\` or any other routing library. \*/
 const Link \= forwardRef<
@@ -2298,7 +2300,7 @@ It has one additional prop, `screenReaderText`, which is used to provide a scree
 
 [](./iframe.html?id=components-button-closebutton--close-button)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCloseButton
   append\=""

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

@@ -20,7 +20,7 @@ Button group
 
 Option 1Option 2Option 3Option 4
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressButtonGroup label\="Button group"\>
   <IressButton\>
@@ -125,7 +125,7 @@ Button group
 
 Option 1Option 2Option 3Option 4
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressButtonGroup label\="Button group"\>
   <IressButton\>
@@ -232,7 +232,7 @@ Right
 
 Justify
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressButtonGroup label\="Text alignment"\>
   <IressTooltip tooltipText\="Left"\>
@@ -350,7 +350,7 @@ Multiple options can be selected
 
 Option 1Option 2Option 3Option 4
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressButtonGroup
   label\="Multiple options can be selected"
@@ -455,7 +455,7 @@ Selected option for single select
 
 Option 1Option 2Option 3Option 4
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressButtonGroup
   defaultSelected\="Option 2"
@@ -552,7 +552,7 @@ Selected option for multi-select
 
 Option 1Option 2Option 3Option 4
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressButtonGroup
   defaultSelected\={\[
@@ -673,7 +673,7 @@ Trigger toasts by selecting an option below
 
 Option 1Option 2Option 3Option 4
 
-```
+Hide codedrawOpen in CodeSandbox
 
 {
   args: {
@@ -776,7 +776,7 @@ Button group
 
 Option 1Option 2Option 3Option 4
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressButtonGroup
   hiddenLabel
@@ -874,7 +874,7 @@ Heading as label
 
 Option 1Option 2Option 3Option 4
 
-```
+Hide codedrawOpen in CodeSandbox
 
 {
   args: {

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

@@ -24,7 +24,7 @@ Cards can be configured in a variety of ways. You can use the render props (slot
 
 I'm a card
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCard\>
   I'm a card
@@ -124,7 +124,7 @@ All slots and props for card are optional. You can create a simple card by addin
 
 I'm a simple card
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCard\>
   I'm a simple card
@@ -226,7 +226,7 @@ I’m a card with md padding
 
 I’m a card with lg padding
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="md"\>
   <IressCard p\="none"\>
@@ -331,7 +331,7 @@ I’m a stretched card
 
 I’m a card with lots of content. Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRow
   gutter\="md"
@@ -437,7 +437,7 @@ Setting the `selected` prop highlights the card, usually to allow selection in a
 
 I'm a selected card
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCard selected\>
   I'm a selected card
@@ -540,7 +540,7 @@ Use the `prepend` prop to add content to the left side of the card.
 
 I'm a card using the prepend render prop
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCard prepend\={<IressIcon name\="star" />}\>
   I'm a card using the prepend render prop
@@ -667,7 +667,7 @@ More actions in here
 
 I'm a card using the topRight render prop
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCard topRight\={<IressPopover activator\={<IressButton mode\="tertiary" textStyle\="typography.body.lg"\><IressIcon name\="ellipsis-v" /></IressButton\>} align\="bottom-end"\><IressPanel\>More actions in here</IressPanel\></IressPopover\>}\>
   I'm a card using the topRight render prop
@@ -800,7 +800,7 @@ Welcome to Iress!
 
 I'm a card using the heading render prop
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCard heading\={<h2\>Welcome to Iress!</h2\>}\>
   I'm a card using the heading render prop
@@ -927,7 +927,7 @@ Use the `media` prop to add media to the card. The media can be any component yo
 
 I'm a card using the media render prop
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCard media\={<img alt\="A man in an Iress branded t-shirt smiles at the camera while two female colleagues have a discussion in the foreground" src\="https://www.iress.com/media/images/media-contact.width-600.png" width\="250"/>}\>
   I'm a card using the media render prop
@@ -1052,7 +1052,7 @@ Use the `content` prop to add content to the card. The content can be any compon
 
 Find out all the onboarding material you need [with this easy guide](https://iress.com).
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCard\>
   <IressText\>
@@ -1181,7 +1181,7 @@ I'm a card using the footer render prop
 
 NEW
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCard footer\={<IressInline gap\="sm" horizontalAlign\="between"\><IressInline gap\="sm"\><IressBadge pill\>#new-starter</IressBadge\><IressBadge pill\>#first-day</IressBadge\></IressInline\><IressBadge mode\="success"\>NEW</IressBadge\></IressInline\>}\>
   I'm a card using the footer render prop
@@ -1357,8 +1357,23 @@ Find out all the onboarding material you need [with this easy guide](https://ire
 
 NEW
 
-```
-
+Hide codedrawOpen in CodeSandbox
+
+import {
+  IressInline,
+  IressToggle,
+  IressRow,
+  IressCol,
+  type IressCardProps,
+  IressDivider,
+  IressCard,
+  IressStack,
+} from '@/main';
+import { useState } from 'react';
+import {
+  SUPPORTED\_CARD\_SLOTS,
+  type SupportedCardSlots,
+} from './supportedCardSlots';
 export const CardAllSlots \= () \=> {
   const \[show, setShow\] \= useState({
     children: true,
@@ -1505,7 +1520,7 @@ Since the `heading` prop now renders the component you give it, you have full co
 
 I'm a card with a clickable heading. NEVER use me when the whole card is clickable.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCard heading\={<h2\><a href\="https://iress.com"\>Clickable heading</a\></h2\>}\>
   I'm a card with a clickable heading. NEVER use me when the whole card is clickable.
@@ -1632,7 +1647,7 @@ It's recommended to add `role="button"` and `tabindex="0"` to the card to make i
 
 I am a card with an onClick handler. Click me to see what happens.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCard
   onClick\={() \=> alert("Card clicked")}
@@ -1763,7 +1778,7 @@ To simplify the process of making the whole card clickable, you can use the `Ire
 
 I am a card with a button element
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressButtonCard
   onClick\={() \=> alert("Card clicked")}
@@ -1868,7 +1883,7 @@ string
 
 [I am a card with an anchor element](https://iress.com)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressLinkCard
   href\="https://iress.com"

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

@@ -18,7 +18,7 @@ This component has been recently updated with new props. The props have been mar
 
 A checkbox
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCheckbox\>
   A checkbox
@@ -166,7 +166,7 @@ When used as part of an `IressCheckboxGroup`, the `checked` prop will be ignored
 
 A checkbox which is checked and in controlled mode
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCheckbox checked\>
   A checkbox which is checked and in controlled mode
@@ -308,7 +308,7 @@ For single checkboxes in uncontrolled mode the `defaultChecked` prop sets the de
 
 A checkbox which is initially checked
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCheckbox defaultChecked\>
   A checkbox which is initially checked
@@ -450,7 +450,7 @@ The `indeterminate` prop sets the checkbox appearance to an indeterminate dash u
 
 A checkbox which is initially in an indeterminate state
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCheckbox indeterminate\>
   A checkbox which is initially in an indeterminate state
@@ -607,7 +607,7 @@ Toggle row
 
  | CASH.CASH | 2020-06-28 | 49751.43 |
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressTable
   caption\="List of investments"
@@ -785,7 +785,7 @@ It is understandable that this may not be the desired behavior for all use cases
 
 I agree to the terms and conditions
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack\>
   <IressCheckbox
@@ -948,7 +948,7 @@ The `touch` prop adds the button-like border and padding to checkbox.
 
 Checkbox with touch styles
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressCheckbox touch\>
   Checkbox with touch styles