colibri-ui 0.7.142 → 0.7.143

package/Menu/components/MenuItem/index.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
+import type { PropsWithChildren } from "react";
 import type { MenuItemProps } from "./index.props";
-declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLLIElement>>;
+declare const MenuItem: ({ className, isSelected, variant, disabled, onClick, children, ref, }: PropsWithChildren<MenuItemProps>) => React.JSX.Element;
 export default MenuItem;

package/Menu/components/MenuItem/index.js

@@ -13,7 +13,7 @@ var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
 var clx = classNames__default.default.bind(styles__default.default);
-var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var MenuItem = function MenuItem(_a) {
   var _b;
   var className = _a.className,
     isSelected = _a.isSelected,
@@ -21,7 +21,8 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     variant = _c === void 0 ? "primary" : _c,
     disabled = _a.disabled,
     onClick = _a.onClick,
-    children = _a.children;
+    children = _a.children,
+    ref = _a.ref;
   return /*#__PURE__*/React__default.default.createElement("li", {
     ref: ref,
     style: {
@@ -33,6 +34,6 @@ var MenuItem = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     }, _b["item_variant_".concat(variant)] = !!variant, _b), className),
     onClick: onClick
   }, children);
-});
+};
 
 exports.default = MenuItem;

package/Menu/components/MenuItem/index.props.d.ts

@@ -6,4 +6,5 @@ export interface MenuItemProps {
     onClick?: (e: MouseEvent) => void;
     variant?: MenuVariant;
     disabled?: boolean;
+    ref?: React.Ref<HTMLLIElement>;
 }

package/RadioGroup/RadioGroup.module.css

@@ -1,3 +1,8 @@
+.radio {
+  line-height: 16px;
+  margin-inline-end: 20px;
+}
+
 .group {
   display: inline-flex;
 }
@@ -12,6 +17,7 @@
 }
 .group_wrapped {
   flex-wrap: wrap;
+  /* stylelint-disable-next-line no-descending-specificity */
 }
 .group_wrapped .radio {
   inline-size: 100%;
@@ -22,9 +28,4 @@
 }
 .group_wrapped .radio:last-child {
   margin-block-end: 0;
-}
-
-.radio {
-  line-height: 16px;
-  margin-inline-end: 20px;
 }

package/RadioGroup/index.d.ts

@@ -12,7 +12,7 @@ export interface Option {
     className?: string;
     disabled?: boolean;
 }
-interface Props {
+export interface RadioGroupProps {
     val?: string | number;
     options: Option[];
     onChange: (value: string) => void;
@@ -22,5 +22,5 @@ interface Props {
     className?: string;
     disabled?: boolean;
 }
-declare const RadioGroup: FC<Props>;
+declare const RadioGroup: FC<RadioGroupProps>;
 export default RadioGroup;

package/RadioGroup/index.js

@@ -28,8 +28,8 @@ var RadioGroup = /*#__PURE__*/React.memo(function (_a) {
     disabled = _d === void 0 ? false : _d;
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clx(styles__default.default.group, {
-      column: column,
-      wrapped: wrapped
+      group_column: !!column,
+      group_wrapped: !!wrapped
     }, className)
   }, options.map(function (option) {
     var id = option.id,

package/TabsPanes/index.js

@@ -24,9 +24,7 @@ var TabsPanes = function TabsPanes(_a) {
     }
     return pane.id === activePane ? pane : null;
   }, null);
-  var _b = currentPane || {},
-    id = _b.id,
-    paneProps = tslib.__rest(_b, ["id"]);
+  var paneProps = tslib.__rest(currentPane || {}, []);
   return /*#__PURE__*/React__default.default.createElement("div", tslib.__assign({}, props, {
     ref: innerRef,
     role: "menutabpanes",

package/base/BaseInput/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const BaseInput: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+declare const BaseInput: ({ className, onChange, ref, ...props }: Props) => React.JSX.Element;
 export default BaseInput;

package/base/BaseInput/index.js

@@ -13,10 +13,11 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
-var BaseInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var BaseInput = function BaseInput(_a) {
   var className = _a.className,
     onChange = _a.onChange,
-    props = tslib.__rest(_a, ["className", "onChange"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["className", "onChange", "ref"]);
   var onChangeHandler = function onChangeHandler(e) {
     if (onChange) onChange(e, e.target.value);
   };
@@ -25,6 +26,6 @@ var BaseInput = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     onChange: onChangeHandler,
     ref: ref
   }, props));
-});
+};
 
 exports.default = BaseInput;

package/base/BaseInput/index.props.d.ts

@@ -1,4 +1,5 @@
 import type { ChangeEvent, InputHTMLAttributes } from "react";
 export interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange"> {
     onChange?: (e: ChangeEvent<HTMLInputElement>, value: string) => void;
+    ref?: React.Ref<HTMLInputElement>;
 }

package/base/FormField/index.d.ts

@@ -1,6 +1,4 @@
 import React from "react";
 import type { FormFieldProps } from "./index.props";
-declare const FormField: React.ForwardRefExoticComponent<FormFieldProps & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+declare const FormField: ({ label, hint, children, error, required, ref, className, }: FormFieldProps) => React.JSX.Element;
 export default FormField;

package/base/FormField/index.js

@@ -14,12 +14,13 @@ var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
 var clx = classNames__default.default.bind(styles__default.default);
-var FormField = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var FormField = function FormField(_a) {
   var label = _a.label,
     hint = _a.hint,
     children = _a.children,
     error = _a.error,
     required = _a.required,
+    ref = _a.ref,
     className = _a.className;
   return /*#__PURE__*/React__default.default.createElement("div", {
     className: clx(styles__default.default.container, className),
@@ -33,6 +34,6 @@ var FormField = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     variant: error ? "alert" : "secondary",
     tag: "span"
   }, hint)));
