@manuscripts/style-guide 3.7.1 → 3.7.3

package/dist/es/components/icons/deleted.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DeleteIcon = (props) => (_jsxs("svg", { width: "13", height: "16", viewBox: "0 0 13 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { className: "icon_element", fillRule: "evenodd", clipRule: "evenodd", d: "M2.00001 2.99995C2 3.0013 2 3.00265 2 3.00399V13.004C2 13.5563 2.44772 14.004 3 14.004H10C10.5523 14.004 11 13.5563 11 13.004V3.00399C11 3.00265 11 3.0013 11 2.99995C11.5978 3.34576 12 3.99211 12 4.73239V13.004C12 14.1086 11.1046 15.004 10 15.004H3C1.89543 15.004 1 14.1086 1 13.004V4.73239C1 3.99211 1.4022 3.34576 2.00001 2.99995Z", fill: "#F35143" }), _jsx("path", { className: "icon_element", fillRule: "evenodd", clipRule: "evenodd", d: "M4.5 0C3.67157 0 3 0.671573 3 1.5V3.5C3 4.32843 3.67157 5 4.5 5H8.5C9.32843 5 10 4.32843 10 3.5V1.5C10 0.671573 9.32843 0 8.5 0H4.5ZM9 1.5C9 1.22386 8.77614 1 8.5 1H4.5C4.22386 1 4 1.22386 4 1.5C4 1.77614 4.22386 2 4.5 2H8.5C8.77614 2 9 1.77614 9 1.5Z", fill: "#F35143" }), _jsx("rect", { className: "icon_element", y: "2", width: "13", height: "3", rx: "1.5", fill: "#F35143" }), _jsx("path", { className: "icon_element", fillRule: "evenodd", clipRule: "evenodd", d: "M8 7.5C8 7.22386 8.22386 7 8.5 7C8.77614 7 9 7.22386 9 7.5V11.5C9 11.7761 8.77614 12 8.5 12C8.22386 12 8 11.7761 8 11.5V7.5Z", fill: "#F35143" }), _jsx("path", { className: "icon_element", fillRule: "evenodd", clipRule: "evenodd", d: "M4 7.5C4 7.22386 4.22386 7 4.5 7C4.77614 7 5 7.22386 5 7.5V11.5C5 11.7761 4.77614 12 4.5 12C4.22386 12 4 11.7761 4 11.5V7.5Z", fill: "#F35143" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.5 3C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4L1.5 4C1.22386 4 1 3.77614 1 3.5C1 3.22386 1.22386 3 1.5 3L11.5 3Z", fill: "white" })] }));
+const DeleteIcon = ({ fill = '#F35143', ...props }) => (_jsxs("svg", { width: "13", height: "16", viewBox: "0 0 13 16", fill: fill, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { className: "icon_element", fillRule: "evenodd", clipRule: "evenodd", d: "M2.00001 2.99995C2 3.0013 2 3.00265 2 3.00399V13.004C2 13.5563 2.44772 14.004 3 14.004H10C10.5523 14.004 11 13.5563 11 13.004V3.00399C11 3.00265 11 3.0013 11 2.99995C11.5978 3.34576 12 3.99211 12 4.73239V13.004C12 14.1086 11.1046 15.004 10 15.004H3C1.89543 15.004 1 14.1086 1 13.004V4.73239C1 3.99211 1.4022 3.34576 2.00001 2.99995Z" }), _jsx("path", { className: "icon_element", fillRule: "evenodd", clipRule: "evenodd", d: "M4.5 0C3.67157 0 3 0.671573 3 1.5V3.5C3 4.32843 3.67157 5 4.5 5H8.5C9.32843 5 10 4.32843 10 3.5V1.5C10 0.671573 9.32843 0 8.5 0H4.5ZM9 1.5C9 1.22386 8.77614 1 8.5 1H4.5C4.22386 1 4 1.22386 4 1.5C4 1.77614 4.22386 2 4.5 2H8.5C8.77614 2 9 1.77614 9 1.5Z" }), _jsx("rect", { className: "icon_element", y: "2", width: "13", height: "3", rx: "1.5" }), _jsx("path", { className: "icon_element", fillRule: "evenodd", clipRule: "evenodd", d: "M8 7.5C8 7.22386 8.22386 7 8.5 7C8.77614 7 9 7.22386 9 7.5V11.5C9 11.7761 8.77614 12 8.5 12C8.22386 12 8 11.7761 8 11.5V7.5Z" }), _jsx("path", { className: "icon_element", fillRule: "evenodd", clipRule: "evenodd", d: "M4 7.5C4 7.22386 4.22386 7 4.5 7C4.77614 7 5 7.22386 5 7.5V11.5C5 11.7761 4.77614 12 4.5 12C4.22386 12 4 11.7761 4 11.5V7.5Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.5 3C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4L1.5 4C1.22386 4 1 3.77614 1 3.5C1 3.22386 1.22386 3 1.5 3L11.5 3Z", fill: "white" })] }));
 export default DeleteIcon;

package/dist/es/components/icons/external-link.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ExternalLinkIcon = ({ color = '#6E6E6E', ...props }) => (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", ...props, children: [_jsx("path", { d: "M14.5 11.375V13.0625C14.5 13.994 13.744 14.75 12.8125 14.75H4.9375C4.006 14.75 3.25 13.994 3.25 13.0625V5.1875C3.25 4.256 4.006 3.5 4.9375 3.5H6.625", stroke: color, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M14.499 7.75V3.5H10.249C9.83479 3.5 9.49901 3.16421 9.49901 2.75C9.49901 2.33579 9.83479 2 10.249 2H15.249C15.6632 2 15.999 2.33579 15.999 2.75V7.75C15.999 8.16421 15.6632 8.5 15.249 8.5C14.8348 8.5 14.499 8.16421 14.499 7.75Z", fill: color }), _jsx("path", { d: "M14.7914 4.2785C15.083 3.98443 15.0812 3.5095 14.7873 3.21784C14.4932 2.92625 14.0183 2.92801 13.7266 3.22199L7.74728 9.25242C7.45571 9.54649 7.4575 10.0214 7.75143 10.3131C8.04546 10.6046 8.52042 10.6028 8.81209 10.3089L14.7914 4.2785Z", fill: color })] }));
+export default ExternalLinkIcon;

