@moneyforward/mfui-components 3.1.0 → 3.2.0

package/dist/styled-system/jsx/is-valid-prop.js

@@ -1,7 +1,7 @@
 import { splitProps } from '../helpers.js';
 import { memo } from '../helpers.js';
 // src/index.ts
-var userGeneratedStr = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,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,rounded,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,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,WebkitTextFillColor,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,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,_notDisabled,_notFocused,_focusable,_focusInputInside,_hasCheckboxInside,_hasDisabledCheckboxInside,_hasFocusedCheckboxInside,_hasFocusedCheckedCheckboxInside,_hasCheckedCheckboxInside,_hasRadioButtonInside,_hasFocusedRadioButtonInside,_hasFocusedCheckedRadioButtonInside,_hasDisabledRadioButtonInside,_hasCheckedRadioButtonInside,sm,smOnly,smDown,lg,lgOnly,lgDown,smToLg";
+var userGeneratedStr = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,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,rounded,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,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,WebkitTextFillColor,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,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,_notDisabled,_notFocused,_focusable,_focusInputInside,_hasCheckboxInside,_hasDisabledCheckboxInside,_hasFocusedCheckboxInside,_hasFocusedCheckedCheckboxInside,_hasCheckedCheckboxInside,_hasRadioButtonInside,_hasFocusedRadioButtonInside,_hasFocusedCheckedRadioButtonInside,_hasDisabledRadioButtonInside,_hasCheckedRadioButtonInside,_hasToggleSwitchInside,_hasFocusedToggleSwitchInside,_hasFocusedCheckedToggleSwitchInside,_hasDisabledToggleSwitchInside,_hasCheckedToggleSwitchInside,sm,smOnly,smDown,lg,lgOnly,lgDown,smToLg";
 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);

package/dist/styled-system/recipes/index.d.ts

@@ -87,4 +87,5 @@ export * from './month-range-picker-panel-slot-recipe';
 export * from './month-range-picker-navigation-slot-recipe';
 export * from './month-range-picker-content-slot-recipe';
 export * from './accordion-slot-recipe';
-export * from './split-view-slot-recipe';
+export * from './split-view-slot-recipe';
+export * from './toggle-switch-slot-recipe';

package/dist/styled-system/recipes/index.js

@@ -87,3 +87,4 @@ export * from './month-range-picker-navigation-slot-recipe.js';
 export * from './month-range-picker-content-slot-recipe.js';
 export * from './accordion-slot-recipe.js';
 export * from './split-view-slot-recipe.js';
+export * from './toggle-switch-slot-recipe.js';

package/dist/styled-system/recipes/select-box-slot-recipe.d.ts

@@ -6,7 +6,7 @@ interface SelectBoxSlotRecipeVariant {
   /**
  * @default "medium"
  */
-size: "small" | "medium"
+size: "small" | "medium" | "large"
 showGroupOptionDivider: boolean
 }
 
@@ -14,7 +14,7 @@ type SelectBoxSlotRecipeVariantMap = {
   [key in keyof SelectBoxSlotRecipeVariant]: Array<SelectBoxSlotRecipeVariant[key]>
 }
 
