@up42/up-components 4.5.0 → 4.6.0

package/dist/esm/types/components/CodeSnippet/Pre.d.ts

@@ -1,2 +1,8 @@
 /// <reference types="react" />
-export declare const Pre: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLPreElement>, HTMLPreElement>, {}>;
+import { SxProps, Theme } from '@mui/material';
+import { StyledComponent } from '@emotion/styled';
+export declare const Pre: StyledComponent<{
+    children?: React.ReactNode;
+    className?: string;
+    sx: SxProps<Theme>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLPreElement>, HTMLPreElement>, object>;

package/dist/esm/types/components/DataGrid/DataGrid.d.ts

@@ -1,5 +1,5 @@
 import { DataGridPremiumProps as MuiDataGridProps } from '@mui/x-data-grid-premium';
-export { type GridColDef, type GridRenderCellParams, type GridRowId, type GridRowParams, type GridRowSelectionModel, type GridRowsProp, type GridSortModel, GridRow, GridCell, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRowCount, GridSelectedRowCount, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridRowsLookupSelector, GRID_DETAIL_PANEL_TOGGLE_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, useGridApiContext, useGridApiRef, useGridSelector, } from '@mui/x-data-grid-premium';
+export { type GridColDef, type GridRenderCellParams, type GridRowId, type GridRowParams, type GridRowSelectionModel, type GridRowsProp, type GridSortModel, type GridTreeNodeWithRender, GridRow, GridCell, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRowCount, GridSelectedRowCount, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridRowsLookupSelector, GRID_DETAIL_PANEL_TOGGLE_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, useGridApiContext, useGridApiRef, useGridSelector, } from '@mui/x-data-grid-premium';
 import React from 'react';
 import { MUIGlobalOmit } from '@global/utils/types';
 export type DataGridProps = MUIGlobalOmit<MuiDataGridProps>;

package/dist/esm/types/components/FormCheckbox/FormCheckbox.d.ts

@@ -10,11 +10,4 @@ export type FormCheckboxProps = FormBaseProps & CheckboxProps & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
  */
-export declare const FormCheckbox: React.ForwardRefExoticComponent<Omit<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & Pick<import("@mui/material").StandardTextFieldProps | import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & Omit<import("@mui/material").CheckboxProps, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple"> & {
-    data: {
-        value: string | number;
-        label?: React.ReactNode;
-    }[];
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const FormCheckbox: React.ForwardRefExoticComponent<Omit<FormCheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/types/components/FormInput/FormInput.d.ts

@@ -5,6 +5,4 @@ export type FormInputProps = FormBaseProps & InputProps;
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
  */
-export declare const FormInput: React.ForwardRefExoticComponent<Omit<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & Pick<import("@mui/material").StandardTextFieldProps | import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & InputProps, "ref"> & React.RefAttributes<unknown>>;
+export declare const FormInput: React.ForwardRefExoticComponent<Omit<FormInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/esm/types/components/FormRadio/FormRadio.d.ts

@@ -13,13 +13,4 @@ export type FormRadioProps = FormBaseProps & RadioGroupProps & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
  */
-export declare const FormRadio: React.ForwardRefExoticComponent<Omit<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & Pick<import("@mui/material").StandardTextFieldProps | import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & RadioGroupProps & {
-    inputRef?: RadioProps['inputRef'];
-    data: {
-        value: string | number;
-        label?: string;
-        message?: string;
-    }[];
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const FormRadio: React.ForwardRefExoticComponent<Omit<FormRadioProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/types/components/FormSelect/FormSelect.d.ts

@@ -11,11 +11,5 @@ export type FormSelectProps = FormBaseProps & SelectProps<string | number> & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
  */
-export declare const FormSelect: React.ForwardRefExoticComponent<Omit<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & Pick<import("@mui/material").StandardTextFieldProps | import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & Omit<import("@mui/material").SelectProps<string | number>, "variant"> & {
-    withBorder?: boolean | undefined;
-} & {
-    options: Option[];
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const FormSelect: React.ForwardRefExoticComponent<Omit<FormSelectProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/esm/types/components/FormSwitch/FormSwitch.d.ts

@@ -8,8 +8,4 @@ export declare const BaseFormSwitch: ({ component, disabled, label, error, formC
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
  */
-export declare const FormSwitch: React.ForwardRefExoticComponent<Omit<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & Pick<import("@mui/material").StandardTextFieldProps | import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & Omit<import("@mui/material").SwitchProps, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple"> & {
-    formControlLabel?: string | undefined;
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const FormSwitch: React.ForwardRefExoticComponent<Omit<FormSwitchProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/index.d.ts

@@ -7,8 +7,6 @@ import * as React from 'react';
 import React__default, { ReactNode, ElementType } from 'react';
 import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
 import { TypographyProps as TypographyProps$1 } from '@mui/material/Typography';
-import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
-import * as _mui_system from '@mui/system';
 import { DatePickerProps, DateTimePickerProps } from '@mui/x-date-pickers-pro';
 import dayjs, { Dayjs } from 'dayjs';
 import { DateRangePickerProps } from '@mui/x-date-pickers-pro/DateRangePicker';
@@ -166,14 +164,7 @@ type FormCheckboxProps = FormBaseProps & CheckboxProps & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
  */
-declare const FormCheckbox: React__default.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React__default.RefObject<HTMLDivElement> | null | undefined;
-}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & Pick<_mui_material.StandardTextFieldProps | _mui_material.FilledTextFieldProps | _mui_material.OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & Omit<_mui_material.CheckboxProps, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple"> & {
-    data: {
-        value: string | number;
-        label?: React__default.ReactNode;
-    }[];
-}, "ref"> & React__default.RefAttributes<unknown>>;
+declare const FormCheckbox: React__default.ForwardRefExoticComponent<Omit<FormCheckboxProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 type DatePickerWrapperProps = {
     error?: boolean;
@@ -259,16 +250,7 @@ type FormRadioProps = FormBaseProps & RadioGroupProps & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
  */
-declare const FormRadio: React__default.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React__default.RefObject<HTMLDivElement> | null | undefined;
-}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & Pick<_mui_material.StandardTextFieldProps | _mui_material.FilledTextFieldProps | _mui_material.OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & RadioGroupProps & {
-    inputRef?: RadioProps['inputRef'];
-    data: {
-        value: string | number;
-        label?: string;
-        message?: string;
-    }[];
-}, "ref"> & React__default.RefAttributes<unknown>>;
+declare const FormRadio: React__default.ForwardRefExoticComponent<Omit<FormRadioProps, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 
 type SwitchProps = MUIGlobalOmit<SwitchProps$1>;
 /**
@@ -282,11 +264,7 @@ type FormSwitchProps = FormBaseProps & SwitchProps & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
  */
-declare const FormSwitch: React__default.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React__default.RefObject<HTMLDivElement> | null | undefined;
-}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & Pick<_mui_material.StandardTextFieldProps | _mui_material.FilledTextFieldProps | _mui_material.OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & Omit<_mui_material.SwitchProps, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple"> & {
-    formControlLabel?: string | undefined;
-}, "ref"> & React__default.RefAttributes<unknown>>;
+declare const FormSwitch: React__default.ForwardRefExoticComponent<Omit<FormSwitchProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 type SelectProps<T extends unknown> = FormBaseProps & Omit<SelectProps$1<T>, 'variant'> & {
     /**
@@ -310,13 +288,7 @@ type FormSelectProps = FormBaseProps & SelectProps<string | number> & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
  */
-declare const FormSelect: React__default.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React__default.RefObject<HTMLDivElement> | null | undefined;
-}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & Pick<_mui_material.StandardTextFieldProps | _mui_material.FilledTextFieldProps | _mui_material.OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & Omit<_mui_material.SelectProps<string | number>, "variant"> & {
-    withBorder?: boolean | undefined;
-} & {
-    options: Option[];
-}, "ref"> & React__default.RefAttributes<unknown>>;
+declare const FormSelect: React__default.ForwardRefExoticComponent<Omit<FormSelectProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 type InputProps = Omit<TextFieldProps, 'maxRows' | 'minRows' | 'multiline' | 'rows' | 'size' | 'variant'>;
 /**
@@ -328,9 +300,7 @@ type FormInputProps = FormBaseProps & InputProps;
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-form--docs
  */
-declare const FormInput: React__default.ForwardRefExoticComponent<Omit<_mui_system.BoxOwnProps<_mui_material.Theme> & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React__default.RefObject<HTMLDivElement> | null | undefined;
-}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_system.BoxOwnProps<_mui_material.Theme>> & Pick<_mui_material.StandardTextFieldProps | _mui_material.FilledTextFieldProps | _mui_material.OutlinedTextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & InputProps, "ref"> & React__default.RefAttributes<unknown>>;
+declare const FormInput: React__default.ForwardRefExoticComponent<Omit<FormInputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 type SliderProps = MUIGlobalOmit<Omit<SliderProps$1, 'variant' | 'label'>>;
 /**
@@ -4680,7 +4650,7 @@ type IconProps = {
  */
 declare const Icon: ({ name, ...props }: IconProps) => React__default.JSX.Element;
 
