@qoretechnologies/reqore 0.18.6 → 0.19.3

package/dist/components/Button/index.js

@@ -54,25 +54,24 @@ var polished_1 = require("polished");
 var react_1 = require("react");
 var styled_components_1 = __importStar(require("styled-components"));
 var sizes_1 = require("../../constants/sizes");
+var ThemeContext_1 = __importDefault(require("../../context/ThemeContext"));
 var colors_1 = require("../../helpers/colors");
 var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
 var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
 var Icon_1 = __importDefault(require("../Icon"));
-var getButtonMainColor = function (theme, intent) {
-    if (intent) {
-        return theme.intents[intent];
+var getButtonMainColor = function (theme, color) {
+    if (color) {
+        return color;
     }
     return theme.main;
 };
 exports.StyledActiveContent = styled_components_1["default"].span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  transform: translateY(-150%);\n  opacity: 0;\n  transition: all 0.2s ease-out;\n  filter: blur(10px);\n"], ["\n  position: absolute;\n  transform: translateY(-150%);\n  opacity: 0;\n  transition: all 0.2s ease-out;\n  filter: blur(10px);\n"])));
 exports.StyledInActiveContent = styled_components_1["default"].span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  transform: translateY(0);\n  transition: all 0.2s ease-out;\n"], ["\n  position: absolute;\n  transform: translateY(0);\n  transition: all 0.2s ease-out;\n"])));
 exports.StyledInvisibleContent = styled_components_1["default"].span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  visibility: hidden;\n  position: relative;\n"], ["\n  visibility: hidden;\n  position: relative;\n"])));
-exports.StyledButton = styled_components_1["default"].button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin: 0;\n  font-weight: 400;\n  position: relative;\n  overflow: hidden;\n  border: ", ";\n  padding: 0 ", "px;\n  font-size: ", "px;\n\n  height: ", "px;\n  min-width: ", "px;\n\n  flex: ", ";\n\n  border-radius: ", "px;\n\n  background-color: ", ";\n\n  color: ", ";\n\n  .reqore-icon {\n    transform: scale(0.85);\n  }\n\n  &:not(:disabled) {\n    cursor: pointer;\n    transition: all 0.2s ease-out;\n\n    &:active {\n      transform: scale(0.95);\n    }\n\n    &:hover,\n    &:focus {\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      .reqore-icon {\n        transform: scale(1);\n      }\n\n      ", " {\n        transform: translateY(0px);\n        filter: blur(0);\n        opacity: 1;\n      }\n\n      ", " {\n        transform: translateY(150%);\n        filter: blur(10px);\n        opacity: 0;\n      }\n    }\n  }\n\n  ", "\n\n  &:disabled {\n    opacity: 0.5;\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin: 0;\n  font-weight: 400;\n  position: relative;\n  overflow: hidden;\n  border: ", ";\n  padding: 0 ", "px;\n  font-size: ", "px;\n\n  height: ", "px;\n  min-width: ", "px;\n\n  flex: ", ";\n\n  border-radius: ", "px;\n\n  background-color: ", ";\n\n  color: ", ";\n\n  .reqore-icon {\n    transform: scale(0.85);\n  }\n\n  &:not(:disabled) {\n    cursor: pointer;\n    transition: all 0.2s ease-out;\n\n    &:active {\n      transform: scale(0.95);\n    }\n\n    &:hover,\n    &:focus {\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      .reqore-icon {\n        transform: scale(1);\n      }\n\n      ", " {\n        transform: translateY(0px);\n        filter: blur(0);\n        opacity: 1;\n      }\n\n      ", " {\n        transform: translateY(150%);\n        filter: blur(10px);\n        opacity: 0;\n      }\n    }\n  }\n\n  ", "\n\n  &:disabled {\n    opacity: 0.5;\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n"])), function (_a) {
-    var theme = _a.theme, minimal = _a.minimal, intent = _a.intent, flat = _a.flat;
+exports.StyledButton = styled_components_1["default"].button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin: 0;\n  font-weight: 600;\n  position: relative;\n  overflow: hidden;\n  border: ", ";\n  padding: 0 ", "px;\n  font-size: ", "px;\n\n  height: ", "px;\n  min-width: ", "px;\n\n  flex: ", ";\n\n  border-radius: ", "px;\n\n  background-color: ", ";\n\n  color: ", ";\n\n  .reqore-icon {\n    transform: scale(0.85);\n  }\n\n  &:not(:disabled) {\n    cursor: pointer;\n    transition: all 0.2s ease-out;\n\n    &:active {\n      transform: scale(0.95);\n    }\n\n    &:hover,\n    &:focus {\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      .reqore-icon {\n        transform: scale(1);\n      }\n\n      ", " {\n        transform: translateY(0px);\n        filter: blur(0);\n        opacity: 1;\n      }\n\n      ", " {\n        transform: translateY(150%);\n        filter: blur(10px);\n        opacity: 0;\n      }\n    }\n  }\n\n  ", "\n\n  &:disabled {\n    opacity: 0.5;\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin: 0;\n  font-weight: 600;\n  position: relative;\n  overflow: hidden;\n  border: ", ";\n  padding: 0 ", "px;\n  font-size: ", "px;\n\n  height: ", "px;\n  min-width: ", "px;\n\n  flex: ", ";\n\n  border-radius: ", "px;\n\n  background-color: ", ";\n\n  color: ", ";\n\n  .reqore-icon {\n    transform: scale(0.85);\n  }\n\n  &:not(:disabled) {\n    cursor: pointer;\n    transition: all 0.2s ease-out;\n\n    &:active {\n      transform: scale(0.95);\n    }\n\n    &:hover,\n    &:focus {\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      .reqore-icon {\n        transform: scale(1);\n      }\n\n      ", " {\n        transform: translateY(0px);\n        filter: blur(0);\n        opacity: 1;\n      }\n\n      ", " {\n        transform: translateY(150%);\n        filter: blur(10px);\n        opacity: 0;\n      }\n    }\n  }\n\n  ", "\n\n  &:disabled {\n    opacity: 0.5;\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  &:focus,\n  &:active {\n    outline: none;\n  }\n\n  &:focus {\n    border-color: ", ";\n  }\n"])), function (_a) {
+    var theme = _a.theme, minimal = _a.minimal, color = _a.color, flat = _a.flat;
     return !minimal && !flat
-        ? "1px solid " + (intent
-            ? (0, polished_1.darken)(0.2, theme.intents[intent])
-            : (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.2))
+        ? "1px solid " + (color ? (0, polished_1.darken)(0.2, color) : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.2))
         : 0;
 }, function (_a) {
     var size = _a.size;
@@ -93,64 +92,63 @@ exports.StyledButton = styled_components_1["default"].button(templateObject_5 ||
     var size = _a.size;
     return sizes_1.RADIUS_FROM_SIZE[size];
 }, function (_a) {
-    var minimal = _a.minimal, theme = _a.theme, intent = _a.intent;
+    var minimal = _a.minimal, theme = _a.theme, color = _a.color;
     if (minimal) {
-        if (intent) {
-            return (0, polished_1.rgba)(theme.intents[intent], 0.3);
+        if (color) {
+            return (0, polished_1.rgba)(color, 0.3);
         }
         return 'transparent';
     }
-    return intent ? theme.intents[intent] : (0, colors_1.changeLightness)(theme.main, 0.1);
+    return color || (0, colors_1.changeLightness)(theme.main, 0.1);
 }, function (_a) {
-    var theme = _a.theme, intent = _a.intent, minimal = _a.minimal;
-    return intent
+    var theme = _a.theme, color = _a.color, minimal = _a.minimal;
+    return color
         ? minimal
             ? (0, colors_1.getReadableColor)(theme, undefined, undefined, true)
-            : (0, colors_1.getReadableColorFrom)(theme.intents[intent], true)
+            : (0, colors_1.getReadableColorFrom)(color, true)
         : (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
 }, function (_a) {
-    var theme = _a.theme, intent = _a.intent;
-    return intent
-        ? (0, colors_1.changeLightness)(theme.intents[intent], 0.09)
-        : (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.2);
+    var theme = _a.theme, color = _a.color;
+    return color
+        ? (0, colors_1.changeLightness)(color, 0.09)
+        : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.2);
 }, function (_a) {
-    var theme = _a.theme, intent = _a.intent;
-    return intent
-        ? (0, colors_1.getReadableColorFrom)(theme.intents[intent])
-        : (0, colors_1.getReadableColor)(theme, undefined, undefined);
+    var theme = _a.theme, color = _a.color;
+    return color ? (0, colors_1.getReadableColorFrom)(color) : (0, colors_1.getReadableColor)(theme, undefined, undefined);
 }, function (_a) {
-    var minimal = _a.minimal, theme = _a.theme, intent = _a.intent;
+    var minimal = _a.minimal, theme = _a.theme, color = _a.color;
     return minimal
         ? undefined
-        : intent
-            ? (0, polished_1.darken)(0.4, theme.intents[intent])
-            : (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.4);
+        : color
+            ? (0, polished_1.darken)(0.4, color)
+            : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.4);
 }, exports.StyledActiveContent, exports.StyledInActiveContent, function (_a) {
-    var active = _a.active, minimal = _a.minimal, theme = _a.theme, intent = _a.intent;
-    return active && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      .reqore-icon {\n        transform: scale(1);\n      }\n    "], ["\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      .reqore-icon {\n        transform: scale(1);\n      }\n    "])), intent
-        ? (0, colors_1.changeLightness)(theme.intents[intent], 0.045)
-        : (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.16), intent
-        ? (0, colors_1.getReadableColorFrom)(theme.intents[intent])
-        : (0, colors_1.getReadableColor)(theme, undefined, undefined), minimal
+    var active = _a.active, minimal = _a.minimal, theme = _a.theme, color = _a.color;
+    return active && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      .reqore-icon {\n        transform: scale(1);\n      }\n    "], ["\n      background-color: ", ";\n      color: ", ";\n      border-color: ", ";\n\n      .reqore-icon {\n        transform: scale(1);\n      }\n    "])), color
+        ? (0, colors_1.changeLightness)(color, 0.045)
+        : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.16), color ? (0, colors_1.getReadableColorFrom)(color) : (0, colors_1.getReadableColor)(theme, undefined, undefined), minimal
         ? undefined
-        : intent
-            ? (0, polished_1.darken)(0.2, theme.intents[intent])
-            : (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.34));
+        : color
+            ? (0, polished_1.darken)(0.2, color)
+            : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.34));
 }, function (_a) {
-    var minimal = _a.minimal, theme = _a.theme, intent = _a.intent;
-    return minimal ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme, intent), 0.4);
+    var minimal = _a.minimal, theme = _a.theme, color = _a.color;
+    return minimal ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.4);
 });
 var ReqoreButton = (0, react_1.forwardRef)(function (_a, ref) {
-    var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'normal' : _b, minimal = _a.minimal, children = _a.children, tooltip = _a.tooltip, tooltipPlacement = _a.tooltipPlacement, className = _a.className, fluid = _a.fluid, fixed = _a.fixed, intent = _a.intent, active = _a.active, flat = _a.flat, rest = __rest(_a, ["icon", "size", "minimal", "children", "tooltip", "tooltipPlacement", "className", "fluid", "fixed", "intent", "active", "flat"]);
+    var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'normal' : _b, minimal = _a.minimal, children = _a.children, tooltip = _a.tooltip, tooltipPlacement = _a.tooltipPlacement, className = _a.className, fluid = _a.fluid, fixed = _a.fixed, intent = _a.intent, active = _a.active, flat = _a.flat, rightIcon = _a.rightIcon, color = _a.color, rest = __rest(_a, ["icon", "size", "minimal", "children", "tooltip", "tooltipPlacement", "className", "fluid", "fixed", "intent", "active", "flat", "rightIcon", "color"]);
     var innerRef = (0, react_1.useRef)(null);
     var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
+    var theme = (0, react_1.useContext)(ThemeContext_1["default"]);
     (0, usePopover_1["default"])({
         targetElement: combinedRef.current,
         content: tooltip,
         placement: tooltipPlacement,
         show: !!tooltip
     });
-    return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({}, rest, { ref: combinedRef, fluid: fluid, fixed: fixed, minimal: minimal, size: size, intent: intent, flat: flat, active: active, className: (className || '') + " reqore-control reqore-button", tabIndex: 1 }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, margin: children ? 'right' : undefined, size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0)), (0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)(exports.StyledActiveContent, { children: children }, void 0), (0, jsx_runtime_1.jsx)(exports.StyledInActiveContent, { children: children }, void 0), (0, jsx_runtime_1.jsx)(exports.StyledInvisibleContent, { children: children }, void 0)] }, void 0)] }), void 0));
+    // If color or intent was specified, set the color
+    var customColor = intent ? theme.intents[intent] : color;
+    return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({}, rest, { ref: combinedRef, fluid: fluid, fixed: fixed, minimal: minimal, size: size, color: customColor, flat: flat, active: active, className: (className || '') + " reqore-control reqore-button", tabIndex: 1 }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, margin: children || rightIcon ? 'right' : undefined, size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0)), children && ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)(exports.StyledActiveContent, { children: children }, void 0), (0, jsx_runtime_1.jsx)(exports.StyledInActiveContent, { children: children }, void 0), (0, jsx_runtime_1.jsx)(exports.StyledInvisibleContent, { children: children }, void 0)] }, void 0)), rightIcon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, margin: children ? 'left' : undefined, size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0))] }), void 0));
 });
 exports["default"] = ReqoreButton;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,qCAAwC;AACxC,+BAAkD;AAClD,qEAAgD;AAChD,+CAM+B;AAE/B,+CAA+F;AAC/F,+DAA8D;AAC9D,sEAAgD;AAEhD,iDAAiC;AAoBjC,IAAM,kBAAkB,GAAG,UAAC,KAAmB,EAAE,MAAsB;IACrE,IAAI,MAAM,EAAE;QACV,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;KAC9B;IAED,OAAO,KAAK,CAAC,IAAI,CAAC;AACpB,CAAC,CAAC;AAEW,QAAA,mBAAmB,GAAG,8BAAM,CAAC,IAAI,uMAAA,oIAM7C,KAAC;AAEW,QAAA,qBAAqB,GAAG,8BAAM,CAAC,IAAI,6JAAA,0FAI/C,KAAC;AAEW,QAAA,sBAAsB,GAAG,8BAAM,CAAC,IAAI,qHAAA,kDAGhD,KAAC;AAEW,QAAA,YAAY,GAAG,8BAAM,CAAC,MAAM,qqCAAoB,uIAOjD,EAOH,kBACM,EAAqC,oBACrC,EAAkC,mBAErC,EAA8B,oBAC3B,EAA8B,iBAEnC,EAA0E,wBAEjE,EAAoC,6BAEjC,EASnB,gBAEQ,EAKgD,4PAgBjC,EAGyC,kBACpD,EAG0C,yBACnC,EAK6C,4EAM3D,EAAmB,2GAMnB,EAAqB,uHAQzB,EAkBC,yLAce,EAC+D,UAElF,KAtHW,UAAC,EAAgC;QAA9B,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA;IACvC,OAAA,CAAC,OAAO,IAAI,CAAC,IAAI;QACf,CAAC,CAAC,gBACE,MAAM;YACJ,CAAC,CAAC,IAAA,iBAAM,EAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACpC,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,GAAG,CAAC,CAC3D;QACJ,CAAC,CAAC,CAAC;AANL,CAMK,EACM,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,yBAAiB,CAAC,IAAI,CAAC;AAAvB,CAAuB,EACrC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,sBAAc,CAAC,IAAI,CAAC;AAApB,CAAoB,EAErC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,kBAAU,CAAC,IAAI,CAAC;AAAhB,CAAgB,EAC3B,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,kBAAU,CAAC,IAAI,CAAC;AAAhB,CAAgB,EAEnC,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;AAApD,CAAoD,EAEjE,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,wBAAgB,CAAC,IAAI,CAAC;AAAtB,CAAsB,EAEjC,UAAC,EAA0B;QAAxB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA;IAC3C,IAAI,OAAO,EAAE;QACX,IAAI,MAAM,EAAE;YACV,OAAO,IAAA,eAAI,EAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,CAAC;SACzC;QACD,OAAO,aAAa,CAAC;KACtB;IAED,OAAO,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC3E,CAAC,EAEQ,UAAC,EAA0B;QAAxB,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA;IAChC,OAAA,MAAM;QACJ,CAAC,CAAC,OAAO;YACP,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;YACrD,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC;QACrD,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAJvD,CAIuD,EAgBjC,UAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,MAAM,YAAA;IAClC,OAAA,MAAM;QACJ,CAAC,CAAC,IAAA,wBAAe,EAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC;QAC9C,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,GAAG,CAAC;AAF3D,CAE2D,EACpD,UAAC,EAAiB;QAAf,KAAK,WAAA,EAAE,MAAM,YAAA;IACvB,OAAA,MAAM;QACJ,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC7C,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC;AAFjD,CAEiD,EACnC,UAAC,EAA0B;QAAxB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA;IACvC,OAAA,OAAO;QACL,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,IAAA,iBAAM,EAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACpC,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,GAAG,CAAC;AAJ3D,CAI2D,EAM3D,2BAAmB,EAMnB,6BAAqB,EAQzB,UAAC,EAAsD;QAApD,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA;IACjC,OAAA,MAAM,QACN,uBAAG,yNAAA,4BACmB,EAEwC,kBACnD,EAEwC,yBACjC,EAI4C,wEAK7D,KAfqB,MAAM;QACxB,CAAC,CAAC,IAAA,wBAAe,EAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC;QAC/C,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,EACnD,MAAM;QACb,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC7C,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC,EACjC,OAAO;QACrB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,IAAA,iBAAM,EAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACpC,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,CAK7D;AAjBD,CAiBC,EAce,UAAC,EAA0B;QAAxB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA;IACvC,OAAA,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,GAAG,CAAC;AAA7E,CAA6E,EAEjF;AAEF,IAAM,YAAY,GAAG,IAAA,kBAAU,EAC7B,UACE,EAcqB,EACrB,GAAG;IAdD,IAAA,IAAI,UAAA,EACJ,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,KAAK,WAAA,EACL,KAAK,WAAA,EACL,MAAM,YAAA,EACN,MAAM,YAAA,EACN,IAAI,UAAA,EACD,IAAI,cAbT,iIAcC,CADQ;IAIT,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,IAAM,WAAW,GAAG,IAAA,iCAAe,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IAEnD,IAAA,uBAAU,EAAC;QACT,aAAa,EAAE,WAAW,CAAC,OAAO;QAClC,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,gBAAgB;QAC3B,IAAI,EAAE,CAAC,CAAC,OAAO;KAChB,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,oBAAY,eACP,IAAI,IACR,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAG,SAAS,IAAI,EAAE,mCAA+B,EAC5D,QAAQ,EAAE,CAAC,iBAEV,IAAI,IAAI,CACP,uBAAC,iBAAU,IACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACtC,IAAI,EAAK,sBAAc,CAAC,IAAI,CAAC,OAAI,WACjC,CACH,EACD,6CACE,uBAAC,2BAAmB,cAAE,QAAQ,WAAuB,EACrD,uBAAC,6BAAqB,cAAE,QAAQ,WAAyB,EACzD,uBAAC,8BAAsB,cAAE,QAAQ,WAA0B,YACtD,aACM,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,qCAAwC;AACxC,+BAA8D;AAC9D,qEAAgD;AAChD,+CAM+B;AAE/B,4EAAsD;AACtD,+CAA+F;AAC/F,+DAA8D;AAC9D,sEAAgD;AAEhD,iDAAiC;AAsBjC,IAAM,kBAAkB,GAAG,UAAC,KAAmB,EAAE,KAAc;IAC7D,IAAI,KAAK,EAAE;QACT,OAAO,KAAK,CAAC;KACd;IAED,OAAO,KAAK,CAAC,IAAI,CAAC;AACpB,CAAC,CAAC;AAEW,QAAA,mBAAmB,GAAG,8BAAM,CAAC,IAAI,uMAAA,oIAM7C,KAAC;AAEW,QAAA,qBAAqB,GAAG,8BAAM,CAAC,IAAI,6JAAA,0FAI/C,KAAC;AAEW,QAAA,sBAAsB,GAAG,8BAAM,CAAC,IAAI,qHAAA,kDAGhD,KAAC;AAEW,QAAA,YAAY,GAAG,8BAAM,CAAC,MAAM,qqCAAoB,uIAOjD,EAKH,kBACM,EAAqC,oBACrC,EAAkC,mBAErC,EAA8B,oBAC3B,EAA8B,iBAEnC,EAA0E,wBAEjE,EAAoC,6BAEjC,EASnB,gBAEQ,EAKgD,4PAgBjC,EAGwC,kBACnD,EAC4E,yBACrE,EAK4C,4EAM1D,EAAmB,2GAMnB,EAAqB,uHAQzB,EAgBC,yLAce,EAC8D,UAEjF,KAhHW,UAAC,EAA+B;QAA7B,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA;IACtC,OAAA,CAAC,OAAO,IAAI,CAAC,IAAI;QACf,CAAC,CAAC,gBACE,KAAK,CAAC,CAAC,CAAC,IAAA,iBAAM,EAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC,CACnF;QACJ,CAAC,CAAC,CAAC;AAJL,CAIK,EACM,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,yBAAiB,CAAC,IAAI,CAAC;AAAvB,CAAuB,EACrC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,sBAAc,CAAC,IAAI,CAAC;AAApB,CAAoB,EAErC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,kBAAU,CAAC,IAAI,CAAC;AAAhB,CAAgB,EAC3B,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,kBAAU,CAAC,IAAI,CAAC;AAAhB,CAAgB,EAEnC,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;AAApD,CAAoD,EAEjE,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,wBAAgB,CAAC,IAAI,CAAC;AAAtB,CAAsB,EAEjC,UAAC,EAAyB;QAAvB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA;IAC1C,IAAI,OAAO,EAAE;QACX,IAAI,KAAK,EAAE;YACT,OAAO,IAAA,eAAI,EAAC,KAAK,EAAE,GAAG,CAAC,CAAC;SACzB;QACD,OAAO,aAAa,CAAC;KACtB;IAED,OAAO,KAAK,IAAI,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AACnD,CAAC,EAEQ,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA;IAC/B,OAAA,KAAK;QACH,CAAC,CAAC,OAAO;YACP,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;YACrD,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,EAAE,IAAI,CAAC;QACrC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAJvD,CAIuD,EAgBjC,UAAC,EAAoC;QAAlC,KAAK,WAAA,EAAE,KAAK,WAAA;IACjC,OAAA,KAAK;QACH,CAAC,CAAC,IAAA,wBAAe,EAAC,KAAK,EAAE,IAAI,CAAC;QAC9B,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC;AAF1D,CAE0D,EACnD,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IACtB,OAAA,KAAK,CAAC,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC;AAAnF,CAAmF,EACrE,UAAC,EAAyB;QAAvB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA;IACtC,OAAA,OAAO;QACL,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,IAAA,iBAAM,EAAC,GAAG,EAAE,KAAK,CAAC;YACpB,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC;AAJ1D,CAI0D,EAM1D,2BAAmB,EAMnB,6BAAqB,EAQzB,UAAC,EAAqD;QAAnD,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA;IAChC,OAAA,MAAM,QACN,uBAAG,yNAAA,4BACmB,EAEuC,kBAClD,EAAmF,yBAC5E,EAI2C,wEAK5D,KAbqB,KAAK;QACvB,CAAC,CAAC,IAAA,wBAAe,EAAC,KAAK,EAAE,KAAK,CAAC;QAC/B,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,EAClD,KAAK,CAAC,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC,EAC5E,OAAO;QACrB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,IAAA,iBAAM,EAAC,GAAG,EAAE,KAAK,CAAC;YACpB,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,CAK5D;AAfD,CAeC,EAce,UAAC,EAAyB;QAAvB,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA;IACtC,OAAA,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,wBAAe,EAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,GAAG,CAAC;AAA5E,CAA4E,EAEhF;AAEF,IAAM,YAAY,GAAG,IAAA,kBAAU,EAC7B,UACE,EAgBqB,EACrB,GAAG;IAhBD,IAAA,IAAI,UAAA,EACJ,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,KAAK,WAAA,EACL,KAAK,WAAA,EACL,MAAM,YAAA,EACN,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,KAAK,WAAA,EACF,IAAI,cAfT,uJAgBC,CADQ;IAIT,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,IAAM,WAAW,GAAG,IAAA,iCAAe,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IACnD,IAAM,KAAK,GAAiB,IAAA,kBAAU,EAAe,yBAAY,CAAC,CAAC;IAEnE,IAAA,uBAAU,EAAC;QACT,aAAa,EAAE,WAAW,CAAC,OAAO;QAClC,OAAO,EAAE,OAAO;QAChB,SAAS,EAAE,gBAAgB;QAC3B,IAAI,EAAE,CAAC,CAAC,OAAO;KAChB,CAAC,CAAC;IAEH,kDAAkD;IAClD,IAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3D,OAAO,CACL,wBAAC,oBAAY,eACP,IAAI,IACR,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAG,SAAS,IAAI,EAAE,mCAA+B,EAC5D,QAAQ,EAAE,CAAC,iBAEV,IAAI,IAAI,CACP,uBAAC,iBAAU,IACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,QAAQ,IAAI,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACnD,IAAI,EAAK,sBAAc,CAAC,IAAI,CAAC,OAAI,WACjC,CACH,EACA,QAAQ,IAAI,CACX,6CACE,uBAAC,2BAAmB,cAAE,QAAQ,WAAuB,EACrD,uBAAC,6BAAqB,cAAE,QAAQ,WAAyB,EACzD,uBAAC,8BAAsB,cAAE,QAAQ,WAA0B,YACtD,CACR,EACA,SAAS,IAAI,CACZ,uBAAC,iBAAU,IACT,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACrC,IAAI,EAAK,sBAAc,CAAC,IAAI,CAAC,OAAI,WACjC,CACH,aACY,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,YAAY,CAAC"}

