@sistent/sistent 0.15.0 → 0.15.2

package/dist/index.d.mts

@@ -5,6 +5,8 @@ import React$1, { MutableRefObject, FC, SVGProps, CSSProperties, ReactNode } fro
 export { outlinedInputClasses } from '@mui/material/OutlinedInput';
 export { tooltipClasses } from '@mui/material/Tooltip';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _emotion_styled from '@emotion/styled';
+import * as _mui_system from '@mui/system';
 import { Store as Store$1, Dispatch } from 'redux';
 import { TypographyOptions } from '@mui/material/styles/createTypography';
 import { EmotionCache } from '@emotion/react';
@@ -876,6 +878,51 @@ declare const RenderMarkdown: React.FC<RenderMarkdownProps>;
 declare const RenderMarkdownTooltip: React.FC<RenderMarkdownProps>;
 declare const BasicMarkdown: React.FC<RenderMarkdownProps>;
 
+interface ModalProps extends DialogProps {
+    closeModal: () => void;
+    title: string;
+    headerIcon?: React$1.ReactNode;
+    reactNode?: React$1.ReactNode;
+    isFullScreenModeAllowed?: boolean;
+}
+interface ModalFooterProps {
+    children: React$1.ReactNode;
+    variant?: 'filled' | 'transparent';
+    helpText?: string;
+    hasHelpText?: boolean;
+}
+type openModalCallback = (props: {
+    title: string;
+    reactNode?: React$1.ReactNode;
+    onClose?: () => void;
+}) => void;
+interface UseModalReturnI extends ModalProps {
+    openModal: openModalCallback;
+    isOpen: boolean;
+}
+declare const CloseBtn: _emotion_styled.StyledComponent<Omit<IconButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+declare const ModalStyledHeader: _emotion_styled.StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const useModal: ({ headerIcon }: {
+    headerIcon: React$1.ReactNode;
+}) => UseModalReturnI;
+declare const ModalBody: _emotion_styled.StyledComponent<Omit<_mui_material.PaperProps, "ref"> & React$1.RefAttributes<HTMLDivElement> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+declare const Modal: React$1.FC<ModalProps>;
+declare const ModalFooter: React$1.FC<ModalFooterProps>;
+interface ModalButtonPrimaryProps extends ButtonProps$1 {
+    isOpen?: boolean;
+}
+declare const ModalButtonPrimary: _emotion_styled.StyledComponent<ButtonProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & ModalButtonPrimaryProps, {}, {}>;
+declare const ModalButtonSecondary: _emotion_styled.StyledComponent<ButtonProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+declare const ModalButtonTertiary: _emotion_styled.StyledComponent<ButtonProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+declare const ModalButtonDanger: _emotion_styled.StyledComponent<ButtonProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+interface PrimaryActionButtonsProps {
+    primaryText: string;
+    secondaryText: string;
+    primaryButtonProps?: React$1.ComponentProps<typeof ModalButtonPrimary>;
+    secondaryButtonProps?: React$1.ComponentProps<typeof ModalButtonSecondary>;
+}
+declare const PrimaryActionButtons: React$1.FC<PrimaryActionButtonsProps>;
+
 interface ICEServer {
     urls: string;
     username?: string;
@@ -2354,6 +2401,11 @@ type PrimitivePalette = {
      */
     foreground: string;
 };
+/**
+ * Layer5 ( primitives ) defines the raw, brand-level colors used in the UI.
+ */
+declare const SistentDefaultPrimitivePaletteLight: PrimitivePalette;
+declare const SistentDefaultPrimitivePaletteDark: PrimitivePalette;
 
 /**
  * Define the base common colors to derive from
@@ -2655,4 +2707,4 @@ declare const FormattedTime: ({ date }: {
     date: string;
 }) => react_jsx_runtime.JSX.Element;
 
-export { ALABASTER_WHITE, ALICE_BLUE, ANAKIWA, Accordion, AccordionActions, AccordionDetails, AccordionSummary, AddIconCircleBordered as AddCircleIcon, AddIcon, Alert, AlertTitle, AppBar, ApplicationIcon, ArrowCompressIcon$1 as ArrowCompressIcon, ArrowCompressIcon as ArrowExpandIcon, Autocomplete, Avatar, AvatarGroup, BLACK, Backdrop, Badge, BasicMarkdown, BellIcon, Box, Breadcrumbs, BusIcon, Button, ButtonGroup, CARIBBEAN_GREEN, CASPER, CHARCOAL, CHINESE_SILVER, CONNECTED, CULTURED, CalenderIcon, Card, CardActions, CardContent, CardHeader, CardMedia, CaretDownIcon, CatalogIcon, ChainIcon, ChallengesIcon, CheckCircleIcon, Checkbox, ChevronLeft, Chip, CircleIcon, CircularProgress, ClickAwayListener, CloneIcon, CloseIcon, CloudSavedIcon, Collapse, CollapsAllIcon as CollapseAllIcon, ColumnIcon, CommunityClassIcon, ComponentIcon, ConfigurationIcon, Container, ContentFilterIcon, CopyIcon, CopyLinkIcon, CreateNewIcon, CredentialIcon, CrossCircleIcon, CssBaseline, CustomTooltip, DARK_BLUE_GRAY, DARK_PRIMARY_COLOR, DARK_SHADE_GRAY, DARK_SLATE_GRAY, DARK_TEAL, DATA_VALIDATOR_COMMANDS, DATA_VALIDATOR_EVENTS, DELETED, DISCONNECTED, DISCOVERED, DashboardIcon, type DataType, DatabaseIcon, DeferEvents, DeleteIcon, DeploymentsIcon, DesignIcon, DesignerBottomRightIcon, DetailsIcon as DetailIcon, DetailsIcon, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, DocumentIcon, DoneAllIcon, DoneIcon, DownloadIcon$1 as DownloadIcon, DragIcon, Drawer, DropDownIcon, EERIE_BLACK, EditIcon, EmptyStyleIcon, EnvironmentIcon, ErrorIcon, EventBus, type EventBusEvent, type EventType, ExpandAllIcon, DownloadIcon as ExportIcon, ExternalLinkIcon, Fab, FacebookIcon, Fade, FavoriteIcon, FeedbackIcon, FileIcon, FilterIcon, FormControl, FormControlLabel, FormGroup, FormLabel, FormattedTime, FullScreenIcon, FullScreenExitIcon as FullScreenIconExit, GRAY, GRAY97, GREEN, GetStartedIcon, GithubIcon, GoogleIcon, Grid, Grid2, GridViewIcon, Grow, HelpOutlinedIcon, HelperTextPopover, Hidden, IGNORED, IconButton, IdeaIcon, InfoCircleIcon, InfoIcon, InfoOutlinedIcon as InfoOutlined, InfoTooltip, Input, InputAdornment, InputBase, InputLabel, InsertChartIcon, InviteUserIcon, KEPPEL, KanvasIcon, KeppelApplicationIcon, KeppelRectangleIcon, KeppelTallRoundedRectangleIcon, KubernetesIcon, LIGHT_GRAY, LIGHT_TEAL, LIMED_SPRUCE, LeaderboardIcon as LeaderBoardIcon, LearningIcon, LeftAngledArrowIcon, LeftArrowIcon, LinearProgress, Link, LinkedinIcon, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader, LockIcon, LogoutIcon, MAINTAINENCE, MIDNIGHT_BLACK, MendeleyIcon, Menu, MenuIcon, MenuItem, MenuList, MesheryFilterIcon, MesheryOperator, MoveFileIcon, NOT_FOUND, NativeSelect, NoSsr, ONYX_BLACK, OfficialClassIcon, OpenFileIcon, OpenIcon, OpenInNewIcon, OrgIcon, OutlinedApplicationIcon, OutlinedCircleIcon, OutlinedCloudSavingIcon, OutlinedDataObjectIcon, OutlinedDeployIcon, OutlinedDoubleChevronIcon, OutlinedHierarchicalIcon, OutlinedInput, OutlinedMeshIcon, OutlinedPatternIcon, OutlinedPatternSwitchIcon, OutlinedPodIcon, OutlinedRectangleIcon, OutlinedRedoIcon, OutlinedResetIcon, OutlinedRingIcon, OutlinedScreenshotIcon, OutlinedSettingsIcon, OutlinedStarIcon, OutlinedTallRoundedRectangleIcon, OutlinedUndeployIcon, OutlinedUndoIcon, OutlinedValidateIcon, OutlinedVisibilityOffIcon, OutlinedVisibilityOnIcon, OutlinedVisualizerSwitcherIcon, PATTERNS_BLUE, PRIMARY_COLOR, Pagination, PanToolIcon, Paper, PersistedStateProvider, PersonIcon, PollIcon, Popover, Popper, type PrimitivePalette, PublicIcon, PublishIcon, QuestionIcon, REDUX_COMMANDS, REDUX_EVENTS, REEE, REGISTERED, type REXUX_ACTOR_EVENTS, RTK_EVENTS, Radio, RadioGroup, ReadIcon, RectangleIcon, type RehydrateStateAction, RemoveDoneIcon, RemoveIcon, RenderMarkdown, type RenderMarkdownProps, RenderMarkdownTooltip, RightArrowIcon, RoundedRectangleShapeIcon, RoundTriangleShapeIcon as RoundedTriangleShapeIcon, SAFFRON, SILVER_GRAY, SLATE_BLUE, SMPIcon, SaveAsIcon, SearchIcon, Select, ShareIcon, ShareLineIcon, SistentThemeProvider, SistentThemeProviderWithoutBaseLine, Skeleton, Slide, Slider, Snackbar, SpeedDial, SpeedDialAction, Stack, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper, SuccessIcon, SvgIcon, Switch, TEAL_BLUE, TRANSPARENT_WHITE, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, TableViewIcon, Tabs, TachographDigitalIcon, TachometerIcon, TallRoundedRectangleIcon, TeamsIcon, TerminalIcon, TextField, ToggleButton, ToggleButtonGroup, Toolbar, ToolkitIcon, Tooltip, type TooltipProps, TouchAppIcon, TriangleIcon, TrophyIcon as TropyIcon, TwitterIcon, Typography, VerificationClassIcon, ViewsIcon as ViewIcon, WHITE, WHITESMOKE, WarningIcon, WorkspaceIcon, XSTATE_DEBUG_EVENT, YELLOW_SEA, Zoom, accentGrey, actionIcon, anakiwa, black, blue, buttonDelete, buttonDisabled, carribean, casper, charcoal, colors, common, componentIcon, connected, createAndEditEnvironmentSchema, createAndEditEnvironmentUiSchema, createAndEditWorkspace as createAndEditWorkspaceSchema, createAndEditWorkspaceUiSchema, cultured, darkModePalette, darkSlateGray, darkTeal, dataValidatorCommands, dataValidatorEvents, dataValidatorMachine, deadLetter, eerieBlack, forwardToActors, fromWorkerfiedActor, getCollaborationConfig, getFormatDate, getFullFormattedTime, getRelativeTime, getWebSocketProtocol, grafanaCredentialUiSchema as grafanaCredentialSUiSchema, grafanaCredentialSchema, gray, green, helmConnectionSchema, helmConnectionUiSchema, helpAndSupportModalSchema, helpAndSupportModalUiSchema, importDesignSchema, importDesignUiSchema, importFilterSchema, importFilterUiSchema, importModelSchema, importModelUiSchema, initReduxPersist, jungleGreen, keppel, kubernetesCredentialSchema, kubernetesCredentialUiSchema, lightModePalette, notificationColors, patternsBlue, primaryColor, prometheusCredentialSchema, prometheusCredentialUiSchema, publishCatalogItemSchema, publishCatalogItemUiSchema, red, redDelete, reduxActor, reduxCommands, reduxEvents, reply, rtkQueryActor, rtkQueryActorCommands, rtkQueryActorEvents, saffron, selectIsValidating, selectValidationResults, sendToActor, sendToActors, slateGray, socialIcons, subscribeToRoom, tabMenu, tableBackgroundHover, typography, unSubscribeRoom, useRoomActivity, white, workerfyActor, yellow };
+export { ALABASTER_WHITE, ALICE_BLUE, ANAKIWA, Accordion, AccordionActions, AccordionDetails, AccordionSummary, AddIconCircleBordered as AddCircleIcon, AddIcon, Alert, AlertTitle, AppBar, ApplicationIcon, ArrowCompressIcon$1 as ArrowCompressIcon, ArrowCompressIcon as ArrowExpandIcon, Autocomplete, Avatar, AvatarGroup, BLACK, Backdrop, Badge, BasicMarkdown, BellIcon, Box, Breadcrumbs, BusIcon, Button, ButtonGroup, CARIBBEAN_GREEN, CASPER, CHARCOAL, CHINESE_SILVER, CONNECTED, CULTURED, CalenderIcon, Card, CardActions, CardContent, CardHeader, CardMedia, CaretDownIcon, CatalogIcon, ChainIcon, ChallengesIcon, CheckCircleIcon, Checkbox, ChevronLeft, Chip, CircleIcon, CircularProgress, ClickAwayListener, CloneIcon, CloseBtn, CloseIcon, CloudSavedIcon, Collapse, CollapsAllIcon as CollapseAllIcon, ColumnIcon, CommunityClassIcon, ComponentIcon, ConfigurationIcon, Container, ContentFilterIcon, CopyIcon, CopyLinkIcon, CreateNewIcon, CredentialIcon, CrossCircleIcon, CssBaseline, CustomTooltip, DARK_BLUE_GRAY, DARK_PRIMARY_COLOR, DARK_SHADE_GRAY, DARK_SLATE_GRAY, DARK_TEAL, DATA_VALIDATOR_COMMANDS, DATA_VALIDATOR_EVENTS, DELETED, DISCONNECTED, DISCOVERED, DashboardIcon, type DataType, DatabaseIcon, DeferEvents, DeleteIcon, DeploymentsIcon, DesignIcon, DesignerBottomRightIcon, DetailsIcon as DetailIcon, DetailsIcon, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, DocumentIcon, DoneAllIcon, DoneIcon, DownloadIcon$1 as DownloadIcon, DragIcon, Drawer, DropDownIcon, EERIE_BLACK, EditIcon, EmptyStyleIcon, EnvironmentIcon, ErrorIcon, EventBus, type EventBusEvent, type EventType, ExpandAllIcon, DownloadIcon as ExportIcon, ExternalLinkIcon, Fab, FacebookIcon, Fade, FavoriteIcon, FeedbackIcon, FileIcon, FilterIcon, FormControl, FormControlLabel, FormGroup, FormLabel, FormattedTime, FullScreenIcon, FullScreenExitIcon as FullScreenIconExit, GRAY, GRAY97, GREEN, GetStartedIcon, GithubIcon, GoogleIcon, Grid, Grid2, GridViewIcon, Grow, HelpOutlinedIcon, HelperTextPopover, Hidden, IGNORED, IconButton, IdeaIcon, InfoCircleIcon, InfoIcon, InfoOutlinedIcon as InfoOutlined, InfoTooltip, Input, InputAdornment, InputBase, InputLabel, InsertChartIcon, InviteUserIcon, KEPPEL, KanvasIcon, KeppelApplicationIcon, KeppelRectangleIcon, KeppelTallRoundedRectangleIcon, KubernetesIcon, LIGHT_GRAY, LIGHT_TEAL, LIMED_SPRUCE, LeaderboardIcon as LeaderBoardIcon, LearningIcon, LeftAngledArrowIcon, LeftArrowIcon, LinearProgress, Link, LinkedinIcon, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader, LockIcon, LogoutIcon, MAINTAINENCE, MIDNIGHT_BLACK, MendeleyIcon, Menu, MenuIcon, MenuItem, MenuList, MesheryFilterIcon, MesheryOperator, Modal, ModalBody, ModalButtonDanger, ModalButtonPrimary, ModalButtonSecondary, ModalButtonTertiary, ModalFooter, ModalStyledHeader, MoveFileIcon, NOT_FOUND, NativeSelect, NoSsr, ONYX_BLACK, OfficialClassIcon, OpenFileIcon, OpenIcon, OpenInNewIcon, OrgIcon, OutlinedApplicationIcon, OutlinedCircleIcon, OutlinedCloudSavingIcon, OutlinedDataObjectIcon, OutlinedDeployIcon, OutlinedDoubleChevronIcon, OutlinedHierarchicalIcon, OutlinedInput, OutlinedMeshIcon, OutlinedPatternIcon, OutlinedPatternSwitchIcon, OutlinedPodIcon, OutlinedRectangleIcon, OutlinedRedoIcon, OutlinedResetIcon, OutlinedRingIcon, OutlinedScreenshotIcon, OutlinedSettingsIcon, OutlinedStarIcon, OutlinedTallRoundedRectangleIcon, OutlinedUndeployIcon, OutlinedUndoIcon, OutlinedValidateIcon, OutlinedVisibilityOffIcon, OutlinedVisibilityOnIcon, OutlinedVisualizerSwitcherIcon, PATTERNS_BLUE, PRIMARY_COLOR, Pagination, PanToolIcon, Paper, PersistedStateProvider, PersonIcon, PollIcon, Popover, Popper, PrimaryActionButtons, type PrimitivePalette, PublicIcon, PublishIcon, QuestionIcon, REDUX_COMMANDS, REDUX_EVENTS, REEE, REGISTERED, type REXUX_ACTOR_EVENTS, RTK_EVENTS, Radio, RadioGroup, ReadIcon, RectangleIcon, type RehydrateStateAction, RemoveDoneIcon, RemoveIcon, RenderMarkdown, type RenderMarkdownProps, RenderMarkdownTooltip, RightArrowIcon, RoundedRectangleShapeIcon, RoundTriangleShapeIcon as RoundedTriangleShapeIcon, SAFFRON, SILVER_GRAY, SLATE_BLUE, SMPIcon, SaveAsIcon, SearchIcon, Select, ShareIcon, ShareLineIcon, SistentDefaultPrimitivePaletteDark, SistentDefaultPrimitivePaletteLight, SistentThemeProvider, SistentThemeProviderWithoutBaseLine, Skeleton, Slide, Slider, Snackbar, SpeedDial, SpeedDialAction, Stack, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper, SuccessIcon, SvgIcon, Switch, TEAL_BLUE, TRANSPARENT_WHITE, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, TableViewIcon, Tabs, TachographDigitalIcon, TachometerIcon, TallRoundedRectangleIcon, TeamsIcon, TerminalIcon, TextField, ToggleButton, ToggleButtonGroup, Toolbar, ToolkitIcon, Tooltip, type TooltipProps, TouchAppIcon, TriangleIcon, TrophyIcon as TropyIcon, TwitterIcon, Typography, VerificationClassIcon, ViewsIcon as ViewIcon, WHITE, WHITESMOKE, WarningIcon, WorkspaceIcon, XSTATE_DEBUG_EVENT, YELLOW_SEA, Zoom, accentGrey, actionIcon, anakiwa, black, blue, buttonDelete, buttonDisabled, carribean, casper, charcoal, colors, common, componentIcon, connected, createAndEditEnvironmentSchema, createAndEditEnvironmentUiSchema, createAndEditWorkspace as createAndEditWorkspaceSchema, createAndEditWorkspaceUiSchema, cultured, darkModePalette, darkSlateGray, darkTeal, dataValidatorCommands, dataValidatorEvents, dataValidatorMachine, deadLetter, eerieBlack, forwardToActors, fromWorkerfiedActor, getCollaborationConfig, getFormatDate, getFullFormattedTime, getRelativeTime, getWebSocketProtocol, grafanaCredentialUiSchema as grafanaCredentialSUiSchema, grafanaCredentialSchema, gray, green, helmConnectionSchema, helmConnectionUiSchema, helpAndSupportModalSchema, helpAndSupportModalUiSchema, importDesignSchema, importDesignUiSchema, importFilterSchema, importFilterUiSchema, importModelSchema, importModelUiSchema, initReduxPersist, jungleGreen, keppel, kubernetesCredentialSchema, kubernetesCredentialUiSchema, lightModePalette, notificationColors, patternsBlue, primaryColor, prometheusCredentialSchema, prometheusCredentialUiSchema, publishCatalogItemSchema, publishCatalogItemUiSchema, red, redDelete, reduxActor, reduxCommands, reduxEvents, reply, rtkQueryActor, rtkQueryActorCommands, rtkQueryActorEvents, saffron, selectIsValidating, selectValidationResults, sendToActor, sendToActors, slateGray, socialIcons, subscribeToRoom, tabMenu, tableBackgroundHover, typography, unSubscribeRoom, useModal, useRoomActivity, white, workerfyActor, yellow };

package/dist/index.d.ts

@@ -5,6 +5,8 @@ import React$1, { MutableRefObject, FC, SVGProps, CSSProperties, ReactNode } fro
 export { outlinedInputClasses } from '@mui/material/OutlinedInput';
 export { tooltipClasses } from '@mui/material/Tooltip';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _emotion_styled from '@emotion/styled';
+import * as _mui_system from '@mui/system';
 import { Store as Store$1, Dispatch } from 'redux';
 import { TypographyOptions } from '@mui/material/styles/createTypography';
 import { EmotionCache } from '@emotion/react';
@@ -876,6 +878,51 @@ declare const RenderMarkdown: React.FC<RenderMarkdownProps>;
 declare const RenderMarkdownTooltip: React.FC<RenderMarkdownProps>;
 declare const BasicMarkdown: React.FC<RenderMarkdownProps>;
 
+interface ModalProps extends DialogProps {
+    closeModal: () => void;
+    title: string;
+    headerIcon?: React$1.ReactNode;
+    reactNode?: React$1.ReactNode;
+    isFullScreenModeAllowed?: boolean;
+}
+interface ModalFooterProps {
+    children: React$1.ReactNode;
+    variant?: 'filled' | 'transparent';
+    helpText?: string;
+    hasHelpText?: boolean;
+}
+type openModalCallback = (props: {
+    title: string;
+    reactNode?: React$1.ReactNode;
+    onClose?: () => void;
+}) => void;
+interface UseModalReturnI extends ModalProps {
+    openModal: openModalCallback;
+    isOpen: boolean;
+}
+declare const CloseBtn: _emotion_styled.StyledComponent<Omit<IconButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+declare const ModalStyledHeader: _emotion_styled.StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const useModal: ({ headerIcon }: {
+    headerIcon: React$1.ReactNode;
+}) => UseModalReturnI;
+declare const ModalBody: _emotion_styled.StyledComponent<Omit<_mui_material.PaperProps, "ref"> & React$1.RefAttributes<HTMLDivElement> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+declare const Modal: React$1.FC<ModalProps>;
+declare const ModalFooter: React$1.FC<ModalFooterProps>;
+interface ModalButtonPrimaryProps extends ButtonProps$1 {
+    isOpen?: boolean;
+}
+declare const ModalButtonPrimary: _emotion_styled.StyledComponent<ButtonProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & ModalButtonPrimaryProps, {}, {}>;
+declare const ModalButtonSecondary: _emotion_styled.StyledComponent<ButtonProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+declare const ModalButtonTertiary: _emotion_styled.StyledComponent<ButtonProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+declare const ModalButtonDanger: _emotion_styled.StyledComponent<ButtonProps & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
+interface PrimaryActionButtonsProps {
+    primaryText: string;
+    secondaryText: string;
+    primaryButtonProps?: React$1.ComponentProps<typeof ModalButtonPrimary>;
+    secondaryButtonProps?: React$1.ComponentProps<typeof ModalButtonSecondary>;
+}
+declare const PrimaryActionButtons: React$1.FC<PrimaryActionButtonsProps>;
+
 interface ICEServer {
     urls: string;
     username?: string;
@@ -2354,6 +2401,11 @@ type PrimitivePalette = {
      */
     foreground: string;
 };