-});
+};
 
 exports.default = FormField;

package/base/FormField/index.props.d.ts

@@ -1,8 +1,10 @@
 import type { ReactNode } from "react";
-export type FormFieldProps = {
+import type { PropsWithChildren } from "react";
+export type FormFieldProps = PropsWithChildren<{
     label?: ReactNode;
     hint?: ReactNode;
     error?: boolean;
     required?: boolean;
     className?: string;
-};
+    ref?: React.Ref<HTMLDivElement>;
+}>;

package/base/InputRoot/index.d.ts

@@ -1,6 +1,4 @@
 import React from "react";
 import type { InputProps } from "./index.props";
-declare const InputRoot: React.ForwardRefExoticComponent<InputProps & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
+declare const InputRoot: ({ className, startIcon, endIcon, children, variant, disabled, error, style, size, ref, }: InputProps) => React.JSX.Element;
 export default InputRoot;

package/base/InputRoot/index.js

@@ -13,7 +13,7 @@ var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
 var clx = classNames__default.default.bind(styles__default.default);
-var InputRoot = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var InputRoot = function InputRoot(_a) {
   var _b;
   var className = _a.className,
     startIcon = _a.startIcon,
@@ -24,7 +24,8 @@ var InputRoot = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     disabled = _a.disabled,
     error = _a.error,
     style = _a.style,
-    size = _a.size;
+    size = _a.size,
+    ref = _a.ref;
   return /*#__PURE__*/React__default.default.createElement("div", {
     ref: ref,
     style: style,
@@ -36,6 +37,6 @@ var InputRoot = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, endIcon), disabled && /*#__PURE__*/React__default.default.createElement("div", {
     className: clx(styles__default.default["base-disable-wrapper"])
   }));
-});
+};
 
 exports.default = InputRoot;

package/base/InputRoot/index.props.d.ts

@@ -1,7 +1,8 @@
 import type { CSSProperties, ReactNode } from "react";
+import type { PropsWithChildren } from "react";
 export type Size = "s" | "m" | "l";
 export type Variant = "primary";
