@tecsinapse/cortex-react 1.15.0-beta.23 → 1.15.0-beta.26

package/dist/cjs/components/Button.js

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

package/dist/cjs/components/Card.js

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

package/dist/cjs/components/Carousel/CarouselItem.js

@@ -57,7 +57,7 @@ const CarouselItem = ({ item }) => {
           {
             type: "button",
             "data-testid": "button-link-carousel",
-            className: "z-absolute absolute bottom-deca left-[10%]",
+            className: "z-absolute absolute bottom-giga left-[10%]",
             children: item.button.title
           }
         )

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 = React.forwardRef((props, ref) => {
+const Checkbox = (props) => {
   const localRef = React.useRef(null);
-  const { className, indeterminate, ...rest } = props;
+  const { className, indeterminate, ref, ...rest } = props;
   const setIndeterminate = React.useCallback((value) => {
     if (localRef?.current) {
       localRef.current.indeterminate = value;
@@ -31,6 +31,6 @@ const Checkbox = React.forwardRef((props, ref) => {
       ...rest
     }
   );
-});
+};
 
 exports.Checkbox = Checkbox;

package/dist/cjs/components/Hint.js

@@ -2,11 +2,10 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
-var React = require('react');
 
-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, {}) });
-});
+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, {}) });
+};
 
 exports.Hint = Hint;

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

@@ -13,14 +13,19 @@ const getValidChildren = (children) => {
 const InputFace = React.forwardRef(
   ({ children, variants, className, ...rest }, ref) => {
     const clones = getValidChildren(children).map((el) => {
-      return React.cloneElement(el, { ...el.props, variants });
+      const element = el;
+      const elProps = element.props || {};
+      return React.cloneElement(element, { ...elProps, variants });
     });
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         "data-testid": "input-face",
         ...rest,
-        className: clsx(cortexCore.input(variants), className),
+        className: clsx(
+          cortexCore.input(variants),
+          className
+        ),
         ref,
         children: clones
       }

package/dist/cjs/components/Modal.js

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

package/dist/cjs/components/Select/MultiOption.js

@@ -27,7 +27,7 @@ const SelectMultiOption = ({
             ref: inputRef
           }
         ),
-        labelExtractor(option)
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate flex-1", children: labelExtractor(option) })
       ]
     }
   );

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

@@ -45,7 +45,7 @@ const SelectTrigger = ({
           /* @__PURE__ */ jsxRuntime.jsx(
             "span",
             {
-              className: clsx({ "mt-mili": hasValue && label }),
+              className: clsx("truncate", { "mt-mili": hasValue && label }),
               "data-testid": "select-placeholder",
               children: _placeholder
             }

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

@@ -2,13 +2,10 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
-var React = require('react');
 
-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, {}) });
-  }
-);
+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, {}) });
+};
 
 exports.BaseSnackbar = BaseSnackbar;

package/dist/cjs/components/Stepper/Root.js

