@helpdice/ui 1.8.3 → 2.0.4

package/dist/ITooltip/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Placement } from '@floating-ui/react-dom';
+type AnimationVariant = 'fade' | 'scale' | 'slide';
+export type TooltipProps = {
+    children: React.ReactNode;
+    text: React.ReactNode;
+    placement?: Placement;
+    delay?: number;
+    duration?: number;
+    animation?: AnimationVariant;
+};
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/dist/Loadable/index.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React$1 = require('react');
-var LinearProgress = require('@mui/material/LinearProgress');
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -548,11 +547,38 @@ function requireStyle () {
 var styleExports = requireStyle();
 var _JSXStyle = /*@__PURE__*/getDefaultExportFromCjs(styleExports);
 
-var Loader = function Loader() {
+var LinearProgress = function LinearProgress(_ref) {
+  var _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? false : _ref$isActive,
+    progress = _ref.progress,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#1976d2' : _ref$color,
+    _ref$speed = _ref.speed,
+    speed = _ref$speed === void 0 ? 1.5 : _ref$speed;
+  if (!isActive) return null;
+  var isDeterminate = typeof progress === 'number' && progress >= 0 && progress <= 100;
+  return /*#__PURE__*/React$1.createElement("div", {
+    className: _JSXStyle.dynamic([["2900495535", [color, speed]]]) + " " + "loader-wrapper"
+  }, isDeterminate ? /*#__PURE__*/React$1.createElement("div", {
+    style: {
+      width: "".concat(progress, "%"),
+      backgroundColor: color
+    },
+    className: _JSXStyle.dynamic([["2900495535", [color, speed]]]) + " " + "determinate-bar"
+  }) : /*#__PURE__*/React$1.createElement("div", {
+    className: _JSXStyle.dynamic([["2900495535", [color, speed]]]) + " " + "indeterminate-loader"
+  }), /*#__PURE__*/React$1.createElement(_JSXStyle, {
+    id: "2900495535",
+    dynamic: [color, speed]
+  }, ".loader-wrapper.__jsx-style-dynamic-selector{position:fixed;top:0;left:0;width:100%;height:4px;background:rgba(0,0,0,0.05);z-index:2000;overflow:hidden;}.determinate-bar.__jsx-style-dynamic-selector{height:100%;-webkit-transition:width 0.3s ease;transition:width 0.3s ease;}.indeterminate-loader.__jsx-style-dynamic-selector{width:100%;height:100%;background:linear-gradient( to right, transparent 0%, ".concat(color, " 50%, transparent 100% );background-size:200% 100%;-webkit-animation:slide-__jsx-style-dynamic-selector ").concat(speed, "s linear infinite;animation:slide-__jsx-style-dynamic-selector ").concat(speed, "s linear infinite;}@-webkit-keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}@keyframes slide-__jsx-style-dynamic-selector{from{background-position:-100% 0;}to{background-position:100% 0;}}")));
+};
+
+var Loader = function Loader(_ref) {
+  var color = _ref.color;
   return /*#__PURE__*/React.createElement("div", {
     className: "jsx-965707762" + " " + "loader-wrapper"
   }, /*#__PURE__*/React.createElement(LinearProgress, {
-    color: "primary"
+    color: color
   }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "965707762"
   }, ".loader-wrapper.jsx-965707762{position:fixed;top:0;left:0;z-index:2001;width:100%;}.loader-wrapper.jsx-965707762 * + *{margin-top:16px;}"));