@qoretechnologies/reqore 0.25.9 → 0.26.0

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

@@ -2,23 +2,24 @@ import React from 'react';
 import { IPopoverOptions } from '../../hooks/usePopover';
 import { IReqoreIconName } from '../../types/icons';
 import { IReqoreButtonProps } from '../Button';
-import { IReqoreDropdownItemProps } from './item';
-export interface IReqoreDropdownProps<T> extends IPopoverOptions {
-    items?: IReqoreDropdownItemProps[];
+import { IReqoreDropdownItem, TDropdownItemOnClick } from './list';
+export interface IReqoreDropdownProps extends Partial<IPopoverOptions> {
+    items?: IReqoreDropdownItem[];
     multiSelect?: boolean;
     buttonStyle?: React.CSSProperties;
     listStyle?: React.CSSProperties;
     component?: any;
-    componentProps?: T;
     filterable?: boolean;
     label?: any;
     children?: any;
-    width?: string;
+    listWidth?: string;
     icon?: IReqoreIconName;
     rightIcon?: IReqoreIconName;
     caretPosition?: 'left' | 'right';
     isDefaultOpen?: boolean;
+    onItemSelect?: TDropdownItemOnClick;
 }
-declare const ReqoreDropdown: <T extends unknown = IReqoreButtonProps>({ items, component, componentProps, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, icon, rightIcon, caretPosition, isDefaultOpen, ...rest }: IReqoreDropdownProps<T>) => JSX.Element;
-export default ReqoreDropdown;
+declare function ReqoreDropdown<T extends unknown = IReqoreButtonProps>({ items, component, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, icon, rightIcon, caretPosition, isDefaultOpen, onItemSelect, closeOnOutsideClick, blur, closeOnAnyClick, content, delay, maxHeight, maxWidth, noArrow, opaque, openOnMount, show, targetElement, useTargetWidth, listWidth, ...rest }: IReqoreDropdownProps & T): JSX.Element;
+declare const _default: typeof ReqoreDropdown;
+export default _default;
 //# 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;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,QAAQ,CAAC;AAGlD,MAAM,WAAW,oBAAoB,CAAC,CAAC,CAAE,SAAQ,eAAe;IAC9D,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,CAAC,CAAC;IACnB,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;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,cAAc,sQAqDnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC7D,OAA2B,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAEvF,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACpE,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,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,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,iBAAS,cAAc,CAAC,CAAC,SAAS,OAAO,GAAG,kBAAkB,EAAE,EAC9D,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,IAAI,EACJ,SAAS,EACT,aAAsB,EACtB,aAAqB,EACrB,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAc,EACd,MAAM,EACN,WAAW,EACX,IAAI,EACJ,aAAa,EACb,cAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,CAAC,eAiD1B;;AAED,wBAA6D"}

package/dist/components/Dropdown/index.js

@@ -27,12 +27,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var lodash_1 = require("lodash");
+var react_1 = require("react");
 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, componentProps = _a.componentProps, 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, _b = _a.caretPosition, caretPosition = _b === void 0 ? 'left' : _b, _c = _a.isDefaultOpen, isDefaultOpen = _c === void 0 ? false : _c, rest = __rest(_a, ["items", "component", "componentProps", "label", "children", "multiSelect", "buttonStyle", "listStyle", "handler", "placement", "filterable", "icon", "rightIcon", "caretPosition", "isDefaultOpen"]);
-    return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({}, rest, { component: component || Button_1["default"], componentProps: __assign(__assign(__assign({ icon: caretPosition === 'left' ? icon || 'ArrowDownSFill' : rightIcon, rightIcon: caretPosition === 'right' ? icon || 'ArrowDownSFill' : rightIcon, style: buttonStyle, disabled: !(0, lodash_1.size)(items) }, rest), (componentProps || {})), { className: "".concat((componentProps === null || componentProps === void 0 ? void 0 : componentProps.className) || '', " reqore-dropdown-control") }), noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', openOnMount: isDefaultOpen, 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 })) : undefined, noArrow: true }, { children: children || label })));
-};
-exports["default"] = ReqoreDropdown;
+function ReqoreDropdown(_a) {
+    var items = _a.items, component = _a.component, 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, _b = _a.caretPosition, caretPosition = _b === void 0 ? 'left' : _b, _c = _a.isDefaultOpen, isDefaultOpen = _c === void 0 ? false : _c, onItemSelect = _a.onItemSelect, closeOnOutsideClick = _a.closeOnOutsideClick, blur = _a.blur, closeOnAnyClick = _a.closeOnAnyClick, content = _a.content, delay = _a.delay, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, _d = _a.noArrow, noArrow = _d === void 0 ? true : _d, opaque = _a.opaque, openOnMount = _a.openOnMount, show = _a.show, targetElement = _a.targetElement, useTargetWidth = _a.useTargetWidth, listWidth = _a.listWidth, rest = __rest(_a, ["items", "component", "label", "children", "multiSelect", "buttonStyle", "listStyle", "handler", "placement", "filterable", "icon", "rightIcon", "caretPosition", "isDefaultOpen", "onItemSelect", "closeOnOutsideClick", "blur", "closeOnAnyClick", "content", "delay", "maxHeight", "maxWidth", "noArrow", "opaque", "openOnMount", "show", "targetElement", "useTargetWidth", "listWidth"]);
+    var componentProps = (0, react_1.useMemo)(function () {
+        return (__assign(__assign({}, rest), { icon: caretPosition === 'left' ? icon || 'ArrowDownSFill' : rightIcon, rightIcon: caretPosition === 'right' ? icon || 'ArrowDownSFill' : rightIcon, style: buttonStyle, disabled: !(0, lodash_1.size)(items), className: "".concat((rest === null || rest === void 0 ? void 0 : rest.className) || '', " reqore-dropdown-control") }));
+    }, [items, icon, rightIcon, buttonStyle, caretPosition, rest]);
+    var popoverContent = (0, react_1.useMemo)(function () {
+        return (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsx)(list_1["default"], { multiSelect: multiSelect, listStyle: listStyle, width: useTargetWidth ? '100%' : listWidth, items: items, filterable: filterable, onItemSelect: onItemSelect })) : undefined;
+    }, [items]);
+    return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ closeOnOutsideClick: closeOnOutsideClick, blur: blur, closeOnAnyClick: closeOnAnyClick, delay: delay, maxHeight: maxHeight, maxWidth: maxWidth, noArrow: noArrow, opaque: opaque, useTargetWidth: useTargetWidth, component: component || Button_1["default"], componentProps: componentProps, noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', openOnMount: isDefaultOpen, content: popoverContent }, { children: children || label })));
+}
+exports["default"] = (0, react_1.memo)(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;AAGtC,qDAA6D;AAE7D,gDAAwC;AAmBxC,IAAM,cAAc,GAAG,UAAyC,EAiBtC;IAhBxB,IAAA,KAAK,WAAA,EACL,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,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,EACtB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EAClB,IAAI,cAhBuD,qMAiB/D,CADQ;IAEP,OAAO,CACL,uBAAC,iBAAa,eACR,IAAI,IACR,SAAS,EAAE,SAAS,IAAI,mBAAY,EACpC,cAAc,EACZ,6BACE,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,IAAI,GACH,CAAC,cAAc,IAAI,EAAE,CAAY,KACrC,SAAS,EAAE,UAAG,CAAC,cAAsB,aAAtB,cAAc,uBAAd,cAAc,CAAU,SAAS,KAAI,EAAE,6BAA0B,GAC5E,EAER,SAAS,QACT,SAAS,EAAE,SAAS,IAAI,cAAc,EACtC,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,WAAW,EAAE,aAAa,EAC1B,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,GACtB,CACH,CAAC,CAAC,CAAC,SAAS,EAEf,OAAO,sBAEN,QAAQ,IAAI,KAAK,IACJ,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;AAC9B,+BAA6C;AAC7C,2BAAsC;AAGtC,qDAA6D;AAC7D,gDAAuF;AAmBvF,SAAS,cAAc,CAAyC,EA+BrC;IA9BzB,IAAA,KAAK,WAAA,EACL,SAAS,eAAA,EACT,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,EACtB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,YAAY,kBAAA,EACZ,mBAAmB,yBAAA,EACnB,IAAI,UAAA,EACJ,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,SAAS,eAAA,EACN,IAAI,cA9BuD,8XA+B/D,CADQ;IAEP,IAAM,cAAc,GAAG,IAAA,eAAO,EAC5B;QACE,OAAA,CAAC,sBACI,IAAI,KACP,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,EACtB,SAAS,EAAE,UAAG,CAAC,IAAY,aAAZ,IAAI,uBAAJ,IAAI,CAAU,SAAS,KAAI,EAAE,6BAA0B,GACjE,CAAA;IAPP,CAOO,EACT,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,IAAI,CAAC,CAC3D,CAAC;IAEF,IAAM,cAAc,GAAG,IAAA,eAAO,EAAC;QAC7B,OAAO,IAAA,aAAI,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,uBAAC,iBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,GAC1B,CACH,CAAC,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,uBAAC,iBAAa,aACZ,mBAAmB,EAAE,mBAAmB,EACxC,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,IAAI,mBAAY,EACpC,cAAc,EAAE,cAAc,EAC9B,SAAS,QACT,SAAS,EAAE,SAAS,IAAI,cAAc,EACtC,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,WAAW,EAAE,aAAa,EAC1B,OAAO,EAAE,cAAc,gBAEtB,QAAQ,IAAI,KAAK,IACJ,CACjB,CAAC;AACJ,CAAC;AAED,qBAAe,IAAA,YAAI,EAAC,cAAc,CAA0B,CAAC"}

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { IReqoreMenuDividerProps } from '../Menu/divider';
-import { IReqoreMenuItemProps } from '../Menu/item';
-export interface IReqoreDropdownItemProps extends IReqoreMenuItemProps {
+import { IReqoreDropdownItem } from './list';
+export interface IReqoreDropdownItemProps extends Omit<IReqoreDropdownItem, 'value' | 'onClick'> {
 }
 export declare const ReqoreDropdownItem: ({ children, ...rest }: IReqoreDropdownItemProps) => JSX.Element;
 export interface IReqoreDropdownDividerProps extends IReqoreMenuDividerProps {

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

@@ -1 +1 @@
-{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/item.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,WAAW,wBAAyB,SAAQ,oBAAoB;CAAG;AAEzE,eAAO,MAAM,kBAAkB,0BAG5B,wBAAwB,gBAI1B,CAAC;AAEF,MAAM,WAAW,2BAA4B,SAAQ,uBAAuB;CAAG;AAE/E,eAAO,MAAM,qBAAqB,UAAW,2BAA2B,gBAEvE,CAAC"}
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/item.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,QAAQ,CAAC;AAE7C,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,OAAO,GAAG,SAAS,CAAC;CAAG;AAEnG,eAAO,MAAM,kBAAkB,0BAA2B,wBAAwB,gBAIjF,CAAC;AAEF,MAAM,WAAW,2BAA4B,SAAQ,uBAAuB;CAAG;AAE/E,eAAO,MAAM,qBAAqB,UAAW,2BAA2B,gBAEvE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Dropdown/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA0D;AAMnD,IAAM,kBAAkB,GAAG,UAAC,EAGR;IAFzB,IAAA,QAAQ,cAAA,EACL,IAAI,cAF0B,YAGlC,CADQ;IACuB,OAAA,CAC9B,uBAAC,kBAAc,eAAK,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,gBACzE,QAAQ,IACM,CAClB,CAAA;CAAA,CAAC;AAPW,QAAA,kBAAkB,sBAO7B;AAIK,IAAM,qBAAqB,GAAG,UAAC,KAAkC,IAAK,OAAA,CAC3E,uBAAC,qBAAiB,eAAK,KAAK,EAAI,CACjC,EAF4E,CAE5E,CAAC;AAFW,QAAA,qBAAqB,yBAEhC"}
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Dropdown/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA0D;AAMnD,IAAM,kBAAkB,GAAG,UAAC,EAA+C;IAA7C,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAnB,YAAqB,CAAF;IAAiC,OAAA,CACrF,uBAAC,kBAAc,eAAK,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,gBACzE,QAAQ,IACM,CAClB,CAAA;CAAA,CAAC;AAJW,QAAA,kBAAkB,sBAI7B;AAIK,IAAM,qBAAqB,GAAG,UAAC,KAAkC,IAAK,OAAA,CAC3E,uBAAC,qBAAiB,eAAK,KAAK,EAAI,CACjC,EAF4E,CAE5E,CAAC;AAFW,QAAA,qBAAqB,yBAEhC"}

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

@@ -1,14 +1,21 @@
 import React from 'react';
 import { IReqoreComponent } from '../../types/global';
 import { IReqoreMenuItemProps } from '../Menu/item';
+export declare type TDropdownItemOnClick = (item: IReqoreDropdownItem) => void;
+export interface IReqoreDropdownItem extends Omit<IReqoreMenuItemProps, 'onClick'> {
+    value: any;
+    label?: string;
+    onClick?: TDropdownItemOnClick;
+}
 export interface IReqoreDropdownListProps extends IReqoreComponent {
-    items?: IReqoreMenuItemProps[];
+    items?: IReqoreDropdownItem[];
     multiSelect?: boolean;
     listStyle?: React.CSSProperties;
     width?: string;
     height?: string;
     filterable?: boolean;
+    onItemSelect?: TDropdownItemOnClick;
 }
-declare const ReqoreDropdownList: ({ items, multiSelect, listStyle, _popoverId, filterable, width, height, }: IReqoreDropdownListProps) => JSX.Element;
+declare const ReqoreDropdownList: React.MemoExoticComponent<({ items, multiSelect, listStyle, _popoverId, filterable, width, height, onItemSelect, }: IReqoreDropdownListProps) => JSX.Element>;
 export default ReqoreDropdownList;
 //# sourceMappingURL=list.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,kBAAkB,8EAQrB,wBAAwB,gBAqD1B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,OAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAGpE,oBAAY,oBAAoB,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;AACvE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;IAChF,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,oBAAoB,CAAC;CACrC;AAED,QAAA,MAAM,kBAAkB,sHAUnB,wBAAwB,iBAqE5B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/Dropdown/list.js

@@ -20,8 +20,8 @@ var Input_1 = __importDefault(require("../Input"));
 var Menu_1 = __importDefault(require("../Menu"));
 var item_1 = __importDefault(require("../Menu/item"));
 var Spacer_1 = require("../Spacer");
-var ReqoreDropdownList = function (_a) {
-    var items = _a.items, multiSelect = _a.multiSelect, listStyle = _a.listStyle, _popoverId = _a._popoverId, filterable = _a.filterable, width = _a.width, height = _a.height;
+var ReqoreDropdownList = (0, react_1.memo)(function (_a) {
+    var items = _a.items, multiSelect = _a.multiSelect, listStyle = _a.listStyle, _popoverId = _a._popoverId, filterable = _a.filterable, width = _a.width, height = _a.height, onItemSelect = _a.onItemSelect;
     var _b = (0, react_1.useState)(items), _items = _b[0], setItems = _b[1];
     var _c = (0, react_1.useState)(''), query = _c[0], setQuery = _c[1];
     (0, react_1.useEffect)(function () {
@@ -32,7 +32,7 @@ var ReqoreDropdownList = function (_a) {
             return _items;
         }
         return _items.filter(function (item) {
-            var text = item.label || item.children;
+            var text = item.label || item.value || item.children;
             if (!text) {
                 return false;
             }
@@ -42,7 +42,15 @@ var ReqoreDropdownList = function (_a) {
     var handleQueryChange = function (event) {
         setQuery(event.target.value);
     };
-    return ((0, jsx_runtime_1.jsxs)(Menu_1["default"], __assign({ _insidePopover: !multiSelect, _popoverId: _popoverId, style: listStyle, width: width, maxHeight: height || '300px' }, { children: [filterable && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Input_1["default"], { value: query, onChange: handleQueryChange, placeholder: 'Filter', autoFocus: true, onClearClick: function () { return setQuery(''); } }), (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { height: 10 })] })), filteredItems.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(item_1["default"], __assign({}, item, { rightIcon: item.selected ? 'CheckLine' : undefined }), index)); })] })));
-};
+    var handleItemClick = function (item) {
+        if (item.onClick) {
+            item.onClick(item);
+        }
+        if (onItemSelect) {
+            onItemSelect(item);
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(Menu_1["default"], __assign({ _insidePopover: !multiSelect, _popoverId: _popoverId, style: listStyle, width: width, maxHeight: height || '300px' }, { children: [filterable && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Input_1["default"], { value: query, onChange: handleQueryChange, placeholder: 'Filter', onClearClick: function () { return setQuery(''); } }), (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreSpacer, { height: 10 })] })), filteredItems.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(item_1["default"], __assign({}, item, { label: item.label || item.value, onClick: function () { return handleItemClick(item); }, rightIcon: item.selected ? 'CheckLine' : undefined }), index)); })] })));
+});
 exports["default"] = ReqoreDropdownList;
 //# sourceMappingURL=list.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAA4D;AAE5D,mDAAmC;AACnC,iDAAiC;AACjC,sDAAoE;AACpE,oCAAyC;AAWzC,IAAM,kBAAkB,GAAG,UAAC,EAQD;QAPzB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,MAAM,YAAA;IAEA,IAAA,KAAqB,IAAA,gBAAQ,EAAyB,KAAK,CAAC,EAA3D,MAAM,QAAA,EAAE,QAAQ,QAA2C,CAAC;IAC7D,IAAA,KAAoB,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAAvC,KAAK,QAAA,EAAE,QAAQ,QAAwB,CAAC;IAE/C,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,aAAa,GAA2B,IAAA,eAAO,EAAC;QACpD,IAAI,CAAC,UAAU,IAAI,KAAK,KAAK,EAAE,EAAE;YAC/B,OAAO,MAAM,CAAC;SACf;QAED,OAAO,MAAM,CAAC,MAAM,CAAC,UAAC,IAAI;YACxB,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC;YAEzC,IAAI,CAAC,IAAI,EAAE;gBACT,OAAO,KAAK,CAAC;aACd;YAED,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,IAAM,iBAAiB,GAAG,UAAC,KAA0C;QACnE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,iBAAU,aACT,cAAc,EAAE,CAAC,WAAW,EAC5B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,IAAI,OAAO,iBAE3B,UAAU,IAAI,CACb,6DACE,uBAAC,kBAAW,IACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAC,QAAQ,EACpB,SAAS,QACT,YAAY,EAAE,cAAM,OAAA,QAAQ,CAAC,EAAE,CAAC,EAAZ,CAAY,GAChC,EACF,uBAAC,qBAAY,IAAC,MAAM,EAAE,EAAE,GAAI,IAC3B,CACJ,EACA,aAAa,CAAC,GAAG,CAAC,UAAC,IAA0B,EAAE,KAAa,IAAK,OAAA,CAChE,uBAAC,iBAAc,eAAiB,IAAI,IAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,KAAnE,KAAK,CAAkE,CAC7F,EAFiE,CAEjE,CAAC,KACS,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAAkE;AAElE,mDAAmC;AACnC,iDAAiC;AACjC,sDAAoE;AACpE,oCAAyC;AAmBzC,IAAM,kBAAkB,GAAG,IAAA,YAAI,EAC7B,UAAC,EAS0B;QARzB,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,MAAM,YAAA,EACN,YAAY,kBAAA;IAEN,IAAA,KAAqB,IAAA,gBAAQ,EAAwB,KAAK,CAAC,EAA1D,MAAM,QAAA,EAAE,QAAQ,QAA0C,CAAC;IAC5D,IAAA,KAAoB,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAAvC,KAAK,QAAA,EAAE,QAAQ,QAAwB,CAAC;IAE/C,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAM,aAAa,GAA0B,IAAA,eAAO,EAAC;QACnD,IAAI,CAAC,UAAU,IAAI,KAAK,KAAK,EAAE,EAAE;YAC/B,OAAO,MAAM,CAAC;SACf;QAED,OAAO,MAAM,CAAC,MAAM,CAAC,UAAC,IAAI;YACxB,IAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC;YAEvD,IAAI,CAAC,IAAI,EAAE;gBACT,OAAO,KAAK,CAAC;aACd;YAED,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAE3B,IAAM,iBAAiB,GAAG,UAAC,KAA0C;QACnE,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,IAAyB;QAChD,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SACpB;QAED,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,iBAAU,aACT,cAAc,EAAE,CAAC,WAAW,EAC5B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,IAAI,OAAO,iBAE3B,UAAU,IAAI,CACb,6DACE,uBAAC,kBAAW,IACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,WAAW,EAAC,QAAQ,EACpB,YAAY,EAAE,cAAM,OAAA,QAAQ,CAAC,EAAE,CAAC,EAAZ,CAAY,GAChC,EACF,uBAAC,qBAAY,IAAC,MAAM,EAAE,EAAE,GAAI,IAC3B,CACJ,EACA,aAAa,CAAC,GAAG,CAAC,UAAC,IAAyB,EAAE,KAAa,IAAK,OAAA,CAC/D,uBAAC,iBAAc,eAET,IAAI,IACR,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAC/B,OAAO,EAAE,cAAM,OAAA,eAAe,CAAC,IAAI,CAAC,EAArB,CAAqB,EACpC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,KAJ7C,KAAK,CAKV,CACH,EARgE,CAQhE,CAAC,KACS,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { TSizes } from '../../constants/sizes';
