@ark-ui/react 0.0.0-rc-20221110124749 → 0.0.0-rc-20221110171144

package/dist/index.cjs.js

@@ -517,24 +517,20 @@ var DialogTitle = (0, import_react34.forwardRef)((props, ref) => {
 
 // src/dialog/dialog-trigger.tsx
 var import_react36 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
 var DialogTrigger = (props) => {
-  const { children } = props;
   const { triggerProps } = useDialogContext();
-  return typeof children === "string" || typeof children === "number" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ark.span, {
-    ...triggerProps,
-    children
-  }) : (0, import_react36.cloneElement)(children, triggerProps);
+  const onlyChild = import_react36.Children.only(props.children);
+  return (0, import_react36.cloneElement)(onlyChild, triggerProps);
 };
 
 // src/dialog/dialog-underlay.tsx
 var import_react37 = require("@polymorphic-factory/react");
 var import_react38 = require("@zag-js/react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var DialogUnderlay = (0, import_react37.forwardRef)((props, ref) => {
   const { underlayProps } = useDialogContext();
   const mergedProps = (0, import_react38.mergeProps)(underlayProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -570,7 +566,7 @@ var useEditable = (props) => {
 };
 
 // src/editable/editable.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var Editable = (0, import_react41.forwardRef)((props, ref) => {
   const [useEditableProps, divProps] = splitProps(props, [
     "activationMode",
@@ -597,9 +593,9 @@ var Editable = (0, import_react41.forwardRef)((props, ref) => {
   ]);
   const editable2 = useEditable(useEditableProps);
   const mergedProps = (0, import_react42.mergeProps)(editable2.rootProps, divProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(EditableProvider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(EditableProvider, {
     value: editable2,
-    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ark.div, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ark.div, {
       ...mergedProps,
       ref
     })
@@ -609,11 +605,11 @@ var Editable = (0, import_react41.forwardRef)((props, ref) => {
 // src/editable/editable-area.tsx
 var import_react43 = require("@polymorphic-factory/react");
 var import_react44 = require("@zag-js/react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var EditableArea = (0, import_react43.forwardRef)((props, ref) => {
   const { areaProps } = useEditableContext();
   const mergedProps = (0, import_react44.mergeProps)(areaProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -622,12 +618,12 @@ var EditableArea = (0, import_react43.forwardRef)((props, ref) => {
 // src/editable/editable-cancel-button.tsx
 var import_react45 = require("@polymorphic-factory/react");
 var import_react46 = require("@zag-js/react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var EditableCancelButton = (0, import_react45.forwardRef)(
   (props, ref) => {
     const { cancelButtonProps } = useEditableContext();
     const mergedProps = (0, import_react46.mergeProps)(cancelButtonProps, props);
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ark.button, {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ark.button, {
       ...mergedProps,
       ref
     });
@@ -636,11 +632,11 @@ var EditableCancelButton = (0, import_react45.forwardRef)(
 
 // src/editable/editable-controls.tsx
 var import_react47 = require("@polymorphic-factory/react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var EditableControls = (0, import_react47.forwardRef)((props, ref) => {
   const { children, ...divProps } = props;
   const api = useEditableContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ark.div, {
     ...divProps,
     ref,
     children: children(api)
@@ -650,11 +646,11 @@ var EditableControls = (0, import_react47.forwardRef)((props, ref) => {
 // src/editable/editable-edit-button.tsx
 var import_react48 = require("@polymorphic-factory/react");
 var import_react49 = require("@zag-js/react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var EditableEditButton = (0, import_react48.forwardRef)((props, ref) => {
   const { editButtonProps } = useEditableContext();
   const mergedProps = (0, import_react49.mergeProps)(editButtonProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ark.button, {
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ark.button, {
     ...mergedProps,
     ref
   });
@@ -663,11 +659,11 @@ var EditableEditButton = (0, import_react48.forwardRef)((props, ref) => {
 // src/editable/editable-input.tsx
 var import_react50 = require("@polymorphic-factory/react");
 var import_react51 = require("@zag-js/react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var EditableInput = (0, import_react50.forwardRef)((props, ref) => {
   const { inputProps } = useEditableContext();
   const mergedProps = (0, import_react51.mergeProps)(inputProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ark.input, {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ark.input, {
     ...mergedProps,
     ref
   });
@@ -676,11 +672,11 @@ var EditableInput = (0, import_react50.forwardRef)((props, ref) => {
 // src/editable/editable-preview.tsx
 var import_react52 = require("@polymorphic-factory/react");
 var import_react53 = require("@zag-js/react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var EditablePreview = (0, import_react52.forwardRef)((props, ref) => {
   const { previewProps } = useEditableContext();
   const mergedProps = (0, import_react53.mergeProps)(previewProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ark.span, {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ark.span, {
     ...mergedProps,
     ref
   });
@@ -689,12 +685,12 @@ var EditablePreview = (0, import_react52.forwardRef)((props, ref) => {
 // src/editable/editable-submit-button.tsx
 var import_react54 = require("@polymorphic-factory/react");
 var import_react55 = require("@zag-js/react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var EditableSubmitButton = (0, import_react54.forwardRef)(
   (props, ref) => {
     const { submitButtonProps } = useEditableContext();
     const mergedProps = (0, import_react55.mergeProps)(submitButtonProps, props);
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ark.button, {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ark.button, {
       ...mergedProps,
       ref
     });
@@ -722,11 +718,11 @@ var useHoverCard = (props) => {
 };
 
 // src/hover-card/hover-card.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var HoverCard = (props) => {
   const { children, ...useHoverCardProps } = props;
   const hoverCard2 = useHoverCard(useHoverCardProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(HoverCardProvider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(HoverCardProvider, {
     value: hoverCard2,
     children
   });
@@ -735,11 +731,11 @@ var HoverCard = (props) => {
 // src/hover-card/hover-card-arrow.tsx
 var import_react58 = require("@polymorphic-factory/react");
 var import_react59 = require("@zag-js/react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var HoverCardArrow = (0, import_react58.forwardRef)((props, ref) => {
   const { arrowProps } = useHoverCardContext();
   const mergedProps = (0, import_react59.mergeProps)(arrowProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -748,11 +744,11 @@ var HoverCardArrow = (0, import_react58.forwardRef)((props, ref) => {
 // src/hover-card/hover-card-content.tsx
 var import_react60 = require("@polymorphic-factory/react");
 var import_react61 = require("@zag-js/react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var HoverCardContent = (0, import_react60.forwardRef)((props, ref) => {
   const { contentProps } = useHoverCardContext();
   const mergedProps = (0, import_react61.mergeProps)(contentProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -761,11 +757,11 @@ var HoverCardContent = (0, import_react60.forwardRef)((props, ref) => {
 // src/hover-card/hover-card-inner-arrow.tsx
 var import_react62 = require("@polymorphic-factory/react");
 var import_react63 = require("@zag-js/react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var HoverCardInnerArrow = (0, import_react62.forwardRef)((props, ref) => {
   const { innerArrowProps } = useHoverCardContext();
   const mergedProps = (0, import_react63.mergeProps)(innerArrowProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -773,10 +769,10 @@ var HoverCardInnerArrow = (0, import_react62.forwardRef)((props, ref) => {
 
 // src/hover-card/hover-card-portal.tsx
 var import_portal2 = require("@reach/portal");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var HoverCardPortal = (props) => {
   const { isOpen } = useHoverCardContext();
-  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_portal2.Portal, {
+  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_portal2.Portal, {
     type: "ark-portal",
     ...props
   }) : null;
@@ -785,11 +781,11 @@ var HoverCardPortal = (props) => {
 // src/hover-card/hover-card-positioner.tsx
 var import_react64 = require("@polymorphic-factory/react");
 var import_react65 = require("@zag-js/react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var HoverCardPositioner = (0, import_react64.forwardRef)((props, ref) => {
   const { positionerProps } = useHoverCardContext();
   const mergedProps = (0, import_react65.mergeProps)(positionerProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -798,11 +794,11 @@ var HoverCardPositioner = (0, import_react64.forwardRef)((props, ref) => {
 // src/hover-card/hover-card-trigger.tsx
 var import_react66 = require("@polymorphic-factory/react");
 var import_react67 = require("@zag-js/react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var HoverCardTrigger = (0, import_react66.forwardRef)((props, ref) => {
   const { triggerProps } = useHoverCardContext();
   const mergedProps = (0, import_react67.mergeProps)(triggerProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ark.a, {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(ark.a, {
     ...mergedProps,
     ref
   });
@@ -838,7 +834,7 @@ var useNumberInput = (props) => {
 };
 
 // src/number-input/number-input.tsx
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var NumberInput = (0, import_react70.forwardRef)((props, ref) => {
   const [useNumberInputProps, divProps] = splitProps(props, [
     "allowMouseWheel",
@@ -873,9 +869,9 @@ var NumberInput = (0, import_react70.forwardRef)((props, ref) => {
   ]);
   const pinInput2 = useNumberInput(useNumberInputProps);
   const mergedProps = (0, import_react71.mergeProps)(pinInput2.rootProps, divProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(NumberInputProvider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(NumberInputProvider, {
     value: pinInput2,
-    children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ark.div, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ark.div, {
       ...mergedProps,
       ref
     })
@@ -885,12 +881,12 @@ var NumberInput = (0, import_react70.forwardRef)((props, ref) => {
 // src/number-input/number-input-decrement-button.tsx
 var import_react72 = require("@polymorphic-factory/react");
 var import_react73 = require("@zag-js/react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var NumberInputDecrementButton = (0, import_react72.forwardRef)(
   (props, ref) => {
     const { decrementButtonProps } = useNumberInputContext();
     const mergedProps = (0, import_react73.mergeProps)(decrementButtonProps, props);
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ark.button, {
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ark.button, {
       ...mergedProps,
       ref
     });
@@ -900,11 +896,11 @@ var NumberInputDecrementButton = (0, import_react72.forwardRef)(
 // src/number-input/number-input-field.tsx
 var import_react74 = require("@polymorphic-factory/react");
 var import_react75 = require("@zag-js/react");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var NumberInputField = (0, import_react74.forwardRef)((props, ref) => {
   const { inputProps } = useNumberInputContext();
   const mergedProps = (0, import_react75.mergeProps)(inputProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ark.input, {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ark.input, {
     ...mergedProps,
     ref
   });
@@ -913,12 +909,12 @@ var NumberInputField = (0, import_react74.forwardRef)((props, ref) => {
 // src/number-input/number-input-increment-button.tsx
 var import_react76 = require("@polymorphic-factory/react");
 var import_react77 = require("@zag-js/react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var NumberInputIncrementButton = (0, import_react76.forwardRef)(
   (props, ref) => {
     const { incrementButtonProps } = useNumberInputContext();
     const mergedProps = (0, import_react77.mergeProps)(incrementButtonProps, props);
-    return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ark.button, {
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ark.button, {
       ...mergedProps,
       ref
     });
@@ -955,7 +951,7 @@ var usePagination = (props) => {
 };
 
 // src/pagination/pagination.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var Pagination = (0, import_react80.forwardRef)((props, ref) => {
   const [paginationProps, { children, ...navProps }] = splitProps(props, [
     "count",
@@ -971,9 +967,9 @@ var Pagination = (0, import_react80.forwardRef)((props, ref) => {
   const pagination2 = usePagination(paginationProps);
   const view = runIfFn(children, pagination2);
   const mergedProps = (0, import_react81.mergeProps)(pagination2.rootProps, navProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PaginationProvider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PaginationProvider, {
     value: pagination2,
-    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ark.nav, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ark.nav, {
       ...mergedProps,
       ref,
       children: view
@@ -984,12 +980,12 @@ var Pagination = (0, import_react80.forwardRef)((props, ref) => {
 // src/pagination/pagination-ellipsis.tsx
 var import_react82 = require("@polymorphic-factory/react");
 var import_react83 = require("@zag-js/react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var PaginationEllipsis = (0, import_react82.forwardRef)((props, ref) => {
   const { getEllipsisProps } = usePaginationContext();
   const [{ index }, spanProps] = splitProps(props, ["index"]);
   const mergedProps = (0, import_react83.mergeProps)(getEllipsisProps({ index }), spanProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ark.span, {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ark.span, {
     ...mergedProps,
     ref
   });
@@ -998,12 +994,12 @@ var PaginationEllipsis = (0, import_react82.forwardRef)((props, ref) => {
 // src/pagination/pagination-item.tsx
 var import_react84 = require("@polymorphic-factory/react");
 var import_react85 = require("@zag-js/react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var PaginationItem = (0, import_react84.forwardRef)((props, ref) => {
   const { getItemProps } = usePaginationContext();
   const [{ value }, anchorProps] = splitProps(props, ["value"]);
   const mergedProps = (0, import_react85.mergeProps)(getItemProps({ type: "page", value }), anchorProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ark.a, {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ark.a, {
     href: `#${value}`,
     ...mergedProps,
     ref
@@ -1013,11 +1009,11 @@ var PaginationItem = (0, import_react84.forwardRef)((props, ref) => {
 // src/pagination/pagination-next-item.tsx
 var import_react86 = require("@polymorphic-factory/react");
 var import_react87 = require("@zag-js/react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var PaginationNextItem = (0, import_react86.forwardRef)((props, ref) => {
   const { nextItemProps } = usePaginationContext();
   const mergedProps = (0, import_react87.mergeProps)(nextItemProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ark.a, {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ark.a, {
     href: "#next",
     ...mergedProps,
     ref
@@ -1027,11 +1023,11 @@ var PaginationNextItem = (0, import_react86.forwardRef)((props, ref) => {
 // src/pagination/pagination-prev-item.tsx
 var import_react88 = require("@polymorphic-factory/react");
 var import_react89 = require("@zag-js/react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var PaginationPrevItem = (0, import_react88.forwardRef)((props, ref) => {
   const { prevItemProps } = usePaginationContext();
   const mergedProps = (0, import_react89.mergeProps)(prevItemProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ark.a, {
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ark.a, {
     href: "#previous",
     ...mergedProps,
     ref
@@ -1068,7 +1064,7 @@ var usePinInput = (props) => {
 };
 
 // src/pin-input/pin-input.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var PinInput = (0, import_react92.forwardRef)((props, ref) => {
   const [usePinInputProps, divProps] = splitProps(props, [
     "autoFocus",
@@ -1093,9 +1089,9 @@ var PinInput = (0, import_react92.forwardRef)((props, ref) => {
   ]);
   const pinInput2 = usePinInput(usePinInputProps);
   const mergedProps = (0, import_react93.mergeProps)(pinInput2.rootProps, divProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(PinInputProvider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(PinInputProvider, {
     value: pinInput2,
-    children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ark.div, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(ark.div, {
       ...mergedProps,
       ref
     })
@@ -1105,12 +1101,12 @@ var PinInput = (0, import_react92.forwardRef)((props, ref) => {
 // src/pin-input/pin-input-field.tsx
 var import_react94 = require("@polymorphic-factory/react");
 var import_react95 = require("@zag-js/react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var PinInputField = (0, import_react94.forwardRef)((props, ref) => {
   const { index, ...inputProps } = props;
   const { getInputProps } = usePinInputContext();
   const mergedProps = (0, import_react95.mergeProps)(getInputProps({ index }), inputProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(ark.input, {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ark.input, {
     ...mergedProps,
     ref
   });
@@ -1137,11 +1133,11 @@ var usePopover = (props) => {
 };
 
 // src/popover/popover.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var Popover = (props) => {
   const { children, ...usePopoverProps } = props;
   const popover2 = usePopover(usePopoverProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopoverProvider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopoverProvider, {
     value: popover2,
     children
   });
@@ -1150,11 +1146,11 @@ var Popover = (props) => {
 // src/popover/popover-arrow.tsx
 var import_react98 = require("@polymorphic-factory/react");
 var import_react99 = require("@zag-js/react");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var PopoverArrow = (0, import_react98.forwardRef)((props, ref) => {
   const { arrowProps } = usePopoverContext();
   const mergedProps = (0, import_react99.mergeProps)(arrowProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1163,11 +1159,11 @@ var PopoverArrow = (0, import_react98.forwardRef)((props, ref) => {
 // src/popover/popover-close-button.tsx
 var import_react100 = require("@polymorphic-factory/react");
 var import_react101 = require("@zag-js/react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 var PopoverCloseButton = (0, import_react100.forwardRef)((props, ref) => {
   const { closeButtonProps } = usePopoverContext();
   const mergedProps = (0, import_react101.mergeProps)(closeButtonProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ark.button, {
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ark.button, {
     ...mergedProps,
     ref
   });
@@ -1176,11 +1172,11 @@ var PopoverCloseButton = (0, import_react100.forwardRef)((props, ref) => {
 // src/popover/popover-content.tsx
 var import_react102 = require("@polymorphic-factory/react");
 var import_react103 = require("@zag-js/react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var PopoverContent = (0, import_react102.forwardRef)((props, ref) => {
   const { contentProps } = usePopoverContext();
   const mergedProps = (0, import_react103.mergeProps)(contentProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1189,11 +1185,11 @@ var PopoverContent = (0, import_react102.forwardRef)((props, ref) => {
 // src/popover/popover-description.tsx
 var import_react104 = require("@polymorphic-factory/react");
 var import_react105 = require("@zag-js/react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var PopoverDescription = (0, import_react104.forwardRef)((props, ref) => {
   const { descriptionProps } = usePopoverContext();
   const mergedProps = (0, import_react105.mergeProps)(descriptionProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1202,11 +1198,11 @@ var PopoverDescription = (0, import_react104.forwardRef)((props, ref) => {
 // src/popover/popover-inner-arrow.tsx
 var import_react106 = require("@polymorphic-factory/react");
 var import_react107 = require("@zag-js/react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var PopoverInnerArrow = (0, import_react106.forwardRef)((props, ref) => {
   const { innerArrowProps } = usePopoverContext();
   const mergedProps = (0, import_react107.mergeProps)(innerArrowProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1215,11 +1211,11 @@ var PopoverInnerArrow = (0, import_react106.forwardRef)((props, ref) => {
 // src/popover/popover-positioner.tsx
 var import_react108 = require("@polymorphic-factory/react");
 var import_react109 = require("@zag-js/react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var PopoverPositioner = (0, import_react108.forwardRef)((props, ref) => {
   const { positionerProps } = usePopoverContext();
   const mergedProps = (0, import_react109.mergeProps)(positionerProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1228,11 +1224,11 @@ var PopoverPositioner = (0, import_react108.forwardRef)((props, ref) => {
 // src/popover/popover-title.tsx
 var import_react110 = require("@polymorphic-factory/react");
 var import_react111 = require("@zag-js/react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var PopoverTitle = (0, import_react110.forwardRef)((props, ref) => {
   const { titleProps } = usePopoverContext();
   const mergedProps = (0, import_react111.mergeProps)(titleProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1240,14 +1236,10 @@ var PopoverTitle = (0, import_react110.forwardRef)((props, ref) => {
 
 // src/popover/popover-trigger.tsx
 var import_react112 = require("react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
 var PopoverTrigger = (props) => {
-  const { children } = props;
   const { triggerProps } = usePopoverContext();
-  return typeof children === "string" || typeof children === "number" ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ark.span, {
-    ...triggerProps,
-    children
-  }) : (0, import_react112.cloneElement)(children, triggerProps);
+  const onlyChild = import_react112.Children.only(props.children);
+  return (0, import_react112.cloneElement)(onlyChild, triggerProps);
 };
 
 // src/pressable/pressable.tsx
@@ -1268,7 +1260,7 @@ var usePressable = (props) => {
 };
 
 // src/pressable/pressable.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var Pressable = (0, import_react115.forwardRef)((props, ref) => {
   const [usePressableProps, divProps] = splitProps(props, [
     "allowTextSelectionOnPress",
@@ -1285,7 +1277,7 @@ var Pressable = (0, import_react115.forwardRef)((props, ref) => {
   ]);
   const { pressableProps } = usePressable(usePressableProps);
   const mergedProps = (0, import_react116.mergeProps)(pressableProps, divProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ark.button, {
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ark.button, {
     ...mergedProps,
     ref
   });
@@ -1310,14 +1302,14 @@ var [RadioGroupProvider, useRadioGroupContext] = createContext({
 });
 
 // src/radio-group/radio.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 var Radio = (0, import_react117.forwardRef)((props, ref) => {
   const { value, disabled, invalid, readonly, ...divProps } = props;
   const { getItemProps } = useRadioGroupContext();
   const mergedProps = (0, import_react118.mergeProps)(getItemProps({ value, disabled }), divProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(RadioProvider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(RadioProvider, {
     value: { value, disabled, invalid, readonly },
-    children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ark.label, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ark.label, {
       ...mergedProps,
       ref
     })
@@ -1327,12 +1319,12 @@ var Radio = (0, import_react117.forwardRef)((props, ref) => {
 // src/radio-group/radio-control.tsx
 var import_react119 = require("@polymorphic-factory/react");
 var import_react120 = require("@zag-js/react");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var RadioControl = (0, import_react119.forwardRef)((props, ref) => {
   const { getItemControlProps } = useRadioGroupContext();
   const context = useRadioContext();
   const mergedProps = (0, import_react120.mergeProps)(getItemControlProps(context), props);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1363,7 +1355,7 @@ var useRadioGroup = (props) => {
 };
 
 // src/radio-group/radio-group.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var RadioGroup = (0, import_react123.forwardRef)((props, ref) => {
   const [useRadioGroupProps, divProps] = splitProps(props, [
     "defaultValue",
@@ -1379,9 +1371,9 @@ var RadioGroup = (0, import_react123.forwardRef)((props, ref) => {
   ]);
   const radioGroup = useRadioGroup(useRadioGroupProps);
   const mergedProps = (0, import_react124.mergeProps)(radioGroup.rootProps, divProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(RadioGroupProvider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(RadioGroupProvider, {
     value: radioGroup,
-    children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ark.div, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ark.div, {
       ...mergedProps,
       ref
     })
@@ -1391,11 +1383,11 @@ var RadioGroup = (0, import_react123.forwardRef)((props, ref) => {
 // src/radio-group/radio-group-label.tsx
 var import_react125 = require("@polymorphic-factory/react");
 var import_react126 = require("@zag-js/react");
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var RadioGroupLabel = (0, import_react125.forwardRef)((props, ref) => {
   const { labelProps } = useRadioGroupContext();
   const mergedProps = (0, import_react126.mergeProps)(labelProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ark.label, {
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ark.label, {
     ...mergedProps,
     ref
   });
@@ -1404,12 +1396,12 @@ var RadioGroupLabel = (0, import_react125.forwardRef)((props, ref) => {
 // src/radio-group/radio-input.tsx
 var import_react127 = require("@polymorphic-factory/react");
 var import_react128 = require("@zag-js/react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var RadioInput = (0, import_react127.forwardRef)((props, ref) => {
   const { getItemInputProps } = useRadioGroupContext();
   const context = useRadioContext();
   const mergedProps = (0, import_react128.mergeProps)(getItemInputProps(context), props);
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ark.input, {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ark.input, {
     ...mergedProps,
     ref
   });
@@ -1418,12 +1410,12 @@ var RadioInput = (0, import_react127.forwardRef)((props, ref) => {
 // src/radio-group/radio-label.tsx
 var import_react129 = require("@polymorphic-factory/react");
 var import_react130 = require("@zag-js/react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var RadioLabel = (0, import_react129.forwardRef)((props, ref) => {
   const { getItemLabelProps } = useRadioGroupContext();
   const context = useRadioContext();
   const mergedProps = (0, import_react130.mergeProps)(getItemLabelProps(context), props);
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ark.span, {
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ark.span, {
     ...mergedProps,
     ref
   });
@@ -1461,7 +1453,7 @@ var useRating = (props) => {
 };
 
 // src/rating/rating.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var Rating = (0, import_react133.forwardRef)((props, ref) => {
   const [useRatingProps, divProps] = splitProps(props, [
     "allowHalf",
@@ -1481,13 +1473,13 @@ var Rating = (0, import_react133.forwardRef)((props, ref) => {
   ]);
   const rating2 = useRating(useRatingProps);
   const mergedProps = (0, import_react134.mergeProps)(rating2.rootProps, divProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(RatingProvider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(RatingProvider, {
     value: rating2,
-    children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(ark.div, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(ark.div, {
       ...mergedProps,
       children: [
         props.children,
-        /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ark.input, {
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ark.input, {
           ...rating2.inputProps,
           ref
         })
@@ -1499,13 +1491,13 @@ var Rating = (0, import_react133.forwardRef)((props, ref) => {
 // src/rating/rating-group.tsx
 var import_react135 = require("@polymorphic-factory/react");
 var import_react136 = require("@zag-js/react");
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var RatingGroup = (0, import_react135.forwardRef)((props, ref) => {
   const { children, ...divProps } = props;
   const api = useRatingContext();
   const renderPropResult = typeof children === "function" ? children(api) : children;
   const mergedProps = (0, import_react136.mergeProps)(api.itemGroupProps, divProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(ark.div, {
     ...mergedProps,
     ref,
     children: renderPropResult
@@ -1524,17 +1516,17 @@ var [RatingItemProvider, useRatingItemContext] = createContext({
 });
 
 // src/rating/rating-item.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var RatingItem = (0, import_react137.forwardRef)((props, ref) => {
   const { children, index, ...divProps } = props;
   const { getRatingState, getItemProps } = useRatingContext();
   const state = getRatingState(index);
   const icon = typeof children === "function" ? children(state) : children;
   const mergedProps = (0, import_react138.mergeProps)(getItemProps({ index }), divProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ark.span, {
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ark.span, {
     ...mergedProps,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(RatingItemProvider, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(RatingItemProvider, {
       value: state,
       children: icon
     })
@@ -1544,11 +1536,11 @@ var RatingItem = (0, import_react137.forwardRef)((props, ref) => {
 // src/rating/rating-label.tsx
 var import_react139 = require("@polymorphic-factory/react");
 var import_react140 = require("@zag-js/react");
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var RatingLabel = (0, import_react139.forwardRef)((props, ref) => {
   const { labelProps } = useRatingContext();
   const mergedProps = (0, import_react140.mergeProps)(labelProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ark.label, {
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ark.label, {
     ...mergedProps,
     ref
   });
@@ -1579,7 +1571,7 @@ var useSlider = (props) => {
 };
 
 // src/slider/slider.tsx
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var Slider = (0, import_react143.forwardRef)((props, ref) => {
   const [useSliderProps, divProps] = splitProps(props, [
     "aria-label",
@@ -1606,9 +1598,9 @@ var Slider = (0, import_react143.forwardRef)((props, ref) => {
   ]);
   const slider2 = useSlider(useSliderProps);
   const mergedProps = (0, import_react144.mergeProps)(slider2.rootProps, divProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(SliderProvider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SliderProvider, {
     value: slider2,
-    children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ark.div, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ark.div, {
       ...mergedProps,
       ref
     })
@@ -1618,11 +1610,11 @@ var Slider = (0, import_react143.forwardRef)((props, ref) => {
 // src/slider/slider-control.tsx
 var import_react145 = require("@polymorphic-factory/react");
 var import_react146 = require("@zag-js/react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var SliderControl = (0, import_react145.forwardRef)((props, ref) => {
   const { controlProps } = useSliderContext();
   const mergedProps = (0, import_react146.mergeProps)(controlProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1631,11 +1623,11 @@ var SliderControl = (0, import_react145.forwardRef)((props, ref) => {
 // src/slider/slider-input.tsx
 var import_react147 = require("@polymorphic-factory/react");
 var import_react148 = require("@zag-js/react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var SliderInput = (0, import_react147.forwardRef)((props, ref) => {
   const { inputProps } = useSliderContext();
   const mergedProps = (0, import_react148.mergeProps)(inputProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ark.input, {
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ark.input, {
     ...mergedProps,
     ref
   });
@@ -1644,11 +1636,11 @@ var SliderInput = (0, import_react147.forwardRef)((props, ref) => {
 // src/slider/slider-label.tsx
 var import_react149 = require("@polymorphic-factory/react");
 var import_react150 = require("@zag-js/react");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var SliderLabel = (0, import_react149.forwardRef)((props, ref) => {
   const { labelProps } = useSliderContext();
   const mergedProps = (0, import_react150.mergeProps)(labelProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ark.label, {
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ark.label, {
     ...mergedProps,
     ref
   });
@@ -1657,11 +1649,11 @@ var SliderLabel = (0, import_react149.forwardRef)((props, ref) => {
 // src/slider/slider-output.tsx
 var import_react151 = require("@polymorphic-factory/react");
 var import_react152 = require("@zag-js/react");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var SliderOutput = (0, import_react151.forwardRef)((props, ref) => {
   const { outputProps } = useSliderContext();
   const mergedProps = (0, import_react152.mergeProps)(outputProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ark.output, {
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(ark.output, {
     ...mergedProps,
     ref
   });
@@ -1670,11 +1662,11 @@ var SliderOutput = (0, import_react151.forwardRef)((props, ref) => {
 // src/slider/slider-range.tsx
 var import_react153 = require("@polymorphic-factory/react");
 var import_react154 = require("@zag-js/react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var SliderRange = (0, import_react153.forwardRef)((props, ref) => {
   const { rangeProps } = useSliderContext();
   const mergedProps = (0, import_react154.mergeProps)(rangeProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1683,11 +1675,11 @@ var SliderRange = (0, import_react153.forwardRef)((props, ref) => {
 // src/slider/slider-thumb.tsx
 var import_react155 = require("@polymorphic-factory/react");
 var import_react156 = require("@zag-js/react");
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var SliderThumb = (0, import_react155.forwardRef)((props, ref) => {
   const { thumbProps } = useSliderContext();
   const mergedProps = (0, import_react156.mergeProps)(thumbProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1696,11 +1688,11 @@ var SliderThumb = (0, import_react155.forwardRef)((props, ref) => {
 // src/slider/slider-track.tsx
 var import_react157 = require("@polymorphic-factory/react");
 var import_react158 = require("@zag-js/react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 var SliderTrack = (0, import_react157.forwardRef)((props, ref) => {
   const { trackProps } = useSliderContext();
   const mergedProps = (0, import_react158.mergeProps)(trackProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1718,12 +1710,12 @@ var [TabsProvider, useTabsContext] = createContext({
 });
 
 // src/tabs/tab.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime71 = require("react/jsx-runtime");
 var Tab = (0, import_react159.forwardRef)((props, ref) => {
   const [tabProps, buttonProps] = splitProps(props, ["disabled", "value"]);
   const { getTriggerProps } = useTabsContext();
   const mergedProps = (0, import_react160.mergeProps)(getTriggerProps(tabProps), buttonProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ark.button, {
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(ark.button, {
     ...mergedProps,
     ref
   });
@@ -1732,11 +1724,11 @@ var Tab = (0, import_react159.forwardRef)((props, ref) => {
 // src/tabs/tab-indicator.tsx
 var import_react161 = require("@polymorphic-factory/react");
 var import_react162 = require("@zag-js/react");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 var TabIndicator = (0, import_react161.forwardRef)((props, ref) => {
   const { indicatorProps } = useTabsContext();
   const mergedProps = (0, import_react162.mergeProps)(indicatorProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1745,11 +1737,11 @@ var TabIndicator = (0, import_react161.forwardRef)((props, ref) => {
 // src/tabs/tab-list.tsx
 var import_react163 = require("@polymorphic-factory/react");
 var import_react164 = require("@zag-js/react");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var TabList = (0, import_react163.forwardRef)((props, ref) => {
   const { triggerGroupProps } = useTabsContext();
   const mergedProps = (0, import_react164.mergeProps)(triggerGroupProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1758,12 +1750,12 @@ var TabList = (0, import_react163.forwardRef)((props, ref) => {
 // src/tabs/tab-panel.tsx
 var import_react165 = require("@polymorphic-factory/react");
 var import_react166 = require("@zag-js/react");
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var TabPanel = (0, import_react165.forwardRef)((props, ref) => {
   const [tabContentProps, divProps] = splitProps(props, ["value"]);
   const { getContentProps } = useTabsContext();
   const mergedProps = (0, import_react166.mergeProps)(getContentProps(tabContentProps), divProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1772,11 +1764,11 @@ var TabPanel = (0, import_react165.forwardRef)((props, ref) => {
 // src/tabs/tab-panels.tsx
 var import_react167 = require("@polymorphic-factory/react");
 var import_react168 = require("@zag-js/react");
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var TabPanels = (0, import_react167.forwardRef)((props, ref) => {
   const { contentGroupProps } = useTabsContext();
   const mergedProps = (0, import_react168.mergeProps)(contentGroupProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1797,7 +1789,7 @@ var useTabs = (props) => {
 };
 
 // src/tabs/tabs.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 var Tabs = (0, import_react171.forwardRef)((props, ref) => {
   const [useTabsProps, divProps] = splitProps(props, [
     "activationMode",
@@ -1815,9 +1807,9 @@ var Tabs = (0, import_react171.forwardRef)((props, ref) => {
   ]);
   const tabs2 = useTabs(useTabsProps);
   const mergedProps = (0, import_react172.mergeProps)(tabs2.rootProps, divProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(TabsProvider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TabsProvider, {
     value: tabs2,
-    children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ark.div, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ark.div, {
       ...mergedProps,
       ref
     })
@@ -1836,12 +1828,12 @@ var [TagsInputProvider, useTagsInputContext] = createContext({
 });
 
 // src/tags-input/tag.tsx
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var Tag = (0, import_react173.forwardRef)((props, ref) => {
   const [tagProps, divProps] = splitProps(props, ["index", "disabled", "value"]);
   const { getTagProps } = useTagsInputContext();
   const mergedProps = (0, import_react174.mergeProps)(getTagProps(tagProps), divProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1850,12 +1842,12 @@ var Tag = (0, import_react173.forwardRef)((props, ref) => {
 // src/tags-input/tag-delete-button.tsx
 var import_react175 = require("@polymorphic-factory/react");
 var import_react176 = require("@zag-js/react");
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var TagDeleteButton = (0, import_react175.forwardRef)((props, ref) => {
   const { getTagDeleteButtonProps } = useTagsInputContext();
   const [tagProps, buttonProps] = splitProps(props, ["index", "disabled", "value"]);
   const mergedProps = (0, import_react176.mergeProps)(getTagDeleteButtonProps(tagProps), buttonProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ark.button, {
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(ark.button, {
     ...mergedProps,
     ref
   });
@@ -1864,12 +1856,12 @@ var TagDeleteButton = (0, import_react175.forwardRef)((props, ref) => {
 // src/tags-input/tag-input.tsx
 var import_react177 = require("@polymorphic-factory/react");
 var import_react178 = require("@zag-js/react");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var TagInput = (0, import_react177.forwardRef)((props, ref) => {
   const [tagProps, inputProps] = splitProps(props, ["index", "disabled", "value"]);
   const { getTagInputProps } = useTagsInputContext();
   const mergedProps = (0, import_react178.mergeProps)(getTagInputProps(tagProps), inputProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ark.input, {
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(ark.input, {
     ...mergedProps,
     ref
   });
@@ -1894,7 +1886,7 @@ var useTagsInput = (props) => {
 };
 
 // src/tags-input/tags-input.tsx
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var TagsInput = (0, import_react181.forwardRef)((props, ref) => {
   const [useTagsInputProps, { children, ...inputProps }] = splitProps(props, [
     "addOnPaste",
@@ -1925,9 +1917,9 @@ var TagsInput = (0, import_react181.forwardRef)((props, ref) => {
   const tagsInput2 = useTagsInput(useTagsInputProps);
   const mergedProps = (0, import_react182.mergeProps)(tagsInput2.rootProps, inputProps);
   const view = runIfFn(children, tagsInput2);
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(TagsInputProvider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(TagsInputProvider, {
     value: tagsInput2,
-    children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ark.div, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(ark.div, {
       ...mergedProps,
       ref,
       children: view
@@ -1938,12 +1930,12 @@ var TagsInput = (0, import_react181.forwardRef)((props, ref) => {
 // src/tags-input/tags-input-clear-button.tsx
 var import_react183 = require("@polymorphic-factory/react");
 var import_react184 = require("@zag-js/react");
-var import_jsx_runtime83 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var TagsInputClearButton = (0, import_react183.forwardRef)(
   (props, ref) => {
     const { clearButtonProps } = useTagsInputContext();
     const mergedProps = (0, import_react184.mergeProps)(clearButtonProps, props);
-    return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ark.button, {
+    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(ark.button, {
       ...mergedProps,
       ref
     });
@@ -1953,11 +1945,11 @@ var TagsInputClearButton = (0, import_react183.forwardRef)(
 // src/tags-input/tags-input-control.tsx
 var import_react185 = require("@polymorphic-factory/react");
 var import_react186 = require("@zag-js/react");
-var import_jsx_runtime84 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var TagsInputControl = (0, import_react185.forwardRef)((props, ref) => {
   const { controlProps } = useTagsInputContext();
   const mergedProps = (0, import_react186.mergeProps)(controlProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -1966,11 +1958,11 @@ var TagsInputControl = (0, import_react185.forwardRef)((props, ref) => {
 // src/tags-input/tags-input-field.tsx
 var import_react187 = require("@polymorphic-factory/react");
 var import_react188 = require("@zag-js/react");
-var import_jsx_runtime85 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 var TagsInputField = (0, import_react187.forwardRef)((props, ref) => {
   const { inputProps } = useTagsInputContext();
   const mergedProps = (0, import_react188.mergeProps)(inputProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ark.input, {
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ark.input, {
     ...mergedProps,
     ref
   });
@@ -1997,11 +1989,11 @@ var useTooltip = (props) => {
 };
 
 // src/tooltip/tooltip.tsx
-var import_jsx_runtime86 = require("react/jsx-runtime");
+var import_jsx_runtime84 = require("react/jsx-runtime");
 var Tooltip = (props) => {
   const { children, ...useTooltipProps } = props;
   const tooltip2 = useTooltip(useTooltipProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(TooltipProvider, {
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(TooltipProvider, {
     value: tooltip2,
     children
   });
@@ -2010,11 +2002,11 @@ var Tooltip = (props) => {
 // src/tooltip/tooltip-arrow.tsx
 var import_react191 = require("@polymorphic-factory/react");
 var import_react192 = require("@zag-js/react");
-var import_jsx_runtime87 = require("react/jsx-runtime");
+var import_jsx_runtime85 = require("react/jsx-runtime");
 var TooltipArrow = (0, import_react191.forwardRef)((props, ref) => {
   const { arrowProps } = useTooltipContext();
   const mergedProps = (0, import_react192.mergeProps)(arrowProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -2023,11 +2015,11 @@ var TooltipArrow = (0, import_react191.forwardRef)((props, ref) => {
 // src/tooltip/tooltip-content.tsx
 var import_react193 = require("@polymorphic-factory/react");
 var import_react194 = require("@zag-js/react");
-var import_jsx_runtime88 = require("react/jsx-runtime");
+var import_jsx_runtime86 = require("react/jsx-runtime");
 var TooltipContent = (0, import_react193.forwardRef)((props, ref) => {
   const { contentProps } = useTooltipContext();
   const mergedProps = (0, import_react194.mergeProps)(contentProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -2036,11 +2028,11 @@ var TooltipContent = (0, import_react193.forwardRef)((props, ref) => {
 // src/tooltip/tooltip-inner-arrow.tsx
 var import_react195 = require("@polymorphic-factory/react");
 var import_react196 = require("@zag-js/react");
-var import_jsx_runtime89 = require("react/jsx-runtime");
+var import_jsx_runtime87 = require("react/jsx-runtime");
 var TooltipInnerArrow = (0, import_react195.forwardRef)((props, ref) => {
   const { innerArrowProps } = useTooltipContext();
   const mergedProps = (0, import_react196.mergeProps)(innerArrowProps, props);
-  return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(ark.div, {
+  return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(ark.div, {
     ...mergedProps,
     ref
   });
@@ -2049,11 +2041,11 @@ var TooltipInnerArrow = (0, import_react195.forwardRef)((props, ref) => {
 // src/tooltip/tooltip-positioner.tsx
 var import_react197 = require("@polymorphic-factory/react");
 var import_react198 = require("@zag-js/react");
-var import_jsx_runtime90 = require("react/jsx-runtime");
+var import_jsx_runtime88 = require("react/jsx-runtime");
 var TooltipPositioner = (0, import_react197.forwardRef)((props, ref) => {
   const { positionerProps, isOpen } = useTooltipContext();
   const mergedProps = (0, import_react198.mergeProps)(positionerProps, props);
-  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ark.div, {
+  return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ark.div, {
     ...mergedProps,
     ref
   }) : null;
@@ -2061,14 +2053,10 @@ var TooltipPositioner = (0, import_react197.forwardRef)((props, ref) => {
 
 // src/tooltip/tooltip-trigger.tsx
 var import_react199 = require("react");
-var import_jsx_runtime91 = require("react/jsx-runtime");
 var TooltipTrigger = (props) => {
-  const { children } = props;
   const { triggerProps } = useTooltipContext();
-  return typeof children === "string" || typeof children === "number" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(ark.span, {
-    ...triggerProps,
-    children
-  }) : (0, import_react199.cloneElement)(children, triggerProps);
+  const onlyChild = import_react199.Children.only(props.children);
+  return (0, import_react199.cloneElement)(onlyChild, triggerProps);
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {