@xfers/design-system 6.0.0 → 6.1.0-dev.3e700c7ec1

package/dist/components/SelectionBox/index.js

@@ -0,0 +1,66 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectionBoxGroup = void 0;
+var react_1 = require("react");
+var styled_1 = require("@emotion/styled");
+var ThemeContext_1 = require("src/theme/ThemeContext");
+var fontStyles_1 = require("src/constants/fontStyles");
+var SelectionBoxGroup = function (_a) {
+    var children = _a.children, label = _a.label;
+    return (react_1.default.createElement("div", { role: "radiogroup", "aria-label": label }, children));
+};
+exports.SelectionBoxGroup = SelectionBoxGroup;
+var SelectionBox = function (_a) {
+    var selectionType = _a.selectionType, _b = _a.selected, selected = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, icon = _a.icon, secondaryText = _a.secondaryText, children = _a.children, onClick = _a.onClick, value = _a.value, name = _a.name;
+    var color = (0, ThemeContext_1.useTheme)().color;
+    var handleClick = function () {
+        if (!disabled && onClick) {
+            onClick();
+        }
+    };
+    var handleKeyDown = function (e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            handleClick();
+        }
+    };
+    var renderIndicator = function () {
+        if (selectionType === 'radio') {
+            if (icon) {
+                return react_1.default.createElement(IndicatorWrapper, { disabled: disabled }, icon);
+            }
+            return selected ? (react_1.default.createElement(IndicatorWrapper, { disabled: disabled },
+                react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+                    react_1.default.createElement("circle", { cx: "12", cy: "12", r: "11", stroke: color.base.primary2, strokeWidth: "2" }),
+                    react_1.default.createElement("circle", { cx: "12", cy: "12", r: "6", fill: color.base.primary2 })))) : (react_1.default.createElement(IndicatorWrapper, { disabled: disabled },
+                react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+                    react_1.default.createElement("circle", { cx: "12", cy: "12", r: "11", stroke: color.base.line, strokeWidth: "2" }))));
+        }
+        return selected ? (react_1.default.createElement(IndicatorWrapper, { disabled: disabled },
+            react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+                react_1.default.createElement("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: color.base.primary2 }),
+                react_1.default.createElement("path", { d: "M7 12L10.5 15.5L17 9", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })))) : (react_1.default.createElement(IndicatorWrapper, { disabled: disabled },
+            react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+                react_1.default.createElement("rect", { x: "2.5", y: "2.5", width: "19", height: "19", rx: "3.5", stroke: color.base.line, strokeWidth: "1.5" }))));
+    };
+    return (react_1.default.createElement(Container, { selected: selected, disabled: disabled, borderColor: selected && !disabled ? color.base.primary2 : color.base.line, bgColor: disabled ? color.surface.disabledSurface : color.surface.neutral, onClick: handleClick, onKeyDown: handleKeyDown, role: selectionType === 'radio' ? 'radio' : 'checkbox', "aria-checked": selected, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, "data-value": value, "data-name": name },
+        renderIndicator(),
+        react_1.default.createElement(TextWrapper, null,
+            react_1.default.createElement(PrimaryText, { textColor: disabled ? color.surface.disabledOnSurface : color.base.onNeutral }, children),
+            secondaryText && (react_1.default.createElement(SecondaryText, { textColor: disabled
+                    ? color.surface.disabledOnSurface
+                    : color.base.onNeutralSecondary }, secondaryText)))));
+};
+SelectionBox.displayName = 'SelectionBox';
+exports.default = SelectionBox;
+var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  min-height: 48px;\n  border-radius: 12px;\n  border: ", " solid\n    ", ";\n  background: ", ";\n  overflow: hidden;\n  cursor: ", ";\n  user-select: none;\n  transition: border-color 0.2s ease;\n  box-sizing: border-box;\n\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  min-height: 48px;\n  border-radius: 12px;\n  border: ", " solid\n    ", ";\n  background: ", ";\n  overflow: hidden;\n  cursor: ", ";\n  user-select: none;\n  transition: border-color 0.2s ease;\n  box-sizing: border-box;\n\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 2px;\n  }\n"])), function (props) { return (props.selected && !props.disabled ? '2px' : '1px'); }, function (props) { return props.borderColor; }, function (props) { return props.bgColor; }, function (props) { return (props.disabled ? 'not-allowed' : 'pointer'); }, function (props) { return props.borderColor; });
+var IndicatorWrapper = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: ", ";\n\n  & > svg {\n    display: block;\n  }\n"], ["\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: ", ";\n\n  & > svg {\n    display: block;\n  }\n"])), function (props) { return (props.disabled ? 0.5 : 1); });
+var TextWrapper = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n  min-width: 0;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  justify-content: center;\n  min-width: 0;\n"])));
+var PrimaryText = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  color: ", ";\n  word-break: break-word;\n"], ["\n  ", ";\n  ", ";\n  color: ", ";\n  word-break: break-word;\n"])), fontStyles_1.baseStyle, fontStyles_1.pStyle, function (props) { return props.textColor; });
+var SecondaryText = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  ", ";\n  color: ", ";\n  word-break: break-word;\n"], ["\n  ", ";\n  ", ";\n  color: ", ";\n  word-break: break-word;\n"])), fontStyles_1.baseStyle, fontStyles_1.smallPStyle, function (props) { return props.textColor; });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/SelectionBox/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/SelectionBox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/SelectionBox/types.ts"],"names":[],"mappings":""}