+export interface IReqoreEffect {
+    gradient?: {
+        type?: 'linear' | 'radial';
+        shape?: 'circle' | 'ellipse';
+        colors: {
+            [key: number]: string;
+        };
+        direction?: string;
+    };
+    noWrap?: boolean;
+    color?: string;
+    spaced?: number;
+    weight?: number | 'thin' | 'light' | 'normal' | 'bold' | 'thick';
+    uppercase?: boolean;
+    textSize?: TSizes;
+    textAlign?: 'left' | 'center' | 'right';
+}
+export interface IReqoreTextEffectProps extends React.HTMLAttributes<HTMLSpanElement> {
+    children: React.ReactNode;
+    effect: IReqoreEffect;
+    as?: React.ElementType;
+}
+export declare const StyledEffect: any;
+export declare const StyledTextEffect: any;
+export declare const ReqoreEffect: ({ children, ...rest }: IReqoreTextEffectProps) => JSX.Element;
+export declare const ReqoreTextEffect: ({ children, ...rest }: IReqoreTextEffectProps) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Effect/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAkB,MAAM,EAAoB,MAAM,uBAAuB,CAAC;AAEjF,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;QAC3B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC7B,MAAM,EAAE;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE,CAAC;QAClC,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACzC;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACnF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,aAAa,CAAC;IACtB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,KAgFxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAS5B,CAAC;AAEF,eAAO,MAAM,YAAY,0BAA2B,sBAAsB,gBAMzE,CAAC;AAEF,eAAO,MAAM,gBAAgB,0BAA2B,sBAAsB,gBAM7E,CAAC"}