package/dist/components/Dropdown/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { IPopoverOptions } from '../../hooks/usePopover';
+import { IReqoreIconName } from '../../types/icons';
 import { IReqoreDropdownItemProps } from './item';
 export interface IReqoreDropdownProps extends IPopoverOptions {
     items?: IReqoreDropdownItemProps[];
@@ -12,8 +13,12 @@ export interface IReqoreDropdownProps extends IPopoverOptions {
     };
     filterable?: boolean;
     label?: any;
+    children?: any;
     width?: string;
+    icon?: IReqoreIconName;
+    rightIcon?: IReqoreIconName;
+    caretPosition?: 'left' | 'right';
 }
-declare const ReqoreDropdown: ({ items, component, componentProps, label, multiSelect, buttonStyle, listStyle, handler, placement, filterable, ...rest }: IReqoreDropdownProps) => JSX.Element;
+declare const ReqoreDropdown: ({ items, component, componentProps, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, icon, rightIcon, caretPosition, ...rest }: IReqoreDropdownProps) => JSX.Element;
 export default ReqoreDropdown;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Dropdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAGlD,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,KAAK,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,cAAc,8HAYjB,oBAAoB,gBAgCtB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAGlD,MAAM,WAAW,oBAAqB,SAAQ,eAAe;IAC3D,KAAK,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAClC;AAED,QAAA,MAAM,cAAc,wKAgBjB,oBAAoB,gBAiCtB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Dropdown/index.js

