@helpdice/ui 2.6.1-beta.3 → 2.6.1-beta.5

package/dist/auto-complete/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var theme = require('@helpdice/theme');
 var jsxRuntime = require('react/jsx-runtime');
-var icons = require('@helpdice/icons');
+var ArrowRight = require('@helpdice/icons/curved/ArrowRight');
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -3203,7 +3203,7 @@ var repositionCursor = function repositionCursor(_ref) {
   };
 };
 
-var _excluded$5 = ["allowDecimals", "allowNegativeValue", "id", "name", "className", "customInput", "decimalsLimit", "defaultValue", "disabled", "maxLength", "value", "fixedDecimalLength", "placeholder", "decimalScale", "prefix", "suffix", "intlConfig", "fullWidth", "step", "min", "max", "disableGroupSeparators", "disableAbbreviations", "decimalSeparator", "groupSeparator", "onChange", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "transformRawValue", "formatValueOnBlur", "children"];
+var _excluded$5 = ["allowDecimals", "allowNegativeValue", "id", "name", "className", "customInput", "decimalsLimit", "defaultValue", "disabled", "maxLength", "value", "onValueChange", "fixedDecimalLength", "placeholder", "decimalScale", "prefix", "suffix", "intlConfig", "fullWidth", "step", "min", "max", "disableGroupSeparators", "disableAbbreviations", "decimalSeparator", "groupSeparator", "onChange", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "transformRawValue", "formatValueOnBlur", "children"];
 var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$allowDecimals = _ref.allowDecimals,
     allowDecimals = _ref$allowDecimals === void 0 ? true : _ref$allowDecimals,
@@ -3219,6 +3219,7 @@ var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     userMaxLength = _ref.maxLength,
     userValue = _ref.value,
+    onValueChange = _ref.onValueChange,
     fixedDecimalLength = _ref.fixedDecimalLength,
     placeholder = _ref.placeholder,
     decimalScale = _ref.decimalScale,
