@qoretechnologies/reqore 0.20.1 → 0.20.4

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { TSizes } from '../../constants/sizes';
+import { IReqoreTheme } from '../../constants/theme';
+import { IReqoreTooltip } from '../../types/global';
+import { IReqoreIconName } from '../../types/icons';
+export interface IReqoreCheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    labelDetail?: any;
+    labelDetailPosition?: 'left' | 'right';
+    size?: TSizes;
+    checked?: boolean;
+    disabled?: boolean;
+    labelPosition?: 'right' | 'left';
+    fluid?: boolean;
+    fixed?: boolean;
+    tooltip?: IReqoreTooltip;
+    asSwitch?: boolean;
+    uncheckedIcon?: IReqoreIconName;
+    checkedIcon?: IReqoreIconName;
+}
+export interface IReqoreCheckboxStyle extends IReqoreCheckboxProps {
+    theme: IReqoreTheme;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<IReqoreCheckboxProps & React.RefAttributes<unknown>>;
+export default Checkbox;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/Checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAA8B,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,mBAAmB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,KAAK,EAAE,YAAY,CAAC;CACrB;AAkED,QAAA,MAAM,QAAQ,sFA8Db,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/src/components/Checkbox/index.js

@@ -0,0 +1,108 @@
+"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;
+};
+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 __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var polished_1 = require("polished");
+var react_1 = require("react");
+var styled_components_1 = __importDefault(require("styled-components"));
+var sizes_1 = require("../../constants/sizes");
+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 StyledSwitch = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: all 0.2s ease-out;\n  position: relative;\n\n  height: ", "px;\n  width: ", "px;\n\n  border: 1px solid\n    ", ";\n  border-radius: 50px;\n\n  margin-right: ", ";\n  margin-left: ", ";\n\n  background-color: ", ";\n\n  &::before {\n    transition: all 0.2s ease-in-out;\n    content: '';\n    display: block;\n    position: absolute;\n    height: ", "px;\n    width: ", "px;\n    top: 50%;\n    transform: translateY(-50%);\n    left: ", ";\n    border-radius: 100%;\n    background-color: ", ";\n  }\n"], ["\n  transition: all 0.2s ease-out;\n  position: relative;\n\n  height: ", "px;\n  width: ", "px;\n\n  border: 1px solid\n    ", ";\n  border-radius: 50px;\n\n  margin-right: ", ";\n  margin-left: ", ";\n\n  background-color: ", ";\n\n  &::before {\n    transition: all 0.2s ease-in-out;\n    content: '';\n    display: block;\n    position: absolute;\n    height: ", "px;\n    width: ", "px;\n    top: 50%;\n    transform: translateY(-50%);\n    left: ", ";\n    border-radius: 100%;\n    background-color: ", ";\n  }\n"])), function (_a) {
+    var size = _a.size;
+    return sizes_1.SIZE_TO_PX[size] - 5;
+}, function (_a) {
+    var size = _a.size;
+    return sizes_1.SIZE_TO_PX[size] * 1.8;
+}, function (_a) {
+    var theme = _a.theme, checked = _a.checked;
+    return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined), checked ? 0.6 : 0.3);
+}, function (_a) {
+    var labelPosition = _a.labelPosition;
+    return labelPosition === 'right' && '8px';
+}, function (_a) {
+    var labelPosition = _a.labelPosition;
+    return labelPosition === 'left' && '8px';
+}, function (_a) {
+    var theme = _a.theme, checked = _a.checked;
+    return checked ? (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined), 0.2) : 'transparent';
+}, function (_a) {
+    var size = _a.size;
+    return sizes_1.SIZE_TO_PX[size] - 13;
+}, function (_a) {
+    var size = _a.size;
+    return sizes_1.SIZE_TO_PX[size] - 13;
+}, function (_a) {
+    var checked = _a.checked, size = _a.size;
+    return !checked ? '5px' : "".concat(sizes_1.SIZE_TO_PX[size] * 1.8 - (sizes_1.SIZE_TO_PX[size] - 7), "px");
+}, function (_a) {
+    var theme = _a.theme, checked = _a.checked;
+    return !checked
+        ? (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined), 0.2)
+        : (0, colors_1.getReadableColor)(theme, undefined, undefined);
+});
+var StyledCheckbox = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0px;\n  transition: all 0.2s ease-out;\n\n  height: ", "px;\n  font-size: ", "px;\n\n  flex: ", ";\n\n  opacity: ", ";\n  pointer-events: ", ";\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n\n    > ", " {\n      border-color: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0px;\n  transition: all 0.2s ease-out;\n\n  height: ", "px;\n  font-size: ", "px;\n\n  flex: ", ";\n\n  opacity: ", ";\n  pointer-events: ", ";\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n\n    > ", " {\n      border-color: ", ";\n    }\n  }\n"])), function (_a) {
+    var size = _a.size;
+    return sizes_1.SIZE_TO_PX[size];
+}, function (_a) {
+    var size = _a.size;
+    return sizes_1.TEXT_FROM_SIZE[size];
+}, function (_a) {
+    var fluid = _a.fluid, fixed = _a.fixed;
+    return (fixed ? '0 auto' : fluid ? '1' : '0 0 auto');
+}, function (_a) {
+    var disabled = _a.disabled;
+    return disabled && 0.5;
+}, function (_a) {
+    var disabled = _a.disabled;
+    return disabled && 'none';
+}, function (_a) {
+    var theme = _a.theme, checked = _a.checked;
+    return (0, colors_1.getReadableColor)(theme, undefined, undefined, !checked);
+}, function (_a) {
+    var theme = _a.theme;
+    return (0, colors_1.getReadableColor)(theme, undefined, undefined, false);
+}, StyledSwitch, function (_a) {
+    var theme = _a.theme, checked = _a.checked;
+    return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined, false), checked ? 0.8 : 0.5);
+});
+var Checkbox = (0, react_1.forwardRef)(function (_a, ref) {
+    var label = _a.label, labelDetail = _a.labelDetail, _b = _a.labelDetailPosition, labelDetailPosition = _b === void 0 ? 'right' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, checked = _a.checked, disabled = _a.disabled, className = _a.className, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'right' : _d, tooltip = _a.tooltip, asSwitch = _a.asSwitch, _e = _a.uncheckedIcon, uncheckedIcon = _e === void 0 ? 'CheckboxBlankCircleLine' : _e, _f = _a.checkedIcon, checkedIcon = _f === void 0 ? 'CheckboxCircleFill' : _f, rest = __rest(_a, ["label", "labelDetail", "labelDetailPosition", "size", "checked", "disabled", "className", "labelPosition", "tooltip", "asSwitch", "uncheckedIcon", "checkedIcon"]);
+    var innerRef = (0, react_1.useRef)(null);
+    var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
+    (0, usePopover_1["default"])(__assign({ targetElement: combinedRef.current }, tooltip));
+    return ((0, jsx_runtime_1.jsxs)(StyledCheckbox, __assign({}, rest, { ref: combinedRef, size: size, disabled: disabled, checked: checked, className: "".concat(className || '', " reqore-checkbox reqore-control") }, { children: [label && labelPosition === 'left' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [labelDetailPosition === 'left' && labelDetail, (0, jsx_runtime_1.jsx)("span", { children: label }), labelDetailPosition === 'right' && labelDetail] })) : null, asSwitch ? ((0, jsx_runtime_1.jsx)(StyledSwitch, { size: size, labelPosition: labelPosition, checked: checked })) : ((0, jsx_runtime_1.jsx)(Icon_1["default"], { size: "".concat(sizes_1.TEXT_FROM_SIZE[size], "px"), icon: checked ? checkedIcon : uncheckedIcon, margin: labelPosition })), label && labelPosition === 'right' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [labelDetailPosition === 'left' && labelDetail, (0, jsx_runtime_1.jsx)("span", { children: label }), labelDetailPosition === 'right' && labelDetail] })) : null] })));
+});
+exports["default"] = Checkbox;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