package/dist/es/components/icons/index.js

@@ -145,3 +145,5 @@ export { default as EyeIcon } from './eye-icon';
 export { default as NotificationsIcon } from './notifications';
 export { default as PencilIcon } from './pencil-icon';
 export { default as WebLinkIcon } from './weblink';
+export { default as ConvertToWebLinkIcon } from './convert-to-weblink';
+export { default as ExternalLinkIcon } from './external-link';

package/dist/es/components/icons/plus.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const PlusIcon = (props) => (_jsxs("svg", { width: "11", height: "10", viewBox: "0 0 11 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 0.5C5.25147 0.5 5.05 0.701472 5.05 0.95V4.55H1.45C1.20147 4.55 1 4.75147 1 5C1 5.24853 1.20147 5.45 1.45 5.45H5.05V9.05C5.05 9.29853 5.25147 9.5 5.5 9.5C5.74853 9.5 5.95 9.29853 5.95 9.05V5.45H9.55C9.79853 5.45 10 5.24853 10 5C10 4.75147 9.79853 4.55 9.55 4.55H5.95V0.95C5.95 0.701472 5.74853 0.5 5.5 0.5Z", fill: "#6E6E6E" }), _jsx("path", { d: "M5.05 4.55V5.05H5.55V4.55H5.05ZM5.05 5.45H5.55V4.95H5.05V5.45ZM5.95 5.45V4.95H5.45V5.45H5.95ZM5.95 4.55H5.45V5.05H5.95V4.55ZM5.55 0.95C5.55 0.977614 5.52761 1 5.5 1V0C4.97533 0 4.55 0.425329 4.55 0.95H5.55ZM5.55 4.55V0.95H4.55V4.55H5.55ZM1.45 5.05H5.05V4.05H1.45V5.05ZM1.5 5C1.5 5.02761 1.47761 5.05 1.45 5.05V4.05C0.925329 4.05 0.5 4.47533 0.5 5H1.5ZM1.45 4.95C1.47761 4.95 1.5 4.97239 1.5 5H0.5C0.5 5.52467 0.925328 5.95 1.45 5.95V4.95ZM5.05 4.95H1.45V5.95H5.05V4.95ZM5.55 9.05V5.45H4.55V9.05H5.55ZM5.5 9C5.52761 9 5.55 9.02239 5.55 9.05H4.55C4.55 9.57467 4.97533 10 5.5 10V9ZM5.45 9.05C5.45 9.02239 5.47239 9 5.5 9V10C6.02467 10 6.45 9.57467 6.45 9.05H5.45ZM5.45 5.45V9.05H6.45V5.45H5.45ZM9.55 4.95H5.95V5.95H9.55V4.95ZM9.5 5C9.5 4.97239 9.52238 4.95 9.55 4.95V5.95C10.0747 5.95 10.5 5.52467 10.5 5H9.5ZM9.55 5.05C9.52239 5.05 9.5 5.02761 9.5 5H10.5C10.5 4.47533 10.0747 4.05 9.55 4.05V5.05ZM5.95 5.05H9.55V4.05H5.95V5.05ZM5.45 0.95V4.55H6.45V0.95H5.45ZM5.5 1C5.47239 1 5.45 0.977615 5.45 0.95H6.45C6.45 0.425329 6.02467 0 5.5 0V1Z", fill: "#6E6E6E" })] }));
+export const PlusIcon = ({ fill = '#6E6E6E', ...props }) => (_jsxs("svg", { width: "11", height: "10", viewBox: "0 0 11 10", fill: fill, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 0.5C5.25147 0.5 5.05 0.701472 5.05 0.95V4.55H1.45C1.20147 4.55 1 4.75147 1 5C1 5.24853 1.20147 5.45 1.45 5.45H5.05V9.05C5.05 9.29853 5.25147 9.5 5.5 9.5C5.74853 9.5 5.95 9.29853 5.95 9.05V5.45H9.55C9.79853 5.45 10 5.24853 10 5C10 4.75147 9.79853 4.55 9.55 4.55H5.95V0.95C5.95 0.701472 5.74853 0.5 5.5 0.5Z" }), _jsx("path", { d: "M5.05 4.55V5.05H5.55V4.55H5.05ZM5.05 5.45H5.55V4.95H5.05V5.45ZM5.95 5.45V4.95H5.45V5.45H5.95ZM5.95 4.55H5.45V5.05H5.95V4.55ZM5.55 0.95C5.55 0.977614 5.52761 1 5.5 1V0C4.97533 0 4.55 0.425329 4.55 0.95H5.55ZM5.55 4.55V0.95H4.55V4.55H5.55ZM1.45 5.05H5.05V4.05H1.45V5.05ZM1.5 5C1.5 5.02761 1.47761 5.05 1.45 5.05V4.05C0.925329 4.05 0.5 4.47533 0.5 5H1.5ZM1.45 4.95C1.47761 4.95 1.5 4.97239 1.5 5H0.5C0.5 5.52467 0.925328 5.95 1.45 5.95V4.95ZM5.05 4.95H1.45V5.95H5.05V4.95ZM5.55 9.05V5.45H4.55V9.05H5.55ZM5.5 9C5.52761 9 5.55 9.02239 5.55 9.05H4.55C4.55 9.57467 4.97533 10 5.5 10V9ZM5.45 9.05C5.45 9.02239 5.47239 9 5.5 9V10C6.02467 10 6.45 9.57467 6.45 9.05H5.45ZM5.45 5.45V9.05H6.45V5.45H5.45ZM9.55 4.95H5.95V5.95H9.55V4.95ZM9.5 5C9.5 4.97239 9.52238 4.95 9.55 4.95V5.95C10.0747 5.95 10.5 5.52467 10.5 5H9.5ZM9.55 5.05C9.52239 5.05 9.5 5.02761 9.5 5H10.5C10.5 4.47533 10.0747 4.05 9.55 4.05V5.05ZM5.95 5.05H9.55V4.05H5.95V5.05ZM5.45 0.95V4.55H6.45V0.95H5.45ZM5.5 1C5.47239 1 5.45 0.977615 5.45 0.95H6.45C6.45 0.425329 6.02467 0 5.5 0V1Z" })] }));
 export default PlusIcon;

package/dist/es/components/icons/vertical-ellipsis.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const VerticalEllipsisIcon = (props) => (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("circle", { cx: "8", cy: "2", r: "2", fill: "#1A9BC7" }), _jsx("circle", { cx: "8", cy: "8", r: "2", fill: "#1A9BC7" }), _jsx("circle", { cx: "8", cy: "14", r: "2", fill: "#1A9BC7" })] }));
+const VerticalEllipsisIcon = ({ fill = '#1A9BC7', ...props }) => (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: fill, xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("circle", { cx: "8", cy: "2", r: "2" }), _jsx("circle", { cx: "8", cy: "8", r: "2" }), _jsx("circle", { cx: "8", cy: "14", r: "2" })] }));
 export default VerticalEllipsisIcon;

