@tecsinapse/cortex-react 1.14.1-beta.0 → 1.14.1

package/dist/cjs/components/Button.js

@@ -2,9 +2,10 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
+var React = require('react');
 
-const Button = (props) => {
-  const { variants, intent, variant, size, children, className, ref, ...rest } = props;
+const Button = React.forwardRef((props, ref) => {
+  const { variants, intent, variant, size, children, className, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
@@ -14,6 +15,6 @@ const Button = (props) => {
       children
     }
   );
-};
+});
 
 exports.Button = Button;

package/dist/cjs/components/Card.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
+var React = require('react');
 
-const Card = (props) => {
-  const { children, className, ref, ...rest } = props;
+const Card = React.forwardRef((props, ref) => {
+  const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cortexCore.card({ className }), ref, ...rest, children });
-};
+});
 
 exports.Card = Card;

package/dist/cjs/components/Checkbox.js

@@ -4,9 +4,9 @@ var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
 var React = require('react');
 
-const Checkbox = (props) => {
+const Checkbox = React.forwardRef((props, ref) => {
   const localRef = React.useRef(null);
-  const { className, indeterminate, ref, ...rest } = props;
+  const { className, indeterminate, ...rest } = props;
   const setIndeterminate = React.useCallback((value) => {
     if (localRef?.current) {
       localRef.current.indeterminate = value;
@@ -31,6 +31,6 @@ const Checkbox = (props) => {
       ...rest
     }
   );
-};
+});
 
 exports.Checkbox = Checkbox;

package/dist/cjs/components/Hint.js

@@ -2,10 +2,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
+var React = require('react');
 
-const Hint = (props) => {
-  const { children, variants, ref, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cortexCore.hint(variants), ref, ...rest, children: children ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}) });
-};
+const Hint = React.forwardRef((props, ref) => {
+  const { children, variants } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cortexCore.hint(variants), ref, children: children ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}) });
+});
 
 exports.Hint = Hint;

package/dist/cjs/components/Input/Face.js

@@ -13,8 +13,7 @@ const getValidChildren = (children) => {
 const InputFace = React.forwardRef(
   ({ children, variants, className, ...rest }, ref) => {
     const clones = getValidChildren(children).map((el) => {
-      const elProps = el.props || {};
-      return React.cloneElement(el, { ...elProps, variants });
+      return React.cloneElement(el, { ...el.props, variants });
     });
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",

package/dist/cjs/components/Modal.js

@@ -2,9 +2,10 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
+var React = require('react');
 
-const Modal = (props) => {
-  const { open, onClose, children, className, ref, ...rest } = props;
+const Modal = React.forwardRef((props, ref) => {
+  const { open, onClose, children, className, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
@@ -25,6 +26,6 @@ const Modal = (props) => {
       }
     )
   ] });
-};
+});
 
 exports.Modal = Modal;

package/dist/cjs/components/Popover/Trigger.js

@@ -13,7 +13,7 @@ const isDisabledProps = {
 };
 const PopoverTrigger = ({ children, disabled }) => {
   const { triggerProps } = Context.usePopoverContext();
-  const isDisabled = disabled ?? children?.props?.disabled;
+  const isDisabled = disabled ?? children.props?.disabled;
   return react.cloneWithProps(children, {
     ...triggerProps,
     ...isDisabled ? isDisabledProps : {}

package/dist/cjs/components/RadioButton.js

@@ -2,21 +2,24 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
+var React = require('react');
 
 const { container, input, label: labelStyle } = cortexCore.radioButtonStyles();
-const RadioButton = ({ label, reversed, id, ref, ...rest }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: container({ reversed }),
-      ref,
-      "data-testid": "radio-button-container",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", { id, type: "radio", className: input(), ...rest }),
-        label ? /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, className: labelStyle(), children: label }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {})
-      ]
-    }
-  );
-};
+const RadioButton = React.forwardRef(
+  ({ label, reversed, id, ...rest }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: container({ reversed }),
+        ref,
+        "data-testid": "radio-button-container",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("input", { id, type: "radio", className: input(), ...rest }),
+          label ? /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: id, className: labelStyle(), children: label }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {})
+        ]
+      }
+    );
+  }
+);
 
 exports.RadioButton = RadioButton;