@@ -3339,7 +3340,7 @@ var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return;
     }
     if (stringValue === '' || stringValue === '-' || stringValue === decimalSeparator) {
-      onChange && onChange(undefined, name, {
+      onValueChange && onValueChange(undefined, name, {
         "float": null,
         formatted: '',
         value: ''
@@ -3377,15 +3378,15 @@ var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     //     });
 
     setStateValue(formattedValue);
-    if (onChange) {
+    if (onValueChange) {
       var values = {
         "float": numberValue,
         formatted: formattedValue,
         value: stringValue
       };
-      onChange(stringValue, name, values);
+      onValueChange(stringValue, name, values);
     }
-    // onChange && onChange(stringValue);
+    // onValueChange && onValueChange(stringValue);
   };
 
   /**
@@ -3396,6 +3397,7 @@ var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       value = _event$target.value,
       selectionStart = _event$target.selectionStart;
     processChange(value, selectionStart);
+    if (onChange) onChange(event);
   };
 
   /**
@@ -3427,8 +3429,8 @@ var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var formattedValue = formatValue(_objectSpread2(_objectSpread2({}, formatValueOptions), {}, {
       value: newValue
     }));
-    if (onChange && formatValueOnBlur) {
-      onChange(newValue, name, {
+    if (onValueChange && formatValueOnBlur) {
+      onValueChange(newValue, name, {
         "float": numberValue,
         formatted: formattedValue,
         value: newValue
@@ -3745,6 +3747,15 @@ var GridContainer = withScale(GridContainerComponent);
 
 Grid.Container = GridContainer;
 
+// function isDefaultValue(value: unknown): value is RangeValue {
+//   return (
+//     value instanceof RangeValue &&
+//     value !== null &&
+//     "min" in value &&
+//     "max" in value
+//   );
+// }
+
 function CurrencyRangeInput(_ref) {
   var prefix = _ref.prefix,
     allowDecimals = _ref.allowDecimals,
@@ -3753,8 +3764,8 @@ function CurrencyRangeInput(_ref) {
     value = _ref.value,
     _ref$defaultValue = _ref.defaultValue,
     defaultValue = _ref$defaultValue === void 0 ? {
-      min: 0,
-      max: 0
+      min: "",
+      max: ""
     } : _ref$defaultValue,
     onChange = _ref.onChange,
     _ref$debounce = _ref.debounce,
@@ -3773,21 +3784,56 @@ function CurrencyRangeInput(_ref) {
     }
   }, [isControlled]);
 
+  // function toNumber(value: string): number {
+  // if (typeof value != "string") {
+  //   throw Error("Invalid default value")
+  // }
+  //   let cleaned = value.trim();
+
+  //   // Remove currency symbols and letters
+  //   cleaned = cleaned.replace(/[^\d.,-]/g, '');
+
+  //   // If both comma and dot exist → detect format
+  //   if (cleaned.includes(',') && cleaned.includes('.')) {
+  //     // If comma appears after dot → European format
+  //     if (cleaned.lastIndexOf(',') > cleaned.lastIndexOf('.')) {
+  //       cleaned = cleaned.replace(/\./g, '').replace(',', '.');
+  //     } else {
+  //       cleaned = cleaned.replace(/,/g, '');
+  //     }
+  //   }
+  //   // If only comma exists → assume European decimal
+  //   else if (cleaned.includes(',')) {
+  //     cleaned = cleaned.replace(',', '.');
+  //   }
+
+  //   return Number(cleaned);
+  // }
+
+  function toNumber(value) {
+    if (typeof value != "string") {
+      throw Error("Invalid default value");
+    }
+    var cleaned = value.replace(/[^\d.-]/g, '');
+    var result = Number(cleaned);
+    return isNaN(result) ? 0 : result;
+  }
+
   // Validation
   var isInvalid = React.useMemo(function () {
     if (!currentValue.min || !currentValue.max) return false;
-    return currentValue.max <= currentValue.min;
+    return toNumber(currentValue.max) <= toNumber(currentValue.min);
   }, [currentValue]);
 
   // Debounced onChange
   React.useEffect(function () {
     if (!onChange || isInvalid) return;
+    // console.log(currentValue, isInvalid);
     var handler = setTimeout(function () {
       if (currentValue.min && currentValue.max) {
         onChange({
           min: currentValue.min,
-          max: currentValue.max,
-          currency: ''
+          max: currentValue.max
         });
       }
     }, debounce);
@@ -3796,7 +3842,7 @@ function CurrencyRangeInput(_ref) {
     };
   }, [isInvalid, debounce, currentValue]);
   var finalError = externalError !== null && externalError !== void 0 ? externalError : isInvalid;
-  var finalHelperText = externalHelperText !== null && externalHelperText !== void 0 ? externalHelperText : isInvalid ? "Max must be greater than min" : undefined;
+  var finalHelperText = isInvalid ? "Max must be greater than min" : externalHelperText;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "with-label",
     children: [children && /*#__PURE__*/jsxRuntime.jsx(InputBlockLabel, {
@@ -3805,10 +3851,10 @@ function CurrencyRangeInput(_ref) {
       gap: 2,
       children: [/*#__PURE__*/jsxRuntime.jsx(Grid, {
         children: /*#__PURE__*/jsxRuntime.jsx(Input.Currency, {
-          value: currentValue.min,
-          onChange: function onChange(val) {
+          value: toNumber(currentValue.min),
+          onValueChange: function onValueChange(_, __, values) {
             return setValue(_objectSpread2(_objectSpread2({}, currentValue), {}, {
-              min: Number(val)
+              min: values === null || values === void 0 ? void 0 : values.formatted
             }));
           },
           intlConfig: intlConfig,
@@ -3818,10 +3864,10 @@ function CurrencyRangeInput(_ref) {
         })
       }), /*#__PURE__*/jsxRuntime.jsx(Grid, {
         children: /*#__PURE__*/jsxRuntime.jsx(Input.Currency, {
-          value: currentValue.max,
-          onChange: function onChange(val) {
+          value: toNumber(currentValue.max),
+          onValueChange: function onValueChange(_, __, values) {
             return setValue(_objectSpread2(_objectSpread2({}, currentValue), {}, {
-              max: Number(val)
+              max: values === null || values === void 0 ? void 0 : values.formatted
             }));
           },
           intlConfig: intlConfig,
@@ -4038,7 +4084,7 @@ var getSearchIcon = function getSearchIcon(searching) {
   if (searching === undefined) return null;
   return searching ? /*#__PURE__*/jsxRuntime.jsx(Loading, {
     scale: +scale / 2
-  }) : /*#__PURE__*/jsxRuntime.jsx(icons.ArrowRight, {});
+  }) : /*#__PURE__*/jsxRuntime.jsx(ArrowRight, {});
 };
 var AutoCompleteComponent = /*#__PURE__*/React.forwardRef(function (_ref, userRef) {
   var _ref$options = _ref.options,

package/dist/carousal/index.js

@@ -6,7 +6,8 @@ var React = require('react');
 var require$$0 = require('react-is');
 var jsxRuntime = require('react/jsx-runtime');
 var theme = require('@helpdice/theme');
-var icons = require('@helpdice/icons');
+var ChevronLeft = require('@helpdice/icons/curved/ChevronLeft');
+var ChevronRight = require('@helpdice/icons/curved/ChevronRight');
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -3206,7 +3207,7 @@ var Thumbs = /*#__PURE__*/function (_Component) {
               zIndex: '2',
               left: 0
             },
-            iconRight: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronLeft, {}),
+            iconRight: /*#__PURE__*/jsxRuntime.jsx(ChevronLeft, {}),
             className: klass.ARROW_PREV(!hasPrev),
             onClick: function onClick() {
               return _this3.slideRight();
@@ -3244,7 +3245,7 @@ var Thumbs = /*#__PURE__*/function (_Component) {
               zIndex: '2',
               right: 0
             },
-            iconRight: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronRight, {}),
+            iconRight: /*#__PURE__*/jsxRuntime.jsx(ChevronRight, {}),
             className: klass.ARROW_NEXT(!hasNext),
             onClick: function onClick() {
               return _this3.slideLeft();

package/dist/copy-to-clipboard/index.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var icons = require('@helpdice/icons');
 var theme = require('@helpdice/theme');
 var jsxRuntime = require('react/jsx-runtime');
+var Copy = require('@helpdice/icons/curved/Copy');
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -1709,7 +1709,7 @@ function Clipboard(props) {
         onClick: function onClick() {
           return _onClick;
         },
-        icon: /*#__PURE__*/jsxRuntime.jsx(icons.Copy, {})
+        icon: /*#__PURE__*/jsxRuntime.jsx(Copy, {})
       })]
     });
   }

package/dist/index.d.ts

@@ -94,9 +94,9 @@ export type { HUIThemes, HUserTheme } from './themes';
 export { default as Toggle } from './toggle';
 export type { ToggleProps } from './toggle';
 export { default as Tooltip } from './tooltip';
-export { default as Notetip } from './notetip/note-tip';
+export { default as Notetip } from './notetip/notetip';
 export type { TooltipProps } from './tooltip';
-export type { NotetipProps } from './notetip/note-tip';
+export type { NotetipProps } from './notetip/notetip';
 export { default as Tree } from './tree';
 export type { TreeProps } from './tree';
 export { useTime, useTimer, useStopwatch } from './timer';

package/dist/index.js

@@ -3,14 +3,17 @@
 var React = require('react');
 var theme = require('@helpdice/theme');
 var jsxRuntime = require('react/jsx-runtime');
-var icons = require('@helpdice/icons');
+var ArrowRight = require('@helpdice/icons/curved/ArrowRight');
 var framerMotion = require('framer-motion');
 var reactDom = require('react-dom');
 var reactDom$1 = require('@floating-ui/react-dom');
 var pro = require('@helpdice/pro');
+var ChevronLeft = require('@helpdice/icons/curved/ChevronLeft');
+var ChevronRight = require('@helpdice/icons/curved/ChevronRight');
 var reactSyntaxHighlighter = require('react-syntax-highlighter');
 var prism = require('react-syntax-highlighter/dist/cjs/styles/prism');
 var require$$0 = require('react-is');
+var Copy = require('@helpdice/icons/curved/Copy');
 var isEqual = require('react-fast-compare');
 
 function _interopNamespaceDefault(e) {
@@ -3540,7 +3543,7 @@ var repositionCursor = function repositionCursor(_ref) {
   };
 };
 
-var _excluded$1i = ["allowDecimals", "allowNegativeValue", "id", "name", "className", "customInput", "decimalsLimit", "defaultValue", "disabled", "maxLength", "value", "fixedDecimalLength", "placeholder", "decimalScale", "prefix", "suffix", "intlConfig", "fullWidth", "step", "min", "max", "disableGroupSeparators", "disableAbbreviations", "decimalSeparator", "groupSeparator", "onChange", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "transformRawValue", "formatValueOnBlur", "children"];
+var _excluded$1i = ["allowDecimals", "allowNegativeValue", "id", "name", "className", "customInput", "decimalsLimit", "defaultValue", "disabled", "maxLength", "value", "onValueChange", "fixedDecimalLength", "placeholder", "decimalScale", "prefix", "suffix", "intlConfig", "fullWidth", "step", "min", "max", "disableGroupSeparators", "disableAbbreviations", "decimalSeparator", "groupSeparator", "onChange", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "transformRawValue", "formatValueOnBlur", "children"];
 var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$allowDecimals = _ref.allowDecimals,
     allowDecimals = _ref$allowDecimals === void 0 ? true : _ref$allowDecimals,
@@ -3556,6 +3559,7 @@ var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     userMaxLength = _ref.maxLength,
     userValue = _ref.value,
+    onValueChange = _ref.onValueChange,
     fixedDecimalLength = _ref.fixedDecimalLength,
     placeholder = _ref.placeholder,
     decimalScale = _ref.decimalScale,
@@ -3676,7 +3680,7 @@ var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       return;
     }
     if (stringValue === '' || stringValue === '-' || stringValue === decimalSeparator) {
-      onChange && onChange(undefined, name, {
+      onValueChange && onValueChange(undefined, name, {
         "float": null,
         formatted: '',
         value: ''
@@ -3714,15 +3718,15 @@ var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     //     });
 
     setStateValue(formattedValue);
-    if (onChange) {
+    if (onValueChange) {
       var values = {
         "float": numberValue,
         formatted: formattedValue,
         value: stringValue
       };
-      onChange(stringValue, name, values);
+      onValueChange(stringValue, name, values);
     }
-    // onChange && onChange(stringValue);
+    // onValueChange && onValueChange(stringValue);
   };
 
   /**
@@ -3733,6 +3737,7 @@ var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       value = _event$target.value,
       selectionStart = _event$target.selectionStart;
     processChange(value, selectionStart);
+    if (onChange) onChange(event);
   };
 
   /**
@@ -3764,8 +3769,8 @@ var InputCurrency = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var formattedValue = formatValue(_objectSpread2(_objectSpread2({}, formatValueOptions), {}, {
       value: newValue
     }));
-    if (onChange && formatValueOnBlur) {
-      onChange(newValue, name, {
+    if (onValueChange && formatValueOnBlur) {
+      onValueChange(newValue, name, {
         "float": numberValue,
         formatted: formattedValue,
         value: newValue
@@ -4082,6 +4087,15 @@ var GridContainer = withScale(GridContainerComponent);
 
 Grid.Container = GridContainer;
 
+// function isDefaultValue(value: unknown): value is RangeValue {
+//   return (
+//     value instanceof RangeValue &&
+//     value !== null &&
+//     "min" in value &&
+//     "max" in value
+//   );
+// }
+
 function CurrencyRangeInput(_ref) {
   var prefix = _ref.prefix,
     allowDecimals = _ref.allowDecimals,
@@ -4090,8 +4104,8 @@ function CurrencyRangeInput(_ref) {
     value = _ref.value,
     _ref$defaultValue = _ref.defaultValue,
     defaultValue = _ref$defaultValue === void 0 ? {
-      min: 0,
-      max: 0
+      min: "",
+      max: ""
     } : _ref$defaultValue,
     onChange = _ref.onChange,
     _ref$debounce = _ref.debounce,
@@ -4110,21 +4124,56 @@ function CurrencyRangeInput(_ref) {
     }
   }, [isControlled]);
 
+  // function toNumber(value: string): number {
+  // if (typeof value != "string") {
+  //   throw Error("Invalid default value")
+  // }
+  //   let cleaned = value.trim();
+
+  //   // Remove currency symbols and letters
+  //   cleaned = cleaned.replace(/[^\d.,-]/g, '');
+
+  //   // If both comma and dot exist → detect format
+  //   if (cleaned.includes(',') && cleaned.includes('.')) {
+  //     // If comma appears after dot → European format
+  //     if (cleaned.lastIndexOf(',') > cleaned.lastIndexOf('.')) {
+  //       cleaned = cleaned.replace(/\./g, '').replace(',', '.');
+  //     } else {
+  //       cleaned = cleaned.replace(/,/g, '');
+  //     }
+  //   }
+  //   // If only comma exists → assume European decimal
+  //   else if (cleaned.includes(',')) {
+  //     cleaned = cleaned.replace(',', '.');
+  //   }
+
+  //   return Number(cleaned);
+  // }
+
+  function toNumber(value) {
+    if (typeof value != "string") {
+      throw Error("Invalid default value");
+    }
+    var cleaned = value.replace(/[^\d.-]/g, '');
+    var result = Number(cleaned);
+    return isNaN(result) ? 0 : result;
+  }
+
   // Validation
   var isInvalid = React.useMemo(function () {
     if (!currentValue.min || !currentValue.max) return false;
-    return currentValue.max <= currentValue.min;
+    return toNumber(currentValue.max) <= toNumber(currentValue.min);
   }, [currentValue]);
 
   // Debounced onChange
   React.useEffect(function () {
     if (!onChange || isInvalid) return;
+    // console.log(currentValue, isInvalid);
     var handler = setTimeout(function () {
       if (currentValue.min && currentValue.max) {
         onChange({
           min: currentValue.min,
-          max: currentValue.max,
-          currency: ''
+          max: currentValue.max
         });
       }
     }, debounce);
@@ -4133,7 +4182,7 @@ function CurrencyRangeInput(_ref) {
     };
   }, [isInvalid, debounce, currentValue]);
   var finalError = externalError !== null && externalError !== void 0 ? externalError : isInvalid;
-  var finalHelperText = externalHelperText !== null && externalHelperText !== void 0 ? externalHelperText : isInvalid ? "Max must be greater than min" : undefined;
+  var finalHelperText = isInvalid ? "Max must be greater than min" : externalHelperText;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "with-label",
     children: [children && /*#__PURE__*/jsxRuntime.jsx(InputBlockLabel, {
@@ -4142,10 +4191,10 @@ function CurrencyRangeInput(_ref) {
       gap: 2,
       children: [/*#__PURE__*/jsxRuntime.jsx(Grid, {
         children: /*#__PURE__*/jsxRuntime.jsx(Input.Currency, {
-          value: currentValue.min,
-          onChange: function onChange(val) {
+          value: toNumber(currentValue.min),
+          onValueChange: function onValueChange(_, __, values) {
             return setValue(_objectSpread2(_objectSpread2({}, currentValue), {}, {
-              min: Number(val)
+              min: values === null || values === void 0 ? void 0 : values.formatted
             }));
           },
           intlConfig: intlConfig,
@@ -4155,10 +4204,10 @@ function CurrencyRangeInput(_ref) {
         })
       }), /*#__PURE__*/jsxRuntime.jsx(Grid, {
         children: /*#__PURE__*/jsxRuntime.jsx(Input.Currency, {
-          value: currentValue.max,
-          onChange: function onChange(val) {
+          value: toNumber(currentValue.max),
+          onValueChange: function onValueChange(_, __, values) {
             return setValue(_objectSpread2(_objectSpread2({}, currentValue), {}, {
-              max: Number(val)
+              max: values === null || values === void 0 ? void 0 : values.formatted
             }));
           },
           intlConfig: intlConfig,
@@ -4375,7 +4424,7 @@ var getSearchIcon = function getSearchIcon(searching) {
   if (searching === undefined) return null;
   return searching ? /*#__PURE__*/jsxRuntime.jsx(Loading, {
     scale: +scale / 2
-  }) : /*#__PURE__*/jsxRuntime.jsx(icons.ArrowRight, {});
+  }) : /*#__PURE__*/jsxRuntime.jsx(ArrowRight, {});
 };
 var AutoCompleteComponent = /*#__PURE__*/React.forwardRef(function (_ref, userRef) {
   var _ref$options = _ref.options,
@@ -36618,7 +36667,7 @@ function TableComponent(tableProps) {
               auto: true,
               px: 0.6,
               scale: 2 / 3,
-              iconRight: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronLeft, {})
+              iconRight: /*#__PURE__*/jsxRuntime.jsx(ChevronLeft, {})
             })
           }), /*#__PURE__*/jsxRuntime.jsx(Tooltip.Small, {
             text: "Next",
@@ -36634,7 +36683,7 @@ function TableComponent(tableProps) {
               iconRight: isLoading ? /*#__PURE__*/jsxRuntime.jsx(Loading, {
                 width: "20px",
                 height: "20px"
-              }) : /*#__PURE__*/jsxRuntime.jsx(icons.ChevronRight, {})
+              }) : /*#__PURE__*/jsxRuntime.jsx(ChevronRight, {})
             })
           })]
         }), dataLength && viewLength && onPageChange ? /*#__PURE__*/jsxRuntime.jsxs(Pagination, {
@@ -36652,9 +36701,9 @@ function TableComponent(tableProps) {
           limit: 5,
           count: Number(dataLength / viewLength),
           children: [/*#__PURE__*/jsxRuntime.jsx(Pagination.Next, {
-            children: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronRight, {})
+            children: /*#__PURE__*/jsxRuntime.jsx(ChevronRight, {})
           }), /*#__PURE__*/jsxRuntime.jsx(Pagination.Previous, {
-            children: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronLeft, {})
+            children: /*#__PURE__*/jsxRuntime.jsx(ChevronLeft, {})
           })]
         }) : null]
       }) : null, /*#__PURE__*/jsxRuntime.jsx(_JSXStyle, {
@@ -41349,7 +41398,7 @@ var Thumbs = /*#__PURE__*/function (_Component) {
               zIndex: '2',
               left: 0
             },
-            iconRight: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronLeft, {}),
+            iconRight: /*#__PURE__*/jsxRuntime.jsx(ChevronLeft, {}),
             className: klass.ARROW_PREV(!hasPrev),
             onClick: function onClick() {
               return _this3.slideRight();
@@ -41387,7 +41436,7 @@ var Thumbs = /*#__PURE__*/function (_Component) {
               zIndex: '2',
               right: 0
             },
-            iconRight: /*#__PURE__*/jsxRuntime.jsx(icons.ChevronRight, {}),
+            iconRight: /*#__PURE__*/jsxRuntime.jsx(ChevronRight, {}),
             className: klass.ARROW_NEXT(!hasNext),
             onClick: function onClick() {
               return _this3.slideLeft();
@@ -42706,7 +42755,7 @@ function Clipboard(props) {
         onClick: function onClick() {
           return _onClick;
         },
-        icon: /*#__PURE__*/jsxRuntime.jsx(icons.Copy, {})
+        icon: /*#__PURE__*/jsxRuntime.jsx(Copy, {})
       })]
     });
   }