package/dist/es/mui/components/Button/Button.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import MuiButton from '@mui/material/Button';
+const variantMap = {
+    primary: { variant: 'contained', color: 'primary' },
+    secondary: { variant: 'outlined', color: 'secondary' },
+    tertiary: { variant: 'text', color: 'secondary' },
+};
+export const Button = ({ variant = 'primary', danger, size = 'medium', ...rest }) => {
+    const mapped = variantMap[variant];
+    return (_jsx(MuiButton, { variant: mapped.variant, color: danger ? 'error' : mapped.color, size: size, ...rest }));
+};

package/dist/es/mui/components/Button/index.js

@@ -0,0 +1,16 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './Button';

package/dist/es/mui/components/IconButton/IconButton.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import MuiIconButton from '@mui/material/IconButton';
+import { styled } from '@mui/material/styles';
+const IconButtonRoot = styled(MuiIconButton, {
+    shouldForwardProp: (prop) => prop !== 'bordered',
+})(({ theme, bordered }) => ({
+    svg: {
+        pointerEvents: 'none',
+    },
+    ...(bordered && {
+        border: '1px solid',
+        borderColor: theme.palette.grey[300],
+    }),
+}));
+export const IconButton = ({ bordered, danger, color, size = 'medium', ...props }) => (_jsx(IconButtonRoot, { color: danger ? 'error' : color, bordered: bordered, size: size, ...props }));