package/dist/cjs/components/Snackbar/BaseSnackbar.js

@@ -2,10 +2,13 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
+var React = require('react');
 
-const BaseSnackbar = (props) => {
-  const { children, show, variants, ref } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: show ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cortexCore.snackbar(variants), ref, "data-testid": "snackbar", children }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}) });
-};
+const BaseSnackbar = React.forwardRef(
+  (props, ref) => {
+    const { children, show, variants } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: show ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: cortexCore.snackbar(variants), ref, "data-testid": "snackbar", children }) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}) });
+  }
+);
 
 exports.BaseSnackbar = BaseSnackbar;

package/dist/cjs/components/Tag.js

@@ -2,6 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
+var React = require('react');
 var lia = require('react-icons/lia');
 
 const Close = ({
@@ -27,8 +28,8 @@ const Label = ({
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("p", { className, ...rest, children });
 };
-const Face = (props) => {
-  const { variants, className, intent, children, style, ref, ...rest } = props;
+const Face = React.forwardRef((props, ref) => {
+  const { variants, className, intent, children, style, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -43,24 +44,26 @@ const Face = (props) => {
       children
     }
   );
-};
-const Root = (props) => {
-  const { label, variants, intent, className, onDismiss, ref, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Face,
-    {
-      ...rest,
-      variants,
-      intent,
-      className,
-      ref,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Label, { children: label }),
-        onDismiss ? /* @__PURE__ */ jsxRuntime.jsx(Close, { onClick: onDismiss }) : null
-      ]
-    }
-  );
-};
+});
+const Root = React.forwardRef(
+  (props, ref) => {
+    const { label, variants, intent, className, onDismiss, ...rest } = props;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Face,
+      {
+        ...rest,
+        variants,
+        intent,
+        className,
+        ref,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Label, { children: label }),
+          onDismiss ? /* @__PURE__ */ jsxRuntime.jsx(Close, { onClick: onDismiss }) : null
+        ]
+      }
+    );
+  }
+);
 const Tag = {
   Root,
   Close,

package/dist/cjs/components/TextArea/Face.js

@@ -9,8 +9,7 @@ var utils = require('./utils.js');
 const TextAreaFace = React.forwardRef(
   ({ children, variants, className, ...rest }, ref) => {
     const clones = utils.getValidChildren(children).map((el) => {
-      const elProps = el.props || {};
-      return React.cloneElement(el, { ...elProps, variants });
+      return React.cloneElement(el, { ...el.props, variants });
     });
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",

package/dist/cjs/components/Toggle.js

@@ -2,9 +2,9 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
+var React = require('react');
 
-const Toggle = (props) => {
-  const { ref, ...rest } = props;
+const Toggle = React.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -18,13 +18,13 @@ const Toggle = (props) => {
             className: cortexCore.styleInputElement(),
             ref,
             "data-testid": "toggle-input",
-            ...rest
+            ...props
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cortexCore.toggle() })
       ] })
     }
   );
-};
+});
 
 exports.Toggle = Toggle;

package/dist/cjs/hooks/useDebouncedState.js

