qstd 0.3.43 → 0.3.45

package/dist/react/index.js

@@ -1,6 +1,6 @@
 import "./index.css";
-import * as React13 from 'react';
-import React13__default, { forwardRef, useMemo, createElement } from 'react';
+import * as React14 from 'react';
+import React14__default, { forwardRef, useMemo, createElement } from 'react';
 import { createPortal } from 'react-dom';
 import { motion, MotionConfig, LayoutGroup, AnimatePresence, useDragControls, useMotionValue } from 'framer-motion';
 import { useFloating, offset, flip, shift, hide, autoUpdate, FloatingPortal, arrow, useHover, safePolygon, useFocus, useDismiss, useRole, useInteractions } from '@floating-ui/react';
@@ -233,7 +233,7 @@ function normalizeHTMLProps(props) {
 normalizeHTMLProps.keys = htmlProps;
 
 // styled-system/css/conditions.mjs
-var conditionsStr = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,_activeMouse,_activeKeyboard,_checkbox,_radioLabel,_radioDisabled,_radioSelected,_radioCircleOuter,_radioCircleInner,_radioFocusRing,_path,_svg,_labelLifted,xs,xsOnly,xsDown,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,xsToSm,xsToMd,xsToLg,xsToXl,xsTo2xl,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,base";
+var conditionsStr = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,_activeMouse,_activeKeyboard,_checkbox,_radioLabel,_radioDisabled,_radioSelected,_radioCircleOuter,_radioCircleInner,_radioFocusRing,_path,_svg,_tooltip,_labelLifted,xs,xsOnly,xsDown,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,xsToSm,xsToMd,xsToLg,xsToXl,xsTo2xl,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,base";
 var conditions = new Set(conditionsStr.split(","));
 var conditionRegex = /^@|&|&$/;
 function isCondition(value) {
@@ -380,7 +380,7 @@ function getCompoundVariantCss(compoundVariants, variantMap) {
 }
 
 // styled-system/jsx/is-valid-prop.mjs
-var userGeneratedStr = "css,ar,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,colStart,colEnd,autoCols,rowG,colG,p,pl,pr,pt,pb,py,paddingY,paddingX,px,pe,paddingEnd,ps,paddingStart,ml,mr,mt,mb,m,my,marginY,mx,marginX,me,marginEnd,ms,marginStart,ringWidth,ringColor,ring,ringOffset,w,minW,maxW,h,minH,maxH,textShadowColor,bgPosition,bgPositionX,bgPositionY,bgAttachment,bgClip,bg,bgColor,bgOrigin,bgImage,bgRepeat,bgBlendMode,bgSize,bgGradient,bgLinear,bgRadial,bgConic,br,roundedTopLeft,roundedTopRight,roundedBottomRight,roundedBottomLeft,roundedTop,roundedRight,roundedBottom,roundedLeft,roundedStartStart,roundedStartEnd,roundedStart,roundedEndStart,roundedEndEnd,roundedEnd,borderX,borderXWidth,borderXColor,borderY,borderYWidth,borderYColor,borderStart,borderStartWidth,borderStartColor,borderEnd,borderEndWidth,borderEndColor,shadow,shadowColor,x,y,z,scrollMarginY,scrollMarginX,scrollPaddingY,scrollPaddingX,rowStart,rowEnd,rounded,aspectRatio,boxDecorationBreak,zIndex,boxSizing,objectPosition,objectFit,overscrollBehavior,overscrollBehaviorX,overscrollBehaviorY,position,top,left,inset,insetInline,insetBlock,insetBlockEnd,insetBlockStart,insetInlineEnd,insetInlineStart,right,bottom,float,visibility,display,hideFrom,hideBelow,flexBasis,flex,flexDirection,flexGrow,flexShrink,gridTemplateColumns,gridTemplateRows,gridColumn,gridRow,gridColumnStart,gridColumnEnd,gridAutoFlow,gridAutoColumns,gridAutoRows,gap,gridGap,gridRowGap,gridColumnGap,rowGap,columnGap,justifyContent,alignContent,alignItems,alignSelf,padding,paddingLeft,paddingRight,paddingTop,paddingBottom,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingInline,paddingInlineEnd,paddingInlineStart,marginLeft,marginRight,marginTop,marginBottom,margin,marginBlock,marginBlockEnd,marginBlockStart,marginInline,marginInlineEnd,marginInlineStart,spaceX,spaceY,outlineWidth,outlineColor,outline,outlineOffset,focusRing,focusVisibleRing,focusRingColor,focusRingOffset,focusRingWidth,focusRingStyle,divideX,divideY,divideColor,divideStyle,width,inlineSize,minWidth,minInlineSize,maxWidth,maxInlineSize,height,blockSize,minHeight,minBlockSize,maxHeight,maxBlockSize,boxSize,color,fontFamily,fontSize,fontSizeAdjust,fontPalette,fontKerning,fontFeatureSettings,fontWeight,fontSmoothing,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariationSettings,fontVariantNumeric,letterSpacing,lineHeight,textAlign,textDecoration,textDecorationColor,textEmphasisColor,textDecorationStyle,textDecorationThickness,textUnderlineOffset,textTransform,textIndent,textShadow,textOverflow,verticalAlign,wordBreak,textWrap,truncate,lineClamp,listStyleType,listStylePosition,listStyleImage,listStyle,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundAttachment,backgroundClip,background,backgroundColor,backgroundOrigin,backgroundImage,backgroundRepeat,backgroundBlendMode,backgroundSize,backgroundGradient,backgroundLinear,backgroundRadial,backgroundConic,textGradient,gradientFromPosition,gradientToPosition,gradientFrom,gradientTo,gradientVia,gradientViaPosition,borderRadius,borderTopLeftRadius,borderTopRightRadius,borderBottomRightRadius,borderBottomLeftRadius,borderTopRadius,borderRightRadius,borderBottomRadius,borderLeftRadius,borderStartStartRadius,borderStartEndRadius,borderStartRadius,borderEndStartRadius,borderEndEndRadius,borderEndRadius,border,borderWidth,borderTopWidth,borderLeftWidth,borderRightWidth,borderBottomWidth,borderBlockStartWidth,borderBlockEndWidth,borderColor,borderInline,borderInlineWidth,borderInlineColor,borderBlock,borderBlockWidth,borderBlockColor,borderLeft,borderLeftColor,borderInlineStart,borderInlineStartWidth,borderInlineStartColor,borderRight,borderRightColor,borderInlineEnd,borderInlineEndWidth,borderInlineEndColor,borderTop,borderTopColor,borderBottom,borderBottomColor,borderBlockEnd,borderBlockEndColor,borderBlockStart,borderBlockStartColor,opacity,boxShadow,boxShadowColor,mixBlendMode,filter,brightness,contrast,grayscale,hueRotate,invert,saturate,sepia,dropShadow,blur,backdropFilter,backdropBlur,backdropBrightness,backdropContrast,backdropGrayscale,backdropHueRotate,backdropInvert,backdropOpacity,backdropSaturate,backdropSepia,borderCollapse,borderSpacing,borderSpacingX,borderSpacingY,tableLayout,transitionTimingFunction,transitionDelay,transitionDuration,transitionProperty,transition,animation,animationName,animationTimingFunction,animationDuration,animationDelay,animationPlayState,animationComposition,animationFillMode,animationDirection,animationIterationCount,animationRange,animationState,animationRangeStart,animationRangeEnd,animationTimeline,transformOrigin,transformBox,transformStyle,transform,rotate,rotateX,rotateY,rotateZ,scale,scaleX,scaleY,translate,translateX,translateY,translateZ,accentColor,caretColor,scrollBehavior,scrollbar,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollMargin,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollMarginBottom,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollPaddingBottom,scrollSnapAlign,scrollSnapStop,scrollSnapType,scrollSnapStrictness,scrollSnapMargin,scrollSnapMarginTop,scrollSnapMarginBottom,scrollSnapMarginLeft,scrollSnapMarginRight,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,touchAction,userSelect,overflow,overflowWrap,overflowX,overflowY,overflowAnchor,overflowBlock,overflowInline,overflowClipBox,overflowClipMargin,overscrollBehaviorBlock,overscrollBehaviorInline,fill,stroke,strokeWidth,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,srOnly,debug,appearance,backfaceVisibility,clipPath,hyphens,mask,maskImage,maskSize,textSizeAdjust,container,containerName,containerType,cursor,grid,center,relative,absolute,fixed,sticky,size,pointer,strokeColor,cols,rows,placeI,placeC,placeS,alignI,alignC,alignS,justifyI,justifyC,justifyS,colN,spaceBetween,rowN,gridRowStart,gridRowEnd,colorPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,_activeMouse,_activeKeyboard,_checkbox,_radioLabel,_radioDisabled,_radioSelected,_radioCircleOuter,_radioCircleInner,_radioFocusRing,_path,_svg,_labelLifted,xs,xsOnly,xsDown,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,xsToSm,xsToMd,xsToLg,xsToXl,xsTo2xl,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,textStyle";
+var userGeneratedStr = "css,ar,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,colStart,colEnd,autoCols,rowG,colG,p,pl,pr,pt,pb,py,paddingY,paddingX,px,pe,paddingEnd,ps,paddingStart,ml,mr,mt,mb,m,my,marginY,mx,marginX,me,marginEnd,ms,marginStart,ringWidth,ringColor,ring,ringOffset,w,minW,maxW,h,minH,maxH,textShadowColor,bgPosition,bgPositionX,bgPositionY,bgAttachment,bgClip,bg,bgColor,bgOrigin,bgImage,bgRepeat,bgBlendMode,bgSize,bgGradient,bgLinear,bgRadial,bgConic,br,roundedTopLeft,roundedTopRight,roundedBottomRight,roundedBottomLeft,roundedTop,roundedRight,roundedBottom,roundedLeft,roundedStartStart,roundedStartEnd,roundedStart,roundedEndStart,roundedEndEnd,roundedEnd,borderX,borderXWidth,borderXColor,borderY,borderYWidth,borderYColor,borderStart,borderStartWidth,borderStartColor,borderEnd,borderEndWidth,borderEndColor,shadow,shadowColor,x,y,z,scrollMarginY,scrollMarginX,scrollPaddingY,scrollPaddingX,rowStart,rowEnd,rounded,aspectRatio,boxDecorationBreak,zIndex,boxSizing,objectPosition,objectFit,overscrollBehavior,overscrollBehaviorX,overscrollBehaviorY,position,top,left,inset,insetInline,insetBlock,insetBlockEnd,insetBlockStart,insetInlineEnd,insetInlineStart,right,bottom,float,visibility,display,hideFrom,hideBelow,flexBasis,flex,flexDirection,flexGrow,flexShrink,gridTemplateColumns,gridTemplateRows,gridColumn,gridRow,gridColumnStart,gridColumnEnd,gridAutoFlow,gridAutoColumns,gridAutoRows,gap,gridGap,gridRowGap,gridColumnGap,rowGap,columnGap,justifyContent,alignContent,alignItems,alignSelf,padding,paddingLeft,paddingRight,paddingTop,paddingBottom,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingInline,paddingInlineEnd,paddingInlineStart,marginLeft,marginRight,marginTop,marginBottom,margin,marginBlock,marginBlockEnd,marginBlockStart,marginInline,marginInlineEnd,marginInlineStart,spaceX,spaceY,outlineWidth,outlineColor,outline,outlineOffset,focusRing,focusVisibleRing,focusRingColor,focusRingOffset,focusRingWidth,focusRingStyle,divideX,divideY,divideColor,divideStyle,width,inlineSize,minWidth,minInlineSize,maxWidth,maxInlineSize,height,blockSize,minHeight,minBlockSize,maxHeight,maxBlockSize,boxSize,color,fontFamily,fontSize,fontSizeAdjust,fontPalette,fontKerning,fontFeatureSettings,fontWeight,fontSmoothing,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariationSettings,fontVariantNumeric,letterSpacing,lineHeight,textAlign,textDecoration,textDecorationColor,textEmphasisColor,textDecorationStyle,textDecorationThickness,textUnderlineOffset,textTransform,textIndent,textShadow,textOverflow,verticalAlign,wordBreak,textWrap,truncate,lineClamp,listStyleType,listStylePosition,listStyleImage,listStyle,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundAttachment,backgroundClip,background,backgroundColor,backgroundOrigin,backgroundImage,backgroundRepeat,backgroundBlendMode,backgroundSize,backgroundGradient,backgroundLinear,backgroundRadial,backgroundConic,textGradient,gradientFromPosition,gradientToPosition,gradientFrom,gradientTo,gradientVia,gradientViaPosition,borderRadius,borderTopLeftRadius,borderTopRightRadius,borderBottomRightRadius,borderBottomLeftRadius,borderTopRadius,borderRightRadius,borderBottomRadius,borderLeftRadius,borderStartStartRadius,borderStartEndRadius,borderStartRadius,borderEndStartRadius,borderEndEndRadius,borderEndRadius,border,borderWidth,borderTopWidth,borderLeftWidth,borderRightWidth,borderBottomWidth,borderBlockStartWidth,borderBlockEndWidth,borderColor,borderInline,borderInlineWidth,borderInlineColor,borderBlock,borderBlockWidth,borderBlockColor,borderLeft,borderLeftColor,borderInlineStart,borderInlineStartWidth,borderInlineStartColor,borderRight,borderRightColor,borderInlineEnd,borderInlineEndWidth,borderInlineEndColor,borderTop,borderTopColor,borderBottom,borderBottomColor,borderBlockEnd,borderBlockEndColor,borderBlockStart,borderBlockStartColor,opacity,boxShadow,boxShadowColor,mixBlendMode,filter,brightness,contrast,grayscale,hueRotate,invert,saturate,sepia,dropShadow,blur,backdropFilter,backdropBlur,backdropBrightness,backdropContrast,backdropGrayscale,backdropHueRotate,backdropInvert,backdropOpacity,backdropSaturate,backdropSepia,borderCollapse,borderSpacing,borderSpacingX,borderSpacingY,tableLayout,transitionTimingFunction,transitionDelay,transitionDuration,transitionProperty,transition,animation,animationName,animationTimingFunction,animationDuration,animationDelay,animationPlayState,animationComposition,animationFillMode,animationDirection,animationIterationCount,animationRange,animationState,animationRangeStart,animationRangeEnd,animationTimeline,transformOrigin,transformBox,transformStyle,transform,rotate,rotateX,rotateY,rotateZ,scale,scaleX,scaleY,translate,translateX,translateY,translateZ,accentColor,caretColor,scrollBehavior,scrollbar,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollMargin,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollMarginBottom,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollPaddingBottom,scrollSnapAlign,scrollSnapStop,scrollSnapType,scrollSnapStrictness,scrollSnapMargin,scrollSnapMarginTop,scrollSnapMarginBottom,scrollSnapMarginLeft,scrollSnapMarginRight,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,touchAction,userSelect,overflow,overflowWrap,overflowX,overflowY,overflowAnchor,overflowBlock,overflowInline,overflowClipBox,overflowClipMargin,overscrollBehaviorBlock,overscrollBehaviorInline,fill,stroke,strokeWidth,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,srOnly,debug,appearance,backfaceVisibility,clipPath,hyphens,mask,maskImage,maskSize,textSizeAdjust,container,containerName,containerType,cursor,grid,center,relative,absolute,fixed,sticky,size,pointer,strokeColor,cols,rows,placeI,placeC,placeS,alignI,alignC,alignS,justifyI,justifyC,justifyS,colN,spaceBetween,rowN,gridRowStart,gridRowEnd,colorPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,_activeMouse,_activeKeyboard,_checkbox,_radioLabel,_radioDisabled,_radioSelected,_radioCircleOuter,_radioCircleInner,_radioFocusRing,_path,_svg,_tooltip,_labelLifted,xs,xsOnly,xsDown,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,xsToSm,xsToMd,xsToLg,xsToXl,xsTo2xl,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,textStyle";
 var userGenerated = userGeneratedStr.split(",");
 var cssPropertiesStr = "WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,WebkitUserSelect,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,anchorName,anchorScope,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimeline,animationTimingFunction,appearance,aspectRatio,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBlockStyle,borderBlockWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineColor,borderInlineEnd,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderInlineStyle,borderInlineWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,clipRule,color,colorInterpolationFilters,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,counterIncrement,counterReset,counterSet,cursor,cx,cy,d,direction,display,dominantBaseline,emptyCells,fieldSizing,fill,fillOpacity,fillRule,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,floodColor,floodOpacity,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontVariationSettings,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,interpolateSize,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lightingColor,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,marker,markerEnd,markerMid,markerStart,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,positionAnchor,positionArea,positionTry,positionTryFallbacks,positionTryOrder,positionVisibility,printColorAdjust,quotes,r,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,rx,ry,scale,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginBottom,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockEnd,scrollPaddingBlockStart,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,scrollbarColor,scrollbarGutter,scrollbarWidth,shapeImageThreshold,shapeMargin,shapeOutside,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,tabSize,tableLayout,textAlign,textAlignLast,textAnchor,textBox,textBoxEdge,textBoxTrim,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textSpacingTrim,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,textWrapMode,textWrapStyle,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,vectorEffect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,x,y,zIndex,zoom,alignmentBaseline,baselineShift,colorInterpolation,colorRendering,glyphOrientationVertical";
 var allCssProperties = cssPropertiesStr.split(",").concat(userGenerated);
@@ -608,14 +608,14 @@ function Menu(props) {
     trigger,
     ...rest
   } = props;
-  const hoverTimeoutRef = React13__default.useRef(null);
-  const [isOpen, setOpen] = React13__default.useState(isOpenControlled ?? false);
+  const hoverTimeoutRef = React14__default.useRef(null);
+  const [isOpen, setOpen] = React14__default.useState(isOpenControlled ?? false);
   const onOpenChange = (open) => {
     const newOpenState = typeof open === "function" ? open(isOpen) : open;
     props.onOpenOrClose?.(newOpenState);
     setOpen(newOpenState);
   };
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     if (typeof isOpenControlled !== "boolean") return;
     setOpen(isOpenControlled);
   }, [isOpenControlled]);