package/dist/es/mui/components/IconButton/index.js

@@ -0,0 +1,16 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './IconButton';

package/dist/es/mui/components/InspectorToggleButton/InspectorToggleButton.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { styled } from '@mui/material/styles';
+import { IconButton } from '../IconButton';
+const InspectorToggleButtonRoot = styled(IconButton)(({ theme }) => ({
+    width: 40,
+    height: 40,
+    padding: 0,
+    backgroundColor: theme.palette.common.white,
+    color: theme.palette.grey[700],
+    borderRadius: '50%',
+    boxShadow: '0 0 8px 0 rgba(0, 0, 0, 0.12)',
+}));
+export const InspectorToggleButton = ({ size = 'medium', type = 'button', ...props }) => (_jsx(InspectorToggleButtonRoot, { size: size, type: type, ...props }));

package/dist/es/mui/components/InspectorToggleButton/index.js

@@ -0,0 +1,16 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './InspectorToggleButton';

package/dist/es/mui/components/ToggleButton/ToggleButton.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import MuiToggleButton from '@mui/material/ToggleButton';
+export const ToggleButton = ({ danger, size = 'medium', color, value = 'toggle', ...rest }) => (_jsx(MuiToggleButton, { value: value, color: danger ? 'error' : color, size: size, ...rest }));

