@manuscripts/style-guide 3.7.2 → 3.7.3

package/README.md

@@ -3,7 +3,7 @@
 
 React components for Manuscripts applications.
 
-## Example usage 
+## Example usage
 
 ```tsx
 import { PrimaryButton } from '@manuscripts/style-guide'

package/dist/cjs/components/icons/arrow-down.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ArrowDownIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0625 6L12 6.9375L8 10.9375L4 6.9375L4.9375 6L8 9.0625L11.0625 6Z", fill: "#6E6E6E" }) }));
+const ArrowDownIcon = ({ fill = '#6E6E6E', ...props }) => ((0, jsx_runtime_1.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: fill, xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0625 6L12 6.9375L8 10.9375L4 6.9375L4.9375 6L8 9.0625L11.0625 6Z" }) }));
 exports.default = ArrowDownIcon;

package/dist/cjs/components/icons/arrow-up.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const ArrowUpIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { width: "9", height: "5", viewBox: "0 0 9 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.65627 4.769C1.23955 5.11006 0.607922 5.06866 0.24548 4.67652C-0.116961 4.28438 -0.0729634 3.69 0.343752 3.34894L4.43549 7.75526e-07L8.64031 3.29867C9.06452 3.63145 9.12172 4.22484 8.76807 4.62403C8.41443 5.02321 7.78385 5.07704 7.35965 4.74425L4.46297 2.47182L1.65627 4.769Z", fill: "#6E6E6E" }) }));
+const ArrowUpIcon = ({ fill = '#6E6E6E', ...props }) => ((0, jsx_runtime_1.jsx)("svg", { width: "9", height: "5", viewBox: "0 0 9 5", fill: fill, xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.65627 4.769C1.23955 5.11006 0.607922 5.06866 0.24548 4.67652C-0.116961 4.28438 -0.0729634 3.69 0.343752 3.34894L4.43549 7.75526e-07L8.64031 3.29867C9.06452 3.63145 9.12172 4.22484 8.76807 4.62403C8.41443 5.02321 7.78385 5.07704 7.35965 4.74425L4.46297 2.47182L1.65627 4.769Z" }) }));
 exports.default = ArrowUpIcon;

package/dist/cjs/components/icons/attention-blue.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const AttentionBlueIcon = (props) => ((0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M9 15H11V9H9V15ZM10 0C4.475 0 0 4.475 0 10C0 15.525 4.475 20 10 20C15.525 20 20 15.525 20 10C20 4.475 15.525 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18ZM9 7H11V5H9V7Z", fill: "#1A9BC7" }) }));
+const AttentionBlueIcon = ({ fill = '#1A9BC7', ...props }) => ((0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: fill, xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M9 15H11V9H9V15ZM10 0C4.475 0 0 4.475 0 10C0 15.525 4.475 20 10 20C15.525 20 20 15.525 20 10C20 4.475 15.525 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18ZM9 7H11V5H9V7Z" }) }));
 exports.default = AttentionBlueIcon;

package/dist/cjs/components/icons/delete-solid.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const DeleteSolidIcon = ({ color = '#6E6E6E', ...props }) => ((0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M15.494 3.375H11.955C11.93 3.165 11.714 3 11.451 3H8.548C8.286 3 8.07 3.165 8.045 3.375H4.506C4.226 3.375 4 3.561 4 3.792V4.583C4 4.813 4.227 5 4.506 5H15.494C15.774 5 16 4.814 16 4.583V3.792C16 3.562 15.773 3.375 15.494 3.375ZM5 6V16.491C5 16.772 5.23 17 5.513 17H14.487C14.5541 17.0004 14.6207 16.9875 14.6829 16.9621C14.745 16.9367 14.8015 16.8993 14.8492 16.852C14.8969 16.8048 14.9347 16.7485 14.9606 16.6866C14.9865 16.6246 14.9999 16.5581 15 16.491V6H5ZM8.753 13.874C8.753 14.184 8.5 14.435 8.188 14.435C8.03886 14.4355 7.89559 14.3769 7.78966 14.2719C7.68373 14.1669 7.62379 14.0241 7.623 13.875V8.311C7.623 8.001 7.876 7.75 8.188 7.75C8.5 7.75 8.753 8 8.753 8.31V13.873V13.874ZM12.377 13.874C12.377 14.184 12.124 14.435 11.812 14.435C11.6629 14.4355 11.5196 14.3769 11.4137 14.2719C11.3077 14.1669 11.2478 14.0241 11.247 13.875V8.311C11.247 8.001 11.5 7.75 11.812 7.75C12.124 7.75 12.377 8 12.377 8.31V13.873V13.874Z", fill: color }) }));
+const DeleteSolidIcon = ({ fill = '#6E6E6E', ...props }) => ((0, jsx_runtime_1.jsx)("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: fill, xmlns: "http://www.w3.org/2000/svg", ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M15.494 3.375H11.955C11.93 3.165 11.714 3 11.451 3H8.548C8.286 3 8.07 3.165 8.045 3.375H4.506C4.226 3.375 4 3.561 4 3.792V4.583C4 4.813 4.227 5 4.506 5H15.494C15.774 5 16 4.814 16 4.583V3.792C16 3.562 15.773 3.375 15.494 3.375ZM5 6V16.491C5 16.772 5.23 17 5.513 17H14.487C14.5541 17.0004 14.6207 16.9875 14.6829 16.9621C14.745 16.9367 14.8015 16.8993 14.8492 16.852C14.8969 16.8048 14.9347 16.7485 14.9606 16.6866C14.9865 16.6246 14.9999 16.5581 15 16.491V6H5ZM8.753 13.874C8.753 14.184 8.5 14.435 8.188 14.435C8.03886 14.4355 7.89559 14.3769 7.78966 14.2719C7.68373 14.1669 7.62379 14.0241 7.623 13.875V8.311C7.623 8.001 7.876 7.75 8.188 7.75C8.5 7.75 8.753 8 8.753 8.31V13.873V13.874ZM12.377 13.874C12.377 14.184 12.124 14.435 11.812 14.435C11.6629 14.4355 11.5196 14.3769 11.4137 14.2719C11.3077 14.1669 11.2478 14.0241 11.247 13.875V8.311C11.247 8.001 11.5 7.75 11.812 7.75C12.124 7.75 12.377 8 12.377 8.31V13.873V13.874Z" }) }));
 exports.default = DeleteSolidIcon;

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

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const DeleteIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "13", height: "16", viewBox: "0 0 13 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" }), (0, jsx_runtime_1.jsx)("rect", { className: "icon_element", y: "2", width: "13", height: "3", rx: "1.5", fill: "#F35143" }), (0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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 }) => ((0, jsx_runtime_1.jsxs)("svg", { width: "13", height: "16", viewBox: "0 0 13 16", fill: fill, xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" }), (0, jsx_runtime_1.jsx)("rect", { className: "icon_element", y: "2", width: "13", height: "3", rx: "1.5" }), (0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] }));
 exports.default = DeleteIcon;

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

@@ -2,6 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PlusIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const PlusIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "11", height: "10", viewBox: "0 0 11 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] }));
+const PlusIcon = ({ fill = '#6E6E6E', ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { width: "11", height: "10", viewBox: "0 0 11 10", fill: fill, xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] }));
 exports.PlusIcon = PlusIcon;
 exports.default = exports.PlusIcon;

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

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const VerticalEllipsisIcon = (props) => ((0, jsx_runtime_1.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "2", r: "2", fill: "#1A9BC7" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "2", fill: "#1A9BC7" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "14", r: "2", fill: "#1A9BC7" })] }));
+const VerticalEllipsisIcon = ({ fill = '#1A9BC7', ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: fill, xmlns: "http://www.w3.org/2000/svg", ...props, children: [(0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "2", r: "2" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "8", r: "2" }), (0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "14", r: "2" })] }));
 exports.default = VerticalEllipsisIcon;

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

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Button_1 = __importDefault(require("@mui/material/Button"));
+const variantMap = {
+    primary: { variant: 'contained', color: 'primary' },
+    secondary: { variant: 'outlined', color: 'secondary' },
+    tertiary: { variant: 'text', color: 'secondary' },
+};
+const Button = ({ variant = 'primary', danger, size = 'medium', ...rest }) => {
+    const mapped = variantMap[variant];
+    return ((0, jsx_runtime_1.jsx)(Button_1.default, { variant: mapped.variant, color: danger ? 'error' : mapped.color, size: size, ...rest }));
+};
+exports.Button = Button;

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

@@ -0,0 +1,32 @@
+"use strict";
+/*!
+ * © 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.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Button"), exports);

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

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+const styles_1 = require("@mui/material/styles");
+const IconButtonRoot = (0, styles_1.styled)(IconButton_1.default, {
+    shouldForwardProp: (prop) => prop !== 'bordered',
+})(({ theme, bordered }) => ({
+    svg: {
+        pointerEvents: 'none',
+    },
+    ...(bordered && {
+        border: '1px solid',
+        borderColor: theme.palette.grey[300],
+    }),
+}));
+const IconButton = ({ bordered, danger, color, size = 'medium', ...props }) => ((0, jsx_runtime_1.jsx)(IconButtonRoot, { color: danger ? 'error' : color, bordered: bordered, size: size, ...props }));
+exports.IconButton = IconButton;

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

@@ -0,0 +1,32 @@
+"use strict";
+/*!
+ * © 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.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./IconButton"), exports);

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InspectorToggleButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("@mui/material/styles");
+const IconButton_1 = require("../IconButton");
+const InspectorToggleButtonRoot = (0, styles_1.styled)(IconButton_1.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)',
+}));
+const InspectorToggleButton = ({ size = 'medium', type = 'button', ...props }) => ((0, jsx_runtime_1.jsx)(InspectorToggleButtonRoot, { size: size, type: type, ...props }));
+exports.InspectorToggleButton = InspectorToggleButton;

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

@@ -0,0 +1,32 @@
+"use strict";
+/*!
+ * © 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.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./InspectorToggleButton"), exports);

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

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ToggleButton_1 = __importDefault(require("@mui/material/ToggleButton"));
+const ToggleButton = ({ danger, size = 'medium', color, value = 'toggle', ...rest }) => ((0, jsx_runtime_1.jsx)(ToggleButton_1.default, { value: value, color: danger ? 'error' : color, size: size, ...rest }));
+exports.ToggleButton = ToggleButton;

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

@@ -0,0 +1,32 @@
+"use strict";
+/*!
+ * © 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.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ToggleButton"), exports);

package/dist/cjs/mui/index.js

@@ -0,0 +1,36 @@
+"use strict";
+/*!
+ * © 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.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./theme"), exports);
+__exportStar(require("./components/Button"), exports);
+__exportStar(require("./components/IconButton"), exports);
+__exportStar(require("./components/InspectorToggleButton"), exports);
+__exportStar(require("./components/ToggleButton"), exports);

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

@@ -0,0 +1,25 @@
+"use strict";
+/*!
+ * © 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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MuiThemeProvider = exports.styled = exports.palette = exports.muiTheme = void 0;
+var theme_1 = require("./theme");
+Object.defineProperty(exports, "muiTheme", { enumerable: true, get: function () { return theme_1.muiTheme; } });
+var palette_1 = require("./palette");
+Object.defineProperty(exports, "palette", { enumerable: true, get: function () { return palette_1.palette; } });
+var styles_1 = require("@mui/material/styles");
+Object.defineProperty(exports, "styled", { enumerable: true, get: function () { return styles_1.styled; } });
+Object.defineProperty(exports, "MuiThemeProvider", { enumerable: true, get: function () { return styles_1.ThemeProvider; } });

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

@@ -0,0 +1,70 @@
+"use strict";
+/*!
+ * © 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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.palette = void 0;
+exports.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/cjs/mui/theme/theme.js

@@ -0,0 +1,88 @@
+"use strict";
+/*!
+ * © 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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.muiTheme = void 0;
+const styles_1 = require("@mui/material/styles");
+const palette_1 = require("./palette");
+exports.muiTheme = (0, styles_1.createTheme)({
+    palette: {
+        primary: palette_1.palette.primary,
+        secondary: palette_1.palette.secondary,
+        error: palette_1.palette.error,
+        success: palette_1.palette.success,
+        warning: palette_1.palette.warning,
+        info: palette_1.palette.info,
+        grey: palette_1.palette.grey,
+        common: palette_1.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_1.palette.grey[300],
+                },
+                outlinedError: {
+                    color: palette_1.palette.error.main,
+                    borderColor: palette_1.palette.error.main,
+                },
+            },
+        },
+        MuiIconButton: {
+            styleOverrides: {
+                root: {
+                    borderRadius: 4,
+                },
+            },
+        },
+        MuiButtonBase: {
+            defaultProps: {
+                disableRipple: false,
+            },
+            styleOverrides: {
+                root: {
+                    '&.Mui-focusVisible': {
+                        outline: `3px solid ${palette_1.palette.focus}`,
+                        outlineOffset: '4px',
+                    },
+                },
+            },
+        },
+    },
+});

package/dist/es/components/icons/arrow-down.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const ArrowDownIcon = (props) => (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0625 6L12 6.9375L8 10.9375L4 6.9375L4.9375 6L8 9.0625L11.0625 6Z", fill: "#6E6E6E" }) }));
+const ArrowDownIcon = ({ fill = '#6E6E6E', ...props }) => (_jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: fill, xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0625 6L12 6.9375L8 10.9375L4 6.9375L4.9375 6L8 9.0625L11.0625 6Z" }) }));
 export default ArrowDownIcon;

package/dist/es/components/icons/arrow-up.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const ArrowUpIcon = (props) => (_jsx("svg", { width: "9", height: "5", viewBox: "0 0 9 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.65627 4.769C1.23955 5.11006 0.607922 5.06866 0.24548 4.67652C-0.116961 4.28438 -0.0729634 3.69 0.343752 3.34894L4.43549 7.75526e-07L8.64031 3.29867C9.06452 3.63145 9.12172 4.22484 8.76807 4.62403C8.41443 5.02321 7.78385 5.07704 7.35965 4.74425L4.46297 2.47182L1.65627 4.769Z", fill: "#6E6E6E" }) }));
+const ArrowUpIcon = ({ fill = '#6E6E6E', ...props }) => (_jsx("svg", { width: "9", height: "5", viewBox: "0 0 9 5", fill: fill, xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.65627 4.769C1.23955 5.11006 0.607922 5.06866 0.24548 4.67652C-0.116961 4.28438 -0.0729634 3.69 0.343752 3.34894L4.43549 7.75526e-07L8.64031 3.29867C9.06452 3.63145 9.12172 4.22484 8.76807 4.62403C8.41443 5.02321 7.78385 5.07704 7.35965 4.74425L4.46297 2.47182L1.65627 4.769Z" }) }));
 export default ArrowUpIcon;

package/dist/es/components/icons/attention-blue.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const AttentionBlueIcon = (props) => (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M9 15H11V9H9V15ZM10 0C4.475 0 0 4.475 0 10C0 15.525 4.475 20 10 20C15.525 20 20 15.525 20 10C20 4.475 15.525 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18ZM9 7H11V5H9V7Z", fill: "#1A9BC7" }) }));
+const AttentionBlueIcon = ({ fill = '#1A9BC7', ...props }) => (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: fill, xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M9 15H11V9H9V15ZM10 0C4.475 0 0 4.475 0 10C0 15.525 4.475 20 10 20C15.525 20 20 15.525 20 10C20 4.475 15.525 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18ZM9 7H11V5H9V7Z" }) }));
 export default AttentionBlueIcon;

package/dist/es/components/icons/delete-solid.js

@@ -1,3 +1,3 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const DeleteSolidIcon = ({ color = '#6E6E6E', ...props }) => (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M15.494 3.375H11.955C11.93 3.165 11.714 3 11.451 3H8.548C8.286 3 8.07 3.165 8.045 3.375H4.506C4.226 3.375 4 3.561 4 3.792V4.583C4 4.813 4.227 5 4.506 5H15.494C15.774 5 16 4.814 16 4.583V3.792C16 3.562 15.773 3.375 15.494 3.375ZM5 6V16.491C5 16.772 5.23 17 5.513 17H14.487C14.5541 17.0004 14.6207 16.9875 14.6829 16.9621C14.745 16.9367 14.8015 16.8993 14.8492 16.852C14.8969 16.8048 14.9347 16.7485 14.9606 16.6866C14.9865 16.6246 14.9999 16.5581 15 16.491V6H5ZM8.753 13.874C8.753 14.184 8.5 14.435 8.188 14.435C8.03886 14.4355 7.89559 14.3769 7.78966 14.2719C7.68373 14.1669 7.62379 14.0241 7.623 13.875V8.311C7.623 8.001 7.876 7.75 8.188 7.75C8.5 7.75 8.753 8 8.753 8.31V13.873V13.874ZM12.377 13.874C12.377 14.184 12.124 14.435 11.812 14.435C11.6629 14.4355 11.5196 14.3769 11.4137 14.2719C11.3077 14.1669 11.2478 14.0241 11.247 13.875V8.311C11.247 8.001 11.5 7.75 11.812 7.75C12.124 7.75 12.377 8 12.377 8.31V13.873V13.874Z", fill: color }) }));
+const DeleteSolidIcon = ({ fill = '#6E6E6E', ...props }) => (_jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: fill, xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M15.494 3.375H11.955C11.93 3.165 11.714 3 11.451 3H8.548C8.286 3 8.07 3.165 8.045 3.375H4.506C4.226 3.375 4 3.561 4 3.792V4.583C4 4.813 4.227 5 4.506 5H15.494C15.774 5 16 4.814 16 4.583V3.792C16 3.562 15.773 3.375 15.494 3.375ZM5 6V16.491C5 16.772 5.23 17 5.513 17H14.487C14.5541 17.0004 14.6207 16.9875 14.6829 16.9621C14.745 16.9367 14.8015 16.8993 14.8492 16.852C14.8969 16.8048 14.9347 16.7485 14.9606 16.6866C14.9865 16.6246 14.9999 16.5581 15 16.491V6H5ZM8.753 13.874C8.753 14.184 8.5 14.435 8.188 14.435C8.03886 14.4355 7.89559 14.3769 7.78966 14.2719C7.68373 14.1669 7.62379 14.0241 7.623 13.875V8.311C7.623 8.001 7.876 7.75 8.188 7.75C8.5 7.75 8.753 8 8.753 8.31V13.873V13.874ZM12.377 13.874C12.377 14.184 12.124 14.435 11.812 14.435C11.6629 14.4355 11.5196 14.3769 11.4137 14.2719C11.3077 14.1669 11.2478 14.0241 11.247 13.875V8.311C11.247 8.001 11.5 7.75 11.812 7.75C12.124 7.75 12.377 8 12.377 8.31V13.873V13.874Z" }) }));
 export default DeleteSolidIcon;

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/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';