-var _path$4, _path2$4, _path3$4, _path4$4, _path5$4, _path6$4, _path7$4, _path8$4, _circle, _path9$3, _path10$3;
+var _path$4, _path2$4, _path3$4, _path4$4, _path5$4, _path6$4, _path7$4, _path8$4, _circle, _path9$3, _path0$3;
 function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
 var SvgFloppyDisk = function SvgFloppyDisk(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$4({
@@ -4732,14 +4702,14 @@ var SvgFloppyDisk = function SvgFloppyDisk(props) {
     fill: "#fff",
     stroke: "#262A59",
     d: "M52.339 49.895h6.323v6.323h-6.323zm-18.178 11.46h3.952v3.952h-3.952z"
-  })), _path10$3 || (_path10$3 = /*#__PURE__*/React.createElement("path", {
+  })), _path0$3 || (_path0$3 = /*#__PURE__*/React.createElement("path", {
     fill: "#A8AABD",
     stroke: "#262A59",
     d: "M37.696 72.152a5 5 0 0 1 5-5h25.609a5 5 0 0 1 5 5V74H37.696z"
   })));
 };
 
-var _path$3, _path2$3, _path3$3, _path4$3, _path5$3, _path6$3, _path7$3, _path8$3, _path9$2, _path10$2, _path11$2, _path12$2, _path13$2, _path14$1, _path15$1, _path16, _path17, _path18;
+var _path$3, _path2$3, _path3$3, _path4$3, _path5$3, _path6$3, _path7$3, _path8$3, _path9$2, _path0$2, _path1$2, _path10$2, _path11$2, _path12$1, _path13$1, _path14, _path15, _path16;
 function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
 var SvgSatellite = function SvgSatellite(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$3({
@@ -4782,45 +4752,45 @@ var SvgSatellite = function SvgSatellite(props) {
   })), _path9$2 || (_path9$2 = /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     d: "m73.7 58.038 7.359-7.359a2.424 2.424 0 0 0 0-3.429L74.2 40.391a2.424 2.424 0 0 0-3.429 0l-7.362 7.359a1.2 1.2 0 0 0-.355.857v1.567c0 .322-.128.63-.355.858l-1.006 1.006a1.2 1.2 0 0 1-.853.355l-1.564.006c-.32.001-.626.129-.852.354l-7.369 7.354a2.424 2.424 0 0 0 0 3.432l6.855 6.855a2.42 2.42 0 0 0 3.431 0l7.354-7.369a1.2 1.2 0 0 0 .355-.852l.006-1.564c0-.32.129-.627.355-.853l1.006-1.006a1.2 1.2 0 0 1 .857-.355h1.566a1.2 1.2 0 0 0 .86-.357"
-  })), _path10$2 || (_path10$2 = /*#__PURE__*/React.createElement("path", {
+  })), _path0$2 || (_path0$2 = /*#__PURE__*/React.createElement("path", {
     stroke: "#262A59",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     d: "m73.7 58.038 7.359-7.359a2.424 2.424 0 0 0 0-3.429L74.2 40.391a2.424 2.424 0 0 0-3.429 0l-7.362 7.359a1.2 1.2 0 0 0-.355.857v1.567c0 .322-.128.63-.355.858l-1.006 1.006a1.2 1.2 0 0 1-.853.355l-1.564.006c-.32.001-.626.129-.852.354l-7.369 7.354a2.424 2.424 0 0 0 0 3.432l6.855 6.855a2.42 2.42 0 0 0 3.431 0l7.354-7.369a1.2 1.2 0 0 0 .355-.852l.006-1.564c0-.32.129-.627.355-.853l1.006-1.006a1.2 1.2 0 0 1 .857-.355h1.566a1.2 1.2 0 0 0 .86-.357"
-  })), _path11$2 || (_path11$2 = /*#__PURE__*/React.createElement("path", {
+  })), _path1$2 || (_path1$2 = /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     d: "M53.231 81.79a8.94 8.94 0 0 0-.894-11.823l-.857-.857a8.94 8.94 0 0 0-11.823-.894 1.208 1.208 0 0 0-.111 1.82L51.411 81.9a1.21 1.21 0 0 0 1.82-.11"
-  })), _path12$2 || (_path12$2 = /*#__PURE__*/React.createElement("path", {
+  })), _path10$2 || (_path10$2 = /*#__PURE__*/React.createElement("path", {
     stroke: "#262A59",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     d: "M53.231 81.79a8.94 8.94 0 0 0-.894-11.823l-.857-.857a8.94 8.94 0 0 0-11.823-.894 1.208 1.208 0 0 0-.111 1.82L51.411 81.9a1.21 1.21 0 0 0 1.82-.11m-7.753-5.822-2.572 2.572m21.863-24.434 2.572 2.572"
-  })), _path13$2 || (_path13$2 = /*#__PURE__*/React.createElement("path", {
+  })), _path11$2 || (_path11$2 = /*#__PURE__*/React.createElement("path", {
     fill: "#A8AABD",
     stroke: "#262A59",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     d: "m39.906 38.674 9.43-9.431 14.147 14.146-9.43 9.431z"
-  })), _path14$1 || (_path14$1 = /*#__PURE__*/React.createElement("path", {
+  })), _path12$1 || (_path12$1 = /*#__PURE__*/React.createElement("path", {
     stroke: "#262A59",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     d: "m44.621 33.958 14.146 14.147m0-9.431-9.43 9.431m4.715-14.147-9.431 9.431"
-  })), _path15$1 || (_path15$1 = /*#__PURE__*/React.createElement("path", {
+  })), _path13$1 || (_path13$1 = /*#__PURE__*/React.createElement("path", {
     fill: "#A8AABD",
     d: "M52.337 69.967a3.03 3.03 0 0 0 4.287 0l.429-.429-5.144-5.144-.429.429a3.03 3.03 0 0 0 0 4.287z"
-  })), _path16 || (_path16 = /*#__PURE__*/React.createElement("path", {
+  })), _path14 || (_path14 = /*#__PURE__*/React.createElement("path", {
     stroke: "#262A59",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     d: "M52.337 69.967a3.03 3.03 0 0 0 4.287 0l.429-.429-5.144-5.144-.429.429a3.03 3.03 0 0 0 0 4.287zM64.34 46.819l-2.143-2.144m-4.716 9.002-2.143-2.143"
-  })), _path17 || (_path17 = /*#__PURE__*/React.createElement("path", {
+  })), _path15 || (_path15 = /*#__PURE__*/React.createElement("path", {
     fill: "#A8AABD",
     stroke: "#262A59",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     d: "m68.628 67.395 9.43-9.431L92.205 72.11l-9.431 9.431z"
-  })), _path18 || (_path18 = /*#__PURE__*/React.createElement("path", {
+  })), _path16 || (_path16 = /*#__PURE__*/React.createElement("path", {
     stroke: "#262A59",
     strokeLinecap: "round",
     strokeLinejoin: "round",
@@ -4828,7 +4798,7 @@ var SvgSatellite = function SvgSatellite(props) {
   })));
 };
 