package/dist/src/components/Checkbox/index.js.map

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

package/dist/src/components/Columns/column.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface IReqoreColumnProps extends Pick<React.CSSProperties, 'alignItems' | 'justifyContent' | 'flexFlow' | 'flex' | 'flexShrink' | 'flexGrow'> {
+}
+export declare const ReqoreColumn: any;
+//# sourceMappingURL=column.d.ts.map

package/dist/src/components/Columns/column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../../../src/components/Columns/column.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,KAAK,CAAC,aAAa,EACnB,YAAY,GAAG,gBAAgB,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAClF;CAAG;AAEN,eAAO,MAAM,YAAY,KAiBxB,CAAC"}

package/dist/src/components/Columns/column.js

@@ -0,0 +1,37 @@
+"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;
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+exports.__esModule = true;
+exports.ReqoreColumn = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+exports.ReqoreColumn = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var alignItems = _a.alignItems, justifyContent = _a.justifyContent, _b = _a.flex, flex = _b === void 0 ? '1 0 auto' : _b, _c = _a.flexFlow, flexFlow = _c === void 0 ? 'row' : _c, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink;
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    align-items: ", ";\n    justify-content: ", ";\n    flex-flow: ", ";\n    flex: ", ";\n    flex-grow: ", ";\n    flex-shrink: ", ";\n  "], ["\n    display: flex;\n    align-items: ", ";\n    justify-content: ", ";\n    flex-flow: ", ";\n    flex: ", ";\n    flex-grow: ", ";\n    flex-shrink: ", ";\n  "])), alignItems, justifyContent, flexFlow, flex, flexGrow, flexShrink);
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=column.js.map