@@ -3,7 +3,7 @@
 var React = require('react');
 
 function useDebouncedState(initialState, timeoutCallback, timeoutMs = 166) {
-  const timeoutId = React.useRef(void 0);
+  const timeoutId = React.useRef();
   const [state, setState] = React.useState(initialState);
   React.useEffect(() => {
     if (timeoutId.current) clearTimeout(timeoutId.current);

package/dist/esm/components/Button.js

@@ -1,8 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { button } from '@tecsinapse/cortex-core';
+import { forwardRef } from 'react';
 
-const Button = (props) => {
-  const { variants, intent, variant, size, children, className, ref, ...rest } = props;
+const Button = forwardRef((props, ref) => {
+  const { variants, intent, variant, size, children, className, ...rest } = props;
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -12,6 +13,6 @@ const Button = (props) => {
       children
     }
   );
-};
+});
 
 export { Button };

package/dist/esm/components/Card.js

@@ -1,9 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { card } from '@tecsinapse/cortex-core';
+import { forwardRef } from 'react';
 
-const Card = (props) => {
-  const { children, className, ref, ...rest } = props;
+const Card = forwardRef((props, ref) => {
+  const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsx("div", { className: card({ className }), ref, ...rest, children });
-};
+});
 
 export { Card };

package/dist/esm/components/Checkbox.js

@@ -1,10 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { checkbox } from '@tecsinapse/cortex-core';
-import { useRef, useCallback, useEffect, useImperativeHandle } from 'react';
+import { forwardRef, useRef, useCallback, useEffect, useImperativeHandle } from 'react';
 
-const Checkbox = (props) => {
+const Checkbox = forwardRef((props, ref) => {
   const localRef = useRef(null);
-  const { className, indeterminate, ref, ...rest } = props;
+  const { className, indeterminate, ...rest } = props;
   const setIndeterminate = useCallback((value) => {
     if (localRef?.current) {
       localRef.current.indeterminate = value;
@@ -29,6 +29,6 @@ const Checkbox = (props) => {
       ...rest
     }
   );
-};
+});
 
 export { Checkbox };

package/dist/esm/components/Hint.js

@@ -1,9 +1,10 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { hint } from '@tecsinapse/cortex-core';
+import { forwardRef } from 'react';
 
-const Hint = (props) => {
-  const { children, variants, ref, ...rest } = props;
-  return /* @__PURE__ */ jsx("div", { className: hint(variants), ref, ...rest, children: children ?? /* @__PURE__ */ jsx(Fragment, {}) });
-};
+const Hint = forwardRef((props, ref) => {
+  const { children, variants } = props;
+  return /* @__PURE__ */ jsx("div", { className: hint(variants), ref, children: children ?? /* @__PURE__ */ jsx(Fragment, {}) });
+});
 
 export { Hint };

package/dist/esm/components/Input/Face.js

@@ -11,8 +11,7 @@ const getValidChildren = (children) => {
 const InputFace = React.forwardRef(
   ({ children, variants, className, ...rest }, ref) => {
     const clones = getValidChildren(children).map((el) => {
-      const elProps = el.props || {};
-      return React.cloneElement(el, { ...elProps, variants });
+      return React.cloneElement(el, { ...el.props, variants });
     });
     return /* @__PURE__ */ jsx(
       "div",

package/dist/esm/components/Modal.js

@@ -1,8 +1,9 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { overlay, modal } from '@tecsinapse/cortex-core';
+import { forwardRef } from 'react';
 
-const Modal = (props) => {
-  const { open, onClose, children, className, ref, ...rest } = props;
+const Modal = forwardRef((props, ref) => {
+  const { open, onClose, children, className, ...rest } = props;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "div",
@@ -23,6 +24,6 @@ const Modal = (props) => {
       }
     )
   ] });
-};
+});
 
 export { Modal };

package/dist/esm/components/Popover/Trigger.js

@@ -11,7 +11,7 @@ const isDisabledProps = {
 };
 const PopoverTrigger = ({ children, disabled }) => {
   const { triggerProps } = usePopoverContext();
-  const isDisabled = disabled ?? children?.props?.disabled;
+  const isDisabled = disabled ?? children.props?.disabled;
   return cloneWithProps(children, {
     ...triggerProps,
     ...isDisabled ? isDisabledProps : {}

package/dist/esm/components/RadioButton.js

@@ -1,20 +1,23 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { radioButtonStyles } from '@tecsinapse/cortex-core';
+import { forwardRef } from 'react';
 
 const { container, input, label: labelStyle } = radioButtonStyles();
-const RadioButton = ({ label, reversed, id, ref, ...rest }) => {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: container({ reversed }),
-      ref,
-      "data-testid": "radio-button-container",
-      children: [
-        /* @__PURE__ */ jsx("input", { id, type: "radio", className: input(), ...rest }),
-        label ? /* @__PURE__ */ jsx("label", { htmlFor: id, className: labelStyle(), children: label }) : /* @__PURE__ */ jsx(Fragment, {})
-      ]
-    }
-  );
-};
+const RadioButton = forwardRef(
+  ({ label, reversed, id, ...rest }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: container({ reversed }),
+        ref,
+        "data-testid": "radio-button-container",
+        children: [
+          /* @__PURE__ */ jsx("input", { id, type: "radio", className: input(), ...rest }),
+          label ? /* @__PURE__ */ jsx("label", { htmlFor: id, className: labelStyle(), children: label }) : /* @__PURE__ */ jsx(Fragment, {})
+        ]
+      }
+    );
+  }
+);
 
 export { RadioButton };

package/dist/esm/components/Snackbar/BaseSnackbar.js

@@ -1,9 +1,12 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { snackbar } from '@tecsinapse/cortex-core';
+import { forwardRef } from 'react';
 
-const BaseSnackbar = (props) => {
-  const { children, show, variants, ref } = props;
-  return /* @__PURE__ */ jsx(Fragment, { children: show ? /* @__PURE__ */ jsx("div", { className: snackbar(variants), ref, "data-testid": "snackbar", children }) : /* @__PURE__ */ jsx(Fragment, {}) });
-};
+const BaseSnackbar = forwardRef(
+  (props, ref) => {
+    const { children, show, variants } = props;
+    return /* @__PURE__ */ jsx(Fragment, { children: show ? /* @__PURE__ */ jsx("div", { className: snackbar(variants), ref, "data-testid": "snackbar", children }) : /* @__PURE__ */ jsx(Fragment, {}) });
+  }
+);
 
 export { BaseSnackbar };

package/dist/esm/components/Tag.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { tag } from '@tecsinapse/cortex-core';
+import { forwardRef } from 'react';
 import { LiaTimesSolid } from 'react-icons/lia';
 
 const Close = ({
@@ -25,8 +26,8 @@ const Label = ({
 }) => {
   return /* @__PURE__ */ jsx("p", { className, ...rest, children });
 };
-const Face = (props) => {
-  const { variants, className, intent, children, style, ref, ...rest } = props;
+const Face = forwardRef((props, ref) => {
+  const { variants, className, intent, children, style, ...rest } = props;
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -41,24 +42,26 @@ const Face = (props) => {
       children
     }
   );
-};
-const Root = (props) => {
-  const { label, variants, intent, className, onDismiss, ref, ...rest } = props;
-  return /* @__PURE__ */ jsxs(
-    Face,
-    {
-      ...rest,
-      variants,
-      intent,
-      className,
-      ref,
-      children: [
-        /* @__PURE__ */ jsx(Label, { children: label }),
-        onDismiss ? /* @__PURE__ */ jsx(Close, { onClick: onDismiss }) : null
-      ]
-    }
-  );
-};
+});
+const Root = forwardRef(
+  (props, ref) => {
+    const { label, variants, intent, className, onDismiss, ...rest } = props;
+    return /* @__PURE__ */ jsxs(
+      Face,
+      {
+        ...rest,
+        variants,
+        intent,
+        className,
+        ref,
+        children: [
+          /* @__PURE__ */ jsx(Label, { children: label }),
+          onDismiss ? /* @__PURE__ */ jsx(Close, { onClick: onDismiss }) : null
+        ]
+      }
+    );
+  }
+);
 const Tag = {
   Root,
   Close,

package/dist/esm/components/TextArea/Face.js

@@ -7,8 +7,7 @@ import { getValidChildren } from './utils.js';
 const TextAreaFace = React.forwardRef(
   ({ children, variants, className, ...rest }, ref) => {
     const clones = getValidChildren(children).map((el) => {
-      const elProps = el.props || {};
-      return React.cloneElement(el, { ...elProps, variants });
+      return React.cloneElement(el, { ...el.props, variants });
     });
     return /* @__PURE__ */ jsx(
       "div",

package/dist/esm/components/Toggle.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { styleLabelElement, styleInputElement, toggle } from '@tecsinapse/cortex-core';
+import { forwardRef } from 'react';
 
-const Toggle = (props) => {
-  const { ref, ...rest } = props;
+const Toggle = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -16,13 +16,13 @@ const Toggle = (props) => {
             className: styleInputElement(),
             ref,
             "data-testid": "toggle-input",
-            ...rest
+            ...props
           }
         ),
         /* @__PURE__ */ jsx("div", { className: toggle() })
       ] })
     }
   );
-};
+});
 
 export { Toggle };