-var _path$2, _path2$2, _path3$2, _path4$2, _path5$2, _path6$2, _path7$2, _path8$2, _path9$1, _path10$1, _path11$1, _path12$1, _path13$1, _path14, _path15;
+var _path$2, _path2$2, _path3$2, _path4$2, _path5$2, _path6$2, _path7$2, _path8$2, _path9$1, _path0$1, _path1$1, _path10$1, _path11$1, _path12, _path13;
 function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
 var SvgRocketFixing = function SvgRocketFixing(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$2({
@@ -4876,36 +4846,36 @@ var SvgRocketFixing = function SvgRocketFixing(props) {
     strokeLinejoin: "round",
     strokeWidth: 1.5,
     d: "M35.83 80.536a2.4 2.4 0 0 1-.142-.592l-.286-1.952c-.703-4.783-1.406-9.568-2.217-14.333a10.8 10.8 0 0 1-.133-4.54 3.61 3.61 0 0 1 3.155-2.857 3.62 3.62 0 0 1 3.204 2.846 11 11 0 0 1-.087 4.572c-.832 5.334-1.423 10.703-2.14 16.054-.066.497-.437 1.9-1.203 1.051a.9.9 0 0 1-.15-.25"
-  })), _path10$1 || (_path10$1 = /*#__PURE__*/React.createElement("path", {
+  })), _path0$1 || (_path0$1 = /*#__PURE__*/React.createElement("path", {
     stroke: "#262A59",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     strokeWidth: 1.5,
     d: "M23.904 18.69a21.73 21.73 0 0 0 23.773-.249A34.97 34.97 0 0 0 36.185 3.388a.916.916 0 0 0-1.104.011 34.97 34.97 0 0 0-11.177 15.292"
-  })), _path11$1 || (_path11$1 = /*#__PURE__*/React.createElement("path", {
+  })), _path1$1 || (_path1$1 = /*#__PURE__*/React.createElement("path", {
     fill: "#A8AABD",
     stroke: "#262A59",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     strokeWidth: 1.5,
     d: "M28.605 40.185c0 5.664 6.131 9.204 11.036 6.372a7.36 7.36 0 0 0 3.679-6.372c0-5.663-6.132-9.203-11.037-6.371a7.36 7.36 0 0 0-3.678 6.371"
-  })), _path12$1 || (_path12$1 = /*#__PURE__*/React.createElement("path", {
+  })), _path10$1 || (_path10$1 = /*#__PURE__*/React.createElement("path", {
     fill: "#A8AABD",
     d: "M31.602 40.185c-.006 3.357 3.625 5.46 6.535 3.787a4.36 4.36 0 0 0 2.186-3.787c.005-3.356-3.626-5.46-6.535-3.786a4.36 4.36 0 0 0-2.186 3.786"
-  })), _path13$1 || (_path13$1 = /*#__PURE__*/React.createElement("path", {
+  })), _path11$1 || (_path11$1 = /*#__PURE__*/React.createElement("path", {
     stroke: "#262A59",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     strokeWidth: 1.5,
     d: "M31.602 40.185c-.006 3.357 3.625 5.46 6.535 3.787a4.36 4.36 0 0 0 2.186-3.787c.005-3.356-3.626-5.46-6.535-3.786a4.36 4.36 0 0 0-2.186 3.786"
-  })), _path14 || (_path14 = /*#__PURE__*/React.createElement("path", {
+  })), _path12 || (_path12 = /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     stroke: "#262A59",
     strokeLinecap: "round",
     strokeLinejoin: "round",
     strokeWidth: 1.5,
     d: "M97.531 62.314a4.69 4.69 0 0 1-5.814 3.208l-28.723-8.273a12.54 12.54 0 0 1-13.334 4.298 12.2 12.2 0 0 1-3.846-1.88 10 10 0 0 1-1.002-.801 12.55 12.55 0 0 1-3.547-5.326 1.566 1.566 0 0 1 1.917-2.005l2.832.814 1.095.313 3.358.965c.395.113.82.063 1.178-.138l3.872-2.143a1.555 1.555 0 0 0 .614-2.13l-2.143-3.885a1.53 1.53 0 0 0-.927-.74l-4.248-1.227.589-3.233c.063-.876.076-1.752.076-2.62 7.541-2.273 15.292 2.87 16.128 10.703l28.71 8.283a4.686 4.686 0 0 1 3.215 5.817"
-  })), _path15 || (_path15 = /*#__PURE__*/React.createElement("path", {
+  })), _path13 || (_path13 = /*#__PURE__*/React.createElement("path", {
     fill: "#262A59",
     d: "M93.013 59.912a1.095 1.095 0 1 0 .957.566 1.1 1.1 0 0 0-.96-.566z"
   })));
