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

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

@@ -18,7 +18,7 @@ This component has been recently updated with new props. The props have been mar
 
 Placeholder
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPlaceholder
   height\="300"

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

@@ -12,7 +12,7 @@ Toggle popover
 
 A little more information about this area.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPopover activator\={<IressButton\>Toggle popover</IressButton\>}\>
   <IressPanel\>
@@ -194,7 +194,7 @@ Toggle popover
 
 A little more information about this area.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPopover activator\={<IressButton\>Toggle popover</IressButton\>}\>
   <IressPanel\>
@@ -370,14 +370,14 @@ Show popover using state
 
 A little more information about this area.
 
-```
+Hide codedrawOpen in CodeSandbox
 
 import {
   IressButton,
   IressPanel,
   IressPopover,
   type IressPopoverProps,
-} from '@iress-oss/ids-components';
+} from '@/main';
 import { useState } from 'react';
 export const PopoverUsingState \= () \=> {
   const \[show, setShow\] \= useState(false);
@@ -624,7 +624,7 @@ bottom-end
 
 Hello!
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <div
   style\={{
@@ -914,7 +914,7 @@ Occasionally, you may have more information to display than the width set by the
 
 Toggle popover
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressPopover
   activator\={<IressButton\>Toggle popover</IressButton\>}
@@ -1139,7 +1139,7 @@ Normal popover
 
 Fixed height popover
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInline gap\="md"\>
   <IressPopover
@@ -1355,8 +1355,10 @@ Toggle
 
 This content will be rendered in the parent container
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import { useState } from 'react';
+import { IressButton, IressPanel, IressPopover } from '@/main';
 export const PopoverParentContainer \= () \=> {
   const \[parentContainer, setParentContainer\] \= useState<HTMLDivElement | null\>(
     null,
@@ -1551,7 +1553,7 @@ Input popovers work slightly different to normal popovers, where the focus insid
 
 [](./iframe.html?id=components-popover-inputpopover--activator)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressInputPopover
   activator\={<IressInput />}

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

@@ -46,7 +46,7 @@ role=list
     *   the `esc` key is pressed
     *   the popover panel loses focus
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack
   gap\="md"
@@ -338,8 +338,10 @@ The `usePopoverItem` hook returns an object with the following properties:
 
 Toggle
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import { useState } from 'react';
+import { IressButton, IressPopover, usePopoverItem } from '@/main';
 const CountButton \= () \=> {
   const \[count, setCount\] \= useState(0);
   const { isActiveInPopover, ...popoverItemProps } \= usePopoverItem('Count', {

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

@@ -16,7 +16,7 @@ This component has been recently updated with new props. The props have been mar
 
 [](./iframe.html?id=components-progress--default)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressProgress
   max\={30}

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

@@ -10,7 +10,7 @@ Provider is a component that sets up the Iress Design System for your applicatio
 
 Show modalShow slideoutShow toast
 
-```
+Hide codedrawOpen in CodeSandbox
 
 import {
   IressButton,
@@ -23,7 +23,7 @@ import {
   useModal,
   useSlideout,
   useToaster,
-} from '@iress-oss/ids-components';
+} from '@/main';
 const Page \= () \=> {
   const { showModal } \= useModal();
   const { showSlideout } \= useSlideout();

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

@@ -18,7 +18,7 @@ This component has been recently updated with new props. The props have been mar
 
 Radio button
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRadio\>
   Radio button
@@ -118,7 +118,7 @@ You can set the radio to `checked` by default. This is useful when you want to p
 
 Checked radio button
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRadio checked\>
   Checked radio button
@@ -212,7 +212,7 @@ You can hide the radio button and use a custom UI to display the content. Even t
 
 Hidden radio button
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRadio hiddenControl\>
   <IressPanel bg\="transparent"\>
@@ -305,7 +305,7 @@ It is understandable that this may not be the desired behavior for all use cases
 
 Radio button
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="sm"\>
   <IressRadio
@@ -412,7 +412,7 @@ The `touch` prop adds the button-like border and padding to radio.
 
 Radio button
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRadio touch\>
   Radio button

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

@@ -24,7 +24,7 @@ Friend
 
 Other
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRadioGroup\>
   <IressRadio value\="google"\>
@@ -170,7 +170,7 @@ Friend
 
 Other
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRadioGroup\>
   <IressRadio value\="google"\>
@@ -312,7 +312,7 @@ Friend
 
 Other
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRadioGroup defaultValue\="newspaper"\>
   <IressRadio value\="google"\>
@@ -509,7 +509,7 @@ Friend
 
 Other
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="md"\>
   <IressText\>
@@ -771,7 +771,7 @@ Saving for a holiday
 
 Reducing my debt
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField
   hint\="Select one option"
@@ -988,7 +988,7 @@ Reducing my debt
 
 Starting a business
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressField
   hint\="Select one option"
@@ -1292,7 +1292,7 @@ It is understandable that this may not be the desired behavior for all use cases
 
 Newspaper
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRadioGroup
   defaultValue\="newspaper"
@@ -1439,7 +1439,7 @@ Friend
 
 Other
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRadioGroup
   defaultValue\="newspaper"

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

@@ -18,7 +18,7 @@ This component has been recently updated with new props. The props have been mar
 
 AU
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressReadonly
   append\=""
@@ -83,7 +83,7 @@ You can pass in stylised content that represents the value by using the `childre
 
 Australia
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressReadonly
   append\=""
@@ -156,7 +156,7 @@ Australia
 
 Append
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressReadonly
   append\={<IressText color\="colour.neutral.70"\>Append</IressText\>}

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

@@ -16,7 +16,7 @@ This component has been recently updated with new props. The props have been mar
 
 [](./iframe.html?id=components-richselect--single-select)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRichSelect
   container\={document.body}
@@ -302,7 +302,7 @@ The `options` prop is required for `IressRichSelect`. You can provide an array o
 
 [](./iframe.html?id=components-richselect--single-select)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRichSelect
   container\={document.body}
@@ -560,7 +560,7 @@ Adding the `multiSelect` prop will allow the user to select multiple options.
 
 [](./iframe.html?id=components-richselect--multi-select)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRichSelect
   container\={document.body}
@@ -831,8 +831,9 @@ Single select
 
 Multi-select
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import { IressCol, IressField, IressRow, IressRichSelect } from '@/main';
 interface StarWarsCharacter {
   name: string;
   gender: string;
@@ -1063,8 +1064,9 @@ Search requires 3+ characters
 
 Type at least 3 characters...
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import { IressCol, IressField, IressRow, IressRichSelect } from '@/main';
 interface StarWarsCharacter {
   name: string;
   gender: string;
@@ -1293,8 +1295,9 @@ If you are using asynchronous options, you can provide an initial set of options
 
 [](./iframe.html?id=components-richselect--initial-options)
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import { IressRichSelect } from '@/main';
 export const SelectInitialOptions \= () \=> (
   <IressRichSelect
     container\={document.body}
@@ -1515,7 +1518,7 @@ Widths can also be set as a percentage, allowing the select to take up a proport
 
 100perc
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressStack gap\="md"\>
   <div\>
@@ -2281,8 +2284,13 @@ As per the example here, you can use this prop to render `IressSelectLabel` as a
 
 [](./iframe.html?id=components-richselect--custom-label)
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import {
+  IressRichSelect,
+  type IressRichSelectProps,
+  IressSelectLabel,
+} from '@/main';
 const CustomLabel: IressRichSelectProps<true\>\['renderLabel'\] \= ({ value }) \=> (
   <IressSelectLabel role\="combobox" selected\={value} />
 );
@@ -2476,8 +2484,18 @@ It passes `SelectOptionRenderProps` as an argument, which contains the options a
 
 [](./iframe.html?id=components-richselect--custom-options)
 
-```
-
+Hide codedrawOpen in CodeSandbox
+
+import {
+  type FormattedLabelValueMeta,
+  IressMenuDivider,
+  IressRichSelect,
+  type IressRichSelectProps,
+  IressSelectMenu,
+  IressSelectSearch,
+  IressSelectSearchInput,
+  type LabelValueMeta,
+} from '@/main';
 const CustomOptions: IressRichSelectProps<true\>\['renderOptions'\] \= ({
   loading,
   query,
@@ -2729,8 +2747,23 @@ You can use the `renderOptions` prop to add additional functionality to the opti
 
 Select an item
 
-```
-
+Hide codedrawOpen in CodeSandbox
+
+import {
+  type FormattedLabelValueMeta,
+  type InputRef,
+  IressMenuDivider,
+  IressRichSelect,
+  type IressRichSelectProps,
+  IressSelectBody,
+  IressSelectCreate,
+  IressSelectHeading,
+  IressSelectMenu,
+  IressSelectSearch,
+  IressSelectSearchInput,
+} from '@/main';
+import { toArray } from '@helpers/formatting/toArray';
+import { useId, useRef } from 'react';
 const FREQUENTLY\_SELECTED \= \[
   { label: 'Frequently selected 1', value: 'freq-1' },
   { label: 'Frequently selected 2', value: 'freq-2' },
@@ -3035,7 +3068,7 @@ Use the `header` `footer` prop to add a header/footer to the select panel. They
 
 [](./iframe.html?id=components-richselect--header-footer)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRichSelect
   container\={document.body}
@@ -3357,7 +3390,7 @@ If you need more control over the read-only state (for example, rendering a styl
 
 Option 1, Option 2, Option 3, Option 4, Option 5
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressRichSelect
   container\={document.body}
@@ -3715,8 +3748,16 @@ Multi-select with long text
 
 Type anything to start search
 
-```
+Hide codedrawOpen in CodeSandbox
 
+import {
+  IressField,
+  IressRichSelect,
+  IressToggle,
+  IressText,
+  IressStack,
+} from '@/main';
+import { useState } from 'react';
 interface LongTextItem {
   id: string;
   title: string;
@@ -4166,7 +4207,7 @@ Active
 
 This will always be fixed to the bottom
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectBody
   footer\={<IressPanel\>This will always be fixed to the bottom</IressPanel\>}
@@ -4339,7 +4380,7 @@ Add custom option
 
 WX
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectCreate
   heading\="Add custom option"
@@ -4405,7 +4446,7 @@ Clear all
 
 ----------------------------------------
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectHeading clearAll\>
   <h2\>
@@ -4486,7 +4527,7 @@ It is used to render the activator of the `IressRichSelect` in single select mod
 
 [](./iframe.html?id=components-richselect-subcomponents-label--none-selected)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectLabel placeholder\="" />
 
@@ -4556,7 +4597,7 @@ IressInputProps\['width'\]
 
 Option 1
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectLabel
   placeholder\=""
@@ -4659,7 +4700,7 @@ IressInputProps\['width'\]
 
 5 selected
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectLabel
   placeholder\=""
@@ -4876,7 +4917,7 @@ Search results
 
 Option 1Option 2Option 3Option 4Option 5
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectMenu
   fluid
@@ -5046,7 +5087,7 @@ Search results
 
 No results found
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectMenu
   fluid
@@ -5408,7 +5449,7 @@ Active
 
 This will always be fixed to the bottom
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectSearch
   activator\={<IressSelectSearchInput aria-label\="Search and select items" placeholder\="Search and select"/>}
@@ -5573,7 +5614,7 @@ It is used to filter the available options of the `IressRichSelect` when an asyn
 
 [](./iframe.html?id=components-richselect-subcomponents-searchinput--search-input)
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectSearchInput />
 
@@ -5629,7 +5670,7 @@ It is used to render the activator of the `IressRichSelect` if `multiSelect` has
 
 Select an item
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectTags placeholder\="Select an item" />
 
@@ -5709,7 +5750,7 @@ string
 
 Option 1
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectTags
   placeholder\="Select an item"
@@ -5905,7 +5946,7 @@ By default, the maximum number of tags that can be displayed is 5. If more than
 
 Expand allDelete all
 
-```
+Hide codedrawOpen in CodeSandbox
 
 <IressSelectTags
   limit\={3}