@@ -14,8 +14,11 @@ const Root = ({
   const initialSelectedIndex = React.useMemo(() => {
     let initialIndex = null;
     React.Children.forEach(children, (child, index) => {
-      if (React.isValidElement(child) && child.props.selected) {
-        initialIndex = index;
+      if (React.isValidElement(child)) {
+        const element = child;
+        if (element.props.selected) {
+          initialIndex = index;
+        }
       }
     });
     return initialIndex;
@@ -41,13 +44,14 @@ const Root = ({
   const renderNode = React.useMemo(
     () => (child, index) => {
       if (React.isValidElement(child) && child.type === Node.Node) {
-        return React.cloneElement(child, {
+        const element = child;
+        return React.cloneElement(element, {
           isFirst: index === 0,
           isLast: index === childrenCount - 1,
           selected: selectedNode === index,
           segmented,
           interactive,
-          onClick: () => handleNodeClick(index, child.props.onClick)
+          onClick: () => handleNodeClick(index, element.props.onClick)
         });
       }
       return null;

package/dist/cjs/components/Tag.js

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

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

@@ -9,7 +9,9 @@ var utils = require('./utils.js');
 const TextAreaFace = React.forwardRef(
   ({ children, variants, className, ...rest }, ref) => {
     const clones = utils.getValidChildren(children).map((el) => {
-      return React.cloneElement(el, { ...el.props, variants });
+      const element = el;
+      const elProps = element.props || {};
+      return React.cloneElement(element, { ...elProps, 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 = React.forwardRef((props, ref) => {
+const Toggle = (props) => {
+  const { ref, ...rest } = props;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -18,13 +18,13 @@ const Toggle = React.forwardRef((props, ref) => {
             className: cortexCore.styleInputElement(),
             ref,
             "data-testid": "toggle-input",
-            ...props
+            ...rest
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cortexCore.toggle() })
       ] })
     }
   );
-});
+};
 
 exports.Toggle = Toggle;

package/dist/cjs/components/Uploader/Manager.js

@@ -9,13 +9,13 @@ var clsx = require('clsx');
 var io5 = require('react-icons/io5');
 var cortexCore = require('@tecsinapse/cortex-core');
 var useManagerHelpers = require('../../hooks/useManagerHelpers.js');
-var Loading = require('../Loading.js');
 
 const Manager = ({
   open,
   files,
   onDelete,
   uploadProgressText = "Upload(s) in progress",
+  uploadSuccessText = "Upload(s) completed",
   onClose
 }) => {
   const {
@@ -47,14 +47,14 @@ const Manager = ({
                 children: min ? /* @__PURE__ */ jsxRuntime.jsx(io5.IoChevronUp, {}) : /* @__PURE__ */ jsxRuntime.jsx(io5.IoChevronDown, {})
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { "data-testid": "upload-progress", children: uploadProgressText }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { "data-testid": "upload-progress", children: isLoading ? uploadProgressText : uploadSuccessText }),
             /* @__PURE__ */ jsxRuntime.jsx(
               Button.Button,
               {
                 variants: { variant: "filled", size: "square" },
                 onClick: onClose,
                 disabled: isLoading,
-                children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(Loading.Loading, {}) : /* @__PURE__ */ jsxRuntime.jsx(io.IoMdClose, {})
+                children: /* @__PURE__ */ jsxRuntime.jsx(io.IoMdClose, {})
               }
             )
           ] }),

package/dist/cjs/components/Uploader/Upload.js

@@ -44,6 +44,15 @@ const File = ({
         return "info";
     }
   }
+  const formatFileSize = (size) => {
+    const units = ["B", "KB", "MB", "GB"];
+    let i = 0;
+    while (size >= 1024 && i < units.length - 1) {
+      size /= 1024;
+      i++;
+    }
+    return `${size.toFixed(2)} ${units[i]}`;
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col w-full", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border rounded-t-mili shadow p-mili", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-centi", children: [
@@ -57,10 +66,7 @@ const File = ({
         ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "border-2 text-kilo text-primary-medium w-tera h-tera flex items-center justify-center rounded-mili", children: /* @__PURE__ */ jsxRuntime.jsx(fa6.FaRegFileLines, {}) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-col", children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold truncate max-w-[200px]", children: file.file.name }),
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500", children: [
-            (file.file.size / 1024).toFixed(2),
-            " KB"
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-500", children: formatFileSize(file.file.size) })
         ] })
       ] }),
       file.status === "success" && showDelete ? /* @__PURE__ */ jsxRuntime.jsx(

package/dist/cjs/hooks/useDebouncedState.js

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

package/dist/cjs/hooks/useFileUpload.js

@@ -29,7 +29,8 @@ const useFileUpload = ({
   isFolder = false,
   noClick = false,
   ignoreRejections = false,
-  uploadProgressText
+  uploadProgressText,
+  uploadSuccessText
 }) => {
   const {
     showManager,
@@ -98,7 +99,8 @@ const useFileUpload = ({
       showManager?.({
         onClose: closeManager,
         onDelete: handleRemoveFile,
-        uploadProgressText
+        uploadProgressText,
+        uploadSuccessText
       });
     }
   }, [handleRemoveFile, closeManager]);

package/dist/cjs/provider/ManagerContext.js

@@ -9,8 +9,7 @@ require('react-icons/lia');
 require('@internationalized/date');
 require('../components/Badge.js');
 require('react-icons/md');
-require('../components/Card.js');
-require('../components/Button.js');
+require('@tecsinapse/cortex-core');
 require('react-aria');
 require('react-stately');
 require('./MenubarContext.js');
@@ -23,17 +22,14 @@ var types = require('../components/Uploader/types.js');
 require('@floating-ui/react');
 require('currency.js');
 require('../components/Calendar/CalendarCell.js');
-require('@tecsinapse/cortex-core');
 require('react-icons/fa');
 require('react-icons/io');
 require('embla-carousel-react');
 require('embla-carousel-autoplay');
-require('../components/Checkbox.js');
 require('../components/ColorPicker.js');
 require('../components/DatePicker/DateSegment.js');
 require('../components/DatePicker/DatePickerInputBase.js');
 require('../components/GroupButton.js');
-require('../components/Hint.js');
 require('../components/Input/Box.js');
 require('../components/Input/Face.js');
 require('../components/Input/Left.js');
@@ -51,7 +47,6 @@ require('../components/Menubar/Header.js');
 require('../components/Menubar/Item.js');
 require('./CategoriesContext.js');
 require('../components/Menubar/SubItem.js');
-require('../components/Modal.js');
 require('../components/ProgressBar/Progress.js');
 require('../components/RadioButton.js');
 require('../components/Select/GroupedOptions.js');
@@ -60,16 +55,13 @@ require('../components/Select/MultiGroupedOptions.js');
 require('../components/Select/MultiOptions.js');
 require('../components/Select/Options.js');
 require('../components/Select/Trigger.js');
-require('../components/Snackbar/BaseSnackbar.js');
 require('../styles/stepNodeVariants.js');
-require('../components/Tag.js');
 require('../components/TextArea/Box.js');
 require('../components/TextArea/Face.js');
 require('../components/TextArea/Left.js');
 require('../components/TextArea/Right.js');
 require('../components/TextArea/Root.js');
 require('../components/TimePicker/TimeFieldInput.js');
-require('../components/Toggle.js');
 require('../components/Tooltip.js');
 require('react-icons/hi2');
 require('react-icons/fa6');

package/dist/esm/components/Button.js

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

package/dist/esm/components/Card.js

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

package/dist/esm/components/Carousel/CarouselItem.js

@@ -55,7 +55,7 @@ const CarouselItem = ({ item }) => {
           {
             type: "button",
             "data-testid": "button-link-carousel",
-            className: "z-absolute absolute bottom-deca left-[10%]",
+            className: "z-absolute absolute bottom-giga left-[10%]",
             children: item.button.title
           }
         )

package/dist/esm/components/Checkbox.js

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

package/dist/esm/components/Hint.js

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

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

@@ -11,14 +11,19 @@ const getValidChildren = (children) => {
 const InputFace = React.forwardRef(
   ({ children, variants, className, ...rest }, ref) => {
     const clones = getValidChildren(children).map((el) => {
-      return React.cloneElement(el, { ...el.props, variants });
+      const element = el;
+      const elProps = element.props || {};
+      return React.cloneElement(element, { ...elProps, variants });
     });
     return /* @__PURE__ */ jsx(
       "div",
       {
         "data-testid": "input-face",
         ...rest,
-        className: clsx(input(variants), className),
+        className: clsx(
+          input(variants),
+          className
+        ),
         ref,
         children: clones
       }

package/dist/esm/components/Modal.js

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