package/dist/es/mui/components/ToggleButton/index.js

@@ -0,0 +1,16 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './ToggleButton';

package/dist/es/mui/index.js

@@ -0,0 +1,20 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './theme';
+export * from './components/Button';
+export * from './components/IconButton';
+export * from './components/InspectorToggleButton';
+export * from './components/ToggleButton';

package/dist/es/mui/theme/index.js

@@ -0,0 +1,18 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { muiTheme } from './theme';
+export { palette } from './palette';
+export { styled, ThemeProvider as MuiThemeProvider } from '@mui/material/styles';

package/dist/es/mui/theme/palette.js

@@ -0,0 +1,67 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export const palette = {
+    primary: {
+        dark: '#0b6bb8',
+        main: '#0d79d0',
+        light: '#bce7f6',
+        contrastText: '#fff',
+    },
+    secondary: {
+        main: '#353535',
+    },
+    error: {
+        dark: '#c74237',
+        main: '#e1200e',
+        light: '#f5c1b7',
+        contrastText: '#fff',
+    },
+    success: {
+        dark: '#31a056',
+        main: '#36b260',
+        light: '#eefbe9',
+        contrastText: '#fff',
+    },
+    warning: {
+        dark: '#fa5700',
+        main: '#fe8f1f',
+        light: '#fffcdb',
+        contrastText: '#353535',
+    },
+    info: {
+        main: '#1a9bc7',
+        light: '#f5fbfc',
+        contrastText: '#fff',
+    },
+    grey: {
+        50: '#fafafa',
+        100: '#f2f2f2',
+        200: '#f5f5f5',
+        300: '#e2e2e2',
+        400: '#c9c9c9',
+        700: '#6e6e6e',
+        900: '#353535',
+    },
+    common: {
+        black: '#000',
+        white: '#fff',
+    },
+    focus: '#3DADFF',
+    brand: {
+        medium: '#1a9bc7',
+        xlight: '#ddf3fa',
+    },
+};

package/dist/es/mui/theme/theme.js

@@ -0,0 +1,85 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { createTheme } from '@mui/material/styles';
+import { palette } from './palette';
+export const muiTheme = createTheme({
+    palette: {
+        primary: palette.primary,
+        secondary: palette.secondary,
+        error: palette.error,
+        success: palette.success,
+        warning: palette.warning,
+        info: palette.info,
+        grey: palette.grey,
+        common: palette.common,
+    },
+    typography: {
+        fontFamily: '"Lato", sans-serif',
+        fontSize: 14,
+        button: {
+            textTransform: 'none',
+            fontWeight: 400,
+        },
+    },
+    shape: {
+        borderRadius: 8,
+    },
+    breakpoints: {
+        values: {
+            xs: 0,
+            sm: 360,
+            md: 768,
+            lg: 1024,
+            xl: 1280,
+        },
+    },
+    components: {
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    borderRadius: 4,
+                },
+                outlined: {
+                    borderColor: palette.grey[300],
+                },
+                outlinedError: {
+                    color: palette.error.main,
+                    borderColor: palette.error.main,
+                },
+            },
+        },
+        MuiIconButton: {
+            styleOverrides: {
+                root: {
+                    borderRadius: 4,
+                },
+            },
+        },
+        MuiButtonBase: {
+            defaultProps: {
+                disableRipple: false,
+            },
+            styleOverrides: {
+                root: {
+                    '&.Mui-focusVisible': {
+                        outline: `3px solid ${palette.focus}`,
+                        outlineOffset: '4px',
+                    },
+                },
+            },
+        },
+    },
+});

