@choice-ui/react 1.5.4 → 1.5.5

package/dist/components/calendar/dist/index.js

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { enUS, zhCN, es, fr, de, ko, ja } from "date-fns/locale";
-import React, { forwardRef, memo, useState, useMemo, useEffect, useRef, useCallback } from "react";
+import React__default, { forwardRef, memo, useState, useMemo, useEffect, useRef, useCallback } from "react";
 import { useEventCallback } from "usehooks-ts";
 import { isThisYear, isSameDay, endOfWeek, startOfWeek, endOfMonth, startOfMonth, addMonths, isSameYear, isSameMonth, isValid, format, addDays, addWeeks, eachDayOfInterval, getWeek, isWithinInterval, startOfDay, endOfDay, parse, subDays, subWeeks, subMonths, addYears, subYears, startOfYear, getDaysInMonth, isDate, setMinutes, setHours, addMinutes } from "date-fns";
 import { tz } from "@date-fns/tz";
@@ -3286,7 +3286,7 @@ var TimeCalendar = memo(function TimeCalendar2(props) {
           const isAmToPmTransition = needsDivider(index);
           const isItemSelected = selectedIndex === index;
           const isItemActive = !isScrolling && activeIndex === index;
-          return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
             isAmToPmTransition && /* @__PURE__ */ jsx(Menus.Divider, { "data-testid": "ampm-divider" }),
             /* @__PURE__ */ jsx(
               Menus.Item,

package/dist/components/calendar/src/time-calendar/time-calendar.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Check } from "@choiceform/icons-react";
 import { Menus } from "../../../menus/dist/index.js";
-import React, { memo, useRef, useState, useMemo, useCallback, useEffect } from "react";
+import React__default, { memo, useRef, useState, useMemo, useCallback, useEffect } from "react";
 import { useEventCallback } from "usehooks-ts";
 import { generateTimeOptions, normalizeTimeValue, timeStringToDate } from "../utils/time.js";
 import { useMergedValue } from "../../../../shared/hooks/use-merged-value/use-merged-value.js";
@@ -257,7 +257,7 @@ const TimeCalendar = memo(function TimeCalendar2(props) {
           const isAmToPmTransition = needsDivider(index);
           const isItemSelected = selectedIndex === index;
           const isItemActive = !isScrolling && activeIndex === index;
-          return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
             isAmToPmTransition && /* @__PURE__ */ jsx(Menus.Divider, { "data-testid": "ampm-divider" }),
             /* @__PURE__ */ jsx(
               Menus.Item,

package/dist/components/code-block/dist/index.js

@@ -1,4 +1,4 @@
-import React, { memo, useState, useEffect } from "react";
+import React__default, { memo, useState, useEffect } from "react";
 import { useStickToBottom } from "use-stick-to-bottom";
 import { codeToHtml } from "shiki";
 import { useEventCallback } from "usehooks-ts";
@@ -96,9 +96,9 @@ function useLineCount(children) {
   const [lineCount, setLineCount] = useState(0);
   useEffect(() => {
     try {
-      const codeContent = React.Children.toArray(children).map((child) => {
+      const codeContent = React__default.Children.toArray(children).map((child) => {
         var _a;
-        if (React.isValidElement(child) && ((_a = child.props) == null ? void 0 : _a.code) && typeof child.props.code === "string") {
+        if (React__default.isValidElement(child) && ((_a = child.props) == null ? void 0 : _a.code) && typeof child.props.code === "string") {
           return child.props.code;
         }
         return "";
@@ -1077,7 +1077,7 @@ var CodeBlockRoot = memo(function CodeBlock(props) {
     resize: "smooth",
     initial: "smooth"
   });
-  const codeContentRef = React.useRef("");
+  const codeContentRef = React__default.useRef("");
   const {
     isExpanded,
     codeExpanded,
@@ -1092,7 +1092,7 @@ var CodeBlockRoot = memo(function CodeBlock(props) {
     onCodeExpandChange,
     scrollToBottom
   });
-  const handleCopy = React.useCallback(
+  const handleCopy = React__default.useCallback(
     (code) => {
       const codeToUse = code || codeContentRef.current;
       if (codeToUse) {
@@ -1101,10 +1101,10 @@ var CodeBlockRoot = memo(function CodeBlock(props) {
     },
     [originalHandleCopy]
   );
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     try {
-      React.Children.forEach(children, (child) => {
-        if (React.isValidElement(child) && child.props) {
+      React__default.Children.forEach(children, (child) => {
+        if (React__default.isValidElement(child) && child.props) {
           if (child.props.code && typeof child.props.code === "string") {
             codeContentRef.current = child.props.code;
           }
@@ -1121,7 +1121,7 @@ var CodeBlockRoot = memo(function CodeBlock(props) {
     codeExpanded,
     children
   });
-  const contextValue = React.useMemo(
+  const contextValue = React__default.useMemo(
     () => ({
       language,
       filename,
@@ -1157,11 +1157,11 @@ var CodeBlockRoot = memo(function CodeBlock(props) {
       variant
     ]
   );
-  const injectedChildren = React.useMemo(() => {
+  const injectedChildren = React__default.useMemo(() => {
     try {
-      return React.Children.map(children, (child) => {
-        if (React.isValidElement(child)) {
-          return React.cloneElement(
+      return React__default.Children.map(children, (child) => {
+        if (React__default.isValidElement(child)) {
+          return React__default.cloneElement(
             child,
             {
               codeBlock: contextValue

package/dist/components/code-block/src/code-block.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import React, { memo } from "react";
+import React__default, { memo } from "react";
 import { useStickToBottom } from "use-stick-to-bottom";
 import { CodeBlockHeader } from "./components/code-block-header.js";
 import { CodeBlockFooter } from "./components/code-block-footer.js";
@@ -27,7 +27,7 @@ const CodeBlockRoot = memo(function CodeBlock2(props) {
     resize: "smooth",
     initial: "smooth"
   });
-  const codeContentRef = React.useRef("");
+  const codeContentRef = React__default.useRef("");
   const {
     isExpanded,
     codeExpanded,
@@ -42,7 +42,7 @@ const CodeBlockRoot = memo(function CodeBlock2(props) {
     onCodeExpandChange,
     scrollToBottom
   });
-  const handleCopy = React.useCallback(
+  const handleCopy = React__default.useCallback(
     (code) => {
       const codeToUse = code || codeContentRef.current;
       if (codeToUse) {
@@ -51,10 +51,10 @@ const CodeBlockRoot = memo(function CodeBlock2(props) {
     },
     [originalHandleCopy]
   );
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     try {
-      React.Children.forEach(children, (child) => {
-        if (React.isValidElement(child) && child.props) {
+      React__default.Children.forEach(children, (child) => {
+        if (React__default.isValidElement(child) && child.props) {
           if (child.props.code && typeof child.props.code === "string") {
             codeContentRef.current = child.props.code;
           }
@@ -71,7 +71,7 @@ const CodeBlockRoot = memo(function CodeBlock2(props) {
     codeExpanded,
     children
   });
-  const contextValue = React.useMemo(
+  const contextValue = React__default.useMemo(
     () => ({
       language,
       filename,
@@ -107,11 +107,11 @@ const CodeBlockRoot = memo(function CodeBlock2(props) {
       variant
     ]
   );
-  const injectedChildren = React.useMemo(() => {
+  const injectedChildren = React__default.useMemo(() => {
     try {
-      return React.Children.map(children, (child) => {
-        if (React.isValidElement(child)) {
-          return React.cloneElement(
+      return React__default.Children.map(children, (child) => {
+        if (React__default.isValidElement(child)) {
+          return React__default.cloneElement(
             child,
             {
               codeBlock: contextValue

package/dist/components/code-block/src/hooks/use-line-count.js

@@ -1,11 +1,11 @@
-import React, { useState, useEffect } from "react";
+import React__default, { useState, useEffect } from "react";
 function useLineCount(children) {
   const [lineCount, setLineCount] = useState(0);
   useEffect(() => {
     try {
-      const codeContent = React.Children.toArray(children).map((child) => {
+      const codeContent = React__default.Children.toArray(children).map((child) => {
         var _a;
-        if (React.isValidElement(child) && ((_a = child.props) == null ? void 0 : _a.code) && typeof child.props.code === "string") {
+        if (React__default.isValidElement(child) && ((_a = child.props) == null ? void 0 : _a.code) && typeof child.props.code === "string") {
           return child.props.code;
         }
         return "";

package/dist/components/command/src/components/command-group.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React, { memo, forwardRef, useId, useRef, useEffect, useMemo } from "react";
+import React__default, { memo, forwardRef, useId, useRef, useEffect, useMemo } from "react";
 import { GroupContext } from "../hooks/index.js";
 import { commandGroupTv } from "../tv.js";
 import { useValue } from "../hooks/use-value.js";
@@ -12,7 +12,7 @@ const CommandGroup = memo(
     const id = useId();
     const ref = useRef(null);
     const headingRef = useRef(null);
-    const headingId = React.useId();
+    const headingId = React__default.useId();
     const context = useCommand();
     const render = useCommandState(
       (state) => forceMount ? true : context.filter() === false ? true : !state.search ? true : state.filtered.groups.has(id)

package/dist/components/command/src/components/command-item.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Kbd } from "../../../kbd/dist/index.js";
-import React, { memo, forwardRef, useRef, useEffect, useMemo } from "react";
+import React__default, { memo, forwardRef, useRef, useEffect, useMemo } from "react";
 import { useEventCallback } from "usehooks-ts";
 import { GroupContext } from "../hooks/index.js";
 import { commandItemTv } from "../tv.js";
@@ -24,9 +24,9 @@ const CommandItem = memo(
       ...rest
     } = props;
     const ref = useRef(null);
-    const id = React.useId();
+    const id = React__default.useId();
     const context = useCommand();
-    const groupContext = React.useContext(GroupContext);
+    const groupContext = React__default.useContext(GroupContext);
     const propsRef = useRef({
       disabled,
       forceMount: forceMount ?? (groupContext == null ? void 0 : groupContext.forceMount),

package/dist/components/command/src/hooks/index.js

@@ -1,5 +1,5 @@
-import React from "react";
-const GroupContext = React.createContext(void 0);
+import React__default from "react";
+const GroupContext = React__default.createContext(void 0);
 export {
   GroupContext
 };

package/dist/components/command/src/hooks/use-command-state.js

@@ -1,7 +1,7 @@
-import React from "react";
+import React__default from "react";
 import { StoreContext } from "../context/command-context.js";
 const useStore = () => {
-  const store = React.useContext(StoreContext);
+  const store = React__default.useContext(StoreContext);
   if (!store) {
     throw new Error("useStore must be used within a Command component");
   }
@@ -10,7 +10,7 @@ const useStore = () => {
 function useCommandState(selector) {
   const store = useStore();
   const cb = () => selector(store.snapshot());
-  return React.useSyncExternalStore(store.subscribe, cb, cb);
+  return React__default.useSyncExternalStore(store.subscribe, cb, cb);
 }
 export {
   useCommandState,

package/dist/components/command/src/hooks/use-command.js

@@ -1,7 +1,7 @@
-import React from "react";
+import React__default from "react";
 import { CommandContext } from "../context/command-context.js";
 const useCommand = () => {
-  const context = React.useContext(CommandContext);
+  const context = React__default.useContext(CommandContext);
   if (!context) {
     throw new Error("useCommand must be used within a Command component");
   }

package/dist/components/command/src/utils/helpers.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React__default from "react";
 function renderChildren(children) {
   const childrenType = children.type;
   if (typeof childrenType === "function") {
@@ -15,11 +15,11 @@ function renderChildren(children) {
   return children;
 }
 function SlottableWithNestedChildren({ asChild, children }, render) {
-  if (asChild && React.isValidElement(children)) {
+  if (asChild && React__default.isValidElement(children)) {
     const renderedChild = renderChildren(children);
-    if (React.isValidElement(renderedChild)) {
+    if (React__default.isValidElement(renderedChild)) {
       const childProps = children.props;
-      return React.cloneElement(renderedChild, {}, render(childProps.children));
+      return React__default.cloneElement(renderedChild, {}, render(childProps.children));
     }
   }
   return render(children);

package/dist/components/comments/src/comment-item/comment-item.js

@@ -4,7 +4,7 @@ import { Dropdown as Dropdown2 } from "../../../dropdown/dist/index.js";
 import { IconButton } from "../../../icon-button/dist/index.js";
 import { EllipsisSmall } from "@choiceform/icons-react";
 import { Tooltip } from "../../../tooltip/dist/index.js";
-import React, { memo, forwardRef, useCallback } from "react";
+import React__default, { memo, forwardRef, useCallback } from "react";
 import { createEditor } from "slate";
 import { withHistory } from "slate-history";
 import { withReact, Slate, Editable } from "slate-react";
@@ -36,7 +36,7 @@ const CommentItem = memo(
         ADD_REACTIONS: "Add reaction"
       }
     } = props;
-    const editor = React.useMemo(() => withHistory(withReact(createEditor())), []);
+    const editor = React__default.useMemo(() => withHistory(withReact(createEditor())), []);
     const styles = CommentItemTv({});
     const { relative: relativeDate, full: fullDate } = useFormattedDate(created_at, locale);
     const renderElementWithCallbacks = useCallback(

package/dist/components/comments/src/comment-item/components/comment-item-reactions.js

@@ -2,9 +2,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { IconButton } from "../../../../icon-button/dist/index.js";
 import { DeleteReaction } from "@choiceform/icons-react";
 import { Tooltip } from "../../../../tooltip/dist/index.js";
-import React, { memo, useMemo } from "react";
+import React__default, { memo, useMemo } from "react";
 import { CommentItemReactionsTv } from "../tv.js";
-const CommentItemReactions = React.memo(function CommentItemReactions2(props) {
+const CommentItemReactions = React__default.memo(function CommentItemReactions2(props) {
   const {
     reactions,
     reactionsPopoverIsOpen,

package/dist/components/conditions/src/hooks/use-drag-and-drop.js

@@ -1,4 +1,4 @@
-import React, { useState, useCallback } from "react";
+import React__default, { useState, useCallback } from "react";
 function useDragAndDrop({
   groupId,
   onDragComplete,
@@ -11,7 +11,7 @@ function useDragAndDrop({
   isValidDropTarget
 }) {
   const [dragGuideIndex, setDragGuideIndex] = useState(null);
-  const timeoutRef = React.useRef(null);
+  const timeoutRef = React__default.useRef(null);
   const handleClearOtherGuides = useCallback(
     (currentGroupId) => {
       if (currentGroupId !== groupId) {
@@ -185,7 +185,7 @@ function useDragAndDrop({
   const clearLocalGuide = useCallback(() => {
     setDragGuideIndex(null);
   }, []);
-  React.useEffect(() => {
+  React__default.useEffect(() => {
     if (onRegisterGuideClear) {
       onRegisterGuideClear(groupId, clearLocalGuide);
     }

package/dist/components/context-input/src/components/copy-button.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { IconButton } from "../../../icon-button/dist/index.js";
 import { Check, CopySmall } from "@choiceform/icons-react";
-import React, { useState, useContext } from "react";
+import React__default, { useState, useContext } from "react";
 import { ContextInputEditorContext } from "../hooks/use-context-input-editor.js";
 import { convertSlateToText } from "../utils/slate-converters.js";
 const CopyButtonComponent = function CopyButton2({
@@ -41,7 +41,7 @@ const CopyButtonComponent = function CopyButton2({
     }
   );
 };
-const CopyButton = React.memo(CopyButtonComponent);
+const CopyButton = React__default.memo(CopyButtonComponent);
 export {
   CopyButton
 };

package/dist/components/context-input/src/components/mention.js

@@ -1,5 +1,5 @@
 import { jsxs } from "react/jsx-runtime";
-import React, { useMemo } from "react";
+import React__default, { useMemo } from "react";
 import { useSelected, useFocused } from "slate-react";
 import { mentionElementTv } from "./tv.js";
 const MentionComponent = (props) => {
@@ -57,7 +57,7 @@ const MentionComponent = (props) => {
     }
   );
 };
-const Mention = React.memo(MentionComponent, (prevProps, nextProps) => {
+const Mention = React__default.memo(MentionComponent, (prevProps, nextProps) => {
   const prevElement = prevProps.element;
   const nextElement = nextProps.element;
   return prevProps.mentionPrefix === nextProps.mentionPrefix && prevProps.variant === nextProps.variant && prevProps.renderMention === nextProps.renderMention && prevElement.mentionId === nextElement.mentionId && prevElement.mentionType === nextElement.mentionType && prevElement.mentionLabel === nextElement.mentionLabel && prevElement.mentionPrefix === nextElement.mentionPrefix;

package/dist/components/context-input/src/components/slate-editor.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ScrollArea } from "../../../scroll-area/dist/index.js";
-import React, { useMemo, useCallback } from "react";
+import React__default, { useMemo, useCallback } from "react";
 import { Slate, Editable } from "slate-react";
 import { contextInputTv } from "../tv.js";
 import { Mention } from "./mention.js";
-const SlateEditorComponent = React.forwardRef(
+const SlateEditorComponent = React__default.forwardRef(
   function SlateEditor2({
     editor,
     slateValue,
@@ -111,7 +111,7 @@ const SlateEditorComponent = React.forwardRef(
     );
   }
 );
-const SlateEditor = React.memo(SlateEditorComponent, (prevProps, nextProps) => {
+const SlateEditor = React__default.memo(SlateEditorComponent, (prevProps, nextProps) => {
   return prevProps.editor === nextProps.editor && // Don't compare slateValue - Slate manages state internally
   prevProps.placeholder === nextProps.placeholder && prevProps.disabled === nextProps.disabled && prevProps.readOnly === nextProps.readOnly && prevProps.autoFocus === nextProps.autoFocus && prevProps.variant === nextProps.variant && prevProps.renderMention === nextProps.renderMention && prevProps.mentionPrefix === nextProps.mentionPrefix && prevProps.customMentionComponent === nextProps.customMentionComponent && prevProps.className === nextProps.className && prevProps.maxLength === nextProps.maxLength && prevProps.minHeight === nextProps.minHeight && prevProps.onChange === nextProps.onChange && prevProps.onKeyDown === nextProps.onKeyDown && prevProps.onCompositionStart === nextProps.onCompositionStart && prevProps.onCompositionEnd === nextProps.onCompositionEnd && prevProps.onFocus === nextProps.onFocus && prevProps.onBlur === nextProps.onBlur && prevProps.hasHeader === nextProps.hasHeader && prevProps.hasFooter === nextProps.hasFooter && prevProps.size === nextProps.size && prevProps.children === nextProps.children;
 });

package/dist/components/context-input/src/context-input.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React, { forwardRef, useRef, useImperativeHandle, useMemo } from "react";
+import React__default, { forwardRef, useRef, useImperativeHandle, useMemo } from "react";
 import { ReactEditor } from "slate-react";
 import { useEventCallback } from "usehooks-ts";
 import { contextInputTv } from "./tv.js";
@@ -65,16 +65,16 @@ const ContextInputBase = forwardRef(function ContextInputBase2({
     let header2 = null;
     let footer2 = null;
     const otherChildren2 = [];
-    React.Children.forEach(children, (child) => {
-      if (React.isValidElement(child)) {
+    React__default.Children.forEach(children, (child) => {
+      if (React__default.isValidElement(child)) {
         if (child.type === ContextInputHeader) {
-          header2 = React.cloneElement(child, {
+          header2 = React__default.cloneElement(child, {
             ...child.props,
             size,
             handleClick: handleFocusClick
           });
         } else if (child.type === ContextInputFooter) {
-          footer2 = React.cloneElement(child, {
+          footer2 = React__default.cloneElement(child, {
             ...child.props,
             size,
             handleClick: handleFocusClick

package/dist/components/context-menu/src/context-menu.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MenuValue, MenuContextSubTrigger, MenuSearch, MenuContextLabel, MenuContextItem, MenuInput, MenuEmpty, MenuDivider, MenuContextContent, MenuButton, useMenuBaseRefs, useMenuTree, useMenuScrollHeight, useMenuScroll, MenuContext, MenuScrollArrow } from "../../menus/dist/index.js";
 import { useFloatingParentNodeId, FloatingTree, offset, flip, shift, size, useFloating, autoUpdate, useHover, safePolygon, useClick, useRole, useDismiss, useListNavigation, useTypeahead, useInteractions, FloatingNode, FloatingList, FloatingPortal, FloatingOverlay, FloatingFocusManager } from "@floating-ui/react";
-import React, { memo, useContext, useCallback, useRef, useState, useId, useMemo, useEffect, cloneElement } from "react";
+import React__default, { memo, useContext, useCallback, useRef, useState, useId, useMemo, useEffect, cloneElement } from "react";
 import { useEventCallback } from "usehooks-ts";
 const PORTAL_ROOT_ID = "floating-menu-root";
 const DEFAULT_OFFSET = 4;
-const ContextMenuContext = React.createContext(null);
+const ContextMenuContext = React__default.createContext(null);
 const ContextMenuTrigger = memo(function ContextMenuTrigger2({
   children,
   ...props
@@ -242,15 +242,15 @@ const ContextMenuComponent = memo(function ContextMenuComponent2(props) {
     handleOpenChange(false);
   });
   const { targetElement, subTriggerElement, contentElement } = useMemo(() => {
-    const childrenArray = React.Children.toArray(children);
+    const childrenArray = React__default.Children.toArray(children);
     const target = childrenArray.find(
-      (child) => React.isValidElement(child) && child.type === ContextMenuTrigger
+      (child) => React__default.isValidElement(child) && child.type === ContextMenuTrigger
     );
     const subTrigger = childrenArray.find(
-      (child) => React.isValidElement(child) && child.type === MenuContextSubTrigger
+      (child) => React__default.isValidElement(child) && child.type === MenuContextSubTrigger
     );
     const content = childrenArray.find(
-      (child) => React.isValidElement(child) && child.type === MenuContextContent
+      (child) => React__default.isValidElement(child) && child.type === MenuContextContent
     );
     return {
       targetElement: target,

package/dist/components/dialog/dist/index.js

@@ -1,7 +1,7 @@
 import { Slot } from "../../slot/dist/index.js";
 import { ModalFooter, ModalBackdrop, ModalContent, Modal, ModalHeader } from "../../modal/dist/index.js";
 import { FloatingPortal, FloatingOverlay, FloatingFocusManager, useFloating, autoUpdate, useTransitionStyles, useClick, useDismiss, useRole, useInteractions } from "@floating-ui/react";
-import React, { memo, useRef, useId, useMemo, createContext, forwardRef, useState, useEffect, useCallback, useContext } from "react";
+import React__default, { memo, useRef, useId, useMemo, createContext, forwardRef, useState, useEffect, useCallback, useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEventCallback } from "usehooks-ts";
 import { findChildByType } from "../../../shared/utils/assertion.js";
@@ -765,7 +765,7 @@ var DialogComponent = memo(function DialogComponent2({
   const backdropContent = useMemo(() => {
     const backdropChild = findChildByType(children, ModalBackdrop);
     if (!backdropChild) return null;
-    return React.cloneElement(backdropChild, {
+    return React__default.cloneElement(backdropChild, {
       isOpen: floating.innerOpen,
       onClose: floating.handleClose,
       ...backdropChild.props

package/dist/components/dialog/src/dialog.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "../../slot/dist/index.js";
 import { ModalFooter, ModalBackdrop, ModalContent, Modal } from "../../modal/dist/index.js";
 import { FloatingPortal, FloatingOverlay, FloatingFocusManager } from "@floating-ui/react";
-import React, { memo, useRef, useId, useMemo } from "react";
+import React__default, { memo, useRef, useId, useMemo } from "react";
 import { DialogContext } from "./dialog-context.js";
 import { dragDialogTv } from "./tv.js";
 import { DialogHeader } from "./components/dialog-header.js";
@@ -134,7 +134,7 @@ const DialogComponent = memo(function DialogComponent2({
   const backdropContent = useMemo(() => {
     const backdropChild = findChildByType(children, ModalBackdrop);
     if (!backdropChild) return null;
-    return React.cloneElement(backdropChild, {
+    return React__default.cloneElement(backdropChild, {
       isOpen: floating.innerOpen,
       onClose: floating.handleClose,
       ...backdropChild.props

package/dist/components/index.d.ts

@@ -36,6 +36,7 @@ export * from './modal/src';
 export * from './multi-select/src';
 export * from './notifications/src';
 export * from './numeric-input/src';
+export * from './otp-input/src';
 export * from './pagination/src';
 export * from './panel/src';
 export * from './picture-preview/src';

package/dist/components/md-input/src/components/toolbar/toolbar.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React, { memo, forwardRef, useContext, useMemo } from "react";
+import React__default, { memo, forwardRef, useContext, useMemo } from "react";
 import { useEventCallback } from "usehooks-ts";
 import { DEFAULT_TOOLBAR_GROUPS } from "./default-actions.js";
 import { ToolbarButton } from "./toolbar-button.js";
@@ -66,7 +66,7 @@ const Toolbar = memo(
         ...rest,
         children: [
           beforeElement,
-          filteredGroups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          filteredGroups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
             groupIndex > 0 && /* @__PURE__ */ jsx("div", { className: tcx(tv.divider()) }),
             group.map((action) => /* @__PURE__ */ jsx(
               ToolbarButton,

package/dist/components/md-input/src/md-input.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import React, { memo, forwardRef, useState, useRef, useMemo } from "react";
+import React__default, { memo, forwardRef, useState, useRef, useMemo } from "react";
 import { useEventCallback } from "usehooks-ts";
 import { MdInputContainer } from "./components/md-input-container.js";
 import { MdInputEditor } from "./components/md-input-editor.js";
@@ -37,10 +37,10 @@ const MdInputRoot = memo(
     const hasTabs = useMemo(() => {
       const checkForTabs = (node) => {
         let found = false;
-        React.Children.forEach(node, (child) => {
+        React__default.Children.forEach(node, (child) => {
           var _a;
           if (found) return;
-          if (React.isValidElement(child)) {
+          if (React__default.isValidElement(child)) {
             const type = child.type;
             if (type.displayName === "MdInputTabs" || type === MdInputTabs) {
               found = true;

package/dist/components/menus/dist/index.js

@@ -1,5 +1,5 @@
 import { Button } from "../../button/dist/index.js";
-import React, { forwardRef, memo, useContext, createContext, useMemo, startTransition, useCallback, useRef, Children, isValidElement, Fragment as Fragment$1, useState, useEffect } from "react";
+import React__default, { forwardRef, memo, useContext, createContext, useMemo, startTransition, useCallback, useRef, Children, isValidElement, Fragment as Fragment$1, useState, useEffect } from "react";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { Check, ChevronRightSmall, ChevronDownSmall, ChevronUpSmall } from "@choiceform/icons-react";
 import { Kbd } from "../../kbd/dist/index.js";
@@ -726,7 +726,7 @@ var MenusBase = forwardRef((props, ref) => {
           return processChildren(child.props.children);
         }
         if (child.props.children) {
-          return React.cloneElement(child, {
+          return React__default.cloneElement(child, {
             ...child.props,
             children: processChildren(child.props.children)
           });

package/dist/components/menus/src/menus.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import React, { forwardRef, Children, isValidElement, Fragment } from "react";
+import React__default, { forwardRef, Children, isValidElement, Fragment } from "react";
 import { MenuButton } from "./components/menu-button.js";
 import { MenuCheckbox } from "./components/menu-checkbox.js";
 import { MenuDivider } from "./components/menu-divider.js";
@@ -20,7 +20,7 @@ const MenusBase = forwardRef((props, ref) => {
           return processChildren(child.props.children);
         }
         if (child.props.children) {
-          return React.cloneElement(child, {
+          return React__default.cloneElement(child, {
             ...child.props,
             children: processChildren(child.props.children)
           });

package/dist/components/multi-select/dist/index.js

@@ -1,7 +1,7 @@
 import { Slot } from "../../slot/dist/index.js";
 import { MenuValue, MenuContextLabel, MenuContextItem, MenuEmpty, MenuDivider, MenuContextContent, useMenuBaseRefs, useMenuScroll, useMenuScrollHeight, MenuContext, MenuScrollArrow } from "../../menus/dist/index.js";
 import { useFloatingParentNodeId, FloatingTree, useFloatingNodeId, useFloatingTree, offset, flip, shift, size, useFloating, autoUpdate, useClick, useDismiss, useRole, useListNavigation, useTypeahead, useInteractions, FloatingNode, FloatingPortal, FloatingOverlay, FloatingFocusManager, FloatingList } from "@floating-ui/react";
-import React, { memo, forwardRef, useRef, useCallback, useMemo, Children, isValidElement, useId, useEffect, useState, cloneElement } from "react";
+import React__default, { memo, forwardRef, useRef, useCallback, useMemo, Children, isValidElement, useId, useEffect, useState, cloneElement } from "react";
 import { useEventCallback } from "usehooks-ts";
 import { Chip } from "../../chip/dist/index.js";
 import { ChevronDownSmall } from "@choiceform/icons-react";
@@ -356,7 +356,7 @@ function extractItemElements(children) {
       if (!isValidElement(child)) return;
       if (child.type === MenuContextItem || child.type === MenuDivider || child.type === MenuContextLabel || child.type === MenuEmpty) {
         result.push(child);
-      } else if (child.type === React.Fragment && child.props.children) {
+      } else if (child.type === React__default.Fragment && child.props.children) {
         const fragmentChildren = Children.toArray(child.props.children);
         result.push(...extractItems(fragmentChildren));
       }

package/dist/components/multi-select/src/utils/extract-options.js

@@ -1,5 +1,5 @@
 import { MenuDivider, MenuContextLabel, MenuEmpty, MenuContextItem } from "../../../menus/dist/index.js";
-import React, { Children, isValidElement } from "react";
+import React__default, { Children, isValidElement } from "react";
 function extractItemElements(children) {
   if (!children) return [];
   const childrenArray = Children.toArray(children);
@@ -9,7 +9,7 @@ function extractItemElements(children) {
       if (!isValidElement(child)) return;
       if (child.type === MenuContextItem || child.type === MenuDivider || child.type === MenuContextLabel || child.type === MenuEmpty) {
         result.push(child);
-      } else if (child.type === React.Fragment && child.props.children) {
+      } else if (child.type === React__default.Fragment && child.props.children) {
         const fragmentChildren = Children.toArray(child.props.children);
         result.push(...extractItems(fragmentChildren));
       }