@corva/ui 3.53.0-1 → 3.53.0-10

package/mcp-server/server.mjs

@@ -227,7 +227,7 @@ const validateDsn = (dsn) => {
 
 const MCP_SERVER_VERSION = '1.0.0';
 
-var version = "3.53.0-1";
+var version = "3.53.0-10";
 
 const CORVA_UI_VERSION = version;
 
@@ -807,8 +807,18 @@ var componentsV2Data = [
 			},
 			{
 				name: "KeepContentMountedWhenClosed",
-				description: "By default, Accordion unmounts its content when closed dur to performance reasons. You can change it by providing the `unmountWhenClosed` prop.",
+				description: "By default, Accordion unmounts its content when closed due to performance reasons. You can change it by providing the `unmountWhenClosed` prop.",
 				code: "<SbColumn alignItems=\"stretch\">\n    <Accordion title=\"Unmounts content on close\">{text}</Accordion>\n    <Accordion title=\"Keeps content mounted\" unmountWhenClosed={false}>\n      {text}\n    </Accordion>\n  </SbColumn>"
+			},
+			{
+				name: "WithAdditionalContentInTitle",
+				description: "You can add arbitrary content to title. The container is a flex element with preset positioning and gaps.\n\nDo not forget to disable event propagation for interactive elements",
+				code: "{\n  return (\n    <SbColumn alignItems=\"stretch\">\n      <Accordion\n        title={\n          <>\n            With Button\n            <ButtonIcon size=\"xs\" onClick={e => e.stopPropagation()}>\n              <BubbleChartIcon />\n            </ButtonIcon>\n          </>\n        }\n      >\n        {text}\n      </Accordion>\n\n      <Accordion\n        title={\n          <>\n            With Chip on the right\n            {/* Use classes for this IRL */}\n            <div style={{ marginLeft: 'auto' }}>\n              <Chip size=\"small\">Chip</Chip>\n            </div>\n          </>\n        }\n      >\n        {text}\n      </Accordion>\n\n      <Accordion\n        title={\n          <>\n            With Info Icon\n            <Tooltip title=\"Information goes here\">\n              <span>\n                <InfoIcon size={16} />\n              </span>\n            </Tooltip>\n          </>\n        }\n      >\n        {text}\n      </Accordion>\n\n      <Accordion\n        title={\n          <>\n            With Counter\n          \n// ... (truncated)"
+			},
+			{
+				name: "FocusStateAndOverflow",
+				description: "Care must be taken while using Accordion in scrollable containers, so its focus state is not \"cut off\".",
+				code: "{\n  return (\n    <SbColumn alignItems=\"stretch\">\n      <div\n        style={{\n          overflowX: 'auto',\n          height: '100px',\n        }}\n      >\n        <Accordion title=\"Title\">{text}</Accordion>\n      </div>\n      <div\n        style={{\n          overflowX: 'auto',\n          height: '100px',\n          // Add paddings to blocks with overflow\n          padding: '8px',\n        }}\n      >\n        <Accordion title=\"Title\">{text}</Accordion>\n      </div>\n    </SbColumn>\n  );\n}"
 			}
 		],
 		sourceUrl: "https://github.com/corva-ai/corva-ui/blob/develop/src/componentsV2/Accordion/Accordion.tsx",