package/dist/types/components/icons/convert-to-weblink.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './types';
+declare const ConvertToWebLinkIcon: React.FC<IconProps>;
+export default ConvertToWebLinkIcon;

package/dist/types/components/icons/external-link.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './types';
+declare const ExternalLinkIcon: React.FC<IconProps>;
+export default ExternalLinkIcon;

package/dist/types/components/icons/index.d.ts

@@ -145,3 +145,5 @@ export { default as EyeIcon } from './eye-icon';
 export { default as NotificationsIcon } from './notifications';
 export { default as PencilIcon } from './pencil-icon';
 export { default as WebLinkIcon } from './weblink';
+export { default as ConvertToWebLinkIcon } from './convert-to-weblink';
+export { default as ExternalLinkIcon } from './external-link';

package/dist/types/mui/components/Button/Button.d.ts

@@ -0,0 +1,27 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ButtonProps as MuiButtonProps } from '@mui/material/Button';
+import React from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
+export interface ButtonProps extends Omit<MuiButtonProps, 'variant' | 'color' | 'size'> {
+    variant?: ButtonVariant;
+    danger?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    href?: string;
+    target?: React.HTMLAttributeAnchorTarget;
+    rel?: string;
+}
+export declare const Button: ({ variant, danger, size, ...rest }: ButtonProps) => React.JSX.Element;

package/dist/types/mui/components/Button/index.d.ts

@@ -0,0 +1,16 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './Button';

package/dist/types/mui/components/IconButton/IconButton.d.ts

@@ -0,0 +1,23 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { IconButtonProps as MuiIconButtonProps } from '@mui/material/IconButton';
+import React from 'react';
+export interface IconButtonProps extends Omit<MuiIconButtonProps, 'size'> {
+    bordered?: boolean;
+    size?: MuiIconButtonProps['size'];
+    danger?: boolean;
+}
+export declare const IconButton: ({ bordered, danger, color, size, ...props }: IconButtonProps) => React.JSX.Element;

package/dist/types/mui/components/IconButton/index.d.ts

@@ -0,0 +1,16 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './IconButton';

package/dist/types/mui/components/InspectorToggleButton/InspectorToggleButton.d.ts

@@ -0,0 +1,18 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import React from 'react';
+import { IconButtonProps } from '../IconButton';
+export declare const InspectorToggleButton: ({ size, type, ...props }: IconButtonProps) => React.JSX.Element;

package/dist/types/mui/components/InspectorToggleButton/index.d.ts

@@ -0,0 +1,16 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './InspectorToggleButton';

package/dist/types/mui/components/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,23 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ToggleButtonProps as MuiToggleButtonProps } from '@mui/material/ToggleButton';
+import React from 'react';
+export interface ToggleButtonProps extends Omit<MuiToggleButtonProps, 'size' | 'value'> {
+    danger?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    value?: MuiToggleButtonProps['value'];
+}
+export declare const ToggleButton: ({ danger, size, color, value, ...rest }: ToggleButtonProps) => React.JSX.Element;

package/dist/types/mui/components/ToggleButton/index.d.ts

@@ -0,0 +1,16 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './ToggleButton';

package/dist/types/mui/index.d.ts

@@ -0,0 +1,20 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './theme';
+export * from './components/Button';
+export * from './components/IconButton';
+export * from './components/InspectorToggleButton';
+export * from './components/ToggleButton';

package/dist/types/mui/theme/index.d.ts

@@ -0,0 +1,18 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export { muiTheme } from './theme';
+export { palette } from './palette';
+export { styled, ThemeProvider as MuiThemeProvider } from '@mui/material/styles';