@@ -31,8 +31,8 @@ var __1 = require("../..");
 var Button_1 = __importDefault(require("../Button"));
 var list_1 = __importDefault(require("./list"));
 var ReqoreDropdown = function (_a) {
-    var items = _a.items, component = _a.component, _b = _a.componentProps, componentProps = _b === void 0 ? {} : _b, label = _a.label, multiSelect = _a.multiSelect, buttonStyle = _a.buttonStyle, listStyle = _a.listStyle, handler = _a.handler, placement = _a.placement, filterable = _a.filterable, rest = __rest(_a, ["items", "component", "componentProps", "label", "multiSelect", "buttonStyle", "listStyle", "handler", "placement", "filterable"]);
-    return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({}, rest, { component: component || Button_1["default"], componentProps: __assign({ icon: 'ArrowDownSFill', style: buttonStyle, disabled: !(0, lodash_1.size)(items) }, componentProps), noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', content: (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsx)(list_1["default"], { multiSelect: multiSelect, listStyle: listStyle, width: rest.useTargetWidth ? '100%' : rest.width, items: items, filterable: filterable }, void 0)) : null, noArrow: true }, { children: label }), void 0));
+    var items = _a.items, component = _a.component, _b = _a.componentProps, componentProps = _b === void 0 ? {} : _b, label = _a.label, children = _a.children, multiSelect = _a.multiSelect, buttonStyle = _a.buttonStyle, listStyle = _a.listStyle, handler = _a.handler, placement = _a.placement, filterable = _a.filterable, icon = _a.icon, rightIcon = _a.rightIcon, _c = _a.caretPosition, caretPosition = _c === void 0 ? 'left' : _c, rest = __rest(_a, ["items", "component", "componentProps", "label", "children", "multiSelect", "buttonStyle", "listStyle", "handler", "placement", "filterable", "icon", "rightIcon", "caretPosition"]);
+    return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({}, rest, { component: component || Button_1["default"], componentProps: __assign({ icon: caretPosition === 'left' ? icon || 'ArrowDownSFill' : rightIcon, rightIcon: caretPosition === 'right' ? icon || 'ArrowDownSFill' : rightIcon, style: buttonStyle, disabled: !(0, lodash_1.size)(items) }, componentProps), noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', content: (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsx)(list_1["default"], { multiSelect: multiSelect, listStyle: listStyle, width: rest.useTargetWidth ? '100%' : rest.width, items: items, filterable: filterable }, void 0)) : null, noArrow: true }, { children: children || label }), void 0));
 };
 exports["default"] = ReqoreDropdown;
 //# sourceMappingURL=index.js.map

package/dist/components/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAE9B,2BAAsC;AAEtC,qDAA6D;AAE7D,gDAAwC;AAcxC,IAAM,cAAc,GAAG,UAAC,EAYD;IAXrB,IAAA,KAAK,WAAA,EACL,SAAS,eAAA,EACT,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,OAAO,aAAA,EACP,SAAS,eAAA,EACT,UAAU,gBAAA,EACP,IAAI,cAXe,kIAYvB,CADQ;IAEP,OAAO,CACL,uBAAC,iBAAa,eACR,IAAI,IACR,SAAS,EAAE,SAAS,IAAI,mBAAY,EACpC,cAAc,EACZ,WACE,IAAI,EAAE,gBAAgB,EACtB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,IAAA,aAAI,EAAC,KAAK,CAAC,IACnB,cAAc,CACI,EAEzB,SAAS,QACT,SAAS,EAAE,SAAS,IAAI,cAAc,EACtC,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,OAAO,EACL,IAAA,aAAI,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACZ,uBAAC,iBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAChD,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,WACtB,CACH,CAAC,CAAC,CAAC,IAAI,EAEV,OAAO,sBAEN,KAAK,YACQ,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAE9B,2BAAsC;AAGtC,qDAA6D;AAE7D,gDAAwC;AAkBxC,IAAM,cAAc,GAAG,UAAC,EAgBD;IAfrB,IAAA,KAAK,WAAA,EACL,SAAS,eAAA,EACT,sBAAmB,EAAnB,cAAc,mBAAG,EAAE,KAAA,EACnB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,OAAO,aAAA,EACP,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,qBAAsB,EAAtB,aAAa,mBAAG,MAAM,KAAA,EACnB,IAAI,cAfe,oLAgBvB,CADQ;IAEP,OAAO,CACL,uBAAC,iBAAa,eACR,IAAI,IACR,SAAS,EAAE,SAAS,IAAI,mBAAY,EACpC,cAAc,EACZ,WACE,IAAI,EAAE,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,IAAI,gBAAgB,CAAC,CAAC,CAAC,SAAS,EACrE,SAAS,EAAE,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,gBAAgB,CAAC,CAAC,CAAC,SAAS,EAC3E,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,IAAA,aAAI,EAAC,KAAK,CAAC,IACnB,cAAc,CACI,EAEzB,SAAS,QACT,SAAS,EAAE,SAAS,IAAI,cAAc,EACtC,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,OAAO,EACL,IAAA,aAAI,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACZ,uBAAC,iBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAChD,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,WACtB,CACH,CAAC,CAAC,CAAC,IAAI,EAEV,OAAO,sBAEN,QAAQ,IAAI,KAAK,YACJ,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,cAAc,CAAC"}

package/dist/components/Header/index.d.ts

@@ -4,10 +4,10 @@ export interface IReqoreHeaderStyle extends React.HTMLAttributes<HTMLHeadingElem
     theme: IReqoreTheme;
     intent?: IReqoreIntent;
 }
-export declare const ReqoreH1: any;
-export declare const ReqoreH2: any;
-export declare const ReqoreH3: any;
-export declare const ReqoreH4: any;
-export declare const ReqoreH5: any;
-export declare const ReqoreH6: any;
+export declare const ReqoreH1: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
+export declare const ReqoreH2: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
+export declare const ReqoreH3: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
+export declare const ReqoreH4: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
+export declare const ReqoreH5: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
+export declare const ReqoreH6: React.FC<Omit<IReqoreHeaderStyle, 'theme'>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGpE,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAClF,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAMD,eAAO,MAAM,QAAQ,KAEpB,CAAC;AAEF,eAAO,MAAM,QAAQ,KAEpB,CAAC;AAEF,eAAO,MAAM,QAAQ,KAEpB,CAAC;AAEF,eAAO,MAAM,QAAQ,KAEpB,CAAC;AAEF,eAAO,MAAM,QAAQ,KAEpB,CAAC;AAEF,eAAO,MAAM,QAAQ,KAEpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGpE,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAClF,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAMD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAEhE,CAAC"}

package/dist/components/Header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,+CAAwD;AAOxD,IAAM,KAAK,GAAG,UAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,MAAM,YAAA;IAA2B,WAAA,uBAAG,wFAAA,aACjD,EAAoF,KAC9F,KADU,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AADtC,CAExD,CAAC;AAEW,QAAA,QAAQ,GAAG,8BAAM,CAAC,EAAE,gFAAoB,MACjD,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAG,8BAAM,CAAC,EAAE,gFAAoB,MACjD,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAG,8BAAM,CAAC,EAAE,gFAAoB,MACjD,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAG,8BAAM,CAAC,EAAE,gFAAoB,MACjD,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAG,8BAAM,CAAC,EAAE,gFAAoB,MACjD,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAG,8BAAM,CAAC,EAAE,gFAAoB,MACjD,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,+CAAwD;AAOxD,IAAM,KAAK,GAAG,UAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,MAAM,YAAA;IAA2B,WAAA,uBAAG,wFAAA,aACjD,EAAoF,KAC9F,KADU,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AADtC,CAExD,CAAC;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB;AAEW,QAAA,QAAQ,GAAgD,8BAAM,CAAC,EAAE,gFAAoB,MAC9F,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB"}

package/dist/components/Modal/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IReqoreTheme } from '../../constants/theme';
+import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
 import { IReqoreIconName } from '../../types/icons';
 export interface IReqoreModalProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: any;
@@ -14,6 +14,7 @@ export interface IReqoreModalProps extends React.HTMLAttributes<HTMLDivElement>
     title?: string;
     icon?: IReqoreIconName;
     opacity?: number;
+    intent?: IReqoreIntent;
 }
 export interface IReqoreModalStyle extends IReqoreModalProps {
     theme: IReqoreTheme;

package/dist/components/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA+DD,eAAO,MAAM,WAAW,mHAcrB,iBAAiB,gBA8DnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAoED,eAAO,MAAM,WAAW,mHAcrB,iBAAiB,gBA8DnB,CAAC"}

package/dist/components/Modal/index.js

@@ -59,6 +59,7 @@ var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"))
 var colors_1 = require("../../helpers/colors");
 var useLatestZIndex_1 = __importDefault(require("../../hooks/useLatestZIndex"));
 var Button_1 = __importDefault(require("../Button"));
+var Header_1 = require("../Header");
 var Icon_1 = __importDefault(require("../Icon"));
 var StyledModal = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: ", ";\n"], ["\n  position: fixed;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: ", ";\n"])), function (_a) {
     var zIndex = _a.zIndex;
@@ -81,16 +82,18 @@ var StyledModalWrapper = (0, styled_components_1["default"])(web_1.animated.div)
     var height = _a.height;
     return height || undefined;
 }, function (_a) {
-    var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b;
-    return (0, polished_1.rgba)((0, colors_1.getMainBackgroundColor)(theme), opacity);
+    var theme = _a.theme, _b = _a.opacity, opacity = _b === void 0 ? 1 : _b, intent = _a.intent;
+    return (0, polished_1.rgba)(intent ? theme.intents[intent] : (0, colors_1.getMainBackgroundColor)(theme), opacity);
 }, (0, polished_1.rgba)('#000000', 0.4), function (_a) {
     var blur = _a.blur, opacity = _a.opacity, hasBackdrop = _a.hasBackdrop;
     return blur && !hasBackdrop && opacity < 1 ? "blur(" + blur + "px)" : undefined;
 }, function (_a) {
     var flat = _a.flat;
-    return !flat && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        border: 1px solid ", ";\n      "], ["\n        border: 1px solid ", ";\n      "])), function (_a) {
-        var theme = _a.theme;
-        return (0, polished_1.rgba)(theme.text.color || (0, colors_1.getReadableColor)(theme), 0.1);
+    return !flat && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        border: 1px solid\n          ", ";\n      "], ["\n        border: 1px solid\n          ", ";\n      "])), function (_a) {
+        var theme = _a.theme, intent = _a.intent;
+        return intent
+            ? theme.intents[intent]
+            : (0, polished_1.rgba)(theme.text.color || (0, colors_1.getReadableColor)(theme), 0.1);
     });
 });
 var StyledModalHeader = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: 50px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n  flex-shrink: 0;\n"], ["\n  height: 50px;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 5px;\n  flex-shrink: 0;\n"])));