package/dist/src/components/Columns/column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.js","sourceRoot":"","sources":["../../../../src/components/Columns/column.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAQnC,QAAA,YAAY,GAAG,8BAAM,CAAC,GAAG,+EAAoB,MACtD,EAeD,IACF,KAhBG,UAAC,EAOkB;QANnB,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,YAAiB,EAAjB,IAAI,mBAAG,UAAU,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA,EACR,UAAU,gBAAA;IACc,WAAA,uBAAG,uOAAA,yCAEZ,EAAU,0BACN,EAAc,oBACpB,EAAQ,eACb,EAAI,oBACC,EAAQ,sBACN,EAAU,OAC1B,KANgB,UAAU,EACN,cAAc,EACpB,QAAQ,EACb,IAAI,EACC,QAAQ,EACN,UAAU;AAPD,CAQzB,EACD"}

package/dist/src/components/Columns/index.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { IReqoreTheme } from '../../constants/theme';
+export interface IReqoreColumnsProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: any;
+    minColumnWidth?: string;
+    maxColumnWidth?: string;
+    columns?: number | 'auto-fit' | 'auto-fill';
+    columnsGap?: string;
+    className?: string;
+    alignItems?: string;
+}
+export interface IStyledColumns extends IReqoreColumnsProps {
+    theme?: IReqoreTheme;
+}
+export declare const StyledColumns: any;
+export declare const ReqoreColumns: ({ children, className, ...rest }: IReqoreColumnsProps) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/Columns/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Columns/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,CAAC;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,cAAe,SAAQ,mBAAmB;IACzD,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,KAazB,CAAC;AAEF,eAAO,MAAM,aAAa,qCAAsC,mBAAmB,gBAMlF,CAAC"}

package/dist/src/components/Columns/index.js

@@ -0,0 +1,69 @@
+"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;
+};
+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;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.ReqoreColumns = exports.StyledColumns = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var styled_components_1 = __importStar(require("styled-components"));
+exports.StyledColumns = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: grid;\n  ", "\n"], ["\n  display: grid;\n  ", "\n"])), function (_a) {
+    var _b = _a.minColumnWidth, minColumnWidth = _b === void 0 ? '300px' : _b, _c = _a.maxColumnWidth, maxColumnWidth = _c === void 0 ? '1fr' : _c, _d = _a.columns, columns = _d === void 0 ? 'auto-fit' : _d, columnsGap = _a.columnsGap, _e = _a.alignItems, alignItems = _e === void 0 ? 'normal' : _e;
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    grid-template-columns: repeat(", ", minmax(", ", ", "));\n    grid-gap: ", ";\n    align-items: ", ";\n  "], ["\n    grid-template-columns: repeat(", ", minmax(", ", ", "));\n    grid-gap: ", ";\n    align-items: ", ";\n  "])), columns, minColumnWidth, maxColumnWidth, columnsGap, alignItems);
+});
+var ReqoreColumns = function (_a) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)(exports.StyledColumns, __assign({}, rest, { className: (0, classnames_1["default"])('reqore-columns', className) }, { children: children })));
+};
+exports.ReqoreColumns = ReqoreColumns;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