package/dist/components/Effect/index.js

@@ -0,0 +1,117 @@
+"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;
+};
+exports.__esModule = true;
+exports.ReqoreTextEffect = exports.ReqoreEffect = exports.StyledTextEffect = exports.StyledEffect = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var lodash_1 = require("lodash");
+var styled_components_1 = __importStar(require("styled-components"));
+var sizes_1 = require("../../constants/sizes");
+exports.StyledEffect = styled_components_1["default"].span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  // If gradient was supplied\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  // If gradient was supplied\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
+    var effect = _a.effect;
+    if (!effect || !effect.gradient) {
+        return undefined;
+    }
+    var gradientType = effect.gradient.type || 'linear';
+    var gradientColors = (0, lodash_1.reduce)(effect.gradient.colors, function (colorsString, color, percentage) { return "".concat(colorsString, ", ").concat(color, " ").concat(percentage, "%"); }, '');
+    var gradientDirectionOrShape = gradientType === 'linear'
+        ? effect.gradient.direction || 'to right'
+        : effect.gradient.shape || 'circle';
+    var gradient = "".concat(gradientType, "-gradient(").concat(gradientDirectionOrShape).concat(gradientColors, ")");
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-image: ", ";\n    "], ["\n      background-image: ", ";\n    "])), gradient);
+}, function (_a) {
+    var effect = _a.effect;
+    return effect && effect.spaced
+        ? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          letter-spacing: ", "px;\n        "], ["\n          letter-spacing: ", "px;\n        "])), effect.spaced) : undefined;
+}, function (_a) {
+    var effect = _a.effect;
+    return effect && effect.uppercase
+        ? (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          text-transform: uppercase;\n        "], ["\n          text-transform: uppercase;\n        "]))) : undefined;
+}, function (_a) {
+    var effect = _a.effect;
+    if (!effect || !effect.weight) {
+        return undefined;
+    }
+    var weight = typeof effect.weight === 'number' ? effect.weight : sizes_1.WEIGHT_TO_NUMBER[effect.weight];
+    return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      font-weight: ", " !important;\n    "], ["\n      font-weight: ", " !important;\n    "])), weight);
+}, function (_a) {
+    var effect = _a.effect;
+    return effect && effect.noWrap
+        ? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          overflow: hidden;\n        "], ["\n          white-space: nowrap;\n          text-overflow: ellipsis;\n          overflow: hidden;\n        "]))) : undefined;
+}, function (_a) {
+    var effect = _a.effect;
+    return effect && effect.color
+        ? (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          color: ", " !important;\n        "], ["\n          color: ", " !important;\n        "])), effect.color) : undefined;
+}, function (_a) {
+    var effect = _a.effect;
+    return effect && effect.textSize
+        ? (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n          font-size: ", "px !important;\n        "], ["\n          font-size: ", "px !important;\n        "])), sizes_1.TEXT_FROM_SIZE[effect.textSize]) : undefined;
+}, function (_a) {
+    var effect = _a.effect;
+    return effect && effect.textAlign
+        ? (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n          text-align: ", ";\n        "], ["\n          text-align: ", ";\n        "])), effect.textAlign) : undefined;
+});
+exports.StyledTextEffect = (0, styled_components_1["default"])(exports.StyledEffect)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+    var effect = _a.effect;
+    return effect && effect.gradient
+        ? (0, styled_components_1.css)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n          display: inline-block;\n          -webkit-background-clip: text;\n          -webkit-text-fill-color: transparent;\n        "], ["\n          display: inline-block;\n          -webkit-background-clip: text;\n          -webkit-text-fill-color: transparent;\n        "]))) : undefined;
+});
+var ReqoreEffect = function (_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    return ((0, jsx_runtime_1.jsx)(exports.StyledEffect, __assign({ className: 'reqore-effect' }, rest, { children: children })));
+};
+exports.ReqoreEffect = ReqoreEffect;
+var ReqoreTextEffect = function (_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    return ((0, jsx_runtime_1.jsx)(exports.StyledTextEffect, __assign({ className: 'reqore-text-effect' }, rest, { children: children })));
+};
+exports.ReqoreTextEffect = ReqoreTextEffect;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,13 +1,19 @@
 /// <reference types="react" />
 import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
-export interface IReqoreHeaderStyle extends React.HTMLAttributes<HTMLHeadingElement> {
-    theme: IReqoreTheme;
+import { IWithReqoreEffect } from '../../types/global';
+export interface IReqoreHeadingProps extends IWithReqoreEffect, React.HTMLAttributes<HTMLHeadingElement> {
     intent?: TReqoreIntent;
+    size?: 1 | 2 | 3 | 4 | 5 | 6;
+}
+export interface IReqoreHeadingStyle extends IReqoreHeadingProps {
+    theme: IReqoreTheme;
 }
-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'>>;
+export declare const StyledHeader: any;
+export declare const ReqoreHeading: ({ size, children, ...props }: IReqoreHeadingProps) => JSX.Element;
+export declare const ReqoreH1: (props: IReqoreHeadingProps) => JSX.Element;
+export declare const ReqoreH2: (props: IReqoreHeadingProps) => JSX.Element;
+export declare const ReqoreH3: (props: IReqoreHeadingProps) => JSX.Element;
+export declare const ReqoreH4: (props: IReqoreHeadingProps) => JSX.Element;
+export declare const ReqoreH5: (props: IReqoreHeadingProps) => JSX.Element;
+export declare const ReqoreH6: (props: IReqoreHeadingProps) => JSX.Element;
 //# 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,YAAY,EAAE,aAAa,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;AAQD,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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAGvD,MAAM,WAAW,mBACf,SAAQ,iBAAiB,EACvB,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAC1C,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,mBAAoB,SAAQ,mBAAmB;IAC9D,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,YAAY,KAKxB,CAAC;AAEF,eAAO,MAAM,aAAa,iCAAkC,mBAAmB,gBAU9E,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,mBAAmB,gBAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,UAAW,mBAAmB,gBAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,UAAW,mBAAmB,gBAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,UAAW,mBAAmB,gBAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,UAAW,mBAAmB,gBAA0C,CAAC;AAC9F,eAAO,MAAM,QAAQ,UAAW,mBAAmB,gBAA0C,CAAC"}

package/dist/components/Header/index.js

@@ -3,42 +3,61 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     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;
+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.ReqoreH6 = exports.ReqoreH5 = exports.ReqoreH4 = exports.ReqoreH3 = exports.ReqoreH2 = exports.ReqoreH1 = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
+exports.ReqoreH6 = exports.ReqoreH5 = exports.ReqoreH4 = exports.ReqoreH3 = exports.ReqoreH2 = exports.ReqoreH1 = exports.ReqoreHeading = exports.StyledHeader = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styled_components_1 = __importDefault(require("styled-components"));
 var colors_1 = require("../../helpers/colors");
-var style = function (_a) {
+var Effect_1 = require("../Effect");
+exports.StyledHeader = (0, styled_components_1["default"])(Effect_1.StyledTextEffect)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n"], ["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n"])), function (_a) {
     var theme = _a.theme, intent = _a.intent;
-    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n"], ["\n  margin: 0;\n  padding: 0;\n  color: ", ";\n"])), intent ? theme.intents[intent] : (0, colors_1.getReadableColor)(theme, undefined, undefined, true));
+    return intent ? theme.intents[intent] : (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
+});
+var ReqoreHeading = function (_a) {
+    var size = _a.size, children = _a.children, props = __rest(_a, ["size", "children"]);
+    var HTMLheaderElement = (0, react_1.useMemo)(function () {
+        return "h".concat(size);
+    }, [size]);
+    return ((0, jsx_runtime_1.jsx)(exports.StyledHeader, __assign({ as: HTMLheaderElement }, props, { children: children })));
 };
-exports.ReqoreH1 = styled_components_1["default"].h1(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) { return style(props); });
-exports.ReqoreH2 = styled_components_1["default"].h2(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) { return style(props); });
-exports.ReqoreH3 = styled_components_1["default"].h3(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) { return style(props); });
-exports.ReqoreH4 = styled_components_1["default"].h4(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) { return style(props); });
-exports.ReqoreH5 = styled_components_1["default"].h5(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) { return style(props); });
-exports.ReqoreH6 = styled_components_1["default"].h6(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), function (props) { return style(props); });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+exports.ReqoreHeading = ReqoreHeading;
+var ReqoreH1 = function (props) { return (0, jsx_runtime_1.jsx)(exports.ReqoreHeading, __assign({ size: 1 }, props)); };
+exports.ReqoreH1 = ReqoreH1;
+var ReqoreH2 = function (props) { return (0, jsx_runtime_1.jsx)(exports.ReqoreHeading, __assign({ size: 2 }, props)); };
+exports.ReqoreH2 = ReqoreH2;
+var ReqoreH3 = function (props) { return (0, jsx_runtime_1.jsx)(exports.ReqoreHeading, __assign({ size: 3 }, props)); };
+exports.ReqoreH3 = ReqoreH3;
+var ReqoreH4 = function (props) { return (0, jsx_runtime_1.jsx)(exports.ReqoreHeading, __assign({ size: 4 }, props)); };
+exports.ReqoreH4 = ReqoreH4;
+var ReqoreH5 = function (props) { return (0, jsx_runtime_1.jsx)(exports.ReqoreHeading, __assign({ size: 5 }, props)); };
+exports.ReqoreH5 = ReqoreH5;
+var ReqoreH6 = function (props) { return (0, jsx_runtime_1.jsx)(exports.ReqoreHeading, __assign({ size: 6 }, props)); };
+exports.ReqoreH6 = ReqoreH6;
+var templateObject_1;
 //# sourceMappingURL=index.js.map

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,qHAAA,0CAGjD,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;AAHtC,CAIxD,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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAChC,wEAAuC;AAEvC,+CAAwD;AAExD,oCAA6C;AAahC,QAAA,YAAY,GAAG,IAAA,8BAAM,EAAC,yBAAgB,CAAC,oHAAA,0CAGzC,EAC6E,KACvF,KAFU,UAAC,EAAiB;QAAf,KAAK,WAAA,EAAE,MAAM,YAAA;IACvB,OAAA,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAApF,CAAoF,EACtF;AAEK,IAAM,aAAa,GAAG,UAAC,EAAiD;IAA/C,IAAA,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA1B,oBAA4B,CAAF;IACtD,IAAM,iBAAiB,GAAG,IAAA,eAAO,EAAC;QAChC,OAAO,WAAI,IAAI,CAA6C,CAAC;IAC/D,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,uBAAC,oBAAY,aAAC,EAAE,EAAE,iBAAiB,IAAM,KAAK,cAC3C,QAAQ,IACI,CAChB,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,aAAa,iBAUxB;AAEK,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AACvF,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AACvF,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AACvF,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AACvF,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE;AACvF,IAAM,QAAQ,GAAG,UAAC,KAA0B,IAAK,OAAA,uBAAC,qBAAa,aAAC,IAAI,EAAE,CAAC,IAAM,KAAK,EAAI,EAArC,CAAqC,CAAC;AAAjF,QAAA,QAAQ,YAAyE"}

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