@@ -107,7 +110,7 @@ var ReqoreModal = function (_a) {
         return item &&
             (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(StyledModal, __assign({ zIndex: zIndex }, { children: [hasBackdrop && ((0, jsx_runtime_1.jsx)(StyledModalBackdrop, __assign({}, { onClose: onClose }, { onClick: onClose || undefined, className: 'reqore-modal-backdrop', opacity: opacity, blur: blur, style: {
                                 opacity: style.opacity
-                            } }), void 0)), (0, jsx_runtime_1.jsxs)(StyledModalWrapper, __assign({}, rest, { opacity: opacity, hasBackdrop: hasBackdrop, blur: blur, width: width, height: height, flat: flat, className: (rest.className || '') + " reqore-modal", style: style }, { children: [icon || title || onClose ? ((0, jsx_runtime_1.jsxs)(StyledModalHeader, { children: [(0, jsx_runtime_1.jsxs)("h3", { children: [icon && (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, margin: 'right' }, void 0), title && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: title }, void 0)] }, void 0), onClose && ((0, jsx_runtime_1.jsx)(Button_1["default"], { icon: 'CloseLine', minimal: true, onClick: onClose, className: 'reqore-modal-close-button' }, void 0))] }, void 0)) : null, children] }), void 0)] }), void 0) }, void 0), document.querySelector('#reqore-portal'));
+                            } }), void 0)), (0, jsx_runtime_1.jsxs)(StyledModalWrapper, __assign({}, rest, { opacity: opacity, hasBackdrop: hasBackdrop, blur: blur, width: width, height: height, flat: flat, className: (rest.className || '') + " reqore-modal", style: style }, { children: [icon || title || onClose ? ((0, jsx_runtime_1.jsxs)(StyledModalHeader, { children: [(0, jsx_runtime_1.jsxs)(Header_1.ReqoreH3, { children: [icon && (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, margin: 'right' }, void 0), title && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: title }, void 0)] }, void 0), onClose && ((0, jsx_runtime_1.jsx)(Button_1["default"], { icon: 'CloseLine', minimal: true, onClick: onClose, className: 'reqore-modal-close-button' }, void 0))] }, void 0)) : null, children] }), void 0)] }), void 0) }, void 0), document.querySelector('#reqore-portal'));
     });
 };
 exports.ReqoreModal = ReqoreModal;