@@ -690,11 +690,11 @@ function Menu(props) {
     },
     isOpen
   );
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     if (!hideData?.referenceHidden) return;
     closeMenuImmediate();
   }, [hideData, closeMenuImmediate]);
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     return () => {
       if (hoverTimeoutRef.current) clearTimeout(hoverTimeoutRef.current);
     };
@@ -720,10 +720,10 @@ function Menu(props) {
     onMouseLeave: handleMenuMouseLeave
   } : {};
   const transformOrigin = floatingContext.placement.startsWith("top") ? "bottom left" : "top left";
-  const childArray = React13__default.Children.toArray(children);
+  const childArray = React14__default.Children.toArray(children);
   let customContainerEl = null;
   for (const c of childArray) {
-    if (React13__default.isValidElement(c)) {
+    if (React14__default.isValidElement(c)) {
       const anyType = c.type;
       if (c.props?.["data-menu-container"] || anyType?.isBlockMenuContainer) {
         customContainerEl = c;
@@ -752,7 +752,7 @@ function Menu(props) {
       ...restStyle || {}
     };
     const mergedClassName = [defaultsClassName, childProps.className].filter(Boolean).join(" ");
-    const contentNode = React13__default.cloneElement(
+    const contentNode = React14__default.cloneElement(
       customContainerEl,
       {
         // Defaults are now in mergedClassName via css()
@@ -838,7 +838,7 @@ function Menu(props) {
   );
 }
 function useOutsideClick(ref, handler, enabled = true) {
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     if (!enabled) return;
     const listener = (event) => {
       if (!ref.current || ref.current.contains(event.target)) {
@@ -948,9 +948,9 @@ var prepareFiles = async (acceptedFiles) => {
   );
 };
 var findChildrenByDisplayName = (children, displayName2) => {
-  return React13__default.Children.toArray(children).find(
+  return React14__default.Children.toArray(children).find(
     (child) => {
-      if (React13__default.isValidElement(child)) {
+      if (React14__default.isValidElement(child)) {
         const childType = child.type;
         return childType.displayName === displayName2;
       } else {
@@ -1130,7 +1130,7 @@ function getIcon(position, Icon2, props) {
         if (loadingIcons.includes(chosen)) {
           const Cmp = loadingIconsMap[chosen];
           const sizePx = typeof loadingIconSize === "number" ? `${loadingIconSize}px` : "12px";
-          return React13__default.createElement(Cmp, {
+          return React14__default.createElement(Cmp, {
             width: sizePx,
             height: sizePx
           });
@@ -1145,11 +1145,11 @@ function getIcon(position, Icon2, props) {
             spin: props.spin
           }
         );
-      } else if (React13__default.isValidElement(chosen)) {
+      } else if (React14__default.isValidElement(chosen)) {
         return chosen;
       } else if (typeof chosen === "function") {
         const iconProps = typeof loadingIconSize === "number" || typeof loadingIconSize === "string" ? { size: loadingIconSize } : void 0;
-        return React13__default.createElement(chosen, iconProps);
+        return React14__default.createElement(chosen, iconProps);
       } else if (typeof chosen === "object" && chosen !== null && "iconName" in chosen) {
         return /* @__PURE__ */ jsx(
           FontAwesomeIcon,
@@ -1199,8 +1199,8 @@ function getIcon(position, Icon2, props) {
       }
     );
   } else if (typeof Icon2 === "function") {
-    return React13__default.createElement(Icon2);
-  } else if (React13__default.isValidElement(Icon2)) {
+    return React14__default.createElement(Icon2);
+  } else if (React14__default.isValidElement(Icon2)) {
     return Icon2;
   } else return null;
 }
@@ -1245,9 +1245,9 @@ var TrackNameKey = "Track";
 var ThumbNameKey = "Thumb";
 var Button = motionTags.button;
 var Base = motionTags.div;
-var SwitchContext = React13__default.createContext(null);
+var SwitchContext = React14__default.createContext(null);
 var useSwitchContext = () => {
-  const context2 = React13__default.useContext(SwitchContext);
+  const context2 = React14__default.useContext(SwitchContext);
   if (!context2) {
     throw new Error("Switch compound components must be used within Switch");
   }
@@ -1266,9 +1266,9 @@ function Switch(props) {
     _motion,
     ...rest
   } = props;
-  const [x, setX] = React13__default.useState(0);
-  const [pressed, setPressed] = React13__default.useState(false);
-  const [growThumb, setGrowThumb] = React13__default.useState(false);
+  const [x, setX] = React14__default.useState(0);
+  const [pressed, setPressed] = React14__default.useState(false);
+  const [growThumb, setGrowThumb] = React14__default.useState(false);
   const borderWidth = 4;
   const trackWidth = thumbSize * 1.5;
   const borderRadius = thumbSize * 2.5;
@@ -1279,7 +1279,7 @@ function Switch(props) {
     start: stopwatchStart,
     clear: stopwatchClear
   } = useStopwatch();
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     if (pressed && !disabled) {
       stopwatchStart();
     } else {
@@ -1287,12 +1287,12 @@ function Switch(props) {
       stopwatchClear();
     }
   }, [pressed, disabled, stopwatchStart, stopwatchClear]);
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     if (stopwatchTime > 200) {
       setGrowThumb(true);
     }
   }, [stopwatchTime]);
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     setX(checked ? checkedPosition : 0);
   }, [checked, checkedPosition]);
   const toggle = () => {
@@ -1357,10 +1357,10 @@ function Switch(props) {
     children,
     ThumbNameKey
   );
-  const trackElement = track ? React13__default.cloneElement(track, {
+  const trackElement = track ? React14__default.cloneElement(track, {
     _motion,
-    children: thumb ? React13__default.cloneElement(thumb, { _motion }) : /* @__PURE__ */ jsx(Thumb, { _motion })
-  }) : /* @__PURE__ */ jsx(Track, { _motion, children: thumb ? React13__default.cloneElement(thumb, { _motion }) : /* @__PURE__ */ jsx(Thumb, { _motion }) });
+    children: thumb ? React14__default.cloneElement(thumb, { _motion }) : /* @__PURE__ */ jsx(Thumb, { _motion })
+  }) : /* @__PURE__ */ jsx(Track, { _motion, children: thumb ? React14__default.cloneElement(thumb, { _motion }) : /* @__PURE__ */ jsx(Thumb, { _motion }) });
   return /* @__PURE__ */ jsx(SwitchContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(MotionConfig, { transition: _motion, children: /* @__PURE__ */ jsx(
     Button,
     {
@@ -1486,10 +1486,10 @@ function Thumb(props) {
 Track.displayName = TrackNameKey;
 Thumb.displayName = ThumbNameKey;
 function useStopwatch(props = {}) {
-  const [active, setActive] = React13__default.useState(false);
-  const [time, setTime] = React13__default.useState(0);
+  const [active, setActive] = React14__default.useState(false);
+  const [time, setTime] = React14__default.useState(0);
   const timeInterval = props?.interval ?? 10;
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     let interval = null;
     if (active) {
       interval = setInterval(() => {
@@ -1500,19 +1500,19 @@ function useStopwatch(props = {}) {
     }
     return () => clearInterval(interval);
   }, [active, timeInterval]);
-  const start = React13__default.useCallback(() => setActive(true), []);
-  const stop = React13__default.useCallback(() => setActive(false), []);
-  const clear = React13__default.useCallback(() => {
+  const start = React14__default.useCallback(() => setActive(true), []);
+  const stop = React14__default.useCallback(() => setActive(false), []);
+  const clear = React14__default.useCallback(() => {
     setActive(false);
     setTime(0);
   }, []);
-  return React13__default.useMemo(
+  return React14__default.useMemo(
     () => ({ time, start, stop, clear }),
     [time, start, stop, clear]
   );
 }
 var switch_default = Switch;
-var RadioContext = React13__default.createContext(null);
+var RadioContext = React14__default.createContext(null);
 var Base2 = base;
 var MotionDiv2 = motionTags.div;
 function Radio(props) {
@@ -1529,14 +1529,14 @@ function Radio(props) {
     onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
-  const groupId = React13__default.useId();
+  const groupId = React14__default.useId();
   const isControlled = controlledValue !== void 0;
-  const [uncontrolled, setUncontrolled] = React13__default.useState(
+  const [uncontrolled, setUncontrolled] = React14__default.useState(
     defaultValue
   );
   const selectedValue = isControlled ? controlledValue ?? null : uncontrolled;
-  const itemsRef = React13__default.useRef([]);
-  const [activeId, setActiveId] = React13__default.useState("");
+  const itemsRef = React14__default.useRef([]);
+  const [activeId, setActiveId] = React14__default.useState("");
   const setSelectedValue = (val) => {
     if (!isControlled) setUncontrolled(val);
     onChange?.(val);
@@ -1589,7 +1589,7 @@ function Radio(props) {
       setActiveId(found.id);
     }
   };
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     if (!selectedValue) return;
     const selected = itemsRef.current.find((x) => x.value === selectedValue);
     if (selected && !selected.disabled) setActiveId(selected.id);
@@ -1630,7 +1630,7 @@ function Radio(props) {
       },
       children: [
         (options ?? []).map(
-          (opt) => renderOption ? /* @__PURE__ */ jsx(React13__default.Fragment, { children: renderOption(opt) }, opt.value) : /* @__PURE__ */ jsx(
+          (opt) => renderOption ? /* @__PURE__ */ jsx(React14__default.Fragment, { children: renderOption(opt) }, opt.value) : /* @__PURE__ */ jsx(
             Item,
             {
               value: opt.value,
@@ -1662,16 +1662,16 @@ function Item(props) {
     onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
-  const ctx = React13__default.useContext(RadioContext);
-  const ref = React13__default.useRef(null);
-  const [isFocused, setIsFocused] = React13__default.useState(false);
+  const ctx = React14__default.useContext(RadioContext);
+  const ref = React14__default.useRef(null);
+  const [isFocused, setIsFocused] = React14__default.useState(false);
   const groupDisabled = ctx?.disabled;
   const disabled = !!(groupDisabled || itemDisabled);
   const groupId = ctx?.groupId ?? "";
   const id = `radio-item-${groupId}-${value}`;
   const registerItem = ctx?.registerItem;
   const unregisterItem = ctx?.unregisterItem;
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     if (!registerItem || !unregisterItem) return;
     registerItem({ id, value, disabled, ref });
     return () => unregisterItem(id);
@@ -1687,12 +1687,12 @@ function Item(props) {
   const isActive = isActiveId(id);
   const shouldUseGrid = gridProp || !!colsProp;
   const renderLabel = () => {
-    const onlyChild = React13__default.Children.count(children) === 1 ? React13__default.Children.toArray(children)[0] : null;
+    const onlyChild = React14__default.Children.count(children) === 1 ? React14__default.Children.toArray(children)[0] : null;
     if (typeof onlyChild === "string") {
       return /* @__PURE__ */ jsx(Base2, { "data-radio-label": true, children: onlyChild });
     }
-    if (React13__default.isValidElement(onlyChild)) {
-      return React13__default.cloneElement(
+    if (React14__default.isValidElement(onlyChild)) {
+      return React14__default.cloneElement(
         onlyChild,
         { "data-radio-label": true }
       );
@@ -1809,7 +1809,7 @@ function Item(props) {
 var LabelNameKey = "Label";
 var Base3 = base;
 var isBrowser = typeof window !== "undefined";
-var useIsomorphicLayoutEffect = isBrowser ? React13__default.useLayoutEffect : React13__default.useEffect;
+var useIsomorphicLayoutEffect = isBrowser ? React14__default.useLayoutEffect : React14__default.useEffect;
 function pick(props, obj) {
   return props.reduce((acc, prop) => {
     acc[prop] = obj[prop];
@@ -1940,21 +1940,21 @@ function Textarea(props) {
     ...rest
   } = props;
   const isControlled = props.value !== void 0;
-  const libRef = React13__default.useRef(null);
+  const libRef = React14__default.useRef(null);
   const ref = assignRefs(libRef, userRef);
-  const heightRef = React13__default.useRef(0);
-  const [_value, _setValue] = React13__default.useState("");
+  const heightRef = React14__default.useRef(0);
+  const [_value, _setValue] = React14__default.useState("");
   const value = props.value ?? _value;
   const label = findChildrenByDisplayName(
     children,
     LabelNameKey
   );
-  const labelWithProps = label ? React13__default.cloneElement(label, {
+  const labelWithProps = label ? React14__default.cloneElement(label, {
     required: props.required,
     value: props.value,
     error
   }) : null;
-  const resizeTextarea = React13__default.useCallback(() => {
+  const resizeTextarea = React14__default.useCallback(() => {
     const node = libRef.current;
     if (!node) return;
     const nodeSizingData = getSizingData(node);
@@ -1980,20 +1980,20 @@ function Textarea(props) {
   useIsomorphicLayoutEffect(() => {
     resizeTextarea();
   }, [rest.value, rest.placeholder, resizeTextarea]);
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     if (!isBrowser) return;
     const onResize = () => resizeTextarea();
     window.addEventListener("resize", onResize);
     return () => window.removeEventListener("resize", onResize);
   }, [rest.placeholder, rest.value, resizeTextarea]);
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     const fonts = isBrowser ? document.fonts : void 0;
     if (!fonts || typeof fonts.addEventListener !== "function") return;
     const onFontsLoaded = () => resizeTextarea();
     fonts.addEventListener("loadingdone", onFontsLoaded);
     return () => fonts.removeEventListener("loadingdone", onFontsLoaded);
   }, [rest.placeholder, rest.value, resizeTextarea]);
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     const node = libRef.current;
     const form = node?.form;
     if (!node || !form || isControlled) return;
@@ -2135,8 +2135,8 @@ function Icon(props) {
       }
     );
   } else if (typeof IconComp === "function") {
-    return React13__default.createElement(IconComp);
-  } else if (React13__default.isValidElement(IconComp)) {
+    return React14__default.createElement(IconComp);
+  } else if (React14__default.isValidElement(IconComp)) {
     return IconComp;
   }
   return null;
@@ -2165,13 +2165,13 @@ function Input(props) {
     children,
     RightSideNameKey
   );
-  const labelWithProps = label ? React13__default.cloneElement(label, {
+  const labelWithProps = label ? React14__default.cloneElement(label, {
     hasLeftIcon: !!leftIcon,
     required: props.required,
     value: props.value,
     error
   }) : null;
-  const rightSideWithProps = rightSide ? React13__default.cloneElement(rightSide, {
+  const rightSideWithProps = rightSide ? React14__default.cloneElement(rightSide, {
     onChange: props.onChange,
     value: props.value
   }) : null;
@@ -2316,29 +2316,29 @@ function Label2(props) {
 Label2.displayName = LabelNameKey2;
 function useResizeObserver(opts = {}) {
   const onResize = opts.onResize;
-  const onResizeRef = React13__default.useRef(void 0);
-  React13__default.useLayoutEffect(() => {
+  const onResizeRef = React14__default.useRef(void 0);
+  React14__default.useLayoutEffect(() => {
     onResizeRef.current = onResize;
   }, [onResize]);
   const round = opts.round || Math.round;
-  const resizeObserverRef = React13__default.useRef(null);
-  const [size, setSize] = React13__default.useState({
+  const resizeObserverRef = React14__default.useRef(null);
+  const [size, setSize] = React14__default.useState({
     width: void 0,
     height: void 0
   });
-  const didUnmount = React13__default.useRef(false);
-  React13__default.useEffect(() => {
+  const didUnmount = React14__default.useRef(false);
+  React14__default.useEffect(() => {
     didUnmount.current = false;
     return () => {
       didUnmount.current = true;
     };
   }, []);
-  const previous = React13__default.useRef({
+  const previous = React14__default.useRef({
     width: void 0,
     height: void 0
   });
   const refCallback = useResolvedElement(
-    React13__default.useCallback(
+    React14__default.useCallback(
       (element) => {
         if (!resizeObserverRef.current || resizeObserverRef.current.box !== opts.box || resizeObserverRef.current.round !== round) {
           resizeObserverRef.current = {
@@ -2378,7 +2378,7 @@ function useResizeObserver(opts = {}) {
     ),
     opts.ref
   );
-  return React13__default.useMemo(
+  return React14__default.useMemo(
     () => ({
       ref: refCallback,
       width: size.width,
@@ -2390,12 +2390,12 @@ function useResizeObserver(opts = {}) {
   );
 }
 function useResolvedElement(subscriber, refOrElement) {
-  const lastReportRef = React13__default.useRef(null);
-  const refOrElementRef = React13__default.useRef(null);
-  React13__default.useLayoutEffect(() => {
+  const lastReportRef = React14__default.useRef(null);
+  const refOrElementRef = React14__default.useRef(null);
+  React14__default.useLayoutEffect(() => {
     refOrElementRef.current = refOrElement;
   }, [refOrElement]);
-  const cbElementRef = React13__default.useRef(null);
+  const cbElementRef = React14__default.useRef(null);
   const evaluateSubscription = () => {
     const cbElement = cbElementRef.current;
     const refOrElement2 = refOrElementRef.current;
@@ -2414,10 +2414,10 @@ function useResolvedElement(subscriber, refOrElement) {
       cleanup: element ? subscriber(element) : void 0
     };
   };
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     evaluateSubscription();
   });
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     return () => {
       if (lastReportRef.current && lastReportRef.current.cleanup) {
         lastReportRef.current.cleanup();
@@ -2443,7 +2443,7 @@ var use_resize_observer_default = useResizeObserver;
 var MotionDiv3 = motionTags.div;
 var MotionBtn = motionTags.button;
 var displayName = "AccordionItem";
-var AccordionContext = React13__default.createContext({});
+var AccordionContext = React14__default.createContext({});
 function AccordionProvider(props) {
   const [state, setState] = useImmer({
     allowMultiple: false,
@@ -2453,7 +2453,7 @@ function AccordionProvider(props) {
   return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: { setState, state }, children: props.children });
 }
 function useAccordion() {
-  const context2 = React13__default.useContext(AccordionContext);
+  const context2 = React14__default.useContext(AccordionContext);
   if (context2 === void 0) {
     throw new Error("useAccordion must be used within a AccordionProvider");
   }
@@ -2462,23 +2462,23 @@ function useAccordion() {
 function AccordionComponent(props) {
   const accordion = useAccordion();
   const accordionState = accordion.state;
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     accordion.setState((draft) => {
       draft.allowMultiple = !!props.allowMultiple;
       draft.allowToggle = !!props.allowToggle;
     });
   }, [props.allowMultiple, props.allowToggle]);
-  React13__default.Children.forEach(props.children, (x) => {
+  React14__default.Children.forEach(props.children, (x) => {
     if (typeof x.type === "function" && "displayName" in x.type && x.type.displayName !== displayName) {
       throw new Error("Accordion can only have AccordionItems as children");
     }
   });
-  const children = React13__default.Children.map(props.children, (child, i) => {
-    if (!React13__default.isValidElement(child)) return child;
-    return React13__default.cloneElement(child, { idx: i });
+  const children = React14__default.Children.map(props.children, (child, i) => {
+    if (!React14__default.isValidElement(child)) return child;
+    return React14__default.cloneElement(child, { idx: i });
   });
   const defaultOpenIdxList = JSON.stringify(props.defaultOpenIdx ?? []);
-  React13__default.useEffect(
+  React14__default.useEffect(
     () => {
       if (accordionState.open.length === children.length) return;
       const defaultOpenIdx = props.defaultOpenIdx;
@@ -2585,14 +2585,18 @@ var MotionDiv4 = motionTags.div;
 var MotionBtn2 = motionTags.button;
 var breakpoint = ["(min-width: 600px)"];
 function DrawerComponent(props) {
-  const ref = React13__default.useRef(null);
-  const dragHandleRef = React13__default.useRef(null);
+  const ref = React14__default.useRef(null);
+  const dragHandleRef = React14__default.useRef(null);
   const [isDesktop] = useMatchMedia(breakpoint);
-  const closeFnRef = React13__default.useRef(null);
-  const prevOpenRef = React13__default.useRef(null);
+  const closeFnRef = React14__default.useRef(null);
+  const prevOpenRef = React14__default.useRef(null);
   const dragControls = useDragControls();
   const { open, setOpen } = useDrawer();
   const { onClose, onExitComplete, ...rest } = props;
+  const [mounted, setMounted] = React14__default.useState(false);
+  React14__default.useEffect(() => {
+    setMounted(true);
+  }, []);
   const y = useMotionValue(0);
   const openDrawer = () => {
     y.stop();
@@ -2603,7 +2607,7 @@ function DrawerComponent(props) {
     y.stop();
     setOpen(false);
   };
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     closeFnRef.current = () => {
       closeDrawer();
       onClose?.();
@@ -2623,7 +2627,7 @@ function DrawerComponent(props) {
       );
     }
   };
-  React13__default.useLayoutEffect(() => {
+  React14__default.useLayoutEffect(() => {
     const wasOpen = prevOpenRef.current;
     const isOpen = props.open;
     if (isOpen) {
@@ -2633,7 +2637,7 @@ function DrawerComponent(props) {
     }
     prevOpenRef.current = isOpen;
   }, [props.open]);
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     const container = ref.current;
     if (!open || !container) return;
     container.setAttribute("tabindex", "0");
@@ -2655,7 +2659,7 @@ function DrawerComponent(props) {
       document.body.style.overflow = "auto";
     };
   }, [open, props.closeOnEsc]);
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     if (!props.open) return;
     const unsubscribeY = y.on("change", (latestY) => {
       if (latestY > 150) {
@@ -2674,160 +2678,169 @@ function DrawerComponent(props) {
     console.log("[close] clicked backdrop");
     closeFnRef.current?.();
   };
+  if (!mounted) return null;
   return createPortal(
-    /* @__PURE__ */ jsx(AnimatePresence, { initial: false, mode: "wait", onExitComplete, children: open && /* @__PURE__ */ jsx(
-      Backdrop,
+    /* @__PURE__ */ jsx(
+      AnimatePresence,
       {
-        onClick: () => onBackdropClick(),
-        children: /* @__PURE__ */ jsx(
-          MotionDiv4,
+        initial: false,
+        mode: "wait",
+        onExitComplete,
+        children: open && /* @__PURE__ */ jsx(
+          Backdrop,
           {
-            grid: true,
-            onClick: (e) => e.stopPropagation(),
-            position: "fixed",
-            initial: "initial",
-            animate: "animate",
-            exit: "exit",
-            ...isDesktop ? {
-              drag: false,
-              style: void 0,
-              dragControls: null,
-              dragConstraints: void 0,
-              // style: null,
-              // dragConstraints: null,
-              height: props.height ?? "max-content!",
-              // "min(50%, 300px)",
-              width: props.width ?? "clamp(50%, 700px, 90%)",
-              pt: 6,
-              // px: 4,
-              margin: "auto",
-              borderRadius: 12,
-              zIndex: 1,
-              variants: {
-                initial: { opacity: 0, scale: 0.5 },
-                animate: {
-                  opacity: 1,
-                  scale: 1,
-                  transition: {
-                    type: "spring",
-                    damping: 20,
-                    stiffness: 300
+            onClick: () => onBackdropClick(),
+            children: /* @__PURE__ */ jsx(
+              MotionDiv4,
+              {
+                grid: true,
+                onClick: (e) => e.stopPropagation(),
+                position: "fixed",
+                initial: "initial",
+                animate: "animate",
+                exit: "exit",
+                ...isDesktop ? {
+                  drag: false,
+                  style: void 0,
+                  dragControls: null,
+                  dragConstraints: void 0,
+                  // style: null,
+                  // dragConstraints: null,
+                  height: props.height ?? "max-content!",
+                  // "min(50%, 300px)",
+                  width: props.width ?? "clamp(50%, 700px, 90%)",
+                  pt: 6,
+                  // px: 4,
+                  margin: "auto",
+                  borderRadius: 12,
+                  zIndex: 1,
+                  variants: {
+                    initial: { opacity: 0, scale: 0.5 },
+                    animate: {
+                      opacity: 1,
+                      scale: 1,
+                      transition: {
+                        type: "spring",
+                        damping: 20,
+                        stiffness: 300
+                      }
+                    },
+                    exit: {
+                      opacity: 0,
+                      scale: 0.3,
+                      transition: { type: "spring", duration: 0.45 }
+                    }
                   }
-                },
-                exit: {
-                  opacity: 0,
-                  scale: 0.3,
-                  transition: { type: "spring", duration: 0.45 }
-                }
-              }
-            } : {
-              w: "100vw",
-              left: 0,
-              right: 0,
-              bottom: 0,
-              borderTopLeftRadius: 12,
-              borderTopRightRadius: 12,
-              overflow: "hidden",
-              // Note: Can't use framer-motion's `y` prop because it conflicts
-              // with the drag motion value. Use CSS transform instead.
-              variants: {
-                initial: {
-                  transform: "translateY(100%)",
-                  opacity: 0.5
-                },
-                animate: {
-                  transform: "translateY(0%)",
-                  opacity: 1,
-                  transition: {
-                    type: "spring",
-                    damping: 22,
-                    stiffness: 400,
-                    mass: 0.7
+                } : {
+                  w: "100vw",
+                  left: 0,
+                  right: 0,
+                  bottom: 0,
+                  borderTopLeftRadius: 12,
+                  borderTopRightRadius: 12,
+                  overflow: "hidden",
+                  // Note: Can't use framer-motion's `y` prop because it conflicts
+                  // with the drag motion value. Use CSS transform instead.
+                  variants: {
+                    initial: {
+                      transform: "translateY(100%)",
+                      opacity: 0.5
+                    },
+                    animate: {
+                      transform: "translateY(0%)",
+                      opacity: 1,
+                      transition: {
+                        type: "spring",
+                        damping: 22,
+                        stiffness: 400,
+                        mass: 0.7
+                      }
+                    },
+                    exit: {
+                      transform: "translateY(100%)",
+                      opacity: 0,
+                      transition: {
+                        type: "tween",
+                        duration: 0.2,
+                        ease: [0.4, 0, 1, 1]
+                        // ease-in for quick exit
+                      }
+                    }
+                  },
+                  drag: "y",
+                  style: { y },
+                  dragControls,
+                  onPointerDown: (e) => onDragStart(e),
+                  //   drag={hasBackdrop ? "y" : false}
+                  dragElastic: 0,
+                  // prevent drawer from being dragged higher than what its opened to
+                  dragConstraints: { top: 0 },
+                  onDragEnd: (_, drag) => {
+                    if (props.drag === false) return;
+                    const pageHeight = document.documentElement.scrollHeight;
+                    const yCoord = drag.point.y;
+                    const velocity = drag.velocity.y;
+                    const releaseThreshold = 0.8;
+                    const releasePct = yCoord / pageHeight;
+                    if (velocity > 25 && releasePct >= releaseThreshold || velocity > 750) {
+                      props.onClose?.();
+                    }
                   }
                 },
-                exit: {
-                  transform: "translateY(100%)",
-                  opacity: 0,
-                  transition: {
-                    type: "tween",
-                    duration: 0.2,
-                    ease: [0.4, 0, 1, 1]
-                    // ease-in for quick exit
+                boxSizing: "border-box",
+                boxShadow: "hsl(0deg 0% 0% / 60%) 0px -4px 20px",
+                bg: { base: "neutral.100", _dark: "neutral.900" },
+                color: "text-primary",
+                ref,
+                ...rest,
+                children: /* @__PURE__ */ jsxs(
+                  MotionDiv4,
+                  {
+                    grid: true,
+                    ...isDesktop ? { position: "relative" } : { rows: "max-content 1fr" },
+                    children: [
+                      !isDesktop && props.hideHandle !== false && /* @__PURE__ */ jsx(
+                        MotionDiv4,
+                        {
+                          grid: true,
+                          justifySelf: "center",
+                          h: 6,
+                          w: 34,
+                          mt: "16px",
+                          mb: 4,
+                          br: 20,
+                          bg: { base: "neutral.400", _dark: "neutral.600" },
+                          cursor: props.drag ? "row-resize" : "default",
+                          ref: dragHandleRef
+                        }
+                      ),
+                      props.children
+                    ]
                   }
-                }
+                )
               },
-              drag: "y",
-              style: { y },
-              dragControls,
-              onPointerDown: (e) => onDragStart(e),
-              //   drag={hasBackdrop ? "y" : false}
-              dragElastic: 0,
-              // prevent drawer from being dragged higher than what its opened to
-              dragConstraints: { top: 0 },
-              onDragEnd: (_, drag) => {
-                if (props.drag === false) return;
-                const pageHeight = document.documentElement.scrollHeight;
-                const yCoord = drag.point.y;
-                const velocity = drag.velocity.y;
-                const releaseThreshold = 0.8;
-                const releasePct = yCoord / pageHeight;
-                if (velocity > 25 && releasePct >= releaseThreshold || velocity > 750) {
-                  props.onClose?.();
-                }
-              }
-            },
-            boxSizing: "border-box",
-            boxShadow: "hsl(0deg 0% 0% / 60%) 0px -4px 20px",
-            bg: { base: "neutral.100", _dark: "neutral.900" },
-            color: "text-primary",
-            ref,
-            ...rest,
-            children: /* @__PURE__ */ jsxs(
-              MotionDiv4,
-              {
-                grid: true,
-                ...isDesktop ? { position: "relative" } : { rows: "max-content 1fr" },
-                children: [
-                  !isDesktop && props.hideHandle !== false && /* @__PURE__ */ jsx(
-                    MotionDiv4,
-                    {
-                      grid: true,
-                      justifySelf: "center",
-                      h: 6,
-                      w: 34,
-                      mt: "16px",
-                      mb: 4,
-                      br: 20,
-                      bg: { base: "neutral.400", _dark: "neutral.600" },
-                      cursor: props.drag ? "row-resize" : "default",
-                      ref: dragHandleRef
-                    }
-                  ),
-                  props.children
-                ]
-              }
+              "drawer"
             )
-          },
-          "drawer"
+          }
         )
       }
-    ) }),
+    ),
     document.getElementById("portal")
   );
 }
-var DrawerContext = React13__default.createContext({
+var DrawerContext = React14__default.createContext({
   open: false,
   setOpen: () => {
     return;
   }
 });
 function DrawerProvider(props) {
-  const [open, setOpen] = React13__default.useState(false);
+  const [open, setOpen] = React14__default.useState(false);
   const value = { open, setOpen };
   return /* @__PURE__ */ jsx(DrawerContext.Provider, { value, children: props.children });
 }
 function useDrawer() {
-  const context2 = React13__default.useContext(DrawerContext);
+  const context2 = React14__default.useContext(DrawerContext);
   if (context2 === void 0) {
     throw new Error("useDrawer must be used within a DrawerProvider");
   }
@@ -2840,7 +2853,7 @@ function BtnGroup(props) {
   const [isDesktop] = useMatchMedia(breakpoint);
   const { children, ...rest } = props;
   if (isDesktop) {
-    return /* @__PURE__ */ jsx(MotionDiv4, { flex: true, alignI: true, gap: 4, ...rest, children: React13__default.Children.toArray(children).toReversed() });
+    return /* @__PURE__ */ jsx(MotionDiv4, { flex: true, alignI: true, gap: 4, ...rest, children: React14__default.Children.toArray(children).toReversed() });
   } else {
     return /* @__PURE__ */ jsx(MotionDiv4, { grid: true, rowG: 14, ...props });
   }
@@ -2893,7 +2906,7 @@ function CloseBtn(props) {
   }
 }
 function Backdrop(props) {
-  const allowOutsideClickRef = React13__default.useRef(true);
+  const allowOutsideClickRef = React14__default.useRef(true);
   const [isDesktop] = useMatchMedia(breakpoint);
   return /* @__PURE__ */ jsx(
     MotionDiv4,
@@ -2924,11 +2937,11 @@ function Backdrop(props) {
 }
 function useMatchMedia(queries) {
   const isClient = typeof window !== "undefined";
-  const [value, setValue] = React13__default.useState(() => {
+  const [value, setValue] = React14__default.useState(() => {
     if (!isClient) return queries.map(() => false);
     return queries.map((q) => window.matchMedia(q).matches);
   });
-  React13__default.useLayoutEffect(() => {
+  React14__default.useLayoutEffect(() => {
     if (!isClient) return;
     const mediaQueryLists = queries.map((q) => window.matchMedia(q));
     const handler = () => {
@@ -2947,9 +2960,9 @@ var TrackBgNameKey = "TrackBg";
 var TrackFillNameKey = "TrackFill";
 function Progress(props) {
   const { children, steps, value, max: maxProp, ...rest } = props;
-  const [progress, setProgress] = React13__default.useState(0);
+  const [progress, setProgress] = React14__default.useState(0);
   const max = maxProp ?? 100;
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     setProgress(Math.min((value ?? 0) / max, 1) * 100);
   }, [value, max]);
   const width = `${progress}%`;
@@ -2989,7 +3002,7 @@ function Progress(props) {
     TrackFillNameKey
   );
   const barHeight = rest.h ?? 8;
-  const bgEl = trackBgChild ? React13__default.cloneElement(trackBgChild, {
+  const bgEl = trackBgChild ? React14__default.cloneElement(trackBgChild, {
     gridArea: "1 / 1",
     h: barHeight,
     w: trackBgChild.props.w ?? true
@@ -3004,7 +3017,7 @@ function Progress(props) {
       bg: { base: "neutral.200", _dark: "neutral.700" }
     }
   );
-  const fillEl = trackFillChild ? React13__default.cloneElement(trackFillChild, {
+  const fillEl = trackFillChild ? React14__default.cloneElement(trackFillChild, {
     gridArea: "1 / 1",
     h: barHeight,
     roundedLeft: 9999,
@@ -3078,9 +3091,9 @@ var MotionDiv6 = motionTags.div;
 var TrackNameKey2 = "SliderTrack";
 var FillNameKey = "SliderFill";
 var ThumbNameKey2 = "SliderThumb";
-var SliderContext = React13__default.createContext(null);
+var SliderContext = React14__default.createContext(null);
 var useSliderContext = () => {
-  const context2 = React13__default.useContext(SliderContext);
+  const context2 = React14__default.useContext(SliderContext);
   if (!context2) {
     throw new Error("Slider compound components must be used within Slider");
   }
@@ -3100,15 +3113,15 @@ function Slider(props) {
     ...rest
   } = props;
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = React13__default.useState(defaultValue);
+  const [internalValue, setInternalValue] = React14__default.useState(defaultValue);
   const value = isControlled ? controlledValue : internalValue;
-  const [isDragging, setIsDragging] = React13__default.useState(false);
-  const trackRef = React13__default.useRef(null);
+  const [isDragging, setIsDragging] = React14__default.useState(false);
+  const trackRef = React14__default.useRef(null);
   const percent = Math.min(
     100,
     Math.max(0, (value - min) / (max - min) * 100)
   );
-  const clampValue = React13__default.useCallback(
+  const clampValue = React14__default.useCallback(
     (rawValue) => {
       let clamped = Math.max(min, Math.min(max, rawValue));
       if (step !== void 0 && step > 0) {
@@ -3119,7 +3132,7 @@ function Slider(props) {
     },
     [min, max, step]
   );
-  const getValueFromClientX = React13__default.useCallback(
+  const getValueFromClientX = React14__default.useCallback(
     (clientX) => {
       const track = trackRef.current;
       if (!track) return value;
@@ -3131,7 +3144,7 @@ function Slider(props) {
     },
     [min, max, value, clampValue]
   );
-  const updateValue = React13__default.useCallback(
+  const updateValue = React14__default.useCallback(
     (newValue) => {
       if (disabled) return;
       if (!isControlled) {
@@ -3148,7 +3161,7 @@ function Slider(props) {
     const newValue = getValueFromClientX(e.clientX);
     updateValue(newValue);
   };
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     if (!isDragging) return;
     const controller = new AbortController();
     const handleMove = (e) => {
@@ -3218,19 +3231,19 @@ function Slider(props) {
     trackRef
   };
   const height = rest.h ?? 8;
-  const trackEl = trackChild ? React13__default.cloneElement(trackChild, {
+  const trackEl = trackChild ? React14__default.cloneElement(trackChild, {
     sliderPercent: percent,
     sliderValue: value,
     sliderMin: min,
     sliderMax: max
   }) : /* @__PURE__ */ jsx(SliderTrack, {});
-  const fillEl = fillChild ? React13__default.cloneElement(fillChild, {
+  const fillEl = fillChild ? React14__default.cloneElement(fillChild, {
     sliderPercent: percent,
     sliderValue: value,
     sliderMin: min,
     sliderMax: max
   }) : /* @__PURE__ */ jsx(SliderFill, {});
-  const thumbEl = thumbChild ? React13__default.cloneElement(thumbChild, {
+  const thumbEl = thumbChild ? React14__default.cloneElement(thumbChild, {
     sliderPercent: percent,
     sliderValue: value,
     sliderMin: min,
@@ -3356,27 +3369,113 @@ function SliderThumb(props) {
 }
 SliderThumb.displayName = ThumbNameKey2;
 var Base5 = base;
-var TooltipContainer = React13__default.forwardRef(function TooltipContainer2(props, ref) {
+var Svg = motionTags.svg;
+var CheckboxBtn = motionTags.button;
+function Checkbox(props) {
   const {
     children,
-    className,
-    style,
-    onAnimationStart,
-    onAnimationComplete,
+    onClick: _onClick,
+    onAnimationStart: _onAnimationStart,
+    onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
-  return /* @__PURE__ */ jsx(
+  const [checked, setChecked] = React14__default.useState(false);
+  const [indeterminate, setIndeterminate] = React14__default.useState(false);
+  React14__default.useEffect(() => {
+    setChecked(!!rest.checked);
+  }, [rest.checked]);
+  React14__default.useEffect(() => {
+    setIndeterminate(!!rest.indeterminate);
+  }, [rest.indeterminate]);
+  const isIndeterminate = typeof rest.indeterminate === "boolean";
+  const checkboxSelector = rest._checkbox;
+  const hasCheckboxBg = checkboxSelector && hasAnyProp(checkboxSelector, ["bg", "background", "backgroundColor"]);
+  const checkedSelector = rest._checked;
+  const hasCheckedBg = checkedSelector && hasAnyProp(checkedSelector, ["bg", "background", "backgroundColor"]);
+  return /* @__PURE__ */ jsxs(
     Base5,
     {
-      className,
-      style,
-      ref,
-      role: "tooltip",
+      ...!hasAnyProp(rest, ["grid", "flex", "display"]) && {
+        alignI: true,
+        flex: true
+      },
+      gap: 2,
+      cursor: "pointer",
+      userSelect: "none",
       ...rest,
-      children
+      onClick: () => rest.onChecked?.(!rest.checked),
+      children: [
+        /* @__PURE__ */ jsx(
+          CheckboxBtn,
+          {
+            "data-checkbox": true,
+            ...checked && { "data-checked": checked },
+            w: "24px",
+            p: 1,
+            br: 6,
+            cursor: "pointer",
+            boxSizing: "border-box",
+            outline: "none !important",
+            ...!hasCheckboxBg && {
+              bg: { base: "neutral.200", _dark: "neutral.700" }
+            },
+            ...!hasCheckedBg && {
+              _checked: { bg: "blue.500", transition: ".14s background ease-out" }
+            },
+            _active: { scale: 0.9 },
+            color: "neutral.100",
+            transition: ".14s background ease-out .1s",
+            _focus: { boxShadow: "0 0 0 6px hsl(0 0% 100% / 0.05)" },
+            children: /* @__PURE__ */ jsx(
+              Svg,
+              {
+                fill: "none",
+                width: "100%",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                strokeWidth: 4,
+                children: /* @__PURE__ */ jsxs(AnimatePresence, { mode: "wait", children: [
+                  isIndeterminate && indeterminate && /* @__PURE__ */ jsx(
+                    motion.path,
+                    {
+                      initial: { scaleX: 0 },
+                      animate: { scaleX: 1 },
+                      exit: { scaleX: 0 },
+                      transition: {
+                        type: "tween",
+                        ease: "easeOut",
+                        duration: 0.3,
+                        delay: 0.2
+                      },
+                      strokeLinecap: "round",
+                      d: "M6 12 L18 12"
+                    },
+                    "indeterminate"
+                  ),
+                  !indeterminate && checked && /* @__PURE__ */ jsx(
+                    motion.path,
+                    {
+                      initial: { pathLength: 0 },
+                      animate: { pathLength: 1 },
+                      exit: { pathLength: 0 },
+                      transition: { type: "tween", ease: "easeOut", duration: 0.2 },
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      d: "M5 13l4 4L19 7"
+                    },
+                    "check"
+                  )
+                ] })
+              }
+            )
+          }
+        ),
+        children
+      ]
     }
   );
-});
+}
+var Base6 = base;
 function Tooltip(props) {
   const {
     children,
@@ -3390,9 +3489,15 @@ function Tooltip(props) {
     delay = 80,
     className
   } = props;
-  const referenceRef = React13__default.useRef(null);
-  const arrowRef = React13__default.useRef(null);
-  const [open, setOpen] = React13__default.useState(false);
+  const referenceRef = React14__default.useRef(null);
+  const arrowRef = React14__default.useRef(null);
+  const closeTimerRef = React14__default.useRef(
+    null
+  );
+  const containerRef = React14__default.useRef(null);
+  const [open, setOpen] = React14__default.useState(false);
+  const [isMounted, setIsMounted] = React14__default.useState(false);
+  const [containerBg, setContainerBg] = React14__default.useState();
   const { x, y, refs, strategy, middlewareData, context: context2 } = useFloating({
     open,
     onOpenChange: setOpen,
@@ -3401,6 +3506,7 @@ function Tooltip(props) {
       offset(offsetVal),
       flip(),
       shift({ padding: 6 }),
+      // eslint-disable-next-line react-hooks/refs -- arrowRef is passed as object, not read during render
       arrow({ element: arrowRef })
     ],
     whileElementsMounted: autoUpdate,
@@ -3421,7 +3527,27 @@ function Tooltip(props) {
     role
   ]);
   const referenceProps = getReferenceProps({});
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
+    if (closeTimerRef.current) {
+      clearTimeout(closeTimerRef.current);
+      closeTimerRef.current = null;
+    }
+    if (open) {
+      setIsMounted(true);
+    } else {
+      closeTimerRef.current = setTimeout(() => {
+        setIsMounted(false);
+        closeTimerRef.current = null;
+      }, 160);
+    }
+    return () => {
+      if (closeTimerRef.current) {
+        clearTimeout(closeTimerRef.current);
+        closeTimerRef.current = null;
+      }
+    };
+  }, [open]);
+  React14__default.useEffect(() => {
     if (!follow || !referenceRef.current) return;
     const el = referenceRef.current;
     const onMove = (e) => {
@@ -3436,6 +3562,21 @@ function Tooltip(props) {
       el.removeEventListener("pointermove", onMove);
     };
   }, [follow, refs]);
+  React14__default.useEffect(() => {
+    if (!(open || isMounted)) return;
+    const el = containerRef.current;
+    if (!el) return;
+    try {
+      const cs = getComputedStyle(el);
+      const bg = cs.backgroundColor;
+      if (bg && bg !== "transparent" && bg !== "rgba(0, 0, 0, 0)") {
+        setContainerBg(bg);
+      } else {
+        setContainerBg("rgba(20,20,20,0.95)");
+      }
+    } catch {
+    }
+  }, [open, isMounted]);
   const arrowX = middlewareData?.arrow?.x ?? 0;
   const arrowY = middlewareData?.arrow?.y ?? 0;
   const side = context2.placement || "top";
@@ -3444,14 +3585,14 @@ function Tooltip(props) {
   const arrowAnchorStyle = side.startsWith("top") ? { bottom: -anchorOffset } : side.startsWith("bottom") ? { top: -anchorOffset } : side.startsWith("left") ? { right: -anchorOffset } : { left: -anchorOffset };
   const arrowStyle = side.startsWith("top") || side.startsWith("bottom") ? { left: arrowX || void 0, ...arrowAnchorStyle } : { top: arrowY || void 0, ...arrowAnchorStyle };
   const transformOrigin = side.startsWith("top") ? "center bottom" : side.startsWith("bottom") ? "center top" : side.startsWith("left") ? "right center" : side.startsWith("right") ? "left center" : "center";
-  const childrenArray = React13__default.Children.toArray(children);
+  const childrenArray = React14__default.Children.toArray(children);
   const hasMultipleChildren = childrenArray.length > 1;
   let child;
   if (hasMultipleChildren) {
     child = /* @__PURE__ */ jsx("div", { style: { display: "inline-block" }, children });
   } else {
-    const only = React13__default.Children.only(children);
-    const isDomElement = React13__default.isValidElement(only) && typeof only.type === "string";
+    const only = React14__default.Children.only(children);
+    const isDomElement = React14__default.isValidElement(only) && typeof only.type === "string";
     child = isDomElement ? only : (
       // Ensure the wrapper reliably captures mouseenter/pointerenter and can contain block elements
       /* @__PURE__ */ jsx("div", { style: { display: "inline-block" }, children: only })
@@ -3464,79 +3605,43 @@ function Tooltip(props) {
     }
     const childWithRef = child;
     const originalRef = childWithRef?.ref;
-    if (typeof originalRef === "function") originalRef(node);
-    else if (originalRef && "current" in originalRef)
+    if (typeof originalRef === "function") {
+      originalRef(node);
+    } else if (originalRef && "current" in originalRef) {
       originalRef.current = node;
+    }
   };
-  const refAttrs = referenceProps;
-  const cloned = React13__default.cloneElement(
+  const cloned = React14__default.cloneElement(
     child,
+    // eslint-disable-next-line react-hooks/refs -- ref callback is invoked after render, not during
     {
-      ...refAttrs,
+      ...referenceProps,
       ref: mergedRef,
       "data-tooltip-ref": true
     }
   );
   if (disabled) return /* @__PURE__ */ jsx(Fragment, { children: cloned });
-  const [isMounted, setIsMounted] = React13__default.useState(false);
-  const closeTimerRef = React13__default.useRef(
-    null
-  );
-  React13__default.useEffect(() => {
-    if (closeTimerRef.current) {
-      clearTimeout(closeTimerRef.current);
-      closeTimerRef.current = null;
-    }
-    if (open) {
-      setIsMounted(true);
-    } else {
-      closeTimerRef.current = setTimeout(() => {
-        setIsMounted(false);
-        closeTimerRef.current = null;
-      }, 160);
-    }
-    return () => {
-      if (closeTimerRef.current) {
-        clearTimeout(closeTimerRef.current);
-        closeTimerRef.current = null;
-      }
-    };
-  }, [open]);
   let arrowEl = null;
   let floatingNode = null;
   const findRoleTooltipElement = (node) => {
-    if (!React13__default.isValidElement(node)) return null;
+    if (!React14__default.isValidElement(node)) return null;
     const el = node;
     if (el.props?.role === "tooltip") return el;
     const kids = el.props?.children;
     if (!kids) return null;
-    const arr = React13__default.Children.toArray(kids);
+    const arr = React14__default.Children.toArray(kids);
     for (const c of arr) {
-      if (React13__default.isValidElement(c) && c.props?.role === "tooltip") {
-        return c;
+      if (React14__default.isValidElement(c)) {
+        const childEl = c;
+        if (childEl.props?.role === "tooltip") {
+          return childEl;
+        }
       }
     }
     return null;
   };
-  const isCustomTooltip = React13__default.isValidElement(content) && !!(content.type && content.type.isBlockTooltipContainer);
+  const isCustomTooltip = React14__default.isValidElement(content) && !!(content.type && content.type.isBlockTooltipContainer);
   const customEl = isCustomTooltip ? content : findRoleTooltipElement(content);
-  const containerRef = React13__default.useRef(null);
-  const [containerBg, setContainerBg] = React13__default.useState();
-  React13__default.useEffect(() => {
-    if (!(open || isMounted)) return;
-    const el = containerRef.current;
-    if (!el) return;
-    try {
-      const cs = getComputedStyle(el);
-      const bg = cs.backgroundColor;
-      if (bg && bg !== "transparent" && bg !== "rgba(0, 0, 0, 0)") {
-        setContainerBg(bg);
-      } else {
-        setContainerBg("rgba(20,20,20,0.95)");
-      }
-    } catch {
-    }
-  }, [open, isMounted, isCustomTooltip]);
   if (isCustomTooltip) {
     const el = customEl;
     const childProps = el.props || {};
@@ -3570,17 +3675,19 @@ function Tooltip(props) {
       ...childProps,
       ...floatingProps});
     Object.keys(floatingProps).forEach((key) => {
-      if (key.startsWith("on") && typeof floatingProps[key] === "function") {
-        floatingProps[key];
+      const floatingValue = floatingProps[key];
+      if (key.startsWith("on") && typeof floatingValue === "function") {
         childProps[key];
       }
     });
     const originalRef = el.ref;
     const mergedFloatingRef = (node) => {
       refs.setFloating(node);
-      if (typeof originalRef === "function") originalRef(node);
-      else if (originalRef && typeof originalRef === "object")
+      if (typeof originalRef === "function") {
+        originalRef(node);
+      } else if (originalRef && "current" in originalRef) {
         originalRef.current = node;
+      }
     };
     arrowEl = showArrow ? /* @__PURE__ */ jsx(
       "div",
@@ -3626,12 +3733,15 @@ function Tooltip(props) {
             const originalChildRef = el.ref;
             const mergedChildRef = (node) => {
               containerRef.current = node;
-              if (typeof originalChildRef === "function") originalChildRef(node);
-              else if (originalChildRef && typeof originalChildRef === "object")
+              if (typeof originalChildRef === "function") {
+                originalChildRef(node);
+              } else if (originalChildRef && "current" in originalChildRef) {
                 originalChildRef.current = node;
+              }
             };
-            return React13__default.cloneElement(
+            return React14__default.cloneElement(
               el,
+              // eslint-disable-next-line react-hooks/refs -- ref callback is invoked after render, not during
               {
                 // Spread childProps first
                 ...childProps,
@@ -3694,7 +3804,7 @@ function Tooltip(props) {
         transition: { type: "spring", stiffness: 520, damping: 34 },
         children: [
           /* @__PURE__ */ jsx(
-            Base5,
+            Base6,
             {
               role: "tooltip",
               style: { position: "relative" },
@@ -3702,9 +3812,9 @@ function Tooltip(props) {
               color: "white",
               px: "10px",
               py: "8px",
+              fontSize: 13,
               borderRadius: 6,
               boxShadow: "0 6px 18px rgba(0,0,0,0.18)",
-              fontSize: 13,
               ref: containerRef,
               children: content
             }
@@ -3722,113 +3832,6 @@ function Tooltip(props) {
     )
   ] });
 }
-var Base6 = base;
-var Svg = motionTags.svg;
-var CheckboxBtn = motionTags.button;
-function Checkbox(props) {
-  const {
-    children,
-    onClick: _onClick,
-    onAnimationStart: _onAnimationStart,
-    onAnimationComplete: _onAnimationComplete,
-    ...rest
-  } = props;
-  const [checked, setChecked] = React13__default.useState(false);
-  const [indeterminate, setIndeterminate] = React13__default.useState(false);
-  React13__default.useEffect(() => {
-    setChecked(!!rest.checked);
-  }, [rest.checked]);
-  React13__default.useEffect(() => {
-    setIndeterminate(!!rest.indeterminate);
-  }, [rest.indeterminate]);
-  const isIndeterminate = typeof rest.indeterminate === "boolean";
-  const checkboxSelector = rest._checkbox;
-  const hasCheckboxBg = checkboxSelector && hasAnyProp(checkboxSelector, ["bg", "background", "backgroundColor"]);
-  const checkedSelector = rest._checked;
-  const hasCheckedBg = checkedSelector && hasAnyProp(checkedSelector, ["bg", "background", "backgroundColor"]);
-  return /* @__PURE__ */ jsxs(
-    Base6,
-    {
-      ...!hasAnyProp(rest, ["grid", "flex", "display"]) && {
-        alignI: true,
-        flex: true
-      },
-      gap: 2,
-      cursor: "pointer",
-      userSelect: "none",
-      ...rest,
-      onClick: () => rest.onChecked?.(!rest.checked),
-      children: [
-        /* @__PURE__ */ jsx(
-          CheckboxBtn,
-          {
-            "data-checkbox": true,
-            ...checked && { "data-checked": checked },
-            w: "24px",
-            p: 1,
-            br: 6,
-            cursor: "pointer",
-            boxSizing: "border-box",
-            outline: "none !important",
-            ...!hasCheckboxBg && {
-              bg: { base: "neutral.200", _dark: "neutral.700" }
-            },
-            ...!hasCheckedBg && {
-              _checked: { bg: "blue.500", transition: ".14s background ease-out" }
-            },
-            _active: { scale: 0.9 },
-            color: "neutral.100",
-            transition: ".14s background ease-out .1s",
-            _focus: { boxShadow: "0 0 0 6px hsl(0 0% 100% / 0.05)" },
-            children: /* @__PURE__ */ jsx(
-              Svg,
-              {
-                fill: "none",
-                width: "100%",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                strokeWidth: 4,
-                children: /* @__PURE__ */ jsxs(AnimatePresence, { mode: "wait", children: [
-                  isIndeterminate && indeterminate && /* @__PURE__ */ jsx(
-                    motion.path,
-                    {
-                      initial: { scaleX: 0 },
-                      animate: { scaleX: 1 },
-                      exit: { scaleX: 0 },
-                      transition: {
-                        type: "tween",
-                        ease: "easeOut",
-                        duration: 0.3,
-                        delay: 0.2
-                      },
-                      strokeLinecap: "round",
-                      d: "M6 12 L18 12"
-                    },
-                    "indeterminate"
-                  ),
-                  !indeterminate && checked && /* @__PURE__ */ jsx(
-                    motion.path,
-                    {
-                      initial: { pathLength: 0 },
-                      animate: { pathLength: 1 },
-                      exit: { pathLength: 0 },
-                      transition: { type: "tween", ease: "easeOut", duration: 0.2 },
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M5 13l4 4L19 7"
-                    },
-                    "check"
-                  )
-                ] })
-              }
-            )
-          }
-        ),
-        children
-      ]
-    }
-  );
-}
 var Hr = motionTags.hr;
 var Skeleton = motionTags.div;
 function Block(props) {
@@ -3840,7 +3843,7 @@ function Block(props) {
     tooltip,
     ...rest
   } = anyProps;
-  const fileInputRef = React13.useRef(null);
+  const fileInputRef = React14.useRef(null);
   const isLoading = anyProps.isLoading;
   const multiple = anyProps.multiple;
   const is = anyProps.is;
@@ -3877,7 +3880,7 @@ function Block(props) {
       ...anyProps
     }
   ) : extract.filepickerAllowed ? /* @__PURE__ */ jsxs("div", { onClick: () => fileInputRef.current?.click(), children: [
-    React13.createElement(
+    React14.createElement(
       Comp,
       {
         cursor: "pointer",
@@ -3912,11 +3915,11 @@ function Block(props) {
         value: ""
       }
     )
-  ] }) : extract.isVoidElement ? React13.createElement(Comp, {
+  ] }) : extract.isVoidElement ? React14.createElement(Comp, {
     ...isLoading && { "data-loading": isLoading },
     onContextMenu: (e) => e.preventDefault(),
     ...initialStyles
-  }) : React13.createElement(
+  }) : React14.createElement(
     Comp,
     {
       ...isLoading && { "data-loading": isLoading },
@@ -3941,13 +3944,9 @@ function Block(props) {
     return component;
   }
 }
-var TaggedTooltipContainer = Object.assign(TooltipContainer, {
-  isBlockTooltipContainer: true
-});
 var TaggedMenuContainer = Object.assign(MenuContainer, {
   isBlockMenuContainer: true
 });
-var TooltipNamespace = { Container: TaggedTooltipContainer };
 var MenuNamespace = { Container: TaggedMenuContainer };
 var InputNamespace = {
   Label: Label2,
@@ -3982,7 +3981,6 @@ var CompoundBlock = Object.assign(Block, {
   Progress: ProgressNamespace,
   Slider: SliderNamespace,
   Textarea: TextareaNamespace,
-  Tooltip: TooltipNamespace,
   Switch: SwitchNamespace,
   Drawer: DrawerNamespace,
   Menu: MenuNamespace,
@@ -4021,22 +4019,22 @@ var saveTheme = (theme) => {
   }
 };
 function useTheme() {
-  const [value, setValue] = React13__default.useState(() => {
+  const [value, setValue] = React14__default.useState(() => {
     return getDomTheme() ?? getStoredTheme() ?? "light";
   });
-  const valueRef = React13__default.useRef(value);
-  const isInternalRef = React13__default.useRef(false);
-  React13__default.useEffect(() => {
+  const valueRef = React14__default.useRef(value);
+  const isInternalRef = React14__default.useRef(false);
+  React14__default.useEffect(() => {
     valueRef.current = value;
   }, [value]);
-  React13__default.useLayoutEffect(() => {
+  React14__default.useLayoutEffect(() => {
     const domTheme = getDomTheme();
     if (domTheme && domTheme !== valueRef.current) {
       valueRef.current = domTheme;
       setValue(domTheme);
     }
   }, []);
-  React13__default.useEffect(() => {
+  React14__default.useEffect(() => {
     const ac = new AbortController();
     window.addEventListener(
       "storage",
@@ -4068,7 +4066,7 @@ function useTheme() {
     );
     return () => ac.abort();
   }, []);
-  const toggle = React13__default.useCallback((theme) => {
+  const toggle = React14__default.useCallback((theme) => {
     const next = theme ?? (valueRef.current === "light" ? "dark" : "light");
     valueRef.current = next;
     setValue(next);
@@ -4081,8 +4079,8 @@ function useTheme() {
 
 // src/react/index.ts
 function useDebounce(value, delay = 500) {
-  const [debouncedValue, setDebouncedValue] = React13__default.useState(value);
-  React13__default.useEffect(() => {
+  const [debouncedValue, setDebouncedValue] = React14__default.useState(value);
+  React14__default.useEffect(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -4093,10 +4091,10 @@ function useDebounce(value, delay = 500) {
   return debouncedValue;
 }
 function useThrottle(value, interval = 500) {
-  const [throttledValue, setThrottledValue] = React13__default.useState(value);
-  const lastUpdate = React13__default.useRef(0);
-  const timeoutRef = React13__default.useRef(null);
-  React13__default.useEffect(() => {
+  const [throttledValue, setThrottledValue] = React14__default.useState(value);
+  const lastUpdate = React14__default.useRef(0);
+  const timeoutRef = React14__default.useRef(null);
+  React14__default.useEffect(() => {
     const now = Date.now();
     const timeSinceLastUpdate = now - lastUpdate.current;
     if (timeSinceLastUpdate >= interval) {
@@ -4122,11 +4120,11 @@ function useThrottle(value, interval = 500) {
 function useMatchMedia2(queries, defaultValues = []) {
   const initialValues = defaultValues.length ? defaultValues : Array(queries.length).fill(false);
   const isClient = typeof window !== "undefined";
-  const [value, setValue] = React13__default.useState(() => {
+  const [value, setValue] = React14__default.useState(() => {
     if (!isClient) return initialValues;
     return queries.map((q) => window.matchMedia(q).matches);
   });
-  React13__default.useLayoutEffect(() => {
+  React14__default.useLayoutEffect(() => {
     if (!isClient) return;
     const mediaQueryLists = queries.map((q) => window.matchMedia(q));
     const handler = () => {