@@ -1401,205 +1411,9 @@ var componentsV2Data = [
 		importPath: "@corva/ui/componentsV2",
 		category: "v2",
 		description: "",
-		isExperimental: true,
-		isDeprecated: false,
+		isExperimental: false,
+		isDeprecated: true,
 		props: [
-			{
-				name: "options",
-				type: "T[]",
-				required: false,
-				description: "Options to allow selection from. Has to be assignable to `{ id: string | number; title: string; prefix?: ReactNode; }[]`"
-			},
-			{
-				name: "value",
-				type: "string | number | T | (string | number | T)[]",
-				required: false,
-				description: "Selected value. If `multiple` is `false | undefined`, and the value is an array, only the first element will be used\n\nThere's a [bug in TS](https://github.com/microsoft/TypeScript/issues/47599) which causes `onChange` prop\nto have incorrect typing if we mix T and T['id'] in `value`. Therefore, we can't use the \"correct\" typing\n```\nvalue?: T['id'] | T | (T['id'] | T)[];\n```\n\nYou may need to provide additional typings"
-			},
-			{
-				name: "multiple",
-				type: "Multiple",
-				required: false,
-				description: "If `true`, the component will support multiple selection"
-			},
-			{
-				name: "onChange",
-				type: "(value: Multiple extends undefined | false ? T | undefined : T[], reason: ChangeReason, event: ChangeEvent<unknown>) => void",
-				required: false,
-				description: "Selection change handler\nReceives an array of options if `multiple` is `true`, a single selected option or `undefined` otherwise"
-			},
-			{
-				name: "label",
-				type: "ReactNode",
-				required: false,
-				description: ""
-			},
-			{
-				name: "placeholder",
-				type: "string",
-				required: false,
-				description: ""
-			},
-			{
-				name: "optionSize",
-				type: "MenuItemProps['size']",
-				required: false,
-				description: "Controls the size of the options rendered"
-			},
-			{
-				name: "disabled",
-				type: "boolean",
-				required: false,
-				description: ""
-			},
-			{
-				name: "onCreate",
-				type: "(title: string) => void",
-				required: false,
-				description: "If exists - allows user to create own options. Called when 'Add \"whatever\"' option is selected"
-			},
-			{
-				name: "prefix",
-				type: "ReactNode",
-				required: false,
-				description: ""
-			},
-			{
-				name: "loading",
-				type: "boolean",
-				required: false,
-				description: ""
-			},
-			{
-				name: "showPopupIcon",
-				type: "boolean",
-				required: false,
-				description: ""
-			},
-			{
-				name: "clearable",
-				type: "boolean",
-				required: false,
-				description: "Controls the \"Clear\" button that's shown to the right if there is a value"
-			},
-			{
-				name: "focusOnClear",
-				type: "boolean",
-				required: false,
-				description: "Controls if the field should keep/gain focus after \"Clear\" button is clicked"
-			},
-			{
-				name: "onInputChange",
-				type: "(value: string, event: ChangeEvent<HTMLInputElement>) => void",
-				required: false,
-				description: "Triggered when user types something"
-			},
-			{
-				name: "status",
-				type: "TextInputProps['status']",
-				required: false,
-				description: ""
-			},
-			{
-				name: "message",
-				type: "TextInputProps['message']",
-				required: false,
-				description: ""
-			},
-			{
-				name: "disableFiltering",
-				type: "boolean",
-				required: false,
-				description: "Makes internal text field readonly, effectively turning component into a simple `<select/>`"
-			},
-			{
-				name: "renderOption",
-				type: "(item: T) => ReactNode",
-				required: false,
-				description: ""
-			},
-			{
-				name: "noOptionsMessage",
-				type: "ReactNode",
-				required: false,
-				description: "Message to show when there are no options"
-			},
-			{
-				name: "spacing",
-				type: "AutocompleteInputProps['spacing']",
-				required: false,
-				description: ""
-			},
-			{
-				name: "filterOptions",
-				type: "(options: T[], inputValue: string) => T[]",
-				required: false,
-				description: "Function that filters options based on input value"
-			},
-			{
-				name: "getOptionDisabled",
-				type: "(option: T) => boolean",
-				required: false,
-				description: "Function that determines if an option is disabled. Used to override the default"
-			},
-			{
-				name: "useAllOption",
-				type: "boolean",
-				required: false,
-				description: "If `multiple === true` shows an \"All\" option that selects/deselects all options"
-			},
-			{
-				name: "renderSelected",
-				type: "(data: { option: T; onDelete: MouseEventHandler }[], options: { useAllOption: boolean; allOptions: T[] }) => ReactNode",
-				required: false,
-				description: "Used to render selected values when `multiple === true`"
-			},
-			{
-				name: "groupBy",
-				type: "(option: T) => string",
-				required: false,
-				description: "Defines option grouping"
-			},
-			{
-				name: "renderGroup",
-				type: "(props: AutocompleteRenderGroupParams) => ReactNode",
-				required: false,
-				description: "Group render override"
-			},
-			{
-				name: "dropdownClassName",
-				type: "string",
-				required: false,
-				description: "A classname that will be applied to dropdown (`<Paper/>` component)"
-			},
-			{
-				name: "type",
-				type: "'default' | 'search'",
-				required: false,
-				description: "",
-				enumValues: [
-					"default",
-					"search"
-				]
-			},
-			{
-				name: "className",
-				type: "string",
-				required: false,
-				description: ""
-			},
-			{
-				name: "testId",
-				type: "string",
-				required: false,
-				description: ""
-			},
-			{
-				name: "listboxComponent",
-				type: "React.ComponentType<React.HTMLAttributes<HTMLElement>>",
-				required: false,
-				description: "Custom listbox component for rendering options (e.g., virtualized list)"
-			}
 		],
 		examples: [
 			{
@@ -1629,8 +1443,8 @@ var componentsV2Data = [
 			},
 			{
 				name: "Multiple",
-				description: "Pass `multiple` prop to make component be able to select multiple values.\n\nUse `useAllOption` prop to add a special \"All\" option that allows user to quickly select all options.",
-				code: "{\n  const [value, setValue] = useState<number[]>([1]);\n\n  const onChange = useCallback<AutocompleteChangeHandler<Option, true>>(value => {\n    setValue(value.map(({ id }) => id));\n  }, []);\n\n  return (\n    <SbColumn alignItems=\"stretch\">\n      <Autocomplete multiple options={options} value={value} onChange={onChange} label=\"Multiple\" />\n      <Autocomplete\n        multiple\n        options={options}\n        value={value}\n        onChange={onChange}\n        label={'Multiple with \"All\" option'}\n        useAllOption\n      />\n    </SbColumn>\n  );\n}"
+				description: "Pass `multiple` prop to make component be able to select multiple values.\n\nUse `useAllOption` prop to add a special \"All\" option that allows user to quickly select all options. This option will be visible only if there are several options to choose from",
+				code: "{\n  const [value, setValue] = useState<number[]>([1]);\n\n  const onChange = useCallback<AutocompleteChangeHandler<Option, true>>(value => {\n    setValue(value.map(({ id }) => id));\n  }, []);\n\n  return (\n    <SbColumn alignItems=\"stretch\">\n      <Autocomplete multiple options={options} value={value} onChange={onChange} label=\"Multiple\" />\n      <Autocomplete\n        multiple\n        options={options}\n        value={value}\n        onChange={onChange}\n        label={'Multiple with \"All\" option'}\n        useAllOption\n      />\n      <Autocomplete\n        multiple\n        options={options.slice(0, 1)}\n        value={value}\n        onChange={onChange}\n        label={'Multiple with \"All\" and only 1 option'}\n        useAllOption\n      />\n    </SbColumn>\n  );\n}"
 			},
 			{
 				name: "MultipleWithCustomSelectedRender",
@@ -3117,6 +2931,142 @@ var componentsV2Data = [
 			"chipindicator"
 		]
 	},
+	{
+		name: "ColorPicker",
+		modulePath: "componentsV2/ColorPicker",
+		importPath: "@corva/ui/componentsV2",
+		category: "v2",
+		description: "",
+		isExperimental: true,
+		isDeprecated: false,
+		props: [
+			{
+				name: "value",
+				type: "string",
+				required: false,
+				description: ""
+			},
+			{
+				name: "onChange",
+				type: "(value: string) => void",
+				required: false,
+				description: ""
+			},
+			{
+				name: "size",
+				type: "TextInputNextProps['size']",
+				required: false,
+				description: ""
+			},
+			{
+				name: "label",
+				type: "TextInputNextProps['label']",
+				required: false,
+				description: ""
+			},
+			{
+				name: "labelPlacement",
+				type: "TextInputNextProps['labelPlacement']",
+				required: false,
+				description: ""
+			},
+			{
+				name: "disabled",
+				type: "boolean",
+				required: false,
+				description: ""
+			},
+			{
+				name: "disableOpacityDrag",
+				type: "boolean",
+				required: false,
+				description: "Disables drag to change opacity functinality"
+			},
+			{
+				name: "format",
+				type: "'rgb' | 'hex'",
+				required: false,
+				description: "Determines base format of the colour `rgb(RRR, GGG, BBB[, AAA])` or `#RRGGBB[AA]`",
+				enumValues: [
+					"rgb",
+					"hex"
+				]
+			},
+			{
+				name: "enableAlpha",
+				type: "boolean",
+				required: false,
+				description: "Allows user to control color's opacity, adds alpha channel to resulting color string"
+			},
+			{
+				name: "popoverPlacement",
+				type: "PopoverProps['placement']",
+				required: false,
+				description: ""
+			},
+			{
+				name: "onOpen",
+				type: "() => void",
+				required: false,
+				description: ""
+			},
+			{
+				name: "onClose",
+				type: "() => void",
+				required: false,
+				description: ""
+			},
+			{
+				name: "className",
+				type: "string",
+				required: false,
+				description: ""
+			},
+			{
+				name: "testId",
+				type: "string",
+				required: false,
+				description: ""
+			}
+		],
+		examples: [
+			{
+				name: "Default",
+				description: "",
+				code: "{\n  const [value, setValue] = useState<string>();\n  return (\n    <ColorPicker\n      {...props}\n      value={value}\n      onChange={(value, ...rest) => {\n        setValue(value);\n        props.onChange?.(value, ...rest);\n      }}\n    />\n  );\n}"
+			},
+			{
+				name: "Sizes",
+				description: "Component supports several sizes through the `size` prop:\n\n- `small` (default)\n- `medium`\n- `large`",
+				code: "<Grid cols={2}>\n    <Grid.Cell span={1}>\n      <ColorPicker label=\"Small\" size=\"small\" />\n    </Grid.Cell>\n    <Grid.Cell span={1}>\n      <ColorPicker label=\"Small\" size=\"small\" enableAlpha />\n    </Grid.Cell>\n    <Grid.Cell span={1}>\n      <ColorPicker label=\"Medium\" size=\"medium\" />\n    </Grid.Cell>\n    <Grid.Cell span={1}>\n      <ColorPicker label=\"Medium\" size=\"medium\" enableAlpha />\n    </Grid.Cell>\n    <Grid.Cell span={1}>\n      <ColorPicker label=\"Large\" size=\"large\" />\n    </Grid.Cell>\n    <Grid.Cell span={1}>\n      <ColorPicker label=\"Large\" size=\"large\" enableAlpha />\n    </Grid.Cell>\n  </Grid>"
+			},
+			{
+				name: "LabelPlacement",
+				description: "You can control how the label is positioned by using the `labelPlacement` prop",
+				code: "<SbColumn alignItems=\"stretch\">\n    <ColorPicker label=\"Label on top\" size=\"small\" labelPlacement=\"top\" />\n    <ColorPicker label=\"Label at the start\" size=\"small\" labelPlacement=\"start\" />\n    <ColorPicker label=\"Label at the end\" size=\"small\" labelPlacement=\"end\" />\n  </SbColumn>"
+			},
+			{
+				name: "TransparencyControl",
+				description: "You can control color's transparency by adding an alpha channel, by using the `enableAlpha` prop",
+				code: "{\n  const [value, setValue] = useState<string>();\n  const [valueAlpha, setValueAlpha] = useState<string>();\n\n  return (\n    <SbColumn alignItems=\"stretch\">\n      <ColorPicker label=\"Without alpha\" value={value} onChange={setValue} />\n      <ColorPicker label=\"With alpha\" value={valueAlpha} onChange={setValueAlpha} enableAlpha />\n    </SbColumn>\n  );\n}"
+			},
+			{
+				name: "ColourFormat",
+				description: "You can choose between RGB and HEX formats by using the `format` prop.\n\nNote the addition of the alpha channel if `enableAlpha` is set to `true`",
+				code: "{\n  const [valueHex, setValueHex] = useState<string>('#eb492f');\n  const [valueRgb, setValueRgb] = useState<string>('rgb(235, 73, 47)');\n  const [valueHexA, setValueHexA] = useState<string>('#eb492f6b');\n  const [valueRgba, setValueRgba] = useState<string>('rgba(235, 73, 47, .42)');\n\n  return (\n    <Grid cols={2} alignItems=\"end\">\n      <Grid.Cell span={1}>\n        <ColorPicker label=\"HEX\" value={valueHex} onChange={setValueHex} format=\"hex\" />\n      </Grid.Cell>\n      <Grid.Cell span={1}>{valueHex}</Grid.Cell>\n\n      <Grid.Cell span={1}>\n        <ColorPicker label=\"RGB\" value={valueRgb} onChange={setValueRgb} format=\"rgb\" />\n      </Grid.Cell>\n      <Grid.Cell span={1}>{valueRgb}</Grid.Cell>\n\n      <Grid.Cell span={1}>\n        <ColorPicker\n          label=\"HEX+A\"\n          enableAlpha\n          value={valueHexA}\n          onChange={setValueHexA}\n          format=\"hex\"\n        />\n      </Grid.Cell>\n      <Grid.Cell span={1}>{valueHexA}</Grid.Cell>\n\n      <Grid.Cell span={1}>\n        <C\n// ... (truncated)"
+			},
+			{
+				name: "AlphaMismatch",
+				description: "If `enableAlpha` is `true` and a colour is passed that has no alpha channel, it defaults to 1.\n\nAlternatively, if `enableAlpha` is `false`, and a colour with alpha channel is passed, its alpha channel is ignored",
+				code: "{\n  const [valueHex, setValueHex] = useState<string>('#eb492f');\n  const [valueHexA, setValueHexA] = useState<string>('#eb492f6b');\n\n  return (\n    <Grid cols={2} alignItems=\"end\">\n      <Grid.Cell span={1}>\n        <ColorPicker label=\"HEX\" enableAlpha value={valueHex} onChange={setValueHex} format=\"hex\" />\n      </Grid.Cell>\n      <Grid.Cell span={1}>{valueHex}</Grid.Cell>\n\n      <Grid.Cell span={1}>\n        <ColorPicker label=\"HEX+A\" value={valueHexA} onChange={setValueHexA} format=\"hex\" />\n      </Grid.Cell>\n      <Grid.Cell span={1}>{valueHexA}</Grid.Cell>\n    </Grid>\n  );\n}"
+			}
+		],
+		sourceUrl: "https://github.com/corva-ai/corva-ui/blob/develop/src/componentsV2/ColorPicker/ColorPicker.tsx",
+		figmaUrl: "https://www.figma.com/file/PUgBxjNswqqG1yyU6OQERZ/Corva-Design-System?node-id=157241-27474&m=dev",
+		keywords: [
+			"colorpicker"
+		]
+	},
 	{
 		name: "CompletionsOffsetWellPicker",
 		modulePath: "componentsV2/CompletionsOffsetWellPicker",
@@ -3356,98 +3306,8 @@ var componentsV2Data = [
 		category: "v2",
 		description: "",
 		isExperimental: true,
-		isDeprecated: false,
+		isDeprecated: true,
 		props: [
-			{
-				name: "label",
-				type: "ReactNode",
-				required: false,
-				description: ""
-			},
-			{
-				name: "placeholder",
-				type: "string",
-				required: false,
-				description: ""
-			},
-			{
-				name: "value",
-				type: "DatePickerValue<IsRange>",
-				required: false,
-				description: ""
-			},
-			{
-				name: "onChange",
-				type: "DatePickerChangeHandler<IsRange>",
-				required: false,
-				description: ""
-			},
-			{
-				name: "minDate",
-				type: "Date",
-				required: false,
-				description: "Minimum selectable date"
-			},
-			{
-				name: "maxDate",
-				type: "Date",
-				required: false,
-				description: "maximum selectable date"
-			},
-			{
-				name: "type",
-				type: "DatePickerType",
-				required: false,
-				description: "Type: dates only / date + time / month"
-			},
-			{
-				name: "range",
-				type: "IsRange",
-				required: false,
-				description: ""
-			},
-			{
-				name: "getTileClassName",
-				type: "(args: { activeStartDate: Date; date: Date }) => string",
-				required: false,
-				description: "Function that returns a classname / list of classnames for custom styling of date tiles"
-			},
-			{
-				name: "getTileDisabled",
-				type: "(args: { activeStartDate: Date; date: Date }) => boolean",
-				required: false,
-				description: "Returns whether a tile should be disabled. Is ***not*** meant as an alternative method of providing `minDate` or `maxDate`"
-			},
-			{
-				name: "format",
-				type: "string",
-				required: false,
-				description: "Determines how the date will be displayed and how user's input will be parsed"
-			},
-			{
-				name: "readOnly",
-				type: "boolean",
-				required: false,
-				description: "If `true` - disables user input"
-			},
-			{
-				name: "focusOnClear",
-				type: "boolean",
-				required: false,
-				description: "Controls if the field should keep/gain focus after \"Clear\" button is clicked"
-			},
-			{
-				name: "className",
-				type: "string",
-				required: false,
-				description: ""
-			},
-			{
-				name: "testId",
-				type: "string",
-				required: false,
-				description: ""
-			}
 		],
 		examples: [
 			{
@@ -5157,7 +5017,7 @@ var componentsV2Data = [
 			},
 			{
 				name: "label",
-				type: "string",
+				type: "ReactNode",
 				required: false,
 				description: "Custom label for the button (defaults to \"Offset Wells\")"
 			},
@@ -5210,40 +5070,35 @@ var componentsV2Data = [
 				description: "",
 				code: "{\n  const [expanded, setExpanded] = useState(props.expanded || false);\n\n  return (\n    <OffsetWellsButton\n      {...props}\n      expanded={expanded}\n      onExpand={(newExpanded, ...rest) => {\n        setExpanded(newExpanded);\n        props.onExpand?.(newExpanded, ...rest);\n      }}\n      onClick={props.onClick}\n    />\n  );\n}"
 			},
+			{
+				name: "ExpandCollapse",
+				description: "Expand chevron/clickable area is controlled by the `onExpand` prop.",
+				code: "{\n  const [expanded, setExpanded] = useState(false);\n\n  return (\n    <SbColumn>\n      <Text size={12} tagName=\"div\" color=\"T8\">\n        Currently: {expanded ? 'Expanded' : 'Collapsed'}\n      </Text>\n      <OffsetWellsButton\n        wells={[]}\n        forceExpandButton\n        expanded={expanded}\n        onClick={noop}\n        onExpand={setExpanded}\n      />\n      <OffsetWellsButton wells={mockWells(6)} onClick={noop} expanded={expanded} />\n    </SbColumn>\n  );\n}"
+			},
 			{
 				name: "WellCounts",
-				description: "Different well count values and their behavior",
-				code: "<SbColumn>\n    <SbRow>\n      <div>\n        <p>\n          <strong>No Wells</strong>\n        </p>\n        <OffsetWellsButton wells={[]} onClick={() => {}} />\n        <p style={{ fontSize: '12px', color: '#666' }}>No expand button shown</p>\n      </div>\n      <div>\n        <p>\n          <strong>Few Wells</strong>\n        </p>\n        <OffsetWellsButton wells={mockWells(3)} onClick={() => {}} onExpand={() => {}} />\n      </div>\n      <div>\n        <p>\n          <strong>Many Wells</strong>\n        </p>\n        <OffsetWellsButton wells={mockWells(25)} onClick={() => {}} onExpand={() => {}} />\n      </div>\n    </SbRow>\n  </SbColumn>"
+				description: "Component shows its expand button if `wells` prop has a \"non-empty\" value",
+				code: "<SbColumn>\n    <OffsetWellsButton wells={mockWells(3)} onClick={noop} onExpand={noop} />\n    <OffsetWellsButton wells={[]} onClick={noop} />\n  </SbColumn>"
 			},
 			{
 				name: "CustomLabels",
-				description: "Different label configurations",
-				code: "<SbColumn>\n    <SbRow>\n      <div>\n        <p>\n          <strong>Default Label</strong>\n        </p>\n        <OffsetWellsButton wells={mockWells(5)} onClick={() => {}} onExpand={() => {}} />\n      </div>\n      <div>\n        <p>\n          <strong>Custom Label</strong>\n        </p>\n        <OffsetWellsButton\n          wells={mockWells(3)}\n          label=\"Parent Wells\"\n          onClick={() => {}}\n          onExpand={() => {}}\n        />\n      </div>\n      <div>\n        <p>\n          <strong>Long Label</strong>\n        </p>\n        <OffsetWellsButton\n          wells={mockWells(2)}\n          label=\"Very Long Well Description\"\n          onClick={() => {}}\n          onExpand={() => {}}\n        />\n      </div>\n    </SbRow>\n  </SbColumn>"
+				description: "You can pass custom label as a string or a `ReactNode` (useful for responsivity). \n\nComponent will add colon to label automatically if a string is passed",
+				code: "<SbColumn>\n    <OffsetWellsButton wells={mockWells(5)} onClick={noop} onExpand={noop} />\n    <OffsetWellsButton wells={mockWells(3)} label=\"Parent Wells\" onClick={noop} onExpand={noop} />\n    <OffsetWellsButton wells={mockWells(2)} label=\"\" onClick={noop} onExpand={noop} />\n    <OffsetWellsButton\n      wells={mockWells(2)}\n      label={\n        <SbPlaceholder style={{ display: 'inline-block', width: 'auto', padding: '0 8px' }}>\n          Label:\n        </SbPlaceholder>\n      }\n      onClick={noop}\n      onExpand={noop}\n    />\n  </SbColumn>"
 			},
 			{
 				name: "Icons",
-				description: "Different icon options",
-				code: "<SbColumn>\n    <SbRow>\n      <div>\n        <p>\n          <strong>Default Well Icon</strong>\n        </p>\n        <OffsetWellsButton wells={mockWells(4)} onClick={() => {}} onExpand={() => {}} />\n      </div>\n      <div>\n        <p>\n          <strong>Global Icon</strong>\n        </p>\n        <OffsetWellsButton\n          wells={mockWells(4)}\n          icon={<Global size={20} />}\n          onClick={() => {}}\n          onExpand={() => {}}\n        />\n      </div>\n    </SbRow>\n  </SbColumn>"
-			},
-			{
-				name: "ExpandCollapse",
-				description: "Expand and collapse functionality",
-				code: "{\n  const [expanded, setExpanded] = useState(false);\n\n  return (\n    <SbColumn>\n      <SbRow>\n        <div>\n          <p>\n            <strong>Interactive Expand/Collapse</strong>\n          </p>\n          <OffsetWellsButton\n            wells={[]}\n            forceExpandButton\n            expanded={expanded}\n            onClick={() => {}}\n            onExpand={setExpanded}\n          />\n          <p style={{ fontSize: '12px', color: '#666' }}>\n            Currently: {expanded ? 'Expanded' : 'Collapsed'}\n          </p>\n        </div>\n        <div>\n          <p>\n            <strong>No Expand Function</strong>\n          </p>\n          <OffsetWellsButton wells={mockWells(6)} onClick={() => {}} />\n          <p style={{ fontSize: '12px', color: '#666' }}>No expand button</p>\n        </div>\n      </SbRow>\n    </SbColumn>\n  );\n}"
-			},
-			{
-				name: "Disabled",
-				description: "Enabled vs disabled component states",
-				code: "<SbColumn>\n    <SbRow>\n      <div>\n        <p>\n          <strong>Enabled</strong>\n        </p>\n        <OffsetWellsButton wells={mockWells(4)} onClick={() => {}} onExpand={() => {}} />\n      </div>\n      <div>\n        <p>\n          <strong>Disabled</strong>\n        </p>\n        <OffsetWellsButton wells={mockWells(4)} disabled onClick={() => {}} onExpand={() => {}} />\n      </div>\n    </SbRow>\n  </SbColumn>"
+				description: "You can pass a custom icon using the `icon` prop",
+				code: "<OffsetWellsButton\n    wells={mockWells(4)}\n    icon={<Global size={20} />}\n    onClick={noop}\n    onExpand={noop}\n  />"
 			},
 			{
 				name: "LimitationsMessage",
-				description: "Optional limitations warning indicator",
-				code: "<SbColumn>\n    <SbRow>\n      <div>\n        <p>\n          <strong>Without Warning</strong>\n        </p>\n        <OffsetWellsButton wells={mockWells(8)} onClick={() => {}} onExpand={() => {}} />\n      </div>\n      <div>\n        <p>\n          <strong>With Limitations Warning</strong>\n        </p>\n        <OffsetWellsButton\n          wells={mockWells(8)}\n          showLimitationsMessage\n          onClick={() => {}}\n          onExpand={() => {}}\n        />\n        <p style={{ fontSize: '12px', color: '#666' }}>Hover info icon for tooltip</p>\n      </div>\n    </SbRow>\n  </SbColumn>"
+				description: "You can show the limitations warning indicator by providing the `showLimitationsMessage` prop.",
+				code: "<OffsetWellsButton wells={mockWells(8)} onClick={noop} onExpand={noop} showLimitationsMessage />"
 			},
 			{
 				name: "Tooltips",
-				description: "Tooltip behavior and configuration",
-				code: "<SbColumn>\n    <SbRow>\n      <div>\n        <p>\n          <strong>With Tooltips</strong>\n        </p>\n        <OffsetWellsButton wells={mockWells(5)} onClick={() => {}} onExpand={() => {}} />\n        <p style={{ fontSize: '12px', color: '#666' }}>Hover buttons for tooltips</p>\n      </div>\n      <div>\n        <p>\n          <strong>Expand Tooltip Disabled</strong>\n        </p>\n        <OffsetWellsButton\n          wells={mockWells(5)}\n          isExpandTooltipDisabled\n          onClick={() => {}}\n          onExpand={() => {}}\n        />\n        <p style={{ fontSize: '12px', color: '#666' }}>No tooltip on expand button</p>\n      </div>\n    </SbRow>\n  </SbColumn>"
+				description: "You can disable expand/collapse tooltips by using the `isExpandTooltipDisabled` prop",
+				code: "<OffsetWellsButton wells={mockWells(5)} onClick={noop} onExpand={noop} isExpandTooltipDisabled />"
 			}
 		],
 		sourceUrl: "https://github.com/corva-ai/corva-ui/blob/develop/src/componentsV2/OffsetWellsButton/OffsetWellsButton.tsx",
@@ -6942,9 +6797,9 @@ var componentsV2Data = [
 		modulePath: "componentsV2/TextInput",
 		importPath: "@corva/ui/componentsV2",
 		category: "v2",
-		description: "",
-		isExperimental: true,
-		isDeprecated: false,
+		description: "This component is deprecated and will be eventually replaced with `TextInputNext`",
+		isExperimental: false,
+		isDeprecated: true,
 		props: [
 			{
 				name: "label",
@@ -7181,7 +7036,288 @@ var componentsV2Data = [
 			"field",
 			"entry",
 			"textfield",
-			"text field"
+			"text field",
+			"component",
+			"deprecated",
+			"will",
+			"eventually",
+			"replaced",
+			"`textinputnext`"
+		]
+	},
+	{
+		name: "TextInputNext",
+		modulePath: "componentsV2/TextInputNext",
+		importPath: "@corva/ui/componentsV2",
+		category: "v2",
+		description: "This is the latest iteration of `TextInput` component and will eventually replace it",
+		isExperimental: true,
+		isDeprecated: false,
+		props: [
+			{
+				name: "label",
+				type: "ReactNode",
+				required: false,
+				description: ""
+			},
+			{
+				name: "value",
+				type: "string | number",
+				required: false,
+				description: ""
+			},
+			{
+				name: "size",
+				type: "'small' | 'medium' | 'large'",
+				required: false,
+				description: "",
+				enumValues: [
+					"small",
+					"medium",
+					"large"
+				]
+			},
+			{
+				name: "labelPlacement",
+				type: "'top' | 'start' | 'end'",
+				required: false,
+				description: "",
+				enumValues: [
+					"top",
+					"start",
+					"end"
+				]
+			},
+			{
+				name: "onChange",
+				type: "(value: string, changeReason: TextInputChangeReason, event: ChangeEvent<HTMLInputElement>) => void",
+				required: false,
+				description: "Change handler. `TextInputChangeReason` utility type is provided"
+			},
+			{
+				name: "disabled",
+				type: "boolean",
+				required: false,
+				description: ""
+			},
+			{
+				name: "inputType",
+				type: "'text' | 'email' | 'password' | 'number' | 'phone' | 'url' | 'search'",
+				required: false,
+				description: "Underlying `input`'s element `type` attribute",
+				enumValues: [
+					"text",
+					"email",
+					"password",
+					"number",
+					"phone",
+					"url",
+					"search"
+				]
+			},
+			{
+				name: "inputMode",
+				type: "HTMLAttributes<HTMLInputElement>['inputMode']",
+				required: false,
+				description: "Input mode that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard."
+			},
+			{
+				name: "status",
+				type: "'error' | 'loading'",
+				required: false,
+				description: "",
+				enumValues: [
+					"error",
+					"loading"
+				]
+			},
+			{
+				name: "message",
+				type: "ReactNode",
+				required: false,
+				description: ""
+			},
+			{
+				name: "onFocus",
+				type: "FocusEventHandler<HTMLInputElement>",
+				required: false,
+				description: ""
+			},
+			{
+				name: "onBlur",
+				type: "FocusEventHandler",
+				required: false,
+				description: ""
+			},
+			{
+				name: "onKeyDown",
+				type: "KeyboardEventHandler",
+				required: false,
+				description: ""
+			},
+			{
+				name: "onKeyUp",
+				type: "KeyboardEventHandler",
+				required: false,
+				description: ""
+			},
+			{
+				name: "clearable",
+				type: "boolean",
+				required: false,
+				description: ""
+			},
+			{
+				name: "focusOnClear",
+				type: "boolean",
+				required: false,
+				description: "Controls if the field should keep/gain focus after \"Clear\" button is clicked"
+			},
+			{
+				name: "placeholder",
+				type: "string",
+				required: false,
+				description: ""
+			},
+			{
+				name: "prefix",
+				type: "ReactNode",
+				required: false,
+				description: ""
+			},
+			{
+				name: "suffix",
+				type: "ReactNode",
+				required: false,
+				description: ""
+			},
+			{
+				name: "inputRef",
+				type: "RefCallback<HTMLInputElement | null> | MutableRefObject<HTMLInputElement | null> | null",
+				required: false,
+				description: "Ref to an underlying `input` element"
+			},
+			{
+				name: "inputContainerRef",
+				type: "RefCallback<HTMLDivElement | null> | MutableRefObject<HTMLDivElement | null> | null",
+				required: false,
+				description: "Ref to input container that contains `input` and its affixes\nUseful for positioning of popovers"
+			},
+			{
+				name: "readOnly",
+				type: "boolean",
+				required: false,
+				description: ""
+			},
+			{
+				name: "autoFocus",
+				type: "boolean",
+				required: false,
+				description: "If `true` will focus on the field on render. Useful for modals, but may be detrimental to a11y"
+			},
+			{
+				name: "htmlAttributes",
+				type: "Omit<Partial<InputHTMLAttributes<HTMLInputElement>>, 'type' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyUp' | 'placeholder' | 'readOnly' | 'disabled' | 'value' | 'onChange' | 'inputMode' | 'autoFocus'>",
+				required: false,
+				description: "Escape hatch to provide arbitrary html attributes to `input`"
+			},
+			{
+				name: "elementsClassNames",
+				type: "Partial<{\n    label: string;\n    input: string;\n    inputContainer: string;\n    prefix: string;\n    suffix: string;\n    message: string;\n    numberStepButtons: string;\n  }>",
+				required: false,
+				description: "An escape hatch to tweak styling of internal elements"
+			},
+			{
+				name: "className",
+				type: "string",
+				required: false,
+				description: ""
+			},
+			{
+				name: "testId",
+				type: "string",
+				required: false,
+				description: ""
+			}
+		],
+		examples: [
+			{
+				name: "Default",
+				description: "",
+				code: "{\n  const [value, setValue] = useState('');\n  return (\n    <TextInputNext\n      {...props}\n      value={value}\n      onChange={(newValue, ...rest) => {\n        setValue(newValue);\n        props.onChange?.(newValue, ...rest);\n      }}\n    />\n  );\n}"
+			},
+			{
+				name: "Sizes",
+				description: "Component supports several sizes through the `size` prop:\n\n- `small` (default)\n- `medium`\n- `large`",
+				code: "<SbColumn alignItems=\"stretch\">\n    <TextInputNext label=\"Small\" size=\"small\" value=\"Small\" />\n    <TextInputNext label=\"Medium\" size=\"medium\" value=\"Medium\" />\n    <TextInputNext label=\"Large\" size=\"large\" value=\"Large\" />\n  </SbColumn>"
+			},
+			{
+				name: "LabelPlacement",
+				description: "You can control how the label is positioned by using the `labelPlacement` prop",
+				code: "<SbColumn alignItems=\"stretch\">\n    <TextInputNext label=\"Label on top\" size=\"small\" labelPlacement=\"top\" />\n    <TextInputNext label=\"Label at the start\" size=\"small\" labelPlacement=\"start\" />\n    <TextInputNext label=\"Label at the end\" size=\"small\" labelPlacement=\"end\" />\n  </SbColumn>"
+			},
+			{
+				name: "LongLabels",
+				description: "When label is too long to be displayed, it will be truncated.\n\nFor labels on the side, default maximum width is 50% of the component's width",
+				code: "<SbColumn alignItems=\"stretch\">\n    <TextInputNext\n      label=\"Label on top that is very long, won't fit and will be truncated because we've forseen such a case\"\n      size=\"small\"\n      labelPlacement=\"top\"\n    />\n    <TextInputNext\n      label=\"Label at the start that is very long, won't fit and will be truncated because we've forseen such a case\"\n      size=\"small\"\n      labelPlacement=\"start\"\n    />\n    <TextInputNext\n      label=\"Label at the end that is very long, won't fit and will be truncated because we've forseen such a case\"\n      size=\"small\"\n      labelPlacement=\"end\"\n    />\n  </SbColumn>"
+			},
+			{
+				name: "PrefixAndSuffix",
+				description: "You can display some content as prefix and/or suffix by using `prefix` and `suffix` props.",
+				code: "<SbColumn alignItems=\"stretch\">\n    <TextInputNext label=\"Prefix\" prefix={<BubbleChartIcon />} />\n    <TextInputNext label=\"Suffix\" suffix={<BubbleChartIcon />} />\n    <TextInputNext\n      label=\"Prefix And Suffix\"\n      prefix={<BubbleChartIcon />}\n      suffix={<BubbleChartIcon />}\n    />\n    <TextInputNext\n      label=\"Arbitrary content\"\n      prefix={\n        <SbPlaceholder style={{ height: '20px', padding: '0 8px' }}>Custom Component</SbPlaceholder>\n      }\n    />\n\n    <TextInputNext\n      label=\"Medium\"\n      size=\"medium\"\n      prefix={<BubbleChartIcon />}\n      suffix={<BubbleChartIcon />}\n    />\n    <TextInputNext\n      label=\"Large\"\n      size=\"large\"\n      prefix={<BubbleChartIcon />}\n      suffix={<BubbleChartIcon />}\n    />\n  </SbColumn>"
+			},
+			{
+				name: "EverySuffixElement",
+				description: "This example illustrates every possible element in suffix and their order",
+				code: "<TextInputNext\n    label=\"Every possible element in Suffix\"\n    inputType=\"number\"\n    value=\"123\"\n    clearable\n    status=\"loading\"\n    suffix={<BubbleChartIcon />}\n  />"
+			},
+			{
+				name: "LoadingAndErrorStates",
+				description: "You can use the `status` prop to display the component in a \"loading\" state to indicate that some process related to the field is running, or to display it in an \"error\" state that indicates a validation error",
+				code: "<SbColumn alignItems=\"stretch\">\n    <TextInputNext label=\"Loading\" status=\"loading\" />\n    <TextInputNext\n      label=\"Error\"\n      value=\"Incorrect value\"\n      status=\"error\"\n      message=\"A hint to user how to be a better person and not trigger validation errors\"\n    />\n  </SbColumn>"
+			},
+			{
+				name: "InputTypes",
+				description: "You can use the `inputType` prop to set the `input`'s type, e.g. \"number\" or \"search\".\n\nYou can use the `htmlAttributes` prop as an escape hatch to fine-tune the component further.",
+				code: "{\n  const [password, setPassword] = useState('some value');\n  const [email, setEmail] = useState('dagon@innsmouth.com');\n  const [search, setSearch] = useState('search query');\n  const [number, setNumber] = useState('5');\n\n  return (\n    <SbColumn alignItems=\"stretch\">\n      <TextInputNext\n        label=\"Password\"\n        inputType=\"password\"\n        value={password}\n        onChange={setPassword}\n        htmlAttributes={{ autoComplete: 'off' }}\n      />\n      <TextInputNext label=\"Email\" inputType=\"email\" value={email} onChange={setEmail} />\n      <TextInputNext label=\"Search\" inputType=\"search\" value={search} onChange={setSearch} />\n      <TextInputNext\n        label=\"Number\"\n        inputType=\"number\"\n        value={number}\n        onChange={setNumber}\n        htmlAttributes={{ step: 0.5, min: 0, max: 10 }}\n      />\n    </SbColumn>\n  );\n}"
+			},
+			{
+				name: "Autofocus",
+				description: "To immediately focus the field after rendering, use the `autoFocus` prop.\n\nPlease note, this may be detrimental to a11y",
+				code: "{\n  const [modalOpen, setModalOpen] = useState(false);\n  return (\n    <>\n      <Button onClick={() => setModalOpen(true)}>Open modal</Button>\n      <Modal open={modalOpen} onClose={() => setModalOpen(false)} title=\"Modal\">\n        <TextInputNext label=\"Auto-focused field\" autoFocus />\n      </Modal>\n    </>\n  );\n}"
+			},
+			{
+				name: "Clearable",
+				description: "You can use `clearable` prop to display the \"clear\" button when the field has value.\n\nTo distinguish between \"field clear\" and \"regular\" change, you can use the second argument of `onChange` callback as shown in this example",
+				code: "{\n  const [value, setValue] = useState('Some value');\n\n  const onChange = useCallback<Required<TextInputNextProps>['onChange']>(\n    (value, changeReason, event) => {\n      // eslint-disable-next-line no-console\n      console.log('onChange', value, changeReason, event);\n\n      if (changeReason === 'clear') {\n        // eslint-disable-next-line no-console\n        console.log('Cleared!');\n      }\n\n      setValue(value);\n    },\n    []\n  );\n\n  return (\n    <SbColumn alignItems=\"stretch\">\n      <TextInputNext label=\"Focus after clear\" value={value} onChange={onChange} clearable />\n      <TextInputNext\n        label=\"No focus after clear\"\n        value={value}\n        onChange={onChange}\n        clearable\n        focusOnClear={false}\n      />\n    </SbColumn>\n  );\n}"
+			},
+			{
+				name: "Message",
+				description: "You can provide additional information about the field or its validation by using the `message` prop.\n\nPlease note, the component provides a `<TextInput.MessageWithIcon>` to create a message with icon easily",
+				code: "<SbColumn alignItems=\"stretch\">\n    <TextInputNext\n      label=\"With icon\"\n      message={\n        <TextInputNext.MessageWithIcon>\n          You can put some things here that could be very long but never fret, we've got you!\n        </TextInputNext.MessageWithIcon>\n      }\n    />\n    <TextInputNext\n      label=\"Without icon\"\n      message=\"You can put some things here that could be very long but never fret, we've got you!\"\n    />\n  </SbColumn>"
+			},
+			{
+				name: "RequiredFieldsAndInfoIcons",
+				description: "You can use the `<TextInput.Label />` components to easily add required field notification, unit, and/or info hint icon",
+				code: "<TextInputNext\n    label={\n      <TextInputNext.Label required unit=\"mi\" infoTooltip=\"What the hell is a kilometer?!\">\n        Depth\n      </TextInputNext.Label>\n    }\n  />"
+			},
+			{
+				name: "FineTuningStyles",
+				description: "You can use `elementsClassNames` prop to fine-tune the styling of internal elements.\n\nFor instance - you can control the width of label when it's positioned to the side of the field",
+				code: "<SbColumn alignItems=\"stretch\">\n    <TextInputNext\n      labelPlacement=\"start\"\n      label=\"Extremely long label that's too long to be displayed normally and will be truncated\"\n      elementsClassNames={{ label: storyStyles.narrowLabel }}\n    />\n    <TextInputNext\n      labelPlacement=\"start\"\n      label=\"Extremely long label that's too long to be displayed normally and will be truncated\"\n      elementsClassNames={{ label: storyStyles.wideLabel }}\n    />\n  </SbColumn>"
+			}
+		],
+		sourceUrl: "https://github.com/corva-ai/corva-ui/blob/develop/src/componentsV2/TextInputNext/TextInputNext.tsx",
+		figmaUrl: "https://www.figma.com/file/PUgBxjNswqqG1yyU6OQERZ/Corva-Design-System?node-id=142449-52520&m=dev",
+		keywords: [
+			"textinputnext",
+			"latest",
+			"iteration",
+			"`textinput`",
+			"component",
+			"will",
+			"eventually",
+			"replace"
 		]
 	},
 	{
@@ -7288,7 +7424,7 @@ var componentsV2Data = [
 			{
 				name: "Component",
 				description: "You can integrate `<TextLink/>` with you favourite flavor of routing solution by providing a `component` prop.",
-				code: "{\n  // This is an example of custom link component. You'll probably want to do something like this:\n  // import { Link } from 'react-router';\n  const Link = (props: ComponentProps<Required<TextLinkProps>['component']>) => {\n    const { to, ...rest } = props;\n\n    const clickHandler = () => {\n      if (to) {\n        window.open(to, '_blank');\n      }\n    };\n\n    return (\n      <button\n        {...rest}\n        onClick={clickHandler}\n        style={{ background: 'none', border: 'none', padding: 0, userSelect: 'none' }}\n      />\n    );\n  };\n\n  return (\n    <SbColumn>\n      <TextLink to=\"https://google.com\" component={Link}>\n        Link with custom render component\n      </TextLink>\n      <TextLink to=\"https://google.com\" component={Link} disabled>\n        Link with custom render component\n      </TextLink>\n    </SbColumn>\n  );\n}"
+				code: "{\n  // This is an example of custom link component. You'll probably want to do something like this:\n  // import { Link } from 'react-router-dom';\n  const Link = (props: ComponentProps<Required<TextLinkProps>['component']>) => {\n    const { to, ...rest } = props;\n\n    const clickHandler = () => {\n      if (to) {\n        window.open(to, '_blank');\n      }\n    };\n\n    return (\n      <button\n        {...rest}\n        onClick={clickHandler}\n        style={{ background: 'none', border: 'none', padding: 0, userSelect: 'none' }}\n      />\n    );\n  };\n\n  return (\n    <SbColumn>\n      <TextLink to=\"https://google.com\" component={Link}>\n        Link with custom render component\n      </TextLink>\n      <TextLink to=\"https://google.com\" component={Link} disabled>\n        Link with custom render component\n      </TextLink>\n    </SbColumn>\n  );\n}"
 			}
 		],
 		sourceUrl: "https://github.com/corva-ai/corva-ui/blob/develop/src/componentsV2/TextLink/TextLink.tsx",
@@ -73613,17 +73749,19 @@ var clientsData = [
 			"put",
 			"delete",
 			"many",
+			"count",
+			"list",
 			"aggregate",
 			"pipeline",
-			"retrieve",
-			"id",
-			"update",
-			"patch",
 			"batch_update",
 			"batch",
+			"update",
+			"patch",
 			"batch_update_with_object",
 			"with",
 			"object",
+			"retrieve",
+			"id",
 			"datasets",
 			"index",
 			"company",
@@ -73703,6 +73841,13 @@ var clientsData = [
 						required: false,
 						description: "Comma separated list of fields to return"
 					},
+					{
+						name: "include_count",
+						"in": "query",
+						type: "boolean",
+						required: false,
+						description: "Include total count of matching documents in Total header"
+					},
 					{
 						name: "sort",
 						"in": "query",
@@ -73844,13 +73989,95 @@ var clientsData = [
 						"in": "query",
 						type: "string",
 						required: true,
-						description: "A query that matches the documents to delete"
+						description: "A query that matches the documents to delete"
+					}
+				],
+				responses: {
+					"200": {
+						description: "Successful Response",
+						schema: "{ deleted_count: number }"
+					},
+					"422": {
+						description: "Validation Error",
+						schema: "{ code: number, message: string }"
+					}
+				}
+			},
+			{
+				path: "/api/v1/data/{provider}/{dataset}/count/",
+				method: "GET",
+				operationId: "count_api_v1_data__provider___dataset__count__get",
+				summary: "Count Data",
+				tags: [
+					"data"
+				],
+				parameters: [
+					{
+						name: "provider",
+						"in": "path",
+						type: "string",
+						required: true,
+						description: ""
+					},
+					{
+						name: "dataset",
+						"in": "path",
+						type: "string",
+						required: true,
+						description: ""
+					},
+					{
+						name: "query",
+						"in": "query",
+						type: "string",
+						required: true,
+						description: "Search conditions"
 					}
 				],
 				responses: {
 					"200": {
 						description: "Successful Response",
-						schema: "{ deleted_count: number }"
+						schema: "{ count: number }"
+					},
+					"422": {
+						description: "Validation Error",
+						schema: "{ code: number, message: string }"
+					}
+				}
+			},
+			{
+				path: "/api/v1/data/{provider}/{dataset}/list/",
+				method: "POST",
+				operationId: "listDataByProviderAndDataset",
+				summary: "Find Data",
+				tags: [
+					"data"
+				],
+				parameters: [
+					{
+						name: "provider",
+						"in": "path",
+						type: "string",
+						required: true,
+						description: ""
+					},
+					{
+						name: "dataset",
+						"in": "path",
+						type: "string",
+						required: true,
+						description: ""
+					}
+				],
+				requestBody: {
+					contentType: "application/json",
+					schema: "{ query: object, sort: { sort: object }, skip: number, limit: number, fields: string, ... }",
+					required: true
+				},
+				responses: {
+					"200": {
+						description: "Successful Response",
+						schema: "{ _id: string | null, company_id: number | null, asset_id: number | null, version: number, provider: string, ... }[]"
 					},
 					"422": {
 						description: "Validation Error",
@@ -74018,10 +74245,10 @@ var clientsData = [
 				}
 			},
 			{
-				path: "/api/v1/data/{provider}/{dataset}/{id}/",
-				method: "GET",
-				operationId: "retrieve_api_v1_data__provider___dataset___id___get",
-				summary: "Load Record",
+				path: "/api/v1/data/{provider}/{dataset}/batch_update/",
+				method: "PATCH",
+				operationId: "batch_update_api_v1_data__provider___dataset__batch_update__patch",
+				summary: "Batch Document Update",
 				tags: [
 					"data"
 				],
@@ -74039,19 +74266,17 @@ var clientsData = [
 						type: "string",
 						required: true,
 						description: ""
-					},
-					{
-						name: "id",
-						"in": "path",
-						type: "string",
-						required: true,
-						description: ""
 					}
 				],
+				requestBody: {
+					contentType: "application/json",
+					schema: "{ company_id: number | null, provider: string | null, collection: string | null, asset_id: number | null, version: number | null, ... }[]",
+					required: false
+				},
 				responses: {
 					"200": {
 						description: "Successful Response",
-						schema: "{ _id: string | null, company_id: number | null, asset_id: number | null, version: number, provider: string, ... }"
+						schema: "{ _id: string | null, company_id: number | null, asset_id: number | null, version: number, provider: string, ... }[]"
 					},
 					"422": {
 						description: "Validation Error",
@@ -74060,10 +74285,10 @@ var clientsData = [
 				}
 			},
 			{
-				path: "/api/v1/data/{provider}/{dataset}/{id}/",
-				method: "PUT",
-				operationId: "replace_api_v1_data__provider___dataset___id___put",
-				summary: "Replace Document",
+				path: "/api/v1/data/{provider}/{dataset}/batch_update_with_object/",
+				method: "PATCH",
+				operationId: "batch_update_with_object_api_v1_data__provider___dataset__batch_update_with_object__patch",
+				summary: "Batch Document Update with single object value",
 				tags: [
 					"data"
 				],
@@ -74081,24 +74306,17 @@ var clientsData = [
 						type: "string",
 						required: true,
 						description: ""
-					},
-					{
-						name: "id",
-						"in": "path",
-						type: "string",
-						required: true,
-						description: ""
 					}
 				],
 				requestBody: {
 					contentType: "application/json",
-					schema: "{ company_id: number | null, provider: string | null, collection: string | null, asset_id: number | null, version: number, ... }",
+					schema: "{ data: { company_id: number | null, provider: string | null, collection: string | null, asset_id: number | null, version: number, ... }, query: string, limit: number, batch: number, sort: { sort: object } }",
 					required: true
 				},
 				responses: {
 					"200": {
 						description: "Successful Response",
-						schema: "{ _id: string | null, company_id: number | null, asset_id: number | null, version: number, provider: string, ... }"
+						schema: "{ updated_count: number }"
 					},
 					"422": {
 						description: "Validation Error",
@@ -74108,9 +74326,9 @@ var clientsData = [
 			},
 			{
 				path: "/api/v1/data/{provider}/{dataset}/{id}/",
-				method: "PATCH",
-				operationId: "update_api_v1_data__provider___dataset___id___patch",
-				summary: "Update Document",
+				method: "GET",
+				operationId: "retrieve_api_v1_data__provider___dataset___id___get",
+				summary: "Load Record",
 				tags: [
 					"data"
 				],
@@ -74137,11 +74355,6 @@ var clientsData = [
 						description: ""
 					}
 				],
-				requestBody: {
-					contentType: "application/json",
-					schema: "{ company_id: number | null, provider: string | null, collection: string | null, asset_id: number | null, version: number, ... }",
-					required: true
-				},
 				responses: {
 					"200": {
 						description: "Successful Response",
@@ -74155,9 +74368,9 @@ var clientsData = [
 			},
 			{
 				path: "/api/v1/data/{provider}/{dataset}/{id}/",
-				method: "DELETE",
-				operationId: "delete_api_v1_data__provider___dataset___id___delete",
-				summary: "Delete Document",
+				method: "PUT",
+				operationId: "replace_api_v1_data__provider___dataset___id___put",
+				summary: "Replace Document",
 				tags: [
 					"data"
 				],
@@ -74184,10 +74397,15 @@ var clientsData = [
 						description: ""
 					}
 				],
+				requestBody: {
+					contentType: "application/json",
+					schema: "{ company_id: number | null, provider: string | null, collection: string | null, asset_id: number | null, version: number, ... }",
+					required: true
+				},
 				responses: {
 					"200": {
 						description: "Successful Response",
-						schema: "{ deleted_docs: object[], failed_count: number }"
+						schema: "{ _id: string | null, company_id: number | null, asset_id: number | null, version: number, provider: string, ... }"
 					},
 					"422": {
 						description: "Validation Error",
@@ -74196,10 +74414,10 @@ var clientsData = [
 				}
 			},
 			{
-				path: "/api/v1/data/{provider}/{dataset}/batch_update/",
+				path: "/api/v1/data/{provider}/{dataset}/{id}/",
 				method: "PATCH",
-				operationId: "batch_update_api_v1_data__provider___dataset__batch_update__patch",
-				summary: "Batch Document Update",
+				operationId: "update_api_v1_data__provider___dataset___id___patch",
+				summary: "Update Document",
 				tags: [
 					"data"
 				],
@@ -74217,17 +74435,24 @@ var clientsData = [
 						type: "string",
 						required: true,
 						description: ""
+					},
+					{
+						name: "id",
+						"in": "path",
+						type: "string",
+						required: true,
+						description: ""
 					}
 				],
 				requestBody: {
 					contentType: "application/json",
-					schema: "{ company_id: number | null, provider: string | null, collection: string | null, asset_id: number | null, version: number | null, ... }[]",
-					required: false
+					schema: "{ company_id: number | null, provider: string | null, collection: string | null, asset_id: number | null, version: number, ... }",
+					required: true
 				},
 				responses: {
 					"200": {
 						description: "Successful Response",
-						schema: "{ _id: string | null, company_id: number | null, asset_id: number | null, version: number, provider: string, ... }[]"
+						schema: "{ _id: string | null, company_id: number | null, asset_id: number | null, version: number, provider: string, ... }"
 					},
 					"422": {
 						description: "Validation Error",
@@ -74236,10 +74461,10 @@ var clientsData = [
 				}
 			},
 			{
-				path: "/api/v1/data/{provider}/{dataset}/batch_update_with_object/",
-				method: "PATCH",
-				operationId: "batch_update_with_object_api_v1_data__provider___dataset__batch_update_with_object__patch",
-				summary: "Batch Document Update with single object value",
+				path: "/api/v1/data/{provider}/{dataset}/{id}/",
+				method: "DELETE",
+				operationId: "delete_api_v1_data__provider___dataset___id___delete",
+				summary: "Delete Document",
 				tags: [
 					"data"
 				],
@@ -74257,17 +74482,19 @@ var clientsData = [
 						type: "string",
 						required: true,
 						description: ""
+					},
+					{
+						name: "id",
+						"in": "path",
+						type: "string",
+						required: true,
+						description: ""
 					}
 				],
-				requestBody: {
-					contentType: "application/json",
-					schema: "{ data: { company_id: number | null, provider: string | null, collection: string | null, asset_id: number | null, version: number, ... }, query: string, limit: number, batch: number, sort: { sort: object } }",
-					required: true
-				},
 				responses: {
 					"200": {
 						description: "Successful Response",
-						schema: "{ updated_count: number }"
+						schema: "{ deleted_docs: object[], failed_count: number }"
 					},
 					"422": {
 						description: "Validation Error",
@@ -74962,6 +75189,13 @@ var clientsData = [
 							required: false,
 							description: "Comma separated list of fields to return"
 						},
+						{
+							name: "include_count",
+							"in": "query",
+							type: "boolean",
+							required: false,
+							description: "Include total count of matching documents in Total header"
+						},
 						{
 							name: "sort",
 							"in": "query",
@@ -75534,6 +75768,88 @@ var clientsData = [
 						}
 					}
 				},
+				{
+					path: "/api/v1/data/{provider}/{dataset}/count/",
+					method: "GET",
+					operationId: "count_api_v1_data__provider___dataset__count__get",
+					summary: "Count Data",
+					tags: [
+						"data"
+					],
+					parameters: [
+						{
+							name: "provider",
+							"in": "path",
+							type: "string",
+							required: true,
+							description: ""
+						},
+						{
+							name: "dataset",
+							"in": "path",
+							type: "string",
+							required: true,
+							description: ""
+						},
+						{
+							name: "query",
+							"in": "query",
+							type: "string",
+							required: true,
+							description: "Search conditions"
+						}
+					],
+					responses: {
+						"200": {
+							description: "Successful Response",
+							schema: "{ count: number }"
+						},
+						"422": {
+							description: "Validation Error",
+							schema: "{ code: number, message: string }"
+						}
+					}
+				},
+				{
+					path: "/api/v1/data/{provider}/{dataset}/list/",
+					method: "POST",
+					operationId: "listDataByProviderAndDataset",
+					summary: "Find Data",
+					tags: [
+						"data"
+					],
+					parameters: [
+						{
+							name: "provider",
+							"in": "path",
+							type: "string",
+							required: true,
+							description: ""
+						},
+						{
+							name: "dataset",
+							"in": "path",
+							type: "string",
+							required: true,
+							description: ""
+						}
+					],
+					requestBody: {
+						contentType: "application/json",
+						schema: "{ query: object, sort: { sort: object }, skip: number, limit: number, fields: string, ... }",
+						required: true
+					},
+					responses: {
+						"200": {
+							description: "Successful Response",
+							schema: "{ _id: string | null, company_id: number | null, asset_id: number | null, version: number, provider: string, ... }[]"
+						},
+						"422": {
+							description: "Validation Error",
+							schema: "{ code: number, message: string }"
+						}
+					}
+				},
 				{
 					path: "/api/v1/message_producer/",
 					method: "POST",
@@ -78845,7 +79161,6 @@ var entries = [
 			"filter"
 		],
 		tags: [
-			"experimental"
 		],
 		category: "components-v2",
 		importPath: "@corva/ui/componentsV2",
@@ -79157,6 +79472,21 @@ var entries = [
 		importPath: "@corva/ui/componentsV2",
 		searchText: "chipindicator  chipindicator"
 	},
+	{
+		id: "component-v2-ColorPicker",
+		type: "component",
+		name: "ColorPicker",
+		description: "",
+		keywords: [
+			"colorpicker"
+		],
+		tags: [
+			"experimental"
+		],
+		category: "components-v2",
+		importPath: "@corva/ui/componentsV2",
+		searchText: "colorpicker  colorpicker"
+	},
 	{
 		id: "component-v2-CompletionsOffsetWellPicker",
 		type: "component",
@@ -79981,7 +80311,7 @@ var entries = [
 		id: "component-v2-TextInput",
 		type: "component",
 		name: "TextInput",
-		description: "",
+		description: "This component is deprecated and will be eventually replaced with `TextInputNext`",
 		keywords: [
 			"textinput",
 			"form",
@@ -79990,14 +80320,41 @@ var entries = [
 			"field",
 			"entry",
 			"textfield",
-			"text field"
+			"text field",
+			"component",
+			"deprecated",
+			"will",
+			"eventually",
+			"replaced",
+			"`textinputnext`"
+		],
+		tags: [
+		],
+		category: "components-v2",
+		importPath: "@corva/ui/componentsV2",
+		searchText: "textinput this component is deprecated and will be eventually replaced with `textinputnext` textinput form input text field entry textfield text field component deprecated will eventually replaced `textinputnext`"
+	},
+	{
+		id: "component-v2-TextInputNext",
+		type: "component",
+		name: "TextInputNext",
+		description: "This is the latest iteration of `TextInput` component and will eventually replace it",
+		keywords: [
+			"textinputnext",
+			"latest",
+			"iteration",
+			"`textinput`",
+			"component",
+			"will",
+			"eventually",
+			"replace"
 		],
 		tags: [
 			"experimental"
 		],
 		category: "components-v2",
 		importPath: "@corva/ui/componentsV2",
-		searchText: "textinput  textinput form input text field entry textfield text field"
+		searchText: "textinputnext this is the latest iteration of `textinput` component and will eventually replace it textinputnext latest iteration `textinput` component will eventually replace"
 	},
 	{
 		id: "component-v2-TextLink",
@@ -84291,17 +84648,19 @@ var entries = [
 			"put",
 			"delete",
 			"many",
+			"count",
+			"list",
 			"aggregate",
 			"pipeline",
-			"retrieve",
-			"id",
-			"update",
-			"patch",
 			"batch_update",
 			"batch",
+			"update",
+			"patch",
 			"batch_update_with_object",
 			"with",
 			"object",
+			"retrieve",
+			"id",
 			"datasets",
 			"index",
 			"company",
@@ -84323,7 +84682,7 @@ var entries = [
 		],
 		category: "clients",
 		importPath: "@corva/ui/clients",
-		searchText: "corvadataapi data api client for corva platform. used for data-specific endpoints with automatic url configuration. api data http request fetch rest metrics get v1 by provider and dataset create post replace put delete many aggregate pipeline retrieve id update patch batch_update batch batch_update_with_object with object datasets index company name check perform action message_producer produce message producer app key subscriptions publish asset"
+		searchText: "corvadataapi data api client for corva platform. used for data-specific endpoints with automatic url configuration. api data http request fetch rest metrics get v1 by provider and dataset create post replace put delete many count list aggregate pipeline batch_update batch update patch batch_update_with_object with object retrieve id datasets index company name check perform action message_producer produce message producer app key subscriptions publish asset"
 	},
 	{
 		id: "client-socketClient",
@@ -89978,6 +90337,7 @@ var byCategory = {
 		"component-v2-Chip",
 		"component-v2-ChipAlert",
 		"component-v2-ChipIndicator",
+		"component-v2-ColorPicker",
 		"component-v2-CompletionsOffsetWellPicker",
 		"component-v2-CopyToClipboard",
 		"component-v2-Counter",
@@ -90019,6 +90379,7 @@ var byCategory = {
 		"component-v2-Text",
 		"component-v2-TextEndTruncated",
 		"component-v2-TextInput",
+		"component-v2-TextInputNext",
 		"component-v2-TextLink",
 		"component-v2-TextMiddleTruncated",
 		"component-v2-ToggleButtons",
@@ -90711,6 +91072,8 @@ var byTag = {
 		"component-v2-Popper",
 		"component-v2-Text",
 		"component-v2-TextEndTruncated",
+		"component-v2-TextInput",
+		"component-v2-TextInputNext",
 		"component-v2-UniversalLink"
 	],
 	appsizeprovider: [
@@ -90956,6 +91319,9 @@ var byTag = {
 	chipindicator: [
 		"component-v2-ChipIndicator"
 	],
+	colorpicker: [
+		"component-v2-ColorPicker"
+	],
 	completionsoffsetwellpicker: [
 		"component-v2-CompletionsOffsetWellPicker"
 	],
@@ -91045,7 +91411,9 @@ var byTag = {
 	will: [
 		"component-v2-FilesDropzone",
 		"component-v2-FilesLoader",
-		"component-v2-Popper"
+		"component-v2-Popper",
+		"component-v2-TextInput",
+		"component-v2-TextInputNext"
 	],
 	need: [
 		"component-v2-FilesDropzone",
@@ -91589,6 +91957,34 @@ var byTag = {
 	"text field": [
 		"component-v2-TextInput"
 	],
+	deprecated: [
+		"component-v2-TextInput"
+	],
+	eventually: [
+		"component-v2-TextInput",
+		"component-v2-TextInputNext"
+	],
+	replaced: [
+		"component-v2-TextInput"
+	],
+	"`textinputnext`": [
+		"component-v2-TextInput"
+	],
+	textinputnext: [
+		"component-v2-TextInputNext"
+	],
+	latest: [
+		"component-v2-TextInputNext"
+	],
+	iteration: [
+		"component-v2-TextInputNext"
+	],
+	"`textinput`": [
+		"component-v2-TextInputNext"
+	],
+	replace: [
+		"component-v2-TextInputNext"
+	],
 	textlink: [
 		"component-v2-TextLink"
 	],