package/dist/components/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Panel/panel.screenshot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel.screenshot.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/panel.screenshot.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,SAAS,mBA4BrB,CAAC"}
+{"version":3,"file":"panel.screenshot.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/panel.screenshot.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,SAAS,mBAyBrB,CAAC"}

package/dist/components/Panel/panel.screenshot.js

@@ -14,8 +14,8 @@ exports.__esModule = true;
 exports.SomePanel = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var lodash_1 = require("lodash");
-var _1 = require(".");
-var SomePanel = function () { return ((0, jsx_runtime_1.jsx)(_1.ReqorePanel, __assign({ collapsible: true, intent: 'danger', title: 'DANGER', icon: 'AlarmWarningLine', actions: [
+var index_1 = require("../../index");
+var SomePanel = function () { return ((0, jsx_runtime_1.jsx)(index_1.ReqorePanel, __assign({ collapsible: true, intent: 'danger', title: 'DANGER', icon: 'AlarmWarningLine', padded: true, actions: [
         {
             icon: 'Settings2Line',
             onClick: lodash_1.noop
@@ -25,6 +25,6 @@ var SomePanel = function () { return ((0, jsx_runtime_1.jsx)(_1.ReqorePanel, __a
             onClick: lodash_1.noop,
             label: 'Test'
         },
-    ] }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ style: { padding: '15px' } }, { children: "I am a message a very long message - Shadowlands has mechanisms put in place for allowing players to catch up on Renown, the system of gaining favor and unlocking rewards, Campaign chapters, and soulbinds within your Covenant. This system works for main characters who have started late, for alts, for players who have switched Covenants and are starting over, and for players who have simply missed weekly quests for earning Renown due to being away from the game." }), void 0) }), void 0)); };
+    ] }, { children: "I am a message a very long message - Shadowlands has mechanisms put in place for allowing players to catch up on Renown, the system of gaining favor and unlocking rewards, Campaign chapters, and soulbinds within your Covenant. This system works for main characters who have started late, for alts, for players who have switched Covenants and are starting over, and for players who have simply missed weekly quests for earning Renown due to being away from the game." }), void 0)); };
 exports.SomePanel = SomePanel;
 //# sourceMappingURL=panel.screenshot.js.map