-type SelectBoxSlotRecipeSlot = "trigger" | "triggerWrapper" | "clearButtonWrapper" | "popover" | "menuHeader" | "optionPanel" | "scrollWrapper" | "listBox" | "listItem" | "skeletonItem" | "emptyMessage"
+type SelectBoxSlotRecipeSlot = "trigger" | "triggerWrapper" | "clearButtonWrapper" | "popover" | "menuHeader" | "optionPanel" | "scrollWrapper" | "listBox" | "listItem" | "skeletonItem" | "emptyMessage" | "infiniteScrollError" | "infiniteScrollErrorMessage" | "infiniteScrollErrorButton" | "infiniteScrollErrorIcon" | "infiniteScrollLoading"
 
 export type SelectBoxSlotRecipeVariantProps = {
   [key in keyof SelectBoxSlotRecipeVariant]?: ConditionalValue<SelectBoxSlotRecipeVariant[key]> | undefined

package/dist/styled-system/recipes/select-box-slot-recipe.js

@@ -48,6 +48,26 @@ const selectBoxSlotRecipeSlotNames = [
     [
         "emptyMessage",
         "SelectBox__emptyMessage"
+    ],
+    [
+        "infiniteScrollError",
+        "SelectBox__infiniteScrollError"
+    ],
+    [
+        "infiniteScrollErrorMessage",
+        "SelectBox__infiniteScrollErrorMessage"
+    ],
+    [
+        "infiniteScrollErrorButton",
+        "SelectBox__infiniteScrollErrorButton"
+    ],
+    [
+        "infiniteScrollErrorIcon",
+        "SelectBox__infiniteScrollErrorIcon"
+    ],
+    [
+        "infiniteScrollLoading",
+        "SelectBox__infiniteScrollLoading"
     ]
 ];
 const selectBoxSlotRecipeSlotFns = /* @__PURE__ */ selectBoxSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, selectBoxSlotRecipeDefaultVariants, getSlotCompoundVariant(selectBoxSlotRecipeCompoundVariants, slotName))]);
