@plesk/ui-library 3.37.0 → 3.38.1

package/cjs/components/Carousel/Carousel.js

@@ -30,7 +30,9 @@ const calcWidths = node => {
  */
 class Carousel extends _react.Component {
   constructor() {
+    var _this;
     super(...arguments);
+    _this = this;
     (0, _defineProperty2.default)(this, "state", {
       showControls: false,
       current: 0,
@@ -83,9 +85,14 @@ class Carousel extends _react.Component {
         showControls: (bounds?.width || 0) < totalWidth
       });
     });
+    (0, _defineProperty2.default)(this, "getChildrenCount", () => {
+      const {
+        children
+      } = this.props;
+      return Array.isArray(children) ? children?.reduce((prev, curr) => Array.isArray(curr) ? prev + curr.length : prev + 1, 0) : 0;
+    });
     (0, _defineProperty2.default)(this, "renderNavigationDots", () => {
       const {
-        children,
         baseClassName,
         dots,
         items
@@ -96,18 +103,17 @@ class Carousel extends _react.Component {
       const {
         current
       } = this.state;
-      const childrenCount = children?.length ?? 1;
-      const pages = Math.ceil(childrenCount / items);
-      if (pages <= 1) {
+      const childrenCount = this.getChildrenCount();
+      if (childrenCount <= 1) {
         return null;
       }
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: `${baseClassName}__dots`,
         children: Array.from({
-          length: pages
+          length: childrenCount
         }).map((_, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           role: "button",
-          className: (0, _classnames.default)(`${baseClassName}__dots--dot`, current === idx ? `${baseClassName}__dots--dot-current` : null),
+          className: (0, _classnames.default)(`${baseClassName}__dot`, current === idx ? `${baseClassName}__dot--current` : null),
           "aria-current": current === idx,
           onClick: () => this.setCurrentSlide(idx)
           // eslint-disable-next-line react/no-array-index-key
@@ -154,19 +160,23 @@ class Carousel extends _react.Component {
         })]
       });
     });
-    (0, _defineProperty2.default)(this, "renderSliderItems", () => {
+    (0, _defineProperty2.default)(this, "renderSliderItems", function () {
+      let showCurrent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       const {
         children,
         baseClassName,
         items
-      } = this.props;
-      const childrenCount = children?.length ?? 1;
+      } = _this.props;
+      const {
+        current
+      } = _this.state;
+      const childrenCount = _this.getChildrenCount();
       let width = '';
       if (items) {
-        width = `calc(100% / ${Math.min(childrenCount, items)})`;
+        width = `${Math.ceil(100 / Math.min(childrenCount, items))}%`;
       }
-      return _react.Children.map(children, item => item && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${baseClassName}__item`,
+      return _react.Children.map(children, (item, idx) => item && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)(`${baseClassName}__item`, showCurrent && idx === current ? `${baseClassName}__item--current` : null),
         style: {
           width
         },
@@ -187,23 +197,6 @@ class Carousel extends _react.Component {
     const {
       width
     } = this.rootRef.current.getBoundingClientRect();
-    const {
-      items,
-      children
-    } = this.props;
-    if (items) {
-      const slideItems = items;
-      const childrenCount = children?.length ?? 1;
-      const totalWidth = childrenCount * (width / slideItems);
-      if (this.state.totalWidth !== totalWidth) {
-        this.setState({
-          slideWidths: new Array(childrenCount).fill(width),
-          totalWidth,
-          showControls: childrenCount > slideItems
-        });
-      }
-      return;
-    }
     const {
       slideWidths,
       totalWidth
@@ -237,7 +230,7 @@ class Carousel extends _react.Component {
     if (current >= slideWidths.length) {
       current = 0;
     }
-    this.props.onSlide?.(next);
+    this.props.onSlide?.(current);
     this.setState({
       current,
       next,
@@ -323,7 +316,7 @@ class Carousel extends _react.Component {
               children: [showControls && this.renderSliderItems(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: `${baseClassName}__genuine-slides`,
                 ref: this.genuineRef,
-                children: this.renderSliderItems()
+                children: this.renderSliderItems(true)
               }), showControls && this.renderSliderItems()]
             }), this.renderNavigationArrows()]
           }), this.renderNavigationDots()]

package/cjs/components/Icon/constants.js

@@ -7,5 +7,5 @@ exports.NAMES_12 = exports.NAMES = void 0;
 /* eslint-disable max-len */
 // This file is generated by create-svg-sprite. Do not edit.
 
-const NAMES_12 = exports.NAMES_12 = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-circle-filled', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-left-circle-filled', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-circle-filled', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bar-chart-vertical-lock', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-filled', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'dot-big', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'filter', 'filter-check-mark', 'fire', 'flag', 'flag-filled', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'forward-circle-filled', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'joomla', 'kebab', 'key', 'label', 'label-plus', 'laravel', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-circle-filled', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'plus-circle', 'plus-circle-filled', 'power', 'projects', 'puzzle', 'python', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'redirect-circle-filled', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-attention-filled', 'shield-chain', 'shield-filled', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'start-filled', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'woocommerce', 'wordpress', 'wordpress-minus', 'zero-circle-filled'];
-const NAMES = exports.NAMES = ['archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-circle-filled', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-left-circle-filled', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-circle-filled', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bar-chart-vertical-lock', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-filled', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'dot-big', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'filter', 'filter-check-mark', 'fire', 'flag', 'flag-filled', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'forward-circle-filled', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'joomla', 'kebab', 'key', 'label', 'label-plus', 'laravel', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-circle-filled', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'plus-circle', 'plus-circle-filled', 'power', 'projects', 'puzzle', 'python', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'redirect-circle-filled', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-attention-filled', 'shield-chain', 'shield-filled', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'start-filled', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'woocommerce', 'wordpress', 'wordpress-minus', 'zero-circle-filled'];
+const NAMES_12 = exports.NAMES_12 = ['advisor', 'archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-circle-filled', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-left-circle-filled', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-circle-filled', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bar-chart-vertical-lock', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-filled', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'dot-big', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'file', 'filter', 'filter-check-mark', 'fire', 'flag', 'flag-filled', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'forward-circle-filled', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'joomla', 'kebab', 'key', 'label', 'label-plus', 'laravel', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-circle-filled', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'plus-circle', 'plus-circle-filled', 'power', 'projects', 'puzzle', 'python', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'redirect-circle-filled', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-attention-filled', 'shield-chain', 'shield-filled', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'ssl-it', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'start-filled', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'woocommerce', 'wordpress', 'wordpress-minus', 'zero-circle-filled'];
+const NAMES = exports.NAMES = ['advisor', 'archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-circle-filled', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-left-circle-filled', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-circle-filled', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bar-chart-vertical-lock', 'bell', 'book-email', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-filled', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'dot-big', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'file', 'filter', 'filter-check-mark', 'fire', 'flag', 'flag-filled', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'forward-circle-filled', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'joomla', 'kebab', 'key', 'label', 'label-plus', 'laravel', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-circle-filled', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'plus-circle', 'plus-circle-filled', 'power', 'projects', 'puzzle', 'python', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'redirect-circle-filled', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-attention-filled', 'shield-chain', 'shield-filled', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'ssl-it', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'start-filled', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'woocommerce', 'wordpress', 'wordpress-minus', 'zero-circle-filled'];

package/cjs/components/Icon/images/symbols.svg

@@ -1,5 +1,12 @@
-<svg width="16" height="12288" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16" height="12432" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <defs>
+    <symbol viewBox="0 0 12 12" id="advisor:12">
+      <path d="M4.5 6.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM8 7a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z" />
+      <path fill-rule="evenodd" d="M1.35 2.49 3 3.04v.63L.76 2.56c-.45-.23-.93.25-.7.7l1.13 2.28a2.5 2.5 0 0 0 .35 2.5A4.51 4.51 0 0 0 6 12a4.51 4.51 0 0 0 4.46-3.95 2.49 2.49 0 0 0 .35-2.5l1.13-2.3c.22-.44-.25-.92-.7-.7L9 3.68v-.63l1.65-.55c.47-.16.47-.82 0-.98L6.32.05a1 1 0 0 0-.64 0L1.35 1.51c-.47.16-.47.82 0 .98ZM8.97 2 6 1 3.03 2 6 3l2.97-1Zm-3.3 1.95L4 3.38v.67a2.5 2.5 0 0 1 2 2.44c0-1.2.86-2.2 2-2.44v-.67l-1.68.57a1 1 0 0 1-.64 0Zm-4.09.13.6.3a2.5 2.5 0 0 1-.33.24l-.27-.54Zm8.24.3c.12.07.23.15.33.24l.27-.54-.6.3ZM2.8 8.9A3.5 3.5 0 0 0 6 11a3.5 3.5 0 0 0 3.2-2.1 2.5 2.5 0 0 1-1.82-.16l-1.19 1.38a.25.25 0 0 1-.38 0L4.62 8.74a2.49 2.49 0 0 1-1.82.16Zm2.6-.78.6.69.6-.7c-.37-.43-.6-.99-.6-1.6 0 .61-.23 1.17-.6 1.6ZM3.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" clip-rule="evenodd" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="advisor:16">
+      <path fill-rule="evenodd" d="M7.6.02a.39.39 0 0 0-.24 0L.82 2.1c-.36.12-.36.65 0 .77l2.73.87v.8L.71 3.12c-.44-.23-.9.28-.64.7l1.4 2.35a3.53 3.53 0 0 0 .2 4.87A5.92 5.92 0 0 0 7.47 16c2.9 0 5.32-2.15 5.8-4.97a3.53 3.53 0 0 0 .24-4.83l1.42-2.38c.25-.43-.2-.94-.64-.71L11.4 4.57v-.83l2.73-.87c.36-.12.36-.65 0-.77L7.59.02Zm4.43 5.16c.3.1.6.26.85.44l.76-1.26-1.6.82ZM1.36 4.36l1.59.8c-.3.11-.6.26-.85.44l-.74-1.24Zm3.17-.31v.97a3.53 3.53 0 0 1 2.13 5.73L7.47 12l.82-1.25a3.53 3.53 0 0 1 2.13-5.73v-.97l-2.83.9a.39.39 0 0 1-.23 0l-2.83-.9Zm4.58 7.42-1.23 1.9c-.19.3-.62.3-.81 0l-1.23-1.9a3.37 3.37 0 0 1-2.94.33c.7 1.87 2.49 3.2 4.57 3.2a4.91 4.91 0 0 0 4.58-3.2 3.37 3.37 0 0 1-2.94-.33ZM1.59 8.5c0-1.38 1.1-2.5 2.45-2.5a2.48 2.48 0 0 1 2.45 2.5c0 1.38-1.1 2.5-2.45 2.5a2.48 2.48 0 0 1-2.45-2.5Zm6.87 0c0-1.38 1.1-2.5 2.45-2.5a2.48 2.48 0 0 1 2.45 2.5c0 1.38-1.1 2.5-2.45 2.5a2.48 2.48 0 0 1-2.45-2.5Zm3.92-6L7.48.98l-4.91 1.5 4.9 1.5 4.91-1.5ZM5.02 8.73c0 .42-.33.75-.73.75a.74.74 0 0 1-.74-.75c0-.41.33-.75.74-.75.4 0 .73.34.73.75Zm5.64.75c.41 0 .74-.33.74-.75a.74.74 0 0 0-.74-.75c-.4 0-.73.34-.73.75 0 .42.33.75.73.75Z" clip-rule="evenodd" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="archive:12">
       <path d="M2 1h7v.5a.5.5 0 0 0 1 0V1a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-.5a.5.5 0 0 0-1 0v.5H2V1z" />
       <path d="M9.5 9a.5.5 0 0 1-.5-.5V4.702l-.153.153a.496.496 0 0 1-.702-.702l.952-.951A.5.5 0 0 1 9.498 3h.004a.495.495 0 0 1 .401.202l.952.951a.496.496 0 0 1-.702.702L10 4.702V8.5a.5.5 0 0 1-.5.5zM3.5 2a.5.5 0 0 0 0 1H5v1H3.5a.5.5 0 0 0 0 1H5v1H3.5a.5.5 0 0 0 0 1H5v1H3.5a.5.5 0 0 0 0 1H5v1h1.5a.5.5 0 0 0 0-1H5V8h1.5a.5.5 0 0 0 0-1H5V6h1.5a.5.5 0 0 0 0-1H5V4h1.5a.5.5 0 0 0 0-1H5V2H3.5z" />
@@ -783,6 +790,12 @@
     <symbol viewBox="0 0 16 16" id="feedback:16">
       <path fill-rule="evenodd" d="M16 7.5a7.5 7.5 0 01-10.76 6.75L1.9 15.37A1 1 0 01.63 14.1l1.12-3.34A7.5 7.5 0 1116 7.5zM8.26 3.77c.1-.2.38-.2.48 0l.95 1.93c.04.08.11.13.2.15l2.13.3c.22.04.3.3.15.46l-1.54 1.5a.27.27 0 00-.08.24l.37 2.12c.03.22-.2.38-.4.28l-1.9-1a.27.27 0 00-.24 0l-1.9 1a.27.27 0 01-.4-.28l.37-2.12a.27.27 0 00-.08-.24l-1.54-1.5a.27.27 0 01.15-.45l2.13-.31a.27.27 0 00.2-.15l.95-1.93z" clip-rule="evenodd" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="file:12">
+      <path fill-rule="evenodd" d="M4.41 1H10v10H2V3.41L4.41 1Zm-.7-.7a1 1 0 0 1 .7-.3H10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3.41a1 1 0 0 1 .3-.7L3.7.29ZM3.5 8a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM3 6.5c0-.28.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5ZM3.5 4a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Z" clip-rule="evenodd" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="file:16">
+      <path fill-rule="evenodd" d="M13 1H5.41L3 3.41V15h10V1ZM5.41 0a1 1 0 0 0-.7.3L2.29 2.7a1 1 0 0 0-.29.71V15a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H5.41ZM5 11.5c0-.28.17-.5.38-.5h5.25c.2 0 .37.22.37.5s-.17.5-.38.5H5.38c-.21 0-.38-.22-.38-.5ZM5.38 9c-.21 0-.38.22-.38.5s.17.5.38.5h5.25c.2 0 .37-.22.37-.5s-.17-.5-.38-.5H5.38ZM5 7.5c0-.28.17-.5.38-.5h5.25c.2 0 .37.22.37.5s-.17.5-.38.5H5.38C5.17 8 5 7.78 5 7.5ZM5.38 5c-.21 0-.38.22-.38.5s.17.5.38.5h5.25c.2 0 .37-.22.37-.5s-.17-.5-.38-.5H5.38Z" clip-rule="evenodd" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="filter-check-mark:12">
       <path fill-rule="evenodd" d="M6 6.314v4.031l1 .5V6.314l4-3.749V1H2v1.566l4 3.749zM5 6.75v3.595a1 1 0 0 0 .553.894l1.362.68A.75.75 0 0 0 8 11.25V6.75l3.684-3.455a1 1 0 0 0 .316-.73V1A1 1 0 0 0 11 0H2a1 1 0 0 0-1 1v1.565a1 1 0 0 0 .316.73L5 6.75z" clip-rule="evenodd" />
       <path fill-rule="evenodd" d="M9.233 1.702a.5.5 0 0 1 .057.702L6.794 5.36a.5.5 0 0 1-.767-.01L4.522 3.52a.501.501 0 0 1 .774-.638l1.13 1.372L8.525 1.76a.5.5 0 0 1 .708-.057z" clip-rule="evenodd" />
@@ -1643,6 +1656,14 @@
       <path fill-rule="evenodd" d="M8 11a3 3 0 100-6 3 3 0 000 6zm0-1a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd" />
       <path fill-rule="evenodd" d="M1 3.732A2 2 0 113.732 1h8.536A2 2 0 1115 3.732v8.536A2 2 0 1112.268 15H3.732A2 2 0 111 12.268V3.732zM2 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 002-2h8a2 2 0 002 2v8a2 2 0 00-2 2H4a2 2 0 00-2-2V4zm13-2a1 1 0 11-2 0 1 1 0 012 0zM2 15a1 1 0 100-2 1 1 0 000 2zm13-1a1 1 0 11-2 0 1 1 0 012 0z" clip-rule="evenodd" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="ssl-it:12">
+      <path fill-rule="evenodd" d="M2 4v-.25C2 1.68 3.93 0 6 0c2.07 0 4 1.68 4 3.75V4h1.23c.41 0 .77.33.77.75v6.5c0 .41-.34.75-.75.75H5.38c-.21 0-.38-.25-.38-.5s.17-.5.38-.5H11V5H1v2.63C1 7.83.7 8 .5 8S0 7.83 0 7.63V4.75C0 4.34.31 4 .73 4H2Zm7-.25V4H3v-.25C3 2.09 4.34 1 6 1s3 1.1 3 2.75Z" clip-rule="evenodd" />
+      <path d="M6 10c1 0 1.9-1.07 2-1.81.01-.1-.07-.19-.18-.19H4.18c-.1 0-.2.08-.18.19.1.74 1 1.81 2 1.81ZM4.84 7c.1 0 .19-.09.16-.19C4.92 6.5 4.53 6 4 6c-.5 0-.92.49-1 .81-.03.1.06.19.16.19h1.68ZM8.84 7c.1 0 .19-.09.16-.19C8.92 6.5 8.53 6 8 6c-.5 0-.92.49-1 .81-.03.1.06.19.16.19h1.68ZM3.63 9.33H2.36c.1-.24.19-.4.18-.66C2.54 8.34 2.38 8 2 8c-.23 0-.37.14-.37.33 0 .34-.23.7-.36.84-.15.17-.4.29-.63.36-.35.12-.64.4-.64.74v1.06c0 .37.33.67.73.67h2.45c.27 0 .45-.42.27-.67.27-.16.36-.41.18-.66.27-.17.37-.42.18-.67.28-.17.28-.67-.18-.67Z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="ssl-it:16">
+      <path fill-rule="evenodd" d="M3 6V5a5 5 0 0 1 10 0v1h1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H6.5a.5.5 0 0 1 0-1H14V7H2v2.5a.5.5 0 0 1-1 0V7a1 1 0 0 1 1-1h1Zm9-1v1H4V5a4 4 0 1 1 8 0Z" clip-rule="evenodd" />
+      <path d="M8 14a2 2 0 0 0 1.98-1.75c.02-.14-.1-.25-.23-.25h-3.5c-.14 0-.25.11-.23.25A2 2 0 0 0 8 14ZM11.75 10c.14 0 .25-.11.22-.25a1 1 0 0 0-1.94 0c-.03.14.08.25.22.25h1.5ZM5.75 10c.14 0 .25-.11.22-.25a1 1 0 0 0-1.94 0c-.03.14.08.25.22.25h1.5ZM5 12H3.25c.14-.37.25-.6.25-1 0-.48-.23-.98-.75-1-.3-.01-.5.21-.5.5 0 .5-.33 1.04-.5 1.25-.2.26-.54.43-.87.55-.48.17-.88.6-.88 1.1V15a1 1 0 0 0 1 1h3.38c.37 0 .62-.63.37-1 .38-.25.5-.63.25-1 .38-.25.5-.63.25-1 .38-.25.38-1-.25-1Z" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="star-circle-filled:12">
       <path fill-rule="evenodd" d="M6 12A6 6 0 106 0a6 6 0 000 12zm1.112-7.56l-.889-1.801a.249.249 0 00-.446 0l-.889 1.8a.249.249 0 01-.187.137l-1.988.289a.249.249 0 00-.138.424L4.014 6.69c.058.057.085.14.071.22l-.34 1.98a.249.249 0 00.362.262l1.777-.935a.249.249 0 01.232 0l1.777.935a.249.249 0 00.361-.263l-.34-1.98a.249.249 0 01.072-.22L9.425 5.29a.249.249 0 00-.138-.424l-1.988-.29a.249.249 0 01-.187-.135z" clip-rule="evenodd" />
     </symbol>

package/cjs/index.js

@@ -46,5 +46,5 @@ Object.keys(_components).forEach(function (key) {
   });
 });
 // Copyright 1999-2023. Plesk International GmbH. All rights reserved.
-const version = exports.version = "3.37.0";
+const version = exports.version = "3.38.1";
 (0, _svg4everybody.default)();

package/cjs/utils/types/ComponentProps.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/cjs/utils/types/index.js

@@ -2,4 +2,11 @@
 
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
+});
+Object.defineProperty(exports, "ComponentProps", {
+  enumerable: true,
+  get: function () {
+    return _ComponentProps.ComponentProps;
+  }
+});
+var _ComponentProps = require("./ComponentProps");

package/dist/images/symbols.svg

@@ -1,5 +1,12 @@
-<svg width="16" height="12288" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16" height="12432" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   <defs>
+    <symbol viewBox="0 0 12 12" id="advisor:12">
+      <path d="M4.5 6.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM8 7a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z" />
+      <path fill-rule="evenodd" d="M1.35 2.49 3 3.04v.63L.76 2.56c-.45-.23-.93.25-.7.7l1.13 2.28a2.5 2.5 0 0 0 .35 2.5A4.51 4.51 0 0 0 6 12a4.51 4.51 0 0 0 4.46-3.95 2.49 2.49 0 0 0 .35-2.5l1.13-2.3c.22-.44-.25-.92-.7-.7L9 3.68v-.63l1.65-.55c.47-.16.47-.82 0-.98L6.32.05a1 1 0 0 0-.64 0L1.35 1.51c-.47.16-.47.82 0 .98ZM8.97 2 6 1 3.03 2 6 3l2.97-1Zm-3.3 1.95L4 3.38v.67a2.5 2.5 0 0 1 2 2.44c0-1.2.86-2.2 2-2.44v-.67l-1.68.57a1 1 0 0 1-.64 0Zm-4.09.13.6.3a2.5 2.5 0 0 1-.33.24l-.27-.54Zm8.24.3c.12.07.23.15.33.24l.27-.54-.6.3ZM2.8 8.9A3.5 3.5 0 0 0 6 11a3.5 3.5 0 0 0 3.2-2.1 2.5 2.5 0 0 1-1.82-.16l-1.19 1.38a.25.25 0 0 1-.38 0L4.62 8.74a2.49 2.49 0 0 1-1.82.16Zm2.6-.78.6.69.6-.7c-.37-.43-.6-.99-.6-1.6 0 .61-.23 1.17-.6 1.6ZM3.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm5 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" clip-rule="evenodd" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="advisor:16">
+      <path fill-rule="evenodd" d="M7.6.02a.39.39 0 0 0-.24 0L.82 2.1c-.36.12-.36.65 0 .77l2.73.87v.8L.71 3.12c-.44-.23-.9.28-.64.7l1.4 2.35a3.53 3.53 0 0 0 .2 4.87A5.92 5.92 0 0 0 7.47 16c2.9 0 5.32-2.15 5.8-4.97a3.53 3.53 0 0 0 .24-4.83l1.42-2.38c.25-.43-.2-.94-.64-.71L11.4 4.57v-.83l2.73-.87c.36-.12.36-.65 0-.77L7.59.02Zm4.43 5.16c.3.1.6.26.85.44l.76-1.26-1.6.82ZM1.36 4.36l1.59.8c-.3.11-.6.26-.85.44l-.74-1.24Zm3.17-.31v.97a3.53 3.53 0 0 1 2.13 5.73L7.47 12l.82-1.25a3.53 3.53 0 0 1 2.13-5.73v-.97l-2.83.9a.39.39 0 0 1-.23 0l-2.83-.9Zm4.58 7.42-1.23 1.9c-.19.3-.62.3-.81 0l-1.23-1.9a3.37 3.37 0 0 1-2.94.33c.7 1.87 2.49 3.2 4.57 3.2a4.91 4.91 0 0 0 4.58-3.2 3.37 3.37 0 0 1-2.94-.33ZM1.59 8.5c0-1.38 1.1-2.5 2.45-2.5a2.48 2.48 0 0 1 2.45 2.5c0 1.38-1.1 2.5-2.45 2.5a2.48 2.48 0 0 1-2.45-2.5Zm6.87 0c0-1.38 1.1-2.5 2.45-2.5a2.48 2.48 0 0 1 2.45 2.5c0 1.38-1.1 2.5-2.45 2.5a2.48 2.48 0 0 1-2.45-2.5Zm3.92-6L7.48.98l-4.91 1.5 4.9 1.5 4.91-1.5ZM5.02 8.73c0 .42-.33.75-.73.75a.74.74 0 0 1-.74-.75c0-.41.33-.75.74-.75.4 0 .73.34.73.75Zm5.64.75c.41 0 .74-.33.74-.75a.74.74 0 0 0-.74-.75c-.4 0-.73.34-.73.75 0 .42.33.75.73.75Z" clip-rule="evenodd" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="archive:12">
       <path d="M2 1h7v.5a.5.5 0 0 0 1 0V1a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1v-.5a.5.5 0 0 0-1 0v.5H2V1z" />
       <path d="M9.5 9a.5.5 0 0 1-.5-.5V4.702l-.153.153a.496.496 0 0 1-.702-.702l.952-.951A.5.5 0 0 1 9.498 3h.004a.495.495 0 0 1 .401.202l.952.951a.496.496 0 0 1-.702.702L10 4.702V8.5a.5.5 0 0 1-.5.5zM3.5 2a.5.5 0 0 0 0 1H5v1H3.5a.5.5 0 0 0 0 1H5v1H3.5a.5.5 0 0 0 0 1H5v1H3.5a.5.5 0 0 0 0 1H5v1h1.5a.5.5 0 0 0 0-1H5V8h1.5a.5.5 0 0 0 0-1H5V6h1.5a.5.5 0 0 0 0-1H5V4h1.5a.5.5 0 0 0 0-1H5V2H3.5z" />
@@ -783,6 +790,12 @@
     <symbol viewBox="0 0 16 16" id="feedback:16">
       <path fill-rule="evenodd" d="M16 7.5a7.5 7.5 0 01-10.76 6.75L1.9 15.37A1 1 0 01.63 14.1l1.12-3.34A7.5 7.5 0 1116 7.5zM8.26 3.77c.1-.2.38-.2.48 0l.95 1.93c.04.08.11.13.2.15l2.13.3c.22.04.3.3.15.46l-1.54 1.5a.27.27 0 00-.08.24l.37 2.12c.03.22-.2.38-.4.28l-1.9-1a.27.27 0 00-.24 0l-1.9 1a.27.27 0 01-.4-.28l.37-2.12a.27.27 0 00-.08-.24l-1.54-1.5a.27.27 0 01.15-.45l2.13-.31a.27.27 0 00.2-.15l.95-1.93z" clip-rule="evenodd" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="file:12">
+      <path fill-rule="evenodd" d="M4.41 1H10v10H2V3.41L4.41 1Zm-.7-.7a1 1 0 0 1 .7-.3H10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3.41a1 1 0 0 1 .3-.7L3.7.29ZM3.5 8a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM3 6.5c0-.28.22-.5.5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5ZM3.5 4a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Z" clip-rule="evenodd" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="file:16">
+      <path fill-rule="evenodd" d="M13 1H5.41L3 3.41V15h10V1ZM5.41 0a1 1 0 0 0-.7.3L2.29 2.7a1 1 0 0 0-.29.71V15a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H5.41ZM5 11.5c0-.28.17-.5.38-.5h5.25c.2 0 .37.22.37.5s-.17.5-.38.5H5.38c-.21 0-.38-.22-.38-.5ZM5.38 9c-.21 0-.38.22-.38.5s.17.5.38.5h5.25c.2 0 .37-.22.37-.5s-.17-.5-.38-.5H5.38ZM5 7.5c0-.28.17-.5.38-.5h5.25c.2 0 .37.22.37.5s-.17.5-.38.5H5.38C5.17 8 5 7.78 5 7.5ZM5.38 5c-.21 0-.38.22-.38.5s.17.5.38.5h5.25c.2 0 .37-.22.37-.5s-.17-.5-.38-.5H5.38Z" clip-rule="evenodd" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="filter-check-mark:12">
       <path fill-rule="evenodd" d="M6 6.314v4.031l1 .5V6.314l4-3.749V1H2v1.566l4 3.749zM5 6.75v3.595a1 1 0 0 0 .553.894l1.362.68A.75.75 0 0 0 8 11.25V6.75l3.684-3.455a1 1 0 0 0 .316-.73V1A1 1 0 0 0 11 0H2a1 1 0 0 0-1 1v1.565a1 1 0 0 0 .316.73L5 6.75z" clip-rule="evenodd" />
       <path fill-rule="evenodd" d="M9.233 1.702a.5.5 0 0 1 .057.702L6.794 5.36a.5.5 0 0 1-.767-.01L4.522 3.52a.501.501 0 0 1 .774-.638l1.13 1.372L8.525 1.76a.5.5 0 0 1 .708-.057z" clip-rule="evenodd" />
@@ -1643,6 +1656,14 @@
       <path fill-rule="evenodd" d="M8 11a3 3 0 100-6 3 3 0 000 6zm0-1a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd" />
       <path fill-rule="evenodd" d="M1 3.732A2 2 0 113.732 1h8.536A2 2 0 1115 3.732v8.536A2 2 0 1112.268 15H3.732A2 2 0 111 12.268V3.732zM2 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 002-2h8a2 2 0 002 2v8a2 2 0 00-2 2H4a2 2 0 00-2-2V4zm13-2a1 1 0 11-2 0 1 1 0 012 0zM2 15a1 1 0 100-2 1 1 0 000 2zm13-1a1 1 0 11-2 0 1 1 0 012 0z" clip-rule="evenodd" />
     </symbol>
+    <symbol viewBox="0 0 12 12" id="ssl-it:12">
+      <path fill-rule="evenodd" d="M2 4v-.25C2 1.68 3.93 0 6 0c2.07 0 4 1.68 4 3.75V4h1.23c.41 0 .77.33.77.75v6.5c0 .41-.34.75-.75.75H5.38c-.21 0-.38-.25-.38-.5s.17-.5.38-.5H11V5H1v2.63C1 7.83.7 8 .5 8S0 7.83 0 7.63V4.75C0 4.34.31 4 .73 4H2Zm7-.25V4H3v-.25C3 2.09 4.34 1 6 1s3 1.1 3 2.75Z" clip-rule="evenodd" />
+      <path d="M6 10c1 0 1.9-1.07 2-1.81.01-.1-.07-.19-.18-.19H4.18c-.1 0-.2.08-.18.19.1.74 1 1.81 2 1.81ZM4.84 7c.1 0 .19-.09.16-.19C4.92 6.5 4.53 6 4 6c-.5 0-.92.49-1 .81-.03.1.06.19.16.19h1.68ZM8.84 7c.1 0 .19-.09.16-.19C8.92 6.5 8.53 6 8 6c-.5 0-.92.49-1 .81-.03.1.06.19.16.19h1.68ZM3.63 9.33H2.36c.1-.24.19-.4.18-.66C2.54 8.34 2.38 8 2 8c-.23 0-.37.14-.37.33 0 .34-.23.7-.36.84-.15.17-.4.29-.63.36-.35.12-.64.4-.64.74v1.06c0 .37.33.67.73.67h2.45c.27 0 .45-.42.27-.67.27-.16.36-.41.18-.66.27-.17.37-.42.18-.67.28-.17.28-.67-.18-.67Z" />
+    </symbol>
+    <symbol viewBox="0 0 16 16" id="ssl-it:16">
+      <path fill-rule="evenodd" d="M3 6V5a5 5 0 0 1 10 0v1h1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H6.5a.5.5 0 0 1 0-1H14V7H2v2.5a.5.5 0 0 1-1 0V7a1 1 0 0 1 1-1h1Zm9-1v1H4V5a4 4 0 1 1 8 0Z" clip-rule="evenodd" />
+      <path d="M8 14a2 2 0 0 0 1.98-1.75c.02-.14-.1-.25-.23-.25h-3.5c-.14 0-.25.11-.23.25A2 2 0 0 0 8 14ZM11.75 10c.14 0 .25-.11.22-.25a1 1 0 0 0-1.94 0c-.03.14.08.25.22.25h1.5ZM5.75 10c.14 0 .25-.11.22-.25a1 1 0 0 0-1.94 0c-.03.14.08.25.22.25h1.5ZM5 12H3.25c.14-.37.25-.6.25-1 0-.48-.23-.98-.75-1-.3-.01-.5.21-.5.5 0 .5-.33 1.04-.5 1.25-.2.26-.54.43-.87.55-.48.17-.88.6-.88 1.1V15a1 1 0 0 0 1 1h3.38c.37 0 .62-.63.37-1 .38-.25.5-.63.25-1 .38-.25.5-.63.25-1 .38-.25.38-1-.25-1Z" />
+    </symbol>
     <symbol viewBox="0 0 12 12" id="star-circle-filled:12">
       <path fill-rule="evenodd" d="M6 12A6 6 0 106 0a6 6 0 000 12zm1.112-7.56l-.889-1.801a.249.249 0 00-.446 0l-.889 1.8a.249.249 0 01-.187.137l-1.988.289a.249.249 0 00-.138.424L4.014 6.69c.058.057.085.14.071.22l-.34 1.98a.249.249 0 00.362.262l1.777-.935a.249.249 0 01.232 0l1.777.935a.249.249 0 00.361-.263l-.34-1.98a.249.249 0 01.072-.22L9.425 5.29a.249.249 0 00-.138-.424l-1.988-.29a.249.249 0 01-.187-.135z" clip-rule="evenodd" />
     </symbol>