package/dist/components/Panel/panel.screenshot.js.map

@@ -1 +1 @@
-{"version":3,"file":"panel.screenshot.js","sourceRoot":"","sources":["../../../src/components/Panel/panel.screenshot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,sBAAgC;AAEzB,IAAM,SAAS,GAAG,cAAM,OAAA,CAC7B,uBAAC,cAAW,aACV,WAAW,QACX,MAAM,EAAC,QAAQ,EACf,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,kBAAkB,EACvB,OAAO,EAAE;QACP;YACE,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,aAAI;SACd;QACD;YACE,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,aAAI;YACb,KAAK,EAAE,MAAM;SACd;KACF,gBAED,yCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,+eAQzB,YACM,CACf,EA5B8B,CA4B9B,CAAC;AA5BW,QAAA,SAAS,aA4BpB"}
+{"version":3,"file":"panel.screenshot.js","sourceRoot":"","sources":["../../../src/components/Panel/panel.screenshot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,qCAA0C;AAEnC,IAAM,SAAS,GAAG,cAAM,OAAA,CAC7B,uBAAC,mBAAW,aACV,WAAW,QACX,MAAM,EAAC,QAAQ,EACf,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,kBAAkB,EACvB,MAAM,QACN,OAAO,EAAE;QACP;YACE,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,aAAI;SACd;QACD;YACE,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,aAAI;YACb,KAAK,EAAE,MAAM;SACd;KACF,+eAOW,CACf,EAzB8B,CAyB9B,CAAC;AAzBW,QAAA,SAAS,aAyBpB"}

package/dist/components/Paragraph/index.d.ts

@@ -4,5 +4,5 @@ export interface IReqoreParagraphStyle extends React.HTMLAttributes<HTMLHeadingE
     theme: IReqoreTheme;
     intent?: IReqoreIntent;
 }
-export declare const ReqoreP: any;
+export declare const ReqoreP: React.FC<Omit<IReqoreParagraphStyle, 'theme'>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Paragraph/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGpE,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACrF,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAMD,eAAO,MAAM,OAAO,KAEnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGpE,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACrF,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAMD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC,CASlE,CAAC"}

package/dist/components/Paragraph/index.js

@@ -3,6 +3,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -22,6 +33,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 exports.__esModule = true;
 exports.ReqoreP = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
@@ -30,6 +52,9 @@ var style = function (_a) {
     var theme = _a.theme, intent = _a.intent;
     return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), intent ? theme.intents[intent] : (0, colors_1.getReadableColor)(theme, undefined, undefined, true));
 };