@@ -68,7 +88,8 @@ export const selectBoxSlotRecipe = /* @__PURE__ */ Object.assign(selectBoxSlotRe
     variantMap: {
         "size": [
             "small",
-            "medium"
+            "medium",
+            "large"
         ],
         "showGroupOptionDivider": [
             "true",

package/dist/styled-system/recipes/toggle-switch-slot-recipe.d.ts

@@ -0,0 +1,33 @@
+/* eslint-disable */
+import type { ConditionalValue } from '../types/index';
+import type { DistributiveOmit, Pretty } from '../types/system-types';
+
+interface ToggleSwitchSlotRecipeVariant {
+  
+}
+
+type ToggleSwitchSlotRecipeVariantMap = {
+  [key in keyof ToggleSwitchSlotRecipeVariant]: Array<ToggleSwitchSlotRecipeVariant[key]>
+}
+
+type ToggleSwitchSlotRecipeSlot = "root" | "input" | "handle"
+
+export type ToggleSwitchSlotRecipeVariantProps = {
+  [key in keyof ToggleSwitchSlotRecipeVariant]?: ConditionalValue<ToggleSwitchSlotRecipeVariant[key]> | undefined
+}
+
+export interface ToggleSwitchSlotRecipeRecipe {
+  __slot: ToggleSwitchSlotRecipeSlot
+  __type: ToggleSwitchSlotRecipeVariantProps
+  (props?: ToggleSwitchSlotRecipeVariantProps): Pretty<Record<ToggleSwitchSlotRecipeSlot, string>>
+  raw: (props?: ToggleSwitchSlotRecipeVariantProps) => ToggleSwitchSlotRecipeVariantProps
+  variantMap: ToggleSwitchSlotRecipeVariantMap
+  variantKeys: Array<keyof ToggleSwitchSlotRecipeVariant>
+  splitVariantProps<Props extends ToggleSwitchSlotRecipeVariantProps>(props: Props): [ToggleSwitchSlotRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof ToggleSwitchSlotRecipeVariantProps>>]
+  getVariantProps: (props?: ToggleSwitchSlotRecipeVariantProps) => ToggleSwitchSlotRecipeVariantProps
+}
+
+/**
+ * Slot class created for the MFUI ToggleSwitch component.
+ */
+export declare const toggleSwitchSlotRecipe: ToggleSwitchSlotRecipeRecipe

package/dist/styled-system/recipes/toggle-switch-slot-recipe.js

@@ -0,0 +1,36 @@
+import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';
+import { createRecipe } from './create-recipe.js';
+const toggleSwitchSlotRecipeDefaultVariants = {};
+const toggleSwitchSlotRecipeCompoundVariants = [];
+const toggleSwitchSlotRecipeSlotNames = [
+    [
+        "root",
+        "ToggleSwitch__root"
+    ],
+    [
+        "input",
+        "ToggleSwitch__input"
+    ],
+    [
+        "handle",
+        "ToggleSwitch__handle"
+    ]
+];
+const toggleSwitchSlotRecipeSlotFns = /* @__PURE__ */ toggleSwitchSlotRecipeSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, toggleSwitchSlotRecipeDefaultVariants, getSlotCompoundVariant(toggleSwitchSlotRecipeCompoundVariants, slotName))]);
+const toggleSwitchSlotRecipeFn = memo((props = {}) => {
+    return Object.fromEntries(toggleSwitchSlotRecipeSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
+});
+const toggleSwitchSlotRecipeVariantKeys = [];
+const getVariantProps = (variants) => ({ ...toggleSwitchSlotRecipeDefaultVariants, ...compact(variants) });
+export const toggleSwitchSlotRecipe = /* @__PURE__ */ Object.assign(toggleSwitchSlotRecipeFn, {
+    __recipe__: false,
+    __name__: 'toggleSwitchSlotRecipe',
+    raw: (props) => props,
+    classNameMap: {},
+    variantKeys: toggleSwitchSlotRecipeVariantKeys,
+    variantMap: {},
+    splitVariantProps(props) {
+        return splitProps(props, toggleSwitchSlotRecipeVariantKeys);
+    },
+    getVariantProps
+});

package/dist/styled-system/types/conditions.d.ts

@@ -244,6 +244,16 @@ export interface Conditions {
 	"_hasDisabledRadioButtonInside": string
 	/** `&:has(input[type="radio"]:not(:disabled):checked)` */
 	"_hasCheckedRadioButtonInside": string
+	/** `&:has(input[type="checkbox"][role="switch"]:not(:disabled))` */
+	"_hasToggleSwitchInside": string
+	/** `&:has(input[type="checkbox"][role="switch"]:not(:disabled):focus-visible)` */
+	"_hasFocusedToggleSwitchInside": string
+	/** `&:has(input[type="checkbox"][role="switch"]:not(:disabled):focus-visible:checked)` */
+	"_hasFocusedCheckedToggleSwitchInside": string
+	/** `&:has(input[type="checkbox"][role="switch"]:disabled)` */
+	"_hasDisabledToggleSwitchInside": string
+	/** `&:has(input[type="checkbox"][role="switch"]:not(:disabled):checked)` */
+	"_hasCheckedToggleSwitchInside": string
 	/** `@media screen and (min-width: 37.5rem)` */
 	"sm": string
 	/** `@media screen and (min-width: 37.5rem) and (max-width: 74.9975rem)` */

package/dist/styles.css

@@ -202,7 +202,9 @@
   --mfui-colors-mfui\.color\.neutral\.thin-border\.hovered: #ddddddff;
   --mfui-colors-mfui\.color\.neutral\.thin-border\.pressed: #d1d1d1ff;
   --mfui-colors-mfui\.color\.primary\.content\.none: #2e72d8ff;
-      --mfui-colors-mfui\.color\.primary\.border\.none: #2e72d8ff;
+  --mfui-colors-mfui\.color\.primary\.content\.hovered: #0d57b1ff;
+  --mfui-colors-mfui\.color\.primary\.content\.pressed: #003e90ff;
+  --mfui-colors-mfui\.color\.primary\.border\.none: #2e72d8ff;
       --mfui-colors-mfui\.color\.primary\.background\.none: #2e72d8ff;
   --mfui-colors-mfui\.color\.primary\.background\.hovered: #0d57b1ff;
   --mfui-colors-mfui\.color\.primary\.background\.pressed: #003e90ff;
@@ -271,7 +273,11 @@
       --mfui-sizes-mfui\.size\.dimension\.month-calendar-cell\.width\.comfort: 49px;
       --mfui-sizes-mfui\.size\.dimension\.month-calendar-cell\.height\.comfort: 48px;
             --mfui-sizes-mfui\.size\.dimension\.this-month-indicator\.diameter\.comfort: 42px;
-                                                --mfui-sizes-mfui\.size\.target\.minimum\.comfort: 24px;
+            --mfui-sizes-mfui\.size\.dimension\.toggle-switch-container\.width\.comfort: 44px;
+      --mfui-sizes-mfui\.size\.dimension\.toggle-switch-container\.height\.comfort: 24px;
+      --mfui-sizes-mfui\.size\.dimension\.toggle-switch-handle-on\.diameter\.comfort: 20px;
+      --mfui-sizes-mfui\.size\.dimension\.toggle-switch-handle-off\.diameter\.comfort: 18px;
+                  --mfui-sizes-mfui\.size\.target\.minimum\.comfort: 24px;
       --mfui-sizes-mfui\.size\.target\.button\.comfort: 56px;
   --mfui-sizes-mfui\.size\.target\.button\.condensed: 42px;
   --mfui-sizes-mfui\.size\.target\.button\.impact: 56px;
@@ -337,7 +343,8 @@
   --mfui-radii-mfui\.size\.radius\.panel-component\.comfort: 12px;
       --mfui-radii-mfui\.size\.radius\.floating-component\.comfort: 18px;
       --mfui-radii-mfui\.size\.radius\.floating-pane\.comfort: 24px;
-            --mfui-fonts-mfui\.typography\.font-family\.page-heading-1: Meiryo,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,sans-serif;
+      --mfui-radii-mfui\.size\.radius\.toggle-switch-handle\.comfort: 12px;
+      --mfui-fonts-mfui\.typography\.font-family\.page-heading-1: Meiryo,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,sans-serif;
     --mfui-fonts-mfui\.typography\.font-family\.page-heading-2: Meiryo,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,sans-serif;
     --mfui-fonts-mfui\.typography\.font-family\.section-heading-1: Meiryo,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,sans-serif;
     --mfui-fonts-mfui\.typography\.font-family\.section-heading-2: Meiryo,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,sans-serif;
@@ -1523,6 +1530,44 @@
   min-height: var(--mfui-sizes-mfui\.size\.dimension\.control-component\.height\.comfort);
 }
 
+.mfui-etcyoB {
+  padding-inline: var(--mfui-spacing-mfui\.size\.padding\.control\.horizontal\.comfort);
+  padding-block: 4px;
+  gap: 4px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.mfui-kxqjkG {
+  gap: 4px;
+  display: flex;
+  align-items: center;
+}
+
+.mfui-cUaWtj {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.mfui-dygFHu {
+  color: var(--mfui-colors-mfui\.color\.signal-red\.content\.none);
+  width: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
+  height: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
+}
+
+.mfui-kXRJmn {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 32px;
+}
+
+.mfui-kXRJmn .mfui-ProgressIndicator {
+  width: 16px;
+  height: 16px;
+}
+
 .mfui-bZAucV {
   position: relative;
   display: flex;
@@ -4771,6 +4816,156 @@
   border-left-color: var(--mfui-colors-mfui\.color\.neutral\.border\.pressed);
 }
 
+.mfui-hRFDZx {
+  border-radius: var(--mfui-radii-mfui\.size\.radius\.toggle-switch-handle\.comfort);
+  transition: background-color 0.1s linear, border-color 0.1s linear;
+  display: inline-flex;
+  position: relative;
+  width: var(--mfui-sizes-mfui\.size\.dimension\.toggle-switch-container\.width\.comfort);
+  height: var(--mfui-sizes-mfui\.size\.dimension\.toggle-switch-container\.height\.comfort);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled)) {
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.none);
+  background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.none);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled)):is(:hover, [data-hover]) {
+  border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
+  background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.hovered);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled)):is(:hover, [data-hover]) [data-mfui-content="toggle-handle"] {
+  background-color: var(--mfui-colors-mfui\.color\.neutral\.content\.hovered);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled)):is(:active, [data-active]) {
+  border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.pressed);
+  background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.pressed);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled)):is(:active, [data-active]) [data-mfui-content="toggle-handle"] {
+  background-color: var(--mfui-colors-mfui\.color\.neutral\.content\.pressed);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled)) [data-mfui-content="toggle-handle"] {
+  transform: translateY(-50%) translateX(0);
+  background-color: var(--mfui-colors-mfui\.color\.neutral\.content\.none);
+  width: var(--mfui-sizes-mfui\.size\.dimension\.toggle-switch-handle-off\.diameter\.comfort);
+  height: var(--mfui-sizes-mfui\.size\.dimension\.toggle-switch-handle-off\.diameter\.comfort);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled):checked) {
+  border-width: 0;
+  background-color: var(--mfui-colors-mfui\.color\.primary\.content\.none);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled):checked) [data-mfui-content="toggle-handle"] {
+  transform: translateY(-50%) translateX(calc(var(--mfui-sizes-mfui\.size\.dimension\.toggle-switch-container\.width\.comfort) - var(--mfui-sizes-mfui\.size\.dimension\.toggle-switch-handle-on\.diameter\.comfort) - 4px));
+  background-color: var(--mfui-colors-mfui\.color\.base\.background\.none);
+  width: var(--mfui-sizes-mfui\.size\.dimension\.toggle-switch-handle-on\.diameter\.comfort);
+  height: var(--mfui-sizes-mfui\.size\.dimension\.toggle-switch-handle-on\.diameter\.comfort);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled):checked):is(:hover, [data-hover]) {
+  background-color: var(--mfui-colors-mfui\.color\.primary\.content\.hovered);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled):checked):is(:hover, [data-hover]) [data-mfui-content="toggle-handle"] {
+  background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled):checked):is(:active, [data-active]) {
+  background-color: var(--mfui-colors-mfui\.color\.primary\.content\.pressed);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled):checked):is(:active, [data-active]) [data-mfui-content="toggle-handle"] {
+  background-color: var(--mfui-colors-mfui\.color\.base\.background\.pressed);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:disabled) {
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--mfui-colors-mfui\.color\.disabled\.border);
+  background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:disabled) [data-mfui-content="toggle-handle"] {
+  transform: translateY(-50%) translateX(0);
+  background-color: var(--mfui-colors-mfui\.color\.disabled\.content);
+  width: var(--mfui-sizes-mfui\.size\.dimension\.toggle-switch-handle-off\.diameter\.comfort);
+  height: var(--mfui-sizes-mfui\.size\.dimension\.toggle-switch-handle-off\.diameter\.comfort);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:disabled:checked) {
+  border-width: 0;
+  background-color: var(--mfui-colors-mfui\.color\.disabled\.background);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:disabled:checked) [data-mfui-content="toggle-handle"] {
+  transform: translateY(-50%) translateX(calc(var(--mfui-sizes-mfui\.size\.dimension\.toggle-switch-container\.width\.comfort) - var(--mfui-sizes-mfui\.size\.dimension\.toggle-switch-handle-on\.diameter\.comfort) - 4px));
+  background-color: var(--mfui-colors-mfui\.color\.base\.background\.none);
+  width: var(--mfui-sizes-mfui\.size\.dimension\.toggle-switch-handle-on\.diameter\.comfort);
+  height: var(--mfui-sizes-mfui\.size\.dimension\.toggle-switch-handle-on\.diameter\.comfort);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled):focus-visible) {
+  border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.hovered);
+  background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.hovered);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled):focus-visible):is(:active, [data-active]) {
+  border-color: var(--mfui-colors-mfui\.color\.neutral\.border\.pressed);
+  background-color: var(--mfui-colors-mfui\.color\.neutral\.sub-background\.pressed);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled):focus-visible):is(:active, [data-active]) [data-mfui-content="toggle-handle"] {
+  background-color: var(--mfui-colors-mfui\.color\.neutral\.content\.pressed);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled):focus-visible) [data-mfui-content="toggle-handle"] {
+  background-color: var(--mfui-colors-mfui\.color\.neutral\.content\.hovered);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled):focus-visible:checked) {
+  background-color: var(--mfui-colors-mfui\.color\.primary\.content\.hovered);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled):focus-visible:checked) [data-mfui-content="toggle-handle"] {
+  background-color: var(--mfui-colors-mfui\.color\.base\.background\.hovered);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled):focus-visible:checked):is(:active, [data-active]) {
+  background-color: var(--mfui-colors-mfui\.color\.primary\.content\.pressed);
+}
+
+.mfui-hRFDZx:has(input[type="checkbox"][role="switch"]:not(:disabled):focus-visible:checked):is(:active, [data-active]) [data-mfui-content="toggle-handle"] {
+  background-color: var(--mfui-colors-mfui\.color\.base\.background\.pressed);
+}
+
+.mfui-ikFLrp {
+  margin: 0;
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
+  width: 100%;
+  height: 100%;
+}
+
+.mfui-ikFLrp:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+  cursor: not-allowed;
+}
+
+.mfui-fcwQxJ {
+  border-radius: 50%;
+  transition: transform 0.1s linear, background-color 0.1s linear, width 0.1s linear, height 0.1s linear;
+  position: absolute;
+  top: 50%;
+  left: 2px;
+}
+
 @media screen and (min-width: 37.5rem) {
   .mfui-hveqnu {
     width: var(--mfui-sizes-mfui\.layout\.area\.horizontal\.fixed);
@@ -5479,6 +5674,19 @@
   min-width: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.condensed);
 }
 