package/dist/esm/hooks/useDebouncedState.js

@@ -1,7 +1,7 @@
 import { useRef, useState, useEffect } from 'react';
 
 function useDebouncedState(initialState, timeoutCallback, timeoutMs = 166) {
-  const timeoutId = useRef(void 0);
+  const timeoutId = useRef();
   const [state, setState] = useState(initialState);
   useEffect(() => {
     if (timeoutId.current) clearTimeout(timeoutId.current);

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

@@ -6,6 +6,5 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     variant?: ButtonVariants['variant'];
     size?: ButtonVariants['size'];
     children?: React.ReactNode;
-    ref?: React.Ref<HTMLButtonElement>;
 }
-export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -1,6 +1,5 @@
 import React, { HTMLAttributes } from 'react';
 export interface CardProps extends HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
-    ref?: React.Ref<HTMLDivElement>;
 }
-export declare const Card: (props: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,8 @@
 import React, { HTMLAttributes } from 'react';
 export interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
     indeterminate?: boolean;
-    ref?: React.Ref<CheckboxRef>;
 }
 export interface CheckboxRef extends HTMLAttributes<HTMLInputElement> {
     setIndeterminate: (value: boolean) => void;
 }
-export declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.HTMLAttributes<HTMLInputElement> & React.RefAttributes<CheckboxRef>>;

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

@@ -1,8 +1,7 @@
 import { HintVariants } from '@tecsinapse/cortex-core';
-import React, { HTMLProps } from 'react';
-export interface HintProps extends Omit<HTMLProps<HTMLDivElement>, 'className'> {
+import React from 'react';
+export interface HintProps {
     children: React.ReactNode;
     variants?: HintVariants;
-    ref?: React.Ref<HTMLDivElement>;
 }
-export declare const Hint: (props: HintProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Hint: React.ForwardRefExoticComponent<Omit<HintProps & Omit<React.HTMLProps<HTMLDivElement>, "className">, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,7 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export interface MasonryProps {
     columns: number;
     children?: ReactNode;
 }
-declare const Masonry: ({ children, columns }: MasonryProps) => React.ReactElement;
+declare const Masonry: ({ children, columns }: MasonryProps) => JSX.Element;
 export default Masonry;

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

@@ -1,9 +1,8 @@
 import { ReactNode, type DialogHTMLAttributes } from 'react';
-interface ModalProps extends DialogHTMLAttributes<HTMLDialogElement> {
+interface ModalProps {
     open: boolean;
     onClose: () => void;
     children?: ReactNode;
-    ref?: React.Ref<HTMLDialogElement>;
 }
-export declare const Modal: (props: ModalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & DialogHTMLAttributes<HTMLDialogElement> & import("react").RefAttributes<HTMLDialogElement>>;
 export {};

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

@@ -2,6 +2,5 @@ import React, { InputHTMLAttributes } from 'react';
 export interface RadioButtonProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: string;
     reversed?: boolean;
-    ref?: React.Ref<HTMLDivElement>;
 }
-export declare const RadioButton: ({ label, reversed, id, ref, ...rest }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -3,6 +3,6 @@ export declare const useMultiSelectOption: <T>(option: T, onSelect?: (option: T[
     value: any;
     isChecked: boolean;
     onClickOption: () => void;
-    inputRef: import("react").RefObject<HTMLInputElement | null>;
+    inputRef: import("react").RefObject<HTMLInputElement>;
     labelExtractor: (value: any) => string;
 };

package/dist/types/components/Snackbar/BaseSnackbar.d.ts

@@ -4,7 +4,6 @@ interface SnackbarProps {
     variants?: SnackbarVariants;
     children?: ReactNode;
     show: boolean;
-    ref?: React.Ref<HTMLDivElement>;
 }
-export declare const BaseSnackbar: (props: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseSnackbar: React.ForwardRefExoticComponent<SnackbarProps & React.RefAttributes<HTMLDivElement>>;
 export {};

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

@@ -1,19 +1,14 @@
 import { TagVariants } from '@tecsinapse/cortex-core';
 import React, { HTMLProps } from 'react';
-export interface TagProps extends HTMLProps<HTMLDivElement> {
+export interface TagProps {
     variants?: TagVariants;
     intent?: TagVariants['intent'];
     label: string;
     onDismiss?: () => void;
-    ref?: React.Ref<HTMLDivElement>;
-}
-interface FaceProps extends Pick<TagProps, 'variants' | 'intent'>, HTMLProps<HTMLDivElement> {
-    ref?: React.Ref<HTMLDivElement>;
 }
 export declare const Tag: {
-    Root: (props: TagProps) => import("react/jsx-runtime").JSX.Element;
+    Root: React.ForwardRefExoticComponent<Omit<TagProps & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Close: ({ onClick, className, ...rest }: Omit<HTMLProps<HTMLButtonElement>, "children" | "type">) => import("react/jsx-runtime").JSX.Element;
     Label: ({ children, className, ...rest }: HTMLProps<HTMLParagraphElement>) => import("react/jsx-runtime").JSX.Element;
-    Face: (props: FaceProps) => import("react/jsx-runtime").JSX.Element;
+    Face: React.ForwardRefExoticComponent<Omit<Pick<TagProps, "intent" | "variants"> & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
-export {};

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

@@ -1,5 +1,2 @@
-import React, { InputHTMLAttributes } from 'react';
-export interface ToggleProps extends InputHTMLAttributes<HTMLInputElement> {
-    ref?: React.Ref<HTMLInputElement>;
-}
-export declare const Toggle: (props: ToggleProps) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+export declare const Toggle: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

package/dist/types/hooks/useCalendarCell.d.ts

@@ -5,7 +5,7 @@ interface useCalendarCellProps {
     date: CalendarDate;
 }
 export declare const useCalendarCell: ({ state, date }: useCalendarCellProps) => {
-    ref: import("react").RefObject<null>;
+    ref: import("react").MutableRefObject<null>;
     cellProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
     buttonProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
     isSelected: boolean;

package/dist/types/hooks/useDatePickerInput.d.ts

@@ -7,6 +7,6 @@ interface useDatePickerInputProps {
 export declare const useDatePickerInput: ({ value, onChange, minValue, maxValue, }: useDatePickerInputProps) => {
     fieldProps: import("react-aria").AriaDatePickerProps<import("react-aria").DateValue>;
     state: import("react-stately").DatePickerState;
-    ref: import("react").RefObject<null>;
+    ref: import("react").MutableRefObject<null>;
 };
 export {};

package/dist/types/hooks/useDateRangePickerInput.d.ts

@@ -9,6 +9,6 @@ export declare const useDateRangePickerInput: ({ value, onChange, minValue, maxV
     startFieldProps: import("react-aria").AriaDatePickerProps<import("react-aria").DateValue>;
     endFieldProps: import("react-aria").AriaDatePickerProps<import("react-aria").DateValue>;
     state: import("react-stately").DateRangePickerState;
-    ref: import("react").RefObject<null>;
+    ref: import("react").MutableRefObject<null>;
 };
 export {};

package/dist/types/hooks/useRangeCalendar.d.ts

@@ -9,6 +9,6 @@ export declare const useRangeCalendar: ({ value, onChange, minValue, maxValue, }
     calendarProps: import("@react-types/shared").DOMAttributes<import("@react-types/shared").FocusableElement>;
     title: string;
     state: import("react-stately").RangeCalendarState;
-    ref: import("react").RefObject<null>;
+    ref: import("react").MutableRefObject<null>;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/cortex-react",
-  "version": "1.14.1-beta.0",
+  "version": "1.14.1",
   "description": "React components based in @tecsinapse/cortex-core",
   "license": "MIT",
   "main": "dist/esm/index.js",
@@ -20,7 +20,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.18",
     "@internationalized/date": "3.7.0",
-    "@tecsinapse/cortex-core": "1.2.0-beta.8",
+    "@tecsinapse/cortex-core": "1.1.3",
     "clsx": "2.1.1",
     "currency.js": "2.0.4",
     "embla-carousel-autoplay": "^8.0.0",
@@ -43,10 +43,10 @@
   },
   "homepage": "https://tecsinapse.github.io/design-system/",
   "peerDependencies": {
-    "react": ">=18.0.0 || ^19.0.0",
-    "react-dom": ">=18.0.0 || ^19.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
     "react-icons": ">=5.2.0",
     "tailwind": ">=3.3.0"
   },
-  "gitHead": "31f09f066e7f7ee57e2736d0124f2aeb667c78a9"
+  "gitHead": "8b207794502440570661516f1dfea3f35a2f560f"
 }