colibri-ui 0.7.142 → 0.7.143

package/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/Button/index.js

@@ -14,7 +14,7 @@ var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var styles__default = /*#__PURE__*/_interopDefault(styles);
 
 var clx = classNames__default.default.bind(styles__default.default);
-var Button = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Button = function Button(_a) {
   var _b;
   var className = _a.className,
     _c = _a.fullWidth,
@@ -29,7 +29,8 @@ var Button = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     disabled = _a.disabled,
     onClick = _a.onClick,
     type = _a.type,
-    props = tslib.__rest(_a, ["className", "fullWidth", "variant", "iconStart", "iconEnd", "icon", "size", "children", "disabled", "onClick", "type"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["className", "fullWidth", "variant", "iconStart", "iconEnd", "icon", "size", "children", "disabled", "onClick", "type", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("button", tslib.__assign({
     onClick: onClick,
     ref: ref,
@@ -50,6 +51,6 @@ var Button = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, children), iconEnd && /*#__PURE__*/React__default.default.createElement("span", {
     className: clx(styles__default.default.icon)
   }, iconEnd));
-});
+};
 
 exports.default = Button;

package/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/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/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/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/Icons/ArrowNext.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var ArrowNext = /*#__PURE__*/React.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 = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     ref: ref,
     fill: "none",

package/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/Icons/Cart.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Cart = /*#__PURE__*/React.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 = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     focusable: "false",

package/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/Icons/Check.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Check = /*#__PURE__*/React.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 = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,

package/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/Icons/Chevron.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Chevron = /*#__PURE__*/React.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 = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,

package/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/Icons/Close.js

@@ -9,12 +9,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var CloseIcon = /*#__PURE__*/React.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 = tslib.__rest(_a, ["width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",

package/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/Icons/CrossFill.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var CrossFill = /*#__PURE__*/React.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 = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,

package/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/Icons/Edit.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Edit = /*#__PURE__*/React.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 = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,

package/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/Icons/Exit.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Exit = /*#__PURE__*/React.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 = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,

package/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/Icons/EyeClosed.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var EyeClosed = /*#__PURE__*/React.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 = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,

package/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/Icons/EyeOpen.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var EyeOpen = /*#__PURE__*/React.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 = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,

package/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;

package/Icons/Help.js

@@ -9,12 +9,13 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Help = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Help = (function (_a) {
   var _b = _a.width,
     width = _b === void 0 ? 24 : _b,
     _c = _a.height,
     height = _c === void 0 ? 24 : _c,
-    props = tslib.__rest(_a, ["width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,

package/Icons/Info.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/Icons/Info.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Info = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Info = (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 = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     width: width,
     height: height,

package/Icons/Minus.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/Icons/Minus.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var MinusIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var MinusIcon = (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 = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     width: width,
     height: height,

package/Icons/More.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/Icons/More.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var More = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var More = (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 = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: fill,

package/Icons/Plus.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/Icons/Plus.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var PlusIcon = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var PlusIcon = (function (_a) {
   var _b = _a.fill,
     fill = _b === void 0 ? "currentColor" : _b,
     _c = _a.width,
     width = _c === void 0 ? 18 : _c,
     _d = _a.height,
     height = _d === void 0 ? 18 : _d,
-    props = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,

package/Icons/Setting.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/Icons/Setting.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Setting = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Setting = (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 = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({}, props, {
     ref: ref,
     xmlns: "http://www.w3.org/2000/svg",

package/Icons/Trash.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/Icons/Trash.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var Trash = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var Trash = (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 = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",

package/Icons/User.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/Icons/User.js

@@ -9,14 +9,15 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var User = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var User = (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 = tslib.__rest(_a, ["fill", "width", "height"]);
+    ref = _a.ref,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
   return /*#__PURE__*/React__default.default.createElement("svg", tslib.__assign({
     xmlns: "http://www.w3.org/2000/svg",
     width: width,

package/Icons/index.props.d.ts

@@ -3,4 +3,5 @@ export interface Props extends HTMLAttributes<SVGElement> {
     width?: number;
     height?: number;
     fill?: string;
+    ref?: React.Ref<SVGSVGElement>;
 }

package/InputRadio/InputRadio.module.css

@@ -50,6 +50,22 @@
   padding: 0;
   position: absolute;
 }
+.input_checked + .icon {
+  background-color: var(--palette-black);
+  border: 4px solid var(--input-radio-bg-checked);
+}
+.input_disabled + .icon {
+  border-radius: 50%;
+}
+.input_disabled + .icon::after {
+  background-color: rgba(246, 246, 246, 0.8);
+  border-radius: 50%;
+  content: "";
+  display: block;
+  inset: 0;
+  margin: -1px;
+  position: absolute;
+}
 .input:not(.input_disabled, .input_error):hover + .icon {
   border-color: var(--input-radio-bg-hovered);
 }
@@ -68,22 +84,6 @@
   background-color: var(--palette-black);
   border: 4px solid var(--input-radio-bg-checked);
 }
-.input_checked + .icon {
-  background-color: var(--palette-black);
-  border: 4px solid var(--input-radio-bg-checked);
-}
-.input_disabled + .icon {
-  border-radius: 50%;
-}
-.input_disabled + .icon::after {
-  background-color: rgba(246, 246, 246, 0.8);
-  border-radius: 50%;
-  content: "";
-  display: block;
-  inset: 0;
-  margin: -1px;
-  position: absolute;
-}
 .input_checked:disabled + .icon::after {
   margin: -4px;
 }