@@ -1,9 +1,9 @@
 import React from 'react';
 import { TSizes } from '../../constants/sizes';
 import { IReqoreTheme } from '../../constants/theme';
-import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreCustomTheme } from '../../types/global';
+import { IReqoreDisabled, IReqoreIntent, IReqoreReadOnly, IWithReqoreCustomTheme, IWithReqoreEffect } from '../../types/global';
 import { IReqoreIconName } from '../../types/icons';
-export interface IReqoreInputProps extends React.HTMLAttributes<HTMLInputElement>, IReqoreDisabled, IReqoreReadOnly, IReqoreIntent, IWithReqoreCustomTheme {
+export interface IReqoreInputProps extends React.HTMLAttributes<HTMLInputElement>, IReqoreDisabled, IReqoreReadOnly, IReqoreIntent, IWithReqoreCustomTheme, IWithReqoreEffect {
     autoFocus?: boolean;
     tooltip?: string;
     width?: number;
@@ -17,6 +17,7 @@ export interface IReqoreInputProps extends React.HTMLAttributes<HTMLInputElement
     icon?: IReqoreIconName;
     flat?: boolean;
     rounded?: boolean;
+    type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url';
 }
 export interface IReqoreInputStyle extends IReqoreInputProps {
     theme: IReqoreTheme;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAgD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC5C,eAAe,EACf,eAAe,EACf,aAAa,EACb,sBAAsB;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,KAS9B,CAAC;AAWF,eAAO,MAAM,WAAW,KAyDvB,CAAC;AAEF,QAAA,MAAM,WAAW,mFAoEhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAgD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC7F,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAMrD,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC5C,eAAe,EACf,eAAe,EACf,aAAa,EACb,sBAAsB,EACtB,iBAAiB;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;CACjE;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,KAS9B,CAAC;AAWF,eAAO,MAAM,WAAW,KA4DvB,CAAC;AAEF,QAAA,MAAM,WAAW,mFAqEhB,CAAC;AAEF,eAAe,WAAW,CAAC"}