-exports.ReqoreP = styled_components_1["default"].p(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) { return style(props); });
+exports.ReqoreP = styled_components_1["default"].p.attrs(function (_a) {
+    var className = _a.className, rest = __rest(_a, ["className"]);
+    return (__assign(__assign({}, (rest || {})), { className: className + " " + ((rest === null || rest === void 0 ? void 0 : rest.intent) ? "reqore-paragraph-" + rest.intent + " " : "") + " reqore-paragraph" }));
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) { return style(props); });
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=index.js.map

package/dist/components/Paragraph/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,+CAAwD;AAOxD,IAAM,KAAK,GAAG,UAAC,EAAwC;QAAtC,KAAK,WAAA,EAAE,MAAM,YAAA;IAA8B,WAAA,uBAAG,wFAAA,aACpD,EAAoF,KAC9F,KADU,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AADnC,CAE3D,CAAC;AAEW,QAAA,OAAO,GAAG,8BAAM,CAAC,CAAC,gFAAuB,MAClD,EAAuB,KAC1B,KADG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EACzB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,+CAAwD;AAOxD,IAAM,KAAK,GAAG,UAAC,EAAwC;QAAtC,KAAK,WAAA,EAAE,MAAM,YAAA;IAA8B,WAAA,uBAAG,wFAAA,aACpD,EAAoF,KAC9F,KADU,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AADnC,CAE3D,CAAC;AAEW,QAAA,OAAO,GAAmD,8BAAM,CAAC,CAAC,CAAC,KAAK,CACnF,UAAC,EAA6C;IAA3C,IAAA,SAAS,eAAA,EAAK,IAAI,cAApB,aAAsB,CAAF;IAA8B,OAAA,uBAC9C,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,SAAS,EAAK,SAAS,UACrB,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAC,CAAC,CAAC,sBAAoB,IAAI,CAAC,MAAM,MAAG,CAAC,CAAC,CAAC,EAAE,uBACrC,IACnB,CAAA;CAAA,CACH,gFAAuB,MACpB,EAA8C,KACjD,KADG,UAAC,KAA4B,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EAChD"}