@@ -4959,7 +4929,7 @@ var SvgEmailCheck = function SvgEmailCheck(props) {
   })));
 };
 
-var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13;
+var _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path0, _path1, _path10, _path11;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 var SvgApproveDoc = function SvgApproveDoc(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
@@ -5003,20 +4973,20 @@ var SvgApproveDoc = function SvgApproveDoc(props) {
   })), _path9 || (_path9 = /*#__PURE__*/React.createElement("path", {
     fill: "#A8AABD",
     d: "M56.782 75.171c-.092.241-.27.45-.507.6a1.54 1.54 0 0 1-.814.229H17.543c-.293 0-.578-.08-.815-.23a1.24 1.24 0 0 1-.507-.599L15 72h43z"
-  })), _path10 || (_path10 = /*#__PURE__*/React.createElement("path", {
+  })), _path0 || (_path0 = /*#__PURE__*/React.createElement("path", {
     stroke: "#262A59",
     strokeLinejoin: "round",
     strokeWidth: 1.5,
     d: "M59.775 72H14.221c-.324 0-.634-.119-.863-.33a1.09 1.09 0 0 1-.358-.797v-4.355c0-.593.127-1.18.373-1.729a4.5 4.5 0 0 1 1.061-1.466c.455-.42.995-.752 1.589-.98A5.3 5.3 0 0 1 17.896 62h38.208c.643 0 1.28.117 1.873.344.594.227 1.134.56 1.589.98s.815.917 1.061 1.465c.246.549.373 1.136.373 1.73v4.354c0 .148-.032.295-.093.432a1.1 1.1 0 0 1-.266.366 1.2 1.2 0 0 1-.397.244 1.3 1.3 0 0 1-.469.085ZM44.038 42.185H29.962A2.7 2.7 0 0 1 29 42c.735 1.554 2.738 6.984 2.738 20H42.26c0-13.016 2.003-18.446 2.739-20a2.71 2.71 0 0 1-.962.185Z"
-  })), _path11 || (_path11 = /*#__PURE__*/React.createElement("path", {
+  })), _path1 || (_path1 = /*#__PURE__*/React.createElement("path", {
     stroke: "#262A59",
     strokeLinejoin: "round",
     strokeWidth: 1.5,
     d: "M56.782 75.171c-.092.241-.27.45-.507.6a1.54 1.54 0 0 1-.814.229H17.543c-.293 0-.578-.08-.815-.23a1.24 1.24 0 0 1-.507-.599L15 72h43zM32 56h11"
-  })), _path12 || (_path12 = /*#__PURE__*/React.createElement("path", {
+  })), _path10 || (_path10 = /*#__PURE__*/React.createElement("path", {
     fill: "#fff",
     d: "M27 29h20v13H27z"
-  })), _path13 || (_path13 = /*#__PURE__*/React.createElement("path", {
+  })), _path11 || (_path11 = /*#__PURE__*/React.createElement("path", {
     stroke: "#262A59",
     strokeLinejoin: "round",
     strokeWidth: 1.5,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "4.5.0",
+  "version": "4.6.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",
@@ -11,7 +11,7 @@
   ],
   "types": "dist/index.d.ts",
   "scripts": {
-    "dev": "npm run storybook",
+    "dev": "pnpm run storybook",
     "build": "rollup -c --failAfterWarnings",
     "build:watch": "rollup -c -w",
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js --testPathIgnorePatterns=smoke",
@@ -27,7 +27,7 @@
     "release:patch": "commit-and-tag-version --release-as patch",
     "prepare": "husky install",
     "format": "prettier --write ./**/*.mdx",
-    "build-icons": "node scripts/icons/generate-icons-index.mjs && npm run optimize-icons",
+    "build-icons": "node scripts/icons/generate-icons-index.mjs && pnpm run optimize-icons",
     "optimize-icons": "svgo -f src/global/icons"
   },
   "dependencies": {
@@ -41,6 +41,7 @@
     "@babel/preset-env": "^7.16.10",
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
+    "@babel/runtime": "^7.27.1",
     "@commitlint/cli": "^17.7.0",
     "@commitlint/config-conventional": "^17.7.0",
     "@emotion/jest": "^11.7.1",
@@ -57,6 +58,7 @@
     "@rollup/plugin-typescript": "^11.1.6",
     "@storybook/addon-a11y": "^8.6.10",
     "@storybook/addon-actions": "^8.6.10",
+    "@storybook/addon-docs": "^8.6.14",
     "@storybook/addon-essentials": "^8.6.10",
     "@storybook/addon-links": "^8.6.10",
     "@storybook/addon-mdx-gfm": "^8.6.10",
@@ -94,6 +96,7 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "storybook": "^8.6.10",
     "svgo": "^3.3.2",
+    "tslib": "^2.8.1",
     "typescript": "^4.5.4",
     "vite": "^6.2.3",
     "vite-plugin-svgr": "^4.2.0"
@@ -115,12 +118,12 @@
   "homepage": "https://github.com/up42/up-components#readme",
   "access": "private",
   "engines": {
-    "node": ">= 22",
-    "npm": ">= 8"
+    "node": ">= 22"
   },
   "commit-and-tag-version": {
     "skip": {
       "tag": true
     }
-  }
+  },
+  "packageManager": "pnpm@10.10.0+sha512.d615db246fe70f25dcfea6d8d73dee782ce23e2245e3c4f6f888249fb568149318637dca73c2c5c8ef2a4ca0d5657fb9567188bfab47f566d1ee6ce987815c39"
 }