-export type InputProps = {
+export type InputProps = PropsWithChildren<{
     variant?: Variant;
     disabled: boolean;
     error?: boolean;
@@ -10,4 +11,5 @@ export type InputProps = {
     endIcon?: ReactNode;
     size?: Size;
     style?: CSSProperties;
-};
+    ref?: React.Ref<HTMLDivElement>;
+}>;

package/esm/Button/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { type ButtonProps } from "./index.props";
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: ({ className, fullWidth, variant, iconStart, iconEnd, icon, size, children, disabled, onClick, type, ref, ...props }: ButtonProps) => React.JSX.Element;
 export default Button;

package/esm/Button/index.js

@@ -1,10 +1,10 @@
 import { __rest, __assign } from 'tslib';
-import React__default, { forwardRef } from 'react';
+import React__default from 'react';
 import classNames from 'classnames/bind';
 import styles from './Button.module.css';
 
 var clx = classNames.bind(styles);
-var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
+var Button = function Button(_a) {
   var _b;
   var className = _a.className,
     _c = _a.fullWidth,
@@ -19,7 +19,8 @@ var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
     disabled = _a.disabled,
     onClick = _a.onClick,
     type = _a.type,
-    props = __rest(_a, ["className", "fullWidth", "variant", "iconStart", "iconEnd", "icon", "size", "children", "disabled", "onClick", "type"]);
+    ref = _a.ref,
+    props = __rest(_a, ["className", "fullWidth", "variant", "iconStart", "iconEnd", "icon", "size", "children", "disabled", "onClick", "type", "ref"]);
   return /*#__PURE__*/React__default.createElement("button", __assign({
     onClick: onClick,
     ref: ref,
@@ -40,6 +41,6 @@ var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
   }, children), iconEnd && /*#__PURE__*/React__default.createElement("span", {
     className: clx(styles.icon)
   }, iconEnd));
-});
+};
 
 export { Button as default };

package/esm/Button/index.props.d.ts

@@ -10,4 +10,5 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     size?: ButtonSize;
     disabled?: boolean;
     type?: "submit" | "reset" | "button" | undefined;
+    ref?: React.Ref<HTMLButtonElement>;
 }

package/esm/Calendar/index.module.css

@@ -11,6 +11,19 @@
   text-size-adjust: 100%;
 }
 
+.month-control-prev-arrow {
+  color: var(--palette-black);
+  transform: rotate(180deg);
+}
+
+.month-control-next-arrow {
+  color: var(--palette-black);
+  position: absolute;
+  right: 16px;
+  top: 16px;
+  transform: rotate(360deg);
+}
+
 .month-control {
   background: transparent;
   border: 0;
@@ -68,19 +81,6 @@
   width: 40px;
 }
 
-.month-control-prev-arrow {
-  color: var(--palette-black);
-  transform: rotate(180deg);
-}
-
-.month-control-next-arrow {
-  color: var(--palette-black);
-  position: absolute;
-  right: 16px;
-  top: 16px;
-  transform: rotate(360deg);
-}
-
 .months {
   min-height: 300px;
   position: relative;

package/esm/Checkbox/Checkbox.module.css

@@ -72,9 +72,17 @@
 .control:hover:not(:disabled) + .fake-checkbox {
   border-color: var(--palette-bg-3);
 }
+
+.control_variant_primary {
+  /* stylelint-disable-next-line no-descending-specificity */
+}
 .control_variant_primary:focus:not(:disabled) + .fake-checkbox {
   box-shadow: 0 0 0 2px var(--checkbox-box-shadow-focused);
 }
+.control_variant_primary:disabled + .fake-checkbox {
+  background-color: var(--checkbox-bg-disabled);
+  z-index: 1;
+}
 .control_variant_primary:hover:not(:disabled) + .fake-checkbox {
   background-color: var(--checkbox-bg-hovered);
 }
@@ -82,8 +90,4 @@
   background-color: var(--checkbox-bg-active);
   border-color: var(--checkbox-border-color-active);
   box-shadow: var(--checkbox-box-shadow-active);
-}
-.control_variant_primary:disabled + .fake-checkbox {
-  background-color: var(--checkbox-bg-disabled);
-  z-index: 1;
 }

package/esm/Icons/ArrowNext.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/esm/Icons/ArrowNext.js

@@ -1,14 +1,15 @@
 import { __rest, __assign } from 'tslib';
-import React__default, { forwardRef } from 'react';
+import React__default from 'react';
 