package/dist/components/Table/body.d.ts

@@ -1,15 +1,10 @@
 import { Dispatch, SetStateAction } from 'react';
-import { IReqoreTableColumn } from '.';
-export interface IReqoreTableSectionBodyProps {
-    data?: any[];
-    columns?: IReqoreTableColumn[];
+import { IReqoreTableRowOptions } from './row';
+export interface IReqoreTableSectionBodyProps extends IReqoreTableRowOptions {
     setLeftScroll: Dispatch<SetStateAction<number>>;
-    height: number;
-    selectable?: boolean;
-    selected?: string[];
     rowHeight?: number;
-    onSelectClick?: (selectId: string) => void;
+    height: number;
 }
-declare const ReqoreTableBody: ({ data, setLeftScroll, height, rowHeight, ...rest }: IReqoreTableSectionBodyProps) => JSX.Element;
+declare const ReqoreTableBody: ({ data, setLeftScroll, height, rowHeight, size, ...rest }: IReqoreTableSectionBodyProps) => JSX.Element;
 export default ReqoreTableBody;
 //# sourceMappingURL=body.d.ts.map

package/dist/components/Table/body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AAGvC,MAAM,WAAW,4BAA4B;IAC3C,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAED,QAAA,MAAM,eAAe,wDAMlB,4BAA4B,gBAuB9B,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAC;AAIpE,OAAuB,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,eAAe,8DAOlB,4BAA4B,gBAwB9B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/Table/body.js

@@ -29,15 +29,16 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var react_use_1 = require("react-use");
 var react_window_1 = require("react-window");
+var sizes_1 = require("../../constants/sizes");
 var row_1 = __importDefault(require("./row"));
 var ReqoreTableBody = function (_a) {
-    var data = _a.data, setLeftScroll = _a.setLeftScroll, height = _a.height, rowHeight = _a.rowHeight, rest = __rest(_a, ["data", "setLeftScroll", "height", "rowHeight"]);
+    var data = _a.data, setLeftScroll = _a.setLeftScroll, height = _a.height, rowHeight = _a.rowHeight, _b = _a.size, size = _b === void 0 ? 'normal' : _b, rest = __rest(_a, ["data", "setLeftScroll", "height", "rowHeight", "size"]);
     var ref = (0, react_1.useRef)(null);
     var x = (0, react_use_1.useScroll)(ref).x;
     (0, react_1.useEffect)(function () {
         setLeftScroll(x);
     }, [x]);
-    return ((0, jsx_runtime_1.jsx)(react_window_1.FixedSizeList, __assign({ outerRef: ref, itemCount: data.length, height: height, className: 'reqore-table-body', itemSize: rowHeight || 40, itemData: __assign({ data: data }, rest) }, { children: row_1["default"] }), void 0));
+    return ((0, jsx_runtime_1.jsx)(react_window_1.FixedSizeList, __assign({ outerRef: ref, itemCount: data.length, height: height, className: 'reqore-table-body', itemSize: rest.flat ? sizes_1.TABLE_SIZE_TO_PX[size] : sizes_1.TABLE_SIZE_TO_PX[size] + 1, itemData: __assign({ data: data, size: size }, rest) }, { children: row_1["default"] }), void 0));
 };
 exports["default"] = ReqoreTableBody;
 //# sourceMappingURL=body.js.map

package/dist/components/Table/body.js.map

@@ -1 +1 @@
-{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAoE;AACpE,uCAAsC;AACtC,6CAAqD;AAErD,8CAAmC;AAanC,IAAM,eAAe,GAAG,UAAC,EAMM;IAL7B,IAAA,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,SAAS,eAAA,EACN,IAAI,cALgB,gDAMxB,CADQ;IAEP,IAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IACjB,IAAA,CAAC,GAAoB,IAAA,qBAAS,EAAC,GAAG,CAAC,EAAlC,CAAmC;IAE5C,IAAA,iBAAS,EAAC;QACR,aAAa,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAER,OAAO,CACL,uBAAC,4BAAI,aACH,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,IAAI,CAAC,MAAM,EACtB,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,SAAS,IAAI,EAAE,EACzB,QAAQ,aACN,IAAI,MAAA,IACD,IAAI,iBAGR,gBAAc,YACV,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,eAAe,CAAC"}
+{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAoE;AACpE,uCAAsC;AACtC,6CAAqD;AACrD,+CAAyD;AACzD,8CAA+D;AAQ/D,IAAM,eAAe,GAAG,UAAC,EAOM;IAN7B,IAAA,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,SAAS,eAAA,EACT,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,IAAI,cANgB,wDAOxB,CADQ;IAEP,IAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IACjB,IAAA,CAAC,GAAoB,IAAA,qBAAS,EAAC,GAAG,CAAC,EAAlC,CAAmC;IAE5C,IAAA,iBAAS,EAAC;QACR,aAAa,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAER,OAAO,CACL,uBAAC,4BAAI,aACH,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,IAAI,CAAC,MAAM,EACtB,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,wBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,wBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EACzE,QAAQ,aACN,IAAI,MAAA,EACJ,IAAI,MAAA,IACD,IAAI,iBAGR,gBAAc,YACV,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,eAAe,CAAC"}

package/dist/components/Table/header.d.ts

@@ -23,6 +23,7 @@ export interface IReqoreTableHeaderStyle {
     theme: IReqoreTheme;
     align?: 'center' | 'left' | 'right';
 }
+export declare const StyledColumnGroupHeader: any;
 declare const ReqoreTableHeader: ({ columns, leftScroll, onSortChange, sortData, selectable, selectedQuant, onToggleSelectClick, selectToggleTooltip, hasVerticalScroll, }: IReqoreTableSectionProps) => JSX.Element;
 export default ReqoreTableHeader;
 //# sourceMappingURL=header.d.ts.map

package/dist/components/Table/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/Table/header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACvC,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,YAAY,CAAC;CACrB;AAgBD,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CACrC;AA2CD,QAAA,MAAM,iBAAiB,6IAUpB,wBAAwB,gBAyE1B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/Table/header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACvC,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,YAAY,CAAC;CACrB;AAcD,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,uBAAuB,KAKnC,CAAC;AAqCF,QAAA,MAAM,iBAAiB,6IAUpB,wBAAwB,gBAyE1B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}