+/**
+ * Layer5 ( primitives ) defines the raw, brand-level colors used in the UI.
+ */
+declare const SistentDefaultPrimitivePaletteLight: PrimitivePalette;
+declare const SistentDefaultPrimitivePaletteDark: PrimitivePalette;
 
 /**
  * Define the base common colors to derive from
@@ -2655,4 +2707,4 @@ declare const FormattedTime: ({ date }: {
     date: string;
 }) => react_jsx_runtime.JSX.Element;
 
-export { ALABASTER_WHITE, ALICE_BLUE, ANAKIWA, Accordion, AccordionActions, AccordionDetails, AccordionSummary, AddIconCircleBordered as AddCircleIcon, AddIcon, Alert, AlertTitle, AppBar, ApplicationIcon, ArrowCompressIcon$1 as ArrowCompressIcon, ArrowCompressIcon as ArrowExpandIcon, Autocomplete, Avatar, AvatarGroup, BLACK, Backdrop, Badge, BasicMarkdown, BellIcon, Box, Breadcrumbs, BusIcon, Button, ButtonGroup, CARIBBEAN_GREEN, CASPER, CHARCOAL, CHINESE_SILVER, CONNECTED, CULTURED, CalenderIcon, Card, CardActions, CardContent, CardHeader, CardMedia, CaretDownIcon, CatalogIcon, ChainIcon, ChallengesIcon, CheckCircleIcon, Checkbox, ChevronLeft, Chip, CircleIcon, CircularProgress, ClickAwayListener, CloneIcon, CloseIcon, CloudSavedIcon, Collapse, CollapsAllIcon as CollapseAllIcon, ColumnIcon, CommunityClassIcon, ComponentIcon, ConfigurationIcon, Container, ContentFilterIcon, CopyIcon, CopyLinkIcon, CreateNewIcon, CredentialIcon, CrossCircleIcon, CssBaseline, CustomTooltip, DARK_BLUE_GRAY, DARK_PRIMARY_COLOR, DARK_SHADE_GRAY, DARK_SLATE_GRAY, DARK_TEAL, DATA_VALIDATOR_COMMANDS, DATA_VALIDATOR_EVENTS, DELETED, DISCONNECTED, DISCOVERED, DashboardIcon, type DataType, DatabaseIcon, DeferEvents, DeleteIcon, DeploymentsIcon, DesignIcon, DesignerBottomRightIcon, DetailsIcon as DetailIcon, DetailsIcon, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, DocumentIcon, DoneAllIcon, DoneIcon, DownloadIcon$1 as DownloadIcon, DragIcon, Drawer, DropDownIcon, EERIE_BLACK, EditIcon, EmptyStyleIcon, EnvironmentIcon, ErrorIcon, EventBus, type EventBusEvent, type EventType, ExpandAllIcon, DownloadIcon as ExportIcon, ExternalLinkIcon, Fab, FacebookIcon, Fade, FavoriteIcon, FeedbackIcon, FileIcon, FilterIcon, FormControl, FormControlLabel, FormGroup, FormLabel, FormattedTime, FullScreenIcon, FullScreenExitIcon as FullScreenIconExit, GRAY, GRAY97, GREEN, GetStartedIcon, GithubIcon, GoogleIcon, Grid, Grid2, GridViewIcon, Grow, HelpOutlinedIcon, HelperTextPopover, Hidden, IGNORED, IconButton, IdeaIcon, InfoCircleIcon, InfoIcon, InfoOutlinedIcon as InfoOutlined, InfoTooltip, Input, InputAdornment, InputBase, InputLabel, InsertChartIcon, InviteUserIcon, KEPPEL, KanvasIcon, KeppelApplicationIcon, KeppelRectangleIcon, KeppelTallRoundedRectangleIcon, KubernetesIcon, LIGHT_GRAY, LIGHT_TEAL, LIMED_SPRUCE, LeaderboardIcon as LeaderBoardIcon, LearningIcon, LeftAngledArrowIcon, LeftArrowIcon, LinearProgress, Link, LinkedinIcon, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader, LockIcon, LogoutIcon, MAINTAINENCE, MIDNIGHT_BLACK, MendeleyIcon, Menu, MenuIcon, MenuItem, MenuList, MesheryFilterIcon, MesheryOperator, MoveFileIcon, NOT_FOUND, NativeSelect, NoSsr, ONYX_BLACK, OfficialClassIcon, OpenFileIcon, OpenIcon, OpenInNewIcon, OrgIcon, OutlinedApplicationIcon, OutlinedCircleIcon, OutlinedCloudSavingIcon, OutlinedDataObjectIcon, OutlinedDeployIcon, OutlinedDoubleChevronIcon, OutlinedHierarchicalIcon, OutlinedInput, OutlinedMeshIcon, OutlinedPatternIcon, OutlinedPatternSwitchIcon, OutlinedPodIcon, OutlinedRectangleIcon, OutlinedRedoIcon, OutlinedResetIcon, OutlinedRingIcon, OutlinedScreenshotIcon, OutlinedSettingsIcon, OutlinedStarIcon, OutlinedTallRoundedRectangleIcon, OutlinedUndeployIcon, OutlinedUndoIcon, OutlinedValidateIcon, OutlinedVisibilityOffIcon, OutlinedVisibilityOnIcon, OutlinedVisualizerSwitcherIcon, PATTERNS_BLUE, PRIMARY_COLOR, Pagination, PanToolIcon, Paper, PersistedStateProvider, PersonIcon, PollIcon, Popover, Popper, type PrimitivePalette, PublicIcon, PublishIcon, QuestionIcon, REDUX_COMMANDS, REDUX_EVENTS, REEE, REGISTERED, type REXUX_ACTOR_EVENTS, RTK_EVENTS, Radio, RadioGroup, ReadIcon, RectangleIcon, type RehydrateStateAction, RemoveDoneIcon, RemoveIcon, RenderMarkdown, type RenderMarkdownProps, RenderMarkdownTooltip, RightArrowIcon, RoundedRectangleShapeIcon, RoundTriangleShapeIcon as RoundedTriangleShapeIcon, SAFFRON, SILVER_GRAY, SLATE_BLUE, SMPIcon, SaveAsIcon, SearchIcon, Select, ShareIcon, ShareLineIcon, SistentThemeProvider, SistentThemeProviderWithoutBaseLine, Skeleton, Slide, Slider, Snackbar, SpeedDial, SpeedDialAction, Stack, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper, SuccessIcon, SvgIcon, Switch, TEAL_BLUE, TRANSPARENT_WHITE, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, TableViewIcon, Tabs, TachographDigitalIcon, TachometerIcon, TallRoundedRectangleIcon, TeamsIcon, TerminalIcon, TextField, ToggleButton, ToggleButtonGroup, Toolbar, ToolkitIcon, Tooltip, type TooltipProps, TouchAppIcon, TriangleIcon, TrophyIcon as TropyIcon, TwitterIcon, Typography, VerificationClassIcon, ViewsIcon as ViewIcon, WHITE, WHITESMOKE, WarningIcon, WorkspaceIcon, XSTATE_DEBUG_EVENT, YELLOW_SEA, Zoom, accentGrey, actionIcon, anakiwa, black, blue, buttonDelete, buttonDisabled, carribean, casper, charcoal, colors, common, componentIcon, connected, createAndEditEnvironmentSchema, createAndEditEnvironmentUiSchema, createAndEditWorkspace as createAndEditWorkspaceSchema, createAndEditWorkspaceUiSchema, cultured, darkModePalette, darkSlateGray, darkTeal, dataValidatorCommands, dataValidatorEvents, dataValidatorMachine, deadLetter, eerieBlack, forwardToActors, fromWorkerfiedActor, getCollaborationConfig, getFormatDate, getFullFormattedTime, getRelativeTime, getWebSocketProtocol, grafanaCredentialUiSchema as grafanaCredentialSUiSchema, grafanaCredentialSchema, gray, green, helmConnectionSchema, helmConnectionUiSchema, helpAndSupportModalSchema, helpAndSupportModalUiSchema, importDesignSchema, importDesignUiSchema, importFilterSchema, importFilterUiSchema, importModelSchema, importModelUiSchema, initReduxPersist, jungleGreen, keppel, kubernetesCredentialSchema, kubernetesCredentialUiSchema, lightModePalette, notificationColors, patternsBlue, primaryColor, prometheusCredentialSchema, prometheusCredentialUiSchema, publishCatalogItemSchema, publishCatalogItemUiSchema, red, redDelete, reduxActor, reduxCommands, reduxEvents, reply, rtkQueryActor, rtkQueryActorCommands, rtkQueryActorEvents, saffron, selectIsValidating, selectValidationResults, sendToActor, sendToActors, slateGray, socialIcons, subscribeToRoom, tabMenu, tableBackgroundHover, typography, unSubscribeRoom, useRoomActivity, white, workerfyActor, yellow };
+export { ALABASTER_WHITE, ALICE_BLUE, ANAKIWA, Accordion, AccordionActions, AccordionDetails, AccordionSummary, AddIconCircleBordered as AddCircleIcon, AddIcon, Alert, AlertTitle, AppBar, ApplicationIcon, ArrowCompressIcon$1 as ArrowCompressIcon, ArrowCompressIcon as ArrowExpandIcon, Autocomplete, Avatar, AvatarGroup, BLACK, Backdrop, Badge, BasicMarkdown, BellIcon, Box, Breadcrumbs, BusIcon, Button, ButtonGroup, CARIBBEAN_GREEN, CASPER, CHARCOAL, CHINESE_SILVER, CONNECTED, CULTURED, CalenderIcon, Card, CardActions, CardContent, CardHeader, CardMedia, CaretDownIcon, CatalogIcon, ChainIcon, ChallengesIcon, CheckCircleIcon, Checkbox, ChevronLeft, Chip, CircleIcon, CircularProgress, ClickAwayListener, CloneIcon, CloseBtn, CloseIcon, CloudSavedIcon, Collapse, CollapsAllIcon as CollapseAllIcon, ColumnIcon, CommunityClassIcon, ComponentIcon, ConfigurationIcon, Container, ContentFilterIcon, CopyIcon, CopyLinkIcon, CreateNewIcon, CredentialIcon, CrossCircleIcon, CssBaseline, CustomTooltip, DARK_BLUE_GRAY, DARK_PRIMARY_COLOR, DARK_SHADE_GRAY, DARK_SLATE_GRAY, DARK_TEAL, DATA_VALIDATOR_COMMANDS, DATA_VALIDATOR_EVENTS, DELETED, DISCONNECTED, DISCOVERED, DashboardIcon, type DataType, DatabaseIcon, DeferEvents, DeleteIcon, DeploymentsIcon, DesignIcon, DesignerBottomRightIcon, DetailsIcon as DetailIcon, DetailsIcon, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, DocumentIcon, DoneAllIcon, DoneIcon, DownloadIcon$1 as DownloadIcon, DragIcon, Drawer, DropDownIcon, EERIE_BLACK, EditIcon, EmptyStyleIcon, EnvironmentIcon, ErrorIcon, EventBus, type EventBusEvent, type EventType, ExpandAllIcon, DownloadIcon as ExportIcon, ExternalLinkIcon, Fab, FacebookIcon, Fade, FavoriteIcon, FeedbackIcon, FileIcon, FilterIcon, FormControl, FormControlLabel, FormGroup, FormLabel, FormattedTime, FullScreenIcon, FullScreenExitIcon as FullScreenIconExit, GRAY, GRAY97, GREEN, GetStartedIcon, GithubIcon, GoogleIcon, Grid, Grid2, GridViewIcon, Grow, HelpOutlinedIcon, HelperTextPopover, Hidden, IGNORED, IconButton, IdeaIcon, InfoCircleIcon, InfoIcon, InfoOutlinedIcon as InfoOutlined, InfoTooltip, Input, InputAdornment, InputBase, InputLabel, InsertChartIcon, InviteUserIcon, KEPPEL, KanvasIcon, KeppelApplicationIcon, KeppelRectangleIcon, KeppelTallRoundedRectangleIcon, KubernetesIcon, LIGHT_GRAY, LIGHT_TEAL, LIMED_SPRUCE, LeaderboardIcon as LeaderBoardIcon, LearningIcon, LeftAngledArrowIcon, LeftArrowIcon, LinearProgress, Link, LinkedinIcon, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader, LockIcon, LogoutIcon, MAINTAINENCE, MIDNIGHT_BLACK, MendeleyIcon, Menu, MenuIcon, MenuItem, MenuList, MesheryFilterIcon, MesheryOperator, Modal, ModalBody, ModalButtonDanger, ModalButtonPrimary, ModalButtonSecondary, ModalButtonTertiary, ModalFooter, ModalStyledHeader, MoveFileIcon, NOT_FOUND, NativeSelect, NoSsr, ONYX_BLACK, OfficialClassIcon, OpenFileIcon, OpenIcon, OpenInNewIcon, OrgIcon, OutlinedApplicationIcon, OutlinedCircleIcon, OutlinedCloudSavingIcon, OutlinedDataObjectIcon, OutlinedDeployIcon, OutlinedDoubleChevronIcon, OutlinedHierarchicalIcon, OutlinedInput, OutlinedMeshIcon, OutlinedPatternIcon, OutlinedPatternSwitchIcon, OutlinedPodIcon, OutlinedRectangleIcon, OutlinedRedoIcon, OutlinedResetIcon, OutlinedRingIcon, OutlinedScreenshotIcon, OutlinedSettingsIcon, OutlinedStarIcon, OutlinedTallRoundedRectangleIcon, OutlinedUndeployIcon, OutlinedUndoIcon, OutlinedValidateIcon, OutlinedVisibilityOffIcon, OutlinedVisibilityOnIcon, OutlinedVisualizerSwitcherIcon, PATTERNS_BLUE, PRIMARY_COLOR, Pagination, PanToolIcon, Paper, PersistedStateProvider, PersonIcon, PollIcon, Popover, Popper, PrimaryActionButtons, type PrimitivePalette, PublicIcon, PublishIcon, QuestionIcon, REDUX_COMMANDS, REDUX_EVENTS, REEE, REGISTERED, type REXUX_ACTOR_EVENTS, RTK_EVENTS, Radio, RadioGroup, ReadIcon, RectangleIcon, type RehydrateStateAction, RemoveDoneIcon, RemoveIcon, RenderMarkdown, type RenderMarkdownProps, RenderMarkdownTooltip, RightArrowIcon, RoundedRectangleShapeIcon, RoundTriangleShapeIcon as RoundedTriangleShapeIcon, SAFFRON, SILVER_GRAY, SLATE_BLUE, SMPIcon, SaveAsIcon, SearchIcon, Select, ShareIcon, ShareLineIcon, SistentDefaultPrimitivePaletteDark, SistentDefaultPrimitivePaletteLight, SistentThemeProvider, SistentThemeProviderWithoutBaseLine, Skeleton, Slide, Slider, Snackbar, SpeedDial, SpeedDialAction, Stack, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper, SuccessIcon, SvgIcon, Switch, TEAL_BLUE, TRANSPARENT_WHITE, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, TableViewIcon, Tabs, TachographDigitalIcon, TachometerIcon, TallRoundedRectangleIcon, TeamsIcon, TerminalIcon, TextField, ToggleButton, ToggleButtonGroup, Toolbar, ToolkitIcon, Tooltip, type TooltipProps, TouchAppIcon, TriangleIcon, TrophyIcon as TropyIcon, TwitterIcon, Typography, VerificationClassIcon, ViewsIcon as ViewIcon, WHITE, WHITESMOKE, WarningIcon, WorkspaceIcon, XSTATE_DEBUG_EVENT, YELLOW_SEA, Zoom, accentGrey, actionIcon, anakiwa, black, blue, buttonDelete, buttonDisabled, carribean, casper, charcoal, colors, common, componentIcon, connected, createAndEditEnvironmentSchema, createAndEditEnvironmentUiSchema, createAndEditWorkspace as createAndEditWorkspaceSchema, createAndEditWorkspaceUiSchema, cultured, darkModePalette, darkSlateGray, darkTeal, dataValidatorCommands, dataValidatorEvents, dataValidatorMachine, deadLetter, eerieBlack, forwardToActors, fromWorkerfiedActor, getCollaborationConfig, getFormatDate, getFullFormattedTime, getRelativeTime, getWebSocketProtocol, grafanaCredentialUiSchema as grafanaCredentialSUiSchema, grafanaCredentialSchema, gray, green, helmConnectionSchema, helmConnectionUiSchema, helpAndSupportModalSchema, helpAndSupportModalUiSchema, importDesignSchema, importDesignUiSchema, importFilterSchema, importFilterUiSchema, importModelSchema, importModelUiSchema, initReduxPersist, jungleGreen, keppel, kubernetesCredentialSchema, kubernetesCredentialUiSchema, lightModePalette, notificationColors, patternsBlue, primaryColor, prometheusCredentialSchema, prometheusCredentialUiSchema, publishCatalogItemSchema, publishCatalogItemUiSchema, red, redDelete, reduxActor, reduxCommands, reduxEvents, reply, rtkQueryActor, rtkQueryActorCommands, rtkQueryActorEvents, saffron, selectIsValidating, selectValidationResults, sendToActor, sendToActors, slateGray, socialIcons, subscribeToRoom, tabMenu, tableBackgroundHover, typography, unSubscribeRoom, useModal, useRoomActivity, white, workerfyActor, yellow };