-var ArrowNext = /*#__PURE__*/forwardRef(function (_a, ref) {
+var ArrowNext = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 10 : _c,
     _d = _a.height,
     height = _d === void 0 ? 16 : _d,
-    props = __rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = __rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.createElement("svg", __assign({
     ref: ref,
     fill: "none",

package/esm/Icons/Cart.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/esm/Icons/Cart.js

@@ -1,14 +1,15 @@
 import { __rest, __assign } from 'tslib';
-import React__default, { forwardRef } from 'react';
+import React__default from 'react';
 
-var Cart = /*#__PURE__*/forwardRef(function (_a, ref) {
+var Cart = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = __rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = __rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     focusable: "false",

package/esm/Icons/Check.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/esm/Icons/Check.js

@@ -1,14 +1,15 @@
 import { __rest, __assign } from 'tslib';
-import React__default, { forwardRef } from 'react';
+import React__default from 'react';
 
-var Check = /*#__PURE__*/forwardRef(function (_a, ref) {
+var Check = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = __rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = __rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,

package/esm/Icons/Chevron.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/esm/Icons/Chevron.js

@@ -1,14 +1,15 @@
 import { __rest, __assign } from 'tslib';
-import React__default, { forwardRef } from 'react';
+import React__default from 'react';
 
-var Chevron = /*#__PURE__*/forwardRef(function (_a, ref) {
+var Chevron = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = __rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = __rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,

package/esm/Icons/Close.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/esm/Icons/Close.js

@@ -1,12 +1,13 @@
 import { __rest, __assign } from 'tslib';
-import React__default, { forwardRef } from 'react';
+import React__default from 'react';
 
-var CloseIcon = /*#__PURE__*/forwardRef(function (_a, ref) {
+var CloseIcon = (function (_a) {
   var _b = _a.width,
     width = _b === void 0 ? 24 : _b,
     _c = _a.height,
     height = _c === void 0 ? 24 : _c,
-    props = __rest(_a, ["width", "height"]);
+    ref = _a.ref,
+    props = __rest(_a, ["width", "height", "ref"]);
   return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",

package/esm/Icons/CrossFill.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/esm/Icons/CrossFill.js

@@ -1,14 +1,15 @@
 import { __rest, __assign } from 'tslib';
-import React__default, { forwardRef } from 'react';
+import React__default from 'react';
 
-var CrossFill = /*#__PURE__*/forwardRef(function (_a, ref) {
+var CrossFill = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = __rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = __rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,

package/esm/Icons/Edit.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/esm/Icons/Edit.js

@@ -1,14 +1,15 @@
 import { __rest, __assign } from 'tslib';
-import React__default, { forwardRef } from 'react';
+import React__default from 'react';
 
-var Edit = /*#__PURE__*/forwardRef(function (_a, ref) {
+var Edit = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = __rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = __rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,

package/esm/Icons/Exit.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/esm/Icons/Exit.js

@@ -1,14 +1,15 @@
 import { __rest, __assign } from 'tslib';
-import React__default, { forwardRef } from 'react';
+import React__default from 'react';
 
-var Exit = /*#__PURE__*/forwardRef(function (_a, ref) {
+var Exit = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = __rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = __rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,

package/esm/Icons/EyeClosed.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/esm/Icons/EyeClosed.js

@@ -1,14 +1,15 @@
 import { __rest, __assign } from 'tslib';
-import React__default, { forwardRef } from 'react';
+import React__default from 'react';
 
-var EyeClosed = /*#__PURE__*/forwardRef(function (_a, ref) {
+var EyeClosed = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = __rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = __rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,

package/esm/Icons/EyeOpen.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;

package/esm/Icons/EyeOpen.js

@@ -1,14 +1,15 @@
 import { __rest, __assign } from 'tslib';
-import React__default, { forwardRef } from 'react';
+import React__default from 'react';
 
-var EyeOpen = /*#__PURE__*/forwardRef(function (_a, ref) {
+var EyeOpen = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 24 : _c,
     _d = _a.height,
     height = _d === void 0 ? 24 : _d,
-    props = __rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = __rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.createElement("svg", __assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,

package/esm/Icons/Help.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import type { Props } from "./index.props";
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+declare const _default: ({ width, height, ref, ...props }: Props) => React.JSX.Element;
 export default _default;