package/dist/src/components/Columns/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Columns/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAoC;AACpC,qEAAgD;AAiBnC,QAAA,aAAa,GAAG,8BAAM,CAAC,GAAG,iGAAgB,wBAEnD,EAUD,IACF,KAXG,UAAC,EAMc;QALf,sBAAwB,EAAxB,cAAc,mBAAG,OAAO,KAAA,EACxB,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,eAAoB,EAApB,OAAO,mBAAG,UAAU,KAAA,EACpB,UAAU,gBAAA,EACV,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA;IACD,WAAA,uBAAG,qLAAA,sCACS,EAAO,WAAY,EAAc,IAAK,EAAc,qBACxE,EAAU,sBACP,EAAU,OAC1B,KAHiC,OAAO,EAAY,cAAc,EAAK,cAAc,EACxE,UAAU,EACP,UAAU;AAHL,CAIrB,EACD;AAEK,IAAM,aAAa,GAAG,UAAC,EAAqD;IAAnD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA9B,yBAAgC,CAAF;IAC1D,OAAO,CACL,uBAAC,qBAAa,eAAK,IAAI,IAAE,SAAS,EAAE,IAAA,uBAAU,EAAC,gBAAgB,EAAE,SAAS,CAAC,gBACxE,QAAQ,IACK,CACjB,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB"}

package/dist/src/components/Comment/index.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { IReqoreIntent } from '../../constants/theme';
+import { IReqoreIconName } from '../../types/icons';
+import { IReqorePanelAction } from '../Panel';
+export interface IReqoreCommentProps {
+    icon?: IReqoreIconName;
+    image?: string;
+    title?: string;
+    children: any;
+    intent?: IReqoreIntent;
+    rounded?: boolean;
+    flat?: boolean;
+    detail?: string;
+    actions?: IReqorePanelAction[];
+}
+export declare const StyledCommentWrapper: any;
+export declare const StyledIconWrapper: any;
+export declare const StyledInfoWrapper: any;
+export declare const StyledCommentText: any;
+export declare const StyledCommentTitle: any;
+export declare const StyledCommentDetail: any;
+export declare const StyledCommentImage: any;
+export declare const ReqoreComment: ({ rounded, flat, intent, icon, children, image, title, detail, actions, ...rest }: IReqoreCommentProps) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/Comment/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Comment/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAE,kBAAkB,EAAe,MAAM,UAAU,CAAC;AAG3D,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAChC;AAED,eAAO,MAAM,oBAAoB,KAOhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAK7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAI7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAM7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAG9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAG/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAI9B,CAAC;AAEF,eAAO,MAAM,aAAa,sFAWvB,mBAAmB,gBA0DrB,CAAC"}

package/dist/src/components/Comment/index.js