+.mfui-iOuOfJ {
+  padding-inline: calc(var(--mfui-spacing-mfui\.size\.padding\.input\.horizontal\.impact) - 1px);
+  gap: var(--mfui-spacing-mfui\.size\.spacing\.icon-and-text\.horizontal\.impact);
+  border-radius: var(--mfui-radii-mfui\.size\.radius\.control-component\.impact);
+  height: var(--mfui-sizes-mfui\.size\.dimension\.control-component\.height\.impact);
+  min-width: var(--mfui-sizes-mfui\.size\.target\.button\.impact);
+}
+
+.mfui-iOuOfJ > svg {
+  height: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
+  min-width: var(--mfui-sizes-mfui\.size\.dimension\.icon\.square\.comfort);
+}
+
 .mfui-ctWvwW[data-mfui-group-label="true"]:not(:first-child) {
   border: none;
   border-top: 1px solid;
@@ -5887,24 +6095,22 @@
 }
 
 .mfui-cIEpCk::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: calc(100% + 1px);
   border-right-width: var(--mfui-border-widths-mfui\.size\.border\.fixed-cell\.horizontal\.comfort);
   border-right-style: solid;
   border-right-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.none);
 }
 
-.mfui-hUucnT::before {
+.mfui-cIEpCk::before,.mfui-hUucnT::before {
   content: "";
   position: absolute;
+  pointer-events: none;
   top: 0;
   left: 0;
   width: 100%;
   height: calc(100% + 1px);
+}
+
+.mfui-hUucnT::before {
   border-left-width: var(--mfui-border-widths-mfui\.size\.border\.fixed-cell\.horizontal\.comfort);
   border-left-style: solid;
   border-left-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.none);
@@ -5964,24 +6170,22 @@
 }
 
 .mfui-krlGLX::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: calc(100% + 1px);
   border-right-width: var(--mfui-border-widths-mfui\.size\.border\.fixed-cell\.horizontal\.comfort);
   border-right-style: solid;
   border-right-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.none);
 }
 
-.mfui-iRKnkw::before {
+.mfui-krlGLX::before,.mfui-iRKnkw::before {
   content: "";
   position: absolute;
+  pointer-events: none;
   top: 0;
   left: 0;
   width: 100%;
   height: calc(100% + 1px);
+}
+
+.mfui-iRKnkw::before {
   border-left-width: var(--mfui-border-widths-mfui\.size\.border\.fixed-cell\.horizontal\.comfort);
   border-left-style: solid;
   border-left-color: var(--mfui-colors-mfui\.color\.neutral\.sub-border\.none);