package/dist/components/Table/index.js

@@ -31,7 +31,7 @@ var antd_1 = require("antd");
 var emotion_1 = require("emotion");
 var colors_1 = require("src/constants/Colors/colors");
 var TypographyStyles_1 = require("src/shared/TypographyStyles");
-var baseStyle = (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  -webkit-font-smoothing: antialiased;\n  font-family: ", ";\n  color: ", ";\n"], ["\n  -webkit-font-smoothing: antialiased;\n  font-family: ", ";\n  color: ", ";\n"])), TypographyStyles_1.MAIN_FONT, colors_1.BLACK.DEFAULT);
+var baseStyle = (0, emotion_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  -webkit-font-smoothing: antialiased;\n  font-family: ", ";\n  color: ", ";\n  width: 100%;\n\n  .ant-table {\n    border-radius: 0;\n  }\n\n  .ant-table-container {\n    border-radius: 0;\n  }\n\n  .ant-table-container table {\n    border-radius: 0 !important;\n  }\n\n  .ant-table-thead > tr > th {\n    padding: 12px;\n    height: 48px;\n    max-height: 48px;\n    background: ", ";\n    font-weight: 700;\n    font-size: 14px;\n    color: ", ";\n    border-bottom: 1px solid ", ";\n    border-radius: 0 !important;\n  }\n\n  .ant-table-tbody > tr > td {\n    padding: 12px;\n    max-height: 60px;\n    font-size: 14px;\n    color: ", ";\n    border-bottom: 1px solid ", ";\n    overflow: hidden;\n  }\n\n  .ant-table-tbody > tr:hover > td {\n    background: ", ";\n  }\n"], ["\n  -webkit-font-smoothing: antialiased;\n  font-family: ", ";\n  color: ", ";\n  width: 100%;\n\n  .ant-table {\n    border-radius: 0;\n  }\n\n  .ant-table-container {\n    border-radius: 0;\n  }\n\n  .ant-table-container table {\n    border-radius: 0 !important;\n  }\n\n  .ant-table-thead > tr > th {\n    padding: 12px;\n    height: 48px;\n    max-height: 48px;\n    background: ", ";\n    font-weight: 700;\n    font-size: 14px;\n    color: ", ";\n    border-bottom: 1px solid ", ";\n    border-radius: 0 !important;\n  }\n\n  .ant-table-tbody > tr > td {\n    padding: 12px;\n    max-height: 60px;\n    font-size: 14px;\n    color: ", ";\n    border-bottom: 1px solid ", ";\n    overflow: hidden;\n  }\n\n  .ant-table-tbody > tr:hover > td {\n    background: ", ";\n  }\n"])), TypographyStyles_1.MAIN_FONT, colors_1.BASE.ON_NEUTRAL, colors_1.SURFACE.SECONDARY_NEUTRAL, colors_1.BASE.ON_NEUTRAL, colors_1.BASE.LINE, colors_1.BASE.ON_NEUTRAL, colors_1.BASE.LINE, colors_1.INTERACTIVE.HOVER_SURFACE);
 var CustomTable = function (_a) {
     var className = _a.className, emptyText = _a.emptyText, restProps = __rest(_a, ["className", "emptyText"]);
     return (react_1.default.createElement(antd_1.Table, __assign({ className: (0, emotion_1.cx)(baseStyle, className), locale: {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,6BAAwC;AACxC,mCAAiC;AACjC,sDAAmD;AACnD,gEAAuD;AAQvD,IAAM,SAAS,OAAG,aAAG,sJAAA,2DAEJ,EAAS,cACf,EAAa,KACvB,KAFgB,4BAAS,EACf,cAAK,CAAC,OAAO,CACvB,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,EAIF;IAHjB,IAAA,SAAS,eAAA,EACT,SAAS,eAAA,EACN,SAAS,cAHO,0BAIpB,CADa;IACU,OAAA,CACtB,8BAAC,YAAK,aACJ,SAAS,EAAE,IAAA,YAAE,EAAC,SAAS,EAAE,SAAS,CAAC,EACnC,MAAM,EAAE;YACN,SAAS,WAAA;SACV,IACG,SAAS,EACb,CACH,CAAA;CAAA,CAAA;AACD,kBAAe,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,6BAAwC;AACxC,mCAAiC;AACjC,sDAAwE;AACxE,gEAAuD;AASvD,IAAM,SAAS,OAAG,aAAG,+0BAAA,2DAEJ,EAAS,cACf,EAAe,oTAmBR,EAAyB,6DAG9B,EAAe,kCACG,EAAS,0JAQ3B,EAAe,kCACG,EAAS,yFAKtB,EAAyB,UAE1C,KAxCgB,4BAAS,EACf,aAAI,CAAC,UAAU,EAmBR,gBAAO,CAAC,iBAAiB,EAG9B,aAAI,CAAC,UAAU,EACG,aAAI,CAAC,IAAI,EAQ3B,aAAI,CAAC,UAAU,EACG,aAAI,CAAC,IAAI,EAKtB,oBAAW,CAAC,aAAa,CAE1C,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,EAIF;IAHjB,IAAA,SAAS,eAAA,EACT,SAAS,eAAA,EACN,SAAS,cAHO,0BAIpB,CADa;IACU,OAAA,CACtB,8BAAC,YAAK,aACJ,SAAS,EAAE,IAAA,YAAE,EAAC,SAAS,EAAE,SAAS,CAAC,EACnC,MAAM,EAAE;YACN,SAAS,WAAA;SACV,IACG,SAAS,EACb,CACH,CAAA;CAAA,CAAA;AACD,kBAAe,WAAW,CAAA"}

package/dist/index.js

@@ -16,8 +16,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Timeline = exports.SummaryCard = exports.Spin = exports.ErrorPage = exports.Tooltip = exports.CopyBox = exports.Section = exports.Banner = exports.Note = exports.ContentBreakdown = exports.Hidden = exports.Link = exports.Divider = exports.EmptyData = exports.SmallP = exports.P1Bold = exports.P1 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Checkbox = exports.DatePicker = exports.Timer = exports.Tabs = exports.Table = exports.Steps = exports.Select = exports.RangePicker = exports.Radio = exports.Pagination = exports.DeprecatedModal = exports.DialogItems = exports.Modal = exports.Tag = exports.InputWithButton = exports.Input = exports.Form = exports.DynamicSelect = exports.Dropdown = exports.Carousel = exports.Chart = exports.Card = exports.BadgeIcon = exports.Accordion = exports.ActionCard = exports.ActionButton = exports.Button = exports.Alert = exports.AntdConfigProvider = void 0;
-exports.LINE_HEIGHT = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.MAIN_FONT = exports.BACKGROUND_COLORS = exports.TEXT_COLORS = exports.ICON_COLORS = exports.MAIN_COLORS = exports.NEUTRAL_COLORS = exports.YELLOW_COLORS = exports.RED_COLORS = exports.GREEN_COLORS = exports.BLUE_COLORS = exports.TABLET_BREAKPOINT = exports.LAPTOP_BREAKPOINT = exports.DESKTOP_BREAKPOINT = exports.EXTRA_LARGE_DESKTOP_BREAKPOINT = exports.useModal = exports.ModalProvider = exports.straitsXTheme = exports.xfersTheme = exports.useTheme = exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = exports.Coachmark = void 0;
+exports.Spin = exports.ErrorPage = exports.Tooltip = exports.CopyBox = exports.Section = exports.Banner = exports.Note = exports.ContentBreakdown = exports.Hidden = exports.Link = exports.Divider = exports.EmptyData = exports.SmallP = exports.P1Bold = exports.P1 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Checkbox = exports.DatePicker = exports.Timer = exports.Tabs = exports.Table = exports.Steps = exports.SelectionBoxGroup = exports.SelectionBox = exports.Select = exports.RangePicker = exports.Radio = exports.Pagination = exports.DeprecatedModal = exports.DialogItems = exports.Modal = exports.Tag = exports.InputWithButton = exports.Input = exports.Form = exports.DynamicSelect = exports.Dropdown = exports.Carousel = exports.Chart = exports.Card = exports.BadgeIcon = exports.Accordion = exports.ActionCard = exports.ActionButton = exports.Button = exports.Alert = exports.AntdConfigProvider = void 0;
+exports.LINE_HEIGHT = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.MAIN_FONT = exports.BACKGROUND_COLORS = exports.TEXT_COLORS = exports.ICON_COLORS = exports.MAIN_COLORS = exports.NEUTRAL_COLORS = exports.YELLOW_COLORS = exports.RED_COLORS = exports.GREEN_COLORS = exports.BLUE_COLORS = exports.TABLET_BREAKPOINT = exports.LAPTOP_BREAKPOINT = exports.DESKTOP_BREAKPOINT = exports.EXTRA_LARGE_DESKTOP_BREAKPOINT = exports.useModal = exports.ModalProvider = exports.straitsXTheme = exports.xfersTheme = exports.useTheme = exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = exports.Coachmark = exports.Timeline = exports.SummaryCard = void 0;
 // Components
 var AntdConfigProvider_1 = require("./components/AntdConfigProvider");
 Object.defineProperty(exports, "AntdConfigProvider", { enumerable: true, get: function () { return AntdConfigProvider_1.default; } });
@@ -65,6 +65,9 @@ var RangePicker_1 = require("./components/RangePicker");
 Object.defineProperty(exports, "RangePicker", { enumerable: true, get: function () { return RangePicker_1.default; } });
 var Select_1 = require("./components/Select");
 Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.default; } });
+var SelectionBox_1 = require("./components/SelectionBox");
+Object.defineProperty(exports, "SelectionBox", { enumerable: true, get: function () { return SelectionBox_1.default; } });
+Object.defineProperty(exports, "SelectionBoxGroup", { enumerable: true, get: function () { return SelectionBox_1.SelectionBoxGroup; } });
 var Steps_1 = require("./components/Steps");
 Object.defineProperty(exports, "Steps", { enumerable: true, get: function () { return Steps_1.default; } });
 var Table_1 = require("./components/Table");

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AAAA,0EAA0E;AAC1E,iCAAiC;;;;;;;;;;;;;;;;;;AAEjC,aAAa;AACb,sEAA+E;AAAtE,wHAAA,OAAO,OAAsB;AACtC,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,8CAAuD;AAA9C,gGAAA,OAAO,OAAU;AAC1B,0DAAmE;AAA1D,4GAAA,OAAO,OAAgB;AAChC,sDAA+D;AAAtD,wGAAA,OAAO,OAAc;AAC9B,oDAA6D;AAApD,sGAAA,OAAO,OAAa;AAC7B,oDAA6D;AAApD,sGAAA,OAAO,OAAa;AAC7B,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,kDAA2D;AAAlD,oGAAA,OAAO,OAAY;AAC5B,kDAA2D;AAAlD,oGAAA,OAAO,OAAY;AAC5B,4DAAqE;AAA5D,8GAAA,OAAO,OAAiB;AACjC,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,gEAAyE;AAAhE,kHAAA,OAAO,OAAmB;AACnC,wCAAiD;AAAxC,0FAAA,OAAO,OAAO;AACvB,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,8DAAuE;AAA9D,0GAAA,OAAO,OAAe;AAC/B,gEAAyE;AAAhE,kHAAA,OAAO,OAAmB;AACnC,sDAA+D;AAAtD,wGAAA,OAAO,OAAc;AAC9B,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,wDAAiE;AAAxD,0GAAA,OAAO,OAAe;AAC/B,8CAAuD;AAA9C,gGAAA,OAAO,OAAU;AAC1B,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,4CAAqD;AAA5C,8FAAA,OAAO,OAAS;AACzB,sDAA+D;AAAtD,wGAAA,OAAO,OAAc;AAC9B,kDAA2D;AAAlD,oGAAA,OAAO,OAAY;AAC5B,sDAA4E;AAAnE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,gGAAA,EAAE,OAAA;AAAE,oGAAA,MAAM,OAAA;AAAE,oGAAA,MAAM,OAAA;AAC3C,oDAA6D;AAApD,sGAAA,OAAO,OAAa;AAC7B,gDAAyD;AAAhD,kGAAA,OAAO,OAAW;AAC3B,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,8CAAuD;AAA9C,gGAAA,OAAO,OAAU;AAC1B,kEAA2E;AAAlE,oHAAA,OAAO,OAAoB;AACpC,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,8CAAuD;AAA9C,gGAAA,OAAO,OAAU;AAC1B,0CAA2C;AAAlC,+FAAA,OAAO,OAAA;AAChB,gDAAyD;AAAhD,kGAAA,OAAO,OAAW;AAC3B,gDAAyD;AAAhD,kGAAA,OAAO,OAAW;AAC3B,oDAA6D;AAApD,sGAAA,OAAO,OAAa;AAC7B,0CAAmD;AAA1C,4FAAA,OAAO,OAAQ;AACxB,wDAAiE;AAAxD,0GAAA,OAAO,OAAe;AAC/B,kDAA2D;AAAlD,oGAAA,OAAO,OAAY;AAC5B,oDAA6D;AAApD,sGAAA,OAAO,OAAa;AAE7B,mBAAmB;AACnB,4EAAmF;AAA1E,6HAAA,yBAAyB,OAAA;AAElC,QAAQ;AACR,0CAAuB;AACvB,2DAAyD;AAAhD,kHAAA,eAAe,OAAA;AAExB,QAAQ;AACR,0CAAuB;AAEvB,aAAa;AACb,gEAA8D;AAArD,wGAAA,UAAU,OAAA;AAEnB,qDAA8D;AAArD,6GAAA,aAAa,OAAA;AAAE,wGAAA,QAAQ,OAAA;AAChC,uCAAyD;AAAhD,mGAAA,UAAU,OAAA;AAAE,sGAAA,aAAa,OAAA;AAElC,sDAA+D;AAAtD,6GAAA,aAAa,OAAA;AAAE,wGAAA,QAAQ,OAAA;AAEhC,uDAKgC;AAJ9B,6HAAA,8BAA8B,OAAA;AAC9B,iHAAA,kBAAkB,OAAA;AAClB,gHAAA,iBAAiB,OAAA;AACjB,gHAAA,iBAAiB,OAAA;AAGnB,wBAAwB;AAExB,oDAU6B;AAT3B,0GAAA,WAAW,OAAA;AACX,2GAAA,YAAY,OAAA;AACZ,yGAAA,UAAU,OAAA;AACV,4GAAA,aAAa,OAAA;AACb,6GAAA,cAAc,OAAA;AACd,0GAAA,WAAW,OAAA;AACX,0GAAA,WAAW,OAAA;AACX,0GAAA,WAAW,OAAA;AACX,gHAAA,iBAAiB,OAAA;AAGnB,8DAMkC;AALhC,6GAAA,SAAS,OAAA;AACT,iHAAA,aAAa,OAAA;AACb,+GAAA,WAAW,OAAA;AACX,6GAAA,SAAS,OAAA;AACT,+GAAA,WAAW,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/types/components/Accordion/index.d.ts

@@ -10,5 +10,5 @@ type AccordionProps = {
     additionalHeaderItem?: React.ReactNode;
     withBoxShadow?: boolean;
 };
-declare const Accordion: ({ header, body, defaultOpen, headerHeightDesktop, headerHeightMobile, toggleText, onCloseToggleText, additionalHeaderItem, withBoxShadow }: AccordionProps) => JSX.Element;
+declare const Accordion: ({ header, body, defaultOpen, headerHeightDesktop, headerHeightMobile, toggleText, onCloseToggleText, additionalHeaderItem, withBoxShadow }: AccordionProps) => React.JSX.Element;
 export default Accordion;

package/dist/types/components/ActionButton/ActionButton.d.ts

@@ -4,5 +4,5 @@ type ActionButtonProps = {
     icon: React.ReactElement;
     disabled?: boolean;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>;
-declare const ActionButton: ({ icon, type, disabled, ...props }: ActionButtonProps) => JSX.Element;
+declare const ActionButton: ({ icon, type, disabled, ...props }: ActionButtonProps) => React.JSX.Element;
 export default ActionButton;

package/dist/types/components/ActionCard/index.d.ts

@@ -4,5 +4,5 @@ type ActionCardProps = {
     footer?: React.ReactNode;
     children: React.ReactNode;
 };
-declare const ActionCard: ({ children, title, footer }: ActionCardProps) => JSX.Element;
+declare const ActionCard: ({ children, title, footer }: ActionCardProps) => React.JSX.Element;
 export default ActionCard;

package/dist/types/components/Alert/Alert.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { CustomAlertProps } from './types';
-declare const CustomAlert: ({ type, message, closable, icon, showIcon, onClose, title, }: CustomAlertProps) => JSX.Element | null;
+declare const CustomAlert: ({ type, message, closable, icon, showIcon, onClose, title, }: CustomAlertProps) => React.JSX.Element | null;
 export default CustomAlert;

package/dist/types/components/Alert/styles.d.ts

@@ -1,4 +1,6 @@
-export declare const StyledAlert: import("@emotion/styled-base").StyledComponent<import("antd").AlertProps & import("react").RefAttributes<import("antd/es/alert/Alert").AlertRef>, {
+export declare const StyledAlert: import("@emotion/styled-base").StyledComponent<Omit<import("antd").AlertProps & import("react").RefAttributes<import("antd/es/alert/Alert").AlertRef>, "ref"> & {
+    ref?: ((instance: import("antd/es/alert/Alert").AlertRef | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("antd/es/alert/Alert").AlertRef> | null | undefined;
+}, {
     type: "success" | "warning" | "error" | "info";
 }, object>;
 export declare const StyledAlertMessageContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;

package/dist/types/components/AntdConfigProvider/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 type Props = {
     children: React.ReactNode;
 };
-export default function AntdConfigProvider({ children }: Props): JSX.Element;
+export default function AntdConfigProvider({ children }: Props): React.JSX.Element;
 export {};

package/dist/types/components/BadgeIcon/index.d.ts

@@ -4,5 +4,5 @@ type BadgeIconProps = {
     icon: React.ReactElement;
     iconWidth?: number;
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const BadgeIcon: ({ icon, type, iconWidth, ...rest }: BadgeIconProps) => JSX.Element;
+declare const BadgeIcon: ({ icon, type, iconWidth, ...rest }: BadgeIconProps) => React.JSX.Element;
 export default BadgeIcon;

package/dist/types/components/Banner/index.d.ts

@@ -4,5 +4,5 @@ type BannerProps = {
     withIcon?: boolean;
     children: React.ReactNode;
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const Banner: ({ withIcon, children, type, ...rest }: BannerProps) => JSX.Element;
+declare const Banner: ({ withIcon, children, type, ...rest }: BannerProps) => React.JSX.Element;
 export default Banner;

package/dist/types/components/Button/Button.d.ts

@@ -10,5 +10,5 @@ type CustomButtonProps = {
     className?: string;
     icon?: React.ReactNode;
 } & Omit<ButtonProps, 'type' | 'disabled'>;
-declare const CustomButton: ({ type, size, iconColor, isDisabled, isFullWidth, className, children, icon, ...rest }: CustomButtonProps) => JSX.Element;
+declare const CustomButton: ({ type, size, iconColor, isDisabled, isFullWidth, className, children, icon, ...rest }: CustomButtonProps) => React.JSX.Element;
 export default CustomButton;

package/dist/types/components/Card/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { CardProps } from 'antd';
 type CardWithoutType = Omit<CardProps, 'type'>;
 type CustomCardProps = CardWithoutType & {
@@ -6,5 +7,5 @@ type CustomCardProps = CardWithoutType & {
     alignBody?: 'left' | 'right';
     type?: 'default' | 'dark';
 };
-declare const CustomCard: ({ className, alignTitle, alignBody, type, ...restProps }: CustomCardProps) => JSX.Element;
+declare const CustomCard: ({ className, alignTitle, alignBody, type, ...restProps }: CustomCardProps) => React.JSX.Element;
 export default CustomCard;

package/dist/types/components/Carousel/index.d.ts

@@ -4,5 +4,5 @@ type Props = {
     children: React.ReactNode[];
     width?: number;
 };
-declare function Carousel({ children, activeKey, width, ...rest }: Props): JSX.Element;
+declare function Carousel({ children, activeKey, width, ...rest }: Props): React.JSX.Element;
 export default Carousel;

package/dist/types/components/Chart/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 type ChartProps = {
     xValues: number[] | string[];
     yValues: number[];
@@ -7,5 +8,5 @@ type ChartProps = {
     width?: number;
     straitsXStyle?: boolean;
 };
-declare const CustomChart: ({ xValues, yValues, dataPrefix, dataPostfix, straitsXStyle, height }: ChartProps) => JSX.Element;
+declare const CustomChart: ({ xValues, yValues, dataPrefix, dataPostfix, straitsXStyle, height }: ChartProps) => React.JSX.Element;
 export default CustomChart;

package/dist/types/components/Checkbox/index.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import type { CheckboxGroupProps } from 'antd/es/checkbox';
 type GroupProps = CheckboxGroupProps;
-declare function CheckboxGroup({ className, ...props }: GroupProps): JSX.Element;
+declare function CheckboxGroup({ className, ...props }: GroupProps): React.JSX.Element;
 declare const _default: {
     Group: typeof CheckboxGroup;
 };

package/dist/types/components/Coachmark/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 type CoachmarkProps = {
     index: number;
     size: number;
@@ -25,5 +25,5 @@ type CoachmarkProps = {
         onClick: () => void;
     };
 };
-export default function Coachmark({ index, primaryProps, size, skipProps, step, tooltipProps, backProps, }: CoachmarkProps): JSX.Element;
+export default function Coachmark({ index, primaryProps, size, skipProps, step, tooltipProps, backProps, }: CoachmarkProps): React.JSX.Element;
 export {};

package/dist/types/components/ContentBreakdown/index.d.ts

@@ -3,5 +3,5 @@ type ContentBreakdownProps = {
     title: string;
     children: React.ReactElement;
 };
-declare const ContentBreakdown: ({ title, children }: ContentBreakdownProps) => JSX.Element;
+declare const ContentBreakdown: ({ title, children }: ContentBreakdownProps) => React.JSX.Element;
 export default ContentBreakdown;

package/dist/types/components/CopyBox/CopyBox.d.ts

@@ -13,5 +13,5 @@ type CopyBoxType = {
     helperTextType?: 'error' | undefined;
     onButtonClick?: () => void;
 };
-declare const CopyBox: ({ value, allowCopy, valueToCopy, isBankAddress, showCopyIcon, icon, iconSize, labelText, labelTooltip, helperText, helperTextType, onButtonClick }: CopyBoxType) => JSX.Element;
+declare const CopyBox: ({ value, allowCopy, valueToCopy, isBankAddress, showCopyIcon, icon, iconSize, labelText, labelTooltip, helperText, helperTextType, onButtonClick }: CopyBoxType) => React.JSX.Element;
 export default CopyBox;

package/dist/types/components/CopyBox/styles.d.ts

@@ -9,4 +9,8 @@ export declare const TextContainer: import("@emotion/styled-base").StyledCompone
 export declare const TextValueStyles: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isBankAddress: boolean;
 }, object>;
-export declare const CopyButton: import("@emotion/styled-base").StyledComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>, Pick<import("antd").ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>, keyof import("antd").ButtonProps>, object>;
+export declare const CopyButton: import("@emotion/styled-base").StyledComponent<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement | HTMLAnchorElement> | null | undefined;
+}, Pick<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement | HTMLAnchorElement> | null | undefined;
+}, keyof import("antd").ButtonProps>, object>;

package/dist/types/components/DatePicker/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { InputSize } from '../Input/inputStyles';
 type Props = {
     placeholder?: string;
@@ -17,5 +18,5 @@ type Props = {
     showInfoIcon?: boolean;
     onInfoClick?: () => void;
 };
-export default function ({ disabled, label, required, optional, size, error, helperText, showInfoIcon, onInfoClick, ...rest }: Props): JSX.Element;
+export default function ({ disabled, label, required, optional, size, error, helperText, showInfoIcon, onInfoClick, ...rest }: Props): React.JSX.Element;
 export {};

package/dist/types/components/Divider/index.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 type DividerProps = {
     spacing?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 };
-declare const Divider: ({ spacing, ...rest }: DividerProps) => JSX.Element;
+declare const Divider: ({ spacing, ...rest }: DividerProps) => React.JSX.Element;
 export default Divider;

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

@@ -11,5 +11,5 @@ type Props = {
     disabled?: boolean;
     trigger?: Array<'click' | 'hover' | 'contextMenu'>;
 } & Omit<DropdownProps, 'menu'>;
-export default function ({ menu, children, type, placement, className, trigger, disabled, ...rest }: Props): JSX.Element;
+export default function ({ menu, children, type, placement, className, trigger, disabled, ...rest }: Props): React.JSX.Element;
 export {};

package/dist/types/components/DynamicSelect/DynamicSelect.d.ts

@@ -12,21 +12,17 @@ export type IExtraElementProps = {
 };
 type IAddItemProps = Omit<IExtraElementProps, 'topContent' | 'bottomContent'>;
 declare const DynamicSelect: {
-    ({ className, children, disabled, mode, label, iconSrc, extraText, extraAction, isAddItemBarVisible, topContent, bottomContent, actionContent, ...rest }: IDynamicSelectProps): JSX.Element;
+    ({ className, children, disabled, mode, label, iconSrc, extraText, extraAction, isAddItemBarVisible, topContent, bottomContent, actionContent, ...rest }: IDynamicSelectProps): React.JSX.Element;
     Option: import("rc-select/lib/Option").OptionFC;
 };
 export declare const AddIcon: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, Pick<React.ClassAttributes<HTMLImageElement> & React.ImgHTMLAttributes<HTMLImageElement>, keyof React.ImgHTMLAttributes<HTMLImageElement>>, object>;
-export declare const AddButton: import("@emotion/styled-base").StyledComponent<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {
+export declare const AddButton: import("@emotion/styled-base").StyledComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {
     theme?: object | undefined;
-} & {
-    children?: React.ReactNode;
-}, "theme" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+}, Pick<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {
     theme?: object | undefined;
-} & {
-    children?: React.ReactNode;
-}, "theme" | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "theme" | keyof React.HTMLAttributes<HTMLDivElement>>, object>;
 export default DynamicSelect;

package/dist/types/components/EmptyData/index.d.ts

@@ -5,5 +5,5 @@ type EmptyDataProps = {
     info?: React.ReactNode;
     svgUniqueId?: string;
 };
-declare const EmptyData: ({ title, subtitle, info, svgUniqueId, }: EmptyDataProps) => JSX.Element;
+declare const EmptyData: ({ title, subtitle, info, svgUniqueId, }: EmptyDataProps) => React.JSX.Element;
 export default EmptyData;

package/dist/types/components/ErrorPage/index.d.ts

@@ -6,5 +6,5 @@ type ErrorPageProps = {
     fallbackContent?: React.ReactNode;
     backgroundColor?: string;
 };
-declare const ErrorPage: ({ title, subtitle, content, fallbackContent, backgroundColor }: ErrorPageProps) => JSX.Element;
+declare const ErrorPage: ({ title, subtitle, content, fallbackContent, backgroundColor }: ErrorPageProps) => React.JSX.Element;
 export default ErrorPage;

package/dist/types/components/Form/index.d.ts

@@ -5,8 +5,8 @@ type Props = FormProps & {
     children: React.ReactNode;
 };
 declare const MainForm: {
-    ({ className, children, ...rest }: Props): JSX.Element;
-    Item({ className, ...rest }: FormItemProps): JSX.Element;
+    ({ className, children, ...rest }: Props): React.JSX.Element;
+    Item({ className, ...rest }: FormItemProps): React.JSX.Element;
     useForm: typeof import("antd/es/form/Form").useForm;
 };
 export default MainForm;

package/dist/types/components/Grid/Section.d.ts

@@ -1,29 +1,21 @@
 declare const Section: {
-    Title: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+    Title: import("@emotion/styled-base").StyledComponent<Omit<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
         theme?: object | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    }, "theme" | "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
-        ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
-    }, Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
+    }, "ref"> & {
+        ref?: ((instance: HTMLHeadingElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
+    }, Pick<Omit<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Pick<Pick<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement>, keyof import("react").HTMLAttributes<HTMLHeadingElement>>, keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
         theme?: object | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    }, "theme" | "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>> & {
-        ref?: ((instance: HTMLHeadingElement | null) => void) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
+    }, "ref"> & {
+        ref?: ((instance: HTMLHeadingElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLHeadingElement> | null | undefined;
     }, "theme" | keyof import("react").HTMLAttributes<HTMLHeadingElement>>, object>;
-    Subtitle: import("@emotion/styled-base").StyledComponent<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    Subtitle: import("@emotion/styled-base").StyledComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
         theme?: object | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    }, "theme" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }, Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    }, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    }, Pick<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
         theme?: object | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    }, "theme" | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    }, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
     }, "theme" | keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
     Row: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
     Left: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;

package/dist/types/components/Input/index.d.ts

@@ -21,10 +21,10 @@ type Props = BaseInputProps & {
     className?: string;
 } & Omit<InputProps, 'addonBefore' | 'addonAfter' | 'placeholder' | 'disabled' | 'className' | 'size'>;
 declare const MainInput: {
-    ({ addonBefore, addonAfter, placeholder, disabled, disabledAddon, className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: Props): JSX.Element;
-    Password({ addonBefore, placeholder, disabled, className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: PasswordProps): JSX.Element;
-    Search({ addonBefore, placeholder, className, onChange, onSearch, size, helperText, error, ...rest }: SearchProps): JSX.Element;
-    TextArea({ className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: TextAreaProps): JSX.Element;
+    ({ addonBefore, addonAfter, placeholder, disabled, disabledAddon, className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: Props): React.JSX.Element;
+    Password({ addonBefore, placeholder, disabled, className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: PasswordProps): React.JSX.Element;
+    Search({ addonBefore, placeholder, className, onChange, onSearch, size, helperText, error, ...rest }: SearchProps): React.JSX.Element;
+    TextArea({ className, label, required, optional, size, helperText, error, showInfoIcon, infoText, onInfoClick, ...rest }: TextAreaProps): React.JSX.Element;
     Group: React.FC<import("antd/es/input").GroupProps>;
 };
 type PasswordProps = BaseInputProps & {

package/dist/types/components/Link/index.d.ts

@@ -12,5 +12,5 @@ type Props = {
     iconPlacement?: 'left' | 'right';
     onClick?: () => void;
 } & React.AnchorHTMLAttributes<HTMLAnchorElement>;
-declare const Link: ({ typographyType, size, textContent, children, href, target, rel, isUnderlined, icon, iconPlacement, onClick, ...props }: Props) => JSX.Element;
+declare const Link: ({ typographyType, size, textContent, children, href, target, rel, isUnderlined, icon, iconPlacement, onClick, ...props }: Props) => React.JSX.Element;
 export default Link;

package/dist/types/components/Modal/DialogItems.d.ts

@@ -9,5 +9,5 @@ type DialogItemsProps = {
     items: DialogItemProps[];
     className?: string;
 };
-declare const DialogItems: ({ items, className }: DialogItemsProps) => JSX.Element;
+declare const DialogItems: ({ items, className }: DialogItemsProps) => React.JSX.Element;
 export default DialogItems;

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

@@ -15,5 +15,5 @@ type ModalContentProps = {
     /** @deprecated No longer rendered. Will be removed in a future version. */
     icon?: React.ReactNode | false;
 };
-declare const ModalContent: ({ onClose, variant, size, title, children, footer, disabledCloseIcon, className, illustration, headerImage, }: ModalContentProps) => JSX.Element;
+declare const ModalContent: ({ onClose, variant, size, title, children, footer, disabledCloseIcon, className, illustration, headerImage, }: ModalContentProps) => React.JSX.Element;
 export default ModalContent;

package/dist/types/components/Note/index.d.ts

@@ -3,5 +3,5 @@ type NoteProps = {
     title: string;
     children: React.ReactNode;
 };
-declare const Note: ({ title, children }: NoteProps) => JSX.Element;
+declare const Note: ({ title, children }: NoteProps) => React.JSX.Element;
 export default Note;

package/dist/types/components/Pagination/index.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import { PaginationProps } from 'antd';
 type Props = Pick<PaginationProps, 'current' | 'pageSize' | 'total' | 'onChange' | 'showSizeChanger' | 'onShowSizeChange' | 'pageSizeOptions'>;
-export default function ({ current, pageSize, total, onChange, showSizeChanger, onShowSizeChange, pageSizeOptions, }: Props): JSX.Element;
+export default function ({ current, pageSize, total, onChange, showSizeChanger, onShowSizeChange, pageSizeOptions, }: Props): React.JSX.Element;
 export {};

package/dist/types/components/Radio/index.d.ts

@@ -6,9 +6,9 @@ type Props = {
     value?: string;
     style?: Record<string, unknown>;
 };
-declare function RadioButton({ children, disabled, ...rest }: Props): JSX.Element;
+declare function RadioButton({ children, disabled, ...rest }: Props): React.JSX.Element;
 declare const _default: {
-    Group: (props: React.ComponentProps<typeof Radio.Group>) => JSX.Element;
+    Group: (props: React.ComponentProps<typeof Radio.Group>) => React.JSX.Element;
     Button: typeof RadioButton;
 };
 export default _default;

package/dist/types/components/RangePicker/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { Moment } from 'moment';
 import { InputSize } from '../Input/inputStyles';
 type Props = {
@@ -11,5 +12,5 @@ type Props = {
     picker?: any;
     size?: InputSize;
 };
-export default function ({ format, size, ...rest }: Props): JSX.Element;
+export default function ({ format, size, ...rest }: Props): React.JSX.Element;
 export {};

package/dist/types/components/Select/helpers.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-export declare const getSuffixIcon: (secondaryText?: string) => JSX.Element;
-export declare const renderLabel: (label: string, tooltip?: React.ReactElement) => JSX.Element | null;
-export declare const getPlaceholder: (size: "sm" | "lg", placeholder?: string) => JSX.Element | null;
+export declare const getSuffixIcon: (secondaryText?: string) => React.JSX.Element;
+export declare const renderLabel: (label: string, tooltip?: React.ReactElement) => React.JSX.Element | null;
+export declare const getPlaceholder: (size: "sm" | "lg", placeholder?: string) => React.JSX.Element | null;
 export declare const renderOptions: (options: Array<{
     value: string;
     label: string;
@@ -9,9 +9,9 @@ export declare const renderOptions: (options: Array<{
     icon?: React.ComponentType<{
         style?: React.CSSProperties;
     }>;
-}>, size: "sm" | "lg") => JSX.Element[];
-export declare const renderHelperText: (helperText?: string) => JSX.Element | null;
+}>, size: "sm" | "lg") => React.JSX.Element[];
+export declare const renderHelperText: (helperText?: string) => React.JSX.Element | null;
 export declare const getCustomSelectTag: (mode: string | undefined, disabled: boolean, size: "sm" | "lg") => (({ label, onClose }: {
     label: React.ReactNode;
     onClose: () => void;
-}) => JSX.Element) | undefined;
+}) => React.JSX.Element) | undefined;

package/dist/types/components/Select/index.d.ts

@@ -24,7 +24,7 @@ export type Props = {
     selectRef?: RefObject<BaseSelectRef>;
 } & Omit<SelectProps<unknown, DefaultOptionType | BaseOptionType>, 'disabled' | 'size'>;
 declare const Select: {
-    ({ children, disabled, size, mode, label, labelTooltip, selectRef, placeholder, error, secondaryText, helperText, options, ...rest }: Props): JSX.Element;
+    ({ children, disabled, size, mode, label, labelTooltip, selectRef, placeholder, error, secondaryText, helperText, options, ...rest }: Props): React.JSX.Element;
     Option: import("rc-select/lib/Option").OptionFC;
 };
 export default Select;