@@ -0,0 +1,71 @@
+"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;
+};
+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 __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.ReqoreComment = exports.StyledCommentImage = exports.StyledCommentDetail = exports.StyledCommentTitle = exports.StyledCommentText = exports.StyledInfoWrapper = exports.StyledIconWrapper = exports.StyledCommentWrapper = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var lodash_1 = require("lodash");
+var styled_components_1 = __importDefault(require("styled-components"));
+var __1 = require("../..");
+var Columns_1 = require("../Columns");
+var Header_1 = require("../Header");
+var Icon_1 = __importDefault(require("../Icon"));
+var Panel_1 = require("../Panel");
+var Paragraph_1 = require("../Paragraph");
+exports.StyledCommentWrapper = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  overflow: hidden;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"], ["\n  display: flex;\n  overflow: hidden;\n\n  &:not(:first-child) {\n    margin-top: 10px;\n  }\n"])));
+exports.StyledIconWrapper = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 0 auto;\n  padding: 10px;\n  display: flex;\n  justify-content: center;\n"], ["\n  flex: 0 auto;\n  padding: 10px;\n  display: flex;\n  justify-content: center;\n"])));
+exports.StyledInfoWrapper = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1;\n  padding: 10px;\n  overflow: hidden;\n"], ["\n  flex: 1;\n  padding: 10px;\n  overflow: hidden;\n"])));
+exports.StyledCommentText = (0, styled_components_1["default"])(Paragraph_1.ReqoreP)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  min-height: 10px;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  margin-top: ", ";\n"], ["\n  min-height: 10px;\n  overflow: hidden;\n  padding: 0;\n  margin: 0;\n  margin-top: ", ";\n"])), function (_a) {
+    var marginTop = _a.marginTop;
+    return marginTop;
+});
+exports.StyledCommentTitle = (0, styled_components_1["default"])(Header_1.ReqoreH3)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  padding: 0;\n  margin: 0;\n"], ["\n  padding: 0;\n  margin: 0;\n"])));
+exports.StyledCommentDetail = styled_components_1["default"].span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  opacity: 0.5;\n  font-size: 11px;\n"], ["\n  opacity: 0.5;\n  font-size: 11px;\n"])));
+exports.StyledCommentImage = styled_components_1["default"].img(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 30px;\n  height: 30px;\n  border-radius: 10px;\n"], ["\n  width: 30px;\n  height: 30px;\n  border-radius: 10px;\n"])));
+var ReqoreComment = function (_a) {
+    var rounded = _a.rounded, flat = _a.flat, intent = _a.intent, icon = _a.icon, children = _a.children, image = _a.image, title = _a.title, detail = _a.detail, actions = _a.actions, rest = __rest(_a, ["rounded", "flat", "intent", "icon", "children", "image", "title", "detail", "actions"]);
+    return ((0, jsx_runtime_1.jsx)(Panel_1.ReqorePanel, __assign({ rounded: rounded, flat: flat, intent: intent, className: 'reqore-comment' }, rest, { children: (0, jsx_runtime_1.jsxs)(exports.StyledCommentWrapper, { children: [icon || image ? ((0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, { children: icon ? (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: '30px' }) : (0, jsx_runtime_1.jsx)(exports.StyledCommentImage, { src: image }) })) : null, (0, jsx_runtime_1.jsxs)(exports.StyledInfoWrapper, { children: [(0, jsx_runtime_1.jsxs)(Columns_1.ReqoreColumns, __assign({ minColumnWidth: '100px' }, { children: [(0, jsx_runtime_1.jsxs)(__1.ReqoreColumn, __assign({ flexFlow: 'column', justifyContent: 'center' }, { children: [title && (0, jsx_runtime_1.jsx)(exports.StyledCommentTitle, { children: title }), detail && (0, jsx_runtime_1.jsx)(exports.StyledCommentDetail, { children: detail })] })), (0, lodash_1.size)(actions) ? ((0, jsx_runtime_1.jsx)(__1.ReqoreColumn, __assign({ justifyContent: 'flex-end' }, { children: (0, jsx_runtime_1.jsx)(__1.ReqoreControlGroup, __assign({ minimal: true, size: 'small' }, { children: actions.map(function (_a) {
+                                            var label = _a.label, actions = _a.actions, rest = __rest(_a, ["label", "actions"]);
+                                            return (0, lodash_1.size)(actions) ? ((0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, __assign({}, rest, { label: label, componentProps: {
+                                                    minimal: true,
+                                                    onClick: function (e) {
+                                                        e.stopPropagation();
+                                                    }
+                                                }, items: actions }))) : ((0, jsx_runtime_1.jsx)(__1.ReqoreButton, __assign({}, rest, { onClick: rest.onClick
+                                                    ? function (e) {
+                                                        e.stopPropagation();
+                                                        rest.onClick();
+                                                    }
+                                                    : undefined }, { children: label })));
+                                        }) })) }))) : null] })), (0, jsx_runtime_1.jsx)(exports.StyledCommentText, __assign({ marginTop: title || detail || (0, lodash_1.size)(actions) ? '10px' : '0px' }, { children: children }))] })] }) })));
+};
+exports.ReqoreComment = ReqoreComment;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=index.js.map

package/dist/src/components/Comment/index.js.map

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

package/dist/src/components/CommentFeed/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface IReqoreCommentFeedProps extends React.HTMLAttributes<HTMLDivElement> {
+    gapSize?: string;
+}
+export declare const StyledCommentFeed: any;
+export declare const ReqoreCommentFeed: ({ gapSize, className, children, ...rest }: IReqoreCommentFeedProps) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/CommentFeed/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CommentFeed/index.tsx"],"names":[],"mappings":";AAIA,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,iBAAiB,KAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,8CAK3B,uBAAuB,gBAYzB,CAAC"}

package/dist/src/components/CommentFeed/index.js

@@ -0,0 +1,49 @@
+"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;
+};
+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 __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+exports.ReqoreCommentFeed = exports.StyledCommentFeed = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var classnames_1 = __importDefault(require("classnames"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var Panel_1 = require("../Panel");
+exports.StyledCommentFeed = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    &:not(:first-child) {\n      margin-top: ", ";\n    }\n  }\n"], ["\n  ", " {\n    &:not(:first-child) {\n      margin-top: ", ";\n    }\n  }\n"])), Panel_1.StyledPanel, function (_a) {
+    var gapSize = _a.gapSize;
+    return gapSize;
+});
+var ReqoreCommentFeed = function (_a) {
+    var _b = _a.gapSize, gapSize = _b === void 0 ? '10px' : _b, className = _a.className, children = _a.children, rest = __rest(_a, ["gapSize", "className", "children"]);
+    return ((0, jsx_runtime_1.jsx)(exports.StyledCommentFeed, __assign({}, rest, { gapSize: gapSize, className: (0, classnames_1["default"])('reqore-comment-feed', {
+            className: className
+        }) }, { children: children })));
+};
+exports.ReqoreCommentFeed = ReqoreCommentFeed;
+var templateObject_1;
+//# sourceMappingURL=index.js.map

package/dist/src/components/CommentFeed/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CommentFeed/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAoC;AACpC,wEAAuC;AACvC,kCAAuC;AAM1B,QAAA,iBAAiB,GAAG,8BAAM,CAAC,GAAG,iJAAqB,MAC5D,EAAW,mDAEK,EAAwB,iBAG3C,KALG,mBAAW,EAEK,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,OAAO;AAAP,CAAO,EAG1C;AAEK,IAAM,iBAAiB,GAAG,UAAC,EAKR;IAJxB,IAAA,eAAgB,EAAhB,OAAO,mBAAG,MAAM,KAAA,EAChB,SAAS,eAAA,EACT,QAAQ,cAAA,EACL,IAAI,cAJyB,oCAKjC,CADQ;IAEP,OAAO,CACL,uBAAC,yBAAiB,eACZ,IAAI,IACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,uBAAU,EAAC,qBAAqB,EAAE;YAC3C,SAAS,WAAA;SACV,CAAC,gBAED,QAAQ,IACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,iBAAiB,qBAiB5B"}

package/dist/src/components/Content/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { IReqoreTheme } from "../../constants/theme";
+export interface IReqoreContentWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: any;
+}
+export interface IReqoreContentStyle {
+    theme: IReqoreTheme;
+}
+declare const ReqoreContent: React.ForwardRefExoticComponent<IReqoreContentWrapperProps & React.RefAttributes<unknown>>;
+export default ReqoreContent;
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/Content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,MAAM,WAAW,0BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,YAAY,CAAC;CACrB;AAWD,QAAA,MAAM,aAAa,4FAYlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/src/components/Content/index.js

@@ -0,0 +1,70 @@
+"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;
+};
+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;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styled_components_1 = __importStar(require("styled-components"));
+var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
+var colors_1 = require("../../helpers/colors");
+var StyledReqoreContent = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var theme = _a.theme;
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: 100%;\n    height: 100%;\n    color: ", ";\n    overflow: auto;\n  "], ["\n    width: 100%;\n    height: 100%;\n    color: ", ";\n    overflow: auto;\n  "])), (0, colors_1.getReadableColor)(theme, undefined, undefined, true));
+});
+var ReqoreContent = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
+    return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsx)(StyledReqoreContent, __assign({}, rest, { ref: ref, className: "".concat(className || "", " reqore-content") }, { children: children })) }));
+});
+exports["default"] = ReqoreContent;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=index.js.map

package/dist/src/components/Content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Content/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,qEAAgD;AAEhD,iFAAiE;AACjE,+CAAwD;AAWxD,IAAM,mBAAmB,GAAG,8BAAM,CAAC,GAAG,+EAAqB,MACvD,EAKD,IACF,KANG,UAAC,EAA8B;QAA5B,KAAK,WAAA;IAA4B,WAAA,uBAAG,sJAAA,oDAG9B,EAAmD,4BAE7D,KAFU,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAHxB,CAKrC,CACF,CAAC;AAEF,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,UAAC,EAA4D,EAAE,GAAQ;IAApE,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA9B,yBAAgC,CAAF;IAA6C,OAAA,CAC1E,uBAAC,0BAAmB,cAClB,uBAAC,mBAAmB,eACd,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAG,SAAS,IAAI,EAAE,oBAAiB,gBAE7C,QAAQ,IACW,GACF,CACvB,CAAA;CAAA,CACF,CAAC;AAEF,qBAAe,aAAa,CAAC"}

package/dist/src/components/Content/wrapper.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { IReqoreTheme } from "../../constants/theme";
+export interface IReqoreContentWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: any;
+}
+export interface IReqoreContentStyle {
+    theme: IReqoreTheme;
+}
+declare const ReqoreContentWrapper: React.ForwardRefExoticComponent<IReqoreContentWrapperProps & React.RefAttributes<unknown>>;
+export default ReqoreContentWrapper;
+//# sourceMappingURL=wrapper.d.ts.map

package/dist/src/components/Content/wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGrD,MAAM,WAAW,0BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,YAAY,CAAC;CACrB;AAUD,QAAA,MAAM,oBAAoB,4FAYzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}